html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0 }
html, body, fieldset, img, iframe, abbr { border: 0 }
li { list-style: none }
textarea { overflow: auto; resize: none }
a, button { cursor: pointer }
h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: 700 }
a, a:hover { text-decoration: none }
body { font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif }
a.btn { display: block; outline: 0 }
body { overflow-x: hidden;  }
table { border-collapse: collapse; width: 100%; }
th, td { text-align: center; }
.loading-cover { position: fixed; z-index: 99999999; left: 0; right: 0; top: 0; bottom: 0; background: #1e1c3e }
.loading { width: 100%; height: 100%; position: fixed; z-index: 99999999; left: 0; top: 0; background: #1e1c3e }
.loading-line { width: 100%; height: 0; border: 0; border-bottom: 1px solid #2e374c; position: absolute; left: 0; top: 50%; margin-top: 50px }
.loading-line div { width: 0; height: 100%; border: 0; border-bottom: 1px solid #fdf9bc }
.loading-cont { width: 750px; height: 85px; position: absolute; left: 50%; top: 50%; margin-left: -520px; margin-top: -100px; overflow: hidden }
.loading-cont-outer { width: 464px; height: 100%; background: url(../img/loading-text01.png) no-repeat 0 50%; float: right }
.loading-cont-outer div { width: 0; height: 100%; background: url(../img/loading-text02.png) no-repeat 0 50% }
.wrapper { overflow: hidden; position: relative; width: 100%; height: 4500px; margin: 0; padding: 0 }
.wrapper .head-area { overflow: hidden; position: absolute; z-index: 100; height: 1150px; height: 650px; top: 0; left: 0; right: 0 }
.wrapper .low-bg { width: 100%; height: 3240px; position: fixed; z-index: 10; left: 0; top: 0; background: url(../img/svip_bg.jpg) no-repeat 50% 50% }
.wrapper .zs-bg { width: 1704px; height: 884px; position: fixed; left: 50%; top: 100px; margin-left: -852px; background: url(../img/home-role-2.png) no-repeat; z-index: 11 }
.wrapper .serch_svip { width: 626px; height: 56px; border: 1px solid #5f7df3; background: #455bb0 url(../img/search_svip_bg.png) no-repeat; position: absolute; z-index: 1000; margin-top: 500px; left: 50%; top: 0; margin-left: -290px; }
.wrapper .serch_svip input { width: 300px; height: 36px; float: left; background-color: transparent; margin-top: 10px; border: 0px; margin-left: 180px; color: #cb4b4b; }
.wrapper .serch_svip a { display: block; width: 123px; height: 36px; margin-top: 10px; float: left; }
.sc-rocket { position: fixed !important; bottom: 250px; right: 50px; z-index: 9999; display: block; width: 135px; height: 72px; -moz-animation: scRocket-rightIn 1s both ease-in-out; -webkit-animation: scRocket-rightIn 1s both ease-in-out; animation: scRocket-rightIn 1s both ease-in-out; }
.sc-float { -moz-animation: scRocket 10s both ease-in-out; -webkit-animation: scRocket 10s both ease-in-out; animation: scRocket 10s both ease-in-out; -moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
 @keyframes scRocket { 0% {
 -moz-transform: translate(0%, 0%);
 -ms-transform: translate(0%, 0%);
 -webkit-transform: translate(0%, 0%);
 transform: translate(0%, 0%);
}
 25% {
 -moz-transform: translate(-20%, -20%);
 -ms-transform: translate(-20%, -20%);
 -webkit-transform: translate(-20%, -20%);
 transform: translate(-20%, -20%);
}
 50% {
 -moz-transform: translate(0%, -20%);
 -ms-transform: translate(0%, -20%);
 -webkit-transform: translate(0%, -20%);
 transform: translate(0%, -20%);
}
 75% {
 -moz-transform: translate(-20%, 0%);
 -ms-transform: translate(-20%, 0%);
 -webkit-transform: translate(-20%, 0%);
 transform: translate(-20%, 0%);
}
 100% {
 -moz-transform: translate(0%, 0%);
 -ms-transform: translate(0%, 0%);
 -webkit-transform: translate(0%, 0%);
 transform: translate(0%, 0%);
}
}
.wrapper .content-area { position: absolute; z-index: 200; width: 1920px; height: 3770px; top: 600px; left: 50%; margin-left: -960px }
.wrapper .copyright-area { overflow: hidden; position: absolute; z-index: 150; height: 100px; left: 0; right: 0; top: 4400px }
.head-area .role { position: absolute; left: 50% }
.head-area .role1 { width: 869px; height: 268px; top: 150px; margin-left: -450px; background: url(../img/home-role-1.png) no-repeat; }
.head-area .logo-btn { position: absolute; width: 464px; height: 78px; left: 50%; top: 26px; margin-left: -555px; background: url(../img/svip-logo.png) }
.head-area .home-links { position: absolute; width: 491px; height: 42px; left: 50%; top: 45px; margin-left: 50px; background: url(../img/home-links.png); color: #0a1948; font-size: 13px; }
.head-area .home-links a { width: px; line-height: 42px; margin: 0px 15px; color: #fff; }
.head-area .home-links a:hover { width: px; line-height: 42px; margin: 0px 15px; color: #bd1e20; }
.head-area .home-links .yellow { color: #ffe059; }
.head-area .home-links .blue { color: #13c4ec; }
.head-area .home-btn { position: absolute; width: 167px; height: 36px; top: 255px; left: 50%; margin-left: 255px; background: url(../img/join-link.png) }
.head-area .home-btn:hover { background: url(../img/join-link-hover.png) }
.head-area .role, .head-area .slogan, .head-area .slogan2, .head-area .logo-btn, .head-area .home-btn, .head-area .home-links { opacity: 0 }
.head-area .role { transform: translateY(350px); -ms-transform: translateY(350px); -webkit-transform: translateY(350px); -moz-transform: translateY(350px); -o-transform: translateY(350px) }
.head-area .logo-btn { transform: translateX(-50px); -ms-transform: translateX(-50px); -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -o-transform: translateX(-50px) }
.head-area .home-btn { transform: translateX(50px); -ms-transform: translateX(50px); -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -o-transform: translateX(50px) }
.head-area .audio { transform: scale(0.01, .01); -ms-transform: scale(0.01, .01); -webkit-transform: scale(0.01, .01); -moz-transform: scale(0.01, .01); -o-transform: scale(0.01, .01) }
.head-area.show .role, .head-area.show .logo-btn, .head-area.show .home-btn, .head-area.show .home-links { opacity: 1; transform: translateX(0) translateY(0) scale(1, 1); -ms-transform: translateX(0) translateY(0) scale(1, 1); -webkit-transform: translateX(0) translateY(0) scale(1, 1); -moz-transform: translateX(0) translateY(0) scale(1, 1); -o-transform: translateX(0) translateY(0) scale(1, 1) }
.head-area.show .role1 { transition: opacity 1s, transform 1s; -webkit-transition: opacity 1s, transform 1s; -moz-transition: opacity 1s, transform 1s; -o-transition: opacity 1s, transform 1s }
.head-area.show .logo-btn, .head-area.show .home-btn { transition: opacity 1s 1.2s, transform 1s 1s; -webkit-transition: opacity 1s 1.2s, transform 1s 1s; -moz-transition: opacity 1s 1.2s, transform 1s 1s; -o-transition: opacity 1s 1.2s, transform 1s 1s }
.head-area.show .home-links { transition: opacity 1s 1s, transform 1s 1s; -webkit-transition: opacity 1s 1s, transform 1s 1s; -moz-transition: opacity 1s 1s, transform 1s 1s; -o-transition: opacity 1s 1s, transform 1s 1s }
.content-part { position: absolute; width: 1200px; left: 50%; margin-left: -715px }
.content-part .content-title { position: absolute; width: 650px; height: 60px; top: 0; left: 50%; margin-left: -240px }
.content-part .content-title { opacity: 0; transform: translateY(50px); -ms-transform: translateY(50px); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -o-transform: translateY(50px) }
.content-part.show .content-title { opacity: 1; transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s }
/*专属特权*/
.part-tequan { height: 720px; top: 20px }
.part-tequan .content-title { width: 689px; height: 85px; top: 0px; background: url(../img/title_01.png) }
.part-tequan .tequan-item { position: absolute; width: 204px; height: 290px; left: 50% }
.part-tequan .tequan-item-1 { top: 120px; margin-left: -330px; background: url(../img/tequan-item-1.png) }
.part-tequan .tequan-item-2 { top: 120px; margin-left: -100px; background: url(../img/tequan-item-2.png) }
.part-tequan .tequan-item-3 { top: 120px; margin-left: 130px; background: url(../img/tequan-item-3.png) }
.part-tequan .tequan-item-4 { top: 120px; margin-left: 360px; background: url(../img/tequan-item-4.png) }
.part-tequan .tequan-item-5 { top: 430px; margin-left: -330px; background: url(../img/tequan-item-5.png) }
.part-tequan .tequan-item-6 { top: 430px; margin-left: -100px; background: url(../img/tequan-item-6.png) }
.part-tequan .tequan-item-7 { top: 430px; margin-left: 130px; background: url(../img/tequan-item-7.png) }
.part-tequan .tequan-item-8 { top: 430px; margin-left: 360px; background: url(../img/tequan-item-8.png) }
.part-tequan .tequan-item { opacity: 0; transform: translateY(200px); -ms-transform: translateY(200px); -webkit-transform: translateY(200px); -moz-transform: translateY(200px); -o-transform: translateY(200px) }
.part-tequan.show .tequan-item { opacity: 1; transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px) }
.part-tequan.show .tequan-item-1 { transition: opacity 1s .1s, transform 1s .1s; -webkit-transition: opacity 1s .1s, transform 1s .1s; -moz-transition: opacity 1s .1s, transform 1s .1s; -o-transition: opacity 1s .1s, transform 1s .1s }
.part-tequan.show .tequan-item-2 { transition: opacity 1s .2s, transform 1s .2s; -webkit-transition: opacity 1s .2s, transform 1s .2s; -moz-transition: opacity 1s .2s, transform 1s .2s; -o-transition: opacity 1s .2s, transform 1s .2s }
.part-tequan.show .tequan-item-3 { transition: opacity 1s .3s, transform 1s .3s; -webkit-transition: opacity 1s .3s, transform 1s .3s; -moz-transition: opacity 1s .3s, transform 1s .3s; -o-transition: opacity 1s .3s, transform 1s .3s }
.part-tequan.show .tequan-item-4 { transition: opacity 1s .4s, transform 1s .4s; -webkit-transition: opacity 1s .4s, transform 1s .4s; -moz-transition: opacity 1s .4s, transform 1s .4s; -o-transition: opacity 1s .4s, transform 1s .4s }
.part-tequan.show .tequan-item-5 { transition: opacity 1s .5s, transform 1s .5s; -webkit-transition: opacity 1s .5s, transform 1s .5s; -moz-transition: opacity 1s .5s, transform 1s .5s; -o-transition: opacity 1s .5s, transform 1s .5s }
.part-tequan.show .tequan-item-6 { transition: opacity 1s .6s, transform 1s .6s; -webkit-transition: opacity 1s .6s, transform 1s .6s; -moz-transition: opacity 1s .6s, transform 1s .6s; -o-transition: opacity 1s .6s, transform 1s .6s }
.part-tequan.show .tequan-item-7 { transition: opacity 1s .7s, transform 1s .7s; -webkit-transition: opacity 1s .7s, transform 1s .7s; -moz-transition: opacity 1s .7s, transform 1s .7s; -o-transition: opacity 1s .7s, transform 1s .7s }
.part-tequan.show .tequan-item-8 { transition: opacity 1s .8s, transform 1s .8s; -webkit-transition: opacity 1s .8s, transform 1s .8s; -moz-transition: opacity 1s .8s, transform 1s .8s; -o-transition: opacity 1s .8s, transform 1s .8s }
/*体系*/
.part-system { height: 700px; top: 800px }
.part-system .content-title { width: 689px; height: 85px; top: 0px; background: url(../img/title_02.png) no-repeat center; }
.part-system .system-item { overflow: hidden; position: absolute; width: 1200px; height: 530px; top: 140px; left: 50%; margin-left: -485px; background: url(../img/system-item.png) no-repeat }
.part-system .system-item { opacity: 0; transform: translateY(200px); -ms-transform: translateY(200px); -webkit-transform: translateY(200px); -moz-transform: translateY(200px); -o-transform: translateY(200px) }
.part-system.show .system-item { opacity: 1; transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px) }
/*等级&特权*/
.part-rank { height: 700px; top: 1550px }
.part-rank .content-title { width: 689px; height: 85px; top: 0px; background: url(../img/title_03.png) no-repeat center; }
.part-rank .rank-item { position: absolute; top: 140px; left: 50%; margin-left: -385px; }
.part-rank .rank-item .rank_table { width: 1000px; background: #1c202f; font-size: 13px; }
.part-rank .rank-item tr { height: 38px; font-size: 16px; line-height: 38px; color: #fff; }
.part-rank .rank-item tr.tit { height: 50px; background: #303f77; color: #fff189; font-size: 14px; }
.part-rank .rank-item tr.c { background: #222b4f; }
.part-rank .rank-item td { border: 1px #5868a6 solid; text-align: center; }
.part-rank .rank-item td p { display: inline-block; height: 33px; background: url(../img/staricon.png) no-repeat; font-size: 14px; line-height: 33px; color: #fbf791; text-indent: 40px; }
.part-rank .rank-item td span { text-align: left; line-height: 24px; font-size: 14px; color: #fff; display: block; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; }
.part-rank .rank-item td span font.yellow { color: #fff189; }
.part-rank .rank-item { opacity: 0; transform: translateY(200px); -ms-transform: translateY(200px); -webkit-transform: translateY(200px); -moz-transform: translateY(200px); -o-transform: translateY(200px) }
.part-rank.show .rank-item { opacity: 1; transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px) }
/*细则*/
.part-rule { height: 1450px; top: 2290px }
.part-rule .content-title { width: 689px; height: 85px; top: 0px; background: url(../img/title_04.png) no-repeat center; }
.part-rule .rule-item { overflow: hidden; position: absolute; width: 1200px; top: 140px; left: 50%; margin-left: -485px; }
.part-rule .rule-item .rule-tit { height: 30px; color: #fff189; font-size: 14px; margin-top: 15px; }
.part-rule .rule-item .rule-tit em { display: inline-block; height: 24px; width: 24px; background: url(../img/rule_maxicon.png) no-repeat; vertical-align: middle; text-align: center; font-style: normal; line-height: 24px; color: #ee4225; font-size: 15px; }
.part-rule .rule-item .rule-tit p { display: inline-block; padding-left: 10px; }
.part-rule .rule-item .rule-cont li { background: url(../img/rule_minicon.png) no-repeat 0px 7px; color: #fff; font-size: 13px; ; padding-left: 20px; line-height: 22px; }
.part-rule .rule-item .rule-cont li i { color: #da0000; font-style: normal; }
.part-rule .rule-item .rule-cont li a { color: #de0000; background: #fff079; padding: 0px 3px; margin: 0px 3px; }
.part-rule .rule-item .rule-end { background: #4c5da2; padding: 0px 20px; margin-top: 20px; line-height: 40px; color: #fff079; width: 320px; }
.part-rule .rule-item .rule_table { background: #1c202f; font-size: 13px; width: 650px; margin: 15px auto 0px; }
.part-rule .rule-item tr { height: 38px; font-size: 16px; line-height: 38px; color: #fff; }
.part-rule .rule-item tr.tit { height: 50px; background: #303f77; color: #fff189; font-size: 14px; }
.part-rule .rule-item tr.c { background: #222b4f; }
.part-rule .rule-item td { border: 1px #5868a6 solid; text-align: center; }
.part-rule .rule-item { opacity: 0; transform: translateY(200px); -ms-transform: translateY(200px); -webkit-transform: translateY(200px); -moz-transform: translateY(200px); -o-transform: translateY(200px) }
.part-rule.show .rule-item { opacity: 1; transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px) }
/*版权*/
.footer { width: 1200px; margin: 0 auto; border-top: 1px solid #5a69a7; color: #919dce; }
.footer .left_con { float: left; padding: 22px 0 0 0; overflow: hidden; }
.footer .link_area li { float: left; border-right: 1px solid #757b94; font-size: 14px; }
.footer .link_area li a { color: #919dce; padding: 0 12px; text-decoration: none; }
.footer .p_right { display: block; line-height: 30px; font-size: 14px; }
.footer .right_con { width: 300px; float: right; padding-top: 28px; }
.footer .service_tel { float: left; height: 44px; padding-right: 30px; text-align: right; border-right: solid 1px #425088; }
.footer .ol_service { display: block; width: 50px; height: 16px; line-height: 16px; font-size: 12px; text-decoration: none; color: #465caf; padding: 0px 0 0 25px; float: right; }
.footer .service_tel .p1 { line-height: 18px; font-size: 12px; }
.footer .service_tel .p2 { line-height: 22px; margin-top: 4px; font-size: 20px; color: #919dce; }

/*弹窗*/
.pop { display: none; position: fixed; z-index: 999999; left: 0; right: 0; top: 0; bottom: 0; }
.pop .shadow { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; -webkit-opacity: .8; -moz-opacity: .8; opacity: .8; filter: alpha(opacity=80) }
.pop .window { display: block; position: absolute; left: 50%; top: 50%; margin-left: -316px; margin-top: -220px; background: #28272d url(../img/pop-bg.jpg) no-repeat top center; width: 780px; height: px; padding: 75px 30px 35px; border: #8073ff solid 3px; }
.pop .close-btn { position: absolute; width: 40px; height: 40px; right: -42px; top: -3px; background: url(../img/pop-close.png); transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s }


.pop_table { background: #28272d; font-size: 13px; width: 99%; color: #fff;  }
.pop_table tr { height: 45px; font-size: 13px; line-height: 45px; color: #fff; }
.pop_table tr.tit { height: 38px; color: #fff189; font-size: 14px; padding-left: 15px; text-align: left; width: 160px; }
.pop_table td { border: 1px #4c4b59 solid; text-align: center; FILTER: Alpha(opacity=50); }
.pop_table td { FILTER: Alpha(opacity=50); }


/*分页*/
.ui-page { padding-top: 25px; float: left; }
.ui-page .ui-page-curr { color: #e33b3d; border: 0; cursor: default; background: 0 0; }
.ui-page a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; background-color: #f7f7f7; color: #333; padding: 4px 10px; margin-left: 3px; vertical-align: middle; }
.ui-page a:hover { background-color: #9895ad; color: #fff; }