@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: #333;
    position: relative;
}

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

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

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

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

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

.h20 {
    width: 100%;
    height: 20px;
}

.hide {
    display: none;
}

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

.bg {
    background-color: #fff;
}

.icon {
    background: url(../img/icon.png) no-repeat;
    background-size: 800px 1200px;
    display: inline-block;
}

.container {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* header-common */
/*
header .top { height: 30px; line-height: 30px; background: #ebebeb; }
header .top p { float: left; font-size: 12px; color: #a8a8a8; }
header .top p i { display: inline-block; width: 8px; height: 12px; background-position: -205px -2px; vertical-align: top; margin: 9px 0 0 10px; }
header .top a { float: right; font-size: 12px; color: #999999; padding-right: 20px; position: relative; }
header .top a::after { content: ""; position: absolute; width: 1px; height: 12px; right: -1px; top: 10px; background-color: #d6d6d6; } 
header .top a i { display: inline-block; width: 12px; height: 12px; vertical-align: top; margin: 9px 6px 0 0; }
header .top .container>a:nth-child(2) i { background-position: -248px -2px; margin-left: 20px; }
header .top .container>a:nth-child(3) i { background-position: -226px -2px; }
header .bottom { height: 100px; background-color: #fff; }
header .bottom .logo { float: left; width: 179px; margin-top: 10px;}
header .bottom .logo img{width: 210px;}
header .bottom .searchBox { float: right; margin-top: 30px; position: relative; }
header .bottom .searchBox > div { width: 396px; height: 36px; border: 2px solid #d7d7b4; border-radius: 20px; }
header .bottom .searchBox input[name=keyword] { float: left; width: 323px; height: 36px; border: none; border-radius: 20px 0 0 20px; padding-left: 19px; font-size: 16px; color: #808080; }
header .bottom .searchBox input[type=submit] { float: right; height: 36px; width: 54px; border-radius: 0 20px 20px 0; background-color: #d7d7b4; border: none; cursor: pointer; position: relative; }
header .bottom .searchBox i { position: absolute; top: 10px; right: 18px; width: 21px; height: 21px; background-position: -204px -29px; cursor: pointer; }
header .bottom .searchBox .hotSearchWord { height: 32px; line-height: 32px; font-size: 14px; color: #808080; text-indent: 20px; width: 400px; white-space: nowrap; overflow: hidden; }
header .bottom .searchBox .hotSearchWord a { font-size: 14px; color: #808080; margin-left: 9px; }
nav { height: 45px; line-height: 45px; background-color: #d7d7b4; }
nav ul li { float: left; }
nav ul li a { display: block; width: 132px; font-size: 18px; color: #575749; text-align: center; transition: all ease .5s; }
nav ul li a:hover, nav ul li a.current { color: #fff; background-color: #8a8a5a; }*/

header .top {
    height: 30px;
    line-height: 30px;
    background: #ebebeb;
}

header .top p {
    float: left;
    font-size: 12px;
    color: #a8a8a8;
}

header .top p i {
    display: inline-block;
    width: 8px;
    height: 12px;
    background-position: -205px -2px;
    vertical-align: top;
    margin: 9px 0 0 10px;
}

header .top a {
    float: right;
    font-size: 12px;
    color: #999999;
    padding-right: 20px;
    position: relative;
}

header .top a::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 12px;
    right: -1px;
    top: 10px;
    background-color: #d6d6d6;
}

header .top a i {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: top;
    margin: 9px 6px 0 0;
    margin-right: 10px;
}

header .top .container>a:nth-child(2) i {
    background-position: -248px -2px;
    margin-left: 20px;
}

header .top .container>a:nth-child(3) i {
    background-position: -226px -2px;
}

header .bottom {
    height: 100px;
    position: relative;
}

header .bottom .logo {
    float: left;
    width: 210px;
    height: 76px;
    margin-top: 10px;
    margin-right: 40px;
}

header .bottom .logo img {
    width: 210px;
}

header .bottom .searchBox {
    float: right;
    margin-top: 39px;
    position: relative;
}

header .bottom .searchBox form {
    width: 220px;
    height: 36px;
    border: 2px solid #d7d7b4;
    border-radius: 20px;
    background-color: #fff;
}

header .bottom .searchBox input[name=keyword] {
    float: left;
    width: 163px;
    height: 36px;
    border: none;
    border-radius: 20px 0 0 20px;
    padding-left: 19px;
    font-size: 14px;
    color: #808080;
}

header .bottom .searchBox input[type=submit] {
    float: right;
    height: 36px;
    width: 34px;
    border-radius: 0 20px 20px 0;
    border: none;
    cursor: pointer;
    position: relative;
}

header .bottom .searchBox i {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 18px;
    height: 18px;
    background-position: -770px -41px;
    cursor: pointer;
}

/* header .bottom .searchBox .hotSearchWord { height: 32px; line-height: 32px; font-size: 14px; color: #808080; text-indent: 20px; width: 400px; white-space: nowrap; overflow: hidden; }
header .bottom .searchBox .hotSearchWord a { font-size: 14px; color: #808080; margin-left: 9px; } */
nav {
    float: left;
    width: 746px;
}

nav ul li {
    float: left;
}

nav ul li a {
    display: block;
    height: 44px;
    line-height: 44px;
    padding: 39px 16px 0;
    font-size: 18px;
    color: #575749;
    text-align: center;
    transition: all ease .5s;
    margin-right: 2px;
}

nav ul li a i {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin: 12px 4px 0 0;
}

nav ul li:nth-child(1) a i {
    background-position: 0 -456px;
}

nav ul li:nth-child(2) a i {
    background-position: -33px -456px;
}

nav ul li:nth-child(3) a i {
    background-position: -64px -456px;
}

nav ul li:nth-child(4) a i {
    background-position: -118px -456px;
}

nav ul li:nth-child(5) a i {
    background-position: -92px -456px;
}

nav ul li:nth-child(6) a i {
    background-position: -149px -456px;
}

nav ul li:nth-child(1) a:hover i,
nav ul li:nth-child(1) a.current i {
    background-position: 0 -484px;
}

nav ul li:nth-child(2) a:hover i,
nav ul li:nth-child(2) a.current i {
    background-position: -33px -484px;
}

nav ul li:nth-child(3) a:hover i,
nav ul li:nth-child(3) a.current i {
    background-position: -64px -484px;
}

nav ul li:nth-child(4) a:hover i,
nav ul li:nth-child(4) a.current i {
    background-position: -118px -484px;
}

nav ul li:nth-child(5) a:hover i,
nav ul li:nth-child(5) a.current i {
    background-position: -92px -484px;
}

nav ul li:nth-child(6) a:hover i,
nav ul li:nth-child(6) a.current i {
    background-position: -149px -484px;
}

nav ul li a:hover,
nav ul li a.current {
    background-color: #fff;
    font-weight: bold;
    border-radius: 0 0 18px 18px;
    color: #423d2d;
}

.headBg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 520px;
    background: url(../img/headBg_1.png) no-repeat;
    background-size: cover;
}

/* crumbs-common */
.crumbs {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #3f3f4c;
}

.crumbs>a:nth-child(1) i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -224px 0;
    vertical-align: top;
    margin: 17px 8px 0 0;
}

.crumbs i {
    display: inline-block;
    width: 8px;
    height: 10px;
    background-position: -268px -2px;
    vertical-align: top;
    margin: 20px 10px 0;
}

/* paging-common */
.paging {
    text-align: center;
    height: 36px;
}

.paging a:first-child {
    margin-left: 0;
}

.paging a {
    display: inline-block;
    margin-left: 4px;
    width: 38px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #666666;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #eeeeee;
    transition: all 0.2s ease;
    overflow: hidden;
    white-space: nowrap;
}

.paging a.first,
.paging a.last {
    width: 58px;
}

.paging a i.prev,
.paging a i.next {
    display: block;
    width: 10px;
    height: 20px;
    background-position: -265px -31px;
    margin: 8px 0 0 12px;
}

.paging a i.next {
    margin-left: 15px;
}

.paging a i.next {
    transform: rotate(180deg);
}

.paging a:hover,
.paging a.current {
    color: #fff;
    background-color: #f55636;
    border-color: #f55636;
}

.paging a:hover i.prev,
.paging a:hover i.next {
    background-position: -285px -33px;
}

.paging_box {
    background-color: #fff;
    margin-bottom: 20px;
    padding: 15px 0;
    border-radius: 4px;
}


/* footer-common */
footer {
    height: 170px;
    background-color: #1b1b1b;
    text-align: center;
    padding-top: 10px;
}

footer p {
    height: 40px;
    line-height: 40px;
    color: #999999;
    font-size: 14px
}

footer p a {
    color: #999999;
    font-size: 14px;
    margin: 0 15px;
}

/* softwareList */
.softwareSort {
    height: 358px;
    overflow: hidden;
    margin-bottom: 6px;
}

.softwareSort li {
    float: left;
    margin: 0 24px 24px 0;
}

.softwareSort li:nth-child(6n) {
    margin-right: 0;
}

.softwareSort li[data-none="yes"] {
    display: none !important;
}

.softwareSort li a,
.softwareSort li.unfoldSort,
.softwareSort li.foldSort {
    display: block;
    box-sizing: border-box;
    width: 180px;
    height: 158px;
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
    border-color: transparent;
    transition: all ease-in-out .1s;
    cursor: pointer;
}

.softwareSort li a div,
.softwareSort li.unfoldSort div,
.softwareSort li.foldSort div {
    width: 88px;
    height: 88px;
    border-radius: 32px;
    margin: 18px auto 0;
    background-color: #f0fdff;
    position: relative;
}

.softwareSort li a div i,
.softwareSort li.unfoldSort div i,
.softwareSort li.foldSort div i {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 54px;
    height: 54px;
    background-position: -458px -122px;
}

.softwareSort li a p,
.softwareSort li.unfoldSort p,
.softwareSort li.foldSort p {
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    color: #1e202b;
}

.softwareSort li:nth-child(1) a div {
    background-color: #fff3e1;
}

.softwareSort li:nth-child(1) a div i {
    width: 54px;
    height: 43px;
    background-position: -434px -280px;
}

.softwareSort li:nth-child(2) a div {
    background-color: #e6f2ff;
}

.softwareSort li:nth-child(2) a div i {
    width: 41px;
    height: 54px;
    background-position: -500px -280px;
}

.softwareSort li:nth-child(3) a div {
    background-color: #ffe0e0;
}

.softwareSort li:nth-child(3) a div i {
    width: 54px;
    height: 54px;
    background-position: -553px -280px;
}

.softwareSort li:nth-child(4) a div {
    background-color: #e6efff;
}

.softwareSort li:nth-child(4) a div i {
    width: 54px;
    height: 54px;
    background-position: -613px -280px;
}

.softwareSort li:nth-child(5) a div {
    background-color: #fff4f0;
}

.softwareSort li:nth-child(5) a div i {
    width: 54px;
    height: 54px;
    background-position: -673px -280px;
}

.softwareSort li:nth-child(6) a div {
    background-color: #f6f0ff;
}

.softwareSort li:nth-child(6) a div i {
    width: 40px;
    height: 54px;
    background-position: -739px -280px;
}

.softwareSort li:nth-child(7) a div {
    background-color: #f1f5e1;
}

.softwareSort li:nth-child(7) a div i {
    width: 56px;
    height: 54px;
    background-position: -225px -340px;
}

.softwareSort li:nth-child(8) a div {
    background-color: #fff8f0;
}

.softwareSort li:nth-child(8) a div i {
    width: 54px;
    height: 44px;
    background-position: -286px -340px;
}

.softwareSort li:nth-child(9) a div {
    background-color: #dffbec;
}

.softwareSort li:nth-child(9) a div i {
    width: 48px;
    height: 44px;
    background-position: -349px -340px;
}

.softwareSort li:nth-child(10) a div {
    background-color: #fff2f6;
}

.softwareSort li:nth-child(10) a div i {
    width: 54px;
    height: 54px;
    background-position: -405px -340px;
}

.softwareSort li:nth-child(11) a div {
    background-color: #fff4f0;
}

.softwareSort li:nth-child(11) a div i {
    width: 54px;
    height: 54px;
    background-position: -465px -340px;
}

.softwareSort li:nth-child(12) a div {
    background-color: #f8fff0;
}

.softwareSort li:nth-child(12) a div i {
    width: 54px;
    height: 54px;
    background-position: -524px -340px;
}

.softwareSort li:nth-child(13) a div {
    background-color: #f0faff;
}

.softwareSort li:nth-child(13) a div i {
    width: 54px;
    height: 54px;
    background-position: -595px -340px;
}

.softwareSort li:nth-child(14) a div {
    background-color: #fff1f0;
}

.softwareSort li:nth-child(14) a div i {
    width: 54px;
    height: 54px;
    background-position: -657px -340px;
}

.softwareSort li:nth-child(15) a div {
    background-color: #d8fcff;
}

.softwareSort li:nth-child(15) a div i {
    width: 52px;
    height: 54px;
    background-position: -716px -340px;
}

.softwareSort li:nth-child(16) a div {
    background-color: #fceee3;
}

.softwareSort li:nth-child(16) a div i {
    width: 45px;
    height: 54px;
    background-position: 0 -398px;
}

.softwareSort li:nth-child(17) a div {
    background-color: #ede6f5;
}

.softwareSort li:nth-child(17) a div i {
    width: 54px;
    height: 51px;
    background-position: -54px -398px;
}

.softwareSort li:nth-child(18) a div {
    background-color: #e2e6ef;
}

.softwareSort li:nth-child(18) a div i {
    width: 52px;
    height: 51px;
    background-position: -117px -398px;
}

.softwareSort li:nth-child(1) a div {
    background-color: #fff3e1;
}

.softwareSort li:nth-child(1) a div i {
    width: 48px;
    height: 48px;
    background-position: -596px -64px;
}

.softwareSort li:nth-child(2) a div {
    background-color: #fff3e1;
}

.softwareSort li:nth-child(2) a div i {
    width: 54px;
    height: 43px;
    background-position: -434px -280px;
}

.softwareSort li:nth-child(3) a div {
    background-color: #e6f2ff;
}

.softwareSort li:nth-child(3) a div i {
    width: 41px;
    height: 54px;
    background-position: -500px -280px;
}

.softwareSort li:nth-child(4) a div {
    background-color: #ffe0e0;
}

.softwareSort li:nth-child(4) a div i {
    width: 54px;
    height: 54px;
    background-position: -553px -280px;
}

.softwareSort li:nth-child(5) a div {
    background-color: #e6efff;
}

.softwareSort li:nth-child(5) a div i {
    width: 54px;
    height: 54px;
    background-position: -613px -280px;
}

.softwareSort li:nth-child(6) a div {
    background-color: #fff4f0;
}

.softwareSort li:nth-child(6) a div i {
    width: 54px;
    height: 54px;
    background-position: -673px -280px;
}

.softwareSort li:nth-child(7) a div {
    background-color: #f6f0ff;
}

.softwareSort li:nth-child(7) a div i {
    width: 40px;
    height: 54px;
    background-position: -739px -280px;
}

.softwareSort li:nth-child(8) a div {
    background-color: #f1f5e1;
}

.softwareSort li:nth-child(8) a div i {
    width: 56px;
    height: 54px;
    background-position: -225px -340px;
}

.softwareSort li:nth-child(9) a div {
    background-color: #fff8f0;
}

.softwareSort li:nth-child(9) a div i {
    width: 54px;
    height: 44px;
    background-position: -286px -340px;
}

.softwareSort li:nth-child(10) a div {
    background-color: #dffbec;
}

.softwareSort li:nth-child(10) a div i {
    width: 48px;
    height: 44px;
    background-position: -349px -340px;
}

.softwareSort li:nth-child(11) a div {
    background-color: #fff2f6;
}

.softwareSort li:nth-child(11) a div i {
    width: 54px;
    height: 54px;
    background-position: -405px -340px;
}

.softwareSort li:nth-child(12) a div {
    background-color: #fff4f0;
}

.softwareSort li:nth-child(12) a div i {
    width: 54px;
    height: 54px;
    background-position: -465px -340px;
}

.softwareSort li:nth-child(13) a div {
    background-color: #f8fff0;
}

.softwareSort li:nth-child(13) a div i {
    width: 54px;
    height: 54px;
    background-position: -524px -340px;
}

.softwareSort li:nth-child(14) a div {
    background-color: #f0faff;
}

.softwareSort li:nth-child(14) a div i {
    width: 54px;
    height: 54px;
    background-position: -595px -340px;
}

.softwareSort li:nth-child(15) a div {
    background-color: #fff1f0;
}

.softwareSort li:nth-child(15) a div i {
    width: 54px;
    height: 54px;
    background-position: -657px -340px;
}

.softwareSort li:nth-child(16) a div {
    background-color: #d8fcff;
}

.softwareSort li:nth-child(16) a div i {
    width: 52px;
    height: 54px;
    background-position: -716px -340px;
}

.softwareSort li:nth-child(17) a div {
    background-color: #fceee3;
}

.softwareSort li:nth-child(17) a div i {
    width: 45px;
    height: 54px;
    background-position: 0 -398px;
}

.softwareSort li:nth-child(18) a div {
    background-color: #ede6f5;
}

.softwareSort li:nth-child(18) a div i {
    width: 54px;
    height: 51px;
    background-position: -54px -398px;
}

.softwareSort li:nth-child(19) a div {
    background-color: #e2e6ef;
}

