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

fieldset,img {
    border: 0
}

:focus {
    outline: 0
}

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

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

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

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

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

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

body {
    line-height: 1.5
}

ol,ul {
    list-style: none
}

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

caption,th {
    text-align: left
}

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

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

blockquote,q {
    quotes: none
}

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

* {
    margin: 0;
    padding: 0;
}

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

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

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

.clearfix:after {
    clear: both
}

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

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

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

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

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

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

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

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

a:hover {
    color: #3050f5;
}

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

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

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

.cfx:after {
    clear: both
}

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

.fl {
    float: left;
}

.fr {
    float: right;
}

.hide {
    display: none;
}

body {
    word-break: break-all;
    background: linear-gradient(to bottom, #3050f5 0%, #3050f5 50%, #fff 100%);
}

a {
    cursor: pointer;
}

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

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

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

.wrapper {
    margin: auto;
    overflow: hidden;
}

.wdibg {
    background: linear-gradient(to bottom, #3050f5 0, #3050f5 387px,#fff 387px,#fff 100%);
}

body>section {
    width: 1200px;
    margin: 0 auto;
}

.wdCrumb ~ .wrapper {
    background: #fff;
    padding-bottom: 1px;
    overflow: hidden;
}

.wrapper>section {
    width: 1200px;
    margin: 0 auto 20px;
    overflow: hidden;
    *zoom: 1;}

header {
    position: relative;
    z-index: 2;
    height: 87px;
}

header>div {
    position: relative;
    width: 1200px;
    margin: auto;
    overflow: hidden;
    *zoom: 1;}

header>div>a {
    position: relative;
    float: left;
    height: 100%;
}

header>div>a img {
    position: relative;
    width: auto;
    height: 54px;
    margin-top: 16px;
}

nav {
    position: relative;
    float: right;
    padding: 0 0 0 30px;
    overflow: hidden;
    *zoom: 1;}

nav li {
    position: relative;
    z-index: 0;
    float: left;
    margin-left: 43px;
    padding: 0 0 0 53px;
    display: block;
    padding-bottom: 1px;
    line-height: 86px;
    text-align: center;
    font-size: 18px;
    color: #F5B9AB;
    font-weight: bold;
}

    nav li a {
        position: relative;
        display: block;
        color: #ced1e1;
    }

nav li a:before {
    content: "";
    position: absolute;
    display: none;
    width: 23px;
    height: 10px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -49px -8px;
}

nav li a:after {
    content: "";
    position: absolute;
    display: none;
    width: 23px;
    height: 10px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -49px -26px;
}

nav li.current a:after,nav li.current a:before {
    display: block;
}

nav li:nth-of-type(n+2):before {
    content: "";
    position: absolute;
    display: block;
    width: 13px;
    height: 16px;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -93px -8px;
}

nav li:hover a,nav li.current a {
    color: #fff;
}

header .searchFor {
    cursor: pointer;
    position: relative;
    float: right;
    display: none;
    padding: 10px 20px 10px 40px;
    width: 182px;
    height: 16px;
    margin-top: 24px;
    border-radius: 18px;
    overflow: hidden;
    cursor: pointer;
    background: #fff;
    -o-transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;
}

header .searchFor:before {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 15px;
    width: 23px;
    height: 23px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -9px -8px;
}

header .searchFor input {
    display: block;
    cursor: pointer;
    border: 0;
    position: absolute;
    top: 0px;
    left: 40px;
    height: 100%;
    font-size: 14px;
    width: 188px;
    background: transparent;
}

header .searchFor:hover input::-webkit-input-placeholder {
    color: #999;
}

header .searchFor:hover input:-moz-placeholder {
    color: #999;
}

header .searchFor:hover input::-moz-placeholder {
    color: #999;
}

header .searchFor:hover input:-ms-input-placeholder {
    color: #999;
}

footer {
    position: relative;
    width: 100%;
    padding: 33px 0;
    background: #313131;
    text-align: center;
}

footer dl {
    width: 1200px;
    margin: auto;
    overflow: hidden;
    *zoom: 1;}

footer dt {
    display: block;
    width: 970px;
    margin: 0 auto 30px;
    padding: 15px 25px;
    background: rgba(0, 0, 0, .08);
    overflow: hidden;
    *zoom: 1;}

footer dt p {
    font-size: 16px;
    color: rgba(179, 179, 179,.5);
    line-height: 30px;
}

footer p,footer p span,footer p a {
    font-size: 16px;
    color: #B3B3B3;
    line-height: 30px;
}

footer p a:hover {
    color: rgba(255,255,255,1);
}

.linkCont {
    width: 1200px;
    padding: 0 0 27px;
    overflow: hidden;
    margin: auto;
}

.linkCont>a {
    float: left;
    width: 400px;
    padding-top: 20px;
}

.linkCont>a img {
    height: 54px;
    width: auto;
}

.wdLink {
    float: left;
    position: relative;
    z-index: 1;
    padding: 0 20px;
    width: 740px;
}

.wdLink .list {
    margin: auto;
    overflow: hidden;
    *zoom: 1;}

.wdLink .list a {
    float: left;
    display: block;
    margin-right: 18px;
    height: 40px;
    font-size: 16px;
    color: rgba(179, 179, 179, .5);
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
}

.wdLink .list a:hover {
    color: #3050f5;
}

.linkTit {
    text-align: left;
    margin-bottom: 8px;
    font-size: 24px;
    color: #B3B3B3;
    font-weight: bold;
    line-height: 38px;
}

.linkTit span {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.wdTit {
    position: relative;
    height: 56px;
    margin-bottom: 5px;
    overflow: hidden;
    *zoom:1;}

.wdTit a {
    position: relative;
    top: 11px;
    z-index: 1;
    float: right;
    display: block;
    font-size: 16px;
    color: #999;
    height: 46px;
    line-height: 46px;
}

.wdTit a:after {
    content: "";
    position: relative;
    top: 15px;
    vertical-align: top;
    margin-left: 6px;
    display: inline-block;
    width: 16px;
    height: 14px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -127px -8px;
}

.wdTit a:hover {
    color: #3050f5;
}

.wdTit h2 {
    float: left;
    position: relative;
    margin-left: 50px;
    display: block;
    height: 56px;
    line-height: 56px;
    font-size: 30px;
    color: #404040;
    font-weight: bold;
    font-style: italic;
}

.wdTit:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px;
    display: block;
    width: 179px;
    height: 47px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -9px -95px;
}

.wdTitle {
    position: relative;
    height: 36px;
    overflow: hidden;
    *zoom:1;}

.wdTitle a {
    position: relative;
    z-index: 1;
    float: right;
    display: block;
    font-size: 16px;
    color: #999;
    height: 36px;
    line-height: 36px;
}

.wdTitle a:after {
    content: "";
    position: relative;
    top: 11px;
    vertical-align: top;
    margin-left: 6px;
    display: inline-block;
    width: 16px;
    height: 14px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -127px -8px;
}

.wdTitle a:hover {
    color: #3050f5;
}

.wdTitle strong {
    position: relative;
    float: left;
    display: block;
    line-height: 36px;
    font-size: 24px;
    color: #404040;
    font-weight: bold;
    margin-bottom: 4px;
}

.wdTitle strong:before {
    content: "";
    position: relative;
    top: 6px;
    margin-right: 11px;
    vertical-align: top;
    display: inline-block;
    width: 4px;
    height: 24px;
    background: linear-gradient(0deg, #FA8053 0%, #FC5B3F 100%);
}

.wdCrumb {
    padding: 4px 0;
    height: 44px;
    line-height: 44px;
    margin: 0 auto;
}

.wdCrumb div {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.wdCrumb div:before {
    content: "";
    position: relative;
    top: 14px;
    margin-right: 8px;
    vertical-align: top;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -163px -8px;
}

.wdCrumb div,.wdCrumb div a {
    font-size: 16px;
    color: #fff;
}

.wdCrumb a,.wdCrumb span {
    position: relative;
    display: inline-block;
    color: #999;
    vertical-align: top;
}

.wdCrumb span {
    position: relative;
    color: #fff;
    line-height: 44px;
}

.wdCrumb a:hover {
    color: #fff;
}

.wdCrumb a {
    padding-right: 10px;
}

.newsbg .wdCrumb div:before {
    background-position: -201px -8px;
}

.pagecode {
    padding: 10px 0 20px;
    text-align: center;
    font-size: 14px;
    color: #949799;
}

.pagecode a {
    position: relative;
    padding: 7.5px 17px;
    margin: 0 5.5px;
    color: #949799;
    text-decoration: none;
    border: none;
    background-color: #F7F7F7;
    border-radius: 4px;
    font-size: 14px;
}

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

.pagecode span a {
    display: block;
    padding: 0;
    min-width: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
}

.pagecode a:hover {
    color: #fff;
    background-color: #3050f5 !important;
}

.pagecode a.current,.pagecode a.current:hover {
    top: 0px;
    color: #fff;
    background-color: #3050f5 !important;
    border-color: transparent;
    padding: 8.5px 13.9px;
    font-weight: normal;
}

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

.pagecode .pre:before,.pagecode .next:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    right: 0;
    margin: auto;
    vertical-align: top;
    display: inline-block;
    width: 12px;
    height: 20px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -238px -6px;
}

.pagecode .pre:hover:before,.pagecode .next:hover:before {
    background-position: -270px -6px;
}

.pagecode .next:before {
    transform: rotate(-180deg);
}

.wdITop {
    position: relative;
    padding-bottom: 5px;
}

.wdITopL {
    float: left;
    width: 876px;
    margin-right: 16px;
}

.wdITopR {
    float: right;
    width: 300px;
}

.brSwiper {
    position: relative;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
}

.brSwiper1,.brSwiper2 {
    width: 100%;
}

.brSwiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.brSwiper .swiper-slide a {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.brSwiper .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 100%;
    object-fit: cover;
}

.brSwiper .swiper-slide p {
    position: absolute;
    top: 200px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 74px;
    padding-top: 26px;
    line-height: 74px;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    text-align: left;
    background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
    border-radius: 0px 0px 16px 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-indent: 1rem;
}

.brSwiper1 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.brSwiper .swiper-slide {
    background-size: cover;
    background-position: center;
}

.brSwiper2 {
    height: 300px;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
}

.brSwiper1 {
    height: 124px;
    box-sizing: border-box;
    padding: 4px 0;
}

.brSwiper1 .swiper-slide {
    cursor: pointer;
    margin-right: 4px !important;
    width: 216px !important;
    ;height: 116px;
    opacity: 1;
    border-radius: 8px;
    overflow: hidden;
}

    .brSwiper1 .swiper-slide-thumb-active {
        opacity: 1;
        border: 3px solid #3050f5;
        width: 210px !important;
        ;
        height: 110px;
    }

.brSwiper1 .swiper-slide-thumb-active img {
    width: 100%;
    height: auto;
    min-height: 100%;
}

.brSwiper1 .swiper-slide:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
}

.brSwiper1 .swiper-slide-thumb-active:before {
    display: none;
}

.brSwiper2 .swiper-pagination-bullet {
    margin: 0 5.5px !important;
    width: 12px;
    height: 12px;
    background: #FFF;
    border-radius: 12px;
    opacity: 1;
}

.brSwiper2 .swiper-pagination-bullet:last-of-type {
    margin-right: 7px!important;
}

.brSwiper2 .swiper-pagination-bullet-active {
    background: #3050f5;
    opacity: 1;
}

.brSwiper2 .swiper-pagination {
    bottom: 149px !important;
    text-align: right;
}

.brSwiper1 .swiper-slide:hover:before {
    display: none;
}

.wditrTop {
    position: relative;
    display: block;
    width: 100%;
    height: 200px;
    border-radius: 16px 16px 16px 16px;
    margin-bottom: 20px;
    overflow: hidden;
}

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

.wditrTop:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/indextoprbg.png);
}

.wdITopR dl {
    position: relative;
    display: block;
    width: 100%;
    height: 200px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, .04);
}

.wdITopR dl:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 68px;
    height: 62px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    ;background-position: -9px -447px;
}

.wdITopR dt {
    position: relative;
    margin-top: 11px;
    display: block;
    height: 34px;
    line-height: 34px;
    font-size: 18px;
    color: #404040;
    font-weight: bold;
}

.wdITopR dt:before {
    content: "";
    position: relative;
    top: 5px;
    margin-right: 8px;
    margin-left: 16px;
    vertical-align: top;
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -9px -48px;
}

.wdITopR dd {
    position: relative;
    z-index: 1;
    padding: 0 0 0 8px;
    overflow: hidden;
}

.wdITopR dd a {
    display: block;
    float: left;
    width: 94px;
    text-align: center;
    padding: 10px 0 3px 0
}

.wdITopR dd a img {
    width: 72px;
    height: 72px;
    border-radius: 16px
}

.wdITopR dd a p {
    display: block;
    width: 100%;
    margin: auto;
    height: 31px;
    line-height: 32px;
    font-size: 14px;
    color: #333;
    overflow: hidden;
}

.wdITopR dd a img {
    position: relative;
    top: 0;
    transition: all .1s linear;
}

