/******************************
基本样式
******************************/
*{ margin:0px; padding:0px; color:#ffffff;}
div{ margin:0px auto; overflow:hidden;}
body{ background:#ffffff; font-size:12px; font-family:"微软雅黑","宋体", Arial, SimSun, Tahoma, sans-serif; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
img{ border:none;}
ul,ol,li{ list-style:none;margin:0px; padding:0px;}
a{ text-decoration:none;}
a:link,a:visited{ color:#ffffff;}
a:hover{ color:#669900;}
a:active{ color:#0294d0;}
hr{ width:100%; float:left;}


/******************************
页面头部 background-color:#0294d0;
******************************/
#header{visibility:hidden; width:980px; height:115px; margin:0px auto;}
#header_left{ width:360px; height:115px; float:left;}
#header_left a{text-decoration:none; cursor:pointer;}
#header_logo_pic{ width:84px; height:115px; float:left;}
#header_producpic{ width:64px; height:64px; margin-top:25px; border:none; float:right;}
#header_logo_name{ width:276px; height:115px; float:left;}
#header_logo_name span{font-weight:bold; color:#ffffff; display:block; width:auto; height:64px;}

.enu_header_productname {
	font-size:18px; 
	line-height:20px;
    margin-top:35px;	
}
.chs_header_productname {
	font-size:26px; 
	line-height:64px;
    margin-top:25px;                
}
.cht_header_productname {
	font-size:26px; 
	line-height:64px;
    margin-top:25px;                
}

#header_right{ width:500px; height:115px; float:left;}
#header_right ul{ width:500px; height:115px; line-height:115px; margin-left:10px;}
#header_right ul li{ width:150px; height:30px; float:left; margin-left:10px;}
#header_right a{ color:#ffffff; font-size:16px; font-weight:bold;}
#header_right a:hover{ color:#eee;}
.enu_header_right {
	font-size:12px; 
}
.chs_header_right {
	font-size:16px; 
}
.cht_header_right {
	font-size:16px; 
}

#header_download_pic{float:left; margin-top:40px; border:none;}
#header_usercustom_pic{float:left; margin-top:40px; margin-right:5px; border:none;}
#header_about_pic{float:left; margin-top:40px; margin-right:5px;}
/*****************
语言栏
*****************/
#language{ width:60px; height:115px; float:right;}
#language ul{ width:60px; height:40px; margin-top:30px; float:right;}
#language ul li{ width:18px; height:12px; float:left; margin-left:5px; margin-top:5px;}
#language ul li img{ cursor:pointer; border:none;}




/******************************
页面底部 background-color:#0294d0;
******************************/
#footer{ width:980px; height:115px;  text-align:center;}
#footer p{ color:#ffffff; font-size:14px; margin-top:20px;}

/******************************
登录部分
******************************/
#panel_login{visibility: hidden; display: none; width:980px; height:540px; background-color:#ccc;}
#loginbox{ width:338px; height:227px; background-image: url('../images/bg_logindlg.png'); background-repeat:no-repeat; margin:132px auto;}
#login_username,#login_password{width:150px; height:22px; color:#aaa; margin-left:142px; margin-top:68px; border:none; line-height:22px;}
#login_password{ margin-top:22px;}
#logintype{ width:88px; height:22px; color:#222222; margin-left:140px; margin-top:20px; border:none; line-height:22px;}
#logintype option{ color:#222222;}
#label_username{color:#aaa; margin-left:143px; position:absolute; z-index:1; margin-top:-20px;}
#label_password{color:#aaa; margin-left:-151px; position:absolute; z-index:1; margin-top:27px;}
#btn_login{width:70px; height:30px; margin-top:20px; margin-left:235px; color:#222222;}
#typeimgbox{width:142px; height:23px; margin-top:18px; margin-left:105px;}
#typeimgbox img{float:left; cursor:pointer; border:none;}
#label_standard,#label_dynamic{display:block; float:left; height:22px; margin-top:-20px; margin-left:120px; cursor:pointer; position:absolute; z-index:15; color:#222222;}
#label_dynamic{ margin-left:180px;}
#notice_area{ width:700px; height:30px; color:#eee; font-size:14px;}


/******************************
应用列表部分
******************************/
#panel_applist{visibility:hidden; width:980px; height:550px; background-color:#ccc; }
#panel_applist_top{ width:980px; height:30px; background-color:#c7e7f4; border-bottom:2px solid #bbb;}
#notice_after_area{ width:450px; height:30px; float:left; padding-left:10px; line-height:30px;}
#notice_after_area, #login_scan_code span, #panel_applist_top ul li span, marquee{color:#333333;}
#panel_applist_top ul{ width:330px; height:30px; float:right; text-align:right;}
#panel_applist_top ul li{ width:100px; height:30px; float:left; line-height:30px;}
#panel_applist_top ul li span{ display:block; width:60px; height:30px; float:left; text-align:left;}
#panel_applist_top ul li span a{color:#0f5373;}
#panel_applist_top a:hover{ text-decoration:underline;}
#refresh_label{text-overflow:ellipsis; cursor:pointer;}
#refresh_pic,#chgpwd_pic{ margin-top:2px; cursor:pointer; float:left;}
#qrcode_login_pic{margin-top:8px; margin-left:10px; cursor:pointer; float:left; position:absolute;}
#qrcode_login_pic_span{ width:20px; height:20px; display:block; margin-top:4px; margin-left:-25px; cursor:pointer; float:left; position:absolute; z-index:20;}
#logout_pic{float:left; margin-top:2px; cursor:pointer;}
#login_scan_code{ width:120px; height:120px; border:1px solid #444444; position:absolute; z-index:10; text-align:center; margin-left:975px; display:none; background-color:#ccc;}
#login_scan_code img{ width:90px; height:90px; margin-top:10px;}

#nav_prev, #nav_next{ width:100px; height:520px; float:left;}
#nav_prev_pic, #nav_next_pic{margin:205px 20px; cursor:pointer; border:none;}

#applist_area{ width:780px; height:520px; float:left;}
#applist_area ul{ width:780px; height:520px; overflow:hidden;}
#applist_area ul li{ width:156px; height:114px; float:left; overflow:hidden; margin-top:10px;}
.appspan{ width:156px; height:80px; display:block; position:absolute; cursor:pointer;}
.img_border_span{ width:64px; height:64px; display:block; margin:8px auto;}
.img_border_span img{ width:48px; height:48px; margin:8px;}
.img_border_span:hover{ background-image:url(../images/box64.png);}
.appname{ width:156px; height:auto; text-align:center; color:#333333; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:80px;}


/******************************
下载页面
******************************/
#panel_download{ width:870px; height:480px; background-image:url('../images/bg_download.png'); background-repeat:no-repeat; position:absolute; z-index:20; display:none; filter: alpha(opacity=100); -moz-opacity:100; opacity:1;}
#panel_download_top{ width:870px; height:30px;}
#panel_download_top span{ width:28px; height:28px; float:right; cursor:pointer;}
#panel_download_close_pic{ width:28px; height:28px; border:none;}
#panel_download_area{ width:860px; height:410px;}

#windows_area, #more_area{ width:245px; height:410px; float:left; margin-left:20px; background-color:#1f94de; cursor:pointer;}
#mobile_area{ width:290px; height:410px; float:left; margin-left:20px;}

#more_area{ background-color:#f58000; position:absolute; margin-left:595px;}
#windows_logo, #more_logo{ width:245px; height:144px; margin-top:90px;}
#more_logo{ height:63px; margin-top:110px;}
#windows_logo img,#more_logo img{ border:none; margin-left:55px;}
#more_logo img{ margin-left:74px;}
#windows_text,#more_text{ width:245px; height:50px; text-align:center; margin-top:10px;}
#more_text{ margin-top:20px;}
#windows_text span,#more_text span{ font-size:28px; font-weight:100;}

#android_area, #ios_area{ width:290px; height:195px; background-color:#7ec119; cursor:pointer; position:absolute; z-index:30;}
#android_logo,#ios_logo{ width:290px; height:96px; margin-top:20px;}
#android_logo img,#ios_logo img{ border:none; margin-left:103px;}
#android_text, #ios_text{ width:290px; height:50px; text-align:center; margin-top:10px;}
#android_text span,#ios_text span{ font-size:28px; font-weight:100;}
#ios_area{ background-color:#758073; margin-top:215px;}
	
#android_qrcode,#ios_qrcode{ width:245px; height:195px; background-color:#1f94de; position:absolute; z-index:25; margin-left:350px; display:none;}
#ios_qrcode{ margin-top:215px;}
#android_qrcode_logo,#ios_qrcode_logo{ width:245px; height:91px; margin-top:20px;}
#android_qrcode_logo img, #ios_qrcode_logo img{ border:none; margin-left:77px;}
#android_qrcode_text,#ios_qrcode_text{ width:245px; height:50px; text-align:center; margin-top:20px; margin-left:40px;}
#android_qrcode_text span,#ios_qrcode_text span{ font-size:28px; font-weight:100; width:auto; height:30px; display:block; float:left;}
#android_qrcode_text img,#ios_qrcode_text img{ border:none; display:block; float:left; margin-left:5px;}

/******************************
关于页面
******************************/
#panel_about{ width:526px; height:325px; display:none; background-image:url('../images/bg_about.png'); background-repeat:no-repeat; position:absolute; z-index:20; filter: alpha(opacity=100); -moz-opacity:100; opacity:1;}
#panel_about_close{ width:30px; height:30px; margin-left:485px; cursor:pointer;}
#panel_about_close img{ border:none; margin-top:5px;}
#about_left{width:160px; height:325px; float:left;}
#about_left img{border:none; margin-left:20px; margin-top:50px;}
#about_right{width:366px; height:325px; float:left;}

.enu_about_productname {
	font-size:18px; font-family:Zurich; margin:20px 70px; line-height:25px;
}
.chs_about_productname {
	font-size:25px; font-weight:100; margin:20px 60px;
}
.cht_about_productname {
	font-size:25px; font-weight:100; margin:20px 60px;
}

.enu_about_text {
	font-size:15px; font-weight:100;  margin:10px 40px;
}
.chs_about_text {
	font-size:16px; font-weight:100;  margin:10px 30px;
}
.cht_about_text {
	font-size:16px; font-weight:100;  margin:10px 30px;
}

.abouttext a:hover{ color:#2380cd; text-decoration:underline;}
#about_suppliers{ width:526px; height:30px; display:block; position:absolute; margin:65px -200px; padding-right:20px; text-align:right;}
.enu_about_suppliers {
	font-size:18px; font-weight:100; 
}
.chs_about_suppliers {
	font-size:18px; font-weight:100;
}
.cht_about_suppliers {
	font-size:18px; font-weight:100;
}

#bigdiv{ width:100%; height:auto; background-color:#000000; display:none; position:absolute; z-index:20;  filter: alpha(opacity=80); -moz-opacity:80; opacity:0.8;}
/******************************
修改密码部分
******************************/
#panel_chgpwd{ width:380px; height:300px; display:none; background-image:url('../images/bg_updatedlg.png'); background-repeat:no-repeat; position:absolute; z-index:20; filter: alpha(opacity=100); -moz-opacity:100; opacity:1;}
#panel_chgpwd_caption{ font-size:16px; font-weight:100; display:block; float:left; margin-left:40px; margin-top:10px;}
#panel_chgpwd_close{ width:35px; height:30px; display:block; float:left; margin-left:325px; margin-top:-20px; cursor:pointer;}
#panel_chgpwd_close img{ border:none; margin-top:3px;}
#panel_chgpwd p{ width:380px; height:30px; display:block; margin-top:20px;}
#panel_chgpwd p span{ width:120px; height:30px; display:block; float:left; line-height:30px; font-size:14px; font-weight:200; text-align:right;}
#panel_chgpwd p input{ width:150px; height:20px; float:left; color:black; }
#btn_update{ width:70px; height:25px; display:block; margin-left:240px; margin-top:55px; text-align:center; line-height:25px; cursor:pointer; color:#333333;}