@charset "UTF-8";
/*! Project:test, Create:ljp 2019.03.07 09:43, Update:FWS 2026.06.05 15:52 */ 

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0}
input{outline:0}
h1,h2,h3,h4,h5,h6{font-weight:400}
li,ol,ul{list-style:none}
b,strong{font-weight:700}
em,i{font-style:normal}
td,th{text-align:center}
a{color:#373737;text-decoration:none}
a:hover{text-decoration:none}
body{font:14px/1.5 microsoft yahei!important;color:#373737}
body,html{min-width:1400px;*display:inline;width:100%;margin:0 auto}
.g_wrap{width:100%;zoom:1}
.g_wrap:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.g_wrap{margin:0 auto;text-align:center}
.g_cont{width:1400px;margin:0 auto;position:relative;height:100%;text-align:left}
.g_main{height:928px;background:url(../images/bg_main.jpg) center top no-repeat}
.g_wrap--1{height:1368px;background:url(../images/bg_1.jpg) center top no-repeat}
.g_wrap--2{height:1137px;background:url(../images/bg_2.jpg) center top no-repeat}
.g_wrap--3{height:956px;background:url(../images/bg_3.jpg) center top no-repeat}
.m_logoes{position:absolute;top:20px;left:70px}
.m_logoes .u_logo{font-size:0;overflow:hidden;line-height:0;display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;vertical-align:middle;margin-right:10px}
.m_user{position:absolute;top:20px;right:70px;text-align:center;line-height:26px;background-image:-webkit-gradient(linear,left top,left bottom,from(#92be1a),to(#759c0b));background-image:linear-gradient(to bottom,#92be1a,#759c0b);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff92be1a', endColorstr='#ff759c0b', GradientType=0);height:26px;border:2px solid #fff;border-radius:18px;padding:0 10px;color:#fff}
.m_user .u_line,.m_user a,.m_user span{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;vertical-align:middle}
.m_user .u_name{padding:0 5px;width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m_user a{color:#ffe600;padding:0 5px}
.m_user a:hover{color:#3cff00;text-decoration:underline}
.m_user .u_line{background:#000;height:13px;width:1px;overflow:hidden;margin:0 3px}
.u_time{width:440px;position:absolute;top:330px;left:50%;margin-left:-220px;text-align:center;color:#000;font-size:16px;font-weight:700}
.m_title{position:relative;z-index:3}
.m_title .u_title{font-size:0;overflow:hidden;line-height:0;display:block;margin:0 auto}
.m_title .u_title--1{background:url(../images/_spriteImg_10.png) -1472px -1013px no-repeat;width:841px;height:116px;font-size:0;overflow:hidden;line-height:0}
.m_title .u_title--2{background:url(../images/_spriteImg_10.png) -1472px -1139px no-repeat;width:841px;height:116px}
.m_title .u_title--3{background:url(../images/_spriteImg_10.png) 0 -1324px no-repeat;width:841px;height:116px}
.u_text{font-size:18px;text-align:center;margin-top:10px}
.g_wrap--1 .m_title{padding-top:100px}
.m_duelBox{position:relative;margin:-20px auto;width:100%;height:830px}
.u_vs{position:absolute;top:190px;left:50%;background:url(../images/icon_vs.png) 0 0 no-repeat;width:297px;height:376px;margin-left:-128px;z-index:2;-webkit-animation:vs-pulse 1s infinite linear;animation:vs-pulse 1s infinite linear}
@-webkit-keyframes vs-pulse{
0%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
10%{-webkit-transform:scale(1.1) rotate(-4deg);transform:scale(1.1) rotate(-4deg);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
20%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
50%{-webkit-transform:scale(.95) rotate(3deg);transform:scale(.95) rotate(3deg);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity=85);-moz-opacity:.85;-khtml-opacity:.85;opacity:.85}
70%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
}
@keyframes vs-pulse{
0%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
10%{-webkit-transform:scale(1.1) rotate(-4deg);transform:scale(1.1) rotate(-4deg);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
20%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
50%{-webkit-transform:scale(.95) rotate(3deg);transform:scale(.95) rotate(3deg);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity=85);-moz-opacity:.85;-khtml-opacity:.85;opacity:.85}
70%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
}
.u_btn--sweet{z-index:3;position:absolute;top:588px;left:139px;display:block;text-align:center;background:url(../images/_spriteImg_10.png) -2323px -910px no-repeat;width:264px;height:75px;font-size:32px;color:#fff;text-shadow:2px 2px 3px rgba(0,0,0,.8);line-height:70px;-webkit-transition:top .1s ease-in-out;transition:top .1s ease-in-out}
.u_btn--sweet:hover{top:578px}
.u_btn--salt{z-index:3;position:absolute;top:588px;right:139px;display:block;background:url(../images/_spriteImg_10.png) -2597px -910px no-repeat;width:265px;height:74px;text-shadow:2px 2px 3px rgba(0,0,0,.8);text-align:center;font-size:32px;line-height:70px;color:#fff;-webkit-transition:top .1s ease-in-out;transition:top .1s ease-in-out}
.u_btn--salt:hover{top:578px}
.m_voteBar{background:url(../images/bg_bar.png) 0 0 no-repeat;width:1267px;height:142px;margin:0 auto;position:relative;z-index:5}
.m_voteBar .u_barInner{position:absolute;top:66px;left:138px;width:1000px;height:65px}
.m_voteBar .u_barInner .u_sweetScore{position:absolute;top:15px;left:0;font-size:22px;font-weight:700;text-shadow:2px 2px 3px rgba(100,18,18,.8);z-index:2;color:#fff;text-align:left}
.m_voteBar .u_barInner .u_saltScore{text-shadow:2px 2px 3px rgba(9,63,23,.8);position:absolute;top:15px;right:0;font-weight:700;font-size:22px;text-align:right;z-index:2;color:#fff}
.m_voteBar .u_bar{background:url(../images/bg_redbar.png) no-repeat left top;height:65px;position:absolute;top:0;left:0}
.m_voteBar .u_bar .u_barIcon{position:absolute;top:0;right:0;background:url(../images/icon_barEnd.png) 0 0 no-repeat;width:2px;height:65px}
@-webkit-keyframes step_id{
0%{width:857px;height:557px;background-image:url(../images/_spriteLeftBoat.png);background-position:0 0;display:inline-block}
12.5%{width:857px;height:557px;background-image:url(../images/_spriteLeftBoat.png);background-position:-861px 0;display:inline-block}
25%{width:857px;height:557px;background-image:url(../images/_spriteLeftBoat.png);background-position:0 -561px;display:inline-block}
37.5%{width:857px;height:557px;background-image:url(../images/_spriteLeftBoat.png);background-position:-861px -561px;display:inline-block}
50%{width:857px;height:557px;background-image:url(../images/_spriteLeftBoat.png);background-position:0 -1122px;display:inline-block}
62.5%{width:857px;height:557px;background-image:url(../images/_spriteLeftBoat.png);background-position:-861px -1122px;display:inline-block}
75%{width:857px;height:557px;background-image:url(../images/_spriteLeftBoat.png);background-position:-1722px 0;display:inline-block}
87.5%{width:857px;height:557px;background-image:url(../images/_spriteLeftBoat.png);background-position:-1722px -561px;display:inline-block}
100%{width:857px;height:557px;background-image:url(../images/_spriteLeftBoat.png);background-position:-1722px -1122px;display:inline-block}
}
@keyframes step_id{
0%{width:857px;height:557px;background-image:url(../images/_spriteLeftBoat.png);background-position:0 0;display:inline-block}
12.5%{width:857px;height:557px;background-image:url(../images/_spriteLeftBoat.png);background-position:-861px 0;display:inline-block}
25%{width:857px;height:557px;background-image:url(../images/_spriteLeftBoat.png);background-position:0 -561px;display:inline-block}
37.5%{width:857px;height:557px;background-image:url(../images/_spriteLeftBoat.png);background-position:-861px -561px;display:inline-block}
50%{width:857px;height:557px;background-image:url(../images/_spriteLeftBoat.png);background-position:0 -1122px;display:inline-block}
62.5%{width:857px;height:557px;background-image:url(../images/_spriteLeftBoat.png);background-position:-861px -1122px;display:inline-block}
75%{width:857px;height:557px;background-image:url(../images/_spriteLeftBoat.png);background-position:-1722px 0;display:inline-block}
87.5%{width:857px;height:557px;background-image:url(../images/_spriteLeftBoat.png);background-position:-1722px -561px;display:inline-block}
100%{width:857px;height:557px;background-image:url(../images/_spriteLeftBoat.png);background-position:-1722px -1122px;display:inline-block}
}
.u_leftBoat{position:absolute;top:134px;left:-137px;width:857px;height:557px;background-image:url(../images/_spriteLeftBoat.png);background-position:-861px 0;display:inline-block;-webkit-animation:step_id .9s steps(1,end) infinite;animation:step_id .9s steps(1,end) infinite}
.u_leftBoat.on{-webkit-animation:step_id 1.5s steps(1,end) infinite;animation:step_id 1.5s steps(1,end) infinite}
@-webkit-keyframes step_right_id{
0%{width:858px;height:557px;background-image:url(../images/_spriteRightBoat.png);background-position:0 0;display:inline-block}
12.5%{width:858px;height:557px;background-image:url(../images/_spriteRightBoat.png);background-position:-862px 0;display:inline-block}
25%{width:858px;height:557px;background-image:url(../images/_spriteRightBoat.png);background-position:0 -561px;display:inline-block}
37.5%{width:858px;height:557px;background-image:url(../images/_spriteRightBoat.png);background-position:-862px -561px;display:inline-block}
50%{width:858px;height:557px;background-image:url(../images/_spriteRightBoat.png);background-position:0 -1122px;display:inline-block}
62.5%{width:858px;height:557px;background-image:url(../images/_spriteRightBoat.png);background-position:-862px -1122px;display:inline-block}
75%{width:858px;height:557px;background-image:url(../images/_spriteRightBoat.png);background-position:-1724px 0;display:inline-block}
87.5%{width:858px;height:557px;background-image:url(../images/_spriteRightBoat.png);background-position:-1724px -561px;display:inline-block}
100%{width:858px;height:557px;background-image:url(../images/_spriteRightBoat.png);background-position:-1724px -1122px;display:inline-block}
}
@keyframes step_right_id{
0%{width:858px;height:557px;background-image:url(../images/_spriteRightBoat.png);background-position:0 0;display:inline-block}
12.5%{width:858px;height:557px;background-image:url(../images/_spriteRightBoat.png);background-position:-862px 0;display:inline-block}
25%{width:858px;height:557px;background-image:url(../images/_spriteRightBoat.png);background-position:0 -561px;display:inline-block}
37.5%{width:858px;height:557px;background-image:url(../images/_spriteRightBoat.png);background-position:-862px -561px;display:inline-block}
50%{width:858px;height:557px;background-image:url(../images/_spriteRightBoat.png);background-position:0 -1122px;display:inline-block}
62.5%{width:858px;height:557px;background-image:url(../images/_spriteRightBoat.png);background-position:-862px -1122px;display:inline-block}
75%{width:858px;height:557px;background-image:url(../images/_spriteRightBoat.png);background-position:-1724px 0;display:inline-block}
87.5%{width:858px;height:557px;background-image:url(../images/_spriteRightBoat.png);background-position:-1724px -561px;display:inline-block}
100%{width:858px;height:557px;background-image:url(../images/_spriteRightBoat.png);background-position:-1724px -1122px;display:inline-block}
}
.u_rightBoat{position:absolute;top:134px;right:-157px;width:858px;height:557px;background-image:url(../images/_spriteRightBoat.png);background-position:-862px 0;display:inline-block;-webkit-animation:step_right_id .9s steps(1,end) infinite;animation:step_right_id .9s steps(1,end) infinite}
.u_rightBoat.on{-webkit-animation:step_right_id 1.5s steps(1,end) infinite;animation:step_right_id 1.5s steps(1,end) infinite}
.m_notice{background:url(../images/_spriteImg_10.png) -851px -1324px no-repeat;width:1096px;height:52px;position:absolute;top:159px;left:145px;overflow:hidden;z-index:4}
.m_notice .no_news{text-align:center;font-size:16px;color:#373737;margin-top:12px}
.m_notice .m_noticeMove{float:left;margin:8px 0 0 80px;height:35px;line-height:35px!important;width:984px;color:#373737;font-size:18px}
.m_notice .m_noticeMove li{padding-left:15px;padding-right:30px;background:url(../images/icon_attack.png) no-repeat 0 4px}
.m_notice .m_noticeMove em{font-weight:700}
.m_notice .m_noticeMove .color--balck{color:#3c057a}
.m_notice .m_noticeMove .color--green{color:#007510}
.m_notice .m_noticeMove .color--pink{color:#ca00c0}
.plus-mar-left{overflow:hidden;word-break:keep-all;white-space:nowrap}
.plus-mar-left ul{list-style:none;margin:0;padding:0;display:inline-block;*display:inline;zoom:1}
.plus-mar-left li{display:inline-block;*display:inline;zoom:1;text-indent:15px}
.plus-mar-top{overflow:hidden;word-break:keep-all;white-space:nowrap}
.plus-mar-top ul{list-style:none;margin:0;padding:0;line-height:40px}
.plus-mar-top li{padding-right:10px}
.plus-mar-bottom{overflow:hidden;word-break:keep-all;white-space:nowrap;position:relative}
.plus-mar-bottom ul{list-style:none;margin:0;padding:0;line-height:40px;position:relative}
.plus-mar-bottom li{padding-right:10px}
.plus-mar-up{overflow:hidden}
.plus-mar-up ul{list-style:none;margin:0;padding:0;line-height:40px}
.plus-mar-down{overflow:hidden;position:relative}
.plus-mar-down ul{list-style:none;margin:0;padding:0;position:relative}
.m_myData{background:url(../images/_spriteImg_10.png) -2323px -632px no-repeat;width:505px;height:150px;position:absolute;top:539px;left:50%;margin-left:-253px;z-index:6}
.m_myData .u_dataTit{font-size:18px;text-align:center;line-height:30px;height:30px;color:#fff;text-shadow:2px 2px 3px rgba(9,66,47,.8)}
.m_myData .u_dataList{text-align:center;height:70px;margin:8px 0 0 12px;width:490px;float:left}
.m_myData .u_dataList .u_dataItem{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;float:left;width:115px;text-align:center}
.m_myData .u_dataList .u_dataItem span{display:block;line-height:20px;font-size:16px;color:#373737}
.m_myData .u_dataList .u_dataItem em{display:block;font-size:24px;font-weight:700}
.m_myData .u_dataList .u_dataItem--4{width:130px}
.m_myData .u_myNum{color:#0064b9}
.m_myData .u_myDamag{color:#af6402}
.m_myData .u_totalDamage{color:#b84000}
.m_fire{width:100%;font-size:18px;float:left;text-align:center;height:30px;color:#fff}
.m_fire .u_fireTit{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline}
.m_fire .u_checkBox{vertical-align:middle;background:url(../images/_spriteImg_10.png) -2819px -1071px no-repeat;width:40px;height:40px;display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline}
.m_fire .u_checkBox.jqChecked{background:url(../images/_spriteImg_10.png) -2769px -1071px no-repeat;width:40px;height:40px}
.m_fire .u_input{vertical-align:middle;display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline}
.m_fire .u_txt{vertical-align:middle;height:30px;color:#fff;display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;margin-right:15px}
.m_attackBtns{position:absolute;top:701px;left:0;width:100%;text-align:center;overflow:visible}
.m_attackBtns .u_zongBtn{width:382px;height:108px;display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;margin:0 15px;position:relative;overflow:visible}
.m_attackBtns .u_zongBtn a{position:absolute;top:0;left:0;display:block;color:#fff;font-size:42px;font-weight:700;line-height:108px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1;filter:alpha(opacity=100)}
.m_attackBtns .u_zongBtn a:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";-moz-opacity:.8;-khtml-opacity:.8;opacity:.8;filter:alpha(opacity=80)}
.m_attackBtns .u_attackBox{z-index:10;position:absolute;top:5px;left:25px}
.m_attackBtns .u_attackIcon{width:96px;height:96px;display:block}
.m_attackBtns .u_attackIcon.u_attackIcon--1{background:url(../images/icon_zong1.png) 0 0 no-repeat;width:96px;height:96px}
.m_attackBtns .u_attackIcon.u_attackIcon--2{background:url(../images/icon_zong2.png) 0 0 no-repeat;width:96px;height:96px}
.m_attackBtns .u_attackIcon.u_attackIcon--3{background:url(../images/icon_zong3.png) 0 0 no-repeat;width:96px;height:96px}
.m_attackBtns .u_zongName{margin-left:65px;text-align:left;text-shadow:2px 2px 3px rgba(0,0,0,.8)}
.m_attackBtns .u_num{text-shadow:2px 2px 3px rgba(0,0,0,.8)}
.m_attackBtns .u_zongBtn--1 a{background:url(../images/_spriteImg_10.png) -2323px -1013px no-repeat;width:382px;height:108px}
.m_attackBtns .u_zongBtn--2 a{background:url(../images/_spriteImg_10.png) -2323px -1139px no-repeat;width:382px;height:108px}
.m_attackBtns .u_zongBtn--3 a{background:url(../images/_spriteImg_10.png) 0 -1625px no-repeat;width:382px;height:108px}
.m_attackBtns .u_zongBtn.disabled a{background:url(../images/_spriteImg_10.png) -2323px -792px no-repeat;width:382px;height:108px;pointer-events:none;cursor:default;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transition:none;transition:none}
.m_attackBtns .u_zongBtn.disabled a:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1;filter:alpha(opacity=100)}
.u_damage{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;z-index:8;font-weight:700;width:200px;text-align:left;position:absolute;top:20px;left:90px;font-size:30px;color:#ff2020;text-shadow:1px 2px 3px rgba(54,0,0,.8),1px 2px 3px rgba(54,0,0,.8),1px 2px 3px rgba(54,0,0,.8),1px 2px 3px rgba(54,0,0,.8)}
@-webkit-keyframes damage-up-shake-fade{
0%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-filter:none;filter:none}
10%{-webkit-transform:translateY(-15px) scale(1.05) translateX(-5px) rotate(-2deg);transform:translateY(-15px) scale(1.05) translateX(-5px) rotate(-2deg);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
20%{-webkit-transform:translateY(-30px) scale(1.07) translateX(5px) rotate(3deg);transform:translateY(-30px) scale(1.07) translateX(5px) rotate(3deg);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
30%{-webkit-transform:translateY(-45px) scale(1.08) translateX(-4px) rotate(-2deg);transform:translateY(-45px) scale(1.08) translateX(-4px) rotate(-2deg);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
66%{-webkit-transform:translateY(-80px) scale(1.07) translateX(0) rotate(0);transform:translateY(-80px) scale(1.07) translateX(0) rotate(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
80%{-webkit-transform:translateY(-95px) scale(1.06) translateX(0) rotate(0);transform:translateY(-95px) scale(1.06) translateX(0) rotate(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
100%{-webkit-transform:translateY(-100px) scale(1.04) translateX(0) rotate(0);transform:translateY(-100px) scale(1.04) translateX(0) rotate(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
}
@keyframes damage-up-shake-fade{
0%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-filter:none;filter:none}
10%{-webkit-transform:translateY(-15px) scale(1.05) translateX(-5px) rotate(-2deg);transform:translateY(-15px) scale(1.05) translateX(-5px) rotate(-2deg);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
20%{-webkit-transform:translateY(-30px) scale(1.07) translateX(5px) rotate(3deg);transform:translateY(-30px) scale(1.07) translateX(5px) rotate(3deg);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
30%{-webkit-transform:translateY(-45px) scale(1.08) translateX(-4px) rotate(-2deg);transform:translateY(-45px) scale(1.08) translateX(-4px) rotate(-2deg);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
66%{-webkit-transform:translateY(-80px) scale(1.07) translateX(0) rotate(0);transform:translateY(-80px) scale(1.07) translateX(0) rotate(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
80%{-webkit-transform:translateY(-95px) scale(1.06) translateX(0) rotate(0);transform:translateY(-95px) scale(1.06) translateX(0) rotate(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
100%{-webkit-transform:translateY(-100px) scale(1.04) translateX(0) rotate(0);transform:translateY(-100px) scale(1.04) translateX(0) rotate(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
}
.u_attackBox.on .u_damage{-webkit-animation:damage-up-shake-fade .5s cubic-bezier(.23,1.18,.6,1) forwards;animation:damage-up-shake-fade .5s cubic-bezier(.23,1.18,.6,1) forwards;will-change:transform,opacity,filter;pointer-events:none}
@-webkit-keyframes attackicon-shake-scale-fade{
0%{-webkit-transform:scale(1) rotate(0) translateX(0);transform:scale(1) rotate(0) translateX(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
10%{-webkit-transform:scale(1.4) rotate(-5deg) translateX(-12px);transform:scale(1.4) rotate(-5deg) translateX(-12px);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
20%{-webkit-transform:scale(1.7) rotate(5deg) translateX(15px);transform:scale(1.7) rotate(5deg) translateX(15px);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
30%{-webkit-transform:scale(2) rotate(-3deg) translateX(-8px);transform:scale(2) rotate(-3deg) translateX(-8px);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
40%{-webkit-transform:scale(2) rotate(2deg) translateX(5px);transform:scale(2) rotate(2deg) translateX(5px);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
50%{-webkit-transform:scale(2) rotate(0) translateX(0);transform:scale(2) rotate(0) translateX(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
65%{-webkit-transform:scale(2) rotate(0) translateX(0);transform:scale(2) rotate(0) translateX(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7}
80%{-webkit-transform:scale(2) rotate(0) translateX(0);transform:scale(2) rotate(0) translateX(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4}
100%{-webkit-transform:scale(2) rotate(0) translateX(0);transform:scale(2) rotate(0) translateX(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
}
@keyframes attackicon-shake-scale-fade{
0%{-webkit-transform:scale(1) rotate(0) translateX(0);transform:scale(1) rotate(0) translateX(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
10%{-webkit-transform:scale(1.4) rotate(-5deg) translateX(-12px);transform:scale(1.4) rotate(-5deg) translateX(-12px);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
20%{-webkit-transform:scale(1.7) rotate(5deg) translateX(15px);transform:scale(1.7) rotate(5deg) translateX(15px);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
30%{-webkit-transform:scale(2) rotate(-3deg) translateX(-8px);transform:scale(2) rotate(-3deg) translateX(-8px);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
40%{-webkit-transform:scale(2) rotate(2deg) translateX(5px);transform:scale(2) rotate(2deg) translateX(5px);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
50%{-webkit-transform:scale(2) rotate(0) translateX(0);transform:scale(2) rotate(0) translateX(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
65%{-webkit-transform:scale(2) rotate(0) translateX(0);transform:scale(2) rotate(0) translateX(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7}
80%{-webkit-transform:scale(2) rotate(0) translateX(0);transform:scale(2) rotate(0) translateX(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4}
100%{-webkit-transform:scale(2) rotate(0) translateX(0);transform:scale(2) rotate(0) translateX(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
}
.u_attackBox.on .u_attackIcon{-webkit-animation:attackicon-shake-scale-fade .3s cubic-bezier(.23,1.18,.6,1) forwards;animation:attackicon-shake-scale-fade .3s cubic-bezier(.23,1.18,.6,1) forwards;will-change:transform,opacity;pointer-events:none}
.m_rule1{background:url(../images/_spriteImg_10.png) -1472px 0 no-repeat;width:1402px;height:195px;text-align:left;margin:30px auto}
.m_rule1 .m_ruleList{float:left;margin:40px 30px 0 100px}
.m_rule1 .m_ruleList li{position:relative;padding-left:20px;font-size:18px;padding-bottom:10px}
.m_rule1 .m_ruleList li em{position:absolute;top:0;left:0}
.m_rule1 .m_ruleList li a{color:#0084d1;text-decoration:underline}
.m_rule1 .m_ruleList li a:hover{color:#d43201;text-decoration:none}
.m_rule2{background:url(../images/_spriteImg_10.png) 0 -1098px no-repeat;width:1402px;height:216px;position:absolute;top:870px;left:0;text-align:left}
.m_rule2 .m_ruleList{float:left;margin:30px 30px 0 100px}
.m_rule2 .m_ruleList li{position:relative;padding-left:20px;font-size:18px;padding-bottom:10px}
.m_rule2 .m_ruleList li em{position:absolute;top:0;left:0}
.m_rule2 .m_ruleList li a{color:#0084d1;text-decoration:underline}
.m_rule2 .m_ruleList li a:hover{color:#d43201;text-decoration:none}
.m_help{position:absolute;top:132px;left:100px;background:url(../images/_spriteImg_10.png) -611px -1450px no-repeat;width:579px;height:98px}
.m_help .u_boatman{position:absolute;top:-20px;left:0;background:url(../images/icon_boatman.png) 0 0 no-repeat;width:139px;height:122px;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation:boatman-tilt-up 2s linear infinite;animation:boatman-tilt-up 2s linear infinite}
.m_help .u_helpTxt{margin:20px 0 0 100px;text-align:center;font-size:18px;color:#373737}
@-webkit-keyframes boatman-tilt-up{
0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
20%{-webkit-transform:translateY(-10px) rotate(-5deg);transform:translateY(-10px) rotate(-5deg)}
40%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
}
@keyframes boatman-tilt-up{
0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
20%{-webkit-transform:translateY(-10px) rotate(-5deg);transform:translateY(-10px) rotate(-5deg)}
40%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
}
.m_myCatch{z-index:3;position:absolute;top:707px;left:200px;background:url(../images/_spriteImg_10.png) -1200px -1450px no-repeat;width:311px;height:57px;text-align:center;font-size:18px;color:#fff;line-height:50px;text-indent:10px}
.m_myCatch .u_catchNum{font-weight:700;color:#ffe600}
.m_crate{position:absolute;top:224px;left:0;background:url(../images/bg_crate.png) 0 0 no-repeat;width:657px;height:495px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
.m_crate.on{-webkit-animation:crateFadeOut 1s forwards;animation:crateFadeOut 1s forwards}
@-webkit-keyframes crateFadeOut{
0%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
66.66%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
100%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
}
@keyframes crateFadeOut{
0%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
66.66%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
100%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
}
.m_crateLight{z-index:2;position:absolute;top:224px;left:0;background:url(../images/bg_crateLight.png) 0 0 no-repeat;width:657px;height:495px}
.m_crateLight.on{-webkit-animation:crateLightBlink .2s forwards 4;animation:crateLightBlink .2s forwards 4}
@-webkit-keyframes crateLightBlink{
0%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
100%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
}
@keyframes crateLightBlink{
0%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
100%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
}
.m_catchBtnBox{z-index:3;position:absolute;top:762px;left:0;width:730px;text-align:center}
.m_catchBtnBox .u_catchBtn{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;margin:0 10px;font-size:24px;line-height:70px;color:#fff;font-size:30px;text-shadow:2px 2px 3px rgba(0,0,0,.8);position:relative;-webkit-transition:top .1s ease-in-out;transition:top .1s ease-in-out;top:0}
.m_catchBtnBox .u_catchBtn:hover{top:-5px}
.m_catchBtnBox .u_catchBtn--1{background:url(../images/_spriteImg_10.png) -2581px -295px no-repeat;width:286px;height:80px}
.m_catchBtnBox .u_catchBtn--10{background:url(../images/_spriteImg_10.png) -2581px -475px no-repeat;width:285px;height:80px}
.m_catchBtnBox .u_catchBtn.disabled{background:url(../images/_spriteImg_10.png) -2581px -205px no-repeat;width:286px;height:80px;pointer-events:none}
.m_catchBtnBox .u_catchBtn.disabled:hover{top:0}
.m_myFoods{background:url(../images/_spriteImg_10.png) 0 -1450px no-repeat;width:601px;height:165px;position:absolute;top:584px;right:-10px}
.m_myFoodsList{text-align:center;margin:57px 0 0 0}
.m_myFoodsList .u_foodsItem{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;margin:0 7px 12px;font-size:18px;line-height:33px}
.m_myFoodsList .u_foodsItem .u_foodsName{float:left;margin-left:50px;display:block;width:90px;text-align:right}
.m_myFoodsList .u_foodsItem .u_foodsNum{float:left;display:block;color:#d35f00;text-align:left}
.m_myFoodsList .u_foodsItem--1{background:url(../images/_spriteImg_10.png) -2090px -586px no-repeat;width:173px;height:33px}
.m_myFoodsList .u_foodsItem--2{background:url(../images/_spriteImg_10.png) -2273px -586px no-repeat;width:173px;height:33px}
.m_myFoodsList .u_foodsItem--3{background:url(../images/_spriteImg_10.png) -2456px -586px no-repeat;width:173px;height:33px}
.m_myFoodsList .u_foodsItem--4{background:url(../images/_spriteImg_10.png) -2639px -586px no-repeat;width:173px;height:33px}
.m_myFoodsList .u_foodsItem--5{background:url(../images/_spriteImg_10.png) -1948px -1265px no-repeat;width:173px;height:33px}
.m_myFoodsList .u_foodsItem--6{background:url(../images/_spriteImg_10.png) -2131px -1265px no-repeat;width:173px;height:33px}
.u_btn--cooking{background:url(../images/_spriteImg_10.png) -2581px -385px no-repeat;width:286px;height:80px;position:absolute;top:180px;right:166px;display:block;font-size:24px;text-align:center;line-height:70px;color:#fff;font-size:30px;text-shadow:2px 2px 3px rgba(0,0,0,.8);-webkit-transition:top .1s ease-in-out;transition:top .1s ease-in-out}
.u_btn--cooking:hover{top:175px}
.m_getNet{background:url(../images/_spriteImg_10.png) 0 0 no-repeat;width:1462px;height:537px;position:absolute;top:70px;left:-33px}
.m_netList{text-align:center;margin-top:90px}
.m_netList .u_netItem{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;margin:0 10px;vertical-align:top;position:relative}
.m_netList .u_netItem--1{background:url(../images/_spriteImg_10.png) -2090px -205px no-repeat;width:481px;height:371px}
.m_netList .u_netItem--2{background:url(../images/_spriteImg_10.png) -1963px -632px no-repeat;width:350px;height:371px}
.m_netList .u_netItem--3{background:url(../images/_spriteImg_10.png) -1472px -632px no-repeat;width:481px;height:371px}
.m_netList .u_netTit{background:url(../images/_spriteImg_10.png) -1472px -1265px no-repeat;width:251px;height:47px;text-align:center;font-size:24px;line-height:44px;position:absolute;top:-20px;left:50%;margin-left:-125px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}
.m_netList .u_netItem--1 .u_pic{margin:45px auto 0}
.m_netList .u_netItem--2 .u_pic{margin:55px auto 0}
.m_netList .u_netItem--3 .u_pic{width:461px;height:258px;margin:10px auto 0}
.m_netList .u_cost{font-size:16px;color:#e84700}
.m_netList .u_tips{font-size:18px;position:absolute;top:320px;left:0;width:100%;text-align:center}
.m_netList .u_btn--exchange{background:url(../images/_spriteImg_10.png) -1181px -788px no-repeat;width:273px;height:67px;position:absolute;top:250px;left:50%;margin-left:-136px;display:block;font-size:24px;text-align:center;line-height:64px;color:#fff;font-size:30px;text-shadow:2px 2px 3px rgba(0,0,0,.8);-webkit-transition:top .1s ease-in-out;transition:top .1s ease-in-out}
.m_netList .u_btn--exchange:hover{top:245px}
.m_netList .u_btn--down{background:url(../images/_spriteImg_10.png) -1181px -788px no-repeat;width:273px;height:67px;position:absolute;top:250px;left:50%;margin-left:-136px;display:block;font-size:24px;text-align:center;line-height:64px;color:#fff;font-size:30px;text-shadow:2px 2px 3px rgba(0,0,0,.8);-webkit-transition:top .1s ease-in-out;transition:top .1s ease-in-out}
.m_netList .u_btn--down:hover{top:245px}
.u_btnBox{position:absolute;top:250px;left:35px;width:407px}
.u_btnBox .u_btn--play{background:url(../images/_spriteImg_10.png) -392px -1625px no-repeat;width:195px;height:67px;float:left;position:relative;display:block;font-size:24px;text-align:center;line-height:64px;color:#fff;font-size:30px;text-shadow:2px 2px 3px rgba(0,0,0,.8);-webkit-transition:top .1s ease-in-out;transition:top .1s ease-in-out;top:0}
.u_btnBox .u_btn--play:hover{top:-5px}
.u_btnBox .u_btn--gift{background:url(../images/_spriteImg_10.png) -1181px -942px no-repeat;width:196px;height:67px;float:right;position:relative;display:block;font-size:24px;text-align:center;line-height:64px;color:#fff;font-size:30px;text-shadow:2px 2px 3px rgba(0,0,0,.8);-webkit-transition:top .1s ease-in-out;transition:top .1s ease-in-out;top:0}
.u_btnBox .u_btn--gift:hover{top:-5px}
.u_btnBox .u_btn--gift.disabled{background:url(../images/_spriteImg_10.png) -1181px -865px no-repeat;width:196px;height:67px}
.u_btnBox .u_btn--gift.disabled:hover{top:0}
.m_side{position:fixed;right:0;top:116px;background:url(../images/_spriteImg_10.png) -830px -547px no-repeat;width:341px;height:486px;z-index:10;font-size:14px}
.m_side .m_rankTab{width:234px;float:left;height:36px;margin:50px 0 0 47px}
.m_side .m_rankTab .u_tab{float:left;background:url(../images/_spriteImg_10.png) -2715px -838px no-repeat;width:117px;height:36px;display:block;font-size:18px;text-align:center;line-height:40px;color:#373737}
.m_side .m_rankTab .u_tab.on{color:#fff;background:url(../images/_spriteImg_10.png) -2715px -792px no-repeat;width:117px;height:36px}
.m_rankTable{float:left;width:230px;margin:0 0 0 49px;border-collapse:collapse}
.m_rankTable th{font-size:16px;color:#373737;text-align:center;line-height:26px}
.m_rankTable .u_tdName{width:110px}
.m_rankTable .u_tdNum{position:relative}
.m_rankTable .u_num--1{position:absolute;top:0;left:8px;font-size:0;overflow:hidden;line-height:0;background:url(../images/_spriteImg_10.png) -2822px -586px no-repeat;width:32px;height:27px}
.m_rankTable .u_num--2{position:absolute;top:0;left:8px;font-size:0;overflow:hidden;line-height:0;background:url(../images/_spriteImg_10.png) -2838px -632px no-repeat;width:31px;height:26px}
.m_rankTable .u_num--3{position:absolute;top:0;left:8px;font-size:0;overflow:hidden;line-height:0;background:url(../images/_spriteImg_10.png) -2838px -668px no-repeat;width:30px;height:25px}
.m_rankTable td{font-size:16px;height:27px;border-bottom:1px dashed #c9c5bf}
.u_btn--viewRank{background:url(../images/_spriteImg_10.png) -1733px -1265px no-repeat;width:205px;height:40px;display:block;position:absolute;top:395px;left:60px;font-size:18px;text-align:center;line-height:38px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}
.u_btn--viewRank:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";-moz-opacity:.85;-khtml-opacity:.85;opacity:.85;filter:alpha(opacity=85)}
.u_btn--sideClose{background:url(../images/_spriteImg_10.png) -2715px -1013px no-repeat;width:145px;height:19px;position:absolute;top:455px;left:95px;font-size:0;overflow:hidden;line-height:0}
.u_btn--sideClose:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";-moz-opacity:.8;-khtml-opacity:.8;opacity:.8;filter:alpha(opacity=80)}
.m_sideOpen{position:fixed;right:0;top:116px;background:url(../images/_spriteImg_10.png) -1181px -547px no-repeat;width:85px;height:231px;z-index:10;font-size:14px}
.m_sideOpen .u_btn--sideOpen{padding:20px 0 8px;height:80px;display:block;font-size:16px;text-align:center;color:#fff;line-height:18px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}
.m_sideOpen .u_btn--sideOpen:hover{color:#ffe600}
#g_pop{position:relative;z-index:100;display:none}
#g_pop .u_msglayer{position:fixed;_position:absolute;_clear:both;top:0;_top:expression(eval((document.compatMode && document.compatMode=="CSS1Compat") ? document.documentElement.scrollTop + 0: document.body.scrollTop + 0));left:0;width:100%;height:100%;background:#000;filter:alpha(opacity=55);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";-moz-opacity:.55;-khtml-opacity:.55;opacity:.55;z-index:900}
#g_pop .m_msg{position:fixed;_position:absolute;left:50%;top:50%;_top:expression(eval((document.compatMode && document.compatMode=="CSS1Compat") ? document.documentElement.scrollTop + documentElement.clientHeight * .5: document.body.scrollTop + document.body.clientHeight * .5));z-index:1000;*z-index:1000}
#g_pop .u_msgclose{position:absolute;top:50px;right:-52px;cursor:pointer;font-size:0;overflow:hidden;line-height:0;background:url(../images/_spriteImg_10.png) -2715px -1071px no-repeat;width:44px;height:44px}
.m_msg--1{display:none}
.m_msg--2{display:none}
.m_msg--3{display:none}
.m_msg--4{display:none}
.m_msg--5{display:none}
.m_msg--6{display:none}
.m_msg--7{display:none}
.m_msg--8{display:none}
.m_msg--9{display:none}
.m_msg--10{display:none}
.m_msg--11{display:none}
.m_msg--12{display:none}
.m_msg--13{display:none}
.m_msg--14{display:none}
.m_msg--15{display:none}
.m_msg--16{display:none}
.m_msg--17{display:none}
.m_msg--18{display:none}
.m_msg--19{display:none}
.m_msg--20{display:none}
.m_msg--21{display:none}
.m_msg--1{display:block}
.m_msgbg1{background:url(../images/_spriteImg_10.png) -1472px -205px no-repeat;width:608px;height:417px;margin:-208px 0 0 -304px}
.m_msgbg2{background:url(../images/_spriteImg_10.png) 0 -547px no-repeat;width:820px;height:541px;margin:-270px 0 0 -410px}
.u_msgtitle{font-size:30px;color:#bb7819;font-weight:700;text-align:center;margin:0 30px;font-family:microsoft yahei}
.u_msgcode{display:block;margin:20px auto}
.m_msgbtns{width:100%;text-align:center}
.m_msgbtns .u_btn{margin:0 auto 0;display:block;background:url(../images/_spriteImg_10.png) -1521px -1450px no-repeat;width:198px;height:55px;position:relative;display:block;font-size:24px;text-align:center;line-height:47px;color:#fff;font-size:26px;text-shadow:2px 2px 3px rgba(0,0,0,.8);-webkit-transition:top .1s ease-in-out;transition:top .1s ease-in-out;top:0}
.m_msgbtns .u_btn:hover{top:-5px}
.mgt--10{margin-top:10px}
.mgt--15{margin-top:15px}
.mgt--20{margin-top:20px}
.mgt--25{margin-top:25px}
.mgt--30{margin-top:30px}
.mgt--35{margin-top:35px}
.mgt--40{margin-top:40px}
.mgt--45{margin-top:45px}
.mgt--50{margin-top:50px}
.mgt--55{margin-top:55px}
.mgt--60{margin-top:60px}
.mgt--65{margin-top:65px}
.mgt--70{margin-top:70px}
.mgt--75{margin-top:75px}
.mgt--80{margin-top:80px}
.mgt--85{margin-top:85px}
.mgt--90{margin-top:90px}
.mgt--95{margin-top:95px}
.mgt--100{margin-top:100px}
.mgt--105{margin-top:105px}
.mgt--110{margin-top:110px}
.mgt--115{margin-top:115px}
.mgt--120{margin-top:120px}
.mgt--125{margin-top:125px}
.mgt--130{margin-top:130px}
.m_giftTable{width:696px;line-height:36px;margin:5px auto;border-collapse:collapse;font-size:16px}
.m_giftTable th{color:#fff;background:#5b7a4b}
.m_giftTable tr:nth-child(even){background:rgba(177,166,108,.5)}
.u_giftTips{font-size:16px;text-align:center;color:#00660e}
.m_msgtable{width:300px;line-height:30px;margin:20px 0 0 210px}
.m_msgtable .td_left{text-align:left;width:34%}
.m_msgtable th{font-size:16px;color:#6c443e;font-weight:700}
.color--green{color:#00660e}
.color--red{color:#e6423a}
.u_msgcopy{color:#e6423a;margin-left:10px}
.u_msgcopy:hover{color:#ff5461}
.u_msgtxt{color:#373737;margin-left:60px;margin-right:60px;text-align:center;font-size:16px}
.u_msgtxt--copy{margin-top:20px;margin-bottom:40px}
.m_giftCodeBox{width:420px;margin-left:auto;margin-right:auto;text-align:center;color:#5a3a11}
.m_giftCodeBox .u_giftLabel{font-size:18px;color:#6a4a12;font-weight:700;line-height:28px}
.m_giftCodeBox .u_giftCodeWrap{position:relative;margin:14px auto 12px;padding:12px 18px;min-height:34px;line-height:34px;border:2px solid #cf9a38;border-radius:12px;background:#fff2bd;box-shadow:inset 0 2px 8px rgba(120,82,16,.18),0 2px 0 rgba(255,255,255,.45)}
.m_giftCodeBox .u_giftCodeWrap:before,.m_giftCodeBox .u_giftCodeWrap:after{content:"";position:absolute;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#d9aa4c;box-shadow:0 0 0 2px #f9e3a2}
.m_giftCodeBox .u_giftCodeWrap:before{left:10px}
.m_giftCodeBox .u_giftCodeWrap:after{right:10px}
.m_giftCodeBox .u_giftCode{display:block;color:#c62c18;font-size:24px;font-weight:700;letter-spacing:1px;word-break:break-all;text-shadow:0 1px 0 #fff6cf}
.m_giftCodeBox .u_msgcopy{display:block;width:138px;height:38px;margin:0 auto;line-height:36px;border-radius:20px;color:#fff;font-size:18px;font-weight:700;text-align:center;background:#d54b23;background:-webkit-gradient(linear,left top,left bottom,from(#f29a39),to(#c9331d));background:linear-gradient(to bottom,#f29a39,#c9331d);box-shadow:0 3px 0 #8d2618,0 7px 12px rgba(129,61,20,.25);text-shadow:1px 1px 1px rgba(96,25,9,.5)}
.m_giftCodeBox .u_msgcopy:hover{color:#fff;background:#ec6a2f;background:-webkit-gradient(linear,left top,left bottom,from(#ffb048),to(#dd4724));background:linear-gradient(to bottom,#ffb048,#dd4724)}
.m_giftCodeBox .u_giftHint{margin-top:14px;font-size:14px;line-height:22px;color:#7a5b24}
.tableExchange{position:relative;display:block;margin:8px auto 0;width:680px;height:325px}
.tableExchange .viewport{position:relative;width:640px;height:100%;overflow:hidden;margin:0 auto}
.tableExchange .overview{list-style:none;position:absolute;left:0;top:0;width:100%;height:100%}
.tableExchange table{width:100%;border-collapse:collapse}
.tableExchange table th{font-size:16px;color:#966100;font-weight:700;padding:5px 0 5px 8px;text-align:center;border-bottom:1px solid #d1bd91}
.tableExchange table td{font-size:14px;color:#3b2507;padding:3px 10px;text-align:center;border-bottom:1px solid #e5d4af}
.tableExchange table td a{text-decoration:underline}
.tableExchange table td .u_copy{float:right;white-space:nowrap}
.tableExchange table td span{margin-right:10px;float:left}
.tableExchange table .td-l{text-align:left;width:30%}
.tableExchange table .td-l p{width:100%;display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline}
.tableExchange table .u_copy{color:#e40000;cursor:pointer}
.tableExchange table .u_copy:hover{color:#ff7800}
.tableExchange .thumb,.tableExchange .thumb .end{background-color:#ffc64b;border-radius:4px}
.tableExchange .scrollbar{position:relative;float:right;width:8px;margin:0}
.tableExchange .track{background-color:#e09909;height:100%;width:8px;position:relative;padding:0;border-radius:4px}
.tableExchange .thumb{height:10px;width:8px;cursor:pointer;overflow:hidden;position:absolute;left:0}
.tableExchange .thumb .end{overflow:hidden;height:5px;width:8px}
.m_inforList{width:410px;margin:10px auto 15px;clear:both}
.m_inforList .u_item{margin:0 auto 10px;width:100%;float:left}
.m_inforList label{float:left;font-size:16px;margin:5px 0 0 0;color:#312618}
.m_inforList .u_input{float:left;width:300px;height:38px;border:3px solid #f5c532;border-radius:10px;background-color:#fff}
.m_inforList .u_input input{background:0 0;border:none;font-size:16px;color:#4d473f;width:270px;margin:9px 0 0 10px}
.m_inforList .u_textarea{float:left;width:300px;height:88px;border:3px solid #f5c532;border-radius:10px;background-color:#fff}
.m_inforList .u_textarea textarea{font-family:microsoft yahei!important;background:0 0;border:none;font-size:16px;color:#4d473f;outline:0;resize:none;width:280px;height:70px;margin:9px 0 0 10px}
