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; }



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: 1400px; 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: relative; background-color: #b6653a; color: #fff; z-index: 10; transition: background .3s ease; }

.mod-header .layout { width: 1400px; margin: 0 auto; position: relative; }


.mod-header-nav { position: relative; float: left; }

.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; width: 150px; height: 50px; line-height: 50px; }

.mod-header-nav .top-cat:first-child { }

.mod-header-nav .top-cat h2 { position: relative; }

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

.mod-header-nav .top-cat-arrow { content: ""; width: 20px; height: 12px; background-image: url(../images/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; 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: #b6653a; 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/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.active, .mod-header.hover, .mod-header:hover { background-color: #f9ead7; color: #000; }
.mod-header.active, .mod-header.hover, .mod-header:hover a { color:#000;}

.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 0 0 220px; background-color: rgba(51,51,51,.95); position: absolute; width: 100%; top: 50px; 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 { vertical-align: top; font-size: 14px; float: left; padding: 20px 15px; }

.mod-header .cat-group:first-child { margin-left: 0; }

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

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

.mod-header .cat-item { display: block; width: 100%; box-sizing: border-box; padding: 7px 0 7px 50px; margin-bottom: 4px; font-size: 14px; line-height: 1; }

.mod-header .cat-item:hover { background-color: #42464c; }

.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: #a3a3a3; 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 { }

.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/sprite.png); background-position: -299px -158px; }

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

.mod-header .cat-tag.is-new { background-image: url(../images/sprite.png); background-position: -321px -124px; }

.mod-header .ico-lan { width: 30px; height: 30px; background-image: url(../images/menu_1.png); }
.mod-header .ico-lan2 { width: 30px; height: 30px; background-image: url(../images/menu_4.png); }

.mod-header .ico-voice { width: 30px; height: 30px; background-image: url(../images/menu_2.png); }
.mod-header .ico-voice2 { width: 30px; height: 30px; background-image: url(../images/menu_5.png); }
.mod-header .ico-image { width: 30px; height: 30px; background-image: url(../images/menu_3.png); }
.mod-header .ico-image2 { width: 30px; height: 30px; background-image: url(../images/menu_6.png); }
.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; }

.layout ul .line { margin-top: 19px; width: 1px; height: 11px;}



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