|
|
@@ -1,341 +1,343 @@
|
|
|
-input::-webkit-inner-spin-button {
|
|
|
- -webkit-appearance: none;
|
|
|
-}
|
|
|
-input::-webkit-outer-spin-button {
|
|
|
- -webkit-appearance: none;
|
|
|
-}
|
|
|
-/**
|
|
|
- * PC端
|
|
|
- */
|
|
|
-@media screen and (min-width:768px){
|
|
|
- .head-wrap{width: 100%;height: 81px;float: left;background-color: #FFFFFF;margin-bottom: 26px;}
|
|
|
- .head-wrap .inner{width:1184px;height: 81px;margin: 0 auto; background-color: #FFFFFF;}
|
|
|
- .head-wrap .logo{width:228px;height: 76px;float: left;}
|
|
|
- .head-wrap .logo a{width:228px;height: 76px;display: block;}
|
|
|
- .head-wrap .logo a img{width:228px;height: 76px;display: block;}
|
|
|
- .head-wrap .text{height: 76px;float: left;margin-left: 10px;line-height: 76px;font-size: 30px;color: #333333;}
|
|
|
- .inner{width: 1184px;margin: 0 auto;}
|
|
|
- .pageTitle{height:57px;line-height:57px;padding-top:16px}
|
|
|
- .pageTitle h1{color:#2D3036;font-size:16px;font-weight:bold;float:left}
|
|
|
- .pageTitle h1 span{color:#627386;font-size:12px;font-weight:normal;margin-left:10px}
|
|
|
- .pageTitle .step{float:right;color:#999999;font-size:14px;height:44px;line-height:44px}
|
|
|
- .pageTitle .step span{display:inline-block;height:20px;line-height:20px;vertical-align:middle;position:relative;padding-right:55px;}
|
|
|
- .pageTitle .step span:before{font-style:normal;font-size:20px;vertical-align:text-top;margin-right:5px}
|
|
|
- .pageTitle .step span:nth-of-type(1):before{content:'\2776'}
|
|
|
- .pageTitle .step span:nth-of-type(2):before{content:'\2777'}
|
|
|
- .pageTitle .step span:nth-of-type(3):before{content:'\2778'}
|
|
|
- .pageTitle .step span:after{position:absolute;right:0;top:10px;content:'';width:50px;border-top:1px solid #9AA5B5;}
|
|
|
- .pageTitle .step span:nth-of-type(3){padding-right:0}
|
|
|
- .pageTitle .step span:nth-of-type(3):after{display:none}
|
|
|
- .pageTitle .step span.on,.pageTitle .step span.prev{color:#FF5B00}
|
|
|
- .pageTitle .step span.prev:after{border-color:#FF5B00;}
|
|
|
- .pay-container {width: 100%;position: relative;}
|
|
|
- .container{width: 100%;height: auto;float: left;margin-bottom: 30px;}
|
|
|
- .pay-content{width: 1184px;margin: 0 auto;height: auto;}
|
|
|
- .pay-title{width: 100%;height: auto;padding: 15px 20px;float: left;background: #ffffff;margin-bottom: 7px;box-sizing:border-box;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
|
|
|
- .pay-title .title-money{width: 100%;height: 36px;float: left;margin: 7px 0;line-height: 36px;}
|
|
|
- .pay-title .title-money.big{height: 60px;line-height: 60px;}
|
|
|
- .pay-title .title-money p{font-size: 16px;color: #333333;float: left;margin-right: 80px;}
|
|
|
- .pay-title .title-money p.pay-money-big{font-size: 24px;font-weight: bold;}
|
|
|
- .pay-title .title-money .red{color: #FF2A2A;}
|
|
|
- .pay-title .pay-input{width: 100%;height: 36px;float: left;line-height: 36px;}
|
|
|
- .pay-title .pay-input p{font-size: 16px;color: #333333;float: left;}
|
|
|
- .pay-title .pay-input .input-text{font-size: 18px;color: #333333;}
|
|
|
- .pay-title .pay-input .input-text span{font-size: 14px;}
|
|
|
- .pay-title .pay-input .input{width: 215px;height: 34px;display: inline-block;font-size: 14px;line-height: 34px;padding: 0 10px;border: 1px solid #EBEBEB;border-radius: 5px;}
|
|
|
- /*超级会员*/
|
|
|
- .pay-svip{margin-top:24px}
|
|
|
- .pay-svip+.pay-method .method-title{background:#F5F5F5 !important}
|
|
|
- .pay-svip .pay-svip-title{padding:0 0 16px 16px;font-size:16px;font-weight:400;color:#2D3036}
|
|
|
- .pay-svip .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1184px;height:78px;padding-left:112px;padding-right:24px;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(/img/member/pc-cm-svip-bg-03.png) no-repeat center;background-size:1184px 78px}
|
|
|
- .pay-svip .pay-svip-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
|
|
|
- .pay-svip .pay-svip-detail .tit{font-size:16px;font-weight:400;color:#4E4539;padding-bottom:4px}
|
|
|
- .pay-svip .pay-svip-detail .pay-amount{margin-left:18px;font-size:28px;font-weight:bold;color:#4E4539}
|
|
|
- .pay-svip .pay-svip-detail .pay-amount > span{font-size:12px;vertical-align:0}
|
|
|
- .pay-svip .svip-indent{padding-top:24px;font-size:16px;font-weight:bold;color:#4E4539}
|
|
|
- /*优惠券*/
|
|
|
- .pay-coupontitle{line-height: 72px;font-size: 24px;width: 100%;box-sizing: border-box;padding: 0 16px;font-weight: bold;}
|
|
|
- .pay-coupon{width: 100%;height: 118px;box-sizing: border-box;padding: 16px;background: #FFFFFF;}
|
|
|
- .pay-coupon .pay-coupon-title{width: 100%;line-height: 24px;font-size: 18px;color: #333333;margin-bottom: 16px;}
|
|
|
- .pay-coupon .pay-coupon-title span{color: #FF5B00;}
|
|
|
- .pay-coupon .pay-coupon-content{font-size: 24px;color: #333333;line-height: 32px;}
|
|
|
- .pay-coupon .pay-coupon-content span{color: #F94B4B;font-weight: bold;}
|
|
|
- .pay-ment{width: 100%;height: auto;float: left;background: #FFFFFF;margin-top: 7px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
|
|
|
- .pay-ment .pay-record{width: 100%;height: auto;float: left;background: #FFFFFF;padding: 10px 0;box-sizing:border-box;}
|
|
|
- .pay-ment .pay-record .record-title{width: 100%;padding: 0 20px;background: #FFFFFF;line-height: 44px;font-size: 16px;color: #333333;text-align: left;box-sizing:border-box;}
|
|
|
- .pay-ment .pay-record .record-content{width: 1160px;height: auto;padding: 8px 540px 8px 10px;margin: 0 auto;background: #FFF;border-radius: 5px;box-sizing:border-box;}
|
|
|
- .pay-ment .pay-record .record-content .record-li{width: 100%;height: 30px;float: left;}
|
|
|
- .pay-ment .pay-record .record-content .record-li.none{font-size: 14px;color: #627386;text-align: left;line-height: 30px;}
|
|
|
- .pay-ment .pay-record .record-content .record-li .record-tb{width: 33.33%;height: 30px;float: left;font-size: 14px;color: #333333;text-align: left;line-height: 30px;}
|
|
|
- .pay-ment .pay-record .record-content .record-li .record-tb:last-child{text-align: right;color: #999999;}
|
|
|
- .pay-method{width: 100%;height: auto;float: left;background: #FFFFFF;margin-top: 20px;}
|
|
|
- .pay-method .method-title{box-sizing:border-box;width: 100%;padding: 0 20px;background: #FFFFFF;line-height: 44px;font-size: 16px;color: #333333;text-align: left;}
|
|
|
- .pay-method .method-title span{font-size: 14px;line-height: 30px;color: #FF5B00;text-align: left;padding-left: 20px;}
|
|
|
- .pay-method .method-content{width: 100%;height: auto;padding: 0 0 20px 0;float: left;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
|
|
|
- .pay-method .method-content .payment{width: 100%;height: auto;}
|
|
|
- .payment-check-bank{width: 100%;height: auto;padding: 16px;box-sizing: border-box;}
|
|
|
- .payment-check-bank .check-bank-cell{width: 100%;height: 64px;box-sizing: border-box;border: 1px solid #D4D9E1;display: block;float: left;margin-bottom: 16px;padding: 12px 16px; }
|
|
|
- .payment-check-bank .check-bank-cell .cell-icon{ width: 24px;height: 100%;float: left;box-sizing: border-box;padding: 8px 0;}
|
|
|
- .payment-check-bank .check-bank-cell .cell-icon .icon{ width:24px;height:24px; }
|
|
|
- .payment-check-bank .check-bank-cell .cell-icon .icon:before{width:24px ;height:24px;background-position: -311px -596px;}
|
|
|
- .payment-check-bank .check-bank-cell.current .icon:before{ background-position: -277px -596px;}
|
|
|
- .payment-check-bank .check-bank-cell .cell-main{ float: left;height: 100%;margin-left: 20px; }
|
|
|
- .payment-check-bank .check-bank-cell .cell-main .logo{ width: 40px;height: 40px;float: left;margin-right: 10px; }
|
|
|
- .payment-check-bank .check-bank-cell .cell-main .logo img{ width: 40px;height: 40px;display: block; }
|
|
|
- .payment-check-bank .check-bank-cell .cell-main .name{ line-height: 40px;font-size: 16px;color: #333333;float: left; }
|
|
|
- .payment-check-bank .check-bank-cell.current{ border-color: #FF5B00; }
|
|
|
-
|
|
|
- .pay-bank{width: 100%;height: auto;padding: 0 0 8px 0;background: #FFFFFF;float: left;}
|
|
|
- .pay-bank .bank-list{width: 100%;height: auto;padding-left: 8px;}
|
|
|
- .pay-bank .bank-list .bank-text{line-height: 22px;height: 22px;font-size: 16px;color: #333333;padding-left: 20px;margin: 6px 0;}
|
|
|
- .pay-bank .bank-list .bank-text span{color: #999999;}
|
|
|
- .pay-bank .bank-list .bank-a{width: 124px;height: 44px;display: block;float: left;margin: 12px;border: 1px solid #FFFFFF;position: relative;border-radius: 2px;}
|
|
|
- .pay-bank .bank-list .bank-b{width: 124px;height: 44px;;display: block;float: left;margin: 12px;border: 1px solid #FFFFFF;position: relative;border-radius: 2px;}
|
|
|
- .pay-bank .bank-list a img{width: 100%;height: 100%;display: block;}
|
|
|
- .pay-bank .bank-list a.active{border-color: #FF2A2A;}
|
|
|
- .pay-bank .bank-list a.active:before{content: '';width: 20px;height: 20px;position: absolute;bottom: 0;right: -2px;background: url("/img/base/icon.png")-210px -252px no-repeat;}
|
|
|
- .pay-link{width: 100%;height: 32px;padding: 0 20px;float: left;}
|
|
|
- .pay-link p{float: left;font-size: 14px;line-height: 32px;color: #666;text-align: left;}
|
|
|
- .pay-link a{width: 112px;height: 30px;border: 1px solid #FF5B00;background-color: #ffe6dc; display: block;text-align: center;float: left;font-size: 12px;line-height: 30px;border-radius: 20px;color: #FF5B00;margin-left: 16px;}
|
|
|
- .pay-link .inviteCode{width: 112px;height: 30px;border: 1px solid #999;text-align: center;float: left;font-size: 12px;line-height: 30px;border-radius: 2px;color: #333;margin: 0 5px;}
|
|
|
- .payment-add{width: 100%;height: 44px;box-sizing: border-box;padding: 0 20px;float: left;}
|
|
|
- .payment-add-btn{width: 168px;height: 44px;box-sizing: border-box;cursor: pointer; border-radius: 2px;float: left;border: 1px solid #B8BFCA;display: flex;align-items: center;justify-content: center;flex-direction: column;}
|
|
|
- .payment-add-btn .icon{width:24px ;height:24px;display: inline-block;float: left;margin-right: 10px;}
|
|
|
- .payment-add-btn .icon:before{width:24px ;height:24px;background-position: -254px -652px;}
|
|
|
- .payment-add-btn span{display: inline-block;line-height: 24px;font-size: 12px;color: #333;}
|
|
|
- .payment-add-btn:hover{background: #FF5B00;border-color: #FF5B00;}
|
|
|
- .payment-add-btn:hover span{color: #FFFFFF;}
|
|
|
- .payment-add-btn:hover .icon:before{background-position: -290px -652px;}
|
|
|
- .pay-error{width: 1184px;margin: 0 auto;height: 594px;margin-top: 20px;display: none;background: #FFFFFF;}
|
|
|
- .pay-error .icon-error{width: 248px;height: 200px;margin: 0 auto;margin-top: 134px;}
|
|
|
- .pay-error .icon-error.again{background: url("/img/pay/icon-error--1.png") no-repeat;background-size:contain ;}
|
|
|
- .pay-error .icon-error.offline{background: url("/img/pay/icon-error--2.png") no-repeat;background-size:contain ;}
|
|
|
- .pay-error .icon-error.fail{background: url("/img/pay/icon-error--3.png") no-repeat;background-size:contain ;}
|
|
|
- .pay-error .icon-error.paid{background: url("/img/pay/icon-error-5.png") no-repeat;background-size:contain ;}
|
|
|
- .pay-error .error-msg{font-size: 16px;color: #333333;text-align: center;line-height: 22px;margin-top: 10px;}
|
|
|
- .pay-error .error-msgnone{font-size: 16px;color: #999999;text-align: center;line-height: 22px;margin-top: 10px;}
|
|
|
- .pay-alert-content{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.3);z-index: 9999;}
|
|
|
- .pay-alert-content .pay-alert{width: 340px;height: 208px;background: #FFFFFF;border-radius: 2px;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;z-index: 9998;}
|
|
|
- .pay-alert-content .pay-alert .title{width: 100%;height: 48px;box-sizing: border-box;font-size: 14px;line-height: 48px;text-align: left;color: #333333;float: left;position: relative;border-bottom: 1px solid #EFEFEF;background-color: #F8F8F8;padding: 0 14px;}
|
|
|
- .pay-alert-content .pay-alert .title .icon-close{width: 16px;height: 16px;display: block;position: absolute;right:12px;top: 12px;background: url("/img/base/icon.png")-315px 0 no-repeat;cursor: pointer;}
|
|
|
- .pay-alert-content .pay-alert .content{margin: 20px 0 0 0;width: 100%;height: auto;line-height: 24px;float: left;padding: 0 14px;box-sizing: border-box;}
|
|
|
- .pay-alert-content .pay-alert .content h1{text-align: left;font-size: 14px;color: #333333;font-weight: normal;}
|
|
|
- .pay-alert-content .pay-alert .content p{text-align: left;font-size: 12px;color: #666666;font-weight: normal;}
|
|
|
- .pay-alert-content .pay-alert .button{width: 100%;height: 32px;float: left;padding: 0 14px;box-sizing: border-box;margin-top: 15px;}
|
|
|
- .pay-alert-content .pay-alert .button a{width: 100px;height: 32px;display: block;background: #FF5B00;border-radius: 2px;font-size: 14px;text-align: center;line-height: 32px;color: #FFFFFF;float: right;}
|
|
|
- /*快捷支付获取短信验证码弹窗*/
|
|
|
- .pay-alert-content .pay-alert .content-form{ width: 100%;height: 32px; }
|
|
|
- .pay-alert-content .pay-alert .content-form .input{ width: 190px;height: 32px;float: left; box-sizing: border-box;border: 1px solid #B8BFCA;border-radius: 2px;padding: 0 10px;line-height: 30px;font-size: 14px;color: #333333;}
|
|
|
- .pay-alert-content .pay-alert .content-form .code-btn{ width: 100px;height: 32px;box-sizing: border-box;display: block;float: left;margin-left: 16px;line-height: 32px;font-size: 14px;color: #FF5B00;text-align: center; border: 1px solid #FF5B00;}
|
|
|
- .pay-alert-content .pay-alert .content-form .code-btn.disabled{ border-color: #9AA5B5;color: #9AA5B5; }
|
|
|
- .pay-alert-content .pay-alert .content-error{ width: 100%;height: 22px;float: left;line-height: 22px;text-align: left;font-size: 12px;color: #FF0000; }
|
|
|
-
|
|
|
- /*大额银联转账弹窗*/
|
|
|
- .pay-alert-content .pay-big-alert{width: 460px;height: 386px;background: #FFFFFF;border-radius: 2px;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;z-index: 9998;}
|
|
|
- .pay-alert-content .pay-big-alert .title{width: 100%;height: 48px;box-sizing: border-box;font-size: 14px;line-height: 48px;text-align: left;color: #333333;float: left;position: relative;border-bottom: 1px solid #EFEFEF;background-color: #FFFFFF;padding: 0 14px;}
|
|
|
- .pay-alert-content .pay-big-alert .title .icon-close{width: 16px;height: 16px;display: block;position: absolute;right:12px;top: 12px;background: url("/img/base/icon.png")-319px 0 no-repeat;cursor: pointer;}
|
|
|
- .pay-alert-content .pay-big-alert .content{margin: 20px 0;width: 100%;height: auto;line-height: 24px;float: left;padding: 0 14px;box-sizing: border-box;}
|
|
|
- .pay-alert-content .pay-big-alert .content p.text{text-align: left;font-size: 12px;color: #FF5B00;font-weight: normal;line-height: 20px;margin-bottom: 10px;}
|
|
|
- .pay-alert-content .pay-big-alert .content p{text-align: left;font-size: 14px;color: #4A4F58;font-weight: bold;line-height: 34px;}
|
|
|
- .pay-alert-content .pay-big-alert .content p span{font-weight: normal;}
|
|
|
- .pay-alert-content .pay-big-alert .button{width: 100%;height: 32px;float: left;padding: 0 14px;box-sizing: border-box;}
|
|
|
- .pay-alert-content .pay-big-alert .button a{height: 32px;padding: 0 12px;margin-left: 16px;display: block;background: #FF5B00;border-radius: 2px;font-size: 14px;text-align: center;line-height: 32px;color: #FFFFFF;float: right;box-sizing: border-box;}
|
|
|
- .pay-alert-content .pay-big-alert .button a.btn-close{border: 1px solid #B8BFCA;color: #4A4F58;background-color: #FFFFFF;}
|
|
|
-
|
|
|
- .payment-transfer{width: 100%;height: auto;padding: 0 24px;}
|
|
|
- .pay-button-main{width: 100%;height: 72px;box-sizing: border-box;padding: 11px 0;background-color: #FFFFFF;float: left;border-bottom: 1px solid #EBEBEB;}
|
|
|
- .pay-button-main .pay-button{width: 100%;height: 50px;float: left;}
|
|
|
- .pay-button-main .pay-button a{width: 232px;height: 50px;display: block;background:linear-gradient(90deg, #FF9300 0%, #FF5B00 100%);border-radius: 2px;font-size: 14px;line-height: 50px;text-align: center;color: #FFF6D9;float: right;}
|
|
|
- .pay-button-main .pay-button a.disabled{background: #EFEFEF;color:#999999;}
|
|
|
- .footTop{margin-top: 0;}
|
|
|
- .jconfirm .jconfirm-box div.jconfirm-closeIcon{display: none !important;}
|
|
|
-
|
|
|
- /*快捷支付弹窗*/
|
|
|
- .model-cards-popup{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.4);z-index: 99999;}
|
|
|
- .model-cards-popup .model-content{width:710px;height:480px;padding: 16px 32px; position:absolute;top:0;left:0;right:0;bottom:0;background-color:#FFFFFF;margin:auto;border-radius:2px;box-sizing:border-box}
|
|
|
- .model-content .title{width: 100%;height: 27px;box-sizing: border-box;float: left;position: relative;margin-bottom: 24px;}
|
|
|
- .model-content .title .icon-close{width: 16px;height: 16px;display: block;position: absolute;right:0;top: 0;background: url("/img/base/icon.png")-315px 0 no-repeat;cursor: pointer;}
|
|
|
- .model-content .title .title-tabs{width: 100%;height: 27px;float: left;}
|
|
|
- .model-content .title .title-tabs a{width: 100px;height: 27px;float: left;margin-right: 64px;display: block;font-size: 16px;line-height: 24px;text-align: center;box-sizing: border-box;border-bottom: 3px solid #FFFFFF;color: #333333;}
|
|
|
- .model-content .title .title-tabs a.current{ font-weight: bold;border-color: #FF5B00;}
|
|
|
- .model-content .content{ width:100%;height:300px;box-sizing:border-box;float:left;overflow:hidden;overflow-y:auto }
|
|
|
- .model-content .content .list{width: 142px;height: 46px;display: block;margin:0 16px 16px 0;float: left;border: 1px solid #FFFFFF;position: relative;border-radius: 2px;}
|
|
|
- .model-content .content .list img{width: 100%;height: 100%;display: block;}
|
|
|
- .model-content .content .list.current{border-color: #FF2A2A;}
|
|
|
- .model-content .content .list.current:before{content: '';width: 20px;height: 20px;position: absolute;bottom: 0;right: -2px;background: url("/img/base/icon.png")-210px -252px no-repeat;}
|
|
|
- .model-content .button{width: 100%;height: 34px;float: left;margin-top: 24px;}
|
|
|
- .model-content .button .button-btn{display: block;width: 232px;height: 50px;margin: 0 auto;box-sizing: border-box;border: 1px solid #FF5B00;background: #FF5B00;line-height: 50px;text-align: center;font-size: 14px;color: #FFFFFF;}
|
|
|
- .model-content .button .button-btn.disabled{border: 1px solid #B8BFCA;background: #B8BFCA;color: #FFFFFF;}
|
|
|
- .model-content .content .content-labe{width: 100%;height: 38px;line-height: 38px;float: left;font-size: 14px;color: #333333;}
|
|
|
- .model-content .content .content-labe.sen{margin-bottom: 10px;}
|
|
|
- .model-content .content .content-labe p{float: left;}
|
|
|
- .model-content .content .content-labe img{width: 120px;height: 38px;display: block;margin: 0 10px 0 10px;float: left;border-radius: 2px;}
|
|
|
- .model-content .content .content-labe .form-type{float: left; height:100%; box-sizing: border-box;padding:10px 11px;}
|
|
|
- .model-content .content .content-labe .form-type .form-radio {height: 18px;margin-right: 40px;line-height: 18px;box-sizing: border-box;float: left;cursor: pointer;}
|
|
|
- .model-content .content .content-labe .form-type .form-radio input{box-sizing: border-box;width: 100%;height: 16px;line-height: 18px;text-indent: 1.2em;background-color: #FFF;border: 1px solid #b8bfca;border-radius: 2px;display: none;}
|
|
|
- .model-content .content .content-labe .form-type .form-radio .icon{display: block;font-style: normal;cursor: pointer;width: 18px;height: 18px;position: relative;overflow: hidden;float: left;}
|
|
|
- .model-content .content .content-labe .form-type .form-radio span{font-size: 14px;color: #666666;font-weight: normal;margin-left: 5px;}
|
|
|
- .model-content .content .content-labe .form-type .form-radio input:checked + i:before{ background-position: -277px -596px; }
|
|
|
- .model-content .content .content-labe .form-type .form-radio .icon:before{position: absolute;left: 0;bottom: 0;width:18px ;height:18px;background-position: -311px -596px;}
|
|
|
- .model-content .content .content-labe .form-label{width: 92px;height: 32px;float: left;line-height: 32px;text-align: right;font-size: 14px;color: #666666;}
|
|
|
- .model-content .content .content-label{width: 100%;height:32px;float: left;line-height: 32px;text-align: left;font-size: 14px;color: #1890F9;box-sizing: border-box;}
|
|
|
- .model-content .content .content-form{width: 100%;height: 32px;float: left;margin-bottom: 10px;}
|
|
|
- .model-content .content .content-form.none{margin-bottom: 0;}
|
|
|
- .model-content .content .content-tabs{width: 100%;height: 27px;box-sizing: border-box;float: left;position: relative;margin-bottom: 24px;}
|
|
|
- .model-content .content .content-tabs a{width: 60px;height: 27px;float: left;margin-right: 24px;display: block;font-size: 13px;line-height: 24px;text-align: center;box-sizing: border-box;border-bottom: 1px solid #FFFFFF;color: #333333;}
|
|
|
- .model-content .content .content-tabs a.current{ border-color: #FF5B00;}
|
|
|
- .model-content .content .content-form .form-label{width: 70px;height: 32px;float: left;line-height: 32px;text-align: right;font-size: 14px;color: #666666;}
|
|
|
- .model-content .content .content-form .form-label.sen{width: 92px;}
|
|
|
- .model-content .content .content-form .form-label span{color: #F94B4B;}
|
|
|
- .model-content .content .content-form .form-input{width: 500px;height: 32px;float: left;margin-left:10px;color: #F94B4B;box-sizing: border-box;padding: 0 13px;border:1px solid #B8BFCA;border-radius: 2px;}
|
|
|
- .model-content .content .content-form .form-input input{width: 100%;height:30px;float: left;line-height: 30px;font-size: 14px;color: #333333;border: none;font-style: normal;}
|
|
|
- .model-content .content .content-form .form-input.code{ width: 350px; }
|
|
|
- .model-content .content .content-form .form-btn{width: 140px;height: 32px;float: left;margin-left: 20px;}
|
|
|
- .model-content .content .content-form .form-btn a{display: block;width: 130px;height: 32px;box-sizing: border-box;background: #FF5B00;line-height: 32px;text-align: center;font-size: 14px;color: #FFFFFF;border-radius: 2px;}
|
|
|
- .model-content .content .content-form .form-btn a.disabled{background: #B8BFCA;color: #FFFFFF;}
|
|
|
- .model-content .content .content-form .form-text{ line-height: 32px; font-size: 14px;color: #333333; }
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/**
|
|
|
-* 移动端
|
|
|
-*/
|
|
|
-@media screen and (max-width:768px){
|
|
|
- .head-wrap{width: 100%;height: 16vw;border: 1px solid #EBEBEB;box-sizing: border-box;padding: 2.4vw 0;background: #FFFFFF;}
|
|
|
- .head-wrap .inner{width: 55vw;height: 11.2vw;margin: 0 auto;}
|
|
|
- .head-wrap .logo{width:33.8vw;height: 11.2vw;float: left;}
|
|
|
- .head-wrap .logo a{width:100%;height: 100%;display: block;}
|
|
|
- .head-wrap .logo a img{width:100%;height: 100%;display: block;}
|
|
|
- .head-wrap .text{height: 11.2vw;float: left;margin-left: 10px;line-height:11.2vw;font-size: 6vw;color: #333333;}
|
|
|
- .pageTitle .step{width:100%;height:12.4vw;line-height:12.4vw;background:#FFF;color:#9AA5B5;font-size:3.1vw;text-align:center}
|
|
|
- .pageTitle .step span{display:inline-block;height:4.2vw;line-height:4.2vw;vertical-align:middle;position:relative;padding-right:6.4vw}
|
|
|
- .pageTitle .step span:before{font-style:normal;font-size:5.2vw;vertical-align:text-top;margin-right:1vw}
|
|
|
- .pageTitle .step span:nth-of-type(1):before{content:'\2776'}
|
|
|
- .pageTitle .step span:nth-of-type(2):before{content:'\2777'}
|
|
|
- .pageTitle .step span:nth-of-type(3):before{content:'\2778'}
|
|
|
- .pageTitle .step span:after{position:absolute;right:0;top:2.05vw;content:'';width:5.4vw;border-top:1px solid #9AA5B5}
|
|
|
- .pageTitle .step span:nth-of-type(3){padding-right:0}
|
|
|
- .pageTitle .step span:nth-of-type(3):after{display:none}
|
|
|
- .pageTitle .step span.on,.pageTitle .step span.prev{color:#FF5B00}
|
|
|
- .pageTitle .step span.prev:after{border-color:#FF5B00;}
|
|
|
- .pageTitle h1,h2.title{color:#2D3036;font-size:3.7vw;font-weight:bold;height:10vw;line-height:10vw;padding:0 3.3vw}
|
|
|
- .pageTitle h1 span{font-size:3.1vw;font-weight:normal;color:#627386;margin-left:2vw}
|
|
|
- .pay-title,.pay-ment,.pay-method{width:100%;box-sizing:border-box;padding:3.2vw;background:#FFF;color:#9aa5b5;font-size:3.4vw;margin-bottom:1.2vw;line-height:7vw}
|
|
|
- .pay-method .method-title span{font-size: 3.4vw;line-height: 7vw;color: #FF5B00;text-align: left;}
|
|
|
- .pay-title p span{color:#22272e}
|
|
|
- .pay-title .title-money.big{font-size:4.6vw;color:#22272e}
|
|
|
- .pay-title .title-money.big span{color:#FF2A2A;font-weight:bold;line-height:10vw}
|
|
|
- .pay-title .pay-input{white-space:nowrap}
|
|
|
- .pay-title .pay-input p{display:inline-block}
|
|
|
- .pay-title .pay-input input{outline:none;box-sizing:border-box;width:100%;height:7vw;line-height:5vw;padding:1vw 0;text-indent:1.2em;font-size:3.4vw;text-align:left;background-color:#ffffff;border-radius:2px;border:solid 1px #b8bfca}
|
|
|
- .pay-svip{padding-top:4vw;background:#fff}
|
|
|
- .pay-svip .pay-svip-title{padding:0 0 2.7vw 3.3vw;font-size:3.7vw;font-weight:400;color:#2D3036}
|
|
|
- .pay-svip .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100vw;height:20.6vw;padding-left:17vw;padding-right:3.2vw;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(/img/member/h5-cm-svip-bg-03.png) no-repeat center;background-size:100vw 20.6vw}
|
|
|
- .pay-svip .pay-svip-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
|
|
|
- .pay-svip .pay-svip-detail .tit{font-size:2.6vw;font-weight:400;color:#4E4539;padding-bottom:0.4vw}
|
|
|
- .pay-svip .pay-svip-detail .pay-amount{margin-left:1.7vw;font-size:5.6vw;font-weight:bold;color:#4E4539}
|
|
|
- .pay-svip .pay-svip-detail .pay-amount > span{font-size:2.4vw;vertical-align:0}
|
|
|
- .pay-svip .svip-indent{padding-top:8vw;font-size:2.8vw;font-weight:bold;color:#4E4539}
|
|
|
- .record-title,.method-title{font-size:3.7vw;color:#22272e;line-height:8vw}
|
|
|
- .payment{border-top:none;padding:2.6vw 0;}
|
|
|
- .record-li{margin-top:3vw}
|
|
|
- .payment-check-bank{width: 100%;height: auto;box-sizing: border-box;float: left;}
|
|
|
- .payment-check-bank .check-bank-cell{width: 100%;height: 11.7vw;box-sizing: border-box;border: 1px solid #D4D9E1;display: block;float: left;margin-bottom: 2.4vw;padding: 2.4vw; }
|
|
|
- .payment-check-bank .check-bank-cell .cell-icon{ width: 4vw;height: 100%;float: left;box-sizing: border-box;}
|
|
|
- .payment-check-bank .check-bank-cell .cell-icon .icon{ width:4vw;height:4vw; }
|
|
|
- .payment-check-bank .check-bank-cell .cell-icon .icon:before{width:4vw ;height:4vw;background-position: -18.2vw -93.7vw;}
|
|
|
- .payment-check-bank .check-bank-cell.current .icon:before{ background-position: -10.1vw -93.7vw;}
|
|
|
- .payment-check-bank .check-bank-cell .cell-main{ float: left;height: 100%;margin-left: 4vw; }
|
|
|
- .payment-check-bank .check-bank-cell .cell-main .logo{ width: 6.4vw;height: 6.4vw;float: left;margin-right: 2vw; }
|
|
|
- .payment-check-bank .check-bank-cell .cell-main .logo img{ width: 6.4vw;height: 6.4vw;display: block; }
|
|
|
- .payment-check-bank .check-bank-cell .cell-main .name{ line-height: 6.4vw;font-size: 3.4vw;color: #333333;float: left; }
|
|
|
- .payment-check-bank .check-bank-cell.current{ border-color: #FF5B00; }
|
|
|
- .payment-add{width: 100%;height: 11.7vw;box-sizing: border-box;float: left;margin-top: 4vw;}
|
|
|
- .payment-add-btn{width: 45.6vw;height: 11.7vw;margin: 0 auto; box-sizing: border-box;cursor: pointer; border-radius: 2px;margin: 0 auto; border: 1px solid #B8BFCA;display: flex;align-items: center;justify-content: center;flex-direction: column;}
|
|
|
- .payment-add-btn .icon{width:4vw ;height:4vw;display: inline-block;float: left;margin-right: 10px;}
|
|
|
- .payment-add-btn .icon:before{width:4vw ;height:4vw;background-position: -25.6vw -93.0vw}
|
|
|
- .payment-add-btn span{display: inline-block;line-height: 4vw;font-size: 3.4vw;color: #333;}
|
|
|
- .pay-bank{width: 100%;float: left;height: auto;}
|
|
|
- .pay-bank .bank-list{width: 100%;height: 11.7vw;text-align:center;margin-bottom:2vw;background: #F7F7F7;}
|
|
|
- .pay-bank .bank-list .bank-a,.pay-bank .bank-list .bank-b{display:block;border:1px solid #FFFFFF;position:relative;border-radius:2px}
|
|
|
- .pay-bank .bank-list .bank-a:before,.pay-bank .bank-list .bank-b:before{position:absolute;right:0;bottom:0;display:none;width:6vw;height:6vw;background-position:-75vw -7.8vw}
|
|
|
- .pay-bank .bank-list .bank-a.active,.pay-bank .bank-list .bank-b.active{border:1px solid #FF5B00}
|
|
|
- .pay-bank .bank-list .bank-a.active:before,.pay-bank .bank-list .bank-b.active:before{display:block}
|
|
|
- .pay-bank .bank-list .bank-a{width:100%;height:11.7vw;background:#f7f7f7;text-align:left;margin-bottom:2.6vw;float: left;}
|
|
|
- .pay-bank .bank-list .bank-a img{height:100%}
|
|
|
- .pay-bank .bank-list .bank-b{box-sizing:border-box;width:28vw;height:9.7vw;margin:0 1vw 1vw 0;overflow:hidden}
|
|
|
- .pay-bank .bank-list .bank-b img{height:100%;width:100%}
|
|
|
- .pay-link{width: 100%;float: left;height: auto;margin-top: 3vw;}
|
|
|
- .pay-link p{font-size:3.1vw;color:#FF5B00;text-align: center;}
|
|
|
- .pay-link a{display: block;width: 45.6vw;height: 11.2vw;line-height: 11.2vw;font-size: 3.7vw;text-align: center;border-radius: 2px;border: 1px solid #FF5B00;margin: 0 auto 2.6vw auto;color: #FFF;background: #FF5B00;}
|
|
|
- .payment-transfer,.payment-title{color:#22272e}
|
|
|
- .payment-transfer .label>p{font-size:3.4vw;color:#22272e;line-height:5vw;padding:1.6vw 0}
|
|
|
- .payment-transfer .label .label-title{font-size:3.1vw;color:#FF5B00}
|
|
|
- .payment-transfer .label .label-t{color:#627386}
|
|
|
- .payment-transfer .label .label-c{color:#1890f9;font-size:3.1vw}
|
|
|
- .payment-transfer .label>p .red{color:#FF5B00}
|
|
|
- .payment-transfer .copy{display:inline-block;height:6.4vw;line-height:6.4vw;padding:0 3vw;background-image:linear-gradient(214deg,#ff2929 0%,#ff6d1b 100%);border-radius:2px;color:#FFF;margin-left:2vw}
|
|
|
- .pay-button a{display:block;width:93.4vw;height:11.2vw;line-height:11.2vw;font-size:3.7vw;text-align:center;border-radius:2px;border:1px solid #FF5B00;margin:0 auto 2.6vw auto;color:#FFF;background:#FF5B00}
|
|
|
- .jconfirm .jconfirm-box div.jconfirm-closeIcon{display: none !important;}
|
|
|
- /* 快捷支付弹窗 */
|
|
|
- .model-cards-popup{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.4);z-index: 99999;}
|
|
|
- .model-cards-popup .model-content{width:100%;height:150vw;padding: 3.2vw 6vw; position:absolute;left:0;bottom:0;background-color:#FFFFFF;border-radius:2px;box-sizing:border-box}
|
|
|
- .model-content .title{width: 100%;height: 8vw;box-sizing: border-box;float: left;position: relative;margin-bottom: 6vw;}
|
|
|
- .model-content .title .icon-close{width: 16px;height: 16px;display: block;position: absolute;right:0;top: 0;background: url("/img/base/icon.png")-315px 0 no-repeat;cursor: pointer;}
|
|
|
- .model-content .title .title-tabs{width: 100%;height: 8vw;float: left;box-sizing: border-box;}
|
|
|
- .model-content .title .title-tabs a{width: 100px;height: 8vw;float: left;display: block;font-size: 3.4vw;line-height: 7.8vw;text-align: center;box-sizing: border-box;border-bottom: 3px solid #FFFFFF;color: #333333;}
|
|
|
- .model-content .title .title-tabs a.current{ font-weight: bold;border-color: #FF5B00;}
|
|
|
- .model-content .content{ width:100%;height:110vw;box-sizing:border-box;float:left;overflow:hidden;overflow-y:auto }
|
|
|
- .model-content .content .list{width: 25.2vw;height: 8vw;display: block;margin:0 3.5vw 3vw 0;float: left;border: 1px solid #FFFFFF;position: relative;border-radius: 2px;}
|
|
|
- .model-content .content .list img{width: 100%;height: 100%;display: block;}
|
|
|
- .model-content .content .list.current{border-color: #FF2A2A;}
|
|
|
- .model-content .content .list.current:before{content: '';width: 20px;height: 20px;position: absolute;bottom: 0;right: -2px;background: url("/img/base/icon.png")-210px -252px no-repeat;}
|
|
|
- .model-content .button{width: 100%;height: 11vw;float: left;margin-top: 4.8vw;}
|
|
|
- .model-content .button .button-btn{display: block;width: 60vw;height: 11vw;margin: 0 auto;box-sizing: border-box;border: 1px solid #FF5B00;background: #FF5B00;line-height: 11vw;text-align: center;font-size: 14px;color: #FFFFFF;}
|
|
|
- .model-content .button .button-btn.disabled{border: 1px solid #B8BFCA;background: #B8BFCA;color: #FFFFFF;}
|
|
|
- .model-content .content .content-labe{width: 100%;height: 8vw;line-height: 8vw;float: left;font-size: 3.4vw;color: #333333;font-weight: bold;}
|
|
|
- .model-content .content .content-labe.sen{margin-top: 3vw;}
|
|
|
- .model-content .content .content-labe p{float: left;}
|
|
|
- .model-content .content .content-labe img{width: 25.2vw;height: 8vw;display: block;margin-left: 4vw;float: left;border-radius: 2px;}
|
|
|
- .model-content .content .content-labe .form-type{float: left; height:100%; box-sizing: border-box;padding:2vw 0;margin-left: 3vw;}
|
|
|
- .model-content .content .content-labe .form-type .form-radio {height:4vw;margin-right: 2vw;line-height: 4vw;box-sizing: border-box;float: left;cursor: pointer;}
|
|
|
- .model-content .content .content-labe .form-type .form-radio input{box-sizing: border-box;width: 100%;height: 4vw;line-height: 4vw;text-indent: 1.2em;background-color: #FFF;border: 1px solid #b8bfca;border-radius: 2px;display: none;}
|
|
|
- .model-content .content .content-labe .form-type .form-radio .icon{display: block;font-style: normal;cursor: pointer;width: 4vw;height: 4vw;position: relative;overflow: hidden;float: left;}
|
|
|
- .model-content .content .content-labe .form-type .form-radio span{font-size: 14px;color: #666666;font-weight: normal;margin-left: 5px;}
|
|
|
- .model-content .content .content-labe .form-type .form-radio input:checked + i:before{ background-position: -10.1vw -93.7vw; }
|
|
|
- .model-content .content .content-labe .form-type .form-radio .mIcon:before{position: absolute;left: 0;bottom: 0;width:4vw ;height:4vw;background-position: -18.2vw -93.7vw;}
|
|
|
- .model-content .content .content-labe .form-label{float: left;}
|
|
|
- .model-content .content .content-label{width: 100%;height:6vw;float: left;line-height: 6vw;text-align: left;font-size: 3.4vw;color: #1890F9;box-sizing: border-box;}
|
|
|
- .model-content .content .content-form{width: 100%;height: auto;float: left;margin-bottom: 2vw;}
|
|
|
- .model-content .content .content-form.none{margin-bottom: 0;}
|
|
|
- .model-content .content .content-tabs{width: 100%;height: 27px;box-sizing: border-box;float: left;position: relative;margin-bottom: 24px;}
|
|
|
- .model-content .content .content-tabs a{width: 60px;height: 27px;float: left;margin-right: 24px;display: block;font-size: 13px;line-height: 24px;text-align: center;box-sizing: border-box;border-bottom: 1px solid #FFFFFF;color: #333333;}
|
|
|
- .model-content .content .content-tabs a.current{ border-color: #FF5B00;}
|
|
|
- .model-content .content .content-form .form-label{width: 100%;height: 6vw;float: left;line-height: 6vw;text-align: left;font-size: 3.4vw;color: #666666;font-weight: bold;}
|
|
|
- .model-content .content .content-form .form-label.card{width: auto;}
|
|
|
- .model-content .content .content-form .form-label span{color: #F94B4B;}
|
|
|
- .model-content .content .content-form .form-input{width: 100%;height: 10vw;float: left;color: #F94B4B;box-sizing: border-box;padding: 0 3vw;border:1px solid #B8BFCA;border-radius: 2px;}
|
|
|
- .model-content .content .content-form .form-input input{width: 100%;height:9vw;float: left;line-height: 9vw;font-size: 3.4vw;color: #333333;border: none;font-style: normal;}
|
|
|
- .model-content .content .content-form .form-input.code{ width: 54.8vw; }
|
|
|
- .model-content .content .content-form .form-btn{width: 26vw;height: 10vw;float: left;margin-left: 20px;}
|
|
|
- .model-content .content .content-form .form-btn a{display: block;width: 100%;height: 10vw;box-sizing: border-box;background: #FF5B00;line-height: 10vw;text-align: center;font-size: 3.4vw;color: #FFFFFF;}
|
|
|
- .model-content .content .content-form .form-btn a.disabled{background: #B8BFCA;color: #FFFFFF;}
|
|
|
- .model-content .content .content-form .form-text{ line-height: 6vw; font-size: 3.4vw;color: #333333;float: left; }
|
|
|
- /* 快捷支付短信弹窗 */
|
|
|
- .pay-alert-content{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.3);z-index: 9999;}
|
|
|
- .pay-alert-content .pay-alert{width: 100%;height: 100vw;background: #FFFFFF;position: fixed;left: 0;bottom: 0;z-index: 9998;}
|
|
|
- .pay-alert-content .pay-alert .title{width: 100%;height: 48px;box-sizing: border-box;font-size: 14px;line-height: 48px;text-align: left;color: #333333;float: left;position: relative;border-bottom: 1px solid #EFEFEF;background-color: #F8F8F8;padding: 0 14px;}
|
|
|
- .pay-alert-content .pay-alert .title .icon-close{width: 16px;height: 16px;display: block;position: absolute;right:12px;top: 12px;background: url("/img/base/icon.png")-315px 0 no-repeat;cursor: pointer;}
|
|
|
- .pay-alert-content .pay-alert .content{margin: 4vw 0;width: 100%;height: auto;float: left;padding: 0 6vw;box-sizing: border-box;}
|
|
|
- .pay-alert-content .pay-alert .content h1{text-align: left;font-size: 3.4vw;color: #333333;font-weight: normal;line-height: 6vw;}
|
|
|
- .pay-alert-content .pay-alert .content p{text-align: left;font-size: 3.2vw;color: #666666;font-weight: normal;}
|
|
|
- .pay-alert-content .pay-alert .button{width: 100%;height: 11vw;float: left;box-sizing: border-box;margin-top: 20vw;}
|
|
|
- .pay-alert-content .pay-alert .button a{width: 60vw;height: 11vw;display: block;background: #FF5B00;font-size: 3.4vw;text-align: center;line-height: 11vw;color: #FFFFFF;margin: 0 auto;border-radius: 3px;}
|
|
|
- /*快捷支付获取短信验证码弹窗*/
|
|
|
- .pay-alert-content .pay-alert .content-form{ width: 100%;height: 10vw;margin-top: 4vw; }
|
|
|
- .pay-alert-content .pay-alert .content-form .input{ width: 54.6vw;height: 10vw; box-sizing: border-box;border: 1px solid #B8BFCA;border-radius: 2px;padding: 0 2vw;line-height: 10vw;font-size: 14px;color: #333333;float: left;}
|
|
|
- .pay-alert-content .pay-alert .content-form .code-btn{ width: 27.4vw;height: 10vw;box-sizing: border-box;display: block;float: left;margin-left:4vw;line-height: 10vw;font-size: 14px;color: #FF5B00;text-align: center; border: 1px solid #FF5B00;float: left;}
|
|
|
- .pay-alert-content .pay-alert .content-form .code-btn.disabled{ border-color: #9AA5B5;color: #9AA5B5; }
|
|
|
- .pay-alert-content .pay-alert .content-error{ width: 100%;height: 6vw;float: left;line-height: 6vw;;text-align: left;font-size: 3.2vw;color: #FF0000; }
|
|
|
-
|
|
|
-}
|
|
|
+input::-webkit-inner-spin-button {
|
|
|
+ -webkit-appearance: none;
|
|
|
+}
|
|
|
+input::-webkit-outer-spin-button {
|
|
|
+ -webkit-appearance: none;
|
|
|
+}
|
|
|
+/**
|
|
|
+ * PC端
|
|
|
+ */
|
|
|
+@media screen and (min-width:768px){
|
|
|
+ .head-wrap{width: 100%;height: 81px;float: left;background-color: #FFFFFF;margin-bottom: 26px;}
|
|
|
+ .head-wrap .inner{width:1184px;height: 81px;margin: 0 auto; background-color: #FFFFFF;}
|
|
|
+ .head-wrap .logo{width:228px;height: 76px;float: left;}
|
|
|
+ .head-wrap .logo a{width:228px;height: 76px;display: block;}
|
|
|
+ .head-wrap .logo a img{width:228px;height: 76px;display: block;}
|
|
|
+ .head-wrap .text{height: 76px;float: left;margin-left: 10px;line-height: 76px;font-size: 30px;color: #333333;}
|
|
|
+ .inner{width: 1184px;margin: 0 auto;}
|
|
|
+ .pageTitle{height:57px;line-height:57px;padding-top:16px}
|
|
|
+ .pageTitle h1{color:#2D3036;font-size:16px;font-weight:bold;float:left}
|
|
|
+ .pageTitle h1 span{color:#627386;font-size:12px;font-weight:normal;margin-left:10px}
|
|
|
+ .pageTitle .step{float:right;color:#999999;font-size:14px;height:44px;line-height:44px}
|
|
|
+ .pageTitle .step span{display:inline-block;height:20px;line-height:20px;vertical-align:middle;position:relative;padding-right:55px;}
|
|
|
+ .pageTitle .step span:before{font-style:normal;font-size:20px;vertical-align:text-top;margin-right:5px}
|
|
|
+ .pageTitle .step span:nth-of-type(1):before{content:'\2776'}
|
|
|
+ .pageTitle .step span:nth-of-type(2):before{content:'\2777'}
|
|
|
+ .pageTitle .step span:nth-of-type(3):before{content:'\2778'}
|
|
|
+ .pageTitle .step span:after{position:absolute;right:0;top:10px;content:'';width:50px;border-top:1px solid #9AA5B5;}
|
|
|
+ .pageTitle .step span:nth-of-type(3){padding-right:0}
|
|
|
+ .pageTitle .step span:nth-of-type(3):after{display:none}
|
|
|
+ .pageTitle .step span.on,.pageTitle .step span.prev{color:#FF5B00}
|
|
|
+ .pageTitle .step span.prev:after{border-color:#FF5B00;}
|
|
|
+ .pay-container {width: 100%;position: relative;}
|
|
|
+ .container{width: 100%;height: auto;float: left;margin-bottom: 30px;}
|
|
|
+ .pay-content{width: 1184px;margin: 0 auto;height: auto;}
|
|
|
+ .pay-title{width: 100%;height: auto;padding: 15px 20px;float: left;background: #ffffff;margin-bottom: 7px;box-sizing:border-box;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
|
|
|
+ .pay-title .title-money{width: 100%;height: 36px;float: left;margin: 7px 0;line-height: 36px;}
|
|
|
+ .pay-title .title-money.big{height: 60px;line-height: 60px;}
|
|
|
+ .pay-title .title-money p{font-size: 16px;color: #333333;float: left;margin-right: 80px;}
|
|
|
+ .pay-title .title-money p.pay-money-big{font-size: 24px;font-weight: bold;}
|
|
|
+ .pay-title .title-money .red{color: #FF2A2A;}
|
|
|
+ .pay-title .pay-input{width: 100%;height: 36px;float: left;line-height: 36px;}
|
|
|
+ .pay-title .pay-input p{font-size: 16px;color: #333333;float: left;}
|
|
|
+ .pay-title .pay-input .input-text{font-size: 18px;color: #333333;}
|
|
|
+ .pay-title .pay-input .input-text span{font-size: 14px;}
|
|
|
+ .pay-title .pay-input .input{width: 215px;height: 34px;display: inline-block;font-size: 14px;line-height: 34px;padding: 0 10px;border: 1px solid #EBEBEB;border-radius: 5px;}
|
|
|
+ /*超级会员*/
|
|
|
+ .pay-svip{margin-top:24px}
|
|
|
+ .pay-svip+.pay-method .method-title{background:#F5F5F5 !important}
|
|
|
+ .pay-svip .pay-svip-title{padding:0 0 16px 16px;font-size:16px;font-weight:400;color:#2D3036}
|
|
|
+ .pay-svip .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1184px;height:78px;padding-left:112px;padding-right:24px;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(/img/member/pc-cm-svip-bg-03.png) no-repeat center;background-size:1184px 78px}
|
|
|
+ .pay-svip .pay-svip-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
|
|
|
+ .pay-svip .pay-svip-detail .tit{font-size:16px;font-weight:400;color:#4E4539;padding-bottom:4px}
|
|
|
+ .pay-svip .pay-svip-detail .pay-amount{margin-left:18px;font-size:28px;font-weight:bold;color:#4E4539}
|
|
|
+ .pay-svip .pay-svip-detail .pay-amount > span{font-size:12px;vertical-align:0}
|
|
|
+ .pay-svip .svip-indent{padding-top:24px;font-size:16px;font-weight:bold;color:#4E4539}
|
|
|
+ /*优惠券*/
|
|
|
+ .pay-coupontitle{line-height: 72px;font-size: 24px;width: 100%;box-sizing: border-box;padding: 0 16px;font-weight: bold;}
|
|
|
+ .pay-coupon{width: 100%;height: 118px;box-sizing: border-box;padding: 16px;background: #FFFFFF;}
|
|
|
+ .pay-coupon .pay-coupon-title{width: 100%;line-height: 24px;font-size: 18px;color: #333333;margin-bottom: 16px;}
|
|
|
+ .pay-coupon .pay-coupon-title span{color: #FF5B00;}
|
|
|
+ .pay-coupon .pay-coupon-content{font-size: 24px;color: #333333;line-height: 32px;}
|
|
|
+ .pay-coupon .pay-coupon-content span{color: #F94B4B;font-weight: bold;}
|
|
|
+ .pay-ment{width: 100%;height: auto;float: left;background: #FFFFFF;margin-top: 7px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
|
|
|
+ .pay-ment .pay-record{width: 100%;height: auto;float: left;background: #FFFFFF;padding: 10px 0;box-sizing:border-box;}
|
|
|
+ .pay-ment .pay-record .record-title{width: 100%;padding: 0 20px;background: #FFFFFF;line-height: 44px;font-size: 16px;color: #333333;text-align: left;box-sizing:border-box;}
|
|
|
+ .pay-ment .pay-record .record-content{width: 1160px;height: auto;padding: 8px 540px 8px 10px;margin: 0 auto;background: #FFF;border-radius: 5px;box-sizing:border-box;}
|
|
|
+ .pay-ment .pay-record .record-content .record-li{width: 100%;height: 30px;float: left;}
|
|
|
+ .pay-ment .pay-record .record-content .record-li.none{font-size: 14px;color: #627386;text-align: left;line-height: 30px;}
|
|
|
+ .pay-ment .pay-record .record-content .record-li .record-tb{width: 33.33%;height: 30px;float: left;font-size: 14px;color: #333333;text-align: left;line-height: 30px;}
|
|
|
+ .pay-ment .pay-record .record-content .record-li .record-tb:last-child{text-align: right;color: #999999;}
|
|
|
+ .pay-method{width: 100%;height: auto;float: left;background: #FFFFFF;margin-top: 20px;}
|
|
|
+ .pay-method .method-title{box-sizing:border-box;width: 100%;padding: 0 20px;background: #FFFFFF;line-height: 44px;font-size: 16px;color: #333333;text-align: left;}
|
|
|
+ .pay-method .method-title span{font-size: 14px;line-height: 30px;color: #FF5B00;text-align: left;padding-left: 20px;}
|
|
|
+ .pay-method .method-content{width: 100%;height: auto;padding: 0 0 20px 0;float: left;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
|
|
|
+ .pay-method .method-content .payment{width: 100%;height: auto;}
|
|
|
+ .payment-check-bank{width: 100%;height: auto;padding: 16px;box-sizing: border-box;}
|
|
|
+ .payment-check-bank .check-bank-cell{width: 100%;height: 64px;box-sizing: border-box;border: 1px solid #D4D9E1;display: block;float: left;margin-bottom: 16px;padding: 12px 16px; }
|
|
|
+ .payment-check-bank .check-bank-cell .cell-icon{ width: 24px;height: 100%;float: left;box-sizing: border-box;padding: 8px 0;}
|
|
|
+ .payment-check-bank .check-bank-cell .cell-icon .icon{ width:24px;height:24px; }
|
|
|
+ .payment-check-bank .check-bank-cell .cell-icon .icon:before{width:24px ;height:24px;background-position: -311px -596px;}
|
|
|
+ .payment-check-bank .check-bank-cell.current .icon:before{ background-position: -277px -596px;}
|
|
|
+ .payment-check-bank .check-bank-cell .cell-main{ float: left;height: 100%;margin-left: 20px; }
|
|
|
+ .payment-check-bank .check-bank-cell .cell-main .logo{ width: 40px;height: 40px;float: left;margin-right: 10px; }
|
|
|
+ .payment-check-bank .check-bank-cell .cell-main .logo img{ width: 40px;height: 40px;display: block; }
|
|
|
+ .payment-check-bank .check-bank-cell .cell-main .name{ line-height: 40px;font-size: 16px;color: #333333;float: left; }
|
|
|
+ .payment-check-bank .check-bank-cell.current{ border-color: #FF5B00; }
|
|
|
+
|
|
|
+ .pay-bank{width: 100%;height: auto;padding: 0 0 8px 0;background: #FFFFFF;float: left;}
|
|
|
+ .pay-bank .bank-list{width: 100%;height: auto;padding-left: 8px;}
|
|
|
+ .pay-bank .bank-list .bank-text{line-height: 22px;height: 22px;font-size: 16px;color: #333333;padding-left: 20px;margin: 6px 0;}
|
|
|
+ .pay-bank .bank-list .bank-text span{color: #999999;}
|
|
|
+ .pay-bank .bank-list .bank-a{width: 124px;height: 44px;display: block;float: left;margin: 12px;border: 1px solid #FFFFFF;position: relative;border-radius: 2px;}
|
|
|
+ .pay-bank .bank-list .bank-b{width: 124px;height: 44px;;display: block;float: left;margin: 12px;border: 1px solid #FFFFFF;position: relative;border-radius: 2px;}
|
|
|
+ .pay-bank .bank-list a img{width: 100%;height: 100%;display: block;}
|
|
|
+ .pay-bank .bank-list a.active{border-color: #FF2A2A;}
|
|
|
+ .pay-bank .bank-list a.active:before{content: '';width: 20px;height: 20px;position: absolute;bottom: 0;right: -2px;background: url("/img/base/icon.png")-210px -252px no-repeat;}
|
|
|
+ .pay-link{width: 100%;height: 32px;padding: 0 20px;float: left;}
|
|
|
+ .pay-link p{float: left;font-size: 14px;line-height: 32px;color: #666;text-align: left;}
|
|
|
+ .pay-link a{width: 112px;height: 30px;border: 1px solid #FF5B00;background-color: #ffe6dc; display: block;text-align: center;float: left;font-size: 12px;line-height: 30px;border-radius: 20px;color: #FF5B00;margin-left: 16px;}
|
|
|
+ .pay-link .inviteCode{width: 112px;height: 30px;border: 1px solid #999;text-align: center;float: left;font-size: 12px;line-height: 30px;border-radius: 2px;color: #333;margin: 0 5px;}
|
|
|
+ .payment-add{width: 100%;height: 44px;box-sizing: border-box;padding: 0 20px;float: left;}
|
|
|
+ .payment-add-btn{width: 168px;height: 44px;box-sizing: border-box;cursor: pointer; border-radius: 2px;float: left;border: 1px solid #B8BFCA;display: flex;align-items: center;justify-content: center;flex-direction: column;}
|
|
|
+ .payment-add-btn .icon{width:24px ;height:24px;display: inline-block;float: left;margin-right: 10px;}
|
|
|
+ .payment-add-btn .icon:before{width:24px ;height:24px;background-position: -254px -652px;}
|
|
|
+ .payment-add-btn span{display: inline-block;line-height: 24px;font-size: 12px;color: #333;}
|
|
|
+ .payment-add-btn:hover{background: #FF5B00;border-color: #FF5B00;}
|
|
|
+ .payment-add-btn:hover span{color: #FFFFFF;}
|
|
|
+ .payment-add-btn:hover .icon:before{background-position: -290px -652px;}
|
|
|
+ .pay-error{width: 1184px;margin: 0 auto;height: 594px;margin-top: 20px;display: none;background: #FFFFFF;}
|
|
|
+ .pay-error .icon-error{width: 248px;height: 200px;margin: 0 auto;margin-top: 134px;}
|
|
|
+ .pay-error .icon-error.again{background: url("/img/pay/icon-error--1.png") no-repeat;background-size:contain ;}
|
|
|
+ .pay-error .icon-error.offline{background: url("/img/pay/icon-error--2.png") no-repeat;background-size:contain ;}
|
|
|
+ .pay-error .icon-error.fail{background: url("/img/pay/icon-error--3.png") no-repeat;background-size:contain ;}
|
|
|
+ .pay-error .icon-error.paid{background: url("/img/pay/icon-error-5.png") no-repeat;background-size:contain ;}
|
|
|
+ .pay-error .error-msg{font-size: 16px;color: #333333;text-align: center;line-height: 22px;margin-top: 10px;}
|
|
|
+ .pay-error .error-msgnone{font-size: 16px;color: #999999;text-align: center;line-height: 22px;margin-top: 10px;}
|
|
|
+ .pay-alert-content{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.3);z-index: 9999;}
|
|
|
+ .pay-alert-content .pay-alert{width: 340px;height: 208px;background: #FFFFFF;border-radius: 2px;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;z-index: 9998;}
|
|
|
+ .pay-alert-content .pay-alert .title{width: 100%;height: 48px;box-sizing: border-box;font-size: 14px;line-height: 48px;text-align: left;color: #333333;float: left;position: relative;border-bottom: 1px solid #EFEFEF;background-color: #F8F8F8;padding: 0 14px;}
|
|
|
+ .pay-alert-content .pay-alert .title .icon-close{width: 16px;height: 16px;display: block;position: absolute;right:12px;top: 12px;background: url("/img/base/icon.png")-315px 0 no-repeat;cursor: pointer;}
|
|
|
+ .pay-alert-content .pay-alert .content{margin: 20px 0 0 0;width: 100%;height: auto;line-height: 24px;float: left;padding: 0 14px;box-sizing: border-box;}
|
|
|
+ .pay-alert-content .pay-alert .content h1{text-align: left;font-size: 14px;color: #333333;font-weight: normal;}
|
|
|
+ .pay-alert-content .pay-alert .content p{text-align: left;font-size: 12px;color: #666666;font-weight: normal;}
|
|
|
+ .pay-alert-content .pay-alert .button{width: 100%;height: 32px;float: left;padding: 0 14px;box-sizing: border-box;margin-top: 15px;}
|
|
|
+ .pay-alert-content .pay-alert .button a{width: 100px;height: 32px;display: block;background: #FF5B00;border-radius: 2px;font-size: 14px;text-align: center;line-height: 32px;color: #FFFFFF;float: right;}
|
|
|
+ /*快捷支付获取短信验证码弹窗*/
|
|
|
+ .pay-alert-content .pay-alert .content-form{ width: 100%;height: 32px; }
|
|
|
+ .pay-alert-content .pay-alert .content-form .input{ width: 190px;height: 32px;float: left; box-sizing: border-box;border: 1px solid #B8BFCA;border-radius: 2px;padding: 0 10px;line-height: 30px;font-size: 14px;color: #333333;}
|
|
|
+ .pay-alert-content .pay-alert .content-form .code-btn{ width: 100px;height: 32px;box-sizing: border-box;display: block;float: left;margin-left: 16px;line-height: 32px;font-size: 14px;color: #FF5B00;text-align: center; border: 1px solid #FF5B00;}
|
|
|
+ .pay-alert-content .pay-alert .content-form .code-btn.disabled{ border-color: #9AA5B5;color: #9AA5B5; }
|
|
|
+ .pay-alert-content .pay-alert .content-error{ width: 100%;height: 22px;float: left;line-height: 22px;text-align: left;font-size: 12px;color: #FF0000; }
|
|
|
+
|
|
|
+ /*大额银联转账弹窗*/
|
|
|
+ .pay-alert-content .pay-big-alert{width: 460px;height: 386px;background: #FFFFFF;border-radius: 2px;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;z-index: 9998;}
|
|
|
+ .pay-alert-content .pay-big-alert .title{width: 100%;height: 48px;box-sizing: border-box;font-size: 14px;line-height: 48px;text-align: left;color: #333333;float: left;position: relative;border-bottom: 1px solid #EFEFEF;background-color: #FFFFFF;padding: 0 14px;}
|
|
|
+ .pay-alert-content .pay-big-alert .title .icon-close{width: 16px;height: 16px;display: block;position: absolute;right:12px;top: 12px;background: url("/img/base/icon.png")-319px 0 no-repeat;cursor: pointer;}
|
|
|
+ .pay-alert-content .pay-big-alert .content{margin: 20px 0;width: 100%;height: auto;line-height: 24px;float: left;padding: 0 14px;box-sizing: border-box;}
|
|
|
+ .pay-alert-content .pay-big-alert .content p.text{text-align: left;font-size: 12px;color: #FF5B00;font-weight: normal;line-height: 20px;margin-bottom: 10px;}
|
|
|
+ .pay-alert-content .pay-big-alert .content p{text-align: left;font-size: 14px;color: #4A4F58;font-weight: bold;line-height: 34px;}
|
|
|
+ .pay-alert-content .pay-big-alert .content p span{font-weight: normal;}
|
|
|
+ .pay-alert-content .pay-big-alert .button{width: 100%;height: 32px;float: left;padding: 0 14px;box-sizing: border-box;}
|
|
|
+ .pay-alert-content .pay-big-alert .button a{height: 32px;padding: 0 12px;margin-left: 16px;display: block;background: #FF5B00;border-radius: 2px;font-size: 14px;text-align: center;line-height: 32px;color: #FFFFFF;float: right;box-sizing: border-box;}
|
|
|
+ .pay-alert-content .pay-big-alert .button a.btn-close{border: 1px solid #B8BFCA;color: #4A4F58;background-color: #FFFFFF;}
|
|
|
+
|
|
|
+ .payment-transfer{width: 100%;height: auto;padding: 0 24px;}
|
|
|
+ .pay-button-main{width: 100%;height: 72px;box-sizing: border-box;padding: 11px 0;background-color: #FFFFFF;float: left;border-bottom: 1px solid #EBEBEB;}
|
|
|
+ .pay-button-main .pay-button{width: 100%;height: 50px;float: left;}
|
|
|
+ .pay-button-main .pay-button a{width: 232px;height: 50px;display: block;background:linear-gradient(90deg, #FF9300 0%, #FF5B00 100%);border-radius: 2px;font-size: 14px;line-height: 50px;text-align: center;color: #FFF6D9;float: right;}
|
|
|
+ .pay-button-main .pay-button a.disabled{background: #EFEFEF;color:#999999;}
|
|
|
+ .footTop{margin-top: 0;}
|
|
|
+ .jconfirm .jconfirm-box div.jconfirm-closeIcon{display: none !important;}
|
|
|
+
|
|
|
+ /*快捷支付弹窗*/
|
|
|
+ .model-cards-popup{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.4);z-index: 99999;}
|
|
|
+ .model-cards-popup .model-content{width:710px;height:480px;padding: 16px 32px; position:absolute;top:0;left:0;right:0;bottom:0;background-color:#FFFFFF;margin:auto;border-radius:2px;box-sizing:border-box}
|
|
|
+ .model-content .title{width: 100%;height: 27px;box-sizing: border-box;float: left;position: relative;margin-bottom: 24px;}
|
|
|
+ .model-content .title .icon-close{width: 16px;height: 16px;display: block;position: absolute;right:0;top: 0;background: url("/img/base/icon.png")-315px 0 no-repeat;cursor: pointer;}
|
|
|
+ .model-content .title .title-tabs{width: 100%;height: 27px;float: left;}
|
|
|
+ .model-content .title .title-tabs a{width: 100px;height: 27px;float: left;margin-right: 64px;display: block;font-size: 16px;line-height: 24px;text-align: center;box-sizing: border-box;border-bottom: 3px solid #FFFFFF;color: #333333;}
|
|
|
+ .model-content .title .title-tabs a.current{ font-weight: bold;border-color: #FF5B00;}
|
|
|
+ .model-content .content{ width:100%;height:300px;box-sizing:border-box;float:left;overflow:hidden;overflow-y:auto }
|
|
|
+ .model-content .content .list{width: 142px;height: 46px;display: block;margin:0 16px 16px 0;float: left;border: 1px solid #FFFFFF;position: relative;border-radius: 2px;}
|
|
|
+ .model-content .content .list img{width: 100%;height: 100%;display: block;}
|
|
|
+ .model-content .content .list.current{border-color: #FF2A2A;}
|
|
|
+ .model-content .content .list.current:before{content: '';width: 20px;height: 20px;position: absolute;bottom: 0;right: -2px;background: url("/img/base/icon.png")-210px -252px no-repeat;}
|
|
|
+ .model-content .button{width: 100%;height: 34px;float: left;margin-top: 24px;}
|
|
|
+ .model-content .button .button-btn{display: block;width: 232px;height: 50px;margin: 0 auto;box-sizing: border-box;border: 1px solid #FF5B00;background: #FF5B00;line-height: 50px;text-align: center;font-size: 14px;color: #FFFFFF;}
|
|
|
+ .model-content .button .button-btn.disabled{border: 1px solid #B8BFCA;background: #B8BFCA;color: #FFFFFF;}
|
|
|
+ .model-content .content .content-labe{width: 100%;height: 38px;line-height: 38px;float: left;font-size: 14px;color: #333333;}
|
|
|
+ .model-content .content .content-labe.sen{margin-bottom: 10px;}
|
|
|
+ .model-content .content .content-labe p{float: left;}
|
|
|
+ .model-content .content .content-labe img{width: 120px;height: 38px;display: block;margin: 0 10px 0 10px;float: left;border-radius: 2px;}
|
|
|
+ .model-content .content .content-labe .form-type{float: left; height:100%; box-sizing: border-box;padding:10px 11px;}
|
|
|
+ .model-content .content .content-labe .form-type .form-radio {height: 18px;margin-right: 40px;line-height: 18px;box-sizing: border-box;float: left;cursor: pointer;}
|
|
|
+ .model-content .content .content-labe .form-type .form-radio input{box-sizing: border-box;width: 100%;height: 16px;line-height: 18px;text-indent: 1.2em;background-color: #FFF;border: 1px solid #b8bfca;border-radius: 2px;display: none;}
|
|
|
+ .model-content .content .content-labe .form-type .form-radio .icon{display: block;font-style: normal;cursor: pointer;width: 18px;height: 18px;position: relative;overflow: hidden;float: left;}
|
|
|
+ .model-content .content .content-labe .form-type .form-radio span{font-size: 14px;color: #666666;font-weight: normal;margin-left: 5px;}
|
|
|
+ .model-content .content .content-labe .form-type .form-radio input:checked + i:before{ background-position: -277px -596px; }
|
|
|
+ .model-content .content .content-labe .form-type .form-radio .icon:before{position: absolute;left: 0;bottom: 0;width:18px ;height:18px;background-position: -311px -596px;}
|
|
|
+ .model-content .content .content-labe .form-label{width: 92px;height: 32px;float: left;line-height: 32px;text-align: right;font-size: 14px;color: #666666;}
|
|
|
+ .model-content .content .content-label{width: 100%;height:32px;float: left;line-height: 32px;text-align: left;font-size: 14px;color: #1890F9;box-sizing: border-box;}
|
|
|
+ .model-content .content .content-form{width: 100%;height: 32px;float: left;margin-bottom: 10px;}
|
|
|
+ .model-content .content .content-form.none{margin-bottom: 0;}
|
|
|
+ .model-content .content .content-tabs{width: 100%;height: 27px;box-sizing: border-box;float: left;position: relative;margin-bottom: 24px;}
|
|
|
+ .model-content .content .content-tabs a{width: 60px;height: 27px;float: left;margin-right: 24px;display: block;font-size: 13px;line-height: 24px;text-align: center;box-sizing: border-box;border-bottom: 1px solid #FFFFFF;color: #333333;}
|
|
|
+ .model-content .content .content-tabs a.current{ border-color: #FF5B00;}
|
|
|
+ .model-content .content .content-form .form-label{width: 70px;height: 32px;float: left;line-height: 32px;text-align: right;font-size: 14px;color: #666666;}
|
|
|
+ .model-content .content .content-form .form-label.sen{width: 92px;}
|
|
|
+ .model-content .content .content-form .form-label span{color: #F94B4B;}
|
|
|
+ .model-content .content .content-form .form-input{width: 500px;height: 32px;float: left;margin-left:10px;color: #F94B4B;box-sizing: border-box;padding: 0 13px;border:1px solid #B8BFCA;border-radius: 2px;}
|
|
|
+ .model-content .content .content-form .form-input input{width: 100%;height:30px;float: left;line-height: 30px;font-size: 14px;color: #333333;border: none;font-style: normal;}
|
|
|
+ .model-content .content .content-form .form-input.code{ width: 350px; }
|
|
|
+ .model-content .content .content-form .form-btn{width: 140px;height: 32px;float: left;margin-left: 20px;}
|
|
|
+ .model-content .content .content-form .form-btn a{display: block;width: 130px;height: 32px;box-sizing: border-box;background: #FF5B00;line-height: 32px;text-align: center;font-size: 14px;color: #FFFFFF;border-radius: 2px;}
|
|
|
+ .model-content .content .content-form .form-btn a.disabled{background: #B8BFCA;color: #FFFFFF;}
|
|
|
+ .model-content .content .content-form .form-text{ line-height: 32px; font-size: 14px;color: #333333; }
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+* 移动端
|
|
|
+*/
|
|
|
+@media screen and (max-width:768px){
|
|
|
+ footer{display:none}
|
|
|
+ body{background: #ffffff;}
|
|
|
+ .head-wrap{width: 100%;height: 16vw;border: 1px solid #EBEBEB;box-sizing: border-box;padding: 2.4vw 0;background: #FFFFFF;}
|
|
|
+ .head-wrap .inner{width: 55vw;height: 11.2vw;margin: 0 auto;}
|
|
|
+ .head-wrap .logo{width:33.8vw;height: 11.2vw;float: left;}
|
|
|
+ .head-wrap .logo a{width:100%;height: 100%;display: block;}
|
|
|
+ .head-wrap .logo a img{width:100%;height: 100%;display: block;}
|
|
|
+ .head-wrap .text{height: 11.2vw;float: left;margin-left: 10px;line-height:11.2vw;font-size: 6vw;color: #333333;}
|
|
|
+ .pageTitle .step{width:100%;height:12.4vw;line-height:12.4vw;background:#FFF;color:#9AA5B5;font-size:3.1vw;text-align:center}
|
|
|
+ .pageTitle .step span{display:inline-block;height:4.2vw;line-height:4.2vw;vertical-align:middle;position:relative;padding-right:6.4vw}
|
|
|
+ .pageTitle .step span:before{font-style:normal;font-size:5.2vw;vertical-align:text-top;margin-right:1vw}
|
|
|
+ .pageTitle .step span:nth-of-type(1):before{content:'\2776'}
|
|
|
+ .pageTitle .step span:nth-of-type(2):before{content:'\2777'}
|
|
|
+ .pageTitle .step span:nth-of-type(3):before{content:'\2778'}
|
|
|
+ .pageTitle .step span:after{position:absolute;right:0;top:2.05vw;content:'';width:5.4vw;border-top:1px solid #9AA5B5}
|
|
|
+ .pageTitle .step span:nth-of-type(3){padding-right:0}
|
|
|
+ .pageTitle .step span:nth-of-type(3):after{display:none}
|
|
|
+ .pageTitle .step span.on,.pageTitle .step span.prev{color:#FF5B00}
|
|
|
+ .pageTitle .step span.prev:after{border-color:#FF5B00;}
|
|
|
+ .pageTitle h1,h2.title{color:#2D3036;font-size:3.7vw;font-weight:bold;height:10vw;line-height:10vw;padding:0 3.3vw}
|
|
|
+ .pageTitle h1 span{font-size:3.1vw;font-weight:normal;color:#627386;margin-left:2vw}
|
|
|
+ .pay-title,.pay-ment,.pay-method{width:100%;box-sizing:border-box;padding:3.2vw;background:#FFF;color:#9aa5b5;font-size:3.4vw;margin-bottom:1.2vw;line-height:7vw}
|
|
|
+ .pay-method .method-title span{font-size: 3.4vw;line-height: 7vw;color: #FF5B00;text-align: left;}
|
|
|
+ .pay-title p span{color:#22272e}
|
|
|
+ .pay-title .title-money.big{font-size:4.6vw;color:#22272e}
|
|
|
+ .pay-title .title-money.big span{color:#FF2A2A;font-weight:bold;line-height:10vw}
|
|
|
+ .pay-title .pay-input{white-space:nowrap}
|
|
|
+ .pay-title .pay-input p{display:inline-block}
|
|
|
+ .pay-title .pay-input input{outline:none;box-sizing:border-box;width:100%;height:7vw;line-height:5vw;padding:1vw 0;text-indent:1.2em;font-size:3.4vw;text-align:left;background-color:#ffffff;border-radius:3.5vw;border:solid 1px #b8bfca}
|
|
|
+ .pay-svip{padding-top:4vw;background:#fff}
|
|
|
+ .pay-svip .pay-svip-title{padding:0 0 2.7vw 3.3vw;font-size:3.7vw;font-weight:400;color:#2D3036}
|
|
|
+ .pay-svip .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100vw;height:20.6vw;padding-left:17vw;padding-right:3.2vw;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(/img/member/h5-cm-svip-bg-03.png) no-repeat center;background-size:100vw 20.6vw}
|
|
|
+ .pay-svip .pay-svip-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
|
|
|
+ .pay-svip .pay-svip-detail .tit{font-size:2.6vw;font-weight:400;color:#4E4539;padding-bottom:0.4vw}
|
|
|
+ .pay-svip .pay-svip-detail .pay-amount{margin-left:1.7vw;font-size:5.6vw;font-weight:bold;color:#4E4539}
|
|
|
+ .pay-svip .pay-svip-detail .pay-amount > span{font-size:2.4vw;vertical-align:0}
|
|
|
+ .pay-svip .svip-indent{padding-top:8vw;font-size:2.8vw;font-weight:bold;color:#4E4539}
|
|
|
+ .record-title,.method-title{font-size:3.7vw;color:#22272e;line-height:8vw}
|
|
|
+ .payment{border-top:none;padding:2.6vw 0;}
|
|
|
+ .record-li{margin-top:3vw}
|
|
|
+ .payment-check-bank{width: 100%;height: auto;box-sizing: border-box;float: left;}
|
|
|
+ .payment-check-bank .check-bank-cell{width: 100%;height: 11.7vw;box-sizing: border-box;border: 1px solid #D4D9E1;display: block;float: left;margin-bottom: 2.4vw;padding: 2.4vw; }
|
|
|
+ .payment-check-bank .check-bank-cell .cell-icon{ width: 4vw;height: 100%;float: left;box-sizing: border-box;}
|
|
|
+ .payment-check-bank .check-bank-cell .cell-icon .icon{ width:4vw;height:4vw; }
|
|
|
+ .payment-check-bank .check-bank-cell .cell-icon .icon:before{width:4vw ;height:4vw;background-position: -18.2vw -93.7vw;}
|
|
|
+ .payment-check-bank .check-bank-cell.current .icon:before{ background-position: -10.1vw -93.7vw;}
|
|
|
+ .payment-check-bank .check-bank-cell .cell-main{ float: left;height: 100%;margin-left: 4vw; }
|
|
|
+ .payment-check-bank .check-bank-cell .cell-main .logo{ width: 6.4vw;height: 6.4vw;float: left;margin-right: 2vw; }
|
|
|
+ .payment-check-bank .check-bank-cell .cell-main .logo img{ width: 6.4vw;height: 6.4vw;display: block; }
|
|
|
+ .payment-check-bank .check-bank-cell .cell-main .name{ line-height: 6.4vw;font-size: 3.4vw;color: #333333;float: left; }
|
|
|
+ .payment-check-bank .check-bank-cell.current{ border-color: #FF5B00; }
|
|
|
+ .payment-add{width: 100%;height: 11.7vw;box-sizing: border-box;float: left;margin-top: 4vw;}
|
|
|
+ .payment-add-btn{width: 45.6vw;height: 11.7vw;margin: 0 auto; box-sizing: border-box;cursor: pointer; border-radius: 5.9vw;margin: 0 auto; border: 1px solid #B8BFCA;display: flex;align-items: center;justify-content: center;flex-direction: column;}
|
|
|
+ .payment-add-btn .icon{width:6.4vw;height:6.4vw;display: inline-block;float: left;margin-right: 10px;}
|
|
|
+ .payment-add-btn .icon:before{width:6.4vw ;height:6.4vw;background-position: -33.5vw -70vw;}
|
|
|
+ .payment-add-btn span{display: inline-block;line-height: 4vw;font-size: 3.4vw;color: #333;}
|
|
|
+ .pay-bank{width: 100%;float: left;height: auto;}
|
|
|
+ .pay-bank .bank-list{width: 100%;height:auto;text-align:center;margin-bottom:2vw;background: #F7F7F7;}
|
|
|
+ .pay-bank .bank-list .bank-a,.pay-bank .bank-list .bank-b{display:block;border:1px solid #FFFFFF;position:relative;border-radius:2px}
|
|
|
+ .pay-bank .bank-list .bank-a:before,.pay-bank .bank-list .bank-b:before{position:absolute;right:0;bottom:0;display:none;width:6vw;height:6vw;background-position:-75vw -7.8vw}
|
|
|
+ .pay-bank .bank-list .bank-a.active,.pay-bank .bank-list .bank-b.active{border:1px solid #FF5B00}
|
|
|
+ .pay-bank .bank-list .bank-a.active:before,.pay-bank .bank-list .bank-b.active:before{display:block}
|
|
|
+ .pay-bank .bank-list .bank-a{width:100%;height:11.7vw;background:#f7f7f7;text-align:left;margin-bottom:2.6vw;float: left;border-radius: 5.9vw;overflow: hidden;}
|
|
|
+ .pay-bank .bank-list .bank-a img{height:100%}
|
|
|
+ .pay-bank .bank-list .bank-b{box-sizing:border-box;width:28vw;height:9.7vw;margin:0 1vw 1vw 0;overflow:hidden}
|
|
|
+ .pay-bank .bank-list .bank-b img{height:100%;width:100%}
|
|
|
+ .pay-link{width: 100%;float: left;height: auto;margin-top: 3vw;}
|
|
|
+ .pay-link p{font-size:3.1vw;color:#FF5B00;text-align: center;}
|
|
|
+ .pay-link a{display: block;width: 45.6vw;height: 11.2vw;line-height: 11.2vw;font-size: 3.7vw;text-align: center;border-radius: 5.6vw;border: 1px solid #FF5B00;margin: 0 auto 2.6vw auto;color: #FFF;background: #FF5B00;}
|
|
|
+ .payment-transfer,.payment-title{color:#22272e}
|
|
|
+ .payment-transfer .label>p{font-size:3.4vw;color:#22272e;line-height:5vw;padding:1.6vw 0}
|
|
|
+ .payment-transfer .label .label-title{font-size:3.1vw;color:#FF5B00}
|
|
|
+ .payment-transfer .label .label-t{color:#627386}
|
|
|
+ .payment-transfer .label .label-c{color:#1890f9;font-size:3.1vw}
|
|
|
+ .payment-transfer .label>p .red{color:#FF5B00}
|
|
|
+ .payment-transfer .copy{display:inline-block;height:6.4vw;line-height:6.4vw;padding:0 3vw;background-image:linear-gradient(214deg,#ff2929 0%,#ff6d1b 100%);border-radius:2px;color:#FFF;margin-left:2vw}
|
|
|
+ .pay-button a{display:block;width:93.4vw;height:11.2vw;line-height:11.2vw;font-size:3.7vw;text-align:center;border-radius:5.6vw;border:1px solid #FF5B00;margin:0 auto 2.6vw auto;color:#FFF;background:#FF5B00}
|
|
|
+ .jconfirm .jconfirm-box div.jconfirm-closeIcon{display: none !important;}
|
|
|
+ /* 快捷支付弹窗 */
|
|
|
+ .model-cards-popup{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.4);z-index: 99999;}
|
|
|
+ .model-cards-popup .model-content{width:100%;height:150vw;padding: 3.2vw 6vw; position:absolute;left:0;bottom:0;background-color:#FFFFFF;border-radius:4vw 4vw 0 0;box-sizing:border-box}
|
|
|
+ .model-content .title{width: 100%;height: 8vw;box-sizing: border-box;float: left;position: relative;margin-bottom: 6vw;}
|
|
|
+ .model-content .title .icon-close{width: 16px;height: 16px;display: block;position: absolute;right:0;top: 0;background: url("/img/base/icon.png")-315px 0 no-repeat;cursor: pointer;}
|
|
|
+ .model-content .title .title-tabs{width: 100%;height: 8vw;float: left;box-sizing: border-box;}
|
|
|
+ .model-content .title .title-tabs a{width: 100px;height: 8vw;float: left;display: block;font-size: 3.4vw;line-height: 7.8vw;text-align: center;box-sizing: border-box;border-bottom: 3px solid #FFFFFF;color: #333333;}
|
|
|
+ .model-content .title .title-tabs a.current{ font-weight: bold;border-color: #FF5B00;}
|
|
|
+ .model-content .content{ width:100%;height:110vw;box-sizing:border-box;float:left;overflow:hidden;overflow-y:auto }
|
|
|
+ .model-content .content .list{width: 25.2vw;height: 8vw;display: block;margin:0 3.5vw 3vw 0;float: left;border: 1px solid #FFFFFF;position: relative;border-radius: 2px;}
|
|
|
+ .model-content .content .list img{width: 100%;height: 100%;display: block;}
|
|
|
+ .model-content .content .list.current{border-color: #FF2A2A;}
|
|
|
+ .model-content .content .list.current:before{content: '';width: 20px;height: 20px;position: absolute;bottom: 0;right: -2px;background: url("/img/base/icon.png")-210px -252px no-repeat;}
|
|
|
+ .model-content .button{width: 100%;height: 11vw;float: left;margin-top: 4.8vw;}
|
|
|
+ .model-content .button .button-btn{display: block;width: 60vw;height: 11vw;border-radius: 5.5vw; margin: 0 auto;box-sizing: border-box;border: 1px solid #FF5B00;background: #FF5B00;line-height: 11vw;text-align: center;font-size: 14px;color: #FFFFFF;}
|
|
|
+ .model-content .button .button-btn.disabled{border: 1px solid #B8BFCA;background: #B8BFCA;color: #FFFFFF;}
|
|
|
+ .model-content .content .content-labe{width: 100%;height: 8vw;line-height: 8vw;float: left;font-size: 3.4vw;color: #333333;font-weight: bold;}
|
|
|
+ .model-content .content .content-labe.sen{margin-top: 3vw;}
|
|
|
+ .model-content .content .content-labe p{float: left;}
|
|
|
+ .model-content .content .content-labe img{width: 25.2vw;height: 8vw;display: block;margin-left: 4vw;float: left;border-radius: 2px;}
|
|
|
+ .model-content .content .content-labe .form-type{float: left; height:100%; box-sizing: border-box;padding:2vw 0;margin-left: 3vw;}
|
|
|
+ .model-content .content .content-labe .form-type .form-radio {height:4vw;margin-right: 2vw;line-height: 4vw;box-sizing: border-box;float: left;cursor: pointer;}
|
|
|
+ .model-content .content .content-labe .form-type .form-radio input{box-sizing: border-box;width: 100%;height: 4vw;line-height: 4vw;text-indent: 1.2em;background-color: #FFF;border: 1px solid #b8bfca;border-radius: 2px;display: none;}
|
|
|
+ .model-content .content .content-labe .form-type .form-radio .icon{display: block;font-style: normal;cursor: pointer;width: 4vw;height: 4vw;position: relative;overflow: hidden;float: left;}
|
|
|
+ .model-content .content .content-labe .form-type .form-radio span{font-size: 14px;color: #666666;font-weight: normal;margin-left: 5px;}
|
|
|
+ .model-content .content .content-labe .form-type .form-radio input:checked + i:before{ background-position: -10.1vw -93.7vw; }
|
|
|
+ .model-content .content .content-labe .form-type .form-radio .mIcon:before{position: absolute;left: 0;bottom: 0;width:4vw ;height:4vw;background-position: -18.2vw -93.7vw;}
|
|
|
+ .model-content .content .content-labe .form-label{float: left;}
|
|
|
+ .model-content .content .content-label{width: 100%;height:6vw;float: left;line-height: 6vw;text-align: left;font-size: 3.4vw;color: #1890F9;box-sizing: border-box;}
|
|
|
+ .model-content .content .content-form{width: 100%;height: auto;float: left;margin-bottom: 2vw;}
|
|
|
+ .model-content .content .content-form.none{margin-bottom: 0;}
|
|
|
+ .model-content .content .content-tabs{width: 100%;height: 27px;box-sizing: border-box;float: left;position: relative;margin-bottom: 24px;}
|
|
|
+ .model-content .content .content-tabs a{width: 60px;height: 27px;float: left;margin-right: 24px;display: block;font-size: 13px;line-height: 24px;text-align: center;box-sizing: border-box;border-bottom: 1px solid #FFFFFF;color: #333333;}
|
|
|
+ .model-content .content .content-tabs a.current{ border-color: #FF5B00;}
|
|
|
+ .model-content .content .content-form .form-label{width: 100%;height: 10vw;float: left;line-height: 10vw;text-align: left;font-size: 3.4vw;color: #666666;font-weight: bold;}
|
|
|
+ .model-content .content .content-form .form-label.card{width: auto;}
|
|
|
+ .model-content .content .content-form .form-label span{color: #F94B4B;}
|
|
|
+ .model-content .content .content-form .form-input{width: 100%;height: 10vw;float: left;color: #F94B4B;box-sizing: border-box;padding: 0 3vw;border:1px solid #B8BFCA;border-radius: 5vw;}
|
|
|
+ .model-content .content .content-form .form-input input{width: 100%;height:9vw;float: left;line-height: 9vw;font-size: 3.4vw;color: #333333;border: none;font-style: normal;}
|
|
|
+ .model-content .content .content-form .form-input.code{ width: 54.8vw; }
|
|
|
+ .model-content .content .content-form .form-btn{width: 26vw;height: 10vw;float: left;margin-left: 20px;}
|
|
|
+ .model-content .content .content-form .form-btn a{display: block;width: 100%;height: 10vw;box-sizing: border-box;background: #FF5B00;line-height: 10vw;text-align: center;font-size: 3.4vw;color: #FFFFFF;}
|
|
|
+ .model-content .content .content-form .form-btn a.disabled{background: #B8BFCA;color: #FFFFFF;}
|
|
|
+ .model-content .content .content-form .form-text{ line-height: 6vw; font-size: 3.4vw;color: #333333;float: left; }
|
|
|
+ /* 快捷支付短信弹窗 */
|
|
|
+ .pay-alert-content{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.3);z-index: 9999;}
|
|
|
+ .pay-alert-content .pay-alert{width: 100%;height: 100vw;background: #FFFFFF;position: fixed;left: 0;bottom: 0;z-index: 9998;}
|
|
|
+ .pay-alert-content .pay-alert .title{width: 100%;height: 48px;box-sizing: border-box;font-size: 14px;line-height: 48px;text-align: left;color: #333333;float: left;position: relative;border-bottom: 1px solid #EFEFEF;background-color: #F8F8F8;padding: 0 14px;}
|
|
|
+ .pay-alert-content .pay-alert .title .icon-close{width: 16px;height: 16px;display: block;position: absolute;right:12px;top: 12px;background: url("/img/base/icon.png")-315px 0 no-repeat;cursor: pointer;}
|
|
|
+ .pay-alert-content .pay-alert .content{margin: 4vw 0;width: 100%;height: auto;float: left;padding: 0 6vw;box-sizing: border-box;}
|
|
|
+ .pay-alert-content .pay-alert .content h1{text-align: left;font-size: 3.4vw;color: #333333;font-weight: normal;line-height: 6vw;}
|
|
|
+ .pay-alert-content .pay-alert .content p{text-align: left;font-size: 3.2vw;color: #666666;font-weight: normal;}
|
|
|
+ .pay-alert-content .pay-alert .button{width: 100%;height: 11vw;float: left;box-sizing: border-box;margin-top: 20vw;}
|
|
|
+ .pay-alert-content .pay-alert .button a{width: 60vw;height: 11vw;display: block;background: #FF5B00;font-size: 3.4vw;text-align: center;line-height: 11vw;color: #FFFFFF;margin: 0 auto;border-radius: 5.5vw;}
|
|
|
+ /*快捷支付获取短信验证码弹窗*/
|
|
|
+ .pay-alert-content .pay-alert .content-form{ width: 100%;height: 10vw;margin-top: 4vw; }
|
|
|
+ .pay-alert-content .pay-alert .content-form .input{ width: 54.6vw;height: 10vw; box-sizing: border-box;border: 1px solid #B8BFCA;border-radius: 2px;padding: 0 2vw;line-height: 10vw;font-size: 14px;color: #333333;float: left;}
|
|
|
+ .pay-alert-content .pay-alert .content-form .code-btn{ width: 27.4vw;height: 10vw;box-sizing: border-box;display: block;float: left;margin-left:4vw;line-height: 10vw;font-size: 14px;color: #FF5B00;text-align: center; border: 1px solid #FF5B00;float: left;}
|
|
|
+ .pay-alert-content .pay-alert .content-form .code-btn.disabled{ border-color: #9AA5B5;color: #9AA5B5; }
|
|
|
+ .pay-alert-content .pay-alert .content-error{ width: 100%;height: 6vw;float: left;line-height: 6vw;;text-align: left;font-size: 3.2vw;color: #FF0000; }
|
|
|
+
|
|
|
+}
|
