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

body {
    font-size: 12px;
    font-family: "Microsoft YaHei",Arial,"\5B8B\4F53",Helvetica,sans-serif;
    -webkit-tap-highlight-color: transparent
}

html {
    color: #333;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

audio,canvas,video {
    display: inline-block
}

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

abbr,acronym,fieldset,img {
    border: 0
}

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

ol,ul {
    list-style: none
}

caption,th {
    text-align: left
}

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

q:after,q:before {
    content: ''
}

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

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

input {
    outline: 0
}

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

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

.clearfix:after,.footer .info:after,.footer .show ul:after,.navList:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "\20";
    clear: both;
    height: 0
}

.w {
    width: 1200px;
    min-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.fl {
    float: left
}

.fr {
    float: right
}

.red {
    color: #fb0606!important
}

.blue {
    color: #00d2ff!important
}

.blue2 {
    color: rgba(0,220,255,.65)!important
}

.yellow {
    color: #fbf205!important
}

.yellowish {
    color: #e8d17f!important
}

.orange {
    color: #fc9c01!important
}

.green {
    color: #0afa04!important
}

.green2 {
    color: green!important
}

.lightGreen {
    color: #01f1fa!important
}

.pink {
    color: #e703fb!important
}

.indigo {
    color: indigo!important
}

.header {
    height: 36px;
    background: #3d4145
}

.header .language {
    position: relative;
    float: left;
    width: 97px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    border: 1px solid #79797b;
    border-radius: 4px;
    margin-top: 6px;
    margin-right: 10px;
    color: silver
}

.header .language span {
    display: inline-block;
    margin-left: 5px;
    margin-right: 2px
}

.header .language i {
    width: 8px;
    height: 4px;
    background: url(../images/arrow.png?=771) no-repeat;
    display: inline-block;
    vertical-align: middle
}

.header .time {
    float: left;
    height: 36px;
    line-height: 36px;
    color: silver
}

.header .url {
    float: right;
    height: 36px;
    font-size: 0
}

.header .url a {
    vertical-align: top;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    color: silver;
    padding: 0 5px;
    font-size: 12px
}
.header .url a:hover {
     color: #d0b261;
}

.header .url span {
    vertical-align: top;
    display: inline-block;
    background: silver;
    width: 1px;
    height: 13px;
    margin-top: 12px
}

.nav {
    height: 95px;
    background: #fff
}

.nav .w {
    width: 1240px;
    height: 95px
}

.nav .logo {
    float: left;
    margin-top: 9px;
    margin-left: 7px;
    margin-right: 21px
}

.navList {
    float: left;
    height: 95px;
    margin-left: 20px;
}

.navList li {
    float: left;
    width: 90px;
    position: relative;
}
@media screen and (min-width: 0px) and (max-width: 1000px) {
    width: 56px;
}

.navList li:hover .links {
    color: #d0b261;
    border-bottom: 3px solid #d0b261
}
.navList li:nth-child(1):hover .links{
    border: none;
}

/*.navList li:hover .navMenu {
    display: block
}*/

.navList .hot {
    position: absolute;
    top: 10px;
    -webkit-animation: beat .5s infinite linear;
    animation: beat .5s infinite linear
}
.navList .i2,.navList .i1 {
    position: absolute;
    top: 10px;
    -webkit-animation: beat .5s infinite linear;
    animation: beat .5s infinite linear
}
.navList img.i1 {
    right: -20px
}

.navList img.hot_sjb {
    right: -27px;
}

.navList img.hot_sjb {
    top:-3px;
}
.navList .links {
    text-align: center;
    position: relative;
    display: inline-block;
    width: 66px;
    height: 92px;
    line-height: 92px;
    border-bottom: 3px solid transparent;
    color: #777;
    font-size: 16px;
    font-weight: 700
}

.navList .links.select {
    color: #d0b261;
    border-bottom: 3px solid #d0b261
}

.navList .navMenu {
    display: none;
    z-index: 10;
    position: absolute;
    left: 45%;
    top: 90px;
    margin-left: -126px;
    background: rgba(3,3,3,.71);
    border-top: 3px solid #d0b261;
    width: 220px;
    padding: 10px 20px 10px 20px;
   
}

.navList .navMenu a {
    color: #fffffe;
    font-size: 14px;
    display: inline-block;
    width: 110px;
    float: left;
    height: 30px;
    line-height: 30px;

    position: relative;
        text-align: center;
}

.navList .navMenu a:hover {
   color: #d0b261;
     background: #544d3f;
}

.navList .navMenu .arrow {
    position: absolute;
    left: 49%;
    top: -13px;
    margin-left: -5px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 5px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #d0b261 transparent
}
.navList .mainlevel .navMenu .arrow1 {
    position: absolute;
    left: 52%;
}
.navList .navMenu img {
    top: -15px;
    right: -11px;
}

.notLogin {
    height: 43px;
    background: #eeeded;
    border-top: 1px solid #e3e1e1;
    border-bottom: 1px solid #e3e1e1;
}

.notLogin .title {
    width: 217px;
    /*width: 357px;*/
    line-height: 43px;
    float: left;
    /*padding: 0 10px 0 0;*/
}
.zsrs {
    position: absolute;
    left: 1101px;
    color:#777;
    font-size: 14px;
    line-height: 38px;
    margin-left:3px;
}
.w{
    position: relative;
}
.zsrs1 {
   position: absolute;
    left: 980px; 
    top: 1px;
}
.zsrs2 {
   position: absolute;
    left: 1085px; 
    top: 1px;

}
#num02 {
    color:red
}

