@charset "utf-8";
/* CSS Document */
/****************************
 * version:1.0
 * By:landry 
 * Date:2015-06-02
 *
 */
/*大体架构
 ----------*/
body,html {
    color: #666;
    font-family:'Helvetica','Microsoft YaHei';
    width: 100%;
    font-size:12px;
    word-break: break-all;
}
body{
    _width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");}
}


img {
    border: 0;
    vertical-align: middle;
    display:block;
    outline: none;
}
.container{
    position: relative;
    margin: 0 auto;
    width: 990px;
    _width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");
}

a{ text-decoration:none;color: #666;}
a:hover{ color:#00aeff;}

/*颜色值
 --------------*/
.orange {
    color: #ffe400;
}
.blue {
    color: #00aeff;
}
a.blue:hover{
    color: #3071b9;
}

/*层级*/
.z-index{z-index: 30;}

/*清除浮动
 --------------*/
.clear {
    padding: 0;
    margin: 0;
    width: 0;
    height: 0;
    font-size: 0;
    overflow: 0;
    clear: both;
    line-height: 0;
}
.clearfix {
  zoom: 1;
  _height: 1px
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}
/*清楚文字内容
 --------------*/
.txtIndent {
    text-indent: -9999em;
}
/*用于seo不显示的内容
 --------------*/
.seo {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 0;
}
.seo, .hideImg {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 0;
}
.hideImg {
    overflow: hidden;
}
.hideImg img {
    width: 0;
    height: 0;
    overflow: hidden;
}
/*左浮动和右浮动
 --------------*/
.float_l {
    float: left;
}
.float_r {
    float: right;
}
.float_r, .float_l {
    _display: inline;
}

/*灰遮罩*/
.cover{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%; background: #000;opacity: 0.5;filter: alpha(opacity=50);text-indent: -1000px;overflow: hidden;}
#overlay{ background:#333; opacity:0.3; box-shadow: 4px 0 10px #999; position:absolute; left:0; top:0; height:100%; width: 100%; display:none; z-index: 9;}



/**主体**/
/*鼠标经过图片缩放*/
.pics{display: block; height: 100%; overflow: hidden;}
.pics:hover img {
-webkit-transition: .3s linear;
-moz-transition: .3s linear;
-o-transition: .3s linear;
-ms-transition: .3s linear;
transition: .3s linear;
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-o-transition-delay: 300ms;
-ms-transition-delay: 300ms;
transition-delay: 300ms;
-webkit-transform: rotate(5deg) scale(1.2);
-moz-transform: rotate(5deg) scale(1.2);
-o-transform: rotate(5deg) scale(1.2);
-ms-transform: rotate(5deg) scale(1.2);
transform: rotate(5deg) scale(1.2);
}

/*公用按钮*/
.button{
  line-height: 30px;
  background: #e6e6e7;
  padding: 0 14px;
  display: inline-block;
  color: #a29999;
  font-size: 14px;
  border: 0;
 }

.button-blue{
  background: #dd202f;
  color: #fff;
  position: relative;
}
.button-blue:hover{
  color: #fff;
  background: #dd202f;
}
.button-gray{
  margin: 0 0 0 8px;
}
.button-gray:hover{
  background: #a29999;
  color: #fff;
}
.text{font-size: 12px; width: 100%; line-height: 16px;  border: 1px solid #DEDEDE;}

/*焦点图轮播*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
  
/**头部文件**/
.header {
  position: relative;
}
 .header .top{
  padding: 22px 0;
  position: relative;
  z-index: 4;
 }
 .header .logo{
  width: 283px;
  height: 61px;
  display: inline-block;
  background: url(../images/logo.png) no-repeat;
  float: left;
 }
 .header .item{
  text-align: right;
  float: right;
  width: 600px;
  padding-top: 17px;
 }
  .header .item .name{
  line-height: 34px;
  display: inline-block;
  vertical-align: middle;
  }
  .header .item .pipe{
  line-height: 16px;
  display: inline-block;
  vertical-align: middle;
  background: #e6e6e7;
  width: 1px;
  height: 16px;
  margin: 0 9px;
}
.header .img{
  width: 34px;
  height: 34px;
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.header .logined{
  position: relative;
  display: inline-block;
  *display:inline;
  _display:inline;
}
.header .logined h3{
  display: inline-block;
  *display:inline;
  _display:inline;
  line-height: 34px;
  padding: 0 16px 0 9px;
  background: url(../images/ico_02.png) right center no-repeat;
    margin-right: 40px;
}
.header .logined a:hover h3,
.header .logined.active h3{
  background: url(../images/ico_02_hover.png) right center no-repeat; 
}
.header .logined .box{
  width: 100%;
  position: absolute;
  top: 34px;
  left: 0;
  background: #fff;
  z-index: 3;
  border-bottom: 1px solid #e6e6e7;
  padding: 7px 0 0;
  display: none;
}
.header .logined:hover .box{
  display: block;
}
.header .logined .box a{
  display: block;
  border: 1px solid #e6e6e7;
  border-bottom: none;
  line-height: 30px;
  text-align: left;
}
.header .logined .box a:hover{
  background: #e6e6e7;
  color: #666;
}
.header .box .icon{
  padding: 0 0 0 44px;
  display: block;
  background: url(../images/ico_03.png) no-repeat;
}
.header .box .icon01{
  background-position: 12px 8px;
}
.header .box .icon02{
  background-position: 12px -20px;
}
.header .box .icon03{
  background-position: 12px -50px;
}
.header .box .icon04{
  background-position: 12px -79px;
}
.header .box .icon05{
  background-position: 12px -108px;
}
.header .head{
  border-top: 2px solid #666;
  border-bottom: 2px solid #666;
  line-height: 46px;
}
.header .head .nav a{
  font-size: 14px;
  color: #000;
  display: inline-block;
  padding: 0 28px 0 12px;
}
.header .head .nav a:hover{
  color: #00aeff;
}
.header .head .nav a.active{
  color: #3071b9;
}

.header .head .nav{
  width: 788px;
  float: left;
}
.header .head .search{
  float: right;
  width: 169px;
  padding: 0 32px 0 0;
  border-left: 1px solid #e6e6e7;
  position: relative;
}
.header .head .text{
  width: 153px;
  padding: 0 0 0 15px;
  line-height: 46px;
  height: 46px;
  border: none;
  background: none;
  outline: none;
  font-family: 'Helvetica','Microsoft YaHei';
}
.header .head .search-btn{
  background: url(../images/ico_01.png) no-repeat;
  width: 19px;
  height: 19px;
  display: inline-block;
  right: 13px;
  top: 13.5px;
  position: absolute;
}
.header .head .search-btn:hover{
  background: url(../images/ico_01_hover.png) no-repeat;
}
/*底部*/
.footer {
  background: #666;
  line-height: 50px;
  text-align: center;
  color: #e6e6e7;
  margin: 30px 0 0;
}
.footer .foot{
  width: 990px;
  margin: 0 auto;
  position: relative;
}
.footer a{
    color: #E6E6E7;
    margin-right: 30px;
}
.footer a:hover{
    color: #00aeff;
}
.link-more{
  position: absolute;
  top: -70px;
  right: 0;
  line-height: 30px;
  width: 260px;
  text-align: left;
}
.link-more a{
  padding: 0 30px 0 30px;
}
.link-more a:hover{
  color: #00aeff;
}
/*返回顶部按钮*/
.back-top{
  background: url(../images/goback.png) no-repeat;
  width: 38px;
  height: 38px;
  display: none;
  position: fixed;
  bottom: 120px;
}
.back-top:hover{
  background-position: -38px 0;
}
/*翻页*/
.pages{
  padding: 28px;
  text-align: center;
  font-family: 'Arial';
}
.pages a,
.pages span{
  color: #7c7b7f;
  line-height: 24px;
  display: inline-block;
  padding: 0 10px;
}
.pages .active,
.pages a:hover{
  color: #fff;
  background: #00aeff;
}
/*icon*/
.icon-btn{
  width: 18px;
  height: 18px;
  display: inline-block;
  background:url(../images/ico_10.png) no-repeat;
}
.delete-btn{
  background-position: 2px -26px;
}
.delete-btn:hover{
  background-position: 2px 0;
}
.edit-btn{
  background-position: -26px -26px;
}
.edit-btn:hover{
  background-position: -26px 0;
}

/*关注按钮*/
.attend01{  
  padding: 0 14px 0 33px;
  background:#e6e6e7 url(../images/ico_07.png) 14px center no-repeat;
  color: #a29999;
}
.attend01:hover{
  color: #a29999;
}
.attend02{
  background: #D70412 url(../images/ico_08.png) 11px center no-repeat;
  padding: 0 14px 0 33px;
  color: #fff;
}
.attend02:hover{  
  color: #fff;
}
.attend03{
  padding: 0 14px 0 33px;
  background:#00aeff url(../images/ico_09.png) 11px center no-repeat;
  color: #fff;
}
.attend03:hover{
  background: #3071b9 url(../images/ico_09.png) 11px center no-repeat;
  color: #fff;
}

/*分享
.share a{
    padding: 0!important;
    line-height: 32px!important;
    height: 32px!important;
    background: url(../images/ico_11.png) no-repeat!important;
    margin: 0 6px 0 0!important;
    width: 32px;
    display: inline-block;
}
.share a:hover{
  opacity:1!important;
  filter:alpha(opacity=100)!important;
}*/
.share .bds_tsina {
    background-position: -76px 0!important;
}
.share .bds_tsina:hover{
    background-position: -76px -32px!important;
}
.share .bds_weixin{
    background-position: 0 0!important;
}
.share .bds_weixin:hover{
    background-position: 0 -32px!important;
}
.share .bds_sqq{
    background-position: -38px 0!important;
}
.share .bds_sqq:hover{
    background-position: -38px -32px!important;
}

/*更多条*/
.more-bar{
  display: block;
  width: 100%;
  line-height: 34px;
  background: #e6e6e7;
  text-align: center;
  color: #666;
  font-size: 14px;
}
.more-bar:hover{
  background: #00aeff;
  color: #fff;
}
.more-bar span{
  display: inline-block;
  padding: 0 0 0 23px;
  background: url(../images/ico_14_black.png) left center no-repeat;
}
.more-bar:hover span{
  background: url(../images/ico_14_white.png) left center no-repeat;  
}

/*弹出层*/
.layer{
  position: fixed;
  width: 290px;
  height: 102px;
  background: #fff;
  border: 8px solid #b2b2b2;
  top: 50%;
  left: 50%;
  margin: -72px 0 0 -153px;
  padding: 42px 0 0;
  display: none;
}
.layer .layer-box{
  width: 115px;
  margin: 0 auto;
  padding: 0 0 0 75px;
  line-height: 22px;
  font-size: 16px;
  color: #231814;
  position: relative;
}
.layer .layer-box img{
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 60px;
}
.layer .layer-box .button{
  line-height: 34px;
  padding: 0 24px;
  color: #666;
  margin: 6px 0 0;
}
.layer .layer-box .button:hover{
  color: #fff;
  background: #a29999;
}
.fail-layer{
  line-height: 30px;
  font-size: 12px;
  color: #fff;
  padding: 0 29px;
  width: 112px;
  position: absolute;
  background: #00aeff url(../images/ico_23.png) 9px center no-repeat;
  right: 145px;
}
.fail-layer a {
    color: #fff;
}
.fail-layer .close{
  position: absolute;
  width: 12px;
  height: 12px;
  display: inline-block;
  background: #00aeff url(../images/close.png) center top no-repeat;
  top: 10px;
  right: 9px;
}

/*登录注册*/
.layer-form{
  width: 580px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 99;
}
.layer-form .cover{
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.layer-form .layer-box{
  width: 580px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0 0 0 -290px;
}
.layer-form .close{
  width: 18px;
  height: 18px;
  display: inline-block;
  background:url(../images/ico_10.png) 0 -62px no-repeat;
  position: absolute;
  right: 14px;
  top: 16px;
}
.layer-form .close:hover{
  background-position: -24px -62px;
}
.layer-form h2{
  font-size: 22px;
  font-weight: bold;
  line-height: 24px;
  padding: 0 0 13px;
  color: #fff;
}
.layer-form .layer-cont{
  padding: 32px 26px 18px 44px;
  background: #fff;
  position: relative;
  color: #a29999;
}
.layer-form .layer-cont h2{
  color: #231815;
  line-height: 36px;
  padding: 0 0 20px;
}
.layer-form .layer-cont dt{
  width: 262px;
  float: left;
  border-right: 1px solid #e3e7e9;
  padding: 0 42px 0 0;
  margin: 0 25px 0 0;
  min-height: 164px;
}
.layer-form .text{
  height: 38px;
  line-height: 38px;
  border: 1px solid #e6e6e7;
  padding: 0 0 0 13px;
  margin: -1px 0 0;
  width: 247px;
  outline: none;
  position: relative;
}
.layer-form .text:hover{
    border: 1px solid #54c8fe;
    -webkit-box-shadow:0px -1px 3px 3px #D5F3FE; 
    -moz-box-shadow:0px -1px 3px 3px #D5F3FE;  
    box-shadow:0px -1px 3px 2px #D5F3FE;
    z-index: 3;
}
.layer-form label{
  padding: 0 0 0 16px;
  display: inline-block;
  position: relative;
  margin: 0 4px 0 0;
  line-height: 30px;
  min-width: 64px;
}
.layer-form em{
  background: url(../images/check.png) no-repeat;
  left: 0px;
  top: 9px;
  position: absolute;
  width: 12px;
  height: 12px;
}
.layer-form em.active{
  background: url(../images/checked.png) no-repeat;
}
.layer-form .item .forget{  
  color: #a29999;
  float: right;
  line-height: 30px;
}
.layer-form .item .forget:hover{
  color: #00aeff;
}
.layer-form .layer-cont .button-blue{
  width: 100%;
  padding: 0;
  text-align: center;
  line-height: 44px;
  font-size: 14px;
  margin: 9px 0 0;
}
.layer-form .error{
  line-height: 26px;
  font-size: 12px;
  color: #fff;
    padding: 0 0 0 26px;
  margin: 0px 0 10px;
  display: none;
  background: #fe9d54 url(../images/ico_23.png) 10px 6px no-repeat;
}
.layer-form dd{
  width: 180px;
  float: left;
  text-align: center;
  line-height: 20px;
}
.layer-form dd p{
  font-size: 14px;
  padding: 0 0 60px;
}
.layer-form dd h3{
  background: url(../images/line02.png) center center no-repeat;
}
.account-number a{
  background: url(../images/ico_28.png) no-repeat;
  width: 46px;
  height: 46px;
  display: inline-block;
  margin: 20px 5px 0;
}
.account-number .weixin{
  background-position: 0 0;
}
.account-number .weixin:hover{
  background-position: 0 -49px;
}
.account-number .qq{
  background-position: -53px 0;
}
.account-number .qq:hover{
  background-position: -53px -49px;
}
.account-number .sina{
  background-position: -107px 0;
}
.account-number .sina:hover{
  background-position: -107px -49px
}
.layer-form .forgot-box{
  width: 364px;
  margin: 12px 0 0 64px;
  min-height: 180px;
}
.layer-form .forgot-box .text{
  width: 349px;
}
.layer-form .step{
  position: relative;
  border-top: 2px solid #666;
}
.layer-form .step p{
  text-align: center;
  float: left;
  width: 33.33%;
  margin: -7px 0 0;
}
.layer-form .step p .name{  
  line-height: 30px;
  padding: 0 0 16px;
  color: #adadad;
  font-size: 12px;
  display: block;
}
.layer-form .step p .arrow{
  width: 12px;
  height: 12px;
  line-height: 12px;
  display: inline-block;
  background: url(../images/ico_29.png) no-repeat;
}
.layer-form .step p.active .arrow{
  background-position: -18px 0;
}
.layer-form .step .first{
  text-align: left;
}
.layer-form .step .last{
  text-align: right;
}
.layer-form .email{
  line-height: 34px;
  padding: 0 0 8px;
  color: #666;
  text-align: center;
}
/* 用户信息层 */
.layer-form .layer-input{
    padding: 32px 26px 18px 44px;
    background: #fff;
    position: relative;
    color: #a29999;
}
.layer-form .layer-input h2{
    color: #231815;
    line-height: 36px;
    padding: 0 0 20px;
}
.layer-form .layer-input dt{
    width: 80px;
    float: left;
    padding: 8px 5px 0 0;
    margin: 0 25px 0 0;
    font-size: 14px;
    text-align: right;
}
.layer-form .layer-input .button-blue{
    width: 100%;
    padding: 0;
    text-align: center;
    line-height: 44px;
    font-size: 14px;
    margin: 9px 0 0;
}
.layer-form .layer-input dd{
    width: 340px;
    float: left;
    padding: 2px;
    margin: 0 25px 0 0;
    text-align: left;
}
.layer-form .layer-input .text{
    height: 28px;
    line-height: 28px;
    border: 1px solid #e6e6e7;
    padding: 0 0 0 13px;
    margin: 0;
    width: 320px;
    outline: none;
}
.layer-form .layer-input .text-short{
    font-size: 14px;
    width: 220px;
}
.layer-form .layer-input .text-mobile{
    font-size: 14px;
    width: 142px;
}
.layer-form .layer-input .text-verifycode{
    font-size: 14px;
    width: 65px;
}
.layer-form .layer-input .first {
    background: url(../images/line.jpg) center bottom repeat-x;
    padding: 0 0 20px 0;
}
.layer-form .layer-input .btn {
    width: 20%;
    margin: 0 auto;
}
.layer-form .layer-input .right {
    width: 100px;
    position: absolute;
    right: 60px;
}
.layer-form .layer-input .img-upload{
    display: inline-block;
    *display: inline;
    _display: inline;
    position: relative;
}
.layer-form .layer-input .upload-btn{
    position: absolute;
    right: 0;
    bottom:0;
    background: url(../images/ico_21.png) no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
}
.layer-form .layer-input .check-box1{
    margin: 0 2px 0 0;
}
.layer-form .layer-input .check-box1 label{
    padding: 0 0 0 16px;
    min-width: 30px;
}
.button-small{
    line-height: 30px;
    background: #e6e6e7;
    padding: 0 7px;
    display: inline-block;
    color: #a29999;
    font-size: 12px;
    border: 0;
    background: #00aeff;
    color: #fff;
    position: relative;
}
.button-small:hover{
    color: #fff;
    background: #3071b9;
}

input .disabled {
    background-color: #eee;
}
.weixin-img {
    width: 128px;
    height: 128px;
}