#header .homenav
{
    height: 30px;
    color: #b0b0b0;

}
#header .homenav ul.top-login-box {
    border-right: 0;
    width: 248px;
    float: right;
    margin-left: 900px;
    z-index: 999;
    margin-top: -35px;

}
#header .homenav ul.top-login-box li
{
    display: inline-block;
}
#header .homenav li a
{
    height: 26px;
    padding: 0;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 24px;
    border-radius: 13px;
    background-color: #04a9fe;
    margin-right:0;
    border: 1px solid #222222;
    margin-top: 8px;
    color: #fff;
    display: inline-block;
    margin-left: 20px;
}

#header .homenav li a:hover
{
    border: 1px solid #04a9fe;
    background-color: #222222;
}
#header.fixed-header
{
    position: fixed;
    height: 84px;
    z-index: 99999999;
}
#header.fixed-header .homenav
{
    display: none;
}
a:hover
{
    color:#04a9fe;
}
.header-top-tip
{
    text-align: center;
    position: absolute;
    width:294px;
    height: 30px;
    line-height: 30px;
    color: #b0b0b0;
    left:50%;
    margin-left: -147px;
}
.top-icon
{
    display: inline-block;
    background-image: url(/Statics/style/images/site_nav_icon.png);
    width: 23px;
    height: 21px;
    margin-right: 20px;
    margin-top: 5px;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.icon-index:hover
{
    background-position: 0 -20px ;
}
.icon-qq
{
    background-position: -80px 1px ;
    margin-top: 4px;
}
.icon-qq:hover
{
    background-position: -80px -20px ;
}
.icon-weixin
{
    background-position: -110px 2px ;
    margin-top: 4px;
}
.icon-weixin:hover
{
    background-position: -110px -20px ;
}
.icon-weibo
{
    background-position: -36px 2px ;
    margin-top: 4px;
}
.icon-weibo:hover
{
    background-position: -36px -20px ;
}

.top-icon-split
{
    background-image: url("/Statics/style/images/1.png");
    width: 5px;
    height: 14px;
    display: inline-block;
    margin-right: 20px;
    margin-top: 6px;
    vertical-align: middle;
    background-repeat: no-repeat
}
.topbar
{
    height: 84px;
    padding-top: 0;
    line-height:84px;
}
#header
{
    height: 114px;
    position: static;
}
#content
{
    margin-top: 20px;
}
body
{
    background-color: #EAEAEA;
}
.login-content
{
    width: 1180px;
    margin: 0 auto;
    border: 1px solid #DCDCDC;
    box-shadow:0 0 10px 5px #ddd;
    margin-top: 10px;
    background-color: #fff;
    min-height: 649px;
    padding: 10px;
    height: auto;
    overflow: hidden;
}
.bottom-links
{
    background-image: url("/Statics/style/images/footer_bg.jpg");
    height: 160px;
    background-position: center;

}
.footer-copy
{
    height:113px ;
    background-color: #000;
}
.bottom-links-content .hot-icon
{
    background-image: url("/Statics/style/images/hot.png");
    width: 19px;
    height: 15px;
    position: absolute;
    margin-left:5px
}
.bottom-links-content
{
    margin: 0 auto;
    width: 1100px;
    color:#fff;
}
.footer-copy-content
{
    margin: 0 auto;
    width: 1100px;
    color:#fff;
}
.bottom-links-content .left
{
    float: left;
    width: 890px;
    height: 160px;
}
.bottom-links-content .right
{
    float: right;
    width: 200px;
    height: 160px;
}
.bottom-links-content .left ul
{
    width: 200px;
    float: left;
    padding-top: 20px;
}
.bottom-links-content .left ul li
{
    height: 25px;
    line-height: 25px;
}
.bottom-links-content .left ul li a
{
    color:#AAAAAA;
}
.bottom-links-content .left ul li a:hover
{
    color:#04a9fe;
}
.bottom-links-content .left ul li:first-child
{
    font-size: 16px; font-weight: bold; padding-bottom: 30px;
}
.bottom-links-content .left ul li:first-child a
{
    color: #fff!important;
}
.bottom-links-content .right .service400
{
    font-size: 26px;
    padding-top: 10px;
}
.bottom-links-content .right .service-online-time
{
    padding-top: 0;
    color: #AAAAAA;
    font-size: 14px;
}
.server-link
{
    border: 1px solid #04a9fe;
    display: inline-block;
    height: 25px; padding-left: 10px; padding-right: 10px; line-height: 23px; color: #04a9fe!important;
    font-size: 14px;
    margin-top: 10px;
    margin-right: 10px;
}
.server-link:hover
{
    background-color: #fff;
    border: 1px solid #fff;
    color: #04a9fe;
    text-decoration: none;
}
.footer-line
{
    border-right:1px solid #656565;
    height: 100px;
    width: 1px;
    position: absolute;
    margin-left: 800px;
    margin-top: 20px;
}
.friend-link
{
    color: #aaa!important;
}
.friend-link h3
{
    font-size: 16px;
    line-height: 43px;
    padding-top: 12px;
}
.friend-link a
{
    margin-right: 20px;
    margin-left: 20px;
    color: #aaa;
}

.friend-link a:hover
{
    color: #04a9fe;
}
.copyright
{
    text-align: center;
    color:#aaa;
    line-height: 32px;
}
.main-nav-bar
{

    position: absolute;
    left: 50%;
    margin-left: -177px;
}
.main-nav-bar ul
{
    margin: 0;
    padding: 0;
    text-align: right;
}
.top-login-bar
{
    float: right;
    position:relative;
}
.main-nav-bar ul li
{
    width: auto;
    height: 74px;
    line-height: 74px;
    display: inline-block;
    text-align: right;
}
.main-nav-bar ul li a
{
    height: 80px;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    color: #000;
    margin-left: 23px;
    padding-left:10px;
    padding-right: 10px;
    border-bottom: 3px solid #fff;

}
.main-nav-bar ul li a.current
{
    background-repeat: repeat-x;
    color: #04a9fe;
    border-bottom: 3px solid #04a9fe;
}
.main-nav-bar ul li a:hover
{
    background-repeat: repeat-x;
    color: #04a9fe;
    border-bottom: 3px solid #04a9fe;
}
#header .homenav ul
{
    border-right: 0;
}
.loading{
    position: fixed;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    z-index:9999;
}
.loading .fa{
    font-size: 78px;
}
.loading div{
    width: 100%;
    text-align: center;
    padding-top: 200px;
}
.loading p
{
    text-align: center;
    line-height: 30px;
    height: 30px;
    font-size: 16px;
    padding-top: 10px;
}
.btn-primary {
    background: #21b4ff;
    color: #fff;
}
.btn:hover
{
    background-color: #04a9fe;
}
.product-section .product-item a:hover {
    background: #04a9fe;
    color: #fff;
    border: 1px solid #04a9fe;
}
.btn-gen:hover
{
    background: #04a9fe;
    border: 1px solid #04a9fe;
}
.login-title
{
    font-size: 24px;
    line-height: 80px;
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
    text-align: center;
}
.member-steps
{
    height: 80px;
    line-height: 80px;
    text-align: center;
    margin-top: 20px;


}
.member-steps ul li
{
    display: inline-block;
    width: 186px;
    height: 67px;
    background-image: url("images/sprite.png");
    background-position: -157px -157px;
    overflow: hidden;
    line-height: 30px;
    color: #D9DADC;
}
.member-steps ul li.current
{
    width: 186px;
    background-position: -157px -295px;
    color: #fff;
}
.member-steps ul li.current strong
{
    color: #04a9fe;
}
.member-steps ul li span
{
    padding-top: 12px;
    display: inline-block;
    width: 100%;
}
.member-steps ul li strong
{
    display: inline-block;
    font-size: 14px;

}
.ipt{
    border: 1px solid #D8D8D8;
    background-color: #fff;
    border-radius: 2px;
    padding: 5px;
    width: 440px;
    height: 42px;
    line-height: 42px;
    /* box-shadow: 0 0 2px 2px #F1F1F1;*/
    padding-left: 9px;
    color: #000000;
}
.ipt:focus{
    border: 1px solid #04a9fe;
    outline: none;
}
a.red
{
    color: #04a9fe;
}
.member-reg-content
{
    margin: 0 auto;
    width: 500px;
    padding-top: 40px;

}
.member-reg-content
{
    height: 60px;
    line-height: 30px;
}
.member-reg-content ul li
{
    position: relative;
    margin-bottom: 30px;
    color: #999999;

}

#last_ul{
    height: 52px;
    line-height: 52px;
    color: #ff0000;
    padding-bottom: 0;
    display: none;
    text-align: center;
    font-size: 16px;
    margin-left: 20px;
}
.member-reg-content ul li#last_btn{
    padding-bottom: 0;
}
.member-reg-content span
{
    display: inline-block;
}
.member-reg-content span.left
{
    width: 100px;
    padding-left: 20px;
}
.reg-btn
{
    color: #fff!important;
    width: 460px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    display: inline-block;
    padding: 0;
    font-size: 18px;
}
.member-reg-content .tip
{
    position: absolute;
    vertical-align: middle;
    font-size: 15px;
    line-height: 30px;
}
.member-reg-content .tip .fa
{
    border-radius: 50%;
    width: 14px;
    height: 14px;
    background-color: #04a9fe;
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 14px;
    font-size: 12px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
}
.member-reg-content .tip.ok
{
    color: #04a9fe;
}
.member-reg-content .tip.error .fa-close
{
    background-color: #f00;
}
.member-reg-content .tip.error
{
    color: #f00;
}
.password-hack-check
{
    padding-left: 100px;
}
.password-hack-check .check-bar
{
    width: 120px;
    display: inline-block;
    position: absolute;
    margin-top: -30px;
}
.password-hack-check span
{
    display: inline-block;
    width: 40px;
    height: 4px;
    margin: 0;
    padding: 0;

}
.password-hack-check
{

}
.password-hack-check .level1
{
    background-color: #f00;
    width: 40px;
}
.password-hack-check .level0
{
    background-color: #D8D8D8;
    width: 120px;
}
.password-hack-check .level2
{
    background-color: #FFCE50;
    width: 80px;
}
.password-hack-check .level3
{
    background-color: #04a9fe;
    width: 116px;
}
.topnav a.username
{
    top:0;
    margin-top: -30px;
    color: #fff;
}
ul.subnav{width: 150px;margin-left: 1040px; right:inherit; top: 0px; }
.top-user-info
{
    height: auto;
    line-height: 60px;
    margin-top:8px;
}

