html,body{
    width: 100%;
    background-color: #f0f2f7;
}

/******************** 公共样式 ************************/
header{
    width: 100%;
    min-width: 1100px;
    height:80px;
    background: url("../img/headerbgc.jpg") no-repeat 0 0;
    background-size:cover;
}
header .w{
    height: 80px;
}
header h1{
    width: 233px;
    height: 40px;
    padding-top: 20px;
    float: left;
    margin-right: 70px;
}
header h1 img{
    width: 233px;
    height: 40px;
}
header ul{
    float: left;
}
header ul li{
    padding-left:40px;
    padding-right: 40px;
    line-height: 80px;
    color:#fff;
    float: left;
    font-size: 18px;
}
header ul .active{
    font-weight: bold;
}
header ul li:hover{
    font-weight: bold;
}
.server{
    background-color: #e2e2e2;
}
.server .w{
    height: 260px;
    position: relative;
}
.server ul{
    float: left;
    padding-top: 20px;
    overflow:hidden;
}
.server li{
    width: 136px;
    float: left;
    margin-left: 18px;
    margin-right: 18px;
}
.server li h3{
    font-size: 18px;
    line-height: 42px;
    color:#333;
    border-bottom: 1px solid #d0d0d0;
}
.server li a{
    float: left;
    width: 68px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color:#666;
    text-align: left;
}
.server li a:nth-child(2n+1){
    text-align: right;
}
.server .serverdesk{
    overflow:hidden;
    float: right;
    width: 300px;
}
.serverdesk h3{
    padding-top: 20px;
    font-size: 18px;
    line-height: 42px;
    color:#333;
    text-align: center;
}
.serverdesk .erweimabox{
    overflow:hidden;
    width: 300px;
}
.serverdesk .erweima{
    float: left;
    width: 150px;
    text-align: center;
}
.erweima img{
    padding-top: 18px;
}
.erweima p{
    padding-top: 10px;
    font-weight: bold;
    font-size: 14px;
    color: #333;
}
.serverphone{
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 20px;
}
.serverphone h3{
    color: #666;
    font-weight: normal;
    padding-bottom: 30px;
}
.serverphone p{
    color: #999;
    padding-bottom: 16px;
}

footer{
    height: 160px;
    min-width: 1100px;
    background-color: #c0c0c0;
}
footer .w{
    text-align: center;
}
footer h3{
    padding-top: 30px;
    color: #333;
    font-size: 14px;
    line-height: 32px;
}
footer p{
    color: #666;
    font-size: 14px;
    line-height: 32px;
}
footer p span{
    font-weight: bold;
    padding-left: 30px;
    color: #333;
    background: url("../img/flag.png") no-repeat 4px 0px;
    background-size: 21px 23px;
}

.shadowwrap{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    display:none;
}
.shadowwrap .shadow{
    width: 555px;
    height: 424px;
    background-color: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin:auto;
    border-radius: 4px;
}
.shadowwrap1{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    display:none;
}
.shadowwrap1 .convertshadow{
    width: 564px;
    height: 434px;
    background-color: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin:auto;
    border-radius: 4px;
    padding: 23px 42px;
}
/* 首页签到弹窗 */
.shadow h3{
    font-size: 18px;
    color:#333;
    padding-left: 24px;
    line-height: 54px;
    margin-bottom: 5px;
}
.shadow h4{
    font-size: 16px;
    font-weight: 500;
    color:#333;
    margin:0 42px 21px 42px;
    line-height: 42px;
    border-bottom: 1px solid #e8edf3;
}
.shadow p{
    font-size: 14px;
    font-weight: 500;
    padding-left: 16px;
    color:#333;
    margin:0 70px 16px 70px;
    line-height: 50px;
    border-radius: 4px;
    border: 1px solid #e8edf3;
}
.shadow p span{
    float:right;
    margin-top: 9px;
    margin-right: 18px;
    width: 104px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 3px;
    color:#fff;
    background-color: #ffc830;
    cursor: pointer;
}
.shadow img{
    position: absolute;
    right: 10px;
    top: 10px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* 首页兑换券弹窗 */
.convertshadow h4{
    font-weight: 500;
    border-bottom: 1px solid #e8ecf3;
    font-size: 16px;
    line-height: 56px;
    overflow:hidden;
    color:#333;
}
#caidouconvert{
    float: left;
    padding-left: 92px;
    width: 190px;
    font-weight: 800;
    border-bottom: 3px solid #97d4f5;
    cursor: pointer;
}
#mydiscount{
    float: left;
    padding-left: 66px;
    width: 216px;
    cursor: pointer;
}
.convertshadow h5{
    font-weight: 600;
    font-size: 14px;
    line-height: 44px;
    color:#333;
}
#caidoucount{
    color:#005ea7;
}
#counttime{
    color:#005ea7;
}
.convertshadow h5 .wen4{
    float:right;
    color:#fcb901;
    font-weight: 500;
    font-size:14px;
    padding-left: 30px;
    background: url("../img/wen1.png") no-repeat 0 center;
    background-size:21px 21px;
}
.convertshadow #showconvert{
    width: 276px;
    height: 126px;
    padding-left: 140px;
}
.convertshadow #alarm1{
    width: 100px;
    height: 100px;
    padding-left: 232px;
    padding-top: 20px;
}
.convertshadow h6{
    font-weight: 500;
    color:#333;
    font-size: 16px;
    line-height: 40px;
    padding-left: 28px;
    background: url("../img/gantan.png") no-repeat 0 center;
}
.convertshadow p{
    color:#333;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
}
#convertnow,#convertdetail{
    width: 126px;
    height: 33px;
    border-radius: 3px;
    line-height: 33px;
    text-align: center;
    color:#fff;
    background-color: #ffc830;
    font-size: 16px;
    margin-left: 219px;
    margin-top: 24px;
    cursor: pointer;
}
#closeconvert{
    position: absolute;
    right: 10px;
    top: 10px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
