.main{
    background-color: #fff;
}
.main-detail{
    padding: 58px 40px 0;
    font-size: 18px;
    color: #5c5e5e;
}
.order{
    width: 100%;
    background-color: #bff0fc;
    margin-bottom: 30px;
}
.order td{
   padding: 22px 15px;
    font-size: 18px;
}
.order-name{
    width: 140px;
}
.order-detail{
    border-top: 1px solid #d7d7d7;
    padding-left: 25px;
    padding-top: 25px;
    margin-bottom: 28px;
}
.black-font{
    color: #333;
    padding-bottom: 18px;
    cursor: pointer;
}
.red-font{
    color: #ff2424;
    font-size: 16px;
    padding-bottom: 35px;
}
.order-info{
    margin-bottom: 35px;
}
.order-info p{
    width: 92px;
    display: inline-block;
}
input,select{
    height: 38px;
    vertical-align: middle;
    margin-bottom: 10px;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    padding: 0 5px;
    color: #333;
    font-weight: bold;
}
.input1{
    width: 313px;
}
.input2{
    width: 670px;
}
select,select option{
    padding: 0 10px;
    margin: 5px 4px 14px 0;
    border: none;
    border: 1px solid #e6e6e6;
    color: #5c5e5e;
    cursor: pointer;
}
select::-ms-expand { display: none; }

input[type="radio"] {
    margin: 0 5px 0 10px;
    vertical-align: middle;
    cursor: pointer;
}
.pay-style{
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 20px;
    margin-bottom: 35px;
}
.pay-style-li{
    width: 230px;
    display: inline-block;
    margin-left: 75px;
}
.pay-style-li img{
    cursor:pointer;
    vertical-align: middle;
}
.pay-n{
    cursor:pointer;
    color: #000;
}
.discount-coupon-ul{
    width: 1200px;
}
.discount-coupon-li{
    cursor:pointer;
    width: 356px;
    height: 121px;
    background: #d9d8d9 url("/static/img/page/order/discount-coupon-bg.png") no-repeat;
    box-shadow:0px 4px 10px 1px  #bbb8ba;
    -moz-box-shadow:0px 4px 10px 1px  #bbb8ba;
    -webkit-box-shadow: 0px 4px 10px 1px  #bbb8ba;
    padding-top: 10px;
    position: relative;
    float: left;
    margin: 0px 10px 30px 8px;
}
.count-box{
    margin-top: 10px;
}
.discount-coupon-li-l{
    margin-left: 6px;
    color: #fff;
}
.discount-coupon-li-r{
    margin-right: 10px;
    color: #fff;
    position: relative;
}
.use-time{

    font-size: 12px;
}
.coupon-num{
    position: relative;
}
.symbol-img{
    font-size: 40px;
    font-weight: bold;
    margin-left: 12px;
    display: inline-block;
    position: absolute;
    left: 0px;
    top:5px;
}
.num{
    font-size: 64px;
    position: absolute;
    left: 52px;
    top: -16px;
}
.limit{
    position: absolute;
    right: 0px;
    top: 25px;
    font-size: 16px;
}
.explain{
    width: 326px;
    font-size: 12px;
    position: absolute;
    bottom:3px;
    left: 0px;
    padding: 0 15px;
}
.open-more{
    display:none;
    text-align: center;
    font-size: 16px;
    color: #000;
    font-weight: bold;
    cursor: pointer;
}
.mask{
    display:none;
    width: 356px;
    height: 131px;
    border-radius: 3px;
    background: rgba(0,0,0,0.4);
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
}
.choose{
    width: 49px;
    height: 49px;
    border-radius: 50%;
    display: inline-block;
    background: rgba(0,0,0,0.5);
    color: #1fa7ad;
    font-size: 40px;
    text-align: center;
    line-height: 49px;
    position: absolute;
    right: 8px;
    bottom: 10px;
    z-index: 3;
}
.sum{
    background-color: #e7e7e7;
    padding: 30px 15px;
    text-align: right;
    margin-top: 30px;
    margin-bottom: 30px;
}
.sum-price{
    color: #000;
    font-size: 18px;
}
.c-price{
    font-size: 14px;
    padding-top: 10px;
}
.sum-num{
    font-size: 24px;
    color: #ff2424;
    font-weight: bold;
    display: inline-block;
    padding-left: 10px;

}
.btn{
    text-align: center;
}
.go-pay{
    display: inline-block;
    color: #fff;
    font-size: 32px;
    padding: 0 60px;
    height: 58px;
    line-height: 58px;
    background: #f78944;
    background: linear-gradient(top,#fea64b,#f37740);
    background: -moz-linear-gradient(top,#fea64b,#f37740);
    background: -webkit-gradient(linear, 2% 10%, 2% 100%,from(#fea64b), to(#f37740));
    border-radius: 30px;
    letter-spacing: 2px;
    cursor: pointer;
}
.go-pay:hover{
    background: linear-gradient(top,#F58142,#FA671C);
    background: -moz-linear-gradient(top,#F58142,#FA671C);
    background: -webkit-gradient(linear, 2% 10%, 2% 100%,from(#F58142), to(#FA671C));
}
/*
弹窗*/
.pay-popup{
    width: 566px;
    height: 470px;
    padding: 50px 120px;
    background-color: #fff;
    text-align: center;
    color: #000;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -403px;
    margin-top: -235px;
    box-shadow:0px 4px 10px 1px  #bbb8ba;
    -moz-box-shadow:0px 4px 10px 1px  #bbb8ba;
    -webkit-box-shadow: 0px 4px 10px 1px  #bbb8ba;
    z-index:1000;

}
.p-word{
    padding-bottom: 35px;
}
.pay-popup-box{
    width: 246px;
    border:2px solid #ccc;
}
.pay-popup-box:hover{
    cursor:pointer;
    border:2px  solid #7CE0F2;
}
.pay-popup-box:hover .icon-check,.pay-popup-box:hover .icon-x{
    font-size:1.2em;
}
.pay-popup-box span{
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    font-size: 36px;
    font-weight: bold;
    line-height: 90px;
    margin: 40px 0 20px;
    color: #fff;
}
.blue-bg{
    background-color: #2bb7d0;
}
.coral-bg{
    background-color: #fc5249;
}
.pay-popup-box img{
    vertical-align: middle;
    margin-top: 42px;
}
.pay-popup-box .go-back{
    display: block;
    text-decoration: underline;
    /*color: #000;*/
    font-size: 18px;
    background-color: #7ce0f2;
    line-height: 112px;
    margin-top: -5px;
}
.main{
    position:relative;
}