a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas,caption,center, cite,code, dd, del, details, dfn, div, dl, dt, em,embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p,pre, q, ruby, s, samp, section,small, span, strike, strong,sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video{
    margin:0;
    padding:0;
    border:0;
    vertical-align:baseline;
    /*word-break:break-all;*/
    word-wrap:break-word;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
	overflow-y: scroll;
}
.webArtWrap,.viview {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.function_flex{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.flex_center{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
    -webkit-justify-content: center;
	-ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
	-ms-flex-align: center;
    align-items: center;
}
.flex_column{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.flex_1{
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.flex_wrap{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}
input{
    white-space:nowrap;
}
input:-webkit-autofill {
    -webkit-box-shadow:00 0px 1000px #fffinset;
}
*{
    background-repeat:no-repeat;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
ul,li,ol{
    list-style:none;
}
img{
    border:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
html{
    font-family: "PingFang SC","PingHei","HanHei SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial",sans-serif;
	font-family: "Helvetica","Arial","Microsoft YaHei","黑体","宋体",sans-serif;
}
html,body{
	-webkit-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
	width:100%;
	height:100%;
	}
.content{
    min-height:100%;
}
.hide {
  display: none !important; }

.show {
  display: block !important; }
h3,h6,h4{
	font-weight: 400;
}
a{
    text-decoration:none;
	font-style: normal !important;
    border:none;
    outline:none;
    tap-highlight-color: rgba(0,0,0,0);
    focus-ring-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-focus-ring-color: rgba(0,0,0,0);
    -moz-tap-highlight-color: rgba(0,0,0,0);
    -moz-focus-ring-color: rgba(0,0,0,0);
}
a:visited{
    color: inherit;
}
input,button{
    outline:none;
}
.nowrapcss{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.nowrapcssbox{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.nowrapcssbox2{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.nowrapcssbox4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
#loada{
	background: url(imglog_loging.gif) no-repeat 48% 44%;
	background-size: 34px;
	display: none;
}
#loading,#iframe_loading{
	position:absolute;
	top:50%;
	left:50%;
	z-index: 9999999;
	margin-top:-12%;
    margin-left: -13%;
	display:none;
	font-size:11pt;
	color:#999;
	text-align: center;
}
#iframe_loading{
	display:block;
}
#buy_loading{
position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99999;
    margin-top: -19%;
    margin-left: -18%;
    display: none;
    font-size: 11pt;
    color: #fff;
    text-align: center;
    padding: 0.48rem;
    background: rgba(0,0,0,.35);
    border-radius: 6px;
}
#buy_loading img{
    width: 2.4rem;
    height: 1.0666666666666667rem;
}
#loading_wrap{
	position:absolute;
	top:0;
	left:0;
	z-index: 999999;
	right:0;
	left:0;
	bottom:0;
	background:#fff;
	display:none;
}
#web_loading_wrap{
	position:absolute;
	top:0;
	left:0;
	z-index: 9999;
	right:0;
	left:0;
	bottom:0;
	background:rgba(0,0,0,.85);
	display:none;
}
#web_img_loading_wrap{
	position:absolute;
	top:0;
	left:0;
	z-index: 999;
	right:0;
	left:0;
	bottom:0;
	background:rgba(0,0,0,.4);
	display:none;
}
#loading img,#iframe_loading img{
    width: 2.4rem;
    height: 1.0666666666666667rem;
}
#web_loading,#web_load{
	position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99999;
    margin-top: -54px;
    margin-left: -78px;
    display: none;
    font-size: 11pt;
    color: #ddd;
    text-align: center;
    height: 108px;
    width: 156px;
    padding: 13px 10px 10px 10px;
    border-radius: 8px;
}
#web_loading img,#web_load img{
    width: 40px;
    height: 40px;
    margin-bottom: 9px;
    margin-top: 7px;
}
#fail_loading_wrap, #web_fail_loading_wrap{
	position: absolute;
	right:0;
	left:0;
	bottom:0;
    z-index: 9999999;
    top:0;
    display: none;
	background:#fff;
	
}
#fail_loading_wrap p{
	color: #666;
	width: 119px;
	height: 30px;
	top: 38%;
	left: 35%;
	font-size: 0.32rem;
	position: absolute;
	text-align: center;
	cursor: pointer;
}
#web_fail_loading_wrap p {
    color: #666;
    width: 230px;
    height: 90px;
    top: 50%;
    left: 50%;
    font-size: 16px;
    position: absolute;
    text-align: center;
    cursor: pointer;
    margin-left: -129px;
    margin-top: -45px;
}
#fail_loading_wrap p img, #web_fail_loading_wrap p img{
	width: 57px;
	height: 55px;
}
.scroll-content {
    position: absolute;
    top: 0;
    left: 0;
	right:0;
	bottom:0;
}
.pane {
    width: 100%;
    background-color: #fff;
    display: block;
	position:absolute;
	top:0;
	bottom:50px;
	overflow:hidden;
	
}
#log {
	position:absolute;
	top:0;
	left:0;
	right:0;
	min-height:50px;
	background:rgba(0,0,0,0);
	color:red;
	font-size:12px;
	z-index:9;
	pointer-events:none;
}
i{
	font-style:normal;
}
.loginLoading{
	position:absolute;
	top:50%;
	left:50%;
	width:0.64rem;
	height:0.64rem;
	margin-left:-0.32rem;
	margin-top:-0.32rem;
	display:none;
}
.blackCevelShow{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,1);
	z-index:999;
	display:none;
}
#hTos{
	position: absolute;
    width: 140px;
    height: 90px;
    font-size: 12px;
    color: #fff;
    background: #ccab86;
    display:none;
	opacity:.85;
    top: 50%;
    left: 50%;
    z-index: 99999;
    line-height: 90px;
    margin-top: -45px;
    margin-left: -70px;
    text-align: center;
    border-radius: 4px;
}



