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 { font-size: 14px; margin: 0 auto; font-family: PingFangSC-Regular,Hiragino Sans GB,sans-serif; width: 100%; min-width: 320px; max-width: 750px; }
table { border-collapse: collapse; border-spacing: 0 }
html, body { -webkit-tap-highlight-color: transparent; }
input[type="button"], input[type="submit"], input[type="reset"], input[type="date"], input[type="text"] { -webkit-appearance: none; }
fieldset, img { border: 0 }
body { width: 7.5rem; position: relative;}
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 }
.cf::after, .cf::before { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }
html, body { -webkit-tap-highlight-color: transparent; margin: 0 auto; }
@font-face {
  font-family: 'iconfont';  /* project id 252749 */
  src: url('https://at.alicdn.com/t/font_0firup1ldhgs0pb9.eot');
  src: url('https://at.alicdn.com/t/font_0firup1ldhgs0pb9.eot?#iefix') format('embedded-opentype'),
  url('https://at.alicdn.com/t/font_0firup1ldhgs0pb9.woff') format('woff'),
  url('https://at.alicdn.com/t/font_0firup1ldhgs0pb9.ttf') format('truetype'),
  url('https://at.alicdn.com/t/font_0firup1ldhgs0pb9.svg#iconfont') format('svg');
}.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.bannerbg{position: relative;width: 100%;height: 3.89rem;background: url(../img/gq/bg.png);background-size: cover;margin-bottom: 1.1rem; 
}
body { /* IOS禁止微信调整字体大小 */
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}

