﻿@charset "utf-8";
/*By.yecao@gmail.com 制作/画图不易请不要扒皮扒图，感谢老铁*/

body {
	padding-top: 65px;
    font: 14px/1.3 PingFangSC-Light, PingFang SC, Helvetica, Tahoma, Arial, Microsoft YaHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}

a:hover, a:visited{
	text-decoration:none;
}

.table>tbody>tr>td{
	padding-top: 14px;
	padding-bottom: 14px;
}

.title-b{
	padding: 90px 0 30px;
	letter-spacing: 2px;
	font-size: 26px;
	line-height: 26px;
	font-weight: 400;
	margin: 0;
}

@media (max-width: 767px){
	.title-b{
		padding: 55px 0 30px;
	}
}

/*公共 ------- 导航*/

.homenav{
	margin-bottom: 0;
	background-color:#1d2b40;
	border:none;
	min-height:65px;
}

@media (max-width: 970px){
	.homenav>li>a{
		padding: 10px 5px;
	}
}

.homenav .navbar-brand{
	height: 65px;
}

.homenav .navbar-nav{
	margin: 0px;
	margin-top:0px;
	margin-left: 96px;
	margin-bottom:-15px;
}

@media (max-width: 970px){
	.homenav .navbar-nav{
		margin:0 0 0 50px;
	}
}

@media (max-width: 767px){
	.homenav .navbar-nav{
		margin:20px 0 0 0;
	}
}

.homenav .navbar-nav>li>a{
	display: block;
	color:#fff;
}

.homenav .navbar-nav>li>a:hover,.homenav .navbar-nav>li>a:focus{
	background-color: transparent;
}

.homenav .navbar-nav>li>a .f-line {
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 2px;
    background-color: #387ee8;
    left: 0;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity ease 0.5s;
    transition: opacity 0.5s ease;
    display: block;
    margin-top: -15px;
}

@media (max-width: 767px){
	.homenav .navbar-nav>li>a .f-line {
		display: none;
	}
}

.homenav .navbar-nav>li>a:hover .f-line{
	opacity: 1;
}

.homenav .navbar-nav .active .f-line{
	opacity: 1;
}

.homenav .navbar-toggle{
	margin-top: 28px;
	border-color: #fff;
}

@media (max-width: 767px){
	.homenav .navbar-toggle{
		margin-top: 17px;
		border-color: #fff;
	}
}

.homenav .navbar-toggle .icon-bar{
	background-color: #fff
}

.homenav .navbar-nav>li>a {
	padding: 0 15px;
	line-height: 65px;
	font-size:16px;
}

@media (max-width: 970px){
	.homenav .navbar-nav>li>a {
		padding-top: 30px;
	    padding-bottom: 10px;
	}
}

@media (max-width: 767px){
	.homenav .navbar-nav>li>a {
		padding-top: 10px;
	    padding-bottom: 10px;
	    line-height: 20px;
	}
}

.btn-info {
	background-color:#26bfff;
}

/*下拉导航*/
.homenav .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    background-color: transparent;
}

.homenav .navbar-nav>li>.dropdown-menu{
	margin-top: 13px;
	left: 15px;
	border:none;
}

@media (max-width: 767px){
	.homenav .navbar-nav>li>.dropdown-menu{
		margin-top: 0;
	}
}

.homenav .dropdown-menu>li>a{
	padding: 10px 14px;
}

@media (max-width: 767px){
	.homenav .dropdown-menu>li>a{
		color: #FFF;
		font-size: 16px;
	}
}

.homenav .dropdown-menu>li>a:focus,.homenav .dropdown-menu>li>a:hover{
	color: #387ee8;
	background-color: transparent;
}

.homenav .navbar-nav .open .f-line{
	opacity: 1;
}


/*右侧导航*/
@media (max-width: 767px){
	.homenav .navbar-right{
		margin: 0 0 30px 0;
	}
}

.homenav .navbar-right>li>a{
	font-size: 14px;
}

@media (max-width: 767px){
	.homenav .navbar-right>li>a{
		font-size: 16px;
	}
}

.homenav .navbar-right>li>a:hover{
	color: #5494db;
}

.homenav .navbar-right>li>.btn{
	font-size: 14px;
	padding:5px 15px;
	line-height: 16px;
	margin-top: 18px;
	margin-left:10px;
	border-radius: 3px;
	border: 1px solid hsla(0, 0%, 100%, .8);
}

.homenav .navbar-right>li>.btn:hover{
	background-color: #fff;
}

