html,body{width:100%}
.header{width:100%;text-align: center;display:block;height:70px;background: url('../img/header.png') center center no-repeat;background-size: 100% 100%;}
.container{width:100%;padding:0 3%;margin:0 auto;}
.vehicle-list{margin: 10px 0 20px 0;}
.vehicle-list>div{float:left;}
.vehicle-left{width:40%;position: relative}
.vehicle-left>span{display: block;width:61px;height:80px;position: absolute;top:0;left:20px;z-index: 99}
.vehicle-left>span.ing{background: url('../img/auction-ing.png') no-repeat;background-size: 100%}
.vehicle-left>span.done{background: url('../img/executed-sale.png') no-repeat;background-size: 100%}
.vehicle-left>span.end{background: url('../img/auction.png') no-repeat;background-size: 100%}
.vehicle-left>span.wait{background: url('../img/wait.png') no-repeat;background-size: 100%}
.view .swiper-container { height: 230px;width: 100%; }
.view .swiper-container .swiper-slide img{width:100%;height:100%}
.view:hover .arrow{display: block;}
.view .arrow{display: none;position: absolute;top: 50%;margin-top: -25px;width: 50px;height: 50px;z-index: 10; }
.view .arrow-left {background: url(../img/banner_arrow.png) no-repeat left top;left:10px;background-size: cover}
.view .arrow-right {background: url(../img/banner_arrow.png) no-repeat left bottom;right:10px;background-size: cover}
.preview {width: 100%;margin-top: 14px;position: relative;}
.preview .swiper-container { height: 80px;width: 100%; }
.preview .swiper-slide {width:128px;height: 100%;}
.preview .arrow{position: absolute;top: 2px;width: 34px; height: 76px;z-index: 10;}
.preview .arrow-left {background: url("../img/arrow-left.png") no-repeat center;left: 0;}
.preview .arrow-right {background: url("../img/arrow-right.png") no-repeat center;right: 0;}
.preview img {border:2px solid transparent;width:100%;height:100%}
.preview .active-nav img {padding: 0;border: 2px solid #2661FF;}
.vehicle-right{padding-left:5%;width:60%;}
.vehicle-right .vehicle-title{font-size: 26px;font-weight: bold;color: #333;line-height: 42px;}
.vehicle-info-list:after{display: block;content: '';clear: both}
.vehicle-info-box{margin-top: 15px}
.vehicle-info-list{background: #F7F9FF;padding:13px 0;}
.vehicle-info-list dl{float:left;text-align: center;width:20%;border-right:1px solid #EDEDED}
.vehicle-info-list dl dt{font-size: 14px;font-weight: bold;color:#666}
.vehicle-info-list dl dd{font-size: 12px;color:#999;margin-top: 10px}
.vehicle-info-list dl:last-child{border-right:0}
.vehicle-info-box>p{margin-top: 15px;font-size: 18px;color:#666666}
.vehicle-info-box>p span{font-size: 18px;color:#3663F6}
.auction-box>h3{font-size: 24px;font-weight: 600;color:#666;margin-top: 10px}
.auction-box>h3 span{margin-left:60px;color:#EC733A}
.is-auction>h4,.before-auction>h4{font-size: 24px;font-weight: 600;color:#666;margin-top: 20px}
.is-auction>h4 span,.before-auction>h4 span{margin-left:30px;color:#EC733A}
.is-auction>p,.before-auction>p{font-size: 18px;color:#666;margin-top: 15px}
.is-auction>div,.before-auction>div{font-size: 14px;color:#666;margin-top: 25px}
.is-auction>div span,.before-auction>div span{font-size: 24px;color:#FB2F2F;margin:0 15px}
.auction-successful{text-align: center}
.auction-successful>p{display:inline-block;background: #E63A3A;font-size: 22px;color: #fff;font-weight: bold;padding: 10px 60px;margin: 10px auto;text-align: center;line-height: 36px;}
.auction-successful>p span{margin:0 5px}
.auction-successful>div{font-size: 18px;color:#666;text-align: center}
.auction-successful>div span{font-size: 24px;color:#EC733A;}
.auction-ended>h4 {font-size: 24px;font-weight: 600;color:#666;margin-top: 10px}
.auction-ended>h4 span{margin-left:30px;color:#EC733A}
.auction-ended>p{font-size: 18px;color:#666;margin-top: 15px}
.auction-ended>div{font-size: 24px;color:#333;margin-top: 15px;text-align: center}
.headline{position: relative;margin-bottom: 15px}
.headline>p{text-align: center;color:#15398F;font-size: 24px;font-weight: 600;line-height: 36px}
.headline>span{display: block;width:350px;height:2px;background: #F6D046;position: absolute;top:18px;}
.headline>span.headline-lf{left:0;}
.headline>span.headline-rt{right:0;}
.top tr th{height:50px;line-height: 50px;font-size: 20px;color:#666;width:33.33333%}
.tab-scroll,.top {width:100%;text-align: center}
.top thead tr{background:#F7F9FF }
.top tbody tr{background:#FFF3F3 }
.top tr td{width:33.33333%;height:66px;line-height: 66px;font-size: 24px;color:#666;text-align: center;}
.scroll-box tr.top{background:#FFEDED;}
.scroll-box tr.top td span{color:#FF7D7D;position: absolute}
.tab-scroll tr td{width:33.33333%;height:66px;line-height: 66px;font-size: 18px;color:#666;text-align: center;}
.scroll-box{width: 100%;position: relative;}
.tab-scroll{position: absolute;left: 0;top: 0;transition: all 1s;border-top: none;}
.auction-table{margin-bottom: 50px}
.no-data{text-align: center;}
.no-data img{width:165px;height:191px;margin:0 auto}
.no-data td{background: #fff;width:100%;padding:50px 0}