body,html{  
	-ms-overflow-style: none; 
	overflow: -moz-scrollbars-none;
	background-color: #F6F6F8;
	width: 100%;
	height: 100%;
	margin:0 auto;
	font-size: 14px;
	overflow-x: hidden;
	
}
/**主区域按照1280px 转换rem,  */
.main-width{
	width: 1200px!important;
	padding:0px 0rem;
	margin: 0 auto;
}
.header{ 
	height:800px;
	position: relative;
/* 	background-size: 100% auto;
	background-position: left top;
	background-image: url('../imgs/bg.png');
	background-repeat: no-repeat; */
}
.header .bg{
	left:calc(50% - 50vw);
	height: 800px;
	width: 100vw; 
	/* object-fit: cover; */
	top:0;
	z-index: 1;
	overflow: hidden;
	position: absolute;
}
.header .main-width{
	position: relative;
	z-index: 2;
}
.header header{
	display: flex;
	font-size: 14px;
	justify-content: space-between;
	align-items: flex-end;
	height: 50px;
}
.header .header-r{
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}
.header .header-l{
	display: flex;
	align-items: flex-end;
	padding-bottom: 0.3125rem;
	justify-content: flex-start;
}
.header .nav{
	margin-right:30px;
	padding-bottom: 0.3125rem;
}
.header .nav a{
	padding:0px 1.25rem;
	position: relative;
	height: 0.875rem;
	line-height: 1.4;
}
.header .nav a::after{
	position: absolute;
	right: 0;
	top:calc(55% - 0.3125rem);
	height: 0.625rem;
	background-color: #FFF;
	width: 1px;
	content: " ";
}
.header .nav a:last-child::after{
	display: none;
}
.header .nav-logo{
	width: 95px;
	height:29px;
}
.header .btn-buy-act{
	width: 120px;
	height:40px;
	font-size: 15px; 
	border-radius:20px;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height:40px;
	padding-bottom: 0.1875rem;
}
.header .btn-buy-act img{
	width: 20px;
	height:  20px;
	margin-right:8px;
} 
.sub-nav{
	
	padding:0px 80px;
	padding-right: 2rem;
}
.sub-nav a{
	position: relative;
	margin:0 1.25rem;
}
.sub-nav .active::after{
	position: absolute;
	content:" ";
	height: 1px;
	background-color: #FFF;
	width: 1.875rem; 
	left:calc(50% - 0.9375rem);
	bottom: -3px;
}
.sub-nav .hot{
	font-weight: 700;
}
.sub-nav .hot::before{
	position: absolute;
	content:" ";
	height: 30px;
	width:30px; 
	right:-20px;
	top:-18px;
	background-image: url('../imgs/hot-13.png');
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 100%;
}
.welcome-box{
	margin-top: 8.4375rem;
}
.welcome-box h1{
	font-size:62px;
	font-weight: 400;
	color: #CBD2DA;
	line-height: 1.4;
	margin:0 0;
}
.welcome-box h1 span{
	color: #F4632C;
}
.welcome-box .sub-title{
	color: #CBD2DA;
	font-size: 18px;
}
.sub-r{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-right: 20px;
}
.sub-r .iconr{
	width:20px;
	height:20px;
	margin-left:31px;
}
.avatar{
	width: 1.875rem;
	height: 1.875rem;
	background-color: #fff;
	border-radius: 50%;
	padding:1px;
	overflow: hidden;
	margin-left: 3.4375rem;
}
.avatar img{
	border-radius: 50%;
	width: 1.875rem;
	height: 1.875rem;
}
.m-t-30{
	margin-top: 1.875rem;
}
.m-r-20{
	margin-right: 1.25rem;
}
.welcome-box .btn-biger{
	width: 170px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	font-size: 20px;
	margin-right: 41px;
}
.search-box{
	height: 58px;
	display: flex;
	width:780px;
	padding-right: 0.8125rem;
	align-items: center;
	justify-content: flex-end;
	background-color: #FFF;
	border-radius: 29px;
	padding-left:24px;
}
.search-box .keyword,.search-box .keyword:active{
	border: none;
	height: 2.75rem;
	line-height: 2.75rem;
	font-size: 18px;
	padding-left: 0.75rem;
	width: calc(100% - 60px);
}
.search-box .search-input{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex:1;
}
.search-box .search-icon{
	width: 1.5rem;
	height: 1.625rem;
}
.search-box .search-btn{
	width: 6.75rem;
	font-size: 1.125rem;
	height: 2.75rem;
	line-height: 2.75rem;
	text-align: center;
	border:1px solid #03A9F4;
	margin-left: 1.1875rem;
}
.search-box .search-btn.line-blue{
	background-color: #FFF;
}
.search-tab{
	margin-top:110px;
	height: 45px;
	padding-left: 1.875rem;
	font-size: 16px;
}
.search-tab .inline{
	color: #CBD2DA;
	margin-right: 37px;
	position: relative;
}
.search-tab .active{
	color: #FFF;
	
}
.search-tab .active::after{
	content:" ";
	position: absolute; 
	left: calc(50% - 10px);
	height: 15px;
	bottom: -28px;
	border: 15px solid #FFF;
	border-top-color: transparent;   
	border-left-color: transparent;
	border-right-color: transparent; 
}
.ensure-box{
	background-color: #181C21;
	height: 8.5rem;
	font-size: 12px;
	color: #666666;
	line-height: 1.5;
}
.ensure-box .main-width{
	height: 100%;
}
.ensure-box .ensure-name{
	font-size: 16px;
	color: #FFFFFF;
	padding-bottom: 0.25rem;
}
.ensure-box img{
	width: 2.5rem;
	height: 2.5rem;
	margin-right: 1rem;
}
.section{
	margin-top: 3.75rem;
	margin-bottom: 5rem;
}
.section-title{
	height: 1.875rem;
	width: 100%;
	margin-bottom: 2.5rem;
	align-items: flex-end;
	justify-content: space-between;
	display: flex;
}
.section-title .title-left{
	align-items: flex-end;
	justify-content: flex-start;
	display: flex;
}
.section-title .section-desc{
	color: #999999;
}
.section-title .titles{
	position: relative;
	font-size: 1.875rem;
	padding-right: 0.75rem;
	padding-left: 1.575rem;
}
.section-title .titles::before{
	position:absolute;
	content:" ";
	width: 0.9375rem;
	height: 0.25rem;
	background: #E60000;
	border-radius: 0.125rem;
	left:0; 
	top:calc(50% -  0.0625rem);
}
.section-title .see-more img{
	width: 1.25rem;
	height: 1.25rem;
	margin-left: 5px;
}
.brand-box{
	width: 296px;
	height:360px;
	background-color: #FFFFFF; 
	padding:0 39px;
}
.brand-box .icon{
	width: 3.75rem;
	height: 3.75rem;
	margin-right: 1.875rem;
	
}
.brand-type{
	height: 3.75rem;
	width: 100%;
	display: flex; 
	justify-content: flex-start;
	align-items: center;
	font-size: 16px;
}
.brand-type:first-child{
	color: #00BCD4;
	margin-top:25px;
}
.brand-type:nth-child(2n){
	color: #FFC107;
	margin-top:120px;
	margin-bottom: 45px;
}
.brand-type .text-gray{
	font-size: 14px;
	padding-top: 0.4375rem;
}
.brand-consult{
	padding-top:1.25rem;
}
.brand-consult .arrow-right{
	width: 1.125rem;
	height: 1.125rem;
}
.brand-logo{
	width: 6.25rem;
	height: 3.75rem;
	margin: 1.5625rem auto;
	display: block;
	object-fit: contain;
}
.brand-list{
	width: 894px;
	height: 360px;
	margin-left: 10px;
	font-size: 0;
	overflow: hidden;
	position: relative;
}
.brand-list::after{
	content:" ";
	width: 750px;
	left:calc(50% - 375px);
	top:180px;
	height: 1px;
	background: #F2F2F2;
	position: absolute;
}
.brand-item{
	font-size: 14px;
	width: 208px;
	height:181px;
	margin:0 0;
	font-size: 14px;
	position: relative;
}
.brand-item::after{
	content:" ";
	position: absolute;
	right: 0;
	top:calc(50% -  30px);
	height: 60px;
	border-right: 1px solid #F2F2F2; 
}
.brand-item:last-child::after,.brand-item:nth-child(4n)::after{
	display: none;
}
.brand-item .ask-agree{
	position: absolute;
	left:30px;
	bottom:40px;
	line-height: 1.5;
	width: calc(100% - 60px);
}
.brand-item .ask-agree img{
	width: 0.875rem;
	height: 0.875rem; 
	margin-top: 2px;
	margin-left: 3px;
}
.hot-plat{
	width: 296px;
	height:90px;
	padding:15px 24px 0 30px;
	position: relative;
}
.hot-plat i{
	font-size: 24px;
	color: #666666;
}
.hot-plat .flex-1{
	font-size: 20px;
}
.hot-plat::after{
	content:" ";
	left:1.9375rem;
	border: 0px;
	border-bottom: 1px solid #F2F2F2;
	width: 15rem;
	bottom: 0;
	position: absolute;
}
.hot-plat .shop-type{
	color: #666666;
	margin-top:15px;
}
.hot-plat .shop-type .inline{ 
	margin-right:23px;
}
.hot-plat:last-child::after,.hot-plat.active::after{
	display: none!important;
}
.hot-plat.active{
	background: linear-gradient(90deg, #F4632C, #FEA684);
	color: #FFFFFF!important;
} 

.hot-plat.active i,.hot-plat.active .shop-type{ 
	color: #FFFFFF!important;
}
.plat-icon{
	width: 1.9375rem;
	height: 1.9375rem;
	object-fit: contain;
	margin-right: 0.625rem;
}
.plat-shops{
	width: 893px;
	height:532px;
	margin-left: 10px;
}
.shop{
	width:276px;
	height: 262.5px;
	position: relative;
}
.shop-list{
	display: none;
}
.shop::after{
	content:" ";
	position: absolute;
	right: -0.1875rem;
	top:1.5rem;
	bottom: 0.3125rem;
	border-right: 1px solid #f2f2f2;
	
}
.shop:nth-child(3n)::after{
	display: none;
}
.shop::before{
	content:" ";
	position: absolute;
	left:5px;
	right:5px;
	bottom: 0;
	border-top: 1px solid #f2f2f2; 
}
.shop:nth-child(n+4)::before{
	display: none;
}

.shop:nth-child(n+4)::after{ 
	bottom:1.5rem;
	top: 0.3125rem;
}
.shop-title{
	height: 1.5625rem;
	line-height: 1.5625rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding:0.9375rem;
}
.shop-title .line-1{
	font-weight: 700;
	font-size: 1.25rem;
	width: calc(100% - 1.5625rem - 10px);
	margin-left: 10px;
}
.shop-p-logo{
	width: 1.5625rem;
	height: 1.5625rem;
}
.shop-info{
	margin:0 0.9375rem;
	background-color: #F2F2F2;
	height: 128px;
	padding:10px 0.5rem;
	padding-left: 1.25rem;
	font-size: 0.9375rem;
	color: #666;
}
.shop-rows{
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
	margin-left: 1.25rem;
}
.shop-logo{
	width: 4.375rem;
	height: 4.375rem;
	object-fit: contain;
}
.shop .price{
	display: flex;
	align-items: flex-end;
	font-size: 1rem;
	color: #F4632C;
	font-weight: 700;
}
.shop .shop-b{
	margin:0.9375rem 1.25rem;
	margin-left: 0.625rem;
}
.shop .price div{
	font-size:20px;
}
.shop .customer{
	background: #f4632c;
	border-radius: 5px;
	display: inline-block;
	height: 38px;
	line-height: 13px;
	padding: 10px;
	border: 1px solid transparent;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	width: 108px;
}
.customer-list{
	padding:25px 20px; 
	height: 400px;
}
.customer-list .custom {
	width:280px;
	height: 400px;
	float: left;
	position: relative;
	overflow: hidden;
	margin-right: 0.8125rem;
	left: 6px;
}
.customer-list .custom:nth-child(4n) { 
	/*margin-right: 0*/
}
.customer-list .custom .custom-img{
	width:280px;
	height: 400px;;
	object-fit: cover; 
}
.custom-mask{ 
	position: absolute;
	left:0; 
	top:400px;
	height: 400px;
	right: 0;   
}
.custom-bg{
	background: #F4632C;
	opacity: 0.8;
	position: absolute;
	left:0;
	bottom: 0; 
	right: 0;
	z-index: 1;
	top:0rem;
	height:400px;
}
.custom-info{
	position: absolute;
	left:1.75rem;
	bottom: 1.5625rem;
	right: 1.75rem;
	line-height: 1.5;
	z-index: 99;
	color: #FFF;
	font-size: 0.9375rem
}
.custom-btn{
	width: 150px;
	height:40px;
	line-height:40px;
	text-align: center;
	left: 65px;
	background: #FFFFFF;
	border-radius:20px;
	margin: 0 auto;
	margin-top: 2.1875rem;
	color: #F4632C;
	font-size: 1.125rem;
	font-weight: 700;
	cursor: pointer;
	display: block;
}
.custom-btn:hover{
	color: #F4632C;
}
.custom-name{
	display: inline-block;
	padding-bottom: 0.875rem;
	margin-bottom: 0.75rem; 
	border-bottom: 1px solid #FFF;
}
.custom-name span{
	font-size: 1.125rem;
	padding-right: 0.4375rem;
}
.customer-section{
	margin-bottom: 0;
}
.company-intr{
	padding-top:5rem;
	
}
.emp-list{
	border-top: 1px dashed #D0D3DB;
	padding:0 59px;
	padding-bottom: 40px;
	overflow: hidden;
	width:1076px;
	margin:0 auto; 
	margin-top: 56px;
}
.emp-list .emp{
	text-align: center;
	width: 110px;
	margin-right:125px;
	display: inline-block;
	vertical-align: top;
	margin-top: 2.5rem;
}
.emp-list .emp:nth-child(5n){
	margin-right: 0;
}
.emp-ava{
	width: 110px;
	height: 110px;
	border: 2px solid #FFF;
	border-radius: 50%;
	object-fit: cover;
}
.emp-name{
	padding-top: 0.5rem;
	font-size: 1rem;
}
.emp-ava:hover{
	border: 2px solid #F4632C;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); 	
}
.company-intro{
	position: relative;
	height: 31.25rem;
	z-index: 9;
}
.company-intro .intro-left,.company-intro .intro-right{
	position: relative;
	height: 31.25rem;
	width: 31.4375rem;
}
.company-intro .intro-right{
	width: 38.375rem;
	margin-left: 2.8125rem;
	overflow: hidden;
}
.intro-left .intro-img1{
	width: 31.4375rem;
	height: 25.1875rem;
	margin-top: 3.0625rem;
	position: relative;
	z-index: 99;
}
.intro-img0{
	position: absolute;
	right:6.0625rem;
	top:0;
	width: 49.875rem;
	height: 31.25rem;
	z-index: 1;
}
.whoweare{
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	font-size: 0.875rem; 
	padding-bottom: 1.25rem;
	margin-bottom: 1.875rem;
	
}
.whoweare .biger{
	font-weight: 700;
	font-size: 1.25rem;
}
.richtext{
	overflow: hidden;
	line-height: 1.6;
}
.intro-left .intro-img1{
	
}
.company-intr .more-btn{
	width: 6.25rem;
	height: 1.875rem;
	line-height: 1.875rem;
	text-align: center;
	background: #FFFFFF;
	border: 1px solid #F4632C;
	border-radius: 5px;
	color: #F4632C;
	
}
.intro-b{
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #FFF;
	width: 100%;
	padding-bottom: 3.625rem;
	padding-top: 1.875rem;
}
.news-section .sub-section{
	width: 580px;
}
.news-section .sub-section:first-child{
	margin-right: 1.5rem;
}
.questions-list{ 
	height: 250px;
	padding:25px 17px;
	background: #FFFFFF;
	border: 1px solid #F2F2F2;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
}
.question{
	padding-top: 10px;
	padding-left:20px;
	border-bottom: 1px solid #F2F2F2;
	padding-bottom: 10px;
	position: relative;
	display: block;
	font-size: 14px;
}
.question:first-child{
	padding-top: 5px;
}
.question::before{
	content:" ";
	position: absolute;
	top:15px;
	left:0px;
	width: 10px;
	height:10px;
	
	background: #FFBDBD;
	border-radius: 50%;
}
.question-date{
	padding-top:8px;
	font-size: 12px;
}
.question-title{
	color: #333;
	font-size: 14px;
}
.news-img-l{
	width: 170px;
	height:250px;
}
.questions-list .questions-right{
	width: 328px;
	height:250px;
}
.footer{
	background-color: #282828;
	min-height:690px;
	color: #FFF;
}
.company-list{
	padding-top:32px;
	padding-bottom:50px ;
}
.company-list .company-item{
	display: inline-flex;
	vertical-align: top;
	background-color: #3B3B3A;
	height: 68px;
	width:290px;
	font-size: 12px;
	margin-right:8px;
}

.company-item:first-child{
	/* width: 20rem; */
}
.company-item:nth-child(4n){
	margin-right: 0;
}
.company-list .company-item:nth-child(n+3){
	/* width: 16.2rem; */
}
.company-item .flex-1{
	padding-left:25px;
	padding-top: 16px;
	overflow: hidden;
}
.company-item .flex-1 div{
	padding-bottom: 0.3125rem;
}
.company-bu{
	width: 20px!important;
	height:68px!important;
	background-color: #F4632C; 
	line-height: 1.1;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding:0px 10px;
	font-size: 12px;
}
.footer-flex{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.footer-menus{
	padding-right: 6.25rem;
}
.footer-menu{
	width: 6.4375rem;
}
.footer-menu-t{ 
	border-bottom: 1px solid #605F60;
	padding-bottom: 1.0625rem;
}
.footer-flex-contact{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.my-company{
	font-size: 1.125rem;
	font-weight: 700; 
	padding-bottom: 1.25rem;
}
.contact-company{
	padding-left: 0.9375rem
}
.contact-row div{
	color: #605F60;
	line-height: 1;
	padding-bottom:19px;
}
.footer-menu a{
	display: block;
	color: #605F60;
	padding-top: 15px;
	line-height: 1;
	font-size: 12px;
}
.contact-us{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 600px;
}
.contact-us .phone-w{
	width: 1.875rem;
	height: 1.875rem;
}
.company-qrcodes{
	font-size: 0.75rem;
	display: flex;
}
.company-qrcodes img{
	width:91px;
	height: 91px;
	margin-bottom: 20px;
}
.company-qrcodes .qrcode:first-child{
	margin-right: 27px;
}
.footer-contact{
	padding-bottom: 1.5625rem;
	border-bottom: 1px solid #605F60;
}
.com-kj{
	padding-top: 1.25rem;
}
.kj-desc{
	padding-top: 0.9375rem;
	color: #605F60;
	font-size: 13px;
}
.friend-btn{
	width: 80px;
	height: 26px;
	line-height:20px;
	background: #F4632C;
	border-radius: 13px;
	text-align: center;
	font-size: 15px;
	margin-top:25px;
	margin-bottom: 11px;
}
.friend-links a{
	color: #605F60!important;
	margin-bottom: 0.625rem;
	margin-right: 1.25rem;
}
.policy-img{
	width:1132px;
	height:36px;
	margin:55px auto;
	display: block;
}
.copyright{
	width: 900px;
	border-top:1px solid #605F60;
	text-align: center;
	padding:0.9375rem 0;
	color: #605F60;
	margin:0 auto;
}
.icp{
	width: 900px;
	
	display: flex;
	color: #605F60;
	justify-content: space-around;
	margin:0 auto;
	padding-bottom: 1.875rem;
}
.fixed-nav{
	background-color: #000;
	color: #FFF;
	width: 2.75rem;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 9999;
	font-size: 12px;
	right: 0;
	height: 36rem;
	top:calc(50% - 18rem);
}
.fixed-nav .nav-right{
	margin: 0.625rem auto;
	cursor: pointer;
}
.fixed-nav .nav-right img{
	width: 1.25rem;
	height: 1.25rem;
	margin-bottom:0.3125rem
}



a,a:hover,a:active,a:visited{
	text-decoration: none;
	color: inherit;
}
input{
	outline: none;
}
.paginator{
	text-align: center;
	width: 90%;
	padding:3rem 0;
}
.p-r-25{
	padding-right: 1.5625rem;
}
.scroll-y{
	overflow-y: scroll;
}
.scroll-x{
	overflow-x: scroll;
	white-space: nowrap;  
}
.overflow-hidden{
	overflow: hidden;
}
.pointer{
	cursor: pointer;
}
.bold{
	font-weight: 700;
}
.flex-1{
	flex:1;
}
 /**圆角**/
 .round{
 	 border-radius: 5000px;
 }

 /*上下边框*/
 .border-top{
	 border-top: 1px solid #f2f2f2;
 }
 .border-bottom{
	 border-bottom: 1px solid #f2f2f2;
 }  
 .border{
	 border:1px solid #E3E3E3;
 }
 .main-container{
	 min-height: calc(100vh - 10rem - 4.625rem);
 }
 .text-red{
	 color: #E40202;
 }
 .bg-red{
	 background-color: #E40202;color:#FFF;
 } 
 .text-orange{
	 color: #F4632C;
 }
 .bg-orange{
	background-color: #F4632C;color: #fff;
 }
 .text-yellow{
	 color: #FFC107;
 }
 .bg-yellow{
	 background-color:#FFC107;color: #fff;
 }
 .text-olive{
	 color: #8dc63f;
 }
 .bg-olive{
	 background-color: #8dc63f;color: #fff;
 } 
 .text-green{
	 color: #33AE2A;
 }
 .bg-green{
	 background-color: #33AE2A;color: #fff;
 } 
 .text-blue{
	 color:#03A9F4;
 }
 .bg-blue{
	 background-color: #03A9F4;color: #fff;
 }
 .text-cyan{
	 color: #1BA19E;
 }
 .bg-cyan{
	 background-color: #1BA19E;color: #fff;
 }
 .text-purple{
	 color: #6739b6;
 }
 .bg-purple{
	 background-color: #6739b6;color: #fff;
 }
 .text-pink{
	 color: #e03997;
 }
 .bg-pink{
	 background-color: #e03997;color: #fff;
 }
 .text-brown{
	 color: #a5673f;
 }
 .bg-brown{
	 background-color: #a5673f;color: #fff;
 }
 .text-grey{
	 color: #8799a3;
 }
 .bg-grey{
	 background-color: #8799a3;color: #fff;
 }
 .text-gray{
	 color: #999999;
 }
 .bg-gray{
	 background-color: #999999;
 }
 .text-white{
	 color: #fff;
 }
 .bg-white{
	 background-color: #fff;
 }



 
 /* display */
 .hide{
 	display: none!important;
 }
 
 .inline-flex{
 	display: inline-flex!important;vertical-align: top;
 } 
 .inline{
 	display: inline-block!important;vertical-align: top;
 }
 .uflex{
 	 display: flex;
 	 justify-content: flex-start;
 	 align-items: center;
 	 flex-direction:row;
 }
 .flex-between{
	 justify-content: space-between;
	 align-items: center;
 }
 .flex-start{
	 justify-content: flex-start;
	 align-items: center;
 }
 .flex-end{
 	 justify-content: flex-end;
 	 align-items: center;
 }	

/* 阴影效果 */
.box-shadow-1{
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
}

.tag-grey{
	border-radius:8px;
	padding:5px 15px;
	background-color: #EEEEEF;
	color: #727171;
	display: inline-block;
	vertical-align: top;
}

.u-text-center{
	text-align: center;
}
.u-text-right{
	text-align: right;
}
.u-text-left{
	text-align: left;
}
input[type=number] {  
    -moz-appearance:textfield;  
}  
input[type=number]::-webkit-inner-spin-button,  
input[type=number]::-webkit-outer-spin-button {  
    -webkit-appearance: none;  
    margin: 0;  
}  
.line-1{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.phone-popover,.code-popover,.ph-popover,.jyphone-popover{
	position: fixed;
	display: none;
	z-index: 100;
	width: 220px;
	font-size: 22px;
	text-align: center;
	background-color: #000;
	color: #FFF;
	border-radius: 5px;
	padding:20px;
}
.phone-popover::after {
    content: " ";
    position: absolute;
    left: 218px;
    height: 0px;
    bottom: 20px;
    border: 10px solid #000;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}

.code-popover::after {
	content: " ";
	position: absolute;
	left: 218px;
	height: 0px;
	bottom: 120px;
	border: 10px solid #000;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
}

.ph-popover::after {
	content: " ";
	position: absolute;
	left: 218px;
	height: 0px;
	bottom: 20px;
	border: 10px solid #000;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
}

.jyphone-popover::after {
	content: " ";
	position: absolute;
	left: 218px;
	height: 0px;
	bottom: 20px;
	border: 10px solid #000;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
}