/*@media (max-width: 767px){
	.navbar-right>li>.btn{
		margin-top:10px;
		margin-bottom:10px;
		margin-left:0px;
		width:100px;
	}
}*/


/*首页 ------- 幻灯*/
.carousel-control.left,.carousel-control.right {
    background-image: none;
}

/*.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/

.carousel-caption {
    position: static;
    text-align: left;
    height: 550px;
    padding: 0 15px 0 15px;
}

@media (max-width: 767px){
	.carousel-caption{
		height: 175px
	}
}

.carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right{
    position: absolute;
	top: 50%;
    z-index: 5;
    display: inline-block;
	width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
}

@media (max-width: 767px){
	.carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right{
		display: none;
	}
}

.carousel-control .glyphicon-menu-left{
	margin-left: -15px;
	left: 50%;

}

.carousel-control .glyphicon-menu-right{
	margin-right: -15px;
	right: 50%;
}


/*首页 ------- 幻灯下方导航*/
.home-menus{
	background-color: #f0f3f7;
	padding: 20px 0;
}

@media (max-width: 767px){
	.home-menus{
		padding-bottom: 5px;
	}
}

.home-menu,.home-menu:hover{
	color: #333;
	width: 280px;
	display: inline-block;
	font-size: 14px;
}

@media (max-width: 767px){
	.home-menu,.home-menu:hover{
		width: 100%;
		margin-bottom: 15px;
	}
}

.home-menu .menu-c{
	padding: 22px 0;
	background-color: #fff;
}

.home-menu .menu-c:hover {
    box-shadow: 0 0 10px 0 rgba(80, 90, 109, .16);
}

.home-menu .menu-c .menu-icon{
	display: inline-block;
	width: 60px;
	height: 60px;
	margin: 0 22px 0 24px;
}

.home-menu .menu-c .menu-content{
	display: inline-block;
	vertical-align: text-bottom;
	height: 60px;
}

.home-menu .menu-c .menu-content h4{
	font-size: 18px;
	font-weight: bolder;
	letter-spacing: 1px;
	line-height: 1.3em;
	margin: 0
}

.home-menu .menu-c .menu-content p{
	line-height: 30px;
	color: #888;
	margin: 0
}

/*首页 ------- 产品服务*/
.home-services{
	height: 660px;
}

@media (max-width: 767px){
	.home-services{
		display: none;
	}
}

.home-service{
	border: 1px solid #dbe0e5; 
	-webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all ease-in-out 0.15s;
    transition: all 0.15s ease-in-out;
}

.home-service .service-info{
	text-align: center;
	padding: 25px 35px 20px;
	background-color: #f5f7fa;
	border-bottom: 1px solid #dbe0e5;
}

.home-service .service-info h3{
	font-weight: 700;
	font-size: 20px;
	padding-bottom: 20px;
	margin: 0;
	letter-spacing: 1px;
}

.home-service .service-info p{
	width: 288px;
	color: gray;
	padding-bottom: 10px;
	margin: 0 auto;
}

.home-service .service-content{
	padding: 0 35px 32px 35px;
}

.home-service .service-content h4{
	font-size: 16px;
	font-weight: bolder;
	letter-spacing: 1px;
	margin-top: 32px;
	margin-bottom: 0;
}

.home-service .service-content p{
	color: gray;
	font-size: 14px;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 0;
}

.home-service .service-content .service-detail{
	color: gray;
	font-size: 16px;
	margin-top: 30px;
	display: none;
}

.home-service .service-content .service-detail:hover{
	text-decoration: underline;
}


/*----active----*/
.home-services .active{
	box-shadow: 0 5px 20px -4px #4385f8;
	border: 1px solid #4385f8;
	margin-top: -23px;
	margin-left:-15px; 
	margin-right:-15px; 
}

.home-services .active .service-info{
	/*border-bottom: 1px solid #4385f8;*/
	background-color: #4385f8;
	color: #fff;
	border: 0;
}

.home-services .active .service-info p{
	color: #fff;
}


.home-services .active .service-detail{
	color: #4477d0;
	display: block;
}


/************/
.home-whywes{
	margin-top: 100px;
	background: url(../images/bg_home.png) 0 0 no-repeat;
	background-color: #2a2d48;
	color: #fff;
}

@media (max-width: 767px){
	.home-whywes{
		margin-top: 0;
	}
}

.home-whywe{
	background-color: #fff;
	margin-top: 66px;
	/*margin-bottom: 75px;*/
}

