@charset "UTF-8";
/*header*/
.navBar { position: fixed; top: 0; z-index: 99; width: 100%; height: 44px; background: #103674; }

.bd4 { -webkit-border-radius: 0.08rem; -moz-border-radius: 0.08rem; -ms-border-radius: 0.08rem; -o-border-radius: 0.08rem; border-radius: 0.08rem; }

.head-back { background: url("../images/ico/head-back.png") no-repeat; }

.head-more { background: url("../images/ico/head-more.png") no-repeat; }

.head-my { background: url("../images/ico/head-my.png") no-repeat; }

.header-left, .header-rigt { height: 22px; position: absolute; top: 11px; }
.header-left a, .header-rigt a { width: 22px; height: 22px; background-size: cover; float: left; }

.header-left { left: 12px; }

.header-rigt, .header-rtxt { right: 12px; }

.header-rtxt { height: 44px; position: absolute; font-size: 16px; line-height: 44px; top: 0; }
.header-rtxt a { color: #FFFFFF; }
.header-rtxt a i { font-size: 18px; }

.header-title { font-size: 17px; line-height: 44px; color: #FFFFFF; text-align: center; padding: 0 60px; }

.search { height: 26x; margin: 8px 12px; background: url(../images/searchbg.png) repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; -moz-border-radius: 3px; position: relative; padding-left: 32px; }
.search i { width: 16px; height: 16px; position: absolute; top: 5px; left: 8px; background: url(../images/search.png) center no-repeat; background-size: cover; }
.search .search-input { width: 100%; height: 28px; font-size: 14px; line-height: 28px; background: transparent; color: #103674; }
.search ::-webkit-input-placeholder { color: #103674; }
.search :-moz-placeholder { color: #103674; }
.search ::-moz-placeholder { color: #103674; }
.search :-ms-input-placeholder { color: #103674; }

.search_box { height: 42px; background: #f5f5f5; padding: 0 12px 0 100px; position: relative; }
.search_box input { width: 100%; height: 42px; line-height: 42px; background: transparent; }

.select { width: 82px; height: 42px; background: url(../images/bg.png) no-repeat 64px center; position: absolute; left: 12px; font-size: 14px; line-height: 42px; cursor: pointer; }
.select .part { top: 42px; width: 85px; left: -12px; background: #f5f5f5; line-height: 30px; position: absolute; z-index: 9; height: auto; zoom: 1; }
.select .part a { width: 85px; height: 28px; cursor: pointer; line-height: 28px; padding-left: 12px; }

.sub-s-ico1 { right: 12px; background: url(../images/search.png) center no-repeat; }

.sub-s-ico2 { right: 32px; background: url(../images/delete.png) center no-repeat; cursor: pointer; }

.sub-s-ico1, .sub-s-ico2 { width: 14px; height: 14px; position: absolute; top: 14px; background-size: cover; }

/*tabNav*/
.tabNav { width: 100%; height: 48px; position: fixed; bottom: 0; z-index: 99; text-align: center; background: #FFFFFF; -webkit-box-shadow: 0px -1px 15px rgba(8, 8, 8, 0.1); -moz-box-shadow: 0px -1px 15px rgba(8, 8, 8, 0.1); -o-box-shadow: 0px -1px 15px rgba(8, 8, 8, 0.1); -ms-box-shadow: 0px -1px 15px rgba(8, 8, 8, 0.1); box-shadow: 0px -1px 15px rgba(8, 8, 8, 0.1); }
.tabNav .tabNav-ico { width: 24px; height: 24px; display: block; margin: 5px auto 2px; }
.tabNav .tabNav-txt { font-size: 10px; line-height: 16px; display: block; }
.tabNav a { color: #a0a0a0; }
.tabNav a .tabNav-home { background: url("../images/ico/tabNav-home.png") no-repeat; }
.tabNav a .tabNav-train { background: url("../images/ico/tabNav-train.png") no-repeat; }
.tabNav a .tabNav-read { background: url("../images/ico/tabNav-read.png") no-repeat; }
.tabNav a .tabNav-my { background: url("../images/ico/tabNav-my.png") no-repeat; }
.tabNav a .tabNav-ico { background-size: cover; }
.tabNav a.cur { color: #103674; }
.tabNav a.cur .tabNav-home { background: url("../images/ico/tabNav-homea.png") no-repeat; }
.tabNav a.cur .tabNav-train { background: url("../images/ico/tabNav-traina.png") no-repeat; }
.tabNav a.cur .tabNav-read { background: url("../images/ico/tabNav-reada.png") no-repeat; }
.tabNav a.cur .tabNav-my { background: url("../images/ico/tabNav-mya.png") no-repeat; }
.tabNav a.cur .tabNav-ico { background-size: cover; }

.page-pt { padding-top: 44px; padding-bottom: 48px; }

.page-t { padding-top: 44px; }

.box { background: #FFFFFF; }

.ind-box { margin: 0 7px; }

.mask { width: 100%; height: 100%; background: url(../images/maskbg.png) repeat; position: absolute; }
.mask span { background: url(../images/ico/mask-play.png) no-repeat; position: absolute; }

.mt10 { margin-top: 10px; }

.ind-menu-news { background: url("../images/ico/ind-menu-news.png") no-repeat; }

.ind-menu-train { background: url("../images/ico/ind-menu-train.png") no-repeat; }

.ind-menu-void { background: url("../images/ico/ind-menu-void.png") no-repeat; }

.ind-menu-book { background: url("../images/ico/ind-menu-book.png") no-repeat; }

.ind-menu-teacher { background: url("../images/ico/ind-menu-teacher.png") no-repeat; }

.ind-menu-resources { background: url("../images/ico/ind-menu-resources.png") no-repeat; }

.ind-menu-ppt { background: url("../images/ico/ind-menu-ppt.png") no-repeat; }

.indNav { text-align: center; background: #FFFFFF; }
.indNav a { color: #222222; }
.indNav .indNav-ico { width: 32px; height: 32px; display: block; margin: 14px auto 0; background-size: cover; }
.indNav .indNav-txt { font-size: 10px; line-height: 30px; display: block; }

.indMenu { height: 44px; font-size: 15px; line-height: 44px; margin: 0 12px; position: relative; padding-left: 20px; }
.indMenu i { width: 14px; height: 14px; position: absolute; left: 0; top: 15px; background-size: cover; }
.indMenu span a { font-size: 12px; color: #888888; }

.indList1 { margin: 0 7px; }
.indList1 ul li { width: 50%; float: left; margin-bottom: 12px; }
.indList1 ul li h2 { line-height: 28px; }
.indList1 ul li p { font-size: 11px; line-height: 18px; position: relative; padding-left: 15px; }
.indList1 ul li p i { font-size: 10px; margin-right: 3px; }
.indList1 ul li p .icon-riqi { position: absolute; top: -1px; left: 0; }
.indList1 ul li img { -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; }

.indList2 { margin: 0 7px; }
.indList2 ul li { width: 33.3333333333%; float: left; margin-bottom: 12px; }
.indList2 ul li h2 { line-height: 28px; }
.indList2 ul li p { font-size: 11px; line-height: 18px; }
.indList2 ul li p i { font-size: 10px; margin-right: 3px; }
.indList2 ul li p .icon-jiangshi1 { font-size: 9px; }
.indList2 ul li img { -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; }
.indList2 ul li .ind-void { position: relative; }
.indList2 ul li .mask { -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; }
.indList2 ul li .mask span { width: 20px; height: 20px; background-size: cover; top: 50%; left: 50%; margin: -10px auto auto -10px; }

.ind-teacher { margin: 0 7px; }
.ind-teacher ul li { width: 25%; float: left; margin-bottom: 12px; }
.ind-teacher ul li img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -moz-border-radius: 50%; }
.ind-teacher ul li h2 { line-height: 24px; margin-top: 5px; }
.ind-teacher ul li p { margin-top: 2px; text-align: center; }

.view-more { font-size: 11px; line-height: 32px; text-align: center; }
.view-more a { color: #a4a4a5; }

/*培训列表*/
.trainList1 { background: #FFFFFF; }
.trainList1 ul li { height: 82px; border-bottom: 1px solid #e9e9e9; padding: 10px 12px 12px 144px; position: relative; }
.trainList1 ul li img { width: 120px; height: 80px; position: absolute; left: 12px; top: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; }
.trainList1 ul li h2 { margin-bottom: 2px; }
.trainList1 ul li p { font-size: 11px; line-height: 18px; }
.trainList1 ul li p span { letter-spacing: 4px; }
.trainList1 ul li .trainb1 { position: absolute; bottom: 12px; right: 12px; }
.trainList1 ul li .price { position: absolute; bottom: 8px; left: 144px; line-height: 18px; }

.trainb1 { width: 60px; height: 18px; border: 1px solid #103674; text-align: center; color: #103674; font-size: 11px; line-height: 18px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -moz-border-radius: 3px; display: block; }

.price { font-size: 18px; color: #ff0000; font-weight: 800; }
.price span { font-size: 12px; }

/*培训动态s*/
.train-news { margin: 0 12px; }
.train-news .train-new-title { font-size: 16px; line-height: 32px; color: #222222; margin-top: 5px; }
.train-news .train-new-note { font-size: 12px; line-height: 18px; color: #888888; border-bottom: 1px solid #e9e9e9; margin: 0 -12px 10px; padding: 0 12px 8px; }
.train-news article { font-size: 12px; line-height: 24px; color: #777777; padding-bottom: 10px; }
.train-news article img { width: auto; height: auto; max-width: 100%; margin: 4px auto; }

/*往期培训s*/
.train-past1 { height: 82px; border-bottom: 1px solid #e9e9e9; padding: 10px 12px 12px 144px; position: relative; }
.train-past1 h1 { font-size: 16px; }
.train-past1 p { font-size: 11px; line-height: 18px; }
.train-past1 .letspc { letter-spacing: 4px; }
.train-past1 img { width: 120px; height: 80px; position: absolute; left: 12px; top: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; }
.train-past1 .trainb1 { position: absolute; bottom: 12px; right: 12px; background: #103674; color: #FFFFFF; }
.train-past1 .price { position: absolute; bottom: 8px; left: 144px; line-height: 18px; }

.trainTab { height: 40px; border-bottom: 1px solid #e9e9e9; font-size: 15px; text-align: center; position: relative; }
.trainTab span { position: absolute; width: 1px; height: 20px; top: 10px; background: #d3d3d3; display: block; }
.trainTab span:first-child { left: 25%; }
.trainTab span:nth-child(2) { left: 50%; }
.trainTab span:nth-child(3) { left: 75%; }
.trainTab a { color: #222222; line-height: 38px; display: block; border-bottom: 2px solid transparent; margin: 0 10%; }
.trainTab .classTab-cur { border-bottom: 2px solid #103674; color: #103674; }

.trainBody .my-teacher { display: none; }
.trainBody .trainRc { display: none; }
.trainBody .trainRc .train-Rcp { padding-right: 0; }

.train-past2 { margin: 0 12px; display: none; font-size: 12px; line-height: 24px; padding: 10px 0px; }

.trainhidden { display: none; }

/*我的-个人中心*/
.my-center1 { height: 176px; background: url(../images/centerbg.jpg) center no-repeat; background-size: cover; text-align: center; position: relative; }
.my-center1 img { width: 80px; height: 80px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -moz-border-radius: 50%; margin-top: 12px; }
.my-center1 h3 { font-size: 16px; line-height: 24px; color: #FFFFFF; }
.my-center1 h3 i { font-size: 14px; color: #ffea00; margin-left: 5px; }
.my-center1 p { font-size: 13px; line-height: 18px; color: #fff; padding-bottom: 5px; }
.my-center1 a { color: #FFFFFF; }
.my-center1 .center-off { width: 30px; height: 20px; background: #83b7ec; display: block; border-radius: 10px 0 0 10px; font-size: 12px; line-height: 20px; position: absolute; top: 46px; right: 0; text-align: left; padding-left: 24px; }
.my-center1 .center-off i { font-size: 12px; margin-right: 3px; position: absolute; top: -1px; left: 6px; }

.center-menu { height: 44px; font-size: 15px; line-height: 44px; border-bottom: 1px solid #e9e9e9; padding: 0 12px; color: #103674; }
.center-menu i { margin-right: 4px; font-size: 14px; }
.center-menu .pull-right { color: #c5c5c5; }
.center-menu a { color: #103674; display: block; }
.center-menu a .pull-right { color: #c5c5c5; }

.center-menu { height: 44px; font-size: 15px; line-height: 44px; border-bottom: 1px solid #e9e9e9; padding: 0 12px; color: #103674; }
.center-menu i { margin-right: 4px; font-size: 14px; }
.center-menu a { font-size: 13px; color: #444; display: block; }

.center-train { padding: 0 12px 12px; border-bottom: 1px solid #e9e9e9; }
.center-train h2 { font-size: 14px; line-height: 36px; }

.center-btm li { font-size: 10px; line-height: 18px; text-align: center; border-right: 1px solid #e6e6e6; }
.center-btm li:last-child { border-right: none; }
.center-btm li a { color: #666666; }
.center-btm li span { color: #ff0000; }
.center-btm li i { margin-right: 3px; }
.center-btm li .icon-qiandao- { font-size: 10px; }
.center-btm li .icon-caishuipeixunfuwu { font-size: 7px; }

.center-trains { height: 70px; position: relative; padding-left: 105px; }
.center-trains img { width: 105px; height: 70px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; position: absolute; left: 0; }
.center-trains .center-btm { padding-top: 16px; margin-right: -12px; }

.center-read ul li { width: 33.3333333333%; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; float: left; box-sizing: border-box; padding-top: 12px; padding-bottom: 10px; }
.center-read ul li .book-box { margin: 0 12px; }
.center-read ul li h2 { font-size: 14px; line-height: 32px; }

.center-read-none { position: relative; height: 72px; padding: 30px 0 30px 143px; text-align: center; border-bottom: 1px solid #e9e9e9; }
.center-read-none img { width: 108px; height: 72px; left: 35px; position: absolute; }
.center-read-none p { font-size: 15px; line-height: 28px; margin-top: 8px; color: #a8a9a9; }
.center-read-none p.color-p1 { color: #103674; }
.center-read-none p.color-p2 { color: #FF0000; }
.center-read-none a { width: 80px; height: 24px; display: block; margin: 4px auto 0; border: 1px solid #103674; -webkit-border-radius: 12px; -moz-border-radius: 12px; -moz-border-radius: 12px; font-size: 15px; line-height: 24px; color: #103674; }

/*我的培训*/
.center-trains1 { height: 70px; position: relative; padding: 12px 12px 12px 117px; background: #FFFFFF; }
.center-trains1 img { width: 105px; height: 70px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; position: absolute; left: 12px; }
.center-trains1 h2 { font-size: 16px; line-height: 32px; padding-left: 12px; }
.center-trains1 .center-btm { margin-right: 12%; margin-top: 10px; }
.center-trains1 .add-qd { background: #00a0ea; color: #FFFDEF; -webkit-border-radius: 10px; -moz-border-radius: 10px; -moz-border-radius: 10px; padding: 3px 12px; }
.center-trains1 .icon-xiugai { font-size: 8px; }

.center-trains2 { position: fixed; width: 100%; top: 148px; bottom: 48px; background: #FFFFFF; }
.center-trains2 ul li { width: 33.3333333333%; height: 33.3333333333%; position: absolute; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; box-sizing: border-box; text-align: center; }
.center-trains2 ul li a { width: 100%; height: 100%; display: block; }

.center-t2c { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); min-width: 100px; text-align: center; }
.center-t2c .center-t2cp { width: 55px; height: 55px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -moz-border-radius: 15px; display: block; margin: 0 auto; }
.center-t2c .center-t2cp img { width: 25px; height: 25px; margin: 15px 0; }
.center-t2c .center-t2ct { font-size: 14px; line-height: 32px; }

.center-t2s1 { top: 0; left: 0; }
.center-t2s1 .center-t2cp { background: #7bbef0; }

.center-t2s2 { top: 0; left: 33.3333333333%; }
.center-t2s2 .center-t2cp { background: #f791c3; }

.center-t2s3 { top: 0; left: 66.6666666667%; }
.center-t2s3 .center-t2cp { background: #7991d2; }

.center-t2s4 { top: 33.3333333333%; left: 0; }
.center-t2s4 .center-t2cp { background: #f7a987; }

.center-t2s5 { top: 33.3333333333%; left: 33.3333333333%; }
.center-t2s5 .center-t2cp { background: #acdc78; }

.center-t2s6 { top: 33.3333333333%; left: 66.6666666667%; }
.center-t2s6 .center-t2cp { background: #b78ffb; }

.center-t2s7 { top: 66.6666666667%; left: 0; }
.center-t2s7 .center-t2cp { background: #fc6d6f; }

.center-t2s8 { top: 66.6666666667%; left: 33.3333333333%; }
.center-t2s8 .center-t2cp { background: #24d0f4; }

.center-t2s9 { top: 66.6666666667%; left: 66.6666666667%; }
.center-t2s9 .center-t2cp { background: #41b883; }

.center-xiugai { margin: 0 25px; }
.center-xiugai ul li { height: 54px; border-bottom: 1px solid #e6e6e6; font-size: 14px; line-height: 54px; position: relative; padding-left: 60px; }
.center-xiugai ul li span { width: 60px; position: absolute; left: 0; color: #a5a4a4; }
.center-xiugai ul li input { text-align: right; }

.xiugau-ico { position: absolute; right: 0; font-size: 14px; height: 22px; top: 0px; }
.xiugau-ico .icon-cross1 { font-size: 12px; }
.xiugau-ico a { margin-left: 3px; color: #CCCCCC; }

/*培训日程*/
.trainRc { background: #FFFFFF; }
.trainRc ul li { height: 82px; border-bottom: 1px solid #e9e9e9; padding: 10px 12px 12px 144px; position: relative; }
.trainRc ul li > img { width: 120px; height: 80px; position: absolute; left: 12px; top: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; }
.trainRc ul li h2 { line-height: 18px; }
.trainRc ul li p { font-size: 11px; line-height: 16px; }
.trainRc ul li p i { font-size: 10px; margin-right: 3px; }
.trainRc ul li .trainb1 { position: absolute; bottom: 12px; right: 12px; }
.trainRc ul li .price { position: absolute; bottom: 8px; left: 144px; line-height: 18px; }

.train-Rcp { position: relative; padding-left: 38px; padding-right: 54px; margin-top: 2px; }
.train-Rcp img { width: 32px; height: 32px; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -moz-border-radius: 50%; left: 0; top: 0; }
.train-Rcp h3, .train-Rcp p { font-size: 10px; line-height: 14px; }
.train-Rcp h3 { color: #666666; }
.train-Rcp p { color: #999999; }

.Rc-study { width: 42px; height: 16px; font-size: 10px; line-height: 16px; text-align: center; position: absolute; bottom: 12px; right: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -moz-border-radius: 3px; }

.Rc-study1 { border: 1px solid #103674; color: #103674; }

.Rc-study2 { border: 1px solid #e2e2e2; color: #e2e2e2; }

.Rc-yqd { width: 21px; height: 20px; background: url(../images/ico/qiandao.png) no-repeat; background-size: cover; position: absolute; top: 12px; right: 22px; }

.Rc-txt { width: 44px; height: 18px; font-size: 10px; line-height: 16px; text-align: center; position: absolute; top: 12px; right: 12px; color: #e2e2e2; }
.Rc-txt a { color: #c90d0d; }

/*注册登陆*/
/*---------- form ----------*/
.form { padding-top: 50px; margin: 0 24px; }

.form_box1, .form_box2 { position: relative; height: 54px; border-bottom: 1px #ddd solid; padding-left: 32px; }

.form_box1 { padding-right: 64px; }

.form_box2 { padding-right: 110px; }

.form_input { width: 100%; height: 54px; background: none; font-size: 14px; color: #222; }

.form_icons { display: inline-block; width: 22px; height: 22px; text-align: center; line-height: 22px; color: #ccc; }

.form_ico { position: absolute; top: 16px; left: 0; font-size: 21px; }

.form_op { position: absolute; top: 16px; right: 0; }

.form_op a { float: left; margin-left: 10px; }

.form_delete { font-size: 12px; }

.form_eye { font-size: 18px; }

.submit_btn { display: block; height: 42px; border-radius: 21px; border: 1px solid #103674; text-align: center; line-height: 42px; font-size: 17px; color: #103674; }

.form_readonly .form_icons { color: #afafaf; }

.form_readonly .form_input { color: #444; }

.form_readonly .form_op { display: none; }

.code_btn1, .code_btn2 { position: absolute; top: 12px; right: 0; display: inline-block; height: 28px; padding: 0 10px; border-radius: 2px; border: 1px solid; background: #fff; line-height: 28px; font-size: 14px; white-space: nowrap; }

.code_img { position: absolute; top: 7px; right: 0; width: 100px; height: 28px; }

.code_img img { width: 100%; height: 100%; }

.code_btn1 { border-color: #ddd; color: #bbb; }

.code_btn2 { border-color: #ccc; color: #999; }

.form_hint { height: 34px; line-height: 34px; font-size: 12px; color: #f92f2f; }

:-moz-placeholder { color: #ccc; }

/* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color: #ccc; }

/* Mozilla Firefox 19+ */
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; }

/*---------- form end ----------*/
.trbox { position: fixed; top: 44px; bottom: 0; width: 100%; text-align: center; }

.tr1 { text-align: center; color: #103674; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); display: block; min-width: 320px; }
.tr1 h1 { font-size: 18px; line-height: 32px; margin-top: 18px; }
.tr1 h3 { font-size: 15px; line-height: 30px; margin-top: 10px; }
.tr1 p { font-size: 12px; line-height: 18px; }
.tr1 a { width: 90px; height: 24px; display: block; margin: 0 auto; background: #169bd4; -webkit-border-radius: 3px; -moz-border-radius: 3px; -moz-border-radius: 3px; color: #FFFFFF; font-size: 12px; line-height: 24px; margin-top: 8px; }

.trimg img { width: 200px; height: 134px; }

.ts-ewm { margin-top: 40px; }
.ts-ewm img { width: 110px; height: 110px; margin-bottom: 5px; }
.ts-ewm p { font-size: 14px; color: #333333; }

/*签到*/
.qdbox { position: fixed; width: 100%; top: 44px; bottom: 0; }
.qdbox .qdhead { width: 100%; height: 69.5%; background: url(../images/qdbg.png) top center no-repeat; background-size: cover; position: relative; }
.qdbox .qdfooter { width: 100%; height: 30.5%; position: relative; }

.qdtc { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); min-width: 320px; }
.qdtc h3 { font-size: 30px; line-height: 42px; text-align: center; color: #FFFFFF; margin-bottom: 15px; }
.qdtc ul { margin: 0px 16%; }
.qdtc ul li { width: 33.3333333333%; float: left; text-align: center; text-transform: uppercase; color: #FFFFFF; font-weight: 800; }

.timebox { width: 56px; height: 60px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; margin: 0 auto; font-size: 30px; line-height: 60px; position: relative; }
.timebox span { position: absolute; }
.timebox .time-left, .timebox .time-rigt { width: 1px; height: 8px; background: #FFFFFF; top: 26px; }
.timebox .time-left { left: -1px; }
.timebox .time-rigt { right: -1px; }
.timebox .time-mid { width: 100%; height: 2px; top: 29px; left: 0; z-index: 1; }

.time-h { background: #fa565a; }
.time-h .time-mid { background: url(../images/time-h-line.png) repeat-x; }

.time-m { background: #2dcb73; }
.time-m .time-mid { background: url(../images/time-m-line.png) repeat-x; }

.time-s { background: #f6bc57; }
.time-s .time-mid { background: url(../images/time-s-line.png) repeat-x; }

.qdnote { height: 40px; margin: 0px 12px; font-size: 11px; line-height: 20px; color: #103674; position: absolute; bottom: 20px; }
.qdnote i { font-size: 10px; margin-right: 3px; }

.adfooter-time { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); min-width: 320px; margin-top: -50px; }
.adfooter-time h2 { font-size: 20px; font-weight: bold; color: #103674; }

.qd-1, .qd-2 { width: 160px; height: 36px; margin: 0 auto; display: block; -webkit-border-radius: 18px; -moz-border-radius: 18px; -moz-border-radius: 18px; font-size: 18px; line-height: 36px; margin-top: 5px; }

.qd-1 { background: #00a0e9; color: #FFFFFF; }

.qd-2 { background: #d4d4d4; color: #a59d9d; }

/*扫码查看班级*/
.sm-class-note { background: #d0e6fb; color: #103674; text-align: center; font-size: 14px; line-height: 32px; }

.sm-class1 { position: relative; height: 80px; border-bottom: 1px solid #e9e9e9; padding: 12px 12px 12px 144px; }
.sm-class1 img { width: 120px; height: 80px; left: 12px; position: absolute; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; }
.sm-class1 h1 { font-size: 16px; line-height: 32px; }
.sm-class1 p { font-size: 11px; line-height: 22px; }
.sm-class1 p i { font-size: 10px; margin-right: 3px; }

.sm-article { font-size: 12px; line-height: 24px; padding: 10px 12px; border-bottom: 1px solid #e9e9e9; }

.sm-enter { width: 100%; height: 40px; bottom: 0; left: 0; font-size: 16px; line-height: 40px; text-align: center; background: #255fbd; color: #FFFFFF; position: fixed; }

.sm-teacher ul li { position: relative; min-height: 66px; margin: 0px 12px; padding-left: 78px; padding-bottom: 12px; border-bottom: 1px solid #e9e9e9; }
.sm-teacher ul li img { width: 66px; height: 66px; position: absolute; left: 0px; top: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -moz-border-radius: 50%; }
.sm-teacher ul li h2 { font-size: 15px; color: #333333; font-weight: bold; line-height: 24px; padding-top: 18px; }
.sm-teacher ul li h3 { color: #666666; font-size: 12px; line-height: 18px; }
.sm-teacher ul li p { color: #888888; font-size: 12px; line-height: 18px; margin-top: 3px; }
.sm-teacher ul li:last-child { border-bottom: none; padding-bottom: 0; }

/*订单中心*/
.my-order { background: #FFFFFF; }
.my-order ul li { padding: 0 12px 12px; border-bottom: 1px solid #e9e9e9; }
.my-order ul li h2 { font-size: 14px; line-height: 36px; }
.my-order ul li h2 .iconfont { color: #b8b8b8; }

.my-orderc { height: 70px; position: relative; padding-left: 117px; font-size: 12px; line-height: 18px; padding-right: 80px; }
.my-orderc img { width: 105px; height: 70px; position: absolute; left: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; }
.my-orderc .price { position: absolute; bottom: -3px; left: 117px; }

.my-orderpay { position: absolute; width: 80px; height: 42px; top: 13px; border-left: 1px solid #e6e6e6; right: -2px; text-align: center; color: #888888; font-size: 12px; padding-top: 2px; line-height: 20px; }
.my-orderpay a { color: #ff0000; border: 1px solid #ff0000; -webkit-border-radius: 3px; -moz-border-radius: 3px; -moz-border-radius: 3px; padding: 0px 5px; margin-top: 3px; }

.my-orderpay1 { line-height: 42px; }

/*讲师*/
.my-teacher ul li { height: 75px; position: relative; padding: 12px 60px 12px 99px; background: #FFFFFF; border-bottom: 1px solid #e9e9e9; }
.my-teacher ul li:last-child { border-bottom: none; }
.my-teacher ul li img { width: 75px; height: 75px; position: absolute; left: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -moz-border-radius: 50%; }
.my-teacher ul li h2 { font-size: 16px; line-height: 32px; }
.my-teacher ul li p { font-size: 14px; }
.my-teacher ul li a i { font-size: 28px; line-height: 25px; position: absolute; top: 37px; right: 10px; color: #d2d2d2; }

.my-teachers1 { height: 75px; position: relative; padding: 12px 12px 12px 99px; background: #FFFFFF; border-bottom: 1px solid #e9e9e9; }
.my-teachers1 img { width: 75px; height: 75px; position: absolute; left: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -moz-border-radius: 50%; }
.my-teachers1 h2 { font-size: 16px; line-height: 32px; }
.my-teachers1 p { font-size: 14px; }

.my-teachers2 { background: #FFFFFF; font-size: 12px; line-height: 24px; padding: 10px 12px 48px; border-bottom: 1px solid #e9e9e9; }

/*阅读*/
.ind-read { border-top: 1px solid #e9e9e9; }
.ind-read ul li { width: 33.3333333333%; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; float: left; box-sizing: border-box; padding-top: 12px; padding-bottom: 10px; }
.ind-read ul li .book-box { margin: 0 12px; }
.ind-read ul li h2 { font-size: 14px; line-height: 32px; }

.ind-resources-p { padding: 0 7px; }
.ind-resources-p ul li { width: 33.3333333333%; float: left; margin-bottom: 5px; }
.ind-resources-p ul li h2 { line-height: 28px; }
.ind-resources-p ul li img { -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; }
.ind-resources-p ul li .ind-void { position: relative; }
.ind-resources-p ul li .mask { -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; }
.ind-resources-p ul li .mask span { width: 20px; height: 20px; background-size: cover; top: 50%; left: 50%; margin: -10px auto auto -10px; }

.ind-resources-t { padding: 0 12px 10px 12px; }
.ind-resources-t ul li { font-size: 14px; line-height: 32px; border-bottom: 1px solid #e9e9e9; position: relative; padding-left: 20px; }
.ind-resources-t ul li i { width: 12px; height: 12px; position: absolute; left: 3px; top: 11px; background-size: cover; }
.ind-resources-t ul li:last-child { border-bottom: none; }

.resources-xls { background: url("../images/ico/resources-xls.png") no-repeat; }

.resources-doc { background: url("../images/ico/resources-doc.png") no-repeat; }

.resources-pdf { background: url("../images/ico/resources-pdf.png") no-repeat; }

.resources-ppt { background: url("../images/ico/resources-ppt.png") no-repeat; }

.resources-void { background: url("../images/ico/resources-void.png") no-repeat; }

.resources-default { background: url("../images/ico/resources-default.png") no-repeat; }

.resources-zip { background: url("../images/ico/resources-zip.png") no-repeat; }

/*扫描查看图书信息*/
.sm-book1 { height: 132px; position: relative; background: #FFFFFF; padding: 12px 12px 12px 115px; }
.sm-book1 img { width: 91px; height: 132px; position: absolute; left: 12px; }
.sm-book1 h2 { font-size: 16px; line-height: 32px; }
.sm-book1 p { font-size: 12px; line-height: 18px; }
.sm-book1 a { width: 70px; height: 24px; font-size: 11px; line-height: 24px; position: absolute; bottom: 12px; right: 12px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -moz-border-radius: 3px; box-sizing: border-box; color: #FFFFFF; }
.sm-book1 .sm-book1a1 { background: #3e9ae8; }
.sm-book1 .sm-book1a2 { background: #103674; }
.sm-book1 .price { position: absolute; bottom: 8px; left: 115px; }

.wxNav { width: 100%; height: 48px; position: fixed; bottom: 0; z-index: 1000; text-align: center; background: #ffffff; border-top: 1px solid #dbdbdb; box-sizing: border-box; }
.wxNav ul li { height: 48px; border-left: 1px solid #dbdbdb; color: #8a8a8a; font-size: 16px; line-height: 48px; position: relative; }
.wxNav ul li:first-child { border-left: none; }
.wxNav ul li i { margin-right: 5px; }
.wxNav ul li > a { color: #8a8a8a; display: block; }
.wxNav ul li .second { width: 90%; background: #FFFFFF; margin: 0px 5%; text-align: center; -webkit-box-shadow: 0 0 15px rgba(8, 8, 8, 0.2); -moz-box-shadow: 0 0 15px rgba(8, 8, 8, 0.2); -o-box-shadow: 0 0 15px rgba(8, 8, 8, 0.2); -ms-box-shadow: 0 0 15px rgba(8, 8, 8, 0.2); box-shadow: 0 0 15px rgba(8, 8, 8, 0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; -moz-border-radius: 3px; position: absolute; display: none; z-index: 10000; padding: 5px 0; }
.wxNav ul li .second .second-sj { width: 14px; height: 10px; background: url(../images/sj.png) no-repeat; background-size: contain; position: absolute; bottom: -10px; left: 50%; margin-left: -7px; }
.wxNav ul li .second > a { display: block; line-height: 32px; border-bottom: 1px solid #c2c2c2; margin: 0 5px; color: #8a8a8a; }
.wxNav ul li .second > a:last-child { border-bottom: none; }
.wxNav .flex-item-1 i { font-size: 28px; }

/*精彩视频*/
.filtermenu { height: 44px; border-bottom: 1px solid #e9e9e9; background: #FFFFFF; padding: 0 12px; position: relative; }
.filtermenu > a { font-size: 16px; line-height: 44px; margin-right: 12px; padding: 0px 6px; color: #222222; display: inline-block; margin-bottom: -1px; }
.filtermenu .filterTab-cur { border-bottom: 1px solid #103674; color: #103674; }

.filter-ico { height: 44px; position: absolute; right: 12px; top: 0; background: url(../images/filter-ico1.png) right center no-repeat; background-size: 14px 8px; line-height: 44px; padding-right: 18px; cursor: pointer; }

.filter-up { height: 44px; position: absolute; right: 12px; top: 0; background: url(../images/filter-ico2.png) right center no-repeat; background-size: 14px 8px; line-height: 44px; padding-right: 18px; cursor: pointer; }

/*filter*/
.filter-hidden { display: none; }

.filterc { width: 100%; position: absolute; left: 0; top: 45px; background: #FFFFFF; padding: 5px 0 10px; display: none; z-index: 9; border-bottom: 1px solid #e9e9e9; }
.filterc > ul > li { position: relative; padding: 0 12px 0 80px; margin-top: 5px; }
.filterc > ul > li span { width: 74px; left: 6px; position: absolute; text-align: right; top: 3px; }

.filter_item { float: left; text-align: center; font-size: 14px; line-height: 22px; margin: 2px 0; }

.filter_link { display: block; color: #222222; *white-space: nowrap; padding: 0px 10px; }

.filter_link:hover, .filter_selected { background: #103674; color: #FFFFFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; -moz-border-radius: 10px; }

.filterbody { background: #FFFFFF; }

.voidList { background: #FFFFFF; padding: 16px 7px 0; display: none; }
.voidList ul li { width: 50%; float: left; margin-bottom: 12px; }
.voidList ul li h2 { line-height: 28px; }
.voidList ul li p { font-size: 11px; line-height: 18px; }
.voidList ul li p i { font-size: 10px; margin-right: 3px; }
.voidList ul li p .icon-jiangshi1 { font-size: 9px; }
.voidList ul li img { -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; }
.voidList ul li .ind-void { position: relative; }
.voidList ul li .mask { -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; }
.voidList ul li .mask span { width: 28px; height: 28px; background-size: cover; top: 50%; left: 50%; margin: -14px auto auto -14px; }

.void1t { background: #FFFFFF; padding: 0 12px 8px; }
.void1t h2 { font-size: 16px; line-height: 36px; }
.void1t p { font-size: 12px; line-height: 20px; }
.void1t p i { font-size: 10px; margin-right: 5px; }

.void-article { padding: 10px 12px; border-top: 1px solid #e9e9e9; font-size: 12px; line-height: 24px; }

/*阅读商城*/
.bookList ul li { height: 110px; border-bottom: 1px solid #e9e9e9; padding: 12px 12px 12px 100px; position: relative; }
.bookList ul li img { width: 76px; height: 110px; position: absolute; left: 12px; }
.bookList ul li h2 { font-size: 16px; line-height: 28px; padding-right: 65px; }
.bookList ul li h4 { font-size: 12px; }
.bookList ul li p { font-size: 12px; line-height: 18px; margin-top: 3px; }
.bookList ul li .price { position: absolute; left: 100px; bottom: 8px; }
.bookList ul li .people { position: absolute; right: 12px; bottom: 10px; font-size: 14px; color: #103674; }
.bookList ul li .goumai { width: 60px; height: 20px; position: absolute; right: 12px; top: 17px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -moz-border-radius: 3px; font-size: 11px; line-height: 20px; }
.bookList ul li .ljgm { border: 1px solid #103674; color: #103674; }
.bookList ul li .yjgm { border: 1px solid #c5c5c5; color: #c5c5c5; }
.bookList ul li:last-child { border-bottom: none; }

.resources { display: none; }

.ind-book { padding: 0 7px; }
.ind-book .ind-book-p { padding: 0 7px; }
.ind-book h2 { line-height: 28px; }

/*add_qd*/
.add_qd { width: 40px; height: 40px; position: absolute; top: 10px; right: 10px; }
.add_qd img { width: 40px; height: 40px; }

.books1 { height: 132px; position: relative; background: #FFFFFF; padding: 12px 12px 12px 115px; }
.books1 img { width: 91px; height: 132px; position: absolute; left: 12px; }
.books1 h2 { font-size: 16px; line-height: 32px; color: #333; font-weight: bold; }
.books1 ul.books1-t li { font-size: 12px; line-height: 18px; color: #666; float: left; }
.books1 ul.books1-t li.books1-tw1 { width: 40%; }
.books1 ul.books1-t li.books1-tw2 { width: 60%; }
.books1 ul.books1-b { margin: 0 -6px; position: absolute; left: 115px; bottom: 10px; right: 12px; }
.books1 ul.books1-b li { width: 25%; float: left; }
.books1 ul.books1-b li a { display: block; color: #fff; margin: 0 3px; font-size: 12px; line-height: 24px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -moz-border-radius: 3px; }

.booksM { border-bottom: 1px solid #e6e6e6; font-size: 15px; line-height: 44px; padding: 0 12px; }
.booksM h3 { color: #222; font-weight: bold; font-size: 15px; }
.booksM h3 i { margin-right: 6px; font-size: 15px; vertical-align: -1px; color: #103674; }
.booksM a { font-size: 13px; color: #888; }

.books-price { font-size: 15px; color: #FF0000; font-weight: bold; }
.books-price span { font-size: 12px; }

.books-filter { font-size: 12px; line-height: 24px; padding: 12px 12px 10px 72px; position: relative; }
.books-filter > a { font-size: 12px; line-height: 24px; display: inline-block; margin-right: 3px; color: #666; padding: 0 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -moz-border-radius: 3px; }
.books-filter > a.active { background: #103674; color: #fff; }
.books-filter span { color: #222; font-weight: bold; width: 60px; position: absolute; left: 12px; }
.books-btn a { background: #ff790c; color: #fff; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; -moz-border-radius: 3px; padding: 0 6px; }

.books2 { padding: 0 12px 10px 12px; }
.books2 ul li { font-size: 14px; line-height: 36px; border-bottom: 1px solid #e9e9e9; position: relative; padding-left: 24px; color: #222; padding-right: 64px; }
.books2 ul li > i { width: 14px; height: 14px; position: absolute; left: 3px; top: 50%; margin-top: -7px; background-size: cover; }
.books2 ul li:last-child { border-bottom: none; }
.books2 ul li span { width: 32px; text-align: center; line-height: 36px; position: absolute; color: #afafaf; }
.books2 ul li span.icon-down { right: 32px; }
.books2 ul li span.icon-jiesuo { right: 0; }
.books2 ul li span.icon-suo { right: 0; }

.books3 { padding-bottom: 12px; }
.books3 ul { margin-top: -12px; }
.books3 ul li { border: 1px solid #eee; position: relative; padding: 12px 12px 12px 100px; min-height: 100px; margin: 12px 12px 0; }
.books3 ul li h2 { font-size: 14px; line-height: 28px; color: #222; font-weight: bold; padding-top: 6px; }
.books3 ul li p { font-size: 14px; line-height: 22px; color: #999; margin-top: 8px; }
.books3pic { width: 76px; height: 100px; position: absolute; left: 12px; }
.books3pic img { width: 76px; height: 100px; }
.books3pic i { width: 18px; height: 18px; position: absolute; background-size: cover; bottom: 5px; right: 5px; }

.books3-v1 { padding: 0 12px 10px 12px; }
.books3-v1 ul li { font-size: 14px; line-height: 36px; border-bottom: 1px solid #e9e9e9; position: relative; padding-left: 24px; color: #222; padding-right: 64px; }
.books3-v1 ul li > i { width: 14px; height: 14px; position: absolute; left: 3px; top: 50%; margin-top: -7px; background-size: cover; }
.books3-v1 ul li:last-child { border-bottom: none; }


.books4 { padding-bottom: 12px; padding-top: 6px; }
.books4 ul { margin: 0 6px; }
.books4 ul li { width: 33.3333333333%; float: left; margin-top: 12px; }
.books4Box { margin: 0 6px; }
.books4Box h2 { margin-top: 8px; font-size: 14px; line-height: 22px; }

.teach { background: #fff; }
.teach ul li { border-bottom: 1px solid #eee; height: 44px; line-height: 44px; position: relative; margin-left: 12px; padding-right: 12px; padding-left: 64px; color: #afafaf; }
.teach ul li span { width: 64px; position: absolute; left: 0; line-height: 44px; top: 0; color: #222; text-align: right; }
.teach ul li i { font-size: 14px; line-height: 44px; position: absolute; right: 12px; top: 1px; color: #999; }
.teach p { font-size: 14px; line-height: 22px; margin: 10px 0; }
.teachinput input { width: 100%; height: 44px; font-size: 14px; line-height: 44px; color: #afafaf; text-align: right; }

.teache-check { font-size: 14px; line-height: 44px; color: #afafaf; text-align: right; margin-right: 16px; }

.teach-btn { position: fixed; bottom: 0; left: 0; right: 0; font-size: 16px; line-height: 48px; font-weight: bold; text-align: center; color: #fff; }

.bottom-btn { position: fixed; bottom: 0; left: 0; right: 0; font-size: 16px; line-height: 48px; font-weight: bold; text-align: center; }

.shilf-read ul li { width: 33.3333333333%; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; float: left; box-sizing: border-box; padding-top: 12px; padding-bottom: 10px; text-align: center; }
.shilf-read ul li .book-box { margin: 0 12px; }
.shilf-read ul li .book-box img { margin-bottom: 10px; }
.shilf-read ul li .book-box i { width: 18px; height: 18px; display: block; background-size: cover; background-image: url(../images/check2-d.png); margin: 6px auto 3px; }
.shilf-read ul li .book-box i.cur { background-image: url(../images/check2-c.png); }
.shilf-read ul li .book-box h2 { font-size: 14px; line-height: 22px; }
.shilf-read ul li .book-box h4 { font-size: 12px; line-height: 24px; display: inline-block; padding: 0 15px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -moz-border-radius: 12px; margin-top: 3px; }
.shilf-read ul li .book-box h4.bg1 { background: #eee; color: #888; }
.shilf-read ul li .book-box h4.bg2 { background: #3eaffc; color: #fff; }
.shilf-read ul li .book-box h4.bg3 { background: #ff6464; color: #fff; }
.shilf-read ul li .book-box p { font-size: 12px; line-height: 21px; display: inline-block; color: #888; }

.shilf-read-1 ul li { width: 33.3333333333%; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; float: left; box-sizing: border-box; padding-top: 12px; padding-bottom: 10px; text-align: center; }
.shilf-read-1 ul li .book-box { margin: 0 12px; }
.shilf-read-1 ul li .book-box img { margin-bottom: 10px; }
.shilf-read-1 ul li .book-box i { width: 18px; height: 18px; display: block; background-size: cover; background-image: url(../images/check2-d.png); margin: 6px auto 3px; }
.shilf-read-1 ul li .book-box i.cur { background-image: url(../images/check2-c.png); }
.shilf-read-1 ul li .book-box h2 { font-size: 14px; line-height: 22px; }
.shilf-read-1 ul li .book-box h4 { font-size: 12px; line-height: 24px; display: inline-block; padding: 0 15px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -moz-border-radius: 12px; margin-top: 3px; }
.shilf-read-1 ul li .book-box h4.bg1 { background: #eee; color: #888; }
.shilf-read-1 ul li .book-box h4.bg2 { background: #3eaffc; color: #fff; }
.shilf-read-1 ul li .book-box h4.bg3 { background: #ff6464; color: #fff; }
.shilf-read-1 ul li .book-box p { font-size: 12px; line-height: 21px; display: inline-block; color: #888; }


.teach-vip p { font-size: 14px; line-height: 20px; margin-top: 10px; }

.teach-rzpic { margin: 40px 10% 0; border: 1px solid #eee; }
.teach-rzpic img { width: 100%; height: auto; }

.teach-fk1 { margin-left: 12px; margin-right: 12px; border: 1px solid #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; padding: 5px 10px; }
.teach-fk1 textarea { width: 100%; height: 160px; background: transparent; font-size: 14px; line-height: 22px; color: #afafaf; }

.teach-fk2 { padding-top: 10px; }
.teach-fk2 ul li { width: 50%; float: left; }

.teach-fkBox { margin: 10px 12px; border: 1px solid #eee; }
.teach-fkBox img { width: 100%; height: auto; }

.teach-fkBox1 { margin: 10px 12px; border: 1px solid #eee; }
.teach-fkBox1 img { width: 100%; height: 130px; }
/*# sourceMappingURL=style.css.map */