#convertcontent1{
    display:block;
}
#convertcontent2{
    display:none;
}
#convertcontent1 .alarmh{
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color:#000;
    font-weight: 600;
}
#convertcontent1 .alarmp{
    text-align: center;
    line-height: 60px;
    font-size: 16px;
    margin-bottom: 40px;
    color:#333;
    font-weight: 500;
}
#convertcontent1 .alarmp1{
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    color:#333;
    font-weight: 500;
    margin-bottom: 0;
    padding-top: 12px;
}
#convertcontent1 .alarmp2{
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    color:#666;
    font-weight: 500;
}
#convertcontent1 .alarmp3{
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    color:#333;
    font-weight: 500;
    margin-bottom: 4px;
}
#convertcontent1 .alarmp4{
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    color:#666;
    font-weight: 500;
    margin-bottom: 0;
}
#convertcontent1 .alarmp3 #discountid{
    color:#005ea7;
}
#convertcontent1 .convertbox{
    overflow:hidden;
}
.convertbox #convertyes{
    float: left;
    width: 126px;
    height: 33px;
    border-radius: 3px;
    line-height: 33px;
    text-align: center;
    color:#fff;
    background-color: #ffc830;
    font-size: 16px;
    margin-left: 220px;
    cursor: pointer;
}
.convertbox #convertno{
    float: left;
    width: 126px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    color:#666;
    font-size: 16px;
    cursor: pointer;
}
#convertcontent2 p{
    font-size: 16px;
    color:#333;
    line-height: 40px;
    margin-bottom: 0;
    overflow:hidden;
    background-color: #f4f5f6;
}
#convertcontent2 .converttime{
    width: 164px;
    float: left;
    text-align: center;
}
#convertcontent2 .convertcoupon{
    width: 150px;
    float: left;
    text-align: center;
}
#convertcontent2 .convertcode{
    width: 150px;
    float: left;
    text-align: center;
}
#convertcontent2 .usecaidou{
    width: 100px;
    float: left;
    text-align: center;
}
#convertcontent2 ul li{
    overflow:hidden;
    line-height: 46px;
    border-bottom: 1px solid #f4f5f6;
    font-size: 14px;
    color:#333;
    text-align: center;
}
#convertcontent2 .isgreen{
    color:#8db45f;
}
#convertmsg{
    position: absolute;
    left: 260px;
    bottom: 14px;
    font-size: 12px;
    color:red;
    display:none;
}
#convertmsg1{
    position: absolute;
    left: 236px;
    bottom: 14px;
    font-size: 12px;
    color:red;
    display:none;
}

/* 采豆动画 */
#movecaidou{
    position: fixed;
    left: 0;
    top: 0;
    font-size: 14px;
    line-height: 20px;
    color:red;
}

/* AAA登录完后的弹窗 */
.shadowwrap2{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    display:none;
}
.shadowwrap2 .shadow{
    width: 350px;
    height: 200px;
    background-color: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin:auto;
    border-radius: 4px;
}
.shadowwrap2 h6{
    text-align: center;
    color: #333;
    line-height: 120px;
    font-size: 16px;
}
.shadowwrap2 span{
    float: left;
    margin-top: 9px;
    width: 104px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}
.shadowwrap2 #gotohome{
    color:#fff;
    background-color: #ffc830;
    margin-left: 61px;
    margin-right: 18px;
}
.shadowwrap2 #stayhere{
    color:#666;
    border:1px solid #ccc;
}

