html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%;
    font-size: 50px;
}

body,button,dd,dl,dt,footer,h1,h2,h3,h4,input,li,nav,ol,p,textarea,ul {
    margin: 0;
    padding: 0
}

em,i {
    font-style: normal
}

input {
    -webkit-appearance: none
}

input:focus {
    outline: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

textarea {
    resize: none
}

li,ol,ul {
    list-style: none
}

img {
    vertical-align: middle;
    border: 0;
    max-width: 100%;
    -webkit-tap-highlight-color: transparent
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    color: #333
}

.fl {
    float: left
}

.fr {
    float: right
}

.ellipsis {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.black {
    color: #1a1a1a
}

.gary {
    color: #919191
}

.gs {
    color: #bcbec2;
}

.red {
    color: #ec615c
}

.orange {
    color: #fe8c13;
}

.hide {
    display: none!important;
}

.show {
    display: block!important;
}

.fm {
    font-size: .2rem
}

.mgb14 {
    margin-bottom: .14rem
}

.mgt10 {
    margin-top: .1rem
}

.tc {
    text-align: center;
}

.cl {
    zoom:1}

.cl:after {
    clear: both;
    content: '\0020';
    display: block;
    visibility: hidden;
    height: 0
}

body {
    min-width: 320px;
    height: 100%;
    font: .24rem/1.4 -apple-system-font,"Microsoft YaHei","Helvetica Neue",Arial,HelveticaNeue,Helvetica,sans-serif;
    background-color: #f5f5f5;
    color: #212121;
    -webkit-overflow-scrolling: touch;
}

.bw {
    background: #fff;
}

.loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999;
    text-align: center
}

.loading span {
    display: inline-block;
    background-color: rgba(255,255,255,.8);
    color: #000;
    height: .5rem;
    line-height: .5rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    min-width: 1.2rem;
    position: absolute;
    top: .28rem;
    right: .26rem;
    font-size: .26rem
}

.loading i {
    color: red
}

.warp {
    width: 7.5rem;
    margin: 0 auto;
}

.header,.tabbar,.menu {
    position: fixed;
    z-index: 100;
    width: 7.5rem;
    left: 50%;
    margin-left: -3.75rem
}

.header {
    top: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 .25rem;
    height: 1rem;
    line-height: 1rem;
    background: #fff;
}

.ht {
    text-align: center;
    font-size: .32rem
}

.ht::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #dcdce2
}

.back {
    position: absolute;
    top: .25rem;
    left: .25rem;
    display: block;
    width: .5rem;
    height: .5rem
}

.back::after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    margin: -.12rem 0 0 -.05rem;
    width: .24rem;
    height: .24rem;
    border-color: #333;
    border-style: solid;
    border-width: .03rem .03rem 0 0;
    content: "";
    -webkit-transform: matrix(-.71,.71,.71,.71,0,0);
    -moz-transform: matrix(-.71,.71,.71,.71,0,0);
    -ms-transform: matrix(-.71,.71,.71,.71,0,0);
    -o-transform: matrix(-.71,.71,.71,.71,0,0);
    transform: matrix(-.71,.71,.71,.71,0,0)
}

.dt .back::after {
    border-color: #fff
}

.tw_logo {
    float: left;
    display: block;
    width: 1.92rem;
    height: .67rem;
    background: url(../img/logo.png) no-repeat center/cover;
    margin-top: .15rem
}

