﻿@charset "utf-8";
/* CSS Document */

*{ margin:0;padding:0}
ul,ol,li{ list-style:none}
img,input,select{ vertical-align:middle}
input[type=button],input[type=submit]{-webkit-appearance:none;}
table{ border-collapse:collapse;border-spacing:0;font-size: 1.3rem;}
a{text-decoration:none}

/*调整jquery mobile自带入样式*/
.ui-body-d, .ui-overlay-d{ background:#f5f5f5}
.ui-body-c .ui-link{ color:#666; font-weight:normal}
/*调整jquery mobile自带入样式*/

body{ font-size:1.4rem; line-height:1.5; font-family:Helvetica,Arial,sans-serif; color:#666; background:#f5f5f5; overflow-x:hidden;max-width:750px;margin:0 auto;}
a{ color:#666}

h1,h2,h3,h4,h5,h6{ font-weight:normal; color:#333}

input,select,textarea{ font-family:inherit; font-size:inherit; line-height:inherit; color:inherit; outline: none;}
select,textarea{ border:1px solid #ddd}
input[type=text]{ background-color:#fff; background-repeat:no-repeat; outline: none;}



/*=========通用类==========*/
.mask-layer{ z-index:99; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9)}
.pop-layer{ z-index:101;}
.p-fix{ position:fixed}
.p-rel{position: relative}
.p-abs{ position:absolute}
.flo-l{ float:left}
.flo-r{ float:right}
.clearfix:before,.clearfix:after{ content:""; display:table}
.clearfix:before,.clearfix:after{ clear:both}
.t-ctr{ text-align:center}
.t-rht{ text-align:right}
.bg-fff{ background:#fff}
.divider{ height:1rem; clear:both; display:block}
.divider2{ height:2rem; clear:both; display:block}


/*字体颜色*/
.c-333{ color:#333!important;}
.c-666{ color:#666!important;}
.c-999{ color:#999!important;}
.c-aaa{ color:#aaa!important;}
.c-c7{ color:#c7c7c7}

.c-fff{ color:#fff}
.c-org{ color:#ff803b}
.c-blue{ color:#3197ff}
.a-blue{ color:#3197ff; text-decoration:underline}
/*字体颜色*/

.content{ padding:1rem 1.5rem;}
/*表格布局*/
.table{ width:100%; display:table}
.table-row{ display:table-row}
.table-cell{ display:table-cell; vertical-align:middle}
/*布局类*/
/*=========通用类==========*/


/*头部*/
.iconfont{ line-height:1; vertical-align:middle; cursor:pointer}
.header{ z-index:50; position:relative; padding:0.8rem 1.5rem; font-size:1.6rem; background:#fff; border-bottom:1px solid #eee; box-sizing:content-box;line-height: 2.7rem;text-align: center;}
.header.fixed{ position:fixed; left:0; top:0; right:0; background:#fff}
.header h1{ margin:0 2.5rem; font-size:1.8rem; height:2.7rem; text-align:center; vertical-align:middle; overflow:hidden;text-overflow:ellipsis;}
.header .left,.header .right{ position:absolute; display:inline-block}
.header h3{color:#000;}

.header .right.ui-link{ top:1rem; right:1.5rem; font-size:1.5rem; color:#333}
.header .i-back{ left:.7rem; top:0.875rem; font-size:2.66rem; color:#81838e}
.header .i-more{ right:1.19375rem; top:1rem; font-size:2.46rem; color:#81838e}
.header .right.i-search{right: 1.3rem;top: 1rem;font-size: 2.5rem;color: #81838e;}
.header .right.i-search2{right: 4rem;top: 1rem;font-size: 2.5rem;color: #81838e;}
.header .i-setUp{right:1.2rem;top:.8rem;font-size: 2.9rem;color:#81838e}
.header .i-home{ right:1rem; top:0.875rem; font-size:2.66rem; color:#81838e}
.header .i-sifting{ right:1.1rem; top:1rem; font-size:2.5rem; color:#81838e}
.header .i-kefu{right:4rem;top:1rem;font-size:2.6rem;color: #81838e;}
/*更多展开*/
.more-unfold-box{ position:absolute; top:2.7rem; right:-0.25rem; color:#fff; background:rgba(0,0,0,0.8); border-radius:.3rem;z-index:200;}
.more-unfold{ padding:0 0.5rem; font-family:华文细黑}
.more-i-sjx{ position:absolute; top:-0.45rem; right:.9rem; width:0; height:0; border-left:.5rem dashed transparent; border-right:.5rem dashed transparent; border-bottom:.5rem solid rgba(0,0,0,0.8);}
.more-unfold li{ padding:.9rem .9rem .9rem .7rem; font-size:1.6rem; color:#fff; border-bottom:1px solid #5a5a5a;  white-space:nowrap; cursor:pointer}
.more-unfold li:last-child{ border-bottom:0}
.more-unfold li a{ color:#fff; display:block;}
.more-i-my,.more-i-collect,.more-i-home,.more-i-share,.more-i-mess,.more-i-rec,.more-i-wealth,.more-i-plan{ margin-right:.7rem}
.more-i-my{ font-size:2rem;}
.more-i-collect{ font-size:2.05rem}
.more-i-home,.more-i-rec,.more-i-wealth,.more-i-plan{ font-size:2.05rem}
.more-i-share,.more-i-mess{ font-size:2rem}
.mess-big{width:.9rem;top:1.35rem;right:1.1rem;}
.mess-small{width:.7rem;top:.8rem;left:2.7rem;}
/*头部*/

/*banner*/
.banner{ position:relative}
.banner img{ width:100%}
.banner-tag{ position:absolute; top:1.7rem; left:1.5rem; padding:0.3rem 1.2rem; font-size:1.5rem; color:#fff; background:rgba(0,0,0,0.5); border-radius:2.9rem; display:inline-block}

/*分享弹框*/
.mask-layer.share-mask{ background:rgba(0,0,0,0.3)}
.share-layer{ z-index:112; position:fixed; bottom:0; left:0; width:100%; background:#fff}
.share-to{ padding:1rem 1.5rem; font-size:1.7rem; color:#999; border-bottom:1px solid #eee}
.share-close{ float:right; font-size:2rem; line-height:1.4; color:#ccc}
.share-way{ padding:1.5rem 0; text-align:center}
.share-way li{ float:left; width:25%}
.share-way img{ width:5.6rem}
.share-way p{ margin-top:.5rem; font-size:1.4rem; line-height:1.5}
/*分享弹框*/

/* 无产品显示 */
.no-box {
    padding-top: 10rem;
    text-align: center;
    color: #333;
}
.no-box img {
    width: 8.7rem;
    height: 8.7rem;
}
.no-box .no-text {
    padding: 1rem 0 6rem;
}
.no-box .no-link {
    color: #999;
}
.nocom-box {
    text-align: center;
    color: #333;
    padding-top: 10rem;
}
.nocom-box img {
    width: 8.2rem;
    height: 6.8rem;
    margin-bottom: 1rem;
}
/* fixed btn */
.fixed-kefu-box {
    width: 16.4%;
    border-right: 1px solid #eee;
}
.fixed-price-box {
    width: 26.4%;
    border-right: 1px solid #eee;
}
.fixed-share-box,
.fixed-addcar-box,
.fixed-consult-box {
    width: 26.4%;
}
.fixed-btn, .fixed-addbtn {
    height: 5rem;
    font-size: 1.5rem;
    line-height: 5rem;
    color: #fff;
    background: #ff6a00;
    display: block;
}
.yel-btn {
    background: #ffbe00;
    color: #fff;
}
.org-btn {
    background: #ff6a00;
    color: #fff;
}
.all-comment-btn {
    display: inline-block;
    padding: .5rem 2.15rem;
    color: #2871d5;
    border: 1px solid #2871d5;
    border-radius: .25rem;
    margin-bottom: 2rem;
}
.red-box {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 300;
    width: 100%;
}
.close-btn1 {
    top: 10.3rem;
    right: 3.7rem;
    width: 2.9rem;
}
.shade-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 200;
}
.fixed-tips {
    position: fixed;
    left: 0;
    top: 25%;
    padding: 1rem 3rem 1rem 1rem;
    background: rgba(0,0,0,0.5);
    color: #fff;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    z-index: 99999;
    cursor: pointer;
}






/* 搜索框 */

.inputwrap{
    padding:.2rem 0 0 3.4rem;
    line-height:3rem;
    border:none;
    background: #f1f2f6 url(https://images.zhongmin.cn/zhongmin_wap2017/common/images/search-icon.png) 1.2rem center no-repeat;
    font-size: 1.4rem;
    border-radius: .3rem;
    background-size: 1.4rem auto;
    color:#333;
 }
.alertWrapper {
    position: fixed;
    top: 30%;
    left: 5%;
    width: 90%;
    z-index: 1000;
    font-size: 0;
}
.alertWrapper .alert-box {
    background: #fff;
    border-top-right-radius: .5rem;
    border-top-left-radius: .5rem;
}
.alertWrapper .alert-box .alert-tit {
    padding: 2.5rem 0 0;
    line-height: 1.2;
    color: #333;
    font-size: 1.8rem;
    text-align: center;
}
.alertWrapper .alert-box .alert-text {
    padding: 3rem 2.5rem;
    color: #333;
    font-size: 1.5rem;
}
.alertWrapper .btn-group {
    background: #fff;
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
    border-top: 1px solid #e0e0e0;
}
.alertWrapper .btn-group .btn {
    display: inline-block;
    width: 50%;
    height: 5rem;
    line-height: 5rem;
    text-align: center;
    font-size: 1.7rem;
    color: #333;
}
.alertWrapper .btn-group .btn:first-child {
    border-bottom-left-radius: .5rem;
}
.alertWrapper .btn-group .btn:last-child {
    border-bottom-right-radius: .5rem;
}
.alertWrapper .btn-group .btn-org {
    background: #ff6a00;
    border-top: 1px solid #ff6a00;
    color: #fff;
}
.alertWrapper .btn-group .btn-block {
    display: block;
    height: 5rem;
    line-height: 5rem;
    text-align: center;
    font-size: 1.7rem;
    color: #fff;
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
}

.linethrough{
    text-decoration: line-through;
}

.ml20{margin-left:1rem}
.mr20{margin-right:1rem}
.mt20{margin-top:1rem}
.mb20{margin-bottom:1rem}

.dianhua{
  right: 1.2rem;
top: .85rem;
  width:2.1rem;
  height:2.1rem;
  background: url('https://images.zhongmin.cn/00_wap2020/spread/images/dianhua.png') no-repeat;
  background-size: 2.1rem;
}