/* reset */
html,body{overflow: hidden;}
body{background:#fff;}
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,pre,form,input,textarea,th,td,select{margin:0;padding:0;}
em{font-style:normal}
li{list-style:none}
a{text-decoration:none;}
img{border:none; vertical-align:top;}
img,fieldset{border: none 0;}
table{border-collapse:collapse;}
textarea{ resize:none;overflow:auto;}
table{border-collapse:collapse;border-spacing:0;}
/* end reset */
/*
头部
* */
#head{width: 100%;height: 40px;width: auto;background:#143465;position: relative;left: 0;top: 0;z-index: 2;}
#head #head_time{color:deepskyblue;font-size: 18px;line-height: 40px; height: 40px;display: inline-block;position: absolute;right: 20px;top:0px;}
#head .table{text-align: center;height: 40px;}
#head .table span{display: inline-block;margin-top: 10px;width: 59px;height: 24px;cursor: pointer;}
#head .table .table_img{background:url(../img/images/sprite_main_png.png) 0px -301px;}
#head .table .table_img2{background:url(../img/images/sprite_main_png.png) 0px -210px;}
#head .table .table_img3{background:url(../img/images/sprite_main_png.png) 0px -155px;}
/*头部模拟苹果菜单*/
#wep{position:absolute;left: 0;top: 0px; width: 100%;height:100%;overflow: hidden;}
.wep_bg{width: 100%;height: 100%;}
/*桌面*/
#desk_center{width:88%;height:75%;position: absolute;left: 100px;top:80px; z-index: 2;overflow: hidden;}
#desk_center ul{width:100%;position: absolute;height:100%;top: 0;left: 0;z-index: 1000;}
#desk_center li{width:100%;height:100%; float: left; position: absolute;left:1400px;opacity:0.3;filter: alpha(opacity=30);}
#desk_center li div{width: 86px; height: 88px;float: left;text-align: center;}
#desk_center li div:hover{background-image: url(../img/images/appbutton_mouseover_bg3.png);}
#desk_center li a{display: block; width: 86px; height: 88px;}
#desk_center li a img{width: 48px; height: 48px; margin-top: 10px;}
#desk_center li span{display: block;color:white;font-size: 12px;margin-top: 5px;}
/*左侧菜单栏*/
#web_left1{width: 70px;height: 560px;position: absolute;left:0;top:50%;opacity: 0.5;filter:alpha(opacity=50);
margin-top: -270px;background:black;border-radius:3px;border: 1px solid #47484a;}
#web_left{width:70px;height:560px;padding-top:10px;position: absolute;left:0;top:50%;margin-top: -270px;z-index: 1000;}
#left_memu li{height: 48px;margin-bottom: 15px;}
#left_memu li a{display: block;height:48px;}
#left_memu li a img{display:block;width:48px;height:48px;margin-left: 11px;}
#left_memu #tool{width: 70px;height: auto;margin-top: 45px;}
#left_memu .tool{width: 70px;border-top:1px solid #47484a ;}
#left_memu .tool span{width: 19px;height: 19px;margin: 5px 0 5px 8px;display: inline-block;}
#left_memu .tool .span1{background:url(../img/images/portal_all_png.png) -83px 0px;}
#left_memu .tool .span1:hover{background-position:-83px -20px;}
#left_memu .tool .span2{background:url(../img/images/portal_all_png.png) 0px 0px;}
#left_memu .tool .span2:hover{background-position:0px -20px;}
#left_memu .tool .span3{background:url(../img/images/portal_all_png.png) -61px 0px;}
#left_memu .tool .span3:hover{background-position:-61px -20px;}
#left_memu .tool .span4{background:url(../img/images/portal_all_png.png) -42px 0px;}
#left_memu .tool .span4:hover{background-position:-42px -20px;}
#left_memu .tool2{width: 70px;height: auto;border-top:1px solid #47484a ;}
#left_memu .tool2 .span5{width: 40px;height: 40px;margin: 15px 0 0 15px;display: inline-block;
background:url(../img/images/portal_all_png.png) -103px 0px;}
#left_memu .tool2 .span5:hover{background:url(../img/images/portal_all_png.png) -143px 0px;}
/*个人信息*/
#fast_bg{
width: 100%;
height: 100%;
z-index: 1001;
display: none;
position: absolute;
background: black;
opacity: 0.5;
left: 0;
top: 0;
}
#myMessage{
width: 72px;
height: 72px;
position: absolute;
right:40px;
top: 60px;
z-index: 1001;
cursor: pointer;
}
#myMessage .myMessage_off{
background:url(../img/bg.img/x.png);
width: 30px;
height: 31px;
position: absolute;
z-index: 1000;
cursor: pointer;
right: -272px;
top: -162px;
display:none;
}
#myMessage .myMessage_img{
position: absolute;
top: 0;
left: 0;
z-index: 100;
}
.myMessage_h3{
font-family: "Microsoft YaHei";
text-shadow: 0 0 2px #FFF;
color: #fff;
font-size: 18px;
font-weight: normal;
}
.myMessage_box1 .myMessage_h3{
padding-left:75px;
padding-top:20px ;
}
.myMessage_box2 .myMessage_h3{
padding-left:148px;
padding-top:20px ;
}
.myMessage_box3 .myMessage_h3{
text-indent: 135px;
padding-top:20px ;
}
.myMessage_box4 .myMessage_h3{
padding-left:85px;
padding-top:20px ;
}
#myMessage ul{
padding: 20px 0 0 30px;
overflow: hidden;
}
#myMessage ul li{
line-height: 22px;
font-size: 12px;
height: 22px;
color: #fff;
overflow: hidden;
}
.myMessage_box1,.myMessage_box2,.myMessage_box3,.myMessage_box4 {
position:absolute;
background: url(../img/bg.img/fast_nav_open.png) no-repeat;
overflow:hidden;
opacity: 0;
display: none;
}
#myMessage .myMessage_box1{
left: -265px;
bottom: 36px;
height: 187px;
/*width: 301px;*/
}
#myMessage .myMessage_box2{
left: 36px;
top: -151px;
background-position:-301px 0;
/*width: 305px;*/
height: 187px;
}
#myMessage .myMessage_box3{
top: 35px;
left:37px;
background-position:-303px -186px;
width: 300px;
/*height: 190px;*/
}
#myMessage .myMessage_box4{
right: 36px;
top: 36px;
/* width: 301px;*/
height: 187px;
background-position:0px -187px;
}
/*
* 登录注册页面
* */
#login{
width: 464px;
height: 414px;
position:absolute;
left: 50%;
top: 50%;
margin:-207px 0 0 -232px;
z-index: 1000;
}
#login .login_main{
width: 406px;
opacity: 0;
/*height: 320px;*/
margin: 45px auto;
position: relative;
overflow: hidden;
/*-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
transition: all 0.6s linear;
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);*/
}
.login_main .q_login{
padding-top: 80px;
height: 240px;
background: url(../img/bg.img/login.png) no-repeat;
border-radius: 6px;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
display: none;
/*-webkit-transform: rotateX(0) rotateY(0) translateZ(0.3px);
-moz-transform: rotateX(0) rotateY(0) translateZ(0.3px);
transform: rotateX(0) rotateY(0) translateZ(0.3px);*/
}
.login_main .q_login .q_off{
width: 14px;
height: 14px;
position: absolute;
right: 20px;
top: 27px;
background: url(../img/bg.img/talk-close.png) no-repeat;
}
.q_login .q_from{
float: left;
padding-left: 44px;
}
.q_from .q_fromBox{
margin-bottom: 8px;
width: 312px;
height: 46px;
background: url(../img/bg.img/text.png) no-repeat;
}
.q_fromBox span{
display: block;
width: 32px;
height: 46px;
float: left;
}
.user_icon{
background: url(../img/bg.img/user-icon.png) 12px 15px no-repeat;
}
.pass_icon{
background: url(../img/bg.img/pass-icon.png) 12px 15px no-repeat;
}
.q_pass,.q_text{
float: left;
border: none;
width: 275px;
height: 32px;
background: none;
margin-top: 7px;
text-indent: 10px;
font-size: 14px;
}
#q_user{
text-align: center;
margin-top: 20px;
line-height: 22px;
}
#q_user span{
display: inline-block;
height: 22px;
vertical-align: top;
font-size: 14px;
font-family: '微软雅黑';
}
#q_user em{
margin-right: 8px;
margin-left: 8px;
display: inline-block;
width: 22px;
height: 22px;
background: url(../img/bg.img/check.png) no-repeat;
vertical-align: middle;
}
#q_user .active{
background: url(../img/bg.img/checkactive.png) no-repeat;
}
.q_login .q_right{
color: #0c7ab9;
text-shadow: 2px 2px 6px #fff;
font-size: 16px;
float: right;
right:40px;
font-family: '微软雅黑';
margin-top: -24px;
position: relative;
bottom:-143px ;
}
.login_ico{
width: 158px;
height: 32px;
margin: 0 auto;
padding: 20px 79px 0 0;
clear: both;
}
.login_ico input {
width: 171px;
height: 49px;
background: url(../img/bg.img/login-sub.png) no-repeat;
border: none;
}
/*
注册界面
* */
.qs_login{
background: url(../img/bg.img/logins.png) repeat-x;
border-radius: 4px;
padding-top: 80px;
width: 392px;
padding: 0 7px;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
display: none;
}
.qs_login h2{
text-align: center;
color: #fff;
line-height: 80px;
font-size: 20px;
font-family: '微软雅黑';
}
.qs_login .qs-login-left {
left: 0;
border-radius: 6px 0 6px 0;
}
.qs_login .qs-login-ringht{
right: 0;
border-radius: 6px 0 6px 0;
}
.qs-login-left,.qs-login-ringht{
position: absolute;
top: 0px;
width: 7px;
height: 100%;
background: #fff;
opacity: 0.3;
overflow: hidden;
}
.qs_form{
width: 280px;
margin: 0 auto;
padding-top: 10px;
font-family: '微软雅黑';
}
.qs_form li{
height: 36px;
line-height: 36px;
background: none;
}
.qs_form em{
display: inline-block;
width: 75px;
font-size: 14px;
font-family: '微软雅黑';
}
.qs-box input {
width: 200px;
height: 18px;
}
.qs_passd{
width: 130px;
height: 18px;
}
.qs_form{
font-size: 14px;
}
.qs_sex b{
width: 13px;
height: 13px;
display: inline-block;
background: url(../img/bg.img/checkss.png) no-repeat;
margin-left: 6px;
}
.qs_sex .active{
background: url(../img/bg.img/checkssactive.png) no-repeat;
}
/*.qs_sex #man{
background: url(../img/bg.img/checkssactive.png) no-repeat;
}*/
.qs_sub{
bottom: 7px;
right: 9px;
position: absolute;
}
.qs_sub input{
width: 65px;
height: 22px;
background: #f4fafd;
border: 1px solid #879195;
border-radius: 3px;
}
/*
时钟
* */
#clock{
width: 200px;
height: 200px;
border: 20px solid #000;
border-radius:50%;
position: absolute;
/*margin-left: -250px;
margin-top: -220px;*/
right:100px;
top:100px;
z-index:1000;
background:transparent ;
behavior: url(PIE.htc)
}
#clock_center{
width: 20px;
height: 20px;
border-radius: 50%;
position: absolute;
left: 90px;
top: 90px;
background: black;
}
#clock ul{
border:1px solid #ccc;border-radius: 50%;
height:198px; position:relative; list-style:none;
background:transparent ;
}
#clock ul li{
width:3px;height:6px;
background:#ccc;
position:absolute;
left:97px;
top:-1px;
-webkit-transform-origin:center 100px;
}
#clock ul li:nth-of-type(5n+1){ height:12px;background: #000;}
#hour{width:6px;height:45px;background:#000; position:absolute;left:97px;top:55px;-webkit-transform-origin:bottom;}
#min{width:4px;height:65px;background:#999; position:absolute;left:98px;top:35px;-webkit-transform-origin:bottom;}
#sec{width:2px;height:80px;background:red; position:absolute;left:99px;top:20px;-webkit-transform-origin:bottom;}
#time{
display: block;
width: 80px;
height: 20px;
border: 1px solid skyblue;
position: absolute;
left: 60px;
bottom:60px;
z-index:998;
font-size: 8px;
color: white;
line-height: 20px;
text-align: center;
}
/*隐藏切换背景*/
#aui_outer{width: 700px; height: 500px;border: 1px solid grey; border-radius:5px; z-index:1001;position: relative; left:310px; top: -600px; background: #f7f7f7;overflow: hidden;}
#aui_outer .aui_head{height: 30px; background: #414040;border-radius:3px;}
#aui_outer .trolley{position: absolute;right: 0;width:20px;height: 470px;background: gainsboro;top:30px;}
#aui_outer .trolley .trolley_btn{width: 18px; height: 200px;position: absolute;left: 1px; top: 0; border-radius:10px;background:gray;display: block;}
#aui_outer .aui_title{color: white; line-height: 30px; font-size: 12px; font-weight:bold; margin-left: 20px;display: inline-block;}
#aui_outer .aui_off{width:24px; height: 24px;display: inline-block;position: absolute; right: 10px;top:3px; background: url(../img/images/helpmenu.png) -395px -75px;}
#aui_outer .aui_off:hover{background-position:-448px -75px;}
#aui_outer .aui_wrip{width: 620px;position: absolute;left:30px;top: 30px; height:470px;}
#aui_outer .aui_wrip_head{position: absolute; top: 10px; height: 22px;width:620px;line-height: 22px;padding: 5px 0 0;font-size: 12px;border: solid #a1b4b0;border-width: 0 0 1px;}
#aui_outer .aui_wrip_span{display:inline-block; border-color: #a1b4b0;border-style: solid;border-width: 1px 1px 0;margin: 0 0 0 5px;background:#f7f7f7;
cursor: pointer;display: inline;float: left;text-align: center;width: 80px;}
#aui_outer .aui_wrip_div1{width:620px;height: 430px; position: absolute;top:40px;overflow: hidden; }
#aui_outer .aui_wrip_ul{width:auto; height: auto; position: relative;left: 30px;top: 0;opacity:0;display: block;}
#aui_outer .aui_wrip_ul li{width:160px;height: 130px; margin:10px; display: inline-block;}
#aui_outer .aui_wrip_ul li a{width:100%; height: 90%;display: block;border: 1px solid saddlebrown;}
#aui_outer .aui_wrip_ul li img{width: 100%;height: 100%;}
#aui_outer .aui_wrip_ul li span{width: 100%;text-align: center;display:block;margin-top: 10px;}
/*隐藏登录菜单*/
#enterMenu1{position: absolute;bottom:45px;width: 182px;height: 242px;left: -250px;z-index: 998;border-radius:5px;background:black;opacity: 0.5;filter: alpha(opacity=50);}
#enterMenu{position: absolute;bottom:45px;width: 180px;height: 240px;border: 1px solid #222322;z-index: 999;
border-radius:5px;left: -250px;}
.enterMenu_li1{border-bottom: 1px solid #222322; height: 40px;line-height: 40px;padding: 0 15px;}
.enterMenu_li1 span{display:inline-block;width:24px;height: 24px;margin-left: 10px;float: right;margin-top: 8px;}
.enterMenu_li1 .li1_span1{background:url(../img/images/startmenu.png) -167px -360px;}
.enterMenu_li1 .li1_span2{background:url(../img/images/startmenu.png) -190px -360px;}
.enterMenu_li1 .li1_span1:hover{background-position:-218px -360px;}
.enterMenu_li1 .li1_span2:hover{background-position:-241px -360px;}
#enterMenu .enterMenu_li {padding-left:15px;border-bottom: 1px solid #222322;border-top: 1px solid gray;}
#enterMenu .enterMenu_li a{color: white;line-height: 24px; font-size: 12px;}
#enterMenu .off_btn{display: block; text-align: center; width: 35px;height: 35px;margin-top: 6px; margin: auto;
background:url(../img/images/startmenu.png) -60px -355px;}
#enterMenu .off_btn:hover{background-position:-23px -355px;}
#enterMenu .enterMenu_li:hover{background: gray;}
/*上面的工具栏*/
#top_mume{text-align: center;left: 41%;top: 48px;width: 245px;height: 40px;z-index: 2;position: absolute;
background: url(../img/images/sprite_main_png.png) -139px -44px;}
#top_mume .web_top_focus {float: left;margin-left:10px ;width: 150px;height: 26px; }
#top_mume .web_top_focus li{ height:28px;line-height: 28px;text-align: center;margin: 0 0 0 5px;float: left;width: 24px;z-index: 9999;}
#top_mume .web_top_focus li a{color: #fff;font-weight: bold;}
#top_mume .web_top_f1 {width: 68px;height: 19px;padding-top: 4px;margin-left: 14px;float: left;}
#top_mume .web_top_f1 a{margin-left: 3px;margin-top: 2px;height: 19px;width: 19px;display: inline-block;}
.web_top_f1 .web_top_a1{background: url(../img/images/sprite_main_png.png) -169px -159px; }
.web_top_f1 .web_top_a2{background: url(../img/images/sprite_main_png.png) -243px -159px; }