first commit
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
@@ -0,0 +1,15 @@
|
||||
@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:38px;background:url("./alipay-pay.png") 0 -113px 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}
|
||||
.open_app{margin-top:30px}
|
||||
a.btn-open-app{border:1px solid #328ce5;padding:10px 20px;color:#fff;background:#328ce5;font-size:14px;cursor:pointer;}
|
||||
a.btn-check{padding:10px 20px;color:#328ce5;font-size:14px;cursor:pointer;}
|
||||
@media (max-width:768px){.mod-ct{width:100%;padding:0;border:0}
|
||||
.mod-ct .tip .dec-right{display:none}
|
||||
.mod-ct .detail{margin-top:30px}
|
||||
.mod-ct .detail .detail-ct{padding:0 19px;margin-bottom:19px}
|
||||
}
|
||||
.top-guide[data-v-cd35abb6]{padding-top:.16rem;animation:myfirst 1.6s infinite}
|
||||
@keyframes myfirst{0%{transform:translateY(0)}
|
||||
50%{transform:translateY(.21333rem)}
|
||||
100%{transform:translateY(0)}
|
||||
}
|
||||
.guide{text-align:center;position:fixed;top:0;left:0;z-index:10;width:100vw;height:100vh;background:rgba(51,51,51,.92)}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
@@ -0,0 +1,9 @@
|
||||
@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("./bank-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("./bank-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("./bank-pay.png") -25px -100px no-repeat}.mod-ct .detail-open .arrow .ico-arrow{display:inline-block;width:20px;height:11px;background:url("./bank-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("./bank-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("./bank-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}
|
||||
.open_app{margin-top:30px}
|
||||
a.btn-open-app{border:1px solid #328ce5;padding:10px 20px;color:#fff;background:#328ce5;font-size:14px;cursor:pointer;}
|
||||
a.btn-check{padding:10px 20px;color:#328ce5;font-size:14px;cursor:pointer;}
|
||||
@media (max-width:768px){.mod-ct{width:100%;padding:0;border:0}
|
||||
.mod-ct .tip .dec-right{display:none}
|
||||
.mod-ct .detail{margin-top:30px}
|
||||
.mod-ct .detail .detail-ct{padding:0 19px;margin-bottom:19px}
|
||||
}
|
||||
Vendored
+7
File diff suppressed because one or more lines are too long
Vendored
+11
File diff suppressed because one or more lines are too long
@@ -0,0 +1,383 @@
|
||||
/*
|
||||
=================================================================
|
||||
(#06dps) Datepicker for Bootstrap
|
||||
Copyright 2012 Stefan Petre
|
||||
Improvements by Andrew Rowls
|
||||
|
||||
Licensed under the Apache License v2.0
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
=================================================================
|
||||
*/
|
||||
|
||||
.datepicker {
|
||||
padding: 5px;
|
||||
direction: ltr;
|
||||
z-index: 1051 !important;
|
||||
}
|
||||
.datepicker-inline {
|
||||
width: 220px;
|
||||
}
|
||||
.datepicker.datepicker-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.datepicker.datepicker-rtl table tr td span {
|
||||
float: right;
|
||||
}
|
||||
.datepicker-dropdown {
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 5px !important;
|
||||
}
|
||||
.datepicker-dropdown:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid #ccc;
|
||||
border-top: 0;
|
||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||
position: absolute;
|
||||
}
|
||||
.datepicker-dropdown:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #ffffff;
|
||||
border-top: 0;
|
||||
position: absolute;
|
||||
}
|
||||
.datepicker-dropdown.dropdown-menu {
|
||||
-webkit-transform: none !important;
|
||||
transform: none !important;
|
||||
-webkit-transition: none !important;
|
||||
transition: none !important;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-left:before {
|
||||
left: 6px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-left:after {
|
||||
left: 7px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-right:before {
|
||||
right: 6px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-right:after {
|
||||
right: 7px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-bottom:before {
|
||||
top: -7px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-bottom:after {
|
||||
top: -6px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-top:before {
|
||||
bottom: -7px;
|
||||
border-bottom: 0;
|
||||
border-top: 7px solid rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-top:after {
|
||||
bottom: -6px;
|
||||
border-bottom: 0;
|
||||
border-top: 6px solid #ffffff;
|
||||
}
|
||||
.datepicker.days div.datepicker-days {
|
||||
display: block;
|
||||
}
|
||||
.datepicker.months div.datepicker-months {
|
||||
display: block;
|
||||
}
|
||||
.datepicker.years div.datepicker-years {
|
||||
display: block;
|
||||
}
|
||||
.datepicker table {
|
||||
margin: 0;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.datepicker td,
|
||||
.datepicker th {
|
||||
text-align: center;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.table-striped .datepicker table tr td,
|
||||
.table-striped .datepicker table tr th {
|
||||
background-color: transparent;
|
||||
}
|
||||
.datepicker table tr td.day:hover {
|
||||
background: #eeeeee;
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker table tr td.old,
|
||||
.datepicker table tr td.new {
|
||||
color: #999999;
|
||||
}
|
||||
.datepicker table tr td.disabled,
|
||||
.datepicker table tr td.disabled:hover {
|
||||
background: none;
|
||||
color: #999999;
|
||||
cursor: default;
|
||||
}
|
||||
.datepicker table tr td.today,
|
||||
.datepicker table tr td.today:hover,
|
||||
.datepicker table tr td.today.disabled,
|
||||
.datepicker table tr td.today.disabled:hover {
|
||||
background-color: #fde19a;
|
||||
color: #000;
|
||||
}
|
||||
.datepicker table tr td.today:hover,
|
||||
.datepicker table tr td.today:hover:hover,
|
||||
.datepicker table tr td.today.disabled:hover,
|
||||
.datepicker table tr td.today.disabled:hover:hover,
|
||||
.datepicker table tr td.today:active,
|
||||
.datepicker table tr td.today:hover:active,
|
||||
.datepicker table tr td.today.disabled:active,
|
||||
.datepicker table tr td.today.disabled:hover:active,
|
||||
.datepicker table tr td.today.active,
|
||||
.datepicker table tr td.today:hover.active,
|
||||
.datepicker table tr td.today.disabled.active,
|
||||
.datepicker table tr td.today.disabled:hover.active,
|
||||
.datepicker table tr td.today.disabled,
|
||||
.datepicker table tr td.today:hover.disabled,
|
||||
.datepicker table tr td.today.disabled.disabled,
|
||||
.datepicker table tr td.today.disabled:hover.disabled,
|
||||
.datepicker table tr td.today[disabled],
|
||||
.datepicker table tr td.today:hover[disabled],
|
||||
.datepicker table tr td.today.disabled[disabled],
|
||||
.datepicker table tr td.today.disabled:hover[disabled] {
|
||||
background-color: #fdf59a;
|
||||
}
|
||||
.datepicker table tr td.today:active,
|
||||
.datepicker table tr td.today:hover:active,
|
||||
.datepicker table tr td.today.disabled:active,
|
||||
.datepicker table tr td.today.disabled:hover:active,
|
||||
.datepicker table tr td.today.active,
|
||||
.datepicker table tr td.today:hover.active,
|
||||
.datepicker table tr td.today.disabled.active,
|
||||
.datepicker table tr td.today.disabled:hover.active {
|
||||
background-color: #fbf069 \9;
|
||||
}
|
||||
.datepicker table tr td.today:hover:hover {
|
||||
color: #000;
|
||||
}
|
||||
.datepicker table tr td.today.active:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.datepicker table tr td.range,
|
||||
.datepicker table tr td.range:hover,
|
||||
.datepicker table tr td.range.disabled,
|
||||
.datepicker table tr td.range.disabled:hover {
|
||||
background: #eeeeee;
|
||||
border-radius: 0;
|
||||
}
|
||||
.datepicker table tr td.range.today,
|
||||
.datepicker table tr td.range.today:hover,
|
||||
.datepicker table tr td.range.today.disabled,
|
||||
.datepicker table tr td.range.today.disabled:hover {
|
||||
background-color: #f3d17a;
|
||||
}
|
||||
.datepicker table tr td.range.today:hover,
|
||||
.datepicker table tr td.range.today:hover:hover,
|
||||
.datepicker table tr td.range.today.disabled:hover,
|
||||
.datepicker table tr td.range.today.disabled:hover:hover,
|
||||
.datepicker table tr td.range.today:active,
|
||||
.datepicker table tr td.range.today:hover:active,
|
||||
.datepicker table tr td.range.today.disabled:active,
|
||||
.datepicker table tr td.range.today.disabled:hover:active,
|
||||
.datepicker table tr td.range.today.active,
|
||||
.datepicker table tr td.range.today:hover.active,
|
||||
.datepicker table tr td.range.today.disabled.active,
|
||||
.datepicker table tr td.range.today.disabled:hover.active,
|
||||
.datepicker table tr td.range.today.disabled,
|
||||
.datepicker table tr td.range.today:hover.disabled,
|
||||
.datepicker table tr td.range.today.disabled.disabled,
|
||||
.datepicker table tr td.range.today.disabled:hover.disabled,
|
||||
.datepicker table tr td.range.today[disabled],
|
||||
.datepicker table tr td.range.today:hover[disabled],
|
||||
.datepicker table tr td.range.today.disabled[disabled],
|
||||
.datepicker table tr td.range.today.disabled:hover[disabled] {
|
||||
background-color: #f3e97a;
|
||||
}
|
||||
.datepicker table tr td.range.today:active,
|
||||
.datepicker table tr td.range.today:hover:active,
|
||||
.datepicker table tr td.range.today.disabled:active,
|
||||
.datepicker table tr td.range.today.disabled:hover:active,
|
||||
.datepicker table tr td.range.today.active,
|
||||
.datepicker table tr td.range.today:hover.active,
|
||||
.datepicker table tr td.range.today.disabled.active,
|
||||
.datepicker table tr td.range.today.disabled:hover.active {
|
||||
background-color: #efe24b \9;
|
||||
}
|
||||
.datepicker table tr td.selected,
|
||||
.datepicker table tr td.selected:hover,
|
||||
.datepicker table tr td.selected.disabled,
|
||||
.datepicker table tr td.selected.disabled:hover {
|
||||
background-color: #9e9e9e;
|
||||
color: #ffffff;
|
||||
}
|
||||
.datepicker table tr td.selected:hover,
|
||||
.datepicker table tr td.selected:hover:hover,
|
||||
.datepicker table tr td.selected.disabled:hover,
|
||||
.datepicker table tr td.selected.disabled:hover:hover,
|
||||
.datepicker table tr td.selected:active,
|
||||
.datepicker table tr td.selected:hover:active,
|
||||
.datepicker table tr td.selected.disabled:active,
|
||||
.datepicker table tr td.selected.disabled:hover:active,
|
||||
.datepicker table tr td.selected.active,
|
||||
.datepicker table tr td.selected:hover.active,
|
||||
.datepicker table tr td.selected.disabled.active,
|
||||
.datepicker table tr td.selected.disabled:hover.active,
|
||||
.datepicker table tr td.selected.disabled,
|
||||
.datepicker table tr td.selected:hover.disabled,
|
||||
.datepicker table tr td.selected.disabled.disabled,
|
||||
.datepicker table tr td.selected.disabled:hover.disabled,
|
||||
.datepicker table tr td.selected[disabled],
|
||||
.datepicker table tr td.selected:hover[disabled],
|
||||
.datepicker table tr td.selected.disabled[disabled],
|
||||
.datepicker table tr td.selected.disabled:hover[disabled] {
|
||||
background-color: #808080;
|
||||
}
|
||||
.datepicker table tr td.selected:active,
|
||||
.datepicker table tr td.selected:hover:active,
|
||||
.datepicker table tr td.selected.disabled:active,
|
||||
.datepicker table tr td.selected.disabled:hover:active,
|
||||
.datepicker table tr td.selected.active,
|
||||
.datepicker table tr td.selected:hover.active,
|
||||
.datepicker table tr td.selected.disabled.active,
|
||||
.datepicker table tr td.selected.disabled:hover.active {
|
||||
background-color: #666666 \9;
|
||||
}
|
||||
.datepicker table tr td.active,
|
||||
.datepicker table tr td.active:hover,
|
||||
.datepicker table tr td.active.disabled,
|
||||
.datepicker table tr td.active.disabled:hover {
|
||||
background-color: #5ccdde;
|
||||
color: #ffffff;
|
||||
}
|
||||
.datepicker table tr td.active:hover,
|
||||
.datepicker table tr td.active:hover:hover,
|
||||
.datepicker table tr td.active.disabled:hover,
|
||||
.datepicker table tr td.active.disabled:hover:hover,
|
||||
.datepicker table tr td.active:active,
|
||||
.datepicker table tr td.active:hover:active,
|
||||
.datepicker table tr td.active.disabled:active,
|
||||
.datepicker table tr td.active.disabled:hover:active,
|
||||
.datepicker table tr td.active.active,
|
||||
.datepicker table tr td.active:hover.active,
|
||||
.datepicker table tr td.active.disabled.active,
|
||||
.datepicker table tr td.active.disabled:hover.active,
|
||||
.datepicker table tr td.active.disabled,
|
||||
.datepicker table tr td.active:hover.disabled,
|
||||
.datepicker table tr td.active.disabled.disabled,
|
||||
.datepicker table tr td.active.disabled:hover.disabled,
|
||||
.datepicker table tr td.active[disabled],
|
||||
.datepicker table tr td.active:hover[disabled],
|
||||
.datepicker table tr td.active.disabled[disabled],
|
||||
.datepicker table tr td.active.disabled:hover[disabled] {
|
||||
background-color: #5ccdde;
|
||||
}
|
||||
.datepicker table tr td.active:active,
|
||||
.datepicker table tr td.active:hover:active,
|
||||
.datepicker table tr td.active.disabled:active,
|
||||
.datepicker table tr td.active.disabled:hover:active,
|
||||
.datepicker table tr td.active.active,
|
||||
.datepicker table tr td.active:hover.active,
|
||||
.datepicker table tr td.active.disabled.active,
|
||||
.datepicker table tr td.active.disabled:hover.active {
|
||||
background-color: #003399 \9;
|
||||
}
|
||||
.datepicker table tr td span {
|
||||
display: block;
|
||||
width: 23%;
|
||||
height: 54px;
|
||||
line-height: 54px;
|
||||
float: left;
|
||||
margin: 1%;
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker table tr td span:hover {
|
||||
background: #eeeeee;
|
||||
}
|
||||
.datepicker table tr td span.disabled,
|
||||
.datepicker table tr td span.disabled:hover {
|
||||
background: none;
|
||||
color: #999999;
|
||||
cursor: default;
|
||||
}
|
||||
.datepicker table tr td span.active,
|
||||
.datepicker table tr td span.active:hover,
|
||||
.datepicker table tr td span.active.disabled,
|
||||
.datepicker table tr td span.active.disabled:hover {
|
||||
background-color: #006dcc;
|
||||
color: #ffffff;
|
||||
}
|
||||
.datepicker table tr td span.active:hover,
|
||||
.datepicker table tr td span.active:hover:hover,
|
||||
.datepicker table tr td span.active.disabled:hover,
|
||||
.datepicker table tr td span.active.disabled:hover:hover,
|
||||
.datepicker table tr td span.active:active,
|
||||
.datepicker table tr td span.active:hover:active,
|
||||
.datepicker table tr td span.active.disabled:active,
|
||||
.datepicker table tr td span.active.disabled:hover:active,
|
||||
.datepicker table tr td span.active.active,
|
||||
.datepicker table tr td span.active:hover.active,
|
||||
.datepicker table tr td span.active.disabled.active,
|
||||
.datepicker table tr td span.active.disabled:hover.active,
|
||||
.datepicker table tr td span.active.disabled,
|
||||
.datepicker table tr td span.active:hover.disabled,
|
||||
.datepicker table tr td span.active.disabled.disabled,
|
||||
.datepicker table tr td span.active.disabled:hover.disabled,
|
||||
.datepicker table tr td span.active[disabled],
|
||||
.datepicker table tr td span.active:hover[disabled],
|
||||
.datepicker table tr td span.active.disabled[disabled],
|
||||
.datepicker table tr td span.active.disabled:hover[disabled] {
|
||||
background-color: #5ccdde;
|
||||
}
|
||||
.datepicker table tr td span.active:active,
|
||||
.datepicker table tr td span.active:hover:active,
|
||||
.datepicker table tr td span.active.disabled:active,
|
||||
.datepicker table tr td span.active.disabled:hover:active,
|
||||
.datepicker table tr td span.active.active,
|
||||
.datepicker table tr td span.active:hover.active,
|
||||
.datepicker table tr td span.active.disabled.active,
|
||||
.datepicker table tr td span.active.disabled:hover.active {
|
||||
background-color: #003399 \9;
|
||||
}
|
||||
.datepicker table tr td span.old,
|
||||
.datepicker table tr td span.new {
|
||||
color: #999999;
|
||||
}
|
||||
.datepicker th.datepicker-switch {
|
||||
width: 145px;
|
||||
}
|
||||
.datepicker .datepicker-switch,
|
||||
.datepicker .prev,
|
||||
.datepicker .next,
|
||||
.datepicker tfoot tr th {
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker thead tr:first-child th,
|
||||
.datepicker tfoot tr th {
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker thead tr:first-child th:hover,
|
||||
.datepicker tfoot tr th:hover {
|
||||
background: #eeeeee;
|
||||
}
|
||||
.datepicker .cw {
|
||||
font-size: 10px;
|
||||
width: 12px;
|
||||
padding: 0 2px 0 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.datepicker thead tr:first-child th.cw {
|
||||
cursor: default;
|
||||
background-color: transparent;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
@@ -0,0 +1,6 @@
|
||||
@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}
|
||||
@media (max-width:768px){.mod-ct{width:100%;padding:0;border:0}
|
||||
.mod-ct .tip .dec-right{display:none}
|
||||
.mod-ct .detail{margin-top:30px}
|
||||
.mod-ct .detail .detail-ct{padding:0 19px;margin-bottom:19px}
|
||||
}
|
||||
@@ -0,0 +1,236 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* 导航 */
|
||||
.navBD12{ border-bottom:1px solid #89c1ed;}
|
||||
.nav12{ height:60px; padding-top:14px;}
|
||||
.nav12 img{ max-height:100%;}
|
||||
.nav12-left{ height:100%;float:left;}
|
||||
.nav12-right{ height:100%;float:right;padding-top: 7px;font-size: 22px;color: #6586ff;}
|
||||
.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;}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
@@ -0,0 +1,6 @@
|
||||
@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}
|
||||
@media (max-width:768px){.mod-ct{width:100%;padding:0;border:0}
|
||||
.mod-ct .tip .dec-right{display:none}
|
||||
.mod-ct .detail{margin-top:30px}
|
||||
.mod-ct .detail .detail-ct{padding:0 19px;margin-bottom:19px}
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
@@ -0,0 +1,10 @@
|
||||
@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}
|
||||
@media (max-width:768px){.mod-ct{width:100%;padding:0;border:0}
|
||||
.mod-ct .tip .dec-right{display:none}
|
||||
.mod-ct .detail{margin-top:30px}
|
||||
.mod-ct .detail .detail-ct{padding:0 19px;margin-bottom:19px}
|
||||
}
|
||||
.mobile-btn{margin-top:30px}
|
||||
.mobile-tip{color:red;font-size:14px;max-width:92%;margin: 0 auto;}
|
||||
.mobile-btn .mobile-tip{margin-bottom:30px;padding:15px 7px;border:1px dashed #06ae56;}
|
||||
a.btn-copy-link{padding:10px 30px;cursor:pointer;color:#06ae56;background-color:#f2f2f2;font-size:20px;font-weight:700;}
|
||||
Vendored
+5
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user