/* Code tidied up by ScrapBook */
.header { position: relative; width: 1200px; height: 60px; }
.wrap { position: relative; z-index: 2; width: 1200px; margin: auto; padding-bottom: 100px; }
.main { float: right; width: 913px; position: relative; z-index: 10; }
.tips18 { font-size: 16px; position: absolute; z-index: 2; top: 30px; right: 30px; letter-spacing: 1px; color: rgb(168, 161, 157); }
.side { float: left; width: 287px; position: relative; }
.side-up { width: 323px; height: 382px; background: url("side-up.png"/*tpa=http://www.586data.com/553/side-up.png*/) no-repeat scroll 0% 0% transparent; margin-left: -18px; margin-top: -50px; position: relative; margin-bottom: 10px; }
.start { position: relative; display: block; width: 332px; height: 184px; background: url("start.png"/*tpa=http://www.586data.com/553/start.png*/) no-repeat scroll 0% 0% transparent; z-index: 1; }
.start span { display: block; width: 240px; height: 80px; margin: -15px auto 0px -125px; background: url("starttext.png"/*tpa=http://www.586data.com/553/starttext.png*/) no-repeat scroll 0% 0% transparent; content: ""; cursor: pointer; position: absolute; top: 50%; left: 50%; }
.start span:after { display: block; width: 240px; height: 80px; margin: 0px auto; background: url("starttext.png"/*tpa=http://www.586data.com/553/starttext.png*/) no-repeat scroll 0% 0% transparent; content: ""; cursor: pointer; }
.start:hover span { animation: 1.6s linear 0s normal none infinite icoBig; }
.start:hover span:after { opacity: 0.6; animation: 1.6s linear 0s normal none infinite icoBig2; }
.pay { position: relative; display: block; width: 280px; height: 195px; background: url("pay.png"/*tpa=http://www.586data.com/553/pay.png*/) no-repeat scroll 0% 0% transparent; z-index: 1; margin-left: 22px; }
.pay span { display: block; width: 220px; height: 130px; margin: -65px auto 0px -115px; background: url("paytext.png"/*tpa=http://www.586data.com/553/paytext.png*/) no-repeat scroll 0% 0% transparent; content: ""; cursor: pointer; position: absolute; top: 50%; left: 50%; }
.pay span:after { display: block; width: 220px; height: 130px; margin: 0px auto; background: url("paytext.png"/*tpa=http://www.586data.com/553/paytext.png*/) no-repeat scroll 0% 0% transparent; content: ""; cursor: pointer; }
.pay:hover span { animation: 1.6s linear 0s normal none infinite icoBig; }
.pay:hover span:after { opacity: 0.6; animation: 1.6s linear 0s normal none infinite icoBig2; }
@keyframes icoBig {
0% { transform: scale(1); }
20% { transform: scale(1.05); }
30% { transform: scale(0.93); }
45% { transform: scale(1.04); }
60% { transform: scale(1); }
}
@keyframes icoBig2 {
0% { transform: scale(1); }
20% { transform: scale(1.3); opacity: 0; }
100% { transform: scale(1); opacity: 0; }
}
.recom-server { height: 303px; background-color: rgb(34, 32, 32); position: relative; padding: 15px 13px 0px 14px; margin-bottom: 10px; }
.all-server { display: block; margin: auto; }
.t { font-weight: 700; font-size: 22px; color: rgb(199, 2, 0); width: 260px; height: 22px; padding: 0px 0px 15px; border-bottom: 1px solid rgb(56, 56, 56); }
.t span { font-size: 10px; font-weight: 400; margin-left: 8px; color: rgb(114, 113, 104); }
.kv { position: relative; float: left; width: 604px; height: 332px; overflow: hidden; z-index: 1; padding-left: 6px; margin: 0px 10px 10px 2px; }
.fast { float: left; width: 291px; height: 329px; overflow: hidden; }
.f { position: relative; display: block; width: 100%; height: 110px; }
.f1 { background: url("f1.png"/*tpa=http://www.586data.com/553/f1.png*/) no-repeat scroll 0% 0% transparent; }
.f2 { background: url("f2.png"/*tpa=http://www.586data.com/553/f2.png*/) no-repeat scroll 0% 0% transparent; }
.f3 { background: url("f3.png"/*tpa=http://www.586data.com/553/f3.png*/) no-repeat scroll 0% 0% transparent; }
.f1:hover { background: url("f1.png"/*tpa=http://www.586data.com/553/f1.png*/) no-repeat scroll 0% 0% transparent; }
.f2:hover { background: url("f2.png"/*tpa=http://www.586data.com/553/f2.png*/) no-repeat scroll 0% 0% transparent; }
.f3:hover { background: url("f3.png"/*tpa=http://www.586data.com/553/f3.png*/) no-repeat scroll 0% 0% transparent; }
.f i { position: absolute; top: 16px; left: 28px; display: block; text-indent: -9999em; transition: all 0.8s ease 0s; transform-origin: 50% 50% 0px; }
.f:hover i { transform: rotate(360deg); }
#news { float: left; width: 577px; height: 309px; padding: 9px 12px 0px 15px; background: none repeat scroll 0% 0% rgb(34, 32, 32); overflow: hidden; margin: 0px 10px 10px; }
.fast2 { float: left; width: 288px; height: 318px; overflow: hidden; }
.fs { position: relative; display: block; width: 100%; height: 159px; overflow: hidden; }
.fs1 { background: url("fs1.png"/*tpa=http://www.586data.com/553/fs1.png*/) repeat scroll 0% 0% transparent; }
.fs1:hover { background: url("fs1.png"/*tpa=http://www.586data.com/553/fs1.png*/) repeat scroll 0% 0% transparent; }
.fs2 { background: url("fs2.png"/*tpa=http://www.586data.com/553/fs2.png*/) repeat scroll 0% 0% transparent; }
.fs2:hover { background: url("fs2.png"/*tpa=http://www.586data.com/553/fs2.png*/) repeat scroll 0% 0% transparent; }
.fs1:hover i, .fs2:hover i { color: rgb(237, 180, 65); }
.fs i { color: rgb(114, 113, 104); font-size: 11px; position: absolute; top: 122px; left: 133px; transition: all 0.3s ease 0s; }
.fs2 i { top: 121px; }
.fs:hover i { left: 158px; color: rgb(114, 113, 104); }
.icon-all-server:hover { background-image: url("icons.png"/*tpa=http://www.586data.com/553/icons.png*/); background-position: 0px -39px; width: 217px; height: 37px; color: rgb(255, 255, 153); }
.icon-all-server { background-image: url("icons.png"/*tpa=http://www.586data.com/553/icons.png*/); background-position: 0px 0px; width: 217px; height: 37px; margin-top: 10px; text-align: center; color: rgb(255, 255, 255); line-height: 37px; font-size: 18px; }
.icon-f1-u { background-image: url("icons.png"/*tpa=http://www.586data.com/553/icons.png*/); background-position: -124px -138px; width: 60px; height: 60px; }
.icon-f2-u { background-image: url("icons.png"/*tpa=http://www.586data.com/553/icons.png*/); background-position: -62px -138px; width: 60px; height: 60px; }
.icon-f3-u { background-image: url("icons.png"/*tpa=http://www.586data.com/553/icons.png*/); background-position: 0px -138px; width: 60px; height: 60px; }