<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">margin-topmargin-topmargin-topmargin-topmargin-topmargin-topmargin-topmargin-topmargin-topmargin-top@charset "utf-8";.header-sub h1,h1,h2,h3,h4,h5,h6 {font-weight:400}
.comment-list .comment-reply:after,.textarea-area:after {clear:both}
.btn,abbr,acronym,fieldset,img {border:none}
.layout,.layout-fallHeightMin,.mainBody {min-height:100%}
.comment-list .comment-reply textarea,.comment-text textarea {word-wrap:break-word;word-break:break-all;box-sizing:border-box}
#MEIQIA-BTN #MEIQIA-BTN-ICON,.iconfont,.menu_on:after,.menu_out:after {font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.cl-menuw,.d-dc .submenu01 a p,.header-sub,.list08-con h4,.vl-list .list01 h4 {text-overflow:ellipsis;white-space:nowrap}
.btn,.cl-menuw,.d-dc .submenu01 a p,.header-sub,.list08-con h4,.searf-list li,.vl-list .list01 h4 {white-space:nowrap}
a,button,img,input,textarea {outline:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,255,255,0)}
p,textarea {text-align:justify}
blockquote,body,dd,div,dl,dt,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,input,li,menu,nav,ol,p,pre,section,span,summary,td,textarea,th,ul {margin:0;padding:0;box-sizing:border-box;word-wrap:break-word;word-break:break-all}
table {border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:400}
ol,ul {list-style:none}
caption,th {text-align:left}

