补充文件
This commit is contained in:
1
public/static/mobile/css/conciseUi.css
Normal file
1
public/static/mobile/css/conciseUi.css
Normal file
@@ -0,0 +1 @@
|
||||
input{-webkit-appearance:normal;-moz-appearance:normal;appearance:normal;font-family:"微软雅黑";font-size:14px}.ce-normal{font-weight:normal !important}.ce-bold{font-weight:bold !important}.ce-bolder{font-weight:bolder !important}.ce-lighter{font-weight:lighter !important}.ce-text-r{text-align:right}.ce-text-l{text-align:left}.ce-text-c{text-align:center}.ce-float-r{float:right}.ce-float-l{float:left}.ce-position-r{position:relative}.ce-position-a{position:absolute}.ce-position-f{position:fixed}.ce-nowrap{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ce-nowrap-multi{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ce-pack-center{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;position:absolute;left:0;right:0;top:0;bottom:0}.ce-padding{padding:20px}.ce-padding-l{padding-left:20px}.ce-padding-t{padding-top:20px}.ce-padding-r{padding-right:20px}.ce-padding-b{padding-bottom:20px}.ce-padding-tb{padding:20px 0 !important}.ce-padding-rl{padding:0 20px !important}.ce-padding-sm{padding:10px}.ce-padding-l-sm{padding-left:10px}.ce-padding-t-sm{padding-top:10px}.ce-padding-r-sm{padding-right:10px}.ce-padding-b-sm{padding-bottom:10px}.ce-padding-tb-sm{padding:10px 0 !important}.ce-padding-rl-sm{padding:0 10px !important}.ce-padding-none{padding:0 !important}.ce-margin{margin:20px}.ce-margin-l{margin-left:20px}.ce-margin-t{margin-top:20px}.ce-margin-r{margin-right:20px}.ce-margin-b{margin-bottom:20px}.ce-margin-tb{margin:20px 0 !important}.ce-margin-rl{margin:0 20px !important}.ce-margin-sm{margin:10px}.ce-margin-l-sm{margin-left:10px}.ce-margin-t-sm{margin-top:10px}.ce-margin-r-sm{margin-right:10px}.ce-margin-b-sm{margin-bottom:10px}.ce-margin-tb-sm{margin:10px 0 !important}.ce-margin-rl-sm{margin:0 10px !important}.ce-margin-none{margin:0 !important}.ce-border{border:1px solid #e0e0e0}.ce-border-l{border-left:1px solid #e0e0e0}.ce-border-t{border-top:1px solid #e0e0e0}.ce-border-r{border-right:1px solid #e0e0e0}.ce-border-b{border-bottom:1px solid #e0e0e0}.ce-header{top:0;height:46px}.ce-footer{bottom:0;height:60px}.ce-header,.ce-footer{position:fixed;width:100%;z-index:99}.ce-header~.ce-content{border-top:solid 46px transparent}.ce-footer~.ce-content{border-bottom:solid 59px transparent}.ce-user-portrait,.ce-img{position:relative}.ce-user-portrait>span,.ce-img>span{position:absolute;height:100%;width:100%;top:0;left:0}.ce-user-portrait{background-image:url(../img/conciseuiLogo.png)}.ce-img{background-image:url(../img/conciceui_img.png)}.ce-radius{border-radius:100%}.ce-user-portrait,.ce-user-portrait>span,.ce-img>span{background-repeat:no-repeat;background-size:cover;background-position:center}
|
||||
4
public/static/mobile/css/font-awesome.min.css
vendored
Normal file
4
public/static/mobile/css/font-awesome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
359
public/static/mobile/css/layer.css
Normal file
359
public/static/mobile/css/layer.css
Normal file
@@ -0,0 +1,359 @@
|
||||
.layui-m-layer {
|
||||
position: relative;
|
||||
z-index: 19891014
|
||||
}
|
||||
|
||||
.layui-m-layer * {
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box
|
||||
}
|
||||
|
||||
.layui-m-layermain,.layui-m-layershade {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
|
||||
.layui-m-layershade {
|
||||
background-color: rgba(0,0,0,.7);
|
||||
pointer-events: auto
|
||||
}
|
||||
|
||||
.layui-m-layermain {
|
||||
display: table;
|
||||
font-family: Helvetica,arial,sans-serif;
|
||||
pointer-events: none
|
||||
}
|
||||
|
||||
.layui-m-layermain .layui-m-layersection {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.layui-m-layerchild {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
text-align: left;
|
||||
background-color: #fff;
|
||||
font-size: 14px;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 0 8px rgba(0,0,0,.1);
|
||||
pointer-events: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
-webkit-animation-duration: .2s;
|
||||
animation-duration: .2s
|
||||
}
|
||||
|
||||
@-webkit-keyframes layui-m-anim-scale {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(.5);
|
||||
transform: scale(.5)
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes layui-m-anim-scale {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(.5);
|
||||
transform: scale(.5)
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
}
|
||||
|
||||
.layui-m-anim-scale {
|
||||
animation-name: layui-m-anim-scale;
|
||||
-webkit-animation-name: layui-m-anim-scale
|
||||
}
|
||||
|
||||
@-webkit-keyframes layui-m-anim-up {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(800px);
|
||||
transform: translateY(800px)
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0)
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes layui-m-anim-up {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(800px);
|
||||
transform: translateY(800px)
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0)
|
||||
}
|
||||
}
|
||||
|
||||
.layui-m-anim-up {
|
||||
-webkit-animation-name: layui-m-anim-up;
|
||||
animation-name: layui-m-anim-up
|
||||
}
|
||||
|
||||
.layui-m-layer0 .layui-m-layerchild {
|
||||
width: 90%;
|
||||
max-width: 640px
|
||||
}
|
||||
|
||||
.layui-m-layer1 .layui-m-layerchild {
|
||||
border: none;
|
||||
border-radius: 0
|
||||
}
|
||||
|
||||
.layui-m-layer2 .layui-m-layerchild {
|
||||
width: auto;
|
||||
max-width: 260px;
|
||||
min-width: 40px;
|
||||
border: none;
|
||||
background: 0 0;
|
||||
box-shadow: none;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.layui-m-layerchild h3 {
|
||||
padding: 0 10px;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
font-size: 16px;
|
||||
margin-bottom: 0;
|
||||
font-weight: 400;
|
||||
border-radius: 5px 5px 0 0;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.layui-m-layerbtn span,.layui-m-layerchild h3 {
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
.layui-m-layercont {
|
||||
padding: 20px;
|
||||
line-height: 22px;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.layui-m-layer1 .layui-m-layercont {
|
||||
padding: 0;
|
||||
text-align: left
|
||||
}
|
||||
|
||||
.layui-m-layer2 .layui-m-layercont {
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
line-height: 0
|
||||
}
|
||||
|
||||
.layui-m-layer2 .layui-m-layercont i {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
margin-left: 8px;
|
||||
display: inline-block;
|
||||
background-color: #fff;
|
||||
border-radius: 100%;
|
||||
-webkit-animation: layui-m-anim-loading 1.4s infinite ease-in-out;
|
||||
animation: layui-m-anim-loading 1.4s infinite ease-in-out;
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both
|
||||
}
|
||||
|
||||
.layui-m-layerbtn,.layui-m-layerbtn span {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
border-radius: 0 0 5px 5px
|
||||
}
|
||||
|
||||
.layui-m-layer2 .layui-m-layercont p {
|
||||
margin-top: 20px
|
||||
}
|
||||
|
||||
@-webkit-keyframes layui-m-anim-loading {
|
||||
0%,100%,80% {
|
||||
transform: scale(0);
|
||||
-webkit-transform: scale(0)
|
||||
}
|
||||
|
||||
40% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1)
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes layui-m-anim-loading {
|
||||
0%,100%,80% {
|
||||
transform: scale(0);
|
||||
-webkit-transform: scale(0)
|
||||
}
|
||||
|
||||
40% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1)
|
||||
}
|
||||
}
|
||||
|
||||
.layui-m-layer2 .layui-m-layercont i:first-child {
|
||||
margin-left: 0;
|
||||
-webkit-animation-delay: -.32s;
|
||||
animation-delay: -.32s
|
||||
}
|
||||
|
||||
.layui-m-layer2 .layui-m-layercont i.layui-m-layerload {
|
||||
-webkit-animation-delay: -.16s;
|
||||
animation-delay: -.16s
|
||||
}
|
||||
|
||||
.layui-m-layer2 .layui-m-layercont>div {
|
||||
line-height: 22px;
|
||||
padding-top: 7px;
|
||||
margin-bottom: 20px;
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
.layui-m-layerbtn {
|
||||
display: box;
|
||||
display: -moz-box;
|
||||
display: -webkit-box;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
font-size: 0;
|
||||
border-top: 1px solid #D0D0D0;
|
||||
background-color: #F2F2F2
|
||||
}
|
||||
|
||||
.layui-m-layerbtn span {
|
||||
display: block;
|
||||
-moz-box-flex: 1;
|
||||
box-flex: 1;
|
||||
-webkit-box-flex: 1;
|
||||
font-size: 14px;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.layui-m-layerbtn span[yes] {
|
||||
color: #fff;
|
||||
background: #56abec;
|
||||
border-radius: 0 0 5px 0;
|
||||
}
|
||||
|
||||
.layui-m-layerbtn span[no] {
|
||||
border-right: 1px solid #D0D0D0;
|
||||
border-radius: 0 0 0 5px;
|
||||
color: #fff;
|
||||
background: #c8c8c8;
|
||||
}
|
||||
|
||||
.layui-m-layerbtn span:active {
|
||||
background-color: #F6F6F6
|
||||
}
|
||||
|
||||
.layui-m-layerend {
|
||||
position: absolute;
|
||||
right: 7px;
|
||||
top: 10px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: 0;
|
||||
font-weight: 400;
|
||||
background: 0 0;
|
||||
cursor: pointer;
|
||||
-webkit-appearance: none;
|
||||
font-size: 30px
|
||||
}
|
||||
|
||||
.layui-m-layerend::after,.layui-m-layerend::before {
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
top: 15px;
|
||||
content: '';
|
||||
width: 18px;
|
||||
height: 1px;
|
||||
background-color: #999;
|
||||
transform: rotate(45deg);
|
||||
-webkit-transform: rotate(45deg);
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
.layui-m-layerend::after {
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg)
|
||||
}
|
||||
|
||||
body .layui-m-layer .layui-m-layer-footer {
|
||||
position: fixed;
|
||||
width: 95%;
|
||||
max-width: 100%;
|
||||
margin: 0 auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 10px;
|
||||
background: 0 0
|
||||
}
|
||||
|
||||
.layui-m-layer-footer .layui-m-layercont {
|
||||
padding: 20px;
|
||||
border-radius: 5px 5px 0 0;
|
||||
background-color: rgba(255,255,255,.8)
|
||||
}
|
||||
|
||||
.layui-m-layer-footer .layui-m-layerbtn {
|
||||
display: block;
|
||||
height: auto;
|
||||
background: 0 0;
|
||||
border-top: none
|
||||
}
|
||||
|
||||
.layui-m-layer-footer .layui-m-layerbtn span {
|
||||
background-color: rgba(255,255,255,.8)
|
||||
}
|
||||
|
||||
.layui-m-layer-footer .layui-m-layerbtn span[no] {
|
||||
color: #FD482C;
|
||||
border-top: 1px solid #c2c2c2;
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
|
||||
.layui-m-layer-footer .layui-m-layerbtn span[yes] {
|
||||
margin-top: 10px;
|
||||
border-radius: 5px
|
||||
}
|
||||
|
||||
body .layui-m-layer .layui-m-layer-msg {
|
||||
width: auto;
|
||||
max-width: 90%;
|
||||
margin: 0 auto;
|
||||
bottom: -150px;
|
||||
background-color: rgba(0,0,0,.7);
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.layui-m-layer-msg .layui-m-layercont {
|
||||
padding: 10px 20px
|
||||
}
|
||||
|
||||
4
public/static/mobile/css/mzui.min.css
vendored
Normal file
4
public/static/mobile/css/mzui.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
615
public/static/mobile/css/style.css
Normal file
615
public/static/mobile/css/style.css
Normal file
@@ -0,0 +1,615 @@
|
||||
|
||||
*,ul,p,img{margin: 0; padding: 0;}
|
||||
body{background: #f8f8f8; font-size: .7rem; font-family: "微软雅黑";}
|
||||
ul{list-style-type: none;}
|
||||
|
||||
/*
|
||||
头部
|
||||
*/
|
||||
|
||||
.header{background: #18b4ed; color: #fff; line-height: 2.3rem;}
|
||||
.header-btn{position: absolute;}
|
||||
.header-left{left: .5rem;}
|
||||
.header-right{right: .5rem}
|
||||
|
||||
/*
|
||||
尾部
|
||||
*/
|
||||
|
||||
.footer-nav{background: #fff; box-shadow: .05rem .05rem .05rem 0 #f2f2f2; border-top: solid .05rem #dedede;}
|
||||
.footer-nav ul{overflow: hidden; padding:.5rem 0;}
|
||||
.footer-nav li{width: 20%; float: left; text-align: center; color: #666;}
|
||||
.footer-nav i{font-size: .9rem; margin-bottom: .15rem;}
|
||||
.footer-nav p{font-size: .6rem;}
|
||||
.footer-nav ul li.active{color: #059ad0;}
|
||||
|
||||
/*
|
||||
用户主页
|
||||
*/
|
||||
|
||||
.user-home-btn{background: #fff; overflow: hidden; border-top: solid .05rem #dedede;}
|
||||
.user-home-btn li{float: left; width: 33.33%; text-align: center; padding: 1rem .5rem; border-left: solid .05rem #dedede; border-bottom: solid .05rem #dedede;}
|
||||
.user-home-btn li:nth-child(1),.user-home-btn li:nth-child(4){border-left: none;}
|
||||
.user-home-btn i{font-size: 1rem; margin-bottom:.2rem;}
|
||||
.user-home-btn li:nth-child(1)>i{color: #18b4ed;}
|
||||
.user-home-btn li:nth-child(2)>i{color: #efc91c;}
|
||||
.user-home-btn li:nth-child(3)>i{color: #e85700;}
|
||||
.user-home-btn li:nth-child(4)>i{color: #db0f1a;}
|
||||
.user-home-btn li:nth-child(5)>i{color: #9ddf1d;}
|
||||
.user-home-btn li:nth-child(6)>i{color: #aaaaaa;}
|
||||
.user-home-btn li:nth-child(10)>i{color: #7a9cff;}
|
||||
.user-home-btn li:nth-child(11)>i{color: #ff7474;}
|
||||
.user-home-btn li:nth-child(12)>i{color: #ffa264;}
|
||||
|
||||
.user-home-data{background: #18b4ed; position: relative;}
|
||||
.user-home-portrait{position: relative; height: 3rem; width: 3rem; overflow: hidden; background: url(../img/portrait_03.jpg); background-size: cover; background-position: center;}
|
||||
.user-home-portrait>p{position: absolute; background: rgba(0,0,0,.5); font-size: .6rem; bottom: 0; color: #fff; line-height: 1.2rem; width: 100%; text-align: center;}
|
||||
.user-home-name{color: #fff; left: 4.5rem; top: 1rem; bottom: 1rem; right: 1rem;}
|
||||
.user-home-cog{position: absolute; right: .5rem; top: .5rem; background: rgba(0,0,0,.2); color: #fff; line-height: 1rem; padding: 0 .5rem; border-radius: .5rem;}
|
||||
|
||||
.user-home-data-btn{margin-top: .2rem;}
|
||||
.user-home-data-btn span:nth-child(1),.user-home-data-btn a,.user-identity-vip{display: inline-block; border-radius: .2rem; border:solid .05rem #fff; font-size: .65rem; padding: 0 .3rem;}
|
||||
.user-home-data-btn span:nth-child(1){background: #aaa; color: #fff;}
|
||||
.user-home-data-btn a{background: #db0f1a; color: #fff;}
|
||||
.user-home-data-btn span.user-identity-vip{background: #db0f1a; color: #fee300;}
|
||||
.user-home-data-btn span.user-identity-vip{display: none;}
|
||||
.user-home-data-vip span:nth-child(1),.user-home-data-vip a{display: none;}
|
||||
.user-home-data-vip span.user-identity-vip{display: inline-block;}
|
||||
|
||||
/*
|
||||
经验分享
|
||||
*/
|
||||
|
||||
.header-experience-share{border:solid .05rem #fff; color: #fff; padding: 0 .2rem; border-radius: .2rem;}
|
||||
.header-return-btn>i{font-size: .8rem;}
|
||||
.experience-list>li{background: #fff; border-top: solid .05rem #dedede; border-bottom: solid .05rem #dedede;}
|
||||
.experience-list-other{color: #999;}
|
||||
.experience-list-other span{margin-right: .5rem;}
|
||||
.experience-list-user{padding-left: 2.5rem; position: relative; height: 2rem;}
|
||||
.experience-list-user>p{color: #999; line-height: 1rem;}
|
||||
.experience-list-user>p:nth-child(2){color: #18b4ed;}
|
||||
.experience-user-portrait{height: 2rem; width: 2rem; position: absolute; left: 0; top: 0;}
|
||||
|
||||
.experience-float-btn{position: fixed; bottom: 4rem; z-index: 99; right: 1rem; background: #e1811b; color: #fff; height: 2rem; width: 2rem; text-align: center; line-height: 2rem; border-radius: 50%; font-size: .9rem;}
|
||||
|
||||
.experience-release{width: 100%; border-top:solid .05rem #dedede; border-bottom:solid .05rem #dedede; border-right:none; border-left:none; padding: .5rem; height: 10rem;}
|
||||
|
||||
/*
|
||||
分享经验详情
|
||||
*/
|
||||
.experience-footer ~ .reply-content{margin-bottom: 2.4rem;}
|
||||
|
||||
.experience-footer{position: fixed; bottom: 0; background: #fff; width: 100%; padding: .4rem 0; border-top: solid .05rem #dedede; z-index: 99;}
|
||||
.experience-footer li{float: left; width: 33.33%; line-height: 1.6rem; border-right: solid .05rem #dedede; text-align: center; color: #999;}
|
||||
.experience-footer li:last-child{border-right: none;}
|
||||
.experience-footer li.active{color: #18b4ed;}
|
||||
|
||||
.experience-txt{background: #fff; border-bottom: solid .05rem #dedede; }
|
||||
.experience-txt>div.experience-list-user{padding-left: 3rem; height: 3rem; border-bottom: solid .05rem #dedede;}
|
||||
.experience-txt>div.experience-list-user .experience-user-portrait{top: .5rem; left: .5rem;}
|
||||
.user-lv{background: #fcbe00; margin-right: .2rem; padding: 0 .2rem; border-radius: .2rem; color: #fff; font-size: .6rem;}
|
||||
|
||||
.reply-content{background: #fff; border-top: solid .05rem #dedede; border-bottom: solid .05rem #dedede;}
|
||||
.reply-content-title{border-left: .3rem solid #18b4ed; line-height: 1.5rem; padding-left: .5rem; margin: .2rem 0; padding-right: .5rem; overflow: hidden;}
|
||||
.reply-content-title>span{float: right; color: #18b4ed}
|
||||
.reply-list li{border-bottom: solid .05rem #dedede;}
|
||||
.reply-list li:last-child{border-bottom: none;}
|
||||
|
||||
.reply-content-user{position: relative;}
|
||||
.reply-content-user>p,.reply-content-user>span.reply-list-layer{color: #999; top: 0; line-height: 1.5rem; position: absolute;}
|
||||
.reply-content-user>p{left:2rem; right: 2rem; }
|
||||
.reply-content-user>span.reply-list-layer{right: 0;}
|
||||
.reply-content-portrait{height: 1.5rem; width: 1.5rem;}
|
||||
|
||||
.reply-list-tool span{float: right; margin-left: .8rem;}
|
||||
.reply-list-tool span.active{color: #18b4ed;}
|
||||
|
||||
.comment-form{padding: .5rem; overflow: hidden; background: #fff; position: absolute; z-index: 99; width: 90%; -webkit-box-sizing: border-box; box-sizing: border-box; left: 5%; top: 30%; border-radius: .2rem;}
|
||||
.comment-form textarea{width: 100%; height: 5rem; border:solid .05rem #dedede; border-radius: .2rem; padding: .5rem; -webkit-box-sizing: border-box; box-sizing: border-box;}
|
||||
.comment-form button{float: right; margin-top: .5rem; background: #18b4ed; color: #fff; padding: .2rem .5rem; border:none; border-radius: .2rem;}
|
||||
.comment-form p{text-align: center; padding-bottom: .5rem;}
|
||||
.comment-form-back{position: absolute; height: 100%; width: 100%; background: rgba(0,0,0,.5); z-index: 98;}
|
||||
|
||||
.comment-form,.comment-form-back{display: none;}
|
||||
|
||||
/*
|
||||
我的分享
|
||||
*/
|
||||
|
||||
.my-experience-list{padding-right: 2rem;}
|
||||
.my-experience-list>a{position: absolute; right: 0; top: 0; display: block; width: 2rem; line-height: 2rem; font-size: .9rem; text-align: center; color: #777;}
|
||||
|
||||
/*
|
||||
发布文章
|
||||
*/
|
||||
|
||||
.novice-guide{background: #fff; border-bottom: solid .05rem #dedede; position: relative; z-index: 9;}
|
||||
.novice-guide>a{border:solid .05rem #18b4ed; color: #18b4ed; line-height: 2rem; display:block; border-radius: .2rem; text-align: center;}
|
||||
|
||||
.article-pub-list{padding-bottom: .5rem;}
|
||||
.article-pub-list li{background: #fff; border:solid .05rem #dedede; margin-top: .5rem; border-radius: .2rem;}
|
||||
|
||||
.edit-btn{text-align: center; overflow: hidden; line-height: 1.6rem; border-top: solid .05rem #dedede;}
|
||||
.edit-btn>a{width:33.33%; display: inline-block; float: left;}
|
||||
.edit-btn>a:nth-child(1){color: #999;}
|
||||
.edit-btn>a:nth-child(2){color: #18b4ed;}
|
||||
.edit-btn>a:nth-child(3){color: #f76951;}
|
||||
|
||||
.edit-txt{position: relative;}
|
||||
.edit-txt-img{height: 3rem; width: 3rem; background-image: url(../img/collection-img_03.png); background-size: cover; border:solid .05rem #dedede;}
|
||||
.edit-txt-txt{position: absolute; left: 4rem; top: .5rem; right: .5rem; bottom: .5rem;}
|
||||
.edit-txt-txt>p.edit-txt-time{position: absolute; bottom: 0; width: 100%; color: #999;}
|
||||
.edit-txt-txt>p.edit-txt-time>span{float: right;}
|
||||
|
||||
/*
|
||||
采集文章
|
||||
*/
|
||||
|
||||
.collectione-add-block{border-radius: .2rem; margin: .5rem; border:solid .05rem #dedede; background: #fff;}
|
||||
.collectione-add-form{padding: .5rem;}
|
||||
.collectione-add-form>textarea{width: 100%; height: 4rem; background: #f7f7f7; border:none; margin-bottom: .5rem;}
|
||||
.collectione-add-form button{text-align: center; width: 40%; margin: 0 .5rem; border-radius: .2rem; border:none; line-height: 1.5rem; color: #fff; background: #d0d0d0;}
|
||||
.collectione-add-form>p>button:nth-child(2){background: #18b4ed;}
|
||||
|
||||
.collectione-add-txt{color: #999;}
|
||||
.collectione-add-telte{border-bottom: solid .05rem #dedede;}
|
||||
|
||||
/*
|
||||
空提示
|
||||
*/
|
||||
|
||||
.null-prompt{text-align: center; color: #999;}
|
||||
.null-prompt>img{width: 4rem;}
|
||||
|
||||
/*
|
||||
模版列表
|
||||
*/
|
||||
|
||||
.template-list{overflow: hidden; padding: .25rem;}
|
||||
.template-list>li{margin: .25rem; width: -webkit-calc( 50% - .5rem ); width: calc( 50% - .5rem ); float: left; background: #fff; padding: .5rem; box-shadow: 0 0 .1rem 0 rgba(0,0,0,.2); border:solid .05rem #dedede;}
|
||||
.template-list span{background: #fff; margin-top: .5rem; display: block; width: 100%; border:solid .05rem #dedede; line-height: 1.5rem; text-align: center;border-radius: .2rem;}
|
||||
.template-list>li.template-active span{background: #56abec; color: #fff; border-color: #56abec;}
|
||||
|
||||
/*
|
||||
帮助中心
|
||||
*/
|
||||
|
||||
.help-banner{width: 100%; padding-top: 50%;}
|
||||
.help-btn{padding: .25rem;}
|
||||
.help-btn>a{float: left; width: -webkit-calc( 50% - .5rem ); width: calc( 50% - .5rem ); text-align: center; display: inline-block; margin: .25rem; padding:20px 10px; box-shadow: 0 0 -.5rem -.5rem #333; color: #fff;}
|
||||
.help-btn>a:nth-child(1){background: #c09cc2}
|
||||
.help-btn>a:nth-child(2){background: #5a4e7e}
|
||||
.help-btn>a:nth-child(3){background: #e54b81}
|
||||
.help-btn>a:nth-child(4){background: #9dd53e}
|
||||
.help-btn>a i{font-size: 1.2rem;}
|
||||
.help-btn>a p{font-size: .6rem; padding-top: .5rem;}
|
||||
|
||||
|
||||
/*
|
||||
帮助中心列表
|
||||
*/
|
||||
|
||||
.help-core-list{background: #fff; border-bottom: solid .05rem #dedede;}
|
||||
.help-core-list>li{line-height: 1rem; border-top:solid .05rem #dedede;}
|
||||
.help-core-list>li>a{display: block; padding: .5rem;}
|
||||
|
||||
|
||||
/*
|
||||
帮助中心详情
|
||||
*/
|
||||
|
||||
.help-core-title{width: 100%; padding: .8rem; border-bottom: solid .05rem #dedede; background: #fff;}
|
||||
.help-core-mian{padding: .5rem; background: #fff; border-bottom: solid .05rem #dedede;}
|
||||
.help-core-mian img{max-width: 100%;display:inline-block;margin-bottom: 10px;}
|
||||
|
||||
/*
|
||||
直销技巧列表
|
||||
*/
|
||||
|
||||
.direct-tab{background: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 9; border-bottom: solid .05rem #dedede;}
|
||||
.direct-tab a{width: 33.33%; border-right:solid .05rem #dedede;}
|
||||
.direct-tab a:last-child{border-right: none;}
|
||||
.direct-tab a.active{font-weight: normal; background: #f7f7f7;}
|
||||
.direct-selling-list{overflow: hidden;}
|
||||
.direct-selling-list li{background: #fff; border-bottom: solid .05rem #dedede; border-top: solid .05rem #dedede;}
|
||||
.direct-selling-list-img{width: 100%; padding-top: 50%;}
|
||||
|
||||
.direct-tab ~ .direct-selling-content{padding-top: 2rem;}
|
||||
|
||||
/*
|
||||
直销技巧详情
|
||||
*/
|
||||
|
||||
.direct-video{position: relative; padding-top:50%; background: #fff;}
|
||||
.direct-video>video{width: 100%; position: absolute; top: 0; left: 0; height: 100%;}
|
||||
|
||||
.direct-video-auto{background: #f0f1f1; position: fixed; bottom: 0; width: 100%; border-top: solid .05rem #dedede;}
|
||||
.direct-video-auto>audio{display: none;}
|
||||
|
||||
.direct-video-auto ~ .help-core-mian{margin-bottom: 2.5rem;}
|
||||
|
||||
/*
|
||||
我的第一版
|
||||
*/
|
||||
|
||||
.one-user-data{background: url(../img/user-back_02.png) center no-repeat; background-size: cover; padding: 1.2rem .5rem; text-align: center; color: #fff;}
|
||||
.one-user-btn{background: #fff; border-top:solid .05rem #dedede; border-bottom: solid .05rem #dedede; overflow: hidden;}
|
||||
.one-user-btn>li{float: left; width: 33.33%; border-right: solid .05rem #dedede; text-align: center;}
|
||||
.one-user-btn>li:last-child{ border-right: none;}
|
||||
.one-user-btn>li:nth-child(1) i{background: #e1811b}
|
||||
.one-user-btn>li:nth-child(2) i{background: #1b8fe1}
|
||||
.one-user-btn>li:nth-child(3) i{background: #b0e11b}
|
||||
.one-user-btn i{font-size: .8rem; color: #fff; width: 1.7rem; height: 1.7rem; line-height: 1.7rem; border-radius: 50%;}
|
||||
.one-user-btn a{display: block; padding: .5rem;}
|
||||
.one-user-btn p{font-size: .65rem;}
|
||||
.one-data-portrait{display: inline-block; width: 3.5rem; height: 3.5rem; border:solid .1rem #dedede;}
|
||||
|
||||
/*
|
||||
我的第二版
|
||||
*/
|
||||
|
||||
.two-user-data{padding: 2rem .5rem; text-align: center; background: url(../img/user-two-back_02.png) center no-repeat; background-size: cover; padding-top: 73%; position: relative;}
|
||||
.two-user-data h6{color: #e1371b; font-weight: normal;}
|
||||
|
||||
.two-user-btn{position: fixed; bottom: 4rem; width: 100%; background: #fff; overflow: hidden;}
|
||||
.two-user-btn>li{float: left; width: 33.33%; text-align: center;}
|
||||
.two-user-btn>li:nth-child(1) i{background: #e1811b}
|
||||
.two-user-btn>li:nth-child(2) i{background: #1b8fe1}
|
||||
.two-user-btn>li:nth-child(3) i{background: #b0e11b}
|
||||
.two-user-btn i{font-size: .8rem; color: #fff; width: 1.7rem; height: 1.7rem; line-height: 1.7rem; border-radius: 50%;}
|
||||
.two-user-btn a{display: block; padding: .5rem;}
|
||||
.two-user-btn p{font-size: .65rem;}
|
||||
|
||||
/*
|
||||
我的第三版
|
||||
*/
|
||||
|
||||
.three-user-data{padding: 2rem .5rem; text-align: center; background: url(../img/user-three-back_02.png) center no-repeat; background-size: cover; padding-top: 94%; position: relative;}
|
||||
.three-user-data h6{color: #e1371b; font-weight: normal;}
|
||||
|
||||
.three-user-btn{position: fixed; bottom: 4rem; width: 100%; background: #fff; overflow: hidden;}
|
||||
.three-user-btn>li{float: left; width: 33.33%; text-align: center;}
|
||||
.three-user-btn>li:nth-child(1) i{background: #e1811b}
|
||||
.three-user-btn>li:nth-child(2) i{background: #1b8fe1}
|
||||
.three-user-btn>li:nth-child(3) i{background: #b0e11b}
|
||||
.three-user-btn i{font-size: .8rem; color: #fff; width: 1.7rem; height: 1.7rem; line-height: 1.7rem; border-radius: 50%;}
|
||||
.three-user-btn a{display: block; padding: .5rem;}
|
||||
.three-user-btn p{font-size: .65rem;}
|
||||
|
||||
/*
|
||||
我的第三版
|
||||
*/
|
||||
|
||||
.four-user-data{padding: 3rem .5rem; text-align: center;}
|
||||
|
||||
.four-user-back{position: fixed; background: url(../img/user-four-back_02.png) center bottom; height: 100%; width: 100%; background-size: cover; z-index: -1;}
|
||||
|
||||
.four-user-identity>small{background: #f2e517; display: inline-block; border-radius: .2rem; color: #e1811b; padding: 0 .5rem;}
|
||||
|
||||
.four-user-btn{position: fixed; bottom: 4rem; width: 100%; overflow: hidden;}
|
||||
.four-user-btn>li{float: left; width: 33.33%; text-align: center;}
|
||||
.four-user-btn>li:nth-child(1) i{background: #e1811b}
|
||||
.four-user-btn>li:nth-child(2) i{background: #1b8fe1}
|
||||
.four-user-btn>li:nth-child(3) i{background: #b0e11b}
|
||||
.four-user-btn i{font-size: .8rem; color: #fff; width: 1.7rem; height: 1.7rem; line-height: 1.7rem; border-radius: 50%;}
|
||||
.four-user-btn a{display: block; padding: .5rem; color: #fff;}
|
||||
.four-user-btn p{font-size: .65rem;}
|
||||
|
||||
/*
|
||||
个人资料
|
||||
*/
|
||||
|
||||
.user-data-list{background: #fff; border-bottom: solid .05rem #dedede;}
|
||||
.user-data-list li{border-top: solid .05rem #dedede;}
|
||||
.user-data-list a{padding: .5rem; display: block;}
|
||||
.user-data-list a span{float: right; display: inline-block; line-height: 1rem;}
|
||||
.user-data-list a span i{font-size: 1rem; color: #939393;}
|
||||
|
||||
.user-btn{padding: .5rem;}
|
||||
.user-btn a,.user-btn button{background: #18b4ed; color: #fff; line-height: 2rem; width: 100%; border-radius: .2rem; display: block; text-align: center; border:none;}
|
||||
|
||||
.user-upload-portrait{overflow: hidden; position: relative;}
|
||||
.user-upload-portrait>span{position: absolute; bottom: .5rem;}
|
||||
.user-upload-portrait>div.user-home-portrait{border:solid .1rem #dedede;}
|
||||
.user-upload-portrait>div.user-home-portrait>input[type="file"]{position: absolute; z-index: 9; height: 100%; width: 100%; opacity: 0;}
|
||||
|
||||
/*
|
||||
修改资料
|
||||
*/
|
||||
|
||||
.user-data-form>li{position: relative; padding-left:4.5rem;}
|
||||
.user-data-form>li>label{position: absolute; left: .5rem;}
|
||||
.user-data-form>li>input,.user-data-form>li>select{width: 100%; border:none;}
|
||||
.user-data-form>li>select{-webkit-appearance: none; appearance: none; padding-right: .8rem;}
|
||||
.user-data-form>li>select + i{position: absolute; line-height: 2rem; top: 0rem; right: .5rem; color: #999;}
|
||||
|
||||
/*
|
||||
上传二维码
|
||||
*/
|
||||
|
||||
.qrcode-upload{position: relative; border: dashed .05rem #dedede; margin: 1.5rem; padding-top:-webkit-calc( 100% - 3.1rem ); padding-top:calc( 100% - 3.1rem ); background: url(../img/upload-qrcode_03.png) #fff no-repeat center; background-size: 30%;}
|
||||
.qrcode-upload p{position: absolute; top: 70%; text-align: center; width: 100%; color: #999;}
|
||||
.qrcode-upload input[type="file"],.qrcode-upload span{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
|
||||
.qrcode-upload input[type="file"]{ z-index: 9; opacity: 0;}
|
||||
.qrcode-upload span{display: block; z-index: 8; background-size: cover;}
|
||||
|
||||
/*
|
||||
注册
|
||||
*/
|
||||
|
||||
.register-form li{margin-bottom: .5rem; background: #fff; border:solid .05rem #dedede; position: relative; padding-left: 2rem; border-radius: .2rem; overflow: hidden;}
|
||||
.register-form li>label{position: absolute; left: 0; top: 0; line-height: 2rem; width: 2rem; text-align: center; color: #999; font-size: .8rem;}
|
||||
.register-form li>input{width: 100%; border:none; height: 2rem;}
|
||||
.register-form li>a.tel-code-btn{width: 5rem; background: #e1811b; position: absolute; right: 0; top: 0; display: block; line-height: 2rem; color: #fff; text-align: center;}
|
||||
.register-form li>a.tel-code-btn + input{width: -webkit-calc( 100% - 6rem ); width: calc( 100% - 6rem );}
|
||||
|
||||
.register-btn{padding: .25rem; overflow: hidden;}
|
||||
.register-btn>button{width: -webkit-calc( 50% - .5rem ); width: calc( 50% - .5rem ); text-align: center; margin: 0 .25rem; line-height: 2rem; float: left; border-radius: .2rem;}
|
||||
.register-btn>button:nth-child(2){color: #fff; background: #18b4ed; border:none;}
|
||||
.register-btn>button:nth-child(1){color: #666; background: #fff; border:solid .05rem #dedede;}
|
||||
|
||||
.follow-wechat{background: #fff; border:solid .05rem #dedede; overflow: hidden;}
|
||||
.follow-wechat>p{color: #666; line-height: 1.5rem;}
|
||||
.follow-wechat>p>span{color: #18b4ed;}
|
||||
|
||||
.follow-wechat-txt img{max-width: 100%;}
|
||||
|
||||
/*
|
||||
vip权限
|
||||
*/
|
||||
|
||||
.vip-block{margin: .5rem; background: #fff; border-radius: .2rem; border:solid .05rem #dedede;}
|
||||
.vip-block-margin{margin-bottom: 3.5rem;}
|
||||
.vip-table{width: 100%; text-align: center;}
|
||||
.vip-table i{font-size: .9rem;}
|
||||
.vip-table tr{border-bottom: solid .05rem #dedede;}
|
||||
.vip-table tr:last-child{border-bottom: none;}
|
||||
.vip-table td{padding: .5rem; border-right: solid .05rem #dedede;}
|
||||
.vip-table td:last-child{border-right: none;}
|
||||
|
||||
.vip-btn{position: fixed; bottom: 0; width: 100%;}
|
||||
.vip-btn>button{background: #ff6600; width: 100%; line-height: 2rem; color: #fff; border:none; border-radius: .2rem;}
|
||||
|
||||
.vip-layer{padding: .5rem; background: #fff; position: relative;}
|
||||
.vip-icon{width: 3rem; height: 3rem; border-radius: .2rem;}
|
||||
.vip-txt{position: absolute; left: 4rem; top: .5rem; line-height: 1rem;}
|
||||
.vip-txt>p:nth-child(3){color: #e90000;}
|
||||
|
||||
.vip-open-btn{overflow: hidden; line-height: 1.5rem;}
|
||||
.vip-open-btn>span{color: #df0000;}
|
||||
.vip-open-btn a{float: right; color: #fff; background: #ff6600; line-height: 1.5rem; border-right: .2rem; padding: 0 .5rem; border-radius: .2rem;}
|
||||
|
||||
/*
|
||||
开通VIP
|
||||
*/
|
||||
|
||||
.open-vip-block{line-height: 1.5rem; background: #fff; border-bottom: solid .05rem #dedede;}
|
||||
|
||||
.address-list-radio>input[type="radio"]{display: none;}
|
||||
.address-list-radio>label{color: #999; line-height: 1.7rem; padding-top: .1rem;}
|
||||
.address-list-radio>label i{font-size: .9rem;}
|
||||
.address-list-radio>input[type="radio"]:checked + label{color: #28c54d;}
|
||||
.modular-list{overflow: hidden; background: #fff; border-bottom: solid .05rem #e8e8e8; padding: .5rem 0 .5rem .5rem;}
|
||||
.modular-list>li{border-bottom: solid .05rem #f5f5f5; padding-right: .5rem; line-height: 1.8rem; overflow: hidden;}
|
||||
.modular-list>li:last-child{border-bottom: none;}
|
||||
.order-pay-icon{height: 1.2rem; width: 1.2rem; display: inline-block; vertical-align: middle; background-image: url(../img/pay-icon.png); background-size: cover; margin-right: .2rem;}
|
||||
.weixin-icon{background-position: 0 0;}
|
||||
.balance-icon{background-position: 0 -1.2rem;}
|
||||
|
||||
/*
|
||||
新手教学视频
|
||||
*/
|
||||
|
||||
.teaching-video{padding-top: 57%;}
|
||||
|
||||
/*
|
||||
事业
|
||||
*/
|
||||
|
||||
.banner{ width: 100%; padding-top: 48%; position: relative;}
|
||||
.banner-img{position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
|
||||
.banner-img>span{background-size: cover; background-position: center;}
|
||||
.banner-page{position: absolute; z-index: 9; text-align: center;}
|
||||
.banner-page>span.swiper-pagination-bullet-active{background: #000;}
|
||||
|
||||
.cause-ul{overflow: hidden; padding: .25rem;}
|
||||
.cause-ul>li{float: left; width: 50%; padding: .25rem;}
|
||||
.cause-ul a{background: #fff; display: block;}
|
||||
.cause-ul p{padding: .5rem 0;}
|
||||
.cause-ul-img{padding-top: 50%; width: 100%;}
|
||||
|
||||
/*
|
||||
事业列表
|
||||
*/
|
||||
|
||||
.cause-list-ul{border-bottom: solid .05rem #dedede;}
|
||||
.cause-list-ul>li{border-top: solid .05rem #dedede;}
|
||||
.cause-list-ul>li>a{display: block; padding:.5rem; position: relative;}
|
||||
.cause-list-ul-img{width: 5rem; padding-top: 3.5rem;}
|
||||
.cause-list-ul-txt{position: absolute; left: 6rem; top: .5rem; right: .5rem; bottom: .5rem;}
|
||||
|
||||
.share-user{position: relative;}
|
||||
|
||||
.share-user-data{width: 4rem;}
|
||||
.share-user-data>div.user-home-portrait{display: inline-block;}
|
||||
.share-user-data>h6{color: #69b6dc; font-weight: normal;}
|
||||
.share-user{background: #fff; border-top: solid .05rem #dedede; border-bottom: solid .05rem #dedede;}
|
||||
|
||||
.share-user-btn{margin: 0 -.25rem; overflow: hidden; text-align: center;}
|
||||
.share-user-btn>button{margin: .25rem; width: -webkit-calc( 50% - .5rem ); width: calc( 50% - .5rem ); float: left; line-height: 1.5rem; color: #fff; border:none; border-radius: .2rem; border:none;}
|
||||
.share-user-btn>button:nth-child(1),.share-user-btn>a:nth-child(1){background: #36b2e0;}
|
||||
.share-user-btn>button:nth-child(2),.share-user-btn>a:nth-child(2){background: #b8b8b8;}
|
||||
|
||||
.share-user-btn>a{display: inline-block; text-align: center; margin: .25rem; width: -webkit-calc( 50% - .5rem ); width: calc( 50% - .5rem ); line-height: 1.5rem; color: #fff; border:none; border-radius: .2rem; border:none;}
|
||||
|
||||
.share-user-contact{position: absolute; top:.5rem; left: 5rem; right: 2rem; line-height: 1.6rem; color: #666;}
|
||||
.share-user-contact i{border:solid .1rem #333; height: 1.3rem; line-height: 1.1rem; width: 1.3rem; border-radius: 50%; text-align: center; margin-right: .3rem;}
|
||||
.share-user-contact>p:nth-child(1) i{color: #e96694; border-color: #e96694;}
|
||||
.share-user-contact>p:nth-child(2) i{color: #5a4e7e; border-color: #5a4e7e;}
|
||||
.share-user-contact>p:nth-child(3) i{color: #9dd53e; border-color: #9dd53e;}
|
||||
|
||||
.share-user-qrcode>i.fa-qrcode{position: absolute; right: .5rem; top: .5rem; color: #777; font-size: 1.2rem;}
|
||||
|
||||
/*
|
||||
详情页面添加按钮 20170724
|
||||
*/
|
||||
|
||||
.detail-user-add{ overflow: hidden; background: #f8f8f8;}
|
||||
.detail-user-add a{display: block; float: left; color: #36b2e0; border:solid .05rem #36b2e0; border:solid .05rem #36b2e0; width: -webkit-calc( 50% - 1rem ); width: calc( 50% - 1rem ); margin:.5rem; text-align: center; line-height: 1.5rem; border-radius: .2rem;}
|
||||
|
||||
/*
|
||||
我的二维码名片
|
||||
*/
|
||||
|
||||
.maxcard-card{margin: .5rem; background: #fff; border-right: .2rem; position: relative; padding-right: 4rem;}
|
||||
.maxcard-card>.maxcard-userdata{position: absolute; right: .5rem; top: .5rem; bottom: .5rem; width: 2rem; text-align: center;}
|
||||
.maxcard-userdata-portrait{height: 2rem; width: 2rem; position: relative; display: inline-block; border-radius: .2rem; overflow: hidden;}
|
||||
.maxcard-userdata-qrcode{position: absolute; bottom: 0; width: 2rem;}
|
||||
.maxcard-userdata-qrcode>i{font-size: 1rem;}
|
||||
|
||||
.maxcard-browser{background: #fff; overflow: hidden;}
|
||||
.maxcard-browser>li{float: left; width: 33.33%; text-align: center;}
|
||||
.maxcard-browser>li i{font-size: .8rem; margin-bottom: .3rem;}
|
||||
.maxcard-browser>li.active i{color: #ff6600;}
|
||||
|
||||
.maxcard-userdata-moreinfo{position: relative; width: 100%; background: #fff; padding-left: 4rem;}
|
||||
.maxcard-userdata-moreinfo label{position: absolute; left: .5rem; top: .5rem;}
|
||||
.maxcard-userdata-moreinfo textarea{width: 100%; height: 3rem; border:none; background: #fff;}
|
||||
|
||||
/*
|
||||
二维码名片评论
|
||||
*/
|
||||
|
||||
.user-comment-list{background: #fff;}
|
||||
.user-comment-list>li{border-bottom: solid .05rem #dedede;}
|
||||
.user-comment-data{ position: relative;}
|
||||
.user-comment-data-portrait{height: 2rem; width: 2rem;}
|
||||
.user-comment-data>p.user-comment-name,.user-comment-data>p.user-comment-time{position: absolute; left: 2.5rem; line-height: 1rem; right: 0;}
|
||||
.user-comment-data>p.user-comment-name{top: 0rem;}
|
||||
.user-comment-data>p.user-comment-time{bottom: .5rem;font-size: .6rem;}
|
||||
|
||||
.user-comment-footer{position: fixed; bottom: 0; left: 0; right: 0; background: #fff; border-top: solid .05rem #dedede; z-index: 99;}
|
||||
.user-comment-footer>span{width: 100%; display: block; background: #ff6600; width: 100%; line-height: 2rem; color: #fff; border:none; border-radius: .2rem;}
|
||||
.user-comment-footer ~ .user-comment-list{margin-bottom: 4.5rem;}
|
||||
|
||||
.user-vip-integral{display: flex;}
|
||||
.user-vip-integral>p{flex:1;}
|
||||
.user-vip-integral>span{margin-top: 5px; display: inline-block; color:#fff; padding: 0 .5rem; border-radius: .2rem; border:solid .05rem #fff;}
|
||||
|
||||
.maxcard-pageempty{bottom: 4.5rem;}
|
||||
.user-comment-list>li ~ .maxcard-pageempty{display: none;}
|
||||
|
||||
.maxcard-comment-form{position: fixed; background: rgba(0,0,0,.5); z-index: 999; width: 100%; bottom: 0; top: 0; display: none;}
|
||||
.maxcard-comment-form>form{background: #fff; width: 80%; margin: 0 auto; border-radius: .2rem;}
|
||||
.maxcard-comment-form textarea{width: 100%; height: 4rem; border:none;}
|
||||
|
||||
.maxcard-comment-btn{text-align: center; margin: 0 -.25rem;}
|
||||
.maxcard-comment-btn>a{display: block; width: -webkit-calc( 50% - .5rem ); width: calc( 50% - .5rem ); float: left; margin: 0 .25rem; border:solid .05rem #dedede; line-height: 1.7rem; border-radius: .2rem;}
|
||||
.maxcard-comment-btn>a:nth-child(1){color: #999;}
|
||||
.maxcard-comment-btn>a:nth-child(2){color: #ff6600;}
|
||||
|
||||
.user-comment-content{width: 100%; display: block; word-wrap:break-word;}
|
||||
|
||||
/*
|
||||
登陆
|
||||
*/
|
||||
|
||||
.fast-login{ width: 100%; position: relative;margin-top: 60%; padding-bottom: 1rem;}
|
||||
.fast-login-title>span{text-align: center; display: inline-block; position: relative; line-height: 1rem; width: 5rem; background: #f8f8f8;}
|
||||
.fast-login-title::before{position: absolute; top: .5rem; left: .5rem; right: .5rem; content: ""; background: #dedede; height: .05rem;}
|
||||
.fast-login a{color: gray;}
|
||||
.fast-login a>i{color: #62b900;font-size: 1rem;padding-right: 5px;}
|
||||
/*
|
||||
二维码
|
||||
*/
|
||||
|
||||
.qrcode-back{background-image: url(../img/qrcode-back.png); position: absolute; height: 100%; width: 100%; background-size: cover;}
|
||||
.qrcode-img{width: 10rem; height: 10rem; border:solid .5rem #fff; position: absolute; bottom: 6.5rem; left: -webkit-calc( 50% - 5rem ); left: calc( 50% - 5rem );}
|
||||
.qrcode-user{padding-top: 3rem;}
|
||||
.qrcode-user-portrait{height: 3rem; width: 3rem; display: inline-block; border:solid .1rem #fff;}
|
||||
.qrcode-invitation{position: fixed; bottom: 0; width: 100%; left: 0;}
|
||||
.qrcode-invitation>span{width: 100%; text-align: center; line-height: 2rem; display: block; background: #ff6600; border-radius: .2rem; color: #fff;}
|
||||
.qrcode-invitation-layer{position: fixed; height: 100%; width: 100%; background: rgba(0,0,0,.6) url(../img/share_img_03.png) no-repeat right top; background-size: 80%; z-index: 99; display: none;}
|
||||
|
||||
/*
|
||||
错误成功提示
|
||||
*/
|
||||
|
||||
.errorprompt i,.successprompt i{font-size: 2.6rem;}
|
||||
.errorprompt i{color: #fd6a65;}
|
||||
.successprompt i{color: #10c55b;}
|
||||
.errorprompt a ,.successprompt a{padding: 0 1rem; line-height: 1.5rem; background: #fff; border:solid .05rem #dedede; display: inline-block;}
|
||||
|
||||
/*
|
||||
微信绑定信息
|
||||
*/
|
||||
|
||||
.bindwechat{position: relative; overflow: hidden;}
|
||||
.bindwechat-icon{position: absolute; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; color: gray; left: -webkit-calc( 50% - 1rem ); left: calc( 50% - 1rem ); top: -webkit-calc( 50% - 1rem ); top: calc( 50% - 1rem );}
|
||||
.bindwechat-data{background: #fff; border: solid .05rem #ddd; width:-webkit-calc( 50% - 1rem ); width:calc( 50% - 1rem ); text-align: center}
|
||||
.bind-user-data{float: left;}
|
||||
.bind-wechat-data{float: right;}
|
||||
.bindwechat-data-title{border-bottom: solid .05rem #dedede; color: gray;}
|
||||
|
||||
.bindwechat-btn{width: 100%;}
|
||||
.bindwechat-btn>button{background: #ff6600; width: 100%; line-height: 2rem; color: #fff; border:none; border-radius: .2rem;}
|
||||
|
||||
|
||||
|
||||
|
||||
/*
|
||||
积分详情
|
||||
*/
|
||||
|
||||
.reportform-statistics {padding-right: .5rem;padding-top: .5rem;padding-bottom: .5rem;overflow: hidden}
|
||||
.reportform-statistics li {float: left;width: 33.333%;border-left: solid .5rem transparent;text-align: center;}
|
||||
.reportform-statistics li>p:nth-child(2) {padding-top: .5rem;color: #ca0000}
|
||||
.reportform-title {padding: .5rem;background: #eee;overflow: hidden}
|
||||
.reportform-list {overflow: hidden}
|
||||
.reportform-list li {position: relative;padding: .5rem 5rem .5rem 4rem;overflow: hidden}
|
||||
.reportform-list li .reportform-cny,.reportform-list li .reportform-time {position: absolute;display: block;top: .5rem}
|
||||
.reportform-list li>span.reportform-cny {left: .5rem;width: 4rem}
|
||||
.reportform-list li>span.element-span {width: 1rem;height: 1rem;line-height: 1rem;border-radius: 100%;text-align: center;background: #a3a3a3;color: #fff;font-size: .5rem}
|
||||
.reportform-list li>span.reportform-time {text-align: right;right: .5rem;width: 4rem;color: #a3a3a3}
|
||||
.reportform-list li:nth-child(1)>span.element-span {background: #ca0000}
|
||||
.reportform-list li:nth-child(2)>span.element-span {background: #b28147}
|
||||
.reportform-list li:nth-child(3)>span.element-span {background: #d2c2a5}
|
||||
.reportform-list li:nth-child(even) {background: #efefef}
|
||||
.reportform-list .element {padding-left: 2rem}
|
||||
|
||||
|
||||
|
||||
.Lmember{padding-bottom: 100px;}
|
||||
.Lmember-list{border:solid .05rem #dedede;padding: 10px;background-color:#fff;position: relative;}
|
||||
.Lmember-list>p{font-size: 14px;color: #333;margin-bottom: 10px;font-weight: bold;}
|
||||
.Lmember-list>h3{font-weight: normal;font-size: 12px;color: #666;margin:0;}
|
||||
.Lmember-list>button,.Lmember-list>p>button{position: absolute;right:15px;top:20px;border:1px solid red;line-height: 20px;color:red; border-radius: 6px;font-size: 12px;background-color: #fff;padding: 0 10px;}
|
||||
.Lmember-list>p>button{position: static;line-height: 14px;margin-left: 6px;background-color: #fff;border:1px solid #18b4ed;color:#18b4ed;}
|
||||
.Lmember-btn{width: 100%;border:none; background-color: #18b4ed;line-height: 2rem;color: #fff;position: absolute;bottom: 0;left:0;}
|
||||
|
||||
.Lwrite_cnt{padding:0 10px;background-color: #fff;}
|
||||
.Lwrite_list{padding:12px 0;border-bottom:1px solid #dedede;overflow: hidden;}
|
||||
.Lwrite_list>label{font-size: 14px;color: #666;line-height: 26px;}
|
||||
.Lwrite_list>input{width: calc(100% - 84px);line-height: 24px;float: right;padding: 0 5px;border:1px solid #dedede;border-radius: 2px;}
|
||||
.Lwrite_cnt>.Lwrite_list:last-child{border:none;}
|
||||
|
||||
.Linfo_cnt{padding:0 25px 0 25px;margin-top: 20px;}
|
||||
.Linfo_inst{overflow: hidden;padding: 10px 5px;border-bottom:1px solid #ececec;}
|
||||
.Linfo_inst>h3{ display: block;float: left;width: 30%;margin:0;font-size: 14px;color:#333;line-height: 22px;}
|
||||
.Linfo_inst>p{ display: block;float: left;font-size: 14px;line-height: 22px;}
|
||||
.Longuser-home-btn li{border-left: none;border-right: solid .05rem #dedede;}
|
||||
.Longuser-home-btn li:nth-child(3n){border-right: none;}
|
||||
|
||||
/* 提示页面 */
|
||||
|
||||
.L_hint_t1{width: 50%;margin: 35% auto 0;}
|
||||
.L_hintimg1{width: 80%;padding-bottom: 80%;background:url(../img/123.png) no-repeat center;background-size: contain; margin: 0 auto 10px;}
|
||||
.L_hint_t1>h3,.L_hint_t2>h3{font-size: 14px;color: #4b4b4b;font-weight: normal; text-align: center;line-height: 22px;}
|
||||
.L_hint_t1>h3>span{display: inline-block;width: 30px;height: 16px;background:url(../img/wechat_d.png) no-repeat center;background-size: contain;border-radius: 5px; margin-bottom: -3px;}
|
||||
.L_hint_t1>button{width: 100%;background-color: #55aaeb;color: #fff;font-size: 14px;border-radius: 4px;line-height: 30px;margin-top: 40px; border:none;}
|
||||
|
||||
.L_hint_t2{width: 30%;position: fixed;top:20px;right:0;}
|
||||
.L_hintimg2{width: 60%;padding-bottom: 60%;margin: 0 auto;background:url(../img/wechat_hand.png) no-repeat center;background-size: contain; }
|
||||
.L_hint_t2>h3{font-size: 12px;color: #afafaf;}
|
||||
.L_hint_t2>h3>span{color: #55aaeb;margin: 0 2px;}
|
||||
.L_hint_t2>h3>span:before{content: ""; display: inline-block;width: 12px;height: 12px;background:url(../img/wechat_handball.png) no-repeat center;background-size: contain;margin-bottom:-2px;}
|
||||
15
public/static/mobile/css/swiper.min.css
vendored
Normal file
15
public/static/mobile/css/swiper.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user