*{margin: 0;padding: 0;border: 0;list-style: none;font-size: 14px;}
a{text-decoration: none;}
img{border: 0;}
.clear{clear: both;}
.main{width: 1180px;margin: 0 auto;position: relative;}

/*顶部导航条*/
.nav{position: relative;top: 0;left: 0;z-index: 5; width: 100%;height: 131px;background: url("../images/nav_bg.png") center no-repeat;}
.nav .nav_main{width: 890px;position: absolute;left: 145px;top: 0px;}
.nav_main ul.nav_ul{width: 260px;position: absolute;left: 0;top: 26px;}
.nav_main ul.nav_ul2{width: 260px;position: absolute;right: 0;top: 26px;}
.nav_main ul li{float: left;width: 130px;height: 32px;}
.nav_main ul li a{display: block;width: 130px;height: 32px;}
.nav_main ul li a.news{background: url("../images/wenzi/news.png") center no-repeat;}
.nav_main ul li a.news:hover{background: url("../images/wenzi/news2.png") center no-repeat;}
.nav_main ul li a.media{background: url("../images/wenzi/media.png") center no-repeat;}
.nav_main ul li a.media:hover{background: url("../images/wenzi/media2.png") center no-repeat;}
.nav_main ul li a.facebook{background: url("../images/wenzi/facebook.png") center no-repeat;}
.nav_main ul li a.facebook:hover{background: url("../images/wenzi/facebook2.png") center no-repeat;}
.nav_main ul li a.support{background: url("../images/wenzi/support.png") center no-repeat;}
.nav_main ul li a.support:hover{background: url("../images/wenzi/support2.png") center no-repeat;}
.nav_main .logo{position: absolute;width: 351px;height: 195px;top: -40px;left: 268px;}
.nav_main .logo a{display: block;width: 100%;height: 100%;}

/*登录框*/
.login{position: absolute;top: 146px;left: -5px;width: 294px;height: 460px; background: url("../images/login_bg.png") center no-repeat;z-index: 5;}
.login .login_title{position:absolute;top:36px;left: 35px;width: 224px;height: 33px;border-bottom: 1px solid #0b0f16;}
.login .login_title li{width: 110px;height: 31px;margin: 0 1px;float: left;}
.login .login_title li a{width: 110px;height: 31px;display: block;}
.login .login_title li a.title_login{background: url("../images/wenzi/login.png") center no-repeat;}
.login .login_title li a.title_register{background: url("../images/wenzi/register.png") center no-repeat;}
.login .login_title li.on{border-bottom:1px solid #ff0f9c;}
.login .login_title li.on a.title_login{background: url("../images/wenzi/login2.png") center no-repeat;}
.login .login_title li.on a.title_register{background: url("../images/wenzi/register2.png") center no-repeat;}
/*login*/
.login .login_form,
.login .register_form{position: absolute;top: 70px;left: 39px; width: 232px;}
.login .login_form .login_txt,
.login .register_form .register_txt{margin-top: 21px;font-weight: 800;line-height: 24px;color: #969fb0;}
.login .login_form input,
.login .register_form input{width: 232px;height: 27px;background:url("../images/login_input.png") center no-repeat;text-indent: 8px;line-height: 27px;color: #dde9ff;}
.login .login_form .forget{display: block;font-family: "Arial";color: #6b7382;float: right;line-height: 28px;}
.login .login_form ul{width: 96px;height: 26px;float: right;}
.login .login_form ul li{width: 27px;height: 26px;float: left;margin-left: 5px;}
.login .login_form ul li a{display: block;width: 27px;height: 26px;}
.login .login_form ul li a.google{background: url("../images/btn/google.png") center no-repeat;}
.login .login_form ul li a.tw{background: url("../images/btn/tw.png") center no-repeat;}
.login .login_form ul li a.fb{background: url("../images/btn/fb.png") center no-repeat;}
.login .login_form .line{width: 224px;margin: 26px auto;height:1px;border-top: 1px solid #2c3438;}
.login .login_form .login_btn,
.login .register_form .register_btn{width: 224px;height: 31px;margin: 0 auto;background: url("../images/btn/play_free.jpg") center no-repeat;cursor: pointer}
.login .login_form .login_btn:hover,
.login .register_form .register_btn:hover{background: url("../images/btn/play_free2.jpg") center no-repeat;}
.login .login_form .download{width: 224px;height: 46px;margin: 20px auto 0;background: url("../images/btn/download.jpg") center no-repeat;cursor: pointer;}
.login .login_form .download:hover{background: url("../images/btn/download2.jpg") center no-repeat;}
/*register*/
.login .register_form{top: 93px;display: none;}
.login .register_form .register_txt{margin-top: 0;}
.login .register_form select{width: 232px;height: 27px;line-height: 27px;}
.login .register_form .register_btn{margin-top: 26px;}
/*account*/
.login .account{position: absolute;top: 55px;left: 39px;width: 232px;font-family: "Arial";}
.login .account .title{width: 100%;line-height: 18px;color: #c3c0b9;font-size: 16px;text-align: center;}
.login .account .name{font-size: 12px;margin-top: 15px;text-align: center;color: #429dcc;font-weight: 600;}
.login .account .dotted{width: 193px;margin: 10px auto;border-top: 1px dotted #6f7476;}
.login .account .list_title{font-size: 12px;font-weight: 600;color: #969fb0;text-align: center;line-height: 30px;}
.login .account ul{width: 214px;margin: 0 auto;}
.login .account ul li{width: 214px;height: 33px;margin-top: 13px;}
.login .account ul li a{display: block;width: 214px;height: 33px;background: url("../images/btn/logOut_btn.png") center no-repeat;color: #969fb0;font-size: 12px;text-align: center;}
.login .account ul li a:hover{background: url("../images/btn/logOut_btn2.png") center no-repeat;color: #050c17;}
.login .account ul li a.new{display: block;width: 214px;height: 33px;background: url("../images/btn/sl_hotBtn.png") center no-repeat;color: #969fb0;font-size: 12px;text-align: center;line-height:33px;}
.login .account ul li a.new:hover{background: url("../images/btn/sl_hotBtn2.png") center no-repeat;color: #050c17;}

.login .account .forget{display: block; color: #969fb0;text-align: center;line-height: 30px;}
.login .account .logOut{width: 224px;height: 31px;margin: 26px auto 0;background: url("../images/btn/log_out.jpg") center no-repeat;}
.login .account .logOut:hover{background: url("../images/btn/log_out2.jpg") center no-repeat;}
/*bottom*/
.bottom{position: absolute;left: 0;bottom: 0;width:100%;height: 118px;background-color: #000;opacity: 0.45;filter: alpha(opacity:45);z-index: 5;}
.bottom_main{width: 1022px;margin: 0 auto;padding: 22px 0;}
.pc a{display: block;float: left;margin-top: 16px; width: 210px;height: 42px; background: url("../images/pc.png") center no-repeat;border-right: 1px solid #a4a4a4;}
.ghw a{display: block;float: left;width: 200px;height: 40px;margin-top: 17px;background: url("../images/ghw.png") center no-repeat;}
.bottom_txt{float: left;color: #a4a4a4;font-family: "Microsoft Yahei";font-size: 13px;line-height: 24px;}
.bottom_txt a{color: #a4a4a4;font-family: "Microsoft Yahei";font-size: 13px;line-height: 24px;}
.bottom_txt a:hover{text-decoration:underline;}

/*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/btn/gotop.png) no-repeat; display:block;}
.gotop a:hover{ background: url(../images/btn/gotop2.png) no-repeat;}