.notLogin .import {
    float: left;
    width: 189px;
    /*width: 177px;*/
    height: 32px;
    background: #fbf8fa;
    border: 1px solid #e3e1e1;
    margin-top: 4px;
    margin-right: 19px;
    /*margin-right: 5px*/
}

.notLogin .import i {
    float: left;
    display: inline-block;
    width: 27px;
    height: 32px;
    background-position: 100% 50%;
    background-repeat: no-repeat
}

.notLogin .import i.name {
    background-image: url(../images/notLoginName.png?=771)
}

.notLogin .import i.pass {
    background-image: url(../images/notLoginPass.png?=771);
}

.notLogin .import i.why {
    width: 46px;
    cursor: pointer;
    text-align: right;
    line-height: 32px;
}

.notLogin .import i.code {
    background-image: url(../images/notLoginCode.png?=771)
}

.notLogin .import input {
    float: left;
    display: block;
    border: 0;
    height: 32px;
    line-height: 32px;
    width: 110px;
    padding-left: 10px;
    background: 0 0;
    font-size: 14px;
    color: #9a8358
}

.notLogin .import input.pass {
    width: 101px
}

.notLogin .import input::-webkit-input-placeholder {
    color: #9a8358
}

.notLogin .import input:-ms-input-placeholder {
    color: #9a8358
}

.notLogin .import input::-ms-input-placeholder {
    color: #9a8358
}

.notLogin .import input::placeholder {
    color: #9a8358
}

.notLogin .submit {
    display: block;
    float: left;
    width: 85px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    color: #fcfcfc;
    border: 0;
    cursor: pointer;
    margin-top: 4px;
    margin-right: 21px;
    background: url(../images/loginBtn1.png?=771) no-repeat
}

.notLogin .submit:hover {
    opacity: .8
}

.notLogin .btn {
    display: block;
    float: left;
    width: 100px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    color: #fcfcfc;
    margin-top: 4px;
    margin-right: 8px;
    background: url(../images/loginBtn2.png?=771) no-repeat
}

.notLogin .btn:hover {
    opacity: .8
}

.notLogin .url {
    height: 43px;
    line-height: 43px;
    float: right;
    color: #af944b;
    font-size: 14px;
    text-align: center;
    text-decoration: underline
}

.yesLogin {
    height: 43px;
    background: #eeeded;
    border-top: 1px solid #e3e1e1;
    border-bottom: 1px solid #e3e1e1;
}

.yesLogin .title {
    width: 230px;
    line-height: 43px;
    float: left;
    
}

.yesLogin span {
    height: 43px;
    line-height: 43px;
    color: #665b46;
    font-size: 14px;
    float: left;
}
.yesLogin .oversize {
    display:inline-block;
    width: 95px;
    overflow:hidden;
}
.yesLogin b {
    height: 43px;
    line-height: 43px;
    color: #fe0616;
    font-size: 14px;
    float: left;
    font-weight: 400;
    width: 65px;
    overflow: hidden;
   
}

