2020.02新版
This commit is contained in:
Blokura
BIN
assets/css/alipay-pay.png
Normal file
BIN
assets/css/alipay-pay.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
1
assets/css/alipay_pay.css
Normal file
1
assets/css/alipay_pay.css
Normal file
@@ -0,0 +1 @@
|
||||
@charset "UTF-8";html{font-size:62.5%;font-family:'helvetica neue',tahoma,arial,'hiragino sans gb','microsoft yahei','Simsun',sans-serif}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,hr{margin:0;padding:0}body{line-height:1.333;font-size:12px}h1,h2,h3,h4,h5,h6{font-size:100%;font-family:arial,'hiragino sans gb','microsoft yahei','Simsun',sans-serif}input,textarea,select,button{font-size:12px;font-weight:normal}input[type="button"],input[type="submit"],select,button{cursor:pointer}table{border-collapse:collapse;border-spacing:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}fieldset,img,a img,iframe{border-width:0;border-style:none}img{-ms-interpolation-mode:bicubic}textarea{overflow-y:auto}legend{color:#000}a:link,a:visited{text-decoration:none}hr{height:0}label{cursor:pointer}.clearfix:after{content:"\200B";display:block;height:0;clear:both}.clearfix{*zoom:1}a{color:#328CE5}a:hover{color:#2b8ae8;text-decoration:none}a.hit{color:#C06C6C}a:focus{outline:none}.hit{color:#8DC27E}.txt_auxiliary{color:#A2A2A2}.clear{*zoom:1}.clear:before,.clear:after{content:"";display:table}.clear:after{clear:both}body,.body{background:#f7f7f7;height:100%}.mod-title{height:60px;line-height:60px;text-align:center;border-bottom:1px solid #ddd;background:#fff}.mod-title .ico-wechat{display:inline-block;width:41px;height:36px;background:url("./alipay-pay.png") 0 -115px no-repeat;vertical-align:middle;margin-right:7px}.mod-title .text{font-size:20px;color:#333;font-weight:normal;vertical-align:middle}.mod-ct{width:610px;padding:0 135px;margin:0 auto;margin-top:15px;background:#fff url("./wave.png") top center repeat-x;text-align:center;color:#333;border:1px solid #e5e5e5;border-top:none}.mod-ct .order{font-size:20px;padding-top:30px}.mod-ct .amount{font-size:48px;margin-top:20px}.mod-ct .qr-image{margin-top:30px}.mod-ct .qr-image img{width:230px;height:230px}.mod-ct .detail{margin-top:60px;padding-top:25px}.mod-ct .detail .arrow .ico-arrow{display:inline-block;width:20px;height:11px;background:url("./alipay-pay.png") -25px -100px no-repeat}.mod-ct .detail .detail-ct{display:none;font-size:14px;text-align:right;line-height:28px}.mod-ct .detail .detail-ct dt{float:left}.mod-ct .detail-open{border-top:1px solid #e5e5e5}.mod-ct .detail .arrow{padding:6px 34px;border:1px solid #e5e5e5}.mod-ct .detail .arrow .ico-arrow{display:inline-block;width:20px;height:11px;background:url("./alipay-pay.png") -25px -100px no-repeat}.mod-ct .detail-open .arrow .ico-arrow{display:inline-block;width:20px;height:11px;background:url("./alipay-pay.png") 0 -100px no-repeat}.mod-ct .detail-open .detail-ct{display:block}.mod-ct .tip{margin-top:40px;border-top:1px dashed #e5e5e5;padding:30px 0;position:relative}.mod-ct .tip .ico-scan{display:inline-block;width:56px;height:55px;background:url("./alipay-pay.png") 0 0 no-repeat;vertical-align:middle;*display:inline;*zoom:1}.mod-ct .tip .tip-text{display:inline-block;vertical-align:middle;text-align:left;margin-left:23px;font-size:16px;line-height:28px;*display:inline;*zoom:1}.mod-ct .tip .dec{display:inline-block;width:22px;height:45px;background:url("./alipay-pay.png") 0 -55px no-repeat;position:absolute;top:-23px}.mod-ct .tip .dec-left{background-position:0 -55px;left:-136px}.mod-ct .tip .dec-right{background-position:-25px -55px;right:-136px}.foot{text-align:center;margin:30px auto;color:#888888;font-size:12px;line-height:20px;font-family:"simsun"}.foot .link{color:#0071ce}
|
||||
11
assets/css/bootstrap.min.css
vendored
Normal file
11
assets/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/css/jd-pay.png
Normal file
BIN
assets/css/jd-pay.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
1
assets/css/jd_pay.css
Normal file
1
assets/css/jd_pay.css
Normal file
@@ -0,0 +1 @@
|
||||
@charset "UTF-8";html{font-size:62.5%;font-family:'helvetica neue',tahoma,arial,'hiragino sans gb','microsoft yahei','Simsun',sans-serif}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,hr{margin:0;padding:0}body{line-height:1.333;font-size:12px}h1,h2,h3,h4,h5,h6{font-size:100%;font-family:arial,'hiragino sans gb','microsoft yahei','Simsun',sans-serif}input,textarea,select,button{font-size:12px;font-weight:normal}input[type="button"],input[type="submit"],select,button{cursor:pointer}table{border-collapse:collapse;border-spacing:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}fieldset,img,a img,iframe{border-width:0;border-style:none}img{-ms-interpolation-mode:bicubic}textarea{overflow-y:auto}legend{color:#000}a:link,a:visited{text-decoration:none}hr{height:0}label{cursor:pointer}.clearfix:after{content:"\200B";display:block;height:0;clear:both}.clearfix{*zoom:1}a{color:#328CE5}a:hover{color:#2b8ae8;text-decoration:none}a.hit{color:#C06C6C}a:focus{outline:none}.hit{color:#8DC27E}.txt_auxiliary{color:#A2A2A2}.clear{*zoom:1}.clear:before,.clear:after{content:"";display:table}.clear:after{clear:both}body,.body{background:#f7f7f7;height:100%}.mod-title{height:60px;line-height:60px;text-align:center;border-bottom:1px solid #ddd;background:#fff}.mod-title .ico-wechat{display:inline-block;width:41px;height:36px;background:url("./jd-pay.png") 0 -115px no-repeat;vertical-align:middle;margin-right:7px}.mod-title .text{font-size:20px;color:#333;font-weight:normal;vertical-align:middle}.mod-ct{width:610px;padding:0 135px;margin:0 auto;margin-top:15px;background:#fff url("./wave.png") top center repeat-x;text-align:center;color:#333;border:1px solid #e5e5e5;border-top:none}.mod-ct .order{font-size:20px;padding-top:30px}.mod-ct .amount{font-size:48px;margin-top:20px}.mod-ct .qr-image{margin-top:30px}.mod-ct .qr-image img{width:230px;height:230px}.mod-ct .detail{margin-top:60px;padding-top:25px}.mod-ct .detail .arrow .ico-arrow{display:inline-block;width:20px;height:11px;background:url("./jd-pay.png") -25px -100px no-repeat}.mod-ct .detail .detail-ct{display:none;font-size:14px;text-align:right;line-height:28px}.mod-ct .detail .detail-ct dt{float:left}.mod-ct .detail-open{border-top:1px solid #e5e5e5}.mod-ct .detail .arrow{padding:6px 34px;border:1px solid #e5e5e5}.mod-ct .detail .arrow .ico-arrow{display:inline-block;width:20px;height:11px;background:url("./jd-pay.png") -25px -100px no-repeat}.mod-ct .detail-open .arrow .ico-arrow{display:inline-block;width:20px;height:11px;background:url("./jd-pay.png") 0 -100px no-repeat}.mod-ct .detail-open .detail-ct{display:block}.mod-ct .tip{margin-top:40px;border-top:1px dashed #e5e5e5;padding:30px 0;position:relative}.mod-ct .tip .ico-scan{display:inline-block;width:56px;height:55px;background:url("./jd-pay.png") 0 0 no-repeat;vertical-align:middle;*display:inline;*zoom:1}.mod-ct .tip .tip-text{display:inline-block;vertical-align:middle;text-align:left;margin-left:23px;font-size:16px;line-height:28px;*display:inline;*zoom:1}.mod-ct .tip .dec{display:inline-block;width:22px;height:45px;background:url("./jd-pay.png") 0 -55px no-repeat;position:absolute;top:-23px}.mod-ct .tip .dec-left{background-position:0 -55px;left:-136px}.mod-ct .tip .dec-right{background-position:-25px -55px;right:-136px}.foot{text-align:center;margin:30px auto;color:#888888;font-size:12px;line-height:20px;font-family:"simsun"}.foot .link{color:#0071ce}
|
||||
235
assets/css/main12.css
Normal file
235
assets/css/main12.css
Normal file
@@ -0,0 +1,235 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* 导航 */
|
||||
.navBD12{ border-bottom:1px solid #89c1ed;}
|
||||
.nav12{ height:60px; padding-top:14px;}
|
||||
.nav12-left{ float:left;}
|
||||
.nav12-right{ float:right;}
|
||||
.show-xs{ display:none;}
|
||||
|
||||
/* 订单金额 */
|
||||
.order-amount12{ width:1010px; height:88px; padding:20px 35px; background:#fff; margin-top:35px;}
|
||||
.order-amount12 span{ font-size:16px; color:#434343;}
|
||||
.order-amount12-left{ float:left;}
|
||||
.order-amount12-left span{ line-height:30px;}
|
||||
.order-amount12-right{ float:right; line-height:50px;}
|
||||
.order-amount12-right strong{ font-size:30px; color:#e94832; font-weight:normal;}
|
||||
|
||||
|
||||
|
||||
|
||||
/*支付方式*/
|
||||
.PayMethod12{ width:1010px; padding:35px 35px; background:#fff; margin-top:36px;}
|
||||
.PayMethod12 h2{ font-size:16px; height:30px; line-height:30px; margin-bottom:20px;}
|
||||
.PayMethod12 ul{ overflow:hidden;}
|
||||
.PayMethod12 ul li{ width:120px; height:38px; padding: 20px 0 0 30px; margin-bottom:35px; margin-right:60px; float:left; cursor:pointer; border:1px solid #d8d8d8;}
|
||||
.PayMethod12 ul li.active{ border-color:#1a8ae1;}
|
||||
.PayMethod12 ul li img{ float:left; margin-right:16px; width:20px; height:20px; }
|
||||
.PayMethod12 ul li span{ float:left; position:relative; color:#323232;}
|
||||
.immediate_pay{ display:block;
|
||||
width:165px;
|
||||
height:54px;
|
||||
line-height:54px;
|
||||
background:#1a8ae1;
|
||||
font-size:18px;
|
||||
color:#fff;
|
||||
text-align:center;
|
||||
cursor:pointer;
|
||||
}
|
||||
.immediate_button{ display:block;
|
||||
width:165px;
|
||||
height:54px;
|
||||
line-height:54px;
|
||||
background:#1a8ae1;
|
||||
font-size:18px;
|
||||
color:#fff;
|
||||
text-align:center;
|
||||
cursor:pointer;
|
||||
}
|
||||
/*立即支付*/
|
||||
.immediate-pay12{ height:54px; background:#fff; margin-top:40px;}
|
||||
.immediate-pay12-left{ float:left; line-height:50px; margin-left:35px;}
|
||||
.immediate-pay12-left a { font-size: 18px;color: #1a8ae1;cursor: pointer;}
|
||||
.immediate-pay12-right{ float:right;}
|
||||
.immediate-pay12-right span{ float:left; margin:14px 24px 0 0;}
|
||||
.immediate-pay12-right span strong{ font-size:18px; color:#e94832;}
|
||||
.immediate-pay12-right .immediate_pay{ float:right;}
|
||||
|
||||
/*充值卡*/
|
||||
.card12{ padding:24px 35px; width:1010px; background:#fff; margin-top:36px;}
|
||||
.card12-type{ overflow:hidden; height:74px; border-bottom:1px solid #dedede;}
|
||||
.card12-type li{ width:141px; height:46px; line-height:46px; text-align:center; border:1px solid #dedede; float:left; margin-right:48px; cursor:pointer;}
|
||||
.card12-type li.active{ border-color:#1a8ae1;}
|
||||
.card12-money{ overflow:hidden; margin-top:22px; height:74px; border-bottom:1px solid #dedede;}
|
||||
.card12-money li{ width:76px; height:46px; line-height:46px; text-align:center; border:1px solid #dedede; float:left; margin-right:48px; cursor:pointer;}
|
||||
.card12-money li.active02{ border-color:#1a8ae1;}
|
||||
.card12-tips{ font-size:14px; line-height:50px;}
|
||||
.card12-tips span{ color:#cc2023;}
|
||||
.card12-input{ margin-top:10px;}
|
||||
.card12-input li{ overflow:hidden; margin-bottom:25px;}
|
||||
.card12-input li span{ float:left; font-size:20px; width:80px; line-height:36px;}
|
||||
.card12-input li input{ float:left; width:260px; padding-left:13px; height:36px; line-height:36px; border:1px solid #d8d8d8;}
|
||||
|
||||
/*微信支付*/
|
||||
.wechart-pay12{ padding:35px 318px; width:444px; overflow:hidden;}
|
||||
.wechart-pay12 dl{ float:left;}
|
||||
.wechart-pay12 dl p{ font-size:14px; color:#989898; text-align:center; height:20px}
|
||||
.wechart-pay12-moblie{ float:right; width:170px; margin-top:16px;}
|
||||
.wechart-pay12-moblie img{ width:100%;}
|
||||
|
||||
/* 产品体验首页 */
|
||||
.product_experience12 header{ background:url(../images/indexbg12.jpg) no-repeat; height:282px; padding-top:7rem; background-size:100%;}
|
||||
.product_experience12 .opTit01{ font-size:32px; color:#fff; margin-top:0;}
|
||||
.product_experience12 .Internet_increment_service10{ position:absolute; top:220px; left:50%; margin-left:-540px;}
|
||||
.product_experience12-menu{ height:140px; margin-bottom:70px;}
|
||||
.product_experience12-menu ol li{ height:140px;}
|
||||
.product_experience12-menu ol li dl{ width:245px; margin:0 auto; overflow:hidden;}
|
||||
.product_experience12-menu ol li dl dt{ float:left;}
|
||||
.product_experience12-menu ol li dl dd{ float:right; line-height:140px;}
|
||||
.product_experience12-menu ol li .dt01{ width:50px; height:57px; margin-top:42px; background:url(../images/product_experience12-h5.png) no-repeat;}
|
||||
.product_experience12-menu ol li .dt02{ width:56px; height:49px; margin-top:42px; background:url(../images/product_experience12-pc.png) no-repeat;}
|
||||
.product_experience12-menu ol li .dt03{ width:57px; height:57px; margin-top:42px; background:url(../images/product_experience12-app.png) no-repeat;}
|
||||
.product_experience12-menu ol li.active .dt01{ width:50px; height:57px; background:url(../images/product_experience12-h5color.png) no-repeat;}
|
||||
.product_experience12-menu ol li.active .dt02{ width:56px; height:49px; background:url(../images/product_experience12-pccolor.png) no-repeat;}
|
||||
.product_experience12-menu ol li.active .dt03{ width:57px; height:57px; background:url(../images/product_experience12-appcolor.png) no-repeat;}
|
||||
.product_experience12-menu{ box-shadow:0 5px 4px 1px #ebe9e9;}
|
||||
.product_experience12-menu ol li.active dd{ color:#1a8ae1;}
|
||||
.product_experience12-menu ol li.active{ background-color:transparent;}
|
||||
.product_experience12-main01{ width:625px; margin:0 auto; display:none;}
|
||||
.product_experience12-main01 dl{ overflow:hidden;}
|
||||
.product_experience12-main01 dl dt{ float:left;}
|
||||
.product_experience12-main01 dl dd{ float:right;}
|
||||
.product_experience12-main01 dl dd h2{ font-size:22px; margin-bottom:12px;}
|
||||
.product_experience12-main01 dl dd h3{ font-size:24px;}
|
||||
.product_experience12-main01 dl dd p{ font-size:14px; color:#a1a1a1;}
|
||||
.product_experience12-main01 .immediate_pay{ width:135px; height:42px; line-height:42px; color:#fff;}
|
||||
.product_experience12-main01 .immediate_button{ width:135px; height:42px; line-height:42px;}
|
||||
.product_experience12-main01 .immediate_pay:hover{ color:#fff;}
|
||||
.product_experience12-main01 .immediate_button:hover{ color:#fff;}
|
||||
.product_experience12-main02{ width:710px; text-align:center;}
|
||||
.product_experience12-main02 dl{ width:345px;}
|
||||
.product_experience12-main02 dl.andr{ float:left;}
|
||||
.product_experience12-main02 dl.ios{ float:right;}
|
||||
.product_experience12-main02 dl dt{ float:none;}
|
||||
.product_experience12-main02 dl dd{ float:none; font-size:18px; color:#a1a1a1; line-height:60px;}
|
||||
.product_experience12-main03{ width:320px; margin:0 auto; text-align:center;}
|
||||
.product_experience12-main03 dl dt{ float:none;}
|
||||
.product_experience12-main03 dl dd{ float:none;}
|
||||
|
||||
/*支付成功&&失败*/
|
||||
.paystument12{ padding:25px 360px; width:360px; background:#fff; text-align:center; display:none;}
|
||||
.paystument12 h3{ font-size:18px; margin-top:20px;}
|
||||
.paystument12 h3 span{ font-size:18px;}
|
||||
.paystument12 h3 a{ font-size:18px; color:#e84832;}
|
||||
|
||||
.paystument13{ padding:1px 360px; width:360px; background:#fff; text-align:left; display:none;}
|
||||
.paystument12 h4{ font-size:16px; margin-top:20px;}
|
||||
.paystument12 h4 span{ font-size:16px;}
|
||||
.paystument12 h4 a{ font-size:16px; color:#e84832;}
|
||||
|
||||
.Return_experienceBtn{width:150px;height:45px;line-height:45px; margin:195px auto 270px;font-size:16px;}
|
||||
|
||||
/*弹窗*/
|
||||
.pay_sure12{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99999; background:rgba(0%,0%,0%,0.3); display:none;}
|
||||
.pay_sure12 .pay_sure12-main{width:400px;
|
||||
height:220px;
|
||||
position:absolute;
|
||||
left:50%;
|
||||
margin-left:-200px;
|
||||
top:15%;
|
||||
background:#fff;
|
||||
box-sizing:border-box;
|
||||
text-align:center;
|
||||
}
|
||||
.pay_sure12-main h2{ height:45px; line-height:45px; margin-bottom:20px; text-align:center; background:#f4f4f4; font-size:18px;}
|
||||
.pay_sure12-main h3,.pay_sure12-main p{ font-size:12px; color:#989898;}
|
||||
.pay_sure12-main .h3-01{ font-size:15px; color:#323232;}
|
||||
.pay_sure12-main h3 strong{ color:#989898;font-size:12px;font-weight:normal;}
|
||||
.pay_sure12-btngroup{ width:250px; margin:20px auto 10px; overflow:hidden;}
|
||||
.pay_sure12-btngroup a.immediate_pay{ float:left;}
|
||||
.pay_sure12-btngroup a.immediate_button{ float:left;}
|
||||
.pay_sure12-btngroup a.immediate_payComplate{ margin-right:50px; width:100px; height:34px; line-height:34px;font-size:13px;}
|
||||
.pay_sure12-btngroup a.immediate_payChange{ background-color:#f4f4f4; color:#323232; width:100px; height:34px; line-height:34px;font-size:13px;}
|
||||
|
||||
/*底部*/
|
||||
.footer12{ text-align:center; color:#cbcbcb; margin-top:50px; margin-bottom:50px;clear:both;}
|
||||
|
||||
|
||||
/*首页弹窗*/
|
||||
.mt_agree{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99999; background:rgba(0%,0%,0%,0.3); display:none;}
|
||||
.mt_agree .mt_agree_main{width:500px;
|
||||
margin-left:-250px;
|
||||
height:auto;
|
||||
position:absolute;
|
||||
left:50%;
|
||||
top:15%;
|
||||
background:#fff;
|
||||
padding:2%;
|
||||
box-sizing:border-box; }
|
||||
.mt_agree h2{ text-align:center; font-size:20px; line-height:50px; border-bottom:1px solid #0568a4;}
|
||||
.mt_agree p{ font-size:16px; text-align:center; line-height:50px;}
|
||||
.mt_agree a.close_btn{ display:block;
|
||||
width:30%;
|
||||
height:50px;
|
||||
line-height:50px;
|
||||
margin:20px auto;
|
||||
background:#0568a4;
|
||||
color:#fff;
|
||||
font-size:18px;
|
||||
text-align:center;
|
||||
text-decoration:none;
|
||||
border-radius:30px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media screen and (max-height:900px){
|
||||
.navBD12{ margin-bottom:16px;}
|
||||
.card12{ margin-top:0; padding:20px 35px;}
|
||||
.immediate-pay12{ margin-top:16px;}
|
||||
.order-amount12{ padding:16px 35px; margin-top:16px;}
|
||||
.card12-input .card12-input-password{ margin-bottom:0;}
|
||||
.PayMethod12{ margin-top:16px;}
|
||||
.product_experience12-menu{ height:120px;}
|
||||
.product_experience12-menu ol li{ height:120px;}
|
||||
.product_experience12-menu ol li .dt01{ margin-top:32px;}
|
||||
.product_experience12-menu ol li .dt02{ margin-top:32px;}
|
||||
.product_experience12-menu ol li .dt03{ margin-top:32px;}
|
||||
.product_experience12-menu ol li dl dd{ line-height:120px;}
|
||||
.product_experience12 .Internet_increment_service10{ top:200px;}
|
||||
.product_experience12 .opTit01{ margin-top:-10px;}
|
||||
.product_experience12-menu{ margin-bottom:60px;}
|
||||
.Return_experienceBtn{ margin:120px auto;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:768px){
|
||||
.w1080{width:100%;}
|
||||
.order-amount12{width:auto;}
|
||||
.PayMethod12{width:auto;margin-top:0;}
|
||||
.PayMethod12 ul li{margin-bottom:20px;}
|
||||
.nav12-left{margin-left:16px;}
|
||||
.nav12-left .hidden-xs{display:none;}
|
||||
.nav12-right{float:left;margin-left:16px;}
|
||||
.order-amount12-right{float:left;}
|
||||
.PayMethod12 ul li{width:87%;float:none;}
|
||||
.immediate-pay12-right{float:left;padding-left:15px;}
|
||||
.PayMethod12 h2{clear:both;}
|
||||
.show-lg{ display:none;}
|
||||
.show-xs{ display:block;}
|
||||
.wechart-pay12{width:100%; padding:16px;box-sizing:border-box;}
|
||||
.wechart-pay12 dl{transform:scale(0.7)}
|
||||
.wechart-pay12-moblie{width: 40%;margin-top: 50px;float:left;}
|
||||
.card12{width:auto;clear:both;}
|
||||
.card12-type{width:100%;}
|
||||
.card12-type li{width:30%;margin-right:6px;font-size:14px;}
|
||||
.card12-money{width:100%;height:150px;}
|
||||
.card12-money li{ width:28%;margin:5px;}
|
||||
.card12-tips{line-height:30px;}
|
||||
.card12-input li input{width:90%;}
|
||||
.immediate-pay12-right{margin:24px;}
|
||||
.immediate_pay{width:120px;}
|
||||
.immediate-pay12{height:auto;overflow:hidden;}
|
||||
.paystument12{width:auto;padding:20px;box-sizing:border-box;}
|
||||
.order-amount12{height:130px;margin-bottom:12px;}
|
||||
.PayMethod12 ul li{ height:28px; padding: 10px 0 0 30px;}
|
||||
}
|
||||
BIN
assets/css/mqq-pay.png
Normal file
BIN
assets/css/mqq-pay.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
1
assets/css/mqq_pay.css
Normal file
1
assets/css/mqq_pay.css
Normal file
@@ -0,0 +1 @@
|
||||
@charset "UTF-8";html{font-size:62.5%;font-family:'helvetica neue',tahoma,arial,'hiragino sans gb','microsoft yahei','Simsun',sans-serif}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,hr{margin:0;padding:0}body{line-height:1.333;font-size:12px}h1,h2,h3,h4,h5,h6{font-size:100%;font-family:arial,'hiragino sans gb','microsoft yahei','Simsun',sans-serif}input,textarea,select,button{font-size:12px;font-weight:normal}input[type="button"],input[type="submit"],select,button{cursor:pointer}table{border-collapse:collapse;border-spacing:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}fieldset,img,a img,iframe{border-width:0;border-style:none}img{-ms-interpolation-mode:bicubic}textarea{overflow-y:auto}legend{color:#000}a:link,a:visited{text-decoration:none}hr{height:0}label{cursor:pointer}.clearfix:after{content:"\200B";display:block;height:0;clear:both}.clearfix{*zoom:1}a{color:#328CE5}a:hover{color:#2b8ae8;text-decoration:none}a.hit{color:#C06C6C}a:focus{outline:none}.hit{color:#8DC27E}.txt_auxiliary{color:#A2A2A2}.clear{*zoom:1}.clear:before,.clear:after{content:"";display:table}.clear:after{clear:both}body,.body{background:#f7f7f7;height:100%}.mod-title{height:60px;line-height:60px;text-align:center;border-bottom:1px solid #ddd;background:#fff}.mod-title .ico-wechat{display:inline-block;width:41px;height:36px;background:url("./mqq-pay.png") 0 -115px no-repeat;vertical-align:middle;margin-right:7px}.mod-title .text{font-size:20px;color:#333;font-weight:normal;vertical-align:middle}.mod-ct{width:610px;padding:0 135px;margin:0 auto;margin-top:15px;background:#fff url("./wave.png") top center repeat-x;text-align:center;color:#333;border:1px solid #e5e5e5;border-top:none}.mod-ct .order{font-size:20px;padding-top:30px}.mod-ct .amount{font-size:48px;margin-top:20px}.mod-ct .qr-image{margin-top:30px}.mod-ct .qr-image img{width:230px;height:230px}.mod-ct .detail{margin-top:60px;padding-top:25px}.mod-ct .detail .arrow .ico-arrow{display:inline-block;width:20px;height:11px;background:url("./mqq-pay.png") -25px -100px no-repeat}.mod-ct .detail .detail-ct{display:none;font-size:14px;text-align:right;line-height:28px}.mod-ct .detail .detail-ct dt{float:left}.mod-ct .detail-open{border-top:1px solid #e5e5e5}.mod-ct .detail .arrow{padding:6px 34px;border:1px solid #e5e5e5}.mod-ct .detail .arrow .ico-arrow{display:inline-block;width:20px;height:11px;background:url("./mqq-pay.png") -25px -100px no-repeat}.mod-ct .detail-open .arrow .ico-arrow{display:inline-block;width:20px;height:11px;background:url("./mqq-pay.png") 0 -100px no-repeat}.mod-ct .detail-open .detail-ct{display:block}.mod-ct .tip{margin-top:40px;border-top:1px dashed #e5e5e5;padding:30px 0;position:relative}.mod-ct .tip .ico-scan{display:inline-block;width:56px;height:55px;background:url("./mqq-pay.png") 0 0 no-repeat;vertical-align:middle;*display:inline;*zoom:1}.mod-ct .tip .tip-text{display:inline-block;vertical-align:middle;text-align:left;margin-left:23px;font-size:16px;line-height:28px;*display:inline;*zoom:1}.mod-ct .tip .dec{display:inline-block;width:22px;height:45px;background:url("./mqq-pay.png") 0 -55px no-repeat;position:absolute;top:-23px}.mod-ct .tip .dec-left{background-position:0 -55px;left:-136px}.mod-ct .tip .dec-right{background-position:-25px -55px;right:-136px}.foot{text-align:center;margin:30px auto;color:#888888;font-size:12px;line-height:20px;font-family:"simsun"}.foot .link{color:#0071ce}
|
||||
116
assets/css/reset.css
Normal file
116
assets/css/reset.css
Normal file
@@ -0,0 +1,116 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
|
||||
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ fieldset, lengend, button, input, textarea, /* form elements 表单元素 */ th, td { /* table elements 表格元素 */ margin: 0; padding: 0; }
|
||||
html,body{ width:100%; height:100%; color:#6e6e6e; font-family:'微软雅黑'}
|
||||
/* 设置默认字体 */
|
||||
body, button, input, select, textarea { /* for ie */ /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
|
||||
font: 14px/1 Tahoma, Helvetica, Arial, "微软雅黑", sans-serif,; /* 用 ascii 字符表示，使得在任何编码下都无问题 */ }
|
||||
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ font-family:'微软雅黑'}
|
||||
h2 { font-size: 24px; font-weight:normal; color:#323232; font-family:'微软雅黑'}
|
||||
h3 { font-size: 14px; font-weight:normal; font-family:'微软雅黑' }
|
||||
h4, h5, h6 { font-size: 100%; font-weight:normal; font-family:'微软雅黑' }
|
||||
p{ font-size:14px; line-height:34px; font-family:'微软雅黑'}/* 段落默认字号和行高 */
|
||||
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
|
||||
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
|
||||
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
|
||||
/* 重置列表元素 */
|
||||
ul, ol { list-style: none; font-family:'微软雅黑' }
|
||||
select{ border-style:none;}
|
||||
/* 重置文本格式元素 */
|
||||
a { text-decoration: none; color:#6e6e6e; font-size:14px; outline:none; font-family:'微软雅黑'}
|
||||
span{ font-size:14px; font-family:'微软雅黑'}
|
||||
a:hover { text-decoration: none; }
|
||||
abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */ border-bottom: 1px dotted; cursor: help; }
|
||||
q:before, q:after { content: ''; }
|
||||
/* 重置表单元素 */
|
||||
input{ border:none;}
|
||||
legend { color: #000; } /* for ie6 */
|
||||
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
|
||||
/* 注：optgroup 无法扶正 */
|
||||
button, input, select, textarea { font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ }
|
||||
/* 重置表格元素 */
|
||||
table { border-collapse: collapse; border-spacing: 0; width:100%;}
|
||||
/* 重置 hr */
|
||||
hr { border: none; height: 1px; }
|
||||
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
|
||||
html { overflow-y: scroll;}
|
||||
*:focus {outline: none;}
|
||||
/* 版心 */
|
||||
.w100{ width:100%; /*min-width:1080px;*/ clear:both;}
|
||||
.w1200{ width:1200px; margin:0 auto;}
|
||||
.w1300{ width:1300px; margin:0 auto;}
|
||||
.w1000{ width:1000px; margin:0 auto;}
|
||||
.w1080{ width:1080px; margin:0 auto;}
|
||||
/*常用样式*/
|
||||
.fl{ float:left;}
|
||||
.fr{ float:right;}
|
||||
.tc{ text-align:center;}
|
||||
.tr{ text-align:right;}
|
||||
.tl{ text-align:left;}
|
||||
.f12{ font-size:12px;}
|
||||
.f14{ font-size:14px;}
|
||||
.f15{ font-size:15px;}
|
||||
.f16{ font-size:16px;}
|
||||
.f18{ font-size:18px;}
|
||||
.f20{ font-size:20px; color:#323232;}
|
||||
.f22{ font-size:22px;}
|
||||
.f24{ font-size:24px; color:#323232;}
|
||||
.f36{ font-size:36px; color:#323232;}
|
||||
.fc{ color:#d2151a;}
|
||||
.l24{ line-height:24px;}
|
||||
.f30{ font-size:30px; color:#323232;}
|
||||
.f32{ font-size:32px; color:#323232;}
|
||||
.l36{ line-height:36px;}
|
||||
.t2{ text-indent:2em;}
|
||||
.mt14{ margin-top:14px;}
|
||||
.mt20{ margin-top:20px;}
|
||||
.t_ul{ text-decoration:underline;}
|
||||
.lh24{ line-height:24px;}
|
||||
.lh32{ line-height:32px;}
|
||||
.blue{ color:#0568a4;}
|
||||
.blue_ul{ color:#0568a4; font-size:16px; text-decoration:underline;}
|
||||
.blue_ul02{ color:#fff; font-size:16px; text-decoration:underline;}
|
||||
.red{ color:#e20000; font-size:14px;}
|
||||
.ma{ margin:0 auto;}
|
||||
select {
|
||||
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
|
||||
border: solid 1px #f8f9fb;
|
||||
|
||||
/*很关键：将默认的select选择框样式清除*/
|
||||
appearance:none;
|
||||
-moz-appearance:none;
|
||||
-webkit-appearance:none;
|
||||
|
||||
/*在选择框的最右侧中间显示小箭头图片*/
|
||||
background:url(../images/arrawdown.png) no-repeat scroll 90% center;
|
||||
|
||||
|
||||
/*为下拉小箭头留出一点位置，避免被文字覆盖*/
|
||||
padding-right: 14px;
|
||||
}/* 重置文本格式元素 */
|
||||
.mt_userMessage select{ background:url(../images/arrawdown02.png) no-repeat scroll right center;}
|
||||
|
||||
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
|
||||
::-webkit-scrollbar
|
||||
{
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
|
||||
/*定义滚动条轨道 内阴影+圆角*/
|
||||
::-webkit-scrollbar-track
|
||||
{
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
||||
border-radius: 10px;
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
|
||||
/*定义滑块 内阴影+圆角*/
|
||||
::-webkit-scrollbar-thumb
|
||||
{
|
||||
border-radius: 10px;
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
|
||||
background-color: #ccc;
|
||||
}
|
||||
BIN
assets/css/wave.png
Normal file
BIN
assets/css/wave.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
assets/css/wechat-pay.png
Normal file
BIN
assets/css/wechat-pay.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
1
assets/css/wechat_pay.css
Normal file
1
assets/css/wechat_pay.css
Normal file
@@ -0,0 +1 @@
|
||||
@charset "UTF-8";html{font-size:62.5%;font-family:'helvetica neue',tahoma,arial,'hiragino sans gb','microsoft yahei','Simsun',sans-serif}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,hr{margin:0;padding:0}body{line-height:1.333;font-size:12px}h1,h2,h3,h4,h5,h6{font-size:100%;font-family:arial,'hiragino sans gb','microsoft yahei','Simsun',sans-serif}input,textarea,select,button{font-size:12px;font-weight:normal}input[type="button"],input[type="submit"],select,button{cursor:pointer}table{border-collapse:collapse;border-spacing:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}fieldset,img,a img,iframe{border-width:0;border-style:none}img{-ms-interpolation-mode:bicubic}textarea{overflow-y:auto}legend{color:#000}a:link,a:visited{text-decoration:none}hr{height:0}label{cursor:pointer}.clearfix:after{content:"\200B";display:block;height:0;clear:both}.clearfix{*zoom:1}a{color:#328CE5}a:hover{color:#2b8ae8;text-decoration:none}a.hit{color:#C06C6C}a:focus{outline:none}.hit{color:#8DC27E}.txt_auxiliary{color:#A2A2A2}.clear{*zoom:1}.clear:before,.clear:after{content:"";display:table}.clear:after{clear:both}body,.body{background:#f7f7f7;height:100%}.mod-title{height:60px;line-height:60px;text-align:center;border-bottom:1px solid #ddd;background:#fff}.mod-title .ico-wechat{display:inline-block;width:41px;height:36px;background:url("./wechat-pay.png") 0 -115px no-repeat;vertical-align:middle;margin-right:7px}.mod-title .text{font-size:20px;color:#333;font-weight:normal;vertical-align:middle}.mod-ct{width:610px;padding:0 135px;margin:0 auto;margin-top:15px;background:#fff url("./wave.png") top center repeat-x;text-align:center;color:#333;border:1px solid #e5e5e5;border-top:none}.mod-ct .order{font-size:20px;padding-top:30px}.mod-ct .amount{font-size:48px;margin-top:20px}.mod-ct .qr-image{margin-top:30px}.mod-ct .qr-image img{width:230px;height:230px}.mod-ct .detail{margin-top:60px;padding-top:25px}.mod-ct .detail .arrow .ico-arrow{display:inline-block;width:20px;height:11px;background:url("./wechat-pay.png") -25px -100px no-repeat}.mod-ct .detail .detail-ct{display:none;font-size:14px;text-align:right;line-height:28px}.mod-ct .detail .detail-ct dt{float:left}.mod-ct .detail-open{border-top:1px solid #e5e5e5}.mod-ct .detail .arrow{padding:6px 34px;border:1px solid #e5e5e5}.mod-ct .detail .arrow .ico-arrow{display:inline-block;width:20px;height:11px;background:url("./wechat-pay.png") -25px -100px no-repeat}.mod-ct .detail-open .arrow .ico-arrow{display:inline-block;width:20px;height:11px;background:url("./wechat-pay.png") 0 -100px no-repeat}.mod-ct .detail-open .detail-ct{display:block}.mod-ct .tip{margin-top:40px;border-top:1px dashed #e5e5e5;padding:30px 0;position:relative}.mod-ct .tip .ico-scan{display:inline-block;width:56px;height:55px;background:url("./wechat-pay.png") 0 0 no-repeat;vertical-align:middle;*display:inline;*zoom:1}.mod-ct .tip .tip-text{display:inline-block;vertical-align:middle;text-align:left;margin-left:23px;font-size:16px;line-height:28px;*display:inline;*zoom:1}.mod-ct .tip .dec{display:inline-block;width:22px;height:45px;background:url("./wechat-pay.png") 0 -55px no-repeat;position:absolute;top:-23px}.mod-ct .tip .dec-left{background-position:0 -55px;left:-136px}.mod-ct .tip .dec-right{background-position:-25px -55px;right:-136px}.foot{text-align:center;margin:30px auto;color:#888888;font-size:12px;line-height:20px;font-family:"simsun"}.foot .link{color:#0071ce}
|
||||
Reference in New Issue
Block a user