@charset "UTF-8";
html:first-child #opera {
    display: block
}

html > body #ie7 {
    *display: block
}

body #ie6 {
    _display: block
}

body:empty #firefox12 {
    display: block
}

@-moz-document url-prefix() {
    .prize_copy_btn {
        position: relative;
        top: -20px
    }
}
.head-box {background: url(http://member.52gg.com/static/Gift51/images/head_bg.jpg) no-repeat top center;}
.wrap-inner { width: 1200px; margin: 0 auto; position: relative }
.wrap-inner { height: 640px; }
.part-1 .wrap-inner { height: 557px; }
.part-2 .wrap-inner { height: 1231px;  }
.part-3 .wrap-inner { height: 647px; overflow: hidden; }
.part-4 .wrap-inner { height: 875px; overflow: hidden; }
.part-5 .wrap-inner { height: 1181px; overflow: hidden; }
.wrap-inner .logo-game { display: inline-block; width: 197px; height: 118px; left: 3%; top: 13px;}
.wrap-inner .slogan { display: none;width: 908px; height: 421px; top: 17.6%; left: 10%; position: absolute; -webkit-animation: s-motion 1.6s steps(9) infinite; -moz-animation: s-motion 1.6s steps(9) infinite; -ms-animation: s-motion 1.6s steps(9) infinite; animation: s-motion 1.6s steps(9) infinite; }
@-webkit-keyframes s-motion {
    0% { background-position: 0px 0px }
    100% { background-position: -8172px 0px }
}
@-moz-keyframes s-motion {
    0% { background-position: 0px 0px }
    100% { background-position: -8172px 0px }
}
@-ms-keyframes s-motion {
    0% { background-position: 0px 0px }
    100% { background-position: -8172px 0px }
}
@-o-keyframes s-motion {
    0% { background-position: 0px 0px }
    100% { background-position: -8172px 0px }
}
@keyframes s-motion{
    0% { background-position: 0px 0px }
    100% { background-position: -8172px 0px }
}
/*.wrap-inner .play {width: 376px; height: 323px; top: 46.6%; left: 81.5%; position: absolute; background: url(../images/play.png) no-repeat; -webkit-animation: p-motion 3s steps(21) infinite; -moz-animation: p-motion 3s steps(21) infinite; -ms-animation: p-motion 3s steps(21) infinite; animation: p-motion 3s steps(21) infinite; }*/
@-webkit-keyframes p-motion {
    0% { background-position: 0px 0px }
    100% { background-position: -7896px 0px }
}
@-moz-keyframes p-motion {
    0% { background-position: 0px 0px }
    100% { background-position: -7896px 0px }
}
@-ms-keyframes p-motion {
    0% { background-position: 0px 0px }
    100% { background-position: -7896px 0px }
}
@-o-keyframes p-motion {
    0% { background-position: 0px 0px }
    100% { background-position: -7896px 0px }
}
@keyframes p-motion{
    0% { background-position: 0px 0px }
    100% { background-position: -7896px 0px }
}
.wrapper-full .head-box .wrap-inner .yy-num { top: 81%; left: 45%; font-size: 30px; color: #fff }
.wrapper-full .head-box .wrap-inner .yy-num span { color: #ff0000 }
.big_video {width: 100%; min-width: 1200px; height: 681px; margin: 0 auto; overflow: hidden; position: absolute; }
.big_video video { position: absolute; top: 0; left: 50%; margin-left: -960px; }
.bottom, .content, .content-div, .copy-box {
    overflow: hidden
}

.bottom-text, .btn-div p, .download, .h1-text, .input-box, .p-text, a {
    text-align: center
}

a, body, div, h1, h2, h3, h4, h5, html, li, p, ul {
    margin: 0;
    padding: 0
}

.input-box input, .input-code {
    background: #d5cbc8;
    padding: 0 5px;
    line-height: 24px
}

.box, .btn, .content {
    margin: 0 auto
}

li, ul {
    list-style: none
}

a {
    text-decoration: none
}

.hide {
    display: none
}

.clearfloat:after {
    display: block;
    clear: both;
    content: ".";
    visibility: hidden;
    height: 0
}

.clearfloat {
    zoom: 1;
    margin-bottom: 30px
}

.indent {
    width: 60px
}

.error-msg {
    color: red
}

p, pre {
    margin: 0
}

menu, ol, ul {
    padding: 0;
    margin: 0
}

a {
    color: #916aff
}

a:focus {
    outline: 0
}

body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-size: 12px;
    overflow-x: hidden;
    font-family: "微软雅黑";
    z-index: 1;
    margin: 0 auto;
    background: url(../images/bg1.jpg) top 40px center no-repeat
}

body .container {
    position: relative;
    /*width: 1000px;*/
    margin: 0 auto;
    overflow: visible
}
/*公用头部*/
.header{height: 188px;width:100%;z-index:2;position:relative}
.top_nav{height:40px;width:100%;background: #F0F0F0}
.top_in{width:1280px;height:40px;margin:0 auto;}
.top_in ul li{float: left}
.top_in ul li a{color:#a0a0a0;height: 40px;line-height: 40px;display: inline-block;padding:0px 10px;}
.lit_img{display: inline-block;width:20px;height:27px;background: url(http://static.52gg.com/v1.0/user/images/img.png);vertical-align:middle}
.save{background-position: -10px -114px}
.index{background-position: -30px -114px}
.join{background-position: -50px -114px}
.slide{background-position: -70px -114px}
.toplogo{width:1280px;height:95px;margin:0 auto;}
.logo{height: 88px;width:356px;float: left;background:url(http://www.52gg.com/templets/default/css/images/logo_l.jpg) no-repeat;display:inline-block}
.logo h1{text-indent:-999px;line-height:100px}
.top_search{width:620px;height:65px;float: right;margin-top: 18px;margin-right: 77px}
.searchbar{width:492px;height:36px;border:2px #0097e0 solid;float: left;padding-left:15px;color:gray}
.searchword{width: 100px;height:40px;background:#0097e0 ;display: inline-block;line-height: 40px;text-align: center;color:#fff;font-size: 18px;float: left}
.searchinfo{width: 200px}
.searchinfo a{color:#a0a0a0;padding:8px;}
.nav,.nav_small{width: 100%;height:53px;background: url(http://www.52gg.com/templets/default/css/images/line_x.png);z-index:100;}
.nav_small{height:42px}
.nav_small	{top:0px;position:fixed}
.top_in ul .allgame{height:40px;width:81px;background:#2bb7ff;position:relative}
.top_in ul .allgame a{color:#fff;height:20;width:81px;text-align: center;display: inline-block;padding:0;line-height: 17px}
.allgame .allgame_img{height:20px;width:20px;background: url(http://static.52gg.com/v1.0/user/images/img.png) -150px -117px;margin-left: 30px}
.allga_box{height:263px;width:485px;border:1px #eaeaea solid;position: absolute;top:40px;right:0;background: #fff;z-index:110}
.allga_box img{height: 263px;width:400px;float:left }
.allgame_name{width:486px;height:263px;float: left;}
.allgame_name p{font-size: 16px;font-weight: bold;text-align: center;height: 40px;line-height: 40px}
.allgame_name ul li{width:110px;margin-left: 10px;float: left;height: 36px}
.allgame_name ul li span{display: inline-block;width:15px;height: 20px;}
.top_in ul .allgame_name ul li a{color:#2f2f2f;text-align: center}
.allgame_name ul li .hot{background: url(http://static.52gg.com/v1.0/user/images/img.png) -134px -114px}
.nav_r{height:42px;line-height: 42px;width:1305px;margin:0 auto}
.nav_r ul li{float: left;padding:0 20px;height:42px;position:relative}
.nav_r ul li:hover{background: #06aaff;}
.nav_r ul li a{color:#fff;font-size: 14px}
.list_lh {height: 40px;overflow: hidden;width: 300px;white-space:nowrap;}
.main_r{min-height: 600px;width: 1070px;float: left}
.nav_new{display:inline-block;height:20px;width:30px;background:url(http://www.52gg.com/templets/default/css/images/new.gif) no-repeat;position:absolute;top:0px;left:66px;}
.logo_bottom{background:url(http://www.52gg.com/templets/default/css/images/nav_left.png);height:42px;width:356px;float:left;margin-top:-1px;}
.logo_small{background:url(images/logo_small.png);height:42px;width:356px;float:left;margin-top:-1px;}
.fir_page{margin-left:52px;}
.nav_r ul  .fir_page a{color:black}
.fir_page{margin-left:52px;}
.nav_r ul  .fir_page a{color:black}
.banner{width:100%;height:550px}
.bigpic{width:100%;height:550px;}
.voice{margin:0 0px 0 204px;}
.user_info{width:300px; margin-left:200px;}
.log_before{width:200px;float:right;height:40px}
.log_before a{float:right}
.log_after{width:300px;float:right;height:40px}
.log_after a{float:right}
.log_after .userinfo_vip_dj{margin:10px 5px;float:right;background:#8CDBFF url(http://static.52gg.com/v1.0/user/images/vip.png) 5px -5px no-repeat;height: 20px;line-height: 20px;width: 60px;border-radius: 4px;text-align: right;color: white;padding-right: 10px;}
.part_l_title,.part_r_title{width:262px;height: 40px;border-radius: 8px 8px 0 0;background: #eaeaea;line-height: 40px;font-size:16px;padding-left: 18px}

.user_box_bg{width:280px;height:299px;z-index: 2;position: absolute;top:-343px;left:0px;background: #fff;opacity: 0.8;filter:Alpha(opacity=80);border-radius: 8px}
.header, .section {
    z-index: 1;
    position: relative;
    width: 100%;
    margin: 0 auto;
    color: #fff
}

.header .content, .section .content {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    overflow: visible
}

 .try-to-play1 {
    display: block;
    width: 80px;
    height: 31px;
    line-height: 31px;
    color: #6e3800;
    font-size: 14px;
    text-align: center;
    background: url(../images/ckhl.png) no-repeat;
}

 .get-fuli1 {
    display: block;
    width: 80px;
    height: 31px;
    line-height: 31px;
    color: #6e3800;
    font-size: 14px;
    text-align: center;
    background: url(../images/jrgw.png) no-repeat;
 }

/*.page-btn:hover {*/
    /*background: url(images/page-btn-h_c867ac3.png) no-repeat*/
/*}*/

.page-btn.has-receive, .page-btn.has-receive:hover {
    color: #3c3c3c;
    background: url(images/page-btn-disabled_ed9060a.png) no-repeat
}

.header {
    height: 647px
}

.section {
    width: 872px
}

.section1 {
    height: 770px
}

.section1 .rules-btn1 {
    float: right;
    margin-top: 129px;
    background: url(images/page-btn_26e6f69.png) no-repeat;
    display: block;
    width: 109px;
    height: 31px;
    line-height: 31px;
    color: #6e3800;
    font-size: 14px;
    text-align: center;
}

.section1 .rules-btn1:hover {
    background: url(images/page-btn-h_c867ac3.png) no-repeat
}

.section2 {
    height: 620px
}

.section2 .h5game-box {
    width: 100%
}

.section2 .h5game-box li {
    width: 195px;
    float: left;
    margin-right: 30px
}

.section2 .h5game-box .last-li {
    margin-right: 0
}

.section2 .h5game-box .img-box {
    text-align: center;
    width: 100%;

}

.section2 .h5game-box .img-box img {
    margin-top: 4px;
    margin-bottom: 5px
}

.section2 .h5game-box .img-box p {
    color: #180800;
    font-size: 16px;
    background-color:wheat;
}

.section2 .h5game-box .page-btn {
    margin-top: 9px
}

.section2 .h5game-box .get-fuli {
    float: left
}

.section2 .h5game-box .try-to-play {
    float: right
}

.section3 {
    height: 436px
}

.section3 .rules-btn2 {
    float: right;
    margin-bottom: 24px
}

.section3 .myreward {
    float: right;
    margin-right: 10px;
    pointer: cursor
}

.section3 .h5game-box {
    width: 100%
}

.section3 .h5game-box li {
    width: 150px;
    float: left;
    /*margin-right: 48px*/
}

.section3 .h5game-box .last-li {
    margin-right: 0
}

.section3 .h5game-box .img-box {
    text-align: center;
    width: 100%;

}

.section3 .h5game-box .img-box img {
    margin-top: 4px;
    margin-bottom: 5px
}

.section3 .h5game-box .img-box p {
    color: #FCF0B2;
    font-size: 16px;
    background-color: #BA370F;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    width: 143px;
}

.section3 .h5game-box .page-btn {
    margin-top: 9px
}

.section3 .h5game-box .get-fuli {
    float: left
}

.section3 .h5game-box .try-to-play {
    float: right
}

.section4 {
    text-align: center;
    padding-top: 6px
}

.red {
    color: #e9210b
}

@charset "UTF-8";
.link_box {
    position: absolute;
    right: 0;
    top: 0;
    width: 254px;
    height: 29px;
    line-height: 29px;
    background: url(images/top-nav_22bb2b6.png) no-repeat;
    color: #000
}

.link_box a {
    display: inline-block;
    width: 75px;
    font-size: 14px;
    cursor: pointer;
    color: #001f23;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.link_box a:hover {
    color: #a51514
}

.lr_box {
    position: absolute;
    right: 260px;
    top: 0;
    text-align: right
}

.lr_box .top-login-box {
    height: 29px;
    line-height: 29px;
    font-size: 14px;
    color: #fff
}

.lr_box .top-login-box a {
    color: #000
}

.lr_box .top-login-box a:hover {
    text-decoration: underline
}

.lr_box .top-login-box .top-login-name {
    color: #fff
}

.logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 356px;
    height: 92px;
    background: url(images/logo_61e7a9a.png) no-repeat
}

img {
    border: 0
}

.card-group {
    width: 872px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 65px
}

.card-list {
    width: 100%;
    height: auto
}

.card-item {
    margin-left: 44px;
    margin-bottom: 30px;
    margin-right: 45px;
    padding-top: 0;
    width: 123px;
    height: 173px;
    float: left;
    overflow: hidden
}

.card-item1 {
    margin-left: 7px;
    margin-bottom: 30px;
    margin-right: 45px;
    padding-top: 0;
    width: 123px;
    height: 173px;
    float: left;
    overflow: hidden
}

.card-content {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    cursor: default;
    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000
}

.card-content p {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    -moz-transition: transform .6s, -moz-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s, -moz-transform .6s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.card-content p.card-front, .card-content p.card-back {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.card-content p.card-back {
    background-image: url(images/turn-over_ce057b4.png);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.card-content p.card-front {
    background-image: url(images/turn-over-h_3291f3f.png);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    display: none \9;
    -ms-display: none
}

.card-content.cur-over p.card-front {
    z-index: 2;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    display: block \9;
    -ms-display: block
}

.card-content.cur-over p.card-back {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    display: none \9;
    -ms-display: none
}

.card-content.cur1-over p.card-front {
    z-index: 2;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    display: block \9;
    -ms-display: block
}

.card-content.cur1-over p.card-back {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    display: none \9;
    -ms-display: none
}

.card-name {
    position: absolute;
    top: 88px;
    left: 0;
    width: 100%;
    height: 38px;
    line-height: 38px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    display: block
}

.logo-img {
    display: block;
    position: static;
    margin: 0 auto;
    width: 100%;
    height: 117px;
    text-align: center;
    vertical-align: middle
}

.logo-xylw {
    background: url(images/xylw.png)  center center no-repeat;
}
.logo-scbz {
    background: url(images/scbz.png)  center center no-repeat;
}
.logo-wzzx2 {
    background: url(images/wzzx2.png)  center center no-repeat;
}
.logo-wztx {
    background: url(images/wztx.png)  center center no-repeat;
}
.logo-bzsc {
    background: url(images/bzsc.png)  center center no-repeat;
}
.logo-wycs {
    background: url(images/wycs.png)  center center no-repeat;
}

.logo-sszt {
    background: url(images/sszt.png)  center center no-repeat;
}

.logo-ms {
    background: url(images/ms.png) center center no-repeat
}

.logo-rxzg {
    background: url(images/rxzg.png) center center no-repeat
}

.logo-hycs {
    background: url(images/hycs.png) center center no-repeat
}

.logo-hyzs {
    background: url(images/hyzs.png) center center no-repeat;
    background-size: 95%;
}

.logo-sj {
    background: url(images/sj.png) center center no-repeat
}

.logo-rxsg2 {
    background: url(images/rxsg2.png) center center no-repeat
}

.logo-gjqt2 {
    background: url(images/gjqt2.png) center center no-repeat
}

.logo-rxsg3 {
    background: url(images/rxsg3.png) center center no-repeat
}

.logo-jzcq {
    background: url(images/jzcq.png) center center no-repeat
}

.logo-jz {
    background: url(images/jz.png) center center no-repeat
}

.logo-god {
    background: url(images/god.png) center center no-repeat
}

.logo-bsw {
    background: url(images/bsw.png) center center no-repeat
}

.logo-ms2 {
    background: url(images/ms2.png) center center no-repeat;
    background-size: 95%;
}

.logo-qz {
    background: url(images/qz.png) center center no-repeat;
    background-size: 80%;
}

.logo-yhdl {
    background: url(images/yhdl.png) center center no-repeat;
    background-size: 95%;
}

.logo-mhj2 {
    background: url(images/mhj2.png) center center no-repeat;
    background-size: 80%;
}

.logo-sh {
    background: url(images/sh.png) center center no-repeat;
    background-size: 90%;
}

.get-gift-btn {
    position: absolute;
    top: 180px;
    left: 20px;
    margin-left: 30px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    color: #030303;
    background-color: #FCF0B2;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    cursor: pointer
}

.get-gift-btn:hover {
    background-color: #BDAD6F
}

.has-receive, .disabled-receive {
    color: #999;
    background-color: #ccc;
    cursor: default
}

.has-receive:hover, .disabled-receive:hover {
    color: #999;
    background-color: #ccc;
    cursor: default
}

.egg-panel {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 54px;
    left: 0;
    width: 811px;
    height: 262px
}

.lottery-chance {
    position: absolute;
    top: 22px;
    left: 0;
    color: #6e3800;
    font-size: 20px;
    text-align: left
}

.lottery-chance span {
    color: #e9210b
}

.egg-panel .egg-list {
    width: 100%;
    height: 100%
}

.egg-panel .egg-list li {
    margin-right: 51px;
    margin-top: 38px;
    width: 219px;
    height: 161px;
    float: left;
    display: block
}

.egg-panel .egg-list .egg-item1 {
    margin-left: 23px
}

.egg-panel .egg-list .egg-item3 {
    margin-right: 0
}

.egg-panel .egg-list li .egg-area {
    width: 100%;
    height: 100%;
    float: left;
    position: relative
}

.egg-panel .egg-list li .egg-area .egg-img {
    width: 100%;
    height: 100%
}

.egg-panel .egg1 .egg-img {
    background: url(images/1_354cbe4.png) no-repeat center
}

.egg-panel .egg2 .egg-img {
    background: url(images/2_e425877.png) no-repeat center
}

.egg-panel .egg3 .egg-img {
    background: url(images/3_e880b62.png) no-repeat center
}

.egg-panel .egg4 .egg-img {
    background: url(images/4.png) no-repeat center
}

.egg-panel .egg5 .egg-img {
    background: url(images/5.png) no-repeat center
}

.egg-panel .egg6 .egg-img {
    background: url(images/6.png) no-repeat center
}

.egg-panel .egg-item .hit2 .egg-img {
    background: url(images/1_17406e8.png) no-repeat center bottom
}

.change-egg-btn {
    position: absolute;
    top: 326px;
    left: 50%;
    margin-left: -58px;
    display: block;
    width: 117px;
    height: 34px;
    line-height: 34px;
    text-indent: 30px;
    color: #6e3800;
    font-size: 16px;
    background: url(images/change_e3258f4.png) no-repeat
}

.change-egg-btn:hover {
    background: url(images/change-h_4d46eee.png) no-repeat
}

.egg-panel .hummer {
    width: 149px;
    height: 123px;
    display: none;
    _display: none !important;
    background: url(images/hand-point_a1a9db0.png) no-repeat center;
    position: absolute;
    z-index: 50
}

.amat-sway {
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-animation: sway 1.5s ease infinite;
    -moz-animation: sway 1.5s ease infinite;
    animation: sway 1.5s ease infinite
}

@-webkit-keyframes sway {
    from {
        -webkit-transform: rotateZ(10deg) skewY(0deg);
        transform: rotateZ(10deg) skewY(0deg)
    }
    50% {
        -webkit-transform: rotateZ(20deg) skewY(0deg);
        transform: rotateZ(20deg) skewY(0deg)
    }
    to {
        -webkit-transform: rotateZ(10deg) skewY(0deg);
        transform: rotateZ(10deg) skewY(0deg)
    }
}

@-moz-keyframes sway {
    from {
        -webkit-transform: rotateZ(10deg) skewY(0deg);
        -moz-transform: rotateZ(10deg) skewY(0deg);
        transform: rotateZ(10deg) skewY(0deg)
    }
    50% {
        -webkit-transform: rotateZ(20deg) skewY(0deg);
        -moz-transform: rotateZ(20deg) skewY(0deg);
        transform: rotateZ(20deg) skewY(0deg)
    }
    to {
        -webkit-transform: rotateZ(10deg) skewY(0deg);
        -moz-transform: rotateZ(10deg) skewY(0deg);
        transform: rotateZ(10deg) skewY(0deg)
    }
}

@keyframes sway {
    from {
        -webkit-transform: rotateZ(10deg) skewY(0deg);
        -moz-transform: rotateZ(10deg) skewY(0deg);
        transform: rotateZ(10deg) skewY(0deg)
    }
    50% {
        -webkit-transform: rotateZ(20deg) skewY(0deg);
        -moz-transform: rotateZ(20deg) skewY(0deg);
        transform: rotateZ(20deg) skewY(0deg)
    }
    to {
        -webkit-transform: rotateZ(10deg) skewY(0deg);
        -moz-transform: rotateZ(10deg) skewY(0deg);
        transform: rotateZ(10deg) skewY(0deg)
    }
}

.amat-hammer-down {
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-animation: hammer-down .9s ease;
    -moz-animation: hammer-down .9s ease;
    animation: hammer-down .9s ease
}

@-webkit-keyframes hammer-down {
    from {
        -webkit-transform: rotateZ(15deg) scale(1);
        transform: rotateZ(15deg) scale(1)
    }
    75% {
        -webkit-transform: rotateZ(60deg) scale(1);
        transform: rotateZ(60deg) scale(1)
    }
    100% {
        -webkit-transform: rotateZ(-10deg) scale(0.85);
        transform: rotateZ(-10deg) scale(0.85)
    }
}

@-moz-keyframes hammer-down {
    from {
        -webkit-transform: rotateZ(15deg) scale(1);
        -ms-transform: rotateZ(15deg) scale(1);
        -moz-transform: rotateZ(15deg) scale(1);
        transform: rotateZ(15deg) scale(1)
    }
    75% {
        -webkit-transform: rotateZ(60deg) scale(1);
        -ms-transform: rotateZ(60deg) scale(1);
        -moz-transform: rotateZ(60deg) scale(1);
        transform: rotateZ(60deg) scale(1)
    }
    100% {
        -webkit-transform: rotateZ(-10deg) scale(0.85);
        -ms-transform: rotateZ(-10deg) scale(0.85);
        -moz-transform: rotateZ(-10deg) scale(0.85);
        transform: rotateZ(-10deg) scale(0.85)
    }
}

@keyframes hammer-down {
    from {
        -webkit-transform: rotateZ(15deg) scale(1);
        -ms-transform: rotateZ(15deg) scale(1);
        -moz-transform: rotateZ(15deg) scale(1);
        transform: rotateZ(15deg) scale(1)
    }
    75% {
        -webkit-transform: rotateZ(60deg) scale(1);
        -ms-transform: rotateZ(60deg) scale(1);
        -moz-transform: rotateZ(60deg) scale(1);
        transform: rotateZ(60deg) scale(1)
    }
    100% {
        -webkit-transform: rotateZ(-10deg) scale(0.85);
        -ms-transform: rotateZ(-10deg) scale(0.85);
        -moz-transform: rotateZ(-10deg) scale(0.85);
        transform: rotateZ(-10deg) scale(0.85)
    }
}

.amat-get-away {
    -webkit-animation: get-away .2s ease-out both;
    -moz-animation: get-away .2s ease-out both;
    animation: get-away .2s ease-out both
}

@-webkit-keyframes get-away {
    from {
        -webkit-transform: rotateZ(-10deg) scale(0.85) translate3d(0, 0, 0);
        transform: rotateZ(-10deg) scale(0.85) translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: rotateZ(30deg) scale(1) translate3d(100px, -20px, 0);
        transform: rotateZ(30deg) scale(1) translate3d(100px, -20px, 0)
    }
}

@-moz-keyframes get-away {
    from {
        -webkit-transform: rotateZ(-10deg) scale(0.85) translate3d(0, 0, 0);
        -moz-transform: rotateZ(-10deg) scale(0.85) translate3d(0, 0, 0);
        transform: rotateZ(-10deg) scale(0.85) translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: rotateZ(30deg) scale(1) translate3d(100px, -20px, 0);
        -moz-transform: rotateZ(30deg) scale(1) translate3d(100px, -20px, 0);
        transform: rotateZ(30deg) scale(1) translate3d(100px, -20px, 0)
    }
}

@keyframes get-away {
    from {
        -webkit-transform: rotateZ(-10deg) scale(0.85) translate3d(0, 0, 0);
        -moz-transform: rotateZ(-10deg) scale(0.85) translate3d(0, 0, 0);
        transform: rotateZ(-10deg) scale(0.85) translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: rotateZ(30deg) scale(1) translate3d(100px, -20px, 0);
        -moz-transform: rotateZ(30deg) scale(1) translate3d(100px, -20px, 0);
        transform: rotateZ(30deg) scale(1) translate3d(100px, -20px, 0)
    }
}

@charset "UTF-8";
.floatNav {
    position: fixed;
    top: 100px;
    right: 0;
    width: 57px;
    height: 380px;
    z-index: 99;
    background-image: url(images/floatNav_2e075af.png)
}

.floatNav.leftSide {
    display: none
}

.floatNav .nav-item {
    margin-bottom: 11px;
    position: relative;
    right: 73px;
    top: 0;
    display: block;
    width: 81px;
    height: 33px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 33px;
    cursor: pointer;
    background-image: url(images/fn_886dd1a.png);
    background-repeat: no-repeat
}

.floatNav .nav-item:hover {
    color: #3d4156;
    background-image: url(images/fn-h_99846b3.png)
}

.floatNav .nav-item1 {
    margin-top: 69px
}

.floatNav .nav-item4 {
    margin-bottom: 7px
}

.floatNav .nav-item5, .floatNav .nav-item5:hover {
    height: 66px;
    background-image: url(images/fn5_9a13753.jpg)
}

.floatNav .nav-item6, .floatNav .nav-item6:hover {
    width: 55px;
    height: 55px;
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0
}

.sq-dialog {
    position: absolute;
    top: 200px;
    left: 500px;
    z-index: 1001;
    padding: 0;
    width: 420px;
    color: #6c6c6c
}

.sq-dialog-source {
    display: none
}

.sq-dialog-avatar {
    z-index: 1;
    width: 22px;
    height: 23px;
    position: absolute;
    top: 7px;
    left: 12px;
    background: transparent url(images/bg-dialog-avatar.png) no-repeat;
    _background-image: url(images/bg-dialog-avatar-8.png)
}

.sq-dialog-body {
    word-break: break-all;
    background-color: #fff;
    border: 1px solid transparent;
    _border-color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 2px 1px #fff;
    box-shadow: inset 0 0 2px 1px #fff;
    *padding-bottom: 10px
}

.sq-dialog-titlebar {
    position: relative;
    height: 20px;
    color: #3c3c3c;
    padding: 10px 0 4px 46px
}

.sq-dialog-titlebar-text {
    color: #3c3c3c;
    font-size: 14px
}

.sq-dialog-notitle {
    height: 1px;
    overflow: hidden
}

.sq-dialog-client {
    background-color: #fff;
    padding: 24px 14px 0;
    margin-right: 10px;
    margin-left: 10px;
    font-size: 14px;
    _line-height: 20px
}

.sq-dialog-content {
    margin-left: 10px;
    margin-right: 10px;
    text-align: center
}

.sq-dialog-close {
    position: absolute;
    width: 14px;
    height: 13px;
    top: 10px;
    right: 15px;
    text-indent: -9999px;
    background: transparent url(images/bg-dialog-close.png) no-repeat 0 0;
    _background-image: url(images/bg-dialog-close-8.png)
}

.sq-dialog-close:hover {
    background-position: 0 -30px
}

.sq-dialog-buttons {
    margin: 0 10px 10px;
    background-color: #fff;
    padding-bottom: 15px;
    text-align: center;
    *zoom: 1
}

.sq-dialog-buttons a {
    margin-left: 10px;
    margin-right: 10px
}

.sq-dialog-nobutton {
    border: 0;
    padding: 0;
    height: 1px;
    overflow: hidden
}

.sq-dialog-nobutton button {
    display: none
}

.sq-dialog-masking {
    background-color: #000;
    left: 0;
    opacity: .4;
    filter: alpha(opacity=40);
    position: absolute;
    top: 0;
    z-index: 1000;
    width: 100%
}

.sq-dialog-overlay {
    background-color: #fff;
    border: 1px solid #999;
    position: absolute
}

.sq-dialog-content h5 {
    font-weight: 400;
    font-size: 16px;
    color: #f25277;
    padding: 15px 0
}

.sq-dialog-content a {
    margin-left: 3px;
    margin-right: 3px
}

.sq-dialog-content p {
    line-height: 18px;
    margin: 8px 0
}

.sq-dialog-content-col {
    display: inline-block;
    width: 112px;
    text-align: right
}

.sq-dialog-loading {
    height: 60px;
    background: transparent url(images/loading-48x48.gif) no-repeat 50px center
}

.sq-dialog-loading span {
    position: relative;
    top: 20px;
    left: 10px
}

.sq-dialog .btn-s-140, .sq-dialog .btn-s-w {
    width: 140px;
    height: 36px;
    line-height: 36px;
    font-size: 16px
}

.sq-dialog .not-button {
    color: #9c9c9c
}

.sq-dialog-titlebar {
    background-image: url("images/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f2f2f2), color-stop(100%, #e9e9e9));
    background-image: -moz-linear-gradient(#f2f2f2, #e9e9e9);
    background-image: -webkit-linear-gradient(#f2f2f2, #e9e9e9);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e9e9e9));
    background-image: linear-gradient(#f2f2f2, #e9e9e9);
    background-color: #e9e9e9 \9
}

.sq-dialog .btn-s-140 {
    background: #ffab16;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    vertical-align: middle
}

.sq-dialog .btn-s-140:hover {
    background: #ff970e;
    color: #fff;
    text-decoration: none
}

.sq-dialog .btn-s-w {
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    color: #9c9c9c;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    vertical-align: middle
}

.sq-dialog .btn-s-w:hover {
    color: #0c3c3c;
    text-decoration: none
}

.sq-dialog .btn-s-disabled {
    color: #9c9c9c;
    cursor: default
}

.sq-dialog .btn-s-disabled:hover {
    color: #9c9c9c
}

@charset "UTF-8";
.customDialog .r-cover {
    z-index: 300
}

.customDialog .r-dialog {
    z-index: 301
}

.customDialog.sq-dialog {
    position: absolute;
    top: 200px;
    left: 500px;
    z-index: 1001;
    color: #333;
    width: 420px;
    height: auto;
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family: "Microsoft Yahei";
    overflow: hidden
}

.customDialog .sq-dialog-source {
    display: none
}

.customDialog .sq-dialog-avatar {
    z-index: 1;
    width: 38px;
    height: 46px;
    position: absolute;
    top: 0;
    left: 10px;
    display: none
}

.customDialog .sq-dialog-body {
    width: 100%;
    height: auto;
    word-break: break-all;
    font-size: 14px;
    background: #fff;
    float: left;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    overflow: hidden
}

.customDialog .sq-dialog-titlebar {
    position: relative;
    height: 24px;
    line-height: 24px;
    text-align: center;
    padding: 5px 12px;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background: url(images/d_bg_14fde31.png) repeat-x left -60px
}

.customDialog .sq-dialog-titlebar-text {
    width: auto;
    height: 24px;
    line-height: 24px;
    padding-left: 25px;
    font-size: 14px;
    color: #3c3c3c;
    text-align: left;
    display: block;
    float: left;
    background: url(images/d_bg_14fde31.png) no-repeat left -22px
}

.customDialog .sq-dialog-notitle {
    height: 1px;
    overflow: hidden
}

.customDialog .sq-dialog-client {
    padding: 5%;
    margin: 0;
    float: left;
    width: 90%;
    background: #fff
}

.customDialog .sq-dialog-client .sq-dialog-content {
    text-align: center;
    color: #333;
    font-size: 14px;
    float: left;
    width: 100%;
    margin: 0
}

.customDialog .f16 {
    font-size: 16px
}

.customDialog .sq-dialog-close {
    position: absolute;
    right: 5px;
    top: 4px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    text-indent: -9999px;
    background: url(images/d_bg_14fde31.png) no-repeat 7px 7px
}

.customDialog .sq-dialog-close:hover {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
}

.customDialog .sq-dialog-buttons {
    padding-bottom: 5px;
    margin: 0;
    text-align: center;
    *zoom: 1;
    width: 100%;
    float: left
}

.customDialog .sq-dialog-buttons a {
    z-index: 10;
    background: url(images/d_bg_14fde31.png) no-repeat left bottom;
    width: 140px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    margin: 0 5px;
    color: #fff;
    font-size: 16px;
    text-align: center
}

.customDialog .sq-dialog-buttons a.sq-dialog-btn {
    margin-bottom: 18px
}

.customDialog .sq-dialog-buttons a.sq-dialog-btn.btn-s-1 {
    font-family: "Microsoft YaHei"
}

.customDialog .sq-dialog-buttons a:hover {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8
}

.customDialog .sq-dialog-nobutton {
    border: 0;
    padding: 0;
    height: 1px;
    overflow: hidden;
    margin: 0
}

.customDialog .sq-dialog-nobutton button {
    display: none
}

.customDialog .sq-dialog-masking {
    background-color: #000;
    left: 0;
    opacity: .4;
    filter: alpha(opacity=40);
    position: absolute;
    top: 0;
    z-index: 1000;
    width: 100%
}

.customDialog .sq-dialog-overlay {
    background-color: #fff;
    border: 1px solid #999;
    position: absolute
}

.customDialog .sq-dialog-content .center {
    text-align: center
}

.customDialog .sq-dialog-content h5 {
    font-weight: 400;
    font-size: 20px;
    color: #0082cb
}

.customDialog .sq-dialog-content p {
    margin-top: 8px;
    margin-bottom: 8px;
    padding-left: 10px;
    text-align: left
}

.customDialog .sq-dialog-content .spar {
    text-align: center
}

.customDialog .sq-dialog-content a {
    color: #008cce;
    margin-left: 3px;
    margin-right: 3px
}

.customDialog .sq-dialog-content .medal-sub {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    padding: 0
}

.customDialog .sq-dialog-content .medal-box {
    width: 100%;
    float: left;
    border: 1px solid #dbdbdb;
    margin: 10px 0
}

.customDialog .sq-dialog-content .medal-list {
    width: 100%;
    max-height: 288px;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden
}

.customDialog .sq-dialog-content .medal-list li {
    width: 100%;
    height: auto;
    min-height: 42px;
    line-height: 22px;
    font-size: 14px;
    float: left;
    border-top: 1px solid #dbdbdb
}

.customDialog .sq-dialog-content .medal-list li.my-medal-item.list-title {
    height: 30px;
    min-height: 30px;
    line-height: 30px;
    background: #f5f5f5;
    padding: 0;
    border-top: 0
}

.customDialog .sq-dialog-content .medal-list li span {
    width: auto;
    height: auto;
    display: inline-block;
    float: left;
    text-align: center;
    font-size: 14px
}

.customDialog .sq-dialog-content .medal-list li span.item-left {
    padding: 10px 0;
    width: 29%;
    border-right: 1px solid #dbdbdb
}

.customDialog .sq-dialog-content .medal-list li span.item-left.t1 {
    height: 30px;
    line-height: 30px;
    padding: 0;
    font-weight: 400
}

.customDialog .sq-dialog-content .medal-list li span.item-right {
    width: 70%;
    text-align: center;
    float: right;
    padding: 10px 0 0
}

.customDialog .sq-dialog-content .medal-list li span.item-right.t2 {
    padding: 0
}

.customDialog .sq-dialog-content .medal-list li span.item-right.t4 {
    font-size: 14px
}

.customDialog .sq-dialog-content .medal-list li span.item-right.t4 input {
    width: 215px;
    height: 18px;
    line-height: 18px;
    padding: 0 2px;
    background: #fff;
    border: 1px solid #dbdbdb;
    color: #999;
    text-align: center;
    font-size: 12px
}

.customDialog .sq-dialog-content .medal-list li span.item-right.t4 a {
    font-size: 14px;
    padding: 5px
}

.customDialog .sq-dialog-content .medal-list li span.item-right.t4.top11 {
    margin-top: 11px
}

.customDialog .sq-dialog-content .info-fill-dialog {
    margin: 0
}

.customDialog .sq-dialog-content .info-fill-dialog p {
    margin-top: 8px;
    margin-bottom: 8px;
    padding-left: 10px;
    text-align: left;
    color: #333;
    height: auto
}

.customDialog .sq-dialog-content .info-fill-dialog p.info-fill-title {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    margin-top: 0
}

.customDialog .sq-dialog-content .info-fill-dialog .dialog-input-group {
    height: 36px;
    line-height: 30px;
    margin-top: 13px;
    position: relative
}

.customDialog .sq-dialog-content .info-fill-dialog .dialog-input-group span.label {
    width: 70px;
    height: 36px;
    line-height: 36px;
    text-align: right;
    display: block;
    font-size: 14px;
    float: left;
    padding-right: 10px
}

.customDialog .sq-dialog-content .info-fill-dialog .dialog-input-group span.label i {
    padding: 0 2px;
    color: red
}

.customDialog .sq-dialog-content .info-fill-dialog .dialog-input-group span.error-tips {
    width: auto;
    height: 14px;
    line-height: 14px;
    text-align: left;
    display: inline-block;
    position: absolute;
    top: 33px;
    left: 80px;
    color: red;
    font-size: 12px
}

.customDialog .sq-dialog-content .info-fill-dialog .dialog-input-group span.error-tips.error-address {
    top: 46px
}

.customDialog .sq-dialog-content .info-fill-dialog .dialog-input-group input {
    width: 230px;
    height: 20px;
    line-height: 20px;
    padding: 5px;
    border: 1px solid #ccc;
    display: block;
    float: left
}

.customDialog .sq-dialog-content .info-fill-dialog .dialog-input-group textarea {
    width: 230px;
    height: 32px;
    display: block;
    font-family: 微软雅黑;
    -webkit-border-image: initial;
    float: left;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    border-image: initial
}

.customDialog .sq-dialog-content .info-fill-dialog .dialog-input-group.info-tips {
    font-size: 12px;
    line-height: 16px;
    color: #999;
    text-align: center;
    margin: 25px 20px 0
}

.customDialog .sq-dialog-content .lottresult {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden
}

.customDialog .sq-dialog-content .lottresult .copywrap {
    padding-top: 10px
}

.customDialog .sq-dialog-content .lottresult .copywrap .f-l {
    float: left
}

.customDialog .sq-dialog-content .lottresult .copywrap p.f-l {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 8px;
    height: 28px;
    line-height: 28px;
    display: block;
    float: left
}

.customDialog .sq-dialog-content .lottresult .copywrap p.code2 {
    margin-top: 1px
}

.customDialog .sq-dialog-content .lottresult .copywrap input {
    width: 240px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #ccc;
    color: #666;
    padding: 2px 5px;
    font-size: 12px
}

.customDialog .sq-dialog-content .lottresult .copywrap #codeCopy {
    height: 28px;
    line-height: 28px;
    width: 70px;
    display: block;
    text-align: center
}

.customDialog .sq-dialog-content .lottresult .code-tips {
    width: 100%;
    height: auto;
    float: left
}

.customDialog .sq-dialog-content-col {
    display: inline-block;
    width: 112px;
    text-align: right
}

.customDialog .sq-dialog-loading {
    height: 60px;
    background: transparent url(images/loading-48x48.gif) no-repeat 50px center
}

.customDialog .sq-dialog-loading span {
    line-height: 60px
}

.customDialog .sq-dialog-secpwd {
    height: auto;
    float: left;
    width: 100%;
    overflow: hidden;
    zoom: 1
}

.customDialog .sq-dialog-secpwd p {
    height: 23px;
    line-height: 23px;
    text-align: left;
    font-size: 14px;
    margin: 10px;
    position: relative
}

.customDialog .sq-dialog-secpwd p a {
    position: absolute;
    top: -36px;
    left: 15px
}

.customDialog .sq-dialog-secpwd p input {
    height: 18px;
    line-height: 18px;
    padding: 5px;
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    top: 0;
    left: 90px
}

.customDialog .sq-dialog-secpwd p label {
    position: absolute;
    left: 10px;
    top: 3px
}

.customDialog .sq-dialog-secpwd p.sq-dialog-secpwd-forget {
    width: 100%
}

.customDialog .sq-dialog-secpwd p.sq-dialog-secpwd-forget a {
    width: 150px;
    height: 26px;
    line-height: 26px;
    top: 0;
    left: 190px
}

.customDialog .sq-dialog-secpwd .sq-dialog-secpwd-error {
    margin-left: 90px;
    padding-left: 25px
}

.customDialog.setUp .sq-dialog-secpwd p {
    height: auto;
    line-height: normal
}

.customDialog.setUp .sq-dialog-secpwd p a {
    position: static
}

.customDialog .sq-dialog-client .captcha {
    width: 300px;
    height: 60px;
    line-height: 50px;
    margin: 0 auto;
    font-size: 14px;
    position: relative
}

.customDialog .sq-dialog-client .captcha .label {
    width: auto;
    height: 32px;
    line-height: 32px;
    display: block;
    position: absolute;
    left: 0;
    top: 10px
}

.customDialog .sq-dialog-client .captcha input {
    width: 80px;
    height: 20px;
    line-height: 20px;
    padding: 5px;
    border: 1px solid #ccc;
    background: #fff;
    color: #333;
    position: absolute;
    left: 105px;
    top: 10px
}

.customDialog .sq-dialog-client .captcha img {
    width: 80px;
    height: 32px;
    position: absolute;
    top: 10px;
    left: 205px;
    cursor: pointer
}

.customDialog .sq-dialog-client .captcha .error-txt {
    width: auto;
    height: 18px;
    line-height: 14px;
    text-align: left;
    display: block;
    position: absolute;
    top: 46px;
    left: 105px;
    color: red;
    font-size: 12px
}

.customDialog .sq-dialog-content .lottresult {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden
}

.customDialog .sq-dialog-content .lottresult span.color1 {
    color: #e41548
}

.customDialog .sq-dialog-content .lottresult .dgift {
    padding: 10px
}

.customDialog .sq-dialog-content .lottresult .card-con {
    text-align: left;
    font-weight: 700;
    padding-left: 10px
}

.customDialog .sq-dialog-content .lottresult .copywrap {
    padding-top: 10px
}

.customDialog .sq-dialog-content .lottresult .copywrap p.f-l {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 8px;
    height: 28px;
    line-height: 28px;
    display: block;
    float: left
}

.customDialog .sq-dialog-content .lottresult .copywrap .get-code-text {
    width: 220px;
    height: 24px
}

.customDialog .sq-dialog-content .lottresult .copywrap #codeCopy {
    height: 28px;
    line-height: 28px
}

.customDialog .sq-dialog-content .lottresult .card-con span {
    font-weight: 400
}

.sq-dialog-position-fixed {
    position: fixed;
    top: 150px;
    _position: absolute;
    top: expression(eval(document.documentElement.scrollTop+150))
}

.sq-dialog-body {
    width: 100%;
    height: auto;
    word-break: break-all;
    font-size: 14px;
    background: #fff;
    float: left;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    overflow: hidden
}

.sq-dialog-client {
    padding: 5%;
    margin: 0;
    float: left;
    width: 90%;
    background: #fff
}

.sq-dialog-client .sq-dialog-content {
    text-align: center;
    color: #333;
    font-size: 14px;
    float: left;
    width: 100%;
    margin: 0
}

.sq-dialog-avatar {
    z-index: 1;
    width: 38px;
    height: 46px;
    position: absolute;
    top: 0;
    left: 10px;
    display: none
}

.sq-dialog-titlebar {
    position: relative;
    height: 24px;
    line-height: 24px;
    text-align: center;
    padding: 5px 12px;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background: url(images/d_bg_14fde31.png) repeat-x left -60px
}

.sq-dialog-titlebar-text {
    width: auto;
    height: 24px;
    line-height: 24px;
    padding-left: 25px;
    font-size: 14px;
    color: #3c3c3c;
    text-align: left;
    display: block;
    float: left;
    background: url(images/d_bg_14fde31.png) no-repeat left -22px
}

.sq-dialog-buttons {
    padding-bottom: 5px;
    margin: 0;
    text-align: center;
    *zoom: 1;
    width: 100%;
    float: left;
    z-index: 10;
    position: relative
}

.sq-dialog-buttons a {
    z-index: 10;
    background: url(images/d_bg_14fde31.png) no-repeat left bottom;
    width: 140px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    margin: 0 5px;
    color: #fff;
    font-size: 16px;
    text-align: center
}

.sq-dialog-buttons a.sq-dialog-btn {
    margin-bottom: 18px
}

.sq-dialog-buttons a.sq-dialog-btn.btn-s-1 {
    font-family: "Microsoft YaHei"
}

.sq-dialog-buttons a:hover {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8
}

.sq-dialog-secpwd {
    height: auto;
    float: left;
    width: 100%;
    overflow: hidden;
    zoom: 1;
    color: #333
}

.sq-dialog-secpwd p {
    padding-left: 10px;
    height: 23px;
    line-height: 23px;
    text-align: left;
    font-size: 14px;
    margin: 10px;
    position: relative
}

.sq-dialog-secpwd p a {
    position: absolute;
    top: -36px;
    left: 15px;
    color: #008cce;
    margin-left: 3px;
    margin-right: 3px
}

.sq-dialog-secpwd p input {
    height: 18px;
    line-height: 18px;
    padding: 5px;
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    top: 0;
    left: 90px
}

.sq-dialog-secpwd p label {
    position: absolute;
    left: 10px;
    top: 3px
}

.sq-dialog-secpwd p.sq-dialog-secpwd-forget {
    width: 100%
}

.sq-dialog-secpwd p.sq-dialog-secpwd-forget a {
    width: 150px;
    height: 26px;
    line-height: 26px;
    top: 0;
    left: 190px
}

.sq-dialog-secpwd .sq-dialog-secpwd-error {
    margin-left: 90px;
    padding-left: 25px
}

.r-dialog-panel-reg .tcom-tit {
    background: 0 0;
    text-align: left
}

@media \0screen {
    .page4 .section2 .content .data_table {
        top: 200px
    }
}

@media screen and (min-width: 0\0
) {
    .page4 .section2 .content .data_table {
        top: 200px
    }

    .card-content p.card-front {
        display: none
    }

    .card-content.cur-over p.card-front {
        display: block
    }

    .card-content.cur-over p.card-back {
        display: none
    }

    .card-content.cur-over1 p.card-front {
        display: block
    }

    .card-content.cur-over1 p.card-back {
        display: none
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .page4 .section2 .content .data_table {
        top: 393px
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #safari {
        display: block
    }

    .container {
        margin: 0 auto
    }
}

@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
    head ~ body #opera {
        display: block
    }
}

.section2 li img{
    width: 195px;
    height: 280px;
}