@charset "utf-8";
/* CSS Document */
body, nav, dl, dt, dd, p, h1, h2, h3, h4, ul, ol, li, input, button, textarea, footer {
    margin: 0;
    padding: 0;
}
body {
    background:  #fff;
    color: #333;
    font: 16px 'XinGothic-SinaWeibo','Microsoft Yahei','helvetica','arial';
	line-height: 28px;
}
form {
    display: inline;
}
ul, li, ol {
    list-style: none outside none;
}
input {
    cursor: pointer;
}
a {
    color: #333;
    text-decoration: none;
}
a:hover {
    color: #d90013;
    text-decoration: none;
} 
img {
    border: 0 none;
}
h2{text-align: center; margin: 50px 0;font-size: 32px;font-weight: normal;}

.top_box{width: 100%; height: 398px;}
.top_box .top_line{width: 1200px; margin: 0 auto; position: relative;}
.top_box .top_line .logo{position: absolute; top: 0; left: 0;}
.top_box .top_line .top_login{position: absolute; right: 0; top: 0; color: #fff;}
.top_box .top_line .top_login a{background: #009bea;padding: 4px 10px;margin:5px; color: #fff;display: inline-block;}
.pc_banner{background: url(/images/rs-ethernet/pc_banner.jpg) no-repeat center #010105;height: 398px;width: 100%;}
.pc_banner p{width: 1200px; margin: 0 auto;position: relative;}
.pc_banner p span{background: #009bea; color: #fff; font-size:30px;padding: 30px 50px;position: absolute;top: 220px;display: inline-block;}

.main{width: 1200px;margin:0 auto;}
.about{margin: 50px 0 40px;}
.about p{text-indent: 2em;  }
.block{background: #eff0f1;padding: 30px;margin-bottom: 20px;clear: both; overflow: hidden;}
.block h3{font-size: 28px;margin: 0px 0 25px;font-weight: normal;display: block;}
.product_item {clear: both; overflow: hidden;}
.product_item li{float: left; width: 28.8%; text-align: center;background: #fff;margin: 0 2%;border-bottom: 2px solid #fff;}
.product_item li>a>div{background: #f8f8f8;width: 100%;}
.product_item li img{}
.product_item li p{height: 60px; line-height: 60px;color: #009bea;}
.product_item li:hover{border-bottom: 2px solid #009bea;}
.pdf_item ul{clear: both;overflow: hidden;}
.pdf_item li{background: #fff;width: 45%; color: #009bea;float: left;margin: 10px 2%;}
.pdf_item li a{padding: 10px 10px 10px 30px;color: #009bea;display: block;background: url(/images/rs-ethernet/icon.jpg) no-repeat 8px 16px;border-bottom: 2px solid #fff;}
.pdf_item li a:hover{border-bottom: 2px solid #009bea;}
.liuc_left{width: 55%;float: left;margin-left: 20px;}
.time{background: #fff;margin-top: 10px;border: 1px solid #009bea;clear: both; overflow: hidden;}
.time span{width: 130px; background: #009bea; color: #fff;display: inline-block; text-align: center;padding: 5px 0;margin-right: 20px;float: left;}
.time p{display: inline-block;padding: 4px 0;line-height: 30px;}
.l_125px{height:90px;line-height: 90px; }
.l_138px{height:138px;line-height: 138px; }
.liuc_right{text-align: center; float: right;width: 40%;}
.liuc_right img{margin-top: 40px;}
.game_box{background: #003d76;}
.game{width: 1200px; margin:0px auto;clear: both; overflow: hidden;}
.game ul{margin-left: -30px;}
.game li{background: url(/images/rs-ethernet/game_bg.png) no-repeat;width: 380px;height: 360px; float: left;text-align: center;margin: 40px 0px 40px 30px;position: relative;}
.game li h3{font-size: 24px;font-weight: normal;position: absolute;top: 10px; right: 50px; width: 150px; text-align: center; color: #fff; height: 50px; line-height: 50px;} 
.game li p{font-size: 18px;word-wrap: break-word;width:210px;float:left;margin-left:33px;}
.game li a{width:80px;text-align: center;display: inline-block;font-weight: bold;float: right;color: #fff;font-size: 18px;margin-right: 22px;margin-top: 40px;} 
.game li a:hover{color: #fde5da;}
.game_bb{ clear:both; overflow: hidden; margin-top:170px;}

.footer { background: #e7eaeb; width: 100%; text-align: center; height: 40px; line-height: 40px;  margin-top: 40px;}
.game_module{width: 1197px; margin: 0 auto;display: table;}
.gameone{background: url(/images/rs-ethernet/game_one.png) no-repeat;height: 452px;}
.gameone_ti{width: 80%; margin: 50px auto 0;clear: both;overflow: hidden;}
.game_module .top{background: #ffffff;padding: 15px 40px;font-size: 22px;text-align: center;box-shadow: 10px 10px 0px rgba(0,155,234,1);}
.game_one_xuan{margin: 50px 0px 40px 160px;color: #fff;}
.game_one_xuan label{display: block;font-size: 18px;margin: 10px 0;}
.game_one_xuan label input{margin-right: 10px;}
.a_btn{width: 130px; height: 40px; line-height: 40px;text-align: center;background: #009bea;color: #fff;border: none;font-size: 16px;margin: 20px auto 0;display: block;}
.a_btn:hover{background: #0082c4;}
.game_three_xuan{margin: 20px 50px;clear: both; overflow: hidden;}
.game_three_xuan label{display: block;font-size: 18px;margin: 10px 0;float: left;background: #eff0f1;width: 210px;height: 170px;margin: 10px;text-align: center;}
.game_three_xuan label p{margin: 10px;height: 50px; line-height: 25px;}
.game_three_xuan label input{margin-right: 10px;}
.gamethree{background: url(/images/rs-ethernet/game_three.png) no-repeat;height: 657px;}
.title_ggg{position: relative;width: 1190px;margin: 0 auto;}
.title_ggg h2{text-align: center;font-size: 30px;}
.gameTop_btn{position: absolute;top: 0; right: 0;}
.title_ggg a{width: 100px; height: 36px; line-height: 36px;text-align: center;background: #009bea;color: #fff;border: none;margin-left:10px;display: inline-block;}
.show.topBottom { width: 1190px;margin: 0 auto;z-index: 9;}

.showbottom .showitem{width: 190px; height: 160px;background: noe;border-radius: 0px;padding: 0px; margin: 0 25px;}
.now_one{width: 720px;text-align: center; margin: 0 auto;height: 750px;}
.show.topBottom{width: 720px; }
.showtop{margin-top: 0;}
.showtop .showitem{width:240px;height: 147px; text-align: center;padding: 0;}
.showbottom .showitem{width:240px; height: 160px; margin: 0 0px; text-align: center; background: no-repeat;}
.showbottom{margin-top: 80px;}
.tools{width: 100%;text-align: center;left: 0;bottom: 90px;}
.tools .a1{display: inline-block;float: none;}
.gametwo {background: url(/images/rs-ethernet/game_two.png) no-repeat;height: 750px;}
.getPair img{width: 130px;    margin-top: 40px;}
.tools2{width: 100%; display: inline-block;}
.pt10{padding-top: 30px;}
.buzh-r{width: 380px;float: left;padding: 8px 0;}
.buzh-r p{padding: 0; line-height: 22px;}
.buzh-r p a{background: #009bea;color: #fff;display: inline-block; padding: 2px 5px; border-radius: 4px; margin: 0 4px;}
.l_130px{height: 135px; line-height: 130px;}
.game-message{text-align: center;}
.game-message .layui-layer-title{display: none;}
.game-message .layui-layer-content{}
.game-message .err_img{text-align: center;margin-top: 30px;}
.game-message .err_msg{font-size: 22px;font-weight: bold;margin: 20px 0;}
.game-message .err_tips_title{font-size:18px;text-align: center;padding-left: 10px;margin: 0 40px;}
.game-message .err_tips{margin: 0 40px;}
.game-message .err_tips p{border-bottom: 1px solid #e5e8ec;padding: 10px;text-align: left;}
.game-message .err_tips p b{font-weight: bold; margin-left: 10px;}

.game-message .err_tips_title2{font-size:18px;text-align: left;padding-left: 10px;margin: 0 40px;font-weight: bold;}
.game-message .err_tips2{margin: 0 40px;}
.game-message .err_tips2 p{border-bottom: 1px solid #e5e8ec;padding: 10px;text-align: left;}
.game-message .err_tips2 p b{font-weight: bold; margin-left: 10px;}

.game-message .err_next{background: #f4f4f4;width: 100%;margin-top: 30px;}
.game-message .err_next a{width: 120px; height: 38px; text-align: center; line-height: 38px;background: #009bea;border-radius: 4px;display: inline-block;color: #fff;margin: 15px 0;}
.game-message .err_next a:hover{background: #001e42;color: #fff;}



@media (max-width: 1200px){
	.main , .game{width: 92%;margin: 0 auto;}
	.pc_banner p , .top_box .top_line{width: 100%;}
	.product_item li img{width: 100%;}
	.game_box{background: #003d76;}
    .title_ggg , .game_module{width: 92%;margin: 0 auto;}
    .game_one_xuan{margin:30px 0px 30px 60px}
    .gameone , .gametwo , .gamethree{background: #002c5c;border: 4px solid #009bea;height: auto;padding-bottom: 30px;}
    .gameone_ti{margin: 30px auto 0;width: 90%;}
    .game_module .top { padding: 10px 20px; font-size: 18px;}
    .title_ggg h2{margin: 20px 0 15px;}
    .about {margin: 10px;}
    h2{margin: 20px;font-size: 24px; line-height: 32px;}
    .block h3{text-align: center; margin: 0px 0 10px;font-size: 22px; }
    .block {padding: 20px;}
    .time{margin-top: 10px;}
    .game_three_xuan label {width: 28%;margin: 10px 1%;}
    .buzh-r{width: 70%;}
    .time span { width: 20%;}
    
    
    
}
@media (max-width:992px){
    body{font-size:15px; line-height: 24px;}
    .top_box{width: 100%; height: 260px;}
    .pc_banner{height: 260px;background: url(/images/rs-ethernet/mob_banner.jpg) no-repeat center #010105;}
	.pc_banner p span{top: 140px;line-height: 30px; padding: 10px; font-size: 20px;}
	.pdf_item li{width: 100%;float: none;margin: 10px 0;}
	.liuc_left{float: none;width: 100%;margin: 0 auto;}
	.liuc_right{float: none;width: 100%; margin-top: 10px;}
	.liuc_right p{text-align: center;}
	.game ul{margin: 0;}
    .product_item li p{height: 40px; line-height: 40px;}
    .game_three_xuan label {width: 44%;margin: 10px 1%;}
	.game li{float: none;margin: 20px auto;display: table;}
	
}

@media (max-width:768px){
	
	.product_item li{width: 45%;  margin: 10px;}
   .title_ggg{padding-bottom: 10px;}
   .title_ggg a{bottom: 10px;}
    .gameTop_btn { position: relative; bottom: 0;  right: 0; width: 100%; text-align: center;}
    .showbottom .showitem{height: auto;width: 33%;}
   .showtop .showitem img{width: 100%;}
   .showbottom .showitem img{width: 100%;}
    .now_one{width: 100%;height: auto;margin-top: 15px;}
.show.topBottom{width: 100%;}
    .showtop .showitem{height: auto;width: 33%;float: left; margin: 0 ;}
    .game_three_xuan label{width:47%;font-size: 16px; }
	
	
}
@media (max-width:620px){
    .game_three_xuan label { width: 210px; margin: 10px auto;  float: none;padding: 10px 0;height: auto;}
    .game_three_xuan label p{height: auto;}
	  .game li{background: url(/images/rs-ethernet/game_bgMob.png) no-repeat top center;width: 360px;height: 446px; float: none;text-align: center;margin: 10px auto;position: relative;display: table;}
	.game li h3{top:10px; right: 30px;font-size: 20px;}
	.game li p{float: none; width: 260px; margin: 0 auto;height: 150px;}
	.game li a{float: none;margin: 30px 0 0;}
	.time span{width: 100%; float: none;margin: 0;}
	.time .l_125px , .time .l_138px{height: 30px; line-height: 30px;}
    .buzh-r{width: 100%;}
  .time p{padding-left: 10px;padding-right: 10px;}
    
}
@media (max-width:468px){
	.top_box .top_line .logo{width: 55%;top: 0px;}
    .top_box .top_line .top_login{width: 40%;right: 3px;text-align: right;}
	.top_box .top_line .top_login a{padding: 0 10px;}
	.product_item li{width: 100%; float: none; margin: 10px 0;}
	
	
	.game li{background-size: 100%; width: 300px;  height: 372px;margin-top: 15px; margin: 10px auto 0;}
	.game_bb{margin-top: 140px;}
    .game li p{font-size:16px; width: 220px;   padding: 0 ; height: 110px;}
		.liuc_right img{width: 100%;}
    .game li a{margin: 44px auto 0px;} 
    .game_three_xuan label { width: 100%;}
	.game li h3{top:5px; right: 15px;}

	
}
@media (max-width:300px){
	.game-message .err_msg{font-size: 18px;font-weight: bold;margin: 20px 0;}
	.game-message .err_tips_title{font-size:16px;}
	.game-message .err_tips_title2{font-size:16px;}
}