q:after,q:before {content:''}
a {display:block;text-decoration:none!important}
input,textarea {-webkit-appearance:none}
textarea {overflow-y:visible}
.emp,.header-sub,.list07 div,.list08-con h4,.p-con,.subHeader3-c {overflow:hidden}
p {line-height:1.4}
body,html {color:#000;background: #f5f5f5;font-family:PingFangSC-Light,"microsoft yahei",arial!important}
.clearfix:after,.content-log .log-note:after,.h-list02 .m-con:after,.list03 a:after,.list04 a:after,.list05 a:after,.list:after,.stuVoiceList01 a:after {display:table;content:" ";clear:both}
.hide {display:none}
.fl{float:left}
.fr{float:right}
.center{text-align: center;}
.mask {position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;width:100%;height:100%;background-color:rgba(0,0,0,.3)}
#MEIQIA-BTN #MEIQIA-BUBBLE-ARROW2,#MEIQIA-INVITE #MEIQIA-INVITE-ARROW2 {right:auto!important;left:.293333rem!important;bottom:-.24rem!important}
.mask-works {background-color:rgba(0,0,0,.7)}
.bg-white {background-color:#fff}
.scroll-loading-wrapper {line-height:30px;text-align:center;width:100%}
.scroll-loading-img {display:inline-block;width:.4rem;height:.4rem;-webkit-animation:rotate 2.5s linear infinite;animation:rotate 2.5s linear infinite;vertical-align:middle;margin-right:.066667rem}
.layout-fallHeight,body,html {height:100%}
@-webkit-keyframes rotate {0% {-webkit-transform:rotate(0)}100% {-webkit-transform:rotate(360deg)}}
@keyframes rotate {0% {-webkit-transform:rotate(0);transform:rotate(0)}100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.overhid {overflow-y:hidden}
@font-face {font-family:iconfont;src:url(../fonts/iconfont.eot);src:url(../fonts/iconfont.eot) format('embedded-opentype'),url(../fonts/iconfont.woff) format('woff'),url(../fonts/iconfont.ttf) format('truetype'),url(../fonts/iconfont.svg) format('svg')}
.iconfont {font-family:iconfont!important;}
.btn {display:inline-block;background-image:none;text-align:center;vertical-align:middle;cursor:pointer;border-radius:.053333rem;-webkit-transition:all 1s ease;transition:all 1s ease}
.btn.disabled {color:#fff;pointer-events:none;background-color:#c1c1c1;cursor:not-allowed}
.blue-btn {color:#fff;background-color:#ff5c38}
.blue-btn:hover {color:#fff;background-color:#067ebd}
.bluebd-btn,.bluebd-btn:hover {color:#ff5c38;background-color:#fff}
.bluebd-btn {border:1px solid #ff5c38}
.red-btn {color:#fff;background-color:#ea5050}
.red-btn:hover {color:#fff;background-color:#e52222}
.white-btn {color:#222;background-color:#f7f7f7}
.white-btn:hover {color:#222;background-color:#fff}
.layout {position:relative;margin:0 auto;max-width:10rem;background-color:#f4f4f4}
.mainBody {padding:1.173333rem 0 1.306667rem;margin:-1.173333rem 0 0}
.mainBody.nomt {margin:0}
.subMainBody {padding:1.173333rem 0 0;margin:-1.173333rem 0 0}
.course-mainBody {height:100%;background-color:#fff}
.layout.layout-pinfo {overflow-x:hidden}
.layout-pinfo .footer,.layout-pinfo .header,.layout-pinfo .mainBody {margin-left:7.253333rem;margin-right:-7.253333rem}
.onsch-list,.school-intro li,.stuWorks-list-item,.submenu01,.t-banner02,.teachers-list {background-color:#fff}
.dropload-noData{color:#9ba3ab}

/*header*/
.header {position:relative;width:100%;height:1.173333rem;background-color:#fff}
.header,.p-c1,.p-list,.subHeader3 {border-bottom:1px solid #e6e6e6}
.header.fixed {position:fixed;top:0;left:0;z-index:10}
.header-pinfo,.header-pinfo.hasMess em {position:relative}
.header-pinfo {z-index:2;float:left;height:100%;width:1.173333rem;padding:.333333rem .266667rem 0;text-align:center;cursor:pointer}
.header-pinfo.hasMess em:after {content:'';display:inline-block;position:absolute;top:-.15rem;right:-.2rem;width:.186667rem;height:.186667rem;border-radius:100%;background-color:#EA5050}
.header-pinfo .iconfont {float:left;font-size:.493333rem;line-height:.506667rem;color:#989898}
.header-pinfo:hover .iconfont {color:#ff5c38}
.header-brand {position:absolute;.4rem;z-index:1;width:100%;padding:.26rem;}
.header-brand .logo {}
.header-brand .logo .logo01 {height:.8rem;}
.header-brand .logo .logo02 {height:.453333rem;float:left;margin-top:.133333rem;margin-left:.16rem}
.header-brand .logo .logo03 {width:2.68rem;height:.72rem}
.header-brand i {position:absolute;bottom:.36rem;right:-1.6rem;width:1.44rem;height:.533333rem;background:url("../images/2023year.png") no-repeat 0 100%;background-size:100% 100%;content:"";}
.header-brand .app{position: absolute;border: 2px solid #ff5c38;top:.36rem;right:.5rem;align-items: center;color: #ff5c38;display: flex;font-family: PingFang SC;font-size: .25rem;font-weight: 500;height: .48rem;line-height: .28rem;padding: .08rem .16rem;width: unset;}

.header-right,.header-search {position:relative;z-index:2;float:right;height:100%}
.header-search {padding:.346667rem .266667rem 0}
.header-search&gt;a {color:#989898;display:block}
.header-search .iconfont {float:left;font-size:.493333rem;line-height:.4rem}
.header-search span {float:left;display:inline-block;padding: .02rem 0 0 .05rem;font-size:.4rem;line-height:.4rem}
.subHeader,.subHeader3 {position:relative;width:100%;height:1.173333rem;background-color:#fff;/*#f8f8f8*/}
.subHeader.fixed,.subHeader3.fixed {position:fixed;top:0;left:0;z-index:10}
.header-return,.header-right {position:relative;z-index:2;height:100%}
.header-return {float:left;width:1.173333rem;padding:.333333rem .266667rem 0;text-align:center}
.header-return .iconfont {float:left;font-size:.493333rem;line-height:.506667rem;color:#989898}
.header-right {float:right}
.header-right .iconfont {float:left;font-size:.493333rem;line-height:.506667rem;color:#989898}
.header-return:hover .iconfont,.header-right&gt;a:hover,.header-search&gt;a:hover,.subHeader3-c .s-btn:hover,.subHeader3-c1 .icon-xiaochacha:hover {color:#ff5c38}
.header-right&gt;a {float:left;height:100%;padding:.346667rem .266667rem 0;color:#989898;display:block}
.header-sub {position:absolute;left:18%;z-index:1;width:64%;height:100%;padding:.333333rem 0;text-align:center}
.header-sub h1 {width:100%;height:.46rem;font-size:.46rem;color:#000;font-weight:500;letter-spacing:.02rem;}
.subHeader3-c {position:relative;width:100%;height:100%;padding:.213333rem .266667rem}
.subHeader3-c1 {position:relative;float:left;width:8.453333rem;height:.773333rem;padding:0 .826667rem;margin:0 .16rem 0 0;background-color:#f8f8f8;border:1px solid #e6e6e6;border-radius:.053333rem;-webkit-transition:background .62s ease;transition:background .62s ease}
.subHeader3-c1 .iconfont {position:absolute;top:.233333rem;left:.266667rem;z-index:2;color:#c5c5c5;font-size:.306667rem;line-height:.306667rem}
.subHeader3-c1 .subHeader3-close {top:.24rem;right:.32rem;left:auto;width:.293333rem;font-size:.293333rem;line-height:.293333rem;background-color:#fff;border-radius:50%;display:none}
.subHeader3-c .s-btn,.subHeader3-c1 .s-input {font-size:.32rem;background-color:transparent;border:none}
.subHeader3-c .s-btn {float:right;height:.453333rem;padding:0;margin:.133333rem 0 0;line-height:.453333rem;color:#878787}
.subHeader3-c .s-btn.disabled,.subHeader3-c .s-btn.disabled:hover {color:#878787}
.subHeader3-c1 .s-input {position:relative;z-index:1;width:100%;height:100%;padding:.16rem 0;line-height:.426667rem;color:#464c51;-webkit-transition:color .62s ease;transition:color .62s ease}

/*footer*/
.footer1,.footer2,.footer4,.subHeader3-c1.focus {background-color:#fff}
.subHeader3-c1 .s-input::-webkit-input-placeholder {color:#a4a4a4}
.subHeader3-c1 .s-input::-webkit-search-cancel-button {-webkit-appearance:none}
.subHeader3-c1.focus .s-input {color:#222}
.subHeader3-c1.hasw .subHeader3-close {display:inline-block}
.footer1,.footer2 {width:100%;height:1.6rem;padding:.213333rem .426667rem;border-top:1px solid #e2e8ea}
.footer1.fixed,.footer2.fixed,.footer3.fixed,.footer4.fixed {position:fixed;bottom:0;z-index:10;width: 10rem;left: 50%;margin: 0 0 0 -5rem;}
.footer {z-index:10;position:fixed;bottom:0;left:50%;margin:0 0 0 -5rem;width:10rem;height:1.406667rem;background-color:#f8f8f8;border-top:1px solid #e6e6e6}
.footer a {display:block;float:left;width:25%;height:100%;text-align:center}
.footer a i {display:inline-block;margin-bottom:-.066667rem;width:.706667rem;height:.64rem;background-position:center;background-repeat:no-repeat}
.footer a span {display:inline-block;vertical-align:middle}
.footer a:after {content:'';width:0;height:100%;display:inline-block;vertical-align:middle}
.comment-list .comment-reply:after,.textarea-area:after {content:"";display:block}
.footer i{background-image: url(../images/icon.png);background-size:6rem;}
.footer a.nav-home i {background-position:0 -.08rem;}
.footer a.nav-home.active i {background-position:0 -.84rem;}
.footer a.nav-vod i {background-position:-1.5rem -.08rem;}
.footer a.nav-vod.active i {background-position:-1.5rem -.84rem;}
.footer a.nav-shop i {background-position:-.77rem -.08rem;}
.footer a.nav-shop.active i {background-position:-.77rem -.84rem;}
.footer a.nav-live i {background-position:-.76rem -.08rem;}
.footer a.nav-live.active i {background-position:-.76rem -.84rem;}
.footer a.nav-my i {background-position:-2.17rem -.08rem;}
.footer a.nav-my.active i {background-position:-2.17rem -.84rem;}
.footer a p {text-align:center;font-size:.266667rem;color:#878787}
.footer a.active p {color:#222}
.footer1-prices,.footer2-period {float:left;}
.footer1-prices span {float:left;display:inline-block;padding:.173333rem 0 0;color:#878787}
.footer1-prices .footer1-word {font-size:.373333rem;line-height:.533333rem}
.footer1-prices .footer1-price { color:#fc6238;font-weight: 600;font-size:.68rem;line-height:.8rem;padding-left:.186667rem;}
.footer1-prices .footer1-price small {font-size: .38rem;}
.footer1-prices .footer1-price em{font-size:.42rem; padding-right:.08rem;}
.footer1-prices .footer1-cost { color:#8c8c8c; font-size:.38rem;_text-decoration:line-through; line-height: .533333rem;margin-left:.16rem;padding-top:.36rem}

.footer1-btns {float:right;}
.red-btn {background:-webkit-gradient(linear,left top,right top,from(#fc6238),to(#fc7c59));background:linear-gradient(90deg,#fc6238,#fc7c59);-webkit-box-shadow:0 .053333rem .133333rem 0 rgba(247,134,100,.5);box-shadow:0 .053333rem .133333rem 0 rgba(247,134,100,.5)}
.footer1-btn {width:4.693333rem;height:1.173333rem;border-radius:1.173333rem;font-size:.4rem;line-height:unset;padding:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.footer1-btn small {font-size:.32rem;-webkit-transform:scale(.92);transform:scale(.92);line-height:.9}

.footer2-period p {padding:.173333rem 0 0;font-size:.373333rem;line-height:.533333rem;color:#ff5c38}
.footer3 {width:100%;height:1.466667rem;padding:.16rem .533333rem;color:#fff;background-color:#ff5c38}
.footer3-c1 {float:left}
.footer3-c1 .footer3-img {float:left;width:1.146667rem;height:1.146667rem;margin:0 .32rem 0 0}
.footer3-c1 .footer3-d1 {float:left;padding:.133333rem 0}
.footer3-d1 h4 {padding:0 0 .106667rem;font-size:.373333rem;font-weight:400;line-height:.426667rem}
.footer3-d1 h5 {font-size:.293333rem;font-weight:400;line-height:.346667rem}
.footer3-btns {float:right;padding:.133333rem 0 .133333rem .533333rem}
.footer3-btn {width:1.813333rem;height:.88rem;padding:.226667rem;font-size:.373333rem;line-height:.426667rem;color:#222;background-color:#fff}
.footer4 {width:100%;height:1.32rem;border-top:1px solid #e2e8ea}
.footer4-prices {height:1.28rem;line-height:1.28rem;position:relative;padding:0;border:0;}
.footer4-prices .icon-list {margin:0;width:43%;height:100%;box-sizing:border-box;padding-top:.08rem;}
.footer4-prices li {float:left;width:33%;line-height:1;box-sizing:border-box;position:relative;color:#ff5c38;text-align:center;padding-top:.08rem;}
.footer4-prices li:first-child {padding-left: .2667rem;padding-right: 0;}
.footer4-prices li:last-child {padding-right: .2667rem;padding-left: 0;}
.footer4-prices li a {text-align:center;display:inline-block;}
.footer4-prices .icon-phonecall {display:block;width:.64rem;height:.64rem;background:url(../images/icon-phone.png) 50% no-repeat;background-size:contain;}
.footer4-prices .icon-consult {display:block;width:.64rem;height:.64rem;background:url(../images/icon-message.png) 50% no-repeat;background-size:contain;}
.footer4-prices .icon-favorite{display:block;width:.64rem;height:.64rem;background:url(../images/icon-favorite.png) 50% no-repeat;background-size:contain;}
.footer4-prices .icon-favorite.active {display:block;width:.64rem;height:.64rem;background:url(../images/icon-favorite1.png) 50% no-repeat;background-size:auto auto;background-size:contain; margin:0 auto;}
.footer4-prices .text {font-size:.2667rem;position:relative;text-align:center;color:#ff5c38;}
.footer4-btn {display:block;position:absolute;right:0;bottom:0;width:100%;box-sizing:border-box;height:1.32rem;line-height:1.32rem;font-size:.48rem;text-align:center;padding:0;border-radius:.0;}

/*menu*/
.head{width:10rem;position:fixed;z-index:10;top:0;box-shadow: 0 2px 10px rgba(0,0,0,.1);}
#topmenu,.h-submenu01,.layut-activity,.layut-theme,.news-det-con,.news-submenu02,.newsMore-list04 {background-color:#fff;_padding-left: .3rem;}
#topmenu {line-height:.9rem;border:0;_border-bottom:2px solid #e6e6e6;overflow-x: auto;white-space: nowrap;padding: 0 .2rem;}
#topmenu a{margin:0 .12rem;padding:0 .12rem;font-size:.42rem;color:#222;text-align: center;display:inline;}
#topmenu a.active {color:#ff5c38;font-weight: 700;font-size: .52rem;padding-bottom: .23rem;}

/*banner*/
.mainbanner{padding: .26667rem .26667rem 0;}
#banner {width:100%;height:4rem;overflow:hidden;position:relative;border-radius: .12rem;}
#banner .swiper-slide {position:relative;text-align:center;}
#banner img {width:100%;height:4rem;}
.pagination {bottom: .133333rem;padding: 0 .12rem 0 0;position: absolute;z-index: 10;text-align: center;}
.banner03 {height:1.6rem}
.banner01 img,.banner02 img,.banner03 img {width:100%;height:100%}
.fields-feature__banner { width:100%;height:4rem;border-radius:.186667rem;overflow:hidden;box-shadow: 0 2px 6px rgba(0,0,0,.2);}
.fields-feature__banner #swiper-banner-field {height:4rem}
.fields-feature__part { padding-top:.533333rem}
.fields-feature__part-title { font-size:.453333rem;font-weight:500;font-family:PingFangSC-Medium,PingFang SC}
.fields-feature__part-title .right {float:right;font-size:.346667rem;color:#b3b3b3}
.fields-feature__part-title .right .icon {font-size:.226667rem;margin-left:.093333rem;font-weight:700}

/*tag*/
.vodtag{margin-top: .6rem;}
.vodtag a{display: inline-block;width:2.2rem; padding: .12rem 0;margin-bottom: .32rem;margin-right:.1rem;text-align: center;border-radius: .5rem;color: #515153;line-height: .6rem;background-color: #f6f6f8;font-size:.36rem;}
.vodtag a:nth-child(4n){margin-right:0;}
.vodtag .active{background-color: #ff5c38;color: #fff;}

/*link ball*/
.submenu01 a {display:block;float:left;width:20%}
.submenu01 a img {width:1.28rem}
.submenu01 a p {display:block;margin:.146667rem auto 0;font-size:.32rem;color:#222}
.h-submenu01 {padding:.38rem 0}
.submenu01 a i {display:inline-block;margin-bottom:-.066667rem;width:1.33rem;height:1.33rem;background-size:1.32rem;background-repeat: no-repeat;}
.submenu01 a.nav-idx01 i {background-image: url(../images/idx-01.png);}
.submenu01 a.nav-idx02 i {background-image: url(../images/idx-02.png);}
.submenu01 a.nav-idx03 i {background-image: url(../images/idx-03.png);}
.submenu01 a.nav-idx04 i {background-image: url(../images/idx-04.png);}
.submenu01 a.nav-idx05 i {background-image: url(../images/idx-05.png);}
.submenu01 a span {display:inline-block;vertical-align:middle}

/*list*/
.list01 img,.list02 div,.list02 span.duration {border-radius:.053333rem}
.list01 {width:4.213333rem!important;float:left;padding:0 .093333rem}
.list01 .img{float:left;width:4.04rem;height:2.223rem;position: relative;}
.list01 .special-red {position:absolute;z-index:2;color:#fff;padding: 0 .18rem;height:.46rem;line-height:.46rem;font-size:.28rem;background: #e85308;border-radius:0 0 0.1rem}
.list01 .special-nostart {position:absolute;z-index:2;color:#fff;padding: 0 .18rem;height:.46rem;line-height:.46rem;font-size:.28rem;background: #999;border-radius:.106667rem 0 .106667rem}
.list01 .special-vod {position:absolute;z-index:2;color:#fff;padding: 0 .18rem;height:.46rem;line-height:.46rem;font-size:.28rem;background: #ff5c38;border-radius:0 0 0.1rem}
.list01 .special-sm {width: 100%;padding-left:.1rem;bottom:0;height:.46rem;line-height:.46rem;font-size:.24rem;color:#fff;background-color:#000; position:absolute; z-index:2;opacity:0.4;border-radius: 0 0 .053333rem .053333rem;}
.list01 .special-grey {position:absolute;z-index:2;color:#fff;padding: 0 .12rem;height:.38rem;line-height:.38rem;font-size:.24rem;background: #000;opacity: 0.4;right:0;bottom:0;border-radius:.053333rem 0 .053333rem 0;}
.list01 img {width:100%;height:100%;border-radius:.053333rem;border-radius: .106667rem;}
.list01 h4 {margin-bottom:.22rem;font-size:.32rem; line-height:.48rem;color:#444}
.current h4{color:#ff5c38;}
.current .special-nostart {background: #e85308;}
.list02 {float:left;text-align:center;background-color: #fff;padding: 0.2rem;width: 4.82rem;margin: 0.05rem;}
.list02 a {margin:.146667rem .146667rem 0;}
.list02 .special-red {text-align: center;position:absolute;z-index:2;color:#fff;padding: 0 .25rem;height:.48rem;line-height:.48rem;background: #e85308;border-radius: 0 0 .1rem 0;}
.list02 .special-grey {text-align: center;position:absolute;z-index:2;color:#fff;padding: 0 .25rem;height:.48rem;line-height:.48rem;background: #999;border-radius: 0 0 .1rem 0;}
.list02 .special-vod {text-align: center;position:absolute;z-index:2;color:#fff;padding: 0 .12rem;height:.48rem;line-height:.48rem;background: #ff5c38;border-radius: 0 0 .1rem 0;}
.list02 .special-sm {text-align:left; padding-left:.1rem;bottom:0;height:.42rem;line-height:.46rem;font-size:.24rem;color:#fff;background-color:#000; position:absolute; z-index:2;opacity:0.4;}
.list02 .special-hits {text-align:right; padding-right:.12rem;left:0;bottom:0;height:.42rem;line-height:.46rem;font-size:.28rem;color:#fff;background-color:#333; position:absolute; z-index:2;opacity:0.6;}
.list02 div {position:relative;width:100%;}
.list02 span.duration,.list03 .list03-label {position:absolute;line-height:.506667rem;color:#fff}
.list02 img {width:100%;height:100%;border-radius: .106667rem;}
.list02 span.duration {left:.106667rem;bottom:.133333rem;height:.506667rem;padding:0 .12rem 0 .16rem;background-color:rgba(0,0,0,.4)}
.list02 .info{height: .68rem;padding-top:.12rem;}
.list02 .info .teacher{float:left;font-size: .32rem;color: #a4a4a4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 2.8rem;text-align: justify;}
.list02 .info .price{float:right;font-size: .38rem;color: #fc6238;}
.list02 span.duration i {margin:0 .08rem 0 0;font-size:.293333rem;line-height:.506667rem}
.list02 span.duration em {font-size:.293333rem;line-height:.506667rem}
.list02 h4 {margin:.133333rem 0 .08rem 0;font-size:.38rem;font-weight: 700;color:#222;text-align:justify;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list02 p{font-size: .28rem;color: #929292;line-height: 130%;text-align: justify;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list02 .price{color:#ff0000;font-size: .42rem;font-weight: 700;line-height:1rem;}
.list02 .price i{font-size: .3rem;font-style: normal;font-weight: 400;}

.list03 .list03-label,.list05 .list05-label {bottom:.426667rem;right:.586667rem;z-index:1;font-weight:300;text-transform:uppercase;letter-spacing:-.013333rem;vertical-align:middle;opacity:0}
.list03 .list03-label,.list04-tags span.list04-tags-act {background-color:#ea5050}
.list03 {position:relative;width:100%;padding:0 0 0 .266667rem;border-top: .24rem solid #f5f5f5;}
.list03 a {padding:.266667rem .3rem .266667rem 0}
.list03:last-child a {border:none}
.list03 .img{float:left;width:4.04rem;height:2.223rem;position: relative;border-radius: .106667rem;}
.list03 .special-red {position:absolute;z-index:2;color:#fff;padding: 0 .18rem;height:.46rem;line-height:.46rem;font-size:.28rem;background: #e85308;right:0;border-radius:.5rem 0 0 .5rem;}
.list03 .special-vod {position:absolute;z-index:2;color:#fff;padding: 0 .18rem;height:.46rem;line-height:.46rem;font-size:.28rem;background: #28a2f1;;right:0;border-radius:.5rem 0 0 .5rem;}
.list03 .special-violet {position:absolute;z-index:2;color:#fff;padding: 0 .18rem;height:.46rem;line-height:.46rem;font-size:.28rem;background: #8862e0;right:0;border-radius:.5rem 0 0 .5rem;}
.list03 .special-grey {position:absolute;z-index:2;color:#fff;padding: 0 .12rem;height:.38rem;line-height:.38rem;font-size:.24rem;background: #000;opacity: 0.6;right:0;bottom:0;border-radius:.053333rem 0 .053333rem 0;}
.list03 img {width:100%;height:100%;border-radius:.053333rem}
.list03-con {float:right;width:5.12rem}
.list03-con h4 {font-size:.373333rem;color:#222;padding-bottom: .2rem;}
.list03-con p.list03-p1 {float:left;font-size:.3rem;color:#a4a4a4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list03-con p.list03-p2 {float:right;font-size:.38rem;	margin-top: -.16em;font-weight:600;}
.list03-con p.list03-p3 {padding-bottom: .2rem;font-size:.32rem;color:#a4a4a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.list03-con p.list03-p2 em{font-size:.293333rem;padding: 0 .03rem}
.list03-con p.list03-p4 {padding-bottom: .2rem;float:left;font-size:.38rem;}
.list03-con p.list03-p4 img{width:.45rem;height:.45rem;overflow:hidden;border-radius: 50%;top:.1rem;position: relative;}
.list03-con p.list03-p5 {padding-bottom: .2rem;float:right;font-size:.38rem;color: #a4a4a4;}
.list03-con p.list03-p5 em{padding-right: .05rem}
.list03-con p.list03-p5 .red{color:#ea5050;}
.list03-con p.list03-p5 .green{color:#0aaa5a;}
.list03-con p.list03-p5 img{width:.45rem;height:.45rem;overflow:hidden;border-radius: 50%;top:.1rem;position: relative;}
.list03-con .free {color:#ff5c38!important;}
.list03-con .price {color:#ea5050!important;}
.list03-con .grey {color:#a4a4a4!important;}
.list03 .list03-label {display:none;height:.506667rem;padding:0 .16rem;font-size:.266667rem;border-radius:1.333333rem;-webkit-transition:opacity .52s ease;transition:opacity .52s ease}
.list04 {float:left;width:100%;padding:0 0 0 .266667rem;background-color: #fff;}
.list04 a {padding:.266667rem .533333rem .266667rem 0;border-bottom:1px solid #e6e6e6}
.list04:last-child a {border:none}
.list04-img {position:relative;float:left;width:3.3rem;height:1.85rem;border-radius:.053333rem}
.list04-img img {width:100%;height:100%;border-radius: .106667rem;}
.list04-tags {position:absolute;top:0;left:0}
.list04-tags span {float:left;display:block;min-width:.706667rem;height:.4rem;padding:0 .106667rem;margin:0 0 0 .133333rem;font-size:.24rem;line-height:.4rem;color:#fff;text-align:center;border-radius:0 0 .053333rem .053333rem}
.list04-tags span.list04-tags-topic {background-color:#ffa323}
.list04-tags span.list04-tags-fast {background-color:#17ae6b}
.list04-tags span.list04-tags-sucai {background-color:#824ce0}
.list04-con {float:right;width:5.6rem}
.list04-con h4 {margin:0 0 .12rem;height:auto;font-size:.373333rem;color:#222}
.list04-con p.list04-p1 {float:left;font-size:.32rem;color:#a4a4a4}
.list04-con p.list04-p2 {float:right;font-size:.32rem;color:#ff5c38}
.list04-con p.list04-p3 {max-height: 1.3rem;font-size:.32rem;color:#a4a4a4;white-space: normal;overflow: hidden;text-overflow: ellipsis;}
.list05 {float:left;width:100%;padding:0 0 0 .266667rem}
.list05 a {position:relative;padding:.266667rem 0}
.list05 a,.list08 a {border-bottom:1px solid #e6e6e6}
.list05:last-child a {border:none}
.list05 img {float:left;width:3.24rem;height:1.986667rem;border-radius: .106667rem;}
.list05-con {display:inline-block;float:left;width:5.8rem;padding:.026667rem 0 .133333rem .4rem;height:100%;text-align:left}
.list05-con h4 {margin:.133333rem 0 .2rem;font-size:.373333rem;color:#222}
.list05-con p {display:block;margin:.106667rem 0 0;font-size:.32rem;color:#878787}
.list05 .list05-label {position:absolute;display:none;height:.506667rem;padding:0 .16rem;font-size:.266667rem;line-height:.506667rem;color:#fff;background-color:#ea5050;border-radius:1.333333rem;-webkit-transition:opacity .52s ease;transition:opacity .52s ease}
.list05.hasm .list05-label {display:block;opacity:1}

.list06 {float:left;padding:.23rem;width:100%;background-color:#fff; border: 5px solid #f4f4f4;}
.list06 .box{position:relative;height:5.2rem;}
.list06 img {width:100%;height:100%;border-radius: .106667rem;}
.list06 h4 {margin:.16rem 0 .053333rem;font-size:.426667rem;color:#222}
.list06 p {font-size:.32rem;color:#a4a4a4}

.list06 .txt {display:block;position:relative;height:23px;padding:5px 0 0 5px;font-size:12px;line-height:24px;color:#999}
.list06 .txt .num {float:right;position:relative;padding:0 8px 0 20px;font-size:14px;background:#fff}
.list06 .txt .num .num-icon {display:inline-block;width:12px;height:16px;margin:0 2px;vertical-align:-3px;background:url(../images/popularity.png) 50% no-repeat;background-size:cover}
.list06 .txt .num .js-num{font-style: normal;}
.list06 .txt .game-type {overflow:hidden;position:relative;max-width:72px;height:18px;margin-right:10px;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;word-wrap:normal;background:#fff}
.list06 .txt .game-type a {color:#f90;text-decoration:none}
.list06 .txt .game-type a:hover {color:#f80}
.list06 .avatar {overflow:hidden;position:absolute;left:7px;width:100%;height:24px;line-height:24px;vertical-align:middle}
.list06 .avatar img {float:left;width:24px;height:24px;border-radius:50%}
.list06 .avatar .nick {font-style: normal;width:68%;margin-left:5px;font-size:14px;text-overflow:ellipsis;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis}

.list07 span.duration em,.list07 span.duration i {font-size:.293333rem;line-height:.506667rem}
.list07 {float: left;margin-bottom: .2rem;}
.list07 a {margin:.146667rem .146667rem 0;width:4.68rem}
.list07 img,.list08 {width:100%;height:100%;}
.list07 div {position:relative;width:100%;height:2.48rem;border-radius:.12rem}
.list07 span.duration {position:absolute;left:.106667rem;bottom:.133333rem;height:.506667rem;padding:0 .12rem 0 .16rem;line-height:.506667rem;background-color:rgba(0,0,0,.4);border-radius:.053333rem;color:#fff}
.list08,.list10 {position:relative}
.list07 span.duration i {margin:0 .08rem 0 0}
.list07 h4 {margin-top:.133333rem;padding: .1rem 0;font-size:.38rem;color:#222;text-align:initial;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list07 .special-grey {position:absolute;width:100%;z-index:2;color:#fff;padding: 0 .16rem;height:.6rem;line-height:.6rem;font-size:.3rem;background: linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.3) 25.5%,rgba(0,0,0,.08) 70%,rgba(0,0,0,0));right:0;bottom:0;text-align:right;border-radius:.12rem 0;}
.list07 p {font-size:.32rem;color:#a4a4a4;height:.4rem;text-align:initial;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list07 .special-liveon {position:absolute;z-index:2;color:#fff;padding: 0 .2rem;height:.6rem;line-height:.6rem;background: #ff5f00;top:0;bottom:0;right:0;border-radius: 0 .12rem 0;}
.list07 .special-liveoff {position:absolute;z-index:2;color:#fff;padding: 0 .2rem;height:.6rem;line-height:.6rem;background: #000;opacity: 0.8;top:0;right:0;border-radius: 0 .12rem 0;}
.list07 .special-sm {position:absolute;z-index:2;color:#fff;padding: 0 .2rem;height:.6rem;line-height:.6rem;background: #000;bottom:0;right:0;opacity: 0.8;border-radius: 0 .12rem 0;}
.list07 .p-channel__item__status__gif{width: 14px !important;height: 14px !important;margin: 3px 0;vertical-align: top;padding-right:3px;}
.list07 .special-group {position:absolute;z-index:2;color:#fff;padding: 0 .2rem;height:.6rem;line-height:.6rem;background:#0085E8;top:0;bottom:0;right:0;border-radius: 0 .12rem 0;}
.list07 .special-vod {position:absolute;z-index:2;color:#fff;padding: 0 .2rem;height:.6rem;line-height:.6rem;background:#07b85a;top:0;bottom:0;right:0;border-radius: 0 .12rem 0;}
.special-vip {position:absolute;z-index:2;color:#fff!important;padding: 0 .2rem;height:.6rem!important;line-height:.6rem;background: linear-gradient(125deg, #ffd99c, #f2920c);top:0;right:0;border-radius:0 .12rem 0;}

.list08 {padding:0 0 0 .266667rem}
.list08 a {padding:.266667rem .533333rem .266667rem 0}
.list08:last-child a {border:none}
.list08 img {float:left;width:3.066667rem;height:2.293333rem;border-radius:.053333rem}
.list08-con {float:right;width:5.8rem}
.list08-con h4 {margin:.066667rem 0 .32rem;font-size:.373333rem;color:#222}
.list08-con .list08-p {font-size:.32rem;color:#a4a4a4}
.list08-con .list08-p+.list08-p {margin-top:.066667rem}
.list09 span.duration {width:100%;left:0;bottom:0;height:.613333rem;line-height:.613333rem;font-size:.293333rem;border-radius:0 0 .053333rem .053333rem;text-align:left;background-color:rgba(0,0,0,.1)}
.menuList02,.menuList02 p,.submenu01 a,.submenu01 a p,.submenu02 a {text-align:center}
.list10 {width:100%;padding:0 0 0 .266667rem}
.list10 a {padding:.266667rem .533333rem .266667rem 0;border-bottom:1px solid #e6e6e6}
.list10:last-child a {border:none}
.list10 img {float:left;width:3.066667rem;height:2.293333rem;border-radius:.053333rem}
.list10-con {float:right;width:5.8rem}
.list10-con h4 {margin:.066667rem 0 .32rem;font-size:.373333rem;color:#222;height:.88rem}
.list10-con .list10-p {font-size:.32rem;color:#a4a4a4}
.list10-con .list10-p+.list10-p,.list10-con .stat {margin-top:.066667rem}
.list-lose {background-color: #fff;height: 15rem;text-align:center;}
.list-lose i{display: inline-block;width:100%;height:5.2rem;background-image: url(../images/nofind.png);background-repeat: no-repeat;background-position: center center;background-size:4.6rem; margin-top:2rem;}
.list-lose p{text-align:center;font-size:.52rem;font-weight: 500;color:#4c5157;padding-top:.3rem;}
.list-lose .sm{font-size:.42rem;color:#858e98;font-weight: 400;padding-bottom:.5rem;}
.list-lose .link {box-shadow:0 .18rem .2rem #fce5df;line-height:2.2rem;border-radius:1rem;font-size:.46rem;font-weight:500;color:#FFF;padding:.26rem 1.8rem;background:#ff5e36;background-image:-webkit-radial-gradient(left,circle cover,#ff5e36 0%,#ff9e01 100%);background-image:-moz-radial-gradient(left,circle cover,#ff5e36 0%,#ff9e01 100%);background-image:-o-radial-gradient(left,circle cover,#ff9e01 0%,#ff5c38 100%);background-image:radial-gradient(left,circle cover,#fa866c 0%,#ff9e01 100%);}
.list-lose .grey{font-size: 0.37333rem;line-height: 0.69333rem;color: #999;}
.my-lose {background-color: #fff;height: 15rem;text-align:center;}
.my-lose i{display: inline-block;width:100%;height:4.2rem;background-image: url(../images/timeout.png);background-repeat: no-repeat;background-position: center center;background-size:4rem; margin-top:2.2rem;}
.my-lose p{text-align:center;font-size:.48rem;color:#333;padding-bottom:.32rem;}
.my-lose .blue {box-shadow:0 .18rem .2rem #fce5df;line-height:1.2rem;border-radius:1rem;font-size:.38rem;color:#FFF;padding:.24rem .6rem;background:#ff5e36;;background-image:-webkit-radial-gradient(left,circle cover,#ff5e36 0%,#ff9e01 100%);background-image:-moz-radial-gradient(left,circle cover,#ff5e36 0%,#ff9e01 100%);background-image:-o-radial-gradient(left,circle cover,#ff5e36 0%,#ff9e01 100%);background-image:radial-gradient(left,circle cover,#ff5e36 0%,#ff5c38 100%);}
.my-loseidx{margin: .2rem 0;padding: .8rem 0; height: auto;}

/*æŽ¨è*/
.invitation {float:left;width:100%;padding: .32rem;margin-top: .2rem;background-color: #fff;}
.invitation .img{text-align: center;position:relative;float:left;width:1.8rem;height:1.8rem;}
.invitation img { width:1.2rem;height:1.2rem;border-radius:50%;}
.invitation .img p{text-align: center;font-size:.36rem;color: #434343;}
.invitation .user_info{position: relative;float: left;width: 5rem;margin-left: .18rem;}
.invitation .user_info .title{margin-bottom: .12rem;font-size: .38rem;color:#434343;}
.invitation .user_info .time{margin-bottom: .06rem;font-size: .28rem;color:#a4a4a4;}
.invitation .user_info .price{color: #fc6238;font-size: .48rem;font-weight: 600;}
.invitation .user_info .price em {font-size: .38rem;padding-right: .12rem}
.invitation .state{float:left;width: 2.2rem;}
.invitation .state .btn{width: 2.1rem;border-radius: .8rem;color: #fff;line-height: .8rem;font-size: .38rem;background-color:#0aaa5a;margin-top: .5rem;}


/*app*/
.app {background-color: #fff;height: 15rem;}
.app .logo{padding-top:1rem;}
.app .logo img {width:70%;margin: 0 auto;display: block;}
.app .tip{text-align:center;font-size:.48rem;color:#b2b2b2;margin-top:.32rem;}
.app .img {width: 80%;margin: 0.1rem auto 1.6rem auto;}
.app .img img{width: 100%;}
.app .com{text-align: center;font-size: .32rem;color: #999;line-height: 1.6;padding: 0 .5rem;}
.app .down{color: #fff;padding: .38rem;font-size: .58rem;text-align: center;margin:.36rem;display: block;background-color: #41BB54;border-radius: 100px;}
/*app down*/
.fixed-down {position: fixed;left: 50%;z-index: 101;width: 10rem;height:1.173333rem;line-height:.6rem;overflow: hidden;background-color: rgba(0,0,0,.7);margin: 0 0 0 -5rem;}
.fixed-down .close {position:absolute;color:#fff;right:0;top:0;width:.76rem;height:.76rem;font-size:.28rem;background-color:rgba(255,255,255,.15);border-radius: 0 0 0 30px;padding-left:.3rem;}
.fixed-down .close em{ font-size:.28rem}
.fixed-down .btn-app {padding:.15rem 0 0 .28rem;color: #fff;line-height: .8rem;}
.fixed-down .btn-app .con{float: left;width:75%;}
.fixed-down .btn-app .con i {float: left;width: .86rem;height: .86rem;background: url(../images/ico-xdd-app.png) no-repeat;display: inline-block;background-size: .85rem;padding-right:.2rem;}
.fixed-down .btn-app .con h3{font-size:.35rem;line-height:1.2;}
.fixed-down .btn-app .con p{line-height:1.5;font-size:.28rem;color:#aaa;}
.fixed-down .btn-app .g-btn{padding:.12rem .2rem;background-color:#f6ca46;color:#5f2902;border-radius:3px;font-size:.28rem;}

/*search*/
.searf-c1 {position:relative;padding:0 .266667rem}
.searf-title {position:relative;height:.546667rem;margin:.466667rem 0;color:#878787;text-align:center}
.searf-title:after,.searf-title:before {position:absolute;top:50%;z-index:0;width:3.653333rem;height:.026667rem;margin:-.013333rem 0 0;background-color:#d8d8d8;content:""}
.searf-title:before {left:0}
.searf-title:after {right:0}
.searf-title h4 {line-height:.546667rem}
.searf-list {margin:0 -.266667rem 0 0}
.searf-list li {float:left;min-width:2.186667rem;margin:0 .213333rem .32rem 0;text-align:center}
.searf-list a {width:100%;height:.773333rem;padding:0 .32rem;line-height:.773333rem;color:#878787;background-color:#ebebeb;border-radius:1.333333rem;-webkit-transition:all .58s ease;transition:all .58s ease}
.searf-list a:hover {color:#222;background-color:#e2e8ea}
.searf-c1 .searf-note {padding:.533333rem 0 .586667rem;font-size:.32rem;line-height:.466667rem;color:#878787;text-align:center}

/*player*/
.m-item {}
.m-title {margin-top:.266667rem;padding:0 .266667rem;box-sizing:border-box;width:100%;height:1.2rem;line-height:1.2rem;background-color: #fff;}
.m-title h2 {float:left;font-size:.48rem;font-weight:600;color:#222;border-left: 0.08rem solid #ff5c38;line-height: 0.72rem;padding-left: 0.16rem;margin-top: 0.3rem;}
.m-title a,.m-title h2 span {font-size:.38rem;color:#a4a4a4;}
.m-title h2 span {margin:0 0 0 .346667rem;line-height:1.4}
.m-title a {float:right}
.m-title a i {float:right;font-size:.32rem;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.liveuser {height:1.2rem;line-height:1.2rem;font-size:.48rem;font-weight: 600;color:#222;text-align: center;}
.m-con {background-color: #fff;}
.group_favorite{margin:0 .3rem .3rem;padding:.2rem;border:1px solid #e6e6e6; text-align: center;}
.group_favorite i{font-size:.46rem;}
.group_favorite span{font-size:.36rem;}

.i-title{padding:.52rem 0 .28rem;box-sizing:border-box;width:100%;text-align: center;}
.i-title .green {box-shadow: 0 .18rem .2rem #c3fee3;line-height:.8rem;border-radius:1rem;font-size:.38rem;color:#FFF;padding:.16rem .48rem;background:#2dd68b;background-image:-webkit-radial-gradient(left,circle cover,#46e088 0%,#17ce8e 100%);background-image:-moz-radial-gradient(left,circle cover,#46e088 0%,#17ce8e 100%);background-image:-o-radial-gradient(left,circle cover,#46e088 0%,#17ce8e 100%);background-image:radial-gradient(left,circle cover,#46e088 0%,#17ce8e 100%);}
.i-title .yellow {box-shadow: 0 .18rem .2rem #fdd0c5;line-height:.8rem;border-radius:1rem;font-size:.38rem;color:#FFF;padding:.16rem .48rem;background:#fe7f68;background-image:-webkit-radial-gradient(left,circle cover,#ffa15b 0%,#fe5f75 100%);background-image:-moz-radial-gradient(left,circle cover,#ffa15b 0%,#fe5f75 100%);background-image:-o-radial-gradient(left,circle cover,#ffa15b 0%,#fe5f75 100%);background-image:radial-gradient(left,circle cover,#ffa15b 0%,#fe5f75 100%);}
.i-title .violet {box-shadow: 0 .18rem .2rem #ccd4ff;line-height:.8rem;border-radius:1rem;font-size:.38rem;color:#FFF;padding:.16rem .48rem;background:#697efa;background-image:-webkit-radial-gradient(left,circle cover,#a67aff 0%,#2b82f4 100%);background-image:-moz-radial-gradient(left,circle cover,#a67aff 0%,#2b82f4 100%);background-image:-o-radial-gradient(left,circle cover,#a67aff 0%,#2b82f4 100%);background-image:radial-gradient(left,circle cover,#a67aff 0%,#2b82f4 100%);}
.i-title .red {box-shadow: 0 .18rem .2rem #ffc1dc;line-height:.8rem;border-radius:1rem;font-size:.38rem;color:#FFF;padding:.16rem .48rem;background:#d94aa1;background-image:-webkit-radial-gradient(left,circle cover,#d94aa1 0%,#dd3363 100%);background-image:-moz-radial-gradient(left,circle cover,#d94aa1 0%,#dd3363 100%);background-image:-o-radial-gradient(left,circle cover,#d94aa1 0%,#dd3363 100%);background-image:radial-gradient(left,circle cover,#d94aa1 0%,#dd3363 100%);}
.i-title .blue {box-shadow: 0 .18rem .2rem #c4dbfe;line-height:.8rem;border-radius:1rem;font-size:.38rem;color:#FFF;padding:.16rem .48rem;background:#198eff;background-image:-webkit-radial-gradient(left,circle cover,#0d7eff 0%,#2aa4ff 100%);background-image:-moz-radial-gradient(left,circle cover,#0d7eff 0%,#2aa4ff 100%);background-image:-o-radial-gradient(left,circle cover,#0d7eff 0%,#2aa4ff 100%);background-image:radial-gradient(left,circle cover,#0d7eff 0%,#2aa4ff 100%);}
.i-title i{display: inline-block;background-image: url(../images/icon.png);background-size: 4.6rem;width: 1.3rem;height: .6rem;margin: 0 .3rem -.16rem .3rem;}
.i-title .g-l{background-position: 0 -2.16rem;}
.i-title .g-r{background-position: -1.376rem -2.16rem;}
.i-title .y-l{background-position: 0 -2.76rem;}
.i-title .y-r{background-position: -1.376rem -2.76rem;}
.i-title .v-l{background-position: 0 -3.35rem;}
.i-title .v-r{background-position: -1.376rem -3.35rem;}
.i-title .r-l{background-position: 0 -3.94rem;}
.i-title .r-r{background-position: -1.37rem -3.94rem;}
.i-title .b-l{background-position: 0 -4.53rem;}
.i-title .b-r{background-position: -1.37rem -4.53rem;}

.i-con {padding:.08rem}
.details-tab{position: relative;background-color: #f4f4f4;overflow: hidden;box-shadow: 0 1px 5px rgba(0,0,0,.1);}
.details-tab li{float: left;width: 33.3%;}
.details-tab a {display:block;height:1.2rem;line-height:1.2rem;font-size:.38rem;color:#666;text-align:center;border-bottom:1px solid #e6e6e6}
.details-tab .active a {position:relative;color:#ff5c38;border-bottom:3px solid #ff5c38}
.d-item .d-title {padding:.266667rem .266667rem 0}
.d-item .d-title h2 {height:.426667rem;line-height:.426667rem;padding-left:.266667rem;font-size:.373333rem;border-left:.08rem solid #FAAB48}
.d-live-item01 {margin-top:0}
.d-live-item01 .d-title h2 {color:#FAAB48;border-color:#FAAB48}
.d-live-item02 .d-title h2 {color:#ff5c38;border-color:#ff5c38}
.d-liveDet-item01 {margin-top:0;padding:.28rem;background-color: #fff;}
.d-liveDet-item01 img {width:100%;height:3.386667rem}
.d-liveDet-item01 #vod {height:5.8rem}
.d-liveDet-item01 h1 {font-size:.48rem;margin: .32rem .266667rem;line-height:1;color:#222;text-align: center;}
.d-liveDet-item01 p.read{font-size:.32rem;line-height:1;color:#222;text-align: center; padding-bottom: .2rem}
.d-liveDet-item01 .read span{padding-left: .2rem;font-size:.28rem;color:#a4a4a4;float:none}
.d-liveDet-item01 h3 {font-size: .43rem;color: #3f4345;font-weight: 600;margin: .2rem 0;line-height:.5rem;}
.d-liveDet-item01 p {font-size:.346667rem;line-height:.54rem;color:#a4a4a4}
.d-liveDet-item01 .icon-sep {margin: 0 .5rem;display: inline-block;vertical-align: middle;width: 1px;height: .34rem;background: #ddd;}
.d-liveDet-item01 .price{color: #fc6238;font-size: .68rem;font-weight: 600;padding-top: .32rem;}
.d-liveDet-item01 .price em{font-size: .38rem;margin-right: .08rem;}
.d-liveDet-item01 .price .primary{color: #a4a4a4;text-decoration: line-through;font-size: .38rem;padding-left: .2rem;float:none;}
.d-liveDet-item01 p span {float:right;font-size:.26rem; color:#a4a4a4;font-weight:normal}

.play {width:10rem;height:5.63rem;background: #2b2b2b;}
.play i {color:#fff;}
.navbar {width:100%;height:.986667rem;_background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.75)),to(transparent));_background:linear-gradient(180deg,rgba(0,0,0,.75),transparent);position:absolute;top:0;z-index:99;color:#fff;font-size:.453333rem;line-height:.986667rem;padding:.213333rem .426667rem 0 .586667rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.navbar.fix {position:fixed;top:1.173333rem;z-index:2;max-width:10rem}
.cd1-des {padding:.28rem .426667rem;background: #fff;}
.cd1-des h2 {padding-bottom: .2rem;color:#3f4345;font-size:.52rem;font-weight:600;line-height: .68rem;}
.cd1-des h2 span{font-size:.38rem;font-weight:400;padding-left: .2rem}
.cd1-des .list {padding-top: .2rem}
.cd1-des .list dl {float:left;padding:.12rem .15rem;}
.cd1-des .list dl.playing dt p{display:flex;font-size:0;background-image: url(../tv/images/espo.gif);background-position: center;background-size:.3rem;background-repeat: no-repeat;}
.cd1-des .list dl dt {width:1.2rem;height:1rem;background-color:#ebebeb;font-size:.38rem;border-radius:.12rem;color:#000;text-align:center;}
.cd1-des .list dl dt .dt-til{line-height:1rem;text-align:center;}

.cd1-des img {width:100%;}
.cd1-des .fold {color:#5b6164;font-size:.38rem;}
.cd1-des h3 {margin-bottom:.266667rem;padding:.266667rem 0 0 .266667rem;position:relative}
.cd1-des h3 img {width:.8rem;height:.8rem;border-radius:50%;vertical-align:middle}
.cd1-des h3 span {margin-left:.133333rem;color:#333;font-size:.373333rem;vertical-align:middle}
.cd1-des h3 a {display:inline-block;width:1.333333rem;height:.64rem;line-height:.64rem;background:#4c87eb;border-radius:.12rem;text-align:center;font-size:.32rem;color:#fff;vertical-align:middle;position:absolute;top:50%;right:.266667rem;margin-top:-.186667rem}
.cd1-des h3 a.disabled {background-color:#bbb}
.cd1-des h4 {display:inline-block;height:.64rem;line-height:.64rem;padding:0 .266667rem;border-radius:.64rem;font-size:.32rem;background:#f7f7f7;color:#5b6164;margin-right:.32rem;margin-bottom:.16rem}
.cd1-des h4 img {width:.373333rem;padding-right: .1rem;vertical-align:middle}
.cd1-des h4 .icon {font-size:.253333rem;margin-right:.053333rem}
._cd1-des h4:first-of-type {background-color:#fff4f5;color:#ff5167}
.cd1-des h4 a {color:#5b6164}
.cd1-des h4 .fire {width:.32rem;height:.32rem;display:inline-block;-webkit-transform:translateY(-1px);transform:translateY(-1px)}
.follow {display:flex;display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background: #f7f8fa;border-radius: .346667rem;}
.follow .info-detail {position: relative;padding: 0 .5rem;}
.follow .info-detail__content {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.follow .info-detail__content .avatar {width:1.466667rem;height:1.466667rem;border-radius:50%;border:.026667rem solid #f6f8fa;margin-right:.266667rem;}
.follow .info-detail__content .content {max-width:3.8rem;display:inline-block}
.follow .info-detail__content .content h3{color: #1a1b1e;font-size: .426667rem;line-height: .6rem;margin: .15rem 0 .05rem;padding: .2rem 0 0 0;max-width: 3.866667rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.follow .info-detail__content .content p {color:#757575;font-size:.32rem;margin-bottom: .32rem;}
.follow .info-detail .btn {width:4.533333rem;height:.88rem;border-radius:.88rem;text-align:center;color:#fff;line-height:.88rem;font-size:.32rem;background-color:#027cdb;margin-top:.266667rem}
.follow .btn {width:2.1rem;border-radius:.8rem;text-align:center;color:#fff;line-height:.8rem;font-size:.38rem;margin-right: .4rem;background-color:#ff5c38;}

.function{text-align: center;}
.function a{width: 18%;display: inline-block;padding-bottom:.48rem;color:#000;font-size:.62rem;}
.function a i{text-align:center;}
.function a p{text-align:center;padding-top:.08rem;font-size:.32rem;}


.d-live-list+.d-live-list {border-top:1px solid #e6e6e6}
.d-live-list {padding:.2rem 0}
.d-live-list h3 {margin-bottom:.266667rem;font-size:.42rem;font-weight: 600;color:#646464;border-left: .08rem solid #fc6238;padding-left: .2rem;}
.d-live-list01 p {font-size:.373333rem;color:#a4a4a4}
.d-live-list01 p img{max-width: 100%;height: auto;}

.order {text-align: center;padding:0 .28rem;}
.order .pro{background-color: #fff;padding: .3rem;}
.order img {width: 80%}
.order p {font-size:.38rem;margin:.32rem .32rem 0;line-height:.44rem;color:#222}
.order p em{ width: 2rem; float: left;color:#666;}
.order p .price {color:#fc6238;font-size:.52rem;font-weight: 600;}
.order p .price i{font-style: normal;font-size: .38rem;}
.order p .word {color:#999;font-size:.32rem; padding-left: .2rem}
.order p .primary {color: #a4a4a4;text-decoration: line-through;font-size:.36rem; padding-left: .12rem}
.order .baoming {padding:.8rem 0;background-color:#fff;font-size:.62rem;color:#222;text-align: center;}
.order .baoming .success {display:inline-block;background-image: url(../images/success.png);width:2.6rem;height:2.6rem;background-size:2.6rem;background-repeat: no-repeat;}
.order .baoming .fail {display:inline-block;background-image: url(../images/fail.png);width:2.6rem;height:2.6rem;background-size:2.6rem;background-repeat: no-repeat;}
.order .baoming .xdd {display:inline-block;background-image: url(../images/xdd.png);width:2.6rem;height:2.6rem;background-size:2.6rem;background-repeat: no-repeat;}
.order .baoming .warning {display:inline-block;background-image: url(../images/warning.png);width:2.6rem;height:2.6rem;background-size:2.6rem;background-repeat: no-repeat;}
.order .baoming p{font-size:.58rem;text-align: center;}

.toapp-panel .toapp h2,.toapp-panel .toapp h3 {line-height:1;font-size:.426667rem;color:#fff}
.d-live-list03 .d-live-list03-con {margin-left:-.133333rem}
.d-live-list03 img {float:left;margin:.133333rem 0 0 .133333rem;width:3.066667rem;height:2.293333rem}
.d-live-list04 .list08 {padding:0}
.d-live-list04 .list08 a {padding:.266667rem .266667rem .266667rem 0}
.d-live-list05 h3 {padding-left:.266667rem}
.serverlinedx{color:#fff;height:.5rem;line-height:.5rem;font-size:.26rem;background-color:#ff5c38;text-align:center;}
.serverlineyd{color:#fff;height:.5rem;line-height:.5rem;font-size:.26rem;background-color:#3bc07d;text-align:center;}

/*cloud*/
.dir_box{background-color: #fff;}
.dir_box .item{margin: 0 .1rem;border-bottom: 1px solid #e3e3e3;}
.dir_box .item .d-list-title {padding: .2rem;font-size: .4rem;color: #666;white-space: nowrap;text-overflow: ellipsis;}
.dir_box .item .d-list-directory {font-size: .36rem; color: #999;}
.dir_box .item .d-list-directory .video_list {position: relative;padding: 0 .2rem .2rem .3rem;height: 100%;color: #999;overflow: hidden;}
.dir_box .item .d-list-directory .video_list .ring{top: 0;position: absolute;left: 14px;display: inline-block;margin: 0 .38rem;width: 1px;height: inherit;vertical-align: middle;color: #e0e0e0;background-color: #e0e0e0;}
.d-list-directory  a {color: #999;}
.d-list-directory .ring:before {position:absolute;left:-.1rem;top:.16rem;z-index:1;display:block;width:.3rem;height:.3rem;content:"";overflow:hidden;background:url(../images/ico-ring.png) no-repeat;-webkit-background-size:contain;background-size:contain}
.d-list-directory .cur .ring::before {position:absolute;left:-.2rem;top:.13rem;z-index:1;width:.4rem;height:.4rem;background:url(../images/ico-ring-h.png) no-repeat;background-size:auto auto;-webkit-background-size:contain;background-size:contain;}
.d-list-directory .cur a {color:#ff5c38;}
.d-list-directory .video_list:first-child .ring {top:5px;}
.video_list:last-child .ring {height:15px;}
.cbox {display:-o-box;-o-box-align:center;-o-box-pack:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center;}
.d-list-directory .title {padding-left:.76rem;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-webkit-flex:1;-moz-flex:1;flex:1;}
.d-list-directory .title h5 {max-width:100%;display:inline-block;vertical-align:middle;font-size:.34rem;}
.d-list-directory .ico-play {width:.3rem;height:.3rem;background:url(../images/ico-vod.png) no-repeat;background-size:auto auto;display:inline-block;background-size:contain !important;vertical-align:middle;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.d-list-directory .cur .ico-play {width:.3rem;height:.3rem;background:url(../images/ico-vod.png) no-repeat;background-size:auto auto;display:inline-block;background-size:contain !important;vertical-align:middle;filter:none;}
.s-class,.s-live,.s-end {display:inline-block;width:1.5rem;height:.5rem;line-height:.5rem;color:#59abff;font-size:.28rem;vertical-align:middle;text-align:center;border:1px solid #59abff;background-color:#f9fcff;border-radius:1px}
.s-live {color:#ffac35;border:1px solid #ffac35;background-color:#fffdf9}
.s-end {color:#999;border:1px solid #999;}
.d-list-directory .time {font-size:.28rem;text-align:right;vertical-align:middle;}

/*paper*/
.paper-name{padding: 0;}
.paper-name h2 {font-size: .32rem;color: #666;background-color: #fff;margin: 0 .2rem 0 0;padding: .2rem;height: .88rem;}
.paper-name h2 u {border-bottom: 1px dotted #808080;padding: 0 8px;text-decoration: none;}
.theme {padding: 0 0 2rem 0;}
.theme .title{border-top: 1px solid #e7e7e7;margin-bottom: 0;padding: .2rem;}
.theme .title h1 {font-size: .38rem;color: #666;}
.theme ul{background-color: #fff;border-top: 1px solid #e7e7e7;}
.theme li {border-bottom: 1px solid #e7e7e7;padding: .32rem;}
.theme li span {color: #4e4e4e;font-size: .38rem;}
.theme li span i {float: left;}
.theme li span p {width: 100%;}
.theme li .radio-la+label,.checkbox-la+label {position:relative;display:inline-block;text-indent:inherit;width: 90%;padding: .5rem 0 0 .8rem;line-height: .6rem;color: #4e4e4e;font-size: .38rem;}
.theme .radio-la1{display: none;}
.theme .radio-la1+label{position:relative;display:inline-block;text-indent:inherit;width: 86%;padding: .5rem 0 0 .8rem;line-height: .6rem;color: #4e4e4e;font-size: .38rem;}
.theme .radio-la1+label:before{content:"";width:.6rem;height:.6rem;position:absolute;background-image:url(../images/icon-select.png);background-size:1.36rem;top:.5rem;left:0;}
.radio-la2{ display: none; }
.radio-la2+label{position:relative;display:inline-block;width: 100%;padding: .2rem 0;line-height: .6rem;color: #4e4e4e;font-size: .38rem;}
..radio-la2+label:before{content:"";width:.6rem;height:.6rem;position:absolute;background-image:url(../images/icon-re.png);background-size:1.3rem;right:0;}
.theme .radio-la3{ display: none; }
.theme .radio-la3+label{position:relative;display:inline-block;width: 100%;padding: .2rem 0;line-height: .6rem;color: #4e4e4e;font-size: .38rem;}
.theme .radio-la3+label:before{content:"";width:.6rem;height:.6rem;position:absolute;background-image:url(../images/icon-re.png);background-size:1.3rem;background-position: .6rem 0;right:0;}
.theme .answer{background-color: #e5ffec; margin: .2rem 0; padding:.2rem;font-size: .38rem;}
.theme img{vertical-align: middle;}
.add-site {position: fixed;right: 0;bottom: 0;left: 0;background-color: #f5f5f5;}
.add-site .btn{width: 94%;color: #fff;margin: .32rem 3%;background-color: #ff5c38;display: block;padding: .32rem 0;text-align: center;font-size: .52rem;border-radius: 5px;}

/*comment*/
.comment {font-size:.32rem;background-color:#fff;border-top: 1px solid #e6e6e6;}
.comment a {display:inline-block}
.comment-top {padding:0 .266667rem .266667rem}
.comment-top&gt;h2 {display:block;height:.5rem;line-height:.5rem;font-size: .42rem;text-align:left;color:#222;border-left: 0.08rem solid #ff5c38;padding-left: 0.16rem;margin: 0.2rem 0;}
.comment-top&gt;h2 span{ padding-left:.2rem;font-size: .28rem;color: #a4a4a4;}
.comment-text textarea {padding:0 .266667rem;width:100%;height:100%;font-size:.32rem;line-height:1.2;border:none;background:0 0}
.comment-handle {height:1.2rem}
.comment-handle .comment-tips {float:left;line-height:1.2rem;font-size:.373333rem;color:#a4a4a4}
.comment-handle .comment-tips a {color:#ff5c38}
.comment-handle button {float:right;margin:.266667rem 0 0;width:2.266667rem;height:.666667rem;text-align:center;background-color:#ff5c38;font-size:.373333rem;color:#fff;border:none;border-radius:.053333rem}
.comment-title {height:.68rem; line-height:.68rem;background-color:#eeeff0;font-size: .32rem;color: #a4a4a4;padding-left:.266667rem;}
.comment-list {min-height:1.693333rem;max-height:9999rem;padding:.266667rem;border-bottom:1px solid #e6e6e6}
.comment-list h2 {float:left;width:100%;font-size:.32rem;color:#666}
.comment-list h2 a {float:right;font-size:.36rem;}

.comment-list h2 span{padding-right:.2rem;}
.comment-list h2 span em{padding-right:.05rem;}
.comment-list h2 .poff span{color:#a4a4a4;}
.comment-list h2 .pon span{color:#ff5c38;}
/*
.comment-list h2 i{background-image: url(../images/icon.png);background-size:5.6rem;background-position:-2.92rem -.42rem;height:.36rem;display: inline-block;margin: 0 0 -.04rem .1rem;}
.comment-list .s1 {width:.37rem;}
.comment-list .s2 {width:.75rem;}
.comment-list .s3 {width:1.12rem;}
.comment-list .s4 {width:1.5rem;}
.comment-list .s5 {width:1.9rem;}
*/
.comment-list p.comment-time {float:left;width:100%;font-size:.26rem;color:#9f9fa0}
.comment-list p.comment-con {float:left;width:100%;font-size:.346667rem;color:#333;line-height:1.8;}
.comment-list p.comment-con a {color:#ff5c38}
.comment-reply-a {position:absolute;right:.266667rem;top:.266667rem;font-size:.346667rem;color:#a4a4a4}
.comment-list .comment-reply textarea {padding:0 .266667rem;width:100%;height:100%;font-size:.32rem;line-height:1.2;border:none;background:0 0}
.comment-list .comment-reply button {margin:.133333rem 0 0;float:right;width:2.266667rem;height:.666667rem;text-align:center;background-color:#ff5c38;font-size:.373333rem;color:#fff;border:none;border-radius:.053333rem}
.comment-success {z-index:111;position:fixed;width:3.466667rem;height:1.333333rem;top:50%;left:50%;margin:-.666667rem 0 0 -1.733333rem;color:#fff;background-color:rgba(2,156,230,.9);font-size:.453333rem;text-align:center;line-height:1.333333rem;border-radius:.106667rem}
.textarea-area {position:relative;height:1.733333rem;padding:.266667rem 0 .64rem;background-color:rgba(230,230,230,.3);border:1px solid #ebebeb;border-radius:.053333rem}
.comment-reply-text .textarea-area {margin:.133333rem 0 0;float:right;width:100%}
.oval,.stuVoiceList01 div {float:left;overflow:hidden}
.textarea-area .counter {position:absolute;bottom:0;right:.266667rem;font-size:.32rem;color:#a4a4a4;line-height:2}
.oval {margin:0;width:.8rem;height:.8rem;border-radius:100%;background-color:#d8d8d8}
.oval img {width:100%;height:100%}
.oval-right {margin:0 0 0 1.2rem}

/*live*/
.live-item{z-index:2;position:fixed;width:10rem;background-color: #FFF;}
.live-item #player{ height:5.62rem}
.live-item .details-tab{background-color:#FFF;z-index:2000;}
.live-item .task-player{}
.live-item .task-player .task{position: relative;max-width:10rem;text-align: center;margin: auto; }
.live-item .task-player .task i{position: absolute;left:43%;top:36%;width: 1.5rem;height: 1.5rem;background-image: url(../images/play-bj.png);background-size: 1.5rem;}
.live-item .task-player .task img{width:100%;height:100%;}
.live-info{height:100%;margin-top:7.1rem;}
.live-info1{margin-top:8.9rem !important;}
.live-info li{position: relative;width: 100%;height: 100%;float: left;display: none;}
.live-title{background-color: #fff;padding: .3rem .28rem;margin-top:-.2rem}
.live-title h3 {font-size:.42rem;margin-bottom:.12rem;color:#222}
.live-title p {font-size:.38rem;color:#a4a4a4}
.live-time{padding: .2rem 0 .15rem;}
.live-time h1{text-align: center;font-size:.38rem;color: #263238;}
.live-time h3{text-align: center;font-size:.42rem;font-weight: 400;}
.live-time span{padding-left:.1rem;font-size:.58rem;color:#ff5722;}

.state {
 padding:3px 6px 3px 5px;
 white-space:nowrap;
 border-radius:100px;
 background:#f35;
 -webkit-box-align:center;
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:inline-flex
}
.state img {
 width:14px;
 height:14px
}
.state p {
 margin-bottom:0;
 margin-left:4px;
 font-family:PingFangSC-Regular;
 font-size:12px;
 line-height:14px;
 white-space:nowrap;
 color:#fff
}

.live-con{padding:.3rem .28rem;margin:.2rem 0 0;background-color: #fff;}
.live-con h3 {margin-bottom: .266667rem;font-size: .373333rem;color: #646464;border-left: .12rem solid #ff5c38;padding-left: .2rem;}
.live-con p {font-size: .42rem;color: #aaa;line-height: 180%;}
.live-con p img{max-width: 100%;height: auto;}
._live-end {position:absolute;z-index:2;color:#fff;padding: 0 .25rem;width:100%;height:5.64rem;line-height:5.64rem;font-size:.64rem;background: #000;opacity: 0.78;top:0;text-align: center;}
.look-more {text-align: center;color: #009aff;font-size:.32rem;cursor: pointer;}
.no-more {text-align: center;color: #9e9e9e;font-size:.32rem;cursor: pointer;}
.chat{margin:.3rem 0 1.6rem}
.chat-list {min-height:1.693333rem;padding:.266667rem;}
.chat-list .oval {margin:0;width:1rem;height:1rem;border-radius:100%;background-color:#d8d8d8}
.chat-list h2 {float:left;width:100%;font-size:.32rem;color:#58666e;margin:-.1rem 0 .1rem;}
.chat-list h2 i{font-size:.28rem;color:#aaa;font-style: normal;padding-left:.3rem;}
.chat-list p {font-size:.36rem;color:#3e3e3e;line-height:1.4;background-color: #fff;padding: 8px;border-radius: 0 .12rem .12rem;display:inline-flex;align-items: center;margin-left: 5px;position: relative;}
.chat-list p img{width:.8rem;margin:0 auto;}
.chat-list p i{display: block;width: 0;height: 0;border-width: 10px 10px 0;border-style: solid;border-color: #fff transparent transparent;position: absolute;top: 10px;left: -10px;}
.msg-time{text-align: center;color: #9e9e9e;}
.chat-msg{margin: auto;position: relative;width: 96%;padding: .2rem 0;font-size:.38rem;color: #212121;text-align: center;border-radius: 4px;border: solid 1px #c9c59d;background-color: #fff9c4; box-shadow: 0 10px 15px 0 rgba(0,0,0,.1);}
.chat-msg span{color:#2196f3;}
.chat-lineuser{position: fixed;bottom: 2rem;right: .8rem;z-index: 10;padding-top: .18rem;display: block;width: 1.066667rem;height: 1.066667rem;color: #fff;background-color: rgba(0,0,0,.45);text-align: center;border-radius: 50%;}
.chat-lineuser em{font-size:.6rem}
.chat-lineuser .num{position: absolute;right: .05rem;bottom: .2rem;background: #ff8070;padding: .04rem .08rem;color: #fff;line-height: 0.22rem;border-radius: 0.2rem;font-size: 0.24rem;}
.comment_form {z-index:2;position:fixed;bottom:0;left:50%;margin:0 0 0 -5rem;padding: .2rem;width:10rem;background-color:#f8f8f8;border-top:1px solid #e6e6e6}
.comment_form i{float: left;width:.72rem;height:.72rem;margin: 0.2rem 0 0 .2rem;background:url(../images/face.png) no-repeat center;background-size:contain;}
.comment_form .text{float: right;width: 8.4rem;}
.comment_form input{float: left;padding: .5rem .3rem;border: 0px solid #ff5c38;width:100%;height:.55rem;font-size:.4rem;}
.comment_form .bottom{float: right;margin-top: -.86rem;width:1.8rem;height:.68rem;line-height:.68rem;font-size: .38rem;color: #ff5c38;text-align: center;background-color: #fff;border-left: 0.06rem solid #ff5c38;}
.nickname{padding: .2rem .2rem;border: 1px solid #ff5c38;width:60%;font-size:.4rem; text-align: center;}
.group-itme{z-index:2;position:fixed;_box-shadow: 0 0 8px rgba(0,0,0,0.2);margin-top: 0;}
.user-list{padding: .2rem .8rem;}
.user-list li {position: relative;height: 30px;margin-top: 10px;list-style: none;}
.user-list .talk-box {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-left: .8rem;}
.talk-logo {position: absolute;left: 0;top: 0;width: .6rem;height: .6rem;border-radius: 50%;overflow: hidden}
.talk-logo img{width: 100%; height: 100%}
.talk-from{position: absolute;right: 0;top: 0;width: 20;height: 20px;overflow: hidden;}
/*èµž*/
.praise {position:fixed;bottom:3.6rem;right:.68rem;z-index:10}
.praise img{width:1rem;}
.praise span {position:absolute;color:#ff5c38;top:-.5rem;left:50%;font-size:.36rem;font-weight: 600;transform:translateX(-50%);width: 1.4rem;text-align: center;}
._emoji {position: absolute;right:0;bottom: .1rem;margin-left:-1rem;z-index:-10;}
/*ç¤¼ç‰©
.gift {position:fixed;bottom:2rem;right:.4rem;z-index:10}
.gift img{width:1.8rem;}
.giftimg{width:100%;background-color:#FFF; padding:.2rem .1rem;position: fixed;bottom:0;}
.giftimg li{ width:31%;float:left;border:1px solid #e6e6e6;margin:0 0 .1rem .1rem;line-height:1px;padding:.2rem 0;text-align: center;}
.giftimg li p{font-size:.38rem;color:#666;text-align:center;}
.giftimg li p i{font-size:.32rem;padding-left:.1rem;color:#999;font-style:normal;}
.giftimg img{width:2rem;}
*/

/*ç›´æ’­ é»‘å±*/
.live .component-area{position:absolute;}
.live .component-area .background-img{top:0;right:0;left:0;bottom:0;position:fixed;background-size:cover;background-repeat: no-repeat;background-position: 50%;}
.live .component-head{position:absolute;width:100%;height:2.6rem;}
.live .room-info {padding:.08rem;border-radius:.48rem;background-color:rgba(0,0,0,.4);height:1rem;box-sizing:border-box;position:absolute;top:.4rem;left:.32rem;}
.live .room-info .blive-avatar{position:relative;display:inline-flex;width: 0.8rem; height: 0.8rem;align-items:center;justify-content:center}
.live .room-info .blive-avatar .face{width: 0.8rem; height: 0.8rem;position: relative;border-radius: 50%;background-size: cover;}
.live .room-info .blive-avatar .pendant{width: 1.12rem; height: 1.12rem; background-image: url("../live/images/head_k.png");position: absolute;background-size: cover;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.live .room-info .info-cntr {display: inline-block;margin-left:.1rem;text-align:left;color: #2c3e50;position: relative;bottom:.16rem;}
.live .room-info .info-cntr .name {color: #fff;font-size: .32rem;max-width: 2.666667rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: left;}
.live .room-info .info-cntr .hot {color:#fff;font-size: .266667rem;line-height:.5rem;}
.live .share{position:absolute;right:1.3rem;top:.3rem;background-color:rgba(0,0,0,.4);border-radius:50%;width:1rem;height:1rem;display:flex;align-items:center;}
.live .share .share-icon{margin:auto;width:.6rem;height:.6rem;}
.live .close{position:absolute;right:.2rem;top:.3rem;background-color:rgba(0,0,0,.4);border-radius:50%;width:1rem;height:1rem;display:flex;align-items:center;}
.live .close .close-icon{margin:auto;width:.8rem;height:.8rem;}


.review-info{color: #fff;position: absolute;top:1.68rem;left:.2rem;height: .56rem;font-size: .28rem;background-color: rgba(0,0,0,.23);-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;display: -webkit-inline-box;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;background-color: rgba(0,0,0,.23);border-radius:.5rem;}
.review-info .live-off {-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:.5rem;height:100%;background-color: rgb(78, 110, 242);padding:0 .2rem 0 .05rem; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.review-info .live-off:before {content:"";display:block;width:.3rem;height:.3rem;margin: 0 .1rem 0 .2rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAthJREFUWAnFlj1oU1EUx18SP4qVqiUo1lCsRRB10iriJHSszgWHLrq4KFihjkLFpS6lUAcdAqKgiyAOCuKkolNxE4WKDlaLWKv1g1Qbf/+Xe2/vS31pXptXD/xzzj1f//Puy01uEMRIuVxeDU6CQzEpi7qpLYBLYM+iyX4CBdvAUyD56MeS2NReCzuUyzPo4/+qXVXtJPEIvltgs4mNGR0q4hswdoJWkA+dQfAJ/Rm8zmQy08Yn9RycAM3gBrWH0WfJKaEXCgnHwG9g5SZGM2gCZ8AzMAfiRDHlKLdJDGi9xp/Ayh2M7AJ2nPuBtkpSAqdNgz7sd3ImFNX0mR77sMe9+pHIAATawYRJ0A70AD31deNbjlIP9cqDV16jc24InA+9wCnsFqCtbJSol3p2gknTVK+rLRwC44VxXkZnwT2zbqRST/U+CL4BveaCHaCDRY8W6EGQlgwaDr3y3bIz+rCCswP7JVhjfQ3WOn67OIZvbN/q43CRQN3ktx+UgqHiL9urHq3e4nDiBuDp9aPS6yJ1GPefzAaPx2aDqa/lOrJdSq/hCh1uAFZHQc6l1WFYWqvrKFGKOMQVij9A+CW0gZS14/IH6EyZ1G/vuPwBKj8Kflp6tuPy/w03LZXv7fu5YGp6/kQXtmSDtbXPkuPyB5hkgMovU8JJLlz5Ealo35oLRs6vi/iqFuIKxR9gAk+iAba3ZYPWlvknNz2DA3v9ttYb0eKKCmezCFZKipbd/xLetc4V0I7L7R+PrmuTrlbhTSbFIfTbnef/4Ls43A4Yx2iKxLb1qCWXw+2AFuyCLprjQBfPNEQX1h0MoAtsKG4HtDKB/koolc9+nzyWgZ0YTuE4DMcSVgcgzwFdJhsl6pXonzaciaIB8GcZU6h2oPoBE61p0AUeLWEI1XQlIquVTLNucBV8AHGimHK6a/XyY5Fj6AfibJqrZiNYb6DUGYMvfMsTXpBU/h/lL9sD4qjLi5kPAAAAAElFTkSuQmCC);background-size:100% 100%;}
.review-info .live-on {-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:.5rem;height:100%;background:#ff392d;padding:0 .2rem 0 .05rem; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.review-info .live-on:before {content:"";display:block;width:.3rem;height:.3rem;margin: 0 .1rem 0 .2rem;background-image:url(data:image/gif;base64,R0lGODlhKgAqAKIEAP7//////v3//////////wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzFEQjYxNzBBNjg5MTFFQjhBN0REMjM4Qzk4RDRFMzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzFEQjYxNzFBNjg5MTFFQjhBN0REMjM4Qzk4RDRFMzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENzE0QTU2QkE2NkUxMUVCOEE3REQyMzhDOThENEUzNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENzE0QTU2Q0E2NkUxMUVCOEE3REQyMzhDOThENEUzNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAkEAAQALAAAAAAqACoAAAOQSLrc/jDKSau9OOvNuxxg6FlACI5VaaKUebKfC8crFJgl5w7Rzm+7XhAogwxUx59m+PDpik1mRtpwEmtR6FRbpV68C+uSyxBvsQ4zBqxQf8lhdgvelk/kbgsezKcT8n1oXXCBIkaFL4OGWYJ1jX9+gISRiEpllJOPe5mLl4+OmpyJaUijC6WWpzgzrK2ur6wJACH5BAkEAAQALAAAAAAqACoAAAOVSLrc/jDKSau9OOvNu/9gOIxkOJGlGaGjurIuxA7xM0cBAJAAd8s7lA8m+2mMjhltg2woh8Ii8ThNNi/XxZNZdWYrX8KWGrWFT13GOBNea9NiuMI9h7ezeHnczi9b+ylefoKDdYV7gX+HeYeGi4AtUo+TiYSVjpGWS2aQm2p6dIiZn40EAQNBowupqgqsPTWxsrO0FAkAIfkECQQABAAsAAAAACoAKgAAA5FIutz+MMpJq7046827/2AojmSJDWhqOqm6Mi36wvG8xEMUAMDAAxxcBJfbCCHEYA151DRZz9PykTROoVdpaxi9dG9f3hbron7PWVqagB6b1+0yWQ52q+l3PBu+VlQbcTJMfHZ1en6BRYB9e4R6X4iOgouFeZOWb4eNlZuXhp6Wiphzog0BPpw9qS1ANq6vsCYJACH5BAkEAAQALAAAAAAqACoAAAONSLrc/jDKSau9OOvNu/9gKI5kaZ7oM6xsugAsALgKzA40Ybf0vUa+3yYIJA59wJ1QY1Q1M89GEOdQUqVIyMDqvHV5XzAjqiAvpuHrOJtWn9lrr9ZMh2PtZTzBnNfX5W1pgnN+hYAOaIiGYneHb459jHGQe4tLipZukZeNkpWUfJ+gmUl6XFV6OaqrrBgJACH5BAkEAAQALAAAAAAqACoAAAOISLrc/jDKSau9OOvNu/9gKI5kaZ5oqq6nMAxAzL70MNf2iudPEL8AHuNHe+wiO+Hi6GAanQzoEoeUKqwE7BXLpUKSz1q4+O2Km94xuWFeo9NR+PSsftXvZfmWHuez23Zvbn96WYVahoeKfn2MiYN7kHOOgEqNkpVVi5iFV0GOn5KhgSylpqcdCQAh+QQJBAAEACwAAAAAKgAqAAADi0i63P4wykmrvTjrzbv/YCiOZGmeaKqubFsOcPwAMfzVtkPXN/7ggx5P54MMALvjr9gARoBBh1PKpFYX0+aVAV0OtV9rGLslZMUydBSc9o4VZ/JbPo/Dy/ey3Yzn6/9zeXWAbWprXIQ5boV0ioiBfoOSjI+Tjo2HbJSRl4KdCwFHc0mfpJkuqKmqEgkAIfkECQQABAAsAAAAACoAKgAAA4JIutz+MMpJq7046827/2AojmRpnmiqrhowvC8Lw/I81DNOO/bt9Q/XCwD4AHk2YxKZgwyIz+fj2KAym9VlFnvdbb0M6xe8ECvMZbRa2421p+yxWw7nyn30t3NtP8fDfGR+fWl/BIFzbXiAhGiDjYaOh4iLhYILAVGXQpuGLJ+goRgJACH5BAkEAAQALAAAAAAqACoAAAOASLrc/jDKSau9OOvNu/9gKI5kaZ5ougxsqyqt+8bsS9CDjes0H/sy1W7WcwCKnWHj2AJ8lAxoA5dzSGFI6/WWXXWjzZr2Nw6WzV7y9JtWg91t8YM6Z2+x9jz8vef2735/emh8hIFyhVV1g4hximeNeIaAA0yGlpEEmI82nZ6fGwkAIfkECQQABAAsAAAAACoAKgAAA3dIutz+MMpJq7046827/2AojmRpXkOqno26soubwrFMK/JwE/ne3z9aEDZkFU9HU7KUDLgCn+QSZXNMc4CHtKrdurpfSE5n5TKu3lfLvGbj3Dz4Gy6DlsNg/Jkuj/P1NYB7f2qDhW2CfodzizEAhDN3jTuUlZYYCQAh+QQJBAAEACwAAAAAKgAqAAADgEi63P4wykmrvTjrzbv/YCiOZGmeaLoMbKsqrfvG7EvQg43rNB/7MtVu1nMAip1h49gCfJQMaAOXc0hhSOv1ll11o82a9jcOls1e8vSbVoPdbfGDOmdvsfY8/L3n9u9+f3pofISBcoVVdYOIcYpnjXiGgANMhpaRBJiPNp2enxsJACH5BAkEAAQALAAAAAAqACoAAAOCSLrc/jDKSau9OOvNu/9gKI5kaZ5oqq4aMLwvC8PyPNQzTjv27fUP1wsA+AB5NmMSmYMMiM/n49igMpvVZRZ73W29DOsXvBArzGW0WtuNtafssVsO58p99LdzbT/Hw3xkfn1pfwSBc214gIRog42GjoeIi4WCCwFRl0KbhiyfoKEYCQAh+QQJBAAEACwAAAAAKgAqAAADi0i63P4wykmrvTjrzbv/YCiOZGmeaKqubFsOcPwAMfzVtkPXN/7ggx5P54MMALvjr9gARoBBh1PKpFYX0+aVAV0OtV9rGLslZMUydBSc9o4VZ/JbPo/Dy/ey3Yzn6/9zeXWAbWprXIQ5boV0ioiBfoOSjI+Tjo2HbJSRl4KdCwFHc0mfpJkuqKmqEgkAIfkECQQABAAsAAAAACoAKgAAA4hIutz+MMpJq7046827/2AojmRpnmiqrqcwDEDMvvQw1/aK508QvwAe40d77CI74eLoYBqdDOgSh5QqrATsFculQpLPWrj47Yqb3jG5YV6j01H49Kx+1e9l+ZYe57Pbdm9uf3pZhVqGh4p+fYyJg3uQc46ASo2SlVWLmIVXQY6fkqGBLKWmpx0JACH5BAkEAAQALAAAAAAqACoAAAONSLrc/jDKSau9OOvNu/9gKI5kaZ7oM6xsugAsALgKzA40Ybf0vUa+3yYIJA59wJ1QY1Q1M89GEOdQUqVIyMDqvHV5XzAjqiAvpuHrOJtWn9lrr9ZMh2PtZTzBnNfX5W1pgnN+hYAOaIiGYneHb459jHGQe4tLipZukZeNkpWUfJ+gmUl6XFV6OaqrrBgJACH5BAkEAAQALAAAAAAqACoAAAORSLrc/jDKSau9OOvNu/9gKI5kiQ1oajqpujIt+sLxvMRDFADAwAMcXASX2wghxGANedQ0Wc/T8pE0TqFXaWsYvXRvX94W66J+z1lamoAem9ftMlkOdqvpdzwbvlZUG3EyTHx2dXp+gUWAfXuEel+IjoKLhXmTlm+HjZWbl4aeloqYc6INAT6cPaktQDaur7AmCQAh+QQFBAAEACwAAAAAKgAqAAADlUi63P4wykmrvTjrzbv/YDiMZDiRpRmho7qyLsQO8TNHAQCQAHfLO5QPJvtpjI4ZbYNsKIfCIvE4TTYv18WTWXVmK1/Clhq1hU9dxjgTXmvTYrjCPYe3s3h53M4vW/spXn6Cg3WFe4F/h3mHhouALVKPk4mElY6RlktmkJtqenSImZ+NBAEDQaMLqaoKrD01sbKztBQJADs=);background-size:100% 100%;}
.review-info .live-end {-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:.5rem;height:100%;background-color:rgb(118, 140, 174);padding:0 .2rem 0 .05rem; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.review-info .live-end:before {content:"";display:block;width:.3rem;height:.3rem;margin: 0 0 0 .2rem;background: url(/live/images/icon2.png) no-repeat 0 center;}
.review-info .live-vod {-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:.5rem;height:100%;background:#07b85a;padding:0 .2rem 0 .05rem; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.review-info .live-vod:before {content:"";display:block;width:.3rem;height:.3rem;margin: 0 .1rem 0 .2rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAeRJREFUWAnNl71KA0EUhbMWSaGQxiLYCQoS0Na0VgGLlPoOPoEgWPgA6YzvYGlha6dvEAkKFkJMG0waC9fvrDvJsCzuzmZ/vHAy//ecubOZvevVUprv+3WmHoEeaIOtEBS1cYgh5R148Dzvi3J1g7gFBmAK0prmak0rswIWN8AVmIGsprXy0XASwgLt+gnkZfKVLhpMPADveTFbfuRz/89IMEE7L4Lc6JDv+EgwoDPPM+yGNFqKY/FMrFkhuaDesdpFVcUhrsA8/aJIYXkF62qXYHM4drgrJiYCl3SURa79iUucwe7rRMDlkjln/iZQOQdZTZx1hb/r6KEZKP8Vv83ae8f19vSujkB3e2rj3KZmMvU3cEz7FExMv0PZkwC9WFYyRNziYA/cgG8HZ20dwciOSVI9yTnrO+AlyU84PvKofOJ0I8mxGWe3wV/XtONKfCoaz3Fjkb6Z+RtG+ktr+hKgZCI3Y/eHOFNSksY+chMAcRNcw/oIdtOwM2csAUqjVjKIT3CgMz8DLsc6rPwikoBqr2LFHhFKIMu2gbj/x+uYu0X3eF+KSrJ+yLmkI/6VpGRLBdQQUV1SapQgorq03BKhSOSZIctXfDpuSKMlC/RMVPNpZouRclDYx2niu92IQUQhn+c/aAIdKQj+X88AAAAASUVORK5CYII=);background-size:100% 100%;}
.review-info .review-tip {padding:0 .2rem 0 .1rem;}
.list{top:.2rem;}


.live .player-wrap{width: 100%;position:fixed;top:2.6rem;height:56.25vw;z-index:100;left: 0;}
.live .player-wrap #player{width:100%;height:100%;}
.live .player-wrap .status{width: 100%; height: 100%;display: inline-flex;position: absolute;overflow: hidden;}
.live .player-wrap .status .img{position: absolute;width: 100%; height: 100%;left: 0px;}
.live .player-wrap .status .btn-play{position: absolute; height: 1.8rem; top: 50%; left: 50%; transform: translate(-50%, -60%);}
.live .player-wrap .status .livenot{color: #fff;padding:.28rem;font-size:.38rem;background:#000;opacity: 0.68;text-align: center;margin: auto;bottom: 0;position: absolute;width: 100%;}
.live .player-wrap .status .livenot p{text-align: center;font-size:.32rem;}
.live .player-wrap .status .liveend{color: #fff;padding:.28rem;font-size:.38rem;background:#000;opacity: 0.68;text-align: center;margin: auto;bottom: 0;position: absolute;width: 100%;}
.live .player-wrap .status .void{filter: blur(5px); transform: scale(1.2);}
.live .open-app-btn{display: inline-block;position: relative;bottom: .26rem;}
.live .open-app-btn .follow {font-size:.32rem;color:#fff;text-align:center;background: linear-gradient(180deg,#ff1f66,#ff4d4d);border-radius:.373333rem;margin-left:.106667rem;margin-right:.053333rem;line-height:.693333rem;height:.693333rem;padding:0 .213333rem}
.live .chat-wrap{position: absolute;z-index: 200; width:8rem;margin: 0 .266667rem;font-size: .373333rem;bottom: 1.6rem;}
.live .chat-wrap .remind{margin-bottom:.2rem;}
.live .chat-wrap .remind .msg_gift{opacity:0;height:1.2rem;line-height:1.3rem;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;padding:0 .6rem 0 .26rem; background: linear-gradient(to left, rgba(0, 0, 0, .1) 0%, rgba(0,0,0, .7) 100%);border-radius:1rem;margin-bottom:.16rem;}
.live .chat-wrap .remind .msg_gift .ico{display:inline;position: relative;bottom:.1rem;}
.live .chat-wrap .remind .msg_gift .ico .portrait{height:.72rem;border-radius: 50%;vertical-align: middle;}
.live .chat-wrap .remind .msg_gift .ico .gift{height:1rem;vertical-align: middle;}
.live .chat-wrap .remind .msg_gift .message{display: inline-flex;font-size: .373333rem;color:#fff;}
.live .chat-wrap .remind .msg_gift .message i{font-style:normal;color:#8ae5fa;padding:0 .12rem}
.live .chat-wrap .remind .msg_name{opacity:0;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;padding:.08rem .3rem;color:#fff;background-color: rgba(48,107,255,.6);font-size:.36rem;border-radius:1rem;margin-bottom:.16rem;}
.live .chat-wrap .remind .bg1{background-color: rgba(48,107,255,.6);}
.live .chat-wrap .remind .bg2{background-color: rgba(250,64,245,.6);}
.live .chat-wrap .remind .bg3{background-color: rgba(250,40,40,.6);}
.live .chat-wrap .remind .bg4{background-color: rgba(66,250,136,.6);}
.live .chat-wrap .remind .bg5{background-color: rgba(210,250,66,.6);}
.live .chat-wrap .remind .bg6{background-color: rgba(250,150,66,.6);}
.live .chat-wrap .remind .msg_name i{color:#8ae5fa;font-style:normal;padding-right:.12rem;}
.flygift{animation: bounceInr 1.5s .2s linear forwards;}
@keyframes bounceInr {from to {}
	0% {opacity: 0;transform: translate3d(20rem, 0, 0);}
	30% {opacity: .7;transform: translate3d(.6rem, 0, 0);}
	50% {opacity: .8;transform: translate3d(.4rem, 0, 0);}
	90% {opacity: .9;transform: translate3d(.1rem, 0, 0);}
	100% {opacity: 1;transform: none;}
}

.live .chat-history-list {display:flex;justify-content:flex-start;flex-direction:column;transition:height .25s;margin-top: .38rem;overflow: hidden;box-sizing: border-box;-webkit-mask-image: linear-gradient(transparent,#fff 6%);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;height:35vh;max-height:35vh;}
.live .chat-history-list #chat-items {box-sizing:border-box;height:100%;overflow-y:auto}
.live .chat-item{width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;padding:.12rem .32rem;text-align: left;background-color:rgba(0,0,0,.3);line-height:.56rem;border-radius:.48rem;color:#fff;margin-bottom:.106667rem;font-size:.373333rem;}
.live .notice{padding: .14rem .18rem;}
.live .chat-item i{padding: .06rem .25rem;background-color: rgb(78, 110, 242);border-radius: .32rem;font-size:.32rem;font-style: normal;margin-right:.16rem;color:#fff;}
.live .chat-item .master{background-color:#ff5c38;}
.live .chat-item .sys{background-color:#ff5c38;}
.live .chat-item .name{color: #8ae5fa;}
.live .chat-item .content{_display:inline-flex;_align-items:center;}
.live .system .content{color: #ff5c38;font-weight:600;}
.live .chat-item .content img{width:.68rem;vertical-align: middle;}
.layui-m-layercont img{widht:.8rem;height:.8rem;}
.live .control-panel{position: absolute;z-index:300;left: 0;bottom: 0;width: 100%;height: 1.6rem;display: flex;justify-content: center;align-items: center;padding: .2rem;box-sizing: border-box;}
.live .control-panel_input{background:rgba(255,255,255,.3);border-radius:1rem;height:.98rem;padding:.133333rem .426667rem;flex:1;box-sizing:border-box}
.live .control-panel_placeholder {font-size:.373333rem;line-height:.68rem;color:hsla(0,0%,100%,.5);}
.live .control-panel_placeholder input{background: rgba(200,200,200,0);border:0;width:90%;height:.68rem;font-size:.38rem;color:#fff;}
.live .control-panel .input_btn{font-size: .346667rem;color: #fff;text-align: center;background-color:#07c062;border-radius: .2rem;margin-left:.2rem;width:2.2rem;height:1rem;line-height:1rem;padding: 0 .3rem;}
.live .emoji .emoji_ico{width:.68rem;height:.68rem;opacity: 0.8;}
.live .control-panel_input .emoji{float:right;margin:-.66rem -.28rem 0 0;}
.live .btnbg{float:left;background-color:rgba(0,0,0,.4);border-radius:50%;width:1rem;height:1rem;margin-left:.2rem;display:flex;align-items:center;}
.live .gift_ico{margin: auto;width:.48rem;height:.48rem;}
.live .praise_ico{margin:auto;width:.48rem;height:.48rem;}
.live .praisenum{position:absolute;bottom:1.4rem;right:.26rem;font-size:.32rem;color:#fff;background-color: rgba(0,0,0,.4);border-radius: .5rem;padding: .08rem .2rem;}
.live .praise_emoji {width:1rem;position: absolute;right:0;bottom:1.8rem;margin-left:-1rem;z-index:300;}
.giftimg{width:100%;background-color:#333;padding:.2rem .1rem;position:absolute;left:0;bottom:0;border-radius: .2rem .2rem 0 0;z-index:100}
.giftimg .title{text-align: center;color: #fff;font-size: .42rem;height: 1rem;line-height: 1rem;font-weight: 600;}
.giftimg a{ width:25%;float:left;padding:.2rem 0;text-align: center;}
.giftimg p{font-size:.38rem;color:#fff;text-align:center;line-height:.48rem;}
.giftimg .money{font-size:.28rem;color:#969696;font-family: PingFangSC-Light,"microsoft yahei",arial !important;}
.giftimg .money i{display:inline-block;width:.36rem;height:.28rem;background-image: url(../live/images/tree.png);background-size:.34rem;top:.02rem;position:relative;}
.giftimg .swiper-slide{padding-bottom:.8rem;}
.giftimg .swiper-pagination-bullet-active{background-color:#fff;}
.giftimg .swiper-pagination-bullet{width:.1rem;height:.1rem;background-color:#fff;}
.giftimg img{width:1.28rem;height:1.28rem;}
.emoji-box{width:100%;height:6.6rem;overflow-y:auto;background-color: #333;padding:.2rem;position: absolute;left: 0;bottom: 1.35rem;border-radius: .2rem .2rem 0 0;z-index:100;opacity:1;}
.emoji-box li{float:left;padding:.18rem;margin-left:-1px;margin-top:-1px;cursor:pointer;}
.emoji-box li img{width:.86rem;height:.86rem;}
@media (min-width:1200px){
	.live .player-wrap{top:0;height: 100%;}
	.live .chat-wrap{display:none;}
	.live .control-panel{display:none;}
}

.group-dir{margin:.12rem 0 0;}
.group-dir dl{margin-bottom:0rem;}
.group-dir dl dd {border-bottom:1px solid #f0f0f0;}
.group-dir dl dd .hd {height:1.2rem;padding-left:.4rem;}
.group-dir dl dd .hd span {width: 90%;float: left;line-height:1.2rem;font-size:.373333rem;color:#6e6d6d;display:inline;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.group-dir dl dd .hd i {width:.48rem;height:.48rem;background:url(../images/icon-dir.png) no-repeat center;float:left;background-size:contain;margin: .38rem .08rem 0 0;}
.group-dir dl dd .hd .down {width:.48rem;height:.48rem;background:url(../images/icon-down.png) no-repeat center;background-size:contain;float:right;margin: .38rem .38rem 0 0;}
.group-dir dl dd.selected .hd .down {width:.48rem;height:.48rem;background:url(../images/icon-down.png) no-repeat center;background-size:contain;transform:rotate(180deg);margin: .38rem .38rem 0 0;}
.group-dir dl dd .bd {position:relative;display:none;}
.group-dir dl dd.selected .bd {display:block;padding:.25rem .1rem .25rem .5rem;}
.group-dir dl dd .bd .title { padding-left:.68rem;font-size: .373333rem;color: #6e6d6d;}
.group-dir dl dd .bd a{color:#3f3f3f;font-size:.28rem;line-height:.6rem;cursor:pointer;}
.group-dir dl dd .bd .ico-live{position:absolute; display:block; width:.48rem; height:.48rem; margin-top: .06rem; border-radius:50%; background-color:#ff5c38; background-image:url(../images/icon_live.png);webkit-animation:living .6s steps(6) infinite; animation:living .6s steps(6) infinite;}
@keyframes living {0% {background-position:0 0;}to {background-position:-108px 0;}}
.group-dir dl dd .bd .ico-live-no{width:.48rem;height:.48rem;background: url(../images/ico-live.png) no-repeat center;background-size: contain;position: absolute;margin-top:.06rem;}
.group-dir dl dd .bd .ico-live-end{width:.48rem;height:.48rem;background: url(../images/ico-live.png) no-repeat center;background-size: contain;position: absolute;margin-top:.06rem;opacity:0.8;filter:alpha(opacity=80);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.group-dir dl dd .bd .ico-vod{width:.48rem;height:.48rem;background: url(../images/ico-vod.png) no-repeat center;background-size: contain;position: absolute;margin-top:.06rem;}
.group-dir dl dd .bd .ico-paper{width:.48rem;height:.48rem;background: url(../images/ico-paper.png) no-repeat center;background-size: contain;position: absolute;margin-top:.06rem;}
.group-dir dl dd .bd span {color: #bbb;margin-left: 10px;font-size: .28rem;}
.group-dir dl dd .bd .free{color: #0cb95f;border: 1px solid;padding: 1px;line-height: 1;font-size: 12px;border-radius: 2px;margin-left: 4px;display: inline-block;vertical-align: 0;}
.group-dir dl dd .bd .live{color: #e85308;border: 1px solid;padding: 1px;line-height: 1;font-size: 12px;border-radius: 2px;margin-left: 4px;display: inline-block;vertical-align: 0;}

/*news*/
.news-det-con {padding:.42rem}
.news-det-con .title{line-height: 1rem;font-size: 0.68rem;color: #181818;font-weight:bold;background-color: #fff;}
.news-det-con .date{padding: .3rem 0; color: #7B7F83;font-size:.48rem;}
.news-det-con .date span{padding-right:.46rem;}
.news-det-con .date .from{color:#576b95}
.news-det-con .con{padding-top:.2rem;}
.news-det-con p{color: #181818;font-size:.48rem;line-height: 2em;padding-bottom:.62rem;}
.news-det-con .con img {max-width:100%;height:auto;_margin-left: -1rem;border-radius:6px;}
.news-det-con .con video {width:100%;border-radius:6px;}

/*course*/
.classify-left {width:2.4rem;height:100%;top:1.173333rem;position:fixed;text-align:center;background-color:#f8f8f8;}
.cat-list li {height:1.78rem;line-height:1.78rem;}
.cat-list li a {font-size:.36rem;color:#7d7e80;}
.cat-list .pick {background-color:#fff;}
.cat-list .pick a {border-left:.12rem solid #ff5c38;color:#000}
.classify-right {padding:1.2rem 0 0 2.4rem;}
.tab_content {display:none !important;}
.show {display:block !important;}
.tab_content .group {background-color:#fff;border-bottom:.18rem solid #f5f5f8;padding:.2rem;}
.tab_content .group img {width:100%;padding-bottom:.08rem;}
.tab_content .group ul{padding-top: .2rem;}
.tab_content .group li{float: left; width: 33%;text-align:center;padding-bottom: .38rem;}
.tab_content .group li .ico{margin: 0 auto;background-color: #f8f8f8;border-radius: 50%;width: 2rem;height: 2rem;line-height: 3rem;}
.tab_content .group li img{ width: 50%;}
.tab_content .group .title{display: block;margin-top: .12rem;font-size: .38rem;color: #3a3a3a;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.cl-title,.pcourse-tab,.tdbuy-c2 h5,.tdbuy-list,.tdbuy-title {border-bottom:1px solid #e6e6e6}
.cd-c1,.cd-c2,.cl-submenu,.cl-title,.vcl-list,.vl-list {background-color:#fff}
.cl-title {position:relative;z-index:11;height:.946667rem}
.cl-title .mask {top:2.106667rem}
.cl-menu&gt;li .cl-submenu,.cl-title .mask {display:none;opacity:0;-webkit-transition:opacity .52s ease;transition:opacity .52s ease}
.cl-menu&gt;li.active .cl-submenu,.cl-title.open .mask {display:block;opacity:1}
.cl-menu.cl-m1&gt;li {width:100%}
.cl-menu.cl-m2&gt;li {width:50%}
.cl-menu.cl-m3&gt;li {width:33.33333333%;text-align:center;}
.cl-menu.cl-m4&gt;li {width:25%}
.cl-menu&gt;li {float:left}
.cl-menuw {position:relative;display:inline-block;padding:.226667rem .32rem;overflow:hidden;font-size:.4rem;line-height:.48rem;color:#a4a4a4;-webkit-transition:color .56s ease;transition:color .56s ease}
.cl-menuw:after,.cl-menuw:before {position:absolute;right:0;width:0;height:0;overflow:hidden;border-top:.093333rem solid transparent;border-right:.093333rem solid transparent;border-left:.093333rem solid transparent;content:"";-webkit-transition:transform .52s ease;-webkit-transition:-webkit-transform .52s ease;transition:-webkit-transform .52s ease;transition:transform .52s ease;transition:transform .52s ease,-webkit-transform .52s ease}
.cl-menu&gt;li&gt;.cl-menuw:before {top:.426667rem;z-index:0;border-top-color:#a4a4a4}
.cl-menu&gt;li&gt;.cl-menuw:after {top:.4rem;z-index:1;border-top-color:#fff}
.cl-menu&gt;li.active&gt;.cl-menuw {color:#ff5c38}
.cl-menu&gt;li.active&gt;.cl-menuw:after,.cl-menu&gt;li.active&gt;.cl-menuw:before {-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.cl-menu&gt;li.active&gt;.cl-menuw:before {top:.426667rem;border-top-color:#ff5c38}
.cd1-labels,.cl-submenu p+p,.tdbuy-con {border-top:1px solid #f0f2f5}
.cl-menu&gt;li.active&gt;.cl-menuw:after {top:.453333rem}
.cl-submenu {position:absolute;top:.933333rem;left:0;z-index:12;width:100%;max-height:8.266667rem;overflow:hidden;overflow-y:auto}
.cl-submenu p {height:1.08rem;padding: .266667rem .52rem;margin: 0 .4rem;}
.cl-submenuw {display:block;height:.533333rem;padding:0 .266667rem 0 0;font-size:.373333rem;line-height:.533333rem;color:#a4a4a4}
.cl-submenu p.active .cl-submenuw,.cl-submenu p:hover .cl-submenuw,.cl-submenuw.active {color:#ff5c38;}
.cl-submenuw.active i {float:right;width:.52rem;height:.52rem;background-image:url(../images/icon.png);background-size:2.78rem;background-position:0 -.78rem;display:inline-block;margin-top:.02rem;}
.mActive {color:#ff5c38;}

/*æ´»åŠ¨*/
.huodong{ padding:.46rem .3rem;background: #fff;}
.huodong-banner img{ width:100%;}
.huodong-js{padding: 0;}
.huodong-js h3 {margin-bottom: .12rem;font-size: .38rem;color: #646464;}
.huodong-js p{text-indent: 2em;line-height:200%; font-size:.36rem; margin-bottom:.3rem; padding-bottom:.3rem;color: #666;}

/*user*/
.u-item {margin:.12rem 0 0;padding-top: 1.32rem;}
.u-item .umenu{position: relative;background-color: #f4f4f4;overflow: hidden;}
.u-item .details-tab li{float: left;width: 50%;background: #f5f5f5;}
.u-item .details-tab a {display:block;height:1rem;line-height:1rem;font-size:.38rem;color:#666;text-align:center;border-bottom:1px solid #ededed}
.u-item .details-tab .active a {color:#ff5c38;background-color: #fff;border-top: 1px solid #ededed;border-bottom: none;}
.login {background-color: #fff;}
.login .sm {padding: .8rem 0 0 0;background-color: #fff;font-size: .62rem;color: #222;text-align: center;}
.login .sm .bd {display: inline-block;background-image: url(../images/wixin-link.png);width: 5rem;height: 1.6rem;background-size: 5rem;background-repeat: no-repeat;}
.login .wx{padding: 2.2rem .6rem;background-color: #fff;font-size: .62rem;color: #222;text-align: center;}
.login .wx .bd {display: inline-block;background-image: url(../images/weixin-login.png);width: 3rem;height: 3rem;background-size: 3rem;background-repeat: no-repeat;}
.login .wx p{text-align: center;font-size: .46rem;color: #222;padding-bottom: .5rem;}
.login .xdd{padding: .5rem 0 1.2rem 0;background-color: #fff;font-size: .62rem;color: #222;text-align: center;}
.login .xdd .bd {display: inline-block;background-image: url(../images/logo_login.png);width: 3rem;height: 3rem;background-size: 3rem;background-repeat: no-repeat;}

/*info*/
.info{padding: 2.32rem 0;font-size:.62rem;color:#222;text-align: center;background-color: #fff;}
.info .success {display:inline-block;background-image: url(../images/success.png);width:2.6rem;height:2.6rem;background-size:2.6rem;background-repeat: no-repeat;}
.info .warning {display:inline-block;background-image: url(../images/warning.png);width:2.6rem;height:2.6rem;background-size:2.6rem;background-repeat: no-repeat;}
.info .fail {display:inline-block;background-image: url(../images/fail.png);width:2.6rem;height:2.6rem;background-size:2.6rem;background-repeat: no-repeat;}
.info .welcome {display:inline-block;background-image: url(../images/welcome.png);width:2.8rem;height:2.8rem;background-size:2.8rem;background-repeat: no-repeat;}
.info .headim{width:2.6rem;border-radius:50%;}
.info p{text-align:center;padding: .3rem 0 .2rem;font-size: .48rem;}
.info .sm{font-size:0.37333rem;color:#999;padding-bottom:.4rem;}
.info .hp-btn span{font-size:.32rem;}

.i-base-form {padding:1rem .6rem 3rem .6rem;}
.i-base-form .hp-input {padding-bottom: .68rem;position: relative;}
.hp-input input {width: 100%;padding: .3rem .9rem;border-radius: 3px;border: 1px solid #e5e5e5;font-size: .32rem;line-height: .4rem;}
.hp-input i.hp-input-icon {position: absolute;width:.35rem;height:.4rem;top:.3rem;left:.3rem;}
.hp-input i.icon-input-username{background:url(../images/login_01.png) no-repeat;background-size: contain;}
.hp-input i.icon-input-password{background:url(../images/login_03.png) no-repeat;background-size: contain;}
.hp-input i.icon-input-mobile{background:url(../images/login_05.png) no-repeat;background-size: contain;}
.hp-input i.icon-input-code{background:url(../images/login_07.png) no-repeat;background-size: contain;}
.hp-input i.icon-input-username{background:url(../images/login_01.png) no-repeat;background-size: contain;}
.hp-input .hp-err-tips {position: absolute;display: none;left: 0;font-size: .32rem;color: #ff615b;}
.hp-input .focus {border-color: #ff615b;background-color: #ffeef0;}
.hp-input input:focus {border-color: #ff615b;background-color: #ffeef0;}
.hp-code{width:52%!important;}
.hp-dtm-get {height:1.04rem;line-height:1.04rem;width:40%;border:1px solid #ff5c38;color:#ff5c38;background:#fff;border-radius:3px;cursor:pointer;}
.hp-btn-half {display:block;float:right;width:45%!important;height:1.04rem;line-height:1.04rem;text-align:center;font-size: .28rem;}
.hp-disabled {border:1px solid #bbb;cursor:default;background:#ccc;color:#000;}
.hp-btn {display: block;width: 100%;height: 1.2rem;line-height: 1.2rem;border: 0;border-radius: 3px;color: #fff;font-size: .48rem;cursor: pointer;background-color: #ff5c38;margin-top: .32rem;}
.hp-btn-grey{background: #b4b4b4;}
.hp-label-action {padding-bottom: .62rem;}
.hp-label-action a {float: right;color: grey;font-size: .38rem; padding-left:.48rem}
.hp-label-action .register{color: #ff5c38;}
.hp-third-login {padding: .6rem 0;}
.hp-third-login a {display: block;float: left;width: 33%;text-align: center;color: #bbb;}
.hp-third-login a p {width: 1.58rem;height: 1.58rem;border-radius: 1rem;margin: 0 auto;border: 1px solid #ddd;}
.hp-third-login .hp-icon-weixin {position: absolute;background-image: url(../images/icon-weixin.png);background-size:.81rem;width:.8rem;height:.78rem;margin: .4rem;}
.hp-third-login .hp-icon-qq {position: absolute;background-image: url(../images/icon-qq.png);background-size:.8rem;width:.78rem;height:.72rem;margin: .4rem;}
.hp-third-login .hp-icon-weibo {position: absolute;background-image: url(../images/icon-weibo.png);background-size:.8rem;width:.78rem;height:.78rem;margin: .4rem;}
.hp-third-login a .hp-name {height: .6rem;line-height: .6rem;}
.baoming {padding:.8rem 0 .5rem 0;background-color:#fff;font-size:.62rem;color:#222;text-align: center;}
.baoming .success {display:inline-block;background-image: url(../images/success.png);width:2.6rem;height:2.6rem;background-size:2.6rem;background-repeat: no-repeat;}
.baoming .fail {display:inline-block;background-image: url(../images/fail.png);width:2.6rem;height:2.6rem;background-size:2.6rem;background-repeat: no-repeat;}
.baoming .xdd {display:inline-block;background-image: url(../images/xdd.png);width:2.6rem;height:2.6rem;background-size:2.6rem;background-repeat: no-repeat;}
.baoming .search {display:inline-block;background-image: url(../images/search.png);width:2.6rem;height:2.6rem;background-size:2.6rem;background-repeat: no-repeat;}
.baoming p{text-align: center;}
.form-info{background-color:#fff;height: 1.6rem;border-bottom: 1px solid #e6e6e6;}
.form-info .label {display: inline-block;width: 20%;height: 1.6rem;line-height: 1.6rem;font-size: .42rem;text-indent: .4rem;float:left;}
.form-info p {display: inline-block;height: 1.6rem;line-height: 1.6rem;font-size: .42rem;text-indent: 1.8rem;}
.form-info p span{ color:#F00; font-size:.68rem;}
.form-info p span em{font-size:.48rem; padding-right:.12rem;}
.form-info p span i{font-size: .38rem;padding-left: .38rem;color: #C0C0C0;font-style: normal;}
.form-info p span b{font-size: .68rem;color: #f00;font-style: normal;}
.form-info input {overflow: hidden;border: 0;width: 80%;height: 1.5rem;line-height: 1.5rem;font-size: .42rem;}
.btn-group {padding: 0 .28rem;}
.btn-group .btn {width: 100%;height: 1.2rem;background: #23b8ff;border-radius: 4px;font-size: .48rem;color: #FFF;border: 0; margin-top: .12rem;}
.form-info .radio{overflow: hidden;border: 0;width: 80%;height: 1.5rem;line-height: 1.5rem;font-size: .42rem; color:#666}
.form-info .radio label{padding-right: .6rem;}
.radio-la,.checkbox-la {display:none;}
.radio-la+label,.checkbox-la+label {position:relative;display:inline-block;text-indent:.8rem;}
.select-association-list .radio-la+label {width:100%;}
.radio-la+label:before,.checkbox-la+label:before {content:"";width:.6rem;height:.6rem;position:absolute;background-image:url(../images/icon-select.png);background-size:1.36rem;background-position:.6rem 0;top:.5rem;left:0;}
.radio-la:checked+label:before {background-position:0}


/*my*/
.my-item {margin:.12rem 0 0;padding-top: 1.173333rem;}
.my-item .sm {padding: .8rem;background-color: #fff;font-size: .62rem;color: #222;text-align: center;}
.my-item .sm .bd {display: inline-block;background-image: url(../images/wixin-link.png);width: 5rem;height: 1.6rem;background-size: 5rem;background-repeat: no-repeat;}
.my-item .p{padding-bottom: .4rem;background-color: #fff; text-align: center; font-size: .38rem}
.user{position:relative;padding:0.3rem;background:#fff;display: flex;}
.head-hd{position:relative;width:1.68rem;height:1.68rem;}
.head-hd a{display: block;}
.head-hd a img{width:1.68rem;height:1.68rem;border-radius: 50%;}
.head-hd span{display:block;position:absolute;left:0.1rem;bottom:0;width:1.5rem;height:0.45rem;}
.head-hd .dr1{background:url(../my/images/dr1.png) no-repeat;background-size:contain}
.head-hd .dr2{background:url(../my/images/dr2.png) no-repeat;background-size:contain}
.head-hd .dr3{background:url(../my/images/dr3.png) no-repeat;background-size:contain}
.user .profile{margin-left:0.4rem;line-height: 100%;}
.profile .u_name{ color:#2b3032;font-size: 0.48rem;line-height: 200%;}
.u_name .gender {display: inline-block;width: 12px;height: 12px;background: url(../my/images/sex1.png) no-repeat center center;margin-left: .2rem;}
.u_name .gender2 {background: url(../my/images/sex2.png) no-repeat center center;}
.u_name .level-icon {margin-left: 6px;display: inline-block;width: 22px;height: 11px;background: url(../my/images/level.png) no-repeat;background-position:0%;}
.u_name .level-icon0 {background-position: 0 -0px;}
.u_name .level-icon1 {background-position: 0 -11px;}
.u_name .level-icon2 {background-position: 0 -22px;}
.u_name .level-icon3 {background-position: 0 -33px;}
.profile .num{color:#626466;font-size: 0.36rem;line-height: 200%;}
.num span{color:#626466; padding-right:.6rem;}
.num em{color:#ff8070;padding-left:.12rem;}
.profile .ta_focus{font-size: 0;line-height: 0;}
.ta_focus a{display: inline-block;margin-right:0.4rem;width:1.1rem;border:1px solid #ff8070;border-radius:2px;overflow: hidden;}
.ta_focus a span{display: block;height:0.36rem;line-height:0.36rem;font-size: 0.26rem;text-align:center;color:#ff705e;border-style:solid;border-color:#fff;border-width:thin 0 0 thin;background:#fff2f0;border-radius:2px;}
.ta_focus a i.t_j{margin:0 0.1rem 0 0.01rem;padding:0.12rem;background:url(../my/images/t_j.png) center no-repeat;background-size: contain;}
.ta_focus a i.t_s{margin:0 0.1rem 0 0.01rem;padding:0.14rem 0.12rem;background:url(images/send.png) center no-repeat;background-size: contain;}
.logout{ margin:.3rem;}
.btn-logout {display: block;width: 100%;height: 1.2rem;line-height: 1.2rem;border: 0;border-radius: 3px;color: #fff;font-size: .48rem;cursor: pointer;background-color: #ff5c38;}
/*æŒ‚ä»¶*/
.user .headPendant{position: absolute;display:block;top:0;left:0;width:1.7rem;height:1.9rem;z-index: 100;background-size:contain;background-repeat: no-repeat;}
.user .appEnter{position: absolute;top:-0.3rem;left:1.4rem;display: block;width:2.8rem;height:0.7rem;z-index: 100;background-size:contain;background-repeat: no-repeat;}
.setbtn{display: block;position: absolute;top:0.4rem;right:0.4rem;width:0.6rem;height:0.6rem;background:url(../my/images/setbtn.png) no-repeat;background-size: contain;text-indent: -99rem;}
.myhome_list{margin-top:0.3rem; padding-left: 0.3rem;background:#fff;border-bottom:thin solid #e6e6e6;}
.myhome_list li{position:relative;height:1.36rem;border-bottom:thin solid #e6e6e6;line-height: 100%;}
.myhome_list li:last-child{border-bottom:none;}
.myhome_list li a{display:block;color:#2b3032;font-size:0.42rem;vertical-align: middle;line-height: 1.36rem;}
.myhome_list li .arrow{content:"";position: absolute;top:0.55rem;right:0.3rem;width:0.3rem;height:0.3rem;border-color:#ccc;border-style:solid;border-width:1px 1px 0 0;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.myhome_list a span{width:0.8rem;height:0.72rem;display:block;float:left;margin:0.36rem 0.2rem 0 0.1rem;background:url(../my/images/icon-my.png) center top no-repeat;background-size:1.3rem;}
.myhome_list span.l_icon1{background-position: -0.25rem 0;}
.myhome_list span.l_icon2{background-position: -0.25rem -1.3rem;}
.myhome_list span.l_icon3{background-position: -0.25rem -2.62rem;}
.myhome_list span.l_icon4{background-position: -0.25rem -3.96rem;}
.myhome_list span.l_icon5{background-position: -0.25rem -5.28rem;}
.myhome_list span.l_icon6{background-position: -0.25rem -6.62rem;}
.myhome_list span.l_icon7{background-position: -0.25rem -7.98rem;}
.myhome_list span.l_icon8{background-position: -0.25rem -9.3rem;}

.myhome_list li .bd{float: right;margin: -.92rem .8rem;}
.myhome_list li .bd em{float: left;width:.58rem;height:.58rem;background:url(../my/images/icon-bd.png) center top no-repeat;background-size:2.5rem;}
.myhome_list li .bd em.mobile{background-position: .1rem 0;}
.myhome_list li .bd em.weixin{background-position: -.55rem 0;}
.myhome_list li .bd em.qq{background-position: -1.25rem 0;}
.myhome_list li .bd em.email{background-position: -1.94rem 0;}

/*è´¦æˆ·å®‰å…¨*/
.account ul{padding:0 0.2rem;margin-bottom:0.2rem;background:#fff;border-bottom:thin solid #e6e6e6;border-top:thin solid #e6e6e6;color:#2b3032;font-size: 0.42rem;}
.account ul:first-child{border-top:none;}
.account li{height:1.42rem;border-bottom:thin solid #e6e6e6;line-height: 1.42rem;overflow: hidden;}
.account li em{color:#999;}
.account li a{position:relative;display: block;width:100%;height:1rem;color:#2b3032;}
.account li a .arrow{content:"";position: absolute;top:0.55rem;right:0.1rem;width:0.3rem;height:0.3rem;border-color:#ccc;border-style:solid;border-width:1px 1px 0 0;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.account  ul li:last-child{border:none;}
.user_name{border-top:none;}
.account a .fr{padding-right:0.5rem;width: 7rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: right;}
.account a .fr i{font-style:normal;font-size:0.32rem;color:#999;padding-right:.28rem}
/*ä¿®æ”¹å¯†ç&nbsp;*/
.psw_form{}
.psw_form .rz_tips {padding: 0 0.2rem;height: 0.74rem;line-height: 0.74rem;color: #626466;font-size: 0.32rem;}
.psw_form .input_data{position:relative;padding:0 0.2rem;margin-top:0.2rem;height:1.42rem;line-height: 1.42rem;border-top:thin solid #e6e6e6;border-bottom:thin solid #e6e6e6;font-size:0.42rem;background:#fff;}
.input_data label{display:block;float:left;width:2.6rem;}
.psw_form .text{padding:0 0.2rem;margin-top:0.2rem;border-top:thin solid #e6e6e6;border-bottom:thin solid #e6e6e6;background:#fff;}
.text textarea{width:100%;margin: .2rem 0;padding: .2rem;border: none;color: #666;}
.input_data .txt{display:block;float:left;height:1rem;color:#2b3032;width:60%;border:none;margin:0.2rem 0;padding:0;font-size: 0.42rem;}
.input_data .del_psw{display:block;position: absolute;top:0.37rem;right:0.4rem;width:0.3rem;height:0.3rem;background:url(../images/del_name.png) no-repeat;background-size: contain;}
.psw_form .error_txt{padding:.2rem;overflow: hidden;height:0.8rem;line-height: 0.8rem;width: 100%;}
.error_txt .psw_error{color:#fc3030;font-size: 0.38rem;}
/*è®¢å•æäº¤*/
.order_form{margin-top: .28rem;}
.order_form .rz_tips {padding: 0 0.2rem;height: 0.74rem;line-height: 0.74rem;color: #626466;font-size: 0.32rem;}
.order_form .input_data{position:relative;padding:0 0.2rem;height:1.1rem;line-height: 1.1rem;font-size:0.38rem;background:#fff;}
.input_data label{display:block;float:left;width:2.6rem;color:#666;}
.order_form .text{padding:0 0.2rem;margin-top:0.2rem;border-top:thin solid #e6e6e6;border-bottom:thin solid #e6e6e6;background:#fff;}
.text textarea{width:100%;margin: .2rem 0;padding: .2rem;border: none;color: #666;}
.order_form .txt{display:block;float:left;height:1rem;color:#2b3032;width:60%;border:none;margin:0.05rem 0;padding:0;font-size: 0.38rem;}
.order_form .del_psw{display:block;position: absolute;top:0.37rem;right:0.4rem;width:0.3rem;height:0.3rem;background:url(../images/del_name.png) no-repeat;background-size: contain;}
.psw_form .error_txt{padding:.2rem;overflow: hidden;height:0.8rem;line-height: 0.8rem;width: 100%;}
.error_txt .psw_error{color:#fc3030;font-size: 0.38rem;}

/*æˆ‘çš„æ¶ˆæ¯*/
.msg{}
.msg li{height: 1.68rem;padding:.3rem;margin-bottom:.2rem;background:#fff;border-bottom:thin solid #e6e6e6;border-top:thin solid #e6e6e6;}
.msg li a {color: #797979;display: block;}
.msg li .icon {position: relative;margin-right: 0.3rem;width: 1rem;height:1.1rem;line-height: 100%;background-image: url(../images/icon-msg.png);background-repeat: no-repeat;background-size: 1rem;}
.msg li .icon-msg1{background-position: 0 -1.44rem;}
.msg li .icon-msg2{background-position: 0 -2.89rem;}
.msg li .icon-msg3{background-position: 0 -4.32rem;}
.msg li .icon-msg4{background-position: 0 -5.80rem;}
.msg li .icon-msg5{background-position: 0 -7.22rem;}
.msg li .icon .num {position: absolute;right: .05rem;background: #ff8070;padding: .04rem .08rem;color: #fff;line-height: 0.22rem;border-radius: 0.2rem;font-size: 0.24rem;}
.msg li .txt {width: 80%;font-size: 0.3rem;}
.txt .name{display:block;width:4rem;color:#2b3032;font-size: 0.42rem;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.txt .info{display:block;color:#2b3032;font-size: 0.36rem; padding-bottom:.12rem;}
.txt p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.msg li a .arrow{content:"";position: absolute;right:0.4rem;width:0.4rem;height:0.4rem;margin-top:.28rem;border-color:#ccc;border-style:solid;border-width:1px 1px 0 0;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
/*å­¦ä¹&nbsp;è®°å½•*/
.log li{height: 1.68rem;padding:.3rem;background:#fff;border-bottom:thin solid #e6e6e6;}
.log li .icon {position: relative;margin-right: 0.3rem;width: 1rem;height:1.1rem;line-height: 100%;background-image: url(../images/icon-log.png);background-repeat: no-repeat;background-size: 1rem;}
.log li .icon1{background-position: 0 .06rem;}
.log li .icon2{background-position: 0 -1.4rem;}
.log li .icon3{background-position: 0 -2.84rem;}
.log li .icon4{background-position: 0 -4.31rem;}
.log li .icon5{background-position: 0 -5.76rem;}
.log li .icon6{background-position: 0 -7.2rem;}
.log li .icon7{background-position: 0 -8.7rem;}
.log li .txt {width: 85%;font-size: 0.32rem; color:#999;}
.log li .txt .name{width:4rem;color:#2b3032;font-size: 0.42rem;}
.log li .txt .info{color:#2b3032;font-size: 0.36rem; padding-bottom:.12rem;}
.log li .txt .class{ margin-bottom: .12rem;}
.log li .txt .title{color: #2b3032;}
.log li a .arrow{content:"";position: absolute;right:0.4rem;width:0.4rem;height:0.4rem;margin-top:.28rem;border-color:#ccc;border-style:solid;border-width:1px 1px 0 0;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

/*äº‘è¯¾å&nbsp;‚ æˆ‘è¦æé—®*/
.ask{}
.ask .subject{padding:0 0.2rem;margin-top:0.2rem;height:1.42rem;line-height: 1.42rem;border-top:thin solid #e6e6e6;border-bottom:thin solid #e6e6e6;font-size:0.42rem;background:#fff;}
.ask .subject label{display: initial;padding-right:.2rem;}
.ask .text{padding:0 0.2rem;margin-top:0.2rem;border-top:thin solid #e6e6e6;border-bottom:thin solid #e6e6e6;background:#fff;}
.ask .text textarea{width:100%;margin: .2rem 0;padding: .2rem;border: none;color: #666;}
.ask .ul_pics{margin: .5rem 0 0 .3rem;display: inline-flex;}
.ask .ul_pics li{list-style: none;display: inline-flex; border:1px solid #ddd;padding:.12rem;margin-right: .12rem;}
.ask .ul_pics li img{width:1.88rem;height:1.88rem;}
.ask .btn-b{display: inline-flex;border:1px dashed #ddd;padding:.1rem;background-color: #f9f9f9;margin-top: .5rem;}
.ask .btn-b img{width:1.88rem;height: 1.88rem;}
.ask p{margin: .5rem;font-size: .36rem;color:#e85308}

.ask .btn{margin: .32rem 0;line-height:1.2rem;}
.ask .btn .left {border-radius:.6rem 0 0 .6rem;font-size:.38rem;padding:.24rem .6rem;}
.ask .btn .middle {font-size:.38rem;padding:.24rem .6rem;}
.ask .btn .right {border-radius:0 .6rem .6rem 0;font-size:.38rem;padding:.24rem .6rem;}
.layui-bg-1{background-color: #48FF2F!important;}
.layui-bg-2{background-color: #48FF2F!important;}
.layui-bg-3{background-color: #ABE932!important;}
.layui-bg-4{background-color: #ABE932!important;}
.layui-bg-5{background-color: #E9DE32!important;}
.layui-bg-6{background-color: #E9DE32!important;}
.layui-bg-7{background-color: #E9AB32!important;}
.layui-bg-9{background-color: #FF9036!important;}
.layui-bg-9{background-color: #FF9036!important;}
.layui-bg-10{background-color: #48FF2F!important;}

/*ad*/
.img1{margin-bottom: -0.04rem;background:#fffcf7;}
.vodad{background:#fffcf7;}
.vodad h1{color:#fff;font-size: .48rem;font-weight: 600;text-align:center;line-height: 1.8rem;}
.vodad .vod{padding-bottom: .8rem;}

</pre></body></html>