/*打赏弹窗样式*/
/*定高与否*/
.playing-window { position: fixed; bottom: 0; left: 0; right: 0; background: #ffffff; z-index: 11; /*height: 10.2rem;*/ }
.btn-group { height: .8rem; background: #f2f2f2; line-height: .8rem; }
/* .s-window{} */
.s-window-pad { padding: 0 .2rem; }
.line { height: .06rem; background: #f6f6f6; margin-top: .13rem; }
.win-btn { float: left; width: 33.3%; text-align: center; font-size: 14px; color: #999999; }
.win-btn-active { color: #f47983; position: relative; }
.win-btn-active::after { content: ""; position: absolute; bottom: .17rem; left: 50%; transform: translateX(-50%); height: .04rem; background: #f47983; width: .3rem; }
.clear { clear: both; }
.gift-planting { height: .66rem; width: 6.9rem; border: solid .01rem #cfcfcf; border-radius: .33rem; -webkit-border-radius: .33rem; margin-top: .3rem; }
.gift-planting .swiper-slide { height: .66rem; line-height: .66rem; overflow: hidden; font-size: .24rem; color: #333333; font-size: .28rem; text-align: center; }
.gift-planting .swiper-slide .portrait { float: left; width: .42rem; height: .42rem; border-radius: .42rem; -webkit-border-radius: .42rem; margin: .12rem .2rem }
.gift-planting .swiper-slide .gift { float: right; color: #666; margin: 0 .2rem; }
.gift-planting .swiper-slide .gift .num { color: #f47983 }
.red { color: #f47983; }
.areward-list li { float: left; width: 33.33%; text-align: center; margin: .15rem 0 0; position: relative; }
.areward { border: solid .02rem #eeeeee; margin: 0 .05rem; padding-bottom: .1rem; border-radius: .1rem; padding-top: .2rem; }
.areward-active { border: solid .02rem #f47983; position: relative; }
.areward-active::after { content: ""; display: inline-block; position: absolute; bottom: 0; right: -0.02rem; width: .36rem; height: .36rem; background: url(../images/border-bg.png) no-repeat center 0; background-size: 100% 100%; border-bottom-right-radius: .1rem; }
.arewardicon { display: block; margin: 0 auto; width: .85rem; height: .85rem; background: url(../images/areward.png) no-repeat 0 0; background-size: auto .85rem; }
.arewardicon-nobg { display: block; margin: 0 auto; width: .85rem; height: .85rem; }
.arewardicon-nobg img { width: 100%; }
.arewardicon-2 { background-position: 0 0; }
.arewardicon-10 { background-position: -.85rem 0; }
.arewardicon-1 { background-position: -1.7rem 0; }
.arewardicon-11 { background-position: -2.55rem 0; }
.arewardicon-12 { background-position: -3.4rem 0; }
.arewardicon-13 { background-position: -4.25rem 0; }
.arewardicon-14 { background-position: -5.1rem 0; }
.arewardicon-15 { background-position: -5.95rem 0; }
.arewardicon-16 { background-position: -6.8rem 0; }
.arewardicon-20 { background-position: -7.65rem 0; }
.arewardicon-24 { background-position: -8.5rem 0; }
.arewardicon-25 { background-position: -9.35rem 0; }
.arewardicon-26 { background-position: -10.2rem 0; }
.arewardicon-27 { background-position: -11.05rem 0; }
.arewardicon-21 { background-position: -11.9rem 0; }
.arewardicon-22 { background-position: -12.75rem 0; }
.arewardicon-23 { background-position: -13.6rem 0; }
.swiper-container > .two-page { height: .2rem; line-height: .2rem; bottom: -.3rem !important; position: unset !important; margin-top: .13rem; margin-bottom: .13rem; }
.swiper-pagination-bullet { background: #eeeeee !important; width: 0.2rem !important; height: 0.2rem !important; }
.swiper-pagination-bullet-active { background: #dbdbdb !important; }
.name { font-size: .26rem; color: #333333; }
.nums { font-size: .22rem; color: #999999; }
.gift-number-con { letter-spacing: 0; height: .66rem; line-height: .66rem; border: solid .02rem #e5e5e5; margin-top: .01rem; width: 100%; }
.math-number { width: 58%; float: left; height: 99%; border: none; outline: none; text-align: center; margin: 0; }
.math { width: 21%; float: left; background: #eeeeee; color: #f47983; height: 100%; text-align: center; }
.consumption { font-size: .24rem; color: #999999; padding: .15rem 0; }
.balance { font-size: .28rem; color: #333333; }
.recharge-btn { height: .75rem; line-height: .75rem; text-align: center; font-size: .28rem; background: #f47983; color: #fff; border-radius: .15rem; margin: .23rem 0.33rem; }
.recharge-btn-no { background: #a0a0a0; }
.queston { display: inline-block; border: solid .01rem #999999; width: .25rem; height: .25rem; line-height: .25rem; border-radius: 50%; text-align: center; }
.MT-window { border: solid .01rem #999999; padding: .15rem .24rem; margin-top: .15rem; border-radius: .15rem; }
.rank-item { float: left; height: 100%; vertical-align: middle; }
.book-img { width: 13%; }
.book-name { width: 87%; position: relative; overflow: hidden; }
.book-rank-num { width: 22.4%; }
/*.book-name::after { content: ""; position: absolute; right: .25rem; top: 0.45rem; display: inline-block; width: .03rem; height: .54rem; background: #c9c9c9; z-index: 12; }*/
.book-img img { width: 100%; }
.bookname { font-size: .26rem; text-indent: .3rem; line-height: .64rem; }
.addrank { font-size: .24rem; text-indent: .3rem; line-height: .3rem; }
.addrank .red { font-size: .26rem; }
.MT-ranking { font-size: .24rem; text-align: center; line-height: .55rem; }
.rank-num { font-size: .3rem; text-align: center; }
.rank-number { color: #000; }
.MT-list-item { float: left; width: 33.33%; text-align: center; margin: .15rem 0 0; position: relative; }
.MT-list-item-pad { padding-right: .26rem; }
.MT-list-item .MT-item-content { border: solid .02rem #eeeeee; height: 1.15rem; position: relative; border-radius: .15rem; }
/*22*/
.MT-list-item .MT-item-active { border: solid .02rem #f47983; height: 1.15rem; position: relative; border-radius: .15rem; }
.MT-special-item { float: left; width: 66.66%; text-align: center; margin: .15rem 0 0; position: relative; }
.MT-special-item .MT-item-content { border: solid .02rem #eeeeee; height: 1.15rem; position: relative; border-radius: .15rem; }
.MT-special-item .MT-item-active { border: solid .02rem #f47983; height: 1.15rem; position: relative; border-radius: .15rem; }
.input-MT-number { display: inline-block; width: .55rem; text-align: center; outline: none; border: none; font-size: .3rem; margin-bottom: .05rem; color: #999999; background-color: transparent; }
.MT-name { color: #999999; }
.MT-item-active::after { content: ""; display: inline-block; position: absolute; bottom: -.01rem; right: -.01rem; width: .36rem; height: .36rem; background: url(../images/border-bg.png) no-repeat center 0; background-size: 100% 100%; border-bottom-right-radius: .1rem; }
.MT-list-item .MT-item-content > p { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
.MT-window .line { margin-top: .32rem; }
.MT-available { color: #999999; font-size: .24rem; line-height: .55rem; margin-top: .15rem; }
.MT-balance, .MT-today { color: #333333; }
.book-score { text-align: center; }
.score-title { font-size: .3rem; color: #333333; font-weight: bold; height: 1.29rem; line-height: 1.29rem; }
.stars { letter-spacing: .35rem; }
.stars img { width: .63rem; height: .63rem; }
.star-value { color: #ffbf52; font-size: .3rem; height: 1rem; line-height: 1rem; }
.score-message { font-size: .24rem; color: #999999; margin-bottom: .4rem; }
/*打赏辅助弹窗*/
.mask-10 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .4; z-index: 10; }
.mask-14 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .2; z-index: 14; }
.auxiliary-window { position: fixed; top: 50%; left: .3rem; right: .3rem; transform: translateY(-50%); background: #fff; z-index: 16; }
.auxiliary-message { font-size: .24rem; padding: .54rem .2rem .6rem .2rem; line-height: .55rem; }
.auxiliary-window { border-radius: .15rem; }
.close-btn { position: absolute; bottom: -.8rem; left: 50%; transform: translateX(-50%); width: .55rem; height: .55rem; z-index: 15; }
.close-btn-gift { position: absolute; top: -1.2rem; right: -.6rem; left: unset; }
.close-btn img { width: 100%; }
.gift-end { position: fixed; top: 50%; left: .6rem; right: .6rem; transform: translateY(-50%); z-index: 13; background: #fff; padding: .37rem; border-radius: .15rem; }
.gift-end-posi { position: relative; text-align: center; }
.gift-message { font-size: 0; }
.gift-image { display: inline-block; width: 41.2%; height: 1.6rem; font-size: .28rem; vertical-align: middle; }
.gift-image-pad { padding-left: .4rem; }
.gift-image img { width: 1.5rem; height: 100%; }
.gift-content { display: inline-block; width: 58.8%; margin: 0 auto; font-size: .28rem; vertical-align: middle; }
.DP-number { color: #333333; }
.pt-number { padding-bottom: .35rem; }
.add-MT { color: #999999; line-height: .65rem; }
.fans-value { color: #999999; }
.fans-message { position: relative; }
.fans-message textarea { width: 100%; display: block; background: #eeeeee; min-height: 1.95rem; border: none; margin: .5rem 0; border-radius: .1rem; max-width: 100%; min-width: 100%; padding: .2rem 0; text-indent: .3rem; }
.word-num { position: absolute; bottom: .2rem; right: .2rem; color: #999999; }
.special-message { font-size: .28rem; padding-top: .28rem; }
.evaluate-end { position: fixed; top: 50%; left: .6rem; right: .6rem; transform: translateY(-50%); z-index: 13; background: #fff; padding: .37rem; border-radius: .15rem; }
.MT-end { position: fixed; top: 50%; left: .6rem; right: .6rem; transform: translateY(-50%); z-index: 13; background: #fff; padding: .37rem; border-radius: .15rem; }
.evaluate-end-posi { text-align: center; position: relative; }
.MT-end-posi { text-align: center; position: relative; }
.box-img { width: 3.44rem; margin: 0 auto; }
.box-img img { width: 100%; }
.give-evaluate-number { color: #000; font-size: .32rem; font-weight: bold; line-height: .75rem; }
.evaluate-fans-value { padding-bottom: .3rem; padding-top: .1rem; }
.line-two { border-bottom: .01rem dashed #e5e5e5; margin-bottom: .3rem; }
.author-message { text-align: left; color: #333333; font-size: .28rem; line-height: .5rem; padding: .1rem 0; }
.author-name { color: #999999; }
/*全屏弹窗*/
.full-screen { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 900; background: #fff; }
.full-screen-pad { padding: 1.12rem .36rem .76rem .36rem; position: relative; }
.explain-close { position: absolute; top: .19rem; left: .19rem; width: .28rem; height: .28rem; z-index: 999; }
.explain-close img { width: 100%; }
.fans-remark { font-size: .26rem; color: #999999; line-height: .45rem; }
.explain-title { font-size: .3rem; text-align: left; padding: .52rem 0 .27rem 0; }
.explain { border-color: #dcdcdc; width: 100%; text-align: center; color: #666666; font-size: .3rem; }
.explain th { height: .74rem; background: #fff7f7; }
.explain td { height: .65rem; }
.explain-footer P { color: #51c5f1; font-size: .26rem; text-underline-color: #51c5f1; padding-top: .42rem; }

/*弹出框与加载*/
.giftalertbox { width: 100%; position: fixed; z-index: 99999; left: 0; text-align: center; display: block; bottom: 1.5rem; }
.giftalertbox .alert-div { padding: 0 15px; }
.giftalertbox .alert-div > p { padding: 10px; background: rgba(20,20,20,.8); font-size: 14px; line-height: 160%; border-radius: 5px; -webkit-border-radius: 5px; color: #fff; }

.giftpopupicon { display: block; margin: 0 auto; width: 1.65rem; height: 1.65rem; background: url(../images/areward.png) no-repeat 0 0; background-size: auto 1.65rem; }
.giftpopupicon-2 { background-position: 0 0; }
.giftpopupicon-10 { background-position: -1.65rem 0; }
.giftpopupicon-1 { background-position: -3.3rem 0; }
.giftpopupicon-11 { background-position: -4.95rem 0; }
.giftpopupicon-12 { background-position: -6.6rem 0; }
.giftpopupicon-13 { background-position: -8.25rem 0; }
.giftpopupicon-14 { background-position: -9.9rem 0; }
.giftpopupicon-15 { background-position: -11.55rem 0; }
.giftpopupicon-16 { background-position: -13.2rem 0; }
.giftpopupicon-20 { background-position: -14.85rem 0; }
.giftpopupicon-24 { background-position: -16.5rem 0; }
.giftpopupicon-25 { background-position: -18.15rem 0; }
.giftpopupicon-26 { background-position: -19.8rem 0; }
.giftpopupicon-27 { background-position: -21.45rem 0; }
.giftpopupicon-21 { background-position: -23.1rem 0; }
.giftpopupicon-22 { background-position: -24.75rem 0; }
.giftpopupicon-23 { background-position: -26.4rem 0; }

.areward-action-num-dae { color: #03A9F4; display: inline-block; line-height: .58rem; height: .64rem; text-decoration: underline; text-align: center; width: 100%; }

.daoju-show { display: block; }
.daoju-show .doupeng-main-bg { -webkit-animation: widthSpread .5s .5s linear both; animation: widthSpread .5s .5s linear both; }
.daoju-show .doupeng-main dl { -webkit-animation: widthSpread .5s 1s linear both; animation: widthSpread .5s 1s linear both; }
.daoju-show .doupeng-main .daoju-btn { -webkit-animation: bounceIn 1s 1.5s ease both; animation: bounceIn 1s 1.5s ease both; }
.daoju-doupeng.daoju-show .daoju-close { -webkit-animation: fadeIn .1s 1s ease both; animation: fadeIn .1s 1s ease both; }
.daoju-show .quanzhang-main-bg { -webkit-animation: widthSpread .5s .5s linear both; animation: widthSpread .5s .5s linear both; }
.daoju-show .quanzhang-main dl { -webkit-animation: fadeInLeft 1s .5s ease both; animation: fadeInLeft 1s .5s ease both; }
.daoju-show .quanzhang-main .daoju-btn { -webkit-animation: circleIn 2s 1.2s ease both; animation: circleIn 2s 1.2s ease both; }
.daoju-quanzhang.daoju-show .daoju-close { -webkit-animation: fadeIn .1s 1s ease both; animation: fadeIn .1s 1s ease both; }
.daoju-jiaren.daoju-show .desc { -webkit-animation: fadeIn 1s .2s ease both; animation: fadeIn 1s .2s ease both; }

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes widthSpread {
    0% { width: 0; }
    100% { width: 100%; }
}

@keyframes widthSpread {
    0% { width: 0; }
    100% { width: 100%; }
}

@keyframes bounceIn {
    0% { opacity: 0; transform: scale(.3) }
    50% { opacity: 1; transform: scale(1.1) }
    70% { transform: scale(.9) }
    100% { transform: scale(1) }
}

@-webkit-keyframes bounceIn {
    0% { opacity: 0; -webkit-transform: scale(.3) }
    50% { opacity: 1; -webkit-transform: scale(1.1) }
    70% { -webkit-transform: scale(.9) }
    100% { -webkit-transform: scale(1) }
}

@keyframes fadeInLeft {
    0% { opacity: 0; transform: translateX(-.5rem) }
    100% { opacity: 1; transform: translateX(0) }
}

@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-.5rem) }
    100% { opacity: 1; -webkit-transform: translateX(0) }
}

@keyframes circleIn {
    0% { clip-path: circle(0 at 50% 50%); }
    40% { clip-path: circle(100% at 50% 50%); }
    50% { transform: scale(1) }
    60% { transform: scale(1.1) }
    80% { transform: scale(1) }
    90% { transform: scale(1.1) }
    100% { transform: scale(1) }
}

@-webkit-keyframes circleIn {
    0% { -webkit-clip-path: circle(0 at 50% 50%); }
    40% { -webkit-clip-path: circle(100% at 50% 50%); }
    50% { -webkit-transform: scale(1) }
    60% { -webkit-transform: scale(1.1) }
    80% { -webkit-transform: scale(1) }
    90% { -webkit-transform: scale(1.1) }
    100% { -webkit-transform: scale(1) }
}

.daoju-supper { display: none; z-index: 10000; }
.daoju-btn { display: block; width: 1.06rem; height: .49rem; line-height: .48rem; color: #fff; border: 2px solid #fff; border-radius: .49rem; -webkit-border-radius: .49rem; text-align: center; }
.daoju-btn:hover { color: #fff; }
.daoju-close { display: block; font-size: .4rem; }
#demoGiftCanvas_doupeng { width: 2.2rem; height: 2.14rem; float: left; position: relative; z-index: 9999 }
.daoju-doupeng { height: 2.14rem; width: 7.45rem; top: 2.5rem; left: -.15rem; position: fixed; }
.daoju-doupeng .daoju-close { float: right; color: #e44520; margin: .95rem 0 0; z-index: 9999; position: relative; }
.doupeng-main { position: relative; color: #fff; height: .93rem; width: 5.82rem; float: left; margin: .7rem 0 0 -1.07rem; color: #b00505; }
.doupeng-main-bg { position: absolute; left: 0; top: 0; z-index: 9998; height: .93rem; width: 5.82rem; border-radius: .15rem; -webkit-border-radius: .15rem; background: url(/newcss/image/super-daoju/doupeng-bg-new.png) no-repeat 0 0; background-size: 5.82rem .93rem; }
.doupeng-main .daoju-btn { float: right; position: relative; z-index: 9999; margin: .16rem .2rem 0 0; background: #ff4b74; background: linear-gradient( top,#ffa995 0%, #ff4b74 100%); background: -webkit-linear-gradient( top,#ffa995 0%, #ff4b74 100%); }
.doupeng-main dl { position: relative; z-index: 9999; margin: .09rem 0 0 .7rem; width: 3.5rem; }
.doupeng-main dl dd { line-height: .36rem; height: .36rem; font-size: .26rem; overflow: hidden; zoom: 1; }
.doupeng-main dl dd span { color: #999; }
#demoGiftCanvas_quanzhang { width: 2.2rem; height: 2.14rem; float: left; position: relative; z-index: 9999 }
.daoju-quanzhang { height: 2.14rem; width: 7.45rem; top: 2.5rem; left: -.15rem; position: fixed; }
.daoju-quanzhang .daoju-close { float: right; color: #e44520; margin: .95rem 0 0 }
.quanzhang-main { position: relative; color: #fff; height: .93rem; width: 5.82rem; float: left; margin: .7rem 0 0 -1.07rem; color: #b00505; }
.quanzhang-main-bg { position: absolute; left: 0; top: 0; z-index: 9998; height: .93rem; width: 5.82rem; border-radius: .15rem; -webkit-border-radius: .15rem; background: url(/newcss/image/super-daoju/quanzhang-bg-new.png) no-repeat 0 0; background-size: 5.82rem .93rem; }
.quanzhang-main .daoju-btn { float: right; position: relative; z-index: 9999; margin: .16rem .2rem 0 0; background: #ff368c; background: linear-gradient( top,#e352c3 0%, #ff368c 100%); background: -webkit-linear-gradient( top,#e352c3 0%, #ff368c 100%); }
.quanzhang-main dl { position: relative; z-index: 9998; margin: .09rem 0 0 .9rem; width: 3.3rem; }
.quanzhang-main dl dd { line-height: .36rem; height: .36rem; font-size: .26rem; overflow: hidden; zoom: 1; }
.quanzhang-main dl dd span { color: #999; }
#demoGiftCanvas_jiaren { height: 120%; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.daoju-jiaren { width: 100%; height: 100%; top: 0; left: 0; position: fixed; background: rgba(0,0,0,.5); }
.daoju-jiaren .desc { text-align: center; color: #fff; font-size: .3rem; position: absolute; left: 0; top: 50%; width: 100%; line-height: .4rem; margin: -2.4rem 0 0; }
.daoju-jiaren .desc p { text-shadow: 0 0 .03rem #000; }
.daoju-jiaren .fudai-btn { display: block; background: url(/newcss/image/super-daoju/btn-fudai.png) no-repeat 0 0; width: 5.75rem; height: .82rem; line-height: .82rem; background-size: 5.75rem .82rem; margin: .4rem auto 0; color: #fff; font-size: .32rem; }
.daoju-jiaren .daoju-close { z-index: 10000; color: #fff; font-size: .5rem; position: absolute; top: .2rem; right: .2rem; }

/*全屏道具*/
.fly-daoju-doupeng .icon-close { color: #fff; }
.fly-daoju-quanzhang .icon-close { color: #fff; }
.mask-10 .scanTip { position: absolute; bottom: 1rem; text-align: center; width: 100%; color: #fff; }
.getAcertitle .askTip { color: #fff; display: inline-block; height: 0.26rem; width: 0.26rem; background: #ff0000; margin-left: 0.1rem; border-radius: 0.13rem; line-height: 0.26rem; }

.fei-vip { text-align: center; padding-top: 1.5rem; color: #999999; }
/*public*/
.areward-small { position: absolute; top: 0; right: .05rem; padding-left: .25rem; padding-right: .2rem; height: .35rem; line-height: .35rem; background: #f47983; color: #fff; font-size: .14rem; border-bottom-left-radius: .2rem; border-top-right-radius: .1rem; }
.areward-large { position: absolute; top: 0; right: .05rem; height: .35rem; line-height: .35rem; color: #fff; font-size: .12rem; padding-left: .25rem; border-bottom-left-radius: .2rem; border-top-right-radius: .1rem; padding-right: .2rem; background: -webkit-linear-gradient(left,#d588d5,#519cdf); background: -o-linear-gradient(right,#d588d5,#519cdf); background: -moz-linear-gradient(right,#d588d5,#519cdf); background: linear-gradient(to right,#d588d5,#519cdf); }
.MT-list-item .areward-small { right: .26rem; border-top-right-radius: .2rem; }
.MT-list-item .areward-large { right: .26rem; border-top-right-radius: .2rem; }

/*等级体系说明*/
.gradetable { padding: 0 0 .2rem; }
.gradetable table { font-size: .3rem; width: 100%; border-collapse: collapse; table-layout: fixed; border-spacing: 0px; }
.gradetable table td { text-align: center; font-size: .25rem; color: #999; border: 1px solid #CCC; padding: .1rem 0; word-wrap: break-word; word-break: break-all; overflow: hidden; }
.gradetable table th { border: 1px solid #CCC; background: #f7fdff; padding: .15rem 0; font-weight: normal; word-wrap: break-word; word-break: break-all; overflow: hidden; }
.gradetable .thsectitle { font-size: .25rem; color: #999; }
.annotation { font-size: .25rem; color: #999; }
.getfansvalue { padding: .2rem; }
.getfansvalue a { color: #00aeef; font-style: italic; font-size: .28rem; text-decoration: underline; }
.gradetitle { color: #333; font-size: .3rem; margin-top: .2rem; }
.gradetable .reward { padding: 0 .1rem; font-size: .28rem; width: auto; }
.mticketitle { font-size: .28rem; color: #999; }
.mticketitle .ticketit { font-weight: bold; margin-top: .2rem; font-size: .3rem; color: #333; }

/*活动头部*/
.activehorn { display: block; color: #ff5500; background: #fdf9de; font-size: .26rem; height: .6rem; line-height: .6rem; text-align: center; }