body {font: 14px Arial, "微软雅黑";color: #333536;width: 100%;background: #eceeef;background-attachment: fixed;}
body{
    background-image: -moz-linear-gradient( 90deg, rgb(238,243,246) 0%, rgb(229,233,235) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(238,243,246) 0%, rgb(229,233,235) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(238,243,246) 0%, rgb(229,233,235) 100%);
}
body,ul,li,h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0;}
ul,li {list-style: none;}
a {text-decoration: none;color: #333536;}
a:hover{color: #358fd9;}
img {border: none;}
input {border: none;background: none;}
input,textarea {font-family: Arial, "微软雅黑";outline: 0;font-size: 14px;}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.ellipsis {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {*+height: 1%}
.hide {display: none !important;}
.center {text-align: center;}
.ease-in {-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-ms-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;}
.blue {color: #358fd9;}
.color_3 {color: #333536;}
.color_6 {color: #6c7073;}
.color_9 {color: #989da1;}
.red {color: #FF0000;}
.f12 {font-size: 12px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px !important;}
.f20 {font-size: 20px;}
.green {color: #15ab63;}
.posre {position: relative;}
::-webkit-input-placeholder {color: #999;}

.header {height: 60px;background: #fff;line-height: 60px;box-shadow:0 1px 5px rgb(4,30,24,.05);}
.logo {float: left;color: #333536;font-size: 18px; overflow: hidden; font-weight: bold;height: 48px;padding-top:12px;}

.nav {float: right;position: relative;height: auto; }
.menu a{ color: #333536; font-size: 16px; margin:0 16px; display:inline-block; line-height: 60px;}
.menu a:hover,.menu a.hover{ color: #358fd9; position: relative;}
.menu a.hover::before{ content: " "; width: 20px; height: 2px; background: #358fd9; position: absolute; bottom: 0; left:50%; margin-left:-10px;}

.gonglue{ padding-left: 15px;}
.gonglue a{ width: 88px; height: 32px; color: #2eb337; display: inline-block; border-radius: 20px; line-height: 32px; text-align: center; border: solid 1px #b3e6b7;}
.nav_user {color: #333536;cursor: pointer; padding-left: 30px;}
.nav_user img{ vertical-align: middle;}
.nav_user i {font-size: 18px;display: inline-block;line-height: 40px;vertical-align: middle;margin-top: -3px;}
.bs_subnav {width: auto;padding-top: 6px;position: absolute;top: 54px;right: 0; z-index: 100; display: none;}
.nav_user:hover .bs_subnav {display: block;}
.bs_subcon {border-radius: 6px;overflow: hidden;padding-top: 4px;background: #fff;border-top: solid 1px #ddd;box-shadow:0 1px 5px rgb(4,30,24,.15);}
.bs_subcon a {width: 108px;display: block;line-height:40px;text-align: center;color: #333536;padding: 0 10px;font-size: 12px;}
.bs_subcon a:hover {color: #358fd9; background: #f9f9f9;}
.triangletop {height: 6px;line-height: 0;display: block;position: absolute;top: 4px;right:50%;color: #ddd; margin-right:-10px;}

.index_search{ padding:30px 0 10px 0; width: 1200px; margin:0 auto; text-align: center;}
.sear_input{ width: 270px; background: #fff; line-height: 40px; height: 40px; padding:0 10px 0 16px; vertical-align: top;box-shadow: 0px 1px 1px #e0e9ee;}
.sear_button{ background: #358fd9; color:#fff; line-height: 40px; height: 40px; padding: 0 20px 0 20px;vertical-align: top; cursor: pointer; border-left:solid 1px #eee;box-shadow: 0px 1px 1px #e0e9ee;}
.sear_button:hover{ background: #3b9cec; color:#fff;}

.head_bar{ width:1200px; margin:0 auto;}
.head_bar .route{float:left;padding: 30px 0 0 0;}
.head_bar .index_search{width: auto;padding: 22px 0 0 0;}

.home{ background: #f6f9fb;}
.home .header{ background: none;box-shadow:none; position:absolute; top: 0; left: 0; width: 100%; z-index: 88;}
.home .header .logo1{ display: none;}
.home .menu a{ color: #fff;}
.home .nav_user{ color: #fff;}

.home .hshow{ position: fixed; top: 0; left: 0;background: #fff; box-shadow:0 1px 5px rgb(4,30,24,.05);}
.home .hshow .menu a{ color: #333536;}
.home .hshow .nav_user{ color: #333536;}
.home .hshow .menu a:hover,.home .hshow .menu a.hover{ color: #358fd9; position: relative;}
.home .hshow .menu a.hover::before{ content: " "; width: 20px; height: 2px; background: #358fd9; position: absolute; bottom: 0; left:50%; margin-left:-10px;}

.banner{ width: 100%; height: 547px; overflow: hidden; }
.banner img{ height: calc(100%);}



.sw1{position: relative;clear: both;}
.sw1 .swiper-slide{position: relative;overflow: hidden;}
.sw1 .swiper-slide img{width: 100%; height: 547px;object-fit: cover;-webkit-transition: all 7s;transition: all 7s;}
.sw1 .swiper-slide .wrap{position: absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;color: #fff;background: url(../images/sem34p1/sw_bg.png) repeat;}
.sw1 .swiper-slide .wrap>.main{margin-top: -100px;}
.sw1 .swiper-slide-active img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.sw1 .swiper-slide h2{font-size: 48px;line-height: 62px;font-weight: normal;}
.sw1 .swiper-slide p{font-size: 24px;line-height: 36.2px;margin-top: 10px;}
.sw1 .swiper-slide .a1{margin-top: 55px;}
.sw1 .swiper-slide .a1>a+a{margin-left: 35px;}
.sw1 .swiper-pagination-bullet{opacity: 1;}
.sw1 .dot{position: absolute;left:0;right:0;bottom:40px;}
.sw1 .swiper-pagination{position:relative;text-align: left;}
.sw1>.main{position: absolute;top: 60%;z-index: 10;left: 50%;margin-left: -580px;}
.sw1>.main>a+a{margin-left: 30px;}
.loading {margin: 0 5px;width: 38px;height: 38px;position: relative;border: 4px solid transparent;background: transparent;box-sizing: border-box;}
.loading.swiper-pagination-bullet-active {border-color: rgba(255,255,255,.2);}
.loading .c-progress {position: absolute;width: 8px;height: 8px;background-color: #fff;border-radius: 50%;left: 11px;top: 11px;line-height: 120px;text-align: center;box-sizing: border-box;}
.loading.swiper-pagination-bullet-active .c-progress {background-color: #bb1c14;}
.loading .left,.loading .right {opacity: 0;width: 19px;height: 38px;overflow: hidden;position: absolute;left: -4px;top: -4px;overflow: hidden;box-sizing: border-box;}
.loading.swiper-pagination-bullet-active .left,.loading.swiper-pagination-bullet-active .right {opacity: 1;}
.loading .right {left: auto;right: -4px;top: -4px;box-sizing: border-box;}
.loading .left:after,.loading .right:after {content: "";position: absolute;display: block;top: 0;left: 0;width: 19px;height: 38px;border: 4px solid #fff;border-radius: 19px 0 0 19px;border-right: 0;box-sizing: border-box;}
.loading .right:after {content: "";position: absolute;display: block;border-radius: 0 19px 19px 0;border: 4px solid #fff;border-left: 0;}
.loading.swiper-pagination-bullet-active .left:after {transform-origin: right center;animation-fill-mode: forwards;animation-duration: 3.9s;animation-timing-function: linear;animation-name: spin-left;}
.loading.swiper-pagination-bullet-active .right:after {transform-origin: left center;animation-duration: 3.9s;animation-timing-function: linear;animation-name: spin-right;}
@keyframes spin-right {
    0% {transform: rotate(180deg);}
    50% {transform: rotate(360deg);}
    100% {transform: rotate(360deg);}
}
@keyframes spin-left {
    0% {transform: rotate(180deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}
@-webkit-keyframes c-zoom {
    0% {transform:scale(1,1);-webkit-transform:scale(1,1);}
    100% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}
}
@keyframes c-zoom {
    0% {transform:scale(1,1);-webkit-transform:scale(1,1);}
    100% {transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
}

.swiper {width: 100%;height:547px;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.swiper-slide a{ display:block; position: relative; width: 100%; height: 547px;}
.swiper-slide img {display: block;width:100%;height:547px;object-fit: cover; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0);}
.home .swiper-pagination-bullet{ background: rgba(255,255,255,.8);}
.home .swiper-pagination-bullet-active{ background: rgba(255,255,255,1);}

.main {width:1130px;margin: 0 auto;}
.d2{background-color: #f6f9fb;padding: 60px 0 65px;}
.d21{position: relative;margin-bottom: 10px;}
.d21 span{display: block;width: 98px;height: 59px;float: left;background: url(../img/d2.png) no-repeat 0 0;margin-right: 12px;}
.d21 h2{font-size: 34px;line-height: 1;}
.d21 p{font-size: 16px;color: #666;line-height: 1; margin-top:12px;}
.d21 p i{font-style: normal;color: #358fd9;}
.d21 a{position: absolute;color: #666;font-size: 16px;right: 0;bottom: 0;}
.d21 a:hover{color: #358fd9;}
.d2 ul{zoom: 1;margin-left: -39px;}
.d2 li{position: relative;width: 348px;height: 371px;float: left;margin: 26px 0 0 39px;background-color: #fff;box-shadow: 0px 3px 5px #e0e9ee;}
.d2 li img{display: block;transition: all 1s;object-fit: cover; cursor: pointer; width:100%; }
.d2 li .c1{position: relative;height: 196px;overflow: hidden;color: #fff;}
.d2 li .c1 span{position:absolute;display: block;width: 103px;line-height: 28px;top: 0;right:0;background: url(../images/sem34p1/d2-ico1.png) no-repeat 0 0;text-indent: 33px;}
.d2 li .c1 span.s2{background: url(../images/sem34p1/d2-ico2.png) no-repeat 0 0;}
.d2 li .c1 h2{font-size: 24px;position: absolute;left: 15px;top: 94px;line-height: 1;font-weight: 500;}
.d2 li .c1 p{position: absolute;left: 15px;top: 148px;}
.d2 li:hover img{transform: scale(1.1,1.1);}
.d2 li .c1 p i{font-style: normal;background-color: #222527;display: inline-block;line-height: 24px;padding: 0 10px;margin-right: 5px;;}
.d2 li .c2{padding: 20px 15px 0 15px;}
.d2 li .c2 h2{font-size: 20px;line-height: 23px;color: #333;font-weight: 500;}
.d2 li .c2 p{line-height: 24px;color: #999;margin-top: 12px;height: 62px;border-bottom: 1px solid #dee5ea;}
.d2 li .c3{padding: 6px 15px 0;}
.d2 li .c3 span{color: #358fd9;}
.d2 li .c3 a{display: inline-block;float: right;margin-right: 12px;color: #666;}
.d2 li .c3 a:hover{font-weight: bold;}

footer{padding-top:50px;background: #0b111e;height:130px;color: #fff;}
footer .ftlogo{width:230px;height: 89px;background: url(../img/logo2.png) no-repeat center; border-right: 1px solid rgba(255,255,255,.2);float: left;}
footer .b1{width: 310px;float: left;padding: 0 22px 0 22px;}
footer span.addr{display:inline-block;padding-left: 23px;background: url(../images/sem32/ico_addr.png) no-repeat left 3px}
footer span.tel{margin-top: 15px; display:inline-block;padding-left: 23px;background: url(../images/sem32/ico_tel1.png) no-repeat left 24px}
footer span.tel b{font-weight: 500;font-size: 31px;}
footer .b2{width: 410px;height:89px;float: left;padding-left: 30px;border-left: 1px solid rgba(255,255,255,.2);}
footer .b2 img{float: left;width: 89px;height: 89px;margin-right: 15px;}
footer .b2 h3{font-size: 18px;line-height: 33px;font-weight: 500;}
footer .b2 p{margin-top: 6px;}
.kefu{position: fixed;right: 10px;top: 50%;width: 70px;margin-top: -151px;z-index: 100;}
.kefu a{display: block;height: 25px;border: 1px solid #dfe0e2;text-align: center;padding-top: 45px;font-size: 13px;color: #666;background-color: #fff;background-repeat: no-repeat;background-position: center 15px;}
.kefu a:hover{background-color: #dd001b;color: #fff;}
.kefu a:nth-child(1){border-radius: 5px 5px 0 0;border-bottom: 0 none;background-image: url(/common/img/kf_zixun.png);}
.kefu a:nth-child(1):hover{background-image: url(/common/img/kf_zixun_on.png);}
.kefu a:nth-child(2){background-image: url(/common/img/kf_baoming.png);}
.kefu a:nth-child(2):hover{background-image: url(/common/img/kf_baoming_on.png);}
.kefu a:nth-child(3){border-radius: 0 0 5px 5px;border-top: 0 none;background-image: url(/common/img/kf_weixin.png);}
.kefu a:nth-child(3):hover{background-image: url(/common/img/kf_weixin_on.png);}
.kefu a:nth-child(4){background-image: url(/common/img/kf_top.png);border-radius: 5px;margin-top: 8px;padding-top: 53px;}
.kefu a:nth-child(4):hover{background-image: url(/common/img/kf_top_on.png);}
.kefu img.wx{display:none;position: absolute;top:132px;right: 80px;}

/* list */
.w1200 {width: 1200px;margin: 0 auto;}
.list_wrap {width: 1200px;margin: 20px auto 0 auto;padding: 0 0 0 0;border-radius:4px;}
.statistics {border-bottom: solid 1px #ddd;padding:0 20px; color: #989da1; background: #fff; position: relative;}
.y_subject{ line-height: 48px;}
.y_subject a{ display: inline-block; color: #333536; margin-right: 30px; font-size: 15px;}
.y_subject a:hover{color: #358fd9;}
.y_subject a.hover{color: #358fd9; font-weight: bold; position: relative;}
.y_subject a.hover::before{ content: " "; width: 100%; height: 2px; position: absolute; bottom: -1px; left:50%; margin-left:-50%;}

.switch_sub{ margin-top: 14px;cursor: pointer;}
.switch_sub i{ vertical-align: middle; display: inline-block; margin-top: -2px;}
.switch_sub:hover{ color: #358fd9; }
.qiehuan_win{ width: 540px; min-height:220px; background: #fff;box-shadow:0 2px 6px rgb(4,30,24,.35); border-radius:4px; position: absolute; top:48px; right: 0; display: none;}
.qiehuan_win .title{ line-height: 44px; border-bottom: dotted 1px #ddd; padding: 0 15px; color: #6c7073;}
.qiehuan_close{ width: 44px; height: 44px; position: absolute; top: 0; right: 0; text-align: center; cursor: pointer;}
.qiehuan_close i{ font-size: 22px;}
.qiehuan_close:hover{ color: #358fd9;}
.qiehuan_con{ padding: 15px 5px 5px 15px;}
.qiehuan_con a{ display: inline-block; line-height: 36px; margin:0 10px 10px 0; background: #f4f5f6; padding: 0 15px; border-radius: 5px; color: #333536;}
.qiehuan_con a.hover{ background: #358fd9; color: #fff;}

.chapter{ background: #fff;}
.chapter_box{ width: 830px; min-height: calc(100vh - 230px); border-right: dotted 1px #ddd; padding: 20px 40px 20px 20px;}
.chapter_con{ margin-bottom: 15px;}
.chapter_con a{ display: inline-block; color: #333536; min-width: 74px; padding: 0 15px; height: 34px; line-height: 34px; background: #f4f5f6; text-align: center;border-radius: 6px; margin-right: 10px;}
.chapter_con a:hover{ color: #358fd9;}
.chapter_con a.hover{ border:solid  1px #b7dcf4; background:#f8fcff; color: #358fd9;}

.chapter_dir{ width: 100%; background: #eceeef; font-size: 12px;}
.chapter_dir li{ float: left; text-align: center; line-height: 32px; color: #989da1;}
.chapter_dir li.dir1{ width:450px; text-align: left; padding-left: 20px;}
.chapter_dir li.dir2{ width: 112px;}
.chapter_dir li.dir3{ width: 114px;}
.chapter_dir li.dir4{ width: 134px;}

.class_list:hover{ backgroun: #f8fef9;}
.oneclass .class_list{ border-bottom: solid 1px #ddd;}
.twoclass .class_list{ border-bottom: dotted 1px #ccc; margin-left: 40px;}
.threeclass .class_list{ border-bottom: dotted 1px #ccc; margin-left: 80px;}
.fourclass .class_list{ border-bottom: dotted 1px #ccc; margin-left: 120px;}
.class_list{ height: 70px;}
.oneclass .dir1{ width:470px; text-align: left; padding-left: 0; float: left; display: flex; align-items: center; height: 70px;}
.oneclass .dir2{ width: 112px; float: left; justify-content: center;display: flex; align-items: center; height: 70px; color: #7c8184;}
.oneclass .dir3{ width: 114px; float: left; justify-content: center;display: flex; align-items: center; height: 70px; color: #7c8184;}
.oneclass .dir4{ width: 134px; float: left; justify-content: center;display: flex; align-items: center; height: 70px; color: #7c8184;}
.class_list:hover .dir1,.class_list:hover .dir2,.class_list:hover .dir3,.class_list:hover .dir_icon{ color: #358fd9;}

.twoclass .dir1{width:415px; padding-left: 15px; position: relative;}
.twoclass .dir1:before{ content: " "; width:4px; height:10px; background: #358fd9; position: absolute; top: 50%; margin-top: -4px; left: 0;}
.threeclass .dir1{width:375px; padding-left:15px;}
.threeclass .dir1:before{ content: " "; width:5px; height:5px; background: #2fb538;border-radius: 3px; position: absolute; top: 50%; margin-top: -2.5px; left: 0;}
.fourclass .dir1{width:335px;}

.class_btn{ display: inline-block; width: 70px; height: 30px; line-height: 30px; border-radius: 5px; text-align: center; border: solid 1px #b7dcf4; background: #f8fcff; color: #358fd9;}
.class_btn:hover{ background: #358fd9; border-color: #358fd9; color: #fff;}

.oneclass .dir1.hover{ color: #358fd9;}
.dir_icon{ font-size: 34px; color: #999;}
.dir_icon.green{ font-size: 34px; color: #2eb337;}
.arrpw_op{ font-size: 22px; cursor: pointer; color: #555;}
.arrpw_op.hover{ color: #989da1;}

.chapter_count{ width: 260px; padding: 20px;}
.count_wrap{ margin-right: 10px; }
.count_wrap li{ float: left; width: 50%; height: 66px; padding-top: 20px; text-align: center; font-family:"微软雅黑"; line-height: 26px;}

.count_box{ padding-top: 20px; margin-right: 10px;}
.count_box li{float: left; width: 33.333%; text-align: center; font-size: 13px;}
.count_box li img{ margin-bottom: -3px;}
.count_box li a{ color: #6c7073; display: inline-block;}
.count_box li a:hover{ color: #358fd9;}

/* 题目详情 */
.topic_head{ padding:5px 20px 5px 20px; background: #fff; position: relative; margin-top: 20px; box-shadow: 0 1px 5px rgb(4 30 24 / 4%);}
.article_box{ width: 860px;}
.article_bt{font-weight: bold; font-size: 15px; line-height: 40px;}
.art_qiehuan{ padding-top: 9px; height: 30px;}
.art_qiehuan i{ display: inline-block; vertical-align: middle;}
.art_qiehuan .chapter_qiehuan{ right: 0; top:44px; min-height:auto;max-height: calc(100vh - 140px); z-index:100;}

.load_box{ padding-bottom: 10px;}
.article_loading{ position: relative; width: 630px; height: 5px; border-radius: 4px; background: #eee; margin-top: 10px;}
.loading_active{height: 4px; border-radius: 4px; background: #358fd9; position: absolute; top: 0; left: 0;}
.article_count{ font-size: 15px; color: #6c7073;}
.moshi{ padding-top: 17px;}
.moshi_op{ width: 120px; height: 34px; padding:0 8px; border: solid 1px #ccc; margin-left: 5px; }
.moshi_op option{ display: inline-block; padding: 10px 0;}

.topic_con{ margin-top:1px; position: relative; background: #fff; box-shadow: 0 1px 5px rgb(4 30 24 / 4%);}
.topic_wrap,.topic_bar{ background: #fff;}
.topic_wrap{ width: 858px; border-right: solid 1px #eee; padding:20px 20px 20px 20px;}

.topic_main{ /* min-height: calc(100vh - 320px); */}
.topic_main::-webkit-scrollbar {width: 4px;height: 4px;scrollbar-arrow-color:eee;}
.topic_main::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.01);background: #fff;scrollbar-arrow-color:fafafa;}
.topic_main::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.01);border-radius: 0;background: #fff;}

.topic_box{ padding: 50px 10px 20px 10px;}
.topic_box .title{  font-weight: bold; font-size: 16px; line-height: 26px; margin-bottom: 10px;}
.topic_box .title img{ max-width: 100%; height: auto; margin-bottom: 10px;background: url(/content/img/loading.gif) no-repeat center center;background-size: 42px 42px; border-radius: 4px;}
.topic_box .mbold{ font-weight: normal;}
.topic_box .textimg{ display: inline-block; width:calc(100% - 40px); vertical-align: top;}
.topic_box .qbg{ background: #f2faff; border: solid 1px #e8f6ff; min-width:280px; text-align: center;border-radius:6px;font-size: 28px;margin: 12px 0;color: #333;
  display: inline-block; padding: 40px 40px;}
.option_box{ padding-top: 5px; font-size: 16px;}
.topic_option{ margin-bottom: 20px; position: relative; cursor: pointer;}
.topic_option p,.analysis_box p{ margin: 2px 0;}
.topic_option:active{ color:#3b9cec;}
.xuhao,.topic_option .dui,.topic_option .cuo{ display: inline-block; width: 24px; height: 24px; line-height: 24px;font-size: 14px; text-align: center; border-radius: 14px; border:solid 1px #ddd; margin-right: 12px;}

.option_box .dadui{ color: #2eb337;}
.option_box .dacuo{color: #fe0000;}
.option_box .dadui .xuhao,.option_box .dacuo .xuhao{ display: none;}
.option_box .pd_doc:before{ content: " "; border-radius: 20px; position: absolute; top: 5px; left: 5px; width: 12px; height: 12px; background: #2eb337; border: solid 2px #fff; display: none;}
.option_box .pandui .pd_doc:before{ display: block;}

.topic_option .dui{ background: #2eb337; color: #fff; border-color: #2eb337; display: none;}
.topic_option .cuo{background: #fe0000; color: #fff; border-color: #fe0000; display: none;}
.topic_option .dui i,.topic_option .cuo i{ font-size: 16px;}
.topic_option .text{ display: inline-block; width: 720px; vertical-align: top; padding-top:2px; line-height: 24px;}
.option_box .dadui .dui,.option_box .dacuo .cuo{ display:inline-block;}

.topic_opbtn{ width: 100%; margin-top: 20px;}
.topic_opbtn a{ display: inline-block; width: 104px; height: 40px; line-height: 40px; background: #2eb337; color: #fff; border-radius: 6px; border-color: #2eb337; text-align: center;}
.topic_opbtn a:active{ box-shadow: 2px 3px 3px rgba(0,0,0,0.1) inset;}

.tiankong_input{ width:800px; min-height: 80px; line-height: 24px; padding: 15px; border: solid 1px #ddd; border-radius: 6px;}
.tk_zuoda{ margin-top: 20px;}
.tk_zuoda .topic_option{ margin-bottom: 0;}

.bottom_op{  background: #fff;  bottom:0; left:50%; border-radius: 6px 6px 0 0; display: flex; text-align: center; align-items: center;}
.bottom_op a,.page_btn a{ display: inline-block; width: 86px; height: 30px; line-height: 30px; border: solid 1px #ace1af; color: #2fb538; border-radius: 3px;}
.bottom_op_con{ }
.bottom_op_con a{ margin-right: 10px;}
.bottom_op_con a:hover{ background: #f3fff4;}
.page_link{ width: 120px;}
.page_link a{ border: solid 1px #a8d9f4; color: #358fd9;}
.page_btn{ position: absolute; top:9px; right:309px;display: flex; justify-content: center; align-items: center; text-align: center; z-index:99;}
.page_btn .page_link{ width: 72px; margin-left:2px;}
.page_btn .page_link a{ width: 66px; height: 28px; line-height: 28px; background: #fff; border: solid 1px #eee; color: #333;}
.page_btn .page_link a:active{ background-color: #e8f6ff;}
.bottom_op a.active,.page_link a.active{color: #989da1; border: solid 1px #dfe5e9;}

.ana_biji{ margin-bottom: 20px;}
.analysis_box{ width: 790px; border: solid 1px #eee; border-radius: 6px; padding:16px 20px; line-height: 28px;}
.analysis{ line-height: 24px;}
.analysis_title{ width: 80px; color: #6c7073; float: left;}
.analysis_con{ width:700px; color: #333536; float: left;}
.analysis_con img{ height: auto; max-width: 100%;}
.answer_true{}

.biji_box{ margin-top: 20px;}
.biji_title{ margin-bottom: 15px;}
.biji_con{ margin-bottom: 15px;}
.biji_touxiang{ width: 58px;}
.biji_list{ width: 700px;}
.biji_name{ line-height: 26px;}
.biji_text{}

.an_winbg{width: 890px;min-height: 400px;background: #fff;position: fixed;left: 50%;bottom: 60px;margin:0 0 0 -600px;border-radius: 6px;box-shadow:0 2px 6px rgb(4,30,24,.35); overflow: hidden;}
.window {width: 600px;min-height: 300px;background: #fff;position: fixed;top: 50%;left: 50%;margin: -150px 0 0 -300px;border-radius: 6px;overflow: hidden;}
.window_title {height: 44px;line-height: 44px;background: #f1f1f1;padding-left: 15px;}
.window_con {padding: 20px;}
.window_close {width: 30px;height: 30px;text-align: center;line-height: 30px;border-radius: 4px;display: inline-block;color: #666;position: absolute;right: 6px;top: 6px;}
.window_close i {font-size: 22px;}
a.window_close:hover {color: #358fd9;border-radius: 15px;}
.window_text {width: 97%;border: solid 1px #ddd; max-width: 830px; max-height: 230px; padding: 10px;line-height: 22px;}
.window_btn {padding-top: 10px;}
.window_btn button {width: 108px;height: 36px;margin-right: 8px;background: #fff;border: solid 1px #ccc;border-radius: 3px;cursor: pointer;}
.window_btn button:active {background: #f1f1f1;}
.window_btn button.main_btn {background: #15ab63;border: solid 1px #15ab63;color: #fff;}
.window_btn button.main_btn:active {background: #0f9e5a;}

.topic_bar{ width: 300px; padding-bottom: 20px; position: relative;}
.datika{ padding: 20px 0 20px 20px; min-height: calc(100vh - 390px); max-height: calc(100vh - 390px); overflow-y: scroll;}
.topic_bar .title{ line-height: 48px; border-bottom: solid 1px #eee; padding-left:15px; position: relative;}
.datika::-webkit-scrollbar {width: 4px;height: 4px;scrollbar-arrow-color:eee;}
.datika::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.01);background: #fff;scrollbar-arrow-color:fafafa;}
.datika::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.01);border-radius: 0;background: #fff;}

.tixing{ width: 78px; height: 32px; line-height: 32px; padding-left: 18px; background: #e8f6ff; color: #358fd9; position: absolute; top: 0; left: 0; clip-path:polygon(0 0%,100% 0,75% 100%,0 100%)}
.answer_tixing{ color: #6c7073; margin-bottom: 10px;}
.answer_tagging {margin-bottom: 15px;color: #666;line-height: 20px;font-size: 12px;}
.answer_tagging .doc{display: inline-block;width: 8px;height: 8px;border-radius: 7px;background: #eee;vertical-align: middle;margin: -3px 4px 0 0;}
.answer_tagging .text{margin-right: 15px;}
.answer_tagging .an_gray { border: solid 1px #ddd; background-color: #fff !important; color: #fff;}
.answer_tagging .yizuo { border: solid 1px #269fe4; background-color: #fff !important; color: #fff;}

.an_time {font-size: 20px;font-weight: bold;font-family: "微软雅黑";float: left;}
.an_bop {float: right;padding-right: 16px;}
.an_bop button {width: 28px;height: 28px;background: #15ab63;color: #fff;border-radius: 14px;border: none;text-align: center;cursor: pointer;}
.an_bop button i {font-size: 12px;margin-left: 1px;display: none;}
.an_bop button bdo {font-size: 12px;}
.an_bop button:active {background: #0f9e5a;}
.answer_number {margin-bottom: 5px;}
.answer_number a {display: inline-block;width: 28px;height: 28px;line-height: 30px;text-align: center;cursor: pointer;background: #fff;border-radius: 15px;margin: 0 5px 10px 0;color: #989da1; border: solid 1px #ccc;}
.answer_number a:hover {background: #269fe4; border:solid 1px #269fe4; color: #fff;}
.answer_number a.green,.answer_number a.green:hover,.an_green { border:solid 1px #2eb337; background-color: #fff !important; color: #2eb337;}
.answer_number a.red,.answer_number a.red:hover,.an_red { border:solid 1px #fe3333; background-color: #fff !important; color: #fe3333;}
.answer_number a.green2,.answer_number a.green2:hover,.an_green2 { border:solid 1px #269fe4 !important; background-color: #269fe4 !important; color: #fff;}
.answer_number a.blue,.answer_number a.blue:hover,.an_blue { border:solid 1px #269fe4; background-color: #269fe4 !important; color: #fff;}
.answer_number a.yizuo,.answer_number a.yizuo:hover,.an_yizuo { border:solid 1px #269fe4; background-color: #fff !important; color: #269fe4;}

.an_btn { width: 300px; height: 70px; background: #fff; position: absolute; z-index: 9; bottom:0; left:0; border-radius: 0 0 6px 6px; display: flex; justify-content: center; text-align: center; align-items: center;}
.an_btn button {width: 120px;height: 34px;background: #fff;border: solid 1px #ddd;cursor: pointer;}
.an_btn button:active {background: #f1f1f1;}
.an_btn button.an_btn_tj {width: 138px;color: #358fd9;border: solid 1px #a8d9f4;margin-right: 6px;}
.an_btn button.an_btn_tj:hover {background: #269fe4;border-color: #269fe4;color: #fff;}
.an_btn button.an_btn_tj:active {background: #358fd9;}

.term_xx_title{ display: inline-block; margin: 0;}
.term_xx_title img{vertical-align: top;}

/*题库详情-安永使用指南*/
.raiders{ width:1200px; min-height:calc(100vh - 40px); background: #fff; position: fixed; top:20px; left: 50%; margin:0 0 0 -600px; border-radius: 6px; overflow: hidden;}
.raiders_title{ height:44px; line-height:44px; background: #f1f1f1; padding-left: 15px;}
.raiders_con{ padding: 20px; max-height:calc(100vh - 124px);font-weight: normal;}
.raiders_close{ height: 30px; line-height: 30px; border-radius: 4px; background: #6c757d; display: inline-block; padding: 0 18px; color: #fff; position: absolute; right: 10px; top: 6px;}
a.raiders_close:hover{ background: #0072c1;}

.raiders_con table{ background: #ddd;}
.raiders_con table th{ background: #f1f1f1; padding: 8px 15px;}
.raiders_con table td{ background: #fff; padding: 8px 15px; text-align: center;}


/* 首页 */
.list_title{ margin-bottom: 20px; font-size: 16px; color: #989da1;}
.topic_type {height:104px;padding:30px 20px; background: #fff; margin-bottom: 20px; box-shadow:0 3px 6px rgb(4,30,24,.05); }
.topic_icon {float: left;width: 184px;height: 108px;margin-right: 18px;display: inline;}
.topic_icon img {border-radius: 6px;width: 184px;height: 108px;}
.topic_text {float: left;width: 550px;}
.topic_bt {font-size: 16px;color: #333;height:42px;}
.topic_state {color: #999;font-size: 14px;margin-bottom: 10px;}
.topic_time{ color: #989da1; margin-top: 16px;}
.progress_bar {width: 550px;height: 4px;border-radius:4px;position: relative;background: #eee;}
.progress_value {height: 4px;position: absolute;top: 0;left: 0;background: #2eb337;border-radius: 4px;}
.topic_btn {float: right;padding-top: 32px;}
.topic_btn a {display: inline-block;width: 116px;height: 38px;line-height: 38px;text-align: center; margin: 0 0 8px 4px;color: #fff;border: solid 1px #358fd9; background: #358fd9;}
.topic_btn a:active {background: #2b88d5;color: #fff;border-color: #2b88d5;}
.topic_btn a.blue_btn{border: solid 1px rgb(222, 222, 222);color: #333; background: #fff; position: relative;}
.topic_btn a.blue_btn:hover{background: #2a8fd3;border-color: #2a8fd3;color: #fff;}
.topic_btn a.blue_btn:active{background: #2084c7;}

/* 错题集 */
.cuotiji{}
.cuotiji .chapter_box{ width:1160px; height: ; border:none; padding: 20px;}
.cuotiji .chapter_dir li.dir1{ width: 840px;}
.cuotiji .chapter_dir li.dir4{ width: 280px;}
.cuotiji .oneclass .dir4{    width: 280px;}
.cuotiji .oneclass .dir1{ width: 860px;}
.cuotiji .twoclass .dir1{ width: 805px;}
.cuotiji .threeclass .dir1{ width: 765px;}
.cuotiji .fourclass .dir1{ width: 725px;}
.cuotiji .class_btn{ width: 88px; margin-right: 10px;}
.cuotiji .chongzuo { background: #f5f5f5; border:  solid 1px #ddd; color: #6c7073;}

.return_page{ margin-top: 14px; cursor: pointer; position: absolute; top: 0; right: 10px;}
.return_page a{ color: #989da1; line-height: 20px; background: #f5f5f5; border: solid 1px #fff; padding: 8px 18px; border-radius: 24px;}
.return_page a:hover{ color: #358fd9;}
.cuotiji_wrap{ margin: 10px auto -12px auto;}
.cuotiji_wrap .statistics{ padding: 0; background:none; border: none;}
.cuotiji_wrap .return_page{ right: 0;}
.cuotiji_wrap .return_page a{ background: #fff;}
.cuotiji_wrap .return_page a:hover{ color: #358fd9; border: solid 1px #fff;}

/* 收藏 */
.shoucang{ padding-top: 14px; height:50px; position: absolute; right: 10px; top: 14px; cursor: pointer;}
.shoucang a.qiebtn{ background: #fff; border: solid 1px #eee; color: #333; padding:8px 15px; border-radius: 20px;}
.shoucang.hover a.qiebtn{ background: #358fd9; border: solid 1px #358fd9; color: #fff;}

.chapter_qiehuan{  min-height: calc(100vh - 175px); max-height: calc(100vh - 175px); overflow-y: scroll; position: absolute; top:64px; right:-10px; border-radius: 6px; z-index: 10; background: #fff; box-shadow: 0 3px 8px rgb(4 30 24 / 15%);}
.chapter_qiehuan::-webkit-scrollbar {width: 4px;height: 4px; scrollbar-arrow-color:fff;}
.chapter_qiehuan::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 5px;background: #fff;scrollbar-arrow-color:fff;}
.chapter_qiehuan::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 0;background: #fff;}
.chapter_qiehuan .chapter_box{width: 760px;}

.chapter_qiehuan .chapter_box{ padding: 20px; border: none;}
.chapter_qiehuan .dir_icon {font-size: 34px;color: #999;}
.chapter_qiehuan .dir_icon.green {color: #2eb337;}
.chapter_qiehuan .oneclass .dir2{color: #989DA1;}

.search_box{ padding: 25px 0;}
.search_root{ height: 44px; line-height: 44px; padding-left: 20px; border-bottom: solid 1px #f5f5f5; position: relative;}
.search_root a.return{ display:block; line-height: 32px; font-size: 12px; padding: 0 18px; background: #f5f5f5; color: #666; position: absolute; top: 6px; right: 10px;}
.search_root a.return:hover{ background: #358fd9; color: #fff;}

.search_list{ padding: 20px; position: relative;}
.search_list .ana_biji{ margin-top: 0;}
.search_list .tixing{ border-radius: 0; background: #f5f5f5; color: #999; display: none;}
.search_list .topic_main {padding: 10px 10px 30px 10px;}
.search_list .topic_box{ padding: 0;}

/* 模拟考场 */
.examination_wrap{ width: 1160px; background: #fff; margin:20px auto; padding:30px 20px; border-radius: 4px; position: relative;}
.examination_title{ font-size: 22px; color: #222;}
.examination_btn{ position: absolute; top: 28px; right: 30px;}
.examination_btn a{ display: inline-block; border-radius:4px ; width: 98px; height: 34px; line-height: 34px; background: #358fd9; color: #fff; text-align: center;}
.examination_room{}

.examination_wrap .chapter_dir{ margin-bottom: 20px;}
.examination_wrap .chapter_dir li.dir1{ width: 410px;}
.examination_wrap .chapter_dir li.dir2{ width: 120px;}
.examination_wrap .chapter_dir li.dir3{ width: 290px;}
.examination_wrap .chapter_dir li.dir4{ width: 320px;}
.examination_wrap .class_list{ height: 80px; border: dashed 1px #ddd; margin-bottom: 20px; border-radius: 4px; display: flex; align-items: center; text-align: center;}
.examination_wrap .class_list:hover{ background: #fff;}
.examination_wrap .class_list .dir1{ width: 410px; padding-left: 20px; text-align: left;font-size: 15px;}
.examination_wrap .class_list .dir1 i{ display: inline-block; vertical-align: middle; margin-right: 12px; margin-top: -4px;}
.examination_wrap .class_list .dir2{ width: 120px;}
.examination_wrap .class_list .dir3{ width: 290px;}
.examination_wrap .class_list .dir4{ width: 320px;}
.examination_wrap .class_list .class_btn{ width: 88px; height: 32px; line-height: 32px; margin-right: 10px; border: solid 1px #22af2c; background: #22af2c; color: #fff;}
.examination_wrap .class_list .class_btn:hover{ background: #13a21d; border-color: #13a21d; color: #fff;}
.examination_wrap .class_list .class_btn.gray{ background: #f5f5f5; border-color: #f5f5f5; color: #666;}

.zujuan_win{ width: 1140px; padding: 20px 30px; background: #fff; min-height: calc(100vh - 180px); position: absolute; top:76px; left: 50%; margin-left: -600px; border-radius: 4px;}
.zujuan_top{ height: 36px; margin-bottom: 10px; font-size: 18px; font-weight: bold;}
.zj_close{ position: absolute; top: 20px; right: 20px;}
.zj_close i{ font-size: 26px; cursor: pointer;}
.zj_close:hover{ color: #358FD9;}

.zj_list{ height: 60px; display: flex; align-items: center;}
.zujuan_text{ width:140px; text-align: right;}
.zujuan_con{ padding-left: 15px;}
.zj_inner{ width: 280px; height: 40px; border-radius: 4px; padding:0 12px; border: solid 1px #ccc; margin-right: 20px;}
.form-control{ width: 200px; height: 42px; padding:0 8px; border-radius: 4px; border: solid 1px #ccc; margin-right: 20px;}
option{ min-height: 3em; padding: 5px;}
.zj_title{ position: relative; padding-left: 15px; font-size: 16px;}
.zj_title:before {content: " ";width: 4px;height: 14px;background: #56bf5c;position: absolute; top: 50%;margin-top: -6px;left: 0;}
.zj_wrap{ width: 780px; height: 60px; display: flex;justify-content: center; align-items: center; text-align: center;}
.zj_btn{ display: inline-block; width: 180px; height: 44px; line-height: 44px; background: #2fb538; color: #fff; border-radius: 6px; border-color: #2fb538; outline: none;}
.zj_btn:hover{ color: #fff; border-color: #19aa22; background-color: #19aa22;}
.zj_btn:active{ box-shadow: 2px 3px 3px rgba(0,0,0,0.1) inset;}




.statistics_con{min-height: calc(100vh - 158px);background: #fff; box-shadow:0 2px 5px rgb(4,30,24,.05);}
.statistics_wrap {border-bottom: solid 1px #eee;line-height: 36px;}
.statistics_tab { width: 930px; line-height: 36px;padding:10px 4px 2px 12px;float: left;}
.statistics_tab a {display: inline-block;padding: 0 20px;border: solid 1px #eee;color: #555;border-radius: 6px;margin:0 8px 8px 0;cursor: pointer;}
.statistics_tab a.hover {background: #15ab63;border-color: #15ab63;color: #fff;}
.statistics_tab a.change {line-height: 30px;margin-top: 3px;}
.statistics_tab a.change:active {background: #f1f1f1;}
.statistics_set {float: right;padding: 8px 15px 0 0;line-height: 36px;}
.set_btn {display: inline-block;color: #555;cursor: pointer;}
.set_btn i {font-size: 18px;display: inline-block;line-height: 36px;vertical-align: top;}
.set_btn:hover {color: #333;}
.subject_con {padding: 24px 24px 1px 24px;width: 780px;float: left;user-select:none;}
.subject_list {margin-bottom: 100px;min-height: calc(100vh - 160px); position: relative;user-select:none;}
.maodian{ position: absolute; top:-30px; left: 0; }
.subject_title {font-size: 16px;line-height: 28px; word-break: break-word;}
.subject_title img{max-width:825px; background:url(/content/img/loading.gif) no-repeat center center;}
.subject_title p{ margin: 0 0 15px 0;}
.subject_option {font-size: 15px;}
.subject_option input {vertical-align: top;border-color: #15ab63;}
.subject_option label {line-height: 20px;display: block;cursor: pointer;color: #666;padding: 8px 0;}
.subject_option label:hover {}
.subject_option p {margin: 0;}
.subject_op {}
.subject_list.hover .subject_btn {display: block;}

.subject_btn {margin-bottom: 10px;padding-top: 2px;display: none;}
.subject_btn a {display: inline-block;height: 30px;line-height: 30px;padding: 0 15px;background: #f5f5f5;border-radius: 4px;color: #999;margin-right: 3px;border: solid 1px #f5f5f5;cursor: pointer;}
.subject_btn a.hover {color: #15ab63;background: #fff;border: solid 1px #cde5d9;}
.subject_btn a:hover{color: #15ab63;}
/*.an_display span {   display: none;}
.an_collect span {   display: none;}*/
.search_list .subject_list { min-height:auto;}

.ReturnMenu{ position:fixed; bottom:20px; right:15px; z-index:9999; _position:absolute; _top:expression(offsetParent.scrollTop); _left:expression(offsetParent.scrollLeft);}
.ReturnMenu a{ display:block; width:40px; height:40px; line-height: 40px; border-radius: 3px; text-align: center; background:#fff; color: #333; transform: rotate(90deg); box-shadow: 0 2px 5px rgb(4 30 24 / 5%);}
.ReturnMenu a.Rettop:hover,.ReturnMenu a:hover{ background-color:#15ab63; color: #fff; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;}
.ReturnMenu a i{ font-size: 24px;}

.search_input {height: 30px;background: #fff;border-radius: 16px;padding-left: 15px;vertical-align: top; box-shadow: 0px 1px 1px #e0e9ee;}
.topic_op li .search {width: 32px;height: 32px;background: #fff;color: #666;border: none;border-radius: 16px;cursor: pointer; box-shadow: 0px 2px 1px #e0e9ee;}
.topic_op li .search:hover {background: #15ab63;color: #fff;}




.content {min-height: calc(100vh - 186px);margin: 0 auto;background: #fff;border-radius: 4px;padding-bottom: 15px;}
.tklist li {float: left;width: 98%;border-bottom: solid 1px #eee;list-style-type: decimal;color: #d5d5d5;}
.tklist li.jg {}
.tklist li::marker {color: #ccc;font-size: 14px;}
.tklist li a {color: #000;height: 50px;line-height: 50px;padding-left: 6px;display: block;background: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tklist li a:hover {background: #3a3a3a;color: #fff;padding-left: 14px;}
.tklist li i.mshu {display: none;}
.point {color: red;padding: 10px 0 6px 20px;margin: 0 0 -10px 0;display: none;}
.seearch-wrap {margin: 0 auto;text-align: center;height: 48px;padding-top: 12px;}
.seearch-wrap .kpmg-input {width: 260px;background: #fff;border-right: none;height: 36px;line-height: 36px;border-radius: 18px 0 0 18px;padding-left: 18px;vertical-align: top;font-size: 14px;}
/* .seearch-wrap .kpmg-input:focus{ border: solid 1px #84bdfc;	box-shadow: 0 0 4px #84bdfc;} */
.seearch-wrap .kpmgbtn {cursor: pointer;background: #0087c1;color: #fff;border: solid 1px #0087c1;height: 36px;line-height: 34px;border-radius: 0 18px 18px 0;padding: 0 18px 0 18px;vertical-align: top;}
.seearch-wrap .kpmgbtn:hover,.seearch-wrap .kpmgbtn.active {background: #0095d5;border: solid 1px #0095d5;}

.winbg {width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 999;}
.winbg {z-index: 999;background: rgba(0, 0, 0, 0.5);filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ac000000', EndColorStr='#ac000000')}
:root .winbg {z-index: 999;background: rgba(0, 0, 0, 0.5);filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000')}
.prompt-win {width:1200px;height: calc(100% - 80px);position: absolute;top:60px;left: 50%;margin: 0 0 0 -600px;background: #fff;overflow: hidden; border-radius: 6px;}
.prompt-win .head {height: 44px;line-height: 44px;background: #fff;color: #000;}
.prompt-win .head .title {padding-left: 15px; font-weight: bold; box-shadow: 0 1px 5px #efefef; font-size: 16px;}
.prompt-win .head .win-close {position: absolute;top: 0;right: 0;}
.prompt-win .head .win-close a.return { height: 44px; overflow: hidden; display: inline-block;padding: 0 14px;color: #333; cursor: pointer;}
.prompt-win .head .win-close a.return i{ font-size: 22px;}
.prompt-win .head .win-close a.return:hover {color: #15ab63;}

.prompt-win .kpmgcont {width:420px;height: calc(100% - 64px);overflow-y: scroll;text-align: center;background: #fff;border-radius: 8px;}
.prompt-win .kpmgcont p {margin: 8px 0;}
.prompt-win .kpmgcont .question img {}
.prompt-win .kpmgcont .answer img {max-height: 100%;margin-bottom: 0;}
.prompt-win .kpmgcont .timu {display: inline-block;background: #6c757d;color: #fff;padding: 2px 10px;border-radius: 12px;}
.prompt-win .kpmgcont .daan {display: inline-block;background: #28a745;color: #fff;padding: 2px 10px;border-radius: 12px;}

.gonglue_con{ padding:10px 20px; font-size: 16px;color: #222;height: calc(100% - 70px); overflow-y: scroll;}

.login-win {width: 816px;height: 460px;position: absolute;top: 50%;left: 50%;margin: -235px 0 0 -408px;background: #fff;overflow: hidden;border-radius: 12px;color: #000;box-shadow: 0 5px 25px rgba(80, 80, 80, .15);}
.login_adv{float: left; padding: 20px 0 20px 20px;}
.login_con{float: right; width: 440px; height: 460px; position: relative;}
.login_adv img{border-radius: 8px;}
.login-win .head-title {height: 44px;line-height: 44px;background: #f5cd40;color: #000;font-size: 16px;padding:0 15px;;}
.login-text {margin-top: 30px;font-size: 28px;margin-bottom: 15px;}
.login-mos {color: #666;font-size: 16px;}
.kpmgcont {padding: 20px 30px;}
.login-code {width: 100%;height: 48px;line-height: 48px;border-radius: 6px;border: 1px solid #ced4da;padding-left: 15px;font-size: 16px;}
input.login-code:focus {border: solid 1px #84bdfc;box-shadow: 0 0 4px #84bdfc;}
.btn-login {width: 100%;height: 48px;line-height: 48px;border-radius: 6px;font-size: 16px;color: #fff;cursor: pointer;border: none medium;background-image: -moz-linear-gradient(180deg, rgb(21, 171, 99) 0%, rgb(33, 188, 114) 100%);background-image: -webkit-linear-gradient(180deg, rgb(21, 171, 99) 0%, rgb(33, 188, 114) 100%);background-image: -ms-linear-gradient(180deg, rgb(21, 171, 99) 0%, rgb(33, 188, 114) 100%);}
.btn-login:hover { background: #15ab63;}
.btn-try_look { background: #d4f1e3; width: 100%;height: 46px;line-height: 46px;border-radius: 6px;font-size: 16px;color: #15ab63;cursor: pointer;border: none medium; border: solid 1px #b8e6d0;}
.tishi {color: #ff0000;text-align: left;}
.btn-try_look:active {background:#15ab63; color: #fff; border: solid 1px #15ab63;}
.pops {color: #999;position: absolute;left: 32px;bottom: 10px;}

.column_wrap {width: 960px;position: fixed;top: 200px;left: 50%;margin: 0 0 0 -480px;}
.column_box {position: inherit;top: 0;left: 0;margin: 0 auto;padding-top: 300px;}
.column_wrap li {float: left;width: 33.33%;text-align: center;color: #fff;}
.column_wrap li a {color: #fff;line-height: 30px;font-size: 18px;}
.column_wrap li a img {border: solid 1px rgba(255, 255, 255, 0.25);border-radius: 12px;}
.column_wrap li .title {display: block;}
.column_wrap li a:hover .title {text-shadow: 1px 1px 5px rgba(0, 0, 0, .5);}
.Vague {filter: blur(0px);position: relative;}
.pages {padding: 15px 15px 10px 15px;border-bottom: solid 1px #eee;margin-bottom: 10px;}
.pages li {float: left;margin: 0 5px 8px 0;display: inline;}
.pages li {width: 32px;height: 32px;line-height: 32px;text-align: center;display: block;border: solid 1px #e5e5e5;color: #000;cursor: pointer;}
.pages li:hover,.pages li.hover {background: #f5cd40;border: solid 1px #f5cd40;}

.graph_wrap {padding: 0 20px;overflow: auto;}
.graph_wrap .question-img img {max-width: 100%;}
.graph_wrap .timu {display: inline-block;background: #6c757d;color: #fff;padding: 2px 10px;border-radius: 3px;}
.graph_wrap .daan {display: inline-block;background: #28a745;color: #fff;padding: 2px 10px;border-radius: 3px;}
.turn_page a {display: block;padding: 0 12px;height: 44px;line-height: 44px;background: #444;position: fixed;color: #fff;}
.turn_page a:hover {background: #f5cd40;color: #222;}
.page_up {top: 0;left: 0;}
.page_down {top: 0;right: 0;}
.topic_title {float: left;line-height: 36px;height: 36px;font-size: 14px;text-align: left;width: 760px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.topic_title a{ color: #333;}
.topic_title a:hover{ color: #358fd9;}

.topic_op {float: right;line-height: 32px;padding-top: 2px;}
.topic_op li {float: left;margin-left: 8px;}
.topic_op li a {display: block;padding: 0 18px;background: #fff;border-radius: 18px;color: #666;}
.topic_op li a:hover {color: #15ab63;}
.topic_op li a.return {background: #fff;color: #555; box-shadow: 0 1px 1px #e0e9ee;}
.topic_op li a:hover {background: #15ab63;color: #fff;}

/*个人中心*/
.user_nav {float: left;width: 180px;background: #f5f5f5;min-height: calc(100vh - 136px);padding-top: 0;overflow: hidden;}
.user_nav li i {display: inline-block;vertical-align: top;font-size: 22px;margin-right: 5px;}
.user_nav li a {line-height: 52px;display: block;color: #333;padding-left: 20px; font-size: 15px;}
.user_nav li a:hover {color: #358fd9;}
.user_nav li a.hover {background: #fff;color: #358fd9;}
.user_con {float: right;width: 980px;padding: 20px;background: #fff; min-height: calc(100vh - 176px);}
.user_tab {text-align: center;}
.user_tab th {background: #f1f1f1;line-height: 36px;font-weight: normal;color: #666;}
.user_tab td {padding: 15px 10px;border-bottom: dotted 1px #ddd;}
.user_tab_title {width: 500px;max-height: 60px;overflow: hidden;text-overflow: ellipsis;}
.user_tab tr.hover td { background: #f5f5f5; color: #333;}
.user_tab_btn button {background: #fff;border: solid 1px #eee;padding: 6px 12px;border-radius: 4px;cursor: pointer;}
.user_tab_btn button:hover {color: #15ab63;}
.user_tab_btn button:active {color: #0aa259;}
.u_textCn{ font-size: 16px; line-height: 28px; margin-bottom: 40px; padding:0 20px;}

/* 分页 */
.page {padding-top: 18px;text-align: right;margin: 0 auto;}
.page a,.page span.pg_arrow {display: inline-block;padding: 3px 12px;line-height: 24px;border: solid 1px #ddd;border-radius: 4px;margin-right: 5px;cursor: pointer;}
.page a.hover,.page a:hover {background: #15ab63;color: #fff;border-color: #15ab63;}
.page a.pg_arrow,.page span.pg_arrow {font-family: "宋体";}

#an_see_win .window {width: 900px;max-height: 640px;margin: -360px 0 0 -380px;}
.time_bar {width: 700px;height: 8px;background: #f1f1f1;border-radius: 10px;position: relative;overflow: hidden;}
.time_load {position: absolute;top: 0;left: 0;height: 8px;border-radius: 10px;background: #15ab63;transform: translateX(-300px);}
.time_text {margin-bottom: 10px;}
body:hover .time_load {transform: translateX(0);transition: all 1s;}
.time_remain {padding-top: 10px;color: #999;margin-bottom: 20px;}
.time_value {opacity: 0;margin: 10px 0 0 -35px;display: inline-block;background: #15ab63;color: #fff; height: 22px; line-height: 22px;border-radius: 4px;padding: 0 5px;position: relative; font-size: 12px;}
.time_sanj {position: absolute;top: -14px;left: 9px;color: #15aa7e;}
body:hover .time_value {opacity: 1;transition: all 2s;}
.time_wrap{padding:20px 0 20px 0; margin:0 20px 10px 20px; border-bottom: dotted 1px #ddd;}

.home .login-win{ width: 540px; height: 520px; z-index: 99; margin: -250px 0 0 -270px; overflow: initial;}
.home .login_con{ width: 540px;}
.home .kpmgcont{ padding: 40px 60px 20px 60px;}
.home .login-code,.home .btn-login,.home .btn-try_look{ height: 54px; line-height: 54px;}
.home .login-code{ width: calc( 100% - 17px);}
.home .btn-try_look{ background: #f5faff; border: solid 1px #d4e7f7; color: #358fd9;}
.home .btn-login{background-image: -moz-linear-gradient(180deg, rgb(53, 143, 217) 0%, rgb(67, 156, 229) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(53, 143, 217) 0%, rgb(67, 156, 229) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(53, 143, 217) 0%, rgb(67, 156, 229) 100%);}
.home .btn-login:active{background:#358fd9;}
.home .btn-try_look:active {background:#358fd9; color: #fff; border: solid 1px #358fd9;}
.home .pops{ left: 60px; bottom: -30px; font-size: 16px;}
.home .pops.red{ color:#ff0000;}
.home .tishi{ font-size: 16px;}
.log_or{ position: absolute; bottom:-30px; font-size: 16px; right: 60px;}

.log_title{ height:64px; background: #eff5f9; line-height: 64px; display: flex; position: relative;  border-radius: 12px 12px 0 0;}
.log_title div{ display:inline-block; width:230px; text-align: center; font-size: 18px; cursor: pointer;}
.log_title div.hover{ width:260px;}
.log_title div.hover span.log1{ width:290px;background: url(../img/log_tbg.png) no-repeat right 0; color: #247DC7; border-radius: 12px 0 0 0;padding-top: 8px; position: absolute; top:-8px; left: 0; font-size: 20px;}
.log_title div.hover span.log2{ width:290px; background: url(../img/log_tbg2.png) no-repeat 0 0; color: #247DC7; border-radius: 0 12px 0 0; padding-top: 8px; position: absolute; top:-8px; right: 0; font-size: 20px;}
.close_login{ cursor: pointer; position: absolute; top: 18px; right: 10px;}
.close_login i{ font-size: 28px;}
.close_login:active{ color: #358fd9;}

.cdyzm{ display: inline-block; padding: 5px 15px; border-radius: 6px; background: #f1f1f1; margin-left: 16px; line-height:28px;}
.reg_dui{ text-align: center; padding-top: 70px; height: 85px;}
.reg_dui i{ font-size: 48px;  color: #fff; padding: 15px; border-radius: 50px;
background-image: -moz-linear-gradient(180deg, rgb(21, 171, 99) 0%, rgb(33, 188, 114) 100%);background-image: -webkit-linear-gradient(180deg, rgb(21, 171, 99) 0%, rgb(33, 188, 114) 100%);background-image: -ms-linear-gradient(180deg, rgb(21, 171, 99) 0%, rgb(33, 188, 114) 100%);}
.gologinbtn{ display: inline-block; line-height: 28px; border: solid 1px rgb(53, 143, 217); padding: 6px 20px; font-size: 16px; color: #fff; border-radius: 6px;background-image: -moz-linear-gradient(180deg, rgb(53, 143, 217) 0%, rgb(67, 156, 229) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(53, 143, 217) 0%, rgb(67, 156, 229) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(53, 143, 217) 0%, rgb(67, 156, 229) 100%);}
a.gologinbtn:hover{ color: #fff; background: #358fd9;}

.tk_fenlei{ background: #fff; margin: 20px auto 0 auto; line-height: 36px;}
.tk_fenlei .title{ height: 40px;  padding: 25px 0 0 32px; border-radius: 6px 6px 0 0; overflow: hidden;}
.tk_fenlei a{ display: inline-block; background: #f5f5f5; padding:0 15px; margin-right: 4px;}
.tk_fenlei a.hover{ background: #358fd9; color: #fff;}
.tk_fl_con a.hover{ color: #358fd9; border: solid 1px #d9e8f4; background: #fff;}
.tk_fl_con{ padding: 15px 0 20px 32px; box-shadow: 0px 3px 5px #e0e9ee; border-bottom: dotted 1px #ebf2f8;}

.fl_mo .d2{background: #fff; padding: 0 0 40px 0; margin-bottom: 20px;}
.fl_mo .d2 li{box-shadow: 0px 3px 5px #e0e9ee; overflow: hidden;}

.details_head{ background: #fff; border-radius: 4px; margin: 20px auto; padding: 25px;}

.Proline{ width:1160px; padding:20px; margin:0 auto 20px auto; background:#ffffff; -webkit-box-shadow: 1px 3px 2px #dddddd;  -moz-box-shadow: 1px 3px 2px #dddddd;  box-shadow:1px 3px 2px #dddddd;}
.protitle{ border-bottom:solid 1px #dfdfdf; padding-bottom:15px; margin-bottom:18px;}
.ProBt h1{ display:inline-block; font-size:20px; vertical-align:middle; color:#505458; padding-left:10px;}
.group{ display:inline-block; padding:3px 8px; background:#ff7700; font-size:12px; color:#ffffff; vertical-align:middle;}
.Proimgtion{ width:580px; }

.activefigure{ width: 470px; float: left; margin-bottom:5px;}
.figure{ width:440px; height:440px; margin-bottom:10px; overflow:hidden; position:relative;}
.figure li{ float:left;} 
.figure img{ width: 440px; height: 440px; border-radius:4px;}
.Smallfigure{ height:100px;}
.Smallfigure ul{ width:590px;}
.Smallfigure li{ float:left; width:102px; height: 102px; margin-right:10.5px; display:inline;  opacity:0.5;filter: alpha(opacity=50); cursor:pointer;}
.Smallfigure li.current{ opacity:1;filter: alpha(opacity=100);}
.xtaber-tabs img{ width: 102px; height: 102px; border-radius:4px;}
.Characteristic{ line-height:22px; color:#484848; position:relative; z-index:3;}
.Characteristic p{ margin-bottom:10px;}
.feature{ padding:15px 15px 25px 15px; position:absolute; top:29px; left:0; border:solid 1px #e1e1e1; font-family:"宋体"; background:#ffffff url(../images/public/tse2.png) no-repeat center bottom;}
.featureCn{ min-height:312px; height:312px; overflow:hidden;}

.details_con{ width: 670px; float: left;}
.details_con h1{ margin-bottom: 10px;}
.details_ms{ color: #888; margin-bottom: 15px;}
.details_label{ padding-bottom: 20px; border-bottom: dotted 1px #ccc; margin-bottom: 30px;}
.details_label span{ display: inline-block; padding: 6px 15px; margin-right: 8px; color: #ff9900; background:rgba(255,170,0,.08); border: solid 1px rgba(255,170,0,.7); border-radius: 20px;}
.ren_number{ color: #999; position: absolute; right: 0; bottom: 23px;}

.details_kumo{ height: 280px; border-bottom: dotted 1px #ccc;}
.details_km{}
.details_km .title{ color: #888; margin-bottom: 10px;}
.details_km_con{ margin-bottom: 20px;}
.details_km_con a{display: inline-block; padding: 10px 16px; margin-right:12px; color: #333; background: #fff; border: solid 1px #ddd; border-radius:4px;}
.details_km_con a.hover{color: #fff; background: #358fd9; border: solid 1px #358fd9;}

.details_pr{ padding-top: 30px; margin-top:15px;}
.details_price{ font-size: 30px; color:#ff6600; float: left;}
.details_op{ float: right;}
.details_op a{display: inline-block; padding: 12px 24px; color: #fff; background: #ff6600; border: solid 1px #ff6600; border-radius:6px;}

.details_body{ margin: 20px auto; position: relative;}
.details_info{ padding: 20px; background: #fff; border-radius: 4px;}
.details_info img{ margin-bottom:-5px;}
.details_info{ width: 750px; float: left;}

.details_bar{ width: 340px; padding: 25px 25px 0 25px; background: #fff; border-radius: 4px; position: absolute; top: 0; right: 0;}
.recommend{ margin-bottom:30px;}
.recommend .title{ border-left: solid 3px #333; padding-left: 10px; font-weight: 600; line-height:16px; font-size: 16px; color: #222; margin-bottom:15px;}
.recommend .pay_title{ width:185px; line-height: 20px;}
.recommend .pay_pro{ margin-bottom:20px;}

.details_sidebar{ width: 340px;}
.details_sidebar .title{ border-left: solid 3px #333; padding-left: 10px; font-weight: 600; line-height:16px; font-size: 16px; color: #222; margin-bottom: 5px;}
.details_sidebar{ font-size: 16px;}
.details_cons{ line-height: 28px;}
.tiku_pay{ background: #fff; border-radius: 4px; padding:30px 40px; margin: 20px auto;}
.tiku_pay_title{ font-size: 20px; font-weight: bold; height: 45px;}

.table_head{ height: 44px; line-height: 44px; display: flex; background: #f5f5f5; color: #989da1; margin-bottom: -1px;}
.table_head div{ text-align: center;}
.table_body{ display: flex; border-bottom: solid 1px #dbe0e4; font-size: 15px;}
.table_body .pay_5{ font-size: 18px; color: #ff6600;}
.table_body .pay_1,.table_body .pay_3,.table_body .pay_4,.table_body .pay_5,.table_body .pay_6{ display: flex; height:148px;text-align: center;align-items: center; justify-content: center;}
.table_body .pay_1,.table_head .pay_1{ width: 260px;}
.table_body .pay_2,.table_head .pay_2{ width: 470px;}
.table_body .pay_3,.table_head .pay_3{ width: 150px;}
.table_body .pay_4,.table_head .pay_4{ width: 150px;}
.table_body .pay_5,.table_head .pay_5{ width: 150px;}

.pay_img{ width: 150px; float: left;}
.pay_pro{ width: 400px; margin: 0 auto;}
.pay_pro img{ width: 150px; display: block; border-radius:4px;}
.pay_title{ width: 240px; float:left; margin-left: 10px; position: relative; height: 84px;}
.table_body .pay_2{ font-size: 16px; margin-top:36px;}
.pay_title .ren_number{ font-size: 14px; left: 0; bottom: 0; color: #358fd9;}

.pay_qr{ margin-top: 20px;}
.pay_qr .h3{ font-size: 16px; margin-bottom: 15px;}
.pay_link{ margin-left: 10px;}
.pay_link a{ display: inline-block; cursor: pointer;}
.pay_link img{ border: solid 1px #eee; border-radius: 6px; padding: 8px 20px;}
.pay_link span{ display: block; text-align: center; line-height:28px;}
.pay_link a.hover{ color: #358fd9;}
.pay_link a.hover img{ border: solid 1px #ccc;}

.pay_je{ font-size:24px; color: #ff6600;}
.pay_op{ position: absolute; right: 0px; bottom:25px;}
a.pay_btn,.pay_btn{ width: 132px; color: #fff; border-radius: 6px; font-size: 18px; display: inline-block; text-align: center; padding: 12px 0;background-image: -moz-linear-gradient(180deg, rgb(255, 102, 0) 0%, rgb(255, 140, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(255, 102, 0) 0%, rgb(255, 140, 0) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(255, 102, 0) 0%, rgb(255, 140, 0) 100%);}
a.pay_btn:active,.pay_btn:active{ background: #ff6600;}

.logreg{ padding-left: 20px;}
.logreg a{ display: inline-block; width: 56px; height: 30px; font-size: 16px; line-height: 30px; border-radius:3px; background: #fff; color: #333; text-align: center; margin-left: 5px;}
.header_home .logreg a.log{ background: #fff; border: solid 1px #fff; color: #349bde;}
.header_home .logreg a.reg{ background: #fff; border: solid 1px #fff; color: #fff; background:none;}

.logreg a.log,.hshow .logreg a.log{ background: #349bde; border: solid 1px #349bde; color: #fff;}
.logreg a.reg,.hshow .logreg a.reg{ border: solid 1px #33b442; color: #33b442; background:none;}
.pay_ok{ }
.pay_ok .gologinbtn{ margin-right: 8px;}
.pay_ok .gologinbtn.pay_ord{  border: solid 1px rgba(53, 143, 217,.4); background: #fff; color:#358fd9;}

.wpay{ text-align: center; font-size: 16px;}
.wpay p{ margin: 0;}

.pay_button { text-align: center; padding-top:50px;}
.pay_button a{ display: inline-block;padding: 12px 24px;color: #333;background: #fff;border: solid 1px #ddd; border-radius: 6px; margin-left:10px;}
.pay_button a.hover{color: #fff;background: #358fd9;border: solid 1px #358fd9;}

.myti_order{ width: 1022px; position: absolute; top: 50%; left:50%; background: #fff; line-height: 20px; margin: -82px 0 0 -1120px; padding: 20px; box-shadow:0 1px 5px rgb(4 30 24 / 30%); display:none; text-align: left; z-index: 9; cursor: default; min-height: 124px;}
.mytiku_ord{ position: relative; display: inline-block;width: 116px;height: 38px;line-height: 38px;text-align: center;border: solid 1px rgb(222, 222, 222);
    color: #333; background: #fff; cursor: pointer; margin: 0 0 8px 4px;}
.mytiku_ord:hover .myti_order{ display:block;}
.mtiku_ord_int{ padding: 10px 0 0 14px;}

.user_data{ display: flex; margin: 0 30px; border-bottom: dotted 1px #ccc; line-height: 28px; padding:20px 0;}
.data_name{ width: 25%;}
.data_int{ width: 50%;}
.data_op{ width: 25%; text-align: right;}

.data_password{ padding:30px 30px 30px 23%; border-bottom: dotted 1px #ccc; background: #fff; margin:-1px 30px 0 30px; }
.data_password .login-code{ width: calc(100% - 18px);}