.softwareSort li:nth-child(19) a div i {
    width: 52px;
    height: 51px;
    background-position: -117px -398px;
}

.softwareSort_app li:nth-child(2) a div i {
    width: 54px;
    height: 54px;
    background-position: 0 -64px;
}

.softwareSort_app li:nth-child(3) a div i {
    width: 50px;
    height: 55px;
    background-position: -62px -64px;
}

.softwareSort_app li:nth-child(4) a div i {
    width: 48px;
    height: 40px;
    background-position: -122px -64px;
}

.softwareSort_app li:nth-child(5) a div i {
    width: 48px;
    height: 44px;
    background-position: -180px -64px;
}

.softwareSort_app li:nth-child(6) a div i {
    width: 50px;
    height: 51px;
    background-position: -240px -64px;
}

.softwareSort_app li:nth-child(7) a div i {
    width: 48px;
    height: 48px;
    background-position: -525px -122px;
}

.softwareSort_app li:nth-child(8) a div i {
    width: 48px;
    height: 39px;
    background-position: -297px -64px;
}

.softwareSort_app li:nth-child(9) a div i {
    width: 54px;
    height: 48px;
    background-position: -356px -64px;
}

.softwareSort_app li:nth-child(10) a div i {
    width: 48px;
    height: 45px;
    background-position: -424px -64px;
}

.softwareSort_app li:nth-child(11) a div i {
    width: 46px;
    height: 40px;
    background-position: -481px -64px;
}

.softwareSort_app li:nth-child(12) a div i {
    width: 50px;
    height: 37px;
    background-position: -534px -64px;
}

.softwareSort_app li:nth-child(13) a div i {
    width: 54px;
    height: 54px;
    background-position: -0px -122px;
}

.softwareSort_app li:nth-child(14) a div i {
    width: 54px;
    height: 54px;
    background-position: -66px -122px;
}

.softwareSort_app li:nth-child(15) a div i {
    width: 54px;
    height: 55px;
    background-position: -132px -122px;
}

.softwareSort_app li:nth-child(16) a div i {
    width: 48px;
    height: 48px;
    background-position: -192px -122px;
}

.softwareSort_app li:nth-child(17) a div i {
    width: 53px;
    height: 53px;
    background-position: -252px -122px;
}

.softwareSort_app li:nth-child(18) a div i {
    width: 48px;
    height: 48px;
    background-position: -325px -122px;
}

.softwareSort_app li:nth-child(19) a div i {
    width: 48px;
    height: 48px;
    background-position: -395px -122px;
}

.softwareSort li a:hover,
.softwareSort li a.current {
    border: 2px solid #f55636;
}

.softwareSort li a:hover p,
.softwareSort li a.current p {
    color: #f55636;
    font-weight: bold;
}

.softwareSort li.unfoldSort:hover,
.softwareSort li.foldSort:hover {
    border: 2px solid #f55636;
}

.softwareSort li.unfoldSort:hover p,
.softwareSort li.foldSort:hover p {
    color: #f55636;
    font-weight: bold;
}

.softwareList {
    border-radius: 10px;
    background-color: #fff;
    padding: 11px 0 25px 24px;
    margin-bottom: 24px;
}

.softwareList .tlt {
    height: 57px;
    line-height: 57px;
    position: relative;
    margin-right: 24px;
    border-bottom: 1px dashed #d2d2d2;
}

.softwareList .tlt>span:nth-child(1) {
    float: left;
    font-size: 30px;
    color: #26262e;
    font-weight: bold;
    position: relative;
    z-index: 1;
}

.softwareList .tlt::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 83px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #ffbbb0;
}

.softwareList .tlt::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 98px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #ff6944;
}

.softwareList .tlt>span:nth-child(2) {
    float: right;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #999999;
    margin-top: 19px;
}

.softwareList .tlt>span:nth-child(2) strong {
    color: #f55636;
    font-weight: bold;
    padding: 0 5px;
}

.softwareList ul {
    overflow: hidden;
    padding: 18px 0 4px;
}

.softwareList ul li {
    float: left;
    margin: 0 20px 20px 0;
}

.softwareList ul li:nth-child(5n) {
    margin-right: 0;
}

.softwareList ul li a {
    display: block;
    width: 212px;
    height: 228px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    transition: border ease-in-out .3s;
}

.softwareList ul li a::before {
    content: "";
    position: absolute;
    top: -132px;
    left: -12px;
    width: 230px;
    height: 112px;
    background-color: #f55636;
    transform: rotate(-10deg);
    transition: transform ease-in-out .3s;
}

.softwareList ul li a.look::before {
    background-color: #26c472;
}

.softwareList ul li a img {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 20px;
    margin: 28px auto 10px;
    position: relative;
    z-index: 1;
    transition: border ease-in-out .1s;
    border-color: transparent;
    box-sizing: border-box;
}

.softwareList ul li a p {
    width: 200px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #999999;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    margin: auto;
}

.softwareList ul li a p:nth-child(5) {
    display: none;
}

.softwareList ul li a>p:nth-child(2) {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}

.softwareList ul li a div {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -42px;
    margin: auto;
    width: 164px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    background-color: #f55636;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    transition: transform ease-in-out .3s;
}

.softwareList ul li a.look div {
    background-color: #26c472;
}

.softwareList ul li:hover a {
    border-color: #f55636;
}

.softwareList ul li:hover a.look {
    border-color: #26c472;
}

.softwareList ul li:hover a::before {
    transform: translateY(108px) rotate(-10deg);
}

.softwareList ul li:hover a img {
    border: 2px solid #fff;
}

.softwareList ul li:hover a>p:not(:nth-child(2)) {
    transition: opacity ease-in-out .3s;
    opacity: 0;
}

.softwareList ul li:hover a div {
    transform: translateY(-57px);
}

/* ztList */
.ztList li {
    height: 302px;
    width: 100%;
    border-radius: 4px;
    background-color: #fff;
    margin-bottom: 30px;
}

.ztList li>a:nth-child(1) {
    float: left;
    width: 578px;
    height: 252px;
    overflow: hidden;
    border-radius: 4px;
    margin: 26px 24px 0;
}

.ztList li>a:nth-child(1) img {
    display: block;
    width: 578px;
    height: 252px;
    border-radius: 4px;
    transition: transform ease-in-out .3s;
}

.ztList li>a:nth-child(1):hover img {
    transform: scale(1.05);
}

.ztList li .right {
    float: left;
    width: 552px;
    margin-top: 24px;
}

.ztList li .right>p:nth-child(1) {
    height: 34px;
    line-height: 34px;
    margin-bottom: 5px;
    font-size: 30px;
    font-weight: bold;
    color: #3f3f4c;
}

.ztList li .right>p:nth-child(1)>span:nth-child(1) {
    float: left;
    max-width: 460px;
    font-size: 30px;
    font-weight: bold;
    color: #3f3f4c;
    white-space: nowrap;
    overflow: hidden;
}

.ztList li .right>p:nth-child(1)>span:nth-child(2) {
    float: right;
    height: 30px;
    line-height: 30px;
    border-radius: 14px;
    padding: 0 14px;
    background-color: #ffeeeb;
    font-size: 14px;
    color: #f55636;
    text-align: center;
}

.ztList li .right>p:nth-child(2) {
    line-height: 25px;
    color: #777778;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ztList li .right>span:nth-child(3) {
    display: block;
    color: #666;
    font-size: 14px;
    margin-top: 5px;
}

.ztList li .right div {
    margin-top: 10px;
    height: 120px;
    overflow: hidden;
}

.ztList li .right div a {
    width: 80px;
    height: 120px;
    margin-right: 38px;
    float: left;
}

.ztList li .right div a:nth-child(5) {
    margin-right: 0;
}

.ztList li .right div img {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 16px;
}

.ztList li .right div p {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #3f3f4c;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}

.ztList li .right div a:hover p {
    color: #f55636;
}

.ztList li:hover .right>p:nth-child(1) {
    color: #f55636
}

.ztList_2 {}

.ztList_2>li {
    height: 302px;
    width: 100%;
    border-radius: 4px;
    background-color: #fff;
    margin-bottom: 30px;
    position: relative;
}

.ztList_2>li>a {
    display: block;
}

.ztList_2>li>a>img {
    display: block;
    float: left;
    width: 578px;
    height: 252px;
    border-radius: 4px;
    transition: transform ease-in-out .3s;
    margin: 26px 24px 0;
}

.ztList_2>li>a>div {
    float: left;
    width: 552px;
    margin-top: 24px;
}

.ztList_2>li>a>div>p:nth-child(1) {
    height: 34px;
    line-height: 34px;
    margin-bottom: 5px;
    font-size: 30px;
    font-weight: bold;
    color: #3f3f4c;
}

.ztList_2>li>a>div>p:nth-child(2) {
    line-height: 25px;
    color: #777778;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ztList_2>li>a>div>span:nth-child(3) {
    display: block;
    color: #666;
    font-size: 14px;
    margin-top: 5px;
}

.ztList_2>li>a:hover>img {
    transform: scale(1.05);
}

.ztList_2>li>a:hover>div>p:nth-child(1) {
    color: #f55636
}

.ztList_2>li>div {
    height: 120px;
    overflow: hidden;
    width: 552px;
    position: absolute;
    right: 22px;
    bottom: 10px;
}

.ztList_2>li>div a {
    width: 80px;
    height: 120px;
    margin-right: 38px;
    float: left;
}

.ztList_2>li>div a:nth-child(5) {
    margin-right: 0;
}

.ztList_2>li>div img {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 16px;
}

.ztList_2>li>div p {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #3f3f4c;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}

.ztList_2>li>div a:hover p {
    color: #f55636;
}


/* ztDetail */
.ztDetail_top {
    width: 100%;
    height: 360px;
    overflow: hidden;
    position: relative;
}

.ztDetail_top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 360px;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1;
}

/* .ztDetail_top::after {content: "";position: absolute;top: 0;left: 0;right: 0;margin: auto; width: 1200px;height: 360px;background-color: rgba(0, 0, 0, .2);z-index: 1;} */
.ztDetail_top .lbg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 1200px;
    height: 360px;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-filter: blur(1px);
    filter: blur(1px);
    overflow: hidden;
}

.ztDetail_top .bg {
    position: absolute;
    width: 100%;
    height: 360px;
    filter: blur(15px);
}

.crumbs_ztD {
    color: #fff;
}

.crumbs_ztD a {
    color: #fff;
}

.crumbs_ztD>a:nth-child(1) i {
    background-position: -299px -1px;
}

.crumbs_ztD i {
    background-position: -283px -2px;
}

.ztDetail_top h1 {
    margin: 34px auto 0;
    height: 66px;
    line-height: 66px;
    font-size: 48px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    width: 930px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}

.ztDetail_top .container>p:nth-child(3) {
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
}

.ztDetail_top .container>div:nth-child(4) {
    height: 144px;
    width: 930px;
    padding-right: 10px;
    line-height: 28px;
    font-size: 16px;
    color: #ffffff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: auto;
    text-overflow: ellipsis;
    margin: 22px auto 0;
}

.ztDetail_top .container>div:nth-child(4)::-webkit-scrollbar {
    width: 1px;
    background: #ccc;
}

.ztDetail_top .container>div:nth-child(4)::-webkit-scrollbar-thumb {
    width: 1px;
}

.ztDetail_top .container>div:nth-child(4)>a {
    line-height: 25px;
    text-indent: 0;
    color: #19b955;
}

.ztDetail_top .container>div:nth-child(4)>a:hover {
    color: #ff940f;
    border-bottom: .01rem solid #ff940f;
}

.ztDetail_top .container>div:nth-child(4)>p {
    line-height: 25px;
    margin-bottom: 5px;
    font-size: 14px;
}

.ztDetail_top .container>div:nth-child(4)>br:last-child {
    display: none;
}

.ztDetail_top .container>div:nth-child(4)>h3 {
    font-size: 16px;
    font-weight: bold;
    /*background: #eee;*/
    color: #fff;
    letter-spacing: 0.9px;
}



.ztDetail_top .container .num {
    position: absolute;
    top: 76px;
    right: 24px;
    height: 28px;
    line-height: 28px;
    padding: 0 12px;
    border-radius: 16px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
}

.ztDetail_mid .tlt {
    height: 108px;
    line-height: 108px;
    font-size: 30px;
    color: #f55636;
    font-weight: bold;
    text-align: center;
}

.ztDetail_mid .tlt i {
    display: inline-block;
    height: 28px;
    width: 230px;
    background-position: -424px 0;
    vertical-align: top;
    margin: 42px 13px 0 0;
}

.ztDetail_mid .tlt>i:nth-child(2) {
    transform: rotate(180deg);
    margin-left: 13px;
}

.ztDetailList li {
    float: left;
    margin: 60px 30px 30px 0;
    transition: transform ease .3s;
}

.ztDetailList li:nth-child(3n) {
    margin-right: 0;
}

.ztDetailList li a {
    display: block;
    width: 380px;
    height: 160px;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    padding-top: 70px;
    transition: box-shadow ease .3s;
}

.ztDetailList li a .top {
    position: absolute;
    ;
    top: -62px;
    ;
    left: 0;
    ;
    height: 132px;
    ;
    width: 100%;
}

.ztDetailList li a .top img {
    float: left;
    ;
    width: 120px;
    ;
    height: 120px;
    ;
    border-radius: 22px;
    ;
    margin: 0 20px 0 22px;
}

.ztDetailList li a .top div {
    float: left;
    ;
    width: 200px;
    ;
    white-space: nowrap;
    overflow: hidden;
}

.ztDetailList li a .top div>p:nth-child(1) {
    height: 54px;
    line-height: 54px;
    font-size: 28px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 14px;
}

.ztDetailList li a .top div>p:nth-child(2),
.ztDetailList li a .top div>p:nth-child(3) {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #999999;
    position: relative;
}

/* .ztDetailList li a .top div>p:nth-child(2) i {display: inline-block;width: 86px;height: 16px;background-position: -330px -31px;vertical-align: top;margin: 8px 0 0 8px;}
.ztDetailList li a .top div>p:nth-child(2) i.yellow {position: absolute;left: 44px;top: 8px;background-position: -331px -3px;margin: 0;} */
.ztDetailList li a .top div>p:nth-child(2) span,
.ztDetailList li a .top div>p:nth-child(3) span {
    color: #666666;
}

.ztDetailList li a p.mid {
    width: 332px;
    line-height: 24px;
    font-size: 14px;
    color: #666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 72px;
}

.ztDetailList li a div.down,
.ztDetailList li a div.look {
    width: 332px;
    height: 48px;
    line-height: 48px;
    border-radius: 4px;
    background-color: #ffeeeb;
    margin: 15px auto 0;
    text-align: center;
    font-size: 16px;
    color: #f55636;
    transition: background ease .3s;
}

.ztDetailList li a div.look {
    background-color: #ebf1ff;
    color: #1d61f5;
}

.ztDetailList li:hover a {
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, .1);
}

.ztDetailList li:hover a.lookBox {
    box-shadow: 0 8px 8px 0 rgba(29, 97, 245, .1);
}

.ztDetailList li:hover a .top div>p:nth-child(1) {
    color: #f55636;
}

.ztDetailList li:hover a.lookBox .top div>p:nth-child(1) {
    color: #1d61f5;
}

.ztDetailList li:hover .down {
    background-color: #f55636;
    color: #fff;
}

.ztDetailList li:hover .look {
    background-color: #1d61f5;
    color: #fff;
}

.ztDetailList li:hover {
    transform: translateY(-4px);
}

.ztDetail_bottom {
    margin-top: 20px;
}

.ztDetail_bottom .tlt {
    height: 48px;
    line-height: 48px;
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    text-align: center;
    padding-bottom: 30px;
}

.ztDetail_bottom .tlt i {
    display: inline-block;
    height: 28px;
    width: 230px;
    background-position: -424px -34px;
    vertical-align: top;
    margin: 12px 13px 0 0;
}

.ztDetail_bottom .tlt>i:nth-child(2) {
    transform: rotate(180deg);
    margin-left: 13px;
}

.pagingBox {
    height: 66px;
    width: 1200px;
    margin: 0 auto 30px;
    border-radius: 4px;
    background-color: #fff;
    padding-top: 30px;
}

.loding_btn {
    display: block;
    height: 32px;
    line-height: 32px;
    background-color: #f55636;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    width: 95px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.ztDetail_new {
    width: 1156px;
    margin: 0 auto 30px;
    border-radius: 4px;
    background-color: #fff;
    padding: 18px 22px 6px;
}

.ztDetail_new .cst_1 {
    margin-bottom: 20px;
    padding-left: 38px;
}

.ztDetail_new .cst_1>i:nth-child(1) {
    background-position: -114px -282px;
    width: 30px;
    height: 25px;
}

.ztDetail_new ul {
    overflow: hidden;
}

.ztDetail_new ul li {
    float: left;
    margin: 0 20px 20px 0;
}

.ztDetail_new ul li:nth-child(5n) {
    margin-right: 0;
}

.ztDetail_new ul li a {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 6px;
    background-color: #f0f0f0;
    padding: 0 20px;
    font-size: 16px;
    color: #666666;
    transition: background ease-in-out .3s;
    width: 175px;
    overflow: hidden;
}

.ztDetail_new ul li a:hover {
    background-color: #f55636;
    color: #fff;
}

/* zxList */
.zxBody_left {
    float: left;
    border-radius: 10px;
    padding: 12px 0 24px 0;
    background-color: #fff;
    width: 800px;
    margin: 0 28px 30px 0;
}

