ul{list-style:none;padding:0}
ol{padding:0}
*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
a:hover,a:link,a:visited,a:active{text-decoration:none}
img{vertical-align:middle}
img{border:0}
.h1,.h2,.h3,h1,h2,h3{margin:0}
.clear{clear:both}

.tanchukuang{height:100%;width:100%;z-index:100;position:fixed;left:0;top:0;background:rgba(0,0,0,0.1);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#1F000000,endcolorstr=#1F000000)}
.qqkuang{background:#fff;width:735px;position:fixed;left:50%;top:50%;z-index:10100;margin-top:-270px;margin-left:-368px;box-shadow:0 3px 8px rgba(0,0,0,.175);border-radius:20px}
.qq_main{height:100%;width:100%;position:relative;z-index:999}
.qq_main .xiaocha{position:absolute;height:14px;width:14px;right:20px;top:20px;cursor:pointer;background-image:url(https://www.kuaikuaicloud.com/static/index/css/images/qqkf/close.png);background-size:100% 100%}
.qq_main .qq_title:after{content:'';display:block;background:url(../images/qqkf/title.png)no-repeat center;height:140px;border-radius: 18px 18px 0 0;}
.qq_content{min-height:400px}
.qq_content .qq_left{width:330px;height:100%;float:left}
.qq_content h1{height:35px;font-weight:bold;line-height:35px;text-align:left;font-size:16px;color:#04304b;position:relative}
.qq_content h1 span{font-size:14px;color:#5a6c7b;font-weight:normal;line-height:32px;margin-left:15px;display:none}
.qq_content h1 img{position:absolute;left:3px;top:9px}
.qq_body{padding: 0 45px 20px;}
.qq_content .qq_right{width:320px;height:100%;padding-left:20px;float:left}
.qq_content ul{padding-top:5px}
.qq_content ul li{line-height:36px;min-width:33.33333%;font-size:14px;float:left;padding-right:20px;box-sizing:border-box}
.qq_content ul li:last-child{padding-right:0}
.qq_content ul li a{margin-left:4px;color:#2d6edc}
.qq_content ul li img{position:relative;top:-3px}
.qq_content ul li a:hover{color:#1972d5;text-decoration:underline}
.qq_content h2{text-align:left;font-size:12px;color:#1972d5;font-weight:normal;line-height:30px;padding-left:20px;width:285px;_margin:4px 0}
.qq_content h2 a{color:#1972d5;margin-left:4px}
.qq_content h2 a:hover{color:#1972d5;text-decoration:underline}
.qq_content .qq_body .d_l{width:400px;float:left}
.qq_content .qq_body .d_r{width:245px;float:left}
.d_r h1{margin-top:10px}
.qqkuang .phone p{color:#f35b5c;font-size:26px;font-weight:bold}
.qq_mask{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.7);display:none;z-index: 12;}


/* 企业宣传片 */
.fix-qq>ul .xuanchuan-wrap{border: none;background-color: transparent;background-image: url(../images/qqkf/xuanchuan-bg.png);background-repeat: no-repeat;background-size: 100%;line-height: 50px;}
.fix-qq>ul .xuanchuan-wrap a{border: none;line-height: 1;height: 50px;display: inline-block;vertical-align: middle;letter-spacing: -1px;background-color: transparent;}
.fix-qq>ul>li.on, .fix-qq>ul>.xuanchuan-wrap:hover {background-color: transparent;}
.fix-qq>ul>li.on, .fix-qq>ul>.xuanchuan-wrap:hover a {background-color: transparent;}

.fix-qq{position:fixed;right:10px;top: 40%;z-index: 9999;}
.fix-qq>ul>li{text-align:center;margin:2px auto;position:relative}
.fix-qq>ul>li>a{display:block;width:48px;height:50px;border:1px solid #6087ff;border-radius:2px;background-color:#fafafa;font-size:12px;color:#04304c}
.qq-icon{display:block;width:24px;height:24px;background-image:url(../images/qqkf/qq-icon.png);margin:4px auto 2px}
.qq-icon02{background-position:-24px 0}
.qq-icon03{background-position:-48px 0}
.qq-icon04{background-position:-72px 0}
.qq-icon05{display:inline-block;width:20px;height:20px;background-image:url(../images/qqkf/qq-icon.png);background-position:-4px -51px;vertical-align:middle}
.qq-icon06{display:inline-block;width: 24px;height:20px;background-image:url(../images/qqkf/qq-icon.png);background-position: -26px -51px;vertical-align:middle;}
.qq-bubble{position:absolute;right: 50px;top:50%;margin-top:-58px;text-align:left;display: none;padding-right: 20px;}
.qq-bubble-item{padding:15px 30px;box-shadow:0 3px 10px rgba(178,178,178,.13);background-color:#fff;border-radius:5px;white-space:nowrap}
.qq-bubble-item p{font-size:14px;color:#4b8af4;margin:10px 0;white-space:nowrap}
.qq-bubble-item:after{content:'';position:absolute;right: 0;top:50%;margin-top: -10px;display:block;width:0;height:0;border-width:10px;border-style:solid;border-color:transparent transparent transparent #fff;}
.qq-bubble-item h3{white-space:nowrap;color:#04304c;font-size:14px;font-weight:normal}
.qq-bubble-item p{font-size:14px;color:#4b8af4;margin:10px 0;white-space:nowrap}
.qq-bubble-item .btn{display:inline-block;line-height:30px;padding:0 12px;background-color:#4b8af4;color:#fff;border-radius:20px;font-size:12px}
.fix-qq>ul>li:hover>a{background-color:#6087ff;color:#fff}
.fix-qq>ul>li:hover .qq-icon01{background-position:0 -24px}
.fix-qq>ul>li:hover .qq-icon02{background-position:-24px -24px}
.fix-qq>ul>li:hover .qq-icon03{background-position:-48px -24px}
.fix-qq>ul>li:hover .qq-icon04{background-position:-72px -24px}
.fix-qq>ul>li:hover .qq-bubble{display:block}

.fix-qq-mobile{display: none;position: fixed;right: -198px;bottom: 100px;z-index: 15;background-color: #4b89f3;padding:10px;border-top-left-radius: 40px;border-bottom-left-radius: 40px;}
.fix-qq-mobile ul{margin: 0}
.fix-qq-mobile li{display: inline-block;margin:0 2px}
.fix-qq-mobile li .btn{border:1px solid #fff;padding:5px 15px;border-radius: 50px;color:#fff;display:initial;line-height: 24px}
.qq-icon-mobile{display:inline-block;width:24px;height:24px;background-size: 100%;vertical-align: middle}
.qq-icon-mobile01{background-image:url(https://www.kuaikuaicloud.com/static/index/css/images/qqkf/qq-mobile-01.png);}
.qq-icon-mobile02{background-image:url(https://www.kuaikuaicloud.com/static/index/css/images/qqkf/qq-mobile-02.png);}
.qq-icon-mobile03{background-image:url(https://www.kuaikuaicloud.com/static/index/css/images/qqkf/qq-mobile-03.png);}

.fix-qq-mobile .btn:active{background-color:#fff;color:#6087ff}
.fix-qq-mobile .btn:active .qq-icon-mobile02{background-image:url(https://www.kuaikuaicloud.com/static/index/css/images/qqkf/qq-mobile-02-1.png);}
.fix-qq-mobile .btn:active .qq-icon-mobile03{background-image:url(https://www.kuaikuaicloud.com/static/index/css/images/qqkf/qq-mobile-03-1.png);}

/* 预约弹窗 */
#fix-appoint{height: 210px;background-color: rgba(24,37,60,0.9);position: fixed;bottom: 0;left: 0;width: 100%;z-index: 999;padding: 25px 0;box-sizing: border-box;}
#fix-appoint .close{color: #fff;font-size: 28px;float: right;margin: -15px 20px 0 0;position: relative;z-index: 99}
#fix-appoint h3{font-weight: bold;color:#fff;text-align: center;font-size: 18px;line-height: 30px;}
#fix-appoint p{color:#fff;font-size: 15px;margin: 20px 0;font-weight: bold}
#fix-appoint .wrapper{width: 1160px}
#fix-appoint ul{width: 100%}
#fix-appoint li{float:left;color:#fff;width: calc(20% - 10px);margin-left: 10px;font-size: 12px;line-height: 30px;}
#fix-appoint li input{width: 100%;height: 40px;border:0;padding:0 10px;box-sizing: border-box;color: #04304b;}
#fix-appoint li:first-child{margin-left: 0}
#fix-appoint .appoint-btn{display: block;width: 100%;line-height: 40px;text-align: center;background-color: #4b89f3;color:#fff;}

#fix-appoint .tips{position: fixed;bottom: 120px;left: 50%;-webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);transform: translate(-50%, 0);background-color: #fff;line-height: 30px;padding: 20px 50px;border-radius: 4px;z-index: 99999999999;font-size: 16px;}
#fix-appoint .mask{z-index: 99;height: 300px;bottom: 0;top: auto;display: block;}

.qq-bubble .qqkuang{position: relative;top: 0;left: 0;box-shadow: none;margin-top: -135px;box-shadow: 0 3px 10px rgba(178,178,178,.13);}
.qq-bubble .qqkuang:after{content:'';position:absolute;right: -20px;top:50%;margin-top: -85px;display:block;width:0;height:0;border-width:10px;border-style:solid;border-color:transparent transparent transparent #fff;}

/* 手机端适配 */
@media screen and (max-width: 768px) {
	.fix-qq{display: none}
	.fix-qq-mobile{display: block}
	.qqkuang{width: 86%;left: 0;margin-left: 7%;margin-right: 7%;padding-bottom: 20px;}
	.qq_content{max-height: 320px;min-height:200px;overflow-y: scroll}
	.qq_content .qq_body .d_l,.qq_content .qq_body .d_r{width: 100%}
	.qq_content h1 span{display: inline-block}
	.qq_content ul li{min-width: 25%}

	#fix-appoint{height: auto;padding: 65px 0 25px;}
	#fix-appoint .close{margin-top: -52px;}
	#fix-appoint li{width: calc(50% - 5px);margin-top: 10px}
	#fix-appoint li:nth-child(2n-1){margin-left: 0}
	#fix-appoint li:last-child{width: 100%}
	#fix-appoint p{margin: 20px 0;}
}

@media screen and (max-width: 640px) {
	.qq_content h1{line-height: 40px;height:40px;padding:0 10px;}
	.qq_body{padding-left: 20px;padding-right: 20px}
	.qq_main .qq_title:after{background-image: url(https://www.kuaikuaicloud.com/static/index/css/images/qqkf/title-m.png);background-size:100% 100%;padding-bottom: 36.40625%;box-sizing: border-box;height: 0;position: relative;top: -1px;}
	.qq_content ul{padding: 5px 10px 0;}
	.qq_content ul li{width: 33.3333333333%;line-height: 30px;text-align: left;padding-right:0}
	.qq_content ul li:nth-child(3n-1){text-align:center}
	.qq_content ul li:nth-child(3n){text-align:right}
	.qq_content ul li a{margin-left: 2px;color:#04304b;font-size: 12px}
	.qq_content ul li img{top:-1px}
	.z_sh ul li,.z_cw ul li,.z_ts ul li{width: 50%}
	.phone{display: none}
	.qq_main .xiaocha{background-image: url(https://www.kuaikuaicloud.com/static/index/css/images/qqkf/close-m.png);position: absolute;top:auto;bottom: -80px;left: 50%;width: 40px;height: 40px;margin-left: -20px;opacity: .5}
	.qq_mask{display: block}
	.stop-scroll{width: 100%;height: 100% ;overflow: hidden;position: fixed}

}

@media screen and (max-height: 800px) {
	.fix-qq{top:35%}
}

@media screen and (max-height: 720px) {
	.qq-bubble .qqkuang{margin-top: -220px;}
	.qq-bubble .qqkuang:after{margin-top: -10px;}
}


@media screen and (max-height: 620px) {
	.qq_content{min-height: 350px}
	.qq_content ul li{line-height: 32px}
	.qq-bubble .qqkuang:after{margin-top: 10px;}
}