.order-block{margin:25px 0; background: #fff}
.order-block .title{font-size: 16px; border-bottom: 1px solid #ddd; padding: 20px 40px; line-height: 20px;}
.order-block .block-content{padding: 20px 40px}

.receipt-address ul{margin-right: -30px;}
.receipt-address li{width: 294px; height: 115px; padding:20px; border:1px solid #ddd; cursor: pointer; margin:10px 30px 10px 0; float: left; position: relative;}
.receipt-address li .name {text-align: right; line-height: 30px; font-size:14px;}
.receipt-address li .name a{color: #0099cc; padding-left: 5px}
.receipt-address li .name .me{font-size: 18px; float: left;}
.receipt-address li .address-msg{margin-top:10px;color: #888; font-size: 14px; line-height: 25px}
.receipt-address li.add-address{background: url(../image/add.png) center 55px no-repeat; color:#888; font-size: 14px; text-align: center; line-height: 155px;}

.receipt-address li i{background: url(../image/selected2.png) right bottom no-repeat; position: absolute; right: -2px; bottom: -2px; width: 14px; height: 14px; display: none;}
.receipt-address li.selected{border: 2px solid #00bfff; padding: 19px;}
.receipt-address li.selected i{display: block;}

.pay-category-warp{margin: 20px 0}
.pay-category{float: left; padding-left: 20px; position: relative; height: 47px; margin-right: 50px}
.pay-category em{position: absolute;left: 0; top: 17px; width: 13px; height: 13px; border:1px solid #9a9a9a; border-radius:50px; color: #fff; line-height: 11px; text-align: center; font-size: 20px;z-index:1; background: #fff}
.pay-category.selected em{color:#00bfff;}
.pay-category .radio{position: absolute;left: 0; top: 17px; z-index:0; opacity: 0}

.order-product{background: #fff; margin: 25px 0}
.order-product table{width: 100%; table-layout: fixed}
.order-product table th{font-weight: normal; padding:15px 8px; font-size: 14px; border-bottom: 1px solid #ddd}
.order-product table th.p-l{padding-left: 40px}
.order-product table td{vertical-align: middle; border-bottom: 1px solid #f5f5f5; padding: 20px; text-align: center; font-size: 14px}
.order-product .product{text-align: left; padding-left: 40px}
.order-product .pic{width: 78px; height: 78px; border: 1px solid #ddd; float: left; margin-right: 10px}
.order-product .product-name{overflow:hidden;font-size: 0; height: 80px; line-height: 80px; }
.order-product .product-name p{display: inline-block; vertical-align: middle; font-size: 14px; line-height: 20px;}
.order-product .attribute{width: 190px; color: #888; padding: 10px 0; line-height: 20px; height: 60px; text-align: left;}
.order-product .highlight{color: #d4282d}

.order-options{background: #fff; padding: 40px; font-size: 14px}
.ticket-options{float:left; width:450px; margin-right: 30px}
.ticket-options .ticket-add{display: inline-block; background: url(../image/add2.png) left center no-repeat; height: 25px; line-height: 25px; padding-left: 25px}
.ticket-options .ticket-details{color: #999; line-height: 25px; padding-left: 25px; margin-top: 10px}
.ticket-options .ticket-details .edit{color: #6699cc}

.address-options{background: #fff; width: 350px;font-size: 14px; float: left; margin-right: 30px}
.address-options .title{font-size: 14px; line-height: 25px;}
.address-options .address{width: 294px; height: 115px; padding:20px; border:1px solid #ddd; cursor: pointer; margin:10px 0; float: left; position: relative;}
.address-options .address .name {text-align: right; line-height: 30px; font-size:14px;}
.address-options .address .name a{color: #0099cc; padding-left: 5px}
.address-options .address .name .me{font-size: 18px; float: left;}
.address-options .address .address-msg{margin-top:10px;color: #888; font-size: 14px; line-height: 25px}

.product-options{overflow: hidden; width: 230px; float: right; text-align: right;}
.product-options li{line-height: 30px; font-size: 14px; color: #d4282d; text-align: right;}
.product-options li .total-price{font-size: 23px}
.product-options li.gary{color: #757575}
.product-options .tips{float: left; color: #757575; width: 100px; text-align: right;}

.submit-form{font-size: 20px; color: #fff; background: #00bfff; border-radius: 3px; width: 100px; border:0 none; height: 50px; width: 160px; display: inline-block; margin-top: 10px; cursor: pointer;}

.order-window{position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index:9999; background: rgba(0,0,0,.3); overflow-x: hidden;  overflow-y: auto;}
.window-mask{position:fixed;left:0px;top:0px;opacity:0.15;z-index:1;background-color:rgb(0,0,0);width:100%;height:100%;left: 0; right: 0; top: 0; bottom: 0;}

.window-box{width: 700px; background: #fff; margin:150px auto; position: relative; z-index: 2; overflow: hidden; }
.window-box .window-header{padding:20px 30px; color:#747474;height: 30px; line-height: 30px; font-size: 18px;}
.window-box .window-header .close{width: 30px; height: 30px; float: right; background: url(../image/close.png) center center no-repeat;}
.window-box .window-content{padding:30px;}

.completion-form{margin-top: -30px}
.completion-form li{font-size: 14px; display: block; margin:0 0 20px 0 }
.completion-form li.hide{display: none;}
.completion-form li .label{float: left; line-height: 33px; margin-right: 15px; width: 120px; text-align: right;}
.completion-form li .red{color: #d52b33}
.completion-form li .field{overflow: hidden; line-height: 33px}
.completion-form li .input{width: 300px; height: 24px; line-height: 24px; border: 1px solid #ddd; padding:4px 10px; font-size: 14px}
.completion-form li .error{border-color:#f00; color:#f00;}
.completion-form li .select{width: 100px; height: 32px; line-height: 32px; border: 1px solid #ddd; padding:0 10px; font-size: 14px}
.completion-form li .w170{width:150px;}
.completion-form li .w435{width:435px;}
.completion-form li .button{min-width: 140px; height: 40px; background-color: #00b5f0; border: 1px solid #00b5f0; font-size: 16px; display: inline-block; cursor: pointer; color: #fff; border-radius: 3px; margin-right: 10px}
.completion-form li .cancel{background: #fff; color: #555; border-color: #ccc}
.completion-form li .gary{background: #f5f5f5; color: #555;}

.completion-form li .checkbox{height: 25px; line-height: 25px; display: inline-block; position: relative;  font-size: 14px}
.completion-form li .checkbox input{position: absolute; left: 0; top: 0; opacity: 0}
.completion-form li .checkbox i{width:18px; height: 18px; border:1px solid #ddd; display: inline-block; vertical-align: top; margin-top: 2px;}
.completion-form li .checkbox.checked{background: url(../image/checked.png) 3px center no-repeat;}


.radio-mini{display: inline-block; height: 30px; line-height: 32px; border:1px solid #ddd; padding: 1px 19px; min-width: 50px; text-align: center; margin:0 10px 0 0; font-size: 13px; position: relative; cursor: pointer}
.radio-mini i{background: url(../image/selected2.png) right bottom no-repeat; position: absolute; right: -2px; bottom: -2px; width: 14px; height: 14px; display: none;}
.radio-mini:hover,.radio-mini.selected{border-color: #01bfff; border-width: 2px; padding: 0 18px;}
.radio-mini.selected i{display: block;}
.radio-mini input{position: absolute; left: 0; top: 0; opacity: 0; z-index: -1}

.select-address{width: 294px; height: 115px; padding:20px; border:1px solid #ddd; cursor: pointer; margin:20px 0; position: relative;}
.select-address.selected{border:2px solid #01bfff; padding: 19px;}
.select-address.full{width:auto}
.select-address .name {text-align: right; line-height: 30px; font-size:14px;}
.select-address .name a{color: #0099cc; padding-left: 5px}
.select-address .name .me{font-size: 18px; float: left;}
.select-address .address-msg{margin-top:10px;color: #888; font-size: 14px; line-height: 25px}
.create-address{background: url(../image/add.png) 90px center no-repeat; color:#888; font-size: 15px; text-align: center; line-height: 58px; height: 58px;  border:1px solid #ddd; cursor: pointer; width: 334px;}
.window-open{overflow: hidden;}

.order-tips{text-align: center; padding: 20px;}
.order-tips .title{font-size: 18px}
.order-tips .may-selected{margin:50px 0; }
.order-tips .may-selected li{font-size: 14px; display: inline-block; padding: 0 25px; border-right: 1px solid #ddd}
.order-tips .may-selected li.last{border:0 none;}
.order-tips .may-selected li p{margin-bottom: 10px}
.order-tips .may-selected li .btn{height: 40px; line-height: 40px; border:1px solid #ccc; padding:0 20px; min-width: 100px; text-align: center; display: inline-block; border-radius: 5px; font-size: 16px; background-color: #f5f5f5}
.order-tips .may-selected li .blue{border-color:#00bfff; color: #fff; background-color: #00bfff}
.order-tips .tips{color: #888; line-height: 25px; font-size: 14px}
.order-tips .tips .btn{height: 30px; line-height: 30px; border:1px solid #ccc; padding:0 20px; text-align: center; display: inline-block; border-radius: 3px; font-size: 14px; background-color: #f5f5f5}