.layout {
	position:relative;
}
.zhanbu {
	height:100vh;
	display:flex;
	justify-content:center;
	align-items:center;
}
.zhanbu .box {
	min-width:45rem;
	background:#FFFFFF;
	border-radius:0.625rem 0.625rem 0.625rem 0.625rem;
	margin:0 auto;
	padding:4.53125rem 1.875rem 3.125rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	margin-top: -6rem;
}
.zhanbu .box .ts {
	text-align:center;
}
.lsele {
    box-sizing: border-box;
    background-color: transparent;
    outline: 0;
    -webkit-appearance: none;
}
.zhanbu .btn {
	width:16.40625rem;
	line-height:2.7083333333333335rem;
	font-weight:400;
	font-size:14px;
	display:block;
	text-align:center;
	color:#FFFFFF;
	background:#111111;
	border-radius:2.0833333333333335rem;
	margin:2.0833333333333335rem auto 0;
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
}
.zhanbu .btn:hover{
	background: #333;
}
.zhanbu .box .ts h2 {
	font-weight:bold;
	font-size:1.71875rem;
	color:#111111;
	line-height:1.6;
	text-transform:uppercase;
}
.zhanbu .box .ts p {
	font-weight:400;
	font-size:14px;
	color:#111111;
	line-height:1.6;
	margin-top:0.5208333333333334rem;
}
.zhanbu .fms h6 {
	font-weight:400;
	font-size:14px;
	color:#999999;
	line-height:1.6;
	margin-top:0.8333333333333334rem;
}
.zhanbu .fms ul {
	margin-top:2.0833333333333335rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.zhanbu .fms li {
	width:calc((100% - 2rem)/5);
	height:2.447916666666667rem;
	background:#F7F7F7;
	border-radius:0.2604166666666667rem 0.2604166666666667rem 0.2604166666666667rem 0.2604166666666667rem;
	border:1px solid #DDDDDD;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:flex;
	justify-content:space-between;
	align-items:center;
	position: relative;
}
.zhanbu .fms li h5 {
	font-weight:400;
	font-size:14px;
	color:#111111;
	line-height:2.3958333333333335rem;
	/* width:2.604166666666667rem; */
	flex-shrink:0;
	margin-right:0.5208333333333334rem;
	position: absolute;
	left: 0.26rem;
}
.zhanbu .fms li .lsele {
	font-size:14px;
	color:#111111;
	line-height:1.7;
	background:url(../images/qw2.png) no-repeat right center;
	background-size:0.625rem auto;
	border:none;
	flex:1;
	height:100%;
}
.zhanbu .fms.on h6 {
	margin:2.0833333333333335rem 1.0416666666666667rem 0;
}
.zhanbu .fms.on .lsele {
	height:2.447916666666667rem;
	background:#F7F7F7;
	border-radius:0.2604166666666667rem 0.2604166666666667rem 0.2604166666666667rem 0.2604166666666667rem;
	border:1px solid #DDDDDD;
	width:100%;
	margin-top:1.3020833333333335rem;
	padding:0 1.5625rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	background:url(../images/qw2.png) no-repeat right 1.0416666666666667rem center;
	background-size:0.625rem auto;
	font-size:14px;
	color:#111111;
}
.zhanbu .layui-form-select .layui-input{
	padding: 0;
}
.zhanbu .fms.on .layui-form-select{
	height:2.447916666666667rem;
	background:#F7F7F7;
	border-radius:0.2604166666666667rem 0.2604166666666667rem 0.2604166666666667rem 0.2604166666666667rem;
	border:1px solid #DDDDDD;
	width:100%;
	margin-top:1.3020833333333335rem;
	padding:0 1.5625rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	background:url(../images/qw2.png) no-repeat right 1.0416666666666667rem center;
	background-size:0.625rem auto;
	font-size:14px;
	color:#111111;
}
.zhanbu .fms .layui-form-select .layui-input{
	line-height: 2.447916666666667rem;height:2.447916666666667rem;
}
.zhanbu .layui-select-title{
	height: 100%;
}
.huiymain {
	height:100vh;
	display:flex;
	justify-content:space-between;
	background:#f7f9fc;
	overflow: hidden;
}
.uitlts {
	width:7.291666666666667rem;
	height:100vh;
	background:#FFFFFF;
	padding-top:0.5208333333333334rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.uitrts {
	width:calc(100% - 7.291666666666667rem);
	padding:1.5625rem 3.6458333333333335rem 0 3.125rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	height: 100vh;
}
.uitlts h1 {
	width:5.46875rem;
	margin:0 auto;
}
.uitlts h1 img {
	display:block;
	width:100%;
}
.uitlts .nav {
	margin-top:2.0833333333333335rem;
}
.uitlts .nav li {
	padding:0.7291666666666667rem 0 0.9375rem;
	margin-bottom:1.5625rem;
	text-align:center;
}
.uitlts .nav li.active{
    background: #F7F9FC;
}
.uitlts .nav li .icon {
	width:1.1458333333333335rem;
	display:block;
	object-fit:contain;
	margin:0 auto;
}
.uitlts .nav li h3 {
	font-weight:400;
	font-size:14px;
	color:#111111;
	line-height:1.3;
	margin-top:0.3125rem;
}
.uitlts .nav li .ndli {
	position:absolute;
	left:100%;
	top:0;
	z-index:1;
	height:100vh;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:none;
	padding-left: 1rem;
}
.uitlts .nav li .ndli .boxc{
	background:#FFFFFF;
	border-radius:0.4166666666666667rem;
	width:13.5rem;height: 100%;
	padding:1.25rem 0 0;
}
.uitlts .nav li .ndli h5 {
	font-weight:400;
	font-size:14px;
	color:#111111;
	line-height:3.3333333333333335rem;
	text-align:center;
	margin-bottom:2.604166666666667rem;
}
.uitlts .nav li .ndli dd {
	margin-bottom:1.3541666666666667rem;
}
.uitlts .nav li .ndli dd a {
	display:flex;
	align-items:center;
	font-weight:400;
	font-size:14px;
	color:#111111;
	line-height:3.3333333333333335rem;
	padding-left:1.5625rem;
}
.uitlts .nav li .ndli dd:hover,.uitlts .nav li .ndli dd.on {
	background:#C9E0F2;
}
.uitlts .nav li .ndli dd img {
	width:0.78125rem;
	display:block;
	flex-shrink:0;
	margin-right:0.625rem;
}
.uitlts .nav li .ndli dd span {
	display:block;
	font-weight:400;
	font-size:14px;
	color:#111111;
	line-height:3.3333333333333335rem;
}
.uitlts .nav li.on {
	background:#f7f9fc;
}
.hynav ul {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.hynav li {
	padding:0 1.3541666666666667rem;
	background:#fff;
	border:1px solid #eeeeee;
	margin-left:0.6770833333333334rem;
	border-radius:3.125rem;
}
.hynav li a {
	font-weight:400;
	font-size:0.9375rem;
	color:#111111;
	line-height:2.604166666666667rem;
	display:block;
}
.hynav li img {
	width:1.1458333333333335rem;
	display:inline-block;
	vertical-align: middle;
	margin-right:0.5208333333333334rem;
}
.hynav li:hover,.hynav li.on {
	background:#c9e0f2;
	border-color:#c9e0f2;
}
.hytxt {
	font-weight:bold;
	font-size:14px;
	color:#DE0000;
	line-height:1.7;
	padding:0.7291666666666667rem 2.34375rem;
	background:#E8F1FF;
	border-radius:0.625rem 0.625rem 0.625rem 0.625rem;
	margin:1.0416666666666667rem 0 1.5625rem;
}
.hysubscr ul {
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
.hysubscr li {
	margin-right:1.0416666666666667rem;
	width:calc((100% - 2.1875rem)/3);
	background:#FFFFFF;
	border-radius:0.625rem 0.625rem 0.625rem 0.625rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:1.875rem 2.0833333333333335rem 1.3541666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.hysubscr li:nth-child(3n) {
	margin-right:0;
}
.hysubscr li h6 {
	font-weight:bold;
	font-size:1.0416666666666667rem;
	border-radius:0.2604166666666667rem;
	line-height:2.3958333333333335rem;
	padding:0 1.5625rem;
	display:inline-block;
}
.hysubscr li:nth-child(1) h6 {
	color:#F1B800;
	background:#FDF8E0;
}
.hysubscr li:nth-child(2) h6 {
	color:#065CDE;
	background:#E8F1FF;
}
.hysubscr li:nth-child(3) h6 {
	color:#05D9E1;
	background:#E2FEFF;
}
.hysubscr li h3 {
	font-size:14px;
	color:#000000;
	line-height:1.6666666666666667rem;
	margin:1.25rem 0 0.8333333333333334rem;
}
.hysubscr li h3 i {
	font-weight:bold;
	font-size:1.5104166666666667rem;
}
.hysubscr li dd {
	font-size:14px;
	color:#111111;
	line-height:1.6666666666666667rem;
	padding-left:1.1458333333333335rem;
	background:url(../images/qw8.png) no-repeat left top 0.6770833333333334rem;
	background-size:0.5729166666666667rem auto;
}
.hysubscr li .btn {
	width:23.4375rem;
	line-height:2.7083333333333335rem;
	background:#111111;
	border-radius:1.5625rem;
	font-weight:400;
	font-size:14px;
	margin:3.125rem auto 0;
	color:#FFFFFF;
	display:block;
	text-align:center;
}
.hyxiaoxi {
	margin-top:1.0416666666666667rem;
	height: calc(100% - 5rem);
	overflow-x: hidden;
	overflow-y: scroll;
}
.hychat{
	height: calc(100% - 5rem);
	overflow-x: hidden;
	overflow-y: scroll;
}
.hyxiaoxi li {
	background:#FFFFFF;
	border-radius:0.625rem 0.625rem 0.625rem 0.625rem;
	margin-top:1.0416666666666667rem;
	padding:1.5625rem 2.3958333333333335rem 1.5625rem 3.4375rem;
	cursor:pointer;
}
.hyxiaoxi li .tps {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.hyxiaoxi li h3 {
	font-weight:400;
	font-size:16px;
	color:#111111;
	line-height:1.0416666666666667rem;
}
.hyxiaoxi li h6 {
	font-size:16px;
	color:#000000;
	line-height:1.25rem;
	padding-right:2.0833333333333335rem;
	background:url(../images/qw12-1.png) no-repeat right center;
	padding-left:0.625rem;
	background-size:0.9375rem auto;
}
.hyxiaoxi li p {
	font-weight:400;
	font-size:14px;
	color:#111111;
	line-height:1.7;
}
.hyxiaoxi li .tbs {
	margin-top:1.5625rem;
}
.hyxiaoxi li .on h6 {
	background:url(../images/qw12.png) no-repeat right center;
	background-size:0.46875rem auto;
}
.hyorder {
	margin-top:1.0416666666666667rem;
	background:#FFFFFF;
	border-radius:0.625rem 0.625rem 0.625rem 0.625rem;
	overflow:hidden;
	height:calc(100% - 4.166666666666667rem);
	overflow-y: scroll;
}
.hyorder table {
	width:100%;
}
.hyorder table th {
	font-size:16px;
	color:#000000;
	line-height:1.25rem;
	border-bottom:0.052083333333333336rem solid #DDDDDD;
	padding:1.5625rem 0 1.3020833333333335rem;
	text-align:center;
}
.hyorder table td {
	font-size:16px;
	color:#000000;
	line-height:1.25rem;
	padding:1.25rem 0 1.0416666666666667rem;
	border-bottom:0.052083333333333336rem solid #DDDDDD;
	text-align:center;
}
.hyorder table h3 {
	font-weight:bold;
}
.hyorder table h3.s1 {
	color:#F1B800;
}
.hyorder table h3.s2 {
	color:#065CDE;
}
.hyorder table h3.s3 {
	color:#05D9E1;
}
.hyorder table tr:last-child td {
	border-bottom:none;
}
.hychat {
	margin-top:1.0416666666666667rem;
}
.hychat li {
	margin-bottom:1.0416666666666667rem;
	background:#FFFFFF;
	border-radius:0.625rem 0.625rem 0.625rem 0.625rem;
	padding:2.0833333333333335rem 2.604166666666667rem 2.0833333333333335rem 3.4375rem;
}
.hychat li a {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.hychat li h3 {
	font-weight:400;
	font-size:14px;
	color:#999999;
	line-height:1.6;
	max-width:80%;
	height:3.2em;
	overflow:hidden;
}
.hychat li h6 {
	font-size:16px;
	color:#000000;
	line-height:1.25rem;
	padding-right:2.0833333333333335rem;
	background:url(../images/qw12.png) no-repeat right center;
	padding-left:0.625rem;
	background-size:0.46875rem auto;
}
.hyaichat {
	height:calc(100vh - 0.78125rem);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	padding-bottom:9.375rem;
}
.hyaichat h6 {
	font-weight:400;
	font-size:14px;
	color:#111111;
	line-height:1.6;
	text-align:center;
}
.hyaichat .fts {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:1;width: 1436px;margin: 0 auto;
}
.hyaichat .fts dl {
	display:flex;
	/* justify-content:flex-end; */
	align-items:center;
}
.hyaichat .fts dd a {
	padding:0.5rem 2.0833333333333335rem;
	background:#FFFFFF;
	border-radius:1.3541666666666667rem 1.3541666666666667rem 1.3541666666666667rem 1.3541666666666667rem;
	font-weight:400;
	font-size:14px;
	color:#111111;
	line-height:2;
	display:inline-block;
	margin-left:1.0416666666666667rem;
	display:flex;
	justify-content:center;
	align-items:center;
}
.hyaichat .fts dd a:hover{
	background: #f7f7f7;
}
.hyaichat .fts dd img {
	margin:auto;
	width:1.1458333333333335rem;
}
.hyaichat .fts dd:last-child a {
	padding:0 0.625rem;
}
.hyaichat .fts p {
	font-weight:400;
	font-size:14px;
	color:#999999;
	line-height:0.9375rem;
	text-align:center;margin-top: 0.6rem;
}
.hyaichat .fts .fms {
	display:flex;
	justify-content:space-between;
	background:#FFFFFF;
	border-radius:1.3541666666666667rem 1.3541666666666667rem 1.3541666666666667rem 1.3541666666666667rem;
	border:1px solid #DDDDDD;
	height:2.604166666666667rem;
	overflow:hidden;
	margin:1.5625rem 0 0;
	align-items:center;
}
.hyaichat .fts .sub {
	background:url(../images/qw14.png) no-repeat center #111;
	width:10.677083333333334rem;
	height:100%;
	border-radius:1.5625rem;
	background-size:0.8854166666666667rem auto;
	border:none;
	font-size:0;
	cursor:pointer;
}
.hyaichat .fts .t1 {
	padding:0 1.875rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	width:calc(100% - 10.9375rem);
	font-weight:400;
	font-size:14px;
	color:#111111;
	border:none;
}
.hyaichat .bds {
	margin-top:3.125rem;
	height:calc(100% - 5.208333333333334rem);
	overflow-y:scroll;
	padding-right: 1rem;
}
.hyaichat .bds li {
	margin-bottom:2.0833333333333335rem;
	display: flex;justify-content: flex-end;
}
.hyaichat .bds li:nth-child(2n) {
	justify-content: flex-start;
}
.hyaichat .bds li .txt {
	word-wrap:break-word;
	word-break:break-all;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	background:#FFFFFF;
	border-radius:0.5208333333333334rem;
	border:1px solid #DDDDDD;
	max-width: 70%;
}
.hyaichat .bds li p {
	padding:1.1458333333333335rem 1.9791666666666667rem;
	display:inline-block;
	font-size:14px;
	color:#111111;
	line-height:1.6;
}
.hyaichat .bds li:nth-child(2n) .txt {
	background:#C9E0F2;
	border-color:#C9E0F2;
}
.uitflax {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.addbtn {
	padding:0 1.6666666666666667rem;
	display:inline-block;
	line-height:2.7083333333333335rem;
	border-radius:1.5625rem;
	border:1px solid #111111;
}
.addbtn span {
	font-weight:400;
	font-size:0.9375rem;
	color:#111111;
	line-height:2.604166666666667rem;
	padding-left:1.875rem;
	background:url(../images/qw15.png) no-repeat left center;
	background-size:0.8854166666666667rem auto;
	display:inline-block;
}
.hysuanm {
	margin-top:1.4583333333333335rem;
	height: calc(100% - 5rem);
	overflow-y: scroll;
}
.uitzhanbjg li {
	margin-bottom:1.0416666666666667rem;
	background:#FFFFFF;
	border-radius:0.625rem;
}
.uitzhanbjg li .tps {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:1.7708333333333335rem 3.4375rem 1.5625rem 3.6458333333333335rem;
	cursor: pointer;
}
.uitzhanbjg li .ts {
	width:15.625rem;
	padding-right:1.0416666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.uitzhanbjg li .ts h3 {
	font-weight:bold;
	font-size:0.9375rem;
	color:#111111;
	line-height:1.6;
}
.uitzhanbjg li .ts h3 span {
	font-size:16px;
	display:inline-block;
	margin-left:0.8333333333333334rem;
}
.uitzhanbjg li .ovs{
	overflow: hidden;
}
.uitzhanbjg li .ts p {
	font-size:16px;
	color:#000000;
	line-height:1.6;
	margin-top:0.2604166666666667rem;
}
.uitzhanbjg li .ts {
	border-right:0.052083333333333336rem solid #EBEBEC;
}
.uitzhanbjg li .rs {
	background:url(../images/qw12-1.png) no-repeat right center;
	background-size:1.1458333333333335rem auto !important;
	width:calc(100% - 21.354166666666668rem);
}
.uitzhanbjg li .on .rs{
	background:url(../images/qw12-2.png) no-repeat right center;
}
.uitzhanbjg li .tps dl {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
.uitzhanbjg li .tps dd {
	padding:0 0.625rem;
	font-size:14px;
	color:#45637A;
	line-height:1.4583333333333335rem;
	border-radius:1.5625rem;
	margin-right:2.291666666666667rem;
	margin-bottom:0.5208333333333334rem;
}
.uitjig .d1,.uitzhanbjg .d1 {
	background:#C9E0F2;
}
.uitjig .d2,.uitzhanbjg .d2 {
	background:#F2E4C9;
}
.uitjig .d3,.uitzhanbjg .d3 {
	background:#C6F5D4;
}
.uitjig .d4,.uitzhanbjg .d4 {
	background:#F5F5C6;
}
.uitjig .d5,.uitzhanbjg .d5 {
	background:#C6CCF5;
}
.uitjig .d6,.uitzhanbjg .d6 {
	background:#E3F2C9;
}
.uitjig {
	margin-top:2.604166666666667rem;
}
.uitjig .text,.uitjig .table {
	margin:0 7.8125rem 0 9.375rem;
}
.uitjig .table table {
	width:100%;
}
.uitjig .table table th {
	font-size:16px;
	color:#111111;
	line-height:1.25rem;
	padding:0.8333333333333334rem 0;
	background:#F9FAFB;
	text-align:center;
}
.uitjig .table table td {
	font-size:16px;
	color:#000000;
	line-height:1.25rem;
	padding:0.8333333333333334rem 0;
	text-align:center;
}
.uitjig .table table h3 {
	padding:0 0.625rem;
	font-size:14px;
	color:#45637A;
	line-height:1.4583333333333335rem;
	border-radius:1.5625rem;
	display:inline-block;
}
.uitjig .table table h4 {
	padding:0 1.8229166666666667rem;
	font-size:14px;
	color:#111;
	line-height:1.4583333333333335rem;
	border-radius:1.5625rem;
	display:inline-block;
	width:11.458333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:0.4166666666666667rem;
}
.uitjig .table table tr:nth-child(2n + 1) {
	background:#F9FAFB;
}
.uitjig .text h5 {
	font-weight:bold;
	font-size:1.71875rem;
	color:#111111;
	line-height:1.6;
	margin-bottom:0.8333333333333334rem;
}
.uitjig .text p {
	font-weight:400;
	font-size:16px;
	color:#111111;
	line-height:2.0833333333333335rem;
}
.uitjig .text {
	margin-top:5.989583333333334rem;
}
.uitjig .fts h2 {
	font-weight:bold;
	font-size:1.71875rem;
	color:#111111;
	line-height:1.6;
	text-align:center;
	margin-bottom:1.0416666666666667rem;text-transform: uppercase;
}
.uitjig .fts {
	margin-top:3.6458333333333335rem;
}
.uitjig .btn {
	width:27.552083333333336rem;
	line-height:2.7083333333333335rem;
	background:#111111;
	border-radius:5.989583333333334rem 5.989583333333334rem 5.989583333333334rem 5.989583333333334rem;
	font-weight:400;
	font-size:14px;
	color:#FFFFFF;
	text-align:center;
	display:block;
	margin:1.5625rem auto 0;
}
.uitjig {
	padding-bottom:5.729166666666667rem;
}
.zhanbu .ovs {
	width:72.91666666666667rem;
	background:#FFFFFF;
	border-radius:0.625rem 0.625rem 0.625rem 0.625rem;
	margin:0 auto;
}
.zhanbu1 {
	height:auto;
	padding:2.604166666666667rem 0;
}
.zhanbu1 .text {
	margin:5.989583333333334rem 3.6458333333333335rem 0;
}
.zhanbu1 .table {
	margin:0 3.6458333333333335rem;
}
.zhanbu1 .uitjig .fts dl {
	display:flex;
	justify-content:center;
	align-items:center;
}
.zhanbu1 .uitjig .fts .btn {
	margin:0 0.5208333333333334rem;
}
.zhanbu1 .uitjig .fts .btn.on {
	background:#FFFFFF;
	border:1px solid #707070;
	color:#111111;
}
.wrap {
	width:90%;
	max-width: 1400px;
	margin:0 auto;
}
.header {
	position:sticky;
	left:0;
	right:0;
	top:0;
	z-index:10;
	background:#fff;
	height:4.166666666666667rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0 3.6458333333333335rem;
}
.header.on {
	box-shadow:0 0.3125rem 0.5208333333333334rem 0 rgba(80,80,80,0.2);
}
.header .logo {
	width:8.90625rem;
	display:block;
}
.header .logo img {
	width:100%;
	display:block;
}
.header .rts {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.header .naver ul {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.header .naver li h3 a {
	font-weight:400;
	font-size:14px;
	color:#111111;
	line-height:4.166666666666667rem;
	display:block;
}
.header .naver li {
	margin-right:3.125rem;
}
.header .search {
	position:relative;
}
.header .search .btn {
	background:url(../images/qw26.png) no-repeat center;
	width:1.9791666666666667rem;
	height:1.9791666666666667rem;
	border:none;
	cursor:pointer;
	background-size:1.0416666666666667rem auto;
}
.header .search .txt {
	border:1px solid rgba(255,255,255,0);
	height:2.0833333333333335rem;
	width:0;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	border-radius:1.5625rem;
	position:absolute;
	right:100%;
	top:0;
	z-index:1;
	font-size:0.8333333333333334rem;
	color:#111111;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	background:none;
}
.header .search:hover .txt {
	width:16.666666666666668rem;
	background:#C9E0F2;
	padding:0 1.0416666666666667rem;
}
.layout {
	position:relative;
}
.layout.ons{
	padding-top: 0;
}
.header dl {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.header dd {
	margin-left:1.3541666666666667rem;
	position:relative;
	width:1.1979166666666667rem;
}
.header dd img {
	width:100%;
	display:block;
}
.header dd span {
	position:absolute;
	right:-0.5208333333333334rem;
	top:-0.5208333333333334rem;
	z-index:1;
	font-weight:400;
	font-size:9px;
	color:#FFFFFF;
	background:#E63838;
	line-height:0.9375rem;
	border-radius:1.0416666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 0.15625rem;
	min-width:0.9375rem;
	text-align:center;
}
.hbanner {
	height:46.35416666666667rem;
	overflow:hidden;
}
.hbanner .wrap {
	height:100%;
	position:relative;
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.hbanner h2 {
	font-weight:500;
	font-size:4.635416666666667rem;
	color:#FFFFFF;
	line-height:1.6;
}
.hbanner p {
	font-weight:400;
	font-size:0.9375rem;
	color:#FFFFFF;
	line-height:1.6;
}
.hbtn {
	width:8.802083333333334rem;
	line-height:2.916666666666667rem;
	background:#C9E0F2;
	border-radius:1.5625rem;
	font-weight:bold;
	font-size:13px;
	color:#111111;
	text-align:center;
	display:block;
	margin-top:1.25rem;
}
.uittops {
	position:fixed;
	right:1%;
	bottom:20%;
	z-index:1;
	width:2.604166666666667rem;
	cursor:pointer;
}
.uittops img {
	width:100%;
	display:block;
}
.copyright {
	padding:0.8333333333333334rem 0;
	font-weight:400;
	font-size:12px;
	color:#999999;
	text-align:center;
	line-height:1.25rem;
	border-top:0.052083333333333336rem solid rgba(219,221,226,0.3);
}
.footer .tps {
	padding-top:3.6458333333333335rem;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.footer .ls {
	width:11.979166666666668rem;
}
.footer .ls .logo {
	display:block;
	max-width:8.90625rem;
	margin-bottom:1.0416666666666667rem;
}
.footer .ls .logo img {
	width:100%;
	display:block;
}
.footer .ls ul {
	display:flex;
	align-items:center;
}
.footer .ls li {
	width:1.5625rem;
	display:block;
	margin-right:0.625rem;
}
.footer .ls li img {
	width:100%;
	display:block;
}
.footer .img {
	width:29.375rem;
}
.footer .img img {
	width:100%;
	display:block;
}
.footer .fms {
	width:23.4375rem;
}
.footer .fms .sech {
	width:100%;
	height:2.604166666666667rem;
	background:#F8F8F9;
	border-radius:1.5625rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.footer .fms .sech .t1 {
	width:calc(100% - 7.8125rem);
	padding:0 1.0416666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-weight:400;
	font-size:14px;
	color:#111;
	height:100%;
	border:none;
	background:none;
}
.footer .fms .sech .btn {
	width:7.8125rem;
	background:#000000;
	border-radius:1.5625rem;
	border:none;
	font-weight:400;
	font-size:16px;
	height:100%;
	color:#FFFFFF;
	text-align:center;
	display:block;
	cursor:pointer;
}
.footer .fms .che {
	margin-top:1.0416666666666667rem;
	margin-left:2.34375rem;
}
.footer .fms .che .c1 {
	display:none;
}
.footer .fms .che label {
	font-weight:400;
	font-size:14px;
	color:#111111;
	display:block;
	padding-left:1.3541666666666667rem;
	background:url(../images/qw40.png) no-repeat left center/0.78125rem auto;
}
.footer .fms .che label a {
	text-decoration:underline !important;
}
.footer .fms .che input:checked + label{
	background:url(../images/qw44.png) no-repeat left center/0.78125rem auto;
}

.footer .tbs {
	margin-top:3.4375rem;
	padding-bottom:2.604166666666667rem;
	display:flex;
	justify-content:flex-end;
	align-items:flex-start;
}
.footer .tbs dl {
	margin-left:6.770833333333334rem;
}
.footer .tbs dt {
	font-weight:bold;
	font-size:16px;
	color:#111111;
	line-height:1.6;
	margin-bottom:0.8333333333333334rem;
}
.footer .tbs dd,.footer .tbs dd a {
	font-weight:400;
	font-size:14px;
	color:#999999;
	line-height:1.5625rem;
	display:block;
}
.hpage6 {
	border-bottom:0.052083333333333336rem solid #efefef;
	border-top:0.052083333333333336rem solid #efefef;
	padding:1.6666666666666667rem 0;
}
.hpage6 ul {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.hpage6 li .ico {
	width:2.65625rem;
	display:block;
	margin:0 auto;
}
.hpage6 li h4 {
	font-weight:400;
	font-size:14px;
	color:#111111;
	line-height:1.4583333333333335rem;
	margin:0.625rem 0 0.8333333333333334rem;
}
.hpage6 li p {
	font-weight:400;
	font-size:14px;
	color:#888888;
	line-height:1.6;
	text-align:center;
}
.hpage6 li {
	position:relative;
	text-align:center;
	padding:0 3.125rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	flex:1;
}
.hpage6 li::before {
	content:"";
	position:absolute;
	right:0;
	top:3.125rem;
	z-index:1;
	height:1.1458333333333335rem;
	width:0.052083333333333336rem;
	background:#DDDDDD;
}
.hpage6 li:nth-child(1) {
	padding-left:0;
}
.hpage6 li:last-child {
	padding-right:0;
}
.hpage6 li:last-child::before {
	display:none;
}
.hpage5 {
	background:#F9F9F9;
	padding:3.125rem 3.125rem 1.5625rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.hpage5 h2 {
	font-weight:400;
	font-size:2.5rem;
	color:#111111;
	line-height:1.2;
	text-transform:uppercase;
}
.hpage5 ul {
	display:flex;
	flex-wrap:wrap;
	margin:1.5625rem 0 2.604166666666667rem;
}
.hpage5 li {
	margin-bottom:1.5625rem;
	margin-right:1.71875rem;
	width:calc((100% - 3.541666666666667rem)/3);
}
.hpage5 li:nth-child(3n) {
	margin-right:0;
}
.hpage5 li .pic {
	height:10.416666666666668rem;
	overflow:hidden;
}
.hpage5 li .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hpage5 li p {
	font-weight:400;
	font-size:0.9375rem;
	color:#111111;
	line-height:1.5625rem;
	height:3.125rem;
	overflow:hidden;
}
.hpage5 li h4 {
	font-weight:400;
	font-size:16px;
	color:#111111;
	line-height:1.6;
	margin:1.0416666666666667rem 0 0.5208333333333334rem;
}
.hpage4 .hbtn,.hpage5 .hbtn {
	text-transform:uppercase;
	margin:0 auto;
}
.hpage6 {
	margin-top:8.854166666666668rem;
}
.hpage4 {
	margin:5.208333333333334rem auto 3.90625rem;
	height:28.645833333333336rem;
	position:relative;
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.hpage4 h3 {
	font-weight:400;
	font-size:2.5rem;
	color:#111111;
	line-height:1.6;
	text-transform:uppercase;
}
.hpage4 p {
	font-weight:400;
	font-size:16px;
	color:#111111;
	line-height:1.25rem;
	text-align:center;
	margin-bottom:1.25rem;
	max-width: 400px;
}
.hpage4 .txt {
	padding-right:3.4375rem;
}
.hpage3 {
	height:46.875rem;
	position:relative;
	margin-top:7.8125rem;
	overflow:hidden;
}
.hpage3 .swiper-slide {
	height:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.hpage3 .txt {
	padding-left:3.6458333333333335rem;
}
.hpage3 .txt h2 {
	font-weight:400;
	font-size:2.5rem;
	color:#111111;
	text-transform:uppercase;
	line-height:1.6;
}
.hpage3 .txt p {
	font-weight:400;
	font-size:1.0416666666666667rem;
	color:#111111;
	line-height:1.6;
}
.hpage1 {
	padding:2.0833333333333335rem 0 4.6875rem;
}
.htit {
	display:flex;
	align-items:center;
	padding:0 3.6458333333333335rem;
	margin-bottom:1.8229166666666667rem;
}
.htit h2 {
	font-weight:400;
	font-size:2.5rem;
	color:#111111;
	line-height:1.6;
	text-transform:uppercase;
}
.htit dl {
	display:flex;
	align-items:center;
	margin-left:3.3333333333333335rem;
	flex-wrap: wrap;
}
.htit dd a {
	margin-right:0.5208333333333334rem;
	padding:0 2.0833333333333335rem;
	font-weight:400;
	font-size:14px;
	color:#111111;
	line-height:1.875rem;
	border-radius:1.5625rem;
	border:1px solid rgba(255,255,255,0);
	display:inline-block;
}
.htit dd a:hover,.htit dd.on a {
	border-color:#707070;
}
.hpage1 .swipshop {
	overflow:hidden;
}
.hpage1 .swipshop li {
	height:30.208333333333336rem;
	overflow:hidden;
	position:relative;
	float: left;
	width: 23.542rem;
	margin-right: 0.521rem;
}
.hpage1 .swipshop li img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hpage1 .swipshop li .msk {
	position:absolute;
	left:0;
	right:0;
	top:100%;
	z-index:1;
	background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5));
	width:100%;
	height:100%;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	padding-bottom:1.5625rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.hpage1 .swipshop li p {
	font-weight:400;
	font-size:1.1458333333333335rem;
	color:#FFFFFF;
	line-height:1.5625rem;
	padding:0 3.6458333333333335rem;
}
.hpage1 .swipshop li:hover .msk {
	top:0;
}
.uitswipsale {
	overflow:hidden;
	margin-top: 2.604rem;
}
.uitswipsale li{
	float: left;
	width: 22.552rem;
	margin-right: 0.885rem;
}
.uitswipsale .pic {
	height:21.875rem;
	overflow:hidden;
	position:relative;
}
.uitswipsale .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.uitswipsale .pic h3 {
	position:absolute;
	left:0.6770833333333334rem;
	top:0.5208333333333334rem;
	z-index:1;
	background:#C6DAF5;
	font-weight:400;
	font-size:0.9895833333333334rem;
	color:#111111;
	line-height:1.875rem;
	padding:0 0.625rem;
	display:inline-block;
	display:none;
}
.uitswipsale .pic .btn {
	position:absolute;
	right:0.8333333333333334rem;
	bottom:1.0416666666666667rem;
	z-index:1;
	width:5.052083333333334rem;
	background:#FFFFFF;
	border-radius:1.1979166666666667rem;
	text-align:center;
	display:none;
}
.uitswipsale .pic .btn span {
	font-weight:400;
	font-size:16px;
	color:#111111;
	line-height:1.875rem;
	display:inline-block;
	background:url(../images/qw27.png) no-repeat left center;
	background-size:0.78125rem auto;
	padding-left:1.0416666666666667rem;
}
.uitswipsale .txt {
	padding:1.3020833333333335rem  1.5625rem 0;
}
.uitswipsale .txt h4 {
	font-weight:400;
	font-size:1.1458333333333335rem;
	color:#111111;
	line-height:1.7708333333333335rem;
	height:3.541666666666667rem;
	overflow:hidden;
	margin-bottom:1.0416666666666667rem;
}
.uitswipsale .txt h4 a {
	color:#111111;
}
.uitswipsale .txt h6 {
	font-weight:400;
	font-size:1.25rem;
	color:#000000;
}
.uitswipsale .txt h6 span {
	font-weight:400;
	font-size:16px;
	color:#999999;
	text-decoration:line-through;
	margin-left:0.5208333333333334rem;
}
.uitswipsale .txt dl {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.uitswipsale .txt dd {
	width:0.8333333333333334rem;
	margin-right:0.10416666666666667rem;
}
.uitswipsale .txt dd img {
	width:100%;
	display:block;
}
.product {
	padding-top:1.5625rem;
}
.product .wrap {
	width:92.70833333333334rem;
	max-width: 1780px;
}
.product .hs {
	text-align:center;
	margin-bottom:4.166666666666667rem;
}
.product .hs h2 {
	font-weight:bold;
	font-size:1.875rem;
	color:#111111;
	line-height:1.6;
}
.product .hs p {
	font-weight:400;
	font-size:14px;
	color:#111111;
	line-height:1.6;
}
.product .uitswipsale ul {
	display:flex;
	flex-wrap:wrap;
}
.product .uitswipsale li {
	margin-right:0.8333333333333334rem;
	margin-bottom:3.125rem;
	width:calc((100% - 2.604166666666667rem)/4);
}
.product .uitswipsale li:nth-child(4n) {
	margin-right:0;
}
.uitswipsale li:hover h3,.uitswipsale li:hover .btn {
	display:block;
}
.product .ls dl {
	display:flex;
	align-items:center;
	margin-left:0.5208333333333334rem;
}
.product .ls dd a {
	margin-right:0.5208333333333334rem;
	padding:0 2.0833333333333335rem;
	font-weight:400;
	font-size:14px;
	color:#111111;
	line-height:1.875rem;
	border-radius:1.5625rem;
	border:1px solid rgba(255,255,255,0);
	display:inline-block;
}
.product .ls dd a:hover,.product .ls dd.on a {
	border-color:#707070;
}
.product .lsele {
	width:7.604166666666667rem;
	height:1.9270833333333335rem;
	border-radius:5.833333333333334rem 5.833333333333334rem 5.833333333333334rem 5.833333333333334rem;
	border:1px solid #707070;
	font-weight:400;
	font-size:0.9375rem;
	line-height:1.7;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
	color:#111111;
	background:url(../images/qw2.png) no-repeat right 0.625rem center #FFFFFF;
	background-size:0.625rem auto;
}
.product .ls h3 {
	text-align:center;
	width:8.333333333333334rem;
	background:#C9E0F2;
	border-radius:1.0416666666666667rem;
	cursor: pointer;
	font-size: 12px;
}
.product .ls h3 span {
	background:url(../images/qw43.png) no-repeat left center;
	background-size:0.8854166666666667rem auto;
	font-weight:400;
	font-size:0.9375rem;
	color:#111111;
	line-height:2.291666666666667rem;
	padding-left:1.3020833333333335rem;
}
.product .ls {
	display:flex;
	align-items:center;
}
/*.mask {*/
/*	position:fixed;*/
/*	left:0;*/
/*	right:0;*/
/*	top:0;*/
/*	z-index:10;*/
/*	width:100%;*/
/*	height:100%;*/
/*	bottom:0;*/
/*	background:rgba(0,0,0,0.5);*/
/*	display: none;*/
/*}*/
.prosuanx {
	position:fixed;
	left:-20rem;
	top:0;
	z-index:999;
	width:19.895833333333336rem;
	background:#FFFFFF;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	padding:0 1.0416666666666667rem;
	box-sizing:border-box;
	height:100vh;
	overflow-y:scroll;
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
}
.prosuanx .hs {
	position:sticky;
	top:0;
	z-index:1;
	padding-bottom:1.0416666666666667rem;
	background:#fff;
	padding-top:1.5625rem;
}
.prosuanx .hs h3 {
	font-weight:bold;
	font-size:1.25rem;
	color:#111111;
	line-height:1.6;
}
.prosuanx .gb {
	background:url(../images/qw46.png) no-repeat center;
	width:1.0416666666666667rem;
	height:1.0416666666666667rem;
	cursor:pointer;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.prosuanx .hs dl {
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:0.5208333333333334rem;
	display: none;
}
.prosuanx .hs dl.on{
	display: flex;
}
.prosuanx .hs dd a {
	padding:0 1.0416666666666667rem;
	font-weight:400;
	font-size:0.9375rem;
	color:#fff;
	line-height:2.916666666666667rem;
	background:#111;
	display:inline-block;
	min-width:7.291666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:0.3125rem;
	margin:0 0.2604166666666667rem;
	border:1px solid rgba(255,255,255,0);
	text-align:center;
}
.prosuanx .hs dd a:hover {
	border:1px solid #111;
	background:#fff;
	color:#111;
}
.prosuanx .bds li {
	border-bottom:0.052083333333333336rem solid #DDDDDD;
	padding:1.25rem 0 0.8333333333333334rem;
}
.prosuanx .bds li h4 {
	font-weight:400;
	font-size:0.9375rem;
	color:#111111;
	line-height:1.6;
	background:url(../images/qw47.png) no-repeat right center;
	background-size:0.7291666666666667rem auto;
	margin-bottom:1.25rem;
	cursor: pointer;
}
.prosuanx .bds li h4.on{
	background:url(../images/qw12.png) no-repeat right center;
	background-size:0.4291666666666667rem auto;
}
.prosuanx .bds li .spans{
	padding: 1rem 0;
}
.prosuanx .bds li dd .c1 {
	display:none;
}
.prosuanx .bds li dd label {
	font-weight:400;
	font-size:16px;
	color:#111111;
	line-height:1.6;
	padding-left:1.7708333333333335rem;
	background:url(../images/qw48.jpg) no-repeat left center;
	background-size:1.0416666666666667rem auto;
}
.layui-slider-wrap-btn{
	border-color: #111 !important;
}
.layui-slider-bar{
	background: #111 !important;
}
.prosuanx .bds li dd {
	margin-bottom:0.8333333333333334rem;
}
.prosuanx .bds li dd input:checked + label {
	background:url(../images/qw47-1.png) no-repeat left center;
	background-size:1.0416666666666667rem auto;
}
.prosuanx .bds li dd.on label {
	opacity:0.5;
}
.prosuanx .bds li .jiage .ts {
	display:flex;
	justify-content:center;
	align-items:center;
}
.prosuanx .bds li .jiage h6 {
	font-weight:400;
	font-size:16px;
	color:#111111;
	line-height:1.6;
	margin:0 0.7291666666666667rem;
}
.prosuanx .bds li .jiage h5 {
	width:7.291666666666667rem;
	background:#FBFBFB;
	border-radius:0.20833333333333334rem 0.20833333333333334rem 0.20833333333333334rem 0.20833333333333334rem;
	border:1px solid #111111;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.prosuanx .bds li .jiage span {
	font-weight:400;
	font-size:0.9375rem;
	color:#111111;
	line-height:2.604166666666667rem;
	display:block;
	width:1.6666666666666667rem;
	text-align:center;
}
.prosuanx .bds li .jiage .t1 {
	width:calc(100% - 1.6666666666666667rem);
	height:100%;
	border:none;
	background:none;
	font-weight:400;
	font-size:0.9375rem;
	color:#111111;
	text-align:right;
	padding-right:0.78125rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.mskshop .uscoll{
	overflow-y: scroll;
	max-height: calc(100% - 10rem);
}
.mskshop {
	position:fixed;
	right:0;
	top:0;
	z-index:11;
	width:28.28125rem;
	background:#FFFFFF;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	height:100vh;
	overflow-y:scroll;
	padding-bottom:7.291666666666667rem;
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
	right: -28.28125rem;
}
.layout.active{
	height: 100vh;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.layout.active .mskshop{
	right: 0;
}
.mskshop .hs {
	padding:1.5625rem 1.875rem 1.0416666666666667rem;
}
.mskshop .hs h3 {
	font-weight:bold;
	font-size:1.25rem;
	color:#111111;
	line-height:1.6;
}
.mskshop .gb {
	background:url(../images/qw46.png) no-repeat center;
	width:1.0416666666666667rem;
	height:1.0416666666666667rem;
	cursor:pointer;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.mskshop .gb:hover{
	transform: rotate(720deg);
}
.mskshop .hs h6 span {
	line-height:2.0833333333333335rem;
	background:#C9E0F2;
	font-weight:bold;
	font-size:16px;
	color:#111111;
	padding:0 2.604166666666667rem;
	display:inline-block;
}
.mskshop .hs h6 {
	text-align:center;
	margin:1.0416666666666667rem 0 0.7291666666666667rem;
}
.mskshop .hs .che .c1 {
	display:none;
}
.mskshop .hs .che label {
	font-weight:400;
	font-size:14px;
	color:#111111;
	cursor:pointer;
	line-height:1.6;
	display:block;
	padding-left:1.3541666666666667rem;
	background:url(../images/qw40.png) no-repeat left center;
	background-size:0.78125rem auto;
}
.mskshop .hs .che input:checked + label {
	background:url(../images/qw44.png) no-repeat left center;
	background-size:0.78125rem auto;
}
.mskshop .hs .che {
	margin-left:4.166666666666667rem;
}
.mskshop .bds {
	overflow-y:scroll;
	border-bottom:0.052083333333333336rem solid #DDDDDD;
	max-height:14.75rem;
	padding:1.0416666666666667rem 4.583333333333334rem 1.0416666666666667rem 1.875rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.mskshop .bds li {
	margin-bottom:2.604166666666667rem;
}
.mskshop .bds li .tps {
	margin-bottom:0.5208333333333334rem;
}
.mskshop .bds li .tps a {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.mskshop .bds li .pic {
	width:4.166666666666667rem;
	height:4.166666666666667rem;
	background:#FFFFFF;
	border-radius:0.4166666666666667rem 0.4166666666666667rem 0.4166666666666667rem 0.4166666666666667rem;
	border:1px solid #E5E7EB;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	align-items:center;
}
.mskshop .bds li .pic img {
	max-width:100%;
	max-height:100%;
	display:block;
	object-fit:contain;
}
.mskshop .bds li .ts {
	width:calc(100% - 4.947916666666667rem);
}
.mskshop .bds li .ts h3 {
	font-size:14px;
	color:#000000;
	line-height:1.0416666666666667rem;
	margin-bottom:0.2604166666666667rem;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.mskshop .bds li .ts p {
	font-size:14px;
	color:#000000;
	line-height:1.0416666666666667rem;
}
.mskshop .bds li .ls {
	display:flex;
	align-items:center;
}
.mskshop .bds li .bns {
	width:1.09375rem;
	display:block;
	margin-left:0.8333333333333334rem;
}
.mskshop .bds li .bns img {
	width:100%;
	display:block;
}
.mskshop .bds li .che .c1 {
	display:none;
}
.mskshop .bds li .che label {
	width:1.0416666666666667rem;
	height:1.0416666666666667rem;
	background:url(../images/qw49.png) no-repeat center;
	display:block;
	cursor:pointer;
	background-size:1.0416666666666667rem auto;
}
.mskshop .bds li .che input:checked + label {
	background:url(../images/qw49-1.png) no-repeat center;
	background-size:1.0416666666666667rem auto;
}
.mskshop .bds .items-center {
	display:flex;
	align-items:center;
	width:6.666666666666667rem;
	justify-content:space-between;
}
.mskshop .bds .items-center .nume {
	width:1.6666666666666667rem;
	border-radius:0.20833333333333334rem 0.20833333333333334rem 0.20833333333333334rem 0.20833333333333334rem;
	border:1px solid #D1D5DB;
	font-size:16px;
	color:#000000;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	background:none;
	display:block;
	height:1.6666666666666667rem;
	cursor:pointer;
}
.mskshop .bds .items-center .t1 {
	width:2.5rem;
	height:1.6666666666666667rem;
	background:#FFFFFF;
	border-radius:0.20833333333333334rem 0.20833333333333334rem 0.20833333333333334rem 0.20833333333333334rem;
	border:1px solid #D1D5DB;
	font-size:16px;
	color:#000000;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
	background:none;
}
.mskshop .fots {
	position:absolute;
	right:0;left: 0;
	bottom:0;
	z-index:1;
	border-top:0.052083333333333336rem solid #DDDDDD;
	padding:0.9375rem 0;
	background:#fff;
}
.mskshop .fots .total {
	display:flex;
	justify-content:flex-end;
	align-items:center;
	padding:0 1.1458333333333335rem;
	margin-top:1.0416666666666667rem;
}
.mskshop .total .btn {
	width:7.8125rem;
	line-height:2.0833333333333335rem;
	background:#111111;
	border-radius:2.65625rem 2.65625rem 2.65625rem 2.65625rem;
	font-weight:400;
	font-size:14px;
	color:#FFFFFF;
	display:block;
	text-align:center;
	margin-left:1.3541666666666667rem;
}
.mskshop .total .btn:hover{
	background: #333;
}
.mskshop .total h2 {
	font-weight:400;
	font-size:12px;
	color:#999999;
	line-height:1.6;
}
.mskshop .total h2 i {
	font-weight:bold;
	font-size:1.25rem;
	color:#E10404;
	display:inline-block;
	margin-left:0.2604166666666667rem;
}
.mskshop .total p {
	font-weight:400;
	font-size:12px;
	color:#999999;
	line-height:1.4;
	text-align:right;
}
.mskshop .total p span {
	text-decoration-line:line-through;
}
.mskshop .fots .ls {
	display:flex;
	align-items:center;
}
.mskshop .fots .ls h6 {
	font-weight:400;
	font-size:12px;
	color:#43AEFF;
	line-height:1.6;
	margin-left:1.5625rem;
}
.mskshop .fots .ls h6 a {
	color:#43AEFF;
}
.mskshop .fots h3 {
	font-weight:400;
	font-size:12px;
	color:#999999;
	line-height:1.6;
}
.mskshop .fots h3 span {
	color:#E10404;
	font-size:16px;
	margin-left:0.2604166666666667rem;
}
.mskshop .fots .uitflax {
	padding:0 1.5625rem;
}
.mskshop .fots .che .c1 {
	display:none;
}
.mskshop .fots .che label {
	background:url(../images/qw48.jpg) no-repeat left center;
	display:block;
	cursor:pointer;
	background-size:0.625rem auto;
	font-weight:400;
	font-size:12px;
	color:#333333;
	line-height:1.6;
	padding-left:1.0416666666666667rem;
}
.mskshop .fots .che input:checked + label {
	background:url(../images/qw47-1.png) no-repeat left center;
	background-size:0.625rem auto;
}
.mskshop .list {
	padding:1.5625rem 6.25rem 0 1.875rem;
	/* overflow-y:scroll;
	max-height:14.75rem; */
}
.mskshop .list h2 {
	font-weight:bold;
	font-size:1.25rem;
	color:#111111;
	line-height:1.6;
	margin-bottom:1.0416666666666667rem;
}
.mskshop .list dd .tps {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.mskshop .list dd .pic {
	width:4.166666666666667rem;
	height:4.166666666666667rem;
	background:#FFFFFF;
	border-radius:0.4166666666666667rem 0.4166666666666667rem 0.4166666666666667rem 0.4166666666666667rem;
	border:1px solid #E5E7EB;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	align-items:center;
}
.mskshop .list dd .pic img {
	max-width:100%;
	max-height:100%;
	display:block;
	object-fit:contain;
}
.mskshop .list dd .ts {
	width:calc(100% - 4.947916666666667rem);
}
.mskshop .list dd .ts h3 {
	font-size:14px;
	color:#000000;
	line-height:1.0416666666666667rem;
	margin-bottom:0.2604166666666667rem;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.mskshop .list dd .ts p {
	font-size:14px;
	color:#000000;
	line-height:1.0416666666666667rem;
}
.mskshop .list dd .btn {
	width:11.458333333333334rem;
	line-height:1.5625rem;
	border-radius:11.770833333333334rem 11.770833333333334rem 11.770833333333334rem 11.770833333333334rem;
	border:1px solid #D1D5DB;
	font-size:14px;
	color:#000000;
	display:block;
	text-align:center;
	margin-top:0.78125rem;
}
.mskshop .list dd {
	margin-bottom:1.5625rem;
}
.uitswipsale.flax ul {
	display:flex;
	flex-wrap:wrap;margin: 0 5.73rem;
}
.uitswipsale.flax li {
	margin-right:0.8333333333333334rem;
	margin-bottom:3.125rem;
	width:calc((100% - 2.484166666666667rem)/3);
}
.uitswipsale.flax li:nth-child(3n) {
	margin-right:0;
}
.uitswipsale.flax36 ul{
	margin: 0 36px;
}
.uitjig .h2{
	font-weight: 400;
	font-size: 16px;
	color: #111111;line-height: 1.6;margin: 0 3.6458333333333335rem 2rem;
}
.uitjig .h2 i{
	font-weight: bold;
	font-size: 1.72rem;text-transform: uppercase;
}
.uitjig .h2 span{
	font-weight: bold;
	margin: 0 1.56rem;
}
.fms .layui-form-select .layui-input{
	background: none;padding: 0;box-shadow: none;
	border: none;
}

.fms2 .layui-form-select .layui-input{
  background: url(../images/qw2.png) no-repeat right 0.3rem center;
	padding-right: 0.8rem;padding-left: 4rem;
}
.layui-form-select .layui-edge{
	display: none;
}
.fms2 .layui-form-select{
	flex: 1;
}
.layout.active1 .uitlts .nav li .ndli{
	display: block;
}
.layoutall .prosuanx{
	left: 0;
}
.layout.active1 .uitrts{
	width: calc(100% - 20rem);
}


.custom-slider {
  height: 4px;
  background: #eee;
  position: relative;
  margin: 20px 0;
}

.slider-track {
  height: 100%;
  background: #111;
  position: absolute;
}

.slider-thumb {
  width: 16px;
  height: 16px;
  background: #fff;
  border: 2px solid #111;
  border-radius: 50%;
  position: absolute;
  top: -7px;
  cursor: pointer;
  transition: transform 0.2s;
  margin-left: -7px;
}

.slider-thumb:hover {
  transform: scale(1.1);
}





.uitlts .nav li .ndli{
	z-index: 11;
}

.zhanbu .btn:hover,
.zhanbu .btn:hover,
.uitjig .btn:hover,
.hysubscr li .btn:hover,
.footer .fms .sech .btn:hover,
.hyaichat .fts .sub:hover{
	background-color: #272424;
}

.zhanbu1 .uitjig .fts .btn.on:hover{
	background: #111;color: #fff;
}

.hpage3 .swiper-slide-active .txt,
.hbanner .swiper-slide-active .txt{
	-webkit-animation:fadeInUp 1s .2s ease both;
	-moz-animation:fadeInUp 1s .2s ease both
}

.addbtn:hover{
	    background: #c9e0f2;
	    border-color: #c9e0f2;
}
.hbtn:hover{
	background-color: #b6cddf;
}
.hpage1 .swipshop li p{
	padding: 0 2.5rem;
}
.hpage5 li .pic img,
.uitswipsale .pic img,
.hpage1 .swipshop li img{
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
}
.hpage5 li:hover .pic img,
.uitswipsale li:hover .pic img,
.hpage1 .swipshop li:hover img{
	transform:scale(1.1);
	-ms-transform:scale(1.1);  /* IE 9 */
	-moz-transform:scale(1.1);     /* Firefox */
	-webkit-transform:scale(1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1); 
}
.uitswipsale li .pic .btn:hover{
	background: #C9E0F2;
}
.hpage5 ul{
	margin-bottom: 1rem;
}
.footer .ls li{
	position: relative;top: 0;transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
}
.footer .ls li:hover{
	top: -0.2rem;
}
.footer .tbs dd a:hover{
	color: #000000;
}
.prosuanx .gb:hover{
	transform:rotate(360deg);
	-ms-transform:rotate(360deg);  /* IE 9 */
	-moz-transform:rotate(360deg);     /* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg);
}
.hysubscr li .btn{
	width: auto;
}