@charset "utf-8";
/*瀹氫箟婊氬姩鏉￠珮瀹藉強鑳屾櫙 楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
::-webkit-scrollbar
{
    width: 5px;
    height: 5px;
    background-color: #F5F5F5;
}

/*瀹氫箟婊氬姩鏉¤建閬�鍐呴槾褰�鍦嗚*/
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    border-radius: 0px;
    background-color: #f1f1f1;
}

/*瀹氫箟婊戝潡 鍐呴槾褰�鍦嗚*/
::-webkit-scrollbar-thumb
{
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5);
    background-color: #333333;
}

/* 寮瑰嚭妗�*/
/* 寮瑰嚭妗�*/
.pay-wrapper{width: 650px;background-color: #fff;box-shadow: 0px 0px 46px rgba(80,131,207,0.13);
border: 1px solid #f4f7fc;border-radius: 5px;position:fixed;top:10%;left: 50%;margin-left: -325px;z-index:20;}
.pay-wrapper.tc-modal{width: 420px;top:20vh;left:50%;margin-left:-210px;}
.pay-wrapper.tc-modal .pay-header p{width: 100%;text-align: center;}
.pay-wrapper.tc-modal .btn-group{margin: 10px auto;}
.pay-wrapper.tc-modal .form{margin: 30px auto;width: 294px;}
.pay-wrapper.tc-modal .form .form-group{height: 40px;width: 100%;margin-top: 30px;background-color:#F2F1F6;border-radius: 5px;}
.pay-wrapper.tc-modal .form .form-group.select-group{display:flex;}
.pay-wrapper.tc-modal .form .form-group.select-group label{flex:1;flex-basis: 120px;line-height: 40px;padding-left: 10px;color: #666666;}
.pay-wrapper.tc-modal .form .form-group input,.pay-wrapper.tc-modal .form .form-group select{width: 100%;padding: 5px 10px;box-sizing: border-box;height: 40px;border: none;outline: none;background: none;color:#b2b2b2}

border: 1px solid #f4f7fc;border-radius: 5px;position:fixed;top:10%;left: 50%;margin-left: -325px;z-index:20;}
.pay-wrapper .pay-header{height: 40px;border-bottom: 1px solid #f2f2f5;line-height: 40px;overflow: hidden;font-size: 24px;padding: 20px;}
.pay-wrapper .pay-header h2{text-align:center;}
.pay-wrapper.tc-modal .form .getyzm {text-align: right;width: 100%;display: block;font-size: 12px;color: #666666;line-height: 30px;}
.pay-wrapper .pay-header{height: 44px;line-height: 44px;padding: 0 10px;border-bottom: 1px solid #f5f5f5;}
.pay-wrapper .pay-header p{float: left;color:#333333;width: 509px; overflow: hidden; white-space: nowrap; word-wrap: break-word; word-break: break-all; text-overflow: ellipsis;}
.pay-wrapper .pay-header span{float: right;font-weight: 600;color:#000000;}
.pay-type-box{width: 294px;margin: 10px auto 40px;}
.pay-type-box p{line-height: 40px;font-size: 18px;text-align: center;}
.pay-type-box .btn-group{text-align: center;margin: 20px auto;}
.pay-type-box .pay-type{padding-top: 36px;overflow: hidden;}
.pay-type-box .pay-type li{width: 50%;float: left;padding:0 25px;box-sizing: border-box;cursor: pointer;}
.pay-type-box .pay-type li .box{width: 60px;text-align: center;}
.pay-type-box .pay-type li .box span{display: block;line-height: 36px;color:#333333;font-size: 18px;}
.pay-type-box .pay-type li .box i{width: 14px;height: 14px;display: block;margin: 5px auto;background:url(../images/pay/pay_icon.png);}
.pay-type-box .pay-type li.selected .box i{background:url(../images/pay/pay_icon_select.png);}
.btn-group{text-align: center;margin: 40px auto;}
.btn-group a{display: block;margin: 0px auto;}
.btn-group p{margin-top:10px;} 
.btn-group p a{display:inline;margin-left:5px;}
.btn-group .btn-submit{width: 294px;height: 40px;line-height: 38px;border: none;outline: none;cursor: pointer;background:url(../images/login/login_bg.png);background-size: cover;font-size: 16px;color:#ffffff;opacity:1;transition:opacity ease-in-out .5s;}
.btn-group .btn-submit:hover{opacity:0.85;}
.btn-group .btn-submit span{letter-spacing: 40px;margin-left: 40px;color: #fff;}

/* 璐拱鎴愬姛 */
.pay-success{background-color:#fff;padding: 40px 0;margin: 110px auto 0 auto;}
.pay-success-cont{width:500px;margin: 0 auto;}
.success-icon{}
.success-tip{color:#666666;text-align: center;font-size: 18px;line-height: 30px;margin-bottom: 15px;}
.pay-success-r{width: 385px;}
.pay_tishi{margin:68px 0;}
.pay_tishi .tishi{width:18px;height:18px;background-color: #d3d3d3;margin-right:10px;display: inline-block;border-radius: 100%;}

.address-select-list{padding: 20px 40px;}
.address-select-list li{margin-bottom: 10px;line-height: 30px;cursor: pointer;}
.address-select-list li span{margin-left: 20px;}
.address-select-list li .box i{width: 14px;height: 14px;display: inline-block;margin: 8px;vertical-align: top;background:url(../images/pay/pay_icon.png);}
.address-select-list li.selected .box i{background:url(../images/pay/pay_icon_select.png);}
.address-select-list ul#addrList{max-height: 214px;overflow: scroll;padding-right: 20px;margin-bottom: 20px;}
/* 鏀惰揣鍦板潃 */
.pay-wrapper .shdz-box h2{line-height: 55px;height: 66px;text-align: center;width: 100%;font-size: 18px;color:#000000;font-weight: 500;}
.pay-wrapper .shdz-box .form-group{width: 364px;margin: 0 auto;}
.pay-wrapper .shdz-box .form-group .input-group{margin-bottom: 30px;}
.pay-wrapper .shdz-box .form-group .input-css{width: 100%;background-color: #f2f2f5;height: 40px;line-height: 40px;padding-left: 20px;box-sizing: border-box;font-size: 14px;color:#999999;border: none;outline: none;border-radius: 5px;}
.select-group{margin-bottom: 30px;}
.select-group select{background-color: #f2f2f5;border: none;outline: none;height: 40px;line-height: 40px;border-radius: 5px;padding: 0 10px;font-family: "Microsoft YaHei";color:#666666;font-size: 14px;width: 98px;margin-right: 30px;}
.select-group select:last-child{margin-right: 0;}
.pay-wrapper .shdz-box .btn-group{margin-bottom: 40px;}

/* 璁㈠崟璇︽儏 */
.order-detail-box .order-detail{width: 80%;margin: 0 auto;max-height: 325px;overflow-y: auto;margin-top: 10px;}
.order-detail-box .order-detail p{text-align: left;font-size: 16px;color:#333333;line-height: 36px;margin: 25px auto;}
.order-detail-box .order-detail p span{color:#0091f5;}
.order-detail-box .order-detail p a{margin-left: 30px;font-size: 16px;color:#666666;}
.order-detail-box .order-detail p a:hover{color:#333333;}

/* 鏀粯鏂瑰紡寮圭獥淇敼 */
.pay-wrapper .pay-header .selectbox{float: right;}
.pay-wrapper .pay-header .selectbox select{font-size: 16px;color:#000000;height: 30px;line-height: 30px;width: 110px;border: none;outline: none;}
.pay-wrapper .discount-box{margin: 25px auto;height: 42px;overflow: hidden;text-align: center;border-bottom: 1px solid #f2f2f5;padding-bottom: 25px;}
.pay-wrapper .discount-box label{font-size: 16px;margin-right: 10px;}
.pay-wrapper .discount-box select{height: 40px;line-height: 40px;padding: 0 10px;border: 1px solid #a9a9a9;border-radius: 4px;outline: none;}
.pay-wrapper .discount-box .yh-input-css{height: 40px;line-height: 40px;border-radius: 4px;border: 1px solid #a9a9a9;outline: none;padding: 0 5px;width: 250px;margin-right: 20px;}
.pay-wrapper .discount-box .btn-yhm{height: 40px;width: 100px;font-size: 14px;line-height: 40px;text-align: center;vertical-align: top;border: none;outline: none;cursor: pointer;background:url(../images/common/yhmbg.png);background-size: cover;color:#ffffff;}
.pay-wrapper .discount-box .btn-yhm:hover{opacity: 0.9;}
.pay-wrapper .price{text-align: center;font-size: 24px;line-height: 50px;font-weight: 500;height: 40px;}

.dialog-wrapper{position: fixed;background-color:rgba(0,0,0,.5);width: 100%;height: 100%;top: 0;left: 0;z-index:10;}
.dialog-wrapper .pay-wrapper .pay-header .selectbox select{font-size: 16px;color:#FFFFFF; height: 30px;line-height: 30px;width: 110px;border: none;outline: none;}