.zxBody_left .tlt {
    height: 71px;
    line-height: 71px;
    position: relative;
    margin: 0 24px;
}

.zxBody_left .tlt>span:nth-child(1) {
    float: left;
    font-size: 30px;
    color: #26262e;
    font-weight: bold;
    position: relative;
    z-index: 1;
}

.zxBody_left .tlt::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 83px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #ffeb99;
}

.zxBody_left .tlt::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 98px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #ffcc00;
}

.zxBody_left .tlt>span:nth-child(2) {
    float: right;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #999999;
    margin-top: 26px;
}

.zxBody_left .tlt>span:nth-child(2) strong {
    color: #f55636;
    font-weight: bold;
    padding: 0 5px;
}

.zxBody_left .tagBar {
    height: 36px;
    width: 800px;
    white-space: nowrap;
    overflow: auto;
    margin-bottom: 20px;
}

.zxBody_left .tagBar span {
    display: inline-block;
    height: 36px;
    padding: 0 28px;
    border-radius: 20px;
    line-height: 36px;
    font-size: 16px;
    color: #a8a8a8;
    margin-left: 10px;
    cursor: pointer;
    transition: background ease .3s;
    background-color: #fafafa;
}

.zxBody_left .tagBar span:nth-child(1) {
    margin-left: 24px;
}

.zxBody_left .tagBar span:hover,
.zxBody_left .tagBar span.current {
    color: #f55636;
    background-color: #ffeeeb;
}

.zxBody_left .tagBox li {
    margin: 0 0 20px 24px;
}

.zxBody_left .tagBox li:last-child {
    margin-bottom: 24px;
}

.zxBody_left .tagBox li a {
    display: block;
    width: 754px;
    height: 144px;
}

.zxBody_left .tagBox li a img {
    float: left;
    width: 250px;
    height: 140px;
    border-radius: 8px;
    margin-right: 22px;
}

.zxBody_left .tagBox li a div {
    float: left;
    height: 143px;
    width: 478px;
    border-bottom: 1px solid #f3f3f3;
}

.zxBody_left .tagBox li a div>p:nth-child(1) {
    height: 40px;
    line-height: 40px;
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color ease .3s;
}

.zxBody_left .tagBox li a div>p:nth-child(2),
.zxBody_left .tagBox li a div>p:nth-child(3) {
    line-height: 30px;
    color: #999999;
    font-size: 16px;
}

.zxBody_left .tagBox li a div>p:nth-child(2) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.zxBody_left .tagBox li a div>p:nth-child(3) {
    height: 30px;
}

.zxBody_left .tagBox li a div>p:nth-child(3) span {
    float: right;
    color: #f88f7f;
}

.zxBody_left .tagBox li:hover a div>p:nth-child(1) {
    color: #f55636;
}

.zxBody_right {
    float: left;
    width: 370px;
}

/* common-structure */
.gameDetailBody_right>.cs_1:last-child {
    margin-bottom: 0;
}

.cs_1 {
    background-color: #fff;
    padding: 18px 24px 6px 26px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.cst_1 {
    height: 35px;
    line-height: 35px;
    font-size: 24px;
    color: #26262e;
    font-weight: bold;
    padding-left: 30px;
    position: relative;
}

.cst_1>i:nth-child(1) {
    position: absolute;
    top: 6px;
    left: 0;
    width: 22px;
    height: 25px;
    background-position: -672px -4px;
}

.cst_1 a.more {
    float: right;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    font-weight: normal;
    color: #99a0a8;
    margin-top: 11px;
    transition: color ease .3s;
}

.cst_1 a.more:hover {
    color: #f55636;
}

.cst_1 a.more i {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-position: -709px -44px;
    vertical-align: top;
    margin: 5px 0 0 4px;
}

.csb_1 {
    width: 320px;
    margin: 0 auto;
}

.csb_1 a {
    display: block;
    width: 100%;
    height: 104px;
    padding: 20px 0;
    border-bottom: 1px dashed #e5e5e5;
}

.csb_1 li:last-child a {
    border-bottom: none;
}

.csb_1 a img {
    float: left;
    width: 104px;
    height: 104px;
    border-radius: 16px;
    margin-right: 20px;
}

.csb_1 a div {
    width: 190px;
    white-space: nowrap;
    overflow: hidden;
}

.csb_1 a div>p:nth-child(1) {
    height: 31px;
    line-height: 31px;
    color: #26262e;
    font-size: 18px;
}

.csb_1 a div>p:nth-child(2) {
    height: 26px;
    line-height: 26px;
    color: #999999;
    font-size: 14px;
}

.csb_1 a div>div:nth-child(3) {
    width: 96px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    background-color: #ffeeeb;
    text-align: center;
    font-size: 16px;
    color: #f55636;
    margin-top: 7px;
    transition: background ease .3s;
}

.csb_1 a:hover div>div:nth-child(3) {
    background-color: #f55636;
    color: #ffffff;
}

.cst_2>i:nth-child(1) {
    width: 28px;
    height: 25px;
    background-position: -670px -36px;
}

.csb_2 li a {
    display: block;
}

.csb_2 li>a:nth-child(1) {
    display: none;
    height: 104px;
    padding: 20px 0;
    border-bottom: 1px dashed #e5e5e5;
}

.csb_2 li>a:nth-child(2) {
    display: block;
    height: 58px;
    line-height: 58px;
    border-bottom: 1px dashed #e5e5e5;
}

.csb_2 li:first-child>a:nth-child(1) {
    display: block;
}

.csb_2 li:first-child>a:nth-child(2) {
    display: none;
}

.csb_2 li:last-child>a:nth-child(1),
.csb_2 li:last-child>a:nth-child(2) {
    border-bottom: none;
}

.csb_2 li>a:nth-child(1)>span:nth-child(1) {
    float: left;
    width: 26px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    border-radius: 4px;
    background-color: #cccccc;
    margin: 25px 14px 0 0;
}

.csb_2 li:nth-child(1)>a:nth-child(1)>span:nth-child(1),
.csb_2 li:nth-child(1)>a:nth-child(2)>span:nth-child(1) {
    background-color: #e94646;
}

.csb_2 li:nth-child(2)>a:nth-child(1)>span:nth-child(1),
.csb_2 li:nth-child(2)>a:nth-child(2)>span:nth-child(1) {
    background-color: #f98700;
}

.csb_2 li:nth-child(3)>a:nth-child(1)>span:nth-child(1),
.csb_2 li:nth-child(3)>a:nth-child(2)>span:nth-child(1) {
    background-color: #f9d602;
}

.csb_2 li>a:nth-child(1)>img:nth-child(2) {
    float: left;
    width: 104px;
    height: 104px;
    border-radius: 20px;
    margin-right: 20px;
}

.csb_2 li>a:nth-child(1)>div {
    width: 152px;
    white-space: nowrap;
    overflow: hidden;
}

.csb_2 li>a:nth-child(1)>div>p:nth-child(1) {
    height: 31px;
    line-height: 31px;
    color: #26262e;
    font-size: 18px;
}

.csb_2 li>a:nth-child(1)>div>p:nth-child(2) {
    height: 26px;
    line-height: 26px;
    color: #999999;
    font-size: 14px;
}

.csb_2 li>a:nth-child(1)>div>div:nth-child(3) {
    width: 96px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    text-align: center;
    font-size: 16px;
    background-color: #f55636;
    color: #fff;
    margin-top: 7px;
}

.csb_2 li>a:nth-child(2)>span:nth-child(1) {
    float: left;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background-color: #cccccc;
    border-radius: 6px;
    margin: 16px 14px 0 0;
}

.csb_2 li>a:nth-child(2)>p:nth-child(2) {
    float: left;
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 18px;
    color: #26262e;
}

.csb_2 li>a:nth-child(2)>p:nth-child(3) {
    float: right;
    white-space: nowrap;
    overflow: hidden;
    width: 156px;
    font-size: 14px;
    color: #999999;
}

.cst_3>i:nth-child(1) {
    width: 26px;
    height: 26px;
    background-position: -706px -3px;
}

.csb_3 {
    padding: 19px 0 0;
    overflow: hidden;
}

.csb_3 li {
    float: left;
    margin: 0 19px 24px 0;
}

.csb_3 li:nth-child(2n) {
    margin-right: 0;
}

.csb_3 li a {
    display: block;
    width: 150px;
    height: 104px;
    padding-bottom: 27px;
    position: relative;
}

.csb_3 li a img {
    display: block;
    width: 150px;
    height: 104px;
}

.csb_3 li a p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 140px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    background-position: -598px -133px;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 9px;
    transition: color ease .3s;
}

.csb_3 li:hover p {
    color: #f55636;
}

/* zxDetail */
.zxDetailBody_left {
    float: left;
    width: 800px;
    margin: 0 28px 30px 0;
}

.zxDetailBody_right {
    float: left;
    width: 370px;
}

.zxD_left1 {
    border-radius: 10px;
    margin-bottom: 30px;
    background-color: #fff;
}

.zxD_left1 h1 {
    text-align: center;
    color: #333;
    font-size: 30px;
    line-height: 53px;
    padding: 28px 42px 0;
    font-weight: bold;
}

.zxD_left1 .articleMsg {
    color: #999999;
    font-size: 14px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin: 0 2px 20px;
}

.zxD_left1 .articleMsg span {
    padding-right: 34px;
}

.zxD_left1 .relateGame {
    display: block;
    width: 720px;
    height: 126px;
    padding: 24px 0 0 32px;
    margin: 0 auto 15px;
}

.zxD_left1 .relateGame img {
    float: left;
    width: 100px;
    height: 100px;
    border-radius: 26px;
    border: 3px solid #fff;
    margin-right: 34px;
}

.zxD_left1 .relateGame .mid {
    float: left;
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
}

.zxD_left1 .relateGame .mid p:nth-child(1) {
    height: 42px;
    line-height: 42px;
    font-size: 24px;
    font-weight: bold;
    color: #464646;
}

.zxD_left1 .relateGame .mid p:nth-child(2),
.zxD_left1 .relateGame .mid p:nth-child(3) {
    height: 28px;
    line-height: 28px;
    color: #787878;
    font-size: 16px;
}

.zxD_left1 .relateGame .mid p:nth-child(2) span {
    margin-right: 16px;
}

.zxD_left1 .relateGame .mid p:nth-child(3) span {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 9px;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    color: #787878;
    border: 1px solid #787878;
    margin-right: 10px;
}

.zxD_left1 .relateGame .right {
    float: right;
    margin: 33px 75px 0 0;
    width: 120px;
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    background-color: #ffcc00;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.zxD_left1 .relateGame .right i {
    display: inline-block;
    width: 12px;
    height: 17px;
    background-position: -740px -41px;
    vertical-align: top;
    margin: 12px 6px 0 0;
}

.zxD_left1 .article_cont {
    padding-bottom: 20px;
}

.zxD_left1 .article_cont p {
    text-indent: 34px;
    color: #474747;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 32px;
    padding: 0 28px;
}

.zxD_left1 .article_cont img {
    display: block;
    margin: 18px auto;
    max-width: 600px;
}

.zxD_left1 .article_cont h3 {
    line-height: 42px;
    color: #474747;
    font-size: 20px;
    padding-left: 62px;
    font-weight: bold;
}

.zxD_left1 .articleBtn {
    height: 40px;
    line-height: 40px;
    padding: 12px 24px 26px;
}

.zxD_left1 .articleBtn a {
    float: left;
    width: 362px;
    height: 40px;
    padding-right: 14px;
    text-align: center;
    font-size: 16px;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.zxD_left1 .articleBtn a:nth-child(1) {
    background-position: 0 -231px;
}

.zxD_left1 .articleBtn a:nth-child(2) {
    background-position: -392px -231px;
    padding: 0 0 0 14px;
}

.zxD_left1 .articleBtn a:nth-child(1):hover {
    color: #f55636;
    background-position: 0 -180px;
}

.zxD_left1 .articleBtn a:nth-child(2):hover {
    color: #f55636;
    background-position: -392px -180px;
}

.zxD_left2 {
    border-radius: 10px;
    margin-top: 30px;
    background-color: #fff;
    padding: 18px 24px 15px;
}

.zxD_left2 .cst_1>i:nth-child(1) {
    width: 26px;
    height: 26px;
    background-position: -743px -3px;
    top: 3px;
}

.zxD_left2 ul {
    overflow: hidden;
    margin-top: 8px;
}

.zxD_left2 ul li {
    float: left;
    margin-right: 20px;
}

.zxD_left2 ul li:nth-child(2n) {
    margin-right: 0;
}

.zxD_left2 ul li a {
    display: block;
    width: 342px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #666666;
    padding-left: 22px;
    position: relative;
}

.zxD_left2 ul li a::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    border: 1px solid #cfcfcf;
}

.zxD_left2 ul li a p:nth-child(1) {
    float: left;
    width: 280px;
    font-size: 16px;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color ease .3s;
}

.zxD_left2 ul li a p:nth-child(2) {
    float: right;
}

.zxD_left2 ul li a:hover p:nth-child(1) {
    color: #f55636;
}

.zxD_left3 {
    margin-bottom: 0 !important;
}

.zxD_relateGame {
    border-radius: 10px;
    background-color: #fff;
    padding: 18px 24px 20px;
    margin-bottom: 30px;
}

.zxD_relateGame>a {
    display: block;
    overflow: hidden;
}

.zxD_relateGame>a>img {
    float: left;
    width: 100px;
    height: 100px;
    border-radius: 26px;
    border: 3px solid #fff;
    margin-right: 34px;
}

.zxD_relateGame>a>div:nth-child(2) {
    float: left;
    width: 440px;
    white-space: nowrap;
    overflow: hidden;
}

.zxD_relateGame>a>div:nth-child(2)>p {
    height: 28px;
    line-height: 28px;
    color: #787878;
    font-size: 16px;
}

.zxD_relateGame>a>div:nth-child(2)>p:nth-child(1) {
    height: 42px;
    line-height: 42px;
    font-size: 24px;
    font-weight: bold;
    color: #464646;
}

.zxD_relateGame>a>div:nth-child(2)>p:nth-child(3)>span {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 9px;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    color: #787878;
    border: 1px solid #787878;
    margin-right: 10px;
}

.zxD_relateGame>a>div:nth-child(3) {
    float: right;
    margin: 33px 20px 0 0;
    width: 120px;
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    background-color: #ffcc00;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.zxD_relateGame>a>div:nth-child(3)>i {
    display: inline-block;
    width: 12px;
    height: 17px;
    background-position: -740px -41px;
    vertical-align: top;
    margin: 12px 6px 0 0;
}

/* gameDetail */
.gameDetailBody_left {
    float: left;
    width: 800px;
    margin: 0 28px 30px 0;
}

.gameDetailBody_right {
    float: left;
    width: 370px;
}

.crumbs_gd,
.crumbs_gd a {
    font-size: 14px;
    color: #b2b2b2;
}

.crumbs_gd i {
    width: 5px;
    height: 10px;
    background-position: -309px -37px;
    margin-top: 21px;
}

.gameDetail_left1 {
    width: 100%;
    height: 236px;
    background-color: #fff;
}

.gameDetail_left1 img {
    float: left;
    width: 180px;
    height: 180px;
    border-radius: 42px;
    margin: 28px 28px 0 26px;
}

