/*#region 初始化*/
body, button, input, select, textarea { color: #656565; font: 14px/1.5 "Microsoft Yahei", tahoma, arial; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, button, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
input, textarea, button { font-size: 14px; font-weight: normal; outline: none; }
select { font-size: 14px; font-weight: normal; outline: none; }
input[type="button"], input[type="submit"], select, button { cursor: pointer; }
table { border-collapse: collapse; border-spacing: 0; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
li { list-style: none; }
fieldset, img, a img, iframe { border-width: 0; border-style: none; }
iframe { overflow: hidden; }
img { -ms-interpolation-mode: bicubic; vertical-align: middle; }
textarea { resize: vertical; overflow-y: auto; }
a { text-decoration: none; background: url(about:blank); cursor: pointer; }
    a:hover { text-decoration: none; }
hr { height: 0; }
label { cursor: pointer; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
.clearfix { zoom: 1; }
    .clearfix:after { content: "."; clear: both; line-height: 0; display: block; height: 0; overflow: hidden; }
.p100 { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.w100 { display: block; width: 100%; }
.hide { display: none; }
.vm { display: inline-block; height: 100%; width: 1px; margin-left: -1px; vertical-align: middle; }
.thide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.oh { overflow: hidden; }
.re { position: relative; }
.ab { position: absolute; }
.f_l { float: left; }
.f_r { float: right; }
.t_center { text-align: center; }
#__bs_notify__ { display: none !important; }
body.hid { overflow: hidden; }
/*#endregion*/
.main { min-width: 1300px; max-width: 1920px; margin: 0 auto; zoom: 1; position: relative; }
.logo { position: absolute; left: 0; top: 0; width: 58.28125%; z-index: 10; }
.nav { position: fixed; width: 15.83333333333333%; right: 1.5625%; top: 0; z-index: 10; }
    .nav .btn_nav1 { position: absolute; left: 0; width: 100%; height: 37%; top: 24%; }
    .nav .btn_nav2 { position: absolute; left: 0; width: 100%; height: 37%; top: 66%; }
.vi { opacity: 0; filter: alpha(opacity=0); }
.i1 { position: absolute; width: 36.04166666666667%; top: 20%; left: 26%; }
.i2 { animation: updpwnMove 2s 0s infinite ease-in-out alternate; position: absolute; width: 24.32291666666667%; top: 1%; left: 22%; }
.i3 { animation: updpwnMove 2.5s 0s infinite ease-in-out alternate; position: absolute; width: 25%; top: 60.8%; left: 46.7%; }
.i4 { animation: updpwnMove 1.5s 0s infinite ease-in-out alternate; position: absolute; width: 24.27083333333333%; top: 9.8%; left: 32.7%; }
.i5 { transform: translateZ(0) rotateZ(0); position: absolute; width: 67.39583333333333%; top: -35.7%; left: 16.1%; }
.i6 { position: absolute; width: 27.23958333333333%; top: -23.7%; left: 41.3%; }
    .i6.i6_2 { animation: opMove 1s 0s infinite ease-in-out alternate; }
.i7 { animation: bigMove2 1.1s 0s infinite ease-in-out alternate; position: absolute; width: 24.42708333333333%; top: -99.6%; left: 37.7%; }
.i8 { animation: roteMove 1.3s 0s infinite ease-in-out alternate; position: absolute; width: 28.07291666666667%; top: -34.6%; left: 28.7%; }
.i9 { position: absolute; width: 18.95833333333333%; top: -86.6%; left: 27.7%; }
.i10 { position: absolute; width: 36.40625%; top: -93%; left: 34.8%; }
    .i10.i10_2 { animation: bigMove 1s 0s infinite; }
.i11 { animation: opMove 1s 0s infinite ease-in-out alternate; position: absolute; width: 24.63541666666667%; top: -23%; left: 40.8%; }
.i12 { animation: opMove 1.3s 0s infinite ease-in-out alternate; position: absolute; width: 24.11458333333333%; top: -33%; left: 13%; }
.i13 { animation: opMove 1.6s 0s infinite ease-in-out alternate; position: absolute; width: 29.21875%; top: 41%; left: 59%; }
.i14 { position: absolute; width: 24.11458333333333%; top: 79%; left: 19.5%; }
.i15 { position: absolute; width: 24.11458333333333%; top: 70%; left: 66.9%; }
.i16 { position: absolute; width: 24.11458333333333%; top: 22.6%; left: 20.5%; }
.i17 { position: absolute; width: 24.11458333333333%; top: 20.6%; left: 49.9%; }
.i18 { position: absolute; width: 24.11458333333333%; top: 49%; left: 20.1%; }
.i19 { position: absolute; width: 24.11458333333333%; top: 49%; left: 49.9%; }

.mask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 50; }
    .mask .mask_bg { background-color: #000; opacity: 0.7; filter: alpha(opacity=70); }
    .mask .rule_ct { width: 843px; position: relative; margin: 30px auto; }
    .mask .btn_close { position: absolute; width: 80px; height: 80px; top: 51px; right: 151px; }
    .mask .btn_close2 { position: absolute; width: 80px; height: 80px; top: 51px; right: 106px; }
    .mask .btn_close3 { position: absolute; width: 80px; height: 80px; top: 27px; right: 64px; }
    .mask .btn_close4 { position: absolute; width: 80px; height: 80px; top: 75px; right: 173px; }
    .mask .scroll { overflow-y: auto; }
    .mask .scroll_main { /*overflow: hidden;*/ width: 817px; position: absolute; top: 133px; left: 97px; }
        .mask .scroll_main .scroll_detail { width: 850px; overflow-y: auto; height: 460px; }

    .mask .rule_ct.rule_ct1 { width: 1049px; }
    .mask .rule_ct.rule_ct2 { width: 1006px; }
    .mask .rule_ct.rule_ct3 { width: 1071px; }
    .mask .rule_ct.rule_ct4 { width: 843px; }
    .mask .rule_ct.rule_ct5 { width: 953px; }
    .mask .rule_ct.rule_ct6 { width: 843px; }
    .mask .rule_ct.rule_ct7 { width: 1014px; }
    .mask .rule_ct.rule_ct8 { width: 843px; }
    .mask .rule_ct.rule_ct9 { width: 1169px; }
    .mask .rule_ct.rule_ct10 { width: 1230px; }
    .mask .rule_ct.rule_ct11 { width: 1143px; }
    .mask .rule_ct.rule_ct12 { width: 944px; }
    .mask .rule_ct.rule_ct13 { width: 968px; }
    .mask .rule_ct.rule_ct14 { width: 843px; }
    .mask .rule_ct.rule_ct15 { width: 843px; }


@keyframes bigMove {
    0% { opacity: 1; transform: scale(1); }
    20%,100% { opacity: 0; transform: scale(1.3); }
}

@keyframes updpwnMove {
    0% {; transform: translateY(-10px); }
    100% { transform: translateY(10px); }
}

@keyframes opMove {
    0% { opacity: 1; }
    100% { opacity: 0.5; }
}

@keyframes bigMove2 {
    0% { transform: scale(0.9); }
    100% { transform: scale(1.1s); }
}

@keyframes roteMove {
    0% { transform: rotate(-5deg); }
    100% { transform: rotate(5deg); }
}





/**/