@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, tt, var, b, u, i, center, dl, textarea, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, button, select, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video, input {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;-webkit-text-size-adjust: none;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none}
sub {vertical-align: sub;font-size: smaller}
sup {vertical-align: super;font-size: smaller}
html {height: 100%; width: 100%;}
body {background: #f5f5f5;color: #000;font: 14px Arial, "microsoft yahei", PingFang SC, Helvetica, simsun;height: 100%}
a {text-decoration: none}
a:hover, a:active {outline: 0}
.clearfix:before, .clearfix:after {content: "";display: table}
.clearfix:after {
    clear: both
}
.clearfix { *zoom: 1}
.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.un {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}
.toa{width:1220px;height:82px;margin:0 auto}.toa a{float:left;height:82px}.toa1{width:406px}.toa2{width:406px}.toa3{width:406px}


.iconfont {
    font-family: "iconfont" !important;
    font-size: 14px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

/*@font-face {*/
/*    font-family: 'iconfont';  !* Project id 1309781 *!*/
/*    src: url('//at.alicdn.com/t/c/font_1309781_eblmtm30wt9.woff2?t=1700291400046') format('woff2'),*/
/*    url('//at.alicdn.com/t/c/font_1309781_eblmtm30wt9.woff?t=1700291400046') format('woff'),*/
/*    url('//at.alicdn.com/t/c/font_1309781_eblmtm30wt9.ttf?t=1700291400046') format('truetype');*/
/*}*/
/*@font-face {*/
/*    font-family: 'iconfont';  !* Project id 1309781 *!*/
/*    src: url('//at.alicdn.com/t/c/font_1309781_rscdf367xmd.woff2?t=1704505688956') format('woff2'),*/
/*    url('//at.alicdn.com/t/c/font_1309781_rscdf367xmd.woff?t=1704505688956') format('woff'),*/
/*    url('//at.alicdn.com/t/c/font_1309781_rscdf367xmd.ttf?t=1704505688956') format('truetype');*/
/*}*/

/*@font-face {*/
/*    font-family: 'iconfont';  !* Project id 1309781 *!*/
/*    src: url('//at.alicdn.com/t/c/font_1309781_c27kpxwybhl.woff2?t=1724145831258') format('woff2'),*/
/*    url('//at.alicdn.com/t/c/font_1309781_c27kpxwybhl.woff?t=1724145831258') format('woff'),*/
/*    url('//at.alicdn.com/t/c/font_1309781_c27kpxwybhl.ttf?t=1724145831258') format('truetype');*/
/*}*/

/*@font-face {*/
/*    font-family: 'iconfont';  !* Project id 1309781 *!*/
/*    src: url('//at.alicdn.com/t/c/font_1309781_cndjkd43ko.woff2?t=1753950666985') format('woff2'),*/
/*    url('//at.alicdn.com/t/c/font_1309781_cndjkd43ko.woff?t=1753950666985') format('woff'),*/
/*    url('//at.alicdn.com/t/c/font_1309781_cndjkd43ko.ttf?t=1753950666985') format('truetype');*/
/*}*/

@font-face {
    font-family: 'iconfont';  /* Project id 1309781 */
    src: url('//at.alicdn.com/t/c/font_1309781_zzx620ltf3a.woff2?t=1774488244117') format('woff2'),
    url('//at.alicdn.com/t/c/font_1309781_zzx620ltf3a.woff?t=1774488244117') format('woff'),
    url('//at.alicdn.com/t/c/font_1309781_zzx620ltf3a.ttf?t=1774488244117') format('truetype');
}
@media screen and (max-width: 1400px) {

    .toolbar-box .tooltab {
        top: 24% !important;
    }
    #slidetool{
        bottom: 4% !important;
    }
}

/*icon*/
.icon-home:before {content: '\e759'}
.icon-search:before {content: '\e6cf'}
.icon-btndown:before {content: '\eab1'}
.icon-right:before {content: '\e6ba'}
.icon-head:before {content: '\e63f'}
.icon-site:before {content: '\e650'}
.icon-email:before {content: '\e64d'}
.icon-fax:before {content: '\e64c'}
.icon-headset:before {content: '\e64b'}
.icon-phone:before {content: '\e64a'}
.icon-video:before {content: '\e669'}
.icon-ind:before {content: '\e643'}
.icon-help:before {content: '\e644'}
.icon-student:before {content: '\e654'}
.icon-teacher:before {content: '\e651'}
.icon-plus:before {content: '\e649'}
.icon-book:before {content: '\e648'}
.icon-point:before {content: '\e652'}
.icon-mark:before {content: '\e61c'}
.icon-collect:before {content: '\e618'}
.icon-edit:before {content: '\e642'}
.icon-up:before {content: '\e641'}
.icon-location:before {content: '\e6ce'}
.icon-hot:before {content: '\e61a'}
.icon-wb:before {content: '\e61b'}
.icon-wx:before {content: '\e681'}
.icon-qq:before {content: '\e617'}
.icon-good:before {content: '\e604'}
.icon-my:before {content: '\e618'}
.icon-myeye:before {content: '\e60a'}
.icon-testBoxEmpty:before {content: '\e622'}
.icon-category:before {content: '\e66a'}
.icon-upto:before {content: '\e628'}
.icon-star:before {content: '\e618'}
.icon-time:before {content: '\e6e8'}
.icon-eye:before {content: '\e6e4'}
.icon-num:before {content: '\e6ee'}
.icon-shipin:before {content: '\e71e'}
.icon-yijian:before {content: '\e71d'}
.icon-apply:before {content: '\e71c'}
.icon-shoucang:before {content: '\e720'}
.icon-gotop:before {content: '\e721'}

.wraper {width: 100%;margin: 0 auto;min-width: 1400px}
.top_wrap {width: 1400px;margin: 0 auto}
.wrap {width: 1200px;margin: 0 auto;}
.fl {float: left}
.fr {float: right}
.but_orange {background: #f98437 !important;}
.but_green {background: #27ae61;}
.color_f {color: #fff}
.color_6 {color: #666}
.color_9 {color: #999}
.color_8 {color: #888}
.color_a {color: #aaa}
.color_c {color: #ccc}
.color_4 {color: #404040}
.color_5 {color: #555}
.color_08 {color: #089e67}
.color_d4 {color: #d4d4d4}
.color_gr {color: #5da97e}
.color_or {color: #dc6a35}
.red {color: #ff4402}
.font-b {font-weight: bold}
.font-weight-normal{font-weight: normal}
.font_12 {font-size: 12px}
.table_bg {background-color: #f7f8fc}
i {margin-right: 4px;vertical-align: -1px}
.mar {margin-top: 10px}
.mar20 {margin-top: 20px}
.quit {display: none;}
.preview_cont .div, .text_table, .text_table td, .answer p, .answer div, .ytest p, .ytest div {max-height: 999999px}
.ytest .content input, .content input {border-bottom: 1px solid #757575;height: 20px;vertical-align: middle;background-color: transparent;border-right: none;border-left: none;border-top: none;max-width: 140px;}
.testContent img, .question .content img, #tijianTest img, .content img {max-width: 900px;height: auto;vertical-align: middle}
.answer img {display: inline-block;}
.grey, .grey .info {color: #999 !important;background-color: #f8f8f8 !important}
.grey .info {border-bottom: 1px solid #e9e9e9 !important}
.top_box i.home {margin-left: 12px}
.update span {color: #dc6a35}
.top_nav {height: 80px;line-height: 80px;position: relative;background-color: #fff;box-shadow: 2px 1px 7px #ddd;}
.brand{cursor: pointer;position: relative;z-index: 1;box-sizing: content-box;}
.brand .font-dropdown{position: absolute;top: 0;right: 3px;}
.brand:hover .font-dropdown{transform: rotate(-180deg);}
.brand:hover .brandbox{display: block}
.brandbox{position: absolute; width: 120px; background: #fff;right: -2px; left: -10px;}
.help .brandbox{width: 100px;}
.brandbox a{width: 100%;height: 36px;line-height: 36px;display: block;font-size: 12px;box-sizing: border-box;}
.brandbox a:hover{background: #f3f6f9}


.period p.period_tit {color: #333;font-size: 14px;margin: 0 12px;height: 42px;line-height: 42px;display: inline-block;cursor: pointer}
.top-slide {content: "";position: absolute;left: 50%;right: 50%;bottom: 0;background: #27ae61;background: -moz-linear-gradient(left top, #23c98c, #1cb17a); /*Mozilla*/background: -webkit-linear-gradient(left top, #23c98c, #1cb17a); /*new gradient for Webkit*/
    background: -o-linear-gradient(left top, #23c98c, #1cb17a);
    height: 3px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
    display: block;
}

.nav a:hover .top-slide, .nav a.active .top-slide {
    left: 0;
    right: 0;
    border-radius: 10px;
}

.nav a {
    position: relative;
}

.period p.period_tit {
    padding: 4px 2px 18px 16px;
    margin: 0
}

.period p.period_tit:hover, .period p.period_tit:hover i {
    color: #089e67
}

.period p.period_tit.color_hover, .period p.period_tit.color_hover i {
    color: #089e67
}

.period p.period_tit span {
    max-width: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.period p i {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px;
    border-radius: 2px;
    border-color: transparent #ccc #ccc transparent;
    position: absolute;
    top: 26px;
    right: -10px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.period p:hover i{transform:rotate(-90deg) !important; border-color: transparent #089e67 #089e67 transparent;}

.period_list {
    box-sizing: border-box;
    width: 520px;
    height: 255px;
    background-color: #fff;
    box-shadow: 1px 4px 17px #ececec;
    position: absolute;
    left: -55px;
    top: 50px;
    -webkit-box-shadow: 1px 4px 17px #ececec;
    -moz-box-shadow: 1px 4px 17px #ececec;
    padding: 30px 10px 0 40px;
    border-top: 1px solid #eee;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#ececec', Direction=180, Strength=8);
    display: none;
    z-index: 99;
    border: 1px solid #1aad77;
    border-radius: 10px;
}
.period_list .sanjiao{position: absolute; top: -9px;left: 86px;}
.line_primary{width: 1px;height: 14px;background-color: #1aad77;position: relative;top: 2px;display: inline-block;margin-left: 10px;}
.period_list dl{margin-bottom: 24px;}

.period_list a{color: #777;padding: 3px 10px;margin:0 5px 10px 5px !important;}
.period_list dl dt{width: 70px; height: 60px; color: #1aad77; font-size: 16px; }
.period_list dl dd{height: 22px; line-height: 22px; margin-bottom: 6px;}
.period_list dl dd a{border-radius: 10px;}
.period_list dl dd a:hover{background: -webkit-linear-gradient(left top,#23c98c,#1cb17a); color: #fff;}
.period_list dl dd a.active{background: -webkit-linear-gradient(left top,#23c98c,#1cb17a); color: #fff;}
.subset p {height: 45px;line-height: 45px}
.subset p.active, .subset p.active i {color: #089e67}
.subset p i {margin-left: 2px}

.subset ul li a {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #666;
    display: block;
    margin: 0px 31px 0 0;
    text-align: left;
    font-family: "microsoft yahei";
}

.subset ul li a:hover, .subset ul li a.active {
    color: #089e67;
    border: 0;
    text-decoration: underline
}

.period_list li.subset.last {
    border: 0
}


.username a {
    cursor: pointer;
    max-height: 290px;
    overflow: hidden;
    height: 35px;
    float: left
}

.top_menu li.username i.tx {
    border: 0;
    font-size: 16px;
    color: #ccc
}

.location {
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    font-size: 12px
}

.location.bor_none {
    border-bottom: none
}

/*分页*/
.pager {border-radius: 10px;background-color: #fff;margin: 30px 0;height: 50px;line-height: 41px;padding: 8px 30px 0;box-sizing: border-box;box-shadow: 0px 5px 17px 0 rgb(0 0 0 / 6%);}
.pager a{color: #333;font-size: 16px;border-radius: 10px;height: 36px;display: inline-block;line-height: 36px;font-family: microsoft yahei;}
.pager .number a{width: 38px; text-align: center; margin: 0 3px;}
.pager .number a:hover,.pager .number a.am-active,.pager .first:hover,.pager .last:hover{background-image: linear-gradient(to right bottom,#34d097,#26bb85); box-shadow: 0 3px 3px 2px #f1fbf7; color: #fff;}
.pager i{color: #999;}
.pager input{outline: 0; border: 0; width: 45px; padding-left: 5px; border: 1px solid #eee; border-radius: 6px; height: 30px; margin: 0 10px;}
.pager div.relative{top: -3px;}
.pager div.relative a{background-image: linear-gradient(to right,#36d299,#25b983); color: #fff;}
.pager div.relative a:hover{box-shadow: 0 3px 3px 2px #f1fbf7;}
.footer {
    background-color: #eee; /*margin-top: 20px*/
}

.part-left {
    width: 550px;
    padding-top: 55px;
    position: relative;
}

.part-left dl {
    padding-bottom: 30px;
}

.part-left dt {
    text-align: center;
    width: 80px;
    height: 90px;
    margin-right: 20px
}

.part-left dt i {
    font-size: 40px;
    color: #d1d1d1
}

.part-left dt h4 {
    font-size: 18px;
    color: #666666;
    font-weight: 700
}

.part-left dd {
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: relative;
    top: 15px;
}

.part-left dd a {
    color: #666
}

.part-left dd a:hover {
    color: #27ae61;
    text-decoration: underline;
}

.part-middle {
    width: 460px;
    padding-top: 90px;
    margin-left: 30px;
}

.part-middle p {
    font-size: 18px;
    color: #666666;
    font-weight: 700
}

.part-middle ul {
    padding-top: 20px
}

.part-middle li {
    width: 194px;
    line-height: 38px;
    color: #666666
}

.part-middle li:last-child {
    width: 100%;
}

.part-middle li i {
    color: #c5c5c5;
}

.part-right {
    text-align: center;
    width: 160px;
    padding-top: 72px
}

.part-right p {
    margin-top: 20px;
    font-size: 14px;
    color: #666666
}

.law {
    text-align: center;
    position: relative;
    top: -10px
}

/*.law img{width:110px;}*/
/*.law-txt{padding-top:10px;}*/
.law-txt, .no-hand {
    text-align: center;
    font-size: 12px;
    line-height: 24px;
    color: rgba(255,255,255,.5);
}

.no-hand a {
    color: #888
}

.xline {
    height: 1px;
    width: 400px;
    position: absolute;
    background: #dfdfdf;
    top: 166px;
    left: 120px;
}

.yline {
    height: 142px;
    width: 1px;
    position: absolute;
    background: #dfdfdf;
    top: 80px;
    left: 550px;
}

.toolbar-box {
    position: fixed;
    top: 0;
    z-index: 9999;
    height: 100%;
    right: -665px;
    width: 665px;
    box-shadow: 0 0 4px 1px #dedede;
}
#slidetool{
    position: fixed;
    right: 0px;
    bottom: 8%;
    /*border: 1px solid #f3f3f3;*/
    border-radius: 10px;
}
#slidetool li {
    color: #999;
    text-align: center;
    cursor: pointer;
    padding: 12px 10px;
    background: -webkit-linear-gradient(left top,#1ac284,#1cb37c);
    background:#1bc384;
    font-size: 12px;
    position: relative;
    border-bottom: 1px solid #46cc9b;
}
#slidetool li div{display: none; position: absolute; left: -85px; top:5px;height: 42px; line-height: 42px; background: url(../images/juxing.png) no-repeat; width: 87px; color: #999; z-index: 2000; text-align: center;}
#slidetool li:hover div{display: block;}
#slidetool li:hover{background-color: #fff;background: -webkit-linear-gradient(left top,#fff,#fff);}
#slidetool li:hover i{color: #1DB57D;}
#slidetool li:nth-child(1) {border-radius: 10px 0 0;}
#slidetool li:nth-child(6) {border-radius: 0 0 0 10px; border-bottom: none;}
#slidetool li i {
    color: #fff;
    margin: 0;
    font-size: 22px;
    vertical-align: 0;
}

.toolbar-box .toolbar {
    height:calc(100vh - 285px); overflow-x:hidden; overflow-y:auto;
    position: relative
}

.toolbar-box .tooltab {
    position: absolute;
    left: -43px;
    top: 36%;
    padding: 20px 14px;
    border-radius: 5px 0  0 5px;
    background-color: #1bbf82;
}

.toolbar-box .tooltab .tip-box{
    width: 160px;
    height: 80px;
    position: absolute;
    right: 90px;
    top: 0px;
    background: #7d8393;
    border-radius: 8px;
    padding: 10px;
    box-sizing: border-box;
}
.toolbar-box .tooltab .tip-box::before{content: "";position: absolute;width: 5px;height: 1px;z-index: 500;top: 31px;left: 159px;border: 8px solid #fff;border-color: transparent  transparent  transparent #7d8393;}
.toolbar-box .tooltab .tip-box a{background:#919db6;border-radius:16px; padding:4px 8px;color:#fff;font-size:12px;position:relative; top:14px; left:68px;transition:all .5s ease}
.toolbar-box .tooltab .tip-box a:hover{color:#919db6;background:#fff}


.toolbar-box .tooltab .slide {font-size: 12px;position: relative;left: -14px;top: 16px;width: 43px;text-align: center;padding: 4px 0;border-radius: 0 0 0 5px;}
.toolbar-box .tooltab .slide:hover{background:#2ad897}


.toolbar-box .tooltab p {
    position: absolute;
    left: -10px;
    top: 8px;
    height: 16px;
    padding: 0 6px;
    border-radius: 8px;
    background-color: #eb5712;
    line-height: 16px
}

.toolbar-box .tool-content {
    width: 665px;
    height: 100%;
    border-left: 1px solid #1bbf82;
    position: fixed;
}
.toolbar-box .tool-content h4{
    padding:0 20px;
    height:70px;
    line-height:70px;
    font-weight:normal;
    border-bottom: 1px solid #eee;
    color: #555;
}
.toolbar-box .tool-content ul{padding:10px 20px;border-bottom: 1px solid #eee;}
.toolbar-box .tool-content li{height: 35px;line-height: 35px;margin-right: 20px;color: #555;}
.toolbar-box .tool-content li p{
    max-width:80px;
    display:inline-block;
}
/*.toolmytest-box{height: calc(100vh - 285px);!* overflow:scroll; *!overflow-x: hidden;overflow-y:auto;}*/
.toolmytest-box{height:calc(100vh - 0px); overflow-x:hidden; overflow-y:auto;}
.toolmytest-box h2{height:65px;line-height:80px; font-size:16px; text-align:center}
.toolmytest-box h3{padding:0 10px;height:30px;line-height:30px;font-size: 14px;font-family: SimSun;}
.toolmytest-box .content{

    padding: 10px 15px 10px 20px; border: 1px solid #fff; border-radius: 8px; margin: 0 10px;
    /*padding: 0 15px 10px 20px;*/
    line-height:30px;
    font-size: 14px;
}
.toolmytest-box .content .test_con{max-height:140px;overflow:hidden;padding-bottom:15px}
.toolmytest-box .content .remove{
    padding: 0px 10px;
    color: #fff;
    border: 1px solid;
    border-radius: 5px;
    background:#23c98c;
    background: -webkit-linear-gradient(left top,#23c98c,#1cb17a);
    font-family: "microsoft yahei";
}
.toolmytest-box .content .remove:hover{box-shadow: 0 0 17px 6px rgb(0 0 0 / 10%) inset;}

.toolbar-box .toolmytest-box .new {
    font-weight: bold;
    color: #444
}


.toolbar-box .tooldelete {
    margin: 0 5px 0 20px;
    color: #bbb;
    font-size: 13px
}

.toolbar-box .toolorder a {
    line-height: 20px
}

.toolbar-box .toolorder a:hover, .ewm-txt a:hover, .tooldelete:hover {
    color: #089e67
}

.toolbar-box .toolorder a i {
    vertical-align: middle
}

.toolbar-box .toolpreview {
    display:inline-block;
    padding:0 15px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #f6870f;
    background: -webkit-linear-gradient(top left,#fc8046,#eb5712);
    border-radius: 3px;
    cursor: pointer;
    margin: 17px 0;
}

/*.toolbar-box .toolpreview{background: url(../images/big_btn.png) no-repeat; width: 200px; height: 46px; line-height: 46px; margin: 8px 20px 0px 0; box-sizing: border-box;}*/

.toolbar-box .toolpreview:hover{
    box-shadow: 0 0 17px 6px rgb(0 0 0 / 10%) inset;
}
.prompt ul {
    padding-top: 35px;
    width: 100%
}

.prompt ul, .prompt ul li {
    border: none !important
}

.prompt ul li {
    width: 100%;
    text-align: center;
    line-height: 35px;
    margin-top: 10px
}

.prompt ul li i {
    font-size: 24px;
    color: #ccc;
    position: relative;
    top: 4px
}

.toolbar-box .toolup {
    position: absolute;
    left: -65px;
    bottom: 15%;
    width: 55px;
    border:1px solid #f3f3f3;
    border-radius:10px;
}

.toolbar-box .toolup li {
    color: #999;
    width: 56px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    border-radius: 2px;
    padding: 8px 3px;
    /* box-sizing: border-box; */
    background: #fff;
    border-bottom:1px solid #f3f3f3;
    /*box-shadow: 0 0 2px 3px #eee;*/
    font-size:12px;
}
.toolbar-box .toolup li span{
    display:block;
    color:#888;
    font-size:12px;
    margin-top: 4px;
}

.toolbar-box .toolup li:hover {
    background: -webkit-linear-gradient(left top,#23c98c,#1cb17a);
}
.toolup li:hover i,.toolup li:hover span{
    color:#fff;
}
.toolup li i {
    color: #ccc;
    margin: 0;
    font-size: 22px;
    vertical-align: 0;
}

.toolup li {
    background: #27ae61
}

/*.toolup li i {*/
/*color: #fff;*/
/*margin: 0;*/
/*font-size: 18px;*/
/*vertical-align: 0;*/
/*}*/

.ewm-wrapper {
    padding-right: 10px;
    width: 380px;
    height: 146px;
    position: absolute;
    left: -382px;
    top: 0;
    display: none
}

.erm-box {
    border: 1px solid #dedede;
    width: 350px;
    height: 146px;
    padding: 10px;
    background-color: #fff
}

.ewm-img {
    padding: 9px;
    width: 128px;
    height: 128px;
    background: #f5f5f5
}

.ewm-img img {
    width: 100%
}

.ewm-txt {
    width: 196px;
    padding-left: 8px
}

.ewm-txt h2 {
    font-weight: normal;
    color: #27ae61;
    line-height: 54px;
    font-size: 14px
}

.ewm-txt p {
    line-height: 20px
}

.ewm-txt a {
    margin-top: 8px
}

.dis {
    display: none
}

.no_data {
    margin: 150px auto 50px auto;
    width: 225px;
    height: 210px;
    display: block
}

.location a:hover {
    color: #089e67;
    text-decoration: underline
}

.no_data span {
    margin-top: 10px;
    display: block;
    text-align: center
}

.partner_dynamic li a {
    width: 330px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.new, .vip {
    position: relative
}

.nav li.new img {
    position: absolute;
    right: -2px;
    top: 8px
}

.nav li.vip img {
    position: absolute;
    right: -10px;
    top: 8px
}

.content, .answer p, .answer div {
    max-height: 999999px
}

.djs {
    position: absolute;
    width: 192px;
    height: 32px;
    background: url(../resource/images/djs.png) no-repeat;
    top: -34px;
    left: 181px;
    color: #fff;
    font-size: 22px
}

.djs p {
    position: absolute;
    top: -25px;
    font-weight: bold;
    left: 122px;
    text-shadow: 0 1px 0 #1f653c
}

.content, .answer p, .answer div {
    max-height: 999999px
}

.top_menu .username {
    position: relative
}

.xlk {
    position: absolute;
    background: #f3f3f3;
    width: 175px;
    top: 35px;
    left: 0;
    display: none;
    z-index: 9;
    font-size: 12px
}

.xlk p {
    margin-left: 12px
}

.xlk span {
    margin-left: 8px
}

.red {
    color: red
}

.top_menu .username:hover .xlk {
    display: inline-block
}

::-webkit-selection {
    background: #000;
    color: #fff;
    text-shadow: none
}

::-moz-selection {
    background: #000;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #000;
    color: #fff;
    text-shadow: none
}

.cssSelect {
    white-space: nowrap;
    float: left;
    position: relative;
}

.cssSelect * {
    display: block
}

.cssSelect a {
    color: #666;
    outline-width: 0;
    text-decoration: none
}

.cssSelect .selectBox {
    cursor: pointer;
    float: left
}

.cssSelect .selectLt {
    cursor: pointer;
    float: left;
    text-align: left
}

.cssSelect .selectRt {
    cursor: pointer;
    background: url(/images/skin_icons.png) -49px -160px no-repeat #f2f2f2;
    float: left
}

.cssSelect .selectLt {
    overflow: hidden;
    height: 30px;
    line-height: 31px;
    padding: 0 10px;
    background: none transparent scroll repeat 0% 0%;
    color: #333;
}

.cssSelect .selectRt {
    height: 30px;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 28px
}

.cssSelect .sNormal {
    background-position: 0 0
}

.cssSelect .sHover {
    background-position: 0 -50px
}

.cssSelect .sHover .selectRt {
    background: url(../Resource/images/skin_icons.png) -49px -160px no-repeat #e6e6e6
}

.cssSelect .sPressDown .selectRt {
    background: url(../Resource/images/skin_icons.png) -49px -160px no-repeat #e6e6e6
}

.cssSelect .optionsBox {
    position: absolute;
    background: #f0f0f0;
    padding: 2px;
    margin: 0;
    z-index: 100
}

.cssSelect .optionBox {
    cursor: pointer;
    padding: 2px 30px 2px 18px;
    margin: 0;
    height: 25px;
    line-height: 25px
}

.cssSelect .optionBox:hover {
    background: #fff;
    color: #089e67
}

.cssSelect .optionBox span {
    cursor: pointer;
    font-size: 12px
}

.cssSelect .selected {
    color: #089e67
}

.clear-float:after {
    content: "";
    display: block;
    height: 0;
    clear: both
}

.radio .options {
    padding: 10px
}

.radio .options > li i {
    float: left;
    margin-right: 5px;
    width: 12px;
    height: 12px;
    border: 1px solid #ddd;
    border-radius: 50%;
    cursor: default
}

.radio .options > li.checked i {
    border: 1px solid #5da97e;
    background: url(../images/on_pic.png) 0 -1px
}

.radio_1 .options {
    padding: 10px
}

.radio_1 .options > li i {
    float: left;
    margin-right: 5px;
    width: 12px;
    height: 12px;
    border: 1px solid #ddd;
    border-radius: 1px;
    cursor: default
}

.radio_1 .options > li.checked i {
    border: 1px solid #b2bec9;
    background: url(../images/on_pic.png) -15px -1px
}

.checkbox .options {
    padding: 10px;
    cursor: default;
}

.checkbox .options p.checked {
    color: #27ae61
}

/*.checkbox .options p i {float: left;margin-right: 5px;width: 12px;height: 12px;background-color: #fff;border: 1px solid #ddd;border-radius: 1px;cursor: default;margin-top: 7px}*/
.checkbox .options p i {
    margin-top: -6px
}

/*.checkbox .options p.checked i {border: 1px solid #dedede;background: url(/images/on_pic.png) 0 -1px}*/
.select {
    position: relative;
    float: left;
    margin: 10px;
    border: solid 1px #ccc
}

.select .select-view {
    position: relative
}

.select .select-view .select-text {
    padding-left: 10px;
    padding-right: 30px;
    height: 24px;
    line-height: 24px
}

.select .select-view .select-icon {
    display: block;
    position: absolute;
    right: 5px;
    top: 10px;
    border: solid 5px #fff;
    border-top-color: #ccc;
    cursor: pointer
}

.select .options {
    display: none;
    position: absolute;
    left: -1px;
    top: 100%;
    padding: 5px 0;
    background: #fff;
    width: 100%;
    border: solid 1px #ccc
}

.select .options > li {
    margin: 10px;
    cursor: pointer
}

input[type=checkbox] {
    display: none;
}

input[type=checkbox] + label {
    display: block;
    width: 14px;
    height: 14px;
    cursor: pointer;
    font-size: 14px;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    float: left;
    position: relative;
}
input[type=checkbox] + label i {background-color: #089e67;border-color: #089e67;}
input[type=checkbox]:checked + label {display: block;color: #089e67;border: 1px solid #089e67;width: 14px;height: 14px;background: #089e67;}
input[type=checkbox]:checked + label + span {color: #089e67;}
input[type=checkbox]:checked + label i:before {content: "";display: inline-block;width: .5rem;height: .25rem;border-width: 0 0 .125rem .125rem;border-style: solid;border-color: #fff;position: absolute;z-index: 10;top: 44%;left: 50%;transform-origin: center center;transform: translate(-50%,-50%) rotate(-45deg)
}

.checkbox-lable {
    display: block;
    float: left;
    margin-left: 3px;
    font-size: 12px;
}

#demo {
    width: 500px;
    height: 300px;
    border: 2px solid #1f1f1f;
    margin: 20px auto;
    overflow: hidden
}

.box {
    height: 300px;
    width: 500px
}

.zUIpanelScrollBox, .zUIpanelScrollBar {
    width: 10px;
    top: 4px;
    right: 2px;
    border-radius: 5px
}

.zUIpanelScrollBox {
    background: #000;
    opacity: .1;
    filter: alpha(opacity=10)
}

.zUIpanelScrollBar {
    background: #ccc;
    opacity: .8;
    filter: alpha(opacity=80)
}

.disable {
    background-color: #eee;
    color: #666;
    border: 1px solid #eee;
    cursor: default
}

/*检选*/
.test_s {
    padding: 5px 0 12px;
    background: #fff;
    border-radius: 8px;
}

.test_choice .it {margin:0 30px;position: relative;padding-left:70px;padding-right: 50px;}
/*.test_choice .it .more{color:#089e67; font-size: 12px; position: absolute; right: 0; top: 12px;}*/
.test_choice .it .more{color:#089e67; font-size: 12px; position: absolute; right: 0; top: 10px;border:1px solid #fff;padding:2px 3px;border-radius:3px}
/*.test_choice .it .more:hover{opacity: .8;}*/
.test_choice .it .more:hover{border-color:#089e67}
.test_choice .chl {width: 60px;  color: #999; position: absolute; left: 3px; top: 11px;font-size: 14px;}
.test_choice .it .btn-more {position: absolute; height: 24px; line-height: 24px; padding: 0 9px; right: 5px;top: 5px;
    border-radius: 2px;color: #089e67;}
.test_choice .chr a.active, .test_choice .chr a:hover {background: #1ec485;color: #fff; font-weight: bold; border: 1px solid #089E67;}
.test_choice .chr a {height: 24px;line-height: 24px;padding: 0 8px;margin: 7px 2.5px 0;border-radius: 2px;color: #454545;overflow: hidden; border: 1px solid #fff; font-size: 14px;}
.test_list .checkbox .options {padding: 0 10px }
.test_list .checkbox .options:hover, .test_list .checkbox .options:hover i {
    color: #dc6a35;
    border-color: #dc6a35
}

.pages_num {
    margin-left: 10px
}

.btn-group {
    position: fixed;
    left: 50%;
    margin-left: 720px;
    bottom: 110px;
}

.btn-group li {
    width: 50px;
    height: 42px;
    text-align: center;
    line-height: 18px;
    cursor: pointer;
    border-bottom: none;
    background: #fff;
    padding-top: 8px;
    color: #019b4f;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .1);
    margin: 5px 0;
    border-radius: 80px
}

.btn-group li i {
    color: #33bf6f;
    font-size: 28px;
    margin-right: 0
}

.btn-group li i.iconfont {
    line-height: 36px;
}

.btn-group li:nth-child(3n) {
    background: #33bf6f;
    color: #fff
}

.btn-group li:nth-child(3n) i {
    color: #fff
}

.btn-group li:hover {
    background: #27ae61;
    background: -moz-linear-gradient(left top, #30d498, #23bd84);
    background: -webkit-linear-gradient(left top, #30d498, #23bd84);
    background: -o-linear-gradient(left top, #30d498, #23bd84);
}

.btn-group li:hover i, .btn-group li:hover {
    color: #fff;
}

@media screen and (min-width: 1460px) {
    .period_list .sanjiao{
        left: 122px;
    }

    /* .search-box {width: 212px}*/
    .nav a {
        margin: 0 13px
    }

    /*  .search-box input {width: 208px}*/
    .nav li.new img {
        position: absolute;
        right: -27px;
        top: -2px
    }

    .nav li.vip img {
        position: absolute;
        right: -6px;
        top: 12px
    }

    .nav a, .period p.period_tit {
        font-size: 15px;
        margin-left: 30px;
    }
}
/* 排序最新阅览量 */
.st_px{padding: 17px 0px;background: #FFFFFF;margin: 10px auto;color: #666666;font-size: 14px;}
.st_px h1{margin-left: 34px;float: left}
.st_px em{width: 4px;height:12px;background: #1eb880;display: block;margin:5px 6px 0 0;}
.st_px h2{margin:0 0 0 32px;}
.st_px h2 a{color: #888888;}
.st_px h2 a.active{color: #089e67;}
.st_px h2 a:hover{color: #089e67;}
.st_px h2 a:hover i{color: #1ebb81;}


@media screen and (max-width: 1460px) {
    .advert {
    }

    .wrap {
        width: 1220px;
    }

    .wraper {
        min-width: 1220px
    }

    .nav a, .period p.period_tit {
        margin: 0 9px;
        font-size: 14px;
    }

    /*  .search-box,.search-box input {width: 168px}*/
    .period p.period_tit {
        padding: 3px 0 20px 0
    }

    .nav li.new img {
        right: -15px;
        top: -7px;
    }

    .nav li.vip img {
        right: -10px
    }

    .part-middle {
        padding-left: 30px;
        margin-left: 10px;
        width: 388px;
    }

    .gather li {
        width: 224px;
        margin-right: 5px;
    }

    .onebg {
        width: 210px;
    }

    .part {
        width: 590px;
    }

    .line-btn {
        padding-right: 40px
    }

    .video dd, .video dd img {
        width: 290px;
        height: 197px
    }

    .btn-group {
        margin-left: 620px
    }
}

/*icon*/
.icon-home:before {
    content: '\e759'
}

.icon-search:before {
    content: '\e6cf'
}

.icon-btndown:before {
    content: '\eab1'
}

.icon-right:before {
    content: '\e6ba'
}

.icon-head:before {
    content: '\e63f'
}

.icon-site:before {
    content: '\e650'
}

.icon-email:before {
    content: '\e64d'
}

.icon-fax:before {
    content: '\e64c'
}

.icon-headset:before {
    content: '\e64b'
}

.icon-phone:before {
    content: '\e64a'
}
.icon-video:before {
    content: '\e669'
}

.icon-ind:before {
    content: '\e643'
}

.icon-help:before {
    content: '\e644'
}

.icon-student:before {
    content: '\e654'
}

.icon-teacher:before {
    content: '\e651'
}

.icon-plus:before {
    content: '\e649'
}

.icon-book:before {
    content: '\e648'
}

.icon-point:before {
    content: '\e652'
}

.icon-mark:before {
    content: '\e61c'
}

.icon-collect:before {
    content: '\e618'
}

.icon-edit:before {
    content: '\e642'
}

.icon-up:before {
    content: '\e641'
}

.icon-location:before {
    content: '\e6ce'
}

.icon-hot:before {
    content: '\e61a'
}

.icon-wb:before {
    content: '\e61b'
}

.icon-wx:before {
    content: '\e681'
}

.icon-qq:before {
    content: '\e617'
}

.icon-good:before {
    content: '\e604'
}

.icon-my:before {
    content: '\e618'
}

.icon-myeye:before {
    content: '\e60a'
}

.icon-testBoxEmpty:before {
    content: '\e622'
}

.icon-category:before {
    content: '\e66a'
}

.icon-upto:before {
    content: '\e628'
}

.icon-star:before {
    content: '\e618'
}

.icon-time:before {
    content: '\e6e8'
}

.icon-eye:before {
    content: '\e6e4'
}

.icon-num:before {
    content: '\e6ee'
}
.icon-shipin:before {content: '\e71e'}
.icon-yijian:before {content: '\e71d'}
.icon-apply:before {content: '\e71c'}
.icon-shoucang:before {content: '\e720'}
.icon-gotop:before {content: '\e721'}

.bor_e5 {
    border: 1px solid #e5e5e5;
}

/**
    * 单选框自定义样式
    **/
input[type=radio] {
    /*去除浏览器默认样式*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*自定义样式*/
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #089e67;
    outline: none;
    cursor: pointer;
    /*设置为圆形，看起来是个单选框*/
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    /* margin-right: 2px; */
    vertical-align: -2px;
}

/**
* 单选框 选中之后的样式
**/
input[type=radio]:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #089e67;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    /*增加一些动画*/
    -webkit-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
}

input[type=radio]:checked:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

input:not([type="image" i]) {
    box-sizing: content-box
}


/*新添加*/

.login a {
    display: block;
    width: 66px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    background: #27ae61;
    background: -moz-linear-gradient(left top,#23c98c,#1cb17a);
    background: -webkit-linear-gradient(left top,#23c98c,#1cb17a);
    background: -o-linear-gradient(left top,#23c98c,#1cb17a);
    border-radius:0;
}
.toolup li {
    background: #27ae61;
    background: -moz-linear-gradient(left top,#23c98c,#1cb17a);
    background: -webkit-linear-gradient(left top,#23c98c,#1cb17a);
    background: -o-linear-gradient(left top,#23c98c,#1cb17a);
}

.none{
    display: none;
}

.relative {
    position: relative;
}

.phone-dialog{background:#1ec592;height: 91px;padding:46px 0 0 0;position: fixed;left: 0; bottom: 0;z-index: 3}
.phone-dialog .wrap{position: relative;padding-left: 205px;box-sizing: border-box;padding-right:30px;}
.other h2{font-size: 26px;color: #fff;font-weight: 700}
.other span{font-size: 16px;color: #fff}
.forms input{height: 45px;line-height: 45px;color: #bbb; padding-left: 40px;border:none;border-radius: 5px;margin-right: 20px}
.fost01{
    background: #fff url(../images/footer/log1.svg) no-repeat 5px 6px;
    width:145px; background-size: 30px;
}
.fost02{
    background: #fff url(../images/footer/log2.svg) no-repeat 5px 6px;
    width:110px;background-size: 30px;
}
.fost03{
    background: #fff url(../images/footer/log3.svg) no-repeat 5px 6px;
    width:150px;background-size: 30px;
}
.forms input.fost04{background: #faeb57; color: #512b02;font-size: 18px;width:110px;text-align: center;
    border:none;border-radius: 5px;line-height: 45px;height: 45px;padding-left: 0;cursor: pointer;}
.fw{position: absolute;left:70px;bottom: -36px}
.out{position: absolute;display:block;width:24px;height: 24px;background: url(../images/out.png) center no-repeat;  right:0; top: 10px;}

.swiper-bullet div{width: 2px; height: 10px;}
.swiper-slide img,.swiper-slide{border-radius:3px;}
.swiper-pagination-bullet{width: 10px !important; height: 10px !important; background-color: #fff !important;}
.swiper-pagination-bullets{width: 22% !important;padding: 6px;left: 50% !important;/* margin-left: -35px !important; */transform: translateX(-50%) !important;background-color: rgba(0,0,0,.3) !important;border-radius: 24px !important;}


/* vip权益 */
.vip{background: url(../images/vip1.png) left 2px no-repeat; height: 30px;width: auto; color: #954603; padding-left: 28px; padding-right:13px; position: relative; }
.vip a{color: #954603;}
.vip i{transition: all 0.3s;position:absolute;}
.vip:hover i{transform: rotate(-180deg);}
.vip:hover .vip-box{display: block;}
.vip .vip-box{background: url(../images/tip.png) center no-repeat; width: 261px; height: 159px; position: absolute; left: -30px; top: 30px; z-index: 10000; text-align: center; box-sizing: border-box; padding-top: 10px; display: none;}
.vip .vip-box h2{font-size: 22px; font-weight: bold;}
.vip .vip-box p{font-size: 14px;}
.vip .vip-box .flex{display: flex; justify-content: space-evenly;padding: 0;}
.vip .vip-box .flex img{width: 37px; height: 37px;}
.vip .vip-box .flex div{display: flex; flex-direction: column; align-items: center;}
.vip .vip-box .flex a{display: flex;flex-direction: column;flex: 1; align-items: center;}

.logo-nav .logo{position: relative;}
.logo-nav .logo .img-b {display: none;position: relative;top: -199px;width: 299px;height: 200px;left: -4px;}
.logo-nav .logo .img-c {display: none;position: relative;top: -131px;width: 231px;height: 137px;left: -5px;}
.logo-nav .logo .hover-logo {width: 200px;height: 20px;line-height: 20px;border-radius: 10px;display: none;position: absolute;left: 228px;top: -22px;font-size: 12px;text-align: center;color: #fff;background: #1eb77f;}
.logo-nav #logo {z-index: 1000;position: relative;}
.logo-nav .logo:hover #logo {z-index: 1001}
.logo-nav .logo:hover .img-c {display: block}
.logo-nav .logo:hover .img-b {display: block}
.logo-nav .logo:hover .hover-logo {display: block}
.location{overflow:hidden;}



.searchKnowleadge {
    border: 1px solid #ccc;
    border-radius: 5px
}

.searchKnowleadge .icon_error {
    top: 7px;
    right: 41px;
    font-size: 16px;
    color: #ccc;
}

.searchKnowleadge input {
    border: none;
    outline: none;
    padding-left: 6px;
    width: 140px;
}


/*章节、知识点试题类型样式*/

.chr.typeBox{display:flex;flex-wrap: wrap;gap: 5px 0px;padding-top: 8px;}
/*.chr.typeBox a{position:relative;display: inline-flex;margin: 0 4px 0 2px;padding: 0 10px;}*/
.chr.typeBox a i{margin-left:5px;margin-right: -4px;}
.chr.typebox .innerBox{line-height: 26px;height: 26px;width: 100%;margin-bottom: -5px;background: #6ae3b61c;position: relative;top: -6px;padding: 4px 10px;font-size: 12px;border-top: 1px solid #089e67;}
.chr.typebox .innerBox a{border:none;font-size: 12px;line-height: 28px;position:relative;display: inline-flex;margin: 0 4px 0 2px;padding: 0 10px; color: #333}
.chr.typebox .innerBox a:hover, .chr.typebox .innerBox a.active{background:transparent; color:#089e67; font-weight:normal; border: 0px}


/*独家视频*/
.dujia_video{left: -4px;top: -4px;width: 80px !important;z-index: 99999;}