﻿html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {
	margin: 0;
	padding: 0;
	border-spacing:0px !important;
	/*border-collapse:0px;*/
	border-collapse:collapse;
	outline:medium;
}
input[type="text"],input[type="password"] {
  -webkit-appearance: none;
}
/*A*/
a{
	text-decoration:none;
}
/**{ font-family:Arial, Helvetica, sans-serif}*/
*{ font-family:Roboto、Marcellus、Montserrat、Poppins、Barlow, sans-serif;}

a:hover{
	text-decoration:none;
}
.link-a {

	color: #4d4d4d;
	font-size: 15px;
	line-height: 30px;
	padding-right: 15px;
	background: url(../images/xia_1_1.png) right center no-repeat;
}
.link-a:hover{ color:#0070bd;}
/*img*/
img{ border:0 none; vertical-align:middle; max-width:100%;}
/*li*/
ul,li{list-style-type:none;}
/*浮动*/
.fl{
	float:left;
	display:inline;
}
.fr{
	float:right;
	display:inline;
}
.clr:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
	line-height: 0;
}
.clr {
	zoom: 1;
}
img{height: auto;boder:0;}
a{blr:expression(this.onFocus=this.close());}
a{blr:expression(this.onFocus=this.blur());}
a:focus { -moz-outline-style: none; }
a:focus { outline: none; }

.wap_show{display:none;}
.marB20{ margin-bottom:20px;}
.padB20{ padding-bottom:20px !important;}
.clear{clear: both;}

/*div下拉框 begin*/
.select-type-relative{
	position:relative;
}
.select-type {
	margin-right: 10px;
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    width: 50px;
    text-align: left;
    border: 1px solid #dadada;
    box-sizing: border-box;
    color: #888888;
    font-size: 14px;
    margin-top: 5px;
    background-color: #fff;
}
.select-type a {
	padding-left: 5px;
}
/* .select-type-content:hover .select-type{background: #ebf1fa;} */
.select-type-absolute{
	position: absolute;
	background: #fff;
	border: 1px solid #dadada;
	/* border-radius: 4px; */
	left:0px;
	top: 20px;
	text-align: left;
	padding-left: 0px;
	display: none;
	z-index: 222;
}
.select-type-absolute li {
	width: 48px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    list-style-type: none;
    color: #888888;
    font-size: 14px;
}
.select-type-absolute li a {
	color: #888888;
	font-size: 14px;
    margin-left: 5px;
}
.select-type-absolute li:hover {
	background: #ebf1fa;
}
.select-type-absolute{display:none;}
.select-type-content:hover .select-type-absolute{display:block;}
.select-type-absolute:hover{display:block;}
.select-type-content:hover .down-arrow {
	height: 7px;
}
.select-type-content:hover .down-arrow::after {
	transform-origin: center;
	transform: rotate(-135deg);
	transition: transform .3s;
}
.select-type-content {
	/* height: 54px; */
}

/* 下箭头 begin */
.down-arrow {
	display :inline-block;
	position: relative;
	width: 20px;
	height: 10px;
	/* margin-right: 8px; */
	margin-left: 2px;
}

.down-arrow::after {
	display: inline-block;
	content: " ";
	height: 5px;
	width: 5px;
	border-width: 0 2px 2px 0;
	border-color: #999999;
	border-style: solid;
	transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	transform-origin: center;
	transition: transform .3s;
	position: absolute;
	top: 0;
	right: 10px;
	margin-top: 0px;
}

/* 加上active旋转成 上箭头 */
.down-arrow.active::after {
	transform-origin: center;
	transform: rotate(-135deg);
	transition: transform .3s;
}
/* 下箭头 end */

/*div下拉框 end*/

.comparison-table {
	border-collapse: separate;
	border-spacing: 20px !important; /* 单元格间距 */
	text-align: center;
    margin: 0 auto;
	width: 100%;
  }

  .comparison-table th,
  .comparison-table td {
	
	padding:5px 12px;
	vertical-align: middle;
	border-radius: 50px;
  }
  .comparison-table td {
	background-color: #d4e8ff;
	line-height: 1.3rem !important;
  }
  /* padding-left: 44px; */
  .comparison-table th {
	width: 18%;

	text-align: center;
	border-radius: 50px;

  }

  /* 给不同类别标题设置背景色，对应示例里的颜色（可根据实际需求微调色值） */
  .ownership {
	background-color: #28a745;
	color: #fff;
  }

  .control {
	background-color: #fd7e14;
	color: #fff;
  }

  .cost {
	background-color: #dc3545;
	color: #fff;
  }

  .Scalability {
	background-color: #6f42c1;
	color: #fff;
  }

  .maintenance {
	background-color: #443dd1;
	color: #fff;
  }

  .access {
	background-color: #002752;
	color: #fff;
  }