.container{ width: 1200px; margin: 0 auto; padding: 0;}
.container:after{ content:""; display: block; clear: both; }
.clearfix:after{ content: ""; display: block; clear: both; }
.fl{ float: left; }
.fr{ float: right; }
.tl{ text-align: left; }
.tr{ text-align: right; }
.tc{ text-align: center; }
.color-white {color: white!important; }
.red {color: #fc8080!important; }
.fz12 {font-size: 12px;}
.fz14 { font-size: 14px; }
.wfs { width: 100%; position:relative;}
.p_r{ position:relative;}
/*按钮颜色*/
.live_color{width:180px;height: 45px;line-height: 45px;
border-radius: 10px;margin: 0 auto;color: #fff;font-size: 16px;
text-align: center;letter-spacing: 1px;cursor: pointer;}
.live_color a{color: #fff;}
.live_color a:hover{color: #fff;}
.live_color1{background: #a700df;}
.live_color2{background: #f84c48;}
.live_color3{background: #0dc158;}
.live_color4{background: #ff6326;}



.chatonline-header {
      width: 100%;
      height: 80px;
      background-color: #f8f8f8;
      overflow: hidden;
    }

    .chatonline-bottom {
      width: 100%;
      height: 1px;
      background-color: #eee;
    }

    .chatonline-header-inner {
      width: 300px;
      margin: 22px auto;
    }

    .chatonline-header-inner img {
      width: 130px;
      height: 39px;
      float: left;
      margin-right: 20px;
    }

    .chat-line {
      height: 29px;
      width: 1px;
      background-color: #BFBFBF;
      float: left;
      margin-right: 20px;
      margin-top: 5px;
    }

    .chatonline-header-inner p {
      font-size: 24px;
      color: #666;
      float: left;
      letter-spacing: 1px;
      line-height: 38px;
    }

    .chatonline-notice {
      width: 360px;
      margin: 47px auto 18px;
      padding-bottom: 5px;
      border-top: 1px solid #DCDCDC;
      height: 35px;
      line-height: 35px;
    }

    .chatonline-notice img {
      width: 26px;
      height: 26px;
      display: block;
      float: left;
      margin-right: 6px;
      margin-top: 5px;
    }

    .chatonline-notice p {
      font-size: 16px;
      color: #666;
    }

    .chatonline-notice p a {
      color: #eb7651;
    }

    .chatonline-adviser {
      width: 560px;
      font-size: 18px;
      color: #666;
      font-weight: bold;
      margin-left: calc(50% - 280px);
      margin-top: 48px;
      text-align: center;
    }

    .chatonline-adviser img {
      width: 20px;
      height: 20px;
      position: relative;
      top: 3px;
    }

    .chatonline-adviser a {
      color: #eb7651;
      font-weight: 400;
    }

    .chatonline-contact {
      width: 190px;
      margin: 10px auto 10px;
      height: 30px;
      line-height: 30px;
      text-align: center;
    }

    .chatonline-contact img {
      width: 24px;
      height: 24px;
      margin-right: 5px;
      position: relative;
      top: 5px;
    }

    .chatonline-contact span {
      font-size: 16px;
      color: #999;
      line-height: 24px;
    }

    .chatonline-qr-code {
      width: 150px;
      height: 150px;
      display: block;
      margin: 0 auto;
      background-color: #f8f8f8;
      border: 1px solid #dcdcdc;
    }

    .chatonline-scan {
      width: 250px;
      text-align: center;
      font-size: 12px;
      color: #999;
      margin: 16px auto 56px;
    }

    .chatonline-click-communicate {
      display: block;
      width: 170px;
      color: #fff;
      background-color: #eb7651;
      height: 47px;
      line-height: 47px;
      font-size: 18px;
      letter-spacing: 1px;
      border-radius: 3px;
      margin: 0 auto;
      text-align: center;
	  text-decoration: none;
    }

    .chatonline-follow {
      width: 320px;
      margin-left: calc(50% - 160px);
      display: inline-block;
    }

    .scan_code {
      width: 108px;
    }


    .ercode_left img {
      width: 128px;
      height: 128px;
      /*border: 1px solid #dcdcdc;*/
    }

    .ercode_left {
      width: 120px;
      margin: 0 auto!important;
    }

    .ercode_left p {
      text-align: center;
      margin-top: 15px;
      color: #666;
      font-size: 12px;
      padding-bottom: 30px;
    }

    .chatonline-customer-service {
      display: inline-block;
      width: 230px;
      text-align: center;
      margin-left: calc(50% - 115px);
      margin-bottom: 48px
    }

    .chatonline-customer-service img {
      width: 24px;
      height: 24px;
      margin-right: 10px;
      color: #999;
      display: block;
      float: left;
      position: relative;
      top: 50%;
    }

    .chatonline-customer-service span {
      font-size: 16px;
      color: #666;
      float: left;
    }

    .chatonline-footer {
      width: 100%;
      height: 28px;
      background-color: #f8f8f8;
      border-top: 1px solid #e0e0e0;
      position: fixed;
      left: 0;
      bottom: 0;
    }
/*当前位置*/
.place { line-height: 52px; color: #333; }
.place .now{ color: #999; }
.place a,
.place code {color: #333; }
.place a.first{ color: #fc8080; }
.place a:hover{ color: #fc8080; }

/*分页*/
.pages { }
.pages li a {float: left; margin-left: 5px; color: #333; border-radius: 3px; }
.pages li a i.page-bg{display: inline-block; line-height: 1; position: relative; top: 1px; width: 10px; height: 15px; overflow: hidden; background: url('../images/page_bg.png'); }
.pages li a:hover i.page-bg{background-position:9px 0px; }
.pages li a i.page-right{background-position:0px 15px; }
.pages li a:hover i.page-right{background-position:10px 15px; }
.pages li a:hover {color: #FE5F56; background: #f4f4f4;}
.pages li.active a {background-color: #FE5F56; border-color:#FE5F56 !important; }
.pages li.active a:hover {background-color: #F05A50; }

/*头部*/
.index-top-adv {
	min-width: 1210px;
}
.index-top-adv a {
    display: block;
    width: 100%;
    height: 100%;
}

/*header部分*/
.header_xmb{width:100%;height:30px;font-size: 12px;}
.header_xmb_top{width:100%;height: 30px;background:#f84c48 ;line-height: 30px;color: #fff;}
.header_xmb_left{float: left;padding-left: 50px;}
.header_xmb_left a{color: #fff;}
.header_xmb_left a:hover{color: #fff;}
.header_xmb_left span{float: left;margin-right: 15px;}
.header_xmb_right{float: right;padding-right: 30px;}
.header_xmb_right p,.header_xmb_right a{float: left;margin-left: 20px;color: #fff;}
.header_login{display: block;width:60px;height: 20px;border:1px solid #fff;
line-height: 20px;text-align: center;color: #fff;
margin-top: 4px;letter-spacing: 2px;}
.header_login:hover{color: #fff;}
.header_login:active{color: #fff;}


.header_middle{width: 100%;height: auto;}
/*首页*/
.index-page .index-title{ font-size: 16px; text-align: center; padding: 50px 0; }
.index-page .index-title h2{ font-size: 36px; font-family: pingfang,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.index-page .index-title a{ width: 100px; height: 36px; line-height: 36px; border: 1px solid #DBDCE0; text-align: center; font-size: 14px; display: block; margin: 25px auto 0; transition: all .2s;}
.index-page .index-title a:hover{ background: #F96A69; color: inherit; border-color: #F96A69; color: #fff;}
.index-page .banner{ height: 425px; width: 100%; overflow: hidden; background: #fff;}
.index-page .banner-slide{ width: 1920px; margin-left: -360px; }
.index-page .banner-slide .hd{ position: relative; z-index: 10; width: 1200px; margin: 0 auto; height: 0; font-size: 0;}
.index-page .banner-slide .hd ul{ position: absolute; bottom: 22px; left: 50%; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); transform: translate(-50%);}
.index-page .banner-slide .hd li{ float: left; height: 2px; width: 60px; margin: 0 3px; padding: 5px 0; position: relative; cursor: pointer; opacity: .5; transition: all .2s; overflow: hidden; text-indent: 100px;}
.index-page .banner-slide .hd li:before{ content: ""; position: absolute; left: 0; top: 5px; width: 100%; border-bottom: 2px solid #fff; }
.index-page .banner-slide .hd li.on{ opacity: 1; }
.index-page .banner-slide .btn-wrap{ position: relative; z-index: 11; }
.index-page .banner-slide .btn-wrap a{ width: 44px; height: 80px; position: absolute; bottom: 172px;outline:none;
background: rgba(0,0,0,.2) url(../img/icon_banner.png) no-repeat center center; transition: all .5s; opacity: 0; border-radius: 5px;}
.index-page .banner-slide .btn-wrap .prev{ left: 0; background-position: 12px center;}
.index-page .banner-slide .btn-wrap .next{ right: 0; background-position: -49px center; }
.index-page .banner-slide:hover .btn-wrap a{ opacity: .3; }
.index-page .banner-slide .btn-wrap a:hover{ opacity: 1; }
.index-page .banner-under{ height: 48px; background: rgba(0,0,0,.5); position: relative; z-index: 10; top: -48px; overflow: hidden;}
.index-page .banner-under-text li{ float: left; color: #fff; font-size: 16px; line-height: 48px; margin: 0 58px 0 23px;}
.index-page .banner-under-text li:before{ background: url(../images/index/banner_icon.png) no-repeat left center; content: ""; width: 28px; height: 48px; float: left; margin-right: 6px; }
.index-page .banner-under-text li.item-1:before{ background-position: -28px center; }
.index-page .banner-under-text li.item-2:before{ background-position: -85px center; }
.index-page .banner-under-text li.item-3:before{ background-position: -55px center; }
.index-page .banner-under-text li.item-4:before{ background-position: 0px center; }
.index-page .banner-under-text li .num{ font-size: 24px; margin-right: 10px; float: left;}
.index-page .banner-under-text li .plus{ font-size: 24px; margin-right: 10px; float: left;}


/* 搜索记录和提示 */
.header .search-history {
    position: absolute;
    /* left: 0; */
    right: 0;
    top: 40px;
    display: none;
    width: 220px;
    padding-bottom: 15px;
    border: 1px solid #cdcdcd;
    background-color: #fff;
}

.header .search-history a {
    color: #888;
}
.header .search-history a:hover {
    color: #fc7878;
    text-decoration: none;
}
.header .search-history .left {
    min-height: 115px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    width: 220px;
}
.header .search-history .left .txt {
    color: #888;
}
.header .search-history .left .delete {
    background-image: url("../images/cover-page-delete.gif");
    background-position: 0 2px;
    background-repeat: no-repeat;
    color: #888;
    cursor: pointer;
    font-style: normal;
    padding-left: 15px;
}
.header .search-history .left .history-items {
    padding-bottom: 10px;
    padding-top: 15px;
}
.header .search-history .left .history-items li {
    line-height: 30px;
}
.header .search-history .right {
    border-left: 1px solid #cdcdcd;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-top: 15px;
    width: 210px;
}
.header .search-history .right .txt {
    color: #888;
}
.header .search-history .right .style-items li {
    float: left;
}
.header .search-history .right .style-items li a {
    border-color: #d9d9d9;
    border-style: solid;
    border-width: 1px;
    display: block;
    height: 24px;
    line-height: 22px;
    margin-right: 10px;
    margin-top: 10px;
    min-width: 74px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}
.header .search-history .right .style-items li a:hover {
    border-color: #fc7878;
}
.header .search-box {
    border: 1px solid #ccc;
    border-radius: 0;
    height: 40px;
    width: 220px;
}

/*微信营销*/
.wechat_middle{
	width:100%;
	height: auto;
}
.wechat_middle img{
	width:100%;
}