@charset "utf-8";
@font-face {
	font-family: 'Montserrat';
	font-weight: normal;
	font-style: normal;
	src: url('Montserrat/Montserra-Regular.otf');
	src: local('Montserrat'), url('Montserrat/Montserrat-Regular.woff') format('woff'), url('Montserrat/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'MontserratLight';
	font-weight: normal;
	font-style: normal;
	src: url('Montserrat/Montserrat-Light.otf');
	src: local('Montserrat-Light'), url('Montserrat/Montserrat-Light.woff') format('woff'), url('Montserrat/Montserrat-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'MontserratBold';
	font-weight: normal;
	font-style: normal;
	src: url('Montserrat/Montserrat-ExtraBold.otf');
	src: local('Montserrat-ExtraBold'), url('Montserrat/Montserrat-ExtraBold.woff') format('woff'), url('Montserrat/Montserrat-ExtraBold.ttf') format('truetype');
}

html,
body,
div,
p,
ul,
li,
ol,
dl,
dt,
dd,
form,
input,
textarea,
table,
tr,
td,
img,
a,
span,
em,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-style: normal;
	font-weight: normal;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

html,
body {
	width: 100%;
}

body {
	font-family: 'Montserrat', arial, Helvetica, sans-serif;
	line-height: 1.3;
	font-size: 16px;
	overflow-x: hidden;
	color: #000;
	padding-top: 90px;
	background: #dcf7e0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
}

input,
select,
option,
textarea {
	border: none;
	outline: none;
	font-family: 'Montserrat', arial, Helvetica, sans-serif;
}

img {
	border: none;
}

a {
	color: #000000;
}

a,
a:hover,
a:active,
a:visited,
a:link {
	text-decoration: none;
	outline: 0;
}

a:hover {
	color: #134126;
}

ul li {
	margin: 0;
}

ul,
li {
	list-style: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
	clear: both;
}

.none {
	display: none;
}

.block {
	display: block;
}

.w {
	padding: 0 5%;
}

.ellipsis {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ellipsis-3 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.ellipsis-4 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.ellipsis-5 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.ellipsis-6 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}

::-webkit-input-placeholder {
	color: #000;
}

:-moz-placeholder {
	color: #000;
}

::-moz-placeholder {
	color: #000;
}

:-ms-input-placeholder {
	color: #000;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	-webkit-appearance: none;
}

.overflow {
	overflow: hidden;
}

.layui-layer.layui-layer-mystyle ::-webkit-scrollbar {
	width: 3px;
	background-color: #D9E3DB;
}

.layui-layer.layui-layer-mystyle ::-webkit-scrollbar-thumb {
	background-color: #133b21;
	border-radius: 5px;
}

.layui-layer.layui-layer-mystyle ::-webkit-scrollbar-track:hover {
	background-color: #D9E3DB;
}

.layui-layer.layui-layer-mystyle ::-webkit-scrollbar-thumb:hover {
	background-color: #133b21;
}


/*  *  * header *  * */

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: -webkit-linear-gradient(273deg, #10361F -17%, #164A2B 100%);
	background: -moz-linear-gradient(273deg, #10361F -17%, #164A2B 100%);
	background: -o-linear-gradient(273deg, #10361F -17%, #164A2B 100%);
	background: linear-gradient(273deg, #10361F -17%, #164A2B 100%);
	z-index: 999;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

header.fixed {
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
}

.head-main {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: nowrap;
	align-content: center;
	height: 90px;
	line-height: 90px;
	font-size: 0;
	z-index: 2;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.head-main .logo {
	width: 14.8%;
	margin-right: auto;
}

.head-main .logo img {
	display: block;
	width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.show-search-btn {
	width: 71%;
	cursor: pointer;
}

.datasearch-box {
	position: relative;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 25px;
	overflow: hidden;
	height: 51px;
	line-height: 51px;
	padding: 0 80px 0 60px;
	background: #fff url(../images/search.png) no-repeat 25px center;
}

.layui-input.datatitle {
	height: 49px;
	line-height: 49px;
	padding-left: 5px;
	font-size: 18px;
	border: 0;
	background: transparent;
	box-shadow: none!important;
}

.layui-btn.datasearch-submit {
	position: absolute;
	right: 30px;
	top: 10px;
	width: 30px;
	height: 30px;
	padding: 0;
	border-radius: 50%;
	background: #134126 url(../images/searchf.png) no-repeat center center;
	background-size: 17px 18px;
	transform: scale(0);
}

.datasearch-box:hover .layui-btn.datasearch-submit {
	transform: scale(1);
}

.icons {
	margin-left: 24px;
}

.icons img {
	display: block;
	width: 24px;
	height: 24px;
}

.icons:hover {
	color: #000;
	animation: jump .3s;
}

@keyframes jump {
	0% {
		transform: translateY(0)
	}
	50% {
		transform: translateY(-3px)
	}
	to {
		transform: translateY(0)
	}
}


/*  *  *  *  * */

.navlinks {
	margin-top: 20px;
}

.navmenu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	align-content: center;
	position: relative;
	z-index: 3;
}

.navlinks .leftnav {
	display: flex;
	align-items: flex-start;
	background: url(../images/menu.png) no-repeat left 4px;
	padding-left: 35px;
}

.navlinks .leftnav .text {
	display: inline-flex;
	font-size: 16px;
	color: #000000;
	text-transform: uppercase;
	margin-right: 20px;
	cursor: pointer;
	font-weight: bold;
	line-height: 20px;
	height: 30px;
	background: url(../images/navjiaoicon.png) no-repeat center 200%;
	background-size: 20px 10px;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.navlinks .leftnav .active .text {
	font-family: 'MontserratBold';
	color: #134126;

	padding-bottom: 10px;
}
.navlinks .leftnav .navlinks-box.oneactive .text,
.navlinks .leftnav .navlinks-box.active:first-child .text {
	background-position: bottom center;
}
 
.navlinks-container {
	position: absolute;
	left: 0;
	top: 100%;
	width: 354px;
	background: #22b95c;
	border-radius: 10px 0 0 10px;
	display: none;
}

.navlinks-container:hover {
	/*background: #22b95c;*/
}

.navlinks .leftnav .active .navlinks-container {
	display: block!important;
}

.navlinks-container .nav-item {
	width: 100%;
	/*background: #22b95c;*/
	display: flex;
	align-items: stretch;
	border-bottom: 1px solid #bcf3cb;
	height: 60px;
}

.navlinks-container>ul>li:last-child .nav-item {
	border-radius: 0 0 0 10px;
}

.navlinks-container>ul>li:hover .nav-item,
.navlinks-container .nav-item:hover {
	background: -webkit-linear-gradient(282deg, #10361F -18%, #164A2B 100%);
	background: -moz-linear-gradient(282deg, #10361F -18%, #164A2B 100%);
	background: -o-linear-gradient(282deg, #10361F -18%, #164A2B 100%);
	background: linear-gradient(282deg, #10361F -18%, #164A2B 100%);
}

.navlinks-container .nav-item a {
	font-size: 18px;
	line-height: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	align-content: center;
	width: 100%;
}

.navlinks-container>ul>li:hover .nav-item a,
.navlinks-container .nav-item:hover a {
	color: #fff;
	font-weight: bold;
}

.navlinks-container .nav-item .box {
	display: flex;
	align-items: center;
}

.navlinks-container .nav-item i {
	width: 30px;
	margin-right: 10px;
	margin-left: 25px;
}

.navlinks-container .nav-item img {
	max-height: 30px;
	max-width: 30px;
}

.navlinks-container>ul>li:hover .nav-item img,
.navlinks-container .nav-item:hover img {
	-webkit-filter: invert(1);
	filter: invert(1);
}

.navlinks-container .nav-warp {
	border-radius: 10px;
	background: #FAFBDB;
	display: none;
	position: absolute;
	left: 344px;
	top: 0;
	height: 100%;
	padding: 20px 0;
}

.navlinks-container>ul>li:hover .nav-warp {
	display: block
}

.navlinks-container ::-webkit-scrollbar {
	width: 3px;
	background-color: #D9E3DB;
}

.navlinks-container ::-webkit-scrollbar-thumb {
	background-color: #133b21;
	border-radius: 5px;
}

.navlinks-container ::-webkit-scrollbar-track:hover {
	background-color: #D9E3DB;
}

.navlinks-container ::-webkit-scrollbar-thumb:hover {
	background-color: #133b21;
}

.morecategories {
	height: 100%;
	overflow-y: scroll;
	padding: 0 70px;
	font-weight: bold;
}

.morecategories .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	align-content: center;
	border-bottom: 1px solid #D8D8D8;
	text-transform: uppercase;
	padding: 20px 0;
}

.morecategories .title span {
	font-size: 20px;
}

.morecategories .title a {
	font-size: 18px;
	color: #123C22;
}

.morecategories .title a:hover {
	color: #000;
}

.morecategories ul {
	padding: 20px 0;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
}

.morecategories ul li {
	width: 16%;
	margin-left: 5%;
}

.morecategories ul li:nth-child(5n+1) {
	margin-left: 0;
}

.morecategories ul li a {
	display: block;
}

.morecategories ul li .pic {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}

.morecategories ul li .pic img {
	display: block;
	width: 100%;
}

.morecategories ul li a:hover .pic {
	opacity: .9;
}

.morecategories ul li .tbox {
	font-size: 16px;
	text-transform: uppercase;
	margin-top: 15px;
	text-align: center;
	line-height: 20px;
}

.morecategories ul li a:hover .tbox {
	color: #123C22;
}

.navlinks .rightnav {
	font-size: 16px;
}

.navlinks .rightnav a {
	margin-left: 18px;
}

.navlinks .rightnav a:hover {
	font-weight: bold;
}


/*  *  * bottom-join * */

.intitle {
	font-size: 40px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 49px;
}

.bottom-join {
	position: relative;
	padding: 80px 0;
}

.bottom-join .bg {
	position: absolute;
	left: 1%;
	right: 1%;
	height: 100%;
	top: 0;
	background: -webkit-gradient(linear, 100% 0, 0 0, from(#144427), to(#133F25));
	background: -webkit-linear-gradient(180deg, #144427 0%, #133F25 100%);
	background: -moz-linear-gradient(180deg, #144427 0%, #133F25 100%);
	background: -o-linear-gradient(180deg, #144427 0%, #133F25 100%);
	background: linear-gradient(180deg, #144427 0%, #133F25 100%);
	z-index: -1;
}

.bottom-join .main {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	align-content: center;
	position: relative;
	margin-top: 30px;
	z-index: 2;
}

.bottom-join .intitle {
	color: #fff;
	text-transform: none;
	text-align: center;
}

.bottom-join .form-box {
	position: relative;
	border-radius: 50px;
	overflow: hidden;
	height: 61px;
	line-height: 61px;
	width: 430px;
	padding-right: 50px;
	background: #DEFFE3;
}

.layui-input.setemail::-webkit-input-placeholder {
	color: #9E9E9E;
}

.layui-input.setemail:-moz-placeholder {
	color: #9E9E9E;
}

.layui-input.setemail::-moz-placeholder {
	color: #9E9E9E;
}

.layui-input.setemail:-ms-input-placeholder {
	color: #9E9E9E;
}

.layui-input.setemail {
	height: 59px;
	line-height: 59px;
	padding-left: 30px;
	font-size: 18px;
	border: 0;
	box-shadow: none !important;
	background: #DEFFE3;
}

.layui-input.setemail:focus {
	background: #DEFFE3;
}

.layui-btn.setemail-submit {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 40px;
	height: 40px;
	padding: 0;
	border-radius: 50%;
	background: #134126 url(../images/moreicon.png) no-repeat center center;
	background-size: cover;
}

.bottom-join .viewmore {
	height: 62px;
	line-height: 62px;
	background: #22B85C;
	font-weight: normal;
	color: #fff;
	margin-left: 20px;
}

.bottom-join .viewmore:hover {
	-moz-box-shadow: 0px 2px 10px rgba(34, 184, 92, 0.4);
	-webkit-box-shadow: 0px 2px 10px rgba(34, 184, 92, 0.4);
	box-shadow: 0px 2px 10px rgba(34, 184, 92, 0.4);
}


/* * * */

footer {
	position: relative;
}

footer .bg {
	position: absolute;
	left: 1%;
	right: 1%;
	height: 100%;
	top: 0;
	background: #fff;
	z-index: -1;
}

.footmain {
	padding: 80px 0 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.footmain dl {}

.footmain dt {
	font-size: 24px;
	font-weight: bold;
	color: #134126;
	text-transform: capitalize;
	margin-bottom: 15px;
}

.footmain dd a {
	font-size: 18px;
	line-height: 42px;
	text-transform: capitalize;
}

.footmain dd a:hover {}

.ewmbox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	align-content: center;
}

.ewmbox li {
	margin-left: 60px;
}

.ewmbox li:first-child {
	margin-left: 0;
}

.ewmbox li .ewm img {
	display: block;
	width: 113px;
}

.ewmbox li .tbox {
	text-align: center;
	font-size: 18px;
	line-height: 42px;
}

.footmain .desc {
	width: 100%;
	font-size: 18px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
}

.telbox {
	display: inline-flex;
	align-items: center;
	background: #22B85C;
	height: 53px;
	border-radius: 4px;
	line-height: 53px;
	justify-content: center;
	padding: 0 15px;
	margin-left: 28px;
}

.telbox img {
	width: 21px;
	height: 21px;
	margin-right: 10px;
}

.telbox+.telbox {
	color: #FFFFFF;
	margin-left: 10px;
	background: #134025;
}

.telbox:hover {
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
}

.footbottom {
	padding: 30px 0;
	border-top: 1px solid #D8D8D8;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-content: center;
}

.sharebox .tit {
	font-size: 18px;
	text-transform: uppercase;
	line-height: 42px;
}

.sharebox ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
}

.sharebox li {
	margin-right: 28px;
	position: relative;
}

.sharebox li a img {
	display: block;
	width: 29px;
}

.sharebox li a img:hover {
	opacity: .8;
	-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	-webkit-animation: shake 0.5s;
	animation: shake 0.5s;
}

@keyframes shake {
	0%,
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	25% {
		-webkit-transform: scale(0.9, 1.1);
		transform: scale(0.9, 1.1);
	}
	50% {
		-webkit-transform: scale(1.1, 0.9);
		transform: scale(1.1, 0.9);
	}
	75% {
		-webkit-transform: scale(0.95, 1.05);
		transform: scale(0.95, 1.05);
	}
}

.sharebox li .code {
	position: absolute;
	left: 50%;
	margin-left: -45px;
	bottom: 125%;
	display: none;
	width: 90px;
}

.sharebox li .code img {
	display: block;
	width: 100%;
}

.sharebox li:hover .code {
	display: block;
}

.copyright {
	text-align: right;
}


/* * * * index * * */

.banner .main {
	position: relative;
}

.banner .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 354px;
	height: 100%;
	background: #22b95c;
	border-radius: 10px 0px 0px 10px;
}

.arrows {
	position: absolute;
	right: 50px;
	bottom: 50px;
	z-index: 3;
	display: flex;
}

.arrows .swiper-button-next,
.arrows .swiper-button-prev {
	position: static;
	margin-top: 0;
	width: 36px;
	height: 36px;
	border-radius: 50px;
	background: url(../images/moreicon.png) no-repeat center center;
	background-size: cover;
}

.banner .arrows .swiper-button-next,
.banner .arrows .swiper-button-prev {
	width: 40px;
	height: 40px;
}

.arrows .swiper-button-next {
	margin-left: 20px;
}

.arrows .swiper-button-prev {
	transform: rotate(-180deg);
}

.arrows .swiper-button-prev:after,
.arrows .swiper-button-next:after {
	display: none;
}

.arrows .swiper-button-next:hover,
.arrows .swiper-button-prev:hover {
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
}

.bannerswiper .swiper-slide {
	overflow: hidden;
}

.bannerswiper {
	margin-right: 0;
	margin-left: auto;
	width: calc(100% - 364px);
	overflow: hidden;
	position: relative;
}

.nybanner .pic,
.bannerswiper .pic {
	border-radius: 10px;
	overflow: hidden;
}

.nybanner .pic img,
.bannerswiper .pic img {
	display: block;
	width: 100%;
}

.nybanner .tbox,
.bannerswiper .tbox {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 70px;
	color: #fff;
	z-index: 1;
}

.nybanner .tbox .tit,
.bannerswiper .tbox .tit {
	font-size: 40px;
	line-height: 49px;
	text-transform: uppercase;
}

.nybanner .tbox .desc,
.bannerswiper .tbox .desc {
	margin-top: 10px;
	line-height: 22px;
	font-size: 18px;
	font-family: 'MontserratLight';
}

.viewmore {
	display: inline-flex;
	justify-content: center;
	min-width: 185px;
	padding: 0 35px;
	height: 48px;
	line-height: 48px;
	border-radius: 50px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	background: -webkit-gradient(linear, 100% 0, 0 0, from(#144427), to(#133F25));
	background: -webkit-linear-gradient(180deg, #144427 0%, #133F25 100%);
	background: -moz-linear-gradient(180deg, #144427 0%, #133F25 100%);
	background: -o-linear-gradient(180deg, #144427 0%, #133F25 100%);
	background: linear-gradient(180deg, #144427 0%, #133F25 100%);
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.nybanner .viewmore,
.bannerswiper .viewmore {
	margin-top: 30px;
	min-width: 160px;
	color: #123C22;
	background: #fff;
}

.nybanner .viewmore:hover,
.viewmore:hover {
	background: #22B85C;
	color: #fff;
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
}

.bannerswiper .viewmore,
.bannerswiper .tbox .tit,
.bannerswiper .tbox .desc {
	transform: translateY(-60px);
	opacity: 0;
}

.bannerswiper .swiper-slide-active .tit {
	transform: translateY(0) translateZ(0);
	opacity: 1;
	transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
}

.bannerswiper .swiper-slide-active .desc {
	transform: translateY(0) translateZ(0);
	opacity: 1;
	transition: opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
}

.bannerswiper .swiper-slide-active .viewmore {
	transform: translateY(0) translateZ(0);
	opacity: 1;
	transition: opacity .6s linear .3s, transform .6s cubic-bezier(.215, .61, .355, 1) .3s;
}

.nybanner .main {
	display: block;
	position: relative;
}

.in-sec1 {
	margin-top: 10px;
}

.in-sec1 ul {
	background: #fff;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	padding: 40px 60px;
	border-radius: 10px;
	overflow: hidden;
}

.in-sec1 ul li {
	width: 25%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-content: flex-start;
}

.in-sec1 ul li .pic {
	width: 78px;
	height: 78px;
	border-radius: 4px;
	background: #DCEBDE;
	overflow: hidden;
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	align-items: center;
}

.in-sec1 ul li .pic img {
	max-width: 47px;
}

.in-sec1 ul li .tbox {
	margin-top: 15px;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	width: 100%;
	text-align: center;
}

.in-sec2 {
	margin-top: 110px;
	position: relative;
}

.in-sec2 .intitle {
	text-align: center;
}

.in-sec2 .main {
	margin-top: 35px;
	position: relative;
}

.in-sec2 .bg {
	position: absolute;
	right: -5%;
	top: 0;
	height: 100%;
	width: 311px;
	background: url(../images/sprobg.png) no-repeat left top;
	z-index: 1;
}

.singleprobox {
	border-radius: 10px;
	background: #FFFFFF;
	border: 3px solid #fff;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.singleprobox:hover {
	border-color: #134025;
}

.singleprobox .box {
	display: block;
	padding: 25px 8%;
	position: relative;
}

.singleprobox .discount {
	position: absolute;
	right: 8%;
	top: 25px;
	color: #FFFFFF;
	text-align: center;
	height: 28px;
	line-height: 28px;
	border-radius: 25px;
	background: #FF0000;
	min-width: 64px;
	z-index: 1;
}

.singleprobox .pic img {
	display: block;
	width: 100%;
}

.singleprobox .tbox {
	padding: 25px 0;
	border-bottom: 1px solid #D8D8D8;
}

.singleprobox .tit {
	font-size: 20px;
	font-weight: 600;
	height: 24px;
	line-height: 24px;
	text-transform: capitalize;
}

.singleprobox .desc {
	margin-top: 12px;
	font-size: 16px;
	color: #666666;
	height: 40px;
	line-height: 20px;
	font-family: 'MontserratLight';
}

.singleprobox .price {
	margin-top: 14px;
	font-size: 20px;
	font-weight: 600;
	margin-top: 10px;
	line-height: 40px;
	background: url(../images/moreicon.png) no-repeat right center;
	background-size: 40px 40px;
}

.other-button.swiper-button-next,
.other-button.swiper-button-prev {
	width: 14px;
	height: 34px;
	margin-top: -17px;
}

.other-button.swiper-button-next {
	right: 0;
	margin-right: -34px;
	background: url(../images/arrownext.png) no-repeat left center;
}

.sproswiper .other-button.swiper-button-next {
	right: 5%;
}

.other-button.swiper-button-prev {
	left: 0;
	margin-left: -34px;
	background: url(../images/arrowprev.png) no-repeat left center;
}

.sproswiper .other-button.swiper-button-prev {
	left: 5%;
}

.other-button.swiper-button-prev:after,
.other-button.swiper-button-next:after {
	display: none;
}

.inbtns {
	margin-top: 45px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
}

.inbtns .line {
	flex: 0 0 calc(100% - 230px);
	height: 2px;
	background: url(../images/xian.png) no-repeat left center;
	background-size: cover;
}

.in-sec3 {
	margin-top: 120px;
	position: relative;
}

.in-sec3 .main {
	margin-top: 40px;
}

.bkswiper .listbox {
	display: flex;
	flex-wrap: nowrap;
	align-content: center;
	align-items: stretch;
}

.bkswiper .box {
	width: 32.7%;
	margin-left: 0.95%;
	display: inline-flex;
	flex-wrap: wrap;
	align-content: space-between;
}

.bkswiper .box:first-child {
	margin-left: 0;
}

.bkswiper .box a {
	display: block;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}

.bkswiper .box:hover a {
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
}

.bkswiper .box:nth-child(3) a:nth-child(2) {
	align-self: self-end;
}

.bkswiper .tbox {
	color: #FFFFFF;
	position: absolute;
	left: 40px;
	top: 40px;
}

.bkswiper .box:nth-child(2) .tbox {
	color: #000;
}

.bkswiper .tit {
	font-size: 24px;
	font-weight: 600;
	text-transform: capitalize;
	line-height: 29px;
	max-height: 58px;
}

.bkswiper .desc {
	margin-top: 15px;
	width: 80%;
	line-height: 20px;
	max-height: 60px;
	font-family: 'MontserratLight';
}

.bkswiper .pic img {
	display: block;
	width: 100%;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	transition: all 1s;
}

.bkswiper .box a:hover .pic img {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.bkswiper .viewmore {
	position: absolute;
	left: 40px;
	bottom: 40px;
	color: #000;
}

.bkswiper .box:first-child .viewmore {
	background: #9CE6A6;
}

.bkswiper .box:nth-child(2) .viewmore {
	background: #FEEA96;
}

.in-sec4 {
	margin-top: 120px;
}

.in-sec4 .content {
	display: flex;
	flex-wrap: wrap;
}

.in-sec4 .main,
.in-sec4 .prolist {
	margin-top: 35px;
}

.first-tbox {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	margin-bottom: 15px;
	width: 19.4%;
	padding: 25px;
	color: #fff;
	border-radius: 10px;
	min-height: 456px;
	background: -webkit-linear-gradient(328deg, #10361F -34%, #164A2B 100%);
	background: -moz-linear-gradient(328deg, #10361F -34%, #164A2B 100%);
	background: -o-linear-gradient(328deg, #10361F -34%, #164A2B 100%);
	background: linear-gradient(328deg, #10361F -34%, #164A2B 100%), linear-gradient(180deg, #144427 0%, #133F25 100%);
}
@media only screen and (max-width:1700px ) {
	.first-tbox {
		min-height: 430px;
	}
	
}
@media only screen and (max-width:1500px ) {
	.first-tbox {
		min-height: 410px;
	}
	
}
@media only screen and (max-width:1440px ) {
	.first-tbox {
		min-height: 400px;
	}
	
}
@media only screen and (max-width:1366px ) {
	.first-tbox {
		min-height: 360px;
	}
	
}
@media only screen and (max-width:1300px ) {
	.first-tbox {
		min-height: 330px;
	}
	
}
.first-tbox:hover {
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
}

.first-tbox .t1 {
	font-size: 56px;
	font-weight: bold;
}

.first-tbox .t2 {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}

.first-tbox .t3 {
	margin-top: 10px;
	font-family: 'MontserratLight';
}

.first-tbox .viewmore {
	background: #fff;
	width: 100%;
	color: #000;
}

.prolist .singleprobox {
	width: 19.4%;
	margin-left: 0.75%;
	margin-bottom: 15px;
}

.prolist .singleprobox:nth-child(5n+1) {
	margin-left: 0;
}

.tabswiper {
	/*width: 105%;*/
}

.tabswiper .line {
	background: #D8D8D8;
	height: 2px;
	width: 90%;
	margin-left: 5%;
}

.tabswiper .bg {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 200px;
	background: url(../images/tabbg.png) no-repeat right top;
	z-index: 1;
}

.tabswiper .swiper-slide {
	width: auto;
	cursor: pointer;
	font-weight: bold;
	font-weight: 600;
	line-height: 20px;
}

.tabswiper .swiper-slide a {
	padding-bottom: 20px;
	display: block;
}

.tabswiper .swiper-slide:hover,
.tabswiper .swiper-slide.swiper-slide-thumb-active,

/*.tabswiper .swiper-slide.swiper-slide-active,*/

.tabswiper .swiper-slide:hover a,
.tabswiper .active a {
	color: #134025;
}

.tabswiper .swiper-slide:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	bottom: -2px;
	height: 2px;
	background: #D8D8D8;
}


/*.tabswiper .swiper-slide:last-child:after{	opacity: 0;}.tabswiper .swiper-slide.swiper-slide-thumb-active:last-child:after{	opacity: 1;}*/

.tabswiper .active:after,

/*.tabswiper .swiper-slide-active:after,*/

.tabswiper .swiper-slide-thumb-active:after {
	background: #134025;
}


/*.tabswiper .swiper-slide:last-child:before{*/

.tabswiper .swiper-slide:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: url(../images/tabbg.png) no-repeat right top;
	background-size: cover;
	z-index: 1;
}

.tabswiper .swiper-slide.swiper-slide-active:last-child:before,
.tabswiper .swiper-slide.swiper-slide-thumb-active:last-child:before {
	display: none;
}

.tabswiper .swiper-slide.swiper-slide-fully-visible:before {
	display: none;
}

.in-sec5 {
	margin-top: 110px;
}

.in-sec5 .intitle {
	width: 76%;
}

.in-sec5 .viewmore {
	margin-top: 64px;
}

.in-sec5 .main {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	align-content: center;
}

.in-sec5 .leftbox {
	width: 74.7%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
	align-items: stretch;
}

.in-sec5 .leftbox .box {
	flex: 0 0 calc(33.33% - 5px);
}

.in-sec5 .leftbox .box:nth-child(1) {
	margin-left: calc(66.66% + 5px);
}

.in-sec5 .leftbox .box:nth-child(6) {
	flex: 0 0 calc(66.66% - 5px);
}

.in-sec5 .rightbox {
	width: calc(25.3% - 10px);
}

.in-sec5 .main .box {
	margin-bottom: 10px;
	border-radius: 10px;
	background: #fff;
	overflow: hidden;
	height: 295px;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.in-sec5 .main .box:hover {
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
}

.in-sec5 .rightbox .box {
	height: 600px;
}

.in-sec5 .main .box a {
	position: relative;
	display: block;
	height: 100%;
}

.in-sec5 .main .box .pic {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../images/insec5-02.jpg) no-repeat left center;
	background-size: cover;
	display: block;
	width: 100%;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	transition: all 1s;
}

.in-sec5 .main .box:hover .pic {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.in-sec5 .main .box .tbox {
	position: absolute;
	left: 40px;
	bottom: 40px;
	right: 0;
	color: #fff;
}

.in-sec5 .main .box .tbox .num {
	font-size: 48px;
	font-weight: 600;
	color: #134126;
}

.in-sec5 .main .box .tbox .desc {
	margin-top: 15px;
	color: #000;
	width: 70%;
	font-family: 'MontserratLight';
}

.in-sec5 .main .box .icon {
	padding: 20px 0 0 40px;
}

.in-sec5 .main .box .icon img {
	display: block;
	max-width: 62px;
}

.in-sec6 {
	margin-top: 110px;
	background: url(../images/insec-6bg.png) no-repeat 5% bottom;
	padding-bottom: 85px;
}

.in-sec6 .w {
	display: flex;
	justify-content: space-between;
}

.leftmain .viewmore {
	margin-top: 50px;
}

.in-sec6 .main {
	width: 64%;
}

.collapsesdtyle {
	border: 0;
}

.collapsesdtyle .layui-colla-item {
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	border: 0;
	margin-bottom: 20px;
}

.collapsesdtyle .layui-colla-item:hover {
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
}

.collapsesdtyle .layui-colla-title {
	position: relative;
	height: 115px;
	line-height: 1.3;
	padding: 0 30px 0 50px;
	color: #000;
	background: #fff;
	font-size: 22px;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	align-content: center;
}

.collapsesdtyle .icon {
	width: 42px;
}

.collapsesdtyle .icon img {
	display: block;
	max-width: 100%;
}

.collapsesdtyle .tit {
	font-size: 22px;
	margin-left: 47px;
	flex: 0 0 calc(100% - 90px);
	padding-right: 35px;
	background: url(../images/qs-close.png) no-repeat right center;
}

.collapsesdtyle .layui-colla-icon {
	display: none;
}

.collapsesdtyle .layui-colla-content {
	display: none;
	padding: 0 11% 50px 140px;
	line-height: 1.3;
	color: #999999;
	border: 0;
	font-family: 'MontserratLight';
}

.collapsesdtyle .layui-show .tit {
	background-image: url(../images/qs-open.png);
}


/*  * 右侧浮动 * */

.side_float {
	right: 0;
	bottom: 50px;
	position: fixed;
	background: #22B85C;
	border-radius: 10px;
	-moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 2px 0px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
	z-index: 9999;
}

.side_float li {
	border-radius: 10px;
}

.side_float li a {
	position: relative;
	display: block;
}

.side_float li:hover {
	background: #113921;
}

.side_float li .iconfont {
	height: 70px;
	width: 70px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.side_float li .iconfont img {
	max-height: 100%;
	max-width: 100%;
}

.side_float li:hover .iconfont img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.side_float li .hover {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 24px;
	color: #fff;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	min-height: 100%;
	display: flex;
	align-items: center;
	width: 0;
	opacity: 0;
	border-radius: 10px;
	background: #113921;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.side_float li:hover .hover {
	width: auto;
	opacity: 1;
	padding: 0 30px 0 10px;
}

.side_float li .hover .ewm {
	display: block;
	width: 80px;
	margin: 10px 0 10px 20px;
}


/*  * reg login  *  * */

.reglogin-sec {
	background: url(../images/login-bg.jpg) no-repeat left bottom;
	background-size: cover;
	width: 100vw;
	position: relative;
	overflow: hidden;
}

.reglogin-sec .main {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: nowrap;
	align-content: center;
	min-height: calc(100vh - 90px);
}

.reglogin-sec .infotbox {
	width: 58%;
	color: #fff;
	padding: 10% 5.8% 0;
}

.reglogin-sec .infotbox .tit {
	margin-top: 24px;
	text-transform: capitalize;
}

.reglogin-sec .infotbox .desc2 ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.reglogin-sec .infotbox .desc2 li {
	margin-top: 69px;
	width: 39%;
}

.reglogin-sec .infotbox .desc2 li .pic {
	max-width: 47px;
}

.reglogin-sec .infotbox .desc2 li .pic img {
	display: block;
	max-width: 100%;
}

.reglogin-sec .infotbox .desc2 li .desc {
	margin-top: 20px;
}

.layui-layer-mystyle .con .tit {
	margin-bottom: 23px;
	text-transform: capitalize;
}

.layui-layer-mystyle .con {
	position: relative;
	z-index: 3;
	background: #FAFBDB;
	border-radius: 10px 0px 0px 10px;
}

.reglogin-sec .con {
	width: 42%;
	padding: 40px 4.8%;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
}

.reglogin-sec .centerbox {
	width: 100%;
}

.layui-layer-mystyle .layui-form-item label {
	margin-bottom: 10px;
	display: block;
}

.layui-layer-mystyle .layui-input-wrap {
	line-height: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	align-content: center;
}

.captchachange {
	word-break: keep-all;
	white-space: nowrap;
	font-size: 12px;
	text-decoration: underline;
	text-underline-position: under;
}

.captchaimg {
	position: relative;
	left: -85px;
    margin-left: -35px;
    width: 130px;
    height: 40px;
}

.captchaimg img {
	display: block;
	width: 100%;
	height: 100%;
}

.layui-layer-mystyle .layui-input {
	border-color: #FAFBDB;
	height: 60px;
	line-height: 60px;
	border-radius: 50px;
	padding: 0 50px 0 20px;
	font-size: 16px;
	background: #fff;
}

.layui-layer-mystyle .layui-input-suffix {
	right: 15px;
}

.layui-layer-mystyle .layui-input-affix {
	line-height: 60px;
}

.layui-layer-mystyle .layui-input-affix .layui-icon {
	font-size: 19px;
}

.layui-layer-mystyle .layui-form-item {
	margin-bottom: 20px;
}

.layui-layer-mystyle .link {
	margin-top: 15px;
	text-align: center;
}

.layui-layer-mystyle .link span {
	text-decoration: underline;
	text-underline-position: under;
	margin-left: 10px;
}

.layui-layer-mystyle .link:hover {
	color: #000;
}

.resend-vercode,
.get-vercode {
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 12px;
	text-decoration: underline;
	text-underline-position: under;
	padding: 0;
	border: 0;
	font-size: 13px;
}

.resend-vercode .resend,
.get-vercode .resend {
	color: #134126
}

.resend-vercode .resend:hover,
.get-vercode .resend:hover,
.get-vercode:hover {
	color: #134126;
}

.resend-vercode {
	display: none;
}

.layui-layer-mystyle .layui-btn-disabled,
.layui-layer-mystyle .layui-btn-disabled:active,
.layui-layer-mystyle .layui-btn-disabled:hover {
	background: 0 0!important;
}

.layui-layer-mystyle .layui-input:focus,
.layui-layer-mystyle .layui-textarea:focus {
	border-color: #134126!important;
	box-shadow: none;
}

.agreementbox a {
	cursor: pointer;
}

.agreementbox .layui-icon {
	color: #fff;
}

.agreementbox .layui-form-checkbox[lay-skin=primary] {
	padding-left: 30px;
	margin-top: 0;
}

.agreementbox .layui-form-checkbox[lay-skin=primary]>i {
	top: -1px;
	right: auto;
	left: 0;
	width: 18px;
	height: 18px;
	line-height: 16px;
	border-color: #000;
	background-color: #FAFBDB;
}

.agreementbox .layui-form-checkbox[lay-skin=primary]>div {
	font-size: 16px;
	color: #000;
	line-height: 18px;
	padding-right: 0;
}

.agreementbox .layui-form-checked[lay-skin=primary]>i {
	border-color: #113B22 !important;
	background-color: #113B22!important;
}

.agreementbox .layui-form-checkbox[lay-skin=primary]:hover>i {
	border-color: #113B22;
}

.submit-btn {
	line-height: 60px;
	height: 60px;
	border-radius: 50px;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	background: #113B22;
}

.submit-btn:hover {
	opacity: 1;
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
}

.openforgotpass {
	color: #999999;
	text-decoration: underline;
	text-underline-position: under;
	cursor: pointer;
}

.layui-layer.layui-layer-mystyle {
	border-radius: 10px;
}

.layui-layer.layui-layer-mystyle .con {
	/*padding: 60px 11.7% 40px;*/
	padding: 60px;
	border-radius: 10px;
}

.layui-layer-mystyle .layui-layer-setwin {
	z-index: 3;
}

.layui-layer-mystyle .layui-layer-setwin .layui-layer-close2 {
	right: 19px;
	top: 19px;
	color: #272536;
	background-color: #FAFBDB;
	padding: 2px;
	border: 2px solid #272536;
	width: 24px;
	height: 24px;
	font-size: 16px;
}

.uploadbl {
	display: block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	border-radius: 50px;
	padding: 0 50px 0 20px;
	background: #fff;
	text-align: left;
	position: relative;
}

.uploadbl:hover {
	border: 1px solid #d2d2d2 !important;
}

.uploadbl .layui-icon {
	color: #000;
	font-size: 24px;
	position: absolute;
	right: 30px;
	top: 0;
}

.layui-layer-mystyle .layui-form-item .layui-inline {}


/* * * * * pro * * * * */

.location-nav .main {
	padding: 35px 0;
	border-top: 1px solid #D8D8D8;
}

.location-nav a {
	margin: 0 5px;
}

.location-nav a:first-child {
	margin-left: 0;
	padding-left: 32px;
	background: url(../images/home.png) no-repeat left center;
}

.pro-sec {
	margin: 5px 0 120px;
}

.pro-sec .main {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.pro-sec .leftbox {
	width: 27.7%;
}

.pro-sec .rightbox {
	width: 67.5%;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}

.pro-sec .rightbox .singleprobox {
	width: 32.5%;
	margin-left: 1.25%;
	margin-bottom: 15px;
}

.pro-sec .rightbox .singleprobox:nth-child(3n+1) {
	margin-left: 0;
}

.tran-record {
	margin-bottom: 50px;
	background: #FFFFFF;
	border-radius: 31px;
	overflow: hidden;
}

.tran-record .tit {
	background: #DEFFE3;
	border-radius: 50px;
	height: 62px;
	line-height: 62px;
	font-size: 18px;
	font-weight: 600;
	display: flex;
	align-items: center;
	padding: 0 10px;
}

.tran-record .tit i {
	margin-right: 20px;
	width: 40px;
	height: 40px;
	background: url(../images/jlicon.png) no-repeat left center;
	background-size: cover;
}

.tran-record ul {
	padding: 0 40px 40px;
}

.tran-record ul li {
	margin-top: 20px;
}

.screening-content .layui-form-item {
	margin-bottom: 40px;
}

.screening-content .title {
	font-size: 24px;
	font-weight: 600;
}

.screening-content .tit {
	font-size: 22px;
	font-weight: 600;
}

.screening-content .resetbtn {
	float: right;
	color: #3B3B3B;
	height: 22px;
	line-height: 22px;
	padding: 0;
	font-size: 18px;
	font-weight: 500;
	border: #01AAED;
}

.screening-content .resetbtn:hover {
	color: #FF0000;
}

.screening-content .datasearch-box {
	border: 0;
	border-bottom: 1px solid #B5B5B5;
	border-radius: 0;
	background-color: #DCF7E0;
	background-position-x: 5px;
	padding: 0 40px;
}

.screening-content .layui-input.datatitle {
	font-size: 16px;
}

.screening-content .layui-btn.datasearch-submit {
	right: 0;
}

.promenu {
	margin: 0;
	background: transparent;
}

.promenu li {
	margin: 0;
	line-height: 22px;
	color: #000;
	font-size: 18px;
	padding: 0;
}

.promenu li:hover {
	background-color: #daf1dd;
}

.promenu .layui-menu-item-group>ul {
	margin: 0;
}

.promenu .layui-menu-body-title {
	margin: 0;
	padding: 0 20px;
	text-transform: capitalize;
}

.promenu a.layui-menu-body-title {
	display: block;
}

.promenu .layui-menu-body-title>.layui-icon {
	right: 0;
	margin-top: -8px;
	font-size: 16px;
	background: url(../images/icon-up.png) no-repeat left center;
}

.promenu .layui-icon-up:before {
	opacity: 0;
}

.promenu .layui-menu-item-group>.layui-menu-body-title {
	margin-top: 15px;
	color: #000;
	background: url(../images/icon-up3.png) no-repeat left center;
}

.promenu .layui-menu-item-up>.layui-menu-body-title {
	background-image: url(../images/icon-up2.png);
}

.promenu>.layui-menu-item-group>.layui-menu-body-title {
	margin: 0;
	border: 0;
	border-bottom: 1px solid #B5B5B5;
	padding: 15px 30px 12px 0;
	background: none;
}

.promenu>.layui-menu-item-group:last-child>.layui-menu-body-title {
	border: 0;
}

.promenu .layui-menu-item-down>.layui-menu-body-title {
	font-weight: bold;
	color: #134126;
	text-transform: uppercase;
}

.promenu .layui-menu-item-group>ul li {
	color: #666666;
	font-size: 16px;
	margin-top: 8px;
}

.promenu .layui-menu-item-checked:after {
	display: none;
}

.promenu .layui-menu-item-checked,
.promenu .layui-menu-item-checked2 {
	background: none !important;
	color: #134126!important;
}

.promenu .layui-menu-item-checked .layui-menu-body-title {
	color: #134126!important;
}

.screening-content .typebox {
	display: flex;
	flex-wrap: wrap;
}

.screening-content .typebox {}

.screening-content .typebox .agreementbox {
	margin-top: 25px;
	min-width: 31.33%;
	margin-right: 2%;
}

.agreementbox .layui-icon-radio:before {
	content: "\e605";
}

.agreementbox .layui-form-radio {
	padding: 0;
	margin: 0;
	line-height: 1.3;
}

.agreementbox .layui-form-radio>i {
	right: auto;
	left: 0;
	width: 18px;
	height: 18px;
	line-height: 16px;
	margin-right: 11px;
	border: 1px solid #000;
	font-size: 12px;
	border-radius: 2px;
	color: #dcf7e0;
	background-color: #dcf7e0;
	text-align: center;
}

.agreementbox .layui-form-radio>div {
	font-size: 16px;
	color: #000;
	line-height: 18px;
	padding-right: 0;
}

.agreementbox .layui-form-radio:hover>i {
	border-color: #113B22;
}

.agreementbox .layui-form-radioed>i {
	border-color: #113B22 !important;
	background-color: #113B22;
}

.page {
	margin-top: 40px;
	line-height: 40px;
	text-align: center;
}

.page span {
	color: #333;
}

.page a {
	display: inline-block;
	border: 1px solid #e2e2e2;
	padding: 0 10px;
	margin: 0 3px;
	background: #fff;
	border-radius: 25px;
	min-width: 40px;
}

.page a.on,
.page a:hover {
	background: #113B22;
	border-color: #113B22;
	color: #fff;
}

.pro-sec .page {
	padding-left: 32%;
}


/* * * * proxq * * */

.proxq1-sec {
	/*padding-bottom: 55px;*/
}

.proxq1-sec .main {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.proxq1-sec .main .leftbox {
	width: calc(100% - 744px);
	padding-right: 27px;
}

.preview {
	margin-top: 10px;
}

.propic .swiper {
	width: 100%;
}

.propic .swiper-slide {
	overflow: hidden;
	border-radius: 10px;
}

.propic .swiper-slide img {
	display: block;
	width: 100%;
}

.preview .swiper-slide .pic {}

.proswiper .arrows {
	left: 25px;
	right: 25px;
	bottom: 50%;
	margin-bottom: -22.5px;
	display: flex;
	justify-content: space-between;
}

.proswiper .arrows .swiper-button-next,
.proswiper .arrows .swiper-button-prev {
	width: 45px;
	height: 45px;
}

.thumbnailswiper .swiper-slide {
	background: #f4f4f4;
}

.thumbnailswiper .swiper-slide-thumb-active {
	opacity: .8;
}

.proxqcontent {
	margin-top: 60px;
}

.navbox {
	background: #dcf7e0;
	z-index: 2;
}

.navbox-item {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	font-weight: 600;
	margin-left: 30px;
	padding-top: 10px;
	padding-bottom: 4px;
	cursor: pointer;
}

.navbox-item:first-child {
	margin-left: 0;
}

.navbox-item:hover,
.navbox-item.active {
	color: #113921;
	border-bottom: 2px solid #113921;
}

.hooks {
	margin-top: 35px;
}

.hook-item {
	margin-bottom: 60px;
}

.hook-item:last-child {
	margin-bottom: 0;
}

.hook-con {
	background: #fff;
	border-radius: 10px;
	padding: 30px;
}

.hook-con .hook-desc {
	margin-top: 25px;
	background: #DCF7E0;
	border-radius: 10px;
	padding: 25px;
}

.hook-desc {
	font-size: 14px;
}

.hook-desc table th {
	font-size: 18px;
}

.hook-desc table td {
	padding: 5px;
}

.hook-table {
	font-size: 14px;
	margin-top: 30px;
}

.hook-table table {
	border-spacing: 10px;
	line-height: 65px;
}

.borderbm {
	float: left;
	width: 49%;
	border-bottom: 1px solid #D8D8D8;
	height: 65px;
	line-height: 17px;
	margin-left: 2%;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	align-content: center;
}

.borderbm:nth-child(2n+1) {
	margin-left: 0;
}

.borderbm strong {
	font-size: 18px;
	font-weight: 600;
	width: 48%;
}

.borderbm span {
	width: 52%;
}

.hook-tit {
	font-size: 24px;
	font-weight: 600;
}

.proxqimg {
	margin: 50px 0 40px;
	border-radius: 10px;
	overflow: hidden;
}

.proxqimg img {
	display: block;
	width: 100%;
}

.prlist {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}

.hook-item .singleprobox {
	width: 32.5%;
	margin-left: 1.25%;
	margin-bottom: 15px;
}

.hook-item .singleprobox:nth-child(3n+1) {
	margin-left: 0;
}

.propic .rightbox {
	width: 43.3%;
}

.protbox {
	width: 100%;
	width: 744px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: #FFFFFF;
	border-radius: 10px;
}

.protbox.overflowauto {
	bottom: 10px;
	max-height: calc(100vh - 110px);
	overflow-y: auto;
}

.protbox::-webkit-scrollbar {
	width: 3px;
	background-color: #D9E3DB;
}

.protbox::-webkit-scrollbar-thumb {
	background-color: #133b21;
	border-radius: 5px;
}

.protbox::-webkit-scrollbar-track:hover {
	background-color: #D9E3DB;
}

.protbox::-webkit-scrollbar-thumb:hover {
	background-color: #133b21;
}

.protbox .con {
	padding: 40px;
}

.protbox .tit {
	font-size: 32px;
	font-weight: 600;
	line-height: 38px;
}

.protbox .desc {
	margin-top: 8px;
	color: #666666;
}

.protbox .protag {
	margin-top: 15px;
	font-size: 14px;
	color: #666666;
}

.protbox .protag span {
	display: inline-block;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #DCF7E0;
	height: 28px;
	line-height: 28px;
	padding: 0 18px;
	margin-right: 5px;
	margin-top: 5px;
}

.protbox .price {
	margin-top: 15px;
	font-size: 24px;
	font-weight: 600;
	color: #FF0000;
}

.protbox .advantagebox {
	font-size: 14px;
	color: #666666;
	margin-top: 15px;
	padding: 15px 0 20px;
	border-bottom: 1px solid #D8D8D8;
}

.protbox .advantagebox li {
	margin-top: 15px;
	display: flex;
	flex-wrap: nowrap;
}

.protbox .advantagebox i {
	margin-right: 10px;
}

.protbox .specificationsbox {
	border-bottom: 1px solid #D8D8D8;
	padding: 15px 0;
}

.protbox .subtitle {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 7px;
	color: #000;
}

.protbox .price .subtitle {
	margin-bottom: 0;
	margin-right: 20px;
}

.protbox .specificationsbox .layui-form-radio {
	width: 100%;
}

.protbox .layui-form-checkbox>.lay-skin-checkcard,
.protbox .layui-form-radio>.lay-skin-checkcard {
	display: flex;
	align-items: center;
	padding: 4px;
	white-space: normal;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background-color: #fff;
}

.protbox .layui-form-checkbox>.lay-skin-checkcard>*,
.protbox .layui-form-radio>.lay-skin-checkcard>* {
	vertical-align: top;
}


/* 悬停 */

.protbox .layui-form-checkbox:hover>.lay-skin-checkcard,
.protbox .layui-form-radio:hover>.lay-skin-checkcard {
	border-color: #113921;
}


/* 选中 */

.protbox .layui-form-checked>.lay-skin-checkcard,
.protbox .layui-form-radioed[lay-skin="none"]>.lay-skin-checkcard {
	font-weight: 600;
	color: #113921;
	border-color: #113921;
}

.protbox .lay-skin-checkcard-avatar {
	padding-right: 12px;
}

.protbox .lay-skin-checkcard-avatar img {
	width: 40px;
	height: 40px;
	border-radius: 4px;
	overflow: hidden;
}

.protbox .lay-skin-checkcard-detail {
	overflow: hidden;
	width: 100%;
	font-size: 14px;
}

.protbox .amountbox {
	padding: 14px 0;
}

.spinner {
	margin-top: 14px;
	position: relative;
	display: inline-block;
	height: 51px;
	border-color: rgba(0, 0, 0, 0.1);
	text-align: center;
	padding: 0 55px;
}

.spinner .number {
	width: 90px;
	height: 51px;
	line-height: 51px;
	font-size: 14px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	text-align: center;
}

.spinner .btnSpin {
	width: 55px;
	height: 51px;
	line-height: 51px;
	position: absolute;
	border: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 24px;
}

.spinner .btnSpin.up {
	top: 0;
	border-radius: 0 4px 4px 0;
}

.spinner .btnSpin.down {
	left: 0;
	border-radius: 4px 0 0 4px;
}

.spinner .btnSpin:hover {
	background: #f8f6f3;
}

.protbox .btns {
	float: left;
	width: 69.5%;
	font-size: 0;
	position: relative;
}

.buybtn {
	width: 100%;
	height: 80px;
	line-height: 80px;
	border: none;
	border-radius: 50px;
	color: #fff;
	font-size: 18px;
	background: #113921;
}

.buybtn:hover {
	opacity: 1;
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
}

.addcart {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 80px;
	line-height: 80px;
	margin-left: 0!important;
	border: none;
	border-radius: 50%;
	color: #fff;
	font-size: 0;
	background: #22B85C url(../images/cartbtn.png) no-repeat center center;
}

.protbox .viewmore {
	float: right;
	width: 29.2%;
	height: 80px;
	line-height: 80px;
	background: #22B85C;
	font-size: 18px;
	font-weight: 600;
}

.protbox .viewmore:hover {
	background: #113921;
}


/*  *  * MERCHANTS *  * */

.merchant-sec {
	padding: 48px 0 95px;
}

.merchant-sec .main {
	margin-top: 30px;
}

.mlist {
	margin-top: 50px;
}

.mlist .content {
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: nowrap;
}

.merchantinfo {
	background: #FAFBDB;
	border-radius: 10px;
	width: 70.4%;
}

.merchantinfo .bg {
	padding: 50px;
	position: relative;
}

.arrows.arrowstop {
	position: absolute;
	right: 50px;
	top: 60px;
	bottom: auto;
}

.merchantinfo .arrows .swiper-button-next,
.merchantinfo .arrows .swiper-button-prev {
	background-size: cover;
	margin-top: 0;
}

.merchantabout {
	width: 27.7%;
	background: #FAFBDB;
	border-radius: 10px;
}

.merchantabout .bg {
	padding: 45px;
	height: 100%;
	/*display: flex;	flex-wrap: wrap;*/
}

.mlist .content .nytitle {
	text-transform: capitalize;
}

.merchantabout .pic {
	margin-top: 50px;
	border-radius: 10px;
	overflow: hidden;
}

.merchantabout .pic img {
	display: block;
	width: 100%;
}

.merchantabout .desc {
	color: #2A2B25;
	margin-top: 29px;
	max-height: 120px;
	line-height: 20px;
	font-size: 18px;
	padding: 0 5px;
}

.merchantabout .ctbtn {
	text-align: right;
	margin-top: 45px;
}

.merchantabout .viewmore {
	display: inline-block;
	height: 62px;
	line-height: 62px;
	background: #22B85C;
	text-transform: capitalize;
}

.merchantabout .viewmore:hover {
	background: #113921;
}

.merchantheader {
	display: flex;
	align-items: center;
}

.merchantheader .mlogo {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
}

.merchantheader .mlogo img {
	max-width: 66px;
}

.merchantheader .tbox {
	width: calc(100% - 200px);
}

.merchantheader .super {
	font-size: 18px;
	font-weight: 100;
	color: #FFFFFF;
	height: 26px;
	line-height: 26px;
	border-radius: 4px;
	background: #FF0000;
	padding: 0 5px;
	display: inline-block;
	vertical-align: middle;
}

.merchantheader .desc {
	margin-top: 2px;
	font-size: 18px;
}

.mplistswiper .singleprobox .tit {
	font-size: 18px;
}

.mplistswiper .singleprobox .desc {
	margin-top: 6px;
}

.mplistswiper .singleprobox .box {
	display: block;
	padding: 22px 7%;
	position: relative;
}

.mplistswiper .singleprobox .discount {
	right: 7%;
	top: 20px;
}

.mplistswiper .singleprobox .tbox {
	padding: 10px 0;
}

.mplistswiper .singleprobox .price {
	margin-top: 10px;
	line-height: 36px;
	background-size: 36px 36px;
}

.merchantdetails {
	margin-top: 65px;
	display: flex;
	justify-content: space-between;
}

.merchantdetails .mainpro {
	width: 25%;
	display: flex;
	flex-wrap: wrap;
}

.mainpro .tit {
	color: #666666;
}

.mainpro ul {
	/*font-size: 20px;*/
	font-size: 17px;
	font-weight: 600;
}

.mainpro ul li {
	margin-top: 24px;
}

.mainpro ul li a {
	cursor: pointer;
}
.merchantdetails .mainpro>div{
	width: 100%;
}
.mainpro .viewstore {
	background: url(../images/viewstoreicon.png) no-repeat left center;
	color: #134126;
	font-size: 18px;
	padding-left: 36px;
	align-self: flex-end;
	display: inline-flex;
	margin-top: 30px;
}

.mainpro .viewstore:hover {
	font-weight: bold;
}

.swiperboxs {
	width: 75%;
	margin: 0 -50px 0 auto;
}

.mplistswiper {
	display: none;
}

.swiperboxs .mplistswiper:first-child {
	display: block;
}

.merchantxq-sec1 {
	background: #FFFFFF;
	border-radius: 10px;
	padding: 30px 50px 45px;
	overflow: hidden;
}

.merchantxq-sec1 .merchantheader {
	width: 100%;
	justify-content: space-between;
}

.merchantxq-sec1 .merchantheader .title {
	font-size: 32px;
	font-weight: 600;
}

.merchantheader .leftbox {
	display: flex;
	align-items: center;
	flex: 3;
}

.merchantheader .righttbox {
	display: flex;
	align-items: center;
	flex: 1;
}

.myorderrating {
	color: #FF0000;
	margin-right: 24px;
	font-weight: 600;
}

.myorderrating strong {
	line-height: 1;
	font-size: 40px;
}

.myorderreviews {
	margin-right: 34px;
}

.myorderreviews .t1 {
	color: #FF0000;
	font-size: 14px;
	font-weight: 500;
}

.myorderreviews .t2 {
	font-size: 12px;
	text-decoration: underline;
	text-underline-position: under;
	word-break: keep-all;
	white-space: nowrap;
}

.merchantheader .viewmore {
	width: 180px;
	height: 62px;
	line-height: 62px;
	background: #22B85C;
	text-transform: capitalize;
}

.merchantheader .viewmore:hover {
	background: #113921;
}

.merchantxq-sec1 .merchantdetails {
	margin-top: 25px;
	align-items: center;
}

.merchantdetails .img {
	width: 51.5%;
	border-radius: 10px;
	overflow: hidden;
}

.merchantdetails .img img {
	display: block;
	width: 100%;
}

.merchantdetails .textbox {
	width: 44.2%;
}

.artime {
	border-top: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
}

.artime ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.artime ul li {
	padding: 20px 0;
}

.artime ul li strong {
	margin-top: 10px;
	font-size: 26px;
	font-weight: 600;
}

.merchantdetails .textbox .desc {
	margin-top: 40px;
}

.merchantdetails .textbox .desc p {
	margin-top: 20px;
}

.merchantxq-sec2 {
	position: relative;
	margin-top: 16px;
	background: #FAFBDB;
	border-radius: 10px;
	overflow: hidden;
	padding: 60px 50px;
}

.nytitle {
	font-size: 32px;
	font-weight: 600;
}

.merchantxq-sec2 .main {
	margin: 28px -50px 0;
}

.mainproswiper .singleprobox .box {
	display: block;
	padding: 22px 8%;
}

.mainproswiper .singleprobox .tbox {
	padding: 20px 0;
}

.mainproswiper .singleprobox .tit {
	font-size: 18px;
}

.mainproswiper .singleprobox .discount {
	right: 7%;
	top: 22px;
	height: 26px;
	line-height: 26px;
	min-width: 58px;
}

.mainproswiper .singleprobox .price {
	background-size: 36px 36px;
	line-height: 36px;
}

.merchantxq-sec3 {
	margin-top: 16px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	align-content: center;
}

.infobox {
	flex: 0 0 calc(29% - 16px);
	padding: 60px 50px;
	background: #FFFFFF;
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
}

.infobox .pic {
	width: 182px;
	height: 182px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}

.infobox .pic img {
	display: block;
	width: 100%;
}

.infobox .tit {
	margin-top: 25px;
	font-size: 24px;
	font-weight: 600;
}

.infobox .desc {
	margin-top: 25px;
	font-size: 18px;
	padding: 0 30px;
	text-align: left;
}

.infobox .viewmore {
	margin-top: 35px;
	display: block;
	height: 62px;
	line-height: 62px;
	background: #22B85C;
	text-transform: capitalize;
}

.infobox .viewmore:hover {
	background: #113921;
}

.honormain {
	width: 71%;
	position: relative;
	padding: 60px 50px;
	background: #FFFFFF;
	border-radius: 10px;
	overflow: hidden;
}

.honormain .main {
	margin-top: 30px;
}

.honorswiper .pic {
	border: 3px solid #000000;
	border-radius: 10px;
	overflow: hidden;
}

.honorswiper .pic img {
	display: block;
	width: 100%;
}

.merchantxq-sec4 {
	position: relative;
	background: #FAFBDB;
	border-radius: 10px;
	padding: 60px 50px;
	margin-top: 16px;
}

.merchantxq-sec4 .main {
	margin: 34px -50px 0;
}

.albumswiper .pic {
	border-radius: 10px;
	overflow: hidden;
}

.albumswiper .pic img {
	display: block;
	width: 100%;
}

.merchantxq-sec5 {
	margin-bottom: 120px;
	position: relative;
	background: #fff;
	border-radius: 10px;
	padding: 60px 50px;
	margin-top: 16px;
}

.merchantxq-sec5 .main {
	margin-top: 20px;
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
}

.merchantxq-sec5 .leftbox {
	width: 27.1%;
	display: flex;
}

.merchantxq-sec5 .rightbox {
	width: 72.9%;
}

.merchantxq-sec5 .myorderrating {
	color: #000000;
}

.merchantxq-sec5 .myorderreviews {
	margin-right: 0;
}

.progressbox {
	margin-bottom: 24px;
	display: flex;
	align-items: center;
	padding-left: 26px;
	background: url(../images/dgicon.png) no-repeat left center;
}

.progressbox .layui-progress {
	margin: 0 20px 0 25px;
	width: 246px;
	background: #D8D8D8;
}

.progressbox .layui-progress-bar {
	background: #25D366;
}

.progressbox .layui-progress,
.progressbox .layui-progress-bar {
	height: 3px;
}

.merchantxq-sec5 .tit {
	font-size: 20px;
	font-weight: 600;
}

.merchantxq-sec5 .desc {
	margin-top: 5px;
}

.merchantxq-sec5 ul li {
	margin-top: 40px;
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
}

.pjlist .box {
	margin-top: 18px;
	display: flex;
	align-items: center;
	background: #DCF7E0;
	border-radius: 10px;
	padding: 7px;
}

.pjlist .pic {
	margin-right: 30px;
	width: 70px;
	height: 70px;
	border-radius: 10px;
	background: #fff;
	overflow: hidden;
}

.pjlist .pic img {
	display: block;
	width: 100%;
}

.pjlist .name {
	font-size: 18px;
	font-weight: 600;
}


/* 自定义其他任意主题  */

.layui-layer-msg {
	/*border-radius: 10px;	-moz-box-shadow: 0px 2px 10px rgba(218, 208, 193, 0.8);	-webkit-box-shadow: 2px 0px 10px rgba(218, 208, 193, 0.8);	box-shadow: 0px 2px 10px rgba(218, 208, 193, 0.8);*/
}

.layui-layer-bernd {
	border: none;
	border-radius: 30px;
	box-shadow: none;
	overflow: hidden;
}

.layui-layer-bernd .layui-layer-wrap {
	padding: 50px;
}


/* * *  payment * * * * */

.pm-sec {
	padding-bottom: 120px;
}

.pm-sec .main {
	margin-top: 27px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: nowrap;
}

.pm-sec .main .leftbox {
	width: 63.5%;
	border-right: 1px solid #D8D8D8;
	padding-right: 80px;
}

.pm-sec .main-empty .con {
	margin-top: 30px;
	padding: 20px 20px 35px;
	background: #FFFFFF;
	border-radius: 10px;
	text-align: center;
}

.pm-sec .main-empty .con:hover {
	background-color: #f7f7f7;
}

.pm-sec .main-empty .con .pic {
	width: 54px;
	margin: 0 auto;
}

.pm-sec .main-empty .con .pic img {
	display: block;
	width: 100%;
}

.pm-sec .main-empty .con .desc {
	margin-top: 13px;
}

.pm-sec .main .rightbox {
	padding-left: 70px;
	width: 36.5%;
}

.pmmain .nytitle {
	margin-top: 40px;
}

.pmmain .nytitle:first-child {
	margin-top: 0;
}

.pmmain .nytitle span {
	font-size: 16px;
	font-weight: 100;
	float: right;
	margin-top: 10px;
}

.pm-sec .nytitle a {
	float: right;
	margin-top: 10px;
	font-size: 16px;
	font-weight: 100;
	text-decoration: underline;
	text-underline-position: under;
}

.pm-sec .nytitle a,
.pmmain .nytitle span:hover {
	color: #113921;
}

.addresslist2 .layui-form-radio {
	width: 100%;
}

.addresslist2 .layui-form-checkbox>.lay-skin-checkcard,
.addresslist2 .layui-form-radio>.lay-skin-checkcard {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 25px;
	white-space: normal;
	border-radius: 10px;
	border: 1px solid #fff;
	background-color: #fff;
}

.addresslist2 .layui-form-checkbox>.lay-skin-checkcard>*,
.addresslist2 .layui-form-radio>.lay-skin-checkcard>* {
	vertical-align: top;
}


/* 悬停 */

.addresslist2 .layui-form-checkbox:hover>.lay-skin-checkcard,
.addresslist2 .layui-form-radio:hover>.lay-skin-checkcard {
	border-color: #176703;
}


/* 选中 */

.addresslist2 .layui-form-checked>.lay-skin-checkcard,
.addresslist2 .layui-form-radioed[lay-skin="none"]>.lay-skin-checkcard {
	border-color: #176703;
	color: #000;
}

.addresslist2 li {
	margin-top: 30px;
	position: relative;
}

.lay-skin-checkcard-tbox .name {
	font-size: 24px;
	font-weight: 600;
}

.lay-skin-checkcard-tbox .tel {
	margin-top: 10px;
	font-size: 18px;
	font-weight: 600;
}

.lay-skin-checkcard-tbox .desc {
	margin-top: 10px;
	font-size: 16px;
}

.lay-skin-checkcard-btns {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -18px;
	z-index: 10;
	vertical-align: top;
}

.lay-skin-checkcard-btns a {
	font-size: 26px;
}

.lay-skin-checkcard-btns .mod {
	display: inline-block;
	margin-right: 35px;
	width: 27px;
	height: 27px;
	background: url(../images/edit.png) no-repeat left center;
	background-size: cover;
}

.lay-skin-checkcard-btns a:hover {
	opacity: .6;
}

.pmmain .layui-input {
	border-color: #fff;
	height: 75px;
	line-height: 75px;
	border-radius: 10px;
	padding: 0 30px;
	font-size: 16px;
	background: #FFFFFF;
}

.pmmain .layui-input:focus {
	border-color: #113921 !important;
	box-shadow: none;
}

.pmmain ::-webkit-input-placeholder {
	color: #999999;
}

.pmmain :-moz-placeholder {
	color: #999999;
}

.pmmain ::-moz-placeholder {
	color: #999999;
}

.pmmain :-ms-input-placeholder {
	color: #999999;
}

.pmmain .layui-input-wrap {
	margin-top: 20px;
}

.pm-sec .rightbox .cart-list {
	margin-top: 0;
	padding: 28px 0;
}

.pm-sec .rightbox .cartpro {
	padding-left: 0;
}

.pm-sec .rightbox .cartpro .pic {
	width: 102px;
	height: 102px;
}

.pm-sec .rightbox .cartpro .tbox {
	margin-left: 22px;
	width: calc(100% - 124px);
}

.pm-sec .rightbox .cartpro .desc {
	margin-top: 10px;
	font-size: 20px;
	color: #000;
}

.pm-sec .rightbox .cartpro .desc+.desc {
	margin-top: 20px;
}

.settlementlist {
	margin-top: 35px;
	font-size: 20px;
}

.settlementlist li {
	margin-bottom: 27px;
	display: flex;
	justify-content: space-between;
}

.tipsbox {
	background: #FAFBDB;
	padding: 15px 25px 25px 25px;
}

.tipsbox .tit {
	display: block;
}

.tipsbox .desc {
	margin-top: 10px;
}

.pm-sec .btns {
	margin-top: 40px;
}

.pm-sec .btns .viewmore {
	height: 62px;
	line-height: 62px;
	width: 100%;
	text-transform: capitalize;
	background: #22B85C;
}

.pm-sec .btns .viewmore:hover {
	background: #113921;
}

.layui-layer-mystyle .addNewAddrbox .layui-input {
	border-color: #FAFBDB;
	height: 60px;
	line-height: 60px;
	border-radius: 50px;
	padding: 0 25px;
	font-size: 16px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.2);
	background: #FAFBDB;
}

.layui-layer-mystyle .addNewAddrbox .layui-form-item {
	margin-bottom: 10px;
}

.layui-layer.layui-layer-mystyle .addNewAddrbox .con {
	padding: 60px;
}

.layui-layer-mystyle .nytitle {
	margin-bottom: 30px;
}

.addNewAddrbox .submit-btn {
	background: #22B85C;
}

.addNewAddrbox .submit-btn:hover {
	background: #113921;
	opacity: 1;
}


/* * * * * order * * * * * */

.neworder-sec {
	padding: 40px 0;
}

.borderbox {
	border-radius: 10px;
	border: 10px solid #f6f6f6;
	overflow: hidden;
	background: #fff;
}

.neworder-sec .main {
	padding: 10px;
}

.usertitle {
	padding: 30px 20px 0;
	font-size: 18px;
	border-bottom: 2px solid #f6f6f6;
}

.usertitle strong {
	display: inline-block;
	padding-bottom: 20px;
	border-bottom: 4px solid #e50012;
}

.usertitle a {
	display: block;
}

.usertitle .layui-icon {
	float: right;
	font-weight: bold;
	font-size: 20px;
}

.neworder-sec .layui-row {
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #d9d0bf;
	border-radius: 10px;
}

.grid-tit {
	line-height: 45px;
	padding-left: 10px;
}

.grid-text {
	color: #999;
	line-height: 45px;
}

.gobackcart {
	text-align: right;
	padding-right: 40px;
}

.neworder-sec .tips {
	margin-right: 10px;
	background: url(../images/tips.jpg) no-repeat center;
	width: 20px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
}

.grid-btn {
	text-align: right;
}

.addNewAddrbtn {
	height: 45px;
	line-height: 45px;
	background: #d9d0c1;
	border-radius: 10px;
	font-size: 16px;
	color: #333;
	padding: 0 45px;
}

.addNewAddrbtn .layui-icon-addition {
	font-size: 20px;
	margin-right: 10px;
}

.addNewAddrbox {}

.openAddr,
.addNewAddr:hover {
	cursor: pointer;
}

.addNewAddrbox .layui-textarea {
	min-height: auto;
}

.addNewAddrbox select {
	height: 38px;
	line-height: 1.3;
	line-height: 38px\9;
	border: 1px solid #e6e6e6;
	background-color: #fff;
	border-radius: 2px;
	width: 143px;
	margin-right: 15px;
	display: inline-block;
	font-size: 14px;
	padding-left: 10px;
}

.addNewAddrbox select:last-child {
	margin-right: 0;
}

.addresslist .layui-form-checkbox>.lay-skin-checkcard,
.addresslist .layui-form-radio>.lay-skin-checkcard {
	padding: 12px;
	white-space: normal;
	border-radius: 10px;
	border: 1px solid #e5e5e5;
	color: #000;
	background-color: #fff;
}

.addresslist .layui-form-checkbox>.lay-skin-checkcard>*,
.addresslist .layui-form-radio>.lay-skin-checkcard>* {
	vertical-align: top;
}


/* 悬停 */

.addresslist .layui-form-checkbox:hover>.lay-skin-checkcard,
.addresslist .layui-form-radio:hover>.lay-skin-checkcard {
	border-color: #d9d0c1;
}


/* 选中 */

.addresslist .layui-form-checked>.lay-skin-checkcard,
.addresslist .layui-form-radioed[lay-skin="none"]>.lay-skin-checkcard {
	color: #000;
	border-color: #d9d0c1;
	background-color: rgba(217, 208, 193, 0.1) !important;
}


/* 禁用 */

.addresslist .layui-checkbox-disabled>.lay-skin-checkcard,
.addresslist .layui-radio-disabled>.lay-skin-checkcard {
	box-shadow: none;
	border-color: #e5e5e5 !important;
	background-color: #eee !important;
}


/* 选中 dot */

.addresslist .layui-form-checked>.lay-check-dot:after,
.addresslist .layui-form-radioed>.lay-check-dot:after {
	position: absolute;
	content: "";
	top: 2px;
	right: 2px;
	width: 0;
	height: 0;
	display: inline-block;
	vertical-align: middle;
	border-width: 10px;
	border-style: dashed;
	border-color: transparent;
	border-top-left-radius: 0px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 6px;
	border-top-color: #d9d0c1;
	border-top-style: solid;
	border-right-color: #d9d0c1;
	border-right-style: solid;
	overflow: hidden;
}

.addresslist .layui-checkbox-disabled>.lay-check-dot:after,
.addresslist .layui-radio-disabled>.lay-check-dot:after {
	border-top-color: #d2d2d2;
	border-right-color: #d2d2d2;
}


/* 选中 dot-2 */

.addresslist .layui-form-checked>.lay-check-dot-2:before,
.addresslist .layui-form-radioed>.lay-check-dot-2:before {
	position: absolute;
	font-family: "layui-icon";
	content: "\e605";
	color: #fff;
	bottom: 2px;
	right: 2px;
	font-size: 9px;
	z-index: 12;
}

.addresslist .layui-form-checked>.lay-check-dot-2:after,
.addresslist .layui-form-radioed>.lay-check-dot-2:after {
	position: absolute;
	content: "";
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	display: inline-block;
	vertical-align: middle;
	border-width: 10px;
	border-style: dashed;
	border-color: transparent;
	border-top-left-radius: 6px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 0px;
	border-right-color: #d9d0c1;
	border-right-style: solid;
	border-bottom-color: #d9d0c1;
	border-bottom-style: solid;
	overflow: hidden;
}

.addresslist .layui-checkbox-disabled>.lay-check-dot-2:before,
.layui-radio-disabled>.lay-check-dot-2:before {
	color: #eee !important;
}

.addresslist .layui-checkbox-disabled>.lay-check-dot-2:after,
.addresslist .layui-radio-disabled>.lay-check-dot-2:after {
	border-bottom-color: #d2d2d2;
	border-right-color: #d2d2d2;
}

.addresslist .layui-form-radio,
.addresslist .layui-form-radio>* {
	display: block;
}

.addresslist li {
	float: left;
	width: 49%;
	background: #fff;
	color: #999999;
	margin: 5px 2% 5px 0;
}

.openaddresslist .addresslist li:nth-child(2n) {
	margin-right: 0;
}

.addresslist .name {
	color: #333333;
}

.addressText {
	margin-top: 10px;
	line-height: 20px;
	height: 40px;
}

.addresslist .btns {
	text-align: right;
	margin-top: 10px;
	font-size: 14px;
}

.addresslist .btns a {
	color: #bb0210;
	margin-left: 20px;
}

.addresslist .btns a:hover {
	color: #999;
}

.default {
	border-radius: 25px;
	font-size: 12px;
	background: #7a7a7a;
	color: #fff;
	margin-left: 10px;
	line-height: 22px;
	padding: 0 5px;
	display: inline-block;
	font-style: normal;
}

.layui-layer-rim2 {
	border: 6px solid #d9d0c1;
}

.layui-layer-rim2 .layui-layer-wrap {
	padding: 10px;
}

.redcolor {
	color: #e50012;
}

.addNewAddrbox select {
	display: block;
	width: 100%;
	border: solid 1px #cccccc;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 4px;
	height: 40px;
	line-height: 38px;
	background: #fff url(../images/navdown.png) no-repeat 90% center;
}

.addNewAddrbox .layui-row {
	overflow: hidden;
}

.addNewAddrbox .layui-form-label {
	width: 100px;
	padding: 0;
	line-height: 40px;
	color: #666;
}

.addNewAddrbox .layui-input,
.addNewAddrbox .layui-textarea {
	border-color: #cccccc;
	line-height: 38px;
	border-radius: 4px;
	font-size: 14px;
	color: #333;
}

.addNewAddrbox .layui-input {
	height: 40px;
}

.addNewAddrbox .layui-textarea {
	height: 78px;
}

.addNewAddrbox .tips {
	display: inline-block;
	background: #faf8f4;
	border-radius: 4px;
	font-size: 13px;
	line-height: 40px;
	padding: 0 10px;
}

.addNewAddrbox .tips i {
	font-size: 20px;
	color: #113B22;
	margin-right: 5px;
	vertical-align: middle;
	display: inline-block;
}

.addNewAddrbox .tags {
	color: #999;
	font-size: 14px;
	line-height: 40px;
}

.addNewAddrbox .tags span {
	color: #333;
	border-radius: 25px;
	vertical-align: middle;
	display: inline-block;
	min-width: 60px;
	padding: 0 5px;
	background: #f0f0f0;
	text-align: center;
	margin-left: 10px;
	line-height: 30px;
	height: 30px;
}

.addNewAddrbox .layui-form-checked[lay-skin=primary]>div {
	color: #113B22;
}

.addNewAddrbox .layui-form-checkbox[lay-skin=primary]:hover>i {
	border-color: #113B22;
}

.addNewAddrbox .layui-form-checked[lay-skin=primary]>i {
	border-color: #113B22 !important;
	background-color: #113B22;
}

.addNewAddrbox .layui-layer-btn {
	margin-top: 0;
}

.layui-layer-bernd .layui-layer-title {
	border-bottom: 2px solid #f6f6f6;
	font-size: 18px;
	font-weight: bold;
	height: auto;
	background: #fff;
	position: relative;
	padding: 30px 80px 10px 80px;
}

.layui-layer-bernd .layui-layer-title:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 80px;
	border-bottom: 4px solid #e50012;
	width: 80px;
}

.layui-font-blue {
	color: #4f9bf9!important;
}

.orderinfo {
	display: flex;
	justify-content: space-between;
	align-content: center;
	/*align-items: center;*/
	font-size: 14px;
	background: #f2efea;
	border-radius: 10px;
	margin: 0 -2.5px -2.5px;
}

.orderinfo li {
	width: 50%;
	border-radius: 10px;
	padding: 30px;
}

.orderinfo li:nth-child(1) {
	background: #f2efea;
	align-self: center;
}

.left-pro-box {
	width: 100%;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	background: #f2efea;
}

.left-pro-box+.left-pro-box {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dotted #d9d0bf;
}

.orderinfo li:nth-child(2) {
	background: #f7f6f2;
}

.orderinfo .pic {
	padding: 10px;
	border-radius: 5px;
	background: #fff;
}

.orderinfo .pic img {
	display: block;
	width: 80px;
}

.orderinfo .tbox {
	width: 160px;
}

.orderinfo .color {
	color: #666;
	margin-top: 15px;
}

.orderinfo .price {
	color: #e50012;
	font-size: 16px;
}

.orderinfo .quantity {
	color: #333;
}

.orderinfo .layui-form-label {
	padding: 10px;
}

.orderinfo .layui-form-item .layui-input-inline {
	width: 300px;
}

.expressprice {
	color: #e50012;
	font-size: 16px;
	line-height: 36px;
}

.orderinfo .layui-font-blue {
	font-size: 12px;
	line-height: 36px;
}

.orderaddress {
	margin-top: 50px;
	padding-left: 20px;
}

.orderaddress li {
	margin-bottom: 20px;
}

.orderaddress i {
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
	width: 35px;
	height: 35px;
}

.addressico {
	background: url(../images/addressico.png) no-repeat center;
}

.userico {
	background: url(../images/userico.png) no-repeat center;
}

.orderaddress li span {
	font-size: 14px;
	color: #666666;
}

.pricesdetails {
	text-align: right;
	font-size: 14px;
	color: #666666;
}

.pricesdetails li {
	margin: 5px 0;
}

.pricesdetails span {
	font-size: 16px;
	color: #e60015;
	font-weight: 600;
	min-width: 140px;
	display: inline-block;
	vertical-align: middle;
}

.pricesdetails strong {
	font-size: 26px;
	color: #e60015;
}

.submitorder {
	margin-top: 20px;
	width: 150px;
	height: 70px;
	line-height: 70px;
	border: none;
	border-radius: 10px;
	color: #fff;
	font-size: 18px;
	background: -webkit-gradient(linear, 0 100%, 0 0, from(rgb(255, 119, 0)), to(rgb(229, 0, 18)));
	background: -webkit-linear-gradient(90deg, rgb(255, 119, 0), rgb(229, 0, 18));
	background: -moz-linear-gradient(90deg, rgb(255, 119, 0), rgb(229, 0, 18));
	background: -o-linear-gradient(90deg, rgb(255, 119, 0), rgb(229, 0, 18));
	background: linear-gradient(90deg, rgb(255, 119, 0), rgb(229, 0, 18));
}


/* * * payment * * * * * * * */

.payment-sec {
	padding: 55px 0;
}

.payment-sec .main {
	padding: 40px 20px;
	background: url(../images/paybg.png) no-repeat 95% 40px;
}

.payment-sec .tbox {
	color: #666666;
}

.payment-sec .tbox .tit {
	font-size: 22px;
}

.payment-sec .tbox .desc {
	line-height: 40px;
}

.payment-sec .tbox .desc strong {
	color: #e50012;
}

.paymentmethod .tit {
	margin: 30px 0;
	padding: 0 20px;
	font-size: 22px;
	color: #666666;
	line-height: 70px;
	background: url(../images/paymethodbg.png) no-repeat left bottom;
}

.paymentmethod .layui-form-radio:hover>*,
.paymentmethod .layui-form-radioed,
.paymentmethod .layui-form-radioed>i {
	color: #d31a1a;
}

.paymentmethod .layui-form-radio>* {
	vertical-align: top;
	line-height: 40px;
}

.paymentmethod .layui-form-radio span {
	color: #333333;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
}

.paymentmethod .layui-form-radio span img {
	margin-right: 10px;
}

.paymentmethod .invoice-header {
	display: inline-block;
	color: #666666;
	font-size: 16px;
}

.payorder {
	margin-top: 30px;
	width: 120px;
	height: 40px;
	line-height: 40px;
	background: #d9d0c1;
	border-radius: 10px;
	font-size: 18px;
	color: #333;
	font-weight: bold;
}

.paymentmethod-code {
	padding: 30px 0;
	text-align: center;
}

.paymentmethod-code .bg {
	margin-left: -20px;
	height: 10px;
	background: url(../images/paymethodbg.png) no-repeat left top;
}

.paymentmethod-code .tip {
	margin-top: 40px;
}

.paymentmethod-code .tip .tit {
	font-size: 18px;
	font-weight: bold;
}

.paymentmethod-code .tip .desc {
	margin-top: 10px;
	color: #666666;
}

.paymentmethod-code .tip .desc strong {
	color: #e50012;
}

.paymentmethod-code .codeimg {
	margin-top: 40px;
}

.paymentmethod-code .codeimg img {
	display: block;
	margin: 0 auto;
	width: 539px;
	max-width: 100%;
}

.paymentmethod-code .codebox {
	margin: 25px auto;
	width: 160px;
	height: 160px;
	padding: 10px;
	border-radius: 10px;
	overflow: hidden;
	-moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 2px 0px 20px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
}

.paymentmethod-code .codebox img {
	display: block;
	width: 100%;
}

.paymentmethod-code .waybox {
	text-align: center;
}

.paymentmethod-code .waybox li {
	width: 50px;
	display: inline-block;
	margin: 0 10px;
}

.paymentmethod-code .waybox li img {
	display: block;
	width: 100%;
}

.ordersuccesslayer .tbox {
	text-align: center;
}

.ordersuccesslayer .tbox strong {
	color: #e60f1e;
}

.ordersuccesslayer .tip {
	margin-top: 30px;
}

.ordersuccesslayer .tip .tit {
	font-size: 20px;
}

.ordersuccesslayer .tip .desc {
	color: #666666;
	font-size: 18px;
}

.ordersuccesslayer .tip .desc i {
	font-weight: bold;
	font-style: normal;
	color: #e60f1e;
}

.ordersuccesslayer .tip .desc strong {
	display: inline-block;
	vertical-align: middle;
	border-radius: 25px;
	font-size: 18px;
	color: #fff;
	line-height: 30px;
	background: #e60f1e;
	margin: 0 5px;
	padding: 0 8px;
}

.ordersuccesslayer .tip .desc p {
	margin-top: 5px;
}

.ordersuccesslayer .btns {
	margin-top: 70px;
	text-align: center;
	font-size: 18px;
}

.ordersuccesslayer .btns .back {
	display: inline-block;
	font-weight: bold;
	line-height: 46px;
	height: 50px;
	border: 2px solid #f6f6f6;
	border-radius: 25px;
	padding: 0 30px;
}

.ordersuccesslayer .btns .back:hover {
	border-color: #d9d0c1;
}


/* * * * * cart * * * * * */

.cart-sec {
	padding-bottom: 120px;
}

.main-empty {
	margin-bottom: 80px;
}

.main-empty .desc {
	margin-top: 15px;
	font-size: 20px;
	color: #666;
}

.main-empty .desc a {
	color: #666;
	text-decoration: underline;
	text-underline-position: under;
}

.main-empty .viewmore {
	margin-top: 40px;
	height: 62px;
	line-height: 62px;
	background: #22B85C;
	min-width: 185px;
}

.main-empty .viewmore:hover {
	background: #113921;
}

.cart-tool .btn {
	display: inline-block;
	line-height: 28px;
	margin-right: 5px;
	padding: 0 10px;
	font-size: 14px;
	border-radius: 4px;
	border: 1px solid rgba(153, 153, 153, .3);
	cursor: pointer;
}

.cart-tool .btn:hover {
	border-color: #dad0c1;
	color: #dad0c1;
}

.cart-tool .layui-form-checkbox[lay-skin=primary] {
	padding-left: 40px;
}

.cart-sec .layui-form-checkbox[lay-skin=primary]>i {
	width: 20px;
	height: 20px;
	line-height: 18px;
	border-color: #000;
}

.cart-tool .layui-form-checkbox[lay-skin=primary]>div {
	color: #333333;
	line-height: 20px;
}

.cart-sec .layui-form-checked[lay-skin=primary]>i {
	border-color: #000 !important;
	background-color: #22B85C;
}

.cart-sec .layui-form-checkbox[lay-skin=primary]:hover>i {
	border-color: #22B85C;
}

.cartmain {
	margin-top: 20px;
}

.cart-header {
	border-bottom: 1px solid #D8D8D8;
	line-height: 40px;
	font-size: 18px;
	font-weight: 600;
	color: #9E9E9E;
}

.cart-header span {
	position: relative;
	display: inline-block;
}

.cart-list {
	border-bottom: 1px solid #D8D8D8;
	padding: 40px 0;
	margin-top: 10px;
	font-size: 14px;
}

.checkbox {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.cartpro {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	padding-left: 78px;
	width: 100%;
}

.cartpro select {
	background: #dcf7e0;
	border: 1px solid rgba(0, 0, 0, 0.1);
	height: 35px;
	border-radius: 4px;
}

.cartpro .pic {
	padding: 10px;
	background: #fff;
	width: 136px;
	height: 136px;
	overflow: hidden;
	border-radius: 10px;
	display: flex;
	align-items: center;
}

.cartpro .pic img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	max-height: 100%;
}

.cartpro .tbox {
	margin-left: 34px;
	width: calc(100% - 200px);
}

.cartpro .tit {
	display: block;
	font-size: 18px;
	font-weight: 600;
}

.cartpro .desc {
	display: block;
	color: #666666;
}

.cart-list .price {
	margin-top: 55px;
	font-size: 20px;
	font-weight: 600;
}

.cart-list .spinner {
	margin-top: 40px;
}

.cart-list .spinner .number {
	background: #dcf7e0;
}

.rightbtn {
	margin-top: 55px;
	text-align: right;
}

.rightbtn a {
	display: inline-block;
	font-size: 24px;
	cursor: pointer;
}

.rightbtn a:hover {
	color: #e50012;
	border-color: #e50012;
}

.layui-layer-btn .layui-layer-btn0 {
	border-color: #22B85C;
	background-color: #22B85C;
}

.layui-layer-btn a {
	border-radius: 25px;
}

.layui-layer-btn .layui-layer-btn0:hover {
	background-color: #113B22;
	border-color: #113B22;
	opacity: 1;
}

.settlement-details {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 40px 0;
	border-bottom: 1px solid #D8D8D8;
	font-size: 20px;
}

.settlement-details .cart-ct {
	margin-top: 50px;
	padding-left: 32px;
	font-weight: 600;
	background: url(../images/cart-ct.png) no-repeat left center;
}

.settlement-details .rightbox {
	text-align: right;
}

.settlement-details .rightbox .desc {
	margin-top: 15px;
}

.cart-sec .btns {
	margin-top: 40px;
	display: flex;
	justify-content: flex-end;
}

.cart-sec .btns .viewmore {
	height: 62px;
	line-height: 62px;
	width: 300px;
	text-transform: capitalize;
	margin-left: 20px;
}

.cart-sec .btns .layui-btn {
	background: #22B85C;
}

.cart-sec .btns a {
	background: #fff;
	color: #000;
}

.cart-sec .btns .viewmore:hover {
	background: #113921;
	color: #fff;
}


/* * * * *usercenter * * * * */

.user-sec {
	padding-bottom: 120px;
}

.user-sec .main {
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.user-sec .main .leftbox {
	width: 30%;
}

.user-sec .main .rightbox {
	width: 68.7%;
}

.user-navlist {
	background: #FFFFFF;
	border-radius: 10px;
	overflow: hidden;
	padding: 40px 0;
}

.user-navlist li {
	line-height: 50px;
	position: relative;
}

.user-navlist li:hover {}

.user-navlist li a {
	position: relative;
	display: flex;
	align-items: center;
	font-size: 18px;
	padding: 0 47px;
	z-index: 2;
}

.user-navlist li .bg {
	display: none;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -55.5px;
	width: 100%;
	height: 111px;
	background: url(../images/unavbg.png) no-repeat right center;
	background-size: cover;
}

.user-navlist li .icon {
	width: 28px;
	margin-right: 15px;
}

.user-navlist li .icon img {
	display: block;
	max-width: 100%;
}

.user-navlist li:hover a,
.user-navlist li.active a {
	font-weight: bold;
	color: #fff;
}

.user-navlist li:hover .bg,
.user-navlist li.active .bg {
	display: block;
}

.user-navlist li:hover .icon img,
.user-navlist li.active .icon img {
	filter: invert(100%);
}

.user-navlist .layui-icon {
	margin-right: 15px;
	display: inline-block;
	vertical-align: middle;
}

.user-navlist .layui-icon:first-child {
	font-size: 26px;
	color: #dad0c1;
	background: -webkit-radial-gradient(ellipse, #f8f3ea, #bfb6a7, #f8f3ea);
	background: radial-gradient(ellipse, #f8f3ea, #bfb6a7, #f8f3ea);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.user-navlist .layui-icon-right {
	position: absolute;
	right: 30px;
	color: #999;
	font-size: 18px;
	margin: 0;
}

.user-navlist li.on .layui-icon {
	color: #333!important;
}

.user-navlist li.on .layui-icon:first-child {
	color: #333;
	background: no-repeat;
	-webkit-text-fill-color: inherit;
}

.usercenter {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

.addressinfo-sec {
	padding: 40px 0;
}

.personinfo {
	width: 57.07%;
	background: #fff;
	border-radius: 10px;
	padding: 30px;
	margin-bottom: 14px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
}

.portrait {
	width: 117px;
	height: 117px;
	border-radius: 50%;
	overflow: hidden;
	background: #F0F0F0;
}

.portrait img {
	display: block;
	width: 100%;
	height: 100%;
}

.personinfo .tbox {
	width: calc(100% - 145px);
}

.user-sec .underlinebtn {
	font-size: 16px;
	color: #113921;
	font-weight: normal;
	cursor: pointer;
	text-decoration: underline;
	text-underline-position: under;
}

.underlinebtn:hover {
	opacity: .7;
}

.user-sec .main .rightbox .nytitle {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.personinfo .tbox .btn {
	text-align: right;
}

.personinfo .tbox .btns {
	margin-top: 15px;
}

.personinfo .tbox .btns span {
	font-size: 20px;
}

.personinfo .tbox .btns span+span {
	margin-left: 28px;
}

.messagecenter {
	margin-bottom: 14px;
	background: #fff;
	border-radius: 10px;
	width: 41.9%;
	padding: 30px;
}

.messagecenter .tit {
	display: flex;
	justify-content: space-between;
}

.messagecenter .desc {
	margin-top: 25px;
	display: inline-block;
	font-size: 20px;
	color: #113921;
}

.messagecenter .num {
	font-size: 56px;
}

.recentorders {
	padding: 30px;
	border-radius: 10px;
	background: #FFFFFF;
	width: 100%;
}

.orderlist {
	margin-top: 30px;
}

.orderlist li {
	margin-bottom: 18px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: #FFFFFF;
	border-radius: 10px;
}

.order-header {
	display: flex;
	justify-content: space-between;
	background: #DCF7E0;
	border-radius: 10px;
	height: 38px;
	line-height: 38px;
	padding: 0 17px;
}

.order-con {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 40px;
}

.order-con .cartpro {
	padding-left: 0;
	width: 80%;
}

.order-con .cartpro .pic {
	width: 97px;
	height: 97px;
}

.order-con .cartpro .tbox {
	margin-left: 54px;
	width: calc(100% - 160px);
}

.order-con .cartpro .tit {
	font-size: 16px;
}

.order-con .cartpro .desc {
	color: #999999;
}

.order-con .viewmore {
	height: 62px;
	line-height: 62px;
	min-width: 165px;
	text-transform: capitalize;
	background: #22B85C;
}

.uploadavatar {
	display: block;
	width: 87px;
	height: 87px;
	line-height: 87px;
	border-radius: 50%;
	padding: 0;
	border: 1px solid rgba(0, 0, 0, 0.2);
	background: #FAFBDB;
	text-align: center;
	font-size: 32px;
	font-weight: normal;
	font-family: 'MontserratLight';
	color: #999999;
}

.uploadavatar:hover {
	color: #113921;
	border-color: #113921 !important;
}

.editinfobox .submit-btn {
	background: #22B85C;
}

.wtbg {
	background: #FFFFFF;
	border-radius: 10px;
	padding: 30px 40px 50px;
}

.user-sec .main-empty {}

.user-sec .main-empty .tbox {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.tbox-note {
	color: #666666;
	margin-top: 13px;
}

.user-sec .main-empty .viewmore {
	text-transform: capitalize;
}

.user-sec .main-empty .con {
	padding: 60px 0;
	text-align: center;
}

.user-sec .main-empty .con .pic {
	width: 87px;
	margin: 0 auto;
}

.user-sec .main-empty .con .pic img {
	display: block;
	width: 100%;
}

.user-sec .main-empty .con .nytitle {
	margin-top: 10px;
	display: block;
}

.addresslist3 .layui-form-checkbox>.lay-skin-checkcard,
.addresslist3 .layui-form-radio>.lay-skin-checkcard {
	border: 1px solid #D8D8D8;
}

.addresslist3 .layui-form-checked>.lay-skin-checkcard,
.addresslist3 .layui-form-radioed[lay-skin="none"]>.lay-skin-checkcard {
	background-color: #DCF7E0;
}

.lay-skin-checkcard-btns .del {
	display: inline-block;
	margin-right: 35px;
	width: 33px;
	height: 31px;
	background: url(../images/delet.png) no-repeat left center;
	background-size: cover;
}

.defult {
	position: absolute;
	right: 0;
	top: 0;
	color: #fff;
	background: #144126;
	line-height: 28px;
	height: 28px;
	border-radius: 10px;
	padding: 0 16px;
}

.orderxq-info {
	margin-top: 25px;
	border-bottom: 1px solid #D8D8D8;
}

.orderxq-info .tbox {
	display: flex;
	align-items: center;
	padding-bottom: 14px;
}

.orderxq-info .tbox .tit {
	color: #666666;
	margin-right: 15px;
}

.orderxq-info .tbox img {
	margin-left: 5px;
	width: 10px;
}

.orderxq-dec {
	margin-top: 30px;
	text-align: center;
}

.orderxq-dec .tit {
	font-size: 20px;
	font-weight: 600;
}

.orderxq-dec .desc {
	margin-top: 16px;
	padding: 0 25%;
	color: #666666;
}

.stepNavi {
	margin-top: 60px;
	text-align: center;
	font-size: 14px;
	color: #666;
	padding: 35px;
	border-bottom: 1px solid #D8D8D8;
}

.stepNavi li {
	position: relative;
	float: left;
	width: 33.33%;
	z-index: 1;
}

.stepNavi li:first-child {
	text-align: left;
}

.stepNavi li:last-child {
	text-align: right;
}

.stepNavi li .tbox {
	margin-top: 35px;
	text-align: center;
	display: inline-block;
	color: #666666;
}

.stepNavi li .tbox .tit {
	font-size: 20px;
}

.stepNavi li:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 10px;
	background: #f6f6f6;
	z-index: -1;
}

.stepNavi li:first-child:after {
	left: 50px;
	border-radius: 25px 0 0 25px;
}

.stepNavi li:last-child:after {
	right: 50px;
	left: auto;
	border-radius: 0 25px 25px 0;
}

.stepNavi li.on:after {
	background: #D8D8D8;
}

.stepNavi li em {
	font-style: normal;
	font-weight: bold;
	width: 39px;
	height: 39px;
	line-height: 39px;
	border-radius: 50%;
	background: url(../images/stepNavi.png) no-repeat center;
	text-align: center;
	display: block;
	margin: 0 auto 10px;
}

.stepNavi li.on em {
	color: #e50012;
	font-size: 0;
	background-image: url(../images/stepNavi-on.png);
}

.stepNavi li:first-child em {
	margin-left: 20px;
}

.stepNavi li:last-child em {
	margin-right: 20px;
}

.overview {
	margin-top: 34px;
}

.overview .cartpro {
	padding-left: 0;
}

.overview .cart-list {
	padding: 30px 0;
	margin-top: 0;
}

.overview .cart-list .layui-col-md2:last-child,
.overview .cart-header .layui-col-md2:last-child {
	text-align: right;
}

.overview .cart-list .layui-col-md2:nth-last-child(2),
.overview .cart-header .layui-col-md2:nth-last-child(2) {
	text-align: center;
}

.settlement {
	font-size: 20px;
	padding: 25px 0;
	border-bottom: 1px solid #D8D8D8;
}

.settlement li {
	display: flex;
	justify-content: space-between;
	line-height: 42px;
}

.shippingdetails {
	font-size: 20px;
	padding: 30px 0;
	border-bottom: 1px solid #D8D8D8;
}

.shippingdetails ul {
	margin-top: 30px;
}

.shippingdetails li {
	display: flex;
	line-height: 42px;
}

.shippingdetails li span:first-child {
	width: 250px;
}

.paymentdetails {
	font-size: 20px;
	padding: 30px 0;
}

.paymentdetails ul {
	margin-top: 30px;
}

.policydetails .con {
	margin-top: 25px;
	color: #666666;
	font-size: 20px;
	padding-top: 45px;
	background: url(../images/xian2.png) no-repeat left top;
}

.layui-bg-gray {
	margin: 0!important;
	background: #fff!important;
}

.layui-bg-gray .layui-tab-title {
	text-align: center!important;
	height: 60px;
	border-bottom: 2px solid #dad0c1;
}

.layui-bg-gray .layui-tab-title li {
	font-size: 18px;
	color: #666666;
	padding: 0;
	line-height: 60px;
	margin: 0 50px;
}

.layui-bg-gray.layui-tab-brief>.layui-tab-title .layui-this {
	color: #333333;
	font-weight: bold;
}

.layui-bg-gray .layui-tab-title .layui-this:after {
	height: 60px;
}

.layui-bg-gray.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-bg-gray.layui-tab-brief>.layui-tab-title .layui-this:after {
	border-bottom: 2px solid #333;
}

.layui-bg-gray .layui-nav-item {
	margin-top: 0;
	list-style: none;
	vertical-align: middle;
	line-height: 60px;
}

.ordertable .flexmore {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.invoice-btns .nobg {
	background: #fff;
	border-color: #fff;
}

.invoice-btns .layui-btn .layui-icon {
	color: #dad0c1;
	font-size: 20px;
	margin-right: 5px;
}

.invoice-btns .layui-btn:hover {
	border-color: #dad0c1;
	background: #fff;
	color: #333;
}

.layui-bg-primary {
	background: #dad0c1!important;
	color: #333!important;
	cursor: not-allowed !important;
}

.layui-bg-blue {
	background-color: #e1ecfb !important;
	color: #5983aa !important;
}

.layui-bg-red {
	background-color: #faccd0 !important;
	color: #ed0c0c !important;
	cursor: not-allowed !important;
}

.layui-laypage a:hover {
	color: #dad0c1;
}

#laypage-normal-style {
	text-align: center
}


/* * * * * myorder * * * * */

.myorder-sec {
	padding: 40px 0;
}

.layui-bg-rede50012 {
	margin: 30px 0 0 0!important;
	background: #fff!important;
}

.layui-bg-rede50012 .layui-tab-title {
	text-align: center!important;
	height: 100px;
	border-bottom: 2px solid #f6f6f6;
}

.layui-bg-rede50012 .layui-tab-title li {
	font-size: 18px;
	color: #333;
	padding: 0;
	line-height: 67px;
	margin: 0 85px;
}

.layui-bg-rede50012.layui-tab-brief>.layui-tab-title .layui-this {
	color: #e50012;
}

.layui-bg-rede50012 .layui-tab-title .layui-this:after {
	height: 100px;
}

.layui-bg-rede50012.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-bg-rede50012.layui-tab-brief>.layui-tab-title .layui-this:after {
	border-bottom: 4px solid #e50012;
}

.layui-bg-rede50012 .layui-nav-item {
	margin-top: 0;
	list-style: none;
	vertical-align: middle;
	line-height: 60px;
}

.layui-bg-rede50012 .layui-tab-title i {
	display: block;
	margin: 0 auto;
	height: 30px;
	line-height: 30px;
	width: 35px;
	background: url(../images/orderico1.png) no-repeat center;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.layui-bg-rede50012 .layui-tab-title li:nth-child(2) i {
	background-image: url(../images/orderico2.png);
}

.layui-bg-rede50012 .layui-tab-title li:nth-child(3) i {
	background-image: url(../images/orderico3.png);
}

.layui-bg-rede50012 .layui-tab-title .layui-this i {
	filter: none
}


/*  *  * messagexq *  *  * */

.messagexq .layui-tab {
	margin-top: 24px;
}

.messagexq .layui-tab .layui-tab-title li {
	position: relative;
	margin: 0 40px 0 0;
	padding: 0;
	font-size: 18px;
}

.messagexq .layui-tab-brief>.layui-tab-title .layui-this {
	color: #000;
	font-weight: 600;
}

.messagexq .layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {
	border-bottom-color: #113921;
}

.messagexq .layui-tab .layui-tab-title:after {
	border-bottom-color: #D8D8D8;
}

.collapsestyle2 {
	border: 0;
}

.collapsestyle2 .layui-colla-item {
	border-radius: 10px;
	overflow: hidden;
	background: #DCF7E0;
	border-radius: 10px;
	margin-bottom: 10px;
	padding: 20px 40px;
}

.collapsestyle2 .layui-colla-item:hover {
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
}

.collapsestyle2 .layui-colla-title {
	position: relative;
	line-height: 22px;
	height: 22px;
	padding: 0;
	background: #DCF7E0;
	color: #000;
	font-size: 18px;
	font-weight: 600;
}

.collapsestyle2 .tit {
	display: block;
	padding-right: 35px;
	background: url(../images/qs-close2.png) no-repeat right center;
}

.collapsestyle2 .layui-show .tit {
	background-image: url(../images/qs-open2.png);
}

.collapsestyle2 .layui-colla-icon {
	display: none;
}

.collapsestyle2 .layui-colla-content {
	display: none;
	padding: 10px 27.5% 0 0;
	line-height: 1.3;
	border: 0;
	color: #666666;
}

.collapsestyle2 .layui-colla-content .desc2 {
	margin-top: 20px;
	font-size: 14px;
	color: #000;
}


/* * * * * user-note * * * * */

.user-note {
	margin-bottom: 10px;
	padding: 30px;
	border-radius: 10px;
	background: #ffd8b7 url(../images/notebg.jpg) no-repeat right top;
	overflow: hidden;
	color: #E50012;
	font-size: 14px;
}

.user-note .tit {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
}

.user-note p+.tit {
	margin-top: 25px;
}

.user-note strong.tit {
	color: #333;
}

.myScrollbar .layui-table {
	width: 2000px;
}

.scrollbox {
	margin-bottom: 15px;
	height: 20px;
	background: url(../images/scrollbar.png) no-repeat left center;
}

.scrollbox.hide {
	display: none;
}

.integral-details .checkbox,
.ordertable .checkbox {
	position: static;
	transform: none;
}

.checkbox .layui-form-checkbox[lay-skin=primary]>i {
	width: 20px;
	height: 20px;
	line-height: 18px;
}

.cart-toordertableol .layui-form-checkbox[lay-skin=primary]>div {
	color: #333333;
	line-height: 20px;
}

.checkbox .layui-form-checked[lay-skin=primary]>i {
	border-color: #000 !important;
	background-color: #22B85C;
}

.checkbox .layui-form-checkbox[lay-skin=primary]:hover>i {
	border-color: #113921;
}

.ordertableheader {
	margin: 0;
	font-size: 14px;
	color: #666;
	border: 0;
}

.ordertableheader th {
	font-weight: normal;
	border: 0;
	padding-left: 20px;
	border-bottom: 2px solid #dad0c1;
}

.ordertable .con .pic {
	width: 80px;
}

.print-button {
	margin-top: 30px;
	width: 150px;
	height: 50px;
	line-height: 50px;
	border-radius: 4px;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	background: #113B22;
}

.print-button i {
	font-size: 22px;
}

.export-button {
	margin-top: 30px;
	width: 150px;
	height: 50px;
	line-height: 50px;
	border-radius: 4px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background: #999999;
}

.export-button i {
	font-size: 22px;
}

.integral-details {
	padding: 25px;
}

.integral-details .layui-form-checkbox[lay-skin=primary] {
	padding-left: 40px;
	margin-top: 15px;
}


/*  *  *  *  *  * about *  *  * */

.about-sec1 {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.about-sec1 .intitle {
	width: 27.5%;
}

.about-sec1 .main {
	width: 62.7%;
	color: #666666;
	font-size: 20px;
}

.aboutswiper .pic {
	border-radius: 10px;
	overflow: hidden;
}

.aboutswiper .pic img {
	display: block;
	width: 100%;
}

.about-sec2 {
	padding-top: 50px;
}

.about-sec3 {
	margin-top: 100px;
}

.about-sec3 .main {
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: stretch;
}

.about-sec3 .box {
	width: 17.5%;
	background: #FFFFFF;
	border-radius: 10px;
	padding: 40px 25px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.about-sec3 .box.active {
	padding: 40px;
	width: 44.9%;
	background: #144126;
	color: #fff;
	align-items: flex-start;
}

.about-sec3 .box .tit {
	margin-top: 10px;
	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
	height: 60px;
	text-align: center;
}

.about-sec3 .box.active .tit {
	text-align: left;
	height: 30px;
	color: #DCF7E0;
}

.about-sec3 .box .pic {
	width: 72px;
	height: 72px;
	overflow: hidden;
}

.about-sec3 .box .pic img {
	display: block;
	margin: 0 auto;
	position: relative;
}

.about-sec3 .box.active .pic img {
	left: -72px;
	border-right: 72px solid transparent;
	filter: drop-shadow(72px 0px 0 #DCF7E0);
}

.about-sec3 .box .desc {
	display: none;
	color: #FFFFFF;
	height: 185px;
	overflow: hidden;
}

.about-sec3 ul li {
	margin-top: 20px;
}

.about-sec3 .box.active .desc {
	display: flex
}

.about-sec4 {
	padding-top: 87px;
}

.about-sec4 .intitle {
	text-align: center;
}

.about-sec4 .main {
	margin-top: 40px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}

.about-sec4 .layui-tab {
	margin: 0;
}

.about-sec4 .layui-tab-title {
	height: 63px;
	line-height: 1.3;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	background: #FAFBDB;
}

.about-sec4 .layui-tab-title li {
	flex: 1;
	background: #FAFBDB;
	line-height: 1.3;
	border-right: 1px solid rgba(20, 65, 38, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
}

.about-sec4 .layui-tab-title li:last-child {
	border: 0;
}

.about-sec4 .layui-tab-brief>.layui-tab-title .layui-this {
	color: #fff;
	background: #144126;
	border-radius: 10px;
}

.about-sec4 .layui-tab-title .layui-this:after {
	display: none;
}

.about-sec4 .layui-tab-content {
	padding: : 30px 0;
}

.about-sec4 ::-webkit-scrollbar {
	width: 3px;
	background-color: #D9E3DB;
}

.about-sec4 ::-webkit-scrollbar-thumb {
	background-color: #133b21;
	border-radius: 5px;
}

.about-sec4 ::-webkit-scrollbar-track:hover {
	background-color: #D9E3DB;
}

.about-sec4 ::-webkit-scrollbar-thumb:hover {
	background-color: #133b21;
}

.about-sec4 .layui-tab-content .layui-tab-item {
	overflow-y: auto;
	max-height: 386px;
}

.about-sec4 .layui-tab-content .desc {
	font-size: 18px;
	color: #666666;
	padding-right: 20%;
	padding: 0 40px 40px;
}

.about-sec4 .layui-tab-content .desc .tit {
	font-size: 20px;
	color: #000;
	margin-top: 30px;
	display: block;
}

.about-sec4 .layui-tab-content .desc .tit:first-child {
	margin-top: 0;
}

.about-sec4 .layui-tab-content .desc ul li {
	margin-top: 10px;
}

.about-sec5 {
	position: relative;
	margin-top: 60px;
	padding-top: 50px;
}

.about-sec5 .arrowstop {
	right: 0!important;
}

.about-sec5 .main {
	margin-top: 40px;
}

.about5swiper a {
	display: block;
	background: #FFFFFF;
	border-radius: 10px;
}

.about5swiper .tbox {
	padding: 40px;
}

.about5swiper .tbox .tit {
	font-size: 22px;
	font-weight: 600;
	line-height: 27px;
	height: 27px;
}

.about5swiper .tbox .desc {
	margin-top: 10px;
	font-size: 18px;
	color: #666666;
}

.about5swiper .tbox .icon {
	margin-top: 10px;
	width: 40px;
	height: 40px;
	background: url(../images/moreicon.png) no-repeat left center;
	background-size: cover;
}

.about5swiper .pic {
	border-radius: 10px;
	overflow: hidden;
}

.about5swiper .pic img {
	display: block;
	width: 100%;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	transition: all 1s;
}

.about5swiper .pic img:hover {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.about-sec6 {
	padding: 110px 0;
}

.about-sec6 .main {
	margin-top: 25px;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.about-sec6 .leftbox {
	width: 27%;
}

.about-sec6 .leftbox .tit {
	font-size: 18px;
	font-weight: 600;
}

.about-sec6 .leftbox .telbox {
	font-size: 20px;
	display: block;
	margin: 10px 0 0 0;
	height: 68px;
	line-height: 68px;
}

.about-sec6 .leftbox .telbox img {
	margin-right: 25px;
}

.about-sec6 .leftbox .sharebox {
	margin-top: 50px;
}

.quickcomm {
	margin-top: 70px;
}

.quickcomm .ewm {
	padding: 10px;
	background: #fff;
}

.quickcomm .ewmbox {
	margin-top: 25px;
}

.quickcomm .ewmbox li {
	margin-left: 0;
}

.quickcomm .ewmbox li .ewm img {
	width: 108px;
}

.about-sec6 .rightbox {
	width: 66.4%;
}

.layui-layer-mystyle .layui-textarea {
	border-color: #FAFBDB;
	line-height: 60px;
	border-radius: 10px;
	padding: 0 50px 0 20px;
	font-size: 16px;
	background: #fff;
	min-height: 181px;
	height: auto;
	padding: 10px 20px;
}

.about-sec6 .submit-btn {
	background: #22B85C;
	font-size: 18px;
	font-weight: 600;
}

.about-sec6 .submit-btn:hover {
	background: #113921;
	opacity: 1;
}

.about-sec6 .agreementbox .layui-icon {
	color: #dcf7e0;
}

.about-sec6 .agreementbox .layui-form-checkbox[lay-skin=primary]>i {
	background-color: #dcf7e0
}


/* * * * * * * * * * * * * * */

@media only screen and (max-width:1680px) {
	.in-sec1 ul {
		padding: 40px;
	}
	.tran-record ul {
		padding: 0 30px 30px;
	}
	.myorderrating strong,
	.intitle {
		font-size: 38px;
	}
	.protbox .tit,
	.nytitle {
		font-size: 30px;
	}
	.proxq1-sec .main .leftbox {
		width: calc(100% - 644px);
	}
	.protbox {
		width: 644px;
	}
	.protbox .btns {
		width: 60%;
	}
}

@media only screen and (max-width:1600px) {
	body {
		font-size: 14px;
	}
	.nybanner .tbox .tit,
	.bannerswiper .tbox .tit,
	.myorderrating strong,
	.intitle {
		font-size: 35px;
	}
	.protbox .tit,
	.nytitle {
		font-size: 28px;
	}
	.protbox .price,
	.bkswiper .tit,
	.lay-skin-checkcard-tbox .name,
	.about-sec3 .box .tit,
	.footmain dt {
		font-size: 22px;
	}
	.about5swiper .tbox .tit {
		font-size: 20px;
	}
	.singleprobox .tit,
	.first-tbox .t2,
	.policydetails .con,
	.messagecenter .desc,
	.personinfo .tbox .btns span,
	.stepNavi li .tbox .tit,
	.about-sec1 .main,
	.about-sec4 .layui-tab-content .desc .tit,
	.mainpro ul,
	.singleprobox .price,
	.merchantxq-sec5 .tit {
		font-size: 18px;
	}
	.cart-header,
	.lay-skin-checkcard-tbox .tel,
	.collapsestyle2 .layui-colla-title,
	.messagexq .layui-tab .layui-tab-title li,
	.nybanner .tbox .desc,
	.bannerswiper .tbox .desc,
	.about-sec4 .layui-tab-content .desc,
	.about-sec4 .layui-tab-title li,
	.about5swiper .tbox .desc,
	.sharebox .tit,
	.footmain .desc,
	.footmain dd a,
	.merchantabout .desc,
	.mainpro .viewstore,
	.merchantheader .desc,
	.merchantheader .super,
	.mainproswiper .singleprobox .tit,
	.pjlist .name {
		font-size: 16px;
	}
	.user-sec .underlinebtn,
	.lay-skin-checkcard-tbox .desc,
	.singleprobox .desc {
		font-size: 14px;
	}
	.first-tbox .t1,
	.messagecenter .num {
		font-size: 52px;
	}
	.in-sec5 .main .box .tbox .num {
		font-size: 44px;
	}
	.collapsesdtyle .layui-colla-title {
		height: 95px;
	}
	.sharebox li {
		margin-right: 20px;
	}
	.quickcomm .ewmbox li .ewm img,
	.ewmbox li .ewm img {
		width: 90px;
	}
	.sharebox .tit,
	.footmain dd a {
		line-height: 34px;
	}
	.mainpro ul li {
		margin-top: 15px;
	}
	.protbox .advantagebox li {
		margin-top: 8px;
	}
}

@media only screen and (max-width:1500px) {
	.w {
		padding: 0 3%;
	}
	.navlinks-container .nav-item {
		height: 47px;
	}
	.morecategories {
		padding: 0 50px;
	}
	.nybanner .tbox .tit,
	.bannerswiper .tbox .tit,
	.myorderrating strong,
	.intitle {
		font-size: 32px;
	}
	.protbox .tit,
	.nytitle {
		font-size: 26px;
	}
	.protbox .price,
	.screening-content .title,
	.bkswiper .tit,
	.lay-skin-checkcard-tbox .name,
	.about-sec3 .box .tit,
	.footmain dt {
		font-size: 20px;
	}
	.morecategories .title span,
	.screening-content .tit,
	.collapsesdtyle .tit,
	.about5swiper .tbox .tit {
		font-size: 18px;
	}
	.ewmbox li .tbox,
	.singleprobox .tit,
	.first-tbox .t2,
	.policydetails .con,
	.messagecenter .desc,
	.personinfo .tbox .btns span,
	.stepNavi li .tbox .tit,
	.about-sec1 .main,
	.about-sec4 .layui-tab-content .desc .tit,
	.mainpro ul,
	.singleprobox .price,
	.merchantxq-sec5 .tit {
		font-size: 16px;
	}
	.promenu .layui-menu-item-group>ul li,
	.cart-header,
	.lay-skin-checkcard-tbox .tel,
	.collapsestyle2 .layui-colla-title,
	.messagexq .layui-tab .layui-tab-title li,
	.nybanner .tbox .desc,
	.bannerswiper .tbox .desc,
	.about-sec4 .layui-tab-content .desc,
	.about-sec4 .layui-tab-title li,
	.about5swiper .tbox .desc,
	.sharebox .tit,
	.footmain .desc,
	.footmain dd a,
	.merchantabout .desc,
	.mainpro .viewstore,
	.merchantheader .desc,
	.merchantheader .super,
	.mainproswiper .singleprobox .tit,
	.pjlist .name {
		font-size: 14px;
	}
	.first-tbox .t1,
	.messagecenter .num {
		font-size: 52px;
	}
	.in-sec5 .main .box .tbox .num {
		font-size: 44px;
	}
	.screening-content .resetbtn,
	.promenu li,
	.viewmore,
	.in-sec1 ul li .tbox,
	.morecategories .title a,
	.navlinks-container .nav-item a {
		font-size: 16px;
	}
	.agreementbox .layui-form-radio>div,
	.morecategories ul li .tbox {
		font-size: 14px;
	}
	.nybanner .tbox,
	.bannerswiper .tbox {
		padding: 40px;
	}
	.about-sec1 .intitle {
		width: 31%;
	}
	.order-con .viewmore {
		min-width: 125px;
	}
	.intitle {
		line-height: 40px;
	}
	.singleprobox .box {
		padding: 20px;
	}
	.proxq1-sec .main .leftbox {
		width: calc(100% - 544px);
		padding-right: 17px;
	}
	.protbox {
		width: 544px;
	}
	.protbox .con {
		padding: 30px;
	}
	.protbox .lay-skin-checkcard-avatar img {
		width: 36px;
		height: 36px;
	}
	.spinner {
		margin-top: 7px;
		height: 41px;
		padding: 0 45px;
	}
	.spinner .number {
		width: 55px;
		height: 41px;
		line-height: 41px;
	}
	.spinner .btnSpin {
		width: 45px;
		height: 41px;
		line-height: 41px;
	}
	.hook-con {
		padding: 25px;
	}
	.hook-con .hook-desc {
		margin-top: 15px;
		padding: 20px;
	}
	.hook-desc table th {
		font-size: 16px;
	}
	.borderbm {
		height: 55px;
	}
	.borderbm strong {
		font-size: 16px;
	}
	.merchantxq-sec1 {
		padding: 30px 40px 35px;
	}
	.merchantxq-sec5,
	.merchantxq-sec4,
	.merchantxq-sec2,
	.honormain,
	.infobox {
		padding: 50px 40px;
	}
	.infobox .pic {
		width: 152px;
		height: 152px;
	}
	.infobox .tit {
		margin-top: 15px;
		font-size: 20px;
	}
	.infobox .desc {
		margin-top: 15px;
		font-size: 16px;
		padding: 0 15px;
	}
	.orderxq-dec .desc {
		padding: 0 15%;
	}
	.stepNavi {
		margin-top: 30px;
		padding: 25px;
	}
}

@media only screen and (max-width:1400px) {
	.ewmbox li .tbox,
	.singleprobox .tit,
	.first-tbox .t2,
	.policydetails .con,
	.messagecenter .desc,
	.personinfo .tbox .btns span,
	.stepNavi li .tbox .tit,
	.about-sec1 .main,
	.about-sec4 .layui-tab-content .desc .tit,
	.mainpro ul,
	.singleprobox .price,
	.merchantxq-sec5 .tit {
		font-size: 15px;
	}
	.screening-content .resetbtn,
	.promenu li,
	.viewmore,
	.in-sec1 ul li .tbox,
	.morecategories .title a,
	.navlinks-container .nav-item a {
		font-size: 15px;
	}
	.nybanner .tbox .tit,
	.bannerswiper .tbox .tit,
	.myorderrating strong,
	.intitle {
		font-size: 30px;
	}
	.protbox .tit,
	.nytitle {
		font-size: 24px;
	}
	.first-tbox .t1,
	.messagecenter .num {
		font-size: 50px;
	}
	.in-sec5 .main .box .tbox .num {
		font-size: 42px;
	}
	.viewmore {
		height: 48px!important;
		line-height: 48px!important;
		min-width: 155px;
	}
	.buybtn {
		height: 48px;
		line-height: 48px;
	}
	.addcart {
		width: 48px;
		height: 48px;
		line-height: 48px;
	}
	.hook-item {
		margin-bottom: 30px;
	}
	.proxqimg {
		margin: 25px 0 20px;
	}
	.user-sec .underlinebtn,
	.lay-skin-checkcard-tbox .desc,
	.singleprobox .desc {
		font-size: 13px;
	}
	.singleprobox .price,
	.mplistswiper .singleprobox .price {
		line-height: 30px;
		background-size: 30px 30px;
	}
	.layui-layer-mystyle .nytitle {
		margin-bottom: 15px;
	}
	.layui-layer-mystyle .layui-input-wrap {
		line-height: 48px;
	}
	.layui-layer-mystyle .layui-input {
		height: 48px;
		line-height: 48px;
		font-size: 14px;
	}
	.captchaimg {
    left: -64px;
    height: 34px;
    }
	.layui-layer-mystyle .layui-input-affix {
		line-height: 48px;
	}
	.layui-layer-mystyle .addNewAddrbox .layui-input {
		height: 48px;
		line-height: 48px;
		font-size: 14px;
	}
	.uploadbl {
		height: 48px;
		line-height: 48px;
	}
	.submit-btn {
		line-height: 48px;
		height: 48px;
	}
	.layui-layer.layui-layer-mystyle .addNewAddrbox .con,
	.layui-layer.layui-layer-mystyle .con {
		padding: 40px;
	}
	.layui-layer-mystyle .layui-textarea {
		line-height: 48px;
		font-size: 14px;
		min-height: 116px;
	}
	.reglogin-sec .infotbox {
		padding: 5% 3% 0;
	}
	.reglogin-sec .infotbox .desc2 li {
		margin-top: 40px;
	}
	.reglogin-sec .infotbox .desc2 li .pic {
		max-width: 26px;
	}
	.layui-layer-mystyle .con .tit {
		margin-bottom: 13px;
	}
	.layui-layer-mystyle .layui-form-item label {
		margin-bottom: 5px;
	}
	.layui-layer-mystyle .layui-form-item {
		margin-bottom: 10px;
	}
	.agreementbox,
	.agreementbox .layui-form-checkbox[lay-skin=primary]>div {
		font-size: 13px!important;
	}
	.collapsestyle2 .layui-colla-content .desc2 {
		margin-top: 10px;
		font-size: 12px;
	}
	.wtbg {
		background: #FFFFFF;
		padding: 30px;
	}
	.user-navlist li a {
		font-size: 16px;
		padding: 0 30px;
	}
	.user-navlist {
		padding: 25px 0;
	}
	.user-navlist li .icon {
		width: 22px;
		margin-right: 6px;
	}
	.policydetails .con {
		padding-top: 30px;
	}
	.location-nav .main {
		padding: 25px 0;
	}
	.user-sec .main {
		margin-top: 40px;
	}
	.in-sec1 ul li .pic {
		width: 68px;
		height: 68px;
	}
	.in-sec1 ul li .pic img {
		max-width: 30px;
	}
	.promenu>.layui-menu-item-group>.layui-menu-body-title {
		padding: 10px 30px 10px 0;
	}
	.singleprobox .tbox {
		padding: 10px 0;
	}
	.singleprobox .discount {
		top: 15px;
		color: #FFFFFF;
		height: 24px;
		line-height: 24px;
		min-width: 54px;
		font-size: 12px;
	}
	.collapsestyle2 .layui-colla-item {
		padding: 15px 30px;
	}
	.collapsestyle2 .layui-colla-content {
		display: none;
		padding: 5px 10.5% 0 0;
	}
	.order-header {
		font-size: 12px;
	}
	.order-con .cartpro .tbox {
		margin-left: 24px;
		width: calc(100% - 130px);
	}
	.portrait {
		width: 100px;
		height: 100px;
	}
	.personinfo .tbox {
		width: calc(100% - 135px);
	}
	.orderlist {
		margin-top: 15px;
	}
	.orderlist li {
		margin-bottom: 10px;
	}
	.tbox-note {
		margin-top: 5px;
	}
	.addresslist2 li {
		margin-top: 15px;
	}
	.lay-skin-checkcard-btns .mod {
		margin-right: 20px;
		width: 20px;
		height: 20px;
	}
	.lay-skin-checkcard-btns .del {
		margin-right: 20px;
		width: 25px;
		height: 23px;
	}
	.defult {
		line-height: 24px;
		height: 24px;
		padding: 0 10px;
		font-size: 12px;
	}
	.merchantinfo .bg {
		padding: 40px;
	}
	.merchantdetails {
		margin-top: 35px;
	}
	.swiperboxs {
		margin: 0 -40px 0 auto;
	}
	.merchantabout .bg {
		padding: 35px;
	}
	.merchantabout .pic {
		margin-top: 25px;
	}
	.merchantabout .desc {
		margin-top: 15px;
	}
	.merchantabout .ctbtn {
		margin-top: 20px;
	}
	.merchantheader .super {
		height: 22px;
		line-height: 22px;
		font-size: 12px;
	}
	.merchantheader .mlogo {
		width: 66px;
		height: 66px;
	}
	.merchantheader .mlogo img {
		max-width: 56px;
	}
	.arrows .swiper-button-next,
	.arrows .swiper-button-prev {
		width: 30px;
		height: 30px;
	}
	.arrows .swiper-button-next {
		margin-left: 10px;
	}
	.arrows.arrowstop {
		right: 40px;
		top: 54px;
	}
	.about5swiper .tbox .icon {
		width: 30px;
		height: 30px;
	}
	.about5swiper .tbox {
		padding: 30px;
	}
	.ewmbox li {
		margin-left: 30px;
	}
	.quickcomm .ewmbox li .ewm img,
	.ewmbox li .ewm img {
		width: 66px;
	}
	.about-sec6 .leftbox .telbox {
		font-size: 18px;
		height: 48px;
		line-height: 48px;
	}
	.about-sec6 .leftbox .tit {
		font-size: 15px;
	}
	.about-sec6 .leftbox .sharebox {
		margin-top: 30px;
	}
	.quickcomm {
		margin-top: 30px;
	}
	.about-sec6 {
		padding: 110px 0 80px;
	}
}

@media only screen and (max-width:1280px) {
	body {
		font-size: 13px;
	}
	.proxq1-sec .main .leftbox {
		width: calc(100% - 504px);
		padding-right: 10px;
	}
	.protbox {
		width: 504px;
	}
	.protbox .lay-skin-checkcard-detail {
		font-size: 12px;
	}
	.borderbm strong {
		font-size: 14px;
	}
	.protbox .protag {
		font-size: 12px;
	}
}


/* * * * * * *   * * * * * * * */