@charset "utf-8";
/*
 * ID
 * 请尊重他人劳动成果，你可以模仿页面，但是请自己写代码！
 * 技术支持：QQ2863868475
 * 2024-05-13
 * coyright@tengcee.com
*/
@import url("public.css");
.red{color: #ed3c2b !important;}
.green{color: #18bc9c !important}
.blue{color: #4397fd !important;}

.header{ width: 100%;position: relative;float: left;}
.top{ width: 100%;float: left; position:fixed; top: 0;left: 0;z-index: 9999;background-color: #ffff; box-shadow: 0 5px 5px rgba(0,0,0,.05); height: 65px; }
.top .logo{ padding:10px 0; float: left;height: 45px;display: table-cell;vertical-align: middle; display: flex;justify-content: center;align-items: center}
.top .logo img{width:120px;height: auto;vertical-align: middle;}
.top .logo-right{ float: right; padding:10px 0;line-height:45px;}
.top .logo-right span{ float: left;padding:0 10px; display: inline-block;}
.top .logo-right span a{ color: #666; }
.top .logo-right #so{ padding-left:25px;background-image:url('../images/so.png'); background-repeat: no-repeat; background-position: 0px center; background-size: 20px;cursor: pointer;}
@media screen and (max-width:750px){
    .top .logo{ padding-left: 10px; }
}
.main{ width: 100%;float: left;position: relative;box-sizing: border-box;}
.mainflex{ width: 100%;float: left;position: relative;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap;}
.pageleft{ width: 100%;float: left; padding-right:20px; box-sizing: border-box;}
.pageright{ width: 300px;flex:0 0 300px; float: right;box-sizing: border-box;}
.orderright{ width: 300px;flex:0 0 300px; float: right;box-sizing: border-box;}
.mt70{margin-top:85px;}

.box{ width: 100%;float: left;position: relative;background-color: #fff;padding:15px;box-sizing: border-box;-webkit-box-shadow: 0 0 5px rgba(0,0,0,.05);box-shadow:0 0 5px rgba(0,0,0,.05); border-radius: 5px;}
.title { width: 100%;float: left; line-height:40px;border-bottom: solid 1px #f5f5f5;height: 40px;}
.title .tit{ padding:0 2px;float: left; border-bottom: solid 3px #999;height: 38px;font-size:16px;}
.title .tit .iconfont{color:#635344; padding-right:5px;}
@media screen and (max-width:750px){
    .mainflex{ flex-direction: column; }
    .pageleft{padding:10px;padding-top: 0}
    .main{ padding:10px;padding-top: 0}
    .pageright{display: none}
    .orderright{ width: 100%;flex:0 0 100%; float: right;box-sizing: border-box;padding:0 10px;}
    .mt70{margin-top:75px;}
    .mt15{ margin-top:5px; }
}
.announce{ width: 100%;float: left;line-height:35px;height: 35px;background-color:#fff;box-shadow:5px 5px 5px rgba(0,0,0,.02);border-radius: 3px;padding:0; box-sizing: border-box; position: relative; overflow: hidden;}
.announce .ico{ width:85px;line-height:35px;background-color: #ff6600;color: #fff; text-align: center;top:0px; left:0px;position: absolute;}
.announce .ico::after{width: 0;height: 0;border-left: 50px solid transparent;border-right: 50px solid transparent;border-bottom: 100px solid red; position: absolute; left:0; top: 0}
.announce .ico img{ width: 20px;height: auto; vertical-align: middle; }
.announce .announceinfo{ width: 100%;float: left;box-sizing: border-box;padding:0 15px 0 95px;box-sizing: border-box; color: #666}

.servicelist{ width: 100%;float: left;position: relative; }
.servicelist .item{ width: 14.2%;float: left;padding:10px;box-sizing: border-box;position: relative;}
.servicelist .item .itemin{ width: 100%;float: left;position: relative;}
.servicelist .item .thumb{ width: 100%;float: left; text-align: center}
.servicelist .item .thumb img{ width: 60px;height: auto;}
.servicelist .item .tit{ width: 100%;line-height: 40px; float: left;text-align: center; }
@media screen and (max-width:750px){
    .servicelist .item{ width:25%;}
}
/*账号*/
.accountlist{ width: 100%;float: left;position: relative;margin:10px 0; padding-top:10px;}
.accountlist li{ width: 50%;float: left;margin:10px 0; padding:10px 10px 10px 0;box-sizing: border-box;border-bottom: solid 1px #f5f5f5; overflow: hidden;}
.accountlist li .liin{display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap;float: left; width: 100%;}
.accountlist li .thumb{ width: 75px; float: left;flex: 0 0 75px;}
.accountlist li .thumb img{ width: 100%;height: auto;border-radius: 5px }
.accountlist li .info{ width: 100%;float: left;position: relative; padding-left: 15px;}
.accountlist li .info .tit{ width: 100%;line-height:1.6em;font-size:15px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tags{ width: 100%;float: left;margin:5px 0;}
.tags span{ float: left;padding:0 8px;line-height:22px;border-radius: 3px;border:solid 1px #e2e2e2; margin-right:8px; font-size:12px; cursor: pointer;}
.tags .green{border: 1px solid #18bc9c;color: #18bc9c;}
.tags .red{border: 1px solid #ed3c2b;color: #ed3c2b;}
.tags .blue{border: 1px solid #4397fd;color: #4397fd;}
.accountlist li .info .pricebox { width: 100%;float: left;color:#dc3545; line-height:2em}
.accountlist li .info .pricebox .price{ font-size:16px; }
.accountlist li .info .pricebox em{ font-style: normal;font-size:13px; }
@media screen and (max-width:900px){
    .accountlist li{ width: 100%; padding:10px 0;}
}
@media screen and (max-width:750px){

}
/*2025账号列表*/
.alist{ width: 100%;float: left;position: relative;margin:10px 0; padding-top:10px;}
.alist li{ width: 50%;float: left;padding:20px 0;box-sizing: border-box;border-bottom: solid 1px #f5f5f5; overflow: hidden; float:left; padding-right: 15px;}
.alist li:nth-child(1){padding-top: 8px;}
.alist li .liin{display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap;float: left; width: 100%;}
.alist li .thumb{ width: 100px; float: left;flex: 0 0 100px;}
.alist li .thumb img{ width: 100%;height: auto;border-radius: 5px }
.alist li .info{float: left;position: relative; padding-left: 15px; overflow: hidden;width: 100%;}
.alist li .info .tit{ width: 100%;line-height:1.6em;font-size:15px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-weight: bold;}
.alist li .info .desc{width: 100%;float: left;position: relative;margin:3px; line-height: 1.6em;color: #999; white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.alist li .info .pricebox { width: 100%;float: left;color:#dc3545;background-color: #fde9aa; border-radius: 5px;overflow: hidden;margin-top: 5px;}
.alist li .info .pricebox .price{ font-size:18px;line-height: 42px;padding:0 10px;color: #974b0e;float: left;}
.alist li .info .pricebox em{ font-style: normal;font-size:13px;margin-left: 3px;}
.alist li .info .pricebox .text{ float: right;padding:3px 10px 3px 10px;background-image: url('../images/1.png'); background-repeat: no-repeat;background-position:left center;background-color: #fd2411;height: 42px; box-sizing: border-box;}
.alist li .info .pricebox .text p{ width: 100%;text-align:center; line-height:17px;color:#fff;padding: 0 8px;font-size: 12px;}
@media screen and (max-width:900px){
    .alist li{ width: 100%; padding:15px 0;}
}

.notice{ width: 100%;float: left;padding:15px 0; line-height:2em; font-size:15px; }
.doclist{ width: 100%;float: left; padding:10px 0;position: relative;}
.doclist li{ width: 100%;float: left;line-height:40px;border-bottom: solid 1px #f5f5f5; background-image: url('../images/ico1.jpg'); background-position: left center; background-repeat: no-repeat; padding-left:10px;}
.doclist li a{ width: 100%;float: left;line-height:40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*底部*/
.footer{ width: 100%;float: left;padding:15px 0 65px 0;margin-top:15px; position: relative;}
.footer .copyright{ width: 100%;text-align: center;line-height:2em;color: #757575; box-sizing: border-box;}
.footer .copyright a{ color: #222;text-decoration: underline; }
.footernav{ width: 100%;position:fixed;z-index: 999;left:0; bottom: 0;background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);}
.footernav .fnavlist{ width: 100%;float: left; position: relative;padding:5px 0;display: flex;}
.footernav .fnavlist .item{ width: 100%; text-align: center;float: left;position: relative;}
.footernav .fnavlist .item .icon{ width: 100%; float: left; text-align: center; }
.footernav .fnavlist .item .icon img{ width: 25px;height: 25px }
.footernav .fnavlist .item .tit { width: 100%; float: left; text-align: center; line-height:20px; }
@media screen and (max-width:750px){
   .copyright{ padding:0 10px } 
}
/*内容页*/
.position{ width: 100%; line-height:2em; color: #666; box-sizing: border-box;}
@media screen and (max-width:750px){
   .position{ padding:0 10px;line-height:2em;} 
}
.goods{ width: 100%;float: left; position: relative;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap;padding:5px;box-sizing: border-box;}
.goods .thumb{width: 300px;float: left;flex:0 0 300px; position: relative;}
.goods .thumb img{ width: 100%;height: auto; }
.goods .goodsinfo{ width: 100%;float: left;padding-left: 25px; box-sizing: border-box; }
.goods .goodsinfo h1{ width: 100%; line-height:1.5em;font-size:20px; font-weight: normal; color: #333; margin-bottom: 10px;}
.goods .goodsinfo .info{width: 100%;float: left;padding:5px 0;}
.goods .goodsinfo .info .tit{ line-height:35px; color: #616161;float: left;padding-right: 10px;box-sizing: border-box;}
.goods .goodsinfo .t{ width: 100%;float:left; line-height: 2em;margin-top:10px; font-size: 15px;font-weight: bold;}
.goods .goodsinfo .t i{width: 22px;height: 22px;line-height: 22px;text-align:center;color: #fff; background-color: #1475fa;border-top-left-radius: 10px;border-bottom-right-radius: 10px;float:left;margin-top:5px; margin-right:10px;}

.youshi{width: 100%;float:left; position: relative;margin-top: 5px;}
.youshi span{ width: 25%;float:left; line-height: 25px;margin:3px 0; color: #666;font-size: 15px;}
.youshi span i{ margin-right:3px; vertical-align: middle;}
.youshi span i img{ width: 15px;height: auto;vertical-align: middle;}

.guige{width: 100%;float:left; position: relative;margin-top:0px;}
.guige .item{width: 50%;float:left; color: #666;font-size: 14px;padding:10px 10px 10px 0;box-sizing: border-box;position: relative;}
.guige .item:nth-child(2n){padding:10px 0px 10px 10px;}
.guige .item .itemin{ width: 100%;float:left;line-height:46px; border:solid 1px #e2e2e2; border-radius: 5px; text-align:center;position: relative;white-space: nowrap;text-overflow:ellipsis; padding:0 10px; box-sizing: border-box;}
.guige .item .name{ float:left;font-weight: bold; color: #222}
.guige .item .jiage{ float:right;color:#f42c00;font-weight: bold;}
.guige .item .jiage.pri i{ font-style: normal;font-weight:normal; }
.guige .item em{ position: absolute; right:-2px;top: -12px;border:1px solid #f42c00;color: #f42c00; background-color: #fce3dd;border-radius: 3px; padding:0 5px;line-height: 22px;font-size: 12px;font-style: normal;}
.guige .item:nth-child(2n) em{ right: -2px; }
.guige .on .itemin{ border:1px solid #1452fa; background-color: rgba(20, 117, 250, 0.1); }


.numbox{ font-size: 0;float: left;}
.numbox .numcalc{ border:solid 1px #e9ecef; line-height:35px;padding:0 15px; display:inline-block; cursor:pointer; background-color:#e9ecef; font-size: 13px; float: left}
.numbox .num-input{line-height:35px; width: 60px; box-sizing: border-box;border:solid 1px #e9ecef;display:inline-block;font-size: 13px; border-left: none; border-right: none; float: left}
.leixing{ width: 100%;float: left;padding:0;position: relative; }
.leixing .item{padding:5px 10px 5px 0; float: left;box-sizing: border-box;}
.leixing .item .name{ width: 100%;float: left;line-height;padding:0 15px; line-height:32px;color: #010101;border:solid 1px #e9ecef; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(32,35,51,.04), 0 2px 4px rgba(32,35,51,.02)!important;
    box-shadow: 4px 4px 1px -1px rgba(32,35,51,.04), 0 2px 4px rgba(32,35,51,.02)!important;box-sizing: border-box; cursor: pointer;}
.leixing .item .name .price{ font-weight:bold; }
.leixing .active .name{border:2px solid #4aadff;padding:0 14px;line-height:30px;}
.leixing .disabled{ pointer-events: none; }
.leixing .disabled .name{ background-color: #f5f5f5;color: #999; }
#spec{ display: none;}

.paylist{ width: 100%;float: left;padding:0;position: relative; }
.paylist .item{padding:5px 10px 5px 0; float: left;box-sizing: border-box;}
.paylist .item .name{ width: 100%;float: left;line-height;padding:0 20px; line-height:38px;color: #010101;border:solid 1px #e9ecef; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(32,35,51,.04), 0 2px 4px rgba(32,35,51,.02)!important;
    box-shadow: 4px 4px 1px -1px rgba(32,35,51,.04), 0 2px 4px rgba(32,35,51,.02)!important;box-sizing: border-box; cursor: pointer; font-size:15px;}
.paylist .item .name .icon{ padding-right: 5px; }
.paylist .item .name .icon img{ width: 20px;height: 20px; vertical-align: middle;margin-top:-2px;}
.paylist .item .active{border:2px solid #4aadff;padding:0 18px;line-height:36px;}
.paylist .item .disabled{background-color: #f5f5f5;pointer-events: none;}
@media screen and (max-width:900px){
    .goods{flex-wrap: nowrap; flex-direction: column; padding:0;}
    .goods .thumb{width: 100%;float: left;flex:0 0 100%; position: relative;}
    .goods .goodsinfo{padding-left: 0px; margin-top:15px;}
    .goods .goodsinfo h1{font-size:16px; margin-bottom:3px; line-height: 1.4em;font-weight: bold}
    .youshi{margin-top:10px;}
    .youshi span{ width: 50%;}
    .guige .item{padding:10px 5px 10px 0;}
    .guige .item:nth-child(2n){padding:10px 0px 10px 5px;}
    .guige .item em{right:3px;}
}
/*阅读*/
.read { float: left; width:100%; padding:10px 0px; box-sizing: border-box; background-color: #fff;}
.read h1{ font-size: 28px; line-height: 45px; font-weight: bold; color: #555;float: left; width: 100%; padding-top: 20px; padding-bottom: 10px; text-align: center;}
.read .content { width:100%; padding:10px;font-size:15px; line-height:2.2em; color:#333333; float: left;box-sizing: border-box;}
.read .content img { max-width:100%; height:auto;}
.read .content table{width:100%; font-size:12px; line-height: 1.5em;box-sizing: border-box;overflow:auto}
.read .content td,.read_content tr { max-width:100%; font-size:12px; box-sizing: border-box; border:solid 1px #f5f5f5; padding:5px 1px; line-height: 1.5em;}
#video{ width: 600px; height: 400px; margin:0 auto; }
.pagenext{ width: 100%; float: left; padding: 10px 0; }
.page_about{ width: 100%; float: left; }
.page_up { line-height: 45px; color: #999; float: left; height: 45px; width: 50%; border-bottom: 1px dashed #e2e2e2; font-size:16px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

@media screen and (max-width:750px){
    .read{ padding:0px;box-sizing: border-box;}
    .read h1{ font-size: 20px; line-height: 2em; padding-top:5px;}
    .read .content { font-size: 1rem; padding:10px 0; }
    .read .content td,.read .content tr { font-size:.6em; line-height: 2.5em;word-break: break-all;}
    #video{ width: 100%; height: 300px; margin:0 auto; padding:10px; box-sizing: border-box; }
    .read_info { line-height: 2em; height:2em; font-size: .8rem;}
    .read_info em{ display: none; }
    .page_up { width:100%; font-size:13px; line-height:40px; height: 40px;}
}

.priceinfo {width: 100%;float: left;position: relative;}
.priceinfo .sales{ width: 100%;line-height:35px; color: #010101; float: left; font-size:15px;}
.priceinfo .sales .sheng{float: left}
.priceinfo .sales .sheng img{ width:30px;height: 30px; vertical-align: middle;}
.priceinfo .sales #sales{ font-weight:bold; }
.goods-price{ width: 100%;float: left;padding:15px 0;color: #010101;}
.goods-price .sales-price{ float: left; line-height:40px;color: #dc3545;font-weight:bold; font-size:26px;}
.goods-price #price{ display: none; }
.yuanjia{ float: left;padding-left: 20px;color: #202333b3;line-height:40px;font-size:15px; text-decoration: line-through;}
.form {width: 100%;float: left;position: relative;}
.form .tit{ line-height:35px; color: #616161;float: left;box-sizing: border-box;}
.form .inputbox{ width: 100%;float: left;padding:0px 0; }
.form .input { width: 100%;float: left;line-height:40px;padding:0 15px;box-sizing: border-box;border-radius: 5px;background-color: #f5f5f5;border:none; }
.form .notes{width: 100%;float: left;position: relative; line-height:1.5em; color: #999; margin:8px 0;}
.buybtn{ width: 100%;float: left;padding:10px 0; }
.buybtn .btn{width: 100%;float: left;height: 45px; border-radius: 5px; text-align: center;line-height:45px;color: #fff;background-color: #444c69; border:none;}
.buybtn .btn .iconfont{ font-size:18px; }
.fahuo{ width: 100%;float: left;padding:0 0 10px 0; }
.fahuo .tit{ line-height:35px; color: #616161;float: left;box-sizing: border-box; font-size: 15px;}
.fahuo .itemlist{ width: 100%;float: left;position: relative; }
.fahuo .itemlist .item{ width: 50%;float: left;position: relative;}
.fahuo .itemlist .item .icon{ width: 40px;height: 40px; line-height:40px; text-align: center;background-color: #f5f5f5; float: left; display: inline-block; position: absolute;top: 0;left:0; color: #4aadff;}
.fahuo .itemlist .item .text{padding-left: 50px; width: 100%;float: left;box-sizing: border-box;}
.fahuo .itemlist .item .text b{line-height:20px; font-weight:normal; color: #222; width: 100%;float: left;}
.fahuo .itemlist .item .text span{line-height:20px; font-weight:normal; color: #999; width: 100%; clear: both;float: left;}

.tips{ width: 100%;float: left;padding:10px 0; }
.tips .tips-content{ background: #d0e2f1; padding:15px;box-sizing: border-box;line-height:1.8em}
.tips .tips-content .iconfont{color: #dc3545 !important;}

.tuijian{ width: 100%;float:left;position: relative;margin-top:10px;}
.tuijian .t{ line-height:35px; color: #616161;float: left;box-sizing: border-box; font-weight: bold; font-size: 15px;}
.tuijian .tjlist{ width: 100%;float:left; position: relative;}
.tuijian .tjlist .item{ width: 33.3%;float: left;padding:5px;box-sizing: border-box;position: relative;}
.tuijian .tjlist .item .itemin{ width: 100%;float: left;position: relative;}
.tuijian .tjlist .item .thumb{ width: 100%;float: left; text-align: center}
.tuijian .tjlist .item .thumb img{ width: 60px;height: auto;}
.tuijian .tjlist .item .tit{ width: 100%;line-height: 40px; float: left;text-align: center; }


.orderinfo{ width: 100%;float: left; }
.orderinfo h3{width: 100%; float: left; line-height:2em; color: #ff0000; font-weight: normal;font-size: 15px;}
.orderinfo p{width: 100%; float: left; line-height:2em;font-size: 14px;}
.orderinfo p i{ font-style: normal; }
    
.table{ width: 100%;float: left;}
.table tr, .table th, .table td {border:solid 1px #e6e6e6;}
.table td{ line-height: 35px; }
.table td, .table th {padding:3px 8px;}
/*.table tr td:nth-child(1){ background-color: #f5f5f5 }*/
.table tr th{ background-color:#f2f2f2; line-height: 40px; border-bottom: none;}
.table tr:hover{ background-color:#ebeff2;}
@media screen and (max-width:900px){

}

.so{ width: 100%;float: left;padding:10px 0; position: relative; }
.so .tit{ width: 100%;float: left;line-height:40px;color: #444c69;font-weight:bold;}
.so .form{width: 100%;float: left;}
.so .form p{width: 100%;float: left; margin:10px 0;}
.so .form .input{ width: 100%;float: left;line-height:40px;background-color: #f5f5f5;padding:0 20px;box-sizing: border-box;}
.so .form .btn{line-height:35px; background-color: #444c69;;border-radius: 5px; text-align: center;color: #fff;float: left; padding:0 15px;border:none;}
.so .form .reset{line-height:35px; background-color: #fff;;border-radius: 5px; text-align: center;color: #666;float: left; padding:0 15px;border:solid 1px #adadad; margin-left:10px;}

.green{color:#009688;}
.red{color:#FF5722;}
.gary{color:#999;}
.btn-group{ width: 100%;float: left;padding:15px 0; text-align: center;}
.btn-group .btn{width: 150px;line-height:45px; background-color: #f5f5f5;border-radius: 35px; text-align: center; display:inline-block;margin:20px 15px 10px 15px; background-color:#009688;}
.btn-group .light{background-color:#4397fd;}
.btn-group .btn a{ color: #fff; }
@media screen and (max-width:900px){
    .btn-group .btn{width: 90px;margin:10px;line-height:35px;}
}


/*教程*/
.header2{ width: 100%;float: left;position: relative;height: 300px;background-image:url('../images/help_bg.png'); background-repeat: no-repeat;background-position: top center;background-size: 100%; }
.header2 .catname{ position: absolute; top: 20px; right: 20px;font-weight:bold; font-size: 18px;color: #fff;}
.docflex{ width: 100%;float: left;position: relative;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap;  border-top-left-radius: 30px; border-top-right-radius: 30px; margin-top: -50px;overflow: hidden;}
.docflex2{ width: 100%;float: left;position: relative;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap; overflow: hidden; background-color: #fff;}
.docleft{ width: 280px;flex:0 0 280px; float: right;box-sizing: border-box;padding:20px 10px 20px 30px; color: #5c6975;background-color: #fff;}
.docright{ width: 100%;float: left; padding:0 20px; box-sizing: border-box;}
.docleft .leftnav{ width: 100%;float: left;position: relative; }
.docleft .leftnav .cat{ width: 100%;float: left;line-height:35px;color: #5c6975; padding-left: 10px;}
.docleft .leftmenu{ width: 100%;float: left;position: relative; }
.docleft .leftmenu li { width: 100%;float: left;position: relative; }
.docleft .leftmenu li .tit{ width: 100%;float: left;position: relative; line-height:40px;padding:0 10px;box-sizing: border-box;border-radius: 5px; }
.docleft .leftmenu li .tit span{ float: right; }
.docleft .leftmenu li .tit a{color: #5c6975;}
.docleft .leftmenu li .active{background: #f3f6fc;color: #4b7ddf !important;font-weight: bold;}
.docleft .leftmenu li .active a{color: #4b7ddf !important;}
.docleft .leftmenu li .submenu{ width: 100%;float: left;padding-left:10px;box-sizing: border-box; display:none;}
.docleft .leftmenu li .submenu dl{ width: 100%;float: left;padding:10px 10px 10px 20px;box-sizing: border-box;border-left: solid 1px #e3e8ed;}
.docleft .leftmenu li .submenu dl dd{ width: 100%;float: left;line-height:1.6em;padding:6px 0; }
.docleft .leftmenu li .submenu dl dd a{color: #5c6975;}
.hide{ display:none !important; }
.show{ display:block !important; }
@media screen and (max-width:750px){
    .docflex{flex-direction: column;}
    .docleft{ display:none; }
}
.doc-title{ width: 100%;float: left;line-height:70px;background-color: #fff; text-align: center; font-size: 20px;font-weight:bold; color: #3b454e; border-top-right-radius:30px;}
.doc-list{ width: 100%;float: left;padding:20px; box-sizing: border-box; position: relative;}
.doc-list li{ width: 50%;float: left;padding:5px;box-sizing: border-box;}
.doc-list li .tit{ width: 100%;float: left;line-height:55px; border:solid 1px #f5f5f5; background-color: #fff;font-weight:bold; font-size: 15px; padding:0 10px; box-sizing: border-box;}
.doc-list li .tit span{ font-weight: normal; color: #1296db; padding-right:10px;font-size: 18px;}
.doc-list li .tit i{ font-weight: normal; float: right;color: #999}
.doc-list li .submenu{ width: 100%;float: left;padding:10px;box-sizing: border-box; display:none; background-color: #fff;}
.doc-list li .submenu dl{ width: 100%;float: left;box-sizing: border-box; padding:0 10px;}
.doc-list li .submenu dl dd{ width: 100%;float: left;line-height:2em;padding:6px 0; border-bottom: solid 1px #f5f5f5 }
.doc-list li .submenu dl dd a{color: #5c6975;}
.doc-list li .submenu dl dd i{ float: right;color: #999}
@media screen and (max-width:750px){
    .doc-list{padding:10px 0;}
    .doc-list li{ width:100%;padding:5px 0;}
}
.top-title{ width: 100%;float: left; font-size: 15px;padding:10px 15px;box-sizing: border-box; position: relative; box-sizing: border-box;}
.top-title h1{font-size: 20px;height:45px;display: flex;align-items: left; /* 垂直居中 */justify-content: center;flex-direction: column;}
.top-title .imenu{ position: relative;float: left;padding-right:10px; display:none;line-height:45px;}
.top-title .imenu span{ cursor: pointer; font-size: 18px }
@media screen and (max-width:750px){
   .top-title .imenu{ display:block; } 
}

/*左侧菜单*/
.overlay{position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.5);z-index: 9999998; padding:80px 20px;box-sizing: border-box; display: none;}
.wapnavlist{ width: 80%;position: absolute;left: -2000px;top: 0;background-color: #fff; padding:25px; box-sizing:border-box;height: 100%;}
.navclose{ position: absolute; top:25px; right: 10px; z-index: 9999; cursor: pointer;}
.navclose img{ width: 25px;height: 25px; }
.navclose i{ font-size:20px; }
.wapnavlist .cat{ width: 100%;float: left;position: relative; line-height:40px;padding:0 10px;box-sizing: border-box;border-radius: 5px; }
.nav3{position:relative; margin:1em 0; width: 100%; margin-top: 10px;float: left}
.nav3 li{float:left; line-height:50px; width: 100%;border-bottom:solid 1px #e2e2e2;color:#5c6975; box-sizing: border-box; font-size: 15px;}
.nav3 li a{ color:#5c6975;}
.nav3 li .tit{ width: 100%;float: left;position: relative; line-height:45px;padding:0 10px;box-sizing: border-box;border-radius: 5px; }
.nav3 li .tit span{ float: right; }
.nav3 li .tit a{color: #5c6975;}
.nav3 li .active{background: #f3f6fc;color: #4b7ddf !important;font-weight: bold;}
.nav3 li .active a{color: #4b7ddf !important;}
.nav3 li .submenu{ width: 100%;float: left;padding-left:10px;box-sizing: border-box; display:none;}
.nav3 li .submenu dl{ width: 100%;float: left;padding:10px 10px 10px 20px;box-sizing: border-box;border-left: solid 1px #e3e8ed;}
.nav3 li .submenu dl dd{ width: 100%;float: left;line-height:1.6em;padding:6px 0; }
.nav3 li .submenu dl dd:nth-last-child(1){ border-bottom:none; }
.nav3 li .submenu dl dd a{color: #5c6975;}