/******************** 登录样式 ************************/
.loginbgc{
    width: 100%;
    height:100%;
    background-color: #f0f2f7;
}
.loginbox{
    width: 1000px;
    overflow:hidden;
    margin-left: auto;
    margin-right: auto;
}
.loginbox h1{
    padding-top: 32px;
    padding-bottom: 32px;
}
.loginbox h1 p{
    float:right;
    font-weight: normal;
    font-size: 18px;
    padding: 30px 0 20px 30px;
    color:#0866b5;
    background: url("../img/loginphone.png") no-repeat 0 30px;
    background-size: 25px;
}
.loginleft{
    float: left;
    width: 500px;
    height: 565px;
}
.loginright{
    float: right;
    width: 500px;
    height: 565px;
    background-color: #fff;
}
.loginright h3{
    text-align: center;
    font-size: 24px;
    color:#0866b5;
    padding-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f5f9fc;
}
.loginright h4{
    text-align: center;
    font-size: 18px;
    padding: 30px 0 40px 0;
    color:#333;
    font-weight: normal;
}
.loginright .saoyisao{
    width: 100%;
    height: 280px;
    position: relative;
}
#erweima{
    width: 210px;
    height: 210px;
    border:1px solid #e6eaed;
    margin-left: 144px;
    position: absolute;
    left: 0;
    top: 0;
    z-index:9;
    overflow:hidden;
}
#login_container{
    margin-left: -44px;
    margin-top: -15px;
}
.loginright img{
    width: 219px;
    height: 253px;
    margin-left: 30px;
    position:absolute;
    right: 44px;
    top: 0;
    opacity: 0;
}
/* #erweima:hover{
    transform: translate(-100px);
    transition: 1s;
}
#erweima:hover+img{
    display:block;
    transition: 1s;
} */
.loginright .loginnotes{
    overflow:hidden;
}
.loginnotes p{
    float: left;
    margin-left: 38px;
    margin-bottom: 22px;
    padding-left:30px;
    color: #333;
    font-size: 18px;
    background: url("../img/right.png") no-repeat 0 4px;
    background-size: 22px 17px;
}

/**************************** 首页采豆中心样式 ************************/
#indexmy{
    padding-top: 20px;
    width: 100%;
    height: 340px;
    margin-bottom: 20px;
}
#indexmy .w{
    overflow:hidden;
}
#indexmy .mybase{
    float: left;
    background-color: #fff;
    width: 250px;
    height: 340px;
    margin-right: 20px;
    text-align: center;
}
.mybase img{
    width: 100px;
    height: 100px;
    margin-top: 14px;
}
.mybase #basehead{
    border-radius: 50%;
}
.mybase h3{
    font-weight: normal;
    font-size: 18px;
    line-height: 18px;
    margin-top: 12px;
    color:#000;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.mybase h4{
    font-weight: normal;
    font-size: 12px;
    height: 12px;
    margin-top: 10px;
    color:#0866b5;
}
.mymessage{
    overflow:hidden;
}
.mymessage .mybean{
    width: 125px;
    float: left;
}
.mymessage .mybean img{
    width: 40px;
    height: 36px;
}
.mymessage .mybean h5{
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 12px;
    font-size: 14px;
    height: 14px;
    color:#333;
}
.mymessage .mybean h6{
    font-weight: normal;
    font-size: 30px;
    height: 30px;
    color:#786a30;
    padding-bottom: 14px;
}
.mymessage .mybean p{
    display:inline-block;
    width: 84px;
    height: 30px;
    border:1px solid #e2dfd0;
    border-radius: 2px;
    line-height: 30px;
    color: #786a30;
    font-size: 12px;
}
.myget{
    float: left;
    width: 560px;
    height: 340px;
    margin-right: 20px;
}
.myget .banner{
    width: 560px;
    height: 220px;
    margin-bottom: 14px;
}
.myget .monthexist{
    width: 560px;
    height: 106px;
    background-color: #fff;
    position: relative;
}
.monthexist p{
    float: left;
    font-size: 14px;
    color: #7c7f94;
    height: 14px;
    padding-top: 20px;
    padding-bottom: 18px;
}
.monthexist span{
    padding-left: 14px;
    color:#786a30;
}
.existday{
    width: 130px;
    padding-left: 18px;
}
.existbean{
    width: 100px;
    padding-left: 78px;
}
#signbtn{
    width: 126px;
    position: absolute;
    text-align: center;
    line-height: 33px;
    background-color: #ffc830;
    color: #fff;
    font-size: 14px;
    right: 20px;
    top: 8px;
    border-radius: 3px;
    cursor: pointer;
}
#beanadd{
    position: absolute;
    right: 60px;
    top: -10px;
    display:none;
}
.signlength{
    width: 549px;
    height: 24px;
    background-color: #e8ecf3;
    position: absolute;
    bottom: 26px;
    left: 5px;
    border-radius: 24px;
}
.signlength #showlength{
    width: 0;
    height: 12px;
    background-color: #97d4f5;
    border-radius: 6px;
    margin-top: 6px;
    margin-left: 11px;
}
#day7{
    width: 18px;
    height: 18px;
    border-radius: 9px;
    position: absolute;
    left: 124px;
    top: 3px;
    background-color: #ddd;
}
#day14{
    width: 18px;
    height: 18px;
    border-radius: 9px;
    position: absolute;
    left: 243px;
    top: 3px;
    background-color: #ddd;
}
#day21{
    width: 18px;
    height: 18px;
    border-radius: 9px;
    position: absolute;
    left: 362px;
    top: 3px;
    background-color: #ddd;
}
#day28{
    width: 18px;
    height: 18px;
    border-radius: 9px;
    position: absolute;
    left: 481px;
    top: 3px;
    background-color: #ddd;
}
.signlength p{
    padding:0;
    margin-top: 6px;
    line-height: 18px;
    float: left;
    width: 119px;
    text-align: center;;
    color: #333;
    font-size: 12px
}
.signlength p:nth-child(6){
    margin-left: 71px;
}
.monthuse{
    float: left;
    width: 250px;
    height: 340px;
    background-color: #fff;
}
.monthuse h3{
    background-color: #fff;
    padding-left: 18px;
    color: #333;
    line-height: 60px;
}
.monthuse p{
    line-height: 80px;
    padding-left: 60px;
    height: 80px;
    color:#333;
    font-size: 14px;
    margin-left: 20px;
    margin-right: 18px;
    border-bottom: 1px dashed #e1e5eb;
    position: relative;
}
.monthuse .monthuse1{
    background: url("../img/newbean.png") no-repeat 12px center;
    background-size:35px 32px;
}
.monthuse .monthuse2{
    background: url("../img/usebean.png") no-repeat 12px center;
    background-size:35px 32px;
    margin-bottom: 30px;
}
.monthuse span{
    line-height: 80px;
    font-size: 30px;
    color:#786a30;
    position: absolute;
    right: 12px;
    top: 0;
}
.monthuse h4{
    font-weight: normal;
    line-height: 34px;
    font-size: 14px;
    padding-left: 60px;
    color: #333;
}
.monthuse .wen1{
    background: url("../img/wen1.png") no-repeat 30px center;
    background-size:21px 21px;
}
.monthuse .wen2{
    background: url("../img/wen2.png") no-repeat 30px center;
    background-size:21px 21px;
}