@media (max-width: 767px){
	.home-whywe{
		margin-top: 30px;
	}
}

.home-whywe img{
	width: 100%;
}


.home-whywe .body{
	height: 160px;
}

.home-whywe .body h3{
	color: #333;
	margin: 40px 0 15px;
	font-size: 18px;
	font-weight: bolder;
	letter-spacing: 1px;
	text-align: center;
}

.home-whywe p{
	color: #666;
	font-size: 14px;
	line-height: 23px;
	text-align: center;
	padding: 0 20px;
}



/*首页 ------- 他们都在使用野草云*/
.home-user-large{
	text-align: center;
	margin-bottom: 80px;
	padding: 20px 0 40px;
	vertical-align: top;
	border-left: 1px solid #e6e6e6;
}

@media (max-width: 767px){
	.home-user-large{
		margin-bottom: 30px;
		border: 1px solid #e6e6e6;
	}
}

.home-users-large .logo{
	height: 70px;
	line-height: 70px;
}

.home-users-large h2{
	padding-bottom: 70px;
}

@media (max-width: 767px){
	.home-users-large h2{
		padding-bottom: 30px;
	}
}

.home-user-large h3{
	margin-top: 40px;
	margin-bottom: 0;
	font-size: 20px;
	font-weight: bolder;
	letter-spacing: 1px;
	line-height: 22px;
}

.home-user-large p{
	padding-top: 25px;
	color: #666;
	margin: 0
}



/*首页 ------- advantages*/
.home-advantages{
	color: #fff;
	padding: 85px 0 65px;
	background-color: #4e83ed;
	background: url(../images/home-advantages.png) 0 0 no-repeat;
}

@media (max-width: 767px){
	.home-advantages{
		display: none;
	}
}

.home-advantage{
	height: 110px;
	text-align: center;
	padding-top: 20px;
}

.home-advantage p{
	font-size: 22px;
}

.home-advantage .advantage-text{
	font-size: 44px;
}

.home-advantage .advantage-desc{
	font-size: 16px;
	font-weight: lighter;
}


/*首页 ------- 为什么选择野草云*/

.index-whymy{
	margin-top:110px;
	background-color:#f3f3f3;
	padding-bottom:30px;
}

.index-whymy-title{
	color:#333;
	font-size:26px;
	margin-top:90px;
	margin-bottom:80px;
	text-align:center;
}

.index-whymy-ico{
	width:50px;
	height:50px;
	background-color:#30bfd9;
	text-align:center;
}

.index-whymy-ico span{
	font-size:40px;
	color:#FFF;
	top:5px;
}

.index-whymy .container .row .col-md-6 .media{
	padding:0 10px;
}

.index-whymy .container .row .col-md-6 .media .media-left{
	padding-right: 35px;
}

.index-whymy .container .row .col-md-6 .media .media-body h3{
	color:#30bfd9;
	font-size:20px;
	font-weight:300;
	margin-top:0px;
	margin-bottom:23px;
}

.index-whymy .container .row .col-md-6 .media .media-body p{
	color:#666;
	font-size:14px;
	margin-top:0px;
	margin-bottom:60px;
}



/*首页 ------- 合作伙伴*/
.home-partner tbody>tr>td{
  width: 25%;
  padding: 40px 0;
  text-align: center;
  border: 1px solid #dbe0e5;
}

@media (max-width: 767px){
	.home-partner{
		display: none;
	}
}

/*公共 ------- 底部*/
.footer{
	background-color: #34383b;
	color: #999;
}

.footer-services{
	color: #fff;
	border-bottom: 1px solid #3b3f42;
}

.footer-service{
	padding: 25px 0 22px;
	text-align: center;
}

.footer-service img{
	width: 50px;
	height: 50px;
	margin-bottom: 15px;
}

.footer-service p{
	font-size: 16px;
	margin: 0
}

.footer-links{
	padding: 20px 0 40px;
}

.footer-link{
	height: 225px;
	border-left: 1px solid #3b3f42;
	padding: 16px 0 0 80px;
}

@media (max-width: 767px){
	.footer-link{
		height: 100%;
		border-left: none;
		padding: 0;
	}
}

.footer-link h5{
	font-size: 16px;
	padding-bottom: 10px;
	margin: 0;
}

.footer-link ul{
	padding-left: 0;
}

.footer-link ul li{
	margin-top: 15px;
	list-style-type: none;
}

.footer-link a{
	color: gray;
}

