.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;} .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;} /*color*/ .red{ color: #b8280c !important;} .white{ color: #fff !important;} .gray{ color: #bebebe !important;} .green{ color: #48aa56 !important;} .strong{ font-weight: bold;} .whiteBg{ background: #fff;} /*以下是模考*/ /*模考首页*/ #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;} /*备考*/ #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;} /*推荐考点*/ #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; }