.yesLogin .info {
    height: 43px;
    line-height: 43px;
    color: #fd0404;
    font-size: 14px;
    float: left;

}

.yesLogin .url {
    height: 43px;
    float: left;
   
    font-size: 0
}

.yesLogin .url a {
    display: inline-block;
    color: #665b46;
    height: 43px;
    line-height: 43px;
    padding: 0 1px;
    font-size: 14px
}

.yesLogin .url a:hover {
    text-decoration: underline
}

.yesLogin .url em {
    vertical-align: top;
    display: inline-block;
    width: 1px;
    height: 13px;
    background: #8d8472;
    margin: 16px 4px 0 4px
}

.yesLogin .btn {
    display: block;
    float: left;
    width: 85px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    color: #fcfcfc;
    margin-top: 6px;
    background: url(../images/loginBtn5.png?=771) no-repeat;
    margin-left: 7px;
}

.yesLogin .btn:hover {
    opacity: .8
}

.notice1 {
    height: 32px;
    background: #fff
}

.notice1 .w {
    position: relative;
    background: url(../images/noticeBg1.png?=771) no-repeat 0 0
}

.notice1 b {
    position: absolute;
    top: 0;
    left: 6px;
    background: url(../images/notice.png?=771) no-repeat 0 50%;
    height: 32px;
    line-height: 32px;
    padding: 0 0 0 25px;
    color: #fbfaf9;
    font-size: 14px
}

.notice1 span {
    color: #665b46;
    margin: 0 0 0 110px;
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 14px
}

.footer {
    border-top: 1px solid #eeeeef;
    background: #f7f7f7
}

.footer .show {
    padding: 24px 30px 0 93px;
    height: 75px;
    border-bottom: 1px solid #e0e0e0
}

.footer .show li {
    height: 60px;
    float: left;
    width: 25%
}

.footer .show .photo {
    float: left;
    width: 60px;
    height: 60px
}

.footer .show .txt {
    margin-left: 68px;
    padding-top: 10px
}

.footer .show span {
    display: block;
    color: #9b9999;
    font-size: 14px;
    margin-bottom: 3px
}

.footer .info {
    height: 169px
}

.footer .links {
    /*float: left;*/
    padding: 9px 10px 0 10px;
    /*width: 205px;*/
    color: #979696;
    text-align: center;
}

.footer .links a {
    display: inline-block;
    color: #979696;
    font-size: 13px;
    margin-bottom: 5px;
    text-align: center;
    padding: 20px 0 0 25px;
}

.footer .links a:hover {
    text-decoration: underline
}

.footer .browser,.footer .payment {
    height: 79px;
    margin-top: 16px;
    /*border-left: 1px solid #e0e0e0;*/
    padding-left: 68px;
    float: left
}

.footer .browser h3,.footer .payment h3 {
    color: #979696;
    margin-bottom: 5px
}

.footer .browser {
    border-right: 1px solid #e0e0e0;
    width: 522px
}

.footer .payment {
    width: 566px;
    padding-left: 38px;
}

.footer .foot {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #3d4145;
    text-align: center
}

.footer .footP {
    background: #3d4145;
    text-align: center;
    color: #e2dfdf;
    padding-top: 10px;
    padding-bottom: 35px;
}

.rightFloat {
    z-index: 99999;
    position: fixed;
    right: 6px;
    top: 133px;
    
    width: 78px;
}
/*悬浮*/
.rightFloat .item {
    position: relative;
    /*-webkit-transition: all .5s;*/
    /*-o-transition: all .5s;*/
    /*transition: all .5s;*/
    /*margin-bottom: 2px;*/
}
.rightFloat .item:hover {
    /*-webkit-transform: translateY(-10px);*/
    /*-ms-transform: translateY(-10px);*/
    /*transform: translateY(-10px)*/
}

.rightFloat .item:hover .more {
    display: block;
}

.rightFloat .url {
    display: block;
    text-align: center;
    width: 78px;
    height: 76px;

}

.rightFloat .url .photo {
    height:100%;
}

.rightFloat .url span {
    color: #faf8f5;
}

.rightFloat .line {
    width: 49px;
    height: 1px;
    margin: 0 auto;
    background: url(../images/rightFloatLine.png?=771) no-repeat;
}



