﻿ * {
    margin: 0;
    padding: 0;
}

html,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;
    font-family: Microsoft YaHei;
}

html {
    overflow-x: hidden;
}

body {
    overflow: hidden;
    min-width: 1200px;
    font-size: 12px;
}

ul,ol,li {
    list-style: none;
}

img {
    border: 0;
}

a {
    color: #000;
    text-decoration: none
}

em,i {
    font-style: normal;
}

a:focus,input {
    outline: none;
}

a {
    outline: none;
    star: expression(this.onFocus=this.blur());
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    direction: ltr;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform,left,top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px,0,0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform,left,top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px,0,0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform,left,top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px,0,0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px,0px);
    -ms-transition-property: -ms-transform,left,top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px,0,0);
    -ms-transition-timing-function: ease;
    transition-property: transform,left,top;
    transition-duration: 0s;
    transform: translate3d(0px,0,0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}
.swiper-wrapper .slide-pic img {
position: absolute;
}
.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x
}

.wrap {
    background: #F6F7F7 url(../image/bg18.jpg) top center no-repeat;
}

.main {
    position: relative;
    padding-top: 610px;
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 50px;
}

.navBox {
    position: absolute;
    height: 610px;
    width: 250px;
    left: 0;
    top: 0;
    background: url(../image/navBg1.png);
}

.logo {
    height: 128px;
    width: 100%;
    float: left;
    background: #92cfbc;
}

.logo img {
    display: block;
    margin: 0 auto;
    height: 128px;
}

.nav {
    background: #45816F;
    float: left;
    width: 100%;
    height: 482px;
}

.nav li {
    width: 100%;
    float: left;
    height: 79px;
}

.nav li+li {
    border-top: 1px solid #689B8B;
}

.nav li a {
    padding-left: 105px;
    display: block;
    height: 79px;
    background: url(../image/nav.png) no-repeat;
}

.nav li a.a1 {
    background-position: 60px 23px;
}

.nav li a.a2 {
    background-position: 60px -56px;
}

.nav li a.a3 {
    background-position: 60px -138px;
}

.nav li a.a4 {
    background-position: 60px -218px;
}

.nav li a.a5 {
    background-position: 60px -298px;
}

.nav li a.a6 {
    background-position: 60px -378px;
}

.nav li a p {
    color: #f0fffa;
    font-size: 18px;
    padding-top: 20px;
    padding-bottom: 1px;
}

.nav li a span {
    color: #739F91;
    font-size: 12px;
    letter-spacing: 3px;
}

.nav li a:hover p {
    color: #f7d78b;
}

.nav li a:hover span {
    color: #6F9274;
}

.nav li a:hover.a1 {
    background-position: -146px 23px;
}

.nav li a:hover.a2 {
    background-position: -146px -56px;
}

.nav li a:hover.a3 {
    background-position: -146px -138px;
}

.nav li a:hover.a4 {
    background-position: -146px -218px;
}

.nav li a:hover.a5 {
    background-position: -146px -298px;
}

.nav li a:hover.a6 {
    background-position: -146px -378px;
}

.MBox {
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
}

.dlBox {
    width: 250px;
    height: 380px;
    background: #48816E;
    float: left;
}

.zlStart,.loginStart {
    background-image: url(../image/btn1.jpg);
    background-repeat: no-repeat;
}


.zlStart {
    width: 100%;
    height: 100px;
    display: block;
    font-size: 0;
}

.zlStart:hover {
    background-position: 0 -103px;
}

.dl {
    padding: 20px 15px 0 15px;
    height: 163px;
    border-bottom: 1px solid #689B8B;
}

.clearfix {
    height: 70px;
    width: 100%;
    overflow: hidden;
}

.dlBottom {
    position: absolute;
    top: 82px;
    color: #f0fffa;  
}

.dlBottom .wjpad {
    float: right;
    text-decoration: underline;
    color: #f7d68a;
    margin-left: 14px;
}

.dlBottom label {
    cursor: pointer;
}

.dlBottom label input {
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}
.dlBottom  .zhuce {
    color: #f0fffa;
    margin-left: 20px;
    font-size: 12px;
}
.authlist {
    color: #f0fffa;
    height: 20px;
    line-height: 20px;
     position: absolute;
    top: 114px;   
}

