.content{
    margin-bottom: 0;
}
.proof-box {
    position: relative;
    width: 100%;
}

.proof-box .proof {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.proof-box .proof .slogan-box {
    position: relative;
    text-align: center;
    margin-top: 134px;
}

.proof-box .proof .slogan-box .slogan-h {
    text-align: center;
    height: 136px;
    background: url(../images/proof_tit.png) center no-repeat;
    margin-bottom: 41px;
}

.proof-box .proof .slogan-box .slogan-p {
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 2px;
    width: 778px;
    margin: 0 auto;
    line-height: 30px;
}
.proof-box .proof .slogan-box .slogan-i {
    font-size: 16px;
    color: #ffffff;
    width: 650px;
    height: 160px;
    position: relative;
    margin: 0 auto;
}
.proof-box .proof .slogan-box .slogan-p .title{
    text-align: center;
    color: #ffffff;
    letter-spacing: 2px;
    margin: 0 auto;
    line-height: 40px;
    height: 40px;
    border-radius: 10px 10px 0px 0px;
}
.proof-box .proof .slogan-box .slogan-p .title span{
    text-align: center;
    width: 120px;
    display: block;
    float: left;
    cursor: pointer;
}
.proof-box .proof .slogan-box .slogan-p .title .active{
    background-color: #2768f8;
    border-radius: 10px 10px 0px 0px;
}

.proof-box .proof .slogan-box .slogan-p .box{
    text-align: left;
    color: #ffffff;
    letter-spacing: 2px;
    margin: 0 auto;
    line-height: 48px;
    height: 48px;
    border-radius: 10px 10px 0px 0px;
    position: relative;
}
.proof-box .proof .slogan-box .slogan-p .box input{
    text-align: left;
    width: 100%;
    display: inline-block;
    float: left;
    height: 48px;
    border: solid 1px #e9e9e9;
    background: none;
    padding-left: 14px;
    color: #999999;
    box-sizing:border-box;
    background: #FFFFFF;
}
.proof-box .proof .slogan-box .slogan-p .box .button{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    width: 130px;
    height: 48px;
    background-color: #2768f8;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    cursor: pointer;

}

.proof-box .proof .slogan-box .slogan-p .trip{
    font-size: 14px;
    color: #f9b000;
    margin: 14px;
    text-align: left;
}
/*.proof-box .proof .slogan-box .slogan-i .slogan-i-bg1{*/
/*    width: 130px;*/
/*    background-image: url(../images/proof_i_bg.gif);*/
/*    background-position: top center;*/
/*    height: 100%;*/
/*    display: block;*/
/*}*/
.proof-box .proof .slogan-box .slogan-i .i-cont{
    width: 130px;
    background-image: url(../images/circou_bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    display: block;
    position: relative;
}
.proof-box .proof .slogan-box .slogan-i .i-cont .i-cont-one{
    width: 100%;
    background-image: url(../images/wave.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    display: block;
}
.proof-box .proof .slogan-box .slogan-i .i-cont .i-cont-two{
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
}
.proof-box .proof .slogan-box .slogan-i .i-cont .i-cont-two1{
    transform:rotate(30deg);
    -webkit-transform:rotate(30deg);  /*兼容-webkit-引擎浏览器*/
    -moz-transform:rotate(30deg);     /*兼容-moz-引擎浏览器*/
}
.proof-box .proof .slogan-box .slogan-i .i-cont .i-cont-two2{
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);  /*兼容-webkit-引擎浏览器*/
    -moz-transform:rotate(180deg);     /*兼容-moz-引擎浏览器*/
}
.proof-box .proof .slogan-box .slogan-i .i-cont .i-cont-two3{
    transform:rotate(270deg);
    -webkit-transform:rotate(270deg);  /*兼容-webkit-引擎浏览器*/
    -moz-transform:rotate(270deg);     /*兼容-moz-引擎浏览器*/
}
.proof-box .proof .slogan-box .slogan-i .i-cont .i-cont-tree{
    width: 100%;
    background-image: url(../images/circor.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    display: block;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 3s linear infinite;
    -moz-animation: rotate 3s linear infinite;
    -o-animation: rotate 3s linear infinite;
    animation: rotate 3s linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(360deg)}
    to{-webkit-transform: rotate(0deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(359deg)}
    to{-moz-transform: rotate(0deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(359deg)}
    to{-o-transform: rotate(0deg)}
}
@keyframes rotate{from{transform: rotate(359deg)}
    to{transform: rotate(0deg)}
}
.proof-box .proof .slogan-box .slogan-i .i-cont .title{
    width: 100%;
    text-align: center;
    padding-top: 73px;
    font-size: 24px;
    float: left;
    display: block;
}
.proof-box .proof .slogan-box .slogan-i .i-cont .title span{
    width: 100%;
    font-size: 16px;
    padding-bottom: 10px;
}
.proof-box .proof .slogan-box .slogan-i .i-cont .text{
    width: 100%;
    font-size: 16px;
    margin-top: 65px;
    float: left;
    display: block;
}
.pop{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1001;
    top: 0;
}
.pop-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000000;
    opacity: 0.5;
}
.pop-box{
    position: relative;
    margin: 0 auto;
    width: 640px;
    top:25%;
    text-align: left;
}
.pop-box .proof-message,.pop-box .proof-err{
    width: 640px;
    padding:0 70px 40px 70px;
    display: block;
    height: auto;
    float: left;
    background-color: #ffffff;
    border-radius: 4px;
}
.pop-box .proof-message .close, .pop-box .proof-err .close{
    width: 10px;
    height: 10px;
    background: url("../images/proof_colse.png") center no-repeat;
    position: absolute;
    top:16px;
    right: 20px;
    cursor: pointer;
}
.pop-box .proof-message .title{
    width: 500px;
    border-bottom: #ececec dotted 1px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 2px;
    color: #333333;
    text-align: center;
    line-height: 48px;
    margin-top: 11px;
    margin-bottom: 21px;
    float: left;
}
.pop-box .proof-err .title{
    width: 500px;
    height: 164px;
    background: url("../images/proof_err_title.png") top center no-repeat;
    border-bottom: #ececec dotted 1px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 2px;
    color: #333333;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 21px;
    float: left;
}

.pop-box .proof-message .slogan-box,.pop-box .proof-err .slogan-box{
    margin-top: 10px;
    width: 500px;
    float: left;
    display: block;
}
.pop-box .proof-err .slogan-box{
    margin-top: 10px;
    margin-bottom: 30px;
}
.pop-box .proof-message .slogan-box .slogan-li{
    height: 76px;
}
.pop-box .proof-err .slogan-box .slogan-li{
    background: url("../images/proof_waring.png") left center no-repeat;
    width: auto;
    margin-left: 70px;
    padding-left: 12px;
    line-height: 31px;
    font-size: 14px;
    color: #333333;
}
.pop-box .proof-message .slogan-box .slogan-li .slogan-all{
    width: 100%;
}
.pop-box .proof-message .slogan-box .slogan-li .slogan-left{
    width: 300px;
    float: left;
}
.pop-box .proof-message .slogan-box .slogan-li .slogan-right{
    width: 180px;
    float: right;
}
.pop-box .proof-message .slogan-box .slogan-li .slogan-h{
    width: 100%;
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 8px;
    display: inline-block;
    color: #333333;
}
.pop-box .proof-message .slogan-box .slogan-li .slogan-i{
    width: 100%;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    color: #666666;
    height: 36px;
    background-color: #f5f5f5;
    border-radius: 2px;
    border: solid 1px #ececec;
}
.pop-box .proof-message .slogan-box .slogan-li .slogan-i span{
    margin-left: 20px;
}
.pop-box .proof-message .slogan-box .slogan-li .slogan-i a{
    padding:0 20px;
    display: inline-block;
    width: 100%;
    color: #666666;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.pop-box .proof-message .slogan-box .slogan-li .button{
    width: 100%;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    color: #ffffff;
    height: 36px;
    background-color: #2768f8;
    border-radius: 2px;
    border: solid 1px #2768f8;
    text-align: center;
    cursor: pointer;
}
.pop-box .proof-message .slogan-box .slogan-li .button span{
    height: 100%;
    display: block;
    width: auto;
    float: left;
    margin-left: 10px;
}

.pop-box .proof-message .slogan-box .slogan-li .button .icon{
    background: url("../images/proof_file.png") center no-repeat;
    width: 18px;
    height: 100%;
    display: block;
    padding: 0;
}
.pop-box .proof-err .title .text{
    width: auto;
    font-size: 18px;
    letter-spacing: 2px;
    color: #333333;
    text-align: center;
    margin: 0 auto;
    height: 20px;
    padding-top: 128px;
    display: inline-block;
}
.pop-box .proof-err .title .text span{
    height: 100%;
    display: block;
    width: auto;
    float: left;
    line-height: 20px;
}
.pop-box .proof-err .title .text .icon{
    background: url("../images/proof_err_bgclose.png") center no-repeat;
    height: 20px;
    font-size: 18px;
    width: 28px;
    display: block;
}