@charset "utf-8";
body{ background: url(../image/bg.png) no-repeat center top; background-size: 1920px auto;background-color: #f5f6f7;min-height: 100%;}
body .bk {position:relative;top:0;z-index:0;}
body .bk .banner-slidetop li {height: 260px;opacity: .3;-webkit-filter: blur(80px);-moz-filter: blur(80px);-o-filter: blur(80px);-ms-filter: blur(80px);filter: blur(80px);width:100%;position:absolute;top:0;background-size:cover;transition:all .6s;}
body .bk .banner-slidetop li img {width:100%;height:100%;}
.conment_box {position:relative;z-index:1;}

.head-fix{height: 20px; clear: both;}
/* article && quote*/
.top-l{width:420px;float:left;margin-right:20px;}
.top-r{width:420px;float:right;}
.headline h2{text-align:center;font-size:24px;margin:0;height:48px;line-height:48px;overflow:hidden;}
.subline{padding:0 16px;}
.subline li{height:34px;line-height:34px;overflow:hidden;font-size:16px;}
.subline .f_r{color:#666666;font-size:12px;}
.keytags{font-size: 14px;height: 55px;line-height: 55px;overflow: hidden;padding: 0 16px;}
.keytags a{display: inline-block;margin-right: 10px;padding: 0 9px;background-color: #F7F7F7;/* border: 1px solid #e5e5e5; */border-radius: 3px;font-size: 12px;color: #000000;line-height: 24px;}
.keytags a:hover{background-color: #D80A1C;/* border: 1px solid #D80A1C; */color:#ffffff;}
.keytags i{font-size: 19px;margin-right: 3px; color:#666666}
.keytags strong{color:#666666;font-weight: normal;}
/* catlist */
.childlist{padding:10px 10px 10px 15px;line-height:24px;}
.childlist li{font-size:14px;height:28px;line-height:28px;background:url('image/li_dot.gif') no-repeat 5px 12px;padding:0 10px 0 12px;overflow:hidden;}
.catlist{padding: 16px 15px;line-height: 35px;background: #ffffff;-webkit-box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);-moz-box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);}
.catlist li{font-size:14px;height:32px;line-height:32px;background:url('image/li_dot.gif') no-repeat 6px center;padding:0 12px;overflow:hidden;}
.catlist i{font-style:normal;float:right;font-size:12px;color:#666666;}
.catlist .sp{background:#FFFFFF url('image/dot.gif') repeat-x 0 center;}
.subtitle{padding:10px 16px;margin:20px 0;line-height:32px;font-size:14px;border:#DDDDDD 1px solid;background:#FAFAFA;}
.subtitle li{width:50%;height:32px;overflow:hidden;float:left;}
.zongjie{padding:30px}
.zongjie p{line-height:28px}
/*隐藏*/
.myarticle{width: 100%;/* margin-bottom: 10px; */}
.myarticle{position: relative;transition: height .5s linear;}
.myarticle h2{font-size:16px;font-weight:600}
.button{width: 100%;height: 200px;text-align: center;font-size: 16px;position: absolute;bottom: 0;padding-top: 150px;background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0)),color-stop(70%, #fff));background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 70%);}
.button .wgt-best-showbtn{width: 190px;color: #D80A1C;border: 1px solid #D80A1C;margin-left: 8px;margin-right: 8px;margin-top: 6px;margin-bottom: 6px;padding: 0 8px;display: inline-block;font-size: 14px;border-radius: 4px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;text-align: center;background-color: transparent;height: 34px;line-height: 32px;min-width: 72px;cursor: pointer;transition: all .5s;-webkit-transition: all .5s;}
.button .wgt-best-showbtn:hover{color: #ffffff;border: 1px solid #D80A1C;background: #D80A1C;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.wgt-best-arrowdown{width:20px;height:20px;background:url('../image/inco_xiajt.png') no-repeat;display:inline-block;vertical-align:middle;margin-left:5px}
.button .wgt-best-showbtn:hover .wgt-best-arrowdown{background:url('../image/inco_xiajt_h.png') no-repeat;}
/*作者*/
.aside-box{margin-bottom: 20px;position: relative;overflow: hidden;background: #FFF;-webkit-box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);-moz-box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);padding: 20px 10px 20px;background: #ffffff url(images/file-21-bg.21gdfgvd.png);background-size: 100% 100%;}
.d-flex{display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;}
.aside-box .profile-intro{padding: 16px 0px;padding-bottom: 16px;padding-top: 0;border-bottom: 1px solid #f5f6f7;position:relative;overflow: hidden;width: 280px;margin: 0 auto;}
.avatar-box{width: 100%;height: 50px;margin: 0 auto;}
.avatar-box-p{margin-left:10px;padding-top: 4px;width: 200px;}
.avatar-box-p .name{font-size: 16px;margin-bottom: 2px;}
.avatar-box-p p span{color:#999aaa;font-size:12px}
.avatar-box-p .icon-badge{
    font-size: 11px;
    color: #FF9800;
    background: rgb(255 152 0 / 20%);
    padding: 1px 4px;
    border-radius: 3px;
}
.portrait-cover{background-size: cover;width: 60px;height: 60px;position: absolute;z-index: 1;}
.avatar-cover-1,.avatar-cover-8{/* background: url(images/avatar-cover-1.png) no-repeat; */}
.avatar-cover-5{background: url(images/avatar-cover-5.png) no-repeat;}
.avatar-cover-6{background: url(images/avatar-cover-6.png) no-repeat;}
.avatar-cover-7{background: url(images/avatar-cover-7.png) no-repeat;}
.avatar-cover-9{background: url(images/avatar-cover-9.png) no-repeat;}
.avatar-cover-10{background: url(images/avatar-cover-10.png) no-repeat;}


.opt-box{position: absolute; top: 20px; right: 4px;}
.company-intro{width: 259px; margin: 0 auto; font-size: 13px; padding-bottom: 5px; cursor: pointer; text-align: left;}
.company-intro em{font-style: normal; display: inline; color: #000;}
.company-intro .org-intro{text-align: justify;color: #7c7c7c;line-height: 22px;font-size: 12px;}
.flex-column{-webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important;}
.justify-content-center{-webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important;}
.aside-box .badge-box a,.aside-box .grade-box a{color: #c88326; cursor: pointer;}
.aside-box .profile-intro .avatar-box img.avatar_pic{width: 48px;height: 48px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;margin-left: 10px;}
.aside-box .profile-intro .avatar-box img{transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s;}
.aside-box .profile-intro .user-info{margin-top: 10px; width: 259px; height: 45px; line-height: 45px; background:none; padding: 0;}
.aside-box .profile-intro .user-info p.name a{font-weight: 600; overflow: hidden; color: #2d64b3; font-size: 15px; display: block; text-align: center;}
.follow-btn{background: url(images/follow-btn_ab08806.png) no-repeat; background-size: cover;}
.u-follow-btn{position: absolute;right: 2px;width: 67px;height: 41px;text-indent: -9999px;z-index: 2;}
.profile-intro-name-boxOpration{padding: 8px 10px 10px 10px;/* display: -webkit-box; */display: -ms-flexbox;/* display: flex; *//* -webkit-box-pack: justify; */-ms-flex-pack: justify;/* justify-content: space-between; *//* -webkit-box-align: center; */-ms-flex-align: center;/* align-items: center; */margin-bottom:15px;margin-top: 15px;overflow: hidden;}
.opt-letter-watch-box{color: #f5a523;font-size: 12px;width: 123px;height: 40px;border-radius: 3px;line-height: 37px;text-align: center;float: left;}
.opt-letter-watch-box:nth-child(2){margin-left: 12px;}
.opt-letter-watch-box .bt-button{display: block;border-radius: 3px;-webkit-box-sizing: border-box;box-sizing: border-box;height: 100%;font-size: 14px;}
.opt-letter-watch-box .personal-letter{border: 1px solid #ccccd8;background-color: #fff;color: #414250;border-radius: 3px;}
.opt-letter-watch-box .personal-letter i{font-size: 15px;display: inline-block;}
.opt-letter-watch-box .personal-letter:hover{border: 1px solid #555666;}
.opt-letter-watch-box .personal-watch{color: #414250;border-radius: 3px;border: 1px solid #ccccd8;}
.opt-letter-watch-box .personal-watch:hover{border: 1px solid #555666;}
.opt-letter-watch-box .personal-watch.ok{background: #F44336;background: linear-gradient(92deg,#F44336 0%,#F44336 37%,#ff2f50 81%,#ff1b40 100%);border: 1px solid #F44336;color: #ffffff;}
/*该属文章统计*/
.aside-box .data-info{padding: 10px 0px;border-bottom: 1px solid #f5f6f7;overflow: hidden;}
.text-center{text-align: center;}
.item-tiling>*{/* width: 100%; */}
.item-tiling dl{float: left;width: 33%;}
.aside-box .data-info.item-tiling a{color: inherit;}
.item-tiling dl dd{color: #9399a6;font-size: 12px;}
.aside-box .data-info .count{font-weight: normal;/* font-size: 20px; */color: #17233f;font-size: 18px;padding-bottom: 8px;font-family: fontDIN-medium;}
.aside-box .data-info .count b{font-weight: normal;/}
/*等级*/
.aside-box .grade-box{padding: 8px 10px 13px;font-size: 12px;border-bottom: 1px solid #f5f6f7;}
.aside-box .grade-box dl{margin-top: 8px; float: left; width: 50%;}
.aside-box .grade-box dl dt{display: inline;width: 42px;color: #999aaa;}
.aside-box .grade-box dl dd{display: inline;}
.icon.icon-level{width: 3em; height: 1em;}
.aside-box .grade-box dl dd .icon{font-size: 16px;}
/*荣誉*/
.aside-box .badge-box{position: relative; margin-top: -8px;}
.aside-box .badge-box span{margin-right: 2px;width: 42px;display: inline;float: left;}
.aside-box .badge-box a.icon-badge{position: relative;display: block;/* margin-right: 8px; */width: 200px;height: 22px;cursor: pointer;float: left;}
/*作者最新*/
.zzzx{}
.zzzx h2{height:35px;line-height:35px;font-size:16px;font-weight:bold;margin-top:20px}
.aside-box .list-txt.zzzx{width: 259px;margin: 0 auto;margin-bottom: 0;}
/*分类导航*/
.show_cat{padding-bottom:20px;overflow: hidden;}
.fenl{padding:4px 10px;width:70px;border-right:solid 1px #ddd;height:20px;line-height:20px;margin-top:10px;font-size:16px}
.fenl-1{width: 100%;overflow: hidden;}
.fenl-2{float:left;height: 30px;line-height: 30px;padding: 0 7px;margin-bottom: 10px;margin-right: 10px;margin-left: 10px;}
.fenl-biaoqian{background: #cecece;border-radius: 3px;transition: all 0.4s;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;color:#fff}
.fenl-biaoqian:nth-child(9n){background-color:#4a4a4a;}
.fenl-biaoqian:nth-child(9n+1){background-color:#428bca}
.fenl-biaoqian:nth-child(9n+2){background-color:#5cb85c}
.fenl-biaoqian:nth-child(9n+3){background-color:#d9534f}
.fenl-biaoqian:nth-child(9n+4){background-color:#567e95}
.fenl-biaoqian:nth-child(9n+5){background-color:#b433ff}
.fenl-biaoqian:nth-child(9n+6){background-color:#00aba9}
.fenl-biaoqian:nth-child(9n+7){background-color:#b37333}
.fenl-biaoqian:nth-child(9n+8){background-color:#f60}
.fenl-2:hover,.side_on,.fenl-2.on{color: #ffffff !important;background: #D80A1C;border-radius: 3px;}
.side_on a{color:#ffffff}
.fenl-biaoqian:hover{border-radius: 10px;}
.now{color: #fff; background: #C90304; height: 26px; line-height: 26px; border-radius: 3px; padding: 0 15px;}
.now a,.fenl-2:hover a,.fenl-2 a:hover,.fenl-biaoqian a{color: #fff !important;}
.so_cat .fenl-2:hover,.so_cat .side_on,.so_cat .fenl-2.on{background:#fff;}
.so_cat .fenl-2:hover a,.so_cat .side_on a,.so_cat .fenl-2.on a{color: #333333 !important;}
/*列表左侧楼*/
.help-list .dd{width: 100%;padding: 20px 15px;background-color: #fff;border-left: solid 4px #ffffff;overflow: hidden;-webkit-box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);-moz-box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);margin-bottom: 10px;border-radius: 5px;}
.help-list .dd:hover{border-left-color: #D80A1C;}
.help-list .dd:hover{-webkit-transition-duration:.3s;-webkit-transform:translateY(-1px);-webkit-box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);-moz-box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);box-shadow: 0 2px 5px 0 rgb(146 146 146 / 26%);}
.help-list .dd .img{margin-top: 0px;margin-right: 25px;}
.help-list .dd .img img{width: 200px;height: 120px;border-radius: 8px;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}
.help-list .dd:hover .img img{border: 1px dotted #D80A1C;}
.help-list .dd .yisuo{position:relative;}
.help-list .dd .yisuo::after{content: "";background: rgb(18 17 17 / 78%) url(images/ico-suo.png) no-repeat;background-size: 46px 46px;background-position: center center;top: 0;left: 0;width:100%;height:120px;/* display: block; */position: absolute;}
.help-list .dd:hover .description{}
.help-list .dd .title-date{width: 620px;line-height: 25px;overflow:hidden;height: 119px;margin-top: 1px;position: relative;}
.help-list .dd .title-date p{overflow: hidden;}
.help-list .dd .title-date p.ab{height: 25px;line-height: 25px;font-size: 13px;color: #828a92;}
.help-list .dd .title-date p.ab a{color: #828a92;}
.help-list .dd .title-date p.ac{font-size: 14px;}
.help-list .dd .title-date p.key{color: #777;height:25px;line-height:25px;margin-top:5px}
.help-list .dd .title-date p.key a{display: inline-block;color: #737373;background: #f5f5f5;padding: 0 10px;margin-right: 6px;font-size: 12px;border-radius: 3px;}
.help-list .dd .title-date p.key a:hover{color: #D80A1C;background: #fef2f2;}
/*鼠标效果*/
.help-list .dd:hover .title-date .date{border: solid 1px #D80A1C;background-color: #D80A1C;}
.help-list .dd:hover .title-date h4 a{color: #D80A1C;}
.help-list .dd:hover .title-date .datespan{font-size: 15px;display:block;color:#fff;text-align:center;font-weight:normal;font-family:'Microsoft YaHei', Verdana, Arial;}
.help-list .dd:hover .title-date .date span.f{padding-top: 2px;margin-top:2px;color:#000;text-align:center;font-size:14px;background-color:#ffffff}
/*当天*/
.help-list .dd .title-date .date-dang{float:left;margin-top:0px;margin-right:8px;width:48px;height: 52px;border:solid 1px #D80A1C;border-radius: 3px 3px 0 0;background-color:#D80A1C;}
.help-list .dd .title-date .date-dang span{font-size: 14px;display:block;color:#fff;text-align:center;font-weight:normal;}
.help-list .dd .title-date .date-dang span.f{/* padding-top: 2px; *//* margin-top:2px; */color:#000;text-align:center;font-size:14px;background-color:#ffffff;}
/*日期*/
.help-list .dd .title-date .date{float:left;margin-right:8px;width:48px;height: 56px;border:solid 1px #6E6E6E;border-radius: 3px 3px 0 0;background-color:#6E6E6E;margin-top:5px;margin-bottom:5px;}
.help-list .dd .title-date .date span{font-size: 15px;display:block;color:#fff;text-align:center;font-weight:normal;font-family:'Microsoft YaHei', Verdana, Arial;}
.help-list .dd .title-date .date span.f{padding-top: 2px;margin-top:2px;color:#000;text-align:center;font-size:14px;background-color:#ffffff}
.help-list .dd .title-date h4{padding-bottom: 5px;font-size: 16px;font-weight: normal;font-weight: 700;}
.help-list .dd .title-date p strong{color:#D80A1C;}
.help-list .dd .title-date p strong a{color: #D80A1C;}
.help-list .dd .title-date .operation a{font-size: 14px;color: #555666;}
.help-list .dd .title-date a:hover{color: #D80A1C;}
.help-list .dd .title-date span1{height: 20px;font-size: 12px;line-height: 20px;color: #888;}
.help-list .dd .title-date span b{padding-left: 5px;padding-right: 5px;}

.help-list .dd .view-details{font-size: 12px;color: #D80A1C !important;}
.ico_isopen{}
.ico_isopen img{vertical-align: middle;margin-top: -3px;}
.help-list .dd .description{font-size: 14px;line-height: 22px;overflow: hidden;margin-top: 0;color: #828a92;font-size: 14px;font-weight: 400;color: #555666;overflow: hidden;white-space: normal;word-break: break-word;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.help-list .dd .operation{margin-top:15px;position: absolute;bottom: 0;width: 100%;}

.help-list .dd .operation-a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.help-list .dd .operation .operation-b p{text-align:center;}
.help-list .dd .operation .operation-b{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.help-list .dd .operation .operation-b .operation-b-img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;}
.help-list .dd .operation .operation-b .operation-b-img .xh-zan{}
.help-list .dd .operation .operation-b .operation-b-img .xh-zan .img-hover{background:url('../image/ico-zan.png') no-repeat;background-size:16px 16px;width:16px;height:16px;display:block;}
.help-list .dd .operation .operation-b img{height:16px;cursor:pointer;margin-right:4px;}
.help-list .dd .operation .operation-b .num{min-width:22px;text-align:start;font-size:14px;padding-right:24px;color:#555666;line-height:20px;}
.help-list .dd .operation-c img{height: 14px;margin-right:4px;margin-top: -6px;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}

.help-list .dd .operation .operation-b .num.active{color: #fc5531;}
.help-list .dd .title-date .operation .operation-c a{font-size: 14px;color: #555666;}
.help-list .dd .title-date .operation .operation-c a:hover{color: #D80A1C;}
.help-list .dd .title-date .operation .key{color: #777;height:25px;line-height:25px;width: 60%;text-align: right;}
.help-list .dd .title-date .operation .key a{display: inline-block;color: #737373;background: #f5f5f5;padding: 0 10px;margin-right: 6px;font-size: 12px;border-radius: 3px;}
.help-list .dd .title-date .operation .key a:hover{color: #D80A1C;background: #fef2f2;}
/*来信分享*/
.fabu{padding-top: 11px;padding-bottom: 11px;text-align:center;font-size: 15px;color: #888888;}
.fabu p{line-height: 23px;}

/*授权查询*/
.qy-box{width:1200px;margin:16px auto;margin-top: 15px;}
.tis{text-align:center;}
.tis .tit{color: #333; font-size: 42px;}
.tis .txt{color: #888888; line-height: 28px; margin-top: 5px; font-size: 16px; padding:20px 0;}
.qy-box .ssou{width: 600px;text-align:center;background-color: #f5f5f5;margin-left: 300px;overflow: hidden;border-radius: 3px;}
.qy-box .ssou_form{border:#E2E5E7 1px solid;border-radius: 5px;height: 40px;line-height: 40px;font-size:14px;}
.qy-box input{width: 496px;outline:none;height: 38px;line-height: 38px;float: left;padding-left: 8px;border:0;border-radius: 5px 0 0 5px;}
.qy-box input.search_s{background: #FFFFFF url('shouquan/icon-search.png') no-repeat 8px;width: 38px;height: 38px;float: left;border:0;border-radius: 0 5px 5px 0;}
.qy-box input.search_s:hover{cursor: pointer;}
.qy-box .ssou_form:hover{border: #D80A1C 1px solid;}
.qy-box select{border:#E2E5E7 1px solid; padding:5px; font-size:14px; margin:0;}
.qy-box div.ssou{padding: 20px 32px;}
.qy-box p{margin:15px 0 0 0; color:#666666;}
.qy-found{margin:16px auto;width:600px;background:#55B05A;color:#FFFFFF;font-size:16px;font-weight:bold;border-radius: 3px;}
.qy-found div{padding:16px 0; text-align:center;}

.qy-authorization-img{margin:0 auto 15px auto;width: 600px;height: 750px;padding-left: 5px;}
.qy-authorization-img img:hover {opacity: 1;filter: alpha(opacity=100);}
.qy-authorization{margin:0 auto 15px auto;width: 590px;height: 744px;background: url('shouquan/shouquanbg.png') no-repeat 0px 0;position: relative;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.qy-authorization .qy-authorization02{padding: 300px 0 0 170px;position: absolute;}
.qy-authorization .qy-authorization02 li{font-size:14px;line-height: 40px;color:#111111;}
.qy-authorization03{padding: 595px 0 0 326px;position: absolute;text-align: center;z-index: 11;}
.qy-authorization03 li{font-size:14px; line-height: 22px; color:#111111;}
.qy-notfound{background:#D23D24;}
.shouquan{background:url('shouquan/shouquan.png') no-repeat center;width: 120px;height: 120px;display: inline-block;vertical-align: middle;float: right;z-index: 13;position: absolute;bottom: 70px;right: 120px;}
.t1{text-align: center;padding: 15px 0;background: #FAFAFA;}
.t1 strong{font-size: 20px;letter-spacing: 1px;}
.b_bg .t1{padding: 35px 0 15px;background: none;}

/*大家都在学习*/
.dzxxDiv{width: 100%;margin: 0px auto 0;margin-bottom:20px;}
.dzxxDiv h3{width:100%;height:80px;line-height:80px;text-align:center;color:#333;font-size:24px;font-weight:bold}
.dzxxDiv .contDiv{width: 1200px;margin: 0 auto;}
.dzxxDiv .contDiv a{display:inline-block;width: 318px;height: 120px;float:left;padding:15px 15px;border-radius: 10px;background: #F7E9DF;transition: all .3s;-webkit-box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);-moz-box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);box-sizing: border-box;background-color: #f5f6fa;background-size: 200px;box-shadow: 0 10px 30px 0 rgba(64,74,127,.1);border: 2px solid #fff;}
.dzxxDiv .contDiv .bj01{background: url(images/course/p1.png) no-repeat right 30px #06BE9A;color:#ffffff;}
.dzxxDiv .contDiv .bj02{background: url(images/course/p2.png) no-repeat right 30px #497BFE;}
.dzxxDiv .contDiv .bj03{background: url(images/course/p3.png) no-repeat right 30px #F9533F;}
.dzxxDiv .contDiv .bj04{background: url(images/course/p4.png) no-repeat right 30px #1A1D30;}
.dzxxDiv .contDiv .bj01:hover{/* background:url(images/course/p1.png) no-repeat right bottom #7aa9f1; */box-shadow: 0 12px 24px 0 rgba(7,17,27,.2);margin-top: -4px;}
.dzxxDiv .contDiv .bj02:hover{/* background:url(images/course/p2.png) no-repeat right bottom #66bd3a; */box-shadow: 0 12px 24px 0 rgba(7,17,27,.2);margin-top: -4px;}
.dzxxDiv .contDiv .bj03:hover{/* background:url(images/course/p3.png) no-repeat right bottom #96d5f1; */box-shadow: 0 12px 24px 0 rgba(7,17,27,.2);margin-top: -4px;}
.dzxxDiv .contDiv .bj04:hover{/* background:url(images/course/p4.png) no-repeat right bottom #34b0b4; */box-shadow: 0 12px 24px 0 rgba(7,17,27,.2);margin-top: -4px;}
.mr19{margin-right:19px}
.dzxxDiv .contDiv h4{width:225px;height:24px;line-height:24px;font-size:20px;color: #333333;font-weight:bold;color:#ffffff}
.dzxxDiv .contDiv .jtnr{width:150px;height:48px;line-height:24px;overflow:hidden;color: #666666;font-size:14px;margin-top:20px;color:#ffffff}
/*两端AD*/
.jc-ad{overflow: hidden;}
.jc-ad>div{overflow:hidden}
.jc-ad img{margin-bottom:20px;border-radius: 10px;-webkit-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;box-sizing: border-box;background-color: #f5f6fa;background-size: 200px;box-shadow: 0 10px 30px 0 rgba(64,74,127,.1);border-radius: 10px;border: 2px solid #fff;}
.jc-ad img:hover{transform: scale(1.01);-webkit-transform: scale(1.03);}
/*公用*/
.br5{border-radius: 5px;}
.br10{border-radius: 10px !important;}
/*访问记录*/
.list-view{width: 1324px;}
.list-view:after{content:"";display:block;clear:both;}
.list-view .list-view-v{width: 1310px;overflow:hidden;margin-top: 20px;}
.list-view ul{/* margin:6px 24px 24px 0; */}
.list-view li{width: 23%;margin: 5px 10px;padding: 0 10px;height: 35px;line-height: 35px;overflow:hidden;font-size:14px;display:inline-block;background: #f1f1f1;}
.list-view li:hover{background:#D80A1C;}
.list-view li .view_title{width:220px;height:35px;line-height:35px;overflow:hidden;}
.list-view i{font-size:16px;font-family:Verdana;font-weight:100;font-style:normal;color:#999999;float:right;display:none;}
.list-view .list-view-v li:hover i{display:inline;}
.list-view li:hover a,.list-view li:hover i{color:#ffffff}
.list-view-msg{padding:96px;text-align:center;font-size:16px;}
/*授权查询*/
.section{width: 100%;clear: both;}
.banner-search{position:relative;background-image:url('img/shouquan/banner_shouquan.jpg');height:425px;overflow:hidden;/* margin-top: -18px; */}
.bg-com{width:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
.business h2{font-size:50px;text-align:center;padding-top:80px;color:#fff;font-weight:700;}
.business h3{font-size:20px;color:#fff;text-align:center;padding-top:10px;line-height: 55px;padding-bottom: 20px;width:100%;margin:0 auto;}
.par-banner-box2{width:65%;padding-bottom:80px;padding-top:20px;margin:0 auto;}
.par-left-input{width:80%;height:60%;float:left;}
.par-right-but{width:20%;font-size:21px;height:60px;background-color: #B80C01;border-radius: 0px 5px 5px 0px;line-height:25px;text-align:center;float:left;border:none;cursor:pointer;color: #ffffff;}
.par-right-but:hover{background: #a00e04;border:0;}
.banner-search .user_sq{color:#fff;text-align:center}
.lic_top{height: 140px;}
.license_wh{font-size: 20px;text-decoration:underline;color: #F6FF00;line-height: 30px;text-align: center;margin-top: 80px;display: block;}
.license_wh:hover{color: #e6ef03;}
/*授权说明*/
.section-wrapper{position: relative;}
.section .section-wrapper{width: 1210px; margin: 0 auto; text-align: center;}
.section .title_s{padding-top: 50px; color: #333;}
.section-wrapper .title_s h2{font-size: 36px; line-height: 75px; font-weight: lighter; color: #434A54;}
.section-wrapper .title_s p{font-size: 16px; line-height: 28px; color: #82939e;}
.shouquan_s ul{margin: 60px 0 93px;}
.shouquan_s li{width: 182px; height: 0; padding-top: 110px; float: left; margin: 0 30px; box-shadow: 0 0 0 0 rgba(0,0,0,0.2); border-radius: 0; background: url('img/shouquan/f1_icon3.png') no-repeat; font-size: 14px; color: #82939e;}
.section-1 li:nth-child(1){background-position: center 0;}
.section-1 li:nth-child(2){background-position: center -139px;}
.section-1 li:nth-child(3){background-position: center -299px;}
.section-1 li:nth-child(4){background-position: center -446px;}
.section-1 li:nth-child(5){background-position: center -587px;}
/*授权福利*/
.section-5{background: #fff; height: 430px; overflow: hidden;}
.section-5 .section-wrapper{position: relative; height: 400px;}
.section-5 .section-right{float: right; width: 500px; text-align: left;}
.mod-btn{font-size: 16px;color: #fff;text-align: center;display: inline-block;vertical-align: middle;background: linear-gradient(90deg, #f03a3a, #ff6c55);box-shadow: 0 10px 15px -3px rgba(252,72,97,0.5);height: 50px;line-height: 50px;/* border: 1px solid #fff; */width: 160px;border-radius: 25px;-webkit-user-select: none;}
.mod-btn:hover{color: #fff; -webkit-transform: translate(0,3px); -moz-transform: translate(0,3px); transform: translate(0,3px); -webkit-box-shadow: 0 7px 15px -3px #F44336; -moz-box-shadow: 0 7px 15px -3px rgba(0,159,232,.5); box-shadow: 0 7px 15px -3px #F44336;}
.mod-btn-green{background: linear-gradient(90deg, #309234, #6db970); -webkit-box-shadow: 0 10px 15px -3px rgba(83,185,88,.5); -moz-box-shadow: 0 10px 15px -3px rgba(83,185,88,.5); box-shadow: 0 10px 15px -3px rgba(83,185,88,.5);}
.mod-btn-green:hover{-webkit-box-shadow: 0 7px 15px -3px rgba(83,185,88,.5); -moz-box-shadow: 0 7px 15px -3px rgba(83,185,88,.5); box-shadow: 0 7px 15px -3px rgba(83,185,88,.5);}
.mod-btn-red{-webkit-box-shadow: 0 10px 15px -3px rgba(252,72,97,0.5); -moz-box-shadow: 0 10px 15px -3px rgba(252,72,97,0.5); box-shadow: 0 10px 15px -3px rgba(252,72,97,0.5); background: linear-gradient(90deg, #f03a3a, #ff6c55);}
.mod-btn-red:hover{-webkit-box-shadow: 0 10px 15px -3px rgba(252,72,97,0.5); -moz-box-shadow: 0 10px 15px -3px rgba(252,72,97,0.5); box-shadow: 0 10px 15px -3px rgba(252,72,97,0.5);} .section-5 .img{position: absolute; left: 0; bottom: 0; width: 535px; height: 380px; background: url('img/shouquan/f5_img.png') no-repeat;}
/*授权权利*/
.o2o-btn{padding: 38px 0;overflow: hidden;background: #F4F5F9;text-align: center;}
.o2o-btn .title h2{font-size: 24px; line-height: 1.5;}
.o2o-btn .btn-wp{margin-top: 20px;}
.o2o-btn .btn-or{display: inline-block; width: 54px; height: 54px; background: url('img/shouquan/btn_or.png') no-repeat center center; vertical-align: middle;}
/*版本区别*/
.btn-xh { display: inline-block; box-sizing: border-box; padding: 0 40px; height: 40px; line-height: 40px; font-size: 14px; }
.btn-xh.hide {display: none}
.btn-xh:hover { text-decoration: none; }

/**/
.web-build-banner {width:100%;height:350px;background-color: #2845B2;background-image: url(images/qubie_bg.png);background-position: center center;}
.web-build-banner img {width:1920px;height:350px;}
.web-build-banner dl {padding-top:70px;color:#FFFFFF;}
.web-build-banner dt {line-height:56px;font-size:40px;}
.web-build-banner dd {margin-top:16px;line-height:22px;font-size:16px;}
.web-build-banner .m div {margin-top:46px;}
.web-build-banner .m div .btn-orange{border-radius:50px;background: none;border: 1px solid rgba(255,255,255,1);font-size: 16px;}
/**/
.price_header{background: url(images/top-bg.jpg) top center no-repeat; height: 230px; text-align: center; overflow: hidden; width: 100%;margin-top:-18px;margin-bottom:20px;display:none}
.price_header h1{font-size: 36px;font-weight: 600;color: #f5f7fa;padding-top: 60px;margin-bottom: 10px;}
.price_header p{font-size: 20px;font-weight: 400;color: #f5f7fa;padding-top: 10px;}
.title-qb{}
.title-qb h1{}
/**/
.m-title {height: 45px;line-height: 45px;font-size: 30px;/* color: #2A3457; */text-align: center;font-weight: bold;}
.m-title-sub {height: 22px;margin-top: 10px;line-height: 22px;color: #686F88;text-align: center;}
/**/
.buy-tb-top{margin-top: 50px;}
.buy-tb-top .m{background:none}
.buy-tb-top .buy-tb{margin-top: 35px;}
.buy-tb{}
.buy-tb tr:hover{background:#F1F1F1;}
.buy-tb tr:hover .tips{display:block;}
.buy-tb td{padding:0 10px;width: 15%;height: 62px;border-bottom: 1px solid #E4EBF4;border-right: 1px solid #E4EBF4;font-size:14px;}
.buy-tb em{padding-left:16px;}
.buy-tb select{padding:2px;font-size:16px;}
.buy-tb .f_b{font-size: 18px;font-weight: bold;}
.huiyuan .buy-tb .f_b,.buy-tb-top .buy-tb .f_b{color: #fff;font-size: 18px;}
.buy-tb-top .buy-tb td{border-bottom:0}
.buy-tb .f_p, .buy-tb a.b{color:#C40000;}
.bg-blue{background-color: #FF9900 !important;}
.bg-blue-grey{background-color: #e4eaec !important;}
.bg-green{background-color: #46be8a !important;}
.bg-blue-grey{background-color: #F6F9FE !important;}
.bg-red{background-color: #CD240D !important;}
.ban1{background-color: #c3c7cb;background-image: linear-gradient(105deg,#c3c7cb,#ebeced);/* color: #262626 !important; */}
.ban2{color: #dcb572;background-color: #009688;background-image: linear-gradient(107deg,#009688,#46ada3);}
.ban3{color: #dcb572;background-color: #00BCD4;background-image: linear-gradient(107deg,#00BCD4,#5de0f1);}
.ban4{color: #dcb572;background-color: #03A9F4;background-image: linear-gradient(107deg,#03A9F4,#57cafd);}
.ban5{background-color: #F44336;background-image: linear-gradient(107deg,#F44336,#ff766c);}

.meal-header{padding: 23px 0;height: 120px;box-sizing: border-box;/* background: linear-gradient(300deg, #FF9800 0%, #FF5722 100%); */background: linear-gradient(135deg, rgba(240,58,58,1) 0%, rgba(255,108,85,1) 100%);/* cursor: pointer; */}
.buy-tb td.meal-header{border-right: 0;border-bottom: 0;padding: 23px 40px;height: 120px;position:relative;}
.buy-tb td.meal-header:first-child{border-radius:8px 0 0 0}
.buy-tb td.meal-header:last-child {border-radius:0 8px 0 0}
.buy-tb td.meal-header .info-q {color: #ffffff;font-size: 12px;opacity: 0.8;margin-top: 10px;font-weight: normal;}
.buy-tb td.meal-header .recommend {position: absolute;right: 0;top: 0;}

.table-classic-area{width: 118px; margin: 20px; margin-left: 50px; height: 42px; position: relative;}
.table-classic-top,
.table-classic-bottom{width: auto;height: auto;position: absolute;z-index: 1;font-size: 16px;color: #ffffff;}
.table-classic-top{top: 0; right: 0;}
.table-classic-bottom{bottom: 0; left: 0;}
.table-classic-area .f-tri{position: absolute;left: 0;top: 0;z-index: 0;border-right: solid transparent 58px;border-left: solid #e3e3e6 58px;border-top: solid transparent 21px;border-bottom: solid #e3e3e6 21px;}
.table-classic-area .f-whiteTri{top: 1px;border-bottom-color: #F2A249;border-left-color: #EB8734;}
.buy-tb a.b2{color:#C40000;/* font-weight:bold; */}
.buy-tb a.b2{display:block;width: 130px;height: 35px;line-height: 35px;/* padding-left:24px; */font-size: 14px;letter-spacing:1px;/* background:#C40000 url('image/icon-qq.png') no-repeat 16px center; */background: #CC0000;background: linear-gradient(135deg, #cc0000 0%, rgba(255,108,85,1) 100%);color:#FFFFFF;border-radius: 20px;}
.buy-tb a.b2:hover{/* background:#DF3033 url('image/icon-qq.png') no-repeat 16px center; */background: #CC0000;}
.buy-tb a.b3{color:#ffffff;background:#C40000;background: rgba(240,58,58,1);background: -moz-linear-gradient(-45deg, rgba(240,58,58,1) 0%, rgba(255,108,85,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(240,58,58,1)), color-stop(100%, rgba(255,108,85,1)));background: -webkit-linear-gradient(-45deg, rgba(240,58,58,1) 0%, rgba(255,108,85,1) 100%);background: -o-linear-gradient(-45deg, rgba(240,58,58,1) 0%, rgba(255,108,85,1) 100%);background: -ms-linear-gradient(-45deg, rgba(240,58,58,1) 0%, rgba(255,108,85,1) 100%);background: linear-gradient(135deg, rgba(240,58,58,1) 0%, rgba(255,108,85,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f03a3a', endColorstr='#ff6c55', GradientType=1 );box-shadow: 0px 5px 8px 0px rgba(241, 61, 60, 0.2);border-radius: 22px;height: 42px;line-height: 40px;padding: 8px 25px;font-size:15px;letter-spacing:1px;}
.buy-tb a.b3:hover{background:#DF3033}
.buy-tb .no{background:url('image/qb-no.png') no-repeat center center;background-size: 16px 16px;}
.buy-tb .yes{background:url('image/qb-yes.png') no-repeat center center;background-size: 16px 16px;}
.buy-tb .notice{line-height:180%;padding:0 0 0 10px;}
.buy-tb .tips{position:absolute;z-index:8;width:300px;background:url('image/tips-bg.gif') no-repeat 0 bottom;overflow:hidden;margin-left:-800px;display:none;}
.buy-tb .tips div{background:url('image/tips-top.gif') no-repeat;line-height:22px;padding:8px 10px 8px 36px;text-align:left;font-size:12px;}
.buy-tb .f_k{display:block;}
.buy-say{width:600px;margin:0 auto;}
.buy-say li{width:260px;height:32px;line-height:32px;padding-left:32px;float:left;overflow:hidden;background:url('image/icon-say.png') no-repeat 0 center;}
.buy-tip{padding:0 32px;line-height:32px;}
.buy-tip em{padding:0 20px;}
/*模板版权*/
.dtmuban-mbbq{padding: 30px 40px;}
.dtmuban-mbbq h2{font-size:16px;font-weight:bold;height:45px;line-height:45px;}
.dtmuban-mbbq p{line-height:30px;font-size: 14px;color: #666666;}
.dtmuban-mbbq p em {padding: 0 15px;}
/*20200709-new*/
.bgfff{padding: 15px 0 0px;}
.imv2-dot_samll{margin:0 8px;}
.banner-box{width: 1200px;margin: auto;margin-bottom: 20px;/* overflow: hidden; */display: table;}
.g-banner{position: relative;height: 444px;width: 1030px;margin: auto;float: left;}
.g-banner .g-banner-content{position: relative;float: left;width: 814px;}
.g-banner .g-banner-content .g-banner-box{position: relative;height: 316px;width: 814px;border-radius: 10px;}
.g-banner .banner-anchor{position: absolute;top: 50%;margin-top: -30px;width: 55px;height: 55px;overflow: hidden;color: rgba(255,255,255,.6);text-align: center;line-height: 45px;text-shadow: 0 2px 4px rgba(7,17,27,.6);}
.g-banner .next{right: 0px;/* border-radius: 4px 0 0 4px; */}
.g-banner .prev{left: 0px;/* border-radius: 0 4px 4px 0; */}
.g-banner .next,.g-banner .prev{color: #fff;background: rgba(7,17,27,.6);opacity: 0;filter: alpha(opacity=0);}
.g-banner:hover .next,.g-banner:hover .prev{opacity:1;filter:alpha(opacity=100);}
.g-banner .next{background: rgba(7, 17, 27, 0.5) url(img/ico-r-jt.png) no-repeat -2px 8px;width: 23px;height: 45px;border-radius: 4px 0 0 4px;}
.g-banner .prev{background: rgba(7, 17, 27, 0.5) url("img/ico-l-jt.png") no-repeat -4px 8px;width: 23px;height: 45px;border-radius: 0 4px 4px 0;}
.g-banner .g-banner-box>a:first-child .banner-slide{display: block}
.g-banner .banner-slide{position: relative;height: 100%;z-index: 0;background: #f1f1f1;border-radius: 10px 10px 0 0;}
.g-banner .banner-slide img{height: 316px;width: 814px;border-radius: 5px 5px 0 0;transition: transform 0.5s;}
.g-banner .banner-slide .swiper-slide:hover img{ transform:scale(1.03); transition: transform 0.5s; }

.slider-pagination{left: auto;position:absolute;right:10px;background: rgba(0,0,0,.4);border-radius: 20px;padding: 3px 10px;width: auto;color: #fff;font-size:12px}
.g-banner .banner-slide .swiper-button-next,.g-banner .banner-slide .swiper-button-prev{position:absolute;left: 0%;top: 45%;display:block;width: 30px;height: 60px;background: #000000 url(images/slider-arrow.png) -111px 14px no-repeat;filter:alpha(opacity=50);opacity:0.5;border-radius: 0px;}
.g-banner .banner-slide .swiper-button-prev{border-radius: 0 5px 5px 0;}
.g-banner .banner-slide .swiper-button-next{left:auto;right: 0%;background-position: 8px 14px;border-radius: 5px 0 0 5px;}
.g-banner .banner-slide .swiper-button-prev:hover,.g-banner .banner-slide .swiper-button-next:hover{filter:alpha(opacity=100);opacity:1;}

.g-banner .inner{position: relative; width: 1200px; margin: 0 auto}
.g-banner .banner-dots{position: absolute;bottom: 20px;left: 0;right: 0;text-align: center;padding-right: 24px;line-height: 12px;width: 30%;margin: 0 auto;}
.g-banner .banner-dots li{display: inline-block;width: 8px;height: 8px;border-radius: 10px;margin-left: 8px;background: #ffffff;transition: transform .2s;cursor: pointer;-webkit-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}
.g-banner .banner-dots li.on{background: #D80A1C;width: 20px;}
.g-banner .banner-dots li.on em{width: 100%;-webkit-animation: mymove 4s linear; -o-animation: mymove 4s linear; -moz-animation: mymove 4s linear; animation: mymove 4s linear;}
.g-banner .banner-dots li.on em.stopAnimate{-webkit-animation-play-state:paused;-o-animation-play-state:paused;-moz-animation-play-state:paused;animation-play-state:paused;}
@-webkit-keyframes mymove{from{width:0}to{width:100%;}}
@-o-keyframes mymove{from{width:0;}to{width:100%;}}
@-moz-keyframes mymove{from{width:0;}to{width:100%;}}
@keyframes mymove{from{width:0;}to{width:100%;}}
.menuwrap,.submenu{position: absolute; top: 0; height: 444px}
.menuwrap{/* background-color: rgba(7,17,27,.5); */opacity: .502;left: 0;width: 216px;z-index: 1;}
.submenu{background: #fff;left: 216px;width: 814px;z-index: 581;border-radius: 10px;box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);}
.submenu .subinnerBox{overflow: hidden}
.submenu .banner-line{position: relative; height: 1px; margin: 35px 0 23px; background-color: rgba(77,85,93,.08)}
.submenu .banner-line span{position: absolute;top: -12px;left: 0;padding-right: 12px;font-size: 15px;font-weight: 700;color: #f20d0d;line-height: 24px;background-color: #fff;}
.submenu .tag-box{font-size: 0}
.submenu .tag-box a{margin-bottom: 16px; font-size: 14px; color: #4d555d; line-height: 22px; margin-right: 24px; display: inline-block}
.submenu .tag-box a:last-child{margin-right: 0}
.submenu .subinnerBox .title{color: #07111b; font-size: 16px; line-height: 16px; margin-top: 32px; font-weight: 700; margin-bottom: 13px}
.submenu .subinnerBox .recommend{margin-top: 33px; margin-bottom: 16px}
.submenu a:hover{color: #f01414!important}
.submenu .subinnerBox .title a:hover{color: #f01414}
.menuContent{position: relative;float: left;width: 200px;height: 444px;z-index: 2;padding-top: 12px;background: #ffffff;border-radius: 10px;font-weight: 400;margin-right: 15px;box-shadow: 0px 8px 19px 0 rgb(143 167 191 / 10%);}
.menuContent .item .box a:hover{color: #f01414!important}
.menuContent .item{height: 45px;line-height: 45px;font-size: 14px;cursor: pointer;position: relative;padding: 0px 25px;margin: 13px 0;}
.menuContent .item>a{display: block;padding: 0 16px 0 16px;border-radius: 50px;height: 45px;transition: all .1s;}
.menuContent .item i{position: absolute;right: 8px;top: 23px;color: rgba(255,255,255,.5);font-size: 16px;}
.menuContent .item i.imv2-arrow1_r{background:url("img/ico-jt.png") no-repeat;width:16px;height:16px;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;display: none;}
.menuContent .item .box a{color: #fff!important}
.menuContent .on a{color: #D80A1C;background-color: #fef6f6;}
.g-banner{/* -webkit-box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);-moz-box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);box-shadow: 0px 8px 19px 0 rgb(143 167 191 / 10%); */}
.path-banner{width: 814px;height: 128px;/* overflow: hidden; */box-shadow: 0px 8px 19px 0 rgb(143 167 191 / 10%);background-color: #fff;text-align: center;padding: 0 18px;border-radius: 0 0 10px 10px;}
.path-banner i{display: inline-block;width: 45px;height: 45px;background: url("img/ico_path_new.png") no-repeat;background-size: 100%;margin-top: 18px;}
.container-types .wonderful-list .wenda-tit,.path-banner>a{display: block; transition: all .3s}
.path-banner .i-web{background-position: center 0}
.path-banner .i-php{background-position: center -45px}
.path-banner .i-java{background-position: center -90px}
.path-banner .i-android{background-position: center -135px}
.path-banner .i-ios{background-position: center -180px}
.path-banner>a{float: left;font-size: 0;width: 194px;overflow: hidden;}
.path-banner>a:hover{margin-top: -4px}
.path-banner .tit{font-size: 14px;color: #07111b;letter-spacing: 1px;margin-top: 6px;}
.path-banner .desc{font-size: 12px;color: #93999f;line-height: 16px;margin-top: 4px;font-weight: 400;}
.submenu .innerBox{padding: 12px 48px 32px;position: relative;min-height: 150px;}
.submenu .innerBox .bkimg{position: absolute; bottom: 0; right: -1px}
.recomment-box{position: absolute;bottom: 0;/* background: #f8fafc; */padding: 36px 0 0 25px;}
.recomment-box a{display: block; width: 100%; height: 100%}
.recomment-box .adsense-box{width: 312px; height: 64px; background-color: #ccc; border-radius: 4px; margin-right: 48px}
.recomment-box .banner-course-card{width: 369px;height: 60px;margin-right: 25px;margin-bottom: 16px;}
.recomment-box .banner-course-card img{width: 74px;height: 52px;border-radius: 4px;background-color: #ccc;}
.recomment-box .banner-course-card .course-card{margin-left: 16px}
.recomment-box .banner-course-card .course-card-name{width: 265px;font-size: 14px;color: #07111b;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;}
.recomment-box .banner-course-card .course-card-info,.recomment-box .banner-course-card .course-card-price{font-size: 12px; color: #4d555d; line-height: 20px}
.recomment-box .banner-course-card .course-card-info span{margin-right: 12px}
.recomment-box .banner-course-card .course-card-price.sales{color: #D80A1C}
.recomment-box .banner-course-card .course-card-price.studentsales .sales-tip{padding: 0; border: 0}
/*soso*/
.jc-index-so{overflow: hidden;}
.jc-index-so .mokuaijies{margin-bottom: 20px;text-align: center;background: none;padding: 5px 20px 18px;}
.jc-index-so .mokuaijies .jc-so{float:left;}
.jc-index-so .mokuaijies .jc-so .so-name{height: 80px;line-height: 80px;font-size: 18px;color: #333333;font-weight: bold;}
.jc-index-so .mokuaijies .jc-so .m_soso{width: 500px;margin-bottom: 0px;margin-top: 1px;box-shadow: none;}
.jc-index-so .mokuaijies .jc-so .m_soso .search-product{padding:0px;}
.jc-index-so .mokuaijies .jc-so .m_soso .search-product:hover{background: #ffffff;}
.jc-index-so .mokuaijies .jc-so .m_soso input.j-search-quests{width:453px}
.jc-index-so .mokuaijies .word-so{width: 100%;height: auto;margin-top: 5px;text-align:left;line-height: 30px;color: #333333;}
.jc-index-so .mokuaijies .word-so .hc{display:inline-block;height: 22px;line-height: 22px;font-weight: bold;font-size: 15px;}
.jc-index-so .mokuaijies .word-so .hc-a{}
.jc-index-so .mokuaijies .word-so .hc-a a{color: #D80A1C;background: #FCECEA;border-radius:3px;margin-right: 6px;display:inline-block;padding: 0 14px;margin-top: 10px;}
.jc-index-so .mokuaijies .word-so .hc-a a:hover{color: #ffffff;background: #D80A1C;border-color: #D80A1C;}
/*新楼层*/
.list-img{width:100%;position:relative;}
.li_img{border:1px solid #f6f6f6;height: 260px;margin-bottom:10px;overflow: hidden;}
.list-img .li_img img{width:100%;height:100%;transition: all 1s ease 0s;-webkit-transform: all 1s ease 0s;}
.li_a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.list-img p{position:absolute;bottom:0;left:0;height: 35px;line-height: 35px;width:100%;padding:0 2%;text-align:center;font-size:14px;background:rgba(0, 0, 0, 0.5215686274509804);color:#ffffff;}
/*文章底部二维码*/
.mobile-sm{background: #07C160;margin-top:30px;border-radius: 5px;}
.wap-sm{padding: 25px 15px;}
.wap-sm .fl{text-align:center}
.wap-sm .fl.sm-a{text-align:center;width: 41%;height: 100px;font-size: 16px;padding-top:20px;}
.wap-sm .fl.sm-a p{line-height:30px;color: #efefef;}
.wap-sm .fl.sm-a .sm-a-a{height: 35px;font-weight:bold;font-size: 20px;color: #FFFFFF;}
.wap-sm .fl.sm-b{width: 120px;position:relative;padding: 5px;border: 1px solid #d8d8d8;border-radius:3px;}
.wap-sm .fl.sm-b img{width: 110px;height: 110px;}
.wap-sm .fl.sm-c{width: 41%;height: 100px;line-height: 32px;font-size: 16px;padding-top: 5px;color: #efefef;}
.wap-sm .fl.sm-c .sm-c-a{}
.wap-sm .fl.sm-c .sm-c-b{color: #FFFFFF;font-weight:bold;font-size: 24px;}


/*2021.3.29*/

.m-divimg {}
.m-divimg ul{margin-right:-21px}
.m-divimg li{position:relative;width: 230px;height: 230px;margin: 0 16px 20px 0px;overflow:hidden;float: left;display: inline;border-radius: 5px;box-shadow: 0px 0px 20px rgba(200,200,200,.5);transition: all .3s;}
.m-divimg li a{display: block;}
.m-divimg li a img{width:230px;height:140px;margin-bottom: 8px;}
.m-divimg li a p.p-title{text-align: left;overflow: hidden;padding: 0 8px;font-size: 14px;color: #545C63;line-height: 20px;height: 40px;margin-bottom: 8px;}
.m-divimg li a:hover p {/*background-color:#D80A1C;*background-color:#D80A1C;*/}
.m-divimg li a p span{display: block;font-size: 14px;}
.m-divimg li a p.difficulty{height: 20px;line-height: 20px;text-align: left;font-size: 12px;padding: 0 8px;color: #777777;}
.m-divimg li:hover{transform: translateY(-2px);box-shadow: 0 12px 20px 0 rgba(95, 101, 105, 0.15);}

/**/
.floor-rank-right-top{z-index: 2;position: relative;}
.floor-rank-right-top .host-move{overflow: hidden;height: 100%;margin: 20px auto 8px 0px;}
.floor-rank-right-top .host-move ul{width: 100%;}
.floor-rank-right-top .host-move ul li{font-size: 16px;height: 24px;float: left;margin-right: 31px;}
.floor-rank-right-top .host-move ul li:last-child{margin-right:0}
.floor-rank-right-top .host-move ul li a{font-size: 16px; font-weight: 400; color: #222226; line-height: 22px}
.floor-rank-right-top .host-move ul li:hover a{color: #555666}
/**/
.m.bot{background: #f7e9df;background:#FFF7F5;box-shadow: 0 0 15px #faf7f5;margin-bottom:20px;border-radius: 10px;-webkit-box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);-moz-box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);}
.m.bot div{float: left;background: url(images/p2_b0.jpg) no-repeat center center;width: 250px;height: 129px;position: relative;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.m.bot div .b2{position: absolute; top: 23px; left: 10px; animation: scal 3s linear infinite; -webkit-animation: scal 3s linear infinite; -o-animation: scal 3s linear infinite; -moz-animation: scal 3s linear infinite; -ms-animation: scal 3s linear infinite;}
.m.bot div .b1{position: absolute;top: 28px;left: 58px;z-index: 1;}
@keyframes scal{0%{-webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1);} 50%{-webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);} 100%{-webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1);}}
.m.bot ul{float: left;margin-top: 33px;width: 81%;}
.m.bot ul li{float: left;width: 25%;height: 70px;border-right: 1px solid #dedad7;}
.m.bot ul li:last-child{border: none;}
.m.bot ul li p{font-size: 16px; line-height: 35px; margin: 0 0 0 55px;}
.m.bot ul li p span{display: inline-block; font-size: 30px; color: #ff4e01; font-weight: bold;}
.m.bot ul li:hover span{transition: 1s; -webkit-transform: rotateX(360deg); /* for Chrome || Safari */ -moz-transform: rotateX(360deg); /* for Firefox */ -ms-transform: rotateX(360deg); /* for IE */ -o-transform: rotateX(360deg); /* for Opera */}
/**/
.mt5{margin-top:5px}
.cloumn{float: left; display: block;}
.cloumn-center{width: 975px; margin: 0 15px 0 0;}
.cloumn-left{width: 270px}
.cloumn-right{width: 340px}
.cloumn-bd{padding: 20px;background: #fff;/* box-shadow: 0 1px 3px rgba(27,95,160,.1); */-webkit-box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);-moz-box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);overflow: hidden;margin-bottom: 20px;border-radius: 10px;}
.cloumn-bd__minp{padding: 15px 20px}
.cloumn-bd .section{padding: 0 20px 25px}
.cloumn-bd .section-media{margin-bottom: 15px; text-align: center}
.cloumn-center .cloumn-bd{padding-bottom:14px}
.cloumn-right .cloumn-bd{background-image: url(images/mbkfw-widget-news.jpg);background-position: top center;background-repeat: no-repeat;background-size: contain;padding-bottom: 18px;}

.section-title{align-items: center;position: relative;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;/* padding-top: 8px; */line-height: 24px;font-size: 18px;font-weight: 400;}
.section-title h3{font-weight:bold}
.section-title h3 em{color: #8a8a8a;font-weight:normal;font-size: 12px;margin-left:15px;}
.section-title .more{line-height: 20px;font-size: 14px;font-weight: 500;position: relative;top: 4px;cursor: pointer;display: inline-block;color: #828a92;}
.section-title .more .more-link{padding: 0 3px}
.section-title .more a:hover{color: #D80A1C;}
.section-title .more a.change{position: relative; padding-right: 20px}
.section-title .more a.change:after{content: ""; position: absolute; top: 2px; right: 0; width: 0; height: 13px; margin: 0 8px; border-left: 1px solid #f0f1f3}
.section-title .more a.rss-router{background: url('images/ico-dingyue.png');background-size: contain;display: block;width: 112px;height: 30px;text-indent: -9999px;position: relative;top: -4px;}
.cloumn-right .section-title .more{display:none}

.section-title__tab{padding: 0 25px; border-bottom: 1px solid #eaeeef; padding-bottom: 15px}
.section-title ul{position: absolute; left: 130px; bottom: 15px; font-size: 16px; font-weight: 500}
.section-title .recommond-tab{position: absolute; right: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; top: 10px}
.section-title .recommond-tab span{position: relative; margin: 0 12px; line-height: 1; font-size: 16px; font-weight: 500; color: #2c2e3b; padding: 5px 10px; border-radius: 20px; cursor: pointer}
.section-title .recommond-tab span:hover{color: #D80A1C}
.recommond-tab span.recommond-tab--hover{color: #D80A1C; border: 1px solid #D80A1C}
.section-title .recommond-tab span:after{right: 0}
.section-title .recommond-tab span:last-child:after{display: none}
.section-title ul li{float: left; position: relative; margin: 0 10px; padding: 0 10px}
.section-title ul li:hover a{color: #D80A1C}
.section-title ul li.selected{color: #D80A1C}
.section-title ul li.selected:after{content: ""; position: absolute; bottom: -16px; left: 0; right: 0; height: 2px; background: #D80A1C}
.block-inner__between{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; -moz-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between;}
.nfeatured-wrapper{display: flex; padding-top: 15px}
.nfeatured-wrapper .hlink{max-height: 56px; font-size: 22px; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; font-weight: 700; color: #292929; line-height: 28px}
.nfeatured-wrapper__bd{max-width: 50%;flex-basis: 50%;flex-grow: 0;position: relative;}
.nfeatured-wrapper .meta{display: flex; align-items: center}
.nfeatured-wrapper__bd .official-wrapper__bd{/* margin-top:5px; */}
.nfeatured-wrapper__bd .official-wrapper__bd ul{padding-top: 0}
.nfeatured-wrapper__bd .official-wrapper__bd ul li{max-width: 100%; flex-basis: 100%; padding-right: 0}
.nfeatured-wrapper__bd .official-newsbd{margin-bottom: 21px;}
.nfeatured-wrapper__bd .official-newsbd .info-b{margin: 0; margin-right: 20px; width: 450px; overflow: hidden; padding: 0; background: #ffffff; color: #333333;}
.nfeatured-wrapper__bd .official-newsbd .thumb{width: 130px;height: 100px;flex-shrink: 0;display: flex;padding: 0;}
.nfeatured-wrapper__bd .official-newsbd .thumb a{overflow: hidden; width: 100%; height: 100%; display: block; border-radius: 3px}
.nfeatured-wrapper__bd .official-newsbd .thumb a:hover{opacity:.8;filter:alpha(opacity=80);}
.official-wrapper__bd--b.official-wrapper__bd ul li{padding-left: 0; padding-right: 16px}
.official-wrapper__bd--b .official-newsbd{flex-direction: column}
.official-wrapper__bd--b .thumb{width: 100%; overflow: hidden}
.official-wrapper__bd--b .thumb img{width: 100%;height: 270px;border: 0;padding: 0;}
.nfeatured-wrapper__bd .hd{position:absolute;top: 250px;width: 450px;height: 8px;line-height: 8px;z-index:11;text-align:center;}
.nfeatured-wrapper__bd .hd li{display:inline-block;background:#ffffff;width: 8px;height: 8px;margin: 0 3px;border-radius: 50px;}
.nfeatured-wrapper__bd .hd li.on{background: #D80A1C;width:15px}
.nfeatured-wrapper__bd .prev,.nfeatured-wrapper__bd .next{position:absolute;left: 0%;top: 25%;display:block;width: 25px;height: 50px;background: #000000 url(images/slider-arrow.png) -113px 9px no-repeat;filter:alpha(opacity=50);opacity:0.5;border-radius: 3px;}
.nfeatured-wrapper__bd .next{left:auto;right: 0%;background-position: 4px 9px;}
.nfeatured-wrapper__bd .prev:hover,.slideBox .next:hover{filter:alpha(opacity=100);opacity:1;}

.nfeatured-wrapper__media.clearfix{margin-right: 16px;background: rgb(255 229 231 / 55%);font-size: 14px;line-height: 30px;border-radius: 3px;display: flex;align-items: center;margin-top: 15px;}
.nfeatured-wrapper__media span{position: relative; color: #D80A1C; padding: 0 5px; margin-right: 10px; font-size: 13px}
.nfeatured-wrapper__media span::before{position: absolute; content: '|'; right: -5px; color: #999; opacity: .5}
.hotopic-wrapper__bd ul li{padding: 18px 0}
.official-wrapper__bd ul{padding-top: 30px; margin-bottom: -14px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start}
.official-wrapper__bd ul li{max-width: 33.333333%; width: 33.333333%; flex-basis: 33.333333%; padding-right: 16px; padding-left: 16px; flex-grow: 0; word-break: break-word; overflow: hidden}
.official-newsbd{height: 100%; width: 100%; align-items: flex-start; margin-bottom: 28px; display: flex}
.official-newsbd .nums{flex: 0 0 auto; width: 40px; margin-right: 16px; position: relative; top: -5px}
.official-newsbd .nums span{font-family: sohne,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700; color: #e6e6e6; letter-spacing: 0; line-height: 36px; font-size: 30px}
.official-newsbd .catname{margin-bottom: 7px;display: flex;align-items: center;flex-direction: row;font-size: 13px;line-height: 20px;color: #666;}
.official-newsbd .catname .placeholder{display: inline-block; position: relative; width: 1px; height: 9px; margin: 0 5px; background: #cfcfcf}
.official-newsbd .catname-icon{margin-right: 4px}
.official-newsbd .catname .author,.official-newsbd .catname .where{color: #464646}
.official-newsbd .plink{margin-bottom: 8px}
.official-newsbd .plink h2{max-height: 46px;-webkit-line-clamp: 2;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;overflow: hidden;line-height: 23px;font-size: 16px;font-weight: 400;letter-spacing: .7px;text-align: left;width: 100%;display: block;color: #333333;}
.official-newsbd .plink h2:hover{color: #D80A1C;}
.official-wrapper__bd--b .official-newsbd .plink h2{font-size: 22px;width: 450px;line-height: 30px;max-height: 30px;margin-bottom: 10px;font-weight: bold;white-space: nowrap;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;}
.official-wrapper__bd--b .official-newsbd .thumb{width: 450px;height: 270px;margin-bottom: 15px;}
.official-wrapper__bd--b .official-newsbd .thumb a{width: 450px;height: 270px;overflow: hidden;display: block;}
.official-newsbd .desc{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; line-height: 18px; font-size: 13px; font-weight: 400; color: #828a92; height: 36px; -webkit-line-clamp: 2; margin-bottom: 8px}
.official-newsbd .meta{display: flex; align-items: center; font-size: 12px; color: #999; margin-top: 5px}
.official-newsbd .dot{padding: 0 6px; display: flex; align-items: center; justify-content: center; line-height: 20px; font-size: 14px; font-weight: 700}
/*颜色右边搜索*/
.typeahead__container{/* position: relative; */}
.typeahead__cancel-button{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; right: 0; cursor: pointer; line-height: 1.25; padding: 0.5rem 0.75rem; visibility: hidden;}
.border-top{border-top: 1px dashed #EDEDED;}
/**/
.hotopic-wrapper__bd{padding-top: 10px}
.hotopic-wrapper__bd ul li{padding: 15px 0; position: relative; border-bottom: 1px solid #eaeeef}
.hotopic-wrapper__bd ul li:last-child{padding-bottom: 0; border-bottom: none}
.topic-info__bd a{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row-reverse}
.topic-info__bd .thumb{display: inline-block;height: 68px;width: 82px;psition: relative;z-index: 1;overflow: hidden;border-radius: 3px;margin-left: 15px;}
.topic-info__bd .thumb:hover{opacity:.8;filter:alpha(opacity=80);}
.topic-info__bd .info-b{-webkit-flex: 1;-ms-flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;flex: 1;position: relative;padding: 0;margin: 0;background: none;}
.topic-info__bd .info-b h4{font-size: 14px;font-weight: 400;min-height: 24px;max-height: 24px;line-height: 24px;overflow: hidden;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-top: -2px;position: relative;padding-right: 40px;color: #333333;}
.topic-info__bd a:hover .info h4{color: #D80A1C;}
.topic-info__bd .info-b h4 span{position: absolute;right: 0px;top: 2px;padding: 0 6px;border-radius: 3px;border: none;background: #ffe5e7;color: #D80A1C;font-size: 12px;line-height: 20px;}
.topic-info__bd .info-b:hover h4{padding-right:0}
.topic-info__bd .info-b:hover h4 span{display: none;}
.topic-info__bd .info-b .desc{margin-top: 10px;display: block;min-height: 36px;max-height: 36px;line-height: 18px;overflow: hidden;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align: justify;color: #777777;cursor: pointer;font-size: 12px;}
.topic-info__bd .info-b .likes{padding-top: 10px; line-height: 20px; font-size: 12px; font-weight: 400; color: #828a92}
.topic-info__bd .info-b .link{position: absolute; bottom: 5px; right: 0; padding: 0 6px; border-radius: 3px; border: none; background: #ffe5e7; color: #D80A1C; font-size: 12px; line-height: 20px; display: inline-block}
.topic-info__bd a:hover .link{background: #D80A1C; color: #fff}
.topic-info__post a{margin-top: 10px; display: block; min-height: 44px; max-height: 44px; line-height: 22px; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; color: #828a92; cursor: pointer; font-size: 14px}
.topic-info__bd a:hover h4,.topic-info__post a span,.topic-info__post a:hover{color: #D80A1C;}
/**/
.maincat-new{background: #ffffff;border-radius: 10px;margin-bottom: 15px;-webkit-box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);-moz-box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);}
.slide3{}
.slide3 .hd{position: relative;display: none;}
.slide3 .hd span{position: absolute;top: 0px;z-index: 100;cursor: pointer;background: rgb(51 51 51 / 49%);height: 60px;line-height: 60px;width: 25px;text-align: center;}
.slide3 .hd .prev{left: 0;border-radius: 10px 0 0 0;}
.slide3 .hd .next{right: 0;border-radius: 0 10px 0 0;}
.slide3 .hd span:hover{background: #D80A1C;}
.slide3 .bd {margin: 0 auto;width: 98.5%;height: 60px;line-height: 60px;margin-left: 0;white-space: nowrap;overflow: hidden;}
.slide3 .bd .nav-tab{width:100%;overflow-y: hidden;overflow-x: scroll;touch-action: pan-x;height: 60px;line-height: 60px;white-space: nowrap;overflow: hidden;}
.slide3 .bd .nav-tab::-webkit-scrollbar {display: none;}
.slide3 .bd li{/* float: left; */display: inline-block;font-size: 16px;line-height: 50px;text-align: center;margin: 5px 0px 5px 0px;position: relative;cursor: pointer;white-space: nowrap;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;text-align: center;/* width: 113px !important; */margin: 0 20px;-webkit-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}
.slide3 .bd li i{display: none; width: 32px; height: 4px; background: #fff; margin: 0 auto 0;}
.slide3 .bd li,.slide3 .bd li a{color:#888888}
.slide3 .bd .on i{display: block;}
.slide3 .bd .on{color: #D80A1C;font-size: 18px;font-weight: bold;}
.slide3 .bd .on a{color: #D80A1C;}
.slide3 .bd .on:after{content: "";background-color: #D80A1C;/* left: 26%; */width: 40px;height: 4px;/* bottom: 0px; *//* top: 0; */left:0;right:0;bottom:0;margin: auto;position: absolute;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;border-radius: 5px;}

.maincat-new .help-list .dd{border-top: 1px solid #f5f5f5;margin-bottom: 0px;border-radius: 0;box-shadow: none;border-left: 0;padding: 20px 20px 20px;}
.maincat-new .help-list .dd .img{margin-right:20px;border-radius: 8px;overflow: hidden;}
.maincat-new .help-list .dd:hover{background: #f9fafb;transform: translateY(0px);}
.maincat-new .help-list .dd .title-date .date{margin-bottom: 5px;}
.maincat-new .help-list .dd .title-date{width: 715px;margin-top: 0;}
.maincat-new .help-list .dd .title-date p.ab{width: 665px;}
.maincat-new .help-list .dd .title-date p.ac{height:25px;font-size: 13px;padding-top: 3px;width: 715px;}
.maincat-new .help-list .dd .title-date p.key{font-size: 12px;height: 25px;line-height: 25px;}
/**/
.wz-new{}
.wz-tag{height: 40px;line-height: 40px;margin-top: 8px;border-top: 1px solid #eaeeef;border-bottom: 1px solid #eaeeef;font-size: 14px;font-weight: 400;overflow: hidden;margin-bottom: 10px;}
.wz-tag>li{flex: 1;position: relative;text-align: center;color: #141414;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: pointer;float:left;width: 33.33%;}
.wz-tag>li.on,.wz-tag>li:hover{color: #D80A1C;font-weight: bold;}
.wz-tag>li:before{content: "";display: block;position: absolute;left: 0;top: 11px;width: 1px;height: 18px;background: #eaeeef;}
.wz-tag>li:first-child:before{display: none}
/**/
.user-card-wrapper{float:right;width: 285px;background-color: #fff;border-radius: 10px;-webkit-box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);-moz-box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);}
.user-card-wrapper .info-wrapper{height: 268px;box-sizing: border-box;padding: 20px 20px 15px;}
.user-card-wrapper .info-wrapper .user-info{height: 54px;cursor: pointer;padding: 0;border-radius: 0;background: none;}
.user-card-wrapper .info-wrapper .user-info .avatar{display: inline-block;width: 52px;height: 52px;border: 2px solid #fff;box-shadow: 0 0 0 2px rgba(107,77,16,.04);border-radius: 26px;box-sizing: border-box;vertical-align: top;background-position: 50%;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.user-card-wrapper .info-wrapper .user-info .right-wrapper{display: inline-block; vertical-align: top; padding-left: 10px; margin-top: 0;}
.user-card-wrapper .info-wrapper .user-info .right-wrapper .username{display: inline-block; max-width: 148px; padding-right: 20px; line-height: 25px; word-break: keep-all; box-sizing: border-box; font-size: 16px; font-weight: 600; color: #222; background-repeat: no-repeat; background-position: 100% 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.user-card-wrapper .info-wrapper .user-info .right-wrapper .user-tip{line-height: 16px; font-size: 12px; color: #999;}
.user-card-wrapper .info-wrapper .user-info .right-wrapper .user-tip a{color: #999;}
.user-card-wrapper .info-wrapper .user-info .right-wrapper .user-tip a:hover{color: #D80A1C;}
.user-card-wrapper .info-wrapper .vip-info .vip-slogan{position: relative; height: 14px; line-height: 14px; margin-top: 14px; font-size: 13px; color: #999; text-align: center;}
.user-card-wrapper .info-wrapper .vip-info .vip-slogan .slogan-line{position: absolute; top: 10px; height: 1px; width: 100%; background: linear-gradient(90deg,#fff,#c8c8c8,#fff);}
.user-card-wrapper .info-wrapper .vip-info .vip-slogan .slogan-text{position: relative; display: inline-block; padding: 4px 8px; text-align: center; background-color: #fff;}
.user-card-wrapper .info-wrapper .vip-info .vip-rights{margin: 11px -9px 0;}
.user-card-wrapper .info-wrapper .vip-info .vip-rights>div{display: inline-block;box-sizing: border-box;height: 30px;line-height: 30px;padding-left: 27px;margin: 0 9px;font-size: 13px;color: #222;background-repeat: no-repeat;background-position: 0 50%;width: 98px;}
.user-card-wrapper .info-wrapper .vip-info .btn-vip{width: 220px;height: 40px;margin: 17px auto 0;color: #fff;text-align: center;cursor: pointer;border-radius: 20px;line-height: 40px;font-size: 16px;transition-duration: .25s;transition-property: background-color;background: #cc0000;background: linear-gradient(135deg, #cc0000 0%, rgba(255,108,85,1) 100%);transition: all .3s;}
.user-card-wrapper .info-wrapper .vip-info .btn-vip a{color:#ffffff;display:inline-block}
.user-card-wrapper .info-wrapper .vip-info .btn-vip:hover{box-shadow: 0 12px 24px 0 rgb(152 152 152 / 20%);margin-top: 16px;}
.user-card-wrapper .info-wrapper .vip-info .tip-text{height: 16px; line-height: 16px; margin-top: 12px; font-size: 13px; color: #999; letter-spacing: 0; text-align: center;}
.user-card-wrapper .info-wrapper .vip-info .tip-text .notice{display: inline-block; vertical-align: top;}
.user-card-wrapper .info-wrapper .vip-info .tip-text .icon-speaker{display: inline-block;box-sizing: border-box;width: 16px;height: 16px;background-image: url(images/ico-tongzhi.png);background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.user-card-wrapper .info-wrapper .vip-info .tip-text a{color: #999;}
.user-card-wrapper .info-wrapper .vip-info .tip-text a:hover{color: #D80A1C;}
.user-card-wrapper .tools-wrapper{position: relative;height: 176px;padding: 8px 0;margin: 0 7px;box-sizing: border-box;border-top: 1px solid #eee;overflow: hidden;}
.user-card-wrapper .tools-wrapper .tool-list{position: relative;transition-duration: .25s;transition-property: margin-left;height: 160px;overflow: hidden;border-radius: 10px;}
.user-card-wrapper .tools-wrapper .tool-list li img{display: inline-block; width: 270px; height: 160px; border-radius: 4px; transition-duration: .25s; transition-property: opacity;}

.widget-hangye {background-image: -webkit-linear-gradient(top, #FFF2EF 0%, #FFFFFF 30%);background-image: linear-gradient(180deg, #FFF2EF 0%, #FFFFFF 30%)}
.widget-hangye-2{background-image: -webkit-linear-gradient(top, #FFF2EF 0%, #FFFFFF 30%); background-image: linear-gradient(180deg, #FFF2EF 0%, #FFFFFF 30%); position: relative}
.widget-hangye-2::before{content: '';display: block;width: 100px;height: 80px;background-image: -webkit-linear-gradient(45deg, rgba(253,246,244,0) 13%, #FFE6E1 98%);background-image: linear-gradient(45deg, rgba(253,246,244,0) 13%, #FFE6E1 98%);position: absolute;left: 0;top: 0;border-radius: 0 0 100% 0;}

/*tool*/
textarea {vertical-align: top;outline: none;resize: vertical;}
.title-to{width:100%;border:0;padding:4px 0;overflow: hidden;height: 78px;margin: 20px 0;margin-top: 5px;}
.title-to .zuozhe{color:#AAA}
.title-to span{float:right;margin-top:-40px}
.title-to a{color:#390;padding:4px}
.title-to .jieshao{border-bottom:1px dashed #E2E2E2;clear:both;margin:12px 0;padding-bottom:10px}
.title-to .xiazai{}
.title-to .icon img{width:72px;height:72px;float:left;margin-right:15px;border-radius: 5px;}
.content-a{width: 990px;line-height:26px;font-size:14px;float:left;border-left:5px solid #F0F0F0;margin-bottom:45px;padding:10px 15px 0 33px;overflow:hidden;}
.content-a img{margin:0 0 12px;max-width:99%;height:auto}
.content-b{width:844px;line-height:30px;font-size:14px;float:left;margin-bottom:30px;padding:10px 0;overflow:hidden}
.toolcode{margin:0 8px 26px}
.tooltext{padding:4px;margin:10px 0;font-size:18px;width:720px;height: 40px;line-height: 40px;color:#333;border: 1px solid #c6cede !important;}
.toolarea{padding: 10px;margin:8px 0;width: 920px;height: 350px;display:block;line-height: 21px;border: 1px solid #c6cede !important;border-radius: 4px;}

.toolcode .phpcode_h{margin-top:15px;color:#CC0000}

.toolcode h2,.content-1200 h2{font-size:18px;font-weight:600;margin:30px 0 10px 0;font:22px "Microsoft YaHei";padding-left:12px;line-height:34px;position:relative;font-weight:bold}
.toolcode h3,.content-1200 h3,.phpcode_h{font-size:14px;font-weight: normal;height: 26px;line-height: 26px;color: #888888;}
.toolcode h2:before,.content-1200 h2:before{position:absolute;width: 6px;height: 18px;background:#CC0000;content:"";left: 0;border-radius: 6px;top:7px}


.tool-btn{}
.tool-btn .option{float:left;}
.option{width: 110px;height: 35px;border: 1px solid #cccccc;position: relative;margin-right:15px;border-radius: 3px;}
.option select{border: none;outline: none;width: 100%;height: 33px;line-height: 33px;appearance: none;-webkit-appearance: none;-moz-appearance: none;padding-left: 10px;}
.option:after{content: "";width: 14px;height: 8px;background: url(images/icon_i.png) no-repeat center;position: absolute;right: 5px;top: 41%;pointer-events: none;}
/**/
.btn-z{line-height: 35px;height:35px;display:inline-block}
.bt-blue{font-size:14px;border:none;line-height: 35px;background:#4899E0;/* font-weight:bold; */color:#FFF;cursor:pointer;padding: 0 14px;border-radius: 3px;}
.bt-blue:hover{background:#368DD9;text-decoration:none}
.bt-green {font-size:14px;border:none;line-height: 35px;background:#6FB934;/* font-weight:bold; */color:#FFF;cursor:pointer;padding: 0 14px;border-radius: 3px;}
.bt-green:hover{background:#5FA924;text-decoration:none}
.bt-danger{font-size:14px;border:none;line-height: 35px;background:#FF5722;/* font-weight:bold; */color:#FFF;cursor:pointer;padding: 0 14px;border-radius: 3px;}
.bt-danger:hover{background:#e64e1e;text-decoration:none}
.bt-warning{font-size:14px;border:none;line-height: 35px;background:#607D8B;/* font-weight:bold; */color:#FFF;cursor:pointer;padding: 0 14px;border-radius: 3px;}
.bt-warning:hover{background:#3e5b69;text-decoration:none}
.bt-grey {font-size:14px;border:none;line-height:35px;background:#DDD;/* font-weight:bold; */color:#666;cursor:pointer;padding:0 14px;border-radius: 3px;}
.bt-grey:hover{background:#CCC;text-decoration:none}

.btn-z-a{}
.btn-z-a a{display:inline-block;color: #FFF;}
.btn-z-a a.bt-grey{color:#666;}

/**/
.seo-title-xh{text-align:center;height: 80px;line-height: 80px;font-weight:bold;}
.tool-left{}
.tool-left h1{font-weight:bold;font-size:26px}
.part {	background:#fff;margin-bottom:24px;	border-radius:10px;}
.part h2 {font-size: 20px;font-weight: bold;position:relative;padding: 10px 0px 16px 12px;border-bottom:1px solid #f1f4f9;line-height:16px;margin-bottom:16px;margin: 50px 0 10px 0;}
.part h2:before{position:absolute;width: 6px;height: 19px;background:#CC0000;content:"";left: 0;border-radius: 6px;}

.toollist{width: 100%;clear:both;display:inline-table;}
.toollist dt{font:26px "Microsoft Yahei";height:30px;margin:20px 0 10px 0}
.toollist dd{font:18px "Microsoft Yahei";width: 311px;height: 90px;float:left;border: 1px solid #EEEEEE;/* background: #F4F5F9; */margin:8px;position: relative;border-radius: 3px;transition: all .3s;-webkit-box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);-moz-box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);box-shadow: 0 2px 5px 0 rgba(146,146,146,.1);}
.toollist dd:hover{border: 1px solid #DDDDDD;}
.toollist dd i{position:absolute;background:#CC0000;color:#ffffff;font-size: 11px;padding:2px 5px;border-radius:0 3px 0 0;top:0px;right:0;}
.toollist dd i.hot{}
.toollist dd i.new{background:#4CAF50}
.toollist dd img{width: 60px;height: 60px;float:left;margin-right:10px;margin-top: -5px;border-radius: 5px;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}
.toollist dd a{display:block;padding: 18px 15px;}
.toollist dd a:hover{color: #CC0000;text-decoration:none;}
.toollist dd span{display:block;font-size:12px;color:#999;margin-top: 5px;}
.toollist dd:hover{box-shadow: 0 12px 24px 0 rgba(7,17,27,.2);transform: translate3d(0,-2px,0);}
.toollist dd:nth-child(3n){margin-right:0}

/**/
.tool-left {position: fixed;top: 0px;left: 0;background: #171717;z-index: 1;}
.tool-left .sidebar{width: 101px;height: 100%;padding: 120px 0px 500px 2px;position: fixed;background: #171717;}
.tool-left .sidebar.fixed {position:fixed;top: 0;left: 0;bottom:0}
.tool-left .sidebar.fixed dl {margin:0;}
.tool-left .sidebar.absolute {position:absolute;bottom:0;}
.tool-left .sidebar dl {position:relative;	;padding-bottom:20px;font-size: 14px;}
.tool-left .sidebar dl dt {position:absolute;top:12px;left:-20px;}
.tool-left .sidebar dl .show-list {display:block;width:16px;height:16px;cursor:pointer;}
.tool-left .sidebar dl .show-list::before {content:'';display:block;width: 10px;height:3px;background:#FFC107;border-radius:1px;position:absolute;top:35%;margin-top:-1px;margin-left: 20px;}
.tool-left .sidebar dl .show-list.add::after {content:'';	display:block;	width:2px;	height:12px;background:#000000;border-radius:1px;	position:absolute;	left:5px;top:20%;margin-top:-1px;margin-left: 20px}
.tool-left .sidebar dd {margin:0;padding:6px 0;letter-spacing:0.5px;}
.tool-left .sidebar dd a {color:#adaaaa;display:inline-block;padding: 10px 4px;transition:0.1s;margin-left: 12px;text-decoration:none;}
.tool-left .sidebar dd a:hover {color:#fff;background:#FFC107;	border-radius:3px;}
.tool-left .sidebar dd.current a {color:#FFC107;background:transparent;}

/* 横线表格 */
.table-line{margin-bottom:18px;font-size:12px;max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0}
.table-line td{padding:10px;line-height:18px;text-align:left;vertical-align:top;border-top:1px solid #ddd}
.table-line th{padding:8px;line-height:18px;text-align:left;vertical-align:top;font-weight:700}
.table-line thead th{vertical-align:bottom}
.table-line caption+thead tr:first-child td,.table caption+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table thead:first-child tr:first-child td,.table thead:first-child tr:first-child th{border-top:0}
.table-line tbody+tbody{border-top:2px solid #ddd}
.table-line tbody tr:hover td{background-color:#f2f2f2}
.table-line thead th{background-color:#f0f0f0;font-weight:400}
.table-line tfoot td{color:#777;text-align:right;font-size:12px}

/*橙色表格*/
.table-orange{border:#ccc solid 1px;border-right: 0;border-bottom:none;color:#333;font-family:Verdana;}
.table-orange th{height:36px;border-bottom:#ccc solid 1px;background:#ddd;overflow-y:hidden;padding:0px 10px;text-align:left;font-size:14px;}
.table-orange td{line-height:36px;border-bottom:#ccc solid 1px;background:#FFF;padding:0px 10px;}
.table-orange tr:nth-of-type(even) td{background:#f4f4f4}/*偶数行*/
.table-orange .tdr{ color:#666; text-align:right;}
.table-orange .tdl{ color:#f30; text-align:left;border-right:#ccc solid 1px;}

/*灰色表格*/
.table-grey{margin:30px 0 0 0}
.table-grey table{width:100%;border:1px solid #ccc;margin-bottom:10px;border-collapse:collapse}
.table-grey table td{padding:5px 0;border-right:1px solid #ccc;border-bottom:1px solid #ccc}
.table-grey table .tit td{font-size:16px;background:#f5f5f5}
.table-grey tr,.table-grey td{border:1px #dfdfdf solid;padding:10px 25px;text-align:center}
.table-grey td span{float:left;padding:8px!important}
.table-grey th{border:1px #dfdfdf solid;background-color:#f2f2f2;color:#000;font-size:15px;font-weight:800;padding:15px 0}
.table-grey td{background-color:#FFF;font-size:13px}
.table-grey td.tad_fir{text-align:left;background-color:#f9f9f9;width:200px;padding:10px 0}
.table-grey td.tad_fir img{float:left;margin:0 0 0 18px}
.table-grey td.tad_fir p{float:left;margin:10px 0 0 10px;font-size:14px;width:140px}
.table-grey td.tad_fir p.tad_td{margin:5px 0 0 10px;font-size:12px}
.table-grey td.tad_fir2{text-align:left;background-color:#f9f9f9;width:260px;padding:10px 0}
.table-grey td.tad_fir2 img{float:left;margin:0 0 0 18px}
.table-grey td.tad_fir2 p{float:left;margin:10px 0 0 10px;font-size:14px;width:180px}
.table-grey td.tad_fir2 p em{color:#999;font-size:12px;font-style:normal;font-family:Verdana,Geneva,sans-serif}
.table-grey td.tad_fir2 p.tad_td{margin:5px 0 0 10px;font-size:12px}
.table-grey td.tad_fir_1{background-color:#f9f9f9;width:210px;padding:10px 0}
.table-grey td.tad_fir_1 p{font-size:16px}
/**/
#contain{}
#contain .row{width:100%;margin-top:20px;overflow: hidden;}
#contain .input-group{position:relative;display:table;border-collapse:separate;}
#contain .input-group-addon{padding:13px 18px;font-size:15px;font-weight:normal;line-height:1;color:#333333;text-align:center;background-color:#e6e6e6;border:1px solid #cccccc;border-radius:0;float:left;border-right:0;}
#contain .form-control{display:block;width:120px;height:43px;padding:10px 18px;font-size:15px;line-height:1.42857143;color:#333333;background-color:#ffffff;background-image:none;border:1px solid #cccccc;border-radius:0;}
#contain .btn-primary{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:10px 18px;font-size:15px;line-height:1.42857143;border-radius:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#ffffff;background-color:#2780e3;border-color:#2780e3;}

/**/
.m1r.side em{font-size: 12px; font-style: normal; color: #999999;}
.m1r.side a{width: 100%;display: block;font-size: 14px;}
.m1r.side .side_li{line-height: 35px;height: 35px;padding-left: 10px;overflow: hidden;}
.m1r.side .side_li:hover{background: #F3F3F3;}
.m1r.side .side_on{line-height: 35px;height: 35px;background: #D80A1C;padding-left: 10px;overflow: hidden;}
.m1r.side .side_on a{}
/**/
.tooltip{position: absolute;z-index: 1070;display: block;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 12px;font-style: normal;font-weight: 400;line-height: 1.42857143;text-align: left;text-align: start;text-decoration: none;text-shadow: none;text-transform: none;letter-spacing: normal;word-break: normal;word-spacing: normal;word-wrap: normal;white-space: normal;filter: alpha(opacity=0);opacity: 0;line-break: auto}
.tooltip.in{filter: alpha(opacity=90);opacity: .9}
.tooltip.top{padding: 5px 0;margin-top: -3px}
.tooltip.right{padding: 0 5px;margin-left: 3px}
.tooltip.bottom{padding: 5px 0;margin-top: 3px}
.tooltip.left{padding: 0 5px;margin-left: -3px}
.tooltip-inner{max-width: 200px;padding: 3px 8px;color: #fff;text-align: center;background-color: #000;border-radius: 4px}
.tooltip-arrow{position: absolute;width: 0;height: 0;border-color: transparent;border-style: solid}
.tooltip.top .tooltip-arrow{bottom: 0;left: 50%;margin-left: -5px;border-width: 5px 5px 0;border-top-color: #000}
.tooltip.top-left .tooltip-arrow{right: 5px;bottom: 0;margin-bottom: -5px;border-width: 5px 5px 0;border-top-color: #000}
.tooltip.top-right .tooltip-arrow{bottom: 0;left: 5px;margin-bottom: -5px;border-width: 5px 5px 0;border-top-color: #000}
.tooltip.right .tooltip-arrow{top: 50%;left: 0;margin-top: -5px;border-width: 5px 5px 5px 0;border-right-color: #000}
.tooltip.left .tooltip-arrow{top: 50%;right: 0;margin-top: -5px;border-width: 5px 0 5px 5px;border-left-color: #000}
.tooltip.bottom .tooltip-arrow{top: 0;left: 50%;margin-left: -5px;border-width: 0 5px 5px;border-bottom-color: #000}
.tooltip.bottom-left .tooltip-arrow{top: 0;right: 5px;margin-top: -5px;border-width: 0 5px 5px;border-bottom-color: #000}
.tooltip.bottom-right .tooltip-arrow{top: 0;left: 5px;margin-top: -5px;border-width: 0 5px 5px;border-bottom-color: #000}

/**/
.toolcode label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700;}
.toolcode .form-horizontal .checkbox-inline{position:relative;display:inline-block;padding-left: 20px;font-weight: bold;vertical-align:middle;cursor:pointer;}
.toolcode .form-horizontal .checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px;}
.toolcode .form-horizontal .checkbox-inline input[type=checkbox]{margin: 6px 0 0;position: absolute;margin-top: 4px\9;margin-left: -18px;}
.toolcode .form-horizontal .checkbox-inline{padding-top: 0px;margin-top:0;margin-bottom:0;}
.toolcode .form-horizontal .form-control-b{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

.phpcode_h{display:block;}
.phpcode{}
.phpcode pre{display:block;padding:9.5px;margin: 5px 0 10px;font-size: 15px;line-height: 1.9;white-space: pre-wrap;word-break: break-all;word-wrap: break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;}
.phpcode pre code{max-height:2000px;overflow-y:auto;}
/**/
.form-group {margin-bottom: 18px;width: 100%;display: inline-block;}
.form-horizontal .control-label {padding-top: 7px;margin-bottom: 0;text-align: right;width:25%;float:left}
.form-horizontal .col-sm-6 {width: 50%;float:left;padding-right: 10px;padding-left: 10px;}
.form-horizontal .col-sm-6:first-child{padding-left:0}
.form-horizontal .col-sm-6:nth-child(2n){padding-right:0}
.form-group .toolarea{width:100%}
/**/
.col-sm-12 {width: 100%;}
.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;}
.label-default {background-color: #777;}
/**/
.alert-info {border: 1px solid transparent;border-radius: 4px;color: #31708f;background-color: #d9edf7;border-color: #bce8f1;padding:15px;}
/**/
.archive-box{overflow:hidden;overflow-y:auto;margin-right: -7px;margin-left: -4px;scrollbar-width:thin;/* max-height:248px; */margin-top:8px;}
.archive-box .archive-box::-webkit-scrollbar{width:3px}
.archive-box .archive-box::-webkit-scrollbar-thumb{width:3px;height:60px;background-color:rgba(153,154,170,0.3);border-radius:2px}
.archive-box .archive-title{font-size:14px;line-height:22px;color:#4a4d52;margin-bottom:8px;padding:0 6px}
.archive-box .archive-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.archive-box .archive-item{width: 60px;margin-right: 6px;margin-left: 1px;margin-bottom: 6px;font-size: 12px;}
.archive-box .archive-item a:hover .count{color:#fc5531}
.archive-box .archive-item span{display:block}
.archive-box .archive-item span.time{height: 24px;background-color:#edf0f3;border-radius: 7px 7px 0 0;opacity:.8;color:#999aaa;line-height: 24px;margin-bottom:1px;text-align:center;font-size: 12px;}
.archive-box .archive-item span.count{height: 24px;background-color:#f6f8fa;border-radius: 0 0 5px 5px;color:#555666;line-height: 22px;font-weight:500;text-align:center;}

.archive-box .archive-bar{background:#f0f0f0;height:1px;margin:12px 0}
.archive-box .archive-list-item{padding:4px 0 4px 6px;width:50%;float:left}
.archive-box .archive-list-item:hover .year,.archive-box .archive-list-item:hover .num{color:#fc5531}
.archive-box .archive-list-item .year {margin-right: 8px;}
.archive-box .archive-list-item .year,.archive-box .archive-list-item .num{color:#4a4d52;line-height:22px}

.btn-tab-cat{margin:auto;text-align:center;padding: 60px 0 100px;display: block;}
.btn-tab-cat a{color: #FFF;background: #1B1C21;border-color: #1B1C21;display:inline-block;padding: 2px 30px;border-radius:50px;}

.xiaohei_fixed{/* width:300px */}

/**/
.isopen3{background-color: #e2f0ff;border: 1px solid #e6e6e6;box-shadow: 0px 5px 10px 0px rgba(135, 135, 135, 0.1);width:450px;margin:auto;padding:30px;border-radius:8px;}
.isopen3 h2{font-weight:bold;height:30px;line-height:30px;margin-bottom:20px}
.isopen3-1{/* height:35px; */line-height:35px;margin-bottom: 30px;font-size:16px;text-align: left;}
.isopen3-3{height:35px;line-height:35px;margin-top:20px}
.isopen3-3 a{color:#fc5531}
.isopen3 .opt-letter-watch-box .personal-watch{background:#ffffff;border-radius: 20px;}
.isopen3 .opt-letter-watch-box .personal-watch.ok{
    background: #F44336;
}