@charset "utf-8";input{border:none}
.hide{display:none}
.orange{color:#ff5614}
.purchase-wrapper{font-size:14px}
.purchase-wrapper .main{width:1200px;margin:0 auto}
.right_lab{background: #ff3300;
    color: #fff;
    line-height: 32px;
    display: block;
    position: absolute;
    top: 15px;
    right: -11px;
    box-sizing: border-box;
    padding: 0 4px 0 10px;
    border-radius: 30px 0 0 30px;
    font-size: 12px; }
.right_lab>b{ font-size: 21px;}
.right_lab::after{
    content: "";
    display: block;
    border: 4px solid transparent;
    position: absolute;
    top: 100%;
    right: 0;
    border-width: 0px 0px 6px 10px;
    border-style: solid;
    border-color: transparent transparent transparent #ff3300;
}

.purchase-wrapper .left{float:left}
.purchase-wrapper .right{float:right}
.purchase-wrapper .over-hidden{overflow:hidden;text-align: center;}
.purchase-wrapper .left-img{width:470px;height:470px;background:#f7f7f7;border:1px solid #e6e6e6;text-align:center;line-height:470px}
.purchase-wrapper .left-img img{width:280px}
.order-list,.purchase-wrapper .goods-msg{margin:20px 0}
.purchase-wrapper .goods-type{position:relative;height:64px;line-height:64px;background:#f7f7f7;border:1px solid #e6e6e6;font-size:18px;overflow:hidden;margin-top:20px}
.purchase-wrapper .goods-type .item{position:relative;display:inline-block;float:left;width:599px;text-align:center}
.purchase-wrapper .goods-type label{position:absolute;top:21px;left:50%;height:22px;line-height:22px;font-size:14px;background:#d2d2d2;color:#fff;padding:0 11px;margin-left:-120px}
.purchase-wrapper .goods-type .seperate{position:absolute;left:599px;top:0;width:1px;height:64px;background:#e6e6e6;z-index:1}
.purchase-wrapper .goods-type .item a{display:inline-block;width:100%;color:#999}
.purchase-wrapper .goods-type .on{background:#fff}
.purchase-wrapper .goods-type .on a{color:#009ffd}
.purchase-wrapper .goods-type .sell-out a{color:#999}
.main .msg{margin-left:502px}
.main .label{display:inline-block;text-align:center;font-size:14px;color:#fff;background:#ff5614;border-radius:3px;margin-right:20px;padding:0 11px}
.main .label.stock{background:#ffa414}
.hash-banner{height:200px;background:#75797c url(../img/hash.jpg?v2) center center no-repeat}
.hash-banner .banner-text{text-align:center;color:#fff}
.hash-banner h1{font-size:48px;font-weight:400;padding:65px 0 40px}
.hash-banner ul{width:1100px;margin:0 auto}
.hash-banner ul li{position:relative;width:42%;font-size:22px;line-height:50px;float:left;text-align:left;padding:0 4%}
.hash-banner ul li i{position:absolute;top:50%;left:0;margin-top:-4px;display:inline-block;width:4px;height:4px;border:2px solid #fff;border-radius:50%;vertical-align:middle;margin-right:20px}
.hash-form,.hash-process{background-color:#fff;overflow:hidden}
.hash-content{margin-top:30px}
.hash-content .title{text-align:center;margin-bottom:35px}
.hash-content .title .title-name{font-size:26px;margin:45px 0 10px}
.hash-content .title .sub-title{color:#999}
.hashtips .doubt{display:inline-block;background:#d2d2d2;width:14px;height:14px;line-height:14px;color:#fff;font-size:10px;text-align:center;border-radius:100%;margin:18px 0 0 3px;position:absolute;cursor:pointer}
.hashtips .doubt .doubt-tip{display:none;position:absolute;width:181px;background:#000;padding:10px 15px;color:#fff;line-height:22px;font-size:12px;text-align:left;border-radius:4px;left:20px;top:-10px;z-index:10}
.hashtips .doubt .first{width:139px}
.hashtips .on .doubt-tip{display:block}
.hashtips .doubt .doubt-tip em{display:block}
.hashtips .on{color:#fff;background:#009ffd}
.hash-list{position:relative;background-color:#fff;padding: 32px 30px 45px;margin: 30px auto 30px;-webkit-transition:all .2s;transition:all .2s;cursor:pointer;box-shadow: 7px 0 38px 0 #bcc1c559;border-radius: 8px;}
.hash-list:focus,.hash-list:hover{-webkit-box-shadow:0 0 20px 0 #ccc;box-shadow: 0 0 20px 0 #0091f740;}
.hash-list .mill-title{font-size:22px;color:#333}
.hash-list .mill-title>span:first-child{font-weight:700;vertical-align:middle}
.hash-list .mill-title>span:last-child{display:inline-block;border:1px solid #E0E0E0;border-radius:2px;font-size:14px;color:#151515;padding:5px 10px;vertical-align:middle;margin-left:20px}
.mill-tip{font-size: 14px;color: #6a7b9d;margin:14px 0 32px;}
.mill-jia{min-width:267px}
.mill-detail>div p:first-child{margin-bottom:10px}
.mill-detail .mill-price h3{font-size: 36px;color: #ff551d;font-weight:600;display: inline-block;}
.mill-detail .mill-price{ }
.mill-detail .mill-price span{font-size: 16px;color: #ff551d;}
.mill-activity{min-width: 60px;min-height:40px;padding-top:10px;}
.mill-calc{padding-top: 31px;}
.mill-detail>div.mill-calc p:first-child{margin-bottom:15px}
.mill-percent{font-size: 12px;color: #6a7b9d;float: left;margin-left: 20px;}
.mill-percent.active{}
.mill-process{width: 410px;display: block;background: #f0f5fe;height: 4px;float: left;position: relative;border-radius: 4px;margin: 9px 0;overflow: hidden;}
.mill-process .mill-process-num{top:0;transition: all 3s;position: absolute;height: 4px;z-index: 3;background: -webkit-linear-gradient(left,#9badf3,#7084d2);background: -o-linear-gradient(right,#9badf3,#7084d2);background: -moz-linear-gradient(right,#9badf3,#7084d2);background: linear-gradient(to right,#9badf3,#7084d2);}
.mill-btn{padding-top: 20px;}
.el-button{}
.el-button{min-width: 120px;border: 0;font-weight:400;display: block;font-size: 16px;text-align: center;line-height: 40px;background: #009ffd;width: 100%;height: 40px;color: #fff;border-radius: 27px;box-shadow: #0098f773 7px 0 27px;}
.el-button--primary{/* color:#fff; *//* background-color:#F4AF1E; *//* border-color:#F4AF1E; */}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.hash-list .svg-tip>g>g{position: relative;}
.hash-list .svg-tip>g>text{    position: absolute;  left: 0;  top: 0;  z-index: 55;}
.hash-list .svg-tip{position:absolute;left:0;top:0}
.el-button:focus,.el-button:hover{background-color: #008ee1;}
.el-button:active{color:#2b2c32;border-color:#2b2c32;outline:0}
.no-manage {margin-left: 10px;font-size: 16px !important;color: #333 !important;}
.el-button.sell-out{cursor: not-allowed;background: #d4d4d4;box-shadow: #aeaeae4d 7px 0 27px; }
.Promotesell-out {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 5;
}
/*2018.8.27*/
@media screen and (max-width: 767px){
    .right_lab{     line-height: 26px; right: -5px;}
    .right_lab>b{font-size: 14px;}
    .right_lab::after{     border-width: 0px 0px 6px 5px;}
    .hash-banner{ background:url(../img/rh-phonebg3.jpg) #010101 no-repeat;height:200px; background-size: 100% auto;}
    .purchase-wrapper .main{width: 96%;  padding: 0 2%;}
    .hash-list{ margin-bottom: 15px;   font-size: 12px;       padding: 46px 2% 30px;}
    .hash-list .mill-title{  position: relative;  font-size: 15px;  line-height: 20px;}
    .hash-list .mill-title>span{max-width: 100%;}
    .hash-list .mill-title>span:last-child{top: -32px;position: absolute;right: 0;font-size: 12px;padding: 3px 5px;}
    .mill-tip{    display: block;  clear: both;  font-size: 12px;  line-height: 17px;  height: auto;  margin: 0;  padding: 10px 0;  width: 100%;  }
    .mill-detail .mill-price{    font-size: 25px;}
    .mill-percent{font-size: 12px;}
    .mill-detail>div.mill-calc p:first-child{    margin-bottom: 4px;}
    .purchase-wrapper .mill-btn{    float: none;  clear: both;  text-align: center;}
    .el-button{    min-width: 142px;    margin-top: 4px;}
    .mill-activity{display: none;}
    .purchase-wrapper .left{float: none;  clear: both;padding-top: 1px;}
    .purchase-wrapper .left .mill-calc p{    display: block;  width: 100%;}
    .mill-process{      margin: 21px 0 10px;  display: block;  width: 100%;}
    .mill-detail .mill-price h3{font-size: 24px;}
}