.rightFloat .more {
    display: none;
    /*width: 145px;*/
    position: absolute;
    left: -184px;
    top: -6px;
}

.rightFloat .more .box {
    padding-top: 8px;
    /*width: 107px;*/
    /*background: rgba(4,4,4,.8);*/
    border-radius: 4px;
    text-align: center;
    float: left;
    line-height: 30px;;
}

.rightFloat .more .link {
    color: #fff;
    display: block;

}
.rightFloat .more .link img {
    display:inline-block;
}

.rightFloat .more .link:hover {
     color: #d0b261;
     /*background: #544d3f;*/
}

/*.rightFloat .more i {
    float: left;
    margin-top: 20px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 6px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent rgba(4,4,4,.8)
}*/

.rightFloat .more .code {
    text-align: center;
    margin-bottom: 5px
}

.rightFloat .more span {
    text-align: center;
    color: #fff;
    display: block;
    height: 18px;
    line-height: 18px;
    margin-bottom: 4px;
}

.rightFloat .more span img {
    vertical-align: top;
}
.rightFloat .url1 {
    height: 163px;
    background: url(../images/chats/left1.png?=771) no-repeat left top;
}
.rightFloat .url1:hover {
    height: 163px;
    background: url(../images/chats/left1_h.png?=771) no-repeat left top;
}
/*.rightFloat .url2 {
    height: 78px;
    background: url(../images/chats/left2.png?=771) no-repeat left top;
}
.rightFloat .url2:hover {
    background: url(../images/chats/left2_h.png?=771) no-repeat left top;
}*/
.rightFloat .url3 {
    background: url(../images/chats/left3.png?=771) no-repeat left top;
}
.rightFloat .url3:hover {
    background: url(../images/chats/left3_h.png?=771) no-repeat left top;
}
.rightFloat .url4 {
    background: url(../images/chats/left4.png?=771) no-repeat left top;
}
.rightFloat .url4:hover {
    background: url(../images/chats/left4_h.png?=771) no-repeat left top;
}
.rightFloat .url5 {
    background: url(../images/chats/left5.png?=771) no-repeat left top;
}
.rightFloat .url5:hover {
    background: url(../images/chats/left5_h.png?=771) no-repeat left top;
}
.rightFloat .url6 {
    background: url(../images/chats/left6.png?=771) no-repeat left top;
}
.rightFloat .url6:hover {
    background: url(../images/chats/left6_h.png?=771) no-repeat left top;
}
.rightFloat .url7 {
    background: url(../images/chats/left7.png?=771) no-repeat left top;
}
.rightFloat .url7:hover {
    background: url(../images/chats/left7_h.png?=771) no-repeat left top;
}
.rightFloat .url8 {
    background: url(../images/chats/left9.png?=771) no-repeat left top;
}
.rightFloat .url8:hover {
    background: url(../images/chats/left9_h.png?=771) no-repeat left top;
}
.rightFloat .top {
    width: 125px;
    margin-left: -21px;
    height: 101px;
    cursor: pointer;
    background: url(../images/chats/top.png?=771) no-repeat 50% 50%;
}
.rightFloat .exit {
    width: 171px;
    height: 102px;
    cursor: pointer;
    background: url(../images/chats/exit1.png?=771) no-repeat 7% 50%;
}
.rightFloat .exit1 {
    width: 76px;
    height: 110px;
    cursor: pointer;
    background: url(../images/chats/exit1.png?=771) no-repeat 0% 50%;
}
/*.rightFloat .exit:hover {
    background: url(../images/chats/close_h.png?=771) no-repeat 50% 50%;
    
}*/


@-webkit-keyframes beat {
    0% {
        -webkit-transform: translate3D(0,0,0);
        transform: translate3D(0,0,0)
    }

    50% {
        -webkit-transform: translate3D(0,5px,0);
        transform: translate3D(0,5px,0)
    }

    100% {
        -webkit-transform: translate3D(0,0,0);
        transform: translate3D(0,0,0)
    }
}

@keyframes beat {
    0% {
        -webkit-transform: translate3D(0,0,0);
        transform: translate3D(0,0,0)
    }

    50% {
        -webkit-transform: translate3D(0,5px,0);
        transform: translate3D(0,5px,0)
    }

    100% {
        -webkit-transform: translate3D(0,0,0);
        transform: translate3D(0,0,0)
    }
}

