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
@@ -0,0 +1,803 @@
|
||||
#body {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ztree * {
|
||||
font-size: 14px;
|
||||
font-family: "Microsoft Yahei", Verdana, Simsun, "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue", Arial
|
||||
}
|
||||
|
||||
.ztree {
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.ztree li ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
.ztree li {
|
||||
line-height: 32px;
|
||||
padding-left: 1em
|
||||
}
|
||||
|
||||
.ztree li a {
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
padding-top: 0;
|
||||
padding-right: 0;
|
||||
color: #666;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.ztree li a::before {
|
||||
content: " ";
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
user-select: none;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.ztree li a.curSelectedNode::before {
|
||||
background: #f1f0f0;
|
||||
}
|
||||
|
||||
.ztree li a.curSelectedNode::after {
|
||||
content: ' ';
|
||||
display: block;
|
||||
width: 4px;
|
||||
float: right;
|
||||
background-color: #5FB878;
|
||||
height: 32px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ztree li a:hover::before {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.ztree li a>span {
|
||||
position: relative
|
||||
}
|
||||
|
||||
.ztree li.level0>a {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.ztree li a:hover {
|
||||
text-decoration: none;
|
||||
color: #5FB878;
|
||||
}
|
||||
|
||||
.ztree li a span.button.switch {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.ztree li a span.button.noline_docu {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.ztree.showIcon li a span.button.switch {
|
||||
visibility: visible
|
||||
}
|
||||
|
||||
.ztree li a.curSelectedNode {
|
||||
border: 0;
|
||||
height: 32px;
|
||||
font-weight: bold;
|
||||
color: #5FB878;
|
||||
}
|
||||
|
||||
.ztree li span {
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
.ztree li span.button {
|
||||
margin-top: -7px;
|
||||
background-image: url("../images/left_menuForOutLook.png");
|
||||
*background-image: url("../images/left_menuForOutLook.gif")
|
||||
}
|
||||
|
||||
.ztree li span.button.switch {
|
||||
width: 20px;
|
||||
height: 16px;
|
||||
z-index: 2
|
||||
}
|
||||
|
||||
.ztree li span.button.switch.level0 {
|
||||
width: 20px;
|
||||
height: 20px
|
||||
}
|
||||
|
||||
.ztree li span.button.switch.level1 {
|
||||
width: 20px;
|
||||
height: 20px
|
||||
}
|
||||
|
||||
.ztree li span.button.noline_open {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.ztree li span.button.noline_close {
|
||||
background-position: -18px 0;
|
||||
}
|
||||
|
||||
.ztree li a.tmpTargetNode_inner {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.ztree li a.tmpTargetNode_inner::before {
|
||||
height: 32px;
|
||||
background-color: #5FB878;
|
||||
border: 1px solid #009688;
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
span.tmpzTreeMove_arrow {
|
||||
margin: 7px 0 0 1em;
|
||||
}
|
||||
|
||||
#editormd {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#leftbar .copyright {
|
||||
color: #333;
|
||||
border-top: 1px solid #dddddd;
|
||||
}
|
||||
|
||||
#leftbar .layui-tab {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#content_body>h1:first-child {
|
||||
color: #393D49;
|
||||
text-align: center;
|
||||
font-size: 2rem;
|
||||
padding-top: 12px;
|
||||
}
|
||||
|
||||
#searchForm {
|
||||
padding: 0 10px 10px 10px;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.searchResultNone {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
width: 260px;
|
||||
text-align: center;
|
||||
color: #c2c2c2;
|
||||
}
|
||||
|
||||
.searchResultNone .layui-icon {
|
||||
font-size: 48px;
|
||||
}
|
||||
|
||||
.searchResultNone p {
|
||||
margin-top: 4px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
/* markdown正文 */
|
||||
|
||||
.markdown-body {
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
color: #333;
|
||||
overflow: hidden;
|
||||
font-family: "Microsoft YaHei", Helvetica, "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", "Monaco", monospace, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif;
|
||||
font-size: 16px;
|
||||
line-height: 1.6;
|
||||
word-wrap: break-word;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.markdown-body * {
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.markdown-body a {
|
||||
background: transparent;
|
||||
color: #01AAED;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.markdown-body h1>a,
|
||||
.markdown-body h2>a,
|
||||
.markdown-body h3>a,
|
||||
.markdown-body h4>a,
|
||||
.markdown-body h5>a,
|
||||
.markdown-body h6>a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.markdown-body a:active,
|
||||
.markdown-body a:hover {
|
||||
outline: 0;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.markdown-body strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.markdown-body img {
|
||||
border: 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.markdown-body hr {
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.markdown-body code,
|
||||
.markdown-body kbd {
|
||||
font-family: inherit;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.markdown-body input {
|
||||
color: inherit;
|
||||
font: inherit;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.markdown-body html input[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.markdown-body input {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.markdown-body input[type="checkbox"] {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.markdown-body input {
|
||||
font: 13px/1.4 Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
}
|
||||
|
||||
.markdown-body hr {
|
||||
height: 0;
|
||||
margin: 15px 0;
|
||||
overflow: hidden;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.markdown-body hr:before {
|
||||
display: table;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.markdown-body hr:after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.markdown-body h1,
|
||||
.markdown-body h2,
|
||||
.markdown-body h3,
|
||||
.markdown-body h4,
|
||||
.markdown-body h5,
|
||||
.markdown-body h6 {
|
||||
position: relative;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.markdown-body h1 {
|
||||
font-size: 2.25em;
|
||||
border-bottom: 1px solid #eee;
|
||||
text-align: center;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.markdown-body h2 {
|
||||
padding-bottom: 0.3em;
|
||||
font-size: 1.75em;
|
||||
line-height: 1.225;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.markdown-body h3 {
|
||||
font-size: 1.5em;
|
||||
line-height: 1.43;
|
||||
}
|
||||
|
||||
.markdown-body h4 {
|
||||
font-size: 1.25em;
|
||||
}
|
||||
|
||||
.markdown-body h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.markdown-body h6 {
|
||||
font-size: 1em;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.markdown-body ul,
|
||||
.markdown-body ol {
|
||||
padding: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
padding-left: 2em;
|
||||
}
|
||||
|
||||
.markdown-body ol ol,
|
||||
.markdown-body ul ol {
|
||||
list-style-type: lower-roman;
|
||||
}
|
||||
|
||||
.markdown-body ul ul ol,
|
||||
.markdown-body ul ol ol,
|
||||
.markdown-body ol ul ol,
|
||||
.markdown-body ol ol ol {
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
|
||||
.markdown-body dd {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.markdown-body .octicon {
|
||||
font: normal normal 16px octicons-anchor;
|
||||
line-height: 1;
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.markdown-body .octicon-link:before {
|
||||
content: '\f05c';
|
||||
}
|
||||
|
||||
.markdown-body>*:first-child {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.markdown-body>*:last-child {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.markdown-body .anchor {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
padding-right: 6px;
|
||||
padding-left: 30px;
|
||||
margin-left: -30px;
|
||||
}
|
||||
|
||||
.markdown-body .anchor:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.markdown-body h1 .octicon-link,
|
||||
.markdown-body h2 .octicon-link,
|
||||
.markdown-body h3 .octicon-link,
|
||||
.markdown-body h4 .octicon-link,
|
||||
.markdown-body h5 .octicon-link,
|
||||
.markdown-body h6 .octicon-link {
|
||||
display: none;
|
||||
color: #000;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.markdown-body h1:hover .anchor,
|
||||
.markdown-body h2:hover .anchor,
|
||||
.markdown-body h3:hover .anchor,
|
||||
.markdown-body h4:hover .anchor,
|
||||
.markdown-body h5:hover .anchor,
|
||||
.markdown-body h6:hover .anchor {
|
||||
padding-left: 8px;
|
||||
margin-left: -30px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.markdown-body h1:hover .anchor .octicon-link,
|
||||
.markdown-body h2:hover .anchor .octicon-link,
|
||||
.markdown-body h3:hover .anchor .octicon-link,
|
||||
.markdown-body h4:hover .anchor .octicon-link,
|
||||
.markdown-body h5:hover .anchor .octicon-link,
|
||||
.markdown-body h6:hover .anchor .octicon-link {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.markdown-body h1 .anchor {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.markdown-body h2 .anchor {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.markdown-body h3 .anchor {
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
|
||||
.markdown-body h4 .anchor {
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.markdown-body h5 .anchor {
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
.markdown-body h6 .anchor {
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
.markdown-body p,
|
||||
.markdown-body ul,
|
||||
.markdown-body ol,
|
||||
.markdown-body dl {
|
||||
margin-top: 0;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.markdown-body ul ul,
|
||||
.markdown-body ul ol,
|
||||
.markdown-body ol ol,
|
||||
.markdown-body ol ul {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.markdown-body li>p {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.markdown-body dl {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.markdown-body dl dt {
|
||||
padding: 0;
|
||||
margin-top: 16px;
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.markdown-body dl dd {
|
||||
padding: 0 16px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.markdown-body code {
|
||||
padding: 0.2em;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
color: #FF5722;
|
||||
}
|
||||
|
||||
.markdown-body code:before,
|
||||
.markdown-body code:after {
|
||||
letter-spacing: -0.2em;
|
||||
content: "\00a0";
|
||||
}
|
||||
|
||||
.syntaxhighlighter code:before,
|
||||
.syntaxhighlighter code:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
.markdown-body .highlight {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.markdown-body kbd {
|
||||
display: inline-block;
|
||||
padding: 3px 5px;
|
||||
font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
||||
line-height: 10px;
|
||||
color: #555;
|
||||
vertical-align: middle;
|
||||
background-color: #fcfcfc;
|
||||
border: solid 1px #ccc;
|
||||
border-bottom-color: #bbb;
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 0 -1px 0 #bbb;
|
||||
}
|
||||
|
||||
.markdown-body .pl-c {
|
||||
color: #969896;
|
||||
}
|
||||
|
||||
.markdown-body .pl-c1,
|
||||
.markdown-body .pl-mdh,
|
||||
.markdown-body .pl-mm,
|
||||
.markdown-body .pl-mp,
|
||||
.markdown-body .pl-mr,
|
||||
.markdown-body .pl-s1 .pl-v,
|
||||
.markdown-body .pl-s3,
|
||||
.markdown-body .pl-sc,
|
||||
.markdown-body .pl-sv {
|
||||
color: #0086b3;
|
||||
}
|
||||
|
||||
.markdown-body .pl-e,
|
||||
.markdown-body .pl-en {
|
||||
color: #795da3;
|
||||
}
|
||||
|
||||
.markdown-body .pl-s1 .pl-s2,
|
||||
.markdown-body .pl-smi,
|
||||
.markdown-body .pl-smp,
|
||||
.markdown-body .pl-stj,
|
||||
.markdown-body .pl-vo,
|
||||
.markdown-body .pl-vpf {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.markdown-body .pl-ent {
|
||||
color: #63a35c;
|
||||
}
|
||||
|
||||
.markdown-body .pl-k,
|
||||
.markdown-body .pl-s,
|
||||
.markdown-body .pl-st {
|
||||
color: #a71d5d;
|
||||
}
|
||||
|
||||
.markdown-body .pl-pds,
|
||||
.markdown-body .pl-s1,
|
||||
.markdown-body .pl-s1 .pl-pse .pl-s2,
|
||||
.markdown-body .pl-sr,
|
||||
.markdown-body .pl-sr .pl-cce,
|
||||
.markdown-body .pl-sr .pl-sra,
|
||||
.markdown-body .pl-sr .pl-sre,
|
||||
.markdown-body .pl-src {
|
||||
color: #df5000;
|
||||
}
|
||||
|
||||
.markdown-body .pl-mo,
|
||||
.markdown-body .pl-v {
|
||||
color: #1d3e81;
|
||||
}
|
||||
|
||||
.markdown-body .pl-id {
|
||||
color: #b52a1d;
|
||||
}
|
||||
|
||||
.markdown-body .pl-ii {
|
||||
background-color: #b52a1d;
|
||||
color: #f8f8f8;
|
||||
}
|
||||
|
||||
.markdown-body .pl-sr .pl-cce {
|
||||
color: #63a35c;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.markdown-body .pl-ml {
|
||||
color: #693a17;
|
||||
}
|
||||
|
||||
.markdown-body .pl-mh,
|
||||
.markdown-body .pl-mh .pl-en,
|
||||
.markdown-body .pl-ms {
|
||||
color: #1d3e81;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.markdown-body .pl-mq {
|
||||
color: #008080;
|
||||
}
|
||||
|
||||
.markdown-body .pl-mi {
|
||||
color: #333;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.markdown-body .pl-mb {
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.markdown-body .pl-md,
|
||||
.markdown-body .pl-mdhf {
|
||||
background-color: #ffecec;
|
||||
color: #bd2c00;
|
||||
}
|
||||
|
||||
.markdown-body .pl-mdht,
|
||||
.markdown-body .pl-mi1 {
|
||||
background-color: #eaffea;
|
||||
color: #55a532;
|
||||
}
|
||||
|
||||
.markdown-body .pl-mdr {
|
||||
color: #795da3;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.markdown-body .task-list-item {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.markdown-body .task-list-item+.task-list-item {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.markdown-body .task-list-item input {
|
||||
float: left;
|
||||
margin: 0.3em 0 0.25em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.markdown-body :checked+.radio-label {
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
border-color: #4183c4;
|
||||
}
|
||||
|
||||
.markdown-body .editormd-toc-menu ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.markdown-body th {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.syntaxhighlighter a,
|
||||
.syntaxhighlighter div,
|
||||
.syntaxhighlighter code,
|
||||
.syntaxhighlighter,
|
||||
.syntaxhighlighter td,
|
||||
.syntaxhighlighter tr,
|
||||
.syntaxhighlighter tbody,
|
||||
.syntaxhighlighter thead,
|
||||
.syntaxhighlighter caption,
|
||||
.syntaxhighlighter textarea {
|
||||
font-family: Menlo, Monaco, Menlo, Consolas, source-code-pro, "Liberation Mono", "Ubuntu Mono", Courier, "Helvetica Neue", "Microsoft Yahei", 微软雅黑, "Lantinghei SC", STXihei, WenQuanYi, sans-serif;
|
||||
font-size: 14px !important;
|
||||
line-height: 1.625em !important;
|
||||
}
|
||||
|
||||
.syntaxhighlighter {
|
||||
margin: 1.625em 0 !important;
|
||||
background-color: #fafafa !important;
|
||||
}
|
||||
|
||||
.syntaxhighlighter textarea {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.layui-elem-quote {
|
||||
border-color: #5FB878;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
.layui-elem-quote>p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: inherit;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.syntaxhighlighter .gutter {
|
||||
color: #237893 !important;
|
||||
}
|
||||
|
||||
.syntaxhighlighter .plain,
|
||||
.syntaxhighlighter .plain a {
|
||||
word-break: break-all;
|
||||
color: #333 !important
|
||||
}
|
||||
|
||||
.syntaxhighlighter .comments,
|
||||
.syntaxhighlighter .comments a {
|
||||
color: gray !important;
|
||||
}
|
||||
|
||||
.syntaxhighlighter .string,
|
||||
.syntaxhighlighter .string a {
|
||||
color: #10893E !important
|
||||
}
|
||||
|
||||
.syntaxhighlighter .keyword {
|
||||
color: #ff7800 !important
|
||||
}
|
||||
|
||||
.syntaxhighlighter .variable {
|
||||
color: #1E9FFF !important
|
||||
}
|
||||
|
||||
.syntaxhighlighter .functions {
|
||||
color: #FF5722 !important
|
||||
}
|
||||
|
||||
.syntaxhighlighter .constants {
|
||||
color: #5200FF !important
|
||||
}
|
||||
|
||||
#article-content {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#article-content li {
|
||||
list-style: inherit;
|
||||
}
|
||||
|
||||
#content-toc-wrap {
|
||||
width: 16em;
|
||||
position: fixed;
|
||||
right: 2em;
|
||||
z-index: 99;
|
||||
border: 1px solid #dbdbdb;
|
||||
background-color: rgba(255, 255, 255, 0.618);
|
||||
backdrop-filter: blur(4px);
|
||||
}
|
||||
|
||||
#content-toc {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#content-toc ol {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#content-toc>ol {
|
||||
padding: 0.6em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#content-toc li {
|
||||
line-height: 28px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
width: 100%;
|
||||
float: left;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#content-toc a {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#content-toc a:hover {
|
||||
color: #5FB878;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.content-toc-title {
|
||||
margin-bottom: 0 !important;
|
||||
border-bottom: 1px solid #dbdbdb;
|
||||
padding: 0.5em;
|
||||
font-weight: bold;
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
#content-toc-wrap {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,348 @@
|
||||
/* 设置滚动条的样式 */
|
||||
::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
/* 滚动槽 */
|
||||
::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
/* 滚动条滑块 */
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 8px;
|
||||
background: #5FB878;
|
||||
-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:window-inactive {
|
||||
background: #5FB878;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.pull-left {
|
||||
float: left !important;
|
||||
}
|
||||
|
||||
.pull-right {
|
||||
float: right !important;
|
||||
}
|
||||
|
||||
#mask {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
background-color: rgba(0, 0, 0, 0.382);
|
||||
display: none;
|
||||
}
|
||||
|
||||
#navbar {
|
||||
background-color: #393D49;
|
||||
background: -webkit-gradient(left top, right top, color-stop(0%, #70e1f5), color-stop(100%, #FFD194));
|
||||
background: -webkit-linear-gradient(left, #70e1f5 0%, #FFD194 100%);
|
||||
background: -o-linear-gradient(left, #70e1f5 0%, #FFD194 100%);
|
||||
background: -ms-linear-gradient(left, #70e1f5 0%, #FFD194 100%);
|
||||
background: -webkit-gradient(linear, left top, right top, from(#70e1f5), to(#FFD194));
|
||||
background: linear-gradient(200deg, #70e1f5, #ffd194);
|
||||
height: 48px;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
#navbar .bg-blur {
|
||||
background-color: rgba(255, 255, 255, 0.618);
|
||||
backdrop-filter: blur(4px);
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
|
||||
line-height: 48px;
|
||||
height: 48px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#navbar .navbar-body {
|
||||
top: 0;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
padding: 0 1em;
|
||||
}
|
||||
|
||||
#navbar .navbar-body>.layui-nav .layui-nav-more {
|
||||
border-top-color: #333;
|
||||
}
|
||||
|
||||
#navbar .navbar-body>.layui-nav .layui-nav-mored {
|
||||
border-top-color: transparent;
|
||||
border-bottom-color: #333;
|
||||
}
|
||||
|
||||
#navbar .layui-nav {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.layui-nav .layui-nav-item {
|
||||
line-height: 48px;
|
||||
}
|
||||
|
||||
#navbar .logo {
|
||||
float: left;
|
||||
font-size: 1.5rem;
|
||||
color: #333;
|
||||
line-height: 42px;
|
||||
}
|
||||
|
||||
#navbar .logo>img {
|
||||
height: 42px;
|
||||
}
|
||||
|
||||
.layui-nav .layui-nav-item a,
|
||||
.layui-nav .layui-nav-item a:hover,
|
||||
.layui-nav .layui-this a {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#leftbar {
|
||||
width: 300px;
|
||||
top: 48px;
|
||||
border-radius: 0;
|
||||
transition: left 0.5s ease;
|
||||
-webkit-transition: left 0.5s ease;
|
||||
-moz-transition: left 0.5s ease;
|
||||
-ms-transition: left 0.5s ease;
|
||||
-o-transition: left 0.5s ease;
|
||||
overflow-x: visible;
|
||||
border-right: 1px solid #eee;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
#leftbar .layui-tab-content {
|
||||
padding: 12px 2px 0 0;
|
||||
overflow-y: auto;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#leftbar .copyright {
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 24px;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
#leftbar .copyright.noScroll {
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#leftbar>li>a>i.layui-icon {
|
||||
font-size: 1.625rem;
|
||||
vertical-align: top;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#leftbar>li>dl>dd>a>i.layui-icon {
|
||||
font-size: 1.125rem;
|
||||
vertical-align: top;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#leftbar>li>dl>dd>a {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.left-show-hide {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 100%;
|
||||
transform: translateY(-100%);
|
||||
padding: 0;
|
||||
height: 64px;
|
||||
width: 18px;
|
||||
background-color: #393D49;
|
||||
color: #F0F0F0;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
opacity: 1;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.left-show-hide:hover {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.left-show-hide>.layui-icon {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#body {
|
||||
padding-left: 300px;
|
||||
width: 100%;
|
||||
padding-top: 48px;
|
||||
position: absolute;
|
||||
transition: left 0.5s ease;
|
||||
-webkit-transition: left 0.5s ease;
|
||||
-moz-transition: left 0.5s ease;
|
||||
-ms-transition: left 0.5s ease;
|
||||
-o-transition: left 0.5s ease;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.navRight {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#navMenuLeft,
|
||||
#navMenuRight {
|
||||
display: none;
|
||||
color: #333;
|
||||
line-height: 48px;
|
||||
}
|
||||
|
||||
#navMenuLeft {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#navMenuRight {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#navMenuLeft.active>i,
|
||||
#navMenuRight.active>i {
|
||||
color: #5FB878
|
||||
}
|
||||
|
||||
#navMenuLeft>i,
|
||||
#navMenuRight>i {
|
||||
font-size: 1.625rem;
|
||||
}
|
||||
|
||||
.inputBox {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.inputBox .input-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
right: 6px;
|
||||
color: #c2c2c2;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.inputBox .layui-input:focus+.input-icon {
|
||||
color: #000
|
||||
}
|
||||
|
||||
#treeSearch>li {
|
||||
padding: 0 4px 10px 6px;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
line-height: 24px;
|
||||
word-break: break-word;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#treeSearch h3 {
|
||||
font-weight: bold;
|
||||
line-height: 48px;
|
||||
}
|
||||
|
||||
#treeSearch strong {
|
||||
color: #FF5722;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
#mask {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#leftbar {
|
||||
left: -300px !important;
|
||||
}
|
||||
|
||||
#leftbar.show-item {
|
||||
left: 0 !important;
|
||||
}
|
||||
|
||||
#navbar {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#navbar .logo {
|
||||
float: none;
|
||||
margin-left: 0;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#navbar .layui-nav {
|
||||
top: -180px;
|
||||
/* 要根据导航栏项目数量调整 */
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
transition: top 0.5s ease;
|
||||
-webkit-transition: top 0.5s ease;
|
||||
-moz-transition: top 0.5s ease;
|
||||
-ms-transition: top 0.5s ease;
|
||||
-o-transition: top 0.5s ease;
|
||||
z-index: 999;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
#navbar .navbar-body {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#navbar .bg-blur {
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
#navMenuLeft,
|
||||
#navMenuRight {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#body {
|
||||
padding-left: 0
|
||||
}
|
||||
|
||||
#navbar .navbar-body>.layui-nav.show-item {
|
||||
top: 48px;
|
||||
}
|
||||
|
||||
#navbar .navbar-body>.layui-nav>.navRight {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#navbar .navbar-body>.layui-nav>.navRight .layui-nav-item {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.nav-menu {
|
||||
z-index: 1000;
|
||||
background: inherit;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
padding: 0 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.left-show-hide {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 216 B |
Binary file not shown.
|
After Width: | Height: | Size: 421 B |
@@ -0,0 +1,277 @@
|
||||
var curMenu = null, menuTree = null;
|
||||
var ajaxSetting = {
|
||||
edit: {
|
||||
drag: {
|
||||
autoExpandTrigger: true,
|
||||
prev: true,
|
||||
inner: true,
|
||||
next: true
|
||||
},
|
||||
enable: true,
|
||||
showRemoveBtn: false,
|
||||
showRenameBtn: false
|
||||
},
|
||||
view: {
|
||||
showLine: false,
|
||||
showIcon: false,
|
||||
selectedMulti: false,
|
||||
dblClickExpand: false,
|
||||
addDiyDom: addDiyDom
|
||||
},
|
||||
data: {
|
||||
key: {
|
||||
name: 'title',
|
||||
children: null,
|
||||
},
|
||||
simpleData: {
|
||||
enable: true,
|
||||
idKey: "id",
|
||||
pIdKey: 'parent_id',
|
||||
rootPId: 0,
|
||||
}
|
||||
},
|
||||
callback: {
|
||||
onClick: onClick,
|
||||
},
|
||||
};
|
||||
var loadingHandler;
|
||||
function switchNode(event, treeId, treeNode) {
|
||||
if ('pushState' in history) {
|
||||
history.pushState('', '', treeNode.url);
|
||||
getChapter(treeNode.url);
|
||||
}
|
||||
else {
|
||||
location = treeNode.url;
|
||||
}
|
||||
menuTree.expandNode(treeNode, true)
|
||||
event.preventDefault()
|
||||
}
|
||||
|
||||
function getChapter(url) {
|
||||
if (void 0 === url) {
|
||||
return;
|
||||
}
|
||||
loadingHandler = layer.open({
|
||||
type: 3,
|
||||
icon: 2,
|
||||
shade: 0.1,
|
||||
});
|
||||
$.ajax({
|
||||
method: 'GET',
|
||||
url: url,
|
||||
success: function (result) {
|
||||
try {
|
||||
var resultElement = $(result);
|
||||
$('#article-content').html(resultElement.find('#article-content').html());
|
||||
onContentChange();
|
||||
var hash = location.hash;
|
||||
if (hash.length > 0) {
|
||||
location.hash = '';
|
||||
location.hash = hash;
|
||||
}
|
||||
else {
|
||||
// 有时切换文档不在最上面
|
||||
$('#content_body').scrollTop(0)
|
||||
}
|
||||
}
|
||||
catch (err) {
|
||||
layer.alert('文档加载失败', { icon: 2 });
|
||||
}
|
||||
},
|
||||
error: function () {
|
||||
location = url;
|
||||
},
|
||||
complete: function () {
|
||||
layer.close(loadingHandler);
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
function addDiyDom(treeId, treeNode) {
|
||||
var spaceWidth = 5;
|
||||
var switchObj = $("#" + treeNode.tId + "_switch"),
|
||||
icoObj = $("#" + treeNode.tId + "_ico");
|
||||
switchObj.remove();
|
||||
icoObj.before(switchObj);
|
||||
|
||||
if (treeNode.level > 1) {
|
||||
var spaceStr = "<span style='display: inline-block;width:" + (spaceWidth * treeNode.level) + "px'></span>";
|
||||
switchObj.before(spaceStr);
|
||||
}
|
||||
}
|
||||
|
||||
function initTree(data) {
|
||||
for (var i in data) {
|
||||
data[i].target = '_self';
|
||||
}
|
||||
if (null === menuTree) {
|
||||
var treeObj = $("#treeDirectory");
|
||||
$.fn.zTree.init(treeObj, ajaxSetting, data);
|
||||
menuTree = $.fn.zTree.getZTreeObj("treeDirectory");
|
||||
var nodes = menuTree.getNodesByParam('url', location.pathname + location.hash, null);
|
||||
if (nodes.length > 0) {
|
||||
if (nodes.length > 1) {
|
||||
if (menuTree.getSelectedNodes().length > 0) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
menuTree.selectNode(nodes[0]);
|
||||
}
|
||||
else {
|
||||
menuTree.selectNode(menuTree.getNodeByParam('id', currentCatalog.id, null));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function onClick(event, treeId, treeNode) {
|
||||
// 未修改内容，直接切换
|
||||
switchNode(event, treeId, treeNode);
|
||||
setTimeout(function () {
|
||||
closeMenuLeft();
|
||||
}, 600);
|
||||
}
|
||||
|
||||
function parseLeftHeight() {
|
||||
$('#leftbar .layui-tab-content').css('max-height', ($('#leftbar').height() - $('#leftbar .layui-tab-title').height() - $('#leftbar .copyright').height()) + 'px');
|
||||
}
|
||||
|
||||
function onContentChange() {
|
||||
$('#content-toc').css('max-height', ($(document).height() / 2) + 'px');
|
||||
hCatalog('#article-content', '#content-toc');
|
||||
var content = $('#article-content');
|
||||
content.find('blockquote').addClass('layui-elem-quote');
|
||||
content.find('table').addClass('layui-table');
|
||||
content.find('pre code').each(function (index, item) {
|
||||
var pre = $(item).parent();
|
||||
var content = $(item).text();
|
||||
var brush = parseCodeBrush($(item).attr('class'));
|
||||
var newPre = $('<pre></pre>').addClass('brush: ' + brush).addClass('toolbar: false').text(content);
|
||||
pre.replaceWith(newPre);
|
||||
});
|
||||
SyntaxHighlighter.highlight();
|
||||
//initSearchDatas();
|
||||
$('#content_body a').each(function () {
|
||||
var url = $(this).attr('href');
|
||||
if (void 0 !== url && '#' !== url.substr(0, 1) && 'http' === url.substr(0, 4)) {
|
||||
$(this).attr('target', '_blank');
|
||||
}
|
||||
})
|
||||
setTimeout(function () {
|
||||
resizeCode();
|
||||
}, 1)
|
||||
}
|
||||
|
||||
function parseCodeBrush(brush) {
|
||||
for (var i in SyntaxHighlighter.brushes) {
|
||||
if (SyntaxHighlighter.brushes[i].aliases.indexOf(brush) > -1) {
|
||||
return brush;
|
||||
}
|
||||
}
|
||||
return 'text';
|
||||
}
|
||||
|
||||
function resizeCode() {
|
||||
var guttelines = $('.gutter .line');
|
||||
var codelines = $('.code .line');
|
||||
for (var i = 0; i < guttelines.length; i++) {
|
||||
var codeline = codelines.eq(i);
|
||||
var height = codeline.css('height');
|
||||
guttelines.eq(i).css('height', height)
|
||||
codeline.css('height', height);
|
||||
}
|
||||
}
|
||||
|
||||
// 基于这里的代码做了修改: https://blog.csdn.net/weixin_57215431/article/details/115676752
|
||||
function hCatalog(current, target) {
|
||||
var box = document.querySelector(target)
|
||||
if (!box) {
|
||||
return;
|
||||
}
|
||||
box.innerHTML = ''
|
||||
var titleTree = hTree(document.querySelector(current))
|
||||
hCreatEle(titleTree, box)
|
||||
}
|
||||
|
||||
function hCreatEle(arr, parent) {
|
||||
if (!arr.length) return
|
||||
var ol = document.createElement('ol')
|
||||
arr.forEach(function (item) {
|
||||
if ('' !== item.node.innerHTML) {
|
||||
var li = document.createElement('li')
|
||||
li.innerHTML = item.node.innerHTML
|
||||
hCreatEle(item.children, li)
|
||||
ol.appendChild(li)
|
||||
}
|
||||
})
|
||||
parent.appendChild(ol)
|
||||
}
|
||||
|
||||
function hTree(wrapNode) {
|
||||
var root = { children: [] }
|
||||
var current = root
|
||||
|
||||
for (var i = 0; i < wrapNode.children.length; ++i) {
|
||||
var item = wrapNode.children[i]
|
||||
if (item.localName.indexOf('h') === 0) {
|
||||
var obj = { node: item, children: [], parent: undefined }
|
||||
while (current !== root && current.node.localName[1] - obj.node.localName[1] !== -1) {
|
||||
current = current.parent
|
||||
}
|
||||
obj.parent = current
|
||||
obj.parent.children.push(obj)
|
||||
current = obj
|
||||
}
|
||||
}
|
||||
return root.children
|
||||
}
|
||||
|
||||
function initContentToc() {
|
||||
var isDown = false;
|
||||
var beginLeft = 0
|
||||
var beginTop = 0;
|
||||
var mouseBeginLeft = 0
|
||||
var mouseBeginTop = 0;
|
||||
|
||||
$(document).on('mousedown', '.content-toc-title', function (e) {
|
||||
var wrap = $('#content-toc-wrap');
|
||||
isDown = true;
|
||||
beginLeft = wrap[0].offsetLeft;
|
||||
beginTop = wrap[0].offsetTop;
|
||||
mouseBeginLeft = e.pageX;
|
||||
mouseBeginTop = e.pageY;
|
||||
e.preventDefault();
|
||||
});
|
||||
|
||||
$(document).on('mouseup', function () {
|
||||
isDown = false;
|
||||
});
|
||||
|
||||
$(document).on('mousemove', function (e) {
|
||||
if (isDown) {
|
||||
var wrap = $('#content-toc-wrap');
|
||||
wrap.css('left', (beginLeft + (e.pageX - mouseBeginLeft)) + 'px');
|
||||
wrap.css('top', (beginTop + (e.pageY - mouseBeginTop)) + 'px');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$(function () {
|
||||
parseLeftHeight();
|
||||
|
||||
$(window).resize(function () {
|
||||
parseLeftHeight();
|
||||
});
|
||||
|
||||
$('body').on('click', '.ztree.showIcon li a span.button.switch', function (e) {
|
||||
return false;
|
||||
});
|
||||
|
||||
initContentToc();
|
||||
|
||||
SyntaxHighlighter.all();
|
||||
onContentChange();
|
||||
})
|
||||
|
||||
$(window).load(function () {
|
||||
$(window).resize(resizeCode);
|
||||
});
|
||||
@@ -0,0 +1,10 @@
|
||||
$.ajaxSetup({
|
||||
xhrFields: {
|
||||
withCredentials: true
|
||||
},
|
||||
});
|
||||
$(function(){
|
||||
layui.element.init();
|
||||
layui.table.init();
|
||||
layui.form.render();
|
||||
});
|
||||
Vendored
+1
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 827 B |
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 220 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 919 B |
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 132 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
+10
File diff suppressed because one or more lines are too long
Vendored
+10
File diff suppressed because one or more lines are too long
@@ -0,0 +1,132 @@
|
||||
var location_url = window.location.href;
|
||||
var parameter_str = location_url.split('?')[1];
|
||||
if (parameter_str !== undefined) {
|
||||
parameter_str = parameter_str.split('#')[0];
|
||||
var $_GET = {};
|
||||
var parameter_arr = parameter_str.split('&');
|
||||
var tmp_arr;
|
||||
for (var i = 0, len = parameter_arr.length; i <= len - 1; i++) {
|
||||
tmp_arr = parameter_arr[i].split('=');
|
||||
$_GET[tmp_arr[0]] = decodeURIComponent(tmp_arr[1]);
|
||||
}
|
||||
window.$_GET = $_GET;
|
||||
} else {
|
||||
window.$_GET = [];
|
||||
}
|
||||
|
||||
function searchSubmit(){
|
||||
$('#listTable').bootstrapTable('refresh');
|
||||
return false;
|
||||
}
|
||||
function searchClear(){
|
||||
$('#searchToolbar').find('input[name]').each(function() {
|
||||
$(this).val('');
|
||||
});
|
||||
$('#searchToolbar').find('select[name]').each(function() {
|
||||
$(this).find('option:first').prop("selected", 'selected');
|
||||
});
|
||||
$('#listTable').bootstrapTable('refresh');
|
||||
}
|
||||
function updateToolbar(){
|
||||
$('#searchToolbar').find(':input[name]').each(function() {
|
||||
var name = $(this).attr('name');
|
||||
if(typeof window.$_GET[name] != 'undefined')
|
||||
$(this).val(window.$_GET[name]);
|
||||
})
|
||||
}
|
||||
function updateQueryStr(obj){
|
||||
var arr = [];
|
||||
for (var p in obj){
|
||||
if (obj.hasOwnProperty(p) && typeof obj[p] != 'undefined' && obj[p] != '') {
|
||||
arr.push(p + "=" + encodeURIComponent(obj[p]));
|
||||
}
|
||||
}
|
||||
history.replaceState({}, null, '?'+arr.join("&"));
|
||||
}
|
||||
|
||||
if (typeof $.fn.bootstrapTable !== "undefined") {
|
||||
$.fn.bootstrapTable.custom = {
|
||||
method: 'post',
|
||||
contentType: "application/x-www-form-urlencoded",
|
||||
sortable: true,
|
||||
pagination: true,
|
||||
sidePagination: 'server',
|
||||
pageNumber: 1,
|
||||
pageSize: 20,
|
||||
pageList: [10, 15, 20, 30, 50, 100],
|
||||
loadingFontSize: '18px',
|
||||
toolbar: '#searchToolbar',
|
||||
showColumns: true,
|
||||
minimumCountColumns: 2,
|
||||
showFullscreen: true,
|
||||
paginationPreText: '前页',
|
||||
paginationNextText: '后页',
|
||||
showJumpTo: true,
|
||||
paginationLoop: false,
|
||||
queryParamsType: '',
|
||||
queryParams: function(params) {
|
||||
$('#searchToolbar').find(':input[name]').each(function() {
|
||||
params[$(this).attr('name')] = $(this).val()
|
||||
})
|
||||
updateQueryStr(params);
|
||||
params.offset = params.pageSize * (params.pageNumber-1);
|
||||
params.limit = params.pageSize;
|
||||
return params;
|
||||
},
|
||||
formatLoadingMessage: function(){
|
||||
return '';
|
||||
},
|
||||
formatShowingRows: function(t,n,r,e){
|
||||
return '显示第 '+t+' 到第 '+n+' 条, 总共 <b>'+r+'</b> 条';
|
||||
},
|
||||
formatRecordsPerPage: function(t){
|
||||
return '每页显示 '+t+' 条';
|
||||
},
|
||||
formatNoMatches: function(){
|
||||
return '没有找到匹配的记录';
|
||||
}
|
||||
};
|
||||
$.extend($.fn.bootstrapTable.defaults, $.fn.bootstrapTable.custom);
|
||||
}
|
||||
|
||||
function httpGet(url, callback){
|
||||
$.ajax({
|
||||
url: url,
|
||||
type: 'get',
|
||||
dataType: 'json',
|
||||
success: function (res) {
|
||||
callback(res)
|
||||
},
|
||||
error: function () {
|
||||
if (typeof layer !== "undefined") {
|
||||
layer.closeAll();
|
||||
layer.msg('服务器错误');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function httpPost(url, data, callback){
|
||||
$.ajax({
|
||||
url: url,
|
||||
type: 'post',
|
||||
data: data,
|
||||
dataType: 'json',
|
||||
success: function (res) {
|
||||
callback(res)
|
||||
},
|
||||
error: function () {
|
||||
if (typeof layer !== "undefined") {
|
||||
layer.closeAll();
|
||||
layer.msg('服务器错误');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var isMobile = function(){
|
||||
if( /Android|SymbianOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Windows Phone|Midp/i.test(navigator.userAgent)) {
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
@@ -0,0 +1,250 @@
|
||||
body{
|
||||
max-width: 546px;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
}
|
||||
ul{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
ul > li {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.d-flex{
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.align-items-center{
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.flex-column{
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.justify-content-between{
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.justify-content-center{
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
|
||||
.bg-weixin::before{
|
||||
content: '';
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 180px;
|
||||
background: linear-gradient(90deg, #00AA72 0%, #24B77F 49.92%, #6cd990 100.88%);
|
||||
}
|
||||
|
||||
.bg-qq::before{
|
||||
content: '';
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 180px;
|
||||
background: linear-gradient(90deg, #f2c43f 0%, #f0cc60 49.92%, #f2d580 100.88%);
|
||||
}
|
||||
|
||||
.bg-ali::before{
|
||||
content: '';
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 180px;
|
||||
background: linear-gradient(90deg, #1677ff 0%, #3d88f1 49.92%, #84b3f4 100.88%);
|
||||
}
|
||||
|
||||
.payment-logo{
|
||||
height: 120px;
|
||||
align-items: center;
|
||||
position: sticky;
|
||||
padding: 7px 18px;
|
||||
margin-top: -170px;
|
||||
margin-bottom: 15px;
|
||||
z-index: 0;
|
||||
}
|
||||
.payment-logo-wxwap{
|
||||
height: 80px;
|
||||
}
|
||||
.payment-logo img{
|
||||
width: 112px;
|
||||
filter: drop-shadow(2px 4px 6px rgba(233,86,42,.3));
|
||||
}
|
||||
.payment-logo-wxwap img{
|
||||
width: 80px;
|
||||
}
|
||||
.payment-logo img + span{
|
||||
color: #fff;
|
||||
font-size: 30px;
|
||||
font-weight: 500;
|
||||
letter-spacing: 4px;
|
||||
margin-top: 30px;
|
||||
float: right;
|
||||
}
|
||||
.payment-logo-wxwap img + span{
|
||||
margin-top: 13px;
|
||||
font-size: 26px;
|
||||
}
|
||||
.payment-content{
|
||||
padding: 25px 20px;
|
||||
position: sticky;
|
||||
margin-top: -12px;
|
||||
background: #fff;
|
||||
border-top-left-radius: 20px;
|
||||
border-top-right-radius: 20px;
|
||||
z-index: 99;
|
||||
}
|
||||
.alert-pro {
|
||||
border: none;
|
||||
border-left: 2px solid transparent;
|
||||
color: #526484;
|
||||
line-height: 1.5;
|
||||
border-radius: 0;
|
||||
padding-left: 20px;
|
||||
padding-bottom: 6px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.bg-weixin ~ .payment-content .alert-pro.alert-light {
|
||||
background-color: #80d9a036;
|
||||
border-color: #03ab73;
|
||||
}
|
||||
|
||||
.alert-pro.alert-light {
|
||||
background-color: #edf0ff;
|
||||
border-color: #4d69fa;
|
||||
}
|
||||
.nav.nav-group{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
padding: .579rem;
|
||||
border-radius: .475rem;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border: 1px solid #F1F1F4;
|
||||
border-bottom: none;
|
||||
}
|
||||
.nav.nav-group li{
|
||||
width: 50%;
|
||||
margin-bottom: 0;
|
||||
text-align: center;
|
||||
border-radius: .475rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
.nav.nav-group li>a:focus,
|
||||
.nav.nav-group li>a:hover {
|
||||
text-decoration: none;
|
||||
background: none;
|
||||
border-radius: .475rem;
|
||||
}
|
||||
.nav.nav-group li a{
|
||||
color: #78829D;
|
||||
letter-spacing: 3px;
|
||||
}
|
||||
.nav.nav-group li.active{
|
||||
background: #F1F1F4;
|
||||
border-radius: .475rem;
|
||||
}
|
||||
.nav.nav-group li.active a{
|
||||
color: #252F4A;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.icon-qrcode{
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
.icon-qrcode::before {
|
||||
content: '';
|
||||
top: 11px;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAgCAYAAACYTcH3AAAAAXNSR0IArs4c6QAAAbJJREFUWEftWE1Og0AU/h7tPaSJGHflBtKdEg/RnkR7EusdDHXXegPYGTER71EYfTAgUmCooNSE2cEM73/e+z4IhXVm2rf8SgicFPf4eUTR8tl9DMr20nfn5qUeQZtXyYjPEZ5GiLZ5WZQXakyvNgBZdYoArHzPWdSdMab2HYC5Qg5vB4K0xav7sE3sk6sgIABEqfeCRsv04yplp+a1RSK8qTcmczrwPWdSNObt02sdEFvfW88aeNXqiGHacwhwBDn1E05XPjJC5nLhu86qlaYGHyfRizZxfZI242gPxnA0hsjU37j/UTNJw0sru8GFaHWEu3QoNG4n+32GN1VtvpX2ko+LOr+Ng66VHSrv+IzhcO0w1g/1pKvzY+yCbBwYUzsZBf2teHpTrqr7M0XOp7hm+k7THp7pNSxS+fHdpjQqf934KpuexL96HpP+durkLS6FnQPSG2Bnsf4G2PlT2ClJnJq+dnHlVSQuz48r6S2I7lUkT01vieGKhCxfDDYbB3J6M8NT4ZoGxL/RDwQOcDnxT6d3CM2CwEVZKojwriFaqbCydKyS+LMclv/iOvHvl3R9ANRCTfDRr1e7AAAAAElFTkSuQmCC);
|
||||
background-size: 100%;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.icon-download{
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
.icon-download::before {
|
||||
content: '';
|
||||
top: 11px;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAYhJREFUWEftl0F2gjAQhv9wkepJqidRyusdsiki3eQOfVR6EvEkxYuQviDBQADjgI9FZctk5stkMvOHYeaPtePz6LAAK7ZgeBnNJnEWuyAa8tMA4HGyBXAYHdh0ILEfgmgDyEmDa2cDEDVAY/fGAh4nGioVYeB3AfI4UVlT2YMIg9JneZRe8WvYd67vBgB8EQZp6YgIYEAcASwqkFyEwdLcxEMBXCAeDtAJwYq1+HjP1D8HgO8jIFduxckyEb6te+rEvGH1ETsA3HU1a8dWf2lecXeAOoVDzUniDOmlIvLzvky1esx9AG7pH7Z6AjwzQM4A3ycRGHaEQswh8aMnIR3gOgsIDKh7Px3g82sF6W0o0QGcjKFG64TEwNYycgZmB6jIX3tBHHRfpStoR8DjRKkaLSi6OYzxOvkscLiGlsqZdBzPXgP/CODScJSCVV+vBKdmxJTuMFT3VZLZOp4a6/a6wltq9dR8GdEHz+2g2qL1SrIfp+N6fz+I0o1ekWk5rg0tAPetTGP5B6KDezDbYbm/AAAAAElFTkSuQmCC);
|
||||
background-size: 100%;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.list-group .list-group-item {
|
||||
border: 1px solid #F1F1F4;
|
||||
}
|
||||
|
||||
.list-group .list-group-item:first-child {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
.list-group .list-group-item a{
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.qr-title {
|
||||
font-size: 1.65rem;
|
||||
color: #252F4A;
|
||||
margin-bottom: 0rem;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.qr-image {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.qr-image canvas {
|
||||
padding: .8rem;
|
||||
border: 1px solid #F1F1F4;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.operate .btn{
|
||||
background-color: #F9F9F9;
|
||||
border-color: #F9F9F9;
|
||||
color:#4B5675;
|
||||
}
|
||||
|
||||
.nk-activity{
|
||||
list-style: none;
|
||||
}
|
||||
.nk-activity-item{
|
||||
padding-top: 15px;
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 1px solid #e5e9f2;
|
||||
}
|
||||
|
||||
.btn-block+.btn-block {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.content-info {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.content-footer{
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 22px;
|
||||
width: 100%;
|
||||
max-width: 546px;
|
||||
margin: 0 auto;
|
||||
background: #fff;
|
||||
padding: 15px 20px;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1714207469643" class="icon" viewBox="0 0 1037 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="31361" width="64.8125" height="64" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M665.600029 614.4c70.4-128 96-249.6 96-249.6l-12.8 0 0 0L640.000029 364.8 524.800029 364.8 524.800029 275.2l281.6 0L806.400029 236.8 524.800029 236.8 524.800029 102.4l-128 0 0 134.4-256 0 0 38.4 256 0 0 89.6L179.200029 364.8l0 38.4 441.6 0c0 6.4 0 6.4-6.4 12.8C614.400029 460.8 582.400029 524.8 556.800029 576 230.400029 448 134.400029 524.8 108.800029 537.6c-217.6 153.6-12.8 345.6 19.2 339.2 230.4 51.2 377.6-44.8 480-166.4 6.4 6.4 12.8 6.4 19.2 6.4 70.4 38.4 409.6 198.4 409.6 198.4s0-140.8 0-192C985.600029 723.2 800.000029 659.2 665.600029 614.4zM499.200029 672c-160 204.8-352 140.8-384 128C38.400029 780.8 12.800029 640 108.800029 595.2c160-51.2 300.8 6.4 403.2 57.6C505.600029 665.6 499.200029 672 499.200029 672z" fill="#f5f5f5" p-id="31362"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
@@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1711375767434" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3333" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M1024.0512 701.0304V196.864A196.9664 196.9664 0 0 0 827.136 0H196.864A196.9664 196.9664 0 0 0 0 196.864v630.272A196.9152 196.9152 0 0 0 196.864 1024h630.272a197.12 197.12 0 0 0 193.8432-162.0992c-52.224-22.6304-278.528-120.32-396.4416-176.64-89.7024 108.6976-183.7056 173.9264-325.3248 173.9264s-236.1856-87.2448-224.8192-194.048c7.4752-70.0416 55.552-184.576 264.2944-164.9664 110.08 10.3424 160.4096 30.8736 250.1632 60.5184 23.1936-42.5984 42.496-89.4464 57.1392-139.264H248.064v-39.424h196.9152V311.1424H204.8V267.776h240.128V165.632s2.1504-15.9744 19.8144-15.9744h98.4576V267.776h256v43.4176h-256V381.952h208.8448a805.9904 805.9904 0 0 1-84.8384 212.6848c60.672 22.016 336.7936 106.3936 336.7936 106.3936zM283.5456 791.6032c-149.6576 0-173.312-94.464-165.376-133.9392 7.8336-39.3216 51.2-90.624 134.4-90.624 95.5904 0 181.248 24.4736 284.0576 74.5472-72.192 94.0032-160.9216 150.016-253.0816 150.016z" fill="#009FE8" p-id="3334"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
@@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1711376157289" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="30023" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M862.6 63.9h-700c-0.7 0-1.5 0.1-2.2 0.3-3.4 1-5.2 4.6-4.2 8v881.4c0 3.5 2.9 6.4 6.4 6.4h700c3.5 0 6.4-2.9 6.4-6.4V70.2c0-3.5-2.9-6.3-6.4-6.3z m-649.8 98.9c0.6-11.1 9.9-19.7 21-19.5h559.1c10.5 0.6 18.9 9 19.5 19.5v64.8H212.8v-64.8z m15.8 641.9h-6.4c21.8-30.5 34.7-66.4 37.5-103.8H305s-25.8 97.1-76.4 103.8z m206.1-103.8h46.8c5.6 36.7 18.3 72 37.5 103.8 0 0-32.6 12.8-84.3-103.8z m85-19.5H396.4V761.3c-0.6 24.4-20.9 43.7-45.3 43.1h-25.9v-25.9h6c1.6 0.2 3.2 0.2 4.8 0 9.4-1.3 16-10.1 14.6-19.5v-71.2H221.1l45.3-97.4h-53.6v-32.2h80.9v-19.5h37.5v19.5h200.9V584h-214l-32.2 71.2h72.7v-45.3h37.5v45.7h123.7v25.8z m82.9 123.3h-37.5V649.2h-37.5v-13.1c71.2-59.6 64.8-97.1 64.8-97.1l36-0.4c-2.2 23.6-11.2 46.2-25.9 64.8v201.3z m78.3-91l-32.2-71.2h38.6l25.9 71.2h-32.3z m155.5-103.8h-32.2v129.7c0 26.2-19.5 58.5-45.3 58.5H733v-6.4c10.5-0.6 18.9-9 19.5-19.5V616.6h-129l6.4-25.9 131.5-0.4v-51.7h37.5V584h37.5v25.9z" fill="#CB0F19" p-id="30024"></path><path d="M214.4 225h596.2v112.4H214.4V225z" fill="#CEA754" p-id="30025"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
@@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1711376016755" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23336" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M511.09761 957.257c-80.159 0-153.737-25.019-201.11-62.386-24.057 6.702-54.831 17.489-74.252 30.864-16.617 11.439-14.546 23.106-11.55 27.816 13.15 20.689 225.583 13.211 286.912 6.767v-3.061z" fill="#FAAD08" p-id="23337"></path><path d="M496.65061 957.257c80.157 0 153.737-25.019 201.11-62.386 24.057 6.702 54.83 17.489 74.253 30.864 16.616 11.439 14.543 23.106 11.55 27.816-13.15 20.689-225.584 13.211-286.914 6.767v-3.061z" fill="#FAAD08" p-id="23338"></path><path d="M497.12861 474.524c131.934-0.876 237.669-25.783 273.497-35.34 8.541-2.28 13.11-6.364 13.11-6.364 0.03-1.172 0.542-20.952 0.542-31.155C784.27761 229.833 701.12561 57.173 496.64061 57.162 292.15661 57.173 209.00061 229.832 209.00061 401.665c0 10.203 0.516 29.983 0.547 31.155 0 0 3.717 3.821 10.529 5.67 33.078 8.98 140.803 35.139 276.08 36.034h0.972z" fill="#000000" p-id="23339"></path><path d="M860.28261 619.782c-8.12-26.086-19.204-56.506-30.427-85.72 0 0-6.456-0.795-9.718 0.148-100.71 29.205-222.773 47.818-315.792 46.695h-0.962C410.88561 582.017 289.65061 563.617 189.27961 534.698 185.44461 533.595 177.87261 534.063 177.87261 534.063 166.64961 563.276 155.56661 593.696 147.44761 619.782 108.72961 744.168 121.27261 795.644 130.82461 796.798c20.496 2.474 79.78-93.637 79.78-93.637 0 97.66 88.324 247.617 290.576 248.996a718.01 718.01 0 0 1 5.367 0C708.80161 950.778 797.12261 800.822 797.12261 703.162c0 0 59.284 96.111 79.783 93.637 9.55-1.154 22.093-52.63-16.623-177.017" fill="#000000" p-id="23340"></path><path d="M434.38261 316.917c-27.9 1.24-51.745-30.106-53.24-69.956-1.518-39.877 19.858-73.207 47.764-74.454 27.875-1.224 51.703 30.109 53.218 69.974 1.527 39.877-19.853 73.2-47.742 74.436m206.67-69.956c-1.494 39.85-25.34 71.194-53.24 69.956-27.888-1.238-49.269-34.559-47.742-74.435 1.513-39.868 25.341-71.201 53.216-69.974 27.909 1.247 49.285 34.576 47.767 74.453" fill="#FFFFFF" p-id="23341"></path><path d="M683.94261 368.627c-7.323-17.609-81.062-37.227-172.353-37.227h-0.98c-91.29 0-165.031 19.618-172.352 37.227a6.244 6.244 0 0 0-0.535 2.505c0 1.269 0.393 2.414 1.006 3.386 6.168 9.765 88.054 58.018 171.882 58.018h0.98c83.827 0 165.71-48.25 171.881-58.016a6.352 6.352 0 0 0 1.002-3.395c0-0.897-0.2-1.736-0.531-2.498" fill="#FAAD08" p-id="23342"></path><path d="M467.63161 256.377c1.26 15.886-7.377 30-19.266 31.542-11.907 1.544-22.569-10.083-23.836-25.978-1.243-15.895 7.381-30.008 19.25-31.538 11.927-1.549 22.607 10.088 23.852 25.974m73.097 7.935c2.533-4.118 19.827-25.77 55.62-17.886 9.401 2.07 13.75 5.116 14.668 6.316 1.355 1.77 1.726 4.29 0.352 7.684-2.722 6.725-8.338 6.542-11.454 5.226-2.01-0.85-26.94-15.889-49.905 6.553-1.579 1.545-4.405 2.074-7.085 0.242-2.678-1.834-3.786-5.553-2.196-8.135" fill="#000000" p-id="23343"></path><path d="M504.33261 584.495h-0.967c-63.568 0.752-140.646-7.504-215.286-21.92-6.391 36.262-10.25 81.838-6.936 136.196 8.37 137.384 91.62 223.736 220.118 224.996H506.48461c128.498-1.26 211.748-87.612 220.12-224.996 3.314-54.362-0.547-99.938-6.94-136.203-74.654 14.423-151.745 22.684-215.332 21.927" fill="#FFFFFF" p-id="23344"></path><path d="M323.27461 577.016v137.468s64.957 12.705 130.031 3.91V591.59c-41.225-2.262-85.688-7.304-130.031-14.574" fill="#EB1C26" p-id="23345"></path><path d="M788.09761 432.536s-121.98 40.387-283.743 41.539h-0.962c-161.497-1.147-283.328-41.401-283.744-41.539l-40.854 106.952c102.186 32.31 228.837 53.135 324.598 51.926l0.96-0.002c95.768 1.216 222.4-19.61 324.6-51.924l-40.855-106.952z" fill="#EB1C26" p-id="23346"></path></svg>
|
||||
|
After Width: | Height: | Size: 3.7 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 14 KiB |
@@ -0,0 +1,4 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="_图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60.89 53.73">
|
||||
<path class="cls-1" d="M22.15,33.99c-.28.14-.59.22-.91.22-.76,0-1.42-.42-1.77-1.04l-.13-.29-5.54-12.16c-.06-.13-.1-.28-.1-.43,0-.56.46-1.02,1.02-1.02.23,0,.44.08.61.2l6.54,4.66c.48.31,1.05.5,1.66.5.37,0,.72-.07,1.04-.19l30.76-13.69C49.8,4.25,40.72,0,30.45,0,13.63,0,0,11.36,0,25.37c0,7.65,4.1,14.53,10.52,19.18.51.37.85.97.85,1.65,0,.23-.05.43-.11.65-.51,1.91-1.33,4.97-1.37,5.12-.06.24-.16.49-.16.74,0,.56.46,1.01,1.02,1.01.22,0,.4-.08.59-.19l6.67-3.85c.5-.29,1.03-.47,1.62-.47.31,0,.61.05.89.13,3.11.89,6.46,1.39,9.94,1.39,16.81,0,30.45-11.36,30.45-25.37,0-4.24-1.26-8.24-3.47-11.76l-35.06,20.24-.22.13Z" fill="#f5f5f5"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 774 B |
@@ -0,0 +1,12 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="_图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60.89 53.73">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1 {
|
||||
fill: #1eaa39;
|
||||
stroke-width: 0px;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<path class="cls-1" d="M22.15,33.99c-.28.14-.59.22-.91.22-.76,0-1.42-.42-1.77-1.04l-.13-.29-5.54-12.16c-.06-.13-.1-.28-.1-.43,0-.56.46-1.02,1.02-1.02.23,0,.44.08.61.2l6.54,4.66c.48.31,1.05.5,1.66.5.37,0,.72-.07,1.04-.19l30.76-13.69C49.8,4.25,40.72,0,30.45,0,13.63,0,0,11.36,0,25.37c0,7.65,4.1,14.53,10.52,19.18.51.37.85.97.85,1.65,0,.23-.05.43-.11.65-.51,1.91-1.33,4.97-1.37,5.12-.06.24-.16.49-.16.74,0,.56.46,1.01,1.02,1.01.22,0,.4-.08.59-.19l6.67-3.85c.5-.29,1.03-.47,1.62-.47.31,0,.61.05.89.13,3.11.89,6.46,1.39,9.94,1.39,16.81,0,30.45-11.36,30.45-25.37,0-4.24-1.26-8.24-3.47-11.76l-35.06,20.24-.22.13Z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 876 B |
Reference in New Issue
Block a user