.layout {
	position:relative;
}
.wrap {
	width:62.5rem;
	margin:0 auto;
}
.footer {
	background:#f9416f;
}
.footer .tps {
	padding:3.6458333333333335rem 0 1.25rem;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.footer .logo img {
	height:3.125rem;
	display:block;
	object-fit:contain;
}
.footer dt {
	font-size:0.9375rem;
	line-height:1.6;
	color:#fff;
	margin-bottom:0.4166666666666667rem;
}
.footer dd {
	font-size:0.8333333333333334rem;
	line-height:1.4583333333333335rem;
	color:#fff;
	opacity:0.5;
}
.footer .tbs {
	border-top:0.052083333333333336rem solid rgba(255,255,255,0.2);
	padding:1.25rem 0 1.875rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.copyright {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#fff;
	opacity:0.5;
	max-width:60%;
}
.footer .img img {
	height:2.8645833333333335rem;
	display:block;
	object-fit:contain;
}
.header .tops .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0.625rem 0;
}
.header .logo img {
	height:3.072916666666667rem;
	display:block;
	object-fit:contain;
}
.header .rts {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.header .shop {
	width:1.5625rem;
	height:1.5625rem;
	display:block;
	margin-left:0.5208333333333334rem;
}
.header .shop img {
	width:100%;
	display:block;
}
.header .tops dl,.header .tops ul {
	display:flex;
	align-items:center;
}
.header .tops dd a {
	width:1.5625rem;
	display:block;
	margin-left:0.5208333333333334rem;
}
.header .tops dd img {
	width:100%;
	display:block;
}
.header .seach {
	margin-right:1.0416666666666667rem;
	width:12.5rem;
	height:1.9791666666666667rem;
	border:1px solid #cccccc;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	border-radius:1.5625rem;
	box-sizing:border-box;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.header .seach .t1 {
	width:calc(100% - 2.3958333333333335rem);
	background:none;
	border:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-size:0.8333333333333334rem;
	padding-left:0.78125rem;
	color:#000;
	height:100%;
}
.header .seach .btn {
	width:2.3958333333333335rem;
	height:100%;
	cursor:pointer;
	background:url(../images/icon4.png) no-repeat center/0.9375rem auto;
	border:none;
	display:block;
}
.uwpage {
	padding:3.125rem 0 4.166666666666667rem;
}
.uwpage .wrap {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.uwlts {
	width:33.85416666666667rem;
	background:#3c1520;
	border-radius:0.5208333333333334rem;
	overflow:hidden;
	padding:2.604166666666667rem 1.0416666666666667rem 2.604166666666667rem 2.0833333333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	height:100%;
}
.uwrts {
	border-radius:0.5208333333333334rem;
	overflow:hidden;
	width:calc(100% - 35.41666666666667rem);
	background:#fff;
}
.uwlts .text {
	overflow-y:scroll;
	padding-right:1.5625rem;
	font-size:1.0416666666666667rem;
	line-height:1.7;
	color:#fff;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	height:100%;
}
.uwlts .text h1 {
	font-size:2.5rem;
	line-height:1.4;
	color:#fff;
}
.uwlts .text p {
	font-size:1.0416666666666667rem;
	line-height:1.7;
	color:#fff;
}
.uwlts .text h3 {
	font-size:1.25rem;
	line-height:1.7;
	color:#fff;
	font-weight:bold;
}
.uwlts .text img {
	margin:0 auto;
	display:block;
}
.uwnav {
	background:#f9416f;
	padding:1.3541666666666667rem 0.78125rem;
}
.uwnav ul {
	display:flex;
	justify-content:space-between;
}
.uwnav li {
	flex:1;
}
.uwnav li .ico img {
	width:100%;
	display:block;
}
.uwnav li .ico {
	width:1.0416666666666667rem;
	margin:0 auto;
}
.uwnav li.on .ico img:nth-child(1),.uwnav li .ico img:nth-child(2) {
	display:none;
}
.uwnav li.on .ico img:nth-child(2) {
	display:block;
}
.uwnav li h3 {
	font-size:0.7291666666666667rem;
	line-height:1.2;
	color:#fff;
	opacity:0.5;
	text-align:center;
	margin-top:0.3125rem;
}
.uwnav li.on h3 {
	opacity:1;
}
.uwnav li {
	position:relative;
}
.uwnav li:before {
	content:"";
	position:absolute;
	height:0.052083333333333336rem;
	right:calc(50% + 0.78125rem);
	width:calc( 100% - 1.5625rem);
	top:0.5208333333333334rem;
	z-index:1;
	background-image:linear-gradient(to right,#fff 0%,#fff 0.2604166666666667rem,transparent 0.2604166666666667rem,transparent 0.5208333333333334rem);
	background-size:0.5208333333333334rem 0.052083333333333336rem;
	background-repeat:repeat-x;
	background-position:left top;
}
.uwnav li:first-child:before {
	display:none;
}
.uwnav li.on:before {
	background:#fff;
}
.upads {
	padding:2.0833333333333335rem 1.3020833333333335rem 0;
}
.uitemc4 h3 {
	font-size:1.6666666666666667rem;
	color:#f9416f;
	line-height:1.6;
	font-weight:bold;
}
.uitemc4 h6 {
	font-size:1.0416666666666667rem;
	color:#000000;
	line-height:1.6;
	margin:0.625rem 0 2.0833333333333335rem;
}
.uitemc4 .btn {
	width:11.25rem;
	line-height:3.125rem;
	text-align:center;
	font-size:1.0416666666666667rem;
	border-radius:2.604166666666667rem;
	color:#ffffff;
	background:#f9416f;
	display:block;
}
.uitemc3 {
	padding-top:0.5208333333333334rem;
}
.uitemc3 h4 {
	font-size:1.0416666666666667rem;
	color:#000000;
	line-height:1.6;
	font-weight:bold;
	margin-top:1.0416666666666667rem;
	margin-bottom:0.5208333333333334rem;
}
.uitemc3 h6 {
	font-size:0.8333333333333334rem;
	color:#000000;
	line-height:1.6;
}
.uitemc3 p {
	font-size:0.8333333333333334rem;
	color:#666666;
	line-height:1.6;
	margin-bottom:0.7291666666666667rem;
}
.uitemc3 .mb15 {
	margin-bottom:0.78125rem;
}
.uitemc3 table {
	width:100%;
}
.uitemc3 table td {
	width:33%;
}
.uitemc3 .flexpictxt {
	display:flex;
}
.uitemc3 .flexpictxt img {
	width:7.760416666666667rem;
}
.uitemc3 .flexpictxt h6 {
	margin-top:0.78125rem;
}
.uitemc3 .utxt h5 {
	font-size:0.9375rem;
	color:#f9416f;
	line-height:1.6;
	font-weight:bold;
	margin:1.5625rem 0 0.5208333333333334rem;
}
.uitemc3 .utxt .flexche label {
	padding-left:1.5625rem;
	background:url(../images/qw6.png) no-repeat left center/1.0416666666666667rem auto;
	padding-left:1.5625rem;
	font-size:0.9375rem;
	color:#f9416f;
	line-height:2;
	display:inline-block;
	cursor:pointer;
}
.uitemc3 .utxt .flexche input:checked + label {
	background:url(../images/qw6-1.png) no-repeat left center/1.0416666666666667rem auto;
}
.uitemc3 .che1 {
	display:none;
}
.uitemc3 .utxt h6 {
	font-size:0.9375rem;
	color:#000000;
}
.uitemc3 .utxt h6 i {
	color:#f9416f;
}
.uitemc3 .utxt li {
	margin-top:0.78125rem;
}
.uitemc3 .utxt li .txt {
	font-size:0.8333333333333334rem;
	color:#333;
	height:2.5rem;
	border:1px solid #eeeeee;
	border-radius:0.3125rem;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 0.5208333333333334rem;
	margin-top:0.4166666666666667rem;
}
.uitemc3 .utxt .flexc {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.uitemc3 .utxt .flexc img {
	height:0.9375rem;
	display:block;
}
.uitemc3 .utxt li .flextx {
	display:flex;
	justify-content:space-between;
}
.uitemc3 .utxt li .box2 {
	width:8.75rem;
}
.uitemc3 .utxt li .box1 {
	margin-right:0.8333333333333334rem;
	flex:1;
}
.uitemc3 .utxt .ts {
	padding:1.0416666666666667rem 0.78125rem;
	background:#eeeeee;
	display:flex;
	border-radius:0.3125rem;
	margin:1.0416666666666667rem 0 2.0833333333333335rem;
	align-items:flex-start;
}
.uitemc3 .utxt .ts img {
	display:block;
	width:1.3020833333333335rem;
	margin-right:0.625rem;
	margin-top:0.20833333333333334rem;
}
.uitemc3 .utxt .ts p {
	font-size:0.8333333333333334rem;
	color:#999999;
	line-height:1.7;
}
.uitemc3 .flexbt3 a {
	width:calc((100% - 1.5625rem)/2);
	font-size:1.0416666666666667rem;
	color:#333333;
	line-height:3.0208333333333335rem;
	border:1px solid #cccccc;
	border-radius:2.604166666666667rem;
	text-align:center;
}
.uitemc3 .flexbt3 {
	display:flex;
	justify-content:space-between;
}
.uitemc3 .flexbt3 a.on,.uitemc3 .flexbt3 a:hover {
	background:#f9416f;
	color:#fff;
	border-color:#f9416f;
}
.uwfoms {
	padding:1.5625rem 1.5625rem 0;
}
.uwfoms li {
	margin-bottom:1.7708333333333335rem;
}
.uwtit {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#000000;
	font-weight:bold;
	margin-bottom:0.7291666666666667rem;
}
.uwfoms .dl1 {
	display:flex;
	align-items:center;
}
.uwfoms .dl1 dd {
	width:8.333333333333334rem;
	line-height:3.0208333333333335rem;
	border:1px solid #eeeeee;
	border-radius:0.5208333333333334rem;
	overflow:hidden;
	font-size:1.0416666666666667rem;
	color:#212121;
	text-align:center;
	margin-right:1.0416666666666667rem;
	cursor:pointer;
}
.uwfoms .dl1 dd.on {
	background:#f9416f;
	border-color:#f9416f;
	color:#fff;
}
.uwfoms .dl2 dd {
	margin-bottom:0.78125rem;
	padding:1.1458333333333335rem 1.0416666666666667rem 1.1458333333333335rem 1.5625rem;
	border-radius:0.7291666666666667rem;
	border:1px solid #eeeeee;
	overflow:hidden;
	cursor:pointer;
}
.uwfoms .dl2 .flax {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.uwfoms .dl2 dd h4 {
	font-size:0.8333333333333334rem;
	line-height:1.3;
	color:#333333;
	font-weight:bold;
	width:7.083333333333334rem;
}
.uwfoms .dl2 dd h4 span {
	font-size:1.875rem;
}
.uwfoms .dl2 dd p {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#333333;
	flex:1;
}
.uwfoms .dl2 dd:last-child {
	margin-bottom:0;
}
.uwfoms .dl2 dd.on {
	border-color:#f9416f;
	background:url(../images/qw4.png) no-repeat right 1.0416666666666667rem center/0.8333333333333334rem auto;
}
.uwfoms .dl2 dd.on h4,.uwfoms .dl2 dd.on p {
	color:#f9416f;
}
.uwfoms .t1 {
	height:2.604166666666667rem;
	border:1px solid #eeeeee;
	width:100%;
	padding:0 0.5208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-size:0.8333333333333334rem;
	color:#333;
	border-radius:0.3125rem;
}
.uwtit i {
	color:#f9416f;
}
.uwfoms .dl3 {
	display:flex;
	align-items:center;
}
.uwfoms .dl3 dd {
	margin-right:0.8333333333333334rem;
}
.uwfoms .dl3 dd .r1 {
	display:none;
}
.uwfoms .dl3 dd label {
	font-size:1.0416666666666667rem;
	line-height:2.5rem;
	color:#000;
	border:1px solid #eeeeee;
	padding:0 0.8333333333333334rem;
	display:inline-block;
	border-radius:0.4166666666666667rem;
	cursor:pointer;
}
.uwfoms .dl3 dd input:checked + label {
	border-color:#f9416f;
	color:#fff;
	background:#f9416f;
}
.uwfoms .dl4 dd {
	margin-bottom:0.8333333333333334rem;
}
.uwfoms .dl4 dd .c1 {
	display:none;
}
.uwfoms .dl4 dd label {
	background:url(../images/qw6.png) no-repeat left center/1.0416666666666667rem auto;
	padding-left:1.875rem;
	display:block;
	cursor:pointer;
}
.uwfoms .dl4 dd input:checked + label {
	background:url(../images/qw6-1.png) no-repeat left center/1.0416666666666667rem auto;
}
.uwbtns {
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.uwbtns .b1 {
	width:10.9375rem;
	line-height:3.125rem;
	display:block;
	border:1px solid #cccccc;
	font-size:1.0416666666666667rem;
	color:#333333;
	text-align:center;
	border-radius:2.0833333333333335rem;
}
.uwbtns .b1:hover,.uwbtns .b1.on {
	background:#f9416f;
	color:#fff;
	border-color:#f9416f;
}
.uwrts {
	padding-bottom:3.125rem;
	min-height:41.66666666666667rem;
}
.mask {
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:13;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	display:none;
}
.msktext {
	width:28.958333333333336rem;
	border-radius:0.7291666666666667rem;
	overflow:hidden;
	margin:0 auto;
	position:fixed;
	left:0;
	right:0;
	top:15%;
	z-index:14;
	padding:2.916666666666667rem 2.604166666666667rem 3.125rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	background:#fff;
	display:none;
}
.msktext h2 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#333333;
	text-align:center;
	margin-bottom:1.3541666666666667rem;
}
.msktext h4 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#f9416f;
	font-weight:bold;
	text-align:center;
	margin-bottom:1.9791666666666667rem;
}
.page1,.page2,.page3 {
	display:none;
}
.page2 {
	padding:0 1.5625rem;
}
.page2 .hs {
	padding:1.875rem 0 2.0833333333333335rem;
	border-bottom:0.052083333333333336rem solid #eeeeee;
	display:flex;
	align-items:center;
}
.page2 .hs h3 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#000000;
	font-weight:bold;
	margin-right:1.0416666666666667rem;
}
.page2 .hs .txt {
	width:10rem;
	height:2.604166666666667rem;
	background:#eeeeee;
	border-radius:0.3125rem;
	overflow:hidden;
	padding:0 1.1458333333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-size:0.8333333333333334rem;
	color:#000;
	border:none;
}
.page2 .hs .h6 {
	font-size:1.0416666666666667rem;
	line-height:1.4;
	border-bottom:0.052083333333333336rem solid #f9416f;
	color:#f9416f;
	display:block;
	margin-left:0.9375rem;
}
.page2 .bs {
	margin-top:1.5625rem;
}
.page2 .bs .dl1 dd {
	margin-bottom:1.0416666666666667rem;
}
.page2 .bs .dl1 dd .c1 {
	display:none;
}
.page2 .bs .dl1 dd label {
	background:url(../images/qw6.png) no-repeat left center/1.0416666666666667rem auto;
	padding-left:1.875rem;
	display:block;
	font-size:0.9375rem;
	line-height:1.6;
	color:#000000;
}
.page2 .bs .dl1 dd input:checked + label {
	background:url(../images/qw6-1.png) no-repeat left center/1.0416666666666667rem auto;
}
.page2 .bs ul {
	margin-top:1.0416666666666667rem;
}
.page2 .bs li h4 {
	font-size:0.9375rem;
	line-height:1.6;
	color:#000000;
	margin-bottom:0.4166666666666667rem;
}
.page2 .bs .box {
	margin-bottom:1.5625rem;
}
.page2 .bs li h4 span {
	font-size:0.8333333333333334rem;
	color:#f9416f;
	margin-left:0.625rem;
}
.page2 .bs li h4 i {
	color:#f9416f;
}
.page2 .bs li .t1 {
	height:2.604166666666667rem;
	border:1px solid #eeeeee;
	width:100%;
	padding:0 0.5208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-size:0.8333333333333334rem;
	color:#333;
	border-radius:0.3125rem;
}
.page2 .bs li {
	margin-bottom:1.0416666666666667rem;
}
.page2 .bs li.on {
	margin-bottom:0;
}
.page2 .bs li dl {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}
.page2 .bs li dd {
	width:calc((100% - 1.0416666666666667rem)/2);
	margin-bottom:1.1458333333333335rem;
}
.page2 .bs li dd.on {
	width:100%;
}
.page2 .bs li .t2 {
	background:url(../images/qw7.png) no-repeat right 0.7291666666666667rem center/0.625rem auto;
}
.page3 {
	padding:0 1.5625rem;
}
.page3 .hs {
	padding:1.5625rem 0 1.0416666666666667rem;
}
.page3 .hs p {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#000000;
}
.page3 .bs li {
	margin-bottom:1.5625rem;
}
.uwtit.on {
	color:#f9416f;
}
.page3 .dl1 {
	display:flex;
	align-items:center;
}
.page3 .dl1 dd {
	margin-right:1.4583333333333335rem;
}
.page3 .dl1 dd .r1 {
	display:none;
}
.page3 .dl1 dd label {
	background:url(../images/qw6.png) no-repeat left center/1.0416666666666667rem auto;
	padding-left:1.875rem;
	display:block;
	font-size:0.9375rem;
	line-height:1.6;
	color:#000000;
}
.page3 .dl1 dd input:checked + label {
	background:url(../images/qw6-1.png) no-repeat left center/1.0416666666666667rem auto;
	color:#f9416f;
}
.page3 li p {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#000000;
}
.page3 .dl2 {
	margin-top:0.9375rem;
}
.page3 .dl2 dd {
	margin-bottom:1.0416666666666667rem;
}
.page3 .dl2 dd .r1 {
	display:none;
}
.page3 .dl2 dd label {
	background:url(../images/qw6.png) no-repeat left center/1.0416666666666667rem auto;
	padding-left:1.875rem;
	display:block;
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#000000;
}
.page3 .dl2 dd .flax {
	display:flex;
	justify-content:space-between;
}
.page3 .dl2 dd input:checked + label {
	background:url(../images/qw6-1.png) no-repeat left center/1.0416666666666667rem auto;
	color:#f9416f;
}
.page3 .dl2 dd input:checked + label h6 {
	color:#f9416f;
}
.page3 .dl2 dd h6 {
	width:calc(100% - 7.291666666666667rem);
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#000000;
}
.page3 .dl2 dd .pic {
	width:6.25rem;
	height:7.8125rem;
	overflow:hidden;
	margin:auto;
	display:flex;
	justify-content:center;
	align-items:center;
}
.page3 .dl2 dd .pic img {
	max-width:100%;
	max-height:100%;
	display:block;
	object-fit:contain;
}
.page2 .bs .box1 {
	display:none;
}
.page3 .dl1 dd label,.page3 .dl2 dd label,.page2 .bs .dl1 dd label {
	cursor:pointer;
}



.txtpor{
    position: relative;
}
.txtpor .pred{
    font-size: 14px;color: red;display: none;
}