fe / YOHOBUYWAP · Commits

Go to a project

Authored by 梁志锋
Commit c33a5d8212d09197a336c379860b2ee4b62a0ae1 1 parent f417b01a

postcss的修改

Inline Side-by-side
Showing 181 changed files with 1134 additions and 5 deletions
  1 +.yoho-header .nav-title {
  2 + font-weight: normal;
  3 +}
  4 +
  5 +.star-class-body {
  6 + background: #333;
  7 + width: 100%;
  8 + font: 12px/1.5 Arial,'黑体';
  9 + float: left;
  10 +}
  11 +
  12 +.star-classroom {
  13 + background: #333;
  14 +
  15 + img {
  16 + max-width: 100%;
  17 + display: block;
  18 + border: 0;
  19 + margin: 0 auto;
  20 + }
  21 +
  22 + a {
  23 + text-decoration: none;
  24 + outline: none;
  25 + color: #000;
  26 +
  27 + &:link,
  28 + &:visited,
  29 + &:hover,
  30 + &:actived {
  31 + color: #000;
  32 + }
  33 + }
  34 +
  35 + *:focus {
  36 + outline: none;
  37 + }
  38 +
  39 + .font-bold {
  40 + font-weight: bold;
  41 + }
  42 +
  43 + .classroom-mask {
  44 + background-color: rgba(0,0,0,.5);
  45 + position: fixed;
  46 + left: 0;
  47 + right: 0;
  48 + top: 0;
  49 + bottom: 0;
  50 + z-index: 9;
  51 + display: none;
  52 + }
  53 +
  54 + .head-tab {
  55 + width: 100%;
  56 + height: 88rem / $pxConvertRem;
  57 + background: #000;
  58 +
  59 + li {
  60 + width: 33.3%;
  61 + text-align: center;
  62 + float: left;
  63 + line-height: 88rem / $pxConvertRem;
  64 + font-size: 30rem / $pxConvertRem;
  65 +
  66 + a {
  67 + color: #b0b0b0;
  68 + display: inline-block;
  69 + }
  70 +
  71 + &.cur a{
  72 + color: #fff;
  73 + }
  74 + }
  75 + }
  76 +
  77 + .banner-top {
  78 + width: 100%;
  79 + height: 310rem / $pxConvertRem;
  80 + margin-top: 30rem / $pxConvertRem;
  81 + position: relative;
  82 +
  83 + .banner-swiper {
  84 + width: 100%;
  85 + height: 310rem / $pxConvertRem;
  86 + overflow: hidden;
  87 + position: relative;
  88 +
  89 + ul {
  90 + position: relative;
  91 + height: 310rem / $pxConvertRem;
  92 +
  93 + li {
  94 + float: left;
  95 + width: 100%;
  96 + height: 310rem / $pxConvertRem;
  97 +
  98 + img {
  99 + width: 100%;
  100 + height: 100%;
  101 + }
  102 + }
  103 + }
  104 + }
  105 +
  106 + .swiper-pagination {
  107 + position: absolute;
  108 + left: 0;
  109 + right: 0;
  110 + bottom: 20rem / $pxConvertRem;
  111 + text-align: center;
  112 + z-index: 1;
  113 +
  114 + .pagination-inner {
  115 + display: inline-block;
  116 +
  117 + span {
  118 + display: inline-block;
  119 + width: 14rem / $pxConvertRem;
  120 + height: 14rem / $pxConvertRem;
  121 + background: #fff;
  122 + opacity: 0.5;
  123 + margin: 0 10rem / $pxConvertRem;
  124 + border-radius: 50%;
  125 +
  126 + &.swiper-pagination-bullet-active {
  127 + background: #fff;
  128 + opacity: 1;
  129 + }
  130 + }
  131 + }
  132 + }
  133 + }
  134 +
  135 + .home-floor-sign {
  136 + width: 100%;
  137 + height: 220rem / $pxConvertRem;
  138 + margin-top: 30rem / $pxConvertRem;
  139 + background: #000;
  140 +
  141 + .nav-left {
  142 + width: 102rem / $pxConvertRem;
  143 + margin: 30rem / $pxConvertRem 0 0 30rem / $pxConvertRem;
  144 + text-align: center;
  145 + float: left;
  146 +
  147 + .user-name {
  148 + font-size: 24rem / $pxConvertRem;
  149 + color: #fff;
  150 + margin-top: 30rem / $pxConvertRem;
  151 + white-space: nowrap;
  152 + }
  153 + }
  154 +
  155 + .nav-main {
  156 + width: 252rem / $pxConvertRem;
  157 + height: 90rem / $pxConvertRem;
  158 + float: left;
  159 + background-image: image-url("guang/star-classroom/user_info_bg.png");
  160 + background-repeat: no-repeat;
  161 + background-size: contain;
  162 + margin:36rem / $pxConvertRem 0 0 10rem / $pxConvertRem;
  163 +
  164 + p {
  165 + color: #fff;
  166 + line-height: 46rem / $pxConvertRem;
  167 + font-size: 24rem / $pxConvertRem;
  168 + margin-left: 30rem / $pxConvertRem;
  169 + white-space: nowrap;
  170 + }
  171 + }
  172 +
  173 + .nav-right {
  174 + width: 195rem / $pxConvertRem;
  175 + text-align: center;
  176 + float: right;
  177 +
  178 + .wyf-img {
  179 + width: 119rem / $pxConvertRem;
  180 + height: 108rem / $pxConvertRem;
  181 + margin-top: 30rem / $pxConvertRem;
  182 + background-image: image-url("guang/star-classroom/home-wyf.png");
  183 + background-repeat: no-repeat;
  184 + background-size: contain;
  185 + display: inline-block;
  186 + }
  187 +
  188 + .add-intimacy {
  189 + width: 131rem / $pxConvertRem;
  190 + height: 52rem / $pxConvertRem;
  191 + background-image: image-url("guang/star-classroom/add_intimacy_bg.png");
  192 + background-repeat: no-repeat;
  193 + background-size: contain;
  194 + color: #fff;
  195 + font-size: 22rem / $pxConvertRem;
  196 + display: inline-block;
  197 + white-space: nowrap;
  198 + line-height: 66rem / $pxConvertRem;
  199 + margin-left: 12rem / $pxConvertRem;
  200 + }
  201 + }
  202 +
  203 + .user-head {
  204 + width: 100rem / $pxConvertRem;
  205 + height: 100rem / $pxConvertRem;
  206 + border-radius: 50%;
  207 + border: 2rem / $pxConvertRem solid #e0e0e0;
  208 + background-image: image-url("me/index/user-avatar.png");
  209 + background-repeat: no-repeat;
  210 + background-size: contain;
  211 + display: block;
  212 + }
  213 + }
  214 +
  215 + .floor-header-more {
  216 + width: 100%;
  217 + height: 88rem / $pxConvertRem;
  218 + background: #000;
  219 + position: relative;
  220 + margin-top: 30rem / $pxConvertRem;
  221 + border-top: 1px solid #000;
  222 +
  223 + h2 {
  224 + color: #fff;
  225 + font-size: 34rem / $pxConvertRem;
  226 + line-height: 88rem / $pxConvertRem;
  227 + text-align: center;
  228 + }
  229 +
  230 + .more-btn {
  231 + width: 64rem / $pxConvertRem;
  232 + height: 96rem / $pxConvertRem;
  233 + line-height: 86rem / $pxConvertRem;
  234 + position: absolute;
  235 + right: 20rem / $pxConvertRem;
  236 + top: 0;
  237 + color: #b0b0b0;
  238 + font-size: 50rem / $pxConvertRem;
  239 + }
  240 + }
  241 +
  242 + .home-floor-subject {
  243 + .subject-banner {
  244 + width: 100%;
  245 + height: 310rem / $pxConvertRem;
  246 + }
  247 + }
  248 +
  249 + .subject-video-area {
  250 + width: 100%;
  251 + height: 310rem / $pxConvertRem;
  252 + margin-top: 30rem / $pxConvertRem;
  253 + background: #000;
  254 +
  255 + #subject-video {
  256 + width: 100%;
  257 + height: 310rem / $pxConvertRem;
  258 + }
  259 + }
  260 +
  261 + .home-floor-collocation {
  262 + background: #000;
  263 + padding-bottom: 60rem / $pxConvertRem;
  264 +
  265 + .collocation-big-img {
  266 + width: 100%;
  267 + height: 277rem / $pxConvertRem;
  268 + padding: 0 14rem / $pxConvertRem;
  269 + box-sizing: border-box;
  270 +
  271 + li {
  272 + width: 276rem / $pxConvertRem;
  273 + height: 277rem / $pxConvertRem;
  274 + margin: 0 15rem / $pxConvertRem;
  275 + float: left;
  276 +
  277 + img {
  278 + height: 100%;
  279 + }
  280 + }
  281 + }
  282 +
  283 + .collocation-img {
  284 + width: 100%;
  285 + height: 139rem / $pxConvertRem;
  286 + margin-top: 30rem / $pxConvertRem;
  287 + position: relative;
  288 +
  289 + .collocation-swiper {
  290 + width: 100%;
  291 + height: 139rem / $pxConvertRem;
  292 + overflow: hidden;
  293 + position: relative;
  294 +
  295 + ul {
  296 + position: relative;
  297 + height: 139rem / $pxConvertRem;
  298 +
  299 + li {
  300 + float: left;
  301 + width: 229rem / $pxConvertRem;
  302 + height: 139rem / $pxConvertRem;
  303 + margin-left: 30rem / $pxConvertRem;
  304 +
  305 + img {
  306 + width: 100%;
  307 + height: 100%;
  308 + }
  309 + }
  310 + }
  311 + }
  312 + }
  313 + }
  314 +
  315 + .pop-intimacy {
  316 + width: 580rem / $pxConvertRem;
  317 + height: 920rem / $pxConvertRem;
  318 + background: #fff;
  319 + border-radius: 10rem / $pxConvertRem;
  320 + position: fixed;
  321 + top:20rem / $pxConvertRem;
  322 + left: 30rem / $pxConvertRem;
  323 + z-index: 10;
  324 + display: none;
  325 +
  326 + .intimacy-head {
  327 + text-align: center;
  328 + color: #444;
  329 + height: 140rem / $pxConvertRem;
  330 + padding-top: 20rem / $pxConvertRem;
  331 + box-sizing: border-box;
  332 + position: relative;
  333 +
  334 + .pop-close {
  335 + width: 25rem / $pxConvertRem;
  336 + height: 25rem / $pxConvertRem;
  337 + background-image: image-url("guang/star-classroom/pop-close.png");
  338 + background-repeat: no-repeat;
  339 + background-size: contain;
  340 + position: absolute;
  341 + right: 20rem / $pxConvertRem;
  342 + top: 24rem / $pxConvertRem;
  343 + }
  344 +
  345 + h1 {
  346 + font-size: 56rem / $pxConvertRem;
  347 + font-weight: bold;
  348 + line-height: 40rem / $pxConvertRem;
  349 + }
  350 +
  351 + h4 {
  352 + font-size: 24rem / $pxConvertRem;
  353 + }
  354 +
  355 + .my-intimacy {
  356 + font-size: 24rem / $pxConvertRem;
  357 +
  358 + span {
  359 + min-width: 10rem / $pxConvertRem;
  360 + height: 30rem / $pxConvertRem;
  361 + line-height: 30rem / $pxConvertRem;
  362 + border-radius: 30rem / $pxConvertRem;
  363 + font-size: 20rem / $pxConvertRem;
  364 + color: #fff;
  365 + padding: 0 10rem / $pxConvertRem;
  366 + margin-left: 14rem / $pxConvertRem;
  367 + background-color: #444;
  368 + }
  369 + }
  370 +
  371 + .increased {
  372 + font-size: 24rem / $pxConvertRem;
  373 + display: none;
  374 +
  375 + span {
  376 + color: red;
  377 + }
  378 + }
  379 + }
  380 +
  381 + .calendar {
  382 + width: 100%;
  383 + float: left;
  384 +
  385 + .week {
  386 + width: 100%;
  387 + height: 38rem / $pxConvertRem;
  388 + background: #aeaeae;
  389 + padding: 0 23rem / $pxConvertRem;
  390 + box-sizing: border-box;
  391 +
  392 + h3 {
  393 + width: 76rem / $pxConvertRem;
  394 + text-align: center;
  395 + font-size: 24rem / $pxConvertRem;
  396 + color: #fff;
  397 + float: left;
  398 + line-height: 38rem / $pxConvertRem;
  399 + }
  400 + }
  401 +
  402 + .dayItem {
  403 + float: left;
  404 + width: 100%;
  405 + padding: 5rem / $pxConvertRem 23rem / $pxConvertRem;
  406 + box-sizing: border-box;
  407 +
  408 + .item {
  409 + width: 76rem / $pxConvertRem;
  410 + color: #444;
  411 + float: left;
  412 + text-align: center;
  413 + cursor: pointer;
  414 + margin: 5rem / $pxConvertRem 0 0 0;
  415 + height: 56rem / $pxConvertRem;
  416 + line-height: 56rem / $pxConvertRem;
  417 + font-size: 28rem / $pxConvertRem;
  418 +
  419 + &.lastItem {
  420 + color: #D2D2D2;
  421 + }
  422 +
  423 + &.signItem {
  424 + background-image: image-url("guang/star-classroom/sign-circle.png");
  425 + background-position: center;
  426 + background-repeat: no-repeat;
  427 + background-size: contain;
  428 + }
  429 + }
  430 + }
  431 + }
  432 +
  433 + .fan-charts {
  434 + width: 100%;
  435 + height: 88rem / $pxConvertRem;
  436 + border-top: 1px solid #d5d5d5;
  437 + text-align: center;
  438 + position: relative;
  439 + float: left;
  440 +
  441 + h2 {
  442 + font-size: 28rem / $pxConvertRem;
  443 + color: #444;
  444 + line-height: 88rem / $pxConvertRem;
  445 + }
  446 +
  447 + .arrow {
  448 + width: 88rem / $pxConvertRem;
  449 + height: 88rem / $pxConvertRem;
  450 + position: absolute;
  451 + top: 0;
  452 + right: 0;
  453 + color: #b0b0b0;
  454 + line-height: 88rem / $pxConvertRem;
  455 + }
  456 + }
  457 +
  458 + .fan-charts-cont {
  459 + width: 100%;
  460 + line-height: 88rem / $pxConvertRem;
  461 + float: left;
  462 +
  463 + li {
  464 + width: 100%;
  465 + height: 88rem / $pxConvertRem;
  466 + border-top: 1px solid #d5d5d5;
  467 + position: relative;
  468 + padding: 0 25rem / $pxConvertRem;
  469 + box-sizing: border-box;
  470 +
  471 + .rank-ico {
  472 + width: 52rem / $pxConvertRem;
  473 + height: 39rem / $pxConvertRem;
  474 + border-radius: 0;
  475 + background-image: image-url("guang/star-classroom/king-ico.png");
  476 + background-color: #fff;
  477 + background-repeat: no-repeat;
  478 + background-size: contain;
  479 + color: #fff;
  480 + font-size: 24rem / $pxConvertRem;
  481 + text-align: center;
  482 + line-height: 50rem / $pxConvertRem;
  483 + font-weight: bold;
  484 + position: relative;
  485 + top: 25rem / $pxConvertRem;
  486 + }
  487 +
  488 + .rank-avatar {
  489 + width: 60rem / $pxConvertRem;
  490 + height: 60rem / $pxConvertRem;
  491 + border-radius: 50%;
  492 + position: relative;
  493 + top: 15rem / $pxConvertRem;
  494 + margin-left: 20rem / $pxConvertRem;
  495 + background-image: image-url("me/index/user-avatar.png");
  496 + background-repeat: no-repeat;
  497 + background-size: contain;
  498 + display: block;
  499 + }
  500 +
  501 + .fans-name {
  502 + margin-left: 24rem / $pxConvertRem;
  503 + font-size: 24rem / $pxConvertRem;
  504 + color: #444;
  505 + width: 180rem / $pxConvertRem;
  506 + white-space: nowrap;
  507 + text-overflow: ellipsis;
  508 + overflow: hidden;
  509 + height: 88rem / $pxConvertRem;
  510 + }
  511 +
  512 + .fans-intimacy {
  513 + width: 150rem / $pxConvertRem;
  514 + float: right;
  515 + font-size: 20rem / $pxConvertRem;
  516 + color: #444;
  517 +
  518 + span {
  519 + font-size: 24rem / $pxConvertRem;
  520 + color: #d0021b;
  521 + margin-left: 5rem / $pxConvertRem;
  522 + }
  523 + }
  524 + }
  525 +
  526 + li > * {
  527 + float: left;
  528 + }
  529 + }
  530 + }
  531 +
  532 + .things-article {
  533 + width: 100%;
  534 + float: left;
  535 + }
  536 +
  537 + .things-article > li {
  538 + width: 100%;
  539 + float: left;
  540 + padding: 0 0 30rem / $pxConvertRem 30rem / $pxConvertRem;
  541 + box-sizing: border-box;
  542 + background: #000;
  543 +
  544 + .author-info {
  545 + width: 100%;
  546 + padding-top: 30rem / $pxConvertRem;
  547 + float: left;
  548 + border-top:1px solid #b0b0b0;
  549 +
  550 + img {
  551 + width: 70rem / $pxConvertRem;
  552 + height: 70rem / $pxConvertRem;
  553 + border-radius: 50%;
  554 + float: left;
  555 + }
  556 +
  557 + .author-nav {
  558 + float: left;
  559 + margin-left: 20rem / $pxConvertRem;
  560 + overflow: hidden;
  561 +
  562 + h2 {
  563 + font-size: 28rem / $pxConvertRem;
  564 + color: #fff;
  565 + }
  566 +
  567 + .article-count {
  568 + font-size: 24rem / $pxConvertRem;
  569 + color: #b0b0b0;
  570 +
  571 + span {
  572 + margin-right:22rem / $pxConvertRem;
  573 +
  574 + &.see-ico {
  575 + width: 31rem / $pxConvertRem;
  576 + height: 24rem / $pxConvertRem;
  577 + padding-left: 40rem / $pxConvertRem;
  578 + }
  579 + }
  580 + }
  581 + }
  582 + }
  583 +
  584 + .artice-cont {
  585 + width: 100%;
  586 + margin-top: 30rem / $pxConvertRem;
  587 + float: left;
  588 +
  589 + p {
  590 + width: 100%;
  591 + height: 180rem / $pxConvertRem;
  592 + font-size: 28rem / $pxConvertRem;
  593 + line-height: 46rem / $pxConvertRem;
  594 + padding-right: 30rem / $pxConvertRem;
  595 + color: #fff;
  596 + box-sizing: border-box;
  597 + overflow: hidden;
  598 + text-overflow: ellipsis;
  599 + display: -webkit-box;
  600 + -webkit-line-clamp: 4;
  601 + -webkit-box-orient: vertical;
  602 + }
  603 +
  604 + .artice-imgs {
  605 + width: 100%;
  606 + margin-top: 30rem / $pxConvertRem;
  607 + float: left;
  608 + }
  609 +
  610 + .artice-imgs > li {
  611 + float: left;
  612 + width: 190rem / $pxConvertRem;
  613 + height: 190rem / $pxConvertRem;
  614 + margin-right: 5rem / $pxConvertRem;
  615 +
  616 + img {
  617 + width: 100%;
  618 + height: 100%;
  619 + border-radius: 4rem / $pxConvertRem;
  620 + }
  621 + }
  622 + }
  623 +
  624 + .artice-zan {
  625 + width: 100%;
  626 + border-top: 1px solid #b0b0b0;
  627 + margin-top: 27rem / $pxConvertRem;
  628 + float: left;
  629 + padding-top: 20rem / $pxConvertRem;
  630 +
  631 + .iconfont {
  632 + float: left;
  633 + width: 34rem / $pxConvertRem;
  634 + height: 34rem / $pxConvertRem;
  635 + line-height: 34rem / $pxConvertRem;
  636 + display: inline-block;
  637 + color: #b0b0b0;
  638 + font-size: 34rem / $pxConvertRem;
  639 + text-align: center;
  640 + margin: 9rem / $pxConvertRem 53rem / $pxConvertRem 0 14rem / $pxConvertRem;
  641 + outline: none;
  642 + }
  643 +
  644 + .like {
  645 + color: #D62927;
  646 + }
  647 +
  648 + ul {
  649 + float: left;
  650 + width: 420rem / $pxConvertRem;
  651 + height: 50rem / $pxConvertRem;
  652 + overflow: hidden;
  653 +
  654 + li {
  655 + float: left;
  656 + margin: 0 10rem / $pxConvertRem;
  657 + width: 50rem / $pxConvertRem;
  658 + height: 50rem / $pxConvertRem;
  659 +
  660 + img {
  661 + width: 100%;
  662 + height: 100%;
  663 + border-radius: 50%;
  664 + }
  665 + }
  666 + }
  667 +
  668 + .zan-more {
  669 + float: left;
  670 + width: 50rem / $pxConvertRem;
  671 + height: 50rem / $pxConvertRem;
  672 + border-radius: 50%;
  673 + margin: 0 10rem / $pxConvertRem;
  674 + background: #f0f0f0;
  675 + color: #acb1b7;
  676 + font-size: 24rem / $pxConvertRem;
  677 + text-align: center;
  678 + line-height: 50rem / $pxConvertRem;
  679 + /*display: none;*/
  680 + }
  681 + }
  682 + }
  683 +
  684 + .subject-list {
  685 + width: 100%;
  686 + height: auto;
  687 + overflow: hidden;
  688 +
  689 + li {
  690 + width: 100%;
  691 + float: left;
  692 + background: #000;
  693 + margin-top: 30rem / $pxConvertRem;
  694 +
  695 + img {
  696 + width: 100%;
  697 + }
  698 +
  699 + p {
  700 + width: 100%;
  701 + height: 88rem / $pxConvertRem;
  702 + box-sizing: border-box;
  703 + overflow: hidden;
  704 + white-space: nowrap;
  705 + text-overflow: ellipsis;
  706 + padding: 0 34rem / $pxConvertRem;
  707 + font-size: 34rem / $pxConvertRem;
  708 + line-height: 88rem / $pxConvertRem;
  709 + }
  710 +
  711 + a {
  712 + color: #fff;
  713 + }
  714 + }
  715 + }
  716 +
  717 + .collocation-list {
  718 + width: 100%;
  719 + float: left;
  720 +
  721 + li {
  722 + float: left;
  723 + width: 100%;
  724 + margin-top: 30rem / $pxConvertRem;
  725 + background: #000;
  726 +
  727 + .cont-area {
  728 + width: 100%;
  729 + box-sizing: border-box;
  730 + padding: 30rem / $pxConvertRem;
  731 + }
  732 +
  733 + .cont-txt {
  734 + font-size: 30rem / $pxConvertRem;
  735 + line-height: 46rem / $pxConvertRem;
  736 + color: #b0b0b0;
  737 + margin-top: 10rem / $pxConvertRem;
  738 + overflow : hidden;
  739 + text-overflow: ellipsis;
  740 + display: -webkit-box;
  741 + -webkit-line-clamp: 2;
  742 + -webkit-box-orient: vertical;
  743 + }
  744 +
  745 + img {
  746 + width: 100%;
  747 + }
  748 +
  749 + .title {
  750 + font-size: 42rem / $pxConvertRem;
  751 + line-height: 48rem / $pxConvertRem;
  752 +
  753 + a {
  754 + color: #fff;
  755 + }
  756 + }
  757 +
  758 + .count-area {
  759 + position: relative;
  760 + width: 100%;
  761 + height: 32rem / $pxConvertRem;
  762 + margin-top: 15rem / $pxConvertRem;
  763 +
  764 + span {
  765 + font-size: 24rem / $pxConvertRem;
  766 + color: #b0b0b0;
  767 + height: 32rem / $pxConvertRem;
  768 + line-height: 32rem / $pxConvertRem;
  769 +
  770 + i {
  771 + display: inline-block;
  772 + margin-right: 5rem / $pxConvertRem;
  773 + font-size: 24rem / $pxConvertRem;
  774 + }
  775 +
  776 + &.time {
  777 + float: left;
  778 + }
  779 +
  780 + &.see {
  781 + float: left;
  782 + margin-left: 20rem / $pxConvertRem;
  783 + }
  784 +
  785 + .time-ico {
  786 + width: 24rem / $pxConvertRem;
  787 + height: 24rem / $pxConvertRem;
  788 + }
  789 +
  790 + .see-ico {
  791 + width: 31rem / $pxConvertRem;
  792 + height: 24rem / $pxConvertRem;
  793 + }
  794 +
  795 + &.collection {
  796 + position: absolute;
  797 + right: 122rem / $pxConvertRem;
  798 +
  799 + .collected-ico {
  800 + width: 34rem / $pxConvertRem;
  801 + height: 32rem / $pxConvertRem;
  802 + vertical-align: text-bottom;
  803 + }
  804 +
  805 + .collected {
  806 + color: #D62927;
  807 + }
  808 + }
  809 + }
  810 +
  811 + .forward {
  812 + width: 40rem / $pxConvertRem;
  813 + height: 28rem / $pxConvertRem;
  814 + position: absolute;
  815 + right: 23rem / $pxConvertRem;
  816 + margin-left: 45rem / $pxConvertRem;
  817 + font-size: 24rem / $pxConvertRem;
  818 + color: #b0b0b0;
  819 + height: 32rem / $pxConvertRem;
  820 + line-height: 32rem / $pxConvertRem;
  821 + }
  822 + }
  823 + }
  824 + }
  825 +
  826 + .things-list {
  827 + .things-article > li {
  828 + margin-top: 30rem / $pxConvertRem;
  829 +
  830 + .author-info {
  831 + border-top: none;
  832 + }
  833 + }
  834 + }
  835 +
  836 + .check-in {
  837 + background: #f0f0f0;
  838 +
  839 + .check-in-header {
  840 + width: 100%;
  841 + height: 283rem / $pxConvertRem;
  842 + background-image: image-url("guang/star-classroom/checkIn-bg.jpg");
  843 + background-repeat: no-repeat;
  844 + background-size: contain;
  845 +
  846 + .head-cont {
  847 + text-align: center;
  848 + padding-top: 30rem / $pxConvertRem;
  849 + height: 195rem / $pxConvertRem;
  850 + box-sizing: border-box;
  851 +
  852 + .user-avatar {
  853 + width: 100rem / $pxConvertRem;
  854 + height: 100rem / $pxConvertRem;
  855 + border-radius: 50%;
  856 + border:4rem / $pxConvertRem solid;
  857 + border-color: rgba(255,255,255,.6);
  858 + background-image: image-url("me/index/user-avatar.png");
  859 + background-repeat: no-repeat;
  860 + background-size: contain;
  861 + display: inline-block;
  862 + }
  863 +
  864 + .user-name {
  865 + color: #fff;
  866 + font-size: 24rem / $pxConvertRem;
  867 + font-weight: bold;
  868 + margin-top: 7rem / $pxConvertRem;
  869 + }
  870 + }
  871 +
  872 + .count-area {
  873 + width: 100%;
  874 + float: left;
  875 + }
  876 +
  877 + .count-nav {
  878 + width: 319rem / $pxConvertRem;
  879 + float: left;
  880 + margin-top: 12rem / $pxConvertRem;
  881 +
  882 + p {
  883 + width: 100%;
  884 + text-align: center;
  885 + color: #fff;
  886 + line-height: 32rem / $pxConvertRem;
  887 + }
  888 + }
  889 +
  890 + .line {
  891 + width: 2rem / $pxConvertRem;
  892 + height: 46rem / $pxConvertRem;
  893 + float: left;
  894 + margin-top: 26rem / $pxConvertRem;
  895 + box-sizing: border-box;
  896 + border-left: 1px solid #fff;
  897 + }
  898 + }
  899 +
  900 + .ranking-area {
  901 + width: 100%;
  902 + background: #fff;
  903 + border-top: 1px solid #e0e0e0;
  904 + margin-top: 30rem / $pxConvertRem;
  905 + padding-left: 30rem / $pxConvertRem;
  906 + box-sizing: border-box;
  907 +
  908 + li {
  909 + width: 100%;
  910 + height: 120rem / $pxConvertRem;
  911 + padding-top: 20rem / $pxConvertRem;
  912 + box-sizing: border-box;
  913 + border-bottom: 1px solid #e0e0e0;
  914 +
  915 + .rank-avatar {
  916 + width: 80rem / $pxConvertRem;
  917 + height: 80rem / $pxConvertRem;
  918 + border-radius: 50%;
  919 + background-image: image-url("me/index/user-avatar.png");
  920 + background-repeat: no-repeat;
  921 + background-size: contain;
  922 + float: left;
  923 + }
  924 +
  925 + .ranking-mid {
  926 + float: left;
  927 + margin-left: 20rem / $pxConvertRem;
  928 +
  929 + .rank-ico {
  930 + min-width: 18rem / $pxConvertRem;
  931 + height: 38rem / $pxConvertRem;
  932 + border-radius: 38rem / $pxConvertRem;
  933 + background: #444;
  934 + display: inline-block;
  935 + text-align: center;
  936 + line-height: 40rem / $pxConvertRem;
  937 + color: #fff;
  938 + font-size: 24rem / $pxConvertRem;
  939 + font-weight: bold;
  940 + padding: 0 10rem / $pxConvertRem;
  941 + }
  942 +
  943 + .rank-name {
  944 + font-size: 24rem / $pxConvertRem;
  945 + color: #444;
  946 + margin-top: 5rem / $pxConvertRem;
  947 + width: 180rem / $pxConvertRem;
  948 + white-space: nowrap;
  949 + text-overflow: ellipsis;
  950 + overflow: hidden;
  951 + height: 30rem / $pxConvertRem;
  952 + }
  953 + }
  954 +
  955 + .ranking-rg {
  956 + font-size: 20rem / $pxConvertRem;
  957 + color: #444;
  958 + float: right;
  959 + margin:20rem / $pxConvertRem 30rem / $pxConvertRem 0 0;
  960 +
  961 + .intimacy {
  962 + margin-left: 10rem / $pxConvertRem;
  963 + font-size: 36rem / $pxConvertRem;
  964 + color: #b0b0b0;
  965 + }
  966 + }
  967 +
  968 + &.high-light {
  969 + .rank-ico {
  970 + width: 52rem / $pxConvertRem;
  971 + height: 39rem / $pxConvertRem;
  972 + line-height: 50rem / $pxConvertRem;
  973 + border-radius: 0;
  974 + background-image: image-url("guang/star-classroom/king-ico.png");
  975 + background-color: #fff;
  976 + background-repeat: no-repeat;
  977 + background-size: contain;
  978 + padding: 0;
  979 + }
  980 +
  981 + .intimacy {
  982 + color: #d0021b;
  983 + }
  984 + }
  985 + }
  986 + }
  987 + }
  988 +}
  1 +.massage-page{
  2 + margin-top: .4rem;
  3 + padding-bottom:.6rem;
  4 + .massage-list{
  5 + padding: 1em 2em 1em 1.4em;
  6 + border-bottom: 1px solid #F8F8F8;
  7 + position: relative;
  8 + overflow: hidden;
  9 + p{
  10 + font-size: 1.2em;
  11 + color: #222;
  12 + }
  13 + span{
  14 + font-size: 0.9em;
  15 + color: #999999;
  16 + }
  17 + i{
  18 + position: absolute;
  19 + right: .6rem;
  20 + top: .6rem;
  21 + color: #cccccc;
  22 + }
  23 + strong{
  24 + width: 8px;
  25 + height: 8px;
  26 + position: absolute;
  27 + left: .4rem;
  28 + top: 1rem;
  29 + background: #f00;
  30 + border-radius:50%;
  31 + }
  32 + }
  33 + .massage-main{
  34 + border-bottom: 1px solid #F8F8F8;
  35 + padding: 12px;
  36 + margin-left: 10px;
  37 + margin-bottom: 10px;
  38 + h6{
  39 + margin-bottom: .2rem;
  40 + }
  41 + span{
  42 + color: #656565;
  43 + }
  44 +
  45 + }
  46 + .sale-btn{
  47 + background-color: #ea2622;
  48 + color: #fff;
  49 + padding: 5px 10px 5px 10px;
  50 + }
  51 + .coupon-item{
  52 + margin-left: 10px;
  53 + padding-bottom: 10px;
  54 + border-bottom: 1px solid #F8F8F8;
  55 + margin-top: 10px;
  56 + .coupon-img{
  57 + width: 3.2rem;
  58 + height: auto;
  59 + overflow: hidden;
  60 + float: left;
  61 + margin-right: .4rem;
  62 + img{
  63 + width: 100%;
  64 + height: auto;
  65 + }
  66 + }
  67 + .coupon-info{
  68 + font-size: .55rem;
  69 + span{
  70 + color: #f00;
  71 + }
  72 + }
  73 + .coupon-action{
  74 + width: 110px;
  75 + font-size: 12px;
  76 + letter-spacing: 2px;
  77 + margin: 3px 0 0 0;
  78 + height: 35px;
  79 + line-height: 35px;
  80 + background: #ed0010;
  81 + text-align: center;
  82 + margin-left: 3.6rem;
  83 + a{
  84 + display: block;
  85 + color: #fff;
  86 + width: 100%;
  87 + height:100%;
  88 + }
  89 + }
  90 + }
  91 +}
  1 +.success-page {
  2 + color: #fefefe;
  3 +
  4 + .success-icon {
  5 + width: 74px;
  6 + height: 74px;
  7 + margin: 60px auto 30px;
  8 + background: image-url('passport/success.png');
  9 + background-size: 100%;
  10 + }
  11 +
  12 + .success-tip {
  13 + padding: 10px 10px;
  14 + font-size: 16px;
  15 + line-height: 1.5;
  16 + }
  17 +
  18 + .go {
  19 + display: block;
  20 + margin: 30px auto;
  21 + width: 270px;
  22 + height: 40px;
  23 + font-size: 14px;
  24 + line-height: 40px;
  25 + color: #fff;
  26 + background: rgba(255, 255, 255, 0.4);
  27 + border-radius: 5px;
  28 + }
  29 +}
