/*!
 * UEDbet-Index 继承样式
 * Author: Steven
 * Update by 2016-09-03
 */

/*==================== index 首页 ====================*/
/* index-screen-01 */
.cc_title{width:100%;height:45px;margin:40px 0px;}
.cct_img{width:180px;height:45px;background: no-repeat;}
.ccti_l{background-position:0px -100px;}
.ccti_c{background-position:0px -150px;}
.ccti_r{background-position:0px -200px;}
.cc_item1{width:260px;height:105px;position:relative;}
.cci_title{width:120px;height:24px;position:absolute;left:0px;top:0px;color:#333333;font-size:18px;line-height:18px;white-space:nowrap;text-shadow:0 1px 0 #ffffff;}
.cci_unit{width:40px;height:32px;color:#dbdbdb;font-size:28px;line-height:34px;text-align:center;position:absolute;top:0px;right:0px;}
.cci_num{width:80px;height:28px;color:#666666;font-size:44px;line-height:32px;text-align:right;position:absolute;top:0px;right:40px;}
.cci_avg{width:60px;height:12px;position:absolute;line-height:12px;color:#999999;font-size:12px;left:0px;top:24px;}
.cci_load{width:260px;height:10px;position:absolute;left:0px;top:45px;overflow:hidden;background: no-repeat 0 0;}
.load_s{width:5px;height:10px;position:absolute;left:0px;top:0px;background: no-repeat 0 -10px;}
.load_e{width:255px;height:10px;position:absolute;left:5px;top:0px;overflow:hidden;}
.load_rate{width:255px;height:10px;position:absolute;left:-99%;top:0px;background:no-repeat -5px -10px;}
.cci_visa{width:50px;height:16px;position:absolute;left:0px;top:24px;background: no-repeat -250px -760px;}
.cci_mscd{width:50px;height:16px;position:absolute;left:60px;top:24px;background: no-repeat -320px -760px;}
.cci_agcy{width:140px;height:12px;position:absolute;line-height:12px;left:0;top:46px;color:#999999;font-size:12px;}
.cci_unit2{width:40px;height:32px;color:#dbdbdb;font-size:28px;line-height:34px;text-align:center;position:absolute;top:26px;right:0px;}
.cci_num2{width:80px;height:28px;color:#666666;font-size:44px;line-height:32px;text-align:right;position:absolute;top:24px;right:40px;}
.cci_name{width:90px;height:22px;position:absolute;top:0px;right:0px;color:#cccccc;font-size:12px;line-height:22px;text-align:right;}
.cci_txt{width:100%;height:45px;position:absolute;left:0px;top:32px;font-size:12px;color:#555555;white-space:nowrap;text-shadow:0 1px 0 #ffffff;}
.cci_txt2{width:100%;height:50px;position:absolute;left:0px;top:30px;font-size:12px;color:#555555;white-space:nowrap;text-shadow:0 1px 0 #ffffff;}
.cc_item2{width:260px;height:120px;margin-bottom:22px;margin-top:-30px;position:relative;}
.cci_chag{width:100%;height:6px;position:absolute;left:0px;bottom:0px;}
.ccic_icon{width:6px;height:6px;position:absolute;top:0px;cursor:pointer;background: no-repeat;}
.slt{background-position:-24px -874px;}
.uslt{background-position:-44px -874px;}
.idx1{left:89px;}
.idx2{left:109px;}
.idx3{left:129px;}
.cci_scoll{width:0px;height:0px;overflow:hidden;}
.cci_scoll div{width:10px;height:10px;overflow:scroll;}
.cci_scoll div div{width:10px;height:9999px;}
/*client-list start*/
.client-list{margin:-7px 0 0 -7px;height:300px;position:relative;}
.client-list .l1,.client-list .l2,.client-list .l3{position:absolute;top:-20px;}
.client-list .l2,.client-list .l3{display:none;}
.client-list li{margin-bottom:28px;}
.client-list .i-logo{position:absolute;width:92px;height:92px;background: no-repeat;}
.client-list .i-ued{background-position:0 -450px;}
.client-list .i-sport{background-position:0 -550px;}
.client-list .i-keno{background-position:0 -650px;}
.client-list .i-ag{background-position:-100px -450px;}
.client-list .i-pt{background-position:-100px -550px;}
.client-list .i-gd{background-position:-100px -650px;}
.client-list .i-kimpi{background-position:-200px -450px;}
.client-list .i-betsoft{background-position:-200px -550px;}
.client-list .i-main{margin-left:92px;}
.client-list h3{margin-bottom:15px;padding-top:6px;color:#333;font-size:18px;line-height:18px;white-space:nowrap;text-shadow:0 1px 0 #fff;}
.client-list p{font-size:12px;color:#555;text-shadow:0 1px 0 #fff;}
.client-list a:hover h3{color: #555;}
.client-list a:hover p{color: #777;}
.client-list>div>ul>li:hover .i-logo{opacity:0.9;filter:alpha(opacity=90);}
.nav1{position:relative;}
.nav1 .i{width:6px;height:6px;position:absolute;top:0px;cursor:pointer;background: no-repeat -44px -874px;}
.nav1 .i1{left:119px;}
.nav1 .i2{left:139px;}
.nav1 .i3{left:159px;}
.nav1 .on{background-position:-24px -874px;}
/* index-screen-02 */
.ff_title{width:100%;height:45px;margin:12px 0px 48px;}
.fft_img{width:180px;height:45px;background: no-repeat;}
.ffti_l{background-position:0px -250px;}
.ffti_c{background-position:0px -300px;}
.ffti_r{background-position:0px -350px;}
.ff_abtu{width:300px;height:150px;position:relative;}
.ff_logo_b{width:100px;height:100px;background: no-repeat 0 -550px;}
.ff_cpr{width:100px;height:14px;position:absolute;left:0px;top:115px;font-size:12px;color:#555555;text-align:center;text-shadow:0 1px 0 #ffffff;}
.ff_cprt{width:170px;height:150px;position:absolute;top:-7px;left:130px;font-size:12px;line-height:24px;color:#555555;white-space:nowrap;text-shadow:0 1px 0 #ffffff;}
.ff_cprt a{color:#555555;text-decoration:underline;text-shadow:0 1px 0 #ffffff;}
.ff_pt{width:260px;height:200px;position:absolute;}
.ff_pti{width:130px;height:26px;background: no-repeat;float:left;margin-bottom:10px;}
.ea{background-position:-200px -100px;-webkit-transform:translate(-20px,0);opacity:0;}
.pt{background-position:-200px -280px;-webkit-transform:translate(20px,0);opacity:0;}
.liao{background-position:-200px -220px;-webkit-transform:translate(-20px,0);opacity:0;}
.gd{background-position:-200px -250px;-webkit-transform:translate(20px,0);opacity:0;}
.eig{background-position:-200px -160px;-webkit-transform:translate(-20px,0);opacity:0;cursor:default;}
.gam{background-position:-200px -310px;-webkit-transform:translate(20px,0);opacity:0;}
.gicc{background-position:-200px -130px;-webkit-transform:translate(-20px,0);opacity:0;cursor:default;}
.tha{background-position:-200px -340px;-webkit-transform:translate(20px,0);opacity:0;}
.keno{background-position:-200px -190px;-webkit-transform:translate(-20px,0);opacity:0;}
.show .ea,.show .pt,.show .liao,.show .gd,.show .eig,.show .gam,.show .gicc,.show .tha,.show .keno{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}
.show .ea{-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
.show .liao{-webkit-transition:all 0.5s ease-out 0.2s;-moz-transition:all 0.5s ease-out 0.2s;-ms-transition:all 0.5s ease-out 0.2s;-o-transition:all 0.5s ease-out 0.2s;transition:all 0.5s ease-out 0.2s;}
.show .eig{-webkit-transition:all 0.5s ease-out 0.4s;-moz-transition:all 0.5s ease-out 0.4s;-ms-transition:all 0.5s ease-out 0.4s;-o-transition:all 0.5s ease-out 0.4s;transition:all 0.5s ease-out 0.4s;}
.show .gicc{-webkit-transition:all 0.5s ease-out 0.6s;-moz-transition:all 0.5s ease-out 0.6s;-ms-transition:all 0.5s ease-out 0.6s;-o-transition:all 0.5s ease-out 0.6s;transition:all 0.5s ease-out 0.6s;}
.show .keno{-webkit-transition:all 0.5s ease-out 0.8s;-moz-transition:all 0.5s ease-out 0.8s;-ms-transition:all 0.5s ease-out 0.8s;-o-transition:all 0.5s ease-out 0.8s;transition:all 0.5s ease-out 0.8s;}
.show .pt{-webkit-transition:all 0.5s ease-out 1s;-moz-transition:all 0.5s ease-out 1s;-ms-transition:all 0.5s ease-out 1s;-o-transition:all 0.5s ease-out 1s;transition:all 0.5s ease-out 1s;}
.show .gd{-webkit-transition:all 0.5s ease-out 1.2s;-moz-transition:all 0.5s ease-out 1.2s;-ms-transition:all 0.5s ease-out 1.2s;-o-transition:all 0.5s ease-out 1.2s;transition:all 0.5s ease-out 1.2s;}
.show .gam{-webkit-transition:all 0.5s ease-out 1.4s;-moz-transition:all 0.5s ease-out 1.4s;-ms-transition:all 0.5s ease-out 1.4s;-o-transition:all 0.5s ease-out 1.4s;transition:all 0.5s ease-out 1.4s;}
.show .tha{-webkit-transition:all 0.5s ease-out 1.6s;-moz-transition:all 0.5s ease-out 1.6s;-ms-transition:all 0.5s ease-out 1.6s;-o-transition:all 0.5s ease-out 1.6s;transition:all 0.5s ease-out 1.6s;}
.ff_help{width:285px;height:60px;border-bottom:1px solid #dde1e3;}
.ffh_item{width:94px;height:16px;float:left;display:block;margin-bottom:8px;}
.ffh_arrow{width:17px;height:16px;float:left;background: no-repeat -59px -760px;-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);}
.show .ffh_arrow{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);}
.show .arr1{-webkit-transition:-webkit-transform 0.3s ease-out 0s;-moz-transition:-moz-transform 0.3s ease-out 0s;-ms-transition:-ms-transform 0.3s ease-out 0s;-o-transition:-0-transform 0.3s ease-out 0s;transition:transform 0.3s ease-out 0s;}
.show .arr2{-webkit-transition:-webkit-transform 0.3s ease-out 0.15s;-moz-transition:-moz-transform 0.3s ease-out 0.15s;-ms-transition:-ms-transform 0.3s ease-out 0.15s;-o-transition:-o-transform 0.3s ease-out 0.15s;transition:transform 0.3s ease-out 0.15s;}
.show .arr3{-webkit-transition:-webkit-transform 0.3s ease-out 0.3s;-moz-transition:-moz-transform 0.3s ease-out 0.3s;-ms-transition:-ms-transform 0.3s ease-out 0.3s;-o-transition:-o-transform 0.3s ease-out 0.3s;transition:transform 0.3s ease-out 0.3s;}
.show .arr4{-webkit-transition:-webkit-transform 0.3s ease-out 0.45s;-moz-transition:-moz-transform 0.3s ease-out 0.45s;-ms-transition:-ms-transform 0.3s ease-out 0.45s;-o-transition:-o-transform 0.3s ease-out 0.45s;transition:transform 0.3s ease-out 0.45s;}
.show .arr5{-webkit-transition:-webkit-transform 0.3s ease-out 0.6s;-moz-transition:-moz-transform 0.3s ease-out 0.6s;-ms-transition:-ms-transform 0.3s ease-out 0.6s;-o-transition:-o-transform 0.3s ease-out 0.6s;transition:transform 0.3s ease-out 0.6s;}
.show .arr6{-webkit-transition:-webkit-transform 0.3s ease-out 0.75s;-moz-transition:-moz-transform 0.3s ease-out 0.75s;-ms-transition:-ms-transform 0.3s ease-out 0.75s;-o-transition:-o-transform 0.3s ease-out 0.75s;transition:transform 0.3s ease-out 0.75s;}
.ffh_item:hover .ffh_arrow{background: no-repeat -59px -784px;}
.ffhi_a{width:59px;height:16px;float:left;color:#555555;margin-left:5px;line-height:16px;white-space:nowrap;text-shadow:0 1px 0 #ffffff;}
.ff_brow{width:285px;height:76px;border-bottom:1px solid #dde1e3;overflow:hidden;}
.ffb_title,.ffs_title{width:100%;height:14px;line-height:14px;margin-top:16px;color:#1b1b1c;}
.ffb_all,.ffs_all{width:100%;height:20px;position:relative;margin-top:10px;}
.ffb_item{width:70px;height:20px;position:absolute;display:block;top:0px;}
.ffb_all .js{left: 150px;}
.ffb_all .ie{left: 225px;}
.ffb_all .cm{left: 0;}
.ffb_all .fx{left: 75px;}
.ffb_icon{width:21px;height:20px;background: no-repeat;float:left;-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);}
.show .ffb_icon{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);}
.js .ffb_icon{background-position:-39px -900px;}
.ie .ffb_icon{background-position:-69px -900px;}
.cm .ffb_icon{background-position:-99px -900px;}
.fx .ffb_icon{background-position:-129px -900px;}
.show .js .ffb_icon{-webkit-transition:-webkit-transform 0.4s ease-out 0s;-moz-transition:-moz-transform 0.4s ease-out 0s;-ms-transition:-ms-transform 0.4s ease-out 0s;-o-transition:-o-transform 0.4s ease-out 0s;transition:transform 0.4s ease-out 0s;}
.show .ie .ffb_icon{-webkit-transition:-webkit-transform 0.4s ease-out 0.2s;-moz-transition:-moz-transform 0.4s ease-out 0.2s;-ms-transition:-ms-transform 0.4s ease-out 0.2s;-o-transition:-o-transform 0.4s ease-out 0.2s;transition:transform 0.4s ease-out 0.2s;}
.show .cm .ffb_icon{-webkit-transition:-webkit-transform 0.4s ease-out 0.4s;-moz-transition:-moz-transform 0.4s ease-out 0.4s;-ms-transition:-ms-transform 0.4s ease-out 0.4s;-o-transition:-o-transform 0.4s ease-out 0.4s;transition:transform 0.4s ease-out 0.4s;}
.show .fx .ffb_icon{-webkit-transition:-webkit-transform 0.4s ease-out 0.6s;-moz-transition:-moz-transform 0.4s ease-out 0.6s;-ms-transition:-ms-transform 0.4s ease-out 0.6s;-o-transition:-o-transform 0.4s ease-out 0.6s;transition:transform 0.4s ease-out 0.6s;}
.js:hover .ffb_icon{background-position:-159px -900px;}
.ie:hover .ffb_icon{background-position:-189px -900px;}
.cm:hover .ffb_icon{background-position:-219px -900px;}
.fx:hover .ffb_icon{background-position:-249px -900px;}
.ffb_vsion{width:30px;height:20px;float:left;font-size:13px;line-height:20px;margin-left:5px;/*color:#7c8088;*/color:#555555;text-shadow:0 1px 0 #ffffff;}
.ff_shall{width:285px;height:90px;overflow:hidden;}
.ffs_item{width:80px;height:20px;position:absolute;display:block;top:0px;}
.ffs_icon{width:21px;height:20px;position:absolute;top:0px;left:0px;background: no-repeat;-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);}
.ffs_txt{width:50px;height:20px;position:absolute;top:0px;left:25px; /*color:#7c8088*/color:#555555;text-shadow:0 1px 0 #ffffff;}
.ffs_all .xl{left:0px;}
.ffs_all .tx{left:75px;}
.ffs_all .wx{left:150px;}
.ffs_all .qq{left:225px;}
.xl .ffs_icon{background-position:-39px -930px;}
.tx .ffs_icon{background-position:-99px -930px;}
.wx .ffs_icon{background-position:-129px -930px;}
.qq .ffs_icon{background-position:-39px -960px;}
.show .ffs_icon{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);}
.show .xl .ffs_icon{-webkit-transition:-webkit-transform 0.4s ease-out 0s;-moz-transition:-moz-transform 0.4s ease-out 0s;-ms-transition:-ms-transform 0.4s ease-out 0s;-o-transition:-o-transform 0.4s ease-out 0s;transition:transform 0.4s ease-out 0s}
.show .tx .ffs_icon{-webkit-transition:-webkit-transform 0.4s ease-out 0.2s;-moz-transition:-moz-transform 0.4s ease-out 0.2s;-ms-transition:-ms-transform 0.4s ease-out 0.2s;-o-transition:-o-transform 0.4s ease-out 0.2s;transition:transform 0.4s ease-out 0.2s;}
.show .wx .ffs_icon{-webkit-transition:-webkit-transform 0.4s ease-out 0.4s;-moz-transition:-moz-transform 0.4s ease-out 0.4s;-ms-transition:-ms-transform 0.4s ease-out 0.4s;-o-transition:-o-transform 0.4s ease-out 0.4s;transition:transform 0.4s ease-out 0.4s;}
.show .qq .ffs_icon{-webkit-transition:-webkit-transform 0.4s ease-out 0.6s;-moz-transition:-moz-transform 0.4s ease-out 0.6s;-ms-transition:-ms-transform 0.4s ease-out 0.6s;-o-transition:-o-transform 0.4s ease-out 0.6s;transition:transform 0.4s ease-out 0.6s;}
.xl:hover .ffs_icon{background-position:-159px -930px;}
.tx:hover .ffs_icon{background-position:-219px -930px;}
.wx:hover .ffs_icon{background-position:-249px -930px;}
.qq:hover .ffs_icon{background-position:-159px -960px;}
/* anim1 */
#user-experience{position:relative;overflow:hidden;width:199px;height:100px;cursor:pointer;}
#user-experience div{position:absolute;bottom:0;}
#ue-inner{width:100%;height:100%;}
#ue-limgs{left:0;width:90px;height:89px;background: 0 -534px no-repeat;z-index:1;}
#ue-rimgs{left:54px;width:126px;height:69px;background: 0 -345px no-repeat;z-index:2;}
#ue-limgs-inner,#ue-rimgs-inner{width:100%;height:100%;}
#ue-limgs-inner{background: 0 100px no-repeat;}
#ue-rimgs-inner{background: 0 100px no-repeat;}
.move #ue-inner{-webkit-animation:fadeOutDown .2s linear .1s  both;-moz-animation:fadeOutDown .2s linear .1s  both;-ms-animation:fadeOutDown .2s linear .1s  both;-o-animation:fadeOutDown .2s linear .1s  both;animation:fadeOutDown .2s linear .1s  both;}
.move #ue-limgs{-webkit-animation:Down2 .2s linear .5s  both;-moz-animation:Down2 .2s linear .5s  both;-ms-animation:Down2 .2s linear .5s  both;-o-animation:Down2 .2s linear .5s  both;animation:Down2 .2s linear .5s  both;}
.move #ue-limgs-inner{-webkit-animation:changeBGposition1 1s step-end .9s  both;-moz-animation:changeBGposition1 1s step-end .9s  both;-ms-animation:changeBGposition1 1s step-end .9s  both;-o-animation:changeBGposition1 1s step-end .9s  both;animation:changeBGposition1 1s step-end .9s  both;}
.move #ue-rimgs{-webkit-animation:Down2 .2s linear 2s  both;-moz-animation:Down2 .2s linear 2s  both;-ms-animation:Down2 .2s linear 2s  both;-o-animation:Down2 .2s linear 2s  both;animation:Down2 .2s linear 2s  both;}
.move #ue-rimgs-inner{-webkit-animation:changeBGposition2 1s step-end 2.4s  both;-moz-animation:changeBGposition2 1s step-end 2.4s  both;-ms-animation:changeBGposition2 1s step-end 2.4s  both;-o-animation:changeBGposition2 1s step-end 2.4s  both;animation:changeBGposition2 1s step-end 2.4s  both;}
/* anim2 */
#rocket{position:relative;width:200px;height:100px;overflow:hidden;cursor:pointer;}
#rocket div{position:absolute;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;}
#rk-cloud{bottom:0px;left:4px;width:142px;height:56px;background: no-repeat;z-index:3;}
#rk-main{bottom:-92px;left:86px;width:49px;height:169px;background: no-repeat;z-index:1;}
#rk-earth{bottom:0px;right:3px;width:60px;height:56px;background: no-repeat;z-index:1;}
#rk-hill{bottom:0px;right:0px;width:123px;height:19px;background: no-repeat;z-index:2;}
.move #rk-cloud{left:0px;}
.move #rk-main{-webkit-animation:rocketUp .7s ease-out .2s both;-moz-animation:rocketUp .7s ease-out .2s both;-ms-animation:rocketUp .7s ease-out .2s both;-o-animation:rocketUp .7s ease-out .2s both;animation:rocketUp .7s ease-out .2s both;}
.move #rk-earth{right:0px;}
/* anim3 */
#services{position:relative;overflow:hidden;width:200px;height:100px;cursor:pointer;}
#services div{position:absolute;}
#s-inner{width:100%;height:100%;}
#s-b1{width:100%;height:100%;}
#s-qq{left:50px;bottom:0;width:45px;height:52px;background: no-repeat;}
#s-gugong{right:0;bottom:0;width:91px;height:72px;background: no-repeat;}
#s-lm{left:0;bottom:0;width:65px;height:61px;background: no-repeat;}
#s-green{bottom:0;left:79px;width:51px;height:41px;background: no-repeat;}
#s-white{bottom:0;left:107px;width:36px;height:26px;background: no-repeat;}
.move #s-inner{-webkit-animation:fadeOutDown .3s ease-in 0s both;-moz-animation:fadeOutDown .3s ease-in 0s both;-ms-animation:fadeOutDown .3s ease-in 0s both;-o-animation:fadeOutDown .3s ease-in 0s both;animation:fadeOutDown .3s ease-in 0s both;}
.move #s-qq,.move #s-lm,.move #s-green,.move #s-white,.move #s-gugong{-webkit-animation:Down .2s ease both;-moz-animation:Down .2s ease both;-ms-animation:Down .2s ease both;-o-animation:Down .2s ease both;animation:Down .2s ease both;}
.move #s-qq{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-ms-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s;}
.move #s-green{-webkit-animation-delay:.7s;-moz-animation-delay:.7s;-ms-animation-delay:.7s;-o-animation-delay:.7s;animation-delay:.7s;}
.move #s-white{-webkit-animation-delay:.9s;-moz-animation-delay:.9s;-ms-animation-delay:.9s;-o-animation-delay:.9s;animation-delay:.9s;}
.move #s-lm{-webkit-animation-delay:1.1s;-moz-animation-delay:1.1s;-ms-animation-delay:1.1s;-o-animation-delay:1.1s;animation-delay:1.1s;}
.move #s-gugong{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-ms-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s;}
.move #s-b1{-webkit-animation:Jump .1s ease 1.9s both;-moz-animation:Jump .2s ease 1.9s both;-ms-animation:Jump .2s ease 1.9s both;-o-animation:Jump .2s ease 1.9s both;animation:Jump .2s ease 1.9s both;}