616 lines
31 KiB
CSS
616 lines
31 KiB
CSS
|
|
*,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;}
|