﻿/*****************************************************************/

/*
************site:m.zili.cn**************
************version:2013-06-04**********
************author:johie****************
*/

/*****************************************************************/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td,form{margin:0;padding:0}
body,button,input,select,textarea{font:normal 14px/22px Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif}
h1{font-size:18px}
h2{font-size:16px}
h3{font-size:14px}
h4,h5,h6{font-size:100%}
a{text-decoration:none}
img{border:0}
ul,ol{list-style:none}
.fl{float:left}
.fr{float:right}
.cl{clear:both}

/*****************************************************************/
.index{background:url(../images/bgcs.jpg) repeat 0 0}
.index .header{background:none;border:0;height:42px;margin:20px 0}

/* 头部(首页新) */
#header{width:320px;max-width:320px;height:50px;margin:0 auto;background:#ff7200;overflow:hidden;}
#header .logo{float:left;width:170px;height:30px;margin:8px 0 0 10px;background:url(../img/newlogo.png) no-repeat 0 0;background-size:170px auto;}
#header span{display:inline;float:right;margin-right:10px;color:#fff;font-size:12px;font-weight:700;line-height:15px;}

/* 头部(广告) */
.imgtop{margin:0 auto;position:relative;}
.imgtop img{width:100%;height:auto;}

/*header 内页*/
.header{background:#46403f;height:36px;line-height:36px;border-bottom:solid 4px #317ee7}
.index .header{background:none;border:0;height:42px;margin:20px 0}
.header a{display:block;float:left;width:20%;font-size:14px;color:#fff;text-align:center}
.index .header a{float:none;width:160px;height:42px;margin:0 auto}
.header a.focus{width:60%;font-size:16px;background:#317ee7}

/* 校区头部(首页) */
.header-xqbg{height:45px;overflow:hidden;position:relative;background:#f4823f;}
.header-home{float:left;width:120px;height:27px;margin-right:15px;margin-top:9px;border-right:1px solid #fff}
.header-home span{line-height:30px;font-size:15px;color:#fff;font-weight:bold;margin-left:40px;}
.header-home::before{content:'';position:absolute;width:24px;height:24px;background:url(http://wap.zili.cn/tg/jqsl/images/sprite.png) no-repeat -126px -32px;background-size:150px;margin:2px 0 0 12px;}
header-home span{display:block;}
.header-title{line-height:48px;font-size:15px;color:#fff;font-weight:bold;position:relative;overflow:hidden;margin-right:5px;}
.header-title a{color:#fff;}
.header-bg a:visited{color:#fff;}
.header-title-home{display:block;text-align:center;padding:0 45px 0 0;}
.header-title-nav{display:block;white-space:nowrap;-webkit-transform:translate(00px,0px) translateZ(0px);overflow-x:auto;overflow-y:hidden;}

/* 广告图 */
#content{padding:0;background:#fff;}
.focus{max-width:640px;height:240px;margin:0 auto;position:relative;overflow:hidden;}
.focus .hd{width:100%;height:5px;position:absolute;z-index:1;bottom:0;text-align:center;}
.focus .hd ul{overflow:hidden;display:-moz-box;display:-webkit-box;display:box;height:5px;background-color:rgba(51,51,51,0.5);}
.focus .hd ul li{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}
.focus .hd ul .on{background:#FF4000;}
.focus .bd{position:relative;z-index:0;}
.focus .bd li img{width:100%;height:240px;}
.focus .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0); /* 取消链接高亮 */}

/* 课程 */
.ics{margin:10px}
.ics li{float:left;width:33.3%;text-align:center;line-height:25px;display:block;height:115px;font-size:16px}
.ics li img{width:80px;height:80px;display:block;margin:10px auto 0 auto}
.ics li a{color:#333}
.catetab,.cstab{border-bottom:solid 1px #adadad;height:36px;line-height:36px}
.catetab li,.cstab li{width:25%;float:left;height:36px}
.catetab li a,.cstab li a{display:block;text-align:center;height:32px;line-height:32px;font-size:14px;color:#333}
.catetab li.focus a,.cstab li.focus a{border-bottom:solid 4px #317ee7;color:#317ee7;font-weight:bold;}
.csbox,.csinfo,.csview ul,.sugcs{padding:10px;border-bottom:solid 1px #d3d3d3}
.csbox img{width:88px;height:88px;padding:1px;border:solid 1px #d3d3d3}
.cstb{width:100%}
.csbox h1,.csinfo h1{font-size:16px;color:#317ee7;line-height:22px;font-weight:normal}
.csbox p,.csinfo p{line-height:20px;color:#333;margin-bottom:5px;font-size:14px;width:240px;}
.csbox span{color:#a6a6a6;font-size:14px}
.csbox b{color:#df0000;font-size:16px}
.footer{padding:0 0 10px}
.footer2{width:100%;height:auto;padding:5px 0;position:fixed;bottom:40px;z-index:999999;background:#eee;}
.footer2 a{display:block;float:left;width:25%;text-align:center;height:auto;}
.footer3{width:100%;height:auto;padding:5px 0;position:fixed;bottom:0;z-index:999999;background:#eee;}
.footer3 a{display:block;float:left;width:25%;text-align:center;height:auto;}
.allcate h1,.sugcs h1{background:#317ee7;color:#fff;height:35px;line-height:35px;text-align:center;margin-bottom:5px;font-size:16px}
.cscate{width:100%}
.cscate td a{background:#333;display:block;text-align:center;color:#fff;height:35px;line-height:35px;font-size:14px}
.links{height:35px;border-bottom:solid 1px #d3d3d3;border-top:solid 1px #d3d3d3;margin-top:20px}
.links a{display:block;float:left;width:15%;font-size:14px;color:#333;text-align:center;height:35px;line-height:35px;text-align:center;}
.links .pcvs{width:50%;background:url(../images/pc.jpg) no-repeat 20% center;color:#317ee7}
.links .btt{width:20%;}
.copy{line-height:16px;text-align:center;margin-top:10px;font-size:12px}
.copy a{display:block;height:35px;line-height:35px;font-size:24px;color:#df0000;font-weight:bold}
.cstab li{width:50%}
.csinfo h1{color:#df0000;font-weight:bold}
.csview ul{display:block}
.csview li{height:22px;line-height:22px;font-size:14px;font-family:宋体}
.csview li span.fl{display:block;width:70px}
.csview li b{color:#df0000;font-size:16px}
.csview li b.blue{color:#317ee7;font-weight:normal}
.cstel{margin:1px auto;background:url(../images/tel.png) no-repeat center left;}
.cstel a.tel{background:url(../images/csbtn.jpg) no-repeat 0 0;display:block;width:177px;height:37px;line-height:35px;color:#fff;text-indent:40px;font-size:18px;float:left;padding:0}
.sugcs{border-top:solid 1px #d3d3d3}
.sugcs h1{background:#eaeaea;border:solid 1px #d3d3d3;text-align:left;text-indent:10px;color:#333}
.sugcs li a{display:block;height:25px;line-height:25px;text-decoration:underline;color:#333;font-size:14px}
.sugcs li a span{float:right}
.school{border-color:#df0000}
.school a.focus{background:#df0000}
.sclist .cstel a{margin:2px 0 1px 22px;width:141px;height:32px;line-height:30px;font-size:18px;color:#F4823F;}
.scmap{width:90px;height:90px;overflow:hidden;margin-right:10px;line-height:90px;text-align:center}
.scmap img{padding:0;border:0}
.course-text{line-height:22px;font-size:14px;padding:5px;}
.course-img{text-align:center;padding:3px;}
.cstable{width:100%;background:#d4d4d4}
.cstable td{padding:3px;background:#fff;line-height:20px;color:#494949;text-align:center}
.cstable .tdtit{font-weight:bold;background:#eaeaea;}
.cstable .tdcsname{padding:3px 20px}

/* 定金页面 */
.wrapper-pay{max-width:640px;min-width:310px;width:100%;background:#F0EFF5;overflow:hidden;margin:0 auto;}
.wrapper-pay>h2{font-size:28px;color:#fff;line-height:50px;font-weight:bold;}
.wrapper-pay>h2 span{color:#ff0;}
.form-group-pay{margin:10px 15px;}
.form-control-pay{height:44px;display:block;width:100%;margin:12px 0;padding:4px 0;text-indent:20px;font-size:18px;font-family:"Microsoft YaHei";line-height:1.5;color:#9fa3a7;background-color:#fff;border:1px solid #ccc;border-radius:5px;}
}
button.btn-primary-pay{margin:20px auto 0;font-weight:bold;padding:8px 0;width:100%;font-size:26px;height:46px;display:block;background:#80D983;border:1px solid #47D14C;border-radius:3px;}
.csview-pay{width:100%;text-align:center;}
.qa-title{padding:3px 2px;}
.btn-group .btn+.btn{margin-left:0;}
.bg-color-green{background:#22AF73;}
.bg-color-red{background:#FF3239;}
.bg-color-orange{background:#FF8D1E;}
.bg-color-blue{background:#0099CC;}
.bg-color-purple{background:#6E3C82;}
.bg-color-yellow{background:#FFBD00;}
.btn-group{width:100%;}
.btn-group>.wd25{width:25%;font-size:24px;border-radius:0;border-color:none;background-color:#FF3239;border-top-color:#FF3239;border-bottom-color:#FF3239;border-left-color:#FFF;}
.btn-group>.wd20{width:20%;font-size:1.4rem;border-radius:0;border-color:none;background-color:#FF3239;border-bottom-color:#FF3239;border-left-color:#FFF;padding:12px 0;}
.bd{border-right:1px #fff solid;}

/* 报名页面 */
.enroll-course-form{padding:15px 20px;}
.enroll-course-form-list{background:#fff;height:44px;line-height:44px;margin-bottom:10px;}
.enroll-course-form-list-clear{background:none;border:none;}
.enroll-form-control{height:44px;display:block;width:100%;margin:12px 0;padding:4px 0;text-indent:20px;font-size:18px;font-family:"Microsoft YaHei";line-height:1.5;color:#9fa3a7;background-color:#fff;border:1px solid #ccc;border-radius:5px;}
.enroll-course-form-btn button{background:#ec5224;color:#fff;border:none;width:100%;height:50px;line-height:50px;font-size:16px;border-radius:50px;}
.csview>h3 span, .enroll-course-form>h3 span{padding:0 10px;font-size:18px;color:#232323;line-height:30px;font-weight:bold;}
/* 报名显示页面 */
.olreginfo>table{font-size: 16px;margin:0 auto;line-height: 22px;}
.olreginfo>h4 span{font-size:14px;color:#317EE8;line-height:40px;font-weight:bold;padding: 0 36px;}