body {color: #1b1b1b;overflow-x: hidden}
body.has-navbar-fixed-top,
html.has-navbar-fixed-top {padding-top: 52px}

a{color: #FFA11B;    text-decoration: none;
    background-color: transparent;}
a:hover{color: #F75F0A;}

.clearfix:after {clear: both;content: "";display: block;height: 0;overflow: hidden;font-size: 0}
*, ::after, ::before {
    box-sizing: border-box;
}


.button{width:258px;height:70px;color:#333;;background:rgba(255,186,147,.1);border-radius:10px;box-sizing: border-box;padding-left: 30px;text-align: left;justify-content: flex-start;border: none;margin-bottom: 17px;transition: background-color .3s;}
/* .button */
.button:hover{border: none;background: #f75f0a }
.button .icon:last-child:not(:first-child){margin-left: 1rem;}
.button .iconfont{margin-right: .9rem ;flex-grow: 0;}
.button .icon-android{float: left;font-size: 28px;}
.button .icon-windows{float: left;font-size: 22px;}
.button .icon-mac{float: left;font-size: 30px;}
.button .icon-appstore{float: left;font-size: 28px;}


.button .icon-download{background: url(../img/icon-download.png) no-repeat center / 28px 26px ; display: none;width: 28px;height: 26px;}
.button:hover .icon-download{display: block;}

.button .text{font-size:20px;font-weight:400;}

.button:hover{color: #fff;}

.huionechat-navbar {border-bottom: 1px solid #e5e5e5;}
.huionechat-navbar .navbar-brand{align-items: center;padding-left: 18px;}

.nav-item {display: inline-block;min-width: 50px;text-align: center; margin-right: 35px;font-size: 16px; line-height: 64px;font-family: PingFang-SC-Medium;width: 80px; height: 64px; color: #333; display: block; float: left;}
.nav-active{ border-bottom: 2px solid #F7600A;color: #F7600A;}

.huionechat-navbar .navbar-item,.huionechat-navbar .navbar-link{color: #1b1b1b;font-size: 16px}
.huionechat-navbar a.navbar-item:hover {background-color: inherit;text-decoration: none;color: #F75F0A}
.huionechat-navbar .navbar-link:not(.is-arrowless)::after {border-color: #1b1b1b}
.huionechat-navbar .huionechat-logo{height: 30px;vertical-align: middle;}
.navbar-item.has-dropdown{width: 110px;}
.icon-globe{padding-right: 4px;}

.download{padding: 4.2rem 1.5rem 0;}
.download-wrapper .column,
.download-wrapper .columns {margin: 0;padding: 0;}
.download-wrapper .column .img{width: 85%;max-width: 566px;}
.download-wrapper p{font-size:14px;font-weight:400;color:#666666;margin-bottom: 53px;}

/* 介绍 */
.introduce h2{padding:10px 0 50px;}
.introduce ul{display: flex;flex-wrap: wrap;}
.introduce ul li{width: 33.333333%;padding: 40px 0;}
.introduce ul li:hover{background: #FFFFFF;box-shadow: 0 0 40px 0 rgba(0,126,229,0.10);border-radius: 30px;}
.introduce ul li img{padding-bottom: 20px;}
.introduce ul li h3{font-size:1.87rem;font-weight:400;color:#333;line-height: 44px;}
.introduce ul li p{font-size:1rem;font-weight:400;color:#999;line-height: 24px;}

/* 底部 */
.footer{background-color: #3C3744;line-height: 22px;padding: 2rem 1.5rem;font-size:16px;font-weight:400;color:#928F98;}
.footer a{color: #fff;font-size:16px;font-weight:400;color:#928F98;}
.footer a:hover{color: #fff;}
.footer span{float: right;}

/* 菜单 */
.fl-menu{position: fixed;bottom: 90px;right: 24px;  cursor: pointer;}

.fl-menu .feedback{height:72px; border-radius: 4px; text-align: center;line-height: 50px;margin-bottom: 20px;background: rgba(255,255,255,1); box-shadow: 1px 4px 10px 0px rgba(220,88,0,0.12);display: block;border-radius: 4px;position: relative;}

.fl-menu .feedback .txt{padding: 0 12px;float: left;height: 72px;line-height: 72px ;font-size:16px;font-weight:400;color:#F7600A;display: none;position: absolute;right: 72px;top: 0;bottom: 0;background: #fff; white-space: nowrap;box-shadow: 1px 4px 10px 0px rgba(220,88,0,0.12);}
.fl-menu .feedback .qr{ width: 120px;display: none; position: absolute;right: 72px;top: 0;padding: 2px;box-shadow: 1px 4px 10px 0px rgba(220,88,0,0.12);border-radius: 4px 0 0 4px;}
.fl-menu .feedback .icon-wrap{width: 72px;float: right;display: block;height: 72px;}
.fl-menu .feedback .icon-wrap span{font-size:12px;font-weight:400;color:#F7600A;display: block;line-height: 16px;text-align: center;}

.fl-menu .feedback i{display: block;}
.fl-menu .feedback .email i{background: url(../img/icon-email.png) no-repeat center / 30px 23px;width: 30px;height: 23px;margin: 21px auto 6px;}
.fl-menu .feedback .weixin i{background: url(../img/icon-weixin.png) no-repeat center / 33px 29px;width: 33px;height: 29px;margin: 19px auto 6px;}
.fl-menu .feedback .tel i{background: url(../img/icon-tel.png) no-repeat center / 29px 33px;width: 29px;height: 33px;margin: 10px auto 6px;}

/* 应用 */
.banner-wraper{margin: 2em 0;}
.banner-wraper h2{font-size: 38px;line-height: 48px;color: #333;}
.banner-wraper p{
	font-size:15px;
	font-weight:400;
	color:rgba(102,102,102,1);margin-top: 20px;}
.banner-wraper .img-bg{width: 44vw;height: auto;margin-left: 40px;}
.banner-wraper .img-bg img{width: 100%;}
.app-download-list-wraper{margin-bottom: 30px;}
.app-download-list-wraper .app-list{margin: 0;padding: 16px 20px 36px;display: flex;}
.app-download-list-wraper .app-list:hover{
    background: #FFFFFF;
    box-shadow: 0 0 40px 0 rgba(0,126,229,0.10);
    border-radius: 60px;
}
.app-download-list-wraper .app-list .leftdiv{width: 60px;height: 60px;border: 2px solid #333;line-height: 60px;text-align: center;border-radius: 50%;flex-shrink: 0;margin-top: 20px;}
.app-download-list-wraper .app-list .leftdiv i{font-size: 40px;}

.app-download-list-wraper .app-list .centerdiv{width: 100%;padding-left: 20px;position: relative;}
.app-download-list-wraper .app-list .centerdiv h3{font-size: 20px; margin-top: 8px;}
.app-download-list-wraper .app-list .centerdiv p{font-size: 16px;font-weight: 600;}
.app-download-list-wraper .app-list .centerdiv ul{overflow: hidden;}
.app-download-list-wraper .app-list .centerdiv li{font-size: 14px;line-height: 21px;}
.app-download-list-wraper .app-list .centerdiv li.limore{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.app-download-list-wraper .app-list .centerdiv .morediv{position: absolute;right: 100px;bottom: -20px;}

.app-download-list-wraper .app-list .centerdiv .morediv a:last-child{display: none;}
.app-download-list-wraper .app-list .centerdiv .morediv .iconfont{margin-left: 5px;}
.app-download-list-wraper .app-list .btn-download{width:160px;height:40px;background:linear-gradient(90deg,rgba(255,161,27,1),rgba(247,95,10,1));border-radius:20px;line-height: 40px;text-align: center;color: #fff;font-size: 16px;font-weight: 500;display: block;margin-top: 28px;}

@media screen and (max-width:1216px){
	.button{    width: 220px; height: 62px;}
}

@media screen and (min-width:1024px) {
	body.has-navbar-fixed-top,
	html.has-navbar-fixed-top {
		padding-top: 65px
	}
	
	.huionechat-navbar .navbar-brand{padding-left: 0;}
}
@media screen and (max-width:1024px) {
	.introduce ul li{padding: 30px 0;}
	.introduce ul li img{width: 130px;padding-bottom: 15px;}
	.introduce ul li h3{font-size: 24px;line-height: 36px;}
	.introduce ul li p{font-size: 14px;line-height: 24px;padding: 0 5px;}

}

@media screen and (max-width:1023px){
	.navbar-item.has-dropdown{display: none;}
	
	.nav-item {
		width: 100%;
		padding: 0 10px;
		text-align: left;
	}
}

@media only screen and (min-width:880px) and (max-width:960px){
	.button{width: 200px;}
	.download-wrapper p{margin-bottom: 30px;}
	.download-wrapper .title.is-2{font-size: 2.2rem;}
	.download-wrapper p{margin-bottom: 40px;}
	
}

@media only screen and (min-width:768px) and (max-width:879px){
	.button{width: 160px;padding-left: 20px;height: 58px;margin-bottom: 12px;}
	.download-wrapper .title.is-2{font-size: 2rem;margin-bottom: 1rem;}
	.download-wrapper .icon{width: 24px;height: 24px;background-size: contain;flex-shrink: 0;}
	.download-wrapper .text{font-size: 16px;}
	.button .icon:first-child:not(:last-child){margin: 0 .7rem 0 0;flex-grow: 0;}
	.button .icon:last-child:not(:first-child){margin-left: .6rem;}
	.download-wrapper p{margin-bottom: 30px;}
}
@media screen and (max-width:768px) {
	.download-wrapper .title.is-2{font-size: 1.5rem;margin-bottom: 1rem;}
	.download-wrapper .column:last-child{text-align: center;}
	.download-wrapper .column .img{width: 100%;max-width: 100%;margin-bottom: 30px;}
}

@media screen and (max-width:750px){
	.introduce ul li{width: 50%;padding: 20px 5px 20px 0;}
	.introduce ul li img{width: 100px;padding-bottom: 10px;}
	.introduce ul li p{font-size: 20px;line-height: 24px;}
	.introduce ul li p{font-size: 12px; line-height: 26px;}
	.footer .column{padding: .5rem 0;}
	.footer .columns:not(:last-child){margin-bottom: 0;}
	.footer{font-size: 12px;}
	.footer a{font-size: 12px;}
	.banner-wraper .img-bg{width: 100%;margin:20px 0;}
	.app-download-list-wraper .app-list .btn-download{width: 80px;font-size: 14px;}
	.app-download-list-wraper .app-list .centerdiv .morediv{right: 10px;font-size: 12px;}
	.app-download-list-wraper .app-list .centerdiv h3{font-size: 16px;}
	.app-download-list-wraper .app-list .centerdiv p{font-size: 14px;}
	.app-download-list-wraper .app-list .centerdiv li{font-size: 12px;}

	.app-download-list-wraper .app-list .leftdiv{width: 50px;height: 50px;line-height: 50px;}
	.app-download-list-wraper .app-list .leftdiv i{font-size: 30px;}
	.app-download-list-wraper .app-list .centerdiv{padding-left: 10px;}
	.app-download-list-wraper .app-list{padding: 10px 10px 26px ;}

}