body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,fieldset,legend,input,select,textarea,button,th,td,img{margin:0;padding:0;}
body{box-sizing:border-box;color:#333;font:12px; "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;background:#f5f5f5;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
ul,dl,ol{list-style:none;}
img,fieldset{border:none;}
i,em{font-style:normal;}
img{vertical-align:top;max-width: 100%;height: auto;}
p{word-break:break-all;word-wrap:break-word;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#ccc;}
input:-moz-placeholder, textarea:-moz-placeholder{color:#ccc;}
input::-moz-placeholder, textarea::-moz-placeholder{color:#ccc;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#ccc;}

a{color:#333;text-decoration:none;}

/*padding*/
.padding-df{padding:15px}
.padding-xs{padding:5px}
.padding-sm{padding:10px}
.padding-lg{padding:20px}
.padding-xl{padding:30px}
.padding-xxl{padding:40px}
.padding-top-df{padding-top:10px}
.padding-top-xs{padding-top:5px}
.padding-top-sm{padding-top:10px}
.padding-top-lg{padding-top:20px}
.padding-top-xl{padding-top:30px}
.padding-top-xxl{padding-top:40px}
.padding-bottom-df{padding-bottom:15px}
.padding-bottom-xs{padding-bottom:5px}
.padding-bottom-sm{padding-bottom:10px}
.padding-bottom-lg{padding-bottom:20px}
.padding-bottom-xl{padding-bottom:30px}
.padding-bottom-xxl{padding-bottom:40px}
.padding-left-df{padding-left:15px}
.padding-left-xs{padding-left:5px}
.padding-left-sm{padding-left:10px}
.padding-left-lg{padding-left:20px}
.padding-left-xl{padding-left:30px}
.padding-left-xxl{padding-left:40px}
.padding-right-df{padding-right:15px}
.padding-right-xs{padding-right:5px}
.padding-right-sm{padding-right:10px}
.padding-right-lg{padding-right:20px}
.padding-right-xl{padding-right:30px}
.padding-right-xxl{padding-right:40px}
.padding-tb-df{padding-top:15px;padding-bottom:15px;}
.padding-tb-xs{padding-top:5px;padding-bottom:5px;}
.padding-tb-sm{padding-top:10px;padding-bottom:10px;}
.padding-tb-lg{padding-top:20px;padding-bottom:20px;}
.padding-tb-xl{padding-top:30px;padding-bottom:30px;}
.padding-tb-xxl{padding-top:40px;padding-bottom:40px;}
.padding-lr-df{padding-left:15px;padding-right:15px;}
.padding-lr-xs{padding-left:5px;padding-right:5px;}
.padding-lr-sm{padding-left:10px;padding-right:10px;}
.padding-lr-lg{padding-left:20px;padding-right:20px;}
.padding-lr-xl{padding-left:30px;padding-right:30px;}
.padding-lr-xxl{padding-left:40px;padding-right:40px;}
/*margin*/
.margin-df{margin:15px}
.margin-xs{margin:5px}
.margin-sm{margin:10px}
.margin-lg{margin:20px}
.margin-xl{margin:30px}
.margin-xxl{margin:40px}
.margin-top-df{margin-top:10px}
.margin-top-xs{margin-top:5px}
.margin-top-sm{margin-top:10px}
.margin-top-lg{margin-top:20px}
.margin-top-xl{margin-top:30px}
.margin-top-xxl{margin-top:40px}
.margin-bottom-df{margin-bottom:15px}
.margin-bottom-xs{margin-bottom:5px}
.margin-bottom-sm{margin-bottom:10px}
.margin-bottom-lg{margin-bottom:20px}
.margin-bottom-xl{margin-bottom:30px}
.margin-bottom-xxl{margin-bottom:40px}
.margin-left-df{margin-left:15px}
.margin-left-xs{margin-left:5px}
.margin-left-xs-i{margin-left:5px !important}
.margin-left-sm{margin-left:10px}
.margin-left-lg{margin-left:20px}
.margin-left-xl{margin-left:30px}
.margin-left-xxl{margin-left:40px}
.margin-right-df{margin-right:15px}
.margin-right-xs{margin-right:5px}
.margin-right-sm{margin-right:10px}
.margin-right-lg{margin-right:20px}
.margin-right-xl{margin-right:30px}
.margin-right-xxl{margin-right:40px}
.margin-tb-df{margin-top:15px;margin-bottom:15px;}
.margin-tb-xs{margin-top:5px;margin-bottom:5px;}
.margin-tb-sm{margin-top:10px;margin-bottom:10px;}
.margin-tb-lg{margin-top:20px;margin-bottom:20px;}
.margin-tb-xl{margin-top:30px;margin-bottom:30px;}
.margin-tb-xxl{margin-top:40px;margin-bottom:40px;}
.margin-lr-df{margin-left:15px;margin-right:15px;}
.margin-lr-xs{margin-left:5px;margin-right:5px;}
.margin-lr-sm{margin-left:10px;margin-right:10px;}
.margin-lr-lg{margin-left:20px;margin-right:20px;}
.margin-lr-xl{margin-left:30px;margin-right:30px;}
.margin-lr-xxl{margin-left:40px;margin-right:40px;}
/*size*/
.text-df{font-size: 14px;}
.text-xs{font-size: 10px;}
.text-sm{font-size: 12px;}
.text-lg{font-size: 16px;}
.text-xl{font-size: 18px;}
.text-xxl{font-size: 20px;}

.text-downline{ text-decoration:underline;}
/*common*/
.vs{color:#fff;margin:0 10px;font-family:arial;} /* 垂直分隔线 */
.hr{height:1px;margin:30px 0;background:#fff;overflow:hidden;} /* 水平分隔线 */
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.fl{float:left;}
.fr{float:right;}
.color-wihte{ color:#fff;}
a.color-wihte:hover{ color:#fff;}
.color-orange{ color:#ff7d0b;}
a.color-orange:hover{ color:#ff7d0b;}
.color-red{ color:#f33732;}
a.color-red:hover{ color:#f33732;}
.color-green{ color:#00aa00;}
a.color-green:hover{ color:#00aa00;}
.color-blue{ color: #5e94be;}
a.color-blue:hover{ color:#5e94be;}

.color-blue_2{ color: #409EFF;}
a.color-blue_2:hover{ color:#409EFF;}

.color-333{ color:#333;}
.color-666{ color:#666;}
.color-999{ color:#999;}
.ptr{ position: relative;}
.pta{ position: absolute;}
.bg-red{ background-color: #f33732;}
.bg-blue{ background-color: #409EFF;}
.bg-change{ background-color: #f33732; background-image: linear-gradient(to right,#ff6933, #f33732);}
.bg-wihte{ background-color: #fff;}
.bg-gray{ background-color: #f5f5f5;}
.bg-yellow{background: #ffb914;}
.eilptwo{ overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.eilpthree{ overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.eilpfour{ overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.eilpsix{ overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;}
/*border*/
.border-bottom-df{border-bottom: 1px solid #ebebeb;}
.border-top-df{border-top: 1px solid #ebebeb;}
.border-radius-df{border-radius: 4px;overflow: hidden;}
.border-radius-half{border-radius: 50%;overflow: hidden;}
/* flex */
.flex{display: flex;}
.justify-start{justify-content: flex-start;}
.justify-end{justify-content: flex-end;}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between;}
.align-center{align-items: center;}
.align-start{align-items: flex-start;}
.align-end{align-items: flex-end;}
.align-baseline{ align-items: baseline;}
.flex-direction{ flex-direction: column;}
.flex-wrap{ flex-wrap: wrap;}
.flex-center{display: flex; justify-content: center; align-items: center;}
.flex-one{ flex: 1;}



/*icon*/
.btnIcon{ width: 20px; height: 20px;}
.subIcon{ width: 30px; height: 30px;}
.seeIcon{ width: 32px; height: 32px;}
.icon-notice-red{ background: url(../img/icon/icon-notice-red.png) center center; background-size: 24px; background-repeat: no-repeat;}
.icon-hot-red{ background: url(../img/icon/icon-hot-red.png) center center; background-size: 24px; background-repeat: no-repeat;}
.icon-worker{ background: url(../img/icon/icon-worker.png) center center; background-size: 26px; background-repeat: no-repeat;}
.icon-share {background: url(../img/icon/icon-share.png) center center; background-size: 20px; background-repeat: no-repeat;}
.icon-search {background: url(../img/icon/icon-search.png) center center; background-size: 16px; background-repeat: no-repeat;}
.icon-reply {background: url(../img/icon/icon-reply.png) center center; background-size: 20px; background-repeat: no-repeat;}
.icon-address {background: url(../img/icon/icon-address.png) center center; background-size: 20px; background-repeat: no-repeat;}
.icon-call {background: url(../img/icon/icon-call.png) center center; background-size: 20px; background-repeat: no-repeat;}
.icon-bear {background: url(../img/icon/icon-bear.png) center center; background-size: 20px; background-repeat: no-repeat;}
.icon-pick {background: url(../img/icon/icon-pick.png) center center; background-size: 24px; background-repeat: no-repeat;}
.icon-service {background: url(../img/icon/icon-service.png) center center; background-size: 22px; background-repeat: no-repeat;}
.icon-notice{background: url(../img/icon/icon-notice.png) center center; background-size: 20px; background-repeat: no-repeat;}
.icon-hot {background: url(../img/icon/icon-hot.png) center center; background-size: 24px; background-repeat: no-repeat;}
.icon-info {background: url(../img/icon/icon-info.png) center center; background-size: 20px; background-repeat: no-repeat;}
.icon-tao {background: url(../img/icon/icon-tao.png) center center; background-size: 20px; background-repeat: no-repeat;}
.icon-soho {background: url(../img/icon/icon-soho.png) center center; background-size: 20px; background-repeat: no-repeat;}
.icon-money {background: url(../img/icon/icon-money.png) center center; background-size: 20px; background-repeat: no-repeat;}
.icon-door {background: url(../img/icon/icon-door.png) center center; background-size: 20px; background-repeat: no-repeat;}
.icon-username {background: url(../img/icon/icon-user.png) center center; background-size: 30px; background-repeat: no-repeat;}
.icon-password {background: url(../img/icon/icon-password.png) center center; background-size: 30px; background-repeat: no-repeat;}
.icon-address-url {background: url(../img/icon/icon-address-url.png?t=1) center center; background-size: 20px; background-repeat: no-repeat;padding: 0 10px;}


/*css3效果*/

/* 头部 */
.header{ height: 45px;}
.header-fix{position: fixed; top: 0; height: 45px; z-index: 999;}
.header-home{ width: 20px; height: 20px;}
.photo-user{ width: 28px; height: 28px;}
.photo-user-border{ border: 2px solid rgba(250,250,250,.2);}
.hi100{height: 100% !important;}

/*search*/
.search{ height: 50px; line-height: 30px;}
.search-btn{left: 10px; top: 10px; width: 30px; height: 30px; z-index: 2;}
.search-btn-button{ border: none;}
.search-text{ height: 30px;}
.search-text-input{ height: 30px; background: #f5f5f5; border: none;}


/*content*/
.img-width{ width: 60px; height: 60px; display: flex; overflow: hidden;}
.shop-width{ width: 80px; height: 80px; display: flex; overflow: hidden;}
.shop-width img{    object-fit: cover;
    width: 100%;
    height: 80px;}
.img-show{ max-width: calc(100% - 100px);}
.center-content{ width: calc(100% - 100px);}
.ts-label>span{margin-right: 10px;}
.other-label>span{ padding-right: 8px; margin-right: 8px; border-right: 1px solid #ccc;}
.other-label>span:last-child{ margin-right: 0; padding-right: 0; border-right: none;}

.other-label a{padding: 0 8px;border-right: 1px solid #ccc;}
.other-label a:last-child{ border-right: none;}

.common-float{ top: 5px; left: 5px;}
.common-slide{ width: calc(100% - 40px);}
.notice-swiper{ height: 25px; overflow: hidden; margin: 0;}
.notice-swiper ul li a{ line-height: 25px;}
.nav-img{ height: 45px; width: 45px; border-radius: 50%; display: block; overflow: hidden;}
.nav-bg-pink{ background-color: #fe7b74; background-image: linear-gradient(#fe7b74, #ff5b53); box-shadow: 0 3px 5px rgba(255,83,75,.26);}
.nav-bg-purple{ background-color: #ca4efe; background-image: linear-gradient(#ca4efe, #9446fc); box-shadow: 0 3px 5px rgba(137,61,252,.26);}
.nav-bg-orange{ background-color: #ffbe39; background-image: linear-gradient(#ffbe39, #ff8e0d); box-shadow: 0 3px 5px rgba(255,142,13,.26);}

.ts-title{ height: 40px; line-height: 40px;}
.ts-title ul li{position: relative; text-align: center; width: auto;font-size: 16px;}
.ts-title.sf ul li{font-size: 14px;}
.ts-title.ts-title_2 ul li.on{ color: #409EFF !important;}
.ts-title.ts-title_2 ul li.on:after{background: #409EFF !important;}
.ts-title ul li.on{ color: #f33737;}
.ts-title ul li.on:after{content: ''; position: absolute; bottom: 0; width: 30px; height: 2px; background: #f33737; left: 50%; margin-left: -15px;}
.ts-list-btn ul li{ width: auto; background: #fff;padding: 5px 18px;}
.ts-list-btn ul li.bg-gray{ background: #f5f5f5; min-width: 10px; text-align: center;}
.ts-list-btn ul li.active{background-color: #f33732; background-image: linear-gradient(to right,#ff6933, #f33732); color: #fff;}

.details{ line-height: 24px;overflow: hidden;}
.btn-width-df{ width: 75px;}
.input-width{ width: calc(100% - 123px);}
.input-width input{ border-radius: 28px; border:none; background: #f5f5f5;}
.publish>ul>li:last-child>div{ border-bottom: 1px solid #ebebeb;}

.an-details{overflow: hidden;position: relative;}
.an-details:before{content: '';position: absolute;bottom: -5px; left: 0; width: 100%; height: 10px; background: #fff; box-shadow: 0 -5px 10px rgba(250,250,250,1); z-index: 999;}
                    

.lot-width{ width: 70px;}
.slide-lh{ line-height: 32px;}
.hide{ display: none;}
.btnSeeText{ border: 1px solid #ebebeb; height: 26px; width: 150px; padding:5px 0;}
.box-company{ box-shadow: 0px 0px 6px rgba(0,0,0,.2); border-radius: 10px;}
.search-button{height: 30px;line-height: 30px;border: none;}

iframe{width: 100%;}

/*指定高度*/
.specify-height-one{ height: calc(100vh - 160px); overflow-y: auto;}
.specify-height-two{ height: calc(100vh - 95px); overflow-y: auto;}
.specify-height-three{ height: calc(100vh - 210px); overflow-y: auto;}

/*瀑布流*/
.box ul{ position: relative; overflow-y: auto;}
.box-home-height ul{ max-height: 100vh;min-height: 50vh;}
.box-all-height ul{ height: calc(100vh - 157px);max-height: calc(100vh - 45px);}
.box ul li{ position: absolute;}
.box ul .layui-flow-more{position: fixed; width: 100px; bottom:-40px;}
/*视频跳转按钮*/
.btn-video{ position: relative;}
.btn-video:before,.btn-video:after{position: absolute;content: '';}
.btn-video:before{background-color: rgba(0,0,0,.2); height: 100%; width: 100%;z-index: 1;}
.btn-video:after{ z-index: 2;background: url(../img/icon/icon-play.png) center center; background-size: cover; background-repeat: no-repeat; width: 40px; height: 40px; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px;}

.vid-wrap{width:100%;background: #000;position:relative;height: auto;}
.vid-wrap video{width: 100%;}

/*图片查看*/
.pic-flow  ul{ width: 100%}
.pic-flow  ul li{ width: calc(100%/3 - 2px); height: 85px; margin: 1px;}
.pic-flow  ul li img{object-fit: cover;width: 100%;height: 85px;}

.shopSlide ul li{ width: 100px; height: 75px;}
.shopSlide ul li img{object-fit: cover;width: 100%;height: 75px;}

/*放大*/
.big_img{position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,0.9);width: 100%;height: 100%;top:0;left:0;}
.big_img .swiper-container2 {position: relative;width: 100%;height: 100%;}
.big_img .swiper-container2  .swiper-wrapper{width: 100%;height: 100%;}
.big_img .swiper-slide{width: 100%;height: 100%;display: table}
.big_img .swiper-slide .cell{width: 100%;;height: 100%;display: table-cell;vertical-align: middle;text-align: center;}
.big_img .swiper-slide img{max-width: 100%;max-height: 100%;margin:0 auto;width: 100%;}
.big_img .swiper-pagination2{position: absolute; top:0.2rem;text-align: center;width: 100%;}
.big_img .swiper-pagination2 span{margin:0 0.05rem;}

/*分页*/
.listPage{ margin: 25px 0;}

/*footer*/
.footer { position: absolute; bottom: 0; box-sizing: border-box; line-height:20px;}


/*表单*/
.btnSubmit{ height: 38px; line-height: 38px; border: none; border-radius: 38px; margin: 0 auto; width: 120px; cursor: pointer;}

/*login*/
.input-bar{ line-height: 50px;}
.input-bar-label{ left: 10px; height: 50px; z-index: 1;}
.input-bar .layui-input{border:none; border-bottom: 1px solid #f0f0f0; padding-left: 75px; line-height: 50px; height: 50px;}
.input-bar .layui-input.layui-form-danger{ border-bottom: 1px solid #f93935;}
.subcode{ height: 50px; right: 10px;}
.getCode{ height: 50px; line-height: 50px; border:none; background: none; color: #f93935;width:100%}
.btnBox{ height: 45px; line-height: 45px; border-radius: 45px; border: none; text-align: center;cursor: pointer;}

.line-title{position: relative; height: 30px; line-height: 30px;}
.line-title:after{ content:''; position: absolute; width: 100%; height: 1px; background: #ebebeb; top: 50%; left: 0; z-index: -1;}
.other-pic{ width: 40px; height: 40px;}

/*后台login-reg*/
.login{ max-width: 820px;}
.subIcon{z-index: 9; left: 10px; top: 10px;}
.substr{ height: 50px; line-height: 50px;border-radius: 50px;}
.substr-left{ padding-left:50px;}
.login .imgCode{cursor:pointer;right:1px; top: 1px; width: 135px; height: 48px; border-top-right-radius: 48px; border-bottom-right-radius: 48px; overflow: hidden;}

/*swiper*/
.swiper-pagination-bullet { opacity: 1 !important; border:none; background: rgba(250,250,250,.4) !important;}
.swiper-pagination-bullet-active{ background: rgba(250,250,250,1) !important;}

.layui-m-layer-nobg{
    background-color:rgba(0,0,0,0)!important;
    position: absolute;
    top:0px;
    right: 0px;
    box-shadow: none !important;
}
#address_name_jl{
     margin-left: 5px;
}
.dt .layui-elip{
        font-weight: 600;
}
.comment_list_ul li .layui-col-xs12 span.color-blue{position: relative;}
.comment_list_ul li .layui-col-xs12 span.border-radius-df{    color: #ff5433;
    background-color: transparent;
    position: absolute;
    width: 2em;
    top: 0;
    padding: 0;
    font-size: 6px;}
    
.h_title{font-size: 18px;
    color: #5c6882;
    font-weight: initial;
}