/* ====================官网无用户中心-公共样式==================== */
h1, h2, h3,h4, h5, h6,ul, ol,p {margin: 0; padding: 0;}
html{
	font-size: 625%;
}
html,body{
	font-family:Roboto, Helvetica, Tahoma, Arial, "Microsoft YaHei";
	line-height:1.5;
	margin:0;
	padding:0;
	color:#2c2c2c;
	webkit-transition: background-color .24s ease-in-out;
    transition: background-color .24s ease-in-out;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body{
	font-size: 14px;
}
body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
a {
	color:#3B83C4;
}
a:hover, a:focus {
    color: #3B83C4;
    text-decoration: none;
	outline:0;
}
h2 {font-size: 26px;}
h3 {font-size: 24px;}
h4 {font-size: 16px;}
h6 {font-size: 14px;}

pre.code {
margin:10px;
}

.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.hide{display:none;}
.text-muted{color:#999;}
.text-weaker{color:#666;}
.text-primary{color:#fb692f;}
.text-red,.require{color:#f00;}
.text-orange{color:#f70;}

.dis-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.dis-flex-start {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.dis-flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}
.text-line {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.text-line-two {
	-webkit-line-clamp: 2;
}
/**清理浮动 **/
.clearfix:after{
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.clearfix {zoom:1; /* for IE6 IE7 */}


/* 箭头 */
.arrow{
	position:absolute;
	right:12px;
	top:22px;
	display:inline-block;
}
.arrow:after{
	display:block;
	content:'';
	width:6px;
	height:6px;
	border-top:2px solid #2c2c2c;
	border-right:2px solid #2c2c2c;
	transition:.3s;
}
.arrow-down:after{
	transform:rotate(135deg);
}
.arrow-right:after{
	transform:rotate(45deg);
}
.arrow-left:after{
	transform:rotate(-135deg);
}

/*ico*/
.ico-base{display:inline-block; width:24px; height:24px; background-repeat:no-repeat; background-size:100%; vertical-align:middle;}
.ico-out-blue{background-image:url(../images/out-blue.png);}