@charset "utf-8";
/* CSS Document */
/*
 * @description: 网站公共样式
 * @author: ishang_pan
 * @update: ishang_pan (2019-10-24 17:53)
 */

/*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: url(../images/public/bg-body.png) #e9f6fc center top no-repeat;}
input,textarea,select,button,label{vertical-align: middle; 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: #08539f; text-decoration: none;}
a img{border:none;}
h1,h2,h3{font-weight: normal;}

/*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-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.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-mlr10{margin: 0 10px;}
.f-mlr15{margin: 0 15px;}
.f-mlr20{margin: 0 20px;}
.f-mlrf7{margin: 0 -5px;}
.f-mlrf10{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-mb0{margin-bottom: 0!important;}
.f-mb5{margin-bottom: 5px;}
.f-mb10{margin-bottom: 10px;}
.f-mb15{margin-bottom: 15px;}
.f-mb20{margin-bottom: 20px;}
.f-mb30{margin-bottom: 30px;}
.f-ml5{margin-left: 5px;}
.f-ml10{margin-left: 10px;}
.f-ml15{margin-left: 15px;}
.f-ml20{margin-left: 20px;}
.f-nbg{background: none!important;}
.f-nbd{border: none!important;}
.f-wd100{width: 100%!important;}

/*module*/
.m-tabstyle1{    padding-bottom: 13px;border-bottom: 1px solid #dddddd;}
.m-tabstyle1 li{float: left;width: 20%;}
.m-tabstyle1 li:not(:last-child){background:url(../images/home/bg-line.png) right center no-repeat;}
.m-tabstyle1 li a{display: block;font-size: 20px;text-align: center;}
.m-tabstyle1 li.u-active a,.m-tabstyle1 li:hover a{color: #08539f;font-weight: bold;}

.m-tabstyle2{margin: 0 -5px;}
.m-tabstyle2 li{float: left;height: 34px;line-height: 34px;padding: 0 5px;margin-bottom: 5px;}
.m-tabstyle2 li a{display: block;font-size: 16px;color: #333333;background-color: #f5f5f5;padding: 0 10px;border-radius: 5px;}
.m-tabstyle2 li:hover a,.m-tabstyle2 li.u-active a{color:#fff;background-color: #08539f;}

.m-titstyle1{display: block;font-size: 0;background: url(../images/home/bg-dbline.png) center repeat-x;    text-align: center;padding: 10px;margin-bottom: 10px;}
.m-titstyle1 a{color: #08539f;font-size: 24px;font-weight: bold;padding: 0 12px;background: #fff;}


.m-liststyle1 li{height: 40px; line-height: 40px;}
.m-liststyle1 li span{float: right; padding-left: 10px; font-size: 16px; color: #999999;}
.m-liststyle1 li a{display: block; padding-left: 14px;font-size: 16px; background: url(../images/public/icon-li1.png) left center no-repeat; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

/*header*/
.m-hmtop{padding: 6px 0; background: #f8f8f8;}
.g-hmtop{height: 36px;}
.u-master img{display: block; height: 36px;}
.m-search{margin: 2px 0 0 0; height: 32px;}
.u-searchtext{padding: 0 8px 0 60px;     width: 250px;height: 32px;line-height: 32px;border: 1px solid #08539f;}
.u-searchbtn{width: 48px; height: 32px; border: none; cursor: pointer; background: url(../images/public/icon-searchbtn.png) #08539f center no-repeat;}
.m-search a{width: 74px; height: 32px; line-height: 32px; background: #ff862d; color: #fff;}
.u-searchtit{left: 0; top: 0; width: 50px; height: 32px;}
.u-searchtit input{display: block; padding: 0 6px; width: 41px; height: 32px; line-height: 32px; background: none; border: none; outline: none; color: #8b91a0;}
.u-searchtit span{position: absolute; right: 0; top: 0; display: block; width: 12px; height: 32px; background: url(../images/public/icon-searchqh.png) center no-repeat; cursor: pointer;}
.u-tpfuns li{float: left; margin-left: 8px; line-height: 36px;}
.u-tpfuns li a{display: block; padding-left: 9px; background: url(../images/public/bg-tpline.png) left center no-repeat;}
.unifyUser{padding-left: 15px;}

.m-banner {background:url(../images/public/bg-banner.png) top center no-repeat;height: 190px;}
.m-banner ul{margin:15px 0;}
.m-banner ul li{float: left;}
.m-banner ul li a{color: #08539f;font-size: 14px;}
.m-banner ul li a span{margin: 0 8px 2px;    vertical-align: middle;background:url(../images/public/bg-line.png) center center no-repeat;display: inline-block;width: 2px;height: 15px;}
.m-banner img{display: block;max-width: 100%;margin: 52px 0 62px;}


.m-navbox{background:#08539f;}
.m-navbox .u-webhome{padding: 0 15px; line-height: 55px; font-size: 18px; font-weight: bold; color: #fff;}
.m-navbox .navbar-collapse{padding: 0;}
.m-navbox button{background: #fff;}
.m-nav{line-height: 60px;}
.m-nav ul li{float: left;width: 16.66%;}
.m-nav ul li a{display: block;    height: 60px; line-height: 60px;font-size: 20px;color: #ffffff;text-align: center;font-weight: bold; }
.m-nav ul li a i{    font-size: 26px; display: inline-block;    margin-right: 10px;vertical-align: middle;margin-bottom: 5px;}
.m-nav ul li a br{display: none;}
.m-nav ul li.u-active a{color: #ffe400;}
.m-nav ul li:hover a{color: #ffe400;}


/*footer*/
.m-friendlink{margin-top:10px;padding:15px 0;width: 100%;background: #fff;border-bottom: 2px solid #08539f;}
.m-friendlink h3{float:left;height:30px;line-height:30px;font-size: 20px;font-weight: bold;color: #08539f;}
.m-friendlink .hd{overflow: hidden;}
.m-friendlink .hd li{float:left;    font-size: 16px;margin-left: 50px;padding-right:10px;height:30px;line-height:30px;padding-left:12px;cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m-friendlink .hd li.on{color:#08539f;}
.m-friendlink .bd{margin:0 auto;overflow: hidden;}
.m-friendlink .bd li{float: left;height: 35px;line-height: 35px;width: 16%;margin: 0 2%;background: url(../images/public/icon-li1.png) left center no-repeat;}
.m-friendlink .bd li a{display:block;padding-left:12px;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m-friendlink .bd div{display: none;padding: 10px;margin-top:20px;border-top: 1px dashed #ddd;overflow: hidden;}
.m-friendlink .bd div.active { display: block; }

.m-footer{padding: 20px 20px 15px;text-align: center;background:#FFF;position: relative;}
.m-footer div{margin-bottom: 10px;color: #999;}
.m-footer div a{padding: 0 5px;color: #333}
.m-footer p{line-height: 30px;font-size: 14px;text-align:center;color: #333}
.m-footer a{font-size: 14px;color: #333}
.m-footer img{vertical-align:middle;}
#_span_jiucuo{position:absolute;right: 16px;top: 36px;}
#_ideConac{position:absolute;left: 32px;top: 22px;}
 #cnzz_stat_icon_1261721346{position: absolute; bottom: 21px; left: 50%;margin-left: 260px;}


/*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; cursor: pointer;}
.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: #08539f; border: 1px solid #08539f; 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;}
@media (min-width: 1200px){
   .container{width: 1200px;padding: 0;} 
}
@media (max-width: 1199px){
    .g-hmtop .u-master{float: none;}
    .u-master img{margin: 10px auto;}
    .g-hmtop{height: auto;}

    .m-tabstyle1 li a{font-size: 16px;}
}
@media (max-width: 991px){
    .f-md-mb10{margin-bottom: 10px;}

    .m-groceries{    float: none; margin: 0 auto;width: 382px;}

    .m-nav ul li a{font-size: 17px;}
    

}
@media (max-width: 768px){
    .m-tabstyle1{padding-bottom: 8px;}
    .m-liststyle1 li{height: 32px;line-height: 32px;}

	.m-groceries,.u-searchtext{width: 100%;}
    .m-search{width: 100%}
    .u-searchbtn{    float: none; position: absolute; right: 0;top: 0;}
    .m-nav ul li{width: 100% !important ; }
    .m-nav ul li a{    display: block; height: 50px;line-height: 50px;font-size: 18px;color: #ffffff;text-align: center; font-weight: bold;}

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