@charset "gb2312";
/*
* Description: 一级建造师
* Update:      11/4/2015
* Author:      tianfangfang
*/

/* reset css */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style: none;}
body, select, option, textarea, input{font: 12px/1.5 arial; -webkit-text-size-adjust: none; }
select,input,button{vertical-align: middle;font-size: 100%;}
fieldset,img{border: 0 none;}
em,i{font-style: normal;}
a{ text-decoration: none; }
a:hover{ color: #f60; text-decoration: underline;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}
article, aside, footer, header, hgroup, main, nav, section { display: block;}

/* banner start */
.banner{ width: 100%; height: 558px; background: url(../images/banner.jpg) no-repeat top center; }
.banner-wrap{ width: 920px; height: 558px; margin: 0 auto; padding: 0 40px; position: relative; }
.banner-wrap p{ font: 22px/36px "microsoft YaHei"; color: #fff; text-align: center; position: absolute; top: 467px; }

/* main start */
.main{ width: 980px; overflow: hidden; margin: 0 auto; padding: 0 10px; }

/* 直播入口 start */
.main table{ border: 1px solid #ccc; border-right: 0; border-bottom: 0; margin-top: 34px; margin-bottom: 24px; }
.main table th{ border-right: 1px solid #ccc; font: bold 24px "microsoft YaHei"; color: #2e4361; border-bottom: 1px solid #ccc; }
.main table td{ text-align: center; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.main table td .timer{ font: bold 20px "microsoft YaHei"; color: #2e4361; }
.main table td .month{ font: bold 24px "microsoft YaHei"; color: #cc0000; }
.main table td .sub-type{ font: bold 24px "microsoft YaHei"; color:#fea737;  }
.main table td .public{ font: 20px "microsoft YaHei"; color: #313131; }
.main table td .focus{ color: #3c79dd; font: 24px "microsoft YaHei"; }
.main table td .online-btn{ width: 116px; height: 58px; background: url(../images/btn.jpg) no-repeat; display: block; color: #000409; font: 20px/58px "microsoft YaHei"; margin: 0 auto; }

/* section_two start */
.section_two{ overflow:hidden; padding-top:20px;padding-bottom:30px;}
.section_two h3.tli{font:bold 42px "微软雅黑";text-align:center;color:#235984;background:url(../images/til_bg.jpg) left center no-repeat;}
.sub_info li{ width:312px; height:375px; background:url(../images/li_bg.jpg) no-repeat; float:left; margin-right:17px; margin-top:28px;border:1px solid #e6e6e6;}
.sub_info li h3{ height:38px; line-height:38px; text-align:center; font-size:20px; font-family:"microsoft YaHei";color:#fff;}
.sub_info li .pic{ margin:13px 14px 0 14px; display:block;}
.sub_info li p{ line-height:26px; text-align:center;} 
.sub_info li .r1{ margin-top:7px;}
.sub_info li .r1 a{ color:#235984; font-family:"simsun";}
.sub_info li .teacher{ margin-bottom:20px; color:#092840;}
.tea_name:hover{ color:#092840;}
.sub_info li .teacher .load1{color:#235984; margin-left:22px; background:url(../images/bg.gif) no-repeat; background-position:0 -160px; padding-left:19px;}
.sub_info li .btn{ width:98px; height:36px; line-height:36px; text-align:center; background:url(../images/bg.gif) no-repeat; background-position:0 -103px; display:block; margin:0 auto; color:#fff; font-family:"microsoft YaHei"; font-size:16px;}
.sub_info li .btn:hover{ text-decoration:none; color:#fff;} 

/* 免费下载资料 开始 */
.load{ width: 977px; height: 270px; border: 1px solid #cfcfcf; padding-top: 26px; }
.load .tit{ height: 56px; font: bold 30px/56px "microsoft YaHei"; color: #001d33; text-align: center; margin-bottom: 10px; }
.load .tit span{ color: #fe9713; font-size: 40px; }
.load-rotate{ width: 977px; height: 130px; margin: 0 auto; padding-left: 28px; }
.load-con{ width: 102px; perspective: 1200px;  -webkit-perspective: 1200px; -moz-perspective: 1200px; -ms-perspective: 1200px; -o-perspective: 1200px; float: left;  margin: 0 44px 0 13px; }
.load-con .rotate-box{ position: relative;  width:102px; height:102px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;/* 3D 转换 */ transform-style: preserve-3d; /* 3D 转换 */ -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease;-ms-transition: 0.5s ease;-o-transition: 0.5s ease;/* 转换效果持续 1秒 */}
.rotate-box img{ width: 100%; height: 100%; }
.text { position: absolute; top: 0; left:0; width: 100%; transform: rotateY(180deg) translateZ(1px); /* 反转360度 并设置z轴让其置于图片背面 */ -webkit-transform: rotateY(180deg) translateZ(1px); -moz-transform: rotateY(180deg) translateZ(1px);-ms-transform: rotateY(180deg) translateZ(1px);-o-transform: rotateY(180deg) translateZ(1px);/* 反转360度 并设置z轴让其置于图片背面 */ color: #666; opacity: 0.01; background: rgba(255,255,255,.9); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.load-con .rotate-box:hover{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg); }
.load-con .rotate-box:hover .text { opacity: 1; }

/* 用户信息 开始 */
.info{ height: 54px; overflow: hidden; background: #f5f5f5; padding-top: 16px; padding-left: 41px; }
.info .txt{ width: 252px; height: 33px; font: 18px/33px "microsoft YaHei"; color: #235984; background: #d0d6db; border: 4px solid #e1e4e6; padding-left: 7px; margin-right: 68px; outline: none; float: left; }
.info .btn{ width: 108px; height: 36px; background: url(../images/click.jpg) no-repeat; display: inline-block; float: left; }


/* 通关五步曲 start */
.step{ overflow: hidden; }
.step .tit{ font: bold 54px/122px "microsoft YaHei"; color: #1b242b; text-align: center; }
.step .tit span{ font-size: 60px; color: #ff8f34; }
.step .step-con{ width: 1000px; height: 777px; background: url(../images/step.jpg) no-repeat top center; }
.step .step-con li{ height: 114px; padding-top: 42px; }
.step .step-con li .fl{ width: 226px; height: 114px; float: left; font: bold 30px/36px "microsoft YaHei";  text-align: center; }
.step .step-con li .fc{ width: 466px; height: 114px; font: bold 18px/30px "microsoft YaHei"; color: #fff; float: left; padding-right: 90px; }
.step .step-con li .fr a{ width: 194px; color: #fd4d6a; font: bold 18px/26px "microsoft YaHei"; text-align: center; display: inline-block; margin-top: 43px; }

/* 核心考点 开始 */
.combo{ width: 978px; height: 524px; background: url(http://www.edu24ol.com/wx/subject/jzs1_newjc/images/combo.jpg) no-repeat top center; margin-top: 40px; position: relative; }
.combo-wrap{ width: 444px; height: 291px; position: absolute; top: 134px; right: 21px; padding: 75px 0 0 0; }
.combo-wrap .txt{ color: #fff; font: 16px/26px "simsun"; padding-left: 53px; }
.combo-wrap .txt span{ width: 112px; float: left; display: inline-block; }
.combo-wrap .txt p{ padding-left: 112px; }
.combo-wrap strong{ font: bold 24px "microsoft YaHei"; color: #fef102; margin-top: 10px; display: inline-block; padding-left: 53px; }
.combo-wrap strong a{ font-weight: normal; font-size: 16px; font-family: "simsun"; color: #fef102; margin-left: 10px; }
.combo-wrap strong a:hover{ text-decoration: none; color: #fef102; }
.combo-wrap .cost{ height: 69px; overflow: hidden; margin-top: 11px; }
.combo-wrap .cost span{ color: #24242c; font: bold 28px "microsoft YaHei"; display: inline-block; float: left; margin-right: 10px; }
.combo-wrap .cost span em{ color: #ed0002; font-size: 52px; }
.combo-wrap .btn{ width: 428px; height: 52px; padding: 14px 0 0 16px;  }
.combo-wrap .btn .btn-01{ width: 135px; height: 36px; display: inline-block; margin: 0 32px 0 47px; }


/* mobile start */
.mobile{ width: 100%; overflow: hidden; }
.mobile-wrap{ width: 980px; margin: 0 auto; overflow: hidden; border-bottom: 1px solid #e5e5e5; }
.mobile-wrap .fl{ width: 240px; height: 409px; float: left; background: url(../images/phone.jpg) no-repeat; }
.mobile-wrap .fr{ width: 694px; float: left; overflow: hidden; padding-right: 46px;  }
.mobile-wrap .fr .tit{ line-height: 45px; font-size: 30px; font-weight: bold; font-family: "microsoft YaHei"; margin-top: 50px; }
.mobile-wrap .fr .tips{ line-height: 34px; font-size: 20px; color: #282828; font-weight: bold; font-family: "microsoft YaHei"; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
.mobile-con{ overflow: hidden; margin-top: 8px; padding-bottom: 21px; border-bottom: 1px solid #e5e5e5; }
.mobile-con li{ width: 169px; height: 89px; float: left; margin-right: 62px; }
.move-01,.move-02,.move-03{ width: 89px; height: 89px; background: url(../images/app-02.png) no-repeat; float: left; }
.mobile-con li .move-02{ background-position: 0 -102px; }
.mobile-con li .move-03{ background-position: 0 -202px; }
.mobile-con li .move-fr{ width: 65px; line-height: 24px; float: left; font-size: 14px; color: #000; font-family: "microsoft YaHei"; margin: 21px 0 0 11px; }
.mobile-con li .move-fr a{ color: #333; }
.mobile-con li .move-fr a:hover{ color: #f60; text-decoration: underline; }
.contact{ overflow: hidden; margin-top: 24px; }
.contact .qq{ width: 225px; float: left; }
.contact .qq span{ width: 84px; float: left; margin-left: 4px; }
.contact .qq-fr{ line-height: 25px; margin-left: 16px; float: left; font-size: 14px; color: #000; font-family: "microsoft YaHei"; padding-top: 16px; }
.contact .chat{ width: 176px; float: left; margin-left: 111px; }
.contact .chat span{ width: 87px; float: left; }
.contact .chat .chat-fr{ float: left; text-align: center; line-height: 25px; font-size: 14px; color: #000; font-family: "microsoft YaHei"; margin-left: 16px; padding-top: 14px; }


/* pop start */
#cover{ width: 100%; height: 100%; background: #333; opacity: 0.5; filter: alpha(opacity=50); display: block; z-index: 10001; position: fixed; top: 0; display:none; }
.show-pop{ width: 690px; height: 530px; z-index: 10002; position: fixed; top: 50%; left: 50%; margin:-265px 0  0 -345px;display: block; background: #fff; display:none;}
.show-pop .tit{ width: 690px; height: 45px; font: bold 27px/45px "microsoft YaHei"; color: #fff; background: url(../images/show-head.jpg) no-repeat; text-align: center;}
.show-pop table{ border: 1px solid #A2EA9D; background:#fff;border-bottom:0;border-right:0;}
.show-pop table th{ background: #A2EA9D; border-bottom: 1px solid #A2EA9D; border-right: 1px solid #A2EA9D; }
.show-pop table td{ border-bottom: 1px solid #A2EA9D; border-right: 1px solid #A2EA9D;text-align:center; }
.show-pop table td.td1{background:#F7FEF1;}
.show-pop table td.td2{text-align:left;padding-left:5px;}
.show-pop table td input{width:11px;height:11px;border:1px solid #707070;margin-right:9px;}
.btn_01{position:absolute;width:106px;height:32px;background: url(../images/btn_01.png) no-repeat;bottom:15px;right:30px;}