.menu_btn {
    width: .58rem;
    height: .58rem;
    border-radius: 50%;
    background-color: #f0f3f6;
    top: .2rem;
    right: .25rem;
    position: absolute;
    background: url(/assets/addons/ad/img/service_logo.png) no-repeat center/cover;
}
/**
.menu_btn i,.menu_btn i:before,.menu_btn i:after {
    width: .32rem;
    height: .04rem;
    background: #464343;
    position: absolute;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
**/
.menu_btn i {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.menu_btn i:before {
    content: "";
    top: -.1rem
}

.menu_btn i:after {
    content: "";
    top: .1rem
}

.menu_btn.cur i {
    background: transparent
}

.menu_btn.cur i:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu_btn.cur i:after {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.menu {
    display: none;
    top: 0;
    z-index: 99;
    bottom: 0;
    background: rgba(255,255,255,.96);
}

.menu ul {
    background-color: #fff;
    margin-top: 1rem;
}

.menu li {
    border-top: 1px solid #e8e8e8;
    height: 1.1rem;
    line-height: 1.1rem;
}

.menu li a {
    display: block;
    line-height: 1.1rem;
    font-size: .3rem;
    color: #000;
    padding: 0 .55rem;
}

.menu.menu_show {
    -webkit-animation: fadeInDown .5s 0s ease-in-out both;
    animation: fadeInDown .5s 0s ease-in-out both;
}

.menu.menu_hide {
    -webkit-animation: fadeOutUp .5s 0s ease-in-out both;
    animation: fadeOutUp .5s 0s ease-in-out both;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.header .search_btn {
    display: block;
    position: absolute;
    right: .05rem;
    top: .18rem;
    width: 1.1rem;
    height: .66rem;
    line-height: .66rem;
    text-align: center;
    font-size: .3rem;
    font-weight: 700
}

.header~.container {
    border-top: 1rem solid transparent
}

.btn_tw_navback {
    display: block;
    position: absolute;
    top: .36rem;
    left: .2rem;
    width: .2rem;
    height: .2rem;
    border-top: .02rem solid #333;
    border-left: .02rem solid #333;
    transform: rotate(-45deg);
    cursor: pointer;
    z-index: 1;
}

.btn_tw_navback::before {
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
    right: -2px;
    bottom: -2px;
    cursor: pointer;
}

.tw_logo_sdk {
    height: .68rem!important;
}

.search_link_sdk {
    margin-right: .1rem!important;
}

.slide {
    height: 3.64rem;
    background: url(../img/home_swiper_bg.jpg) no-repeat center top/cover;
    padding-top: .23rem;
    overflow: hidden
}

.search,.hd_search {
    height: .66rem;
    -moz-border-radius: .06rem;
    border-radius: .06rem;
    background: #fff url(../img/search.png) no-repeat .25rem center/.29rem auto;
    padding-left: .78rem;
    font-size: .26rem
}

.header .search {
    background-color: #eff0f5;
    float: left;
    width: 4.22rem;
    padding-right: .5rem;
    margin: .18rem 0 0 .6rem
}

.hd_search {
    height: .58rem;
    float: left;
    width: 3.2rem;
    background-color: #f0f3f6;
    margin: .22rem 0 0 .2rem
}

.input {
    width: 100%;
    height: .66rem;
    outline: 0;
    border: 0;
    background-color: transparent;
    color: inherit;
    font-size: inherit;
    line-height: .66rem;
    -webkit-appearance: none
}

.hd_search .input {
    height: .58rem;
    line-height: .58rem;
    float: left;
}

input::-webkit-input-placeholder,.textarea::-webkit-input-placeholder {
    color: #9da0b3
}

input::-moz-placeholder,.textarea::-moz-placeholder {
    color: #9da0b3
}

input:-moz-placeholder,.textarea::-moz-placeholder {
    color: #9da0b3
}

input:-ms-input-placeholder,.textarea::-ms-input-placeholder {
    color: #9da0b3
}

.textarea {
    display: block;
    border: 0;
    resize: none;
    width: 100%;
    color: inherit;
    line-height: inherit;
    outline: 0;
    background-color: transparent;
}

.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1820px;
    perspective: 1820px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: -webkit-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-slide {
    overflow: hidden;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.swiper-slide img {
    width: 100%;
    height: 100%
}

.slide .swiper-container {
    width: 7.5rem;
    height: 3.43rem;
    position: relative
}

.slide .swiper-slide {
    -moz-transition: transform 1s;
    -webkit-transition: transform 1s;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    -o-transition: -o-transform 1s;
    -moz-transition: transform 1s, -moz-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s;
    -moz-transform: scale(.96,.9);
    -ms-transform: scale(.96,.9);
    -webkit-transform: scale(.96,.9);
    -o-transform: scale(.96,.9);
    transform: scale(.96,.9);
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 6.78rem;
    height: 3.43rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    overflow: hidden;
    -webkit-background-size: 1.47rem auto;
    -moz-background-size: 1.47rem auto;
    background-size: 1.47rem auto
}

.slide .swiper-slide-active {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
    bottom: .17rem;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: .43rem;
    height: .05rem;
    display: inline-block;
    -moz-border-radius: .025rem;
    border-radius: .025rem;
    margin: 0 .05rem;
    background: rgba(255,255,255,.3)
}

.swiper-pagination-bullet-active {
    background: #fde700
}

.cell,.flex {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    padding: .25rem .36rem
}

.cell:before,.title::before,.rec_sy::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #eee;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    left: 0;
    z-index: 2;
}

.cell:last-child::before {
    border: none
}

.c_bd,.flex_item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cell .tit {
    font-size: .3rem;
    line-height: .43rem;
    overflow: hidden
}

.cell .desc {
    color: #919191;
    font-size: .24rem;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cell .desc .cat {
    margin-left: .1rem;
}

.cell_ft {
    color: #9a9a9a;
    text-align: right
}

.c_hd {
    margin-right: .3rem;
    -moz-border-radius: .08rem;
    border-radius: .08rem;
    overflow: hidden
}

.tag {
    position: relative;
    display: inline-block;
    margin: 0 .05rem;
    border: 1px solid #ccc;
    padding: .06rem .15rem;
    line-height: 1;
    -moz-border-radius: .03rem;
    border-radius: .03rem;
    font-size: .2rem;
    color: #ccc;
    font-size: 12px;
    white-space: nowrap
}

.tag_red {
    border-color: #ec615c;
    color: #ec615c
}

.tit .tag {
    background-color: #f84a43;
    border-color: #f84a43;
    color: #fff
}

.tag_purple {
    border-color: #9000ff;
    color: #9000ff
}

.tag_blue {
    border-color: #00a8ff;
    color: #00a8ff
}

.hs {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding: .2rem .1rem .2rem .3rem;
    background-color: #fff;
}

.home_activity a {
    display: inline-block;
    width: 4.2rem;
    margin-right: .2rem;
    border-radius: .08rem;
    overflow: hidden;
}

.rec_sy {
    padding: .2rem .2rem .15rem;
    text-align: center;
    position: relative;
}

.rec_sy .item {
    width: 1.86rem;
    display: inline-block;
    padding: 0 .1rem;
}

.rec_sy .rec_img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .1rem;
    overflow: hidden;
    margin: 0 auto;
}

.rec_sy p {
    width: 1.4rem;
    margin: .15rem auto 0;
    height: .34rem;
    overflow: hidden;
}

.hot {
    padding-top: .12rem
}

.hot .cell .desc {
    font-size: 11px;
}

.title {
    height: .76rem;
    line-height: .76rem;
    padding: 0 .37rem;
    background: #fff;
    position: relative;
}

.title::before {
    border-top: none;
    border-bottom: 1px solid #eee;
}

.title.t2 {
    border-top: 1px solid #eee;
    border-bottom: none
}

.more {
    float: right;
    color: #919191;
    padding-right: .2rem;
    position: relative
}

.more:after {
    content: " ";
    display: inline-block;
    height: .12rem;
    width: .12rem;
    border-width: .02rem .02rem 0 0;
    border-color: #c6c6c6;
    border-style: solid;
    -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
    -moz-transform: matrix(.71,.71,-.71,.71,0,0);
    -ms-transform: matrix(.71,.71,-.71,.71,0,0);
    -o-transform: matrix(.71,.71,-.71,.71,0,0);
    transform: matrix(.71,.71,-.71,.71,0,0);
    position: relative;
    position: absolute;
    top: 50%;
    margin-top: -.06rem;
    right: 0
}

.t {
    position: relative;
    font-size: .3rem;
    float: left
}

.t span {
    position: relative;
    display: inline-block;
    z-index: 2
}

.t::before {
    content: "";
    width: .55rem;
    height: .08rem;
    -moz-border-radius: .04rem;
    border-radius: .04rem;
    background: #fde700;
    position: absolute;
    left: -.01rem;
    bottom: .2rem;
    z-index: 0
}

.group_tips {
    padding: 0 .3rem .2rem;
}

.group_tips img {
    border-radius: .06rem;
    display: block;
}

.glist .c_hd {
    width: 1.24rem;
    height: 1.24rem;
    -moz-border-radius: .18rem;
    border-radius: .18rem
}

.glist .tip {
    margin: .07rem 0
}

.glist .size {
    padding: 0 .14rem;
    margin: 0 .18rem;
    position: relative
}

.glist .size::after,.glist .size::before {
    content: "";
    width: 1px;
    height: .16rem;
    background: #ccc;
    position: absolute;
    top: 50%;
    margin-top: -.08rem
}

.glist .size::before {
    right: 0
}

.glist .size::after {
    left: 0
}

.btn {
    display: inline-block;
    border: .02rem solid #acacac;
    -moz-border-radius: .06rem;
    border-radius: .06rem;
    padding: .1rem .4rem;
    min-width: .5rem;
}

.alist .cell {
    padding: .24rem .36rem
}

.alist .c_hd {
    width: 2.4rem;
}

.alist .tit {
    height: .86rem
}

.topic_fist {
    margin: .24rem .36rem;
    -moz-border-radius: .08rem;
    border-radius: .08rem;
    overflow: hidden;
    position: relative;
}

.topic_name {
    height: .7rem;
    text-align: center;
    line-height: .7rem;
    position: absolute;
    bottom: 0;
    background: #eff0f5;
    width: 100%;
    -moz-border-radius: 0 0 .08rem .08rem;
    border-radius: 0 0 .08rem .08rem;
}

.nb .cell:before {
    border: none
}

.top {
    display: block;
    width: .77rem;
    height: .77rem;
    background: rgba(242,242,242,.83);
    border: 1px solid #cdcfd5;
    position: fixed;
    right: .35rem;
    top: 50%;
    z-index: 99999;
    margin-top: -.5rem;
    border-radius: 50%;
    display: none
}

.top::after {
    content: " ";
    display: inline-block;
    height: .3rem;
    width: .3rem;
    border-width: .03rem .03rem 0 0;
    border-color: #ff872f;
    border-style: solid;
    -webkit-transform: matrix(.71,-.71,.71,.71,0,0);
    -moz-transform: matrix(.71,-.71,.71,.71,0,0);
    -ms-transform: matrix(.71,-.71,.71,.71,0,0);
    -o-transform: matrix(.71,-.71,.71,.71,0,0);
    transform: matrix(.71,-.71,.71,.71,0,0);
    position: relative;
    position: absolute;
    top: .3rem;
    left: 50%;
    margin-left: -.15rem
}

.app_tip {
    background: rgba(0,0,0,.8);
    height: 1.06rem;
    position: fixed;
    overflow: hidden;
    cursor: pointer;
    z-index: 9;
    left: 0;
    bottom: 1rem;
    right: 0;
    padding-left: 1.17rem;
    color: #ececf3
}

.app_tip .twlogo {
    width: .66rem;
    height: .66rem;
    position: absolute;
    left: .2rem;
    top: .21rem
}

.app_tip .an {
    margin: .13rem 0 0;
    font-size: .32rem;
    font-weight: 400
}

.app_tip .bt {
    display: block;
    position: absolute;
    background: #fde700;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    font-size: .28rem;
    line-height: .65rem;
    padding: 0 .38rem;
    top: .2rem;
    right: .73rem
}

.app_tip .x {
    display: inline-block;
    height: .65rem;
    width: .65rem;
    position: absolute;
    top: .2rem;
    right: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQjg2MzY0QzlBQjQxMUU4QjY2MUUyNkREMTQ1RkE3MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQjg2MzY0RDlBQjQxMUU4QjY2MUUyNkREMTQ1RkE3MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBCODYzNjRBOUFCNDExRThCNjYxRTI2REQxNDVGQTczIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBCODYzNjRCOUFCNDExRThCNjYxRTI2REQxNDVGQTczIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+45k4RwAAAbFJREFUeNqM1E0oRFEYBuA7d6YpNrOymCILsbKysRWSkEiKUNgQkZIyQklWfhJFys9sBsVIFFJ+FjZiRbIZSlmILGZhFpPBe6b36us2l/PVI9+Zue+cc+651xUOhw3UFHTCHAwZ+lUOTbAKZx4OdkEaBOATRjWCqmELvFAKfpMfLIkvjUDfP0FFsMEgVY/qjxXWDyHx5RlodQgqgF1IZx+BOhn2Be2wx94Fy1BrC8qFI/Cxf+a+vcgwVXFohHP2btiEEvaZcAoZ7N+hAh6sANP2yzGogWv2Xs62Ck4YqOoDKuFWXmym2JMof/GevdqbfcgTK1B38tJ+oemwyW9QBk+28QQ0cLmGbpjBTb2zjb3CldMFTmHqbga5XFl+OBQ3QStsno+JVSHeHFX53EOfTtgYdIt+EZp55uIcK4QdPoKOYb2253Idevj/MWebYF/Mc+hJFdYCs6I/gDZxsapt6IBv8bAHuce/YWpwzRpEXUC9WJasFRgQvZrtpBWWzem6+eENT3zsj2MzDROiV6+w5HqzxEZG+G6KarzPhjkBtacLVpha0iDkwDhPv24FKFk/AgwAr8hVNUImpkcAAAAASUVORK5CYII=) no-repeat center/.19rem auto
}

.down_icon {
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    width: 1.55rem;
    height: 1.66rem;
    position: fixed;
    right: .2rem;
    bottom: 0;
    z-index: 1000;
    background: url('../img/app_down_icon.png') no-repeat center / cover;
}

.down_icon a {
    display: block;
    width: .94rem;
    height: 1.15rem;
    position: absolute;
    right: .15rem;
    bottom: 0;
    overflow: hidden;
    text-indent: -999em;
    font-size: 0;
}

.foot_show + .down_icon {
    transform: translate(0,-1.1rem);
    -webkit-transform: translate(0,-1.1rem);
}

.dt {
    position: relative;
    padding-bottom: 1.35rem
}

.dt .dg {
    height: 1.35rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 .38rem 0 1.9rem;
    background: #fff
}

.dt .dg_logo {
    width: 1.4rem;
    height: 1.4rem;
    -moz-border-radius: .26rem;
    border-radius: .26rem;
    border: .04rem solid #fff;
    background: #fff;
    position: absolute;
    left: .32rem;
    bottom: .26rem;
    overflow: hidden
}

.dt .gn {
    font-size: .3rem;
    margin: .1rem 0 .05rem;
    padding-left: .05rem
}

.dt .btn {
    position: absolute;
    right: .38rem;
    top: .33rem;
    padding: .1rem .15rem;
    border-color: #333
}

.detail_main {
    padding: .36rem .32rem
}

.detail_main .swiper-slide {
    width: 2.8rem;
    height: 5rem;
    margin-right: .1rem
}

.detail_main .swiper-container {
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 100%;
    height: 5rem
}

.dp {
    padding: .15rem .25rem
}

.dp .title {
    padding: 0
}

.article {
    margin-top: .2rem;
    line-height: .45rem;
}

.article * {
    max-width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    word-wrap: break-word
}

.related {
    padding: .1rem 0
}

.related li {
    width: 100%;
    display: block;
    height: .5rem;
    line-height: .5rem;
    color: #666;
    position: relative;
    overflow: hidden
}

.related li span {
    margin: 0 .15rem 0 0
}

.pack li {
    border-bottom: 1px solid #ebebeb;
    padding: .25rem 0
}

.pack li .desc {
    line-height: .32rem;
    color: #919191
}

.pack .pt {
    line-height: .5rem
}

.gift_game .btn,.pack .pt .btn {
    color: #fc3f36;
    border-color: #fc3f36;
    font-size: .26rem;
    float: right;
    padding: 0 .3rem;
    line-height: .46rem
}

.pack .num {
    margin: .05rem 0 .1rem
}

.progress {
    float: left;
    width: 3.2rem;
    height: .08rem;
    -moz-border-radius: .04rem;
    border-radius: .04rem;
    background: #f5f5f5;
    overflow: hidden;
    margin: .12rem .1rem 0 0
}

.progress .progress_bar {
    display: block;
    height: .08rem;
    background-color: #f55e57;
    width: 0
}

.footbtn {
    height: 1.4rem
}

.foot_fixed {
    padding: .32rem .35rem;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.btn_big {
    display: block;
    line-height: .8rem;
    width: 100%;
    font-size: .32rem;
    text-align: center;
    -moz-border-radius: .08rem;
    border-radius: .08rem
}

.btn_big,.copy,.pop_main::after {
    background: #fde700;
    background: -moz-linear-gradient(left,#ffd901,#fdee01);
    background: -webkit-gradient(linear,0 100%,from(#ffd901),to(#fdee01));
    background: -webkit-linear-gradient(left,#ffd901,#fdee01);
    background: -o-linear-gradient(left,#ffd901,#fdee01)
}

.btn_disabled {
    background: #e4e4e4;
    color: #8f9093;
}

.btn_link {
    background: #fde700;
    border-color: #fde700;
    color: #212121;
    font-size: .26rem
}

.search_main {
    border-top: 1px solid #eee
}

.search_main .st {
    padding: 0 .32rem;
    line-height: 1.04rem;
    font-size: .28rem;
    color: #919191
}

.search_main .change {
    float: right;
    padding-right: .45rem;
    color: #919191;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAfCAYAAAAWRbZDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBN0E1QjlFQjk5NzMxMUU4QTE3RUYzM0VBQTNFNzVFOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBN0E1QjlFQzk5NzMxMUU4QTE3RUYzM0VBQTNFNzVFOSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE3QTVCOUU5OTk3MzExRThBMTdFRjMzRUFBM0U3NUU5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE3QTVCOUVBOTk3MzExRThBMTdFRjMzRUFBM0U3NUU5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ImzZHwAAArZJREFUeNq0lluITWEUx/fZLpNSM4Mh4oVcZl4laQYzlBJmkvDgkjGKJ8qDa07ORJqREuMSRS55oAwmnOHFk6dBLo/Hg2YajCKDpsb1t/Tf9TnZ5myz96pf397f2d/672+ftb61UplMxotgW+EgbIYrNpFOpwte7HvRbBKMhEuwJuLayGJ74bbWXYRVSYiNg7VwCL47ay83NjbWxiW2EO7Ba3267eA6HwZHERxeiNjQkPmJcBqWOHM98BCKYLHmXsEigqTfbhCdyrAOzjLXWcjO5sIjR+gW1MB42AOzNP8SqnCac9bazvfZeoTnDSRmD7TDWOiyt4Y6eAA/oAnGSKhaz7h2QnNlkEWwJkxsCtyEEfBCO7if5+wcXAsRspyzdTPhufxcR3ByvpivACjRWy+AN3/5xDcU7l1hQYBgjwIrJ38WsSlXzMJ6DnyDlfDOG4QhaOtXyJ/5XR+I+UpWs+PwxIvBEHzGcEy3u213JlQF08DC97AXrx2BrzDddHwnSYPkjc3YXbcTZHUmVqmbdi8Zy2qc7WuLZk8TEgv8lptYqW66ExILUmi0m9Q/ExLrd5P6c6CckFiZxj5fJ4ZZRUJi5RpzJvZYN9UJic3X2GFid4M80OEZm3FqmL/lQQqY2B34oKisj3lXG+T3I7SZ2Bc4pR/3w6iYdmUBF/SJLZwmfUHoNykfLHIuQGqQQkMYzsuf+W12S0wvbNL1Ujj5v4ISaoFlmqpnV735ldr6wZ263qKqXRpRyP6CVq0324FQNqy7alZ7dkBvZjVpF1xVqQgTKVJwZdS//K5hCP1RslIhvX6t/rsS59y03qNDLYGdOsXqWyr1fPCsVekGhNoK7RutfZuhDtj6wAmwbYCvaFF9xr4KQu+jNKlmb2GjWobVamIqdIYWK3c6VUKs8LYi8ulfb/NLgAEAm5q1UaCHfesAAAAASUVORK5CYII=') no-repeat right center / .3rem auto;
}

.search_tip {
    text-align: center;
    color: #919191;
    padding: .36rem 0
}

.search_tip p {
    font-size: .34rem;
    margin-bottom: .05rem
}

.sg {
    padding: 0 0 0 .32rem
}

.sg a {
    margin: 0 .1rem .15rem 0;
    display: inline-block;
    min-width: 2.22rem;
    line-height: .72rem;
    text-align: center;
    font-size: .28rem;
    background: #eff0f5;
    -moz-border-radius: .08rem;
    border-radius: .08rem;
    float: left
}

.sd {
    padding: .17rem 0 0 .32rem
}

.sd li {
    width: 2.05rem;
    border: 1px solid #f2f2f5;
    padding: .28rem 0;
    text-align: center;
    -moz-border-radius: .08rem;
    border-radius: .08rem;
    float: left;
    margin-right: .28rem;
    margin-bottom: .2rem
}

.sd li p {
    color: #919191;
    position: relative
}

.sd li i {
    font-size: .1rem;
    margin: 0 .1rem;
    color: #ccc
}

.sd li img {
    width: 1.04rem;
    height: 1.04rem;
    -moz-border-radius: .14rem;
    border-radius: .14rem
}

.sd li em {
    display: block;
    font-size: .3rem;
    margin: .15rem 0 .05rem
}

.sd li .btn {
    line-height: .52rem;
    padding: 0 .4rem;
    border-color: #acacac;
    margin-top: .2rem
}

.end {
    text-align: center;
    padding: .6rem 0
}

.tab {
    text-align: center;
    font-size: .32rem;
    background-color: #fff;
}

.tab a {
    margin: 0 .25rem;
    line-height: 1rem;
    display: inline-block;
    position: relative
}

.tab a span {
    z-index: 10;
    position: relative
}

.tab a.cur {
    color: #212121;
    font-weight: 700
}

.tab a.cur::after {
    content: "";
    width: .55rem;
    height: .08rem;
    -moz-border-radius: .04rem;
    border-radius: .04rem;
    background: #ff0;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: .28rem;
    z-index: 0
}

.major {
    height: 5.94rem;
    border-bottom: 1px solid #c3c3c3;
    position: relative;
    background: #fff url(../img/major.png) no-repeat center top/7.5rem auto
}

.major_item {
    width: 2.44rem;
    height: 4rem;
    border-top: 1px solid #c3c3c3;
    background: #fff;
    position: absolute;
    bottom: 0;
    text-align: center
}

.major_item img {
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    margin: .45rem auto .14rem;
    -moz-border-radius: .16rem;
    border-radius: .16rem
}

.major_item em {
    font-size: .3rem;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.major_item .btn {
    font-size: .26rem;
    border-color: #474747;
    line-height: .54rem;
    padding: 0 .4rem
}

.major_item p {
    color: #919191;
    height: .6rem;
    margin-top: .03rem
}

.major_item p i {
    color: #ccc;
    margin: 0 .1rem
}

.major .medal {
    display: block;
    width: .7rem;
    height: .83rem;
    background: url(../img/medal.png) no-repeat -9999em -999em/2.3rem auto;
    position: absolute;
    left: 50%;
    margin-left: -.35rem;
    top: -.37rem
}

.major .major_item:nth-child(1) {
    left: 0;
}

.major .major_item:nth-child(1) .medal {
    background-position: 0 0;
}

.major .major_item:nth-child(2) {
    height: 4.24rem;
    z-index: 10;
    width: 2.63rem;
    left: 50%;
    margin-left: -1.315rem;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
}

.major .major_item:nth-child(2) p {
    margin-bottom: .24rem;
}

.major .major_item:nth-child(2) .medal {
    background-position: -.8rem 0;
}

.major .major_item:nth-child(3) {
    right: 0;
}

.major .major_item:nth-child(3) .medal {
    background-position: -1.6rem 0;
}

.sele_time {
    height: 1.35rem;
    width: 100%;
    position: relative;
    background: url(../img/service.png) no-repeat center top/7.5rem auto;
    padding-top: 1.7rem
}

.sele_item {
    width: 2.55rem;
    height: .82rem;
    line-height: .82rem;
    text-align: center;
    font-size: .28rem;
    background: #fff;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    float: left;
    padding-right: .47rem;
    margin: 0 .14rem 0 .44rem;
    position: relative
}

.sele_item::after {
    content: "";
    width: 0;
    height: 0;
    border-top: .12rem solid transparent;
    border-bottom: .12rem solid transparent;
    border-left: .12rem solid #000;
    position: absolute;
    right: .35rem;
    top: 50%;
    margin-top: -.12rem
}

.service_list {
    padding-top: .18rem
}

.service_list .cell:before {
    border: none
}

.service_list .cell {
    padding: .25rem .35rem .25rem 0
}

.service_list .ct {
    width: 2.3rem;
    margin-right: .18rem;
    text-align: center;
    background: #fff;
    position: relative;
    z-index: 100
}

.service_list .cell::after {
    content: "";
    width: 1px;
    height: 100%;
    background: #ccc;
    position: absolute;
    top: 0;
    left: .64rem
}

.service_list .size::before {
    background: 0 0
}

.rec {
    height: 5.35rem;
    background: url(../img/gift.png) no-repeat center top/7.5rem auto;
    overflow: hidden
}

.rec .rs {
    padding: .23rem .34rem 0
}

.gt {
    padding: .14rem .34rem .14rem .84rem;
    position: relative;
    font-size: .3rem;
    background: #fff;
    line-height: .72rem;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb
}

.gt::after,.gt::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.gt::after {
    width: .22rem;
    height: .22rem;
    border: .02rem solid #f84a43;
    left: .37rem;
    margin-top: -.13rem
}

.gt::before {
    width: .14rem;
    height: .14rem;
    background: #f84a43;
    left: .43rem;
    margin-top: -.07rem
}

.rec .gt {
    color: #fff;
    background: 0 0;
    padding: 0 .34rem 0 .84rem;
    border: none
}

.rec .gt::after {
    border-color: #fff
}

.rec .gt::before {
    background: #fff
}

.rec_swiper {
    padding-left: 1rem;
    margin-top: .1rem
}

.rec_swiper .swiper-slide {
    -moz-border-radius: .04rem;
    border-radius: .04rem;
    width: 2.08rem;
    height: 3.1rem;
    -webkit-background-size: 1rem auto;
    -moz-background-size: 1rem auto;
    background-size: 1rem auto;
    background: #fff;
    margin-right: .3rem;
    text-align: center;
    position: relative
}

.rec_swiper .rg {
    width: 100%;
    height: 1.8rem;
    overflow: hidden;
    -moz-border-radius: .04rem .04rem 0 0;
    border-radius: .04rem .04rem 0 0;
    margin-bottom: .32rem
}

.rec_swiper em {
    display: inline-block;
    font-size: .3rem
}

.rec_swiper p {
    margin-top: .05rem;
    color: #919191;
    font-size: .26rem
}

.rec_swiper .simg {
    width: 1.04rem;
    height: 1.04rem;
    -moz-border-radius: .06rem;
    border-radius: .06rem;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -.52rem;
    top: .9rem;
    -webkit-box-shadow: 0 .18rem .35rem rgba(21,6,77,.56);
    -moz-box-shadow: 0 .18rem .35rem rgba(21,6,77,.56);
    box-shadow: 0 .18rem .35rem rgba(21,6,77,.56)
}

.hot_pack li {
    background: #fff;
    padding-bottom: .15rem;
    margin-bottom: .22rem
}

.hot_pack .pack_list .pack,.hot_pack .pack_show .pmore {
    display: none
}

.hot_pack .pack_list .pack:nth-child(1),.hot_pack .pack_show .pack {
    display: block
}

.hot_pack .pack .btn,.hot_pack li .btn {
    line-height: .52rem;
    padding: 0 .4rem
}

.hot_pack .pack {
    padding: .25rem .36rem;
    position: relative
}

.hot_pack .pack::after {
    position: absolute;
    bottom: 0;
    left: .18rem;
    right: .18rem;
    z-index: 2;
    height: 1px;
    border-bottom: 1px solid #ebebeb;
    content: " "
}

.hot_pack .cell:before {
    left: .18rem;
    right: .18rem;
    border-color: #ebebeb
}

.hot_pack .pmore {
    font-size: .3rem;
    line-height: .94rem;
    text-align: center;
    display: block;
    margin: 0 .18rem;
    border-bottom: 1px solid #ebebeb
}

.gift_gh {
    padding: .4rem .34rem;
    margin-bottom: .08rem
}

.gift_game {
    padding: 0
}

.gift_game .c_hd {
    width: 1.54rem;
    height: 1.54rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    overflow: hidden;
    margin-right: .2rem
}

.gift_game .tit {
    font-size: .32rem;
    margin-bottom: .15rem;
    padding-left: .55rem;
    background: url(../img/gt.png) no-repeat center left/.39rem auto
}

.gift_game .num {
    font-size: .22rem;
    color: #676974;
    margin-bottom: .1rem
}

.gift_game .time {
    font-size: .26rem;
    color: #676974
}

.gift_code {
    background: #f4f4f7;
    height: .6rem;
    line-height: .6rem;
    -moz-border-radius: .04rem;
    border-radius: .04rem;
    padding: 0 1.5rem 0 .26rem;
    position: relative;
    margin-top: .6rem
}

.gift_code .copy {
    position: absolute;
    right: 0;
    top: 0;
    width: 1.34rem;
    height: .6rem;
    text-align: center;
    -moz-border-radius: .04rem;
    border-radius: .04rem
}

.gift_detail {
    padding: .15rem .43rem .4rem
}

.gift_detail .title {
    padding: 0;
    border: none
}

.gift_detail .t::before {
    width: 1.05rem;
    height: .15rem;
    -moz-border-radius: .08rem;
    border-radius: .08rem;
    bottom: .15rem
}

.gift_detail_list {
    padding: .1rem 0 .5rem;
    background: url(../img/gift_detail.jpg) no-repeat left bottom/6.4rem auto;
    margin-bottom: 1.2rem
}

.gift_detail_list p {
    padding: .12rem 0;
    color: #676974;
    font-size: .26rem
}

.pop,.toast {
    display: none;
    position: relative;
    z-index: 10000;
}

.mask_toast {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.toast_body {
    position: fixed;
    z-index: 5000;
    padding: .5rem .35rem;
    min-width: 2.7rem;
    top: 50%;
    left: 50%;
    background: rgba(0,0,0,.8);
    text-align: center;
    border-radius: 5px;
    color: #FFF;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: .3rem
}

.mask {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.8)
}

.pop_main {
    position: fixed;
    z-index: 5000;
    width: 80%;
    width: 5.7rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #FFF;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    overflow: hidden
}

.pop_main::after {
    content: "";
    display: block;
    width: 100%;
    height: .15rem;
    position: absolute;
    left: 0;
    top: 0
}

.pop_main .close {
    position: absolute;
    display: block;
    width: .45rem;
    height: .45rem;
    right: .1rem;
    top: .35rem;
    background-position: center;
    background-size: .25rem;
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0NTg3MUVBMzIwNzUxMUVBOUVGNkQ4NjVCRjhFODBBMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0NTg3MUVBNDIwNzUxMUVBOUVGNkQ4NjVCRjhFODBBMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ1ODcxRUExMjA3NTExRUE5RUY2RDg2NUJGOEU4MEEzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ1ODcxRUEyMjA3NTExRUE5RUY2RDg2NUJGOEU4MEEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+cwEfMwAAAmtJREFUeNqklk1IFGEYx2d3LVAi3VDw4KEx9FKEIiYRmmSJlRlEeggSEi9BeO0gXrx0sYOgXowIg0QPQZdy0+oQaR+GmZqomB+kuW3foMFG6P+B/xsPw6y76zzw29l95pn57fvO+zE+27YPWJZ1HYyDLrBpeYss0AeKQCu46YNkDF8KWNABmjyIMsETcJi//4A0Pz5SVdE10LZDwT4wqAQSL+QjEAwGJ3GsA7t44qjkwbMkBBlgCBSqnHR/jbRGJIv48paiAAuOg7/geQKCdAqKVG4CnARfTUvkOM8TF5SoAvwGL+MIQuCIyk2BEyBiEkYiMUNE5GeuEoTBqItgL3jE7jUxTcEXXaglEh+AdN954CNnwTJ4p+r2gIfgmMrNULDm/DdOiXlgq+CcElWDWSCDJI2CUnXNHAWrbn2aEqOvb/Fm7ebPgLs8NoIyVTtPwUqsB+fWEhOvOJlO8befz2u/qlkA5eDTdsNvO8n/ycQbOWOJ+eV4Y9yfwDy4AT665JspsrxKdoP7INflXCco8SoRQT+HsImoYyIOqMU1aYmsY72cLyY+84Y9jjXrMTiUrESG6T2OJBNhLjMyoxvYQr1/yOqbl6jECC6qXEQJJP6By+CBqskGT4EdTxJgV9S5CKYc10VZF1K5HG5YObEkIrgNLqlz3zgRJ2L0QpRdqvcdmy3KdkqEblCv8j8oGI8zcDa4xg2rXB73lywtke32iir6xSV+LMFdcR2cAW9U7iBHXYaRXHURjCa5v8t1VeC9yslwv2MkA6qLToPXO3yR+M4td1rlio2klstDPhjx+M4VoUie0U/QIsktAQYAR9yAsgLJhE8AAAAASUVORK5CYII=');
}

.pop_body {
    padding: .4rem
}

.pop_main .pt {
    margin-top: .2rem;
    line-height: .88rem;
    border-bottom: 1px solid #eaecee;
    font-size: .32rem;
    padding: 0 .35rem
}

.pop_tit {
    text-align: center;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    color: #fff;
    font-size: 16px;
    line-height: 40px
}

.pop_foot {
    position: relative;
    font-size: .3rem;
    line-height: .8rem;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.pop_foot:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #D5D5D6;
    color: #D5D5D6;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5)
}

.pop_btn {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.pop_btn:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-left: 1px solid #D5D5D6;
    color: #D5D5D6;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(.5);
    -moz-transform: scaleX(.5);
    -ms-transform: scaleX(.5);
    -o-transform: scaleX(.5);
    transform: scaleX(.5)
}

.pop_btn:first-child:after {
    border: none
}

.acode {
    background: #f8f9fc;
    -moz-border-radius: .08rem;
    border-radius: .08rem;
    height: .84rem;
    line-height: .84rem;
    position: relative;
    margin: .34rem 0;
    font-size: .3rem;
    padding: 0 1.2rem 0 .27rem;
    color: #000;
}

.acode_btn {
    height: .5rem;
    line-height: .5rem;
    width: .8rem;
    position: absolute;
    right: .14rem;
    top: .16rem;
    border-left: .02rem solid #ecedf1;
    text-align: center;
    color: #060606
}

.ts {
    font-size: .3rem;
    line-height: .36rem
}

.pop_ct {
    padding-top: .3rem;
    text-align: center;
    font-size: .28rem;
}

.pop_ct .st {
    background: #fafafa;
    padding: .1rem .4rem;
    border-radius: .06rem;
    font-size: .26rem;
    margin: .45rem 0 .2rem;
    display: inline-block;
}

.autonym_tips {
    font-size: .16rem;
    color: #a9a9a9;
    padding: .2rem 0;
}

.inp_icon {
    background: url(../img/inp_icon.png) no-repeat 0 0/100% auto;
    display: block;
    width: .4rem;
    height: .4rem;
    margin-right: .2rem;
}

.my_icon {
    background-position: 0 0;
}

.card_icon {
    background-position: 0 -.4rem;
}

.user_head {
    background: url(../img/my_head.jpg) no-repeat center top/100% auto;
    height: 3.2rem;
    padding-top: 1rem;
    position: relative;
    color: #fff;
    text-align: center;
    font-size: .28rem
}

.user_head .user_login {
    background: #fff801;
    line-height: .6rem;
    width: 2.2rem;
    text-align: center;
    font-size: .26rem;
    display: inline-block;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    margin-top: .14rem;
    -webkit-box-shadow: 0 .12rem .2rem rgba(255,168,0,.35);
    -moz-box-shadow: 0 .12rem .2rem rgba(255,168,0,.35);
    box-shadow: 0 .12rem .2rem rgba(255,168,0,.35)
}

.user_head .setting {
    display: block;
    padding: .25rem .4rem;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff
}

.user_head .avatar {
    width: 1.4rem;
    height: 1.4rem;
    position: relative;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto .3rem;
    border: .03rem solid #fff
}

.user_list .cell {
    min-height: .54rem;
    padding: .34rem .35rem .28rem;
    font-size: .3rem
}

.user_list .icon {
    display: inline-block;
    width: .7rem;
    height: .54rem;
    margin-right: .3rem;
    background: url(../img/user_icon.jpg?v=1) no-repeat -9999px -9999px/.7rem auto
}

.user_list .u1 {
    background-position: 0 -.08rem
}

.user_list .u2 {
    background-position: 0 -.78rem
}

.user_list .u3 {
    background-position: 0 -1.48rem
}

.user_list .u4 {
    background-position: 0 -2.17rem
}

.user_list .u5 {
    background-position: 0 -2.87rem
}

.user_list .u6 {
    background-position: 0 -3.57rem
}

.user_list .u7 {
    background-position: 0 -4.28rem
}

.user_list .u8 {
    background-position: 0 -4.96rem
}

.user_list .cell:before {
    right: .36rem;
    left: .36rem
}

.cell .c_dot {
    background-color: #e12222;
    width: .15rem;
    height: .15rem;
    border-radius: 50%;
}

.cell_access .c_ft {
    padding-right: .4rem;
    position: relative
}

.cell_access .c_ft::after {
    content: " ";
    display: inline-block;
    height: .16rem;
    width: .16rem;
    border-width: 2px 2px 0 0;
    border-color: #bababa;
    border-style: solid;
    -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
    -moz-transform: matrix(.71,.71,-.71,.71,0,0);
    -ms-transform: matrix(.71,.71,-.71,.71,0,0);
    -o-transform: matrix(.71,.71,-.71,.71,0,0);
    transform: matrix(.71,.71,-.71,.71,0,0);
    position: absolute;
    top: 50%;
    margin-top: -.08rem;
    right: .1rem
}

.my_coin {
    color: #edad35;
    font-size: .3rem;
    background: url(../img/coin_icon.png) no-repeat left center/.4rem;
    padding-left: .55rem;
    line-height: .8rem;
}

.recent {
    margin: .12rem 0 .08rem
}

.myg {
    width: .76rem;
    height: .76rem;
    margin-left: .2rem;
    -moz-border-radius: .08rem;
    border-radius: .08rem;
    overflow: hidden
}

.md_pic {
    padding: 0 .36rem
}

.md_pic_hd {
    position: relative;
    -moz-border-radius: .08rem;
    border-radius: .08rem;
    overflow: hidden
}

.md_pic_tit,.tw_activity .bt {
    position: absolute;
    padding: 0 .44rem;
    bottom: 0;
    height: .86rem;
    line-height: .86rem;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
    font-size: .3rem;
    color: #fff;
    background: url(../img/bt.png) repeat-x left top/.5rem 1.13rem
}

.md_pic_tit::after,.tw_activity .bt::after {
    content: "";
    display: block;
    width: .13rem;
    height: .3rem;
    background: #fc3f36;
    -moz-border-radius: .06rem;
    border-radius: .06rem;
    position: absolute;
    left: .23rem;
    top: 50%;
    margin-top: -.15rem
}

.info_list li {
    border-top: 1px solid #eee;
    background: #fff;
    padding: 0 .36rem;
    line-height: .83rem
}

.info_list li a {
    font-size: .28rem;
    display: block;
    height: .83rem;
    overflow: hidden
}

.activity {
    border-top: 1px solid #ececf3
}

.activity li {
    margin-bottom: .11rem;
    background: #fff
}

.activity .atop {
    margin: 0 .3rem .12rem
}

.activity .bt {
    font-size: .3rem;
    padding-top: .05rem;
    height: .76rem;
    line-height: .76rem
}

.activity .apic {
    position: relative;
    -moz-border-radius: .08rem;
    border-radius: .08rem;
    overflow: hidden
}

.activity .apic i {
    padding: 0;
    background: url(../img/apic_status.png) no-repeat -9999px -999px/1.39rem auto;
    display: block;
    width: 1.39rem;
    height: .5rem;
    position: absolute;
    top: .17rem;
    left: 0
}

.activity .apic .before_start {
    background-position: 0 0
}

.activity .apic .start {
    background-position: 0 -.55rem
}

.activity .apic .before_end {
    background-position: 0 -1.1rem;
}

.activity .apic .end {
    background-position: 0 -1.65rem;
}

.activity .cell {
    border-top: 1px solid #dcdce2;
    padding: .16rem .3rem;
    font-size: .22rem
}

.activity .ts {
    border: 1px solid #919191;
    -moz-border-radius: .05rem;
    border-radius: .05rem;
    margin-right: .16rem;
    font-size: .22rem;
    padding: 0 .16rem
}

.tw_activity li {
    margin: .15rem .18rem 0;
    -moz-border-radius: .08rem;
    border-radius: .08rem;
    overflow: hidden
}

.tw_activity .atop {
    margin: 0
}

.tw_activity .bt {
    padding: 0 .44rem
}

.tw_activity .bt::after {
    background: #fde700
}

.tw_activity .apic {
    -moz-border-radius: 0;
    border-radius: 0
}

.tw_activity .apic img {
    width: 100%
}

.info_detail {
    padding: .3rem;
    background: #fff
}

.detail_head {
    border-bottom: 1px solid #f3f1fb;
    padding-bottom: .3rem;
    margin-bottom: .3rem
}

.detail_head h3 {
    font-size: .38rem;
    text-align: center
}

.detail_head .note {
    padding: .25rem .6rem 0;
    color: #a5a4b2
}

.detail_head .author {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjYwQUQ1Nzg5RDQzMTFFOEIxQ0FBNUVBMDY4NDQyNDkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjYwQUQ1Nzc5RDQzMTFFOEIxQ0FBNUVBMDY4NDQyNDkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkUyNTIyQzRCOTk3MzExRThCMTZFQkU4NTJBQTkwM0UxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkUyNTIyQzRDOTk3MzExRThCMTZFQkU4NTJBQTkwM0UxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J718iAAAAiZJREFUeNrslz9oU0EcxxOxRROLdJQG/IO2GWwzGRXq0uDgoogGhA59jiXSoVOp2iGlQl1Kl3RSXhcFCeigk4SAiKDBoXHo0AoSW4roVKhaQomfk9+D48Gzl3cPsnjw5ft+l9/dp9e7/N4l3mq1Yp1oB2Idah0DH2wn2XGcPmwcXUanpfszeo2WXNfdMJ0rbrrHQB2shA4HpPxGBeCPIwPDHMNcrauCavJ8DuW0z0aBP7EGA01hXyVsoKtMvOLLGcJeoJPSdZychu3hKoo3UdYPVY2+OnYe7UrXrNWpZiVd2E0JHwL4FpTLZ9+xeQlvMLbbZsX9qEeenxn8d7ycJErbgI9ozzsGYD0naQPWD8iAAVjP+RIazL5tYXUJ7xmAvZxPMtbqVD8Qv8iBufuPgziFDUs4F1UBeYNdknBZKtiaxGekjDoSV1ntSJQlU4er9lM8ofW9B3ohsrcT0OvYUV93wgdVrVdqun2tZh5V9G9rXavq8KB1tIdOobMoo+W8lJq9HQoM9IO8BP7uHZphsrcBuQp8X1Ut7as4GAQPBDORqkJ5CUtMUDDclqL8AarVGJc13mMGX9GgZVOofPdnsAXvlclcd9o5XI/EN5ko3+61hjGT2EcJF4Ef2hdMkioCxySctrhWTWiMWyYrvib+Cz0NS2XV77RanzMBZ7Ri0LS8TFbFUybgtHbjsG3ejeSECbiMfqDnEYBfyVyV0LX6/08Y2/ZHgAEA62G5N+LEg/0AAAAASUVORK5CYII=') no-repeat left center / .3rem auto;
    padding-left: .32rem;
}

.detail_head .time {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjgxNzk1Njg5RDQzMTFFOEJDNUZGOEZENUYyRjk2Q0IiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjgxNzk1Njc5RDQzMTFFOEJDNUZGOEZENUYyRjk2Q0IiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkUyMTk5MDFCOTk3MzExRThBNTI3RUFBODQ2OEY4NkFEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkUyMTk5MDFDOTk3MzExRThBNTI3RUFBODQ2OEY4NkFEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+qHBjSQAAAndJREFUeNrsl01IVFEYhp0skTRKpRbKRGFibtRa6CJSahHVwkUFbTLGCFokiCIobUQkIYWEEEFwMa1c5FKrhWSNBaaLcCERRBRG0EglGaX2Mz4ffBcGufeec2fE2XTg4b137jnfe/7PmVAikcjKRNqRlaGUMeOdNpkikUgZ0goX4YBLlp8wAbej0ei8TcyQ3xhjuAu5C83602eYhGmIwz6ohTNwWPOMwzUqsJSSMaalSAyK4SH0EuyFTyXLkU55hH9wmvzPAhkTRMwWdQ5ECHDfduwoewp5oq91lJ0OMrlm9NvJIKaSyD+FlGmrY1Qk38qYjCNIGC4T5HkqM5Zyb5FKfY0ZuxrTvcgyvKLwcZ/uLEFWyPPd0O2DyE23Lt/c4juqF3yC5SEfoMui5c5quGfq6iZZJhR4b9h0siHfsudlolVT4bCrMR8qkBwYMwRyxuaXpXG/aoNXi2tVp7Z4d3ytWuplvF91yTLgV8t8f1RzvfbqH6qmsXMq28jwFOrwOL//hW7mSDx55aiuexnPJ3X5hI/xb/gGR6DF5fuQ7uNOKlaNe3X1rOolwxKRSXUUDroQ5vvCpiI3VB/5bSDy8SzsVoO0EzHF4CPxwn7ruF11ZItMr+tjl/F0IvNLpEa6k1q+ScNUJt2aXBKIk2dzOp1XnaPwnjQaPKNaH+Q8PqeH/xc4EaTletA8lW0S2ig7EPQGIrP7gb62yTIhyJrB9CrinN8d5O9L9c51DBmFcmc1wWNd85+gCKrkmgNXoED38AZMJ1O+7CVVQIL2wCGfbLLz3YJhTNfTumW6VEAuB3W64UvrVuAdyEqYxXDVNlbo/1+Y7UobAgwAMy3llyxw7rgAAAAASUVORK5CYII=') no-repeat left center / .3rem auto;
    padding-left: .32rem;
    float: right;
}

.detail_body {
    font-size: .28rem;
    line-height: .5rem;
    padding-bottom: .2rem;
    width: 100%;
    overflow-x: hidden;
    word-break: break-all;
}

.cline {
    text-align: center;
    position: relative
}

.cline::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    height: 1px;
    background: #eee
}

.cline span {
    position: relative;
    z-index: 10;
    padding: 0 .1rem;
    background-color: #FFF;
    color: #919191
}

.help_head {
    background: url(../img/help_bg.png) no-repeat center top/7.5rem auto;
    padding-top: 2.2rem
}

.qa_grids {
    position: relative;
    overflow: hidden;
    margin: 0 .16rem;
    background: #fff;
    -moz-border-radius: .08rem;
    border-radius: .08rem;
    text-align: center;
    padding: .2rem 0;
    border-top: .14rem solid #ffc018;
}

.qa_grids .grid {
    position: relative;
    float: left;
    width: 33.33333333%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-top: .17rem;
}

.qa_grids .grid_icon {
    width: .85rem;
    height: .85rem;
    margin: .06rem auto
}

.qa_grids p {
    line-height: .8rem;
    font-weight: 700
}

.qa {
    margin-top: .38rem
}

.qa .title {
    margin-bottom: .08rem;
    border: none;
    padding: 0 .3rem
}

.qa_item a {
    display: block;
    background: #fff;
    border-bottom: 1px solid #dbdbdb;
    padding: .25rem .3rem;
    font-size: .28rem
}

.qa_more {
    display: block;
    line-height: 1.05rem;
    text-align: center;
    font-size: .26rem
}

.qa_more .more {
    float: none;
    display: inline-block
}

.qa_account {
    text-align: center
}

.qa_account::after {
    display: none
}

.qa_account .t {
    margin: .55rem 0;
    float: none;
    font-size: .32rem
}

.qa_account .t::before {
    width: 3.5rem;
    left: 50%;
    height: .28rem;
    margin-left: -1.75rem;
    -moz-border-radius: .14rem;
    border-radius: .14rem;
    bottom: -.05rem;
    background: #ff0
}

.qa_account_list {
    padding: 0 .56rem .5rem
}

.qa_account_list a {
    display: block;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    border: 1px solid #ccc;
    line-height: .8rem;
    margin-bottom: .13rem
}

.cs_message {
    background: #f1f1f6;
    border-radius: .1rem;
    padding: .15rem;
}

.cs_star {
    margin: .4rem 0;
    width: 4.9rem;
    height: .65rem;
}

.cs_star li {
    float: left;
    width: .98rem;
}

.cs_star a {
    margin: 0 10px;
    display: block;
    width: .65rem;
    height: .65rem;
    text-indent: -99em;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cs_star .sel-0 .s-1, .cs_star .sel-0 .s-2, .cs_star .sel-0 .s-3, .cs_star .sel-0 .s-4, .cs_star .sel-0 .s-5 {
    background-image: url('../img/star_default.png');
}

.cs_star .sel-1 .s-1, .cs_star .sel-2 .s-1, .cs_star .sel-2 .s-2, .cs_star .sel-3 .s-1, .cs_star .sel-3 .s-2, .cs_star .sel-3 .s-3, .cs_star .sel-4 .s-1, .cs_star .sel-4 .s-2, .cs_star .sel-4 .s-3, .cs_star .sel-4 .s-4, .cs_star .sel-5 .s-1, .cs_star .sel-5 .s-2, .cs_star .sel-5 .s-3, .cs_star .sel-5 .s-4, .cs_star .sel-5 .s-5 {
    background-image: url('../img/star_sele.png');
}

.set_avatar {
    width: 1.26rem;
    height: 1.26rem;
    overflow: hidden;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.cell_set {
    -moz-border-radius: .06rem;
    border-radius: .06rem;
    background: #f8f9fc;
    padding: 0 0 0 .25rem;
    margin-bottom: .2rem;
    height: .7rem;
}

.cell_set .clear {
    width: .7rem;
    height: .7rem;
    display: inline-block;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNTE3M0MyQjk5NzQxMUU4OUZFQURGNDYxMzJBOTA4NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNTE3M0MyQzk5NzQxMUU4OUZFQURGNDYxMzJBOTA4NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA1MTczQzI5OTk3NDExRTg5RkVBREY0NjEzMkE5MDg0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA1MTczQzJBOTk3NDExRTg5RkVBREY0NjEzMkE5MDg0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+eZlkZQAAA+VJREFUeNq0l11MkmEUxxFFUeGVNhA0UQNJRV8/IjMta3PNWZfddNFFa626yM8yKzPT1tdcOcu6KGteOG+7aF20votWzTRB0JqmGCkJBCLkV6h0HvfYiPHyQurZflfv2fN/nnOec97zBBXv2cvww5hAPCAGogECCMPf5gA7YAK+A3pgkW7BEJrvaPFMIB0Ip/CJwIiADGAW0ABqvKmAhWXAdrxoIMYGcoA04C0w6K9wELADn3IlhjZcBMQCbwCXZ+48RYtXQdTd0vGaQb6ECwAJY/VNgtf2KoxySjLWzkis8Y9wmOeO/tdYLBYTQfG5YLkMlx0yqcolMTGB09F+72Rl+bHtdKLy1GQe+J6913qrnMIlHGstCQf7ukxcLic0KoqIKSoq3FdacjSPsvaSpET9+ZpS8BfaJmxmmssWHJwkS01Am6XyMpnMM6gjkelyhUwmJSMjI0zdn1Q/PKNy5VJdGUFwRXr9qLqq+mz7/Py8iyobgBEJo6QLfYVQo+03s9nscbk8JTs5WZYZEhIypu7VohbJEIvjIhuvXiiDqMSOGX5oKypP3Z+ZmV2gycocEt6MIkqXvx5V7zgsbk1J3piZBhtwOud1Vot1+lrjxRIeL0psMIx/Lq841To9Pb3gxx10IeE8fHxa+9j1aUwojHYkSSVkRkZadmHhzgwkajSaBk5U1dy1OxxOPy//Uo5zvTQSSnv/oVMvlWxYjI8Xy9nsMMJitY7ASW9P2Gy/A6g6JjPQOl3H44VKJIkpf289h8snSTk/0HWQsN87hVJhNV2/fATCLbNaJ/Tavs+vQ0NZnMqKkpLNimxBALq/UahRH+XQ/moiwoNvNDcejo0RyW22ybHq0+daHjx42KvYlEWIREJZ3tacrL7+Lz1QfrN+CFuQMJ+unJBoc9PVQ3Fx60m73W44XdPQAvU6hb49efqib2tuDj86WiDdlp9LqtValcVinaMR1iFhFO6Nvnpvc9OVgwkJ8VkOxy9jTW3DTZ1u5Je7z9NnLzX5ebkxAgFfmp+/JbWrW9UDUfGVwi4mnpMow7O7eNcG6EzZU1NT5rr6Sy1DQzqHp4/T6Vw8XnWmDRpIP0EQsXW11Qd8iC51QnRiF67j9d68hnXfJgku9+ed1rZHAwNfJ6lWg4biUirfqRWKLAFcPPOz56++ULiqgNEgPGWiX9V+HwPdahk6bQdqmUy3EVXJWHtTLk+e7g1kEI+la2Ua94mT6WVHw2sgOuwZUU9hdNEeA9pVFNXiNV10czVyeA0Y8IwUvoKLpAxkoHfPuR7PSCR+IfhjK37CLN/2TtRp3B5tQopHmxE3IwTtMPBHgAEAZIxH2IyQHvIAAAAASUVORK5CYII=') no-repeat center / .3rem auto;
    overflow: hidden;
    text-indent: -999em;
    display: none;
}

.feedback {
    padding-bottom: .4rem;
    background: #fff
}

.feedback .title {
    border: none
}

.feedback .cell {
    padding: .15rem .25rem;
    font-size: .32rem
}

.feedback .input,.feedback .textarea {
    border: 1px solid #ccc;
    -moz-border-radius: .08rem;
    border-radius: .08rem;
    width: 3rem;
    padding: 0 .25rem;
    font-size: .32rem
}

.feedback .textarea {
    width: 100%;
    padding: .2rem;
    line-height: .6rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.default {
    height: 100%;
    background-color: #fff;
    padding-top: 3.9rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: .3rem;
    color: #919191;
    text-align: center;
    line-height: 1.6
}

.default .btn {
    margin-top: .3rem;
    width: 2.9rem;
    padding: 0;
    line-height: .8rem;
}

.doll {
    width: 2.48rem;
    margin: 0 auto .15rem
}

.tip_title {
    font-size: .32rem;
    color: #212121;
    font-weight: bold;
    margin-bottom: .2rem;
}

.payment_succeed {
    font-size: .28rem;
    text-align: left;
    padding: .3rem .3rem .3rem 1.5rem;
    line-height: .6rem;
}

.payment_title {
    font-size: .32rem;
    padding-bottom: .2rem;
}

.payment_amount li {
    float: left;
    width: 2rem;
    height: 1.2rem;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    color: #b3b3b3;
    text-align: center;
    font-size: .26rem;
    border-radius: .1rem;
    margin-bottom: .33rem;
    margin-right: .33rem;
    position: relative;
}

.payment_amount li:nth-child(3n) {
    margin-right: 0;
}

.tw_coin {
    font-size: .28rem;
    color: #333;
    margin-top: .2rem;
}

.payment_amount li.active {
    border-color: #fede01;
    color: #ec5e33;
    background: url('../img/tick_icon.png') no-repeat right bottom/.4rem #fede01;
}

.payment_amount li.active .tw_coin {
    color: #ec5e33;
}

.payment_zs {
    position: absolute;
    top: -.24rem;
    right: -.1rem;
    line-height: .42rem;
    padding: 0 .2rem;
    background-color: #ec5e33;
    font-size: .18rem;
    color: #fff;
    border-radius: .42rem .42rem .42rem 0;
    box-shadow: 0 1px 4px rgba(125, 68, 245, .15);
}

.payment_amount li.payment_zdy {
    width: 3.4rem;
}

.payment_zdy_label {
    width: 1.6rem;
}

.payment_zdy_inpbox {
    flex: 1;
}

.payment_zdy_inpbox input {
    width: 100%;
    background: none;
    border: none;
}

.payment_amount li.active .payment_zdy_inpbox input {
    color: #ec5e33;
}

.payment_mode li {
    width: 3.2rem;
    line-height: .8rem;
    border: solid 1px #e8e8e8;
    text-align: center;
    font-size: .26rem;
    border-radius: .1rem;
    float: left;
    box-sizing: border-box;
    color: #b3b3b3;
}

.payment_mode li:nth-child(odd) {
    margin-right: .3rem;
}

.payment_mode li span {
    background: url('../img/inp_icon.png') no-repeat -999em -999em/.4rem;
    padding-left: .5rem;
    display: inline-block;
    line-height: .4rem;
}

.payment_mode li.payment_wx span {
    background-position: 0 -1.6rem;
}

.payment_mode li.payment_zfb span {
    background-position: 0 -2rem;
}

.payment_mode li.payment_wx.active span {
    background-position: 0 -.8rem;
}

.payment_mode li.payment_zfb.active span {
    background-position: 0 -1.2rem;
}

.payment_mode li.payment_wx.active {
    border-color: #61b824;
    color: #61b824;
}

.payment_mode li.payment_zfb.active {
    border-color: #679bf2;
    color: #679bf2;
}

.ctit {
    position: relative;
    font-size: .34rem;
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: .24rem .36rem;
}

.ctit::before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 1px;
    width: .3rem;
    background-color: #fff;
}

.ctit::after {
    content: '';
    position: absolute;
    bottom: -1px;
    right: 0;
    height: 1px;
    width: .3rem;
    background-color: #fff;
}

.group_add_txt {
    margin-bottom: .2rem;
    padding: .24rem .36rem;
}

.group_add {
    padding: .15rem .36rem;
    margin-bottom: .2rem;
}

.group_add li {
    float: left;
    width: 50%;
}

.group_add .cell {
    padding: .15rem 0;
}

.group_add .cell .tit {
    font-size: .28rem;
}

.group_add .c_hd {
    width: .8rem;
    height: .8rem;
    margin-right: .1rem;
}

.group_head {
    margin-bottom: .2rem;
    background: #fff;
}

.group_head .back::after {
    border-color: #fff;
}

.group_head_hd {
    padding: .2rem .4rem 0;
}

.group_head_hd .cell {
    padding: 0;
}

.group_member {
    margin: .2rem 0;
    line-height: .44rem;
}

.group_member .group_item {
    float: left;
    min-height: .44rem;
}

.group_member .group_item li {
    float: left;
    height: .44rem;
    width: .44rem;
    overflow: hidden;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #f2f2f2;
    margin-right: .2rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.group_member .group_item li img {
    display: block;
    width: 100%;
}

.group_member .member_more {
    float: left;
    padding-left: .09rem;
    height: .44rem;
    width: .35rem;
    overflow: hidden;
    text-indent: -9999em;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #e6e6e6;
    margin-right: .2rem;
    position: relative;
}

.group_member .member_more i {
    width: .06rem;
    height: .06rem;
    float: left;
    background: #fff;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: .18rem .03rem 0 0;
}

.group_ann {
    color: #999;
    line-height: .4rem;
    position: relative;
    border-top: 1px solid #f2f2f2;
    padding: .2rem 0;
}

.group_ann_txt {
    line-height: .4rem;
    overflow: hidden;
    height: .8rem;
    text-align: justify;
}

.group_ann .amore {
    color: #feba4b;
    position: absolute;
    right: 0;
    bottom: .2rem;
    height: .4rem;
    background: #fff;
    width: .75rem;
    text-align: center;
}

.group_ann_show .group_ann_txt {
    height: auto;
    padding-bottom: .4rem;
}

.group_nav {
    position: fixed;
    right: .4rem;
    bottom: .8rem;
    z-index: 100;
}

.group_nav .add,.group_nav .refresh {
    display: block;
    width: .9rem;
    height: .9rem;
    overflow: hidden;
    font-size: 0;
    text-indent: -9999em;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #ffd100;
    -webkit-box-shadow: 0 0 .3rem #ffd30e;
    -moz-box-shadow: 0 0 .3rem #ffd30e;
    box-shadow: 0 0 .3rem #ffd30e;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: .4rem auto;
    -moz-background-size: .4rem auto;
    background-size: .4rem auto;
}

.group_nav .add {
    background-image: url('data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABGAAD/4QMqaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzFDRTlGQUZBNTBBMTFFOEIwNTNGOUY4MDQ3RERGOUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzFDRTlGQjBBNTBBMTFFOEIwNTNGOUY4MDQ3RERGOUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMUNFOUZBREE1MEExMUU4QjA1M0Y5RjgwNDdEREY5QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMUNFOUZBRUE1MEExMUU4QjA1M0Y5RjgwNDdEREY5QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAQDAwMDAwQDAwQGBAMEBgcFBAQFBwgGBgcGBggKCAkJCQkICgoMDAwMDAoMDA0NDAwRERERERQUFBQUFBQUFBQBBAUFCAcIDwoKDxQODg4UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIACgAKAMBEQACEQEDEQH/xACRAAEBAQEBAAAAAAAAAAAAAAAACAkFBwEBAQEBAQEAAAAAAAAAAAAAAAYIBAMHEAAABAMCDAcAAAAAAAAAAAAAERMVEhQWAwUBAiIyI6XFBmaGGChhgmOTRCZIEQABAgIDCRADAAAAAAAAAAAAERITFAGBQiExUQIiggMkFkFhcTKiwmODo8MERGSEJkaxYpL/2gAMAwEAAhEDEQA/AKOGHj6gABCNTX/1PTLhbrVY1HHjFIuEqgRlAlkkNNyGg2ZayhJZ963De7hddIiLjzyrbSpUQu4ZkLcAAAAAz7/S/PW1xqn617TuSD871nONBBlYvAAIR3m6nX+8ZirFV7Q2pwkSiwkhK6OAs2Eab8BszAxGyyJRx4b852UuFSI0s8+lX1KlSHJ7l+Otbju+Nek7E8td6TlHn/2apvnVjPes5ua3urq+ePxFVq0tYgM/WHDb/LG5rd44Mt+65a1/Kqegdy/HWtxK/GvSdid+u9Jyjrbs9Tr/AHdL1YqvZk6uEiUWA15nRwFnRDh8fszL47pZEp4kN+a3KXAh66KefQj61StS7hmQtwAM+/0vz1tcap+te07kg/O9ZzjQQZWLwAAAAAhGmb/6npZvt1qsdSgxikXCaXMigTyohpuf0GzLn0JLMv24bG8LrhEQseeRLa1Kql3DMhbgAf/Z')
}

.group_nav .refresh {
    margin-top: .3rem;
    background-image: url('data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABGAAD/4QMqaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTBEQzRDREZBNTBBMTFFOEE3QjREMDY4ODEwOTA3QjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTBEQzRDRTBBNTBBMTFFOEE3QjREMDY4ODEwOTA3QjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MERDNENEREE1MEExMUU4QTdCNEQwNjg4MTA5MDdCMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MERDNENERUE1MEExMUU4QTdCNEQwNjg4MTA5MDdCMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAQDAwMDAwQDAwQGBAMEBgcFBAQF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')
}

.label {
    line-height: .36rem;
    font-size: .24rem;
    width: .36rem;
    text-align: center;
    float: left;
    color: #fff;
    margin: .2rem .1rem 0 0;
    -moz-border-radius: .04rem;
    border-radius: .04rem;
}

.live {
    background: #fea443;
    background: -moz-linear-gradient(top, #ffbb72, #fe8d16);
    background: -webkit-gradient(linear,top,from(#ffbb72),to(#fe8d16));
    background: -webkit-linear-gradient(top, #ffbb72, #fe8d16);
    background: -o-linear-gradient(top, #ffbb72, #fe8d16);
    -webkit-box-shadow: 0 .04rem .08rem rgba(254,140,19,.5);
    -moz-box-shadow: 0 .04rem .08rem rgba(254,140,19,.5);
    box-shadow: 0 .04rem .08rem rgba(254,140,19,.5);
}

.fine {
    background: #ff4a50;
    background: -moz-linear-gradient(top, #ff695e, #fe3144);
    background: -webkit-gradient(linear,top,from(#ff695e),to(#fe3144));
    background: -webkit-linear-gradient(top, #ff695e, #fe3144);
    background: -o-linear-gradient(top, #ff695e, #fe3144);
    -webkit-box-shadow: 0 .04rem .08rem rgba(254,47,67,.5);
    -moz-box-shadow: 0 .04rem .08rem rgba(254,47,67,.5);
    box-shadow: 0 .04rem .08rem rgba(254,47,67,.5);
}

.group .cell:before {
    left: .36rem;
    right: .36rem;
    border-color: #f8f9f9;
}

.group .btn {
    -moz-border-radius: .4rem;
    border-radius: .4rem;
    padding: .1rem 0;
    width: 1.2rem;
    text-align: center;
}

.group_main {
    margin-top: .2rem;
    background: #fff;
    position: relative;
    padding-top: .86rem;
}

.group_tab {
    background: #fff;
    border-bottom: 1px solid #f2f2f2;
    height: .86rem;
    z-index: 10;
    line-height: .86rem;
    font-size: .32rem;
    position: absolute;
    width: 7.5rem;
    left: 50%;
    margin-left: -3.75rem;
    top: 0;
}

.group_tab li {
    float: left;
    line-height: .86rem;
    padding: 0 .3rem;
    color: #999;
}

.group_tab li.cur {
    color: #333;
}

.group_tab .group_sort {
    position: absolute;
    right: .3rem;
    top: 0;
    padding-right: .4rem;
    font-size: .3rem;
    color: #999;
}

.group_tab .group_sort::after {
    content: " ";
    display: inline-block;
    height: .2rem;
    width: .2rem;
    border-width: .02rem .02rem 0 0;
    border-color: #ccc;
    border-style: solid;
    -webkit-transform: matrix(.71,.71,.71,-.71,0,0);
    -moz-transform: matrix(.71,.71,.71,-.71,0,0);
    -ms-transform: matrix(.71,.71,.71,-.71,0,0);
    -o-transform: matrix(.71,.71,.71,-.71,0,0);
    transform: matrix(.71,.71,.71,-.71,0,0);
    position: relative;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -.14rem
}

.group_sort_mask {
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: none
}

.group_sort_list {
    display: none;
    width: 1.7rem;
    position: absolute;
    top: .8rem;
    right: .25rem;
    background: #fff;
    -moz-border-radius: .08rem;
    border-radius: .08rem;
    padding: 0 .17rem;
    z-index: 100;
    -webkit-box-shadow: 0 .05rem .5rem rgba(0,0,0,.1);
    -moz-box-shadow: 0 .05rem .5rem rgba(0,0,0,.1);
    box-shadow: 0 .05rem .5rem rgba(0,0,0,.1)
}

.group_sort_list::after {
    content: "";
    display: block;
    position: absolute;
    top: -.12rem;
    right: .2rem;
    width: 0;
    height: 0;
    border-width: 0 .12rem .12rem;
    border-style: solid;
    border-color: transparent transparent #fff
}

.group_sort_list li {
    color: #1a1a1a;
    font-size: .26rem;
    line-height: .7rem;
    border-bottom: 1px solid #f2f2f2
}

.group_sort_list li:last-child {
    border: none
}

.group_tabCnt {
    width: 7.5rem;
    overflow: hidden
}

.group_tabCnt .group_tab_item {
    display: none;
}

.group_card,.group_gift,.group_info {
    padding: 0 .4rem
}

.group_card li {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: .1rem
}

.group_card li .ec {
    right: 0;
    top: .1rem;
}

.group_cell {
    padding: .2rem 0
}

.group_cell .c_hd {
    width: .66rem;
    margin-right: .2rem;
    position: relative;
}

.group_cell .avatar {
    width: .64rem;
    height: .64rem;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #f3f3f3;
}

.group_cell .grade {
    width: 1.4rem;
    color: #fff3b4;
    height: .34rem;
    line-height: .34rem;
    font-size: .22rem;
    transform: scale(.5);
    -webkit-transform: scale(.5);
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -.7rem;
    bottom: -.1rem;
    background: url('../img/grade.png') no-repeat center top / 1.4rem auto;
}

.group_cell .tit {
    font-size: .28rem;
}

.group_cell .lv {
    display: inline-block;
    background-color: #fdb94b;
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-background-size: .48rem auto;
    -moz-background-size: .48rem auto;
    background-size: .48rem auto;
    background-image: url('data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABGAAD/4QMqaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDU3NjBDOEZBNTIwMTFFOEFEMzdEMzk2NTE4MjU4QjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDU3NjBDOTBBNTIwMTFFOEFEMzdEMzk2NTE4MjU4QjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NTc2MEM4REE1MjAxMUU4QUQzN0QzOTY1MTgyNThCMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NTc2MEM4RUE1MjAxMUU4QUQzN0QzOTY1MTgyNThCMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAQDAwMDAwQDAwQGBAMEBgcFBAQFBwgGBgcGBggKCAkJCQkICgoMDAwMDAoMDA0NDAwRERERERQUFBQUFBQUFBQBBAUFCAcIDwoKDxQODg4UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIABwAMAMBEQACEQEDEQH/xAB0AAACAgMBAAAAAAAAAAAAAAAAAgEGAwQFCAEBAAIDAQEAAAAAAAAAAAAAAAECBAUGAwcQAAICAQIFBAMAAAAAAAAAAAECABIDESExUXEEBUGRscFCUjMRAQEAAgICAwAAAAAAAAAAAAABEQIxBBIDIUEz/9oADAMBAAIRAxEAPwD1dPk7sBA53nQp8bktx1WvWw+pi9r86yut+kVKs0mW4FYyNy6fsPeeWFlzIInUubJkyY8Sl8jBFHqx0EjbaazNWmttxFd8r347xhixfwQ66n8m5zS9rsedxOG26/o8Pm8uYU3mHKzEUjIKRkbi5+4QVTM6ryDED5kz27zi1W+vW/UIxd93Yt1OspdreVprJwWsjKU1jIKRkRURkMnGRQ+0hI2gG0A2gY24mWiH/9k=');
    padding: 0 .1rem;
    color: #fff;
    -moz-border-radius: .06rem;
    border-radius: .06rem;
    font-size: .22rem;
    height: .28rem;
    line-height: .28rem;
}

.group_cell .like {
    position: relative;
    z-index: 10;
    background-position: right .01rem;
    background-repeat: no-repeat;
    padding-right: .4rem;
    -webkit-background-size: .28rem .28rem;
    -moz-background-size: .28rem .28rem;
    background-size: .28rem .28rem;
    font-size: .28rem;
    display: inline-block;
}

.group_cell .liked {
    position: relative;
    z-index: 10;
    background-position: right .01rem;
    background-repeat: no-repeat;
    padding-right: .4rem;
    -webkit-background-size: .28rem .28rem;
    -moz-background-size: .28rem .28rem;
    background-size: .28rem .28rem;
    font-size: .28rem;
    display: inline-block;
}

.group_cell .medal {
    display: inline-block;
    width: .7rem;
    margin-left: .05rem;
}

.group_cell .ec {
    position: absolute;
    top: 0;
    right: .6rem;
    width: 1rem;
    z-index: 1;
}

.loading_list {
    text-align: center;
    padding: .2rem;
    font-size: .26rem;
    background: #f5f5f5;
    color: #333;
}

.group_card_tit {
    font-size: .32rem;
    margin-bottom: .2rem;
}

.group_card_tit .label {
    float: none;
    display: inline-block;
    margin: 0 .1rem 0 0;
}

.group_card_desc {
    color: #666;
    line-height: .34rem;
    font-size: .26rem;
    max-height: .68rem;
    overflow: hidden;
    margin-bottom: .2rem;
}

.group_card_img {
    margin-bottom: .05rem;
    overflow: hidden;
    position: relative;
}

.group_card_img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
}

.group_card_single {
    height: 3rem;
}

.group_card_single img {
    object-fit: none;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.group_card_img_list {
    width: 7.5rem;
    margin-left: -.155rem
}

.group_card_img_list li {
    margin: 0 0 .15rem .155rem;
    float: left;
    width: 2.13rem;
    height: 1.58rem;
    overflow: hidden;
    border: none;
    padding: 0;
    background: #f0f1f6 url('../img/default_218_160.jpg') no-repeat center / 2rem auto;
}

.group_card_ft {
    margin-bottom: .1rem;
    text-align: right;
}

.group_card_ft span {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: .4rem;
    -webkit-background-size: .28rem .28rem;
    -moz-background-size: .28rem .28rem;
    background-size: .28rem .28rem;
    color: #999;
    display: inline-block;
    margin-left: .4rem;
}

.like {
    background-image: url('data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABGAAD/4QMqaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0E3MEJERjNBNURCMTFFOEJBOTZGNDBGOTE4RkQxNjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0E3MEJERjRBNURCMTFFOEJBOTZGNDBGOTE4RkQxNjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3QTcwQkRGMUE1REIxMUU4QkE5NkY0MEY5MThGRDE2NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3QTcwQkRGMkE1REIxMUU4QkE5NkY0MEY5MThGRDE2NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAQDAwMDAwQDAwQGBAMEBgcFBAQFBwgGBgcGBggKCAkJCQkICgoMDAwMDAoMDA0NDAwRERERERQUFBQUFBQUFBQBBAUFCAcIDwoKDxQODg4UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIABwAHAMBEQACEQEDEQH/xAByAAACAgMAAAAAAAAAAAAAAAAFBgIDBAcIAQEAAAAAAAAAAAAAAAAAAAAAEAAABAQDBAMRAAAAAAAAAAABAgMEABIFBhETFCFBFRYxURfwYdEiMoKiY5MkZLSFJjYHJxEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A7+gEW8WqVxXRQrWWUUMxFJ09qSKRxIIFKQCIHES9R8cIAj+v37t9biZH6orumSyzI65tplAQOJSmEd4y4bYBpgERZa667dddpVKroUdlRwZgQgM0nQqC6RFQREVBAQEBDdAHbetdChC5dqOVKhWnuAvKk42nPL0FKUBwKQNxQ8EAv06ybuorQzWmXeCLcDHWyzU5EwCdQRMYRMc5jbRgJc51Psy5uyicUysJcBkn1Gnnlx8/CAy7c/PL1+l/LGgHGAC3dUQpNs1V+IymSbKAmPrDhIT0jBACOXTdmvL8nvHDfI+IkzcPaQCpXuc+d69yDPnSMuMT6WXMyRyZNRukx6N+PegKf7z3cMgIfdmsY9qeo5f1BJMrSabPx8TUafbJj1wG5YD/2Q==')
}

.liked {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkYxRDJFMURBQjJDMTFFOEE3NzI5QjI3N0JGRDBBQTUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkYxRDJFMUNBQjJDMTFFOEE3NzI5QjI3N0JGRDBBQTUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5MzEzRDExOEE1RDExRThCQzUxRkZDOTY4MDI4QjQ4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5MzEzRDEyOEE1RDExRThCQzUxRkZDOTY4MDI4QjQ4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+L5nxQQAAAU5JREFUeNpi/P//PwMI/DdwYSAScABxOBD3AvFpIE4H4kfEaGS8sIeBiYF0IAzENVDaGYhbgFiCWM3kWMgGxMpQNisQhwCxFq0tZETicwKxDRDz08JCRhzBp04rC7mB2AKLuCjUp1S3EGRwPAMFgInEuIsCYk0sch+A+Cc1LQRZFgvEeTjknwPxN2IMYiFCjRwQ+wFxBRCL4VBzAYhfkWqhDhDzoiV5ASCOhgYlPiAITUzoIfYPiN8B8X0g/o1u4Q4gliYzLfTikbsIxJVAvB09DqUZaAP0gbiPkpKGHCAAiyp6WQiKv//0tPAlPYP0FxA/pKeFP4D4Jj0t/AbNGnT14Rl6WviOnnEISjCXgfgvvSx8C8RHKG3TkAJA9eRRelr4FIiv08vC10C8AV+N/5tKFoHqwC9AvByIp+Kz8BAVLAWlxtvQ+q8EmwKAAAMAz7w8MDRpXlcAAAAASUVORK5CYII=')
}

.message {
    background-image: url('data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABGAAD/4QMqaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzYyRDZFRjNBNURCMTFFOEFDRjA5NjhDMDkyNzI0QjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzYyRDZFRjRBNURCMTFFOEFDRjA5NjhDMDkyNzI0QjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjJENkVGMUE1REIxMUU4QUNGMDk2OEMwOTI3MjRCMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjJENkVGMkE1REIxMUU4QUNGMDk2OEMwOTI3MjRCMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAQDAwMDAwQDAwQGBAMEBgcFBAQFBwgGBgcGBggKCAkJCQkICgoMDAwMDAoMDA0NDAwRERERERQUFBQUFBQUFBQBBAUFCAcIDwoKDxQODg4UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIABwAHAMBEQACEQEDEQH/xABxAAADAQEBAAAAAAAAAAAAAAAABQYEBwgBAQAAAAAAAAAAAAAAAAAAAAAQAAABCQQFCwUAAAAAAAAAAAABEQISAxMEBQYhFBUWMUGBZhfwUbEyQjPjpJUHJ4S0VTZHEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwD2HL5/XdSsCzanYeVQ8latGiEJiCUQk3aIM0yoFTK5sIcpC2ANXyru950AfKu73nQCrPtQX/KeHwudH7ky6dxdOnz4/XMr2dPQAa+1f6HKfqPuWoCxAADjv955fjAGj29rmFl1MQcoZyqZTKJhHpW2HQ94RQI1bJporFWRMUpwFTxA3WqH0/xABxA3WqH0/wAQBJYdUObeJWDRV1fqYSqS/Xe63d67Pp1qadloC/ozLmAw+V1cNNabvHhiLPda/OfZYYA/AAAAf//Z')
}

.view {
    margin: 0;
    background-image: url('data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABGAAD/4QMqaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJBQzY3MDk0QTVERTExRThCMDk0REI0M0VCRDZERDQ4IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJBQzY3MDkzQTVERTExRThCMDk0REI0M0VCRDZERDQ4IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjJENkVGM0E1REIxMUU4QUNGMDk2OEMwOTI3MjRCMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjJENkVGNEE1REIxMUU4QUNGMDk2OEMwOTI3MjRCMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAQDAwMDAwQDAwQGBAMEBgcFBAQFBwgGBgcGBggKCAkJCQkICgoMDAwMDAoMDA0NDAwRERERERQUFBQUFBQUFBQBBAUFCAcIDwoKDxQODg4UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIABwAHAMBEQACEQEDEQH/xABwAAACAgMBAAAAAAAAAAAAAAAFBgQHAQIDCAEBAAAAAAAAAAAAAAAAAAAAABAAAAQEBAMFBwUAAAAAAAAAAQIDBBEUBQYAIRITMUEVUWEyFhfwcZGx4VIjYnIzJQcRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/APcdx3TS7aQKd4YyrtbJsyRDWsqbkAFDl34BXVuq+lTAoRhS6OieG0hVnBgXNHgIaDF+WA7tb+fU5RFG8aZ09BYdKVUbG3mZxiHMIiUM+MRwDxMIbEzull9Ovd1Bo0wjGPCGAruykSVNo/8A9DqYA6qzjeFqn4gbooRAqZQHgOXtHATLStmj1ujIXBXGxKjVaqUy7hZwGsCgcwwIQByKUoZBDAa0mnsmFzVSytoHFvumpXyLRQRUIgJh0HIEYiADxL2YBQ2X/mT0qnzeX5rd3NX5Zba35fV2cvf3ZYBrdsapYb93UqS2M/tN8Yyz+nJ5qNlB8SiYcyiHEPpgBFMuLpaR0rXrlOUoxznMgwqombrtNYxEAzARKAjkA4DNOryjZ09LQ1fM16VMSlXeIEEjJBMuRIGHLQWOffgC3pr/AE+5Nj5v35/q+cZj7f2coYCwsAs1H09m1OrdGno/lmpXdj+rXn8cAXpHRJUOgyslEYSO3tR5/wAWUcBPwH//2Q==')
}

.reward {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEC0lEQVRYR7WXUWhcRRSG/z/buAmiBhMVUSMa0z4UIlIqomJNpYLR4EN1JZt7ZksDPlgLRRQqRchDX0SKSqsiFUru3E0loihiFBFDSaloVCgtokJpbSNSxEBs0cSYOTJhd9kku3vvZnFedmH+85/vzj1zZi6RcIyNjbXOzc1lSW5X1VsAdJC8DkCTql4g+aOqnlLVydbW1k8zmcw/SayZRBRF0WOq+g6AG5LoAfwC4HERORmnjwWIougeVT0G4Io4sxXzs6lUakM2m71YKy4WIAzDPMlsncmL8kMisrshAGvtNwA2rxHghIjc1yjAGwCeWQuAqh42xjzdKMCdqvo9yaZ6IZxz9+Zyua8aAoii6GpV/RZAdz0Aqnq+paVlYyaTubxmAGvtBlX9hGRXPcnLtD845x7O5XK/VouvugvCMNwC4GOSV60xeTHsYlNT06ODg4PfVfKpCBBF0SPOuY9INjeYvBg+q6o9xpjzK/1WAYyMjNxE8jTJtkrJVfUPktcAWFdh/jcAN1aBPtXe3r65r69vvnx+GcDExMS66enpE9X2vaqeTaVSm1T1ZlX90p8HZWYvBEFwwFp7kOSuKhBHRWRZU1sGYK19DsCBasuuqucWFhZ6hoaGLvkCBXC8ALFbRA75uDAMXyW5p2rRkbuCIHizOF8C8NvNOTedoOim0un0Vr+9CrvkAWPMYW9orX0WwMFadaOqC83NzesHBgbOeV0JwFr7CoDnExZdCaKot9b6WO8RO1T1XWPMQAmgUHhn46peVV/r6OjYu7KQyjMWTs+a3Q/AIslrgyD4c2kFwjDcR3J/LDqwV0RerqUbHR3tWFxc/D3Oi6QEQRAVASZJ3h8XpKpzAL4u6owxDxbe/bCqLv0H0EnytjgvAEdEZGcR4CLJ6xMEXVbVt0ku9XcRGS6s4JMkN/r/qhokbN1TInI3h4eHm7q6uhYTJPeSrIgcraX1d8f5+flLAFIxu+GMMeaOpRWw1v4bF1Awe7+trc309/f/Vc08DMMdJI/EPZA/LY0xtxZfwUmSPXFBK+dFpPgA7wF4os74MRF5qgiwn+S+Og18DTQCsEdEXl8yyOfzm5xz/tJR10in022ZTGbWWvs5gG1Jg1XVqWqnvyeUd8IvADyU1KSgm1TVn0nuLO+qCTxKh1IJIJ/P3+6cOw2gNYFBI5K/AdwlIj95k2WnYRiGWwGMk0w3kiFm+203xnxQ1Ky6kPyPELMAdojIh+WAFa9k+Xy+2zn31hpqYtXD+4IjOUryxSAIplcKan6ahWHY7wtMVbeRvLKe1+LPDZKfqepLxhhfWxVH7LehjxofH0/PzMxscc71kuxWVf+NsJ5ki6rOAPAXmQv+F8AZ59zxzs7Oqd7eXt9ha47/AHHhrzAu7eCnAAAAAElFTkSuQmCC')
}

.essence {
    background-image: url('data:image/png;base64,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')
}

.group_info .group_info_item {
    border-bottom: 1px solid #f2f2f2;
    padding: .3rem 0;
    display: block;
}

.group_info .flex,.group_cell .cell {
    padding: 0;
}

.group_info .tit {
    font-size: .3rem;
    line-height: .4rem;
    height: .8rem;
    overflow: hidden;
}

.group_info .desc {
    color: #999;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.group_info .c_hd {
    margin: 0 0 0 .2rem;
    width: 1.5rem;
    height: 1.5rem;
}

.group_info_txt {
    margin-top: .3rem;
    color: #999;
    text-align: right;
}

.group_hd {
    margin-bottom: .2rem;
}

.group_hd h3 {
    font-size: .36rem;
    margin-bottom: .05rem;
    line-height: 1.4;
    text-align: justify;
}

.member .c_hd {
    width: .65rem;
    height: .65rem;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #f3f3f3;
    margin-right: .2rem;
}

.member .c_bd {
    font-size: .3rem
}

.pop_group {
    padding: .5rem .4rem;
    width: 4.5rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem;
    text-align: center;
}

.pop_group::after {
    display: none
}

.pop_group .pt {
    margin: 0 0 .3rem;
    padding: 0;
    line-height: 1.2;
    border: none;
    font-size: .36rem;
}

.pop_group .btn {
    display: block;
    background: #ffd100;
    border-color: #ffd100;
    margin-top: .5rem;
    -moz-border-radius: .4rem;
    border-radius: .4rem;
}

.group_gift .cell {
    padding: .3rem 0;
}

.group_gift .c_hd {
    width: 1.2rem;
    height: 1.2rem;
}

.group_gift .desc {
    margin: .05rem 0;
}

.group_gift .desc span {
    margin-left: .2rem;
}

/*
.group_gift .btn{border: none; background: #ffd100; width: 1.2rem; height: .54rem; line-height: .54rem; padding: 0; text-align: center; border-radius: .3rem;}
.group_gift .btn_default{background: #f2f2f2; color: #999;}
*/
.group_gift_txt {
    background: #fff;
    margin-top: .2rem;
}

.group_gift_txt .cell {
    display: block;
}

.group_gift_txt .gtit {
    font-size: .34rem;
    margin-bottom: .3rem;
}

.group_card_hd {
    padding: 0 .4rem 1.1rem;
    margin-bottom: .2rem;
    position: relative;
    padding-top: .86rem;
}

.group_card_hd .group_tab {
    padding: 0 .4rem;
    width: 6.7rem;
}

.group_card_detail {
    padding: 0 .4rem .5rem;
    margin-bottom: .2rem;
    background: #fff;
}

.group_receive {
    padding: .3rem .4rem;
    ;}

.group_card_fast {
    background: #f7f8f9;
}

.group_devote {
    text-align: center;
    font-size: .26rem;
    margin-top: .2rem;
}

.group_devote_avatar img {
    width: .58rem;
    height: .58rem;
    display: inline-block;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #f3f3f3;
    margin: .05rem .03rem;
}

.group_sort_item {
    display: inline-block;
    color: #999;
    padding: 0 .1rem;
}

.group_sort_cur {
    color: #333;
}

.group_reply_hd li {
    border-bottom: 1px solid #f2f2f2;
    padding: .3rem 0;
}

.group_reply_hd li:last-child {
    border: none;
}

.group_reply_hd .group_cell {
    padding: 0;
}

.group_reply {
    padding: .15rem 0 0 .9rem;
    font-size: .32rem;
}

.group_reply_list {
    background: #f7f8f9;
    padding: .2rem .3rem;
    margin-top: .2rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
}

.group_reply_list .n {
    color: #69759e;
}

.group_comment_more {
    margin-top: .2rem;
    text-align: right;
}

.group_comment_more a {
    color: #9fa6be;
}

.fb {
    font-weight: bold;
}

.ctit .group-more {
    float: right;
    font-size: .3rem;
    color: #919191;
}

.groupindex .cell .tit {
    font-weight: bold;
}

.group-htit ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.group-htit ul li a {
    padding: 0 .2rem;
    color: #919191;
}

.group-htit ul li.active a {
    position: relative;
    color: #000;
}

.group-htit ul li.active a::before {
    display: block;
    content: '';
    position: absolute;
    bottom: -.09rem;
    left: 50%;
    margin-left: -.15rem;
    width: .3rem;
    border-bottom: 2px solid #fde700;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.group-more {
    height: 100%;
    background-color: #fff;
}

.group-htits ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.group-htits ul li {
    position: relative;
    padding: 0 .2rem;
    color: #919191;
}

.group-htits ul li.active {
    font-weight: bold;
    color: #000;
}

.group-htits ul li.active::before {
    display: block;
    content: '';
    position: absolute;
    bottom: .16rem;
    left: 50%;
    margin-left: -.15rem;
    width: .3rem;
    border-bottom: 2px solid #fde700;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.group-more {
    height: 100%;
    background-color: #fff;
}

.group-more-c .cell_access::before {
    left: .3rem;
    right: .3rem;
}

.cell_access .c_btn {
    position: relative;
}

.cell_access .c_btn .join, .cell_access .c_btn .joined {
    display: inline-block;
    padding: .1rem 0;
    width: 1.2rem;
    text-align: center;
    font-size: .2rem;
    -moz-border-radius: .4rem;
    border-radius: .4rem
}

.cell_access .c_btn .joined {
    border: .01rem solid #b7b6b6;
    color: #919191
}

.cell_access .c_btn .join {
    border: .01rem solid #fde700;
    color: #000;
    background-color: #fde700
}

.group-more-tip {
    margin-top: .6rem;
    text-align: center;
    font-size: .2rem;
    color: #919191;
}

.group-member {
    background-color: #fff;
}

.group-member .b_tit {
    position: relative;
    padding: .25rem .36rem;
    font-size: .4rem;
    background-color: #fff;
}

.group-member .b_tit::before {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: .36rem;
    right: .36rem;
    border: .01rem solid #f8f9f9;
}

.group-member .ht .ht_btn {
    position: relative;
    padding: 0 .1rem;
    color: #979797;
}

.group-member .ht .ht_btn.active {
    color: #000;
    font-weight: bold;
}

.group-member .ht .ht_btn.active::before {
    display: block;
    content: '';
    position: absolute;
    bottom: -.09rem;
    left: 50%;
    margin-left: -.15rem;
    width: .3rem;
    border-bottom: 2px solid #fde700;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.group-member .glist .c_hd {
    width: 1rem;
    height: 1rem;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #f3f3f3;
    margin-right: .2rem;
}

.group-member .glist .cell_access .c_rank {
    width: .6rem;
    height: .6rem;
    line-height: .6rem;
    position: relative;
    color: #969696;
    text-align: center;
}

.group-member .glist .cell_access:nth-of-type(1) .c_rank.active {
    background-color: #fd8c12;
    color: #fff;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.group-member .glist .cell_access:nth-of-type(2) .c_rank.active {
    background-color: #fcb55b;
    color: #fff;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.group-member .glist .cell_access:nth-of-type(3) .c_rank.active {
    background-color: #ffd100;
    color: #fff;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.group-detail-no-comment {
    padding: .3rem 0;
    text-align: center;
    color: #e6e6e6
}

.group-detail-no-comment .icon-commit {
    width: 1.28rem;
}

.group-detail-no-comment .comment-tip {
    margin-top: .15rem;
}

.comment-tab {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.1rem;
    font-size: 0;
    text-align: center;
    background-color: #fff;
    color: #a3a3a3;
    z-index: 1000;
}

.comment-tab .comment-tab-item {
    display: inline-block;
    width: 33.3%;
}

.comment-tab .comment-tab-item .praise-txt {
    font-size: .26rem
}

.comment-tab .comment-tab-item .ok {
    display: none
}

.comment-tab .comment-tab-item.active .praise-txt {
    color: #ff3e24
}

.comment-tab .comment-tab-item.active .ok {
    display: inline-block
}

.comment-tab .comment-tab-item .icon {
    height: .32rem;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: .32rem auto;
    -moz-background-size: .32rem auto;
    background-size: .32rem auto
}

.comment-tab .comment-tab-item .icon-like {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBGQjJFQzBEQUIzNzExRTg5NjY0RDcxMzQ3Qjg1NUNDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBGQjJFQzBFQUIzNzExRTg5NjY0RDcxMzQ3Qjg1NUNDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEZCMkVDMEJBQjM3MTFFODk2NjRENzEzNDdCODU1Q0MiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEZCMkVDMENBQjM3MTFFODk2NjRENzEzNDdCODU1Q0MiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6yCKyGAAABwUlEQVR42mKcO3cuA5mAF4iXALEjEE8C4log/k+KAUlJSQwsDOSDXCD2g7Krgfg7ELeSaggTBQ6wg9JTgfgPENcBsSQ9HcABpdcA8UogZgPiKHo6QARKfwDiLVC2LamGkJsGeIBYDRr0t4CYHSouRa8Q8ABiViA+DcTfgPg9VFyQXg4ohNKLkUIEBL7QwwEJQGwFxE+AeD6az9/R2gEuQDwdKRR+QNnqUPoJLR0A8vkmaPabCM1+MGAIpS9TmguwJSIdIK6CJjwQmIaUBmDACErfxJMQf2NLI8gOOAqNW1zgExAXIMU7DPABsT6UvYmAh/cDcTIQ38fmAJjl79E0gQqa5dAK5yUWQ02gjiMEOKEVF8gDDvgKIiESo3EfkXpEgfgVEJtSqygmFbzD5ml6OkAMWxTT0wEqUPruQDlAbaAdAMuqFwbKAeZQ+tRAOABUfBtA2w/nBsIBltAm2xVo+4HuDnCB0nup2SYkBTgPpAMEoPXFTyA+OBAOcAJiZiA+gR7/9HAAG7TXhLOqppUDmKANmT3Qxgqo/p9FbL/gP5UdA6qC/XG1mJFDYBmVLX8OxLOB2BhfWxE5BKKhmK4AIMAAmP5PqPJ2v/QAAAAASUVORK5CYII=')
}

.comment-tab .comment-tab-item.active .icon-like {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY5NTFCNDVEQUIzNjExRThBODFBRDY3MzQ4M0VCQkQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY5NTFCNDVFQUIzNjExRThBODFBRDY3MzQ4M0VCQkQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Rjk1MUI0NUJBQjM2MTFFOEE4MUFENjczNDgzRUJCRDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjk1MUI0NUNBQjM2MTFFOEE4MUFENjczNDgzRUJCRDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7HUpQaAAABJ0lEQVR42mL8p+/MQCbgBeIlQOwIxJOAuBaI/5NiAOOFPQwsDOSDXCD2g7Krgfg7ELeSaggTBQ6wQ+PXAbEkPR3AgcZnA+IoejpABIuYLb0cwAPEaljEpejlAA8gZsUiLkgvBxTiEP9CDwckALEVDrl3tHaACxBPxyP/hJYOAPl8E5bshwwuk+oAFiISkQ4QV0ETHiFwE09C/I0tjSA74CieuCUWbCIgvx+Ik4H4PrYooNRyYgCo4ppPrZKQXGA60A5gGWgHvB9oB9wd8Q64MNAOODWQDvgDxOcG0gFXgPjbQDpgLzXbhEPOAT+B+OBAOuAEevzT2wGbqN0vIAWA6v9ZA+WAV0Dsj6vFjOyAZaT2bgmA50A8G4iN8bUVkevmaCimKwAIMABP9zCpFIApRgAAAABJRU5ErkJggg==')
}

.icon-gallery {
    background-image: url('data:image/png;base64,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')
}

.comment-box {
    display: none;
    z-index: 1000000;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background: #fff;
}

.comment-box .cancel {
    float: left;
    font-size: .26rem;
    line-height: 1rem;
    padding: 0 .15rem 0 0;
}

.comment-box .csubmit {
    position: absolute;
    right: .15rem;
    top: 0;
    line-height: 1rem;
    padding: 0 .3rem;
    color: #ccc;
    font-size: .26rem;
}

.comment-box .csubmit.active {
    color: #f88c14;
}

.comment-edit {
    margin-top: 1rem;
    padding: 0.2rem 0.3rem;
    border-bottom: 1px #e3e3e3 solid;
}

.comment-edit textarea {
    width: 100%;
    height: 3rem;
    line-height: 0.5rem;
    border: none;
    resize: none;
    outline: none;
    font-size: .28rem;
    padding: 0;
    margin: 0;
}

.groupcommentdetail {
    background-color: #fff;
}

.groupcommentdetail .container {
    padding: 0 .35rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.groupcommentdetail .group_reply .mypost {
    display: inline-block;
    width: 4rem;
    vertical-align: middle;
    color: #a3a4a6;
}

.groupcommentdetail .group_reply .group_reply_list_detail {
    padding: .2rem .3rem;
    margin-top: .2rem;
    border-left: 2px solid #e6e6e6;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
}

.groupcommentdetail .group_reply .group_reply_list_detail .n {
    color: #6f749a;
}

.groupcommentdetail .comment-btn {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .5rem;
}

.groupcommentdetail .comment-btn .comment-input {
    padding: 0 .1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.group-more .container {
    padding-bottom: .3rem;
    background-color: #fff;
    height: 100%;
}

.group-more .swiper-slide {
    background-image: none;
}

.group-more .swiper-container {
    height: 100%;
}

.group-more .pop-more-tip {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: .2rem .4rem;
    font-size: .26rem;
    background-color: #fde700;
    color: #333;
    z-index: 1000;
}

/* more */
.jy-flex {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.group-more .c_bd {
    max-width: 4rem;
}

.group-more .c_bd .tip {
    width: 100%;
}

.group-more .cell_access .c_btn {
    position: absolute;
    right: .3rem;
}

.group-more .jy-flex.cell_access {
    margin-bottom: 3px;
}

.group-more .jy-flex.cell_access::before {
    position: absolute;
    bottom: -3px;
    right: .3rem;
    left: .3rem;
    height: 1px;
    border-bottom: 1px solid #eee;
    content: " "
}

.group-more .cell:before {
    height: 0;
    border-bottom: none;
}

.group-more .more_link {
    padding-right: 0;
    width: 5.6rem;
}

.group-more .group-slide {
    background-color: #fff;
}

/* previewImage */
.preview {
    display: none;
    position: fixed;
    top: 0;
    left: 50%;
    width: 7.5rem;
    height: 100%;
    z-index: 100000;
    background: rgba(0,0,0,.8);
    margin-left: -3.75rem;
    overflow: hidden;
}

.preview .swiper-slide {
    background: none;
    position: relative;
}

.preview .swiper-slide img {
    width: 7.5rem;
    height: auto;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: block;
}

.swiper-pagination {
    position: absolute;
    bottom: .3rem;
    left: .3rem;
    z-index: 10;
    line-height: .5rem;
    border: solid 1px rgba(255,255,255,.7);
    border-radius: .5rem;
    color: rgba(255,255,255,.7);
    padding: 0 .2rem;
    z-index: 10;
}

.my-gallery {
    margin-left: -.155rem
}

.my-gallery .photo_item {
    margin: 0 0 .15rem .155rem;
    float: left;
    width: 2.13rem;
    height: 1.58rem;
    overflow: hidden;
    border: none;
    padding: 0;
    background: #f0f1f6 url('../img/default_218_160.jpg') no-repeat center / 2rem auto;
}

.my-gallery .photo_item img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
}

.set-pass {
    padding: .4rem .7rem .8rem .4rem;
    background-color: #fff;
}

.set-pass .set_avatar {
    margin: 0 auto .05rem;
}

.set-pass .name {
    font-size: .28rem;
    text-align: center;
}

.set-pass .cell {
    padding: .04rem 0;
    margin-top: .4rem;
}

.set-pass .lable {
    width: 1.38rem;
    font-size: .3rem;
}

.set-pass .c_bd {
    background-color: #f4f4f7;
    padding: 0 .4rem;
    border-radius: .08rem;
}

.set-pass .vcode_btn {
    margin-left: .08rem;
    min-width: 1.85rem;
    border-radius: .08rem;
    text-align: center;
    line-height: .66rem;
    font-size: .26rem;
    background-image: -webkit-linear-gradient(left,#fedb01,#fdeb01);
    background-image: linear-gradient(left,#fedb01,#fdeb01);
}

.set-pass_ts {
    padding: .7rem;
    text-align: center;
    font-size: .28rem;
}

.set-pass_ts .pas_success {
    display: inline-block;
    width: 1.57rem;
    height: 1.29rem;
    background: url('../img/pas_success.png') no-repeat center / cover;
    margin-bottom: .5rem;
}

.confess {
    padding: 1rem .35rem 0;
}

.confess .ctxt {
    color: #222;
    margin-right: .2rem;
}

.confess .cell {
    padding: .25rem 0;
}

.confess .c_bd {
    border: 1px solid #cbcbcb;
    padding: 0 .15rem;
    border-radius: .1rem;
}

.confess_tip {
    text-align: center;
    margin: .6rem 0;
    color: #fd6400;
}

/* 20210106 */
/* 绑定手机 */
.bth_box {
    padding: 1.7rem 0;
}

.phone_icon {
    background-position: 0 -2.4rem;
}

.note_icon {
    background-position: 0 -2.8rem;
}

.pas_icon {
    background-position: 0 -3.2rem;
}

.lable_br {
    border-right: solid 1px #b2b2b2;
    margin-right: .2rem;
}

.placeholder_grey::placeholder {
    color: #ccc;
    font-size: .3rem;
}

.vcode_btn {
    background-color: #fc6647;
    color: #fff;
    display: block;
    width: 1.5rem;
    height: .54rem;
    line-height: .54rem;
    text-align: center;
    border-radius: .08rem;
}

.vcode_btn_disabled {
    background-color: #eee;
    color: #919191;
}

.bindphone_tips {
    position: absolute;
    bottom: .4rem;
    left: 0;
    width: 100%;
    line-height: .42rem;
    color: rgba(145, 145, 145, .5);
    text-align: center;
}

.bindphone_link {
    color: #1c1c1c;
    font-size: .26rem;
    margin-bottom: .1rem;
}

.bindphone_link a {
    color: #f8bb37;
    text-decoration: underline;
}

.step_list {
    display: flex;
    text-align: center;
    padding-top: .9rem;
    color: #919191;
}

.step_list li {
    flex: 1;
    position: relative;
}

.step_i {
    width: .92rem;
    height: .92rem;
    line-height: .92rem;
    text-align: center;
    font-size: .44rem;
    color: #cfcfcf;
    background-color: #eee;
    border-radius: 50%;
    margin: 0 auto .1rem auto;
}

.step_list li.active {
    color: #212121;
}

.step_list li.active .step_i {
    background-color: #ffee27;
    color: #ffa127;
}

.step_list li::before {
    position: absolute;
    left: 75%;
    top: .46rem;
    display: block;
    content: '\20';
    width: 50%;
    height: 1px;
    background-color: #eee;
}

.step_list li:last-child::before {
    display: none;
}

.step_end {
    background-image: url("../img/step_success1.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: .48rem;
}

.step_list li.active .step_end {
    background-image: url("../img/step_success.png");
}

.step_success_text {
    font-size: .32rem;
    text-align: center;
    margin-top: .5rem;
}

.opened_tips {
    color: #3b3b3b;
    font-size: .24rem;
}

.question_icon {
    background-color: #e82323;
    width: .28rem;
    height: .28rem;
    line-height: .28rem;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    margin-right: .05rem;
}

.wallet_bottom_ab {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fbfbfb;
    font-size: .22rem;
    padding: .3rem;
    text-align: left;
}

.wallet_bottom_more {
    color: #e68513;
    text-decoration: underline;
}
.clear_both{
    clear:both;
}
.games_content {
    clear:both;
    display:block;
}
.games_content ul li {
    width: 25%;
    float: left;
}
.games_content .game{
    padding: 10px 10px 10px 10px;
    text-align: center;
}

.games_content .game .game_title{
    padding-top: 10px;
    display: block;
}

.footer {
    clear: both;
    text-align: center;
}