button , a , input{outline: none;}
.shade{height:100%; width:100%; position:fixed; top:0;left: 0;background-color:black;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;z-index:99;display: none}
.box{background-color: transparent;position: relative;    box-shadow: 0 0 10px rgba(0,0,0,0.3);height: 100%;padding-top: 60px;}
.deal_info{width: 96%;margin: 0 auto;min-height: 130px; position: relative;background-color: #ffffff}
.deal_info h2{min-height: 30px; line-height: 20px; font-size: 16px; color: #000;padding: 5px;font-weight: normal;}
@media screen and (max-width: 360px){
    .deal_info a{display: block;width: 100%;height: 78px;position: relative;padding:0 5px 0 140px;text-decoration: none;}
    .deal_info a img{position: absolute; top: 0;  left: 5px;  height: 78px;  width: 130px;}
    .deal_info a p{width: 100%;height: 26px;line-height: 26px;font-size: 11px; color: #9c9c9c;}
}

@media screen and (min-width: 361px) {
    .deal_info a{display: block;width: 100%;height: 90px;position: relative;padding:0 5px 0 160px;text-decoration: none;}
    .deal_info a img{position: absolute; top: 0;  left: 5px;  height: 90px;  width: 150px;}
    .deal_info a p{width: 100%;height: 30px;line-height: 30px;font-size: 13px; color: #9c9c9c;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
}
.deal_info a p.price{color: #f19149;}

.log_info{width: 96%;margin: 15px auto;max-height: 200px; position: relative;background-color: #ffffff ;padding-bottom: 10px;}
.log_info h2{height: 30px; line-height: 30px; font-size: 16px; color: #000;padding: 0 5px;font-weight: normal;border-bottom: 1px solid #e8e8e8;position: relative;}
.log_info h2 div{height: 30px;position: absolute;right: 10px;top:0;color:#FF7043;padding-left: 20px;font-size: 14px;}
.log_info h2 div img{width: 16px;height:16px;position:absolute;top:7px;left: 0;}
.log_info p{height: 30px;line-height: 30px;font-size: 12px;color: #000000;padding: 0 5px;}
.log_info button{width: 120px;height: 30px;text-align: center;line-height: 30px;margin: 0 auto ;background-color: #FF7043; color: white; border: none; display: block;border-radius: 3px;font-size: 14px;font-family: "微软雅黑","黑体",arial;}

.nopay_box{width: 100%;height: 40px;text-align: center;position: relative;}
.nopay_box input{position: absolute;width:30%;height:40px;left:13%;background-color:#878687;color:#ffffff;border:1px solid #878687;}
.nopay_box a{position: absolute;width:30%;height:40px;right:13%;background-color:#FF7043;color:#ffffff;border:1px solid #FF7043;line-height: 40px;text-decoration: none;}
.nopay_box button{display: block; height:40px;width: 40%;margin: 0 auto;background-color:#FF7043;color:#ffffff;border:1px solid #FF7043;font-family: "微软雅黑","黑体",arial;}

.ld_info{ width: 96%;margin: 15px auto;max-height: 200px; position: relative;background-color: #ffffff ;padding-bottom: 10px; }
.ld_info:after{display: block;content: "";clear: both;}
.ld_info h2{height: 30px; line-height: 30px; font-size: 16px; color: #000;padding: 0 5px;font-weight: normal;border-bottom: 1px solid #e8e8e8;position: relative;}
.ld_info p{height: 30px;line-height: 30px;font-size: 12px;color: #000000;padding: 0 5px;margin-top: 5px;}
.ld_info a,.ld_info button{width: 40%;height: 30px;text-align: center;line-height: 30px;margin: 0 5% ;float: right;background-color: #FF7043; color: white;
    font-family: "微软雅黑","黑体",arial;border: none; display: block;border-radius: 3px;font-size: 14px;text-decoration: none;}

.supinfo{width: 100%;height: 100%;max-width: 650px;position: fixed;top: 0;padding-top: 50px;z-index: 90;background-color: white;overflow: auto;padding-bottom: 5px;display: none;}
.supinfo table{width: 100%;border: none;}
.supinfo table tr{min-height: 45px;}
.supinfo table tr td:first-child{width: 110px;padding: 0 5px;text-align: center;font-size: 14px;}
.supinfo table tr td:last-child{    color: #B5B5B5; text-align: left;font-size: 14px;padding-right: 5px;}
.supinfo table tr td{border-bottom:  1px solid #e8e8e8;height: 45px;}
.supinfo button{width: 100%;margin: 0;height: 45px;border: none;background-color: #A2A2A2;; color: white;}

.qr_shade{height:100%; width:100%; position:fixed; top:0;left: 0;background-color:black;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;z-index:94;display: none;}
@media screen and (min-width:651px) {
    .qr_code{width: 580px;position: fixed;left: 50%;margin-left: -290px;top: 70px;z-index: 95;background-color: white;overflow: auto;padding: 5px;display: none;}
}

@media screen and (max-width:650px) {
    .qr_code{width: 90%;;position: fixed;left: 5%;top: 70px;z-index: 95;background-color: white;overflow: auto;padding: 5px;display: none;}
}

.qr_code img{width: 100%;display: block;border: 1px solid #B5B5B5}
.qr_code p{font-size: 16px;line-height: 20px; min-height: 30px;padding: 5px;text-align: center;}
.qr_code p span{display: block;width: 100%;line-height: 20px;font-size: 12px;color: red;}

.tipcontent{width: 90%;max-width: 250px;height: 150px;z-index: 100;position: absolute;top:50%;left:50%;margin-top: -75px;margin-left: -125px;background: white;display: none}
.tipcontent h6{height: 40px;line-height: 40px;text-align: center;font-size: 18px;font-weight: 600;font-family: "黑体";color: rgb(229,28,35);}
.tipcontent p{text-align: center;padding: 0 20px;font-size: 14px;line-height: 25px;}
.tipcontent div{height: 50px;width: 100%;;position: absolute;bottom: 0}
.tipcontent div a{width: 100%;display: block;height: 50px;line-height: 50px;text-align: center;color: rgb(3,169,244);border-top: 1px solid #bbbbbb;text-decoration: none;}
input[type="radio"]{border-radius: 10px;box-sizing: border-box;-moz-box-sizing: border-box;}
input[type="radio"]:checked{background:url("/common/images/radio_checked.png") no-repeat;background-size: 20px 20px;border: none;}
input[type="checkbox"]:checked{background: url("/common/images/checkbox_checked.png") no-repeat;background-size: 20px 20px;border: none;}

.all_content{ padding-top: 50px; }
.basic_info{padding-left: 10px;padding-top: 15px;}
.basic_info p{line-height: 25px;font-size: 14px;}

.title{color: white;background: #8bc24a;height: 24px;width: 85px;line-height: 25px;padding-left: 5px;font-size: 14px;border-bottom-right-radius: 12px;border-top-right-radius: 12px;}
.order_info{position: relative;top:0;margin-top: 5px;}
.order_info .ddh{height: 40px;line-height: 40px;padding-left: 15px;color: rgb(29,119,161);font-size: 15px;}

.table_box{position: relative;min-height: 50px;padding: 10px 10px 10px 15px;width: 100%;}
.table_box table{border: 1px solid #bbbbbb;background: white;}
.table_box table tr{height: 50px;line-height: 50px;}
.table_box table tr th{border-right: 1px solid #bbbbbb;margin: 0;padding: 0;color: #bbbbbb;font-family: "黑体";font-weight: bold; }
.table_box table tr th:last-child{border-right: none;}
.table_box table tr td{border-top:1px solid #bbbbbb;border-right: 1px solid #bbbbbb;color: #101010;text-align: center;box-sizing: border-box;-moz-box-sizing: border-box;line-height: 49px;}
.table_box table tr td:last-child{color: #ff5722;border-right: none;}

.order_type_box{position: relative;min-height: 50px;padding: 5px 10px 10px 15px;width: 100%;}
.order_type_box .title{margin-left: -15px;}
.order_type_box .detail{background: rgb(235,235,235);height: 110px;margin-top: 15px;}
.order_type_box .detail p{height: 40px;line-height: 40px;font-size: 14px;padding-left: 35px;position: relative;}
.order_type_box .detail p input[type="radio"]{width: 20px;height: 20px;margin: 0;position: absolute;border-radius: 10px;margin-right: 10px;top:10px;left: 10px;border: 1px solid gray;}
.order_type_box .detail p input[type="radio"]:checked{background:url("/common/images/radio_checked.png") no-repeat;background-size: 20px 20px;border: none;}
.order_type_box .detail p.on{color: orangered;height: 20px;line-height: 20px;font-size: 14px;text-align: right;padding-right: 10px;}
.order_type_box .detail button{width: 100px;height: 35px;;display: block;background-color: orangered;color: white;float: right;margin-right:10px;border-radius: 2px;border: 1px solid orangered;margin-top: 5px;font-size: 14px;}

.info_lists{  width: 96%;  margin: 10px auto 0;  max-height: 200px;  position: relative;  background-color: #ffffff;  }
.info_lists div[rel="head"]{width: 100%;height: 40px;line-height: 40px;font-size: 16px;padding: 0 5px;border-bottom: 1px solid #e8e8e8; }
.info_lists div[rel="head"] span{margin-left: 10px;font-size: 14px;color: #808080;}
.info_lists div[rel="head"]  em{font-style: normal;float: right; color:#808080;font-size: 14px;margin-right: 5px;}
.info_lists div[rel="content"]{height: 60px;font-size: 14px;position: relative;padding: 0 5px;}
.info_lists div[rel="content"] p{height: 30px;line-height: 30px;}
.info_lists div[rel="content"] p span{margin-left: 5px;  color: orange;}
.info_lists div[rel="content"] a{display: block;text-decoration: none;width: 75px;text-align: center;height: 25px;line-height: 25px;background: orangered;
    color: white;  position: absolute; right: 10px;bottom: 10px;font-size: 13px;border-radius: 3px; }