.footer-info{
	text-align: center;
	padding-bottom: 16px;
}

.footer-info p{
	padding-top: 14px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0;
}

@media (max-width: 767px){
	.footer-contact{
		display: none;
	}
}


/*香港云虚拟主机 ------- 更多参数*/
.hosting-parameter{
	display: block;
}

.hosting-parameter h1{
	color: #666;
	font-size: 26px;
	margin-top: 100px;
	text-align: center;
	margin-bottom:50px;
}

.hosting-parameter  .table-bordered>tbody>tr>td{
	border: 1px solid #eee;
	color:#666;
	line-height:35px;
	padding: 8px 30px;
}

@media (max-width: 767px){
	.hosting-parameter  .table-bordered>tbody>tr>td{
		line-height:25px;
		text-align: justify;
		padding: 15px;
	}
}


/*香港云虚拟主机 ------- 推荐套餐与定价*/
.hosting-title{
	color:#333;
	font-size:26px;
	margin-top:100px;
	text-align:center;
}

.hosting-description{
	color:#666;
	font-size:16px;
	text-align:center;
	margin-bottom:30px;

}

.hosting-table .table-responsive{
	border: none;
}

.hosting-table .row .col-sm-3{
	padding-right: 0px;
    padding-left: 0px;
	margin-top:30px;
}

.hosting-table ul{
	padding:0px;
	margin:0px;
}

.hosting-type {
	color: #4477d0;
	font-size:20px;
	font-weight:600;
	line-height: 1.5;
	text-align:center;
	padding-top:20px;
	height:100px;
	background-color: #f0f3f7;
	border-top:1px solid #dbe0e5;
	border-right:1px solid #dbe0e5;
	border-bottom:1px solid #dbe0e5;
}

.hosting-type span{
	font-weight:300;
	color:#888;
}

@media (max-width: 767px){
	.hosting-type {
		border: 1px solid #dbe0e5;
	}
}

.hosting-type-last{
	/*padding-top:0px;
	line-height: 100px;*/
	border-right:1px solid #26bfff;
}

.hosting-table ul li{
	color:#666;
	list-style:none;
	line-height: 49px;
	text-align:center;
	border-left:1px solid #dbe0e5;
	border-right:1px solid #dbe0e5;
	border-bottom:1px solid #dbe0e5;
}

.hosting-table .hosting-type-noleftboter li{	
	border-left:none;
}

@media (max-width: 767px){
	.hosting-table .hosting-type-noleftboter li{
		border-left:1px solid #dbe0e5;
	}
}

.hosting-table .row .col-sm-3 .hosting-price{
	color:#ff7800;
	font-size:24px;
}

.hosting-table .btn-order {
	border: 1px solid #387ee8;
	background-color: #387ee8;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	display: inline-block;
	padding: 0.5em 2.2em;
	border-radius: 1px;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	margin: 30px 0 30px;
}

.hosting-table .btn-order:hover {
    color: #fff;
    background-color: #508de8;
    border: 1px solid #508de8;
}


/*香港云虚拟主机 ------- 技术文档*/
.hosting-help{
	padding-top:100px;
}

.hosting-help .new-article-list{
	padding-left:10px;
}

.hosting-help h1{
	color:#333;
	font-size:26px;
	margin-top:0px;
	text-align:center;
}

.hosting-help p{
	color:#666;
	font-size:16px;
	text-align:center;
	margin-bottom:100px;
}


/*公共 ------- 标题*/
.title{
    margin-top: 75px;
    margin-bottom: 50px;
    border-bottom: 1px solid #e1e1df;
    height: 11pt;
    position: relative;
}

.title h1{
    font-size: 26px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    letter-spacing: 2px;
    background: #FFF;
    line-height: 26px;
	margin:0;
    border-left: 3px solid #5384d8;
}



/* Banner-01*/
.banner-01 {
    height: 435px;
    overflow: hidden;
    background: #000418;
}

.banner-01 .text {
    width: 508px;
    margin-top: 80px;
    float: left;
	color: #fff;
}

@media (max-width: 767px){
	.banner-01 .text{
		width: 100%;
		margin-top: 50px;
	}
}

.banner-01 .text .banner-desc {
    font-size: 14px;
    color: gray;
    margin-left: 15px;
}

.banner-01 .text h2 {
    font-size: 42px;
    line-height: 50px;
    display: inline-block;
    letter-spacing: 2px;
}

.banner-01 .text p {
    margin-top: 20px;
    width: 508px;
    line-height: 24px;
    height: 140px;
}

