@charset "utf-8";
*,*:after,*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0;-webkit-tap-highlight-color:rgba(255,255,255,0); }
html { height: 100%; overflow: hidden; }
input:focus { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-modify: read-write-plaintext-only; }
input,button,a{ -webkit-tap-highlight-color: rgba(255,255,255,0); }
html,body{ height: 100%; }
body { margin: 0; padding: 0; color: #fff; font: 13px/1.5 \5FAE\8F6F\96C5\9ED1,Arial,sans-serif; background: #000;overflow:auto;-webkit-overflow-scrolling: touch; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding: 0; margin: 0; }
table,tr,td, th { font-size: 12px; }
ol, ul { list-style: none; }
img { vertical-align: middle; border: none; outline: 0; }
a { color: #444; text-decoration: none; }
s { text-decoration: none; }
.clearfix { *zoom: 1; }
.clearfix:before,.clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
.fl{ float:left; }
.fr{ float:right; }
.noScroll{ width:100%; height:100%; overflow:hidden;pointer-events: none;}

.special_page{width: 100%;overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-flex: 1; }
.special_page .support{ width:100%;margin-top:20px;   display:-webkit-box;/* android 2.1-3.0, ios 3.2-4.3 */
    display:-webkit-flex;/* Chrome 21+ */
    display:-ms-flexbox;/* WP IE 10 */
    display: -moz-box;  /* OLD - Firefox 19- (buggy but mostly works) */
    display:flex;/* android 4.4 */
    -webkit-box-flex:1;/* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex:1;/* Chrome 21+ */
    -ms-flex:1;/* WP IE 10 */
    flex:1;/* android 4.4 */
}
.special_page .support  .yongshi,
.special_page .support  .qishi{ width:50%;text-align: center; color:#b0b0b0;}
.special_page .support  .yongshi a,
.special_page .support  .qishi a{ border:2px solid #fbbf16;border-radius: 5px; color:#fff;padding:8px 10px; background:#1a64b7;}
.special_page .support  .qishi a{ background:#cc0001;}
.special_page .support  a.gray{ background:#999;border:#999 1px solid; pointer-events: none;}
.special_page .support  .yongshi p,
.special_page .support  .qishi p{ margin-top:20px;}
.special_page .line{margin:20px 10px;  height:40px;background:#1a64b7; border:2px solid #fff; border-top: 1px solid;border-bottom: 1px solid; border-radius: 10px; position:relative;}
.special_page .line .qishi{position:absolute; width:50%;max-width:100%;min-width:15px;border-radius: 10px; height:38px; background:#cc0001; right:0px; top:0px;-webkit-transition: width 1s ease;}
.special_page .line .qishi .shihuo{ position:absolute;left:-22px; top:-7px; width:50px; height:50px; background:url("/images/trademobile/special/center.png") no-repeat; background-size: 50px;display:block;}

.special_page .pro{ margin-bottom: 20px;}
.special_page .pro a{ display:block;}
.special_page .more{ text-align: center; height:100px;}

/*--------分享弹框--------------*/
.js_share_hide{ width:100%; height:100%; position:fixed; z-index: 98; bottom:0; left:0; display:none;}
.js_share_hide.show{ display:block;}
.js_share_box{ width:100%;background:rgba(63, 63, 63, 0.96); text-align: center;-webkit-transition:bottom 200ms ease-in; position:fixed; bottom:-300px; z-index: 99; padding:8px 10px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.js_share_box.show{ bottom:0;}

.js_share_box h3{ color:#fff; font-size:15px; margin:10px 0px; }

.js_share_box .share_item{ display: inline-block; position: relative; color: #FFF; width: 30%; font-size: 12px; line-height: 28px; padding: 56px 0 3px; margin: 0; box-shadow: none; border-radius: 0; border: 0; height: auto; background: transparent; font-weight: 400; }
.js_share_box .share_item:before {
    content: '';
    position: absolute;
    height: 56px;
    width: 56px;
    top: 0;
    left: 50%;
    margin-left: -28px;
    background: url("/images/trademobile/shaiwu/share_icon.png?v=1");
    background-size: 100% auto;
    border-radius: 8px;
}
.js_share_box .share_tsina:before {
    background-position: 0 -56px;
}
.js_share_box .share_tqq:before {
    background-position: 0 -224px;
}
.js_share_box .share_trr:before {
    background-position: 0 -168px;
}
.js_share_box .pb_share_btn {
    display: block;
    margin: 12px 10px;
    border: 1px solid #cfd1d4;
    background: #1e1e1e -webkit-gradient(linear,0 0,0 100%,from(#f8f9fa),to(#e4e7e8));
    color: #262626;
    line-height: 42px;
    border-radius: 3px;
}
/*------- 弹出框样式 ------------*/
#_vvalert_ { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999; display: -webkit-box; -webkit-box-orient: vertical; }
#_vvalert_ .box { width: 100%; display: -webkit-box; -webkit-box-flex: 1; -webkit-box-pack: center; -webkit-box-align: center; overflow: hidden;}
#_vvalert_ .box p{ padding: 10px; text-align: center;  display: block;  word-wrap: break-word; word-break: break-all; color: #fff; background: rgba(89, 85, 85, 0.8); border-radius: 3px; font-size: 14px; line-height: 1.2em;min-width: 200px;}
#_vvalert_ .box p span{ background:url("/images/trademobile/special/ic_w.png") center no-repeat; background-size: 18px;width:25px; height:18px; display:inline-block;vertical-align: text-bottom;}
#_vvalert_ .box p span.icon_r{ background:url("/images/trademobile/special/ic_r.png") top center no-repeat; background-size: 18px; }


/* 弹出框样式 */
#_valert_ { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999; background: rgba(0,0,0,0.5); display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; opacity: 0; -webkit-transition: opacity 0.2s ease-out; pointer-events: none;}
#_valert_ .box { background: #fff; border-radius: 10px; width: 80%; box-shadow: 0 0 5px rgba(0,0,0,0.2); -webkit-transform: scale(0.9, 0.9); -webkit-transition: all 0.2s ease-out; opacity: 0;}
#_valert_ .box .header { height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #333; background: #eee;border-radius: 10px 10px 0px 0px;}
#_valert_.show { opacity: 1; pointer-events: auto;}
#_valert_.show .box { -webkit-transform: scale(1, 1); opacity: 1;position:relative;}
#_valert_.show .box .close{ width:50px; height:50px; background:url("/images/trademobile/common/close.png") center no-repeat; background-size:30px; position:absolute; right:-20px; top:-25px; }

#_valert_ .box .login{ padding:10px; display:none;}
#_valert_ .box .login .text{ text-align: left; height:30px; line-height: 30px; color:#333;}
#_valert_ .box .btns { height: 50px; overflow: hidden; text-align: right; border-top: 1px solid #eee;}
#_valert_ .box .btns .btn{ background:#f04949; color:#fff; padding:8px 20px; border-radius: 5px; display:inline-block; margin-top:10px;}

#_valert_ .box .regTel{ padding:10px;display:none;}
#_valert_ .box .regTel .text{ text-align: left; height:30px; line-height: 30px; color:#333;padding-left: 10px;}
#_valert_ .box .regTel .text input{ height: 38px; width:150px;overflow: hidden; text-align: left;  padding-left: 10px; color:#666; border:1px solid #e0e0e0;-webkit-appearance:none;border-radius: 0px; font-size: 12px; vertical-align: bottom; }
#_valert_ .box .regTel .text .btn{ background:#f04949; color:#fff; padding:0px 20px;height:38px; line-height:38px;display:inline-block;margin-left: -2px;}
#_valert_ .box .regTel .error{ color:#d33333;margin-top: 10px;opacity:0;}
#_valert_ .box .regTel .error.show{ opacity:1;}

#_valert_ .box .copyYhm{ padding:10px;display:none;}
#_valert_ .box .copyYhm .title{ width:100%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
#_valert_ .box .copyYhm .text{ text-align: left; height:30px; line-height: 30px; color:#333;}
#_valert_ .box .copyYhm .btnCopy{ margin-right: 10px;}
#_valert_ .box .copyYhm .yhm{ margin-right: 10px; color:#d33333; font-size: 1.2em;}


.tips-box { background-color: #000; padding: 15px; color: #fff; opacity: .9; position: fixed; top: 0; left: 0; z-index: 99; min-width: 10em; text-align: center; font-size: 1.2em; border-radius: 5px; }

/*-----------微信分享------------*/
.shareWeixin{ position:absolute;top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); text-align: center; display:none; }
.shareWeixin img{ width:100%;}