<!--bootstrap-->
.row {
	background-color: #F5F5F5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: inset 0 1px 13px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 13px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 13px rgba(0, 0, 0, 0.1);
	border: 1px solid #DDDDDD;
	border-radius: 4px 4px 4px 4px;
	margin: 15px 0;
	position: relative;
	padding: 25px  14px 0;
}
.column {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 4px 4px 4px 4px;
	margin: 15px 0;
	padding: 39px 19px 24px;
	position: relative;
}
/* preview */
body.devpreview { margin-left:0px;}
.devpreview .sidebar-nav { 
	left:-200px;
	-webkit-transition: all 0ms ease;
	-moz-transition: all 0ms ease;
	-ms-transition: all 0ms ease;
	-o-transition: all 0ms ease;
	transition: all 0ms ease;
}
.devpreview .drag, .devpreview .configuration, .devpreview .remove { display:none !Important; }
.sourcepreview .column, .sourcepreview .row, .sourcepreview .demo .box {
	margin:0px 0;
	padding:0px;
	background:none;
	border:none;
	-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
	-moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
}
.devpreview .demo .box, .devpreview .demo .row { padding-top:0; background:none; }
.devpreview .demo .column { padding-top:19px; padding-bottom:19px; }
#download-layout { display: none }
#feedbackModal textarea,
#downloadModal textarea { width:100%;height:280px;resize: none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }
#feedbackModal input { width:515px; }
#feedbackModal input.modal-error-field, #feedbackModal textarea.modal-error-field { border: 1px solid red; }
a.language-selected { font-style: italic; font-weight: bold; }

.modal-body { padding-bottom:0; }
.modal-footer { margin-top:0; }




