fe / YOHOBUYWAP · Commits

Go to a project

Authored by 梁志锋
Commit c33a5d8212d09197a336c379860b2ee4b62a0ae1 1 parent f417b01a

postcss的修改

Inline Side-by-side
Showing 100 changed files with 1113 additions and 1 deletions

Too many changes to show.
Reload with full diff Plain diff Email patch

To preserve performance only 100 of 100+ files are displayed.

.yoho-header .nav-title {
font-weight: normal;
}
.star-class-body {
background: #333;
width: 100%;
font: 12px/1.5 Arial,'黑体';
float: left;
}
.star-classroom {
background: #333;
img {
max-width: 100%;
display: block;
border: 0;
margin: 0 auto;
}
a {
text-decoration: none;
outline: none;
color: #000;
&:link,
&:visited,
&:hover,
&:actived {
color: #000;
}
}
*:focus {
outline: none;
}
.font-bold {
font-weight: bold;
}
.classroom-mask {
background-color: rgba(0,0,0,.5);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 9;
display: none;
}
.head-tab {
width: 100%;
height: 88rem / $pxConvertRem;
background: #000;
li {
width: 33.3%;
text-align: center;
float: left;
line-height: 88rem / $pxConvertRem;
font-size: 30rem / $pxConvertRem;
a {
color: #b0b0b0;
display: inline-block;
}
&.cur a{
color: #fff;
}
}
}
.banner-top {
width: 100%;
height: 310rem / $pxConvertRem;
margin-top: 30rem / $pxConvertRem;
position: relative;
.banner-swiper {
width: 100%;
height: 310rem / $pxConvertRem;
overflow: hidden;
position: relative;
ul {
position: relative;
height: 310rem / $pxConvertRem;
li {
float: left;
width: 100%;
height: 310rem / $pxConvertRem;
img {
width: 100%;
height: 100%;
}
}
}
}
.swiper-pagination {
position: absolute;
left: 0;
right: 0;
bottom: 20rem / $pxConvertRem;
text-align: center;
z-index: 1;
.pagination-inner {
display: inline-block;
span {
display: inline-block;
width: 14rem / $pxConvertRem;
height: 14rem / $pxConvertRem;
background: #fff;
opacity: 0.5;
margin: 0 10rem / $pxConvertRem;
border-radius: 50%;
&.swiper-pagination-bullet-active {
background: #fff;
opacity: 1;
}
}
}
}
}
.home-floor-sign {
width: 100%;
height: 220rem / $pxConvertRem;
margin-top: 30rem / $pxConvertRem;
background: #000;
.nav-left {
width: 102rem / $pxConvertRem;
margin: 30rem / $pxConvertRem 0 0 30rem / $pxConvertRem;
text-align: center;
float: left;
.user-name {
font-size: 24rem / $pxConvertRem;
color: #fff;
margin-top: 30rem / $pxConvertRem;
white-space: nowrap;
}
}
.nav-main {
width: 252rem / $pxConvertRem;
height: 90rem / $pxConvertRem;
float: left;
background-image: image-url("guang/star-classroom/user_info_bg.png");
background-repeat: no-repeat;
background-size: contain;
margin:36rem / $pxConvertRem 0 0 10rem / $pxConvertRem;
p {
color: #fff;
line-height: 46rem / $pxConvertRem;
font-size: 24rem / $pxConvertRem;
margin-left: 30rem / $pxConvertRem;
white-space: nowrap;
}
}
.nav-right {
width: 195rem / $pxConvertRem;
text-align: center;
float: right;
.wyf-img {
width: 119rem / $pxConvertRem;
height: 108rem / $pxConvertRem;
margin-top: 30rem / $pxConvertRem;
background-image: image-url("guang/star-classroom/home-wyf.png");
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
}
.add-intimacy {
width: 131rem / $pxConvertRem;
height: 52rem / $pxConvertRem;
background-image: image-url("guang/star-classroom/add_intimacy_bg.png");
background-repeat: no-repeat;
background-size: contain;
color: #fff;
font-size: 22rem / $pxConvertRem;
display: inline-block;
white-space: nowrap;
line-height: 66rem / $pxConvertRem;
margin-left: 12rem / $pxConvertRem;
}
}
.user-head {
width: 100rem / $pxConvertRem;
height: 100rem / $pxConvertRem;
border-radius: 50%;
border: 2rem / $pxConvertRem solid #e0e0e0;
background-image: image-url("me/index/user-avatar.png");
background-repeat: no-repeat;
background-size: contain;
display: block;
}
}
.floor-header-more {
width: 100%;
height: 88rem / $pxConvertRem;
background: #000;
position: relative;
margin-top: 30rem / $pxConvertRem;
border-top: 1px solid #000;
h2 {
color: #fff;
font-size: 34rem / $pxConvertRem;
line-height: 88rem / $pxConvertRem;
text-align: center;
}
.more-btn {
width: 64rem / $pxConvertRem;
height: 96rem / $pxConvertRem;
line-height: 86rem / $pxConvertRem;
position: absolute;
right: 20rem / $pxConvertRem;
top: 0;
color: #b0b0b0;
font-size: 50rem / $pxConvertRem;
}
}
.home-floor-subject {
.subject-banner {
width: 100%;
height: 310rem / $pxConvertRem;
}
}
.subject-video-area {
width: 100%;
height: 310rem / $pxConvertRem;
margin-top: 30rem / $pxConvertRem;
background: #000;
#subject-video {
width: 100%;
height: 310rem / $pxConvertRem;
}
}
.home-floor-collocation {
background: #000;
padding-bottom: 60rem / $pxConvertRem;
.collocation-big-img {
width: 100%;
height: 277rem / $pxConvertRem;
padding: 0 14rem / $pxConvertRem;
box-sizing: border-box;
li {
width: 276rem / $pxConvertRem;
height: 277rem / $pxConvertRem;
margin: 0 15rem / $pxConvertRem;
float: left;
img {
height: 100%;
}
}
}
.collocation-img {
width: 100%;
height: 139rem / $pxConvertRem;
margin-top: 30rem / $pxConvertRem;
position: relative;
.collocation-swiper {
width: 100%;
height: 139rem / $pxConvertRem;
overflow: hidden;
position: relative;
ul {
position: relative;
height: 139rem / $pxConvertRem;
li {
float: left;
width: 229rem / $pxConvertRem;
height: 139rem / $pxConvertRem;
margin-left: 30rem / $pxConvertRem;
img {
width: 100%;
height: 100%;
}
}
}
}
}
}
.pop-intimacy {
width: 580rem / $pxConvertRem;
height: 920rem / $pxConvertRem;
background: #fff;
border-radius: 10rem / $pxConvertRem;
position: fixed;
top:20rem / $pxConvertRem;
left: 30rem / $pxConvertRem;
z-index: 10;
display: none;
.intimacy-head {
text-align: center;
color: #444;
height: 140rem / $pxConvertRem;
padding-top: 20rem / $pxConvertRem;
box-sizing: border-box;
position: relative;
.pop-close {
width: 25rem / $pxConvertRem;
height: 25rem / $pxConvertRem;
background-image: image-url("guang/star-classroom/pop-close.png");
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: 20rem / $pxConvertRem;
top: 24rem / $pxConvertRem;
}
h1 {
font-size: 56rem / $pxConvertRem;
font-weight: bold;
line-height: 40rem / $pxConvertRem;
}
h4 {
font-size: 24rem / $pxConvertRem;
}
.my-intimacy {
font-size: 24rem / $pxConvertRem;
span {
min-width: 10rem / $pxConvertRem;
height: 30rem / $pxConvertRem;
line-height: 30rem / $pxConvertRem;
border-radius: 30rem / $pxConvertRem;
font-size: 20rem / $pxConvertRem;
color: #fff;
padding: 0 10rem / $pxConvertRem;
margin-left: 14rem / $pxConvertRem;
background-color: #444;
}
}
.increased {
font-size: 24rem / $pxConvertRem;
display: none;
span {
color: red;
}
}
}
.calendar {
width: 100%;
float: left;
.week {
width: 100%;
height: 38rem / $pxConvertRem;
background: #aeaeae;
padding: 0 23rem / $pxConvertRem;
box-sizing: border-box;
h3 {
width: 76rem / $pxConvertRem;
text-align: center;
font-size: 24rem / $pxConvertRem;
color: #fff;
float: left;
line-height: 38rem / $pxConvertRem;
}
}
.dayItem {
float: left;
width: 100%;
padding: 5rem / $pxConvertRem 23rem / $pxConvertRem;
box-sizing: border-box;
.item {
width: 76rem / $pxConvertRem;
color: #444;
float: left;
text-align: center;
cursor: pointer;
margin: 5rem / $pxConvertRem 0 0 0;
height: 56rem / $pxConvertRem;
line-height: 56rem / $pxConvertRem;
font-size: 28rem / $pxConvertRem;
&.lastItem {
color: #D2D2D2;
}
&.signItem {
background-image: image-url("guang/star-classroom/sign-circle.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
}
}
}
.fan-charts {
width: 100%;
height: 88rem / $pxConvertRem;
border-top: 1px solid #d5d5d5;
text-align: center;
position: relative;
float: left;
h2 {
font-size: 28rem / $pxConvertRem;
color: #444;
line-height: 88rem / $pxConvertRem;
}
.arrow {
width: 88rem / $pxConvertRem;
height: 88rem / $pxConvertRem;
position: absolute;
top: 0;
right: 0;
color: #b0b0b0;
line-height: 88rem / $pxConvertRem;
}
}
.fan-charts-cont {
width: 100%;
line-height: 88rem / $pxConvertRem;
float: left;
li {
width: 100%;
height: 88rem / $pxConvertRem;
border-top: 1px solid #d5d5d5;
position: relative;
padding: 0 25rem / $pxConvertRem;
box-sizing: border-box;
.rank-ico {
width: 52rem / $pxConvertRem;
height: 39rem / $pxConvertRem;
border-radius: 0;
background-image: image-url("guang/star-classroom/king-ico.png");
background-color: #fff;
background-repeat: no-repeat;
background-size: contain;
color: #fff;
font-size: 24rem / $pxConvertRem;
text-align: center;
line-height: 50rem / $pxConvertRem;
font-weight: bold;
position: relative;
top: 25rem / $pxConvertRem;
}
.rank-avatar {
width: 60rem / $pxConvertRem;
height: 60rem / $pxConvertRem;
border-radius: 50%;
position: relative;
top: 15rem / $pxConvertRem;
margin-left: 20rem / $pxConvertRem;
background-image: image-url("me/index/user-avatar.png");
background-repeat: no-repeat;
background-size: contain;
display: block;
}
.fans-name {
margin-left: 24rem / $pxConvertRem;
font-size: 24rem / $pxConvertRem;
color: #444;
width: 180rem / $pxConvertRem;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
height: 88rem / $pxConvertRem;
}
.fans-intimacy {
width: 150rem / $pxConvertRem;
float: right;
font-size: 20rem / $pxConvertRem;
color: #444;
span {
font-size: 24rem / $pxConvertRem;
color: #d0021b;
margin-left: 5rem / $pxConvertRem;
}
}
}
li > * {
float: left;
}
}
}
.things-article {
width: 100%;
float: left;
}
.things-article > li {
width: 100%;
float: left;
padding: 0 0 30rem / $pxConvertRem 30rem / $pxConvertRem;
box-sizing: border-box;
background: #000;
.author-info {
width: 100%;
padding-top: 30rem / $pxConvertRem;
float: left;
border-top:1px solid #b0b0b0;
img {
width: 70rem / $pxConvertRem;
height: 70rem / $pxConvertRem;
border-radius: 50%;
float: left;
}
.author-nav {
float: left;
margin-left: 20rem / $pxConvertRem;
overflow: hidden;
h2 {
font-size: 28rem / $pxConvertRem;
color: #fff;
}
.article-count {
font-size: 24rem / $pxConvertRem;
color: #b0b0b0;
span {
margin-right:22rem / $pxConvertRem;
&.see-ico {
width: 31rem / $pxConvertRem;
height: 24rem / $pxConvertRem;
padding-left: 40rem / $pxConvertRem;
}
}
}
}
}
.artice-cont {
width: 100%;
margin-top: 30rem / $pxConvertRem;
float: left;
p {
width: 100%;
height: 180rem / $pxConvertRem;
font-size: 28rem / $pxConvertRem;
line-height: 46rem / $pxConvertRem;
padding-right: 30rem / $pxConvertRem;
color: #fff;
box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.artice-imgs {
width: 100%;
margin-top: 30rem / $pxConvertRem;
float: left;
}
.artice-imgs > li {
float: left;
width: 190rem / $pxConvertRem;
height: 190rem / $pxConvertRem;
margin-right: 5rem / $pxConvertRem;
img {
width: 100%;
height: 100%;
border-radius: 4rem / $pxConvertRem;
}
}
}
.artice-zan {
width: 100%;
border-top: 1px solid #b0b0b0;
margin-top: 27rem / $pxConvertRem;
float: left;
padding-top: 20rem / $pxConvertRem;
.iconfont {
float: left;
width: 34rem / $pxConvertRem;
height: 34rem / $pxConvertRem;
line-height: 34rem / $pxConvertRem;
display: inline-block;
color: #b0b0b0;
font-size: 34rem / $pxConvertRem;
text-align: center;
margin: 9rem / $pxConvertRem 53rem / $pxConvertRem 0 14rem / $pxConvertRem;
outline: none;
}
.like {
color: #D62927;
}
ul {
float: left;
width: 420rem / $pxConvertRem;
height: 50rem / $pxConvertRem;
overflow: hidden;
li {
float: left;
margin: 0 10rem / $pxConvertRem;
width: 50rem / $pxConvertRem;
height: 50rem / $pxConvertRem;
img {
width: 100%;
height: 100%;
border-radius: 50%;
}
}
}
.zan-more {
float: left;
width: 50rem / $pxConvertRem;
height: 50rem / $pxConvertRem;
border-radius: 50%;
margin: 0 10rem / $pxConvertRem;
background: #f0f0f0;
color: #acb1b7;
font-size: 24rem / $pxConvertRem;
text-align: center;
line-height: 50rem / $pxConvertRem;
/*display: none;*/
}
}
}
.subject-list {
width: 100%;
height: auto;
overflow: hidden;
li {
width: 100%;
float: left;
background: #000;
margin-top: 30rem / $pxConvertRem;
img {
width: 100%;
}
p {
width: 100%;
height: 88rem / $pxConvertRem;
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0 34rem / $pxConvertRem;
font-size: 34rem / $pxConvertRem;
line-height: 88rem / $pxConvertRem;
}
a {
color: #fff;
}
}
}
.collocation-list {
width: 100%;
float: left;
li {
float: left;
width: 100%;
margin-top: 30rem / $pxConvertRem;
background: #000;
.cont-area {
width: 100%;
box-sizing: border-box;
padding: 30rem / $pxConvertRem;
}
.cont-txt {
font-size: 30rem / $pxConvertRem;
line-height: 46rem / $pxConvertRem;
color: #b0b0b0;
margin-top: 10rem / $pxConvertRem;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
img {
width: 100%;
}
.title {
font-size: 42rem / $pxConvertRem;
line-height: 48rem / $pxConvertRem;
a {
color: #fff;
}
}
.count-area {
position: relative;
width: 100%;
height: 32rem / $pxConvertRem;
margin-top: 15rem / $pxConvertRem;
span {
font-size: 24rem / $pxConvertRem;
color: #b0b0b0;
height: 32rem / $pxConvertRem;
line-height: 32rem / $pxConvertRem;
i {
display: inline-block;
margin-right: 5rem / $pxConvertRem;
font-size: 24rem / $pxConvertRem;
}
&.time {
float: left;
}
&.see {
float: left;
margin-left: 20rem / $pxConvertRem;
}
.time-ico {
width: 24rem / $pxConvertRem;
height: 24rem / $pxConvertRem;
}
.see-ico {
width: 31rem / $pxConvertRem;
height: 24rem / $pxConvertRem;
}
&.collection {
position: absolute;
right: 122rem / $pxConvertRem;
.collected-ico {
width: 34rem / $pxConvertRem;
height: 32rem / $pxConvertRem;
vertical-align: text-bottom;
}
.collected {
color: #D62927;
}
}
}
.forward {
width: 40rem / $pxConvertRem;
height: 28rem / $pxConvertRem;
position: absolute;
right: 23rem / $pxConvertRem;
margin-left: 45rem / $pxConvertRem;
font-size: 24rem / $pxConvertRem;
color: #b0b0b0;
height: 32rem / $pxConvertRem;
line-height: 32rem / $pxConvertRem;
}
}
}
}
.things-list {
.things-article > li {
margin-top: 30rem / $pxConvertRem;
.author-info {
border-top: none;
}
}
}
.check-in {
background: #f0f0f0;
.check-in-header {
width: 100%;
height: 283rem / $pxConvertRem;
background-image: image-url("guang/star-classroom/checkIn-bg.jpg");
background-repeat: no-repeat;
background-size: contain;
.head-cont {
text-align: center;
padding-top: 30rem / $pxConvertRem;
height: 195rem / $pxConvertRem;
box-sizing: border-box;
.user-avatar {
width: 100rem / $pxConvertRem;
height: 100rem / $pxConvertRem;
border-radius: 50%;
border:4rem / $pxConvertRem solid;
border-color: rgba(255,255,255,.6);
background-image: image-url("me/index/user-avatar.png");
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
}
.user-name {
color: #fff;
font-size: 24rem / $pxConvertRem;
font-weight: bold;
margin-top: 7rem / $pxConvertRem;
}
}
.count-area {
width: 100%;
float: left;
}
.count-nav {
width: 319rem / $pxConvertRem;
float: left;
margin-top: 12rem / $pxConvertRem;
p {
width: 100%;
text-align: center;
color: #fff;
line-height: 32rem / $pxConvertRem;
}
}
.line {
width: 2rem / $pxConvertRem;
height: 46rem / $pxConvertRem;
float: left;
margin-top: 26rem / $pxConvertRem;
box-sizing: border-box;
border-left: 1px solid #fff;
}
}
.ranking-area {
width: 100%;
background: #fff;
border-top: 1px solid #e0e0e0;
margin-top: 30rem / $pxConvertRem;
padding-left: 30rem / $pxConvertRem;
box-sizing: border-box;
li {
width: 100%;
height: 120rem / $pxConvertRem;
padding-top: 20rem / $pxConvertRem;
box-sizing: border-box;
border-bottom: 1px solid #e0e0e0;
.rank-avatar {
width: 80rem / $pxConvertRem;
height: 80rem / $pxConvertRem;
border-radius: 50%;
background-image: image-url("me/index/user-avatar.png");
background-repeat: no-repeat;
background-size: contain;
float: left;
}
.ranking-mid {
float: left;
margin-left: 20rem / $pxConvertRem;
.rank-ico {
min-width: 18rem / $pxConvertRem;
height: 38rem / $pxConvertRem;
border-radius: 38rem / $pxConvertRem;
background: #444;
display: inline-block;
text-align: center;
line-height: 40rem / $pxConvertRem;
color: #fff;
font-size: 24rem / $pxConvertRem;
font-weight: bold;
padding: 0 10rem / $pxConvertRem;
}
.rank-name {
font-size: 24rem / $pxConvertRem;
color: #444;
margin-top: 5rem / $pxConvertRem;
width: 180rem / $pxConvertRem;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
height: 30rem / $pxConvertRem;
}
}
.ranking-rg {
font-size: 20rem / $pxConvertRem;
color: #444;
float: right;
margin:20rem / $pxConvertRem 30rem / $pxConvertRem 0 0;
.intimacy {
margin-left: 10rem / $pxConvertRem;
font-size: 36rem / $pxConvertRem;
color: #b0b0b0;
}
}
&.high-light {
.rank-ico {
width: 52rem / $pxConvertRem;
height: 39rem / $pxConvertRem;
line-height: 50rem / $pxConvertRem;
border-radius: 0;
background-image: image-url("guang/star-classroom/king-ico.png");
background-color: #fff;
background-repeat: no-repeat;
background-size: contain;
padding: 0;
}
.intimacy {
color: #d0021b;
}
}
}
}
}
}
... ...
.massage-page{
margin-top: .4rem;
padding-bottom:.6rem;
.massage-list{
padding: 1em 2em 1em 1.4em;
border-bottom: 1px solid #F8F8F8;
position: relative;
overflow: hidden;
p{
font-size: 1.2em;
color: #222;
}
span{
font-size: 0.9em;
color: #999999;
}
i{
position: absolute;
right: .6rem;
top: .6rem;
color: #cccccc;
}
strong{
width: 8px;
height: 8px;
position: absolute;
left: .4rem;
top: 1rem;
background: #f00;
border-radius:50%;
}
}
.massage-main{
border-bottom: 1px solid #F8F8F8;
padding: 12px;
margin-left: 10px;
margin-bottom: 10px;
h6{
margin-bottom: .2rem;
}
span{
color: #656565;
}
}
.sale-btn{
background-color: #ea2622;
color: #fff;
padding: 5px 10px 5px 10px;
}
.coupon-item{
margin-left: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #F8F8F8;
margin-top: 10px;
.coupon-img{
width: 3.2rem;
height: auto;
overflow: hidden;
float: left;
margin-right: .4rem;
img{
width: 100%;
height: auto;
}
}
.coupon-info{
font-size: .55rem;
span{
color: #f00;
}
}
.coupon-action{
width: 110px;
font-size: 12px;
letter-spacing: 2px;
margin: 3px 0 0 0;
height: 35px;
line-height: 35px;
background: #ed0010;
text-align: center;
margin-left: 3.6rem;
a{
display: block;
color: #fff;
width: 100%;
height:100%;
}
}
}
}
\ No newline at end of file
... ...
.success-page {
color: #fefefe;
.success-icon {
width: 74px;
height: 74px;
margin: 60px auto 30px;
background: image-url('passport/success.png');
background-size: 100%;
}
.success-tip {
padding: 10px 10px;
font-size: 16px;
line-height: 1.5;
}
.go {
display: block;
margin: 30px auto;
width: 270px;
height: 40px;
font-size: 14px;
line-height: 40px;
color: #fff;
background: rgba(255, 255, 255, 0.4);
border-radius: 5px;
}
}
... ...
... ... @@ -10,7 +10,9 @@
background-color: transparent;
z-index: 99;
}
.none{
display: none;
}
.checkbox {
position: absolute;
top: 50%;
... ...
... ... @@ -9,6 +9,8 @@
.icon-checkbox:before { content: "\e61c"; }
.icon-cb-checked:before { content: "\e61d"; }
.icon-radio:before { content: "\e647"; }
.icon-cb-radio:before { content: "\e646"; }
.shopping-cart-page {
margin-bottom: 120px;
overflow-x: hidden;
... ...