body,dd,dt,h1,h2,h3,h4,h5,h6,li,p,ul{
  margin:0;
  padding:0;
}

h1,h2,h3,h4,h5,h6{
  font-size:100%;
  font-weight:400;
}
dd,li,ul{
  list-style:none;
}
img{
  border:none;
  outline:none;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}

a{
  text-decoration:none;
  cursor:pointer;
  outline:none;
  color:inherit;
}

input{
  outline:none
}

em{
  font-style:normal
}

html{
  height:100%
}

body{
  position:relative;
  font:12px/1.5 microsoft yahei,arial,sans-serif;-webkit-font-smoothing:antialiased;
  background-color:#f8f8f8;
  min-width:1200px;
  color:#323232;
  min-height:100%;
  box-sizing:border-box;
}

button,input,select,textarea{
  font-size:1em;
  font-family:inherit;
}

::-webkit-input-placeholder{color:#a9a9a9}
:-moz-placeholder{color:#a9a9a9}
::-moz-placeholder{color:#a9a9a9}
:-ms-input-placeholder{color:#a9a9a9}

.scroll::-webkit-scrollbar{
  width:8px;
  background:#eee;
}

.scroll::-webkit-scrollbar-thumb{
  border-radius:4px;
  background:#ddd;
}

.hidden{display:none!important}

.disabled{
	opacity:.5;
	filter:alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	cursor:default;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

:disabled{
	opacity:.5;
	filter:alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	cursor:default;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.layout{width:1200px;margin:0 auto}

.mr0{margin-right:0!important}

.weak{color:#878787}

.weaker{color:#9e9e9e}

.clearfix:after,.clearfix:before{content:'';display:table;font:0/0 a}

.clearfix:after{clear:both}

.mod-header-user .user em{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%;word-wrap:normal}

.fixed-bar .backtop:before{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}

.mod-header{
	width:100%;
	font-size:14px;
	position:absolute;
	top:0;
	left:0;
	box-sizing:border-box;
	color:#fff;
	z-index:10;
	transition:background .3s ease;
}

.mod-header .layout{min-width:1200px;width:auto;position:relative;}

.mod-header-logo{
	float:left;
	width:220px;
	height:80px;
	background-image:url(../images/logo.png);
	/*background-position:0 -64px;*/
	margin-left:60px;
}

.mod-header-nav{position:relative;float:right;margin-right:80px;}

.mod-header-nav li{position:relative;float:left;line-height:1}

.mod-header-nav a:hover{text-decoration:none}

.mod-header-nav .top-cat{text-align:center;padding:31px 30px;margin-right:12px}

.mod-header-nav .top-cat:first-child{margin:0 12px}

.mod-header-nav .top-cat h2{position:relative;font-size:16px;}

.mod-header-nav .top-cat h2 a{padding:0;position:relative;color:#fff;}

.mod-header-nav .top-cat h2 a:hover{color:red;}

.mod-header-nav .top-cat-arrow{
	content:"";
	width:20px;
	height:12px;
	background-image:url(../images/cpimg/sprite.png);
	background-position:-331px -158px;
	transition:-webkit-transform .3s ease;
	transition:transform .3s ease;
	transition:transform .3s ease,-webkit-transform .3s ease;
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
	display:inline-block;
	vertical-align:bottom;
	margin-left:4px;
}

.mod-header-nav .top-cat.hassub:active .top-cat-arrow,.mod-header-nav .top-cat.hassub:hover .top-cat-arrow{
	-webkit-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	transform:rotate(0deg);
}
.mod-header-nav .slider{
	position:absolute;
	bottom:0;
	left:0;
	width:auto;
	height:3px;
	background-color:#fff;
	transition:width .3s ease-out,-webkit-transform .3s ease-out;
	transition:transform .3s ease-out,width .3s ease-out;
	transition:transform .3s ease-out,width .3s ease-out,-webkit-transform .3s ease-out;
}
.mod-header-user{
	line-height:25px;
	position:absolute;
	top:14px;
	right:0;
	font-size:0;
}
.mod-header-user .console{
	display:inline-block;
	padding:0 12px;
	vertical-align:middle;
	font-size:14px;
}
.mod-header-user .console:hover{color:#126ee1}

.mod-header-user .user{
	padding-left:11px;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	border-left:1px solid #fff;
	font-size:14px;
	margin-right:22px;
}
.mod-header-user .user em{
	color:#fff;
	display:inline-block;
	max-width:102px;
	vertical-align:bottom;
}
.mod-header-user .user i{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	background-image:url(../images/cpimg/sprite);
	background-position:-291px -174px;
	width:20px;
	height:12px;
	margin-left:5px;
}
.mod-header-user .user .dropdown{
	position:absolute;
	padding-top:19px;
	top:25px;
	left:0;
	width:100%;
	text-align:center;
	display:none;
}
.mod-header-user .user .dropdown a{
	display:block;
	line-height:40px;
	background-color:#333;
}
.mod-header-user .user:hover{color:#126ee1}

.mod-header-user .user:hover .dropdown{display:block}

.mod-header-user .user:hover a{color:#fff}

.mod-header-user .user:hover a:hover{color:#126ee1}

.mod-header-user .try{
	background-color:#fff;
	color:#0052d9;
	padding:8px 18px;
	border-radius:3px;
	line-height:1;
	display:inline-block;
	transition:all .3s ease;
	vertical-align:middle;
	font-size:14px;
	margin-right:22px;
}
.mod-header.active,.mod-header.hover,.mod-header:hover{
    background-color:#555;
}

.mod-header.active .mod-header-logo,.mod-header.hover .mod-header-logo,.mod-header:hover .mod-header-logo{
	background-image:url(../images/logo.png);
	/*background-position:0 -128px;*/
}

.mod-header.active .mod-header-user .user i:after,.mod-header.hover .mod-header-user .user i:after,.mod-header:hover .mod-header-user .user i:after{
    border-top-color:#333;
}

.mod-header.active .mod-header-user .try,.mod-header.hover .mod-header-user .try,.mod-header:hover .mod-header-user .try{
	color:#fff;
	background-color:#0052d9;
}

.mod-header .cat{position:relative}

.mod-header .cat .layout{min-width:0}

.mod-header .cat-ico{display:inline-block;width:49px}

.mod-header .cat-box{
	color:#fff;
	font-size:0;
	box-sizing:border-box;
	padding:0 220px 0 0;
	background-color:#C8000A;
	position:absolute;
	width:100%;
	top:80px;
	left:0;
	text-align:left;
	transition:-webkit-transform .3s ease-out;
	transition:transform .3s ease-out;
	transition:transform .3s ease-out,-webkit-transform .3s ease-out;
	-webkit-transform:scaleY(0);
	-ms-transform:scaleY(0);
	transform:scaleY(0);
	-webkit-transform-origin:center top;
	-ms-transform-origin:center top;
	transform-origin:center top;
}
.mod-header .cat-box.active,.mod-header .cat-box:hover{
	-webkit-transform:scaleY(1);
	-ms-transform:scaleY(1);
	transform:scaleY(1);
}
.mod-header .cat-group{
	display:inline-block;
	vertical-align:top;
	font-size:14px;
	margin-left:12px;
	padding:20px 0;
}
.mod-header .cat-group a{color:#fff;}

.mod-header .cat-group a:hover{color:#000;}

.mod-header .cat-group:first-child{margin-left:42%}

.mod-header .cat-tit{font-size:16px;padding-bottom:7px;margin-left:10%;}

.mod-header .cat-tit i{display:inline-block;vertical-align:middle;margin-right:16px}

.mod-header .cat-item{
	display:block;
	width:185px;
	box-sizing:border-box;
	padding:7px 0 7px 20px;
	margin-bottom:4px;
	font-size:14px;
	line-height:1;
}
.mod-header .cat-item:hover{background-color:#C8000A;}

.mod-header .cat-item a{color:#fff;}

.mod-header .cat-item a:hover{color:#000;}

.mod-header .cat-item-sub{margin-top:7px;font-size:12px}

.mod-header .cat-item-sub a{
	display:inline-block;
	vertical-align:middle;
	color:#fff;
	margin-top:4px;
	padding-right:24px;
	line-height:22px;
}
.mod-header .cat-item-sub a:last-child{padding-right:0}

.mod-header .cat-item-sub a.disabled{
	color:#a3a3a3;
	cursor:default;
	pointer-events:none;
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
}
.mod-header .cat-item-row{display:table-row}

.mod-header .cat-item-row a{display:table-cell}

.mod-header .cat-tag{
	display:inline-block;
	vertical-align:middle;
	width:28px;
	height:12px;
	margin-left:6px;
	margin-top:-2px;
}

.mod-header .cat-tag.is-beta{
	background-image:url(../images/cpimg/sprite.png);
	background-position:-299px -158px;
}

.mod-header .cat-tag.is-hot{
	background-image:url(../images/cpimg/sprite.png);
	background-position:-267px -158px;
}
.mod-header .cat-tag.is-new{
	background-image:url(../images/cpimg/sprite.png);
	background-position:-321px -124px;
}
.mod-header .ico-lan{
	width:24px;
	height:30px;
	background-image:url(../images/cpimg/sprite.png);
	background-position:-267px -124px;
}
.mod-header .ico-voice{
	width:33px;
	height:30px;
	background-image:url(../images/cpimg/sprite.png);
	background-position:-267px -90px;
}
.mod-header .ico-image{
	width:33px;
	height:30px;
	background-image:url(../images/cpimg/sprite.png);
	background-position:-304px -90px;
}
.upgrade-box-cont h3{font-size:32px;line-height:1;margin:22px auto}

.upgrade-box-cont p{color:#c3deff;width:26em;margin:0 auto}

.upgrade-box-btm{margin-top:45px}

.upgrade-box-btm .btn{width:180px;line-height:48px;border:1px solid #fff;border-radius:4px;display:inline-block}

.upgrade-box-btm .btn-ff{margin:0 16px}

.upgrade-box-btm .btn:hover{background-color:hsla(0,0%,100%,.2)}

.upgrade-box-btm i{display:inline-block;margin-right:10px;vertical-align:text-bottom}

.ie-placeholder{color:#aaa}@media screen and (max-width:1400px){.mod-header .cat-box{padding:0 0 0 18px}

.mod-header .cat-group{margin-left:6px}}html[lang=en] 

body{font-family:Arial,sans-serif}