﻿*{
    margin: 0;
    padding: 0;
    border: 0;
    font-family: 阿里巴巴普惠体;
}
.body{
    margin: 0 auto;
}
.fl{
    float: left;
}
ul,li{
    list-style: none;
}
a{
    text-decoration:none;
    color:#333;
}
.banner{
    width: 100%;
    min-width: 1200px;
    height: 767px;
    background-color:#180204;
}
.banner-mid
{
    background: url(../images/banner1.png) no-repeat;
    width: 1200px;
    height: 767px;
    margin:0 auto;
    }
.bignav{
    width: 100%;
    height: 78px;
    background: #a42322;
}
.nav{
    background:#a42322;
    width: 1200px;
    margin: 0 auto;
    height: 78px;
}
.nav a{
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 22px;
    line-height: 78px;
}
.nav li{
    width: 238px;
    float: left;
    text-align: center;
}
ul li a:link{
    background-color: #a42322;
    color: #fff;
    text-decoration: none;
}
/* 实时成交 */
.sales{
    width: 100%;
    height: 700px;
    background: url('../images/bg1.png') no-repeat;
    background-color: #ededed;
    background-size: 558px 531px;
    background-position: 5% 10%;
}
.salescont{
    width: 1200px;
    height: 700px;
    margin: 0 auto;
    background: url('../images/business.jpg?t=1') no-repeat;
    background-size: 1152px 415px;
    background-position: 50% 70%;
}
.alltime{
    width: 1200px;
    height: 70px;
    margin-top: 195px;
}
.alltime p{
    font-size: 60px;
}
.alitime{
    width: 500px;
    height: 70px;
    float: left;
}
.alitimeh{
    float: left;
    margin-left: 183px;
    letter-spacing: 8px;
}
.alitimemin{
    float: left;
    margin-left: 13px;
    letter-spacing: 5px;
}
.alitimesec{
    float: left;
    margin-left: 18px;
    letter-spacing: 5px;
}
.jdtime{
    width: 500px;
    height: 70px;
    margin-left: 100px;
    float: left;
}
.jdtimeh{
    float: left;
    margin-left: 163px;
    letter-spacing: 8px;
}
.jdtimemin{
    float: left;
    margin-left: 13px;
    letter-spacing: 5px;
}
.jdtimesec{
    float: left;
    margin-left: 18px;
    letter-spacing: 5px;
}
.vol{
    width: 1200px;
    height: 100px;
    margin-top: 80px;
}
.vol p{
    font-size: 80px;
    color: #ffffff;
}
.alivol{
    width: 500px;
    height: 100px;
    float: left;
}
.alivol p{
    padding-left: 180px;
}
.vol span{
    font-size: 60px;
    padding-left: 20px;
}
.jdvol{
    width: 500px;
    height: 100px;
    float: left;
    margin-left: 150px;
}
.jdvol p{
    padding-left: 120px;
}
/* 直播 */
.zlt{
    width: 1200px;
    height: 930px;
    margin: 0 auto;
}
.zlttop{
    width: 1200px;
    height: 40px;
    color: #000000;
    text-align: center;
    padding-top: 100px;
}
.topl{
    width: 510px;
    height: 40px;
    background: url('../images/tl.png') no-repeat;
    background-size: 30px 20px;
    background-position: 100% 50%;
    float: left;
}
.topm{
    width: 190px;
    height: 40px;
    font-size: 32px;
    line-height: 32px;
    float: left;
    font-weight: bold;
}
.topr{
    width: 500px;
    height: 40px;
    background: url('../images/tr.png') no-repeat;
    background-size: 30px 20px;
    background-position-y: 30%;
    float: left;
}
.zhibo{
    width: 1200px;
    height: 670px;
    margin-top: 50px;
}
#container{
	width: 1152px;
    height: 670px;
	position:relative;
    overflow:hidden;
    margin-top: 10px;
    margin-left: 10px;
}
#container img{
    width: 1152px;
    height: 670px;
}
.item{
	position:absolute;
}
.tab{
	float:left;
	margin-right:10px;
	width: 15px;
	height:15px;
	border-radius:50%;
	background:#989196;
	cursor:pointer;
}
.tabsd{
    position:absolute;
    margin-left: 510px;
    margin-top: 620px;
}

.tabsd li{
    list-style:none;
}
.active{
	background:#ff00ff;
}


/* 双11快讯 */
.double{
    width: 100%;
    height: 920px;
    background: url('../images/bg1.png') no-repeat;
    background-color: #ededed;
    background-size: 558px 531px;
    background-position: 5% 10%;
}
.dbnews{
    width: 1200px;
    height: 920px;
    margin: 0 auto;
}
.dcont{
    width: 1200px;
    height: 540px;
    margin-top: 50px;
}
.dcontl{
    width: 580px;
    height: 640px;
    float: left;
    background-color: #ffffff;
}
.dcontr{
    width: 580px;
    height: 640px;
    float: left;
    margin-left: 40px;
    background-color: #ffffff;
}
.kuaix{
    width: 580px;
    height: 600px;
    margin-top: 20px;
    background: url('../images/dbg.png') repeat-y;
    background-position-x: 10%;
}
.kuaixc{
    width: 580px;
    height: 100px;
}
.kuaixl{
    width: 80px;
    height: 100px;
    float: left;
    background: url('../images/circle.png') no-repeat;
    background-position-x: 83%;
}
.kuaixr{
    width: 500px;
    height: 100px;
    float: left;
}
.kuaixr p{
    font-size: 20px;
    padding-right: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp: 1; 
}
.ktime{
    font-size: 16px;
    color: #929292;
    margin-top: 10px;
}
.kuaixr a:hover{
    color: #ed099b;
}


