@charset "UTF-8";
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,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
html{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:400;vertical-align:middle}
q,blockquote{quotes:none}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
a img{border:0}
elements-of-type(html5-block){display:block}
html{font-family:"Microsoft Yahei","微软雅黑",STXihei,"华文细黑"}
article,aside,canvas,dialog,figure,footer,header,hgroup,nav,section{display:block}
.floatL{float:left}
.floatR{float:right}
.hide{display:none!important}
.btn{background:0 0;border:0;outline:0;cursor:pointer}
.dialog-page{position:fixed;left:0;top:0;width:100%;height:100%;background:url(/static/img/common/dialog-bg.png);background-repeat:repeat!important;z-index:10}
.diaglog-contianer{position:absolute;left:50%;top:50%}
button{background:0 0;border:0;outline:0}
@-webkit-keyframes lighting{0%{opacity:1}
50%{opacity:.1}
100%{opacity:1}}
@keyframes lighting{0%{opacity:1}
50%{opacity:.1}
100%{opacity:1}}
@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}
@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}
@-webkit-keyframes rotating1{0%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
100%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}}
@keyframes rotating1{0%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
100%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}}
@font-face{font-family:mFont;src:url(/static/fonts/KOZMINPRO-LIGHT.otf)}
html{font-family:"Kozuka Mincho Pro","Microsoft Yahei",STXihei}
body{position:relative;width:100%;min-width:1200px;overflow-x:hidden}
.bg{position:absolute;top:0;width:100%;z-index:-1}
.bg-1{position:absolute;top:0;height:889px;width:100%;background:url(/static/img/rings/yyyy/pc-bg-1.jpg) no-repeat top center}
.bg-2{position:absolute;top:889px;height:1157px;width:100%;background:url(/static/img/rings/yyyy/pc-bg-2.jpg) no-repeat top center}
.bg-3{position:absolute;top:2046px;height:975px;width:100%;background:url(/static/img/rings/yyyy/pc-bg-3.jpg) no-repeat top center}
.bg-4{position:absolute;top:3021px;height:1052px;width:100%;background:url(/static/img/rings/yyyy/pc-bg-4.jpg) no-repeat top center}
.bg-5{position:absolute;top:4073px;height:1127px;width:100%;background:url(/static/img/rings/yyyy/pc-bg-5.jpg) no-repeat top center}
.bg .light-1{background:url(/static/img/rings/yyyy/light-1.png) no-repeat top center;width:100%;height:1160px;position:absolute;top:0;-webkit-animation:lighting infinite 2s ease-in-out;animation:lighting infinite 2s ease-in-out;-webkit-filter:brightness(1.3);filter:brightness(1.3)}
.bg .light-2{background:url(/static/img/rings/yyyy/light-2.png) no-repeat top center;width:1155px;height:1068px;position:absolute;top:0;right:0;-webkit-animation:lighting infinite 2s ease-in-out;animation:lighting infinite 2s ease-in-out;-webkit-animation-delay:1s;animation-delay:1s;-webkit-filter:brightness(1.3);filter:brightness(1.3)}
.bg .light-3{background:url(/static/img/rings/yyyy/light-3.png) no-repeat top center;width:1920px;height:651px;position:absolute;top:0;left:0;-webkit-animation:lighting infinite 2s ease-in-out;animation:lighting infinite 2s ease-in-out;-webkit-animation-delay:2s;animation-delay:2s;-webkit-filter:brightness(1.3);filter:brightness(1.3)}
.bg .mao-1{background:url(/static/img/rings/yyyy/mao-4.png) no-repeat top center;width:114px;height:149px;position:absolute;bottom:30px;left:300px;-webkit-animation:fly1 10s linear infinite;animation:fly1 10s linear infinite}
@-webkit-keyframes fly1{00%{opacity:0;bottom:30px;left:526.69324px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
10%{opacity:1;bottom:61.85081px;left:566.47545px;-webkit-transform:rotate(4.76394deg);transform:rotate(4.76394deg)}
20%{opacity:1;bottom:105.70162px;left:610.25765px;-webkit-transform:rotate(0.11382deg);transform:rotate(0.11382deg)}
30%{opacity:1;bottom:161.55243px;left:658.03986px;-webkit-transform:rotate(14.56663deg);transform:rotate(14.56663deg)}
40%{opacity:1;bottom:229.40324px;left:709.82207px;-webkit-transform:rotate(12.82067deg);transform:rotate(12.82067deg)}
50%{opacity:1;bottom:309.25405px;left:765.60427px;-webkit-transform:rotate(33.10234deg);transform:rotate(33.10234deg)}
60%{opacity:1;bottom:401.10486px;left:825.38648px;-webkit-transform:rotate(54.54597deg);transform:rotate(54.54597deg)}
70%{opacity:1;bottom:504.95567px;left:889.16869px;-webkit-transform:rotate(56.48461deg);transform:rotate(56.48461deg)}
80%{opacity:1;bottom:620.80648px;left:956.9509px;-webkit-transform:rotate(71.94641deg);transform:rotate(71.94641deg)}
90%{opacity:1;bottom:748.65729px;left:1028.7331px;-webkit-transform:rotate(42.10189deg);transform:rotate(42.10189deg)}
100%{opacity:0;bottom:888.5081px;left:1104.51531px;-webkit-transform:rotate(64.17569deg);transform:rotate(64.17569deg)}}
@keyframes fly1{00%{opacity:0;bottom:30px;left:526.69324px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
10%{opacity:1;bottom:61.85081px;left:566.47545px;-webkit-transform:rotate(4.76394deg);transform:rotate(4.76394deg)}
20%{opacity:1;bottom:105.70162px;left:610.25765px;-webkit-transform:rotate(0.11382deg);transform:rotate(0.11382deg)}
30%{opacity:1;bottom:161.55243px;left:658.03986px;-webkit-transform:rotate(14.56663deg);transform:rotate(14.56663deg)}
40%{opacity:1;bottom:229.40324px;left:709.82207px;-webkit-transform:rotate(12.82067deg);transform:rotate(12.82067deg)}
50%{opacity:1;bottom:309.25405px;left:765.60427px;-webkit-transform:rotate(33.10234deg);transform:rotate(33.10234deg)}
60%{opacity:1;bottom:401.10486px;left:825.38648px;-webkit-transform:rotate(54.54597deg);transform:rotate(54.54597deg)}
70%{opacity:1;bottom:504.95567px;left:889.16869px;-webkit-transform:rotate(56.48461deg);transform:rotate(56.48461deg)}
80%{opacity:1;bottom:620.80648px;left:956.9509px;-webkit-transform:rotate(71.94641deg);transform:rotate(71.94641deg)}
90%{opacity:1;bottom:748.65729px;left:1028.7331px;-webkit-transform:rotate(42.10189deg);transform:rotate(42.10189deg)}
100%{opacity:0;bottom:888.5081px;left:1104.51531px;-webkit-transform:rotate(64.17569deg);transform:rotate(64.17569deg)}}
.bg .mao-2{background:url(/static/img/rings/yyyy/mao-3.png) no-repeat top center;width:91px;height:69px;position:absolute;bottom:50px;opacity:0;left:0;-webkit-animation:fly2 10s linear infinite;animation:fly2 10s linear infinite}
@-webkit-keyframes fly2{00%{opacity:0;bottom:50px;left:242.8987px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
10%{opacity:1;bottom:122.63034px;left:285.38182px;-webkit-transform:rotate(8.43083deg);transform:rotate(8.43083deg)}
20%{opacity:1;bottom:207.26067px;left:331.86493px;-webkit-transform:rotate(13.91356deg);transform:rotate(13.91356deg)}
30%{opacity:1;bottom:303.89101px;left:382.34805px;-webkit-transform:rotate(29.09102deg);transform:rotate(29.09102deg)}
40%{opacity:1;bottom:412.52135px;left:436.83116px;-webkit-transform:rotate(3.71745deg);transform:rotate(3.71745deg)}
50%{opacity:1;bottom:533.15168px;left:495.31428px;-webkit-transform:rotate(8.27161deg);transform:rotate(8.27161deg)}
60%{opacity:1;bottom:665.78202px;left:557.7974px;-webkit-transform:rotate(25.3869deg);transform:rotate(25.3869deg)}
70%{opacity:1;bottom:810.41236px;left:624.28051px;-webkit-transform:rotate(26.09532deg);transform:rotate(26.09532deg)}
80%{opacity:1;bottom:967.04269px;left:694.76363px;-webkit-transform:rotate(69.76536deg);transform:rotate(69.76536deg)}
90%{opacity:1;bottom:1135.67303px;left:769.24675px;-webkit-transform:rotate(13.4726deg);transform:rotate(13.4726deg)}
100%{opacity:0;bottom:1316.30337px;left:847.72986px;-webkit-transform:rotate(72.92661deg);transform:rotate(72.92661deg)}}
@keyframes fly2{00%{opacity:0;bottom:50px;left:242.8987px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
10%{opacity:1;bottom:122.63034px;left:285.38182px;-webkit-transform:rotate(8.43083deg);transform:rotate(8.43083deg)}
20%{opacity:1;bottom:207.26067px;left:331.86493px;-webkit-transform:rotate(13.91356deg);transform:rotate(13.91356deg)}
30%{opacity:1;bottom:303.89101px;left:382.34805px;-webkit-transform:rotate(29.09102deg);transform:rotate(29.09102deg)}
40%{opacity:1;bottom:412.52135px;left:436.83116px;-webkit-transform:rotate(3.71745deg);transform:rotate(3.71745deg)}
50%{opacity:1;bottom:533.15168px;left:495.31428px;-webkit-transform:rotate(8.27161deg);transform:rotate(8.27161deg)}
60%{opacity:1;bottom:665.78202px;left:557.7974px;-webkit-transform:rotate(25.3869deg);transform:rotate(25.3869deg)}
70%{opacity:1;bottom:810.41236px;left:624.28051px;-webkit-transform:rotate(26.09532deg);transform:rotate(26.09532deg)}
80%{opacity:1;bottom:967.04269px;left:694.76363px;-webkit-transform:rotate(69.76536deg);transform:rotate(69.76536deg)}
90%{opacity:1;bottom:1135.67303px;left:769.24675px;-webkit-transform:rotate(13.4726deg);transform:rotate(13.4726deg)}
100%{opacity:0;bottom:1316.30337px;left:847.72986px;-webkit-transform:rotate(72.92661deg);transform:rotate(72.92661deg)}}
.bg .mao-3{background:url(/static/img/rings/yyyy/mao-3.png) no-repeat top center;width:91px;height:69px;position:absolute;bottom:0;opacity:0;left:0;-webkit-animation:fly3 10s linear infinite;animation:fly3 10s linear infinite}
@-webkit-keyframes fly3{00%{opacity:0;bottom:0;left:445.29588px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
10%{opacity:1;bottom:17.44118px;left:521.51186px;-webkit-transform:rotate(3.20854deg);transform:rotate(3.20854deg)}
20%{opacity:1;bottom:46.88236px;left:601.72784px;-webkit-transform:rotate(0.18442deg);transform:rotate(0.18442deg)}
30%{opacity:1;bottom:88.32355px;left:685.94382px;-webkit-transform:rotate(28.35702deg);transform:rotate(28.35702deg)}
40%{opacity:1;bottom:141.76473px;left:774.1598px;-webkit-transform:rotate(28.22647deg);transform:rotate(28.22647deg)}
50%{opacity:1;bottom:207.20591px;left:866.37578px;-webkit-transform:rotate(11.70419deg);transform:rotate(11.70419deg)}
60%{opacity:1;bottom:284.64709px;left:962.59176px;-webkit-transform:rotate(25.93413deg);transform:rotate(25.93413deg)}
70%{opacity:1;bottom:374.08827px;left:1062.80774px;-webkit-transform:rotate(25.55534deg);transform:rotate(25.55534deg)}
80%{opacity:1;bottom:475.52946px;left:1167.02372px;-webkit-transform:rotate(42.18046deg);transform:rotate(42.18046deg)}
90%{opacity:1;bottom:588.97064px;left:1275.2397px;-webkit-transform:rotate(13.59712deg);transform:rotate(13.59712deg)}
100%{opacity:0;bottom:714.41182px;left:1387.45568px;-webkit-transform:rotate(60.40261deg);transform:rotate(60.40261deg)}}
@keyframes fly3{00%{opacity:0;bottom:0;left:445.29588px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
10%{opacity:1;bottom:17.44118px;left:521.51186px;-webkit-transform:rotate(3.20854deg);transform:rotate(3.20854deg)}
20%{opacity:1;bottom:46.88236px;left:601.72784px;-webkit-transform:rotate(0.18442deg);transform:rotate(0.18442deg)}
30%{opacity:1;bottom:88.32355px;left:685.94382px;-webkit-transform:rotate(28.35702deg);transform:rotate(28.35702deg)}
40%{opacity:1;bottom:141.76473px;left:774.1598px;-webkit-transform:rotate(28.22647deg);transform:rotate(28.22647deg)}
50%{opacity:1;bottom:207.20591px;left:866.37578px;-webkit-transform:rotate(11.70419deg);transform:rotate(11.70419deg)}
60%{opacity:1;bottom:284.64709px;left:962.59176px;-webkit-transform:rotate(25.93413deg);transform:rotate(25.93413deg)}
70%{opacity:1;bottom:374.08827px;left:1062.80774px;-webkit-transform:rotate(25.55534deg);transform:rotate(25.55534deg)}
80%{opacity:1;bottom:475.52946px;left:1167.02372px;-webkit-transform:rotate(42.18046deg);transform:rotate(42.18046deg)}
90%{opacity:1;bottom:588.97064px;left:1275.2397px;-webkit-transform:rotate(13.59712deg);transform:rotate(13.59712deg)}
100%{opacity:0;bottom:714.41182px;left:1387.45568px;-webkit-transform:rotate(60.40261deg);transform:rotate(60.40261deg)}}
.bg .mao-4{background:url(/static/img/rings/yyyy/mao-3.png) no-repeat top center;width:91px;height:69px;position:absolute;bottom:0;opacity:0;left:0;-webkit-animation:fly4 10s linear infinite;animation:fly4 10s linear infinite}
@-webkit-keyframes fly4{00%{opacity:0;bottom:50px;left:183.99365px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
10%{opacity:1;bottom:122.43332px;left:216.65926px;-webkit-transform:rotate(2.3674deg);transform:rotate(2.3674deg)}
20%{opacity:1;bottom:206.86664px;left:253.32487px;-webkit-transform:rotate(15.38855deg);transform:rotate(15.38855deg)}
30%{opacity:1;bottom:303.29996px;left:293.99048px;-webkit-transform:rotate(19.48497deg);transform:rotate(19.48497deg)}
40%{opacity:1;bottom:411.73328px;left:338.65609px;-webkit-transform:rotate(20.40386deg);transform:rotate(20.40386deg)}
50%{opacity:1;bottom:532.16659px;left:387.3217px;-webkit-transform:rotate(37.78793deg);transform:rotate(37.78793deg)}
60%{opacity:1;bottom:664.59991px;left:439.9873px;-webkit-transform:rotate(54.08972deg);transform:rotate(54.08972deg)}
70%{opacity:1;bottom:809.03323px;left:496.65291px;-webkit-transform:rotate(24.0888deg);transform:rotate(24.0888deg)}
80%{opacity:1;bottom:965.46655px;left:557.31852px;-webkit-transform:rotate(6.56133deg);transform:rotate(6.56133deg)}
90%{opacity:1;bottom:1133.89987px;left:621.98413px;-webkit-transform:rotate(55.05226deg);transform:rotate(55.05226deg)}
100%{opacity:0;bottom:1314.33319px;left:690.64974px;-webkit-transform:rotate(23.40763deg);transform:rotate(23.40763deg)}}
@keyframes fly4{00%{opacity:0;bottom:50px;left:183.99365px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
10%{opacity:1;bottom:122.43332px;left:216.65926px;-webkit-transform:rotate(2.3674deg);transform:rotate(2.3674deg)}
20%{opacity:1;bottom:206.86664px;left:253.32487px;-webkit-transform:rotate(15.38855deg);transform:rotate(15.38855deg)}
30%{opacity:1;bottom:303.29996px;left:293.99048px;-webkit-transform:rotate(19.48497deg);transform:rotate(19.48497deg)}
40%{opacity:1;bottom:411.73328px;left:338.65609px;-webkit-transform:rotate(20.40386deg);transform:rotate(20.40386deg)}
50%{opacity:1;bottom:532.16659px;left:387.3217px;-webkit-transform:rotate(37.78793deg);transform:rotate(37.78793deg)}
60%{opacity:1;bottom:664.59991px;left:439.9873px;-webkit-transform:rotate(54.08972deg);transform:rotate(54.08972deg)}
70%{opacity:1;bottom:809.03323px;left:496.65291px;-webkit-transform:rotate(24.0888deg);transform:rotate(24.0888deg)}
80%{opacity:1;bottom:965.46655px;left:557.31852px;-webkit-transform:rotate(6.56133deg);transform:rotate(6.56133deg)}
90%{opacity:1;bottom:1133.89987px;left:621.98413px;-webkit-transform:rotate(55.05226deg);transform:rotate(55.05226deg)}
100%{opacity:0;bottom:1314.33319px;left:690.64974px;-webkit-transform:rotate(23.40763deg);transform:rotate(23.40763deg)}}
.bg .mao-5{background:url(/static/img/rings/yyyy/mao-4.png) no-repeat top center;width:114px;height:149px;position:absolute;bottom:0;opacity:0;left:0;-webkit-animation:fly5 10s linear infinite;animation:fly5 10s linear infinite}
@-webkit-keyframes fly5{00%{opacity:0;bottom:40px;left:154.69493px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
10%{opacity:1;bottom:61.70885px;left:182.47742px;-webkit-transform:rotate(8.80555deg);transform:rotate(8.80555deg)}
20%{opacity:1;bottom:95.41769px;left:214.25991px;-webkit-transform:rotate(16.52201deg);transform:rotate(16.52201deg)}
30%{opacity:1;bottom:141.12654px;left:250.0424px;-webkit-transform:rotate(25.89361deg);transform:rotate(25.89361deg)}
40%{opacity:1;bottom:198.83538px;left:289.82489px;-webkit-transform:rotate(24.46213deg);transform:rotate(24.46213deg)}
50%{opacity:1;bottom:268.54423px;left:333.60738px;-webkit-transform:rotate(5.95074deg);transform:rotate(5.95074deg)}
60%{opacity:1;bottom:350.25307px;left:381.38987px;-webkit-transform:rotate(11.70095deg);transform:rotate(11.70095deg)}
70%{opacity:1;bottom:443.96192px;left:433.17236px;-webkit-transform:rotate(45.57338deg);transform:rotate(45.57338deg)}
80%{opacity:1;bottom:549.67076px;left:488.95485px;-webkit-transform:rotate(29.79088deg);transform:rotate(29.79088deg)}
90%{opacity:1;bottom:667.37961px;left:548.73733px;-webkit-transform:rotate(36.36905deg);transform:rotate(36.36905deg)}
100%{opacity:0;bottom:797.08845px;left:612.51982px;-webkit-transform:rotate(71.69507deg);transform:rotate(71.69507deg)}}
@keyframes fly5{00%{opacity:0;bottom:40px;left:154.69493px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
10%{opacity:1;bottom:61.70885px;left:182.47742px;-webkit-transform:rotate(8.80555deg);transform:rotate(8.80555deg)}
20%{opacity:1;bottom:95.41769px;left:214.25991px;-webkit-transform:rotate(16.52201deg);transform:rotate(16.52201deg)}
30%{opacity:1;bottom:141.12654px;left:250.0424px;-webkit-transform:rotate(25.89361deg);transform:rotate(25.89361deg)}
40%{opacity:1;bottom:198.83538px;left:289.82489px;-webkit-transform:rotate(24.46213deg);transform:rotate(24.46213deg)}
50%{opacity:1;bottom:268.54423px;left:333.60738px;-webkit-transform:rotate(5.95074deg);transform:rotate(5.95074deg)}
60%{opacity:1;bottom:350.25307px;left:381.38987px;-webkit-transform:rotate(11.70095deg);transform:rotate(11.70095deg)}
70%{opacity:1;bottom:443.96192px;left:433.17236px;-webkit-transform:rotate(45.57338deg);transform:rotate(45.57338deg)}
80%{opacity:1;bottom:549.67076px;left:488.95485px;-webkit-transform:rotate(29.79088deg);transform:rotate(29.79088deg)}
90%{opacity:1;bottom:667.37961px;left:548.73733px;-webkit-transform:rotate(36.36905deg);transform:rotate(36.36905deg)}
100%{opacity:0;bottom:797.08845px;left:612.51982px;-webkit-transform:rotate(71.69507deg);transform:rotate(71.69507deg)}}
.bg .mao-6{background:url(/static/img/rings/yyyy/mao-4.png) no-repeat top center;width:114px;height:149px;position:absolute;bottom:0;left:400px;-webkit-animation:fly6 10s linear infinite;animation:fly6 10s linear infinite}
@-webkit-keyframes fly6{00%{opacity:0;bottom:20px;left:462.20938px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
10%{opacity:1;bottom:85.91383px;left:474.57761px;-webkit-transform:rotate(9.46826deg);transform:rotate(9.46826deg)}
20%{opacity:1;bottom:163.82766px;left:490.94584px;-webkit-transform:rotate(13.83342deg);transform:rotate(13.83342deg)}
30%{opacity:1;bottom:253.74149px;left:511.31407px;-webkit-transform:rotate(17.82731deg);transform:rotate(17.82731deg)}
40%{opacity:1;bottom:355.65532px;left:535.6823px;-webkit-transform:rotate(39.47914deg);transform:rotate(39.47914deg)}
50%{opacity:1;bottom:469.56915px;left:564.05053px;-webkit-transform:rotate(12.01701deg);transform:rotate(12.01701deg)}
60%{opacity:1;bottom:595.48298px;left:596.41876px;-webkit-transform:rotate(52.3407deg);transform:rotate(52.3407deg)}
70%{opacity:1;bottom:733.39681px;left:632.78699px;-webkit-transform:rotate(25.43178deg);transform:rotate(25.43178deg)}
80%{opacity:1;bottom:883.31064px;left:673.15522px;-webkit-transform:rotate(68.65332deg);transform:rotate(68.65332deg)}
90%{opacity:1;bottom:1045.22448px;left:717.52344px;-webkit-transform:rotate(35.70589deg);transform:rotate(35.70589deg)}
100%{opacity:0;bottom:1219.13831px;left:765.89167px;-webkit-transform:rotate(42.82581deg);transform:rotate(42.82581deg)}}
@keyframes fly6{00%{opacity:0;bottom:20px;left:462.20938px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
10%{opacity:1;bottom:85.91383px;left:474.57761px;-webkit-transform:rotate(9.46826deg);transform:rotate(9.46826deg)}
20%{opacity:1;bottom:163.82766px;left:490.94584px;-webkit-transform:rotate(13.83342deg);transform:rotate(13.83342deg)}
30%{opacity:1;bottom:253.74149px;left:511.31407px;-webkit-transform:rotate(17.82731deg);transform:rotate(17.82731deg)}
40%{opacity:1;bottom:355.65532px;left:535.6823px;-webkit-transform:rotate(39.47914deg);transform:rotate(39.47914deg)}
50%{opacity:1;bottom:469.56915px;left:564.05053px;-webkit-transform:rotate(12.01701deg);transform:rotate(12.01701deg)}
60%{opacity:1;bottom:595.48298px;left:596.41876px;-webkit-transform:rotate(52.3407deg);transform:rotate(52.3407deg)}
70%{opacity:1;bottom:733.39681px;left:632.78699px;-webkit-transform:rotate(25.43178deg);transform:rotate(25.43178deg)}
80%{opacity:1;bottom:883.31064px;left:673.15522px;-webkit-transform:rotate(68.65332deg);transform:rotate(68.65332deg)}
90%{opacity:1;bottom:1045.22448px;left:717.52344px;-webkit-transform:rotate(35.70589deg);transform:rotate(35.70589deg)}
100%{opacity:0;bottom:1219.13831px;left:765.89167px;-webkit-transform:rotate(42.82581deg);transform:rotate(42.82581deg)}}
.bg .mao-7{background:url(/static/img/rings/yyyy/mao-3.png) no-repeat top center;width:91px;height:69px;position:absolute;bottom:0;left:500px;-webkit-animation:fly7 10s linear infinite;animation:fly7 10s linear infinite;-webkit-animation-delay:4s;animation-delay:4s}
@-webkit-keyframes fly7{00%{opacity:0;bottom:30px;left:588.17459px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
10%{opacity:1;bottom:38.34814px;left:604.87035px;-webkit-transform:rotate(9.97633deg);transform:rotate(9.97633deg)}
20%{opacity:1;bottom:58.69628px;left:625.56612px;-webkit-transform:rotate(6.4152deg);transform:rotate(6.4152deg)}
30%{opacity:1;bottom:91.04442px;left:650.26188px;-webkit-transform:rotate(5.56445deg);transform:rotate(5.56445deg)}
40%{opacity:1;bottom:135.39256px;left:678.95764px;-webkit-transform:rotate(8.11642deg);transform:rotate(8.11642deg)}
50%{opacity:1;bottom:191.7407px;left:711.65341px;-webkit-transform:rotate(6.50913deg);transform:rotate(6.50913deg)}
60%{opacity:1;bottom:260.08884px;left:748.34917px;-webkit-transform:rotate(12.47799deg);transform:rotate(12.47799deg)}
70%{opacity:1;bottom:340.43698px;left:789.04494px;-webkit-transform:rotate(0.36636deg);transform:rotate(0.36636deg)}
80%{opacity:1;bottom:432.78511px;left:833.7407px;-webkit-transform:rotate(19.66415deg);transform:rotate(19.66415deg)}
90%{opacity:1;bottom:537.13325px;left:882.43647px;-webkit-transform:rotate(9.07541deg);transform:rotate(9.07541deg)}
100%{opacity:0;bottom:653.48139px;left:935.13223px;-webkit-transform:rotate(29.00538deg);transform:rotate(29.00538deg)}}
@keyframes fly7{00%{opacity:0;bottom:30px;left:588.17459px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
10%{opacity:1;bottom:38.34814px;left:604.87035px;-webkit-transform:rotate(9.97633deg);transform:rotate(9.97633deg)}
20%{opacity:1;bottom:58.69628px;left:625.56612px;-webkit-transform:rotate(6.4152deg);transform:rotate(6.4152deg)}
30%{opacity:1;bottom:91.04442px;left:650.26188px;-webkit-transform:rotate(5.56445deg);transform:rotate(5.56445deg)}
40%{opacity:1;bottom:135.39256px;left:678.95764px;-webkit-transform:rotate(8.11642deg);transform:rotate(8.11642deg)}
50%{opacity:1;bottom:191.7407px;left:711.65341px;-webkit-transform:rotate(6.50913deg);transform:rotate(6.50913deg)}
60%{opacity:1;bottom:260.08884px;left:748.34917px;-webkit-transform:rotate(12.47799deg);transform:rotate(12.47799deg)}
70%{opacity:1;bottom:340.43698px;left:789.04494px;-webkit-transform:rotate(0.36636deg);transform:rotate(0.36636deg)}
80%{opacity:1;bottom:432.78511px;left:833.7407px;-webkit-transform:rotate(19.66415deg);transform:rotate(19.66415deg)}
90%{opacity:1;bottom:537.13325px;left:882.43647px;-webkit-transform:rotate(9.07541deg);transform:rotate(9.07541deg)}
100%{opacity:0;bottom:653.48139px;left:935.13223px;-webkit-transform:rotate(29.00538deg);transform:rotate(29.00538deg)}}
.bg .mao-8{background:url(/static/img/rings/yyyy/mao-3.png) no-repeat top center;width:91px;height:69px;position:absolute;bottom:0;opacity:0;left:0;-webkit-animation:fly8 10s linear infinite;animation:fly8 10s linear infinite;-webkit-animation-delay:4s;animation-delay:4s}
@-webkit-keyframes fly8{00%{opacity:0;bottom:50px;left:406.10026px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
10%{opacity:1;bottom:89.27521px;left:475.78364px;-webkit-transform:rotate(3.21497deg);transform:rotate(3.21497deg)}
20%{opacity:1;bottom:140.55042px;left:549.46702px;-webkit-transform:rotate(0.54313deg);transform:rotate(0.54313deg)}
30%{opacity:1;bottom:203.82563px;left:627.1504px;-webkit-transform:rotate(1.54822deg);transform:rotate(1.54822deg)}
40%{opacity:1;bottom:279.10084px;left:708.83377px;-webkit-transform:rotate(2.88382deg);transform:rotate(2.88382deg)}
50%{opacity:1;bottom:366.37605px;left:794.51715px;-webkit-transform:rotate(20.36604deg);transform:rotate(20.36604deg)}
60%{opacity:1;bottom:465.65126px;left:884.20053px;-webkit-transform:rotate(54.57204deg);transform:rotate(54.57204deg)}
70%{opacity:1;bottom:576.92647px;left:977.8839px;-webkit-transform:rotate(1.82258deg);transform:rotate(1.82258deg)}
80%{opacity:1;bottom:700.20167px;left:1075.56728px;-webkit-transform:rotate(16.03976deg);transform:rotate(16.03976deg)}
90%{opacity:1;bottom:835.47688px;left:1177.25066px;-webkit-transform:rotate(6.1962deg);transform:rotate(6.1962deg)}
100%{opacity:0;bottom:982.75209px;left:1282.93404px;-webkit-transform:rotate(54.83716deg);transform:rotate(54.83716deg)}}
@keyframes fly8{00%{opacity:0;bottom:50px;left:406.10026px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
10%{opacity:1;bottom:89.27521px;left:475.78364px;-webkit-transform:rotate(3.21497deg);transform:rotate(3.21497deg)}
20%{opacity:1;bottom:140.55042px;left:549.46702px;-webkit-transform:rotate(0.54313deg);transform:rotate(0.54313deg)}
30%{opacity:1;bottom:203.82563px;left:627.1504px;-webkit-transform:rotate(1.54822deg);transform:rotate(1.54822deg)}
40%{opacity:1;bottom:279.10084px;left:708.83377px;-webkit-transform:rotate(2.88382deg);transform:rotate(2.88382deg)}
50%{opacity:1;bottom:366.37605px;left:794.51715px;-webkit-transform:rotate(20.36604deg);transform:rotate(20.36604deg)}
60%{opacity:1;bottom:465.65126px;left:884.20053px;-webkit-transform:rotate(54.57204deg);transform:rotate(54.57204deg)}
70%{opacity:1;bottom:576.92647px;left:977.8839px;-webkit-transform:rotate(1.82258deg);transform:rotate(1.82258deg)}
80%{opacity:1;bottom:700.20167px;left:1075.56728px;-webkit-transform:rotate(16.03976deg);transform:rotate(16.03976deg)}
90%{opacity:1;bottom:835.47688px;left:1177.25066px;-webkit-transform:rotate(6.1962deg);transform:rotate(6.1962deg)}
100%{opacity:0;bottom:982.75209px;left:1282.93404px;-webkit-transform:rotate(54.83716deg);transform:rotate(54.83716deg)}}
.bg .mao-9{background:url(/static/img/rings/yyyy/mao-3.png) no-repeat top center;width:91px;height:69px;position:absolute;bottom:0;opacity:0;left:0;-webkit-animation:fly9 10s linear infinite;animation:fly9 10s linear infinite;-webkit-animation-delay:4s;animation-delay:4s}
@-webkit-keyframes fly9{00%{opacity:0;bottom:0;left:160.64124px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
10%{opacity:1;bottom:63.61148px;left:189.41478px;-webkit-transform:rotate(4.3343deg);transform:rotate(4.3343deg)}
20%{opacity:1;bottom:139.22296px;left:222.18832px;-webkit-transform:rotate(15.27829deg);transform:rotate(15.27829deg)}
30%{opacity:1;bottom:226.83444px;left:258.96186px;-webkit-transform:rotate(29.15181deg);transform:rotate(29.15181deg)}
40%{opacity:1;bottom:326.44591px;left:299.7354px;-webkit-transform:rotate(7.07593deg);transform:rotate(7.07593deg)}
50%{opacity:1;bottom:438.05739px;left:344.50894px;-webkit-transform:rotate(27.42959deg);transform:rotate(27.42959deg)}
60%{opacity:1;bottom:561.66887px;left:393.28248px;-webkit-transform:rotate(29.30377deg);transform:rotate(29.30377deg)}
70%{opacity:1;bottom:697.28035px;left:446.05602px;-webkit-transform:rotate(63.62713deg);transform:rotate(63.62713deg)}
80%{opacity:1;bottom:844.89183px;left:502.82956px;-webkit-transform:rotate(19.48257deg);transform:rotate(19.48257deg)}
90%{opacity:1;bottom:1004.50331px;left:563.6031px;-webkit-transform:rotate(51.78215deg);transform:rotate(51.78215deg)}
100%{opacity:0;bottom:1176.11478px;left:628.37664px;-webkit-transform:rotate(33.46212deg);transform:rotate(33.46212deg)}}
@keyframes fly9{00%{opacity:0;bottom:0;left:160.64124px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
10%{opacity:1;bottom:63.61148px;left:189.41478px;-webkit-transform:rotate(4.3343deg);transform:rotate(4.3343deg)}
20%{opacity:1;bottom:139.22296px;left:222.18832px;-webkit-transform:rotate(15.27829deg);transform:rotate(15.27829deg)}
30%{opacity:1;bottom:226.83444px;left:258.96186px;-webkit-transform:rotate(29.15181deg);transform:rotate(29.15181deg)}
40%{opacity:1;bottom:326.44591px;left:299.7354px;-webkit-transform:rotate(7.07593deg);transform:rotate(7.07593deg)}
50%{opacity:1;bottom:438.05739px;left:344.50894px;-webkit-transform:rotate(27.42959deg);transform:rotate(27.42959deg)}
60%{opacity:1;bottom:561.66887px;left:393.28248px;-webkit-transform:rotate(29.30377deg);transform:rotate(29.30377deg)}
70%{opacity:1;bottom:697.28035px;left:446.05602px;-webkit-transform:rotate(63.62713deg);transform:rotate(63.62713deg)}
80%{opacity:1;bottom:844.89183px;left:502.82956px;-webkit-transform:rotate(19.48257deg);transform:rotate(19.48257deg)}
90%{opacity:1;bottom:1004.50331px;left:563.6031px;-webkit-transform:rotate(51.78215deg);transform:rotate(51.78215deg)}
100%{opacity:0;bottom:1176.11478px;left:628.37664px;-webkit-transform:rotate(33.46212deg);transform:rotate(33.46212deg)}}
.bg .mao-10{background:url(/static/img/rings/yyyy/mao-4.png) no-repeat top center;width:114px;height:149px;position:absolute;bottom:0;opacity:0;left:0;-webkit-animation:fly10 10s linear infinite;animation:fly10 10s linear infinite;-webkit-animation-delay:4s;animation-delay:4s}
@-webkit-keyframes fly10{00%{opacity:0;bottom:50px;left:96.10077px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
10%{opacity:1;bottom:101.13695px;left:114.11757px;-webkit-transform:rotate(1.85933deg);transform:rotate(1.85933deg)}
20%{opacity:1;bottom:164.2739px;left:136.13436px;-webkit-transform:rotate(5.52786deg);transform:rotate(5.52786deg)}
30%{opacity:1;bottom:239.41085px;left:162.15116px;-webkit-transform:rotate(12.05692deg);transform:rotate(12.05692deg)}
40%{opacity:1;bottom:326.5478px;left:192.16795px;-webkit-transform:rotate(8.08782deg);transform:rotate(8.08782deg)}
50%{opacity:1;bottom:425.68475px;left:226.18475px;-webkit-transform:rotate(6.41822deg);transform:rotate(6.41822deg)}
60%{opacity:1;bottom:536.8217px;left:264.20154px;-webkit-transform:rotate(5.62833deg);transform:rotate(5.62833deg)}
70%{opacity:1;bottom:659.95865px;left:306.21834px;-webkit-transform:rotate(65.08137deg);transform:rotate(65.08137deg)}
80%{opacity:1;bottom:795.0956px;left:352.23514px;-webkit-transform:rotate(29.01702deg);transform:rotate(29.01702deg)}
90%{opacity:1;bottom:942.23255px;left:402.25193px;-webkit-transform:rotate(16.84138deg);transform:rotate(16.84138deg)}
100%{opacity:0;bottom:1101.3695px;left:456.26873px;-webkit-transform:rotate(94.31408deg);transform:rotate(94.31408deg)}}
@keyframes fly10{00%{opacity:0;bottom:50px;left:96.10077px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
10%{opacity:1;bottom:101.13695px;left:114.11757px;-webkit-transform:rotate(1.85933deg);transform:rotate(1.85933deg)}
20%{opacity:1;bottom:164.2739px;left:136.13436px;-webkit-transform:rotate(5.52786deg);transform:rotate(5.52786deg)}
30%{opacity:1;bottom:239.41085px;left:162.15116px;-webkit-transform:rotate(12.05692deg);transform:rotate(12.05692deg)}
40%{opacity:1;bottom:326.5478px;left:192.16795px;-webkit-transform:rotate(8.08782deg);transform:rotate(8.08782deg)}
50%{opacity:1;bottom:425.68475px;left:226.18475px;-webkit-transform:rotate(6.41822deg);transform:rotate(6.41822deg)}
60%{opacity:1;bottom:536.8217px;left:264.20154px;-webkit-transform:rotate(5.62833deg);transform:rotate(5.62833deg)}
70%{opacity:1;bottom:659.95865px;left:306.21834px;-webkit-transform:rotate(65.08137deg);transform:rotate(65.08137deg)}
80%{opacity:1;bottom:795.0956px;left:352.23514px;-webkit-transform:rotate(29.01702deg);transform:rotate(29.01702deg)}
90%{opacity:1;bottom:942.23255px;left:402.25193px;-webkit-transform:rotate(16.84138deg);transform:rotate(16.84138deg)}
100%{opacity:0;bottom:1101.3695px;left:456.26873px;-webkit-transform:rotate(94.31408deg);transform:rotate(94.31408deg)}}
.bg .mao-11{background:url(/static/img/rings/yyyy/mao-4.png) no-repeat top center;width:114px;height:149px;position:absolute;bottom:0;opacity:0;left:0;-webkit-animation:fly11 10s linear infinite;animation:fly11 10s linear infinite;-webkit-animation-delay:4s;animation-delay:4s}
@-webkit-keyframes fly11{00%{opacity:0;bottom:40px;left:459.50455px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
10%{opacity:1;bottom:70.40814px;left:538.08864px;-webkit-transform:rotate(8.87623deg);transform:rotate(8.87623deg)}
20%{opacity:1;bottom:112.81628px;left:620.67273px;-webkit-transform:rotate(18.70116deg);transform:rotate(18.70116deg)}
30%{opacity:1;bottom:167.22442px;left:707.25683px;-webkit-transform:rotate(10.01117deg);transform:rotate(10.01117deg)}
40%{opacity:1;bottom:233.63256px;left:797.84092px;-webkit-transform:rotate(29.19625deg);transform:rotate(29.19625deg)}
50%{opacity:1;bottom:312.04069px;left:892.42501px;-webkit-transform:rotate(5.43319deg);transform:rotate(5.43319deg)}
60%{opacity:1;bottom:402.44883px;left:991.0091px;-webkit-transform:rotate(3.30592deg);transform:rotate(3.30592deg)}
70%{opacity:1;bottom:504.85697px;left:1093.59319px;-webkit-transform:rotate(36.86899deg);transform:rotate(36.86899deg)}
80%{opacity:1;bottom:619.26511px;left:1200.17728px;-webkit-transform:rotate(23.48772deg);transform:rotate(23.48772deg)}
90%{opacity:1;bottom:745.67325px;left:1310.76138px;-webkit-transform:rotate(89.81348deg);transform:rotate(89.81348deg)}
100%{opacity:0;bottom:884.08139px;left:1425.34547px;-webkit-transform:rotate(78.82833deg);transform:rotate(78.82833deg)}}
@keyframes fly11{00%{opacity:0;bottom:40px;left:459.50455px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
10%{opacity:1;bottom:70.40814px;left:538.08864px;-webkit-transform:rotate(8.87623deg);transform:rotate(8.87623deg)}
20%{opacity:1;bottom:112.81628px;left:620.67273px;-webkit-transform:rotate(18.70116deg);transform:rotate(18.70116deg)}
30%{opacity:1;bottom:167.22442px;left:707.25683px;-webkit-transform:rotate(10.01117deg);transform:rotate(10.01117deg)}
40%{opacity:1;bottom:233.63256px;left:797.84092px;-webkit-transform:rotate(29.19625deg);transform:rotate(29.19625deg)}
50%{opacity:1;bottom:312.04069px;left:892.42501px;-webkit-transform:rotate(5.43319deg);transform:rotate(5.43319deg)}
60%{opacity:1;bottom:402.44883px;left:991.0091px;-webkit-transform:rotate(3.30592deg);transform:rotate(3.30592deg)}
70%{opacity:1;bottom:504.85697px;left:1093.59319px;-webkit-transform:rotate(36.86899deg);transform:rotate(36.86899deg)}
80%{opacity:1;bottom:619.26511px;left:1200.17728px;-webkit-transform:rotate(23.48772deg);transform:rotate(23.48772deg)}
90%{opacity:1;bottom:745.67325px;left:1310.76138px;-webkit-transform:rotate(89.81348deg);transform:rotate(89.81348deg)}
100%{opacity:0;bottom:884.08139px;left:1425.34547px;-webkit-transform:rotate(78.82833deg);transform:rotate(78.82833deg)}}
.bg .mao-12{background:url(/static/img/rings/yyyy/mao-4.png) no-repeat top center;width:114px;height:149px;position:absolute;bottom:0;left:400px;-webkit-animation:fly12 10s linear infinite;animation:fly12 10s linear infinite;-webkit-animation-delay:4s;animation-delay:4s}
@-webkit-keyframes fly12{00%{opacity:0;bottom:20px;left:738.25068px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
10%{opacity:1;bottom:54.27407px;left:796.62579px;-webkit-transform:rotate(3.39443deg);transform:rotate(3.39443deg)}
20%{opacity:1;bottom:100.54813px;left:859.0009px;-webkit-transform:rotate(5.65463deg);transform:rotate(5.65463deg)}
30%{opacity:1;bottom:158.8222px;left:925.37601px;-webkit-transform:rotate(4.72362deg);transform:rotate(4.72362deg)}
40%{opacity:1;bottom:229.09627px;left:995.75113px;-webkit-transform:rotate(20.17317deg);transform:rotate(20.17317deg)}
50%{opacity:1;bottom:311.37034px;left:1070.12624px;-webkit-transform:rotate(47.8422deg);transform:rotate(47.8422deg)}
60%{opacity:1;bottom:405.6444px;left:1148.50135px;-webkit-transform:rotate(10.76174deg);transform:rotate(10.76174deg)}
70%{opacity:1;bottom:511.91847px;left:1230.87646px;-webkit-transform:rotate(18.67278deg);transform:rotate(18.67278deg)}
80%{opacity:1;bottom:630.19254px;left:1317.25158px;-webkit-transform:rotate(10.66815deg);transform:rotate(10.66815deg)}
90%{opacity:1;bottom:760.46661px;left:1407.62669px;-webkit-transform:rotate(0.98113deg);transform:rotate(0.98113deg)}
100%{opacity:0;bottom:902.74067px;left:1502.0018px;-webkit-transform:rotate(70.94132deg);transform:rotate(70.94132deg)}}
@keyframes fly12{00%{opacity:0;bottom:20px;left:738.25068px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
10%{opacity:1;bottom:54.27407px;left:796.62579px;-webkit-transform:rotate(3.39443deg);transform:rotate(3.39443deg)}
20%{opacity:1;bottom:100.54813px;left:859.0009px;-webkit-transform:rotate(5.65463deg);transform:rotate(5.65463deg)}
30%{opacity:1;bottom:158.8222px;left:925.37601px;-webkit-transform:rotate(4.72362deg);transform:rotate(4.72362deg)}
40%{opacity:1;bottom:229.09627px;left:995.75113px;-webkit-transform:rotate(20.17317deg);transform:rotate(20.17317deg)}
50%{opacity:1;bottom:311.37034px;left:1070.12624px;-webkit-transform:rotate(47.8422deg);transform:rotate(47.8422deg)}
60%{opacity:1;bottom:405.6444px;left:1148.50135px;-webkit-transform:rotate(10.76174deg);transform:rotate(10.76174deg)}
70%{opacity:1;bottom:511.91847px;left:1230.87646px;-webkit-transform:rotate(18.67278deg);transform:rotate(18.67278deg)}
80%{opacity:1;bottom:630.19254px;left:1317.25158px;-webkit-transform:rotate(10.66815deg);transform:rotate(10.66815deg)}
90%{opacity:1;bottom:760.46661px;left:1407.62669px;-webkit-transform:rotate(0.98113deg);transform:rotate(0.98113deg)}
100%{opacity:0;bottom:902.74067px;left:1502.0018px;-webkit-transform:rotate(70.94132deg);transform:rotate(70.94132deg)}}
.hover:hover,.nav-out .fb-btn:hover,.nav-out .twi-btn:hover,.nav .open:hover,.nav .close:hover,.home .play:hover,.login-group .fb-login:hover,.login-group .other-login:hover,.login-group .twi-login:hover,.progress-group-btn:hover,.yy-popup .yy:hover,.popups .popup-cancle:hover{cursor:pointer;-webkit-filter:brightness(1.1);filter:brightness(1.1)}
.nav{background:url(/static/img/rings/yyyy/nav-bg.png) no-repeat top center;width:220px;height:627px;position:fixed;top:0;bottom:0;right:20px;margin:auto;text-align:center;z-index:1000;-webkit-transition:all .3s;transition:all .3s}
.nav .title,.nav-a{color:#a5955b;font-size:20px}
.nav .title{margin-top:40px}
.nav-a{display:block;width:200px;height:63px;line-height:63px;margin:auto;text-decoration:none}
.nav-a i{width:20px;height:20px;display:inline-block;margin-right:2px;background-repeat: no-repeat;}
.nav-a:hover{cursor:pointer;background-repeat: no-repeat;}
.nav-a.cur{color:#f3d8a3;background-repeat: no-repeat;}
.nav-out{padding-bottom:10px;border-bottom:1px solid #5e6639;margin:auto 30px}
.nav-out .fb-btn{width:38px;height:38px;margin:auto 5px;background-repeat: no-repeat;}
.nav-out .twi-btn{width:38px;height:38px;margin:auto 5px;background-repeat: no-repeat;}
.nav .apple-btn{width:137px;height:41px;display:block;margin:8px auto auto;cursor:auto;background-repeat: no-repeat;}
.nav .google-btn{width:137px;height:41px;display:block;margin:8px auto auto;cursor:auto;background-repeat: no-repeat;}
.nav .apk-btn{width:137px;height:41px;display:block;margin:8px auto auto;cursor:auto;background-repeat: no-repeat;}
.nav-toggle{position:absolute;width:20px;height:41px;top:0;bottom:0;margin:auto;left:-20px}
.nav .open{background-repeat: no-repeat;}
.nav .close{background-repeat: no-repeat;}
.hideNav{-webkit-transform:translateX(240px);-ms-transform:translateX(240px);transform:translateX(240px)}
.container{width:1200px;margin:auto;position:relative;text-align:center}
.home .play{width:77px;height:76px;margin:490px 600px auto auto;position:relative;-webkit-animation:rotating 6s infinite linear;animation:rotating 6s infinite linear;background-repeat: no-repeat;}
.home .tra{width:14px;height:19px;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;-webkit-animation:rotating1 6s infinite linear;animation:rotating1 6s infinite linear;background-repeat: no-repeat;}
.home .go-website{width:544px;height:50px;display:block;margin:10px auto auto}
.login-group{margin-top:120px}
.login-group .fb-login{width:352px;height:119px;display:inline-block;margin:auto 20px;vertical-align:top;background-repeat: no-repeat;}
.login-group .other-login{width:352px;height:119px;display:inline-block;margin:auto 20px;vertical-align:top;background-repeat: no-repeat;}
.login-group .twi-login{width:352px;height:119px;display:inline-block;margin:auto 20px;vertical-align:top;background-repeat: no-repeat;}
.login-group .fb-login,.login-group .twi-login{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}
.progress{margin-top:308px}
.progress-group{height:307px;width:1100px;margin:auto;position:relative}
.progress-group-btn{position:absolute}
.progress-group .bar-btn-1{background:url(/static/img/rings/yyyy/bar-step-1.png) no-repeat top center;width:204px;height:307px;display:inline-block;top:0}
.progress-group .bar-btn-2{background:url(/static/img/rings/yyyy/bar-step-2.png) no-repeat top center;width:204px;height:307px;display:inline-block;top:0}
.progress-group .bar-btn-3{background:url(/static/img/rings/yyyy/bar-step-3.png) no-repeat top center;width:204px;height:307px;display:inline-block;top:0}
.progress-group .bar-btn-4{background:url(/static/img/rings/yyyy/bar-step-4.png) no-repeat top center;width:204px;height:307px;display:inline-block;top:0}
.progress-group .bar-btn-5{background:url(/static/img/rings/yyyy/bar-step-5.png) no-repeat top center;width:204px;height:307px;display:inline-block;top:0}
.progress-group .bar-btn-1{left:0;height:319px}
.progress-group .bar-btn-2{left:50px;top:410px}
.progress-group .bar-btn-3{left:248px;height:319px;top:-13px}
.progress-group .bar-btn-4{top:410px;left:540px}
.progress-group .bar-btn-5{height:326px;right:-46px;top:-20px}
.progress-bar{background:url(/static/img/rings/yyyy/bar-kuang.png) no-repeat top center;width:1060px;height:74px;margin:auto;position:relative}
.progress-bar-blood{background:url(/static/img/rings/yyyy/bar-blood.png) no-repeat top center;height:202px;position:absolute;left:38px;margin:auto;top:-53px;-webkit-transition:all .3s;transition:all .3s;width:0}
.progress-bar-state{position:absolute;width:49px;height:57px}
.progress-bar .unfinish{top:20px;z-index:10;background-repeat: no-repeat;}
.progress-bar .bar-state-5{right:8px}
.progress-bar .bar-state-4{right:408px}
.progress-bar .bar-state-3{left:308px}
.progress-bar .bar-state-2{left:112px}
.progress-bar .bar-state-1{left:62px}
.progress-bar .finish{width:29px;height:34px;position:absolute;z-index:100;top:31px;display:none;background-repeat: no-repeat;}
.progress-bar .finish-1{left:74px}
.progress-bar .finish-2{left:122px}
.progress-bar .finish-3{left:318px}
.progress-bar .finish-4{right:418px}
.progress-bar .finish-5{right:18px}
.character{margin-top:340px}
.character-nav{position:absolute;width:196px;height:616px;top:340px;z-index:500}
.character-nav .character-fa-btn{width:109px;height:114px;display:block;position:absolute;background-repeat: no-repeat;}
.character-nav .character-fa-btn:hover{width:157px;height:164px;cursor:pointer;background-repeat: no-repeat;}
.character-nav .character-fa-btn.cur{width:157px;height:164px;background-repeat: no-repeat;}
.character-nav .character-gong-btn{width:109px;height:114px;display:block;position:absolute;background-repeat: no-repeat;}
.character-nav .character-gong-btn:hover{width:157px;height:164px;cursor:pointer;background-repeat: no-repeat;}
.character-nav .character-gong-btn.cur{width:157px;height:164px;background-repeat: no-repeat;}
.character-nav .character-zhan-btn{width:109px;height:114px;display:block;position:absolute;background-repeat: no-repeat;}
.character-nav .character-zhan-btn:hover{width:157px;height:164px;cursor:pointer;background-repeat: no-repeat;}
.character-nav .character-zhan-btn.cur{width:157px;height:164px;background-repeat: no-repeat;}
.character-nav .character-gong-btn{top:0;left:30px}
.character-nav .character-gong-btn:hover{top:-25px;left:6px}
.character-nav .character-zhan-btn{top:222px;left:0}
.character-nav .character-zhan-btn:hover{top:197px;left:-24px}
.character-nav .character-fa-btn{top:450px;left:30px}
.character-nav .character-fa-btn:hover{left:6px;top:425px}
.character-nav .character-gong-btn.cur{top:-25px;left:6px}
.character-nav .character-zhan-btn.cur{top:197px;left:-24px}
.character-nav .character-fa-btn.cur{left:6px;top:425px}
.character-box{text-align:center;height:1236px;overflow:hidden;position:relative;width:1650px}
.character-box-content{text-align:left;width:1170px;display:none;left:180px;height:1236px;top:400px;position:absolute}
.character-box-content .title{color:#8f7c3c;font-size:95px}
.character-box-content .info{font-size:30px;color:#8f7c3c;line-height:60px}
.character-box-content .star{width:197px;height:37px;display:inline-block;vertical-align:sub;background-repeat: no-repeat;}
.character-box-content p{font-size:24px;color:#333;line-height:50px}
.character-box-content-pic{display:inline-block;position:absolute}
.character-box-content .character-fa{background:url(/static/img/rings/yyyy/fa-pic.png) no-repeat top center;position:absolute}
.character-box-content .character-gong{background:url(/static/img/rings/yyyy/gong-pic.png) no-repeat top center;position:absolute}
.character-box-content .character-zhan{background:url(/static/img/rings/yyyy/zhan-pic.png) no-repeat top center;position:absolute}
.character-box-content .character-fa{width:854px;height:1236px;top:-400px;right:-40px}
.character-box-content .character-gong{width:846px;height:1065px;right:-140px;top:-390px}
.character-box-content .character-zhan{width:1040px;height:942px;top:-300px;right:-200px}
.character-box .cur{display:inline-block}
.prop{text-align:center}
.prop-text{width:964px;color:#333;font-size:20px;line-height:36px;margin:auto;font-weight:100}
.prop-box{margin-top:50px;height:450px}
.prop-box-content{position:absolute;right:0;left:0;margin:auto;display:none}
.prop-box-content .box{text-align:left;width:615px;height:450px;display:inline-block;vertical-align:middle;overflow-y:scroll}
.prop-box-content .pic{vertical-align:middle;display:inline-block;width:347px;height:381px;margin-right:80px;background:url(/static/img/rings/yyyy/character-kuang.png) no-repeat top center;position:relative}
.prop-box-content .pic .pic-1{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background:url(/static/img/rings/yyyy/prop-1.png) no-repeat top center;width:300px;height:300px}
.prop-box-content .pic .pic-2{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background:url(/static/img/rings/yyyy/prop-2.png) no-repeat top center;width:300px;height:300px}
.prop-box-content .pic .pic-3{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background:url(/static/img/rings/yyyy/prop-3.png) no-repeat top center;width:300px;height:300px}
.prop-box-content .pic .pic-4{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background:url(/static/img/rings/yyyy/prop-4.png) no-repeat top center;width:300px;height:300px}
.prop-box-content .pic .pic-5{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background:url(/static/img/rings/yyyy/prop-5.png) no-repeat top center;width:300px;height:300px}
.prop-box-content .pic .pic-6{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background:url(/static/img/rings/yyyy/prop-6.png) no-repeat top center;width:300px;height:300px}
.prop-box-content .pic .pic-7{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background:url(/static/img/rings/yyyy/prop-7.png) no-repeat top center;width:300px;height:300px}
.prop-box-content .pic .pic-8{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background:url(/static/img/rings/yyyy/prop-8.png) no-repeat top center;width:300px;height:300px}
.prop-box-content .pic .pic-9{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background:url(/static/img/rings/yyyy/prop-9.png) no-repeat top center;width:300px;height:300px}
.prop-box-content .pic .pic-10{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background:url(/static/img/rings/yyyy/prop-10.png) no-repeat top center;width:300px;height:300px}
.prop-box-content .pic .pic-11{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background:url(/static/img/rings/yyyy/prop-11.png) no-repeat top center;width:300px;height:300px}
.prop-box-content .title{font-size:48px;color:#8f7c3c;margin-bottom:36px}
.prop-box-content p{font-size:18px;color:#333;line-height:32px;margin-bottom:45px}
.prop-box-content .info{color:#8f7c3c;font-size:26px;line-height:50px;margin-bottom:16px}
.prop-box .cur{display:inline-block}
.prop-nav{background:url(/static/img/rings/yyyy/character-bg.png) no-repeat top center;width:990px;height:147px;margin:62px auto auto;text-align:center;padding:0 10px;position:relative}
.prop-nav-btn{width:88px;height:88px;float:left;margin:40px 1px auto;position:relative;-webkit-transition:.3s;transition:.3s}
.prop-nav-btn:hover{background:url(/static/img/rings/yyyy/character-btn-h.png) no-repeat top center;cursor:pointer}
.prop-nav .first{margin-left:7px}
.prop-nav .cur{background:url(/static/img/rings/yyyy/character-btn-h.png) no-repeat top center;width:88px;height:88px}
.prop-nav .prop-btn-1{width:62px;height:42px;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;background-repeat: no-repeat;}
.prop-nav .prop-btn-2{width:62px;height:42px;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;background-repeat: no-repeat;}
.prop-nav .prop-btn-3{width:62px;height:42px;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;background-repeat: no-repeat;}
.prop-nav .prop-btn-4{width:62px;height:42px;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;background-repeat: no-repeat;}
.prop-nav .prop-btn-5{width:62px;height:42px;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;background-repeat: no-repeat;}
.prop-nav .prop-btn-6{width:62px;height:42px;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;background-repeat: no-repeat;}
.prop-nav .prop-btn-7{width:62px;height:42px;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;background-repeat: no-repeat;}
.prop-nav .prop-btn-8{width:62px;height:42px;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;background-repeat: no-repeat;}
.prop-nav .prop-btn-9{width:62px;height:42px;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;background-repeat: no-repeat;}
.prop-nav .prop-btn-10{width:62px;height:42px;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;background-repeat: no-repeat;}
.prop-nav .prop-btn-11{width:62px;height:42px;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;background-repeat: no-repeat;}
.prop-nav .pre-btn{top:60px;position:absolute;left:-30px}
.prop-nav .next-btn{top:60px;position:absolute;right:-30px}
.prop .anima-2 .prop-nav-btn-1{-webkit-transform:translateX(-90px);-ms-transform:translateX(-90px);transform:translateX(-90px)}
.prop .anima-2 .prop-nav-btn-2{-webkit-transform:translateX(-90px);-ms-transform:translateX(-90px);transform:translateX(-90px)}
.prop .anima-2 .prop-nav-btn-3{-webkit-transform:translateX(-90px);-ms-transform:translateX(-90px);transform:translateX(-90px)}
.prop .anima-2 .prop-nav-btn-4{-webkit-transform:translateX(-90px);-ms-transform:translateX(-90px);transform:translateX(-90px)}
.prop .anima-2 .prop-nav-btn-5{-webkit-transform:translateX(-90px);-ms-transform:translateX(-90px);transform:translateX(-90px)}
.prop .anima-2 .prop-nav-btn-6{-webkit-transform:translateX(-90px);-ms-transform:translateX(-90px);transform:translateX(-90px)}
.prop .anima-2 .prop-nav-btn-7{-webkit-transform:translateX(900px);-ms-transform:translateX(900px);transform:translateX(900px)}
.prop .anima-2 .prop-nav-btn-8{-webkit-transform:translateX(-90px);-ms-transform:translateX(-90px);transform:translateX(-90px)}
.prop .anima-2 .prop-nav-btn-9{-webkit-transform:translateX(-90px);-ms-transform:translateX(-90px);transform:translateX(-90px)}
.prop .anima-2 .prop-nav-btn-10{-webkit-transform:translateX(-90px);-ms-transform:translateX(-90px);transform:translateX(-90px)}
.prop .anima-2 .prop-nav-btn-11{-webkit-transform:translateX(-90px);-ms-transform:translateX(-90px);transform:translateX(-90px)}
.prop .anima-3 .prop-nav-btn-1{-webkit-transform:translateX(-180px);-ms-transform:translateX(-180px);transform:translateX(-180px)}
.prop .anima-3 .prop-nav-btn-2{-webkit-transform:translateX(-180px);-ms-transform:translateX(-180px);transform:translateX(-180px)}
.prop .anima-3 .prop-nav-btn-3{-webkit-transform:translateX(-180px);-ms-transform:translateX(-180px);transform:translateX(-180px)}
.prop .anima-3 .prop-nav-btn-4{-webkit-transform:translateX(-180px);-ms-transform:translateX(-180px);transform:translateX(-180px)}
.prop .anima-3 .prop-nav-btn-5{-webkit-transform:translateX(-180px);-ms-transform:translateX(-180px);transform:translateX(-180px)}
.prop .anima-3 .prop-nav-btn-6{-webkit-transform:translateX(-180px);-ms-transform:translateX(-180px);transform:translateX(-180px)}
.prop .anima-3 .prop-nav-btn-7{-webkit-transform:translateX(810px);-ms-transform:translateX(810px);transform:translateX(810px)}
.prop .anima-3 .prop-nav-btn-8{-webkit-transform:translateX(810px);-ms-transform:translateX(810px);transform:translateX(810px)}
.prop .anima-3 .prop-nav-btn-9{-webkit-transform:translateX(-180px);-ms-transform:translateX(-180px);transform:translateX(-180px)}
.prop .anima-3 .prop-nav-btn-10{-webkit-transform:translateX(-180px);-ms-transform:translateX(-180px);transform:translateX(-180px)}
.prop .anima-3 .prop-nav-btn-11{-webkit-transform:translateX(-180px);-ms-transform:translateX(-180px);transform:translateX(-180px)}
.prop .anima-4 .prop-nav-btn-1{-webkit-transform:translateX(-270px);-ms-transform:translateX(-270px);transform:translateX(-270px)}
.prop .anima-4 .prop-nav-btn-2{-webkit-transform:translateX(-270px);-ms-transform:translateX(-270px);transform:translateX(-270px)}
.prop .anima-4 .prop-nav-btn-3{-webkit-transform:translateX(-270px);-ms-transform:translateX(-270px);transform:translateX(-270px)}
.prop .anima-4 .prop-nav-btn-4{-webkit-transform:translateX(-270px);-ms-transform:translateX(-270px);transform:translateX(-270px)}
.prop .anima-4 .prop-nav-btn-5{-webkit-transform:translateX(-270px);-ms-transform:translateX(-270px);transform:translateX(-270px)}
.prop .anima-4 .prop-nav-btn-6{-webkit-transform:translateX(-270px);-ms-transform:translateX(-270px);transform:translateX(-270px)}
.prop .anima-4 .prop-nav-btn-7{-webkit-transform:translateX(720px);-ms-transform:translateX(720px);transform:translateX(720px)}
.prop .anima-4 .prop-nav-btn-8{-webkit-transform:translateX(720px);-ms-transform:translateX(720px);transform:translateX(720px)}
.prop .anima-4 .prop-nav-btn-9{-webkit-transform:translateX(720px);-ms-transform:translateX(720px);transform:translateX(720px)}
.prop .anima-4 .prop-nav-btn-10{-webkit-transform:translateX(-270px);-ms-transform:translateX(-270px);transform:translateX(-270px)}
.prop .anima-4 .prop-nav-btn-11{-webkit-transform:translateX(-270px);-ms-transform:translateX(-270px);transform:translateX(-270px)}
.prop .anima-5 .prop-nav-btn-1{-webkit-transform:translateX(-360px);-ms-transform:translateX(-360px);transform:translateX(-360px)}
.prop .anima-5 .prop-nav-btn-2{-webkit-transform:translateX(-360px);-ms-transform:translateX(-360px);transform:translateX(-360px)}
.prop .anima-5 .prop-nav-btn-3{-webkit-transform:translateX(-360px);-ms-transform:translateX(-360px);transform:translateX(-360px)}
.prop .anima-5 .prop-nav-btn-4{-webkit-transform:translateX(-360px);-ms-transform:translateX(-360px);transform:translateX(-360px)}
.prop .anima-5 .prop-nav-btn-5{-webkit-transform:translateX(-360px);-ms-transform:translateX(-360px);transform:translateX(-360px)}
.prop .anima-5 .prop-nav-btn-6{-webkit-transform:translateX(-360px);-ms-transform:translateX(-360px);transform:translateX(-360px)}
.prop .anima-5 .prop-nav-btn-7{-webkit-transform:translateX(630px);-ms-transform:translateX(630px);transform:translateX(630px)}
.prop .anima-5 .prop-nav-btn-8{-webkit-transform:translateX(630px);-ms-transform:translateX(630px);transform:translateX(630px)}
.prop .anima-5 .prop-nav-btn-9{-webkit-transform:translateX(630px);-ms-transform:translateX(630px);transform:translateX(630px)}
.prop .anima-5 .prop-nav-btn-10{-webkit-transform:translateX(630px);-ms-transform:translateX(630px);transform:translateX(630px)}
.prop .anima-5 .prop-nav-btn-11{-webkit-transform:translateX(-360px);-ms-transform:translateX(-360px);transform:translateX(-360px)}
.prop .anima-6 .prop-nav-btn-1{-webkit-transform:translateX(-450px);-ms-transform:translateX(-450px);transform:translateX(-450px)}
.prop .anima-6 .prop-nav-btn-2{-webkit-transform:translateX(-450px);-ms-transform:translateX(-450px);transform:translateX(-450px)}
.prop .anima-6 .prop-nav-btn-3{-webkit-transform:translateX(-450px);-ms-transform:translateX(-450px);transform:translateX(-450px)}
.prop .anima-6 .prop-nav-btn-4{-webkit-transform:translateX(-450px);-ms-transform:translateX(-450px);transform:translateX(-450px)}
.prop .anima-6 .prop-nav-btn-5{-webkit-transform:translateX(-450px);-ms-transform:translateX(-450px);transform:translateX(-450px)}
.prop .anima-6 .prop-nav-btn-6{-webkit-transform:translateX(-450px);-ms-transform:translateX(-450px);transform:translateX(-450px)}
.prop .anima-6 .prop-nav-btn-7{-webkit-transform:translateX(540px);-ms-transform:translateX(540px);transform:translateX(540px)}
.prop .anima-6 .prop-nav-btn-8{-webkit-transform:translateX(540px);-ms-transform:translateX(540px);transform:translateX(540px)}
.prop .anima-6 .prop-nav-btn-9{-webkit-transform:translateX(540px);-ms-transform:translateX(540px);transform:translateX(540px)}
.prop .anima-6 .prop-nav-btn-10{-webkit-transform:translateX(540px);-ms-transform:translateX(540px);transform:translateX(540px)}
.prop .anima-6 .prop-nav-btn-11{-webkit-transform:translateX(540px);-ms-transform:translateX(540px);transform:translateX(540px)}
.prop .anima-7 .prop-nav-btn-1{-webkit-transform:translateX(450px);-ms-transform:translateX(450px);transform:translateX(450px)}
.prop .anima-7 .prop-nav-btn-2{-webkit-transform:translateX(-540px);-ms-transform:translateX(-540px);transform:translateX(-540px)}
.prop .anima-7 .prop-nav-btn-3{-webkit-transform:translateX(-540px);-ms-transform:translateX(-540px);transform:translateX(-540px)}
.prop .anima-7 .prop-nav-btn-4{-webkit-transform:translateX(-540px);-ms-transform:translateX(-540px);transform:translateX(-540px)}
.prop .anima-7 .prop-nav-btn-5{-webkit-transform:translateX(-540px);-ms-transform:translateX(-540px);transform:translateX(-540px)}
.prop .anima-7 .prop-nav-btn-6{-webkit-transform:translateX(-540px);-ms-transform:translateX(-540px);transform:translateX(-540px)}
.prop .anima-7 .prop-nav-btn-7{-webkit-transform:translateX(450px);-ms-transform:translateX(450px);transform:translateX(450px)}
.prop .anima-7 .prop-nav-btn-8{-webkit-transform:translateX(450px);-ms-transform:translateX(450px);transform:translateX(450px)}
.prop .anima-7 .prop-nav-btn-9{-webkit-transform:translateX(450px);-ms-transform:translateX(450px);transform:translateX(450px)}
.prop .anima-7 .prop-nav-btn-10{-webkit-transform:translateX(450px);-ms-transform:translateX(450px);transform:translateX(450px)}
.prop .anima-7 .prop-nav-btn-11{-webkit-transform:translateX(450px);-ms-transform:translateX(450px);transform:translateX(450px)}
.prop .anima-8 .prop-nav-btn-1{-webkit-transform:translateX(360px);-ms-transform:translateX(360px);transform:translateX(360px)}
.prop .anima-8 .prop-nav-btn-2{-webkit-transform:translateX(360px);-ms-transform:translateX(360px);transform:translateX(360px)}
.prop .anima-8 .prop-nav-btn-3{-webkit-transform:translateX(-630px);-ms-transform:translateX(-630px);transform:translateX(-630px)}
.prop .anima-8 .prop-nav-btn-4{-webkit-transform:translateX(-630px);-ms-transform:translateX(-630px);transform:translateX(-630px)}
.prop .anima-8 .prop-nav-btn-5{-webkit-transform:translateX(-630px);-ms-transform:translateX(-630px);transform:translateX(-630px)}
.prop .anima-8 .prop-nav-btn-6{-webkit-transform:translateX(-630px);-ms-transform:translateX(-630px);transform:translateX(-630px)}
.prop .anima-8 .prop-nav-btn-7{-webkit-transform:translateX(360px);-ms-transform:translateX(360px);transform:translateX(360px)}
.prop .anima-8 .prop-nav-btn-8{-webkit-transform:translateX(360px);-ms-transform:translateX(360px);transform:translateX(360px)}
.prop .anima-8 .prop-nav-btn-9{-webkit-transform:translateX(360px);-ms-transform:translateX(360px);transform:translateX(360px)}
.prop .anima-8 .prop-nav-btn-10{-webkit-transform:translateX(360px);-ms-transform:translateX(360px);transform:translateX(360px)}
.prop .anima-8 .prop-nav-btn-11{-webkit-transform:translateX(360px);-ms-transform:translateX(360px);transform:translateX(360px)}
.prop .anima-9 .prop-nav-btn-1{-webkit-transform:translateX(270px);-ms-transform:translateX(270px);transform:translateX(270px)}
.prop .anima-9 .prop-nav-btn-2{-webkit-transform:translateX(270px);-ms-transform:translateX(270px);transform:translateX(270px)}
.prop .anima-9 .prop-nav-btn-3{-webkit-transform:translateX(270px);-ms-transform:translateX(270px);transform:translateX(270px)}
.prop .anima-9 .prop-nav-btn-4{-webkit-transform:translateX(-720px);-ms-transform:translateX(-720px);transform:translateX(-720px)}
.prop .anima-9 .prop-nav-btn-5{-webkit-transform:translateX(-720px);-ms-transform:translateX(-720px);transform:translateX(-720px)}
.prop .anima-9 .prop-nav-btn-6{-webkit-transform:translateX(-720px);-ms-transform:translateX(-720px);transform:translateX(-720px)}
.prop .anima-9 .prop-nav-btn-7{-webkit-transform:translateX(270px);-ms-transform:translateX(270px);transform:translateX(270px)}
.prop .anima-9 .prop-nav-btn-8{-webkit-transform:translateX(270px);-ms-transform:translateX(270px);transform:translateX(270px)}
.prop .anima-9 .prop-nav-btn-9{-webkit-transform:translateX(270px);-ms-transform:translateX(270px);transform:translateX(270px)}
.prop .anima-9 .prop-nav-btn-10{-webkit-transform:translateX(270px);-ms-transform:translateX(270px);transform:translateX(270px)}
.prop .anima-9 .prop-nav-btn-11{-webkit-transform:translateX(270px);-ms-transform:translateX(270px);transform:translateX(270px)}
.prop .anima-10 .prop-nav-btn-1{-webkit-transform:translateX(180px);-ms-transform:translateX(180px);transform:translateX(180px)}
.prop .anima-10 .prop-nav-btn-2{-webkit-transform:translateX(180px);-ms-transform:translateX(180px);transform:translateX(180px)}
.prop .anima-10 .prop-nav-btn-3{-webkit-transform:translateX(180px);-ms-transform:translateX(180px);transform:translateX(180px)}
.prop .anima-10 .prop-nav-btn-4{-webkit-transform:translateX(180px);-ms-transform:translateX(180px);transform:translateX(180px)}
.prop .anima-10 .prop-nav-btn-5{-webkit-transform:translateX(-810px);-ms-transform:translateX(-810px);transform:translateX(-810px)}
.prop .anima-10 .prop-nav-btn-6{-webkit-transform:translateX(-810px);-ms-transform:translateX(-810px);transform:translateX(-810px)}
.prop .anima-10 .prop-nav-btn-7{-webkit-transform:translateX(180px);-ms-transform:translateX(180px);transform:translateX(180px)}
.prop .anima-10 .prop-nav-btn-8{-webkit-transform:translateX(180px);-ms-transform:translateX(180px);transform:translateX(180px)}
.prop .anima-10 .prop-nav-btn-9{-webkit-transform:translateX(180px);-ms-transform:translateX(180px);transform:translateX(180px)}
.prop .anima-10 .prop-nav-btn-10{-webkit-transform:translateX(180px);-ms-transform:translateX(180px);transform:translateX(180px)}
.prop .anima-10 .prop-nav-btn-11{-webkit-transform:translateX(180px);-ms-transform:translateX(180px);transform:translateX(180px)}
.prop .anima-11 .prop-nav-btn-1{-webkit-transform:translateX(90px);-ms-transform:translateX(90px);transform:translateX(90px)}
.prop .anima-11 .prop-nav-btn-2{-webkit-transform:translateX(90px);-ms-transform:translateX(90px);transform:translateX(90px)}
.prop .anima-11 .prop-nav-btn-3{-webkit-transform:translateX(90px);-ms-transform:translateX(90px);transform:translateX(90px)}
.prop .anima-11 .prop-nav-btn-4{-webkit-transform:translateX(90px);-ms-transform:translateX(90px);transform:translateX(90px)}
.prop .anima-11 .prop-nav-btn-5{-webkit-transform:translateX(90px);-ms-transform:translateX(90px);transform:translateX(90px)}
.prop .anima-11 .prop-nav-btn-6{-webkit-transform:translateX(-900px);-ms-transform:translateX(-900px);transform:translateX(-900px)}
.prop .anima-11 .prop-nav-btn-7{-webkit-transform:translateX(90px);-ms-transform:translateX(90px);transform:translateX(90px)}
.prop .anima-11 .prop-nav-btn-8{-webkit-transform:translateX(90px);-ms-transform:translateX(90px);transform:translateX(90px)}
.prop .anima-11 .prop-nav-btn-9{-webkit-transform:translateX(90px);-ms-transform:translateX(90px);transform:translateX(90px)}
.prop .anima-11 .prop-nav-btn-10{-webkit-transform:translateX(90px);-ms-transform:translateX(90px);transform:translateX(90px)}
.prop .anima-11 .prop-nav-btn-11{-webkit-transform:translateX(90px);-ms-transform:translateX(90px);transform:translateX(90px)}
.carousel{width:1125px;height:557px;margin-top:180px}
.carousel li{position:absolute;background:url(/static/img/rings/yyyy/carousel-kuang.png) no-repeat top center;width:902px;height:542px}
.carousel img{width:94%;margin-top:5%}
.carousel div{position:relative}
.carousel .pre-btn{top:0;bottom:0;margin:auto;position:absolute;left:80px}
.carousel .next-btn{top:0;bottom:0;margin:auto;position:absolute;right:80px}
.second{margin-top:75px}
.yy-popup .input{margin-top:56px;border:1px solid #a5955b;background-color:#9e9e9e;text-align:center;height:60px;width:480px;line-height:60px;font-size:30px;outline:0}
.yy-popup p{margin-top:15px;color:#333;font-size:16px}
.yy-popup .select{width:18px;height:18px;display:inline-block;position:relative;vertical-align:sub;background-repeat: no-repeat;}
.yy-popup .gou{width:13px;height:9px;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;background-repeat: no-repeat;}
.yy-popup .yy{width:184px;height:54px;margin-top:20px;background-repeat: no-repeat;}
.yy-popup .text{text-align:left;font-size:12px;padding:0 45px;line-height:20px}
.yy-popup a span{color:#2171d2;cursor:pointer}
.bar-popup h2,.bar-popup h3{font-size:38px;color:#8f7c3c}
.bar-popup h2{margin-top:30px}
.bar-popup h3{margin:80px auto 26px}
.bar-popup h3 span{color:#e0482b}
.bar-popup p{font-size:24px;color:#333;line-height:50px}
.flash-popup{width:854px;height:480px;background:0 0}
.pact-popup p{margin-top:60px;text-align:left;padding:0 50px;font-size:16px;line-height:32px;height:360px;overflow-y:scroll}
.popups{display:none;text-align:center;width:635px;height:520px;background:url(/static/img/rings/yyyy/popup.jpg) no-repeat top center}
.popups h2,.popups h3{font-size:32px;color:#8f7c3c}
.popups h2{margin-top:30px}
.popups .popup-cancle{width:53px;height:53px;position:absolute;top:0;right:-60px;background-repeat: no-repeat;}
.pre-btn{width:42px;height:49px;background-repeat: no-repeat;}
.pre-btn:hover{cursor:pointer;background-repeat: no-repeat;}
.next-btn{width:42px;height:49px;background-repeat: no-repeat;}
.next-btn:hover{cursor:pointer;background-repeat: no-repeat;}
.twi-page{display:none}
.btn-group{display:none}
.prop-carousel{display:none}
.footer{text-align:right}
.pact-btn-w{font-size:14px;color:#333;margin-top:210px;margin-right:100px}
.pact-btn-w:hover{cursor:pointer}
.pact-btn-t{font-size:14px;color:#333;margin-top:210px;margin-right:20px}
.pact-btn-t:hover{cursor:pointer}.nav-a i{background-position:-332px 0px}.nav-a:hover{background-position:-152px -23px}.nav-a.cur{background-position:-152px -23px}.nav-out .fb-btn{background-position:-314px -89px}.nav-out .twi-btn{background-position:-314px -130px}.nav .apple-btn{background-position:-216px -171px}.nav .google-btn{background-position:-215px -214px}.nav .apk-btn{background-position:-215px -258px}.nav .open{background-position:-332px -301px}.nav .close{background-position:-332px -345px}.home .play{background-position:-275px -389px}.home .tra{background-position:-338px -468px}.login-group .fb-login{background-position:0px -490px}.login-group .other-login{background-position:0px -612px}.login-group .twi-login{background-position:0px -734px}.progress-bar .unfinish{background-position:-303px -856px}.progress-bar .finish{background-position:-323px -916px}.character-nav .character-fa-btn{background-position:-243px -953px}.character-nav .character-fa-btn:hover{background-position:-195px -1070px}.character-nav .character-fa-btn.cur{background-position:-195px -1070px}.character-nav .character-gong-btn{background-position:-243px -1237px}.character-nav .character-gong-btn:hover{background-position:-195px -1354px}.character-nav .character-gong-btn.cur{background-position:-195px -1354px}.character-nav .character-zhan-btn{background-position:-243px -1521px}.character-nav .character-zhan-btn:hover{background-position:-195px -1638px}.character-nav .character-zhan-btn.cur{background-position:-195px -1638px}.character-box-content .star{background-position:-155px -1805px}.prop-nav .prop-btn-1{background-position:-290px -1845px}.prop-nav .prop-btn-2{background-position:-290px -1890px}.prop-nav .prop-btn-3{background-position:-290px -1935px}.prop-nav .prop-btn-4{background-position:-290px -1980px}.prop-nav .prop-btn-5{background-position:-290px -2025px}.prop-nav .prop-btn-6{background-position:-290px -2070px}.prop-nav .prop-btn-7{background-position:-290px -2115px}.prop-nav .prop-btn-8{background-position:-290px -2160px}.prop-nav .prop-btn-9{background-position:-290px -2205px}.prop-nav .prop-btn-10{background-position:-290px -2250px}.prop-nav .prop-btn-11{background-position:-290px -2295px}.yy-popup .select{background-position:-334px -2340px}.yy-popup .gou{background-position:-339px -2361px}.yy-popup .yy{background-position:-168px -2373px}.popups .popup-cancle{background-position:-299px -2430px}.pre-btn{background-position:-310px -2486px}.pre-btn:hover{background-position:-310px -2538px}.next-btn{background-position:-310px -2590px}.next-btn:hover{background-position:-310px -2642px}.nav-a i,.nav-a:hover,.nav-a.cur,.nav-out .fb-btn,.nav-out .twi-btn,.nav .apple-btn,.nav .google-btn,.nav .apk-btn,.nav .open,.nav .close,.home .play,.home .tra,.login-group .fb-login,.login-group .other-login,.login-group .twi-login,.progress-bar .unfinish,.progress-bar .finish,.character-nav .character-fa-btn,.character-nav .character-fa-btn:hover,.character-nav .character-fa-btn.cur,.character-nav .character-gong-btn,.character-nav .character-gong-btn:hover,.character-nav .character-gong-btn.cur,.character-nav .character-zhan-btn,.character-nav .character-zhan-btn:hover,.character-nav .character-zhan-btn.cur,.character-box-content .star,.prop-nav .prop-btn-1,.prop-nav .prop-btn-2,.prop-nav .prop-btn-3{background-image: url(/static/scss/rings/yyyy/main_z.png)}.prop-nav .prop-btn-4,.prop-nav .prop-btn-5,.prop-nav .prop-btn-6,.prop-nav .prop-btn-7,.prop-nav .prop-btn-8,.prop-nav .prop-btn-9,.prop-nav .prop-btn-10,.prop-nav .prop-btn-11,.yy-popup .select,.yy-popup .gou,.yy-popup .yy,.popups .popup-cancle,.pre-btn,.pre-btn:hover,.next-btn,.next-btn:hover{background-image: url(/static/scss/rings/yyyy/main_z.png)}