.dialog-bg{
    position: fixed;width: 100%;
    height: 100%;
    background:rgba(0,0,0,.6);
    left: 0;
    top: 0;
    z-index: 90;
}
img{vertical-align: top;}
.w50{width: 50%;}
.hide{display: none;}
.cf:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.dt{display: table;width: 100%;}
.dtc{display: table-cell;vertical-align: middle;}
body{font-size: 14px;font-family: "微软雅黑";color: #333;max-width: 640px;margin: 0 auto;background-color: #f0f0f0;}
.banner{text-align: center;}
.banner img{max-width: 100%;}
.banner h1{display: none;}
.main{padding: 10px 0 0 0;}
.preamble{text-align: center;background-color: #fff;margin-top: -5px;padding: 0 0 10px 0;line-height: 1.5;}
.preamble li:nth-child(2){font-size: 16px;color: #bf2400;font-weight: bold;}
.preamble li:nth-child(4){color: #bf2400;font-weight: bold;}
.preamble li:nth-child(4) strong{position: relative;}
.preamble li:nth-child(4) strong:before{content: "";position: absolute;left: -35px;height: 2px;background-color: #bf2400;top:8px;width: 30px;}
.preamble li:nth-child(4) strong:after{content: "";position: absolute;right: -35px;height: 2px;background-color: #bf2400;top:8px;width: 30px;}
.draw{margin: 0 12px 6px 12px;text-align: center;background-color: #fff;}
.draw p{font-size: 14px;color: #fff;padding: 5px 0;}
.draw img{width:100%;}
.draw .who{text-align: center;padding: 5px 0 10px 0;color:#999;font-size: 10px;}
.title{font-size: 16px;font-weight: bold;text-align: center;line-height: 1.5;padding: 15px 0 10px 0}
.title strong{color: #bf2400;}
.element{margin: 10px 15px 20px 15px;position: relative;}
.element table{width: 100%;font-size: 10px;margin-top: 10px;}
.element table td{padding: 3px 0;line-height: 18px;}
.element table td:first-child{width:75px;padding: 0 5px 0 0;}
.element h3{font-size: 12px;margin-bottom: 5px;line-height: 16px;}
.element h3 span{height: 16px;line-height: 16px;color: #fff;background-color: #bf2400;margin-right: 5px;padding: 0 5px;}
.sort{font-size: 12px;margin:0 0 15px 0;line-height: 20px;text-align: center;}
.sort strong{font-size: 16px;color: #bf2400;}
.tag-list{text-align: center;}
.tag-list p span{padding: 3px 6px;background-color: #bf2400;color: #fff;font-weight: bold;}
.tag-list p img{width: 10px;vertical-align: middle;margin:0 5px;}
.tag-list h3{font-size: 16px;font-weight: bold;margin: 10px 0 20px 0;}
.tag-list h3 strong{font-size: 19px;color: #bf2400;}
.time-line{margin-left: 18px;position: relative;}
.time-line:before{position: absolute;content: "";left: 62px;width: 1px;background-color: #d6d6d6;top:-2px;bottom: -2px;}
.time-line li{overflow: hidden;zoom: 1;line-height: 18px;font-size: 12px;color: #000;margin-bottom: 5px;}
.time-line li span{float: left;color: #666;width: 60px;}
.time-line li em{width: 5px;height: 5px;border-radius: 50%;background-color: #d6d6d6;float: left;margin-top: 6px;margin-right: 20px;}
.time-line li strong{color: #bf2400;}
.tip{position: absolute;width: 59px;top:-20px;right: 3%;}
.element-title{border-bottom: 2px #cdcdcd solid;text-align: center;font-size: 16px;font-weight: bold;position: relative;color: #000;margin: 0 15px 20px 15px;}
.element-title span{display: inline-block;padding: 0 10px;background:#f0f0f0;height: 22px;line-height: 22px;position: relative;top:11px;}
.risk-notice{font-size: 9px;color: #bfbfbf;margin-top: 5px;}
.footer-wrapper{height: 50px;}
.order-btns{position: fixed;left: 0;bottom: 0;width: 100%;z-index: 4;}
.order-btns a{float: left;width: 50%;font-size: 16px;height: 50px;line-height: 50px;text-align: center;display: block;color: #fff;}
.order-btns a img{height:15px;vertical-align: middle;margin: 0 6px 0 0;}
.order-btns a:first-child{background: #B5111D;border-right: 1px #f0f0f0 solid;}
.order-btns a:first-child img{position: relative;margin: 0 4px 0 0;}
.order-btns a:last-child{background:#FAA708;}
/*dialog*/
.binding-dialog{position: fixed;top:15%;width: 90%;left: 5%;background: #f3f3f3;z-index: 9;border-radius: 5px;overflow: hidden;}
.dialog-head{padding: 20px 0 10px 0;text-align: center;color: #333;}
.dialog-con{padding: 0 20px 10px 20px;color: #999;line-height: 1.8em;}
.dialog-foot{border-top: 1px #dfdfdf solid;text-align: center;}
.dialog-foot .dtc{height:50px;background: #fff;color: #0f7ccf;}
.dialog-foot .dtc:last-child{border-left: 1px #dfdfdf solid;}
.dialog-foot .dtc:last-child input{height: 50px;line-height: 50px;background:#fff;color: #0f7ccf;border: 0;width: 100%;}
.vip-edit{padding: 10px 15px 15px 15px;}
.vip-edit ul{border: 1px #dfdfdf solid;border-radius: 3px;background: #fff;margin: 0 0 10px 0;}
.vip-edit ul li:first-child{border-bottom: 1px #dfdfdf solid;}
.vip-edit ul li{padding: 10px 0 10px 10px;font-size: 14px;}
.vip-edit ul li label{display: inline-block;width: 20%;text-align: right;color: #666;}
.vip-edit ul li input{color: #bababa;width: 80%;}
.vip-edit .get-vip a i{font-size: 14px;color: #999;}
.error-msg{position: fixed;width: 50%;z-index: 99;background: rgba(0,0,0,.7);color: #fff;text-align: center;padding: 13px 0;font-size: 14px;border-radius: 5px;
top:28%;left: 25%;}