﻿/*通用类*/
*{
	margin:0;		
	padding:0;
}


/*兼容老设备的rem-px基准*/
html{
	font-size:42.6667px;	
}
@media screen and (max-width: 320px){ 
  html{
  	font-size:42.6667px;
  }
}
@media screen and (min-width: 321px) and (max-width: 360px){ 
  html{
  	font-size:48px;
  }
}
@media screen and (min-width: 361px) and (max-width: 375px){ 
  html{
  	font-size:50px;
  }
}
@media screen and (min-width: 376px) and (max-width: 414px){ 
  html{
  	font-size:55px;
  }
}
@media screen and (min-width: 415px) and (max-width: 484px){ 
  html{
  	font-size:64px;
  }
}
@media screen and (min-width: 485px) and (max-width: 720px){ 
  html{
  	font-size:96px;
  }
}
@media screen and (min-width: 721px) and (max-width: 768px){ 
  html{
  	font-size:102px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1080px){ 
  html{
  	font-size:144px;
  }
}
@media screen and (min-width: 1080px){ 
  html{
  	font-size:144px;
  }
}
/*新设备的rem-vw标准*/
html{	
	overflow-x:hidden;
	font-size:13.3333333333vw;	/*一便rem.js失效，这里起作用*/
}

body{		
	width:100%;	
	min-width:320px;
	min-height: 100vh;
	margin:0 auto;	
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	background:#fff;
	overflow-x:hidden;
	text-align:left;	
	position:relative;
	font-size:0.24rem;
	color:#333;
}

img{
	border:none;	
}
h1,h2,h3{
	font-weight:normal;	
}
a{
	color:#333;
	text-decoration:none;	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	outline:none；
}
input,textarea,select{
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	font-size:1em;
	outline:none;
	margin:0;
	padding:0;
}
input::-webkit-input-placeholder {
	color: #a0a0a0 !important;
}
textarea::-webkit-input-placeholder {
	color: #a0a0a0 !important;
}
input[type='button'],input[type='text'],input[type='search'], input[type='submit'], input[type='reset'],input[type='date'],input[type='time'],input[type='number'] {
	-webkit-appearance: none;
}
select{
	-webkit-appearance: none;	
}
textarea{ 
	-webkit-appearance: none;
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
ul,ol{
	padding:0;
	list-style-type:none;	
}
em{
	font-style:normal;	
}
.lt{
	float:left;	
}
.rt{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	outline:none;	
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;	
}
td,th{
	padding:0;	
}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}
.cm_photo{
	display:block;
	position:relative;
	overflow:hidden;	
}
.cm_photo .thumb{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:10;	
}
.cm_photo .zw{
	display:block;
	height:auto;	
	width:100%;
}

.hm_tp{
	height: 3.75rem;
	position: relative;
}
.hm_tp img{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height:auto;
}
.hm_cla{
	width: 6.9rem;
	height: 0.8rem;
	line-height: 0.8rem;
	background:#fff;
	position: relative;
	z-index: 10;
	margin:0 auto;
	border-radius:0.4rem;
	box-shadow:0 0.1rem 0.1rem #ebebeb;
}
.hm_cla select{
	width: 1.4rem;
	height: 0.8rem;
	float: left;
	border:0;
	background:url("../images/hm_cla.png") no-repeat 0.96rem center;
	background-size:auto 0.13rem;
	font-size:0.28rem;
	box-sizing:border-box;
	padding-left:0.3rem;
}
.hm_cla .fg{
	float: left;
	height: 0.4rem;
	float: left;
	margin:0.2rem 0 0 0;
	border-left:1px solid #999;
}
.hm_cla .text{
	width: 5.4rem;
	height: 0.8rem;
	float: right;
	border:0;
	background:url("../images/cla_text.png") no-repeat left center;
	background-size:auto 100%;
	text-indent:0.8rem;
	font-size:0.28rem;
}
.hm_nav{
	padding:0.5rem 0 0.14rem 0;
	text-align: center;
}
.hm_nav a{
	float: left;
	display: block;
	width: 25%;
	height: 1.6rem;
	text-align: center;
	line-height: 0.4rem;
	font-size:0.28rem;
}
.hm_nav img{
	display: block;
	width: 1.1rem;
	height: 1.1rem;
	margin:0 auto;
}
.hm_head{
	height: 0.94rem;
	clear: both;
	padding:0 0.3rem;
	line-height: 0.94rem;
}
.hm_head .tit{
	float: left;
	font-weight: bold;
	font-size:0.36rem;
}
.hm_head .more{
	float: right;
	color:#ffd200;
	font-size:0.22rem;
}
.hm_th .item{
	display: block;
	width: 3.3rem;
	height: 3.2rem;
	float: left;
	margin-left:0.3rem;
}
.hm_th .photo{
	display: block;
	height: 2rem;
	width: 3.3rem;
	position: relative;
	border-radius:0.05rem;
	overflow: hidden;
	margin-bottom:0.2rem;
}
.hm_th .photo img{
	display: block;
	width: 3.3rem;
	height: 2rem;
}
.hm_th .tag{
	display: inline-block;
	height: 0.3rem;
	line-height: 0.3rem;
	padding:0 0.1rem;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	background:#ff4646;
	font-size:0.22rem;
	color:#fff;
	border-radius:0 0 0.05rem 0;
}
.hm_th .name{
	height: 0.46rem;
	line-height: 0.46rem;
	font-size:0.28rem;
}
.hm_th .name span{
	display:inline-block;
	max-width:95%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.hm_th .tip{
	height: 0.36rem;
	line-height: 0.36rem;
	font-size:0.24rem;
	color:#ff4646;
}
.hot_links a{
	display: block;
	width: 16.6%;
	text-align: center;
	float: left;
	line-height: 0.55rem;
}
.hot_links img{
	display: block;
	width: 0.6rem;
	height: 0.6rem;
	margin:0 auto;
}
.hot_head{
	height: 0.8rem;
	line-height: 0.8rem;
	padding:0 0.3rem;
	font-size:0.28rem;
}
.hot_head span{
	display: inline-block;
	padding-right:0.4rem;
	background:url("../images/th_head.png") no-repeat right center;
	background-size:auto 0.2rem;
}

.hm_hot{
	padding-bottom:0.4rem;
}
.hot_floor{
	padding:0 0.3rem;
}
.hot_floor .cleft{
	display: block;
	width: 3.9rem;
	height: 3rem;
	float: left;
	border-radius:0.1rem;
	position: relative;
	overflow: hidden;
	margin:0.1rem 0 0 0;
}
.hot_floor .cleft img{
	display: block;
	width: 3.9rem;
	height: 3rem;
}
.hot_floor .cright{
	display: block;
	width: 2.9rem;
	height: 1.45rem;
	float: left;
	border-radius:0.1rem;
	position: relative;
	overflow: hidden;
	margin:0.1rem 0 0 0.1rem;
}
.hot_floor .cright img{
	display: block;
	width: 2.9rem;
	height: 1.45rem;
}
.hot_floor .tj{
	margin:0.2rem 0 0.15rem 0;
	font-size:0.22rem;
	line-height: 0.33rem;
	color:#999;
	height: 0.66rem;
	position: relative;
	overflow: hidden;
}
.hot_floor .tj span{
	color:#333;
}
.hot_floor .btn{
	color:#ffd200;
	display: inline-block;
	background:#fff;
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 0.33rem;
	padding-left:0.12rem;
}
.hot_floor .tjdown{
	height:auto;
}
.hot_floor .scroll{
	height: 1.2rem;
	overflow-y:hidden;
	overflow-x:auto;
}
.hot_floor .item{
	display: block;
	width: 3.6rem;
	height: 1.1rem;
	float: left;
	margin-left:0.3rem;
	margin-top:0.05rem;
	border-radius:0.1rem;
	box-shadow:0 0 0.05rem #ddd;
	box-sizing:border-box;
	padding:0.2rem 0 0 0.3rem;
}
.hot_floor .tp{
	height: 0.3rem;
	line-height: 0.3rem;
	clear: both;
}
.hot_floor .tag{
	display: inline-block;
	background:#ffd200;
	padding:0 0.2rem;
	height: 0.3rem;
	float: left;
	color:#fff;
	font-size:0.22rem;
	border-radius:0 0 0.1rem 0;
}
.hot_floor .name{
	float: left;	
	margin-left:0.1rem;
	display:inline-block;
	max-width:2rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.hot_floor .bt{
	height: 0.58rem;
	line-height: 0.58rem;
	clear: both;
}
.hot_floor .fen{
	float: left;
	margin-right:0.2rem;
}
.hot_floor .ping{
	float: left;
	margin-right:0.2rem;
	color:#999;
}
.hot_floor .price{
	color:#ff4646;
}
.hot_floor .price em{
	color:#333;
}

.footer{
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 100;
	height: 1rem;
	border-top:1px solid #dfdfdf;
	background:#fff;
}
.footer_zw{
	height: 1rem;
	clear: both;
	padding-top:1px;
}
.footer a{
	display: block;
	width: 33.3333%;
	height: 1rem;
	float: left;
	text-align: center;
	box-sizing:border-box;
	padding-top:0.1rem;
	line-height: 0.4rem;
	color:#999;
}
.footer .hover{
	color:#000;
}
.footer .ico{
	display: block;
	width: 0.5rem;
	height: 0.5rem;
	margin:0 auto;
	background-repeat:no-repeat;
	background-size:auto 200%;
	background-position:top center;
}
.footer .hover .ico{
	background-position:bottom center;
}
.footer .ico1{
	background-image:url("../images/ft_ico1.png");
}
.footer .ico2{
	background-image:url("../images/ft_ico2.png");
}
.footer .ico3{
	background-image:url("../images/ft_ico3.png");
}

.tr_header{
	height: 0.8rem;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	background:#fff;
}
.tr_zw{
	height: 0.8rem;
	clear: both;
}
.tr_header .backa{
	display: block;
	width: 0.8rem;
	height: 0.8rem;
	position: absolute;
	left: 0;
	top: 0;
	background:url("../images/tr_back.png") no-repeat center center;
	background-size:0.4rem 0.4rem;
}
.tr_header .noticea{
	display: block;
	width: 0.8rem;
	height: 0.8rem;
	position: absolute;
	right: 0;
	top: 0;
	background:url("../images/tr_notice.png") no-repeat center center;
	background-size:0.4rem 0.4rem;
}
.tr_head{
	height: 0.9rem;
	line-height: 0.9rem;
	padding:0 0.2rem;
	font-size:0.36rem;
}
.tr_search{
	width: 7.1rem;
	height: 0.8rem;
	line-height: 0.8rem;
	position: relative;
	margin:0 auto;
	border-radius:0.1rem;
	background:#eee url("../images/tr_head.png") no-repeat 0.3rem center;
	background-size:auto 0.3rem;
	font-size:0.28rem;
}
.tr_search span{
	display: inline-block;
	padding:0 0.6rem 0 0.84rem;
}
.tr_search .text{
	height: 0.8rem;
	width: 4rem;
	border:0;
	background:none;
}
.tr_handle{
	height: 0.9rem;
	line-height: 0.9rem;
	font-size:0.32rem;
	padding:0 0.2rem;
}
.tr_handle .hover{
	color:#ffd200;
}

.tr_scroll{
	height: 5.3rem;
	width: 100%;
	overflow-y:hidden;
	overflow-x:auto;
}
.tr_item{
	width: 5.2rem;
	height: 5.2rem;
	margin:0.05rem 0.1rem 0 0.2rem;
	float: left;
	border-radius:0.1rem;
	box-shadow:0 0 0.05rem #ccc;
}
.tr_item .photo{
	display: block;
	height: 3.8rem;
	position: relative;
	overflow: hidden;
	border-radius:0.1rem 0.1rem 0 0;
}
.tr_item .photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.tr_item dl{
	padding:0.16rem 0.28rem;
}
.tr_item dt{
	height: 0.5rem;
	line-height: 0.5rem;
	font-size:0.28rem;
	clear: both;
}
.tr_item .name{
	float: left;
	color:#000;
}
.tr_item .fen{
	float: left;
	margin-left:0.3rem;
	color:#ffd200;
}
.tr_item dd{
	height: 0.5rem;
	line-height: 0.5rem;
}
.tr_item .tags{
	float: left;
	font-size:0.24rem;
}
.tr_item .price{
	float: right;
	font-size:0.28rem;
}
.tr_item .price em{
	color:#ff4646;
}

.tr_list{
	padding:0 0.2rem 0.3rem 0.2rem;
}

.tr_item2{
	display: block;
	height: 1.75rem;
	margin:0.3rem 0 0 0;
}
.tr_item2 .photo{
	float: left;
	display: block;
	width: 3.5rem;
	height: 1.75rem;
	border-radius:0.1rem;
	position: relative;
	overflow: hidden;
}
.tr_item2 .photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.tr_item2 .intro{
	float: right;
	width: 3.3rem;
}
.tr_item2 dt{
	height: 0.8rem;
	line-height: 0.4rem;
	font-size:0.28rem;
	color:#333;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow: hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
}
.tr_item2 dd{
	height: 0.72rem;
	line-height: 0.72rem;
	font-size:0.24rem;
}
.tr_item2 .bt{
	height: 0.32rem;
	line-height: 0.32rem;
	clear: both;
}
.tr_item2 .fen{
	float: left;
	color:#ffd200;
	padding-left:0.36rem;
	background:url("../images/fen.png") no-repeat left center;
	background-size:auto 0.22rem;
}
.tr_item2 .price{
	float: right;
	font-size:0.28rem;
	color:#999;
}
.tr_item2 .price em{
	color:#ff4646;
}

.sa_header{
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	height: 0.84rem;
	line-height: 0.84rem;
	text-align: center;
	background:#ffd200;
	font-size:0.32rem;
}
.sa_zw{
	height: 0.84rem;
	clear: both;
}
.sa_header .backa{
	position: absolute;
	left: 0;
	top: 0;
	width: 0.84rem;
	height: 0.84rem;
	background:url("../images/sa_back.png") no-repeat center center;
	background-size:auto 0.32rem;
}
.sa_big{
	width: 4.25rem;
	margin:0.55rem auto;
	position: relative;
}
.sa_big .bf{
	position: relative;
}
.sa_big .photo{
	display: block;
	width: 100%;
	height: 7.6rem;
}
.sa_big .code{
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	position: absolute;
	left: 50%;
	bottom: 0.6rem;
	margin-left:-0.6rem;
}
.sa_btns{
	width: 7.2rem;
	margin:0 auto;
	height: 1.5rem;
}
.sa_btns .btn{
	width: 1.5rem;
	height: 1.5rem;
	float: left;
	margin:0 0.15rem;
	border-radius:0.1rem;
	position: relative;
	overflow: hidden;
}
.sa_btns .btn img{
	display: block;
	width: 1.5rem;
	height: 1.5rem;
}
.sa_btns .hover i{
	display: block;
	width: 0.5rem;
	height: 0.5rem;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10;
	margin:-0.25rem 0 0 -0.25rem;
	background:url("../images/sa_hover.png") no-repeat center center;
	background-size:100% 100%;
}
.sa_ctrl{
	padding:0.5rem 0;
	text-align: center;
	padding:0.5rem 0;
}
.sa_ctrl a{
	display: inline-block;
	width: 2.8rem;
	height: 0.6rem;
	line-height: 0.6rem;
	margin:0 0.3rem;
	background:#ffd200;
	border-radius:0.1rem;
	font-size:0.28rem;
}
.thumbout{
	width: 100%;
	position: absolute;
	left: 0;
	top: -5000px;
	overflow: hidden;
}
.imm{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	opacity: 0;
}
.imm #imm{
	display: block;
	width: 100%;
	height:auto;
}
.usertop{ height:4rem; margin:0.3rem; background:url(../images/user_07.png) no-repeat; background-size:cover;-moz-box-shadow:0px 0px 0.3rem rgba(255,210,0,1); -webkit-box-shadow:0px 0px 0.3rem rgba(255,210,0,1); box-shadow:0px 0px 0.3rem rgba(255,210,0,1); border-radius:0.1rem; color:#000; margin-top:0.15rem }

.usericon{ padding-bottom:0.2rem; background:#fff; margin:0.5rem 0.3rem; border-radius:0.1rem; -moz-box-shadow:0px 0px 0.5rem rgba(0,0,0,.1); -webkit-box-shadow:0px 0px 0.5rem rgba(0,0,0,.1); box-shadow:0px 0px 0.5rem rgba(0,0,0,.1);}
.clearfix:after{ clear:both; display:block; content:''}
.usericon li{ margin:0.1rem 0; float:left; width:25%; text-align:center}
.usericon li img{ width:45%}
.usericon li p{ color:#666;}
.usericon div { padding:0.2rem 0.3rem; padding-bottom:0}
.usericon div h3{ color:#000 ; font-size:0.28rem}

.iconkefu{background:url(../images/user_03.png); width:0.5rem; height:0.5rem; background-size:100% auto; display:inline-block;}
.padmy{ margin:0.1rem 0.3rem; min-height:0.5rem; position:relative}

.usertop .tx_div{ height:1rem;  padding-top:0.2rem; padding:0.3rem;padding-bottom:0.1rem; position:relative}
.tx_div .tx{ position:absolute; width:1rem; height:1rem}
.tx_div .tx img{ border-radius:1rem; width:100%; height:100%;  object-fit: cover; display:block; width:100%; height:100%; }
.tx_div .tx_info{ margin-left:1.3rem;}
.tx_div .tx_info p{ margin:0.1rem 0}
.utop1 ul{ display:flex}
.utop1 li{ float:left; border-left:#333 solid 1px; width:33%; text-align:center}
.utop1 li h4{ font-weight:normal}
.utop1 li:first-child{ border:none}
.userinfo{ padding:0 0.3rem;  position:relative; height:1.5rem}
.userinfo p{ margin:0.15rem 0}
.userinfo p span{ margin-right:0.4rem}
.userinfo p:nth-child(2){ }
.userinfo a{ background:#fff; border-radius:0.1rem; color:#000; padding:0 0.2rem; display:inline-block;}
.userinfo div{ position:absolute; right:0.3rem; top:.5rem;}
.fr{ float:right}

.nos {
    position: fixed;
    top: -500px;
    left: -200px;
}

.list ul{ background:#fff;}
.list ul li{ border-bottom:#eee solid 1px; font-size:0.26rem; min-height:0.9rem; display:flex; align-items:center; padding:0 0.2rem; position:relative}
.list ul li>span{ margin-right:0.2rem}
.inp{ min-height:0.9rem; border:none; padding:0 0.2rem; width:100%}
.grow{flex-grow:1}
.bs{ position:relative; left:-0.1rem; padding-right:0.1rem;}
.bs:after{ content:''; display:inline-block; height:0.4rem; position:absolute; right:0; top:0.25rem; border-left:#000 solid 1px;}

.hei{ height:0.25rem; background:#f6f6f6 }

.swich{ background:#ffd200; border:#aaa solid 1px; width:.6rem; position:relative; border-radius:0.1rem; height:0.3rem; }
.swich i{ width:0.3rem; display:inline-block; position:absolute; left:-1px; top:-1px; height:0.3rem; background:#fff; border-radius:0.1rem; border:#aaa solid 1px;-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;}
.swich.hover i{ left:.28rem}
.content img{ max-width:100%}
.icon1{background:url(../images/icon1.png); width:0.33rem; height:0.33rem; background-size:100% auto; display:inline-block; position:absolute; right:0.3rem; top:0.3rem}

.addbtn{ display:flex; font-size:0.28rem; align-items:center; text-align:center;justify-content:center; padding:0.4rem 0; border:#ffd200 solid 2px; color:#333}
.addbtn img{ width:0.6rem; margin-right:0.2rem;}
.mar{ margin:0.2rem}
.lxr-info{ padding:0.3rem; line-height:0.45rem; margin-top:0.2rem; background:#ffd200}

.golist { margin-top:0.4rem; position:relative; padding:0.25rem; height:1.7rem; background:#fff;-moz-box-shadow:0px 0px 15px rgba(0,0,0,.1); border-radius:0.1rem; -webkit-box-shadow:0px 0px 15px rgba(0,0,0,.1); box-shadow:0px 0px 15px rgba(0,0,0,.1);}
.golist .goimg{ border-radius:0.1rem; position:absolute ; width:1.7rem; height:1.7rem; left:0.25rem; top:0.25rem}
.golist .godiv{ margin-left:2rem; margin-right:1.2rem}
.golist .godiv h3 { margin-bottom:0.1rem}
.golist span{ text-align:right; position:absolute; right:0.25rem; top:0.25rem;}
.red{ color:#FF0000}
.yebtn{ display:inline-block; padding:0.05rem 0.15rem; background:#ffd200; border-radius:0.05rem; font-size:0.24rem}
.gobtn{ margin-left:2rem; text-align:right; position:absolute; right:0.25rem; bottom:0.25rem;}

.ricon{background:url(../images/r.png) no-repeat right; background-size:auto 82% ; width:0.33rem; height:0.3rem; display:inline-block;}
.fire{background:url(../images/fire.png) no-repeat right; background-size:auto 82% ; width:0.33rem; height:0.3rem; display:inline-block;}

.grew{ color:#999}
.space{  justify-content: space-between;}
.list ul li b{ font-weight:normal}
.list ul .space span{ margin:0}
.alin{ display:inline-block; margin-bottom:0.2rem; margin-right:0.15rem; padding:0.05rem 0.15rem; background:#eee; border-radius:0.5rem;}
.soulist{ margin: 0 0.2rem}
.souswiper{ padding-top:0.1rem}
.souswiper li{ float:left; width:47%; padding-left:3%;height:0.35rem; margin:0.1rem 0}

.line{ border:none; border-bottom:#eee solid 1px; }
.tr_head small{ margin-right:0.3rem}
.tr_head small.hover{ color:#ffd200}

.searchicon{ background-size:auto 100% ; width:0.5rem; height:0.5rem; display:inline-block; position:absolute; top:0; left:0}

.topsearch{ margin:0 1rem 0 1rem; height:0.9rem;}
.soubtn{ background:none; border:none; font-size:0.24rem; position:absolute; right:0.3rem; top:0.22rem; color:#FFCC00}
.souinp{ background:#eee;background:url(../images/cla_text.png) no-repeat left #eee; margin-top:0.15rem; width:100%; background-size:auto 100%; text-indent:0.5rem; border-radius:0.2rem; border:none; height:0.5rem;}

.caiwu{ display:flex; padding:0.5rem 0; align-items:center;justify-content:center; text-align:center}
.money{ width:2.2rem; height:2.2rem; background:#ffe465; border-radius:2.2rem; border:#ffd200 solid 0.4rem;}
.money h2{ padding-top:.7rem}
.cwlist li{ padding:0.2rem 0.3rem; border-bottom:#ddd solid 1px;}
.cwlist li div{ font-size:0.28rem; display:flex;  justify-content: space-between;}
.cwlist li p{ color:#999}
.u-card{ padding:0.3rem; position:relative;}
.usercard{ background:url(../images/vipbg.png) no-repeat; background-size:cover; height:2.8rem ; border-radius:0.2rem; overflow:hidden; margin:0.5rem}
.usercard img{ width:1.1rem; height:1.1rem; left:0.3rem; top:0.3rem; border-radius:0.1rem; position:absolute}
.u-card div{ margin-left:1.4rem; color:#8a5202}
.u-card div p{ font-size:0.28rem; margin:0.1rem 0}
.u-card div p { display:flex; justify-content: space-between;}

.team-head{font-size:0.28rem; text-align:center; width:80%; margin:0 auto; }
.imgu{  object-fit: cover; width:1.4rem; height:1.4rem ; margin-top:0.7rem; margin-bottom:0.3rem;  border-radius:0.1rem;}
.team-head p span{ width:50%; float:left; text-align:center}
.team-head p{ display:flex}
.u-list{border-radius:0.1rem; align-items:center;display:flex; padding:0.3rem; margin:0.3rem 0.3rem; background:#fff;-moz-box-shadow:0px 0px 0.3rem rgba(0,0,0,.2); -webkit-box-shadow:0px 0px  0.3rem rgba(0,0,0,.2); box-shadow:0px 0px  0.3rem rgba(0,0,0,.2); }
.u-list img{ width:1rem; height:1rem; margin-right:0.2rem; border-radius:0.1rem; }
.u-list .flex{display:flex;justify-content: space-between;} 
.u-list div p{ margin:0.05rem 0; font-size:0.26rem}
.u-list div{ flex-grow:1}
.msa{ margin-top:0.3rem; font-size:0.28rem;}
.msa a{ float:left; width:50%; padding:0.1rem 0 ; text-align:center}

.logincon h2{ margin:2rem 0; color:#fff; font-size:0.48rem; text-align:center; color:#fff;}
.loginbg{ background:url(../images/login.jpg) no-repeat; background-size:cover}
.other{ text-align:center; padding-top:1rem}
.other p{ margin:0.2rem 0; color:#fff; padding-bottom:0.2rem}
.other a{ width:0.6rem; margin:0 0.4rem; display:inline-block}
.other a img{ width:100%}
.loform{ margin:0 0.4rem; min-height:4rem}
.d1{ margin:0.3rem 0; display:flex;width:90%; border-radius:0.4rem; padding:0rem 5%; border:none; background:#fff; position:relative}
.d2{ margin-top:1rem}
.loform .loinp{ width:100%; height:0.7rem; border:none}
.loform .lobtn{ background:#ffd200; border:none; padding:0.2rem;border-radius:0.4rem; width:100%;}
.tos a{ color:#fff;}
.tos{ padding-top:0.2rem}
.loform{ color:#fff}
.cey{ position:absolute; right:0.3rem; top:0.2rem; background-size:auto 100% ; width:0.4rem; height:0.4rem; display:inline-block;}
.loginhead{ background:none}
.loginhead .backa{ background-image:url(../images/sa_back2.png)}
.lxr-info.text-center{ border-radius:0.1rem}
.text-center{ text-align:center}
.as1{ color:#333; padding:0.2rem;}
.loform .loinp.my2{ }
.yzbg{ background:url(../images/yzbg.jpg) no-repeat; background-size:cover}


.form-gor{ border-bottom:#eee solid 1px; display:flex; position:relative;justify-content: space-between; align-items:center;}
.form-gor span{ width:1.7rem}
.huo{ width:0.6rem; display:inline-block}
.yams{ position:absolute; right:0; color:#ffd200; background:#fff;}

.tjbtn{ display:inline-block; text-align:center; border:none; background:#ffd200; padding:0.18rem 0.3rem; border-radius:0.1rem}
.top3{ margin-top:0.5rem}
.lins{ display:flex;justify-content: space-between; }
.lins a{ width:35%}
.btn_block{ display:block}
.xianlusou { display:flex;justify-content: space-between; margin:0.2rem 0;}
.xianlusou .xlinp{flex-grow:1; border:#ffd200 solid 1px; border-radius:0.1rem 0 0 0.1rem; padding:0.17rem; background:none;}
.xianlusou .tjbtn{ border-radius:0 0.1rem  0.1rem 0  }

.pro-list{border-radius:0.1rem; align-items:center;display:flex; padding:0.3rem; margin:0.3rem 0.2rem; background:#fff;-moz-box-shadow:0px 0px 0.3rem rgba(0,0,0,.2); -webkit-box-shadow:0px 0px  0.3rem rgba(0,0,0,.2); box-shadow:0px 0px  0.3rem rgba(0,0,0,.2); position:relative ; overflow:hidden }
.pro-list img{ width:1.3rem; margin-left:0.2rem; height:1.3rem; margin-right:0.2rem;  }
.pro-list .flex{display:flex;justify-content: space-between;} 
.pro-list div p{ margin:0.1rem 0; font-size:0.24rem}
.pro-list div{ flex-grow:1; margin-right:1rem}
.pro-list>a{ height:100%; background:#ffd200; width:0.3rem; padding:0 0.3rem; position:absolute; align-items:center; top:0; right:0;display:flex; }
.pro-list b:after{ content:''; border-radius:0.3rem; display:inline-block; width:0.3rem; height:0.3rem; background:#ddd; background-size:cover; position:relative; top:-0.1rem }

.pro-list b.hover:after{ content:''; display:inline-block; width:0.3rem; height:0.3rem; background:url(../images/check.png) no-repeat; background-size:cover; position:relative; top:-0.1rem }
.pro-list b input{ height:0; filter:alpha(opacity=0); /* ie 有效*/-moz-opacity:0; /* Firefox 有效*/opacity: 0; /* 通用，其他浏览器 有效*/ }
.pro-list b { width:0.3rem; overflow:hidden}

.pro{ min-height:4rem; padding-bottom:1rem}
.man p { padding-top:1rem; margin-bottom:0.1rem}
.man  h2 img{ width:2.5rem}
.man div { margin-top:0.6rem; width:40%;}
.man div span{ width:50%; position:relative; overflow:hidden;  float:left; text-align:center}
.man div span {}
.man div input[type=file]{ position:absolute;filter:alpha(opacity=0); /* ie 有效*/-moz-opacity:0; /* Firefox 有效*/opacity: 0; /* 通用，其他浏览器 有效*/   }
.man div input{ background:none; border:none; width:100%}

.scnav{  position:absolute; background:#eeeeee; left:0.2rem; top:2.8rem; width:1.8rem;}
.scnav a{ position:relative; padding:0.2rem 0; text-align:center; display:block; border-bottom:#ddd solid 1px;}
.difang{ margin-left:2.3rem;}
.mudi dd{ float:left; width:50%; text-align:center; position:relative}
.scnav a.hover{ background:#fff;}
.scnav a.hover:after{ content:''; display:inline-block; height:100%; border-left:#ffd200 solid 2px; position:absolute; left:0; top:0}
.mudi { padding-bottom:0.2rem}
.mudi dd p{ padding:0.15rem 0; font-size:0.24rem}
.mudi dd a{ width:90%; display:block}
.mudi dd img{ height:1.2rem; width:100%;  object-fit: cover; display:block;}
.mudi dt img{ width:0.5rem; vertical-align:middle }
.mudi dt { display:flex; align-items:center; height:1rem}

.tr_search2 {
    width: 7.1rem; display:flex;
    height: 0.8rem;
    line-height: 0.8rem;
    position: relative;
    margin: 0 auto;
    border-radius: 0.1rem;
    background: #eee url(../images/cla_text.png) no-repeat 0rem center;
    background-size: auto 100%;
    font-size: 0.28rem;
}
.tr_search2 .text{
	height: 0.8rem;
	width: 100%;
	border:0;
	background:none;
}
.tr_search2 form{ padding-left:.9rem; flex-grow:1; width:100%}

.chartb{ width:100%; text-align:center}
.chartb td,.chartb th{ padding:0.2rem 0;}
.chartb th{ background:#ffd200; font-weight:normal}

.bts h1{ font-size:0.3rem }
.bts .p1 { padding:0.2rem 0; color:#999}
.bts .p1 span{ float:left; width:50%;}
.bts .p2 span{ display:inline-block; background:url(../images/b3.png) no-repeat center left; background-size:auto 90%; color:#ffd200; padding-left:0.4rem; margin-right:0.4rem}
.chk .mar{ position:relative}
#chufa ul{ display:flex; width:calc(100% - 1.8rem); overflow:scroll}
.chk ul li{ border:#ccc solid 1px;  display:inline-block; margin-right:0.15rem; float:left;  border-radius:0.1rem; padding:0.1rem 0.2rem;  height:0.7rem; vertical-align:middle }
.chk ul li.hover{border:#ffd200 solid 1px; background:#ffd200;}
#chufa ul li{ margin-right:0.1rem;min-width:1.6rem; margin-right:0.15rem; padding:0.1rem 0;}
.chk ul li div{ text-align:center;display:block; height:100%; position:relative; display:flex; align-items:center }
.chk ul li a h3{ font-size:0.24rem}
.chk .mar{ display:flex; align-items:center}
.chk ul li div a{ display:block; width:100%}
.dian{ position:absolute; right:0; width:0.5rem; height:0.8rem; display:inline-block;  background:url(../images/d.png) no-repeat center center;  background-size: 100% auto ;}
#chufa{ }
.bars a{ float:left; width:25%; position:relative; text-align:center; padding:0.2rem 0}
.bars a.hover:after{ content:''; display:inline-block; width:1rem; border-bottom:#ffd200 solid 2px; position:absolute; left:50%; margin-left:-0.5rem; bottom:0.1rem}

.endinfo{ padding:0.1rem 0.2rem; position:fixed; bottom:0; left:0; width:calc(100% - 0.4rem); background:#fff; z-index:555;}
.endinfo a{ color:#999;  text-align:center; float:left; width:23%;}

.endinfo a img{ width:0.45rem}
.endinfo button{ float:right; width:50%; background:#ffd200; height:0.8rem; border:none; font-size:0.28rem; border-radius:0.1rem;} 

.inbanner img{  object-fit: cover; display:block; width:100%; height:100%;  height:4rem; }

.ic{
	display: block;
	width: 0.6rem;
	height: 0.8rem;
	position: absolute;
	right: 0.25rem;
	top: 0;
	background:url("../images/ic.png") no-repeat center center;
	background-size:100% auto;
}

.ycbox:after{ content:''; position:absolute; background:url(../images/sa.png) no-repeat center center; background-size: 100% auto ; top:-0.6rem; left:1.2rem; display:inline-block; width:0.55rem; height:0.6rem; }
.ycbox{ position:absolute; display:none; right:0.2rem; top:1.2rem;  padding:0.2rem 0.3rem; background:rgba(0,0,0,.6); border-radius:0.1rem;}
.ycbox a{display:flex; align-items:center; font-size:0.24rem; color:#fff; }
.ycbox a i{ margin-right:0.1rem;}
.ic1{ width:0.35rem; height:0.4rem; display:inline-block;  background:url(../images/b1.png) no-repeat center center;  background-size: 100% auto ;}
.ic2{ width:0.35rem; height:0.4rem; display:inline-block;  background:url(../images/b2.png) no-repeat center center;  background-size: 100% auto ;}

.sa_header.hover{ background:rgba(0,0,0,.3) !important}
.xian{ color:#496bcd; margin-bottom:0.5rem}
.we{ width:0.35rem; height:0.4rem; display:inline-block;  background:url(../images/lo.png) no-repeat center center; position:absolute; left:1.25rem;  background-size: 90% auto ;}
.xul{ position:relative}
.xul:after { content:''; display:block; height:100%; position:absolute; left:1rem; top:0.1rem; border-left:#ffd200 solid 2px;}
.xul li{ position:relative; margin-top:0.2rem}
.xul li:after{ content:''; display:inline-block; width:0.15rem; height:0.15rem; position:absolute; left:1rem; margin-left:-0.07rem; top:0.1rem; border-radius:0.15rem; background:#ffd200}
.xul li span{ position:absolute; left:0; top:0;}
.xul li>div{ margin-left:1.8rem;}
.xul li>div p{ margin:0.1rem 0}
.yellow{ color:#ffd200}
.xul li:last-child:after{ bottom:-0.15rem; top:auto; width:0.4rem; border-radius:0; margin-left:-0.18rem; height:0.05rem}
.gys{ position:relative; margin:0.2rem 0; padding-bottom:0.2rem}
.gys span{ background:#ffd200; padding:0 0.1rem; position:absolute}
.gys div{ margin-left:1.3rem}

.xuzhi{color:#496bcd; line-height:0.42rem }

.infotable table tr td:first-child{ background:#496bcd; color:#fff; }
.infotable table tr td{color:#496bcd;  border:#496bcd solid 1px; min-width:1rem; padding:0.12rem}
.libao img{ width:3.5rem;}
.libao{ position:fixed; bottom:1rem; left:0;}

.libao .gbbtn{ display:inline-block; width:0.5rem; height:0.5rem; background:url(../images/close.png) no-repeat center center; position:absolute; right:-0.2rem; top:0.1rem; background-size:cover}