/*
 * @Author www.289w.com
 * @Date 2014-12-08
 */
body{background:#f3f2ef;}
#tian .wrap{width:100%;min-width:1018px;margin:0 auto;}
#tian .head{padding:5px 15px 0 30px;height:60px;background-color:#00b9cd}
.menu{float:right;padding:15px 15px 0 0;font-size:16px;}
.menu a{margin:0 10px;color:#fff;}
.menu a:hover{color:#666;}

.banner{height:500px;background:url(../images/tian/banner-bg.png) repeat-x;}
.banner-wrap{margin:0 auto;width:1000px;position:relative;}
.banner .top{color:#fff;position:absolute;left:200px;top:110px;font-size:25px;font-family:宋体;}
.banner .top h1{font-size:50px;font-family:MicroSoft Yahei;}
.banner .phone{position:absolute;left:550px;top:50px;}
.buttons{position:absolute;left:200px;top:250px;}
.buttons .btns{display:inline-block;margin:0 15px 15px 0;width:150px;height:50px;line-height:50px;text-align:center;border:1px solid #fff;border-radius:5px;font-size:16px;font-weight:bold;color:#fff;}
.buttons .btns:hover{background-color:#fff;color:#333;opacity:.4;filter:opacity(alpha=40);}


#tian .foot{padding:20px 0;height:160px;background-color:#202627;color:#fff;width:100%;}
.foot.fixed{position:fixed;bottom:0;}
.foot .tt{position:absolute;left:260px;}
.foot .buttons{left:50px;top:40px;}
.foot .info{position:absolute;right:50px;top:40px;width:480px;text-align:center;color:#888;line-height:2em;}
.foot .info a{margin:10px;font-size:16px;color:#fff;}
.foot-wrap{margin:0 auto;width:1000px;position:relative;}

.index{margin:0 auto;width:1000px;}
.index .txt{width:400px;float:left;color:#00b9cd;line-height:1.5em;padding:50px 20px 0 20px;}
.index .txt h2{font-size:16px;padding:10px 0;}
.index .txt.right h2{text-align:right;}
.index .clearfix{padding:20px 0;} 
.index img{vertical-align:middel;}
.mainbox-bg{margin:0 auto;background:#f3f2ef;padding:25px;font-size:16px;line-height:2em;}

.main-content{padding:20px 0;font-size:14px;line-height:2em;color:#888;  background: #fff;}
.main-content .side{float:left;width:260px;min-height:350px;border-right:2px solid #e1e1e1;position:relative;}
.main-content .sidemenu li a{display:block;margin-right:-12px;padding-right:45px;line-height:65px;font-size:18px;text-align:right;background:url(../images/tian/dot.png) right center no-repeat;}
.main-content .sidemenu li a:hover,.main-content .sidemenu li a.current{background:url(../images/tian/dot-red.png) right center no-repeat;color:#f60;}

.main-content .main{float:left;width:700px;padding:0 30px;border-left:2px solid #e1e1e1;margin-left:-2px;}
.main-content .main h2{margin:20px 0;font-size:20px;border-bottom:1px solid #ccc;line-height:45px;}

.log{margin:0 auto;width:980px;padding:50px 20px;}
.log .img{float:left;padding:0 50px;background:url(../images/tian/sperate.png) right center repeat-y;}
.log .form{float:left;padding:20px 40px;width:330px;}
.log .info{padding:20px 0;}
.log .go-reg{float:right;color:#67ac2a;}
.form-group .area{border-bottom:2px solid #bbb;width:300px;margin-top:20px;padding:5px 10px;}
.form-group .text-input{border:none;background:none;}
.form-group .error-info{display:none;}
.form-group.error .area{border-color:#e00;}
.form-group.error .error-info{display:block;color:#e00;font-size:12px;}
.form-group.error .text-input{color:#e00;}

.reg {margin:0 auto;width:980px;padding:40px;}
.reg .img{float:right;width:375px;}
.reg .img img{width:220px;}
.reg .form{float:left;width:450px;}
.reg h1{background:#00b9cd;color: #000;text-align:center;font-weight:normal;margin-bottom:20px;}
.groups{padding-top:10px;}
.groups label{display:inline-block;width:80px;text-align:right;padding-right:5px;}
.groups .text-input{background:none;border:1px solid #888;border-radius:4px;padding:5px;width:225px;}
.groups .btn-input{border:1px solid #888;border-radius:4px;padding:5px 10px;color:#888;}
.groups .btn-input.btn-ok{background:#f60;color:#fff;border-color:#f90; cursor:pointer;}
.groups .error-info{margin-left:90px;font-size:12px;color:#e00;}
.groups .tips{margin-left:8px;color:#888;font-size:12px;}
.groups.check{font-size:12px;}

.button{display:inline-block;width:140px;height:34px;line-height:30px;border:none;background:url(../images/tian/btn-bg.png) no-repeat; cursor:pointer;color:#fff;}
.get-password{padding:50px 150px;}
.get-password .step{width:600px;height:30px;overflow:hidden;background:url(../images/tian/step.png) no-repeat;margin-bottom:30px;}
.get-password .step2{background-position:left center;}
.get-password .step3{background-position:left bottom;}

/*背景login-bg*/
.login-bg{
  height: 160px;
  background: url(../images/tian/logo-bg.jpg) no-repeat 50%;
}
.service-bg{
  height: 160px;
  background: url(../images/tian/service-bg.jpg) no-repeat 50%;
}
/*JS*/
.gray{background:#CCC;color:#000;}