@@ -10,7 +10,9 @@ @@ -10,7 +10,9 @@
10 background-color: transparent; 10 background-color: transparent;
11 z-index: 99; 11 z-index: 99;
12 } 12 }
13 - 13 + .none{
  14 + display: none;
  15 + }
14 .checkbox { 16 .checkbox {
15 position: absolute; 17 position: absolute;
16 top: 50%; 18 top: 50%;
@@ -9,6 +9,8 @@ @@ -9,6 +9,8 @@
9 .icon-checkbox:before { content: "\e61c"; } 9 .icon-checkbox:before { content: "\e61c"; }
10 .icon-cb-checked:before { content: "\e61d"; } 10 .icon-cb-checked:before { content: "\e61d"; }
11 11
  12 +.icon-radio:before { content: "\e647"; }
  13 +.icon-cb-radio:before { content: "\e646"; }
12 .shopping-cart-page { 14 .shopping-cart-page {
13 margin-bottom: 120px; 15 margin-bottom: 120px;
14 overflow-x: hidden; 16 overflow-x: hidden;
@@ -42,6 +42,10 @@ @@ -42,6 +42,10 @@
42 > a { 42 > a {
43 display: block; 43 display: block;
44 height: 310px; 44 height: 310px;
  45 + > img {
  46 + width: 100%;
  47 + height: 100%;
  48 + }
45 } 49 }
46 } 50 }
47 51
@@ -68,6 +68,8 @@ @@ -68,6 +68,8 @@
68 width: 100%; 68 width: 100%;
69 height: 100%; 69 height: 100%;
70 vertical-align: middle; 70 vertical-align: middle;
  71 + border: none;
  72 + outline: none;
71 } 73 }
72 } 74 }
73 75
@@ -167,7 +167,16 @@ @@ -167,7 +167,16 @@
167 border: none; 167 border: none;
168 -webkit-appearance: none; 168 -webkit-appearance: none;
169 } 169 }
170 - 170 + p{
  171 + position: absolute;
  172 + top: 0;
  173 + right: 40px;
  174 + width: 360px;
  175 + height: 88px;
  176 + color: #444;
  177 + padding: 0;
  178 + border: none;
  179 + }
171 .address { 180 .address {
172 height: 176px; 181 height: 176px;
173 } 182 }
@@ -9,6 +9,9 @@ @@ -9,6 +9,9 @@
9 height: 160px; 9 height: 160px;
10 } 10 }
11 11
  12 + .sold-out {
  13 + display: inline;
  14 + }
12 .deps { 15 .deps {
13 margin-left: 135px; 16 margin-left: 135px;
14 padding: 0.5rem 0; 17 padding: 0.5rem 0;
@@ -112,8 +112,8 @@ @@ -112,8 +112,8 @@
112 112
113 h2 { 113 h2 {
114 width: 430px; 114 width: 430px;
115 - white-space: nowrap;  
116 - overflow: hidden; 115 + /*white-space: nowrap;
  116 + overflow: hidden;*/
117 text-overflow: ellipsis; 117 text-overflow: ellipsis;
118 } 118 }
119 119
@@ -151,7 +151,6 @@ @@ -151,7 +151,6 @@
151 margin-bottom: 0; 151 margin-bottom: 0;
152 } 152 }
153 } 153 }
154 -  
155 .question { 154 .question {
156 @extend qa; 155 @extend qa;
157 position: relative; 156 position: relative;