body{ background-color:#030406; font-family:"Arial"; font-size:14px;}
*{margin: 0;padding: 0;border: 0;}
a,a:hover{text-decoration: none;-webkit-transition: all 0.35s ease;
		-o-transition: all 0.35s ease;
		transition: all 0.35s ease;}
img{border:0;}
.allclear{ clear:both;}
ul,li{ list-style-type:none; padding:0px; margin:0px;}
.bold{ font-weight:bold;}

.blue{ color:#0d5eda;}
.all{ width:100%; background:url("../images/bg2.jpg") top center no-repeat; min-width:1181px; position:relative; overflow:hidden;}
.main{ width:1181px; margin:0 auto; position:relative; padding:123px 0 0 0;}
.right{ width:872px; padding:148px 0 46px 0; float:right; position:relative;}
.top{ width:913px; height:54px; background:url("../images/top_bg.png") no-repeat; padding:94px 0 0 0; position:absolute; top:0; left:-20px; z-index:2;}
.main_y{ width:872px; min-height:651px; margin:0 auto; background:url("../images/main_y.png") repeat-y; position:relative; padding:0 0 30px 0; z-index:1;}
.main_bot{ width:895px; height:46px; background:url("../images/main_bot.png") center no-repeat; position:absolute; bottom:0; left:-8px; z-index:2;}



/*顶部导航条*/
.nav{position: absolute;top: 0;left: 0;z-index: 5; width: 100%;height: 88px;background: url("../images/nav_bg.png") repeat;}
.nav .nav_main{width: 900px;margin: 13px auto 0 auto; zoom: 1;position: relative;}
.nav_main ul.nav_ul{width: 304px;float: left;}
.nav_main ul.nav_ul2{width: 304px;float: right;}
.nav_main ul.nav_ul li{float: left;width: 152px;height: 54px;}
.nav_main ul.nav_ul li a{display: block;width: 152px;height: 54px; color:#ffb400; font-size:18px; text-align:center; line-height:54px; background:url("../images/tool_bg.png") right no-repeat;}
.nav_main ul.nav_ul2 li{float:right;width: 152px;height: 54px;}
.nav_main ul.nav_ul2 li a{display: block;width: 152px;height: 54px; color:#ffb400; font-size:18px; text-align:center; line-height:54px; background:url("../images/tool_bg.png") left no-repeat;}
.nav_main ul li a:hover{ color:#eb0a15;}
.nav_main .logo a{position: absolute;width: 291px;height: 133px;top:-7px;left: 304px; display: block; background:url("../images/logo.png") no-repeat;}
.nav_main .logo a:hover{ background:url("../images/logo2.png") no-repeat;}



/*20210326添加 修改*/
/*登录框*/
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #ee1f31;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ee1f31;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ee1f31;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ee1f31;
}
.login{ width:241px; height:355px; background:url("../images/login_bg.png") no-repeat; position:absolute; left:0; top:183px; z-index:3; padding:126px 20px 0 22px;}
.logbtn{position: absolute;top: 88px;left: 23px; width:240px;}
.log1,.log2{width:120px; height:25px; cursor:pointer; float:left;}
.log1.on,.log1:hover{background:url(../images/login1.png) center no-repeat;}
.log2{background:url(../images/register2.png) center no-repeat;}
.log1{background:url(../images/login2.png) center no-repeat;}
.log2.on,.log2:hover{background:url(../images/register1.png) center no-repeat;}
.shuru{width:221px; height:33px; font-size:14px; line-height:33px; margin: 5px auto; padding:0 10px; background:url("../images/shu.png") no-repeat; color: #ee1f31;outline: none;}
.forgot{ width: 100%; line-height:25px; margin:3px 0 3px 10px; font-size:12px;}
.forgot a{ color: #ee1f31;display: inline-block;margin-right: 7px;}
.playbtn,.playbtn2{ width:219px; height:42px; margin:0 auto;}
.playbtn2{margin: 15px auto 0;}
.play_freeDown{position: absolute;top: -90px;left: -63px; width: 412px;height: 200px; background: url("../images/down1.gif") no-repeat;}
.play_freeDown:hover{background: url("../images/down2.gif") no-repeat;}
.facebook_fans{position: absolute;left: 0;top: 618px;width: 282px;height: 394px; z-index: 2;}
.account{position: absolute;top: 40px;left: 22px;width:241px; margin:0 auto; text-align:center; color: #ee1f31;}
.account p{ font-weight:bold; margin-bottom:8px;}
.account2{width: 100%;text-align: center;color: #ee1f31; padding:15px 0;}
.logline{ width:100%;margin-top: 15px; border-bottom:1px dotted #888b8e;}
.serverbtn2 a{ width:214px; height:33px; display:block; background:url("../images/serverbtn1.png") no-repeat; margin:0 auto 50px; font-size:12px; text-align:center; color: #ee1f31; line-height:16px;}
.serverbtn2 a:hover{ background:url("../images/serverbtn2.png") no-repeat; color:#fcfdfe;}


/*gotop*/
.gotop{width:39px; height:51px; position:fixed; left:49%; top:76%;  margin-left:617px; z-index:3; text-align:center; cursor:pointer; display:none}
.gotop a{ width:39px; height:51px; background:url(../images/gotop.png) no-repeat; display:block;}			
.gotop a:hover{ background: url(../images/gotop2.png) no-repeat;}


/*尾部*/
.copyright{ width:100%; text-align:center; line-height:20px; display:block; color:#7f0822; z-index:3; margin:0 auto; padding:30px 0;}
.copyright a{ color:#7f0822;}
.copyright a:hover{ color:#fcfdfe;}


/*news*/
.title{ width:100%; text-align:center;}
.newsbox{ width:700px; height:620px; margin:0 auto; overflow:hidden;}
.newsbox a{ color:#6b7585;}
.newsbox a:hover{ color:#eb0a15;}
.newsbox p,.head a{ color:#ffb400; line-height:30px;}
.text1,.text2,.text3{ line-height:27px;}
.text1{ width:50px; float:left; text-align:left;}
.text2{ width:565px; float:left; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.text3{ width:85px; float:right; text-align:right;}
.line{ width:100%; height:1px; border-bottom:1px dotted #192740; clear:both;}
.black{ padding:20px 3px; font-size:80%; margin:3px; color:#79818e; text-align:center; width:100%;}
.black a,.black span.disabled{ border:#2a323f 1px solid; padding:2px 5px; background-position:50% bottom; color:#808b9d; margin-right:3px; text-decoration:none; background-color:#2a323f; font-size:12px;}
.black a:hover { border:#4d5562 1px solid; background-color:#4d5562;}
.black span.current { border:#a30225 1px solid; padding:4px 5px 2px 5px; font-weight:bold; margin-right:3px; background-color:#a30225; color:#fcf9f9;}


/*serverlist*/
.serverbox{ width:702px; min-height:650px; margin:0 auto;}
.recommend{ width:100%; height:60px; background:url("../images/recommend.png") center no-repeat;}
.hotbtn a{ width:215px; height:33px; display:block; background:url("../images/hotbtn1.png") no-repeat; margin:0 auto; text-align:center; color:#860d2f; line-height:30px;}
.hotbtn a:hover{ background:url("../images/hotbtn2.png") no-repeat; color:#f5f6f8;}
.allserver{ width:100%; height:80px; background:url("../images/all_server.png") center no-repeat;}
.serverbtn a{ width:214px; height:33px; display:block; background:url("../images/serverbtn1.png") no-repeat; margin:0 10px; margin-bottom:18px; text-align:center; color:#860d2f; line-height:30px; float:left;}
.serverbtn a:hover{ background:url("../images/serverbtn2.png") no-repeat; color:#f5f6f8;}


/*newsin*/
.newsinbox{ width:700px; min-height:650px; margin:0 auto;}
.head{ color:#ffb400; line-height:30px;}
.newsinbox a:hover{ color:#eb0a15;}
.font1{ width:100%; text-align:center; color:#9f0e0e; font-size:20px; line-height:30px; margin-top:12px;}
.font2{ color:#9f0e0e; font-size:12px; text-align:center; margin-bottom:25px;}
.font3{ color:#c7c4c4; text-align:left; margin-bottom:20px; line-height:22px;}
.pic{ width:100%; text-align:center; margin-bottom:20px;}



/*artwork*/
.artbox{ width:747px; min-height:730px; margin:0 auto;}
.video{ width:52px; height:45px; float:left; background:url("../images/video.png") center no-repeat;}
.video_bg{ width:234px; height:180px; float:left; background:url("../images/video_bg.png") no-repeat; position:relative; margin-bottom:30px;}
.video_pic{ width:213px; height:140px; position:absolute; top:10px; left:10px;}
.wallpaper{ width:135px; height:60px; float:left; background:url("../images/wallpaper.png") center no-repeat;}
.banner{ width:701px; overflow:hidden; padding:17px 23px 27px 23px; background:url("../images/wall_bg.png") no-repeat;}
.large_box{margin-bottom:10px;width:701px;height:295px;overflow:hidden;}
.large_box img{display:block; cursor:pointer;}
.small_box{width:700px;height:67px;overflow:hidden;}
.small_list{position:relative;float:left;width:657px;height:67px;overflow:hidden;}
.small_list ul{height:67px;overflow:hidden;}
.small_list ul li{position:relative;float:left;margin-right:2px;width:154px; padding:2px 4px; cursor:pointer;}
.small_list ul li img{display:block;}
.small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:160px;height:69px; background:url("../images/wall_bg2.jpg") no-repeat; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; padding:2px 4px;}
.small_list ul li.on .bun_bg{display:block;}
.btn{display:block;width:21px;height:67px; background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.left_btn{ float:left; background-image:url(../images/left_btn.png);}
.right_btn{ float:right; background-image:url(../images/right_btn.png);}

.mask{ width:100%; height:100%; background:#000; opacity:.8; position:fixed; left:0; top:0; z-index:99;}
.vadeo{
	position: absolute;
	left: 84px;
	top: 44px;
	cursor: pointer;
	width: 45px;
}
.vadeo a{ display:block; width:44px; height:44px; position:relative;}
.vadeo a img{ position:absolute; left:0; top:0}
.vadeo a img.img1{ transition:.5s; -webkit-animation:zhuan 2s infinite linear; z-index:2}
.video-btn{ position:absolute; right:-45px;top:0; background:url(../images/video-btn.png) no-repeat; width:36px; height:36px; display:block; text-indent:-30000px; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease; z-index:4; cursor:pointer;}
.video-box{ width:720px; height:460px; z-index:100; background:#000000; position:relative; border:1px solid #ffb400;

margin-left:-360px!important;/*FF IE7 half of its width */
margin-top:-185px!important;/*FF IE7 half of its height*/

left:50%;/*FF IE7*/
top:40%;/*FF IE7*/
 
margin-top:0px;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
 
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}
			

@keyframes zhuan{
    0%{
      -webkit-transform:rotate(-360deg);
      -o-transform:rotate(-360deg);
      -moz-transform:rotate(-360deg);
      -ms-transform:rotate(-360deg);
      transform:rotate(-360deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
@-webkit-keyframes zhuan{
    0%{
        -webkit-transform:rotate(-360deg);
        -o-transform:rotate(-360deg);
        -moz-transform:rotate(-360deg);
        -ms-transform:rotate(-360deg);
        transform:rotate(-360deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
@-moz-keyframes zhuan{
    0%{
        -webkit-transform:rotate(-360deg);
        -o-transform:rotate(-360deg);
        -moz-transform:rotate(-360deg);
        -ms-transform:rotate(-360deg);
        transform:rotate(-360deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
@-o-keyframes zhuan{
    0%{
        -webkit-transform:rotate(-360deg);
        -o-transform:rotate(-360deg);
        -moz-transform:rotate(-360deg);
        -ms-transform:rotate(-360deg);
        transform:rotate(-360deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}


/*forgot*/
.forgot_shuru,.forgot_shuru2{ height:25px; background:#000000; font-size:14px; line-height:25px; color:#6b7382; overflow:hidden; margin-top:20px; text-indent:5px; border:1px #860d2f solid;}	
.forgot_shuru{width:350px;}	
.forgot_shuru2{width:150px; float:left;}
.reset{ float:right; margin-top:20px;}			
.start,.find{ float:left; margin-top:20px;}			
.forgot_left{ float:left;}
.forgot_right{ width:350px; float:left;}
.forgot_font{ line-height:27px; margin-top:20px; text-align:right; padding:0 5px;}
.forgot_font2{ line-height:25px; text-align:left; padding:5px 5px;}
.forgot_font,.forgot_font2{ color:#860d2f; font-size:15px; font-weight:bold;}
.code{ width:76px; height:27px; background:#ffffff; float:left; margin:20px 0 0 30px;}


/*guides*/
.guidesbox{ width:731px; height:433px; margin:0 auto; position:relative;}
.introduction a{ width:351px; height:197px; background:url("../images/introduction1.png") no-repeat; position:absolute; top:10px; left:0;}
.introduction a:hover{ background:url("../images/introduction2.png") no-repeat;}
.beginner a{ width:351px; height:207px; background:url("../images/beginner1.png") no-repeat; position:absolute; top:0; right:0;}
.beginner a:hover{ background:url("../images/beginner2.png") no-repeat;}
.fq a{ width:351px; height:211px; background:url("../images/fq1.png") no-repeat; position:absolute; bottom:0; left:0;}
.fq a:hover{ background:url("../images/fq2.png") no-repeat;}
.strategy a{ width:351px; height:224px; background:url("../images/strategy1.png") no-repeat; position:absolute; bottom:0; right:0;}
.strategy a:hover{ background:url("../images/strategy2.png") no-repeat;}



/*语言选择*/
.imcm{ position:absolute; right:-130px; top:17px;}
.imcm ul,.imcm li,.imcm div,.imcm span,.imcm a{text-align:left;vertical-align:top;padding:0px;margin:0;list-style:none outside none;border-style:none;background-image:none;clear:none;float:none;display:block;position:static;overflow:visible;line-height:normal;}.imcm li a img{display:inline;border-width:0px;}.imcm span{display:inline;}.imcm .imclear,.imclear{clear:both;height:0px;visibility:hidden;line-height:0px;font-size:1px;}.imcm .imsc{position:relative;}.imcm .imsubc{position:absolute;visibility:hidden;}.imcm li{list-style:none;font-size:1px;float:left;}.imcm ul ul li{width:100%;float:none !important;}.imcm a{display:block;position:relative;}.imcm ul .imsc,.imcm ul .imsubc {z-index:10;}.imcm ul ul .imsc,.imcm ul ul .imsubc{z-index:20;}.imcm ul ul ul .imsc,.imcm ul ul ul .imsubc{z-index:30;}.imde ul li:hover .imsubc{visibility:visible;}.imde ul ul li:hover  .imsubc{visibility:visible;}.imde ul ul ul li:hover  .imsubc{visibility:visible;}.imde li:hover ul  .imsubc{visibility:hidden;}.imde li:hover ul ul .imsubc{visibility:hidden;}.imde li:hover ul ul ul  .imsubc{visibility:hidden;}.imcm .imea{display:block;position:relative;left:0px;font-size:1px;line-height:1px;height:0px;width:1px;float:right;}.imcm .imea span{display:block;position:relative;font-size:1px;line-height:0px;}.dvs,.dvm{border-width:0px}/*\*//*/.imcm .imea{visibility:hidden;}/**/

	/* --[[ Main Expand Icons ]]-- */
	#imenus0 .imeam span,#imenus0 .imeamj span {background:url(../images/sample3_main_arrow.gif); width:10px; height:9px; left:-7px; top:3px; background-repeat:no-repeat;background-position:top left;}
	#imenus0 li:hover .imeam span,#imenus0 li a.iactive .imeamj span {background:url(../images/sample3_main_arrow.gif); background-repeat:no-repeat;background-position:top left;}


	/* --[[ Main Container ]]-- */
	#imouter0 { border-style:none; border-color:#6a6a6a; border-width:1px; padding:0px; margin:0px;}


	/* --[[ Sub Container ]]-- */
	#imenus0 li ul {background-color:#000000; border-style:solid; border-color:#7f161e; border-width:1px; padding:5px; margin:4px 0px 0px;}


	/* --[[ Main Items ]]-- */
	#imenus0 li a, #imenus0 .imctitle {color:#ffb507; text-align:left; font-family:Arial; font-size:13px; font-weight:bold; border-style:solid; border-color:#7f161e; border-width:1px; padding:2px 8px;}


	/* --[[ Sub Items ]]-- */
	#imenus0 ul a, #imenus0 .imsubc li .imctitle  {color:#ffb507; text-align:left; font-size:12px; font-weight:bold; text-decoration:none; border-style:none; border-color:#000000; border-width:1px; padding:2px 5px; line-height:25px;}

	/* [hover] - These settings must be duplicated for IE comptatibility.*/
	#imenus0 ul li:hover>a { color:#eb0a15; text-decoration:underline; }
	#imenus0 ul li a.ihover { color:#eb0a15; text-decoration:underline; }

	/* [active] */
	#imenus0 ul li a.iactive {background-color:#ffffff; }