.top_testresult{font-weight: bold;font-size:12px;font-family: arail,helvetica,san-serif;color:#FFF;padding:0;margin:0 0 0 0;}
.top_testresult span{padding:0 6px;margin:0;height: 32px;line-height: 32px;}
.top_shortPass{background:#FF0000;}
.top_badPass{background:#5A025A;}
.top_goodPass{background:#0029AA;}
.top_strongPass{background:#128511;}
/*== us by validation ==*/
.FormError {position: absolute;top: 300px;left: 300px;display: block;z-index: 500;}
.FormError .FormErrorC {width: 100%;background: #ee0101;position:relative;z-index:501;color: #fff;font-family: tahoma;font-size: 11px;line-height: 14px;border: 2px solid #ddd;box-shadow: 0 0 6px #000;-moz-box-shadow: 0 0 6px #000;-webkit-box-shadow: 0 0 6px #000;padding: 4px 10px 4px 10px;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;}
.FormError .FormErrorA {width: 15px;margin: -2px 0 0 13px;position:relative;z-index: 506;}
.FormError .FormErrorABottom {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;margin: 0px 0 0 12px;top:2px;}
.FormError .FormErrorA div {border-left: 2px solid #ddd;border-right: 2px solid #ddd;box-shadow: 0 2px 3px #444;-moz-box-shadow: 0 2px 3px #444;-webkit-box-shadow: 0 2px 3px #444;font-size: 0px;height: 1px;background: #ee0101;margin: 0 auto;line-height: 0;font-size: 0;display: block;}
.FormError .FormErrorABottom div {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;}

.pz {
    display: none;
    z-index: 9999999;
    position: absolute;
    right: 10px;
    top: 39px;
    background: #2f2f2f;
}
#language ul {position:absolute;top:25px;left:-1px;height:0;overflow:hidden;border-left:1px solid #4b4b4b;border-right:1px solid #4b4b4b;-moz-transition:all linear .4s;-o-transition:all linear .4s;-webkit-transition:all linear .4s;transition:all linear .4s;    z-index: 100000;}
#language ul:before,#language ul:after {content:'';position:absolute;right:0;left:0;width:100%;height:1px;background-color:#191919}
#language ul:before {top:0}
#language ul:after {bottom:0}
#language:hover ul {height:91px}
#language ul li {width:63px;height:30px;color:#fff;line-height:30px;font-size:12px;padding-left:33px;background-color:#3d4145;background-repeat:no-repeat;background-position:5px center;cursor:pointer}
#language ul li:hover {}
#language [data-language="en-US"] {background-image:url('../images/lang_en.png?=771')}
#language [data-language="zh-CN"] {background-image:url('../images/lang_cn.png?=771')}
#language [data-language="zh-TW"] {background-image:url('../images/lang_tw.png?=771');}


.app {
    position: absolute;
    max-width: none;
    z-index: 999999;
    left: -127px;
    top: 0;
    display: none;
    padding-top: 36px;
}

.app1 {
    position: absolute;
    max-width: none;
    z-index: 999999;
    left: -129px;
    top: 13px;
    display: none;
    padding-top: 20px;
}

.topbar-right a:hover .app{
  display: block;
}
.sapp {
    position: relative;
}
.sapp1 {
    position: relative;
}
a.sapp1:hover .app1{
    display: block;
}
a.sapp:hover .app{
    display: block;
}


/*首页*/

a { color: #333; }
/*.c-red,
a.c-red { color: #f00!important; }*/
.header1{
    position: absolute;
    left:13px;
    display: none;
    width: 1210px;
    font-size: 14px;
    z-index: 999;
}
.header1 .dropdown-nav {
    overflow: hidden;
    /*margin-left: -10px;*/
    padding: 40px 4px 40px 14px;
    border-top: 3px solid #d0b261;
    border-left: 1px solid #d0b261;
    border-right: 1px solid #d0b261;
    background-color: rgba(0,0,0, 0.6);
    color: #fff;
}

.header1 .dropdown-nav .mod-nav {
    width: 287px;
    float: left;
    margin-right: 10px;
    height: 234px;
}
.navList .header1 .arrow {
    position: absolute;
    left: 1.5%;
    top: -10px;
    margin-left: -5px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 5px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #d0b261 transparent
}
.dropdown-nav .mod-nav .hd {
    border-bottom: 1px solid #d0b261;
}
.dropdown-nav .mod-nav .bd {
    padding-top: 10px;
}
.dropdown-nav .mod-nav .hd .tit {
    position: relative;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    background-color: #d0b261;
    font-size: 16px;
    font-weight: bold;
}
.dropdown-nav .mod-nav .hd .tit h2 {
    padding: 0 10px;
z-index: 10;
}
.dropdown-nav .mod-nav .hd .tit:before {
    content: '';
    position: absolute;
    top: 0;
    right: -26px;
    width: 0;
    height: 0;
    border-width: 13px;
    border-style: solid;
    border-color: transparent transparent #d0b261 #d0b261;
}
.dropdown-nav .mod-nav .bd .title {
    /*overflow: hidden;*/
    margin-bottom: 5px;
}
.dropdown-nav .mod-nav .bd .title h3 {
    float: left;
    width: 50%;
    height: 28px;
}
.dropdown-nav .mod-nav .bd .title h3:hover {
    color:#d0b261;
    background: #544d3f;
}
.dropdown-nav .nav-list {
    /*overflow: hidden;*/
}
.dropdown-nav .nav-list li {
    float: left;
    width: 50%;
    height: 28px;
}
.dropdown-nav .nav-list li:hover {
    /*color: #d0b261;*/
     background: #544d3f;
}
.dropdown-nav .nav-list li:hover a {
    text-decoration: none;
    cursor: pointer;
    color:#d0b261;
}
.dropdown-nav .nav-list li a {
    line-height: 28px;
    color: #fff;
    font-size: 14px;
}
.dropdown-nav .box {
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    margin-left: -10px;
    padding-left: 10px;
    padding-top: 10px;
    width: 275px;
    height: 143px;
    background: url(../images/box_bg.png);
}
.dropdown-nav .box img {
    position:static;
}
.dropdown-nav .nav-list .hot {
    position: absolute;
    top: -12px;
    right: 55px;
}
.dropdown-nav .box .l,
.dropdown-nav .box .r {
    float: left;
}
.dropdown-nav .box .l {
    margin-right: 12px;
}
.dropdown-nav .box .r img {
    display: inline-block;
    width: 110px;
}
.dropdown-nav .box .r p {
    line-height: 26px;
    font-size: 12px;
}
.dropdown-nav .box .ico-m-logo {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 3px;
    width: 30px;
    height: 17px;
    background: url(../images/phone_logo.png);
}



.G_centent_div_div1 {
        width: 145px;
    height: 136px;
    margin: 0px auto;
     background: url(../images/pokers/mg1.png);
     background-position: 0px center;
    background-size: cover;
}
.G_centent_div_div1:hover {
    background: url(../images/pokers/mg1.png);
     background-position: -145px center;
    background-size: cover;
}
.G_centent_div_div2 {
        width: 145px;
    height: 136px;
    margin: 0px auto;
     background: url(../images/pokers/mg2.png);
     background-position: 0px center;
    background-size: cover;
}
.G_centent_div_div2:hover {
    background: url(../images/pokers/mg2.png);
     background-position: -145px center;
    background-size: cover;
}
.G_centent_div_div3 {
        width: 145px;
    height: 136px;
    margin: 0px auto;
     background: url(../images/pokers/mg3.png);
     background-position: 0px center;
    background-size: cover;
}
.G_centent_div_div3:hover {
    background: url(../images/pokers/mg3.png);
     background-position: -145px center;
    background-size: cover;
}
.G_centent_div_div4 {
        width: 145px;
    height: 136px;
    margin: 0px auto;
     background: url(../images/pokers/mg4.png);
     background-position: 0px center;
    background-size: cover;
}
.G_centent_div_div4:hover {
    background: url(../images/pokers/mg4.png);
     background-position: -145px center;
    background-size: cover;
}
.G_centent_div_div5 {
        width: 145px;
    height: 136px;
    margin: 0px auto;
     background: url(../images/pokers/mg5.png);
     background-position: 0px center;
    background-size: cover;
}
.G_centent_div_div5:hover {
    background: url(../images/pokers/mg5.png);
     background-position: -145px center;
    background-size: cover;
}
.G_centent_div_div6 {
        width: 145px;
    height: 136px;
    margin: 0px auto;
     background: url(../images/pokers/mg6.png);
     background-position: 0px center;
    background-size: cover;
}
.G_centent_div_div6:hover {
    background: url(../images/pokers/mg6.png);
     background-position: -145px center;
    background-size: cover;
}
.G_centent_div_div7 {
        width: 145px;
    height: 136px;
    margin: 0px auto;
     background: url(../images/pokers/mg7.png);
     background-position: 0px center;
    background-size: cover;
}
.G_centent_div_div7:hover {
    background: url(../images/pokers/mg7.png);
     background-position: -145px center;
    background-size: cover;
}
.G_centent_div_div8 {
        width: 145px;
    height: 136px;
    margin: 0px auto;
     background: url(../images/pokers/mg8.png);
     background-position: 0px center;
    background-size: cover;
}
.G_centent_div_div8:hover {
    background: url(../images/pokers/mg8.png);
     background-position: -145px center;
    background-size: cover;
}
.G_centent_div_div9 {
        width: 145px;
    height: 136px;
    margin: 0px auto;
     background: url(../images/pokers/mg9.png);
     background-position: 0px center;
    background-size: cover;
}
.G_centent_div_div9:hover {
    background: url(../images/pokers/mg9.png);
     background-position: -145px center;
    background-size: cover;
}
.G_centent_div_div10 {
        width: 145px;
    height: 136px;
    margin: 0px auto;
     background: url(../images/pokers/mg10.png);
     background-position: center center;
    background-size: cover;
}
.G_centent_div_div10:hover {
    background: url(../images/pokers/mg10.png);
     /*background-position: -145px center;*/
    background-size: cover;
}
.G_centent_div_div11 {
        width: 145px;
    height: 136px;
    margin: 0px auto;
     background: url(../images/pokers/mg11.png);
     background-position: center center;
    background-size: cover;
}
.G_centent_div_div11:hover {
    background: url(../images/pokers/mg11.png);
     /*background-position: -145px center;*/
    background-size: cover;
}

.G_centent_div_div12 {
        width: 145px;
    height: 136px;
    margin: 0px auto;
     background: url(../images/pokers/mg12.png);
     background-position: center center;
    background-size: cover;
}
.G_centent_div_div12:hover {
    background: url(../images/pokers/mg12.png);
     /*background-position: -145px center;*/
    background-size: cover;
}

.G_centent_div_div13 {
        width: 145px;
    height: 136px;
    margin: 0px auto;
     background: url(../images/pokers/mg13.png);
     background-position: left center;
    background-size: cover;
}
.G_centent_div_div13:hover {
    background: url(../images/pokers/mg13.png);
     background-position: -145px center;
    background-size: cover;
}
.G_centent_div_div14 {
        width: 145px;
    height: 136px;
    margin: 0px auto;
     background: url(../images/pokers/mg14.png);
     background-position: left center;
    background-size: cover;
}
.G_centent_div_div14:hover {
    background: url(../images/pokers/mg14.png);
     background-position: -145px center;
    background-size: cover;
}
.G_centent_div_div15 {
        width: 145px;
    height: 136px;
    margin: 0px auto;
     background: url(../images/pokers/mg15.png);
     background-position: left center;
    background-size: cover;
}
.G_centent_div_div15:hover {
    background: url(../images/pokers/mg15.png);
     background-position: -145px center;
    background-size: cover;
}
.G_centent_div_div16 {
        width: 145px;
    height: 136px;
    margin: 0px auto;
     background: url(../images/pokers/mg16.png);
     background-position: left center;
    background-size: cover;
}
.G_centent_div_div16:hover {
    background: url(../images/pokers/mg16.png);
     background-position: -145px center;
    background-size: cover;
}
.G_centent_div_div17 {
        width: 145px;
    height: 136px;
    margin: 0px auto;
     background: url(../images/pokers/mg17+.png);
     background-position: left center;
    background-size: cover;
}
.G_centent_div_div17:hover {
    background: url(../images/pokers/mg17+.png);
     background-position: -145px center;
    background-size: cover;
}

.G_centent_div_div18 {
        width: 145px;
    height: 136px;
    margin: 0px auto;
     background: url(../images/pokers/mg18.png);
     background-position: left center;
    background-size: cover;
}
.G_centent_div_div18:hover {
    background: url(../images/pokers/mg18.png);
     background-position: -145px center;
    background-size: cover;
}
.G_centent_div_div19 {
        width: 145px;
    height: 136px;
    margin: 0px auto;
     background: url(../images/pokers/mg19.png);
     background-position: left center;
    background-size: cover;
}
.G_centent_div_div19:hover {
    background: url(../images/pokers/mg19.png);
     background-position: -145px center;
    background-size: cover;
}

.G_centent_div_div20 {
        width: 145px;
    height: 136px;
    margin: 0px auto;
     background: url(../images/pokers/mg20.png);
     background-position: left center;
    background-size: cover;
}
.G_centent_div_div20:hover {
    background: url(../images/pokers/mg20.png);
     background-position: -145px center;
    background-size: cover;
}
/*优惠下拉*/
/* 
    author:t.me/pc_wap
    time:2020-07-25
*/


.header2 {
    position: absolute;
   
    display: none;
    width: 1210px;
    font-size: 14px;
    z-index: 999;
}
.header2 .arrow {
    position: absolute;
    left: 1.5%;
    top: -10px;
    margin-left: -5px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 5px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #d0b261 transparent;
}
.header2 .w1{
    overflow: hidden;
    border: 1px solid #d0b261;
    background-color: rgba(0,0,0, 0.6);
    color: #fff;
    padding-top: 18px;
    padding-bottom: 40px;
}
.header2 .col-2{
    float:left;
    width: 20%;
}
.header2 .col-4{
    float:left;
    width: 40%;
}

.header2 .hd{
    border-bottom: 1px solid #d0b261;
    margin: 0 15px 9px 15px;
}
.header2 .hd .tit {
    position: relative;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    background-color: #d0b261;
    font-size: 16px;
    font-weight: bold;
}
.header2 .hd .tit:before {
    content: '';
    position: absolute;
    top: 0;
    right: -26px;
    width: 0;
    height: 0;
    border-width: 13px;
    border-style: solid;
    border-color: transparent transparent #d0b261 #d0b261;
}
.header2 .hd .tit h2{
    padding: 0 10px;
}
.header2 .box{
    text-align: center;
}
.header2 .box:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "\20";
    clear: both;
    height: 0;
}
.header2 .box a{
    display: block;
    width: 240px;
    height: 132px;
}
.header2 .box .photo{
    height: 85px;
    line-height: 85px;
}
.header2 .box .btn{
    display: inline-block;
    position: relative;
    height: 22px;
    line-height: 22px;
    padding:0 12px;
    border-radius: 10px;
    background: #3399ff;
    color: #fff;
    font-size: 16px;
}
.header2 .box .btn .hot{
    top:-16px;
    right: -20px;
}
.header2 .box p{
    color: #fefdfc;
    font-size: 16px;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    margin: 0 6px;
}
.header2 .box b{
    font-weight: normal;
    color: #ff061d;
}
.header2 .col-4 .box a{
    width: 50%;
    float:left;
}
.header2 .receiveBtn{
    text-align: center;
    min-height: 88px;
    padding-top: 44px;
}
.header2 .receiveBtn a{
    display: inline-block;
    width: 256px;
    height: 63px;
    transition: all .5s;
}
.header2 .receiveBtn a:hover{
    transform: scale(1.1);
}
.header2 .receiveBtn a.b1{background: url('../images/xiala/receiveBtn1.png?=771') no-repeat;}
.header2 .receiveBtn a.b2{background: url('../images/xiala/receiveBtn2.png?=771') no-repeat;}
.linename {
    position: absolute;
    top: 18px;
    left: 14px;
    font-size: 12px;
    color:#80808075;
    font-weight: normal;
}
.indexGame2 .box ul .ft12,.ecIcon li p .ft12{
    font-size: 12px;
    color:#949292;
}
.ecIcon li p .ft12 {
    color: #9492928c;
}
.realityVideo li span .ft12 {
    font-size: 12px;
    color: #fff;
}
.lotteryList span .ft12 {
    font-size: 12px;
    color: #fff;
}
.lotteryList span {
    line-height: 14px;
}