@charset "utf-8";
/* CSS Document */

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}
body,html{
    height: auto;
    min-height: 100%;
    position: relative;
 	overflow-x:hidden;
	background-color:#F5F5F5;
	width: 100%;
    height: 100%;
    
    font-family: "微软雅黑";
	}

body, div, ul, li, a, span, header, footer, img {
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-family: "微软雅黑";
    list-style: none;
}

.FAQ-img{
	background-image:url(../../../../../NetHos_public/bjHos/image/common/Other/FAQ-img/FAQ-background-img.png);
 
	height:107px;
	width:100%;
	background-color: #89ABCC;
	margin-top: -27px;
	}

.FAQ-icon-classify{
	    background: url(../../../../../NetHos_public/bjHos/image/common/Other/FAQ-img/FAQ-classify.png) no-repeat 2px 2px;
 
	}

.FAQ-icon-close{
	background-image:url(../../../../../NetHos_public/bjHos/image/common/Other/FAQ-img/FAQ-close.png);
	position: absolute;
	width:16px;
	height:16px;
	top:50%;
	margin-top:-8px;
	}

.FAQ-icon-open{
	background-image:url(../../../../../NetHos_public/bjHos/image/common/Other/FAQ-img/FAQ-open.png);
	position: absolute;
	width:16px;
	height:16px;
	top:50%;
	margin-top:-8px;
	}

.FAQ-icon-question{
	background-image:url(../../../../../NetHos_public/bjHos/image/common/Other/FAQ-img/question.png);
	position: absolute;
	width:20px;
	height:20px;
	}

.FAQ-icon-answer{
	background-image:url(../../../../../NetHos_public/bjHos/image/common/Other/FAQ-img/answer.png);
	position: absolute;
	width:20px;
	height:20px;
	}

header {
    width: 100%;
    height: 80px;
    background-color: #ffffff;
    padding: 5px;
}

.header_logo {
    margin: auto;
    width: 1200px;
}
.textNotice {
color: #4d4d4d;
    font-size: 14px;
    line-height: 1.5em;
}
.homecss{
	background:white;
	display:inline-block;
	transition:0.5s;
}
.homecss >li{
	color:#077ccc;
	transition:0.5s;
	font-size: 16px;
}
.homecss:hover>li{
	color:white;
}
.homecss:hover{
	background:#077ccc;
}
.header_logo img {
    width: 61px;
    margin-top: -11px;
}

header>div>ul {
    float: right;
    font-size: 18px;
    font-family: "微软雅黑";
}

header>div>ul>a>li {
    float: left;
    display: inline-block;
    line-height: 40px;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
    color: #333333;
}

.footer {
    width: 100%;
    height: 100px;
    background-color: #ffffff;
    font-size: 12px;
    text-align: center;
    padding: 20px;
    position: relative;
    bottom: 0px;
}

.line {
    float: left;
    color: #bcbcbc;
    margin: 0 10px;
    font-size: 14px;
}

.footer-li {
    float: left;
    display: inline-block;
    position: relative;
    color: #333333;
    line-height: 20px;
}

.mx-box{
	width: 1200px;
    min-height: 700px;
    margin: auto;
    position: relative;
	margin-bottom:20px;
	padding:20px;
	}

.Ftn-colum{
	float:left;
	width:240px;
	margin-right:20px;
	display:inline-block;
    position: relative;
	background-color:#fff;
	}

.FAQ-content{
    display: inline-block;
	width:900px;
	background-color:#fff;
	padding:20px;
    position: relative;
	}
	
.Ftn-colum-title{
	font-size:24px;
	background-color:#397cbf;
    padding: 14px 18px;
    position: relative;
	color:#fff;
	border-bottom: 1px solid #396da1;
	cursor: pointer;
	}

 
.Ftn-colum-title>.tab-option-text {
    padding-left: 42px;
    font-size: 18px;
 
}

.Ftn-colum-ul{
    padding: 0 20px;
    list-style: none;
	padding-bottom:20px;
	display:none;
	}	

.Ftn-colum-li{
	padding: 2px 0px;
    border-bottom: 1px solid #dddddd;
    cursor: pointer;
    position: relative;
    color: #555555;
    line-height: 30px;
    font-family: cursive;
	}	

.Ftn-colum-li>span {
    display: inline-block;
    font-size: 15px;
}
.tb {
    margin: 12px auto;
}
.FAQ-content-title {
	font-size:12px;
	color:#999999;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #555555;
}

.FAQ-bar{
	padding-top:20px;
	}
	
.FAQ-question{
	line-height:20px;
	position: relative;
	color:#397cbf;
	}

.FAQ-answer {
    margin: 5px auto 25px auto;
    position: relative;
    color: #333333;
}
	
.FAQ-question>span,.FAQ-answer>span{
	padding-left:40px;
	display:block;
    font-size: 14px;
	}
.Tit {
    margin: 10px;
    color: #6fb974;
    display: block;
    font-size: 18px;
}
.active{
	    color: #FF9800;
}
.Act{
	transion:0.5s;
	display:block;
}

.imgFlow {
    width: 100%;
}
table.cost {
    border: 1px solid #308bc9;
    border-collapse: collapse;
    text-align: center;
    width:80%;
}
.cost tr td {
    border: 1px solid #308bc9;
}
tr.h-Title td {
    background: aliceblue;
    font-size: 15px;
    color: #077dce;
}
.i-css {
    display: inline-block;
    width: 35px;
}

/*vue*/
div#VueBox {
    width: 1200px;
    margin: 10px auto;
    position: relative;
    min-height:650px;
    height: auto;
    /* padding-bottom: 162px; */
}
ul.ul-Nav {
    width: 240px;
    display: inline-block;
    vertical-align: top;
}
.My_UL {
    width: 240px;
    background: #fdfdfd;
    padding: 0px 15px;
    display: none;
}
li.My_LI {
    padding: 2px 0px;
    border-bottom: 1px solid #dddddd;
    cursor: pointer;
    position: relative;
    color: #555555;
    line-height: 30px;
    font-family: 微软雅黑;
}
span.colum-title {
    width: 240px;
    height: 53px;
    font-size: 18px;
    padding: 14px 18px;
    position: relative;
    color: #fff;
    border-bottom: 1px solid #396da1;
    cursor: pointer;
    background: url(../../../../../NetHos_public/bjHos/image/common/Other/FAQ-img/FAQ-classify.png) no-repeat 40px 16px #397cbf;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    }
    
   .box-con {
   min-height: 500px;
    display: inline-block;
    width: 940px;
    background-color: #fff;
    padding: 20px;
    position: relative;
    vertical-align: top;
    margin-left: 10px;
} 
span.con-title {
    font-size: 12px;
    color: #999999;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #555555;
    min-height: 20px;
    display: block;
}