@font-face {font-family: 'iconfont';
    src: url('https://yunpics.oss-cn-qingdao.aliyuncs.com/static/font/iconfont.eot'); /* IE9*/
    src: url('https://yunpics.oss-cn-qingdao.aliyuncs.com/static/font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('https://yunpics.oss-cn-qingdao.aliyuncs.com/static/font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('https://yunpics.oss-cn-qingdao.aliyuncs.com/static/font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('https://yunpics.oss-cn-qingdao.aliyuncs.com/static/font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
body.cms {
   max-width:600px;
   margin:0 auto;
   height: 100%;  
    overflow: hidden;
    overflow-y:auto;
}
.cms .iconfont{
    font-family:"iconfont" !important;
    font-size:16px;
    min-width:16px;
    font-style:normal;
    display: inline-block; -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.cms{
    background-color: #f6f6f6;
    font-family: 微软雅黑,Hiragino Sans GB,Arial,Helvetica,"宋体",sans-serif;
    font-size: 14px;
    -webkit-touch-callout: none;
    background-color: #f6f6f6;
    padding:0;
    margin:0;
}
.cms *{
    margin: 0;
    padding: 0;
    outline: 0;
    outline: 0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cms.kutuiyun *{
    font-family: 微软雅黑,Hiragino Sans GB,Arial,Helvetica,"宋体",sans-serif;
}
.cms.kutuiyun .hide{
display:none;

}
.cms.kutuiyun .load{
    position:fixed;
    top:0px;
    width:100%;
    max-width:600px;
    background:#fff url(https://img.li5.me/member/1/file/201801101733008333237.gif) no-repeat center;
    z-index:9999;
    height:100%;
    margin-left:100%;
    box-shadow: -5px 0 20px 10px rgba(0, 0, 0, 0.2);
}
.cms.kutuiyun .load .module[data-module="pendant"],.cms.kutuiyun .load .module[data-module="navbar"]{
    display:none;
}

.cms.kutuiyun .swiper-wrapper .swiper-slide{
    display:none;
}
.cms.kutuiyun .swiper-wrapper .swiper-slide:first-child{
    display:block;
}
#loading_box{
    position: fixed;
    top: 0px;
    height: 100%;
    width: 100%;
    max-width: 600px;
    z-index: 99999;
}
.loading_box{
    background:#fff url(https://img.li5.me/member/1/file/201801101733008333237.gif) no-repeat center !important;
}
.loading_box>div{
    position:initial;
}
.cms .pullrefresh{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height:50px;
    z-index: -1;
}
.cms .pullrefresh .refresh-img{
    width: 100%;
    height: 20px;
    background-image: url(https://img.li5.me/member/1/file/201901232144192413237.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20%;
    bottom: 25px;
    position: absolute;
}
.cms .pullrefresh .refresh-text{
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #bebebe;
    bottom: 5px;
    position: absolute;

}
.cms img{
    vertical-align:middle
}
.cms input {
  -webkit-appearance: none;
}
.cms textarea  {
 resize: none;
}
.cms .clear::after {
    clear: both;
    display: block;
    content: '';
    height: 0;
}
.cms a,.cms  a:active,.cms  a:hover,.cms  a:link,.cms  a:visited {
    text-decoration: none;
}
.cms ol,.cms ul {
    list-style: none;
}
.cms em,.cms i {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
}
.qq_face{
    float: left;
    width: 28px;
    height: 28px;
    font-size: 0;
    text-indent: -999em;
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    cursor: pointer;
    background: url(https://img.li5.me/member/1/file/201803271825569833237.png) no-repeat;
}
.qq_face.qqface0 {
  background-position: 0 0;
}

.qq_face.qqface1 {
  background-position: -29px 0;
}

.qq_face.qqface2 {
  background-position: -58px 0;
}

.qq_face.qqface3 {
  background-position: -87px 0;
}

.qq_face.qqface4 {
  background-position: -116px 0;
}

.qq_face.qqface5 {
  background-position: -145px 0;
}

.qq_face.qqface6 {
  background-position: -174px 0;
}

.qq_face.qqface7 {
  background-position: -203px 0;
}

.qq_face.qqface8 {
  background-position: -232px 0;
}

.qq_face.qqface9 {
  background-position: -261px 0;
}

.qq_face.qqface10 {
  background-position: -290px 0;
}

.qq_face.qqface11 {
  background-position: -319px 0;
}

.qq_face.qqface12 {
  background-position: -348px 0;
}

.qq_face.qqface13 {
  background-position: -377px 0;
}

.qq_face.qqface14 {
  background-position: -406px 0;
}

.qq_face.qqface15 {
  background-position: 0 -29px;
}

.qq_face.qqface16 {
  background-position: -29px -29px;
}

.qq_face.qqface17 {
  background-position: -58px -29px;
}

.qq_face.qqface18 {
  background-position: -87px -29px;
}

.qq_face.qqface19 {
  background-position: -116px -29px;
}

.qq_face.qqface20 {
  background-position: -145px -29px;
}

.qq_face.qqface21 {
  background-position: -174px -29px;
}

.qq_face.qqface22 {
  background-position: -203px -29px;
}

.qq_face.qqface23 {
  background-position: -232px -29px;
}

.qq_face.qqface24 {
  background-position: -261px -29px;
}

.qq_face.qqface25 {
  background-position: -290px -29px;
}

.qq_face.qqface26 {
  background-position: -319px -29px;
}

.qq_face.qqface27 {
  background-position: -348px -29px;
}

.qq_face.qqface28 {
  background-position: -377px -29px;
}

.qq_face.qqface29 {
  background-position: -406px -29px;
}

.qq_face.qqface30 {
  background-position: 0 -58px;
}

.qq_face.qqface31 {
  background-position: -29px -58px;
}

.qq_face.qqface32 {
  background-position: -58px -58px;
}

.qq_face.qqface33 {
  background-position: -87px -58px;
}

.qq_face.qqface34 {
  background-position: -116px -58px;
}

.qq_face.qqface35 {
  background-position: -145px -58px;
}

.qq_face.qqface36 {
  background-position: -174px -58px;
}

.qq_face.qqface37 {
  background-position: -203px -58px;
}

.qq_face.qqface38 {
  background-position: -232px -58px;
}

.qq_face.qqface39 {
  background-position: -261px -58px;
}

.qq_face.qqface40 {
  background-position: -290px -58px;
}

.qq_face.qqface41 {
  background-position: -319px -58px;
}

.qq_face.qqface42 {
  background-position: -348px -58px;
}

.qq_face.qqface43 {
  background-position: -377px -58px;
}

.qq_face.qqface44 {
  background-position: -406px -58px;
}

.qq_face.qqface45 {
  background-position: 0 -87px;
}

.qq_face.qqface46 {
  background-position: -29px -87px;
}

.qq_face.qqface47 {
  background-position: -58px -87px;
}

.qq_face.qqface48 {
  background-position: -87px -87px;
}

.qq_face.qqface49 {
  background-position: -116px -87px;
}

.qq_face.qqface50 {
  background-position: -145px -87px;
}

.qq_face.qqface51 {
  background-position: -174px -87px;
}

.qq_face.qqface52 {
  background-position: -203px -87px;
}

.qq_face.qqface53 {
  background-position: -232px -87px;
}

.qq_face.qqface54 {
  background-position: -261px -87px;
}

.qq_face.qqface55 {
  background-position: -290px -87px;
}

.qq_face.qqface56 {
  background-position: -319px -87px;
}

.qq_face.qqface57 {
  background-position: -348px -87px;
}

.qq_face.qqface58 {
  background-position: -377px -87px;
}

.qq_face.qqface59 {
  background-position: -406px -87px;
}

.qq_face.qqface60 {
  background-position: 0 -116px;
}

.qq_face.qqface61 {
  background-position: -29px -116px;
}

.qq_face.qqface62 {
  background-position: -58px -116px;
}

.qq_face.qqface63 {
  background-position: -87px -116px;
}

.qq_face.qqface64 {
  background-position: -116px -116px;
}

.qq_face.qqface65 {
  background-position: -145px -116px;
}

.qq_face.qqface66 {
  background-position: -174px -116px;
}

.qq_face.qqface67 {
  background-position: -203px -116px;
}

.qq_face.qqface68 {
  background-position: -232px -116px;
}

.qq_face.qqface69 {
  background-position: -261px -116px;
}

.qq_face.qqface70 {
  background-position: -290px -116px;
}

.qq_face.qqface71 {
  background-position: -319px -116px;
}

.qq_face.qqface72 {
  background-position: -348px -116px;
}

.qq_face.qqface73 {
  background-position: -377px -116px;
}

.qq_face.qqface74 {
  background-position: -406px -116px;
}

.qq_face.qqface75 {
  background-position: 0 -145px;
}

.qq_face.qqface76 {
  background-position: -29px -145px;
}

.qq_face.qqface77 {
  background-position: -58px -145px;
}

.qq_face.qqface78 {
  background-position: -87px -145px;
}

.qq_face.qqface79 {
  background-position: -116px -145px;
}

.qq_face.qqface80 {
  background-position: -145px -145px;
}

.qq_face.qqface81 {
  background-position: -174px -145px;
}

.qq_face.qqface82 {
  background-position: -203px -145px;
}

.qq_face.qqface83 {
  background-position: -232px -145px;
}

.qq_face.qqface84 {
  background-position: -261px -145px;
}

.qq_face.qqface85 {
  background-position: -290px -145px;
}

.qq_face.qqface86 {
  background-position: -319px -145px;
}

.qq_face.qqface87 {
  background-position: -348px -145px;
}

.qq_face.qqface88 {
  background-position: -377px -145px;
}

.qq_face.qqface89 {
  background-position: -406px -145px;
}

.qq_face.qqface90 {
  background-position: 0 -174px;
}

.qq_face.qqface91 {
  background-position: -29px -174px;
}

.qq_face.qqface92 {
  background-position: -58px -174px;
}

.qq_face.qqface93 {
  background-position: -87px -174px;
}

.qq_face.qqface94 {
  background-position: -116px -174px;
}

.qq_face.qqface95 {
  background-position: -145px -174px;
}

.qq_face.qqface96 {
  background-position: -174px -174px;
}

.qq_face.qqface97 {
  background-position: -203px -174px;
}

.qq_face.qqface98 {
  background-position: -232px -174px;
}

.qq_face.qqface99 {
  background-position: -261px -174px;
}

.qq_face.qqface100 {
  background-position: -290px -174px;
}

.qq_face.qqface101 {
  background-position: -319px -174px;
}

.qq_face.qqface102 {
  background-position: -348px -174px;
}

.qq_face.qqface103 {
  background-position: -377px -174px;
}

.qq_face.qqface104 {
  background-position: -406px -174px;
}
.emoji_face{
    float: left;
    width: 28px;
    height: 28px;
    font-size: 0;
    text-indent: -999em;
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    cursor: pointer;
    background: url(https://img.li5.me/member/1/file/201803271814462693237.png) no-repeat;
}
.emoji_face.emoji0 {
  background-position: 2px 2px;
}

.emoji_face.emoji1 {
  background-position: -30px 2px;
}

.emoji_face.emoji2 {
  background-position: -62px 2px;
}

.emoji_face.emoji3 {
  background-position: -94px 2px;
}

.emoji_face.emoji4 {
  background-position: -126px 2px;
}

.emoji_face.emoji5 {
  background-position: -158px 2px;
}

.emoji_face.emoji6 {
  background-position: -190px 2px;
}

.emoji_face.emoji7 {
  background-position: -222px 2px;
}

.emoji_face.emoji8 {
  background-position: -254px 2px;
}

.emoji_face.emoji9 {
  background-position: -286px 2px;
}

.emoji_face.emoji10 {
  background-position: -318px 2px;
}

.emoji_face.emoji11 {
  background-position: -350px 2px;
}

.emoji_face.emoji12 {
  background-position: -382px 2px;
}

.emoji_face.emoji13 {
  background-position: -414px 2px;
}

.emoji_face.emoji14 {
  background-position: -446px 2px;
}

.emoji_face.emoji15 {
  background-position: 2px -30px;
}

.emoji_face.emoji16 {
  background-position: -30px -30px;
}

.emoji_face.emoji17 {
  background-position: -62px -30px;
}

.emoji_face.emoji18 {
  background-position: -94px -30px;
}

.emoji_face.emoji19 {
  background-position: -126px -30px;
}

.emoji_face.emoji20 {
  background-position: -158px -30px;
}

.emoji_face.emoji21 {
  background-position: -190px -30px;
}

.emoji_face.emoji22 {
  background-position: -222px -30px;
}

.emoji_face.emoji23 {
  background-position: -254px -30px;
}

.emoji_face.emoji24 {
  background-position: -286px -30px;
}

.emoji_face.emoji25 {
  background-position: -318px -30px;
}

.emoji_face.emoji26 {
  background-position: -350px -30px;
}

.emoji_face.emoji27 {
  background-position: -382px -30px;
}

.emoji_face.emoji28 {
  background-position: -414px -30px;
}

.emoji_face.emoji29 {
  background-position: -446px -30px;
}

.emoji_face.emoji30 {
  background-position: 2px -62px;
}

.emoji_face.emoji31 {
  background-position: -30px -62px;
}

.emoji_face.emoji32 {
  background-position: -62px -62px;
}

.emoji_face.emoji33 {
  background-position: -94px -62px;
}

.emoji_face.emoji34 {
  background-position: -126px -62px;
}

.emoji_face.emoji35 {
  background-position: -158px -62px;
}

.emoji_face.emoji36 {
  background-position: -190px -62px;
}

.emoji_face.emoji37 {
  background-position: -222px -62px;
}

.emoji_face.emoji38 {
  background-position: -254px -62px;
}

.emoji_face.emoji39 {
  background-position: -286px -62px;
}

.emoji_face.emoji40 {
  background-position: -318px -62px;
}

.emoji_face.emoji41 {
  background-position: -350px -62px;
}

.emoji_face.emoji42 {
  background-position: -382px -62px;
}

.emoji_face.emoji43 {
  background-position: -414px -62px;
}

.emoji_face.emoji44 {
  background-position: -446px -62px;
}

.emoji_face.emoji45 {
  background-position: 2px -94px;
}

.emoji_face.emoji46 {
  background-position: -30px -94px;
}

.emoji_face.emoji47 {
  background-position: -62px -94px;
}

.emoji_face.emoji48 {
  background-position: -94px -94px;
}

.emoji_face.emoji49 {
  background-position: -126px -94px;
}

.emoji_face.emoji50 {
  background-position: -158px -94px;
}

.emoji_face.emoji51 {
  background-position: -190px -94px;
}

.emoji_face.emoji52 {
  background-position: -222px -94px;
}

.emoji_face.emoji53 {
  background-position: -254px -94px;
}

.emoji_face.emoji54 {
  background-position: -286px -94px;
}

.emoji_face.emoji55 {
  background-position: -318px -94px;
}

.emoji_face.emoji56 {
  background-position: -350px -94px;
}

.emoji_face.emoji57 {
  background-position: -382px -94px;
}

.emoji_face.emoji58 {
  background-position: -414px -94px;
}

.emoji_face.emoji59 {
  background-position: -446px -94px;
}

.emoji_face.emoji60 {
  background-position: 2px -126px;
}

.emoji_face.emoji61 {
  background-position: -30px -126px;
}

.emoji_face.emoji62 {
  background-position: -62px -126px;
}

.emoji_face.emoji63 {
  background-position: -94px -126px;
}

.emoji_face.emoji64 {
  background-position: -126px -126px;
}

.emoji_face.emoji65 {
  background-position: -158px -126px;
}

.emoji_face.emoji66 {
  background-position: -190px -126px;
}

.emoji_face.emoji67 {
  background-position: -222px -126px;
}

.cms .input-row{
    border-bottom:1px solid #E8E8E8;
    position: relative;
    overflow: hidden;
}
.cms .input-row .input-title{
    width:75px;
    float:left;
    padding:10px 0 10px 10px ;

}
.cms .input-row .input-box{
 overflow:hidden;

}
.cms .input-row input,.cms .input-row select,.cms .input-row textarea{
    border: none;
     display: block;
     width:100%;
         padding:10px;

}
.cms .input-row select{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}
.cms .input-row .input-select-arrow{
    position: absolute;
    right: 15px;
    top: 14px;
    color:#868686;
}

.cms .input-row .input-btn{
    background: #fff;
    border: solid 1px #bbb;
    font-size: 14px;
    color: #333;
    padding: 0 10px;
    position: absolute;
    right: 10px;
    top: 5px;
    line-height: 23px;
    height: 25px;
    display: block;
    text-decoration: none;
    border-radius: 3px;
}
.cms .input-row .input-btn.lock {
background: #ccc;
border-color: #ccc;
color: #fff;
}
.cms .input-row.textarea{
    padding-bottom:30px;
}
.cms .input-row .input-more-btn{
    position:absolute;
    bottom:0;
    left:10px;
    right:10px;
    height:30px;
    border: 1px solid #E8E8E8;
    border-top: 0;

}
.cms .input-row .input-more-btn-face{
   background:url(https://img.li5.me/member/1/file/201803271747424203237.png) no-repeat center;
   background-size:70%;
   height:30px;
   width:30px;
    display: block;
}
.cms input::-webkit-input-placeholder,.cms  textarea::-webkit-input-placeholder {
color: #9d9d9d;
}
.cms .face-body{
    width:100%;
    max-width:600px;
    position:absolute;
    top:200px;
    z-index:999;
    padding:10px;
    padding-top:0;
    display:none;
}
.cms .face-body .face-tab{
    background:#fff;
    border: 1px solid #E8E8E8;
}
.cms .face-body .face-tab .face-btn{
    font-size:12px;
    line-height:30px;
    width:80px;
    text-align:center;
    display:block;
    float:left;
    color:#999;
}
.cms .face-body .face-tab .face-btn.sel{
        background:#f2f1f1;
        color:#333

}
.cms .face-body .face-tab .face-close{
    background:url(https://img.li5.me/member/1/file/201803271226293563237.png) no-repeat center;
    height:30px;
    width:30px;
    float:right;
    background-size: 40%;
}
.cms .face-body .face-list{
    background:#fff;
    border: 1px solid #E8E8E8;
    border-top:0;
    min-height:30px;
}
.cms .checkbox .checkbox-icon {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.15);
    display: inline-block;
    height: 16px;
    padding:2px;
    margin-right: 5px;
    margin-top: -3px;
    vertical-align: middle;
    width: 16px;
    line-height: 1;
}
.cms .checkbox .checkbox-radio{
    display:none;
}
.cms .checkbox .checkbox-title{
    line-height:16px;
}
.cms .checkbox .checkbox-radio:checked +  .checkbox-icon:after {
    background-color: #57ad68;
    content: "";
    display:block;
    height: 100%;
    width: 100%;
}
.cms .checkbox-style1{
    width: 60px;
    height: 30px;
    border-radius: 20px;
    -webkit-appearance: none;
    user-select: none;
    outline: none;
    background-color: #e0e0e0;
    box-shadow: #c2c2c2 0 0 0 0 inset;
    position: relative;
    transition: 0.4s;
}

.cms .checkbox-style1:before {
    content: '';
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 0;
    top: 0px;
    transition: 0.3s;
}
.cms .checkbox-style1:checked {
    border-color: #81d480;
    box-shadow: #83e482 0 0 0 14px inset;
    background-color: #81d480;
}
.cms .checkbox-style1:checked:before {
    left: 32px;
}
.cms .verify-overlay{
    position: absolute;
    z-index: 100000;
    left: 0;
    top: 0;
    background: #000;
    opacity: .4;
    width: 100%;
    height: 100%;
}
.cms .verify-body{
    z-index: 100002;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    left: 5%;
    top: 50%;
    margin-top: -110px;
    width: 90%;
    box-sizing: border-box;
}
.cms .verify-body .verify-title{
    line-height: 45px;
    color: #323232;
    text-align: center;
    font-size: 16px;
    border-bottom: dashed 1px #e1e1e1
}
.cms .verify-body .verify-body-cap{
    margin: 25px 0 15px;
        padding-right:160px;
            position: relative;
            padding-left:20px;
}
.cms .verify-body .details-button{
    margin-bottom:10px;
}
.cms .verify-body .verify-body-cap input{
    text-align: center;
    font-size: 20px;
    border: solid 1px #e1e1e1;
    display: block;
    height: 51px;
    margin-right: 10px;
    outline: 0;
    width:100%;
}
.cms .verify-body .verify-body-cap img{
    position: absolute;
    right: 20px;
    top: 0px;
        width: 130px;
    height: 51px;
    display: block;
    border: solid 1px #e1e1e1;
        background: url(/static/mobile/img/loadimg.gif) no-repeat center;
}
.cms .verify-body .verify-footer{
        background: #f3f3f3;
    border-radius: 0 0 5px 5px;
    color: #86564B;
    text-align: center;
    padding: 15px;
}
.cms .verify-close{
    background:url(https://img.li5.me/member/1/file/201803271226293563237.png) no-repeat center;
    height:45px;
    width:45px;
    float:right;
    background-size: 40%;
}
.cms .details-button{
    line-height: 40px;
    text-decoration: none;
    background: #f63;
    color:#fff;
    border-radius:5px;
    font-size: 14px;
    display: block;
    text-align:center;
    margin-top:10px;
    margin-left:20px;
    margin-right:20px;
}
.cms .star-score{
    background: url(https://img.li5.me/member/1/file/201803271512513413237.png);
    width: 160px;
    height: 21px;
    position: relative;
        display:inline-block;

}
.cms .star-score a {
    height: 21px;
    display: block;
    text-indent: -999em;
    position: absolute;
    left: 0;
}
.cms .star-score a.clibg {
    background: url(https://img.li5.me/member/1/file/201803271518212623237.png);
    left: 0;
}
#msg_box{
    position: fixed;
    z-index: 9999999999;
    top: 50%;
    width:100%;
    max-width:600px;
    padding: 10px;
  

}
#msg_box_over{
    position: fixed;
    z-index: -1;
    left: 0;
    top: 0;
    background: #000;
    opacity: .4;
    width: 100%;
    height: 100%;
}
#msg_box .msg_text{
    width:80%;
    margin-left:10%;
    background: rgb(0, 0, 0);
      border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 14px;
    word-break: break-all;
    box-sizing: border-box;
        padding: 10px;
        display:block;
}
.cms .gicon{
    background-image:url(../img/gicon.png);
    background-size: auto 14px;
    height:14px;
    width:14px;
    display:block;
    float:left;
    margin-right:4px;
}
.gicon.gicon-jin{
    background-position: -15px 0px;
}
.gicon.gicon-ju{
    background-position: -30px 0px;
}
.gicon.gicon-qiang{
    background-position: -45px 0px;
}
.gicon.gicon-taobao{
    background-position: -60px 0px;
}
.gicon.gicon-vip{
    background-position: -75px 0px;
}
.gicon.gicon-xian{
    background-position: -90px 0px;
}
.gicon.gicon-video{
    background-position: -105px 0px;
}
.gicon.gicon-pdd{
    background-position: -135px 0px;
}
.gicon.gicon-jd{
    background-position: -151px 0px;
}
.cms .gicon-16{
    background-image:url(../img/gicon.png);
    height:16px;
    width:16px;
    display:block;
    float:left;
    margin-right:4px;
    margin-top:3px;
}
.gicon-16.gicon-jin{
    background-position: -17px 0px;
}
.gicon-16.gicon-ju{
    background-position: -34px 0px;
}
.gicon-16.gicon-qiang{
    background-position: -51px 0px;
}
.gicon-16.gicon-taobao{
    background-position: -68px 0px;
}
.gicon-16.gicon-vip{
    background-position: -85px 0px;
}
.gicon-16.gicon-xian{
    background-position: -119px 0px;
}
.gicon-16.gicon-video{
    background-position: -138px 0px;
}
.gicon-16.gicon-pdd{
    background-position: -155px 0px;
}
.gicon-16.gicon-jd{
    background-position: -172px 0px;
}
.cms .reactactive{
box-shadow: inset 0px 0px 100px rgba(219, 219, 219, 0.50);
}
.cms .pa-m{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width:100%;
}
/*通用*/
.cms .pr{
    position:relative;
}
.cms .pa{
    position:absolute;
}
.cms .db{
    display:block;
}
.cms .dn{
    display:none;
}
.cms .tc{
    text-align:center;
}
.cms .fl{
    float:left;
}
.cms .fr{
    float:right;
}.cms .oh{
    overflow:hidden;
}
 .cms .w-100{
    width: 100% !important;
    max-width: 600px;
}
.cms.kutuiyun .demo{
    display:none;
}
.cms.kutuiyun .kty-pf{
    position: fixed;
}
.cms .y .center {
    height: 100%;
}
.cms .y .center::before {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle;
}
.cms .pendant {
    z-index: 9999999;
    cursor: pointer;
    display: block;
}
#cms-body .pendant {
    position: absolute;
}
/*head*/
.cms .header-mode1 {
    top: 0px;
    max-width: 600px;
    text-align: center;
    display: box;
    display: -webkit-box;
    display: -ms-flexbox;
    z-index: 300;
    width: 100%;
    height: 48px;
    line-height: 48px;
    background-color: #f63;
    color: #fff;
}
.cms.kutuiyun .header-mode1{

    position:fixed;

}
.cms.kutuiyun .load .header-mode1{
    position:inherit;
}
 .cms.kutuiyun div[data-mode="header-mode1"]{
    height: 48px;
}
.cms .header-mode1 .signin {
    position: relative;
    color: #333;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
}
.cms .header-mode1 .search {
    background: #e64514 ;
    border: none;
    padding: 0px 0 0 6px;
    display: block;
    -webkit-box-flex: 1;
    box-flex: 1;
    -ms-box-flex: 1;
    -ms-flex: 1;
    margin: 10px 5px;
    line-height: 30px;
    color: #fff;
    text-align: left;
    font-size: 12px;
    height: 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.cms .header-mode1 .user  {
    padding-left: 10px;
    padding-right: 10px;
    height: 100%;
    display: block;
}
.cms .header-mode1 .user span{
    font-size:20px;
}
.cms .header-mode2{
    top: 0px;
    text-align: center;
    display: box;
    display: -webkit-box;
    display: -ms-flexbox;
    z-index: 300;
    width: 100%;
    max-width:600px;
    height: 48px;
    line-height:48px;
    background-color: #fff;
    color: #868686;
}.cms.kutuiyun .header-mode2{

    position:fixed;

}
 .cms.kutuiyun .load .header-mode2{
    position:inherit;
}
 .cms.kutuiyun div[data-mode="header-mode2"]{
    height: 48px;
}
.cms .header-mode2 .signin {
    position: relative;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
}
.cms .header-mode2 .signin span{

    color: #868686;
}
.cms .header-mode2 .search {
    background: #f2f2f2 ;
    border: none;
    padding: 0px 0 0 6px;
    display: block;
    -webkit-box-flex: 1;
    box-flex: 1;
    -ms-box-flex: 1;
    -ms-flex: 1;
    margin: 9px;
    margin-left:10px;
    margin-right:0px;
    line-height: 30px;
    color: #fff;
    text-align: left;
    font-size: 12px;
    height: 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
        color: #868686;

}
.cms .header-mode2 .search .iconfont{
    font-size:14px;
}

.cms .header-mode2 .search :-moz-placeholder, textarea:-moz-placeholder {
color:#a1a1a1;
}
.cms .header-mode2 .search ::-moz-placeholder, textarea::-moz-placeholder {
color:#a1a1a1;
}
.cms .header-mode2 .search :-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#a1a1a1;
}
 .cms.kutuiyun div[data-mode="header-mode3"]{
    height: 48px;
}
.cms .header-mode4{
   top: 0px;
   max-width:600px;
    text-align: center;
    display: box;
    display: -webkit-box;
    display: -ms-flexbox;
    z-index: 300;
    width: 100%;
    height: 48px;
    line-height:48px;
    background-color: #fff;
    color: #868686;
}
.cms.kutuiyun .header-mode4{

    position:fixed;

}
.cms.kutuiyun .load .header-mode4{
    position:inherit;
}
.cms.kutuiyun div[data-mode="header-mode4"]{
    height: 48px;
}
.cms .header-mode4 .search {
    background: #f2f2f2 ;
    border: none;
    padding: 0px 12px 0 12px;
    display: block;
    -webkit-box-flex: 1;
    box-flex: 1;
    -ms-box-flex: 1;
    -ms-flex: 1;
    margin:7px;
    margin-left:15px;
    margin-right:15px;
    line-height: 34px;
    color: #fff;
    text-align: left;
    font-size: 14px;
    height: 34px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #868686;

}
.cms .header-mode4 .search .iconfont{
    font-size: 16px;
    float: right;
    margin-right: 3px;
}
.cms .header-mode5{
    top: 0px;
    max-width:600px;
    text-align: center;
    display: box;
    display: -webkit-box;
    display: -ms-flexbox;
    z-index: 300;
    width: 100%;
    height: 48px;
    line-height:48px;
    background-color: #f63;
    color: #fff;
}
.cms.kutuiyun div[data-mode="header-mode5"]{
    height: 48px;
}
.cms.kutuiyun .header-mode5{
    position:fixed;
}
.cms.kutuiyun .load .header-mode5{
    position:inherit;
}
.cms .header-mode5 .signin {
    position: relative;
    color: #333;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
}
.cms .header-mode5 .search {
    background: #e64514 ;
    border: none;
    padding: 0px 0 0 6px;
    display: block;
    -webkit-box-flex: 1;
    box-flex: 1;
    -ms-box-flex: 1;
    -ms-flex: 1;

    margin: 7px 5px;
    line-height: 34px;
    color: #fff;
    text-align: left;
    font-size: 12px;
    height: 34px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;

        white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.cms .header-mode5 .user  {
    padding-left: 10px;
    padding-right: 10px;
    height: 100%;
    display: block;
}
.cms .header-mode5 .user span{
    font-size:20px;
}



.cms .header-mode6{
    top: 0px;
    max-width:600px;
    text-align: center;
    display: box;
    display: -webkit-box;
    display: -ms-flexbox;
    z-index: 300;
    width: 100%;
    height: 48px;
    line-height: 48px;
    background-color: #f63;
    color: #fff;
}
.cms.kutuiyun div[data-mode="header-mode6"]{
    height: 48px;
}
.cms.kutuiyun .header-mode6{

    position:fixed;

}.cms.kutuiyun .load .header-mode6{
    position:inherit;
}
.cms .header-mode6 .btn1 {
    position: relative;
    color: #333;
    display: block;
    padding-left: 10px;
    width:80px;
    color: #fff;
    text-align:left;
}
.cms .header-mode6 .title {
    display: block;
    -webkit-box-flex: 1;
    box-flex: 1;
    -ms-box-flex: 1;
    -ms-flex: 1;
    margin: 10px 5px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    height: 30px;
}
.cms .header-mode6 .btn2  {
    padding-right: 10px;
    height: 100%;
    display: block;
    width:80px;
    text-align:right;
}
.cms .header-mode6 .btn2 img {
    
        height: 30px;
    width:auto;
}
.cms.kutuiyun div[data-mode="header-mode7"]{
    height: 48px;
}


.cms .header-mode8{
    top: 0px;
    max-width:600px;
    text-align: center;
    display: box;
    display: -webkit-box;
    display: -ms-flexbox;
    z-index: 300;
    width: 100%;
    height: 44px;
    line-height:44px;
    color: #fff;
   position:relative;
}

.cms.kutuiyun .header-mode8{
    position:fixed;
    padding-left:5px;
    padding-right:5px;
}
.cms.kutuiyun div[data-mode="header-mode8"]{
    height: 44px;
    position: absolute;
}
.cms.kutuiyun .load .header-mode8{
    position:inherit;
}
.cms .header-mode8 a{
    height:100%;
    display:block;
}
.cms .header-mode8 a img{
    height:24px;
    width:auto;
    min-width:20px;
    margin-left:5px;
    margin-right:5px;
    vertical-align: top;
    margin-top:10px;
}
.cms .header-mode8 .header-mode8-back{
    width:100%;
    height:100%;
    position:absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.cms.kutuiyun .header-mode8 .header-mode8-back{
  
    opacity:0;
}
.cms .header-mode8 .search {
    border: none;
    padding: 0px 0 0 6px;
    display: block;
    -webkit-box-flex: 1;
    box-flex: 1;
    -ms-box-flex: 1;
    -ms-flex: 1;
    margin: 7px 5px;
    line-height: 30px;
    color: #fff;
    text-align: left;
    font-size: 12px;
    height: 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.cms .header-mode8 .search img{
    height: 20px;
    width: 20px;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: top;
    margin-top:5px;

}
/*head end*/
/*banner*/
.cms .banner-mode1{
    position: relative;
    width:100%;
    overflow:hidden
}
.cms .banner-mode2{
    position: relative;
    width:100%;
    overflow:hidden
} 
.cms .banner-mode2 .swiper-pagination {
        bottom: 10px;
right: 10px !important;
    left: inherit;
    width: 60px; 
    }


.cms .banner-mode3{
    position: relative;
    width:100%;
    overflow:hidden
} 
.cms .banner-mode3 .swiper-pagination {
        bottom: 20px;

}
.cms .banner-mode3:after {
    display: block;
    position: absolute;
    bottom: -15px;
    left: -5%;
    content: ' ';
    width: 110%;
    height: 30px;
    border-radius: 100%;
    background-color: #FFFFFF;
    z-index: 100;
}
.cms .banner-mode4{
 width: 100%;
 padding-left:10px;
 padding-right:10px;
} 
.cms .banner-mode4 .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        width: 150px;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
/*banner end*/
/*category*/
.cms .category-mode1 {
    text-align: center;
    padding: 0;
    background-color: #fff;
    position: relative;
}
.cms .category-mode1 .item {
    width: 20%;
    padding: 0;
    display: block;
    float: left;
    color: #333;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 5px;
}
.cms .category-mode1 .item .iconBody {
    width: 42px;
    height: 42px;
    margin: 0 auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}
.cms .category-mode1 .item  img {
    width: 100%;
}
.cms .category-mode1 .item .icon {
    width: 32px;
    height: 32px;
    margin:5px;
    color: #333;
}
.cms .category-mode1.item span {
    font-size: 12px;
    margin-top: 2px;
    display: block;
}
.cms .category-mode2{
    width: 100%;
    z-index: 15;
        position: relative;
}
.cms.kutuiyun .category-mode2{

    position:fixed;

}
 .cms.kutuiyun div[data-mode="category-mode2"]{
    height: 47px;
}
.cms .category-mode2 .category-wrap {
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}
.cms .category-mode2 .category-wrap ul {
    display: table;
}
.cms .category-mode2 .category-wrap li {
    display: inline-block;
    margin: 0 5px;
}
.cms .category-mode2 .category-wrap li a {
    position: relative;
    display: block;
    font-size: 15px;
    color: #2b2e33;
    border-bottom: 2px solid transparent;
    padding: 10px;
    padding-bottom:5px;
}
.cms .category-mode2 .category-wrap li a .s {
    position: absolute;
    bottom: 2px;
    left: 50%;
    margin-left: -2px;
    width: 4px;
    height: 4px;
    display: block;
    background: #ff5f00;
    display: none;
    border-radius: 2px;
}
 .cms .category-mode2 .category-wrap li a.current .s {
    display: block;
}
  .cms .category-mode2 .category-wrap li a.current {
    color: #ff5f00;
   border-bottom:3px solid #ff5f00;
       margin-bottom: 9px;
}
.cms .category-mode3{
    width: 100%;
}
.cms.kutuiyun .category-mode3{
    display:none;
}
 .cms .category-mode3 .category-wrap{
     position:relative;
     padding-bottom:5px;
     margin-top:5px;
     border-bottom: 1px solid #d7d5d5;

 }
.cms .category-mode3 .category-wrap.rank{
 border:1px solid #ff6633;
    display: initial;
    border-radius:3px;
    margin:0px 8px;
  padding:0px;
  margin-bottom:8px;

}
.cms .category-mode3 .category-wrap.rank .category-rank{ 

    padding:0px 5px;
        line-height:14px;
}
.cms .category-mode3 .category-wrap.rank .category-rank.current{
    background:#ff6633;
    color:#fff;
}
  .cms .category-mode3 .category-wrap .category-title{
    position:absolute;
     line-height:20px;
     margin-left:8px;
    font-size:12px;
  }
.cms .category-mode3 ul{
    display: table;
    font-size:12px;
    line-height:20px;
         margin-left:40px;

}
.cms .category-mode3  ul li{
    display: inline-block;
        line-height:14px;

}
.cms .category-mode3  ul li a{
    padding:1px 5px;
    font-size:12px;
    line-height:14px;

}
 .cms .category-mode3 .category-wrap li a.current .s {
    display: block;
}
.cms .category-mode3 .category-wrap li a.current {
    color: #ff5f00;
   border-bottom:1px solid #ff5f00;
}

.cms .category-mode4{
    width: 100%;
    padding-top:3px;
} 
.cms.kutuiyun div[data-mode="category-mode4"]{
}
 .cms .category-mode4 .category-wrap{
     position:relative;
      border:1px solid #ff6633;
    display: initial;
    border-radius:3px;
    margin:0px 8px;
  padding:0px;
  margin-bottom:8px;
 }

.cms .category-mode4 .category-wrap .category-rank{ 

    padding:0px 5px;
        line-height:14px;
}
.cms .category-mode4 .category-wrap .category-rank.current{
    background:#ff6633;
    color:#fff;
}
.cms .category-mode4 .category-cate-btn{
    float: right;
    margin-right: 30px;
    position: relative;
}
.cms .category-mode4 .category-cate-btn i{
    padding-left: 3px;
    font-size: 24px;
    position: absolute;
    top: -2px;
    right: -25px;
}.cms .category-mode5{
    width: 100%;

    max-width:600px;
    z-index: 51;
     position:relative;
}
 .cms .category-mode5 .category-bar{
           width: 100%;
  height: auto;
             max-height: 40px ;
    position: relative;
    overflow: hidden;
    padding-right: 30px;
    padding-left:0px;

 }
 .cms.kutuiyun div[data-mode="category-mode5"]{
    height: 40px;

}

.cms .category-mode5  .swiper-wrapper a {
    position: relative;
    display: block;
    font-size: 15px;
    border-bottom: 5px solid transparent;
    padding: 10px;
    padding-bottom:5px;
}
.cms .category-mode5 .swiper-wrapper a .s {
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: -5px;
    width: 4px;
    height: 4px;
    display: block;
    background: #ff5f00;
    display: none;
    border-radius: 5px;
}
 .cms .category-mode5 .swiper-wrapper a.current .s {
    display: block;
}
  .cms .category-mode5  .swiper-wrapper a.current  {
    color: #ff5f00;
   border-bottom:2px solid #ff5f00;
}
  .cms .category-mode5 .iconfont { 
    position: absolute;
    top: 0px;
    right: 0px;
    height:40px;
    width:40px;
    
    
    box-shadow: 0 -8px 10px 4px #fff;
    z-index: 1;
    background: #fff;
  }
    .cms .category-mode5 .iconfont:before {
        transform: rotate(-90deg);
      content: "";
         transition: all .4s ease 0s;
          font-size:24px;
          line-height:26px;
          text-align:center;
          width:26px;
          height:26px;
        padding: 7px;
    display: block;
} .cms .category-mode5 .iconfont.open:before {
        transform: rotate(90deg);

}
.cms .category-mode5 .category-body{
    width:100%;
    max-height: 0px;
    transition: all .4s ease 0s;
    overflow: hidden;
}
.cms .category-mode5 .category-body li{
    width:33.33%; padding:5px 10px;;   float:left;
}
.cms .category-mode5 .category-body li a{
   width:100%;
   line-height:40px;
   display:block;
   background:#E8E8E8;
   text-align:center;
    color: #000;
    border-radius: 2px;

}.cms .category-mode5 .category-body li a.current{
    color: #ff5f00;


}
.cms .category-mode6{
    width: 100%;
    max-width:600px;
    z-index: 15;
     position:relative;
}

 .cms.kutuiyun div[data-mode="category-mode6"]{
    height: 40px;
}
.cms .category-mode6 .category-wrap{
    width:100%;
        line-height: 40px;
 border-bottom:1px solid rgb(232, 232, 232);


}
.cms .category-mode6 .category-wrap .iconfont{
    width:20px;
    display:inline-block;
}
.cms .category-mode6 .category-wrap .hover,.cms .category-mode6 .category-wrap .hover .iconfont{
    color:#f63;
}
.cms .category-mode6 .category-wrap-list ul{
    max-height:170px;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    line-height:40px;
    border-bottom:1px solid rgb(232, 232, 232);

}

.cms .category-mode6 .category-wrap-list ul.category-wrap-list-category{
    text-align:left;
    display:none;
}
.cms .category-mode6 .category-wrap-list ul.category-wrap-list-order{
        text-align:center;
    display:none;

}
.cms .category-mode6 .category-wrap-list ul.category-wrap-list-category li,.cms .category-mode6 .category-wrap-list ul.category-wrap-list-order li{
    border-top:1px solid rgb(232, 232, 232);


}
.cms .category-mode6 .category-wrap-list ul.category-wrap-list-category li a,.cms .category-mode6 .category-wrap-list ul.category-wrap-list-order li a{
    padding-left:20px;
    line-height:40px;
    width:100%;
    display:block;
}
.cms .category-mode6 .category-wrap-list ul.category-wrap-list-order li a{
    padding-left:0px;
}
.cms .category-mode6 .category-wrap-list ul.category-wrap-list-category li:first-child,.cms .category-mode6 .category-wrap-list ul.category-wrap-list-order li:first-child{
        border-top:0px;

}
.cms .category-mode6 .category-wrap-list ul li a{
    color: #323232;

}
.cms .category-mode6 .category-wrap-list ul li a.hover{
    color:#f63;
}
.cms .category-mode6 .category-wrap .category-wrap-category{
 width:50%;
 float:left;
 text-align:center;
 border-right:1px solid rgb(232, 232, 232);
}
.cms .category-mode6 .category-wrap .category-wrap-order{
     width:50%;
float:left; text-align:center;

}
.cms .category-mode7{
    width: 100%;
    max-width:600px;
    z-index: 14;
     position:relative;
}

 .cms.kutuiyun div[data-mode="category-mode7"]{
    height: 40px;
}.cms .category-mode7 .category-wrap{
    width:100%;
    line-height: 40px;
}
 .cms .category-mode7 .category-wrap li{
     width:33.33%;
    display: inline-block;
    float:left;
    text-align:center;
    padding-left:10px;
    padding-right:10px;
 }
  .cms .category-mode7 .category-wrap li a{
      height: 40px;
      line-height:40px;
      display:block;
  }
.cms .category-mode7 .category-wrap li a.hover{
    color: #ff5f00;
    border-bottom:3px solid #ff5f00;
}

.cms .category-mode8{
    width: 100%;
    max-width:600px;
    z-index: 14;
     position:relative;
}

 .cms.kutuiyun div[data-mode="category-mode8"]{
    height: 40px;
}.cms .category-mode8 .category-wrap{
    width:100%;
    max-width:600px;
    line-height: 40px;
}
 .cms .category-mode8 .category-wrap li{
     width:25%;
    display: inline-block;
    float:left;
    text-align:center;
    padding-left:10px;
    padding-right:10px;
 }
  .cms .category-mode8 .category-wrap li a{
      height: 40px;
      line-height:40px;
      display:block;
  }
.cms .category-mode8 .category-wrap li a.hover{
    color: #ff5f00;
    border-bottom:3px solid #ff5f00;
}


.cms .category-mode9{
    width: 100%;
    z-index: 14;
     position:relative;
}

 .cms.kutuiyun div[data-mode="category-mode9"]{
    height: 40px;
}.cms .category-mode9 .category-wrap{
    width:100%;
    line-height: 40px;
}
 .cms .category-mode9 .category-wrap li{
     width:33.333%;
    display: inline-block;
    float:left;
    text-align:center;
    padding-left:10px;
    padding-right:10px;
 }
  .cms .category-mode9 .category-wrap li a{
      height: 40px;
      line-height:40px;
      display:block;
  }
.cms .category-mode9 .category-wrap li a.hover{
    color: #ff5f00;
    border-bottom:3px solid #ff5f00;
}


.cms .category-mode10{
    width: 100%;
    max-width:600px;
    z-index: 14;
     position:relative;
}

 .cms.kutuiyun div[data-mode="category-mode10"]{
    height: 41px;
}.cms .category-mode10 .category-wrap{
    width:100%;
    line-height: 40px;
        border-bottom:1px solid #E8E8E8;

}
 .cms .category-mode10 .category-wrap li{
     width:25%;
    display: inline-block;
    float:left;
    text-align:center;

 }
  .cms .category-mode10 .category-wrap li a{
      height: 40px;
      line-height:40px;
      display:block;
  }
  .cms .category-mode10 .category-wrap li   .iconfont{
 font-size:12px;
  }
.cms .category-mode10 .category-wrap li a.hover{
    color: #ff5f00;
}




.cms .category-mode11{
    width: 100%;
    max-width:600px;
    z-index: 14;
     position:relative;
}

 .cms.kutuiyun div[data-mode="category-mode11"]{
    height: 41px;
}
.cms .category-mode11 .category-check{
    width:100%;
    line-height: 40px;

    border-bottom:1px solid #E8E8E8;

}
 .cms .category-mode11 .category-check li{
     width:33.333%;
    display: inline-block;
    float:left;
    height:40px;
        text-align:center;

 }
 .cms .category-mode11 .category-check .check{
       display: none;
 }  
 .cms .category-mode11 .category-check  span{
     height: 20px;
    display: inline-block;
    line-height:20px;
        margin-top:10px;
        vertical-align:top
 }
.cms .category-mode11 .category-check .check + label {
	border-radius: 50px;
	display: inline-block;
	position: relative;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	width: 40px;
	height:20px;
    margin-top:10px;
    margin-left:10px;        vertical-align:top

}

.cms .category-mode11 .category-check .check  + label:after {
	content: ' ';
	position: absolute;
	top: 0px;
	-webkit-transition: box-shadow 0.1s ease-in;
	transition: box-shadow 0.1s ease-in;
	left: 0;
	width: 40px;
	height:20px;
	border-radius: 100px;
	box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0,0,0,0.4);
}
.cms .category-mode11 .category-check .check  + label:before {
	content: ' ';
	position: absolute;
	background: white;
	top: -1px;
	left: -1px;
	z-index: 999999;
	width:22px;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	height:22px;
	border-radius: 100px;
	box-shadow: 0 3px 1px rgba(0,0,0,0.05), 0 0px 1px rgba(0,0,0,0.3);
}

.cms .category-mode11 .category-check .check:active + label:after {
	box-shadow: inset 0 0 0 20px #eee, 0 0 1px #eee;
}

.cms .category-mode11 .category-check .check:active + label:before {
	width:22px;
}

.cms .category-mode11 .category-check .check:checked:active + label:before {
	width:22px;
	left: 20px;
}

.cms .category-mode11 .category-check .check  + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.cms .category-mode11 .category-check .check:checked + label:before {
	content: ' ';
	position: absolute;
	left: 26px;
	border-radius: 100px;
}

.cms .category-mode11 .category-check .check:checked + label:after {
	content: ' ';
	font-size: 14px;
	position: absolute;
	background: #4cda60;
	box-shadow: 0 0 1px #4cda60;
}




.cms .category-mode12{
    width: 100%;
    z-index: 14;
     position:relative;
}

 .cms.kutuiyun div[data-mode="category-mode12"]{
    height: 40px;
}.cms .category-mode12 .category-wrap{
    width:100%;
    max-width:600px;
    line-height: 40px;
}
 .cms .category-mode12 .category-wrap li{
     width:20%;
    display: inline-block;
    float:left;
    text-align:center;

 }
  .cms .category-mode12 .category-wrap li a{
      height: 40px;
      line-height:40px;
      display:block;
          -webkit-transition: all .2s 
  }
.cms .category-mode12 .category-wrap li a.hover{
    color: #ff5f00;
}
 .cms .category-mode12 .category-hover{
        position:absolute;
        bottom:0;
        left:10px;
        width:50px;
        height: 3px;
        display: block;
        background: #aaa;
        border-radius:10px;
            z-index: -1;
        overflow: hidden;

 }


.cms .category-mode13{
    width: 100%;
    max-width:600px;
    z-index: 14;
     position:relative;
}

 .cms.kutuiyun div[data-mode="category-mode13"]{
    height: 40px;
}.cms .category-mode13 .category-wrap{
    width:100%;
    line-height: 40px;
}
 .cms .category-mode13 .category-wrap li{
     width:50%;
    display: inline-block;
    float:left;
    text-align:center;
    padding-left:10px;
    padding-right:10px;
 }
  .cms .category-mode13 .category-wrap li a{
      height: 40px;
      line-height:40px;
      display:block;
  }
.cms .category-mode13 .category-wrap li a.hover{
    color: #ff5f00;
    border-bottom:3px solid #ff5f00;
}



.cms .category-mode14{
    width: 100%;
    max-width:600px;
    z-index: 14;
     position:relative;
}

.cms.kutuiyun div[data-mode="category-mode14"]{
    height: 40px;
}
 .cms .category-mode14 .category-wrap{
    width:100%;
    line-height: 40px;
}
 .cms .category-mode14 .category-wrap li{
     width:50%;
    display: inline-block;
    float:left;
    text-align:center;
    position:relative;
 }
  .cms .category-mode14 .category-wrap li a{
      display:block;
  }
  .cms .category-mode14 .category-wrap li a span{
    display:block;
    position:absolute;
      left:0;
     right:0;
     top:0;
     bottom:0;
  }
   .cms .category-mode14 .category-wrap li a img{
       width:100%;
       height:40px;
           vertical-align: top;
   }
    .cms .category-mode14 .category-wrap li a .img2{
        display:none;
   }
.cms .category-mode14 .category-wrap li a.hover span{
    color: #ff5f00;
}
.cms .category-mode14 .category-wrap li a.hover .img1{
    display:none;
}
.cms .category-mode14 .category-wrap li a.hover .img2{
    display:block;
}
 .cms.kutuiyun div[data-mode="category-mode15"]{
    height: 40px;
}
 .cms .category-mode15 .category-wrap li{
     width:33.3333%;
    display: inline-block;
    float:left;
    text-align:center;
    padding-left:10px;
    padding-right:10px;
 }

.cms.kutuiyun div[data-mode="category-mode16"]{
    height: 40px;
} 
.cms .category-mode16 .category-back{
    width: 100%;
    height:40px;
    max-width:600px;
    
}
.cms .category-mode16 .category-wrap{
    width: 100%;
    position: absolute;
    line-height: 40px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
 }
.cms .category-mode16 .category-wrap li {
    width: 33.3333%;
        height: 40px;
}
.cms .category-mode16 .category-wrap li a{
    width:100%;
}
 .cms .category-mode17{
    width: 100%;

    max-width:600px;
    z-index: 51;
     position:relative;
     height: 40px;
}
 .cms .category-mode17 .category-bar{
width: 100%;
  height: auto;
  max-height: 40px ;
    position: relative;
    overflow: hidden;
    padding-right: 0px;
    padding-left:0px;
 }
 .cms.kutuiyun div[data-mode="category-mode17"]{
    height: 40px;

}

.cms .category-mode17  a {
    position: relative;
    display: block;
    font-size: 15px;
    border-bottom: 5px solid transparent;
    padding: 10px;
    padding-bottom:5px;
}
.cms .category-mode17  a .s {
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: -5px;
    width: 4px;
    height: 4px;
    display: block;
    background: #ff5f00;
    display: none;
    border-radius: 5px;
}
 .cms .category-mode17  a.current .s {
    display: block;
}
  .cms .category-mode17  a.current  {
    color: #ff5f00;
   border-bottom:2px solid #ff5f00;
}
   .cms .category-mode17 .category-float{
           position: absolute;
    left: 10px;
    top: 0;
    display:none;
    padding-right:5px;
    z-index:2;
        height: 40px;
    overflow: hidden;
 }
   .cms .category-mode17 .category-float .before{
     width: 1px;
    height: 24px;
    top: 8px;
    overflow: hidden;
    
    right: 0;
    display: block;
    position: absolute;
}
      .cms .category-mode17 .category-float a{
          float:left;
 }
/*category end*/
/*guide*/
.cms .guide-mode1{
    -webkit-box-flex: 2;
        display: -webkit-box;
}
.cms .guide-mode1 .left{
    margin-right: 3px;
}
.cms .guide-mode1 .left,.cms .guide-mode1 .right {
    height: 60px;
        display: block;
    color: inherit;
        -webkit-box-flex: 1;
        text-align:center;
}
.cms .guide-mode1 .info {
    vertical-align: top;
    text-align: left;
    margin-top:10px;
    display: inline-block;
}
.cms .guide-mode1 .left .info {
    background: url(../img/9.png) no-repeat left;
    background-size: auto 100%;
    padding-left: 55px;
}
.cms .guide-mode1  strong {
    display: block;
    color: #55a40f;
    font-size: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.cms .guide-mode1 .left strong {
    color: #f742a0;
}
.cms .guide-mode1 small {
    color: #666;
}
.cms .guide-mode1 .right {
    margin-left: 3px;
}
.cms .guide-mode1 .right .info {
    background: url(../img/19.9.png) no-repeat left;
    background-size: auto 100%;
    padding-left: 50px;
}
.cms .guide-mode2{
    min-height:50px;
}
.cms .guide-mode2 .left{
    width:50%;
    display:block;
float:left;
}
.cms .guide-mode2 .right{
    width:50%;
    display:block;
   float:left;

}
.cms .guide-mode2 img{
    width:100%;
    height:auto;
}
.cms .guide-mode3{
        border-bottom:1px solid rgb(232, 232, 232);

    border-top:1px solid rgb(232, 232, 232);
}
.cms .guide-mode3 .left{
    width:38%;
    display:block;
float:left;

}
.cms .guide-mode3 .right{
    width:62%;
    display:block;
   float:left;
        border-left:1px solid rgb(232, 232, 232);

}
.cms .guide-mode3 .right-top{
    display:block;
    width:100%;
            border-bottom:1px solid rgb(232, 232, 232);

}
.cms .guide-mode3 .right-bottom-left{
    display:block;
    width:50%;
    border-right:1px solid rgb(232, 232, 232);
     float:left;
}
.cms .guide-mode3 .right-bottom-right{
    display:block;
    width:50%;
     float:left;
}
.cms .guide-mode3 img{
    width:100%;
    height:100%;
}
.cms .guide-mode4{
    border-bottom:1px solid rgb(232, 232, 232);
    border-top:1px solid rgb(232, 232, 232);
}
.cms .guide-mode4 a{
    border-right:1px solid rgb(232, 232, 232);
    width:25%;
    display:block;
    float:left;
    font-size:12px;
    color:#333;
}
.cms .guide-mode4 img{
    display:block;
    width:70%;
    margin:0 auto;
    text-align:center;
}
.cms .guide-mode4 span{
    display:block;
    width:100%;
    text-align:center;
}
.cms .guide-mode4 a:last-child{
    border-right:0px;
}

.cms .guide-mode5  a{
    width:20%;

}
.cms .guide-mode6  a{
    width:33.3333%;

}
   .cms .guide-mode7  .swiper-slide-line a{
    border-right:1px solid rgb(232, 232, 232);
    width:20%;
    display:block;
    float:left;
    font-size:12px;
    color:#333;
}
    .cms .guide-mode7  .swiper-slide.box-2.box_20{
                width:20%;
        }
    .cms .guide-mode7  .swiper-slide.box-2.box_20 a{
        width:100%;
    }
     .cms .guide-mode7  .swiper-slide.box-2.box_40{
                width:40%;
        }
    .cms .guide-mode7  .swiper-slide.box-2.box_40 a{
        width:50%;
    }
     .cms .guide-mode7  .swiper-slide.box-2.box_60{
                width:60%;
        }
    .cms .guide-mode7  .swiper-slide.box-2.box_60 a{
        width:33.333%;
    }
    .cms .guide-mode7  .swiper-slide.box-2.box_80{
                width:80%;
        }
    .cms .guide-mode7  .swiper-slide.box-2.box_80 a{
        width:25%;
    } .cms .guide-mode7  .swiper-slide.box-2.box_100{
                width:100%;
        }
    .cms .guide-mode7  .swiper-slide.box-2.box_100 a{
        width:20%;
    }
.cms .guide-mode7  .swiper-slide-line img{
    display:block;
    width:70%;
    margin:0 auto;
    text-align:center;
}
.cms .guide-mode7  .swiper-slide-line  span{
    display:block;
    width:100%;
    text-align:center;
}
.cms .guide-mode7  .swiper-slide-line  a:last-child{
    border-right:0px;
}

   .cms .guide-mode7  .swiper-slide-body{
       width:100%;
       height:100%;
    }
/*guide end*/
/*items*/
.cms .items-load{
    width: 100%;
    height: 64px;
    line-height: 64px;
    color: #fff;
    font-size: 15px;
    background:#fff url(https://img.li5.me/member/1/file/201801101733008333237.gif) no-repeat center !important;
    display:none;
}
.cms.kutuiyun .items-load{
    display:block;
}
.cms .items-msg{
    width: 100%;
    height: 56px;
    line-height: 56px;
    color: #8f8f8f;
    font-size: 12px;
    text-align: center;
    display:none;
}
.cms.kutuiyun .items-msg{
    display:block;
}
.cms  .items-mode1{
    background: #fff;
}

.cms .items-mode1 .item-detail {
    width:100%;
    height:95px;
    box-sizing: border-box;
    position: relative;
    list-style-type: none;
    list-style-image: none;
}
.cms .items-mode1 .item-detail.demo{
    display:block;
}
.cms.kutuiyun .items-mode1 .item-detail.demo{
    display:none;
}

.cms .items-mode1 .item-img {
    width: 90px;
    height:  90px;
    position: absolute;
    top: 2.5px;
    left: 2.5px
}

.cms .items-mode1 .item-img img {
    width: 90px
}

.cms .items-mode1 .item-right {
    margin-left: 100px;
    line-height: 1;
    height: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #f1f1f1
}

.cms .items-mode1 .item-right .item-title {
    font-size:14px;
    height: 14px;
    line-height:14px;
    width: 100%;
    color: #4a4a4a;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 6px;
    margin-bottom:4px
}

.cms .items-mode1 .item-right .item-title .title-tmall-tag {
    width: 14px;
    height:14px;
    vertical-align: -1px;
    margin-right: 1px;
    position: relative;
    top: 0px
}

.cms .items-mode1 .item-right .item-line {
    display: block;
    margin-bottom: 6px
}

.cms .items-mode1 .item-right .item-line .line-group {
    margin-right: 8px;
    margin-bottom:4px;
    color: #9b9b9b;
    font-size: 12px;
    position: relative;
    vertical-align: middle
}

.cms .items-mode1 .item-right .item-line .coupon-tag-wrap {
    margin-right: 2px;
    height:16px;
    display: inline-block;
    padding-left: 20px;
    border: 1px solid #f50;
    border-radius: 3px;
    padding-right: 4px;
    vertical-align: middle;
    line-height: 14px;;
    position: relative
}

.cms .items-mode1 .item-right .item-line .coupon-tag-wrap .coupon-tag {
    width: 17px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
    background: #f50;
    padding-left: 2px;
    padding-top: 1px;
}

.cms .items-mode1 .item-right .item-line .coupon-tag-wrap .coupon-price {
    color: #f50;
    position: relative;
    top: 1px
}

.cms .items-mode1 .item-right .item-handle {
    position: absolute;
    bottom:5px;
    right: 5px;
    color: #ff5400;
    display: inline-block;
    text-align: right
}

.cms .items-mode1 .item-right .item-handle-img {
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto
}

.cms .items-mode1 .item-right .item-handle-text {
    display: inline-block;
    color: #fff;
    font-size:14px;
    text-align: center;
    background: rgba(255, 103, 50, 1);
    background: -webkit-gradient(linear, 0 0, right 0, from(rgba(254, 151, 0, 1)), to(rgba(255, 103, 50, 1)));
    background: linear-gradient(linear, 0 0, right 0, from(rgba(254, 151, 0, 1)), to(rgba(255, 103, 50, 1)));
    width:100px;
    line-height:30px;
    border-radius:5px;
}
.cms .items-mode2{
        width: 100%;
}
.cms .items-mode2 .item-detail{
    width:30%;
    float:left;
    position: relative;
    margin-left: 2.4%;

}
.cms .items-mode2 .item-detail .item-img{
    width:100%;
    vertical-align:middle;
        padding-top: 133%;
    background-size: contain;
        background-color:rgb(232, 232, 232);

}
.cms .items-mode2 .item-detail .item-info{
    position: absolute;
    bottom: 20px;
    left: 0px;
    width: 100%;
    color: #fff;
    padding-left:3px;
    padding-right:3px;
    background: rgba(0, 0, 0, 0.59);
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
        font-size:12px;

}
.cms .items-mode2 .item-detail .item-title{
    padding-left:3px;
    padding-right:3px;
        overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-size:12px;
}
.cms .items-mode2 .item-detail.demo{
    display:block;
}
.cms.kutuiyun .items-mode2 .item-detail.demo{
    display:none;
}

.cms  .items-mode3{
    background: #fff;
}

.cms .items-mode3 .item-detail {
    width:100%;
    height:125px;
    box-sizing: border-box;
    position: relative;
    list-style-type: none;
    list-style-image: none;
    margin-bottom:5px;
        display: block;
}
.cms .items-mode3 .item-detail.demo{
    display:block;
}
.cms.kutuiyun .items-mode3 .item-detail.demo{
    display:none;
}

.cms .items-mode3 .item-img {
    width: 115px;
    height:  115px;
    position: absolute;
    top: 5px;
    left: 5px;   
     overflow: hidden;
}

.cms .items-mode3 .item-img img {
    width: 115px
}

.cms .items-mode3 .item-right {
    margin-left: 130px;
    line-height: 1;
    height: 120px;
    box-sizing: border-box;
    border-bottom: 1px solid #f1f1f1;
    padding-top:6px;
    padding-right:6px;
}

.cms .items-mode3 .item-right .item-title {
    font-size:14px;
    height: 28px;
    line-height:14px;
    width: 100%;
    color: #4a4a4a;
    overflow: hidden;
    display:block;
    text-overflow: ellipsis;
    margin-bottom:9px
}
.cms .items-mode3 .item-right .item-introduce {
    font-size:12px;
    height: 28px;
    line-height:14px;
    width: 100%;
    color: #4a4a4a;
    overflow: hidden;
    display:block;
    text-overflow: ellipsis;
    margin-bottom:6px;
    
}

.cms .items-mode3 .item-right .item-title .title-tmall-tag {
    width: 14px;
    height:14px;
    vertical-align: -1px;
    margin-right: 1px;
    position: relative;
    top: 0px
}

.cms .items-mode3 .item-right .item-line {
    display: block;
    margin-bottom:3px
}

.cms .items-mode3 .item-right .item-line .line-group {
    margin-right: 8px;
    margin-bottom:4px;
    color: #9b9b9b;
    font-size: 12px;
    position: relative;
    vertical-align: middle
}
.cms .items-mode3 .item-right .item-line .line-group.item-price{
    line-height:25px;
}
.cms .items-mode3 .item-right .item-line .line-group .cl-dark{
    font-size:14px;
    font-weight:bold;
}
.cms .items-mode3 .item-right .item-line .coupon-tag-wrap {
    margin-right: 2px;
    height: 20px;
    display: inline-block;
    padding-left: 20px;
    border: 1px solid #f50;
    border-radius: 1px;
    padding-right: 4px;
    vertical-align: middle;
    line-height: 18px;
    position: relative;
    float: right;
}

.cms .items-mode3 .item-right .item-line .coupon-tag-wrap .coupon-tag {
    width: 17px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
    background: #f50;
    padding-left: 2px;
    padding-top: 1px;
}

.cms .items-mode3 .item-right .item-line .coupon-tag-wrap .coupon-price {
    color: #f50;
position: relative;
    top: 1px;
    min-width: 30px;
    display: block;
    text-align: center;
}

.cms .items-mode3 .item-right .item-handle {
    position: absolute;
    bottom:5px;
    right: 5px;
    color: #ff5400;
    display: inline-block;
    text-align: right
}

.cms .items-mode3 .item-right .item-handle-img {
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto
}

.cms .items-mode3 .item-right .item-handle-text {
    display: inline-block;
    color: #fff;
    font-size:14px;
    text-align: center;
    background: rgba(255, 103, 50, 1);
    background: -webkit-gradient(linear, 0 0, right 0, from(rgba(254, 151, 0, 1)), to(rgba(255, 103, 50, 1)));
    background: linear-gradient(linear, 0 0, right 0, from(rgba(254, 151, 0, 1)), to(rgba(255, 103, 50, 1)));
    width:100px;
    line-height:30px;
    border-radius:5px;
}




.cms  .items-mode4{
    background: #fff;
}

.cms .items-mode4 .item-detail {
    width:48%;    
    float: left;
    box-sizing: border-box;
    position: relative;
    list-style-type: none;
    list-style-image: none;
    margin-bottom:5px;
    display: block;
        margin-left: 1.5%;
}
.cms .items-mode4 .item-detail.demo{
    display:block;
}
.cms.kutuiyun .items-mode4 .item-detail.demo{
    display:none;
}

.cms .items-mode4 .item-img {
    width: 100%;
    vertical-align: middle;
    padding-top: 100%;
    background-size: contain;
    background-color:rgb(232, 232, 232);
        position: relative;
}

.cms .items-mode4 .item-img img {
    width: 115px
}

.cms .items-mode4 .item-info {
    box-sizing: border-box;
    border-bottom: 1px solid #f1f1f1;
    padding-top:6px;
}

.cms .items-mode4 .item-info .item-title {
    font-size:12px;
    height: 28px;
    line-height:14px;
    width: 100%;
    color: #4a4a4a;
    overflow: hidden;
    display:block;
    text-overflow: ellipsis;
    margin-bottom:3px
}
.cms .items-mode4 .item-info .item-title .title-tmall-tag {
    width: 14px;
    height:14px;
    vertical-align: -1px;
    margin-right: 1px;
    position: relative;
    top: 0px
}

.cms .items-mode4 .item-info .item-line {
    display: block;
    margin-bottom:3px
}

.cms .items-mode4 .item-info .item-line .line-group {
    margin-right: 8px;
    margin-bottom:4px;
    color: #9b9b9b;
    font-size: 12px;
    position: relative;
    vertical-align: middle
}
.cms .items-mode4 .item-info .item-line .line-group.sales{
    float:right;    
    margin-top: 4px;
        margin-bottom: 0px;
}
.cms .items-mode4 .item-info .item-line .line-group.item-price{
    line-height:25px;
}
.cms .items-mode4 .item-info .item-line .line-group .cl-dark{
    font-size:14px;
    font-weight:bold;
}
.cms .items-mode4 .item-info .item-line .coupon-tag-wrap {
    margin-right: 7px;
    height: 20px;
    display: inline-block;
    padding-left: 20px;
    border: 1px solid #f50;
    border-radius: 1px;
    padding-right: 4px;
    vertical-align: middle;
    line-height: 18px;
    position: absolute;
    right: 0px;
    bottom: 3px;
}

.cms .items-mode4 .item-info .item-line .coupon-tag-wrap .coupon-tag {
    width: 17px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
    background: #f50;
    padding-left: 2px;
    padding-top: 1px;
}

.cms .items-mode4 .item-info .item-line .coupon-tag-wrap .coupon-price {
    color: #f50;
position: relative;
    top: 1px;
    min-width: 30px;
    display: block;
    text-align: center;
}
.cms .items-mode4 .share-info{
    padding:2px 6px;
    display: inline-block;
    position: absolute;
    display:none;
    font-size:12px;
    border-radius:2px;
}
.cms .items-mode4 .share-info.lefttop{
    top: 0px;
    left: 0px;
    border-bottom-left-radius:0px !important;
    border-top-right-radius:0px !important;
    display:block;
}
.cms .items-mode4 .share-info.righttop{
    top: 0px;
    right: 0px;
    border-top-left-radius:0px !important;
    border-bottom-right-radius:0px !important;
    display:block;
}
.cms .items-mode4 .share-info.rightbottom{
    bottom: 0px;
    right: 0px;
    border-bottom-left-radius:0px !important;
    border-top-right-radius:0px !important;
    display:block;
}
.cms .items-mode4 .share-info.leftbottom{
    bottom: 0px;
    left: 0px;
    border-top-left-radius:0px !important;
    border-bottom-right-radius:0px !important;
    display:block;
}
.cms .items-mode5{
        width: 100%;
}
.cms .items-mode5 .item-detail{
    width:30%;
    float:left;
    position: relative;
    margin-left: 2.4%;
    margin-bottom: 2.4%;

}
.cms .items-mode5 .item-detail .item-img{
    width:100%;
    vertical-align:middle;
        padding-top: 133%;
    background-size: contain;
        background-color:rgb(232, 232, 232);
            border-radius: 10px;

}
.cms .items-mode5 .item-detail .item-info{
    position: absolute;
    bottom: 25px;
    right: 0px;
    color: #fff;
    padding-left:3px;
    padding-right:3px;
    background: rgba(0, 0, 0, 0.59);
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:12px;
    line-height:20px;
    padding-left:6px;
}
.cms .items-mode5 .item-detail .item-title{
   position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    color: #fff;
    padding-left:6px;
    padding-right:6px;
    background: rgba(0, 0, 0, 0.59);
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:12px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    line-height:20px;
}
.cms .items-mode5 .item-detail.demo{
    display:block;
}
.cms.kutuiyun .items-mode5 .item-detail.demo{
    display:none;
}


.cms  .items-mode6{
    background: #fff;
}

.cms .items-mode6 .item-detail {
    width:100%;
    height:60px;
    box-sizing: border-box;
    position: relative;
    list-style-type: none;
    list-style-image: none;
    padding-top:5px;
    padding-bottom:5px;
        border-bottom: 1px solid #f1f1f1

}
.cms .items-mode6 .item-detail.demo{
    display:block;
}
.cms.kutuiyun .items-mode6 .item-detail.demo{
    display:none;
}

.cms .items-mode6 .item-img {
    width: 50px;
    height:  50px;
    position: absolute;
    top: 10px;
    left: 15px
}

.cms .items-mode6 .item-img img {
    width: 40px;
    border-radius:50%;
}

.cms .items-mode6 .item-right {
    margin-left: 70px;
    line-height: 1;
    height: 100%;
    box-sizing: border-box;
}

.cms .items-mode6 .item-right .item-title {
    font-size:14px;
    height: 14px;
    line-height:14px;
    width: 100%;
    color: #4a4a4a;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top:9px;
    margin-bottom:5px
}

.cms .items-mode6 .item-right .item-line {
    display: block;
    margin-bottom: 6px
}

.cms .items-mode6 .item-right .item-line .line-group {
    margin-right: 8px;
    margin-bottom:4px;
    color: #9b9b9b;
    font-size: 12px;
    position: relative;
    vertical-align: middle
}




.cms  .items-mode7{
    background: #fff;
}

.cms .items-mode7 .item-detail {
    width:100%;
    height:70px;
    box-sizing: border-box;
    position: relative;
    list-style-type: none;
    list-style-image: none;
    padding-top:5px;
    padding-bottom:5px;
    border-bottom: 1px solid #f1f1f1
}
.cms .items-mode7 .item-detail.demo{
    display:block;
}
.cms.kutuiyun .items-mode7 .item-detail.demo{
    display:none;
}

.cms .items-mode7 .item-img {
    top: 5px;
    left: 10px;
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
}

.cms .items-mode7 .item-img img {
    width: 60px;
    height: 60px;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
}

.cms .items-mode7 .item-right {
    margin-left: 75px;
}

.cms .items-mode7 .item-right .item-title {
    font-size: 14px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    padding-right:5px;
}
.cms .items-mode7 .item-right .item-info {
    font-size: 12px;
    margin-top:2px;
    line-height: 17px;

}

.cms .items-mode7 .item-right .item-payment small {
    font-size: 14px;
    color: #f63;
    font-weight: bold;
}
.cms .items-mode7 .item-right .item-distance {
float:right;
margin-right:10px;
}
.cms .items-mode7 .item-right .item-deliveryprice{
    padding-right:5px;
    font-size: 12px;
}
.cms .items-mode7 .item-right .item-deliveryprice:not(:first-child){
    padding-left:5px;
    border-left: 1px solid #d7d7d7;
}





.cms  .items-mode8{
    background: #fff;
}

.cms .items-mode8 .item-detail {
    width:100%;
    height:50px;
    box-sizing: border-box;
    position: relative;
    list-style-type: none;
    list-style-image: none;
    padding-top:5px;
    padding-bottom:5px;
    border-bottom: 1px solid #f1f1f1;
    padding-left: 10px;
}
.cms .items-mode8 .item-detail.demo{
    display:block;
}
.cms.kutuiyun .items-mode8 .item-detail.demo{
    display:none;
}


.cms .items-mode8 .item-title {
    font-size:14px;
    height: 14px;
    line-height:14px;
    width: 100%;
    color: #4a4a4a;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom:5px
}

.cms .items-mode8 .item-line {
    display: block;
    font-size:12px;
}

.cms .items-mode8 .item-right {
    top: 5px;
    right: 0px;
    padding-right: 10px;
    display: block;
    height:40px;
    position: absolute;
   
}
.cms .items-mode8 .item-right span{
    font-size:16px;
    display:block;
    text-align:right;
    font-weight:bold;
}
.cms .items-mode8 .item-right small{
    font-size:12px;
    display:block;
    text-align:right;
}






.cms  .items-mode9{
    background: #fff;
}

.cms .items-mode9 .item-detail {
    width:100%;
    height:70px;
    box-sizing: border-box;
    position: relative;
    list-style-type: none;
    list-style-image: none;
    padding-top:5px;
    padding-bottom:5px;
    border-bottom: 1px solid #f1f1f1
}
.cms .items-mode9 .item-detail.demo{
    display:block;
}
.cms.kutuiyun .items-mode9 .item-detail.demo{
    display:none;
}
.cms .items-mode9 a {
    width: 100%;
    display: block;
}
.cms .items-mode9 .item-img {
    top: 5px;
    left: 10px;
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
}

.cms .items-mode9 .item-img img {
    width: 60px;
    height: 60px;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
}

.cms .items-mode9 .item-right {
    margin-left: 75px;
}

.cms .items-mode9 .item-right .item-title {
    font-size: 14px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    padding-right:5px;
}
.cms .items-mode9 .item-right .item-info {
    font-size: 12px;
    margin-top:2px;
    line-height: 17px;

}

.cms .items-mode9 .item-right .item-payment small {
    font-size: 14px;
    color: #f63;
    font-weight: bold;
}
.cms .items-mode9 .item-right .item-distance {
float:right;
margin-right:10px;
}
.cms .items-mode9 .item-right .item-deliveryprice{
    padding-right:5px;
    font-size: 12px;
}
.cms .items-mode9 .item-right .item-deliveryprice:not(:first-child){
    padding-left:5px;
    border-left: 1px solid #d7d7d7;
}




.cms  .items-mode10{
    background: #fff;
}

.cms .items-mode10 .item-detail {
    width:100%;
    box-sizing: border-box;
    position: relative;
    list-style-type: none;
    list-style-image: none;
    padding-top:5px;
    padding-bottom:5px;
    border-bottom: 1px solid #f1f1f1
}
.cms .items-mode10 .item-detail.demo{
    display:block;
}
.cms.kutuiyun .items-mode10 .item-detail.demo{
    display:none;
}
.cms .items-mode10 a {
    width: 100%;
    display: block;
}
.cms .items-mode10 .item-img {
    top: 5px;
    left: 10px;
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
}

.cms .items-mode10 .item-img img {
    width: 60px;
    height: 60px;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
}

.cms .items-mode10 .item-right {
    margin-left: 75px;
}

.cms .items-mode10 .item-right .item-title {
    font-size: 14px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    padding-right:5px;
    line-height:14px;
}
.cms .items-mode10 .item-right .item-info {
    font-size: 12px;
    margin-top:2px;
    line-height: 17px;

}

.cms .items-mode10 .item-right .item-payment small {
    font-size: 14px;
    color: #f63;
    font-weight: bold;
}
.cms .items-mode10 .item-right .item-distance {
float:right;
margin-right:10px;
}
.cms .items-mode10 .item-right .item-deliveryprice{
    padding-right:5px;
    font-size: 12px;
}
.cms .items-mode10 .item-right .item-deliveryprice:not(:first-child){
    padding-left:5px;
    border-left: 1px solid #d7d7d7;
}
.cms .items-mode10 .item-right .item-activity{
    margin-top: 5px;
    margin-bottom: 1px;
    padding-top: 6px;
    border-top: 1px dashed #e1e1e1;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 14px;
    font-size: 12px;
    color: #999;
}
.cms .items-mode11 .item-detail.demo{
    display:block;
}
.cms.kutuiyun .items-mode11 .item-detail.demo{
    display:none;
}
.cms .items-mode11 .item-detail{
    margin-top:5px;
}
.cms.kutuiyun .items-mode12 .item-detail.demo{
    display:none;
}




.cms  .items-mode13{
    background: #fff;
}

.cms .items-mode13 .item-detail {
    width:100%;
    box-sizing: border-box;
    position: relative;
    list-style-type: none;
    list-style-image: none;
    padding-top:5px;
    padding-bottom:5px;
        border-bottom: 1px solid #f1f1f1

}
.cms .items-mode13 .item-detail.demo{
    display:block;
}
.cms.kutuiyun .items-mode13 .item-detail.demo{
    display:none;
}

.cms .items-mode13 .item-img {
    width: 50px;
    height:  50px;
    position: absolute;
    top: 10px;
    left: 15px
}

.cms .items-mode13 .item-img img {
    width: 40px;
    border-radius:50%;
}

.cms .items-mode13 .item-right {
    margin-left: 65px;
    line-height: 1;
    height: 100%;
    box-sizing: border-box;
}

.cms .items-mode13 .item-right .item-title {
    font-size:14px;
    height: 14px;
    line-height:14px;
    width: 100%;
    color: #4a4a4a;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top:9px;
    margin-bottom:5px
}

.cms .items-mode13 .item-right .item-line {
    display: block;
    margin-bottom: 6px
}

.cms .items-mode13 .item-right .item-line .line-group {
    margin-right: 8px;
    margin-bottom:4px;
    color: #9b9b9b;
    font-size: 12px;
    position: relative;
    vertical-align: middle
}
.cms .items-mode13 .comment-text{
    padding:0px 10px;
    font-size:14px;

}
.cms .items-mode13 .comment-text .qq_face ,.cms .items-mode13 .comment-text .emoji_face  {
float:none;
    display: inline-block;
        border: 0;
        vertical-align: text-top;
    margin-top: -4px;
}

.cms .items-mode13 .comment-image-list{
    width:100%;
    padding:5px;
}
.cms .items-mode13 .comment-image-list.comment-image-list-0{
    display:none;
}

.cms .items-mode13 .comment-image-list li{
    width:33.33%;
    padding-bottom:33.33%;
    text-align:center;
    position:relative;
    float:left;
}
.cms .items-mode13 .comment-image-list.comment-image-list-1 li{
      width:60%;
}
.cms .items-mode13 .comment-image-list.comment-image-list-2 li{
      width:50%;
}
.cms .items-mode13 .comment-image-list li div{
    background-color:#e1e1e1;
    position:absolute;
    top:5px;
    left:5px;
   bottom:5px;
   right:5px;
       background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border-radius:3px;
}
.cms .items-mode13 .item-info{
    padding:0 10px;
}
.cms .items-mode13 .item-info-price{
    float:left;
}
.cms .items-mode13 .item-info-award{
    float:right;
}
.cms .items-mode13 .item-info-star{
    float:left;

}

.cms .items-mode13 .info-title{
    font-size:13px;
    color:#999;
}
.cms .items-mode13 .info-data{
    font-size:14px;
        color:#999;

    font-weight:bold;
}
.cms .items-mode13 .star-score{
    height:14.1px;
    margin-top:3px;
    background-size: 22.4px;
    vertical-align: top;
    width:112px;
    margin-left:5px;
}
.cms .items-mode13 .star-score span{
    height:14.1px;
    display: block;
    text-indent: -999em;
    position: absolute;
    left: 0;
    background: url(https://img.li5.me/member/1/file/201803271518212623237.png);
    background-size: 22.4px;

}
.cms .items-mode13 .item-topimg{
    position:absolute;
    top:10px;
    right:10px;
}
.cms .items-mode13 .item-topimg img{
    height:60px;
}
.cms .items-mode13 .item-info-like{
       position:absolute;
    top:10px;
    right:5px;
    display:block;
    z-index:1;
    background:rgba(255, 255, 255, 0.50);
    padding:0px 5px;
    border-radius:4px;
}
.cms .items-mode13 .item-info-like .info-title.iconfont{
    font-size:20px;
    color:#3b3b3b;
    
}
.cms .items-mode13 .item-info-like .info-data{
        color:#3b3b3b;
    font-size:14px;

}
.cms .items-mode13 .item-info-like.like{

}
.cms .items-mode13 .item-info-like.like .info-title.iconfont{
    color:#f63;
    font-weight: bold;
}
.cms .items-mode13 .item-info-like.like .info-data{
        color:#f63;

}

.cms  .items-mode14{
    background: #fff;
}

.cms .items-mode14 .item-detail {
    width:100%;
    height:95px;
    box-sizing: border-box;
    position: relative;
    list-style-type: none;
    list-style-image: none;
}
.cms .items-mode14 .item-detail.demo{
    display:block;
}
.cms.kutuiyun .items-mode14 .item-detail.demo{
    display:none;
}

.cms .items-mode14 .item-img {
    width: 90px;
    height:  90px;
    position: absolute;
    top: 2.5px;
    left: 2.5px
}

.cms .items-mode14 .item-img img {
    width: 90px;
    border-radius:5px;
}

.cms .items-mode14 .item-right {
    margin-left: 100px;
    line-height: 1;
    height: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #f1f1f1
}

.cms .items-mode14 .item-right .item-title {
    font-size:14px;
    height: 14px;
    line-height:14px;
    width: 100%;
    color: #4a4a4a;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 6px;
    margin-bottom:6px
}

.cms .items-mode14 .item-right .item-title .title-tmall-tag {
    width: 14px;
    height:14px;
    vertical-align: -1px;
    margin-right: 1px;
    position: relative;
    top: 0px
}

.cms .items-mode14 .item-right .item-line {
    display: block;
}

.cms .items-mode14 .item-right .item-line .line-group {
    margin-right: 8px;
    margin-bottom:0px;
    color: #9b9b9b;
    font-size: 12px;
    position: relative;
}
.cms .items-mode14 .item-right .item-line.share-line{
 margin-top:22px;
}
.cms .items-mode14 .item-right .item-line .line-group.share-info{
     padding:7px 15px;
    display: inline-block;
    position: absolute;
    bottom: 5px;
    right: 2px;
    border-radius:5px;
    border:1px solid #ff6633;
}
.cms .items-mode14 .item-right .item-line .coupon-tag-wrap {
    margin-right: 2px;
    height:18px;
    display: inline-block;
    padding:0px 3px;
    border: 1px solid #f50;
    border-radius: 3px;
    padding-right: 4px;
    vertical-align: middle;
    line-height: 14px;;
    position: relative
}

.cms .items-mode14 .item-right .item-line .coupon-tag-wrap .coupon-tag {
    width: 17px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
    background: #f50;
    padding-left: 2px;
    padding-top: 1px;
    height:16px;
}

.cms .items-mode14 .item-right .item-line .coupon-tag-wrap .coupon-price {
    color: #f50;
    position: relative;
    top: 1px
}

.cms .items-mode14 .item-right .item-handle {
    position: absolute;
    bottom:5px;
    right: 5px;
    color: #ff5400;
    display: inline-block;
    text-align: right
}

.cms .items-mode14 .item-right .item-handle-img {
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto
}

.cms .items-mode14 .item-right .item-handle-text {
    display: inline-block;
    color: #fff;
    font-size:14px;
    text-align: center;
    background: rgba(255, 103, 50, 1);
    background: -webkit-gradient(linear, 0 0, right 0, from(rgba(254, 151, 0, 1)), to(rgba(255, 103, 50, 1)));
    background: linear-gradient(linear, 0 0, right 0, from(rgba(254, 151, 0, 1)), to(rgba(255, 103, 50, 1)));
    width:100px;
    line-height:30px;
    border-radius:5px;
}
.cms .items-mode14 .item-right .item-line .line-group .cl-dark{
    font-size:18px;
}





.cms  .items-mode15{
    background: #fff;
    padding:10px;
    padding-top:0;
}

.cms .items-mode15 .item-detail {
    width:100%;
    box-sizing: border-box;
    position: relative;
    list-style-type: none;
    list-style-image: none;
    border-radius: 10px;
        float: none;
   margin:10px 0;
}
.cms .items-mode15 .item-detail.demo{
    display:block;
}
.cms .items-mode15 .item-detail .share-info{
        padding: 4px 12px;
        font-size: 14px;
}
.cms.kutuiyun .items-mode15 .item-detail.demo{
    display:none;
}
.cms .items-mode15 a {
    width: 100%;
    display: block;
}
.cms .items-mode15 .item-img {
    width: 100%;
    vertical-align: middle;
    padding-top: 50%;
    background-size: cover;
    background-color: rgb(232, 232, 232);
    border-radius: 10px 10px 0 0;

}

.cms .items-mode15 .item-img img {
    width: 60px;
    height: 60px;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
}

.cms .items-mode15 .item-right {
    padding:5px 10px;
}

.cms .items-mode15 .item-right .item-title {
    font-size: 14px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    padding-right:5px;
        line-height: 14px;
        margin-top:3px;
}
.cms .items-mode15 .item-right .item-info {
    font-size: 12px;
    margin-top:2px;
    line-height: 20px;
    border-bottom:0;
    padding-top:0;
}

.cms .items-mode15 .item-right .item-payment small {
    font-size: 14px;
    color: #f63;
    font-weight: bold;
}
.cms .items-mode15 .item-right .item-distance {
float:right;
}
.cms .items-mode15 .item-right .item-deliveryprice{
    padding-right:5px;
    font-size: 12px;
}
.cms .items-mode15 .item-right .item-deliveryprice:not(:first-child){
    padding-left:5px;
}

.cms .items-mode16{
    padding-top:10px;
    } 
     .cms .items-mode16 .item-img {
    width: 85px;
    height: 85px;
    top: 10px;
    left: 10px;
    border-radius: 5px;
}
     .cms .items-mode16 .item-img img {
    width: 85px;
}
     .cms .items-mode16 .item-right {
    margin-left: 105px;
    border-bottom: 0px;
    padding-top: 10px;
    padding-right: 10px;
        height: 105px;
}
     .cms .items-mode3.items-mode16 .item-right .item-line .line-group{
         margin-bottom:0px;
         line-height: 20px;
         height: 20px;
             display: inline-block;
             margin-right:0px;
     }
     .cms .items-mode16 .item-right .item-line .item-fee{
    float: right;    border-radius: 5px;padding:0px 5px ;

     }.cms .items-mode16 .item-right .item-line .item-price{
    border-radius: 5px;padding:0px 5px ;

     }
     .cms .items-mode16 .item-right .item-line .coupon-sales{
    display: block;
    float: right;
     }
     .cms .items-mode16 .item-right .item-line .coupon-tag-wrap{
            float:initial;
            border-radius: 3px;

     }
     .cms .items-mode16 .item-right .item-line .coupon-tag-wrap .coupon-tag {
    bottom: 0px;
    line-height: 18px;
    padding: 0 2px;
        border-radius: 2px 0 0 2px;
}
     .cms .items-mode16 .item-right .item-line .coupon-tag-wrap .coupon-price{
         top:0px;
     }
     .cms .items-mode16 .item-right .item-line {
    margin-bottom: 7px;
}
     .cms .items-mode16 .item-right .item-title{
             height: 30px;
    line-height: 15px;
        margin-bottom: 7px;
     }
       .cms .items-mode17 .item-detail{
height:82px;
    border-bottom: 1px solid #f1f1f1;

    }
    .cms .items-mode17 .item-img{
        height:70px;
        width:70px;
        top: 6px;
    left: 6px;
    }
    .cms .items-mode17 .item-img img{
        width:70px;
            border-radius:3px;

    }
    .cms .items-mode17 .item-right{
margin-left:85px;
    margin-right:6px;
    border-bottom:0;
    }
    .cms .items-mode17 .item-right .item-title{
        white-space: inherit;
        height: 28px;
        font-size:12px;
    line-height: 14px;
    }
    .cms .items-mode17 .item-msg{
        background:#000;
        color:#fff;
        text-align:center;
        font-size:14px;
        line-height:80px;
        opacity:.5;
        display:none;
    }
.cms .items-mode18{
    overflow:hidden;
}
.cms .items-mode18 .item-delete{
    position:absolute;
    top:0;
    right:0;
    height:100%;
    text-align: center;
}
.cms .items-mode18 .img{
    display:block;
    height:100%;
    width:15px;
    background:no-repeat center;
    background-size:contain;
}

.cms .items-mode18 .item-delete-confirm{
    background:#ff0000;
    color:#fff;
     width:80px;
     right:-80px;
     text-align: center;
     line-height:58px;
     transition: 0.4s;
}

.cms.kutuiyun .items-mode19 .demo{
    display:none;
}

/*items end*/
/*footer*/
.cms .footer-mode1  {
text-align: center;
padding: 10px 5px;
font-weight: 400;
font-size: 12px;
padding-top: 15px;
     display: none;

}
.cms .footer-mode1 a {
color: #adadad;
line-height: 28px;
}
.cms .footer-mode1 em {
color: #8c8c8c;
padding: 0 12px;
font-weight: 400;
font-style: normal;
}
.cms .footer-mode1 .copyright {
color: #d1d1d1;
margin-top: 10px;
text-shadow: 0 1px 1px #fff;
display:block;
}
.cms .footer-mode1.footer-mode2 .copyright{
    line-height:16px;
    margin-top:4px;
}.cms .footer-mode1.footer-mode2 {
     padding-bottom:20px;
 }
/*footer end*/
/*navbar*/
.cms .navbar-mode{
    bottom: 0;
    position: absolute;
    width: 100%;
    max-width: 600px;
    z-index: 999999;
}
.cms.kutuiyun .navbar-mode{
    position:fixed;
}
.cms .navbar-mode1{
    opacity: 0.98;
    color: #333;
    background-color: #ffffff;

    border-top: 1px solid #E5E5E5;
    bottom: 0;
    position: absolute;
        width: 100%;
    max-width: 600px;
    z-index: 999999;
    height: 53px;
}
.cms.kutuiyun .navbar-mode1{

    position:fixed;

}
.cms .navbar-mode1 .navbar-item{
    width:25%;
  float: left;
}
.cms .navbar-mode1 .navbar-item a{
    display: block;
    position: relative;
    width: 100%;
    color: #333;
    height:53px;
}
.cms .navbar-mode1 .navbar-item.on a{
    color: #ff6633;
}
.cms .navbar-mode1 .navbar-item p{
        text-align: center;
        line-height:33px;
}
.cms .navbar-mode1 .navbar-item p.sub{
        line-height:10px;
}
.cms .navbar-mode1 .navbar-item .iconfont {
    font-size: 26px;
}
.cms .navbar-mode1 .navbar-item .sub {
    font-size: 10px;
}
.cms .navbar-mode2{
    opacity: 0.98;
    color: #333;
    background-color: #ffffff;

    border-top: 1px solid #E5E5E5;
    bottom: 0;
    position: absolute;
        width: 100%;
    max-width: 600px;
    z-index: 999999;
    height: 53px;
}
.cms.kutuiyun .navbar-mode2{

    position:fixed;

}
.cms .navbar-mode2 .navbar-item{
    width:25%;
  float: left;
}
.cms .navbar-mode2 .navbar-item a{
    display: block;
    position: relative;
    width: 100%;
    color: #333;
}
.cms .navbar-mode2 .navbar-item.on a{
    color: #ff6633;
}
.cms .navbar-mode2 .navbar-item p{
        text-align: center;
        line-height:33px;
}
.cms .navbar-mode2 .navbar-item p.sub{
        line-height:10px;
}
.cms .navbar-mode2 .navbar-item .iconfont {
    font-size: 26px;
}
.cms .navbar-mode2 .navbar-item .sub {
    font-size: 14px;
}
.cms .navbar-mode2 .navbar-item.jump_token{

    background-color: #FE814B;
    color: #FFF;
    width:37.5%;
}
.cms .navbar-mode2 .navbar-item.jump_browser{
    background-color: #FE4B68;
    color: #FFF;
        width:37.5%;

}
.cms .navbar-mode2 .navbar-item.jump_token a,.cms .navbar-mode2 .navbar-item.jump_browser a{
    color:#fff;   
}
.cms .navbar-mode2 .navbar-item.jump_token p,.cms .navbar-mode2 .navbar-item.jump_browser p{
    color:#fff;   
    line-height:52px;
}
.cms .navbar-mode3{
    color: #333;
    background-color: #ffffff;
    border-top: 1px solid #E5E5E5;
    bottom: 0;
    position: absolute;
    width: 100%;
    max-width: 600px;
    z-index: 999999;
    height: 53px;
}
.cms.kutuiyun .navbar-mode3{

    position:fixed;

}
.cms .navbar-mode3 .navbar-item{
    width:25%;
  float: left;
}
.cms .navbar-mode3 .navbar-item a{
    display: block;
    position: relative;
    width: 100%;
    color: #333;
}
.cms .navbar-mode3 .navbar-item .navbar-img1{
    margin-top:3px;
    height:26px;
    width:auto;
        display:initial;

}
.cms .navbar-mode3 .navbar-item .navbar-img2{
    margin-top:3px;
    height:26px;    width:auto;
     display:none;
}
.cms .navbar-mode3 .navbar-item.on .navbar-img1{
    display:none;
}
.cms .navbar-mode3 .navbar-item.on .navbar-img2{
    display:initial;
}
.cms .navbar-mode3 .navbar-item.on a{
    color: #ff6633;
}
.cms .navbar-mode3 .navbar-item p{
        text-align: center;

}


.cms .navbar-mode3 .navbar-item .sub {
    font-size: 10px;
}





.cms .navbar-mode4{
    color: #333;
    background-color: #ffffff;
    border-top: 1px solid #E5E5E5;
    bottom: 0;
    position: absolute;
    width: 100%;
    max-width: 600px;
    z-index: 999999;
    height: 48px;
}
.cms.kutuiyun .navbar-mode4{

    position:fixed;

}
.cms .navbar-mode4 .navbar-item{
    width:19.5%;
  float: left;
}
.cms .navbar-mode4 .navbar-item.center{
    width:22%;
}
.cms .navbar-mode4 .navbar-item.center .item-back{
    position: absolute;
    top: -10px;
    width: 22%;
    height: 50px;

}
.cms .navbar-mode4 .navbar-item.center .item-back .back{
       margin: 0 auto;
    background: #fff;
    width: 60px;
    height: 60px;
    border-top: 1px solid #E5E5E5;
    border-radius: 100%;
}
.cms .navbar-mode4 .navbar-item.center .navbar-img1,.cms .navbar-mode4 .navbar-item.center .navbar-img2{
    margin-top: 0px;
    height: 29px;
}
.cms .navbar-mode4 .navbar-item a{
    display: block;
    position: relative;
    width: 100%;
    color: #333;
}
.cms .navbar-mode4 .navbar-item .navbar-img1{
    margin-top:3px;
    height:26px;
    width:auto;
        display:initial;

}
.cms .navbar-mode4 .navbar-item .navbar-img2{
    margin-top:3px;
    height:26px;    width:auto;
     display:none;
}
.cms .navbar-mode4 .navbar-item.on .navbar-img1{
    display:none;
}
.cms .navbar-mode4 .navbar-item.on .navbar-img2{
    display:initial;
}
.cms .navbar-mode4 .navbar-item.on a{
    color: #ff6633;
}
.cms .navbar-mode4 .navbar-item p{
        text-align: center;

}


.cms .navbar-mode4 .navbar-item .sub {
    font-size: 10px;
}






.cms .navbar-mode5{
    color: #333;
    background-color: #ffffff;
    bottom: 0;
    position: absolute;
    width: 100%;
    max-width: 600px;
    z-index: 999999;
    height: 48px;
}
.cms.kutuiyun .navbar-mode5{

    position:fixed;

}
.cms .navbar-mode5 .navbar-item{
    width:15%;
    height:100%;
  float: left;
      border-top: 1px solid #E5E5E5;

}
.cms .navbar-mode5 .navbar-item.navbar-item-btn{
    width:35%;
        height:100%;
            border-top: 0;

}
.cms .navbar-mode5 .navbar-item.navbar-item-btn a{
    height:100%;
    display:block;
    line-height:50px;
}
.cms .navbar-mode5 .navbar-item.navbar-item-btn p.sub{
    height:100%;
    display:block;
}

.cms .navbar-mode5 .navbar-item.center .item-back .back{
       margin: 0 auto;
    background: #fff;
    width: 60px;
    height: 60px;
    border-top: 1px solid #E5E5E5;
    border-radius: 100%;
}
.cms .navbar-mode5 .navbar-item.center .navbar-img1,.cms .navbar-mode5 .navbar-item.center .navbar-img2{
    margin-top: 0px;
    height: 29px;
}
.cms .navbar-mode5 .navbar-item a{
    display: block;
    position: relative;
    width: 100%;
    height:100%;
    color: #333;
}

.cms .navbar-mode5 .navbar-item .navbar-img1{
    margin-top:3px;
    height:26px;
    width:auto;
        display:initial;

}
.cms .navbar-mode5 .navbar-item .navbar-img2{
    margin-top:3px;
    height:26px;    width:auto;
     display:none;
}
.cms .navbar-mode5 .navbar-item.on .navbar-img1{
    display:none;
}
.cms .navbar-mode5 .navbar-item.on .navbar-img2{
    display:initial;
}
.cms .navbar-mode5 .navbar-item.on a{
    color: #ff6633;
}
.cms .navbar-mode5 .navbar-item p{
        text-align: center;

}


.cms .navbar-mode5 .navbar-item .sub {
    font-size: 12px;
}

.cms .navbar-mode6 .navbar-item{
    width:20%;
  float: left;
}
.cms .navbar-mode5.navbar-mode7 .navbar-item{
        border-top:0;
}
.cms .navbar-mode5.navbar-mode7 .navbar-item.navbar-btn-item{
    width:70%;
    height:100%;
    padding:5px;
}
.cms .navbar-mode7 .navbar-item-btn-body{
    width:100%;
    height: 100%;
    overflow:hidden;
    position: relative;
}
.cms .navbar-mode7 .navbar-item-btn-body a{
    text-align:center;
    line-height:35px;
}
.cms .navbar-mode7 .navbar-item-btn-body .navbar-item-btn-1{
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 50%;
    display: block;
    width: auto;
    height: auto;
}.cms .navbar-mode7 .navbar-item-btn-body .navbar-item-btn-2{
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 50%;
    display: block;
    width: auto;
    height: auto;
}
.cms .navbar-mode5.navbar-mode7 .navbar-item .navbar-img1,.cms .navbar-mode5.navbar-mode7 .navbar-item .navbar-img2{
height: 22px;
    margin-top: 5px;
}
.cms .navbar-mode9 {
    text-align:right;
}
.cms .navbar-mode9 a {
    border:1px solid #000;
display: inline-block;
    opacity:1;
}
.cms.kutuiyun .navbar-mode9 a {
    opacity:0;
}
/*navbar end*/
/*split*/
.cms .split-mode1{
    width: 100%;
    text-align: center;
    border-bottom: 1px dashed rgba(255, 103, 50, 1);
}
.cms .split-mode1 img {
    height: 10px;
    margin-left: 10px;
    margin-right: 10px;
        display: inline;
}
.cms .split-mode2{
        display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 50px;
}
.cms .split-mode2 span {
    background-image: -webkit-linear-gradient(left,#FFA327,#FF5559);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bolder;
}

.cms .split-mode2 .split-blue {
    position: absolute;
    top: 4px;
    left: calc(50% + 32px);
    border: 3px solid #2EE4EE;
    width: 12px;
    height: 12px;
    border-radius: 1000px;
}
.cms .split-mode2 .split-plum {
    position: absolute;
    top: 58%;
    left: calc(50% + 48px);
    border: 2px solid #FF55CD;
    width: 6px;
    height: 6px;
    border-radius: 1000px;
}
 .cms .split-mode2 .split-yellow {
    position: absolute;
    top: 62%;
    left: calc(50% - 48px);
    border: 2px solid #FFD255;
    width: 8px;
    height: 8px;
    border-radius: 1000px;
}
 .cms .split-mode3 {

    height: 22px;
    border-left:3px solid #f63;
 }
 .cms .split-mode3 span{
     float:left;
     margin-left:5px;
 }
  .cms .split-mode3 a{
     float:right;
     font-size:12px;
     margin-right:5px;
         line-height: 22px;
 }
.cms .split-mode3 a i{
     font-size:12px;

}
.cms .split-mode4>.bod{
        height:100%;
        width:100%;
        background:no-repeat center;
        background-size:auto 100% ;
    }
/*split end*/
/*pendant*/
.cms .pendant-mode1{
    font-size: 10px;
    background-size: 39px 39px;
    width: 55px;
    height: 55px;
    border-radius: 55px;
    position: absolute;
    bottom: 75px;
    right: 10px;
    border: 2px solid #fff;
    background-color: #f63;
    display:block;
    z-index: 9999999;
        cursor: pointer;

}
#modeList .pendant-mode1{
    bottom: 0px !important;
    right: 40% !important;
}
.cms.kutuiyun .pendant-mode1{
        display:none;

    position:fixed;

}
.cms .pendant-mode1 span{
    font-size: 40px;
    color: #fff;
       width: 102%;
    text-align: center;
    line-height: 55px;
    display: block;
    z-index: 9999;
}
.cms .pendant-mode2{
    font-size: 10px;
    background-size: 39px 39px;
    width: 55px;
    height: 55px;
    border-radius: 55px;
    position: absolute;
    bottom: 75px;
    right: 10px;
    border: 2px solid #fff;
    background-color: #f63;
    display:block;
    z-index: 9999999;
    cursor: pointer;

}
#modeList .pendant-mode2{
    bottom: 0px !important;
    right: 40% !important;
}
.cms.kutuiyun .pendant-mode2{
    display:block;
    position:fixed;

}
.cms .pendant-mode2 span{
    font-size: 40px;
    color: #fff;
    width: 102%;
    text-align: center;
    line-height: 55px;
    display: block;
    z-index: 9999;
}
.cms .pendant-mode3{
    width: 55px;
    position: absolute;
    right: 10px;
    display:block;
    z-index: 9999999;
    cursor: pointer;

}
#modeList .pendant-mode3{
    bottom: 0px !important;
    right: 40% !important;
}
.cms.kutuiyun .pendant-mode3{
        display:block;

    position:fixed;

}
.cms .pendant-mode5{
    font-size: 10px;
    background-size: 39px 39px;
    width: 40px;
    height:40px;
    border-radius:40px;
    position: absolute;
    border: 2px solid #fff;
    background-color: #f63;
    display:block;
    z-index: 9999999;
    cursor: pointer;

}
#modeList .pendant-mode5{
    bottom: 0px !important;
    right: 40% !important;
}
.cms.kutuiyun .pendant-mode5{
    display:block;
    position:fixed;

}
.cms .pendant-mode5 span{
    font-size: 30px;
    color: #fff;
    width: 100%;
    text-align: center;
    line-height: 40px;
    display: block;
    z-index: 9999;
}
.cms .pendant-mode6{
    font-size: 10px;
    height:34px;
    border-radius:34px;
    position: absolute;
    background-color: #f63;
    display:block;
    z-index: 9999999;
    cursor: pointer;
    line-height:34px;
    padding-right:10px;

}
#modeList .pendant-mode6{
    top: 0px !important;
    left: 0px !important;
        display:block;

}
.cms.kutuiyun .pendant-mode6{
    position:fixed;
        display:none;

}
.cms .pendant-mode6 img{
    width: 24px;
    height: 24px;
    margin:5px;
     display: initial;
        vertical-align: top;
}
.cms .pendant-mode7{
    width: 55px;
    height: 55px;
    position: absolute;
    bottom: 75px;
    right: 10px;
    display:block;
    z-index: 999999;
    cursor: pointer;

}
#modeList .pendant-mode7{
    top: 0px !important;
    right: 40% !important;
}
.cms.kutuiyun .pendant-mode7{
        display:block;

    position:fixed;

}
.cms .pendant-mode7-details {
   
    background-color: #fff;
    z-index: 999999999;
        display: none;

}
.cms.kutuiyun .pendant-mode7-details{
 position: fixed;

    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999999;
    background-color: rgba(0,0,0,.3);
    padding: 0 15px;
}
.cms .pendant-mode7-details .details-text-alert{

}
.cms .pendant-mode7-details .details-alert {
margin: 0 auto;
    margin-top: 15px;
    width: 100%;
    max-width: 600px;
    background-color: #FFF;
}
.cms .pendant-mode7-details .details-alert h2 {
    position: relative;
    height: 47px;
    line-height: 47px;
    color: #FFF;
    text-align: center;
    background: #FF8154;
    background: linear-gradient(90deg,#FF8154,#Fc3E58);
}.cms .pendant-mode7-details .details-alert h2 .close {
    position: absolute;
    right: 15px;
    padding:15px;
}
 .cms .pendant-mode7-details .details-alert p.tip {
    padding: 10px;
    margin: 0;
    color: #828888;
    text-align: center;
    font-size: 12px;
    background-color: #F6F7F6;
}
 .cms .pendant-mode7-details .qrimage{
     width:90%;
     margin:5%;
     
    background: url(https://img.li5.me/member/1/file/201801101733008333237.gif) center no-repeat;
    min-height:100px;
 }

 .cms .pendant-mode8{
    font-size: 10px;
    background-size: 39px 39px;
    height: 55px;
    border-radius: 55px;
    position: absolute;
    bottom: 75px;
    right: 10px;
    border: 2px solid #fff;
    background-color: #f63;
    display:block;
    z-index: 9999999;
    cursor: pointer;

}
#modeList .pendant-mode8{
    bottom: 0px !important;
    left: 0px !important;
}
.cms.kutuiyun .pendant-mode8{
    display:block;
    position:fixed;
}
.cms .pendant-mode8 span{
    font-size: 40px;
    color: #fff;
    width: 102%;
    text-align: center;
    line-height: 55px;
    display: block;
    z-index: 9999;
}

.cms .pendant-mode9{
    width: 55px;
    height: 55px;
    position: absolute;
    bottom: 75px;
    right: 10px;
    display:block;
    z-index: 999999;
    cursor: pointer;

}
#modeList .pendant-mode9{
    top: 0px !important;
    right: 40% !important;
}
.cms.kutuiyun .pendant-mode9{
        display:block;

    position:fixed;

}
.cms .pendant-mode9-details {
   
    background-color: #fff;
    z-index: 999999999;
        display: none;

}
.cms.kutuiyun .pendant-mode9-details{
 position: fixed;

    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999999;
    background-color: rgba(0,0,0,.3);
    padding: 0 15px;
}
.cms .pendant-mode9-details .details-text-alert{

}
.cms .pendant-mode9-details .details-alert {
margin: 0 auto;
    margin-top: 15px;
    width: 100%;
    max-width: 600px;
    background-color: #FFF;
}
.cms .pendant-mode9-details .details-alert h2 {
    position: relative;
    height: 47px;
    line-height: 47px;
    color: #FFF;
    text-align: center;
    background: #FF8154;
    background: linear-gradient(90deg,#FF8154,#Fc3E58);
}.cms .pendant-mode9-details .details-alert h2 .close {
    position: absolute;
    right: 15px;
    padding:15px;
}
 .cms .pendant-mode9-details .details-alert p.tip {
    padding: 10px;
    margin: 0;
    color: #828888;
    text-align: center;
    font-size: 12px;
    background-color: #F6F7F6;
}
 .cms .pendant-mode9-details .details-list{
     width:100%;

 }
  .cms .pendant-mode9-details .details-list.loading{

    background: url(https://img.li5.me/member/1/file/201801101733008333237.gif) center no-repeat;
    min-height:100px;
 }
.cms .pendant-mode9-details .details-list .coupon{
    width:100%;
    padding:10px 10px;
    border-bottom: #e9e5e6 1px solid;
}
.cms .pendant-mode9-details .details-list .coupon span{
        line-height: 25px;
}
.cms .pendant-mode9-details .details-list .coupon b{
    color:#f63;
}
.cms .pendant-mode9-details .details-list .coupon a{
    float:right;
    color: #fff;
    background: #fe9602;
    background: -webkit-gradient(linear, 0 0, right 0, from(#fe9602), to(#ff6831));
    background: linear-gradient(linear, 0 0, right 0, from(#fe9602), to(#ff6831));
    font-size: 12px;
    line-height: 25px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px;
}
.cms .pendant-mode11{
    background-color: #fff;
    z-index: 55555;
    overflow: hidden;
        position: absolute;
    height:300px;
}
.cms.kutuiyun .pendant-mode11{
    position: fixed;
    top: 100px;
    height:auto;
}
.cms .pendant-mode11 .pendant-mode11-swiper-container{
    width:100%;
    height:100%;
    position:relative;
} 
.cms .pendant-mode11 .swiper-slide {
    height: auto;
}
/*pendant end*/
/*search*/
.cms .search-mode1{
   
    background-color: #fff;
    z-index: 999999999;
    
}
.cms.kutuiyun .search-mode1{
 position: fixed;
    width: 100%;
    max-width:600px;
    height: 100%;
      top: 100px;
      opacity: 0;
    display: none;
}
.cms .search-mode1 .search-mode1-head{
    text-align: left;
    height: 45px;
    line-height: 45px;
    background-color: #F0F0F0;
    text-align: center;
    color: #F63;
    z-index: 300;
    display: box;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-box-align: center;
    box-align: center;
}
.cms .search-mode1 .search-mode1-head-close{
    color: #f63;
    text-align:center;
    padding-right: 10px;
    padding-left: 10px;

    font-size: 14px;
    left: 0px;
    width: 50px;
        line-height: 45px;
    display: block;
}
.cms .search-mode1 .search-mode1-head-input{
    -webkit-box-flex: 1;
    box-flex: 1;
    -ms-box-flex: 1;
    -ms-flex: 1;
    position: relative;
}
.cms .search-mode1 .search-mode1-head-input input{
    font-size: 14px;
    width: 100%;
    height: 35px;
    line-height:35px;
    padding-left: 10px;
    border: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    display: box;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-box-align: center;
    box-align: center;
}
.cms .search-mode1 .search-mode1-head-btn{
        color: #f63;

    padding-right: 10px;
    padding-left: 10px;

    text-align:center;
    font-size: 14px;
        line-height: 45px;
    display: block;
}
.cms .search-mode1 .search-his{
    padding: 10px;
    display: table;
}
.cms .search-mode1 .search-his a{    
    float: left;
    margin: 0 10px 10px 0;
    padding: 10px 10px;
    background: #e6e6e6;
    color: #666;
}
.cms .search-mode1 .search-his-clear{
        height: 45px;
    line-height: 45px;
    color: #333;
    text-align: center;
    font-size: 16px;
    background-color: #FFF;
    display: block;
}
.cms .search-mode1 .search-hot{
        padding: 0px;
} 
.cms .search-mode1 .search-hot a {
    padding: 15px 10px 15px 10px;
    font-size: 15px;
    line-height: 15px;
    position: relative;
    display: block;
    color: #333;
    border-bottom:1px solid #a1a1a1;
}
.cms .search-mode3{
    width:100%;
    position: relative;
}
.cms .search-mode3 .search-back{
    width:100%;
    max-width:600px;
    height:auto;
}
.cms .search-mode3 .search-body{
    position: absolute;
    bottom: 5px;
    width:100%;
    max-width:600px;
    padding:0 5%;
}
.cms .search-mode3 .search-body i {
    width: 28px;
    height: 28px;
    background-image: url(../img/search_icon.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left:8%;
    top: 10px;
}
.cms .search-mode3 .search-body input {
    display: inline-block;
    border: none;
    line-height: 24px;
    padding: 10px 0 10px 50px;
    font-size: 15px;
    outline: 0;
    color: #333;
    width:80%;
    float:left;
    border-radius: 0;
}
.cms .search-mode3 .search-body  a {
    display: inline-block;
    line-height: 44px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    background: rgba(255, 103, 50, 1);
    border: none;
        float:left;
    width:20%;

}

.cms .search-mode4{
    width:100%;
        position: relative;
}
.cms .search-mode4 .search-back{
    width:100%;
    max-width:600px;

    height:auto;
    min-height:160px;
}
.cms .search-mode4 .search-body{
    position: absolute;
    bottom: 5px;
    width:100%;
    max-width:600px;
    padding:0 10px;
}

.cms .search-mode4 .search-body textarea {
    border: 10px solid #fff;
    line-height: 15px;
    padding: 10px;
    font-size: 14px;
    width: 100%;
    color: #333;
    height: 100px;
    resize: none;
    background: #EFEFEF;
    display: block;
}

.cms .search-mode4 .search-body  a {
    line-height:40px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    background: rgba(255, 103, 50, 1);
    border: none;
    width:100%;
    display:block;
    margin-top:10px;
}

.cms .search-mode5 {
    height:40px;
}

.cms .search-mode5 img {
    height:20px;
    position:absolute;
    left:15px;
    top:10px;
    bottom:10px;
}
.cms .search-mode3.search-mode5 .search-body a{
    width:80px;
    position:absolute;
    right:0;
    top:0;
    line-height:40px;
}
.cms .search-mode3.search-mode5 .search-body input{
    width:100%;
 padding: 10px 10px 10px 45px;
 line-height: 20px;
}
.cms .search-mode3.search-mode5 .search-body {
    position: relative;
    width: 100%;
    bottom:0;
    max-width: 600px;
    padding: 0;
    padding-right: 70px;
}
/*search end*/
/*aku*/
.cms .aku-mode1{
    overflow: hidden;
    width: 100%;
    height: 44px;
    position: relative;
    text-decoration: none;
    display: none;
}

.cms .aku-mode1 .aku-logo{
        width: 35px;
    height: 35px;
    position: absolute;
    top: 4px;
    left: 12px;
}
.cms .aku-mode1 .aku-words {
    position: absolute;
    top: 0;
    left: 54px;
    line-height: 44px;
    font-size: 14px;
    color: #fff;
}
.cms .aku-mode1 .aku-arrow {

    position: absolute;
    top: 0;
    right: 12px;
    line-height: 48px;
    font-size: 18px;
}
.cms .aku-mode2{
    overflow: hidden;
    width: 100%;
    height: 50px;
    position: relative;
    text-decoration: none;
        display: none;

}

.cms .aku-mode2 .aku-logo{
        width: 42px;
    height: 42px;
    position: absolute;
    top: 4px;
    left: 12px;
}
.cms .aku-mode2 .aku-title {
    position: absolute;
    top: 6px;
    left: 60px;
    line-height: 20px;
    font-size: 14px;
    color: #fff;

}
.cms .aku-mode2 .aku-desc {
    position: absolute;
    top: 26px;
    left: 60px;
    line-height: 20px;
    font-size: 10px;
    color: #fff;
}
.cms .aku-mode2 .aku-btn {
    position: absolute;
    top: 10px;
    right: 12px;
    line-height: 28px;
    font-size: 14px;
    border:1px solid #fff;
    padding-left:15px;
    padding-right:15px;
}
.cms .aku-mode3{
    overflow: hidden;
    width: 100%;
    height: 210px;
        position: relative;

    text-decoration: none;
     display: none;

}

.cms .aku-mode3 .aku-logo{
    width: 60px;
    height: 60px;
        position: absolute;

    top: 30px;
    left: 50%;
    margin-left:-30px;
}
.cms .aku-mode3 .aku-title {
    width:100%;
    text-align:center;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    margin-top:100px;
    display:block;

}
.cms .aku-mode3 .aku-desc {
    width:100%;
    text-align:center;
    line-height: 20px;
    font-size: 10px;
    color: #fff;
    margin-top:3px;
    display:block;
}
.cms .aku-mode3 .aku-btn {
    width:90px;
    text-align:center;
    display:block;
    margin:0 auto;
    line-height: 33px;
    font-size: 14px;
    margin-top:10px;

}
.cms .aku-mode4{
    font-size: 0;
}
.cms .aku-mode4 a{
    display: block;
}
.cms .aku-mode4 .aku-logo{
    width: 100%;
    height: auto;
    display: block;
}
.cms .aku-mode5{
    overflow: hidden;
    width: 100%;
    height: 40px;
    position: relative;
    text-decoration: none;
}

.cms .aku-mode5 .aku-words {
    position: absolute;
    top: 0;
    left: 10px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
}
.cms .aku-mode5 .aku-btn {
    position: absolute;
    top: 7px;
    right: 10px;
    line-height: 24px;
    font-size: 12px;
    border:1px solid #fff;
    padding-left:15px;
    padding-right:15px;
}


.cms .aku-mode6{
    width: 100%;
    height:105px;
}
.cms.kutuiyun .aku-mode6{
    display:none;

}
.cms .aku-mode6 .aku-btn{
    position:absolute;
    top:10px;
    right:10px;
    height:50px;
}
.cms .aku-mode6 .aku-words{
    padding-right: 50px;
    padding-left: 30px;
        padding-top: 30px;
}
.cms .aku-mode7{
    overflow: hidden;
    width: 100%;
    min-height: 18px;
    position: relative;
    text-decoration: none;
}

.cms .aku-mode7 .aku-words {
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    margin-left:10px;
    margin-right:10px;
}
.cms .aku-mode8{
        background-color: #fff;
    z-index: 999999999;
}

.cms.kutuiyun .aku-mode8{
    position: fixed;
    top: 0px;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999999;
    background-color: rgba(0,0,0,.3);

}
.cms .aku-mode8 .box{
    width:100%;
    position: relative;    text-align: center;
}
.cms .aku-mode8 .box img{
        width:100%;

}
.cms .aku-mode8 .code-android,.cms .aku-mode8 .code-ios{
    display:none;
}
.cms .aku-mode8 .copy-link {
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -136px;
    width: 273px;
    height: 112px;
    color: #474747;
}
.cms .aku-mode8 .copy-link .code {
    width: 264px;
    margin: 0 auto;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background-color: #EDEDED;
    border: none;
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
}.cms .aku-mode8 .copy-link  button {
    margin: 12px 0;
    width: 100px;
    height: 36px;
    line-height: 36px;
    background-color: #F44B27;
    border-radius: 20px;
    font-size: 14px;
    color: #FFF;
    border: none;
}.cms .aku-mode8 .copy-link  p {
    margin-top: 5px;
    font-size: 12px;
}
.aku-mode9 a .pa{
height: 100%;
}
.aku-mode9 a .pa::before{
display: inline-block;
content: "";
height: 100%;
vertical-align: middle;
}
.cms .aku-mode10{
    border-bottom: 1px solid #f2f2f2;
    color: #333;
    background-color: #ffffff;
    position: relative;
}
.cms .aku-mode10>a {
    width: 100%;
    display: block;
    height:48px;
    overflow: hidden;
}
.cms .aku-mode10 .ico{
    width: 28px;
    height:28px;
    float:left;
    margin-left:10px;
    margin-top:10px;
    margin-right:5px;
}


.cms .aku-mode10 .title {
font-size: 14px;
color:#333;
float:left;
line-height:48px;

}


.cms .aku-mode10 .sub {
font-size: 12px;
color: #999;
    line-height: 48px;
    position: absolute;
    right: 25px;
    top: 0;
}

.cms .aku-mode10 .arrow {
    position: absolute;
    right: 6px;
    top: 0;
line-height:48px;

}
.cms .aku-mode10 .arrow .iconfont{
    color: #999;
}
.cms .aku-mode11{
    padding: 5px ;
    position: relative;
    z-index:0;
}
.cms .aku-mode11 img{
    width: auto;
    height: 20px;
    float: left;
    margin-left:3px;
    margin-right:5px;
}
.cms .aku-mode11 .aku-notice {
    overflow: hidden;
    margin-left: 20px;
    color: #FF6A00;
    margin-right:5px;
}
.cms .aku-mode11 .aku-inner{
}
.cms .aku-mode11  .aku-inner p,.cms .aku-mode11  .aku-inner span{
    padding-right:30px;

}
.cms .aku-mode12 a{
    padding:3px 0px;
    display: block;
}

.cms .aku-mode14{

    position: relative;
    z-index:1;
}

.cms .aku-mode14 .aku-notice {
    overflow: hidden;
    margin-left: 20px;
    color: #FF6A00;
    margin-right:5px;
}
.cms .aku-mode14 .aku-inner{
        width: 100%;
    display: block;
    text-align: center;
}
.cms .aku-mode14 .aku-inner span {

}

.cms .aku-mode15{
    position:relative;
    bottom: 0;
    width: 100%;
    max-width: 600px;
}
.cms.kutuiyun .aku-mode15{
        z-index: 9999999;

    position:fixed;

}
.cms .aku-mode15 .aku-logo{
    width: 100%;
    height: auto;
}
.cms .aku-mode15.aku-mode16{
    position:initial;
    bottom: auto;

}
.cms .aku-mode17 .item-detail {
    width:100%;
    height:90px;
    box-sizing: border-box;
    position: relative;
    list-style-type: none;
    list-style-image: none;
    display: block;
    padding:0px 5px;

}
.cms .aku-mode17 .item-img {
    width: 80px;
    height:  80px;
    position: absolute;
    top: 5px;
    left: 10px;   
     overflow: hidden;
         background-size: cover;
    border-radius: 3px;
        background-position-y: center;
    background-position-x: center;
}

.cms .aku-mode17 .item-right {
    margin-left: 93px;
    line-height: 1;
    height: 85px;
    box-sizing: border-box;
    padding-top:10px;
    padding-right:5px;
}
.cms .aku-mode17 .item-right .item-title {
    font-size:16px;
    width: 100%;
    color: #4a4a4a;
    overflow: hidden;
    display:block;
    text-overflow: ellipsis;
    margin-bottom:7px;
    font-weight: bold;
    white-space: nowrap;
}
.cms .aku-mode17 .item-right .item-introduce {
    font-size:14px;

    line-height: 16px;

    height: 32px;
    width: 100%;
    color: #4a4a4a;
    overflow: hidden;
    display:block;
    text-overflow: ellipsis;
    margin-bottom:7px;
}

.cms .aku-mode17 .item-right .item-line {
    display: block;
    font-size:12px;
}
.cms .aku-mode18 {
}
.cms .aku-mode18 .item-detail {
    padding:5px 10px;
        height:auto;

}

.cms .aku-mode18 .item-title {
    font-size: 16px;
    line-height: 20px;
    max-height: 40px;
    width: 100%;
    color: #4a4a4a;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    margin-bottom:5px;
    font-weight:bold;
        padding: 0px 2px;
}
.cms .aku-mode18 .item-img-body {
    width: 33.33333333%;
    padding-bottom:25%;
  float: left;
      position: relative;
}
.cms .aku-mode18 .item-img-body .item-img {
    background-color: #e1e1e1;
    position: absolute;
    top: 0px;
    left: 3px;
    bottom: 5px;
    right: 3px;
    width:auto;
    height:auto;

    background-repeat: no-repeat;
    background-position: center;
}

.cms .aku-mode18  .item-line {
    display: block;

        padding: 0px 2px;
    font-size: 12px;
}
.cms .aku-mode18  .item-img-body-3.imgtype0,.cms .aku-mode18  .item-img-body-3.imgtype1,.cms .aku-mode18  .item-img-body-3.imgtype2{
    display:none;
}
.cms .aku-mode18  .item-img-body-2.imgtype0,.cms .aku-mode18  .item-img-body-2.imgtype1{
    display:none;
}
.cms .aku-mode18  .item-img-body-1.imgtype0{
    display:none;
}
.cms .aku-mode18  .item-img-body-1.imgtype2,.cms .aku-mode18  .item-img-body-2.imgtype2{
    width:50%;
    padding-bottom:30%;

}
.cms .aku-mode18  .item-img-body-1.imgtype1{
    width:100%;
    padding-bottom:40%;

}
.cms .aku-mode19{
    width: 100%;

 }
  .cms.kutuiyun .aku-mode19 {
    position: fixed;
    left: 0;
    top: 0;
    right:0;
    bottom:0;
    z-index:9998;
    display:none;
  } 
  .cms .aku-mode19 .alert-body{
    position: relative;
    height: 100%;
    width: 100%;
  }
.cms.kutuiyun  .aku-mode19 .alert-img{
    position: absolute;
  }
.cms .aku-mode19 a ,.cms .aku-mode19 span{
    position: absolute;
    display:block;
}
.cms .aku-mode19 img {
    width: 100%;
    vertical-align: middle;
}
/*aku end*/
/*details*/
.cms .details-mode1{
    width:100%;

} 
.cms .details-mode1 .details-image {
    position: relative;
    width:100%;
    overflow:hidden;
}
.cms .details-mode1 .details-info {
    padding: 15px;
}
.cms .details-mode1 .details-info  h3 {
    color: #030303;
    font-size: 16px;
    
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
}
.cms .details-mode1 .details-info  h3 .gicon{

}
.cms .details-mode1 .details-info p.rec {
    margin-top: 10px;
    color: #F16628;
    font-size: 12px;
}
.cms .details-mode1 .details-info  .price{
    position: relative;
    height: 28px;
    line-height: 28px;
    padding-top: 12px;
}
.cms .details-mode1 .details-info .price span,
.cms .details-mode1 .details-info  .price + p{
    color: #696969;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
}
.cms .details-mode1 .details-info  .price > i{
    color: #FE814B;
    font-size: 20px;
}
.cms .details-mode1 .details-info  .price b{
    color: #C7C4C4;
    font-size: 12px;    text-decoration: line-through;
}
.cms .details-mode1 .details-info  .coupon em {
    position: absolute;
    right: 0;
    top: 1px;
    height: 14px;
    line-height: 14px;
    padding: 0 4px;
    font-size: 9px;
    color: #FFF;
}.cms .details-mode1 .details-info  .coupon {
    position: absolute;
    right: 0;
    top: 20px;
    display: inline-block;
    padding-left: 1px;
    padding-right: 18px;
    height: 16px;
    line-height: 16px;
    text-align: left;
    font-size: 11px;
    background: linear-gradient(180deg,#FE814B,#EDB361);
}.cms .details-mode1 .details-info .coupon > i {
    display: inline-block;
    height: 14px;
    line-height: 14px;
    padding: 0 2px;
    color: #FE814B;
    background-color: #FFF;
}
.cms .details-mode2 .vplayer {
    padding: 0;
    border: 0;
    width: 100%;
    background-color: #3e3e3e;
    min-height:180px;
    background-image: url(https://img.li5.me/member/1/file/201710041145581953237.png);
    background-size: 80px;
    background-repeat: no-repeat;
    background-position: 50%;
}
.cms .details-mode2 .details-info{
    padding:5px;
}
.cms .details-mode2 .details-info .details-info-title{
    font-size:16px;
}
.cms .details-mode2 .details-info .details-info-title small{
    font-size:12px;
    color:#a1a1a1;
    margin-left:5px;
}
.cms .details-mode2 .details-info-info{
    font-size:12px;
    color:#a1a1a1;
}
.cms .details-mode2 .details-xianlu{

}
.cms .details-mode2 .details-xianlu .details-xianlu-title{
    font-size:12px;
    color:#f63;
    margin-left:5px;
}
.cms .details-mode2 .details-xianlu select{
    font-size:12px;
    float:right;
    margin-right:5px;
}
.cms .details-mode2 .details-xuan{
        padding:5px;

}
.cms .details-mode2 .details-xuan ul{

}
.cms .details-mode2 .details-xuan ul li{

        color: #a1a1a1;
    border: 1px solid #a1a1a1;
    height: 35px;
    padding: 0 5px;
    min-width:35px;    display: block;
    float: left;
    line-height: 30px;
    text-align: center;
    margin-right: 5px;
       margin-top:5px;

}
.cms .details-mode2 .details-xuan ul li.hover{
    color:#ff6633;
    border: 1px solid #ff6633;
}
.cms .details-mode2 .details-xuan .details-xuan-title small{
        font-size:12px;
    color:#f63;
    margin-left:5px;
}
.cms .details-mode2 .details-jianjie{
    padding:5px;
}
.cms .details-mode2 .details-jianjie .details-jianjie-title{
    display:block;
    width:100%;
}
.cms .details-mode2 .details-jianjie .details-jianjie-info{
    font-size:12px;
    width:100%;
        color:#a1a1a1;

}
.cms .details-mode3{
        padding-top:20px;;

            width: 100%;
    height: 100%;
    min-height:300px;
    background-size: cover;
    background-position: center;
}
.cms .details-mode3 .details-image1{
    text-align: center;
    margin: 10px auto 0;
    display: block;
    width: 120px;
}
.cms .details-mode3 .details-image2{
        text-align: center;
    margin: 10px auto 0;
    display: block;
    height: 16px;
}.cms .details-mode3 .details-image3{
    width: 45%;
    display: block;
    margin: 20px auto;
} 
.cms .details-mode3 .details-btn{
    height: 44px;
    display: block;
    border-radius: 22px;
    text-align: center;
    line-height: 44px;
    margin: 0 50px 14px;
    font-size: 16px;
    position: relative;
    background-color: #4ACF8C;
    color: #fff;
}
.cms .details-mode3 iframe{
    display:none;
}
.cms .details-mode4{
    background-size: cover;
    padding-top:16px;
}
.cms .details-mode4 .details-icon{
        position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    z-index: 1;
}.cms .details-mode4 .details-icon img{
    position: relative;
    width: 100%;
    z-index: 2;
}
 .cms .details-mode4 .details-icon:before {
    position: absolute;
    content: "";
    bottom: -6px;
    left: -14px;
    height: 11px;
    width: 107px;
    background: url(https://img.li5.me/member/2/file/201710161444485737939.png) no-repeat scroll 0 0;
    background-size: cover;
    z-index: 1;
}
 .cms .details-mode4  .details-title{
         margin: 8px 0 6px;
    font-size: 18px;
    line-height: 0;
    text-align: center;
    color: #3a3a3a;
    overflow: hidden;
 }
  .cms .details-mode4  .details-title .title-panel {
    position: relative;
    display: inline-block;
    max-width: 50%;
}
   .cms .details-mode4  .details-title  .title-box {
    display: inline-block;
    line-height: 21px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
   .cms .details-mode4  .details-title   .title-tag {
position: absolute;
    top: 4px;
    right: -35px;
    line-height: 12px;
    padding: 1px 2px 0;
    border: 1px solid rgba(253,195,195,0.8);
    font-size: 12px;
    font-style: normal;
    color: #da7272;
    background-color: rgba(241,105,105,0.1);
}
     .cms .details-mode4  .details-explain   {
         line-height: 14px;
    font-size: 12px;
    text-align: center;
    color: #939393;
 }
     .cms .details-mode4 .details-btn{
    height: 33px;
    display: block;
    border-radius: 22px;
    text-align: center;
    line-height:33px;
        width: 240px;
        margin:0 auto;
        margin-top:10px;

    font-size: 15px;
    position: relative;
    background-color: #4ACF8C;
    color: #fff;
}
.cms .details-mode4 .tips{
    color: #939393;
    font-size: 12px;
    line-height: 1.5;
    margin: 0 auto;
    width:230px;
    margin-top:10px;
}
.cms .details-mode4 .tips span {
    position: relative;
    padding-left: 19px;
    display: inline-block;
    margin-right: 25px;
}
.cms .details-mode4 .tips span.tips-userSafe{
    margin-right:0px;
}
.cms .details-mode4 .tips span.tips-virus:before {
    background: url(https://img.li5.me/member/2/file/201710161454452457939.png) no-repeat scroll 0 0;
    background-size: cover;    position: absolute;
    content: "";
    width: 16px;
    height: 14px;
    top: 2px;
    left: 0;
}
.cms .details-mode4 .tips span.tips-adver:before {
    background: url(https://img.li5.me/member/2/file/201710161454479957939.png) no-repeat scroll 0 0;
    background-size: cover;    position: absolute;
    content: "";
    width: 16px;
    height: 14px;
    top: 2px;
    left: 0;
}
.cms .details-mode4 .tips span.tips-userSafe:before {
    background: url(https://img.li5.me/member/2/file/201710161454508237939.png) no-repeat scroll 0 0;
    background-size: cover;    position: absolute;
    content: "";
    width: 16px;
    height: 14px;
    top: 2px;
    left: 0;
}
.cms .details-mode4 iframe{
    display:none;
}
.cms .details-mode5{
        background: #faf5f6;
    padding: 10px 0;
}
.cms .details-mode5 .details-code{
    position: relative;
    display: block;
    margin: 0 auto;
    width:290px;
    overflow: hidden;
    line-height: 40px;
    height: 40px;
    text-align: center;
    padding-right: 80px;
}
.cms .details-mode5 .details-code .code-ios,.cms .details-mode5 .details-code .code-android{ 
    height: 40px;
    color: #7f4900;
    line-height: 40px;
    width: 100%;
    background: white;
    font-size: 20px;
    padding: 0;
    border: dashed 1px #ff4400;
    box-sizing: border-box;
    font-family: "Microsoft Yahei";
    position: relative;
    display:none;
}
.cms .details-mode5 .details-code .code {
    text-align: center;
    padding-left: 0;
    line-height: 38px;
    height: 38px;
    width: 200px;
    border: none;
    font-size: 20px;
    font-family: "Microsoft Yahei";
}
.cms .details-mode5 .details-code .keycopy {
        position: absolute;
    width: 80px;
    height: 40px;
    right: -80px;
    background: #ff4400;
    display: block;
    line-height: 40px;
    text-align: center;
    top: -1px;
    color: #fff;
    border:none;
    font-size: 12px;
}
.cms .details-mode5 .details-desp{
        font-size: 12px;
    margin: 8px 0;
    color: #999;
    text-align:center;
}

.cms .details-mode6 .pic-detail {
    display: block;
    border-bottom: #e9e5e6 1px solid;
    width: 100%;
    background: white;
    text-align: center;
    overflow: hidden;
}
.cms .details-mode6 .pic-detail .pic-detail-btn {
    display: block;
    margin: 0 auto ;
}
.cms .details-mode6 .pic-detail .pic-detail-show{
    display:none;
    padding:10px;
}
.cms .details-mode6 .pic-detail .pic-detail-show img{
    width:100%;
}
.cms .details-mode6 .pic-detail span.pic-detail-btn-span {
    border: #ff6a00 1px solid;
    color: #ff6a00;
    border-radius: 16px;
    margin: 12px auto;
    width: 110px;
    height: 25px;
    display: block;
    line-height: 25px;
    font-size: 12px;
}
.cms .details-mode7 .pic-detail {
    display: block;
    border-bottom: #e9e5e6 1px solid;
    width: 100%;
    background: white;
    text-align: left;
    overflow: hidden;
        padding:10px;

}
.cms .details-mode7 .pic-detail .pic-detail-title {
     font-weight: bold;
    font-size: 14px;
    display: block;
    color: #000000;
}
.cms .details-mode7 .pic-detail .pic-detail-show {
    font-size: 12px;
    display: block;
    color: #a1a1a1;
    margin-top:3px;
}
.cms .details-mode8{
   
    background-color: #fff;
    z-index: 999999999;
    
}
.cms.kutuiyun .details-mode8{
 position: fixed;

      top: 100px;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999999999;
    background-color: rgba(0,0,0,.3);
    padding: 0 15px;
}
.cms .details-mode8 .details-text-alert{

}
.cms .details-mode8 .details-alert {
       margin:0 auto;
    width: 100%;
    max-width:600px;
    background-color: #FFF;
}
.cms.kutuiyun .details-mode8 .details-alert {
 margin-top: 100px;

}
.cms .details-mode8 .details-alert h2 {
    position: relative;
    height: 47px;
    line-height: 47px;
    color: #FFF;
    text-align: center;
    background: #FF8154;
    background: linear-gradient(90deg,#FF8154,#Fc3E58);
}.cms .details-mode8 .details-alert h2 .close {
    position: absolute;
    right: 15px;
    padding:15px;
}
 .cms .details-mode8 .details-alert  .wrapper {
    padding: 20px 30px;
    text-align: center;
} 
 .cms .details-mode8 .details-alert .code {
    width: 100%;
    height: 220px;
    line-height: 1.5;
    font-size: 12px;
    text-align: left;
    border: 1px dashed #FE4B68;
    background-color: #FFF6F2;
    resize: none;
    box-sizing: border-box;
    overflow: auto;
    display:none;
    padding: 14px;
        color: #000;
}  .cms .details-mode8 .details-alert .bar {
    padding-top: 15px;
}
.cms .details-mode8 .details-alert  .btn {
    display: inline-block;
    width: 70%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #FFF;
    border-radius: 25px;
    border: none;
        background: linear-gradient(90deg,#FF8154,#Fc3E58);
}.cms .details-mode8 .details-alert  p.tip {
    padding: 10px;
    margin: 0;
    color: #828888;
    text-align: center;
    font-size: 12px;
    background-color: #F6F7F6;
}
 .cms .details-mode9{
    background-size: contain;
    overflow: hidden;
    width: 100%;
    max-width:600px;
        position:relative; 
           font-size: 0;

 }

 .cms .details-mode9 .details-back{
    width: 100%;
   
 }
   .cms .details-mode9 .details-code{
 position: absolute;
    top:0px;
    left:0px;
    right:0px;
    top: 80%;
 }
.cms .details-mode9 .details-code .code-ios,.cms .details-mode9 .details-code .code-android{ 
    color: #7f4900;
    width: 78%;
    margin-left:11%;
    text-align: center;
    
    padding: 0;
    display:none;
}
.cms .details-mode9 .details-code .code{
    width:100%;
    font-size:18px;
        font-family: "Microsoft Yahei";
background:none;
border:0;
color:#fff;
text-align:center;
}
.cms .details-mode9 .details-code .keycopy {
    background: #ff4400;
    display: block;
    line-height: 35px;
    text-align: center;
    color: #944185;
    border: none;
    font-size: 16px;
    width:200px;
    margin:0 auto;
    margin-top:5%;;
    font-family: "Microsoft Yahei";
    font-weight:bold;
    background: linear-gradient(90deg,#40e2b8,#7ee37b);
    border-radius:40px;
}

.cms .details-mode10{
    padding-left:15px;
        padding-right:15px;

}
.cms .details-mode10 .price {
    color: #696969;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
}
.cms .details-mode10 .price > i {
    color: #FE814B;
    font-size: 16px;
} .cms .details-mode9.details-mode11{
    position: relative;
 }
.cms .details-mode12{
    padding-bottom:10px;
  }

.cms .details-mode13{
    padding-bottom:10px;
  }
.cms .details-mode13 .details-row{
        font-size: 14px;
    border-bottom: 1px solid #E8E8E8;
    height: 45px;
    position: relative;
    padding-left: 10px;
}
.cms .details-mode13 .details-row .details-title{
position: absolute;
    top: 50%;
    margin-top: -11px;
    left:40px;
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    color: #333;
    padding-right: 20px;
}
.cms .details-mode13 .details-row .details-award{
    position: absolute;
    top: 50%;
    margin-top: -11px;
    right: 10px;
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    color: #333;
}
.cms .details-mode13 .details-row .details-award span{
    color:#f50;
}
.cms .details-mode13 .details-row .details-radio-icon{
    background-image: url("../img/c-radio-icon.png");
    background-size: 44px 22px;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: 10px;
 }
.cms .details-mode13 .details-row.select{
}
.cms .details-mode13 .details-row.select .details-radio-icon{
        background-position: -22px 0;
}


.cms .details-mode14{
    overflow: hidden;
    width: 100%;
    height: 50px;
    position: relative;
    text-decoration: none;

}

.cms .details-mode14 .aku-logo{
        width: 42px;
    height: 42px;
    position: absolute;
    top: 4px;
    left: 12px;
}
.cms .details-mode14 .aku-title {
    position: absolute;
    top: 6px;
    left: 60px;
    line-height: 20px;
    font-size: 14px;
    color: #fff;

}
.cms .details-mode14 .aku-desc {
    position: absolute;
    top: 26px;
    left: 60px;
    line-height: 20px;
    font-size: 10px;
    color: #fff;
}
.cms .details-mode14 .aku-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    line-height: 24px;
    font-size: 13px;
    border:1px solid #fff;
    padding-left:15px;
    padding-right:15px;
}
.cms .details-mode15 {

    display: block;
    border-bottom: #e9e5e6 1px solid;
    width: 100%;
    background: white;
    text-align: left;
    overflow: hidden;
    padding: 10px;

}
.cms .details-mode15 h5{
    font-size:14px;
}
.cms .details-mode15 img{
    height:16px;
    margin-top:5px;
}
.cms .details-mode15 label{
    float:left;
}
.cms .details-mode15 .dsr-body{
    margin-top:10px;
    font-size: 12px;
}
.cms .details-mode15 .dsr{
    float:right;
}
.cms .details-mode15 .dsr i{
    background:url(../img/dsr.png) no-repeat;
       height: 12px;
    width: 12px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: baseline;

}
.cms .details-mode15 .dsr .up i{
            margin-left:-1px;

}
.cms .details-mode15 .dsr .equal i{
    background-position: -24px 2px;
            margin-left:1px;

}
.cms .details-mode15 .dsr .down i{
        background-position: -12px 0px;
        margin-left:-1px;
}
.cms .details-mode15 .dsr .up span{
    color:#f08275
}
.cms .details-mode15 .dsr .equal span{
        color:#73AEF3

}
.cms .details-mode15 .dsr .down span{
       color: #74CD9B

}
.cms .details-mode16 .order-act{
    color: #333;
    height: 70px;
    border-bottom: 1px solid #f2f2f2;
}
.cms .details-mode16 .order-act li {
width: 33.333%;
float:left;
}
.cms .details-mode16 .order-act  li a {
display: block;
width:100%;
padding-top:12px;

height:70px;
}
.cms .details-mode16 .order-act  li .p {
text-align: center;
margin:0 auto;
display: block;
position: relative;
width:40px;

}
.cms .details-mode16 .order-act span{
    font-size:29px;
    color:#999;
        line-height:28px;

}
.cms .details-mode16 .order-act span .iconfont{
    line-height:29px;

}
.cms .details-mode16 .order-act .sub {
font-size: 11px;
display:block;
margin-top:-3px;
}
.cms .details-mode16 .order-act .number {
position: absolute;
top: -3px;
right: 0;
min-width: 6px;
height: 16px;
line-height:16px;
padding: 0 4px;
border: 1px solid #ff5000;
border-radius: 12px;
color: #ff5000;
font-weight: 700;
font-size: 12px;
background: #fff;

}

.cms .details-mode17  {
color: #333;
position: relative;
background-color:#ffffff;
display: block;
height: 90px;
position: relative;
padding-right: 10px;
border-bottom: 1px solid #f2f2f2;
margin-bottom:5px;
}

.cms .details-mode17 .backimg{
    background:#f63 ;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    height:40px;
}
.cms .details-mode17 .avater {
position: absolute;
top: 10px;
left: 20px;
width:60px;
height: 60px;
border-radius:60px;
border:2px solid #ffffff;
background-color:#ffffff;
z-index:99;
overflow:hidden;
}
.cms .details-mode17 .avater img{
    width:100%;
    height:100%;
}
.cms .details-mode17 .user-info {
z-index: 1;
position: relative;
height: 100%;
padding-top: 10px ;
box-sizing: border-box;

font-size: 12px;
color: #666;
}.cms .details-mode17 .level-avater {
    z-index:99;
    position: absolute;
    bottom:10px;
    left: 10px;
    display:none;
}
.cms .details-mode17 .ulevel {
    width:80px;
    height:auto;
    z-index:99;
    
}
.cms .details-mode17 .user-info  .number{
    color:#ff5000;

}
.cms .details-mode17 .uname {
font-size: 15px;
color: #ffffff;
margin-top: 1px;
margin-bottom: 10px;
padding-left: 100px;
}
.cms .details-mode17 ul{
    color: #333;
    text-align: center;
    display: -webkit-box;
    margin: 0 auto;
    box-sizing: border-box;
    padding-left: 90px;
    padding-top:5px;
}
.cms .details-mode17 ul li{
    color:#999;
    width:33.3333%;
    border-left: 1px solid #f2f2f2;
}
.cms .details-mode17 ul li:first-child {
    border: 0;
}
.cms .details-mode17 ul li .tittle{
    font-size:14px;
    color:#333;
}
.cms .details-mode17 .sub{
    color: #999;
}



.cms .details-mode18  {
color: #333;
position: relative;
background-color:#ffffff;
display: block;
position: relative;
border-bottom: 1px solid #f2f2f2;
margin-bottom:5px;
}

.cms .details-mode18 .backimg{
    background:#f63 ;
    width: 100%;
    
    height:140px;
}
.cms .details-mode18 .avater {
position: absolute;
top: 30px;
left: 50%;
width:60px;
height: 60px;
margin-left:-30px;
border-radius:60px;
border:2px solid #ffffff;
background-color:#ffffff;
z-index:99;
overflow:hidden;
}
.cms .details-mode18 .avater img{
    width:100%;
    height:100%;
}

.cms .details-mode18 .uinfo {
font-size: 15px;
color: #ffffff;
position: absolute;
top: 100px;
left: 0;
right:0;
text-align:center;
display:block;
}
.cms .details-mode18 .uname {
font-size: 15px;
display:inline-block;

}
.cms .details-mode18 .level-avater {
   
    z-index:99;
    position: absolute;
    bottom:84px;
    left: 50%;
    margin-left: -40px;
    display:none;
}
.cms .details-mode18 .ulevel {
    width:80px;
    height:auto;
    z-index:99;
    
}
.cms .details-mode18 .user-info {
z-index: 1;
position: relative;
height: 100%;
box-sizing: border-box;
font-size: 12px;
color: #666;
}
.cms .details-mode18 .user-info  .number{
    color:#ff5000;

}

.cms .details-mode18 ul{
    color: #333;
    text-align: center;
    display: -webkit-box;
    box-sizing: border-box;
    padding:5px;

}
.cms .details-mode18 ul li{
    color:#999;
    width:33.3333%;
    border-left: 1px solid #f2f2f2;
}
.cms .details-mode18 ul li:first-child {
    border: 0;
}
.cms .details-mode18 ul li .tittle{
    font-size:14px;
    color:#333;
}
.cms .details-mode18 .sub{
    color: #999;
}
.cms .details-mode19 .qrimage{
    width: 90%;
    margin: 5%;
    background: url(https://img.li5.me/member/1/file/201801101733008333237.gif) center no-repeat;
    min-height: 100px;
}


.cms .details-mode20{
    width:100%;

} 
.cms .details-mode20 .details-image {
    position: relative;
    width:100%;
    overflow:hidden;
}
.cms .details-mode20 .details-image img{
    width:100%;
    height:100%;
}
.cms .details-mode20 .details-info {
    padding: 10px;
}
.cms .details-mode20 .details-info  h3 {
    color: #030303;
    font-size: 16px;
    
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
}
.cms .details-mode20 .details-info  h3 .gicon{

}
.cms .details-mode20 .details-info p.rec {
    margin-top: 10px;
    color: #F16628;
    font-size: 12px;
}
.cms .details-mode20 .details-info  .price{
    position: relative;
    height: 28px;
    line-height: 28px;
    padding-top: 6px;
}
.cms .details-mode20 .details-info .price span,
.cms .details-mode20 .details-info  .price + p{
    color: #696969;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
}
.cms .details-mode20 .details-info  .price > i{
    color: #FE814B;
    font-size: 20px;
}
.cms .details-mode20 .details-info  .price b{
    color: #C7C4C4;
    font-size: 12px;    text-decoration: line-through;
}

.cms .details-mode21  {
color: #333;
border-bottom: 1px solid #f2f2f2;
}
.cms .details-mode21 ul{
    color: #333;
    height:60px;
    padding:10px;
    text-align: center;
}
.cms .details-mode21 ul li{
    color:#999;
    width:25%;
    float:left;
    border-left: 1px solid #f2f2f2;
}
.cms .details-mode21 ul li:first-child {
    border: 0;
}
.cms .details-mode21 ul li .tittle{
    font-size:14px;
    color:#333;
}
.cms .details-mode21 .sub{
    color: #999;
}


.cms .details-mode22 .order-act{
    color: #333;
    border-bottom: 1px solid #f2f2f2;
    padding-top:10px;
    padding-bottom:10px;
    height: 64px;
}
.cms .details-mode22 .order-act li {
width: 33.333%;
float:left;
}

.cms .details-mode22 .order-act  li .p {
text-align: center;
margin:0 auto;
display: block;

}
.cms .details-mode22 .order-act span{
    color:#999;
    text-align:center;
    display:block;
}

.cms .details-mode22 .order-act .sub {
    font-size: 10px;
    font-weight: 300;
}
.cms .details-mode22 .order-act .number {
font-size: 20px;

}
.cms .details-mode24 a{
    display:block;
    height: 48px;
    position: relative;
}
.cms .details-mode24 .details-info{
}
.cms .details-mode24 .title{
    padding-left:10px;
}
.cms .details-mode24 .details-list
{
    display:none;
}
.cms .details-mode25 .swiper-slide div{
    width:100%;
    background-repeat:no-repeat;
    background-size:100%;
    background-position:center center;
}


.cms .details-mode26 .yugu{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.cms .details-mode26 .yugu a{
    display:block;
    float:left;
    width:50%;
}
.cms .details-mode26 .yugu a .fl{
    width: 100%;
    text-align: center;
    border-radius: 8px;
    padding: 10px;
}

.cms .details-mode27 .yugu{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.cms .details-mode27 .yugu a{
    display:block;
    float:left;
    width:100%;
    position: relative;
}
.cms .details-mode27 .yugu p{
    position:absolute;
    left:0;
    width:30%;
        height: 30px;
   line-height: 30px;
   text-align:center;
}
.cms .details-mode27 .yugu a .fl{
    width: 100%;
    text-align: center;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    height: 30px;
   line-height: 30px;
   background: #f2f2f2;
}
.cms .details-mode27 .yugu a span{
    width: 100%;
    text-align: left;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    height: 30px;
    display:block;
   line-height: 30px;
   padding-left:10px;
}
.cms .details-mode29 .yugu a{
    width:33.333%;
}
.cms .details-mode30.details-mode18{
    border-bottom:0px;
}
.cms .details-mode30.details-mode18 .level-avater{
    bottom:38px;
}
.cms .details-mode31 .more-info {
        height:30px;
}
.cms .details-mode31 .more-info .more-info-icon-c{
    background:url(https://img.li5.me/member/1/file/201810041827490543237.png) no-repeat  left  ;
    background-size:auto 100%;
    height:40px;
        display: block;
            margin-left:-10px;
            float:left;
            padding-left:35px;
            padding-top:10px;
}.cms .details-mode31 .more-info .more-info-icon-s{
    background:url(https://img.li5.me/member/1/file/201810041827521793237.png) no-repeat  left  ;
    background-size:auto 100%;
    height:40px;
    display: block;
    float:right;
    padding-left:35px;
    padding-top:10px;
}
    .cms .details-mode31 .more-info {
        color:#888e9a;
        font-size: 14px;

    }
    .cms .details-mode31 .details-info .more-info i {
        color: #fc6555;
font-size: 14px;
font-weight: bold;
}.cms .details-mode31 .details-info .more-info b {
color: #4f4f4f;
font-size: 14px;
}
    .cms .details-mode31 .details-info .price-info > i {
        color: #EA6E5C;
font-size: 24px;
margin-right: 10px;
font-weight: bold;
font-style: italic;
}.cms .details-mode31 .details-info .price-info b {
color: #c0c0c0;
font-size: 12px;
text-decoration: line-through;
}
    .cms .details-mode31 .details-info  h3{
            color: #5f697c;
font-size: 16px;
margin-top:5px;
font-weight:bold;
    }
.cms .details-mode31 .details-info{
        margin: 13px;
box-shadow: 0px 0px 8px #e3e7ef;
border-radius: 10px;
    z-index: 1;
    margin-top:-40px;
    position: relative;
    background:#fff;
    padding-top:10px;
    margin-bottom:0px;
}
.cms .details-mode32{
    position: relative;
}
.cms .details-mode32 .details-back{
    width:100%;
    height:auto;
}
.cms .details-mode32 .details-body{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.cms .details-mode32 .details-jump{
    position:absolute;
    right:10%;
    top:10%;
    bottom:20%;
}.cms .details-mode32 .details-info{
    position:absolute;
    left:10%;
    top:10%;
    bottom:20%;
    display:flex;
    width:50%;
}
.cms .details-mode32 .details-jump-back{
    height:100%;
    width:auto;
}
.cms .details-mode32 .details-info .info-c{
    height: 100%;
    float: left;
    line-height: 46px;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    font-style: italic;
}
.cms .details-mode32 .details-info .info-t{
    height: 100%;
    float: left;
    color: #fff;
    margin-left:5%;
    padding:3%;
}
.cms .details-mode32 .details-info .info-t span{
    display:block;
            font-weight:bold;

}
.cms .details-mode32 .details-info .info-t .info-t-rmb{
    opacity:.7;
}
.cms .details-mode33 .details-info {
    margin:0px 13px ;
    border-radius: 10px;
    background: #fff;
}
.cms .details-mode33 .details-info .head{
    width:100%;
    height:auto;
    display:block;
}
.cms .details-mode33 .details-info .pic-detail-show{
    text-align:center;
    color:#c0c0c0
}.cms .details-mode33 .details-info .pic-detail-show img{
    width:100%;
}
.cms .details-mode34 .details-box{
    width: 100%;
    max-width: 600px;
    height: 100%;
    top: 0;
    position:relative;
    z-index: 1;
    padding-top:10px;
    padding-bottom:10px;
}
.cms.kutuiyun .details-mode34 .details-box{
    opacity:0;
    display:none;
    position: fixed;
    z-index: 9999999;
    padding:0;
}
.cms .details-mode34 .details-box-over{
    background: #000;
    opacity: .2;
    top:0;
    width:100%;
    height:100%;
    position:absolute;
    z-index: -1;

}
.cms.kutuiyun .details-mode34 .details-box-over{
}
.cms .details-mode34 .details-box-body{
    z-index: 9999999;

}
.cms.kutuiyun .details-mode34 .details-box-body{
    position: absolute;
    left:10px;
    right:10px;
    bottom:10px;
}
    .cms.kutuiyun .details-mode34 .details-box-body{
    bottom:-50px;

}
.cms .details-mode34 .details-box-body-title{
    text-align:center;
    border-radius:10px  10px 0 0;
    padding-bottom:5px;
}
.cms .details-mode34 .details-box-body-title span{
    vertical-align: bottom;
    line-height:25px;
    font-size:16px;
    font-weight:bold;
} .cms .details-mode34 .details-box-body-title span i{
    vertical-align: bottom;
    line-height:25px;
    font-size:16px;
    font-weight:bold;
}
    .cms .details-mode34 .details-box-body-title img{
    height:40px;
    width:auto;
}
.cms .details-mode34 .details-box-body-uplevel{
    text-align:center;

}.cms .details-mode34 .details-box-body-uplevel span{
        line-height:30px;
    font-size:14px;
        display: block;
}.cms .details-mode34 .details-box-body-uplevel span a{
        line-height:30px;
    font-size:14px;
    text-decoration:underline;
    }
.cms .details-mode34 .details-box-body-button{
    text-align:center;
    padding-bottom:10px;
}
.cms .details-mode34 .details-box-body-button a{
    width:19%;
    display:inline-block;

} .cms .details-mode34 .details-box-body-button a>img{
    width:100%;
}
      
  
.cms .details-mode34 .details-box-body-close{
    margin-top:10px;
    line-height:50px;
    font-size:18px;
    text-align:center;
    border-radius:10px;
    display:block;
    color:#808080;
} 

.cms .details-mode35 .details-box {
    background-color: #fff;
    z-index: 999999999;
    width:100%;
    max-width:318px;
}
.cms.kutuiyun .details-mode35 .details-box{
    position: fixed;
    top: 0;
    bottom: 0;
    width:100%;
    max-width:600px;
    z-index: 99999999;
    background-color: rgba(0,0,0,.3);
    padding: 0 15px;
    display: none;

}

.cms .details-mode35 .details-box .details-alert {
margin: 0 auto;
    margin-top: 15px;
    width: 100%;
    max-width: 600px;
        min-height:100px;
    background-size: auto 60%;
    background-repeat:no-repeat;
    background-position:center;
    position:relative;
}

.cms .details-mode35 .details-box .details-alert .close {
    position: absolute;
    right: -17px;
    top:-17px;
    width:35px;
    height:35px;
}
.cms .details-mode35 .details-box .details-alert .close img {

    width:35px;
    height:35px;
}
 .cms .details-mode35 .details-box .details-alert .tips {
    width:100%;
    display:none;
}
 .cms .details-mode35 .details-box .qrimage{
     width:100%;
     min-height: 100px;
}
  .cms.kutuiyun .details-mode35 .details-box .qrimage{
          display:none;

}
.cms .details-mode36 {
    position: relative;
    display:block;
}
.cms.kutuiyun .details-mode36 {
    display:none;
}
.cms .details-mode36 .details-back {
    width: 100%;
    height: auto;
}

.cms .details-mode36 .details-body {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.cms .details-mode36 .details-jump {
    position: absolute;
    right: 10%;
    top: 10%;
    bottom: 20%;
        z-index: 9;
}

.cms .details-mode36 .details-info {
    position: absolute;
    left: 10%;
    top: 10%;
    bottom: 20%;
}

.cms .details-mode36 .details-jump-back {
    height: 100%;
    width: auto;
}

.cms .details-mode36 .details-info .info-c {
    width: 100%;
    float: left;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align:center;
}

.cms .details-mode36 .details-info .info-t {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 12px;
    text-align:center;

}
.cms .details-mode43{
    width: 100%;
    display: block;
}
.cms .details-mode43 .alert-body{
    position:relative;
}
.cms .details-mode43 .back{
    width: 100%;
    height:auto;
}
.cms .details-mode43 .title{
    position:absolute;
}
.cms .details-mode43 .icon{
    position:absolute;
}

.cms .details-mode46 {
    display: block;
    height: 90px;
    background-repeat: no-repeat;
    background-size: cover;
}

.cms .details-mode46 .avater {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 50px;
}

    .cms .details-mode46 .avater img {
        width: 100%;
        height: auto;
    }
.cms.kutuiyun .details-mode46 .level-avater, .cms.kutuiyun .details-mode46 .user-code {
    display: none;
}

.cms .details-mode46 .user-info {
    position: absolute;
    top: 15px;
    left: 70px;
    color: #fff;
}

    .cms .details-mode46 .user-info p, .cms .details-mode46 .user-info a {
        float: left;
    }

    .cms .details-mode46 .user-info img {
        height: 100%;
        vertical-align: top;
    }

.cms .details-mode46 .user-code {
    position: absolute;
    top: 40px;
    left: 70px;
    color: #fff;
}

.cms .details-mode46 .user-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 20px;
}

    .cms .details-mode46 .user-btn a {
        float: right;
        height: 100%;
    }

    .cms .details-mode46 .user-btn img {
        height: 100%;
        vertical-align: top;
    }
/*details end*/
/*input start*/
.cms .input-mode1{
    padding-bottom:5px;
}
.cms .input-mode3 .details-button{
    margin-top:0px;
    display:block;
}
.cms.kutuiyun .input-mode3 .details-button{
    display:none;
}
.cms .input-mode4 .details-button{
    margin-top:0px;
}
.cms .input-mode6{
        height:200px;
}
.cms.kutuiyun .input-mode6{
        height:auto;
}
.cms .input-mode6 .verify-overlay{
        display:none;

}
.cms .input-mode6 .verify-body{
    display:block;
    position:inherit;
    margin-top:0px;
}
.cms.kutuiyun .input-mode6 .verify-body{
    display:none;
    position: fixed;
    margin-top:-110px;
}

.cms.kutuiyun .input-mode8{
        height:auto;
}
.cms .input-mode8 .verify-overlay{
        display:none;
    z-index: 9999998;
}
.cms .input-mode8 .verify-body{
    display:block;
    position:inherit;
    margin-top:0px;
}
.cms.kutuiyun .input-mode8 .verify-body{
    display:none;
    position: fixed;
    left:inherit;
    top: 0%;
    width:100%;
    max-width:600px;
    bottom:0px;
        border-radius: 0px;
        z-index: 9999999;
}
.cms .input-mode8 .edit-body{
    height:400px;
}
.cms .input-mode8 .btn-select{
    width:40%;
      float:left;
      margin-left:5%;
      margin-right:0;
      line-height:35px;
}
.cms .input-mode8 .verify-btn{
    height:55px;
}
.cms .input-mode8 .btn-upload{
    width:40%;
    float:right;
          line-height:35px;
      margin-right:5%;
      margin-left:0;
}
.cms .input-mode8 .image-edit-body-select{
    background:url(https://img.li5.me/member/1/file/201803271104136693237.png) no-repeat center;
    width:100%;
    height:100%;
}
.cms .input-mode9 input{
    display:none;
}
.cms .input-mode9 .input-row{
    padding-top:12px;
    padding-left: 50px;
    border-bottom:0;
}

.cms .input-mode9 .star-info-body{
    display:inline-block;
    vertical-align: top;
    height:21px;
    font-size:14px;
    float:right;
        margin-right:10px;
        color:#7e7e7e;
}
.cms .input-mode9 .star-info-body span{
        font-size: 18px;
        color:#f4b018;
        font-weight:bold;
}
.cms .input-mode10 .input-row{
    padding-left:0;
    height:auto;
    border-bottom:0;
    padding:0 10px;
     padding-bottom:30px;
}
.cms .input-mode10 .input-row textarea{
    height:initial;
    border: 1px solid #E8E8E8;
    resize:none;
    padding:3px;
}


.cms .input-mode11 ul{
    width:100%;
    padding:5px;
}
.cms .input-mode11 ul li{
    width:33.33%;
    padding-bottom:33.33%;
    text-align:center;
    position:relative;
    float:left;
}
.cms .input-mode11 ul li div{
    background-color:#e1e1e1;
    position:absolute;
    top:5px;
    left:5px;
   bottom:5px;
   right:5px;
       background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.cms .input-mode11 ul li div .image-delete{
     position:absolute;
    right:2px;
    top:2px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display:block;
     background:rgba(255, 255, 255, 0.9) url(https://img.li5.me/member/1/file/201803271226293563237.png) no-repeat center;
     background-size:50%;

}
.cms .input-mode11 ul li .input-image-select img{
    margin-top:10%;
    height:60%;
    width:auto;
}
.cms .input-mode11 ul li .input-image-select span{
    display:block;
    width:100%;
    text-align:center;
    color:#999;
    font-size:12px;
}
.cms .input-mode12{
    padding:0 10px;

}
.cms .input-mode12 .details-button{
    float:right;
    width:100px;
    margin:0;
    font-size:12px;
    line-height:30px;
}
.cms .input-mode12 .checkbox{
    float:left;
        margin-top: 5px;
}
 .input-mode16 .item-detail{
        display:block;
}
.input-mode16 .item-left-icon{
    position: absolute;
top: 0;
left: 0;
height: 100%;
text-align: center;
}
.input-mode16 .item-left-icon .img{
width: 20px;
}

/*input end*/

.cms.kutuiyun .game-mode3{
    display:none;

}

.cms .background-mode{
    display:block;
    padding: 5px 0;
        text-align:center;
    color:#f63;
border: 1px dashed #f63;
    background: #ffffff;
    margin: 5px;
}
.cms.kutuiyun .background-mode{
    display:none;
}