.gameDetail_left1 .right {
    float: left;
    padding-top: 17px;
    width: 566px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

.gameDetail_left1 .right h1 {
    width: 530px;
    height: 61px;
    line-height: 61px;
    font-size: 34px;
    font-weight: bold;
    color: #26262e;
    white-space: nowrap;
    overflow: hidden;
}

.gameDetail_left1 .right>p:nth-child(2),
.gameDetail_left1 .right>p:nth-child(3) {
    height: 35px;
    line-height: 35px;
    color: #999999;
    font-size: 16px;
    font-weight: bold;
}

.gameDetail_left1 .right>p:nth-child(2) a {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0 16px;
    color: #e93c8c;
    font-size: 14px;
    border-radius: 4px;
    margin: 4px 8px 0 0;
    background-color: #ffebf4;
    vertical-align: top;
}

.gameDetail_left1 .right>p:nth-child(2) a:nth-child(2n) {
    color: #fabf00;
    background-color: #fffaeb;
}

.gameDetail_left1 .right>p:nth-child(2) a:nth-child(3n) {
    color: #38a6fd;
    background-color: #ebf6ff;
}

.gameDetail_left1 .right>p:nth-child(2) a:nth-child(4n) {
    color: #26c472;
    background-color: #ebfff4;
}

.gameDetail_left1 .right>p:nth-child(2) a:nth-child(5n) {
    color: #c997f3;
    background-color: #f6ebff;
}

.gameDetail_left1 .right>p:nth-child(3) span {
    font-weight: normal;
    margin-right: 104px;
}

.gameDetail_left1 .downBtnBox {
    display: none;
}

.gameDetail_left1 .downBtnBox span,
.gameDetail_left1 .downBtnBox a,
.gameDetail_left1 .downBtnBox div {
    float: left;
    margin: 9px 16px 0 0;
    width: 195px;
    height: 50px;
    line-height: 50px;
    border-radius: 14px;
    position: relative;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    opacity: .9;
    transition: opacity ease .3s;
    cursor: pointer;
    overflow: hidden;
}

.gameDetail_left1 .downBtnBox span:hover,
.gameDetail_left1 .downBtnBox a:hover,
.gameDetail_left1 .downBtnBox div:hover {
    opacity: 1;
}

.gameDetail_left1 .downBtnBox .iosBtn {
    background-color: #38a6fd;
}

.gameDetail_left1 .downBtnBox .iosBtn i,
.gameDetail_left1 .downBtnBox .pcBtn i {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 41px;
    height: 31px;
    background-position: -698px -75px;
}

.gameDetail_left1 .downBtnBox .pcBtn {
    background-color: #9b6aea;
}

.gameDetail_left1 .downBtnBox .androidBtn {
    background-color: #26c472;
}

.gameDetail_left1 .downBtnBox .androidBtn i {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 49px;
    height: 34px;
    background-position: -745px -72px;
}

.gameDetail_left1 .downBtnBox .windowBtn {
    background-color: #FF9C39;
}

.gameDetail_left1 .downBtnBox .order {
    background-color: #ff793b;
}

.gameDetail_left1 .downBtnBox .order i {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 49px;
    height: 36px;
    background-position: -246px -282px;
}

.gameDetail_left1 .downBtnBox .noBtn {
    background-color: #e0e0e0;
    color: #8f8f8f;
}

.gameDetail_left1 .downBtnBox .noBtn i {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 35px;
    background-position: -318px -286px;
}

.gameDetail_left1 .feedbackBox {
    position: absolute;
    width: 198px;
    height: 70px;
    top: 0;
    right: 0;
    background-position: -1px -323px;
}

.gameDetail_left1 .feedbackBox .feedback {
    float: right;
    margin: 37px 25px 0 0;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #a8a8a8;
    cursor: pointer;
}

.gameDetail_left1 .feedbackBox .feedback i {
    display: inline-block;
    width: 18px;
    height: 17px;
    background-position: -778px -7px;
    vertical-align: top;
    margin: 2px 0 0 6px;
}

.gameDetail_left1 .noGm {
    line-height: 15px;
    position: absolute;
    right: 37px;
    bottom: 5px;
    width: 322px;
    white-space: normal;
    color: #999;
}

.gameDetail_left1 .noGm i {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-bottom: 5px;
    font-size: 12px;
    color: #fff;
    background-color: red;
    border-radius: 50%;
    text-align: center;
    margin-right: 4px;
    position: relative;
    vertical-align: top;
}



.gameDetail_left2 {
    border-radius: 10px;
    background-color: #fff;
    margin: 30px 0;
    padding: 0 24px 24px 20px;
}

.gameDetail_left2 .cst_gd1>i:nth-child(1) {
    width: 26px;
    height: 24px;
    background-position: -762px -137px;
}

.gameDetail_left2 .tab {
    height: 61px;
    line-height: 61px;
    font-size: 16px;
    color: #666666;
    margin-bottom: 6px;
}

.gameDetail_left2 .tab li {
    float: left;
    width: 94px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    background: transparent;
    text-align: center;
    transition: all ease .3s;
    margin: 15px 4px 0 0;
    cursor: pointer;
}

.gameDetail_left2 .tab li:hover,
.gameDetail_left2 .tab li.current {
    color: #fff;
    background-color: #f55636;
    box-shadow: 0 2px 8px rgba(245, 86, 54, .6);
}

.gameDetail_left2 .editorRecommend {
    width: 752px;
    height: 55px;
    line-height: 55px;
    background: url(../img/editor.jpg) no-repeat center;
    margin-bottom: 20px;
}

.gameDetail_left2 .editorRecommend p {
    width: 480px;
    font-size: 16px;
    color: #696969;
    margin-left: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gameDetail_left2 .cst_gd2 {
    padding-left: 36px;
    margin-bottom: 10px;
}

.gameDetail_left2 .cst_gd2>i:nth-child(1) {
    width: 26px;
    height: 24px;
    background-position: -4px -281px;
}

.gameDetail_left2 .cont img {
    display: block;
    padding: 14px 0 20px;
    max-width: 638px;
    margin: auto;
}

.gameDetail_left2 .cont h3 {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    background-color: #f55636;
    border-radius: 16px;
    padding: 0 20px;
    margin: 14px 0 16px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

/*.gameDetail_left2 .cont p{ line-height: 30px; color: #666666;font-size: 16px;background-color: #f5f5f5;padding: 0 20px;word-break: break-all;}*/
.gameDetail_left2 .cont p {
    line-height: 30px;
    color: #666666;
    font-size: 16px;
    word-break: break-all;
}

.gameDetail_left2 .cont p a {
    text-decoration: underline;
    color: #f55636;
}

/*.gameDetail_left2 .cont h3+p {padding-top: 12px;}*/
.gameDetail_left2 .cont p:first-child {
    background-color: #fff;
    padding: 0;
}

.sy-tit {
    position: relative;
}

.sy-tit>h3 {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    background-color: #f55636;
    border-radius: 16px;
    padding: 0 20px;
    margin: 14px 0 16px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}




.sy-tit .sy-Btn {
    position: absolute;
    top: 21px;
    right: 0;
    cursor: pointer;
    color: #999;
}

.sycont {
    line-height: 30px;
    color: #666666;
    font-size: 16px;
    background-color: #f5f5f5;
    padding: 12px 20px;
}

.sycont p {
    padding: 0 !important;
}

.sycont div {
    overflow: hidden;
    color: #666;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

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

.wxBox {
    font-size: 14px;
    background: #fff;
    border-radius: 20px;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -330px;
    padding-bottom: 5px;
    position: absolute;
    width: 600px;
    height: 660px;
    z-index: 999;
    cursor: default;
    box-shadow: 0 4px 16px rgb(0 0 0 / 40%);
    display: block;
}

.wxBox p {
    padding-bottom: 6px;
    border-bottom: none;
}

.wxBox p.wxTit {
    display: block;
    text-indent: 0;
    text-align: center;
    font-style: normal;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    background: #f55636;
    ;
    color: #fff;
    padding: 0 2px 0 18px;
    font-size: 20px;
    border-radius: 20px 20px 0 0;
    font-weight: bold;
}

.wxBox p.wxTit span {
    float: right;
    width: 50px;
    height: 50px;
    display: block;
    font-size: 36px;
    text-align: center;
    cursor: pointer;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    text-indent: 0em;
}

.wxBox strong {
    display: block;
    padding: 15px 0px 0px;
    overflow: hidden;
    color: #454545;
    line-height: 28px;
    font-size: 16px;
    font-weight: bold;
    border-top: 1px dashed #eee;
}

.axcont {
    padding: 20px 20px;
    overflow: auto;
    height: 550px;
}

.axcont>p {
    font-size: 14px;
    color: #666;
    line-height: 22px;
    margin-bottom: 8px;
}

.axcont>p:nth-child(1) {
    font-size: 20px;
    color: #0b0b2f;
    height: 30px;
    line-height: 30px;
    font-weight: 600;
}

.axcont div {
    overflow: hidden;
    font-size: 15px;
    color: #666;
    line-height: 1.5;
}


.gameDetail_left3 {
    border-radius: 10px;
    margin-bottom: 30px;
    background-color: #fff;
    padding: 18px 24px 20px;
}

.gameDetail_left3 .cst_gd2 {
    padding-left: 36px;
    margin-bottom: 10px;
}

.gameDetail_left3 .cst_gd2>i:nth-child(1) {
    width: 26px;
    height: 24px;
    background-position: -4px -281px;
}

.gameDetail_left3 .cont img {
    display: block;
    padding: 14px 0 20px;
    max-width: 638px;
    margin: auto;
}

.gameDetail_left3 .cont h3 {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    background-color: #f55636;
    border-radius: 16px;
    padding: 0 20px;
    margin: 14px 0 16px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

.gameDetail_left3 .cont p {
    line-height: 30px;
    color: #666666;
    font-size: 16px;
    background-color: #f5f5f5;
    padding: 0 20px;
}

.gameDetail_left3 .cont p a {
    text-decoration: underline;
    color: #f55636;
}

.gameDetail_left3 .cont h3+p {
    padding-top: 12px;
}

.gameDetail_left3 .cont p:first-child {
    background-color: #fff;
    padding: 0;
}

.gameDetail_left4 {
    border-radius: 10px;
    margin-bottom: 30px;
    background-color: #fff;
    padding: 18px 24px 14px;
}

.gameDetail_left4 .cst_gd2 {
    margin-bottom: 16px;
}

.gameDetail_left4 .cst_gd2>i:nth-child(1) {
    width: 22px;
    height: 24px;
    background-position: -43px -281px;
}

.gameDetail_left4 ul {
    overflow: hidden;
}

.gameDetail_left4 ul li {
    float: left;
    margin: 0 12px 10px 0;
    display: block;
    width: 370px;
    height: 36px;
    line-height: 36px;
    text-indent: 10px;
    font-size: 16px;
    color: #999999;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 6px;
    background-color: #f6f7f9;
}

.gameDetail_left4 ul li:nth-child(2n) {
    margin-right: 0;
}

.gameDetail_left4 ul li span {
    color: #666666;
}

.gameDetail_left4 ul li .viewPower,
.gameDetail_left4 ul li .viewPrivacy {
    color: #f55636;
    cursor: pointer;
}

.gameDetail_left5 {
    border-radius: 10px;
    margin-bottom: 30px;
    background-color: #fff;
    padding: 18px 24px 14px;
}

.gameDetail_left5 .cst_gd2 {
    margin-bottom: 16px;
}

.gameDetail_left5 .cst_gd2>i:nth-child(1) {
    width: 26px;
    height: 24px;
    background-position: -78px -282px;
}

.gameDetail_left5 li a {
    display: block;
    width: 752px;
    height: 40px;
    line-height: 40px;
    background-color: #f6f7f9;
    font-size: 16px;
    color: #99a0a8;
    margin-bottom: 10px;
    transition: background ease .3s;
}

.gameDetail_left5 li a>p:nth-child(1) {
    float: left;
    width: 270px;
    margin-right: 12px;
    text-indent: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gameDetail_left5 li a>p:nth-child(2) {
    float: left;
}

.gameDetail_left5 li a>p:nth-child(2) span {
    width: 170px;
    display: inline-block;
}

.gameDetail_left5 li a>span:nth-child(3) {
    float: right;
    width: 80px;
    height: 28px;
    line-height: 28px;
    border-radius: 4px;
    background-color: #f55636;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin: 6px 20px 0 0;
}

.gameDetail_left5 li a:hover {
    background-color: #ffeeeb;
}

.gameDetail_left6,
.zxD_left3 {
    border-radius: 10px;
    margin-bottom: 30px;
    background-color: #fff;
    padding: 18px 24px 0;
}

.gameDetail_left6 .cst_gd2,
.zxD_left3 .cst_gd2 {
    margin-bottom: 18px;
    padding-left: 38px;
}

.gameDetail_left6 .cst_gd2>i:nth-child(1),
.zxD_left3 .cst_gd2>i:nth-child(1) {
    width: 30px;
    height: 25px;
    background-position: -114px -282px;
}

.gameDetail_left6 ul,
.zxD_left3 ul {
    overflow: hidden;
}

.gameDetail_left6 ul li,
.zxD_left3 ul li {
    float: left;
    margin: 0 25px 12px 0;
}

.gameDetail_left6 ul li:nth-child(6n),
.zxD_left3 ul li:nth-child(6n) {
    margin-right: 0;
}

.gameDetail_left6 ul li img,
.zxD_left3 ul li img {
    display: block;
    width: 104px;
    height: 104px;
    border-radius: 20px;
}

.gameDetail_left6 ul li p,
.zxD_left3 ul li p {
    width: 104px;
    height: 39px;
    line-height: 39px;
    color: #26262e;
    font-size: 16px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transition: color ease .3s;
}

.gameDetail_left6 ul li:hover p,
.zxD_left3 ul li:hover p {
    color: #f55636;
}

.gameDetail_left7 {
    border-radius: 10px;
    background-color: #fff;
    padding: 18px 24px 14px;
}

.gameDetail_left7 .cst_gd2 {
    margin-bottom: 8px;
}

.gameDetail_left7 .cst_gd2>i:nth-child(1) {
    width: 26px;
    height: 26px;
    background-position: -157px -282px;
}

.gameDetail_left7 ul {
    overflow: hidden;
}

.gameDetail_left7 ul li {
    float: left;
    width: 365px;
    margin-right: 20px;
}

.gameDetail_left7 ul li:nth-child(2n) {
    margin-right: 0;
}

.gameDetail_left7 ul li a {
    display: block;
    width: 343px;
    height: 35px;
    line-height: 35px;
    color: #333333;
    font-size: 16px;
    padding-left: 22px;
    position: relative;
}

.gameDetail_left7 ul li a::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    border: 1px solid #d0d0d0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.gameDetail_left7 ul li a>p:nth-child(1) {
    float: left;
    width: 290px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 6px;
    transition: color ease .3s;
}

.gameDetail_left7 ul li a>p:nth-child(2) {
    float: right;
    font-size: 14px;
    color: #666666;
}

.gameDetail_left7 ul li:hover a>p:nth-child(1) {
    color: #f55636;
}

.gameDetail_left8 {
    border-radius: 10px;
    background-color: #fff;
    padding: 18px 24px 14px;
    position: relative;
    margin-bottom: 20px;
}

.gameDetail_left8 .cst_gd2 {
    margin-bottom: 16px;
}

.gameDetail_left8 .cst_gd2>i:nth-child(1) {
    width: 26px;
    height: 26px;
    background-position: -157px -282px;
}

.gameDetail_left8 .tagBar {
    position: absolute;
    top: 26px;
    right: 5px;
    max-width: 600px;
    overflow: auto;
    white-space: nowrap;
    color: #e8e8e8;
}

.gameDetail_left8 .tagBar::-webkit-scrollbar {
    height: 4px;
    background-color: #ccc;
}

.gameDetail_left8 .tagBar span {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    color: #666666;
    font-size: 16px;
    padding: 0 20px;
    cursor: pointer;
    transition: color ease .3s;
}

.gameDetail_left8 .tagBar span:hover,
.gameDetail_left8 .tagBar span.current {
    color: #f55636;
}

.gameDetail_left8 .tagList .top {
    width: 752px;
    height: 182px;
    background-color: #f7f7f7;
    border-radius: 10px;
    margin-bottom: 20px;
}

.gameDetail_left8 .tagList .top img {
    float: left;
    width: 370px;
    height: 182px;
    border-radius: 10px 0 0 10px;
}

.gameDetail_left8 .tagList .top div {
    float: left;
    width: 340px;
    height: 180px;
    border: 1px dashed #e5e5e5;
    border-radius: 0 10px 10px 0;
    padding: 0 20px;
    position: relative;
}

.gameDetail_left8 .tagList .top div>p:nth-child(1) {
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    color: #333333;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 4px;
}

.gameDetail_left8 .tagList .top div>p:nth-child(2) {
    line-height: 32px;
    color: #999999;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gameDetail_left8 .tagList .top span {
    position: absolute;
    top: 14px;
    right: 20px;
    height: 22px;
    line-height: 22px;
    background-color: #fff;
    padding: 0 9px;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
    font-size: 14px;
    color: #999999;
}

.gameDetail_left8 .tagList ul {
    overflow: hidden;
}

.gameDetail_left8 .tagList ul li {
    float: left;
    margin-right: 25px;
}

.gameDetail_left8 .tagList ul li:nth-child(6n) {
    margin-right: 0;
}

.gameDetail_left8 .tagList ul li img {
    width: 104px;
    height: 104px;
    border-radius: 18px;
}

.gameDetail_left8 .tagList ul li p {
    height: 39px;
    line-height: 39px;
    font-size: 16px;
    color: #333333;
    text-align: center;
    width: 104px;
    white-space: nowrap;
    overflow: hidden;
    transition: color ease .3s;
}

.gameDetail_left8 .tagList ul li:hover p {
    color: #f55636;
}

.gDSwiper {
    width: 752px;
    height: 282px;
    margin-top: 18px;
    overflow: hidden;
    position: relative;
}

.gDSwiper .swiper-slide {
    height: 282px;
    width: auto;
    max-width: 500px;
}

.gDSwiper .swiper-slide video,
.gDSwiper .swiper-slide img {
    height: 282px;
    width: auto;
}

.gDSwiper .btnNext,
.gDSwiper .btnPrev {
    width: 40px;
    height: 120px;
    background: rgba(0, 0, 0, .3);
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 12px;
}

.gDSwiper .btnNext i,
.gDSwiper .btnPrev i {
    display: block;
    width: 23px;
    height: 53px;
    background-position: -391px -281px;
    margin: 36px 0 0 8px;
}

.gDSwiper .btnPrev i {
    transform: rotate(180deg);
}

/* popups */
.popupsIcon {
    background: url(../img/popups.png) 610px 700px no-repeat;
}

#popupsBox {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: #00000050;
    z-index: 99;
}

#popupsBox .orderBox {
    width: 600px;
    margin: 200px auto 0;
    border-radius: 6px;
    position: relative;
}

.popupsClose {
    position: absolute;
    top: -72px;
    right: 0;
    width: 52px;
    height: 52px;
    background-position: -10px -3px;
    cursor: pointer;
}

.orderBg {
    width: 100%;
    height: 154px;
    overflow: hidden;
    background-position: -5px -172px;
}

.orderBg>p {
    height: 134px;
    line-height: 134px;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    text-shadow: 0 4px 4px rgba(4, 95, 171, .6);
}

#popupsBox .orderBox .order {
    position: relative;
    padding: 0 0 30px 78px;
    border-radius: 0 0 4px 4px;
    background-color: #fff;
}

#popupsBox .orderBox .order .tlt {
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    color: #b8b8b8;
    padding-top: 24px;
}

#popupsBox .orderBox .order input[type=text] {
    width: 398px;
    height: 67px;
    border: none;
    border-bottom: 1px solid #ffcc00;
    padding-left: 44px;
    font-size: 22px;
    color: #333333;
}

