@charset "utf-8";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

fieldset,
img {
    border: 0
}

:focus {
    outline: 0
}

address,
caption,
cite,
code,
dfn,
em,
th,
var,
optgroup {
    font-style: normal;
    font-weight: normal
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit
}

code,
kbd,
samp,
tt {
    font-size: 100%
}

input,
button,
textarea,
select {
    *font-size: 100%
}

body {
    line-height: 1.5
}

ol,
ul {
    list-style: none
}

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

caption,
th {
    text-align: left
}

sup,
sub {
    font-size: 100%;
    vertical-align: baseline
}

:link,
:visited,
ins {
    text-decoration: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

* {
    margin: 0;
    padding: 0;
}

body,
html {
    overflow-y: auto;
    overflow-x: hidden;
}

.clearfix {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

b,
em,
i {
    font-style: normal;
    font-weight: normal;
}

body {
    margin: 0;
    font-family: "Microsoft Yahei", Arial, Tahoma, Helvetica, "SimSun", "Hiragino Sans GB", sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #454545;
    position: relative;
}

html,
body {
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    overflow-x: hidden;
    min-height: 1000px;
    background-color: #f5f5f5;
}

button,
input,
select,
textarea,
th {
    background: #fff;
    font-size: 12px;
    line-height: 1.5em;
    font-family: "Microsoft Yahei", Arial, Tahoma, Helvetica, "SimSun", "Hiragino Sans GB", sans-serif;
}

header,
section,
footer,
aside,
nav,
article,
figure {
    display: block;
}

a {
    color: #333;
    text-decoration: none;
}

a:hover,
a:focus {
    -webkit-transition: color 150ms ease-in 0ms, background-color 150ms ease-in 150ms;
    -moz-transition: color 150ms ease-in 0ms, background-color 150ms ease-in 150ms;
    -ms-transition: color 150ms ease-in 0ms, background-color 150ms ease-in 150ms;
    -o-transition: color 150ms ease-in 0ms, background-color 150ms ease-in 150ms;
    transition: color 150ms ease-in 0ms, background-color 150ms ease-in 150ms;
}

.rotate360:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

a:hover {
    color: #FB371F;
}

.rotate360 {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.cfx {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1
}

.cfx:before,
.cfx:after {
    display: table;
    content: "";
    line-height: 0
}

.cfx:after {
    clear: both
}

.cx {
    overflow: hidden;
    *zoom: 1;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.hide {
    display: none;
}

a {
    cursor: pointer;
}

img {
    vertical-align: top;
    border: 0;
}

a img:hover {
    opacity: 0.9;
    cursor: pointer;
}

.ico {
    background: url(../images/icon.png) no-repeat;
    background-size: 1000px 1000px;
}

.wrapper {
    width: 1200px;
    margin: auto;
}

.wrapL {
    float: left;
    width: 825px;
    margin-right: 22px;
}

.wrapR {
    float: right;
    width: 350px;
    margin-top: 24px;
}

.hsTit {
    position: relative;
    overflow: hidden;
    *zoom: 1;
}

.hsTit:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 98%;
    height: 1px;
    background: #eee;
}

.hsTit em {
    position: relative;
    z-index: 1;
    float: left;
    padding-right: 21px;
    display: block;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    background-color: #fff;
}

.hsTit a {
    position: relative;
    z-index: 1;
    float: right;
    display: block;
    font-size: 14px;
    color: #A8A8A8;
    height: 20px;
    line-height: 21px;
    background-color: #fff;
    padding-left: 20px;
}

.hsTit a:hover {
    color: #EF493C;
}

.hTit {
    width: 1200px;
    margin: auto;
    overflow: hidden;
    *zoom: 1;
}

.hTit h2 {
    float: left;
    position: relative;
    display: block;
    height: 54px;
    line-height: 54px;
    font-size: 30px;
    color: #333;
    font-weight: bold;
}

.hTit h2:before {
    content: "";
    position: relative;
    margin-right: 15px;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/icon.png) no-repeat;
    background-size: 1000px 1000px;
}

.hTit h2.hG:before {
    background-position: -73px -57px;
    width: 38px;
    height: 33px;
    top: 5px;
}

.hTit h2.hS:before {
    background-position: -137px -57px;
    width: 38px;
    height: 36px;
    top: 4px;
}

.hTit h2.hZ:before {
    background-position: -201px -57px;
    width: 27px;
    height: 34px;
    top: 5px;
}

.hTit h2.hR:before {
    background-position: -8px -57px;
    width: 39px;
    height: 32px;
    top: 6px;
}

.hTit h2.hF:before {
    background-position: -254px -57px;
    width: 38px;
    height: 38px;
    top: 3px;
}

.hTit h2.hN:before {
    background-position: -318px -57px;
    width: 34px;
    height: 34px;
    top: 6px;
}

.hTit a {
    position: relative;
    z-index: 1;
    float: right;
    display: block;
    font-size: 14px;
    color: #A8A8A8;
    height: 40px;
    line-height: 41px;
    margin-top: 6px;
}

.hTit a:hover {
    color: #EF493C;
}

.hTit strong {
    float: left;
    position: relative;
    display: block;
    height: 54px;
    line-height: 54px;
    font-size: 30px;
    color: #E0E0E0;
    font-weight: bold;
}

.hTit strong:before {
    content: "";
    position: relative;
    margin-right: 15px;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/icon.png) no-repeat;
    background-size: 1000px 1000px;
}

.hTit strong.hF:before {
    background-position: -254px -57px;
    width: 38px;
    height: 38px;
    top: 5px;
}

.gsTit {
    position: relative;
    width: 1152px;
    margin: auto;
    padding: 19px 24px 0;
    overflow: hidden;
    *zoom: 1;
}

.gsTit:before {
    content: "";
    position: absolute;
    top: 38px;
    left: 24px;
    display: block;
    width: 61px;
    height: 7px;
    background: url(../images/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -380px -5px;
}

.gsTit strong {
    float: left;
    padding-left: 42px;
    position: relative;
    z-index: 1;
    display: block;
    height: 34px;
    line-height: 34px;
    font-size: 24px;
    color: #333;
    font-weight: bold;
}

.gsTit a {
    position: relative;
    z-index: 1;
    float: right;
    display: block;
    font-size: 14px;
    color: #A8A8A8;
    height: 40px;
    line-height: 41px;
}

.gsTit a:hover {
    color: #EF493C;
}

.gsTit span {
    position: relative;
    z-index: 1;
    float: right;
    display: block;
    font-size: 14px;
    color: #A8A8A8;
    height: 40px;
    line-height: 41px;
}

.wrapper .gsTit strong {
    padding-left: 66px;
}

.wrapper .gsTit {
    width: 100%;
    padding: 19px 0 0;
}

.wrapper .gsTit a,
.wrapper .gsTit span {
    margin-right: 24px;
}

header {
    width: 1200px;
    height: 86px;
    padding-top: 44px;
    margin: auto;
}

header>a {
    float: left;
    width: auto;
    height: 64px;
    margin-top: 4px;
    display: block;
    overflow: hidden;
}

header>a img {
    width: auto;
    height: 100%;
}

header .nav {
    float: left;
    max-width: 900px;
    padding-left: 60px;
}

header .nav li {
    float: left;
}

header .nav a {
    display: block;
    position: relative;
    padding: 12px 1px;
    margin: 0 22px;
    line-height: 36px;
    text-align: center;
    font-size: 18px;
    color: #242424;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}

header .nav a:hover {
    color: #242424;
}

header .nav a.current,
header .nav .current-menu-item a,
header .nav .current-menu-parent a,
header .nav .current-page-ancestor a {
    font-size: 22px;
    color: #FB371F;
}

header .nav a:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: 12px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: transparent;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}

header .nav a:hover:after,
header .nav a.current:after,
header .nav .current-menu-item a:after,
header .nav .current-menu-parent a:after,
header .nav .current-page-ancestor a:after {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #FB381F;
    border-radius: 1.5px;
}

header .search {
    position: relative;
    float: right;
    display: block;
    padding: 10px 0 10px 44px;
    width: 0;
    height: 24px;
    margin-top: 8px;
    cursor: pointer;
    border-radius: 8px;
}

header .search input {
    display: none;
    border: 0;
    position: absolute;
    top: 0px;
    left: 44px;
    height: 100%;
    width: 66px;
    background: transparent;
}

header .search {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

header .search:before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 24px;
    height: 24px;
    background: url(../images/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -8px -5px;
}

header .search:hover {
    width: 66px;
    background-color: rgba(255, 255, 255, .99);
    box-shadow: 0px 8px 11px 0px rgba(36, 8, 4, 0.06);
}

header .search:hover input {
    display: block;
}

footer {
    width: 100%;
    color: #ADADAD;
    font-size: 14px;
    background: #292929;
    text-align: center;
}

footer>div {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    height: auto;
    padding: 60px 0 55px;
    line-height: 24px;
}

footer>div .info p:nth-of-type(1) a {
    font-size: 14px;
    color: #A8A8A8;
}

footer p {
    margin-bottom: 10px;
}

footer p a {
    margin: 0 5px;
    color: #bcbcbc;
}

footer p span {
    margin: 0 10px;
}

footer .info a:hover {
    color: #cfcfcf !important;
}

footer .img {
    display: block;
    height: 75px;
    text-align: center;
    margin: auto;
    margin-bottom: 30px;
}

footer .img img {
    display: block;
    height: 68px;
    width: auto;
    margin: auto;
}

.crumb {
    width: 1200px;
    margin: 24px auto;
}

.wrapL .crumb {
    width: 100%;
}

.crumb,
.crumb a {
    font-size: 14px;
}

.crumb a {
    position: relative;
    color: #666;
}

.crumb a:after {
    content: "";
    position: relative;
    top: 1px;
    margin: 0 10px 0 9px;
    display: inline-block;
    width: 5px;
    height: 11px;
    background: url(../images/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -638px -4px;
}

.crumb span {
    position: relative;
    color: #FB381F;
}

.crumb a:hover {
    color: #FB381F;
}

.pagecode {
    padding: 7px 0 11px;
    text-align: center;
    font-size: 16px;
    color: #999;
}

.pagecode a {
    padding: 8px 19px;
    margin: 0 5px;
    color: #8D8E93;
    text-decoration: none;
    background-color: #F5F5F5;
    border-radius: 6px;
    border-radius: 6px;
}

.pagecode>span {
    display: inline-block;
    line-height: 40px;
    height: 40px;
    border-radius: 6px;
}

.pagecode span a {
    display: block;
    padding: 0;
    min-width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 6px;
}

.pagecode a i {
    display: inline-block;
    width: 12px;
    height: 20px;
    position: relative;
    top: 5px;
}

.pagecode a i.ll {
    background-position: -254px -5px;
}

.pagecode a i.lr {
    background-position: -291px -5px;
}

.pagecode a:hover i.ll {
    background-position: -254px -31px;
}

.pagecode a:hover i.lr {
    background-position: -291px -31px;
}

.pagecode a:hover {
    color: #fff;
    background-color: #FB381F;
}

.pagecode a.current,
.pagecode a.current:hover {
    color: #fff;
    background-color: #FB381F;
    padding: 8px 15px;
}

.pagecode a.disabled,
.pagecode a.disabled:hover {
    color: #666;
    background-color: #efefef;
    cursor: default;
}

.hRec {
    margin-top: 22px;
}

.hRecT {
    width: 1200px;
    height: 334px;
    margin: auto;
    margin-bottom: 23px;
    overflow: hidden;
}

.hRecTL {
    float: left;
    width: 816px;
    height: 334px;
    background: #313131;
    border-radius: 12px;
    overflow: hidden;
}

.hRecTLL {
    float: left;
    position: relative;
    width: 494px;
    height: 334px;
    overflow: hidden;
}

.hRecTLL ul {
    position: relative;
    overflow: hidden;
    *zoom: 1;
    border-radius: 8px;
}

.hRecTLL li {
    position: relative;
    float: left;
    width: 494px;
    height: 334px;
    border-radius: 8px;
    overflow: hidden;
}

.hRecTLL li img {
    display: block;
    width: 100%;
    min-height: 100%;
    height: auto;
}

.hRecTLL p {
    display: block;
    width: 424px;
    height: 70px;
    border-radius: 8px;
    padding: 36px 50px 12px 20px;
    line-height: 36px;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(36, 36, 36, 0) 100%);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

:root .hRecTLL p {
    filter: none
}

.hRecTLL .dot {
    position: absolute;
    width: 30px;
    bottom: 20px;
    right: 20px;
    overflow: hidden;
    *zoom: 1;
}

.hRecTLL .dot div {
    padding-right: 5px;
    float: right
}

.hRecTLL .dot i {
    float: left;
    display: block;
    width: 10px;
    height: 10px;
    overflow: hidden;
    margin: 0 0 4px 4px;
    background-color: rgba(255, 255, 255, .5);
    cursor: pointer
}

.hRecTLL .dot i.current {
    background: #fff
}

.hRecTLR {
    float: right;
    width: 280px;
    margin-right: 22px;
}

.hRecTLRT {
    padding: 16px 0 10px;
    border-bottom: 1px dashed #535353;
    margin-bottom: 12px;
}

.hRecTLRT strong a {
    display: block;
    padding: 10px 6px;
    font-size: 20px;
    color: #FD7212;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hRecTLR ul li {
    position: relative;
    line-height: 32px;
    padding-left: 15px;
}

.hRecTLR ul li:before {
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #999;
    border-radius: 50%;
}

.hRecTLR ul li a {
    display: block;
    max-width: 262px;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hRecTLRT strong a:hover,
.hRecTLR ul li:hover a {
    color: #FB371F;
}

.hRecTLR ul li:hover:before {
    background-color: #FB371F;
}

.hRecTR {
    float: right;
    width: 362px;
    overflow: hidden;
}

.hRecTR a {
    float: left;
    display: block;
    width: 170px;
    height: 118px;
    margin-right: 22px;
    background: #FFF;
    text-align: center;
    border-radius: 12px;
    margin-top: 38px;
    margin-bottom: 22px;
}

.hRecTR a:nth-of-type(2n+2) {
    margin-right: 0;
}

.hRecTR a img {
    position: relative;
    display: block;
    margin: auto;
    width: 122px;
    height: 122px;
    border-radius: 24px;
    margin-top: -38px;
}

.hRecTR a p {
    font-size: 14px;
    color: #666;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hRecTR a p .favor {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -211px -5px;
    position: relative;
    top: 2px;
    margin-left: 2px;
}

.hRecTR a:hover p {
    color: #FB371F;
}

.hRecTR a:hover p .favor {
    background-position: -212px -24px;
}

.hRecM {
    width: 1184px;
    background-color: #fff;
    border-radius: 12px;
    padding: 22px 8px 9px;
    margin: auto;
    margin-bottom: 23px;
}

.hRecM dl {
    width: 1190px;
    padding-bottom: 12px;
    line-height: 33px;
    white-space: nowrap;
    overflow: hidden;
    *zoom: 1;
}

.hRecM dl dt {
    float: left;
    margin-right: 5px;
    width: 80px;
    height: 34px;
    background: #FB371F;
    box-shadow: 0px 4px 8px 0px rgba(251, 55, 31, 0.2);
    border-radius: 16px;
    line-height: 34px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}

.hRecM dl dd {
    float: left;
    width: 1052px;
    height: 33px;
    overflow: hidden;
    border-bottom: 1px dotted #FED7D2;
}

.hRecM dl dd a {
    position: relative;
    float: left;
    display: block;
    font-size: 14px;
    color: #999;
    padding: 0 10px;
    line-height: 36px;
    max-width: 300px;
}

.hRecM dl dd a:after {
    content: "";
    position: relative;
    top: 3px;
    display: inline-block;
    width: 1px;
    height: 15px;
    background-color: #B69B98;
    margin: 0 2px 0 22px;
    transform: rotate(30deg);
}

.hRecM dl dd a:last-of-type:after {
    display: none;
}

.hRecM dl:nth-of-type(2) dt {
    background: #0568FA;
    box-shadow: 0px 4px 8px 0px rgba(5, 104, 250, 0.2);
}

.hRecM dl:nth-of-type(2) dd {
    border-color: #CDE1FE;
}

.hRecM dl:nth-of-type(3) dt {
    background: #FAD037;
    box-shadow: 0px 4px 8px 0px rgba(250, 208, 55, 0.5);
}

.hRecM dl:nth-of-type(3) dd {
    border-color: #FAEA82;
}

.hRecM dl dd a:hover {
    color: #EF493C;
}

.hRecM .list {
    width: 1200px;
    margin-top: 3px;
    overflow: hidden;
    *zoom: 1;
}

.hRecM .list a {
    float: left;
    display: block;
    width: 118px;
    height: 130px;
    line-height: 42px;
    font-size: 16px;
    color: #666;
    text-align: center;
    overflow: hidden;
    padding-top: 12px;
}

.hRecM .list a img {
    display: block;
    width: 88px;
    height: 88px;
    border-radius: 20px;
    margin: auto;
}

.hRecM .list a img {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    -webkit-transform-origin: right bottom center;
    -moz-transform-origin: right bottom center;
    -ms-transform-origin: right bottom center;
    -o-transform-origin: right bottom center;
    transform-origin: right bottom center;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
}

.hRecM .list a:hover img {
    -o-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.hRecM .list a:hover {
    color: #EF493C;
}

.hRecB {
    background: #FFF;
}

.hRecB>div {
    width: 1200px;
    margin: auto;
    overflow: hidden;
    *zoom: 1;
    padding: 33px 0 20px;
}

.hRecBL {
    float: left;
    width: 408px;
    margin-right: 22px;
}

.hRecBM {
    float: left;
    width: 455px;
}

.hRecBR {
    float: right;
    width: 292px;
}

.hRecBL .list {
    overflow: hidden;
    *zoom: 1;
    margin-bottom: 26px;
}

.hRecBLT .list a {
    float: left;
    display: block;
    width: 194px;
    height: 120px;
    border-radius: 12px;
    overflow: hidden;
    margin-top: 16px;
}

.hRecBLT .list a:nth-of-type(2n+1) {
    margin-right: 20px;
}

.hRecBLT .list a img {
    width: 100%;
    min-height: 120px;
    height: auto;
}

.hRecBLT .list a img {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.hRecBLT .list a:hover img {
    transform: scale(1.2);
}

.hRecBLB ul {
    width: 420px;
    padding-top: 16px;
    overflow: hidden;
    *zoom: 1;
}

.hRecBLB li {
    float: left;
    width: 194px;
    margin-bottom: 11px;
}

.hRecBLB li a {
    display: block;
    float: left;
}

.hRecBLB li img {
    float: left;
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 14px;
    margin-right: 10px;
}

.hRecBLB li div {
    float: left;
    width: 128px;
    height: 56px;
}

.hRecBLB li div p {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hRecBLB li div p:nth-of-type(1) {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    line-height: 32px;
}

.hRecBLB li div p:nth-of-type(2) {
    font-size: 14px;
    color: #999;
    line-height: 18px;
}

.hRecBLB li:nth-of-type(2n+1) {
    margin-right: 20px;
}

.hRecBLB li img {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.hRecBLB li:hover img {
    -o-transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
}

.hRecBLB li:hover div p:nth-of-type(1) {
    color: #EF493C;
}

.hRBMMenu {
    text-align: center;
    padding-bottom: 16px;
    font-size: 0;
}

.hRBMMenu i {
    position: relative;
    vertical-align: top;
    display: inline-block;
    width: 48px;
    height: 48px;
    ;
    border: 2px solid #EBEBEB;
    border-radius: 50%;
    margin: 0 20px;
}

.hRBMMenu i:before {
    content: "";
    display: block;
    position: absolute;
    cursor: pointer;
    width: 32px;
    height: 32px;
    background: url(../images/icon.png) no-repeat;
    background-size: 1000px 1000px;
}

.hRBMMenu i.yx:before {
    background-position: -8px -117px;
    top: 13px;
    left: 9px;
}

.hRBMMenu i.sf:before {
    background-position: -60px -117px;
    top: 9px;
    left: 11px;
}

.hRBMMenu i.gl:before {
    background-position: -108px -117px;
    top: 9px;
    left: 9px;
}

.hRBMMenu i.zx:before {
    background-position: -160px -117px;
    top: 8px;
    left: 9px;
}

.hRBMMenu i.current,
.hRBMMenu i:hover {
    border: 0;
    width: 52px;
    height: 57px;
    background: url(../images/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -292px -115px;
}

.hRBMMenu i.yx.current:before,
.hRBMMenu i.yx:hover:before {
    background-position: -8px -156px;
    top: 13px;
    left: 9px;
}

.hRBMMenu i.sf.current:before,
.hRBMMenu i.sf:hover:before {
    background-position: -60px -156px;
    top: 9px;
    left: 11px;
}

.hRBMMenu i.gl.current:before,
.hRBMMenu i.gl:hover:before {
    background-position: -108px -156px;
    top: 9px;
    left: 9px;
}

.hRBMMenu i.zx.current:before,
.hRBMMenu i.zx:hover:before {
    background-position: -160px -156px;
    top: 8px;
    left: 9px;
}

.hRecBM ul li {
    overflow: hidden;
    white-space: nowrap;
    line-height: 39px;
}

.hRecBM ul li a {
    float: left;
    font-size: 16px;
    color: #333;
    width: 376px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}

.hRecBM ul li span {
    float: right;
    font-size: 16px;
    color: #999;
}

.hRecBM ul li a:hover {
    color: #EF493C;
}

.hRecBM ul li:nth-of-type(5) {
    border-bottom: 1px dotted #E5E5E5;
    padding-bottom: 12px;
    margin-bottom: 10px;
}

.hRecBR .info {
    display: block;
    margin-top: 15px;
    overflow: hidden;
    *zoom: 1;
}

.hRecBR .info img {
    float: left;
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 26px;
    margin-right: 20px;
}

.hRecBR .info div {
    float: left;
    width: 172px;
    height: 100px;
}

.hRecBR .info div p,
.hRecBR .info div span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hRecBR .info div p {
    font-size: 24px;
    color: #333;
    font-weight: 500;
    line-height: 46px;
}

.hRecBR .info div span {
    font-size: 16px;
    color: #999;
    line-height: 22px;
    margin-bottom: 6px;
}

.hRecBR .info:hover div p {
    color: #EF493C;
}

.hRecBR .txt {
    display: block;
    font-size: 14px;
    color: #666;
    max-height: 78px;
    line-height: 26px;
    margin: 11px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.hRecBR .list {
    width: 320px;
    overflow: hidden;
    *zoom: 1;
}

.hRecBR .list a {
    float: left;
    display: block;
    width: 88px;
    height: 111px;
    line-height: 38px;
    font-size: 16px;
    color: #666;
    text-align: center;
    overflow: hidden;
    padding-top: 14px;
    margin-right: 15px;
}

.hRecBR .list a img {
    display: block;
    width: 74px;
    height: 74px;
    border-radius: 18px;
    margin: auto;
}

.hRecBR .list a img {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    -webkit-transform-origin: right bottom center;
    -moz-transform-origin: right bottom center;
    -ms-transform-origin: right bottom center;
    -o-transform-origin: right bottom center;
    transform-origin: right bottom center;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
}

.hRecBR .list a:hover img {
    -o-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.hRecBR .list a:hover {
    color: #EF493C;
}

.hGame,
.hSoft {
    position: relative;
    background-color: #fafafa;
    padding: 20px 0 30px;
}

.hGTab {
    position: relative;
    width: 1200px;
    margin: auto;
}

.hGMenu {
    position: relative;
    width: 1120px;
    height: 55px;
    margin: 18px auto 16px;
}

.hGMenu>div {
    position: relative;
    width: 1132px;
    height: 55px;
    overflow: hidden;
}

.hGMenu .list {
    position: absolute;
    width: 1140px;
    height: 55px;
    overflow: hidden;
    *zoom: 1;
    left: 0;
    right: 0;
    margin: auto;
}

.hGMenu span {
    position: relative;
    float: left;
    display: block;
    width: 105px;
    height: 38px;
    cursor: pointer;
    margin: 0 9px;
    background: #FFF;
    text-align: center;
    border: 1px solid #E0E0E0;
    border-radius: 20px;
    font-size: 16px;
    color: #A8A8A8;
    line-height: 40px;
    overflow: hidden;
}

.hGMenu i {
    position: absolute;
    top: 7px;
    width: 29px;
    height: 37px;
    background-position: -167px -5px;
    cursor: pointer;
}

.hGMenu .hGLeft {
    right: -52px;
    background-position: -122px -5px;
}

.hGMenu .hGRight {
    left: -52px;
    background-position: -158px -5px;
}

.hGMenu .hGLeft:hover {
    right: -52px;
    background-position: -83px -5px;
}

.hGMenu .hGRight:hover {
    left: -52px;
    background-position: -46px -5px;
}

.hGMenu span.current,
.hGMenu span:hover {
    border: 0;
    color: #fff;
    width: 107px;
    height: 55px;
    background: url(../images/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -362px -117px;
}

.hSMenu {
    position: relative;
    width: 1120px;
    height: 55px;
    margin: 18px auto 16px;
}

.hSMenu>div {
    position: relative;
    width: 1132px;
    height: 55px;
    overflow: hidden;
}

.hSMenu .list {
    position: absolute;
    width: 1140px;
    height: 55px;
    overflow: hidden;
    *zoom: 1;
    left: 0;
    right: 0;
    margin: auto;
}

.hSMenu span {
    position: relative;
    float: left;
    display: block;
    width: 105px;
    height: 38px;
    cursor: pointer;
    margin: 0 9px;
    background: #FFF;
    text-align: center;
    border: 1px solid #E0E0E0;
    border-radius: 20px;
    font-size: 16px;
    color: #A8A8A8;
    line-height: 40px;
    overflow: hidden;
}

.hSMenu i {
    position: absolute;
    top: 7px;
    width: 29px;
    height: 37px;
    background-position: -167px -5px;
    cursor: pointer;
}

.hSMenu .hGLeft {
    right: -52px;
    background-position: -122px -5px;
}

.hSMenu .hGRight {
    left: -52px;
    background-position: -158px -5px;
}

.hSMenu .hGLeft:hover {
    right: -52px;
    background-position: -83px -5px;
}

.hSMenu .hGRight:hover {
    left: -52px;
    background-position: -46px -5px;
}

.hSMenu span.current,
.hSMenu span:hover {
    border: 0;
    color: #fff;
    width: 107px;
    height: 55px;
    background: url(../images/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -362px -117px;
}

.hGCont {
    position: relative;
    overflow: hidden;
    *zoom: 1;
}

.hGCont {
    width: 885px;
    overflow: hidden;
    margin-right: 300px;
}

.hGCont div {
    width: 920px;
    height: 544px;
    overflow: hidden;
    *zoom: 1;
}

.hGCont div a {
    float: left;
    width: 88px;
    height: 132px;
    text-align: center;
    margin-right: 26px;
    margin-bottom: 8px;
}

.hGCont div a img {
    display: block;
    width: 88px;
    height: 88px;
    border-radius: 24px;
    margin: 0 auto;
}

.hGCont div a p {
    font-size: 16px;
    color: #666;
    line-height: 42px;
    height: 42px;
    overflow: hidden;
}

.hGCont div a span {
    display: none;
    width: 72px;
    height: 24px;
    line-height: 24px;
    background: linear-gradient(90deg, #FB371F 0%, #FA7F2A 100%);
    border-radius: 12px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin: auto;
    margin-top: 8px;
}

.hGCont div a span.no {
    background: linear-gradient(90deg, #0568FA 0%, #06A5FF 100%)
}

.hGCont div a:hover img {
    opacity: .9;
}

.hGCont div a:hover p {
    display: none;
}

.hGCont div a:hover span {
    display: block;
}

.hGRank {
    position: absolute;
    top: 0;
    right: 10px;
    width: 246px;
    height: 544px;
    padding: 0 16px;
    background: url(../images/iztgarankbg.png) no-repeat;
    background-size: 100% 100%;
}

.hSoft .hGRank {
    background: url(../images/iztsfrankbg.png) no-repeat;
}

.hGRank>a {
    display: block;
    height: 48px;
    font-size: 22px;
    color: #fff;
    line-height: 48px;
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
}

.hGRank ol {
    padding-top: 10px;
}

.hGRank li {
    height: 48px;
    line-height: 48px;
    overflow: hidden;
    *zoom: 1;
}

.hGRank li a {
    float: left;
    display: block;
    width: 208px;
    font-size: 18px;
    color: #333;
    line-height: 48px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hGRank li a:hover {
    color: #EF493C;
}

.hGRank li i {
    float: left;
    margin-right: 16px;
    width: 20px;
    line-height: 48px;
    font-size: 18px;
    color: #999;
    font-weight: bold;
    text-align: center;
}

.hGRank li:nth-of-type(-n+3) i {
    font-size: 0;
    height: 26px;
    position: relative;
    top: 11px;
    background: url(../images/icon.png) no-repeat;
    background-size: 1000px 1000px;
}

.hGRank li:nth-of-type(1) i {
    background-position: -133px -207px;
}

.hGRank li:nth-of-type(2) i {
    background-position: -165px -207px;
}

.hGRank li:nth-of-type(3) i {
    background-position: -197px -207px;
}

.hGRank li:nth-of-type(1) a {
    color: #EF493C;
}

.hTopic {
    background: url(../images/iztbg.png) no-repeat;
    background-size: 100% 100%;
    padding: 20px 0;
}

.hTopic ul {
    width: 1220px;
    padding-top: 6px;
    margin: auto;
    overflow: hidden;
    *zoom: 1;
}

.hTopic ul li {
    position: relative;
    float: left;
    width: 252px;
    height: 337px;
    padding: 20px 22px 0;
    margin-right: 9px;
}

.hTopic ul li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    width: 298px;
    height: 357px;
    background-color: #fff;
    background: url(../images/iztlibg.png) no-repeat;
    background-size: 100% 100%;
}

.hTopic ul li:nth-of-type(4n+4) {
    margin-right: 0;
}

.hTopic ul li .img {
    display: block;
    width: 252px;
    height: 228px;
    overflow: hidden;
    margin: auto;
}

.hTopic ul li .img img {
    width: 100%;
    min-height: 228px;
    height: auto;
}

.hTopic ul li .img img {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.hTopic ul li:hover .img img {
    transform: scale(1.2);
}

.hTopic ul li .name {
    position: relative;
    z-index: 1;
    display: block;
    font-size: 20px;
    color: #333;
    line-height: 40px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 8px;
}

.hTopic ul li p {
    position: relative;
    z-index: 1;
    display: block;
    font-size: 14px;
    color: #A8A8A8;
    line-height: 22px;
    overflow: hidden;
    *zoom: 1;
}

.hTopic ul li p em {
    float: left;
}

.hTopic ul li p span {
    float: right;
}

.hTopic ul li p span i {
    color: #FB371F;
    margin-right: 5px;
}

.hTopic ul li .name:hover {
    color: #FB371F;
}

.hRank {
    padding: 20px 0 6px;
    background-color: #fff;
}

.hRBox {
    width: 1200px;
    padding-top: 22px;
    margin: auto;
    overflow: hidden;
    *zoom: 1;
}

.hRBox>div {
    padding: 0 22px 4px;
    background-size: 100% auto;
    margin-bottom: 24px;
    overflow: hidden;
}

.hRBoxL {
    float: left;
    width: 336px;
    height: 774px;
    background: url(../images/irankbg1.png) no-repeat;
    margin-right: 30px;
}

.hRBoxM {
    float: left;
    width: 336px;
    height: 774px;
    background: url(../images/irankbg2.png) no-repeat;
    margin-right: 30px;
}

.hRBoxR {
    float: right;
    width: 336px;
    height: 774px;
    background: url(../images/irankbg3.png) no-repeat;
}

.hRBox>div strong {
    display: block;
    width: 183px;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    line-height: 48px;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    margin: auto;
}

.hRBox ol {
    position: relative;
    padding-top: 208px;
}

.hRBox ol li:nth-of-type(n+4) {
    height: 96px;
    border-bottom: 1px solid #eee;
}

.hRBox ol li:last-child {
    border-bottom: 1px solid #fff !important;
}

.hRBox ol li:nth-of-type(n+4) a {
    display: block;
    padding: 20px 0;
    overflow: hidden;
    *zoom: 1;
}

.hRBox ol li:nth-of-type(n+4) a i {
    float: left;
    margin-right: 14px;
    width: 18px;
    line-height: 56px;
    text-align: center;
    font-size: 16px;
    color: #999;
    font-weight: bold;
}

.hRBox ol li:nth-of-type(n+4) a img {
    display: block;
    float: left;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    margin-right: 14px;
}

.hRBox ol li:nth-of-type(n+4) a div {
    float: left;
    width: 140px;
    height: 56px;
}

.hRBox ol li:nth-of-type(n+4) a div p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hRBox ol li:nth-of-type(n+4) a div p:nth-of-type(1) {
    font-size: 16px;
    color: #333;
    line-height: 32px;
    font-weight: bold;
}

.hRBox ol li:nth-of-type(n+4) a div p:nth-of-type(2) {
    font-size: 14px;
    color: #999;
    line-height: 20px;
}

.hRBox ol li:nth-of-type(n+4) span {
    float: right;
}

.hRBox ol li:nth-of-type(n+9) {
    display: none;
}

.hRBox ol li span {
    display: block;
    width: 92px;
    height: 36px;
    line-height: 36px;
    background: #FFEDEB;
    font-size: 16px;
    color: #FB371F;
    border-radius: 18px;
    margin-top: 10px;
    text-align: center;
}

.hRBox ol li:hover span {
    background: linear-gradient(90deg, #FB371F 0%, #FA7F2A 100%);
    color: #fff;
}

.hRBox ol li span.no {
    background-color: rgb(5 104 250 / 5%);
    color: #0569FA;
}

.hRBox ol li:hover span.no {
    background: linear-gradient(90deg, #0568FA 0%, #06A5FF 100%);
    color: #fff;
}

.hRBox ol li:hover p:nth-of-type(1),
.hRBox ol li:hover a div p:nth-of-type(1) {
    color: #FB371F;
}

.hRBox ol li:nth-of-type(-n+3) {
    position: absolute;
    width: 106px;
}

.hRBox ol li:nth-of-type(-n+3) i {
    font-size: 0;
    position: absolute;
    top: -11px;
    left: 9px;
    z-index: 1;
    width: 24px;
    height: 34px;
    display: block;
    background: url(../images/icon.png) no-repeat;
    background-size: 1000px 1000px;
}

.hRBox ol li:nth-of-type(-n+3) span {
    margin-top: 1px;
}

.hRBox ol li:nth-of-type(-n+3) img {
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 18px;
    margin: auto;
}

.hRBox ol li:nth-of-type(-n+3) p {
    display: block;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 44px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hRBox ol li:nth-of-type(1) {
    top: 34px;
    left: 116px;
}

.hRBox ol li:nth-of-type(1) i {
    background-position: -8px -207px;
}

.hRBox ol li:nth-of-type(1) p {
    margin-top: 6px;
    margin-bottom: 2px;
}

.hRBox ol li:nth-of-type(2) {
    top: 55px;
    left: 0;
}

.hRBox ol li:nth-of-type(2) i {
    background-position: -47px -207px;
}

.hRBox ol li:nth-of-type(3) {
    top: 55px;
    right: -1px;
}

.hRBox ol li:nth-of-type(3) i {
    background-position: -86px -207px;
}

.hFLink {
    padding: 20px 0;
    background: #353535;
}

.hFLink .list {
    width: 1200px;
    padding-top: 9px;
    margin: auto;
}

.hFLink .list a {
    position: relative;
    color: #E0E0E0;
    font-size: 16px;
    line-height: 39px;
    margin-right: 40px;
    padding: 0 3px;
}

.hFLink .list a:hover {
    color: #FB371F;
}

.gsTag {
    width: 1200px;
    margin: auto;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 24px;
    margin-top: 26px;
}

.gsTag .list {
    padding-left: 7px;
    padding-top: 24px;
    overflow: hidden;
    *zoom: 1;
}

.gsTag .list a {
    position: relative;
    float: left;
    display: block;
    width: 100px;
    height: 100px;
    border: 1px solid transparent;
    background: #FAFAFA;
    border-radius: 5px;
    font-size: 16px;
    color: #A8A8A8;
    text-align: center;
    margin: 0 15px 26px;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.gsTag .list a:nth-of-type(n+10) {
    margin-top: 4px;
}

.gsTag .list a:hover,
.gsTag .list a.current {
    color: #fff;
    background: #FB381F;
    border: 1px solid #FF5A44;
    box-shadow: 0px 10px 18px 0px rgba(204, 63, 45, 0.1);
    border-radius: 12px;
}

.gsTag .list a:before {
    content: "";
    margin: 16px auto 8px;
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/tagicon.png) no-repeat;
    background-size: 2000px 600px;
    background-position: -12px -9px;
}

.gsTag .list a:hover:before,
.gsTag .list a.current:before {
    background-position: -12px -87px;
}

.gsTag .list a.qbfl:before {
    background-position: -1626px -8px;
}

.gsTag .list a.jsby:before {
    background-position: -12px -9px;
}

.gsTag .list a.xxyz:before {
    background-position: -104px -9px;
}

.gsTag .list a.jdxy:before {
    background-position: -196px -9px;
}

.gsTag .list a.fgcq:before {
    background-position: -282px -9px;
}

.gsTag .list a.hbxx:before {
    background-position: -371px -9px;
}

.gsTag .list a.clsg:before {
    background-position: -457px -9px;
}

.gsTag .list a.mnjy:before,
.gsTag .list a.jymn:before {
    background-position: -543px -9px;
}

.gsTag .list a.sjdz:before {
    background-position: -633px -9px;
}

.gsTag .list a.dzgd:before {
    background-position: -720px -9px;
}

.gsTag .list a.yyjz:before {
    background-position: -812px -9px;
}

.gsTag .list a.kpyc:before {
    background-position: -904px -9px;
}

.gsTag .list a.hhtf:before {
    background-position: -990px -9px;
}

.gsTag .list a.scmx:before {
    background-position: -1082px -9px;
}

.gsTag .list a.tyjj:before {
    background-position: -1169px -9px;
}

.gsTag .list a.scjs:before {
    background-position: -1261px -9px;
}

.gsTag .list a.kbjm:before {
    background-position: -1353px -9px;
}

.gsTag .list a.fzxx:before {
    background-position: -1445px -9px;
}

.gsTag .list a.syfz:before {
    background-position: -1537px -9px;
}

.gsTag .list a.qbfl:hover:before,
.gsTag .list a.qbfl.current:before {
    background-position: -1626px -87px;
}

.gsTag .list a.jsby:hover:before,
.gsTag .list a.jsby.current:before {
    background-position: -12px -87px;
}

.gsTag .list a.xxyz:hover:before,
.gsTag .list a.xxyz.current:before {
    background-position: -104px -87px;
}

.gsTag .list a.jdxy:hover:before,
.gsTag .list a.jdxy.current:before {
    background-position: -196px -87px;
}

.gsTag .list a.fgcq:hover:before,
.gsTag .list a.fgcq.current:before {
    background-position: -282px -87px;
}

.gsTag .list a.hbxx:hover:before,
.gsTag .list a.hbxx.current:before {
    background-position: -371px -87px;
}

.gsTag .list a.clsg:hover:before,
.gsTag .list a.clsg.current:before {
    background-position: -457px -87px;
}

.gsTag .list a.mnjy:hover:before,
.gsTag .list a.mnjy.current:before,
.gsTag .list a.jymn:hover:before,
.gsTag .list a.jymn.current:before {
    background-position: -543px -87px;
}

.gsTag .list a.sjdz:hover:before,
.gsTag .list a.sjdz.current:before {
    background-position: -633px -87px;
}

.gsTag .list a.dzgd:hover:before,
.gsTag .list a.dzgd.current:before {
    background-position: -720px -87px;
}

.gsTag .list a.yyjz:hover:before,
.gsTag .list a.yyjz.current:before {
    background-position: -812px -87px;
}

.gsTag .list a.kpyc:hover:before,
.gsTag .list a.kpyc.current:before {
    background-position: -904px -87px;
}

.gsTag .list a.hhtf:hover:before,
.gsTag .list a.hhtf.current:before {
    background-position: -990px -87px;
}

.gsTag .list a.scmx:hover:before,
.gsTag .list a.scmx.current:before {
    background-position: -1082px -87px;
}

.gsTag .list a.tyjj:hover:before,
.gsTag .list a.tyjj.current:before {
    background-position: -1169px -87px;
}

.gsTag .list a.scjs:hover:before,
.gsTag .list a.scjs.current:before {
    background-position: -1261px -87px;
}

.gsTag .list a.kbjm:hover:before,
.gsTag .list a.kbjm.current:before {
    background-position: -1353px -87px;
}

.gsTag .list a.fzxx:hover:before,
.gsTag .list a.fzxx.current:before {
    background-position: -1445px -87px;
}

.gsTag .list a.syfz:hover:before,
.gsTag .list a.syfz.current:before {
    background-position: -1537px -87px;
}


.gsTag .list a.ltjy:before {
    background-position: -12px -191px;
}

.gsTag .list a.sfzb:before {
    background-position: -104px -191px;
}

.gsTag .list a.psmh:before {
    background-position: -196px -191px;
}

.gsTag .list a.xxjy:before {
    background-position: -282px -186px;
}

.gsTag .list a.xwzx:before {
    background-position: -371px -191px;
}

.gsTag .list a.jtdh:before {
    background-position: -457px -191px;
}

.gsTag .list a.yybf:before {
    background-position: -543px -191px;
}

.gsTag .list a.ssgw:before {
    background-position: -633px -191px;
}

.gsTag .list a.tzlc:before {
    background-position: -720px -191px;
}

.gsTag .list a.lycx:before {
    background-position: -812px -191px;
}

.gsTag .list a.swbg:before {
    background-position: -904px -186px;
}

.gsTag .list a.ydjs:before {
    background-position: -990px -191px;
}

.gsTag .list a.shsy:before {
    background-position: -1082px -191px;
}

.gsTag .list a.xsts:before {
    background-position: -1169px -191px;
}

.gsTag .list a.mhyd:before {
    background-position: -1261px -191px;
}

.gsTag .list a.yljk:before {
    background-position: -1353px -191px;
}

.gsTag .list a.yxzs:before {
    background-position: -1445px -191px;
}

.gsTag .list a.xtyy:before {
    background-position: -1537px -191px;
}

.gsTag .list a.ltjy:hover:before,
.gsTag .list a.ltjy.current:before {
    background-position: -12px -281px;
}

.gsTag .list a.sfzb:hover:before,
.gsTag .list a.sfzb.current:before {
    background-position: -104px -281px;
}

.gsTag .list a.psmh:hover:before,
.gsTag .list a.psmh.current:before {
    background-position: -196px -281px;
}

.gsTag .list a.xxjy:hover:before,
.gsTag .list a.xxjy.current:before {
    background-position: -282px -276px;
}

.gsTag .list a.xwzx:hover:before,
.gsTag .list a.xwzx.current:before {
    background-position: -371px -281px;
}

.gsTag .list a.jtdh:hover:before,
.gsTag .list a.jtdh.current:before {
    background-position: -457px -281px;
}

.gsTag .list a.yybf:hover:before,
.gsTag .list a.yybf.current:before {
    background-position: -543px -281px;
}

.gsTag .list a.ssgw:hover:before,
.gsTag .list a.ssgw.current:before {
    background-position: -633px -281px;
}

.gsTag .list a.tzlc:hover:before,
.gsTag .list a.tzlc.current:before {
    background-position: -720px -281px;
}

.gsTag .list a.lycx:hover:before,
.gsTag .list a.lycx.current:before {
    background-position: -812px -281px;
}

.gsTag .list a.swbg:hover:before,
.gsTag .list a.swbg.current:before {
    background-position: -904px -276px;
}

.gsTag .list a.ydjs:hover:before,
.gsTag .list a.ydjs.current:before {
    background-position: -990px -281px;
}

.gsTag .list a.shsy:hover:before,
.gsTag .list a.shsy.current:before {
    background-position: -1082px -281px;
}

.gsTag .list a.xsts:hover:before,
.gsTag .list a.xsts.current:before {
    background-position: -1169px -281px;
}

.gsTag .list a.mhyd:hover:before,
.gsTag .list a.mhyd.current:before {
    background-position: -1261px -281px;
}

.gsTag .list a.yljk:hover:before,
.gsTag .list a.yljk.current:before {
    background-position: -1353px -281px;
}

.gsTag .list a.yxzs:hover:before,
.gsTag .list a.yxzs.current:before {
    background-position: -1445px -281px;
}

.gsTag .list a.xtyy:hover:before,
.gsTag .list a.xtyy.current:before {
    background-position: -1537px -281px;
}


.gsList {
    position: relative;
    width: 1200px;
    margin: auto;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

.gsList ul {
    padding-left: 11.5px;
    padding-top: 20px;
    overflow: hidden;
    *zoom: 1;
}

.gsList li {
    float: left;
    width: 208px;
    height: 264px;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    text-align: center;
    margin: 0 12.5px 23px;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.gsList li a {
    display: block;
}

.gsList li img {
    display: block;
    width: 110px;
    height: 110px;
    border-radius: 24px;
    margin: 23px auto 5px;
}

.gsList li p {
    display: block;
    margin: auto;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gsList li span {
    display: block;
    margin: auto;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gsList li .btn {
    display: block;
    width: 154px;
    height: 34px;
    border: 1px solid #FB381F;
    border-radius: 18px;
    font-size: 16px;
    color: #FB381F;
    text-align: center;
    line-height: 34px;
    margin: auto;
    margin-top: 9px;
}

.gsList li.no .btn {
    border: 1px solid #0569FA;
    color: #0569FA;
}

.gsList li:hover .btn {
    width: 156px;
    height: 36px;
    line-height: 36px;
    border: none;
    background: linear-gradient(90deg, #FB371F 0%, #FA7F2A 100%);
    color: #fff;
}

.gsList li.no:hover .btn {
    width: 156px;
    height: 36px;
    line-height: 36px;
    border: none;
    background: linear-gradient(90deg, #0568FA 0%, #06A5FF 100%);
    color: #fff;
}

.gsList li:hover {
    border: 1px solid #FF5A44;
    box-shadow: 0px 10px 18px 0px rgba(204, 63, 45, 0.1);
}

.gsList li.no:hover {
    border: 1px solid #0569FA;
    box-shadow: 0px 10px 18px 0px rgba(5, 104, 250, 0.05);
}

.rankTop {
    width: 1200px;
    margin: 26px auto 25px;
}

.rankTop img {
    width: 100%;
    height: auto;
}

.rankCont {
    width: 1200px;
    margin: auto;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 20px 0 10px;
}

.rankMenu {
    text-align: center;
    font-size: 0;
    margin: 20px 0 25px;
}

.rankMenu a {
    position: relative;
    display: inline-block;
    padding: 0 19px;
    font-size: 22px;
    color: #999;
    line-height: 44px;
}

.rankMenu a.current {
    font-size: 30px;
    color: #333;
    font-weight: bold;
    font-style: italic;
    line-height: 52px;
}

.rankMenu a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 0;
    height: 5px;
    border-radius: 2.5px;
    background: linear-gradient(90deg, #FB371F 0%, #FA7F2A 100%);
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.rankMenu a.current:after,
.rankMenu a:hover:after {
    width: 60%;
}

.rMenu {
    position: relative;
    width: 1120px;
    height: 55px;
    margin: 0 auto 24px;
}

.rMenu>div {
    position: relative;
    width: 1132px;
    height: 55px;
    overflow: hidden;
}

.rMenu .list {
    position: absolute;
    width: 1140px;
    height: 55px;
    overflow: hidden;
    *zoom: 1;
    left: 0;
    margin: auto;
}

.rMenu a {
    position: relative;
    float: left;
    display: block;
    width: 105px;
    height: 38px;
    cursor: pointer;
    margin: 0 9px;
    background: #FFF;
    text-align: center;
    border: 1px solid #E0E0E0;
    border-radius: 20px;
    font-size: 16px;
    color: #A8A8A8;
    line-height: 40px;
    overflow: hidden;
}

.rMenu i {
    position: absolute;
    top: 7px;
    width: 29px;
    height: 37px;
    background-position: -167px -5px;
    cursor: pointer;
}

.rMenu .rankLeft {
    right: -38px;
    background-position: -122px -5px;
}

.rMenu .rankRight {
    left: -38px;
    background-position: -158px -5px;
}

.rMenu .rankLeft:hover {
    right: -38px;
    background-position: -83px -5px;
}

.rMenu .rankRight:hover {
    left: -38px;
    background-position: -46px -5px;
}

.rMenu a.current,
.rMenu a:hover {
    border: 0;
    color: #fff;
    width: 107px;
    height: 55px;
    background: url(../images/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -362px -117px;
}

.rankCont ol {
    margin: 0 24px;
    border-top: 1px solid #eee;
}

.rankCont li {
    overflow: hidden;
    *zoom: 1;
    border-bottom: 1px solid #eee;
}

.rankCont li .img {
    float: left;
    display: block;
    width: 130px;
    height: 130px;
    padding: 24px 0 23px;
    margin-right: 24px;
    border-radius: 28px;
}

.rankCont li .img img {
    width: 130px;
    height: 130px;
    border-radius: 28px;
}

.rankCont li>div {
    float: left;
    width: 800px;
    height: 130px;
    overflow: hidden;
    padding: 24px 0 23px
}

.rankCont li>div strong {
    display: block;
    overflow: hidden;
    *zoom: 1;
}

.rankCont li>div strong i {
    float: left;
    display: block;
    width: 32px;
    height: 32px;
    font-size: 18px;
    color: #999;
    font-family: PingFang;
    line-height: 32px;
    text-align: center;
    background: #F0F0F0;
    ;
    border-radius: 8px;
    margin-top: 9px;
    margin-right: 14px;
}

.rankCont li>div a {
    float: left;
    display: block;
    width: 750px;
    font-size: 30px;
    color: #333;
    line-height: 48px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rankCont li>div div {
    margin-top: 2px;
    height: 30px;
    overflow: hidden;
}

.rankCont li>div span {
    font-size: 14px;
    color: #999;
    line-height: 30px;
    margin-right: 24px;
}

.rankCont li>div p {
    display: block;
    height: 52px;
    font-size: 16px;
    color: #666;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.rankCont li:nth-of-type(-n+3) i {
    font-size: 0;
    margin-top: 8px;
    height: 34px;
    position: relative;
    background: url(../images/icon.png) no-repeat;
    background-size: 1000px 1000px;
}

.rankCont li:nth-of-type(1) i {
    background-position: -4px -207px;
}

.rankCont li:nth-of-type(2) i {
    background-position: -43px -207px;
}

.rankCont li:nth-of-type(3) i {
    background-position: -82px -207px;
}

.rankCont li .btn {
    float: right;
    display: block;
    width: 154px;
    height: 34px;
    border: 1px solid #FB381F;
    border-radius: 18px;
    font-size: 16px;
    color: #FB381F;
    text-align: center;
    line-height: 34px;
    margin: auto;
    margin-top: 71px;
}

.rankCont li .btn.no {
    border: 1px solid #0569FA;
    color: #0569FA;
}

.rankCont li:hover .btn {
    width: 156px;
    height: 36px;
    line-height: 36px;
    border: none;
    background: linear-gradient(90deg, #FB371F 0%, #FA7F2A 100%);
    color: #fff;
}

.rankCont li:hover .btn.no {
    width: 156px;
    height: 36px;
    line-height: 36px;
    border: none;
    background: linear-gradient(90deg, #0568FA 0%, #06A5FF 100%);
    color: #fff;
}

.rankCont li:hover>div a {
    color: #FB381F;
}

.rankCont li:nth-of-type(n+4):hover>div strong i {
    background-color: #FB381F;
    color: #fff;
}

.rankCont li:last-of-type {
    border-bottom-color: transparent;
}

.rankCont li:hover {
    border-bottom-color: #FB381F;
}

.ztTop {
    width: 1200px;
    margin: auto;
    background: #fff;
    border-radius: 12px 12px 5px 5px;
    margin-bottom: 30px;
}

.ztTop strong {
    display: block;
    width: 1200px;
    height: 160px;
    font-size: 48px;
    color: #fff;
    line-height: 160px;
    text-align: center;
    background: url(../images/zttopbg.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 12px;
    overflow: hidden;
}

.ztTop li div {
    width: 1100px;
    margin: auto;
    overflow: hidden;
    *zoom: 1;
}

.ztTop li a {
    float: left;
    position: relative;
    display: block;
    width: 235px;
    height: 210px;
    margin: 0 20px;
    overflow: hidden;
    border-radius: 12px;
}

.ztTop li a div {
    width: 235px;
    height: 163px;
    overflow: hidden;
    text-align: center;
}

.ztTop li a img {
    width: 235px;
    min-height: 163px;
    height: auto;
    display: block;
    transition: all .3s linear;
    border-radius: 12px;
}

.ztTop li a p {
    display: block;
    width: 100%;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

.ztTop li a:hover img {
    transform: scale(1.1)
}

.carousel {
    width: 100%;
    height: 210px;
    margin: auto;
    position: relative;
    padding: 32px 0 18px;
}

.carousel .carCont {
    position: relative;
    width: 1200px;
    height: 100%;
    overflow: hidden;
}

.carousel .caroList {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.carousel .caroList li {
    float: left;
    width: 1200px;
    overflow: hidden
}

.caroBtn i {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -65px;
    width: 32px;
    height: 138px;
    background: rgba(0, 0, 0, .3);
    border-radius: 5px;
    cursor: pointer;
}

.caroBtn i:before {
    content: "";
    position: absolute;
    top: 50px;
    left: 6px;
    width: 20px;
    height: 36px;
    background: url(../images/icon.png) no-repeat;
    background-size: 1000px 1000px;
}

.caroBtn .caroPre {
    left: 0px;
}

.caroBtn .caroPre:before {
    background-position: -8px -269px;
}

.caroBtn .caroNext {
    right: 0;
}

.caroBtn .caroNext:before {
    background-position: -8px -269px;
    transform: rotate(180deg);
}

.caroBtn .caroPre:hover:before {
    background-position: -55px -269px;
    transform: rotate(180deg);
}

.caroBtn .caroNext:hover:before {
    background-position: -55px -269px;
    transform: rotate(0deg);
}

.caroBtn i:hover {
    background: rgba(0, 0, 0, .5);
}

.ztCont {
    position: relative;
    width: 1200px;
    margin: auto;
    background: #fff;
    border-radius: 12px;
    margin-bottom: 30px;
    padding-bottom: 19px;
}

.menuTit {
    position: absolute;
    right: 5px;
    top: 20px;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden;
    max-width: 720px;
}

.menuTit a {
    vertical-align: top;
    line-height: 36px;
    padding: 0 19px;
    font-size: 16px;
    color: #999;
}

.menuTit a:hover {
    color: #FB381F;
}

.menuTit a.current {
    font-size: 18px;
    color: #FB381F;
    font-weight: bold;
}

.ztCont ul {
    width: 100%;
    padding-top: 14px;
    padding-left: 24px;
    margin-bottom: 4px;
    overflow: hidden;
    *zoom: 1;
}

.ztCont li {
    float: left;
    width: 561px;
    height: 201px;
    border-top: 1px solid #ededed;
    margin-right: 30px;
    overflow: hidden;
}

.ztCont li:nth-of-type(-n+2) {
    border-top: none;
}

.ztCont li a {
    display: block;
}

.ztCont li>a {
    float: left;
    padding: 19px 0;
    margin-right: 18px;
    width: 235px;
    height: 163px;
    overflow: hidden;
}

.ztCont li>a img {
    width: 235px;
    min-height: 163px;
    height: auto;
    display: block;
    transition: all .3s linear;
    border-radius: 12px;
}

.ztCont li>a:hover img {
    transform: scale(1.1)
}

.ztCont li .info {
    float: left;
    width: 308px;
}

.ztCont li .info>a {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 30px;
    padding-top: 19px;
    padding-bottom: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ztCont li .info p {
    display: block;
    height: 72px;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ztCont li .info div {
    overflow: hidden;
    *zoom: 1;
    margin-top: 5px;
}

.ztCont li .info div a {
    float: left;
    display: block;
    padding: 0 10px;
    font-size: 14px;
    color: #A8A8A8;
    line-height: 26px;
    border: 1px solid #E5E5E5;
    border-radius: 13px;
    margin-right: 10px;
}

.ztCont li .info div span {
    float: left;
    font-size: 14px;
    color: #999;
    line-height: 26px;
}

.ztCont li .info div i {
    float: right;
    font-size: 14px;
    color: #999;
    line-height: 26px;
}

.ztCont li .info div a:hover {
    color: #FB381F;
    border-color: #FB381F;
}

.ztCont li:hover .info>a {
    color: #FB381F;
}

.ztDeInfo {
    width: 1132px;
    padding: 13px 30px 36px 69px;
    margin: auto;
    background: url(../images/ztdetopbg.png) no-repeat;
    background-position: 15px;
    overflow: hidden;
    *zoom: 1;
    margin-bottom: 8px;
}

.ztDeInfo .img {
    float: left;
    padding-top: 30px;
    margin-right: 19px;
    width: 323px;
    height: 224px;
    overflow: hidden;
}

.ztDeInfo .img img {
    width: 323px;
    min-height: 224px;
    height: auto;
    display: block;
    border-radius: 20px;
}

.ztDeInfo .info {
    float: left;
    width: 788px;
}

.ztDeInfo .info h1 {
    text-align: center;
    font-size: 30px;
    color: #fff;
    line-height: 52px;
    text-shadow: 0px 4px 4px rgba(50, 9, 4, 0.35);
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ztDeInfo .info p {
    display: block;
    margin-top: 28px;
    margin-bottom: 11px;
    height: 96px;
    font-size: 16px;
    color: #666;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ztDeInfo .info div {
    overflow: hidden;
    *zoom: 1;
    margin-top: 5px;
}

.ztDeInfo .info div a {
    float: left;
    display: block;
    padding: 0 10px;
    font-size: 14px;
    color: #A8A8A8;
    line-height: 26px;
    border: 1px solid #E5E5E5;
    border-radius: 13px;
    margin-right: 10px;
    margin-bottom: 8px;
}

.ztDeInfo .info div em,
.ztDeInfo .info div span {
    float: left;
    font-size: 16px;
    color: #999;
    line-height: 30px;
}

.ztDeInfo .info div span {
    float: right;
}

.ztDeInfo .info div span i {
    color: #FB381F;
    font-weight: bold;
}

.ztDeInfo .info div a:hover {
    color: #FB381F;
    border-color: #FB381F;
}

.ztNew {
    position: relative;
    width: 1200px;
    margin: auto;
    margin-top: 30px;
}

.ztNew .list {
    padding-top: 14px;
    width: 1236px;
    overflow: hidden;
    *zoom: 1;
}

.ztNew .list a {
    position: relative;
    float: left;
    display: block;
    width: 193px;
    height: 56px;
    padding: 0 60px 0 25px;
    font-size: 18px;
    color: #333;
    line-height: 56px;
    font-weight: bold;
    background: #FFF;
    border-radius: 12px;
    margin: 0 30px 30px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ztNew .list a:after {
    content: "查看→";
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 14px;
    color: #A8A8A8;
    line-height: 56px;
}

.ztNew .list a:hover {
    color: #fff;
    background: #FB381F;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
}

.ztNew .list a:hover:after {
    color: #fff;
}

.newsLTop {
    position: relative;
    width: 825px;
    height: 300px;
    overflow: hidden;
    margin-top: 24px;
}

.newsLTop ul {
    position: relative;
    overflow: hidden;
    *zoom: 1;
    border-radius: 8px;
}

.newsLTop li {
    position: relative;
    float: left;
    width: 825px;
    height: 300px;
    ;
    border-radius: 12px;
    overflow: hidden;
}

.newsLTop li img {
    display: block;
    width: 100%;
    min-height: 100%;
    height: auto;
}

.newsLTop li a img {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.newsLTop li a:hover img {
    transform: scale(1.2);
}

.newsLTop .dot {
    position: absolute;
    width: 90%;
    text-align: center;
    bottom: 14px;
    right: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    *zoom: 1;
}

.newsLTop .dot i {
    display: inline-block;
    width: 35px;
    height: 4px;
    background: #E5E5E5;
    border-radius: 2px;
    overflow: hidden;
    margin: 0 6.5px;
    cursor: pointer
}

.newsLTop .dot i.current {
    background: #FB381F;
    box-shadow: 0px 2px 2px 0px rgba(251, 56, 31, 0.1);
}

.newsList {
    position: relative;
    width: 825px;
    margin: auto;
    background: #fff;
    border-radius: 12px;
    margin-top: 24px;
    margin-bottom: 30px;
    padding-bottom: 13px;
}

.newsList ul {
    padding-top: 5px;
    padding-left: 24px;
    margin-bottom: 17px;
    overflow: hidden;
    *zoom: 1;
}

.newsList li {
    float: left;
    width: 777px;
    height: 174px;
    border-bottom: 1px solid #ededed;
    overflow: hidden;
}

.newsList li a {
    display: block;
}

.newsList li>a {
    float: left;
    padding: 22px 0;
    margin-right: 22px;
    width: 208px;
    height: 130px;
    overflow: hidden;
    border-radius: 5px;
}

.newsList li>a img {
    width: 208px;
    min-height: 130px;
    height: auto;
    display: block;
    transition: all .3s linear;
    border-radius: 5px;
}

.newsList li>a:hover img {
    transform: scale(1.1)
}

.newsList li .info {
    float: left;
    width: 546px;
}

.newsList li .info>a {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 26px;
    padding-top: 22px;
    padding-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.newsList li .info p {
    display: block;
    height: 48px;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.newsList li .info>div {
    overflow: hidden;
    *zoom: 1;
    margin-top: 14px;
}

.newsList li .info div div {
    float: right;
    max-width: 420px;
    max-height: 62px;
}

.newsList li .info div a {
    float: left;
    display: block;
    padding: 0 10px;
    font-size: 14px;
    color: #A8A8A8;
    line-height: 26px;
    border: 1px solid #E5E5E5;
    border-radius: 13px;
    margin-left: 10px;
    margin-bottom: 2px;
}

.newsList li .info div span {
    float: left;
    font-size: 14px;
    color: #999;
    line-height: 28px;
}

.newsList li .info div a:hover {
    color: #FB381F;
    border-color: #FB381F;
}

.newsList li:hover .info>a {
    color: #FB381F;
}

.gameAmway {
    position: relative;
    width: 350px;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 24px;
}

.gameAmway .list {
    width: 350px;
    padding: 18px 0 0 23px;
    overflow: hidden;
    *zoom: 1;
}

.gameAmway .list a {
    float: left;
    width: 90px;
    height: 150px;
    text-align: center;
    margin-right: 20px;
    padding-bottom: 19px;
}

.gameAmway .list a img {
    display: block;
    width: 88px;
    height: 88px;
    border-radius: 20px;
    margin: 0 auto 8px;
}

.gameAmway .list a p {
    font-size: 18px;
    color: #333;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
}

.gameAmway .list a span {
    font-size: 16px;
    color: #999;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
}

.gameAmway .list a:hover img {
    opacity: .9;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}

.gameAmway .list a:hover p {
    font-weight: bold;
    color: #FB381F;
}

.ztRecR {
    position: relative;
    width: 350px;
    background: #fff;
    border-radius: 5px;
    padding-bottom: 36px;
    overflow: hidden;
    margin-bottom: 24px;
}

.ztRecR ul {
    position: relative;
    overflow: hidden;
    *zoom: 1;
    padding: 19px 14px 0;
}

.ztRecR li {
    position: relative;
    float: left;
    width: 350px;
    height: 148px;
    border-radius: 12px;
    overflow: hidden;
}

.ztRecR li a {
    float: left;
    width: 152px;
    height: 148px;
    margin: 0 5px;
    overflow: hidden;
    border-radius: 10px;
}

.ztRecR li a img {
    display: block;
    width: 100%;
    height: 106px;
    border-radius: 10px;
}

.ztRecR li a img {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.ztRecR li a:hover img {
    transform: scale(1.1);
}

.ztRecR li a p {
    display: block;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 42px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ztRecR .dot {
    position: absolute;
    width: 96%;
    text-align: center;
    bottom: 18px;
    right: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    *zoom: 1;
}

.ztRecR .dot i {
    display: inline-block;
    width: 35px;
    height: 4px;
    background: #E5E5E5;
    border-radius: 2px;
    overflow: hidden;
    margin: 0 6.5px;
    cursor: pointer
}

.ztRecR .dot i.current {
    background: #FB381F;
    box-shadow: 0px 2px 2px 0px rgba(251, 56, 31, 0.1);
}

.newsHotR {
    position: relative;
    width: 350px;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 24px;
}

.newsHotR ul {
    padding: 6px 22px 20px;
}

.newsHotR ul li {
    overflow: hidden;
    white-space: nowrap;
    line-height: 39px;
}

.newsHotR ul li a {
    float: left;
    font-size: 16px;
    color: #333;
    width: 256px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}

.newsHotR ul li span {
    float: right;
    font-size: 14px;
    color: #999;
}

.newsHotR ul li a:hover {
    color: #FB371F;
}

.rankHotR {
    position: relative;
    width: 350px;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 24px;
}

.rankHotR ol {
    padding: 0 23px 5px;
}

.rankHotR li {
    border-bottom: 1px solid #EEEEEE;
}

.rankHotR li:last-of-type {
    border: none;
}

.rankHotR li .tBox {
    line-height: 55px;
    overflow: hidden;
    *zoom: 1;
}

.rankHotR li .tBox p {
    float: left;
    display: block;
    width: 205px;
    font-size: 16px;
    color: #333;
    line-height: 55px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rankHotR li .tBox span {
    float: right;
    font-size: 14px;
    color: #999;
    line-height: 55px;
}

.rankHotR li i {
    position: relative;
    float: left;
    margin-right: 16px;
    width: 20px;
    line-height: 55px;
    font-size: 16px;
    color: #999;
    font-weight: bold;
    text-align: center;
}

.rankHotR li:nth-of-type(-n+3) i {
    font-size: 0;
    width: 24px;
    margin-right: 12px;
    height: 34px;
    position: relative;
    top: 11px;
    background: url(../images/icon.png) no-repeat;
    background-size: 1000px 1000px;
}

.rankHotR li:nth-of-type(1) i {
    background-position: -8px -207px;
}

.rankHotR li:nth-of-type(2) i {
    background-position: -47px -207px;
}

.rankHotR li:nth-of-type(3) i {
    background-position: -86px -207px;
}

.rankHotR li .fBox {
    height: 122px;
}

.rankHotR li .fBox i {
    top: 34px;
}

.rankHotR li:nth-of-type(-n+3) .fBox i {
    top: 44px;
}

.rankHotR li .fBox a {
    position: relative;
    float: left;
    padding: 22px 0;
    width: 265px;
}

.rankHotR li .fBox a img {
    float: left;
    width: 78px;
    height: 78px;
    border-radius: 20px;
    margin-right: 20px;
}

.rankHotR li .fBox a div {
    float: left;
    width: 166px;
}

.rankHotR li .fBox a div p,
.rankHotR li .fBox a div span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.rankHotR li .fBox a div p {
    font-size: 16px;
    color: #FB371F;
    font-weight: bold;
    line-height: 44px;
}

.rankHotR li .fBox a div span {
    font-size: 14px;
    color: #999;
    line-height: 22px;
    float: left;
}

.rankHotR li .fBox a>span {
    position: absolute;
    bottom: 20px;
    right: 1px;
    display: block;
    width: 92px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 18px;
    font-size: 16px;
    background: linear-gradient(90deg, #FB371F 0%, #FA7F2A 100%);
    color: #fff;
}

.rankHotR li .fBox a {
    font-weight: 400;
}


.newsCont {
    padding: 29px 24px 6px;
    background: url(../images/newsdetopbg.png) no-repeat;
    background-size: 100% auto;
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 24px;
}

.newsCont h1 {
    font-size: 30px;
    color: #333;
    font-weight: bold;
    line-height: 48px;
    margin-bottom: 5px;
    text-align: center;
}

.newsCont .intro {
    height: 24px;
    text-align: center;
    overflow: hidden;
    margin-bottom: 16px;
}

.newsCont .intro span {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    margin: 0 14px;
}

.newsCont .tags {
    overflow: hidden;
    *zoom: 1;
    margin-bottom: 20px;
}

.newsCont .tags a {
    float: left;
    display: block;
    padding: 0 16px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    color: #FB381F;
    background: #FFF1F1;
    border-radius: 14px;
    margin-right: 14px;
    margin-bottom: 6px;
}

.newsCont .tags a:hover {
    background: #FB381F;
    color: #FFF1F1;
}

.newsCont .cont {
    font-size: 18px;
    color: #333;
    line-height: 30px;
    overflow: hidden;
}

.newsCont .cont a {
    line-height: 31px;
    text-indent: 0;
    color: #FB371F;
    ;
}

.newsCont .cont a:hover {
    border-bottom: .01px solid #FB371F;
    ;
}

.newsCont .cont p {
    line-height: 30px;
    color: #333;
    margin-bottom: 20px;
    text-indent: 2em;
}

.newsCont .cont br {
    height: 1px;
}

.newsCont .cont img {
    max-width: 775px;
    margin: auto;
    display: block;
}

.newsCont .cont p img {
    max-width: 775px;
}

.newsCont .cont h3 {
    position: relative;
    line-height: 34px;
    font-size: 20px;
    color: #333;
    font-weight: bold;
    padding: 0 24px 0 36px;
    overflow: hidden;
    *zoom: 1;
    margin-bottom: 12px;
}

.newsCont .cont h3:after {
    content: "";
    position: absolute;
    top: 19px;
    left: 0;
    display: block;
    width: 61px;
    height: 7px;
    background: url(../images/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -380px -5px;
}

.newsCont .cont iframe {
    width: 660px;
    height: 360px;
    margin: 0 auto;
    display: block;
    border: none;
}

.newsCont .cont table {
    max-width: 100%;
    margin: auto;
}

.newsCont .cont table a {
    color: #0000ee
}

.newsCont .cont table a:hover {
    text-decoration: underline
}

.newsCont .cont .info {
    margin: 0 16px 20px;
    overflow: hidden;
    background: #f9f9f9;
    height: 113px;
}

.newsCont .cont .info img {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    border-radius: 12px;
    margin: 17px 20px 16px 15px;
}

.newsCont .cont .info p {
    text-indent: 0;
    margin-bottom: 10px;
}

.newsCont .qaboxs {
    float: left;
    width: 62%;
}

.newsCont .qaboxs .name {
    font-size: 18px;
    color: #333;
    margin-top: 25px;
    margin-bottom: 16px;
}

.newsCont .qaboxs p span {
    font-size: 14px;
    color: #999;
    margin-right: 45px;
}

.newsCont .qaboxs p span em {
    font-size: 14px;
    color: #666;
}

.newsCont .cont .info>a {
    display: block;
    float: right;
    width: 130px;
    height: 32px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    background: #ffa622;
    margin-top: 41px;
    border-radius: 3px;
    margin-right: 18px;
}

.newsCont .qaboxs .name:hover {
    color: #FB371F;
    font-weight: bold;
}

.pageBox {
    margin: 6px 0 16px;
    height: 56px;
    overflow: hidden;
    *z-index: 1;
}

.pageBox p {
    display: block;
    width: 380px;
    height: 56px;
    font-size: 16px;
    color: #333;
    line-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

.pageBox p:nth-of-type(1) {
    float: left;
}

.pageBox p:nth-of-type(2) {
    float: right;
}

.pageBox p span,
.pageBox p a {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.pageBox p span {
    position: relative;
}

.pageBox p span:before {
    content: "";
    position: relative;
    top: 3px;
    margin-right: 5px;
    display: inline-block;
    width: 17px;
    height: 16px;
    background: url(../images/icon.png) no-repeat;
    background-size: 1000px 1000px;
}

.pageBox p.pagePre span:before {
    background-position: -551px -24px;
}

.pageBox p.pageNext span:before {
    background-position: -595px -24px;
}

.pageBox p.pagePre:hover span:before {
    background-position: -551px -5px;
}

.pageBox p.pageNext:hover span:before {
    background-position: -595px -5px;
}

.pageBox p a {
    color: #333;
}

.pageBox p:hover a {
    color: #FB381F;
}

.pageBox p:hover span {
    color: #FB381F;
    font-weight: bold;
}

.newsGaRel {
    padding: 25px 24px;
    background: url(../images/newsdegarecbg.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 12px;
    margin-bottom: 24px;
    overflow: hidden;
    *zoom: 1;
}

.newsGaRel .img {
    float: left;
    width: 89px;
    height: 89px;
    border-radius: 20px;
    overflow: hidden;
    margin-right: 20px;
}

.newsGaRel .img img {
    width: 100%;
    min-height: 100%;
    height: auto;
}

.newsGaRel div {
    float: left;
    height: 89px;
    width: 565px;
    overflow: hidden;
}

.newsGaRel div>a {
    display: block;
    font-size: 24px;
    color: #020D1A;
    font-weight: bold;
    line-height: 30px;
}

.newsGaRel div p {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5px;
}

.newsGaRel div p span:nth-of-type(2) {
    margin-left: 58px;
}

.newsGaRel div p a {
    color: #fff;
}

.newsGaRel div p a:hover,
.newsGaRel div>a:hover {
    color: #FB381F;
}

.newsGaRel .btn {
    float: right;
    margin-top: 27px;
    display: block;
    width: 92px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 18px;
    font-size: 16px;
    background: linear-gradient(90deg, #FB371F 0%, #FA7F2A 100%);
    color: #fff;
}

.newsGaRel .btn:hover {
    opacity: .95;
}

.gaRecList {
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 24px;
}

.gaRecList ul {
    width: 100%;
    padding: 13px 0 12px 24px;
    overflow: hidden;
    *zoom: 1;
}

.gaRecList li {
    float: left;
    width: 250px;
    height: 112px;
    margin-right: 16px;
}

.gaRecList li a {
    position: relative;
    float: left;
    padding: 12px 0;
}

.gaRecList li a img {
    float: left;
    width: 88px;
    height: 88px;
    border-radius: 20px;
    margin-right: 20px;
}

.gaRecList li a img {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    -webkit-transform-origin: right bottom center;
    -moz-transform-origin: right bottom center;
    -ms-transform-origin: right bottom center;
    -o-transform-origin: right bottom center;
    transform-origin: right bottom center;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
}

.gaRecList li a img:hover {
    -o-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.gaRecList li a div {
    float: left;
    width: 142px;
}

.gaRecList li a div p,
.gaRecList li a div span {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.gaRecList li a div p {
    font-size: 18px;
    color: #333;
    line-height: 22px;
    margin-bottom: 1px;
}

.gaRecList li a:hover div p {
    color: #FB381F;
    font-weight: bold;
}

.gaRecList li a div span {
    font-size: 14px;
    color: #999;
    line-height: 30px;
}

.gaRecList li a>span {
    position: absolute;
    bottom: 12px;
    left: 109px;
    display: block;
    width: 92px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 18px;
    font-size: 16px;
    color: #FB371F;
    background: #FFEDEB;
}

.gaRecList li a:hover>span {
    background: linear-gradient(90deg, #FB371F 0%, #FA7F2A 100%);
    color: #fff;
}

.gaRecList li a>span.no {
    background-color: rgb(5 104 250 / 5%);
    color: #0569FA;
}

.gaRecList li a:hover>span.no {
    background: linear-gradient(90deg, #0568FA 0%, #06A5FF 100%);
    color: #fff;
}

.newsRel {
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 24px;
}

.newsRel .list {
    position: relative;
    width: 100%;
    overflow: hidden;
    *zoom: 1;
    padding: 20px 0 0 24px;
}

.newsRel .list a {
    float: left;
    width: 176px;
    height: 170px;
    margin-right: 24px;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 20px;
}

.newsRel .list a img {
    display: block;
    width: 100%;
    height: 110px;
    border-radius: 8px;
    margin-bottom: 12px;
}

.newsRel .list a img {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.newsRel .list a:hover img {
    transform: scale(1.1);
}

.newsRel .list a p {
    display: block;
    font-size: 16px;
    color: #333;
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.relGameZt {
    position: relative;
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 24px;
}

.relGameZt .tabCont {
    margin-top: 20px;
}

.relGameZt .tabMenu {
    position: absolute;
    top: 84px;
    left: 24px;
    padding-left: 20px;
    height: 32px;
    overflow: hidden;
    *zoom: 1;
}

.relGameZt .tabMenu span {
    float: left;
    display: block;
    margin: 0 19px;
    font-size: 16px;
    color: rgba(255, 255, 255, .7);
    line-height: 30px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
}

.relGameZt .tabMenu span:hover {
    color: rgba(255, 255, 255, 1);
}

.relGameZt .tabMenu span.current {
    color: rgba(255, 255, 255, 1);
    border-bottom-color: #fff;
}

.relGameZt .subBox>a {
    display: block;
    width: 787px;
    height: 300px;
    padding-top: 34px;
    margin-left: 24px;
    background: url(../images/gadeztbg.png) no-repeat;
    background-size: 100%;
    overflow: hidden;
    *zoom: 1;
}

.relGameZt .subBox .img {
    float: left;
    margin: 40px 19px 0 59px;
    width: 248px;
    height: 224px;
    overflow: hidden;
    border-radius: 20px;
}

.relGameZt .subBox .img img {
    width: 248px;
    min-height: 224px;
    height: auto;
    display: block;
    border-radius: 20px;
}

.relGameZt .subBox .img img {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.relGameZt .subBox>a:hover img {
    transform: scale(1.1);
}

.relGameZt .subBox .info {
    float: left;
    width: 432px;
}

.relGameZt .subBox .info strong {
    display: block;
    text-align: center;
    font-size: 30px;
    color: #fff;
    line-height: 60px;
    text-shadow: 0px 4px 4px rgba(50, 9, 4, 0.35);
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.relGameZt .subBox .info p {
    display: block;
    margin-top: 18px;
    height: 160px;
    font-size: 16px;
    color: #666;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.relGameZt .subBox .info div {
    overflow: hidden;
    *zoom: 1;
}

.relGameZt .subBox .info div span {
    float: right;
    font-size: 16px;
    color: #999;
    line-height: 30px;
}

.relGameZt .subBox .info div span i {
    color: #FB381F;
    font-weight: bold;
}

.relGameZt .subBox>a:hover .info strong {}

.relGameZt .list {
    width: 780px;
    padding: 18px 0 0 24px;
    overflow: hidden;
    *zoom: 1;
}

.relGameZt .list a {
    float: left;
    width: 122px;
    height: 150px;
    text-align: center;
    margin-right: 8px;
    padding-bottom: 19px;
}

.relGameZt .list a img {
    display: block;
    width: 88px;
    height: 88px;
    border-radius: 20px;
    margin: 0 auto 8px;
}

.relGameZt .list a p {
    font-size: 18px;
    color: #333;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
}

.relGameZt .list a span {
    font-size: 16px;
    color: #999;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
}

.relGameZt .list a:hover img {
    opacity: .9;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}

.relGameZt .list a:hover p {
    font-weight: bold;
    color: #FB381F;
}

.csJump {
    padding: 13px 9px 0 19px;
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 24px;
}

.csJump ul {
    overflow: hidden;
    *zoom: 1;
}

.csJump li {
    float: left;
    margin: 0 5px 10px;
    padding: 0 25px;
    font-size: 18px;
    color: #7D7D7D;
    line-height: 40px;
    background: transparent;
    border-radius: 20px;
    cursor: pointer;
}

.csJump li:hover,
.csJump li.current {
    background: #FFEDEB;
    color: #FB381F;
}

.gasoInfo {
    position: relative;
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 24px;
}

.gasoInfo ul {
    width: 825px;
    padding: 8px 0 20px 24px;
    overflow: hidden;
    *zoom: 1;
}

.gasoInfo li {
    float: left;
    width: 377px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #999;
    overflow: hidden;
    border-bottom: 1px solid #E5E5E5;
    margin-right: 23px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gasoInfo li span {
    font-size: 16px;
    color: #666;
}

.gasoInfo .gPower,
.gasoInfo .gSecret {
    color: #FB371F;
    cursor: pointer;
}

.gasoInfo .gPower:hover,
.gasoInfo .gSecret:hover {
    text-decoration: underline;
}

.gsDTop {
    position: relative;
    padding: 29px 27px 6px;
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 24px;
    overflow: hidden;
    *zoom: 1;
}

.gsDTop:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 225px;
    height: 289px;
    background: url(../images/gadetopbg.png) no-repeat;
}

.gsDTop>div,
.gsDTop .info div {
    position: relative;
    z-index: 1;
    overflow: hidden;
    *zoom: 1;
}

.gsDTop img {
    float: left;
    width: 140px;
    height: 140px;
    border-radius: 30px;
    margin-right: 29px;
}

.gsDTop .info {
    float: left;
    width: 600px;
}

.gsDTop .info h1 {
    font-size: 30px;
    color: #333;
    font-weight: bold;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 13px;
}

.gsDTop .info dl {
    float: left;
    display: block;
    width: 124px;
    font-size: 16px;
    color: #999;
    line-height: 26px;
    margin-bottom: 11px;
}

.gsDTop .info dd {
    color: #666;
}

.gsDTop .info dl:last-of-type {
    width: 160px;
}

.gsDTop .info div a {
    float: left;
    display: block;
    padding: 0 10px;
    font-size: 14px;
    color: #A8A8A8;
    line-height: 26px;
    border: 1px solid #E5E5E5;
    border-radius: 13px;
    margin-right: 10px;
}

.gsDTop .info div a:hover {
    color: #FB381F;
    border-color: #FB381F;
}

.downBtn {
    width: 1200px;
    margin-top: 23px;
    overflow: hidden;
    *zoom: 1;
}

.downBtn a,
.downBtn button {
    position: relative;
    float: left;
    display: block;
    border: none;
    width: 168px;
    height: 66px;
    padding: 0 36px;
    border-radius: 12px;
    line-height: 66px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    background-color: #EF493C;
    margin-right: 28px;
    margin-bottom: 23px;
    box-sizing: content-box;
}

.downBtn a:after,
.downBtn button:after {
    content: "";
    position: absolute;
    top: 26px;
    right: 24px;
    display: block;
    width: 21px;
    height: 18px;
    background: url(../images/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -670px -5px;
}

.downBtn a:before,
.downBtn button:before {
    content: "";
    position: absolute;
    left: 36px;
    display: block;
    background: url(../images/icon.png) no-repeat;
    background-size: 1000px 1000px;
}

.downBtn .iosBtn {
    background: #0568FA;
    box-shadow: 0px 6px 12px 0px rgba(5, 104, 250, 0.16);
}

.downBtn .iosBtn:before {
    width: 27px;
    height: 34px;
    top: 16px;
    background-position: -174px -269px;
}

.downBtn .adrBtn {
    background: #12E493;
    box-shadow: 0px 6px 12px 0px rgba(18, 228, 147, 0.2);
}

.downBtn .adrBtn:before {
    width: 28px;
    height: 29px;
    top: 19px;
    background-position: -119px -269px;
}

.downBtn .pcBtn {
    background-color: #fb371f;
    box-shadow: 0px 6px 12px 0px rgba(247, 167, 161, 0.2);
}

.downBtn .pcBtn:before {
    width: 26px;
    height: 19px;
    top: 25px;
    background-position: -391px -269px;
}

.downBtn .orderBtn {
    background: #FAE037;
    box-shadow: 0px 6px 12px 0px rgba(224, 201, 49, 0.2);
}

.downBtn .orderBtn:before {
    width: 29px;
    height: 29px;
    top: 19px;
    background-position: -228px -269px;
}

.downBtn .noBtn {
    background: #ABACB1;
    box-shadow: 0px 6px 12px 0px rgba(143, 144, 148, 0.2);
}

.downBtn .noBtn:before {
    width: 29px;
    height: 29px;
    top: 19px;
    background-position: -284px -269px;
}

.pcAdd {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.pcAdd p {
    text-align: center;
    margin-top: 2px;
    margin-left: 2px;
}

.pcAdd p span {
    display: block;
}

.pcAdd p span:first-of-type {
    font-size: 15px;
    line-height: 24px;
    margin-top: 10px;
}

.pcAdd p span:nth-of-type(2) {
    font-size: 11px;
    line-height: 20px;
}

.oTip {
    display: block;
    width: 100%;
    line-height: 18px;
    font-size: 12px;
    color: #ccc;
    overflow: hidden;
    padding-bottom: 16px;
}

.oTip label {
    color: #FB381F;
    margin-right: 3px;
    font-weight: bold;
}

.downBtn a:hover,
.downbtn button:hover {
    opacity: .9;
}

.showImg {
    padding: 13px 13px 16px;
    background-color: #F7F7FA;
    border-radius: 5px;
    margin: 12px 24px 0;
    overflow: hidden;
}

.screenshot {
    width: 751px;
    max-height: 328px;
}

.screenshot .slider-contain {
    position: relative;
    width: 751px;
    height: 328px;
}

.screenshot .img-slider {
    height: 281px;
    text-align: center;
    font-size: 0;
    white-space: nowrap;
}

.screenshot .img-slider img {
    display: block;
    height: 304px;
    border-radius: 16px;
    width: auto;
    vertical-align: top
}

.screenshot .img-slider li {
    width: auto;
    margin-right: 20px;
    display: inline-block;
    height: 304px;
    border-radius: 16px;
}

.screenshot .img-slider li:last-child {
    margin-right: 0;
}

.screenshot .video-js {
    width: 500px;
    height: 304px;
    border-radius: 16px;
}

.screenshot .vjs-poster {
    border-radius: 14px;
}

.screenshot .slider-inner-contain {
    position: relative;
    left: 0;
    width: 751px;
    height: 328px;
    overflow-x: scroll;
    overflow-y: hidden;
}

.screenshot .img-slider .img-item {
    position: relative;
    line-height: 0;
    font-size: 0
}

.lb-data .lb-number {
    font-size: 0;
}

.slider-contain>i {
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    margin-top: -65px;
    width: 32px;
    height: 138px;
    background: rgba(0, 0, 0, .3);
    border-radius: 5px;
    cursor: pointer;
}

.slider-contain>i:before {
    content: "";
    position: absolute;
    top: 50px;
    left: 6px;
    width: 20px;
    height: 36px;
    background: url(../images/icon.png) no-repeat;
    background-size: 1000px 1000px;
}

.slider-contain .gLeft {
    left: -13px;
}

.slider-contain .gLeft:before {
    background-position: -8px -269px;
}

.slider-contain .gRight {
    right: -13px;
}

.slider-contain .gRight:before {
    background-position: -8px -269px;
    transform: rotate(180deg);
}

.slider-contain .gLeft:hover:before {
    background-position: -55px -269px;
    transform: rotate(180deg);
}

.slider-contain .gRight:hover:before {
    background-position: -55px -269px;
    transform: rotate(0deg);
}

.slider-contain>i:hover {
    background: rgba(0, 0, 0, .5);
}

.slider-contain .gLeft:hover {
    left: 0;
}

.slider-contain .gRight:hover {
    right: 0;
}

.showImg ::-webkit-scrollbar {
    height: 10px !important;
    border-radius: 5px;
    background: #E5E5E5;
}

.showImg ::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #B69B98 !important;
}

.gameCont {
    position: relative;
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 24px;
    padding-bottom: 16px;
}

.gameCont .intro {
    margin: 13px 24px 20px;
    padding: 13px;
    font-size: 18px;
    color: #666;
    line-height: 32px;
    overflow: hidden;
    background: url(../images/gaintrobg.png) no-repeat;
    background-size: 100% 100%;
}

.gameCont .intro a {
    line-height: 31px;
    color: #FB371F;
}

.gameCont .intro a:hover {
    border-bottom: .01px solid #FB371F;
}

.gameCont .cont {
    margin: 10px 24px 0;
    padding: 10px 0 0;
    font-size: 18px;
    color: #666;
    line-height: 32px;
    overflow: hidden;
    background: url(../images/gaintrobg.png) no-repeat;
    background-size: 100% auto;
}

.gameCont .cont a {
    line-height: 31px;
    color: #FB371F;
}

.gameCont .cont a:hover {
    border-bottom: .01px solid #FB371F;
}

.gameCont .cont p {
    line-height: 30px;
    color: #333;
    margin-bottom: 12px;
}

.gameCont .cont br {
    height: 1px;
}

.gameCont .cont img {
    max-width: 775px;
    margin: auto;
    display: block;
}

.gameCont .cont p img {
    max-width: 500px;
}

.gameCont .cont h3 {
    position: relative;
    line-height: 34px;
    font-size: 20px;
    color: #333;
    font-weight: bold;
    padding: 0 24px 0 0;
    overflow: hidden;
    *zoom: 1;
    margin-bottom: 12px;
}

.gameCont .cont iframe {
    width: 660px;
    height: 360px;
    margin: 0 auto;
    display: block;
    border: none;
}

.gameCont .cont table {
    max-width: 100%;
    margin: auto;
}

.gameCont .cont table a {
    color: #0000ee
}

.gameCont .cont table a:hover {
    text-decoration: underline
}

.xydTop {
    position: relative;
    padding: 25px 24px;
    background: #fff;
    box-shadow: 0px 6px 6px 0px rgba(51, 15, 13, 0.05);
    border-radius: 12px;
    margin-bottom: 24px;
}

.xydCont {
    position: relative;
    overflow: hidden;
    *zoom: 1;
}

.xydTop img {
    float: left;
    width: 190px;
    height: 190px;
    border-radius: 28px;
    margin-right: 23px;
}

.xydTop .intro {
    float: left;
    width: 558px;
}

.xydTop .intro p,
.xydTop .intro li {
    overflow: hidden;
    white-space: nowrap;
}

.xydTop .name {
    display: block;
    position: relative;
    background-color: #fff;
    padding-right: 20px;
    max-width: 576px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #808080;
    overflow: hidden;
    -moz-box-shadow: 4px 4px 0px rgba(0, 0, 0, .1);
    box-shadow: 4px 4px 0px rgb(0 0 0 / 10%);
}

.xydTop h1 {
    display: inline-block;
    font-size: 28px;
    color: #333;
    margin-right: 18px;
    line-height: 32px;
    font-weight: 600;
}

.xydTop .name i {
    display: block;
    position: absolute;
    width: 66px;
    height: 26px;
    background-position: -258px -395px;
    right: -81px;
    top: 10px;
}

.xydTop .intro ul {
    margin-top: 8px;
    width: 400px;
    min-height: 60px;
    overflow: hidden;
    *zoom: 1;
}

.xydTop .intro li {
    float: left;
    width: 150px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #808080;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xydTop .intro li span,
.xydTop .intro li em {
    color: #333;
}

.xydTop .intro li:last-of-type {
    width: 200px;
}

.xydTop .intro .txt {
    display: block;
    max-height: 70px;
    border-top: 1px solid #e0e0e0;
    margin-top: 5px;
    padding-top: 8px;
    line-height: 24px;
    font-size: 14px;
    color: #4c4c4c;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.xydTop .intro .txt label {
    font-weight: bold;
    color: #808080;
}

.xydTop>.txt {
    display: block;
    max-height: 70px;
    margin-top: 5px;
    line-height: 24px;
    font-size: 14px;
    color: #4c4c4c;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.xydTop>.txt label {
    font-weight: bold;
    color: #808080;
}

.xydTop .downbtn {
    position: absolute;
    top: 56px;
    right: 5px;
    width: 138px;
    overflow: hidden;
}

.adown a,
.adown button {
    float: left;
    display: block;
    border: none;
    width: 132px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    border-radius: 23px;
    background-color: #EF493C;
    margin-right: 20px;
    box-sizing: content-box;
}

.adown .iosBtn {
    background: #0568FA;
    border: 3px solid #c5e1ff;
    box-shadow: 0px 6px 6px 0px rgba(64, 159, 255, 0.16);
}

.adown .adrBtn {
    background: #12E493;
    border: 3px solid #A1FDCD;
    box-shadow: 0px 6px 6px 0px rgba(49, 223, 132, 0.2);
}

.adown .pcBtn {
    background-color: #fb371f;
    border: 3px solid #f7a7a1;
}

.adown .orderBtn {
    background: #FAE037;
    border: 3px solid #fedfbb;
    box-shadow: 0px 6px 6px 0px rgba(252, 182, 96, 0.2);
}

.adown .noBtn {
    border: 3px solid #edeef3;
    background-color: #ccc;
    cursor: default;
}

.adown a:hover,
.adown button:hover {
    opacity: .9;
}

.dEdition {
    position: relative;
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 24px;
}

.dEdition ul {
    width: 850px;
    padding-top: 10px;
    padding-left: 24px;
    overflow: hidden;
    *zoom: 1;
}

.dEdition ul li {
    float: left;
    width: 202px;
    height: 142px;
    padding: 0 20px 0 20px;
    margin: 0 22px 22px 0;
    border: 1px solid transparent;
    background-color: #f6f6f6;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.dEdition ul li a:nth-of-type(1) {
    display: block;
    width: 110%;
    font-size: 18px;
    color: #333;
    height: 52px;
    line-height: 52px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dEdition ul li a:nth-of-type(2) {
    display: block;
    overflow: hidden;
    *zoom: 1
}

.dEdition ul li a:nth-of-type(2) img {
    float: left;
    width: 70px;
    height: 70px;
    border-radius: 16px;
    margin-right: 16px;
}

.dEdition ul li a:nth-of-type(2) div {
    float: left;
    width: 112px;
}

.dEdition ul li a:nth-of-type(2) p {
    font-size: 14px;
    color: #999;
    line-height: 26px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dEdition ul li:hover {
    background-color: #FFEDEB;
    border-color: #FB381F;
}

.dEdition ul li:hover a:nth-of-type(1) {
    color: #FB381F;
}


/* rizhi */
.rizhi {
    position: relative;
    font-size: 18px;
    color: #666;
    line-height: 32px;
    margin: 0 24px;
}

.rizhi strong {
    display: block;
    color: #999;
    line-height: 30px;
    font-size: 16px;
    background: #F7F7F7;
    border-radius: 5px;
    font-weight: 400;
}

.rizhi strong:before {
    content: "";
    position: relative;
    top: 2px;
    display: inline-block;
    width: 14px;
    height: 16px;
    margin-left: 13px;
    margin-right: 6px;
    background: url(../images/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -513px -5px;
}

.rizhi p {
    margin-bottom: 6px;
    border-bottom: none;
    display: block;
}

.rizhi p span {
    display: block;
}

.rizhi p br {
    display: none;
}

.gsTit span.rLog {
    color: #FB381F;
}

.rLog {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #FF6358;
    line-height: 30px;
    cursor: pointer;
    font-size: 14px;
}

.rLog i {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 18px;
    height: 11px;
    background-position: -468px -5px;
    margin-right: 5px;
}

.rLog:hover {
    text-decoration: underline;
}

.gLog {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
}

.logBox {
    position: absolute;
    z-index: 5;
    top: 160px;
    left: 0;
    right: 0;
    margin: auto;
    background: url(../images/maskrzbg.png) no-repeat;
    background-size: 100% auto;
    background-color: #fff;
    border-radius: 20px;
    width: 369px;
    padding: 0 42px 0 65px;
    text-align: center;
}

.gLog .gLclose {
    position: absolute;
    top: -80px;
    right: 0px;
    margin: auto;
    z-index: 10;
    cursor: pointer;
}

.gLog .gLclose i {
    display: inline-block;
    width: 46px;
    height: 80px;
    background-position: -950px -4px;
}

.gLog .lTitle {
    position: relative;
    display: block;
    text-align: left;
    padding-top: 27px;
    height: 70px;
}

.gLog .lTitle p {
    display: block;
    font-size: 32px;
    color: #262626;
    font-weight: bold;
    line-height: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
}

.gLog .gSure {
    display: block;
    cursor: pointer;
    border: 0;
    width: 345px;
    height: 52px;
    background: linear-gradient(90deg, #FB371F 0%, #FA7F2A 100%);
    border-radius: 26px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    line-height: 52px;
    margin: 20px auto 36px;
    overflow: hidden;
    white-space: nowrap;
}

.logMain {
    display: block;
    height: 360px;
    border: none;
    padding: 0 18px 0 6px;
    line-height: 28px;
    font-size: 16px;
    margin: 12px auto 30px;
    text-align: left;
    overflow: auto;
}

.logMain strong {
    display: block;
    color: #999;
    line-height: 30px;
    font-size: 16px;
    border-radius: 5px;
    font-weight: 400;
}

.logMain p {
    margin-bottom: 6px;
    border-bottom: none;
    display: block;
}

.logMain p span {
    display: block;
}

.logMain p br {
    display: none;
}

.logBox:after {
    content: "";
    position: absolute;
    bottom: 108px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 400px;
    height: 43px;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 0px 0px 12px 12px;
}

/* order */
.orderList {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
}

.orderBox {
    position: absolute;
    z-index: 5;
    top: 260px;
    left: 0;
    right: 0;
    margin: auto;
    background: url(../images/maskorderbg.png) no-repeat;
    background-size: 100% auto;
    background-color: #fff;
    border-radius: 20px;
    width: 346px;
    padding: 0 65px;
    text-align: center;
}

.orderBox .oClose {
    position: absolute;
    top: -80px;
    right: 0px;
    margin: auto;
    z-index: 10;
    cursor: pointer;
}

.orderBox .oClose i {
    display: inline-block;
    width: 46px;
    height: 80px;
    background-position: -950px -4px;
}

.orderBox .oTitle {
    position: relative;
    display: block;
    text-align: left;
    padding-top: 27px;
    height: 70px;
}

.orderBox .oTitle p {
    display: block;
    font-size: 32px;
    color: #262626;
    font-weight: bold;
    line-height: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
}

.orderBox .oTelBox {
    position: relative;
    margin-top: 18px;
    padding-left: 45px;
}

.orderBox .oTelBox:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    display: block;
    width: 23px;
    height: 33px;
    background: url(../images/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -330px -5px;
}

.orderBox form .tel {
    display: block;
    border: none;
    width: 260px;
    height: 52px;
    background: #EDF4FF;
    border-radius: 5px;
    line-height: 52px;
    color: #262626;
    font-size: 24px;
    padding: 0 20px;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox form .tel::-webkit-input-placeholder {
    color: #999;
}

.orderBox form .tel:-moz-placeholder {
    color: #999;
}

.orderBox form .tel::-moz-placeholder {
    color: #999;
}

.orderBox form .tel:-ms-input-placeholder {
    color: #999;
}

.orderBox form .tel:focus {
    color: #808080;
}

.orderBox form p {
    color: #404040;
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox form p em {
    color: #ec6864;
}

.orderBox form p:last-of-type {
    font-size: 14px;
    color: #ccc;
    margin-top: 4px;
}

.orderBox form span {
    color: #ff3232;
    font-size: 14px;
    text-align: left;
    display: block;
    width: 306px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox form .oBtn,
.orderBox .oKnow {
    display: block;
    cursor: pointer;
    border: 0;
    width: 345px;
    height: 52px;
    line-height: 52px;
    background: #418BF8;
    border-radius: 26px;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    margin: 20px auto 37px;
}

.orderBox .msg {
    display: block;
    color: #ff3232;
    font-size: 14px;
    text-align: left;
    width: 326px;
    margin: 0 auto;
}

.orderBox .oWin {
    position: relative;
    width: 100%;
    font-size: 18px;
    border-radius: 3px;
    text-align: center;
}

.orderBox .oWin>strong {
    display: block;
    font-size: 24px;
    color: #A8A8A8;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 26px;
    margin-top: 16px;
}

.orderBox .oWin>i {
    display: block;
    width: 124px;
    height: 140px;
    background-position: -854px -834px;
    margin: auto;
    position: relative;
}

.orderBox .oAgin {
    position: relative;
    width: 100%;
    font-size: 18px;
    border-radius: 3px;
    text-align: center;
}

.orderBox .oAgin>strong {
    display: block;
    font-size: 24px;
    color: #A8A8A8;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 26px;
    margin-top: 16px;
}

.orderBox .oAgin>i {
    display: block;
    width: 124px;
    height: 140px;
    background-position: -854px -834px;
    margin: auto;
    position: relative;
}

/* power */
.gRule {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
}

.ruleTxt {
    position: absolute;
    z-index: 5;
    top: 160px;
    left: 0;
    right: 0;
    margin: auto;
    background: url(../images/maskqxbg.png) no-repeat;
    background-size: 100% auto;
    background-color: #fff;
    border-radius: 20px;
    width: 369px;
    padding: 0 42px 0 65px;
    text-align: center;
}

.gRule .gRclose {
    position: absolute;
    top: -80px;
    right: 0px;
    margin: auto;
    z-index: 10;
    cursor: pointer;
}

.gRule .gRclose i {
    display: inline-block;
    width: 46px;
    height: 80px;
    background-position: -950px -4px;
}

.gRule .oTitle {
    position: relative;
    display: block;
    text-align: left;
    padding-top: 27px;
    height: 70px;
}

.gRule .oTitle p {
    display: block;
    font-size: 32px;
    color: #262626;
    font-weight: bold;
    line-height: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
}

.gRule .gSure {
    display: block;
    cursor: pointer;
    border: 0;
    width: 345px;
    height: 52px;
    background: linear-gradient(90deg, #FB371F 0%, #FA7F2A 100%);
    border-radius: 26px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    line-height: 52px;
    margin: 20px auto 36px;
    overflow: hidden;
    white-space: nowrap;
}

.ruleMain {
    display: block;
    height: 360px;
    border: none;
    padding: 0 18px 0 6px;
    line-height: 28px;
    font-size: 16px;
    margin: 12px auto 30px;
    text-align: left;
    overflow: auto;
}

.ruleMain strong {
    display: block;
    font-size: 16px;
    color: #4D4D4D;
    line-height: 36px;
}

.ruleMain p:nth-of-type(1) {
    font-weight: bold;
    margin-bottom: 4px;
}

.ruleMain p:nth-last-of-type(1) {
    margin-bottom: 20px;
}

.ruleTxt:after {
    content: "";
    position: absolute;
    bottom: 108px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 400px;
    height: 43px;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 0px 0px 12px 12px;
}

/* Privacy */
.gPrivacy {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
}

.privacyTxt {
    position: absolute;
    z-index: 5;
    top: 160px;
    left: 0;
    right: 0;
    margin: auto;
    background: url(../images/maskysbg.png) no-repeat;
    background-size: 100% auto;
    background-color: #fff;
    border-radius: 20px;
    width: 369px;
    padding: 0 42px 0 65px;
    text-align: center;
}

.gPrivacy .gPclose {
    position: absolute;
    top: -80px;
    right: 0px;
    margin: auto;
    z-index: 10;
    cursor: pointer;
}

.gPrivacy .gPclose i {
    display: inline-block;
    width: 46px;
    height: 80px;
    background-position: -950px -4px;
}

.gPrivacy .oTitle {
    position: relative;
    display: block;
    text-align: left;
    padding-top: 27px;
    height: 70px;
}

.gPrivacy .oTitle p {
    display: block;
    font-size: 32px;
    color: #262626;
    font-weight: bold;
    line-height: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
}

.gPrivacy .gSure {
    display: block;
    cursor: pointer;
    border: 0;
    width: 345px;
    height: 52px;
    background: linear-gradient(90deg, #FB371F 0%, #FA7F2A 100%);
    border-radius: 26px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    line-height: 52px;
    margin: 20px auto 36px;
    overflow: hidden;
    white-space: nowrap;
}

.privacyMain {
    display: block;
    height: 360px;
    border: none;
    padding: 0 18px 0 6px;
    line-height: 28px;
    font-size: 16px;
    margin: 2px auto 30px;
    text-align: left;
    overflow: auto;
}

.privacyMain strong {
    display: block;
    font-size: 16px;
    color: #4D4D4D;
    line-height: 36px;
}

.privacyMain p:nth-of-type(1) {
    font-weight: bold;
    margin-bottom: 4px;
}

.privacyMain p:nth-last-of-type(1) {
    margin-bottom: 20px;
}

.privacyTxt:after {
    content: "";
    position: absolute;
    bottom: 108px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 400px;
    height: 43px;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 0px 0px 12px 12px;
}

/* feedback */
.feBaBtn {
    cursor: pointer;
}

.feedBack {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
}

.feBackBox {
    position: absolute;
    z-index: 5;
    top: 136px;
    left: 0;
    right: 0;
    margin: auto;
    background: url(../images/maskfkbg.png) no-repeat;
    background-size: 100% auto;
    background-color: #fff;
    border-radius: 20px;
    width: 380px;
    padding: 0 48px;
    text-align: center;
}

.feBaClose {
    position: absolute;
    top: -80px;
    right: 0px;
    margin: auto;
    z-index: 10;
    cursor: pointer;
}

.feBaClose i {
    display: inline-block;
    width: 46px;
    height: 80px;
    background-position: -950px -4px;
}

.feBackBox .fTitle {
    position: relative;
    display: block;
    text-align: left;
    padding-top: 16px;
    height: 70px;
}

.feBackBox .fTitle p {
    display: block;
    font-size: 32px;
    color: #262626;
    font-weight: bold;
    line-height: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
}

.feBackBox .feSubmit input {
    display: block;
    cursor: pointer;
    border: 0;
    width: 345px;
    height: 52px;
    background: linear-gradient(90deg, #FB371F 0%, #FA7F2A 100%);
    border-radius: 26px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    line-height: 52px;
    margin: 20px auto 26px;
    overflow: hidden;
    white-space: nowrap;
}

.feBack {
    margin: 0 0 25px;
}

.feBack>span {
    font-size: 18px;
    color: #666;
    line-height: 40px;
    margin-bottom: 4px;
    display: block;
    text-align: left;
}

.feBack .info {
    display: flex;
    flex-wrap: wrap;
    width: 360px;
    margin: auto;
    background: #EDF4FF;
    border-radius: 12px;
    padding: 13px 10px;
    margin-bottom: 2px;
}

.feBack .info p {
    font-size: 14px;
    color: #333;
    line-height: 88px;
}

.otherRe {
    width: 380px;
    background: #EDF4FF;
    border-radius: 12px;
    overflow: hidden;
    padding: 7px 0 23px;
}

.feBack textarea {
    width: 340px;
    height: 32px;
    line-height: 24px;
    border: none;
    resize: none;
    background: transparent;
    padding: 10px 20px;
    font-size: 16px;
    color: #666;
}

.feBack .photos {
    display: flex;
    overflow: hidden;
}

.feBack .photoInput {
    position: relative;
    width: 64px;
    height: 64px;
    border: 1px dashed #ccc;
    border-radius: 4px;
    text-align: center;
    margin-left: 20px;
}

.feBack .photoInput p {
    color: #666;
    font-size: 12px;
}

.feBack .photoInput p:nth-of-type(1) {
    font-size: 28px;
    color: #CDCDCD;
    margin-top: 6px;
    line-height: 30px;
}

.feBack .photoInput input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.feBack .photoList {
    display: flex;
    flex: 1;
    width: 270px;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none;
}

.feBack .photoList::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    -webkit-appearance: none;
    border-radius: 0
}

.feBack .photoList img {
    width: auto;
    height: 120px;
    margin-left: 20px;
}

.checkbox {
    position: relative;
    display: block;
    width: 50%;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
}

.checkbox:nth-last-child(1) {
    border-bottom: none;
}

.checkbox input[type='checkbox'] {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    opacity: 0;
}

.checkbox label {
    position: absolute;
    left: 35px;
    top: 0;
    height: 28px;
    line-height: 28px;
    width: 124px;
    font-size: 16px;
    color: #666;
    text-align: left;
}

.checkbox label:after {
    content: '';
    position: absolute;
    left: -25px;
    top: 7px;
    width: 16px;
    height: 16px;
    border: 1px solid #4BA6FA;
    border-radius: 50%;
}

.checkbox input[type='checkbox']:checked+label:after {
    box-shadow: 0 0 1px 1px #4BA6FA;
    border: 4px solid #fff;
    width: 8px;
    height: 8px;
    background: #4BA6FA;
}

.telBox {
    overflow: hidden;
    background-color: #EDF4FF;
}

.telBox input {
    display: block;
    border: none;
    padding: 0 20px;
    width: 340px;
    height: 48px;
    line-height: 48px;
    background: #EDF4FF;
    border-radius: 10px;
    font-size: 16px;
    color: #454545;
}

.telBox input::-webkit-input-placeholder {
    color: #B4B9C2;
}

.telBox input:-moz-placeholder {
    color: #B4B9C2;
}

.telBox input::-moz-placeholder {
    color: #B4B9C2;
}

.telBox input:-ms-input-placeholder {
    color: #B4B9C2;
}


.hTopic ul {
    padding-top: 12px;
}

.hTopic ul li {
    padding: 15px 26px 0 18px;
    background: url(../images/zt-bg.png) no-repeat;
    border-radius: 0 0 66px 58px;
}

.hTopic ul li:after {
    display: none;
}

.hTopic ul li .img {
    position: relative;
}

.hTopic ul li .img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/zt-li.png) no-repeat;
    background-size: 100% 100%;
}

.rMenu .list {
    position: relative;
    width: 1180px !important;
    margin: inherit;
    height: auto;
}

.rMenu {
    margin-left: 24px;
    width: 1202px;
    height: auto;
    margin-bottom: 12px;
}

.rMenu a {
    width: auto;
    padding: 0 12px;
    margin-bottom: 16px;
    box-shadow: 0px 5px 10px 0px rgba(235, 52, 28, 0);
}

.rMenu>div {
    height: 100%;
    width: 1170px
}

.rMenu a.current,
.rMenu a:hover {
    width: auto;
    padding: 0 13px;
    height: 40px;
    border: 0;
    background: linear-gradient(90deg, #FB371F 0%, #FA7F2A 100%);
    box-shadow: 0px 5px 10px 0px rgba(235, 52, 28, .2);
}

.rMenu i {
    display: none;
}