.indexuse .w{
    margin-top: 20px;
    width:1060px;
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
}
.indexuse h3{
    line-height: 70px;
    font-size: 16px;
    color: #333;
}
.indexuse .wen3{
    float:right;
    color:#fcb901;
    font-size:14px;
    padding-left: 30px;
    background: url("../img/wen1.png") no-repeat 0 center;
    background-size:21px 21px;
}
.indexuse h4{
    line-height: 40px;
    background-color: #f4f5f6;
    border-radius: 3px;
    overflow:hidden;
}
.indexuse span{
    font-size: 16px;
    color:#333;
}
.indexuse .timetitle{
    padding-left: 30px;
    width:360px;
    float: left;
}
.indexuse .gettitle{
    width:330px;
    float: left;
}
.indexuse .detailtitle{
    width:340px;
    float: left;
}
.indexuse ul li{
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #f4f5f6;
    font-size: 14px;
}
.indexuse .detailempty{
    text-align: center;
    color: #999;
}
.indexuse ul .timecontent{
    padding-left: 30px;
    width:360px;
    float: left;
}
.indexuse ul .getcontent{
    padding-left: 20px;
    width:310px;
    float: left;
}
.indexuse ul .detailcontent{
    width:340px;
    float: left;
}
.indexuse ul .getred{
    color:#eb6d35;
}
.indexuse ul .getgreen{
    color:#8db45f;
}
.indexuse h5{
    line-height: 60px;
    text-align: center;
    color: #005ea7;
    font-size: 14px;
}

#indexget h4{
    text-align: center;
    font-size: 24px;
    color: #333;
    line-height: 64px;
    font-weight: normal;
    background: url("../img/line.png") no-repeat center 50px;
    background-size:73px 2px;
}
#indexget .getbean{
    height: 190px;
    padding:20px 20px 0 20px;
    background-color: #fff;
}
#indexget ul li{
    width: 217px;
    height: 129px;
    float: left;
    margin-right: 16px;
    color:#333;
    position: relative;
}
#indexget ul li:nth-child(1){
    border:18px solid #fcf5c7;
    background: url("../img/li1.png") no-repeat 150px 8px;
    background-size:60px 60px;
}
#indexget ul li:nth-child(2){
    border:18px solid #c7e0fa;
    background: url("../img/li2.png") no-repeat 150px 8px;
    background-size:60px 60px;
}
#indexget ul li:nth-child(3){
    border:18px solid #ddf0c7;
    background: url("../img/li3.png") no-repeat 150px 8px;
    background-size:60px 60px;
}
#indexget ul li:nth-child(4){
    border:18px solid #c1e1f2;
    background: url("../img/li4.png") no-repeat 150px 8px;
    background-size:60px 60px;
    margin-right: 0;
}
#indexget li h5{
    font-weight: normal;
    font-size: 18px;
    line-height: 46px;
    padding-left: 20px;
}
#indexget li h6{
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    padding-left: 20px;
    margin-bottom: 10px;
}
#indexget li p{
    margin-left: 20px;
    width: 92px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    border:1px solid #d3dce8;
    border-radius: 4px;
}

