@charset "utf-8";
@import url("plugins.css");
body{ overflow-x:hidden; font-size:14px; font-family:微软雅黑; }
.align_center{ text-align:center; }
.align_right{ text-align:right; }
.align_left{ text-align:left; }
.der{ color:#F00; }
.green{ color:#53A831; }
.gry{ color:#8a8585;}
.tip{ margin-top:7px; }
.margintop{ margin-top:20px; }
a:hover{ text-decoration:none; }
a:focus{ outline:none; text-decoration:none; }
p{ margin-bottom:0px; }
.marg{ margin:10px 0 20px;}
.paddleft{ padding-left:70px; }
.size16{ font-size:16px; }
.rw{ background:#F5F6FA;}
.tab label{ padding: 5px;}
.labelstyle label{ padding: 5px;}
.dis label{padding: 5px; display: block;}
.style a{color: #00A2CA;}
.style a:hover{color:#FF5B01}
.lb{ padding:5px; width: 265px;}
.form-horizontal label{ font-weight:normal; }
.title_text{ padding:0 0 20px; border-bottom:1px solid #E5E5E5; margin-bottom:10px; }
.title_text h3{ height:20px; margin-top:10px; margin-left:15px; border-left:2px solid #00A2CA; padding-left:8px; font-size:16px; line-height:20px; display:inline-block; }
.tip_title p{ padding-left:30px; line-height:25px; }
.tip_title p .setitle{ color:#FF0000; margin:10px 10px 0; display:inline-block; font-size:16px; }
.warg{ padding:10px; margin-bottom:20px; background:#fdf9e3; border:solid 1px #fbecce; border-radius:5px; }
.warg a{ color:#0083ce; text-decoration:none; padding:0 5px; }
.warg a:hover{ color:#FF0000; }
.warg p{ color:#8b6c3e; }
.oprlog{ padding:20px;}
.butns{display: inline-block;padding: 6px 0;vertical-align: middle;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;cursor: pointer;background-image: none;border-radius: 4px; border:1px solid #ccc;}

/*顶部导航*/
header{ height:65px; background:#0070cc; width:100%; min-width:1000px; }
.panel_top{ position:relative; top:0; right:0; left:0; }
.panel_top .fa{ color:#FFF; padding:0 5px; }
.panel_top .left{ float:left;position: relative; top: 40px; }
.panel_top .left .logo{ position:absolute; left:0px; width:440px; }
.panel_top .left .logo span{ font-size:24px; position:relative; bottom:22px; color:#ffffff; left:5px; }
.panel_top .left .logo a{ display:inline-block; width:180px; height:65px; line-height:0; background:url("../images/logo.png") no-repeat scroll left center; font-size:0px; text-decoration:none; }
.panel_top .right{ float:right; position:relative; top:25px; right:20px; }
.panel_top .right a{ color:#ffffff; display:inline-block; padding:0 5px; text-decoration:none; }
.panel_top .right span{ padding:0 0 0 8px; color:#ffffff; }
.panel_top .right i{ padding:0 8px; }

/*虚拟主机首页主体内容*/
.panel{ min-width:850px; background:#f3f3f3; padding-bottom:20px; margin-bottom:0; }
.panel .title{ margin-top:20px; height:40px; line-height:40px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; background:#fbfbfb; padding-left:20px; }
.panel .colm1 .info{ background:#ffffff; padding:15px 40px 20px; overflow:hidden; border-bottom:1px solid #dedede; }
.panel .colm1 .info ul li{ line-height:28px; color:#6a6c6f; }
.panel .colm1 .info ul p{ display:inline-block; vertical-align:top; margin-bottom:0px;}
.panel .colm1 .info .item{ display:inline-block; white-space:nowrap; }
.panel .colm1 .info .item2{display:inline-block; white-space:nowrap; margin-left:60px; }
.panel .colm1 .info i{ width:40px; color:#7e6b5a; text-align:center; }
.panel .colm1 .info span{ color:#333333 }
.panel .colm1 .info .item span{ padding-left:5px;white-space:nowrap; overflow:hidden;}
.panel .colm1 .info .pdleft{ margin-left:15px; }
.panel .colm2 .info{ background:#ffffff; padding:10px 40px 20px; overflow:hidden; border-bottom:1px solid #dedede; }
.panel .colm2 .info a{ text-decoration:none; display:block; }
.panel .colm2 .info ul li{ width:125px; float:left; }
.panel .colm2 .info .pic{ width:125px; height:100px; }
.panel .colm2 .info .name{ width:100px; text-align:center; font-size:12px; margin:0 auto; }
.panel .colm3 .info{ background:#ffffff; padding:10px 40px 20px; overflow:hidden; border-bottom:1px solid #dedede; }
.panel .colm3 .info a{ text-decoration:none; display:block; }
.panel .colm3 .info ul li{ width:125px; float:left; }
.panel .colm3 .info .pic{ width:125px; height:100px; }
.panel .colm3 .info .name{ width:100px; text-align:center; font-size:12px; margin:0 auto; }

/*云主机首页主体内容*/
.top{ background:#e5e5e5; }
.top ul{ padding-bottom:40px; overflow:hidden; text-align:center; }
.top ul li{ width:95px; height:95px; margin:40px 22px 0; background:#f3f3f3; display:inline-block; border:1px solid #ccc; border-radius:10px; text-align:center; overflow:hidden; }
.top ul li a{ width:95px; height:95px; display:block; }
.top img{ margin-top:8px; }
.top .name{ width:85px; text-align:center; line-height:35px; margin:0 auto; }
.cloudpanel{ overflow:hidden; background:#ffffff; padding-bottom:20px; margin-bottom:0; min-width:680px; }
.cloudpanel .cp{ margin-top:-10px; }
.cloudpanel .dash{ padding:10px; border:1px dashed #ddd; }
.cloudpanel .title{ height:40px; line-height:40px; background:#fbfbfb; border-bottom:1px solid #d0d0d0; font-size:16px; padding-left:20px; border-radius:10px 10px 0 0; }
.cloudpanel .max-width{ max-width:1520px; }

.cloudpanel .cloud1 {padding:10px 15px;overflow:hidden;}
.cloudpanel .cloud1 .about{ border:1px solid #ddd; margin-top:20px; border-radius:10px; width:100%; box-shadow:0 0 5px #eee;  overflow: hidden;}
.cloudpanel .cloud1 .about .datapic{ width: 364px; height: 280px; background:url("../images/jietu.png") no-repeat scroll top center;  margin-top: 30px;}
.cloudpanel .cloud1 .about .datapic  .txt{ color:#80c269; font-size:22px; text-align: center; }
.cloudpanel .cloud1 .about .datapic  s{ width:310px; height:160px; display:block;  position: relative;  top: 12px; left: 25px;}
.cloudpanel .cloud1 .about .datapic  s img{ margin-left: 140px; margin-top: 60px;}
.cloudpanel .cloud1 .about .info{padding:40px 0 20px 130px; overflow:hidden; }
.cloudpanel .cloud1 .about .info ul li{ line-height:30px; color:#6a6c6f; }
.cloudpanel .cloud1 .about .info .item{ display:inline-block; }
.cloudpanel .cloud1 .about .info .item1{ width:400px; display:inline-block; }
.cloudpanel .cloud1 .about .info .item2{ width:380px; display:inline-block; margin-left:52px; }
.cloudpanel .cloud1 .about  .info i{ padding:0 18px; color:#7e6b5a; }
.cloudpanel .cloud1 .about .info .fa-user{ font-size:15px; }
.cloudpanel .cloud1.about  .info .fa-clock-o{ font-size:15px; }
.cloudpanel .cloud1 .about .info span{ padding:0 10px; }
.cloudpanel .cloud1 .about .info .tp{ padding-left:0; }

.cloudpanel .cloud2 {padding:10px 15px;overflow:hidden;}
.cloudpanel .cloud2 .band{ border:1px solid #ddd; margin-right:20px; margin-top:20px; border-radius:10px; width:100%;float:left;box-shadow: 0 0 5px #eee; }
.cloudpanel .cloud2 .band .info{ padding:20px;}

.cloudpanel .cloud2 .disk{ border:1px solid #ddd; border-radius:10px; margin-top:20px; width:100%; float:left; box-shadow:0 0 5px #eee; }
.cloudpanel .cloud2 .disk .info{ padding:20px; }

/*云主机内容页*/
.cloudpanel .setitle{ color:#FF0000; margin:10px 10px 0; display:inline-block; font-size:16px; }
.cloudpanel .secinfo{ color:#aaa; line-height:25px; }
.cloudpanel .secinfo a{ color:#0083ce; }
.cloudpanel .secinfo a:hover{ color:#FF0000; }
.cloudpanel .cloud3{ margin:20px auto; box-shadow:0 0 8px #eee; border:1px solid #ddd; border-radius:10px; padding:20px; }
.cloudpanel .cloud3 .info{ padding-top:20px;}
.cloudpanel .cloud3 .info .start{ width:65px; height:65px; display:inline-block; margin:0 5px; background:url("../images/start.jpg") no-repeat; }
.cloudpanel .cloud3 .info .off{ width:65px; height:65px; display:inline-block; margin:0 5px; background:url("../images/off.jpg") no-repeat; }
.cloudpanel .cloud3 .info .restart{ width:65px; height:65px; display:inline-block; margin:0 5px; background:url("../images/restart.jpg") no-repeat; }
.cloudpanel .cloud3 .info .putstyle input{ padding-bottom:45px; padding-top:75px; }
.cloudpanel .cloud3 .info .labelstyle label{ font-weight:normal; }
.cloudpanel .cloud4{ margin:20px auto; box-shadow:0 0 8px #eee; border:1px solid #ddd; border-radius:10px; padding:20px; }
.cloudpanel .cloud4 .info{ padding:10px; }
.cloudpanel .cloud4 .systemlist a{ display:inline-block; border-radius:4px; background:#F7F7F7; border:1px solid #EEE; text-align:center; width:80px; height:35px; line-height:35px; margin-right:10px; cursor:pointer; }
.cloudpanel .cloud4 .systemlist .active{ background:#00A2CA; color:#FFF; }
.cloudpanel .cloud4 .systemlist a:hover{ background:#FBECCE; color:#8B6C3E; }
.cloudpanel .cloud4 ul{ border:1px solid #D4E6C0; padding:30px; background:#F9FFF3; overflow:hidden; border-radius:5px; margin-top:-14px; }
.cloudpanel .cloud4 ul li{ float:left; width:50%; padding:3px 0;}
.cloudpanel .cloud4 .s1{ width:11px; height:7px; left:30px; position:relative; display:inline-block; background:url("../images/usercloud.png"); z-index:1; bottom:7px; }
.cloudpanel .cloud4 .s2{ width:11px; height:7px; left:125px; position:relative; display:inline-block; background:url("../images/usercloud.png"); z-index:1; bottom:7px; }
.cloudpanel .cloud5{ margin:20px auto; text-align:center; min-width:930px; }
.cloudpanel .cloud5 .tib{ width:120px; height:150px; text-align:center; display:inline-block; position:relative; top:-80px; right:45px; }
.cloudpanel .cloud5 .tib p{ font-size:24px; color:#80c269; }
.cloudpanel .cloud5 s{ width:100px; height:100px; background:url("../images/sus.png") no-repeat; display:block; margin-left:10px; }
.cloudpanel .cloud5 .info{ display:inline-block; }
.cloudpanel .cloud5 .info h4{ font-size:15px; line-height:30px; margin-bottom:20px; }
.cloudpanel .cloud5 .info p{ padding-left:30px; text-align:left; }
.cloudpanel .cloud5 .info .text{ box-shadow:0 0 5px #eee; border:1px solid #ddd; border-radius:10px; margin-top:20px; padding:20px; }
.cloudpanel .cloud5 .info .text span{ width:60px; text-align:right; display:inline-block; }
.cloudpanel .update{ margin:20px auto; }
.cloudpanel .update .mtop{ margin:30px 0; }
.cloudpanel .update .left{ box-shadow:0 0 8px #eee; border:1px solid #ddd; border-radius:10px; }
.cloudpanel .update .right{ box-shadow:0 0 8px #eee; border:1px solid #ddd; border-radius:10px; }
.cloudpanel .update input[type="text"]{ width:60px; border-color:#58b5ff; height:30px;  position:absolute; left:425px; top:0px;}
.cloudpanel .update .unit{ position:absolute; left:500px; top:5px; font-style:normal; text-decoration:none; }
.cloudpanel .update .pagination{ margin:0; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:0 1px 2px rgba(0, 0, 0, 0.05); }
.cloudpanel .update .pagination .active span{ background:#caecff; }
.cloudpanel .update .pagination .disabled span{ background: #F8F8F8;}
.cloudpanel .update .pagination li:hover span{ background:#caecff; }
.cloudpanel .update .pagination li:hover{ background:#caecff; }
.cloudpanel .update .pagination span{ padding:4px 20px; display:inline-block; color:#0085f0; cursor:pointer; position:relative; text-align:center; border-color:#58b5ff; }
.cloudpanel .update .pagination span s{ position:absolute; right:2px; top:0px; width:18px; height:18px; background:#ff7a22; color:#FFF; display:block; font-size:12px; text-align:center; line-height:18px; }
.cloudpanel .update .disk .choose{ background:#caecff; border-radius:4px 0 0 4px; width:80px; border:1px solid #58b5ff; border-right:none; color:#434343; height:30px; line-height:29px; text-align:right; position:absolute; top:0px; }
.cloudpanel .update .disk .choose span{ border-right:1px solid #58b5ff; display:block; text-align:center; }
.cloudpanel .update .disk .group{ position:relative; left:80px; top:0px; cursor:pointer; }
.cloudpanel .update .disk .group ul{ display:inline-block; }
.cloudpanel .update .disk .group .chosetext{ display:inline-block; }
.cloudpanel .update .disk .group ul li{ float:left; height:30px; line-height:29px; background:#f8f8f8; width:80px; color:#434343; position:relative; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.cloudpanel .update .disk .group ul li:last-child{ border-radius:0px 4px 4px 0; }
.cloudpanel .update .disk .group ul li:last-child span{ border-radius:0px 4px 4px 0; }
.cloudpanel .update .disk .group ul li span{ position:absolute; right:0px; top:0px; z-index:20; border-right:1px solid #dcdcdc; text-align:right; left:0px; padding-right:2px; }
.cloudpanel .update .disk .group .split{ width:14px; height:36px; position:absolute; background:url("../images/split.png") no-repeat; top:-3px; cursor:pointer; display:block; z-index:30; }
.cloudpanel .update .bottom-group{ border-top:1px solid #dcdcdc; background:#f5fcff; padding:20px; overflow:auto; border-radius:0 0 10px 10px; }
.cloudpanel .update .bottom-group .bottom{ float:right; text-align:right; }
.cloudpanel .update .bottom-group .price{ color:#ff5f1e; font-weight:bold; font-size:14px; min-width:500px;}
.cloudpanel .update .bottom-group .btns{ background:#0085f0; color:#FFF; border:1px solid #0071cc; }
.cloudpanel .update .bottom-group button{ margin-top:20px; margin-left:20px; background:#eee; border-radius:4px; border:none; height:36px; line-height:30px; text-align:center; padding:0 20px; border:1px solid #d3d3d3; }
.cloudpanel .update .totle h4{ color:#0086f2; height:50px; line-height:50px; text-indent:15px; border-bottom:1px solid #dcdcdc; }
.cloudpanel .update .totle .content{ padding:20px 5px; }
.cloudpanel .update .totle .content ul li{ height:20px; margin-bottom:10px; position:relative; padding-left:15px; }
.cloudpanel .update .totle .price{ padding-left:15px; }
.cloudpanel .update .price span{ color:#ff5f1e; font-size:24px; font-weight:bold; }
.cloudpanel .chart{ margin:20px auto; box-shadow:0 0 8px #eee; border:1px solid #ddd; border-radius:10px; padding:20px; }
.cloudpanel .console{ margin:20px auto; }
.cloudpanel .console .info{ overflow:hidden; }
.cloudpanel .console .left{ box-shadow:0 0 8px #eee; border:1px solid #ddd; border-radius:10px; padding:20px; }
.cloudpanel .console .right{ box-shadow:0 0 8px #eee; border:1px solid #ddd; border-radius:10px; padding:20px; }

/*虚拟主机内容弹出页*/
.hostpanel{ padding: 20px 35px 0 25px;}
.hostpanel .maininfo{ padding: 20px  0;}
.hostpanel .move{display: block; padding: 5px 10px; color: #666; background: #eee; text-align: center; margin: 20px 0; border-radius: 4px;}
.hostpanel .move i{ padding-right: 10px;}
.hostpanel .space p{ line-height: 40px; border-bottom: 1px dashed #ddd; }
.hostpanel .form-control{ width: 100%;}
.hostpanel .form_add .table { border: 1px solid #DDD;}
.hostpanel .form_add .table > tbody > tr > td,.hostpanel .form_add .table > tbody > tr > th,.hostpanel .form_add .table > tfoot > tr > td,.hostpanel .form_add .table > tfoot > tr > th,.hostpanel .form_add .table > thead > tr > td,.hostpanel .form_add .table > thead > tr > th{border-right:0px solid #ddd}

/*虚拟主机内容页共用*/
.ld_checkbox a{ height:38px; margin:5px 20px 5px 0; display:inline-block; border:1px solid #ccc; text-align:center; line-height:38px; position:relative; cursor:pointer; padding:0 20px; text-decoration:none; }
.ld_checkbox .active{ border:1px solid #ff6c00; color:#333; }
.ld_checkbox .active i{ width:18px; height:18px; right:0px; bottom:0px; background:url("../images/01.png") no-repeat; position:absolute; }
.label_text{ width:152px; float:left; padding-top:7px; margin-bottom:0px; }
.label_text1{ width:195px; float:left; padding-top:7px; margin-bottom:0px; }
.label_text2{ width:285px; float:left; padding-top:7px; margin-bottom:0px; }
.nav-tabs .active a{ color:#337AB7; }

.class-tickbox-bg{ position:fixed; top:0px; left:0px; z-Index:100; background:#000; width:100%; height:100%; filter:alpha(opacity=55); opacity:0.55 }
.class-tickbox{ position:fixed; top:0px; right:0px; z-index:999; background:#ffffff; bottom:0px; left:auto; width:0px; }
.class-tickbox-title{ background:url("../images/other/righttickbox_title.jpg") repeat-x; height:40px; line-height:40px; color:#fe4800; border:2px solid #dfdfdf; border-top:none; border-bottom:none; padding-left:15px; font-weight:bold }
.class-tickbox-close{ float:right; margin-right:10px; text-decoration:none; color:#fff }
.class-tickbox-content{ text-align:left; background:#ffffff; height:0px;}


/*数据库内容弹出页*/
.sqlpaneldetail{background:#fff; padding:20px 35px 0 25px;}
.sqlpaneldetail .maininfo{ padding: 20px  0;}
.sqlpaneldetail .form_add .table { border: 1px solid #DDD;}
.sqlpaneldetail .form_add .table > tbody > tr > td,.sqlpaneldetail .form_add .table > tbody > tr > th,.sqlpaneldetail .form_add .table > tfoot > tr > td,.sqlpaneldetail .form_add .table > tfoot > tr > th,.sqlpaneldetail .form_add .table > thead > tr > td,.sqlpaneldetail .form_add .table > thead > tr > th{border-right:0px solid #ddd}

/*底部*/
footer{ position:relative; left:0; right:0; background:#e2e8f0; bottom:0; height:60px; overflow:hidden; min-width:1180px; }
footer .main{ line-height:60px; text-align:center; }

/*虚拟主机升级lh*/
.bar {
	background: #CAECFF none repeat scroll 0% 0%;
	height: 30px;
	position: absolute;
	left: 0px;
	top: 0px;
	border-top: 1px solid #58B5FF;
	border-bottom: 1px solid #58B5FF;
	z-index: 10;
}

@media only screen and (max-width:1600px){
    .top ul li{ margin:40px 6px 0; }
    .cloudpanel .cloud5{ max-width:1280px; }
    .cloudpanel .cloud3{ max-width:1280px; }
    .cloudpanel .cloud4{ max-width:1280px; }
    .cloudpanel .update{ max-width:1280px; }
    .cloudpanel .chart{ max-width:1280px; }
    .cloudpanel .console{ max-width:1280px; }
}
@media only screen and (max-width:1280px){
    .top ul{ text-align:left; padding-left:30px; }
    .cloudpanel .cloud5{ max-width:1160px; }
    .cloudpanel .cloud3{ max-width:1160px; }
    .cloudpanel .cloud4{ max-width:1160px; }
    .cloudpanel .update{ max-width:1160px; }
    .cloudpanel .chart{ max-width:1160px; }
    .cloudpanel .console{ max-width:1160px; }
}
@media only screen and (max-width:1024px){
    .top ul{ text-align:left; padding-left:30px; }
    .cloudpanel .cloud5{ max-width:940px; }
    .cloudpanel .cloud3{ max-width:940px; }
    .cloudpanel .cloud4{ max-width:940px; }
    .cloudpanel .update{ max-width:940px; }
    .cloudpanel .chart{ max-width:940px; }
    .cloudpanel .console{ max-width:940px; }
}