blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
body{position:relative;font-size:14px;overflow:auto}
body,button,input,keygen,legend,select,textarea{font-family:"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;font-weight:400;color:#333;outline:0;speak:none;-webkit-font-feature-settings:normal;-moz-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,h5,h6{font-weight:400}
li{list-style:none}
abbr,body,fieldset,html,iframe,img{border:0}
img{vertical-align:top}
a,button{cursor:pointer}
a{color:#333;outline:0;text-decoration:none}
a:focus{color:#333;outline:0;-moz-outline:none}
a:hover{color:#fc8080;text-decoration:none}
a:-webkit-any-link{text-decoration:none}
.container{width:1200px;margin:0 auto;padding:0}
.container:after{content:"";display:block;clear:both}
.clearfix:after{content:"";display:block;clear:both}
.fl{float:left}
.fr{float:right}
.tl{text-align:left}
.tr{text-align:right}
.tc{text-align:center}
.color-white{color:#fff!important}
.red{color:#fc8080!important}
.fz12{font-size:12px}
.fz14{font-size:14px}
.wfs{width:100%;position:relative}
.p_r{position:relative}
.webColor{color: #EEEEEE;}
body,div,h2,h3,li,ul{margin:0;padding:0;border:0}
body{font-size:12px;font-family:"Microsoft YaHei"}
ul{list-style-type:none}
a{text-decoration:none}
body{background:url(../index_files/bk.jpg) no-repeat ;
background-size: 100% 100%;}
.list{text-align:center;width:350px;height:auto;margin:0 auto}
.list li{display:inline-block;margin:5px;height:80px;background:#fff;box-shadow:2px 2px 4px rgba(0,0,0,.2);-webkit-transition:.3s all ease;-moz-transition:.3s all ease;-ms-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;overflow:hidden;position:relative}
.shoujiqudiao{display:block}
@media screen and (max-width:1222px){.shoujiqudiao{display:none}
}
.list li:hover{box-shadow:2px 2px 4px rgba(0,0,0,.4)}
.text a,.text h2{font-family:"Microsoft YaHei";color:#333;text-shadow:1px 2px 4px #999;font-size:28px;font-weight:400;-webkit-transition:.3s all ease;-moz-transition:.3s all ease;-ms-transition:.3s all ease;-o-transition:.3s all ease}
.text h3{font-family:Verdana;font-size:14px;color:#666;font-weight:400;-webkit-transition:.3s all ease;-moz-transition:.3s all ease;-ms-transition:.3s all ease;-o-transition:.3s all ease}
.list li:hover a,.list li:hover h2{color:#fff;font-size:18px;text-shadow:1px 2px 4px #333}
.list li:hover .text h3{color:#f60;font-size:18px;margin-top:10px}
.list li .icon{width:60px;height:50px;margin-left:10px;margin-top:15px;float:left;font-size:30px;line-height:75px;text-align:center;-webkit-transition:.3s all ease;-moz-transition:.3s all ease;-ms-transition:.3s all ease;-o-transition:.3s all ease;text-shadow:0 0 3px #ccc}
.list li:hover .icon{color:#f90;font-size:50px}
.list li{width:350px!important;}
/* .text{float:left;margin-top:11px;height:70px;width:240px;-webkit-animation:.5s .2s ease both;-moz-animation:1s .2s ease both} */
.text{position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
#nb88 { background:url(../index_files/0_1.jpg); transition: all .6s; }
#bet365 {background:url(../index_files/1_1.jpg); transition: all .6s; }
#nbet365 {background:url(../index_files/1_1.jpg); transition: all .6s; }
#vnsr { background:url(../index_files/2_1.jpg); transition: all .6s; }
#tyc { background:url(../index_files/3_1.jpg); transition: all .6s; }
#xpj { background:url(../index_files/4_1.jpg); transition: all .6s; }
#amjs { background:url(../index_files/5_1.jpg); transition: all .6s; }
#amyh { background:url(../index_files/6_1.jpg); transition: all .6s; }
#jsgbh { background:url(../index_files/7_1.jpg); transition: all .6s; }
#dc { background:url(../index_files/8_1.jpg); transition: all .6s; }
#yl { background:url(../index_files/9_1.jpg); transition: all .6s; }
#betway { background:url(../index_files/10_1.jpg); transition: all .6s; }
#w88 { background:url(../index_files/13_1.jpg); transition: all .6s; }
#mabet { background:url(../index_files/11_1.jpg); transition: all .6s; }
#qg { background:url(../index_files/12_1.jpg); transition: all .6s; }
#msyz { background:url(../index_files/14_1.jpg); transition: all .6s; }
#yibetxpj { background:url(../index_files/4_1.jpg); transition: all .6s; }
#yibetamjs { background:url(../index_files/5_1.jpg); transition: all .6s; }
#xjdc { background:url(../index_files/15_1.jpg); transition: all .6s; }
#jb { background:url(../index_files/16_1.jpg); transition: all .6s; }
#yb { background:url(../index_files/17_1.jpg); transition: all .6s; }
#ob { background:url(../index_files/18_1.jpg); transition: all .6s; }
#bwin { background:url(../index_files/19_1.jpg); transition: all .6s; }
#dafa { background:url(../index_files/20_1.jpg); transition: all .6s; }
#newtyc { background:url(../index_files/3_1.jpg); transition: all .6s; }
#newyl { background:url(../index_files/9_1.jpg); transition: all .6s; }
#kok { background:url(../index_files/22_1.gif); transition: all .6s; }
#ty168 { background:url(../index_files/21_1.png); transition: all .6s; }
#amdc { background:url(../index_files/23_1.jpg); transition: all .6s; }
#HTH { background:url(../index_files/24_1.jpg); transition: all .6s; }
#AYX { background:url(../index_files/25_1.jpg); transition: all .6s; }
#ky { background:url(../index_files/26_1.jpg); transition: all .6s; }
#yh { background:url(../index_files/27_1.jpg); transition: all .6s; }
#mgm { background:url(../index_files/28_1.jpg); transition: all .6s; }

#ty168:hover { background:url(../index_files/21_2.png); transition: all .6s; }
#nb88:hover { background:url(../index_files/0_2.jpg); transition: all .6s; }
#bet365:hover {background:url(../index_files/1_2.jpg); transition: all .6s; }
#nbet365:hover {background:url(../index_files/1_2.jpg); transition: all .6s; }
#vnsr:hover { background:url(../index_files/2_2.jpg); transition: all .6s; }
#tyc:hover { background:url(../index_files/3_2.jpg); transition: all .6s; }
#xpj:hover { background:url(../index_files/4_2.jpg); transition: all .6s; }
#amjs:hover { background:url(../index_files/5_2.jpg); transition: all .6s; }
#amyh:hover { background:url(../index_files/6_2.jpg); transition: all .6s; }
#jsgbh:hover { background:url(../index_files/7_2.jpg); transition: all .6s; }
#dc:hover { background:url(../index_files/8_2.jpg); transition: all .6s; }
#yl:hover { background:url(../index_files/9_2.jpg); transition: all .6s; }
#betway:hover { background:url(../index_files/10_2.jpg); transition: all .6s; }
#w88:hover { background:url(../index_files/13_2.jpg); transition: all .6s; }
#mabet:hover { background:url(../index_files/11_2.jpg); transition: all .6s; }
#qg:hover { background:url(../index_files/12_2.jpg); transition: all .6s; }
#msyz:hover { background:url(../index_files/14_2.jpg); transition: all .6s; }
#yibetxpj:hover { background:url(../index_files/4_2.jpg); transition: all .6s; }
#yibetamjs:hover { background:url(../index_files/5_2.jpg); transition: all .6s; }
#xjdc:hover { background:url(../index_files/15_2.jpg); transition: all .6s; }
#jb:hover { background:url(../index_files/16_2.jpg); transition: all .6s; }
#yb:hover { background:url(../index_files/17_2.jpg); transition: all .6s; }
#ob:hover { background:url(../index_files/18_2.jpg); transition: all .6s; }
#bwin:hover { background:url(../index_files/19_2.jpg); transition: all .6s; }
#dafa:hover { background:url(../index_files/20_2.jpg); transition: all .6s; }
#newyl:hover { background:url(../index_files/9_2.jpg); transition: all .6s; }
#newtyc:hover { background:url(../index_files/3_2.jpg); transition: all .6s; }
#kok:hover { background:url(../index_files/22_2.gif); transition: all .6s; }
#amdc:hover { background:url(../index_files/23_2.jpg); transition: all .6s; }
#HTH:hover { background:url(../index_files/24_2.jpg); transition: all .6s; }
#AYX:hover { background:url(../index_files/25_2.jpg); transition: all .6s; }
#ky:hover { background:url(../index_files/26_2.jpg); transition: all .6s; }
#yh:hover { background:url(../index_files/27_2.jpg); transition: all .6s; }
#mgm:hover { background:url(../index_files/28_2.jpg); transition: all .6s; }

@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}
20%,60%{-webkit-transform:translateX(-10px)}
40%,80%{-webkit-transform:translateX(10px)}
}
@-moz-keyframes shake{0%,100%{-moz-transform:translateX(0)}
20%,60%{-moz-transform:translateX(-10px)}
40%,80%{-moz-transform:translateX(10px)}
}
.footer{font-size:16px;width:280px;margin:30px auto;text-align:center}
