@charset "utf-8";
/*
|--------------------------------------------------------------------------
| Base
|--------------------------------------------------------------------------
*/
* {
	box-sizing: border-box;
}

html,
body {
	padding: 0;
	margin: 0;

}

body {
	font-family: arial, "microsoft yahei";
}

img {
	display: block;
	border: none;
}

a {
	text-decoration: none;
}

input,
buttom {
	outline: none;
}




 /* 设置主题色 */
 :root{
	--dColor:#318cfb;
	--fColor:#1bc1ff;
}


@font-face {
  font-family: 'iconlading';
  src: url('../iconlading/iconfont.eot');
  src: url('../iconlading/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../iconlading/iconfont.woff2') format('woff2'),
      url('../iconlading/iconfont.woff') format('woff'),
      url('../iconlading/iconfont.ttf') format('truetype'),
      url('../iconlading/iconfont.svg#iconfont') format('svg');
}

.iconlading {
  font-family: "iconlading" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*
|--------------------------------------------------------------------------
| 默认style
|--------------------------------------------------------------------------
*/
.container {position: relative;max-width: 750px;margin: 0 auto;background-color: #ffffff;}
.background-image{background-repeat: no-repeat;background-position: center;background-size: cover;}
/*  */
.loading {padding-bottom: 1rem;}
.loading-banner {position: relative;}
.loading-logo {position: absolute;top: 7%;left: 50%;margin-left: -10%;width: 20%;height: 1rem;display: flex;justify-content: center;align-items: center;}
.loading-logo img {max-width: 100%;max-width: 100%;pointer-events: none;}
.loading-img {overflow: hidden;}
.loading-img img {width: 100%;}

/*-------------------------- form --------------------------*/
.loading-form {overflow: hidden;padding-bottom: 0.2rem;}
.loading-form-title h3 {text-align: center;font-size: .4rem;margin: .5rem 0 .1rem;color: #333333;}
.loading-form-title h3 b {color: #126acb;}
.loading-form-title p {color: #555555;font-size: 0.35rem;margin: 0;text-align: center;margin-bottom: 0.3rem;}
.loading-form-title i {font-size: .44rem;margin-right: 5px;color: var(--dColor);}
.loading-form-title span {color: var(--dColor);font-weight: bold;}

.loading-input {display: flex;justify-content: center;align-items: center;-webkit-appearance: none;}
.loading-input p {font-size: .28rem;flex: 1;color: #666666;display: flex;align-items: center;}
.loading-input p i {font-size: 0.32rem;margin-right: 0.1rem;color: #666666;vertical-align: top;}
.loading-input:first-of-type p i {font-size: .26rem;}
.loading-input p em {color: #ff2f2f;}
.loading-input>div {width: 80%;}
.loading-input input {display: block;height: 0.75rem;padding: 0 .15rem;font-size: .25rem;border-radius: .06rem;background-color: #ffffff;color: #bebebe;border: 1px solid #e5e5e5;width: 100%; -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;color: #333333;}
.loading-button button {
    position: relative;
    border-radius: 50px;
    background: linear-gradient(to right,var(--dColor),var(--fColor));
    font-size: .28rem;
    color: #ffffff;
    width: 100%;
    outline: none;
    border: none;
    padding: 0.2rem 0;
    -webkit-animation: buttonScale 3s infinite;
    -o-animation: buttonScale 3s infinite;
    animation: buttonScale 3s infinite;
    overflow: hidden;
}
div.wpcf7-response-output {display: none !important;}
.loading-button button::before {
  content: '';
  display: block;
  position: absolute;
  width: 3rem;
  height: 3rem;
  margin-top: -0.56612319rem;
  background-image: url(../lading-img/swipe_light.png);
  background-size: 3rem 3rem;
  -webkit-animation: buttonSub 3s linear infinite forwards;
  -o-animation: buttonSub 3s linear infinite forwards;
  animation: buttonSub 3s linear infinite forwards;
  transform: scale(1.15);
}


@keyframes buttonSub {
0% {
    left: 0;
    right: 20rem;
    opacity: 0;
}
66% {
    opacity: 0;
}
67% {
    left: 0;
    right: 20rem;
    opacity: 1;
}
100% {
    left: 20rem;
    right: 0;
}
}
@keyframes buttonScale {
0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
}
25% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
}
50% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
}
75% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
}
100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
}
}



.sq-box {display: flex;align-items: flex-end;font-size: .24rem;margin-bottom: -0.2rem;position: relative;z-index: 8;}
.sq {color: #3b99fd;}
.sq-btn,
.sq-btn2 {width: .26rem;height: .26rem;outline: none;border: 1px solid #dddddd;border-radius: 50%;margin-right: 0.1rem;display: flex;justify-content: center;align-items: center;margin-bottom: .02rem;}
.sq-btn-checked {background-color: #3b99fd;border: none !important;}
.sq-btn img,
.sq-btn2 img {display: none;}
.sq-btn-checked img {display: inline-block !important;width: .18rem;height: .18rem;}
.sq-shell {display: none;position: fixed;top: 0;z-index: 999;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.2);box-shadow: 1px 1px 11px rgba(100, 100, 100, 0.2);}
.sq-shell .shell-box {position: relative;top: 15%;width: 90%;margin: 0 auto;padding: .25rem .3rem .3rem;border-radius: 10px;background-color: #ffffff;}
.sq-shell .shell-box img {position: absolute;top: 0.15rem;right: .2rem;width: .5rem;height: .5rem;}
.sq-shell .shell-box h3 {margin-bottom: .2rem;font-weight: bold;font-size: 0.3rem;text-align: center;}
.sq-shell .shell-box .shell-con {height: 6rem;overflow: auto;}
.sq-shell .shell-box .shell-con p {line-height: 2;font-size: .24rem;color: #555555;text-align: justify;}


/*选择地区*/
.express-area {display: block;height: 0.75rem;padding: 0 .15rem;font-size: .26rem;border-radius: .06rem;background-color: #ffffff;color: #bebebe;border: 1px solid #e5e5e5;width: 100%;}
.express-area a {display: block;width: 100%;line-height: 0.75rem;color: #bebebe;background: url(../lading-img/link-arrow.png) no-repeat 98% 50%;background-size: .2rem;}
.express-area dl {position: relative;margin: 0;}
.express-area dl dt {}
.express-area dl dd {margin-left: 0;color: #333333;}

/*选择地区弹层*/
.express-area-box {position: fixed;left: 0;z-index: 15;width: 100%;margin-left: 0;background-color: #fff;color: #4d525d;bottom: -100%;}
.express-area-box header {position: relative;border-bottom: 1px solid #e2e2e2;margin-bottom: 0.1rem;}
.express-area-box header h3 {font-size: .36rem;margin: 0 2rem;text-align: center;line-height: 1rem;font-weight: normal;}
.express-area-box header .back,
.express-area-box header .close {position: absolute;top: 50%;width: .27rem;height: 0.27rem;transform: translateY(-50%);}
.express-area-box header .back {display: none;left: 15px;background: url(../lading-img/back.png) no-repeat center;}
.express-area-box header .close {right: 15px;background: url(../lading-img/close-area.png) no-repeat center;}
.express-area-box article {height: 300px; overflow-y: scroll; }
.area-list {margin: 0;padding: 0;}
.area-list li {font-size: .32rem;list-style: none;border-bottom: 1px solid #e2e2e2;text-align: justify;padding: 0.15rem 0.3rem;}


/*遮罩层*/
.mask {display: none;position: fixed; top: 0; left: 0; z-index: 12; width: 100% !important; height: 100%; background-color: rgba(0,0,0,.5); }

.radio-box {display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;width: 100%;}
.loading-form-submit {padding: 0 .3rem;}
.loading-form-submit .loading-radio {flex-direction: column;align-items: flex-start;}
.loading-form-submit .loading-radio div {width: 100%;}
.radio-box label {width: 48%;font-size: .2rem;position: relative;margin-bottom: 0.2rem;border: 1px solid transparent;border-radius: 5px;}
.radio-box label.on {background-color: #fcfdfe;border-color: #126acb;}
.radio-box label input[type="radio"] {-webkit-appearance: none;margin: 0;padding: 0;width: 100%;}
.radio-box label span {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;text-align: center;color: #666666;font-size: 0.25rem;}
.radio-box label.on span {color: #126acb;}

/* 优惠 */
.yh-list {text-align: center;margin: .5rem 0 0;padding: .2rem 0 .12rem;box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);}
.yh-list h3 {font-size: .26rem;color: #333333;margin: 0;margin-bottom: 0.2rem;}
.yh-list h3 b {font-size: .26rem;color: #ff2f2f;}
.yh-list .swiper-container {height: 40px;}
.yh-list .swiper-slide {font-size: .22rem;height: 30px;color: #d1d1d1;}
.yh-list .swiper-slide-active {color: #333333;}

.honor-box {position: relative;}
.honor-box .swiper-honor {position: absolute;width: 96%;bottom: 20%;left: 50%;transform: translateX(-50%);}
.honor-box .honor-img {position: relative;}
.honor-box .honor-img::after {content: '';position: absolute;top: 0;left: 0;background: url(../lading-img/honor-border.png) no-repeat;width: 100%;height: 100%;background-size: 100% 100%;}
.honor-box .honor-img img {width: 100%;}
.honor-box .swiper-honor .swiper-pagination {bottom: -33%;width: 100%;}
.honor-box .swiper-honor .swiper-pagination .swiper-pagination-bullet {width: 8px;height: 8px;background-color: #ffffff;opacity: 1;margin: 0 5px;}
.honor-box .swiper-honor .swiper-pagination	.swiper-pagination-bullet-active {width: 30px;background-color: #20b6ff;border-radius: 10px;}

.about-box {position: relative;overflow: hidden;padding: .4rem .3rem 0;}
.about-box .about-con {position: absolute;background:  url(../lading-img/about-bg.png) no-repeat;color: #ffffff;font-size: 0.17rem;width: 58%;padding: 0.8rem 0.2rem;top: 1%;background-size: 100% 100%;line-height: 2;}

.about-box img {width: auto;float: right;}

#about {display: none;}
@media (max-width: 768px) {
	.about-box {display: none;}
	#about {display: block;}
}


/*-------------------------- chat --------------------------*/
.chat-online {position: fixed;bottom: 0;left: 0;width: 100%;z-index: 9;}
.chat-away {max-width: 750px;margin: 0 auto;font-size: 0; display: flex; justify-content: space-between;}
.chat-away-item {flex: 1;}
.chat-away-item:nth-of-type(1) {background-color: #d0021b;}
.chat-away-item:nth-of-type(2) {background-color: #126acb;}
.chat-away-item:nth-of-type(3) {background-color: #0e539e;}
.chat-away-item a {height: 1rem;line-height: 1rem;font-size: .28rem;color: #fff;display: flex;align-items: center;justify-content: center;}
.chat-away-item a i {font-size: .46rem;margin-right: 5px;}
.chat-away-item a p{margin: 0;}


.loading-content {margin-top: 0.5rem;padding: 0.4rem 0;text-align: center;background-color: #fbfbfb;}
.loading-content p {font-size: .16rem;color: #999999;margin: 0;margin-bottom: 0.1rem;}