@charset "utf-8";
/* CSS Document */
/*
* @description: 网站公共样式
* @author: ishang_pan
* @update: ishang_pan (2020-06-16 10:33)
*/

/*reset*/
html{-webkit-text-size-adjust:none;}
*html{background-image:url(about:blank); background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
*{margin: 0; padding: 0; list-style: none;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
body{padding:0; margin:0; font: 16px "Microsoft YaHei",微软雅黑,'宋体',tahoma,Verdana,arial,sans-serif; color:#333;background-color: #f5f5f5;}
input,textarea,select,button,label{vertical-align:middle; outline:none; font-family:"Microsoft YaHei",微软雅黑;}
textarea{resize:none;}
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,img,a,form,input,label,select{margin:0; padding:0; list-style:none;}
a{color:#333; text-decoration:none; outline:none;}
a:hover{color:#d71604; text-decoration:none;}
a:focus{text-decoration: none; outline: 0; -moz-outline-style: none; color: #d71604;}
a img{border:none;}
h1,h2,h3{font-weight: normal;}
.clear{margin:0; overflow:hidden; visibility:hidden; font-size: 0; content: "."; clear: both; height: 0; padding:0;}
.clearfix:after{visibility:hidden; display: block; font-size: 0; content:" "; clear:both; height:0;}

/*function*/
.f-dn{display: none;}
.f-db{display: block;}
.f-fl{float: left;}
.f-fr{float: right;}
.f-pr{position: relative;}
.f-pa{position: absolute;}
.f-pf{position: fixed;}
.f-oh{overflow: hidden;}
.f-tal{text-align: left;}
.f-tac{text-align: center;}
.f-tar{text-align: right;}
.f-fwn{font-weight: normal;}
.f-fwb{font-weight: bold;}
.f-toe{overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.f-csp{cursor: pointer;}
.f-csd{cursor: default;}
.f-csh{cursor: help;}
.f-csm{cursor: move;}
.f-usn{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.f-clear{margin: 0; padding: 0; height: 0; overflow: hidden; visibility: hidden; content: "."; clear: both; font-size: 0; }
.f-clearfix:after{display: block; height: 0; visibility: hidden; font-size: 0; content:" "; clear: both;}
* html .f-clearfix{zoom: 1;}
*:first-child+html .f-clearfix{zoom: 1;}
.f-npd{padding: 0;}
.f-nmg{margin: 0!important;}
.f-mlr2{margin: 0 2px;}
.f-mlr5{margin: 0 5px;}
.f-mlr7{margin: 0 7px;}
.f-mlr10{margin: 0 10px;}
.f-mlr15{margin: 0 15px;}
.f-mlr20{margin: 0 20px;}
.f-mb5{margin-bottom: 5px;}
.f-mb10{margin-bottom: 10px;}
.f-mb15{margin-bottom: 15px;}
.f-mb20{margin-bottom: 20px;}
.f-mr30{margin-right: 30px;}
.f-nbg{background: none!important;}
.f-nbd{border: none;}

/*header*/
.container{width: 1240px;margin: 0 auto;}

.m-header{background: url(../images/home/abnner.png) top center no-repeat;height: 280px;}
.m-groceries ul li a span{color: #999;padding:0 10px;}
.m-groceries ul li a{color: #999999;display: block;}
.m-groceries ul li{margin-left: 0 !important;}
.is-header2{padding:35px 0;}
.fanhui{width: 100px;height: 40px;background:#d71604;position: absolute;top: 0;right: 20px;text-align: center;border-radius: 5px;line-height: 40px;}
.fanhui a{font-size: 20px;font-weight: bold;color: #fff;}
/***除首页之外的首页样式***/
.m-topheader{height: 40px;line-height: 40px;filter:alpha(opacity=30);background:rgba(0,0,0,0.3);}
.m-topheader ul li{float: left;margin-left: 12px;}
.m-topheader ul li a{color: #ffffff;font-size: 14px;display: block;}
.m-topheader ul li span{color: #fff !important;}
.u-only{background: url(../images/home/wz.png) left center no-repeat;padding-left: 24px;}

.u-logo{display: block; text-align: center;}
.u-logo img{max-width: 100%;}
.m-search{padding-top: 61px;}
.g-search{width: 420px; height: 48px;}
.g-search .u-searchtext{padding: 0 65px 0 12px; width: 100%; height: 48px; line-height: 48px; background: #fff; border: none; font-size: 14px; box-shadow: none;color:#cccccc;box-sizing: border-box;border-radius: 5px;}
.g-search .u-searchbtn{top: 0; right: 0; width: 65px; height: 48px; line-height: 48px;  background: url(../images/home/seach.png) center center no-repeat; font-size: 22px; border: none;    border-radius: 0 5px 5px 0;}
.m-search .u-deepbtn{display: block; width: 90px; height: 48px; line-height: 48px; text-align: center; background: #ff862d; color: #fff; font-size: 14px;}

@media (max-width:767px) {
    .container{padding: 0 15px;width: 100%;}
    .m-search{padding-top: 0;}
}

/*toolbar*/
.is-main .container{padding: 20px;box-sizing: border-box;background-color: #fff;}


/*pagination*/
.m-pagination{padding: 15px;}
.m-pagination li{float: left; margin: 3px; height: 28px; font-size: 14px;}
.m-pagination li a{display: block; padding: 0 10px; line-height: 26px; border: 1px solid #ccc; font-size: 14px; background-color: #fff;}
.m-pagination li.u-redirect{line-height: 28px;}
.m-pagination li.u-redirect input{padding: 0 5px; vertical-align: middle; width: 42px; height: 28px; line-height: 28px; border: 1px solid #ccc; margin: -2px 0 0 3px; *margin: -2px 0 0 3px; _margin: -2px 0 0 3px;}
.m-pagination li.active a,.m-pagination li a:hover{background-color: #d11212; border: 1px solid #d11212; color: #fff;}
.m-pagination li.page-info a,.m-pagination li.page-info a:hover{border: 1px solid #ccc; cursor: default; color: #666; background-color: #fff;}
.m-pagination li.disabled a,.m-pagination li.disabled a:hover{background-color: #eee; border: 1px solid #ccc; cursor: default; color: #666;}

/*share*/
.share-main{position: relative; width: 102px; height: 24px;}
.share-bar a{margin-left: 10px; float: left; display: block; width: 24px; height: 24px; background-image: url(../images/public/icon-share.png);}
.share-bar .share-tsina{background-position: 0 0;}
.share-bar .share-weixin{background-position: -24px 0;}
.share-bar .share-qzone{background-position: -48px 0;}
.weixin-share-open{position: absolute; bottom: 34px; right: 0; display: none; background-color: #fff;}
.weixin-wrap{position: relative; padding: 10px; width: 234px; height: 102px; border: 1px solid #ddd;}
.share-qrcode{float: left;}
.share-qrcode img{display: block; width: 80px; height: 80px;}
.weixin-close{position: absolute; top: 0; right: 0; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 16px; color: #d4d4d4; cursor: pointer;}
.weixin-text{padding: 10px 0 0 90px; line-height: 24px; font-size: 12px; color: #666;}

/*module*/
.m-location{padding: 5px 0 10px 25px;background-image: url(../images/public/icon-location.png);background-repeat: no-repeat;background-position: left 6px; }
.m-location,.m-location a{font-size: 14px; color: #666;}

.m-tabstyle1{border-bottom: 1px solid #ddd;}
.m-tabstyle1 li{position: relative; float: left; margin-right: 8px;}
.m-tabstyle1 li a{display: block; padding: 12px 10px; font-size: 18px;}
.m-tabstyle1 li em{position: absolute; left: 0; bottom: -1px; right: 0; display:block; margin:0 auto; width: 0px; height: 2px; background: #d11212; -webkit-transition: all linear 0.4s; -moz-transition: all linear 0.4s; transition: all linear 0.4s;}
.m-tabstyle1 li.u-active a{color: #d11212;}
.m-tabstyle1 li a:hover em,.m-tabstyle1 li.u-active em{width:100%;}

.m-tabstyle2 li{display: inline-block; margin: 0 10px; text-align: center;}
.m-tabstyle2 li a{display: block; width: 120px; line-height: 42px; border: 1px solid #ddd; border-radius: 42px; font-size: 16px; background: #fff; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-tabstyle2 li.u-active a{background: #d11212; color: #fff; border-color: #d11212;}

.m-tabstyle3 ul{margin: 0 -8px;}
.m-tabstyle3 li{float: left; padding: 0 8px; text-align: center; width: 16.66%;}
.m-tabstyle3 li a{display: block; line-height: 42px; padding: 0 5px; font-size: 16px; background: #f6f6f6;}
.m-tabstyle3 li.u-active a{background: #d11212; color: #fff;}

.m-titstyle1{border-bottom: 1px solid #ddd; line-height: 68px;}
.m-titstyle1 .u-tit{display: block; padding: 0 22px;font-size: 20px; color: #d11212;font-weight: bold;}
.m-titstyle1 li{float: left;}
.m-titstyle1 li a{display: block; padding: 0 13px; font-size: 14px;}
.m-titstyle1 li.u-active a{color: #d11212;}

.m-titstyle2 .u-tit{font-size: 22px; font-weight: bold; color: #d11212;}

.m-titstyle3{padding: 5px 0;}
.m-titstyle3 .u-tit{display: block; padding-left: 12px; line-height: 1.1; font-size: 20px; font-weight: bold; color: #d11212; border-left: 5px solid #d11212;}
.m-titstyle3 .u-more{color: #666; font-size: 14px; line-height: 1.5;}

.m-liststyle1 li{height: 40px; line-height: 40px;position: relative;}
.m-liststyle1 li::before{content: "";width: 4px;height: 4px;background-color: #b3b3b3;position: absolute;top: 50%;margin-top: -2px; left: 0;border-radius: 50%;}
.m-liststyle1 li a{display: block;overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.m-liststyle1 li span{float: right; color: #999; font-size: 14px;}
.m-liststyle1 li a:hover{padding-left: 16px;}
.m-liststyle1 li img{margin-left: 10px; vertical-align: middle;}

/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
	.f-lg-mlr5{margin: 0 5px;}
	.f-lg-mlr10{margin: 0 10px;}
	.f-lg-mlr15{margin: 0 10px;}
	.f-lg-mlrf5{margin: 0 -5px;}
	.f-lg-mlrf10{margin: 0 -10px!important;}
	.f-lg-mlrf15{margin: 0 -15px;}
	.f-lg-plr5{padding: 0 5px;}
	.f-lg-plr10{padding: 0 10px!important;}
	.f-lg-plr15{padding: 0 15px;}
	.f-lg-mb5{margin-bottom: 5px;}
	.f-lg-mb10{margin-bottom: 10px;}
	.f-lg-mb15{margin-bottom: 15px;}
	.f-lg-mb20{margin-bottom: 20px;}
	.f-lg-mb30{margin-bottom: 30px!important;}
	.f-lg-ha{height: auto;}
	.f-lg-fn{float: none;}
	.f-lg-wa{width: auto;}
	.f-lg-db{display: block;}
	.f-lg-dn{display: none;}

}
/*pad md*/
@media screen and (max-width: 991px){
	.f-md-mlr5{margin: 0 5px;}
	.f-md-mlr10{margin: 0 10px;}
	.f-md-mlr15{margin: 0 10px;}
	.f-md-mlrf5{margin: 0 -5px;}
	.f-md-mlrf10{margin: 0 -10px;}
	.f-md-mlrf15{margin: 0 -15px;}
	.f-md-plr5{padding: 0 5px;}
	.f-md-plr10{padding: 0 10px;}
	.f-md-plr15{padding: 0 15px;}
	.f-md-mb5{margin-bottom: 5px;}
	.f-md-mb10{margin-bottom: 10px;}
	.f-md-mb15{margin-bottom: 15px!important;}
	.f-md-ha{height: auto!important;}
	.f-md-fn{float: none;}
	.f-md-wa{width: auto;}
	.f-md-db{display: block;}
	.f-md-dn{display: none;}

	.m-topheader{height: 80px;}
	.fanhui {top: -15px;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
	.f-sm-mlr5{margin: 0 5px;}
	.f-sm-mlr10{margin: 0 10px;}
	.f-sm-mlr15{margin: 0 10px;}
	.f-sm-mlrf5{margin: 0 -5px;}
	.f-sm-mlrf10{margin: 0 -10px;}
	.f-sm-mlrf15{margin: 0 -15px;}
	.f-sm-plr5{padding: 0 5px;}
	.f-sm-plr10{padding: 0 10px;}
	.f-sm-plr15{padding: 0 15px;}
	.f-sm-mb5{margin-bottom: 5px;}
	.f-sm-mb10{margin-bottom: 10px;}
	.f-sm-mb15{margin-bottom: 15px;}
	.f-sm-ha{height: auto;}
	.f-sm-fn{float: none!important;}
	.f-sm-wa{width: auto;}
	.f-sm-db{display: block;}
	.f-sm-dn{display: none;}

}
/*small xs*/
@media screen and (max-width: 638px) {
	body{font-size: 16px;}

}

/*print*/
@media print {
    a[href]:after {
        content: none!important;
    }
}