ghtml, body { padding: 0; margin: 0 }
a:focus { outline: 0; -moz-outline: 0 }
input, textarea { outline: 0 }
ul { list-style: none; margin: 0; padding: 0 }
body { background-color: #fcfcfc }
body * { text-shadow: none }
.bgf { background-color: #fff }
p { margin: 0 0 5px 0 }
a { color: #777; text-decoration: none }
a:hover, a:focus { text-decoration: none }
a {
bblr:expression(this.onFocus=this.blur()); outline-style: none }
pre { font-size: 12px; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch }
#page nav { display: none }
.h3 { font-size: 16px }
.header { font-size: 14px; font-weight: bold; background-color: #fef7f2; color: #44b036; border-bottom: 1px solid #aaa; width: 100%; line-height: 3.5rem; height: 3.5rem; padding: 0 5px 0 5px; clear: both; z-index: 200; display:none }
.logo-tlm { margin-left: 2px; padding-left: 30px; background: url(../../images/template_3/tlm.png) 0px 10px no-repeat; }
.panel-default { margin-top: 0px; position: relative; z-index: 2; background: url(../../images/template_3/imgbg.png) repeat-x; opacity: .9; color: #282828 }
.header .headerbk { padding: 5px 15px; border: 1px solid #44b036; color: #44b036; border-radius: 5px }
.content { margin-top: 3em }
.header .headerbk:hover, .header .headerbk:focus { background-color: #44b036; color: #fff }
#header a.right, .header a.right { left: auto; right: 10px }
.search .form-control { font-size: 14px }
.logo-tlm img { height: 25px; margin:.5rem 0;}
.content-xq { padding: 10px 10px }
.colorwx { color: #63b43a; font-size: 12px }
.imgw16 { width: 16% }
.cjxz { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis }
.content-boder { background-color: #dcdcdc; border-bottom: 1px solid #f0f0f0 }
.mr3 { margin-right: 3px }
.hig1 { height: 1px }
.hig25 { height: 25px }
.boder-img { background: url(../../images/template_1/sj_03.png) repeat-x; height: 10px; width: 100%; margin-top: 5px }
.boder-img1 { background: url(../../images/template_1/sjbg1.png) #fcfcfc repeat-x; height: 6px; width: 100% }
.minh50 { height: 50px; vertical-align: middle; display: table-cell; text-align: center }
.price-com { line-height: 40px }
.glyphicon-minus { color: #333; margin: 1px 20px 1px 15px }
.glyphicon-plus, .text_box { color: #44b036; margin: 5px 15px 5px 20px }
.glyphicon-minus, .glyphicon-plus { font-size: 12px; font-weight: 900 }
.text_box { text-align: center; margin: 0 auto; font-size: 20px }
.table-sl { border: 1px solid #ddd; border-collapse: inherit }
.boder-left { border-left: 1px solid #ddd; padding: 4px; cursor: pointer; margin: 2px 0; display: table }
.boder-right { border-right: 1px solid #ddd; padding: 4px; cursor: pointer; margin: 2px 0; display: table }
.w60 { width: 60px }
.jianjie { margin: -3px 3px 0 10px }
.boder-bottom { border-bottom: 1px solid #ddd }
.mb3 { margin-bottom: 1px }
.mb10 { margin-bottom: 10px }
.p5 { padding: 5px }
.f10 { font-size: 10px }
.ml50 { margin-left: 50px }
.answer_a a, .answer_c a { cursor: pointer }
.response { clear: both; display: none }
.hr { height: 1px; border: 0; border-top: 1px dashed #ddd }
.sjx { border-left: 1px solid #ddd; float: right; margin-right: 8px; margin-top: -30px; padding: 3px 4px 3px 12px }
.time { padding: 10px 0 0 }
.dl-horizontal dt { clear: left; float: left; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; width: 70px; font-weight: 700; margin-bottom: 5px }
.dl-horizontal dd { margin-left: 75px; margin-bottom: 5px }
.ps1, .ps2, .ps3 { width: 110px; height: 42px; margin: 5px auto 0; border-radius: 5% }
.w-100 { width: 100% }
.detail-send .nav-tabs .active span { color: #44b036 }
.detail-send .nav-tabs { border-bottom: 1px solid #ddd; padding-bottom: -1px }
.detail-send .nav-tabs .active { border: 1px solid #ddd; border-bottom: 0; border-radius: 5px 5px 0 0; background-color: #fff }
.tab-content { background-color: #fff; margin-top: 0; padding: 5px; border: 1px solid #ddd; border-top: 0; border-radius: 0 0 5px 5px }
.detail-send { margin-bottom: 10px }
.ps1 { background: url(../../images/template_1/iconps.png) no-repeat }
.active .ps1, .movie-price a:focus .ps1 { background: url(../../images/template_1/iconps12.png)no-repeat }
.ps2 { background: url(../../images/template_1/iconps022.png) no-repeat }
.active .ps2, .movie-price a:focus .ps2 { background: url(../../images/template_1/iconps02.png) no-repeat }
.ps3 { background: url(../../images/template_1/iconps011.png) no-repeat }
.active .ps3, .movie-price a:focus .ps3 { background: url(../../images/template_1/iconps01.png) no-repeat }
.hint, .logistics { background-color: #f1f0f0; padding: 6px 0 1px 0; font-size: 14px }
.hint .dl-horizontal { margin-top: 0 }
.colorby { color: #cccbcb }
.coloryy { color: #e50013; font-weight: 800 }
.taopiao { color: #e50013 }
.mtb10 { margin: 10px 0; clear: both }
.order-num { padding: 10px 0 0 10px }
.w200 { width: 200px }
.dimension-content .wxfg img, .dimension-header img, .dimension-footer img { margin: 0 auto; display: block }
.convert img { margin: 0 auto; display: block }
.convert dl dt { width: 55px }
.convert dl dd { margin-left: 55px }
.dl-horizontal.h2 dd { font-weight: bold }
.detail-collect { height: 40px; background: rgba(0,0,0,0.5); color: #fff; padding: 8px; top: 0; position: absolute; z-index: 999; right: 0; display: none }
.seat-jga { display: inline-table; margin: 0 5px 0 0; width: 15px; height: 15px; background-color: #60c0fb }
.bs-example .search-active { position: relative; z-index: 1 }
.bs-example .search-active { color: #44b036 }
.seat-jgb { width: 15px; height: 15px; display: inline-table; margin: 0 5px 0 0; background-color: #007900 }
.ml7 { margin-left: 7px }
.seat-jgc { width: 15px; height: 15px; display: inline-table; margin: 0 5px 0 0; background-color: #9cc867 }
.seat-jgd { width: 15px; height: 15px; display: inline-table; margin: 0 5px 0 0; background-color: #f3c439 }
.seat-jge { width: 15px; height: 15px; display: inline-table; margin: 0 5px 0 0; background-color: #f36933 }
.seat-jgf { width: 15px; height: 15px; display: inline-table; margin: 0 5px 0 0; background-color: #e54133 }
.seat-jg { padding: 2px 5px }
.seat-jg span { font-weight: 500; font-size: 16px }
.bs-glyphicons { border: 1px solid #ddd; float: left; margin: 0 -1px -1px 0 }
.price-active { color: #44b036; border: 1px solid #44b036; position: relative; z-index: 99 }
.mlr5 { margin: 0 3px 0 5px }
.seat-list1 .seat-jg { padding: 6px 7px }
.price-no { background-color: #d7d7d7; color: #a4a3a3 }
.panel-group { position: fixed; width: 100%; z-index: 100 }
.mt40 { margin-top: 40px }
.sy h2.resp-accordion { background-color: #333 }
.resp-vtabs .resp-arrow { display: none }
.resp-vtabs h2.resp-accordion:first-child { border-top: 1px solid #333!important }
.resp-vtabs h2.resp-accordion:first-child { border-top: 1px solid #333!important }
.resp-vtabs h2.resp-tab-active { border-bottom: 0 solid #333!important; margin-bottom: 0!important; padding: 10px 15px!important; background-color: #333 }
.btn-warning { font-weight: 700 }
.movie .panel-body .address, .movie .panel-body .movie-time { width: 100%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 22px }
#content .col-xs-6 .glyphicon, .content-xq .glyphicon { font-size: 15px }
.map { min-height: 450px }
.movie-map a img { margin: 0 auto; text-align: center }
.mb20 { margin-bottom: 20px }
.order-btn { /*clear: both;
	height: 40px;
	line-height: 40px;
	padding: 5px 0;
	margin-top: 10px 老的*/
clear: both; height: 40px; line-height: 40px; padding: 5px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; position: fixed!important; left: 0; right: 0; bottom: 0; z-index: 100; }
.m10 .col-xs-5, .m10 .col-xs-7, .m10 .col-xs-4 { padding: 5px }
.pay-icn { color: #f60; font-size: 18px; height: 80px; padding: 45px 5px 5px; text-align: center; width: 100% }
.timeline { list-style: none outside none; margin: 0 0 30px; padding: 0 }
.timeline:before { background: none repeat scroll 0 0 #ddd; border: 1px solid #eee; border-radius: 2px; bottom: 0; content: ""; left: 25px; margin: 0; position: absolute; top: 0; width: 3px }
.timeline>li { margin-bottom: 10px; margin-right: 10px; position: relative }
.timeline>li:before, .timeline>li:after { content: " "; display: table }
.timeline>li:after { clear: both }
.timeline>li>.timeline-item { background: none repeat scroll 0 0 #fff; border: 0 solid #dfdfdf; color: #aaa; margin-left: 40px; position: relative }
.timeline>li>.timeline-item>.time-wl { color: #999; float: left; margin: 0 5px 0 0 }
.timeline>li>.timeline-item>.timeline-header { border-bottom: 1px solid #f4f4f4; color: #555; font-size: 14px; line-height: 1.1; margin: 0; padding: 5px }
.timeline>li>.timeline-item>.timeline-header>a { font-weight: 600 }
.timeline>li.time-label>span { background-color: #fff; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,0.5); display: inline-block; font-weight: 600; padding: 5px }
.timeline>li>.glyphicon { border-radius: 50%; color: #ddd; font-size: 15px; height: 20px; left: 1px; line-height: 20px; position: absolute; text-align: center; top: 0; width: 20px; margin-left: 10px }
.per-header { color: #fff }
.per_icon li { border: 1px solid #ccc; float: left; margin: 0 -1px -1px 0; position: relative; text-align: center; padding: 20px 10px }
.per_bg { background-color: #fff }
.per-header .img img { margin: 0 auto }
.per-header .img { padding-top: 10px; text-align: center }
.per-header h2 { margin: 10px 0 5px; font-size: 20px; font-weight: 600; color: #666 }
.bs-example { clear: both; margin: 10px 0 }
.bs-example .table-bordered td { padding: 10px 8px; text-align: center }
.cate_icon div a {
background-position:center .8rem; background-repeat: no-repeat; background-size: auto 50%; color: #fff; display: block; font-size: 18px; vertical-align: middle; font-weight: 400; overflow: hidden; text-align: center; text-decoration: none }
.test { overflow: hidden }
.test-jt span { font-size: 18px; font-weight: bold; width: 300px }
.cate_icon div a:hover { font-weight: 600; text-shadow: 0 0 20px #fff }
.cate_icon div { float: left; height: 100px; line-height: 100px; position: relative; border: 1px solid #ddd; margin: 0 -1px -1px 0; text-align: center }
.cate_icon { overflow: hidden; margin: 0 3px 0 4px }
.icon_01 { background-color: #ff9055 }
.icon_02 { background-color: #44b036 }
.icon_03 { background-color: #e54133 }
.icon_04 { background-color: #b088b1 }
.icon_05 { background-color: #c35140 }
.icon_06 { background-color: #d1688f }
.x-button-icon { height: 30px; width: 30px; padding: 6px }
.x-button-label { margin-left: 10px }
.seat-account .panel-heading .panel-title { width: 100% }
.seat-account .panel-heading { background-color: #333; color: #fff; border: 0 }
button.close { width: 30px }
#collect .modal-body { padding: 10px }
#collect .modal-header { text-align: center }
.bgyanyi { background-color: #e50013 }
.seat-account-left { padding: 6px 10px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; height: 30px }
.seat-account-right { padding: 6px 10px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; text-align: center; height: 30px }
.movie { border: 1px solid #ddd; margin-bottom: 10px; }
.navbar-fixed-top, .navbar-fixed-bottom { left: 0; position: fixed; right: 0; z-index: 1030 }
.resp { margin: 0 10px 0 0; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: 0; background-color: #fff; border-bottom: 2px solid #e50013; border-right: 2px solid #e50013; float: left; height: 12px; overflow: hidden; width: 12px }
.collapsed .resp { transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); margin-top: 6px }
.bgyanyi a { color: #fff }
.hint-money { font-weight: bolder; border: 2px solid #44b036; color: #44b036; border-radius: 100%; font-size: 8px; padding: 1px 2px 0; margin-right: 5px }
.seat-account .panel-body { background: rgba(3,3,3,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000);
color: #fff; padding: 10px 0 0 0 }
.seat-account .panel-body .panel { background: 0 }
.seat-account .panel-body .h2 { padding: 5px 10px 10px }
.seat-account .panel-body .table { margin-bottom: 0 }
.seat-account .panel-body .table tr { background-color: rgba(3,3,3,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000);
padding: 10px; line-height: 1.5; border-bottom: 1px solid rgba(7,7,7,0.4) }
.seat-account .panel-body .table>tbody>tr>td { padding: 10px }
.hr-seat { background: url(../../images/template_1/hr_03.png) repeat-x; padding: 0; margin: 0 }
#back-to-top { position: fixed; bottom: 20px; right: 10px; z-index: 1000 }
#back-to-top a { text-align: center; text-decoration: none; color: #ff5b43; display: block; width: 40px; -moz-transition: color 1s; -webkit-transition: color 1s; -o-transition: color 1s }
#back-to-top a:hover { color: #979797 }
#back-to-top a span { border-radius: 50%; display: block; padding-top: 8px; height: 40px; width: 40px; font-size: 26px; color: #fff; background: rgba(68,177,54, 0.8) no-repeat center center; margin-bottom: 5px; text-align: center; -moz-transition: background 1s; -webkit-transition: background 1s; -o-transition: background 1s }
#back-to-top a:hover span { background: #979797 no-repeat center center }
.movie-price .nav>li>a { padding: 0 5px }
.zzsc8 { margin: -35px auto; width: 50px; height: 50px; position: relative; z-index: 100 }
.container1>div, .container2>div, .container3>div { width: 6px; height: 6px; background-color: #e50013; box-shadow: 0 0 2pxrgba(68, 177, 54, 0.6); 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 }
.zzsc8 .zzsc8-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)
}
}
.search-lod { width: 300px; margin: 0 auto; text-align: center }
.loading-del .search-lod { z-index: 100; position: absolute; top: 45% }
.pt40 { padding-top: 40% }
.search-lod .ballcontent { width: 100px; margin: 0 auto; text-align: right; clear: both }
.search-lod .zzsc8 { height: 25px; margin: 0 auto; position: relative; width: 25px; z-index: 100 }
.text_num { border: 0 none; cursor: pointer; font-size: 18px; height: auto; display: table; padding: 0; width: 30px; margin: 0 auto; text-align: center; padding-top: 6px }
.text_num1 { border: 0 none; cursor: pointer; font-size: 18px; height: auto; display: table; padding: 0; width: 60px; margin: 0 auto; text-align: center; padding-top: 6px }
.ml1 { margin-left: 1px }
.hint-er { margin: 0 auto }
.w250 { width: 250px }
.detail-address .col-xs-1, .detail-time .col-xs-1, .detail-ticket-price .col-xs-1 { width: 10% }
.detail-address .col-xs-11, .detail-time .col-xs-11, .detail-ticket-price .col-xs-11 { width: 90% }
.wxadd { padding: 3px 6px; margin-top: 0; font-size: 12px }
.w100 { width: 100px }
.piaotimexin .modal-body, .piaofenxin .modal-body, .piaoxin .modal-body { padding: 20px 0 }
.piaotimexin .modal-body div, .piaofenxin .modal-body div, .piaoxin .modal-body div { padding-left: 10px }
.piaoxin .coloryy, .piaofenxin .coloryy, .piaotimexin .coloryy { color: #fff }
.piaoxin .piaoxin-active .coloryy, .piaofenxin .piaofenxin-active .coloryy, .piaotimexin .piaotimexin-active .coloryy { color: #44b036 }
.pergrxg tbody tr td { padding-bottom: 5px }
.coll-bk img, .zwyy img { vertical-align: top; margin-top: 3px }
.ios-fixed-top { position: absolute; left: 0; top: 0!important }
.address-btn { right: 25px; margin-top: 6px; position: absolute; z-index: 99 }
.address-wxadd { color: #ddd }
.page-loading { position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: #fff no-repeat; z-index: 997 }
.page-loading .search-lod { position: relative; top: 45% }
.dimension-content { background: url(../../images/template_1/wxer2.png) repeat-y center }
.dimension-content .hint-er { width: 220px }
.dimension-content .hint-er .convert { margin-left: -10px; padding: 0 5px; color: #fff }
.dimension-content .hint-er .convert img { padding: 8px; background-color: #fff; border-radius: 3px }
.city-header { padding: 20px 0 10px 0; border-bottom: 1px solid #ddd }
.city-list>li { border-bottom: 1px dashed #ddd; line-height: 30px; padding: 5px 5px 5px 25px }
.b { border: 1px solid #ddd; border-radius: 4px; padding: 15px 0; margin-top: 15px }
.phone-num { color: #44b036 }
.movie-time img, .address img, .detail-address img, .detail-time img, .detail-ticket-price img { vertical-align: -3px }
.text-de, .movie-time, .detail-address, .detail-time, .detail-ticket-price { font-size: 16px }
.casePourpre { background-color: #44b036; height: 90px; width: 140px; position: relative; margin: 10px auto }
.casePourpre .load { color: #fff; font-family: calibri; padding-top: 15px }
.vague { text-align: center; position: absolute; left: 25px }
.vague div { margin: 5px }
.vague1 { height: 5px; width: 5px; background-color: #fff; float: left; animation: vague1 2.5s infinite; -webkit-animation: vague1 2.5s infinite }
@-webkit-keyframes vague1 { 0% {
height:5px
}
50% {
height:30px
}
100% {
height:5px
}
}
@keyframes vague1 { 0% {
height:5px
}
50% {
height:30px
}
100% {
height:5px
}
}
.vague2 { height: 5px; width: 5px; background-color: #fff; float: left; animation: vague2 2.5s infinite; -webkit-animation: vague2 2.5s infinite; animation-delay: .5s; -webkit-animation-delay: .5s }
@-webkit-keyframes vague2 { 0% {
height:5px
}
50% {
height:30px
}
100% {
height:5px
}
}
@keyframes vague2 { 0% {
height:5px
}
50% {
height:30px
}
100% {
height:5px
}
}
.vague3 { height: 5px; width: 5px; background-color: #fff; float: left; animation: vague3 2.5s infinite; -webkit-animation: vague3 2.5s infinite; animation-delay: 1s; -webkit-animation-delay: 1s }
@-webkit-keyframes vague3 { 0% {
height:5px
}
50% {
height:30px
}
100% {
height:5px
}
}
@keyframes vague3 { 0% {
height:5px
}
50% {
height:30px
}
100% {
height:5px
}
}
.vague4 { height: 5px; width: 5px; background-color: #fff; float: left; animation: vague4 2.5s infinite; -webkit-animation: vague4 2.5s infinite; animation-delay: 1.5s; -webkit-animation-delay: 1.5s }
@-webkit-keyframes vague4 { 0% {
height:5px
}
50% {
height:30px
}
100% {
height:5px
}
}
@keyframes vague4 { 0% {
height:5px
}
50% {
height:30px
}
100% {
height:5px
}
}
.vague5 { height: 5px; width: 5px; background-color: #fff; float: left; animation: vague5 2.5s infinite; -webkit-animation: vague5 2.5s infinite; animation-delay: 2s; -webkit-animation-delay: 2s }
@-webkit-keyframes vague5 { 0% {
height:5px
}
50% {
height:30px
}
100% {
height:5px
}
}
@keyframes vague5 { 0% {
height:5px
}
50% {
height:30px
}
100% {
height:5px
}
}
.vague6 { height: 5px; width: 5px; background-color: #fff; float: left; animation: vague6 2.5s infinite; -webkit-animation: vague6 2.5s infinite; animation-delay: 2.5s; -webkit-animation-delay: 2.5s }
@-webkit-keyframes vague6 { 0% {
height:5px
}
50% {
height:30px
}
100% {
height:5px
}
}
@keyframes vague6 { 0% {
height:5px
}
50% {
height:30px
}
100% {
height:5px
}
}
/*票品详情页按钮样式*/
.u-btn-c0 { background: #c1c1c1; color: #fff }
.u-btn-c0:active { background-color: #0180c8; color: #fff }
.u-btn-c2 { background-color: #02923f; color: #fff }
.u-btn-c2:active { background-color: #0180c8; color: #fff }
.u-btn-c3 { background-color: #e50013; color: #fff }
.u-btn-c3:active { background-color: #0180c8; color: #fff }
.u-btn-c4 { background-color: #84c91f; color: #fff }
.u-btn-c4:active { background-color: #0180c8; color: #fff }
.u-btn-c4 span { font-size: 18px; font-weight: bold; }
.content-xq .ops { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; position: fixed; left: 0; right: 0; bottom: 0; z-index: 100 }
.content-xq .ops .u-btn { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -prefix-box-flex: 1; box-flex: 1; flex: 1; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 2.5rem;}
.ope_close_bt_area { margin-bottom: 45px; }
.header .row .col-xs-6 .text-right { margin-top: 2px; }
/*购票页面第二步20160111*/
.m-fullbox-20170609 { width:100%;}
.g-hd { left: 0; position: fixed; right: 0; top: 0; z-index: 9999; }
.m-nav { background-color: #e50013; color: #fff; height: 3.4rem; line-height: 3.4rem; position: relative; }
.m-nav .lbox { height: 100%; left: 0; position: absolute; }
.m-nav .u-btn-back { background-image: url("/images/template_1/u-btn-back.png"); background-size: .9rem 1.6rem; width: 2.2rem; }
.m-nav .u-btn { background-color: transparent; background-position: center center; background-repeat: no-repeat; float: left; font-size: 1.2rem; height: 100%; line-height: 49.95rem; overflow: hidden; text-align: center; border-radius: 0; }
.m-nav .tt { height: 100%; margin: 0 auto; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 80%; word-wrap: normal; }
.m-nav .txt { font-weight: normal; display: inline-block; vertical-align: middle; }
.m-nav .rbox { right: 0; top: 0; height: 100%; position: absolute; }
.m-nav .u-btn-home { background-image: url("/images/template_1/u-btn-home.png"); background-size: 1.65rem 1.65rem; width: 4.1rem; }
.content-time { margin-top: 3.4rem; display: flex; }
.content-time h2 { border-left: 7px solid #00923f; color: #00923f; padding-left: 10px; font-size: 20px; line-height: 24px; height: 24px; width: 20%; float: left; margin-top: 6px; }
.content-time p { float: left; }
.content-time .mb10 { width: 70%; float: right; height: 40px; margin-bottom: 3px; margin-right: 5%; }
.content-time .mb120 { height: 35px; word-spacing: -2px; }
.content-time .mb120 h3 { color: #666; font-size: 1.2em; line-height: 1.4em; padding-top: 4px; }
.ticket_normal_price { color: red; text-decoration: line-through; font-weight: lighter; font-size: 1rem; margin-left: 2px; }
.ticket_status_desc { color: #ccc; font-size: 14px; margin-left: 6px; }
.mapicon_ticketpage { background: url("/images/template_1/map.png") right -3px no-repeat; background-size: 2.5rem 2.5rem; padding-right: 2.4rem }
#divPriceDetailInfo { padding: 0px; }
.m-info { background: #fff; margin: 0px 5px 0; margin-bottom: 45px; min-height: 84px; position: relative; }
.c-message { background: #fff none repeat scroll 0 0; }
.c-message .message_p { border: medium none; padding: 10px 0; border-bottom: 1px dashed #cecece; color: #666; font-size: 20px; padding: 10px 10px 5px 0px; }
.c-message .message_p .xiangqing, .content-time .content-time_xiangqing { border-left: 7px solid #00923f; color: #00923f; padding-left: 10px; font-size: 20px; }
.c-message .message_p .c-signup-ticket { border: none; color: #ef3251; font-size: 0.8em; line-height: 2em; text-align: right; float: right; }
.c-message .message_p .c-signup-ticket em { font-size: 1em; font-weight: 700; margin-right: 5px; font-style: normal; }
.m-info .c-ticket-info { padding: 0 6px; margin-top: 10px; }
.m-info .c-ticket-info h3 { color: #666; font-size: 1.2em; line-height: 1em; padding-top: 4px; }
.m-info .c-ticket-info h3 em { font-size: 0.8em; line-height: 2em; color: #ff6600; font-style: normal; margin-left: 10px }
/*购票页面第二步20160111*/

/*选座*/
 @-webkit-keyframes slideInDown { 0% {
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
 visibility: visible;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown { 0% {
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
 visibility: visible;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }
/* 全屏盒子 */
.m-fullbox { position: absolute; top: 4.4rem; left: 0; right: 0; bottom: 0; background-color: #fff; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-align: vertical; box-orient: vertical; }
.m-fullbox > .hd, .m-fullbox > .ft { position: relative; }
.m-fullbox > .hd { z-index: 2; }
.m-fullbox > .bd { position: relative; z-index: 0; margin-bottom: 4.5rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -prefix-box-flex: 1; /* old spec webkit, moz */ box-flex: 1; flex: 1; }
.m-fullbox > .bd > .box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; }
.m-fullbox > .ft { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1; }
.m-fullbox .canvas { height: 100%; }
.m-fullbox .canvas img { position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
/* 选择日期 */

.mm-page .content-time { position:relative; z-index: 9998; }
.mm-page #content { position: relative; z-index: 1; }
.m-seldate { position: relative; height: 4rem; color: #333; background-color: #fff; }
.m-seldate.z-show .bd { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: slideInDown; animation-name: slideInDown; display: block; }
.m-seldate .hd, .m-seldate .itm { display: block; text-align: center; padding: 0.95rem 3.75rem; }
.m-seldate .hd { position: relative; z-index: 1; color: #e50013; background-color: #fff; border-bottom: 1px solid #d0d0d0; }
.m-seldate .hd:after { content: ''; display: inline-block; margin-top: 0.3rem; margin-left: 0.5rem; margin-right: -1.2rem; width: 0.6rem; height: 0.6rem; border: solid #e50013; border-width: 0 1px 1px 0; -webkit-transform: translate3d(-25%, -50%, 0) rotate(-45deg); -moz-transform: translate3d(-25%, -50%, 0) rotate(-45deg); -ms-transform: translate3d(-25%, -50%, 0) rotate(-45deg); transform: translate3d(-25%, -50%, 0) rotate(-45deg); vertical-align:sub}
.m-mask.z-hide { display: none; }
.m-seldate .itm { position: relative; color: #333; border-top: 1px solid #d0d0d0; }
.m-seldate .itm:first-of-type { border-top: none; }
.m-seldate .itm:active { color: #00923f; }
.m-seldate .itm.z-crt { color: #00923f; }
.m-seldate .itm.z-crt:after { content: ''; display: block; position: absolute; top: 50%; right: 1.25rem; margin-top: -0.625rem; width: 1.2rem; height: 1.25rem; background: url('/images/template_1/m-zone-crt.png') no-repeat center center; background-size: contain; }
.m-seldate .bd { position: relative; z-index: 0; background-color: #fff; display: none; max-height: 27.7rem; overflow:scroll}
.btn_orderlist { position: fixed; }
/* 20160318 票品页面添加推广二维码按钮*/
.ewmtg_con { float: right; text-align: right; margin-top: -2px; padding: 2px 1px; background: #9C0; border-radius: 2px; }
.ewmtg .h2 { color: #fff; line-height: 20px; }
.ewmtg .tip_t { border-color: transparent transparent transparent #fff; border-style: solid; border-width: 8px; width: 0px; height: 0px; float: right; margin-right: 1px; margin-left: 6px; margin-top: 3px; }
/* 20160318 票品推广二维码页面*/
.col-xs-5-small { width: 37%; }
.tgewm_con { text-align: center; }
.img_tgewm { width: 50%; border: 4px solid #8dc320; border-radius: 3px; margin: 10px auto; padding: 2px; }
.qrcode_size { padding: 0.5rem 1rem; }
.qrcode_size .table { border: 1px solid #e7e7eb; overflow: hidden; }
.qrcode_size .table .thead { background-color: #f4f5f9; }
.qrcode_size .table_cell { border-top: 1px solid #e7e7eb; }
.qrcode_size .table_cell:first-child { text-align: center; width: 30%; ; }
.icon18_common { display: inline-block; height: 18px; line-height: 100px; overflow: hidden; vertical-align: middle; width: 18px; text-indent: -9999px; }
.download_gray { background: url(../../images/template_1/icon_xiazai.png) left center no-repeat; }
/*会员中心-会员卡*/
.member_cards_info { width: 90%; font-size: 16px; margin: 0 auto; }
.member_cards_info img { display: block; margin: 10px auto; }
.member_cards_info table { margin: 20px auto 30px; }
.member_cards_info table img { width: 100px; }
.member_cards_info table tr { border-bottom: 1px solid #ddd; }
.member_cards_info table th { padding: 6px 10px; background: #eee; border-top-right-radius: 6px; border-top-left-radius: 6px; color: #000; font-weight: normal; }
.member_cards_info table td { padding: 6px 10px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.member_cards_info table td strong { font-weight: 500; font-size: 16px; color: #000; }
.member_cards_info table td:nth-child(1) { border-right: none; }
.member_cards_info a { color: #0088cc; }
.member_cards_info a.btn { border-radius: 5px; color: #fff; margin-top: 10px; }
.member_cards_rule { padding: 10px 20px; }
.member_cards_rule .dl-horizontal { font-size: 18px; text-align: center; margin: 15px auto; color: #333; }
.member_cards_rule p { margin: 10px auto; }
.member_cards_rule p strong { color: #333; font-size: 16px; display: block; font-weight: normal; }
.member_cards_rule p span.indents { padding-left: 32px; display: block; }
.member_cards_rule p span b { font-weight: bold; }
.member_cards_rule .mbottom { margin-bottom: 10px; }
#chooseradio { display: block; margin-bottom: 10px; }
#chooseradio .list-group-item { border-right: 1px solid #eee; border-bottom: 1px solid #eee; display: inline-block; width: 49.5%; padding: 10px 15px; margin-bottom: 0; }
#chooseradio .list-group-item .radio h2 { font-weight: normal; display: block; overflow: hidden; }
.tab-pane .sh-sfz .dl-horizontal dt { width: 100px; }
.tab-pane .sh-sfz .dl-horizontal dt span { font-weight: 400; font-size: 16px; }
.tab-pane .sh-sfz .dl-horizontal dd { margin-left: 101px; }
.payment-btn-con { }
.payment-btn-con .btns_con { margin: 10px auto; width: 100%; }
.payment-btn-con .payment_weixin { display: inline-block; width: 48.5%; padding: 10px 0; text-align: center; background: #5dc173; border: #2e8140; color: #fff; border-radius: 5px; }
.payment-btn-con .payment_ali { display: inline-block; width: 48.5%; padding: 10px 0; text-align: center; background: #eab131; border: #805e12; color: #fff; border-radius: 5px; }
.payment-btn-con select { width: 100%; border: 1px solid#ccc; border-radius: 3px; line-height: 18px; padding: 4px 10px; margin-top: 10px; }
.payment-btn-con select option { margin-bottom: 5px; height: 25px; line-height: 25px; }
.payment-btn-con select option:last-child { padding-bottom: 20px; }
/*微客样式*/
.vk_top_index, .vk_top_account, .vk_top_ewm { width: 100%; height: 10rem; background: url(../../images/template_1/bg_vk_top.jpg) top center no-repeat; background-size: 100% 100%; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; border: 1px solid #ddd; }
.vk_top_index a { display: block; height: 100%; width: 100%; background: url(../../images/template_1/kerBtn.png) 96% center no-repeat; background-size: 1rem 2.8rem; color: #fff; }
.vk_top_index a img { height: 5.5rem; width: 5.5rem; border-radius: 50%; -webkit-box-shadow: 0 0 10px #333; -moz-box-shadow: 0 0 10px #333; box-shadow: 0 0 10px #333; margin-left: 2rem; margin-top: 2.2rem; float: left; }
.vk_top_index a span { display: inline-block; margin-left: 1rem; margin-top: 3.2rem; float: left; }
.vk_info { width: 100%; margin: 0 auto; }
.vk_info table tr { border-bottom: 1px solid #ddd; }
.vk_info table td { padding: 6px 10px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.vk_info table td:nth-child(1) { border-right: none; }
.vk_info table td .green { color: green; }
.vk_table_matgintop { margin-top:0.8rem;}
.vk_info table th { padding: 6px 10px; background: #ddd; border-top-right-radius: 6px; border-top-left-radius: 6px; color: #000; font-weight: normal; }
.vk_info .big_number { font-size:2.5rem; line-height:2.2rem; color:#093;}
.vk_info .lineheight_sigal { line-height:3rem;}
.ewmtg_con_margintop { margin-top:0.5rem;}
.vk_info .vk_table_inner td { width:50%; padding:12px 10px;}
.vk_info .vkbt_myccount { display:inline-block; background:url(../../images/template_1/kerBtn.png) right center no-repeat; background-size: 0.5rem 1.2rem; padding-right:1rem; float:right; margin-right:0.5rem; line-height:3rem;}
.vk_info table.vk_links_list tr { border-bottom:1px solid #fff;}
.vk_info table.vk_links_list th { border-radius:0;}、
.vk_page .content-xq .ops .u-btn { border-left:1px solid #fff!important; border-left-width:thin; border-left-color:#fff; border-left-style:solid;}

.vk_top_account { height: 15rem;}
.vk_top_account p { width:100%; text-align:center; color:#fff; padding-top:2.5rem; font-size:1.5rem;}
.vk_top_account p .numbers { font-size:4rem; letter-spacing:0.1rem; color:#f9ffee; display:inline-block; margin-top:0.3rem;}
.vk_top_account p .numbers i { font-size:1.6rem; font-style:normal;}
.vk_top_account .ask_for_cash { background:#99cc00 url(../../images/template_1/kerBtn.png) 92% center no-repeat; background-size: 0.5rem 1.2rem; color:#fff; padding:0.2rem 0.8rem; padding-right:1.5rem; border-radius:0.2rem; display:inline-block; margin-top:0.1rem;}
.vk_ewm_titile_text { margin-top:1rem; width:100%; text-align:center; font-weight:bold; }
.vk_ewm_titile_text span { color:green;}
.vk_ewm_continer { width:96%; margin:0 auto; margin-top:1.5rem; background:#ddd; border-radius:0.2rem; -webkit-box-shadow: 0 0 10px #333; -moz-box-shadow: 0 0 10px #333; box-shadow: 0 0 10px #333;}
.vk_top_ewm { height:13rem;}
.vk_top_ewm img {height: 5rem; width: 5rem; border-radius:0.5rem; -webkit-box-shadow: 0 0 10px #333; -moz-box-shadow: 0 0 10px #333; box-shadow: 0 0 10px #333; margin-left: 2rem; margin-top: 2.2rem; margin-right:1rem; float: left;}
.vk_top_ewm p { margin-top:3rem; color:#fff; font-size:1.5rem; line-height:2rem;}
.vk_top_ewm p span { color:green; font-weight:500;}
.vk_ewminfo { margin-top:-4rem; text-align:center;}
.vk_ewminfo .fjdemo { border-radius:50%; width:8rem; height:8rem; border:0.2rem solid #fff;}
.vk_ewm_p1 { font-size:1.6rem; color:#111; margin-top:1.5rem; font-weight:bold;}
.vk_ewm_ewmcontiner { border:0.3rem solid #85ca1c; border-radius:0.5rem; padding:1rem; background:#fff; width:15rem; height:15rem; margin:0 auto; margin-top:1.5rem;}
.vk_ewm_ewmcontiner img { width:100%; height:100%;}
.vk_ewm_catext { margin:0.5rem 0 2rem 0;}

.vk_list_continer {width:100%; margin:0 auto; padding:1rem 0; background:#F8FEFD; border-radius:0.2rem; -webkit-box-shadow: 0 0 10px #333; -moz-box-shadow: 0 0 10px #333; box-shadow: 0 0 10px #333;}
.vk_list {  width:96%; margin:0 auto;}
.vk_list li { border-bottom:0.1rem solid #ccc; line-height:1.5rem; min-height:9rem; margin-bottom:1.2rem;}
.vk_list li h4 {}
.vk_list li img { height:7.5rem; width:5.6rem; float:left; margin-right:0.6rem; border:1px solid #bbb; padding:0.2rem; border-radius:0.2rem; background:#fff;}
.vk_list li .yongjin { color:#333;}
.vk_list li .yongjin i { font-style:normal; color:#F90; font-size:1.7rem; line-height:2.5rem;}
.vk_list_continer .list_styles { width:100%; border-bottom:0.1rem solid #999; padding-bottom:0.8rem; margin-bottom:0.6rem;}
.vk_list_continer .list_styles ul { width:100%; height:1.5rem;}
.vk_list_continer .list_styles ul li { width:25%; float:left; text-align:center; display:inline-block;}
.vk_list_continer .list_styles ul li a { display:block; width:100%;}
.vk_list_continer .list_styles ul li.selected a { color:#44b036;}
.vk_list_continer .list_styles ul li a .jt { background:url(../../images/template_1/vk_jt.png) top left no-repeat; width:0.8rem; height:1rem; display:inline-block; margin-left:0.5rem; background-size:3rem 1rem;}
.vk_list_continer .list_styles ul li a .jt01 { background-position:center center;}
.vk_list_continer .list_styles ul li a .jt02 { background-position:top right;}
.mm-page .order-content { background:#eee; padding:1rem; border-radius:.5rem; margin-bottom:.5rem;}
.mm-page .movie-details { margin-bottom:.5rem; font-size:14px;}