mobile/Style/css/sanziye_0cd0c96.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

.vip_info{position: relative;display: block;width: 100%;height: 5.7rem;background: url('../img/szybg_e04b681.jpg') no-repeat;background-size: 100% 100%;overflow: hidden;}
.user_img{position:relative;float:left;top:1.2rem;left:.65rem;margin-right:1.3rem;display: block;width: 3.25rem;height: 3.25rem;border:2px solid #fff;border-radius: 50%;}
.user_img img{position:absolute;top:-.25rem;left:.1rem;display:block;width:.85rem;z-index: 9;}
.user_img input[type="file"]{display: block;position: absolute;width: 100%;height: 100%;z-index: 10;opacity: 0;}
.name_box{position:relative;top:1.5rem;}
.name_box p.user_name{color: #261500;font-size: .8rem;}
.name_box p.user_id{font-size: .55rem;color:#6a573a;line-height: 1.2rem;margin-left: .1rem;}
.user_author{position: relative;display: block;font-size: 0}
.user_author span{display: inline-block;width: .75rem;height: .75rem;border-radius: 50%;background-color: #d2d2d2;text-align: center;vertical-align: middle;}
.user_author span img{position: relative;margin: auto;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);}
.user_author span:nth-child(1) img,.user_author span:nth-child(2) img{display: block;width: 70%;}
.user_author span:last-child img{height: 70%;}
.user_author span:nth-child(2),.user_author span:last-child{margin-left: .15rem;}
.user_author span.email_on{background-color: #ff8d30;}
.user_author span.contact_on{background-color: #2ace96;}
.user_author span.phone_on{background-color: #42a4ff;}
.visitor_count{position: absolute;bottom: .65rem;right: .55rem;font-size: .55rem;color: #fff;}

.img_box{position: relative;}
.img_box_container{position: relative;width: 100%;height: 5.25rem;margin-top: .5rem;}
.img_box_wrapper{position: absolute;width: 100%;height: 5.25rem;z-index: 1;left: 0;overflow: hidden;}
.img_box_scroller{position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);height: 100%;z-index:1;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}
.img_box:before,.action_box:after,.info_box:before,.bottom_box:before{position: absolute; content: ""; bottom: 0; right: 0; width:100%; height: 0px; border-bottom:1px solid #d8d8d8;box-sizing:border-box;transform:scaleY(.5);-webkit-transform:scaleY(.5);}
.img_box_scroller ul li{position: relative;display: block;float: left;margin-left: .75rem;width: 3.6rem;height: 4.3rem;}
.img_box_scroller ul li img{position:relative;display:block;width: 100%;max-height: 100%;margin: auto;}
.action_box,.bottom_box{position: relative;width:100%;height:2.5rem;display: box;display: -webkit-box;-webkit-box-orient:horizontal;overflow: hidden;}
.action_box{margin-top:.75rem;}
.action_box a{color: #000;}

.action_box:before{position: absolute; content: ""; top: 0; right: 0; width:100%; height: 0px; border-top:1px solid #d8d8d8;box-sizing:border-box;transform:scaleY(.5);-webkit-transform:scaleY(.5);}
.action_box span,.bottom_box span{position:relative;display: block;height:2.5rem;line-height:2.5rem;box-flex:1;-webkit-box-flex:1;font-size: .7rem;color: #000000;text-align: center;}
.action_box span:active,.bottom_box span:active{background-color: #eaeaea;}
.action_box i{display: inline-block;vertical-align: middle;width: .9rem;height: .85rem;background:url('../img/szy_action_74793c7.png');background-size: 1.2rem 3.6rem;}
.action_box i.shake{-webkit-animation:shake linear .5s 0s both;animation:shake linear .5s 0s both;}
.action_box i.say_hello{background-position: 0rem -3.6rem;margin-right: .1rem;margin-top:-.1rem;}
.action_box i.say_email{background-position: 0rem -1.2rem;mar}
.action_box i.say_gift{background-position: 0rem -2.4rem;margin-top:-.2rem;}
span.action_box1:after,span.action_box2:after{content: "";position:absolute;width: 0;height: 100%;right:0;top:0;border-right: 1px solid #d8d8d8;-webkit-transform:scaleX(.5);}
@media only screen and (device-pixel-ratio : 3){.img_box:before,.action_box:after,.info_box:before,.bottom_box:before,.action_box:before{transform:scaleY(.3);-webkit-transform:scaleY(.3);}span.action_box1:after,span.action_box2:after{-webkit-transform:scaleX(.3);transform:scaleX(.3);}}

.info_box{position:relative;width: 100%;margin:auto;padding-bottom: 1.2rem;}
.heart_word_title,.heart_word_content{position:relative;width: 92%;margin:auto;}
.heart_word_title{font-size: .6rem;color: #a7a7aa;line-height: 2.65rem;}
.heart_word_content{font-size: .6rem;color: gray;line-height: 1rem;margin-top: -.325rem;word-break:break-all;}

.expand_tool{position: absolute;width: 2.1rem;right: 4%;line-height: .6rem;}
.expand_tool span{font-size: .6rem;color: #0097d3;}
.expand_tool span:nth-child(1){display: inline-block;width: .45rem;height: .45rem;vertical-align:top;border-top: 2px solid #0097d3;border-left: 2px solid #0097d3;-webkit-transform:rotate(-135deg);-webkit-transition:all ease-out .3s;transition:all ease-out .3s;-o-transition:all ease-out .3s;-ms-transition:all ease-out .3s;}

.info_item{position:relative;font-size: 0;line-height: 1.5rem;width: 92%;margin: auto;overflow: hidden;}
.info_item span{font-size: .6rem;vertical-align: middle;}
.info_item span:nth-child(1){position:relative;display: inline-block;width: 4.9rem;text-align: right;z-index: 9;}
.info_item span:nth-child(2){position: absolute;left:0;top:0;display: inline-block;text-align: left;color: #999999;width:100%;margin-left: 5.6rem;}

.bottom_box i{position:relative;display: inline-block;height: .85rem;background:url('../img/szy_action2_b61f041.png');background-size: 1.2rem 3.6rem;margin-right: .15rem;}
i.warning{width: .85rem;}
i.contact{width: .95rem;background-position: 0 -1.2rem;top: .2rem;}
i.contact.active{background-position: 0 -2.4rem;}

.info_content{height: 7.20rem;overflow: hidden;}