<!--官网通用css-->
ul,p,h1, .h1, h2, .h2, h3, .h3{
	margin:0;
}
dt, dd{
	line-height:0;
}
p,h2,h3{
	cursor:default;
}
.webArtWrap {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	background-size: cover; 
}
.webArtWrap .topWrap{
	width:100%;
	background: #1a1a1a;
}
.loginCevelShow{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.8);
	z-index:999;
	display:none;
}
.loginWrap {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	display:none;
	background: #1D2021; 
}
.loginWrap .topWrap {
	width: 100%;
	height: 60px;
	background: #000; 
}
.loginWrap .topWrap .top {
	width: 999px;
	height: 60px;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	background: #000; 
}
.loginWrap .topWrap .top .logo {
	width: 45px;
	height: 62px;
	padding-top: 13px; 
}
.loginWrap .topWrap .top .logo img {
	width: 36px;
	height: 36px;
	display: block; 
}
.loginWrap .login_cevel {
	width: 100%;
	height: 100%;
	background: #1D2021;
}
.loginWrap ._login {
	position:relative; 
}
.loginWrap .login_cevel .login {
	position: absolute;
	top: 42%;
	left: 50%;
	width: 300px;
	height: 380px;
	background: #000;
	margin-top: -190px;
	margin-left: -150px;
	padding: 64px 20px 0 20px; 
}
.loginWrap .login_cevel .login .number {
	width: 100%;
	height: 52px;
	background: #000;
	position:relative;
	border-bottom: 1px solid #584E42; 
}
.loginWrap .login_cevel .login .number:first-child {
	margin-bottom: 8px; 
}
.loginWrap .login_cevel .login .number:nth-of-type(2) {
	margin-bottom: 48px; 
}
.loginWrap .login_cevel .login .number input {
	height: 100%;
	width: 100%;
	border: 0;
	outline: 0;
	letter-spacing: 1px;
	background: #000;
	font-size:16px;
	color: #C6B09B;
	line-height: 36px;
	padding-top: 16px; 
}
.loginWrap .login_cevel .login .number input::-webkit-input-placeholder {
	color: #584E42 !important; 
}
.loginWrap .login_cevel .login #sendNum {
	position: relative; 
}
.loginWrap .login_cevel .login #sendNum input {
	width: 80%; 
}
.loginWrap .login_cevel .login #sendNum .sendNumber, .loginWrap .login_cevel .login #sendNum .loginNumber {
	position: absolute;
	right: 0;
	bottom: 8px;
	height: 30px;
	width: 98px;
	border-radius: 3px;
	line-height: 30px;
	text-align: center;
	font-size: 12px; 
}
.loginWrap .login_cevel .login #sendNum .sendNumber {
	display: block;
	color: #C6B09B;
	border: 1px solid #C6B09B;
	cursor: pointer; 
}
.loginWrap .login_cevel .login #sendNum .loginNumber {
	color: #484035;
	border: 1px solid #484035; 
}
.loginWrap .login_cevel .login .toLogin {
	height: 32px;
	line-height: 31px;
	text-align: center;
	font-size: 12px;
	color: #C6B09B;
	border: 1px solid #C6B09B;
	border-radius: 3px;
	cursor: pointer;
	margin-bottom: 74px;
}
.loginWrap .login_cevel .login .bottom {
	height: 22px;
	width: 100%; 
}
.loginWrap .login_cevel .login .bottom .left, .loginWrap .login_cevel .login .bottom ._right {
	width: 50%;
	height: 22px;
	font-size: 12px;
	float: left;
	color: #C6B09B; 
}
.loginWrap .login_cevel .login .bottom .left {
	text-align: left; 
}
.loginWrap .login_cevel .login .bottom .left a {
	color: #C6B09B;
	font-style: normal;
	cursor: pointer; 
}
.loginWrap .login_cevel .login .bottom ._right {
	text-align: right; 
}
.loginWrap .login_cevel .login .bottom ._right span {
	cursor: pointer; 
}
#bottom_reg {
	height: 22px;
	width: 100%; 
}
#bottom_reg p {
	text-align: center;
	font-size: 12px;
	line-height: 22px; 
}
#bottom_reg p:first-child {
	color: #666; 
}
#bottom_reg p:last-child {
	cursor: pointer;
	color: #C5B097; 
}
.loginWrap .toast_disscuss, .toast_list {
	width: 3.013333333333333rem;
    height: 0.8rem;
    background: #C5B097;
    opacity: .85;
    position: absolute;
    top: 1.37rem;
    left: 3.5rem;
    z-index: 99999;
    line-height: 0.8rem;
    text-align:center;
    font-size: 0.32rem;
    border-radius: 48px;
   /* padding: 0 0.4266666666666667rem;*/
    color: #fff;
	display:none;
}

.toast_disscuss{
	top:2.48rem;
}
#nobind{
	display:block;
}
#bind{
	display:none;
}



@media (max-width: 1100px) {
	.webArtWrap .nav,.infoWrap .info,.bottomWrap .bottom{
		width: 100%;
	}
	.marginInfo {
		margin-right: 74px;
	}
}
@media (max-width: 530px) {
	.webArtWrap .top .left{
		display:none;
	}
	.webArtWrap .top .right{
		display:block;
	}    
	.webArtWrap .nav {
		padding: 14px 0 46px 0;
	}
	.webArtWrap .nav h3 {
		font-size: 20px;
		color: #000;
		text-align: center;
		line-height: 58px;
		font-weight: 300;
	}
	.webArtWrap .top .logo img {
		width: 26px;
		height: 26px;
	}
	.webArtWrap .top .logo{
		padding-top: 18px;
	    padding-left: 10px;
	}
	.webArtWrap .tip {
		line-height: 26px;
		font-size: 12px;
	}
	.webArtWrap .lastTip {
		margin-bottom: 36px;
	}
}
@media (max-width: 424px) {
	.bottomWrap .bottom div:last-child{
		width:100px;
	}
	.bottomWrap .bottom div{
		float:none;	
		width:100%;
		margin-bottom: 17px;
	}
	.bottomWrap .bottom div p {
		text-align:center;
	}
	.appRight .appBtn,.bottomWrap .bottom{
		height: auto;
		width: 100%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
}