#indexusebean{
    margin-bottom: 36px;
}
#notvip{
    line-height: 24px;
    font-size: 14px;
    color:red;
    padding-left: 40px;
    display: none;
}
#indexusebean h4{
    text-align: center;
    font-size: 24px;
    color: #333;
    line-height: 64px;
    font-weight: normal;
    background: url("../img/line.png") no-repeat center 50px;
    background-size:73px 2px;
}
#indexusebean ul{
    height: 216px;
    padding:24px 20px 0 20px;
    background-color: #fff;
}
#indexusebean ul li{
    float: left;
    width: 493px;
    height: 192px;
}
#indexusebean ul li:nth-child(1){
    background: url("../img/use1.png") no-repeat;
    background-size:493px 192px;
}
#indexusebean ul li:nth-child(2){
    background: url("../img/use2.png") no-repeat;
    background-size:493px 192px;
    margin-left: 70px;
}
#indexusebean ul li:nth-child(2) p{
    line-height: 192px;
    text-align: center;
    font-size: 24px;
    color: #333;
}
#indexusebean ul li:nth-child(1) h5{
    font-weight: normal;
    font-size: 24px;
    padding-top: 25px;
    line-height: 52px;
    padding-left: 40px;
}
#indexusebean ul li:nth-child(1) h6{
    font-weight: normal;
    font-size: 14px;
    height: 14px;
    padding-left: 40px;
    margin-bottom: 30px;
}
#indexusebean ul li:nth-child(1) p{
    margin-left: 40px;
    width: 92px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    border:1px solid #333;
    background-color: #fff;
    border-radius: 4px;
    cursor: pointer;
}

#indexask .w{
    width:1060px;
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
}
#indexask h3{
    line-height: 70px;
    font-size: 16px;
    color: #333;
    border-bottom:1px solid #f4f5f6;
}
#indexask ul li{
    color: #333;
}
#indexask ul li h4{
    line-height: 30px;
    padding-top: 14px;
    font-size: 14px;
}
#indexask ul li p{
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
#indexask h5{
    line-height: 60px;
    text-align: center;
    color: #005ea7;
    font-size: 14px;
}

/*************** 常见问题样式 ***************/
.commonask .w{
    margin-top:20px;
    width:1060px;
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;

}
.commonask h3{
    line-height: 70px;
    font-size: 16px;
    color: #333;
    border-bottom:1px solid #f4f5f6;
}
.commonask ul li{
    color: #333;
}
.commonask ul li:nth-child(1){
    padding-top: 14px;
}
.commonask ul li h4{
    line-height: 46px;
    font-size: 14px;
    background-color: #f1f4fc;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 3px;
}
.commonask ul li p{
    line-height: 30px;
    font-size: 14px;
    padding: 16px 20px;
}
.askpage{
    padding:28px 20px;
    height: 32px;
    text-align: right;
}

/****************** 视频详情 *******************/
.videodetail .w{
    width:1100px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.videodetailleft{
    float: left;
    width: 694px;
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 28px;
    position: relative;
}
.videodetailleft h3{
    line-height: 70px;
    font-size: 16px;
    color: #333;
}
.videodetailleft .wen3{
    float:right;
    color:#fcb901;
    font-size:14px;
    padding-left: 30px;
    background: url("../img/wen1.png") no-repeat 0 center;
    background-size:21px 21px;
}
.videodetailleft h4{
    line-height: 18px;
    font-size: 16px;
    margin-bottom: 10px;
    color:#666;
}
/* #shadowline{
    width: 694px;
    height: 8px;
    background-color: rgba(255,0,0,.4);
    position: absolute;
    left: 20px;
    bottom: 220px;
    z-index: 999;
} */
.video-container{
    width: 694px;
    height: 404px;
    background-color: #000;
}
.video-msg{
    color:#786a30;
    font-size: 12px;
    line-height: 40px;
}
.video-msg #getbean{
    padding-right: 10px;
    padding-left: 24px;
    background: url("../img/caidou.png") no-repeat 0 center;
    background-size:17px 19px;
}
.video-msg #playtime{
    padding-right: 10px;
    padding-left: 24px;
    background: url("../img/playtime.png") no-repeat 0 center;
    background-size:17px 19px;
}
.video-msg #islook{
    padding-right: 10px;
    padding-left: 24px;
    background: url("../img/islook.png") no-repeat 0 center;
    background-size:17px 19px;
    display:none;
}
.video-conetentbox{
    height: 138px;
}
.video-conetentbox h5{
    line-height: 25px;
    color: #333;
    font-size: 14px;
    font-weight: normal;
    border-bottom:1px solid #51a8eb;
}
.video-conetentbox #video-conetent{
    color:#7c7f94;
    font-size: 12px;
    line-height: 36px;
    -webkit-line-clamp:3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.videodetailright{
    float: left;
    width: 338px;
    height: 680px;
}
.videodetailright .videoimgbox{
    width: 338px;
    height: 332px;
    overflow:hidden;
}
.videodetailright img{
    width: 338px;
    height: 332px;
    transition: all 1.5s;
}
.videodetailright #ad1{
    margin-bottom:16px;
}
.videodetailright img:hover{
    transform: scale(1.08,1.08)
}

