a{color: #333; text-decoration: none;}
a:hover{color: #0080ff;}
body,div,span,h1,h2,h3,h4,h5,h6,hr,p,blockquote,strong,var,b,u,i,center,dl,dt,dd,ul,ol,li,prea,address,fieldset,form,fieldset,label,legend,button,input,textarea,th,td, header, footer{margin:0;padding:0;}
img{max-width: 100%;}
ul,ol{list-style-type:none;}
select,input,img,select,button,textarea{vertical-align:middle; font-family:Arial,'Microsoft YaHei'; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); outline:none;}
input {/*-webkit-appearance: none;*/ border-radius:0}
li{list-style-type:none;vertical-align:top;}
img{vertical-align:middle;border:0px;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%; font-weight:normal;}
address,cite,dfn,em,var{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
a img{border:0; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
del{text-decoration:line-through;}
em{font-style:normal;}media 
.tac{text-align: center;}
.tar{text-align:right;}
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.wrapper{width: 94%; margin:0 auto;}


.header{position: fixed; padding:22px 0; background:#fff; text-align: center;  z-index:9999; width:100%;}
.header .wrapper{
	margin: auto;
}
.head_box{ display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; align-items: center;justify-content: space-between;}
.logo{margin-right:15px;}
.logo img{height: 44px;}
.head_search{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.head_search_box{ display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; background: #fff; border-radius: 5px; border:2px #0080ff solid; align-items: center;}
.ssico{width: 20px; height:21px; margin:0 0 0 20px;}
.head_ssl{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.ssinp{width: 100%; padding:0 20px; box-sizing: border-box; line-height: 40px; height: 40px; background: none; border:0 none; font-size: 16px; color: #333;}
.head_ssr{border-left: 1px #ddd solid; padding:0 10px;}
.head_select{line-height: 34px; border:0 none; background: #fff; font-size: 16px;}
.head_right{margin-left: 3px;}
.head_rnav{
    background: #d3d3d3; border-radius: 5px; padding:0 8px; display: inline-block; margin:0 0 0 15px; line-height:36px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.head_rnav a{padding:0 5px;}
.head_rnav .tzico{width: 16px; vertical-align: middle;}
.head_rnav .userimg{width:20px; height: 20px; border-radius: 50%; margin:0 5px 0 0; vertical-align: middle;}
.banner{width: 100%;}
.banner img{width: 100%; min-height: 100px; border-radius: 10px;}
.bannerbox{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;width: 100%; padding-bottom: 20px; }
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;transform:translate3d(0px,0,0);}
.bannerbox .swiper-slide {flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;background-position: center; background-size: cover;border-radius: 10px;}
.bannerbox.swiper-container-fade .swiper-slide {pointer-events:none; transition-property:opacity;}
.bannerbox .paginationb{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
.bannerbox.swiper-container-horizontal>.swiper-pagination-bullets{bottom:5px;left:0;width:100%;}
.bannerbox .swiper-pagination-bullets{bottom:0;left:0;width:100%;}
.bannerbox .swiper-pagination-bullet {width:6px;height:6px;display:inline-block;border-radius:6px; background:#c4c4c4; margin:0 4px; cursor:pointer; transition:all 0.3s;}
.bannerbox .swiper-pagination-bullet-active {width:24px; background: #0080ff;}
.mobss_toggle{display: none;}

.main{width: 100%; overflow: hidden; padding-bottom: 50px;padding-top: 70px;}
.hotgoods{width: 100%; overflow: hidden;}
.hotgoods ul{width: 103%;}
.hotgoods li{width: 22%; margin:30px 3% 0 0; float: left; background: #d8d8d8; border-radius: 10px; overflow: hidden;}
.hotgoods li h1{position: relative; width: 100%; padding-bottom: 70%; overflow: hidden; border-radius: 10px;}
.hotgoods li h1 img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; display: block; margin: auto; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.hotgoods li:hover h1 img {transform: scale(1.1, 1.1);}
.hotgoods li h2{padding:5px 15px; font-size: 18px; margin-top:10px; font-weight: bold; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hotgoods li p{padding:5px 15px; font-size: 14px; color: #666;}
.hotgoods li h3{font-size: 14px; color: #999; text-align: center; padding:15px 0;}
.hotgoods li h3 span{padding:0 5px; display: inline-block;}
.hotgoods li h3 img{width: 20px;}
.abg0{background: #afafaf;}
.abg1{background: rgba(255,255,255,0.3);}
.abg2{background: #e6cc88;}
.abg3{background: #e69b88;}
.abg4{background: #c7e688;}
.abg5{background: #dd88e6;}
.abg6{background: #5a9360;}
.abg7{background: #3758e9;}
.goods_hd{font-size: 24px; font-weight: bold; margin-top:50px; text-align: center; width: 100%; overflow: hidden;}
.goods_bd{width: 100%; overflow: hidden;}
.goods_bd ul{width: 103%; display: flex; flex-wrap: wrap;}
.goods_bd li{width: 22%; margin:30px 3% 0 0; float: left; border-radius: 10px; overflow: hidden;}
.goods_bd li h1{position: relative; width: 100%; padding-bottom: 70%; overflow: hidden; border-radius: 10px;}
.goods_bd li h1 img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; display: block; margin: auto;-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.goods_bd li:hover h1 img {transform: scale(1.1, 1.1);}
.goods_bd li h1 span{position: absolute; top: 5px; left: 5px; border-radius: 20px; line-height: 20px; font-size: 14px; padding:0 10px; color: #fff; z-index: 2;}
.goods_bd li .goods_info{width: 100%; overflow: hidden; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; align-items: center; padding:10px 0;}
.goods_bd li .goods_info h2{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.goods_bd li .goods_info h3{font-size: 14px; color: #999;}
.goods_bd li .goods_info h3 span{padding:0 5px; display: inline-block;}
.goods_bd li .goods_info h3 img{width: 20px;}
.sortmenu{width: 100%; 
/*overflow: hidden;*/
    cursor: pointer;
     user-select: none; 
}
.sortmenu li{
    /*float: left; */
    display: inline-block;
    margin:20px 20px 0 0;}
.sortmenu li a{ border-radius: 10px; line-height: 40px; padding:0 20px; display: block; color: #333;}


#fotolist {width: 100%;margin:10px auto 0;}
#fotolist .fotoli {background-color: #fff; width:280px; margin:10px; border-radius: 3px;}

.fotolist .fotoli h1{position: relative; width: 100%; overflow: hidden; border-radius: 10px;-webkit-box-shadow: 0 0 5px 0 #ddd; box-shadow: 0 0 5px 0 #ddd;}
.fotolist .fotoli h1 img{ width: 100%; height: 100%; padding: 0px;display: block; object-fit: cover; -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.fotolist .fotoli:hover h1 img {transform: scale(1.1, 1.1);}
.fotolist .fotoli h1 span{position: absolute; top: 5px; left: 5px; border-radius: 20px; line-height: 20px; font-size: 14px; padding:0 10px; color: #fff; z-index: 2;}
.fotolist .fotoli .goods_info{width: 100%; overflow: hidden; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; align-items: center; padding:10px 0;}
.fotolist .fotoli .goods_info h2{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;}
.fotolist .fotoli .goods_info h3{font-size: 14px; color: #999;}
.fotolist .fotoli .goods_info h3 span{padding:0 5px; display: inline-block;}
.fotolist .fotoli .goods_info h3 img{width: 20px;}




.detail_content{width: 100%; max-width: 1280px; padding:20px; box-sizing: border-box; overflow: hidden; background: #e5e5e5; border-radius: 10px; margin:40px auto 0;}
.detail_fhico{position: absolute; top: 0; left: 0;}
.detail_delico{position: absolute; top: 0; right: 0;}
.detail_left{width: 70%; float: left;}
.detail_right{width: 26%; float: right;}
.down_box{width: 100%; position: relative;}
.down_btn{width: 100%; line-height: 50px; background: #0080ff; border-radius: 5px; text-align: center; display: block; color: #fff; font-size: 18px;}
.down_btn:hover{color: #fff;}
.down_box .down_ui{position: absolute; top:50px; left: 0; width: 100%; text-align: center; padding-top: 10px; display: none;}
.down_box .down_ui ul{background: #fff; border-radius: 5px; padding:15px 0;}
.down_box .down_ui ul:after{content: ''; position: absolute; top: -10px; left: 50%; margin-left: -5px; width: 0; height: 0; border: 10px solid; border-color:  transparent transparent #fff transparent;}
.down_box .down_ui ul li{font-size: 16px; padding:10px 0; line-height: 32px;}
.down_box .down_ui ul li img{width: 32px; height: 32px; margin:0 10px 0 0;}
.down_box:hover .down_ui{display: block;}
.lycont{width: 100%; overflow: hidden;}
.lycont a{background: #fff; border-radius: 5px; margin-top:20px; display:inline-block; width: 48%; text-align: center; line-height: 20px; padding:15px 0;}
.lycont a img{width: 20px; height: 20px; margin-right: 5px; vertical-align: top;}
.zdytxt_cont{overflow: hidden; background: #fff; border-radius: 5px; margin-top: 20px; padding:15px; font-size: 15px; color: #666;}
.xkfw_cont{overflow: hidden; background: #fff; border-radius: 5px; margin-top: 20px; padding:15px; font-size: 15px;}
.xkfw_hd{font-size: 18px; font-weight: bold; padding-bottom: 10px;}
.xkfw_bd{line-height: 20px;}
.xkfw_bd p{padding:5px 0; color: #666;}
.xkfw_bd p img{width: 20px; height: 20px; vertical-align: top; margin-right: 5px;}
.collect_top_title{width: 100%; text-align: center; padding:10px 0;}
.collect_top_title span{display: inline-block; margin:0 auto; padding:0 40px; background: #0080ff; color: #fff; font-size: 18px; line-height: 50px; border-radius: 10px;}
.collect_list{width: 100%; overflow: hidden;}
.collect_list ul{width: 102%;}
.collect_list li{width: 23%; float: left; margin:30px 2% 0 0;}
.collect_ui{width: 100%; overflow: hidden; background: #dddddd; border-radius: 10px; padding:3px; box-sizing: border-box;}
.collect_ui p{width: 48%; float: left; margin:0 1%; padding:1% 0; overflow: hidden;}
.collect_ui p span{width: 100%; padding-top: 100%; float: left; display: inline-block; overflow: hidden; position: relative; border-radius: 5px; background: #efefef;}
.collect_ui p span img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; display: block; margin: auto;}
.collect_title{ text-align: center; margin-top: 10px; font-size: 16px;}
.add_collect{padding:100% 0 0; width: 100%; text-align: center; position: relative;}
.add_collect h3{position: absolute; top: 50%; left: 0; width: 100%; text-align: center; transform: translateY(-50%);}
.add_collect h3 span{display: block; width: 100%; padding-top: 20px; font-size: 16px;}
.pay_toptitle{text-align: center; font-size: 30px; padding:30px 0;}
.paycontent{width: 100%; overflow: hidden; padding:100px 0; background: #f2f2f4;}
.pay_left{width: 26%; max-width: 420px; margin-left: 16%; float: left; text-align: center;}
.pay_right{width: 42%; float: right;}
.pay_lbox{width: 100%; border-radius: 10px; background: #fff; overflow: hidden;}
.pay_lui{padding:30px;}
.pay_lui h1{font-size: 20px;}
.pay_lui h1 img{width: 28px; height: 28px; margin-right: 10px;}
.pay_lui h2{margin-top: 20px; font-size: 18px;}
.pay_lui h3{margin-top: 10px;}
.pay_lui h3 img{width: 100%; max-width: 200px;}
.pay_lsm{background: #262627; color: #fff; padding:15px; font-size: 14px; border-radius: 10px;}
.pay_lbot{margin-top: 15px; font-size: 14px;}

.layui-layer{border-radius: 20px !important;}
.mypop_form{padding:30px; width: 400px; font-size: 14px;}
.mypop_form dl{width: 100%;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; border-bottom: 1px #eee solid; align-items: center; padding:10px 0;}
.mypop_form dl dt{margin-right: 10px;}
.mypop_form dl dt img{width: 30px; height: 30px;}
.mypop_form dl dd{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.mypop_form_inp{width: 100%; height: 40px; line-height: 40px; border:0 none; background: none; padding:0; margin:0; font-size: 16px; color: #333;}
.mypop_formlable{padding:15px 0; width: 100%; overflow:hidden;}
.mypop_formlable_l{float: left;}
.form_check_input{margin-right: 5px;}
.mypop_formlable_r{float: right;}
.mypop_formlable_r a{padding:0 5px;}
.mypop_form_button a{width: 100%; height: 50px; line-height: 50px; border-radius: 50px; color: #fff; background: #0080ff; text-align: center; font-size: 16px; display: block; margin-top: 20px; letter-spacing: 4px;}
.mypop_form_bottom{margin-top: 30px; text-align: center;}
.mypop_form_bottom h2{color: #999;}
.mypop_form_bottom h3{margin-top: 10px;}
.mypop_form_bottom h3 img{width: 40px; height: 40px;}
.mypop_form_weixin{text-align: center;}
.mypop_form_weixin h2{color: #999;}
.mypop_form_weixin h3{margin-top: 10px;}
.mypop_form_weixin h3 img{width: 100%; max-width: 200px;}
.detail_fhico svg{width: 30px; height: 30px;}
.detail_delico svg{width: 30px; height: 30px;}


/*新增*/
.tab-tit{
	display: flex;
	justify-content: space-around;
	margin: 10px auto 30px;
}
.tab-tit li{
	width: 50%;	
	text-align: center;
}
.tab-tit li a{
	display: inline-block;
	height: 40px;
	line-height: 40px;	
	color: #333;
	font-size: 16px;
}
.tab-tit li.active a{
	color: #0080ff;
	border-bottom: 2px solid #0080ff;
}
.sms-dd{
}
.sms-dd input{
	width: 50%;
}
.sms-dd a{
	float: right;
	width: 45%;
	background: #0080ff;
	color: #fff;
	text-align: center;
	height: 40px;
	line-height: 40px;
	border-radius: 10px;
}

.goods_info a{
	color: #000;
	font-weight: bold;
}

.fotolist .fotoli h1 .top{
	position: absolute;
	left: calc(100% - 94px);
	top: 5px;
	background-image: linear-gradient(to right, #1b4f98, #199ddc);
	width: 88px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
}

@media all and (max-width:1500px) {	
    .detail_content{width: 80%;}
}

@media all and (max-width:1400px) {    
    .hotgoods li, .goods_bd li{width: 30.33%;}
    .collect_list li{width: 31.33%;}
    .pay_left{width: 36%; margin-left: 6%;}
}
@media all and (max-width:1200px) {
	.detail_left{width: 64%;}
	.detail_right{width: 32%;}
    
}
@media all and (max-width:1000px) {    
	.hotgoods li, .goods_bd li{width: 47%;}
	.collect_list li{width: 48%;}
    .pay_left{width: 42%; margin-left: 0;}
    
}
@media all and (max-width:920px) {    
	.head_select{
	    width:14px;
	}
}
@media all and (max-width:610px) { /* 768px*/
	.header{padding:15px 0;}
	.logo{margin-right: 0;}
	.logo img{height: 25px;}
	.head_right{margin-left: 0;}
	.head_rnav{line-height: 30px; margin-left: 5px; padding:0 2px;}
	.head_search{position: absolute; top: 60px; left: 0; width: 100%; z-index: 9; padding:10px; box-sizing: border-box; background: #fff;}
	.mobss_toggle{display: inline-block;
	    border: 2px solid #0080ff;
	     border-radius: 5px;
	     flex: 1;
        margin: 0 4px;
        overflow: hidden;
        display: flex;
        align-items: center;
	}
	.mobss_toggle img{
	    margin:3px 8px;
	   
	    /*margin-left: 10px;*/
	    
	}
	.head_box .head_search{display: none;}
	.head_box.on .head_search{display: block;}
	.hotgoods ul, .hotgoods li, .goods_bd ul, .goods_bd li{width: 100%;}

	.detail_left, .detail_right{width: 100%;}
	.detail_right{margin-top: 30px;}
	.collect_list ul, .collect_list li{width: 100%;}
	.paycontent{padding:40px 0;}
	.pay_left, .pay_right{width: 100%;}
	.pay_right{display: none;}

	.mypop_form{width: 320px; box-sizing: border-box; padding:20px;}
	.detail_content{width: 88%;}
	.detail_fhico img{width: 20px;}
	.detail_delico img{width: 14px;}
	
}