|
|
body,
|
|
|
ul,
|
|
|
li,
|
|
|
p,
|
|
|
h1,
|
|
|
h2,
|
|
|
h3,
|
|
|
h4,
|
|
|
dl,
|
|
|
dd,
|
|
|
form,
|
|
|
input,
|
|
|
textarea,
|
|
|
select {
|
|
|
padding: 0;
|
|
|
margin: 0;
|
|
|
}
|
|
|
|
|
|
body {
|
|
|
height: 100%;
|
|
|
background: #F9F9F9;
|
|
|
overflow-x: hidden;
|
|
|
}
|
|
|
|
|
|
input,
|
|
|
textarea {
|
|
|
outline: 0
|
|
|
}
|
|
|
|
|
|
a {
|
|
|
text-decoration: none
|
|
|
}
|
|
|
|
|
|
|
|
|
/* 模态框 */
|
|
|
|
|
|
.tx_mask {
|
|
|
display: none;
|
|
|
z-index: 999;
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
position: fixed;
|
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
|
}
|
|
|
|
|
|
|
|
|
/* 布局 */
|
|
|
|
|
|
.layer_star {
|
|
|
display: flex;
|
|
|
justify-content: flex-start;
|
|
|
align-items: center
|
|
|
}
|
|
|
|
|
|
.layer_nostar {
|
|
|
display: flex;
|
|
|
justify-content: flex-start;
|
|
|
}
|
|
|
|
|
|
.layer_center {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
align-items: center
|
|
|
}
|
|
|
|
|
|
.layer_between {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center
|
|
|
}
|
|
|
|
|
|
.layer_nobetween {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
}
|
|
|
|
|
|
.flex_center {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center
|
|
|
}
|
|
|
|
|
|
.flex-warp {
|
|
|
display: flex;
|
|
|
flex-wrap: wrap
|
|
|
}
|
|
|
|
|
|
|
|
|
/*单行溢出*/
|
|
|
|
|
|
.one-txt-cut {
|
|
|
overflow: hidden;
|
|
|
white-space: nowrap;
|
|
|
text-overflow: ellipsis;
|
|
|
}
|
|
|
|
|
|
|
|
|
/*多行溢出 手机端使用*/
|
|
|
|
|
|
.txt-cut {
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
display: -webkit-box;
|
|
|
/* -webkit-line-clamp: 2; */
|
|
|
-webkit-box-orient: vertical;
|
|
|
}
|
|
|
|
|
|
|
|
|
/* 我的 */
|
|
|
|
|
|
.index_top {
|
|
|
width: 100%;
|
|
|
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
|
|
|
padding: .46rem .32rem .32rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.index_top_img {
|
|
|
width: 1.04rem;
|
|
|
height: 1.04rem
|
|
|
}
|
|
|
|
|
|
.index_top_img img {
|
|
|
width: 100%;
|
|
|
height: 100%
|
|
|
}
|
|
|
|
|
|
.index_top_infor {
|
|
|
margin-left: .3rem
|
|
|
}
|
|
|
|
|
|
.index_top_name {
|
|
|
font-size: .36rem;
|
|
|
font-weight: bold;
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
}
|
|
|
|
|
|
.index_top_phone {
|
|
|
margin-top: .14rem;
|
|
|
font-size: .24rem;
|
|
|
font-weight: 500;
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
margin-bottom: .24rem
|
|
|
}
|
|
|
|
|
|
.index_top_labels {
|
|
|
font-size: .24rem;
|
|
|
font-weight: 500;
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
border: .02rem solid rgba(255, 255, 255, 1);
|
|
|
border-radius: .08rem;
|
|
|
padding: .06rem .1rem;
|
|
|
box-sizing: border-box;
|
|
|
margin-right: .2rem
|
|
|
}
|
|
|
|
|
|
.index_top_icon {
|
|
|
width: .4rem;
|
|
|
height: .4rem;
|
|
|
font-size: 0
|
|
|
}
|
|
|
|
|
|
.index_top_icon img {
|
|
|
width: 100%;
|
|
|
height: 100%
|
|
|
}
|
|
|
|
|
|
.index_top_set {
|
|
|
margin-left: .04rem;
|
|
|
line-height: .4rem;
|
|
|
font-size: .24rem;
|
|
|
font-weight: 500;
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
}
|
|
|
|
|
|
.index_tab {
|
|
|
margin-top: .24rem;
|
|
|
width: 100%;
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
box-shadow: 0 .12rem .36rem rgba(0, 0, 0, 0.04);
|
|
|
border-radius: .2rem;
|
|
|
padding: .32rem .66rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.index_tab_img {
|
|
|
width: .6rem;
|
|
|
height: .6rem;
|
|
|
font-size: 0
|
|
|
}
|
|
|
|
|
|
.index_tab_img img {
|
|
|
width: 100%;
|
|
|
height: 100%
|
|
|
}
|
|
|
|
|
|
.index_tab_title {
|
|
|
margin-top: .12rem;
|
|
|
font-size: .26rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(61, 68, 77, 1);
|
|
|
}
|
|
|
|
|
|
.index_sement {
|
|
|
margin: .08rem 0;
|
|
|
width: 100%;
|
|
|
height: 1.48rem;
|
|
|
}
|
|
|
|
|
|
.index_sement img {
|
|
|
width: 100%;
|
|
|
height: 100%
|
|
|
}
|
|
|
|
|
|
.index_list {
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
padding: 0 .32rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.index_list_one {
|
|
|
padding: .32rem 0 .36rem;
|
|
|
box-sizing: border-box;
|
|
|
border-bottom: .01rem solid rgba(238, 238, 238, 1);
|
|
|
}
|
|
|
|
|
|
.index_list_box {
|
|
|
padding: 0 .44rem 0 .22rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.index_list_img {
|
|
|
width: .4rem;
|
|
|
height: .4rem;
|
|
|
font-size: 0
|
|
|
}
|
|
|
|
|
|
.index_list_img img {
|
|
|
width: 100%;
|
|
|
height: 100%
|
|
|
}
|
|
|
|
|
|
.index_list_title {
|
|
|
margin-left: .18rem;
|
|
|
font-size: .28rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
.index_list_word {
|
|
|
font-size: .24rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(93, 141, 238, 1);
|
|
|
margin-right: .18rem
|
|
|
}
|
|
|
|
|
|
.index_list_icon {
|
|
|
width: .28rem;
|
|
|
height: .28rem;
|
|
|
font-size: 0
|
|
|
}
|
|
|
|
|
|
.index_list_icon img {
|
|
|
width: 100%;
|
|
|
height: 100%
|
|
|
}
|
|
|
|
|
|
|
|
|
/* 系统设置 */
|
|
|
|
|
|
.mineset_top {
|
|
|
width: 100%;
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
padding: .12rem .32rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.mineset_top_left {
|
|
|
font-size: .28rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
.mineset_top_right {
|
|
|
width: 1.2rem;
|
|
|
height: 1.2rem;
|
|
|
font-size: 0
|
|
|
}
|
|
|
|
|
|
.mineset_top_right img {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
}
|
|
|
|
|
|
.mineset_box {
|
|
|
margin-top: .2rem;
|
|
|
background: #FDFDFD;
|
|
|
padding: 0 .32rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.mineset_one {
|
|
|
padding: .34rem 0 .36rem 0;
|
|
|
box-sizing: border-box;
|
|
|
border-bottom: .01rem solid rgba(238, 238, 238, 1);
|
|
|
}
|
|
|
|
|
|
.mineset_one_left {
|
|
|
font-size: .28rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
.mineset_one_word {
|
|
|
font-size: .24rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(140, 145, 152, 1);
|
|
|
margin-right: .18rem
|
|
|
}
|
|
|
|
|
|
.mineset_btn {
|
|
|
padding: 0 .32rem;
|
|
|
box-sizing: border-box;
|
|
|
position: fixed;
|
|
|
bottom: .8rem;
|
|
|
width: 100%
|
|
|
}
|
|
|
|
|
|
.mineset_button {
|
|
|
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
|
|
|
border-radius: .16rem;
|
|
|
font-size: .32rem;
|
|
|
font-weight: 500;
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
padding: .22rem 0;
|
|
|
box-sizing: border-box;
|
|
|
text-align: center
|
|
|
}
|
|
|
|
|
|
|
|
|
/* 我的消息 */
|
|
|
|
|
|
.minenew {
|
|
|
padding: 0 .32rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.minenew_one {
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
border-radius: .16rem;
|
|
|
margin-top: .24rem
|
|
|
}
|
|
|
|
|
|
.minenew_top {
|
|
|
padding: .4rem .44rem .12rem .42rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.minenew_bottom {
|
|
|
border-top: .01rem solid rgba(238, 238, 238, 1);
|
|
|
padding: .24rem .44rem .24rem .42rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.minenew_notice {
|
|
|
margin-bottom: .28rem
|
|
|
}
|
|
|
|
|
|
.minenew_notice_title {
|
|
|
font-size: .32rem;
|
|
|
font-weight: bold;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
.minenew_notice_time {
|
|
|
font-size: .24rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(140, 145, 152, 1);
|
|
|
}
|
|
|
|
|
|
.minenew_word {
|
|
|
font-size: .28rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
margin-bottom: .22rem
|
|
|
}
|
|
|
|
|
|
.minenew_bottom_left {
|
|
|
font-size: .32rem;
|
|
|
font-weight: bold;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
.minenew_bottom_right {
|
|
|
width: .3rem;
|
|
|
height: .3rem;
|
|
|
font-size: 0
|
|
|
}
|
|
|
|
|
|
.minenew_bottom_right img {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
}
|
|
|
|
|
|
|
|
|
/* 消息详情 */
|
|
|
|
|
|
.nodata {
|
|
|
position: fixed;
|
|
|
top: 50%;
|
|
|
left: 50%;
|
|
|
transform: translate(-50%, -50%)
|
|
|
}
|
|
|
|
|
|
.nonew_img {
|
|
|
width: 4.48rem;
|
|
|
height: 2.8rem
|
|
|
}
|
|
|
|
|
|
.nonew_img img {
|
|
|
width: 100%;
|
|
|
height: 100%
|
|
|
}
|
|
|
|
|
|
.nonew_title {
|
|
|
margin-top: .1rem;
|
|
|
font-size: .32rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(140, 145, 152, 1);
|
|
|
}
|
|
|
|
|
|
|
|
|
/* 发布房源 */
|
|
|
|
|
|
.minepublish {
|
|
|
background: #FDFDFD;
|
|
|
padding: 0 .32rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.minepublish_one {
|
|
|
border-bottom: .01rem solid rgba(238, 238, 238, 1);
|
|
|
padding: .2rem 0 .28rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.minepublish_img {
|
|
|
width: .6rem;
|
|
|
height: .6rem;
|
|
|
font-size: 0
|
|
|
}
|
|
|
|
|
|
.minepublish_img img {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
}
|
|
|
|
|
|
.minepublish_title {
|
|
|
margin-left: .18rem;
|
|
|
font-size: .28rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
.minepublish_icon {
|
|
|
width: .3rem;
|
|
|
height: .3rem;
|
|
|
font-size: 0
|
|
|
}
|
|
|
|
|
|
.minepublish_icon img {
|
|
|
width: 100%;
|
|
|
height: 100%
|
|
|
}
|
|
|
|
|
|
|
|
|
/* 我的发布 */
|
|
|
|
|
|
.minerelease_top_label {
|
|
|
/* border-bottom: .01rem solid rgba(238, 238, 238, 1); */
|
|
|
padding: .38rem 0;
|
|
|
box-sizing: border-box;
|
|
|
/* position: fixed;
|
|
|
top: 0; */
|
|
|
background: #fff
|
|
|
}
|
|
|
|
|
|
.minerelease_top_labels {
|
|
|
width: 2rem;
|
|
|
background: rgba(249, 249, 249, 1);
|
|
|
border-radius: .32rem;
|
|
|
text-align: center;
|
|
|
padding: .12rem 0;
|
|
|
box-sizing: border-box;
|
|
|
font-size: .26rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
margin: .12rem .21rem;
|
|
|
}
|
|
|
|
|
|
.minerelease_top_labels_active {
|
|
|
background: rgba(93, 141, 238, 1);
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
}
|
|
|
|
|
|
.minerelease_left {
|
|
|
width: 2.2rem;
|
|
|
height: 2.2rem;
|
|
|
font-size: 0
|
|
|
}
|
|
|
|
|
|
.minerelease_left img {
|
|
|
width: 100%;
|
|
|
height: 100%
|
|
|
}
|
|
|
|
|
|
.minerelease_bottom {
|
|
|
border-top: .01rem solid rgba(238, 238, 238, 1);
|
|
|
padding: 0 .32rem;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.minerelease_box {
|
|
|
margin: .2rem 0 .4rem
|
|
|
}
|
|
|
|
|
|
.minerelease_right {
|
|
|
margin-left: .54rem
|
|
|
}
|
|
|
|
|
|
.minerelease_one_word {
|
|
|
font-size: .16rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
background: rgba(93, 141, 238, 1);
|
|
|
padding: .05rem .1rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.minerelease_one_title {
|
|
|
margin-left: .2rem;
|
|
|
font-size: .32rem;
|
|
|
font-weight: bold;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
.minerelease_right_two,
|
|
|
.minerelease_right_three,
|
|
|
.minerelease_right_four {
|
|
|
margin-top: .12rem
|
|
|
}
|
|
|
|
|
|
.minerelease_two_word {
|
|
|
font-size: .28rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
.minerelease_two_title {
|
|
|
margin-left: .4rem;
|
|
|
font-size: .28rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
.minerelease_three_word {
|
|
|
font-size: .24rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(140, 145, 152, 1);
|
|
|
background: rgba(249, 251, 254, 1);
|
|
|
text-align: center;
|
|
|
padding: .05rem .08rem;
|
|
|
box-sizing: border-box;
|
|
|
margin-right: .24rem
|
|
|
}
|
|
|
|
|
|
.minerelease_four_title {
|
|
|
font-size: .32rem;
|
|
|
font-weight: bold;
|
|
|
color: rgba(255, 90, 78, 1);
|
|
|
}
|
|
|
|
|
|
|
|
|
/* 我的订阅 */
|
|
|
|
|
|
.nosubscribe_img {
|
|
|
width: 5rem;
|
|
|
height: 3.16rem;
|
|
|
font-size: 0
|
|
|
}
|
|
|
|
|
|
.nosubscribe_img img {
|
|
|
width: 100%;
|
|
|
height: 100%
|
|
|
}
|
|
|
|
|
|
.nosubscribe_title {
|
|
|
margin-top: .1rem;
|
|
|
font-size: .32rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(140, 145, 152, 1);
|
|
|
}
|
|
|
|
|
|
|
|
|
/* 会员服务 */
|
|
|
|
|
|
.vip_contact_one {
|
|
|
display: none
|
|
|
}
|
|
|
|
|
|
.vip_contact_two {
|
|
|
display: none
|
|
|
}
|
|
|
|
|
|
.vip_tab {
|
|
|
width: 100%;
|
|
|
position: fixed;
|
|
|
top: 0
|
|
|
}
|
|
|
|
|
|
.vip_box {
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
padding: .26rem .86rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.vip_one {
|
|
|
font-size: .32rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(91, 94, 99, 1);
|
|
|
}
|
|
|
|
|
|
.vip_ones {
|
|
|
font-weight: bold;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
position: relative
|
|
|
}
|
|
|
|
|
|
.vip_ones:after {
|
|
|
content: "";
|
|
|
width: .48rem;
|
|
|
height: .08rem;
|
|
|
background: rgba(93, 141, 238, 1);
|
|
|
border-radius: .48rem;
|
|
|
position: absolute;
|
|
|
bottom: -.15rem;
|
|
|
left: 50%;
|
|
|
transform: translate(-50%, 0);
|
|
|
}
|
|
|
|
|
|
.vip_contact {
|
|
|
background: rgba(76, 85, 115, 1);
|
|
|
margin-top: .5rem;
|
|
|
box-sizing: border-box;
|
|
|
padding-bottom: .56rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.vip_top {
|
|
|
width: 100%;
|
|
|
height: 2.4rem;
|
|
|
background-image: url('../img/sun_78.png');
|
|
|
background-size: cover;
|
|
|
background-repeat: no-repeat;
|
|
|
padding-top: .68rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.vip_title {
|
|
|
font-size: .48rem;
|
|
|
font-weight: bold;
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
text-align: center
|
|
|
}
|
|
|
|
|
|
.vip_center {
|
|
|
margin-top: -.58rem;
|
|
|
}
|
|
|
|
|
|
.vip_center_img {
|
|
|
width: 5.61rem;
|
|
|
height: .58rem;
|
|
|
font-size: 0
|
|
|
}
|
|
|
|
|
|
.vip_center_img img {
|
|
|
width: 100%;
|
|
|
height: 100%
|
|
|
}
|
|
|
|
|
|
.vip_card {
|
|
|
padding: 0 .32rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.vip_card_box {
|
|
|
padding: .2rem 0;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.vip_card_one {
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
border-radius: .16rem;
|
|
|
padding: .32rem .5rem;
|
|
|
box-sizing: border-box;
|
|
|
margin: .2rem 0
|
|
|
}
|
|
|
|
|
|
.vip_card_time {
|
|
|
font-size: .24rem;
|
|
|
font-weight: bold;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
margin-right: .66rem;
|
|
|
position: relative
|
|
|
}
|
|
|
|
|
|
.vip_card_time:after {
|
|
|
content: "";
|
|
|
width: .03rem;
|
|
|
height: .7rem;
|
|
|
background: rgba(238, 238, 238, 1);
|
|
|
position: absolute;
|
|
|
top: -.11rem;
|
|
|
right: -.42rem
|
|
|
}
|
|
|
|
|
|
.vip_card_time span {
|
|
|
font-size: .32rem
|
|
|
}
|
|
|
|
|
|
.vip_card_price {
|
|
|
font-size: .32rem;
|
|
|
font-weight: bold;
|
|
|
color: rgba(93, 141, 238, 1);
|
|
|
}
|
|
|
|
|
|
.vip_card_word {
|
|
|
margin-top: .06rem;
|
|
|
font-size: .24rem;
|
|
|
font-weight: 300;
|
|
|
color: rgba(140, 145, 152, 1);
|
|
|
}
|
|
|
|
|
|
.vip_card_right {
|
|
|
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
|
|
|
border-radius: .16rem;
|
|
|
font-size: .32rem;
|
|
|
font-weight: 500;
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
padding: .14rem .48rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.vip_state_img {
|
|
|
width: 100%;
|
|
|
height: 2.4rem;
|
|
|
font-size: 0
|
|
|
}
|
|
|
|
|
|
.vip_state_img img {
|
|
|
width: 100%;
|
|
|
height: 100%
|
|
|
}
|
|
|
|
|
|
.vip_privilege {
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
border-radius: .16rem;
|
|
|
padding: .3rem .32rem .4rem;
|
|
|
box-sizing: border-box;
|
|
|
margin-top: .4rem;
|
|
|
}
|
|
|
|
|
|
.vip_privilege_title {
|
|
|
font-size: .28rem;
|
|
|
font-weight: bold;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
padding-left: .24rem;
|
|
|
box-sizing: border-box;
|
|
|
position: relative
|
|
|
}
|
|
|
|
|
|
.vip_privilege_title:before {
|
|
|
content: "";
|
|
|
width: .12rem;
|
|
|
height: .28rem;
|
|
|
background: rgba(93, 141, 238, 1);
|
|
|
border-radius: .04rem;
|
|
|
position: absolute;
|
|
|
top: .06rem;
|
|
|
left: 0
|
|
|
}
|
|
|
|
|
|
.vip_privilege_box {
|
|
|
margin-top: .28rem;
|
|
|
border-top: .01rem solid rgba(238, 238, 238, 1);
|
|
|
padding-top: .4rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.vip_privilege_one {
|
|
|
margin-bottom: .24rem
|
|
|
}
|
|
|
|
|
|
.vip_privilege_left {
|
|
|
width: .36rem;
|
|
|
height: .36rem;
|
|
|
font-size: 0
|
|
|
}
|
|
|
|
|
|
.vip_privilege_left img {
|
|
|
width: 100%;
|
|
|
height: 100%
|
|
|
}
|
|
|
|
|
|
.vip_privilege_right {
|
|
|
margin-left: .1rem
|
|
|
}
|
|
|
|
|
|
.vip_privilege_right_title {
|
|
|
font-size: .28rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
.vip_privilege_right_word {
|
|
|
margin-top: .08rem;
|
|
|
font-size: .24rem;
|
|
|
font-weight: 300;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
.vip_link {
|
|
|
margin-top: .4rem
|
|
|
}
|
|
|
|
|
|
.vip_link_title {
|
|
|
font-size: .32rem;
|
|
|
font-weight: bold;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
.vip_link_phone {
|
|
|
margin-top: .18rem;
|
|
|
border: .02rem solid rgba(238, 238, 238, 1);
|
|
|
border-radius: .16rem;
|
|
|
text-align: center;
|
|
|
font-size: .28rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(140, 145, 152, 1);
|
|
|
-webkit-text-stroke: 1 rgba(0, 0, 0, 0.00);
|
|
|
text-stroke: 1 rgba(0, 0, 0, 0.00);
|
|
|
padding: .18rem 0;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.vip_privilege_list {
|
|
|
margin-bottom: .2rem
|
|
|
}
|
|
|
|
|
|
.vip_privilege_listnum {
|
|
|
font-size: .24rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
background: rgba(93, 141, 238, 1);
|
|
|
border-radius: .04rem;
|
|
|
padding: .01rem .08rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.vip_privilege_listword {
|
|
|
margin-left: .22rem;
|
|
|
font-size: .28rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
.tx_maskCon {
|
|
|
padding: 0 .64rem;
|
|
|
box-sizing: border-box;
|
|
|
position: absolute;
|
|
|
top: 50%;
|
|
|
left: 50%;
|
|
|
transform: translate(-50%, -50%)
|
|
|
}
|
|
|
|
|
|
.tx_box {
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
border-radius: .25rem;
|
|
|
padding: .34rem .32rem .4rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.tx_title {
|
|
|
width: 100%;
|
|
|
font-size: .36rem;
|
|
|
font-weight: bold;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
-webkit-text-stroke: 1 rgba(0, 0, 0, 0.00);
|
|
|
text-stroke: 1 rgba(0, 0, 0, 0.00);
|
|
|
margin-bottom: .3rem;
|
|
|
border-bottom: .01rem solid rgba(238, 238, 238, 1);
|
|
|
text-align: center;
|
|
|
padding-bottom: .28rem
|
|
|
}
|
|
|
|
|
|
.tx_word {
|
|
|
font-size: .28rem;
|
|
|
font-weight: 400;
|
|
|
line-height: .4rem;
|
|
|
color: rgba(140, 145, 152, 1);
|
|
|
text-align: left
|
|
|
}
|
|
|
|
|
|
.tx_button {
|
|
|
margin-top: .3rem
|
|
|
}
|
|
|
|
|
|
.tx_btn {
|
|
|
width: 2.14rem;
|
|
|
border-radius: .16rem;
|
|
|
text-align: center;
|
|
|
font-size: .28rem;
|
|
|
font-weight: 500;
|
|
|
padding: .2rem 0;
|
|
|
box-sizing: border-box;
|
|
|
margin: 0 .36rem
|
|
|
}
|
|
|
|
|
|
.tx_cancel {
|
|
|
background: rgba(238, 238, 238, 1);
|
|
|
color: rgba(140, 145, 152, 1);
|
|
|
}
|
|
|
|
|
|
.tx_sumbit {
|
|
|
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
}
|
|
|
|
|
|
|
|
|
/* 我的钱包 */
|
|
|
|
|
|
.minewallet {
|
|
|
padding: 0 .32rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.minewallet_top {
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
border-radius: .16rem;
|
|
|
padding: .48rem .32rem .44rem;
|
|
|
box-sizing: border-box;
|
|
|
margin-top: .26rem
|
|
|
}
|
|
|
|
|
|
.minewallet_top_title {
|
|
|
font-size: .28rem;
|
|
|
font-weight: 500;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
.minewallet_contant {
|
|
|
margin-top: .22rem;
|
|
|
}
|
|
|
|
|
|
.minewallet_num {
|
|
|
font-size: .48rem;
|
|
|
font-weight: bold;
|
|
|
color: rgba(255, 90, 78, 1);
|
|
|
}
|
|
|
|
|
|
.minewallet_btn {
|
|
|
background: rgba(93, 141, 238, 1);
|
|
|
font-size: .28rem;
|
|
|
font-weight: 500;
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
padding: .08rem .72rem;
|
|
|
box-sizing: border-box;
|
|
|
border-radius: .16rem
|
|
|
}
|
|
|
|
|
|
.minewallet_bottom {
|
|
|
margin-top: .24rem;
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
border-radius: .16rem;
|
|
|
padding: .4rem .32rem .4rem .4rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.minewallet_left {
|
|
|
font-size: .28rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
.minewallet_right {
|
|
|
width: .3rem;
|
|
|
height: .3rem;
|
|
|
font-size: 0
|
|
|
}
|
|
|
|
|
|
.minewallet_right img {
|
|
|
width: 100%;
|
|
|
height: 100%
|
|
|
}
|
|
|
|
|
|
|
|
|
/* 我的订单 */
|
|
|
|
|
|
.mineorder_contant {
|
|
|
margin-top: .96rem;
|
|
|
padding: 0 .32rem;
|
|
|
box-sizing: border-box;
|
|
|
padding-top: .24rem;
|
|
|
display: none
|
|
|
}
|
|
|
|
|
|
.mineorder_box {
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
border-radius: .16rem;
|
|
|
padding: .4rem .44rem .36rem .42rem;
|
|
|
box-sizing: border-box;
|
|
|
margin-bottom: .24rem
|
|
|
}
|
|
|
|
|
|
.mineorder_top_num {
|
|
|
font-size: .32rem;
|
|
|
font-weight: bold;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
.mineorder_top_state1 {
|
|
|
font-size: .32rem;
|
|
|
font-weight: bold;
|
|
|
color: rgba(93, 141, 238, 1);
|
|
|
}
|
|
|
|
|
|
.mineorder_top_state2 {
|
|
|
font-size: .32rem;
|
|
|
font-weight: bold;
|
|
|
color: rgba(140, 145, 152, 1);
|
|
|
}
|
|
|
|
|
|
.mineorder_top {
|
|
|
margin-bottom: .22rem
|
|
|
}
|
|
|
|
|
|
.mineorder_word {
|
|
|
font-size: .28rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
margin-bottom: .22rem;
|
|
|
}
|
|
|
|
|
|
.noorder_img {
|
|
|
width: 4.4rem;
|
|
|
height: 2.8rem;
|
|
|
font-size: 0
|
|
|
}
|
|
|
|
|
|
.noorder_img img {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
}
|
|
|
|
|
|
.noorder_title {
|
|
|
margin-top: .1rem;
|
|
|
font-size: .32rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(140, 145, 152, 1);
|
|
|
}
|
|
|
|
|
|
|
|
|
/* 联系客服 */
|
|
|
|
|
|
.mineservice {
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
padding: .24rem .32rem 0;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.mineservice_top {
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
box-shadow: 0 .02rem .12rem rgba(0, 0, 0, 0.06);
|
|
|
padding: .44rem .48rem .5rem;
|
|
|
box-sizing: border-box;
|
|
|
position: relative;
|
|
|
}
|
|
|
|
|
|
.mineservice_top_title {
|
|
|
font-size: .36rem;
|
|
|
font-weight: bold;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
.mineservice_top_icon {
|
|
|
width: .52rem;
|
|
|
height: .52rem;
|
|
|
font-size: 0;
|
|
|
margin-bottom: .18rem;
|
|
|
margin-left: .02rem
|
|
|
}
|
|
|
|
|
|
.mineservice_top_icon img {
|
|
|
width: 100%;
|
|
|
height: 100%
|
|
|
}
|
|
|
|
|
|
.mineservice_word {
|
|
|
margin-top: .12rem;
|
|
|
font-size: .28rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
.mineservice_img {
|
|
|
width: 2.72rem;
|
|
|
font-size: 0;
|
|
|
position: absolute;
|
|
|
right: 0;
|
|
|
bottom: 0
|
|
|
}
|
|
|
|
|
|
.mineservice_img img {
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
.mineservice_bottom {
|
|
|
margin-top: .72rem;
|
|
|
border-top: .01rem solid rgba(238, 238, 238, 1);
|
|
|
padding: .3rem 0;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.mineservice_bottom_title {
|
|
|
font-size: .32rem;
|
|
|
font-weight: bold;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
margin-bottom: .1rem
|
|
|
}
|
|
|
|
|
|
.mineservice_bottom_word {
|
|
|
font-size: .28rem;
|
|
|
font-weight: 400;
|
|
|
line-height: .4rem;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
|
|
|
/* 关于我们 */
|
|
|
|
|
|
.mineabout_box {
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
padding: .4rem .32rem;
|
|
|
box-sizing: border-box;
|
|
|
margin-bottom: .22rem
|
|
|
}
|
|
|
|
|
|
.mineabout_img {
|
|
|
width: 100%;
|
|
|
height: 3.92rem;
|
|
|
font-size: 0
|
|
|
}
|
|
|
|
|
|
.mineabout_img img {
|
|
|
width: 100%;
|
|
|
height: 100%
|
|
|
}
|
|
|
|
|
|
.mineabout_contant {}
|
|
|
|
|
|
.mineabout_title {
|
|
|
font-size: .36rem;
|
|
|
font-weight: bold;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
.mineabout_word {
|
|
|
margin-top: .2rem;
|
|
|
font-size: .28rem;
|
|
|
font-weight: 400;
|
|
|
line-height: .4rem;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
.mineabout_contant {
|
|
|
margin-top: .5rem
|
|
|
}
|
|
|
|
|
|
|
|
|
/* 添加银行卡 */
|
|
|
|
|
|
.minebank_title {
|
|
|
font-size: .24rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(91, 94, 99, 1);
|
|
|
margin: .26rem 0;
|
|
|
padding-left: .38rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.minebank_box {
|
|
|
background: #FDFDFD;
|
|
|
padding: 0 .32rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.minebank_one {
|
|
|
padding: .36rem 0;
|
|
|
box-sizing: border-box;
|
|
|
border-bottom: .01rem solid rgba(238, 238, 238, 1);
|
|
|
}
|
|
|
|
|
|
.minebank_left {
|
|
|
width: .84rem;
|
|
|
font-size: .28rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
margin-right: .64rem
|
|
|
}
|
|
|
|
|
|
.minebank_right {
|
|
|
font-size: 0
|
|
|
}
|
|
|
|
|
|
.minebank_right input {
|
|
|
font-size: .28rem;
|
|
|
font-weight: 300;
|
|
|
color: rgba(189, 196, 206, 1);
|
|
|
border: none;
|
|
|
outline: 0
|
|
|
}
|
|
|
|
|
|
.minebank_button {
|
|
|
margin-top: .44rem;
|
|
|
padding: 0 .32rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.minebank_btn {
|
|
|
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
|
|
|
border-radius: .16rem;
|
|
|
font-size: .32rem;
|
|
|
font-weight: 500;
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
text-align: center;
|
|
|
padding: .22rem 0;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
|
|
|
/* 收支明细 */
|
|
|
|
|
|
.mineincome {
|
|
|
padding: 0 .32rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.mineincome_title {
|
|
|
font-size: .32rem;
|
|
|
font-weight: bold;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
padding-left: .24rem;
|
|
|
margin: .24rem 0 .18rem
|
|
|
}
|
|
|
|
|
|
.mineincome_one {
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
border-radius: .2rem;
|
|
|
padding: .32rem;
|
|
|
box-sizing: border-box;
|
|
|
margin-bottom: .24rem
|
|
|
}
|
|
|
|
|
|
.mineincome_top_title {
|
|
|
font-size: .28rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
.mineincome_top_word {
|
|
|
font-size: .28rem;
|
|
|
font-weight: bold;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
.mineincome_bottom {
|
|
|
margin-top: .3rem
|
|
|
}
|
|
|
|
|
|
.mineincome_bottom_title {
|
|
|
font-size: .24rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(140, 145, 152, 1);
|
|
|
}
|
|
|
|
|
|
.mineincome_bottom_word {
|
|
|
font-size: .26rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(93, 141, 238, 1);
|
|
|
}
|
|
|
|
|
|
|
|
|
/* 添加订阅 */
|
|
|
|
|
|
.addsubscribe_box {
|
|
|
background: #FDFDFD;
|
|
|
padding: 0 .32rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.addsubscribe_one {
|
|
|
padding: .34rem 0 .36rem;
|
|
|
box-sizing: border-box;
|
|
|
border-bottom: .01rem solid rgba(238, 238, 238, 1);
|
|
|
}
|
|
|
|
|
|
.addsubscribe_left_title {
|
|
|
font-size: .28rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
width: 1.4rem;
|
|
|
margin-right: .2rem
|
|
|
}
|
|
|
|
|
|
.addsubscribe_left_word {
|
|
|
font-size: 0
|
|
|
}
|
|
|
|
|
|
.addsubscribe_left_word input {
|
|
|
font-size: .24rem;
|
|
|
font-weight: 500;
|
|
|
color: rgba(140, 145, 152, 1);
|
|
|
border: none
|
|
|
}
|
|
|
|
|
|
.addsubscribe_right {
|
|
|
width: .3rem;
|
|
|
height: .3rem;
|
|
|
font-size: 0
|
|
|
}
|
|
|
|
|
|
.addsubscribe_right img {
|
|
|
width: 100%;
|
|
|
height: 100%
|
|
|
}
|
|
|
|
|
|
.addsubscribe_button {
|
|
|
padding: 0 .32rem;
|
|
|
box-sizing: border-box;
|
|
|
position: fixed;
|
|
|
bottom: .4rem;
|
|
|
width: 100%
|
|
|
}
|
|
|
|
|
|
.addsubscribe_btn {
|
|
|
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
|
|
|
border-radius: .16rem;
|
|
|
font-size: .32rem;
|
|
|
font-weight: 500;
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
padding: .22rem 0;
|
|
|
box-sizing: border-box;
|
|
|
text-align: center
|
|
|
}
|
|
|
|
|
|
|
|
|
/* 查看次数 */
|
|
|
|
|
|
.minelook {
|
|
|
padding: 0 .32rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.minelook_box {
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
border-radius: .16rem;
|
|
|
padding: .48rem .84rem .38rem;
|
|
|
box-sizing: border-box;
|
|
|
margin: .26rem 0 .4rem
|
|
|
}
|
|
|
|
|
|
.minelook_title {
|
|
|
font-size: .28rem;
|
|
|
font-weight: 500;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
.minelook_num {
|
|
|
margin-top: .22rem;
|
|
|
font-size: .48rem;
|
|
|
font-weight: bold;
|
|
|
color: rgba(255, 90, 78, 1);
|
|
|
}
|
|
|
|
|
|
.minelook_btn {
|
|
|
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
|
|
|
border-radius: .16rem;
|
|
|
font-size: .32rem;
|
|
|
font-weight: 500;
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
text-align: center;
|
|
|
padding: .22rem 0;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
|
|
|
/* 绑定手机 */
|
|
|
|
|
|
.minephone {
|
|
|
padding: 0 .32rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.mine_phone_box {
|
|
|
padding: 0 .42rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.mine_phone_one {
|
|
|
font-size: 0;
|
|
|
padding: .52rem 0 .2rem;
|
|
|
box-sizing: border-box;
|
|
|
border-bottom: .01rem solid rgba(235, 235, 235, 1);
|
|
|
}
|
|
|
|
|
|
.mine_phone_one input {
|
|
|
border: none;
|
|
|
font-size: .28rem;
|
|
|
font-weight: 300;
|
|
|
color: rgba(91, 94, 99, 1);
|
|
|
}
|
|
|
|
|
|
.mine_phone_left {
|
|
|
font-size: 0
|
|
|
}
|
|
|
|
|
|
.mine_phone_right {
|
|
|
font-size: .28rem;
|
|
|
font-weight: bold;
|
|
|
color: rgba(91, 94, 99, 1);
|
|
|
}
|
|
|
|
|
|
.mine_phone_show {
|
|
|
font-size: .28rem;
|
|
|
font-weight: 300;
|
|
|
color: rgba(91, 94, 99, 1);
|
|
|
text-align: right;
|
|
|
margin-top: .2rem
|
|
|
}
|
|
|
|
|
|
.mine_phone_btn {
|
|
|
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
|
|
|
border-radius: .16rem;
|
|
|
text-align: center;
|
|
|
padding: .22rem 0;
|
|
|
box-sizing: border-box;
|
|
|
font-size: .32rem;
|
|
|
font-weight: 500;
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
margin-top: .66rem
|
|
|
}
|
|
|
|
|
|
|
|
|
/* 发布详情 */
|
|
|
|
|
|
.detail {
|
|
|
padding: 0 .32rem .98rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.detail_top_title {
|
|
|
font-size: .28rem;
|
|
|
font-weight: bold;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
margin: .26rem 0 .34rem
|
|
|
}
|
|
|
|
|
|
.detail_top_one {
|
|
|
width: 1.8rem;
|
|
|
height: 1.8rem;
|
|
|
font-size: 0;
|
|
|
margin-right: .2rem;
|
|
|
margin-bottom: .18rem;
|
|
|
position: relative
|
|
|
}
|
|
|
|
|
|
.detail_top_one img {
|
|
|
width: 100%;
|
|
|
height: 100%
|
|
|
}
|
|
|
|
|
|
.detail_top_close {
|
|
|
width: .4rem;
|
|
|
height: .4rem;
|
|
|
font-size: 0;
|
|
|
position: absolute;
|
|
|
top: -.1rem;
|
|
|
right: -.08rem
|
|
|
}
|
|
|
|
|
|
.detail_top_close img {
|
|
|
width: 100%;
|
|
|
height: 100%
|
|
|
}
|
|
|
|
|
|
.detail_top_word {
|
|
|
font-size: .24rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(93, 141, 238, 1);
|
|
|
}
|
|
|
|
|
|
.detail_center {
|
|
|
margin-top: .4rem
|
|
|
}
|
|
|
|
|
|
.detail_center_one {
|
|
|
padding: .28rem 0;
|
|
|
box-sizing: border-box;
|
|
|
border-top: .01rem solid rgba(238, 238, 238, 1);
|
|
|
}
|
|
|
|
|
|
.detail_center_title {
|
|
|
width: 1.32rem;
|
|
|
font-size: .24rem;
|
|
|
font-weight: bold;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
.detail_center_title span {
|
|
|
color: #FF5A4E
|
|
|
}
|
|
|
|
|
|
.detail_center_one_word {
|
|
|
font-size: 0
|
|
|
}
|
|
|
|
|
|
.detail_center_one_word input {
|
|
|
font-size: .24rem;
|
|
|
font-weight: 500;
|
|
|
color: rgba(140, 145, 152, 1);
|
|
|
border: none
|
|
|
}
|
|
|
|
|
|
.detail_center_word {
|
|
|
font-size: .24rem;
|
|
|
font-weight: 500;
|
|
|
color: rgba(140, 145, 152, 1);
|
|
|
}
|
|
|
|
|
|
.detai_center_right_title {
|
|
|
font-size: .24rem;
|
|
|
font-weight: 600;
|
|
|
color: rgba(255, 90, 78, 1);
|
|
|
}
|
|
|
|
|
|
.detai_center_right_icon {
|
|
|
width: .2rem;
|
|
|
height: .2rem;
|
|
|
font-size: 0;
|
|
|
margin-left: .22rem
|
|
|
}
|
|
|
|
|
|
.detai_center_right_icon img {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
}
|
|
|
|
|
|
.detail_center_right {
|
|
|
width: .3rem;
|
|
|
height: .3rem;
|
|
|
font-size: 0
|
|
|
}
|
|
|
|
|
|
.detail_center_right img {
|
|
|
width: 100%;
|
|
|
height: 100%
|
|
|
}
|
|
|
|
|
|
.detail_center_text {
|
|
|
font-size: 0;
|
|
|
height: 1.78rem;
|
|
|
width: 5.5rem;
|
|
|
}
|
|
|
|
|
|
.detail_center_text textarea {
|
|
|
font-size: .24rem;
|
|
|
width: 5.5rem;
|
|
|
height: 100%;
|
|
|
font-weight: 500;
|
|
|
color: rgba(140, 145, 152, 1);
|
|
|
width: 100%;
|
|
|
border: none;
|
|
|
}
|
|
|
|
|
|
.detail_bottom_title {
|
|
|
font-size: .24rem;
|
|
|
font-weight: bold;
|
|
|
color: rgba(6, 18, 30, 1);
|
|
|
}
|
|
|
|
|
|
.detail_bottom_label {
|
|
|
margin-top: .16rem
|
|
|
}
|
|
|
|
|
|
.detail_bottom {
|
|
|
padding: .28rem 0 .62rem;
|
|
|
box-sizing: border-box;
|
|
|
border-top: .01rem solid rgba(238, 238, 238, 1);
|
|
|
}
|
|
|
|
|
|
.detail_bottom_labels {
|
|
|
margin-right: .24rem;
|
|
|
background: #F9FBFE;
|
|
|
font-size: .24rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(140, 145, 152, 1);
|
|
|
padding: .02rem .08rem;
|
|
|
box-sizing: border-box;
|
|
|
margin-bottom: .2rem
|
|
|
}
|
|
|
|
|
|
.detail_bottom_labels_active {
|
|
|
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
|
|
|
color: #fff
|
|
|
}
|
|
|
|
|
|
.detail_fix {
|
|
|
position: fixed;
|
|
|
bottom: 0;
|
|
|
width: 100%
|
|
|
}
|
|
|
|
|
|
.detail_fix_box {
|
|
|
width: 100%;
|
|
|
height: .98rem;
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
box-shadow: 0 .04rem .12rem rgba(0, 0, 0, 0.16);
|
|
|
}
|
|
|
|
|
|
.detail_fix_left {
|
|
|
width: 1.3rem;
|
|
|
height: 100%;
|
|
|
padding: .12rem 0 .1rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.detail_fix_img {
|
|
|
width: .4rem;
|
|
|
height: .4rem;
|
|
|
font-size: 0;
|
|
|
position: relative
|
|
|
}
|
|
|
|
|
|
.detail_fix_img img {
|
|
|
width: 100%;
|
|
|
height: 100%
|
|
|
}
|
|
|
|
|
|
.detail_fix_title {
|
|
|
margin-top: .04rem;
|
|
|
font-size: .22rem;
|
|
|
font-weight: 400;
|
|
|
color: rgba(189, 196, 206, 1);
|
|
|
}
|
|
|
|
|
|
.detail_fix_titles {
|
|
|
margin-top: .04rem;
|
|
|
font-size: .22rem;
|
|
|
font-weight: 400;
|
|
|
color: #06121E;
|
|
|
}
|
|
|
|
|
|
.detail_fix_right {
|
|
|
width: 6.2rem;
|
|
|
height: 100%;
|
|
|
font-size: .32rem;
|
|
|
font-weight: 500;
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
|
|
|
text-align: center;
|
|
|
line-height: .98rem
|
|
|
}
|
|
|
|
|
|
.detail_fix_two_box {
|
|
|
width: 2.42rem;
|
|
|
height: 100%;
|
|
|
padding: .12rem 0 .1rem;
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
|
|
|
.detail_fix_two_left {
|
|
|
width: 50%
|
|
|
}
|
|
|
|
|
|
.detail_fix_two_right {
|
|
|
width: 5.08rem;
|
|
|
height: 100%;
|
|
|
font-size: .32rem;
|
|
|
font-weight: 500;
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
|
|
|
text-align: center;
|
|
|
line-height: .98rem
|
|
|
}
|
|
|
|
|
|
.detail_fix_position {
|
|
|
width: .74rem;
|
|
|
height: .56rem;
|
|
|
font-size: 0;
|
|
|
position: absolute;
|
|
|
top: -.5rem;
|
|
|
right: -.5rem;
|
|
|
}
|
|
|
|
|
|
.detail_fix_position img {
|
|
|
width: 100%;
|
|
|
height: 100%
|
|
|
}
|
|
|
|
|
|
.detail_fix_four {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
font-size: .32rem;
|
|
|
font-weight: 500;
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
|
|
|
text-align: center;
|
|
|
line-height: .98rem
|
|
|
} |
|
|
\ No newline at end of file |
...
|
...
|
|