/******************* AAA测评 ********************/
.AAAtest{
    width: 100%;
    height: 566px;
    min-width: 1100px;
    background: url("/public/cblcn/up/CaidouWEB/img/AAAbgc.png") center center no-repeat;
    background-size: cover;
    /* width:expression(document.body.clientWidth <= 1100? "1100px": "auto"); */
}
.AAAtest .w{
    height: 566px;
    overflow: hidden;
}
.AAAtest .evaluate img{
    width: 550px;
    height: 566px;
    float: left;
}
.evaluate .evaluatewrap{
    width: 365px;
    height: 483px;
    background-color: #fff;
    float: right;
    margin-top: 45px;
    margin-right: 50px;
    position: relative;
}
.evaluatewrap h4{
    line-height: 104px;
    border-bottom: 1px solid #ddd;
    margin:10px 0;
    font-size: 24px;
    font-weight: 500;
    color:#555;
    text-align: center;
}
.evaluatewrap .content{
    width: 294px;
    height: 44px;
    border:1px solid #ddd;
    margin-bottom: 10px;
    margin-left: 32px;
}
.evaluatewrap .content span{
    display:inline-block;
    width: 67px;
    line-height: 44px;
    border-right: 1px solid #ddd;
    font-size: 14px;
    color:#555;
    text-align: center;
    font-weight: 600;
}
.evaluatewrap .content input{
    border:0;
    outline: none;
    display:inline-block;
    padding:0 5px;
    width: 210px;
    height: 30px;
    font-size: 14px;
    color:#333;
    background-color: #fff;
}
.evaluatewrap .content1{
    width: 190px;
    height: 44px;
    border:1px solid #ddd;
    margin-bottom: 10px;
    margin-left: 32px;

}
.evaluatewrap .content1 span{
    display:inline-block;
    width: 67px;
    line-height: 44px;
    border-right: 1px solid #ddd;
    font-size: 14px;
    color:#555;
    text-align: center;
    font-weight: 600;
}
.evaluatewrap .content1 input{
    border:0;
    outline: none;
    display:inline-block;
    padding:0 5px;
    width: 108px;
    height: 30px;
    font-size: 14px;
    color:#333;
}
#getimgcode{
    position: absolute;
    right: 37px;
    top: 293px;
    width: 100px;
    height: 46px;
    background-color: #f5f5f5;
    cursor: pointer;
}
.evaluatewrap .content2{
    width: 122px;
    height: 37px;
    border:1px solid #ddd;
    padding-top:7px;
    margin-bottom: 10px;
    margin-left: 100px;

}
.evaluatewrap .content2 input{
    border:0;
    outline: none;
    display:inline-block;
    padding:0 5px;
    width: 112px;
    height: 30px;
    font-size: 14px;
    color:#333;
}
.evaluatewrap p{
    margin-left: 60px;
    font-size: 14px;
    color:red;
    display:none;
    margin-top: -10px;
}
.content2 p{
    margin-left: -8px;
    font-size: 14px;
    color:red;
    display:none;
    margin-top: -10px;
}
.content2 .notclick{
    pointer-events: none;
}
#getcode{
    position: absolute;
    right: 37px;
    top: 349px;
    width: 100px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background-color: #FFB12E;
    font-size: 14px;
    color:#fff;
    font-weight: 600;
    cursor: pointer;
}
#send{
    outline: none;
    border:0;
    width: 130px;
    height: 44px;
    background-color: #ff2600;
    color:#fff;
    margin-left: 112px;
    cursor: pointer;
}
#sendspan{
    width: 365px;
    line-height: 40px;
    text-align: center;
    color: red;
    font-size: 14px;
}
#beanadd1{
    position: absolute;
    left: 150px;
    bottom: 80px;
    font-size: 14px;
    color:#ffb12e;
    display:none;
}

