.product-banner {background-color: #00B793; position: relative; color: #fff; background-position: center center; background-size: cover}
.product-banner .dyui-container {position: relative;  z-index: 2}
.banner-bottom {height: 350px; background-color: #fff; position: absolute; left: 0; right: 0; bottom: 0;}
@media screen and (max-width: 768px) {
    .banner-bottom {height: 100px;}
}


/* 邮箱购买 */
.body-mail .dyui-card {}
.body-mail .dyui-card .card-header {background-color: #eef9fe; border-top: solid 3px #218de8}
.dyui-form-mail .form-group {display: flex}
.dyui-form-mail .form-group .control-label {width: 100px; text-align: right; padding-right: 20px}
.dyui-form-mail .form-actions {display: flex; margin-top: 15px; margin-bottom: 15px}
.dyui-form-mail .form-actions .control-label {width: 100px; text-align: right; padding-right: 20px}
.dyui-form-mail .green {background-color: #ff5722 !important; border-color: #ff5722 !important; border-radius: 0;}



/*Banner*/

.product-bann {width: 100%; height: 300px; overflow: hidden; color: #fff; }
.bann-product-title {height: 70px; line-height: 70px; font-size: 44px; margin-top: 60px;}
.bann-product-title-txt {font-size: 20px; color: #fff; background-color: #20B09F; border-radius: 20px; padding: 2px 10px; margin-left: 5px;}
.bann-product-descrip {

    font-size: 18px;

    line-height: 52px;

}

.bann-product-btns {

    padding: 20px 0 0;}



.protal-btn-green {

    background-color: #20b09f;

    border-color: #20b09f;

    color: #fff;

}

.protal-btn {

    display: inline-block;

    width: 176px;

    height: 46px;

    line-height: 44px;

    text-align: center;

    font-size: 18px;

    position: relative;

    box-sizing: border-box;

    margin: 0 17px 0 0;

    cursor: pointer;

}

.product-video {

    position: absolute;

    right: 0;

    top: 0;

    width: 50%;

    height: 314px;

}

.product-video-a {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    opacity: 1;

}

.img-block img, .img-block svg {

    display: block;

    margin: 0 auto;

    max-width: 100%;

}

/*浜戝競鍦烘悳绱�*/
.search-cloud {}
.search-cloud .layui-input {width: 200px; height: 34px; line-height: 34px; border: solid 1px #eee; padding-left: 10px; float: left; margin-top: 8px; border-radius: 3px 0 0 3px;}
.search-cloud .layui-btn {float: left; margin-top: 8px; height: 34px; line-height: 34px; border-radius: 0 3px 3px 0;}

.product-znav {background-color: #FFF}
.product-znav ul li a {padding: 10px 20px; display: block;}
.product-znav ul li.active a {border-bottom: solid 1px #009688; color: #009688;}
@media screen and (max-width: 768px) {
    .product-znav {padding: 5px 0;}
    .product-znav ul li a {padding: 5px 20px;}
}

/*子栏目*/

.mail-znav {width: 100%; background-color: #fff;}

.mail-znav ul{ margin-left: 1px;}

.mail-znav li{ float: left; margin-left: -1px; border-left: 1px solid #dcdcdc; width: 173px;}

.mail-znav li a{ height:80px; width:100%; text-align: center; font-size:18px; color: #333; display: block; background-color: #fff;}

.mail-znav li span{ display: inline-block; line-height:75px}

.mail-znav li a img{ padding:19.5px 0;}

.mail-znav li span:after{ content:''; margin: 0 auto; display:none; width:80px; height: 2px; background-color: #0099ff;}

.mail-znav li a:hover{ color: #0099ff;}

.mail-znav li.on a{ color: #0099ff;}

.mail-znav li.on span:after{ display: block;}

.mail-znav li:first-child{ border: none;}



.product-tc .dtit {

    text-align: center;

    padding-bottom: 35px;

}

.product-tc .dtit h4 {

    font-weight: normal;

    color: #333;

    font-size: 28px;

    line-height: 28px;

}

.product-tc .dtit p {

    color: #666;

    font-size: 18px;

    line-height: 30px;

    margin-top: 10px;

}

.product-tc .dtit p span {

    display: block;

    color: #ff6800;

}

.product-tc .layui-col-md3 {margin-bottom: 15px;}



/*400电话*/

.product-tc {width: 100%; height: auto; overflow: hidden; background-color: #f6f9fa; padding: 40px 0;}

.product-tc .layui-col-md3 .o-m {border-top: solid 2px #f4621c; height: auto; overflow: hidden; padding-bottom: 20px; background-color: #fff;}



.product-tc .o-m{ width:288px; margin:0 auto; padding-top:30px;}

.product-tc .o-m-o {font-size:20px; color:#333; text-align:center; line-height:25px; padding-top:0px;}

.product-tc .o-m-o h3 {font-size: 20px; text-align: center; height: 40px; line-height: 40px; overflow: hidden;}

.product-tc .o-m-o span{ font-size:12px; color:#999; display:block;}



.product-tc .o-m-s {padding-bottom:20px; border-bottom:1px solid #f2f2f2; margin-bottom:20px; height: 114px;}

.product-tc .o-m-s p { color:#333; font-size:12px; line-height:24px; padding: 0 20px;}

.product-tc .o-m-s p span{ color: #ff6800;}

.product-tc .o-m-f{ text-align:center;}

.product-tc .o-m-f p{ color:#333; font-size:12px; line-height:32px; margin-bottom:5px; min-height: 40px;}

.product-tc.yjbj  .o-m-f p{ line-height: 40px;}

.product-tc .o-m-f span{ font-size:32px; color:#ff6800; line-height:32px; display:inline-block}

.product-tc .o-m-f i{color:#999; margin-left:10px; line-height:32px; display:inline-block;font-style: normal;}

.product-tc .o-m-f a{ width:230px; height:48px; line-height:48px; text-align:center; color:#fff; display:block; background:#ff6800; font-size:18px; -moz-border-radius:2px; -webkit-border-radius: 2px; border-radius:2px; margin:0 auto; }

.product-tc .o-m-f a:hover{ background:#e85f00}







/*新闻资讯*/

.product-news {overflow: hidden; height: auto; padding: 40px 0;}

.product-news-title {text-align: center; width: 500px; margin: 0 auto;}

.product-news-title .layui-elem-field legend {font-size: 30px;}

.product-news .newslist li {float: left; width: 460px; height: 70px; overflow: hidden;padding: 15px 0 15px 120px; margin-right: 40px; border-bottom: 1px dotted #e2e2e2;}

.product-news .newslist li .fly-avatar img {width: 110px; height: 70px;}

.product-news .newslist li:nth-child(2n) {margin-right: 0;}

.product-news .newslist li .list-badge {right: 0;}

.product-news .newslist li .list-info .desc {height: 40px;}



/*crm*/

.exam-o-problem-con {padding-bottom: 60px; height: auto; overflow: hidden;}
.exam-o-problem-con .box {padding: 40px 0; width: 590px;padding-bottom: 0;}

.exam-o-problem-con .box:before {

    content: '';

    float: left;

    display: block;

    width: 120px;

    height: 128px; background: url(../images/product/exam-3.png) no-repeat;

    background-position: 0 -355px;

    margin: 20px 26px 0 42px;

}

.exam-o-problem-con .box:before {

    width: 128px;

    height: 127px;

    background-position: 0 -633px;

    margin-left: 0;

    margin-top: 0;

}

.exam-o-problem-con .box:nth-child(2):before {

    height: 123px;

    background-position: 0 -760px;

}

.exam-o-problem-con .box-con {

    float: left; width: 432px; overflow: hidden;

}

.exam-o-problem-con h4 {color: #ff6800; font-size: 24px; font-weight: normal; line-height: 24px;}

.exam-o-problem-con ul {margin-top: 20px;}

.exam-o-problem-con li {font-size: 14px; color: #666; line-height: 17px; padding-left: 25px; margin: 12px 0 0 0; background: url(../images/product/exam-3.png) no-repeat; background-position: 0 -599px;}



.crm-app {width: 100%; height: auto; overflow: hidden; background: url(../images/product/exam-4.jpg) no-repeat top center; background-attachment: fixed;}

.exam-t{ padding-top: 84px; height: 456px; overflow: hidden;}

.exam-t-con{ background-color: #fff; height: 380px;}

.exam-t-con .fl{ width: 50%; height: 100%; background: url(../images/product/exam-6.png) center no-repeat #f7f7f7;}

.exam-t-con .fl {

    background: url(../images/product/exam-14.png) no-repeat center #f7f7f7;}

.exam-t-con .fr{ margin-top: 60px; color: #999;}

.exam-t-con .code{ float: left; text-align: center; font-size: 14px;}

.exam-t-con .code img{ padding: 18px; border: 1px solid #959595; width: 204px; height: 204px;}

.exam-t-con .code p{ padding-top: 10px;}

.exam-t-con .dow { float: left; margin: 0 30px;}

.exam-t-con .dow h4{ font-weight: normal;}

.exam-t-con .dow a{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; display: block; padding:10px 25px; border: 1px solid #00aaee; color: #00aaee; font-size: 18px; margin-top: 10px;}

.exam-t-con .dow a span{ display: inline-block; line-height: 37px; padding-left: 52px; background: url(../images/product/exam-3.png) no-repeat;}

.exam-t-con .dow a:hover{ background-color: #00aaee; color: #fff;}

.exam-t-con .dow p{ font-size: 12px; margin-top: 20px;}



.exam-s dl{ padding:60px 0; border-bottom:1px solid #e4e4e4; overflow: hidden;}

.exam-s dl.dl-s{ border-bottom:1px solid #e4e4e4; padding-bottom:40px; margin-bottom:0}

.exam-s dl.dl-f{ border-bottom:0; padding-bottom:45px; margin-bottom:0}

.exam-s dl h4{ color:#333; font-size:28px; line-height:30px; font-weight:normal; padding-top:88px;}

.exam-s dl p{ font-size:14px; color: #333; line-height:22px; padding-top:15px;}

.exam-s dl dd { position:relative;}

.exam-s dl dd.bounceInLeft span{ width:79px; height:178px; background:url(../images/crm-10.png) no-repeat; position:absolute; right:-40px; bottom:-40px;}

.exam-s dl dd.bounceInLeft { margin-left:45px;}

.exam-s dl dd.bounceInRight { margin-right:45px;}

.exam-s dl dt.bounceInLeft { margin-left:45px;}

.exam-s dl dt.bounceInRight { margin-right:45px;}

/*在线客服开始*/
.kkefu-banner {width: 100%;height: 420px;overflow: hidden;}
.kkefu-bann {width: 100%;height: 400px; background-repeat: no-repeat;background-position: center top;}
.bann-kkefutitle {height: 70px;line-height: 70px;

	font-size: 44px;

	margin-top: 60px;

}



.bann-kkefutitle-txt {

	font-size: 20px;

	background-color: #20B09F;

	border-radius: 20px;

	padding: 2px 10px;

	margin-left: 5px;

}



.bann-kkefudescrip {width: 400px; font-size: 14px; line-height: 200%;}



.bann-kkefubtns {

	padding: 20px 0 0;

}



.protal-btn-green {

	background-color: #20b09f;

	border-color: #20b09f;

}



.protal-btn {

	display: inline-block;

	width: 176px;

	height: 46px;

	line-height: 44px;

	text-align: center;

	font-size: 18px;

	position: relative;

	box-sizing: border-box;

	margin: 0 17px 0 0;

	cursor: pointer;

}



.kkefu-video {

	position: absolute;

	right: 0;

	top: 0;

	width: 50%;

	height: 314px;

}



.kkefu-video-a {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	opacity: 1;

}



.img-block img,

.img-block svg {

	display: block;

	margin: 0 auto;

	max-width: 100%;

}

.gncon {height: auto; overflow: hidden;}



.gncon li .thumb {border-radius: 100%;}
.gncon li .thumb i {font-size: 40px; display: block; width: 80px; height: 80px; line-height: 80px; color: #fff; border-radius: 100%; text-align: center; background-color: #55ae14;}

.gncon li .t {font-size: 18px; color: #333; line-height: 18px;}
.gncon li .c {font-size: 14px; color: #999; height: 40px; line-height: 20px; margin-top: 10px; overflow: hidden;}



.gncon li:nth-child(2) .thumb i {background-color: #f58529;}
.gncon li:nth-child(3) .thumb i {background-color: #56bdf7;}
.gncon li:nth-child(3) .thumb i {background-color: #e85a5a;}
.gncon li:nth-child(4) .thumb i {background-color: #3fc4c0;}
.gncon li:nth-child(5) .thumb i {background-color: #e6383a;}
.gncon li:nth-child(6) .thumb i {background-color: #1d0e57;}
.gncon li:nth-child(7) .thumb i {background-color: #612584;}
.gncon li:nth-child(8) .thumb i {background-color: #bdc981;}
.gncon li:nth-child(9) .thumb i {background-color: #406fd3;}
.gncon li:nth-child(10) .thumb i {background-color: #b130f8;}
.gncon li:nth-child(11) .thumb i {background-color: #af03c3;}
.gncon li:nth-child(12) .thumb i {background-color: #34127c;}



.kenews {height: auto; overflow: hidden; margin-bottom: 20px;}

.kenews .layui-tab {margin: 0;}
.kenews .layui-tab .more {float: right; line-height: 40px;font-size: 12px;color: #666;}
.kenews .layui-tab .layui-tab-title .layui-this {padding: 0;}
.kenews .layui-tab .layui-tab-title i {margin-right: 5px;}
.kenews .layui-tab-content {padding: 10px 15px; border: solid 1px #e6e6e6; border-top: none; overflow: hidden;}

.kenews .wzlb li {float: left; width: 100%; padding-right: 30px; height: 30px; line-height: 30px; overflow: hidden;}

.kenews .wzlb li:nth-child(3n) {padding-right: 0;}

.kenews .wzlb li .time {float: right;}
.kenews .wzlb li .layui-icon {padding-right: 5px;}

/*版块标题*/
.fieldset-title {margin: 30px auto 40px;width: 500px;
    text-align: center;}


.kkefu-llzc {padding: 50px 0;}

.kkefu-llzc .fieldset-title {margin: 20px auto 30px;}

.kkefu-llzc .layui-tab .layui-tab-title {float: left; width: 200px; min-height: 380px; overflow: hidden; border: none;}
.kkefu-llzc .layui-tab .layui-tab-title li {display: block; height: 50px; line-height: 50px;border-right: 3px solid #eee;font-size: 18px;}
.layui-tab-title .layui-this:after {display: none;}
.kkefu-llzc .layui-tab .layui-tab-title .layui-this {font-weight: bold; border-right: 3px solid #0061FF; color: #0061FF;}
.kkefu-llzc .layui-tab .layui-tab-content {float: right; width: 950px; padding: 0; height: 380px; overflow: hidden;}
.kkefu-llzc .layui-tab .layui-tab-content img {height: 363px;}
.kkefu-llzc .layui-tab-item {white-space: nowrap; overflow: auto;}

/*套餐价格*/
.kkefu-taocan .fieldset-body {display: flex;}
.kkefu-taocan .item {flex: 1;box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
    border-radius: 2px; height: auto; overflow: hidden;}
.kkefu-taocan .layui-col-space20>* {padding-bottom: 30px;}
.kkefu-taocan .item-head {padding: 20px 30px;
    background: url(../images/product/kefu-cloudsite-mad-01.png);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;}
.kkefu-taocan .item-head h3 {font-size: 20px; line-height: 30px; color: #fff;}
.kkefu-taocan .item-body {padding: 20px 30px;}
.item-body ul {margin-bottom: 15px;}
.item-body ul li {line-height: 30px; border-bottom: solid 1px #f5f5f5;}
.item-body ul li span {float: right;}
.kkefu-taocan .item-buy {border-top: 1px dashed #DDDDDD; padding: 15px 0;}
.kkefu-taocan .item-buy .item-buy-price {display: inline-block;}
.kkefu-taocan .item-buy .item-buy-price .price-now {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 3px;
}
.kkefu-taocan .item-buy .item-buy-price .price-now em {
    color: #F66F6A;
    font-style: normal;
}
.kkefu-taocan .item-buy .item-buy-price .price-now span {
    font-size: 24px;
    line-height: 28px;
}
.item-buy-btn {float: right;}


/*弹出层演示*/
.layer-demo {display: none; padding: 20px;}
.layer-demo dl {float: left; border: solid 1px #eee; margin: 10px; width: 200px; text-align: center;}
.layer-demo dl dt {height: 30px; line-height: 30px; background-color: #F8F8F8; border-bottom: solid 1px #eee;}
.layer-demo dl dd {padding: 10px;}
.layer-demo dl dd img {max-width: 100%;}
.layer-demo dl.go dd {padding: 0 0 10px 0;}


.domain-main-top {overflow: hidden; margin: 40px auto;}
.h3-title {overflow: hidden; height: auto;}
.h3-title h3 {font-size: 24px; text-align: center;}
.h3-title p {
    text-align: center;
    color: #666;
    margin: 12px 0 30px;
    line-height: 24px;
}

/*SSL*/
.ssl-tc {overflow: hidden; margin: 30px 0;}
.ssl-tc table thead tr th {position: relative;}
.ssl-tc table thead tr th:nth-child(2) {background-color: #009688;}
.ssl-tc table thead tr th:nth-child(3) {background-color: #01AAED;}
.ssl-tc table thead tr th:nth-child(4) {background-color: #FF5722;}
.ssl-tc table thead tr th:nth-child(5) {background-color: #2F4056;}
.ssl-tc table thead tr th:nth-child(4) div {position: absolute; top: -20px; left: 0; width: 276px; height: 60px; line-height: 70px; background-color: #FF5722;}
.ssl-tc table tr td {text-align: center;}
.ssl-tc table tr th {text-align: center; color: #fff; font-size: 20px;}

.ssl-tc .layui-table td, .taocan .layui-table th {padding: 10px 15px;}

.ssl-tc-ys ul li {text-align: center;}
.ssl-tc-ys ul li i {display: block; margin: 20px auto 20px;
    text-align: center;
    width: 52px;
    height: 50px;
}
.ssl-tc-ys ul li h3 {
    font-size: 20px;
    color: #222222;
    font-weight: bold;
    text-align: center;
    display: block;
}

/*产品列表*/
.product-list li .t {text-align: center;line-height: 40px;height: 30px;overflow: hidden;font-size: 16px; font-weight: bold}
.product-list li .price {text-align: center;line-height: 30px;font-size: 14px;color: #f00;}




/*企业微信*/

/*首页重点服务*/
.zdfuwu {width: 100%; height: auto; overflow: hidden; background-color: #f6f7f9;}
@media screen and (min-width: 992px) {
    .zdfuwu .layui-col-md2 {width: 20%;}
}
.zdfuwu ul li {border-left: 1px solid #dadee4;}
.zdfuwu ul li:nth-child(5n) {border-right: 1px solid #dadee4; width: 234px;}
.zdfuwu ul li a {display: block; padding: 30px 15px 24px;}
.zdfuwu ul li i {float: left; margin-right: 10px; background-color: #3D78F0; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 24px; border-radius: 5px;}
.zdfuwu ul li i img {width: 30px; height: 30px;}
.zdfuwu ul li h2 {font-size: 18px; font-weight: 400; position: relative;}
.zdfuwu ul li p {color: #999}
.zdfuwu ul li a:hover i {background-color: #ED3928}
.zdfuwu ul li a:hover h2 {color: #ED3928}


.bann-daili {width: 100%; height: 580px; background: url("../images/bann-daili.jpg") no-repeat center top}
.body-daili .zdfuwu {background-color: #ED3529; color: #fff}
.body-daili .zdfuwu ul li {border-left: solid 1px #ff564b}
.body-daili .zdfuwu ul li a {padding: 30px 15px 24px 50px}
.body-daili .zdfuwu ul li:last-of-type {border-right: solid 1px #ff564b}
.body-daili .zdfuwu ul li i {color: #fff; font-size: 30px; background: none}
.body-daili .zdfuwu ul li img {width: 34px; height: 34px}
.body-daili .zdfuwu ul li h2 {color: #fff}
.body-daili .zdfuwu ul li p {color: #ffb1ac}
.body-daili .zdfuwu ul li a:hover i {font-size: 38px}
.body-daili .zdfuwu ul li a:hover img {width: 38px; height: 38px}
.body-daili .zdfuwu ul li a:hover h2 {color: #fff}




/* 璐拱鏁伴噺妗� */
.bootstrap-touchspin {display: flex; align-items: center}
.bootstrap-touchspin .input-group-btn {background-color: #f1f1f1; text-align: center;}
.bootstrap-touchspin .input-group-btn .btn {border: solid 1px #cccccc; background-color: #f1f1f1; text-align: center; width: 30px; border-radius: 0}
.bootstrap-touchspin .form-control {max-width: 60px; border: solid 1px #ccc; margin-left: -2px !important; margin-right: -1px; text-align: center; border-radius: 0 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;}


.daili-zhengce {padding: 40px 0; height: auto; overflow: hidden}
.daili-zhengce .item .box {background-color: #F5F5F5}
.daili-zhengce .item .box .item-header {background: linear-gradient(top, #3FCBFF, #2AA7FF);
    background: -ms-linear-gradient(top, #3FCBFF, #2AA7FF);
    background: -webkit-linear-gradient(top, #3FCBFF, #2AA7FF);
    background: -moz-linear-gradient(top, #3FCBFF, #2AA7FF); text-align: center; padding: 30px 20px; border-radius: 10px 10px 0 0; color: #fff}
.daili-zhengce .item:nth-child(2) .box .item-header {
    background: linear-gradient(top, #D08DFF, #C16BFF);
    background: -ms-linear-gradient(top, #D08DFF, #C16BFF);
    background: -webkit-linear-gradient(top, #D08DFF, #C16BFF);
    background: -moz-linear-gradient(top, #D08DFF, #C16BFF);}
.daili-zhengce .item:nth-child(3) .box .item-header {
    background: linear-gradient(top, #FFCC00, #FF9900);
    background: -ms-linear-gradient(top, #FFCC00, #FF9900);
    background: -webkit-linear-gradient(top, #FFCC00, #FF9900);
    background: -moz-linear-gradient(top, #FFCC00, #FF9900);}
.daili-zhengce .item:nth-child(4) .box .item-header {
    background: linear-gradient(top, #FFB45C, #FF5C5C);
    background: -ms-linear-gradient(top, #FFB45C, #FF5C5C);
    background: -webkit-linear-gradient(top, #FFB45C, #FF5C5C);
    background: -moz-linear-gradient(top, #FFB45C, #FF5C5C);}
.daili-zhengce .item .item-header h3 {font-size: 22px; height: 30px; line-height: 30px}
.daili-zhengce .item .item-header p {height: 30px; line-height: 30px}
.daili-zhengce .item .item-header .price {font-size: 30px}
.daili-zhengce .item .item-header .price strong {color: #FFF; font-size: 40px}
.daili-zhengce .item .item-body {padding: 20px}
.daili-zhengce .item ul li {height: 24px; line-height: 24px}
.daili-zhengce .dyui-main-body {padding: 30px 0 20px}


.daili-youshi {background-color: #ffebe8; height: auto; overflow: hidden; padding: 40px 0}
.daili-youshi .dyui-main-body {padding: 30px 0 20px}
.daili-youshi ul li {text-align: center}
.daili-youshi ul li .box {background-color: #fff;box-shadow: 0 1px 7px 0 rgba(56,56,56,.14); padding: 30px 20px; border-radius: 10px}
.daili-youshi ul li i {font-size: 50px; color: #9E55FE}
.daili-youshi ul li:nth-child(2) i {font-size: 50px; color: #FF745C}
.daili-youshi ul li:nth-child(3) i {font-size: 50px; color: #37BDFF}
.daili-youshi ul li:nth-child(4) i {font-size: 50px; color: #FFB000}
.daili-youshi ul li img {width: 50px; height: 50px}
.daili-youshi ul li h3 {font-size: 18px; font-weight: bold; height: 40px; line-height: 40px; margin-top: 10px}
.daili-youshi ul li p {font-size: 15px; color: #888; line-height: 180%;}
.daili-youshi ul li:hover i {opacity: 0.8}


/*加盟产品*/
.daili-product {height: auto; overflow: hidden; padding: 40px 0}
.daili-product .dyui-main-body {padding: 30px 0 20px}
.daili-product ul li {text-align: center}
.daili-product ul li .box {background-color: #fff; border-top: solid 1px #9E55FE; box-shadow: 0 1px 7px 0 rgba(56,56,56,.14); padding: 30px 20px;}
.daili-product ul li i {font-size: 50px; color: #9E55FE}
.daili-product ul li:nth-child(2) i {font-size: 50px; color: #FF745C}
.daili-product ul li:nth-child(2) .box {border-top: solid 1px #FF745C;}
.daili-product ul li:nth-child(3) i {font-size: 50px; color: #37BDFF}
.daili-product ul li:nth-child(3) .box {border-top: solid 1px #37BDFF;}
.daili-product ul li:nth-child(4) i {font-size: 50px; color: #FFB000}
.daili-product ul li:nth-child(4) .box {border-top: solid 1px #FFB000;}
.daili-product ul li:nth-child(6) i {font-size: 50px; color: #FF745C}
.daili-product ul li:nth-child(6) .box {border-top: solid 1px #FF745C;}
.daili-product ul li:nth-child(7) i {font-size: 50px; color: #37BDFF}
.daili-product ul li:nth-child(7) .box {border-top: solid 1px #37BDFF;}
.daili-product ul li:nth-child(8) i {font-size: 50px; color: #FFB000}
.daili-product ul li:nth-child(8) .box {border-top: solid 1px #FFB000;}
.daili-product ul li img {width: 50px; height: 50px}
.daili-product ul li h3 {font-size: 18px; font-weight: bold; height: 40px; line-height: 40px; margin-top: 10px; overflow: hidden}
.daili-product ul li p {font-size: 15px; color: #888; line-height: 180%;}
.daili-product ul li:hover i {opacity: 0.8}
.daili-product ul li:hover .box {border-top-width: 2px; margin-top: -1px}

.daili-lioucheng {background: url("../product/images/daili-lc-bg.png") no-repeat center 250px #FFEBE8; width: 100%; height: auto; overflow: hidden; padding: 40px 0}
.daili-lioucheng .dyui-main-body {padding: 30px 0 20px}
.daili-lioucheng ul {margin: 0 50px}
.daili-lioucheng ul li {text-align: center}
.daili-lioucheng ul li i {font-size: 60px; background-color: #fff; padding: 25px; border-radius: 100px; width: 90px; height: 90px; line-height: 100px; text-align: center; color: #C87CFF}
.daili-lioucheng ul li:nth-child(2) i {color: #33B7FF}
.daili-lioucheng ul li:nth-child(3) i {color: #FFAD00}
.daili-lioucheng ul li:nth-child(3) i {color: #FF665C}
.daili-lioucheng ul li h3 {font-size: 20px; height: 50px; line-height: 50px; overflow: hidden}



/*加盟联系*/
.daili-contact {height: auto; overflow: hidden; padding: 50px 0}




/*企微助手*/
.body-daili .header {background-color: #E22328; color: #fff}
.body-qiwei .logo a {background: url("../images/logo2.png") no-repeat left center; background-size: contain}
.qiwei-gntx {overflow: hidden}
.qiwei-gntx-lb {overflow: hidden; margin-top: 20px}
@media screen and (min-width:970px){
    .qiwei-gntx-lb ul li {width: 12.5%}
}
.qiwei-gntx-lb ul li .box {background-color: #DFEAFA; border-radius: 5px; text-align: center; padding: 20px}
.qiwei-gntx-lb ul li img {width: 50px; height: 50px}
.qiwei-gntx-lb ul li p {height: 30px; line-height: 30px}
.qiwei-gntx-lb ul li:nth-child(2) .box {background-color: #FFF1DD;}
.qiwei-gntx-lb ul li:nth-child(3) .box {background-color: #DDF4EA;}
.qiwei-gntx-lb ul li:nth-child(4) .box {background-color: #DFEAFA;}
.qiwei-gntx-lb ul li:nth-child(5) .box {background-color: #FBDFE3;}
.qiwei-gntx-lb ul li:nth-child(6) .box {background-color: #FFF1DD;}
.qiwei-gntx-lb ul li:nth-child(7) .box {background-color: #FBDFE3;}
.qiwei-gntx-lb ul li:nth-child(8) .box {background-color: #DDF4EA;}
.qiwei-gntx-lb ul li:nth-child(9) .box {background-color: #fadfdf;}
.qiwei-gntx-lb ul li:nth-child(10) .box {background-color: #DFEAFA;}
.qiwei-gntx-lb ul li:nth-child(11) .box {background-color: #FFF1DD;}
.qiwei-gntx-lb ul li:nth-child(12) .box {background-color: #FBDFE3;}
.qiwei-gntx-lb ul li:nth-child(13) .box {background-color: #ddf4e1;}
.qiwei-gntx-lb ul li:nth-child(14) .box {background-color: #e5ddf4;}
.qiwei-gntx-lb ul li:nth-child(15) .box {background-color: #efddf4;}
.qiwei-gntx-lb ul li:nth-child(16) .box {background-color: #e6f4dd;}
.qiwei-gntx-lb ul li:nth-child(17) .box {background-color: #f4ddea;}
.qiwei-gntx-lb ul li:nth-child(18) .box {background-color: #DDF4EA;}
.qiwei-gntx-lb ul li:nth-child(19) .box {background-color: #f4f4dd;}
.qiwei-gntx-lb ul li:nth-child(20) .box {background-color: #f4eadd;}
.qiwei-gntx-lb ul li:nth-child(21) .box {background-color: #dde7f4;}
.qiwei-gntx-lb ul li:nth-child(22) .box {background-color: #f4dfdd;}

.gntx-lb-item {overflow: hidden; padding: 40px 0;}

.qiwei-gntx-text h3 {font-size: 24px; font-weight: bold; padding-bottom: 10px; margin:20px 0 30px; line-height: 120%}
.qiwei-gntx-text h3:after {content: ''; border-bottom: solid 5px #E22427; width: 200px; display: block; margin-top: 10px}
.qiwei-gntx-text ul li {font-size: 18px; color: #333; line-height: 150%; padding: 10px 0}
.qiwei-gntx-text ul li i {color: #E22427; margin-right: 10px; font-size: 22px}

.qiwei-gntx-img img {max-width: 100%}


.qiwei-bottom {width: 100%; height: 210px; padding: 50px 0; box-sizing: border-box ; background: url("../images/product/qiwei-bottom-bg.png") no-repeat center top; color: #fff; text-align: center}
.qiwei-bottom h3 {font-size:30px; height: 40px; line-height: 40px; overflow: hidden; margin-bottom: 20px}
.qiwei-bottom p {font-size: 20px; line-height: 160%}




/*响应式-移动端开始*/
@media screen and (max-width: 750px) {
    .header {height: 44px;top: 0px;
        left: 0px;
        position: fixed;
        z-index: 19;}
    .header .head {height: 40px; padding: 2px 0; display: flex;
        width: 100%;
        height: 44px;
        text-align: center;
    }
    .header .m-title {font-size: 18px;height: 44px;line-height: 44px;overflow: hidden;width: 100%;padding: 0px 38px 0px 38px;
        text-align: center;
        font-weight: 400;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #FFF; box-sizing: border-box;
    }
    .site-tree-mobile {
        width: 44px;
        height: 44px;
        line-height: 44px;
        font-family: "hui-font";
        flex-shrink: 0;
    }
    .site-tree-mobile i {color: #fff}

    .logo {height: 40px; padding: 0 0 0 10px; width: 100%;}
    .logo a {height: 30px; margin-top: 5px}
    .header-line {height: 44px; display: block;}

    .banner {height: 200px}
    .banner .swiper-slide {background-size: cover !important}

    .bann-daili {
        height: 180px;
        background: url(../images/bann-daili.jpg) no-repeat center top / cover;
    }

    .body-daili .zdfuwu ul li {border-left: none; border-bottom: solid 1px #ff564b}
    .body-daili .zdfuwu ul li:last-of-type {border-right: none}
    .body-daili .zdfuwu ul li a {padding: 20px 0 20px}
    /*加盟产品*/
    .daili-product .layui-col-space30 {margin: -5px}
    .daili-product .layui-col-space30>* {padding: 5px}
    .daili-product ul li .box {padding: 20px 10px}
    .daili-product ul li p {line-height: 150%}

    /*加盟政策*/
    .daili-zhengce .layui-col-space30 {margin: -5px}
    .daili-zhengce .layui-col-space30>* {padding: 5px}
    .daili-zhengce .item .item-header .price {font-size: 20px}
    .daili-zhengce .item .item-header .price strong {font-size: 30px}
    .daili-zhengce .dyui-main-body {padding: 10px}
    .daili-zhengce .item .item-body {padding: 14px 10px}
    .daili-zhengce .item .box .item-header {padding: 30px 15px}
    .daili-lioucheng ul {margin: 0}


    .footer .foot .lx {padding: 0}
    .footer {margin-bottom: 44px}

}


@media screen and (max-width: 970px) and (min-width:750px){

    .layui-container {padding: 0}
    .menu {width: 500px; margin-top: 15px; height: 60px}
    .menu .layui-nav {padding: 0}

}
/*响应式-移动端结束*/



/* 邮箱购买 */
.body-mail .dyui-card {}
.body-mail .dyui-card .card-header {background-color: #eef9fe; border-top: solid 3px #218de8}
.body-mail .form-mail-buy .form-group {padding-top: 5px; padding-bottom: 5px;}
.body-mail .form-mail-buy .form-group .control-label {font-size: 16px; flex-shrink: 0}
.body-mail .form-mail-buy .form-group .form-control {padding: .6rem .75rem;}
.body-mail .form-mail-buy .form-group .form-text {margin-top: 5px; font-size: 14px}
.body-mail .form-mail-buy .form-group.form-group-number .form-control {width: 80px}
.body-mail .form-mail-buy .form-group.form-group-number button {background-color: #F9F9F9; border:solid 1px #CCCCCC; border-radius: 0; height: 100%;}
.body-mail .form-mail-buy .form-group.form-group-number button:hover {background-color: #ABABABFF !important; color: #000}
.body-mail .form-mail-buy .group-num .config-time {display: flex;border-left: solid 1px #dedede}
.body-mail .form-mail-buy .group-num .btn {border: solid 1px #dedede; border-left: none; border-radius: 0; padding: 8px 25px; position: relative}
.body-mail .form-mail-buy .group-num .btn i {position: absolute; top:-22px; right:0; z-index: 1; background-color: #FE7A00; color: #fff; font-size: 12px; padding:2px 10px; border-radius: 3px; font-style: initial;}
.body-mail .form-mail-buy .group-num .btn i:after {content: '';width: 0px; height: 0px; border-style: solid; border-width: 10px 8px 0 8px; border-color: #FE7A00 transparent transparent transparent; position: absolute; bottom: -8px; left: 50%; margin-left: -8px}
.body-mail .form-mail-buy .group-num .btn.active {background-color: #3091F2; color: #fff}
.body-mail .form-mail-buy .form-group-price small {font-size: 1em}
@media screen and (max-width: 769px) {
   .body-mail .form-mail-buy .form-group-number {width: 160px}
   .body-mail .form-mail-buy .form-group .control-label {margin-bottom: 5px}
   .body-mail .form-mail-buy .group-num .config-time {width: 100%}
   .body-mail .form-mail-buy .group-num .btn {padding: 8px 16px; flex: 1}
}


.mail-state .state-column .column-list li {border-right: 1px solid #e0e0e0;}
.mail-state .state-column .column-list li:last-child {
    border-right: 0;
}
.mail-state .state-column .column-list li .list-top {padding: 20px; text-align: center}
.mail-state .state-column .column-list li dl {
    margin-top: 20px;
    border-top: 1px solid #e0e0e0;
    text-align: left; padding: 10px 20px 0 20px;
}
.mail-state .state-column .column-list li dl dt {
    padding-top: 10px; padding-left: 16px;
    font-size: 16px; font-weight: initial;
    color: #323232;
    position: relative;
}
.mail-state .state-column ul li dl dt i {color: #2493E9}
.mail-state .state-column .column-list li dl dt::before {
    content: ""; width: 8px; height: 8px; background: url('../images/mail/newmail-icon.png') no-repeat -50px -108px; position: absolute; top: 20px; left: 0;
}
.mail-state .state-column .column-list li dl dd {padding-left: 16px; color: #999}


.mail-advantage {
    position: relative; padding: 60px 0 100px;
}
.mail-advantage .dyui-container {z-index: 2; position: relative}
.mail-advantage::before {
    content: "";
    width: 100%;
    height: 250px;
    background: url(../images/mail/newmail-advantage-bg1.jpg) no-repeat top center;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50%;
    z-index: 1;
}
.mail-advantage::after {
    content: "";
    width: 100%;
    height: 510px;
    background: url(../images/mail/newmail-advantage-bg2.jpg) no-repeat bottom center;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -50%;
    z-index: 1;
}
.mail-advantage ul li:hover .thumb {
    transition: all .3s
    cubic-bezier(0.4, 0, .2, 1) 0s;
}
.mail-advantage ul li .thumb {
    margin: 15px auto 10px;
    width: 90px;
    height: 90px;
    border-radius: 46px;
    background: url('../images/mail/newmail-icon.png') no-repeat;
    box-shadow: 0 3px 5px 0 rgba(100, 100, 100, .11);
}
.mail-advantage ul li.item-one .thumb {
    background-position: -72px 0;
}
.mail-advantage ul li:hover.item-one .thumb {
    background-position: -72px -100px;
}
.mail-advantage ul li.item-two .thumb {
    background-position: -172px 0;
}
.mail-advantage ul li:hover.item-two .thumb {
    background-position: -172px -100px;
}
.mail-advantage ul li.item-three .thumb {
    background-position: -272px 0;
}
.mail-advantage ul li:hover.item-three .thumb {
    background-position: -272px -100px;
}
.mail-advantage ul li.item-four .thumb {
    background-position: -372px 0;
}
.mail-advantage ul li:hover.item-four .thumb {
    background-position: -372px -100px;
}
.mail-advantage ul li.item-five .thumb {
    background-position: -472px 0;
}
.mail-advantage ul li.item-five .thumb {
    background-position: -472px 0;
}
.mail-advantage ul li.item-six .thumb {
    background-position: -572px 0;
}
.mail-advantage ul li:hover.item-six .thumb {
    background-position: -572px -100px;
}
.mail-advantage ul li.item-seven .thumb {
    background-position: -672px 0;
}
.mail-advantage ul li:hover.item-seven .thumb {
    background-position: -672px -100px;
}
.mail-advantage ul li.item-eight .thumb {
    background-position: -672px -200px;
}
.mail-advantage ul li:hover.item-eight .thumb {
    background-position: -672px -300px;
}
.mail-advantage ul li.item-nine .thumb {
    background-position: -672px -400px;
}
.mail-advantage ul li:hover.item-nine .thumb {
    background-position: -672px -500px;
}

.mail-advantage ul li .desc {color: #666}


.mail-state .state-column .column-list li .cl-img {
    margin: -20px auto 0;
    width: 214px;
    height: 214px;
    background: url(../images/mail/newmail-icon.png) no-repeat;
}
.mail-state .state-column .column-list li .cl-img.cl-img1 {
    background-position: 0 -200px;
}
.mail-state .state-column .column-list li .cl-img.cl-img2 {
    background-position: -224px -200px;
}
.mail-state .state-column .column-list li .cl-img.cl-img3 {
    background-position: -448px -200px;
}
.mail-state .state-column .column-list li .cl-img.cl-img4 {
    background-position: 0 -424px;
}
.mail-state .state-column .column-list li .cl-img.cl-img5 {
    background-position: -224px -424px;
}
.mail-state .state-column .column-list li .cl-img.cl-img6 {
    background-position: -448px -424px;
}

.mail-state .state-column .column-list li .cl-title {
    padding-top: 4px;
    font-size: 20px;
    color: #000;
}

/* 预约挂号 */
.text-gradient {
	background: linear-gradient(135deg, #0066CC 0%, #00A8E8 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}
.guahao-navbar {padding: 1rem 0; transition: all 0.3s ease; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-top: solid 1px #ddd;}
.guahao-navbar.scrolled {
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 5px 30px rgba(0, 102, 204, 0.1);
}
.guahao-navbar .navbar-brand {
	font-weight: 700;
	font-size: 1.25rem;
	color: #0066CC !important;
}
.guahao-navbar .nav-link {
	font-weight: 500;
	color: #1A1A2E !important;
	padding: 0.5rem 1rem !important;
	transition: color 0.3s ease;
}
.guahao-navbar .nav-link:hover {
	color: #0066CC !important;
}
.guahao-hero {
	position: relative; padding: 135px 0;
	background: linear-gradient(135deg, #F0F8FF 0%, #E6F3FF 50%, #F0F8FF 100%);
	overflow: hidden;
}
.guahao-hero .hero-gradient {
	position: absolute;
	top: -50%;
	right: -20%;
	width: 80%;
	height: 150%;
	background: radial-gradient(ellipse at center, rgba(0, 102, 204, 0.1) 0%, transparent 70%);
	pointer-events: none;
}
.guahao-hero .hero-shapes {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	pointer-events: none;
}
.guahao-hero .shape {
	position: absolute;
	border-radius: 50%;
	opacity: 0.5;
}
.guahao-hero .shape-1 {
	width: 400px;
	height: 400px;
	background: linear-gradient(135deg, rgba(0, 102, 204, 0.1) 0%, rgba(0, 168, 232, 0.1) 100%);
	top: -100px;
	right: -100px;
	animation: float 8s ease-in-out infinite;
}
.guahao-hero .shape-2 {
	width: 300px;
	height: 300px;
	background: linear-gradient(135deg, rgba(0, 212, 170, 0.1) 0%, rgba(0, 168, 232, 0.1) 100%);
	bottom: -50px;
	left: -50px;
	animation: float 6s ease-in-out infinite reverse;
}
.guahao-hero .shape-3 {
	width: 200px;
	height: 200px;
	background: linear-gradient(135deg, rgba(0, 102, 204, 0.08) 0%, rgba(0, 212, 170, 0.08) 100%);
	top: 40%;
	left: 30%;
	animation: float 10s ease-in-out infinite;
}
@keyframes float {
	0%, 100% {
		transform: translateY(0) rotate(0deg);
	}
	50% {
		transform: translateY(-30px) rotate(5deg);
	}
}
.guahao-hero .hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 1rem;
	background: rgba(0, 102, 204, 0.1);
	border-radius: 50px;
	font-size: 0.875rem;
	color: #0066CC;
	margin-bottom: 1.5rem;
}
.guahao-hero .hero-badge i {
	color: #00D4AA;
}
.guahao-hero .hero-title {
	font-size: 3.5rem;
	font-weight: 800;
	line-height: 1.2;
	margin-bottom: 1.5rem;
}
.guahao-hero .hero-desc {
	font-size: 1.125rem;
	color: #6C757D;
	margin-bottom: 2rem;
	line-height: 1.8;
}
.guahao-hero .hero-actions {
	display: flex;
	gap: 1rem;
	margin-bottom: 2rem;
}
.guahao-hero .hero-features {
	display: flex;
	gap: 2rem;
}
.guahao-hero .hero-feature {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: #6C757D;
}
.guahao-hero .hero-feature i {
	color: #0066CC;
}
.guahao-hero .hero-visual {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 600px;
}
.guahao-hero .visual-card {
	position: absolute;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(20px);
	padding: 1rem 1.5rem;
	border-radius: 16px;
	display: flex;
	align-items: center;
	gap: 1rem;
	box-shadow: 0 20px 60px rgba(0, 102, 204, 0.15);
	animation: cardFloat 4s ease-in-out infinite;
	z-index: 2;
}
.guahao-hero .visual-card .card-icon {
	width: 50px;
	height: 50px;
	background: linear-gradient(135deg, #0066CC 0%, #00A8E8 100%);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 1.25rem;
}
.guahao-hero .visual-card .card-title {
	font-weight: 700;
	font-size: 1rem;
}
.guahao-hero .visual-card .card-desc {
	font-size: 0.8rem;
	color: #6C757D;
}
.guahao-hero .card-1 {
	top: 5%;
	left: 0;
	animation-delay: 0s;
}
.guahao-hero .card-2 {
	top: 15%;
	right: 0;
	animation-delay: 1s;
}
.guahao-hero .card-3 {
	bottom: 10%;
	left: 5%;
	animation-delay: 2s;
}
@keyframes cardFloat {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-10px);
	}
}
.guahao-hero .visual-phone {
	position: relative;
	z-index: 3;
}
.guahao-hero .phone-screen {
	width: 300px;
	background: white;
	border-radius: 30px;
	overflow: hidden;
	box-shadow: 0 40px 100px rgba(0, 102, 204, 0.25);
}
.guahao-hero .phone-header {
	background: linear-gradient(135deg, #0066CC 0%, #00A8E8 100%);
	padding: 2rem 1.5rem 1rem;
	text-align: center;
}
.guahao-hero .phone-title {
	color: white;
	font-weight: 600;
	font-size: 1.1rem;
}
.guahao-hero .phone-body {
	padding: 1rem;
}
.guahao-hero .phone-search {
	background: #f5f5f5;
	border-radius: 25px;
	padding: 0.75rem 1rem;
	display: flex;
	align-items: center;
	color: #6C757D;
	font-size: 0.85rem;
	margin-bottom: 1rem;
}
.guahao-hero .phone-search i {
	margin-right: 0.75rem;
}
.guahao-hero .phone-tabs {
	display: flex;
	gap: 0.5rem;
	margin-bottom: 1rem;
	overflow-x: auto;
}
.guahao-hero .phone-tabs span {
	padding: 0.5rem 1rem;
	background: #f5f5f5;
	border-radius: 20px;
	font-size: 0.8rem;
	white-space: nowrap;
	color: #6C757D;
}
.guahao-hero .phone-tabs span.active {
	background: linear-gradient(135deg, #0066CC 0%, #00A8E8 100%);
	color: white;
}
.guahao-hero .phone-list {
	padding: 0;
}
.guahao-hero .phone-item {
	display: flex;
	align-items: center;
	background: #f8f9fa;
	border-radius: 12px;
	padding: 0.75rem;
	margin-bottom: 0.5rem;
}
.guahao-hero .item-avatar {
	width: 40px;
	height: 40px;
	background: linear-gradient(135deg, #0066CC 0%, #00A8E8 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	margin-right: 0.75rem;
}
.guahao-hero .item-info {
	flex: 1;
}
.guahao-hero .item-name {
	font-weight: 600;
	font-size: 0.9rem;
}
.guahao-hero .item-tag {
	font-size: 0.7rem;
	background: rgba(0, 102, 204, 0.1);
	color: #0066CC;
	padding: 0.15rem 0.5rem;
	border-radius: 10px;
	margin-left: 0.25rem;
}
.guahao-hero .item-dept {
	font-size: 0.75rem;
	color: #6C757D;
}
.guahao-hero .item-fee {
	font-size: 0.75rem;
	color: #00D4AA;
	font-weight: 600;
}
.guahao-hero .item-btn {
	padding: 0.4rem 1rem;
	background: linear-gradient(135deg, #0066CC 0%, #00A8E8 100%);
	color: white;
	border-radius: 20px;
	font-size: 0.8rem;
	font-weight: 500;
}
.guahao-section-badge {
	display: inline-block;
	padding: 0.5rem 1.5rem;
	background: rgba(0, 102, 204, 0.1);
	border-radius: 50px;
	font-size: 0.875rem;
	color: #0066CC;
	font-weight: 600;
	margin-bottom: 1rem;
}
.guahao-section-title {
	font-size: 2.5rem;
	font-weight: 800;
	margin-bottom: 1rem;
}
.guahao-section-desc {
	font-size: 1.125rem;
	color: #6C757D;
	max-width: 600px;
}
.guahao-value-card {
	background: white;
	border-radius: 24px;
	padding: 2.5rem;
	text-align: center;
	transition: all 0.4s ease;
	border: 1px solid rgba(0, 102, 204, 0.1);
	height: 100%;
}
.guahao-value-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 30px 60px rgba(0, 102, 204, 0.15);
	border-color: #0066CC;
}
.guahao-value-card .guahao-value-icon {
	width: 80px;
	height: 80px;
	background: linear-gradient(135deg, #0066CC 0%, #00A8E8 100%);
	border-radius: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1.5rem;
	font-size: 2rem;
	color: white;
}
.guahao-value-card h4 {
	font-weight: 700;
	margin-bottom: 1rem;
}
.guahao-value-card p {
	color: #6C757D;
	margin-bottom: 0;
	line-height: 1.7;
}
.guahao-features-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
}
.guahao-features-grid .guahao-feature-item {
	background: white;
	border-radius: 20px;
	padding: 2rem;
	text-align: center;
	transition: all 0.3s ease;
	border: 1px solid rgba(0, 102, 204, 0.08);
}
.guahao-features-grid .guahao-feature-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 40px rgba(0, 102, 204, 0.1);
	border-color: #0066CC;
}
.guahao-features-grid .guahao-feature-icon {
	width: 60px;
	height: 60px;
	background: rgba(0, 102, 204, 0.1);
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1rem;
	font-size: 1.5rem;
	color: #0066CC;
	transition: all 0.3s ease;
}
.guahao-features-grid .guahao-feature-item:hover .guahao-feature-icon {
	background: linear-gradient(135deg, #0066CC 0%, #00A8E8 100%);
	color: white;
}
.guahao-features-grid .guahao-feature-item h5 {
	font-weight: 700;
	margin-bottom: 0.5rem;
}
.guahao-features-grid .guahao-feature-item p {
	font-size: 0.9rem;
	color: #6C757D;
	margin-bottom: 0;
}
.guahao-solution-card {
	background: white;
	border-radius: 24px;
	padding: 2.5rem;
	height: 100%;
	transition: all 0.4s ease;
	border: 2px solid transparent;
	position: relative;
	overflow: hidden;
}
.guahao-solution-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 30px 60px rgba(0, 102, 204, 0.15);
}
.guahao-solution-card.featured {
	border-color: #0066CC;
	background: linear-gradient(135deg, rgba(0, 102, 204, 0.05) 0%, rgba(0, 168, 232, 0.05) 100%);
}
.guahao-solution-card .guahao-solution-badge {
	position: absolute;
	top: 1rem;
	right: 1rem;
	background: linear-gradient(135deg, #0066CC 0%, #00A8E8 100%);
	color: white;
	padding: 0.25rem 0.75rem;
	border-radius: 20px;
	font-size: 0.75rem;
	font-weight: 600;
}
.guahao-solution-card .guahao-solution-icon {
	width: 70px;
	height: 70px;
	background: linear-gradient(135deg, #0066CC 0%, #00A8E8 100%);
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.75rem;
	color: white;
	margin-bottom: 1.5rem;
}
.guahao-solution-card h4 {
	font-weight: 700;
	margin-bottom: 1rem;
}
.guahao-solution-card > p {
	color: #6C757D;
	margin-bottom: 1.5rem;
	line-height: 1.7;
}
.guahao-solution-card .guahao-solution-list {
	list-style: none;
	padding: 0;
}
.guahao-solution-card .guahao-solution-list li {
	padding: 0.5rem 0;
	display: flex;
	align-items: center;
	color: #6C757D;
}
.guahao-solution-card .guahao-solution-list li i {
	color: #0066CC;
	margin-right: 0.75rem;
}
.guahao-tech-list {
	padding: 0;
}
.guahao-tech-list .tech-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 1.5rem;
}
.guahao-tech-list .tech-icon {
	width: 50px;
	height: 50px;
	background: linear-gradient(135deg, #0066CC 0%, #00A8E8 100%);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 1.25rem;
	margin-right: 1rem;
	flex-shrink: 0;
}
.guahao-tech-list .tech-content h5 {
	font-weight: 700;
	margin-bottom: 0.25rem;
}
.guahao-tech-list .tech-content p {
	color: #6C757D;
	margin-bottom: 0;
}
.guahao-tech-stats {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
}
.guahao-tech-stats .tech-stat {
	background: white;
	border-radius: 20px;
	padding: 2rem;
	text-align: center;
	box-shadow: 0 10px 30px rgba(0, 102, 204, 0.08);
	transition: all 0.3s ease;
}
.guahao-tech-stats .tech-stat:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 40px rgba(0, 102, 204, 0.15);
}
.guahao-tech-stats .stat-number {
	font-size: 2.5rem;
	font-weight: 800;
	background: linear-gradient(135deg, #0066CC 0%, #00A8E8 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	margin-bottom: 0.5rem;
}
.guahao-tech-stats .stat-number span {
	font-size: 1.5rem;
}
.guahao-tech-stats .stat-label {
	font-size: 0.9rem;
	color: #6C757D;
}
.guahao-contact-form {
	background: white;
	border-radius: 24px;
	padding: 2.5rem;
	box-shadow: 0 20px 60px rgba(0, 102, 204, 0.1);
}
.guahao-contact-form .form-control {
	padding: 1rem 1.25rem;
	border-radius: 12px;
	border: 2px solid #eee;
	transition: all 0.3s ease;
}
.guahao-contact-form .form-control:focus {
	border-color: #0066CC;
	box-shadow: 0 0 0 4px rgba(0, 102, 204, 0.1);
}
.guahao-contact-channels {
	display: flex;
	justify-content: center;
	gap: 3rem;
	margin-top: 2rem;
}
.guahao-contact-channels .channel-item {
	display: flex;
	align-items: center;
	gap: 1rem;
}
.guahao-contact-channels .channel-item i {
	width: 50px;
	height: 50px;
	background: linear-gradient(135deg, #0066CC 0%, #00A8E8 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 1.25rem;
}
.guahao-contact-channels .channel-info h5 {
	font-weight: 700;
	margin-bottom: 0.25rem;
}
.guahao-contact-channels .channel-info p {
	color: #6C757D;
	margin-bottom: 0;
}
.guahao-btn-primary {
	background: linear-gradient(135deg, #0066CC 0%, #00A8E8 100%);
	border: none;
	padding: 0.875rem 2.5rem;
	border-radius: 50px;
	font-weight: 600;
	transition: all 0.3s ease;
}
.guahao-btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 15px 40px rgba(0, 102, 204, 0.3);
	background: linear-gradient(135deg, #0066CC 0%, #00A8E8 100%);
}
.guahao-btn-outline {
	background: transparent;
	border: 2px solid #0066CC;
	color: #0066CC;
	padding: 0.875rem 2.5rem;
	border-radius: 50px;
	font-weight: 600;
	transition: all 0.3s ease;
}
.guahao-btn-outline:hover {
	background: #0066CC;
	color: white;
}

.guahao-contact-box {
	background: white;
	border-radius: 24px;
	padding: 3rem;
	box-shadow: 0 20px 60px rgba(0, 102, 204, 0.1);
}
.guahao-qrcode-box {
	text-align: center;
	padding: 2rem;
	background: #f8f9fa;
	border-radius: 20px;
}
.guahao-qrcode-box .guahao-qrcode-img {
	width: 200px;
	height: 200px;
	background: white;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1.5rem;
	box-shadow: 0 10px 30px rgba(0, 102, 204, 0.1);
}
.guahao-qrcode-box .guahao-qrcode-img i {
	font-size: 4rem;
	color: #07C160;
}
.guahao-qrcode-box .guahao-qrcode-label {
	font-weight: 700;
	font-size: 1.1rem;
	margin-bottom: 0.5rem;
	color: #1A1A2E;
}
.guahao-qrcode-box .guahao-qrcode-desc {
	color: #6C757D;
	margin-bottom: 0;
	font-size: 0.9rem;
}
.guahao-contact-actions {
	padding: 1rem 0;
}
.guahao-contact-actions .btn {
	padding: 1rem 1.5rem;
	font-weight: 600;
	border-radius: 12px;
}
.guahao-contact-actions .guahao-btn-primary {
	background: linear-gradient(135deg, #0066CC 0%, #00A8E8 100%);
	border: none;
}
.guahao-contact-actions .guahao-btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(0, 102, 204, 0.3);
}
.guahao-contact-actions .guahao-btn-outline {
	border: 2px solid #0066CC;
	color: #0066CC;
}
.guahao-contact-actions .guahao-btn-outline:hover {
	background: #0066CC;
	color: white;
}
.guahao-contact-tips {
	background: #f8f9fa;
	border-radius: 12px;
	padding: 1.25rem;
}
.guahao-contact-tips .tip-item {
	padding: 0.5rem 0;
	display: flex;
	align-items: center;
	color: #1A1A2E;
	font-size: 0.95rem;
}
.guahao-contact-tips .tip-item i {
	font-size: 1rem;
}
.guahao-service-list {
	padding: 0;
}
.guahao-service-list .guahao-service-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 1.5rem;
}
.guahao-service-list .guahao-service-icon-box {
	width: 50px;
	height: 50px;
	background: linear-gradient(135deg, #0066CC 0%, #00A8E8 100%);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 1.25rem;
	margin-right: 1rem;
	flex-shrink: 0;
}
.guahao-service-list .guahao-service-info-box h5 {
	font-weight: 700;
	margin-bottom: 0.25rem;
}
.guahao-service-list .guahao-service-info-box p {
	color: #6C757D;
	margin-bottom: 0;
}
.guahao-service-stats {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
}
.guahao-service-stats .guahao-service-stat-card {
	background: white;
	border-radius: 16px;
	padding: 1.5rem;
	text-align: center;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
}
.guahao-service-stats .guahao-service-stat-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 40px rgba(0, 102, 204, 0.15);
}
.guahao-service-stats .guahao-service-stat-icon {
	width: 50px;
	height: 50px;
	background: linear-gradient(135deg, #0066CC 0%, #00A8E8 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 1.25rem;
	margin: 0 auto 1rem;
}
.guahao-service-stats .guahao-service-stat-num {
	font-size: 2rem;
	font-weight: 800;
	color: #0066CC;
	margin-bottom: 0.25rem;
}
.guahao-service-stats .guahao-service-stat-label {
	font-size: 0.9rem;
	color: #6C757D;
}
.guahao-screens-section {
	padding: 5rem 0;
	background: white;
}
.guahao-swiper-phone-wrapper { position: relative; display: flex; justify-content: center; align-items: center; }
.guahao-swiper-phone-wrapper .guahao-phone-mockup-dark { width: 320px; height: 658px; background: linear-gradient(145deg, #1a1a2e 0%, #2d2d44 100%); border-radius: 30px; padding: 15px; box-shadow: 0 50px 100px rgba(0, 102, 204, 0.3), 0 20px 60px rgba(0, 0, 0, 0.2); position: relative; }
.guahao-swiper-phone-wrapper .guahao-phone-mockup-dark::before { content: ''; position: absolute; top: 25px; left: 50%; transform: translateX(-50%); width: 100px; height: 8px; background: #333; border-radius: 4px; }
.guahao-swiper-phone-wrapper .guahao-phone-screen-inner { width: 100%; height: 100%; background: #f8f9fa; border-radius: 15px; overflow: hidden; }
.guahao-swiper-phone-wrapper .guahao-phone-screen-inner img { width: 100%; height: 100%; object-fit: cover; }
.guahao-swiper-phone-wrapper .guahao-swiper-button-prev-custom, .guahao-swiper-phone-wrapper .guahao-swiper-button-next-custom { width: 50px; height: 50px; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #0066CC; font-size: 1.25rem; cursor: pointer; box-shadow: 0 5px 20px rgba(0, 102, 204, 0.2); transition: all 0.3s ease; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; }
.guahao-swiper-phone-wrapper .guahao-swiper-button-prev-custom { left: 0; }
.guahao-swiper-phone-wrapper .guahao-swiper-button-next-custom { right: 0; }
.guahao-swiper-phone-wrapper .guahao-swiper-button-prev-custom:hover, .guahao-swiper-phone-wrapper .guahao-swiper-button-next-custom:hover { background: #0066CC; color: white; }
.guahao-swiper-phone-wrapper .guahao-swiper-pagination-custom { text-align: center; margin-top: 2rem; }
.guahao-swiper-phone-wrapper .guahao-swiper-pagination-bullet { width: 10px; height: 10px; background: #ddd; border-radius: 50%; display: inline-block; margin: 0 5px; cursor: pointer; transition: all 0.3s ease; }
.guahao-swiper-phone-wrapper .guahao-swiper-pagination-bullet-active { background: #0066CC; width: 30px; border-radius: 5px; }
.guahao-platform-tags {
	display: flex;
	justify-content: center;
	gap: 1rem;
	margin-top: 1.5rem;
}
.guahao-platform-tags .guahao-platform-tag {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 1rem;
	background: rgba(0, 102, 204, 0.1);
	border-radius: 50px;
	font-size: 0.875rem;
	color: #0066CC;
}
.guahao-platform-tags .guahao-platform-tag i {
	font-size: 1rem;
}
.guahao-admin-screen-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}
.guahao-admin-screen-wrapper .guahao-admin-mockup {
	background: white;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0, 102, 204, 0.15);
	max-width: 100%;
}
.guahao-admin-screen-wrapper .guahao-admin-mockup-header {
	background: #f8f9fa;
	padding: 1rem 1.5rem;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	border-bottom: 1px solid #eee;
}
.guahao-admin-screen-wrapper .guahao-admin-mockup-header span {
	width: 12px;
	height: 12px;
	border-radius: 50%;
}
.guahao-admin-screen-wrapper .guahao-admin-mockup-header span:nth-child(1) {
	background: #ff5f56;
}
.guahao-admin-screen-wrapper .guahao-admin-mockup-header span:nth-child(2) {
	background: #ffbd2e;
}
.guahao-admin-screen-wrapper .guahao-admin-mockup-header span:nth-child(3) {
	background: #27ca40;
}
.guahao-admin-screen-wrapper .guahao-admin-mockup-body {
	padding: 0;
}
.guahao-admin-screen-wrapper .guahao-admin-mockup-body img {
	width: 100%;
	display: block;
}
.guahao-feature-row {
	margin-bottom: 4rem;
}
.guahao-feature-row:last-child {
	margin-bottom: 0;
}
.guahao-feature-row .guahao-feature-mockup-box {
	background: white;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}
.guahao-feature-row .guahao-mockup-header-bar {
	background: #f1f3f4;
	padding: 0.75rem 1rem;
	display: flex;
	gap: 0.5rem;
}
.guahao-feature-row .guahao-mockup-header-bar span {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #ddd;
}
.guahao-feature-row .guahao-mockup-header-bar span:first-child {
	background: #ff5f56;
}
.guahao-feature-row .guahao-mockup-header-bar span:nth-child(2) {
	background: #ffbd2e;
}
.guahao-feature-row .guahao-mockup-header-bar span:last-child {
	background: #27ca40;
}
.guahao-feature-row .guahao-mockup-body-content {
	padding: 1.5rem;
}
.guahao-feature-row .guahao-mockup-title-text {
	font-weight: 700;
	margin-bottom: 1rem;
	color: #1A1A2E;
}
.guahao-feature-row .guahao-mockup-list-items {
	padding: 0;
}
.guahao-feature-row .guahao-mockup-list-items li {
	padding: 0.5rem 0;
	font-size: 0.9rem;
	color: #6C757D;
	display: flex;
	align-items: center;
}
.guahao-feature-row .guahao-mockup-list-items li i {
	margin-right: 0.5rem;
	color: #0066CC;
}
.guahao-feature-row .guahao-feature-list-items {
	list-style: none;
	padding: 0;
	margin: 0;
}
.guahao-feature-row .guahao-feature-list-items li {
	padding: 0.5rem 0;
	display: flex;
	align-items: center;
}
.guahao-feature-row .guahao-feature-list-items li i {
	margin-right: 0.75rem;
	font-size: 1rem;
	color: #0066CC;
}
.guahao-notifications-section {
	padding: 5rem 0;
	background: #f8f9fa;
}
.guahao-notifications-section .guahao-notification-preview-box {
	display: flex;
	justify-content: center;
}
.guahao-notifications-section .guahao-notification-card-box {
	background: white;
	border-radius: 16px;
	box-shadow: 0 20px 60px rgba(0, 102, 204, 0.15);
	max-width: 360px;
	overflow: hidden;
}
.guahao-notifications-section .guahao-notification-header-box {
	background: linear-gradient(135deg, #0066CC 0%, #00A8E8 100%);
	color: white;
	padding: 1rem 1.5rem;
	font-weight: 600;
}
.guahao-notifications-section .guahao-notification-body-box {
	padding: 1.5rem;
}
.guahao-notifications-section .guahao-notification-body-box p {
	margin-bottom: 0.5rem;
}
.guahao-notifications-section .guahao-icon-box-grid {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.25rem;
}
.guahao-mockup-calendar {
	background: #f8f9fa;
	border-radius: 10px;
	padding: 1rem;
}
.guahao-mockup-calendar .guahao-cal-header {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	text-align: center;
	font-size: 0.75rem;
	font-weight: 600;
	color: #6C757D;
	margin-bottom: 0.5rem;
}
.guahao-mockup-calendar .guahao-cal-body {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	text-align: center;
	font-size: 0.8rem;
}
.guahao-mockup-calendar .guahao-cal-body span {
	padding: 0.5rem;
}
.guahao-mockup-calendar .guahao-cal-body span.guahao-disabled {
	color: #ccc;
}
.guahao-mockup-calendar .guahao-cal-body span.guahao-active {
	background: #0066CC;
	color: white;
	border-radius: 50%;
}
.guahao-mockup-orders {
	padding: 0;
}
.guahao-mockup-orders .guahao-order-item {
	display: flex;
	align-items: center;
	background: #f8f9fa;
	border-radius: 10px;
	padding: 0.75rem;
	margin-bottom: 0.5rem;
}
.guahao-mockup-orders .guahao-order-status {
	padding: 0.25rem 0.75rem;
	border-radius: 20px;
	font-size: 0.7rem;
	font-weight: 600;
	margin-right: 0.75rem;
}
.guahao-mockup-orders .guahao-order-status.guahao-success {
	background: rgba(0, 102, 204, 0.15);
	color: #0066CC;
}
.guahao-mockup-orders .guahao-order-status.guahao-warning {
	background: rgba(241, 196, 15, 0.15);
	color: #F39C12;
}
.guahao-mockup-orders .guahao-order-info {
	flex: 1;
	font-size: 0.85rem;
}
.guahao-mockup-orders .guahao-order-info small {
	color: #6C757D;
}
.guahao-pricing {
	background: linear-gradient(135deg, #f8f9fa 0%, #fff 50%, #f8f9fa 100%);
}
.guahao-pricing-card {
	background: white;
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 10px 40px rgba(0, 102, 204, 0.1);
	transition: all 0.3s ease;
	height: 100%;
}
.guahao-pricing-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 30px 60px rgba(0, 102, 204, 0.15);
}
.guahao-pricing-card .guahao-pricing-header {
	background: linear-gradient(135deg, #07C160 0%, #2AAE67 100%);
	color: white;
	padding: 2rem;
	text-align: center;
}
.guahao-pricing-card .guahao-pricing-header.guahao-alipay {
	background: linear-gradient(135deg, #1677FF 0%, #69B1FF 100%);
}
.guahao-pricing-card .guahao-pricing-icon {
	width: 70px;
	height: 70px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1rem;
	font-size: 2rem;
}
.guahao-pricing-card .guahao-pricing-header h3 {
	font-weight: 700;
	margin-bottom: 0.5rem;
}
.guahao-pricing-card .guahao-pricing-desc {
	font-size: 0.9rem;
	opacity: 0.9;
	margin-bottom: 0;
}
.guahao-pricing-card .guahao-pricing-body {
	padding: 1.5rem;
}
.guahao-pricing-card .guahao-pricing-option {
	background: #f8f9fa;
	border-radius: 16px;
	padding: 1.5rem;
	margin-bottom: 1rem;
	position: relative;
	border: 2px solid transparent;
	transition: all 0.3s ease;
}
.guahao-pricing-card .guahao-pricing-option:hover {
	border-color: #0066CC;
}
.guahao-pricing-card .guahao-pricing-option.featured {
	background: linear-gradient(135deg, rgba(0, 102, 204, 0.05) 0%, rgba(0, 168, 232, 0.05) 100%);
	border-color: #0066CC;
}
.guahao-pricing-card .guahao-option-badge {
	position: absolute;
	top: -10px;
	right: 15px;
	background: linear-gradient(135deg, #0066CC 0%, #00A8E8 100%);
	color: white;
	padding: 0.25rem 0.75rem;
	border-radius: 20px;
	font-size: 0.75rem;
	font-weight: 600;
}
.guahao-pricing-card .guahao-option-header {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 1rem;
}
.guahao-pricing-card .guahao-option-tag {
	background: #0066CC;
	color: white;
	padding: 0.25rem 0.75rem;
	border-radius: 20px;
	font-size: 0.75rem;
	font-weight: 600;
}
.guahao-pricing-card .guahao-option-name {
	font-weight: 600;
	color: #1A1A2E;
}
.guahao-pricing-card .guahao-option-price {
	margin-bottom: 1rem;
}
.guahao-pricing-card .guahao-price-amount {
	font-size: 2rem;
	font-weight: 800;
	color: #0066CC;
}
.guahao-pricing-card .guahao-price-unit {
	font-size: 0.9rem;
	color: #6C757D;
}
.guahao-pricing-card .guahao-option-features {
	list-style: none;
	padding: 0;
	margin: 0;
}
.guahao-pricing-card .guahao-option-features li {
	padding: 0.4rem 0;
	display: flex;
	align-items: center;
	font-size: 0.9rem;
	color: #6C757D;
}
.guahao-pricing-card .guahao-option-features li i {
	color: #0066CC;
	margin-right: 0.5rem;
	font-size: 0.8rem;
}
.guahao-pricing-card .guahao-option-checkbox {
	margin-right: 1rem;
	display: flex;
	align-items: flex-start;
	padding-top: 0.25rem;
}
.guahao-pricing-card .guahao-pricing-radio {
	display: none;
}
.guahao-pricing-card .guahao-radio-check {
	width: 24px;
	height: 24px;
	border: 2px solid #ddd;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	background: white;
	flex-shrink: 0;
	margin-right: 1rem;
	align-self: flex-start;
	margin-top: 0.25rem;
}
.guahao-pricing-card .guahao-radio-check::after {
	content: '';
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: white;
	opacity: 0;
	transition: opacity 0.2s ease;
}
.guahao-pricing-card .guahao-pricing-radio:checked + .guahao-radio-check {
	background: #0066CC;
	border-color: #0066CC;
}
.guahao-pricing-card .guahao-pricing-radio:checked + .guahao-radio-check::after {
	opacity: 1;
}
.guahao-pricing-card .guahao-pricing-option {
	display: flex;
	cursor: pointer;
	transition: all 0.3s ease;
	border: 2px solid transparent;
}
.guahao-pricing-card .guahao-pricing-option:hover {
	border-color: rgba(0, 102, 204, 0.3);
}
.guahao-pricing-card .guahao-option-content {
	flex: 1;
}
.guahao-pricing-card .guahao-pricing-option:has(.guahao-pricing-radio:checked) {
	background: linear-gradient(135deg, rgba(0, 102, 204, 0.08) 0%, rgba(0, 168, 232, 0.08) 100%);
	border-color: #0066CC;
}
.guahao-pricing-card .guahao-pricing-option.featured {
	border: 2px solid #0066CC;
}
.guahao-pricing-card .guahao-pricing-option.featured:has(.guahao-pricing-radio:checked) {
	border-color: #0066CC;
}
.guahao-price-preview {
	max-width: 600px;
	margin: 0 auto;
}
.guahao-price-preview .guahao-preview-card {
	background: white;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 15px 50px rgba(0, 102, 204, 0.12);
}
.guahao-price-preview .guahao-preview-header {
	background: linear-gradient(135deg, #0066CC 0%, #00A8E8 100%);
	color: white;
	padding: 1.25rem 1.5rem;
	display: flex;
	align-items: center;
	gap: 0.75rem;
	font-weight: 600;
	font-size: 1.1rem;
}
.guahao-price-preview .guahao-preview-body {
	padding: 1.5rem;
	min-height: 150px;
}
.guahao-price-preview .guahao-preview-empty {
	text-align: center;
	padding: 2rem;
	color: #6C757D;
}
.guahao-price-preview .guahao-preview-empty i {
	font-size: 2.5rem;
	margin-bottom: 1rem;
	opacity: 0.5;
}
.guahao-price-preview .guahao-preview-empty p {
	margin-bottom: 0;
}
.guahao-price-preview .guahao-selected-list {
	margin-bottom: 1rem;
}
.guahao-price-preview .guahao-selected-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.75rem 0;
	border-bottom: 1px dashed #eee;
}
.guahao-price-preview .guahao-selected-item:last-child {
	border-bottom: none;
}
.guahao-price-preview .guahao-selected-name {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.guahao-price-preview .guahao-selected-name i {
	color: #0066CC;
}
.guahao-price-preview .guahao-selected-name span {
	color: #1A1A2E;
}
.guahao-price-preview .guahao-selected-price {
	font-weight: 600;
	color: #0066CC;
}
.guahao-price-preview .guahao-discount-info {
	background: linear-gradient(135deg, rgba(0, 212, 170, 0.1) 0%, rgba(0, 168, 232, 0.1) 100%);
	border-radius: 10px;
	padding: 0.75rem 1rem;
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: #00D4AA;
	font-size: 0.9rem;
}
.guahao-price-preview .guahao-discount-info i {
	color: #00D4AA;
}
.guahao-price-preview .guahao-preview-total {
	background: #f8f9fa;
	border-radius: 12px;
	padding: 1rem 1.25rem;
}
.guahao-price-preview .guahao-total-row,
.guahao-price-preview .guahao-renewal-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.guahao-price-preview .guahao-renewal-row {
	margin-top: 0.5rem;
	padding-top: 0.75rem;
	border-top: 1px dashed #ddd;
}
.guahao-price-preview .guahao-total-label,
.guahao-price-preview .guahao-renewal-label {
	color: #6C757D;
	font-size: 0.95rem;
}
.guahao-price-preview .guahao-total-price {
	font-size: 1.75rem;
	font-weight: 800;
	color: #0066CC;
}
.guahao-price-preview .guahao-renewal-price {
	font-size: 1.1rem;
	font-weight: 600;
	color: #1A1A2E;
}
.guahao-price-preview .guahao-preview-footer {
	padding: 0 1.5rem 1.5rem;
}
.guahao-process {
	background: white;
}
.guahao-process .guahao-process-step {
	background: white;
	border-radius: 24px;
	padding: 2.5rem;
	text-align: center;
	transition: all 0.4s ease;
	border: 1px solid rgba(0, 102, 204, 0.1);
	position: relative;
	overflow: hidden;
}
.guahao-floating-menu {
			position: fixed;
			right: 30px;
			top: 50%;
			transform: translateY(-50%);
			background: #fff;
			border-radius: 12px;
			box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
			padding: 20px 0;
			z-index: 9999;
			min-width: 180px;
		}
		.guahao-floating-menu .floating-menu-inner {
			display: flex;
			flex-direction: column;
			gap: 4px;
			padding: 0 16px;
		}
		.guahao-floating-menu .floating-menu-item {
			padding: 10px 16px;
			color: #333;
			text-decoration: none;
			font-size: 14px;
			font-weight: 500;
			transition: all 0.3s ease;
			border-radius: 8px;
			text-align: center;
		}
		.guahao-floating-menu .floating-menu-item:hover {
			background: #1890ff;
			color: #fff;
		}
		.guahao-floating-menu .floating-menu-item.active {
			background: #1890ff;
			color: #fff;
		}
		.guahao-floating-menu .floating-menu-actions {
			display: flex;
			flex-direction: column;
			gap: 10px;
			padding: 16px;
			border-top: 1px solid #eee;
			margin-top: 12px;
		}
		.guahao-floating-menu .floating-menu-actions .btn {
			border-radius: 8px;
			font-weight: 600;
			padding: 10px 0;
			font-size: 14px;
		}
		.guahao-screen-slide {
			width: 100%;
			height: 100%;
			position: relative;
			overflow: hidden;
			border-radius: 12px;
		}
		.guahao-screen-slide img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
		}
		.guahao-screen-slide .guahao-screen-label {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			padding: 5px 16px;
			background: #1a1a2e;
			color: #fff;
			font-size: 15px;
			font-weight: 600;
			text-align: center;
		}
		.guahao-swiper-pagination-custom {
			text-align: center;
		}
/* 手机模式下调整padding */
@media (max-width: 768px) {
	.guahao-process .guahao-process-step {
		padding: 1.5rem;
	}
}
.guahao-process .guahao-process-step::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(135deg, #0066CC 0%, #00A8E8 100%);
	transform: scaleX(0);
	transition: transform 0.4s ease;
}
.guahao-process .guahao-process-step:hover::before {
	transform: scaleX(1);
}
.guahao-process .guahao-process-step:hover {
	transform: translateY(-10px);
	box-shadow: 0 30px 60px rgba(0, 102, 204, 0.15);
	border-color: #0066CC;
}
.guahao-process .guahao-step-number {
	position: absolute;
	top: -10px;
	right: 20px;
	width: 40px;
	height: 40px;
	background: linear-gradient(135deg, #0066CC 0%, #00A8E8 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-weight: 700;
	font-size: 0.875rem;
	box-shadow: 0 5px 20px rgba(0, 102, 204, 0.3);
}
.guahao-process .guahao-step-icon {
	width: 80px;
	height: 80px;
	background: linear-gradient(135deg, #0066CC 0%, #00A8E8 100%);
	border-radius: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1.5rem;
	font-size: 2rem;
	color: white;
	transition: all 0.3s ease;
}
.guahao-process .guahao-process-step:hover .guahao-step-icon {
	transform: scale(1.1);
	box-shadow: 0 10px 30px rgba(0, 102, 204, 0.3);
}
.guahao-process .guahao-process-step h4 {
	font-weight: 700;
	margin-bottom: 1rem;
	color: #1A1A2E;
}
.guahao-process .guahao-process-step p {
	color: #6C757D;
	margin-bottom: 0;
	line-height: 1.7;
}
@media (max-width: 991.98px) {
	.guahao-features-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.guahao-swiper-phone-wrapper .swiper-button-prev-custom {
		left: -40px;
	}
	.guahao-swiper-phone-wrapper .swiper-button-next-custom {
		right: -40px;
	}
}
@media (max-width: 991.98px) {
	.guahao-hero .hero-title {
		font-size: 2.5rem;
	}
	.guahao-hero .hero-visual {
		min-height: 500px;
		margin-top: 2rem;
	}
	.guahao-hero .visual-card {
		display: none;
	}
	.guahao-navbar .navbar-collapse {
		background: white;
		padding: 1rem;
		border-radius: 16px;
		margin-top: 1rem;
		box-shadow: 0 10px 40px rgba(0, 102, 204, 0.15);
	}
	.guahao-tech-stats {
		grid-template-columns: repeat(2, 1fr);
	}
	.guahao-contact-channels {
		flex-wrap: wrap;
		gap: 1.5rem;
	}
	.guahao-service-stats {
		grid-template-columns: repeat(2, 1fr);
	}
	.guahao-swiper-phone-wrapper .swiper-button-prev-custom,
	.guahao-swiper-phone-wrapper .swiper-button-next-custom {
		display: none;
	}
}
@media (max-width: 575.98px) {
    .guahao-hero {padding: 50px 0;}
	.guahao-hero .hero-title {
		font-size: 2rem;
	}
	.guahao-hero .hero-features {
		flex-wrap: wrap;
		gap: 1rem;
	}
	.guahao-section-title {
		font-size: 1.75rem;
	}

	.guahao-tech-stats {
		grid-template-columns: 1fr;
	}
	.guahao-contact-channels {
		flex-direction: column;
		align-items: center;
	}

	.guahao-swiper-phone-wrapper .phone-mockup-dark {
		width: 280px;
		height: 580px;
	}
    .guahao-swiper-phone-wrapper .guahao-swiper-button-prev-custom {left: 0;}
    .guahao-swiper-phone-wrapper .guahao-swiper-button-next-custom {right: 0;}

}


/* 客户案例版块样式 */
.guahao-cases {
	background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

.guahao-case-card {
	background: white;
	border-radius: 20px;
	padding: 2rem;
	text-align: center;
	transition: all 0.4s ease;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	border: 1px solid rgba(0, 102, 204, 0.1);
	position: relative;
	overflow: hidden;
	align-items: center;
	justify-content: center;
	min-height: 100px;
}

.guahao-case-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 40px rgba(0, 102, 204, 0.15);
	border-color: rgba(0, 102, 204, 0.3);
}

.guahao-case-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, #0066CC, #00a8e8);
	transform: scaleX(0);
	transition: transform 0.4s ease;
}

.guahao-case-card:hover::before {
	transform: scaleX(1);
}

.guahao-case-icon {
	width: 70px;
	height: 70px;
	background: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1.5rem;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.guahao-case-card:hover .guahao-case-icon {
	transform: scale(1.1);
	box-shadow: 0 8px 25px rgba(0, 102, 204, 0.2);
}

.guahao-case-icon img {
	width: 40px;
	height: 40px;
	object-fit: contain;
}

.guahao-case-name {
	font-size: 1.1rem;
	font-weight: 600;
	color: #1a1a2e;
	margin-bottom: 0;
}

.guahao-case-desc {
	font-size: 0.875rem;
	color: #64748b;
	margin-bottom: 1.5rem;
	line-height: 1.6;
}

.guahao-case-qrcode {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1.25rem;
	background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
	border-radius: 50px;
	cursor: pointer;
	transition: all 0.3s ease;
	border: 1px solid transparent;
}

.guahao-case-qrcode:hover {
	background: linear-gradient(135deg, #0066CC 0%, #00a8e8 100%);
	color: white;
	border-color: #0066CC;
}

.guahao-case-qrcode i {
	font-size: 1rem;
	color: #0066CC;
	transition: color 0.3s ease;
}

.guahao-case-qrcode:hover i {
	color: white;
}

.guahao-case-qrcode span {
	font-size: 0.875rem;
	font-weight: 500;
	color: #475569;
	transition: color 0.3s ease;
}

.guahao-case-qrcode:hover span {
	color: white;
}

/* 二维码弹出层 */
.guahao-case-qrcode-popup {
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%) translateY(10px);
	background: white;
	padding: 1rem;
	border-radius: 12px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	z-index: 100;
	min-width: 160px;
	border: 1px solid rgba(0, 102, 204, 0.1);
}

.guahao-case-qrcode:hover .guahao-case-qrcode-popup {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(-10px);
}

.guahao-case-qrcode-popup::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 8px solid transparent;
	border-top-color: white;
}

.guahao-case-qrcode-popup img {
	width: 120px;
	height: 120px;
	border-radius: 8px;
	margin-bottom: 0.5rem;
	object-fit: cover;
}

.guahao-case-qrcode-popup p {
	font-size: 0.75rem;
	color: #64748b;
	margin: 0;
	white-space: nowrap;
}

/* 手机端适配 */
@media (max-width: 768px) {
	.guahao-case-card {
		padding: 1.5rem;
	}
	
	.guahao-case-icon {
		width: 60px;
		height: 60px;
	}
	
	.guahao-case-icon i {
		font-size: 1.5rem;
	}
	
	.guahao-case-name {
		font-size: 1rem;
	}
	
	.guahao-case-qrcode-popup {
		left: auto;
		right: 0;
		transform: translateY(10px);
	}
	
	.guahao-case-qrcode:hover .guahao-case-qrcode-popup {
		transform: translateY(-10px);
	}
}