/*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: #f9f9f9; } 
.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:20px; background:#fff; border-radius:3px; font-size:14px; line-height:34px !important; padding: 0 7px; border:1px solid #e3e3e3; margin:0 5px; color:#5b5b5b; } 
.paging-box a:hover { color:#127DFD; } 
.paging-box .icon-prev,
.paging-box .icon-next { display:block; height:34px; } 
.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: #fff; color: #127DFD; border: 1px solid #127DFD; } 
.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: url(headbg.png) top left no-repeat #fff; background-size: 100%; height: 170px; } 
.header-top { height: 130px; } 
.header-top_left { width: 318px; margin-right: 121px; height: 68px; margin-top: 31px;overflow: hidden; } 
.header-top_left img{height: 100%;max-width: 100%;object-fit: cover;}
.header-top_center,.header-top_right { margin-top: 37px; } 
.android-btn,.iphone-btn { position: relative; } 
.android-btn_img,.iphone-btn_img { display: none; position: absolute; z-index: 2; width: 130px; height: 130px; top: 50px; left: 50%; margin-left: -65px; padding: 6px; background: #fff; border-radius: 5px; box-shadow: 0px 0px 10px 4px rgb(0 0 0 / 9%); } 
.android-btn_img img,.iphone-btn_img img { width: 100%; height: 100%; object-fit: cover; } 
.android-btn_img::before,.iphone-btn_img::before { content: ''; position: absolute; bottom: 100%; left: 60px; width: 0; top: -7px; height: 0; border-left: 8px solid transparent; border-bottom: 8px solid #fff; border-right: 8px solid transparent; } 
.android-btn:hover .android-btn_img, .iphone-btn:hover .iphone-btn_img { display: block; } 
.android-btn { margin-right: 60px; } 
.android-btn_text,.iphone-btn_text { width: 200px; height: 40px; border-radius: 10px; line-height: 34px; text-align: center; box-sizing: border-box; cursor: pointer; } 
.android-btn_text { background: #FFFFFF; border: 1px solid #FF762F; } 
.iphone-btn_text { background: #127DFD; border: 1px solid #127DFD; } 
.android-btn_text img,.iphone-btn_text img { width: 20px; height: 24px; vertical-align: middle; } 
.android-btn_text span,.iphone-btn_text span { vertical-align: middle; font-size: 16px; font-weight: 400; margin-left: 10px; } 
.iphone-btn_text span { color: #fff; } 
.android-btn_text span { color: #FF762F; } 
.header-bottom_left a { float: left; margin-left: 37px; line-height: 40px; position: relative; padding: 0 6px; font-size: 16px;} 
.header-bottom_left a .new { position: absolute; top: -10px; width: 40px; left: 27px; } 
.more-nav { float: left; margin-left: 37px; line-height: 40px; position: relative; padding: 0 6px; position: relative; } 
.more-nav a { margin-left: 0; } 
.more-nav-li { 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; 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: #127DFD; font-weight: 600; } 
.header-bottom_left .curr::after { content: ''; display: block; width: 100%; background: #127DFD; position: absolute; left: 0; bottom: 0; height: 2px; border-radius: 2px; } 
.more-nav-li .curr::after{display: none;}
.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: 50px; height: 50px; border-radius: 50px; overflow: hidden; margin-right: 20px; } 
.header-top_right-img img { width: 100%; height: 100%; object-fit: cover; } 
.header-top_right-login,.header-top_right-reg { width: 64px; text-align: center; line-height: 22px; height: 24px; border-radius: 12px; font-weight: 400; font-size: 16px; display: inline-block; background: #FFFFFF; box-sizing: border-box; } 
.header-top_right-login { border: 1px solid #127DFD; color: #127DFD; margin-right: 5px; } 
.header-top_right-reg { border: 1px solid #999999; color: #999999; } 
.header-top_right-text p { height: 15px; font-size: 14px; font-weight: 400; color: #999999; margin-bottom:15px; text-align: center; letter-spacing: 2px; max-width: 133px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} 
/* 头部通用样式结束 */