/* 商家战报 */
.news{
    width: 100%;
    height: 1080px;
    background: url('../images/bg1.png') no-repeat;
    background-position: 5% 10%;
    background-color: #ededed;
}
.newstop{
    width: 1300px;
    height: 40px;
    color: #000000;
    text-align: center;
    padding-top: 80px;
    margin: 0 auto;
}
.newscont{
    width: 1316px;
    height: 760px;
    margin: 0 auto;
    margin-top: 40px;
}
.newspart1{
    width: 1316px;
    height: 370px;
}
.newspart1 img{
    width: 313px;
    height: 210px;
}
.newspart2{
    width: 1316px;
    height: 370px;
    margin-top: 20px;
}
.newspart{
    width: 313px;
    height: 370px;
    float: left;
    margin-right: 16px;
    background-color: #ffffff;
    margin-bottom:20px;
}
.newstitle{
    font-size: 18px;
    padding: 10px 20px;
}
.newstitle:hover{
    color: #ed099b;
    cursor: pointer;
}
.newsabstract{
    font-size: 14px;
    padding: 10px 20px;
}
.more{
    margin-top: 70px;
    text-align:center;
}
.more input{
    width: 120px;
    height: 30px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
}

/* 往年回顾 */
.moment{
    width: 100%;
    height: 825px;
    margin: 0 auto;
}
.momenttop{
    color: #000000;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 50px;
}

.warp{
    width: 1200px;
    height: 484px;
    margin: 0 auto;
    margin-top: 50px;
    overflow: hidden;
    position: relative;
}
.imgs{
    width: 5000px;
    height: 484px;
    float: left;
}
.imgs li{
    float: left;
    width: 400px;
    margin-right: 4px;
}
.imgs a{
    background-color: #ffffff;
}
.imgs img{
    margin-bottom: 2px;
    width:400px;
    height:240px;
}
.swiper-button-prev{
    width: 100px;
    height: 484px;
    float: left;
    position: absolute;
    margin-left: 200px;
}
.swiper-button-next{
    width: 100px;
    height: 484px;
    float: left;
    position: absolute;
    margin-right: 200px;
}
.btn{
    width: 100%;
    height: 484px;
    position: relative;
    
}

/* 联商观察*/
.case{
    width: 1300px;
    height: 750px;
    margin: 0 auto;
}

.casetop{
    width: 1300px;
    height: 40px;
    color: #000000;
    text-align: center;
    padding-top: 80px;
}
.topl2{
    width: 560px;
    height: 40px;
    background: url('../images/tl.png') no-repeat;
    background-size: 30px 20px;
    background-position: 100% 50%;
    float: left;
}
.topm2{
    width: 190px;
    height: 40px;
    font-size: 32px;
    line-height:32px;
    font-weight:bold;
    float: left;
}

.topr2{
    width: 550px;
    height: 40px;
    background: url('../images/tr.png') no-repeat;
    background-size: 30px 20px;
    background-position-y: 30%;
    float: left;
}
.ts {
    overflow: hidden;
    width: 1300px;
    margin: 0 auto;
    margin-top: 60px;
}
.ts-ul {
    overflow: hidden;
    width: 100%;
    height: 490px;
    margin: 0 auto;
    padding: 0;
}
.ts-ul img
{
    width:875px;
    height:398px;
}
.ts-ul li {
    list-style-type: none;
    overflow: hidden;
    float: left;
    -webkit-transition: width 0.2s;
}
.ts-ul b {
    -webkit-transition: all 0.2s;
    width: 60px;
    display: block;
    height: 490px;
    text-indent: -9999em;
}

.on {
    width: 875px;
    filter: Alpha(opacity=0);
}
.out {
    width: 60px;
  
}
.ts-ul-li1  {
    background-position: 0 0
}
.ts-ul-li2 img {
    background-position: -60px 0
}
.ts-ul-li3 img {
    background-position: -120px 0
}
.ts-ul-li4 img {
    background-position: -180px 0
}
.ts-ul-li5 img {
    background-position: -240px 0
}
.ts-ul-li6 img {
    background-position: -300px 0
}
.ts-ul-li7 img {
    background-position: -360px 0
}
.ts-ul-li8 img {
    background-position: -420px 0
}
.p1{
    padding-top: 10px;
    color: #000000;
}
.sp1{
    width: 60px;
    font-size: 30px;
    padding-left: 10px;
    font-weight: bold;
}
.sp2{
    font-size: 28px;
    padding-left: 20px;
    font-weight: bold;
}
.ts-ul p:hover{
    color: #ed099b;
}
.ts-ul a{
    text-decoration: none;
}
