/*支付窗口*/
.coupon-content,.platform-content{
  width: 37px;
  height: 20px;
  border-radius: 50px;
  position: relative;
  background: rgba(255,255,255,0.4);
  border: 1px solid rgba(0,0,0,0.15);
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: rgba(0, 0, 0, 0.15);
  border-left: transparent;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  float: right;
}
.coupon-content:after,.platform-content:after{
  content: ' ';
  width: 15px;
  height: 15px;
  border-radius: 48px;
  position: absolute;
  background: white;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
  left: 0;
  top: 0;
  border: 2px solid rgba(0,0,0,0.1);
  transition: left 0.5s;
  -moz-transition: left 0.5s;
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
}
.coupon-content.checked,.platform-content.checked{
  background: rgba(65,200,204,1);
}
.coupon-content.checked:after,.platform-content.checked:after{
  content: ' ';
  top: 0px;
  left: 18px;
}

.pay-box .pay-mode li .pay-type{
   border:1px solid #e4e4e5;
   display: inline-block;
   padding:5px 10px;
   font-size:13px;
}
.pay-box .pay-mode li .pay-type input{opacity: 0;display: none;}
.pay-box .pay-mode li .pay-type.checked{
   border-color:rgba(65,200,204,1);
   background:url(../images/pay_type_checked.png) no-repeat right bottom;
   background-size:14px;
}
.pay-box .content { padding:10px 20px;z-index: 10002; background: #fff;  width: 80%; max-width: 320px; left: 50%;  top: 50%;position: fixed; -o-transform: translate(-50%,-50%);  -moz-transform: translate(-50%,-50%);  -webkit-transform: translate(-50%,-50%);  transform: translate(-50%,-50%); border-radius: .85rem; }
.pay-box .pay-head{ position: relative;  padding: .7rem 0;border-radius: .35rem .35rem 0 0; font-size: 22px;  text-align: center; box-sizing: border-box; color:#1283f3;position: absolute;left:0;right:0;top:0;}
.pay-box .box-close, .pay-box .pay-qrcode-close{position: absolute;right: -1.8rem;top: -0.8rem;color: #fff;background: #3cd3d7;font-size: 20px;width: 25px;height: 25px;text-align: center;line-height: 21px;border-radius: 50%;font-size: 1.4rem;cursor: pointer;display: inline-block;}
.pay-box .pay-head .product_price{    font-size: 1rem;  line-height: 1;}
.pay-box .pay-head .title{display: block;
    padding-top: 26px;
    padding-bottom: 26px;}
.pay-box .pay-info{  padding-bottom: .45rem;  text-align: center;  font-size: 16px; }
.pay-box .pay-info .amount{ -webkit-tap-highlight-color: transparent;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
.pay-box .pay-info .product_name{color:#3cd3d7;font-size: 28px;}
.pay-box .pay-mode li{color:#000; padding: 8px 0;    position: relative;  cursor: pointer;display: inline-block;margin:0 5px;}
.pay-box .platform{padding: 8px 0;  border-top: .5px #f3f3f3 solid;}
.pay-box .platform .platform-content{margin: 0 6%}
.checkbox_style+label, .pay-box .pay-mode li span{margin-top:-2px;vertical-align: middle;margin-right:5px;}
.pay_ifo_box{
    border-top: .5px #d6d2d2 solid;
    margin-top: 9px;
}
.pay-box .pay-btn{ display: block;  width: 100%;  margin: 12px auto;  text-align: center;  background: #3cd3d7;  color: #fff; font-size: 18px;  padding: 6px 3px;  white-space: nowrap;border-radius: .25rem;}
.pay-box .pay-tip{ font-size: 15px; padding: .5rem; }
.pay-box .pay-tip .user{width: 50%;}
.pay-box .pay-tip .rule input{ width: 16px;  height: 16px; appearance:checkbox;  -moz-appearance:checkbox; /* Firefox */  -webkit-appearance:checkbox; /* Safari 和 Chrome */}
.pay-qrcode .qrcode{ text-align: center;}
.pay-qrcode .qrcode img { width: 200px}
.pay-qrcode .tip{ text-align: center;  padding-bottom: 8px;}
.weixin-share{ width: 100%; height:100%; background:url(../images/share.png) no-repeat center; position: fixed; z-index: 9999;left:0;top:0;background-size:100% 100%;}
.weixin-share .weixin-share-text{ margin-top: 60%;color: #ffffff;font-size: 22px;text-align: center; position: absolute;  width: 100%; }
.codeImg-notice {  position: absolute;  display: none;  top: 20%;  left: 35%;  width: 530px;  height: 370px;  padding: 10px;  background: url(../images/wechat_pay.png) no-repeat 290px center;  background-color: rgba(0, 0, 0, 0);  background-size: auto auto;  background-size: 250px 370px;  background-color: #fff;  z-index: 9;  }

.code {  width: 200px;  height: 370px;  float: left;  margin-left: 40px;  }
/*支付横屏时*/
.horizontal.pay-box .content{max-width: 406px;}
.horizontal.pay-box .pay_info_list{overflow:hidden;border-bottom: 1px solid #ddd;}
.horizontal.pay-box .pay_info_list.list .item{float:left;width:100%;box-sizing: border-box;border-bottom:1px solid #ddd;padding: 5px 15px 5px 5px;overflow: hidden;text-overflow: ellipsis;}
.horizontal.pay-box .pay_info_list.list .item:last-child{border-bottom:none;}
.horizontal.pay-box .pay_ifo_box{border-top:none;}