/* * @Author: sheak * @Date: 2015-03-09 10:02:01 * @Last Modified by: sheak * @Last Modified time: 2015-06-09 17:21:31 */ /*以下是前台通用*/ .wrap_700{ width: 700px; margin: 0 auto;} .wrap_960{ width: 960px; margin: 0 auto;} .wrap_1170{ width: 1170px; margin: 0 auto;} .wrap_1200{ width: 1200px; margin: 0 auto;} /*wrapper*/ /*html, body { height: 100%; } #wrapper { min-height: 100%; margin: auto; } * html #wrapper { height: 100%; }*/ /*color*/ .red{ color: #b8280c !important;} .white{ color: #fff !important;} .gray{ color: #bebebe !important;} .green{ color: #48aa56 !important;} .strong{ font-weight: bold;} .whiteBg{ background: #fff;} label.error , em.error{ color: #e63131;} input.error, textarea.error{ border: 1px solid #ffacac;} input.valid, textarea.valid{ border: 1px solid #60ce70;} /*demo*/ #demo{ width: 500px; margin: 100px auto;} #demo li{ height: 30px; line-height: 30px; background: #f0f0f0; padding:10px; margin-bottom: 5px;} #demo li a{ font-size: 14px; display: block;} input,label{vertical-align:middle} .triangle-up { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 6px solid #494949; } .triangle-down { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #494949; } /*slideNav*/ .slideNav{} .slideNav .hide{ z-index: 666;} /*zuTabs*/ .zuTabs{} .tabNav{} .tabNav li{ float: left;} .tabCell{ display: none;} .tabCell.cur{ display: block;} /*input*/ .input{ height: 26px; line-height: 26px; padding:0 5px; border: 1px solid #d7d7d7;} /*btn*/ .btn{ text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding:7px 25px; line-height: 38px; font-size: 16px; color: #fff; background: #fff; cursor: pointer;} .btn_big{ padding: 7px 40px;} .bg_green{ background: #48aa56; color: #fff!important;} .bg_gray{ background: #8f8f8f; color: #fff!important;} .bg_disab{ background: #f1f1f1; color: #b8b8b8!important;} .bg_buyed{ background: #ededed; color: #bcbcbc;} .noBd{ border: 0!important;} .bd_green{border: 1px solid #48aa56; color: #48aa56!important;} .bd_gray{border: 1px solid #d3d3d3; color: #d3d3d3!important;} .disabled{ border: 1px solid #a3d4aa; color: #a3d4aa !important;} /*考点类型*/ .bg_lv3{background: #ed6b14; color: #fff!important; font-size: 14px; padding:2px 34px; border-radius:2px;} .bg_lv2{background: #efaa48; color: #fff!important; font-size: 14px; padding:2px 34px; border-radius:2px;} .bg_lv1{background: #e5bfa8; color: #fff!important; font-size: 14px; padding:2px 34px; border-radius:2px;} .lv3{ border-left:10px solid #ed6b14!important; width: 240px !important;} .lv2{ border-left:10px solid #efaa48!important; width: 240px !important;} .lv1{ border-left:10px solid #e5bfa8!important; width: 240px !important;} .lv0{ border-left:10px solid #f4f4f4!important; width: 240px !important;} .cLv3{ background: #ed6b14;border-top-left-radius: 2px; border-bottom-left-radius: 2px;} .cLv2{ background: #efaa48;} .cLv1{ background: #e5bfa8;border-top-right-radius: 2px; border-bottom-right-radius: 2px;} .bg_right{ background: #daeedd; color: #67b171 !important; font-size: 14px; text-align: center; border-radius: 15px; margin: 0 20px 20px 0; padding: 0 6px; display: inline-block;} .bg_error{ background: #fae1e1; color: #e66a68 !important; font-size: 14px; text-align: center; border-radius: 15px; margin: 0 20px 20px 0; padding: 0 6px; display: inline-block;} /*addFav*/ .addFav{ color: #545050 !important; font-size: 14px; padding-left: 28px; background:url(/dist/product/www/imgs/xuelian/xl_sp.png) left -193px no-repeat; text-align: left; } .faved{background:url(/dist/product/www/imgs/xuelian/xl_sp.png) left -285px no-repeat;} /*header*/ #header{ border-bottom: 1px solid #c6c6c6; width: 100%; margin: 0 auto; padding:10px 0 5px; background: #fff;} /*通用版*/ #uCenter, #nav, #record, #sign{ margin-top: 15px;} /*uCenter*/ #uCenter{} #uCenter a{ font-size: 16px; color: #494949;} /*nav*/ #nav{ margin-left: 110px;} #nav ul li{ float: left; margin-right: 40px;} #nav ul li a{ font-size: 14px; color: #494949;} #nav ul li a:hover , #nav ul li a.cur , #nav ul li.cur a{ color: #48aa56;} /*record*/ #record{ font-size: 14px; color: #494949; position: relative; padding-right: 15px; margin-right: 30px; height: 30px; z-index: 100;} #record span{ position: absolute; right:0; top:6px;} #record .hide{ position: absolute; width: 200px; left:50%; top: 20px; margin-left: -75px; background:url(/dist/product/www/imgs/header/iconSlideNav.png) -80px 2px no-repeat #fff; z-index: 1999; zoom:1;} #record ul{ border: 1px solid #c6c6c6; padding:10px 0; margin-top:8px; border-top:0;} #record ul li{ position: relative;} #record ul li i{ position: absolute; top:20px; right:20px; display: none;} #record ul li p{ height: 20px; line-height: 22px;} #record ul li .light{ color: #8c8c8c;} #record ul li a{ font-size: 12px; padding: 5px 30px; display: block; width: 138px; color: #494949;} #record ul li a:hover{ color: #48aa56; background: #f1f1f1;} #record ul li a:hover .light{color: #48aa56;} #record ul li a:hover i{ display: block;} #record .emptyRecord{ font-size: 14px; text-align: center; color: #ededed; padding: 130px 0 60px; background: url(/dist/product/www/imgs/header/emptyRecordBg.png) center 35px no-repeat;} /*sign*/ #sign{ font-size: 14px; color: #494949; position: relative; padding-right: 20px; height: 30px; z-index: 100;} #sign a{ color: #494949!important;} #sign span{ position: absolute; right:0; top:6px;} #sign .hide{ position: absolute; width: 122px; right:0; top: 20px; background:url(/dist/product/www/imgs/header/iconSlideNav.png) center 2px no-repeat #fff; z-index: 999;} #sign ul{ border: 1px solid #c6c6c6; padding:10px 0; margin-top:8px; border-top:0;} #sign ul li{ position: relative;} #sign ul li a{ font-size: 12px; padding: 5px 30px; display: block; width: 60px; color: #494949;} #sign ul li a.newMsg{ background: url(/dist/product/www/imgs/member/member_sp.png) 25px -351px no-repeat;} #sign ul li a:hover{ color: #48aa56; background-color: #f1f1f1; } #sign i.newMsg{display: block; width: 12px; height: 12px; position: absolute; top:-4px; right:11px;} .icon_list{ display: block; width: 14px; height: 14px; background: url(/dist/product/www/imgs/header/icon_list.png) left top no-repeat;} .icon_video{ display: block; width: 14px; height: 14px; background: url(/dist/product/www/imgs/header/icon_video.png) left top no-repeat;} /*以下是模考*/ /*模考首页*/ #mock_item_1{ margin: 70px auto;} #mock_item_1 ul li{ width: 280px; text-align: center; margin: 0 55px; background-image: url(/dist/product/www/imgs/mock/mock_index_sp.png); background-repeat: no-repeat; padding-top: 295px; font-size: 20px; color: #4a4a4a; float: left;} .icon_zt{ background-position: 0px 0px;} .icon_jm{ background-position: 0px -322px;} .icon_pg{ background-position: 0px -644px;} #mock_item_2{ width: 100%; height: 580px; background: #f5f5f5;} #mock_typeNav{ background: url(/dist/product/www/imgs/mock/mock_index_navbg.png) center -6px no-repeat; padding-top: 70px;} #mock_typeNav ul{ width: 1205px;} #mock_typeNav ul li{ float: left; width: 220px; height: 110px; margin-right: 20px; border-bottom: 5px solid #f5f5f5;} #mock_typeNav ul li a{ display: block; width: 220px; height: 85px; background-image:url(/dist/product/www/imgs/mock/mock_index_sp.png);background-repeat: no-repeat; background-color: #56b7d7; font-size: 16px; color: #fff; text-align: center; padding: 20px 0 0 0; border-radius: 3px;} #mock_typeNav ul li a:hover{ background-color: #8adaf4; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #mock_typeNav ul li:hover{ border-bottom: 5px solid #8adaf4;} #mock_typeNav ul li.cur{ border-bottom: 5px solid #48aa56;} #mock_typeNav ul li.cur a, #mock_typeNav ul li a.cur{ background-color: #48aa56;} .icon_type_1{ background-position: 86px -916px;} .icon_type_2{ background-position: -128px -916px;} .icon_type_3{ background-position: 90px -1010px;} .icon_type_4{ background-position: -129px -1012px;} .icon_type_5{ background-position: 90px -1107px;} .btnBox{ width: 360px; margin: 80px auto; text-align: center; position: relative;} .btnBox .btn{ padding: 9px 130px; font-size: 22px; background: #f5f5f5;} .btnBox p{ margin-top: 100px;} .btnBox p a{ font-size: 22px; color: #48aa56;} .btnBox p.msg{ font-size: 12px; color: #f00; margin-top: 10px; position: absolute; top:40px; left:145px;} /*mock*/ #mock{ background-color: #f4f4f4; height: 710px;} .mock_welcome_tt{ background: url(/dist/product/www/imgs/mock/welcome_tt.png) center bottom no-repeat; width: 415px; height: 38px; margin: 0 auto; text-indent: -2000px; padding-top: 100px;} .mock_subNav{ font-size: 24px; color: #333333; text-align: center; margin: 30px auto; width: 705px; border-bottom: 1px dashed #c9c8c6; padding-bottom: 40px;} .mock_info{ width: 180px; margin: 0 auto;} .mock_info li{ height: 28px; line-height: 28px; font-size: 14px;} .mock_info strong{ font-weight: bold; font-size: 14px;} #mock_start{ width: 180px; margin:50px auto; display: block; color: #fff;} /*模考页面*/ .mock_header{ border: 1px solid #b6b6b6; border-top:0; background: url(/dist/product/www/imgs/mock/tb_top_bg.png) left top repeat-x; height: 32px; line-height: 32px;} .mockBox{} .mock_header div{ height: 32px; line-height: 32px;} .mock_main{ height: 650px; padding: 25px; border: 1px solid #e0e0e0; border-top:0; border-bottom:0;} .mock_bg{ background: url(/dist/product/www/imgs/mock/main_bg.png) left top repeat;} #examTime{ margin-right: 15px;} #mark{ margin:0 10px 0 0;} #userInfo{ width: 160px; font-size: 16px; color: #333; padding: 202px 0 0 36px; background: url(/dist/product/www/imgs/mock/user.png) center 32px no-repeat;} #userInfo img{ width: 130px; height: 170px; display: block;} #userInfo h3{ font-size: 16px;} #examInfo{ width: 900px;} .examForm{ background: #fff; padding:10px;} .examBg{ background: url(/dist/product/www/imgs/mock/examFormBg.png) left top #d7d7d7 repeat-x; border: 1px solid #9f9f9f; padding:0 4px 4px 4px;} .examBg h4{ font-size: 14px; color: #fff; text-shadow:0 0 4px #333; background: url(/dist/product/www/imgs/mock/examFormTtBg.png) left top no-repeat; width: 176px; height: 31px; line-height: 31px; padding-left: 10px; margin-left: -4px;} .examFormTt{ padding: 0 0 0 10px; margin: 0 0 10px 0;} .examBg .whiteBg{ border:1px solid #b6b6b6; margin-top: 5px; padding:10px;} .examQ .whiteBg{ height: 90px;} .examA .whiteBg{ height: 240px; padding: 0 10px;} /*examBtnGroup*/ #examBtnGroup{ margin-top: 17px;} #examBtnGroup a{ margin-right: 10px;} .examAops{} .examAops li{ height: 60px; position: relative;} .examAops li label{ padding-top:20px; width: 38px; height: 40px; display:inline-block;font-family:Tahoma;} .examAops li p{ position: absolute; top:-1px; left:38px; border-left:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; height: 52px; padding: 5px; width: 810px;} /*mock_report*/ .mock_report{} .mock_report h2{ font-size: 22px; color: #545050; text-align: center; margin-bottom: 10px;} .mock_report h3{ font-size: 48px; text-align: center; margin: 10px auto;} .mock_report p{ font-size: 14px; color: #7a7a7a; text-align: center;} .mock_rep_info ul{ width: 1250px;} .mock_rep_info ul li{ width: 166px; height: 80px; padding-top: 16px; border:2px solid #e6e6e6; background: #f4f4f4; float: left; margin-right: 30px;font-size: 30px; text-align: center;} .mock_rep_info ul li p{ text-align: center; color: #545050; font-size: 14px;} .mock_rep_info .ico{ padding-left: 25px; background-image: url(/dist/product/www/imgs/mock/sim_report_result_icon.png); background-repeat: no-repeat; margin-top: 5px;} .rep_zs{ color: #7c4a31;} .rep_zs .ico{ background-position: 44px 0px; } .rep_wc{ color: #cd881b;} .rep_wc .ico{ background-position: 60px -20px; } .rep_wd{ color: #a1a1a1;} .rep_wd .ico{ background-position: 60px -40px; } .rep_zq{ color: #43a254;} .rep_zq .ico{ background-position: 60px -60px; } .rep_cw{ color: #b8280c;} .rep_cw .ico{ background-position: 60px -80px; } .rep_zql{ color: #545050;} .rep_zql .ico{ background-position: 50px -100px; } #c_beikao.mock_report{ margin-top: 20px;} #c_beikao.mock_report h1{ font-size: 22px; color: #333; margin-bottom: 20px;} #c_beikao.mock_report ul li h5{ font-size: 14px; color: #7a7a7a;} #c_beikao.mock_report ul li p{ color: #333; font-size: 16px;} #c_beikao.mock_report ul li.green h5{ margin: 0 auto 10px; border-bottom: 2px solid #278c35; padding-bottom: 5px;} #c_beikao.mock_report ul li.green h5 p{ font-size: 14px; color: #fff;} #c_beikao.mock_report ul li.green a.btn{ background: #48aa56; border: 1px solid #fff; width: 115px; color: #fff;} .mock_rep_info p.rep_jiexiLink{ text-align: center; margin:30px auto 10px;} .mock_rep_info p.rep_jiexiLink a{ padding:3px 10px;} #mock_other{ margin-bottom: 30px;} #mock_other h2{ font-size: 22px; color: #333; margin: 10px 0 20px;} #mock_other ul{ width: 1250px;} #mock_other ul li{ float: left; width: 270px; height: 70px; line-height: 70px; border-radius: 3px; margin:0 30px 10px 0; text-align: center;} #mock_other ul li a{ font-size: 16px; color: #333; display: block; width: 100%; height: 100%;} .mkbg_1{background: url(/dist/product/www/imgs/course/c_kemu.png) 10px -1096px no-repeat #f0f0f0;} .mkbg_2{background: url(/dist/product/www/imgs/course/c_kemu.png) 23px -1026px no-repeat #f0f0f0;} .mkbg_3{background: url(/dist/product/www/imgs/course/c_kemu.png) 15px -867px no-repeat #f0f0f0;} .mkbg_4{background: url(/dist/product/www/imgs/course/c_kemu.png) 28px -946px no-repeat #f0f0f0;} .mkbg_5{background: url(/dist/product/www/imgs/course/c_kemu.png) 38px -785px no-repeat #f0f0f0;} /*推荐考点*/ #rep_recommend{ width: 1000px;} #rep_recommend ul{ width: 1050px;} #rep_recommend ul li{ width: 146px; height: 42px; border: 2px solid #e6e6e6; background: #f4f4f4; float: left; margin: 0 30px 25px 0; padding: 10px; position: relative; overflow: hidden;} #rep_recommend ul li.cur{ width: 148px;height: 44px; border: 1px solid #827f7f;} .mock_report .checkAll{ text-align: left; margin: 10px 0;} #rep_recommend ul li label{ } #rep_recommend ul li p{ text-align: left; margin: 0 0 0 5px;} #rep_recommend ul li span{ position: absolute; bottom:5px; right:10px; font-size: 14px; color: #545050;} /*开始学习*/ #rep_payAll{ width: 168px; height: 140px; border: 1px solid #278c35; border-radius: 3px; padding-top: 15px;} #rep_payAll .btn{ width: 100%; display: block; border:0; padding: 0; height: 36px; line-height: 36px; text-align: center; border-radius: 0; margin-top:15px;} #rep_payAll p{ font-size: 22px; color: #545050; margin: 0;} #rep_payAll p.sm{ font-size: 14px;} /*added by ZH*/ .sim-pop-mask{position:fixed; left:0; top:0; width:100%; height:100%; } .sim-pop{width:460px; height:220px; position:absolute; top:40%; left:50%; margin:-115px 0 0 -235px; } .whiteBg.sim-pop-box{padding:20px 0 0 130px; background:#fff url('/dist/product/www/imgs/mock/sim_pop_icon.png') 10px 10px no-repeat; height:162px; font-size:14px; line-height:2em;} .sim-pop-close{width:39px; height:26px; background:#000 url('/dist/product/www/imgs/mock/sim_pop_close.png') 0 0 no-repeat; position:absolute; right:3px; top:3px; } .sim-pop-btns{margin:10px 0 0; } .sim-pop-btns a{margin-right:40px; } /*以下是学练*/ /*面包屑*/ .breadNav{ color: #bebebe; margin: 35px auto 25px;} .breadNav a{ color: #333;} /*sideTabNav*/ #sideTabNav{ width: 214px;} #sideTabNav ul{} #sideTabNav ul li{ margin-bottom: 25px; background-color: #f4f4f4; border: 1px solid #f0f0f0; width: 200px; position: relative; border-radius: 3px;} .sideVideo{ background: url(/dist/product/www/imgs/xuelian/icon_tv.png) center 50px no-repeat;} .sideTest{ background: url(/dist/product/www/imgs/xuelian/icon_pen.png) center 50px no-repeat;} .sideVideo.cur{ background: url(/dist/product/www/imgs/xuelian/icon_tv_cur.png) center 50px no-repeat;} .sideTest.cur{ background: url(/dist/product/www/imgs/xuelian/icon_pen_cur.png) center 50px no-repeat;} #sideTabNav ul li a{ display: block; width: 200px; height: 112px; color: #333; text-align: center; padding-top: 110px; font-size: 14px;} #sideTabNav ul li a .bigTt{ font-size: 18px; margin-bottom: 10px;} #sideTabNav ul li.cur{ background-color: #eef6e9; border: 1px solid #95d19e; } #sideTabNav ul li.cur a{color: #4ea65b;} #sideTabNav ul li.cur i{ display: inline-block; width: 15px; height: 25px; position: absolute; background: url(/dist/product/www/imgs/xuelian/icon_sideCur.png) left top no-repeat; top:105px; right:-15px;} /*studyBox*/ #studyBox{ width: 710px; margin-left: 20px; z-index: 50;} /*倒计时*/ #startTime{ width: 250px; height: 15px; line-height: 15px; border-radius: 2px; background: #d6d5d5; position: relative; color: #8d8a8a; text-align: right; margin: 2px 0 0 20px; padding-right: 5px;} #startTime span{ display: inline-block; height: 15px; line-height: 15px; border-radius: 2px; background: #48aa56; position: absolute; top: 0; left: 0; width: 1%; color: #fff;} #xuelianForm{ position: relative; height: 473px;} .xuelianItem{} .xuelianItem h3{ color: #333; width: 700px; } .xuelianItem ul{ margin-top: 10px;} .xuelianItem ul li{ /*width: 680px; height: 35px;*/ line-height: 35px; border-radius: 3px; color: #7a7a7a; margin-bottom: 2px; padding:0 10px;} .xuelianItem ul li.cur , .xuelianItem ul li:hover{ background: #f1f1f1;} .xuelianItem ul li input{ margin-right: 10px;} .xuelianItem ul li label{ display: block; cursor: pointer; word-break: break-all;} .xuelianSb{position: absolute; bottom :0; left:0; width: 100%;} .xuelianSb .btn{ display: block; border: 1px solid #fff; color: #48aa56;} .xuelianSb .btn:hover{ border: 1px solid #48aa56; color: #48aa56!important; } /*sideTeInfo*/ #sideTeInfo{ width: 200px; height: 455px; border: 2px solid #f0f0f0; padding-bottom: 10px;} #sideTeInfo dl{ padding: 10px; height: 260px; overflow: hidden; margin-bottom: 40px;} #sideTeInfo dl dt{ position: relative; height: 70px; line-height: 70px; padding-left: 70px; font-size: 16px; color: #333;} #sideTeInfo dl dt img{ display: block; width: 58px; height: 58px; position: absolute; top:0; left:0;} #sideTeInfo dl dd{ font-size: 14px; color: #7a7a7a; line-height: 24px;} #sideTeInfo .btn{ display: block; width: 125px; padding:0px 20px; margin: 10px auto;} #sideTeInfo p{ width: 122px; margin: 0 auto; font-size: 16px; color: #333; text-align: center;} .bdTopDot{ padding-top: 15px; border-top:1px dashed #c9c8c6; margin-top: 20px;} .bdBotDot{ padding-bottom: 15px; border-bottom:1px dashed #c9c8c6; margin-bottom: 20px;} .bdRightDot{border-right:1px dashed #c9c8c6;} /*知识点轮播*/ #xuelianSlide{ margin-bottom: 40px;} #owl-box{ width: 900px !important; margin: 0 auto;} #owl-box .owl-controls .owl-buttons div{position:absolute;top:0;opacity:1 !important;width:120px;height:90px;margin:0;padding:0;border-radius:0 !important;font-size:50px !important; font-weight:bold!important; font-family: "宋体" !important; background-color:#f4f4f4 !important;overflow:hidden;_display:none; color: #c0c0c0; background: url(/dist/product/www/imgs/xuelian/xl_sp.png) 40px 20px no-repeat;} #owl-box .owl-controls .owl-buttons .owl-prev{left:-135px;} #owl-box .owl-controls .owl-buttons .owl-next{right:-135px; background-position: 40px -50px;} .owl-item{ } .owl_items{height: 70px; width: 240px; background: #f4f4f4; border:1px solid #ededed; border-left:10px solid #efaa48; margin: 0 auto; border-radius:2px; position: relative; padding: 10px; cursor: default !important;} .owl_items.cur{ background: #fff;} .owl_items h4{ font-size: 12px; color: #8c8c8c; margin-bottom: 3px;} .owl_items p{ font-size: 12px; color: #bcbcbc; line-height: 18px;} .owl_items a{ color: #474747; display: block; width: 100%; height: 100%;} .owl_items p a{ color: #8c8c8c;} .owl_items.cur h4{ font-size: 12px; color: #333;} .owl_items.cur p{ font-size: 12px; color: #8c8c8c;} /*owl_star*/ .owl_star{ position: absolute; bottom: 5px; right: 10px; width: 50px;} .owl_star a{ line-height: 13px !important;} .owl_star i{ display: inline-block;background: url(/dist/product/www/imgs/xuelian/xl_sp.png) 1px -166px no-repeat transparent; width: 55px; height: 15px; position: relative;} .owl_star i span{ display: block; height: 15px; position: absolute; top:0; left:0; background: url(/dist/product/www/imgs/xuelian/xl_sp.png) 1px -145px no-repeat;} .star_1{ width: 15px;} .star_2{ width: 32px;} .star_3{ width: 50px;} .owl_items.cur .owl_star i span{/* background-color: #fff;*/} /*星星弹层*/ .starDialogBox{ padding: 20px 50px 60px; width: 500px;} .starDialogBox .starItem{ position: relative;} .starDialogBox .starItem .owl_star{ left:0; top:6px;} .starDialogBox .starItem h3{ font-size: 18px; color: #545050; margin-left: 60px;} .starDialogBox .starItem p{ font-size: 14px; color: #545050; line-height: 30px; margin-top: 10px;} /*测试结果页*/ #xuelianResult{} #xuelianResult h3{ font-size: 16px; color: #333; text-align: center;} #xuelianResult .xuelianInfo{ width: 450px; margin: 20px auto 0;} #xuelianResult .xuelianInfo dl{ width: 225px; float: left; margin-bottom: 50px;} #xuelianResult .xuelianInfo dl dt{ float: left; font-size: 14px; color: #7a7a7a; width: 80px;} #xuelianResult .xuelianInfo dl dd{ position: relative; float: left;} #xuelianResult .xuelianInfo dl.fullDl{ width: 100%; margin-bottom: 10px;} #xuelianResult .xuelianInfo dl.fullDl dd{ width: 350px;} #xuelianResult .xuelianInfo dl dd .owl_star{ top:3px; left:0;} #xuelianResult .bd_green{ width: 270px; display: block; margin: 0 auto 40px; padding:7px 0;} #xuelianResult p{ text-align: center; font-size: 14px; color: #7a7a7a; margin-bottom: 10px;} #xuelianResult p a{ margin:0 30px; font-size: 16px; color: #48aa56;} /*测试页引导层*/ #xuelianGuide{ background:#f4f4f4; width: 710px; height: 473px;} #xuelianGuide h5{ font-size: 18px; color:#545050; text-align: center; padding: 80px 0 40px;} .xuelianGuideInfo{background: url(/dist/product/www/imgs/xuelian/xl_guide_sp.png) 0px 35px no-repeat; padding: 10px 0 0 140px;} .xuelianGuideInfo li{ font-size: 14px; color: #a3a3a3; line-height: 40px;} .xuelianGuideBtn{ padding-bottom: 40px; background: url(/dist/product/www/imgs/xuelian/xl_guide_sp.png) center -55px no-repeat; margin: 60px auto 0; text-align: center;;} .xuelianGuideBtn .btn{ padding:7px 60px;} .xuelianGuideInfo li span{ background: url(/dist/product/www/imgs/xuelian/xl_guide_sp.png); background-repeat: no-repeat; display: inline-block; width: 45px; height: 18px; margin:0 5px -2px 0;} .xuelianGuideInfo li span.icoG_0{ background-position: 0px -137px;} .xuelianGuideInfo li span.icoG_1{ background-position: -62px -137px;} .xuelianGuideInfo li span.icoG_2{ background-position: -127px -137px;} .xuelianGuideInfo li span.icoG_3{ background-position: -192px -137px;} .xuelianGuideInfo li p{ line-height: 26px;} /*答疑解惑*/ #ask{ margin-bottom: 30px;} #ask .askForm{ margin-bottom: 30px;} #ask h3{ font-size: 22px; color: #333;} #ask h3 span{ font-size: 14px; color: #555; margin-left: 10px;} #ask textarea{ width: 1050px; padding:10px; font-size: 14px; margin: 20px 0 20px 60px; border: 1px solid #d7d7d7;} #ask textarea.bigTextarea{ width: 1150px; margin: 20px auto;} #ask .bd_green{ padding: 7px 100px; margin-right: 35px;} #ask .askPages{} #ask .askPages ul{} #ask .askPages ul li{ float: left; margin-right: 15px;} #ask .askPages ul li a{ color: #9a9a9a !important; font-size: 14px; text-align: center; display: block; width: 20px; height: 20px; border-radius: 20px;} #ask .askPages ul li.cur a , #ask .askPages ul li a:hover{ background: #d4e9c9; color: #fff !important;} #ask .askPages ul li.prev a , #ask .askPages ul li.next a{ background: #f4f4f4; border-radius: 0;} /*问答列表*/ #ask .askItems{ padding: 0; background: #fcfcfc; position: relative; margin: 30px 0;} #ask .askItems .icon_new{ display: block; position: absolute; width: 42px; height: 42px; top:1px; right: 1px; background: url(/dist/product/www/imgs/member/member_sp.png) 2px -43px no-repeat;} #ask .askItems h3{ color: #333; font-size: 14px; background: #f4f4f4; border-radius: 2px; border: 1px solid #f0f0f0; padding: 16px 20px; word-break:break-all;} #ask .bdTopDot{ padding: 15px 0;} #ask .askItems textarea{ background: #f6f6f6; border: 1px solid #d7d7d7; margin-top: 15px;} #ask .askFrom{ color: #555; margin-bottom: 10px; padding: 10px 60px;} .icon_replay{ background: url(/dist/product/www/imgs/xuelian/xl_sp.png) 30px -214px no-repeat;} #ask .askFrom span{ color: #9a9a9a; margin-left: 20px;} #ask .askContent{ line-height: 20px; color: #777; padding: 0 60px;} #ask .showAskAgain{ font-size: 12px; color: #48aa56 !important; padding-right: 90px; display: block;} #ask .askAgain{ position: relative; padding-bottom: 65px; margin-top: 20px;} #ask .askAgain i{position: absolute; top:21px; right:30px; display: block; width: 28px; height: 15px; z-index: 666; background: url(/dist/product/www/imgs/xuelian/xl_sp.png) left -258px no-repeat;} #ask .askMore{ font-size: 12px; color: #b5b5b5; margin-top: 20px; padding-bottom: 25px;} #ask .btn:active{ background: #48aa56; color: #fff !important;} /*更多对话*/ .showMoreAsk{font-size: 14px; color: #545050 !important; margin:0 auto; display: block; width: 1040px; text-align: right;} .askMore{} .askBread{ background: #f9f9f9; padding:4px 20px; color: #777; width: 1000px; margin: 20px auto;} .askBread a{color: #777 !important;} /*视频学习*/ .videoBox{ width: 700px; height: 430px; margin-top: 20px; position: relative; z-index: 1;} #uuidimg{ display: none;} .videoNotice , .videoTips , #videoReplay{ position: absolute; z-index: 666; top:0; left:0; width: 100%; height: 100%;} .videoNotice{ background: #000; opacity: 0.6;} .videoTips , #videoReplay{ width: 480px; height: 280px; left:50%; margin: 110px 0 0 -240px; text-align: center; color: #d0d0d0;} .videoTips h2{ font-size: 18px; margin-top: 25px;} .videoTips p{ margin-top: 25px;} .videoTips .btn , #videoReplay .btn{ display: block; width: 160px; height: 36px; line-height: 36px; padding:0; margin: 10px auto;} .videoNew{ margin: 15px 0 0 30px;} .videoNew a{ display: inline-block; height: 22px; line-height: 20px; font-size: 12px; padding: 0 5px; text-align: center; color: #fff; border-radius: 10px; background: #ccc; margin:0 5px 0 0;} .videoNew a.cur{ background: #48aa56;} /*视频重播*/ #videoReplay{} #videoReplay h2{ font-size: 20px; margin-bottom: 20px;} .icon_rePlay{ background: url(/dist/product/www/imgs/xuelian/icon_rePlay.png) center top no-repeat; display: block; width: 80px; height: 30px; padding-top: 90px; margin:20px auto; color: #fff !important;} /*习题解析*/ #jiexiBox{ padding-bottom: 30px;} #jiexiBox .jiexiTabs{ border-bottom: 1px solid #ededed; height: 38px; padding-bottom: 5px;} #jiexiBox .jiexiTabs li{ float: left; position: relative; font-size: 14px; color: #bebebe; text-align: center; width: 38px; height: 38px; line-height: 38px; margin: 0 4px -1px; cursor: pointer;} #jiexiBox .jiexiTabs li.cur{ color: #48aa56; border-bottom: 1px solid #bebebe;} #jiexiBox .jiexiTabs .addFav{ position: absolute; top:45px; left:8px; height: 18px; line-height: 18px; display: none; width: 45px; color: #9a9a9a;} #jiexiBox .jiexiTabs li.cur .addFav{ display: block;} #jiexiBox .jiexiTabs li.bg_error , #jiexiBox .jiexiTabs li.bg_right{ border-radius: 38px; padding: 0;} #jiexiBox .xuelianItem{ margin-top: 40px;} #jiexiBox .xuelianItem ul li:hover{ background: none;} #jiexiBox .xuelianItem ul li.cur:hover{ background:#f1f1f1;} #jiexiBox .jiexi_box{ background: #f1f1f1; border-radius: 3px; padding: 20px; margin: 30px auto;} #jiexiBox .jiexi_box h4{ color: #333; text-align: center; margin: 30px auto 10px;} #jiexiBox .jiexi_box p{ margin-bottom: 15px; line-height: 22px; font-size: 14px; color: #333; text-indent: 26px;} /*以下是支付*/ .payInfo{} .payInfoCell{ margin: 20px auto; height: 95px; overflow: hidden;} .payInfoCell ul{} .payInfoCell ul li{ float: left; width: 125px; margin:0 10px 10px 0; color: #8c8c8c; font-size: 14px;} .payInfoCell .left{ width: 270px;} .payInfoCell .left h4{ margin-bottom: 10px;} .payInfoCell .right{} .payInfoCell .right p.payDetails{ background: #f4f4f4; width: 855px !important; height: 70px; padding: 10px; font-size: 12px; color: #a4a4a4; line-height: 22px; border-radius: 3px; border-left: 10px solid #f4f4f4; display: table-cell; vertical-align: middle;} /*支付页面轮播*/ #pay_owl_box{ width: 585px !important; margin: 0 150px 0 0;} #pay_owl_box .owl-controls .owl-buttons div{position:absolute;top:0;opacity:1 !important;width:120px;height:90px;margin:0;padding:0;border-radius:0 !important;font-size:16px !important; font-weight:bold!important; font-family: "宋体" !important; border:1px solid #48aa56; background-color:#ffffff !important;overflow:hidden;_display:none; color: #c0c0c0; color: #48aa56; text-align: center; line-height: 88px;} #pay_owl_box .owl-controls .owl-buttons .owl-prev{left:-150px;} #pay_owl_box .owl-controls .owl-buttons .owl-next{right:-150px; background-position: 40px -50px;} .payForms{ margin-bottom: 20px; background: #fafafa;} .payForms .zuTabs{ width: 1070px; margin: 10px auto;} .payForms .zuTabs .tabNav li{ margin: 0 15px 20px; display: block; width: 500px; height: 50px; border: 1px solid #f0f0f0; background: #f4f4f4; position: relative;} .payForms .zuTabs .tabNav li a{ display: block; width: 500px; height: 50px; line-height: 50px; text-indent: -2000px;} .payForms .zuTabs .tabNav li.cur{ background: #f4faf5; border: 1px solid #95d19e;} .payForms .zuTabs .tabNav li.cur i{ display: block; width: 20px; height: 13px; position: absolute; top:50px; left:240px; background: url(/dist/product/www/imgs/pay/pay_sp.png) -28px -5px no-repeat;} .icon_alipay{background: url(/dist/product/www/imgs/pay/pay_sp.png) 205px -22px no-repeat;} .icon_banks{ background: url(/dist/product/www/imgs/pay/pay_sp.png) 205px -62px no-repeat;} .payForms .zuTabs .tabCell{} .payCost{ border: 2px solid #f0f0f0; padding: 40px 0; text-align: center;} .payCost table{ width: 400px; margin: 0 auto;} .payCost table tr td{ text-align: center; color: #7a7a7a; font-size: 14px; height: 34px;} .payCost .payBtn{ width: 630px; height: 36px; line-height: 36px; padding: 0; margin: 30px auto 10px; display: block; border:0;} .bg_ali{ background: url(/dist/product/www/imgs/pay/alipay.png) center 30px no-repeat; padding-top: 120px;} /*银行列表*/ .bankList{ width: 1000px; margin: 0 auto;} .bankList li{ float: left; border: 2px solid #d3d3d3; margin: 0 18px 20px;} .bankList li.cur , .bankList li:hover{ border: 2px solid #48aa56;} /*组合购*/ .payGroup{width: 1070px; margin: 20px auto;} .payGroup table{width: 1070px;} .payGroup table tr th{ border-bottom: 1px dashed #ccc; color: #7a7a7a; padding:10px;} .payGroup table tr th strong{ font-size: 16px; color: #333; padding-left: 10px;} .payGroup table tr td{ padding:10px; color: #474747; font-size: 14px;} /*支付等待*/ #payWaiting{ width: 970px; height: 200px;} #payWaiting ul{ width: 900px; margin: 30px auto; } #payWaiting ul li{ float: left; width: 448px; text-align: center;} #payWaiting ul li h2{ color: #545050; font-size: 22px; margin-bottom: 40px;} #payWaiting ul li .btn{ display: block; width: 231px; height: 36px; line-height: 36px; padding: 0; margin: 0 auto 20px;} #payWaiting ul li .wBox_close{ font-size: 16px; color: #545050; display: block;} #payWaiting ul li .green{ margin-top: 30px;} /*包过协议*/ #payRights{ padding: 20px 60px;} #payRights form{ width: 500px; margin: 0 auto;} #payRights form h3{ font-size: 22px; color: #545050; text-align: center;} #payRights dl{ width: 400px; margin: 20px auto;} #payRights dl dt{ width: 65px; height: 26px; line-height: 26px; text-align: right; float: left; color: #7a7a7a; margin-right: 10px;} #payRights dl dd{ width: 250px; float: left; text-align: left;} #payRights dl dd label{ display: block;} #payRights dl dd .input{ width: 220px; } #payRights dl dd a{ color: #7a7a7a;} .payRightsBtn{ width: 400px; margin: 20px auto;} .payRightsBtn .btn{ float: left; display: block; width: 171px; height: 36px; line-height: 36px; padding:0;} .payRightsBtn .bd_gray{ float: right;} /*以下是课程详情*/ #courseHeader{ margin: 45px auto 0 ;} #courseHeader h1{ font-size: 22px; color: #545050; margin-bottom: 20px;} #courseHeader h1 span{ font-size: 14px; color: #545050; margin-left: 10px;} #courseHeader .banner{ width: 1170px; height: 340px; background: #ccc 100%;} #courseHeader .banner img{ display: block; width: 1170px; height: 340px;} .c_title{ color: #333; font-size: 20px; margin-bottom: 10px;} .c_title span{ font-size: 14px; color: #545050; margin-left: 10px;} /*考点分类*/ #c_points{ margin-top: 40px; position: relative; background: #fff; z-index: 3;} #pointsTabs, .pointsTabs{ margin-bottom: 25px;} #pointsTabs li, .pointsTabs li{ float: left; font-size: 14px; color: #333; margin-right:35px; line-height: 30px;} #pointsTabs li span, .pointsTabs li span{ display: inline-block; margin-left: 10px; width: 90px; height: 20px; line-height: 20px; color: #fff; border-radius: 3px; padding: 0; text-align: center; cursor: pointer;} #pointsList, .pointsList , #perList , .learnPerList{ width: 1205px; overflow: hidden;} #pointsList li, .pointsList li , #perList li , .learnPerList li{ float: left; width: 270px; height: 70px; background: #f4f4f4; border-radius: 3px; margin: 0 30px 30px 0; cursor: pointer;} #pointsList li a{ display: block; line-height: 90px;} #pointsList li a, .pointsList li a, #perList li a , .learnPerList li a{ font-size: 16px; color : #333;text-align: center;} #perList li a , .learnPerList li a{ line-height: 90px;} .learnPerList li a , .pointsList li a{ text-align: left; /*display: block; */line-height: 70px;} .allPoints{ text-align: center !important; display: block !important; width: 100%;} #pointsList li dl, .pointsList li dl{} #pointsList li dl dt, .pointsList li dl dt , #perList li dl dt , .learnPerList li dl dt{ float: left; width: 45px; font-size: 36px; color: #d5d5d5; text-align: center;} #pointsList li dl dd, .pointsList li dl dd , #perList li dl dd , .learnPerList li dl dd{ float: left; margin-top: 5px; width: 205px; overflow: hidden; white-space: nowrap;} #pointsList li dl dd p, .pointsList li dl dd p , #perList li dl dd p , .learnPerList li dl dd p{ font-size: 14px; color: #8c8c8c; margin-bottom: 5px; line-height: 18px;} #pointsList li dl dd span, .pointsList li dl dd span , #perList li dl dd span , .learnPerList li dl dd span{ font-size: 12px; color: #474747;} /*全部考点，引导*/ .points_guide{ width: 210px; height: 65px; background: url(/dist/product/www/imgs/course/points_tipsBg.png) center top no-repeat; position: absolute; top:-70px; left: 30px; z-index: 100; cursor: default; color: #fff; line-height: 50px; text-align: center;} .points_guide a.close{ display: block; width: 15px; height: 15px; position: absolute; top:3px; right:3px;} .pointerPer .tips{ border: 1px solid #f00; display: block; width: 70px; height: 20px; line-height: 20px; background: #f4f4f4; border: 1px solid #e3e3e3; border-radius: 2px; text-align: center; font-size: 12px; color: #767676; position: absolute; top: -30px; left:0;} /*登录后*/ #perList , .learnPerList{ position: absolute; top:91px; left:0; background: #fff; z-index: 666;} #perList .learnPer , .learnPerList .learnPer{ width: 270px; height: 20px; position: relative; background: #d6d5d5; margin: 22px 0 0 -10px; overflow: hidden;} #perList .learnPer span , .learnPerList .learnPer span{ position: absolute; top:0; left:0; display: block; height: 20px; background: #91c498; color: #fff; text-align: center; text-indent: 5px;} .pointerPer{ position: relative; width: 270px; height: 20px; border-radius: 2px; margin: 13px 0 0 -10px;} .pointerPer span{ display: block; height: 20px; position: absolute;} /*备考*/ #c_beikao{} #c_beikao ul{width: 1205px; overflow: hidden;} #c_beikao ul li{ float: left; width: 210px; height: 120px; background: #f4f4f4; border-radius: 3px; margin: 0 30px 30px 0; padding:15px 30px;} #c_beikao ul li i{ display: block; width: 40px; height: 40px; margin: 20px auto 0;} #c_beikao ul li.green , #c_beikao ul li.gray{ background: #48aa56; border: 2px solid #278c35; width: 206px; height: 116px; position: relative;} #c_beikao ul li.long{ width: 510px; height: 58px;} #c_beikao ul li h5{ font-size: 16px; text-align: center; color: #333; padding-bottom: 5px; width: 155px; margin: 0 auto 5px;} #c_beikao ul li p{ font-size: 14px; color: #7a7a7a; text-align: center;} #c_beikao ul li dl{ width: 150px; margin: 10px auto 0;} #c_beikao ul li dl dt{ width: 60px; height: 60px; float: left; margin-right: 10px;} #c_beikao ul li dl dd{ width: 80px; height: 60px; float: left;} #c_beikao ul li dl dd p{ color: #333; font-size: 16px; text-align: left; margin-top: 5px;} #c_beikao ul li dl dd p a{ display: block; color: #333; font-size: 12px; border: 1px solid #333; width: 62px; height: 18px; line-height: 18px; border-radius: 2px; text-align: center;} #c_beikao ul li.long dl{ width: 505px; margin: 0;} #c_beikao ul li.long dl dt{} #c_beikao ul li.long dl dd{ width: 425px;} #c_beikao ul li.green strong , #c_beikao ul li.gray strong{ position: absolute; top:50px; left:-30px; font-size: 36px; color: #48aa56;} #c_beikao ul li.green h5 , #c_beikao ul li.gray h5{ font-size: 18px; color: #fff; margin-top: 15px; width: 180px;} #c_beikao ul li.green h5 span , #c_beikao ul li.gray h5 span{ font-size: 26px; margin-right: 5px;} #c_beikao ul li.green a.btn , #c_beikao ul li.gray a.btn{ width: 200px; height: 38px; line-height: 38px; display: block; margin: 5px auto; color: #48aa56; padding: 0;} #c_beikao ul li.gray{ background: #f0f0f0; border: 2px solid #f0f0f0;} #c_beikao ul li.gray h5 span{ color: #bcbcbc;} #c_beikao ul li.gray a.btn{ color: #bcbcbc;} .ico_teacher{background: url(/dist/product/www/imgs/course/teacher.png) center center no-repeat; } .ico_book{ background: url(/dist/product/www/imgs/course/course_sp.png) -4px top no-repeat;} .ico_pen{ background: url(/dist/product/www/imgs/course/course_sp.png) -4px -58px no-repeat;} .ico_ask{ background: url(/dist/product/www/imgs/course/course_sp.png) -4px -110px no-repeat;} .ico_card{ background: url(/dist/product/www/imgs/course/course_sp.png) -4px -170px no-repeat;} /*押题*/ #c_yati{ margin-bottom: 30px;} #c_yati #yatiQform{ width: 820px; min-height: 215px; border: 2px solid #f0f0f0; border-radius: 2px; padding: 20px 25px 13px;} #c_yati #yatiInfo{ width: 220px; height: 215px; border: 2px solid #f0f0f0; border-radius: 2px;padding: 20px 25px 13px;} .yatiItem{ position: relative; padding-bottom:25px; } .yatiSb{ position: absolute; left:0; bottom:-20px; width: 820px;} .yatiSb a{ display: block;font-size: 16px; color: #48aa56; width: 100%; padding: 0; border:1px solid #fff;} .yatiSb a:hover{ border: 1px solid #48aa56;} #c_yati #yatiInfo h5{ font-size: 14px; color: #333; padding-bottom: 10px; margin-bottom: 10px;} #c_yati #yatiInfo p{ font-size: 14px; color: #7a7a7a; line-height: 22px;} #yati_result{} #yati_result .left{ width: 275px;text-align: center; margin: 30px 0 0 100px;} #yati_result .left h6{ font-size: 16px; color: #333;} #yati_result .left p{ margin: 20px 0 0;} #yati_result .left p a{ font-size: 20px; width: 36px; height: 36px; line-height: 36px; padding:0; border-radius: 36px; margin:15px 25px 20px 15px;} #yati_result .left div a{ margin: 0 25px; font-size: 14px; color: #7a7a7a !important;} #yati_result .right{ width: 300px; margin: 30px 50px 0 0;} #yati_result .right h5{font-size: 16px; color: #333; padding-bottom: 10px; margin-bottom: 10px; text-align: center;} #yati_result .right .btn{ display: block; padding:0; width: 300px; height: 36px; line-height: 36px; margin: 45px auto;} /*科目*/ #c_kemu{} #c_kemu ul{ width: 1205px; overflow: hidden;} #c_kemu ul li{ float: left; width: 270px; height: 130px; margin-right: 30px;} #c_kemu ul li a{ display: block; width: 270px; height: 110px; text-align: center; background-color: #56b7d7; font-size: 20px; color: #fff; padding-top: 20px; border-radius: 4px;} #c_kemu ul li.kbg_1 a{ background: url(/dist/product/www/imgs/course/c_kemu.png) 93px -554px no-repeat #56b7d7;} #c_kemu ul li.kbg_2 a{ background: url(/dist/product/www/imgs/course/c_kemu.png) 93px -420px no-repeat #56b7d7;} #c_kemu ul li.kbg_3 a{ background: url(/dist/product/www/imgs/course/c_kemu.png) 93px 0 no-repeat #56b7d7;} #c_kemu ul li.kbg_4 a{ background: url(/dist/product/www/imgs/course/c_kemu.png) 93px -140px no-repeat #56b7d7; } #c_kemu ul li.kbg_5 a{ background: url(/dist/product/www/imgs/course/c_kemu.png) 93px -280px no-repeat #56b7d7;} #c_kemu ul li a:hover{ background-color: #48aa56;} /*常见问题*/ #c_qa{ margin: 40px auto;} #c_qa ul{ width: 1190px; overflow: hidden; display: inline-table;} #c_qa ul li{ float: left; width: 575px; height: 80px; /*display: table-cell;*/ padding-bottom: 24px; margin:0 20px 20px 0; position: relative;} #c_qa ul li p{ line-height: 22px; margin-top: 5px; color: #777; font-size: 12px;} #c_qa ul li p.icon_qa{ padding-left: 25px; font-size: 14px; color: #555;} .icon_qa{ background: url(/dist/product/www/imgs/course/course_sp.png) -84px 1px no-repeat;} #c_qa ul li span{ font-size: 12px; color: #9a9a9a; position: absolute; bottom:5px; left:0;} /*全部知识点*/ #pointsBox{ margin-top: 40px; height: 170px; } #pointsBox h1{ font-size: 22px; color: #545050;} .points_tab{ background: #f4f4f4; border-radius: 2px; padding: 15px 20px; position: fixed; top:160px; z-index: 96; width: 1134px;} .points_tab ul.left{ width: 870px;} .points_tab ul.left li{ float: left; margin: 10px 25px 15px 0;} .points_tab ul.left li a{ width: 64px; height: 20px; line-height: 20px; text-align: center; color: #555; display: block; border: 1px solid #f4f4f4; font-size: 14px;} .points_tab ul.left li a.cur , .points_tab ul.left li.cur a , .points_tab ul.left li a:hover{ border: 1px solid #48aa56; color: #48aa56; background: #e2ece4;} .points_tab div.right{ width: 220px;} .points_tab div.right p{ font-size: 16px; color: #333; text-align: center; margin-top: 10px;} .points_tab div.right .btn{ display: block; width: 200px; height: 36px; line-height: 36px; margin: 10px auto; padding: 0;} /*章节循环*/ .pointsItem{ position: relative; margin-top: 10px; overflow: hidden; padding-top: 40px;} .pointsItem h2{ width: 240px; height: 60px; line-height: 20px; font-size: 14px; color: #333; padding:0 15px; border-radius: 2px; background: #f4f4f4; font-weight: bold; margin-bottom: 20px; vertical-align: middle; display: table-cell;} .pointsItem .pointerPer{ margin: 0; position: absolute; left:300px; top: 80px; cursor: pointer;} .pointsList{ width: 1205px; overflow: hidden; margin-top: 25px;} .pointsList li{ float: left; width: 250px; height: 70px; margin:0 30px 30px 0; background: #f4f4f4; border-radius: 3px; padding: 10px; overflow: hidden; position: relative; } .pointsList li h3{ font-size: 14px; color: #474747; margin-bottom: 5px;} .pointsList li p{ font-size: 12px; color: #474747; padding: 0px 15px 0 0; line-height: 18px;} .icon_sale , .icon_free{ display: block; width: 34px; height: 40px; position: absolute; top:0; right: 0;} .icon_sale{background: url(/dist/product/www/imgs/course/course_sp.png) 5px -271px no-repeat;} .icon_free{background: url(/dist/product/www/imgs/course/course_sp.png) 5px -333px no-repeat;} .learnType .pointsList li{ width: 250px;} /*知识点弹层*/ #showPoints{ width: 100%; padding: 0 900px; overflow: hidden;} #showPoints .pointsList{ width: 1225px; height: 385px; overflow: auto;} #pointsTabs li.ft22{ font-size: 22px;} /*登录/注册*/ #signBox{ width: 974px; margin: 75px auto; border: 2px solid #f0f0f0; padding: 40px 0 30px;} #signBox .left{ padding: 0 0 0 100px; width: 500px;} #signBox .left h4{ color: #545050; text-align: center; margin-bottom: 20px; width: 400px;} #signBox .fields{ position: relative; margin-bottom: 15px; padding-left: 80px; color: #7a7a7a;} #signBox .fields label{ position: absolute; top:0; left:0; display: block; width: 70px; height: 36px; text-align: right; line-height: 36px; font-size: 14px; color: #7a7a7a;} #signBox .fields a{ font-size: 14px; color: #7a7a7a !important;} #signBox .fields .input{ height: 36px; line-height: 36px; width: 220px; padding:0 10px; margin-right: 10px;} #signBox .fields .input_code{ width: 80px; margin-right: 75px;} #signBox .fields .btn{ display: inline-block; width: 190px; height: 36px; line-height: 34px; text-align: center; padding: 0; margin-right: 10px;} #signBox .right{ width: 365px; margin: 20px auto; padding: 20px 0; } #signBox .right h4{color: #545050; text-align: center; margin-bottom: 50px;} #signBox .thirdPart a{ display: block; width: 60px; height: 60px; float: left; margin:0 10px 0 75px; text-indent: -2000px; background-image: url(/dist/product/www/imgs/sign/sign_sp.png); background-repeat:no-repeat; } #signBox a.icon_weixin{ background-position: -4px 0;} #signBox a.icon_weibo{ background-position: -4px -77px;} #signBox a.icon_qq{ background-position: -4px -156px;} #signCode{ position: absolute; top:2px; left:190px; width: 60px; height: 34px; display: block;} /*注册*/ #regTab{ padding: 0 0 15px 123px; width: 764px; margin:0 auto 20px;} #regTab li{ float: left; margin: 0 20px;} #regTab li a{ font-size: 16px; color: #545050;} #regTab li.cur a , #regTab li a.cur{ color: #47aa55;} #signBox .fields{ position: relative;} #signBox .fields .input_recode{ width: 140px; margin-right: 5px;} #signBox .fields .btn_recode{ width: 70px; display: inline-block; height: 36px; line-height: 31px; padding: 0; text-align: center;} #signBox .fields em{ position: absolute; top:10px; left:333px;} .reg_right{ width: 229px; height: 229px; background: #f4f4f4; margin: 0 auto;} /*提示页面*/ #noticeBox{ width: 974px; margin: 75px auto; border: 2px solid #f0f0f0; padding-bottom: 80px;} .noticeItem{ width: 600px; margin: 90px auto;} #noticeBox strong{ display: block; width: 100%; font-weight: bold;text-align: center; font-size: 16px; margin-bottom: 25px;} #noticeBox p{ text-align: center; font-size: 16px; margin-bottom: 25px;} #noticeBox .btn{ display: block; width: 180px; height: 36px; line-height: 36px; text-align: center; padding:0; margin: 50px auto;} /*找回密码*/ .forgetPwdItem{ width: 560px; margin: 0 auto;} .forgetPwdItem h4{ text-align: left; margin-bottom: 30px; padding-left: 150px;} /*账号绑定*/ #bindBox{} #bindBox h2{ font-size: 16px; color: #545050; text-align: center; font-weight: bold; margin-bottom: 30px;} #bindBox .left{ width: 290px;} #bindBox .right{ width: 550px;} .bind_right{ width: 90px; margin: 80px auto 0;} .bind_right p{ text-align: center;} .bindImg{ width: 90px; height: 90px; border: 1px solid #d7d7d7; margin-top: 5px;} .bindImg img{ display: block; width: 90px; height: 90px; float: left;} /*登录浮层*/ .signDialogBox{width: 564px !important; margin: 15px auto !important; border: 0 !important; padding: 20px 20px 30px 20px !important;} .signDialogBox #signForm{ padding-left: 70px;} .signDialogBox #signForm h4{margin:0 0 20px 200px;} .signDialogBox .thirdPart{ margin-left: 95px;} /*绑定浮层*/ .bindDialog{ width: 400px !important; margin: 0 auto !important; border:0 !important; padding: 20px 100px!important;} .bindDialog .bindDialogBox{ width: 500px; margin: 0 auto;} .bindDialog .bind_right{ margin:0 0 10px 80px !important; width: 200px !important;} .bindDialog .bind_right p{ float: left; line-height: 65px; margin-left: 15px; font-size: 16px; color: #7a7a7a;} .bindDialog .bind_right .bindImg{ width: 65px !important; height: 65px !important; float: left;} /*以下是个人中心*/ #memberBox{} #memberBox #memberNav{ margin: 50px auto 20px;} #memberBox #memberNav ul li{ margin-right: 145px;} #memberBox #memberNav ul li a{ font-size: 22px; color: #494949; display: block;} #memberBox #memberNav ul li.cur a , #memberBox #memberNav ul li a.cur{ color: #48aa56;} #memberBox #memberNav ul li.right{ margin-right: 0; background: url(/dist/product/www/imgs/member/member_sp.png) left -18px no-repeat; padding-left: 20px;} #memberBox #memberNav ul li.right.cur{ margin-right: 0; background: url(/dist/product/www/imgs/member/member_sp.png) left 3px no-repeat; padding-left: 20px;} #memberBox #memberNav ul li.right a{ font-size: 14px;} #memberBox #memberNav ul.subNav{ margin-top: 40px;} #memberBox #memberNav ul.subNav li{ margin-right: 45px;} #memberBox #memberNav ul.subNav li a{ font-size: 16px;} /*如何提高 弹层*/ #howToUpBox{ width: 500px; padding: 20px;} #howToUpBox h1{ font-size: 18px; text-align: center; color: #545050;} #howToUpBox ul{ margin-bottom: 30px;} #howToUpBox ul li{ color: #545050; font-size: 14px; line-height: 28px; padding-left: 25px; background: url(/dist/product/www/imgs/member/member_sp.png) -50px 10px no-repeat;} #memberBox h2{ font-size: 22px; color: #545050; margin-bottom: 20px;} #memberBox h2 a{ padding: 2px 5px; border: 1px solid #333; font-size: 12px; color: #333!important; margin-left: 20px; border-radius: 2px;} #memberBox h2 a.cur{border: 1px solid #48aa56; color: #48aa56!important;} #memberInfo{ position: relative;} #memberInfo table{ width:1058px; margin: 20px auto;} #memberInfo table tr{ height: 35px;} #memberInfo table tr td{ font-size: 14px; color: #7a7a7a;} #memberInfo table tr td a{ color: #545050;} #memberOrder{ margin-top: 100px;} #memberOrder table{ width:100%; margin: 10px auto 0;} #memberOrder table tr{ height: 45px; line-height: 45px; border-bottom: 1px solid #f1f1f1;} #memberOrder table tr td, #memberOrder table tr th{ font-size: 14px; color: #7a7a7a; text-align: center;} #memberOrder table tr td a{ padding: 2px 5px; border: 1px solid #333; font-size: 12px; color: #707070; margin-left: 20px; border-radius: 2px;} /*#memberOrder table tr td */a.successOrder{border: 1px solid #48aa56!important; color: #48aa56!important; padding: 2px 5px;} #memberOrder table tr.gray td{ color: #acacac;} #bindEmail{ margin-left: 30px;} /*分页,希望能公用吧*/ .pages_right{ text-align: right; position: relative; height: 40px; margin: 20px 0 50px 0;} .pages_right ul{ position: absolute; top:0; right: 0;} .pages_right ul li{ float: left; margin-left: 25px;} .pages_right ul li a{ font-size: 14px; color: #9a9a9a; display: block; width: 16px; height: 16px; line-height: 16px; text-align: center;} .pages_right ul li.cur a{ color: #333;} .pages_right ul li.ctro a{ border:1px solid #48aa56; border-radius: 2px;} /*申请发票*/ .ticketBox{ width: 600px;} .ticketDialog{ width: 600px !important; margin: 0 auto !important; border:0 !important; padding: 20px 100px!important;} .ticketDialog .fields{ padding-left: 130px !important;} .ticketDialog .fields label{ width: 125px !important;} .ticketDialog .btn{ width: 115px !important;} .ticketDialog textarea{ height: 60px !important; line-height: 16px !important; padding: 5px 10px !important;} .ticketDialog .fields em{ left: 383px !important;} /*修改密码*/ #changePwdBox{ position: absolute; top:49px; left:0; background: #fff;} #changePwdForm{ width: 500px; margin: 30px auto;} #changePwdForm .fields{ margin-bottom: 15px;} #changePwdForm .fields label{ width: 80px; display: inline-block; font-size: 14px; text-align: right; margin-right: 10px;} #changePwdForm .fields .input{ width: 320px; height: 36px; line-height: 36px;} #changePwdForm .fields .btn{ display: inline-block; width: 140px; height: 36px; line-height: 36px; padding:0; text-align: center; margin-right: 49px;} #changePwdForm .fields p{margin:5px 0 0 100px;} /*视频收藏*/ .videoFavNav{ margin: 15px 0 30px;} .videoFavNav a{ color: #333; font-size: 14px;} .videoFavNav a.cur{ color: #48aa56;} .pointsList li{ z-index: 1;} .videoPlay{ width: 270px; height: 90px; background: #000; opacity: 0.5; position: absolute; top:0; left:0; z-index: 666;} .videoBtn{ display: none; position: absolute; top:0; left:0; padding: 38px 130px; margin: 10px auto; background: url(/dist/product/www/imgs/member/member_sp.png) 87px -87px no-repeat; z-index: 666;} .delFavVideo{ display: none; z-index:755; position: absolute; top:5px; right:5px; padding: 14px; background: url(/dist/product/www/imgs/member/member_sp.png) 2px -304px no-repeat; } .delFavVideo:hover{ background: url(/dist/product/www/imgs/member/member_sp.png) -42px -304px no-repeat;} /*习题收藏*/ #xitiFav{ margin: 15px 0 30px;} #xitiFav .jiexiItem{ background: #fcfcfc; border: 1px solid #fcfcfc; border-bottom: 1px dashed #c2c0bd; padding:20px; position: relative; margin-top: 25px;} #xitiFav .jiexiItem.hover{ background: #fff; border: 1px solid #f3f3f3; border-bottom: 1px dashed #c2c0bd;} .showFavJiexi{ display: block; width: 1010px; text-align: right; margin: 10px auto; font-size: 14px; color: #545050 !important; font-weight: bold;} .favJiexi{ width: 1010px; padding:15px; background: #f4f4f4; margin: 10px auto;} .favJiexi p{ font-size: 14px; color: #545050;} #xitiFav .delFavXiti{ position: absolute; top:10px; right: 10px; } #xitiFav .delFavXiti a{display: block; width: 26px; height: 26px; background: url(/dist/product/www/imgs/member/member_sp.png) left -178px no-repeat; text-indent: -2000px;} #xitiFav .xuelianItem ul li:hover{ background: none;} #xitiFav .xuelianItem ul li.cur:hover{ background:#f1f1f1;} /*我的学习*/ .memberPerList{ position: absolute !important; top:55px !important; z-index: 100 !important;} .memberPerList li{ position: relative; padding: 10px; width: 250px;} .showMoreLearn{ padding: 2px 30px 2px 20px !important; background: url(/dist/product/www/imgs/member/member_sp.png) 76px -210px no-repeat;} .showMoreLearn.learnOpen{ background: url(/dist/product/www/imgs/member/member_sp.png) 76px -232px no-repeat;} .bd_learn{ border: 2px solid #f0f0f0; border-radius: 2px;} .learnStatus{ } .learnStatus ul{ padding: 20px 15px; width: 1215px;} .learnStatus ul li{ float: left; width: 240px; height: 160px; margin-right: 60px; position: relative;} .learnStatus ul li h4{ font-size: 20px; color: #333; margin-bottom: 25px;} .learnStatus ul li p{ font-size: 14px; position: relative; line-height: 24px; color: #333;} .learnStatus ul li p span, .learnStatus ul li p a{ position: absolute; top:0; left:86px; color: #61add0;} .learnStatus ul li p.ft18 span{ left:120px; } .learnStatus ul li p a{ left:180px;} .learnStatus ul li .btn{ display: block; padding:0; text-align: center; width: 232px; height: 36px; line-height: 36px;} .learnStatus ul li p.learnAbility{ margin-top: 50px;} .learnStatus ul li p span.askIcon{ left:120px; padding-left: 25px; background: url(/dist/product/www/imgs/member/member_sp.png) 0px -388px no-repeat; cursor: pointer;} .learnAgain{ background: #000; opacity: 0.5; position: absolute; top:0; left:0; width: 270px; height: 70px; line-height: 67px; color: #fff; font-size: 22px; text-align: center;} /*学习中心*/ .learnPerBot{ position: absolute; bottom:20px; left:0;} .learnPer{ width: 238px; height: 10px; background: #d6d5d5; position: relative; overflow: hidden; bottom:10px; border-radius: 2px;} .learnPer span{ display: block; height: 10px; background: #61add0; position: absolute; top:0; left:0;} .learnPerTips, .learnTips{ position: absolute; bottom:-23px; left:0; width: 238px; height: 40px;} .learnTips i{ margin-top: 15px; font-size: 14px; color: #989898;} .learnPerTips i{ float: left; width: 33px; font-size: 12px; color: #989898; text-align: center; margin-left: -20px; padding-top: 10px; background: url(/dist/product/www/imgs/member/member_sp.png) 10px -268px no-repeat; position: absolute; bottom:0; left:0;} .learnPerTips i.cur{ background: url(/dist/product/www/imgs/member/member_sp.png) -48px -268px no-repeat; color: #61add0;} .learnBuy a{ line-height: 27px !important; margin-top: 0px; display: block; text-align: center !important;} .learnBuy .btn{ width: 70%; margin:0 auto;} .learnType{ margin: 30px 0 20px; position: relative;} .learnPointsItem{ position: relative;} .learnPointsItem .pointsList{ position: relative; top:0px; left:0; z-index: 66; background: #fff;} .noTop{ top: 94px !important;} /*没有学习进度*/ .noPer{ width: 1130px;} .noLearnPer{ width: 850px; position: relative;} .noLearnPer dt{ position: absolute; top:0px; left:0;} .noLearnPer dd{ margin-left: 80px;} .noLearnPer dd p{ line-height: 22px; color: #7a7a7a; font-size: 14px;} .noLearnPer dd p.ft16{ color: #333;} .noPer ul.right{ width: 238px;} .noPer ul.right li p{ height: 30px; font-size: 16px; color: #333; text-align: center;} .noPer ul.right li a{} /*新消息*/ .newMsg{background: url(/dist/product/www/imgs/member/member_sp.png) right -357px no-repeat; padding-right: 15px;} /*以下是静态*/ /*404,500*/ #server_404{ padding: 530px 0 100px; background: url(/dist/product/www/imgs/404.png) center 50px no-repeat;} #server_500{ padding: 480px 0 100px; background: url(/dist/product/www/imgs/500.png) center 50px no-repeat;} #server_404 p, #server_500 p, #server_403 p{ text-align: center; font-size: 20px; color: #5e2c2e; line-height: 40px;} #server_404 h1, #server_500 h1, #server_403 h1{ font-size: 36px; color: #5e2c2e; margin-bottom: 50px; text-align: center;} #server_404 a, #server_500 a, #server_403 a{ color: #48aa56;} #server_403{ padding: 480px 0 100px; background: url(/dist/product/www/imgs/403.png) center 50px no-repeat;} #server_403 h1{ font-size: 22px; font-weight: bold; text-align: left; width: 300px; padding-left: 50px; margin: 0 auto 5px; color: #545050; background: url(/dist/product/www/imgs/member/member_sp.png) -42px -174px no-repeat; padding-right: 15px;} #server_403 p{ text-align: left; width: 300px; padding-left: 50px; margin: 0 auto; color: #545050;} /*feedback*/ #feedback{} .feedItem{ margin-bottom: 20px;} #feedback h2{ font-size: 22px; color: #545050; margin: 40px 0 20px;} #feedback ul{ margin-bottom: 15px;} #feedback ul li{ float: left; font-size: 14px; margin-right: 20px;} #feedback textarea{ width: 100%; height: 80px; padding: 5px 10px;} #feedback p{ color: #7a7a7a; width: 100%;} #feedback p input{ margin-left: 10px;} #feedback form p{ text-align: right; margin-top: 20px;} #feedback strong{ color: #555; margin: 30px 0 10px; display: block; font-weight: bold;} #feedback p .input{ width: 210px; padding: 5px 10px;} #feedback .btn{ padding: 7px 83px;} /*guide*/ .guideItem{ margin-top: 30px;} .guideItem h3{ font-size: 14px; color: #333; margin-bottom: 20px;} .guideItem .guideInfo{ background: #f4f4f4; padding:10px 15px;} .guideItem .guideInfo p{ line-height: 24px; margin-bottom: 15px; color: #474747;} #guidesBox{ margin-top: 40px; height: 170px; } #guidesBox h1{ font-size: 22px; color: #545050;} .guide_tab{ background: #f4f4f4; border-radius: 2px; padding: 15px 20px; position: fixed; top:160px; z-index: 666; width: 1130px;} .guide_tab ul{ } .guide_tab ul li{ float: left; margin: 10px 25px 15px 0;} .guide_tab ul li a{ height: 20px; line-height: 20px; text-align: center; color: #555; display: block; border: 1px solid #f4f4f4; font-size: 14px; padding:2px 5px;} .guide_tab ul li a.cur , .guide_tab ul li.cur a , .guide_tab ul li a:hover{ border: 1px solid #48aa56; color: #48aa56; background: #e2ece4;} /*contBox*/ .contBox{ margin-top: 20px;} .contBox h2{ font-size: 18px; color: #545050;} .contBox .contInfo{ background: #f4f4f4; padding: 20px 25px; margin: 20px auto;} .contBox .contInfo strong{ margin-bottom: 5px; font-weight: bold; display: block;} .contBox .contInfo p{ font-size: 14px; color: #474747; margin-bottom: 15px; line-height: 24px;} .contBox .contInfo img{ display: block; margin: 15px 0;} /*使用引导*/ .guideTt{ font-size: 22px; color: #545050; width: 100%; margin:30px 0 25px;} .guideLeft{ width: 150px; background: #f4f4f4;} .guideRight{ width: 1000px;} .guideRight .contBox{ margin-top: 0;} .guideRight h2{ font-size: 14px;} .guideRight p{ text-indent: 24px;} .guideNav{ padding-bottom: 40px;} .guideNav li{ margin-bottom: 5px;} .guideNav li a{ display: block; width: 123px; height: 36px; line-height: 36px; padding-left: 25px; border: 1px solid #f4f4f4; font-size: 14px; color: #555;} .guideNav li.cur a, .guideNav li a.cur{ background: #e2ece4; border: 1px solid #48aa56; color: #48aa56;} /*footer*/ #footer{ background: #32383c; width: 100%; margin: 0 auto; padding: 45px 0 100px;/* margin-top: -245px;*/} #footer .bdTopDot{ border-top: 1px dashed #6b6b6c;} #copyright{ color: #989898;} .right a{color: #989898;} .footerPoint{ font-size: 16px; margin:0 25px;} #footer_links{} #footer_links p{ line-height: 35px; color: #9f9f9f;} #footer_links .footer_linkItem{} #footer_links .footer_linkItem a{ margin-right: 30px; padding-right: 40px; background: url(/dist/product/www/imgs/footer_sp.png) 70px -2px no-repeat;} #footer_links .footer_linkItem a.noPoint{ background: none;} .footer_info{ margin-left: 150px;} .footer_info p{ text-align: right; color: #9f9f9f;} #footer_rights{ text-align: center; padding-top: 60px;} #footer_rights p{ color: #9f9f9f; margin-top: 20px;} #footer a{color: #9f9f9f;} .footer_code{} .footer_code p{ text-align: center; color: #9f9f9f;} .footer_code img{ display: block; width: 110px; height: 110px; margin-top: 20px;} #footer .icon{ background-image: url(/dist/product/www/imgs/footer_sp.png); background-repeat: no-repeat; padding: 5px 0 5px 30px;} .footerPhone{ background-position: 0px -24px;} .footerWeibo{ background-position: 0px -53px; padding:5px 0 5px 40px !important;} .footerWeixin{ background-position: 0px -84px; padding:5px 0 5px 40px !important;} .footerKefu{ background-position: -9px -114px; padding:5px 0 5px 15px !important;} /*内容为空*/ #emptyBox{ padding:200px 0; text-align: center; margin: 0 auto;} .iconEmptyStar{ height: 130px; font-size: 18px; color: #ccc; position: relative; vertical-align: middle;} .iconEmptyStar i{ padding:50px; background: url(/dist/product/www/imgs/member/icon_empty.png) left center no-repeat;} /*各种错误提示弹层*/ #errorBox{ width: 500px; height: 200px; padding: 40px 60px;} #errorBox h1{ text-align: center; font-size: 18px; margin-bottom: 20px; color: #545050;} #errorBox p{ text-align: center; color: #545050; font-size: 14px;} #errorBox a.btn{ margin: 40px auto 0; display: block; width: 140px; height: 36px; line-height: 36px; padding: 0;} /*首页*/ .fp-section:last-child .fp-tableCell{vertical-align: top !important; position: relative;} .fp-tableCell #header{ width: 100%; position: absolute; top:0; left:0; z-index: 10;} .section0{ background:#bedff1;} .section1{ background:#51c7c6;} .section1 p{ color: #104444;} .section2{ background:#f5c93e;} .section2 p{ color: #4c3c09;} .section3{ background:#7ccff1;} .section3 p{ color: #0d3748;} .section4{ background:#32383c;} #fp-nav{ right: 20px !important; height: 100%; margin-top: 0 !important; top:70px !important;} #fp-nav ul{ height: 100%;} #fp-nav ul li, .fp-slidesNav ul li{ margin: 0!important; width: 5px !important;} #fp-nav li{ list-style-type: none; height: 25% !important;} #fp-nav li:last{ display: none;} #fp-nav li a{padding: 0 !important; width: 4px; height: 100% !important; background:#333; opacity: 0.4;} #fp-nav ul li a span, .fp-slidesNav ul li a span{ border:0 !important;} #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{ background:none !important;} #fp-nav li a:before{ background: none !important;} #fp-nav li a.active{ background: #51c7c6;} #fp-nav li a.active:before{ border: 0 !important;} #fp-nav li a.active:hover{ opacity: 1;} .wrapIndex{ max-width: 1170px; width: 110%; margin:0 auto; position: relative;} #indexBg{ height: 476px; max-width: 1070px; width: 100%; margin: 0 auto; background: url(/dist/product/www/imgs/index/indexImg_0.png) center 20px no-repeat; background-size: 100%;} /*back2top*/ .footerBar{width: 50px; position: fixed; right:35px; top:50%; z-index: 328;} .footerBar li{ margin-bottom: 20px; height: 50px; position: fixed;} .footerBar li a{ display: block; width: 46px; height: 46px; background:#ccc; position: relative; background-image: url(/dist/product/www/imgs/index/index_sp.png); background-repeat:no-repeat; background-position: center -109px;} .footerBar li a:hover{ background-color:#48aa56;background-position: center -109px;} .footerBar li a p{ position: absolute; top:7px; left:10px; width: 25px; height: 25px; color: #fff; display: none;} .footerBar li a:hover p{ display: block;} .feedOnline a{ background-image: none !important; color: #fff !important; padding: 10px !important; width: 25px !important; height: 30px !important;} .feedOnline a:hover{ background-image: none;} .back2top{display: none; bottom:20px;} /*首页轮播图样式重置*/ #indexSlide{ margin: 40px auto 0; max-width: 1170px;} .flex-control-nav li a{ width:60px !important; height:3px !important; margin:0 5px; border-radius:10px; background:#d5d5d5 !important; float:left; overflow:hidden;*display:inline;*zoom:1; cursor: pointer;} .flex-control-nav li a.active{ background:#48aa56 !important;} .flexslider{} .flexslider .slides{} .flexslider .slides img{ display: block; width: 100%; height: 380px;} /*indexCourse*/ .indexCourse{width: 1170px !important; margin: 0 auto; position: absolute; top:80%; left:0;} .indexCourse ul{ max-width: 1170px; width: 110% !important;} .indexCourse li{ float: left; width: 15.1% !important; height: 90px !important; margin-right: 1.5% !important;} .indexCourse li a{ display: block; width: 100% !important; height: 70px !important; background: #56b7d7; border-radius: 10px!important; padding-top: 20px; font-size: 16px !important;} .indexCourse li.cur{width: 31% !important; } .indexCourse li.cur a , .indexCourse li a.cur{ width: 100% !important; } #c_kemu.indexCourse ul li.kbg_1 a{ background-position: center -1483px;} #c_kemu.indexCourse ul li.kbg_2 a{ background-position: center -1413px;} #c_kemu.indexCourse ul li.kbg_3 a{ background-position: center -1250px;} #c_kemu.indexCourse ul li.kbg_4 a{ background-position: center -1332px;} #c_kemu.indexCourse ul li.kbg_5 a{ background-position: center -1170px;} /*freeMock*/ #freeMock{ background: url(/dist/product/www/imgs/index/indexDownIcon.png) center bottom no-repeat; padding: 14px 0; position: absolute; bottom:0; left:50%; margin-left: -585px; max-width: 1170px; width: 100%;} #freeMock a{ font-size: 16px; color: #2d6374;} #freeMock a.showPage2{ display: block; width: 140px; height: 50px; position: absolute; bottom: 0; left:50%; margin-left: -70px;} .fp-viewing-page1 , .fp-viewing-page2 , .fp-viewing-page3 , .fp-viewing-page4 , .fp-viewing-page5{ overflow: hidden !important;} .indexItemInfo{position: relative; max-width: 1170px; margin: 0px auto;} /*.indexItemInfo .left{ left: -2000px;} .indexItemInfo .right{ right: -2000px;}*/ /*.indexTxtInfo , .indexImg{ display: none;}*/ .indexTxtInfo h2{ color: #fff;} .indexImg{ position: relative;} /*.left.indexImg{ left: 0;} .right.indexTxtInfo{ right: 0;} .left.indexTxtInfo{ left: 0;} .right.indexImg{ right: 0;}*/ .indexItemInfo p{ margin-bottom: 20px;} .indexItemInfo p.alRight{ text-align: right;} .indexItemInfo h2.alRight{ text-align: right;} /*.indexTxtInfo.mgt40{ margin-top: 120px !important;}*/ .indexTxtInfo.mgt40 h2{ top: -125px; left:130px; top: 0px\0;} .section .left , .section .right{transition: all 1s;} .section1 .left { margin-left: -300%;} .section1.active .left{ margin:-10% 0 0 10px;} .section2 .left { margin: 20% 0 0 -300%;} .section2.active .left{ margin-left:10px;} .section3 .left { left: -300%; position: absolute; margin-top:-10% !important;} .section3.active .left{ left:10px;} .section1 .right { right: -300%; margin-top:-20px; position: absolute;} .section1.active .right{ right:10px;} .section2 .right { right: -300%; top:10%; position: absolute;} .section2.active .right{ right:10px;} .section3 .right { right: -300%; margin-top:-200px; position: absolute;} .section3.active .right{ right:10px;} /*动画开始*/ /*.indexTxtInfo , .indexImg , .indexTxtInfo h2, .indexImg h2 , .indexTxtInfo p , .indexImg p{-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation-duration: .5s; -webkit-animation-delay: 0s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .5s; -moz-animation-delay: 0s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .5s; -ms-animation-delay: 0s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .5s; animation-delay: 0s; animation-timing-function: ease; animation-fill-mode: both; }*/ /* * 奇葩的设计师，定了一个奇葩的宽度 * 自适应都无法调了 * 只能把浏览器撑开了 */ @media (max-width: 1170px) { /*#header , #footer , .section{ width: 1170px !important;}*/ .wrap_1170{ width: 100%;} #nav{ margin-left: 20px;} #nav ul li{ margin-right: 20px;} .footer_info{ margin-left: 15px;} .indexCourse ul{ width: 100% !important;} .indexCourse{ width: 100% !important;} .indexCourse li{ width: 14.7% !important;} .indexCourse li.cur{ width: 26% !important;} #freeMock{ left:0; margin-left: 0;} #indexBg{background-size : 90% auto;} }