.AAAmean{
    background-color: #fff;
    min-width: 1100px;
}
.AAAmean .w{
    overflow: hidden;
}
.AAAmean h2{
    font-size: 36px;
    font-weight: 500;
    line-height: 170px;
    color:#151515;
    text-align: center;
    margin-bottom: 10px;
}
.AAAmean ul{
    overflow:hidden;
    margin-bottom: 60px;
}
.AAAmean ul li{
    width: 221px;
    text-align: center;
    float: left;
    margin-right: 72px;
    margin-bottom: 36px;
}
.AAAmean ul li img{
    width: 128px;
    height: 128px;
    margin-top: 38px;
    margin-bottom: 8px;
}
.AAAmean ul li h3{
    line-height: 52px;
    font-size: 16px;
    color: #333;
}
.AAAmean ul li p{
    line-height: 22px;
    font-size: 12sssspx;
    color:#666;
}
.AAAmean ul li:nth-child(4),.AAAmean ul li:nth-child(8){
    margin-right: 0;
}
.AAAmean ul li:nth-child(1) span{
    color:#ffb12e;
}
.AAAmean ul li:nth-child(2) span{
    color:#a44bcf;
}
.AAAmean ul li:nth-child(3) span{
    color:#ff5c5a;
}
.AAAmean ul li:nth-child(4) span{
    color:#1ac882;
}
.AAAmean ul li:nth-child(5) span{
    color:#00d8ea;
}
.AAAmean ul li:nth-child(6) span{
    color:#8de03d;
}
.AAAmean ul li:nth-child(7) span{
    color:#f6ca00;
}
.AAAmean ul li:nth-child(8) span{
    color:#ff4cb5;
}

.AAAprocess{
    background: url("/public/cblcn/up/CaidouWEB/img/AAAprocessbgc.png");
    background-repeat: repeat-x;
    background-size: 10px 717px;
}
.AAAprocess .w{
    height: 717px;
    min-width: 1100px;
    background: url("/public/cblcn/up/CaidouWEB/img/AAAprocess.png") center center no-repeat;
    background-size: 1100px 717px;
}
.AAAcertificate{
    background-color: #fff;
}
.AAAcertificate .w{
    padding: 0 20px;
    width: 1060px;
    overflow: hidden;
}
.AAAcertificate h2{
    font-size: 32px;
    font-weight: 500;
    line-height: 96px;
    color:#151515;
    text-align: center;
    border-bottom: 2px solid #f5f5f5;
    margin-top: 26px;
    margin-bottom: 32px;
}
.certificatewrap{
    overflow:hidden;
    margin-bottom: 24px;
}
.certificatewrap img{
    float: left;
    width: 607px;
    height: 288px;
}
.certificatewrap .evadata{
    float: left;
    width: 421px;
    margin-left: 32px;
}
.certificatewrap .evadata h4{
    display:inline-block;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    border-bottom: 2px solid #ffb763;
    color:#333;
    margin-bottom: 8px;
}
.certificatewrap .evadata p{
    line-height: 24px;
    font-size: 12px;
    padding:8px 0;
    color:#555;
    padding-left: 26px;
    position: relative;
}
.certificatewrap .evadata p span{
    position:absolute;
    left: 0;
    top: 8px;
    font-size: 16px;
}