/**内页公共选择区域**/
.ks-choose { background: #fff; padding: 20px; box-sizing: border-box; border-radius: 10px; } 
.box-select { padding-top: 24px; } 
.box-select .classify { font-size: 14px; color: #999; line-height: 24px; margin-bottom: 15px; position: relative; padding-left: 80px; } 
.box-select .classify:last-child { margin-bottom: 0; } 
.box-select .classify span { position: absolute; left: 0; top: 0; font-size: 14px; color: #999; line-height: 24px; display: inline-block; } 
.box-select .classify a { margin-right: 6px; padding: 0 14px; display: inline-block;color: #666; } 
#courseTypes { float: left; } 
.box-select .classify a.curr { background: #127DFD; border-radius:20px; color: #fff; } 
/**内页公共选择区域结束**/

/* 底部通用样式开始 */
.footer { background: url(footerbg.png) no-repeat left bottom; background-size: cover; 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-bottom { display: flex; justify-content: space-between; align-items: center; } 
.footer-bottom_item { text-align: center; } 
.footer-bottom__icon { width: 68px; height: 68px; display: block; margin: auto; } 
.footer-bottom_item h2 { margin-top: 16px; font-size: 16px; color: #fff; font-weight: normal; letter-spacing: 2px; } 
.footer-bottom_item p { font-size: 14px; margin-top: 14px; color: rgb(255 255 255 / 30%); letter-spacing: 1px; } 
.footer-text { text-align: center; 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%);
}
/* 底部通用样式结束 */

/* 右侧悬浮开始 */
.right-fiexd-nav { position: fixed; width: 100px; background: #fff; right:0; top: 190px; z-index: 10; box-shadow: 0px 15px 16px 0px rgba(11, 80, 163, 0.06); border-radius: 10px; } 
.right-fiexd-nav_item { text-align: center; padding: 23px 0; position: relative; cursor: pointer; } 
.right-fiexd-nav_item::before { content: ''; position: absolute; width: 100%; height: 100%; background: #127DFD; top: 0px; left: 0; display: none; } 
.right-fiexd-nav_item::after { content: ''; position: absolute; width: 84px; height: 1px; background: rgb(0 0 0 / 4%); bottom: 0px; left: 8px; } 
.right-fiexd-nav_item .right-fiexd-nav__img { width: 24px; height: 25px; background-position: center; background-repeat: no-repeat; background-size: 24px; position: relative; z-index: 2; display: inline-block; } 
.nav__img1 { background-image: url(ricon1.png); } 
.nav__img2 { background-image: url(ricon2.png); } 
.nav__img3 { background-image: url(ricon3.png); } 
.nav__img4 { background-image: url(ricon4.png); } 
.nav__img5 { background-image: url(ricon5.png); } 
.right-fiexd-nav_item:hover .nav__img1 { background-image: url(riconh1.png); } 
.right-fiexd-nav_item:hover .nav__img2 { background-image: url(riconh2.png); } 
.right-fiexd-nav_item:hover .nav__img3 { background-image: url(riconh3.png); } 
.right-fiexd-nav_item:hover .nav__img4 { background-image: url(riconh4.png); } 
.right-fiexd-nav_item:hover .nav__img5 { background-image: url(riconh5.png); } 
.right-fiexd-nav_item p { font-size: 14px; margin-top: 15px; line-height: 14px; position: relative; z-index: 2; } 
.right-fiexd-nav_item:hover p { color: #fff; } 
.right-fiexd-nav_item:hover::before { display: block; } 
.right-fiexd-nav__box { position: absolute; right: 100px; display: none; background: #127DFD; top: 0; min-height: 100%; min-width: 100%; z-index: 1; } 
.right-fiexd-nav_item:hover .right-fiexd-nav__box { display: block; } 
#return-btn { display: none; } 
#return-btn::after { display: none; } 
.right-fiexd-nav_item:first-child .right-fiexd-nav__box { line-height: 104px; color: #fff; font-size: 18px; padding: 0 20px; white-space: nowrap; letter-spacing: 2px; font-weight: 600; } 
.right-fiexd-nav_item:nth-child(2) .right-fiexd-nav__box,.right-fiexd-nav_item:nth-child(3) .right-fiexd-nav__box,.right-fiexd-nav_item:nth-child(4) .right-fiexd-nav__box { padding: 10px; } 
.right-fiexd-nav_item:nth-child(3) .right-fiexd-nav__box,.right-fiexd-nav_item:nth-child(4) .right-fiexd-nav__box { bottom: 0; top:auto; } 
.right-fiexd-nav__box img { width: 160px; height: 160px; display: block; max-width: 160px;object-fit: cover; } 
.right-fiexd-nav__box h3 { font-weight: normal; text-align: center; font-size: 16px; white-space: nowrap; color: #fff; margin-top: 10px; letter-spacing: 2px; margin-bottom: 10px; } 
/* 右侧悬浮结束 */


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