/*common css*/
* { word-break: break-all; word-wrap: break-word; } 
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,textarea,div,tr,td,p { margin:0; padding:0; list-style:none; } 
body { position:relative;font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,Microsoft YaHei, SimSun, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;color:#222; } 
a { color:#222; text-decoration:none } 
a:hover { color:#127DFD } 
table { border-collapse:collapse; border-spacing:0; } 
img { border:none; max-width: 100%; } 
em,i { font-style:normal; font-weight: normal; } 
input { outline-style: none; outline-width: 0px; border: none; border-style: none; text-shadow: none; -webkit-appearance: none; -webkit-user-select: text; box-shadow: none; } 
.clear { clear: both; } 
.clearfix:after { content:''; display:block; height:0; clear:both; } 
.clearfix { *zoom:1; } 
.fl { float:left } 
.fr { float:right } 
.page-width { width: 1200px; margin: 0 auto; } 
.graybg { background: #F5F8FC; } 
.empty { text-align: center; font-size: 14px; color: #bbb; padding: 150px 0px 40px 0px; line-height: 24px; background: url(../../images/empty.png) no-repeat 50% 40px; } 
.data-errer { text-align: center; font-size: 14px; color: #bbb; padding: 150px 0px 40px 0px; line-height: 24px; background: url(../../images/errer.png) no-repeat 50% 60px; } 
.empty a { width:120px; height:36px; line-height:36px; text-align: center; display: block; margin:0 auto; background:#127DFD; color:#fff; border-radius:3px; margin-top:15px; } 
.empty a:hover { background:#127DFD; } 

/*radio*/
input[type="checkbox"] { width: 17px; height: 17px; -webkit-appearance: none; cursor: pointer; background-image: url(../check.png); background-repeat: no-repeat; vertical-align: middle; margin-right: 10px; } 
 /*checkbox*/
input[type="checkbox"]:checked { background-position: 0 -17px; } 
input[type="checkbox"]:disabled { background-position: -17px 0; } 
input[type="checkbox"]:checked:disabled { background-position: -17px -17px; } 

input[type="radio"] { width:17px; height:17px; -webkit-appearance:none; cursor: pointer; background-image: url(../radio.png); background-repeat: no-repeat; vertical-align:middle; margin-right: 5PX; } 
input[type="radio"]:checked { background-position: 0 -17px; } 
input[type="radio"]:disabled { background-position: -17px 0; } 
input[type="radio"]:checked:disabled { background-position: -17px -17px; } 
input[name="addressId"],
input[name="DeliveryID"],
input[name="invoiceId"],
input[name="InvoiceContent"],
input[name="PayMentID"] { float:left; margin:2px 10px 0 0; } 
input[name="PayMentID"] { margin-top:0px; float:none; } 

/*分页*/
.paging { text-align: center; margin-top: 25px; } 
.paging-box,
.paging-box2 { display: inline-block; } 
.paging-box a { float:left; min-width:56px; background:#fff; border-radius:6px; font-size:14px; line-height:32px !important; padding: 0 24px;box-sizing: border-box; border: 1px solid #EEF0F3; margin:0 4px; } 
.paging-box a:hover { color:#127DFD; } 
.paging-box .icon-prev,
.paging-box .icon-next { display:block; height:32px; } 
.paging-box .icon-prev:hover { background:url(../../images/paging-prevh.png) no-repeat 50% 50%; } 
.paging-box .icon-next:hover { background:url(../../images/paging-nexth.png) no-repeat 50% 50%; } 
.paging-box .curr,
.paging-box .curr:hover { background: #327DFF;border-radius: 6px;border: 1px solid #327DFF;color: #fff; } 
.paging-box .icon-prev { background:url(../../images/paging-prev.png) no-repeat 50% 50%; } 
.paging-box .icon-next { background:url(../../images/paging-next.png) no-repeat 50% 50%; } 
.paging2 { line-height:34px; padding:15px 0; text-align: center; } 
.paging2 a,
.paging2 span { padding:0 10px; color:#6b6b6b; margin:0 5px; height:28px; line-height: 28px; float:left; border-radius: 3px; } 
.paging2 span { margin:0; } 
.paging2 b { color:#e91c35; } 
.paging2 a { border:1px solid #e3e3e3; } 
.paging2 a:hover { background:#f9f9f9; border:1px solid #e0e0e0; } 

/* 头部通用样式开始 */
.header{background: #fff;box-shadow: 0px 5px 10px 1px rgba(213,224,245,0.32);position: relative;}
.header-top_left { max-width: 318px;height: 64px;overflow: hidden;display: flex;flex-direction: column;justify-content: center;margin-right: 40px; } 
.header-top_left img{max-height: 100%;max-width: 100%;object-fit: cover;}
.header-bottom_left a { float: left;line-height: 64px; position: relative; padding: 0 12px; font-size: 14px;} 
.header-bottom_left a .new { position: absolute; top: -10px; width: 40px; left: 27px; } 
.more-nav { float: left; line-height: 64px; position: relative; position: relative; } 
.more-nav a { margin-left: 0; } 
.more-nav-li { position: absolute; background: #fff; top: 64px; left: 50%; width: 100px; margin-left: -50px; z-index: 10; border-radius: 5px; box-shadow: 0px 2px 5px rgb(0 0 0 / 20%); padding: 10px 0; display: none; } 
.more-nav:hover .more-nav-li { display: block; } 
.more-nav-li a { display: block; line-height: 36px; text-align: center; float: none; font-size: 13px; } 
.header-bottom_left .curr { color: #327DFF; } 
.header-bottom_left .curr::after { content: ''; display: block; width: 100%; background: #327DFF; position: absolute; left: 0; bottom: 0; height: 3px; border-radius: 3px; } 
.more-nav-li .curr::after{display: none;}
.header-search{margin-left: 92px;margin-top: 14px;width: 288px;height: 36px;background: #FFFFFF;border-radius: 4px;opacity: 1;border: 1px solid #D5D9E1;position: relative;overflow: hidden;padding-right: 40px;box-sizing: border-box;}
#search-key-text{width: 100%;height: 100%;padding-left: 20px;box-sizing: border-box;}
.header-search i{width: 40px;height: 34px;background: #FFFFFF;position: absolute;background: url('search-icon.png') no-repeat center;right: 0;top: 0;}
.header-bottom_right { font-size: 16px; font-weight: bold; color: #333333; line-height: 40px; padding-left: 28px; background: url(telicon.png) no-repeat center left; letter-spacing: 2px; background-size: 16px; } 
.header-top_right-img { width: 20px; height: 20px; border-radius: 20px; overflow: hidden; margin-right: 5px; } 
.header-top_right-img img { width: 100%; height: 100%; object-fit: cover; }
.header-top_right{height: 64px;display: flex;flex-direction: row;align-items: center;}
.header-top_right-text{position: relative;}
.header-top_right-text p{font-size: 14px;    max-width: 120px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.header-top_right-user{position: absolute;background: #fff;top: 40px;left: 50%;width: 100px;margin-left: -50px;z-index: 10;border-radius: 5px;box-shadow: 0px 2px 5px rgb(0 0 0 / 20%);padding: 10px 0;flex-direction: column;align-items: center;display: none;}
.header-top_right:hover .header-top_right-user{display: flex;}
.header-top_right-user a{display: block;font-size: 14px;line-height: 35px;}
.header-top_right-btn{width: 110px;height: 36px;background: #327DFF;border-radius: 8px;text-align: center;line-height: 36px; font-size: 14px;color: #FFFFFF;}
.header-top_right-btn font{margin: 0 5px;}
.header-top_right-btn a{color: #FFFFFF;}
/* 头部通用样式结束 */

/**内页公共选择区域**/
.ks-choose { background: #fff; box-sizing: border-box; border-radius: 16px;padding-bottom: 22px;padding-top: 32px; }
.ks-choose .path {padding: 0px 20px;line-height: 19px;font-size: 14px;color: #9DA0A6;margin-bottom: 24px;}
.ks-choose .path span{font-family: '宋体';margin:0 5px;}
.box-select { padding-top: 20px; } 
.box-select .classify { font-size: 14px; line-height: 24px; position: relative; padding-left: 100px;padding-right: 20px; } 
.box-select .classify li{padding: 10px 0px;}
.box-select .classify:last-child { margin-bottom: 0; } 
.box-select .classify span { position: absolute; left: 20px; top: 10px; font-size: 14px; line-height: 28px; display: inline-block; } 
.box-select .classify a { line-height: 28px;display: inline-block;padding: 0 8px;margin-right: 24px; } 
/* #courseTypes { float: left; }  */
.box-select .classify a.curr { background: #D4E6FF; border-radius: 6px; color: #327DFF; } 
.box-select .sort li a{padding:0 18px 0 0;background: url('sort-arrow.png') no-repeat center right;background-size: 14px 14px;cursor: pointer;}
.box-select .sort ul{height: 56px;background: #FFFFFF;box-shadow: 0px 4px 20px 1px rgba(213,224,245,0.48);padding-left: 20px;border-radius: 8px;overflow: hidden;position: absolute;width: 100%;left: 0;box-sizing: border-box;display: none;}
.box-select .sort:hover ul{display: block;}
.box-select .sort:hover li a{background: url('sort-arrowh.png') no-repeat center right;background-size: 14px 14px; color: #327DFF;}
.box-select .sort ul a{line-height: 56px;padding: 0;margin-right: 32px;}
.box-select .sort ul a li{padding: 0;}
.box-select .sort ul a.curr{color:#327DFF;background: none;}
.bigtitle{margin-top: 24px;margin-bottom: 4px;}
.bigtitle h2{line-height: 37px;font-size: 28px;}
/**内页公共选择区域结束**/

/* 底部通用样式开始 */
.footer { background: #1F2833;padding: 58px 0 43px; } 
.footer-top { text-align: center; } 
.footer-top_tel img { width: 46px; height: 46px; vertical-align: middle; margin-right: 20px; } 
.footer-top_tel span { font-size: 36px; line-height: 36px; height: 36px; color: #fff; display: inline-block; vertical-align: middle; letter-spacing: 5px; } 
.footer-top_slogo { margin-top: 36px; color: #fff; line-height: 20px; font-size: 20px; margin-bottom: 32px; letter-spacing: 2px; } 
.footer-top_btn { display: inline-block; height: 49px; line-height: 49px; width: 206px; background: #fff; border-radius: 10px; font-size: 20px; color: #127DFD; margin-bottom: 80px; } 
.footer-slogan{line-height: 25px;font-size: 19px;color: #FFFFFF;margin-bottom: 40px;}
.footer-bottom,.footer-box{ display: flex; justify-content: space-between; align-items: center; } 
.footer-bottom_left{display: flex; flex-direction: column;}
.footer-bottom_item { display: flex;flex-direction: row;align-items: center;margin-right: 36px;} 
.footer-bottom__icon { width: 53px; height: 53px; display: block; margin: auto;margin-right: 10px; } 
.footer-bottom_item h2 { line-height: 21px;font-size: 16px;color: #FFFFFF;font-weight: normal;} 
.footer-bottom_item p { height: 16px;font-size: 12px;color: rgb(255 255 255 / 50%);margin-top: 8px; } 
.footer-bottom_right{text-align: center;}
.footer-bottom_right p{line-height: 16px;font-size: 12px;color:#fff;opacity: 0.7;margin-bottom: 19px;}
.footer-bottom_right img{width: 83px;height: 83px;object-fit: cover;border-radius: 5px;}
.footer-text { border-top: 1px solid rgba(255,255,255,0.1); margin-top: 30px; } 
.footer-text .about ul li { float: left; } 
.footer-text .about ul li a { padding: 0 15px; color: #818a92; line-height: 24px; display: inline-block; font-size: 14px; position: relative; } 
.footer-text .about ul li a:before { content: ''; height: 14px; width: 1px; background: #d3d3d3; position: absolute; right: 0; top: 50%; margin-top: -7px; } 
.footer-text .about ul li a span { position: absolute; left: 15px; top: 50%; margin-top: -7px; display: block; width: 14px; height: 14px; background: url("../images/icon1.png") no-repeat left center; } 
.footer-text .about ul li:first-child a { padding: 0 15px 0 0; } 
.footer-text .about ul li:last-child a:before { display: none; } 
.footer-text .friendLink { margin-top: 20px; font-size: 14px; color: rgb(255 255 255 / 30%); line-height: 24px; } 
.footer-text .friendLink a { color: rgb(255 255 255 / 30%); margin-right: 18px; } 
.footer-text .copyright { margin-top: 10px; font-size: 14px; line-height: 26px;color:rgb(255 255 255 / 30%); } 
.footer-text .copyright a { display: inline-block; color: rgb(255 255 255 / 30%); } 
.footer-text a:hover{color: rgb(255 255 255 / 60%);}
/* 底部通用样式结束 */


/*覆盖考试样式*/
.practice-daily .active{background-color: #127DFD !important;}