@charset "UTF-8";
* { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }

input, button, select, textarea { outline: none; font-family: '微软雅黑'; }

li { list-style: none; }

img { border: 0; }

textarea { resize: none; }

body, div, span, ul, li, p, h1, h2, h3, h4, h5, h6, img, input, textare { margin: 0 auto; padding: 0; border: 0 none; }

body { font-size: 12px; font-family: "微软雅黑",Arial, Helvetica, sans-serif; color: #323232; }

body { word-wrap: break-word; word-break: break-all; min-height: 100%; _height: 100%; }

a { color: #666; text-decoration: none; cursor: pointer; }

a:hover { text-decoration: none; }

a { outline: none; }

a:active { star: expression(this.onFocus=this.blur()); }

a:focus { outline: 0; }

.hidden { display: none; }

.vhidden { visibility: hidden; }

.block { display: block; }

.tabs p a:after { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.clearfix, .tabs p, .setColor .rowColor, .setColor .rowColor .flex, .ul-inline, .row, .row.c_l ul, .s-b-list .scroller .field ul, .buyBtn .p-list ul li, .my .myheader .photo, .setting .settingCon, .veOrder, .refundBtn p, .etDetailCon, .titleTab, .titleTab ul, .ticketMain, .p-input .p-i-box, .buySucces .bs-info .info-item, .buy-s-but { *zoom: 1; }
.clearfix:before, .tabs p:before, .setColor .rowColor:before, .setColor .rowColor .flex:before, .ul-inline:before, .row:before, .row.c_l ul:before, .s-b-list .scroller .field ul:before, .buyBtn .p-list ul li:before, .my .myheader .photo:before, .setting .settingCon:before, .veOrder:before, .refundBtn p:before, .etDetailCon:before, .titleTab:before, .titleTab ul:before, .ticketMain:before, .p-input .p-i-box:before, .buySucces .bs-info .info-item:before, .buy-s-but:before, .clearfix:after, .tabs p:after, .setColor .rowColor:after, .setColor .rowColor .flex:after, .ul-inline:after, .row:after, .row.c_l ul:after, .s-b-list .scroller .field ul:after, .buyBtn .p-list ul li:after, .my .myheader .photo:after, .setting .settingCon:after, .veOrder:after, .refundBtn p:after, .etDetailCon:after, .titleTab:after, .titleTab ul:after, .ticketMain:after, .p-input .p-i-box:after, .buySucces .bs-info .info-item:after, .buy-s-but:after { content: ""; display: table; }
.clearfix:after, .tabs p:after, .setColor .rowColor:after, .setColor .rowColor .flex:after, .ul-inline:after, .row:after, .row.c_l ul:after, .s-b-list .scroller .field ul:after, .buyBtn .p-list ul li:after, .my .myheader .photo:after, .setting .settingCon:after, .veOrder:after, .refundBtn p:after, .etDetailCon:after, .titleTab:after, .titleTab ul:after, .ticketMain:after, .p-input .p-i-box:after, .buySucces .bs-info .info-item:after, .buy-s-but:after { clear: both; }

.icon-txy-left:before, .icon-txy-right:before, .icon-txy-tel:before, *, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. 0. sassCore's style */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ overflow-y: scroll; /* 0 */ -webkit-overflow-scrolling: touch; /* 0 */ }

/** 1. Remove default margin 0. sassCore's style. */
body { margin: 0; /* 1 */ line-height: 1.5; /* 0 */ color: #333; /* 0 */ background-color: #fff; /* 0 */ }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. 3. Correct `inline-block` display in IE 6/7. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ *display: inline; /* 3 */ *zoom: 1; /* 3 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** 1. Remove the gray background color from active links in IE 10. 2. Improve readability when focused and also mouse hovered in all browsers. 0. sassCore's style. */
a { background: transparent; /* 1 */ /* 0 */ text-decoration: none; color: #08c; }
a:active, a:hover { outline: 0; /* 2 */ }
a:hover { color: #006699; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** 1. Remove border when inside `a` element in IE 8/9/10. 2. Improve image quality when scaled in IE 7. 0. sassCore's style. */
img { border: 0; /* 1 */ vertical-align: middle; /* 0 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** 1. Contain overflow in all browsers. 2. Improve readability of pre-formatted text in all browsers. */
pre { overflow: auto; /* 1 */ white-space: pre; /* 2 */ white-space: pre-wrap; /* 2 */ word-wrap: break-word; /* 2 */ }

/** 1. Address odd `em`-unit font size rendering in all browsers. 2. Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ _font-family: 'courier new', monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. 4. Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. 3. Remove excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. 3. Correct alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ *margin-left: -7px; /* 3 */ }

/** 1. Remove default vertical scrollbar in IE 8/9/10/11. 0. sassCore's style */
textarea { overflow: auto; /* 1 */ resize: vertical; /* 0 */ }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/** Address CSS quotes not supported in IE 6/7. */
q { quotes: none; }

html, button, input, select, textarea { font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif; }

h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; }

ul, ol, li, dl, dd { margin: 0; padding: 0; }

ul, ol { list-style: none outside none; }

h1, h2, h3 { line-height: 2; font-weight: normal; }

h1 { font-size: 21px; }

h2 { font-size: 18.2px; }

h3 { font-size: 16.38px; }

h4 { font-size: 14px; }

h5, h6 { font-size: 11.9px; text-transform: uppercase; }

input:-moz-placeholder, textarea:-moz-placeholder { color: #ccc; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; }

@font-face { font-family: FontAwesome; font-weight: normal; font-style: normal; src: url("../font/iconfont.eot"); src: url("../font/iconfont.eot?#iefix") format("eot"), url("../font/iconfont.svg#FontAwesome") format("svg"), url("../font/iconfont.woff") format("woff"), url("../font/iconfont.ttf") format("truetype"); }
.icon-txy-left, .icon-txy-right, .icon-txy-tel { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-txy-left:before { content: ""; }

.icon-txy-right:before { content: ""; }

.icon-txy-tel:before { content: ""; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/** 去除双击选中文字 %user */
.l { float: left; }

.r { float: right; }

.mt10 { margin-top: 10px; }

.mt20 { margin-top: 20px; }

.ml10 { margin-left: 10px; }

.ml20 { margin-left: 20px; }

.hidden { display: none; }

.btn.hidden { display: none; }

.article-box .article-ul li .article-info .titles { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative; word-break: break-all; }

.codeBox .codeCon .codeHead .codeTitle, .buySucces .bs-info .info-item .name { overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; }

.tabs p a:after { -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

.setColor .rowColor, .setColor .rowColor .c-up.active .icon-c-up { -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

@media screen and (max-width: 320px) { html { font-size: 12px; } }
@media screen and (min-width: 321px) and (max-width: 414px) { html { font-size: 14px; } }
@media screen and (min-width: 415px) and (max-width: 568px) { html { font-size: 16px; } }
@media screen and (min-width: 569px) and (max-width: 736px) { html { font-size: 18px; } }
@media screen and (min-width: 737px) and (max-width: 1080px) { html { font-size: 22px; } }
@media screen and (min-width: 1081px) { html { font-size: 36px; } }
body { background-color: #f2f2f2; height: 100%; }
body.bgfff { background-color: #fff; }

img { max-width: 100%; max-height: 100%; display: block; }

.codeBox .codeCon .codeHead .codeTitle, .buySucces .bs-info .info-item .name { overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; }

a { -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; -ms-tap-highlight-color: transparent; -o-tap-highlight-color: transparent; tap-highlight-color: transparent; }

.ffyh { font-family: "microsoft yahei"; }

.lt { text-decoration: line-through; }

.uline { text-decoration: underline; }

.fw { font-weight: 700; }

.tal { text-align: left; }

.tar { text-align: right; }

.tac { text-align: center; }

.border-1px-right { position: relative; }
.border-1px-right::after { content: ''; transform: scaleX(0.5); display: block; position: absolute; top: 0; right: 0; height: 100%; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) { .border-1px-top { position: relative; }
  .border-1px-top::before { content: ''; transform: scaleY(0.7); display: block; position: absolute; top: 0; left: 0; width: 100%; }
  .border-1px-bottom { position: relative; }
  .border-1px-bottom::after { content: ''; transform: scaleY(0.7); display: block; position: absolute; bottom: 0; left: 0; width: 100%; }
  .border-1px-left { position: relative; }
  .border-1px-left::before { content: ''; transform: scaleX(0.5); display: block; position: absolute; top: 0; left: 0; height: 100%; }
  .border-1px-right { position: relative; }
  .border-1px-right::after { content: ''; transform: scaleX(0.5); display: block; position: absolute; top: 0; right: 0; height: 100%; } }
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .border-1px-top { position: relative; }
  .border-1px-top::before { content: ''; transform: scaleY(0.5); display: block; position: absolute; top: 0; left: 0; width: 100%; }
  .border-1px-bottom { position: relative; }
  .border-1px-bottom::after { content: ''; transform: scaleY(0.5); display: block; position: absolute; bottom: 0; left: 0; width: 100%; }
  .border-1px-left { position: relative; }
  .border-1px-left::before { content: ''; transform: scaleX(0.5); display: block; position: absolute; top: 0; left: 0; height: 100%; }
  .border-1px-right { position: relative; }
  .border-1px-right::after { content: ''; transform: scaleX(0.5); display: block; position: absolute; top: 0; right: 0; height: 100%; } }
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) { .border-1px-top { position: relative; }
  .border-1px-top::before { content: ''; transform: scaleY(0.33); display: block; position: absolute; top: 0; left: 0; width: 100%; }
  .border-1px-bottom { position: relative; }
  .border-1px-bottom::after { content: ''; transform: scaleY(0.33); display: block; position: absolute; bottom: 0; left: 0; width: 100%; }
  .border-1px-left { position: relative; }
  .border-1px-left::before { content: ''; transform: scaleX(0.5); display: block; position: absolute; top: 0; left: 0; height: 100%; }
  .border-1px-right { position: relative; }
  .border-1px-right::after { content: ''; transform: scaleX(0.5); display: block; position: absolute; top: 0; right: 0; height: 100%; } }
.tabs { display: block; text-align: center; position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 4.4rem; border-bottom: 1rem solid #f2f2f2; }
.tabs p { text-align: center; display: block; background-color: #fff; }
.tabs p a { position: relative; display: block; float: left; width: 50%; text-align: center; color: #696969; height: 3.4rem; line-height: 3.4rem; color: #333333; font-size: 1.1rem; }
.tabs p a:after { content: ''; position: absolute; left: 50%; bottom: 0; width: 60%; margin-left: -30%; display: block; height: 2px; background-color: transparent; }
.tabs p a.oncur { color: #ff6b30; }
.tabs p a.oncur:after { background-color: #ff6b30; }
.tabs + .tabs-content { margin-top: 4.4rem; }

.tabs-content .contents { display: none; height: 100%; }
.tabs-content .contents.active { display: block; }
.tabs-content .fade { -webkit-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; opacity: 0; }
.tabs-content .fade.in { opacity: 1; }

.c6 { color: #666; }

.c4d { color: #4d4d4d; }

/****在线购票****/
.buyMain { position: relative; }

.btTitle { background: #fff; padding: 0.91666rem 1.11111rem; line-height: 1.47222rem; font-size: 1.11111rem; color: #4c4c4c; }

.seeDate, .selectPrice, .buyNum { margin-top: 0.83333rem; padding: 0 1.11111rem; background: #fff; }

.bmTitle { height: 3.4rem; line-height: 3.33333rem; border-bottom: 1px dotted #ccc; font-size: 1rem; color: #4d4d4d; }
.bmTitle .r { color: #9d9c9c; font-size: 0.8rem; }
.bmTitle .r em { font-style: normal; color: #d41313; padding-right: 5px; }

.bmTitle .bmtPrompt { color: #b2b2b2; font-size: 0.83333rem; }

/*观看时间*/
.sdContent { -webkit-box-flex: 1; -ms-box-flex: 1; -moz-box-flex: 1; box-flex: 1; height: 3rem; font-size: 1.11111rem; position: relative; }
.sdContent input { line-height: 3rem; font-size: 1rem; padding-right: 0.55556rem; border: none; height: 100%; display: block; width: 100%; color: #666; vertical-align: middle; background-color: #fff; }
.sdContent i { display: block; position: absolute; right: 0; top: 0; width: 1.33333rem; height: 3rem; background: url(../images/icon_date.png) center no-repeat; background-size: 1.33333rem; pointer-events: none; }

/*选择座位*/
.slpContent { padding-bottom: 1.11111rem; }
.slpContent .slpcCate { display: block; padding: 0 0.55555rem; height: 1.72222rem; line-height: 1.72222rem; color: #4d4d4d; border: 1px solid #4d4d4d; border-radius: 0.77777rem; margin: 1.11111rem 1.11111rem 0 0; font-size: 0.83333rem; }
.slpContent .slpcNo { color: #b3b3b3; border-color: #b3b3b3; }
.slpContent .slpcOn { color: #2ac442; border-color: #2ac442; }

/*购买数量*/
.buyNum { margin-bottom: 5.55555rem; }

.bnsContent { padding: 0.61111rem 0; }

.iconReduce, .iconAdd { background: url(../images/icon_reduce.png) no-repeat; background-size: 1.61111rem 1.61111rem; border: 1px solid #666; display: block; width: 1.66666rem; height: 1.66666rem; margin-top: 0.22222rem; }

.iconAdd { background: url(../images/icon_add.png) no-repeat; background-size: 1.61111rem 1.61111rem; }

.bncText { width: 5.27777rem; height: 2.11111rem; border: 1px solid #666; margin: 0 0.83333rem; }
.bncText input { font-size: 1rem; color: #4c4c4c; margin: 0.41666rem 0 0 0.27rem; width: 4.66rem; height: 1.27rem; line-height: 1.27rem; }

/*底部按钮*/
.buyBtn { position: fixed; bottom: 0; border-top: 1px solid #cecece; width: 100%; height: 3.77777rem; line-height: 3.77777rem; font-size: 1.11111rem; }
.buyBtn.static { position: relative; }

.ticketNum { width: 50%; height: 100%; background: #fff; color: #666; }

.btnNext, .btnbuy { width: 50%; height: 100%; background: #ff5917; color: #fff; display: block; }

.bdtBtn { position: fixed; bottom: 0; width: 100%; height: 3.33333rem; line-height: 3.33333rem; font-size: 1.11111rem; }

.btnbuy { width: 100%; }

.btnNext:hover, .btnbuy:hover { color: #fff; background: #ff6b30; }

/**** 购票详情 ****/
.bdtailBox { background: #fff; padding: 1.11111rem; color: #4c4c4c; }

.venuesInfo, .gameAbout { margin-top: 0.83333rem; padding: 0 1.11111rem; background: #fff; }

.bdtImg { width: 6.38888rem; height: 6.38888rem; }

.bdtImg img { width: 100%; height: auto; vertical-align: middle; }

.bdtContent { padding-left: 6.94444rem; font-size: 1rem; }

.bdtcTitle, .bdtcDate, .bdtcPrice { line-height: 1.66666rem; height: 1.66666rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.bdtSell { margin-top: 0.22222rem; }
.bdtSell .bdtsCate { border-radius: 0.83333rem; padding: 0 0.38889rem; height: 1.11111rem; line-height: 1.11111rem; display: block; font-size: 0.77778rem; border: 1px solid #ff5917; margin-right: 0.55555rem; }
.bdtSell .sell { color: #ff5917; border-color: #ff5917; }
.bdtSell .select { color: #32c649; border-color: #32c649; }

.gameContent { padding: 0.61111rem 0 8.33333rem; line-height: 1.55556rem; font-size: 0.88889rem; color: #666; }
.gameContent img { display: inline-block; }

.viContent { padding: 1.11111rem 0; }

.iconPosition { background: url(../images/icon_position.png) no-repeat; background-size: 0.94444rem; width: 1rem; height: 1.13889rem; display: block; }

.vicText { padding-left: 1.66666rem; line-height: 1.16666rem; font-size: 1rem; color: #666; }

/*在线购票-提交订单*/
.venuesBox { background: #fff; padding: 0.72222rem 1.11111rem 0; }

.veTitle { font-size: 1.11111rem; color: #4c4c4c; line-height: 2rem; }

.vebContent { padding-top: 0.61111rem; }

.pt20 { padding-top: 1.11111rem; }

.vebTime { padding: 0.61111rem 0 1.02777rem; }

.iconTime { background: url(../images/icon_time.png) no-repeat; background-size: 0.94444rem; width: 1rem; height: 1rem; display: block; margin-top: 0.08333rem; }

.btkText { height: 3.33333rem; line-height: 3.33333rem; font-size: 1rem; }

.btkText2 { height: 3.05555rem; line-height: 3.05555rem; font-size: 1rem; }

.btLine { border-top: 1px dotted #ccc; }

.seating, .sendType, .tkPrice, .tkPaytype, .real-name { margin-top: 0.83333rem; background: #fff; padding: 0 1.11111rem; }

.iconSeat { background: url(../images/icon_seat.png) no-repeat; background-size: 0.94444rem; width: 0.94444rem; height: 1rem; display: block; margin: 1.11111rem 0.72222rem 0 0; }

.iconDonated { background: url(../images/icon_donated.png) no-repeat; background-size: 0.94444rem; width: 0.94444rem; height: 0.88889rem; display: block; margin: 0.16667rem 0.72222rem 0 0; }

.iconTwx { background: url(../images/icon_pay_wx.png) no-repeat; background-size: 1.69444rem 1.69444rem; width: 1.69444rem; height: 1.69444rem; display: block; margin: 0.80555rem 0.5rem 0 0; }

.vtText1, .vtText2 { display: block; width: 70%; }

.vtText2 { width: 30%; }

.btkText .btkInput { width: 10rem; height: 2.11111rem; line-height: 1.38888rem; border: 1px solid #999; margin-top: 0.63888rem; border-radius: 0.16666rem; }
.btkText .btkInput input { margin: 0.27777rem 0 0 0.55555rem; width: 8.83333rem; height: 1.38888rem; font-size: 1rem; color: #4d4d4d; }

.styContent { padding: 0.83333rem 0 0.36111rem; }

.styCate { width: 3.61111rem; height: 4.19444rem; display: block; margin: 0 1.25555rem; float: left; line-height: 1.69444rem; font-size: 0.83333rem; color: #666; }

.icontype { width: 2.5rem; height: 2.5rem; background: #ccc; display: block; border-radius: 50%; padding-top: 0.72222rem; }

.icontype i.itype1, .icontype i.itype2 { background: url(../images/icon_ticket1.png); background-size: 1.19444rem 1.13888rem; width: 1.19444rem; height: 1.13888rem; display: block; margin: 0 auto; }

.icontype i.itype2 { background: url(../images/icon_ticket2.png); background-size: 1.30555rem 1.05555rem; width: 1.30555rem; height: 1.05555rem; }

.styCate:hover { color: #666; }

.icontype:hover, .typeOn { background: #ff5917; color: #666; }

.vebTime.pt0 { padding-top: 0; }

.vicText.c9 { color: #999; }

.vebGive { margin-top: 0.83333rem; padding: 0.83333rem 0; }
.vebGive span { color: #999; margin-right: -0.61111rem; }

.notices { padding: 1rem; background-color: #fff; }
.notices img { display: inline-block; }

.scale-fixed { position: fixed; right: 1rem; top: 10.4rem; z-index: 10000; background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 0 10px rgba(51, 51, 51, 0.2); -moz-box-shadow: 0 0 10px rgba(51, 51, 51, 0.2); box-shadow: 0 0 10px rgba(51, 51, 51, 0.2); }
.scale-fixed:after { content: ' '; position: absolute; width: 2.4rem; border-bottom: 1px solid #eee; left: 50%; margin-left: -1.2rem; top: 52%; }
.scale-fixed a { display: block; width: 3.2rem; height: 2.8rem; line-height: 2.8rem; font-size: 20px; font-weight: bold; text-align: center; color: #666; }
.scale-fixed a:focus, .scale-fixed a:active { color: #999; background-color: #eee; }

/*** 实名认证 ***/
.bmTitle span.bt-freq-title { font-size: 0.83333rem; color: #b2b2b2; }

.real-name-content { padding: 0 0 0.75rem; }

.rn-c-text { margin-top: 0.41667rem; }

.rn-c-title { font-size: 1rem; color: #666; line-height: 1.05556rem; padding-top: 1.19444rem; }

.rc-ct-img { width: 1.66667rem; height: 1.66667rem; display: block; margin: 0.80556rem 0.55556rem 0 0; }

.rc-ct-img img { width: 1.66667rem; height: 1.66667rem; }

.rc-ct-name, .rc-ct-name2 { padding-left: 2.22222rem; line-height: 1.72222rem; font-size: 1rem; color: #b2b2b2; background: url(../images/arrow_icon.png) right center no-repeat; background-size: 0.5rem 1rem; }

.rc-ct-name2 { background: none; }

.rc-ct-name span, .rc-ct-name2 span { color: #666; }

.real-name-select { padding: 0.83333rem 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; font-size: 1rem; color: #666; line-height: 1.94444rem; }

.rn-s-btn { border-radius: 0.19444rem; background: #ff9517; font-size: 0.83333rem; color: #fff; width: 5.55556rem; height: 1.94444rem; display: block; }

.real-name-error { padding: 0.61111rem 0; font-size: 0.83333rem; line-height: 1.33333rem; color: #666; }

.rn-e-title { width: 2.72222rem; display: block; }

.rn-e-text { padding-left: 2.72222rem; }

.btk-p-error { padding: 0.77778rem 1.11111rem; font-size: 0.83333rem; line-height: 0.88889rem; color: #666; margin-bottom: 5.05555rem; }

.mt-20 { margin-top: 0.55556rem; }

.textCenter { text-align: center; }

.ft0 { font-size: 0; }

.seeDate { position: relative; }
.seeDate.top { margin-top: 0; }
.seeDate .title { text-align: center; position: absolute; left: 0; top: 100%; width: 100%; z-index: 999; }
.seeDate .title p { display: inline-block; font-size: 1rem; border-bottom: 1px solid #34c74b; padding: 0 4rem; color: #34c74b; line-height: 2rem; margin-top: 1rem; }

.setColor { height: 3.4rem; position: relative; background-color: #f5f5f5; }
.setColor .p-ab { background-color: #f5f5f5; border-top: 1px solid #eee; padding: 0.5rem 3rem 0.5rem 1rem; }
.setColor .rowColor { max-height: 3.4rem; width: 100%; text-align: left; position: absolute; left: 0; bottom: 0; }
.setColor .rowColor .flex { width: 100%; }
.setColor .rowColor .flex p { line-height: 2.4rem; font-size: 0; float: left; margin-right: 1.2rem; }
.setColor .rowColor .flex p em, .setColor .rowColor .flex p span { vertical-align: middle; font-size: 14px; }
.setColor .rowColor .flex p em { display: inline-block; width: 1.5rem; height: 1rem; margin-right: 5px; }
.setColor .rowColor .c-up { display: block; position: absolute; right: 0; top: 0; width: 3rem; height: 3.4rem; text-align: center; line-height: 3.4rem; }
.setColor .rowColor .c-up .icon-c-up { display: inline-block; background: url(../images/down.png) center no-repeat; background-size: 1.1rem; width: 1.1rem; height: 0.6rem; }
.setColor .rowColor .c-up.active .icon-c-up { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.ul-inline { display: inline-block; }

.s-box { font-size: 0; padding: 1rem 0; float: left; margin-right: 1rem; height: 4rem; }
.s-box em, .s-box span { display: inline-block; vertical-align: middle; font-size: 1rem; }
.s-box em { margin-right: 5px; }

.jyMall { width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: center; background-size: 1.8rem; }
.jyMall.jy-seat { background-image: url(../images/seat.png); }
.jyMall.jy-seat-none { background-image: url(../images/seat-none.png); }
.jyMall.jy-seat-hover { background-image: url(../images/seat-hover.png); }
.jyMall.sellOut { background-image: url(../images/seat-vacancy.png); }

.row.c_l { padding: 1rem 0; }
.row.c_l ul li { float: left; font-size: 0; margin-right: 0.8rem; height: 2rem; }
.row.c_l ul li em, .row.c_l ul li span { display: inline-block; vertical-align: middle; font-size: 1rem; }
.row.c_l ul li em { width: 1.94444rem; height: 1.22222rem; margin-right: 0.5rem; }
.row.c_l ul li em.c1 { background-color: #46afda; }
.row.c_l ul li em.c2 { background-color: #ef8743; }
.row.c_l ul li em.c3 { background-color: #8ac576; }
.row.c_l ul li em.c4 { background-color: #e465a0; }

.maps { background-color: #fff; height: -webkit-calc(100% - (3.8rem + 0.83333rem) - 2px); height: -moz-calc(100% - (3.8rem + 0.83333rem) - 2px); height: calc(100% - (3.8rem + 0.83333rem) - 2px); }
.maps.setColor { height: -webkit-calc(100% - 6.8rem); height: -moz-calc(100% - 6.8rem); height: calc(100% - 6.8rem); }
.maps .pinch-zoom-container { height: 100%; }
.maps .pinch-zoom { top: 50%; margin-top: -40%; }
.maps .pinch-zoom svg { display: block; margin: 0 auto; }

.s-b-list { height: -webkit-calc(100% - 11.17777rem); height: -moz-calc(100% - 11.17777rem); height: calc(100% - 11.17777rem); width: 100%; overflow: hidden; position: relative; padding-top: 3.5rem; }
.s-b-list .scroller { width: 31.7rem; }
.s-b-list .scroller .field { margin-top: 2rem; padding: 1.6rem; width: 100%; }
.s-b-list .scroller .field ul .jyMall { float: left; width: 1.6rem; height: 1.6rem; background-size: 1.6rem; margin: 0 0.3rem 0.3rem 0; }

.ticketNum .toggles { width: 3.33333rem; height: 2.77777rem; margin: 0.5rem 0; display: block; text-align: center; position: relative; border-right: 1px solid #e0e0e0; }
.ticketNum .toggles .down { background-repeat: no-repeat; background-position: center; background-image: url(../images/down.png); background-size: 1.2rem; display: inline-block; width: 1.2rem; height: 1.2rem; position: absolute; top: 50%; left: 50%; -webkit-transition: transform 0.2s ease-out; -ms-transition: transform 0.2s ease-out; -moz-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; -webkit-transform: translate(-50%, -50%) rotate(-180deg); -moz-transform: translate(-50%, -50%) rotate(-180deg); -ms-transform: translate(-50%, -50%) rotate(-180deg); transform: translate(-50%, -50%) rotate(-180deg); }
.ticketNum .toggles.animate .down { -webkit-transform: translate(-50%, -50%) rotate(0); -moz-transform: translate(-50%, -50%) rotate(0); -ms-transform: translate(-50%, -50%) rotate(0); transform: translate(-50%, -50%) rotate(0); }
.ticketNum .prc { padding-left: 0.5rem; }

.buyBtn .p-list { position: absolute; bottom: 3.77777rem; left: 0; z-index: 10; width: 100%; background-color: #fff; border-top: 1px solid #cecece; }
.buyBtn .p-list ul { padding: 0 1.11111rem; }
.buyBtn .p-list ul li { border-bottom: 1px dashed #dedede; font-size: .8rem; line-height: 3rem; height: 3rem; }
.buyBtn .p-list ul li:last-child { border-bottom: none; }
.buyBtn .p-list ul li .control { font-size: 0; }
.buyBtn .p-list ul li .control span, .buyBtn .p-list ul li .control a { display: inline-block; vertical-align: middle; font-size: 0.8rem; }
.buyBtn .p-list ul li .control .del { background: url(../images/del.png) right center no-repeat; background-size: 1rem; width: 2rem; height: 2.9rem; padding: 0 0 0 1.11111rem; }

.ticketNum.w70 { width: 70%; }

.btnNext.w30 { width: 30%; }

.login { margin-top: 1rem; }

.col-1 { background-color: #fff; padding: 0.83333rem 1.11111rem; border-bottom: 1px solid #f2f2f2; }
.col-1 label, .col-1 input { float: left; }
.col-1 label { font-size: 1rem; line-height: 1.94444rem; display: inline-block; width: 3.33333rem; }
.col-1 input { font-size: 1rem; color: #666; }
.col-1 input[type="text"], .col-1 input[type="number"] { height: 1.94444rem; line-height: 1.94444rem; padding: 0 0.5rem; }
.col-1 input.row1 { width: -webkit-calc(100% - 120/36*1rem); width: -moz-calc(100% - 120/36*1rem); width: calc(100% - 120/36*1rem); }
.col-1 input.row-yz { width: -webkit-calc(100% - 120/36*1rem - 286/36*1rem); width: -moz-calc(100% - 120/36*1rem - 286/36*1rem); width: calc(100% - 120/36*1rem - 286/36*1rem); }
.col-1 .btn { display: inline-block; }
.col-1 .btn.hq { max-width: 7.94444rem; padding: 0 0.55556rem; height: 1.94444rem; line-height: -webkit-calc(70/36*1rem - 2px); line-height: -moz-calc(70/36*1rem - 2px); line-height: calc(70/36*1rem - 2px); border: 1px solid #2ac442; color: #2ac442; border-radius: 3px; text-align: center; font-size: 0.8rem; }
.col-1 .btn.hq.wait { color: #d0d0d0; border-color: #d0d0d0; pointer-events: none; }

.col-btn { padding: 0 1.11111rem; margin-top: 1rem; }
.col-btn a { width: 100%; height: 3.16667rem; line-height: 3.16667rem; display: block; border-radius: 5px; background-color: #2ac442; color: #fff; font-size: 1.2rem; text-align: center; }

.tips { padding: 0 1.11111rem; }
.tips p { text-align: right; line-height: 1.94444rem; }
.tips.danger p { color: #ff5917; }

.my { height: 100%; }
.my .myheader { background: #ff5917; height: 6.11111rem; }
.my .myheader .photo { height: 6.11111rem; padding: 1.11111rem; }
.my .myheader .photo a.photoA { width: 3.88889rem; height: 3.88889rem; float: left; background-color: #fff; border-radius: 50%; }
.my .myheader .photo a.photoA img { border-radius: 50%; }
.my .myheader .photo.default .photoA img { max-width: 60%; margin-top: 0.55556rem; border-radius: 0; }
.my .myheader .photo .photoP { margin-left: 5.13889rem; }
.my .myheader .photo span.name { color: #fff; display: block; width: 100%; font-size: 1.11111rem; }
.my .myheader .photo span.lh { line-height: 3.88889rem; }
.my .myheader .photo span.fsize { font-size: 0.83333rem; margin-top: 0.55556rem; background: url(../images/icon-left.png) 82% 0.13889rem no-repeat; background-size: 0.5rem; }

.setting .settingCon { border-bottom: 1px solid #f2f2f2; height: 3.77778rem; padding: 0 0.83333rem; background: #fff; line-height: 3.77778rem; font-size: 1rem; }
.setting .settingCon.mt30 { margin-top: 0.83333rem; }
.setting .settingCon .setArrow { overflow: hidden; background: url(../images/arrow_icon.png) center right no-repeat; background-size: 0.5rem 1rem; height: 3.77778rem; }
.setting .settingCon .setArrow.nobg { background: none; }
.setting .settingCon .setArrow i { margin-right: 1.11111rem; font-size: 1.6rem; width: 1.27778rem; height: 3.77778rem; float: left; line-height: 3.77778rem; }
.setting .settingCon .setArrow i.icon-packets { background: url(../images/icon-ticket.png) center no-repeat; background-size: 1.19444rem; }
.setting .settingCon .setArrow i.icon-record { background: url(../images/icon-record.png) center no-repeat; background-size: 1.19444rem; }
.setting .settingCon .setArrow i.icon-exchange { background: url(../images/icon-exchange.png) center no-repeat; background-size: 1.19444rem; }
.setting .settingCon .setArrow i.icon-service { background: url(../images/icon-service.png) center no-repeat; background-size: 1.19444rem; }
.setting .settingCon .setArrow i.icon-unbind { background: url(../images/icon-unbind.png) center no-repeat; background-size: 1.19444rem; }
.setting .settingCon .setArrow i.icon-give { background: url(../images/icon-give.png) center no-repeat; background-size: 1.19444rem; }
.setting .settingCon .setArrow i.icon-mycenter { background: url(../images/icon-mycenter.png) center no-repeat; background-size: 1.19444rem; }
.setting .settingCon .setArrow i.icon-common-use { background: url(../images/icon_common_use.png) center no-repeat; background-size: 1.19444rem; }
.setting .settingCon .setArrow span { float: left; line-height: 3.86111rem; }
.setting .settingCon:active { background: #e6e6e6; }
.setting .sFooter { position: fixed; left: 0; bottom: 0; width: 100%; height: 4rem; border-top: 1px solid #dbdbdb; background-color: #fff; text-align: center; }
.setting .sFooter a { width: 33.33%; height: 2.33333rem; float: left; margin: 0.83333rem 0; }
.setting .sFooter a span.icon-img { width: 100%; height: 1.61111rem; display: block; background-position: center top; background-repeat: no-repeat; }
.setting .sFooter a span.buy { background-image: url(../images/icon-buy.png); background-size: 1.63889rem; }
.setting .sFooter a span.my { background-image: url(../images/icon-my.png); background-size: 1.25rem; }
.setting .sFooter a span.check { background-image: url(../images/icon-check.png); background-size: 1.44444rem; }
.setting .sFooter a span.icon-text { color: #4d4d4d; font-size: 0.72222rem; }
.setting .sFooter a.hover span { color: #ff5917; }
.setting .sFooter a.hover span.buy { background-image: url(../images/icon-buy-hover.png); background-size: 1.63889rem; }
.setting .sFooter a.hover span.my { background-image: url(../images/icon-my-hover.png); background-size: 1.25rem; }
.setting .sFooter a.hover span.check { background-image: url(../images/icon-check-hover.png); background-size: 1.44444rem; }

.pb155 { padding-bottom: 4.30556rem; }

.pbottom { padding-bottom: 0.83333rem; }

.recordBox { padding: 0.83333rem 1.11111rem 0; position: relative; }
.recordBox .recordCon { border-radius: 0.27778rem; }
.recordBox .recordCon .iconNumber { background: url(../images/icon-number.png) top center no-repeat; background-size: 0.88889rem; width: 1rem; height: 1.02778rem; margin-top: 0.08333rem; }
.recordBox .recordCon .vicText span { padding-right: 1.11111rem; }
.recordBox .recordState { position: absolute; bottom: 1.11111rem; right: 1.94444rem; font-size: 1rem; }

.cff5917 { color: #ff5917; }

.c2ac442 { color: #2ac442; }

.veOrder { border-bottom: 1px dotted #ccc; padding: 0.22222rem 0 0.72222rem; margin-bottom: 0.66667rem; font-size: 0.83333rem; }
.veOrder p.l { color: #666; }

.refundBtn { position: fixed; bottom: 0; left: 0; width: 100%; height: 3.75rem; border-top: 1px solid #cecece; background-color: #fff; display: table; }
.refundBtn p { display: table-cell; vertical-align: middle; padding: 0 1.11111rem; }
.refundBtn p a { width: 5.55556rem; height: 1.94444rem; line-height: 1.94444rem; text-align: center; display: block; font-size: 0.83333rem; border: 1px solid #ff5917; border-radius: 0.22222rem; }

.countDown { font-size: 1rem; color: #ff6000; width: 100%; height: 1.94444rem; line-height: 1.94444rem; background: #fff5be; position: fixed; bottom: 3.33333rem; left: 0; text-align: center; }

.noborder { border-bottom: none; }

.flex-box { font-size: 0; background-color: #fff; }

.btn-cancel, .btn-ok { display: inline-block; vertical-align: middle; font-size: 1.2rem; width: 50%; }

.bdtBtn .btn-cancel { background-color: #e0e0e0; color: #666; }

.etDetailCon { margin-top: 0.83333rem; padding: 1.11111rem; background-color: #fff; color: #666; }
.etDetailCon .etDetailLeft { float: left; width: 60%; font-size: 1rem; }
.etDetailCon .etDetailLeft span { width: 95%; display: block; margin-right: 5%; text-align: left; }
.etDetailCon .etDetailLeft span.textColour { line-height: 1rem; padding-bottom: 0.55556rem; }
.etDetailCon .etDetailRight { padding-left: 60%; box-sizing: border-box; }
.etDetailCon .etDetailRight img { border: 1px solid #ccc; }

.bdtBtn a { color: #fff; height: 100%; }
.bdtBtn .btnGive { width: 50%; float: left; background-color: #ff9517; }
.bdtBtn .btnGive:hover { background-color: #ff9f30; }
.bdtBtn .btnRob { width: 50%; float: left; background-color: #ff5917; }
.bdtBtn .btnRob:hover { background: #ff6b30; }
.bdtBtn .w100 { width: 100%; }

.applyBox .applyName { padding: 1.11111rem; padding-bottom: 0.55556rem; font-size: 1rem; color: #666; }
.applyBox .applyInput { border: 1px solid #999; height: 3.33333rem; padding: 0.83333rem 0.55556rem; margin: 0 1.11111rem 0.55556rem; background-color: #fff; }
.applyBox .applyInput input { width: 100%; height: 1.66667rem; font-size: 0.83333rem; color: #b2b2b2; font-family: '微软雅黑'; }
.applyBox .applyHint { color: #b2b2b2; padding: 0 1.11111rem; font-size: 0.83333rem; }
.applyBox .applyTextarea { border: 1px solid #999; padding: 0.55556rem; margin: 0 1.11111rem; background-color: #fff; }
.applyBox .applyTextarea textarea { width: 100%; height: 9.58333rem; font-size: 0.83333rem; color: #b2b2b2; font-family: '微软雅黑'; border: none; }

.refundCon { margin-top: 0.83333rem; background-color: #fff; padding: 0 1.11111rem; color: #666; }
.refundCon .orderTitle { padding: 0.72222rem 0; font-size: 0.83333rem; border-bottom: 1px dotted #ccc; }
.refundCon .refunding { margin: 1.11111rem 0 0.13889rem; }
.refundCon .refunding .refundText { background: url(../images/icon-refunding.png) no-repeat; background-size: 0.94444rem; height: 1.36111rem; line-height: 1.36111rem; font-size: 1.11111rem; color: #4d4d4d; padding-left: 1.66667rem; }
.refundCon .refundTitle { padding: 0.83333rem 0; font-size: 1rem; }
.refundCon .refundTitle.borderNone { border-bottom: none; }

.titleTab { border-bottom: 1px solid #f2f2f2; padding: 0.55556rem 0 0.55556rem 0.83333rem; background: #fff; text-align: center; margin-bottom: 0.55556rem; position: fixed; top: 0; left: 0; width: 100%; z-index: 10; }
.titleTab a { color: #333; }
.titleTab ul { width: 76%; height: 2.30556rem; line-height: 2.30556rem; float: left; }
.titleTab ul li { width: 50%; float: left; font-size: 1.11111rem; height: 100%; }
.titleTab ul li a { display: block; height: 100%; }
.titleTab ul li.hover a { color: #ff5917; }
.titleTab p { width: 24%; float: left; height: 2.30556rem; line-height: 2.30556rem; border-left: 1px solid #e0e0e0; }
.titleTab p a { font-size: 0.94444rem; }
.titleTab p a.noedit { color: #999; }

.cb2b2b2 { color: #b2b2b2; }

.Position-gray { background: url(../images/icon_position_gray.png) no-repeat; background-size: 0.94444rem; }

.Time-gray { background: url(../images/icon_time_gray.png) no-repeat; background-size: 0.94444rem; }

.Seat-gray { background: url(../images/icon_seat_gray.png) no-repeat; background-size: 0.94444rem; }

.ticketBox { margin-top: 3.69444rem; }
.ticketBox .ticketcon { margin-bottom: 0.83333rem; }
.ticketBox .iconSeat.seatMt { margin-top: 0.11111rem; margin-right: 0; height: 1rem; background-position: center; }
.ticketBox .btGive, .ticketBox .btRob { width: 5.55556rem; height: 1.94444rem; line-height: 1.94444rem; display: inline-block; text-align: center; color: #fff; font-size: 0.83333rem; border-radius: 0.22222rem; margin-left: 1.11111rem; }
.ticketBox .btGive { background-color: #ff9517; }
.ticketBox .btGive:active { background-color: #ff9f30; }
.ticketBox .btRob { background-color: #ff5917; }
.ticketBox .btRob:active { background: #ff6b30; }

.noTicket { margin: 0 auto; padding-top: 6.66667rem; }
.noTicket .noT-con { width: 11.66667rem; height: 8.33333rem; }
.noTicket .noT-con .noBgimg { width: 5.33333rem; height: 4.83333rem; display: block; background: url(../images/no_ticket.png) no-repeat; background-size: 100%; }
.noTicket .noT-con .text { font-size: 1rem; color: #999; width: 100%; display: block; padding-top: 0.83333rem; text-align: center; }

.ticketMain { position: relative; }
.ticketMain .ticketLeft { width: 2.5rem; float: left; }
.ticketMain .ticketLeft input { visibility: hidden; width: 100%; }
.ticketMain .ticketLeft label, .ticketMain .ticketLeft input[type=checkbox]:checked + label::before { position: absolute; left: 0; top: 0; }
.ticketMain .ticketLeft label { background: url(../images/chex02.png) left center no-repeat; display: block; background-size: 1.5rem; width: 100%; height: 100%; }
.ticketMain .ticketLeft input[type=checkbox]:checked + label { border: none; }
.ticketMain .ticketLeft input[type=checkbox]:checked + label::before { content: ""; color: #fff; background: url(../images/chex01.png) left center no-repeat; background-size: 1.5rem; display: block; width: 100%; height: 100%; }
.ticketMain .ticketRight { margin-left: 2.5rem; }

.eticketbtn { position: fixed; bottom: 0; height: 3.77778rem; line-height: 3.77778rem; width: 100%; border-top: 1px solid #cecece; text-align: center; font-size: 1.11111rem; background: #fff; padding-left: 1.11111rem; }
.eticketbtn p { width: 6.66667rem; float: left; position: relative; height: 3.77778rem; }
.eticketbtn p span { float: left; text-indent: 1.11111rem; }
.eticketbtn input { visibility: hidden; float: left; }
.eticketbtn label, .eticketbtn input[type=checkbox]:checked + label::before { position: absolute; left: 0; top: 0; }
.eticketbtn label { background: url(../images/chex02.png) left center no-repeat; display: block; background-size: 1.5rem; width: 100%; height: 100%; }
.eticketbtn input[type=checkbox]:checked + label { border: none; }
.eticketbtn input[type=checkbox]:checked + label::before { content: ""; color: #fff; background: url(../images/chex01.png) left center no-repeat; background-size: 1.5rem; display: block; width: 100%; height: 100%; }
.eticketbtn a { margin-left: 6.66667rem; color: #fefefe; display: block; background: #ff5917; }
.eticketbtn a:active { background: #ff6b30; color: #fff; }

.p-input { font-family: "微软雅黑"; }
.p-input h2 { font-size: 1.22222rem; text-align: center; color: #333; margin: 0.77778rem auto 1.27778rem; line-height: 1.27777rem; }
.p-input .subtitle { text-align: left; line-height: 1.3; margin-bottom: 1rem; color: #333; font-size: 1rem; }
.p-input .p-i-box.select { margin-bottom: 1rem; }
.p-input .p-i-box span { color: #333; line-height: 2.5rem; width: 33%; float: left; text-align: right; font-size: 1rem; }
.p-input .p-i-box p { margin-left: 33%; height: 2.5rem; border: 1px solid #ccc; border-radius: 3px; padding: 0.41667rem 0.83333rem; padding-right: 0; }
.p-input .p-i-box p input { width: 100%; border: none; font-size: 1rem; }
.p-input .p-i-box p i { width: 30%; font-size: 1.4rem; color: #26b517; line-height: 2.66667rem; vertical-align: middle; }
.p-input .p-i-box p.select { position: relative; }
.p-input .p-i-box p.select select { width: 100%; height: 100%; border: none; color: #333; background: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.p-input .p-i-box p.select:after { content: ''; display: block; background: url(../images/down.png) center no-repeat; background-size: 1rem; width: 1rem; height: 0.54348rem; position: absolute; right: 10px; top: 1rem; z-index: 999; }
.p-input .p-i-prompt { text-align: right; color: #b2b2b2; padding-top: 0.55556rem; line-height: 1; font-size: 0.83333rem; }
.p-input .p-prompt { line-height: 1; margin: 1.11111rem auto 0; }
.p-input .p-prompt span { background: url(../images/prompt.png) left center no-repeat; background-size: 1rem; padding-left: 1.38889rem; font-size: 0.83333rem; color: #ff5917; }
.p-input .text-b { text-align: left; line-height: 1.5; font-size: 0.83333rem; }
.p-input .text-b em, .p-input .text-b span { display: inline; font-style: normal; }
.p-input .text-b span { color: #ff5917; }

.tip-shows { background-color: rgba(0, 0, 0, 0.8); min-width: 100px; line-height: 25px; position: fixed; padding: 1rem; border-radius: 3px; left: 50%; top: 50%; color: #fff; text-align: center; z-index: 19891016; }

.gift-tel { font-size: 0.94444rem; text-align: left; line-height: 1rem; padding-bottom: 0.38889rem; }
.gift-tel span { font-size: 1.11111rem; color: #2ac442; }

.codeBox { background-color: #32c649; height: 100%; padding: 1.66667rem 5% 0; font-size: 1rem; }
.codeBox .codeCon { background-color: #fff; border-radius: 0.55556rem; width: 100%; height: 80%; color: #0f3c16; }
.codeBox .codeCon .codeHead { border-bottom: 2px solid #ade8b6; padding: 0.83333rem 0 1.11111rem; }
.codeBox .codeCon .codeHead .codeTitle { padding: 0.44444rem 1.66667rem 0; }
.codeBox .codeCon .codeMiddle { padding-top: 3.05556rem; text-align: center; font-size: 1.33333rem; }
.codeBox .codeCon .codeMiddle .codeImage { width: 13.88889rem; height: 13.88889rem; margin: 0 auto; padding-top: 1.66667rem; }
.codeBox .codeCon .codeMiddle .cUpdated { color: #32c649; font-size: 1rem; display: table; }
.codeBox .codeCon .codeMiddle .cUpdated p { display: table-cell; vertical-align: middle; height: 3.33333rem; }
.codeBox .codeCon .codeMiddle .cUpdated p i { background: url(../images/updated.png) center no-repeat; background-size: 1.13889rem; width: 1.13889rem; height: 3.33333rem; float: left; margin-right: 0.38889rem; }
.codeBox .codeCon .codeMiddle .cUpdated p span { float: left; text-align: left; line-height: 3.33333rem; }
.codeBox .codeCon .codeMiddle .ctext { font-size: 1rem; color: #999; padding-top: 1.11111rem; padding-bottom: 1.11111rem; }
.codeBox .codeCon .codeMiddle .ctext a { background: url(../images/refresh.png) no-repeat; background-size: 1.05556rem 1rem; width: 1.05556rem; height: 1rem; display: inline-block; margin: 0 0.5rem 0 0.33333rem; }
.codeBox .codeCon .codeMiddle .ctext span { color: #ff5917; }
.codeBox .codeCon .codeText { padding: 0 4% 4%; text-align: left; }
.codeBox .codeCon .codeText span { width: 1.25rem; height: 2.61111rem; float: left; background: url(../images/prompt.png) top center no-repeat; background-size: 100%; margin: 0.11111rem 0.44444rem 0 1.16667rem; }
.codeBox .codeCon .codeText p { margin-left: 2.83333rem; padding-right: 1.16667rem; }
.codeBox .codeCon .code-none-box { padding-top: 5.61111rem; }
.codeBox .codeCon .code-none-box .icon-code-none { background: url(../images/icon_code_none.png) center no-repeat; background-size: 12.69444rem 16.41667rem; width: 12.69444rem; height: 16.41667rem; margin: 0 auto; }
.codeBox .codeCon .code-none-box .icon-code-gobuy { background: url(../images/icon_code_gobuy.png) center no-repeat; background-size: 12.22222rem 13.05556rem; width: 12.22222rem; height: 13.05556rem; margin: 0 auto 0.38889rem; }
.codeBox .codeCon .code-none-box .code-none-text { color: #999; line-height: 1.66667rem; margin-top: 1.55556rem; }
.codeBox .codeCon .code-none-box .btn-gobuy { width: 6.66667rem; height: 2.44444rem; line-height: 2.44444rem; margin: 1.94444rem auto 0; }
.codeBox .codeCon .code-none-box .btn-gobuy a { display: block; width: 100%; height: 100%; border-radius: 0.27778rem; border: 1px solid #ff5917; color: #ff5917; text-align: center; }
.codeBox .logo { padding-top: 2%; color: #e0f4e3; text-align: center; }
.codeBox .logo .logoImg { background: url(../images/logo.png) center no-repeat; background-size: 2.22222rem; width: 100%; height: 1.69444rem; display: block; margin-top: 7%; margin-bottom: 0.41667rem; }
.codeBox .logo .logoText { color: #fff; text-align: center; width: 100%; display: block; font-size: 0.83333rem; }

/*** 最新登录 ***/
.lg_logo { padding-top: 2.66666rem; height: 10.30555rem; }

.lg_logo img { width: 7.83333rem; height: 5.36111rem; }

.layermchild .layermcont { padding: 10px 20px; }

.login_box1 { padding: 0 1.22222rem; }

.lg_uname, .lg_pwd { border: 1px solid #e1e1e1; border-radius: 0.11111rem; margin-top: 1.22222rem; background: #fff; height: 3.19444rem; padding: 0.83333rem 2.38888rem 0 2.38888rem; }

.lg_uname { background: url(../images/icon_uname.png) 0.77777rem 1.08333rem no-repeat; background-size: 0.91666rem 1.02777rem; }

.lg_pwd { background: url(../images/icon_pwd.png) 0.75rem 1.13888rem no-repeat; background-size: 0.97222rem 0.94444rem; }

.lg_uname input, .lg_pwd input { width: 100%; height: 1.5rem; line-height: 1.5rem; font-size: 1.05555rem; }

.login_btn { margin-top: 1.22222rem; }

.btn_login1 { border: none; background: #fa5e25; border-radius: 0.11111rem; width: 100%; height: 3.19444rem; line-height: 3.19444rem; color: #fff; font-size: 1.19444rem; display: block; }

/*** 场次列表 ***/
.bgfff { background: #fff; }

.act-wrap { margin: 0.83333rem 0; }

.act-title { border-bottom: 1px solid #e1e1e1; height: 3.91444rem; line-height: 3.91444rem; color: #323232; font-size: 1.11111rem; }

.act-list { padding: 0 0.97222rem; }

.act-l-cont { padding: 0.80555rem 0; min-height: 7.08333rem; border-bottom: 1px solid #e1e1e1; }

.act-list li.last { border-bottom: 0; }

.act-lc-more { width: 24%; height: 1rem; line-height: 1rem; margin-top: 2.27777rem; }

.act-lc-more a { width: 100%; height: 1rem; display: block; font-size: 0.94444rem; padding-right: 1.13888rem; background: url(../images/arrow_icon.png) right 0 no-repeat; background-size: 0.5rem 1rem; color: #989898; }

.act-lc-more a.act-lc-mon { color: #fa5e25; }

.act-lc-text { width: 75%; }

.act-lct-title { line-height: 1.94444rem; color: #323232; font-size: 1.11111rem; }

.act-lct-txt { line-height: 1.77777rem; color: #989898; font-size: 0.94444rem; }

.ml54 { margin-left: 1.5rem; }

/*** 查看单场数据信息 ***/
.act-wrap1 { margin-bottom: 4.75rem; }

.act-title1 { border-bottom: 1px solid #e1e1e1; height: 3.91444rem; line-height: 3.91444rem; color: #323232; font-size: 1.11111rem; margin-top: 0.83333rem; }

.acd-title, .acd-list li { border-bottom: 1px solid #e1e1e1; padding: 0 0.97222rem; font-size: 0.94444rem; }

.acd-title { height: 2.38888rem; line-height: 2.38888rem; color: #5a5a5a; }

.acd-list li { height: 3.19444rem; line-height: 3.19444rem; color: #323232; }

.acd-w1 { width: 34%; float: left; height: 3.19444rem; overflow: hidden; }

.acd-w2 { width: 22%; float: left; height: 3.19444rem; overflow: hidden; }

.acd-title .acd-w1, .acd-title .acd-w2 { height: 2.38888rem; overflow: hidden; }

.pl30 { padding-left: 0.83333rem; }

.acd-error { height: 2.38888rem; line-height: 2.38888rem; padding: 0 0.97222rem; color: #f25b24; font-size: 0.77777rem; }

.acd-btn-box { width: 100%; border-top: 1px solid #e1e1e1; background: #fff; height: 3.91666rem; position: fixed; left: 0; bottom: 0; }

.acd-btn { width: 15rem; height: 2.72222rem; display: block; line-height: 2.72222rem; border-radius: 0.11111rem; background: #f25b24; font-size: 1.11111rem; color: #fff; border: none; margin: 0.55555rem auto 0; }

.acd-btn:hover { color: #fff; }

/*** 查看单场数据信息 ***/
.act-wrap1 { margin-bottom: 4.75rem; }

.act-title1 { border-bottom: 1px solid #e1e1e1; height: 3.91444rem; line-height: 3.91444rem; color: #323232; font-size: 1.11111rem; margin-top: 0.83333rem; }

.acd-title, .acd-list li { border-bottom: 1px solid #e1e1e1; padding: 0 0.97222rem; font-size: 0.94444rem; }

.acd-title { height: 2.38888rem; line-height: 2.38888rem; color: #5a5a5a; }

.acd-list li { height: 3.19444rem; line-height: 3.19444rem; color: #323232; }

.acd-w1 { width: 34%; float: left; height: 3.19444rem; overflow: hidden; }

.acd-w2 { width: 22%; float: left; height: 3.19444rem; overflow: hidden; }

.acd-title .acd-w1, .acd-title .acd-w2 { height: 2.38888rem; overflow: hidden; }

.pl30 { padding-left: 0.83333rem; }

.acd-error { height: 2.38888rem; line-height: 2.38888rem; padding: 0 0.97222rem; color: #f25b24; font-size: 0.77777rem; }

.acd-btn-box { width: 100%; border-top: 1px solid #e1e1e1; background: #fff; height: 3.91666rem; position: fixed; left: 0; bottom: 0; }

.acd-btn { width: 15rem; height: 2.72222rem; display: block; line-height: 2.72222rem; border-radius: 0.11111rem; background: #f25b24; font-size: 1.11111rem; color: #fff; border: none; margin: 0.55555rem auto 0; }

.acd-btn:hover { color: #fff; }

/*** 购买成功 ***/
.buySucces { background-color: #fff; padding: 0 1rem; }
.buySucces .bs-tips { padding: 3.88889rem 0; font-size: 0; text-align: center; }
.buySucces .bs-tips i, .buySucces .bs-tips span { font-size: 1.5rem; color: #333; line-height: 1; display: inline-block; vertical-align: middle; }
.buySucces .bs-tips i { width: 2.22222rem; height: 2.22222rem; background: url(../images/success.png) center no-repeat; background-size: 2.22222rem; margin-right: 0.83333rem; }
.buySucces .bs-tips span { font-weight: 700; }
.buySucces .bs-ps { padding: 1rem 0.83333rem; background-color: #f1f1f1; border-radius: 5px; margin-bottom: 0.5rem; }
.buySucces .bs-ps .hd { font-size: 1.1rem; color: #666; line-height: 1; padding-bottom: 0.83333rem; }
.buySucces .bs-ps .content { color: #000; font-size: 1.2rem; }
.buySucces .bs-info { padding-bottom: 1rem; }
.buySucces .bs-info .info-item { padding: 1.2rem 0 0; }
.buySucces .bs-info .info-item p { float: left; font-size: 1.1rem; line-height: 1; }
.buySucces .bs-info .info-item .title { width: 23%; color: #666; }
.buySucces .bs-info .info-item .name { width: 77%; text-align: right; color: #111; }

.buy-s-but { margin: 1rem; font-size: 0; }
.buy-s-but a { display: inline-block; font-size: 1.3rem; color: #fff; width: 48%; text-align: center; height: 3.16667rem; line-height: 3.16667rem; border-radius: 3px; }
.buy-s-but a.cq1 { background-color: #ff9517; }
.buy-s-but a.cq2 { background-color: #ff5917; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) { .border-1px { position: relative; }
  .border-1px::after { content: ''; -webkit-transform: scaleY(0.7); -moz-transform: scaleY(0.7); -ms-transform: scaleY(0.7); transform: scaleY(0.7); display: block; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px dashed #cfcfcf; } }
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .border-1px { position: relative; }
  .border-1px::after { content: ''; -webkit-transform: scaleY(0.5); -moz-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); display: block; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px dashed #cfcfcf; } }
/*** 购票回答问题 ***/
.question-title, .q-c-title { padding: 0 1.11111rem; height: 3.77778rem; line-height: 3.77778rem; background: #fff; font-size: 1rem; color: #4d4d4d; }

.question-title span { color: #666; }

.question-content { background: #fff; margin-top: 0.83333rem; padding-bottom: 0.83333rem; }

.q-c-title { border-bottom: 1px solid #f2f2f2; }

.q-c-list { border: 1px solid #ccc; border-radius: 0.11111rem; margin: 0.83333rem 1.11111rem 0; min-height: 3.22222rem; }

.q-c-list ul li { position: relative; height: 3.33333rem; line-height: 3.33333rem; border-bottom: 1px solid #ccc; }

.q-c-list ul li .q-cl-left { width: 2.77778rem; line-height: 2rem; }

.q-c-list ul li .q-cl-left input { visibility: hidden; width: 100%; }

.q-c-list ul li .q-cl-left label, .q-c-list ul li .ticketLeft input[type=checkbox]:checked + label::before, .q-c-list ul li .ticketLeft input[type=radio]:checked + label::before { position: absolute; left: 0; top: 0; }

.q-c-list ul li .q-cl-left label, .q-c-list ul li .q-cl-left label.bg-label { background: url(../images/chex02.png) left center no-repeat; display: block; background-size: 1.66667rem 1.66667rem; width: 1.66667rem; height: 1.66667rem; margin: 0.83333rem 0 0 0.55556rem; }

.q-c-list ul li .q-cl-left label.bg-label { background: url(../images/check_more.png) left center no-repeat; background-size: 1.66667rem 1.66667rem; }

.q-c-list ul li .q-cl-left input[type=checkbox]:checked + label, .q-c-list ul li .q-cl-left input[type=radio]:checked + label { border: none; }

.q-c-list ul li .q-cl-left input[type=checkbox]:checked + label::before, .q-c-list ul li .q-cl-left input[type=radio]:checked + label::before { content: ""; color: #fff; background: url(../images/chex01.png) left center no-repeat; background-size: 1.66667rem; display: block; width: 100%; height: 100%; }

.q-c-list ul li .q-cl-left input[type=checkbox]:checked + label.bg-label::before { background: url(../images/check_more_on.png) left center no-repeat; background-size: 1.66667rem 1.66667rem; }

.q-c-list ul li .q-cl-right { margin-left: 2.77778rem; font-size: 1rem; height: 3.33333rem; overflow: hidden; padding-right: 0.55556rem; color: #666; }

.q-c-list ul li:last-child { border-bottom: 0; }

.qc-fill-text { margin: 0.55556rem 0.55556rem 0; font-size: 1rem; color: #666; line-height: 2.11111rem; width: 95%; }

.question-btn { padding: 0 1.11111rem; height: 3.91666rem; position: fixed; left: 0; bottom: 0; width: 100%; }

.btn-q-submit { width: 100%; height: 3.16667rem; display: block; line-height: 3.16667rem; border-radius: 0.16667rem; background: #2ac442; font-size: 1.22222rem; color: #fff; }

.btn-q-submit:hover { color: #fff; background: #3dc451; }

.personal-infor-box { margin-top: 1rem; }

.personal-i-cont { background-color: #fff; padding: 0.83333rem 1.11111rem; border-bottom: 1px solid #f2f2f2; }
.personal-i-cont label.personal-i-name { font-size: 1rem; line-height: 1.94444rem; display: inline-block; width: 5.83333rem; }
.personal-i-cont label.frequent-i-name { font-size: 1rem; line-height: 1.94444rem; display: inline-block; width: 5rem; }
.personal-i-cont .personal-i-text { padding-left: 5.83333rem; }
.personal-i-cont .personal-i-text input { font-size: 1rem; line-height: 2rem; color: #333; width: 100%; }
.personal-i-cont .frequent-i-text { padding-left: 5rem; }
.personal-i-cont .frequent-i-text input { font-size: 1rem; line-height: 2rem; color: #333; width: 100%; }
.personal-i-cont .frequent-i-text input.freq-id-type { width: 60%; }

.personal-i-btn { padding: 0 1.11111rem; margin-top: 1rem; }
.personal-i-btn a { width: 100%; height: 3.16667rem; line-height: 3.16667rem; display: block; border-radius: 5px; background-color: #2ac442; color: #fff; font-size: 1.2rem; text-align: center; }

.personew-i-cont { background-color: #fff; padding: 0.69444rem 1.11111rem 0.41667rem; border-bottom: 1px solid #f2f2f2; color: #333; }
.personew-i-cont .personew-i-name { font-size: 1.11111rem; line-height: 1.44444rem; color: #4d4d4d; }
.personew-i-cont .personew-i-text input { font-size: 1.11111rem; line-height: 1.80556rem; color: #333; width: 100%; }

/*** 常用联系人 ***/
.frequent-btn { padding: 0 1.11111rem; height: 3.91666rem; }

.mt30 { margin-top: 0.83333rem; }

.frequent-box { background-color: #fff; padding: 0 1.11111rem; }

.frequent-list { padding-bottom: 4.16667rem; }

.frequent-text { height: 4.83333rem; padding-top: 0.75rem; border-bottom: 1px dotted #ccc; position: relative; }

.frequent-text p { line-height: 1.66667rem; font-size: 1rem; }

.frequent-t-id { color: #b2b2b2; }

.frequent-t-id span { margin-right: 0.83333rem; }

.frequent-text .freq-t-left { width: 88%; }

.frequent-text .freq-t-right { width: 2.77778rem; line-height: 2rem; }

.frequent-text .freq-t-right input { visibility: hidden; width: 100%; }

.frequent-text .freq-t-right label { position: absolute; right: 0; top: 0; }

.frequent-text .freq-t-right label, .frequent-text .freq-t-right label.bg-label, .frequent-text .freq-t-right label.check-no { background: url(../images/chex02.png) left center no-repeat; display: block; background-size: 1.66667rem 1.66667rem; width: 1.66667rem; height: 1.66667rem; margin: 1.58333rem 0 0 0; }

.frequent-text .freq-t-right label.bg-label { background: url(../images/check_more.png) left center no-repeat; background-size: 1.66667rem 1.66667rem; }

.frequent-text .freq-t-right label.check-no { background: url(../images/chex02_no.png) left center no-repeat; background-size: 1.66667rem 1.66667rem; }

.frequent-text .freq-t-right input[type=checkbox]:checked + label, .frequent-text .freq-t-right input[type=radio]:checked + label { border: none; }

.frequent-text .freq-t-right input[type=checkbox]:checked + label::before, .frequent-text .freq-t-right input[type=radio]:checked + label::before, .frequent-text .freq-t-right input[type=radio]:checked + label.check-no::before { content: ""; color: #fff; background: url(../images/chex01.png) left center no-repeat; background-size: 1.66667rem; display: block; width: 100%; height: 100%; }

.frequent-text .freq-t-right input[type=checkbox]:checked + label.bg-label::before { background: url(../images/check_more_on.png) left center no-repeat; background-size: 1.66667rem 1.66667rem; }

.frequent-text .freq-t-right input[type=radio]:checked + label.check-no::before { background: url(../images/chex02_no.png) left center no-repeat; background-size: 1.66667rem 1.66667rem; }

.frequent-b-operat { padding: 0.83333rem 0; }

.freq-bo-del, .freq-bo-edit { display: inline-block; font-size: 0.83333rem; color: #666; line-height: 1.19444rem; width: 3.33333rem; text-align: right; }

.freq-bo-edit { margin-right: 1.66667rem; }

.freq-bo-del i, .freq-bo-edit i { display: block; float: left; }

.freq-bo-del i { background: url(../images/icon_delete.png) left center no-repeat; background-size: 1.19444rem 1.13889rem; width: 1.19444rem; height: 1.13889rem; }

.freq-bo-edit i { background: url(../images/icon_edit.png) left center no-repeat; background-size: 0.97222rem 1.19444rem; width: 0.97222rem; height: 1.19444rem; }

.frequent-b-operat a:hover { color: #666; }

.fre-select-box { border-radius: 0.22222rem; width: 38%; height: 1.83333rem; display: block; }

.fre-select-box select { width: 100%; height: 100%; border: 1px solid #ccc; }

.frequent-none { font-size: 1rem; color: #999; margin-top: 6.11111rem; line-height: 1rem; }

.icon-freq-none { background: url(../images/icon_comuser_none.png) left center no-repeat; background-size: 5.30556rem 4.72222rem; width: 5.30556rem; height: 4.72222rem; margin: 0 auto 1rem; }

/**验证成功**/
.verif-success, .verif-failure { width: 20.55556rem; height: 9.33333rem; border-radius: 0.25rem; background: #fff; position: relative; }

.verif-s-title, .verif-f-title { font-size: 1.22222rem; line-height: 1.22222rem; padding-top: 2.77778rem; width: 11.94444rem; margin: 0 auto; }

.v-s-icon, .v-f-icon { background: url(../images/icon_true.png) left center no-repeat; background-size: 1.22222rem 1.22222rem; width: 1.22222rem; height: 1.22222rem; display: block; }

.verif-success .verif-btn, .verif-failure .verif-btn { position: absolute; bottom: 0; left: 0; border-top: 1px solid #ccc; height: 2.5rem; width: 100%; }

.verif-btn a { display: block; width: 50%; height: 2.5rem; line-height: 2.5rem; font-size: 1rem; }

.v-btn-return { background: #e6e6e6; -webkit-border-bottom-left-radius: 0.25rem; color: #666; }

.v-btn-go { background: #ff6b30; -webkit-border-bottom-right-radius: 0.25rem; color: #fff; }

.v-btn-return:hover { color: #666; }

.v-btn-go:hover { color: #fff; }

/** 验证失败 **/
.verif-failure { height: 11.27778rem; }

.verif-f-title { padding: 1.33333rem 0 1.16667rem; }

.v-f-icon { background: url(../images/icon_wrong.png) left center no-repeat; background-size: 1.22222rem 1.22222rem; width: 1.22222rem; height: 1.22222rem; }

.verif-f-text { padding: 0 1.11111rem; line-height: 1.38889rem; font-size: 0.94444rem; }

.freq-s-close { background: #fff; height: 3.33333rem; padding: 1.11111rem; font-size: 1.22222rem; }

.freq-s-close a { display: block; background: url(../images/icon_close.png) no-repeat; background-size: 1.38889rem 1.38889rem; width: 1.38889rem; height: 1.38889rem; }

.freq-s-close span { width: 80%; margin: 0 auto; display: block; line-height: 1.22222rem; }

.article-box { margin: 1rem; }
.article-box .article-ul li { padding-bottom: 1.38889rem; margin-bottom: 1.38889rem; }
.article-box .article-ul li:after { border-bottom: 1px solid #eee; }
.article-box .article-ul li .relative { position: relative; }
.article-box .article-ul li .article-images { width: 28%; position: relative; }
.article-box .article-ul li .article-images:after { content: ''; display: block; margin-top: 71.42857%; }
.article-box .article-ul li .article-images img { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; vertical-align: middle; }
.article-box .article-ul li .article-info { width: 68%; height: 100%; }
.article-box .article-ul li .article-info .titles em, .article-box .article-ul li .article-info .titles span { vertical-align: middle; font-size: .8rem; font-style: normal; font-weight: 300; }
.article-box .article-ul li .article-info .titles em { border: 1px solid #2ac441; color: #2ac441; border-radius: 3px; padding: 0 5px; margin-right: 0.5rem; }
.article-box .article-ul li .article-info .titles span { font-size: 1.1rem; }
.article-box .article-ul li .article-info .times { color: #b2b2b2; font-size: 0.8rem; padding-top: .5rem; position: absolute; bottom: 0; left: 32%; }
.article-box .info-title { padding-bottom: .5rem; }
.article-box .info-title::after { border: 1px solid #eee; }
.article-box .info-title h1 { font-size: 1.4rem; line-height: 1; padding-bottom: .5rem; }
.article-box .info-title span { color: #b2b2b2; font-size: .8rem; }
.article-box .info-contents { padding-top: .6rem; color: #4c4c4c; line-height: 1.7; font-size: 1.1rem; }

.common-e-fail, .common-e-true { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }

.comm-img { width: 10.72rem; margin: 0 auto; }

.comm-text { font-size: 1.04rem; color: #333; line-height: 1.12rem; margin: 2.16rem 0 4.48rem; }

.comm-btn .btn-c-return { border: 1px solid #ff6000; border-radius: 0.16rem; font-size: 1.04rem; color: #ff6000; width: 10rem; height: 2.4rem; line-height: 2.4rem; display: block; background: #fff; margin: 0 auto; }