/**
##
#	Project: PHPDisk Personal Edition
#	This is NOT a freeware, use is subject to license terms.
#
#	Site: http://www.phpdisk.com
#
#	$Id: style.css 770 2025-07-24 12:48:53Z along $
#
#	Copyright (C) 2008-2009 PHPDisk Team. All Rights Reserved.
#
##
*/
::-webkit-scrollbar-track-piece{width:10px;background-color:#f2f2f2}
::-webkit-scrollbar{width:8px;height:6px}
::-webkit-scrollbar-thumb{height:50px;background-color:rgba(0,0,0,.3); border-radius: 1000px;}
::-webkit-scrollbar-thumb:hover{background:#333}

*::selection{background:#3B5998;color:#FFF;}
*::-webkit-selection{background:#3B5998;color:#FFF;}
*::-moz-selection{background:#3B5998;color:#FFF;}
*{	margin:0;padding:0;}
body{ 
	font:14px Verdana,Arial, Helvetica, sans-serif; color:#3B5998; background-color:#FFFFFF; padding:0; margin:0;
}
input{padding:2px}
form{padding:0; margin:0}
ul{padding:0;}
li{list-style-type:none}

a{color:#3B5998; text-decoration:none}
a:hover{text-decoration:underline}
.container{background:url(bg.jpg) repeat-x;}
.wrap{	width:1000px; margin:auto;}

.layout{ width:990px; padding:10px;}
.layout h1{ background:url("main_top_bg3.png"); line-height:40px; height:40px; font-size:14px;}
.layout .license_text{ border:solid #DDDDDD; border-width:0 1px 1px 1px; padding:20px 80px;}
.layout p{line-height:180%;text-indent:2em}

.av_ctn{ padding:15px;}
.em{text-indent:2em}

#left{float:left; width:730px;_width:710px; border-right:1px #CCCCCC dotted;border-left:1px #CCCCCC dotted; line-height:180%; padding:10px; overflow:hidden}
#left h1{ margin:0; background:url(main_top_bg.png) no-repeat; height:30px;font-size:14px; padding-top:10px; line-height:30px; width:730px; overflow:hidden;}
#left .download p{cursor:pointer;}
#right{float:left; width:200px; padding:10px; margin-left:0}
#right dl{margin-top:5px;}
#right dl dt{ background:url(tit2_top.gif) no-repeat; width:220px; height:22px; margin:0; padding:10px 10px 0}
#right dl .box{ border:#E0EDF5 solid; border-width:0 1px; width:228px; margin:0; padding:5px}
#right dl .r_b{ width:240px; height:15px; background:url(tit2_bottom.gif) no-repeat; margin-left:0}
#right dl dd ul li{ margin:8px 0;}

#banner{ margin-top:3px;}
#banner .l{float:left; width:530px;}
#banner .r{float:right}

.footer{width:100%; margin:auto; background:url(footer_bg.jpg) repeat-x; height:50px;}
.footer_info{padding:5px 0 0 0; text-align:center; margin-bottom:10px;}
#copyright{font-size:10px; text-align:center}


.info{color:#252525}
.intro p{text-indent:2em}
.services_tb{ border:3px solid #2A67A8; width:730px;}
.intro .tr_first{background:#2A67A8; height:50px; font-weight:bold; color:#FFF; text-align:center; font-size:16px;}
.intro .tr_head{ background:#ebf2f9; height:25px; font-size:14px;}
.intro .td_head{ background:#f8fbff;}
.intro td{border:#CCC dotted; border-width:0 0 1px 0; padding-left:5px;}

.pop_tips{background:#fafafa; border:1px #99CAEA solid; width:400px; line-height:150%; padding:5px;}

.color1 { background-color: #fcfcfc; }
.color2 { background-color: #f9f9f9; }
.color3 { background-color: #d0d0d0; }
.color4 { background-color: #fbffdf; }
.color5 {background-color:#ddffff}

.txtred{color:#FF0000}
.txtgray{color:#666}
.txtgray2{color:#999}
.txtblue{color:#0000FF}
.txtgreen{color:#008800}
.txtorange{color:#FF6600}
.bold{font-weight:bold}
.f14{font-size:14px}
.f12{font-size:12px}
.f10{font-size:10px}
.f13{font-size:13px}

#menu{width:988px;height:33px; *margin-top:18px; padding-top:20px\0; }
@media screen and (-webkit-min-device-pixel-ratio:0){
	#menu{width:988px;height:33px; margin-top:20px;}
	}
@-moz-document url-prefix(){
	#menu{width:988px;height:33px; margin-top:16px;}
	}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
	#menu{width:988px;height:33px; margin-top:20px;}
	}

/* css drop down menu*/
#menu ul {
	list-style:none; height:33px; margin:auto;z-index:9999;position: relative;
}
#menu ul li {
	text-align: center; float: left; color: #002b7d;position: relative;
}
#menu ul li a{display:block;height:33px; line-height:33px; width:80px; text-decoration:none; margin-right:2px}
#menu ul li a:hover{color:#3B5998; background:url("active_bg.jpg") no-repeat; font-weight:bold;/*margin-top:2px;*/}
#menu ul li ul {
	position: absolute; height:auto;/* menu height 30px */ border-top: 0; border-bottom: 1px #4785BE solid; border-left: 1px #4785BE solid; border-right: 1px #4785BE solid; margin-bottom:10px; display: none; top: 33px; background:#FFF; left:0;
}
#menu ul li ul li {
	 width:315px;float: none;
}
#menu ul li ul li a {
	width:95%; display:block; background: #fff; float: none; height:25px; line-height:25px; text-align:left; padding:2px 5px;
}
#menu ul li ul li a:hover {
	background: #E3EFFB; margin-left: 0px; text-decoration: none; font-weight:lighter;margin-top:0px;
}
#menu ul li:hover ul {
	display: block; z-index:9999;
}
#menu li.over ul {
	display: block
}
#menu .new_icon{position: absolute;top:2px; right:-3px; z-index:99;}

#sub_menu{ width:auto; margin-left:10px; margin-top:8px; margin-bottom:-8px; background:url("sub_menu.gif") repeat-x; height:36px; border:1px #C7E2F1 solid}
#sub_menu ul{ padding:0; margin:0}
#sub_menu ul li{float:left; font-size:14px; margin-left:15px;}
#sub_menu ul li a{display:block; padding:10px 8px; padding:10px 5px\9; text-decoration:none; color:#0055AA}

#news{border:1px #CCCCCC solid; position:relative; height:100%}
#news .tit{ font-size:14px; font-weight:bold;padding:8px 0 7px 10px; line-height:15px;background:url(news_bg.jpg) no-repeat; border-bottom:1px dotted #ccc}
#news ul{}
#news ul li{ float:left; width:340px; overflow:hidden; height:22px; line-height:22px; padding:0; margin:2px 0 1px 8px; border-bottom:1px #efefef dotted}
#news .icon{ width:50px; height:50px; background:url("new_icon.png"); display:block; position:absolute; right:-10px; top:-10px;}

.reg_step{height:26px; font-size:14px; color:#252525}
.reg_step ul{margin-left:90px}
.reg_step li{ float:left; width:200px; padding-bottom:0; *padding-bottom:5px}
.nav_sel{color:#3B5998; background:url(active_bg.jpg) no-repeat; font-weight:bold;/*margin-top:2px;*/}
.nav_nosel{color:#FFFFFF;}

.introduction,.trait{ border:1px solid #ccc; margin-bottom:10px;}
.introduction .tit2{ font-size:14px; font-weight:bold; background:url("title_bg.gif") repeat-x; padding:5px;}
.introduction .tit{ font-size:14px; background-color:#eee; padding:5px;}
.introduction .box{padding:5px;}
.introduction .l{ float:left; width:auto;}
.introduction .r{ float:right; width:auto;}
.introduction p{ text-indent:2em}
.clear{clear:both}
.line{ border-top:1px #3B5998 solid; margin:auto; width:auto; margin:5px 0;}

#login_box{ width:500px; margin:auto; padding:15px; margin-bottom:20px}
#login_box .box span{color:#666}
#login_box .box .log_box li{margin-bottom:15px; font-size:14px}
#login_box .box .log_box .input{ width:250px; height:15px; padding:3px;}

.box_tips_msg{margin-top:8px;padding:10px; background:#FFFFDD; border:#FFCC00 1px solid; color:#008800}

.product_box{border:2px #fff solid;float:left; padding:3px; padding-top:5px; width:160px;  margin:0 5px; overflow:hidden; text-align:center; margin-bottom:5px;}
.product_box_hl{border:2px #99CAEA solid; padding:3px; padding-top:5px; width:160px;background:#fafafa; overflow:hidden;margin-bottom:5px;}
.product_box ul li{ text-align:center;}

.user_menu{width:130px;border:1px #E3EFFB solid; margin:5px 0; font-size:14px}
.user_menu .tit{ padding:5px; font-weight:700; background:#F9FAFE; font-size:14px; border-bottom:1px #E3EFFB solid }
.user_menu li{ line-height:180%}
.user_menu a{display:block;padding-left:15px; width:100px;}
.user_menu a:hover{text-decoration:none; background:#3C7AB5; color:#FFFFFF; width:88%;}
.user_menu .a_sel{background:#E3EFFB;}
.btn{ background-color:#0082CD; border:1px #9DACBF solid; width:auto; padding:5px 8px; text-align:center; cursor:pointer; border-radius: 5px; color: #fff;}
.btn:hover{ background-color:#55aaff;}
.td_line td{border-bottom:1px #cccccc dotted; height:30px; padding:3px;}
.td_line2 td{border-bottom:1px #eeeeee dotted; height:30px; padding:3px;}
.new{float:right; font-size:9px; position:absolute; margin-left:20px; *margin-left:65px; margin-top:-35px; background:#FF6600; color:#FFFFFF; font-weight:bold}

#user_container{width:100%; min-height:300px;}
#user_container_l{width:130px; float:left;}
#user_container_r{width:845px; float:right; border-right:1px #CCCCCC dotted}
#user_container_r .l{width:600px; float:left}
#user_container_r .r{width:215px; float:right}

.info_box{height:150px; margin:80px 200px 130px 200px;border: 1px solid #4a6ea5;background:url(title_bg.gif) repeat-x #fafafa; padding:1px }
.info_box_tit{font-weight: bold; padding:8px;}
.info_box_msg{padding: 10px; background: #fafafa;line-height: 150%;}

.partner{padding:5px; margin-top:5px;}
.partner a{margin-right:15px;}

.float_tips_open{
position:absolute;
border:solid 1px #99CAEA;
padding-top:8px;
right:10px;
width:180px;
background:#fafafa;
}
.float_tips_close{
position:absolute;
border:solid 1px #99CAEA;
padding:5px;
right:10px;
width:18px;
background:#fafafa;
cursor:pointer;
font-size:14px;

}
.float_tips_open .tit{margin-left:8px; margin-bottom:10px; font-weight:bold; cursor:pointer}
#sale_box li{margin-bottom:10px;margin-left:5px;}

.p_bar{
	margin-top:5px;
}
.p_bar a:hover{ background:#3B5998; color:#FFFFFF}
.p_redirect{
	padding:3px 5px; border:1px #CCCCCC solid; margin:0 3px; text-align:center;
}
.p_num{
	padding:3px 5px; border:1px #CCCCCC solid; margin:0 3px; text-align:center;
}
.p_info{
	padding:3px 5px; border:1px #CCCCCC solid; margin:0 3px; text-align:center;
}
.p_curpage{
	padding:3px 5px; border:1px #CCCCCC solid; margin:0 2px; text-align:center; color:#f00; font-weight:bold;
}
#thegallery{
position: relative; 
visibility: hidden; 
margin:auto;
border:solid #DDDDDD;
border-width:0 1px 1px;
padding:0 4px;
}

#thegallery .gallerydesctext{
width:300px;
text-align:center;
padding:5px;
}

.chat_box{border-bottom:1px #CCCCDD solid;border-top:1px #CCCCDD solid; padding-top:5px; background:#F7FBFC}
.chat_box2{border-bottom:1px #FAFAFA solid;border-top:1px #FAFAFA solid; padding-top:5px;}

.msg_tips{  clear:both;border:1px #FFE3A0 solid; font-size:12px; color:#008800; padding:8px; margin-top:10px; margin-left:10px; background:#FFFADC; width:auto;height:100%; vertical-align:middle;}
.global_tips{clear:both;border:1px #FFE3A0 solid; font-size:1.8em; color:#ff0000; padding:8px; background:#FFFADC; width:auto;height:100%; text-align:center;}

.av_ctn li{margin-left:10px; line-height:20px}
.av_box{border:4px #2A67A8 solid}
.av_box td{padding:3px; border-bottom:1px #CCCCCC dashed;}

.sk_box li{ line-height:25px; height:25px; vertical-align:middle}
.skn_list{float:left;width:145px; height:20px; line-height:20px; overflow:hidden; margin-right:10px; margin-bottom:5px; border-bottom:1px #CCC dotted}

.previewShowWindow{position:absolute;border:1px solid #dadade;background:#99CAEA;padding:5px;display:none;color:#fff;text-align:center;z-index:999;}

/* */
#tpl_img { margin-left:0;margin-left:-15px\9;}
#tpl_img li{border:1px dotted #CCC; margin-bottom:8px;  width:730px; overflow:hidden}
/* bottom tool bar */
#pdToolbar{ 
    width:100%; height:50px; line-height:50px; 
    background:#EBF2F9; 
    position:fixed; bottom:0; left:0; 
    _position:absolute; _top:expression(documentElement.scrollTop); 
	z-index:999999;
} 
#pdToolbar .tr_first{background:#2A67A8; height:30px; line-height:30px; font-weight:bold; color:#FFF; text-align:center; font-size:16px;}

.sel_b{color:#fff; background-color:#246FD2; padding:3px;}
.sel_a{color:#000000; background-color:#9EB6D8; padding:3px;}
.sel_a2{color:#000000; background-color:#FFF; padding:2px; border-left:1px #C7E2F1 solid; border-right:1px #C7E2F1 solid; font-weight:bold}
/* auth_box*/
#auth_box{background:url(certificate.jpg) no-repeat #FFFFFF; height:450px; width:550px; color:#252525}
#auth_box .c{width:460px; margin:auto; padding-top:80px;}
#auth_box .c .c1{ float:left; width:130px; clear:both; font-weight:bold; border-bottom:1px #dfdfdf dotted; height:28px; line-height:28px; text-indent:2em;}
#auth_box .c .c2{ float:left; width:320px; border-bottom:1px #dfdfdf dotted;/* height:28px; line-height:28px;*/}
/* host */
.box_title{ line-height:28px; height:28px;padding:0 6px;}
	.box_title h2{font-size:14px;}
	.box_title em{ float:right;}
		.box_title em a{ text-decoration:underline;}
		
.box_content{background:url(bg_box_server.jpg) no-repeat 100% 0px;padding-top:14px;position:relative;}

.main_server{border:1px solid #C4CADA; background: #FFF url(bg_server.jpg) repeat-x 0 0; margin-top:8px; overflow:hidden;*height:1%;}

.box_serverbody{ background:url(bg_content_body.jpg) repeat-x 0 0; overflow:hidden;margin-bottom:10px;padding:0 25px;}
.box_server{ width:310px;  display:inline; float:left; margin-left:10px;}
	.box_server .boon{ position:absolute; width:50px; height:50px; background:url(pic_boon.jpg) no-repeat; top:50px;right:10px; text-indent:-9999px; overflow:hidden; float:right}

	.box_server dl{clear:both; overflow:hidden;*height:1%;}
		.box_server dt{ float:left; width:100px;}
		.box_server dd{ float:left;color:#254E62;font-weight:bold; width:180px;}
		.box_server dd strong{padding:6px 0; display:block;font-size:14px;}
		.box_server dd p{ line-height:18px;}
		.box_server dd .line2{ color:#59A400; width:180px;}
	.box_server .serverinfo{ clear:both; line-height:20px; color:#676D79;padding-left:10px;}
	.box_server .btn{ text-align:right;padding:20px 20px 10px 0;}
	.box_server .buy_box{ margin-top:8px;}
	.box_server .buy_box a{ display:block; width:126px; height:36px; background:url("buy_btn.png");}
	.box_server .buy_box a:hover{ background:url("buy_btn.png") 0 -36px;}

.com_ctn{font-size:14px;}
#ico_list ul{clear:both}
#ico_list ul li{ float:left; width:50px; padding:3px; margin-bottom:5px; margin-right:5px;}
.sel_icon{border:1px #ff0000 solid;}
.idx_box .idx{ text-indent:40px;}
.ck_a span{color:#FF6600; font-size:14px;}

.n_box{background:#F6F6F6; padding:8px; margin-bottom:5px; font-size:14px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:1px solid #ccc;box-shadow:0 0 10px #CCC;-moz-box-shadow:0 0 10px #CCC;-webkit-box-shadow:0 0 10px #CCC;}


.auth_layout {
	padding: 8px;
	border: 2px solid #246FD2;
	border-radius: 5px;
}

/* auth_box*/
.auth_wrap{width: 658px; height: 930px; margin: auto;}
.auth_cert_box{ border: 1px solid #ccc; border-radius: 5px; padding: 8px;}
.auth_box {
	width: 658px; height: 930px;
	background: url(auth_bg.jpg) no-repeat #FFFFFF;
	color: #252525;
	 box-shadow:0 0 10px #ababab;
}
.auth_box .auth_tit{
	font-size: 1.5em;
	font-weight: 700;
	text-align: center;
	padding-top: 25%;
	padding-bottom: 25px;
}

.auth_box .c {
	width: 500px;
	margin: auto;
}

.auth_box .c .c1 {
	clear: both;
	font-weight: bold;
	border-bottom: 1px #dfdfdf dotted;
	padding:3px;
}

.auth_box .c .c2 {
	text-indent: 2em;
	border-bottom: 1px #dfdfdf dotted;
	padding:3px;
}

.warning_tips {
	padding: 8px;
	background-color: #ce6f02;
	color: #fff;
	border-radius: 5px;
}

.danger_tips {
	padding: 8px;
	background-color: #aa0000;
	color: #fff;
	border-radius: 5px;
}

.success_tips {
	padding: 8px;
	background-color: #1BA035;
	color: #fff;
	border-radius: 5px;
}
.success_tips i{
	color: #ffaa00;
}
.box_tips_msg {
	margin-top: 8px;
	padding: 10px;
	background: #FFFFDD;
	border: #FFCC00 1px solid;
	color: #008800;
	border-radius: 10px;
}

/* AI数据按钮样式 */
#aidata-btn {
    margin-left: 15px;
    padding: 6px 20px;
    background: linear-gradient(45deg, #FF6B6B, #FF8E53);
    color: #fff;
    border-radius: 25px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(255,107,107,0.3);
    vertical-align: middle;
    line-height: 30px;
    border: 2px solid rgba(255,255,255,0.3);
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    animation: scaleButton 5s cubic-bezier(.4,0,.2,1) infinite;
    display: inline-block;
}

/* 简化的放大缩小动画 */
@keyframes scaleButton {
    0% {
        transform: scale(.9);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(.9);
    }
}

#aidata-btn:hover {
    animation: none;
    transform: translateY(-3px) scale(1);
    box-shadow: 0 6px 25px rgba(255,107,107,0.5),
                0 0 20px rgba(255,140,83,0.4);
    background: linear-gradient(45deg, #FF8E53, #ff5555);
    border-color: rgba(255,255,255,0.5);
}

#aidata-btn:active {
    transform: translateY(0) scale(0.98);
    box-shadow: 0 2px 10px rgba(255,107,107,0.3);
}

/* 自定义layer样式 */
.layui-layer-nobg {
    background-color: #fff !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.layui-layer-nobg .layui-layer-close {
    right: 15px !important;
    top: 15px !important;
    color: #fff !important;
}

/* AI数据弹窗样式 */
.aidata-dialog {
    padding: 25px;
    line-height: 26px;
    text-align: left;
    font-size: 14px;
}

.aidata-header {
    background: #3B86E9;
    margin: -25px -25px 20px;
    padding: 20px;
    color: #fff;
    text-align: center;
}

.aidata-header h2 {
    font-size: 20px;
    margin-bottom: 5px;
}

.aidata-header p {
    font-size: 13px;
    opacity: 0.9;
}

.aidata-content {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 10px;
    margin: 15px 0;
}

.aidata-content p {
    margin: 12px 0;
    color: #333;
}

.aidata-content .number {
    color: #3B86E9;
    margin-right: 8px;
}
.aidata-content-text{
    font-size: 18px;
    color: #fff;
    background: linear-gradient(130deg, #f1f2f3 60%, #FF8E53 100%);
    font-weight: bold;
    padding: 16px 18px;
    border-radius: 8px;
    box-shadow: 0 4px 18px rgba(59,134,233,0.15);
    text-align: center;
    margin: 18px 0 20px 0;
    letter-spacing: 1px;
    text-shadow: 1px 2px 8px rgba(59,134,233,0.18), 0 1px 0 #FF8E53;
    border: 2px solid #FF8E53;
    transition: box-shadow 0.3s;
}
.aidata-content-text:hover {
    box-shadow: 0 8px 32px rgba(255,142,83,0.25), 0 2px 8px rgba(59,134,233,0.18);
}
.aidata-button {
    text-align: center;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.aidata-button a {
    display: inline-block;
    padding: 12px 28px;
    background: #3B86E9;
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(59,134,233,0.2);
}

.aidata-button a:hover {
    background: #2B76D9;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(59,134,233,0.3);
}

.aidata-button button {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    color: #6c757d;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    transition: all 0.3s ease;
    font-weight: 500;
}

.aidata-button button:hover {
    background: #e9ecef;
    color: #495057;
    border-color: #dee2e6;
    transform: translateY(-1px);
}

/* AI数据弹窗样式 */
.aidata-remember {
    display: none;
}