@charset "utf-8";
/* CSS Document */
body { padding: 0; margin: 0; background: #edeef5;}
/*--------通用样式 begin ---------*/
* { font-size: 12px; font-family: "微软雅黑"; padding: 0px; margin: 0px; list-style:none; font-weight:none; font-style:normal; }
.validateText { color: #c00; width: auto!important; }
.fl { float: left }
.fr { float: right; }
.clear { clear: both }
a,a:hover{ text-decoration:none; }
.precent50 { width: 50%; }
.precent48 { width: 48%; }
.bgColor-comm { background: #FFF; }
.wSpace20 { width: 20px; }
.marginL20 { }
.tip { border: 1px solid #C00; }
textarea:focus { outline: none; }

.mr10{ margin-right:10px;}
/*顶部样式*/
.mainTop{ background:#222666; height:86px; line-height:86px; color:#FFF; overflow:hidden;}
.mainTop .logo{ float:left;}
.mainTop .nav{ float:right;}
.mainMenu{ float:left;}
.mainMenu li{ float:left; margin-right:25px;}
.mainMenu li a{ display:inline-block; color:#FFF;}
/*左侧导航和右侧内容框架*/
.mainLeft{ background:#222666; float:left; text-align:center;}
/*左侧的菜单icon*/
.sidMenu{ width:50px; border-top:1px solid #101343; border-bottom:1px solid #343878;}
.sidMenu li{ border-top:1px solid #343878; border-bottom:1px solid #101343; z-index:999; }
.sidMenu li a i{ display:none;}
.sidMenu:hover{ width:184px;background:#222666;}
.sidMenu li:hover,.sidMenu li.selected{ background:#facd58;}
.sidMenu:hover i{ display:block;}
.sidMenu li a{ display:inline-block; color:#FFF; font-size:14px;height:48px; line-height:48px;}

.sidMenu .icon-console{ display:inline-block;background:url(../images/frame/sid_icon01.png) no-repeat left center; padding-left:22px;}
.sidMenu .icon-mirroring{ display:inline-block;background:url(../images/frame/sid_icon02.png) no-repeat left center; padding-left:22px;}
.sidMenu .icon-container{ display:inline-block;background:url(../images/frame/sid_icon03.png) no-repeat left center; padding-left:22px;}
.sidMenu .icon-microservices{ display:inline-block;background:url(../images/frame/sid_icon04.png) no-repeat left center; padding-left:22px;}
.sidMenu .icon-hosting{ display:inline-block;background:url(../images/frame/sid_icon05.png) no-repeat left center; padding-left:22px;}
.sidMenu .icon-storage{ display:inline-block;background:url(../images/frame/sid_icon06.png) no-repeat left center; padding-left:22px;}
.mainRight{ float:left;}
/*.mainRightFat{ margin-left:194px;}*//*鼠标移动上去，左侧菜单展开*/
.mainRight .mainAddress{padding-left:22px; color:#747474; font-size:14px; height:36px; line-height:36px; background: #FFF;}
.mainAddress .one{ display:inline-block;background:url(../images/frame/house.png) no-repeat left center;padding-left:20px;}
.mainAddress span a{ color:#747474; font-size:14px; }
.mainCon{ margin:10px 22px; background:#FFF; padding:20px; overflow:hidden;}
/*欢迎词*/
.greeting{ padding:20px 22px 0 22px; color:#747474;}
.greeting h1{ font-size:14px;}
.greeting p{ line-height:24px;}
/*tab切换*/
.tab_ul{}
.tab_ul li{ float:left; margin-right:5px; height:38px;}
.tab_ul li a{ display:inline-block;color:#6e6e6e; background:#bfc1cd; font-size:14px; height:30px; line-height:30px; padding:0 22px; margin-top:8px; }
.tab_ul li a:hover,.tab_ul .selected{ height:35px; line-height:35px;  color:#60adc1; border:3px solid #60adc1;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #fff; background:#FFF; margin-top:0;}
.tab_con{ border:1px solid #d8d8d8; padding:20px 18px; overflow:hidden; clear:both;}