/* 首页底部模块更换*/
.thone .change_box{padding:0 12px;height:390px;}
.thone .des{line-height: 24px;color: #7a7a7a;font-size: 12px;padding:6px 0 0; height: 48px; overflow: hidden;}
.thone .des em{color: #585858;font-size: 14px;}
.thone .fla,.m-card,.m-game_test{margin:10px auto 0; width: 380px; height: 300px; overflow: hidden;position:relative;zoom:1;}

.change_box .votebar{border-bottom: 1px dashed #c7c7c7;padding: 15px 0 25px 115px;position: relative;overflow: hidden;zoom: 1;height: 64px;}
.change_box .votebar .vimg{position: absolute;left: 0;top: 17px;}
.change_box .votebar .vimg img{width: 94px;height: 64px;padding: 3px;border: 1px solid #dfdfdf;}
.change_box .votebar .vtit{color: #585858;font-size: 14px;font-weight: 600;width: 194px;height: 40px;overflow: hidden;}

.prog-bar{width: 200px; position: absolute;bottom: 20px;}
.prog-bar_in,.prog-bar_in .bar_in{height: 17px;border-radius: 4px;background: #e5e5e5;display: block;}
.prog-bar_in{width: 118px;overflow: hidden;}
.prog-bar_in .bar_in{background: #f68f6b;}
.prog-bar .addone{left:88px;top:0;}

.change_box .votebar .num{position: absolute;width: 72px;height: 20px;overflow: hidden;bottom: -1px;left: 125px;color: #585858;}
.change_box .vbtn .btn{width: 60px;height: 30px;background: #a8d661;font-size: 14px;line-height: 30px;text-align: center;position: absolute;right: 0;top: 38px;border-radius: 8px;color: #fff;text-decoration: none;}
.change_box .vbtn .btn:hover{background: #b7e374;}
.change_box .vbtn .btned,.change_box .vbtn .btned:hover{background: #e5e5e5;color: #8c8c8c; cursor: default;}
.change_box a{ display: block;}
.change_box .des a{ display: inline-block;}
.change_box .imlist{padding-top:15px;}
.change_box .imlist img{width: 380px;height: 160px;border-radius: 4px;margin:10px 0;}

.loading{background: url(/4399er/images/4399er150107/load.gif) no-repeat center 0;color: #7a7a7a;font-size:14px;line-height:30px;padding-top:80px;text-align:center;}
.fla .loading,.fla .fla-in{position: absolute;left: 0;top:0;}
.fla .loading{background-position:center 90px; border:1px solid #ccc;padding-top:173px;height: 123px; width:376px; overflow: hidden;}
.fla .fla-in{z-index: 10;}
/*卡牌 card*/ 
.m-card{}
.slide_scroll,.slide_list li,.slide_of{ position: relative;*zoom:1;}
.dm-marquee .slide_list li{ float: left; *display: inline;}
.slide_scroll .b-lef,.slide_scroll .b-rig,.slide_scroll .b-up,.slide_scroll .b-down{position: absolute;}
.slide_of{ overflow: hidden;}

.dm-marquee{ height: 300px; width:380px;position: relative;zoom:1;}
.dm-marquee .slide_of{height: 260px;}
.dm-marquee .slide_list li{height:260px; width: 160px; padding:0 15px; overflow: hidden;}
.card-1,.card-2 .cover{background: url(/4399er/images/4399er150107/i-card.png) no-repeat; height:260px;width: 160px;}
.card-1{background-position: 0 0;}
.card-2 .cover{background-position:-170px 0;}
.dm-marquee .slide_list .card-1,.dm-marquee .slide_list .card-2{cursor: pointer; height:260px;width: 160px;position: absolute;left: 15px;top: 0;}
.card-1 .tit,.card-2 .img,.card-2 .txt{position: absolute;left: 50%;}
.card-1 .tit{ color: #62a52b; font-size: 16px; font-family: "Microsoft Yahei";line-height: 30px; height: 30px; width: 128px; overflow: hidden;white-space: nowrap;text-overflow:ellipsis;text-align: center;margin-left: -64px;top: 185px;}
.dm-marquee .card-2 .cover{left: 0;top: 0;position: absolute;}
.card-2 .img{ height: 116px;width: 116px;margin-left: -58px;top: 22px;}
.card-2 .txt{ color: #fff;line-height: 20px; height:80px;width: 135px;margin-left: -68px;top: 162px; z-index: 10; overflow: hidden;}
.dm-marquee .page{padding-top:8px;padding-left: 152px;}
.dm-marquee .page .btn{border-bottom:3px solid #f86e6e;background-color: #fa8181;border-radius: 20px; color: #fff; font-size: 14px; font-family: "Microsoft Yahei";height: 29px;line-height: 29px;width: 70px; display: inline-block;text-align: center;}
.dm-marquee .page .m-label{color: #999; line-height: 29px; display: inline-block;margin-left: 10px;}
.page .m-label em{color: #fa8181;margin:0 2px;}

.card-sk .card-1{background-position:0 -270px;}
.card-sk .card-1 .tit{color: #3fa1d8;}
.card-sk .card-2 .cover{background-position:-170px -270px;}

.m-card .slide_list li.hover .card-1{display: none;}
.m-card .slide_list li.hover .card-2{display: block;}
.m-card li .card-2{z-index: 1;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.m-card li .card-1{z-index: 2;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);

	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
.m-card li:hover .card-2{z-index: 2;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	
}
.m-card li:hover .card-1{z-index: 1;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
	
}
/*测一测*/
.m-game_test{font-family:"Microsoft Yahei";}
.m-game_test .m-in_step1 .m-img{width:380px;height:164px;overflow: hidden;}
.m-in_step1 .m-img img{height:164px;width:328px;margin:0 auto;}
.m-game_test .m-in_step1 .m-tit{color:#336; font-size:20px;line-height:24px;margin-top:5px;}
.m-game_test .m-in_step1 .m-txt{background-color:#eeeaff;border-radius:3px;color:#666;font-size:14px;line-height:24px;padding:4px 0;width:308px;margin:6px auto 0;}
.m-in_step1 .m-btnarea,.m-game_test .i-btn,.m-game_test .m-in_tit li{background:url(/4399er/images/4399er150107/i-test.jpg);}
.m-game_test .i-btn{background-position:0 -62px;color:#fff;font-size:22px;line-height:30px;padding-top:16px; width:138px;height:46px;} 
.m-game_test .i-btn:hover{background-position:-144px -62px;color:#fff;}
.m-in_step1 .m-btnarea{margin-top:7px;height:62px;overflow:hidden;}
.m-in_step1 .m-btnarea .i-btn{margin:0 auto;}
.m-game_test .m-in_step2,.m-game_test .m-in_load{display:none;}
.m-game_test .m-in_con{border:1px solid #e3dff5;border-radius:3px;-moz-box-shadow:1px 1px 3px #e9e9e9; -webkit-box-shadow:1px 1px 3px #e9e9e9; box-shadow:1px 1px 3px #e9e9e9;padding:8px;height:226px;width:360px;}
.m-game_test .m-iner_con{display:none;}
.m-game_test .m-iner_con .m-img{color:#fff; height:225px;width:360px;}
.m-game_test .m-iner_con .m-img:hover{color:#fffda0;}
.slide_cover{background-color:#000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);opacity: 0.7;height:30px;position:absolute;}
.slide_title{height:30px;line-height:30px;position:absolute;}
.icon_look{background-position:-48px -118px;color:#fff;height:34px;width:77px;padding:10px 0 0 25px;text-align:center;}
.m-game_test .slide_cover{width:360px;left:0;bottom:0;}
.m-game_test .slide_title{font-family:"SimSun"; width:340px;padding:0 10px;left:0;bottom:0;overflow: hidden;white-space: nowrap;z-index:5;}
.m-game_test .icon_look{font-size:18px; position:absolute;right:-10px;top:10px;}
.m-game_test .m-in_tit{height:55px;left:-1px;top:-1px;}
.m-game_test .m-in_tit li{background-position:-86px -130px;cursor:pointer; float:left;*display: inline;color:#fff; font-size:18px;line-height:30px; width:84px;height:47px;text-align:center;padding-top:8px;}
.m-game_test .m-in_tit li.cur{background-position:0 -130px;color:#aa7aef;}
.m-game_test .m-in_step2 .i-btn{background-position:-174px -130px;font-size:18px;height:38px;width:110px;padding-top:10px;position:absolute;right:0;top:8px;}
.m-game_test .m-in_step2 .i-btn:hover{background-position:-288px -130px;}
.m-in_step1 .m-img img{
	 -webkit-animation: orbmove 10s ease infinite; 
	-moz-animation: orbmove 10s ease infinite; 
	-ms-animation: orbmove 10s ease infinite; 
	animation: orbmove 10s ease infinite; 
}
@-webkit-keyframes orbmove {
   0% {-webkit-transform:translateX(0);}
   20%{-webkit-transform:translateX(-20px);}
   40%{-webkit-transform:translateX(0);}
   80%{-webkit-transform:translateX(20px);}
   100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes orbmove {
  0% {-moz-transform:translateX(0);}
   50%{-moz-transform:translateX(10px);}
   100% {-moz-transform:translateX(0);}
}
@-ms-keyframes orbmove {
  0% {-ms-transform:translateX(0);}
   50%{-ms-transform:translateX(20px);}
   100% {-ms-transform:translateX(0);}
@keyframes orbmove {
   0% {transform:translateX(0);}
   50%{transform:translateX(20px);}
   100% {transform:translateX(0);}
}