.top-user-info .nametext
{
    width: 133px;
    display: inline-block;
    overflow: hidden;
    max-width: 133px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    color: #000;
}
.top-user-info .nametext:after{

}
.top-user-info .nametext,.top-user-info img,.top-user-info .nav-down
{
    vertical-align: middle;
}
.top-user-info .username
{
    vertical-align: middle;
    color: #fff;
    display: inline-block;
    position:relative;
}
.top-user-info .username img
{
    border-radius: 50%; vertical-align: middle; width: 25px; height: 25px;
}
.top-user-info .username i{
    transition: transform 0.3s;
    color: #000;
}
.top-user-info .username:hover i{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.top-user-info .sub-nav
{
    display: none;
    position: absolute;
    padding: 7px 0;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.75);
    background-color: #222222;
    -webkit-transition: display 2.5s ease-out;
    -moz-transition: display 2.5s ease-out;
    -ms-transition: display 2.5s ease-out;
    -o-transition: display 2.5s ease-out;
    transition: display 2.5s ease-out;
    overflow: hidden;
    white-space: nowrap;
    width: 125px;
    height: 155px;
    z-index: 200000;
    margin-left: 0px;
    top: 56px;
    right: 20px;
}
.top-login-btn
{
    background-color: #04a9fe;
    border-radius: 19px;
    height: 36px;
    display:inline-block;
    line-height: 34px;
    text-align: center;
    color: #fff!important;
    font-size: 14px;
    margin-left: 0;
    border: 2px solid #04a9fe;
    padding-left: 20px;
    padding-right: 20px;
}
.top-login-btn:hover
{
    background-color: #21b4ff;
    border: 2px solid #21b4ff;
}
.top-reg-btn
{
    background-color: #fff;
    border-radius: 19px;
    height: 36px;
    display:inline-block;
    line-height: 34px;
    text-align: center;
    color: #21b4ff!important;
    font-size: 14px;
    margin-left: 0;
    border: 2px solid #04a9fe;
    padding-left: 20px;
    padding-right: 20px;
}
.top-reg-btn:hover
{
    background-color: #21b4ff;
    border: 2px solid #21b4ff;
    color: #fff!important;
}
.top-user-info .sub-nav a
{
    display: block;
    width: 125px;
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
    color: #fff;
    font-size: 12px;
    padding: 0 25px;
    line-height: 40px;
    background-color: #222222;
    color: #fff;
    min-width: 50px;
    text-align: left;
    margin: 0;
    font-size: 12px;
}
.top-user-info .sub-nav a:hover
{
    background-color: #555;
}
.top-user-info .username:hover .sub-nav
{
    display: block;
}
.form-control
{
    outline: none;
}
.update-tip
{
    height: 40px;
    line-height: 40px;
    font-size: 16px;

}
.update-tip strong
{
    color: #04a9fe;
    padding-left: 5px;
    padding-right: 5px;
}
.fixed-bg
{
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 999999;
    display: none;
}
.fixed-dialog
{
    width: 400px;
    height: 120px;
    background-color: #fff;
    padding: 20px;
    left: 0;
    margin-left: -175px;
    top:50%;
    margin-top: -70px;
    position: fixed;
    display: none;
    opacity: 0;

}
.fixed-alert a.btn-success
{
    margin-top: 15px;
}
.fixed-dialog a
{
    color: #fff;
}
.fixed-dialog p
{
    text-align: center;
    height: 40px;
    line-height: 40px;
}
.fixed-dialog a.btn-close
{
    position: absolute;
    background-color: #04a9fe;
    border-radius: 50%;
    width: 19px;
    height: 19px;
    display: block;
    text-align: center;
    line-height: 19px;
    right: 5px;
    margin-top: -15px;

}
.fixed-dialog a.btn-close:hover
{
    background-color: #04a9fe;
}

