/*閿氱偣*/
.vip-anchor {
	position: relative;
	top: -100px;
}
* {
	box-sizing: border-box;
}
.bg-gray {
	background-color: #f5f7f8;
}
/* banner */
.vip-banner {
	height: 500px;
	background: #080d26 url(./img/vip_banner.jpg?v=2) no-repeat center;
	background-size: cover;
    /*margin-top: 70px;*/
}
.vip-banner-main {
	padding-top: 123px;
}
.banner-title {
	font-size: 40px;
	color: #fff;
}
.banner-sub-text {
	width: 550px;
	margin-top: 30px;
	font-size: 14px;
	line-height: 2em;
	color: #fff;
}
.banner-btn {
	display: block;
	margin-top: 40px;
	width: 160px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
	font-size: 16px;
}
.banner-btn:hover {
	background: #fff;
	border: 1px solid #fff;
	color: #333333;
}
/* TabControl */
.tab-control {
	height: 100px;
	border-bottom: 1px solid #e6e6e6;
	box-shadow: 1px 0 10px rgba(0,0,0,0.1);
	font-size: 18px;
	color: #333;
}
.tab-control ul {
	width: 100%;
}
.tab-control li {
	display: list-item;
	float: left;
	width: 25%;
	height: 100px;
	line-height: 100px;
	text-align: center;
	cursor: pointer;
}
.tab-control li.active {
	border-bottom: 3px solid #00aaff;
}
.nav-show {
	position: fixed;
	left: 0;
	top: 70px;
	width: 100%;
	background-color: #fff;
	z-index: 999;
}

/* 鍏叡 */
.control-title-box {
	padding: 115px 0 65px;
	text-align: center;
}

