@charset "utf-8";
/*reset.css*/
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font: 12px/1.5 Arial, Helvetica, sans-self, "Microsoft YaHei"; } body { margin: 0;color: #333333; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } svg:not(:root) { overflow: hidden; } a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #8c8c8c; } a:active { outline: 0; } a:active { color: #006699; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; vertical-align: top; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; resize: vertical; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html, button, input, select, textarea { font-family: Arial, Helvetica, sans-self, "Microsoft YaHei"; } 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: 1.8rem; } h2 { font-size: 1.6rem; } h3 { font-size: 1.4rem; } input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fix {zoom:1;} .fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;} .none { display: none;} .hidden { width: 0px; height: 0px; overflow: hidden;} .tc { text-align: center;}
/*reset.css*/
/* loading */
.loading{width: 100px; height: 100px; position: absolute; margin: -50px 0 0 -50px; top: 50%; left: 50%; z-index: -1;}
.loading i{display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #296ee0; position: absolute; -webkit-animation: load 1.04s ease infinite; opacity: .2;}
@-webkit-keyframes load{0%{opacity: 1; } 100%{opacity: 0.2; } }
.loading i:nth-child(1){left: 0; top: 50%; margin-top:-8px; -webkit-animation-delay:0.13s; }
.loading i:nth-child(2){left: 14px; top: 14px; -webkit-animation-delay:0.26s; }
.loading i:nth-child(3){left: 50%; top: 0; margin-left: -8px; -webkit-animation-delay:0.39s; }
.loading i:nth-child(4){top: 14px; right:14px; -webkit-animation-delay:0.52s; }
.loading i:nth-child(5){right: 0; top: 50%; margin-top:-8px; -webkit-animation-delay:0.65s; }
.loading i:nth-child(6){right: 14px; bottom:14px; -webkit-animation-delay:0.78s; }
.loading i:nth-child(7){bottom: 0; left: 50%; margin-left: -8px; -webkit-animation-delay:0.91s; }
.loading i:nth-child(8){bottom: 14px; left: 14px; -webkit-animation-delay:1.04s; }
/* font */
@font-face {
  font-family: 'icomoon';
  src:  url('/pay/images/fonts/icomoon.eot?20180126');
  src:  url('/pay/images/fonts/icomoon.eot?20180126#iefix') format('embedded-opentype'),
    url('/pay/images/fonts/icomoon.ttf?20180126') format('truetype'),
    url('/pay/images/fonts/icomoon.woff?20180126') format('woff'),
    url('/pay/images/fonts/icomoon.svg?20180126#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  display:inline-block;
  vertical-align: top;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #ababab;
  font-size: 14px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-help:before {content: "\e914"; }
.icon-arrl:before {content: "\e913"; }
.icon-checkx:before {content: "\e912"; }
.icon-user:before {content: "\e900"; }
.icon-useri:before {content: "\e901"; }
.icon-userx:before {content: "\e902"; }
.icon-bookmark:before {content: "\e903"; }
.icon-checked:before {content: "\e904"; }
.icon-close:before {content: "\e905"; }
.icon-eye:before {content: "\e906"; }
.icon-eyex:before {content: "\e907"; }
.icon-funs:before {content: "\e908"; }
.icon-game:before {content: "\e909"; }
.icon-gift:before {content: "\e90a"; }
.icon-gift2:before {content: "\e90b"; }
.icon-headset:before {content: "\e90c"; }
.icon-idc:before {content: "\e90d"; }
.icon-like:before {content: "\e90e"; }
.icon-notice:before {content: "\e90f"; }
.icon-refresh:before {content: "\e910"; }
.icon-shop:before {content: "\e911"; }





.mga { margin: auto; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }
.mg10 { margin: 10px; }
.mx10 { margin: 0 10px; }
.my10 { margin: 10px 0; }
.fz14 { font-size: 14px; }
.tar { text-align: right; }
.tal { text-align: left; }
img { max-width: 100%; }
.tl { text-align: left; }
.tr { text-align: right; }
.fl { float: left; }
.fr { float: right; }
.col-blue { color: #03b4f5!important; }
.col-red { color: #e0405a!important; }
.focus-bar { width: 100%; height: 26px; line-height: 26px; color: #0c0c0c; font-size: 14px; padding: 0 10px; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; background: #f2f2f2;}

.flex {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flex-list {-webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; }
.flex-v {-webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }
.flex-x-between {-webkit-box-pack: justify; -moz-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; }
/*tag标签*/
[class^="tags-"] { border-radius: 2px; font-size: 10px; margin: auto 0; padding: 0 2px; white-space: nowrap; position: relative; top: -1px;}
.tags-ylw { color: #ffc000; border: 1px solid #ffc000; }
.tags-grn { color: #278f27; border: 1px solid #278f27; }
.tags-blu { color: #03a3ff; border: 1px solid #03a3ff; }
/*全局按钮*/
.btn { padding: 3px 10px; border: 1px solid #dbdbdb; border-radius: 3px; color: #0a0a0a; text-align: center; margin: auto 0; background: #f2f2f2; }
.btn-submit { display: block; text-align: center; padding: 5px 0; font-size: 16px; border-radius: 5px; color: #fff; margin: 10px auto; background: #30bdf3; }

.w-button { display:inline-block; vertical-align: top; font-size: 14px; border-radius: 3px; color: #fff; padding: 4px 8px; background: #ffb637; border: 0 none;}
.w-button-disabled { background: #aaa; }

.btn-switch { display:inline-block; width: 62px; height: 24px; background: #a7a6a6; border: 1px solid #a7a6a6; overflow:hidden; border-radius: 5px; position:relative; z-index: 2; transition: background .4s ease;}
.btn-switch:after { content: ' '; width: 50%; height: 28px; position:absolute; top: -1px; left: -1px; background: #fff; transition: all .4s ease;}
.btn-switch.btn-switch-on { background: #30bdf3;}
.btn-switch.btn-switch-on:after { left: 50%;}
/* .btn-switch-on { background: #30bdf3; } */
/*百分条*/
.percent { display: block; width: 100%; height: 8px; border-radius: 4px; overflow:hidden; border: 1px solid #d8d8d8; margin: 5px 0; background: #f2f2f2; }
.percent em { display: block; width: 50%; height: 100%; background: #f64956; transition: width .3s ease; }
/*弹窗*/
.mask{position:fixed;z-index:99;width:100%;height:100%;left:0;top:0;font-size:14px;}
#login-pop .dialog-box { padding: 10px;max-width:450px;}
.dialog-box {position:fixed;z-index:100;background:#fff;width:90%;text-align:center;max-width:300px;top:50%;left:50%;-o-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); color: #757575;}
.dialog-box .title{padding:20px 0 14px 0;color:#333;font-size:16px;}
.dialog-box .info{padding:0 20px;color:#888;}
.dialog-box .info span{color:#00A3FF;font-weight:bold;}
.dialog-box .opt{margin-top:20px;border-top:1px solid #e5e5e5;}
.dialog-box .opt a{color:#00A3FF;text-decoration:none;padding:10px 0;}
.dialog-box .opt a:last-child{border-left:1px solid #e5e5e5;}
.dialog-close { position:absolute; top: 6px; right: 20px; font-size: 18px; color: #717171; z-index: 3;}
/* 提示框 */
.probox { color: #fff; font-size: 16px; padding: 10px 20px; border-radius: 5px; overflow:hidden; background: rgba(0, 0, 0, .8); position: fixed; /* left: 50%; transform: translateX(-50%); */ bottom: 10px; z-index: 105;}
.body-hor .probox { bottom: 10px;}
.body-ver .probox { bottom: 10%;}
/*弹窗外层，备用*/
.dialog-box-wp {position:fixed;z-index:100;width:80%;overflow: hidden;max-width:300px;top:50%;left:50%;-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.dialog-box-wp .dialog-box {position:static;z-index:1;width: 100%;-moz-transform:initial;-o-transform:initial;-webkit-transform:initial;transform:initial;}
.dialog-box-wp .dialog-message { width: 100%; padding: 10px; color: #fff; font-size: 12px; margin-top: 2px; background: #03b4f5;-o-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

/*tab*/
.tab { width: 100%; border: 1px solid #e36a73; margin: 10px 0; border-radius: 5px; }
.tab li { height: 30px; line-height: 30px; font-size: 14px; color: #f64956; text-align: center; }
.tab .active { color: #fff; background: #f64956; }
/* 表单 */
.w-form .w-item { height: 34px; line-height: 34px; padding: 0 10px; border: 1px solid #e5e5e5; border-radius: 5px; margin: 10px 0; position:relative;}
.w-form label { position:relative; z-index: 3; top: -1px; padding-right: 5px;}
.w-form input { width: 96%; height: 100%; border: 0 none; outline: 0 none; position: absolute; left: 2%; padding: 0 0 0 32px;}
.w-form .w-item i { width: 20px; line-height: 22px; font-size: 16px; color: #bababa; text-align: center; position: absolute; z-index: 3; left: 10px; top: 6px;}
.w-form .more { width: 34px; height: 34px; position:absolute; top: 0px; right: 0px; }
.w-form .more:before { content: ''; width: 0; height: 0px; border-width: 10px 8px; border-style: solid; border-color: #34c3f9 transparent transparent; overflow: hidden; position: absolute; top: 12px; left: 10px;}
.w-form .fun { overflow:hidden; font-size: 12px; }
.w-form .w-button { width: auto; height: 100%; padding: 0 10px; color: #757575; background: #e6e6e8; position: absolute; top: 0; left: auto; right: 0; border-radius: 0 5px 5px 0;}
.w-form-txt input { padding-left: 50px; }
.w-form-txt .w-item i { left: auto; right: 10px;}
.w-form-x input { padding-left: 10px; }
/* 全屏iframe */
.fullifr-wp { z-index: 100; }
.fullifr-wp .hd { width: 100%; height: 32px; line-height: 32px; text-align: center; font-size: 16px; color: #fff; background: #333; position:relative; z-index: 102; }
.fullifr-wp .dialog-close { color: #fff; }
.link-iframe { width: 100%; height: 100%; padding-top: 32px; position:absolute; top: 0px; left: 0px; z-index: 101; background: #fff; }
/* 强制更新弹屏 */
.force-updating { width: 100%; height: 100%; background: #000; position:absolute; top: 0px; left: 0px; z-index: 9999; }
#w3c_v { display: none; }

.ver-word{position: absolute; right: 10px; bottom: 0; font-size: 12px;}
/*屏幕适配*/
@media only screen and (max-width: 375px){ /*iphone6*/
	
}
@media only screen and (max-width: 320px){ /*iphone5*/
	
}
@media only screen and (min-width: 415px){ /*大于6P的尺寸（ipad，pc）*/
	
	
}