.check-code
{
    cursor: pointer;
    border: 1px solid #ccc;
    margin-left: 19px;
    vertical-align: middle;
    *vertical-align: inherit;
}
.banner-bg
{
    width: 100%;
    height: 619px;
    background: url("../index/index-bg1.jpg") no-repeat #0E0838;
    background-position: center center;
}
.banner-bg .banner
{
    width: 804px;
    margin: 0 auto;
}
.index-banner2
{
    background: #F5F5F5;
    height: 587px;
    text-align: center;
}
.banner1-icon
{
    position: absolute;
    background: url("../index/platform_list.png") no-repeat;
    width: 85px;
    height: 85px;
    background-position: -126px -1px;
}
.index-icon-origin
{
    background-position: -126px -1px;
    margin-top: 220px;
    margin-left: -90px;
    animation: hot 25s infinite linear alternate;
    -webkit-animation: hot 25s infinite linear alternate;
    -moz-animation: hot 25s infinite linear alternate;
}
.index-icon-steam
{
    background-position: -321px -1px;
    margin-top: 440px;
    margin-left: 80px;
    animation: video 25s infinite linear alternate;
    -webkit-animation: video 25s infinite linear alternate;
    -moz-animation: video 25s infinite linear alternate;
}
.index-icon-ps4
{
    background-position: -504px -1px;
    margin-top: 480px;
    margin-left: 640px;
    animation: daohang 25s infinite linear alternate;
    -webkit-animation: daohang 25s infinite linear alternate;
    -moz-animation: daohang 25s infinite linear alternate;
}
.index-icon-xbox
{
    background-position: -690px -1px;
    margin-top: 360px;
    margin-left: 850px;
    animation: weishi 25s infinite linear alternate;
    -webkit-animation: weishi 25s infinite linear alternate;
    -moz-animation: weishi 25s infinite linear alternate;
}


.banner .title1
{
    font-size: 56px;
    height: auto;
    line-height: 108px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    letter-spacing:8px;
}
.banner .title2,.title3
{
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    letter-spacing:2px;
    font-weight: normal;
    position: absolute;
    margin-top: 350px;
    margin-left: 305px;
}

.index-reg-btn
{
    border-radius: 25px 25px 25px  25px;
    display: block;
    width: 231px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    color: #fff!important;
    background:url(../index/index-reg-btn.png) no-repeat #00A4FE -462px 0;
    border: 2px solid #00A4FE;
    vertical-align: middle;
    font-size: 18px;
    position: absolute;
    margin-left: 300px;
    margin-top: 280px;
    transition: background-position 1000ms,border 1000ms,color 1000ms;
}
.index-reg-btn:hover
{
    background-position: -231px 0;
    color: #00A4FE!important;
}
.index-reg-btn:hover i
{
    background-position: -872px -3px;
}
.lighter
{
    background: url(../index/light.png) no-repeat;
    width: 188px;
    height: 28px;
    position: absolute;
    margin-top: 165px;
    animation: guang-shu 2.5s ease-in-out forwards infinite;
    -webkit-animation: guang-shu 2.5s ease-in-out forwards infinite;
    -moz-animation: guang-shu 2.5s ease-in-out forwards infinite;
}
@keyframes guang-shu{0%{transform:translateX(0);opacity:0}10%{transform:translateX(0);opacity:.8}25%{opacity:.5}45%{opacity:1}60%{transform:translateX(658px);opacity:0}100%{transform:translateX(658px);opacity:0}}
@-webkit-keyframes guang-shu{0%{transform:translateX(0);opacity:0}10%{transform:translateX(0);opacity:.8}25%{opacity:.5}45%{opacity:1}60%{transform:translateX(658px);opacity:0}100%{transform:translateX(658px);opacity:0}}
@-moz-keyframes guang-shu{0%{transform:translateX(0);opacity:0}10%{transform:translateX(0);opacity:.8}25%{opacity:.5}45%{opacity:1}60%{transform:translateX(658px);opacity:0}100%{transform:translateX(658px);opacity:0}}
.index-reg-btn i
{
    background: url(../index/platform_list.png) no-repeat -872px -44px;
    width: 21px; height: 44px; display: inline-block; vertical-align: middle;
    transition: background-position 500ms;
    margin-top: -3px;
}
.line-container
{
    background-color: #F5F5F5;
    width: 100%;
    height: 580px;
}
.line-content
{
    width: 1300px;
    height:580px;
    margin: 0 auto;
    background: url(../index/1.jpg) no-repeat;
    background-position: right center;
    padding-top: 100px;
    transition:background-position 1s;
    -webkit-transition:background-position 1s;
    -moz-transition:background-position 1s;
}
.line-content h2
{
    font-size: 36px;
    width: 50%;
    text-align: center;
    letter-spacing: 1px;
    font-weight: normal;
}
.line-content div
{
    opacity: 0;
    margin-top: 100px;
}
.line-content h3
{
    font-size: 16px;
    width: 50%;
    text-align: center;
    padding-bottom: 40px;
    padding-top: 20px;
    letter-spacing: 1px;
    font-weight: normal;
    padding-left: 150px!important;
}
.line-content p
{
    width: 50%;

    line-height: 32px;
    letter-spacing: 1px;
    font-size: 16px;
    text-align: left;
    color: #666666;
}
.lc2
{
    background: none;
    background-position: left center;
    text-align: left;
}
.cc
{
    padding-left: 650px;
    width: 100%;
}
.cc p{
    height: auto!important;
}
.cc h2,.cc p,.cc h3{
    width: 100%!important;
    font-weight: normal;
    vertical-align: middle;
    text-align: left;
    padding-left: 80px;
    height: 60px;
}

.cc h2
{
    padding-bottom: 0;
}
.cc h3
{
    font-size: 24px;
    padding-top: 0;
    padding-left: 150px;
}
.cc
{
    text-align: left;

}
.cc p
{
    padding-left: 50px;
}
.cc-text h2,.cc-text h3
{
    height: 60px;
    padding: 0;
    text-align: left;
    padding-left: 80px;
}
.cc-text p
{
    padding-left: 80px;
}
.cc-1 .cc-text p
{
    text-align: center!important;
    padding-left: 0;
}
div.ping_show
{
    position: absolute;
    opacity: 1;
    margin-top: 0;
}
.ping_show .show1
{
    display: block;
    position: absolute;
    margin-left: 80px;
    opacity: 0.5;

}
.ping_show .show2
{
    display: block;
    position: absolute;
    margin-top: 80px;
}

.line-content strong
{
    color: #00AAEE;
    font-size: 48px;
    font-weight: normal;
    vertical-align: middle;
    position: relative;
    top:-4px
}
.white-bg
{
    background-color: #fff;
}
.lc3
{
    background: url(../index/3.jpg) no-repeat;
    background-position: right center;
    text-align: left;
}
.lc4
{
    background: url(../index/4.jpg) no-repeat;
    background-position: left center;
    text-align: left;
}
.lc5
{
    background: url(../index/5.jpg) no-repeat;
    background-position: right center;
    text-align: left;
}
.lc5 h2
{

}
.lc5 h3
{
    font-size: 24px;
}
.lc6
{
    background: url(../index/6.jpg) no-repeat;
    background-position: left center;
    text-align: left;
}
.btn-tiyan
{
    display: inline-block;
    border-radius: 25px;
    width: 178px;
    height: 44px;
    border: 1px solid #04a9fe;
    text-align: center;
    line-height: 44px;
    color: #04a9fe;
    margin-top: 20px;
}
a:hover
{
    text-decoration: none;
}
.price-content
{
    background-color: #fff;
}
.common-banner .common-banner-bg
{
    width: 100%;
    height: 200px;
    background-position: center center;
    background-repeat: no-repeat;
}
.price-content .price-banner.common-banner .common-banner-bg
{
    width: 100%;
    background: url(../price/banner.jpg) no-repeat #263662;
    height: 200px;
    background-position: center center;
}

