@charset "utf-8";
* {
  margin: 0;
  padding: 0;
}
body {text-align:center;font-family: 'Microsoft YaHei';	}
div{margin-left:auto;margin-right:auto;border-width:0px;}
a{ text-decoration:none;}
a:hover{text-decoration:underline;}
img{ border-width:0px; border-style:none;}
/*左边导航上面标题*/
.vv881title{background:url(../images/titleicon.png) no-repeat left; width:90%; height:40px;  margin-top:15px; margin-left:15px;}	
.vv881title h5{font-size:16px; color:#333; text-indent:10px; float:left; font-weight:bold; line-height:40px;text-align:left;}
.themore{ width:20px;margin-left:20px; display:inline-block; height:20px; line-height:18px; border-radius:50%; background:#1487fe; text-align:center; color:#fff; font-size:14px; display:block; float:left; margin-top:10px;}
.themore:hover{ color:#fff;}
.vv881title h6{font-size:12px;  font-weight:normal; float:left;margin-left:20px; display:inline;line-height:40px;}
.vv881title h6 a{color:#999;}

/**main1**/
.body_top{width:100%;}
.frame{width:1280px;margin:0 auto;}
.whit{background:#fff;}

/*首页左边导航  修改了css*/
.main_top1{width:244px;height:430px;float:left;display:inline;background:#fff;z-index:999;position:relative;-moz-box-shadow: 0px 2px 4px rgba(133, 133, 133, 0.15);
    -webkit-box-shadow: 0px 2px 4px rgba(133, 133, 133, 0.15);
    box-shadow: 0px 2px 4px rgba(133, 133, 133, 0.15);}
.containor {position: relative;}	
.main_top1 {}
.main_top1 ul {width: 100%;height: auto;}
.main_top1 ul li {width:100%;padding:30px 0px 20px 0px;text-align:left;clear:both;background:url(../images/arrow-you.jpg) no-repeat 220px 32px;border-bottom:1px solid #eee;line-height:23px;color:#fff;}
.main_top1 ul li:hover {cursor:pointer;	}
.main_top1 ul li span{padding-left: 10px;line-height: 16px;color: #333;}
.main_top1 ul li p{padding:0 30px;line-height:16px;}
.menu-name img{float:left;}
.menu-sub{clear:both;z-index:9999;padding:0 30px;}
.menu-sub a{padding-right:10px;color:#999;font-size:12px;}
.main_top1 ul li span:hover {color: #FF0036;background: #FFFFFF;}
.itemtop{width:1030px;height:430px;position: absolute;z-index:999;background:#fff;margin-left:244px;top:0px;display:none;border:2px solid #ddd;}
.sub{overflow: hidden;width: 100%;height: 407px;background:#FFFFFF;padding: 10px 0px;z-index:999; }
.sub dl {overflow: hidden;padding: 0px 0px 10px 0px;}
.sub dd {width: 970px;float: left;display: block;position: relative;overflow: hidden;border-bottom: 1px dashed #E3E3E3;}
.sub dd a {font-size: 14px;float: left;color: #666;width:130px;text-align:left;margin: 15px 0px 10px 20px;text-decoration: none;cursor: pointer;}
.sub dd a:hover {color: #FF0036;}
.hide {display: none;}
.show {display: block;}


/* banner-box 变了css*/
.main_top2{width:747px;height:430px;float:left;display:inline;}
.banner-box{width:100%;height:430px;position:absolute;overflow:hidden;left:0px;z-index:1;}
.banner-box li .m-width {width:747px;margin-left:254px;overflow:hidden;z-index:10;position:relative;margin-top:5px;}
.banner-box li .m-width a img{width:747px;height:425px;z-index:1;}
.banner-box .bd li{width:100% !important;height:430px;}
.banner-box .bd li a{display:block;background-size:auto;padding-top:5px;}
.banner-box .prev{display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:5%;  z-index:1; width:30px; height:80px; background:url(../images/foot.png) no-repeat 0 0;} 
.banner-box .next{display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; right:5%;  z-index:1; width:30px; height:80px; background:url(../images/foot.png) no-repeat -30px 0;}
.banner-box .hd {position:absolute;top:250px;left:330px;z-index:10;}
.banner-box .hd ul li{width:12px;position:relative;z-index:10;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#fff;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#DA324D;}
.banner-box .bl{width:747px;height:40px;position:absolute;top:390px;left:50%;margin-left:-477px;z-index:999;}
.banner-box .btn{float:left;width:186px;height:40px;position:relative;}
.banner-box .btn .bg{position:absolute;width:186px;height:40px;border-top:1px solid #666;border-left:1px solid #666;background:#000;opacity:.5;filter:alpha(opacity=70)}
.banner-box .btn .tt{width:149px;height:40px;overflow:hidden;position:absolute;z-index:2;padding:0 8px;font-size:14px;color:#fff;line-height:40px;*line-height:33px;cursor:pointer}
.banner-box .btn .last{width:249px}
.banner-box .btn:hover{text-decoration:none}
.banner-box .on .bg{opacity:.8;filter:alpha(opacity=80)}
/*右侧*/
.main_top3{width:270px;height:425px;background:#fff;margin-top:-427px;float:right;display:inline;position:relative;z-index:1;-moz-box-shadow: 0px 2px 4px rgba(133, 133, 133, 0.15);
    -webkit-box-shadow: 0px 2px 4px rgba(133, 133, 133, 0.15);
    box-shadow: 0px 2px 4px rgba(133, 133, 133, 0.15);}  
.touxiang{margin-bottom:20px;line-height:25px;} 
.index_login{width:220px;height:53px;margin:20px auto;}
.indexlogin1,.indexlogin2{float:left;margin-left:5px;display:inline;width:90px;height:28px;border-radius:15px;}
.indexlogin1 a,.indexlogin2 a{display:block;width:90px;color:#ffffff;text-align:left;font-size:14px;text-align:center;height:28px;line-height:28px;}
.indexlogin1{background:url(../images/buybg.jpg) repeat-x;}
.indexlogin2{background:#fff;border:1px solid #e95105;margin-left:20px;}
.indexlogin2 a{color:#e95105;}
.tabscontent {padding:10px;}
.contents{height:115px;overflow:hidden;}
.tabscontent ul{margin-bottom:3px;margin-left:10px;margin-right:10px;font-size:14px;}
.tabscontent ul li{height:30px;line-height:30px}
.main_top3 .tabs li.on{border-bottom:2px solid #e95105;;}
.tabscontent ul li span{float:right;color:#999}
.tabscontent ul li a{width:160px;color:#666;height:30px; text-align:left;display:block;overflow:hidden;background:url(../images/gonggaoicon.jpg) no-repeat left;padding-left:10px;}
.tabscontent .sublist {margin-top: 10px;padding: 5px 10px;height: 100px;} 
.kuaijie{padding-left:20px;}
.kuaijie ul li{width:75px;height:55px;float:left;}
.kuaijie ul li p{margin-bottom:0px;}
.cardbg{background:url(../2023/images/cardbg.png) no-repeat;}

/**最新开服的滚动效果**/
.txtScroll-top{ width:1280px;margin:0 auto; position:relative;clear:both;padding-top:20px;}
.txtScroll-top h3{float:left;font-size:18px;color:#ff5811;border-left:2px solid #ff5811;height:20px;line-height:20px;padding-left:10px;}
.txtScroll-top .bd{width:1130px; overflow:hidden;height:20px;line-height:20px;float:left;padding-left:18px;}
.txtScroll-top .bd ul{ overflow:hidden; zoom:1; }
.txtScroll-top .bd ul li{ margin-right:50px;height:24px; line-height:24px;  text-align:left; }
.txtScroll-top .bd ul li span{ color:#999;  }

/*ad01*/
.ad{}
.ad01,.ad02,.ad03,.ad04{width:302px;height:130px;margin-top:3px;display:inline;float:left;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;
box-shadow: -1px 2px 14px 3px rgb(214, 212, 212);-webkit-box-shadow: -1px 2px 14px 3px rgb(214, 212, 212);-moz-box-shadow: -1px 2px 14px 3px rgb(214, 212, 212);}
.ad02,.ad03,.ad04{margin-left:22px;}
.ad01:hover,.ad02:hover,.ad03:hover,.ad04:hover{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05)}
.ad01 img,.ad02 img,.ad03 img，.ad04 img{width:302px; height:130px; border:0px;margin-left:0px;}

/*游戏*/
.floor{margin-top:20px;}
.floor .tit{height:60px;line-height:60px;font-size:24px;color:#333;float:left;margin-bottom:10px;}
.floor .tit span.fl{color:#ff7261;display:inline;}
.moregame{float:right;font-size:14px;color:#999;padding-top:22px;line-height:18px;}
.moregame a{color:#999;}
.moregame img{margin-left:5px;}
#F1{background:#ff7261;clear:both;width:100%;height:467px;}
#F1 .tabs{width:242px;height:467px;background:url(../images/1Fbg.png) no-repeat center bottom;overflow:hidden;float:left;}
#F1 .tabs .title{font-size:24px;color:#fff;margin:40px 0 35px 30px;border-left:2px solid #fff;text-align:left;padding-left:30px;}
#F1 .tabs li {list-style-type:none;display:block;color:#fff;width:133px;height:48px;line-height:48px;margin:0 auto;
cursor:pointer;font-size:18px;font-weight:normal;}
#F1 .tabs li:hover {border:1px solid #fff;color:#fff;height:46px;line-height:46px;}
#F1 .tabs li.on {border:1px solid #fff;color:#fff;height:46px;line-height:46px;}
.tabscontentt{height:415px;width:1020px;float:right;margin-top:52px;background:#fff;overflow:hidden;}
.tabscontentt ul{margin-bottom:3px; margin-top:15px;margin-left:10px;margin-right:10px;font-size:14px;}
.tabscontentt ul li{float:left; width:160px; height:160px;line-height:30px;margin-top:10px;margin-bottom:10px;transition: all .5s;}
.tabscontentt ul li:hover{transform: translateY(-3px);}
.tabscontentt ul li a{display:block;width:160px;height:150px;padding-top:20px;}
.tabscontentt ul li a:hover{background:url(../images/hot-item-hover.png) no-repeat center;color:#fff;text-decoration:none;font-weight:bold;box-shadow:-1px 2px 14px 3px rgba(51,153,254,.4)}
.tabscontentt ul li p{text-align:center;width:100%;}
.tabscontentt ul li img{width:105px; height:105px; border-radius:10px;}
#F2{background:#6687f8;clear:both;width:100%;height:510px;}
#F2 .tabs{width:242px;height:510px;background:url(../images/2Fbg.png) no-repeat center bottom;overflow:hidden;float:left;}
#F2 .tabs .title{font-size:24px;color:#fff;margin:40px 0 35px 30px;border-left:2px solid #fff;text-align:left;padding-left:30px;}
#F2 .tabs li {list-style-type:none;display:block;color:#fff;width:133px;height:48px;line-height:48px;margin:0 auto;
cursor:pointer;font-size:18px;font-weight:normal;}
#F2 .tabs li:hover {border:1px solid #fff;color:#fff;height:46px;line-height:46px;}
#F2 .tabs li.on {border:1px solid #fff;color:#fff;height:46px;line-height:46px;}
.tabscontentt2{height:460px;width:1020px;float:right;margin-top:50px;background:#fff;}
.tabscontentt2 ul{margin-bottom:3px; margin-top:15px;margin-left:10px;margin-right:10px;font-size:14px;}
.tabscontentt2 ul li{float:left; width:450px; height:130px; margin-left:30px;margin-top:15px; margin-right:10px; display:inline;line-height:30px;}	
.tabscontentt2 ul li>a{float:left;}
.tabscontentt2 ul li>a img{width:105px; height:105px; border-radius:8px;}
.tabscontentt2 ul li>a img:hover{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05)}
.tabscontentt2 ul li p{float:left;margin-left:20px;text-align:left;vertical-align:top;}
.tabscontentt2 ul li p img{margin-top:0px;margin-right:3px;}
.tabscontentt2 ul li p br{height:10px;margin:0px;padding:0px;}
.tabscontentt2 ul li p a{height:30px;line-height:30px;display:block;margin-bottom:5px;}
.tabscontentt2 ul li p span.title{font-size:16px;line-height:30px;height:30px;margin-top:0px;vertical-align:top;}
.tabscontentt2 ul li p span.quyu{font-size:14px;color:#999;border:1px solid #ccc;margin-right:10px;padding:5px 10px;}
.tabscontentt2 ul li p span.price1{font-size:14px;font-weight:normal;color:#f83108;padding:10px 0;}
.tabscontentt2 ul li p span.price2{font-size:20px;font-weight:bold;color:#f83108;padding:10px 0;}
.tabscontentt2 ul li p span.price3{font-size:16px;color:#636363;padding:10px;}
.tabscontentt2 ul li p span.price4{font-size:16px;color:#636363;padding:10px;}
#F3{background:#35d197;clear:both;width:100%;height:480px;}
#F3 .tabs{width:242px;height:480px;background:url(../images/3Fbg.png) no-repeat center bottom;overflow:hidden;float:left;}
#F3 .tabs .title{font-size:24px;color:#fff;margin:40px 0 35px 30px;border-left:2px solid #fff;text-align:left;padding-left:30px;}
#F3 .tabs li {list-style-type:none;display:block;color:#fff;width:133px;height:48px;line-height:48px;margin:0 auto;
cursor:pointer;font-size:18px;font-weight:normal;}
#F3 .tabs li:hover {border:1px solid #fff;color:#fff;height:46px;line-height:46px;}
#F3 .tabs li.on {border:1px solid #fff;color:#fff;height:46px;line-height:46px;}
.tabscontentt3{height:430px;width:1020px;float:right;margin-top:50px;background:#fff;}
.tabscontentt3 ul{margin-bottom:3px; margin-top:15px;margin-left:10px;margin-right:10px;font-size:14px;}
.tabscontentt3 ul li{float:left; width:214px; height:150px; margin-left:25px;margin-top:30px; margin-right:10px; display:inline;line-height:30px;}	
.tabscontentt3 ul li>img{width:214px; height:109px; border-radius:2px;}
.tabscontentt3 ul li img:hover{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05)}
.tabscontentt3 ul li p{vertical-align:top;font-size:16px;height:38px;line-height:38px;}
.tabscontentt3 ul li p a{margin-bottom:5px;float:left;}
.tabscontentt3 ul li p span.title{line-height:30px;height:30px;margin-top:0px;vertical-align:top;}
.tabscontentt3 ul li p span.price{font-weight:bold;color:#f83108;float:right;}
#F4{background:#ba6ece;clear:both;width:100%;height:550px;}
#F4 .tabs{width:242px;height:550px;background:url(../images/4Fbg.png) no-repeat center bottom;overflow:hidden;float:left;}
#F4 .tabs .title{font-size:24px;color:#fff;margin:40px 0 45px 60px;border-bottom:2px solid #fff;text-align:left; width:80px;line-height:50px;}
#F4 .tabs li {list-style-type:none;display:block;color:#fff;width:133px;height:48px;line-height:48px;margin:0 auto;
cursor:pointer;font-size:18px;font-weight:normal;}
#F4 .tabs li:hover {border:1px solid #fff;color:#fff;height:46px;line-height:46px;}
#F4 .tabs li.on {border:1px solid #fff;color:#fff;height:46px;line-height:46px;}
.tabscontentt4{height:500px;width:1020px;float:right;margin-top:50px;background:#fff;}
.tabscontentt4 ul{margin-bottom:3px; margin-top:15px;margin-left:10px;margin-right:10px;font-size:14px;}
.tabscontentt4 ul li{float:left; width:222px; height:190px; margin-left:20px;margin-top:30px; margin-right:8px; display:inline;line-height:30px;}	
.tabscontentt4 ul li>img{width:222px; height:147px; border-radius:2px; transition: all 1s; -webkit-transition: all 1s;}
.tabscontentt4 ul li img:hover{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05)}
.tabscontentt4 ul li p{vertical-align:top;font-size:16px;height:28px;line-height:28px;text-align:center;}
.tabscontentt4 ul li p a{margin-bottom:5px;}
.tabscontentt4 ul li p span.title{line-height:30px;height:30px;margin-top:0px;vertical-align:top;}
.tabscontentt4 ul li p span.price{font-weight:bold;color:#f83108;}

#link{width:100%; height:60px; padding-top:20px; }
#link .title{height:18px;font-size:18px; font-weight:bold; color:#1687fc;line-height:30px;float:left;}	
#link ul a{margin-left:30px; display:inline-block;color:#696969;line-height:30px;font-size:14px;}
#link ul{text-align:left;}
#service{width:100%; height:79px; background:#1687fc;}
.service{background:url(../images/fuwu-bg.jpg) no-repeat center; width:1200px; height:79px; margin:0 auto;}
.service ul li{float:left; width:350px; margin-left:50px; height:79px; line-height:79px; color:#fff;font-size:18px; text-indent:125px; text-align:left;}
.serv1{background:url(../images/fuwu-icon1.png) no-repeat left;}
.serv2{background:url(../images/fuwu-icon2.png) no-repeat left;}
.serv3{background:url(../images/fuwu-icon3.png) no-repeat left;}
.whitebg{width:100%; background:#fff;}
.blackbg{width:100%; background:#000;}

.helpinfo{width:1200px; background:#fff; margin:0 auto; height:240px;position:relative;}
.helpinfoma{
	width:1100px;
	height:180px;
	clear:both;
	padding-top:30px;
	margin:0 auto;}
.helpinfo dl {width:120px;position:absolute;top:10px; margin-left:0px;}
.helpinfo dl dt{height:50px; line-height:45px; width:120px; font-size:18px; text-align:center;}
.helpinfo dl dd{text-align:center; line-height:30px; height:30px;}
.helpinfo dl dt a{font-size:18px;color:#000;}
.helpinfo dl dd a{font-size:14px;color:#666;}	
.erweima{padding-top:0px; text-align:center;font-size:14px; color:#696969; line-height:30px;}
.erweima h2{ font-size:18px; color:#1687fc; line-height:35px;}
.helpinfo dl.kefuu{width:220px; left:480px;}
.tesejiaoyi{left:780px;}
.teseshengming{left:1000px;}

.cooper{width:1200px;margin:0 auto;}

.copy{padding:20px 0;width:1200px; text-align:center;}
.copy p{font-size:12px;color:#ececec;line-height:35px;}
.copy a{color:#ececec; line-height:35px;}
.copy .img {border:1px solid #E1E1E1;}
.shadowleft{background:url(../skin/default/images/shadow1.gif) no-repeat 0 0;height:12px;font-size:0;width:1024px;}
.shadowright{background:url(../skin/default/images/shadow2.gif) no-repeat right 0;height:12px;font-size:0;width:1024px;}
.erweima2{width:144px; height:177px; background:#ffffff; float:right; margin-top:20px;}
.erweima2 img{width:127px; height:127px; margin:7px;}
.erweima2 p{}
.erweima3{width:144px; height:177px; background:#ffffff; float:right; margin-top:20px; margin-right:30px;}
.erweima3 img{width:127px; height:127px; margin:7px;}
.erweima3 p{}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
.frame,.txtScroll-top{width:992px;margin:0 auto;}
.main_top1{z-index:1;}
.banner-box{z-index:0;}
.menu_div1,.main_top1{width:200px;}
.nav_left ul li p,.menu-sub{padding:0 9px;}
.banner-box li .m-width{width:500px;margin-left:210px;}
.banner-box li .m-width a img,.banner-box .bl,.sub dd{width:500px;}
.banner-box .btn,.banner-box .btn .tt,.banner-box .btn .bg{width:165px;}
.banner-box .bl{margin-left:-366px;}
.main_top3{z-index:0;}
.itemtop{margin-left:200px;width:800px;z-index:999;}
.banner-btn,.main_top2{width:500px;}
.banner-btn a.prev{margin-left:0px;}
.banner-btn a.next{right:0px;}
.banner-btn {margin-left:-300px;}
.txtScroll-left .bd{width:700px;}
.ad01,.ad02,.ad03,.ad04{width:240px;height:100px;}
.ad01 img,.ad02 img,.ad03 img,.ad04 img{width:230px;height:100px;}
.ad02,.ad03,.ad04{margin-left:5px;}
#F1 .tabs,#F2 .tabs,#F3 .tabs,#F4 .tabs{width:200px;}
.tabscontentt,.tabscontentt2,.tabscontentt3,.tabscontentt4{width:760px;}
.tabscontentt ul li{margin-left:2px;margin-right:10px;height:140px;width:110px;}
.tabscontentt ul li img{width:90px;height:90px;}
.tabscontentt2 ul li{width:350px;margin-left:10px;margin-right:0px;}
.tabscontentt2 ul li img{display:none;}
.tabscontentt2 ul li p span.title,.tabscontentt2 ul li p span.price1,.tabscontentt2 ul li p span.price2,.tabscontentt2 ul li p span.price3,.tabscontentt2 ul li p span.price4{font-size:14px;padding:0px;}
.tabscontentt2 ul li>img{width:80px;height:85px;}
.tabscontentt2 ul li p {margin-left:5px;}
.tabscontentt3 ul li,.tabscontentt4 ul li {width:180px;margin-left:5px;margin-right:0px;}
.tabscontentt3 ul li img,.tabscontentt4 ul li img{width:170px;}
.tabscontentt3 ul li p{font-size:14px;}
.service{width:100%;}
.service ul li{width:300px;margin-left:20px;}
.helpinfo,.helpinfoma{width:100%;}
.helpinfo dl.kefuu{display:none;margin-left:0px;width:0px;}
.tesejiaoyi{left:500px;}
.teseshengming{left:700px;}
.cooper,.copy{width:100%;}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {}