@charset "utf-8";
@import "http://at.alicdn.com/t/font_1563703_vhhxa8zki0b.css";
/*------------------------------------------------------------
    样式初始化
------------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    line-height: 1;
    color: #333;
    outline: none;
    border: none;
}
body {
    background: #fff;
    color: #555;
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    overflow-x: hidden;
}
td, th, caption {
    font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
a {
    color: #333;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
img {
    border: none;
    display: block;
    width: 100%;
}
ol, ul, li {
    list-style: none;
}
input, textarea, select, button {
    font: 14px 微软雅黑, Helvetica, Arial, Verdana, sans-serif;
}
table {
    border-collapse: collapse;
}
html {
    overflow-y: scroll;
}
/*---------------------------------------以上为公共样式------------------------------------------------*/

/*---------------------------------------公用样式------------------------------------------------*/
.fixed-width-div{width: 1180px;margin: 0 auto; min-height: 520px;}
.fixed-first-bg{position: fixed;width: 100%;height: 100vh;left: 0;top: 0;background-image: url('../image/bg.png');background-position: 0 0;background-size: 100% 100%;z-index: -1;}
.public-top{padding: 12px 0;background: #9c0103;}
.public-top>div{display: flex;align-items: center;justify-content: space-between;width: 1180px;margin: 0 auto;overflow: hidden;}
.public-top>div .left{color: #fff;}
.public-top>div .left span{padding-right: 25px;}
.public-top>div .left a{color: #e9c92b;}
.public-top>div .right,.public-top>div .right a{color: #fff;}
.public-footer{background: #9c0103;color: #fff;text-align: center;padding: 50px 0;}


/*---------------------------------------注册 登录 忘记密码------------------------------------------------*/

.first-form{width: 440px;margin: 80px auto 0;}
.first-form form{margin-top: 40px;}
.first-form form .first-div{display: flex;align-items: center;margin-bottom: 20px;position: relative;}
.first-form form .first-file{align-items: flex-start;}
.first-form form .first-div label{width: 25%;text-align: right;}
.first-form form .first-div .first-input-div{background: #fff;border: 1px solid #ccc;box-sizing: border-box;padding: 7px;margin-left: 2%;flex-grow: 1;}

.first-form form .first-div .first-input-div input{width: 100%;}
.first-form form .first-div .smsCode{color: #fff;padding: 11px 8px;background: #9c0103;font-size: 12px;margin-left: 2%;cursor: pointer;}
.first-form form .first-div .getSmsCode{color: #fff;background: #999;}
.first-form form .first-div #verificationCode{margin-left: 2%;}
.first-form form .first-div span{display: block;position: absolute;left: 455px;width: 280px;}
.first-form form .first-div>.first-button{color: #fff;background: #9c0103;padding: 12px 0;text-align: center;margin-top: 20px;display: block;flex-grow: 1;margin-left: 2%;letter-spacing: 30px;cursor: pointer;}

.first-form form .first-div .first-file-div{display: flex;align-items: center;width: 75%}
.first-form form .first-div .first-file-div div{width: 45%;margin: 0 2.5%;background: #f4f3f3;padding: 25px 0;}
.first-form form .first-div .first-file-div div h1{display: block;font-size: 30px;text-align: center;color: #999;}
.first-form form .first-div .first-file-div div p{font-size: 12px;margin-top: 15px;text-align: center;color: #999;}



.first-form .login-form input{text-align: center;}
.first-form .first-button-href{display: flex;align-items: center;justify-content: space-around;color: #666;margin-top: 30px;}
.first-form .first-button-href a{color: #666;}


/*---------------------------------------头部logo和电话------------------------------------------------*/
.public-header{padding: 20px 0;background: #F7F1D9;}
.public-header .header-width-div{display: flex;align-items: center;width: 1180px;margin: 0 auto;justify-content: space-between;}
.public-header .header-width-div>div:frist-child{width: 40%;}
.public-header .header-width-div>div:last-child{display: flex;margin-right: 1%;}
.public-header .header-width-div div i{font-size: 60px;color: #60502E;}
.public-header .header-width-div>div>div{margin-left: 5%;}
.public-header .header-width-div div span{font-size: 19px;font-weight: 600;}
.public-header .header-width-div div p{color: #9c0103;font-size: 24px;font-weight: 600;padding-top: 10px;font-family: "PingFang SC";white-space: nowrap}


/*---------------------------------------导航------------------------------------------------*/
.public-nav{background: #9c0103;}
.public-nav div{width: 1180px;margin: 0 auto;display: flex;align-items: center;border-right: 1px solid #C2B589;}
.public-nav div a{display: block;width: 33.33%;padding: 10px 0;color: #fff;text-align: center;border-left: 1px solid #C2B589;box-sizing: border-box;}
/*.public-nav div a:last-child{border-right: 1px solid #000;font-size: 16px;}*/
.public-nav div .selected{background: #fbd709;color: #9c0103;}

/*---------------------------------------index------------------------------------------------*/

.public-banner{width: 1920px;margin-left: -370px;}


/*---------------------------------------news------------------------------------------------*/

.news-title{padding: 12px 0;display: flex;align-items: center;background: #9c0103;margin-top: 80px;}
.news-title div{color: #fff;font-size: 16px;}
.news-title div:first-child{width: 200px;text-align: center;}
.news-title div:last-child{text-align: center;margin-left: 280px;}

.news-ul li{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #ddd;padding: 25px 0;}
.news-ul li>div:first-child{width: 200px;height: 200px;overflow: hidden;}
.news-ul li>div:nth-child(2){width: 700px;height: 200px;}
.news-ul li>div:nth-child(2) div{font-size: 16px;padding-bottom: 30px;}
.news-ul li>div:nth-child(2) p{line-height: 1.6;}
.news-ul li>div:last-child{padding: 15px 55px;background: #e60012;font-size: 16px;}
.news-ul li>div.over{background: #eaeaea;}
.news-ul li>div.liupai{background: #eaeaea;}
.news-ul li>div:last-child a{color: #fff;}
.news-ul li>div.over a{color: #666;}
.news-ul li>div.liupai a{color: #666;}

/*---------------------------------------bid------------------------------------------------*/

.bid-nav{padding: 20px 0;font-size: 12px;border-bottom: 1px solid #ccc;margin-top: 20px;}
.bid-nav i{padding-right: 10px;}
.bid-nav span{color: #9c0103;}

.bid-goods-msg{display: flex;justify-content: space-around;margin-top: 20px;}
.bid-goods-msg .left{width: 46%;}
.bid-goods-msg .left img{min-height: 100%;}
.bid-goods-msg .left>div:first-child{width: 100%;height: 380px;overflow: hidden;}
.bid-goods-msg .left>div:last-child{width: 100%;display: flex;align-items: center;justify-content: space-between;margin-top: 10px;}
.bid-goods-msg .left>div:last-child span{width: 10px;display: block;cursor: pointer;}

.bid-goods-msg .left>div:last-child ol{width: 94%;display: block;overflow: hidden;}
.bid-goods-msg .left>div:last-child ul{display: flex;}
.bid-goods-msg .left>div:last-child ul li{width: 80px;height: 70px;margin: 0 10px;box-sizing: border-box;}
.bid-goods-msg .left>div:last-child ul li.selected{border: 1px solid red;}

.bid-goods-msg .right{width: 46%;}
.bid-goods-msg .right .title{font-size: 27px;font-weight: 600;line-height: 1.6;}
.bid-goods-msg .right .time{padding: 25px 0;display: flex;align-items: center;font-size: 20px;}
.bid-goods-msg .right .time div{font-size: 18px;color: #fff;text-align: center;background-image: url('../image/tag.png');background-position: 0 0;background-size: 100% 100%;padding: 13px 40px 13px 25px;margin-right: 30px;}
.bid-goods-msg .right .time span{font-size: 30px;color: #993300;padding: 0 8px;}

.bid-goods-msg .right .auto-price{display: flex;align-items: center;margin-top: 15px;}
.bid-goods-msg .right .auto-price div{font-size: 16px;}
.bid-goods-msg .right .auto-price div:nth-child(2){border: 1px solid #ddd;margin: 0 10px;box-sizing: border-box;padding: 6px 8px;width: 35%;}
.bid-goods-msg .right .auto-price div input{width: 100%;text-align: center;}
.bid-goods-msg .right .auto-price div:nth-child(3){width: 18%;background: #9c0103;color: #fff;text-align: center;padding: 8px 0;cursor: pointer;}

.bid-goods-msg .right .price{font-size: 16px;}
.bid-goods-msg .right .price span{font-size: 30px;font-weight: 600;color: #e60012;}
.bid-goods-msg .right .quote{height: 200px;background: #f0f0f0;margin-top: 15px;}

/*未开始*/
.bid-goods-msg .right .quote .filling{width: 100%;height: 1px;}
.bid-goods-msg .right .quote .not-start{width: 40%;margin: 80px auto;background: #737373;text-align: center;color: #fff;padding: 15px 0;}


/*未登录*/
.bid-goods-msg .right .quote .closing{width: 20%;margin: 40px auto;color: #D43800;background-image: url('../image/border.png');background-size: 100% 100%;background-position: 0 0;padding: 15px 0;text-align: center;font-size: 24px;font-weight: 600;}
.bid-goods-msg .right .quote .login-price{text-align: center;font-size: 16px;color: #B45A15;margin-top: 35px;}
.bid-goods-msg .right .quote .login-price a{color: #a64b00;}

/*登录成交*/
.bid-goods-msg .right .quote .sell-price{text-align: center;font-size: 16px;color: #555;margin-top: 35px;}
.bid-goods-msg .right .quote .sell-price span{font-size: 28px;color: #e60012;font-weight: 600;}

.bid-goods-msg .right .quote .countdown{width: 40%;display: flex;align-items: center;justify-content: space-between;margin: 0 auto;margin-top: 30px;}
.bid-goods-msg .right .quote .countdown span:first-child{background: #e60012;color: #fff;padding: 8px;font-size: 16px;}
.bid-goods-msg .right .quote .countdown span:last-child{color: #e60012;font-size: 30px;}
.bid-goods-msg .right .quote .offer{background: #9c0103;color: #fff;padding: 14px 0;font-size: 24px;width: 40%;text-align: center;margin: 30px auto 20px;cursor: pointer;}
.bid-goods-msg .right .quote .alert{font-size: 12px;text-align: center; display: none;}
.bid-goods-msg .right .quote .alert span{color: #F51F46;}
.bid-goods-msg .right ul{display: flex;flex-wrap: wrap;}
.bid-goods-msg .right ul li{width: 50%;font-size: 14px;margin-top: 18px;display: flex;align-items: center;color: #555;}
.bid-goods-msg .right ul li i{font-size: 18px;color: #888;padding-right: 10px;}
.bid-goods-msg .right ul li span{color: #e60012;padding-left: 8px;font-weight: 600;}

.bid-tab{border: 1px solid #ccc;margin-top: 40px;}
.bid-tab-ul{background: #f5f5f5;display: flex;align-items: center;}
.bid-tab-ul li{padding: 15px 40px;box-sizing: border-box;border-right: 1px solid #ccc;font-size: 18px;border-bottom: 1px solid #ccc;cursor: pointer;}
.bid-tab-ul .selected{background: #fff;border-top: 5px solid #e60012;border-bottom: none;color: #e60012;}
.bid-tab .bid-tab-div{height: 440px;overflow: hidden;}
.bid-tab .bid-tab-div ul{padding: 10px 0 0 25px;box-sizing: border-box;width: 300%;display: flex;height: 100%;overflow: hidden;}
.bid-tab .bid-tab-div ul li{width: calc(100%/3);height: 100%;overflow-y: scroll;}
.bid-tab .bid-tab-div ul li table{width: 100%;}
.bid-tab .bid-tab-div ul li table td,.bid-tab .bid-tab-div ul li table th{width: 150px;text-align: center;padding: 15px 0;font-size: 16px;}
.bid-tab .bid-tab-div ul li table td{border: 1px solid #ddd;}
.bid-tab .bid-tab-div ul li table thead{background: #f5f5f5;}
.bid-tab .bid-tab-div .layui-table-body{overflow: hidden;}

/*---------------------------------------help------------------------------------------------*/

.fixed-width-div .help-ul li{font-size: 14px;border-bottom: 1px dashed #ccc; display: flex;align-items: center;}
.fixed-width-div .help-ul li::before{content: '';display: block;width: 4px;height: 4px;background: #C70907;border-radius: 50%;margin-right: 10px;}
.fixed-width-div .help-ul li a{padding: 18px 0;display: block;flex-grow: 1;}

/*---------------------------------------in------------------------------------------------*/

.fixed-width-div .in-div{width: 95%;margin: 15px auto 0;}
.fixed-width-div .in-title{font-size: 18px;text-align: center;padding: 35px 0;border-bottom: 1px dashed #ccc;}
.fixed-width-div .in-content{margin-top: 20px;}


/*---------------------------------------reserve------------------------------------------------*/

.fixed-width-div .first-form .reserve-div .first-input-div{border: 1px solid #eee;background: #fafafa;border-radius: 3px;}
.fixed-width-div .first-form{margin-top: 10%; min-height: 566px;}
.fixed-width-div .first-form .reserve-div .first-input-div input,.fixed-width-div .first-form .reserve-div .first-input-div textarea,.fixed-width-div .first-form .reserve-div .first-input-div select{background: transparent;width: 100%;border: none;outline: none;color: #555;}

.fixed-width-div .first-form .reserve-div .first-input-div textarea{}
.fixed-width-div .first-form .first-logo{width: 50%;margin: 0 auto;}

.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#9c0103 !important;}