.cont {
	background: #5a6268;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 0;
}

p {
	margin-bottom: 0;
}

img {
	-webkit-user-drag: none;
	object-fit: cover;
}

.img-w-full {
	width: 100%;
}

.img-h-full {
	height: auto !important;
}

dl,
ol,
ul {
	margin-bottom: 0;
	-webkit-user-drag: none;
	padding: 0;
}

a {}

.ft-bold {
	font-weight: bold;
}

body {
	background: #f9f9f9;

	/* 禁止文本选择 */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/*允许文本选择*/
	/*-webkit-touch-callout: default;
	-webkit-user-select: auto; 
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;*/
}

.acea-row {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-o-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.acea-row.row-middle {
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.acea-row.row-top {
	-webkit-box-align: start;
	-moz-box-align: start;
	-o-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start
}

.acea-row.row-bottom {
	-webkit-box-align: end;
	-moz-box-align: end;
	-o-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end
}

.acea-row.row-center {
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-o-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.acea-row.row-right {
	-webkit-box-pack: end;
	-moz-box-pack: end;
	-o-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end
}

.acea-row.row-left {
	-webkit-box-pack: start;
	-moz-box-pack: start;
	-o-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start
}

.acea-row.row-between {
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-o-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.acea-row.row-around {
	justify-content: space-around;
	-webkit-justify-content: space-around
}

.acea-row.row-column-around {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: space-around;
	-webkit-justify-content: space-around
}

.acea-row.row-column {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-o-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.acea-row.row-column-between {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-o-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-o-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.acea-row.row-center-wrapper {
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-o-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.acea-row.row-between-wrapper {
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-o-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.line1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.line2 {
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.line3 {
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.line4 {
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.line5 {
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.carousel-item img {
	/*height: 25rem;*/
}

/* 顶部 */
.header-top-nav {
	background: #40444b;
}

.header-top-area {
	padding: 1rem 0.8rem;
}

.hta-row {
	position: relative;
}

.hta-left {
	width: 10rem;
}

.hta-left img {
	width: 100%;
}

.hta-center {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	text-align: center;
}

.hta-center .tt1 {
	font-size: 1.3rem;
	font-weight: bold;
	letter-spacing: 0.2rem;
	text-indent: 0.2rem;
}

.hta-center span {
	color: #d3433e;
}

.hta-center .tt2 {
	padding-top: 0.2rem;
	color: #4c535a;
	font-size: 1.1rem;
}

.hta-right {
	display: flex;
	align-items: center;
	position: absolute;
	right: 0;
}

.hta-right .hta-logo {
	width: 2rem;
	height: 2rem;
	margin-right: 0.5rem;
}

.hta-right .hta-tel {
	color: #d3433e;
}

.hta-phone-menu {
	display: none;
}

.head-nav-mask {
	display: none;
}

.nav-row {
	justify-content: center;
}

.nav-ul-box {
	position: relative;
	list-style: none;
	line-height: 4rem;
}

.nav-ul-box .nav-li {
	float: left;
	line-height: 4rem;
	width: 8rem;
	text-align: center;
	color: #FFFFFF;
	position: relative;
}

.nav-ul-box .nav-li .f-a {
	color: #FFFFFF;
	outline: none;
	text-align: center;
	text-transform: uppercase;
	display: inline;
	width: 100%;
}

.nav-ul-box .nav-li .f-a:hover {
	color: #FF6A68;
	text-decoration: none;
}

.f-a-disabled {
	pointer-events: none;
}

.nav-ul-box .nav-li span {
	position: absolute;
	top: 3.5rem;
	left: 50%;
	width: 0;
	height: 0;
	display: block;
	background: #ff6a64;
}

.nav-ul-box .nav-li:hover .f-a {
	color: #FF6A68;
}

.nav-ul-box .nav-li:hover span {
	width: 65%;
	height: 0.1rem;
	left: 50%;
	transform: translate(-50%, 0);
	background: #FF6A68;
}

.nav-ul-box .nav-li-active .f-a {
	color: #FF6A68;
}

.nav-ul-box .nav-li-active span {
	width: 65%;
	height: 0.1rem;
	left: 50%;
	transform: translate(-50%, 0);
	background: #FF6A68;
}

.nav-ul-box .nav-li:hover .nav-ul-menu {
	display: block;
}

.nav-ul-menu {
	list-style: none;
	position: absolute;
	display: none;
	top: 4rem;
	left: 0;
	z-index: 100;
	width: 8rem;
	background: rgba(0, 0, 0, 0.9);
	z-index: 999;
	border-radius: 0 0 0.2rem 0.2rem;
	margin: 0 0 0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .04);
}

.nav-ul-menu .menu-li {
	float: left;
	line-height: 3rem;
	width: 8rem;
	text-align: center;
	color: #FFFFFF;
	position: relative;
	font-size: 0.9rem;
}

.nav-ul-menu .menu-li a {
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
	width: 100%;
}

.nav-ul-menu .menu-li:hover {
	background: #40444b;
}

.nav-ul-menu .menu-li:last-child:hover {
	border-radius: 0 0 0.2rem 0.2rem;
}

/* 顶部 */

/**/
.about-section {
	background-image: url("../images/bg_1.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding: 5rem 0;
	color: #FFF;
}

.about-section .about-row {
	align-items: center;
}

.about-section .about-title {
	padding-bottom: 1rem;
	font-size: 1.5rem;
}

.about-section .about-info {
	color: #acacac;
	font-size: 0.9rem;
}

.about-section .about-step {
	padding-top: 1rem;
}

.about-section .about-step .step-item {
	display: flex;
	margin-top: 1rem;
}

.about-section .about-step .step-item .step-num {
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	background: #ff6a64;
	color: #fff;
	font-weight: bold;
	font-size: 1.5rem;
	border-radius: 0.1rem;
}

.about-section .about-step .step-item .step-con {
	padding-left: 0.5rem;
}

.about-section .about-step .step-item .step-title {
	font-size: 1rem;
}

.about-section .about-step .step-item .step-info {
	font-size: 0.9rem;
	color: #acacac;
	padding-top: 0.2rem;
}

/**/

/* 业务介绍 */
.cont-center {
	text-align: center;
}

.cont-bg {
	background-image: url("../images/bg.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.cont-ser-box {
	padding: 3rem 0;
}

.cont-ser-head {
	text-align: center;
	align-items: center;
}

.cont-ser-head .title {
	font-size: 1.4rem;
	font-weight: bold;
	padding-bottom: 0.8rem;
	letter-spacing: 0.2rem;
	text-indent: 0.2rem;
}

.cont-ser-head .en-title {
	font-size: 1rem;
	font-weight: bold;
	padding-top: 0.5rem;
}

.cont-ser-head .title-bot {
	position: relative;
}

.cont-ser-head .title-bot::after {
	position: absolute;
	content: "";
	width: 5rem;
	height: 2px;
	background: #25292C;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0);
}

.cont-ser-head .info {
	color: #555;
	font-size: 1rem;
}

.cont-ser-row {
	padding: 2rem 0;
}

.cont-ser-item {
	text-align: center;
	margin-top: 1rem;
}

.cont-ser-con-itm {
	height: 15rem;
	border-radius: 1rem;
	background: #FFFFFF;
	margin: 0 auto;
	padding: 1.2rem;
	transition: all .3s ease;
}

.cont-ser-con-itm a {
	text-decoration: none;
	color: #333333;
}

.cont-ser-con-itm .ser-icon-box {
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
	background: #d3433e;
	margin: 0 auto;
}

.cont-ser-con-itm .ser-icon {
	width: 3rem;
	height: 3rem;
	margin: 1rem;
	/* border-radius: 50%;
	background: #d3433e; */
}

.cont-ser-con-itm .title {
	font-size: 1.2rem;
	font-weight: bold;
	padding-top: 1.5rem;
}

.cont-ser-con-itm p {
	font-size: 0.8rem;
	color: #666;
	padding-top: 1rem;
}

.cont-ser-con-itm:hover {
	background: #d3433e;
	color: #FFFFFF;
}

.cont-ser-con-itm:hover a {
	color: #FFFFFF;
}

.cont-ser-con-itm:hover p {
	color: #FFFFFF;
}

.cont-ser-btn {
	width: 15rem;
	height: 3rem;
	color: #FF6A68;
	border: 1px solid #FF6A68;
	border-radius: 0.5rem;
	background: none;
	margin: 0 auto;
	letter-spacing: 0.2rem;
	text-indent: 0.2rem;
}

.cont-ser-btn a {
	color: #FF6A68;
	text-decoration: none;
}

.cont-bg-btn {
	color: #FFFFFF;
	background: linear-gradient(to right, #5c5c5c, #000000);
	border: none;
}

.cont-bg-btn a {
	color: #FFFFFF;
}

/* 业务介绍 */

/* 产品展示 */
.cont-product-row {
	padding: 2rem 0 5rem;
}

.cont-product-reset-row {
	padding-top: 0;
}

.product-item {
	margin-top: 2rem;
}


.feature-box {
	text-align: center;
}

.feature-box a {
	color: #212529;
	text-decoration: none;
}

.feature-thumb {
	overflow: hidden;
	border-radius: 0.5rem 0.5rem 0 0;
}

.feature-thumb img {
	height: 10rem;
	/* -moz-border-radius: ;
	-webkit-border-radius:;
	-ms-border-radius: ;
	-o-border-radius: ; */
	border-radius: 0.5rem 0.5rem 0 0;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease;
}

.feature-box:hover .feature-thumb img {
	-moz-transform: scale(1.2) rotate(1deg);
	-o-transform: scale(1.2) rotate(1deg);
	-ms-transform: scale(1.2) rotate(1deg);
	-webkit-transform: scale(1.2) rotate(1deg);
	transform: scale(1.2) rotate(1deg);
}

.feature-content {
	padding: 2rem 1.5rem 3rem;
	background: #fff;
	border-radius: 0 0 0.5rem 0.5rem;
	position: relative;
	-moz-transition: all 400ms ease-out 0s;
	-webkit-transition: all 400ms ease-out 0s;
	-ms-transition: all 400ms ease-out 0s;
	-o-transition: all 400ms ease-out 0s;
	transition: all 400ms ease-out 0s;
}

.feature-box:hover .feature-content {
	-webkit-box-shadow: 0 0 1rem 0.6rem rgba(0, 0, 0, 0.06);
	-khtml-box-shadow: 0 0 1rem 0.6rem rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 0 0 1rem 0.6rem rgba(0, 0, 0, 0.06);
	-ms-box-shadow: 0 0 1rem 0.6rem rgba(0, 0, 0, 0.06);
	-o-box-shadow: 0 0 1rem 0.6rem rgba(0, 0, 0, 0.06);
	box-shadow: 0 0 1rem 0.6rem rgba(0, 0, 0, 0.06);
}

.feature-content:after {
	border-radius: 1rem;
	position: absolute;
	background: #000000;
	height: 0.2rem;
	width: 0;
	left: 0;
	bottom: 0;
	content: "";
	right: 0;
	margin: 0 auto;
	-moz-transition: all 400ms ease-out 0s;
	-webkit-transition: all 400ms ease-out 0s;
	-ms-transition: all 400ms ease-out 0s;
	-o-transition: all 400ms ease-out 0s;
	transition: all 400ms ease-out 0s;
	opacity: 0.6;
	z-index: 0;
}

.feature-box:hover .feature-content:after {
	width: 85%;
}

.feature-content .title {
	margin-bottom: 1rem;
	font-size: 1.2rem;
}

.feature-box .link a {
	position: absolute;
	background: linear-gradient(45deg, #5c5c5c, #000000) !important;
	color: #fff;
	height: 2.5rem;
	width: 5rem;
	line-height: 2.5rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -1.2rem;
	border-radius: 1.8rem;
	z-index: 1;
	-moz-transition: all 400ms ease-out 0s;
	-webkit-transition: all 400ms ease-out 0s;
	-ms-transition: all 400ms ease-out 0s;
	-o-transition: all 400ms ease-out 0s;
	transition: all 400ms ease-out 0s;
}

.feature-box .link a:hover {
	width: 7rem;
}

.feature-box .link .arrow-right {
	width: 1.5rem;
	height: 1.5rem;
	margin-top: -0.5rem;
}

.feature-btn {
	width: 15rem;
	height: 3rem;
	color: #000000;
	border: 1px solid #000000;
	border-radius: 0.5rem;
	background: none;
	margin: 0 auto;
	letter-spacing: 0.2rem;
	text-indent: 0.2rem;
}


/* 产品展示 */

/* 案例展示 */
.case-section {
	padding: 3rem 0;
	background-image: url(../images/big_bg2.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.cont-case-row {
	padding: 3rem 0;
}

.cont-case-reset-row {
	padding-top: 0;
}

.cont-case-row a {
	color: #212529;
	text-decoration: none;
}

.case-box {
	margin-top: 1rem;
	box-shadow: rgba(0,0,0,0.05) 0 0 10px 2px;
	border-radius: 0.5rem;
}

.case-thumb {
	overflow: hidden;
	border-radius: 0.5rem 0.5rem 0 0;
}

.case-thumb img {
	height: 10rem;
	/* -moz-border-radius: ;
	-webkit-border-radius:;
	-ms-border-radius: ;
	-o-border-radius: ; */
	border-radius: 0.5rem 0.5rem 0 0;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease;
}

.case-box:hover .case-thumb img {
	-moz-transform: scale(1.2) rotate(1deg);
	-o-transform: scale(1.2) rotate(1deg);
	-ms-transform: scale(1.2) rotate(1deg);
	-webkit-transform: scale(1.2) rotate(1deg);
	transform: scale(1.2) rotate(1deg);
}

.case-content {
	padding: 0.8rem 0.5rem 1rem;
	background: #fff;
	border-radius: 0 0 0.5rem 0.5rem;
	position: relative;
	-moz-transition: all 400ms ease-out 0s;
	-webkit-transition: all 400ms ease-out 0s;
	-ms-transition: all 400ms ease-out 0s;
	-o-transition: all 400ms ease-out 0s;
	transition: all 400ms ease-out 0s;
}

.case-box:hover .case-content {
	-webkit-box-shadow: 0 0 1rem 0.6rem rgba(0, 0, 0, 0.06);
	-khtml-box-shadow: 0 0 1rem 0.6rem rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 0 0 1rem 0.6rem rgba(0, 0, 0, 0.06);
	-ms-box-shadow: 0 0 1rem 0.6rem rgba(0, 0, 0, 0.06);
	-o-box-shadow: 0 0 1rem 0.6rem rgba(0, 0, 0, 0.06);
	box-shadow: 0 0 1rem 0.6rem rgba(0, 0, 0, 0.06);
}

.case-content .title {
	margin-bottom: 0.5rem;
	font-size: 1.2rem;
}

.case-content .title h5 {
	font-size: 1rem;
}

.case-content .para p {
	color: #666;
	font-size: 0.9rem;
}

.case-content .detail {
	margin: 0.5rem auto 0;
	width: 5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	border-radius: 0.8rem;
	text-align: center;
	color: #FFFFFF;
	background: linear-gradient(to right, #5c5c5c, #000000);
	font-size: 0.8rem;
}

.case-box:hover .case-content .title h5 {
	font-size: 1.02rem
}

.case-box:hover .detail {
	width: 6rem;
	font-size: 0.85rem;
}

/* 案例展示 */

/* 新闻资讯 */
.news-section {
	padding: 3rem 0;
}
.news-reset-section {
	padding-top: 0;
}

.cont-news-row {
	padding: 3rem 0;
}

.news-sec-item {
	height: 13rem;
	margin-top: 1rem;
}

.news-sec-item a {
	color: #25292C;
	text-decoration: none;
}

.news-sec-item .news-con {
	margin: 0.5rem auto;
	display: flex;
	background: #FFF;
	padding: 1rem 0.5rem;
}

.news-sec-item .news-img {
	width: 15rem;
	height: 10rem;
	border-radius: 0.5rem;
}

.news-sec-item .new-sec-info {
	padding: 0.5rem 0 0.5rem 1rem;
}

.news-sec-item .new-sec-info .title {
	padding-bottom: 0.8rem;
	font-size: 1.1rem;
}

.news-sec-item .new-sec-info .info {
	font-size: 0.9rem;
	color: #666666;
}

.news-sec-item .new-sec-info .add-time {
	width: max-content;
	font-size: 0.9rem;
	text-align: center;
	color: #666666;
	border-radius: 0.2rem;
}

.news-sec-item .new-sec-info .news-btn {
	margin-top: 0.5rem;
}

.news-sec-item .new-sec-info .detail {
	width: max-content;
	height: 1.5rem;
	line-height: 1.5rem;
	border-radius: 0.8rem;
	text-align: center;
	font-size: 0.8rem;
	font-weight: normal;
	color: #666666;
}

/* 新闻资讯 */

/* 合作伙伴 */
.partners-section {
	padding: 3rem 0;
	background: #F5F5F5;
}

.partner-con {
	padding: 2rem 0;
}

.partner-item {
	margin: 1rem 1rem 0;
	cursor: pointer;
}

.partner-item img {
	height: 9rem;
	border-radius: 0.2rem;
}

/* 合作伙伴 */

/*右侧悬浮*/
.right-fixed {
	position: fixed;
	right: 0;
	top: 30%;
	width: 3.5rem;
	height: 14.8rem;
	border-radius: 0.2rem 0 0 0.2rem;
	cursor: pointer;
	transition: all .3s ease;
	z-index: 9;
}

.right-fixed .rig-f-ul {
	list-style: none;
}

.right-fixed .rig-f-img {
	width: 1.5rem;
	height: 1.5rem;
	margin: 1rem;
}

.right-fixed .rig-f-ul li {
	width: 11rem;
	height: 3.5rem;
	color: #fff;
	background: #ff6a64;
	margin-bottom: 0.2rem;
	border-radius: 0.2rem;
	transition: all .5s ease;
	overflow: hidden;
}

.right-fixed .rig-f-ul li a {
	color: #FFFFFF;
	text-decoration: none;
}

.right-fixed .rig-f-ul li a:hover {
	color: #FFFFFF;
}

.right-fixed:hover {
	right: 7.8rem;
}

.rig-f-ercode .code-img {
	width: 7rem;
	height: 7rem;
	border-radius: 0.1rem;
	margin: 0 2rem;
}

.right-fixed:hover .rig-f-ercode {
	height: 12rem;
}

/*右侧悬浮*/

/* 底部 */
.footer {}

.footer-top {
	background: #25292C;
	border-bottom: 1px solid #363636;
	color: #ECECEC;
	padding: 2rem 0 0.8rem;
}

.footer-top h5 {
	padding-bottom: 1rem;
}

.footer-one {}

.footer-two {
	font-size: 0.9rem;
}

.footer-tow strong {}

.footer-two .contact-ul {
	list-style: none;
}

.footer-two .contact-ul li {
	padding-bottom: 0.6rem;
}

.footer-two .contact-ul li a {
	color: #ECECEC;
}

.footer-two .contact-ul li a:hover {
	color: #ECECEC;
	text-decoration: none;
}

.footer-three {}

.footer-three .kefu {
	width: 8rem;
	height: 8rem;
}

.friendly-links {
	color: #7c7c7c;
	font-size: 0.9rem;
	padding-top: 1rem;
}

.friendly-links a {
	color: #7c7c7c;
	text-decoration: none;
}

.footer-bottom {
	background: #25292C;
	color: #7c7c7c;
	line-height: 2rem;
	padding: 0.8rem 1rem 0.3rem;
}

.footer-bottom a {
	color: #7c7c7c;
}

.footer-bottom a:hover {
	color: #7c7c7c;
	text-decoration: none;
}

.footer-box {
	position: fixed;
	z-index: 999;
	width: 100%;
	bottom: 0;
	display: none;
}

.footer-box .ftb-item {
	width: 50%;
	color: #FFFFFF;
	background: #ff6a64;
	text-align: center;
	height: 3rem;
	line-height: 3rem;
}

.ftb-item a {
	color: #FFFFFF;
	text-decoration: none;
}

.ftb-item:first-child {
	background: #4AB886;
}

/* 底部 */

/* ---page-about_us--- */
.about-menu {
	padding: 2rem 0 1rem;
	list-style: none;
}

.about-menu .ab-m-item {
	width: 8rem;
	height: 3rem;
	line-height: 3rem;
	border-radius: 0.2rem;
	text-align: center;
	color: #FFFFFF;
	background: #40444b;
	margin-right: 1rem;
}

.about-menu .ab-m-item.active {
	background: #d3433e;
}

.about-list .about-con {
	padding-bottom: 3rem;
}

.about-list .about-con:nth-child(2) {
	display: none;
}

.about-con {
	padding-top: 1rem;
}

.about-con .about-info {
	padding-top: 2rem;
}

.about-con .ab-culture-item {}

.ab-culture-item {
	padding-top: 1rem;
}

.cul-title {
	font-size: 1.1rem;
	padding-bottom: 0.3rem;
}

.cul-info {
	color: #555555;
}

.about-introduction {
	padding: 3rem 0;
}

.about-culture {
	background-image: url("../images/ab_bg.jpg");
	background-size: 100% 100%;
	padding: 3rem 0;
	color: #FFFFFF;
}

.about-culture .cul-title {
	font-weight: bold;
}

.about-culture .cul-info {
	color: #e2e2e2;
}

/* ---page-about_us--- */

/* ---page-contact--- */
.contact-section {
	padding-top: 2rem;
	position: relative;
}

.contact-sec-head {
	position: relative;
}

.contact-title {
	font-weight: bold;
}

.contact-menu-row {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.cont-m-item {
	margin-top: 1rem;
	padding: 2.5rem 1rem;
	background: #FFFFFF;
	transition: all .5s ease;
	text-align: center;
	border-radius: 0.2rem;
	box-shadow: rgba(0, 0, 0, 0.02) 0 0 10px 1px;
}

.cont-m-item .cont-m-icon {
	width: 2.5rem;
	height: 2.5rem;
	transition: all .5s ease;
}

.cont-m-item .cont-m-info {
	font-weight: bold;
	margin-top: 1.2rem;
	height: 3rem;
	line-height: 1.5rem;
}

.cont-m-item .cont-m-info a {
	color: #212529;
	text-decoration: none;
}

.cont-m-item:hover {
	background: #F1F1F1;
}

.cont-m-item:hover .cont-m-icon {
	transform: scale(1.5);
}

.contact-con-section {
	padding-bottom: 3rem;
}

.contact-map {
	background: #FFF;
	padding: 2rem;
	border-radius: 0.5rem;
}

.cont-map-title {
	font-weight: bold;
	text-align: center;
	position: relative;
	padding-bottom: 0.5rem;
}

.cont-map-title::after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;
	width: 4rem;
	height: 0.15rem;
	border-radius: 0.15rem;
	background: linear-gradient(to right, #5c5c5c, #333333);
	transform: translate(-50%, 0);
}

.map-canvas {
	margin-top: 2rem;
}

.contact-message {
	background: #FFF;
	padding: 2rem;
	border-radius: 0.2rem;
}

.contact-message .cont-mes-title {
	font-weight: bold;
	text-align: center;
	position: relative;
	padding-bottom: 0.5rem;
}

.cont-mes-title::after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;
	width: 4rem;
	height: 0.15rem;
	border-radius: 0.15rem;
	background: linear-gradient(to right, #5c5c5c, #333333);
	transform: translate(-50%, 0);
}

.contact-message .form-sub-btn {
	text-align: center;
}

.contact-message .sub-message-btn {
	width: 20rem;
	height: 3rem;
	border-radius: 0.2rem;
	letter-spacing: 0.5rem;
	text-indent: 0.5rem;
}

/* ---page-contact--- */

/* ---article_page--- */
.article-page {}

.article-section {
	padding: 3rem 0;
}

.article-title {
	font-weight: bold;
	font-size: 1.2rem;
	padding-bottom: 0.5rem;
}

.article-t-row {
	font-size: 0.9rem;
	color: #666;
}

.info_body img {
	max-width: 100%;
	max-height: 100%;
}

.back-dir-box {
	padding: 2rem 0;
	text-align: center;
}

.back-dir-btn {
	width: 10rem;
	height: 3rem;
	color: #FF6A68;
	border: 1px solid #FF6A68;
	border-radius: 0.5rem;
	background: none;
	margin: 0 auto;
	letter-spacing: 0.2rem;
	text-indent: 0.2rem;
	margin-right: 0.5rem;
}

.back-dir-btn a {
	color: #FF6A68;
	text-decoration: none;
}

.cooperate-btn {
	width: 10rem;
	height: 3rem;
	color: #FFFFFF;
	background: #FF6A68;
	border: 1px solid #FF6A68;
	border-radius: 0.5rem;
	margin: 0 auto;
	letter-spacing: 0.2rem;
	text-indent: 0.2rem;
}

.cooperate-btn a {
	color: #FFFFFF;
	text-decoration: none;
}

.article-prev-next {
	padding: 2rem 0;
	border-top: 1px solid #dddddd;
	color: #666666;
	font-size: 0.9rem;
}

.article-prev-next a {
	color: #212529;
	text-decoration: none;
}

.article-prev-next a:hover {
	color: #212529;
}

.art-search {
	position: relative;
	box-shadow: 0 0 2rem rgba(51, 51, 51, .1)
}

.art-search input {
	height: 3rem;
	border: 1px solid #d6d4d4
}

.searcart-searchh input:focus {
	box-shadow: none;
	border: 1px solid #40444b
}

.art-search button {
	position: absolute;
	top: 0.2rem;
	right: 0.2rem;
	height: 2.6rem;
	width: 5rem;
	background: #40444b;
	border-color: #40444b;
}

.art-con {}

.art-con-tabs {
	padding: 2rem 0 0;
	list-style: none;
}

.art-con-tabs .tab {
	width: 50%;
	height: 3rem;
	line-height: 3rem;
	border-radius: 0.2rem;
	text-align: center;
	background: #F5F5F5;
}

.art-con-tabs .tab.active {
	position: relative;
	color: #FF6A68;
	background: #FFFFFF;
	transition: all .3s ease;
}

.art-con-tabs .tab.active::after {
	position: absolute;
	content: "";
	height: 2px;
	width: 100%;
	background: #FF6A68;
	left: 50%;
	transform: translate(-50%, 0);
	transition: all .3s ease;
}

.art-list {
	padding: 0;
	background: #FFFFFF;
}

.art-list .art-l-tab {
	padding: 0.5rem 1rem;
}

.art-list .art-l-tab .none-img {
	width: 100%;
}

.art-list .art-l-tab:nth-child(2) {
	display: none;
}

.art-list .art-l-tab .art-l-item {
	padding: 1rem 0;
}

.art-list .art-l-tab .art-l-item a {
	color: #212529;
	text-decoration: none;
}

.art-list .art-l-tab .art-l-item+.art-l-item {
	border-top: 1px solid #eeeeee;
}

.art-list .art-l-tab .art-l-item .art-l-info {
	width: 60%;
	padding: 0.2rem 0 0 0.5rem;
}

.art-list .art-l-tab .art-l-item img {
	width: 40%;
	height: 5rem;
	border-radius: 0.2rem;
}

.art-list .art-l-tab .art-l-item .title {
	height: 3rem;
	padding: 0;
	font-size: 1rem;
}

.art-list .art-l-tab .art-l-item .add-time {
	font-size: 0.9rem;
	color: #666;
	padding-top: 0.2rem;
}

.art-list .art-l-tab .art-none-txt {
	color: #999999;
	font-size: 0.9rem;
	text-align: center;
}

/* ---article_page--- */

/* ---login_page--- */
.login-page {}

.login-page .login-box {
	width: 800px;
	height: 600px;
	background: #FFFFFF;
	border-radius: 10px;
	margin: 4rem auto;
	position: relative;
}

.login-page .login-box .title {
	text-align: center;
	font-weight: bold;
	padding: 1rem 0;
}

.login-page .login-box .login-type {
	position: absolute;
	top: 0;
	right: 0;
	width: 4rem;
	height: 4rem;
}

.login-page .login-box .login-type img {
	width: 3rem;
	height: 3rem;
}

.login-page .login-box .login-type .pc-img {
	width: 3rem;
	height: 3rem;
	margin: 0.5rem auto;
}

.login-page .login-box .login-type .code-img {
	width: 2.5rem;
	height: 2.5rem;
	margin: 0.75rem auto;
}

.login-page .login-box .weixin {
	display: none;
}

.login-form {
	padding-top: 2rem;
}

.login-form .form-group {
	align-items: center;
	justify-content: center;
}

.login-form .form-control {
	width: auto;
	margin-left: 1rem;
}

.login-btn {
	width: 18rem;
	height: 3rem;
	border-radius: 0.2rem;
	letter-spacing: 0.5rem;
	text-indent: 0.5rem;
	margin-top: 2rem;
	font-weight: bold;
}

.login-other-type {
	padding-top: 3rem;
}

.login-other-type p {
	font-size: 0.9rem;
	color: #999999;
}

.other-type-img {
	width: 3rem;
	height: 3rem;
	margin-top: 2rem;
}

.weixin-login-form {
	display: none;
}

.login-weixin-code {
	width: 12rem;
	height: 12rem;
}

.login-type-title {
	padding-top: 1rem;
}

#weixin-login-box h6 {
	padding-top: 0.5rem;
}

/* ---login_page--- */

/* ---app_page--- */
.appl-what-section {
	padding: 3rem 0;
}

.appl-w-row {
	padding-top: 2rem;
}

.appl-w-item {
	background: #FFFFFF;
	border-radius: 0.5rem;
	padding: 2rem 0.5rem;
	text-align: center;
	margin: 0.5rem 0;
}

.appl-w-item .appl-w-icon {
	width: 4rem;
	height: 4rem;
}

.appl-w-item .title {
	padding: 0.5rem 0;
	font-size: 1.2rem;
}

.appl-w-item p {
	color: #666666;
	font-size: 0.9rem;
}

.appl-w-tips {
	color: #666666;
	padding: 1rem;
}

.appl-know-section {
	background: #f1f4f7;
	padding: 3rem 0;
}

.appl-k-row {
	padding-top: 2rem;
}

.appl-k-item {
	text-align: center;
	margin-top: 1rem;
}

.appl-k-item .appl-k-icon {
	width: 4rem;
	height: 4rem;
}

.appl-k-item h3 {
	padding: 0.5rem 0;
	font-size: 1.2rem;
	color: #4b4c4d;
}

.appl-k-tips-title {
	color: #4b4c4d;
	padding: 1rem 0 0.5rem;
	font-size: 1.2rem;
}

.appl-k-tips-info {
	color: #666666;
	padding: 0 1rem;
}

.appl-adva-section {
	padding: 3rem 0;
}

.appl-adva-row {
	padding-top: 2rem;
}

.appl-adva-item {
	text-align: center;
}

.appl-adva-icon {
	width: 4rem;
	height: 4rem;
}

.appl-adva-item h3 {
	padding: 0.5rem 0;
	font-size: 1.2rem;
}

.appl-adva-item p {
	color: #666666;
}

.appl-adva-item:hover .appl-adva-icon {
	animation: rotate360 0.5s linear;
}

@keyframes rotate360 {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.appl-process-section {}

.appl-p-box {
	height: 10rem;
	background: rgba(0, 0, 0, 0.8);
}

.appl-p-box .appl-p-title {
	color: #FFFFFF;
	padding: 3.6rem 0;
	font-size: 2rem;
	letter-spacing: 0.2rem;
	text-indent: 0.2rem;
}

.appl-p-row {
	padding: 3rem 0;
}

.appl-p-item {
	margin-top: 1rem;
}

.appl-p-step {
	background: #2eafbb;
	border-radius: 100%;
	box-shadow: 0 0 1rem #2eafbb;
	font-size: 3rem;
	height: 4rem;
	width: 4rem;
	font-weight: 400;
	display: inline-block;
	line-height: 4rem;
	color: #fff;
}

.appl-p-item h3 {
	padding: 1rem 0;
	font-size: 1.2rem;
}

.app-shop-section {
	background: #f2f2f2;
	padding: 3rem 0;
}

.app-shop-row {}

.app-shop-item {}

.app-shop-icon {
	width: 5rem;
	height: 5rem;
}

.app-shop-item h3 {
	padding: 0.5rem 0;
	font-size: 1.2rem;
}

.app-shop-item ul {
	list-style: none;
}

.app-shop-item ul li {
	color: #606060;
	padding-top: 0.2rem;
}


.app-scene-section {
	padding: 3rem 0;
}

.app-scene-item {
	background: #FFFFFF;
	border-radius: 0.5rem;
	padding: 2rem 0.5rem;
	text-align: center;
	margin: 0.5rem 0;
}

.app-scene-item .appl-w-icon {
	width: 4rem;
	height: 4rem;
}

.app-scene-item h3 {
	color: #4c535a;
	padding: 0.5rem 0;
	font-size: 1.3rem;
}

.app-scene-item p {
	color: #666666;
	font-size: 0.9rem;
}

.app-scene-icon {
	margin: 0 auto;
}


.app-marketing-section {
	padding: 3rem 0;
	background: #FFFFFF;
}

.app-market-row {
	padding-top: 2rem;
}

.app-market-item {
	text-align: center;
	color: #4c535a;
	padding: 1rem;
	border: 1px solid #e7e7e7;
}

.app-market-item .app-mi-icon {
	width: 5rem;
	height: 5rem;
}

.app-mi-title {
	padding: 1rem 0;
	font-weight: bold;
	font-size: 1.2rem;
}

.app-mi-info {
	font-size: 0.9rem;
}


.app-framework-section {
	padding: 3rem 0;
}

.app-framework-row {
	padding-top: 2rem;
}

.app-frmaework-item {
	display: flex;
	padding: 1rem;
	color: #4c535a;
	margin-top: 1rem;
	background: #FFFFFF;
	box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px 2px;
}

.app-frm-icon {
	width: 5rem;
	height: 5rem;
}

.app-frm-box {
	padding: 0.5rem;
}

.app-frm-box .app-frm-title {
	font-weight: bold;
	font-size: 1.2rem;
}

.app-frm-box .app-frm-info {
	font-size: 0.9rem;
}


.app-service-section {
	padding: 3rem 0;
	background: #FFFFFF;
}

.app-service-row {
	padding-top: 2rem;
}

.app-ser-item {
	color: #4c535a;
}

.app-ser-item .app-ser-icon {}

.app-ser-item .app-ser-title {
	padding: 1rem 0 0;
	font-size: 1.2rem;
}

.app-ser-title+.app-ser-title {
	padding-top: 0;
}


.app-ser-btn {
	width: 16rem;
	height: 3rem;
	line-height: 2.8rem;
	text-align: center;
	border-radius: 0.3rem;
	border: 0.1rem solid #4c535a;
	background: #F2F2F2;
	margin: 3rem auto 0;
}

.app-ser-btn .ser-link {
	color: #4c535a;
	font-size: 1.1rem;
	font-weight: bold;
	letter-spacing: 0.2rem;
	text-indent: 0.2rem;
	text-decoration: none;
	display: block;
	transition: all .3s ease;
}

.app-ser-btn .ser-link:hover {
	color: #FFFFFF;
	background: #4c535a;
}

/* ---app_page--- */

/* ---official_page---- */
.off-sol-section {
	padding: 3rem 0;
}

.off-sol-row {
	padding-top: 2rem;
}

.off-sol-col {}

.off-sol-item {
	color: #4c535a;
	padding-top: 1.6rem;
}

.off-sol-title {
	font-size: 1.1rem;
	font-weight: bold;
}

.off-sol-info {
	padding-top: 0.5rem;
}

.off-sys-section {
	padding: 3rem 0;
}

.off-sys-row {
	padding-top: 2rem;
}

.off-sys-item {
	color: #4c535a;
	padding: 1rem;
}

.off-sys-icon {
	width: 4rem;
	height: 4rem;
}

.off-sys-title {
	padding: 1rem 0;
	font-weight: bold;
	font-size: 1.2rem;
}

.off-sys-info {
	font-size: 0.9rem;
}

.off-feature-section {
	padding: 3rem 0;
	background: #f2f2f2;
}

.off-feature-row {
	padding-top: 2rem;
}

.off-process-section {
	padding: 3rem 0;
}

.off-process-row {
	padding-top: 2rem;
}

.off-process-item {
	width: 9rem;
	height: 10.4rem;
	background-image: url("../images/off_process.gif");
	background-size: 100% 100%;
	margin: 1rem auto 0;
	color: #4c535a;
}

.off-process-item:hover {
	background-image: url("../images/off_process_hover.png");
}

.off-process-title {
	padding-top: 3rem;
	font-size: 1.2rem;
}

.off-process-info {
	padding-top: 1rem;
	font-size: 0.9rem;
}


.off-service-section {
	padding: 3rem 0;
}

.off-service-row {
	padding-top: 2rem;
}

.off-ser-item {
	color: #4c535a;
}

.off-ser-icon {
	width: 9rem;
	height: 13rem;
}

.off-ser-title {
	padding: 1rem 0;
	font-size: 1.1rem;
}

/* ---official_page---- */

/* --- web_page --- */


.web-sol-section {
	padding: 4rem 0;
}

.web-sol-title {
	padding-bottom: 1rem;
	font-size: 1.2rem;
}

.web-sol-p+.web-sol-p {
	padding-top: 0.3rem;
}

.web-sol-highlight {
	color: #d3433e;
}

.web-sol-img {
	/* width: 25rem; */
}

.web-need-section {
	padding: 4rem 0;
	background: #FFFFFF;
}

.web-need-row {
	padding-top: 2rem;
}

.web-need-item {}

.web-need-icon {
	width: 9rem;
	height: 12rem;
}

.web-need-info {
	padding: 1rem 0;
	font-size: 0.9rem;
}

.web-need-item:nth-child(2n+1) .web-need-icon {
	margin-top: 2rem;
}

.web-market-section {
	padding: 3rem 0;
}

.web-market-row {
	padding-top: 2rem;
}

.web-market-item {
	padding: 1rem;
}

.web-market-icon {
	width: 11.6rem;
	height: 10rem;
}

.web-market-title {
	padding: 1rem 0 0;
	font-size: 1.2rem;
}

.web-market-en-title {
	font-size: 0.9rem;
}

.web-market-info {
	padding-top: 0.2rem;
	font-size: 0.9rem;
}

.web-provider-section {
	padding: 4rem 0;
}

.web-provider-row {
	padding-top: 2rem;
}


.web-phone-section {
	padding: 3rem 0;
	background: #FFFFFF;
}

.web-phone-row {
	padding-top: 2rem;
}

.web-phone-item {
	color: #666666;
	padding: 1rem;
	display: flex;
}

.web-phone-icon {
	width: 2rem;
	height: 2rem;
	margin-top: 1rem;
	margin-right: 0.8rem;
}

.web-phone-title {
	padding: 1rem 0;
	font-weight: bold;
	font-size: 1.2rem;
}

.web-phone-info {
	font-size: 0.9rem;
}


.web-ser-section {
	padding: 3rem 0;
	background: #d3433e;
	color: #FFF !important;
}

.web-ser-section .cont-ser-head .info {
	color: #FFFFFF;
	font-size: 1rem;
}

.web-ser-row {
	padding-top: 1rem;
}

.web-ser-item {
	padding: 1rem 0;
}

.web-ser-icon {
	width: 16rem;
	height: 10rem;
	border-radius: 0.2rem;
}

.web-ser-title {
	padding-top: 1rem;
	font-size: 1.1rem;
	font-weight: bold;
}

.web-ser-info {
	padding-top: 0.5rem;
	font-size: 0.9rem;
}

/* --- web_page --- */

/* --- work_order --- */
.work-order-page {}

.work-order-box {
	background: #FFF;
	padding: 1.5rem;
	margin: 2rem 0;
	border-radius: 0.5rem;
}

.wob-title {
	font-weight: bold;
	padding-bottom: 1rem;
}

.wo-upload {
	display: flex;
	width: 200px;
	height: 200px;
	margin-right: 10px;
	position: relative;
	border-radius: 5px;
	border: 1px dashed #8d8b8b;
}

.wup-box {
	flex: 1;
	position: relative;
}

.wup-box::before {
	content: '+';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-100%) scale(6);
	color: #8d8b8b;
}

.wup-box input {
	opacity: 0;
	width: 100%;
	height: 100%;
}

#imagePreviews {
	display: flex;
	flex-wrap: wrap;
}

.image-preview {
	width: 200px;
	height: 200px;
	margin: 0 10px 10px 0;
	background-color: #eee;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 5px;
}

.image-preview img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
}

.work-sub-btn {
	text-align: center;
	margin-top: 4rem;
}

.sub-work-btn {
	width: 20rem;
	height: 3rem;
	font-weight: bold;
	letter-spacing: 0.3rem;
	text-indent: 0.3rem;
}

.wob-list {}

.wobl-item {
	padding: 0.5rem 0;
}

.wobl-item+.wobl-item {
	border-top: 1px solid #eeeeee;
}

.wobl-item a {
	color: #333333;
	text-decoration: none;
}

.wobl-item .title {}

.wobl-item .cate {
	color: #999999;
	font-size: 0.9rem;
}

.wobl-item .time {
	font-size: 0.9rem;
}

.wobl-item .status {
	font-size: 0.9rem;
}

.status-warn {
	color: #ffa700;
}

.status-fail {
	color: #fd0b16;
}

.status-success {
	color: #29c16b;
}

.status-bg-warn {
	background: #ffa700;
}

.statusf-bg-fail {
	background: #fd0b16;
}

.status-bg-success {
	background: #29c16b;
}

.wobl-no-data {}

.wobl-no-data img {
	width: 100%;
}

.wobl-no-data .wobl-none-txt {
	color: #999999;
}

.wob-cate label {
	margin-right: 20px;
}

.wob-cate label input {
	margin-right: 10px;
}

/* --- work_order --- */

/* --- user_page ---*/
.user-box {
	margin: 0;
}

.user-left {
	margin: 1rem 0 0;
	padding: 0;
}

.user-right {
	margin: 1rem 0;
	padding: 0;
}

.user-cont {
	margin: 0 0.5rem;
	background: #FFFFFF;
	border-radius: 0.5rem;
}

.u-cont-head {
	padding: 0.8rem;
}

.u-cont-head .uch-avatar {
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
}

.u-cont-head .uch-info {
	padding-left: 0.5rem;
	max-width: 12rem;
}

.u-cont-head .uch-info .nickname {
	font-weight: bold;
	height: 2rem;
	line-height: 2rem;
}

.u-cont-head .uch-info .phone {
	color: #666666;
}

.u-cont-list {
	padding-bottom: 2rem;
}

.u-cont-list ul a {
	color: #333333;
	text-decoration: none;
}

.u-cont-list ul {
	list-style: none;
}

.u-cont-list ul li {
	padding: 0.8rem 0;
	margin: 0 1rem;
	border-bottom: 1px solid #eeeeee;
	position: relative;
}

.u-cont-list ul li .li-icon {
	width: 1rem;
	height: 1rem;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
}

.u-cont-list ul li .li-num {
	position: absolute;
	right: 1.2rem;
	top: 50%;
	transform: translate(0, -50%);
	width: 1.2rem;
	height: 1.2rem;
	line-height: 1.2rem;
	border-radius: 50%;
	font-size: 0.8rem;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background: red;
}

.u-cont-menu-item {
	padding: 1rem;
}

.u-cont-menu-item .title {
	font-weight: bold;
	height: 3rem;
	line-height: 3rem;
	border-bottom: 1px dotted #eee;
}

.u-cont-menu-item .service-row {
	padding-top: 1rem;
}

.u-cont-menu-item .ser-item {
	width: 20%;
	text-align: center;
	position: relative;
	margin-top: 0.6rem;
}

.u-cont-menu-item .ser-item .ser-con {
	margin: 0 0.5rem;
	padding: 0.5rem 0;
	border-radius: 0.5rem;
	box-shadow: rgba(0, 0, 0, 0.05) 0 0 0.5rem 0.1rem;
}

.u-cont-menu-item .ser-item a {
	color: #333333;
	text-decoration: none;
}

.ser-item .m-icon {
	width: 3.5rem;
	height: 3.5rem;
}

.ser-item .m-name {
	padding-top: 0.5rem;
}

.ser-item .m-num {
	width: 1.2rem;
	height: 1.2rem;
	line-height: 1.2rem;
	border-radius: 50%;
	font-size: 0.8rem;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background: red;
	position: absolute;
	top: 0.5rem;
	right: 1rem;
}

.ser-item .m-normal-num {
	color: red;
	border: 1px solid red;
	background: none;
	font-weight: normal;
}

/* --- user_page ---*/

/* ---work_order_detail--- */
.wo-detail {
	margin: 1rem 0;
	padding: 1rem;
	border-radius: 0.5rem;
	background: #FFFFFF;
	position: relative;
}

.wo-detail .title {
	font-size: 1.1rem;
	font-weight: bold;
}

.wo-detail .cate,
.add-time {
	color: #666666;
}

.wo-detail .status {
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 4rem;
	height: 1.5rem;
	line-height: 1.5rem;
	border-radius: 0.3rem;
	color: #FFF;
	text-align: center;
}

.wo-step {
	padding-top: 1rem;
}

.w-step-item {
	padding: 0.5rem 0;
}

.w-step-item+.w-step-item {
	border-top: 1px dotted #eee;
}

.w-step-item .avatar {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
}

.w-step-item .w-step-cont {
	padding-left: 0.5rem;
}

.w-step-item .w-step-cont .nickname {
	font-size: 0.9rem;
}

.w-step-item .w-step-cont .info {
	color: #666666;
	font-size: 0.9rem;
}

.wo-foot-ser {
	margin-bottom: 2rem;
}

.wo-service {
	align-items: center;
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 20px 2px;
	padding: 0.5rem;
	margin: 1rem 0;
	border-radius: 0.5rem;
}

.wo-service .wos-left {
	align-items: center;
}

.wo-service .kefu-icon {
	width: 3rem;
	height: 3rem;
}

.wo-service .wos-right .btn {
	background: #ececec;
}

.wo-service .wos-right .btn+.btn {
	margin-left: 0.5rem;
}

.wo-service .wos-right .btn-active {
	color: #FFFFFF;
	background: #007bff;
}

.wos-reply {
	margin-top: 1rem;
}

.wos-reply-btn {
	width: 20rem;
	height: 3rem;
	font-weight: bold;
	letter-spacing: 0.3rem;
	text-indent: 0.3rem;
}

.screenshot-box {
	padding: 1rem 0;
}

.screenshot-box .screenshot-pic {
	width: 10rem;
	height: 10rem;
	border-radius: 0.5rem;
}
.screenshot-pic+.screenshot-pic {
	margin-left: 1rem;
}

.outerdiv {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 22;
	width: 100%;
	height: 100%;
	display: none;
}

.innerdiv {
	position: absolute;
}

.inner-close {
	position: absolute;
	width: 40px;
	height: 40px;
}

.bigimg {
	border: 0.5rem solid #fff;
	border-radius: 0.5rem;
}


.btn:hover,
.btn:focus,
.btn:active,
.btn:visited {
	outline: none;
	box-shadow: none !important;
}

.page-link:focus {
	outline: none;
	box-shadow: none !important;
}

/* ---work_order_detail--- */

/* ---order_page--- */
.order-nav {
	list-style: none;
	background: #FFF;
	margin-top: 1rem;
	border-radius: 0.2rem;
	box-shadow: rgba(0, 0, 0, .04) 0 0 10px 2px;
}

.order-nav li {
	width: 8rem;
	padding: 0.8rem 0;
	/*height: 3rem;
	line-height: 3rem;*/
	text-align: center;
	position: relative;
}

.order-nav .on-li-active {
	color: #ff6a64;
	font-weight: bold;
}

.order-nav .on-li-active::after {
	position: absolute;
	content: "";
	width: 5rem;
	height: 1px;
	border-radius: 2px;
	background: #ff6a64;
	bottom: 2px;
	left: 50%;
	transform: translate(-50%, -50%);
}

.order-none-data {
	margin: 1rem 0;
	padding-bottom: 2rem;
	text-align: center;
	background: #FFF;
	border-radius: 0.5rem;
}

.order-none-data .ond-txt {
	color: #999999;
}

.order-list {
	padding: 0 0 2rem;
	min-height: 30rem;
}

.order-list .order-item {
	background: #FFFFFF;
	box-shadow: rgba(0, 0, 0, .04) 0 0 10px 2px;
	padding: 0.5rem;
	margin-top: 1rem;
	border-radius: 0.5rem;
	position: relative;
}

.order-box .status {
	color: #666666;
	font-size: 0.9rem;
}

.order-row {
	padding: 0.5rem 0;
	position: relative;
	z-index: 3;
}

.order-row .img {
	width: 5rem;
	height: 5rem;
	border-radius: 0.2rem;
}

.order-info {
	width: 63rem;
}

.order-info .name {
	width: 50rem;
}

.order-info .info {
	color: #ff6a64;
	font-weight: bold;
}

.order-info .info .yen {
	padding-right: 0.2rem;
	font-size: 0.9rem;
}

.order-total .yen {
	padding: 0 0.2rem;
	font-size: 0.9rem;
	font-weight: bold;
}

.order-total .total-money {
	font-weight: bold;
}

.order-refund {
	position: absolute;
	width: 5rem;
	height: 5rem;
	right: 0;
	top: 50%;
	transform: translate(-50%, -50%);
}

/* ---order_page--- */

/* ---spread-list--- */
.spread-list {
	padding: 1rem 0 2rem;
}

.spread-list .spread-item {
	margin: 0.8rem 0;
	padding: 0.8rem;
	box-shadow: rgba(0, 0, 0, 0.05) 0 0 10px 2px;
	border-radius: 0.3rem;
	align-items: center;
	position: relative;
}

.spread-list .spread-item .spi-img {
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
}

.spread-list .spread-item .spi-info {
	padding-left: 1rem;
}

.spread-list .spread-item .spi-info .nickname {
	max-width: 14rem;
}

.spread-list .spread-item .spi-info .phone {
	color: #999999;
	font-size: 0.9rem;
}

.spread-list .spread-item .spi-info .add-time {
	color: #999999;
	font-size: 0.9rem;
}

.spread-list .spread-item .spi-data {
	color: #333;
	font-size: 0.8rem;
	position: absolute;
	right: 0.8rem;
	text-align: right;
}

/* ---spread-list--- */

/* ---user_info--- */
.user-info-cont {
	padding: 1rem 1rem 3rem;
	margin: 1rem 0;
	background: #FFFFFF;
	border-radius: 0.2rem;
	box-shadow: rgba(0, 0, 0, .04) 0 0 10px 2px;
}

.user-info-cont .title {
	font-weight: bold;
	padding-bottom: 1rem;
}

.user-info-cont .avatar {
	text-align: center;
	position: relative;
}

.user-info-cont .fixed-cover {
	position: absolute;
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.4);
	left: 50%;
	top: 0;
	transform: translate(-50%, 0);
	display: none;
}

.user-info-cont .fixed-cover img {
	width: 3rem;
	height: 3rem;
	margin: 1rem;
}

.user-info-cont .avatar .avatar-img {
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px 2px;
}

.ui-box {
	padding-top: 2rem;
}

.ui-box .uib-ul {
	list-style: none;
}

.ui-box .uib-ul .uib-li {
	padding: 1rem 0;
	border-bottom: 1px solid #E4E8EB;
	align-items: center;
}

.ui-box .uib-ul .uib-li p {
	min-width: 8rem;
	color: #9A9A9A;
}

.ui-box .uib-ul .uib-li input {
	padding: 5px 10px;
	border: 1px solid #E4E8EB;
	outline: none;
	border-radius: 5px;
}

.ui-box .uib-btn {
	text-align: center;
	margin-top: 4rem;
}

.ui-box .uib-btn .uib-save-btn {
	width: 20rem;
	height: 3rem;
	font-weight: bold;
	letter-spacing: 0.3rem;
	text-indent: 0.3rem;
}

.avatar-upload {
	/* display: flex; */
	width: 5rem;
	height: 5rem;
	position: absolute;
	border-radius: 50%;
	border: 1px dashed #8d8b8b;
	background: rgba(0, 0, 0, 0.4);
	left: 50%;
	top: 0;
	transform: translate(-50%, 0);
	display: none;
}

.avup-box {
	flex: 1;
	position: relative;
	height: 5rem;
}

.avup-box::before {
	content: "";
	background-image: url("../images/user_icon/camera.png");
	background-size: 3rem 3rem;
	background-repeat: no-repeat;
	background-position-x: 1rem;
	background-position-y: 1rem;
	position: absolute;
	color: #8d8b8b;
	width: 5rem;
	height: 5rem;
}

.avup-box input {
	opacity: 0;
	width: 100%;
	height: 100%;
}

.user-info-cont .avatar:hover .fixed-cover {
	display: block;
}

.user-info-cont .avatar:hover .avatar-upload {
	display: block;
}

/* ---user_info--- */

/* ---order_info--- */
.order-details {
	background: #F2F2F2;
	margin: 1rem 0;
    padding: 0.5rem;
    border-radius: 0.2rem;
}
.order-d-title {
	padding: 0 0.3rem 0.5rem;
	font-weight: bold;
}
.order-details .header {
	padding: 0 0 0.5rem;
}

.order-details .header.on {
	background-color: #666 !important;
}

.order-details .header .data {
	margin-left: 0.27rem;
}

.order-details .header.on .data {
	margin-left: 0;
}

.order-details .header .data .state {
	font-weight: bold;
	margin-bottom: 0.07rem;
}

.order-details .header .data .time {
	margin-left: 0.2rem;
}

.order-details .order-h-nav {
	background-color: #fff;
	color: #282828;
	padding: 0.25rem 0;
}

.order-details .order-h-nav .navCon {
	padding: 0 0.4rem;
}

.order-details .order-h-nav .navCon .on {
	font-weight: bold;
	color: #f85143;
}

.order-details .order-h-nav .order-progress {
	padding: 0 1.7rem;
	margin-top: 0.1rem;
}

.order-details .order-h-nav .order-progress .line {
	width: 2rem;
	height: 0.02rem;
	background-color: #939390;
}

.order-details .order-h-nav .order-progress .iconfont {
	background: #939390;
	margin-top: -0.02rem;
	width: 0.3rem;
	height: 0.3rem;
	border-radius: 50%;
	line-height: 0.33rem;
	text-align: center;
	margin-right: 0 !important;
}
.order-details .order-h-nav .order-progress .font-color-red {
	background: #f85143;
}
.order-details .bg-color-red {
	background: #f85143;
}

.order-details .address {
	color: #868686;
	background-color: #fff;
	padding: 0.25rem 0.3rem 0.3rem 0.3rem;
}

.order-details .address .name {
	color: #282828;
	margin-bottom: 0.1rem;
}

.order-details .address .name .phone {
	margin-left: 0.4rem;
}

.order-details .line {
	width: 100%;
	height: 0.03rem;
}

.order-details .line img {
	width: 100%;
	height: 100%;
	display: block;
}

.order-details .wrapper {
	background-color: #fff;
	margin-top: 0.12rem;
	padding: 0.3rem;
}

.order-details .wrapper .item {
	color: #282828;
}

.order-details .wrapper .item~.item {
	padding-top: 0.8rem;
}

.order-details .wrapper .item .conter {
	color: #868686;
	text-align: right;
}

.order-details .wrapper .item .conter .copy {
	color: #333;
	border-radius: 0.03rem;
	border: 1px solid #666;
	padding: 0.03rem 0.15rem;
	margin-left: 0.24rem;
	font-size: 0.8rem;
    border-radius: 0.2rem;
}

.order-details .wrapper .actualPay {
	border-top: 0.01rem solid #eee;
	margin-top: 0.3rem;
	padding: 0.8rem 0;
}

.order-details .wrapper .actualPay .money {
	font-weight: bold;
}

.order-details .footer {
	width: 100%;
	bottom: 0;
	left: 0;
	background-color: #fff;
	padding: 1rem 0.3rem;
	border-top: 1px solid #eee;
}

.order-details .footer .bnt {
	width: auto;
	height: 2rem;
	text-align: center;
	line-height: 2rem;
	border-radius: 0.5rem;
	color: #fff;
	padding: 0 3%;
}

.order-details .footer .bnt.cancel {
	color: #aaa;
	border: 1px solid #ddd;
}

.order-details .footer .bnt.default {
	color: #444;
	border: 1px solid #444;
}

.order-details .footer .bnt~.bnt {
	margin-left: 0.18rem;
}

.order-details .goodCall {
	color: #e93323;
	text-align: center;
	width: 100%;
	padding: 1rem 0.3rem;
	border-bottom: 1px solid #eee;
	background: #fff;
}

.order-details .iconfont {
	margin-right: 0.15rem;
}

.order-details .geoPage {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 10000;
}

.order-details .writeOff {
	background-color: #fff;
	margin-top: 0.13rem;
	padding-bottom: 0.3rem;
}

.order-details .writeOff .title {
	color: #282828;
	border-bottom: 1px solid #f0f0f0;
	padding: 0.5rem 0.3rem;
}

.order-details .writeOff .grayBg {
	background-color: #f2f5f7;
	width: 15rem;
	height: 12rem;
	border-radius: 0.2rem 0.2rem 0 0;
	margin: 0.5rem auto 0 auto;
	padding-top: 0.55rem;
}

.order-details .writeOff .grayBg .pictrue {
	width: 11rem;
	height: 11rem;
	margin: 0 auto;
}

.order-details .writeOff .grayBg .pictrue img {
	width: 100%;
	height: 100%;
	display: block;
}

.order-details .writeOff .num {
	background-color: #f0c34c;
	width: 15rem;
	color: #282828;
	margin: 0 auto;
	border-radius: 0 0 0.2rem 0.2rem;
	text-align: center;
	padding: 0.6rem 0;
	font-size: 1.2rem;
}

.order-details .writeOff .rules {
	margin: 0.46rem 0.3rem 0 0.3rem;
	border-top: 0.01rem solid #f0f0f0;
	padding-top: 0.1rem;
}

.order-details .writeOff .rules .item {
	margin-top: 0.15rem;
}

.order-details .writeOff .rules .item .rulesTitle {
	color: #282828;
}

.order-details .writeOff .rules .item .rulesTitle .iconfont {
	color: #333;
	margin-right: 0.08rem;
	margin-top: 0.05rem;
}

.order-details .writeOff .rules .item .info {
	color: #999;
	margin-top: 0.05rem;
}

.order-details .writeOff .rules .item .info .time {
	margin-left: 0.2rem;
}

.order-details .map {
	color: #282828;
	border-bottom: 0.01rem solid #f0f0f0;
	margin-top: 0.3rem;
	background-color: #fff;
	padding: 0.5rem 0.3rem;
}

.order-details .map .place {
	width: 1.76rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	line-height: 0.5rem;
	text-align: center;
}

.order-details .map .place .iconfont {
	height: 0.27rem;
	line-height: 0.27rem;
	margin: 0.02rem 0.03rem 0 0;
}

.order-details .address .name .iconfont {
	margin-left: 0.1rem;
}


.orderGoods {
	background-color: #fff;
	margin-top: 0.3rem;
}

.orderGoods .total {
	width: 100%;
	padding: 0.5rem 0.2rem;
	border-bottom: 1px solid #f0f0f0;
	color: #282828;
	box-sizing: border-box;
}

.orderGoods .goodWrapper .item {
	margin-left: 1rem;
	padding-right: 1rem;
	border-bottom: 1px solid #f0f0f0;
	padding: 1rem 0;
}

.orderGoods .goodWrapper .item .pictrue {
	width: 6rem;
	height: 6rem;
}

.orderGoods .goodWrapper .item .pictrue img {
	width: 100%;
	height: 100%;
	border-radius: 0.2rem;
}

.orderGoods .goodWrapper .item .text {
	width: 260px;
	position: relative;
	padding-left: 0.5rem;
}

.orderGoods .goodWrapper .item .text .name {
	font-size: 1rem;
	color: #282828;
	width: 220px;
}

.orderGoods .goodWrapper .item .text .num {
	font-size: 0.9rem;
	color: #868686
}

.orderGoods .goodWrapper .item .text .attr {
	font-size: 0.9rem;
	color: #868686;
	margin-top: 0.3rem;
}

.orderGoods .goodWrapper .item .text .money {
	font-size: 0.9rem;
	margin-top: 0.2rem;
}

.orderGoods .goodWrapper .item .text .evaluate {
	position: absolute;
	width: 7rem;
	height: 3rem;
	border: 1rpx solid #bbb;
	border-radius: 4px;
	text-align: center;
	line-height: 3rem;
	right: 0;
	bottom: -2px;
}

.orderGoods .goodWrapper .item .text .evaluate.userEvaluated {
	font-size: 0.9rem;
	color: #aaa;
	background-color: #f7f7f7;
	border-color: #f7f7f7
}

/* ---order_info--- */


/* ---customer-service-list--- */
.customer-service-list {
	height: 50rem;
	background: #FFFFFF;
	margin: 2rem 0;
	box-shadow: rgba(0,0,0,0.05) 0 0 10px 2px;
	border-radius: 0.3rem;
}
.cust-ser-head {
	background: #40444b;
	border-radius: 0.3rem 0.3rem 0 0;
}
.cust-ser-title {
	padding: 0 1rem;
	height: 3rem;
	line-height: 3rem;
	color: #FFFFFF;
	font-weight: bold;
}
.csh-change {
	display: none;
}
.csh-change .csh-ch-img {
	width: 2rem;
	height: 2rem;
	margin: 0.5rem;
}
.cust-sl-nav {
	list-style: none;
	background: #FFF;
	border-radius: 0.2rem;
	box-shadow: rgba(0, 0, 0, .04) 0 0 10px 2px;
}

.cust-sl-nav li {
	width: 50%;
	padding: 0.8rem 0;
	text-align: center;
	position: relative;
}

.cust-sl-nav .on-li-active {
	color: #ff6a64;
	font-weight: bold;
}

/*.cust-sl-nav .on-li-active::after {
	position: absolute;
	content: "";
	width: 5rem;
	height: 1px;
	border-radius: 2px;
	background: #ff6a64;
	bottom: 2px;
	left: 50%;
	transform: translate(-50%, -50%);
}*/
.cust-ser-cont {
	display: flex;
}
.cust-ser-left {
	width: 30%;
	height: 47rem;
	overflow: scroll;
	/* scroll-bar-width: 0; */
	-ms-overflow-style: none;
	overflow-x: hidden;
	overflow-y: auto;
	box-shadow: rgba(0,0,0,0.05) 0 0 10px 2px;
}
.cust-ser-left::webkit-scrollbar {
	display: none;
}
.cust-ser-right {
	width: 70%;
	height: 47rem;
}
.cust-ser-item {
	padding: 0.5rem;
	margin: 0;
	border-bottom: 1px solid #eeeeee;
	position: relative;
}
.cust-ser-item.on {
	background: rgba(255, 106, 100, 0.1);
}
.cust-ser-item.on::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 2px;
	height: 4rem;
	background: rgba(255, 106, 100);
}
.cust-ser-item .csi-avatar {
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
}
.cust-ser-item .csi-info-row {
	width: 12rem;
}
.cust-ser-item .csi-info {
	width: 12rem;
	padding-left: 0.5rem;
}
.cust-ser-item .csi-info .nickname {
	max-width: 10rem;
}
.cust-ser-item .csi-info .msg {
	color: #666666;
	font-size: 0.9rem;
}
.cust-ser-item .csi-no-look {
	position: absolute;
	right: 0.5rem;
	bottom: 0.5rem;
	width: 1rem;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	color: #FFFFFF;
	background: red;
	font-size: 0.8rem;
	font-weight: bold;
	border-radius: 50%;
}
.cust-ser-item .csi-left {
	position: absolute;
	right: 1rem;
}
.cust-ser-item .csi-left .time {
	color: #a9a9a9;
	font-size: 0.8rem;
}

.c-message-box {
	height: 37rem;
	overflow: scroll;
	-ms-overflow-style: none;
	overflow-x: hidden;
	overflow-y: auto;
}
.c-message-box::-webkit-scrollbar {
	display: none;
}
.c-message-box .cmb-more-txt {
	text-align: center;
	padding: 1rem;
	font-size: 0.9rem;
	color: #666;
}
.c-message-send {
	height: 10rem;
	box-shadow: rgba(0,0,0,0.05) 0 0 10px 2px;
	position: relative;
}
.upload-img {
	width: 2rem;
	height: 2rem;
	position: absolute;
	left: 1rem;
	bottom: 1rem;
}
.c-message-box .mes-item {
	padding: 0.5rem;
}
.c-message-box .mes-item .avatar-img {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
}
.c-message-box .mes-item .msg-img {
	max-width: 16rem;
}
.c-message-box .mes-item .mes-msg {
	max-width: 25rem;
	padding: 0.5rem;
	background: #999999;
	margin-left: 1rem;
	border-radius: 0.2rem;
	position: relative;
	width: max-content;
}
.c-message-box .mes-item .mes-user {
	color: #666666;
	font-size: 0.9rem;
	padding-left: 1rem;
	padding-bottom: 0.3rem;
}
.c-message-box .mes-item .mes-user .nickname {
	padding-right: 0.4rem;
}
.c-message-box .mes-item .mes-user .time {

}
.c-message-box .mes-left-item .mes-msg::before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-bottom: 5px solid transparent;
	border-right: 8px solid #999999;
	border-top: 5px solid transparent;
	left: -8px;
	top: 12px;
}
.c-message-box .mes-right-item {
	justify-content: right;
	margin-right: 1rem;
}
.c-message-box .mes-right-item .mes-msg {
	margin-right: 1rem;
	background: #ff6a64;
	float: right;
}
.c-message-box .mes-right-item .mes-msg::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 8px solid #ff6a64;
	position: absolute;
	right: -8px;
	top: 15px;
}

.c-message-box .mes-right-item .mes-user {
	text-align: right;
	padding-left: 0;
	padding-right: 1rem;
}

.c-message-send .m-send-textarea {
	width: 100%;
	height: 6rem;
	border: none;
	padding: 0.5rem;
	outline: none;
	resize: none;
	overflow: hidden;
}
.c-message-send .m-send-btn {
	float: right;
	margin-right: 1rem;
}
/* ---customer-service-list--- */

/* --- 分页 --- */
.page-paging {
	padding-top: 1rem;
}

.nav-page {
	padding-top: 2rem;
}

/* --- 分页 --- */


/* ---toast--- */
.toast-wrap{
	opacity: 0;
	position: fixed;
	top: 50%;
	transform: translate(0, -50%);
	color: #fff;
	width: 100%;
	text-align: center;
}
.toast-msg{
	background-color: rgba(0,0,0,0.7);
	padding: 6px 10px;
	border-radius: 5px;
}
.toastAnimate{
	animation: toastKF 2s;
}
@keyframes toastKF{
	0% {opacity: 0;}
	25% {opacity: 1; z-index: 9999}
	50% {opacity: 1; z-index: 9999}
	75% {opacity: 1; z-index: 9999}
	100% {opacity: 0; z-index: 0}
}
/* ---toast--- */

/* ------ */
.tool-pic-upload {
	width: 2rem;
	height: 2rem;
	margin: 0.5rem;
	position: absolute;
	left: 0;
	bottom: 0;
	display: none;
}
.tpup-box {
	flex: 1;
	position: relative;
	height: 5rem;
}
.tpup-box input {
	opacity: 0;
	width: 100%;
	height: 100%;
}
.tool-pic-box {
	position: absolute;
}
.tool-pic {
	width: 2rem;
	height: 2rem;
	margin: 0.5rem;
}
.tool-pic-box:hover .tool-pic-upload {
	display: block;
}
/* ------ */

.dialogue-support-btn {
	position: fixed;
	display: inline-block;
	bottom: 10%;
	right: 0;
	margin-top: -70px;
	padding: 10px 0;
	width: 40px;
	height: 150px;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	cursor: pointer;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.1);
	background-color: #5d94f3;
	color: #FFFFFF;
}

.dialogue-support-btn .dialogue-support-icon {
	position: relative;
	display: inline-block;
	margin-bottom: -2px;
	width: 20px;
	height: 16px;
	border-radius: 4px;
	background-color: #fff;
}

.dialogue-support-btn .dialogue-support-icon:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -6px;
	margin-left: -3px;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid #fff;
}

.dialogue-support-btn .dialogue-support-line {
	display: inline-block;
	width: 100%;
	height: 1px;
	background-color: #ddd;
}

.dialogue-support-btn .dialogue-support-text {
	padding: 5px 0;
	letter-spacing: 4px;
	writing-mode: vertical-rl;
	-webkit-user-select: none;
}