.authlist span {
    float: left;
}
#login{
position: relative;
}
#login .gamename {
font-size: 14px;
    color: #fff;
    line-height: 25px;
}
.gamename #myname,
.gamename #mytime,
.gamename .lastgame {
color: #ffe189;
}
.gamename .lastgame:hover {
color: #e6d49d;
}
#iph, .exit {
color: #f5c43f;
}
#iph:hover, .exit:hover {
color: #f9cd55;
}

.loginForm {
    float: left;
    width: 140px;
    height: 70px;
}


.loginForm .input {
    background: #F0FFFA;
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 14px;
}

.loginForm .input span {
    color: #48816e;
    float: left;
    width: 50px;
    text-align: right;
}

.loginForm .input input {
    float: left;
    height: 30px;
    line-height: 30px;
    background: none;
    width: 80px;
    border: 0;
    color: #48816e;
}

.loginStart {
    float: right;
    height: 70px;
    width: 70px;
    background-position: -253px 0;
    text-align: center;
    line-height: 70px;
    color: #886E37;
    font-size: 16px;
}

.loginStart:hover {
    background-position: -253px -73px;
}

.account {
    width: 100%;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
}

.account .nickname {
    width: 142px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    float: left;
    color: #f7d68a;
}

.account .userQuit {
    float: right;
    height: 25px;
    width: 70px;
    text-align: center;
    background: #30373C;
    color: #b8b8b8;
    line-height: 25px;
}

.served {
    background: #f0fffa;
    margin: 10px 0;
    color: #48816e;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 23px;
    height: 65px;
    overflow: hidden;
}

.playedLink a:hover {
    text-decoration: underline;
}

.userCenter {
    height: 25px;
    width: 70px;
    text-align: center;
    background: #E53416;
    color: #ffdcb3;
    line-height: 25px;
    display: block;
    margin: 0 auto;
}

.littleNav {
    height: 96px;
    width: 100%;
}

.littleNav a {
    float: left;
    height: 96px;
    width: 124px;
    color: #f0fffa;
    font-size: 14px;
    text-align: center;
    line-height: 140px;
}

.littleNav a.l1 {
    background-position: 42px -94px;
}

.littleNav a.l2 {
    border-left: 1px solid #689B8B;
    background-position: -84px -94px;
}

.littleNav a:hover {
    color: #F7D68A;
}

.littleNav a:hover.l1 {
    background-position: 42px -179px;
}

.littleNav a:hover.l2 {
    background-position: -84px -179px;
}

.guntuSwiper {
    width: 450px;
    height: 380px;
    float: left;
    margin: 0 20px;
}

.guntuPagination {
    position: absolute;
    right: 10px;
    bottom: 15px;
    z-index: 9;
}

.guntuPagination span {
    background: #fff;
    height: 15px;
    width: 15px;
    float: left;
    margin-left: 3px;
    display: block;
    border-radius: 20px;
}

.guntuPagination span.swiper-active-switch {
    width: 44px;
    background: #F7D68A;
}

.newsBox {
    background: #fff;
    height: 380px;
    padding: 0 20px;
    float: left;
    width: 420px;
}

.newsTab {
    border-bottom: 1px solid #F3F3F3;
    height: 48px;
    width: 100%;
    position: relative;
}

.newsTab li {
    height: 48px;
    width: 90px;
    float: left;
}

.newsTab li a {
    float: left;
    height: 47px;
    width: 90px;
    text-align: center;
    line-height: 47px;
    font-size: 18px;
    color: #888;
}

.newsTab li.current {
    border-bottom: 3px solid #48816E;
    color: #48816E;
    font-weight: bold;
}

.more {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    font-size: 0;
    right: 0;
    top: 0;
    background-position: 0 -64px;
}