.wdITopR dd a img:hover {
    top: -6px;
    position: relative;
    opacity: 1;
}

    .wdITopR dd a span {
        margin: 0 auto;
        display: block;
        position: relative;
        width: 54px;
        height: 24px;
        background: #FFF3F0;
        border-radius: 4px;
        font-size: 14px;
        color: #3050f5;
        text-align: center;
        line-height: 24px;
    }

.wdITopR dd a:hover span {
    color: #fff;
    background: #3050f5;
}

.wdINews {
    margin-bottom: 10px !important;
}

.wdINCont {
    padding-top: 8px;
    overflow: hidden;
    *zoom: 1;}

.wdINCL {
    float: left;
    width: 340px;
}

.wdINSlider {
    position: relative;
    margin-bottom: 9px;
    height: 270px;
    overflow: hidden;
}

.wdINSlider .swiper-slide {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.wdINSlider .swiper-slide a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.wdINSlider .swiper-slide a img {
    width: 100%;
    height: 224px;
    border-radius: 8px;
}

.wdINSlider .swiper-slide a p {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 46px;
    color: #404040;
    font-size: 16px;
    font-weight: bold;
    line-height: 46px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wdINSlider .swiper-slide a img {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.wdINSlider .swiper-container {
    position: relative;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.wdINSlider .swiper-button-prev,.wdINSlider .swiper-button-next {
    margin: 0;
    top: 65px;
    left: 0;
    width: 33px;
    height: 94px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -9px -163px;
}

.wdINSlider .swiper-button-next {
    left: inherit;
    right: 0;
    background-position: -72px -163px;
}

.wdINSlider .swiper-button-prev:hover {
    background-position: -135px -163px;
}

.wdINSlider .swiper-button-next:hover {
    background-position: -198px -163px;
}

.wdINCLB {
    margin-bottom: 10px;
    overflow: hidden;
}

.wdINCLB a {
    float: left;
    display: block;
    width: 164px;
    height: 170px;
    overflow: hidden;
}

.wdINCLB a:nth-of-type(2n+2) {
    margin-left: 12px;
}

.wdINCLB a div {
    width: 164px;
    height: 112px;
    margin-bottom: 9px;
    border-radius: 8px;
    overflow: hidden;
}

.wdINCLB a img {
    width: 164px;
    min-height: 112px;
    height: auto;
    border-radius: 8px;
}

.wdINCLB a p {
    height: 48px;
    font-size: 16px;
    color: #404040;
    line-height: 24px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.wdINCLB a img {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

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

.wdINCLB a:hover p {
    color: #3050f5
}

.wdINCM {
    float: left;
    width: 462px;
    margin-left: 23px;
    margin-top: -10px;
}

.wdINCM li {
    position: relative;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    *zoom: 1; }

.wdINCM li:before {
    content: "";
    position: relative;
    float: left;
    top: 14px;
    margin-right: 11px;
    vertical-align: top;
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #FF6947;
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
}

.wdINCM li a {
    float: left;
    display: block;
    width: 360px;
    font-size: 16px;
    color: #404040;
    line-height: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wdINCM li:nth-of-type(6n+1) {
    height: 40px;
    line-height: 40px;
    margin-bottom: 3px;
}

.wdINCM li:nth-of-type(6n+1) a {
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
    color: #3050f5;
}

.wdINCM li:nth-of-type(6n+6) {
    border-bottom: 1px dashed #DCDCDC;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.wdINCM li:nth-of-type(12) {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.wdINCM li:nth-of-type(6n+1):before {
    display: none;
}

.wdINCM li:hover a {
    color: #3050f5
}

.wdINCR {
    float: right;
    width: 350px;
    margin-left: 20px;
    margin-top: -10px;
}

.wdINCR li {
    position: relative;
    padding: 10px 0;
    overflow: hidden;
    *zoom: 1;}

.wdINCR li dl {
    float: left;
    width: 191px;
}

.wdINCR li>a {
    float: left;
    margin-right: 18px;
    width: 140px;
    height: 96px;
    border-radius: 8px;
    overflow: hidden;
}

.wdINCR li img {
    float: left;
    width: 100%;
    min-height: 96px;
    height: auto;
    border-radius: 8px;
    overflow: hidden;
}

.wdINCR li dt a {
    display: block;
    font-size: 16px;
    color: #404040;
    height: 56px;
    line-height: 28px;
    margin-top: 1px;
    margin-bottom: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.wdINCR li dd span {
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wdINCR li:hover dt a {
    color: #3050f5
}

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

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

.wdIGame {
    position: relative;
    margin-bottom: 0px!important;
    overflow: hidden;
}

.wdIGame .wdTit:before {
    height: 48px;
    bottom: 0px;
    background-position: -194px -95px;
}

.wdISoft .wdTit:before {
    bottom: 0px;
    background-position: -564px -95px;
}

.wdIGame .tabMenu {
    position: absolute;
    top: 14px;
    left: 218px;
    width: 950px;
    height: 40px;
    overflow: hidden;
}

.wdIGame .tabMenu>div {
    overflow: hidden;
}

.wdIGame .tabMenu span {
    position: relative;
    float: left;
    display: block;
    padding: 0 34px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    color: #999;
    line-height: 40px;
}

.wdIGame .tabMenu span:hover {
    color: #3050f5;
}

.wdIGame .tabMenu span.current {
    color: #3050f5;
    font-weight: bold;
}

.wdIGame .tabMenu span:after {
    content: "/";
    position: absolute;
    right: -3px;
    display: inline-block;
    font-size: 14px;
    font-weight: lighter;
    color: #ccc;
}

.wdIGame .tabMenu span:last-of-type:after {
    display: none;
}

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

.wdIGame .subBox {
    width: 110%;
    overflow: hidden;
    *zoom: 1;}

.wdIGame .subBox a {
    position: relative;
    float: left;
    padding-top: 8px;
    margin-right: 37.4px;
    width: 100px;
    height: 140px;
    text-align: center;
    margin-bottom: 9px;
    overflow: hidden;
}

.wdIGame .subBox a img {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 20px;
    margin: 0 auto;
}

.wdIGame .subBox a p {
    font-size: 16px;
    color: #333;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
}

.wdIGame .subBox a:hover img {
    opacity: .9;
}

.wdIGame .subBox a span {
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    ;width: 54px;
    height: 24px;
    background: #FFF3F0;
    border-radius: 4px;
    font-size: 14px;
    color: #3050f5;
    text-align: center;
    line-height: 24px;
}

.wdIGame .subBox a span {
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

.wdIGame .subBox a:hover span {
    bottom: 5px;
}

.wdIGame .subBox a:hover p {
    display: none;
}

.wdISoft {
    position: relative;
    margin-bottom: 0px!important;
    overflow: hidden;
}

.wdISoft .wdTit:before {
    bottom: 0px;
    background-position: -564px -95px;
}

.wdISoft .tabMenu {
    position: absolute;
    top: 14px;
    left: 218px;
    width: 950px;
    height: 40px;
    overflow: hidden;
}

.wdISoft .tabMenu>div {
    overflow: hidden;
}

.wdISoft .tabMenu span {
    position: relative;
    float: left;
    display: block;
    padding: 0 34px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    color: #999;
    line-height: 40px;
}

.wdISoft .tabMenu span:hover {
    color: #3050f5;
}

.wdISoft .tabMenu span.current {
    color: #3050f5;
    font-weight: bold;
}

.wdISoft .tabMenu span:after {
    content: "/";
    position: absolute;
    right: -3px;
    display: inline-block;
    font-size: 14px;
    font-weight: lighter;
    color: #ccc;
}

.wdISoft .tabMenu span:last-of-type:after {
    display: none;
}

.wdISoft .tabCont {
    position: relative;
    padding-top: 1px;
    overflow: hidden;
    *zoom: 1;}

.wdISoft .subBox {
    width: 110%;
    overflow: hidden;
    *zoom: 1;}

.wdISoft .subBox a {
    position: relative;
    float: left;
    padding-top: 8px;
    margin-right: 37.4px;
    width: 100px;
    height: 140px;
    text-align: center;
    margin-bottom: 9px;
    overflow: hidden;
}

.wdISoft .subBox a img {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 20px;
    margin: 0 auto;
}

.wdISoft .subBox a p {
    font-size: 16px;
    color: #333;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
}

.wdISoft .subBox a:hover img {
    opacity: .9;
}

.wdISoft .subBox a span {
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    ;width: 54px;
    height: 24px;
    background: #FFF3F0;
    border-radius: 4px;
    font-size: 14px;
    color: #3050f5;
    text-align: center;
    line-height: 24px;
}

.wdISoft .subBox a span {
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

.wdISoft .subBox a:hover span {
    bottom: 5px;
}

.wdISoft .subBox a:hover p {
    display: none;
}

.wdIZt {
    position: relative;
    top: -4px;
}

.wrapper .wdIZt {
    margin-bottom: 18px;
}

.wdIZt .wdTit:before {
    bottom: -9px;
    background-position: -378px -95px;
}

.wdIZt .list {
    width: 110%;
    padding-top: 8px;
    overflow: hidden;
}

.wdIZt .list a {
    float: left;
    width: 284px;
    margin-right: 21.5px;
    height: 208px;
    overflow: hidden;
}

.wdIZt .list a .img {
    display: block;
    border: 2px solid transparent;
    width: 280px;
    height: 160px;
    overflow: hidden;
    border-radius: 8px;
}

.wdIZt .list a img {
    width: 100%;
    height: auto;
    min-height: 100%;
}

.wdIZt .list a p {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    color: #404040;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
}

.wdIZt .list a p span {
    flex: 1;
    text-align: left;
}

.wdIZt .list a p i {
    font-size: 14px;
    color: #999;
}

.wdIZt .list a .img:hover {
    border: 2px solid #3050f5;
}

.wdIZt .list a .img img {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

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

.wdIZt .list a:hover p span {
    font-weight: bold;
}

.fgline {
    margin-bottom: 13px;
    display: block;
    width: 1200px;
    height: 14px;
    background: url(../img/fgline.png) no-repeat;
    background-size: 100% 100%;
}

.wdIZt dl {
    width: 110%;
    overflow: hidden;
    *zoom: 1;}

.wdIZt dl dd {
    float: left;
    display: block;
    width: 355px;
    margin-right: 66px;
}

.wdIZt dl li {
    position: relative;
    height: 34.5px;
    line-height: 34.5px;
    overflow: hidden;
    *zoom: 1; }

.wdIZt dl li i {
    content: "";
    position: relative;
    float: left;
    top: 5.5px;
    margin-right: 9px;
    vertical-align: top;
    display: block;
    width: 48px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #88C310;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #88C310;
}

.wdIZt dl li i.yy {
    color: #01AEFD;
    border-color: #01AEFD;
}

.wdIZt dl li a {
    float: left;
    display: block;
    width: 240px;
    font-size: 16px;
    color: #404040;
    line-height: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wdIZt dl li span {
    float: right;
    display: block;
    text-align: right;
    width: 46px;
    font-size: 14px;
    color: #999;
    line-height: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wdIZt dl li:hover a {
    color: #3050f5;
}

.wrapper .wdIRank {
    margin-bottom: 24px;
}

.wdIRank .wdTit:before {
    bottom: 3px;
    background-position: -750px -95px;
}

.wdIRank .tabMenu {
    width: 105%;
    padding: 4px 0;
    overflow: hidden;
    *zoom: 1;}

.wdIRank .tabMenu span {
    position: relative;
    float: left;
    display: block;
    padding: 0 21px 0 23px;
    height: 30px;
    font-size: 14px;
    color: #999;
    line-height: 30px;
    background: #F7F7F7;
    border-radius: 5px;
    margin: 8px 37px 0 0;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
}

.wdIRank .tabMenu span.current,.wdIRank .tabMenu span:hover {
    background: #3050f5;
    color: #fff;
    box-shadow: 0px 0px 4px 1px rgba(245, 84, 48, .36)
}

.wdIRank .subBox ol {
    position: relative;
    width: 106%;
    padding: 20px 0 0;
    overflow: hidden;
    *zoom: 1;}

.wdIRank .subBox ol li {
    float: left;
    position: relative;
    z-index: 1;
    width: 277px;
    height: 130px;
    margin: 0 30px 14px 0;
    overflow: hidden;
}

.wdIRank .subBox ol li a {
    display: block;
    overflow: hidden;
    *zoom: 1;}

.wdIRank .subBox ol li a img {
    float: left;
    width: 120px;
    height: 120px;
    border-radius: 24px;
    margin-right: 20px;
}

.wdIRank .subBox ol li a div {
    float: left;
    width: 137px;
    height: 120px;
}

.wdIRank .subBox ol li a div p {
    display: block;
    font-size: 16px;
    color: #404040;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wdIRank .subBox ol li a div p i {
    position: relative;
    top: 7px;
    vertical-align: top;
    margin-right: 13px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #F0F0F0;
    border-radius: 5px;
    font-size: 16px;
    color: #999;
    text-align: center;
    line-height: 24px;
}

.wdIRank .subBox ol li:nth-of-type(1) a div p i {
    color: #fff;
    font-weight: bold;
    background: #ED4040;
}

.wdIRank .subBox ol li:nth-of-type(2) a div p i {
    color: #fff;
    font-weight: bold;
    background: #FF6947;
}

.wdIRank .subBox ol li:nth-of-type(3) a div p i {
    color: #fff;
    font-weight: bold;
    background: #FFDA05;
}

.wdIRank .subBox ol li a div span {
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    margin-bottom: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wdIRank .subBox ol li a:hover div p {
    color: #3050f5;
}

.wdIRank .subBox ol li a:hover div p i {
    color: #fff;
    background: #3050f5;
}

.typeMenu {
    display: block;
    overflow: hidden;
}

.typeMenu strong {
    position: relative;
    z-index: 1;
    vertical-align: top;
    display: inline-block;
    padding-left: 45px;
    max-width: 101%;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    color: #404040;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.typeMenu strong:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 26px;
    margin: auto;
    bottom: 1px;
    display: block;
    width: 94px;
    height: 20px;
    background: #31F5AE;
    border-radius: 10px;
}

.typeSoftMenu strong:after {
    background: #00B7EE;
}

.wdTypeTop {
    background: #FFF;
    padding: 16px 0 1px;
    border-radius: 16px;
    overflow: hidden;
}

.wdTypeTop .list {
    position: relative;
    width: 102%;
    padding: 19px 0 0 26px;
    overflow: hidden;
    *zoom: 1;}

.wdTypeTop .list a {
    position: relative;
    float: left;
    display: block;
    padding: 0 20px 0 21px;
    height: 45px;
    font-size: 16px;
    color: #666;
    line-height: 45px;
    background: #f7f7f7;
    border-radius: 5px;
    margin: 0 28px 19px 0;
    text-align: center;
}

.wdTypeTop .list a img {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    margin: 10px 9px 0 0;
}

.wdTypeTop .list a.current {
    color: #3050f5;
    font-weight: bold;
    background-color: #FFF3F0;
}

.wdTypeTop .list a:hover {
    color: #3050f5;
    background-color: #FFF3F0;
}

.wdGSList {
    padding: 30px 0 10px;
}

.wdGSList ul {
    position: relative;
    width: 1230px;
    overflow: hidden;
    *zoom: 1;}

.wdGSList ul li {
    position: relative;
    float: left;
    width: 282px;
    height: 266px;
    border: 1px solid #EEE;
    background: #FFFFFF;
    border-radius: 8px;
    margin: 0 21px 20px 0;
    overflow: hidden;
}

.wdGSList ul li>div {
    position: relative;
    overflow: hidden;
    *zoom: 1;}

.wdGSList ul li>div>a {
    float: left;
    padding: 20px 16px 11px 20px;
    display: block;
    width: 88px;
    height: 88px;
    border-radius: 18px;
    overflow: hidden;
}

.wdGSList ul li>div>a img {
    margin: auto;
    width: 88px;
    height: 88px;
    border-radius: 18px;
}

.wdGSList ul li>div>div {
    float: left;
    width: 148px;
    height: 108px;
    overflow: hidden;
}

.wdGSList ul li>div>div span {
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    margin-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wdGSList ul li>div>div a {
    position: relative;
    display: block;
    padding: 20px 0 0;
    height: 30px;
    font-size: 16px;
    color: #404040;
    line-height: 30px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wdGSList ul li>p {
    display: block;
    padding: 2px 13px 0 20px;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.wdGSList ul li>a {
    margin: 14px auto;
    display: block;
    position: relative;
    width: 242px;
    height: 36px;
    background: #FFF3F0;
    border-radius: 8px;
    font-size: 14px;
    color: #3050f5;
    line-height: 36px;
    text-align: center;
}

.wdGSList ul li:hover>a {
    color: #fff;
    background: #3050f5;
}

.wdGSList ul li:hover {
    border-color: #3050f5;
}

.wdGSList ul li:hover>div>div a {
    color: #3050f5
}

.wdZtTop {
    background: #FFF;
    padding: 24px 0 1px;
    border-radius: 16px;
    overflow: hidden;
}

.wdZtTop ul {
    width: 102%;
    padding-left: 7px;
    overflow: hidden;
}

.wdZtTop ul li {
    position: relative;
    float: left;
    width: 280px;
    height: 280px;
    border-radius: 8px;
    margin: 0 0 8px 13px;
    overflow: hidden;
}

.wdZtTop ul li .img {
    position: relative;
    display: block;
    width: 100%;
    height: 172px;
    border-radius: 8px;
    overflow: hidden;
}

.wdZtTop ul li .img img {
    width: 100%;
    min-height: 100%;
    height: auto;
    border-radius: 8px;
}

.wdZtTop ul li .img:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 44px;
    margin: auto;
    overflow: hidden;
    *zoom: 1;background: rgba(0,0,0,.5);
    border-radius: 0 0 8px 8px;
}

.wdZtTop ul li .img strong {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 44px;
    color: #fff;
    font-size: 16px;
    line-height: 44px;
    text-indent: 1.18em;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

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

.wdZtTop ul li .info {
    position: relative;
    display: block;
    height: 76px;
    padding: 16px 1px;
}

.wdZtTop ul li .info img {
    float: left;
    width: 76px;
    height: 76px;
    border-radius: 16px;
    margin-right: 16px;
}

.wdZtTop ul li .info div {
    float: left;
    width: 182px;
    height: 76px;
}

.wdZtTop ul li .info div p {
    display: block;
    font-size: 16px;
    color: #404040;
    line-height: 26px;
    margin-bottom: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wdZtTop ul li .info div span {
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    margin-bottom: 1px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wdZtList {
    padding: 18px 0 9px;
}

.wdZtList ul {
    width: 105%;
    overflow: hidden;
}

.wdZtList ul li {
    position: relative;
    float: left;
    width: 380px;
    height: 451px;
    border-radius: 8px 8px 0 0;
    background: #F7F7F7;
    margin: 10px 30px 20px 0;
    overflow: hidden;
}

.wdZtList ul li>a {
    position: relative;
    display: block;
    width: 100%;
    height: 214px;
    border-radius: 8px;
    overflow: hidden;
}

.wdZtList ul li>a img {
    width: 100%;
    min-height: 100%;
    height: auto;
    border-radius: 8px;
}

.wdZtList ul li>a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 38px;
    margin: auto;
    overflow: hidden;
    *zoom: 1;background: rgba(0,0,0,.5);
    border-radius: 0 0 8px 8px;
}

.wdZtList ul li>a div {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 38px;
    color: #F7F7F7;
    font-size: 16px;
    line-height: 38px;
    overflow: hidden;
    *zoom: 1;}

.wdZtList ul li>a div p {
    float: left;
    display: block;
    width: 260px;
    padding-left: 20px;
    height: 38px;
    color: #F7F7F7;
    font-size: 16px;
    line-height: 38px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wdZtList ul li>a div time {
    float: right;
    display: block;
    width: 90px;
    padding-right: 5px;
    height: 38px;
    color: #F7F7F7;
    font-size: 14px;
    line-height: 38px;
    white-space: nowrap;
    overflow: hidden;
}

.wdZtList ul li>a img {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.wdZtList ul li>a img:hover {
    transform: scale(1.2);
}

.wdZtList ul li>p {
    position: relative;
    display: block;
    margin: 10px 0;
    padding: 0 20px;
    height: 90px;
    line-height: 30px;
    font-size: 16px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.wdZtList ul li>a div p:hover {
    color: #3050f5;
}

.wdZtList ul li .list {
    position: relative;
    padding-left: 12.5px;
    overflow: hidden;
    z-index: 1;
}

.wdZtList ul li .list a {
    float: left;
    padding-top: 3px;
    width: 89px;
    height: 116px;
    text-align: center;
    font-size: 16px;
    color: #404040;
    line-height: 42px;
    overflow: hidden;
}

.wdZtList ul li .list a img {
    display: block;
    width: 72px;
    height: 72px;
    border-radius: 16px;
    margin: auto;
}

.wdZtList ul li .list a:hover {
    color: #3050f5;
}

.wdZtDeTop {
    position: relative;
    width: 1200px;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    *zoom: 1;}

.wdZtDeTop:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/ztdetopbg.png) no-repeat;
    background-size: 100% 100%;
}

.wdZtDeTop .img {
    position: relative;
    z-index: 0;
    width: 518px;
    height: 266px;
    overflow: hidden;
}

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

.wdZtDeTop dl {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 727px;
    height: 241px;
    padding: 25px 25px 0 0;
}

.wdZtDeTop dt,.wdZtDeTop dd {
    display: block;
    overflow: hidden;
}

.wdZtDeTop h1 {
    position: relative;
    padding-left: 87px;
    vertical-align: top;
    display: inline-block;
    max-width: 420px;
    height: 52px;
    line-height: 52px;
    font-size: 30px;
    color: #404040;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wdZtDeTop p {
    position: relative;
    padding-left: 78px;
    display: block;
    height: 90px;
    font-size: 16px;
    color: #404040;
    line-height: 30px;
    margin: 6px 0 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.wdZtDeTop span,.wdZtDeTop em {
    float: left;
    position: relative;
    display: block;
    font-size: 16px;
    color: #999;
    line-height: 28px;
    margin-left: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wdZtDeTop span i {
    color: #3050f5;
}

.wdZtDeTop .tags a {
    display: inline-block;
    vertical-align: top;
    padding: 0 25px;
    height: 32px;
    font-size: 14px;
    color: #999;
    line-height: 32px;
    border-radius: 15px;
    margin: 0 14px 14px 0;
    background: #fff;
}

.wdZtDeTop .tags a:hover {
    color: #3050f5;
}

.wdZtDeTop .tags {
    padding-left: 40px;
}

.wdZtDeTop .tags label {
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    font-weight: bold;
}

.wdZtDeTop .upTime {
    position: absolute;
    right: 30px;
    top: 45px;
}

.wdZtDeTop ~ .wrapper .wdGSList {
    margin-bottom: 0!important;
    padding-top: 30px;
}

.wdZtDeTop ~ .wrapper .wdGSList ul li:nth-of-type(-n+3):before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 1;
    display: block;
    width: 55px;
    height: 37px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -260px -447px;
}

.wdZtDeTop ~ .wrapper .wdZtList {
    padding-top: 0;
}

.wrap {
    width: 1200px;
    margin: 24px auto 0;
    overflow: hidden;
}

.wrapL {
    float: left;
    width: 900px;
    margin-right: 10px;
    overflow: hidden;
}

.wrapR {
    float: right;
    width: 277px;
    overflow: hidden;
}

.wrapR .wdTitle {
    height: 34px;
}

.wrapR .wdTitle strong {
    font-size: 18px;
    line-height: 30px;
}

.wrapR .wdTitle strong:before {
    top: 7px;
    width: 3px;
    height: 18px;
    border-radius: 2px;
    margin-right: 7px;
}

.wrapR .wdTitle a {
    line-height: 30px;
}

.wrapR .wdTitle a:after {
    top: 9px;
}

.wdNList {
    position: relative;
    margin-bottom: 20px;
}

.wdNMenu {
    position: absolute;
    top: -2px;
    right: 0;
    padding-right: 3px;
    max-width: 600px;
    height: 40px;
    overflow: hidden;
}

.wdNMenu a {
    position: relative;
    float: left;
    display: block;
    margin-left: 29px;
    padding: 0 0 0 29px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    color: #999;
    line-height: 40px;
    cursor: pointer;
}

.wdNMenu a:hover {
    color: #3050f5;
}

.wdNMenu a.current {
    color: #3050f5;
    font-weight: bold;
}

.wdNMenu a:after {
    content: "/";
    position: absolute;
    right: -32px;
    display: inline-block;
    font-size: 14px;
    font-weight: lighter;
    color: #ccc;
}

.wdNList ul {
    padding: 1px 0;
    overflow: hidden;
}

.wdNList li {
    margin-bottom: 10px;
    padding: 13px 0 11px;
    height: 160px;
    overflow: hidden;
    *zoom: 1;}

.wdNList li a {
    display: block;
}

.wdNList li>a {
    float: left;
    margin-right: 28px;
    width: 280px;
    height: 160px;
    border-radius: 5px;
    overflow: hidden;
}

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

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

.wdNList li>div {
    float: left;
    width: 592px;
}

.wdNList li>div>a {
    font-size: 22px;
    color: #404040;
    line-height: 36px;
    margin-bottom: 3px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wdNList li>div p {
    display: block;
    height: 90px;
    font-size: 16px;
    color: #999;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.wdNList li>div span {
    position: relative;
    display: block;
    font-size: 16px;
    color: #999;
    line-height: 26px;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.wdNList li:hover>div>a {
    color: #3050f5;
}

.wdNGSR {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 10px;
}

.wdNGSR ul {
    margin-bottom: 6px;
    padding-top: 1px;
}

.wdNGSR li {
    float: left;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.wdNGSR li div {
    width: 110%;
}

.wdNGSR li a {
    float: left;
    padding-top: 9px;
    margin-right: 18.5px;
    width: 80px;
    height: 120px;
    text-align: center;
    font-size: 16px;
    color: #404040;
    line-height: 44px;
    overflow: hidden;
}

.wdNGSR li a img {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 18px;
    margin: auto;
}

.wdNGSR li a:hover {
    color: #3050f5;
}

.wdNGSR .swiper-pagination {
    bottom: 8px;
}

.wdNGSR .swiper-pagination-bullet {
    width: 10px!important;
    height: 10px!important;
    background-color: #DCDCDC;
    opacity: 1;
    border-radius: 50%;
    margin: 0 8px!important;
}

.wdNGSR .swiper-pagination-bullet-active {
    width: 10px !important;
    background-color: #3050f5;
}

.wdNGSR .swiper-button-next,.wdNGSR .swiper-button-prev {
    z-index: 12;
    margin: auto;
    top: auto;
    bottom: 8px;
    cursor: pointer;
    display: block;
    width: 22px;
    height: 22px;
    font-size: 0;
    color: transparent;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -344px -7px;
}

.wdNGSR .swiper-button-prev {
    left: 57px;
    right: auto;
}

.wdNGSR .swiper-button-next {
    right: 57px;
    left: auto;
    transform: rotate(-180deg);
}

.wdNGSR .swiper-button-next:hover, .wdNGSR .swiper-button-prev:hover {
    background-position: -302px -7px;
}

.wdHotZRec {
    position: relative;
    margin: 0 0 10px 0;
}

.wdHotZRec .list {
    position: relative;
    margin-top: -2px;
    width: 110%;
    overflow: hidden;
    z-index: 1;
}

.wdHotZRec .list a {
    float: left;
    margin-top: 14px;
    margin-right: 13px;
    padding: 0 10px;
    width: 112px;
    height: 36px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    background: #FF968B;
    overflow: hidden;
}

.wdHotZRec .list a:hover {
    color: #fff;
}

.wdHotZRec ul {
    position: relative;
    padding: 9px 0 1px;
    overflow: hidden;
    *zoom: 1;}

.wdHotZRec li {
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    *zoom: 1;}

.wdHotZRec li a {
    float: left;
    display: block;
    width: 220px;
    font-size: 16px;
    color: #4D4D4D;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wdHotZRec li span {
    float: right;
    margin-left: 5px;
    display: block;
    text-align: right;
    width: 50px;
    font-size: 14px;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
}

.wdHotZRec li:hover a {
    color: #3050f5;
}

.wdHotZRec .list a:nth-of-type(8n+1) {
    background: #FFAED1;
}

.wdHotZRec .list a:nth-of-type(8n+2) {
    background: #67DDAB;
}

.wdHotZRec .list a:nth-of-type(8n+3) {
    background: #FBE496;
}

.wdHotZRec .list a:nth-of-type(8n+4) {
    background: #FF968B;
}

.wdHotZRec .list a:nth-of-type(8n+5) {
    background: #57BC84;
}

.wdHotZRec .list a:nth-of-type(8n+6) {
    background: #A08AF0;
}

.wdHotZRec .list a:nth-of-type(8n+7) {
    background: #64D2F3;
}

.wdHotZRec .list a:nth-of-type(8n+8) {
    background: #B9DA6A;
}

.wdHotZRec .list a:nth-of-type(8n+1):hover {
    background: #fc83b8;
}

.wdHotZRec .list a:nth-of-type(8n+2):hover {
    background: #1ddb8a;
}

.wdHotZRec .list a:nth-of-type(8n+3):hover {
    background: #facf39;
}

.wdHotZRec .list a:nth-of-type(8n+4):hover {
    background: #fd786a;
}

.wdHotZRec .list a:nth-of-type(8n+5):hover {
    background: #0ccb61;
}

.wdHotZRec .list a:nth-of-type(8n+6):hover {
    background: #7a5bec;
}

.wdHotZRec .list a:nth-of-type(8n+7):hover {
    background: #13c3f8;
}

.wdHotZRec .list a:nth-of-type(8n+8):hover {
    background: #aad544;
}

.wdHotNRec {
    padding-bottom: 21px;
}

.wdHotNRec ul {
    padding-top: 1px;
}

.wdHotNRec li {
    position: relative;
    padding: 8px 0;
    overflow: hidden;
    *zoom: 1;}

.wdHotNRec li>a {
    float: left;
    margin-right: 18px;
    width: 100px;
    height: 70px;
    border-radius: 5px;
    overflow: hidden;
}

.wdHotNRec li img {
    float: left;
    width: 100%;
    min-height: 70px;
    height: auto;
    overflow: hidden;
}

.wdHotNRec li dl {
    float: left;
    width: 156px;
    height: 70px;
    overflow: hidden;
}

.wdHotNRec li dt a {
    display: block;
    font-size: 16px;
    color: #404040;
    height: 48px;
    line-height: 24px;
    margin-top: -2px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.wdHotNRec li dd span {
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wdHotNRec li:hover dt a {
    color: #3050f5;
}

.wdNRankR {
    margin-bottom: 20px;
}

.wdNRankR ol {
    position: relative;
}

.wdNRankR ol li {
    position: relative;
    z-index: 1;
    padding-left: 25px;
    overflow: hidden;
    *zoom: 1;}

.wdNRankR ol li i {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 25px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #999;
    font-weight: bold;
    overflow: hidden;
}

.wdNRankR ol li:nth-of-type(1) i {
    color: #3050f5;
}

.wdNRankR ol li:nth-of-type(2) i {
    color: #13A9FF;
}

.wdNRankR ol li:nth-of-type(3) i {
    color: #F6BC35;
}

.wdNRankR ol li.addi {
    padding-left: 41px;
}

.wdNRankR ol li.addi i {
    font-size: 24px;
    width: 36px;
}

.wdNRankR ol li .tBox {
    position: relative;
    float: left;
    padding: 14px 0;
    overflow: hidden;
    *zoom: 1;}

.wdNRankR ol li .tBox img {
    float: left;
    width: 88px;
    height: 88px;
    border-radius: 20px;
    margin-right: 20px;
}

.wdNRankR ol li .tBox div {
    float: left;
    width: 126px;
    height: 88px;
    overflow: hidden;
}

.wdNRankR ol li .tBox div p {
    display: block;
    font-size: 16px;
    color: #3050f5;
    font-weight: bold;
    line-height: 26px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wdNRankR ol li .tBox div p:nth-of-type(2) {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #999;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wdNRankR ol li .tBox div span {
    display: block;
    margin-top: 10px;
    width: 54px;
    height: 24px;
    font-size: 14px;
    background: #FFF3F0;
    color: #3050f5;
    line-height: 24px;
    border-radius: 4px;
    text-align: center;
}

.wdNRankR ol li .tBox div span:hover {
    background: #3050f5;
    color: #fff;
}

.wdNRankR ol li .fBox {
    height: 40px;
    line-height: 40px;
}

.wdNRankR ol li .fBox a {
    float: left;
    width: 168px;
    font-size: 16px;
    color: #404040;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wdNRankR ol li .fBox span {
    float: right;
    font-size: 14px;
    color: #999;
    padding-right: 20px;
}

.wdNRMenu {
    display: block;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
}

.wdNRMenu span {
    position: relative;
    z-index: 1;
    float: left;
    margin-right: 30px;
    cursor: pointer;
    font-size: 18px;
    color: #999;
    font-weight: bold;
}

.wdNRMenu span:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 4.5px;
    z-index: -1;
    background: transparent;
    display: block;
    width: 100%;
    height: 3px;
}

.wdNRMenu span.current,.wdNRMenu span:hover {
    color: #404040;
}

.wdNRMenu span.current:before {
    background: linear-gradient(to right,#FF827D 0%,#FF914E 100%);
}

.newsbg .wdCrumb {
    background: #fff;
    width: 100%;
}

.newsbg .wdCrumb span {
    color: #3050f5;
}

.newsbg .wdCrumb a {
    color: #999;
}

.newsbg .wrap {
    margin-top: 0;
}

.wdNewsCont {
    position: relative;
    overflow: hidden;
}

.wdNewsCont .intro {
    margin-bottom: 2px;
    padding: 20px 0;
    background: linear-gradient(0deg, rgba(247,247,247,0.8) 0%, rgba(235,235,235,0.8) 100%);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 5px;
    overflow: hidden;
}

.wdNewsCont h1 {
    display: block;
    font-size: 30px;
    color: #404040;
    font-weight: bold;
    line-height: 40px;
    margin: 5px auto 7px;
    text-align: center;
}

.wdNewsCont .intro time {
    margin: 0 auto;
    display: block;
    font-size: 16px;
    color: #999;
    line-height: 36px;
    text-align: center;
}

.wdNewsCont .cont {
    padding: 8px 0 14px;
    background: #FFF;
    font-size: 16px;
    color: #404040;
    line-height: 30px;
    overflow: hidden;
    word-break: break-all;
}

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

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

.wdNewsCont .cont p {
    line-height: 30px;
    color: #404040;
    margin-bottom: 15px;
}

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

.wdNewsCont .cont img {
    max-width: 815px;
    margin: auto;
    display: block;
}

.wdNewsCont .cont p img {
    max-width: 815px;
}

.wdNewsCont .cont h3 {
    position: relative;
    line-height: 30px;
    font-size: 16px;
    color: #3050f5;
    font-weight: bold;
    overflow: hidden;
    *zoom:1;margin-bottom: 9px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.statement {
    height: 39px;
    background: rgba(255, 101, 31, 0.06);
    border-radius: 6px;
    font-size: 14px;
    line-height: 21px;
    color: rgba(51, 51, 51, .72);
    padding: 15px;
    margin: 20px 0;
}

.statement span {
    color: #FA607D;
    font-weight: bold;
    margin-right: 6px;
}

.prevBox {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    *z-index: 1;
}

.prevBox .prevBtn, .prevBox .nextBtn {
    position: relative;
    float: left;
    padding: 0 10px 0 20px;
    display: block;
    width: 365px;
    height: 48px;
    background: #EEEEEE;
    border-radius: 8px;
}

.prevBox .nextBtn {
    float: right;
}

.prevBox .prevBtn span, .prevBox .nextBtn span {
    float: left;
    font-size: 16px;
    color: #999;
    line-height: 48px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.prevBox .prevBtn p, .prevBox .nextBtn p {
    float: left;
    max-width: 292px;
    font-size: 16px;
    color: #999;
    line-height: 48px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.prevBox a:hover {
    background: #3050f5;
}

.prevBox a:hover p,.prevBox a:hover span {
    color: #fff;
}

.prevBox .prevBtn:before,.prevBox .nextBtn:before {
    content: '';
    position: absolute;
    top: 17px;
    margin: auto;
    vertical-align: top;
    display: inline-block;
    width: 8px;
    height: 14px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -387px -34px;
}

.prevBox .prevBtn:before {
    right: -16px;
}

.prevBox .nextBtn:before {
    left: -16px;
}

.prevBox .prevBtn:hover:before,.prevBox .nextBtn:hover:before {
    background-position: -387px -8px;
}

.prevBox .nextBtn:before {
    transform: rotate(-180deg);
}

.wdRNGame {
    position: relative;
    display: block;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 28px;
    padding: 3px;
    background: url(../img/nsgamebg.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 8px;
}

.wdRNGame:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -12px;
    left: -10px;
    display: block;
    width: 123px;
    height: 125px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    ;background-position: -107px -447px;
}

.wdRNGame i {
    position: absolute;
    z-index: 2;
    top: 22px;
    left: 13px;
    display: block;
    transform: rotate(-45deg);
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 21px;
}

.wdRNGame a {
    display: block;
    position: relative;
    overflow: hidden;
    *zoom: 1;}

.wdRNGame .pic {
    float: left;
    padding: 17px 0 0 22px;
}

.wdRNGame .pic img {
    float: left;
    margin-right: 18px;
    width: 100px;
    height: 100px;
    border: 3px solid #FFFFFF;
    border-radius: 20px;
}

.wdRNGame .pic dl {
    position: relative;
    float: left;
    width: 290px;
}

.wdRNGame .pic dt,.wdRNGame dd {
    display: block;
    overflow: hidden;
}

.wdRNGame .pic dl dt strong {
    position: relative;
    z-index: 1;
    vertical-align: top;
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 24px;
    color: #404040;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wdRNGame .pic dl span {
    float: left;
    position: relative;
    margin-bottom: 7px;
    display: block;
    font-size: 16px;
    color: #999;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wdRNGame .pic dl dt a:hover {
    color: #3050f5;
}

.wdRNGame .btn {
    float: left;
    display: block;
    margin-top: 46px;
    width: 154px;
    padding-top: 6px;
    height: 40px;
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    text-align: center;
    background: #4ACE63;
    border-radius: 8px;
    overflow: hidden;
}

.wdRNGame .btn span {
    display: block;
    font-size: 12px;
    line-height: 13px;
}

.wdRNGame .btn:hover {
    text-decoration: underline;
}

.wdRNGame .img {
    float: right;
    position: relative;
    display: block;
    width: 270px;
    height: 140px;
    background: #22AC38;
    border-radius: 5px;
    overflow: hidden;
}

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

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

.wdRNGame .img:hover img {
    transform: scale(1.2);
}

.wdRNGSList {
    margin-bottom: 10px;
}

.wdRNGSList ul {
    position: relative;
    width: 1230px;
    margin-top: 3px;
    overflow: hidden;
    *zoom: 1;}

.wdRNGSList ul li {
    position: relative;
    float: left;
    padding: 12px 0;
    width: 290px;
    height: 88px;
    margin: 0 20px 0 0;
    overflow: hidden;
}

.wdRNGSList ul li>div {
    position: relative;
    overflow: hidden;
    *zoom: 1;}

.wdRNGSList ul li>div>a {
    float: left;
    margin-right: 12px;
    display: block;
    width: 88px;
    height: 88px;
    border-radius: 18px;
    overflow: hidden;
}

.wdRNGSList ul li>div>a img {
    margin: auto;
    width: 88px;
    height: 88px;
    border-radius: 18px;
}

.wdRNGSList ul li>div>div {
    float: left;
    width: 148px;
    height: 108px;
    overflow: hidden;
}

.wdRNGSList ul li>div>div span {
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    margin-top: 3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wdRNGSList ul li>div>div a {
    position: relative;
    display: block;
    padding: 0;
    height: 30px;
    font-size: 16px;
    color: #404040;
    line-height: 31px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wdRNGSList ul li>a {
    margin: auto;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    width: 53px;
    height: 24px;
    background: #FFF3F0;
    border-radius: 4px;
    font-size: 14px;
    color: #3050f5;
    line-height: 24px;
    text-align: center;
}

.wdRNGSList ul li:hover>a {
    color: #fff;
    background: #3050f5;
}

.wdRNGSList ul li:hover {
    border-color: #3050f5;
}

.wdRNZt {
    position: relative;
    background: #fff;
    padding-bottom: 7px;
}

.wdRNZt .tabMenu {
    position: absolute;
    top: -6px;
    right: 0;
    padding: 6px ;
    max-width: 720px;
    height: 44px;
    overflow: hidden;
    *zoom: 1;}

.wdRNZt .tabMenu span {
    position: relative;
    float: right;
    display: block;
    margin: 0 0 8px 18px;
    padding: 0 15px 0 17px;
    text-align: center;
    font-size: 14px;
    color: #999;
    line-height: 36px;
    background: #F7F7F7;
    cursor: pointer;
    border-radius: 5px;
}

.wdRNZt .tabMenu span:hover,.wdRNZt .tabMenu span.current {
    color: #fff;
    background: #3050f5;
    box-shadow: 0px 0px 4px 1px rgba(245, 84, 48, .36);
}

.wdRNZt .tabCont {
    position: relative;
    margin: 16px 0;
}

.wdRNZt .subBox {
    position: relative;
    padding-top: 77px;
}

.wdRNZt .subBox dl {
    position: relative;
    z-index: 2;
    ;display: block;
    padding: 83px 21px 7px;
    width: 280px;
    height: 130px;
    background: #434343;
    border-radius: 8px;
    overflow: hidden;
}

.wdRNZt .subBox dl dt,.wdRNZt .subBox dl dd {
    display: block;
    overflow: hidden;
}

.wdRNZt .subBox dl dt {
    display: flex;
    margin-top: 8px;
}

.wdRNZt .subBox dt a {
    flex: 1;
    position: relative;
    z-index: 1;
    vertical-align: top;
    display: inline-block;
    max-width: 101%;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wdRNZt .subBox dt time {
    font-size: 12px;
    color: #999;
    line-height: 42px;
}

.wdRNZt .subBox dl p {
    position: relative;
    display: block;
    max-height: 72px;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.wdRNZt .subBox .img {
    position: absolute;
    top: 0px;
    left: 21px;
    z-index: 3;
    display: block;
    width: 280px;
    height: 160px;
    background: #EFF7F1;
    border-radius: 8px;
    overflow: hidden;
}

.wdRNZt .subBox .img img {
    display: block;
    min-width: 100%;
    height: 100%;
    width: auto;
    margin: auto;
    border-radius: 6px;
}

.wdRNZt .subBox .img img {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.wdRNZt .subBox .img:hover img {
    transform: scale(1.2);
}

.wdRNZt .subBox .list {
    position: absolute;
    top: 0;
    left: 100px;
    z-index: 0;
    padding: 12px 0 7px 235px;
    width: 588px;
    background: #F7F7F7;
    overflow: hidden;
    z-index: 1;
}

.wdRNZt .subBox .list a {
    float: left;
    margin-top: 9px;
    width: 110px;
    height: 130px;
    text-align: center;
    font-size: 16px;
    color: #333;
    line-height: 44px;
    overflow: hidden;
}

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

.wdRNZt .subBox .list a:hover {
    color: #3050f5;
}

.wdRNZt .subBox dt a:hover {
    color: #3050f5;
}

.wdNewsWay {
    position: relative;
    margin-bottom: 15px;
}

.wdNewsWay ul {
    width: 110%;
    margin: 3px 0 11px;
    overflow: hidden;
    *zoom: 1;}

.wdNewsWay li {
    float: left;
    width: 420px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    *zoom: 1;margin-right: 58px;
}

.wdNewsWay li:before {
    content: "";
    position: relative;
    float: left;
    top: 18px;
    margin-right: 6px;
    vertical-align: top;
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #b4bec0;
    font-size: 0;
    line-height: 0;
    border-radius: 50%;
}

.wdNewsWay li span {
    float: right;
    text-align: right;
    width: 60px;
    font-size: 14px;
    color: #999;
    margin-left: 2px;
    overflow: hidden;
}

.wdNewsWay li a {
    float: left;
    display: block;
    width: 345px;
    font-size: 16px;
    color: #404040;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wdNewsWay li:hover a,.wdNewsWay li:hover span {
    color: #3050f5;
}

.wdNewsWay li:hover:before {
    background: #3050f5;
}

.wdNewsWay .list {
    width: 106%;
    margin-bottom: 10px;
    overflow: hidden;
}

.wdNewsWay .list a {
    float: left;
    display: block;
    width: 210px;
    height: 200px;
    margin-right: 19.5px;
    margin-bottom: 10px;
    overflow: hidden;
}

.wdNewsWay .list a div {
    width: 100%;
    height: 130px;
    margin-bottom: 9px;
    border-radius: 5px;
    overflow: hidden;
}

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

.wdNewsWay .list a p {
    height: 60px;
    font-size: 16px;
    color: #404040;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.wdNewsWay .list a img {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

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

.wdNewsWay .list a:hover p {
    color: #3050f5
}

.wdGameCont {
    margin-bottom: 10px;
    position: relative;
    padding: 0 0 8px;
    background: #fff;
}

.wdGameCont .cont {
    position: relative;
    margin: 10px 0 3px;
    font-size: 16px;
    color: #666;
    line-height: 36px;
    overflow: hidden;
}

.wdGameCont .cont a {
    line-height: 25px;
    text-indent: 0;
    color: #3050f5;
    line-height: 36px;
}

.wdGameCont .cont p {
    color: #666;
    margin-bottom: 6px;
}

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

.wdGameCont .cont img {
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 20px auto;
    display: block;
}

.wdGameCont .cont p img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.wdGameCont .cont h3 {
    position: relative;
    display: block;
    line-height: 36px;
    font-size: 18px;
    color: #404040;
    font-weight: bold;
    margin-top: 12px;
}

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

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

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

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

.wdGameCont .cont i {
    color: #3050f5;
    font-size: 18px;
    font-weight: bold;
}

.wdLog h3 {
    position: relative;
    display: block;
    line-height: 28px;
    font-size: 18px;
    color: #404040;
    font-weight: bold;
    margin-bottom: 10px;
}

.wdLog i {
    color: #3050f5;
    font-size: 18px;
    font-weight: bold;
}

/* rizhi */
.wdLog {
    margin-bottom: 8px;
    position: relative;
    padding: 0;
    background: #fff;
}

.rizhi {
    position: relative;
    padding-top: 8px;
    font-size: 16px;
    color: #333;
    line-height: 28px;
    overflow: hidden;
}

.rizhi strong {
    position: relative;
    display: block;
    color: #1D2127;
    line-height: 30px;
    font-size: 18px;
    font-weight: 400;
}

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

.rizhi p span {
    display: block;
}

.rizhi p br {
    line-height: 2px;
}

.rLog {
    position: absolute;
    top: 4px;
    right: 0px;
    line-height: 24px;
    cursor: pointer;
    font-size: 16px;
    color: #666;
}

.rLog:hover {
    color: #3050f5;
}

.rLog:after {
    content: "";
    position: relative;
    top: 3px;
    vertical-align: top;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 4px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -447px -8px;
}

.rTime {
    position: relative;
    top: -7px;
    display: block;
    padding: 0 42px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
}

.rTime span {
    float: left;
    width: 50%;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #666;
    overflow: hidden;
}

.rTime time {
    float: right;
    width: 50%;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #666;
    overflow: hidden;
}

.rizhi .tit {
    font-size: 16px;
    color: #CCC
}

.rzCont {
    position: relative;
    float: left;
    padding: 25px 0 ;
    width: 100%;
    min-height: 292px;
    background: url(../img/rizhibg.png) no-repeat;
    background-size: 100% auto;
    background-color: #F7F7F7;
    border-radius: 8px;
}

.rzInfo {
    padding: 15px 20px;
    margin: 0 34px;
    background: #fff;
    border-radius: 8px 0px 8px 8px;
}

.rzCont:nth-of-type(2n+2) {
    margin-left: 20px;
}

.rzCont:after {
    content: "";
    position: absolute;
    top: 21px;
    right: 37px;
    display: block;
    display: none;
    width: 7px;
    height: 14px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -487px -8px;
}

.wdVersion {
    margin-bottom: 22px;
    position: relative;
    background: #fff;
}

.wdVersion ul {
    position: relative;
    width: 106%;
    overflow: hidden;
    *zoom: 1;}

.wdVersion ul li {
    position: relative;
    float: left;
    width: 244px;
    height: 120px;
    padding: 6px 21px 12px;
    margin: 16px 21px 0 0;
    background-color: #f7f7f7;
    border-radius: 8px;
    overflow: hidden;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.wdVersion ul li:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 60px;
    height: 57px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    ;background-position: -263px -163px;
}

.wdVersion a:nth-of-type(1) {
    display: block;
    width: 110%;
    font-size: 16px;
    color: #404040;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

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

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

.wdVersion a:nth-of-type(2) div {
    float: left;
    width: 132px;
}

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

.wdVersion a:nth-of-type(2) p:nth-of-type(1) {
    margin-top: -3px;
}

.wdVersion ul li:hover a:nth-of-type(1) {
    color: #3050f5;
}

.wdInfo {
    margin-bottom: 8px;
    position: relative;
    background: #fff;
}

.wdInfo>ul {
    width: 110%;
    margin: 0;
    padding: 4px 0 10px;
    overflow: hidden;
    *zoom: 1;}

.wdInfo>ul li {
    float: left;
    width: 414px;
    margin-right: 72px;
    font-size: 16px;
    color: #666;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    *zoom: 1;}

.wdInfo>ul li span {
    float: left;
    display: block;
    font-size: 16px;
    width: 68px;
    color: #999;
    margin: 0;
    overflow: hidden;
}

.wdInfo>ul li p {
    float: right;
    text-align: right;
    display: block;
    font-size: 16px;
    width: 330px;
    color: #666;
    margin: 0;
    overflow: hidden;
}

.wdInfo>ul li i,.wdInfo>ul li a {
    color: #3050f5;
    cursor: pointer;
}

.wdInfo>ul li i:hover,.wdInfo>ul li a:hover {
    text-decoration: underline;
}

.feBaBtn {
    position: absolute;
    top: 5px;
    right: 0px;
    display: block;
    padding: 0 0 0 9px;
    height: 24px;
    font-size: 16px;
    color: #CCCCCC;
    line-height: 24px;
    cursor: pointer;
}

.feBaBtn i {
    position: relative;
    top: 4px;
    display: inline-block;
    vertical-align: top;
    width: 18px;
    height: 18px;
    background-position: -516px -8px;
    margin-left: 7px;
}

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

.letter3 {
    letter-spacing: 0.45em;
}

.letter4 {
    letter-spacing: .75em;
}

.letter5 {
    letter-spacing: .5em;
}

.letter32 {
    letter-spacing: .32em;
}

.letter53 {
    letter-spacing: .53em;
}

.letter95 {
    letter-spacing: .95em;
}

.showImg {
    position: relative;
}

.screenshot {
    margin-bottom: 24px;
}

.screenshot .intro {
    width: 100%;
    margin: 16px 0;
    position: relative
}

.screenshot .intro .slider-contain {
    position: relative;
    width: 100%;
    height: 414px;
    overflow: hidden;
}

.screenshot .intro .img-slider {
    width: 100%;
    height: 388px;
    text-align: center;
    font-size: 0;
    white-space: nowrap;
}

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

.screenshot .intro .img-slider li {
    border-radius: 8px;
    overflow: hidden;
    width: auto;
    margin-right: 16px;
    display: inline-block;
    height: 388px;
}

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

.screenshot .intro .video-js {
    width: 640px;
    height: 388px;
}

.screenshot .slider-inner-contain {
    position: relative;
    left: 0;
    width: 100%;
    height: 414px;
    overflow-x: scroll;
    overflow-y: hidden;
    background: #fff;
}

.screenshot .slider-contain .a_left {
    position: absolute;
    left: 0;
    top: 168px;
    z-index: 10;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background: url(../img/lightbox/prev.png) no-repeat;
}

.screenshot .slider-contain .a_left,.screenshot .slider-contain .a_right {
    display: none
}

.screenshot .slider-contain:hover .a_left,.screenshot .slider-contain:hover .a_right {
    display: block
}

.screenshot .slider-contain .a_right {
    position: absolute;
    right: 0;
    top: 168px;
    z-index: 10;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background: url(../img/lightbox/next.png) no-repeat;
}

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

.screenshot .slider-inner-contain::-webkit-scrollbar {
    height: 10px !important;
    background-color: #EEEEEE !important;
}

.screenshot .slider-inner-contain::-webkit-scrollbar-thumb {
    height: 10px !important;
    background-color: #FF6947!important;
}

.editerTips {
    position: relative;
    padding: 16px 24px 19px;
    margin: 15px auto;
    border-radius: 8px;
    background: #F7F7F7;
}

.editerTips p {
    font-size: 16px;
    color: #666;
    line-height: 30px;
}

.wdIntroR {
    position: relative;
    float: right;
    overflow: visible;
    margin-left: 20px;
    padding: 14px 20px;
    width: 236px;
    height: 176px;
    background: #fff;
    border-radius: 16px;
    margin: 0 auto;
}

.wdIntroR .swiper-container {
    height: 200px;
}

.wdIntroR ul {
    margin-bottom: 6px;
    padding-top: 1px;
}

.wdIntroR li {
    float: left;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.wdIntroR li div {
    width: 110%;
}

.wdIntroR li a {
    float: left;
    padding-top: 10px;
    margin-right: 16px;
    width: 110px;
    height: 140px;
    text-align: center;
    font-size: 16px;
    color: #333;
    line-height: 42px;
    overflow: hidden;
}

.wdIntroR li a img {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 18px;
    margin: auto;
}

.wdIntroR li a:hover {
    color: #3050f5;
}

.wdIntroR .swiper-pagination {
    bottom: 8px;
}

.wdIntroR .swiper-pagination-bullet {
    width: 10px!important;
    height: 10px!important;
    background-color: rgba(255,255,255,.4);
    opacity: 1;
    border-radius: 50%;
    margin: 0 8px!important;
}

.wdIntroR .swiper-pagination-bullet-active {
    width: 10px !important;
    background-color: rgba(255,255,255,1);
}

.wdIntroR .swiper-button-next,.wdIntroR .swiper-button-prev {
    z-index: 12;
    margin: auto;
    top: auto;
    bottom: 8px;
    cursor: pointer;
    display: block;
    width: 22px;
    height: 22px;
    font-size: 0;
    color: transparent;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -322px -38px;
}

.wdIntroR .swiper-button-prev {
    bottom: 6px;
    left: 39px;
    right: auto;
}

.wdIntroR .swiper-button-next {
    right: 39px;
    left: auto;
    transform: rotate(-180deg);
}

.wdIntroR .swiper-button-next:hover, .wdIntroR .swiper-button-prev:hover {
    background-position: -288px -38px;
}

.wdIntroR .wdTitle {
    height: 34px;
}

.wdIntroR .wdTitle strong {
    font-size: 18px;
    line-height: 30px;
}

.wdIntroR .wdTitle strong:before {
    top: 7px;
    width: 3px;
    height: 18px;
    border-radius: 2px;
    margin-right: 7px;
}

.wdIntroR .wdTitle a {
    line-height: 30px;
}

.wdIntroR .wdTitle a:after {
    top: 9px;
}

.wdIntroWrap {
    position: relative;
    z-index: 1;
    width: 1200px;
    min-height: 204px;
    margin: 0 auto;
}

.wdIntro {
    position: relative;
    z-index: 1;
    float: left;
    width: 900px;
    min-height: 204px;
    background: #fff;
    border-radius: 16px;
    margin: 0 auto;
    overflow: hidden;
    *zoom: 1;}

.wdIntro:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 236px;
    height: 134px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    ;background-position: -740px -847px;
}

.wdIntro img {
    position: relative;
    z-index: 1;
    float: left;
    width: 126px;
    height: 126px;
    border-radius: 26px;
    margin: 23px 23px 10px 23px;
}

.wdIntro .info {
    position: relative;
    z-index: 1;
    float: left;
    width: 580px;
    padding-top: 23px;
    height: 136px;
    overflow: hidden;
}

.wdIntro .info h1 {
    position: relative;
    display: block;
    font-size: 24px;
    color: #404040;
    font-weight: bold;
    line-height: 32px;
    margin: 0 0 10px;
    overflow: hidden;
}

.wdIntro .info ul {
    padding-right: 120px;
    width: 460px;
}

.wdIntro .info ul li {
    width: 110%;
    line-height: 29px;
    font-size: 14px;
    color: #999;
    overflow: hidden;
}

.wdIntro .info ul li span {
    float: left;
    width: 170px;
    margin-right: 2px;
    line-height: 29px;
    font-size: 14px;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis ;
}

.wdIntro .info .tags {
    padding-top: 1px;
    overflow: hidden;
    *zoom: 1;}

.wdIntro .info .tags label {
    float: left;
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 30px;
}

.wdIntro .info .tags a,.wdIntro .info .tags span {
    float: left;
    display: block;
    margin: 0 14px 0 0;
    padding: 0 10px;
    width: 85px;
    text-align: center;
    height: 30px;
    font-size: 14px;
    color: #999;
    background: #F7F7F7;
    border-radius: 15px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wdIntro .info .tags a:hover {
    background-color: #3050f5;
    color: #fff;
}

.downBtn {
    z-index: 1;
    position: absolute;
    top: 55px;
    right: 129px;
    width: 200px;
    min-height: 100px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    *zoom: 1;}

    .downBtn a, .downBtn button {
        position: relative;
        float: left;
        display: block;
        border: none;
        width: 154px;
        height: 40px;
        border-radius: 8px;
        line-height: 40px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        cursor: pointer;
        background-color: #3050f5;
        margin: 10px 0 0 0;
    }

.downBtn .adrBtn:before {
    content: "";
    position: relative;
    top: 9px;
    margin-right: 8px;
    vertical-align: top;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -378px -162px;
}

.downBtn .iosBtn:before {
    content: "";
    position: relative;
    top: 9px;
    margin-right: 8px;
    vertical-align: top;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -425px -162px;
}

.downBtn .orderBtn:before {
    content: "";
    position: relative;
    top: 9px;
    margin-right: 8px;
    vertical-align: top;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -470px -162px;
}

.downBtn .pcBtn:before {
    content: "";
    position: relative;
    top: 10px;
    margin-right: 4px;
    vertical-align: top;
    display: inline-block;
    width: 26px;
    height: 22px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -517px -162px;
}

.downBtn .orderBtn {
    background: #3050f5;
}

.downBtn .iosBtn {
    background: #3168f5;
}

.downBtn .pcBtn {
    background: #D068F4;
}

.downBtn .noBtn {
    background: rgba(102, 102, 102, .5);
    color: rgba(255,255,255,.75);
}

.oTip {
    float: left;
    display: block;
    border-top: 1px dashed #eee;
    margin-top: 8px;
    margin-left: 20px;
    width: 728px;
    line-height: 26px;
    font-size: 14px;
    color: #e0e0e0;
    overflow: hidden;
    padding: 2px 0;
}

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

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

.wdIntro .phb {
    display: block;
    position: absolute;
    top: 0;
    right: 18px;
    z-index: 2;
    width: 110px;
    padding-top: 155px;
    height: 34px;
    overflow: hidden;
}

.wdIntro .phb p {
    font-size: 18px;
    color: #404040;
    line-height: 34px;
    font-weight: bold;
    text-align: center;
}

.wdIntro .phb p em {
    display: inline-block;
    vertical-align: top;
    font-size: 24px;
    color: #ffba4f;
    font-weight: bold;
    line-height: 34px;
}

.wdIntro .phb:before {
    content: "";
    display: block;
    position: absolute;
    top: 34px;
    left: 0;
    z-index: 1;
    width: 110px;
    height: 121px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -345px -447px;
    overflow: hidden;
}

.privacyMain::-webkit-scrollbar,.ruleMain::-webkit-scrollbar,.logMain::-webkit-scrollbar {
    width: 6px !important;
    border-radius: 6px;
    background-color: transparent !important;
}

.privacyMain::-webkit-scrollbar-thumb,.ruleMain::-webkit-scrollbar-thumb,.logMain::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #DFDFDF!important;
}

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

.orderBox {
    position: absolute;
    z-index: 5;
    top: 260px;
    left: 0;
    right: 0;
    margin: auto;
    width: 400px;
    padding: 18px 45px;
    min-height: 302px;
    background-image: linear-gradient(180deg, rgba(252, 212, 69,.36) ,transparent 27%,transparent);
    background-color: #fff;
    text-align: center;
    border-radius: 24px;
    overflow: hidden;
}

.orderBox .oClose {
    position: absolute;
    top: 9px;
    right: 9px;
    margin: auto;
    z-index: 10;
    cursor: pointer;
}

.orderBox .oClose i {
    display: inline-block;
    padding: 10px;
    width: 21px;
    height: 20px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -0px -276px;
    ;position: relative;
}

.orderBox .oClose:hover i {
    background-position: -307px -276px;
}

.orderBox .oTitle {
    position: relative;
    margin-bottom: 10px;
}

.orderBox .oTitle i {
    display: block;
    font-size: 32px;
    color: #333;
    line-height: 72px;
    font-weight: bold;
    text-align: center;
    position: relative;
    margin: 0 auto;
}

.orderBox .oTelBox {
    position: relative;
}

.orderBox .oTelBox i {
    position: absolute;
    top: 15px;
    left: 21px;
    display: block;
    width: 22px;
    height: 33px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -63px -286px;
}

.orderBox .oTelBox:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 60px;
    display: block;
    width: 1px;
    height: 42px;
    background: #ddd;
}

.orderBox form .tel {
    width: 300px;
    height: 60px;
    line-height: 48px;
    background: #efefef;
    border: none;
    color: #999;
    font-size: 18px;
    border-radius: 9px;
    padding: 0 28px 0 72px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox form .tel::-webkit-input-placeholder {
    color: #999;
}

.orderBox form .tel:-moz-placeholder {
    color: #999;
}

.orderBox form .tel::-moz-placeholder {
    color: #999;
}

.orderBox form .tel:-ms-input-placeholder {
    color: #999;
}

.orderBox form .tel:focus {
    color: #808080;
}

.orderBox form p {
    color: #666;
    font-size: 20px;
    line-height: 28px;
    margin-top: 16px;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox form p em {
    color: #FF3333;
}

.orderBox form p:last-of-type {
    text-decoration: none;
    font-size: 16px;
    color: #ccc;
    margin-top: 4px;
}

.orderBox form span {
    color: #ff3232;
    font-size: 14px;
    text-align: left;
    display: block;
    width: 306px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox form .oBtn,.orderBox .oKnow {
    display: block;
    cursor: pointer;
    border: 0;
    background: #CC9966;
    width: 224px;
    height: 48px;
    color: #fff;
    font-size: 20px;
    ;line-height: 48px;
    margin: 19px auto;
    border-radius: 24px;
}

.orderBox .msg {
    display: block;
    color: #ff3232;
    font-size: 14px;
    text-align: left;
    width: 326px;
    margin: 0 auto;
}

.orderBox .oWin {
    width: 100%;
    font-size: 18px;
    border-radius: 3px;
    text-align: center;
}

.orderBox .oWin>strong {
    display: block;
    font-size: 24px;
    color: #3FE7BD;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 36px;
    margin-top: 18px;
}

.orderBox .oWin>i {
    display: block;
    width: 102px;
    height: 76px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -9px -341px;
    margin: auto;
    position: relative;
}

.orderBox .oAgin {
    width: 100%;
    font-size: 18px;
    border-radius: 3px;
    text-align: center;
}

.orderBox .oAgin>strong {
    display: block;
    font-size: 24px;
    color: #77E5FF;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 36px;
    margin-top: 18px;
}

.orderBox .oAgin>i {
    display: block;
    width: 102px;
    height: 77px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -141px -341px;
    margin: auto;
    position: relative;
}

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

.logBox {
    position: absolute;
    z-index: 5;
    top: 160px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    border-radius: 10px;
    width: 520px;
    text-align: center;
}

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

.gLog .gLclose i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: -236px -286px;
}

.gLog .lTitle {
    position: relative;
    display: block;
    text-align: left;
    height: 63px;
    background: #3050f5;
    padding: 0 28px;
    border-radius: 10px 10px 0 0;
}

.gLog .lTitle p {
    display: block;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    line-height: 62px;
    white-space: nowrap;
    overflow: hidden;
}

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

.logMain {
    display: block;
    height: 408px;
    border: none;
    padding: 0 18px 20px 28px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
    margin: 20px auto 35px;
    margin-right: 23px;
    text-align: left;
    overflow: auto;
}

.logMain strong {
    display: block;
    margin-bottom: 6px;
    color: #333;
    line-height: 30px;
    font-size: 16px;
    border-radius: 5px;
    font-weight: bold;
}

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

.logMain p span {
    display: block;
}

.logMain p br {
    line-height: 2px;
}

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

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

.ruleTxt {
    position: absolute;
    z-index: 5;
    top: 160px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    border-radius: 10px;
    width: 520px;
    text-align: center;
}

.gRule .gRclose {
    position: absolute;
    top: 20px;
    right: 20px;
    margin: auto;
    z-index: 10;
    cursor: pointer;
}

.gRule .gRclose i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: -236px -286px;
}

.gRule .oTitle {
    position: relative;
    display: block;
    text-align: left;
    height: 63px;
    background: #3050f5;
    padding: 0 28px;
    border-radius: 10px 10px 0 0;
}

.gRule .oTitle p {
    display: block;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    line-height: 62px;
    white-space: nowrap;
    overflow: hidden;
}

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

.ruleMain {
    display: block;
    height: 408px;
    border: none;
    padding: 0 18px 20px 28px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
    margin: 20px auto 35px;
    margin-right: 23px;
    text-align: left;
    overflow: auto;
}

.ruleMain strong {
    display: block;
    margin-bottom: 6px;
    color: #333;
    line-height: 30px;
    font-size: 16px;
    border-radius: 5px;
    font-weight: bold;
}

.ruleMain p {
    margin-bottom: 10px;
    border-bottom: none;
    display: block;
}

.ruleMain p span {
    display: block;
}

.ruleMain p br {
    line-height: 2px;
}

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

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

.privacyTxt {
    position: absolute;
    z-index: 5;
    top: 160px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    border-radius: 10px;
    width: 520px;
    text-align: center;
}

.gPrivacy .gPclose {
    position: absolute;
    top: 20px;
    right: 20px;
    margin: auto;
    z-index: 10;
    cursor: pointer;
}

.gPrivacy .gPclose i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: -236px -286px;
}

.gPrivacy .oTitle {
    position: relative;
    display: block;
    text-align: left;
    height: 63px;
    background: #3050f5;
    padding: 0 28px;
    border-radius: 10px 10px 0 0;
}

.gPrivacy .oTitle p {
    display: block;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    line-height: 62px;
    white-space: nowrap;
    overflow: hidden;
}

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

.privacyMain {
    display: block;
    height: 408px;
    border: none;
    padding: 0 18px 20px 28px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
    margin: 20px auto 35px;
    margin-right: 23px;
    text-align: left;
    overflow: auto;
}

.privacyMain strong {
    display: block;
    margin-bottom: 6px;
    color: #333;
    line-height: 30px;
    font-size: 16px;
    border-radius: 5px;
    font-weight: bold;
}

.privacyMain p {
    margin-bottom: 10px;
    border-bottom: none;
    display: block;
}

.privacyMain p span {
    display: block;
}

.privacyMain p br {
    line-height: 2px;
}

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

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

.feBackBox {
    position: absolute;
    z-index: 5;
    top: 68px;
    left: 0;
    right: 0;
    margin: auto;
    background: url(../img/maskfkbg.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 6px;
    width: 500px;
    min-height: 700px ;
    padding: 12px 10px 11px;
    text-align: center;
}

.feBackBox .cont {
    padding-top: 13px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.feBaClose {
    position: absolute;
    height: 37px;
    top: 15px;
    right: 14px;
    ;z-index: 10;
    cursor: pointer;
}

.feBaClose i {
    display: inline-block;
    width: 36px;
    height: 37px;
    background-position: 1px -278px;
}

.feBackBox .fTitle {
    position: relative;
    display: block;
    text-align: left;
    height: 70px;
}

.feBackBox .fTitle p {
    display: block;
    font-size: 0;
    color: #333;
    font-weight: bold;
    line-height: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
}

.feBackBox .feSubmit input {
    display: block;
    cursor: pointer;
    border: 0;
    width: 224px;
    height: 48px;
    background: #3FE7BD;
    border-radius: 24px;
    line-height: 48px;
    font-size: 22px;
    color: #fff;
    margin: 28px auto 20px;
    overflow: hidden;
    white-space: nowrap;
}

.feBack {
    margin: 0 0 25px;
}

.feBack>span {
    font-size: 22px;
    color: #000;
    line-height: 42px;
    margin: 5px 25px 0;
    display: block;
    text-align: left;
}

.feBack .info {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: auto;
}

.feBack .info p {
    font-size: 14px;
    color: #333;
    line-height: 88px;
}

.otherRe {
    margin: 6px 22px 10px;
    min-height: 80px;
    background: #f6f6f6;
    border-radius: 6px;
    overflow: hidden;
    padding: 10px 20px;
}

.feBack textarea {
    width: 100%;
    height: 80px;
    line-height: 24px;
    border: none;
    resize: none;
    background: transparent;
    font-size: 16px;
    color: #666;
}

.checkbox {
    position: relative;
    display: block;
    width: 100%;
    height: 52px;
    line-height: 52px;
    cursor: pointer;
}

.checkbox:nth-last-child(1) {
    border-bottom: none;
}

.checkbox input[type='checkbox'] {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    opacity: 0;
}

.checkbox label {
    position: absolute;
    left: 62px;
    top: 0;
    height: 52px;
    line-height: 52px;
    width: 415px;
    font-size: 18px;
    color: #666;
    text-align: left;
}

.checkbox label:after {
    content: '';
    position: absolute;
    left: -38px;
    top: 13px;
    width: 27px;
    height: 27px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -115px -286px;
}

.checkbox input[type='checkbox']:checked + label:after {
    background-position: -170.5px -284.5px;
}

.telBox {
    overflow: hidden;
    margin: 0 22px 10px;
    background: #f6f6f6;
    border-radius: 6px;
    overflow: hidden;
    height: 53px;
    line-height: 53px;
    margin-top: 6px;
}

.telBox input {
    display: block;
    border: none;
    width: 436px;
    padding: 0 10px;
    height: 53px;
    line-height: 53px;
    background: #f6f6f6;
    border-radius: 10px;
    font-size: 16px;
    color: #454545;
}

.telBox input::-webkit-input-placeholder {
    color: #B4B9C2;
}

.telBox input:-moz-placeholder {
    color: #B4B9C2;
}

.telBox input::-moz-placeholder {
    color: #B4B9C2;
}

.telBox input:-ms-input-placeholder {
    color: #B4B9C2;
}

.wdNTop {
    position: relative;
    width: 1200px;
    overflow: hidden;
    *zoom: 1;}

.wdNTopL {
    position: relative;
    float: left;
    width: 600px;
}

.wdNTopL .swiper-slide {
    width: 600px;
    height: 314px;
    border-radius: 16px 0px 0px 16px;
    background: #fff;
    overflow: hidden;
}

.wdNTopL .swiper-slide a {
    display: block;
    width: 600px;
    height: 314px;
    border-radius: 16px 0px 0px 16px;
    overflow: hidden;
}

.wdNTopL .swiper-slide img {
    display: block;
    width: 100%;
    min-height: 100%;
    height: auto;
}

.wdNTopL .swiper-slide a:before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 56px;
    text-align: center;
    border-radius: 0 0 0 15px;
}

.wdNTopL .swiper-slide p {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    display: block;
    padding-left: 21px;
    width: 460px;
    height: 56px;
    line-height: 56px;
    font-size: 18px;
    color: #f7f7f7;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wdNTopL .swiper-pagination {
    width: 100px;
    bottom: 18px;
    right: 16px;
    text-align: right;
}

.wdNTopL .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    background-color: rgba(255, 255, 255, .5);
    width: 10px;
    height: 10px;
    opacity: 1;
    border-radius: 5px;
}

.wdNTopL .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background-color: rgba(255, 255, 255, 1);
}

.wdNTopR {
    float: right;
    width: 574px;
    margin-left: 24px;
    padding: 14px 0 0;
}

.wdNTopR li {
    position: relative;
    height: 33px;
    line-height: 33px;
    padding-right: 2px;
    overflow: hidden;
    *zoom: 1; }

.wdNTopR li:before {
    content: "";
    position: relative;
    float: left;
    top: 14.5px;
    margin-right: 6px;
    vertical-align: top;
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #3050f5;
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
}

.wdNTopR li a {
    float: left;
    display: block;
    width: 486px;
    font-size: 16px;
    color: #404040;
    line-height: 33px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wdNTopR li span {
    float: right;
    display: block;
    text-align: center;
    width: 72px;
    font-size: 14px;
    color: #999;
    line-height: 33px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wdNTopR li:hover a,.wdNTopR li:hover span {
    color: #3050f5 ;
}

.wdNTopR li:nth-of-type(1):before {
    display: none;
}

.wdNTopR li:nth-of-type(1) a {
    float: initial;
    width: 98%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #3050f5;
}

.wdNTopR li:nth-of-type(1) span {
    display: none;
}

.wdNTopR li:nth-of-type(1) {
    height: 52px;
    line-height: 50px;
}

.wdNTopR li:nth-of-type(1) a {
    line-height: 50px;
    font-size: 28px;
}

.wdNTopLR {
    float: left;
    width: 1030px;
    height: 314px;
    background-image: linear-gradient(to right,rgba(255,255,255,0) 5% ,#fff 5%,#fff 100%);
    border-radius: 16px;
    overflow: hidden;
    *zoom: 1;}

.wdNTopR {
    float: left;
    width: 400px;
}

.wdNTopR li a {
    width: 300px;
}

.wdNTopR li span {
    width: 55px;
    text-align: left;
}

.wdNTop dl {
    float: right;
    width: 146px;
    height: 314px;
    overflow: hidden;
    margin-left: 20px;
}

.wdNTop dl dd {
    position: relative;
    float: left;
    width: 146px;
    height: 92px;
    border-radius: 8px;
    margin: 0 0 18px 0;
    overflow: hidden;
}

.wdNTop dl dd a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.wdNTop dl dd a img {
    width: 100%;
    min-height: 100%;
    height: auto;
}

.wdNTop dl dd a p {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    padding: 0 6px 0 10px;
    width: 130px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    background: rgba(0,0,0,.4);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wdNTop dl dd a img {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.wdNTop dl dd a img:hover {
    transform: scale(1.4) rotate(10deg);
}

.wdINCM li span {
    float: right;
    display: block;
    width: 62px;
    font-size: 14px;
    color: #999;
    line-height: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center
}

.wdINCM li:nth-of-type(6n+1) span {
    display: none
}

.oTip {
    color: #999
}

/* 0331 */
.wdIntro {
    min-height: 220px;
}

.oTip {
    padding-top: 6px;
    margin-top: 10px;
    position: relative;
    z-index: 1;
}

.wdIntro .phb {
    top: 17px;
}

.feBaBtn {
    position: absolute;
    z-index: 2;
    top: 12px;
    right: 38px;
    color: #e7040e;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #e7040e;
    display: flex;
    align-items: center;
    text-decoration: underline;
    cursor: pointer;
}

.feBaBtn:before {
    position: relative;
    top: 1px;
    content: "!";
    font-weight: bold;
    font-size: 12px;
    line-height: 13px;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    display: inline-block;
    border: 2px solid #e7040e;
    border-radius: 50%;
    text-align: center;
}

.wdZtDeTop {
    position: relative;
}

.wdZtDeTop:after {
    content: "";
    top: 0;
    right: 10px;
    position: absolute;
    z-index: 1;
    border-bottom: 1px solid #f5b7b9;
    border-right: 1px solid #f5b7b9;
    border-radius: 0 0 50px 50px;
    width: 68px;
    height: 30px;
    background-color: #FFF3F0;
}

.wdZtDeTop .feBaBtn {
    position: absolute;
    z-index: 2;
    top: 1px;
    right: 22px;
    color: #e7040e;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    color: #e7040e;
    display: flex;
    align-items: center;
    text-decoration: underline;
    cursor: pointer;
}

.wdZtDeTop .feBaBtn:before {
    position: relative;
    top: 0;
    content: "!";
    font-weight: bold;
    font-size: 11px;
    line-height: 12px;
    width: 13px;
    height: 13px;
    margin-right: 3px;
    display: inline-block;
    border: 1px solid #e7040e;
    border-radius: 50%;
    text-align: center;
}

@keyframes shake {
    0%,100% {
        transform: scale(1.05) translateX(0)
    }

    25% {
        transform: scale(1.05) translateX(-5px)
    }

    50% {
        transform: scale(1.05) translateX(5px)
    }

    75% {
        transform: scale(1.05) translateX(-5px)
    }
}

@keyframes flash {
    0%,100% {
        transform: scale(1.05)
    }

    50% {
        transform: scale(1.1)
    }
}

@keyframes swing {
    0%,100% {
        transform: scale(1.05) rotate(0deg)
    }

    50% {
        transform: scale(1.05) rotate(10deg)
    }
}

@keyframes float {
    0%,100% {
        transform: scale(1.05) translateY(0)
    }

    50% {
        transform: scale(1.05) translateY(-10px)
    }
}

@keyframes fadeInOut {
    0%,100% {
        opacity: .5
    }

    50% {
        opacity: 1
    }
}

.gdTitle,.gmTitle,.inTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    line-height: 18px;
    color: #1F2121
}

.gdTitle .titleL,.gmTitle .titleL,.inTitle .titleL {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 32px;
    line-height: 36px
}

.gdTitle>a.titleR,.gmTitle>a.titleR,.inTitle>a.titleR {
    height: 32px;
    line-height: 32px;
    color: #1F2121;
    background: #4CF02A;
    border-radius: 16px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: center
}

.gdTitle>a.titleR::after,.gmTitle>a.titleR::after,.inTitle>a.titleR::after {
    content: ">";
}

.gdTitle>a.titleR:hover,.gmTitle>a.titleR:hover,.inTitle>a.titleR:hover {
    opacity: .85
}

.tqlInBodyWrap {
    width: 1200px;
    margin: 30px auto 0;
    background: #FFFFFF
}

.tqlInBodyWrap .inTitle>a.titleR:hover {
    background: #29f095;
    opacity: 1
}

.tqlUpBodyWrap .inTitle .titleL i {
    color: #4CF02A;
    font-weight: bold;
}

.tqlUpBodyWrap .inTitle>a.titleR:hover {
    background: #29f095;
    opacity: 1
}

.multiColumnList {
    display: grid;
    grid-template-columns: repeat(10, 8.2%);
    justify-content: space-between
}

.imgBox {
    overflow: hidden
}

.imgBox>img {
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    display: block;
    object-fit: cover;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.tqlUpBodyWrap .tqlUpHotBox .boxWrap {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 16px 26px 26px
}

.tqlUpBodyWrap .tqlUpHotBox .boxWrap .multiColumnList {
    font-size: 16px;
    line-height: 20px;
    color: #1F2121;
    grid-template-columns: repeat(5, 205px)
}

.tqlUpBodyWrap .tqlUpHotBox .boxWrap .multiColumnList li a {
    margin-top: 22px;
    display: flex;
    flex-direction: column;
    height: 184px;
    background: #F6F7FF;
    border-radius: 8px
}

.tqlUpBodyWrap .tqlUpHotBox .boxWrap .multiColumnList li a .imgBox {
    width: 205px;
    height: 120px;
    border-radius: 8px 8px 0px 0px
}

.tqlUpBodyWrap .tqlUpHotBox .boxWrap .multiColumnList li a:hover .imgBox img {
    animation: shake 2s infinite
}

.tqlUpBodyWrap .tqlUpHotBox .boxWrap .multiColumnList li a .txtBox {
    height: 64px;
    padding: 11px 6px 9px 16px
}

.tqlUpBodyWrap .tqlUpHotBox .boxWrap .multiColumnList li a .txtBox p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tqlUpBodyWrap .tqlUpHotBox .boxWrap .multiColumnList li a .txtBox p.time {
    margin-top: 5px;
    display: flex;
    align-items: center
}

.tqlUpBodyWrap .tqlUpHotBox .boxWrap .multiColumnList li a .txtBox p.time span {
    display: flex;
    align-items: center
}

.tqlUpBodyWrap .tqlUpHotBox .boxWrap .multiColumnList li a .txtBox p.time span::after {
    content: "|";
    display: inline-block;
    margin: -2px 6px 0
}

.tqlUpBodyWrap .tqlUpHotBox .boxWrap .multiColumnList li a .txtBox p.time span:last-child::after {
    display: none
}

.typeXinMenu strong:after {
    background: #4CF02A
}

.typeXinMenu strong {
    left: -20px;
}

.time {
    font-size: 14px;
    line-height: 18px;
    color: #999;
    font-weight: normal
}

.tqlUpBodyWrap .tqlUpListBox {
    margin-top: 30px
}

.tqlUpBodyWrap .tqlUpListBox:nth-child(3) {
    margin-top: 28px
}

.tqlUpBodyWrap .tqlUpListBox .boxWrap {
    background: #FFFFFF;
    border-radius: 12px;
}

.tqlUpBodyWrap .tqlUpListBox .boxWrap>ul {
    margin: 13px -9px 0;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    color: #A8A8A8
}

.tqlUpBodyWrap .tqlUpListBox .boxWrap>ul li {
    margin: 15px 9px 0;
    padding: 0 16px 0 15px;
    background: #F6F7FF;
    border-radius: 16px;
    height: 32px;
    line-height: 32px;
    cursor: pointer
}

.tqlUpBodyWrap .tqlUpListBox .boxWrap>ul li a {
    color: inherit;
    display: block
}

.tqlUpBodyWrap .tqlUpListBox .boxWrap>ul li.active {
    background: #4CF02A;
    color: #FFFFFF;
    box-shadow: 0 0 8px 0 rgba(76,240,42,0.3)
}

.tqlUpBodyWrap .tqlUpListBox .boxWrap .tabsCont .multiColumnList li a:hover {
    border: 1px solid #3050f5 ;
}

.tqlUpBodyWrap .tqlUpListBox .boxWrap .tabsCont .multiColumnList {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    grid-template-columns: repeat(5, 200px);
    padding-bottom: 20px;
}

.tqlUpBodyWrap .tqlUpListBox .boxWrap .tabsCont .multiColumnList li a {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 250px;
    background: #FFFFFF;
    border-radius: 12px;
    border: 1px solid #EDEDED;
    padding: 24px 10px 18px
}

.tqlUpBodyWrap .tqlUpListBox .boxWrap .tabsCont .multiColumnList li a .imgBox {
    width: 120px;
    height: 120px;
    border-radius: 24px
}

.tqlUpBodyWrap .tqlUpListBox .boxWrap .tabsCont .multiColumnList li a:hover .imgBox img {
    animation: flash 2s infinite
}

.tqlUpBodyWrap .tqlUpListBox .boxWrap .tabsCont .multiColumnList li a p {
    margin-top: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tqlUpBodyWrap .tqlUpListBox .boxWrap .tabsCont .multiColumnList li a p.time {
    margin-top: 9px;
    display: flex;
    align-items: center
}

.tqlUpBodyWrap .tqlUpListBox .boxWrap .tabsCont .multiColumnList li a p.time span {
    display: flex;
    align-items: center
}

.tqlUpBodyWrap .tqlUpListBox .boxWrap .tabsCont .multiColumnList li a p.time span::after {
    content: "|";
    display: inline-block;
    margin: -1px 8px 0
}

.tqlUpBodyWrap .tqlUpListBox .boxWrap .tabsCont .multiColumnList li a p.time span:last-child::after {
    display: none
}

.tqlUpBodyWrap .tqlUpListBox .boxWrap .tabsCont .multiColumnList li a p.time:last-child {
    margin-top: 10px
}

.tqlUpBodyWrap .tqlUpTxtBox {
    margin-top: 30px
}

.tqlUpBodyWrap .tqlUpTxtBox .boxWrap {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 33px 36px 33px;
    font-size: 16px;
    line-height: 24px
}

.tqlUpBodyWrap .tqlUpTxtBox .boxWrap .boxTop .multiColumnList li a {
    display: block;
    margin-top: 25px
}

.tqlUpBodyWrap .tqlUpTxtBox .boxWrap .boxTop .multiColumnList li a .imgBox {
    width: 260px;
    height: 146px;
    border-radius: 12px
}

.tqlUpBodyWrap .tqlUpTxtBox .boxWrap .boxTop .multiColumnList li a .txtBomargin-top: 11pposition: relative }

.tqlUpBodyWrap .tqlUpTxtBox .boxWrap .boxTop .multiColumnList li a .txtBox overflow: hiddetext-overflow: ellipsidisplay: -webkit-bo-webkit-line-clamp: -webkit-box-orient: vertical}

.tqlUpBodyWrap .tqlUpTxtBox .boxWrap .boxTop .multiColumnList li a .txtBox p.time {
    position: absolute;
    right: 0;
    bottom: 2px;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0, #fff 48px, #fff 100%);
    padding-left: 50px
}

.tqlUpBodyWrap .tqlUpTxtBox .boxWrap>.multiColumnList {
    padding-top: 6px;
    grid-template-columns: repeat(4, 260px)
}

.tqlUpBodyWrap .tqlUpTxtBox .boxWrap>.multiColumnList li a {
    margin-top: 24px;
    display: flex;
    align-items: center
}

.tqlUpBodyWrap .tqlUpTxtBox .boxWrap>.multiColumnList li a .imgBox {
    width: 124px;
    height: 80px;
    border-radius: 8px
}

.tqlUpBodyWrap .tqlUpTxtBox .boxWrap>.multiColumnList li a .txtBox {
    padding-left: 20px;
    flex: 1;
    width: 0
}

.tqlUpBodyWrap .tqlUpTxtBox .boxWrap>.multiColumnList li a .txtBox p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.tqlUpBodyWrap .tqlUpTxtBox .boxWrap>.multiColumnList li a .txtBox p.time {
    margin-top: 11px
}

.tqlUpBodyWrap .yxgcTpSwBox .swiper-slide {
    width: 792px;
    height: 345px;
    border-radius: 3px;
    position: relative;
    margin-right: 20px
}

.tqlUpBodyWrap .yxgcTpSwBox .swiper-slide:last-child {
    margin-right: 0
}

.tqlUpBodyWrap .yxgcTpSwBox .swiper-slide:hover>img {
    transform: scale(1.05)
}

.tqlUpBodyWrap .yxgcTpSwBox .swiper-slide .txtBox {
    background: rgba(0,0,0,0.35);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 32px 340px 30px 30px;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.tqlUpBodyWrap .yxgcTpSwBox .swiper-slide .txtBox .tipBox {
    width: fit-content;
    padding: 0 15px;
    height: 24px;
    line-height: 23px;
    background: #FF6C37;
    border-radius: 4px;
    font-size: 12px;
    color: #FFFFFF
}

.tqlUpBodyWrap .yxgcTpSwBox .swiper-slide .txtBox .infoBox p {
    margin-top: 8px;
    font-size: 13px;
    color: rgba(255,255,255,0.6);
    line-height: 22px
}

.tqlUpBodyWrap .yxgcTpSwBox .swiper-slide .txtBox .infoBox p.title {
    margin-top: -28px;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 28px
}

.tqlUpBodyWrap .yxgcTpSwBox .swiper-slide .txtBox .linkBtn {
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    background: #FFFFFF;
    border-radius: 6px
}

.tqlUpBodyWrap .yxgcTpSwBox .swiper-slide .txtBox .linkBtn::after {
    content: "";
    display: block;
    width: 14px;
    height: 10px;
    background-position: -86px -7px;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 1000px 1000px
}

.tqlUpBodyWrap .yxgcTpSwBox .swiper-slide.swiper-slide-active .linkBtn {
    visibility: visible
}

.tqlUpBodyWrap .yxgcTpListBox {
    margin-top: 20px
}

.tqlUpBodyWrap .yxgcTpListBox .boxWrap>ul {
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    color: #999
}

.tqlUpBodyWrap .yxgcTpListBox .boxWrap>ul li a {
    margin: 5px 24px 0 0;
    display: block;
    height: 38px;
    line-height: 38px;
    padding: 0 21px;
    background: #fff;
    border-radius: 19px
}

.tqlUpBodyWrap .yxgcTpListBox .boxWrap>ul li.active a {
    font-weight: bold;
    color: #FFFFFF;
    background: #4CF02A
}

.tqlUpBodyWrap .yxgcTpListBox .boxWrap .tabInfo .multiColumnList {
    margin-top: -4px;
    grid-template-columns: repeat(4, 288px);
    font-size: 16px;
    color: #323232;
    line-height: 24px
}

.tqlUpBodyWrap .yxgcTpListBox .boxWrap .tabInfo .multiColumnList li a {
    margin-top: 20px;
    display: block;
    width: 100%;
    height: 260px;
    background: #FFFFFF;
    border-radius: 3px;
    padding: 20px 20px 22px
}

.tqlUpBodyWrap .yxgcTpListBox .boxWrap .tabInfo .multiColumnList li a .imgBox {
    width: 248px;
    height: 157px;
    border-radius: 3px
}

.tqlUpBodyWrap .yxgcTpListBox .boxWrap .tabInfo .multiColumnList li a:hover .imgBox img {
    transform: scale(1.05)
}

.tqlUpBodyWrap .yxgcTpListBox .boxWrap .tabInfo .multiColumnList li a .txtBox p {
    margin-top: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tqlUpBodyWrap .yxgcTpListBox .boxWrap .tabInfo .multiColumnList li a .txtBox p.time {
    margin-top: 3px;
    color: #666;
    opacity: .5
}

.tqlUpBodyWrap .yxgcTpListBox .boxWrap .tabInfo .pageCode {
    margin-top: 30px
}

.tqlUpBodyWrap .tqlUpListBox .boxWrap>ul li:hover {
    background: rgba(76,240,42,0.2);
    color: #333;
}

.tqlUpBodyWrap .tqlUpListBox .boxWrap>ul li.active:hover {
    background: #4CF02A;
    color: #FFFFFF;
    box-shadow: 0 0 8px 0 rgba(76, 240, 42, 0.3);
}