/* 公共的css部分 */
@charset "utf-8";
/*a:hover {color: #2383ec !important;}*/
a:focus {text-decoration: none;}
table thead tr th {text-align: center !important;font-size: 14px;}
table tbody tr td {text-align: center;}
.font-warning {color: #e43d40;}
.tip {height: 50px;line-height: 50px;}
.kong-p {vertical-align: middle;font-size: 16px;color: #999;text-align: center;margin: 100px 0;}
.kong-p a {color: #2383ec;font-size: 18px;}
.btn-war-a {background-color: #FF5B01;color: #ffffff;height: 40px;font-size: 18px;line-height: 40px;margin-top: 4px;width: 180px;}
.btn-war-a:hover {color: #ffffff !important;}
.pl15 {padding-left: 15px;}
.td-c {display: flex;justify-content: center;}
.position-r {position: relative;}
.position-a {position: absolute;}
.position-a-r {position: absolute;right: 15px;}
.position-a-l {position: absolute;left: 15px;}
.t15 {top: 15px;}
.t35 {top: 35px;}
.t60 {top: 60px;}
.layui-layer-btn a:hover {color: #ffffff !important;}
select {height: 200px;overflow: scroll;}
.page1 a {font-size: 16px;margin: 0 10px 0 0 ;}\n
.page1 span {font-size: 16px;margin: 0 10px 0 0;}
.kyregister-btn {border: 1px solid #ccc;padding: 0 6px;font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";color: #2383ec;background-color: #ebebeb;height: 34px;width: 130px;font-size: 15px;letter-spacing: 1px;}
/* 选项卡区域 */

/* 选项卡下部 */
i {margin-right: 5px;}
.addBtnFora {display: inline-block;line-height: 28px;text-align: center;width: 100px;}
.addSomeBtn {width: 120px;height: 30px;margin-top: 10px;line-height: 30px;font-size: 14px;border: 1px solid #2383ec;border-radius: 2px;color: #2383ec;background: none;}
.addSomeBtn:hover {color: #2383ec;}
/* 表格区域css */
.table-title {color: #2383ec;}

/* 工单详情 css */
.extrude {color: #2383ec;font-weight: bold;}
.h-50 {height: 50px;}
.h-150 {height: 150px !important;}
.h-330 {height: 330px !important;}
.h-120 {height: 120px !important;}
.h-230 {height: 230px !important;}
.title-tips {height: 50px;width: 100%;}
.tips-lable lable {float: left;font-weight: bold;}
.tips-lable p {float: left;font-size: 15px;}
.h-top {height: 40px;line-height: 40px;background-color: #f7f7f7;}
.h-top-user {float: left;}
.h-top-time {float: right;}
.h-con {height: 110px;height: 110px;}
.h-con p {margin-top: 20px;margin-left: 20px;font-size: 16px;}

/* 充值页面的css */
.fl {float: left;}
.fr {float: right;}
.pay-type {display: inline-block;width: 190px;height: 36px;border: #ddd solid 1px;margin-left: 0px;float: left;}
.pay-type.on {border: #ff7674 solid 1px;}
.pay-type {margin-right: 20px;}
.pay-type.pay-type-01 {background: url(../images/zfpt.png) no-repeat -2px -106px;}
.pay-type.pay-type-02 {background: url(../images/zfpt.png) no-repeat -2px -73px;}
.pay-type.pay-type-03 {background: url(../images/zfpt.png) no-repeat -2px -36px;}
.pay-weixin-img {width: 630px;height: 380px;position: relative;}
.pay-weixin-img0 {border: 1px solid #ddd;position: absolute;top: 15px;left: 15px;}
.pay-weixin-img1 {position: absolute;left: 15px;bottom: 15px;}
.pay-weixin-img2 {position: absolute;right: 15px;top: 20px;}
.pay-type-div {margin: 6px 0 10px 120px;overflow: hidden;}
.classify {font-size: 14px;color: #333;padding: 0 10px;background: #f7f8fa;height: 30px;line-height: 30px;margin: 0 0 20px;}
.pay-type-div a {margin: 0 10px 10px 0px;}
.pay-type-wangyin.on {border: #ff7674 solid 1px;}
.pay-type-wangyin {display: inline-block;width: 190px;height: 36px;border: #ddd solid 1px;margin-left: 0px;float: left;}
.top_menu, .menu_data, .menu_web {text-decoration: none  !important;} 
/*	云主机的css*/
.filterBar > div {width: 15%;border-radius: 6px 0 0 6px;height: 36px;}
.ec-multiquery {position: relative;display: inline-block;border: 1px solid #ccc;background-color: #fff;width: 97%;}
.ec-multiquery > input {font-size: 14px;width: 87%;min-width: 20%;max-width: 98%;height: 34px;padding: 6px 12px;color: #555;border: 0;border-radius: 6px;background-color: #fff;}
.clearfix {zoom: 1;}
.ec-multiquery {position: relative;display: inline-block;border: 1px solid #ccc;background-color: #fff;}
button.close {float: right;font-weight: bold;line-height: 1;color: #000;opacity: .2;margin-top: -2px;}
.ec-multiquery > button {font-size: 30px;height: 34px;position: absolute;}
input {vertical-align: middle;}
.margin-top-10 {margin-top: 10px;}
/*.col-sm-12 {width: 100%;float: left;}*/
.toolbar {padding-top: 10px;padding-bottom: 10px;margin: 10px 0;margin-top: 0;border-radius: 6px;opacity: 0.75;}
.filterBar > button {width: 3%;height: 36px;border-left: 0;border-radius: 0 3px 3px 0;margin-top: -19px;margin-left: -5px;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.ul-item {margin-bottom: 10px;}

.centerBtn{background: #2383ec;font-size: 14px; border: 0 none; height: 30px;  width: 100px; color: #fff; border-radius: 2px; text-align: center; cursor:pointer;}
.centerBtn:hover{background: #2383ec;}
.btn-danger {color: #fff !important;background-color: #d9534f !important;border-color: #d43f3a !important;}
.pagination {margin-top: 0;}
.table>tbody>tr>td {font-size: 14px !important;}

/*新闻详情的内容*/
.details_box{
	overflow: hidden;
	width: 100%;
	background: #fbfbfb;
}
.details{
	position: relative;
	width: 1200px;
	height: auto;
	padding: 30px 0;
	margin: auto;
}
.details_left{
	float: left;
	padding-top: 30px;
	width: 850px;
	height: auto;
}

.details_left .time{
	margin-right: 30px;
	margin-top: 28px;
	width: 80px;
	height: 160px;
	float: left;
}
.details_left .day{
	width: 80px;
	height: 80px;
	background: #2fbff4;
	text-align: center;
	font-size: 20px;
	line-height: 80px;
	color: #fff;
	display: block;
}
.details_left .month{
	width: 80px;
	height: 80px;
	background: #222;
	text-align: center;
	font-size: 20px;
	line-height: 80px;
	color: #fff;
	display: block;
}
.details_left .new_con{float: left;width: 670px;height: auto;padding: 5px 0;}
.details_left .new_con div{padding: 10px 0;}
.details_left .new_con h3{font-size: 26px;line-height: 58px;color: #2fbff4;}
.details_left .new_con span{font-size: 14px;line-height: 24px;color: #8c8c8c;}
.details_left .new_con p{font-size: 18px;line-height: 24px;color: #3f3f3f;}
.Page{float: left;margin:50px 0;}
.Page p{font-size: 14px;line-height: 24px;}
.Page p a{font-size: 14px;line-height: 24px;color: #2fbff4;}
.details_right{float: left;width: 350px;height: auto;}
.details_right ul{padding: 0 15px;width: 347px;height: auto;border: 1px solid #e2e2e2;border-bottom: none;margin-top: 60px;}
.details_right li{width: 314px;height: 89px;border-bottom: 1px solid #e2e2e2;}
.no_border{border-bottom: none !important;}
.thumbnail{float: left;margin: 15px 12px 0 0;width: 61px;height: 61px;}
.right_text{float: left;margin-top: 15px;}
.right_text .p1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;width:240px;}
.right_text .p1 a{line-height: 33px;color: #7ad0f6;}
.right_text .p2{line-height: 33px;color: #c1c1c1;}
.bor{background: #FFFFFF;}
.san{margin: 5px;border: 1px solid #000000;font-family: "microsoft yahei";font-size: 14px;height: 220px;}
.form_pass{font-family: "microsoft yahei";font-size: 14px;}
.form_pass label{
	font-weight: normal;
}
.form_pass_tb{padding: 10px 0px;}
.form_pass_tb input{width: 221px;}
.form-horizontal .form-group {margin-right: 0;}
.tab_active {color: #555;border: 1px solid #ddd;border-top: 2px solid orange;border-bottom: 2px solid #fff;}
.title {border-bottom: none;background: url(../images/tit01Bg.gif) repeat-x left bottom;}
.title.c6 {background: none;}
.opacity-none {opacity: 0;filter: alpha(opacity=0);}
.position-l-140 {left: 140px;}
.position-t-25 {top: 15px;}
.pl30 {padding: 0 0 0 30px;}
.mb0 {margin-bottom: 0;}
.mt0 {margin-top: 0;}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border-bottom-width: 1px !important;}
.main-content {min-height: 93.3% !important;}
.plr0 {padding-left: 0;padding-right: 0;}
.msg {width:660px;height: auto;text-align:left;padding:10px;font: 12px/20px "Microsoft YaHei";color:white;background-color:grey;position: absolute;left: 0;padding: 15px 20px;}
.menu-product {background: url(../images/menu-goods.png) no-repeat center center;}
.blue {color: #2383ec}
.inline {display: inline-block;}
.border-none {border: none;}

/*顶部 新增*/
.topbar{
	height: 50px;
	background: #3c444d;
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	z-index: 999;
}
.mypcip{
	width: 120px;
	float: left;
	padding: 0;
	height: 50px;
	margin: 0;
}
.mypcip a{
	display: block;
	width: 100%;
	height:100%;
	background: url(../../idc/images/logo.png) no-repeat 9px center;
}
.mypcip:hover{
	background: #3c444d;
}
.topbar .pull-right{
	color:#b6b6b6;
}
.topbar a{
	color: #fff;
	line-height: 50px;
	margin: 0 5px;
	font-size: 14px;
}
/*左侧导航*/

.sidebar-scroll{
	position: fixed;
	top:50px;
	width: 125px;
	transition: all 0.2s;
	z-index: 10;
	left: 0;
}
.top_menu{
	width:200px;
	overflow: hidden;
}
.top_menu span{
	width: 48px;
	height:44px;
	float: left;
	margin: 0;
	text-align: center;
	line-height: 44px;
	font-size: 18px;
}
.top_menu .menu_data{
	padding: 0;
	background: #3c444d;
}
html .menu .menu_data:hover,html .menu li.active .menu_data{
	background: none;
	border-left: #18f 2px solid !important;
}
.menu li.current a:after, .menu li a:hover:after, .menu_active:after{
	margin-right: 0;
}
/*二级导航*/
.siderbar-subnav{
	position: fixed;
	top:50px;
	left: 125px;
	width:149px;
	height: 100%;
	border-right:1px solid #ccc;
	background:#f7f8fa;
}
.siderbar-subnav .subnav-item{
	display: none;
}
.menu-item{
	padding: 0 28px;
	line-height: 40px;
	height: 40px;
	cursor: pointer;
	color: #373d41;
}
.menu-item a{
	color: #333;
	display: block;
	width: 100%;
	height: 100%;
}
.menu-item:hover,.menu-item.active{
	background:#e0e2e6;
}
.menu-submenu{
	position: relative;
}

.menu-submenu .top_menu{
	padding-left: 28px;
	line-height: 40px;
	height: 40px;
	width: 100%;
	cursor: pointer;
}
.menu-submenu .top_menu .glyphicon{
	font-size:8px;
	color: #333;
	position: absolute;
	top: -2px;
	left: -10px;
}
.menu-submenu .top_menu .glyphicon.active{
	transform: rotateX(180deg);
}
.menu-submenu ul li{
	color: #73777a;
	padding-left:36px;
	line-height: 40px;
	height: 40px;
}
.menu-submenu ul li:hover,.menu-submenu ul li.active{
	background:#e0e2e6;
}
.menu-submenu ul li a{
	color: #666;
	display: block;
	width: 100%;
	height: 100%;
}

.left-arrow{
	width: 15px;
	height: 10px;
	border-right: 10px solid #333;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -35px;
	cursor: pointer;
}
.right-arrow{
	width: 15px;
	height: 10px;
	border-left: 10px solid #333;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	position:fixed;
	left: 125px;
	top:50%;
	margin-top: 0;
	cursor: pointer;
	display: none;
}
.hide{
	display: none;
}
.main-content{
	margin-left: 135px;
}

/*新增*/
#info_temp label{
	font-weight: normal;
	font-size: 14px;
}

#info_temp .col-lg-1,#info_temp .col-lg-10,#info_temp .col-lg-11,#info_temp .col-lg-12,#info_temp .col-lg-2,#info_temp .col-lg-3,#info_temp .col-lg-4,#info_temp .col-lg-5,#info_temp .col-lg-6,#info_temp .col-lg-7,#info_temp .col-lg-8, #info_temp .col-lg-9,#info_temp .col-md-1,#info_temp .col-md-10,#info_temp .col-md-11,#info_temp .col-md-12,#info_temp .col-md-2,#info_temp .col-md-3,#info_temp .col-md-4,#info_temp .col-md-5,#info_temp .col-md-6,#info_temp .col-md-7, #info_temp .col-md-8,#info_temp .col-md-9,#info_temp .col-sm-1,#info_temp .col-sm-10,#info_temp .col-sm-11,#info_temp .col-sm-12,#info_temp .col-sm-2,#info_temp .col-sm-3,#info_temp .col-sm-4,#info_temp .col-sm-5,#info_temp .col-sm-6,#info_temp .col-sm-7,#info_temp .col-sm-8,#info_temp .col-sm-9,#info_temp .col-xs-1,#info_temp .col-xs-10,#info_temp .col-xs-11,#info_temp .col-xs-12,#info_temp .col-xs-2,#info_temp .col-xs-3,#info_temp .col-xs-4,#info_temp .col-xs-5,#info_temp .col-xs-6,#info_temp .col-xs-7,#info_temp .col-xs-8,#info_temp .col-xs-9 {
	padding-right:0;
}