1
This commit is contained in:
你的名字
1847
public/static/wap/css/box_pay.css
Normal file
1847
public/static/wap/css/box_pay.css
Normal file
File diff suppressed because it is too large
Load Diff
14131
public/static/wap/css/common.css
Normal file
14131
public/static/wap/css/common.css
Normal file
File diff suppressed because it is too large
Load Diff
12863
public/static/wap/css/element.css
Normal file
12863
public/static/wap/css/element.css
Normal file
File diff suppressed because it is too large
Load Diff
138
public/static/wap/css/iconfont.css
Normal file
138
public/static/wap/css/iconfont.css
Normal file
@ -0,0 +1,138 @@
|
||||
|
||||
@font-face {font-family: "iconfont";
|
||||
src: url('../fonts/iconfont.eot?t=1483603041633'); /* IE9*/
|
||||
src: url('../fonts/iconfont.eot?t=1483603041633#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/iconfont.woff?t=1483603041633') format('woff'), /* chrome, firefox */
|
||||
url('../fonts/iconfont.ttf?t=1483603041633') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
|
||||
url('../fonts/iconfont.svg?t=1483603041633#iconfont') format('svg'); /* iOS 4.1- */
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-family:"iconfont" !important;
|
||||
font-size:16px;
|
||||
font-style:normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-weixin:before { content: "\e603"; }
|
||||
|
||||
.icon-30:before { content: "\e620"; }
|
||||
|
||||
.icon-mima:before { content: "\e736"; }
|
||||
|
||||
.icon-tianjinyinxing:before { content: "\e63e"; }
|
||||
|
||||
.icon-pinganyinxing:before { content: "\e61f"; }
|
||||
|
||||
.icon-ningboyinxing:before { content: "\e637"; }
|
||||
|
||||
.icon-xinyonghezuoshe3:before { content: "\e922"; }
|
||||
|
||||
.icon-04615510:before { content: "\e633"; }
|
||||
|
||||
.icon-04403600:before { content: "\e63f"; }
|
||||
|
||||
.icon-gongshangyinhang:before { content: "\e697"; }
|
||||
|
||||
.icon-jiaotongyinhang:before { content: "\e698"; }
|
||||
|
||||
.icon-jiansheyinhang:before { content: "\e699"; }
|
||||
|
||||
.icon-huaxiayinhang:before { content: "\e69a"; }
|
||||
|
||||
.icon-xingyeyinhang:before { content: "\e69b"; }
|
||||
|
||||
.icon-guangdayinhang:before { content: "\e69c"; }
|
||||
|
||||
.icon-youzhengyinhang:before { content: "\e69d"; }
|
||||
|
||||
.icon-zhongguoyinhang:before { content: "\e69e"; }
|
||||
|
||||
.icon-shanghainongshangyinhang-yy:before { content: "\e70f"; }
|
||||
|
||||
.icon-guangfayinxing:before { content: "\e501"; }
|
||||
|
||||
.icon-nongyeyinxing1:before { content: "\e502"; }
|
||||
|
||||
.icon-minshengyinhang:before { content: "\e610"; }
|
||||
|
||||
.icon-pufayinhang:before { content: "\e611"; }
|
||||
|
||||
.icon-nanjingyinhang:before { content: "\e612"; }
|
||||
|
||||
.icon-shanghaiyinhang:before { content: "\e613"; }
|
||||
|
||||
.icon-zhaoshangyinhang:before { content: "\e614"; }
|
||||
|
||||
.icon-zheshangyinhang:before { content: "\e615"; }
|
||||
|
||||
.icon-zhejiangtailongshangyeyinhang:before { content: "\e616"; }
|
||||
|
||||
.icon-zhongxinyinhang:before { content: "\e617"; }
|
||||
|
||||
.icon-bohaiyinhang:before { content: "\e618"; }
|
||||
|
||||
.icon-beijingnongshangyinhang:before { content: "\e619"; }
|
||||
|
||||
.icon-dongyayinhang:before { content: "\e61a"; }
|
||||
|
||||
.icon-beijingyinhang:before { content: "\e61b"; }
|
||||
|
||||
.icon-hangzhouyinhang:before { content: "\e61c"; }
|
||||
|
||||
.icon-zhifubao:before { content: "\e61d"; }
|
||||
|
||||
.icon-jingshi:before { content: "\e61e"; }
|
||||
|
||||
.icon-yinlianzhifu:before { content: "\e777"; }
|
||||
|
||||
.icon-ren-copy:before { content: "\e716"; }
|
||||
|
||||
.icon--:before { content: "\e656"; }
|
||||
|
||||
.icon--1:before { content: "\e657"; }
|
||||
|
||||
.icon--2:before { content: "\e658"; }
|
||||
|
||||
.icon--3:before { content: "\e659"; }
|
||||
|
||||
.icon--4:before { content: "\e660"; }
|
||||
|
||||
.icon--5:before { content: "\e661"; }
|
||||
|
||||
.icon---:before { content: "\e662"; }
|
||||
|
||||
.icon--6:before { content: "\e663"; }
|
||||
|
||||
.icon--7:before { content: "\e664"; }
|
||||
|
||||
.icon--8:before { content: "\e665"; }
|
||||
|
||||
.icon--9:before { content: "\e666"; }
|
||||
|
||||
.icon--10:before { content: "\e667"; }
|
||||
|
||||
.icon--11:before { content: "\e668"; }
|
||||
|
||||
.icon--12:before { content: "\e669"; }
|
||||
|
||||
.icon--13:before { content: "\e66a"; }
|
||||
|
||||
.icon--14:before { content: "\e66b"; }
|
||||
|
||||
.icon--15:before { content: "\e66c"; }
|
||||
|
||||
.icon--16:before { content: "\e66d"; }
|
||||
|
||||
.icon--17:before { content: "\e66e"; }
|
||||
|
||||
.icon--18:before { content: "\e66f"; }
|
||||
|
||||
.icon--19:before { content: "\e670"; }
|
||||
|
||||
.icon-hankouyinhang:before { content: "\e621"; }
|
||||
|
||||
.icon-guangzhoushishangyeyinhang:before { content: "\e62a"; }
|
||||
|
||||
.icon-shenzhenfazhanyinhang:before { content: "\e62b"; }
|
||||
10589
public/static/wap/css/index.css
Normal file
10589
public/static/wap/css/index.css
Normal file
File diff suppressed because it is too large
Load Diff
9815
public/static/wap/css/ionic.css
Normal file
9815
public/static/wap/css/ionic.css
Normal file
File diff suppressed because it is too large
Load Diff
125
public/static/wap/css/login.css
Normal file
125
public/static/wap/css/login.css
Normal file
@ -0,0 +1,125 @@
|
||||
|
||||
.t_box_login {
|
||||
padding-top: 80px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.t_box_login .t_logo {
|
||||
margin: 0 20px;
|
||||
line-height: 57px;
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.t_box_login .t_logo img {
|
||||
width: 57px;
|
||||
height: 57px;
|
||||
margin-right: 20px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.t_box_login .login_box {
|
||||
padding: 24px 20px;
|
||||
}
|
||||
|
||||
.t_box_login .login_box .log-item {
|
||||
margin-bottom: 22px;
|
||||
display: flex;
|
||||
border-bottom: 1px solid #333;
|
||||
}
|
||||
|
||||
.t_box_login .login_box .log-item i {
|
||||
flex: 0 0 60px;
|
||||
color: #fff;
|
||||
height: 58px;
|
||||
line-height: 58px;
|
||||
}
|
||||
|
||||
.t_box_login .login_box .log-item input {
|
||||
background-color: transparent;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.t_box_login .login_box ul li ::-webkit-input-placeholder {
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.t_box_login .login_box ul li :-moz-placeholder,
|
||||
.t_box_login .login_box ul li ::-moz-placeholder {
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.t_box_login .login_box ul li :-ms-input-placeholder {
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.t_box_login .login_box ul li:first-child {
|
||||
position: relative
|
||||
}
|
||||
|
||||
|
||||
/*.t_box_login .login_box ul li:first-child i {*/
|
||||
/* position: absolute;*/
|
||||
/* display: block;*/
|
||||
/* width: .466667rem;*/
|
||||
/* height: .466667rem;*/
|
||||
/* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAMAAAApB0NrAAABL1BMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////82C+reAAAAZHRSTlMAKXkuqa368GE/0sX7AgRWVxJBUvb1ke/3wtDnv3fspHzPht6TjIhI5Sy+/D0xuU9qmoWhjc3pGxHkJ2239Fi4VAEDE4c1JAnWHFGZqKOwDo6DyyItL/3TW6XOZT6yDUweislHhyUp0AAAAYhJREFUGBl9wYWW2gAARcEHBHf3dXd3d3f3be//f0NpKSdLSJhRE1dPr9/v7+1xyUm0K0JdpCsqW7FOoDv3nesGOmOy0w8diaSkZKID+mVjLEI2qLpglsiYWs1CXA1xmFWLxWWKMhVZXpRVEFZlWoWgrFKQlikNKVkFIS1TGoKySkFApgCkZLWyjiGTwfqKrGKbZPbVsJ9hM6YWW3B0qbrLI9hSq20v3Nzrr/sb8G7LxnEI8s9Pv5+e8xA6lq1bLw3eWzl5fc8C2fdXtfNWrVbf5GTnIHFVeXwJhUIvj5WrxMGOrJbiXh8/+bzxJTWZmqfGVzo7dbvdp2clHzXzUzINTwAFY8Ozq7pdz4ZRACaG9d/gEOSnXVH9FHVN52FoUP9MjsLIuFqNj8DopGo8CzAgewOw4JIOf8GMnMxA+FAnsCZna3CiCzIeOfNkuFAZQ+0YlFXgWu1cU5CP4l1STpJ3RXyqwEPpfG+uzx1o5u6b2zsvPUBFX2HaC39JH5+5cNlvrxzOfX7oD/8DaDlP9InoAAAAAElFTkSuQmCC) no-repeat 50%;*/
|
||||
/* background-size: cover;*/
|
||||
/* top: 50%;*/
|
||||
/* left: .266667rem;*/
|
||||
/* transform: translateY(-50%)*/
|
||||
/*}*/
|
||||
|
||||
.t_box_login .login_box ul li:nth-child(2) {
|
||||
position: relative
|
||||
}
|
||||
|
||||
|
||||
/*.t_box_login .login_box ul li:nth-child(2) i {*/
|
||||
/* position: absolute;*/
|
||||
/* display: block;*/
|
||||
/* width: .466667rem;*/
|
||||
/* height: .56rem;*/
|
||||
/* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAjCAMAAABfPfHgAAABDlBMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8V00MkAAAAWXRSTlMAQwIE0BvufeKFmcfmGknG23qsUjYw+XhIDSMOiHtMDwqBz3O1y4ezHFCiqx3g6+1G41TxVkfSfAabhK0DB3kQCDzNjt5Z5Y+31wsMXb300drysLF2d4LVssCQZ1gAAAE/SURBVDjLddDHVsJQFEbhQ7BA6EWaFEURBJSqSFUsCAr2tt//RRyokMTcPbr/+gbJOiLLfP6rwGfgyu8Tm26u+en65p8NdODS/eG+BPSBRbvgGZ+LyPnYA10ztqE//H0P+9A2Yi7P6dlynZ2Szxk0CyeGeQJZw8wQ3DHMnSCZ1dLC6Kbf0Alry+HcZ9Okm+w7V1pk16S7FFcqFfZMukfl71l11D2UHcbKeOqOqohI8wj7jpoih0CrtmGt1gIOpcCxv+Rbt+Yr+Y8piJcDse8ArzQIKTREQ1yWQxhP4jJpMv2YTqpUewFeNYWmHoDnlEK3g8DTtuq7cSCu/KsEkFBqBIgodStGbEupEg1F1dewu1VHoR1c4uVNoe94ZUL4whYvvpjILUxHPbe13mgKt3K/QNXiXuRuHpit/W8WmN/JN/yQUtp1pBM7AAAAAElFTkSuQmCC) no-repeat;*/
|
||||
/* background-size: cover;*/
|
||||
/* top: 50%;*/
|
||||
/* left: .266667rem;*/
|
||||
/* transform: translateY(-50%)*/
|
||||
/*}*/
|
||||
|
||||
|
||||
.t_box_login .login_box .lk-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
.t_box_login .login_box .op-item button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
margin: 7px 0;
|
||||
font-weight: 400;
|
||||
background-color: #f8e16d;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
line-height: 2.55555556;
|
||||
border-radius: 5px;
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.t_box_login .login_box .reg-item {
|
||||
margin: 30px 0;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.t_box_login .login_box .reg-item a {
|
||||
color: #f8e16d;
|
||||
}
|
||||
805
public/static/wap/css/personal.css
Normal file
805
public/static/wap/css/personal.css
Normal file
@ -0,0 +1,805 @@
|
||||
/*个人主页面样式*/
|
||||
.personalbg{
|
||||
background: #242b3d;
|
||||
}
|
||||
.personalbg header{
|
||||
width: 100%;
|
||||
height: 1.4rem;
|
||||
padding-top: 0.2rem;
|
||||
background: url(../img/personalbg.png) no-repeat;
|
||||
background-size:100% 100% ;
|
||||
position: relative;
|
||||
}
|
||||
.personalbg header i{
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 0.3rem;
|
||||
height: 0.3rem;
|
||||
top:0.1rem;
|
||||
right: 0.2rem;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.2rem;
|
||||
text-align: center;
|
||||
line-height: 0.3rem;
|
||||
}
|
||||
.personalbg header article{
|
||||
width: 0.6rem;
|
||||
height: 0.6rem;
|
||||
border-radius:50% ;
|
||||
margin: 0 auto;
|
||||
border: 0.03rem solid #ccc9c6;
|
||||
}
|
||||
.personalbg header article img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius:50% ;
|
||||
}
|
||||
.personalbg header p{
|
||||
text-align: center;
|
||||
height: 0.2rem;
|
||||
line-height: 0.2rem;
|
||||
font-size: 0.14rem;
|
||||
color: #787878;
|
||||
margin: 0;
|
||||
color: #3b7eff;
|
||||
}
|
||||
.personalbg header p:nth-of-type(1){
|
||||
font-size: 0.13rem;
|
||||
color: #FFFFFF;
|
||||
font-weight: 700;
|
||||
margin-top: 0.1rem;
|
||||
}
|
||||
.personalbg header p:nth-of-type(1) span{
|
||||
font-size: 0.13rem;
|
||||
margin-left: 0.05rem;
|
||||
}
|
||||
.personalbg ul{
|
||||
width: 100%;
|
||||
height: 0.8rem;
|
||||
background: #282828;
|
||||
margin-top:0.05rem ;
|
||||
display: flex;
|
||||
}
|
||||
.personalbg ul li{
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
}
|
||||
.personalbg ul li section{
|
||||
width: 100%;
|
||||
height: 0.6rem;
|
||||
padding-top:0.05rem ;
|
||||
margin-bottom:0.1rem ;
|
||||
margin-top:0.1rem ;
|
||||
border-right:1px solid #171717 ;
|
||||
border-left: 1px solid #404040;
|
||||
}
|
||||
.personalbg ul li:nth-of-type(1) section{
|
||||
border-left:none;
|
||||
}
|
||||
.personalbg ul li:nth-of-type(4) section{
|
||||
border-right:none ;
|
||||
}
|
||||
.personalbg ul li section i{
|
||||
display: block;
|
||||
width: 0.3rem;
|
||||
height: 0.3rem;
|
||||
margin: 0 auto;
|
||||
font-size: 0.25rem;
|
||||
line-height: 0.25rem;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
.personalbg ul li:nth-of-type(1) section i{
|
||||
color: #1fc65b;
|
||||
}
|
||||
.personalbg ul li:nth-of-type(2) section i{
|
||||
color: #eb3445;
|
||||
}
|
||||
.personalbg ul li:nth-of-type(3) section i{
|
||||
color: #ebac34;
|
||||
}
|
||||
.personalbg ul li:nth-of-type(4) section i{
|
||||
color: #3c9bf3;
|
||||
}
|
||||
.personalbg ul li section p{
|
||||
text-align: center;
|
||||
height: 0.2rem;
|
||||
line-height: 0.2rem;
|
||||
margin: 0;
|
||||
font-size: 0.12rem;
|
||||
color:#5a5a5a ;
|
||||
}
|
||||
.personalbg footer{
|
||||
width: 60%;
|
||||
height: 3.5rem;
|
||||
margin: 0.5rem auto 0 auto;
|
||||
background: url(../img/erweimabg.png) no-repeat;
|
||||
background-size:100% 100% ;
|
||||
padding-top: 0.8rem;
|
||||
}
|
||||
.personalbg footer .erwema_img{
|
||||
width:1.5rem ;
|
||||
height: 1.5rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.personalbg footer .erwema_img img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.personalbg footer p{
|
||||
height: 0.2rem;
|
||||
margin-top: 0.05rem;
|
||||
line-height: 0.2rem;
|
||||
font-size: 0.12rem;
|
||||
text-align: center;
|
||||
}
|
||||
.personalbg footer p span{
|
||||
margin-right:0.05rem ;
|
||||
color: #d1d1d1;
|
||||
}
|
||||
.personalbg footer p span i{
|
||||
font-size: 0.12rem;
|
||||
}
|
||||
|
||||
/* 签约银行 */
|
||||
.bank-info-modal{
|
||||
background: #1b1b1b;
|
||||
}
|
||||
.bank-info-modal ul{
|
||||
margin-top: 0.8rem;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.bank-info-modal ul li{
|
||||
width: 100%;
|
||||
height: 0.51rem;
|
||||
border-bottom: 1px solid #343438;
|
||||
}
|
||||
.bank-info-modal ul li span{
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 0.6rem;
|
||||
height: 0.5rem;
|
||||
text-align: right;
|
||||
font-size: 0.12rem;
|
||||
line-height: 0.5rem;
|
||||
color: white;
|
||||
}
|
||||
.bank-info-modal ul li input {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
border: none;
|
||||
padding: 0;
|
||||
width: 2rem;
|
||||
height: 0.5rem;
|
||||
color: #3b7eff;
|
||||
background: transparent;
|
||||
font-size: 0.14rem;
|
||||
line-height: 0.5rem;
|
||||
margin: 0 0 0 0.1rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.bank-info-modal ul li select{
|
||||
vertical-align: middle;
|
||||
-webkit-font-smoothing:initial;
|
||||
font-family: arial;
|
||||
color: #3b7eff;
|
||||
background: transparent;
|
||||
border: 1px solid #3b7eff;
|
||||
}
|
||||
/* 个人中心资金流水样式 */
|
||||
.order-modal-header{
|
||||
height: 0.3rem;
|
||||
}
|
||||
.order-modal-header .title{
|
||||
height: 0.3rem !important;
|
||||
line-height: 0.3rem !important;
|
||||
}
|
||||
.in_money{
|
||||
color:#fa2e42 !important;
|
||||
}
|
||||
.out_money{
|
||||
color:#1fc65b !important;
|
||||
}
|
||||
.other_money{
|
||||
color:#159aef;
|
||||
}
|
||||
.in_money_bg{
|
||||
background-color:#fa2e42;
|
||||
}
|
||||
.out_money_bg{
|
||||
background-color:#1fc65b;
|
||||
}
|
||||
.other_money_bg{
|
||||
background-color:#159aef;
|
||||
}
|
||||
.person_money_list ul{
|
||||
width:100%;
|
||||
color: white;
|
||||
|
||||
}
|
||||
.person_money_list ul li{
|
||||
margin-top:0.1rem;
|
||||
width: 94%;
|
||||
margin-left: 3%;
|
||||
height: auto;
|
||||
}
|
||||
.person_money_list ul li .money_list_header{
|
||||
width: 100%;
|
||||
height:0.8rem;
|
||||
border-radius: 0.1rem;
|
||||
box-shadow: 0 0 2px #000000;
|
||||
background: #232326;
|
||||
}
|
||||
.person_money_list ul li .money_list_header section{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height:100%;
|
||||
}
|
||||
.money_list_header section:nth-of-type(1){
|
||||
width: 2%;
|
||||
border-top-left-radius: 0.1rem;
|
||||
border-bottom-left-radius: 0.1rem;
|
||||
}
|
||||
.money_list_header section:nth-of-type(2){
|
||||
width: 60%;
|
||||
padding: 0.05rem 0.1rem;
|
||||
}
|
||||
.money_list_header section:nth-of-type(2) p {
|
||||
margin:0;
|
||||
height:0.2rem;
|
||||
line-height: 0.2rem;
|
||||
}
|
||||
.money_list_header section:nth-of-type(2) p:first-child {
|
||||
font-size: 0.15rem;
|
||||
height:0.3rem;
|
||||
line-height: 0.3rem;
|
||||
}
|
||||
.money_list_header section:nth-of-type(2) p i{
|
||||
display: inline-block;
|
||||
width: 0.12rem;
|
||||
height: 0.2rem;
|
||||
vertical-align: top;
|
||||
font-size: 0.1rem;
|
||||
text-align: center;
|
||||
line-height: 0.2rem;
|
||||
color: #3b7eff;
|
||||
}
|
||||
.money_list_header section:nth-of-type(2) p:nth-of-type(2) span{
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
height: 0.2rem;
|
||||
line-height: 0.2rem;
|
||||
}
|
||||
.money_list_header section:nth-of-type(2) p:nth-of-type(2){
|
||||
color: white;
|
||||
font-size: 0.14rem;
|
||||
}
|
||||
.money_list_header section:nth-of-type(2) p:nth-of-type(3){
|
||||
color: #b0b0b0;
|
||||
font-size: 0.12rem;
|
||||
}
|
||||
.money_list_header section:nth-of-type(3){
|
||||
width: 30%;
|
||||
line-height: 0.8rem;
|
||||
font-size: 0.18rem;
|
||||
}
|
||||
.money_list_header section:nth-of-type(4){
|
||||
width: 7%;
|
||||
font-size: 0.2rem;
|
||||
line-height: 0.8rem;
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
|
||||
.person_money_list ul li article{
|
||||
width: 100%;
|
||||
background-color: #1e1e21;
|
||||
display: none;
|
||||
height: 0.4rem;
|
||||
padding-top:0.1rem;
|
||||
}
|
||||
|
||||
.person_money_list ul li article p{
|
||||
margin: 0 0 0 0.2rem !important;
|
||||
height:0.3rem;
|
||||
font-size: 0.11rem;
|
||||
line-height: 0.14rem;
|
||||
color: #737373;
|
||||
}
|
||||
|
||||
/*出金弹窗页面样式*/
|
||||
.out_money_content{
|
||||
background: #1b1b1d;
|
||||
}
|
||||
.out_money_content .coldbg{
|
||||
color:#14a17d;
|
||||
background: -webkit-linear-gradient(right, #1db292 , #009eb7); /* Safari 5.1 - 6.0 */
|
||||
background: -o-linear-gradient(right, #1db292 , #009eb7); /* Opera 11.1 - 12.0 */
|
||||
background: -moz-linear-gradient(right, #1db292 , #009eb7); /* Firefox 3.6 - 15 */
|
||||
background: linear-gradient(to right, #1db292 , #009eb7); /* 标准的语法 */
|
||||
}
|
||||
.out_money_content .coldbg i:nth-of-type(2){
|
||||
color: #40c1bf;
|
||||
}
|
||||
.out_money_content .hotbg{
|
||||
color:#e60012;
|
||||
background: -webkit-linear-gradient(right, #e2616b , #e64d7b); /* Safari 5.1 - 6.0 */
|
||||
background: -o-linear-gradient(right, #e2616b , #e64d7b); /* Opera 11.1 - 12.0 */
|
||||
background: -moz-linear-gradient(right, #e2616b , #e64d7b); /* Firefox 3.6 - 15 */
|
||||
background: linear-gradient(to right, #e2616b , #e64d7b); /* 标准的语法 */
|
||||
}
|
||||
.out_money_content .hotbg i:nth-of-type(2){
|
||||
color: #ec6678;
|
||||
}
|
||||
.out_money_content .ifnone_add_bank{
|
||||
background: #212124;
|
||||
background-clip:border ;
|
||||
-webkit-background-clip:border ;
|
||||
border: 0.02rem #505050 dashed;
|
||||
}
|
||||
.out_money_content .ifnone_add_bank p:nth-of-type(1){
|
||||
position: static;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
font-size: 0.8rem;
|
||||
height: 0.6rem;
|
||||
line-height: 0.6rem;
|
||||
color: #505050 ;
|
||||
}
|
||||
.out_money_content .ifnone_add_bank p:nth-of-type(2){
|
||||
position: static;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
font-size: 0.13rem;
|
||||
color: #505050 ;
|
||||
}
|
||||
.out_money_content header{
|
||||
width: 96%;
|
||||
height: 1rem;
|
||||
border-radius:0.1rem ;
|
||||
margin: 0.1rem 2% 0.1rem 2%;
|
||||
position: relative;
|
||||
}
|
||||
.out_money_content header i:nth-of-type(1){
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 0.55rem;
|
||||
height: 0.55rem;
|
||||
background: rgba(255,255,255,0.7);
|
||||
font-size: 0.4rem;
|
||||
top:0.1rem;
|
||||
left:0.1rem;
|
||||
line-height: 0.55rem;
|
||||
text-align: center;
|
||||
border-radius:50% ;
|
||||
z-index: 1000;
|
||||
}
|
||||
.out_money_content header i:nth-of-type(2){
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 1.2rem;
|
||||
height: 1rem;
|
||||
font-size: 1.2rem;
|
||||
top:0rem;
|
||||
right:0.4rem;
|
||||
line-height: 1rem;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
z-index: 100;
|
||||
}
|
||||
.out_money_content header p:nth-of-type(1){
|
||||
height: 0.2rem;
|
||||
font-size: 0.15rem;
|
||||
line-height: 0.2rem;
|
||||
text-align: left;
|
||||
position: absolute;
|
||||
top:0.1rem;
|
||||
left: 0.7rem;
|
||||
color: #FFFFFF;
|
||||
z-index: 1000;
|
||||
margin: 0;
|
||||
}
|
||||
.out_money_content header p:nth-of-type(2){
|
||||
height: 0.3rem;
|
||||
font-size: 0.2rem;
|
||||
line-height: 0.3rem;
|
||||
text-align: left;
|
||||
position: absolute;
|
||||
bottom:0.1rem;
|
||||
right: 0.1rem;
|
||||
color: #FFFFFF;
|
||||
z-index: 1000;
|
||||
font-weight: 700;
|
||||
margin:0;
|
||||
}
|
||||
.out_money_content article{
|
||||
widows: 100%;
|
||||
height: 0.4rem;
|
||||
background: #222225;
|
||||
}
|
||||
.out_money_content article span{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 34%;
|
||||
font-size: 0.15rem;
|
||||
color: #FFFFFF;
|
||||
height: 0.3rem;
|
||||
margin-top: 0.05rem;
|
||||
line-height: 0.3rem;
|
||||
}
|
||||
.out_money_content article span i{
|
||||
font-size: 0.2rem;
|
||||
color: #ebac34;
|
||||
margin-left:0.25rem ;
|
||||
}
|
||||
.out_money_content article input{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 60%;
|
||||
height: 0.2rem;
|
||||
line-height: 0.2rem;
|
||||
margin-top:0.1rem ;
|
||||
background: transparent;
|
||||
border: none;
|
||||
color: #3b7eff;
|
||||
font-size: 0.12rem;
|
||||
}
|
||||
.out_money_content section{
|
||||
width: 100%;
|
||||
padding-left: 7%;
|
||||
text-align: left;
|
||||
color: #4e4e4f;
|
||||
height: 0.3rem;
|
||||
line-height: 0.3rem;
|
||||
margin: 0;
|
||||
font-size: 0.12rem;
|
||||
}
|
||||
.out_money_content footer{
|
||||
width: 100%;
|
||||
padding-left:0.25rem;
|
||||
height: 0.3rem;
|
||||
line-height: 0.3rem;
|
||||
color: #4e4e4f;
|
||||
font-size: 0.12rem;
|
||||
text-align: left;
|
||||
}
|
||||
.out_money_content footer span{
|
||||
display: inline-block;
|
||||
width: 15%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
vertical-align: top;
|
||||
color: #3b7eff;
|
||||
}
|
||||
.out_money_content footer span:nth-of-type(1){
|
||||
color: #4e4e4f;
|
||||
}
|
||||
.out_money_content .outmoneybtn{
|
||||
width: 70%;
|
||||
margin: 0.3rem 15% 0.3rem 15%;
|
||||
border: none;
|
||||
}
|
||||
.btndisabled{
|
||||
background: #000000;
|
||||
}
|
||||
|
||||
/*入金弹框样式*/
|
||||
|
||||
.red{
|
||||
color: #cc0011 ;
|
||||
}
|
||||
.blue{
|
||||
color: #1358bd ;
|
||||
}
|
||||
.qing{
|
||||
color: #19725d ;
|
||||
}
|
||||
.green{
|
||||
color: #007e3d ;
|
||||
}
|
||||
.orange{
|
||||
color: orangered ;
|
||||
}
|
||||
.pay_blue{
|
||||
color: #159aef !important;
|
||||
}
|
||||
.pay_green{
|
||||
color: #1fc65b !important;
|
||||
}
|
||||
.pay_purple{
|
||||
color: #1d2087 ;
|
||||
}
|
||||
.pay_yellow{
|
||||
color: #fbe900 ;
|
||||
}
|
||||
.pay_qing{
|
||||
color: #00a5d7 ;
|
||||
}
|
||||
.pay_blue_bg{
|
||||
background: #159aef;
|
||||
}
|
||||
.pay_green_bg{
|
||||
background: #1fc65b;
|
||||
}
|
||||
.pay_alipay_bg{
|
||||
background: #00a3ee;
|
||||
}
|
||||
.pay_yinlian_bg{
|
||||
background: #006a65;
|
||||
}
|
||||
.pay_alipay{
|
||||
color: #00a3ee !important;
|
||||
}
|
||||
.pay_yinlian{
|
||||
color: #006a65 !important;
|
||||
}
|
||||
#in_money_content{
|
||||
background: #1b1b1d;
|
||||
}
|
||||
#in_money_content header{
|
||||
margin-bottom:0.1rem ;
|
||||
margin-top: 0.1rem;
|
||||
}
|
||||
#in_money_content header .pay_channel{
|
||||
margin-top:0.1rem ;
|
||||
}
|
||||
#in_money_content article span i{
|
||||
color: #eb3445;
|
||||
}
|
||||
#in_money_content .item{
|
||||
border: none;
|
||||
background: #1b1b1d ;
|
||||
}
|
||||
#in_money_content .item .item-content{
|
||||
background: #1b1b1d ;
|
||||
padding: 0;
|
||||
}
|
||||
#in_money_content .item .item-content {
|
||||
width: 96%;
|
||||
margin-left: 2%;
|
||||
}
|
||||
#in_money_content .item .item-content .pay_bank_list_header{
|
||||
border-radius:0.05rem;
|
||||
background: #28282b;
|
||||
width: 100%;
|
||||
height: 0.7rem;
|
||||
position: relative;
|
||||
}
|
||||
#in_money_content .item .item-content .pay_bank_list_header i{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 0.05rem;
|
||||
height: 0.7rem;
|
||||
border-bottom-left-radius:0.05rem;
|
||||
border-top-left-radius:0.05rem;
|
||||
}
|
||||
#in_money_content .item .item-content .pay_bank_list_header article{
|
||||
display: inline-block;
|
||||
width: 80%;
|
||||
height: 0.7rem;
|
||||
}
|
||||
#in_money_content .item .item-content .pay_bank_list_header article p span{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
height: 0.3rem;
|
||||
line-height: 0.3rem;
|
||||
text-align: left;
|
||||
}
|
||||
#in_money_content .item .item-content .pay_bank_list_header p:nth-of-type(1){
|
||||
margin-top:0.05rem;
|
||||
font-size:0.15rem;
|
||||
height: 0.3rem;
|
||||
}
|
||||
#in_money_content .item .item-content .pay_bank_list_header p:nth-of-type(1) span:nth-of-type(1){
|
||||
width:0.5rem;
|
||||
font-size: 0.25rem;
|
||||
text-align: center;
|
||||
}
|
||||
#in_money_content .item .item-content .pay_bank_list_header p:nth-of-type(1) span:nth-of-type(2){
|
||||
width: 1rem;
|
||||
}
|
||||
#in_money_content .item .item-content .pay_bank_list_header p:nth-of-type(2){
|
||||
margin:0;
|
||||
font-size:0.12rem;
|
||||
height: 0.3rem;
|
||||
}
|
||||
#in_money_content .item .item-content .pay_bank_list_header p:nth-of-type(2) span:nth-of-type(1){
|
||||
width: 0.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
#in_money_content .item .item-content .pay_bank_list_header p:nth-of-type(2) span:nth-of-type(2){
|
||||
width: 1rem;
|
||||
color: #ffffff;
|
||||
}
|
||||
#in_money_content .item-radio .radio-icon{
|
||||
padding: 0;
|
||||
width: 0.15rem;
|
||||
height:0.15rem;
|
||||
text-align: center;
|
||||
line-height: 0.15rem;
|
||||
font-size: 0.1rem;
|
||||
top:0.3rem;
|
||||
color: #3b7eff;
|
||||
right:0.2rem;
|
||||
z-index: 1000;
|
||||
}
|
||||
.pay_bank_list_content{
|
||||
height: 2rem;
|
||||
width: 96%;
|
||||
margin-left:2% ;
|
||||
background: #222225;
|
||||
border-bottom-left-radius: 0.05rem;
|
||||
border-bottom-right-radius: 0.05rem;
|
||||
}
|
||||
#in_money_content .pay_bank_list_content .item .item-content{
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
#in_money_content .pay_bank_list_content ul{
|
||||
width: 98%;
|
||||
margin-left: 1%;
|
||||
background: #222225;
|
||||
border-bottom-left-radius:0.03rem ;
|
||||
border-bottom-right-radius:0.03rem ;
|
||||
}
|
||||
#in_money_content .pay_bank_list_content ul li{
|
||||
margin-left:3% ;
|
||||
height: 0.32rem;
|
||||
width: 94%;
|
||||
border-bottom:1px solid #343438 ;
|
||||
margin-bottom: 2px;
|
||||
position: relative;
|
||||
}
|
||||
#in_money_content .pay_bank_list_content ul li .item .item-content{
|
||||
background: #222225;
|
||||
}
|
||||
#in_money_content .pay_bank_list_content ul li .item-radio .radio-icon{
|
||||
top:0.11rem;
|
||||
right: 0.21rem;
|
||||
}
|
||||
#in_money_content .pay_bank_list_content ul li p{
|
||||
font-size: 0.13rem;
|
||||
}
|
||||
#in_money_content .pay_bank_list_content ul li p span{
|
||||
display: inline-block;
|
||||
height: 0.3rem;
|
||||
line-height: 0.3rem;
|
||||
vertical-align: top;
|
||||
font-size: 0.13rem;
|
||||
width: 2rem;
|
||||
}
|
||||
#in_money_content .pay_bank_list_content ul li p span:nth-of-type{
|
||||
color: #aaaaaa;
|
||||
}
|
||||
#in_money_content .pay_bank_list_content ul li p .bankicon{
|
||||
width: 0.4rem;
|
||||
text-align: center;
|
||||
}
|
||||
#in_money_content .pay_weixin article p{
|
||||
height: 0.7rem !important;
|
||||
line-height: 0.7rem !important;
|
||||
margin: 0 !important;
|
||||
font-size: 0.15rem !important;
|
||||
}
|
||||
#in_money_content .pay_weixin article p span{
|
||||
height: 0.7rem !important;
|
||||
line-height: 0.7rem !important;
|
||||
}
|
||||
.pay_bank_list_header .kuang{
|
||||
position: absolute;
|
||||
width: 0.15rem;
|
||||
height: 0.15rem;
|
||||
border-radius:3px ;
|
||||
border: 1px solid #343438;
|
||||
top:0.3rem;
|
||||
right: 0.13rem;
|
||||
z-index: 100;
|
||||
}
|
||||
#in_money_content .pay_bank_list_content ul li .kuang{
|
||||
position: absolute;
|
||||
width: 0.12rem;
|
||||
height: 0.12rem;
|
||||
border-radius:2px ;
|
||||
border: 1px solid #343438;
|
||||
top:0.1rem;
|
||||
right: 0.2rem;
|
||||
z-index: 100;
|
||||
}
|
||||
#in_money_content .pay_bank_list_content ul li .item-radio .radio-icon{
|
||||
font-size: 0.08rem;
|
||||
width: 0.12rem;
|
||||
height: 0.12rem;
|
||||
line-height: 0.12rem;
|
||||
}
|
||||
|
||||
|
||||
/*微信支付页面*/
|
||||
.pay_weixin_code{
|
||||
width: 100%;
|
||||
height: 6.67rem;
|
||||
overflow: hidden;
|
||||
background:#1b1b1d ;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
.no-erweima{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 10100;
|
||||
}
|
||||
.pay_weixin_code header{
|
||||
width: 2.9rem;
|
||||
height: 3.3rem;
|
||||
background: url(../img/payweixinbg.png) no-repeat;
|
||||
background-size:100% 100% ;
|
||||
margin: 0.4rem auto 0 auto;
|
||||
}
|
||||
.pay_weixin_code header p{
|
||||
height: 0.37rem;
|
||||
line-height: 0.37rem;
|
||||
margin: 0;
|
||||
color: white;
|
||||
font-size: 0.13rem;
|
||||
}
|
||||
.pay_weixin_code header p span{
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
vertical-align: top;
|
||||
height: 0.37rem;
|
||||
color: #3b7eff;
|
||||
font-size: 0.18rem;
|
||||
line-height: 0.37rem;
|
||||
}
|
||||
.pay_weixin_code section{
|
||||
font-size: 0.13rem;
|
||||
color: white;
|
||||
height: 0.2rem;
|
||||
line-height: 0.2rem;
|
||||
}
|
||||
.pay_weixin_code footer{
|
||||
margin: 0 auto;
|
||||
width: 60%;
|
||||
text-align: center;
|
||||
color: #969696;
|
||||
font-size: 0.12rem;
|
||||
}
|
||||
.qrcode-modal article{
|
||||
position: absolute;
|
||||
width:1.8rem;
|
||||
height: 1.8rem;
|
||||
top:22%;
|
||||
left: 50%;
|
||||
margin-left: -0.9rem;
|
||||
z-index: 10000;
|
||||
}
|
||||
.qrcode-modal article img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
/*商信快捷支付页面*/
|
||||
.pay_shangxin{
|
||||
background: #1b1b11b;
|
||||
}
|
||||
.pay_shangxin h3{
|
||||
text-align: center;
|
||||
height: 0.3rem;
|
||||
line-height: 0.3rem;
|
||||
color: white;
|
||||
font-size: 0.14rem;
|
||||
margin: 0.2rem 0 0.1rem 0;
|
||||
}
|
||||
.pay_shangxin h3 span{
|
||||
color: #e9b747;
|
||||
font-size: 0.18rem;
|
||||
}
|
||||
.pay_shangxin button{
|
||||
width: 70%;
|
||||
margin-left: 15%;
|
||||
margin-top: 0.4rem;
|
||||
}
|
||||
483
public/static/wap/css/sign.css
Normal file
483
public/static/wap/css/sign.css
Normal file
@ -0,0 +1,483 @@
|
||||
/* 登陆页CSS */
|
||||
.signin-view {
|
||||
background: #21212b;
|
||||
background-size:100% 100% ;
|
||||
}
|
||||
|
||||
.signin {
|
||||
width: 70%;
|
||||
height: 100%;
|
||||
margin-left: 15%;
|
||||
text-align: center;
|
||||
}
|
||||
.signin-header {
|
||||
margin-top: 0.8rem;
|
||||
margin-bottom:0.2rem;
|
||||
}
|
||||
.signin-header .system-logo{
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
max-width: 600px;
|
||||
max-height: 300px;
|
||||
}
|
||||
.signin-header .system-logo img {
|
||||
width: 50%;
|
||||
/*height: 50%;*/
|
||||
}
|
||||
.signin-header .system-name{
|
||||
width: 100%;
|
||||
height: 0.3rem;
|
||||
line-height: 0.3rem;
|
||||
text-align: center;
|
||||
color: #e9b747;
|
||||
font-size: 0.2rem;
|
||||
font-family: "微软雅黑";
|
||||
}
|
||||
.signin-content > .list {
|
||||
width: 100%;
|
||||
height: 1rem;
|
||||
margin-bottom: 0.1rem;
|
||||
}
|
||||
.signin-content > p{
|
||||
width: 100%;
|
||||
height: 0.25rem;
|
||||
}
|
||||
.signin-content > p > span{
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 0.25rem;
|
||||
line-height: 0.25rem;
|
||||
font-size: 0.14rem;
|
||||
text-align: center;
|
||||
color: #fa2e42;
|
||||
}
|
||||
.signin-content > .list > .item {
|
||||
height: 0.45rem;
|
||||
line-height: 0.45rem;
|
||||
margin-bottom: 0.1rem;
|
||||
border-width: 0px;
|
||||
border-radius: 0.05rem;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.signin-content > .list > .item > .input-icon {
|
||||
display:inline-block ;
|
||||
vertical-align: top;
|
||||
font-size: 0.2rem;
|
||||
width: 0.4rem;
|
||||
color: #e9b747;
|
||||
text-align: center;
|
||||
height: 0.45rem;
|
||||
margin-top: 0.24rem;
|
||||
}
|
||||
|
||||
.signin-content > .list > .item > input {
|
||||
color: white;
|
||||
font-size: 0.14rem;
|
||||
padding: 0rem;
|
||||
border: none;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.signin-content > .signin-action {
|
||||
padding: 0.05rem 0.1rem;
|
||||
}
|
||||
|
||||
.signin-action .sign_button{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.signin-footer {
|
||||
text-align: center;
|
||||
margin-top: 0.2rem;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.signin-footer > a {
|
||||
color: #f8e16d;
|
||||
font-size: .14rem;
|
||||
text-decoration: none;
|
||||
}
|
||||
.signin-tools {
|
||||
padding: 0px;
|
||||
height: 30px !important;
|
||||
}
|
||||
|
||||
.signin-tools p {
|
||||
font-size: 12px;
|
||||
white-space: normal;
|
||||
text-align: left;
|
||||
padding: 5px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.signin-tools p a {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.signin-tools.item-select {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.signin-tools select {
|
||||
left: 0px;
|
||||
color: rgb(200, 200, 200);
|
||||
font-size: 12px;
|
||||
background-color: #1d1d25;
|
||||
}
|
||||
|
||||
.signin-tools.item-checkbox {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.signin-tools .item-checkbox {
|
||||
padding: 5px;
|
||||
padding-top: 10px;
|
||||
padding-left: 35px;
|
||||
font-size: 12px;
|
||||
text-align: left;
|
||||
border: none;
|
||||
color: rgb(200, 200, 200);
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.signin-tools .item-checkbox .checkbox-icon:before {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
margin-top: 9px;
|
||||
border-radius: 2px !important;
|
||||
}
|
||||
|
||||
.signin-tools .item-checkbox .checkbox-icon:after {
|
||||
position: static;
|
||||
margin-top: -12px;
|
||||
}
|
||||
|
||||
.spinner-view {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
z-index: 4;
|
||||
opacity: 0;
|
||||
background-color: rgb(31, 32, 36);
|
||||
-webkit-transition: opacity 300ms linear;
|
||||
-moz-transition: opacity 300ms linear;
|
||||
-ms-transition: opacity 300ms linear;
|
||||
-o-transition: opacity 300ms linear;
|
||||
transition: opacity 300ms linear;
|
||||
}
|
||||
|
||||
.spinner-view.open {
|
||||
opacity: 100;
|
||||
background-color: rgb(31, 32, 36);
|
||||
}
|
||||
|
||||
.spinner-view .message {
|
||||
top:50%;
|
||||
width:100%;
|
||||
opacity: 0;
|
||||
padding-top:30px;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
color: rgb(200, 200, 200);
|
||||
-webkit-transition: opacity 300ms linear;
|
||||
-moz-transition: opacity 300ms linear;
|
||||
-ms-transition: opacity 300ms linear;
|
||||
-o-transition: opacity 300ms linear;
|
||||
transition: opacity 300ms linear;
|
||||
}
|
||||
|
||||
.spinner-view .message.fadein {
|
||||
opacity: 100;
|
||||
}
|
||||
|
||||
/*注册页样式*/
|
||||
|
||||
input[disabled], select[disabled], textarea[disabled], input[readonly]:not(.cloned-text-input), textarea[readonly]:not(.cloned-text-input), select[readonly]{
|
||||
background: transparent !important;
|
||||
}
|
||||
.sign_up{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.remake{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: rgba(0,0,0,.9);
|
||||
z-index: 100;
|
||||
}
|
||||
.remakecon{
|
||||
width: 80%;
|
||||
margin-left: 10%;
|
||||
background: #fff;
|
||||
border-radius:0.04rem ;
|
||||
text-align: center;
|
||||
}
|
||||
.remakecon header{
|
||||
width: 100%;
|
||||
height: 0.4rem;
|
||||
line-height: 0.4rem;
|
||||
font-size: 0.14rem;
|
||||
border-top-left-radius:0.04rem ;
|
||||
border-top-right-radius:0.04rem ;
|
||||
background: #e8af2e;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
.remakecon header .close{
|
||||
width: 0.4rem;
|
||||
height: 0.4rem;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top:0;
|
||||
font-size: 0.3rem;
|
||||
}
|
||||
#versvg svg{
|
||||
width: 1.5rem;
|
||||
height: 0.5rem;
|
||||
margin: 0.1rem auto;
|
||||
}
|
||||
.remakecon .newinput{
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
.remakecon .newinput .input-text{
|
||||
color: #3c3c3c;
|
||||
border: none;
|
||||
}
|
||||
.ver_btn{
|
||||
margin:0.1rem auto;
|
||||
}
|
||||
.newinput{
|
||||
width: 100%;
|
||||
height: 0.51rem;
|
||||
border-bottom:1px solid #343438 ;
|
||||
padding-top:0.2rem ;
|
||||
}
|
||||
.sign_up_list{
|
||||
margin: 20px;
|
||||
}
|
||||
.input_iphone_code{
|
||||
position: relative;
|
||||
}
|
||||
.input_iphone_code .code_btn{
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top:0.1rem;
|
||||
height: 0.3rem;
|
||||
width: 1rem;
|
||||
color: #abacae;
|
||||
line-height: 0.3rem;
|
||||
text-align: center;
|
||||
font-size: 0.12rem;
|
||||
background: transparent;
|
||||
border-radius:0.05rem ;
|
||||
border: 1px solid #343438;
|
||||
padding: 0;
|
||||
}
|
||||
.newinput .input-text{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 0.6rem;
|
||||
height: 0.3rem;
|
||||
font-size: 0.12rem;
|
||||
line-height: 0.3rem;
|
||||
color: white;
|
||||
}
|
||||
.newinput input{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
border: none;
|
||||
padding: 0;
|
||||
width: 2rem;
|
||||
height: 0.3rem;
|
||||
color: #3b7eff;
|
||||
background: transparent;
|
||||
font-size: 0.14rem;
|
||||
line-height: 0.3rem;
|
||||
margin-left:0.1rem ;
|
||||
}
|
||||
.sign_up_check{
|
||||
width: 100%;
|
||||
height: 1rem;
|
||||
margin-top: 0.2rem;
|
||||
line-height: 0.3rem;
|
||||
color: white;
|
||||
}
|
||||
.sign_up_check .item-content p{
|
||||
color: white;
|
||||
font-size: 0.12rem;
|
||||
padding-left:0.35rem;
|
||||
}
|
||||
.sign_up_check a{
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
height: 0.3rem;
|
||||
line-height: 0.3rem;
|
||||
width: auto;
|
||||
color: white;
|
||||
font-size: 0.14rem;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.sign_up_check .item{
|
||||
background: transparent;
|
||||
border: none;
|
||||
padding:0 ;
|
||||
height: 0.3rem;
|
||||
line-height: 0.3rem;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.12rem;
|
||||
position: relative;
|
||||
width: 32%;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
.sign_up_check .item span{
|
||||
display: inline-block;
|
||||
width: 0.2rem;
|
||||
height: 0.2rem;
|
||||
border: 1px solid #343438;
|
||||
border-radius:0.02rem ;
|
||||
}
|
||||
.sign_up_check .item-checkbox .checkbox{
|
||||
top:0.05rem;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.sign_up_check .item-checkbox .checkbox .checkbox-icon{
|
||||
width: 0.2rem;
|
||||
height: 0.2rem;
|
||||
line-height: 0.2rem;
|
||||
text-align: center;
|
||||
}
|
||||
.sign_up_check .checkbox input:before, .checkbox-icon:before{
|
||||
background: transparent !important;
|
||||
border-radius:0 ;
|
||||
border: 1px solid #343438 !important;
|
||||
border-color: #343438 !important;
|
||||
}
|
||||
.sign_up_btn {
|
||||
margin: 20px;
|
||||
}
|
||||
.sign_up_btn button{
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
font-weight: 400;
|
||||
background-color: #f8e16d;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
line-height: 2.55555556;
|
||||
border:0 none;
|
||||
border-radius: 5px;
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
}
|
||||
.sign_up_check .item-content span{
|
||||
display: inline-block;
|
||||
width: 80%;
|
||||
height: 0.3rem;
|
||||
font-size: 0.12rem;
|
||||
border: none;
|
||||
margin-left: 0.3rem;
|
||||
}
|
||||
.sign_up_check .checkbox input:after, .checkbox-icon:after{
|
||||
border-color: #3b7eff;
|
||||
width: 0.14rem;
|
||||
height: 0.06rem;
|
||||
}
|
||||
.agreement{
|
||||
background: #1b1b1d !important;
|
||||
}
|
||||
.agreement pre{
|
||||
font-size: 0.14rem;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/*注册二维码页面样式*/
|
||||
.sign_up_erweima{
|
||||
background:#1b1b1b;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.sign_up_erweima header{
|
||||
height: 0.9rem;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding:0.3rem 0 0.2rem 0rem;
|
||||
}
|
||||
.sign_up_erweima header h2{
|
||||
font-size: 0.13rem;
|
||||
color: white;
|
||||
height: 0.2rem;
|
||||
line-height: 0.2rem;
|
||||
margin: 0;
|
||||
}
|
||||
.sign_up_erweima header h2 span{
|
||||
font-size: 0.15rem;
|
||||
}
|
||||
.sign_up_erweima header p{
|
||||
height: 0.2rem;
|
||||
line-height:0.2rem;
|
||||
color: #707070;
|
||||
font-size: 0.11rem;
|
||||
}
|
||||
.sign_up_erweima article{
|
||||
width: 60%;
|
||||
height: 2.8rem;
|
||||
background: white;
|
||||
margin-left: 20%;
|
||||
border-radius:0.1rem ;
|
||||
padding-top: 0.4rem;
|
||||
text-align: center;
|
||||
color: #838383;
|
||||
}
|
||||
.sign_up_erweima section{
|
||||
position: absolute;
|
||||
top:2rem;
|
||||
left:30%;
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.sign_up_erweima section img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.sign_up_erweima article h3{
|
||||
margin: 0;
|
||||
height: 0.4rem;
|
||||
line-height: 0.4rem;
|
||||
font-size: 0.14rem;
|
||||
color: #838383;
|
||||
}
|
||||
.sign_up_erweima article h3 span{
|
||||
font-size: 0.15rem;
|
||||
color: #22bd39;
|
||||
}
|
||||
.sign_up_erweima article p{
|
||||
height: 0.2rem;
|
||||
line-height: 0.2rem;
|
||||
margin: 0;
|
||||
font-size: 0.13rem;
|
||||
}
|
||||
.sign_up_erweima a{
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
width: 66%;
|
||||
margin-left: 17%;
|
||||
margin-top: 0.4rem;
|
||||
}
|
||||
2165
public/static/wap/css/style.css
Normal file
2165
public/static/wap/css/style.css
Normal file
File diff suppressed because it is too large
Load Diff
0
public/static/wap/css/tabbar.css
Normal file
0
public/static/wap/css/tabbar.css
Normal file
53
public/static/wap/css/tipmask.css
Normal file
53
public/static/wap/css/tipmask.css
Normal file
@ -0,0 +1,53 @@
|
||||
/* tipMask CSS */
|
||||
.tipMask {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(95, 95, 95, 0.3);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tipMask .cont {
|
||||
width: 60%;
|
||||
padding: 5% 10%;
|
||||
border-radius: 5px;
|
||||
background-color: #FFFFFF;
|
||||
position: absolute;
|
||||
top: 30%;
|
||||
left: 10%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tipMask .cont .title {
|
||||
font-size: .34rem;
|
||||
line-height: .48rem;
|
||||
color: #191919;
|
||||
}
|
||||
|
||||
.tipMask .cont .stitle {
|
||||
font-size: .3rem;
|
||||
line-height: .42rem;
|
||||
color: #606060;
|
||||
margin-top: .36rem;
|
||||
}
|
||||
|
||||
.tipMask .cont .confirm {
|
||||
width: 100%;
|
||||
height: .88rem;
|
||||
background-color: #EF6F6C;
|
||||
border-radius: 4px;
|
||||
font-size: .34rem;
|
||||
color: #fff;
|
||||
line-height: .88rem;
|
||||
text-align: center;
|
||||
margin-top: .5rem;
|
||||
}
|
||||
.confirm {
|
||||
background-color: #0084FF !important;
|
||||
}
|
||||
169
public/static/wap/css/trade-history.css
Normal file
169
public/static/wap/css/trade-history.css
Normal file
@ -0,0 +1,169 @@
|
||||
/*历史记录页面*/
|
||||
.trade_hi{
|
||||
background: #21212b;
|
||||
color: #ffffff;
|
||||
}
|
||||
.trade_hi p{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.trade_history{
|
||||
background: #21212b;
|
||||
color: #ffffff;
|
||||
}
|
||||
.trade_history p{
|
||||
margin: 0;
|
||||
}
|
||||
.trade_history header{
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
background: #21212b;
|
||||
display: flex;
|
||||
}
|
||||
.trade_history header article{
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
border-bottom: 1px solid #181818;
|
||||
}
|
||||
.trade_history header article p{
|
||||
/*height: 0.23rem;*/
|
||||
/*margin: 0.06rem 0;*/
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
/*font-size:0.15rem ;*/
|
||||
color:#828095
|
||||
|
||||
}
|
||||
.trade_history header article.active p{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.trade_history_list{
|
||||
width: 100%;
|
||||
height: 94%;
|
||||
}
|
||||
|
||||
.trade_history_list .empty{
|
||||
padding:50px 0 0 ;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
color: #828095;
|
||||
line-height: 37px;
|
||||
}
|
||||
.trade_history_list .empty img{
|
||||
width:27px;
|
||||
height:26px;
|
||||
}
|
||||
.trade_history_list .empty p{
|
||||
display:block;
|
||||
font-size:12px;
|
||||
color:#828095
|
||||
}
|
||||
|
||||
.trade_history_list ul{
|
||||
width: 100%;
|
||||
|
||||
background: #323232;
|
||||
}
|
||||
.trade_history_list ul li{
|
||||
width: 100%;
|
||||
border-top:1px solid #21212b;
|
||||
border-bottom:1px solid #21212b;
|
||||
color: #FFFFFF;
|
||||
background: #21212b;
|
||||
position: relative;
|
||||
}
|
||||
.trade_history_list ul li article{
|
||||
position: absolute;
|
||||
z-index: 1000;
|
||||
width: 100%;
|
||||
height: 12px;
|
||||
left: 0;
|
||||
bottom: -12px;
|
||||
background: transparent;
|
||||
}
|
||||
.trade_history_list ul li article i{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin-top:12px ;
|
||||
width:12px;
|
||||
height: 12px;
|
||||
border-radius:50% ;
|
||||
background: #ffe88a;
|
||||
box-shadow: 0 0 0.05rem yellow;
|
||||
float: right;
|
||||
}
|
||||
.trade_history_list ul li article i em{
|
||||
display: block;
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
margin:4px;
|
||||
background: #ffffcd;
|
||||
}
|
||||
.trade_history_list ul li article span{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin-top:5px ;
|
||||
background: #159aef;
|
||||
float: right;
|
||||
}
|
||||
.trade_history_list ul li section{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding-top: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
.trade_history_list ul li section:nth-of-type(1){
|
||||
width: 60%;
|
||||
padding-left:2%;
|
||||
}
|
||||
.trade_history_list ul li section:nth-of-type(2){
|
||||
width: 40%;
|
||||
padding-right: 2%;
|
||||
}
|
||||
.trade_history_list ul li section:nth-of-type(1) p{
|
||||
text-align: left;
|
||||
font-size: 12px;
|
||||
}
|
||||
.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(1){
|
||||
}
|
||||
.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(1) span:nth-of-type(1){
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 45%;
|
||||
height: 100%;
|
||||
font-size: 12px;
|
||||
overflow: hidden;
|
||||
white-space:nowrap;
|
||||
text-overflow:ellipsis;
|
||||
}
|
||||
.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(1) span:nth-of-type(2){
|
||||
font-size:12px;
|
||||
}
|
||||
.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(1) span:nth-of-type(2) i{
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right:5px;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(1) span:nth-of-type(2) .buytop{
|
||||
background: url(../images/buytop.png);
|
||||
background-size:100% 100% ;
|
||||
}
|
||||
.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(1) span:nth-of-type(2) .buydown{
|
||||
background: url(../images/buydown.png);
|
||||
background-size:100% 100% ;
|
||||
}
|
||||
.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(3){
|
||||
color: #696969;
|
||||
}
|
||||
.trade_history_list ul li section:nth-of-type(2) p:nth-of-type(1){
|
||||
font-size: 12px;
|
||||
text-align: right;
|
||||
}
|
||||
.trade_history_list ul li section:nth-of-type(2) p:nth-of-type(2){
|
||||
font-size: 12px;
|
||||
text-align: right;
|
||||
}
|
||||
165
public/static/wap/css/trade.css
Normal file
165
public/static/wap/css/trade.css
Normal file
@ -0,0 +1,165 @@
|
||||
.trade-content header{
|
||||
height: 0.7rem;
|
||||
width: 100%;
|
||||
border-top:1px solid black;
|
||||
display: flex;
|
||||
}
|
||||
.trade-content header section{
|
||||
height: 0.7rem;
|
||||
-webkit-flex-basis: 20%;
|
||||
flex-basis: 20%;
|
||||
padding-top: 0.15rem;
|
||||
}
|
||||
.trade-content header section p{
|
||||
margin:0;
|
||||
height: 0.2rem;
|
||||
line-height: 0.2rem;
|
||||
font-size: 0.12rem;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
color: #737373;
|
||||
}
|
||||
.trade-content header section p:nth-of-type(2){
|
||||
font-size: 0.16rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
.trade-content header section:nth-of-type(1){
|
||||
padding: 0;
|
||||
-webkit-flex-basis: 40%;
|
||||
flex-basis: 40%;
|
||||
font-size: 0.3rem;
|
||||
text-align: center;
|
||||
line-height: 0.7rem;
|
||||
font-weight: 800;
|
||||
}
|
||||
.trade-content nav{
|
||||
height: 0.4rem;
|
||||
background: #252529;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
padding: 0 2%;
|
||||
}
|
||||
.trade-content nav section{
|
||||
flex: 1;
|
||||
color: #737373;
|
||||
margin-top:0.03rem;
|
||||
height: 0.34rem;
|
||||
line-height: 0.34rem;
|
||||
text-align: center;
|
||||
font-size: 0.13rem;
|
||||
}
|
||||
.trade-content nav article{
|
||||
padding: 0 0.02rem;
|
||||
flex: 2;
|
||||
height: 0.3rem;
|
||||
display: flex;
|
||||
border-radius:0.1rem ;
|
||||
background: #17171a;
|
||||
color: white;
|
||||
margin-top:0.05rem ;
|
||||
}
|
||||
.trade-content nav article span{
|
||||
display: inline-block;
|
||||
height: 0.26rem;
|
||||
margin-top:0.02rem;
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
line-height: 0.26rem;
|
||||
}
|
||||
.trade-content nav article span.active{
|
||||
color: #3b7eff;
|
||||
background: #323237;
|
||||
border-radius:0.1rem ;
|
||||
box-shadow: 0 0 2px #3e3c42;
|
||||
|
||||
}
|
||||
.trade-content nav section.active{
|
||||
color: #3b7eff;
|
||||
border-bottom:1px solid #3b7eff ;
|
||||
}
|
||||
.trade-content footer{
|
||||
width: 100%;
|
||||
height: 72%;
|
||||
position: relative;
|
||||
}
|
||||
.trade-content footer .history_chart{
|
||||
position: absolute !important;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
height: 4.4rem;
|
||||
}
|
||||
.trade-content footer .chart-tip {
|
||||
position: absolute;
|
||||
left: 0.1rem;
|
||||
top: -0.5%;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.trade-content footer .func-tip {
|
||||
position: absolute;
|
||||
left: 0.1rem;
|
||||
top: 70%;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.trade-content footer .chart-tip > ul > li {
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.trade-content footer .func-tip > ul > li {
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.trade-content footer .history-open {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.trade-content footer .history-close {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
.trade-content footer .history-high {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.trade-content footer .history-low {
|
||||
color: yellow;
|
||||
}
|
||||
.trade-view .trade_bar{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0.1rem;
|
||||
height: 0.5rem;
|
||||
right: 0.1rem;
|
||||
z-index: 9999;
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
}
|
||||
.trade-view .trade_bar section{
|
||||
flex: 0 0 32%;
|
||||
height: 0.5rem;
|
||||
font-size: 0.12rem;
|
||||
text-align: center;
|
||||
border-radius:5px;
|
||||
}
|
||||
.trade-view .trade_bar section p{
|
||||
margin: 0;
|
||||
height: 0.5rem;
|
||||
line-height: 0.5rem;
|
||||
color:#fff;
|
||||
}
|
||||
.trade-view .trade_bar section p span{
|
||||
color: #3b7eff;
|
||||
}
|
||||
.trade-view .trade_bar section i{
|
||||
font-size: 0.18rem;
|
||||
display: block;
|
||||
height: 0.2rem;
|
||||
line-height: 0.2rem;
|
||||
}
|
||||
Reference in New Issue
Block a user