@charset "UTF-8";
/* CSS Document */
body, div, p, address, ul, ol, dl, dt, dd, li,form, legend, fieldset, input, button, select, textarea {margin:0; padding:0;font-style: normal;font-size:1em; line-height:1.5em; color: #000000; font-family:"微软雅黑"; text-align:left; }
h1, h2, h3, h4,a{ margin:0; padding:0; font-weight:normal;}
ol, ul ,li{list-style: none;}
img {border: 0; vertical-align:middle;}
em{font-style: normal;font-family:Arial;}
strong,em{font-family:Arial;}
#layer_body{max-width:600px; margin:0 auto; background: #efefef; overflow: hidden;}
.top_box{padding-top:10px;}
.box1{width:95%; margin:0 auto;}
.back-box{background: #ffffff; width:100%;}
.clear{clear:both;}
a{ text-decoration:none; color:#333;}
a:hover{color:#43a44b;}
.border{ border-bottom: 5px solid #efefef; }
.padding_bottom {padding-bottom: 20px; max-width:600px; margin:0 auto; position:relative; }
.font{font-family:Arial;  }
.imgBox{ width: 92%; padding-left:4%;padding-right:4%; padding-top: 15px; }
.imgBoxBtm {font-size: 0.9em; padding:0 10px; padding-top:5px; }
.imgBoxBtm .p1{width: 60%; display: block;float: left; line-height: 40px;}
.imgBoxBtm .p1 span img{ width: 18px; height: auto; display: block;float: left; margin: 8px 5px 0 0;}
.imgBoxBtm .p2{width: 40%; display: block;float: right; text-align:right;position: relative; margin-top:3px;}
.imgBoxBtm strong{font-weight: bold;}
.imgBoxBtm .p2  img{width: auto; height:28px; }
.imgBoxBtm .p2 span{position: absolute; top:0;right:12px; line-height: 28px; color:#ffffff; font-size:0.9em;}
.btn a{ background: #eaeaea; color: #3a3a3a; padding: 4px 15px; margin-right: 5px; border-radius: 3px;}

/*.btn a:hover{ background: #3a3a3a; color: #fff; }*/
.Time{padding: 12px 0; position:relative; font-size:0.9em; line-height:40px; margin-top:10px;}
.Time img{width: 40px;  height: auto; display: block;float: right;}
.Time strong{color:#DC143C; padding:0 3px; font-size:1.1em; }
/* 作者 */
.author{padding: 20px 0; margin-top:10px;  font-size: 0.9em;}
.author .left{width: 30%;display: block; float: left;}
.author .left.desc{width:62%; display: block; float:left;}
.author .left img{width:80px; height: 80px; display: block;float: left; padding-right: 10px;}
.author .left p{line-height: 1.5em; padding-bottom: 6px;}
.author .right{width: 5%; display: block;float: right;}
.author .right img{display: block;float: right; width: 6px; height: auto; margin-top: 40px;}
/* 详情 */
.details{padding: 15px 0;font-size: 0.9em; margin-top:10px;}
.details p{padding-bottom: 5px;}
.details p span{width: 50%; display: block; float: left; font-family: Arial;}

.details .Btn{ border-top: 1px solid #ececed; padding-top: 10px;}
.details .Btn .span1{display: block;float: left;width: 15%;}
.details .Btn .span2{display: block;float: left; width: 85%;}
/* 出价历史 */
.history .Top{width: 100%; font-size: 0.9em;}
.history .topBox {width:52%; text-align: center;  height:50px;background: #fff; z-index: 1; float:left;}
.history .line{height:1px; width:24%; background: #ededed; margin-top:26px; float:left;}
.history .Top p{text-align: center; height: 16px;color:#888;}
.history .Top p img{ width: 20px; height: auto;}
.history2{height:50px;}
.history2 .line{height:1px; width:34%; background: #ededed; margin-top:26px; float:left;}

.history2 .Top{ height: 50px; width: 100%; font-size: 0.9em;}
.history2 .topBox {width: 32%; float:left; text-align: center; margin-top: 13px; background: #fff;}
.history2 .Top p{text-align: center; height: 16px;}
.history2 .Top p img{ width: 20px; height: auto;}

/** 一口价*/

.end_price {
    background:#22ac38;
    border-radius:10px;
    width:120px;
    height:25px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    line-height: 25px;
    margin:0 auto;
}

/* 拍品详情 */
.historyBox{ background: url(/images/auction/icon7.png) repeat-y center ; position: relative; font-size: 0.9em; text-align: center; margin-top:44px;}
.historyShow{z-index: 100;  position: absolute;  width: 100%;}
.historyShow .top{ background: #efefef; text-align: center;padding: 10px 0;  height: 24px;}
.historyShow .top em{background: #3a3a3a; display: inline-block; width:20px; color: #fff; padding: 2px; border-radius: 2px; margin: 0 5px;}
.historyBox .Float{ width: 14px; height: auto;display: block;float: left;position: absolute;top:35px; left: 50%; margin-left: -7px; }
.historyBox .Float img{width: 100%; height: auto;}
.historyBox .con{ padding: 30px 0 10px 0; height: 70px; position: relative; line-height: 24px;}
.historyBox .con .img{ width: 36px; height: 36px; position: absolute;left: 50%; margin-left: -18px;}
.historyBox .con .img img{width: 100%; height: auto;}
.historyBox .con span{display: block; float: left;}
.historyBox .con .span1{ margin-top: 6px; background: #3a3a3a;color: #fff; border-radius: 5px; right: 58%; padding: 0 0 0 10px; position: absolute; display: block; height: 24px;}
.historyBox .con .span1 img{ height: 24px; width: auto; display: block;float: right; padding-left: 10px;}
.historyBox .con .span2{ margin-top: 6px;  left: 58%; position: absolute; display: block;}
.historyBox .con .span2 em{font-size: 1.8em; padding-right: 5px;}
.historyBox .con p{ position: absolute;top: 75px; text-align: center; width: 100%; color:#b2b2b2; font-size: 0.8em; background: #ffffff; height:22px; line-height: 22px;}
.historyBox .con2{color: #b2b2b2;}
.historyBox .con2 .span1{ background: #efefef;color: #3a3a3a;}
.historyBox .con2 .span2{ text-decoration: line-through;}
.historyBox .conBtm{text-align: center; position: relative; padding-top: 25px; background: #fff; padding-bottom:15px;}
.historyBox .conBtm span{ width: 16px; height: auto; position: absolute;top: 0px;display: block; left: 50%;margin-left: -8px;}
.historyBox .conBtm span img{width: 100%; height: auto;}
.historyBox .conTop{text-align: center; position: relative; background: #fff; margin-top:15px; margin-bottom:20px;}
.historyBox .conTop span{ width: 16px; height: auto; position: absolute;top: 25px;display: block; left: 50%;margin-left: -8px;}
.historyBox .conTop span img{width: 100%; height: auto;}
/* 底部浮动 */
.Btm{max-width:600px; display: none;}
.Btm,.Btm3,.Btm4,.BtmHistory{ background: #3a3a3a; position: fixed; bottom:0; width: 100%; z-index: 2; box-shadow:0 0 10px #000; }
.Btm .Left,.BtmHistory .Left{ height: 50px; padding: 15px 0 15px 5px;width: 70%; display: block;float: left;color: #fff; font-size:0.9em;}
.Btm img,.Btm3 img,.Btm4 img,.BtmHistory img{ height: 50px; width: auto; display: block;float: left; padding-right: 10px;}
.Btm p,.Btm3 p,.Btm4 p,.BtmHistory p{ color: #c4c4c4; font-size: 0.8em; padding-bottom: 5px;}
.Btm em,.Btm3 em{background: #c4c4c4; color: #3a3a3a; padding: 2px; border-radius: 2px; margin: 0 5px;}
.Btm a{ background: #e63828; color: #fff; line-height: 80px;display: block;float: right;padding: 0 10px; }
.Btm2{bottom:180px;}
.Btm3,.Btm4{  padding: 15px 0 15px 15px;font-size: 0.9em; color:#fff; bottom: 90px; }
.Btm3 a{ color: #00a0e9; padding-left: 8px;}
.Btm3 a:hover{ color: #00a0e9;  text-decoration: underline;}
.Btm4{bottom: 0; font-size: 1em;}
.time{ font-size: 0.9em;}
#bidStart{display:none;}
.Btm  .continue_price{color:#6495ED; font-size:0.9em; display:none; padding-left:5px;}
.btm_time.over{font-size:1em;  padding-top:15px;}
.showpwd {
    width: 50px;
    height: 29px;
    position: absolute;
    right: 0;
    top: 17px;
    background-color: #c1c1c1;
    border-radius: 25px;
    font-size: 12px
}

.showpwd.checked{background-color: #22ac38;}

.showpwd input[type=checkbox] {
    display: none
}

.showpwd label {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    color: #fff;
    line-height: 30px
}

.showpwd label i {
    content: "\0020";
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 25px;
    height: 25px;
    border-radius: 13px;
    background: #fff;
    -webkit-transition: left .3s;
    transition: left .3s
}

.showpwd input:checked+label i {
    left: 24px
}

.showpwd label:before {
    height: 100%;
    font-weight: 700;
    padding-left: 6px
}

.showpwd label:after {
    float: right;
    height: 100%;
    padding-right: 6px;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.show_fixed{
    max-width:600px;
    position:fixed;
    top:0;
    z-index:100;
    background: #ffffff;
    width:100%;
    font-size:0.8em;
}
.slideBox{ position:relative; overflow:hidden; margin:auto;}
.slideBox .hd{ position:relative; height:28px; line-height:28px; margin-top:-30px;  }
.slideBox .hd li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:5px; -moz-border-radius:8px; border-radius:8px; background:#c1c1c1; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox .hd ul{text-align: center;}
.slideBox .hd li.on{ background:#333;  }
.slideBox .bd{overflow: hidden;}
.slideBox .background{position:absolute; background: url(/images/auction/titlebg.png) repeat-x; width:100%; height:120px; top:0;
    color:#ffffff; }

.background h4{ width:90%; margin:auto; padding-top:8px; font-size:0.9em; height:30px; overflow: hidden; font-weight:bold;}

.show_history{
    max-width:600px;
    margin:0 auto;
}


.figure-list{margin:0; padding:0;}
.figure-list:after{
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.figure-list li{
    list-style: none;
    width: 100%;
}
.figure-list figure.img{
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding-bottom: 100%; /* 关键就在这里 */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.btn{padding:20px 0; margin-top:10px;}
.btn.wx{padding-bottom:110px;}
.history_bottom{padding-bottom:75px;}

#bid{display:none;}
#container{max-width:600px; margin:0px auto;}
.bid_logo{text-align:center; margin-top:4%;}
.bid{width:90%; margin:3% auto; }
.bid h2{font-size:1.2em; padding-bottom:5px;}
.bid h4{color:#9E9E9E; font-size:1em; padding-top:10px;}
.bid h4 em{text-decoration: line-through; padding-left:3px;}
.price span{float:left;height:40px;display: block; text-align: center; line-height: 40px; font-size:1.8em; font-weight:bold; }
.price span.price_decrease{background: #C4C4C4; width:16%;color:#8E8E8E; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.price span.backColor{background: #22ac38; color:#ffffff;}
.price span.current_price{background:#ededed; width:68%;}
.price span.price_plus{background: #e63828; width:16%; color:#ffffff; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.price span.price_plus.backColor{background: #C4C4C4;}
.important_message{ margin-bottom:10%; background: #E8E8E8; border-top: 1px solid #C4C4C4; border-bottom:1px solid #C4C4C4; height:auto;width:100%; margin-top:5%;}
.important_message .word{width:90%; margin:10px auto; font-size:0.9em;}
.word span{font-weight:bold; padding-left:5px;}
.word h4{padding-left: 23px; padding-top:5px;}
.confirm_bid{background: #e63828; width:80%; height:40px;  line-height:40px; text-align:center; color:#ffffff; margin:0px auto;}
.bid_alert{ display:none; height:30px; line-height:30px; color:#ffffff; background: #e63828; width:100%; text-align:center; margin-top:5px; margin-bottom:5px;}
.bid_logo img{width:80px; height:80px;}
.word img{width:16px; height:16px;}
#follow_wrap{display:none;}
.wrap{ width:90%; max-width: 600px; margin:20px auto; border-radius: 8px;}
.wrap h4{ color:#333;  margin-bottom:15px; padding-left:5px; font-size:1.1em; font-weight: bold;}
.wrap.follow h4{ color:#333;  text-align: center; margin-top:40px; margin-bottom:40px; font-size:1.1em; font-weight: bold;}
.form_input{ width:100%; height:40px; border:0; padding-left:10px; outline: 0;}
.form_input.verify{ width:60%; float:left;}
.verify_box {background: #ffffff;}
.phone_box{width:100%; overflow:hidden;}
.phone_box .get_verify{height:41px; width:35%; font-size:0.9em; line-height: 40px;float:right; background: #22ac38; border: 1px solid #22ac38;  text-align: center; color:#ffffff;}
.get_verify.choose{background: #C4C4C4; border:1px solid #C4C4C4;}
.get_verify.count_down{background: #C4C4C4; border:1px solid #C4C4C4;}
.submit_btn{ background: #22ac38; width: 100%;height:40px; line-height:40px; margin:0 auto; border:1px solid #22ac38; color:#ffffff; font-weight:bold; text-align:center;}
.submit_btn.follow{ background: #e63828; width: 100%;height:30px; line-height:30px; margin:0 auto; border:1px solid #e63828; color:#ffffff; font-weight:bold; text-align:center;}
.follow .cancel{ background: #efefef;  width: 100%;height:30px; line-height:30px; margin:15px auto; border:1px solid #efefef; color:#888; font-weight:bold; text-align:center;}
.verify_alert{line-height:20px; color:red;width:100%; text-align:center; margin-top:5px; margin-bottom:30px;}
.body_overflow{overflow-y:hidden;}
.bid_none{text-align:center; margin:80px auto; color:#888; height:110px;}
#phone_wrap{display:none;}
.slide_none{display:none;}
.conBtm b,.conTop b{font-weight:normal; color:#b2b2b2;}
.Float {
    display: block;
    float: left;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -25px;
    z-index:0;
}
.Float img {
    height: 52px;
    width:auto;
}

#continue_add{color:#ffffff;}
.show_end_price{margin:10px 0;}