*, :after, :before { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box }
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input { margin: 0; padding: 0; border: 0 }
body { margin: 0 auto; font-family: PingFangSC-Regular, Hiragino Sans GB, sans-serif; width: 7.5rem; background: #fff; position: relative; }
table { border-collapse: collapse; border-spacing: 0 }
html, body { -webkit-tap-highlight-color: transparent; margin: 0 auto; height: 100%; }
input[type="button"], input[type="submit"], input[type="reset"], input[type="date"], input[type="text"] { -webkit-appearance: none; }
fieldset, img { border: 0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal }
ol, ul { list-style: none }
a { color: #333; text-decoration: none; }
caption, th { text-align: left }
/* 首页 */
.banner { width: 7.1rem; height: 1.68rem; margin: 1rem 0.2rem 0.2rem 0.2rem; }
.vux-swiper { height: 1.82rem !important; }
.hostmovie { width: 100%; background: #fff; padding-bottom: .2rem; }
.hostmovie-title, .beonmovie-title, .topmonth-title { padding: 0 .2rem; height: .8rem; line-height: .8rem; font-size: .28rem; color: #2B2B2B; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.hostmovie-title span, .beonmovie-title span { display: block; }
.hostmovie-title span em:before, .beonmovie-title span em:before { content: '\e635'; color: #2b2b2b; }
.hostmovie-detail, .beonmovie-detail { margin: 0 0 0rem 0rem; width: 7.4rem; overflow-x: scroll; overflow-y: hidden; position: relative; padding-bottom: .35rem; border-bottom: 1px solid #eee; }
.hostmovie-detail-con, .beonmovie-detail-con { width: 2000%; }
.hostmovie-detail .list, .beonmovie-list { position: relative !important; float: left; width: 1.6rem !important; margin-left: .12rem; height: 3.4rem !important; text-align: center; }
.hostmovie-detail .list img, .beonmovie-list .beonmovie-img { display: block; width: 1.6rem; height: 2.16rem; }
.hostmovie-detail .list span, .beonmovie-list span { display: block; width: 1.6rem; font-size: .28rem; color: #2B2B2B; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin: .12rem 0; }
/* .hostmovie-detail .list a{
display: block;
width: .96rem;
height: .48rem;
border-radius: 15px;
text-align: center;
line-height: .48rem;
font-size: .24rem;
color: #fff;
background: ;
margin: 0 auto;
} */
.beonmovie-list p { font-size: .24rem; color: #999999; }
.beonmovie { margin: .1rem 0 1rem 0; }
.topmonth { width: 100%; }
.topmonth-con { position: relative; margin: 0 auto; width: 7.1rem; height: 4.5rem; border: 1px solid #eee; border-radius: 5px; }
.topmonth-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 1.12rem; }
.topmonth-list:nth-child(1) { margin-top: .32rem; }
.jpai { display: block; width: .48rem; height: .56rem; margin: 0 .32rem 0 .48rem; }
.mxheard { display: block; width: .8rem; height: .8rem; border-radius: 50%; }
.mxname { display: block; text-align: center; width: 2.6rem; }
.mxname span { font-size: .28rem; color: #2B2B2B; }
.aixin { display: block; width: .5rem; height: auto; margin-right: .6rem; }
.topmonth-list .ps { font-size: .28rem; color: ; }
.topmonth-ts { display: block; width: 100%; text-align: center; font-size: .24rem; color: #2B2B2B; margin-top: .16rem; }
.beonmovie-love { position: absolute; top: 0; right: 0; width: .5rem; height: .5rem; background: url(../img/up0.png); background-size: .5rem .5rem; }
.beonmovie-love2 { position: absolute; top: 0; right: 0; width: .5rem; height: .5rem; background: url(../img/up1.png); background-size: .5rem .5rem; }
.qian { display: block; margin-left: .2rem; width: .48rem; height: .44rem; background: url(../img/qdimg.png); background-size: .48rem .44rem; }
.cf::after, .cf::before { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }
.biglogo { padding: .9rem 0; text-align: center; width: 2.59rem; margin: 0 auto; text-align: center; height: .83rem; }
.biglogo img { width: 100%; }
.login_box { width: 100%; }
.dl { color: #666666; font-size: .26rem; width: 6.9rem; padding: 0 .3rem; margin-bottom: .23rem; height: .3rem; line-height: .3rem; }
.box { background: #fff none repeat scroll 0 0; width: 100%; }
.inputs { overflow: hidden; }
.inputs span { float: left; padding: .32rem 0; }
/* .box .inputs:first-child span:last-child {
border-bottom: 1px solid #eee;
} */
[data-dpr="2"] .box .inputs:first-child span:last-child { border-bottom: .5px solid #eee; }
.inputs span:first-child img { width: .41rem; height: .28rem; }
.inputs span:first-child { margin-left: 0.36rem; }
.inputs span:last-child { width: 92%; height: 1.3rem; line-height: .3rem; padding: .22rem 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.inputs span:last-child input { border: medium none; width: 100%; outline: none; -webkit-outline: none; }
.inputs span input { font-size: .3rem; }
input[type="button"], input[type="submit"], input[type="reset"], input[type="tel"], input[type="password"] { -webkit-appearance: none; }
.qt { width: 92%; margin: .15rem auto; overflow: hidden; }
.qt span { display: inline-block; float: left; color: ; font-size: .3rem; width: 50%; height: 30px; line-height: 30px; }
.qt span a { color: ; text-decoration: none; font-size: .3rem; }
.qt .ps { display: inline-block; float: right; text-align: right; }
.line { height: 1px; background: #b5b5b5; width: 6.9rem; margin: 0 auto .1rem; position: relative; }
[data-dpr="2"] .line { height: .5px; }
.three { position: absolute; left: 50%; font-size: .26rem; color: #999999; top: -.2rem; width: 2rem; background: #f6f6f6; margin-left: -1rem; text-align: center; }
.logos { width: 100%; text-align: center; margin: .3rem auto 0; overflow: hidden; }
.logos span { width: .62rem; height: .62rem; display: inline-block; margin: 0 .3rem; }
.logos span img { width: .62rem; height: .62rem; }
.navlogin { width: 100%; height: .9rem; background: #FFF; overflow: hidden; margin: 0 0 0.25rem 0; border-bottom: solid 1px #eee; }
.navlogin span { float: left; width: 50%; text-align: center; line-height: .9rem; position: relative; font-size: .26rem; }
.navlogin .now { color: ; }
.navlogin em { width: 95%; left: 2.5%; position: absolute; bottom: 0; height: 2px; background: ; font-size: 0; line-height: 0; display: none; }
.navlogin .now em { display: block; }
.huoqu { border: 1px solid #658077; border-radius: 5px; color:#333 ; font-size: 0.2rem; font-weight: normal; height: 0.56rem; line-height: 0.56rem; padding: 0 0.14rem; position: absolute; right: 0; text-align: center; text-decoration: none; top: 0.35rem; }
.yanz { color: #999 !important; border: 1px solid #999 !important; }
.codeRequesting { border: solid 1px #CCC; color: #ccc }
.ts { display: none; position: fixed; bottom: 50px; color: #FFF; background-color: #323232; width: 250px; text-align: center; left: 50%; height: 32px; line-height: 32px; -moz-border-radius: 5px;     /* Gecko browsers */ -webkit-border-radius: 5px;     /* Webkit browsers */ border-radius: 5px;     /* W3C syntax */ box-shadow: 0px 0px 8px #b7b7b7; z-index: 9999; font-size: 16px; margin: 0 0 0 -125px; }
/* 新首页的电影 */
.mitem { position: relative; padding: 10px;background: #fff;width:7.1rem;border-radius:8px;margin:0.2rem;}
.navbar { height: 42px; top: 0; background: #fff; position: fixed; width: 100%; z-index: 99; }
.subnav { height: 42px; -webkit-box-pack: justify; justify-content: space-between; align-items: center; display: -webkit-flex; display: flex; -webkit-box-align: center; line-height: 42px; }
.menu { height: 42px; line-height: 42px; display: -webkit-flex; display: flex; position: relative; justify-content: space-around; width: 3.6rem; font-size: 14px; }
.menu .cur { color:#658077;}
.menu span { color: #989898; }
.menu .move { content: ""; display: block; position: absolute; bottom: 1px; width: 20px; width: 5.33333vw; border-radius: 1px; height: 3px; background-color: #658077; -webkit-transition: left .2s; transition: left .2s; left: 0.7rem; }
.menu .move2 { content: ""; display: block; position: absolute; bottom: 1px; width: 20px; width: 5.33333vw; border-radius: 1px; height: 3px; background-color: #658077; -webkit-transition: left .2s; transition: left .2s; left: 2.5rem; }
.info1 { -webkit-box-pack: justify; justify-content: space-between; align-items: center; display: -webkit-flex; display: flex; -webkit-box-align: center; }
.showing { margin-top:0.2rem; display: inline-block;padding-top: 0.2rem;}
.beian { height: 65px; text-align: center; font-size: 12px; }
@media(max-width:768px) {
.beian { height: 15px; }
}
.pic { -webkit-box-align: center; align-items: center; display: -webkit-flex; display: flex; position: relative; }
.pic img { width: 64px; height: 90px; border-radius: 5px; }
.play { position: absolute; left: 38%; top: 38%; background-image: url(../img/play01.png); z-index: 9999; background-size: 100%; width: 20px; height: 20px; }
.content1 { display: -webkit-flex; display: block; position: relative; width: 4.72rem; padding-left: 0.24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.title { display: -webkit-box; display: flex; overflow: hidden; }
.lbl { color: #FFF; display: inline-block; padding: 0 3px; background-color: #afafaf; border-radius: 2px 0 0 2px; float: left; }
.lbl1 { display: inline-block; padding: 0 3px; border: solid 1px #afafaf; border-radius: 0 2px 2px 0; line-height: 13px; border-left: none; float: left; }
.title .showname { font-size: 16px; font-weight: 700; flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; max-width: 100%; }
.title .tag { display: inline-block; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; color: #afafaf; background-color: transparent; font-size: 12px; font-style: normal; white-space: nowrap; height: 15px; line-height: 15px; position: relative; padding: 0; font-style: normal; margin: 4px 0 0 6px; }
.title .tag { display: block; flex: 0 0 auto; float: left; }
.content1 .txt1 { font-size: 13px; padding: 0.06rem 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.content1 .color1 { color: #aaa; }
.buy { border: 0; display: inline-block; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; color: #fff; background-color: transparent; box-sizing: border-box; height: 28px; line-height: 28px; padding: 0 13px; font-size: 12px; border-radius: 120px; }
.btn01 { background-image: linear-gradient(45deg, , ) }
.btn02 { background-image: linear-gradient(45deg, #62acef, #62acef) }
.btn03 { background-image: linear-gradient(45deg, #f4db8b, #f4db8b) }
.btn1 { display: -webkit-flex; display: flex; position: relative; justify-content: space-around; width: 1rem; }
.group-date { margin-top: 10px; margin-left:12px;}
.group-date span { color: #666; }
.group-date .txt2 { font-size: 18px; font-weight: 700; padding-right: 5px; color: #333; }
/* 新首页的电影 */
/* 电影列表页 */
nav { height: 0.67rem; background: #fff; width: 7.5rem; border-bottom: solid 1px #e2e2e2; border-top: solid 1px #e2e2e2; margin: 1rem 0 0 0; }
.navgation { width: 5.4rem; margin: 0 auto; position: relative; }
.navgation span { display: inline-block; text-align: center; width: 2.7rem; font-size: 0.28rem; color: #a0a0a0; height: 0.67rem;     /*height: .82rem;*/ line-height: 0.67rem; }
.navgation .cur { color: ; }
.navgation i { width: 2.7rem; position: absolut; height: 0.06rem; background: ; left: 0; bottom: -1px; }
.navgation .move { left: 2.7rem; transition: left 1s; -moz-transition: left 1s;     /* Firefox 4 */ -webkit-transition: left 1s;     /* Safari 和 Chrome */ -o-transition: left 1s; }
.navgation .move2 { left: 0; transition: left 2s; -moz-transition: left 1s;     /* Firefox 4 */ -webkit-transition: left 1s;     /* Safari 和 Chrome */ -o-transition: left 1s; }
.swiper-container { width: 100%; }
.swiper-slide { -webkit-box-sizing: border-box; box-sizing: border-box; }
.parallax-bg { position: absolute; left: 0; top: 0; width: 130%; height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center; }
.swiper-slide .title { font-size: 41px; font-weight: 300; }
.swiper-slide .subtitle { font-size: 21px; }
.swiper-slide .text { font-size: 14px; max-width: 400px; line-height: 1.3; }
.swiper-container { margin: 0 }
.adpic, .adpic img { width: 100%; }
.hotlive { margin: 0 0.2rem; overflow: scroll; -webkit-overflow-scrolling: touch; }
.hotlive li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: solid 1px #eee; -webkit-flex-wrap: wrap;     /* Safari */ flex-wrap: wrap; }
.hostcon { display: -webkit-flex; display: flex; padding: 0.2rem 0; }
.hotliveav { position: relative; height: .8rem; width: 100%; border-top: 1px solid #eee; }
.hotliveav a { position: relative; height: .8rem; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.hotliveav img { display: block; width: .32rem; height: .32rem; margin-right: .2rem; }
.hotliveav span { display: block; font-size: .28rem; color: ; }
.hotliveav p { position: absolute; right: 0; font-size: .3rem; color: #999; }
.mphoto { overflow: hidden;position: relative;padding: 0.2rem;}
.mphoto img { width: 64px; height: 90px; border-radius: 5px; }
.m_text { width: 5.15rem; margin: 0 0 0 0.2rem; }
.m_text h2 { font-size: .28rem; color: #333; font-weight: normal; overflow: hidden; margin: 0.2rem 0 }
.m_text h2 font { float: left; height: .35rem; + line-height: .35rem; display: inline-block; max-width: 65%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.m_text h2 .yh { display: inline-block;     /* width: 1.2rem; */     /* height: .4rem; */
line-height: .5rem; padding: 0 .1rem; text-align: center; color: #fff; background: red; font-size: .24rem; border-radius: 4px; margin-left: .2rem; }
.m_text h2 .fs font { overflow: visible; }
.movie-style { float: left; height: .28rem; margin-left: .2rem; }
.movie-style em { padding: 0 .1rem; background: #999; font-size: .2rem; color: #fff; border-radius: 50px; }
.movie-style span { padding: 0 .1rem; background: #888; font-size: .2rem; color: #fff; position: relative; }
.m_text h3 { display: block; font-weight: normal; font-size: .28rem; color: ; margin-bottom: .2rem; }
.movietype { border: 1px #4b3200 solid; border-radius: 3px; height: .28rem; line-height: .28rem; width: .90rem; overflow: hidden; float: left; margin-left: .1rem; }
.movietype em { display: inline-block; height: .3rem; line-height: .3rem; float: left; }
.movietype .movie3D { background: #4b3200; text-align: center; font-size: .18rem; color: #fff; width: .34rem; font-family: Arial, Helvetica, sans-serif; }
.movietype .movieIMAX { text-align: center; color: #4b3200; font-size: .18rem; width: .56rem; font-family: Arial, Helvetica, sans-serif; }
.fs { float: right; font-size: .2rem; color:  }
.fs font { font-size: .32rem; margin: 0 0.05rem 0 0; }
.m_text { position: relative; }
.m_text p { margin: 0 0 0.05rem 0; font-size: .24rem; color: #333; max-width: 65%; width: 3.3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.m_text p.c9 { color: #999; }
.movie-biao { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: .14rem; }
.movie-biao span { display: block; width: 1.12rem; height: .44rem; background: #F56430; line-height: .44rem; text-align: center; color: #fff; font-size: .2rem; margin-right: .2rem; }
.movie-biao span:nth-child(2) { background: #6AAF00 !important; }
.movie-biao span:nth-child(3) { background: #f53039 !important; }
.movie-biao span:nth-child(4) { background: #bb30f5 !important; }
.gpiaodiv { width: 1.05rem; height: .48rem; display: inline-block; position: absolute; right: 0; top: 1.2rem; }
.gpiao { width: 1.05rem; height: .48rem; display: inline-block; text-align: center; line-height: .5rem; font-size: .24rem; color: #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background: ; position: relative; }
.xkpiao { width: 1.05rem; height: .48rem; display: inline-block; text-align: center; line-height: .5rem; font-size: .24rem; color: ; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; border: solid 1px ; position: relative; }
.yspiao { width: 1.05rem; height: .48rem; display: inline-block; text-align: center; line-height: .5rem; font-size: .24rem; color: #88cc22; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; border: solid 1px #88cc22; position: relative; }
.zx_cont { width: 100%; margin: 0.2rem 0 0 0; display: -webkit-flex; display: flex; position: relative; top: -0.05rem; }
.zx_cont:last-child { padding: 0; margin: 0.3rem 0 0 0 }
.top_line { width: 5.5rem; height: 1px; overflow: hidden; background: #EEE; font-size: 0; margin: 0; padding: 0; position: absolute; right: 0; top: -0.18rem; }
.zx_cont .icon { width: 1.36rem; text-align: right; }
.zx_cont i { padding: 0 0.1rem; overflow: hidden; height: .29rem; display: inline-block; text-align: center; line-height: .3rem; font-size: .2rem; color: ; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; border: solid 1px ; font-style: normal; }
.zx_new { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666666; font-size: .24rem; margin: 0 0 0 0.2rem; line-height: .4rem; width: 5.5rem; }
.ysmovie h1, .comesoon h1 { font-size: .32rem; margin: 0.2rem 0.2rem 0 0.2rem; font-weight: normal; }
/*预售*/
.ys_list { margin: 0 0 0 0.2rem; padding: 0.26rem 0 0.2rem 0; display: -webkit-flex; display: flex; overflow-x: scroll; position: relative; }
.ysbox { display: -webkit-flex; display: flex; width: 5.2rem; border-top: solid 1px #ccc; border-right: solid 1px #ccc; padding: 0.3rem 0 0 0; position: relative; margin: 0 0.2rem 0 0; }
.yscont h1 { font-size: .26rem; width: 1.7rem; background: #FFF; color: #666; }
.yscont h1:after { content: "\e635"; color: #666 }
.ysbox .time { width: 1.3rem; height: .26rem; line-height: .26rem; font-size: .26rem; color: #999; position: absolute; left: 0; top: -0.13rem; background: #FFF; }
.ysphoto { width: 2.1rem; height: 2.82rem; overflow: hidden; }
.ysphoto img { width: 100%; }
.ystxt { width: 2.8rem; margin: 0 0 0 0.2rem; }
.ystxt h2 { font-size: .32rem; color: #333; font-weight: normal; overflow: hidden; margin: 0 0 0.2rem 0 }
.ystxt h2 font { float: left; height: .35rem; line-height: .35rem; display: inline-block; max-width: 72%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ystxt p { color: #666666; font-size: .26rem; margin: 0 0 0.1rem 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ystxt p font { color: ; }
.yscont { position: relative; }
.maipiao1 { width: 1.45rem; height: .5rem; display: inline-block; text-align: center; line-height: .55rem; font-size: .26rem; color: #6aaf00; background: #FFF; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; border: solid 1px #6aaf00 }
.line { width: 100%; height: .2rem; background: #f5f5f5; }
.comesoon_list { margin: 0 0.2rem; }
.month { font-size: .26rem; padding: 0.2rem; border-bottom: solid 1px #eee; font-weight: bold }
.csbox li { display: -webkit-flex; display: flex; padding: 0.2rem; position: relative; }
.day_time { width: .7rem; font-size: .26rem; color: #666666 }
.spic { position: relative; width: 1.54rem; height: 2.08rem; }
.spic img { width: 1.54rem; height: 100%; }
.csbox .ystxt { width: 4.6rem; }
.lines { width: 6.4rem; height: 1px; background: #eee; overflow: hidden; font-size: 0; line-height: 0; position: absolute; right: 0; bottom: 0 }
.cc { font-size: .32rem; color: ; margin: 0 0.1rem 0 0 }
.cc:before { content: '\e649'; }
.cinema-search-hd { width: 6.9rem; margin: 0 auto; padding: 0 0.3rem; height: .96rem; line-height: .31rem; background: #fff; font-size: 0.32rem; color: #666666; overflow: hidden; border-bottom: solid 1px #eee; z-index: 1003; }
#cinemaSearchInput { width: 84%; padding: 0 2%; height: .64rem; margin: 6px auto; background: #FFF; background: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #999; text-align: left; line-height: 32px; font-size: 14px; border: 1px solid #ebebeb; float: left; }
.cinema-search-cancel { margin: 0 0 0 5px; color: #CCC; float: left; line-height: 46px; }
/**/
.wx_search .inputs { width: 100%; border: solid 1px #d6d6d6; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; text-align: center; font-size: .26rem; line-height: .64rem; }
.sc_icon { position: absolute; right: 0; top: 0 }
.sc_icon:after { content: '\e7ea'; color: #fdb400; font-size: 30px; position: relative; top: -0.02rem }
.cname { display: -webkit-flex; display: flex; }
.cname span { font-size: .22rem; color: #999; margin: 0 0 0 0.1rem; }
.cname span em { font-size: .32rem; color: #ff2e33; font-family: "微软雅黑"; margin: 0 0.1rem 0 0 }
.loc { width: 6.9rem; height: .6rem; background: #eee; border: solid 1px #eee; position: fixed; left: 50%; bottom: 1.2rem; font-size: .26rem; color: #666; text-align: left; line-height: .6rem; margin: 0 0 0 -3.45rem; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.loc .loc_ico1 { content: ''; background: url(../img/loc_ico.png) no-repeat 0 0; width: .28rem; height: .26rem; display: block; font-size: 0; background-size: .28rem .26rem; position: absolute; left: .1rem; top: .18rem }
.loc .loc_ico2 { content: ''; background: url(../img/f5.png) no-repeat 0 0; width: .30rem; height: .33rem; display: block; font-size: 0; background-size: .30rem .33rem; position: absolute; right: .1rem; top: .1rem; }
.loc em { margin: 0 0 0 .45rem; width: 5.6rem; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.q .c11 { font-size: 22px; color: #658077; padding-right: 5px; }
.q .c12 { font-size: 13px; color: #6c6c6c; }
.tips_window { display: block; width: 100%; height: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); overflow: hidden; position: fixed; top: 0.88rem; z-index: 99 }
.tips { width: 7.5rem; float: left; min-height: .96rem; max-height: 6.3rem; overflow-y: scroll; background: #FFF; }
.tips li { height: 0.96rem; line-height: 0.96rem; color: #666; color: #666; position: relative; padding: 0 0 0 0.3rem; top: -1px; }
.tips li.cur_blue:before { content: ''; display: block; width: 10px; height: 5px; border: 2px solid ; border-width: 0 0 2px 2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; right: .8125rem; right: 4.1vw; top: 50%; margin-top: -5px; }
.tips li:last-child { border: none; }
.tips li.cur_blue a { color: ; }
.tips li.cur_blue a em { color: ; }
.tips li a { display: block; color: #666; border-bottom: solid 1px #eee }
.tips li a em { font-size: 12px; color: #999; }
.tips3 h4 { font-size: .28rem; font-weight: normal; color: #333 }
.tips3 p { display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; margin: 0.2rem 0 }
.cinema-search-mod { width: 100%; height: 100%; overflow-y: scroll; position: fixed; left: 0; top: 0; background: #FFF; z-index: 9999; }
/*loading*/
.spinner { position: relative; width: 20px; height: 20px; margin: 10px auto; z-index: 1100; }
.spinner2 { position: relative; width: 20px; height: 20px; margin: 10px auto; z-index: 1100; }
.mt30 { position: absolute; left: 50%; top: 50%; margin: -40px -10px 0 0; }
.container1 > div, .container2 > div, .container3 > div { width: 6px; height: 6px; background-color: #333; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.spinner .spinner-container { position: absolute; width: 100%; height: 100%; }
.spinner2 .spinner-container { position: absolute; width: 100%; height: 100%; }
.container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); }
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
.container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
.container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
.container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
.container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
.container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }
@-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); }
40% { transform: scale(1.0); -webkit-transform: scale(1.0); }
}
/*焦点图*/
.swiper-containers { width: 100%; height: 2.08rem; margin: 0 auto; position: relative; overflow: hidden; z-index: 1; }
.swiper-containers .swiper-slide { text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-containers .swiper-slide img { width: 7.1rem; height: 2.08rem; border-radius: 8px; }
.swiper-containerss { width: 100%; height: 2.08rem; margin: 0 auto; position: relative; overflow: hidden; z-index: 1; }
.swiper-containerss .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-containerss .swiper-slide img { width: 100%; height: 2.08rem; }
.youhui1 { position: absolute; left: 0; top: 0; background: url(../img/movie_pic1.png) no-repeat 0 0; background-size: 100%; width: 0.77rem; height: .77rem; }
.youhui2 { position: absolute; left: 0; top: 0; background: url(../img/movie_pic2.png) no-repeat 0 0; background-size: 100%; width: 0.77rem; height: .77rem; }
.youhui3 { position: absolute; left: 0; top: 0; background: url(../img/yh_hu.png) no-repeat 0 0; background-size: 100%; width: 0.77rem; height: .77rem; }
.movietype3 { text-align: center; }
.movietype2 { width: .56rem; background: #4b3200; color: #FFF; }
.movietype2 .movieIMAX { color: #fff }
.movietype2 .movie3D { width: 100%; text-align: center; }
.playing:before { content: '\e61a'; position: absolute; font-size: .8rem; z-index: 99; color: #333; width: 0.75rem; height: 0.75rem; left: 50%; top: 50%; margin: -0.375rem 0 0 -0.375rem; opacity: .8; color: #FFF }
/* 影院列表 */
.topbar { border-bottom: solid 1px #eee; height: 42px; top: 0; background: #fff; position: fixed; width: 100%; z-index: 99; }
.navs_fix { height: 42px; -webkit-box-pack: justify; justify-content: space-between; align-items: center; display: -webkit-flex; display: flex; -webkit-box-align: center; line-height: 42px; }
.citys { padding-left: 12px; -webkit-box-align: center; align-items: center; display: -webkit-flex; display: flex; width: 86px; }
.navs { height: 20px; line-height: 20px; display: -webkit-flex; display: flex; position: relative; justify-content: space-around; width: 6.4rem; }
.search { width: 1.2rem }
.search-icon { width: 42px; height: 42px; background: url(../img/search.png) no-repeat; background-size: 20px; background-position: 10px; display: block; margin-left: 2px; }
.x { position: relative; top: 0.05rem; }
.x:before { content: '\e6e1'; font-size: .28rem; color: #555; margin: 0 0 0 0.1rem; position: relative; top: -0.16rem }
.navcont { width: 33%; text-align: center; border-right: solid 1px #d7d7d7; }
.navcont:nth-child(3) { width: 33%; text-align: center; }
.navcont em { font-style: normal; max-width: 72%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; }
.cinemabox { margin: 0.9rem 0 0 0.26rem; z-index: 1; }
.cinemabox li { position: relative; padding: 0.24rem 0; border-bottom: solid 1px #eee }
.cinemabox h2 { font-size: 16px; color: #333; max-width: 72%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cinemabox .address { color: #666; font-size: 14px; max-width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cinemabox i { font-size: .2rem; font-style: normal; color: #5a9bb6; border: solid 1px #5a9bb6; padding: 0.04rem 0.08rem; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 0 0.1rem 0 0 }
.cinemabox p { margin: 0.18rem 0 0 0; }
.cinemabox p:first-child { margin: 0 }
.cinemabox .c1 { color: #fdb400; border: solid 1px #fdb400 }
.cinemabox .c2 { color: #fff; background: #fdb400; border: none; }
.cinemabox .yhui { font-size: .24rem; color: #999 }
.cinemabox .juli { position: absolute; color: #999; font-size: 13px; right: 0.2rem; top: 0.26rem; }
/* 选座 */
.info { width: 90%; padding: 10px 5%; position: relative; background: #FFF; }
.info h2 { font-size: 16px; color: #333; padding: 0 0 10px 0; }
.info p { font-size: 14px; color: #bbb; font-family: Arial, Helvetica, sans-serif; }
.shuoming { font-size: 14px; padding: 5px 0 0 0; margin: 5px 0 0 0; border-top: solid 1px #eee; display: flex; justify-content: space-between; }
.shuoming span { text-align: center; }
.s1::before { background: url(../img/z1.png) no-repeat left center; background-size: 100%; content: " "; display: inline-block; width: 18px; height: 18px; margin: 0 5px 0 0; position: relative; top: 4px; }
.s2::before { background: url(../img/z3.png) no-repeat left center; background-size: 100%; content: " "; display: inline-block; width: 18px; height: 18px; margin: 0 5px 0 0; position: relative; top: 4px; }
.s3::before { background: url(../img/z2.png) no-repeat left center; background-size: 100%; content: " "; display: inline-block; width: 18px; height: 18px; margin: 0 5px 0 0; position: relative; top: 4px; }
.s4::before { background: url(data:image/png;
base64, iVBORw0KGgoAAAANSUhEUgAAACIAAAAeCAMAAAB+ITwmAAAAXVBMVEUAAADKzNPKzNPKzNPKzNPKzNPKzNPKzNPKzNPKzNP ////KzNP/v8/9+/zz8/Xv8PL/7PH/8PT/3eb/097/z9vQ0dj/wtH/6e//xNP/1+HW2N3S1NrS09n/ytf/xNL8SgegAAAACnRSTlMA7pEG876JhE1McY9omAAAAN1JREFUOMu10ssOgjAQheGC4GVOS7kKXt//MZUBaTVHFib+m0nolwmLMVP7PMNHWX4wUTvQdkEcgKt38pbzV2C/kByXAAK6IF9IBi8kj2whgGPEAfq8SRMAQgOQpBuTAmsE2JoEhchEypu9lc/RDu1ziH4ukBjdoKSyY32vo1KimyLS6tsw6GgpOdqo46+kiUlDSRWTihKpg6iFEzm9xEk4CXtq4UQr79bee1kj4prGCSdxfyRdwUTRRcR3IHVeiZ7U9/Sk9DDPQjvrYc7nzf9lPu+xFCzdMKebSPOGB/ZBKDh4lRXcAAAAAElFTkSuQmCC) no-repeat left center; background-size: 100%; content: " "; display: inline-block; width: 18px; height: 18px; margin: 0 5px 0 0; position: relative; top: 4px; }
.seatCinema { width: 60%; margin: 0 20% 5px 20%; background: url(../img/xz.png) no-repeat 0 0; background-size: cover; height: 20px; text-align: center; color: #FFF; line-height: 20px; font-size: .24rem; }
.xiangdui { position: relative; }
.xiangdui font { position: absolute; top: -22px; left: -26px; color: #999; font-size: .2rem; border: solid 1px #e1e1e1; padding: 0 2px; }
#line { position: absolute; left: 0; top: -7px; width: 1px; height: 110%; margin-left: 15px;     /* background: #e2e2e2; */ border-left: dashed 1px #e2e2e2;     /* overflow: hidden; */ z-index: 9; display: none; font-size: .2rem; }
#main { overflow: scroll; position: relative; }
.demo { white-space: nowrap; height: 100%; }
.seat-map { height: 100%; }
.front { width: 300px; margin: 5px 32px 45px 32px; background-color: #f0f0f0; color: #666; text-align: center; padding: 3px; border-radius: 5px; }
.booking-details { float: right; position: relative; width: 200px; height: 450px; }
.booking-details h3 { margin: 5px 5px 0 0; font-size: 16px; }
.booking-details p { line-height: 26px; font-size: 16px; color: #999; }
.booking-details p span { color: #666 }
div.seatCharts-seat { color: #fff; cursor: pointer; text-indent: -100px; }
div.seatCharts-cell { color: #182C4E; height: 22px; width: 20px; text-align: center; outline: none; font-size: 12px; overflow: hidden; margin: 0 3px; position: relative; z-index: 2; display: inline-block; line-height: 12px; float: left; }
div.seatCharts-row { height: 20px; overflow: hidden; }
duv.seatCharts-row:last-child { margin: .2rem 0 0 0; }
div.seatCharts-row div { white-space: nowrap; }
div.seatCharts-seat.available { background: url(../img/z1.png) no-repeat 0 0; background-size: 100%; }
div.seatCharts-seat.focused { background: url(../img/z2.png) no-repeat 0 0; background-size: 100%; }
div.seatCharts-seat.selected { background: url(../img/z3.png) no-repeat 0 0; background-size: 100%; cursor: not-allowed; }
/**/
div.seatCharts-seat.unavailable { background: url(../img/z2.png) no-repeat 0 0; background-size: 100%; cursor: not-allowed; }
div.seatCharts-container { text-align: center; margin: 36px auto 0 auto; width: 200%; }
div.seatCharts-legend { padding-left: 0px; position: absolute; bottom: 16px; }
ul.seatCharts-legendList { padding-left: 0px; }
.seatCharts-legendItem { float: left; width: 90px; margin-top: 10px; line-height: 2; }
span.seatCharts-legendDescription { margin-left: 5px; line-height: 30px; }
.checkout-button { display: block; width: 80px; height: 24px; line-height: 20px; margin: 10px auto; border: 1px solid #999; font-size: 14px; cursor: pointer }
#selected-seats { overflow: hidden; }
#selected-seats li { float: left; padding: 0 0.4rem 0 0.2rem; border: 1px solid #e2e2e2; background: #FFF; margin: 0 0.1rem 0 0; font-size: .22rem; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #666; font-style: normal; height: .54rem; line-height: .54rem; position: relative; }
.foot { background: #fff; height: 2.4rem; position: fixed; left: 0; width: 6.9rem; padding: 0 .3rem; bottom: 0; border-top: solid 1px #dcdcdc; overflow: hidden; z-index: 99; }
.f18 { font-size: .26rem; padding: 0.1rem 0.1rem 0.1rem 0; }
.moneys { border-top: solid 1px #eee; margin: .1rem 0 0 0; position: relative; }
.zongjia { font-size: .5rem; color: #dd4034; display: none; }
.zongjia em { font-size: .32rem }
.youhui { color: #666; font-size: .26rem; display: none; }
.moren_txt { height: .56rem; line-height: .56rem; }
.moren_txt1 { height: 1rem; line-height: 1rem; font-size: .26rem; color: #666; }
.jiage { background: ; width: 2.5rem; height: .8rem; line-height: .8rem; color: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: absolute; right: 0; top: .15rem; font-size: .32rem; text-align: center; }
/* 支付界面 */
.times { width: 100%; height: .7rem; background: #fff3d9; color: ; text-align: center; line-height: .7rem; font-size: .26rem; }
.minfo { padding: 0.3rem; font-size: .26rem; color: #333 }
.minfo p { margin: 0 0 0.15rem 0 }
.minfo p:first-child { font-size: .36rem; }
.minfo p:nth-child(3) { color: #f45e54 }
.line { width: 100%; height: .2rem; background: #f5f5f5; }
.duanxin { height: .85rem; padding: 0 0.3rem; line-height: .85rem; position: relative; }
.duanxin input { height: 0.8rem; width: 5rem; font-size: .32rem }
.editico { position: absolute; right: 0.3rem; }
.editico:before { content: "\e675"; font-size: .36rem; color: #999 }
/* .youhui {
padding: 0 0 0 0.3rem;
} */
.youhui li { font-size: .26rem; height: .85rem; line-height: .85rem; overflow: hidden; border-bottom: solid 1px #eee }
.youhui li:last-child { border: none; }
.youhui li span { float: left; }
.youhui li .rights { float: right; color:  }
.xiaochi { padding: 0 0 0 0.3rem }
.xiaochi li { display: -webkit-flex; display: flex; padding: 0.3rem 0; border-bottom: solid 1px #eee }
.xiaochi .xcpic { width: 1.7rem; height: 1.5rem; overflow: hidden; }
.xiaochi .xcpic img { width: 100%; }
.xiaochi .xcinfo { width: 3.4rem; margin: 0 0 0 0.2rem; }
.xiaochi .xcinfo p { font-size: .32rem; margin: 0 0 0.15rem 0 }
.xiaochi .xcinfo p:nth-child(1) { color: #333; font-size: .32rem; }
.xiaochi .xcinfo p:nth-child(2) { color: #999999; font-size: .22rem; }
.xiaochi .xcinfo p:nth-child(3) { color: #999999; font-size: .22rem; margin: 0 }
.xiaochi .xcinfo p strong { font-size: .4rem; color: #ef4238 }
.xiaochi .xcinfo p strong i { font-size: .26rem; font-style: normal; margin: 0 0.05rem 0 0 }
.piaojia { padding: 0.2rem 0.3rem }
.piaojia li { font-size: .26rem; color: #666666; height: .55rem; line-height: .55rem; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
.piaojia li span:last-child { color: #333 }
.piaojia li:last-child { height: .6rem; line-height: .6rem; border-top: solid 1px #eee; margin: 0.1rem 0 0 0; }
.fixs { position: fixed; bottom: 1.1rem; width: 6.9rem; left: 0; background: #FFF; padding: 0.2rem 0.3rem; }
.fukuan { font-size: .36rem; color: #FFF; width: 7.5rem; height: 1.1rem; background: ; text-align: center; line-height: 1.1rem; display: block; position: fixed; bottom: 0 }
.ii { margin: 0 0.1rem 0 0 }
.ii:before { content: "\e67c"; }
/* 确认订单 */
.s_times { background: #fff3cf; height: .7rem; line-height: .7rem; color: ; text-align: center; font-size: 14px; }
.f26 { color: #666666; font-size: .26rem; margin: 0 0 0 0.2rem; padding: 0.15rem 0; position: relative; }
.f26 em { width: .35rem; height: .35rem; position: absolute; right: 0.2rem; top: 0.15rem; }
.f26 em img { width: 100%; }
.select-card { background: #FFF; width: 100%; overflow: hidden; }
.select-card ul { border-top: solid 1px #eee; }
.select-card li { margin: .32rem 0; position: relative; font-size: .28rem; width: 33%; float: left; height: 1rem; position: relative; text-align: center; }
.select-card li i { width: .3rem; height: .3rem; line-height: .3rem; border: solid 1px ; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; margin: 0 0.2rem 0 0.3rem; position: relative; text-align: center; line-height: .3rem; top: .1rem; }
.select-card li p { margin: .65rem 0 0 0; color: #666666 }
.select-card li p i { width: 0.3rem; height: 0.3rem; border: solid 1px ; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: -0.1rem; right: .6rem; color: ; text-align: center; line-height: 0.3rem; font-size: .18rem; background: #FFF; font-style: normal; margin: 0; }
.pay { margin: .3rem 0 0 0; background: #FFF; }
.pay li { padding: 0.3rem 0; border-bottom: solid 1px #eee; position: relative; overflow: hidden; line-height: .5rem; }
.pay li i { width: .48rem; height: .48rem; overflow: hidden; border: solid 1px #cdcdcd; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; right: .4rem; top: .3rem }
.pay li.cur i { background: url(../img/g.png) no-repeat center center #4cd964; background-size: 60%; border: solid 1px #4cd964; }
.zpay { width: .5rem; height: .5rem; overflow: hidden; margin: 0 0 0 0.3rem; display: inline-block; float: left; }
.zpay img { width: 100%; }
.pay ul li .syhb { color: #FFF; padding: 3px 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: absolute; right: 10px; top: 10px; font-size: 14px; display: none; border: solid 1px #ff6600; color: #ff6600 }
.texts { font-size: .32rem; color: #333; float: left; margin: 0 0 0 0.3rem; }
.texts p { color: #8f8e8e; font-size: .2rem; }
.texts p.red { color: #f45e54; font-size: .2rem; }
.texts .r { color:  }
.sub { width: 7.1rem; height: .84rem; background: ; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #FFF; text-align: center; line-height: .84rem; margin: .5rem auto; }
.sub em { font-size: .4rem }
#hongbaoTri { background: url(../img/n1.png) no-repeat center 0; background-size: 28%; border-right: solid 1px #eee }
#quanTri { background: url(../img/n2.png) no-repeat center 0.08rem; background-size: 30%; border-right: solid 1px #eee }
#kaTri { background: url(../img/n3.png) no-repeat center 0.05rem; background-size: 30%; border-right: solid 1px #eee }
.times_nav { width: 7.5rem; height: .9rem; line-height: .9rem; background: #FFF; border-bottom: solid 1px #eee; border-top: solid 1px #eee; position: fixed; top: 1rem; z-index: 1000; overflow: hidden; }
.times_nav span { color: #666; font-size: 0.26rem; margin: 0 0.2rem 0 0; height: .88rem; line-height: .88rem; display: inline-block; padding: 0 0.2rem; }
.times_nav span.curs { border-bottom: 2px  solid; color: ; height: .87rem; line-height: .87rem; }
.j_scroll { overflow-y: hidden; overflow-x: auto; white-space: nowrap; font-size: 0; padding-bottom: 10px; margin-bottom: -10px; }
.logintip { width: 100%; font-size: .28rem; color: #afa599; margin-top: .32rem; }
.logintip span{position:relative; left:.3rem; color:#333; font-size: 0.3rem; }
.eye { width: .41rem; height: .28rem; margin: 0.25rem 0.16rem 0 0; }
/* 影院信息 */
.box1 { padding: 0 0.3rem 0.2rem 0.3rem; }
.box1 h3 { font-size: .32rem; margin: .3rem 0 0 0; color: #666; }
.box1 p { font-size: .28rem; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; }
.box1 p i { margin: 0 0.1rem 0 0 }
.dz:before { content: '\e704'; color:  }
.dianhua:before { content: '\e645'; color:  }
.line-box { width: 100%; height: .2rem; background: #f5f5f5; }
.cinema-title { padding: 0.3rem; }
.cinema-look { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: .9rem; background: #f5f5f5; }
.cinema-look span { position: relative; left: .3rem; line-height: .9rem; font-size: .28rem; }
.cinema-look span font { color: ; }
.dianhua { float: right; }
.box1 .xialas { text-align: center; margin: 0; border: none; padding: 0 }
.jj:before { content: '\e658'; font-size: 20px }
.ggao_cont { font-size: .28rem; margin: 0.2rem 0 0 0; height: 1.1rem; overflow: hidden; color: #666; line-height: 0.42rem; }
.box1 li { border-bottom: solid 1px #eee; font-size: .28rem; padding-top: 0.26rem; padding-bottom: 0.26rem; display: flex; -webkit-display: flex; align-items: center }
.box1 .noline { border-bottom: none; }
.box1 li em { display: block; color: ; border: solid 1px ; width: 1.2rem; height: 0.5rem; line-height: 0.5rem; text-align: center; font-size: .2rem; margin: 0 0.16rem 0 0; -moz-border-radius: 5px;     /* Firefox */ -webkit-border-radius: 5px;     /* Safari 和 Chrome */ border-radius: 5px;     /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ }
.box1 li span { width: 6.0rem; color: #666; line-height: 0.42rem; }
.yyuan { font-size: .27rem; margin: 0.2rem 0 0 0; color: #666; line-height: 0.42rem; }
.jt { position: absolute; right: 0; }
.jt:before { content: '\e635'
}
.hauto .ggao_cont { height: auto }
.hauto .xialas { transform: rotate(180deg); -ms-transform: rotate(180deg);     /* IE 9 */ -moz-transform: rotate(180deg);     /* Firefox */ -webkit-transform: rotate(180deg);     /* Safari 和 Chrome */ -o-transform: rotate(180deg); }
.login-dsf { position: fixed; bottom: 1.5rem; left: 0; width: 100%; }
.line { height: 1px; background: #b5b5b5; width: 6.9rem; margin: 0 auto .1rem; position: relative; }
.phoneimg { width: .35rem; height: .37rem; background: url(../img/use.jpg) no-repeat; background-size: .35rem .37rem; margin: 0 .3rem; position: relative; top: .3rem; }
.imgcode { width: .35rem; height: .37rem; background: url(../img/pass02.png) no-repeat; background-size: .35rem .37rem; margin: 0 .3rem; position: relative; top: .3rem; }
.passimg { width: .35rem; height: .37rem; background: url(../img/pass.jpg) no-repeat; background-size: .35rem .37rem; margin: 0 .3rem; position: relative; top: .3rem; }
.imgcodediv { display: none; }
.imgcodediv p { line-height: .6rem; }
.imgcodediv p input { position: relative; top: .1rem !important; }
.wx { background: url(../img/wx.png) no-repeat; background-size: .58rem .49rem; }
.qq { background: url(../img/qq.png) no-repeat; background-size: .48rem .5rem; }
.wb { background: url(../img/wb.png) no-repeat; background-size: .58rem .48rem; }
/* 热榜 */
.toppedactor { width: 100%; height: 2.5rem; border-bottom: .16rem solid #eee; overflow: hidden; }
.topped { position: relative; }
.topped-list { padding: .32rem; border-bottom: 1px solid #eee; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.toppedactor-list { border-bottom: 0 !important; }
.contribute-list { padding: .32rem 0 .32rem .32rem !important; }
.contribute-btn { padding: .14rem .5rem .14rem .32rem; border-radius: 15px; background: #999; font-size: .24rem; color: #fff; float: right; position: relative; right: -.32rem; }
.topped-list .head { position: relative; width: .96rem; height: .96rem; float: left; }
.topped-list .head div { position: absolute; bottom: 0; width: .32rem; height: .32rem; border-radius: 50%; background: #fff; text-align: center; box-shadow: 1px 3px 3px #999; }
.topped-list .head .userhead { position: absolute; top: 0; width: .96rem; height: .96rem; border-radius: 50%; }
.topped-list .head div img { width: .32rem; height: .32rem; border-radius: 50%; }
.topped-list .head span { font-size: .24rem; color: #2B2B2B; line-height: .32rem; }
.topped-name, .user-name, .topped-name1 { position: relative; top: .1rem; float: left; margin-left: .16rem; }
.ourinfo { position: relative; top: .05rem; float: left; margin-left: .16rem; color: #fff; }
.ourinfo span:nth-child(1) { display: block; width: 2.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ourinfo span:nth-child(2), .ourinfo span:nth-child(3) { display: block; font-size: .24rem; color: #fff; clear: both; }
{ display: block; font-size: .24rem; color: #fff; clear: both; }
.user-name span:nth-child(1) { display: block; width: 3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: .1rem; }
.user-name span:nth-child(2) { display: block; font-size: .24rem; color: #999999; clear: both; }
.topped-name span:nth-child(1), .topped-name1 span:nth-child(1) { display: block; font-size: .28rem; color: #2B2B2B; margin-bottom: .1rem; }
.topped-name span:nth-child(1) font, .topped-name1 span:nth-child(1) font { float: left; }
.topped-name span:nth-child(2), .topped-name1 span:nth-child(2) { display: block; font-size: .24rem; color: #999999; clear: both; margin-top: .45rem; }
.topped-name img, .topped-name1 img { position: relative; top: .05rem; width: .32rem; height: .32rem; }
.loveimg { position: relative; top: -.05rem; left: .1rem; width: .5rem; height: .5rem; background: url(../img/love1.png); background-size: .5rem .5rem; float: left; }
.unloveimg { position: relative; top: -.05rem; left: .1rem; width: .5rem; height: .5rem; background: url(../img/love0.png); background-size: .5rem .5rem; float: left; }
.contribute-right { position: relative; top: .3rem; width: 2.88rem; height: .4rem; text-align: center; border-left: 2px solid #fff; font-size: .28rem; color: #fff; }
.topped-right { text-align: right; }
.topped-right span:nth-child(1) { display: block; font-size: .28rem; color: ; margin: .1rem 0; }
.topped-right span:nth-child(2) { display: block; font-size: .24rem; color: #999; }
.topper-btn { position: fixed; bottom: 0; width: 100%; height: .96rem; background: ; font-size: .32rem; color: #fff; text-align: center; line-height: .96rem; }
.kong { width: 100%; height: 1.2rem; }
/* 贡献值 */
.fentitle { padding: 0 .32rem; height: .72rem; background: #FAFAFA; line-height: .72rem; color: #2B2B2B; font-size: .28rem; }
.mycontribute { position: fixed; bottom: 0; width: 100%; height: 1.6rem; background: ; }
.bestlook { position: absolute; width: 3.5rem; height: 2.5rem; border: 1px dashed red; }
.close_ico { position: absolute; right: .1rem; top: 0; font-style: normal; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); font-size: .26rem; }
.ts { display: none; position: fixed; bottom: 50px; color: #FFF; background-color: #323232; width: 250px; text-align: center; left: 50%; height: 32px; line-height: 32px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 0px 0px 8px #b7b7b7; z-index: 9999; font-size: 16px; margin: 0 0 0 -125px; }
.phonetip { width: 100%; padding: .1rem 0 .3rem .3rem; background: #f5f5f5; font-size: .2rem; }
.help-con { position: relative; top: .6rem; width: 100%; background: #fff; }
.help-con-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 .2rem; height: 1rem; border-bottom: 1px solid #eee; }
.help-con-list span { display: block; font-size: .28rem; line-height: 1rem; }
.help-con-list img { display: block; width: .13rem; height: .25rem; }
.problem-con { position: relative; width: 100%; background: #fff; }
.problem-con-list { padding: 0.26rem .2rem 0 .2rem; border-bottom: 1px solid #eee; }
.problem-con-list span { display: block; font-size: .28rem; }
.problem-con-list img { display: block; width: .26rem; height: .14rem; }
.problem-title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: .26rem; }
.problem-detail { display: none; border-top: 1px solid #eee; width: 100%; padding-bottom: .2rem; padding-top: .2rem; font-size: .3rem; color: #787878; }
.feedback-title { padding: 0 .3rem; height: .88rem; font-size: .3rem; color: #2b2b2b; line-height: .88rem; }
.feedback-pro { width: 100%; padding-top: .4rem; height: 2.6rem; background: #fff; }
.feedback-pro-detail { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: .37rem; padding-left: .3rem; }
.feedback-pro-detail span { font-size: .3rem; color: #2b2b2b; }
.feedback-pro-check { position: relative; top: .05rem; display: block; margin-right: .2rem; width: .3rem; height: .3rem; background: url(../img/checkkuan.png); background-size: .3rem .3rem; }
.feedback-pro-check2 { position: relative; top: .05rem; display: block; margin-right: .2rem; width: .3rem; height: .3rem; background: url(../img/checkkuan2.png); background-size: .3rem .3rem; }
.feedback-detail { width: 100%; height: 3rem; background: #fff; margin-top: .4rem; }
.feedback-detail textarea { width: 100%; padding: .28rem .37rem; height: 2rem; border: 0; outline: none; -webkit-outline: none; font-size: .28rem; }
.feedback-detail span { position: relative; right: .3rem; display: block; width: 100%; text-align: right; font-size: .24rem; color: #787878; }
.feedback-detail span font { color: ; }
.feedback-photo { position: relative; width: 100%; height: 3.5rem; background: #fff; margin-top: .4rem; }
.feedback-photo-title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; }
.feedback-photo-title span { position: relative; top: .3rem; display: block; font-size: .26rem; color: #787878; }
.feedback-photo-title span font { color: ; }
.feedback-photo-title span:nth-child(1) { position: relative; left: .3rem; }
.feedback-photo-title span:nth-child(2) { position: relative; right: .3rem; }
.feedback-photo .camera { position: relative; left: .3rem; width: .96rem; height: .78rem; }
.feedback-tj { position: absolute; bottom: .35rem; left: 50%; margin-left: -3.5rem; display: block; text-align: center; color: #fff; font-size: .36rem; width: 7rem; height: .8rem; background: ; line-height: .8rem; border-radius: 3px; }
#upBox { position: relative; top: .6rem; }
#inputBox { float: left; }
#imgBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; float: left; }
.imgDelete { position: absolute; width: .9rem; height: .9rem; top: 0; opacity: 0; }
.imgContainer { position: relative; display: block; width: .9rem; height: .9rem; margin-left: .2rem; }
.imgContainer em { display: block; position: absolute; top: -.17rem; right: -.17rem; width: .35rem; height: .35rem; text-align: center; line-height: .35rem; font-size: .35rem; background: rgba(255, 255, 255, .8); color: #000; border-radius: 50%; }
.imgContainer img { width: .9rem; height: .9rem; }
/* 全部成就 */
.achieve-txt { display: block; text-align: right; width: 100%; height: .9rem; font-size: .26rem; line-height: .9rem; color: #787878; position: relative; right: .3rem; }
#achieve ul { position: relative; left: .3rem; list-style: none; }
#achieve ul li { float: left; width: 2.14rem; height: 2.8rem; background: #fff; border: 1px solid #eee; margin-right: .2rem; text-align: center; margin-bottom: .44rem; }
#achieve ul li img { position: relative; top: .2rem; width: 1.35rem; height: 1.35rem; margin: 0 auto; }
#achieve ul li span { position: relative; top: .2rem; display: block; text-align: center; width: 80%; font-size: .26rem; color: #2b2b2b; border-bottom: 1px solid #eee; margin: .1rem auto; padding-bottom: .1rem; }
#achieve ul li p { position: relative; top: .2rem; font-size: .26rem; color: #2b2b2b; }
/* 我的宝箱 */
#chest { position: relative; top: .44rem; }
.chest-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; margin: 0 auto; width: 6.84rem; height: 1.76rem; background: #fff; margin-bottom: .32rem; border: 1px solid #dcdcdc; }
.chest-list .chest-list-bx { display: block; position: relative; left: .2rem; top: .28rem; width: 1.23rem; height: 1.2rem; }
.chest-detail { width: 50%; max-width: 50%; margin-left: .4rem; margin-top: .4rem; }
.chest-detail .chest-detail-txt { font-size: .26rem; color: #2b2b2b; }
.chest-con { position: relative; top: .2rem; width: 100%; }
.chest-con span { display: block; position: relative; margin-right: .1rem; }
.chest-con span p { font-size: .24rem; color: #2b2b2b; float: left; }
.chest-con span p font { font-size: .32rem; }
.chest-con .chest-con-hb img { float: left; width: .4rem; height: .34rem; }
.chest-con .chest-con-k img { float: left; width: .4rem; height: .34rem; margin-right: .1rem; }
.chest-con .chest-con-q img { float: left; width: .4rem; height: .34rem; margin-right: .1rem; }
.chest-num { text-align: center; }
.chest-num span { position: relative; top: .35rem; font-size: .36rem; color: ; }
.chest-num font { font-size: .26rem; margin-right: .1rem; }
.chest-num a { position: relative; top: .45rem; display: block; width: 1.3rem; height: .5rem; text-align: center; line-height: .5rem; color: #fff; background: ; font-size: .26rem; border-radius: 3px; }
.chest-go { background: #1fa6f8 !important; }
.chest-ylq { background: #ccc !important; }
/* 我的成就 */
#myachieve { position: relative; }
.myachieve-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0.5rem auto 0rem auto; width: 6.8rem; height: 2.44rem; background: #fff; border: 1px solid #dcdcdc; }
.myachieve-list-img { position: relative; margin-top: -.4rem; margin-left: .35rem; display: block; width: 1.35rem; height: 1.35rem; text-align: center; font-size: .26rem; color: #2b2b2b; }
.myachieve-list-img img { display: block; width: 1.35rem; height: 1.35rem; margin-bottom: .2rem; }
.myachieve-list-txt { position: relative; top: -.2rem; width: 40%; max-width: 40%; margin-left: .35rem; }
.myachieve-list-txt h3 { font-size: .26rem; color: ; font-weight: normal; margin: .25rem 0; }
.myachieve-list-txt span { font-size: .26rem; color: #2b2b2b; margin: .25rem 0; }
.myachieve-list-num { height: 1.5rem; width: 1.8rem; text-align: center; border-left: 1px solid #dcdcdc; }
.myachieve-list-num span { display: block; font-size: .26rem; }
.myachieve-list-num span:nth-child(1) { color: #2b2b2b; margin-bottom: .38rem; margin-top: .2rem; }
.myachieve-list-num span:nth-child(2) { color: ; }
/* 我的任务 */
#task { width: 100%; position: relative; top: .42rem; }
.task-con { position: relative; left: .35rem; float: left; margin: 0 auto; width: 6.8rem; background: #fff; margin-bottom: .4rem; }
.task-con-title { height: .8rem; line-height: .8rem; padding: 0 .3rem; font-size: .26rem; color: #2b2b2b; border-bottom: 1px solid #eee; }
.task-con ul { padding: .32rem; list-style: none; }
.task-con ul li { position: relative; float: left; width: 25%; text-align: center; font-size: .26rem; height: 2.5rem; }
.task-con ul li img { display: block; width: 1.12rem; height: 1.12rem; margin: 0 auto; border-radius: 50%; }
.task-con ul li span { display: block; color: #2b2b2b; margin: .2rem 0; }
.task-con ul li span font { color: ; margin: 0 .1rem; }
.task-con ul li p { color: ; }
.task-con ul li em { position: absolute; top: .8rem; right: .4rem; width: .26rem; height: .26rem; background: url(../img/ywc.png); background-size: .26rem .26rem; }
/* 影院男女比例分析 */
.ratio-detail { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 2.8rem; border-bottom: .16rem solid #eee; }
.ratio-box { width: 1.6rem; height: 1.6rem; position: relative; background-color: #FFC100; border-radius: 50%; }
.ratio-num { position: absolute; top: 50%; left: 50%; background: #fff; border-radius: 50%; width: 1.44rem; height: 1.44rem; transform: translate(-50%, -50%); }
.clip { width: 1.6rem; height: 1.6rem; position: absolute; background-color: #FFC100; border-radius: 50% clip:rect(0, 1.6rem, 1.6rem, .8rem); }
.ratio-left { width: 80px; height: 80px; position: absolute; border: 10px solid lightblue; border-radius: 50%; clip: rect(0 40px 80px 0); top: -10px; left: -10px; }
.ratio-left { width: 80px; height: 80px; position: absolute; border: 10px solid lightblue; border-radius: 50%; clip: rect(0 80px 80px 40px); top: -10px; left: -10px; }
.width-none { width: 0; }
.auto { clip: auto; }
.hotcity li { height: .7rem; text-align: center; line-height: .7rem; color: #666; background: #fcfcfc; margin: 0.1rem 0.08rem; display: inline-block; font-size: .23rem; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 0 0.3rem; border: solid 1px #f0f0f0; }
.city-wrap .city-list .hotcity li a { display: block; overflow: hidden; background: #fcfcfc; color: #777; font-size: 13px; text-decoration: none; padding: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 0 0.3rem; border: none; }
.hotcity { background: #f5f5f5; }
.city-wrap .city-list .hotcity { padding: 10px 0; }
.js_text_img { position: relative; text-align: center; width: .11rem; height: .21rem; background: url(../img/title_ico.png); background-size: .11rem .21rem; margin: 0 auto; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); }
.js_text_img2 { position: relative; text-align: center; width: .11rem; height: .21rem; background: url(../img/title_ico.png); background-size: .11rem .21rem; margin: 0 auto; transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); }
.ratio-detail-txt { display: block; margin-left: .5rem; }
.ratio-detail-txt span:nth-child(1) { display: block; font-size: .24rem; color: #999999; }
.ratio-detail-txt span:nth-child(2) { display: block; font-size: .36rem; color: ; }
.ratio-detail-txt span:nth-child(3) { display: block; font-size: .28rem; color: #2B2B2B; }
.fans-info { padding: 0 .3rem; }
.fans-info-detail { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 1.44rem; border-bottom: 1px solid #eee; }
.fans-info-name { width: 2rem; margin-left: .1rem; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.fans-info-detail img { width: .96rem; height: .96rem; border-radius: 50%; }
.fans-info-name span { display: block; font-size: .28rem; color: #2B2B2B; margin-bottom: .1rem; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.fans-info-name p { font-size: .24rem; color: #999; }
.fans-info-bar-title { display: block; font-size: .24rem; color: #999999; margin-bottom: .15rem; }
.fans-info-bar-title font { font-size: .36rem; color: ; margin-left: .2rem; }
.fans-info-bar { position: relative; left: .2rem; }
.fans-bar { position: relative; width: 3.24rem; height: .16rem; background: #eee; border-radius: 15px; }
.fans-bar span { position: absolute; width: 50%; height: .16rem; background: ; border-radius: 15px; }
.fans-similar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: 1.32rem; border-bottom: 1px solid #eee; }
.fans-similar div { width: 2rem; text-align: center; }
.fans-similar div span { display: block; font-size: .32rem; color: #4A4A4A; margin: .36rem 0 .12rem 0; }
.fans-similar div p { font-size: .24rem; color: #999999; }
/* 我的电影 */
.mymovie-hy { width: 100%; height: .84rem; background: #fff; }
.mymovie-hy ul { width: 100%; height: .84rem; list-style: none; }
.mymovie-hy ul li { position: relative; float: left; width: 33.3%; height: .84rem; text-align: center; border-bottom: 1px solid #eee; }
.mymovie-hy ul li span { position: relative; top: .2rem; display: block; font-size: .28rem; color: #2B2B2B; }
.mymovie-hy ul li em { position: absolute;left: 50%;margin-left: -.26rem;bottom: 0;display: block;width: 30px;height:4px;background: #fff;border-radius:50px;}
.mymovie-cur span { color:  !important; }
.mymovie-cur em { background: #658077 !important; }
.mymovie-like li, .mymovie-see li { position: relative;display: -webkit-flex;display: flex;margin: 0.2rem;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 7.1rem;border-radius:8px;background: #fff;}
.my_text { width: 5.05rem; margin: 0 0 0 0.2rem; }
.my_text h2 { font-size: .28rem; color: #333; font-weight: normal; overflow: hidden; margin: 0.2rem 0; }
.my_text h2 .my-text-title { float: left; height: .35rem; line-height: .35rem; display: inline-block; max-width: 65%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .3rem; font-weight: 700; }
.my_text h2 .fs font { overflow: visible; }
.my_text p { margin: 0 0 0.05rem 0; font-size: .24rem; color: #333; max-width: 65%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.my_text p.c9 { color: #999; }
.my_fs { clear: both; font-size: .28rem; margin-top: .4rem; }
.my_fs font { color: ; margin-left: .2rem; }
.gpiaocon { width: 1.05rem; height: .48rem; display: inline-block; position: absolute; right: 0.28rem; top: 1.1rem; }
.evaluate { width: 1.05rem; height: .48rem; display: inline-block; text-align: center; line-height: .5rem; font-size: .24rem; color: ; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; border: solid 1px ; }
.mymovie-evaluate { width: 100%; }
.mymovie-evaluate-list { padding-bottom: .2rem; border-bottom: 1px solid #eee; }
.evaluate_detail li { width: 7.1rem; relative; display: -webkit-flex; display: flex; margin:0.2rem; background: #fff; border-radius: 8px;-webkit-flex-wrap: wrap; flex-wrap: wrap; }
.evaluate-con { position: relative; margin: 0.14rem auto 0; width: 7.1rem; background: #F5F5F5; padding: .2rem; border-radius: 5px; }
.evaluate-con .evaluate-fen { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.evaluate-fen h2 { display: block; font-size: .28rem; color: #2B2B2B; margin-right: .38rem; }
.stars3 { display: inline-block; width: 1.6rem; height: .32rem; background: url(../img/five0.png) no-repeat 0 0; -webkit-background-size: 1.6rem .32rem; background-size: 1.6rem .32rem; float: left; margin-right: .2rem; }
.stars3 span { position: absolute; width: 1.6rem; height: .32rem; background: url(../img/five1.png) no-repeat 0 0; -webkit-background-size: 1.6rem .32rem; background-size: 1.6rem .32rem; }
.evaluate-fen p { position: relative; top: -.05rem; float: left; font-size: .28rem; color: ; }
.evaluate-txt { width: 5rem; font-size: .28rem; color: #2B2B2B; margin-top: .32rem; }
.evaluate-time { margin-top: .32rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.evaluate-time .evaluate-time-txt { display: block; font-size: .24rem; color: #999999; }
.evaluate-time .evaluate-zan { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.review_zan { width: .48rem; height: .48rem; background: url(../img/x_good_0.png); background-size: .48rem .48rem; }
.review_zan2 { width: .48rem; height: .48rem; background: url(../img/x_good_1.png); background-size: .48rem .48rem; }
.evaluate-zan font { position: relative; top: .12rem; font-size: .24rem; color: #2B2B2B; }
/* 会员说明 */
.leaguar-txt { padding: .2rem; background: #fff; border-bottom: 1px solid #dcdcdc; }
.leaguar-txt h2 { display: block; font-size: .32rem; margin-bottom: .2rem; color: #2B2B2B; font-weight: normal; }
.leaguar-txt span { display: block; font-size: .24rem; color: #999; }
.leaguar-dj { padding: .2rem; }
.leaguar-dj h2 { display: block; font-size: .32rem; margin-bottom: .2rem; color: #2B2B2B; font-weight: normal; }
.leaguar-dj img { width: 6.5rem; height: .52rem; }
.leaguar-jy { padding: .2rem; background: #fff; border-bottom: 1px solid #dcdcdc; }
.leaguar-jy h2 { display: block; font-size: .32rem; margin-bottom: .2rem; color: #2B2B2B; font-weight: normal; }
.leaguar-jy table { width: 100%; }
.leaguar-jy table thead { background: #eee; color: #000; }
.leaguar-jy table thead tr { text-align: center; font-size: .36rem; height: .7rem; }
.leaguar-jy table thead tr td { border: 1px solid #dcdcdc; }
.leaguar-jy table tbody tr { text-align: center; font-size: .24rem; color: #2b2b2b; height: .7rem; }
.leaguar-jy table tbody td { border: 1px solid #dcdcdc; }
.timebox { margin: 0.3rem 0 .3rem 0; overflow-x: scroll; overflow-y: hidden; position: relative; white-space: nowrap; }
.tbox { width: 1.4rem; height: 1.2rem; border: solid 1px #eee; background: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; white-space: nowrap; margin: 0 0.1rem 0 0 }
.tbox p { width: 1.3rem; overflow: hidden; height: .28rem; padding: 0 0.05rem; }
.tbox p, .tbox p:first-child { font-size: .2rem; margin: 0; text-align: center; margin: 0.08rem 0 }
.tbox p:nth-child(2) { color: #666666; }
.tbox p:last-child { color: #e33c42; font-size: .24rem; }
.cinema-ratio { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: .4rem;     /*     border-top: 1px solid #eee; */ }
.ratio-man { margin-right: 1rem; }
.ratio-man p { position: relative; top: .2rem; font-size: .24rem; color: #999999; float: left; }
.ratio-man div { position: relative; top: .3rem; display: block; width: 1.14rem; height: .16rem; background: #eee; float: left; margin-left: .16rem; }
.ratio-man div span { position: absolute; display: block; width: 50%; height: .16rem; background: ; }
.beonmovie-img { display: block; width: 1.6rem; height: 2.16rem; }
.beonmovie-name { display: block; width: 1.6rem; font-size: .28rem; color: #2B2B2B; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin: .12rem 0; text-align: center; }
.beonmovie-time { display: block; width: 100%; text-align: center; font-size: .24rem; color: #999; }
/* 消费明细 */
.consumer-num { padding-left: .3rem; height: .8rem; font-size: .34rem; line-height: .8rem; }
.consumer-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 1.38rem; padding: 0 .3rem; background: #fff; margin-bottom: 1px; }
.consumer-list div h2 { font-weight: normal; font-size: .28rem; }
.consumer-list div p { display: block; font-size: .24rem; }
.consumer-list span { display: block; font-size: .28rem; color: #2b2b2b; }
.consumer-add { color:  !important; }
/* 活动 */
#list { width: 7.5rem; overflow: hidden; margin: 0 auto; }
.hdpic { width: 100%; max-height: 4.65rem; position: relative; overflow: hidden; }
.hdpic img { width: 100%; height: auto; }
.hdpic .hdpic { height: .5rem; background: #6aaf00; position: absolute; left: 0; top: .28rem; font-size: .26rem; color: #FFF; line-height: .5rem; width: initial; padding: 0 0.2rem; }
.hd_cont { position: relative; display: -webkit-flex; display: flex; padding: 0.1rem 0; }
.jiaobao2 { position: absolute; right: 0; top: 0; width: 1.6rem; height: 1.6rem; background: url(../img/jiaobia2.png) no-repeat 0 0; background-size: 100%; display: none; }
.hd_jt { background: #FFF; width: .26rem; height: .26rem; position: absolute; left: 0; top: 0; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); top: -0.13rem; left: 0.4rem; }
.hd_times { width: 1rem; border-right: solid 1px #ccc; height: 1.2rem; text-align: center; }
.hd_times p:nth-child(1) { font-size: .36rem; }
.hd_times p { color: #999; margin: 0.1rem 0; }
.hd_times p:nth-child(2) { font-size: .26rem; }
.text { margin: 0 0 0 0.3rem; width: 4.75rem; height: 1.15rem; overflow: hidden; }
.text h2 { font-size: .28rem; height: .32rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.text p { color: #666; font-size: .26rem; margin: 0.1rem 0 0 0; height: 0.64rem; line-height: 0.64rem; overflow: hidden; }
/* 观影通详情 */
.gytinfo-title { padding-left: .3rem; line-height: .8rem; font-size: .28rem; color: #2b2b2b; }
.gytinfo-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 .3rem; height: .96rem; background: #fff; margin-bottom: 1px; }
.gytinfo-list span { display: block; font-size: .28rem; color: #2B2B2B; }
/* 明细详情 */
.mxdetail-title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0 .3rem; height: 1.55rem; border-bottom: 1px solid #777; font-size: .28rem; color: #2b2b2b; }
.mxdetail-title span { display: block; position: relative; top: .75rem; }
.mxdetail-title span:nth-child(2) { font-size: .36rem; }
.mxdetail-info { padding: .2rem .3rem .5rem .3rem; border-bottom: 1px solid #777; }
.mxdetail-info-list { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.mxdetail-info-list span { display: block; font-size: .28rem; color: #2b2b2b; line-height: .7rem; }
/* 个人中心--我的资料 */
.aa { margin: 0.3rem 0 0 0; }
.bf1 { position: relative; }
.bf2 { position: absolute; right: -0.04rem; }
[data-dpr="2"] 
.my_list { border-bottom: .5px solid #eee; border-top: .5px solid #eee; }
.my_list {margin:0.2rem; background: #fff; border-radius: 8px;}
.my_list ul {}
.my_list li { border-bottom: 1px solid #f7f7f7; font-size: 0.32rem; margin: 0 auto; overflow: hidden; position: relative; padding: .32rem 0.2rem .32rem 0.3rem; }
.my_list li img { width: .5rem; height: .5rem; display: block; margin-top: -0.03rem; }
.my_list li:last-child { border-bottom: none; }
[data-dpr="2"] .my_list li { border-bottom: .5px solid #f7f7f7; }
[data-dpr="2"] .my_list li:last-child { border-bottom: none; }
.my_list li a { color: #1c1c1c; display: block; text-decoration: none; }
.my_list li em { float: right; font-style: normal; padding-right: .4rem; color: #666666; font-weight: normal; }
.my_list li a em select { border: medium none; color: #666666; font-size: .32rem; text-align: right; margin-top: 0.02rem; }
.my_list li a em select option { border: medium none; color: #666666; font-size: .24rem; text-align: right; }
.my_list li em input { color: #666666; font-size: .32rem; text-align: right; }
.my_list .ff02{padding-right:0.16rem;}
.my_list .ff01 .bf2{padding-right:0.6rem}
.my_list li i { border-right: 1px solid #ccc; border-top: 1px solid #ccc; height: 0.2rem; margin: 0.32rem 0 0; transform: rotate(45deg); width: 0.2rem; position: absolute; right: .3rem; top: .13rem; }
/* 账户余额 */
.qd { width: 7.5rem; height: 1.88rem; text-align: center; margin: .8rem 0 0.3rem 0; }
.qd img { width: 1.33rem; height: 1.88rem; margin: 0 auto; }
.txt { text-align: center; font-size: .26rem; }
.money { width: 7.5rem; text-align: center; font-size: .7rem; color: #666; }
.achieve-sort { padding: 0 .32rem; height: .72rem; background: #FAFAFA; line-height: .72rem; color: #999999; font-size: .28rem; text-align: right; }
/* 个人中心 */
.myinfo-con { width: 100%; height: 2.6rem; background-color:#658077; background-size: 100% 2.6rem; }
.myinfo-con-head { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; left: .42rem; top: .41rem; width: 5rem; }
.myinfo-con-head img.myinfo-con-img { display: block; width: 1。5rem; height: 1.5rem; border-radius: 50%; margin-right: .2rem; }
.myinfo-con-head div span.myinfo-con-name { display: block; font-size: .36rem; color: #fff; margin-bottom: .1rem; }
.myinfo-con-head .xx { margin: 10px 0 0 4px; }
.myinfo-con-head .xx p { font-size: .24rem; color: #fff; }
.myinfo-con-head .xx div img { width: .6rem; height: auto; }
.myinfo-con-head .xx div span { position: relative; top: -.08rem; left: -.05rem; font-size: .32rem; color: #fff; }
.myinfo-con-dj { margin: .8rem auto 0 auto; width: 6.5rem; }
.myinfo-con-dj-txt { position: relative; left: -.1rem; width: 100%; height: .3rem; }
.myinfo-con-dj-txt span { position: absolute; font-size: .24rem; color: #fff; }
.myinfo-con-dj-txt span:nth-child(2) { left: 20%; }
.myinfo-con-dj-txt span:nth-child(3) { left: 40%; }
.myinfo-con-dj-txt span:nth-child(4) { left: 80%; }
.myinfo-con-dj-txt span:nth-child(5) { left: 100%; }
.myinfo-con-bar { position: relative; width: 6.5rem; height: .12rem; background: url(../img/dj.png); background-size: 6.5rem .12rem; }
.myinfo-con-bar .old-bar { position: absolute; left: 0; width: 0%; height: .12rem; border-radius: 15px; background-image: -webkit-linear-gradient(top, #fbf600, #dfb500); background-image: -ms-linear-gradient(top, #fbf600, #dfb500); background-image: -moz-linear-gradient(top, #fbf600, #dfb500); background-image: -o-linear-gradient(top, #fbf600, #dfb500); z-index: 10; }
.myinfo-con-bar .all-bar { position: absolute; left: 0; width: 0%; height: .12rem; border-radius: 15px; background-image: -webkit-linear-gradient(top, #faea00, #d95200); background-image: -ms-linear-gradient(top, #faea00, #d95200); background-image: -moz-linear-gradient(top, #faea00, #d95200); background-image: -o-linear-gradient(top, #faea00, #d95200); }
.myinfo-con-icon { position: relative; margin: .5rem auto 0 auto; width: 6.56rem; height: 1.76rem; background: #fff; box-shadow: 1px 3px 3px ; border-radius: 10px; }
.myinfo-con-icon ul { width: 100%; list-style: none; }
.myinfo-con-icon ul li { position: relative; float: left; width: 25%; height: 1.76rem; text-align: center; font-size: .24rem; color: #2b2b2b; }
.myinfo-con-icon ul li img { display: block; position: relative; top: .37rem; margin: 0 auto .37rem auto; width: .74rem; height: .74rem; }
.myinfo-con-icon ul li p { position: absolute; top: .27rem; right: .35rem; display: none; width: .3rem; height: .3rem; text-align: center; line-height: .3rem; color: #fff; font-size: .16rem; background: #ff3c00; border-radius: 50%; }
.mycode { width: 100%; height: 2.89rem; padding-top: .2rem; background: #fff;     /*margin-top: 1.53rem;*/ }
.mycode-title { height: 1.2rem; width: 6.9rem; margin: 0 auto; font-size: .3rem; line-height: 1.2rem; text-align: center; }
.mycode-title a { font-size: .36rem; color: ; }
.mycode-title img { position: relative; top: .02rem; width: .3rem; height: .3rem; }
.mycode ul { position: relative; top: .35rem; width: 100%; height: .9rem; list-style: none; }
.mycode ul li { float: left; width: 24.5%; height: .9rem; text-align: center; font-size: .28rem; color: #2b2b2b; }
.mycode ul li span { font-size: .24rem; }
.mycode ul li p { font-size: .2rem; color: #999999; }
.mycode ul li:nth-child(4) { border-right: 0; }
.mycode ul li img { display: block; width: auto; height: .43rem; margin: 0 auto; }
.myinfo-list { width: 100%; background: #fff; padding: 0; }
.myinfo-list-con { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 0 0 0.3rem; width: 7.2rem; height: 1rem; border-bottom: 1px solid #eee; }
.myinfo-list-con img { position: relative; top: .05rem; width: .33rem; height: .33rem; }
.myinfo-list-con span { font-size: .3rem; color: #2b2b2b; }
.myinfo-list-con span font { font-size: .36rem; color: #2b2b2b; }
.myinfo-list-con p { font-size: .3rem; color: #999; margin-right: .25rem; }
.myinfo-list-con p:before { content: '\e635'; color: #a6a6a6; }
.myinfo-list-con em { font-style: normal; font-size: .2rem; color: #d0d0d0; line-height: .5rem; }
.myinfo-line { width: 100%; height: .4rem; background: #eee; }
.myinfp-btn { display: block; border-radius: 50px; width: 6.9rem; height: .9rem; left: 0.3rem; line-height: .9rem; text-align: center; font-size: .32rem; background: #658077; color: #fff; position: fixed; bottom: 1.3rem; }
.next { background: #658077 none repeat scroll 0 0; border-radius: 50px; color: #fff; height: 0.84rem; line-height: 0.84rem; margin: 0.32rem auto 0; text-align: center; width: 6.9rem; font-size: 0.3rem; }
/* 修改密码方式 */
.waytitle { padding-left: .64rem; margin: 1.02rem 0 .86rem 0; }
.waytitle span { display: block; font-size: .36rem; color: #2b2b2b; margin-bottom: .1rem; }
.waycon { padding: 0 .64rem; }
.waycon .waycon-tip { font-size: .28rem; color: #2b2b2b; }
.waycon .waycon-detail { width: 100%; background: #fff; height: 3.36rem; border: 1px solid #ccc; border-radius: 5px; margin-top: .27rem; }
.waycon .waycon-detail div { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 1.68rem; width: 90%; margin: 0 auto; border-bottom: 1px solid #ccc; }
.waycon .waycon-detail div img { display: block; margin-right: .42rem; width: .8rem; height: .8rem; }
.waycon-detail p { width: 60%; height: .8rem; }
.waycon-detail p span { display: block; font-size: .28rem; color: #2b2b2b; margin-top: .03rem; }
.waycon .waycon-detail div em { position: absolute; right: 0; font-size: .46rem; color: #2b2b2b; }
.wayaboutus { position: absolute; bottom: .86rem; width: 100%; font-size: .26rem; color: #2b2b2b; text-align: center; }
.wayaboutus span { display: block; }
.wayaboutus a font { color: ; }
.wphone { font-size: .3rem !important; }
.revise-phone { padding-left: .2rem; font-size: .28rem; color: #2b2b2b; line-height: .8rem; }
.select-key { width: 100%; text-align: center; font-size: .28rem; }
.select-key span { display: block; color: #2b2b2b; margin: .3rem 0; }
.select-key ul { list-style: none; width: 60%; margin: 0 auto; }
.select-key ul li { float: left; width: 49%; height: .5rem; border-right: 1px solid #ccc; color: ; line-height: .5rem; }
.select-key ul li:nth-child(2) { border-right: 0; }
.hotlive-title { font-size: .28rem; color: #2b2b2b; line-height: .6rem; }
.hotlive-more { width: 100%; text-align: center; line-height: .6rem; color: #2b2b2b; font-size: .28rem; }
.result { display: none; }
.line2 { width: 100%; height: .2rem; background: #eee; }
.noresult { display: none; width: 100%; font-size: .28rem; text-align: center; color: #2b2b2b; }
.noresult span { position: relative; top: 1rem; }
.nocon, .nocon2 { display: none; position: relative; top: 1rem; width: 100%; text-align: center; }
.nocon3 { display: none; position: relative; top: 1rem; width: 100%; text-align: center; }
.nocon img, .nocon2 img, .nocon3 img { display: block; margin: 0 auto .3rem auto; width: 1.08rem; height: .94rem; }
.nocontxt { display: block; width: 100%; text-align: center; font-size: .32rem; color: #999; }
/* 签到 */
.qdwindow { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1001; }
.calendar-time { width: 4.8rem; margin: 0 auto; }
.calendar-time ul { list-style: none; width: 100%; }
.calendar-time ul li { float: left; width: .68rem; height: .8rem; text-align: center; font-size: .2rem; color: ; line-height: 1rem; }
.maskbox { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; position: absolute; z-index: 1000; top: 0; left: 0; }
.calendar { position: relative; margin: 0 auto; top: 1rem; width: 5.4rem; background: #fff; border-radius: 10px; }
.libaolist .bg-red { background: #e60012; }
.libaolist .pt2 { padding-top: 2px; }
.libaolist .pt3 { padding-top: 3px; }
.libaolist .btn-lingqu { width: 70px; text-align: center; background: #e60012; color: #fff; }
.libaolist .btn-disable { width: 70px; text-align: center; background: #c9c9c9; color: #fff; }
.text-center { position: relative; }
.btn-qiandao { width: 2.4rem; height: .8rem; background: ; color: #fff; font-size: .24rem; font-weight: bolder; border-radius: 25px; text-align: center; position: relative; bottom: -.4rem; left: 1.5rem; border: 0; box-shadow: 0px 3px 3px #000; }
.btn-qiandao-alread { display: none; width: 2.4rem; height: .8rem; background: #999; color: #fff; font-size: .24rem; font-weight: bolder; border-radius: 25px; text-align: center; position: relative; bottom: -.4rem; left: 1.5rem; border: 0; box-shadow: 0px 3px 3px #000; }
.qdbox { display: none; padding: 15px 0; width: 250px; border-radius: 10px; background: #fff; position: fixed; z-index: 1001; top: 50%; left: 50%; margin-top: -113px; margin-left: -120px; }
.qdbox .text-green { color: #58bc8d; }
.btn-lottery { width: 120px; text-align: center; color: #fff; background: #58bc8d; font-size: 16px; }
.calenbox { width: 100%; margin: 0 auto; background: #fff; padding: 0; border-radius: 20px; }
.calenbox .date { width: 14%; text-align: center; background: #fff; border-radius: 7px; color: #6a3906; font-weight: bolder; font-size: 18px; padding: 10px 0; float: left; border-right: 1px solid #faca34; border-bottom: 1px solid #faca34; }
.singer_r_img { display: block; width: 114px; height: 52px; line-height: 45px; background: url(images/sing_week.gif) right 2px no-repeat; vertical-align: middle; *margin-bottom: -10px; text-decoration: none; }
.singer_r_img:hover { background-position: right -53px; text-decoration: none; }
.singer_r_img span { margin-left: 14px; font-size: 16px; font-family: 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important; font-weight: 700; color: #165379; }
.singer_r_img.current { background: url(images/sing_sing.gif) no-repeat 0 2px; border: 0; text-decoration: none; }
.sign table { width: 4.8rem; margin: 0 auto; border-collapse: collapse; border-spacing: 0; color: #787878; font-size: .18rem; }
.sign th, .sign td { width: .68rem; height: .68rem; text-align: center; line-height: .44rem; background: url(../img/qd1.png) no-repeat center; background-size: .44rem .44rem; font-weight: normal; }
.sign th { font-size: 16px; border-radius: 6px; background: #fff; }
/* .sign td {
color: #404040;
vertical-align: middle;
border-radius: 6px;
background: #fff;
color: #a46626;
} */
.sign .on { background: url(../img/qd2.png) no-repeat center; background-size: .44rem .44rem; color: #fff; }
.calendar_month_next, .calendar_month_prev { width: 34px; height: 40px; cursor: pointer; background: url(images/sign_arrow.png) no-repeat; }
.calendar_month_next { float: right; line-height: 40px; }
.calendar_month_span { position: relative; left: .32rem; display: inline; line-height: 1.2rem; font-size: .24rem; color: #fff; letter-spacing: 2px; font-weight: normal; }
.calendar_month_prev { float: left; line-height: 40px; }
.sign_succ_calendar_title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background: ; height: .95rem; border-top-right-radius: 10px; border-top-left-radius: 10px; }
.sign_main { font-family: "Microsoft YaHei", SimHei; }
.calendar_month_day { position: relative; right: .32rem; font-size: .24rem; color: #fff; line-height: 1.2rem; }
.sign_succ_calendar_title em { display: block; position: absolute; right: 0; top: .1rem; font-size: .2rem; color: #fff; width: .4rem; height: .4rem; text-align: center; }
.chest_window { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); z-index: 1000000; }
.chest_window_con { position: relative; margin: 0 auto; top: 1rem; width: 5.4rem; background: #fff; border-radius: 20px; }
.chest_window_con_title { background: ; height: .95rem; border-top-right-radius: 10px; border-top-left-radius: 10px; text-align: center; line-height: .95rem; font-size: .36rem; color: #fff; }
.chest_window_con_detail { position: relative; width: 100%; padding: .4rem 0; border-bottom: 1px solid #eee; }
.chest_img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; margin: 0 auto; width: 4.8rem; }
.chest_img_list { display: block; width: 1.5rem; text-align: center; }
.chest_img_list img { position: relative; margin: 0 auto; display: block; width: .9rem; height: .6rem; }
.chest_img_list span { font-size: .24rem; color: #2b2b2b; }
.chest_tip { width: 100%; text-align: center; font-size: .24rem; color: #787878; margin: .48rem 0 0 0; }
.chest_window a { display: block; width: 100%; height: .96rem; line-height: .96rem; text-align: center; font-size: .3rem; color: ; }
.chest_window_con_title2 { background: ; height: 1.92rem; border-top-right-radius: 10px; border-top-left-radius: 10px; text-align: center; font-size: .36rem; color: #fff; }
.chest_window_con_title2 em { position: absolute; right: 0; top: 0; width: .4rem; height: .4rem; font-size: .36rem; color: #fff; text-align: center; border-radius: 50%; }
.chest_window_con_title2 span:nth-child(1) { position: relative; top: .5rem; display: block; font-size: .36rem; color: #fff; }
.chest_window_con_title2 span:nth-child(2) { display: block; font-size: .3rem; color: #ffd299; margin-top: .5rem; }
.chest_window_con_bg { position: absolute; left: 50%; margin-left: -2.28rem; width: 4.56rem; height: 4.56rem; background: url(../img/gs.png); background-size: 4.56rem 4.56rem; background-position: center center; -webkit-transform: rotate(360deg); animation: rotation 8s linear infinite; -moz-animation: rotation 8s linear infinite; -webkit-animation: rotation 8s linear infinite; -o-animation: rotation 8s linear infinite; }
@-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); }
}
.chest_window_con_img { position: relative; width: 4.56rem; height: 4.56rem; text-align: center; margin: 0 auto; }
.chest_window_con_img img { position: relative; top: .5rem; margin: 0 auto; display: block; width: 2.42rem; height: 2.42rem; }
.chest_window_con_img a { display: block; border-radius: 20px; width: 3rem; height: .8rem; background: ; text-align: center; font-size: .3rem; color: #fff; line-height: .8rem; margin: .7rem auto 0 auto; }
.achieve_window_list { width: 100%; padding: .2rem 0; border-bottom: 1px solid #eee; }
.achieve_window_list:last-child { border-bottom: 0; }
.achieve_window_list h2 { position: relative; left: .3rem; display: block; font-size: .26rem; color: #2b2b2b; }
.achieve_window_list span { position: relative; left: .3rem; width: 90%; display: block; font-size: .24rem; color: #2b2b2b; margin-top: .1rem; }
.qdSuccess { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1001 }
.qdSuccess_con { position: relative; margin: 0 auto; top: 1rem; width: 5.4rem; background: #fff; border-radius: 10px; padding-bottom: .1rem; }
.qdSuccess_con_title { background: ; height: .95rem; line-height: .95rem; border-top-right-radius: 10px; border-top-left-radius: 10px; text-align: center; font-size: .36rem; color: #fff; }
.qdSuccess_con_title em { display: block; position: absolute; right: 0; top: 0; font-size: .2rem; color: #fff; width: .4rem; height: .4rem; text-align: center; line-height: .4rem; }
.qdSuccess_detail { display: block; margin: .62rem 0 .5rem 0; width: 100%; text-align: center; }
.qdSuccess_detail img { display: block; width: 1rem; height: 1rem; margin: 0 auto; }
.qdSuccess_detail span { display: block; font-size: .24rem; color: #787878; margin-top: .3rem; }
.qdSuccess_con a { position: relative; display: block; width: 1.5rem; height: .5rem; background: #ccc; line-height: .5rem; text-align: center; border-radius: 15px; color: #fff; font-size: .28rem; margin: 0 auto; }
.bg { display: none; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; }
.window { width: 70%; border-radius: 5px; background: #fff; padding: 10px 0; margin: 70% auto 0; }
.window p { text-align: center; font-size: 14px; color: #000; line-height: 21px; padding: 0 10px; }
.btn { width: 90%; overflow: hidden; border-top: 1px #ddd solid; margin-top: 5px; padding: 5px 5%; text-align: center; font-size: 22px; color: #ddd; background: url(../img/line1.png) no-repeat center center; }
.btn a { font-size: 12px; display: inline-block; width: 41%; float: left; color: #000; text-decoration: none; text-align: center; background: #f6f6f6; border-radius: 10px; height: 30px; line-height: 30px; background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1);     /* Firefox */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f1f1f1));     /* Saf4+, Chrome */     /* IE*/ }
.btn .c { float: right; }
.tss { width: 100%; margin: -5px auto 0; height: 25px; line-height: 25px; text-align: center; background: #f6f6f6; }
.tss em { font-style: normal; font-size: 12px; color: #999; margin-right: 40px; }
.tss .emr { margin-right: 0; }
.tss em::before { content: ""; background: url(../img/guan.png) no-repeat 0 center; background-size: 14px 14px; -webkit-background-size: 14px 14px; display: inline-block; height: 14px; width: 14px; position: relative; top: 3px; left: -4px; }
.tips_window1 { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; z-index: 999; }
.wbg { width: 6.4rem; margin: 0 auto; background: #FFF; border-radius: 5px; text-align: center; position: relative; top: 30%; padding: 0.1rem 0 0 0 }
.wbg i { display: none; }
.morez { text-align: left; }
.morez i { font-style: normal; display: block; }
.morez p { display: flex; display: -webkit-flex; padding: 0 0.2rem; }
.wbg p { font-size: .32rem; margin: 0.2rem 0; }
.wbg em { font-style: normal; color: red; }
.iknow { border-top: solid 1px #eee; text-align: center; font-size: .32rem; padding: 0.2rem 0; }
.addcard_list { position: relative; margin: .5rem auto 0 auto; width: 6.5rem; height: 1.4rem; background: #fff; border-radius: 6px; border: 1px dashed #999; text-align: center; }
.addcard_list img { position: relative; top: .11rem; line-height: 1.4rem; width: .46rem; height: .46rem; margin-right: .1rem; }
.addcard_list span { line-height: 1.4rem; font-size: .28rem; color: #999; }
.medal_title { width: 100%; height: .9rem; border-bottom: 1px solid #999; line-height: .9rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.medal_title span { display: block; }
.medal_title span:nth-child(1) { position: relative; left: .3rem; font-size: .32rem; color: #2b2b2b; }
.medal_title span:nth-child(2) { position: relative; right: .3rem; font-size: .24rem; color: #999; }
.medal_con { width: 100%; }
.medal_title span font { color: ; }
.medal_con { width: 100%; }
.medal_con ul { list-style: none; width: 100%; }
.medal_con ul li { width: 33.3%; float: left; text-align: center; margin-top: .36rem; }
.medal_con ul li img { display: block; width: 2rem; height: 2rem; margin: 0 auto; margin-bottom: .1rem; }
.xzwindow { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); }
.medal_con ul li span { font-size: .28rem; color: #2b2b2b; }
.medal_window_con { position: relative; margin: 0 auto; top: 1rem; width: 5.4rem; background: #fff; border-radius: 20px; padding-bottom: .3rem; }
.medal_window_con em { display: block; position: absolute; right: 0.2rem; top: 0.2rem; font-size: .2rem; color: #000; width: .4rem; height: .4rem; text-align: center; }
.medal_window_con img { position: relative; top: .3rem; display: block; width: 2rem; height: 2rem; margin: 0 auto; }
.medal_window_con span { display: block; font-size: .28rem; color: #2b2b2b; width: 100%; text-align: center; margin: .5rem 0 .3rem 0; }
.medal_window_con p { display: block; font-size: .28rem; color: #2b2b2b; width: 80%; text-align: center; margin: 0 auto; }
#captchaImg { position: absolute; right: .25rem; width: 1.4rem; height: .5rem; }
.inputcon { border-bottom: 1px solid #eee; }
.years { position: absolute; top: .2rem; right: .2rem; color: ; }
.upcoming_list { position: relative; }
#wrapper {     /* margin-bottom: 1rem; */ }
.hostmovie-detail .list i, .beonmovie-list i { position: absolute; bottom: 1.2rem; left: 0; color: ; width: 100%; font-size: .18rem; text-align: left; text-indent: 0.1rem; font-style: normal; background: rgb(0, 0, 0); opacity: 0.8; overflow: hidden;     /* white-space: nowrap;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis; */ }
.wish-counts { position: absolute; bottom: .9rem; left: 0; color: ; width: 100%; font-size: .18rem; text-align: left; text-indent: 0.1rem; font-style: normal; background: rgb(0, 0, 0); opacity: 0.8; overflow: hidden;     /* white-space: nowrap;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis; */ }
.contribute-right-span { position: relative; top: -.2rem; }
.goupdate { position: relative; top: -.1rem; display: block; width: 1.6rem; height: .4rem; background: #fff; text-align: center; line-height: .4rem; font-size: .24rem; color: ; border-radius: 20px; margin: 0 auto; }
input[type='search'] { color: #999; }
.hostmovie-versions { display: block; position: absolute; top: 0; left: 0; width: 100%; height: .4rem; line-height: .4rem; font-size: .18rem; color: ; background: rgba(0, 0, 0, .7); }
select::-ms-expand { display: none; }
select { appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.feedwindow { position: fixed; z-index: 9999999999; width: 5.4rem; padding: 1px; height: auto; top: 200px; left: 50%; margin-left: -2.7rem; font-size: 14px; font-family: Microsoft YaHei; background: #fff; border-radius: 20px; }
.feedwindow-title { margin: .4rem .2rem; word-wrap: break-word; line-height: 1.5; color: #333; text-align: center; }
.feedwindow-btn { height: .88rem; border-top: solid 1px #eee; }
.feedwindow-btn span { text-align: center; line-height: .88rem; color: ; display: inline-block; width: 5.4rem; }
.shaopping_window { display: none; position: fixed; z-index: 100; width: 5.4rem; padding: 1px; height: auto; top: 200px; left: 50%; margin-left: -2.7rem; font-size: 14px; font-family: Microsoft YaHei; background: #fff; border-radius: 20px; z-index: 1001; }
.shaopping_window_tip { margin: .4rem .2rem; word-wrap: break-word; line-height: 1.5; color: #333; text-align: center; }
.shaopping_window_btn { height: .88rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-top: solid 1px #eee; }
.shaopping_window_btn span { text-align: center; line-height: .88rem; color: ; display: inline-block; width: 2.65rem; border-right: solid 0.02rem #eee; }
.shaopping_window_btn span:nth-child(2) { border-right: 0; }
.alertbg { display: none; position: fixed; z-index: 100; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); }
.upcoming-style { position: absolute; left: 0; top: 0; max-width: 1rem; background: rgba(0, 0, 0, .8); color: ; font-size: .16rem; padding: .1rem .05rem; }
#join a { display: block; width: 2rem; height: .8rem; line-height: .8rem; text-align: center; font-size: .28rem; color: #fff; background: ; border-radius: 20px; margin: 1rem auto; }
.swiper-all {     /*height: auto !important;*/ }
/*//我的积分*/
.integral_img { position: relative; width: 100%; height: 3.86rem; background: url(../img/jf-bg.png); background-size: cover; }
.integral_img_con { position: relative; width: 5rem; top: .7rem; left: .6rem; }
.integral_img_con span { display: block; font-size: .26rem; color: #fff; }
.integral_img_con a { display: block; width: 3rem; height: .6rem; text-align: center; line-height: .6rem; border-radius: 20px; background: rgba(0, 0, 0, .2); color: #fff; font-size: .26rem; }
.integral_img_con a:after { content: '\e635'; color: #eee; margin-left: .1rem; font-size: .18rem; }
.integral_img_active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: 0; left: 50%; margin-left: -3.5rem; width: 7.02rem; height: 1.05rem; background: url(../img/banner-bg.png); background-size: cover; }
.integral_img_active span { display: block; font-size: .3rem; color: #fff; margin: 0 .2rem; }
.integral_img_active span:nth-child(2) { font-size: .22rem !important; }
.integral_img_active span:nth-child(2) font { color: #faa654; }
.integral_img_txt { font-size: .5rem !important; line-height: .8rem; }
.integral_info { width: 100%; }
.integral_info_con { padding: .3rem .2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background: #FFFCF7; font-size: .28rem; }
.integral_info_con span:nth-child(2) { font-size: .26rem !important; }
.integral_info_con img { position: relative; top: .05rem; width: .34rem; height: .3rem; margin-right: .1rem; }
.integral_info_div { padding: 0 .3rem; }
.integral_info_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: .3rem 0; border-bottom: 1px solid #eee; }
.integral_info_list span { font-size: .3rem; color: #000; }
.integral_info_list span font { font-size: .26rem; color: #999; display: block; }
.integral_info_list p { font-size: .32rem; color: #000; font-weight: bold; }
/*.integral_info_list p:after {
content: '\e635';
color: #a6a6a6;
margin-left: .2rem;
}*/
/*积分明细详情*/
.integral_con { padding: 0 .3rem; height: 2rem; background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.integral_con span { font-size: .5rem; color: ; }
.integral_con p { display: block; text-align: right; font-size: .26rem; color: #333; }
.integral_con p font { color: #999; position: relative; top: .1rem; }
.integral_detail {     /*padding: 0 .2rem;*/ }
.integral_detail h2 { display: block; font-size: .28rem; font-weight: normal; line-height: 1rem; padding-left: .3rem; }
.integral_detail span { display: block; font-size: .28rem; line-height: 1rem; }
.integral_detail_heard { background: #FFFCF7 !important; }
.integral_detail_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: .8rem; padding: 0 .3rem; background: #fff; }
.integral_detail_all { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; padding: 0 .3rem; border-top: 1px solid #eee; font-size: .28rem; background: #fff; height: 1rem; }
.integral_detail_all font { color: ; }
.integral_detail_all span { display: block; line-height: .7rem; }
.integral_detail_sp { position: relative; width: 100%; background: #fff; float: left; height: 2rem; }
.integral_detail_sp img { position: relative; top: .5rem; width: 1.09rem; height: auto; float: left; margin: 0 .2rem 0 .3rem; }
.integral_detail_sp_con { position: relative; float: left; top: .3rem; }
.integral_detail_sp_con span { line-height: .4rem !important; color: #666; }
.integral_detail_sp h3 { font-size: .3rem; display: block; font-weight: normal; line-height: .6rem; }
.integral_detail_sp p { display: }
.integral_detail_sp_jq { position: absolute; top: .2rem; right: .3rem; }
.integral_detail_sp_jq p { font-size: .28rem; text-align: right; line-height: .4rem; }
/*点卡兑换积分*/
.exchange_con {     /*padding: 0 .2rem;*/ }
.exchange_con_title { display: block; padding-left: .2rem; height: .8rem; background: #fff; font-size: .28rem; line-height: .8rem; }
.exchange_con_list_div { padding: 0 .2rem; }
.exchange_con_list { margin-top: .2rem; background: #fff; }
.exchange_list_flex { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.exchange_list_card { display: block; height: .75rem; background: #FFFCF7; line-height: .75rem; font-size: .26rem; color: #666666; padding-left: .8rem; }
.exchange_con_list .selectimg { position: relative; display: block; width: .8rem; }
.select { display: block; position: relative; top: .6rem; width: .44rem; height: .44rem; background: url(../img/xz-no.png); background-size: .44rem .44rem; margin: 0 auto; }
.selectd { display: block; position: relative; top: .6rem; width: .44rem; height: .44rem; background: url(../img/xz-yes.png); background-size: .44rem .44rem; margin: 0 auto; }
.exchange_con_detail { position: relative; width: 5.8rem; height: 1.5rem; padding: 0 .2rem; margin-bottom: .2rem; }
.exchange_con_num { position: absolute; top: .2rem; right: .2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.exchange_con_detail span { display: block; font-size: .24rem; color: #999; }
.exchange_con_detail span:nth-child(1) { font-size: .36rem; color: #333; margin-top: .5rem; }
.exchange_con_detail p, .exchange_con_detail p { display: block; width: .43rem; height: .43rem; border: 1px solid #cecece; color: #cecece; text-align: center; line-height: .4rem; float: left; border-radius: 50%; position: relative; border-radius: 50%; left: .2rem; z-index: 100; background: #fff; }
.exchange_con_detail .add { z-index: 100; background: #fff; left: -.2rem; }
.exchange_con_detail em { display: block; width: 1.4rem; height: .43rem; text-align: center; line-height: .43rem; float: left; border: 1px solid #eee; color: #999; }
.exchange_con_detail input { display: block; width: 1.4rem; height: .43rem; text-align: center; line-height: .43rem; float: left; border: 1px solid #eee; outline: none; -webkit-outline: none; color: #999; }
.exchange_con_totle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: fixed; bottom: 0; width: 100%; height: 1rem; background: #fff; font-size: .28rem; z-index: 1000; border-top: 1px solid #eee; }
.selected_all { display: flex; align-items: center; display: -webkit-flex; }
.onselected_all { opacity: 0; }
.exchange_con_totle span { display: block; padding: 0 .2rem; text-align: right; }
.exchange_con_totle span font { font-size: .28rem; color: #999; }
.sh_all_jf { width: 3.2rem; }
.totalm { font-size: .24rem; color:  !important; }
.exchange_con_totle a { position: absolute; right: 0; display: block; width: 1.73rem; height: 1rem; text-align: center; line-height: 1rem; background: #ff9e1c; font-size: .32rem; color: #fff; }
.select_img { display: block; position: relative; top: 0; width: .44rem; height: .44rem; margin: 0 .15rem 0 .2rem; }
.canactive { border: 1px solid #000 !important; color: #000 !important; }
.onconfirm { background: #999 !important; }
/*活动详情*/
.express-bg { width: 100%; height: 2.14rem; background: url(../img/ebg.png); background-size: cover; }
.express_title { margin-top: .2rem; padding-left: .2rem; height: .78rem; background: #FFFCF7; line-height: .78rem; font-size: .28rem; }
.express_title em { border-radius: 50%; font-size: .7rem; color: ; line-height: .4rem; }
.express_con { padding: .3rem; background: #fff; }
.express_con span { display: block; font-size: .26rem; color: #666; line-height: .6rem; }
#express a { position: fixed; bottom: 0; display: block; width: 100%; height: 1rem; line-height: 1rem; text-align: center; font-size: .32rem; background: ; color: #fff; }
.next1:before { content: '\e635'; color: #ccc; position: relative; right: 0.2rem; top: .3rem; }
.reds { background: red !important; }
.reds2 { background: red !important; color: #fff !important; border: 0 !important; }
.cinemabox p .yh { display: inline-block;     /* width: 1.2rem; */     /* height: .4rem; */
line-height: .5rem; padding: 0 .1rem; text-align: center; color: #fff; background: red; font-size: .24rem; border-radius: 4px; margin-left: .2rem; }
.none_html { }
.none_html .noimg { width: 3.5rem; height: 2rem; background: url(../img/none.png) no-repeat 0 0; background-size: 100%; margin: 3rem auto 0 auto; }
.none_html p { text-align: center; margin-top: 0.2rem; font-size: .26rem; width: 100%; }