/*********************** 完善信息 ***********************/
.finishwrap .w{
    width:1100px;
    margin-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
}
.finishleft{
    float: left;
    width: 694px;
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 28px;
}
.finishleft h2{
    line-height: 56px;
    font-size: 16px;
    font-weight: 600;
    color:#333;
    margin-bottom: 18px;
}
.finishleft h2 span{
    line-height: 56px;
    font-size: 12px;
    font-weight: 500;
    color:#666;
    margin-left: 18px;
}
.finishleft h2 .wen3{
    float:right;
    color:#fcb901;
    font-size:14px;
    padding-left: 30px;
    background: url("../img/wen1.png") no-repeat 0 center;
    background-size:21px 21px;
}
.finishleft .content{
    margin-bottom: 20px;
    background: url("../img/finishline.png") no-repeat 44px 25px;
    background-size:4px 181px;
}
.finishleft #mainproduct{
    width: 694px;
}
#mainproduct::-webkit-scrollbar
{
    width: 16px;
    background-color: #F5F5F5;
}
#mainproduct::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    background: blue;
}
.finishleft .content p{
    font-size: 14px;
    line-height: 58px;
    color:#666;
    margin-left: 70px;
    position: relative;
}
#mainproduct .mainp{
    line-height: 50px;
}
.finishleft .content p span{
    cursor: pointer;
    color:#3d78b3;
}
.finishleft .content p #alertmsg{
    position: absolute;
    left: 42px;
    top: 30px;
    font-size: 14px;
    color:red;
}
.finishleft .content p input{
    border:0;
    outline: none;
    width: 160px;
    padding:0 5px;
    height: 28px;
    border-radius: 4px;
    color: #333;
    background-color: #f0f2f7;
}
#addmainp{
    display:inline-block;
    line-height: 24px;
    padding: 0 10px;
    margin-left: 20px;
    cursor: pointer;
    border-radius: 4px;
    border:1px solid #ccc;
    background-color: #f0f2f7;
}
.finishleft .content p i{
    display:inline-block;
    line-height: 28px;
    width: 60px;
    height: 28px;
    border-radius: 4px;
    font-style: normal;
    text-align: center;
}
.finishleft .content p #save{
    margin-left: 12px;
    background-color: #ffc830;
    color:#fff;
    font-size: 14px;
}
.finishleft .content p #cancel{
    margin-left: 10px;
    background-color: #e8ecf3;
    color:#333;
    font-size: 14px;
}
.finishleft .content p #delete{
    margin-left: 10px;
    background-color: #e8ecf3;
    color:#333;
    font-size: 14px;
}
.finishleft .content p #addnum{
    margin-left: 10px;
    border:1px solid #e8ecf3;
    color:#333;
    font-size: 14px;
}
.finishleft .content p #thirty{
    margin-left: 12px;
    color:#999;
    font-size: 12px;
    font-style: normal;
}
.finishright{
    float: left;
    width: 338px;
    height: 680px;
}
.finishright .videoimgbox{
    width: 338px;
    height: 332px;
    overflow:hidden;
    background-color: #fff;
    margin-bottom: 20px;
}
.finishright .videoimgbox h4{
    line-height: 42px;
    font-size: 16px;
    color: #333;
    border-top:3px solid #b8d1f9;
    padding-left: 12px;
    margin-bottom: 8px;
    font-weight: normal;
}
.finishright .videoimgbox li{
    margin-bottom: 10px;
    overflow:hidden;
    cursor: pointer;
}
.finishright .videoimgbox li img{
    width: 136px;
    height: 80px;
    padding-left: 22px;
    float: left;
}
.finishright .videoimgbox li p{
    float: left;
    padding: 0 20px;
    width: 120px;
    font-size: 12px;
    color:#666;
    line-height: 24px;
    margin-top: 12px;
}
.finishright img{
    width: 338px;
    height: 332px;
    transition: all 1.5s;
}
.finishright #ad1{
    margin-bottom:16px;
}
.finishright img:hover{
    transform: scale(1.08,1.08)
}

/***************** 视频列表 ****************/
.videolist .w{
    width:1100px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.videolistleft{
    float: left;
    width: 694px;
    height: 680px;
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 28px;
}
.videolistleft h3{
    line-height: 70px;
    font-size: 16px;
    color: #333;
}
.videolistleft ul{
    overflow:hidden;
}
.videolistleft li{
    float: left;
    width: 185px;
    margin-right: 68px;
    margin-bottom: 60px;
    cursor: pointer;
}
.videolistleft li:nth-child(3),.videolistleft li:nth-child(6){
    margin-right: 0;
}
.videolistleft li img{
    width: 185px;
    height: 110px;
}
.videolistleft li h4{
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    color:#666;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.videolistleft li .playparams span{
    font-style: 12px;
    display:block;
    line-height: 30px;
    color: #786a30;
}
.videolistleft li .playparams #earnbean{
    background: url("../img/caidou.png") 0 6px no-repeat;
    background-size: 17px 19px;
    padding-left: 20px;
    float: left;
}
.videolistleft li .playparams #playnums{
    background: url("../img/playtime.png") 20px 9px no-repeat;
    background-size: 16px 14px;
    padding-left: 40px;
    float: left;
}
.videolistleft li .playparams #isplay{
    background: url("../img/islook.png") 20px 9px no-repeat;
    background-size: 14px 13px;
    padding-left: 40px;
    padding-right: 5px;
    float: right;
}
.videolistleft .wen3{
    float:right;
    color:#fcb901;
    font-size:14px;
    padding-left: 30px;
    background: url("../img/wen1.png") no-repeat 0 center;
    background-size:21px 21px;
    cursor: pointer;
}
.videolistright{
    float: left;
    width: 338px;
    height: 680px;
}
.videolistright .videoimgbox{
    width: 338px;
    height: 332px;
    overflow:hidden;
}
.videolistright img{
    width: 338px;
    height: 332px;
    transition: all 1.5s;
}
.videolistright #ad1{
    margin-bottom:16px;
}
.videolistright img:hover{
    transform: scale(1.08,1.08)
}