@charset "utf-8";
/* CSS Document */

/*
 过度效果
{transition: all 0.6s;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;} 
 背景蓝 #2a3650
骚橙      #ff6340
*/

* { margin:0; padding:0;}
img { border:none;}
li { list-style:none;}
a {text-decoration:none;}

body {background:#f2f2f2;font-family:Microsoft YaHei;font-size:16px;color:#333;}

.toper {background:#fff;width:100%;height:100px;margin-bottom:4px;}
.top {width:1200px;height:100px;margin:0 auto;position:relative;}
.top .logo {background:url("../img/logo.png")/*tpa=http://shanghaizhenl.com/img/logo.png*/;width:200px;height:100px;display:block;position:absolute;left:0;top:0px;}
.top ul {position:absolute;right:0;top:0;height:100px;width:auto;}
.top ul li {width:auto;height:100px;display:block;line-height:100px;float:left;margin-left:20px;color:#afb3c3;font-size:14px;}
.top ul li a {color:#064682;font-size:14px;position:relative;display:block;width:80px;height:100px;z-index:9;}
.top ul li a:hover {color:#fff;}
.top ul li a span {color:#064682;font-size:14px;display:block;width:80px;height:100px;z-index:9;position:absolute;left:0;top:0;text-align:center;}
.top ul li a i {width:80px;height:110px;position:absolute;left:0;top:-110px;display:block;background:#f08200;z-index:7;}
.top ul li a i.on {top:0;}
.top ul li a span.on {color:#fff;}
.top ul li a i {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;} 

.banner {width:100%;height:auto;overflow:hidden;position:relative;}
.banner img {width:100%;height:auto;}
.banner h1 {background:#ff6340;display:block;width:150px;height:150px;border-radius:50%;position:absolute;right:10px;bottom:26px;line-height:150px;color:#fff;text-align:center;}

.w1200 {width:1200px;height:auto;overflow:hidden;margin:0 auto;}

.login {background:#fff;width:340px;height:340px;float:right;margin-bottom:10px;overflow:hidden;margin-top:40px;margin-right:10px;}
.login {  -webkit-box-shadow: 3px 3px 3px #999; 
  -moz-box-shadow: 3px 3px 3px #999;  
  box-shadow: 3px 3px 3px #999; }
.login_h {width:300px;height:40px;background:#ff6340;line-height:40px;text-align:center;color:#fff;font-size:16px;margin:0 auto;margin-top:20px;}
.login_li {width:260px;height:40px;background:none;line-height:40px;color:#333;font-size:16px;margin:0 auto;margin-top:20px;border:1px solid #e0e0e0;text-indent:1em;}
.login_li input {border:0px;width:180px;height:38px;display:block;float:left;}
.login_li span {float:left;}
.login_a1 {width:260px;height:40px;background:#83c44e;display:block;margin:0 auto;margin-top:20px;text-align:center;line-height:40px;color:#fff;cursor:pointer;border-radius:10px;}
.login_a2 {width:260px;height:40px;background:#064682;display:block;margin:0 auto;margin-top:20px;text-align:center;line-height:40px;color:#fff;cursor:pointer;border-radius:10px;}

.gamebox {background:#fff;width:800px;float:left;margin-bottom:10px;overflow:hidden;margin-top:40px;}
.gamebox {  -webkit-box-shadow: 3px 3px 3px #999; 
  -moz-box-shadow: 3px 3px 3px #999;  
  box-shadow: 3px 3px 3px #999; }
.gamebox img {float:left;margin-top:10px;margin-left:8px;}

.usbox {background:#fff;width:500px;height:340px;float:left;margin-bottom:10px;overflow:hidden;margin-top:40px;}
.usbox {-webkit-box-shadow: 3px 3px 3px #999; 
  -moz-box-shadow: 3px 3px 3px #999;  
  box-shadow: 3px 3px 3px #999; }
.usbox_h {width:480px;height:40px;background:#ff6340;line-height:40px;text-align:center;color:#fff;font-size:16px;margin:0 auto;margin-top:20px;}
.usbox p {width:460px;height:auto;overflow:hidden;display:block;line-height:30px;font-size:14px;margin:0 auto;}

.regbox {background:#fff;width:1100px;height:auto;margin:0 auto;margin-bottom:10px;overflow:hidden;margin-top:40px;padding-bottom:30px;}
.regbox {-webkit-box-shadow: 3px 3px 3px #999; 
  -moz-box-shadow: 3px 3px 3px #999;  
  box-shadow: 3px 3px 3px #999; }
.regbox_h {width:480px;height:40px;background:#ff6340;line-height:40px;text-align:center;color:#fff;font-size:16px;margin:0 auto;margin-top:20px;}
.reg_li {width:600px;height:40px;margin-top:20px;margin-left:50px;line-height:30px;font-size:16px;margin:0 auto;padding-top:20px;}
.reg_li1 {width:600px;height:40px;margin-top:20px;margin-left:50px;line-height:30px;font-size:16px;margin:0 auto;padding-top:20px;}
.reg_p {width:600px;height:auto;margin-top:20px;margin-left:50px;line-height:30px;font-size:16px;margin:0 auto;padding-top:20px;font-size:14px;}
.reg_li input {width:260px;height:40px;background:none;line-height:40px;color:#333;font-size:16px;border:1px solid #e0e0e0;text-indent:1em;float:left;margin-left:10px;}
.reg_li span {float:left;width:100px;height:40px;display:block;text-align:center;line-height:40px;}
.tips {background:#ff6340;width:auto;height:40px;line-height:40px;color:#fff;padding-left:10px;padding-right:10px;float:left;margin-left:10px;}
.login_btn {background:#ff6340;width:300px;height:40px;line-height:40px;margin:0 auto;text-align:center;color:#fff;display:block;margin-top:30px;}

.txt_box {background:#fff;width:1000px;height:auto;margin-bottom:10px;overflow:hidden;margin-top:40px;padding:40px;margin:0 auto;font-size:16px;line-height:30px;}
.txt_box {-webkit-box-shadow: 3px 3px 3px #999; 
  -moz-box-shadow: 3px 3px 3px #999;  
  box-shadow: 3px 3px 3px #999; }

.center_li {width:500px;height:auto;float:left;margin-bottom:40px;}
.center_li a {color:#df5c0f;}


.p_game_box {margin-bottom:50px;width:1200px;height:auto;overflow:hidden;border-bottom:1px solid #f2f2f2;}
.p_game_txt {width:870px;float:left;line-height:40px;}
.p_game_box span {color:#df5c0f;}
.p_game_box img {float:right;}

.foot {width:100%;height:120px;color:#fff;background:#272a2c;margin-top:40px;}
.footer {width:1200px;height:120px;margin:0 auto;}
.footer img {float:right;margin-top:10px;}
.footer p {line-height:30px;font-size:14px;float:left;margin-top:5px;}

.abox {width:800px;height:30px;float:left;}
.abox a {width:120px;height:30px;display:block;float:left;margin-right:10px;background:#064682;color:#fff;text-align:center;line-height:30px;cursor:pointer;}
.jiazhang {font-size:14px;line-height:30px;display:none;width:800px;height:auto;overflow:hidden;float:left;}
.jiazhang_h {color:#ff6340;line-height:40px;font-size:18px;margin-top:20px;}
.jiazhang.on {display:block;}
.jiazhang a {color:#ff6340;text-decoration: underline;}
.jiazhang_right {float:right;width:320px;height:auto;overflow:hidden;line-height:30px;font-size:14px;text-align:left;background:#fff;padding:20px;margin-right:10px;}
.jiazhang_right  img {margin-left:60px;margin-top:20px;}
.jiazhang_right {  -webkit-box-shadow: 3px 3px 3px #999; 
  -moz-box-shadow: 3px 3px 3px #999;  
  box-shadow: 3px 3px 3px #999; }
.jiazhang_right a  {color:#ff6340;text-decoration: underline;}