@media (min-width: 768px) and (max-width: 1179px) {
    html {
      font-size: calc(100vw / 10.24);
    }
    
    body {
      font-size: 0.34rem;
      padding-top: 1.224rem !important;
    }
    body.user_center {
      font-size: 0.34rem;
      padding-top: 1.224rem !important;
    }

    header .container .row .stui-header_bd{
      position: relative;
    }
    header .container {
      padding-top: 0 !important;
    }
    .stui-header__logo {
      margin: 0;
    }
  
    .stui-header__logo .logo {
      width:  2.216rem;
      height: 0.72rem;
      margin: 0.272rem 0 0 0.217rem;
    }
  
    .stui-header__top {
      height: calc(1.36 * 0.9rem);
      min-height: calc(1.36 * 0.8rem);
    }
  
    .stui-header__top .container .row .stui-header_bd{
      height: calc(1.36 * 1.1rem);
    }
    .stui-header__top .container .row .stui-header_bd .stui-header__menu{
      height: 100%;
      width: calc(1.36 * 3.6rem);
      margin: 0 calc(1.36 * 0.2rem);
      display: flex;
      justify-content: space-around;
      position: absolute;
      align-items: center;
      left: calc(1.36 * 1.79rem);
      top: 0;
    }
    .stui-header__top .container .row .stui-header_bd .stui-header__menu ul.dropdown{
      left: calc(1.36 * -3.93rem);
      width: calc(1.36 * 7.2rem);
      height: calc(1.36 * 2.76rem);
      padding: calc(1.36 * 0.18rem) calc(1.36 * 0.09rem);
      background: white;
      border-radius: calc(1.36 * 0.1rem);
      overflow: hidden;
    }
    .stui-header__top .container .row .stui-header_bd .stui-header__menu ul.dropdown li{
      width: calc(1.36 * 2.34rem);
      height: calc(1.36 * 0.8rem);
      padding: calc(1.36 * 0.14rem) calc(1.36 * 0.16rem);
    }
    .stui-header__top .container .row .stui-header_bd .stui-header__menu ul.dropdown li a{
      background: #eff4ed;
      color: #0b2545;
      font-size: calc(1.36 * 0.2rem);
      margin: 0;
      width: 100%;
      height: 100%;
      line-height:calc(1.36 * 0.52rem);
    }
    .stui-header__top .container .row .stui-header_bd .stui-header__menu li{
      height: 100%;
      line-height: calc(1.36 * .9rem);
      margin: 0;
      padding: 0;
    }
  
    .stui-header__top .container .row .stui-header_bd .stui-header__user{
      height: 100%;
      width: calc(1.36 * 0.6rem);
      position: absolute;
      left: calc(1.36 * 5.79rem);
      top: 0;
      overflow: hidden;
      padding: 0;
    }
    .stui-header__top .container .row .stui-header_bd .stui-header__user li{
      height: 100%;
      margin: 0;
      padding: 0;
    }
    .stui-header__top .container .row .stui-header_bd .stui-header__user li .mac_user{
      margin-top: calc(1.36 * 0.3rem);
    }
    .stui-header__top .container .row .stui-header_bd .stui-header__user li .mac_drop_box.mac_user_box{
      display: none !important;
    }
  
    .stui-header__top .container .row .stui-header_bd .stui-header__search {
      position: absolute;
      right: calc(1.36 * 0.15rem);
      top: 0;
      width: calc(1.36 * 0.6rem);
      height: 100%;
      margin: 0;
      overflow: hidden;
      background: transparent;
    }
    .stui-header__top .container .row .stui-header_bd .stui-header__search form#search input{
      display: none;
    }
    .stui-header__top .container .row .stui-header_bd .stui-header__search button#searchbutton{
      background: transparent;
      width: calc(1.36 * 0.6rem);
      height: calc(1.36 * 0.6rem);
      margin-top: calc(1.36 * 0.22rem);
      padding: 0;
    }
    .stui-header__top .container .row .stui-header_bd .stui-header__search button#searchbutton i{
      font-size:calc(1.36 *  0.4rem);
      color: #8da9c4;
      font-weight: normal;
    }
    .index-left-banner,.index-right-banner{
      display: none;
    }
    .stui-pannel.stui-pannel-screen.hidden-sm.hidden-xs{
      display: none;
    }
  /* 热播 */ 
    .container{
      padding-top: calc(1.36*0.01rem) !important;
    }
    .container .row .stui-pannel.stui-pannel-bg{
      background: #eff4ed;
    }
    .container .row .stui-pannel .stui-pannel_hd{
      padding:0;
      height: auto;
      overflow: hidden; 
    }
    #header-top .container{
      height: calc(1.36*.9rem);
    }
    #header-top .container .row{
      height: calc(1.36*.9rem);
    }
    #header-top .container .row .stui-header_bd{
      height: calc(1.36*.9rem);
    }
    #header-top .stui-header__menu > li > a {
      font-size: calc(1.36*.32rem);
      line-height: calc(1.36*.9rem);
      color: #8da9c4;
    }
    #header-top .stui-header__menu .icon{
      font-size: calc(1.36*0.3rem);
      vertical-align: -1px;
    }
  #header-top .stui-header__user .hidden-xs{
    display: none;
  }
  #header-top .stui-header__user .visible-xs{
    display: none;
  }
  #header-top .stui-header__user .mac_user{
      display: inline-block;
      font-size: calc(1.36*.33rem);
      line-height: calc(1.36*.32rem);
      color: #829eb9;
  }
  #header-top .stui-header__user .mac_user i{
    display: inline-block;
    font-size: calc(1.36*.33rem);
    color: #829eb9;
  }
  .container .stui-pannel__head.active {
    height: auto;
    overflow: hidden;
  }
  .container .stui-pannel__head .title {
    float: left;
    margin: 0;
    padding-right: calc(1.36*.1rem);
    height: calc(1.36*.4rem);
    font-size: calc(1.36*.28rem);
    color: #e63946;
    margin-bottom: calc(1.36*.12rem);
  }
  
  .container .stui-pannel__head .title img{
      display: inline-block;
      width: calc(1.36*.37rem);
      height: calc(1.36*.37rem);
      margin-right: calc(.1rem*1.36);
      vertical-align: calc(-0.05rem*1.36);
  }

  .container .stui-pannel_hd .nav.nav-text.pull-right{
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .container .stui-pannel_hd .nav.nav-text.pull-right li{
    margin: 0.1rem 0;
  }

  .container .stui-pannel_hd .nav{
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    min-height: 0.4rem;
  }
  .container .stui-pannel_hd .nav li{
    text-align: center;
    margin:0;
  }
  .container .stui-pannel_hd .nav li span{
    display: none;
  }
  .container .stui-pannel_hd .nav li a{
    padding: 0;
  }
  .container .nav-text > li {
    line-height: 1;
    height: auto;
    width: calc(1.36*1.55rem);
    text-align: center;
    margin: 0.1rem 0;
  }
  .container .nav-text > li a {
    color:#0b2545;
  }

  .container .nav-text > li a:first-child {
   color:#e63946;
  }
  .container .row .stui-pannel-box {
    padding: calc(1.36*.09rem);
  }
  
  .container .row .stui-pannel_bd .stui-vodlist .col-xs-2 {
    width: calc(1.36*3.66rem);
    height: calc(1.36*3.56rem);
    padding: calc(1.36*0.08rem) calc(0.09rem*1.36);
  }
  .container .row .stui-pannel_bd .stui-vodlist .col-xs-2 .stui-vodlist__box{
    overflow: hidden;
    border-radius: calc(1.36*.1rem);
    /* box-shadow: 0.01rem 0.02rem 0.09rem 0.01rem #666; */
  }
  .container .row .stui-pannel_bd .stui-vodlist .col-xs-2 div a{
    height: calc(1.36*2.7rem);
  }
  .container .row .stui-pannel_bd .stui-vodlist .col-lg-3{
    display: none;
  }
  .container .row   .col-lg-6 .stui-vodlist__box .stui-vodlist__detail{
    height: calc(1.36*.65rem);
    padding:0 calc(1.36*0.25rem);
  }
  .container .row   .col-lg-6 .stui-vodlist__box .stui-vodlist__detail h4{
    height: calc(1.36*.65rem);
    line-height: calc(1.36*.65rem);
    margin: 0;
    font-size: calc(1.36*.2rem);
  }
  .container .row   .col-lg-6 .stui-vodlist__box .stui-vodlist__detail h4 a{
    color: #0b2545;
  }

  .container .row   .col-md-7 .stui-vodlist__box .stui-vodlist__detail{
    height: .65rem;
    padding:0 0.1rem;
  }
  .container .row   .col-md-7 .stui-vodlist__box .stui-vodlist__detail h4{
    height: .34rem;
    line-height: .34rem;
    margin: 0;
    font-size: .22rem;
  }
  .container .row   .col-md-7 .stui-vodlist__box .stui-vodlist__detail h4 a{
    color: #0b2545;
  }
  .container .row   .col-md-7 .stui-vodlist__box .stui-vodlist__detail p.text.text-overflow.text-muted.hidden-xs{
    height: 0.25rem;
    line-height: 0.25rem;
    font-size: .14rem;
  }

  .stui-pannel .stui-pannel-box .stui-pannel_bd .col-lg-wide-2.hidden-md.hidden-sm.hidden-xs{
    display: none;
  }
   .container .list{
     margin-bottom: 0;
   }
   .container .col-lg-wide-8 .stui-vodlist .stui-vodlist__detail  .text{
     display: none;
   }
   .container .stui-pannel-box .col-lg-wide-8 .stui-vodlist .col-md-6 .stui-vodlist__box{
    border-radius: calc(1.36*.06rem);
    overflow: hidden;
   }
  
  
  
   .foot-banner{
    height: calc(1.36*1.1rem);
    padding: calc(1.36*.1rem) 0;
    background: #eff4ed;
   }
   
   .foot-banner img{
    width: 100%;
    height: 100%;
   }
  .stui-foot{
    background: #8da9c4;
    
  }
  .stui-foot .col-pd{
    color: white;
  }
  .stui-foot .text-muted{
    color: white;
  }
  
  
  /* 另类癖好 */
  .container .row ul.stui-page.text-center li.hidden-xs{
    display: none;
  }
  .container .row ul.stui-page.text-center li.active.visible-xs{
    background: transparent;
  }
  .container .row ul.stui-page.text-center li.active.visible-xs span.num{
    background: #e63946;
  }
  
  
  /* 登录 */
  .mac_pop{
    width: calc(1.36*6.9rem) !important;
    height: calc(1.36*6rem) !important;
  }
    
  .mac_pop .pop_top{
    height: calc(1.36*1.12rem);
    background: #123867;
  }
  .mac_pop .pop_top h2{
     font-size: calc(.3rem*1.36);
      line-height: calc(1.36*1.12rem);
      text-align: center;
      color: #98b2cb;
  }
  
  .mac_pop .pop_top .pop_close{
    position: absolute;
    top: 0;
    right: 0;
    width: calc(1.36*0.5rem);
    height: calc(1.36*0.5rem);
    line-height: calc(1.36*0.5rem);
    text-align: center;
    background-position: center center;
  }
  .mac_pop .pop_content{
    height: calc(1.36*4.88rem);
    background: #f1f5ef;
  }
  .mac_pop .mac_login{
    height: calc(1.36*4.88rem) !important;
    padding: calc(1.36*.4rem) calc(1.36*.72rem) calc(1.36*1.14rem) calc(1.36*.72rem);
  }
  .mac_pop .mac_login_form{
    height: calc(1.36*3.08rem)
  }
  .mac_pop .mac_login_form .login_form_group{
    margin:calc(1.36*0.26rem) 0;
    width: 100%;
    float: left;
  }
  .mac_pop .pop_content input.mac_u_name{
    height: calc(1.36*.72rem);
    font-size: calc(1.36*.3rem);
    border-radius: calc(1.36*0.08rem);
    overflow: hidden;
    padding-left: calc(1.36*0.75rem);
    color: #cbd8e5;
  }
  .mac_pop .pop_content input.mac_u_pwd{
    height: calc(1.36*.72rem);
    font-size: calc(1.36*.3rem);
    border-radius:calc(1.36* 0.08rem);
    overflow: hidden;
    padding-left:calc(1.36* 0.75rem);
    color: #cbd8e5;
  }
  .mac_login .mac_login_form .login_form_group input.mac_u_name,input.mac_u_pwd {
    background-size: calc(1.36*0.72rem);
    background-position: 0 0;
  }
  .mac_login .mac_login_form .login_form_group input.mac_u_pwd {
    background-size: calc(1.36*0.72rem);
    background-position: 0 0;
  }
  .mac_login .mac_login_form .login_form_link{
    width: 100%;
    float: left;
    height: calc(1.36*0.46rem);
    line-height: calc(1.36*0.46rem);
  }
  .mac_login .mac_login_form .login_form_link a{
    color: #aab8be;
    font-size: calc(1.36*0.2rem);
  }
  .mac_login .mac_login_form input.login_form_submit{
    height: calc(1.36*0.74rem);
    background: #e94150;
    border-radius: calc(1.36*0.06rem);
    font-size: calc(1.36*0.3rem);
  }
  
  
  /* 影片详情页 */
  .container .detail .col-lg-wide-75 .stui-pannel{
    margin-bottom: 0;
  }
  
  .container .detail .col-lg-wide-75{
    padding: 0;
  }
  
  .container .detail .col-lg-wide-75 .stui-pannel .stui-pannel-box .stui-content__thumb{
      width: calc(1.36*2.32rem);
      height: calc(1.36*4.06rem);
      display: block;
      float: left;
  }
  
  .container .detail .col-lg-wide-75 .stui-pannel .stui-pannel-box .stui-content__thumb a{
    width: calc(1.36*2.32rem);
    height: calc(1.36*4.06rem);
  
  }
  .container .detail .col-lg-wide-75 .stui-pannel .stui-pannel-box .stui-content__detail{
    float: left;
    width: calc(1.36*4.8rem);
    padding-left: calc(1.36*0.24rem);
    position: relative;
  }
  .container .detail .col-lg-wide-75 .stui-pannel .stui-pannel-box{
    overflow: hidden;
    background: #eff4ed;
      padding: calc(1.36*.36rem) calc(1.36*.16rem) calc(1.36*0 .16rem);
  }
  .container .detail .col-lg-wide-75 .stui-pannel.stui-pannel-bg.clearfix.stui-pannel-detail .stui-pannel-box{
    background: white;
  }
  .container .detail .col-lg-wide-75 .stui-pannel .stui-pannel-box .stui-content__detail .title .score {
      color: white;
      background: red;
      border-radius: calc(.05rem*1.36);
      text-align: center;
      padding: 0 0.1rem;
  }
  .container .detail .col-lg-wide-75 .stui-pannel.stui-pannel-bg.clearfix.stui-pannel-detail::before{
    position: absolute;
    left: 0;
    top: 0;
    background: #e2e9f0;
    width: 100%;
    height: calc(1.36*1.05rem);
  }
  .container .detail .col-lg-wide-75 .stui-pannel .stui-pannel-box .stui-content__detail .title{
    margin:0 ;
    color:#0b2545;
    max-height: calc(1.36*.6rem);
    overflow: hidden;
    line-height: calc(1.36*.3rem);
    font-size: calc(1.36*.22rem);
  }
  .container .detail .col-lg-wide-75 .stui-pannel .stui-pannel-box .stui-content__detail .detail{
    display: none;
  }
  .container .detail .col-lg-wide-75 .stui-pannel .stui-pannel-box .stui-content__detail p{
    color: #425a7d;
    line-height: calc(1.36*0.48rem);
    margin: 0;
  }
  .container .detail .col-lg-wide-75 .stui-pannel .stui-pannel-box .stui-content__detail p span{
    color: #425a7d;
  }
  .container .detail .col-lg-wide-75 .stui-pannel .stui-pannel-box .stui-content__detail .play-btn .btn {
     background: white;
      color: #13315c;
      border: 1px solid #13315c;
      text-align: center;
      font-size: calc(1.36*.24rem);
      height: calc(1.36*.6rem);
      padding:0 calc(1.36*.35rem);
      line-height: calc(1.36*.6rem);
  }
  .container .detail .col-lg-wide-75 .stui-pannel .stui-pannel-box .stui-content__detail .play-btn {
    margin:0;
    padding:0;
  }
  .container .detail .col-lg-wide-75 .stui-pannel .stui-pannel-box .stui-content__detail .play-btn .mac_ulog {
   margin-left: calc(1.36*.2rem);
  }
  .container .detail .col-lg-wide-75 .stui-pannel.player .stui-pannel-box{
    background: white;
  }
  .container .detail .col-lg-wide-75 .stui-pannel.player .stui-pannel-box .title{
    color: #13315c;
  }
  .container .detail .col-lg-wide-75 .stui-pannel.player .stui-pannel-box .stui-pannel__head{
    border-bottom: 1px solid #13315c;
  }
  .container .detail .col-lg-wide-75 .stui-pannel.player .stui-pannel-box .stui-content__playlist{
    margin-top: calc(1.36*.1rem);
  }
  .container .detail .col-lg-wide-75 .stui-pannel.player .stui-pannel-box .stui-content__playlist li{
    background: #13315c;
    border-radius:calc(.05rem*.1.36);
  }
  .container .detail .col-lg-wide-75 .stui-pannel.player .stui-pannel-box .stui-content__playlist li a{
    color: white;
    border: 0;
  }
  .container .detail .col-lg-wide-75 .guesslike .stui-pannel-box .title{
      height: calc(1.36*.3rem);
      color: #13315c;
      font-size: calc(1.36*.23rem);
  }
  
  .container .detail .col-lg-wide-75 .guesslike .stui-pannel-box .title img{
    height: calc(1.36*.24rem);
    width: calc(1.36*.24rem);
  }
  
  .container .detail .col-lg-wide-75 .guesslike .stui-pannel-box .stui-pannel_bd .stui-vodlist__bd .col-md-5 .stui-vodlist__box .text{
    display:none;
  }
  .container .detail .col-lg-wide-75 .guesslike .stui-pannel-box .stui-pannel_bd .stui-vodlist__bd .col-md-5 .stui-vodlist__thumb{
      border-radius: calc(1.36*.05rem) calc(1.36*.05rem) 0 0;
      overflow: hidden;
  }
  .container .detail .col-lg-wide-75 .guesslike .stui-pannel-box .stui-pannel_bd .stui-vodlist__bd .col-md-5 .stui-vodlist__box .title a{
    color:#0b2545
  }
  .container .detail .col-lg-wide-75 .guesslike .stui-pannel-box .stui-pannel_bd .stui-vodlist__bd .col-md-5 .stui-vodlist__box .stui-vodlist__detail{
      height: calc(1.36*.6rem);
      padding-left:  calc(1.36*.26rem);
  }
  .container .detail .col-lg-wide-75 .guesslike .stui-pannel-box .stui-pannel_bd .stui-vodlist__bd .col-md-5 .stui-vodlist__box .stui-vodlist__detail  .title{
    font-size: calc(1.36*.2rem);
    line-height: calc(1.36*.6rem);
    margin: 0;
    height: calc(1.36*.6rem);
  }
  .container .detail .col-lg-wide-75 .guesslike .stui-pannel-box .stui-pannel_bd .stui-vodlist__bd .col-md-5 .stui-vodlist__box{
    margin-bottom: calc(1.36*.2rem);
  }
  
  .container .row .col-lg-wide-25.col-xs-1.stui-pannel-side.hidden-sm.hidden-xs{
    display: none;
  }
  .row.detail .col-lg-wide-75.col-xs-1 .stui-pannel.stui-pannel-bg.guesslike .stui-pannel-box .stui-pannel_bd .stui-vodlist__bd .col-md-5.col-sm-4.col-xs-3.hidden-sm.hidden-xs{
    display: none;
  }
  .container .detail .col-lg-wide-75 .stui-pannel.player .stui-pannel-box .stui-content__playlist li a:hover{
    background-color: #13315c;
  }
  
  /* 播放页 */
  .watchplay .detail .col-lg-wide-75 .stui-player__video.embed-responsive.embed-responsive-16by9.clearfix{
    height: calc(1.36*4.4rem);
  }
  .watchplay .detail .col-lg-wide-75 .stui-player__video .MacPlayer{
    height: calc(1.36*4.4rem);
  }
  .watchplay .detail .col-lg-wide-75 .stui-player__item  .stui-player__detail{
    position: relative;
    height: calc(1.36*2.05rem);
    margin-top: 0;
  }
  .watchplay .detail .col-lg-wide-75 .stui-player__item{
    margin-top: calc(1.36*.32rem);
    padding:0 calc(1.36*.2rem);
  }
  .watchplay .detail .col-lg-wide-75 .stui-player__item  .stui-player__detail .title{
    position: absolute;
    top: calc(1.36*.8rem);
    width: 100%;
    margin-top: calc(1.36*.1rem);
    max-height: calc(1.36*.6rem);
    overflow: hidden;
  }
  .watchplay .detail .col-lg-wide-75 .stui-player__item  .stui-player__detail .title a{
    color: #13315c;
    font-size: calc(1.36*.27rem);
  }
  .watchplay .detail .col-lg-wide-75 .stui-player__item .stui-player__detail .more-btn{
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    margin-top: calc(1.36*.1rem);
  }
  .watchplay .detail .col-lg-wide-75 .stui-player__item  .stui-player__detail .data{
    position: absolute;
    top: calc(1.36*1.6rem);
    width: 100%;
    color: #13315c;
    font-size: calc(1.36*.2rem);
  }
  .watchplay .detail .col-lg-wide-75 .stui-player__item  .stui-player__detail .data span{
    color: #13315c;
  
  }
  .watchplay .detail .col-lg-wide-75 .stui-player__item .stui-player__detail .more-btn .btn.btn-default{
    width: calc(1.36*2.06rem);
    max-width: calc(1.36*2.06rem);
    text-align: center;
    color: #13315c;
    border: 1px solid #13315c;
    background: white;
    font-size: calc(1.36*.22rem);
    padding:calc(1.36*.06rem) calc(1.36*.15rem);
  }
  .watchplay .detail .col-lg-wide-75 .stui-player__item .stui-player__detail .more-btn li{
    margin-left: calc(1.36*.1rem);
  }
  .watchplay .detail .col-lg-wide-75 .stui-player__item .stui-player__detail .more-btn .btn.btn-default .icon{
      font-size: calc(1.36*.22rem);
      color: #13315c;
  }
  .container .detail .col-lg-wide-75 .stui-pannel.player .stui-pannel-box .stui-content__playlist li.active a {
    background-color: #13315c;
  }
  
  /* 留言页面 */
  .container.comment{
    background: #eff4ed;
    padding-top: calc(1.36*.2rem) !important;
  }
  
  .comment .row .stui-pannel-left .stui-pannel .col-pd{
    height: calc(1.36*3.54rem);
  }
  .comment .row .stui-pannel-left .stui-pannel .col-pd .gbook_form{
    height:calc(1.36* 3.54rem);
  }
  .comment .row .stui-pannel-left .stui-pannel .col-pd .gbook_form .stui-gbook-form{
    height: calc(1.36*3.55rem);
  }
  
  .comment .row .stui-pannel-left .stui-pannel .col-pd .gbook_form .stui-gbook-form .form-control{
    height: calc(1.36*2.5rem);
    border: 0;
    border-radius: calc(1.36*0.05rem);
    font-size: calc(1.36*0.24rem);
    color: #8da9c4;
    background: white;
    box-shadow: 0 calc(1.36*0.02rem) calc(1.36*0.03rem) calc(1.36*0.01rem) #dfe5e1;
  }
  .comment .row .stui-pannel-left .stui-pannel .col-pd .gbook_form .stui-gbook-form .submit{
      width: calc(1.36*2.06rem);
      color: white;
      background: #e63946;
      height: calc(1.36*.58rem);
      font-size: calc(1.36*.24rem);
  }
  .comment .row .stui-pannel-left .stui-pannel .col-pd .gbook_form .stui-gbook-form .mac_verify.form-control{
      text-align: center;
      width: calc(1.36*2.06rem);
      border: 1px solid #13315c;
      background: #eff4ed;
      height: calc(1.36*.58rem);
  }
  .comment .row .stui-pannel-left .stui-pannel .col-pd .gbook_form .stui-gbook-form .form-control.comment_msg{
    height: calc(1.36*.58rem);
    width: calc(1.36*2.06rem);
    text-align: center;
    background: #eff4ed;
    border: 1px solid #13315c;
  }
  .comment .row .stui-pannel-left .stui-pannel .col-pd .gbook_form .stui-gbook-form img.mac_verify_img{
    height: calc(1.36*.58rem);
    width: auto;
  }
  .comment .row .stui-pannel-left .stui-pannel .col-pd .gbook_form .stui-gbook-form .mac_verify.form-control::-webkit-input-placeholder {
    color: #8da9c4;
  }
  .comment .row .stui-pannel-left .stui-pannel .col-pd .gbook_form .stui-gbook-form .mac_verify.form-control::-moz-placeholder {/* Firefox 18- */
    color: #8da9c4;
  }
  .comment .row .stui-pannel-left .stui-pannel .col-pd .gbook_form .stui-gbook-form .mac_verify.form-control::-moz-placeholder{/* Firefox 19+ */
    color: #8da9c4;
  }
  .comment .row .stui-pannel-left .stui-pannel .col-pd .gbook_form .stui-gbook-form .mac_verify.form-control::-ms-input-placeholder {
    color: #8da9c4;
  }
  .comment .foot-banner{
    padding:calc(1.36*.2rem) 0;
  }
  .comment .row .stui-pannel-left .stui-pannel__head .title{
      font-size: calc(1.36*.3rem);
      color: #0b2545;
  }
  
  .comment .row .stui-pannel-left .stui-pannel .col-pd{
     background: white;
      height: auto;
      margin: calc(1.36*.1rem);
      border-radius: calc(1.36*.05rem);
  }
  .comment .row .stui-pannel-left .stui-pannel .col-pd .stui-gbook__item{
    padding: 0;
  }
  
  .comment .row .stui-pannel-left .stui-pannel .col-pd .stui-gbook__item .name .color{
    color: #0b2545;
    font-weight: 600;
    font-size: calc(1.36*.2rem);
  }
  .comment .row .stui-pannel-left .stui-pannel .col-pd .stui-gbook__item .name h4{
    font-size: .25rem;
    height: .47rem;
  }
  .comment .row .stui-pannel-left .stui-pannel .col-pd .stui-gbook__item .cont{
      background: #c6d4e1;
      color: #0b2545;
  }
  .comment .row .stui-pannel-left .stui-pannel .col-pd .stui-gbook__item .foot{
      color: #8da9c4;
      font-size: calc(1.36*.14rem);  
  }
  .comment .row .stui-pannel-left .stui-pannel .col-pd .stui-page.text-center.clearfix{
    display: none;
  }
  
    /* 个人中心 */
    .desktop-container {
      display: none;
    }
  
    .mobile-container {
      display: block;
    }
    
    .mobile-container .user-top {
      width: 100%;
      text-align: center;
      padding: calc(1.36*.2rem) 0;
      background: #0b2545;
      color: #fff;
    }
  
    .mobile-container .user-avatar {
      width: 100%;
      padding: 0 25%;
    }
  
    .mobile-container .user-avatar img {
      width: 50%;
      display: inline-block;
      padding-top: .1rem;
    }
  
    .mobile-container .user-avatar p {
      font-size: calc(1.36*.32rem);
      color: #8da9c4;
      margin-bottom: calc(1.36*.3rem);
      margin-top: calc(1.36*.15rem);
    }
  
    .mobile-container .user-menu-item {
      margin-bottom: calc(1.36*.05rem);
    }
  
    .btn-normal {
      display: inline-block;
      width: calc(1.36*2.75rem);
      margin-bottom: calc(1.36*.1rem);
      color: #8998ae;
      background-color: #13315c;
      border-color: #13315c;
      font-weight: 400;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      border: 1px solid transparent;
      padding: calc(1.36*.18rem) calc(1.36*.10rem);
      font-size: calc(1.36*.22rem);
      line-height: calc(1.36*.5rem);
      border-radius: calc(1.36*.125rem);
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
      margin-right: calc(1.36*.375rem);
    }
  
    .btn-normal.red {
      color: #fff;
      background-color: #dc3545;
      border-color: #dc3545;
    }
  
    .btn-normal.normal {
      color: #fff;
      background-color: #6c757d;
      border-color: #6c757d;
    }
  
    .mobile-container .list-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-left: 0;
      margin-bottom: 0;
    }
  
    .mobile-container li {
      position: relative;
      display: block;
      padding: calc(1.36*.25rem) calc(1.36*1.25rem);
      margin-bottom: -1px;
      background-color: #fff;
      border: 1px solid rgba(0,0,0,.125);
      padding-left: calc(1.36*.725rem);
    }
    .mobile-container .list-group-item {
      position: relative;
      display: block;
      padding: calc(1.36*.25rem) calc(1.36*1.25rem);
      margin-bottom: -1px;
      background-color: #fff;
      border: 1px solid rgba(0,0,0,.125);
      padding-left: calc(1.36*.725rem);
    }
  
    .list-group-item:first-child {
      border-top-left-radius: calc(1.36*.25rem);
      border-top-right-radius: calc(1.36*.25rem);
    }
  
    .mobile-container li i {
      width: calc(1.36*.6rem);
      height: calc(1.36*.6rem);
      background-size: 100% 100%;
      float: left;
      margin-right: calc(1.36*.2rem);  
    }
    .mobile-container .list-group-item i {
      width: calc(1.36*.6rem);
      height: calc(1.36*.6rem);
      background-size: 100% 100%;
      float: left;
      margin-right: calc(1.36*.2rem);  
    }
    .mobile-container li a {
      line-height: calc(1.36*.6rem);
      display: block;
      height: 100%;
    }
    .mobile-container .list-group-item a {
      line-height: calc(1.36*.6rem);
      display: block;
      height: 100%;
    }
    .mobile-container li span {
      display: inline-block;
      top: calc(1.36*.425rem);
      position: absolute;
      left: calc(1.36*1.625rem);
    }
    .mobile-container .list-group-item span {
      display: inline-block;
      top: calc(1.36*.425rem);
      position: absolute;
      left: calc(1.36*1.625rem);
    }
  
    .mobile-container .user-footer .link {
      line-height: calc(1.36*.5rem);
      font-size: calc(1.36*.32rem);
      margin: calc(1.36*.1rem) calc(1.36*.6rem);
    }
  
    .mobile-container .user-footer .link input {
      display: inline-block;
      color: #fff;
      background-color: #8da9c4;
      padding: calc(1.36*.125rem) calc(1.36*.2rem);
      border-radius: calc(1.36*.125rem);
      margin-bottom: calc(1.36*.125rem);
    }
  
    .mobile-container .user-footer .button-group {
      margin: calc(1.36*.1rem) calc(1.36*.6rem);
      margin-top: calc(1.36*.2rem);
    }
    .mobile-container .user-content .list-group .list-group-item{
      border-radius: 0;
    }
    body.user_lists{
      padding-top: 0 !important;
    }
    .user_lists .info .zy-search{
      height: calc(1.36*.9rem);
      background: #0b2545;
      text-align: center;
      font-size: calc(1.36*.34rem);
      color: #8da9c4;
      line-height: calc(1.36*.9rem);
      max-width: 100vw;
    }
    .user_lists .info .user_message{
      height: calc(1.36*12rem);
      background: #eff4ed;
    }
  
    .user_lists .info .user_message #fm{
      height: calc(1.36*12rem);
    }
    .user_lists .info .user_message #fm .user_ul{
      height: calc(1.36*12rem);
    }
  
    .user_lists .info .user_message #fm .user_ul li{
      height: calc(1.36*.9rem);
      border-bottom:1px solid #0b2545;
      line-height: calc(1.36*.9rem);
      margin-left: calc(1.36*.2rem);
    }
    .user_lists .info .user_message #fm .user_ul li input{
      height: calc(1.36*.56rem);
      border: 1px solid #0b2545;
    }
    .user_lists .info .user_message #fm .user_ul .user_none{
      padding-right: calc(1.36*.65rem);
    }
    .user_lists .info .user_message #fm .user_ul li span{
      
      color: #0b2545;
    }
    .user_lists .info .user_message #fm .user_ul .user_names{
      margin-left: calc(1.36*.9rem);
    }
  
    .user_lists .info .user_message #fm .user_ul .user_li_none{
      display: none;
    }
    .user_lists .info .user_message #fm .btn-brand{
      width: calc(1.36*7.18rem) !important;
      margin-top: calc(1.36*1.05rem);
      height: calc(1.36*.7rem);
      line-height: calc(1.36*.7rem);
      font-size: calc(1.36*.32rem);
    }
    .user_lists .yincang{
      display: none ;
    }
  





























/* 
    .stui-header__logo .logo {
      width: 1.27rem;
      height: 0.43rem;
    }

    .desktop-container {
      display: none;
    }

    .mobile-container {
      display: block;
    }

  }


  @media (min-width: 1180px) {
    .desktop-container {
      display: block;
    }
  
    .mobile-container {
      display: none;
    }*/
  }