@charset "utf-8";
/****************************************************************************
CSS RESET   Author: DBS
****************************************************************************/
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, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio,
video {	margin: 0; 	padding: 0;	border: 0;	font-size: 100%}
article, aside, details, figcaption, figure, footer, header, hgroup, 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; }
table {border-collapse: collapse; border-spacing: 0; }
::-moz-selection { background: #005a80; color: #fff; text-shadow: none; }
::selection { background: #005a80; color: #fff; text-shadow: none; }

/****************************************************************************
FONTS
****************************************************************************/
@font-face {
    font-family: 'iconfont';  /* Project id 1518376 */
    src: url('//at.alicdn.com/t/c/font_1518376_ju1qr6agdsk.woff2?t=1660530960404') format('woff2'),
    url('//at.alicdn.com/t/c/font_1518376_ju1qr6agdsk.woff?t=1660530960404') format('woff'),
    url('//at.alicdn.com/t/c/font_1518376_ju1qr6agdsk.ttf?t=1660530960404') format('truetype');
}
.iconfont{font-family:"iconfont" !important;font-size:14px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}

/****************************************************************************
BASIC STYLES
****************************************************************************/
html{height:100%;min-width: 1300px}
body{ background: #fff; color:#3b3b3b; font: 12px "PingFang SC","FZYouHJW","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei","微软雅黑",STHeiti,"华文细黑",sans-serif;
height:100%;min-width:1300px}
a{text-decoration: none;}a:hover,a:active {outline: 0;}textarea{border: none}
.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;}
.wrap{width:1200px; margin: 0 auto;}.wraper{width:100%;min-width:1200px}
.fl{float:left;}.fr{float:right;}.none{display:none;}

/*color*/
.color-deafult{color:#666}
.color-danger{color:#e13b29}
.color-primary{color:#2f5cbb}
.color-dark{color:#333}
.color-grey{color:#bbb}
.color-wanning{color: #f90}

/*icon*/
.icon-error::before{content: "\e656"}
.icon-yes::before{content: "\e625"}
.icon-edit::before{content: "\e621"}
.icon-ios:before{content: "\e62f"}
.icon-andriod:before{content: "\e630"}
.top-box .icon-dropdown{color: #aaa}
/*logo*/
.logo-area{background:#fff;}
.logo-box{padding:30px 0;position: relative;}
.logo{width: 120px;margin-right: 200px;margin-left: 5px}
.logo img{width: 120px}
.pub{margin:0 15px 0 0;position: absolute;top: 25px;left: 155px}
.logo-txt{font-size: 22px;padding-left: 12px;line-height: 26px;height:26px;margin-top: 10px;cursor: default;}
/*end*/

/*pmgin*/
.p-d-2{padding-bottom: 20px !important}


/*login fot*/
.footer{text-align: center;font-size: 12px;line-height:26px;color: #666;padding-top: 70px}
.footer span{margin-right:20px;}
.footer em{font-style: normal;}
.about-link{margin:0 auto;width:720px;}
.about-link li{padding:0 16px;position: relative;}
.about-link li::before{content: '';position: absolute;display: block;width: 1px;height: 12px;background: #ccc;right: 0;top: 6px}
.about-link li:last-child::before{display: none}
.about-link a{color: #666;}
.about-link a:hover{color: #2f5cbb;text-decoration: underline;}


/*page*/
.page{text-align: center;margin-top: 20px;}
.page a{display: inline-block;padding: 0 15px;line-height: 35px;color: #666;text-align: center;margin-right:5px;border-radius: 3px;background: #FFFFFF;border: 1px solid #f1f1f1;}
.page .am-active{background: #2f5cbb;color: #FFFFFF;border-color: #2f5cbb}
.page a:hover{background: #2f5cbb;color: #FFFFFF; border-color: #2f5cbb;transition: all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;}
/*page end*/

/*top start*/
.top-box {background-color: #f3f3f3;height: 40px;line-height: 40px;font-size: 12px}
.top-box a, .top-box span {color: #666}
.top-menu img {position: relative;top: 3px;margin-right: 4px;}
.top-menu li {padding-left: 15px}
.top-menu li .vip{color: #dfab68;}
.top-menu li .vip em{color: #dfab68}
.top-menu li i {font-size: 12px;color: #ddd;padding-right:10px;border-right: 1px solid #e0e0e0}
.top-menu li em {color: #aaa;}
.top-menu a:hover,.top-menu a:hover em {color: #2f5cbb;}
.top-box i.home {margin-left: 12px}
.top-box i.phone{margin-left: 25px}
.top-box .icon-dropdown{color: #aaa}
.home,.phone{color: #aaa;font-size: 12px}
.top-menu{padding-right:10px;}
.brand{margin-left:20px;cursor: pointer;line-height:37px;position: relative;width: 115px;z-index: 1;padding:0 10px;border: 1px solid #f3f6f9;}
.brand:hover{background: #fff;border-color: #e4e4e4}
.brand:hover .brandbox{display: block}
.brandbox{position: absolute; width: 135px;background: #fff;height: 260px;left: -1px;border: 1px solid #e4e4e4;border-top: none;display: none}
.brandbox a{width: 104px;height: 36px;padding: 0 15px;line-height: 36px;display: block;text-align: left;font-size: 12px;text-indent: .5em}
.brandbox a:hover{background: #f3f6f9}
.phonebox{cursor: pointer;line-height:39px;position: relative;}
.phoneother{width:320px;height: 310px;background:#fff;position: absolute;z-index: 2;border:1px solid #eeeeee;top: 32px;display: none;left: -100px}
.phonepart{padding:20px;border-bottom: 1px dashed #cecece}
.phonepart:last-child{border:none;}
.phonepart img{margin-right:20px;width: 115px}
.phonepart h4{width: 140px;font-weight: normal;color: #333}
.phonepart h5{width: 140px;font-weight: normal;color: #333;line-height:32px;font-size: 14px}
.phonepart p{font-size: 12px;color: #888;line-height:20px;}
.boxsp{background: #e5e5e5;width:40px;height:40px;border-radius: 40px;line-height:40px;text-align: center;margin-right:27px;margin-left:3px;}
.boxsp span{color: #333}
.boxsp i{font-size: 20px;color: #333}
.phonebox:hover,.phonebox:hover .icon-dropdown{color: #2f5cbb}
.phonebox:hover .phoneother{display: block;}
.bind{width:135px;height: 31px;line-height:31px;background: url(/images/topRBg.png) center no-repeat;color:#f40000;text-align: center;padding-left: 0!important;margin-top:5px;position: relative;left: 10px}





/*logo*/
.logo-box{/*box-shadow: 0px 5px 10px #eee;*/background: #fff;}

.logo-box .logo img{width:130px;margin-left: 10px}
.logo-box h1{line-height: 100px;font-size: 22px;margin-left: 26px;color: #2f5cbb;position: relative;
    /*background: -webkit-linear-gradient(#2f5cbb, #8360c3);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;*/}
.logo-box h1 sup{font-size: 12px;color: #aaa;font-weight: normal;text-transform:uppercase;line-height: 20px;position: absolute;
    left: 103px;top: 22px;width: 130px;display: block;height: 20px;display: none}
.menu{padding-right: 20px}
.menu li {float: left;padding: 0 12px;height: 50px;line-height: 80px;padding-top:35px;}
.menu li:last-child{padding-right: 0}
.menu li{cursor: pointer;}
.menu li a{font-size: 15px; color: #666;position: relative; background-color: transparent;line-height: 30px;height: 30px;
    display: block; -webkit-transform: translateZ(0); transform: translateZ(0);
    -webkit-backface-visibility: hidden;backface-visibility: hidden;}

.menu li a b{content: "";position: absolute;left: 50%;right: 50%;bottom: 0;background-color: #2f5cbb; height: 4px;border-radius: 5px;
    -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;}
.menu li a:hover,.menu li a.active{border-bottom: none;background-color: transparent;color: #2f5cbb}
.menu li a:hover b,.menu li a.active b{left: 0;right: 0;}
/*logo end*/

.addressbox{font-size: 14px}
.address {height: 40px;line-height: 40px;color: #999;white-space: nowrap;border-bottom: 1px solid #f1f3f5;}
.address i{float: left;width: 16px;color: #ccc; height: 21px;margin: 0 8px;font-size: 12px}
.address a{color: #333;font-size: 12px;float: left}





/*color*/
.color-deafult{color:#666 !important}
.color-danger{color:#e13b29!important}
.color-primary{color:#2f5cbb!important}
.color-dark{color:#333}
.color-grey{color:#bbb!important}
.color-wanning{color: #f90!important}
.color-success{color: #51c387!important}





/*icon start*/
.icon-home:before{content: "\e601"}
.icon-out:before{content: "\e659"}
.icon-message:before{content: "\e602"}
.icon-people:before{content: "\e608"}
.icon-colect:before{content: "\e603"}
.icon-manage:before{content: "\e604"}
.icon-analysis:before{content: "\e60d"}
.icon-note:before{content: "\e619"}
.icon-radio:before{content: "\e75e"}
.icon-radio-active:before{content: "\e75f"}
.icon-confirm:before{content: "\e60f"}
.icon-pen:before{content: "\e7e5"}
.icon-oulink:before{content: "\ec80"}
.icon-delete:before{content: "\e60e"}
.icon-edclass:before{content: "\e605"}
.icon-outclass:before{content: "\e606"}
.icon-hands:before{content: "\e615"}
.icon-class:before{content: "\e609"}
.icon-to-right:before{content: "\e6ba"}
.icon-to:before{content:"\e612"}
.icon-job:before{content:"\e614"}
.icon-other:before{content: "\e611"}
.icon-num:before{content: "\e613"}
.icon-time:before{content: "\e610"}
.icon-setpeople:before{content: "\e616"}
.icon-outall:before{content: "\e615"}
.icon-cancel:before{content: "\e717"}
.icon-deletes:before{content: "\e70a"}
.icon-replay:before{content: "\e721"}
.icon-pub:before{content: "\e74b"}
.icon-progress:before{content: "\e6c3"}
.icon-into:before{content: "\e825"}
.icon-outto:before{content: "\e826"}
.icon-right:before{content: "\e617"}
.icon-wrong:before{content: "\e709"}
.icon-half:before{content: "\e754"}
.icon-collect-empty:before{content: "\e711"}
.icon-collect-full:before{content: "\e712"}
.icon-star:before{content: "\e600"}
.icon-textwork:before{content: "\e769"}
.icon-topic:before{content: "\e76a"}
.icon-point:before{content: "\e75d"}
.icon-analysis:before{content: "\e755"}
.icon-difficulty:before{content: "\e74c"}
.icon-check:before{content: "\e703"}
.icon-correct:before{content: "\e77f"}
.icon-time-out:before{content: "\e638"}
.icon-date:before{content: "\e732"}
.icon-arrow-down:before{content: "\e693"}
.icon-arrow-up:before{content: "\e696"}
.icon-arrow-left:before{content: "\e694"}
.icon-arrow-right:before{content: "\e695"}
.icon-warning:before{content: "\e73d"}
.icon-out:before{content: "\e6f7"}
.icon-add:before{content: "\e6df"}
.icon-remove:before{content: "\e6cb"}
.icon-ding:before{content: "\e6e2"}
/*........*/
.icon-xp:before{content: "\e628"}
.icon-zqy:before{content: "\e631"}
.icon-kf:before{content: "\e62d"}
.icon-mores:before{content: "\e62c"}
.icon-mobile:before{content: "\e629"}
.icon-vip:before{content: "\e62e"}
.icon-dropdown:before{content: "\e632"}
.icon-ios:before{content: "\e62f"}
.icon-andriod:before{content: "\e630"}
.icon-error::before{content: "\e709"}
.icon-yes::before{content: "\e617"}
.icon-edit::before{content: "\e621"}
.icon-empty::before{content: "\e6f8"}
.icon-plus::before{content: "\e634"}
.icon-reduce::before{content: "\e633"}
.icon-explain::before{content: "\e63b"}
.icon-look::before{content: "\e639"}


.right-part{width:100%}
.box{background: #fff;padding:20px 40px;margin-bottom: 12px;min-height: 730px}
.title{font-size: 17px;border-bottom:3px solid #f3f3f3;padding-bottom: 10px;color: #4c4c4c}

/*message*/
.tab-box a{font-size: 15px;color: #aaa;margin-right: 50px; /*padding-top:10px;*/}
.tab-box a span{font-size: 12px}
.tab-box a:hover,.tab-box a.active{color: #2f5cbb}
.tab-tit{line-height: 32px;}
.tab-tit {border-bottom:1px solid #dedede;margin-top:10px;padding-left: 15px }
.tab-tit a{display: block;padding: 2px 15px;font-size: 12px;border:1px solid #dedede;margin-right: -1px;color: #666;position: relative;top: 1px}
.tab-tit li a:hover{background: #f3f6f9}
.tab-tit li.active a{background: #f3f6f9;border-bottom: 1px solid #f3f6f9}
.base-messg{padding:10px 0 0 50px}
.base-messg li{line-height: 40px;margin-top:24px}
.dialog .base-messg li{line-height: 40px;margin-top:10px}
.dialog .base-messg {padding-left:30px}
.dialog .proving{background:#27ae69 !important;color:#fff !important;margin-left: 10px}
.base-messg li label{margin-right: 8px;font-size:14px; text-align: right;width: 70px}
.base-messg li h5{font-weight: normal;border-bottom: 1px solid #eee;font-style: italic;color: #888}
.base-messg li h5 i.iconfont{color: #bbb;margin-right: 3px}
.base-messg li i.iconfont{cursor: pointer;}
.base-messg li i.icon-radio{margin-right: 15px}
.base-messg li i.icon-radio-active{color: #2f5cbb}
.base-messg li button.proving{height: 42px;border: none;padding:0 15px;line-height: 42px; text-align: center;background:#f3f6f9;
    cursor: pointer;color: #888;border-left: 1px solid #ddd;position: relative;outline: none;}
.base-messg li button.proving:hover{background: #2f5cbb;color: #fff;}
.base-messg li button.proving:active{left: 1px; top: 1px;}
.base-messg li button[type="button"]:disabled.proving{color: #aaa;cursor: no-drop;}
.base-messg li button[type="button"]:disabled.proving:hover{background: #f3f6f9;}
.input-text{border: none;width:180px;height: 40px;padding-left: 10px;outline: none;}
.assembly_select{margin-right: 10px}
.remarks{font-size: 12px;color: #f40;margin-left: 10px}
.remarks span{color: #888}
.txt-area{width:630px;height: 110px;background: #eaeeef;border: none; outline: none;resize:none;line-height: 40px;padding:10px 25px;font-size: 14px;font-family: Microsoft Yahei}
.btn-up{display: block;width: 120px;height: 36px;text-align: center;color: #fff;background: #2f5cbb;margin-left: 80px;line-height: 36px;
    border-radius: 2px;font-size: 14px;box-shadow: 5px 5px 10px rgba(67,120,234,.3); position: relative;}
.btn-up:active{left: 1px; top: 1px; box-shadow: none;}
.remarks-last{margin-left: 80px; color: #888;}
.btn-group dd{background: #f3f6f9; width: 230px;height: 32px;line-height: 32px;text-align: center;cursor: pointer;margin: 2px 5px;padding: 0 5px}
.btn-group dd:hover{opacity: .85}
.smbtn {padding:2px 4px;background: #f0f0f0;color: #777;border-radius: 2px;margin-left: 15px}
.smbtn:hover{background:#f90;color:#fff}
/*message end*/


/*zujuan*/
.box .test-choice{padding: 10px 0}
.test-choice .it {position: relative; padding-left:70px;padding-right: 60px;}
.test-choice .chleft {width: 70px;  color: #666; position: absolute; left: 3px; top: 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 .chright a.active,.test-choice .chright a:hover {background: #2f5cbb; color: #fff;}
.test-choice .chright a {height:24px; line-height:24px; padding:0 14px;margin:10px 10px 0; font-size: 14px;
    border-radius:24px;float:left; color: #222; overflow:hidden}
.table-box{min-height: 510px}
.table{width:100%;line-height: 42px;/*margin-top:20px;*/}
.table td,.table th{border:1px solid #eee; text-align: center;font-size: 12px;color: #666;max-width: 200px;vertical-align: middle;}
.table tr:hover{background:#f3f6f9;}
.table td a{color: #666}
.table td a i{font-size: 12px;color: #ccc}
.table td a:hover{color: #2f5cbb}
.table th{background: #f3f6f9}
/*zujuan end*/

/*down start*/
.downbtn li{ width: 30%;margin: 0 1%; margin-top: 10px;background: #f3f6f9;padding: 10px 0;}
.downbtn li h2{width:100%;font-size:14px;text-align: center;font-weight: normal;margin-bottom: 10px;color: #666}
.downbtn li  p{width:100%;text-align: center;color: #888;padding: 5px 0}
.downbtn li  p em{font-size:22px;font-weight: 700;font-style:normal;color:#27AE69;}
/*down end*/

/*error*/
.pickbar{line-height:56px;margin-top:10px;}
.pickbar dd{text-align: center;position: relative;margin-right: 45px;padding:0 3px;}
.pickbar dd.active a{color:#333;font-size: 16px;font-weight: 700;}
.pickbar dd a{color:#999;font-size: 16px;font-weight: 700;}
.pickbar dd::before{content: "";position: absolute;width:100%;height: 3px;background: #3c4ea3;left: 0;bottom: 0;display: none}
.pickbar dd.active::before{display: block}
.pickbar dd:hover a{color:#333;}
.pickbar dd:hover::before{display: block}
.pickbar .empty{width:84px;height: 33px;line-height:33px;text-align: center;color:#333;font-size: 14px;border-radius: 4px;
    background: #fff;margin-top:13px;border:1px solid #3751b6;position: relative; display: block;margin-right: 20px;position: relative;}
.pickbar .empty i{color:#3751b6;}
.pickbar .empty:hover{transform: scale(1.02);}
.pickbar .empty:active{left: 1px;top: 1px}
.choiceall{background: #fff;padding:10px 20px 20px;}
.error-list{padding:20px;background: #fff;}
.error-list dt{background: #f5f5f5;line-height:45px;}
.error-list dt span{font-size: 14px;color:#999999;margin-left:160px;margin-right: 300px}
.error-list dd .errtxt{color:#333;font-size: 16px;max-width: 500px}
.error-list dd .errtxt:hover{color:#3751b6;}
.error-list dd .errorbtn{width:86px;height: 35px;line-height:35px;text-align: center;color:#fff;font-size: 14px;border-radius: 4px;
    background: -webkit-linear-gradient(to right bottom ,#3179fe, #3160c3);
    background: linear-gradient(to right bottom,#3179fe, #3160c3);margin:13px 30px 0;position: relative;
}
.error-list dd .listbox{border-bottom: 1px solid #f3f3f3;padding-left: 42px;line-height:60px;position: relative;}
.error-list dd .listbox i{font-size: 20px;color:#3751b6;position: absolute;left: 10px;top: 0;cursor: pointer;}
.error-list dd .checkbtn{width:84px;height: 33px;line-height:33px;text-align: center;color:#3751b6;font-size: 14px;border-radius: 4px;
    background: #fff;margin-top:13px;border:1px solid #3751b6;position: relative;}
.error-list dd .checkbtn::before{content: "";display: block;border:1px solid #c9d8ff;display: block;border-radius: 4px;width:77px;height: 26px;position: absolute;left: 3px;top: 3px;}
.error-list dd em{font-size: 14px;color: #333;font-style: normal;margin-right: 80px}
.error-list dd .checkbtn:hover,.error-list dd .errorbtn:hover{transform: scale(1.02);}
.error-list dd .checkbtn:active,.error-list dd .errorbtn:active{left: 1px;top: 1px}
.error-list dd:last-child{border:none;}
.error-list dd ul{padding-left: 42px}
.error-list dd li .listbox{border-bottom: 1px solid #f3f3f3;}

/*book*/
.book{display: block;width:280px;text-align: center;padding-top:10px;position: relative;}
.book img{width:100%;position: relative;}
.book:hover img{transform: scale(.97);}
.book span{position: absolute;width:50px;height: 50px;background: #f40;border-radius: 50px;color: #fff;text-align: center;right: 35px;top: 5px;font-size: 18px;line-height:50px;font-weight: 700;transform: skew(-5deg);box-shadow: 1px 1px 10px rgba(0,0,0,.1) inset;background: -webkit-linear-gradient(to right bottom ,#f40, #f80);
    background: linear-gradient(to right bottom,#f40, #f80);}
.book-box{background: #ffffff url(/images/bookmesg.jpg) right bottom;padding:20px 0;}
.book-msg{width:920px;}
.book-msg h1{font-size: 26px;line-height:60px;}
.book-msg h1 a{color:#e2ae6c;}
.book-msg h1 a:hover{text-decoration: underline;}
.synopsis{padding-left: 50px;position: relative;font-size: 12px;color:#666666;line-height:22px;width:800px;}
.synopsis span{display: block;position: absolute;background: #e5ebfa;color:#6e88ef;font-size: 20px;width:40px;height: 40px;text-align: center;line-height:40px;left: 5px;top: 2px;border-radius: 40px}
.more-mesg{padding-left:300px;position: relative;}
.more-mesg span{margin-right: 30px;color:#999;}
.sharebox{position: absolute;width:180px;height: 35px;left: 50px;bottom: -4px;line-height: 50px}
.num-show{padding:20px 0;background: url(/images/appewm.png) 600px 38px no-repeat;}
.num-show li{height: 116px;width:116px;border-radius: 144px;border:1px solid #ffeed9;padding:14px;margin-right:55px;}
.num-show li a{display: block;width:114px;height: 114px;border:1px solid #ffeed9;border-radius: 116px;box-shadow: 1px 1px 10px rgba(217,161,89,.3);}
.num-show li a h4{width:104px;text-align: center;font-size: 34px;font-weight: normal;padding:35px 0 0 10px;margin-bottom:-5px;}
.num-show li a h4 sub{font-size: 14px;position: relative;top: -8px;left: 0;}
.num-show li a{text-align: center;color:#999999;}
.num-show li a:hover{box-shadow: none}
.book-menu{background: #ffffff}
.book-tit{background:;border-bottom: 2px solid #f7f7f7;margin-top:10px;}
.book-tit h2{font-size: 20px;color:#333;line-height:80px;padding-left:25px;font-weight: normal;margin-right: 25px}
.book-tit  span{line-height:80px;color:#ababab;font-size: 16px;margin-right: 5px;background: url(/images/iconbook.png) -20px -384px no-repeat; padding-left:30px;}
.book-tit  span em{font-style: normal;font-size: 12px;}
.book-tit a{background:#3179fe;background: -webkit-linear-gradient(to right bottom ,#3179fe, #3160c3);background: linear-gradient(to right bottom,#3179fe, #3160c3);width:130px;height: 38px;line-height:38px;text-align: center;color:#ffffff;font-size: 14px;margin:22px 0 0 30px;border-radius: 38px;position: relative;}
.book-tit a:hover{background: -webkit-linear-gradient(to right bottom ,#3160c3, #3179fe);background: linear-gradient(to right bottom,#3160c3, #3179fe);}
.book-tit a:active{left: 1px;top: 1px}
.chapter {/*display: flex; justify-content: space-between;*/}
.chapter li a{display: block;width:200px;height: 40px;position: relative;padding-top:80px;;color:#999999; text-align: center;background: url(/images/iconbook.png) 66px -85px no-repeat;font-size: 14px}
.chapter li a::before{content: "";display: block;position: absolute;width:100%;height: 4px;background: #fff;left: 0;bottom: 0}
.chapter li a.active,.chapter li a:hover{color: #3160c3;background: url(/images/iconbook.png) 67px 7px no-repeat;}
.chapter li a.active::before,.chapter li a:hover::before{background: #3160c3;}
.chapter li a span{width:170px;display: block;padding:0 15px;}
.practicebox{position: relative;}
.practicebox h2{font-size: 16px;color: #333;padding:20px 10px;position: absolute;top: 70px;border-bottom: 1px solid #f3f3f3;width:1140px;margin:0 20px;}
.practicebox h2 a{font-weight: normal;font-size: 14px}
.practice dd .listbox i{display: block;width:20px;height: 20px;background: url(/images/iconbook.png) -23px -246px no-repeat; top: 18px}
.practice dd.active .listbox i,.practice dd:hover .listbox i{background: url(/images/iconbook.png) -23px -203px no-repeat;}
.practice dt{margin-bottom:62px;}
.practice dt em{font-size: 12px;color:#999999;font-style: normal;margin-right:25px;}
.practice dt span{margin-right: 460px}
.practice dd .line{width:32px;height: 12px;background: url(/images/iconbook.png) -18px -323px no-repeat;margin:24px 8px 0;}
.practice dd em,.practice dd .percent{margin-right: 18px;width:55px;text-align: center;color:#999;font-size: 14px}
.practice dd .btn{width:86px;cheight: 35px;line-height:33px;text-align: center;font-size: 14px;border-radius: 4px;color: #999;
    background: #fff;margin-top:13px;position: relative;}
.practice dd .btn::before{content: "";display: block;border:1px solid #ffffff;display: block;border-radius: 4px;width:77px;height: 26px;position: absolute;left: 3px;top: 3px;}
.practice dd .btn:hover,.practice dd .btn:hover{transform: scale(1.02);}
.practice dd .btn:active,.practice dd .btn:active{left: 1px;top: 1px}
.practice dd .checkbtns{background: #ffebeb;color:#f04949;}
.practice dd .checkbtns::before{border-color:#ffa6a6;}
.practice dd .practicebtn{background: #e3ecff;color:#7299ec;}
.practice dd .practicebtn::before{border-color:#8faff4;}
.practice dd .good{background: #ffffff url(/images/iconbook.png) -18px -357px no-repeat;padding-left:15px;width:95px;}
.practice dd .good::before{width:101px;}
.practice dd .goodbtn{color: #ff9b00;width:95px;background: #fff1dc url(/images/iconbook.png) -18px -357px no-repeat;}
.practice dd .goodbtn::before{border-color:#ffbd56;}
.practice dd .explain{color:#f19c09;margin-right:10px;}
.practice dd .explain span{margin-right:3px;}

/*booklist*/
.advertpub{height: 336px;}
.boollist{padding-top:20px;}
.boollist li{background: #fff;padding:10px;margin-bottom:10px;}
.boollist li .bookcontent{width: 1176px;border:1px solid #eee;padding:20px 0;}
.bookone img{width:276px;position: relative;}
.bookone:hover img{transform: scale(.97);}
.listmesg{width:868px}
.listmesg h2{font-weight: normal;font-size: 22px;color: #333;line-height:26px;position: relative;width:858px;padding: 10px 0 0 10px}
.listmesg h2 a{color: #666666;}
.listmesg h2 a em{font-style: normal;color:#f40;}
.listmesg h2 a:hover{color:#2f5cbb;text-decoration: underline;}
.listmesg h2::before{content: "";display: block;position: absolute;left:0 ;top: 12px;width: 4px;height: 22px;
    background-color: rgba(255, 34, 0, 1);border-radius: 10px;}
.listmesg ul{padding:20px 0 10px 0;}
.boollist  .listmesg li{font-size: 14px;color: #858FA6;line-height:26px;border:1px solid rgba(143, 153, 173, 1);border-radius: 50px;height: 26px;margin-right: 10px;padding:0 10px;}
.listmesg p{font-size: 12px;color: #888888;line-height: 20px;margin:10px 0;}
.listmesg .more-mesg{padding-left: 0}
.listmesg .lookbtn{ width: 130px;font-size: 16px;color:#ffffff;line-height:42px;text-align: center;border-radius: 5px;position: relative;
    height: 42px;background: -webkit-linear-gradient(0deg, rgba(211, 25, 32, 1) 18%, rgba(237, 79, 58, 1) 50%);
    background: -moz-linear-gradient(90deg, rgba(211, 25, 32, 1) 18%, rgba(237, 79, 58, 1) 50%);
    background: linear-gradient(90deg, rgba(211, 25, 32, 1) 18%, rgba(237, 79, 58, 1) 50%);}
.listmesg .lookbtn:hover{transform: scale(1.02);}
.listmesg .lookbtn:active{left: 1px;top: 1px}
.listmesg .practice .btn{margin-left: 20px}
.listmesg .practice .explain{margin-top:22px;}
/*details*/
.mesg-list{padding: 10px;margin-top: 10px;border-radius: 3px}
.mesg-list li{margin-right:1%;width: 160px;line-height: 28px;color: #666;font-size: 14px;padding-left: 3px;box-sizing: border-box;}
.mesg-list li:last-child{margin-right: 0}
.mesg-list li span{color: #f80}
.mesg-list li a{display: inline-block;padding: 0 15px;font-size: 16px;text-align: left;border-radius: 5px;background: #2f5cbb;color: #fff;font-size: 12px;border-radius: 3px}
.mesg-list li a:hover{box-shadow: 2px 2px 10px rgba(0,0,0,.2) inset}
.chart-box{background: #f3f6f9;border-radius: 3px;width: 100%;padding: 0 30px;box-sizing: border-box;padding-bottom: 10px;margin-bottom: 20px;margin-top: 10px}
.charttit{font-weight: normal;font-size: 14px;padding-left: 12px;margin:10px 0}
.charttit a{margin-left: 20px;display: inline-block;padding: 2px 15px;background: #2f5cbb;color: #fff;font-size: 12px;border-radius: 3px}
.box-tit{line-height: 34px;border-bottom: 1px solid #dedede;margin: 10px 5px;font-size: 14px}
.testshow{font-size: 14px}
.testshow img{vertical-align: middle;}
.optiontable{line-height: 24px}
.optiontable td,.optiontable th{padding: 2px 5px;vertical-align: middle;}


/*toolbar*/
.toolbar-box {position: fixed;top: 0;z-index: 9999;height: 100%;right: -236px;width: 236px;}
.toolbar-box .toolbar {height: 100%;position: relative}
.toolbar-box .tooltab {position: absolute;left: -32px;top: 36%;padding: 20px 10px;border-radius: 2px 0 0 2px;background: #2f5cbb;color: #fff}
.toolbar-box .tooltab p {position: absolute;left: -10px;top: 8px;height: 16px;padding: 0 6px;border-radius: 8px;background-color: #f80;line-height: 16px}
.toolbar-box .tool-content {width: 236px;height: 100%;background-color: #fff;border-left: 2px solid #2f5cbb}
.toolbar-box .tool-content h3 {font-size: 16px;font-weight: bold;height: 48px;line-height: 48px;background-color: #eee;padding: 0 8px;color: #2f5cbb}
.toolbar-box .toolmytest-box {padding: 0 6px;line-height: 42px;font-family: simsun}
.toolbar-box .toolmytest-box .new {font-weight: bold;color: #444}
.toolbar-box .toolmytest li {padding: 0 8px;height: 36px;line-height: 36px;margin-bottom: 8px;background-color: #f3f6f9}
.toolbar-box .toolmytest li:hover {background-color: #cddff1}
.toolbar-box .tooldelete {margin: 0 5px 0 20px;color: #bbb;font-size: 13px}
.toolbar-box .toolorder a {line-height: 20px;color: #2f5cbb}
.toolbar-box .toolmytest li a{color: #2f5cbb}
.toolbar-box .toolorder a:hover, .ewm-txt a:hover, .tooldelete:hover {color: #2f5cbb}
.toolbar-box .toolorder a i {vertical-align: middle}
.toolbar-box .toolpreview {font-size: 14px;width: 130px;height: 36px;line-height: 36px;text-align: center;box-shadow: 0 2px 15px 2px #fbc7a3;background-color: #f80;margin: 30px auto;display: block;border-radius: 3px;border: 1px solid #f16c14;cursor: pointer;color: #fff}
.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 img{width:100%;}
.prompt ul li i {font-size: 24px;color: #ccc;position: relative;top: 4px}
.toolbar-box .toolup {position: absolute;left: -37px;bottom: 15%}
.toolbar-box .toolup li {width: 34px;height: 34px;overflow: hidden;text-align: center;line-height: 34px;font-size: 20px;cursor: pointer;margin-top: 5px;border-radius: 2px}
.toolup li {background: #2f5cbb}
.toolup li i {color: #fff;margin: 0;font-size: 18px;vertical-align: 0;}


/*sub*/
.subbox{line-height: 60px;margin-left: 35px;cursor: pointer;padding-top: 12px;}
.subbox h2{font-size: 18px;color: #222;font-weight: 700}
.subbox span{margin-left:15px;color: #999999}
.subbox span i{margin-right: 3px}
.subbox:hover h2,.subbox:hover span,.subbox:hover span i{color: #2f5cbb}
.subbox:hover .subs{display: block;}
.subs{background: #fff;box-shadow: 1px 4px 17px #ececec;position: absolute;left: 0;top: 108px;display: none;
    -webkit-box-shadow: 1px 4px 17px #ececec; -moz-box-shadow: 1px 4px 17px #ececec;padding: 25px 0;border-top: 1px solid #eee;z-index: 20;}
.subs{line-height: 32px}
.subs a{margin-right: 10px;float: left;width: 60px;line-height: 30px;height: 30px;text-align: center;border-radius: 5px;color: #666}
.subs a:hover, .subs a.active{background: #2f5cbb;color: #fff}
.subs span{width: 100px;height: 32px;line-height: 32px;border-radius: 5px;text-align: center; margin-right: 10px;margin-left: 20px;font-size: 14px}

.ui-front{z-index: 100000000;}
.no-num {margin: 40px auto;text-align: center;width:380px;height: 190px;}
.no-num a{color: #2f5cbb}
.no-num b{font-size: 16px;margin: 0 5px;color: #f60}
.no-num-img{width:320px;height: 170px;background: url(/images/none-num.png) center top no-repeat;margin: 0px auto;padding:20px 0;}
.foot{line-height: 50px;  text-align: center; font-size: 14px; color: #888}

.test_count{padding-top: 10px;margin: 10px}
.structure_tit{height: 40px;background-color: #f3f6f9;color: #2f5cbb;line-height: 40px;padding: 0 12px;}
.paper_right{width: 265px;padding-bottom: 10px;margin-top: 5px;}
.s_structure {margin: 0px 13px 10px 13px;padding-bottom: 15px;border-bottom: 1px dashed #e9e9e9;}
.struc_line{border-bottom: 1px dashed #e5e5e5;height: 32px;line-height: 32px;}
.test_count_list{margin-top: 10px;}
.test_count_list p{margin-bottom: 5px;line-height: 25px;}
.test_order li { margin-right: 5px;position: relative;line-height: 26px;}
.test_order a {border: 1px solid #eee;padding: 4px 9px;color: #555;cursor: default;}
.t-information {position: absolute;left: 20px;top: 20px;border: 1px solid #2f5cbb;padding: 10px;display: none;width: 202px;z-index: 1;background: #fff;}
.test_order li {margin-right: 5px;position: relative;line-height: 26px;}
.test_count_list p a {margin-left: 10px;color: #888;}
.test_count_list p span {background-color: #2f5cbb;padding: 0px 12px;border-radius: 1px;height: 25px;line-height: 25px;color: #fff}
.seal em{font-style: normal;}

.ui-selectmenu-open{box-shadow: 0px 5px 10px rgba(0,0,0,.2)!important;}
.ui-selectmenu-menu .ui-menu{max-height: 260px;}
.ui-selectmenu-button.ui-button{width: initial;min-width: 14em}
.table-tit{line-height: 32px;margin: 20px 0 0 3px;font-weight: normal;font-size: 14px}
.table input{line-height: 28px;border:none;border-top:1px solid #dedede;display: inline-block;width: 70px;height: 28px;padding: 0 0 0 10px;
    outline: none;position: relative;top: -1px;border-bottom:1px solid #dedede;}
.table .btn-icon{line-height: 30px;height: 30px;text-align: center;background: #dedede;display: inline-block;width: 30px;cursor: pointer;}
.table .btn-icon:hover{color: #fff;background: #2f5cbb}
.table .btn-icon.icon-add{border-radius: 0 3px 3px 0;}
.table .btn-icon.icon-remove{border-radius: 3px 0 0 3px}

.margin-left-10{margin-left: 10px!important}
.margin-bottom-10{margin-bottom: 10px!important}
.martop20{margin-top: 20px}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{    background: #2f5cbb !important;}










/*login fot*/
.footer{text-align: center;font-size: 12px;line-height:26px;color: #666;padding: 70px 0 20px 0}
.footer span{margin-right:20px;}
.footer em{font-style: normal;}
.about-link{margin:0 auto;width:720px;}
.about-link li{padding:0 16px;position: relative;}
.about-link li::before{content: '';position: absolute;display: block;width: 1px;height: 12px;background: #ccc;right: 0;top: 6px}
.about-link li:last-child::before{display: none}
.about-link a{color: #666;}
.about-link a:hover{color: #2f5cbb;text-decoration: underline;}

/*swiper diy*/
.swiper-pagination-bullet-active {opacity: 1;background: #ddc6a9;width: 24px;border-radius: 8px;}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{opacity: .3}

/*page*/
.page{text-align: center;margin-top: 20px;}
.page a{display: inline-block;padding: 0 15px;line-height: 35px;color: #666;text-align: center;margin-right:5px;border-radius: 3px;background: #FFFFFF;border: 1px solid #f1f1f1;}
.page .active{background: #2f5cbb;color: #FFFFFF;border-color: #2f5cbb}
.page a:hover{background: #2f5cbb;color: #FFFFFF; border-color: #2f5cbb;transition: all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;}
/*page end*/





/*滚动条自定义样式*/
::-webkit-scrollbar{width:11px;height:11px; background-color:#ededed;border-radius: 10px;}
::-webkit-scrollbar:hover{ background-color:#eee; }
::-webkit-scrollbar-thumb{ background-color:#dedede; height:11px;border-radius: 10px;}
::-webkit-scrollbar-thumb:hover{ background-color: #ccc;}
::-webkit-scrollbar-thumb:active{background-color:#c5c5c5;}



/**
    * 单选框自定义样式
    **/
input[type=radio]{
    /*去除浏览器默认样式*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*自定义样式*/
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #2f5cbb;
    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: #2f5cbb;
    -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[type=checkbox]{
    /*去除浏览器默认样式*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*自定义样式*/
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #2f5cbb;
    outline: none;
    cursor: pointer;
    /*设置为圆形，看起来是个单选框*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 2px;
    vertical-align: -2px;
}
/**
* 单选框 选中之后的样式
**/
input[type=checkbox]:after{
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #2f5cbb;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -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=checkbox]:checked:after{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}