.more:hover {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.newsTab .more {
    top: 15px;
}

.NewsList {
    width: 100%;
    overflow: hidden;
    height: 310px;
    margin-top: 15px;
}

.NewsList .swiper-slide {
    height: 310px;
    width: 100%;
}

.NewsListTop {
    height: 72px;
    background: #F3F3F3;
    padding: 10px;
}

.NewsListTop h3 {
    text-align: center;
    width: 100%;
    color: #53a87b;
    font-size: 18px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.NewsListTop p {
    color: #888;
    font-size: 16px;
    margin: 0 10px;
    line-height: 52px;
    margin-top: 8px;
    height: 40px;
    text-align: center;
    overflow: hidden;
}

.NewsList .swiper-slide ul {
    overflow: hidden;
    margin-top: 10px;
}

.NewsList .swiper-slide ul li,.dataList li {
    width: 100%;
    float: left;
    color: #666;
    font-size: 14px;
    line-height: 39px;
}

.NewsList .swiper-slide ul li a {
    color: #888;
    font-size: 14px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.NewsList .swiper-slide ul li span,.dataList li span {
    float: right;
    color: #999;
}

.NewsList .swiper-slide ul li a:hover,.dataList li p a:hover {
    color: #45b87b;
}

.NewsList .swiper-slide ul li p {
    float: left;
    width: 375px;
}

.xxsyqBox {
    height: 380px;
    width: 250px;
    float: left;
    overflow: hidden;
}

.csTit {
    width: 250px;
    height: 20px;
    line-height: 20px;
    position: relative;
    margin-bottom: 12px;
}

.csTit h3 {
    font-weight: normal;
    color: #48806D;
    font-size: 18px;
    float: left;
}

.csTit span {
    color: #9EBBB2;
    font-size: 12px;
    float: left;
    padding-left: 8px;
    padding-top: 2px;
}

.xxsyqList,.kf,.dataList,.gameJt {
    background-color: #fff;
}

.xxsyqList {
    padding: 0 20px;
    height: 348px;
    overflow: hidden;
}

.xxsyqQuick {
    background: #F3F3F3;
    padding: 8px 10px;
    font-size: 14px;
    color: #444;
    margin-bottom: 8px;
    height: 22px;
    line-height: 22px;
    margin-top: 20px;
}

.xxsyqQuick .quickNum {
    height: 22px;
    background: #fff;
    width: 50px;
    border: 0;
    color: #444;
    font-size: 14px;
    text-align: center;
}

.xxsyqQuick .quickBtn {
    float: right;
    border: 0;
    height: 22px;
    width: 50px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background: #48806D;
    border-radius: 3px;
    font-size: 12px;
    line-height: 22px;
}

.xxsyqUl {
    width: 100%;
    margin: 15px 0;
    height: 205px;
    overflow: hidden;
}

.xxsyqUl li {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
}

.xxsyqUl li a {
    font-size: 14px;
    color: #827569;
    float: left;
    height: 35px;
    width: 100%;
    overflow: hidden;
}

.xxsyqUl li a em {
    float: left;
    max-width: 108px;
    padding-left: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-position: -152px 13px;
}

.xxsyqUl li a i {
    float: left;
    margin-left: 10px;
    color: #ef5f00;
}

.xxsyqUl li a i,.role,.gameJt ul li div span,.more,.mediaList li div span {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.xxsyqUl li a:hover em {
    color: #ef5f00;
}

.xxsyqUl li a:hover i {
    margin-left: 15px;
}

.xxsyqUl li span {
    float: right;
    color: #ff0000;
}

.xxsyqUl li span.act {
    color: #0eb37b;
}

.xxsyqMore {
    height: 30px;
    width: 100%;
}

.xxsyqMore a {
    color: #fff;
    font-size: 14px;
    height: 30px;
    border-radius: 3px;
    background-color: #48806D;
    text-align: center;
    line-height: 30px;
    width: 210px;
    display: block;
    margin: 0 auto;
}

.xxsyqMore a:hover,.xxsyqQuick .quickBtn:hover {
    background-color: #58a088;
}

.roleBox {
    float: right;
    width: 930px;
    height: 380px;
    background: url(../image/roleBox.jpg) no-repeat;
    position: relative;
}

.gender {
    width: 250px;
    position: absolute;
    top: 308px;
    left: 40px;
    z-index: 2;
}

.gender span {
    width: 45px;
    height: 30px;
    float: left;
    background-color: #48806D;
    border-radius: 3px;
    margin-bottom: 6px;
    font-size: 16px;
    margin-right: 5px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    line-height: 30px;
}

.gender span.nan {
    background-position: -98px 6px;
}

.gender span.nv {
    background-position: -98px -29px;
}

.gender span.act {
    background-color: #E23310;
}

.roleTxt {
    position: absolute;
    top: 126px;
    left: 44px;
}

.roleTxt p {
    color: #888;
    font-size: 14px;
    width: 370px;
    line-height: 22px;
    margin-bottom: 10px;
}

.roleTxt span,.roleTxt img {
    float: left;
}

.roleTxt img {
    margin: 3px;
}

.role {
    width: 930px;
    height: 380px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.role.act {
    opacity: 1;
}

.roleName {
    width: 99px;
    height: 48px;
    background: url(../image/roleName.png) no-repeat;
    position: absolute;
    top: 32px;
    left: 32px;
}

.roleName.rNv2 {
    background-position: -21px -102px;
}
.roleName.rNv1 {
    background-position: -21px -8px;
}
.roleName.rNv4 {
    background-position: -21px -277px;
}
.roleName.rNv3 {
    background-position: -21px -187px;
}

.roleNan,.roleNv {
    width: 572px;
    height: 388px;
    position: absolute;
    right: 0;
    top: 0;
}


.kfBox {
    width: 250px;
    float: left;
    overflow: hidden;
}

.kf {
    height: 334px;
    padding: 0 20px;
}

.kfTxt {
    color: #888;
    font-size: 14px;
    line-height: 35px;
    padding-top: 12px;
}

.kfTxt a.kf-img {
    background: #ec6428;
    color: #ffeed1;
    font-size: 12px;
    padding: 3px 6px 4px 6px;
    border-radius: 3px;
}

.kfTxt a.kf-img:hover {
    background-color: #48806d;
}

.ewmBox {
    border-top: 1px solid #F8F8F8;
    margin-top: 15px;
    padding-top: 15px;
}

.ewmBoxLi {
    background: #F2F2F2;
    padding: 5px;
    width: 92px;
    float: left;
}

.ewmBoxLi+.ewmBoxLi {
    margin-left: 6px;
}

.ewmBoxLi img {
    width: 92px;
    height: 92px;
}

.ewmBoxLi p {
    width: 100%;
    text-align: center;
    color: #444;
    line-height: 16px;
    padding: 5px 0;
}

.ewmBoxLi p span {
    color: #ec6428;
}

.dataBox {
    float: left;
    margin-left: 20px;
    width: 455px;
}
.dataBox .csTit {
width: 455px;
}
.dataList {
    padding: 10px 20px;
    height: 314px;
}

.dataList li p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 365px;
    float: left;
}

.dataList li p a {
    color: #888;
    font-size: 14px;
    padding-left: 15px;
    background-position: -152px 6px;
}

.gameJt {
    padding: 20px;
    width: 210px;
    height: 170px;
    overflow: hidden;
}

.gameJt ul {
    overflow: hidden;
    height: 170px;
}
.yxjt .gameJt ul li {
margin-right: 18px;
}
.gameJt ul li,.mediaList li {
    float: left;
    width: 210px;
    text-align: center;
    height: 170px;
}

.gameJt ul li p,.mediaList li p {
    color: #888;
    font-size: 16px;
    width: 100%;
    padding-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gameJt ul li div,.mediaList li div {
    width: 210px;
    height: 190px;
    position: relative;
    float: left;
}

.gameJt ul li div img,.mediaList li div img {
    position: absolute;
    left: 0;
    top: 0;
    width: 210px;
    height: 190px;
}

.gameJt ul li div span,.mediaList li div span {
    position: absolute;
    left: 0;
    top: 0;
    width: 210px;
    height: 170px;
    z-index: 9;
    background-image: url(../image/gameJt.png);
    background-size: 210px 170px;
    background-repeat: no-repeat;
    opacity: 0;
}

.gameJt ul li a:hover span,.mediaList li a:hover span {
    opacity: 1;
}

.cyou_bottom {
    background-color: #0F0E0B;
}

.nyBox {
    width: 100%;
    overflow: hidden;
}

.nyBox .xxsyqBox {
    margin-top: 20px;
}

.nyLeft {
    width: 250px;
    float: left;
}

.nyRight {
    float: left;
    margin-left: 20px;
    width: 930px;
    background: #fff;
    min-height: 680px;
    padding-bottom: 100px;
}

.nyTop {
    height: 109px;
    background: url(http://dl.n6wan.com/1912YX/Tpl/xxsy/images/nyTop.jpg) repeat-x;
    padding: 0 30px;
}

.nyTit {
    float: left;
    padding-top: 20px;
    line-height: 26px;
}

.nyTit span {
    color: #6F9A8C;
    font-size: 18px;
}

.nyTit p {
    color: #ffe085;
    font-size: 30px;
}

.nyAdd {
    float: right;
    color: #f0fffa;
    font-size: 14px;
    line-height: 109px;
}

.nyAdd a {
    color: #f0fffa;
}

.nyAdd a:hover {
    text-decoration: underline;
    color: #ffdf7f;
}

.nyBoxList {
    padding: 25px;
}

.listNyTab {
    border-bottom: 1px solid #E5E5E5;
    width: 100%;
    height: 58px;
    line-height: 58px;
    margin-right: 15px;
}

.listNyTab a {
    display: inline-block;
    width: 120px;
    color: #282727;
    font-size: 18px;
    text-align: center;
    float: left;
    margin: 0 15px;
}

.listNyTab a.act,.listNyTab a:hover {
    border-bottom: 2px solid #48806D;
    color: #48806D;
    height: 57px;
    font-weight: bold;
}

.listNyList {
    float: left;
    margin-top: 20px;
    width: 100%;
    height: auto;
}

.listNyList li {
    width: 100%;
    float: left;
    height: 50px;
    line-height: 50px;
    color: #666;
    border-bottom: 1px dashed #E4E4E4;
}

.listNyList li a {
    font-size: 14px;
    color: #282727;
}

.listNyList li a:hover,.listNyPage a:hover {
    color: #45b87b
}

.listNyList li p {
    margin-right: 5px;
    font-size: 14px;
    float: left;
    width: 810px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.listNyList li span {
    color: #666;
    float: right;
    font-size: 14px;
}

.listNyPage {
    width: 100%;
    text-align: center;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    padding: 40px 0;
    float: left;
}

.listNyPage a:hover {
    color: #282727
}

.nyPage {
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin-top: 60px;
    color: #827569;
    float: left;
}

.nyPage a {
    padding: 0 5px;
    color: #827569;
}

.nyPage a:hover {
    color: #45b87b;
    text-decoration: underline;
}

.nyNrTit {
    border-bottom: 1px solid #F2F2F2;
    height: 112px;
    text-align: center;
}

.nyNrTit h3 {
    color: #444;
    font-size: 22px;
    width: 100%;
    float: left;
    padding-top: 30px;
    font-weight: normal;
    padding-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.nyNrTit p {
    width: 100%;
    float: left;
    color: #B1B1B1;
    font-size: 14px;
}

.nyNrTxt {
    width: 100%;
    color: #827569;
    font-size: 14px;
    line-height: 26px;
    padding-top: 30px;
}

.nyNrTxt img {
    max-width: 698px;
    display: block;
    margin: 10px auto;
}

.nyNrTxt p {
    text-indent: 2em;
    padding: 10px 0;
}

.mediaList {
    overflow: hidden;
}

.mediaList li {
    margin: 20px 16px 0 16px;
}

/*********���***********/
.page_ny_xq_zhm {
    text-align: center;
    background: #48816E;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 30px;
    line-height: 36px;
    width: 698px;
    margin: 20px auto;
    margin-bottom: 5px;
}

.page_ny_xq span {
    display: inline-block;
    color: #8d8d8d;
    width: 33.33%;
    margin-top: 20px;
}

.page_ny_xq_zhm a {
    display: inline-block;
    vertical-align: middle;
    width: 78px;
    height: 26px;
    line-height: 26px;
    background-color: #A71E18;
    border-radius: 3px;
    font-size: 12px;
    color: #fff;
    margin-left: 6px;
}

.page_ny_xq_zhm a:hover {
    background: #AF8C32
}

.page_ny_xq_zhm select,.page_ny_xq_zhm input {
    width: 200px;
    height: 24px;
    line-height: 24px;
}
.slide-txt li {
    width: 14px;
    height: 14px;
    float: left;
    overflow: hidden;
    margin-right: 8px;
    cursor: pointer;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background: #616468;
}
.slide-txt li:hover, .slide-txt li.current {
    background: #48816E;
    width: 30px;
}
.littleNav a, .more, .xxsyqUl li a em, .dataList li p a {
background-image: url(../image/btn5.png);
    background-repeat: no-repeat;
}
.yxjt {
    width: 725px;
    float: left;
    margin-right: 20px;
}
.yxjt .csTit {
width: 725px;
}
.yxjt .gameJt {
width: 685px;
}
.mt {
    float: left;
    margin-right: 20px;
    width: 455px;
}
.yqlj {
float: left;
   width: 455px;
}
.mt .csTit, .yqlj .csTit {
width: 455px;
}
.mt .gameJt {
padding: 0;
width: 455px;
height: 210px;
}
.yqlj .gameJt {
width: 415px;
}
.mt .gameJt li {
float: left;
}
marquee {
    width: 600px;
    padding-top: 55px;
}
marquee li {
    width: 150px;
    height: 100%;
    float: left;
    margin-right: 10px;
}
marquee li a img {
    width: 100%;
    height: 100%;
}
marquee li a {
    width: 150px;
    height: 100%;
}
marquee li a {
    display: block;
}
.yqlj a {
    color: #888;
    font-size: 14px;
    display: inline-block;
    width: 135px;
    height: 30px;
    line-height: 30px;
}
.yqlj a:hover {
color: #45b87b; 
 }
.erweima {
position: absolute;
    top: 431px;
    left: 739px;
    width: 150px;
    height: 169px;
    overflow: hidden;
    text-align: center;
    z-index: 99;
}

.erweima img {
	width: 140px;
	height: 140px;
}

.erweima p {
	margin-top: 5px;
	color: #000;
	font-size: 14px;
}

.erweima span {
	position: absolute;
	top: -20px;
	left: 5px;
	width: 140px;
	height: 16px;
	background: url(http://dl.n6wan.com/1912YX/Tpl/xxsy/images/line1.png) repeat center top;
	-webkit-animation: ttb 2s linear infinite;
	-o-animation: ttb 2s linear infinite;
	animation: ttb 2s linear infinite;
}

@-webkit-keyframes ttb {
	0% {
		top: -2px
	}

	100% {
		top: 75%
	}
}

@-o-keyframes ttb {
	0% {
		top: -2px
	}

	100% {
		top: 75%
	}
}

@keyframes ttb {
	0% {
		top: -2px
	}

	100% {
		top: 75%
	}
}

.a-lxkf {
position: absolute;
    width: 219px;
    height: 56px;
    top: 550px;
    left: 46%;
    margin-left: -204px;
    cursor: pointer;
    z-index: 3;
}

.tips18 {
    font-size: 14px;
    position: absolute;
    z-index: 2;
    top: 587px;
    right: 0;
    letter-spacing: 1px;
    color: #000;
}
#quick-enter-input {
width: 53px;
    text-align: center;
    height: 20px;
    line-height: 20px;
}
.serviceTj li a img {
	display: none;
}

.serviceTj li a {
	display: block;
	width: 92%;
	margin: 0 auto;
	padding-right: 10px;
  cursor:pointer;
  font-size:13px;
}

.serviceTj li a:hover {
	color: #45b87b;
}

.serviceTj li:first-child a {
	background: url(../image/server-new.png) no-repeat right 12px;
}

.serviceTj li:nth-child(2) a {
	background: url(../image/server-hot.png) no-repeat right 12px;
}
.gzh {
width: 210px;
    height: 150px;
    overflow: hidden;
    position: relative;
}
.gzh img {
width: 85px;
}
.gzh p {
position: absolute;
left: 92px;
top: 24px;
    color: #888;
    font-size: 14px;
}
.headline-title {
    color: #e51c53;
    font-weight: 600;
}
#xxsyserv {
height: 211px;
}
.tip16 {
    position: absolute;
    right: 0;
    top: 469px;
    z-index: 3;
}
.sm{width:140px; 
height: 140px; 
position: absolute;    
top: 397px;
    right: 115px;
    }
.ewm{
width: 120px; 
position: absolute; 
top: 15px; 
left: 20px;
padding: 10px;
    background: #c1a5a5;
    opacity: 0.8;
	filter:alpha(opacity=80);
	}
.ewm img{width: 120px; height: 120px; display: block;}
.ewm p{width: 100%; height: 20px; line-height: 20px; text-align: center; background: #a26f30; color: #fff;}
.sm3{
right: 265px;
}

.userbox-third {
	display: none;
	height: 24px;
	line-height: 24px;
	padding-top: 5px;
}
.userbox-third span {
	display: block;
	float: left;
	font-family: "微软雅黑";
}
.third-logo-qq {
	background-position: 0 0;
}
.third-logo {
	background-image: url("../image/third-logo-24.png");
	display: inline;
	height: 24px;
	width: 24px;
}
.third-logo-wechat {
	background-position: 0 -40px;
}
.userbox-third a {
	float: left;
	margin: 0 10px;
}