.common-banner
{
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.common-banner-bg
{
    cursor: default;
    transition: transform 1500ms;
    background-position: center center;
}
.common-banner:hover .common-banner-bg
{
    transform:scale(1.1);
}
.price-content .common-banner .banner-title
{
    position: absolute;
    left: 50%;
    margin-left: -230px;
    cursor: default;
}
.banner-title
{
    padding-top: 50px;
}
.banner-title h2,.banner-title h3
{
    text-align: center;
    color: #fff;
    font-size: 40px;
    font-weight: normal;
    letter-spacing: 1px;
}
.banner-title h3
{
    font-size: 24px;
    padding-top: 10px;
}
.banner-title h3 em
{
    color: #04a9fe;
}


.price-content .game-index-banner.common-banner  .banner-title
{
    margin-left: -520px;
    position: absolute;
}
.price-choose
{
    width: 1300px;
    margin: 0 auto;
    min-height: 350px;
    padding-top: 20px;
}
.price-choose .price-item
{
    width: 271px;
    height: 327px;
    box-shadow: 0px 1px 20px #ccc;
    margin-bottom: 30px;
    float: left;
    background-color: #fff;
    margin-right: 72px;
}

.price-item-vip1
{
    margin-right: 26px;
}
.price-item-group
{
    width: 1300px;
    height: 350px;
    clear: both;
}
.price-item .big-title
{
    height: 82px;
    background-color: #04a9fe;
    text-align: center;
    line-height: 84px;
}
.price-item .big-title em
{
    height: 22px;
    width: 45px;
    line-height: 22px;
    font-size: 14px;
    background-color: #FF4D51;
    display: inline-block;
    color: #fff;
    border-radius: 22px;
    text-align: center;
    position: relative;
    left: 5px;
    top: -2px;
}
.price-item .big-title h2,.price-item .big-title h3,.price-item .big-title strong
{
    font-size: 30px;
    color: #fff;
    font-weight: normal;
    letter-spacing: 1px;

}
.price-item .big-title h2
{
    padding-top: 30px;

}
.price-item .big-title h3
{
    font-size: 16px;
    padding-top: 10px;

}
.ico
{
    background: url('../price/icon_05.png');
    background-repeat: no-repeat;
    width: 45px ;
    height: 32px;
    display: inline-block;
    position: relative;

}
.ico-vip1
{
    background-position: -25px -149px;
    top:5px;
}
.ico-vip2
{
    background-position: -111px -150px;
    top:5px;
}
.price-item-vip2 .big-title
{
    background-color: #0091D3!important;
}
.price-item ul li
{
    display: block;
    margin: 0; padding: 0;
    float: left;
    width: 271px;
    height: 225px;
    border-right:1px solid #F3F3F3;
    padding-top: 40px;
    font-weight: normal;
    text-align: center;
}
.price-item ul li:last-child
{
    border-right: 0;
}

.price-item ul li .title
{
    font-size: 18px;
}
.price-item ul li .title strong
{
    font-weight: normal;
}
.price-item ul li .title em
{
    height: 22px;
    width: 45px;
    line-height: 22px;
    font-size: 14px;
    background-color: #FF4D51;
    display: inline-block;
    color: #fff;
    border-radius: 22px;
    text-align: center;
    position: relative;
    left: 5px;
    top: -2px;
}

.price-item ul li .price
{
    font-size: 36px;
    line-height: 60px;
}
.price-item ul li .price strong
{
    font-size: 60px;
    font-weight: normal;
}
.price-item ul li .price del
{
    color: #FF4D51;
    font-size: 20px;
}
.price-list .discount
{
    color:#0091D4!important;
    font-size: 24px!important;
    margin-bottom: 20px;
}
a.rab-button
{
    height: 31px;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 31px;
    font-size: 14px;
    background-color: #FFF;
    border: 1px solid #FF4D51;
    display: inline-block;
    color: #FF4D51;
    border-radius: 22px;
}
a.rab-button:hover
{
    background-color: #FF4D51;
    color: #fff;
}
.buy a.rab-button
{
    width: 137px;
    height: 47px;
    line-height: 47px;
    font-size: 22px;
}
.free-try a{
    background-color: #04a9fe;
    color: #fff;
    border: 1px solid #04a9fe;
}
.free-try a:hover{
    background-color: #fff;
    color: #04a9fe;
    border: 3px solid #04a9fe;
}
.free-try .try-vip1
{
    margin: 0 auto;
    display: block;
    width: 394px;
    height: 82px;
    line-height: 72px;
    padding: 0;
    text-align: center;
    border-radius: 41px;
    font-size: 32px;
    border: 3px solid #04a9fe;
}
.free-try .try-vip2
{
    position: absolute;
    margin-left: 900px;
}
.shadow-box
{
    box-shadow: 0 1px 20px #ccc;
    margin-bottom: 30px;
    background-color: #fff;
}
.vip-rights
{
    width: 1300px;
    margin: 0 auto;

    margin-top: 50px;
    padding-top: 40px;
    padding-bottom: 80px;
}
.member-vip-compare
{
    position: absolute;
    width: 330px;
    height: 60px;
    background-color: #fff;
    margin-left:495px;
}
.member-vip-compare span
{
    display: inline-block;
    width: 49%;
    text-align: center;
    vertical-align: middle;
    height: 60px;
    line-height: 50px;
}
.member-vip-compare span i
{
    display: inline-block;
    width: 33px;
    height: 7px;
    position: relative;
    top: -1px;
}
.member-vip-compare span.c1
{
    color: #FF4D51;
}
.member-vip-compare span.c1 i
{
    background-color: #FF4D51;
}
.member-vip-compare span.c2 i
{
    background-color: #04a9fe;
}
.member-vip-compare span.c2
{
    color: #04a9fe;
}
.vip-rights .rights1
{
    width: 100%;
    background: url(../price/rights1.jpg);
    height: 429px;
    background-position: center;
    padding-top: 70px;
}
.vip-rights .rights2
{
    width: 100%;
    background: url(../price/rights2.jpg);
    height: 307px;
    background-position: center;
    margin-top: 20px;
}
.vip-rights .rights3
{
    width: 100%;
    background: url(../price/rights3.jpg);
    height: 500px;
    background-position: center;
    margin-top: 20px;
}
.download-banner .common-banner-bg
{
    width: 100%;
    background: url(../download/banner.jpg) no-repeat #000;
    height: 200px;
    background-position: center center;
}
.download-banner
{
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.download-banner .banner-title
{
    position: absolute;
    left: 50%;
    margin-left: -230px;
    cursor: default;
}
.download-banner .banner-title h3
{
    font-size: 18px;
}
.download-info
{
    height: 538px;
    width: 1080px;
    margin: 0 auto;
    padding-top: 50px;
}
.download-info p
{
    text-align: center;
    font-size: 24px;
}
.download-info .download-pc
{
    width:965px;
    height: 428px;
    background: url(../download/pc.png) no-repeat ;
    background-position: 50px;
    margin:0 auto;
}
.download-info .download-xbox
{
    width: 555px;
    float: left;
    height: 428px;
    background: url(../download/xbox.png) no-repeat ;
    background-position: 50px;
}
.download-info .download-links
{
    text-align: center;
    position: absolute;
    margin-left: 550px;
    margin-top: 140px;
}
.download-title
{
    position: absolute;
    margin-left: 550px;
    margin-top: 70px;
    font-size: 36px;
}
.download-title2
{
    position: absolute;
    margin-left: 550px;
    margin-top: 198px;
}
.download-title2 p
{
    text-align: left;
    font-size: 14px;
    color: #999999;
}
.download-title2 p span
{
    width: 90px;
    display: inline-block;
}
a.rab-button-xxl
{
    width: 162px;
    height: 44px;
    border: 1px solid #04a9fe;
    color: #fff;
    border-radius: 44px;
    display: inline-block;
    line-height: 44px;
    text-align: center;
    margin-right: 15px;
    background-color: #04a9fe;
    font-size: 18px;
}
a.rab-button-xxl:hover
{
    color: #04a9fe;
    background-color: #fff;

}
.line
{
    width: 100%;
    background: url(../download/line.jpg) no-repeat center;
    height: 37px;
}
.container
{
    width: 1180px;
    margin: 0 auto;
}
.download-text
{
    text-align: center;
    font-size: 18px;
}
.download-text p
{
    line-height: 40px;
}
.download-text h2
{
    font-size: 48px;
    margin-top: 50px;
    margin-bottom: 30px;
}
.download-icons
{

    height: 168px;
    margin-top: 50px;
    margin-left: 38px;
}
.download-icons ul li
{
    width: 135px;
    height: 120px;
    float: left;
    text-align: center;
    margin-left: 45px;
    margin-top:20px;
}
.download-icons ul li span
{
    font-size: 22px;
    padding-top: 5px;
}
.download-icons ul li a
{
    width: 135px;
    height: 120px;
    display: block;
    text-align: center;
}
.download-icons ul li i
{
    display: inline-block;
    width: 90px;
    height: 89px;
    background: url(../download/download-icons.png) no-repeat;
    background-color: transparent;
}
.download-icons ul li span
{
    display: inline-block;
}
.download-icons ul li .d-icon1 i
{
    background-position: -171px 0;
}
.download-icons ul li .d-icon2 i
{
    background-position: -373px 0;
}
.download-icons ul li .d-icon3 i
{
    background-position: -575px 0;
}
.download-icons ul li .d-icon4 i
{
    background-position: -777px 0;
}
.download-icons ul li .d-icon5 i
{
    background-position: -979px 0;
}
.download-icons ul li .d-icon6 i
{
    background-position: -1181px 0;
}
.download-icons ul li a i
{
    transition: transform 500ms;
}
.download-icons ul li a:hover i
{
    transform:rotate(360deg) scale(1.1);
}

.download-intro ul li
{
    margin: 0; padding: 0;
    height: 400px;
    width: 1200px;
    margin-top: 80px;
}
.download-intro ul li.intro1
{
    background: url(../download/intro1.png) no-repeat ;
}.download-intro ul li.intro2
 {
     background: url(../download/intro2.png) no-repeat ;
 }
.download-intro ul li.intro3
{
    background: url(../download/intro3.png) no-repeat ;
}
.download-intro .intro3 .intro3_pointer
{
    background: url(../download/pointer.png) no-repeat;
    width: 320px;
    height: 320px;
    position: absolute;
    margin-top: 90px;
    margin-left: -25px;
}
.download-intro .intro3 .intro3_timer
{
    position: absolute;
    font-size: 48px;
    margin-top: 218px;
    margin-left: 70px;
    font-weight: normal;
    font-family: arial, microsoft yahei, simsun, sans-serif;
    color: #4F3AB2;
}
.download-intro ul li.intro4
{
    background: url(../download/intro4.png) no-repeat ;
}
.download-intro ul li.intro5
{
    background: url(../download/intro5.png) no-repeat ;
}
.download-intro ul li.intro6
{
    background: url(../download/intro6.png) no-repeat ;
}
.intro6 .intro6-clock
{
    position: absolute;
    background: url(../download/intro6-icons.png) no-repeat;
    width: 82px;
    height: 94px;
    background-position: -58px -219px;
    margin-left: 1026px;
    margin-top: 147px;
}
.intro6 .intro6-clock-pointer
{
    position: absolute;
    background: url(../download/intro6-icons.png) no-repeat;
    width: 59px;
    height: 57px;
    background-position: -341px -244px;
    margin-left: 1035px;
    margin-top: 171px;
    animation: clock_pointer_rotate 1000ms infinite linear;
}
@keyframes clock_pointer_rotate {
    from{transform: rotate(0deg)}
    to{transform: rotate(360deg)}
}
.intro6 .intro6-gear
{
    position: absolute;
    background: url(../download/intro6-icons.png) no-repeat;
    width: 68px;
    height: 68px;
    background-position: -63px -33px;
    margin-left: 1110px;
    margin-top: 90px;
    animation: gear_rotate 1000ms infinite linear;
}
@keyframes gear_rotate {
    from{transform: rotate(0deg)}
    to{transform: rotate(-360deg)}
}
ul li.intro-right
{
    background-position: left!important;
}
ul li.intro-left
{
    background-position: right!important;
}
.download-intro ul li.intro-right .intro-text
{
    float: right;
    letter-spacing: 1px;
    padding-top: 40px;
    background-position: left;
    margin-top: 200px;
    opacity: 0;
}
.download-intro ul li.intro-left .intro-text
{
    float: left;
    letter-spacing: 1px;
    padding-top: 40px;
    background-position: right;
    margin-top: 200px;
    opacity: 0;
}
.download-intro ul li .intro-text h2
{
    font-size: 36px;
    padding-bottom: 20px;
    font-weight: normal;
}
.download-intro ul li .intro-text p
{
    font-size: 18px;
    line-height: 30px;
}
.download-bottom
{
    background-color: #F5F5F5;
    height: 76px;
    width: 100%;
    line-height: 76px;
}
.download-bottom p{
    font-size: 26px;
}
.download-bottom a
{
    position: relative;
    top:-76px;
    left: 810px;
}
.road-content
{

}
.bg
{
    width: 100%;
    background: url(../road/bg.png) repeat-y center  #006DC9;
    height: 478px;
}
.bg .download-road
{
    background: url(../road/soft.png) repeat-y center left;
    width: 100%;
    height: 478px;
    text-align: center;
}
.bg .download-road h2
{
    font-size: 38px;
    color: #fff;
    letter-spacing: 1px;
}
.bg .download-road h3
{
    font-size: 22px;
    color: #fff;
    font-weight: normal;
    letter-spacing: 1px;
    padding-top: 10px;
}
.bg .download-road .index-reg-btn
{
    padding-top: 30px;
}
.road-content
{
    background-color: #fff;
}

.road-intro ul li
{
    height: 520px;
}
.road-intro ul li.intro1
{
    background: url(../road/intro1.png) no-repeat ;
}
.road-intro ul li.intro2
{
    background: url(../road/intro2.png) no-repeat ;
}.road-intro ul li.intro3
 {
     background: url(../road/intro3.png) no-repeat ;
 }
.road-intro ul li.intro4
{
    background: url(../road/intro4.png) no-repeat ;
}
.road-intro ul li.intro5
{
    background: url(../road/intro5.png) no-repeat ;
}

.road-intro ul li .intro-text p
{
    font-size: 14px;
}
.road-intro ul li h2
{
    background: url(../road/step.png) no-repeat left 0px;
    font-size: 20px!important;
    line-height: 32px;
    height: 35px;
    padding: 0!important;
    font-weight: bold!important;
    margin-bottom: 20px;
}
.road-intro ul li h2 span
{
    display: inline-block;
    font-size: 14px;
    width: 120px;
    text-align: center;
    color: #fff;
}
.road-intro ul li h2 span strong
{
    font-size: 24px;
}
.help-banner
{
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.help-banner .common-banner-bg
{
    background:url(../help/banner.jpg) no-repeat center #15151D;
    width: 100%;
    height: 200px;
    background-position: center left;
}
.help-banner .banner-title
{
    position: absolute;
    z-index: 999!important;
    left: 50%;
    margin-left: -260px;
    cursor: default;
}
.help-nav
{
    width: 100%;
    height: 280px;
    clear: both;
    padding-top: 50px;

}
.help-nav ul li
{
    width: 280px;
    height: 230px;
    background-color: #fff;
    float: left;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-position: center 25px;
    text-align: center;
    font-size: 16px;
}
.help-nav1 ul li a
{
    display: block;
    padding-top: 200px;;
}
.help-nav2 ul li
{
    padding-top:140px;
    text-align: center;
    font-size: 28px!important;
}
.help-nav2 ul li p{
    font-size: 14px;
    color: #888;
}
.help-icon1
{
    background: url(../help/1.jpg);
}
.help-icon2
{
    background: url(../help/2.jpg);
}
.help-icon3
{
    background: url(../help/3.jpg);
}
.help-icon4
{
    background: url(../help/4.jpg);
}
.help-icon11
{
    background: url(../help/11.jpg);
}
.help-icon22
{
    background: url(../help/22.jpg);
}
.help-icon33
{
    background: url(../help/33.jpg);
}
.help-icon44
{
    background: url(../help/44.jpg);
}
.help-article-list
{
    background-color: #fff;
    margin-top: 50px;
    margin-bottom: 0px;
    padding: 20px;
    padding-top: 50px;
    overflow: hidden;
}
.help-article-list h3
{
    font-size: 24px;
    font-weight: normal;
}
.help-article-list ul
{
    float: left;
    width: 240px;
    border-right: 1px solid #EEEEEE;
    margin-right: 20px;
}
.help-article-list ul .h1
{
    font-size: 16px;
    line-height: 60px;
}
.help-article-list ul li
{
    line-height: 30px;
}
.help-nav1 li
{
    transition: margin-top 500ms,box-shadow 500ms;
}
.help-nav1 li:hover
{
    margin-top: -6px;
    box-shadow: 0 5px 20px #999;
    position: relative;
}


.index-bottom-try
{
    height: 453px!important;
}
.index-bottom-try h1
{
    font-size: 42px;
    text-align: center;
    font-weight: normal;
    padding-top: 70px;
    padding-bottom: 20px;
}
.index-bottom-try p
{
    color: #5f5e5e;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
}
.index-bottom-try a
{
    width: 355px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    font-size: 26px;
    background-color: #04a9fe;
    display: inline-block;
    color: #fff;
    border-radius:33px ;
    font-weight: normal;
    margin-top: 40px;
    border: 1px solid #04a9fe;
}
.index-bottom-try a:hover
{
    background-color: #fff;
    color: #04a9fe;
}
.index-bottom-try a strong
{
    font-size: 32px;
    font-weight: normal;
}
.index-platforms
{
    position: absolute;
    opacity: 1!important;
    display: block;
    margin-left: 225px;
    margin-top: 50px!important;
}
.index-platforms div
{
    width: 142px;
    height: 145px;
    background: url(../index/platform.png) -19px -13px no-repeat;
    position: absolute;
    opacity: 1!important;
    z-index: 9999;
    display: block;
    margin-top: 13px;
    margin-left: 19px;
}
.index-platforms .ps4
{
    width: 132px;
    height: 113px;
    background: url(../index/platform.png) -219px 0 no-repeat;
    margin-left: 219px;
    margin-top:  0;
}
.index-platforms .xbox
{
    width: 128px;
    height: 104px;
    background: url(../index/platform.png) 0 -233px no-repeat;
    margin-left: 0;
    margin-top: 233px;
}
.index-platforms .steam
{
    width: 163px;
    height: 171px;
    background: url(../index/platform.png) -195px -151px no-repeat;
    margin-left: 195px;
    margin-top: 151px;
}
.platform_list
{
    position: absolute;
    margin-left: 153px ;
    margin-top: 360px;
}
.platform_list ul li
{
    display: block;
    float: left;
    padding: 0;
    margin: 0;
}
.platform_list a
{
    display: block;
    width: 80px;
    height: 80px;
    margin-left: 33px;
    transition: transform 1s;
}
.platform_list a:hover
{
    transform: rotate(360deg);
}
.platform_list .origin
{
    background: url(../index/platform_list.png) 0 0 no-repeat;
}
.platform_list .xbox
{
    background: url(../index/platform_list.png) -340px 0 no-repeat;
}
.platform_list .ps4
{
    background: url(../index/platform_list.png) -227px 0 no-repeat;
}
.platform_list .steam
{
    background: url(../index/platform_list.png) -113px 0 no-repeat;
}
.point_arrow_down
{
    position: absolute;
    margin-left: 2px ;
    margin-top: 478px;
    text-align: center;
    width: 800px;
    animation: updown  0.40s ease-in  infinite alternate ;
    -webkit-animation: updown  0.40s ease-in  infinite alternate;
    -moz-animation: updown  0.40s ease-in  infinite alternate;
}
.point_arrow_down .arrow_down
{
    display: inline-block;
    background: url(../index/arrow_down.png) 0 0 no-repeat;
    width: 29px;
    height: 15px;
}
@keyframes updown
{
    from {margin-top: 555px}
    to {margin-top: 565px}
}
@-webkit-keyframes updown
{
    from {margin-top: 470px}
    to {margin-top: 480px}
}
@-moz-keyframes updown
{
    from {margin-top: 470px}
    to {margin-top: 480px}
}

.reg-step2
{
    display: none;
}
.ani-progress-bar
{
    width: 457px;
    height: 11px;
    background-color: #E5E5E5;
    border-radius: 5px;

}
.apb-value
{
    border-radius: 5px 0 0 5px;
    background-color: #04a9fe;
    height: 11px;
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;

    animation: progress-bar-stripes 2s linear infinite;
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;

}
@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
.ani-progress-bar{-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
.rights1 .ani-progress-bar
{
    position: absolute;
}
.ping-before
{
    margin-left: 84px;
    margin-top: 92px;
}
.ping-before .apb-value,.loss-before .apb-value,.line-before .apb-value
{
    background-color: #FF4D51;
}
.ping-after
{
    margin-left: 756px;
    margin-top: 92px;
}
.line-before
{
    margin-top: 212px;
    margin-left: 84px;

}
.line-after
{
    margin-top: 212px;
    margin-left: 756px;
}
.loss-before
{
    margin-top: 332px;
    margin-left: 84px;
}
.loss-after
{
    margin-top: 332px;
    margin-left: 756px;
}
.apb-text
{
    position: absolute;
    margin-top: -36px;
    width: 457px;
    text-align: center;
    font-size: 26px;
    height: 35px;
    line-height: 35px;
    background-color: #fff;
}
.rights2 ul li
{
    width: 120px;
    height: 100px;
    float: left;
    text-align: center;
    padding-top:96px;
}
.rights2 ul li a
{
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px solid #04a9fe;
    background: url(../price/icon_05.png) no-repeat;
}
.rights2 ul li span
{
    margin-top: 96px;
    color: #04a9fe;
    font-size: 14px;
    font-weight: bold;
    display: block;
    width: 120px;
    text-align: center;
    position: absolute;
}
.rights2 ul li.icon1
{
    margin-left: 25px;
}
.rights2 ul li.icon2
{
    margin-left: 35px;
}
.rights2 ul li.icon3
{
    margin-left: 38px;
}
.rights2 ul li.icon4
{
    margin-left: 38px;
}
.rights2 ul li.icon5
{
    margin-left:29px;
}
.rights2 ul li.icon6
{
    margin-left:10px;
}
.rights2 ul li.icon7
{
    margin-left:10px;
}
.rights2 ul li.icon8
{
    margin-left:10px;
}
.rights2 ul li.icon9
{
    margin-left:10px;
}
.rights2 ul li a
{
    transition: none;
    transition: transform 700ms ;
}
.rights2 ul li a:hover
{
    transform:rotate(360deg);
}
.rights2 ul li.icon1 a
{
    background-position: -4px -10px;
}
.rights2 ul li.icon2 a
{
    background-position: -90px -10px;
}
.rights2 ul li.icon3 a
{
    background-position: -174px -10px;
}
.rights2 ul li.icon4 a
{
    background-position: -260px -10px;
}
.rights2 ul li.icon5 a
{
    background-position: -4px -10px;
}
.rights2 ul li.icon6 a
{
    background-position: -90px -10px;
}
.rights2 ul li.icon7 a
{
    background-position: -174px -10px;
}
.rights2 ul li.icon8 a
{
    background-position: -260px -10px;
}
.rights2 ul li.icon9 a
{
    background-position: -345px -85px;
    border-color: #0091D4;
}
.rights2 ul li.icon9 span
{
    color: #0091D4;
}
.rights2 ul li.icon9 .hide-tip
{

}


.rights2 ul li a:hover {
    border: 1px solid #04a9fe;
    background-color: #04a9fe;
}
.rights2 ul li.icon1 a:hover
{
    background-position: -4px -85px;
}

.rights2 ul li.icon2 a:hover
{
    background-position: -90px -85px;
}
.rights2 ul li.icon3 a:hover
{
    background-position: -174px -85px;
}
.rights2 ul li.icon4 a:hover
{
    background-position: -260px -85px;
}
.rights2 ul li.icon5 a:hover
{
    background-position: -4px -85px;
}
.rights2 ul li.icon6 a:hover
{
    background-position: -90px -85px;
}
.rights2 ul li.icon7 a:hover
{
    background-position: -174px -85px;
}
.rights2 ul li.icon8 a:hover
{
    background-position: -260px -85px;
}
.rights2 ul li.icon9 a:hover
{
    background-position: -345px -10px;
}
.rights2 ul li.icon9 a:hover
{
    background-color: #0091D4;
    border-color: #0091D4;
}
.hide-tip
{
    position: absolute;
    width: 246px;
    height: 111px;
    background-color: #04a9fe;
    border-radius: 30px;
    margin-top: -135px;
    margin-left: -55px;
    color: #fff;
    padding: 10px;
    display: none;
}
.hide-tip span
{
    position: absolute;
    display: block;
    background: url(../price/arrow_down.png) no-repeat;
    width:25px ;
    height: 18px;
    margin-top: 101px;
    margin-left: 93px;
}
.rights1-icon
{
    width: 116px;
    height: 116px;
    position: absolute;
    margin-left: 604px;
}
.rights1-icon span
{
    position: absolute;
}
.rights1-icon a
{
    border: 1px solid #CCC;
    background-color: #fff;
    color: #666;
    width: 88px;
    height: 88px;
    display: block;
    border-radius: 50%;text-align: center;
    line-height: 88px;
    font-size: 22px;

}
.rights1-icon .hide-tip
{
    display: none;
    z-index: 999;
    margin-left: -70px;
    border-radius: 15px;
    padding: 6px;
}

.rights1-icon a:hover
{
    color: #fff;
    background-color: #04a9fe;
    border: 1px solid #04a9fe;
}
.rights1-icon.icon-ping
{
    margin-top: 51px;
}
.rights1-icon.icon-loss
{
    margin-top: 291px;
}
.rights1-icon.icon-line
{
    margin-top: 171px;
}

.rights3 ul
{
    margin-left: 4px;
    margin-top: 130px;
}
.rights3 ul.rights3_game_left
{
    float: left;
    width: 632px;
}
.rights3 ul.rights3_game_right
{
    float: right;
    width: 632px;
}
.rights3 ul li
{
    width: 126px;
    height: 114px;
    float: left;
    text-align: center;
    overflow: hidden;
}
.rights3 ul li a
{
    width:  109px;
    height: 78px;
    overflow: hidden;
    display: inline-block;
}
.rights3 ul li img
{
    width:  109px;
    height: 78px;
    transition: transform 500ms,box-shadow 500ms;
    -webkit-transition: transform 500ms,box-shadow 500ms;
    -moz-transition: transform 500ms,box-shadow 500ms;

}
.rights3 ul li img:hover
{
    transform:scale(1.2);
    box-shadow: 0 0 10px #000;
}
.rights3 ul li span
{
    display: block;
    text-align: center;
}

@keyframes hot {
    0% {
        transform: translate(0, 0)
    }
    25% {
        transform: translate(-15px, -15px)
    }
    50% {
        transform: translate(0, 15px) rotate(-10deg)
    }
    75% {
        transform: translate(15px, 0)
    }
    100% {
        transform: translate(-15px, -15px)
    }
}
@keyframes video {
    0% {
        transform: translate(0, 0)
    }
    25% {
        transform: translate(15px, 0)
    }
    50% {
        transform: translate(0, -15px) rotate(-10deg)
    }
    75% {
        transform: translate(-15px, 0)
    }
    100% {
        transform: translate(15px, 15px)
    }
}
@keyframes daohang {
    0% {
        transform:translate(0,0)
    }
    25% {
        transform:translate(-15px,15px)
    }
    50% {
        transform:translate(-15px,0)
    }
    75% {
        transform:translate(15px,15px) rotate(-10deg)
    }
    100% {
        transform:translate(6px,6px)
    }
}
@keyframes weishi {
    0% {
        transform:translate(0,0)
    }
    25% {
        transform:translate(-15px,-15px)
    }
    50% {
        transform:translate(10px,0) rotate(10deg)
    }
    75% {
        transform:translate(15px,15px)
    }
    100% {
        transform:translate(-15px,-15px) rotate(-10deg)
    }
}
@keyframes xiaoshuo {
    0% {
        transform:translate(0,0)
    }
    25% {
        transform:translate(-15px,0)
    }
    50% {
        transform:translate(15px,-15px) rotate(10deg)
    }
    75% {
        transform:translate(15px,15px)
    }
    100% {
        transform:translate(-15px,-15px) rotate(-10deg)
    }
}
@keyframes tianqi {
    0% {
        transform:translate(0,0)
    }
    25% {
        transform:translate(15px,15px)
    }
    50% {
        transform:translate(-15px,0) rotate(10deg)
    }
    75% {
        transform:translate(15px,-15px)
    }
    100% {
        transform:translate(-15px,-15px)
    }
}

@-webkit-keyframes hot {
    0% {
        -webkit-transform: translate(0, 0)
    }
    25% {
        -webkit-transform: translate(-15px, -15px)
    }
    50% {
        -webkit-transform: translate(0, 15px) rotate(-10deg)
    }
    75% {
        -webkit-transform: translate(15px, 0)
    }
    100% {
        -webkit-transform: translate(-15px, -15px)
    }
}
@-webkit-keyframes video {
    0% {
        -webkit-transform: translate(0, 0)
    }
    25% {
        -webkit-transform: translate(15px, 0)
    }
    50% {
        -webkit-transform: translate(0, -15px) rotate(-10deg)
    }
    75% {
        -webkit-transform: translate(-15px, 0)
    }
    100% {
        -webkit-transform: translate(15px, 15px)
    }
}
@-webkit-keyframes daohang {
    0% {
        -webkit-transform:translate(0,0)
    }
    25% {
        -webkit-transform:translate(-15px,15px)
    }
    50% {
        -webkit-transform:translate(-15px,0)
    }
    75% {
        -webkit-transform:translate(15px,15px) rotate(-10deg)
    }
    100% {
        -webkit-transform:translate(6px,6px)
    }
}
@-webkit-keyframes weishi {
    0% {
        -webkit-transform:translate(0,0)
    }
    25% {
        -webkit-transform:translate(-15px,-15px)
    }
    50% {
        -webkit-transform:translate(10px,0) rotate(10deg)
    }
    75% {
        -webkit-transform:translate(15px,15px)
    }
    100% {
        -webkit-transform:translate(-15px,-15px) rotate(-10deg)
    }
}
@-webkit-keyframes xiaoshuo {
    0% {
        -webkit-transform:translate(0,0)
    }
    25% {
        -webkit-transform:translate(-15px,0)
    }
    50% {
        -webkit-transform:translate(15px,-15px) rotate(10deg)
    }
    75% {
        -webkit-transform:translate(15px,15px)
    }
    100% {
        -webkit-transform:translate(-15px,-15px) rotate(-10deg)
    }
}
@-webkit-keyframes tianqi {
    0% {
        -webkit-transform:translate(0,0)
    }
    25% {
        -webkit-transform:translate(15px,15px)
    }
    50% {
        -webkit-transform:translate(-15px,0) rotate(10deg)
    }
    75% {
        -webkit-transform:translate(15px,-15px)
    }
    100% {
        -webkit-transform:translate(-15px,-15px)
    }
}

@-moz-keyframes hot {
    0% {
        -moz-transform: translate(0, 0)
    }
    25% {
        -moz-transform: translate(-15px, -15px)
    }
    50% {
        -moz-transform: translate(0, 15px) rotate(-10deg)
    }
    75% {
        -moz-transform: translate(15px, 0)
    }
    100% {
        -moz-transform: translate(-15px, -15px)
    }
}
@-moz-keyframes video {
    0% {
        -moz-transform: translate(0, 0)
    }
    25% {
        -moz-transform: translate(15px, 0)
    }
    50% {
        -moz-transform: translate(0, -15px) rotate(-10deg)
    }
    75% {
        -moz-transform: translate(-15px, 0)
    }
    100% {
        -moz-transform: translate(15px, 15px)
    }
}
@-moz-keyframes daohang {
    0% {
        -moz-transform:translate(0,0)
    }
    25% {
        -moz-transform:translate(-15px,15px)
    }
    50% {
        -moz-transform:translate(-15px,0)
    }
    75% {
        -moz-transform:translate(15px,15px) rotate(-10deg)
    }
    100% {
        -moz-transform:translate(6px,6px)
    }
}
@-moz-keyframes weishi {
    0% {
        -moz-transform:translate(0,0)
    }
    25% {
        -moz-transform:translate(-15px,-15px)
    }
    50% {
        -moz-transform:translate(10px,0) rotate(10deg)
    }
    75% {
        -moz-transform:translate(15px,15px)
    }
    100% {
        -moz-transform:translate(-15px,-15px) rotate(-10deg)
    }
}
@-moz-keyframes xiaoshuo {
    0% {
        -moz-transform:translate(0,0)
    }
    25% {
        -moz-transform:translate(-15px,0)
    }
    50% {
        -moz-transform:translate(15px,-15px) rotate(10deg)
    }
    75% {
        -moz-transform:translate(15px,15px)
    }
    100% {
        -moz-transform:translate(-15px,-15px) rotate(-10deg)
    }
}
@-moz-keyframes tianqi {
    0% {
        -moz-transform:translate(0,0)
    }
    25% {
        -moz-transform:translate(15px,15px)
    }
    50% {
        -moz-transform:translate(-15px,0) rotate(10deg)
    }
    75% {
        -moz-transform:translate(15px,-15px)
    }
    100% {
        -moz-transform:translate(-15px,-15px)
    }
}
.intro2-icon1
{
    background:url(../download/intro2-icons.png) no-repeat;
    background-position: -33px -80px;
    width: 70px;
    height: 70px;
    position: absolute;
    margin-left: 830px;
    margin-top: 240px;
    animation: hot 15s infinite linear alternate;
    -webkit-animation: hot 15s infinite linear alternate;
    -moz-animation: hot 15s infinite linear alternate;
}
.intro2-icon2
{
    background:url(../download/intro2-icons.png) no-repeat;
    background-position: -180px -50px;
    width: 88px;
    height: 88px;
    position: absolute;
    margin-left:970px;
    margin-top: 210px;
    animation: video 15s infinite linear alternate;
    -webkit-animation: video 15s infinite linear alternate;
    -moz-animation: video 15s infinite linear alternate;
}
.banner2-h1
{
    font-size: 48px;
    text-align: center;
    color: #000;
    padding-top: 72px;
    word-spacing: 5px;
    letter-spacing: 5px;
}
.banner2-h2
{
    font-size: 16px;
    text-align: center;
    color: #000;
    padding-bottom: 30px;
}
.banner2-text
{
    font-size: 16px;
    color: #000;
    width: 580px;
    line-height: 40px;
    text-align: center;
    margin: 0 auto;
}
.index-banner2-icons
{
    position: absolute;
    font-size: 16px;
    text-align: center;
    width: 140px;
}
.index-banner2-icons i
{
    width: 55px;
    height: 48px;
    background: url(../index/index-icon2.png) no-repeat ;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    transition: transform 500ms;
    -webkit-transition:transform 500ms;
    -moz-transition:transform 500ms;
}
.index-banner2-icons i:hover
{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
}

.index-banner2-icons.index-banner2-icon1
{
    margin-top: 430px;
    margin-left: -30px;
    color: #9D68F7;
}
.index-banner2-icons.index-banner2-icon2
{
    margin-top: 430px;
    margin-left: 220px;
    color: #FB5061;
}
.index-banner2-icons.index-banner2-icon3
{
    margin-top: 430px;
    margin-left: 470px;
    color: #FEB000;
}
.index-banner2-icons.index-banner2-icon4
{
    margin-top: 430px;
    margin-left: 720px;
    color: #419CFF;
}

.index-banner2-icons.index-banner2-icon1 i
{
    background-position: -100px 0;
}
.index-banner2-icons.index-banner2-icon2 i
{
    background-position: -341px 0;
}
.index-banner2-icons.index-banner2-icon3 i
{
    background-position: -560px 0;
}
.index-banner2-icons.index-banner2-icon4 i
{
    background-position: -780px 0;
}
.cc-text em.ani
{
    animation:rotate_ani 1s  1 linear alternate;
    -webkit-animation:rotate_ani 1s  1 linear alternate;
    -moz-animation:rotate_ani 1s  1 linear alternate;
}
.cc-text em
{
    width: 98px;
    height: 98px;
    background: url(../index/index_title_ani_sprite.png) no-repeat -78px -44px;
    display: block;
    position: absolute;
    margin-left: -38px;
    margin-top: -23px;
}
@keyframes rotate_ani {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
@-webkit-keyframes rotate_ani {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
@-moz-keyframes rotate_ani {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
.cc-text strong
{
    width: 60px;
    height: 59px;
    background: url(../index/index_title_ani_sprite.png) no-repeat -272px -64px;
    display: inline-block;
    color: #fff;
    font-size: 32px;
    text-align: center;
    line-height: 59px;
    right: 16px;
}
.btn2
{
    color: #fff; height: 52px; line-height: 52px; background-color: #04a9fe; display: inline-block; border-radius: 3px; padding-left: 10px; padding-right: 10px;
}
.btn2:hover
{
    background-color: #04a9fe;
}
a.btn2
{
    color: #fff;
}
.link_show_weixin img
{
    display: none;
    position: absolute;
    margin-top: -200px;
    z-index: 999;
}
.footer-link
{
    width:100%; height:40px; line-height:40px; text-align:center; color:#fff;
}
.footer-link a
{
    color: #04a9fe;
}
.tbar-tab-mobile a img
{
    display: none;
    position: absolute;
    z-index: 99999;
    margin-left: -170px;
    margin-top: -50px;
}
.tbar-tab-mobile:hover a img
{
    display: block;
}