body{ font-family:"微软雅黑"; font-size:100%;  color:#212121; position: relative;}
li{ list-style:none;}
ul{ padding:0; margin:0;}
a{ color:#444;text-decoration:none}
a:hover{ text-decoration:none !important; color: #272d5a;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover{outline: none !important;}
ul,ol{ margin:0; padding:0; }
img{ max-width:100%;}
input,button {outline:none;}
.login-back{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/login-back.png) center no-repeat; background-size: cover; }
.login-box{ position: fixed; background: #fff; left: 2.85rem; width: 4.85rem; top: 50%; margin-top: -3.25rem; height: 6.5rem; border-radius: 0.2rem; z-index: 100; }
.logo-login{ padding-top: 0.6rem; }
.logo-login img{ margin:0 auto; display: block; width: 2.5rem; }
.logo-tt{ font-size: 0.24rem; color: #333; margin-top: 0.4rem; }
.logo-p{ font-size: 0.12rem; color: #999; margin-top: 0.2rem; }
.login-sm{ width: 3.65rem; margin:0 auto; padding-top: 0.45rem; }
.input-box{ position: relative; margin-bottom: 0.25rem; background: #F7F7F7; border-radius: 0.68rem; }
.input-box .form-control{ background: none; border:none; box-shadow: none; width: 100%; height: 0.68rem; padding-left: 0.78rem; font-size: 0.16rem; }

.input-box img{ width: 0.24rem; position: absolute; left: 0.33rem; top: 50%; margin-top: -0.13rem; }
.btn-login{ width: 100%;background: linear-gradient(117deg, #1C91ED 14%, #629CFD 54%); width: 100%; height: 0.7rem; padding:0; line-height: 0.7rem; font-size: 0.24rem; color: #fff!important; border:none; border-radius: 0.7rem; box-shadow: -10px 10px 30px 0px rgba(23, 145, 236, 0.2); }
.login-footer{ position:fixed; left: 0; right: 0; bottom: 0.2rem; }
.login-footer p{ font-size: 0.14rem; color: #333; }
/***************科目题目选择**************/
.nav-box{ position: fixed; left: 0; top: 0; bottom: 0; overflow-y: auto; width: 2.5rem; background: #589bfb; }
.nav-logo{ position: absolute; left: 0; top: 0.7rem; right: 0; }
.nav-logo img{ display: block; margin:0 auto; width: 1.78rem; }
.nav-ul{ position: absolute; left: 0; right: 0; top: 2rem; bottom: 0.5rem; }
.nav-ul-link{ display: block; padding-left: 0.6rem; line-height: 0.6rem; font-size: 0.2rem; color: rgba(255,255,255,0.7); position: relative; }
.nav-ul-li{ margin:0 0.2rem; margin-bottom: 0.2rem; }
.nav-ul-link i{ position: absolute; opacity: 0.7; left: 0.2rem; top: 0; bottom:0; }
.nav-ul-link span{ position: absolute; right: 0.2rem; top: 50%; color: #fff; margin-top: 0px; transform: rotate(-90deg); }
.nav-ul-link.active{ color: #fff; background: #6DB2FF; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1608); border-radius: 10px; }
.nav-down li a{ display: block; color: #fff; font-size:0.18rem; padding-top: 0.1rem; padding-bottom: 0.1rem; position: relative; padding-left: 0.7rem; }
.nav-down li a:before{ display: block; content: ""; position: absolute; left: 0.5rem; top: 50%; width: 0.1rem; height: 0.1rem; border-radius: 50%; background: #fff; margin-top: -0.05rem; }
.nav-down{ padding-top: 0.1rem; display: none; }
.nav-ul-link.active span{ transform: rotate(180deg); margin-top: -2px; }
.nav-ul-link i img{ width: 0.28rem; }
.nav-ul-link:hover,.nav-ul-link:focus{ color: #fff; }
.nav-ul-link.active i{ opacity: 1; }
.nav-click{ position: absolute; right: 0; top: 0; width: 0.6rem; height: 0.6rem; z-index: 100; }
.header-top{ position: fixed; padding-right: 0.5rem; padding-top: 0.3rem; left: 2.5rem; right: 0; top: 0; height: 1.2rem; background: #e8f4fd; z-index: 1000; }
.bottom-box{ position: fixed; left: 2.5rem; right: 0; bottom: 0; top: 1.2rem; overflow-y:auto; padding:0 0.5rem 0.3rem 0.5rem; }
.tabs-ul li{ display: inline-block; margin:0 0.3rem; margin-bottom: 0.3rem; }
.tabs-ul li a{ font-size: 0.28rem; line-height: 0.54rem; color: #333; opacity: 0.5; background: url(../images/icon-tabs01.png) left center no-repeat; background-size: 0.71rem auto; display: block; position: relative; padding-left: 0.86rem; }
.tabs-ul li.active a{ opacity: 1; }
.chooise-back{ border-radius: 0.17rem; padding:0.3rem 0.2rem; background: #F9F9F9; margin-bottom: 0.6rem; }
.chooise-title{ font-size: 0.22rem; padding-left: 0.1rem; color: #333; border-left: solid 0.05rem #599BFB; }
.chooise-ul li{ float: left; margin-right: 0.6rem; margin-top: 0.25rem; }
.chooise-ul li a{ display: block; position: relative; background: url(../images/icon-xz01.png) left center no-repeat; background-size: 0.17rem auto; padding-left: 0.3rem; font-size: 0.18rem; color: #333; }
.chooise-ul li a input{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }
.chooise-ul li a.active{ background: url(../images/icon-xz02.png) left 0.01rem no-repeat; background-size: 0.23rem auto; }
.btn-ul li{ display: inline-block; margin:0 0.3rem; width: 2rem; }
.user-link{ display: block; margin-left: 0.5rem; float: left; line-height: 0.57rem; font-size: 0.18rem; color: #333; }
.user-link img{ float: left; width: 0.57rem; height: 0.57rem; border-radius: 50%; margin-right: 0.15rem; }
.link-left li a{ display: block; margin-bottom: 0.1rem; margin-right: 0.15rem; position: relative; background: linear-gradient(180deg, #FFFFFF 0%, #F5FBFF 100%); padding-top: 0.18rem; padding-left: 0.9rem; border-radius: 0.1rem; border: 1px solid rgba(23, 145, 236, 0.3098); width: 4rem; height: 0.9rem; }
.link-left li a img{ position: absolute; left: 0.2rem; top: 0.2rem; width: 0.54rem; }
.link-left{ padding-top: 0.3rem; }
.link-tt{ font-size: 0.2rem; color: #333; }
.link-p{ font-size: 0.12rem; color: #999; margin-top: 0.05rem; }
.link-left{ width: 8.3rem; }
.link-left li{ float: left; }
.link-right{ position: absolute; left: 0.9rem; top: 50%; transform: translate(0,-50%); }
.link-right-box{ width:7.1rem; padding-top: 0.3rem; }
.jd-box{ display: block; width: 100%; position: relative; background: #599BFB; height: 1.37rem; border-radius: 0.1rem; border: 1px solid rgba(23, 145, 236, 0.3098); }
.jd-box img{ position: absolute; left: 0.4rem; top: 50%; width: 0.59rem; margin-top: -0.29rem; }
.jd-box-txt{ position: absolute; left:1.4rem; top: 50%; transform: translate(0,-50%);  }
.jd-box-top{ font-size: 0.16rem; color: #fff; }
.jd-box-bottom{ font-size: 0.26rem; color: #fff; margin-top: 0.2rem; }
.jd-right{ position: absolute; right: 0.5rem; bottom: 0.2rem; min-width: 200px; }
.progress{ height: 5px; background-color: #255daf; box-shadow: none; margin-bottom: 0.15rem; }
.progress-bar{ background: #fff; }
.pro-txt{ font-size: 0.12rem; color: #fff; opacity: 0.5; }
.pro-p{ font-size: 0.12rem; color: #fff; margin-top: 0.1rem; }
.jd-box-b{ background: #00b19d; margin-top: 0.15rem; }
.ks-box-center{ width: 1400px; margin:25px auto; }
.ks-left{ width: 260px; }
.ks-left-top{ border-radius: 8px;
opacity: 1;
margin-bottom: 10px;
background: linear-gradient(180deg, #FFFFFF 0%, #F5FBFF 100%);
height: 80px;
border: 1px solid #1791EC; padding:0.1rem 0; }
.ks-left-top-tt{ font-size: 22px; color: #333; border-left: solid 3px #599BFB; padding-left: 10px; }
.ks-left-a{ border-radius: 45px; display: block;
padding:10px 25px; color: #fff; font-size: 13px;

background: linear-gradient(126deg, #1C91ED 13%, #629CFD 58%);

box-shadow: -27px 20px 45px 0px rgba(23, 145, 236, 0.2); margin:15px 0 0 35px; }
.ks-left-top-b{ height: 308px; }
.user-img img{ width: 120px; height: 120px; display: block; border-radius: 50%; margin:0 auto; }
.user-img{ margin-top: 20px; }
.user-p p{ font-size: 14px; color: #333; margin-bottom: 10px; }
.user-p{ margin-top: 20px; padding-left: 20px; }
.date-number{ font-size: 29px; color: #599BFB; margin-left: 25px; margin-top: 10px; }
.ks-left-top-c{ height: 364px; }
.tj-ul li{ margin-bottom:15px; font-size: 14px; }
.tj-ul li span{ color: #599BFB; }
.tj-ul{ margin:0 20px; padding-top: 30px; }
.tj-btn{ margin:0 20px; padding-top: 60px; }
.tj-btn a{ display: block; float: left;background: linear-gradient(133deg, #1C91ED 12%, #629CFD 62%);

box-shadow: -27px 20px 45px 0px rgba(23, 145, 236, 0.2); font-size: 14px; text-align: center; width: 100px; height: 35px; line-height: 35px; border-radius: 35px; color: #fff; }
.tj-btn a.r{ float: right; background: linear-gradient(133deg, #57C6B3 12%, #359E93 62%);

box-shadow: -27px 20px 45px 0px rgba(36, 183, 133, 0.2); }
.ks-center{ width: 780px; margin-left: 10px; }
.ks-left-top-d{ height: 300px; }
.ks-title{ font-size: 20px; color: #333; margin:30px 30px 15px 30px; }
.ks-left-top-e{ height: 88px; }
.chooise-btn a{ display: block; float: left; margin-left: 15px; }
.chooise-btn{ font-size: 14px; line-height: 30px; margin:20px 20px 0 0; }
.chooise-btn span{ margin-left: 15px; }
.pd-txt{ font-size: 14px; margin-top: 20px; margin-left: 50px; }
.pd-btn a{ display: block; float: left;width: 72px;
height: 27px;
border-radius: 6px;
opacity: 1;
background: #E9F2FF; color: #599BFB;
 margin-left: 15px; font-size: 14px;  line-height: 27px; text-align: center; }
.pd-btn a:hover{background: #599BFB; color: #fff; }
.pd-btn{ margin:15px 20px 0 0; }

.dt-ul li{ float: left; margin:0 11px 10px 0; }
.dt-ul li a{ display: block;width: 34px;
height: 34px;
border-radius: 6px;
opacity: 1;
text-align: center; line-height: 34px; font-size: 12px; color: #999;
background: #F1F1F1; }
.dt-ul{ margin:20px 13px; height: 260px; overflow-y: auto; }
.dt-ul li a.active{ background: #599BFB;

box-shadow: 0px 5px 7px 0px rgba(89, 155, 251, 0.2784); color: #fff; }
.ks-right{ width: 340px; }
.img-box{ margin:20px 10px 0 10px; }
.ks-left-top-f{ height: 552px; }
.js-ul li a{ display: block; position: relative; padding-left: 32px; font-size: 14px; color: #666; line-height: 21px; background: url(../images/gx01.png) left center no-repeat; }
.js-ul li{ margin:20px 15px 0 15px; }
.jx-box{ border-radius: 13px;
opacity: 1;
margin:20px 15px 0 15px;
background: #FFFFFF;
height: 314px; overflow-y: auto; padding:15px;
border: 1px solid #E1E1E1; }
.jx-title{ font-size: 15px; color: #333; }
.jx-p{ font-size: 12px; line-height: 22px; overflow-y: auto; color: #777; margin-top: 10px; height: 250px; overflow-y: auto; }
.js-ul li a.active{ background: url(../images/gx02.png) left center no-repeat; }
.xz-ul li a{ display: block; position: relative; padding-left: 32px; font-size: 14px; color: #333; line-height: 21px; background: url(../images/gx01.png) left center no-repeat; }
.xz-ul li{ margin:0 15px 20px 15px; }
.xz-ul li a.active{ background: url(../images/gx02.png) left center no-repeat; }
.xz-ul{ margin-left: 20px; margin-top: 0; }
.nav-mb{ background: #f5f5f5; padding:0.2rem 0.5rem; margin:0 -0.5rem; }
.mb-title{ font-size: 0.22rem; color: #333; }
.mb-p{ font-size: 0.14rem; color: #999; margin-top: 10px; }
.nav-b{ font-size: 0.18rem; color: #aaa; padding-top: 0.2rem; }
.nav-b a{ color: #aaa; }
.nav-b span{ padding:0 0.15rem; }
.nav-b a.home{ background: url(../images/home.png) left center no-repeat; background-size: 0.3rem auto; padding-left: 0.43rem; }
.nav-b a.active{ color: #599bfb; }
.lb-title{ font-size: 0.22rem; color: #265dac; margin:0.3rem 0 0.2rem 0; }
.table-box{ border-radius: 8px;
opacity: 1;
margin-bottom:0.3rem;
background: #FFFFFF;
overflow:hidden;
border: 1px solid rgba(61, 171, 255, 0.4784); }
.table > thead > tr > th{ font-size: 0.2rem; font-weight: normal; background: #f1f9ff; padding:0.2rem 0; border:none; text-align: center; }
.table > tbody > tr > td{ font-size: 0.16rem; color: #666; padding:0.2rem; text-align: center; border:none; }
.table{ margin:0; }
.page-txt{ font-size: 0.18rem; color: #333; padding:0.06rem 0rem; }
.page-txt span{ color: #599BFB; }
.pagination > li > a, .pagination > li > span{ font-size: 0.14rem; padding:0.06rem 0.15rem; }
.pagination{ margin-top: 0; display: block; }
.pagination > li{ display: block; float: left; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background: #599bfb; color: #fff; }
.no{ color: #ff9251; }
.dt-ul li a.red{ background: red; color: #fff; }
@media( max-width: 1479px){
	.ks-box-center{ zoom:0.8; }
}
.modal-body{ font-size: 0.16rem; }
.modal-title{ font-size: 0.18rem; }
.modal-footer .btn{ display: block; float: left; }
.gou{ width: 0.52rem; height: 0.27rem; border-radius: 0.1rem; background: #e9f2ff url(../images/gou01.png) center no-repeat; background-size: 0.21rem auto; }
.cuo{ width: 0.52rem; height: 0.27rem; border-radius: 0.1rem; background: #e9f2ff url(../images/cuo01.png) center no-repeat; background-size: 0.18rem auto; }
.gou.active{ background: #599bfb url(../images/gou02.png) center no-repeat; background-size: 0.21rem auto; }
.cuo.active{ background: #599bfb url(../images/cuo02.png) center no-repeat; background-size: 0.18rem auto; }

        .bigimg{width:60%!important; height: auto!important; position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
        .mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}

        .imgbox:hover{cursor:zoom-in}
        .mask:hover{cursor:zoom-out}
        .mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
        .mask>img:hover{cursor:pointer}