/*微信头部*/
.wxtop { width:7.5rem; height: 1rem; background: #fff; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; position:fixed; top:0; z-index:99 }

.cityico { display: inline-block }
.cityico:before { content: "\e658" }
.wx_search { width: 5.2rem; height:.6rem;
}
.wx_search input { width: 100%; height: 100%; border: solid 1px #d6d6d6; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; text-align: center; }
.wx_search .inputs { width: 100%; height: 100%; border: solid 1px #d6d6d6; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; text-align: center; font-size: .26rem; line-height: .65rem; }
/*heard*/
.heards { width: 6.9rem; margin: 0 auto; padding: .4rem 0.3rem 0 0.3rem;
height: .88rem;
line-height: .88rem;
background: #658077; font-size: 0.32rem; color: #666; overflow: hidden; border-bottom: solid 1px #eee; position: fixed; z-index: 1003; top: 0; }
.city {
 width: .7rem; position: relative; height: .25rem;
text-align: left; float: left; font-size: .26rem;
}
.city a {
font-size:.32rem; color: #FFF; }
.cinema_list { width: 7.5rem; padding: 0.96rem 0 0.96rem 0; }
.title_txt { text-align: center; position: relative; font-size: .32rem;
float: left; width: 6.2rem; color: #FFF; }
#text { position: relative; padding: 0 0.6rem 0 0; display: inline-block; }
.tiaojian { position: absolute; top: 0; right: 0; }
.soso:before { content: '\e608'; color: #FFF; font-size: 20px; }
.xiala:before { content: '\e658'; color: #FFF; }
.xiala { position: absolute; right: -0.4rem; top: 0; }
/*heard*/



.footer { width: 100%; height: 1rem; background: #ffffff; position: fixed; bottom: 0; border-top: solid 1px #cccccc; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-align-items: center; align-items: center; z-index: 999 }
.footer p {
font-size:.2rem; color: #666; text-align: center; position: relative; }
.footer i {width: .5rem;height: .5rem;background: url(../img/footicon.png) no-repeat 0 0;
    background-size: 2rem 1.22rem;
    display: inline-block;
    /*margin: 0.1rem 0 0 0;*/}
.footer .f1 { background-position: 0.04rem 0rem; }
.footer .f2 { background-position: -0.72rem 0rem;}
.footer .f3 { background-position: -1.49rem 0 ;}
.footer .curs .f1{ background-position: 0.04rem -0.74rem;}
.footer .curs .f2{ background-position: -0.74rem -0.74rem;}
.footer .curs .f3{ background-position: -1.50rem -0.74rem;} 
.footer .curs p{ color:#658077}
/*.footer .f1 {width: .61rem;height: .57rem; background: url(../img/gq/icon1.png);background-size: cover; }
.footer .f2 {width: .61rem;height: .57rem; background: url(../img/gq/icon2.png);background-size: cover; }
.footer .f3 {width: .61rem;height: .57rem; background: url(../img/gq/icon3.png); background-size: cover;}
.footer .curs .f1{ background-position: 0rem -1rem }
.footer .curs .f2{ background-position: -1rem -1rem }
.footer .curs .f3{ background-position: -2rem -1rem }
.footer .curs p{ color:#658077}
/*城市*/
:target { padding-top: 90px; margin-top: -90px; }
.city-index, .city-wrap, .times { -webkit-transition: all .3s ease-out; transition: all .3s ease-out }
.city-wrap { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
.city-wrap.top-in { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.out { opacity: 0; -webkit-transform: translateY(-45px); -ms-transform: translateY(-45px); transform: translateY(-45px); }
.city-wrap .city-title { z-index: 1003; position: absolute; top: 0; border-bottom: 1px solid #e9e9e9; width: 100%; height: 45px; background: #fff; color: #000; font-size: 14px; line-height: 45px; text-align: center }
.city-wrap .city-title .close { position: absolute; display: block; top: 0; right: 0; width: 40px; height: 40px; color: #777; text-align: center; font-size: 20px }
.city-wrap .city-list { box-sizing: border-box; padding: 90px 0 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; background: #fff; color: #777; font-size: 12px }
.city-wrap .city-list h3 { margin: 0; padding: 9px 12px; background: #eee; color: #777; font-size: 13px; font-weight: normal; }
.city-wrap .city-list ul { margin: 0; padding: 0 }
.city-wrap .city-list li a { display: block; border-bottom: 1px solid #e5e7e7; padding: 12px; overflow: hidden; background: #fcfcfc; color: #777; font-size: 14px; text-decoration: none }
.city-wrap .city-index { z-index: 1001; position: absolute; right: 0; top: 90px; border: 1px solid #ccc; padding: 3px 0; width: 40px; background: hsla(0,0%,100%,.5); -webkit-transform: translate(100%, 50px); -ms-transform: translate(100%, 50px); transform: translate(100%, 50px) }
.city-wrap .city-index.left-in { opacity: 1; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0) }
.city-wrap .city-index ul { margin: 0; padding: 0 }
.city-wrap .city-index li { list-style: none; float: left }
.city-wrap .city-index a { display: block; width: 40px; height: 21px; text-align: center; font-size: 12px; line-height: 21px; color: #a9a9a9; text-decoration: none }
.search_city { height: 45px; line-height: 45px; background: #f5f5f5; font-size: 0; text-align: center; position: absolute; left: 0; top: 45px; width: 100%; z-index: 99 }
#so, #so1 { width: 90%; height: 32px; margin: 6px auto; background: #FFF; background: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #999; text-align: center; line-height: 32px; font-size: 13px; }
#so { width: 94%; text-align: left; padding: 0 0 0 10px; }
 @media screen and (max-height:600px) {
.city-wrap .city-index a { height: 18px; line-height: 18px }
}
 @media screen and (max-height:550px) {
.city-wrap .city-index a { height: 13px; line-height: 13px }
}
.black_bg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1002; display: none; background: #000; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
#close_so { display: none; font-size: 14px; color: #666; line-height: 32px; margin: 0 0 0 10px; }
#hotcity li { box-sizing: border-box; width: 25%; height: 36px; float: left; padding: 2px; }
#hotcity li a { box-sizing: border-box; display: block; width: 100%; border: 1px solid #e0e0e0; text-align: center; height: 32px; line-height: 32px; color: #333; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 }
.search_list { box-sizing: border-box; padding: 45px 0 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; background: #fff; color: #777; font-size: 12px; position: absolute; left: 0; top: 0; display: none; z-index: 1002; }
.search_list li a { display: block; border-bottom: 1px solid #e5e7e7; padding: 12px; overflow: hidden; background: #fff; color: #777; font-size: 15px; text-decoration: none; }
#cityName{ overflow: hidden; white-space:nowrap; text-overflow:ellipsis;} 
.apptop{ width: 100%; height: .88rem; line-height:1rem; background: #658077; font-size: .32rem; text-align: center; position: relative; color: #FFF; padding: 0.4rem 0 0 0 }
.iedits{ width: .2rem; height: .2rem; position: absolute; right: 0.4rem; top:0.4rem;}
.iedits:before{ content:'\e606'; color: #FFF; font-size: 0.36rem;}
.appnav{ width: 3rem; height: .58rem; margin: 0.2rem auto 0 auto; background: #70522e; border-radius: 30px; color: #FFF;line-height: .58rem; overflow: hidden; }
.appnav a{ display: inline-block; line-height: .58rem; color: #FFF; font-size: .26rem; float: left; width: 50%; text-align: center;  }
.appnav .cur{ background: #FFF; color: #70522e; }
.appfix{ position: fixed;top:0;left: 0; z-index: 9999; width:7.5rem; overflow: hidden;}
.app_f{ position: absolute;left: 0.2rem; top:0.4rem; width: .25rem; height:.25rem;  }
.app_f:before{content: "\e89d"; color: #FFF; font-size: .32rem;}
.absright{ position: absolute;right: 0 }
[v-cloak]{
     display:none !important;
  }
.ts {
    display: none;
    position: fixed;
    bottom: 50px;
    color: #FFF;
    background:rgba(0,0,0,.7);
    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;
}
.can_refund {margin-top: 3px;}
.can_refund span{color: #666;
    font-size: .18rem !important;
    border: 1px solid #666;
    /* margin-top: 10px; */
    border-radius: 3px;
    padding: 1px 3px;}
/* html {overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);} */