#popupsBox .orderBox .order .mail {
    position: absolute;
    width: 24px;
    height: 18px;
    top: 90px;
    left: 81px;
    background-position: -216px -19px;
}

#popupsBox .orderBox .order .clear {
    position: absolute;
    width: 26px;
    height: 26px;
    top: 86px;
    right: 80px;
    background-position: -170px -15px;
}

#popupsBox .orderBox .order .phoneCode {
    position: absolute;
    width: 24px;
    height: 22px;
    top: 155px;
    left: 80px;
    background-position: -124px -18px;
}

#popupsBox .orderBox .order .getPhoneCode {
    position: absolute;
    top: 132px;
    right: 76px;
    font-size: 20px;
    color: #ffcc00;
    height: 68px;
    line-height: 68px;
    cursor: pointer;
}

#popupsBox .orderBox .order .errTips {
    height: 55px;
    line-height: 55px;
    color: #f24028;
    font-size: 16px;
}

#popupsBox .orderBox .order .nextBtn,
#popupsBox .orderBox .orderWin .knowBtn {
    width: 442px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 26px;
    color: #fff;
    background: #ffcc00;
    border-radius: 4px;
    margin-top: 10px;
    cursor: pointer;
    background: #ffcc00;
    box-shadow: 0 5px 8px 0 rgba(255, 202, 0, .3);
}

#popupsBox .orderBox .orderWin .knowBtn {
    margin: auto;
}

#popupsBox .orderBox .order .nextBtn:hover,
#popupsBox .orderBox .orderWin .knowBtn:hover,
#popupsBox .orderBox .hasOrder .knowBtn:hover {
    opacity: .9;
}

#popupsBox .orderBox .orderWin {
    padding-bottom: 30px;
    border-radius: 0 0 4px 4px;
    background-color: #fff;
}

#popupsBox .orderBox .orderWin>i {
    display: block;
    width: 264px;
    height: 136px;
    background-position: -330px -11px;
    margin: 0 auto 40px;
}

#popupsBox .orderBox .hasOrder>i {
    background-position: -193px -305px;
}

#popupsBox .orderBox .orderWin p {
    height: 88px;
    line-height: 88px;
    font-size: 20px;
    color: #333333;
    text-align: center;
}

#popupsBox .orderBox .orderWin p span {
    color: #ffcc00;
}

#popupsBox .privacyStatement,
#popupsBox .permissionStatement {
    width: 600px;
    height: 684px;
    margin: 160px auto 0;
    background: #ffffff;
    border-radius: 4px;
    position: relative;
}

#popupsBox .permissionStatement .topBg,
#popupsBox .privacyStatement .topBg {
    height: 154px;
    background-position: -4px -515px;
}

#popupsBox .permissionStatement .topBg {
    background-position: -4px -343px;
}

#popupsBox .permissionStatement .topBg p,
#popupsBox .privacyStatement .topBg p {
    height: 134px;
    line-height: 134px;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    text-shadow: 0 4px 4px rgba(4, 95, 171, .6);
}

#popupsBox .permissionStatement .state,
#popupsBox .privacyStatement .state {
    height: 381px;
    overflow: auto;
    margin: 24px 22px 24px 34px;
}

#popupsBox .privacyStatement .know,
#popupsBox .permissionStatement .know {
    width: 442px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 26px;
    color: #fff;
    background: #ffcc00;
    border-radius: 4px;
    margin: auto;
    cursor: pointer;
    background: #ffcc00;
    box-shadow: 0 5px 8px 0 rgba(255, 202, 0, .3);
}

/* #popupsBox .permissionStatement .state::-webkit-scrollbar { width: 6px;background: transparent; }
#popupsBox .permissionStatement .state::-webkit-scrollbar-thumb { background: #dfdfdf;border-radius: 6px; } */
#popupsBox .permissionStatement .state p,
#popupsBox .privacyStatement .state p {
    line-height: 30px;
    font-size: 16px;
    color: #666666;
    margin-right: 12px;
}

#popupsBox .permissionStatement .state {
    margin-top: 20px;
}

#popupsBox .permissionStatement .state p.tlt {
    height: 38px;
    line-height: 38px;
    color: #666666;
    font-size: 20px;
    font-weight: bold;
}

#popupsBox .permissionStatement .state p:nth-child(3) {
    margin-top: 30px;
}

/* index */
.indexTop,
.iYRec,
.iyGame,
.iyRank,
.iyTpTab {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.indexTop {
    padding-left: 24px;
    padding-top: 25px;
    padding-bottom: 22px;
    background-color: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 1176px;
}

.indexTop dl {
    overflow: hidden;
    *zoom: 1;
}

.indexTop dl dt {
    float: left;
    position: relative;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 32px;
}

.indexTop dl dt {
    display: block;
    width: 122px;
    height: 32px;
    background: url(../img/icon.png) no-repeat;
    background-size: 800px 1200px;
    background-position: -675px -825px;
}

.indexTop dl dt:nth-of-type(1) {
    background-position: -675px -825px;
}

.indexTop dl dt:nth-of-type(2) {
    background-position: -675px -876px;
}

.indexTop dl dt:nth-of-type(3) {
    background-position: -675px -927px;
}

.indexTop dl dt i {
    position: relative;
    top: 4px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.indexTop dl dt:nth-of-type(1) i {
    background-position: -225px -933px;
    top: 6px;
}

.indexTop dl dt:nth-of-type(2) i {
    background-position: -273px -933px;
    top: 4px;
}

.indexTop dl dt:nth-of-type(3) i {
    background-position: -321px -933px;
    top: 5px;
}

.indexTop dl dd {
    float: left;
    width: 1020px;
    height: 32px;
    font-size: 16px;
    color: #666;
    line-height: 32px;
    margin-left: 16px;
    overflow: hidden;
    margin-bottom: 6px;
}

.indexTop dl dd a {
    display: block;
    float: left;
    margin: 0 15px;
}

.indexTop dl dd a:hover {
    color: #F55636;
}

.indexTop dl dd:nth-of-type(1) a:hover {
    color: #13b5b1;
}

.indexTop dl dd:nth-of-type(2) a:hover {
    color: #f36861;
}

.indexTop dl dd:nth-of-type(3) a:hover {
    color: #f8ce44;
}

.indexTop .line {
    display: block;
    width: 1150px;
    margin: auto;
    height: 8px;
    background: url(../img/linebg.png) repeat;
    margin-top: 15px;
}

.indexTop .iTopList {
    position: relative;
    width: 1152px;
    height: 120px;
    margin-top: 20px;
    border-radius: 10px;
    overflow: hidden;
}

.indexTop ul {
    position: absolute;
    width: 106%;
    height: 120px;
    overflow: hidden;
    *zoom: 1;
}

.indexTop ul li {
    float: left;
    text-align: center;
    font-size: 16px;
    color: #666;
    line-height: 32px;
    margin-right: 5px;
    width: 110px;
}

.indexTop ul li a {
    display: block;
}

.indexTop ul img {
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 18px;
    margin: auto;
}

.indexTop ul li a:hover img {
    opacity: .9;
}

.indexTop ul li a:hover p {
    color: #F55636;
}

.indexTop .iTopList span {
    position: absolute;
    top: 0;
    width: 30px;
    height: 116px;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    cursor: pointer;
}

.indexTop .ilLeft {
    left: 0;
}

.indexTop .ilRight {
    right: 0;
}

.indexTop .ilLeft:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: -3px;
    width: 0;
    height: 0;
    border-right: 11px solid #fff;
    border-left: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-top: 12px solid transparent;
    font-size: 0;
    line-height: 0;
}

.indexTop .ilRight:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 11px;
    width: 0;
    height: 0;
    border-left: 11px solid #fff;
    border-right: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-top: 12px solid transparent;
    font-size: 0;
    line-height: 0;
}

.indexTop .iTopList span:hover {
    background-color: #F55636;
}

/*  */
.iYRec {
    padding: 24px;
    height: 416px;
    overflow: hidden;
    background-color: #fff;
    width: 1152px;
}

.iYRec .slider {
    width: 405px;
    height: 416px;
    position: relative;
    float: left;
    overflow: hidden;
    margin-right: 25px;
}

.iYRec .slider ul {
    position: relative;
    overflow: hidden;
    *zoom: 1;
}

.iYRec .slider li {
    width: 405px;
    height: 416px;
    float: left;
    position: relative;
}

.iYRec .slider li img {
    width: 405px;
    height: 416px;
    object-fit: cover;
}

.iYRec .slider li a {
    display: block;
    position: relative;
}

.iYRec .slider a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 405px;
    height: 80px;
    background: rgba(0, 0, 0, .5);
}

.iYRec .slider p {
    display: block;
    width: 270px;
    height: 60px;
    padding: 0 20px;
    line-height: 28px;
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 1;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
}

.iYRec .slider .dot {
    position: absolute;
    bottom: 35px;
    right: 0;
    margin: auto;
    width: 130px;
    height: 16px;
    text-align: center;
}

.iYRec .slider .dot i {
    display: inline-block;
    width: 10px;
    height: 10px;
    overflow: hidden;
    margin: 0 4px;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 14px;
    cursor: pointer;
}

.iYRec .slider .dot i.current {
    background-color: #fff;
    width: 18px;
}

.iYRecTab {
    float: left;
    width: 410px;
    overflow: hidden;
    margin-right: 24px;
}

.iYRecMenu {
    display: flex;
    height: 45px;
    background: url(../img/indexnbg.jpg) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 14px;
}

.iYRecMenu span {
    position: relative;
    flex: 1;
    font-size: 16px;
    font-weight: bold;
    color: rgba(0, 0, 0, .6);
    text-align: center;
    line-height: 45px;
    cursor: pointer;
}

.iYRecMenu span.current,
.iYRecMenu span:hover {
    color: #282828;
}

.iYRecMenu span.current:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 0;
    right: 0;
    margin: auto;
    margin-right: 18px;
    display: block;
    width: 6px;
    height: 6px;
    background: #FFCC00;
    border-radius: 50%;
}

.iYRecMenu span.current:after {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 38px;
    height: 4px;
    background: rgba(0, 0, 0, .3);
    border-radius: 2px;
}

.iYRecCont ul {
    height: 378px;
    overflow: hidden;
    margin-top: 10px;
}

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

.iYRecCont ul li:before {
    content: "";
    float: left;
    display: block;
    position: relative;
    top: 11px;
    width: 14px;
    height: 14px;
    background: url(../img/icon.png) no-repeat;
    background-size: 800px 1200px;
    background-position: -541px -841px;
    margin-right: 12px;
}

.iYRecCont ul li>span {
    float: right;
    color: #aaa;
    font-size: 12px;
}

.iYRecCont ul li>a {
    width: 80%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iYRecCont ul li:nth-child(5) {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px dashed #e1e1e1;
}

.iYRecCont ul li a {
    float: left;
    display: block;
    font-size: 16px;
    color: #666;
    max-width: 382px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}

.iYRecCont ul li a:hover {
    color: #F55636;
    font-weight: bold;
}

.iYRecCont ul li:hover:before {
    background-position: -564px -841px;
}

.iyTit {
    overflow: hidden;
    *zoom: 1;
    line-height: 32px;
    padding-bottom: 4px;
}

.iyTit em {
    position: relative;
    float: left;
    font-weight: bold;
    font-size: 16px;
    color: #333;
}

.iyTit em:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 23px;
    background: url(../img/icon.png) no-repeat;
    background-size: 800px 1200px;
    margin-right: 5px;
    position: relative;
    top: 5px;
}

.iyTit em.xysd:before {
    background-position: -225px -963px;
}

.iyTit em.zttj:before {
    background-position: -273px -963px;
    width: 19px;
    top: 7px;
}

.iyTit em.ryph:before {
    background-position: -317px -963px;
    top: 6px;
}

.iyTit a {
    float: right;
    font-size: 14px;
    color: #999;
    font-weight: bold;
}

.iyTit a:hover {
    color: #F55636
}

.iYRecR {
    width: 288px;
    float: right;
}

.iYRecR ul {
    margin-bottom: 6px;
}

.iYRecR ul li a {
    display: block;
    overflow: hidden;
    *zoom: 1;
    padding: 10px 0;
}

.iYRecR ul li img {
    float: left;
    display: block;
    width: 52px;
    height: 52px;
    border-radius: 12px;
    margin-right: 12px;
}

.iYRecR ul li div {
    float: left;
    width: 170px;
}

.iYRecR ul li div p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.iYRecR ul li div p:nth-of-type(1) {
    font-size: 16px;
    color: #333;
    line-height: 26px;
}

.iYRecR ul li span {
    float: right;
    display: block;
    width: 50px;
    height: 24px;
    line-height: 24px;
    background: #FFEEEB;
    border-radius: 12px;
    font-size: 14px;
    color: #F55636;
    text-align: center;
    margin-top: 14px;
}

.iYRecR ul li span.no {
    color: #37A3FF;
    background: #EBF6FF;
}

.iYRecR ul li a:hover div p:nth-of-type(1) {
    color: #F55636;
}

.iYRecR ul li a:hover span {
    background: #F55636;
    color: #FFEEEB;
}

.iYRecR ul li a:hover span.no {
    color: #EBF6FF;
    background: #37A3FF;
}

.iYRecR ul li a:hover img {
    opacity: .9;
}

.iYRecR>div>a {
    position: relative;
    display: block;
    width: 287px;
    height: 114px;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 6px;
}

