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

/*reset*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin: 0; padding: 0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display: block;}
html{overflow-y: scroll;}
:root{overflow-y: auto; overflow-x: hidden;}
table{border-collapse: collapse; border-spacing: 0;}
caption,th{font-weight: normal;}
html,body,fieldset,iframe,abbr{border: 0;}
i,cite,em,var,address,dfn{font-style: normal;}
[hidefocus],summary{outline: 0;}
ul,ol,ul li,li,ol li{list-style: none;}
h1,h2,h3,h4,h5,h6,small{font-size: 100%;}
sup,sub{font-size: 83%;}
pre,code,kbd,samp{font-family: inherit;}
q:before,q:after{content: none;}
textarea{overflow: auto; resize: none;}
label,summary{cursor: default;}
a,button{cursor: pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight: bold;}
ins,u,s,a,a:hover{text-decoration: none;}
body,textarea,input,button,select,keygen,legend{font-family: "微软雅黑"; font-size: 16px; color: #454545; outline: 0;}
a{color: #3d3d3d; border: none; text-decoration: none; outline: none; hide-focus: expression(this.hideFocus=true);}
a:hover{text-decoration: none; color: #b90609;}
a:focus{text-decoration: none; outline: 0; -moz-outline-style: none; color: #b90609;}
img{border: 0 none; width: auto\9; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic;}
button,input,select,textarea{font-size: 100%; font-family: tahoma; margin: 0; outline: 0 none; vertical-align: baseline; _overflow: visible; *vertical-align: middle; *overflow: visible;}

/*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-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-wd100{width: 100%;}
.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-mlrf5{margin: 0 -5px;}
.f-mlrf7{margin: 0 -7px;}
.f-mlrf10{margin: 0 -10px;}
.f-mlrf15{margin: 0 -15px;}
.f-mlrf20{margin: 0 -20px;}
.f-plr5{padding: 0 5px;}
.f-plr7{padding: 0 7px;}
.f-plr10{padding: 0 10px;}
.f-plr15{padding: 0 15px;}
.f-plr20{padding: 0 20px;}
.f-mb5{margin-bottom: 5px;}
.f-mb10{margin-bottom: 10px;}
.f-mb15{margin-bottom: 15px;}
.f-mb20{margin-bottom: 20px;}
.f-nbg{background: none!important;}
.f-nbd{border: none;}

.f-mt20{margin-top: 20px;}
.f-mt50{margin-top: 50px;}
.f-mlrf30{margin: 0 -30px;}
.f-plr30{padding: 0 30px;}
/*module*/
.m-newstyle1 .u-toptit a{display: block; margin-top: 8px;line-height: 48px;font-size: 22px;color: #b90609;}
.m-newstyle1 .bor{padding: 5px 10px 0 2px; border: 1px solid #ddd;height: 268px;overflow: hidden;}
.m-newstyle1 .u-tit{left: 2px;top: 10px;width: 96px;}
.m-newstyle1 .u-tit ul li{float: left;margin-bottom: 4px; width: 100%; line-height: 40px;background: #f2f2f2;text-align: center;font-weight: bold;}
.m-newstyle1 .u-tit ul .u-active{background: #b90609;}
.m-newstyle1 .u-tit ul .u-active a{color: #fff;}
.m-newstyle1 .u-list{padding-left: 114px;}
.m-newstyle1 .u-list ul li{padding-left: 13px;background: url(../images/public/icon-li1.png) left center no-repeat; line-height: 36px;font-size: 15px;}
.m-newstyle1 .u-list ul li p {overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-newstyle1 .u-list ul li span{float: right; padding-left: 10px;padding-right: 5px; color: #666;}

.m-newstyle1.m-style2 .u-tit ul li{width: 125px;}
.m-newstyle1.m-style2 .u-list{padding-left: 146px;}

.m-stylelist .u-tit .sty1 a{display: block; color: #333; font-size: 20px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-stylelist .u-tit .sty1 a:hover{color: #dc0e0b;}
.m-stylelist .u-tit .sty1 p{margin: 15px 0; color: #999; font-size: 14px; line-height: 24px; text-indent: 2rem; height: 72px; overflow: hidden;}

.m-stylelist .u-list{line-height: 40px; overflow: hidden;}
.m-stylelist .u-list a{padding-left: 13px; color: #3d3d3d; font-size: 18px; overflow: hidden; background: url(../images/public/icon-li.png) left center no-repeat; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-stylelist .u-list a:hover{color: #dc0e0b;}
.m-stylelist .u-list ul li>span{color: #b2b2b2;}
.m-stylelist .u-list a span{color: #e50000;}


/***css滚动条**/
/*.m-scroll{height: 490px;overflow: auto;}*/
.base-scroll::-webkit-scrollbar-track-piece {
    background-color: #f5f5f5;
    -webkit-border-radius: 0
}

.base-scroll::-webkit-scrollbar {
    width: 8px;
    height: 10px;
}

.base-scroll::-webkit-scrollbar-thumb {
    height: 50px;
    background-color:  #4988bb;
    -webkit-border-radius: 6px;
    outline: 2px solid #fff;
    outline-offset: -2px;
    border: 2px solid #fff;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5
}

.base-scroll::-webkit-scrollbar-thumb:hover {
    height: 50px;
    background-color:  #4988bb;
    -webkit-border-radius: 6px
}
/*header*/
.m-top{background: #f5f5f5;}
.g-top{height: 40px; line-height: 40px;}
.g-top,.g-top a{font-size: 14px; color: #999;}
.g-top .u-link li{float: left; margin: 0 3px 0 7px;}
.g-top .u-link li a{display: block; padding-left: 22px; background-image: url(../images/public/icon-sjlink.png); background-repeat: no-repeat;}
.g-top .u-link li.u-lk1 a{background-position: 0 0;}
.g-top .u-link li.u-lk2 a{background-position: 0 -40px;}
.g-top .u-link li.u-lk3 a{background-position: 0 -80px;}
.g-top .u-funs li{float: left; margin-left: 8px;}
.g-top .u-funs li a{display: block; padding-left: 9px; background: url(../images/public/bg-funline.png) left center no-repeat;}

.m-ban{height: 494px; background: url(../images/public/bg-headerbg.jpg) center top no-repeat;}
.m-ban img{margin-top: 23px;}
.m-ban .u-back{display: block; margin-top: 25px; width: 118px; line-height: 45px; border-radius: 50px; color: #fff; font-size: 18px; text-align: center; background: rgba(0, 0, 0, .38);}
.m-ban .m-tpsearch{margin: 315px auto 0; text-align: center; width: 700px; height: 55px; }
.m-ban .u-tpsearchtext{display: inline-block; padding: 0 95px 0 20px; border-radius: 5px; height: 55px; color: #888; font-size: 16px;}
.m-ban .u-searchbtn{right: 0; top: 0; width: 72px; height: 55px; border: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color: #fff;background: url(../images/public/bg-search.png) #ff7e00 17px center no-repeat;}

/*footer*/
.is-footer{margin-top: 50px; padding: 14px 0 25px; position: relative; height: 158px; border-top: 8px solid #0e44b0;}
.m-footerfun{padding: 10px 0;}
.is-footer p{line-height: 24px; text-align: center;}
.is-footer p,.is-footer p a,.m-footerfun,.m-footerfun a{color: #666; font-size: 14px; text-align: center;}
.is-footer p img{vertical-align: middle;}
#_ideConac{position: absolute; left: 10px; top: 44px;}
#_span_jiucuo{position: absolute; right: 10px; top: 48px;}
.u-slhwza img {width: 120px;}
.u-slhwza{top: 55px;left: 90px;}

/*toolbar*/


/*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: #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: #b90609; border: 1px solid #b90609; color: #fff;}
.m-pagination li.page-info a,.m-pagination li.page-info a:hover{border: 1px solid #ccc; cursor: default; color: #666; background: #fff;}
.m-pagination li.disabled a,.m-pagination li.disabled a:hover{background: #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: #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;}


/*media query*/
/*large pcScreen*/
@media (min-width:1200px) {
    .container{padding: 0; width: 1200px;}

}
/*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;}

	.g-nav .u-yjli{width: 150px;}
	.g-nav .u-yjli a{padding: 0;}
	.g-nav .u-yjli:hover a,.g-nav .u-yjli.u-active a ,.g-nav .u-yjli a,.g-nav .u-yjli a{background: none !important;}
}
/*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;}

	.f-md-mt15{margin-top: 15px!important;}

	.m-search{margin-top: 335px;}

	.m-nav .u-webhome{line-height: 50px;}
	.g-nav .u-yjli{width: 120px;}
	.g-nav .u-yjli{line-height: 50px;}
	.g-nav .u-yjli a{padding: 0 6px; font-size: 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;}

	.g-nav .u-yjli{float: none; padding: 0; width: 100%; line-height: 32px;}
    .g-nav .u-yjli a{padding: 0 15px; font-size: 16px;}

	.m-ban{height: 206px;}
	.m-ban img{margin-top: 10px; width: 200px;}
	.m-ban{background-size: 740px;}
	.m-ban .m-tpsearch{width: 100%; margin-top: 129px; height: 45px;}
	.m-ban .u-tpsearchtext{height: 45px;}
	.m-ban .u-searchbtn{height: 45px;}
  .m-ban .u-back{margin-top:0;width:90px;font-size:14px;line-height: 32px;}

}
@media screen and (min-width: 638px) {
	/* .is-header .g-top{width: 100%; position: absolute;} */
}
/*small xs*/
@media screen and (max-width: 638px) {
	body{font-size: 14px;}

	.is-header .ban{background-size: 1100px;height: 260px;}
	.is-header .m-groceries:last-child{float: left;}

	.m-search{margin-top: 180px;width: 95%;}
}

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