﻿* { color: #222; }
h2 { font-weight: normal; }
/*首页顶部*/
.index_header, .question_header, .practice_header { width: 100%; height: 44px; line-height: 44px; position: fixed; top: 0; background-color: #fff; z-index: 21; }
.index_header .logo { width: 44px; margin: 0 12px 0 10px; display: block; padding: 9.9px 0; }
.index_header .search_ifram { position: absolute; top: 7px; left: 66px; width: 78%; height: 30px; line-height: 30px; background-color: #f3f3f3; border-radius: 30px; }
.search_ifram div { width: 1px; border-left: 1px solid #999; float: left; height: 12px; margin: 9px 0; }
.search_ifram input[type=text] { border: none; background-color: transparent; padding-left: 6%; width: 78%; font-size: 12px; height: 30px; line-height: 30px; float: left; }
.search_ifram input[type=submit] { border: none; background-color: transparent; float: left; height: 30px; background: url("../images/redesign/search_btn.png") no-repeat center; background-size: 16px; width: 15%; }
/*首页轮播图*/
.focus { width: 100%; height: auto; position: relative; overflow: hidden; margin-top: 44px; }
.focus .bd { position: relative; z-index: 0; }
.focus .bd li img, .question_banner { width: 100%; height: auto; display: block; }
.focus .hd { display: none; }
/* 首页九宫格导航 */
.jiugongge { padding-bottom: 25px; background-color: #fff; margin-bottom: 10px; }
.jiugongge li { margin-top: 25px; width: 25%; text-align: center; float: left; }
.jiugongge .hui-speed-dial-icons {height: 30px;margin-bottom: 13px;overflow: inherit;}
.jiugongge .hui-speed-dial-icons img { height: 30px; }
.jiugongge .hui-speed-dial-icons .vip{height:auto;width: 21px;position: absolute;right: 10%;top: -3px;}
@media screen and (max-width:320px) {
.jiugongge .hui-speed-dial-icons .vip{right: 6%;}
}
/*首页课程列表*/
.index_list{ background-color: #fff; padding: 3px 15px 10px 15px; margin-bottom: 10px; }
.index_list .title{ height: 38px; line-height: 38px; font-size: 15px; font-weight: 600; }
.index_list .title div{ width: 2px; height: 15px; background-color: #0091f4; float: left; margin: 11.5px 5px 11.5px 0; }
.index_list li.free,.index_list li.pay { box-shadow:0 2px 0.24rem 0 rgba(215, 218, 224, 0.6); border-radius: 4px; margin-bottom: 14px; padding-bottom: 10px; }
.index_list .free .xq_courseimg { position: relative; }
.index_list .free .xq_courseimg .play { width: 100%; height: auto; display: block; }
.index_list .free .image-overlay { position: absolute; width: 50px; height: 50px; top: 50%; background-color: rgba(51,51,51,.6); border-radius: 100%; left: 50%; margin-left: -25px; margin-top: -25px; }
.index_list .free .image-overlay img { width: 16px; margin: 15px auto; display: block; }
.index_list .free .kc_cont { background-color: #fff; padding: 0 15px; }
.index_list .free .kc_cont h2 { width: 86%; font-weight: 600; }
.index_list .free .kc_cont a { color: #0091f4; }
.index_list .free .kc_cont_top { margin-top: 10px; line-height: 26px; }
.index_list .free .kc_cont .collect { width: 27px; height: 25.5px; background: url("../images/redesign/collect.png") no-repeat; background-size: cover; }
.index_list .free .kc_cont .collect_l { background: url("../images/redesign/collect_l.png") no-repeat; background-size: cover; }
.index_list .pay{ padding-bottom:0!important; }
.index_list .pay .kc_top { padding: 0 15px; }
.index_list .pay .kc_top .huodong { padding-top: 15px; }
.index_list .pay .huodong div { background-color: #0091f4; border-radius: 4px; padding: 2px 5px; display: inline-block; }
.index_list .pay .huodong p { height: 20px; line-height: 20px; margin-left: 6px; }
.index_list .pay h1 { margin-top: 10px; margin-bottom: 4px; }
.index_list .pay time span { color: #999; margin: 0 9px; }
.index_list .pay .teacher { overflow: hidden; margin: 17px 0; }
.index_list .pay .teacher li {float: left;width: 50px;margin-right: 10px;}
.index_list .pay .teacher li img {width: 40px;height: 40px;border-radius: 100%;margin: 0 auto;display: block;}
.index_list .pay .teacher li p{text-align: center;margin-top: 10px;}
.index_list .pay .kc_bottom { height: 40px; background-color: #FAFAFA; padding: 0 15px; line-height: 40px; }
.index_list .pay .kc_bottom .price { color: #ff4949; margin-left: 6px; font-weight: 600; }
.index_list .more{ width: 100%; height: 34px; line-height: 34px; text-align: center; display: block; }
.index_list .more img{ width: 14px; margin-left: 4px; }
.index_lists{margin-bottom: 0; padding-bottom: 60px;}
.index_list .vip1{left: 56px;top: 11px;position:absolute;width: 25px;}
/*首页底部*/
.index_footer { width: 100%; height: 49px; position: fixed; bottom: 0; left: 0; background-color: #ffffff; box-shadow: 0px -1px 4px 0px rgba(34, 34, 34, 0.1); }
.index_footer li { width: 25%; float: left; height: 49px; }
.index_footer li p { color: #222; font-size: 12px; text-align: center; vertical-align: bottom; }
.index_footer li .icon { width: 100%; height: 20px; margin-top: 6px; margin-bottom: 2px; }
.index_footer li:first-child .icon { background: url("../images/redesign/index_icon.png") no-repeat center; background-size: 20px; }
.index_footer li:nth-child(2) .icon { background: url("../images/redesign/tiku_icon.png") no-repeat center; background-size: 20px; }
.index_footer li:nth-child(3) .icon { background: url("../images/redesign/zhineng_icon.png") no-repeat center; background-size: 20px; }
.index_footer li:nth-child(4) .icon { background: url("../images/redesign/my_icon.png") no-repeat center; background-size: 20px; }
.index_footer li.active:first-child .icon { background: url("../images/redesign/indexl_icon.png") no-repeat center; background-size: 20px; }
.index_footer li.active:nth-child(2) .icon { background: url("../images/redesign/tikul_icon.png") no-repeat center; background-size: 20px; }
.index_footer li.active:nth-child(3) .icon { background: url("../images/redesign/zhinengl_icon.png") no-repeat center; background-size: 20px; }
.index_footer li.active:nth-child(4) .icon { background: url("../images/redesign/myl_icon.png") no-repeat center; background-size: 20px; }
.index_footer li.active p { color: #0091f4; }
/*栏目页*/
.colum_list{padding-top: 59px;}
.colum_switch { position: fixed; top: 50px; right: 10px; z-index: 99; width: 160px; }
.colum_switch .title { margin: 0 8px; height: 35px; line-height: 35px; border-bottom: 1px solid #e8e8e8; font-size: 12px; text-align: center; }
.colum_switch .switch { height: 304px; padding-top: 10px; width: 160px; background-color: #fff; box-shadow: 0px -4px 24px 0px rgba(34, 34, 34, 0.16); }
.colum_switch ul li { height: 38px; line-height: 38px; padding: 0 2px; text-align: center; }
.colum_switch ul li.active { border-left: 2px solid #0091f4; background-color: #f3f3f3; }
.colum_switch ul li.active a { color: #0091f4; }
.colum_switch .switch_btn { margin: 0 8px; height: 40px; line-height: 40px; text-align: center; border-top: 1px solid #e8e8e8; }
.colum_switch .switch_btn div { float: left; width: 50%; }
.colum_switch .switch_btn div a { display: block; }
.colum_switch em { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; display: block; float: right; margin-right: 16px; }
.wuyou_list{margin-top: 83px;padding-bottom: 50px;}
.wuyou img{width:100%;display:block;}
.wuyou_list .index_list {padding-top: 20px;margin-bottom:0}
.wuyou-footer{width:100%; height:50px; background:#ffffff; bottom:0px; left:0px; position:fixed; overflow:hidden; z-index:10; box-shadow: 0 2px 13px 0 #CBD6EC;}
.wuyou-footer a{display:block;text-align: center;line-height: 50px;}
.wuyou-footer a:first-child{width: 68%;}
.wuyou-footer a:last-child{width: 32%;background-color: #0091f4;}
.wuyou-footer img{width:22px;display: inline-block;margin-bottom: -6px;margin-right: 4px;}
.wuyou .shipin_content{display: none;}
/* .wuyou .shipin{width:100%;position: relative;}
.wuyou .shipin_content{position: fixed;display: none;width:100%;top:0;z-index:900;}
.closess{position: fixed;top: 0;left:0;height: 39px;z-index: 999;width:100%;display: none;}
.closess img{width:19px;margin-top:  10px;float:  right;margin-right: 10px;} */
/*首页咨询*/
.consulting { width: 40px; height: 40px; background-color: #fff; position: fixed; right: 10px; bottom: 70px; z-index: 19; border-radius: 100%; box-shadow: 0 1px 2px #d3d3d3; }
.consulting img { width: 22px; height: auto; margin: 10.5px auto; display: block; }
/*题库*/
.question_header a, .practice_header .qiehuan { position: absolute; top: 0; right: 0; padding: 0 15px; }
.question_banner, .class_practice, .paper_list, .setup_list { margin-top: 44px; }
.question_li { padding-bottom: 15px; }
.question_li li { margin-top: 15px; }
.question_list { background-color: #fff; padding: 0 15px 70px 15px; }
.question_list li { padding: 14px 0; border-bottom: 1px solid #e8e8e8; position: relative; }
.question_list h2 { margin-bottom: 4px; }
.question_list span { padding: 0 8px; color: #999; }
.question_list .ceshi_btn, .question_list .free_btn, .question_list .gm_btn { width: 58px; height: 18px; border-radius: 4px; display: block; color: #fff; font-size: 12px; text-align: center; line-height: 18px; position: absolute; right: 0; top: 36px; border: solid 1px #0091f4; }
.question_list .ceshi_btn { background-color: #0091f4; }
.question_list .free_btn { color: #0091f4; }
.question_list .gm_btn { background-color: #f38f17; border: solid 1px #f38f17; }
.question_list .price { color: #ff4949; margin-top: 6px; }
/*随堂练习*/
.practice_header #hui-back:before { color: #222; font-size: 16px; }
.class_practice { padding-bottom: 10px; }
/*我的个人中心*/
.center_top { background-color: #fff; padding: 15px; }
.center_top .cover, .userInfo .cover { width: 60px; height: 60px; display: block; background-size: cover; background-position: center; border-radius: 50%; overflow: hidden; margin: 0 auto; }
.center_top .user_id { padding: 11px 15px; height: 38px; }
.center_top .user_id p:first-child { margin-bottom: 2px; }
.center_top .hui-icons-right { line-height: 60px; padding-right: 0; }
.center_order { background-color: #fff; padding: 3px 15px; margin-top: 10px; }
.center_order_title { height: 44px; line-height: 44px; border-bottom: 1px solid #e8e8e8; display: block; }
.center_li { padding-bottom: 17px; margin-bottom: 0; }
.center_li li { margin-top: 23px; }
.service_li { padding-bottom: 13px; margin-bottom: 0; }
.service_li li { padding-top: 13px; margin-top: 0; }
.service_li1 { margin-top: 12px; }
.center_order .hui-icons-right { padding-right: 0; }
.practice_header .edit { width:44px; height: 44px;position: absolute; z-index: 20; right: 0px; top: 0px;background:url("../images/redesign/save.png") no-repeat center;background-size:18px; }
/*我的个人中心修改*/
.hui-list input::-webkit-input-placeholder { color: #999; }
.hui-list input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; }
.hui-list input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; }
.hui-list input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999; }
.userInfo, .paper_list { background-color: #fff; padding: 15px; margin-top: 44px; }
.userInfo p { margin-top: 10px; margin-bottom: 2px; }
.hui-list { background-color: #fff; margin-top: 10px; }
.hui-list li, .paper_list li { border-bottom: 1px solid #e8e8e8; }
.hui-list input[type=text] { box-sizing: border-box; width: 50%; border: none; outline: none; text-align: right; color: #333; font-size: 15px; float: right; height: 50px; line-height: 50px; }
.city_select { border: none; background-color: transparent; font-size: 15px; float: right; display: block; height: 50px; line-height: 50px; width: 50%; text-align: right; padding-right: 24px; color: #333; }
.hui-icons-right1:after { content: "\e608"; position: absolute; right: 0; color: #333; }
/* picker */
.hui-picker { background: #fff; }
.hui-picker-menu { border-bottom: 1px solid #ededed; }
.hui-picker-line { border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; }
.hui-button-small { color: #fff; background-color: #0091f4; border: none; }
/* 遮罩层 */
#hui-mask { background: rgba(0,0,0, 0.5); display: none; }
/* 我的试卷 */
.paper_list { padding: 0 15px; }
.paper_list li { padding: 15px 0; }
.paper_list .state { line-height: 22px; }
.paper_list .paper_btn { height: 20px; line-height: 20px; border-radius: 2px; border: solid 1px #0091f4; width: 60px; font-size: 12px; text-align: center; color: #fff; background-color: #0091f4; }
.paper_list .paper_btn1 { color: #0091f4; background-color: transparent; }
/* 设置 */
.setup_list { margin-top: 54px; }
.setup_list .hui-icons { padding-right: 0; }
.setup_list ul li { border-bottom: 1px solid #e8e8e8 !important; }
.setup_btn { width: 100%; height: 50px; line-height: 50px; display: block; text-align: center; background-color: #fff; margin-top: 24px; }
/* 我的订单 */
.order_tab { width: 100%; position: fixed; height: 40px; line-height: 40px; top: 44px; z-index: 99; background-color: #fff; }
.order_tab li { width: 25%; float: left; height: 40px; text-align: center; font-size: 15px; color: #333; line-height: 40px; transition: all ease-in-out .6s; position: relative; cursor: pointer; }
.order_tab li.active { color: #0091f4; }
.order_tab li.active em { border-bottom: 2px solid #0091f4; color: #0091f4; position: absolute; bottom: 0; width: 21%; left: 50%; margin-left: -10.5%; }
.order_content { margin-top: 94px; }
.order_content ul li { background-color: #fff; padding: 0 15px 15px 15px; margin-bottom: 10px; }
.order_content .order_top { height: 40px; line-height: 40px; border-bottom: 1px solid #e8e8e8; margin-bottom: 14px; }
.order_content .order_top.order_top:first-child { font-size: 13px; }
.order_content .order_top p:last-child { color: #ff4949; }
.order_content .order_course { margin-bottom: 16px; }
.order_content .order_course div { height: 20px; line-height: 20px; margin-bottom: 4px; }
.order_content .order_summary { height: 30px; line-height: 30px; margin-bottom: 8px; }
.order_content .order_summary p:first-child { font-size: 13px; margin-left: 10px; }
.order_content .order_summary span { margin: 0 2px; }
.order_btn a { width: 70px; height: 22px; line-height: 22px; display: block; text-align: center; border-radius: 2px; }
.order_btn a.pay { background-color: #0091f4; border: 1px solid #0091f4; }
.order_btn a.cancel { background-color: transparent; border: 1px solid #999; margin-right: 20px; }
.order_btn a.logistics { border: 1px solid #0091f4; margin-right: 20px; }
.order_content ul.drop_shipping li { padding-bottom: 2px; }
/* 物流详情 */
.logistics { background-color: #fff; /*padding: 0 22px; margin-top: 44px;*/ }
.logistics1 { background-color: #fff; padding: 0 22px; margin-top: 44px;}
.logistics1 .logistics_no { height: 46px; line-height: 46px; }
.logistics1 .logistics_no p { margin-right: 4px; }
.logistics1 .logistics_no input[type=text] { border: none; height: 46px; font-size: 15px; line-height: 15px; font-family: "Microsoft YaHei"; width: 126px; }
.logistics1 .logistics_no button { width: 14px; height: 46px; background: url("../images/redesign/copy.png") no-repeat left center; background-size: 14px; border: none; }
.logistics_list { margin-top: 10px; padding-bottom: 50px; }
.logistics_list p { color: #999 !important; }
.logistics_list ul { margin-left: 64px; }
.logistics_list ul li { height: 72px; border-left: 1px solid #e8e8e8; width: 100%; position: relative; }
.logistics_list ul li:last-child { height: 35px; border: none; }
.logistics_list ul li:nth-child(2) .adr p, .logistics_list ul li:first-child .time p { color: #333 !important; }
.logistics_list .time { font-size: 13px; color: #999; text-align: right; width: 40px; margin-right: 6px; position: absolute; left: -62px; }
.logistics_list .logistics_icon { width: 33px; height: 33px; border-radius: 50%; border: 1px solid #e8e8e8; position: absolute; left: -17px; top: 0; }
.logistics_list .sign_icon { background: url("../images/redesign/sign-in.png") no-repeat center #e8e8e8; background-size: 20px; }
.logistics_list .sign_icons { background-color: #0091f4; border: 1px solid #0091f4; }
.logistics_list .adr { top: 8px; line-height: 20px; position: absolute; width: 90%; /* height: 30px; */ left: 25px; }
.logistics_list .transport_icon { background: url("../images/redesign/transport_b.png") no-repeat center #0091f4; background-size: 20px; border: 1px solid #0091f4; }
.logistics_list .goods_icon { background: url("../images/redesign/goods.png") no-repeat center; background-size: 22px; }
.logistics_list .max_yuan { width: 13px; background-color: #fff; height: 13px; border-radius: 50%; left: -7px; position: absolute; top: 11px; }
.logistics_list .min_yuan { width: 6px; background-color: #999; height: 6px; border-radius: 50%; margin: 3.5px auto; }
/*我的收藏*/
.collection_tab li { width: 50%; }
.collection_tab li.active em { width: 100%; left: 0; margin-left: 0; }
.collection_content { margin-top: 74px; }
.collection_course { padding: 10px 15px; background-color: #fff; }
.collection_course h2 { display: inline; }
.collection_course .top { line-height: 20px; margin-top: 12px; margin-bottom: 8px; }
.collection_course .top span { padding: 0 4px; }
.collection_course .top .left { width: 86%; }
.collection_course .bottom { height: 20px; line-height: 20px; background: url("../images/redesign/time.png") no-repeat left center; background-size: 14px; padding-left: 20px; }
.collection_course li { border-bottom: 1px solid #e8e8e8; padding-bottom: 8px; }
.collection_content .hui-list li p:last-child { font-family: "hui-font" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right: 24px; }
.collection_content .hui-list li p:last-child:after { content: "\e608"; position: absolute; right: 0; color: #999; }
/*手机号登录*/
.moblie_login { background-color: #fff; padding-top: 44px; }
.moblie_login .user_login { width: 80px; margin: 42px auto; display: block; }
.login-form { width: 300px; margin: 0 auto; }
.login-form .hui-input { border: solid 1px #e8e8e8; border-radius: 2px; height: 40px; line-height: 40px; padding-left: 10px; width: 288px; margin-bottom: 15px; color: #999; }
.login-form .yzmbox, .yzmbox_img { width: 100%; }
.login-form .yzmbox .hui-input { width: 207px; border-right: none; border-radius: 2px 0 0 2px; }
.login-form .yzmbox .yz-button { width: 80px; font-size: 12px; color: #999; height: 40px; border: solid 1px #e8e8e8; border-radius: 0 2px 2px 0; line-height: 40px; display: block; float: right; text-align: center; background-color: #f3f3f3; }
.login-form #submitBtn { background-color: #00A2FF; color: #fff; font-size: 15px; border: none; width: 100%; height: 46px; line-height: 46px; border-radius: 2px; margin-top: 11px; }
/*账号登录*/
.yzmbox_img .hui-input { width: 153px; }
.yzmbox_img .yzm { background-color: #8fcdf7; width: 100px; height: 42px; border-radius: 2px; margin-left: 10px; }
.yzmbox_img .undo { height: 18px; padding: 12px 0 12px 10px; }
.yzmbox_img .undo img { height: 18px; }
.moblie_qiehuan,.registered_login .registered_qiehuan{ width: 100%; height: 20px; line-height: 20px; text-align: center;}
.moblie_qiehuan { position: absolute; bottom: 20px; }
.account_login #submitBtn { margin-top: 15px; }
/*忘记密码*/
.forgot_password { padding-top: 88px; }
.forgot_eyes .hui-pwd-eyes { height: 42px; line-height: 42px; width: 42px; background: url("../images/redesign/close_eyes.png") no-repeat center; background-size: 20px; }
.forgot_eyes .hui-pwd-eyes:before { content: none; }
.forgot_eyes .hui-pwd-eyes-sed { background: url("../images/redesign/open_eyes.png") no-repeat center; background-size: 20px; }
/*注册*/
.registered_login{padding-bottom:24px;}
.registered_login .kaoyanyear { width: 301px; height: 42px; line-height: 42px; text-align: left; color: #333;position:relative; }
.registered_login .hui-icons-down1:after { content: "\e609"; position: absolute; right: 14px; color: #999; }
.registered_login .registered_qiehuan{margin-top:72px;}