.iYRecR>div>a img {
    width: 287px;
    min-height: 114px;
    height: auto;
    border-radius: 4px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.iYRecR>div>a:hover img {
    transform: scale(1.2);
}

.iYRecR>div>a p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 36px;
    background: linear-gradient(0deg, #030000 0%, rgba(0, 0, 0, 0) 100%);
    font-size: 16px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.iyTitle {
    height: 48px;
    line-height: 48px;
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    text-align: center;
    padding: 30px 0;
}

.iyTitle:before {
    content: "";
    display: inline-block;
    width: 230px;
    height: 28px;
    background: url(../img/icon.png) no-repeat;
    background-size: 800px 1200px;
    background-position: -424px -34px;
    vertical-align: top;
    margin: 12px 13px 0 0;
}

.iyTitle:after {
    content: "";
    display: inline-block;
    width: 230px;
    height: 28px;
    background: url(../img/icon.png) no-repeat;
    background-size: 800px 1200px;
    background-position: -424px -34px;
    vertical-align: top;
    margin: 12px 13px 0 0;
    transform: rotate(180deg);
    margin-left: 13px;
}

/*  */
.iyGRec {
    margin-bottom: 24px;
}

.iyGRec ul {
    width: 106%;
    height: 296px;
    overflow: hidden;
    *zoom: 1;
}

.iyGRec li {
    float: left;
    margin-right: 20px;
}

.iyGRec li a {
    position: relative;
    display: block;
    width: 224px;
    height: 296px;
}

.iyGRec li img {
    width: 224px;
    min-height: 296px;
    height: auto;
}

.iyGRec li div {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: rgba(0, 0, 0, .2);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.iyGRec li div strong {
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    margin-top: 140px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.iyGRec li div p {
    font-size: 0;
    line-height: 0;
}

.iyGRec li a:hover div {
    background-color: #fff;
    height: 142px;
    bottom: 0;
    top: auto;
    padding: 0 20px;
}

.iyGRec li a:hover div strong {
    font-size: 18px;
    color: #333;
    margin-top: 18px;
    line-height: 24px;
}

.iyGRec li a:hover div p {
    display: block;
    height: 72px;
    font-size: 14px;
    color: #8F8F8F;
    line-height: 24px;
    margin-top: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
}

.iyGTab {
    position: relative;
}

.iyGTMenu {
    position: relative;
    width: 1162px;
    height: 95px;
    padding: 14px 24px 11px 24px;
    background-color: #fff;
    margin-bottom: 25px;
    overflow: hidden;
}

.iyGTMenu>div {
    position: relative;
    width: 1162px;
    height: 95px;
    overflow: hidden;
    border-radius: 10px;
}

.iyGTMenu ul {
    position: absolute;
    width: 106%;
    height: 120px;
    overflow: hidden;
    *zoom: 1;
}

.iyGTMenu ul li {
    float: left;
    text-align: center;
    font-size: 16px;
    color: #999;
    line-height: 32px;
    width: 110px;
    height: 95px;
    border-radius: 6px;
    cursor: pointer;
}

.iyGTMenu ul li.current {
    background: linear-gradient(0deg, #F55636 0%, #FC7B53 100%);
    color: #fff;
    font-weight: bold;
}

.iyGTMenu ul li i {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../img/icon.png) no-repeat;
    background-size: 800px 1200px;
    margin: auto;
    margin-top: 20px;
}

.iyGTMenu ul li:hover {
    color: #333;
}

.iyGTMenu ul li.current:hover {
    color: #fff;
}

.iyGMenu ul li:nth-child(1) i {
    width: 38px;
    background-position: -183px -398px;
}

.iyGMenu ul li:nth-child(2) i {
    width: 23px;
    background-position: -228px -398px;
}

.iyGMenu ul li:nth-child(3) i {
    width: 30px;
    background-position: -257px -398px;
}

.iyGMenu ul li:nth-child(4) i {
    width: 31px;
    background-position: -292px -398px;
}

.iyGMenu ul li:nth-child(5) i {
    width: 32px;
    background-position: -326px -398px;
}

.iyGMenu ul li:nth-child(6) i {
    width: 24px;
    background-position: -362px -398px;
}

.iyGMenu ul li:nth-child(7) i {
    width: 30px;
    background-position: -391px -398px;
}

.iyGMenu ul li:nth-child(8) i {
    width: 38px;
    background-position: -425px -398px;
}

.iyGMenu ul li:nth-child(9) i {
    width: 34px;
    background-position: -466px -398px;
}

.iyGMenu ul li:nth-child(10) i {
    width: 30px;
    background-position: -504px -398px;
}

.iyGMenu ul li:nth-child(11) i {
    width: 30px;
    background-position: -539px -398px;
}

.iyGMenu ul li:nth-child(12) i {
    width: 30px;
    background-position: -573px -398px;
}

.iyGMenu ul li:nth-child(13) i {
    width: 30px;
    background-position: -605px -398px;
}

.iyGMenu ul li:nth-child(14) i {
    width: 28px;
    background-position: -638px -398px;
}

.iyGMenu ul li:nth-child(15) i {
    width: 30px;
    background-position: -669px -398px;
}

.iyGMenu ul li:nth-child(16) i {
    width: 25px;
    background-position: -702px -398px;
}

.iyGMenu ul li:nth-child(17) i {
    width: 31px;
    background-position: -731px -398px;
}

.iyGMenu ul li:nth-child(18) i {
    width: 30px;
    background-position: -768px -398px;
}

.iyGMenu ul li.current:nth-child(1) i {
    background-position: -183px -431px;
}

.iyGMenu ul li.current:nth-child(2) i {
    background-position: -228px -431px;
}

.iyGMenu ul li.current:nth-child(3) i {
    background-position: -257px -431px;
}

.iyGMenu ul li.current:nth-child(4) i {
    background-position: -292px -431px;
}

.iyGMenu ul li.current:nth-child(5) i {
    background-position: -326px -431px;
}

.iyGMenu ul li.current:nth-child(6) i {
    background-position: -362px -431px;
}

.iyGMenu ul li.current:nth-child(7) i {
    background-position: -391px -431px;
}

.iyGMenu ul li.current:nth-child(8) i {
    background-position: -425px -431px;
}

.iyGMenu ul li.current:nth-child(9) i {
    background-position: -466px -431px;
}

.iyGMenu ul li.current:nth-child(10) i {
    background-position: -504px -431px;
}

.iyGMenu ul li.current:nth-child(11) i {
    background-position: -539px -431px;
}

.iyGMenu ul li.current:nth-child(12) i {
    background-position: -573px -431px;
}

.iyGMenu ul li.current:nth-child(13) i {
    background-position: -605px -431px;
}

.iyGMenu ul li.current:nth-child(14) i {
    background-position: -638px -431px;
}

.iyGMenu ul li.current:nth-child(15) i {
    background-position: -669px -431px;
}

.iyGMenu ul li.current:nth-child(16) i {
    background-position: -702px -431px;
}

.iyGMenu ul li.current:nth-child(17) i {
    background-position: -731px -431px;
}

.iyGMenu ul li.current:nth-child(18) i {
    background-position: -768px -431px;
}

.iySMenu ul li:nth-child(1) i {
    width: 30px;
    background-position: -183px -463px;
}

.iySMenu ul li:nth-child(2) i {
    width: 28px;
    background-position: -215px -463px;
}

.iySMenu ul li:nth-child(3) i {
    width: 35px;
    background-position: -246px -463px;
}

.iySMenu ul li:nth-child(4) i {
    width: 32px;
    background-position: -285px -463px;
}

.iySMenu ul li:nth-child(5) i {
    width: 30px;
    background-position: -321px -463px;
}

.iySMenu ul li:nth-child(6) i {
    width: 30px;
    background-position: -354px -463px;
}

.iySMenu ul li:nth-child(7) i {
    width: 37px;
    background-position: -386px -463px;
}

.iySMenu ul li:nth-child(8) i {
    width: 34px;
    background-position: -425px -463px;
}

.iySMenu ul li:nth-child(9) i {
    width: 33px;
    background-position: -463px -463px;
}

.iySMenu ul li:nth-child(10) i {
    width: 35px;
    background-position: -498px -463px;
}

.iySMenu ul li:nth-child(11) i {
    width: 37px;
    background-position: -534px -463px;
}

.iySMenu ul li:nth-child(12) i {
    width: 30px;
    background-position: -573px -463px;
}

.iySMenu ul li:nth-child(13) i {
    width: 30px;
    background-position: -605px -463px;
}

.iySMenu ul li:nth-child(14) i {
    width: 30px;
    background-position: -637px -463px;
}

.iySMenu ul li:nth-child(15) i {
    width: 30px;
    background-position: -670px -463px;
}

.iySMenu ul li:nth-child(16) i {
    width: 30px;
    background-position: -702px -463px;
}

.iySMenu ul li:nth-child(17) i {
    width: 30px;
    background-position: -737px -463px;
}

.iySMenu ul li:nth-child(18) i {
    width: 30px;
    background-position: -769px -463px;
}

.iySMenu ul li.current:nth-child(1) i {
    background-position: -183px -495px;
}

.iySMenu ul li.current:nth-child(2) i {
    background-position: -215px -495px;
}

.iySMenu ul li.current:nth-child(3) i {
    background-position: -246px -495px;
}

.iySMenu ul li.current:nth-child(4) i {
    background-position: -285px -495px;
}

.iySMenu ul li.current:nth-child(5) i {
    background-position: -321px -495px;
}

.iySMenu ul li.current:nth-child(6) i {
    background-position: -354px -495px;
}

.iySMenu ul li.current:nth-child(7) i {
    background-position: -386px -495px;
}

.iySMenu ul li.current:nth-child(8) i {
    background-position: -425px -495px;
}

.iySMenu ul li.current:nth-child(9) i {
    background-position: -463px -495px;
}

.iySMenu ul li.current:nth-child(10) i {
    background-position: -498px -495px;
}

.iySMenu ul li.current:nth-child(11) i {
    background-position: -534px -495px;
}

.iySMenu ul li.current:nth-child(12) i {
    background-position: -573px -495px;
}

.iySMenu ul li.current:nth-child(13) i {
    background-position: -605px -495px;
}

.iySMenu ul li.current:nth-child(14) i {
    background-position: -637px -495px;
}

.iySMenu ul li.current:nth-child(15) i {
    background-position: -670px -495px;
}

.iySMenu ul li.current:nth-child(16) i {
    background-position: -702px -495px;
}

.iySMenu ul li.current:nth-child(17) i {
    background-position: -737px -495px;
}

.iySMenu ul li.current:nth-child(18) i {
    background-position: -769px -495px;
}

.iyGTMenu span {
    position: absolute;
    top: 14px;
    width: 30px;
    height: 95px;
    background: rgba(0, 0, 0, .3);
    cursor: pointer;
    border-radius: 10px;
}

.iyGTMenu span:hover {
    background-color: #F55636;
}

.iyGTMenu .igMLeft {
    left: 24px;
}

.iyGTMenu .igMRight {
    right: 24px;
}

.iyGTMenu .igMLeft:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: -3px;
    width: 0;
    height: 0;
    border-right: 11px solid #fff;
    border-left: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-top: 12px solid transparent;
    font-size: 0;
    line-height: 0;
}

.iyGTMenu .igMRight:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 11px;
    width: 0;
    height: 0;
    border-left: 11px solid #fff;
    border-right: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-top: 12px solid transparent;
    font-size: 0;
    line-height: 0;
}

.iyGCont {
    padding: 24px 24px 18px 14px;
    max-height: 420px;
    background-color: #fff;
    overflow: hidden;
    *zoom: 1;
}

.iyGTCont {
    float: left;
    width: 850px;
    overflow: hidden;
    margin-right: 15px;
}

.iyGTCont div {
    width: 880px;
    max-height: 406px;
    overflow: hidden;
    *zoom: 1;
}

.iyGTCont div a {
    float: left;
    width: 110px;
    height: 132px;
    text-align: center;
    margin-right: 14px;
    margin-bottom: 8px;
}

.iyGTCont div a img {
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 18px;
    margin: 0 auto;
}

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

.iyGTCont div a span {
    display: none;
    width: 72px;
    height: 24px;
    line-height: 24px;
    background: #FFEEEB;
    border-radius: 2px;
    font-size: 14px;
    color: #F55636;
    text-align: center;
    margin: auto;
    margin-top: 8px;
}

.iyGTCont div a span.no {
    color: #37A3FF;
    background: #EBF6FF;
}

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

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

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

.iyGRank {
    float: right;
    width: 288px;
    max-height: 410px;
    overflow: hidden;
    margin-top: -6px;
}

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

.iyGRank li i {
    float: left;
    width: 20px;
    height: 20px;
    background: #F55636;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    margin-right: 27px;
    margin-left: 6px;
}

.iyGRank li a {
    float: left;
}

.iyGRank li .tBox {
    overflow: hidden;
}

.iyGRank li .tBox p {
    line-height: 24px;
    font-size: 16px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 8px;
}

.iyGRank li .tBox p:nth-of-type(2) {
    line-height: 20px;
    font-size: 14px;
    color: #999;
    margin-top: 6px;
}

.iyGRank li .tBox img {
    float: left;
    width: 66px;
    height: 66px;
    border-radius: 16px;
    margin-right: 15px;
}

.iyGRank li .tBox div {
    float: left;
    width: 100px;
    height: 66px;
    overflow: hidden;
}

.iyGRank li .tBox span {
    float: right;
    display: block;
    width: 50px;
    height: 24px;
    line-height: 24px;
    background: #FFEEEB;
    border-radius: 12px;
    font-size: 14px;
    color: #F55636;
    text-align: center;
    margin-top: 21px;
}

.iyGRank li .tBox span.no {
    color: #37A3FF;
    background: #EBF6FF;
}

.iyGRank li .tBox {
    padding: 15px 0;
}

.iyGRank li .tBox i {
    width: 32px;
    height: 42px;
    line-height: 42px;
    position: relative;
    top: 16px;
    margin-left: 0;
    margin-right: 21px;
}

.iyGRank li:nth-of-type(-n+3) .tBox i {
    font-size: 0;
    background-color: transparent;
    background: url(../img/icon.png) no-repeat;
    background-size: 800px 1200px;
}

.iyGRank li:nth-of-type(1) .tBox i {
    background-position: -225px -825px;
}

.iyGRank li:nth-of-type(2) .tBox i {
    background-position: -273px -825px;
}

.iyGRank li:nth-of-type(3) .tBox i {
    background-position: -321px -825px;
}

.iyGRank li .fBox {
    line-height: 38px;
    height: 38px;
}

.iyGRank li .fBox p {
    float: left;
    width: 166px;
    line-height: 24px;
    font-size: 16px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 8px;
}

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

.iyGRank li .fBox i {
    position: relative;
    top: 9px;
}

/*  */
.iyTopic>div {
    height: 445px;
    background: linear-gradient(0deg, #000000 0%, #434343 100%);
    background-image: url(../img/indexztbg.jpg);
    background-size: 100% 445px;
}

.iyTpTab {
    padding: 22px 0;
}

.iyTpMenu span {
    font-size: 22px;
    color: #fff;
    line-height: 48px;
    margin-right: 36px;
    cursor: pointer;
}

.iyTpMenu span.current {
    font-size: 24px;
    font-weight: bold;
}

.iyTpMenu span.current:after {
    content: "";
    position: relative;
    top: -6px;
    left: -12px;
    z-index: -1;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #F55636;
    border-radius: 50%;
}

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

.iyTpCont li {
    float: left;
    position: relative;
    width: 226px;
    height: 320px;
    overflow: hidden;
    margin-right: 20px;
}

.iyTpCont li a {
    display: block;
}

.iyTpCont li img {
    width: 226px;
    min-height: 320px;
    object-fit: cover;
}

.iyTpCont li div {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 20px;
    width: 186px;
    height: 132px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}

.iyTpCont li div strong {
    display: block;
    font-size: 20px;
    color: #fff;
    line-height: 24px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 70px;
}

.iyTpCont li div p {
    display: none;
    font-size: 14px;
    color: #999;
    height: 166px;
    line-height: 24px;
    overflow: hidden;
}

.iyTpCont li div span {
    position: relative;
    font-size: 14px;
    color: #fff;
    display: block;
    line-height: 30px;
    margin-top: 4px;
}

.iyTpCont li div span:after {
    content: "";
    position: absolute;
    right: 0;
    top: 8px;
    width: 14px;
    height: 14px;
    background: url(../img/icon.png) no-repeat;
    background-size: 800px 1200px;
    background-position: -600px -841px;
}

.iyTpCont {
    margin-top: 15px;
    height: 320px;
    overflow: hidden;
}

.iyTpCont>div {
    position: relative;
}

.iyTpCont>div>span {
    position: absolute;
    top: 103px;
    width: 40px;
    height: 115px;
    background: rgba(255, 255, 255, .3);
    cursor: pointer;
}

.iyTpCont>div>span:hover {
    background-color: #F55636;
}

.iyTpCont .itLeft {
    left: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.iyTpCont .itRight {
    right: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.iyTpCont .itLeft:before {
    content: "";
    position: absolute;
    left: 8px;
    top: 41px;
    width: 19px;
    height: 33px;
    background: url(../img/icon.png) no-repeat;
    background-size: 800px 1200px;
    background-position: -419px -831px;
}

.iyTpCont .itRight:before {
    content: "";
    position: absolute;
    right: 8px;
    top: 41px;
    width: 19px;
    height: 33px;
    background: url(../img/icon.png) no-repeat;
    background-size: 800px 1200px;
    background-position: -466px -831px;
}

.iyTpCont .itLeft:hover:before {
    background-position: -382px -831px;
}

.iyTpCont .itRight:hover:before {
    background-position: -496px -831px;
}

.iyTpCont ul {
    position: absolute;
    width: 106%;
    position: relative;
}

.iyTpCont li.current {
    width: 708px;
    height: 320px;
}

.iyTpCont li.current a {
    width: 684px;
    margin-left: 24px;
    background-color: #fff;
}

.iyTpCont li.current img {
    width: 497px;
    height: 280px;
    min-height: 280px;
    margin: 20px 0;
    margin-left: -24px;
    object-fit: cover;
}

.iyTpCont li.current div {
    background: transparent;
    height: 320px;
    right: 0;
    left: auto;
}

.iyTpCont li.current div strong {
    color: #333;
    margin: auto;
    text-align: center;
    margin-top: 33px;
}

.iyTpCont li.current div p {
    width: 166px;
    margin: auto;
    margin-top: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    text-overflow: ellipsis;
}

.iyTpCont li.current div span {
    background-color: rgba(0, 0, 0, .3);
    border-radius: 4px;
    width: 145px;
    margin: auto;
    padding: 0 10px;
    margin-top: 26px;
}

.iyTpCont li.current div span:after {
    right: 10px;
}

.iyTpCont li:hover div strong {
    color: #F55636;
}

/*  */
.iyNews {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.iyNewsCont {
    padding: 24px 24px 24px 14px;
    background-color: #fff;
    overflow: hidden;
}

.iyNewsCont>ul {}

.iyNewsCont>ul>li {
    float: left;
    width: 548px;
    margin: 0 43px 32px 0;
}

.iyNewsCont>ul>li:nth-child(n+2) {
    margin-bottom: 0;
}

.iyNewsCont>ul>li>a {
    float: left;
    position: relative;
    margin-right: 25px;
    overflow: hidden;
}

.iyNewsCont>ul>li>a img {
    float: left;
    width: 212px;
    height: 136px;
    border-radius: 6px;
}

.iyNewsCont>ul>li>a p {
    width: 100%;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #00000080;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 0 0 6px 6px;
}

.iyNewsCont>ul>li div {
    float: left;
}

.iyNewsCont>ul>li div>a {
    display: block;
    padding-left: 12px;
    width: 296px;
    white-space: nowrap;
    overflow: hidden;
    line-height: 33px;
    color: #4e4e4e;
    font-size: 14px;
    position: relative;
}

.iyNewsCont>ul>li div>a:hover {
    color: #f55636;
}

.iyNewsCont>ul>li div>a i {
    position: absolute;
    top: 13px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(to right, #ef927e, #f55636);
}

.iyNewsCont>ul>li>a:hover img {
    transition: all 0.5s;
    transform: scale(1.1);
}

.iyNewsCont>ul>li:nth-child(2n) {
    margin-right: 0;
}

.iyXqNewsCont {
    padding: 24px 24px 24px 14px;
    background-color: #fff;
    overflow: hidden;
}

.iyXqNewsCont>div {
    float: left;
    width: 278px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.iyXqNewsCont>div:nth-child(4n) {
    margin-right: 0;
}

.iyXqNewsCont>div:nth-child(n+4) {
    margin-bottom: 0;
}

.iyXqNewsCont>div>p {
    font-size: 16px;
    color: #000;
}

.iyXqNewsCont>div>p>a {
    float: right;
    font-size: 12px;
}

.iyXqNewsCont>div>ul {
    border-right: 1px solid #ccc;
}

.iyXqNewsCont>div>ul li {}

.iyXqNewsCont>div>ul li>a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    position: relative;
    padding-left: 12px;
    line-height: 25px;
}

.iyXqNewsCont>div>ul li>a:hover {
    color: #f55636;
}

.iyXqNewsCont>div>ul li>a>i {
    position: absolute;
    top: 8px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(to right, #ef927e, #f55636);
}



.iyRank {
    overflow: hidden;
}

.iyRank>div {
    overflow: hidden;
    *zoom: 1;
    width: 1200px;
    padding: 40px 24px;
    background-color: #fff;
}

.iyRList {
    float: left;
    width: 369px;
    margin-right: 20px;
}

.iyRTit {
    position: relative;
    text-align: left;
    line-height: 40px;
    margin-bottom: 15px;
}

.iyRTit em {
    font-size: 24px;
    font-weight: bold;
    color: #EA5300;
}

.iyRTit:after {
    content: "";
    position: absolute;
    left: 0;
    /*right: 0;*/
    top: 0;
    margin: auto;
    display: block;
    width: 170px;
    height: 40px;
    background: url(../img/icon.png) no-repeat;
    background-size: 800px 1200px;
    background-position: -15px -825px;
}

.iyRList:nth-of-type(2) em {
    color: #38A6FD;
}

.iyRList:nth-of-type(3) em {
    color: #26C472;
}

.iyRList:nth-of-type(2) .iyRTit:after {
    background-position: -15px -879px;
}

.iyRList:nth-of-type(3) .iyRTit:after {
    background-position: -15px -933px;
}

.iyRList li a {
    display: block;
    overflow: hidden;
    *zoom: 1;
    border-bottom: 1px dashed #E5E5E5;
}

.iyRList li i {
    float: left;
    width: 28px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    font-size: 16px;
    color: #A8A8A8;
    margin-right: 20px;
}

.iyRList li a.hide {
    display: none;
}

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

.iyRList li a p:nth-of-type(2) {
    font-size: 16px;
    color: #999;
}

.iyRList li a p:nth-of-type(2) span:nth-of-type(2) {
    color: #ccc;
}

.iyRList li a p:nth-of-type(2) span:nth-of-type(2):before {
    content: "";
    position: relative;
    top: -1px;
    vertical-align: middle;
    display: inline-block;
    width: 1.5px;
    height: 16px;
    background-color: #ccc;
    margin: 0 8px;
}

.iyRList li .fBox {
    height: 51px;
    line-height: 51px;
    overflow: hidden;
    *zoom: 1;
}

.iyRList li .fBox p {
    float: left;
}

.iyRList li .fBox p:nth-of-type(1) {
    width: 310px;
    font-size: 18px;
    color: #333;
}

.iyRList li .tBox {
    padding: 16px 0;
}

.iyRList li .tBox img {
    float: left;
    width: 100px;
    height: 100px;
    border-radius: 24px;
    margin-right: 20px;
}

.iyRList li .tBox div div {
    float: left;
    width: 195px;
    height: 100px;
}

.iyRList li .tBox p:nth-of-type(1) {
    font-size: 20px;
    color: #F55636;
    line-height: 32px;
    font-weight: bold;
}

.iyRList li .tBox p:nth-of-type(2) {
    line-height: 28px;
    margin-bottom: 8px;
    font-size: 16px;
    color: #A8A8A8;
}

.iyRList li:nth-of-type(-n+3) a i {
    font-size: 0;
    border-radius: inherit;
    width: 28px;
    height: 31px;
    background: url(../img/icon.png) no-repeat;
    background-size: 800px 1200px;
}

.iyRList li:nth-of-type(1) a i {
    background-position: -225px -881px;
}

.iyRList li:nth-of-type(2) a i {
    background-position: -273px -881px;
}

.iyRList li:nth-of-type(3) a i {
    background-position: -321px -881px;
}

.iyRList li a i {
    position: relative;
    top: 10px;
}

.iyRList li .tBox i {
    top: 35px;
}

.iyRList li .tBox span {
    display: block;
    width: 50px;
    height: 24px;
    line-height: 24px;
    background: #FFEEEB;
    border-radius: 12px;
    font-size: 14px;
    color: #F55636;
    text-align: center;
    margin-top: 10px;
}

.iyRList li .tBox span.no {
    color: #37A3FF;
    background: #EBF6FF;
}

/*攻略推荐*/
.wsy_news_recom_box_1 {
    background-color: #fff;
    padding: 15px 24px 15px 26px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.wsy_news_recom_box_1>p {
    height: 35px;
    line-height: 35px;
    font-size: 24px;
    color: #26262e;
    font-weight: bold;
    padding-left: 30px;
    position: relative;
}

.wsy_news_recom_box_1>p>i {
    position: absolute;
    top: 6px;
    left: 0;
    width: 22px;
    height: 25px;
    background-position: -672px -4px
}

.wsy_news_recom_box_1>ul {
    width: 320px;
    margin: 0 auto;
}

.wsy_news_recom_box_1>ul li {
    padding: 8px 0;
    border-bottom: 1px dashed #e5e5e5;
    cursor: pointer;
    height: 24px;
}

.wsy_news_recom_box_1>ul li>a {
    display: block;
    height: 100%;
}

.wsy_news_recom_box_1>ul li>a>i {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: #ccc;
    margin-right: 16px;
    display: block;
    float: left;
    border-radius: 2px;
    color: #fff;
}

.wsy_news_recom_box_1>ul li>a>img {
    display: none;
}

.wsy_news_recom_box_1>ul li>a>p:nth-of-type(1) {
    width: 280px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
}

.wsy_news_recom_box_1>ul li>a>p:nth-of-type(2) {
    display: none;
}

.wsy_news_recom_box_1>ul li.on {
    height: 82px;
    position: relative;
}

.wsy_news_recom_box_1>ul li.on>a>i {
    height: 50px;
    line-height: 50px;
    width: 24px;
    background-color: #F55636;
    color: #fff;
    position: relative;
    top: 15px;
}

.wsy_news_recom_box_1>ul li.on>a>img {
    display: block;
    float: left;
    width: 120px;
    height: 82px;
    margin-right: 16px;
    border-radius: 4px;
}

.wsy_news_recom_box_1>ul li.on>a>p:nth-of-type(1) {
    white-space: normal;
    width: 120px;
    float: left;
    line-height: 23px;
    height: 46px;
    margin-top: 7px;
}

.wsy_news_recom_box_1>ul li.on>a>p:nth-of-type(2) {
    height: 28px;
    line-height: 28px;
    color: #ababab;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    float: left;
}

/*右侧游戏榜单*/
.wsy_game_recom_box_1 {
    background-color: #fff;
    padding: 18px 24px 6px 26px;
    border-radius: 10px;
    margin-bottom: 30px;
    position: relative;
}

.wsy_game_recom_box_1>p {
    height: 35px;
    line-height: 35px;
    font-size: 24px;
    color: #26262e;
    font-weight: bold;
    padding-left: 30px;
    position: relative;
}

.wsy_game_recom_box_1>p>i {
    position: absolute;
    top: 3px;
    left: 0;
    width: 28px;
    height: 25px;
    background-position: -670px -36px;
}

.wsy_game_recom_box_1>a {
    position: absolute;
    right: 10px;
    top: 23px;
}

.wsy_game_recom_box_1>ul {}

.wsy_game_recom_box_1>ul>li {
    padding: 16px 0;
    height: 26px;
    line-height: 26px;
    border-bottom: 1px dashed #e5e5e5
}

.wsy_game_recom_box_1>ul li>a {
    display: block;
    height: 100%;
}

.wsy_game_recom_box_1>ul li>a>i {
    float: left;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background-color: #cccccc;
    border-radius: 6px;
    margin-right: 14px;
}

.wsy_game_recom_box_1>ul li>a>img {
    display: none;
}

.wsy_game_recom_box_1>ul li>a>p:nth-of-type(1) {
    float: left;
    width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    color: #26262e;
}

.wsy_game_recom_box_1>ul li>a>p:nth-of-type(2) {
    float: right;
    white-space: nowrap;
    overflow: hidden;
    width: 147px;
    font-size: 14px;
    color: #999999;
}

.wsy_game_recom_box_1>ul li>a>span {
    display: none;
}

.wsy_game_recom_box_1>ul>li.on {
    padding: 20px 0;
    height: 104px;
    line-height: 104px;
}

.wsy_game_recom_box_1>ul>li.on>a>i {
    float: left;
    height: 54px;
    line-height: 54px;
    border-radius: 4px;
    margin-top: 25px;
    background-color: #F55636;
}

.wsy_game_recom_box_1>ul>li.on>a>img {
    display: block;
    float: left;
    margin-right: 20px;
    border-radius: 20px;
    width: 104px;
    height: 104px;
}

.wsy_game_recom_box_1>ul li.on>a>p:nth-of-type(1) {
    height: 31px;
    line-height: 31px;
    color: #26262e;
    font-size: 18px;
    width: 150px;
}

.wsy_game_recom_box_1>ul li.on>a>p:nth-of-type(2) {
    height: 26px;
    line-height: 26px;
    color: #999;
    font-size: 14px;
    float: left;
}

.wsy_game_recom_box_1>ul li.on>a>span {
    display: block;
    width: 96px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    font-size: 16px;
    text-align: center;
    background-color: #FFEEEB;
    color: #F55636;
    margin-top: 7px;
    float: left;
}

.wsy_game_recom_box_1>ul li.on>a>span.look {
    background-color: #EBF6FF;
    color: #37A3FF;
}

.wsy_game_recom_box_1>ul>li:nth-child(1) i {
    background-color: #e94646
}

.wsy_game_recom_box_1>ul>li:nth-child(2) i {
    background-color: #f98700
}

.wsy_game_recom_box_1>ul>li:nth-child(3) i {
    background-color: #f9d602
}


.wsy_game_recom_box_2 {
    float: right;
    width: 288px;
    max-height: 410px;
    overflow: hidden;
    margin-top: -6px;
}

.wsy_game_recom_box_2>ul {}

.wsy_game_recom_box_2 li {
    border-bottom: 1px solid #EBEBEB;
    overflow: hidden;
    height: 38px;
    line-height: 38px;
}

.wsy_game_recom_box_2 li>a {
    display: block;
    height: 100%;
}

.wsy_game_recom_box_2 li>a>i {
    float: left;
    width: 20px;
    height: 20px;
    background: #F55636;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    margin-right: 27px;
    margin-left: 6px;
    margin-top: 9px;
}

.wsy_game_recom_box_2 li>a>img {
    display: none;
}

.wsy_game_recom_box_2 li>a>p:nth-of-type(1) {
    float: left;
    width: 166px;
    line-height: 24px;
    font-size: 16px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 8px;
}

.wsy_game_recom_box_2 li>a>p:nth-of-type(2) {
    float: right;
    font-size: 14px;
    color: #999;
}

.wsy_game_recom_box_2 li>a>span {
    display: none
}

.wsy_game_recom_box_2 li.on {
    height: 66px;
    line-height: 66px;
    padding: 15px 0;
}

.wsy_game_recom_box_2 li.on>a>i {
    width: 32px;
    height: 42px;
    line-height: 42px;
    margin-right: 21px;
    margin-top: 16px;
    margin-left: 0;
}

.wsy_game_recom_box_2 li.on:nth-of-type(-n+3)>a>i {
    font-size: 0;
    background-color: transparent;
    background: url(../img/icon.png) no-repeat;
    background-size: 800px 1200px;
}

.wsy_game_recom_box_2 li.on:nth-of-type(1)>a>i {
    background-position: -225px -825px;
}

.wsy_game_recom_box_2 li.on:nth-of-type(2)>a>i {
    background-position: -273px -825px;
}

.wsy_game_recom_box_2 li.on:nth-of-type(3)>a>i {
    background-position: -321px -825px;
}

.wsy_game_recom_box_2 li.on>a>img {
    display: block;
    float: left;
    width: 66px;
    height: 66px;
    border-radius: 16px;
    margin-right: 15px;
}

.wsy_game_recom_box_2 li.on>a>p {
    width: 100px;
    overflow: hidden;
}

.wsy_game_recom_box_2 li.on>a>p:nth-of-type(2) {
    line-height: 20px;
    height: 20px;
    margin-top: 6px;
    float: left;
}

.wsy_game_recom_box_2 li.on>a>span {
    display: block;
    float: right;
    width: 50px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 12px;
    background-color: #FFEEEB;
    font-size: 14px;
    color: #f55636;
    margin-top: -10px;
}


.wsy_game_recom_box_3 {
    float: left;
    width: 369px;
    margin-right: 20px;
    position: relative;
}

.wsy_game_recom_box_3>a {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #999;
    z-index: 888
}

.wsy_game_recom_box_3>ul {}

.wsy_game_recom_box_3>ul>li {
    padding: 16px 0;
    height: 26px;
    line-height: 26px;
    border-bottom: 1px dashed #e5e5e5
}

.wsy_game_recom_box_3>ul li>a {
    display: block;
    height: 100%;
}

.wsy_game_recom_box_3>ul li>a>i {
    float: left;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background-color: #cccccc;
    border-radius: 6px;
    margin-right: 20px;
}

.wsy_game_recom_box_3>ul li>a>img {
    display: none;
}

.wsy_game_recom_box_3>ul li>a>p:nth-of-type(1) {
    float: left;
    width: 170px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 18px;
    color: #26262e;
}

.wsy_game_recom_box_3>ul li>a>p:nth-of-type(2) {
    float: right;
    white-space: nowrap;
    overflow: hidden;
    width: 140px;
    font-size: 14px;
    color: #999999;
}

.wsy_game_recom_box_3>ul li>a>span {
    display: none;
}

.wsy_game_recom_box_3>ul>li.on {
    padding: 15px 0;
    height: 104px;
    line-height: 104px;
}

.wsy_game_recom_box_3>ul>li.on>a>i {
    float: left;
    height: 54px;
    line-height: 54px;
    border-radius: 4px;
    margin-top: 25px;
    background-color: #F55636;
}

.wsy_game_recom_box_3>ul>li.on>a>img {
    display: block;
    float: left;
    margin-right: 20px;
    border-radius: 20px;
    width: 100px;
    height: 100px;
}

.wsy_game_recom_box_3>ul li.on>a>p {
    width: 200px;
    overflow: hidden;
}

.wsy_game_recom_box_3>ul li.on>a>p:nth-of-type(1) {
    height: 32px;
    line-height: 32px;
    color: #F55636;
    font-size: 20px;
    font-weight: bold;
}

.wsy_game_recom_box_3>ul li.on>a>p:nth-of-type(2) {
    height: 26px;
    line-height: 26px;
    color: #999;
    font-size: 14px;
    float: left;
}

.wsy_game_recom_box_3>ul li.on>a>span {
    display: block;
    width: 96px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    font-size: 16px;
    text-align: center;
    background-color: #FFEEEB;
    color: #F55636;
    margin-top: 7px;
    float: left;
}

.wsy_game_recom_box_3>ul li.on>a>span.look {
    background-color: #EBF6FF;
    color: #37A3FF;
}

.wsy_game_recom_box_3>ul>li:nth-child(1) i {
    background-color: #e94646
}

.wsy_game_recom_box_3>ul>li:nth-child(2) i {
    background-color: #f98700
}

.wsy_game_recom_box_3>ul>li:nth-child(3) i {
    background-color: #f9d602
}

.wsy_game_recom_box_3:nth-of-type(2) em {
    color: #38A6FD;
}

.wsy_game_recom_box_3:nth-of-type(3) em {
    color: #26C472;
}

.wsy_game_recom_box_3:nth-of-type(2) .iyRTit:after {
    background-position: -15px -879px;
}

.wsy_game_recom_box_3:nth-of-type(3) .iyRTit:after {
    background-position: -15px -933px;
}



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

.orderBox {
    position: absolute;
    z-index: 5;
    top: 310px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    width: 486px;
    border-radius: 10px;
    text-align: center;
}

.orderBox .oClose {
    position: absolute;
    top: -80px;
    right: 38px;
    z-index: 10;
}

.orderBox .oClose i {
    display: inline-block;
    width: 46px;
    height: 80px;
    background-position: -896px -142px;
    position: relative;
    background-image: url("../img/index_bj.png");
    background-repeat: no-repeat;
    background-size: 1000px 1000px;
    cursor: pointer;
}

.orderBox .oTitle {
    width: 100%;
    height: 139px;
    background-image: url(../img/orderi_mg.png);
    background-size: 100% 100%;
    text-align: center;
    font-size: 24px;
    border-radius: 10px;
    color: #fff;
}

.orderBox .oTitle i {
    display: block;
    width: 36px;
    height: 36px;
    background-position: -958px -142px;
    position: relative;
    top: 42px;
    margin: 0 auto;
}

.orderBox .oTitle p {
    margin-top: 50px;
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden;
}

.orderBox form .tel {
    width: 384px;
    border: 1px solid #c2c2c2;
    background-color: #fff;
    color: #999;
    font-size: 14px;
    border-radius: 6px;
    padding: 0 10px;
    line-height: 40px;
    margin: 36px auto 6px;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox form p {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox form p em {
    color: #cc0000;
}

.orderBox form .oBtn {
    cursor: pointer;
    width: 220px;
    border: 0;
    background-color: #f89635;
    color: #fff;
    font-size: 20px;
    border-radius: 8px;
    line-height: 40px;
    margin: 26px auto 60px;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox .msg {
    color: #f89635;
    font-size: 14px;
    text-align: left;
    display: block;
    width: 392px;
    margin: 0 auto;
}

.orderBox .oKnow {
    display: block;
    cursor: pointer;
    width: 220px;
    border: 0;
    background-color: #ffb800;
    color: #fff;
    font-size: 20px;
    border-radius: 8px;
    line-height: 40px;
    margin: 36px auto;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox .oWin {
    width: 100%;
    padding: 48px 0;
    font-size: 18px;
    border-radius: 10px;
    text-align: center;
}

.orderBox .oWin p {
    font-size: 18px;
    color: #141414;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 26px;
}

.orderBox .oWin i {
    display: inline-block;
    width: 167px;
    height: 101px;
    background-position: -831px -550px;
    position: relative;
    background-image: url("../img/index_bj.png");
    background-repeat: no-repeat;
    background-size: 1000px 1000px;
}

.orderBox .oLose {
    width: 100%;
    padding: 48px 0;
    font-size: 18px;
    border-radius: 10px;
    text-align: center;
}

.orderBox .oLose p {
    font-size: 18px;
    color: #141414;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 26px;
}

.orderBox .oLose i {
    display: inline-block;
    width: 167px;
    height: 101px;
    background-position: -831px -398px;
    position: relative;
    background-image: url("../img/index_bj.png");
    background-size: 1000px 1000px;
    background-repeat: no-repeat;
}

.orderBox .oAgin {
    width: 100%;
    padding: 48px 0;
    font-size: 18px;
    border-radius: 10px;
    text-align: center;
}

.orderBox .oAgin p {
    font-size: 18px;
    color: #141414;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 26px;
}

.orderBox .oAgin i {
    display: inline-block;
    width: 153px;
    height: 101px;
    background-position: -841px -246px;
    position: relative;
    background-image: url("../img/index_bj.png");
    background-size: 1000px 1000px;
    background-repeat: no-repeat;
}

.notFoundBox {
    width: 100%;
    padding-bottom: 200px;
}

.notFoundBox img {
    display: block;
    margin: 170px auto 12px;
}

.notFoundBox p {
    text-align: center;
    height: 80px;
    line-height: 80px;
    font-size: 18px;
    color: #575749;
}

.notFoundBox a {
    float: left;
    width: 120px;
    height: 32px;
    line-height: 32px;
    border-radius: 8px;
    background: #b6b6b6;
    text-align: center;
    font-size: 18px;
    color: #fff;
}

.notFoundBox>a:nth-child(3) {
    margin-left: 472px;
}

.notFoundBox>a:nth-child(4) {
    width: 120px;
    background: #d7d7b4;
    color: #575749;
    margin-left: 18px;
}

.index_link ul {
    padding: 16px;
    width: 1200px;
    margin: 0 auto 40px;
    overflow: hidden;
    *zoom: 1;
    background-color: #fff;
}

.index_link li {
    float: left;
    width: 102px;
    height: 34px;
    line-height: 34px;
    margin-left: 18px;
}

.index_link li:nth-child(10n+1) {
    margin-left: 0;
}

.index_link li a {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
    color: #444;
    text-overflow: ellipsis;
}

.index_link li a:hover {
    color: #F55636;
    font-weight: 500;
}

/*网站地图*/
.pWebSiteMapWrap {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 25px
}

.pWebSiteMapWrap>div {
    padding: 10px 20px 25px 20px;
    background-color: white
}

.pWebSiteMapWrap>div>strong {
    display: block;
    font-weight: 500;
    font-size: 26px;
    line-height: 36px;
    color: #F55636;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5
}

.sitemapListBox {
    padding: 10px 15px 0 0px
}

.sitemapListBox>p {
    padding: 10px 0 0 18px;
    font-size: 16px;
    color: #000;
    font-weight: bold;
    line-height: 16px;
    position: relative
}

.sitemapListBox>p::after {
    content: "";
    width: 7px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 9px;
    background-color: #F55636
}

.sitemapListBox>ul {
    padding: 0px 15px 0 15px;
    display: flex;
    flex-wrap: wrap
}

.sitemapListBox>ul>li {
    width: auto;
    margin: 20px 20px 0 0
}

.sitemapListBox>ul>li>a {
    width: auto;
    display: block;
    padding: 2px 15px;
    font-size: 14px;
    line-height: 20px;
    color: #6f6f6f;
    position: relative;
    border: 1px solid #e9e9e9;
    background-color: #fff;
    transform: translate3d(0, 0, 0);
    transition: .35s ease-out
}

.sitemapListBox>ul>li>a:hover {
    background-color: #F55636;
    color: #fff
}

/*最新更新*/
.pXinWrap {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 25px
}

.pXinWrap>div {
    padding: 20px 20px 5px 20px;
    background-color: white
}

.pXinWrap>div>table {
    border: 0;
    margin: 0 auto;
    text-align: center
}

.pXinWrap>div>table tr {
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #eeeeee
}

.pXinWrap>div>table tr th {
    width: 176px;
    color: white;
    border-right: 2px solid white;
    background-color: #F55636;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center
}

.pXinWrap>div>table thead {
    height: 36px;
    line-height: 36px
}

.pXinWrap>div>table thead tr {
    border: 0
}

.pXinWrap>div>table thead tr th:nth-child(2) {
    width: 456px
}

.pXinWrap>div>table tbody {}

.pXinWrap .paging {
    margin: 20px 0 10px;
}

/*排行榜*/
.icon2 {
    background: url(../img/icon-2.png) 1000px 1000px no-repeat;
}

.recommendRank {
    padding: 25px 0 14px 0;
    margin: 0 auto;
    background: url(../img/bgrat.png) no-repeat;
    background-size: 100% auto;
    position: relative;
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    box-shadow: 0.5px 0.86px 5px 0 #00000006;
    margin-bottom: 34px;
}

.RankTitle {
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    color: #354352;
    font-weight: bold;
    position: relative;
}

.RankTitle::before,
.RankTitle::after {
    content: "";
    position: absolute;
    left: 375px;
    top: 6px;
    background: url(../img/icon-2.png) 1000px 1000px no-repeat;
    width: 144px;
    height: 12px;
    background-position: -137px -322.5px;
}

.RankTitle::after {
    left: 682px;
    transform: rotate(180deg);
}

.recommendRank ul {
    margin-top: 25px;
}

.recommendRank ul li {
    float: left;
    margin: 0 0 24px 20px;
    position: relative;
}

.recommendRank ul li.current::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000030;
    border-radius: 6px;
    z-index: 1;
}

.recommendRank ul li a {
    display: block;
    width: 216px;
    height: 134px;
    border-radius: 6px;
    background: #e8f5ff;
    position: relative;
    overflow: hidden;
}

.recommendRank ul li a .mask {
    position: absolute;
    width: 216px;
    height: 134px;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-filter: blur(2px);
    filter: blur(2px);
}

.recommendRank ul li.current a .mask {
    z-index: 0;
    transform: scale(1.1);
    transition: all ease .5s;
}

.recommendRank ul li a>p {
    height: 36px;
    line-height: 36px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-indent: 13px;
    background: #00000030;
    border-radius: 6px 6px 0 0;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    z-index: 2;
}

.recommendRank ul li a>div {
    position: relative;
    z-index: 1;
}

.recommendRank ul li a>div img {
    float: left;
    width: 72px;
    height: 72px;
    border-radius: 16px;
    border: 2px solid #fff;
    margin: 12px 10px 0 12px;
    position: relative;
    z-index: 1;
}

.recommendRank ul li a>div p:nth-of-type(1) {
    float: left;
    width: 110px;
    height: 22px;
    line-height: 22px;
    margin-top: 26px;
    font-size: 14px;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
}

.recommendRank ul li.current a>div p:nth-of-type(1) {
    color: #fff;
}

.recommendRank ul li a>div p:nth-of-type(2) {
    float: left;
    width: 110px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    color: #999999;
    white-space: nowrap;
    overflow: hidden;
}

.recommendRank ul li.current a>div p:nth-of-type(2) {
    color: #fff;
}

.recommendRank div:nth-of-type(2) {
    height: 112px;
    margin-left: 20px;
    overflow: hidden;
}

.recommendRank div:nth-of-type(2) a {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    background: #eeeeee;
    border-radius: 4px;
    margin: 0 20px 20px 0;
    font-size: 12px;
    color: #666666;
    padding: 0 12px;
}

.recommendRank div:nth-of-type(2) a:hover {
    background: #F55636;
    color: #fff;
}

.RankList {
    width: 1182px;
    margin: 0 auto;
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0.5px 0.86px 5px 0 #00000006;
    padding: 30px 0 10px 18px;
    margin-bottom: 34px;
    overflow: hidden;
}

.RankList .RankTitle {
    margin-bottom: 20px;
}

.RankList .RankTitle::after {
    left: 660px;
}

.Rank {
    float: left;
    width: 375px;
    height: 618px;
    border-radius: 8px;
    border: 1px solid #e6e6e6;
    margin: 0 15px 22px 0;
    position: relative;
}

.Rank>p {
    width: 290px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 20px;
    color: #ef136e;
    font-weight: bold;
    padding: 20px 0 20px 35px;
    position: relative;
}

.Rank>p::before {
    content: "";
    position: absolute;
    left: 20px;
    width: 5px;
    height: 20px;
    background: #ef136e;
    top: 20px;
}

.Rank>a {
    position: absolute;
    top: 18px;
    right: 16px;
    width: 20px;
    height: 20px;
    background-position: -273px -116px;
    border: 1px solid #dddddd;
}

.Rank>a:hover {
    border: 1px dashed #ff965f;
    background-position: -293px -116px;
}

.Rank ul li a span,
.Rank ul li a img {
    display: none;
}

.Rank ul li {
    display: block;
    height: 50px;
    line-height: 50px;
    padding-left: 26px;
}

.Rank ul li a>i {
    float: left;
    width: 18px;
    height: 18px;
    line-height: 18px;
    background-color: #ededed;
    font-size: 12px;
    color: #999;
    text-align: center;
    border-radius: 6px 0 0 0;
    margin: 16px 26px 0 0;
}

.Rank ul li a>p {
    float: left;
    width: 280px;
    height: 50px;
    line-height: 50px;
    color: #333;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Rank ul li:nth-of-type(1) a>i {
    width: 24px;
    height: 29px;
    margin-right: 26px;
    margin-top: 11px;
    background-color: transparent;
    background-position: -371px -9px;
    border: none;
    color: transparent;
}

.Rank ul li:nth-of-type(2) a>i {
    width: 24px;
    height: 29px;
    margin-right: 26px;
    margin-top: 11px;
    background-color: transparent;
    background-position: -326px -9px;
    border: none;
    color: transparent;
}

.Rank ul li:nth-of-type(3) a>i {
    width: 24px;
    height: 29px;
    margin-right: 26px;
    margin-top: 11px;
    background-color: transparent;
    background-position: -284px -9px;
    border: none;
    color: transparent;
}

.Rank ul li.on {
    height: 84px;
    padding-left: 0
}

.Rank ul li.on a {
    display: block;
    height: 84px;
    background: #e2f6ff;
    padding-left: 24px;
}

.Rank ul li.on a>i {
    float: left;
    width: 18px;
    height: 18px;
    line-height: 18px;
    background-color: #ededed;
    font-size: 12px;
    color: #999999;
    text-align: center;
    border-radius: 6px 0 0 0;
    margin: 34px 26px 0 0;
}

.Rank ul li.on a img {
    display: block;
    float: left;
    width: 70px;
    height: 70px;
    border-radius: 16px;
    margin: 7px 12px 0 0;
}

.Rank ul li.on a>p {
    float: left;
    width: 216px;
    height: 41px;
    line-height: 41px;
    color: #333333;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 5px;
}

.Rank ul li.on a>span {
    display: block;
    float: left;
    width: 72px;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: linear-gradient(to right, #fd6407, #ee0e73);
}

.Rank ul li.on a>span i {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-position: -58px -60px;
    margin: 6px 2px 0 0;
    vertical-align: top;
}

.Rank ul li.on:nth-of-type(1) a>i {
    background-color: transparent;
    margin-top: 31px;
    width: 24px;
    height: 29px;
    background-position: -372px -9px;
    border: none;
    color: transparent;
}

.Rank ul li.on:nth-of-type(2) a>i {
    background-color: transparent;
    margin-top: 31px;
    width: 24px;
    height: 29px;
    background-position: -327px -9px;
    border: none;
    color: transparent;
}

.Rank ul li.on:nth-of-type(3) a>i {
    background-color: transparent;
    margin-top: 31px;
    width: 24px;
    height: 29px;
    background-position: -285px -9px;
    border: none;
    color: transparent;
}

.RankLeft {
    float: left;
    width: 800px;
    border-radius: 8px;
    background: url(../img/bgrat2.png) no-repeat;
    background-size: 100% auto;
    background-color: #fff;
    padding-bottom: 33px;
    margin-bottom: 38px;
    box-shadow: 0.5px 0.86px 5px 0 #00000006;
    padding-top: 25px;
}

.RankLeft .crumb {
    padding-left: 18px;
    border: none;
    height: 46px;
    line-height: 46px;
    margin-bottom: 36px;
}

.RankLeft .RankTitle::before {
    left: 132px;
}

.RankLeft .RankTitle::after {
    left: 588px;
}

.RankState {
    border-bottom: 1px dashed #e4e4e4;
    padding-bottom: 31px;
    margin: 24px 26px 0 23px;
    position: relative;
}

.RankState p {
    text-indent: 33px;
    position: relative;
    line-height: 32px;
    color: #444444;
    font-size: 16px;
}

.RankState p i {
    position: absolute;
    width: 26px;
    height: 20px;
    left: 0;
    top: 3px;
    background-position: -436px -19px;
}

.RankState span {
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 32px;
    font-size: 14px;
    color: #ccc;
    padding-left: 24px;
}

.RankState span::before {
    content: "";
    position: absolute;
    left: 1px;
    top: 9px;
    width: 15px;
    height: 15px;
    background: url(../img/icon-2.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -488px -22px;
}

.RankLeft ul>li {
    min-height: 194px;
    padding: 0 19px;
}

.RankLeft ul>li>a {
    display: block;
    padding-top: 23px;
}

.RankLeft ul>li>a>i {
    position: relative;
    float: left;
    display: block;
    margin: 48px 40px 0 19px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background-color: #ededed;
    font-size: 20px;
    color: #999;
    text-align: center;
}

.RankLeft ul>li>a>img {
    float: left;
    display: block;
    margin-right: 20px;
    width: 119px;
    height: 119px;
    border-radius: 16px;
}

.RankLeft ul>li>a>div {
    float: left;
    width: 394px;
    font-size: 14px;
    color: #999;
    line-height: 24px;
}

.RankLeft ul>li>a>div>p {
    overflow: hidden;
    text-overflow: ellipsis;
}

.RankLeft ul>li>a>div>p:nth-child(1) {
    white-space: nowrap;
    font-size: 18px;
    color: #354352;
    line-height: 20px;
    font-weight: 700;
}

.RankLeft ul>li>a>div>p:nth-child(2) {
    margin: 10px 0 6px;
    font-size: 14px;
    color: #999;
    line-height: 24px;
}

.RankLeft ul>li>a>div>p:nth-child(2)>span {}

.RankLeft ul>li>a>div>p:nth-child(2)>span::before {
    content: "/";
    font-size: 14px;
    color: #999;
    margin: 0 8px
}

.RankLeft ul>li>a>div>p:nth-child(2)>span:first-child::before {
    content: unset
}

.RankLeft ul>li>a>div>p:nth-child(3) {
    color: #666;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.RankLeft ul>li>a>span {
    float: right;
    display: block;
    font-size: 14px;
    color: #F55636;
    width: 96px;
    height: 32px;
    line-height: 32px;
    background: #FFEEEB;
    border-radius: 16px;
    text-align: center;
    margin-top: 52px;
}

.RankLeft ul>li:nth-child(-n+3)>a>i {
    width: 16px;
    height: 58px;
    margin: 10px 34px 0 15px;
    border: none;
    color: transparent;
    background-color: transparent;
    font-size: 15px;
    color: #fff;
    line-height: 16px;
    padding: 40px 12px 0;
}

.RankLeft ul>li:nth-child(1)>a>i {
    background-position: -780px -256px;
}

.RankLeft ul>li:nth-child(2)>a>i {
    background-position: -717px -256px;
}

.RankLeft ul>li:nth-child(3)>a>i {
    background-position: -648px -256px;
}

.RankLeft ul>li>a:hover>div>p:nth-child(1) {
    color: #F55636
}

.RankLeft ul>li>a:hover>span {
    color: #fff;
    background: #F55636
}

.RankLeft ul li:hover {
    background: linear-gradient(rgba(255, 255, 255, .1), #fff 40%, #e7f8fd 100%);
}


.RankRight {
    float: right;
    width: 370px;
    border-radius: 8px;
}

.RankRight .Title2 {
    margin-bottom: 18px;
}


.rank_tit {
    height: 35px;
    line-height: 35px;
    font-size: 24px;
    color: #26262e;
    font-weight: bold;
    padding-left: 30px;
    position: relative;
}

.rank_tit>i {
    position: absolute;
    top: 3px;
    left: 0;
    width: 28px;
    height: 25px;
    background-position: -670px -36px;
}

.rank_hot {
    overflow: hidden;
    margin-bottom: 30px;
    background: #fff;
    padding: 18px 24px 6px 26px;
    border-radius: 10px;
}

.rank_hot>ul {
    margin-top: 15px;
}

.rank_hot>ul li {
    float: left;
    margin: 0 14px 20px 0;
}

.rank_hot>ul li a {
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    background: #f5f5f5;
    border-radius: 4px;
    font-size: 12px;
    color: #5f5f5f;
    padding: 0 10px;
}

.rank_hot>ul li a:hover {
    background: #F55636;
    color: #fff;
}