.pro_main_nav .wrap{font-size: 0;}
.guide_main{ padding:30px 0; background:linear-gradient(180deg, #F1F1F1 0%, #FFFFFF 20%);}
.faq_main{background: #fff;}
.resource_main .guide_main{padding:60px 0 40px;}

/*新手指南-文档*/
.guide_left{ float: left; width: 25%;border: 1px solid #E5E5E5;     margin-right: 6.8%;}
.guide_left ul{position: relative;}
/* .guide_left li,.guide_left li span{ cursor: pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; } */
.guide_left li,.guide_left li span{ cursor: pointer; }
.guide_left li:last-child span{ border-bottom: none; }
.guide_left li span{ display: block; margin:0 22px;padding:15px 0; line-height: 20px; border-bottom: 1px solid #E5E5E5;}
.guide_left li.on{ color: #CC010E;background:linear-gradient(90deg, #F1F1F1 0%, #F1F1F1 60%, #fff 100%);border-left:3px solid #CC010E;}
.guide_left li.on span{ font-weight: bold; border-bottom: none; padding:25px 0; }
.guide_right{ float: right; width: 67%;}

.guide_title{ margin-bottom: 20px; color: #000000; line-height: 1; }
.guide_ctit{padding:0 20px; height: 48px; line-height: 48px; cursor: pointer; background: #FAFAFA; position: relative;overflow: hidden;}
.guide_cons dd:nth-child(odd) .guide_ctit{background: #F0F0F0;}
.guide_ctit em{ display: block; width:16px; height:16px; position: absolute; right:20px; top:16px; background: url(../images/guide_ico01.png) no-repeat;
transform: rotate(90deg);
-ms-transform:rotate(90deg); 
-moz-transform:rotate(90deg); 
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);}
.guide_cons dd.on .guide_ctit em{transform: rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);}
.guide_ccon{padding:10px 0 20px;}
.guide_ccon video{ width:100%; height: auto;}

/*新手指南-视频*/
.video{overflow: hidden;}
.video ul{margin: 0 -27px;}
.video ul li{width: 33.333333%; float: left;}
.video ul li a{display: block; margin: 0 27px; position: relative;}
.video ul li a i{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5);}
.video_btn{position: absolute; top: 50%; left: 50%; margin-left: -51px; margin-top: -35px;}
.video ul li p{line-height: 5em; margin: 0 27px 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.video ul li p a{display: inline-block;margin: 0;}
.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:1000; display:none;}
.video_appbox .video_t{ left:10%; top:15%; position:absolute; height:70%; width:80%;   z-index:2; background:#000;}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.video_appbox img{z-index:999;position:absolute;right:10%;top:11%; cursor: pointer; }

/*文档资料-用户手册*/
.manual_list li{padding:0 20px; height: 48px; line-height: 48px;background: #FAFAFA; position: relative;}
.manual_list li:nth-child(odd){background: #F0F0F0;}
.manual_list li a{ background: url(../images/index_5.png) left center no-repeat; padding-left: 20px;}

/* 白皮书list */
/* .whitebook_list ul{margin: 0 -23px;}
.whitebook_list ul .item{width: 33%;float: left;margin-bottom:40px;}
.whitebook_list ul .item .item_box{margin: 0 23px;box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1);background: #fff;}
.whitebook_list .item_box img{width: 100%;}
.whitebook_list .item_box .content{padding:30px;width: calc(100% - 60px);height: calc(100% - 60px);    }
.whitebook_list .item_box .content ol li{float: left;padding-right:18px;margin-right: 18px;border-right: 1px solid #d1d1d1;}
.whitebook_list .item_box .content ol li:first-child{color: #cc010f;}
.whitebook_list .item_box .content ol li:last-child{border-right: none;color: #777777;}
.whitebook_list .item_box .content h4{clear: both;margin-top: 22px;margin-bottom: 12px;color: #000;height: 36px;overflow: hidden;}
.whitebook_list .item_box .content p{color: #777;line-height: 28px;padding-bottom: 22px;border-bottom: 1px solid #d6000f;margin-bottom: 20px;height: 62px;overflow: hidden;}
.whitebook_list .item_box .content .content_span{margin-bottom: 10px;}
.whitebook_list .item_box .content .content_span span{margin-right: 25px;color: #777;} */

.whitebook_list .more{display: inline-block; width: 119px;height: 37px;line-height: 37px;text-align: center;background: #d6000f;border-radius: 5px;color: #fff;cursor: pointer;}

/* 白皮书详情页 */
/*
.wb_left{ float: left; width: calc(100% - 530px);}
.wb_ll_box li img{ max-width: 92px; display: block; margin:0 auto 40px;}
.wb_ll_box h2{ color: #000000; margin-bottom: 50px;}
.wb_ll_box01 ul{margin:0 -40px;}
.wb_ll_box li{ float: left; width: 33.33%;}
.wb_ll_box li .inner{margin:0 40px;}
.wb_ll_box li span{ color: #000000; display: block; height: 3em; line-height: 1.5; margin-bottom: 10px; overflow: hidden; }
.wb_ll_box li p{color: #777777; line-height: 1.8;}
.wb_ll_box01{ border-bottom: 1px solid #C5C5C5; padding-bottom: 40px;}

.wb_ll_box02{padding-top: 100px;}
.wb_ll_box02 ul{margin:0 -30px;}
.wb_ll_box02 li{ width: 25%;}
.wb_ll_box02 li .inner{margin:0 30px; text-align: center;}
.wb_ll_box02 li img{max-width: 74px; margin-bottom: 20px;}
.wb_ll_box02 li p{ line-height: 1.5;}

*/
.wb_right{width:430px; float: right;border:1px solid #DBDBDB; margin-bottom: 35px;}








.wb_right .img{ width: 100%; padding:35px 0;}
.wb_right dl{padding:0 45px 50px;}
.wb_right dl dt{ margin-bottom: 12px;}
.wb_right dl dd{ margin-bottom: 12px; overflow: hidden;}
.wb_right dl dd .inptxt{border:1px solid #B0B0B0; height: 38px; line-height: 38px; padding:0 10px;}
.wb_right dl dd .inptxt input{ border:none; width:100%; background: none;}
.wb_right dl dd .inptxt.yzm_inp{ float: left; width: 61%; }
.wb_right dl dd .yzm_btn{ border:none; width:30%; height: 40px; line-height: 40px; text-align: center; float: right; background: #777777; color: #fff;}
.wb_right dl dd .btn_down{width:119px; height: 37px; line-height: 37px; margin-top:15px; text-align: center; background: #d6000f; border-radius: 5px; color: #fff; display: block;cursor: pointer;}

.resource_main .guide_main_wb{padding:90px 0 100px;}
.wb_img{ float: left; width: 50%;}
.wb_img .img{ width: 82%; margin:0 auto;}
.wb_txt{ float: right; width: 50%; padding-top: 60px; padding-left: 28px; box-sizing: border-box;}
.wb_txt ul{padding-left: 0;}
.wb_txt li{ width: 100%; list-style: none!important; position: relative; margin-bottom: 5px!important; line-height: 1.5; padding:20px 0;}
.wb_txt li em{ position: absolute; left:0; top:8px; font-style: normal; color: #D6000E; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #fff; border-radius: 50%; border:5px solid #D6000E;}
.wb_txt li p{ padding-left: 65px;}
.txt_down{ margin-top: 30px; height: 26px; float: left;padding-left: 28px;}
.txt_down span{border-bottom: 1px solid #747474; margin-right: 15px; line-height: 1.3; float: left;}
.txt_down em{  float: left; width: 26px; height: 25px;background: url(../images/whitebook_ico08.png) right center no-repeat;}

.whitebook_details .tabs_icon{bottom: -30px;}
.whitebook_details{overflow: hidden;}

.guide_main .video_box{width: 71.43%;margin: 0 auto;position: relative;cursor:pointer;}
.guide_main .video_box.on .pub_shadow,.guide_main .video_box.on .play{display:none;}
.guide_main .video{width: 100%;}
.guide_main .play{position: absolute;width: 103px;height: 69px;border-radius: 5px;background: rgba(0,0,0,0.5);top: 50%;left: 50%;margin-top: -34px;margin-left: -52px;text-align: center;line-height: 60px;cursor: pointer;}
.guide_main .play img{position: relative;z-index: 2;    vertical-align: middle;}
.guide_main .pub_shadow{bottom:10px;}
/* .service_main .tabs_icon{bottom: -30px;} */

@media only screen and (min-width: 1025px) {
.txt_down:hover span{ border-bottom: 1px solid #D6000F;}

}

.document .tabs_icon{ bottom: -30px;}

@media only screen and (max-width: 1200px){
    .wb_ll_box01 ul,.wb_ll_box02 ul{    margin: 0 -20px;}
    .wb_ll_box li .inner{margin: 0 20px;}
    .wb_ll_box02 li .inner{margin: 0 10px;}
}

@media only screen and (max-width: 990px){
    .guide_main{    padding: 50px 0;}
    .wb_left{ width: 100%!important;    margin-bottom: 50px;}
    .wb_right{    clear: both;float: none;    margin: 0 auto;max-width: 98%;}
    .wb_ll_box02{padding-top: 50px;}
    .wb_ll_box h2{text-align: center;}
    .video ul li{width: 50%; }
    .video_btn{width: 80px;margin-left: -40px;margin-top: -27px;}
}

@media only screen and (max-width: 768px){
    .guide_main_wb>div>div>div>div{width: 100%!important;}
    .wb_ll_box01 ul, .wb_ll_box02 ul{margin: 0 -10px!important;}
    .wb_ll_box li .inner{margin: 0 10px!important;}
    .wb_ll_box01 ul li,.wb_ll_box02 ul li{width: 50%!important;margin-bottom: 30px;}
}

@media only screen and (max-width: 640px){
    .document .tabs_icon{ bottom: -21px;}
    .guide_left li.on span{padding: 15px 0;}
    .guide_ctit em{ right: 5px;}
    .guide_main{padding: 50px 0;}
    .whitebook_details .tabs_icon{bottom: -21px;}
    .wb_img{width: 100%;}
    .wb_txt{width: 100%;}
    .video ul{ margin: 0 -10px;}
    .video ul li a{margin: 0 10px;}
    /* .service_main .tabs_icon{bottom: -21px;} */
}

@media only screen and (max-width: 639px){
    .guide_left{ width: 100%;margin-bottom: 40px;overflow-x: scroll;}
    .guide_right{width: 100%;}
    .guide_left li{float: left;}
    .service_main .pro_main_nav .x_tabs{width: auto;}
}


@media only screen and (max-width: 500px){
    .wb_ll_box li{width: 100%;}
    .wb_ll_box02 li{width: 50%;}
    .wb_ll_box li .inner{ margin-bottom: 30px;}
}

@media only screen and (max-width: 430px){
    .video ul li{width: 100%;}
}

@media only screen and (max-width: 400px){
    .wb_right dl{  padding: 0 25px 50px;}
}

@media only screen and (max-width: 320px){
    .wb_right dl{  padding: 0 10px 50px;}
}

/* 20180731 */
.wb_right select{width: 100%;height: 38px;padding-left: 8px;border: 1px solid #B0B0B0;}
.industry select{width: 48%!important;border: 1px solid #B0B0B0;}
.industry select:first-child,.city select:first-child{margin-right: 2%!important;}
.city .shi,.city .sheng{width: 48%!important;display: inline-block;}
.city .sheng{margin-right: 2%!important;}
.city .sheng option{width: 100%;}
.city select{width: 100%;border: 1px solid #B0B0B0;}
.textArea textarea{width: calc(100% - 13px);height: 150px;padding: 5px;border: 1px solid #B0B0B0;}