.control-title {
	height: 32px;
	font-size: 32px;
	color: #333;
}
.control-sub-text {
	margin-top: 25px;
	font-size: 14px;
	color: #999;
}
.module {
	padding-bottom: 80px;
}
.btn-box {
	margin-top: 40px;
	text-align: center;
}
.btn-box .btn {
	display: inline-block;
	margin-left: 40px;
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
}
.btn-box .btn-01 {
	margin-left: 0;
	border: 1px solid #00aaff;
	color: #00aaff;
}
.btn-box .btn-01:hover,
.btn-box .btn-02 {
	border: 1px solid #00aaff;
	background-color: #00aaff;
	color: #fff;
}
.btn-box .btn-02:hover{
	border: 1px solid #0090d9;
	background-color: #0099e5;
}
.flow-box {
	position: relative;
	height: 75px;
}
.flow-title {
	height: 18px;
	font-size: 18px;
	color: #666;
}
.flow-line {
	position: relative;
	margin-top: 35px;
	width: 1082px;
	height: 2px;
	background-color: #ddd;
}
.flow-list {
	position: absolute;
	top: 44px;
	left: 0;
	height: 30px;
	background-color: transparent;
}
.flow-list li {
	float: left;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	background-color: #f5f7f8;
	font-size: 14px;
	color: #333;
}
.flow-list li span {
	display: inline-block;
	margin-right: 8px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: url(./img/step_icon.png) no-repeat center;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

/*  7*24灏忔椂鏈嶅姟鏀寔 */

.service-list {
	width: 100%;
	text-align: center;
}
.service-list li {
	display: list-item;
	float: left;
	margin-left: 25px;
	padding-top: 180px;
	width: 383.3px;
	height: 320px;
	border: 1px solid #eee;
	background: no-repeat center 40px;
}
.service-list .service-item-1 {
	background-image: url(./img/service_icon_01.png);
}
.service-list .service-item-2 {
	background-image: url(./img/service_icon_02.png);
}
.service-list .service-item-3 {
	background-image: url(./img/service_icon_03.png);
}
.service-list li:first-child {
	margin-left: 0;
}
.service-list li:hover {
	box-shadow: 1px 1px 15px rgba(0,0,0,0.1);
}
.item-name {
	height: 18px;
	font-size: 18px;
	color: #333;
}
.item-sub-text {
	margin-top: 40px;
	padding: 0 45px;
	line-height: 25px;
	font-size: 14px;
	color: #999;
}
li.step-1 {
	padding-left: 0;
}


/* 0鍏冨揩閫熷妗� */
.icp-flow-list li.step-2 {
	margin-left: 180px;
}
.icp-flow-list li.step-3,
.icp-flow-list li.step-4 {
	margin-left: 180px;
}
.icp-flow-list li.step-5 {
	margin-left: 102px;
}

.icp-help {
	margin-top: 60px;
}
.question-list {
	padding-top: 15px;
}
.question-item {
	margin-top: 15px;
	background-color: #fff;
}
.question-name {
	position: relative;
	padding-left: 25px;
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	color: #666;
}
.item-btn {
	display: inline-block;
	position: absolute;
	top: 23px;
	right: 20px;
	padding-right: 25px;
	height: 14px;
	line-height: 14px;
	font-size: 14px;
	cursor: pointer;
}
.item-open .item-btn {
	color: #00aaff;
}
.item-btn:after {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 16px;
	height: 16px;
	background: url(./img/close_icon.png) no-repeat center;
}
.item-open .item-btn:after {
	background-image: url(./img/open_icon.png);
}
.question-value {
	padding: 0 40px;
	height: 0;
	line-height: 20px;
	text-align: justify;
	font-size: 14px;
	color: #999;
	transition: padding 0.5s ease;
	overflow: hidden;
}
.item-open .question-value {
	padding: 15px 40px;
	height: auto;
	line-height: 25px;
}
/* 100鍊嶆晠闅滆禂鍋� */
.compensate-flow-list li {
	background-color: #fff;
}
.compensate-flow-list li.step-2 {
	margin-left: 70px;
}
.compensate-flow-list li.step-3 {
	margin-left: 74px;
}
.compensate-flow-list li.step-4 {
	margin-left: 100px;
}
.compensate-flow-list li.step-5 {
	margin-left: 104px;
}
.compensate-scope {
	margin-top: 60px;
}
.compensate-scope .service-list {
	margin-top: 25px;
}
.service-list .compensate-1 {
	background-image: url(./img/compensate_icon_01.png);
}
.service-list .compensate-2 {
	background-image: url(./img/compensate_icon_02.png);
}
.service-list .compensate-3 {
	background-image: url(./img/compensate_icon_03.png);
}
.compensate-scope .item-sub-text {
	padding: 0 35px;
}

/* 5澶╂棤鐞嗙敱閫€娆� */
.refund-flow-line {
	width: 1048px;
}
.refund-flow-list li.step-2 {
	margin-left: 160px;
}
.refund-flow-list li.step-3 {
	margin-left: 190px;
}
.refund-flow-list li.step-4 {
	margin-left: 150px;
}


.features {
	/*浠呭湪姝ら〉闈娇鐢紝娓呴櫎娴姩锛屾湭鍦╤tml涓坊鍔燾learfix绫�*/
	overflow: hidden;
}
/*鍏敤*/
.white-left,
.white-right,
.blue-left,
.blue-right {
	float: left;
}
/*鐧藉簳鍖哄潡*/
.vip-white,
.vip-blue {
	padding-top: 106px;
}
.black-line {
	border-bottom: 1px solid #aaa;
}
.vip-title {
	width: 100%;
}
.black-h2,
.blue-h2{
	width:520px;
	text-align: center;
	margin: -26px auto;
	font-size: 40px;
	font-weight: normal;
	color: #595757;
	background-color: #fff;
}
.orange-span {
	color: #fb8f0f;
}
.black-title-p,
.blue-title-p {
	text-align: center;
	margin-top: 50px;
	font-size: 20px;
	color: #595757;
}
.block-main {
	width: 100%;
	padding-top: 95px;
	padding-bottom: 100px;

}
.white-left,
.blue-left {
	width: 40%;
	border-right: 1px solid #e1e1e1;
	padding-left: 2%;
}
.white-right {
	width: 58%;
}
.blue-4 {
	display: inline-block;
	float: left;
	width: 40px;
	height: 433px;
	background: url(./img/vip_icons_blue_4.png);
}
.white-4 {
	display: inline-block;
	float: left;
	width: 40px;
	height: 444px;
	background: url(./img/vip_icons_white_4.png);
}
.white-5 {
	display: inline-block;
	float: left;
	width: 40px;
	height: 442px;
	background: url(./img/vip_icons_white_5.png);
}
.list-4 li {
	padding-bottom: 105px;
	padding-top: 6px;
	padding-left: 20%;
	font-size: 16px;
	color: #858484;
}
.list-5 li {
	padding-bottom: 75px;
	padding-top: 6px;
	padding-left: 20%;
	font-size: 16px;
	color: #fff;
}
.list-4 .li-last,
.list-5 .li-last {
	padding-bottom: 30px;
}
.vip-24h {
	width: 466px;
	height: 265px;
	background: url(./img/vip_24h.png) no-repeat center center;
	margin-left: 20%;
}
.vip-24h-p,
.vip-beian-p,
.vip-sec-p,
.vip-compen-p,
.vip-refund-p {
	line-height: 25px;
	width: 54%;
	font-size: 15px;
	color: #56b4df;
	margin-top: 103px;
	margin-left: 36%;
}
.vip-beian-p,
.vip-compen-p {
	color: #007ab7;
}
.vip-24h-p {
	width:80%;
	margin-left: 22%;
	margin-top: 87px;
}
.vip-24h-p a {
	color: #005aff;
	text-decoration: none;
}
.vip-24h-p a:hover {
	text-decoration: underline;
}

/*钃濆尯*/
.vip-blue,
.blue-h2 {
	background-color: #52caff;
}
.blue-h2,
.blue-title-p {
	color: #007ab7;
}
.yellow-span {
	color: #ffe400;
}
.blue-left {
	width: 40%;
}
.blue-right {
	width: 60%;
}
/*澶囨*/
.vip-beian {
	width: 418px;
	height: 412px;
	background: url(./img/vip_beian.png);
	margin-left: 25%;
}
.vip-beian-p {
	margin-top: 15px;
	margin-left: 32%;
}
.vip-link {
	display: inline-block;
	padding: 0 20px;
	height: 41px;
	background-color: #fb8f0f;
	color: #fff;
	text-decoration: none;
	line-height: 41px;
	text-align: center;
	font-size: 18px;
	margin-left: 45%;
	margin-top: 17px;
	border-radius: 2px;
}
.vip-link:hover {
	background-color: #d46f1d;
}
/*绉樹功*/
.vip-secret {
	background: url(./img/vip_secretary.png) no-repeat center center;
	width: 95%;
	height: 349px;
	background-size: contain;
	margin-left: 5%;
}
.secret-left {
	width: 20%;
	border-right: none;
}
.secret-right {
	width: 80%;
}
.vip-sec-p {
	width: 61%;
	margin-top: 15px;
	margin-left: 22%;
}
/*100鍊嶈禂鍋�*/
.vip-compen-ul li{
	padding-bottom: 109px;
	color: #fff;
}
.vip-compensate {
	width: 392px;
	height: 340px;
	background: url(./img/vip_compensate.png) no-repeat center center;
	margin-left: 30%;
}
.vip-compen-p {
	margin-top: 15px;
}
.comp-link {
	margin-left: 49%;
}
/*閫€娆�*/
.special-condition {
	text-decoration: none;
	color: #009ed6;
	font-size: 14px;
}
.vip-refund {
	background: url(./img/vip_refund.png) no-repeat center center;
	width: 451px;
	height: 262px;
	margin-left: 25%;
	margin-top: 20px;
}
.vip-refund-p {
	margin-left: 40%;
	margin-top: 30px;

}
.nav-show {
    position: fixed;
    left: 0;
    top: 70px;
    width: 100%;
    background: #fff;
    z-index: 999;
}
 /*手机*/
@media (max-width: 768px) {
    .vip-banner,.tab-control,.nav-show,.flow-line {
        display: none;
    }
    
    .auto {
    min-width: 1px;
    padding: 25px;
}
    .service-list li:nth-child(-n+2) {

     margin-left: 0px; 
     margin-bottom: 70px;

}
    
    .service-list {
display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
    }
    
    .control-title-box {
    padding: 19px 0 37px;
    text-align: center;
}
    
    li.step-1 {
    margin-left: 20px;
    padding-left: 10px;
}
    .icp-flow-list li.step-2 {
    margin-left: 20px;
    margin-top: 20px;
}
    .icp-flow-list li.step-3, .icp-flow-list li.step-4 {
    margin-left: 20px;
    margin-top: 20px;
}
    .flow-list li {
     float: none; 
}
.btn-box {
    margin-top: 188px;
    text-align: center;
}
        .compensate-flow-list li.step-1 {
	margin-left: 75px;
}
    .compensate-flow-list li.step-2 {
	margin-left: 75px;
	margin-top: 20px;
}
.compensate-flow-list li.step-3 {
	margin-left: 75px;
	margin-top: 20px;
}
.compensate-flow-list li.step-4 {
	margin-left: 75px;
	margin-top: 20px;
}
.compensate-flow-list li.step-5 {
	margin-left: 75px;
	margin-top: 20px;
}
    
    .compensate-scope {
    margin-top: 249px;
}
    
    .service-list li {
width: 300.3px;
     margin-left: 0px; 

}
.refund-flow-list li.step-1 {
    margin-left: 75px;
}
.refund-flow-list li.step-2 {
    margin-left: 75px;
    margin-top: 20px;
}
.refund-flow-list li.step-3 {
    margin-left: 75px;
    margin-top: 20px;
}
.refund-flow-list li.step-4 {
    margin-left: 75px;
    margin-top: 20px;
}
div.server-banner {
    background-image: url(https://img.shiwaiyun.net/images/2023/03/27/banner1e430ca8eead7124.png);
}
.banner-describe {
    color: #fff;
}
.btn-box .btn {
    width: 139px;
}
}