@media (max-width: 767px){
	.banner-01 .text p {
		width: 100%;
		height: 100%;
	}
}

.banner-01 .img {
    height: 100%;
    margin-left: 508px;
}

.banner-01 .img img {
    width: 718px;
    height: 435px;
}

.banner-01 .m-pro-btn {
    margin-top: 2px;
    display: inline-block;
}

@media (max-width: 767px){
	.banner-01 .m-pro-btn {
		margin-top: 15px;
	}
}

.banner-01 .m-pro-btn a{
	border: 1px solid #387ee8;
	background-color: #387ee8;
	color: #fff;
    padding: 0.5em 2.2em;
	border-radius: 1px;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.banner-01 .m-pro-btn a:hover {
    color: #fff;
    background-color: #508de8;
    border: 1px solid #508de8;
}

.banner-01 .m-pro-btn .m-l {
    margin-right: 25px;
    font-size: 16px;
}

.banner-01 .m-other-link {
    display: inline-block;
}

.banner-01 .m-other-link a {
    color: #4477d0;
    margin-left: 30px;
}

.banner-01 .m-activity {
    margin-top: 25px;
}

.banner-01 .m-activity a {
    color: #4477d0;
}


/* VPS云服务器 ------- 产品导航*/
.product-nav{
    background-color: #f0f3f7;
    font-size: 16px;
    border-bottom: 1px solid #dbe0e5;
}

.product-nav ul{
  margin: 0;
  padding-left: 0;
}

.product-nav .nav-item {
    display: inline-block;
    height: 59px;
    line-height: 59px;
    vertical-align: middle;
    margin-left: 93px;
    font-weight: 700;
    cursor: pointer;
}

@media (max-width: 767px){
	.product-nav .nav-item {
		margin-left: 15px;
	}
}

.product-nav .nav-item:first-child {
    margin-left: 0;
}

.product-nav .nav-item a{
	    color: #222;
}

.product-nav .nav-item a:hover {
    color: #4477d0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


/* VPS云服务器 ------- 功能特点*/
.vps-gntd h4{
	font-size: 18px;
	font-weight: bolder;
	color: #222;
	letter-spacing: 1px;
}

.vps-gntd p{
	margin-top: 12px;
	font-weight: 100;
	line-height: 24px;
	color: gray;
}

.p20171231{
	height: 190px;
	margin-bottom: 30px;
	border: 1px solid #dbe0e5;
	padding: 15px;
}

@media (max-width: 767px){
	.p20171231-last{
		margin-bottom: 0
	}
}


/* VPS云服务器 ------- 产品套餐*/

.vps-plan{
	width:100%;
	padding:0px;
	list-style-type: none;
	margin:0px;
}

.vps-plan li{
	float:left;
	margin:0 15px 15px 0;
}

.vps-plan li span{
	line-height: 38px;
}

.vps-plan a,.vps-plan li span{
	color: #666;
	font-size: 16px;
}

.vps-plan a,.vps-plan .btn-set{
    border: 2px solid transparent;
}

.vps-plan .active a,.vps-plan .btn-set:hover{
	color: #5b86f1;
	border: 2px solid #5b86f1;
}

.btn-set,.btn-set:hover {
	/*background-color:#FFF;
	color:#26bfff;*/
	/*border: 1px solid #46b8da;*/
	box-shadow:none;
    border-radius: 0;
}
.vps-table {
	width: 100%;
    border: 1px solid #dbe0e5;
    text-align: center;
    font-size: 14px;
    border-right: none;
}

.vps-table thead tr th{
    height: 64px;
    border-bottom: 1px solid #dbe0e5;
    border-right: 1px solid #dbe0e5;
    /*border-top: 2px solid #0a9beb;*/
    font-size: 17px;
    text-align: center;
}

.vps-table tbody tr td {
    padding-top: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #dbe0e5;
    border-right: 1px solid #dbe0e5;
    font-size: 16px;
    color: #666;
	width:12%;
}

.vps-table tbody tr td i{
    color: #ff7800;
    font-style: normal;
    font-size: 18px;
	font-weight: 400;
}

.buy-btn {
    border: 1px solid #387ee8;
	background-color: #387ee8;
    width: 84px;
/*    height: 24px;
    line-height: 24px;*/
    color: #fff;
    display: inline-block;
    /*border-radius: 4px;*/
    font-size: 16px;
    text-align: center;
    margin: 0 14px;
}

.buy-btn:hover {
    background-color: #508de8;
    border: 1px solid #508de8;
	color: #fff;
	text-decoration:none;
}


/*VPS云服务器 ------- 其他*/
.vps-col-4{
	height: 280px;
	margin-top: 30px;
	border: 1px solid #dbe0e5;
	padding: 15px;
}

.vps-col-4 h4{
	font-size: 18px;
	font-weight: bolder;
	color: #222;
	letter-spacing: 1px;
	/*margin-bottom: 22px;*/
}

.vps-col-4 p{
	margin-top: 5px;
	margin-bottom: 0;
	font-weight: 100;
	line-height: 24px;
	color: gray;
}


/*vps技术文档*/
.help-new-list{
	padding: 15px;
	border: 1px solid #dbe0e5;
	height: 258px;
	margin-bottom: 80px;
}

@media (max-width: 767px){
	.help-new-list{
		height: 100%;
		margin-bottom: 30px;
	}
}

@media (max-width: 767px){
	.help-new-list-last{
		margin-bottom: 80px;
	}
}

.help-new-list h3{
	font-size: 18px;
	color: #222;
	font-weight: 700;
	margin-top: 10px;
	margin-bottom: 15px;
}

.help-new-list ul{
	padding-left: 0;
	margin-bottom: 0;
	list-style:none;
}

.help-new-list ul li{
	margin-bottom: 15px
}

@media (max-width: 767px){
	.help-new-list ul li{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}

.help-new-list a{
	color: gray;
}

.help-new-list-btn{
	color:#30bfd9;
}

/* 独立服务器 ------- banner*/
.dedicated_server_banner{
	height:400px;
	background-color:#000;
	color:#FFF;
}

.dedicated_server_banner h1{
	padding-top:108px;
	font-size:56px;
}

.dedicated_server_banner  p{
	font-size:20px;
	line-height: 1.8;
	padding-top:8px;
}

.dedicated_server_banner  img{
	height: 400px;
}

@media (max-width: 767px){
	.dedicated_server_banner  img{
		display:none
	}
}
	
/* 域名注册 */
.domains{
	text-align:center; 
	padding-top:18px; 
	padding-bottom:20px; 
	margin-top:40px;
}

.domains h1{ 
    font-size: 30px;
    line-height: 1.5;
}

.form-domains .input-group,.form-domains  input,.form-domains  select,.form-domains  span{
	font-size:16px;
	height:50px;
	border-radius: 0;
	box-shadow:none;
}

.form-domains .col-xs-7, .form-domains .col-xs-3, .form-domains .col-xs-2{
	padding:0;
}

.gaddon{
	padding:6px 20px;
}

.searchtxt{
	border-top: 2px solid #0099FF;
	border-left: 2px solid #0099FF;
	border-right: none;
	border-bottom: 2px solid #0099FF;
}

.gaddon, .fsearch{
	border: 2px solid #0099FF;
	background-color:#FFF;
}

.btn-domains, .btn-domains:hover{
    color: #FFF;
	font-size:16px;
	line-height:50px;
	width:100%;
	padding:0 20px;
	background-color: #0099FF;
	border: none;
	border-radius: 0;
    box-shadow: none;
}

.btn-domains i{
	top:3px;
	left:-3px;
}

@media (max-width: 767px){
	.btn-domains i{
		display:none
	}
}

.domains-size{
	text-align:center;
	color: gray;
	margin-bottom:100px;
}

.domains-size span{
	padding:0 5px;
}

.pricing_list_table{
	width: 100%;
    max-width: 100%;
	margin-top: 50px;
	margin-bottom: 80px;
}

.pricing_list_table  thead tr th {
    font-weight: 700;
    font-size: 16px;
	color: #4477d0;
    background: #f0f3f7;
    border: #dbe0e5 1px solid;
    text-align: center;
    padding: 15px 5px;
}

.pricing_list_table tbody tr td {
    font-size: 14px;
	color: gray;
    text-align: center;
    border: #dbe0e5 1px solid;
    padding: 12px 5px;
}

/* 关于我们 ------- banner*/
.about-header{
	margin-top: 26px;
	margin-bottom: 25px;
	padding-top: 20px;
	height: 340px;
	background-position: 50%;
	background-size: cover;
	color: #fff;
}

.about-banner-text{
    padding: 76px 118px 0 98px;
    width: 600px;
	float: left;
}

@media (max-width: 767px){
	.about-banner-text{
		padding: 70px 5% 0 5%;
		width: 100%;
	}
}

.about-banner-text h1{
	margin-top:0;
	margin-bottom: 15px;
	color:#FFF;
    font-size: 44px;
	font-weight: lighter;
    line-height: 50px;
}

.about-banner-text p{
	color:#FFF;
	font-size: 18px;
    line-height: 32px;
    text-align: justify;
}

@media (max-width: 767px){
	.about-banner-img{
		display: none;
	}
}

.about-nav li a{
	color: #333;
	border-radius: 0;
	padding-left: 25px;
	padding-right: 25px;
	background-color: transparent;
}

.about-nav li a:hover{
	border-color: transparent; 
	background-color: transparent;
}


.about-nav li.active a, .about-nav li.active>a:focus, .about-nav li.active>a:hover{
	border-top: 1px solid #5384d8;
	color: #4477d0;
}


/* 关于我们*/
.about p{
	text-indent: 28px;
	line-height: 32px;
}

.about .col-md-5{
	padding-left: 60px;
	position: relative;
    top: -20px;
}

@media (max-width: 767px){
	.about .col-md-5{
		display: none;
	}
}

.about-history{
	border-left: 10px solid #b7b7b7;
	padding-left: 125px;
	margin-top: 60px;
	margin-left: 125px;
}

@media (max-width: 767px){
	.about-history,.about-history-title{
		display: none;
	}
}

.about-history-left{
	float: left;
	width:3%;
}

.about-history-right{
	float: left;
	width: 97%;
	line-height: 32px;
	padding-right: 85px;
	position: relative;
	top: -20px;
}

.about-history-content img{
	position: relative;
	left: -175px;
	width: 120px;
}

.about-history-content h1{
	position: relative;
    top: -95px;
    left: -150px;
	color: #fff;
	font-size: 30px;
	font-style: italic;
	line-height: 30px;
	font-weight: 700;
}

.about-contact-us{
	margin-bottom: 80px;
}

.about-contact-us .col-md-6:last-child{
	padding-top: 90px;
}

@media (max-width: 767px){
	.about-contact-us .col-md-6:last-child{
		padding-top: 0;
	}
}

.about-contact-us img{
	padding-left: 70px;
}

@media (max-width: 767px){
	.about-contact-us img{
		display: none;
	}
}

.about-contact-us p{
	line-height: 32px;
}


/* 合作加盟 -------- 首页 */
.cooperation-banner{
	background-image: url(../images/cooperation.jpg);
	position: relative;
	background-position: center 0;
	background-repeat: no-repeat;
	/* padding-top: 16%; */
	height: 400px;
	text-align:center;
}

@media (max-width: 767px){
	.cooperation-banner{
		height: 300px;
	}
}

.cooperation-banner h1{
	padding-top:138px;
	margin:0;
	font-size:56px;
	color:#FFF;
}

@media (max-width: 767px){
	.cooperation-banner h1{
		padding-top: 80px;
	}
}

.cooperation-banner p{
	color:#FFF;
	font-size:20px;
	margin-top:10px;
	padding: 0 20px;
}

.cooperation {
	margin-top:25px;
	margin-bottom:50px;
}

.cooperation p{
	color: gray;
	line-height: 24px;
}

.cooperation .row .col-md-6{
	padding-top:50px;
	padding-bottom:50px;
}

@media (max-width: 767px){
	.cooperation .row .img{
		display: none;
	}
}

.cooperation h1{
    margin-bottom: 15px;
    font-size: 26px;
    color: #333;
}

.cooperation-hr{
    width: 70px;
    height: 2px;
    background: #5384d8;
	margin-bottom:28px;
}

/* 技术文档 -------- 首页 */
.help-banner{
	padding: 50px 21% 30px 21%;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    /*background: url('../images/help-banner.png') no-repeat scroll center top #1a89e5;*/
	background-color:#207de7;
}

@media (max-width: 767px){
	.help-banner{
		padding: 50px 15% 30px 15%;
	}
}

.help-banner h1{
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    padding: 10px;
	margin:0px;
}

.help-banner p{
	color: #fff;
    font-size: 20px;
    line-height: 20px;
    padding-top: 10px;
	margin-bottom:0px;
}

.help-index-input-container{
	margin: 0 auto;
    margin-top: 40px;
	margin-bottom: 20px;
    position: relative;
}

.help-index-input-container input{
    padding: 20px 0 20px 20px;
    line-height: 20px;
    border-radius: 3px;
    font-size: 16px;
    width: 100%;
    border: 0px;
}

.help-index-input-container span{
    position: absolute;
    right: 17px;
    top: 17px;
    color: #d1d1d1;
    font-size: 25px;
}

/* 技术文档 -------- 首页-导航 */
.help-nav ul{
	list-style:none;
	padding-left:10px;
	padding-right:10px;
	background: #F6F6F6;
}

@media (max-width: 767px){
	.help-nav ul{
		display: none;
	}
}

.help-nav  ul li{
	line-height: 50px;
	font-size: 14px;
	padding-left:10px;
}

.help-nav  ul li a{
	color: #666;
}

.help-nav-top {
	background-color:#F3F3F3;
}

.help-nav-top p{
	color:#333;
	font-size:18px;
	padding:10px 20px;
	margin-top:28px;
	margin-bottom:0px;
	border-bottom: 1px solid #ededed;
}

.help-nav-top .navbar-toggle{
	margin: -5px 0 0 0;
	border: 1px solid #333;
}

.help-nav-top .navbar-toggle .icon-bar{
	background-color: #333;
}


/* 技术文档 -------- 首页-文章列表 */
.help-page-list .breadcrumb{
	margin-top:28px;
	background-color:#f3f3f3;
	margin-bottom: 30px;
}

.help-page-list-view{
	border-bottom: 1px dotted #ddd;
	margin-top:18px;
	padding-left: 5px;
}

.help-page-list-view a{
	color:#333;
	font-size:18px;
	font-weight: 400;
}

.help-page-list-view-info{
	color:#CCC;
	padding-top:20px;
	padding-bottom:10px;
}
	
.help-page-list-view-info .author author{
	color:#999
}
	
.help-page-list-view-info .time{
	padding-right: 35px;
}



/* 技术文档 -------- 分页 */
.pagination{
	margin-top: 50px;
	margin-bottom: 15px;
	height: 34px;
	text-align: center;
}

.pagination .num, .pagination .prev, .pagination .next, .pagination .current{
	float: left;
	display: block;
	line-height: 32px;
	padding: 0 12px;
	font-size: 16px;
	border: 1px solid #dddddd;
	color: #999;
	text-decoration: none;
	display: inline-block;
	height: 34px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.pagination .num:hover, .pagination .prev:hover, .pagination .next:hover, .pagination .current{
	background:#f5f5f5;
	color:#555;
}



/* 公共 -------- 浮动客服代码 */
.auto {
    margin: 0 auto;
    min-width: 1000px;
    max-width: 1200px;
}

.suspension {
    width: 50px;
    height: 230px;
    position: fixed;
    right: 30px;
    bottom: 60px;
    z-index: 20;
	margin:0px;
	padding:0px;
}

.suspension li {
    position: relative;
    width: 50px;
    height: 50px;
    margin-top: 10px;
    background-color: #387ee8;
    /*border-radius: 4px;*/
	list-style: none;
	
}

.suspension li:hover {
	background-color: #1a3d8e
}

.suspension a, .pop-tel, .pop-qrcode {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/side_icons.png);
    background-repeat: no-repeat;
}

.voice-service {
    background-position: 0 0;
}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.pop-tel {
    background-position: -50px 2px;
}

.suspension a, .pop-tel, .pop-qrcode {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/side_icons.png);
    background-repeat: no-repeat;
}

.connect-us {
    display: none;
    position: absolute;
    width: 230px;
    right: 69px;
    top: 0;
    z-index: 30;
    background: #fff;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    color: #666;
    font-size: 16px;
    border: 1px solid #ddd;
}

.tel-corner-back {
    border: 11px solid transparent;
    border-left: 11px solid #ddd;
    position: absolute;
    right: -22px;
    bottom: 13px;
    z-index: -1;
}

.tel-corner {
    border: 10px solid transparent;
    border-left: 10px solid #fff;
    position: absolute;
    right: -19px;
    bottom: 14px;
    z-index: 10;
}

#toTop {
    background-image: url(../images/side_icons.png);
    background-position: -150px 0;
    background-repeat: no-repeat;
    cursor: pointer;
}


.hosting-domain-row .checkDomain{
	padding-left: 21px;
	padding-right: 21px;
}

.hosting-domain-row .glyphicon{
	font-size: 18px;
	padding-left: 10px;
}

.hosting-domain-row .checkDomain-ok{
	color:#387ee8
}

.hosting-domain-row .checkDomain-no{
	color:#f00;
}

.hosting-domain-row .checkDomain-error{
	margin-left: 15px;
	margin-right: 15px;
}
