body, div, p, h1, h2, h3, h4, h5, ul, li, a, img, span, dl, dt, dd, input { margin: 0; padding: 0;}
h1, h2, h3, h4, h5{ font-weight:normal}
button, input, optgroup, select, textarea { margin: 0;font: inherit; color: inherit;  outline: none;}
li {list-style: none;}
img { border:none;vertical-align: bottom;}
a { text-decoration: none;}
html {font-size: calc(100vw/7.5); /*相当于是100px*/}
html, body {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: 微软雅黑
}
html, body {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: "Arial","Microsoft YaHei","微软雅黑","SimHei","黑体";
     
    width: 100%;
    min-height:13.34rem;
    padding: 0;
    margin: 0;
}

a:link {color:#434A54}   /* 未访问的链接 */
a:visited {color: #434A54}  /* 已访问的链接 */
a:hover {color: #434A54}  /* 鼠标移动到链接上 */
a:active {color: #434A54}  /*活动链接(鼠标长按链接了但是未弹起)*/

body{background: #F5F6F8;}

/*首页部分*/
.index_s{width: 7.5rem; height:0.88rem;  background:url(../img/index_search.png)  no-repeat; background-size: 7.5rem 0.88rem; position:relative; margin-top:0.3rem   }
.index_s_input{ font-size:0.28rem; border:0;   ; position:absolute; height:0.6rem ; left: 0.68rem; top: 0.16rem; width: 5rem}
.index_s_an{   width:0.5rem; height:0.6rem; position: absolute; left:5.8rem; top:0.2rem }
.index_s_shai{   width:0.6rem; height:0.6rem; position: absolute; left:6.7rem; top:0.2rem }

.index_list{width: 6.9rem; height: 3.2rem; background: #Fff; border-radius:0.1rem; margin:0.3rem 0 0 0.3rem;box-sizing:border-box; padding:0.24rem; position:relative; }
.i_l_pic{ width:2.72rem; height:2.72rem; overflow:hidden; border-radius:0.15rem }
.i_l_id{font-size:0.20rem; position:absolute; left:3.18rem; top:0.24rem   }
.i_l_title{ font-size:0.3rem; position:absolute; left:3.18rem; top:0.7rem; font-weight:bold; width:3.5rem;   overflow:hidden;display: -webkit-box;             -webkit-box-orient: vertical;                -webkit-line-clamp: 2;  }
.i_l_time{   background:url(../img/icon_time.png) no-repeat 0 0.04rem; background-size: 0.2rem ; font-size:0.24rem; position:absolute; left:3.18rem; top:1.67rem; padding-left:0.3rem    }
.i_l_lxs{  background:url(../img/icon_flag.png) no-repeat 0 0.08rem; background-size:0.16rem  0.2rem ; font-size:0.24rem; position:absolute; left:3.18rem; top:2.05rem; padding-left:0.3rem     }
.i_l_price{ font-size:0.2rem; position:absolute; right:0.25rem; top:0.24rem; color: #4A89DC ; font-weight: bold;}
.i_l_price span{ font-size:0.26rem; }
.i_l_info{background: #FF8D1A; position: absolute; left: 3.18rem; bottom: 0.24rem; width: 2.43rem; height: 0.45rem; border-top-left-radius: 0.2rem;border-top-right-radius: 0.2rem;border-bottom-right-radius: 0.2rem; font-size:0.2rem; color:#fff; line-height:0.45rem; padding-left: 0.2rem}
.i_l_info span{ font-size:0.3rem; font-weight:bold; }

/*筛选*/
.shai{ height:100% ;width:5.8rem; background:#fff; position:absolute; right:0 }


.shai_title{font-size: 0.44rem; width: 5.8rem; height:1.47rem; line-height:1.47rem ; text-align:center; }
.shai_t1,.shai_t2,.shai_t3{ font-size:0.32rem; background:url(../img/dian.png) no-repeat 0 0.1rem; background-size:0.25rem; padding-left:0.35rem;   position:absolute; left:0.3rem }
.shai_t1{ top:1.5rem }
.shai_t2{ top:3.5rem }
.shai_t3{ top:6.3rem }
.shai_xuan1{ position: absolute; left:0.3rem; top: 2.15rem; width:5.3rem; height:1.7rem ;   }
.shai_select{width: 5.2rem; height: 0.6rem; border:1px solid #FCE390;  color:#FF8D1A ; font-size: 0.28rem;appearance:none;-moz-appearance:none;
-webkit-appearance:none; background: #FFF7EB url(../img/dingwei.png) no-repeat 4.8rem 0.14rem; background-size: 0.23rem 0.28rem; padding-left: 0.2rem; position: absolute; left: 0px}

.shai_xuan2,.shai_xuan3{ position: absolute; left:0.3rem; top: 2.08rem; width:5.3rem; height:2rem ;   position: absolute; top: 0}
.shai_xuan2{top: 4.15rem}
.shai_xuan3{top: 6.95rem}
.shai_xuan2 div,.shai_xuan3 div{width:1.5rem; height:0.6rem; border:1px solid #F5F7FA; font-size:0.28rem ; color: #AAB2BD; text-align:center; line-height:0.6rem; float:left;  margin:0 0.2rem 0.2rem 0 ; background:#F5F7FA }
.shai_xuan2 div.in,.shai_xuan3 div.in{ background:#FFF7EB; color:#FF8D1A ;border:1px solid #FCE390;}

.shai_an1,.shai_an2{ position: absolute; width:2.42rem; height:0.94rem; border-radius:0.12rem ; font-size: 0.36rem; text-align: center; line-height: 0.9rem; bottom: 0.3rem}
.shai_an1{ left:0.3rem;  background:#CCD1D9; color:#fff }
.shai_an2{ left:3.05rem;   background:#2A82E4; color:#fff; }

/*搜索*/

.search_list{ width:7.5rem; height:0.7rem;box-sizing:border-box; padding-left:0.3rem; margin-top:0.3rem }
.search_list div{color: #fff; background: #4A89DC;padding:0.15rem 0.3rem; border-radius: 0.3rem; float: left; font-size: 0.24rem; margin-right: 0.3rem}
.search_nothing{background: url(../img/nothing.png) no-repeat center; background-size: 3.5rem 3.25rem; width: 7.5rem; height: 6rem}

/*新增拼团*/
.new_title1{color:#434A54; font-size: 0.44rem; font-weight: bold; margin: 0.42rem 0 0 0.3rem}
.new_search{ width:6.9rem; height:0.91rem; background:url(../img/new_search.png); background-size:6.9rem 0.91rem; position:relative;margin: 0.42rem 0 0 0.3rem }
.new_search input{   width:5.4rem; height:0.8rem; position: absolute; top:0.05rem; left:0.5rem; font-size:0.28rem ; border: none}
.new_s_an{   width:0.7rem; height:0.7rem; position: absolute; left:5.8rem; top:0.1rem; }
.new_list{width: 6.9rem; height:1.76rem; background: #fff; border-radius: 0.15rem;margin: 0.3rem 0 0 0.3rem;   position:relative; }
.new_pic{width:1.2rem; height:1.2rem; position: absolute; top: 0.28rem; left: 0.93rem; line-height: 0; font-size: 0}
.new_name{font-size: 0.28rem; font-weight: bold; width: 3.07rem; height: 1.2rem; position: absolute; left: 2.36rem; top: 0.28rem}
.new_price{font-size:0.2rem; position:absolute;   color: #4A89DC ; font-weight: bold; position: absolute; right: 0.3rem; top: 0.28rem}
.new_price span{ font-size:0.26rem; }
.new_xuan{width:0.3rem; height:0.3rem; position: absolute; left:0.28rem;top:0.73rem }
.new_xuan input{width: 0.3rem; height: 0.3rem; position:absolute;}

.new_bottom{width: 7.5rem; height: 1.26rem; position: fixed; bottom: 0; background: #fff; display: none}
.new_next{background: #2A82E4; font-size:0.36rem; width: 6.9rem; height: 0.94rem; text-align: center; line-height: 0.94rem; color: #fff; border-radius: 0.15rem; margin: 0.16rem 0 0 0.3rem}
 
/*新增拼团2*/
.new2_content{width: 6.9rem; border-radius:0.15rem; background:#fff; margin:0.3rem auto; box-sizing:border-box; padding:0.35rem }
.new2_info{width: 6.2rem ; height: 1.2rem; position:relative; border-bottom: 1px solid #CCD1D9; padding-bottom: 0.35rem}
.new2_infopic{width: 1.2rem; height: 1.2rem;; border-radius: 0.15rem; overflow: hidden;}
.new2_title{font-size: 0.28rem; width: 3.6rem; height: 1.2rem; position: absolute; left:1.45rem; top:0 }
.new2_price{font-size:0.2rem; position:absolute;   color: #4A89DC ; font-weight: bold; position: absolute; right: 0rem; top: 0rem}
.new2_price span{ font-size:0.26rem; }

.new2_hen{width: 6.2rem ; height: 0.7rem; border:1px solid #E6E9ED; border-radius: 0.15rem; margin: 0.3rem 0 0 0; position:relative; }
.new2_hen2{width: 6.5rem ; height: 0.5rem;   margin: 0.4rem 0 0 0; position:relative; }
.new2_hen3{width: 6.2rem ; height: 0.7rem;   margin: 0.3rem 0 0 0; position:relative; }
.new2_ziduan{font-size: 0.28rem; color: #AAB2BD; position: absolute; left:0.26rem;top:0.18rem; z-index:50 }
.new2_iconcity{background:url(../img/icon_dinwei.png); background-size:0.23rem 0.29rem; width:0.23rem; height:0.29rem; position:absolute; right:0.22rem; top:0.2rem }
.new2_icontime{background:url(../img/icon_rili.png); background-size:0.29rem 0.29rem; width:0.29rem; height:0.29rem; position:absolute; right:0.22rem; top:0.2rem }
.new2_ptxx{ font-size:0.3rem; }
.new2_addmore{border: 0.02rem solid #4A89DC; width: 1.25rem; height: 0.5rem ; border-radius: 0.25rem; color: #4A89DC; line-height: 0.5rem; text-align: center;font-size: 0.26rem; position: absolute; right: 0.3rem; top: -0.1rem}
.new2_ren{width:0.23rem; height:0.29rem; position:absolute; right:0.22rem; top:0.18rem; color: #AAB2BD; font-size: 0.28rem}

.new2_info2,.new2_info3{color:#AAB2BD; font-size:0.28rem }
.new2_info3{position: absolute; left:4.2rem; top:0 }
.new2_ren2{width:0.23rem; height:0.29rem; position:absolute; right:0.64rem; top:0.18rem; color: #AAB2BD; font-size: 0.28rem}
.new2_del{ background:url(../img/icon_del.png) no-repeat 0 0.225rem; background-size:0.25rem; width:0.25rem; height:0.7rem; position:absolute;
; right:0 }

.new2_bg1{ background:#F5F6F7 }
.new2_yuren{color: #4A89DC; font-size: 0.32rem; position: absolute;right: 0.55rem; top: 0.18rem}
 
.new2_input{width: 4rem ; height: 0.7rem; border: none;position: absolute; left:1.5rem;top:0rem; color:#434A54; font-size:0.28rem; text-align:right }
.new2_input2{width: 3.48rem ; height: 0.7rem; border:0.015rem solid #E6E9ED;position: absolute; left:0rem;top:0rem; color:#434A54; font-size:0.28rem;  border-radius:0.15rem; padding-left: 0.2rem}
.new2_input3{width: 1.26rem ; height: 0.7rem; border:0.015rem solid #E6E9ED;position: absolute; left:4rem;top:0rem; color:#434A54; font-size:0.28rem; border-radius:0.15rem; text-align: right; padding-right:0.5rem }
.new2_alert{ font-size:0.28rem ; color:#FF5733; width:6.2rem; height:0.5rem; line-height:0.5rem; text-align:right; margin-top:0.156rem; display:none; }

.new2_bottom{ width:6.2rem; height:1rem; margin:0.6rem 0 0.8rem 0 }
.new2_di1{ background:#FF8D1A; width:2.88rem; height:0.94rem; font-size:0.36rem; line-height:0.94rem;  text-align:center; color:#fff; border-radius:0.15rem; float:left; }
.new2_di2{ background:#2A82E4; width:2.88rem; height:0.94rem; font-size:0.36rem; line-height:0.94rem;  text-align:center; color:#fff; border-radius:0.15rem; float:right }

/*详情*/
.de_pic{width: 6.9rem; height: 3.65rem; border-radius: 0.15rem; margin: 0.3rem 0 0 0.3rem; overflow: hidden}

.de_infos{width: 6.9rem;   overflow: hidden; margin: 0.3rem 0 0.3rem 0.3rem; position: relative;}
.de_price{color: #656D78; font-size: 0.24rem; float: left;; width: 4rem; height: 0.5rem; }
.de_price span{color: #FF5733; font-size: 0.38rem; }

.de_tuanid{color: #656D78; font-size: 0.2rem;  float: right;width: 2.9rem;height: 0.5rem;text-align: right; line-height: 0.5rem}
.de_name{ color:#000; font-size:0.38rem; line-height:0.45rem; width:6.9rem; padding-top: 0.15rem;   clear:both }

.de_hen{width: 6.9rem; height: 1rem; margin: 0.15rem 0 0 0.3rem;  border-radius: 0.15rem; position:relative; }
.de_label{ color:#AAB2BD; font-size:0.22rem; position:absolute; left:1.2rem; top:0.18rem }
.de_xinxi{color: #434A54; font-size: 0.24rem; position:absolute; left:1.2rem;top:0.55rem}
.de_join{width:1.8rem; height:0.68rem; background: #FF8D1A; font-size:0.26rem; color:#fff; border-radius:0.3rem; line-height:0.68rem; text-align:center; position:absolute; right:0.2rem; top:0.16rem }
.de_yixiang{ color:#FF5733; font-size:0.24rem ;width: 6.3rem; height: 0.43rem ; background: #F7F8FA; line-height: 0.43rem; text-align: center;border-radius: 0.1rem; position: absolute; left: 0.3rem; top: 1.07rem}


.de_iconflag{background:#fff url(../img/icon_flag2.png) no-repeat 0.3rem 0.2rem;background-size: 0.6rem}
.de_icontime{background:#fff url(../img/icon_time2.png) no-repeat 0.3rem 0.2rem;background-size: 0.6rem}
.de_icondinwei{background:#fff url(../img/icon_dinwe2.png) no-repeat 0.3rem 0.2rem;background-size: 0.6rem}
.de_iconman{background:#fff url(../img/icon_man.png) no-repeat 0.3rem 0.2rem;background-size: 0.6rem}
.de_icondanwei{background:#fff url(../img/icon_danwei.png) no-repeat 0.3rem 0.2rem;background-size: 0.6rem}

.de_content{width: 6.9rem; border-radius: 0.15rem; box-sizing: border-box; margin: 0.3rem 0 0 0.3rem; background: #fff; overflow:hidden; padding:0.3rem 0  0.4rem 0   }
.de_xzjs{font-size: 0.36rem; color: #434A54;margin :0.1rem 0 0.4rem 0.4rem; line-height: 0.3rem;}
.de_xzjs span{ background:#F2F8FF; display:inline; color:#2A82E4; font-size:0.28rem; padding: 0.05rem 0.2rem; border-radius: 0.15rem; margin-left: 0.3rem}
.de_dayorder{ color:#656D78; font-size:0.24rem; width:1.05rem; height: 0.3rem; float:left; margin-left:0.4rem; line-height: 0.3rem; position:relative; }
.de_day_place{ color:#000; font-size:0.3rem ;  line-height: 0.3rem; width: 4.3rem; min-height: 0.3rem; float: left; padding-left: 0.4rem;border-left: 2px dashed #2a82e4;  }
.de_day_detail{ width: 4.3rem; min-height: 0.5rem; color: #656D78; font-size: 0.2rem;border-left: 2px dashed #2a82e4; padding:0.1rem 0 0.5rem 0.39rem; margin-left:1.45rem;float: left; }
.de_day_dian{ position:absolute; width:0.45rem; height:0.45rem ; top: -0.08rem; right: -0.25rem}
 
.de_dayorder .de_day_place:last-child{ border:none }
.de_day_detail:last-child{ border:none; clear:both; }

.de_jointuan{ width: 7.5rem; height: 6.8rem; background: #fff;   position: fixed; bottom: -6.8rem;border-top-left-radius: 0.15rem; border-top-right-radius: 0.15rem; font-size: 0.3rem; padding-left:0.65rem; box-sizing:border-box; }
.de_jointitile{ color: #434A54;    padding:0.3rem 0 0 0rem ; font-size:0.36rem  }
.de_join_cancel{ background:#CCD1D9; width:2.88rem; height:0.94rem; border-radius:0.15rem; line-height:0.94rem; text-align:center; position:absolute; bottom:0.5rem }
.de_join_submit{ background:#2A82E4; color: #fff; font-size: 0.36rem; width:2.88rem; height:0.94rem; border-radius:0.15rem; line-height:0.94rem; text-align:center ;position:absolute; bottom:0.5rem; right:0.65rem }

/*我的*/
.my_top{width: 7.5rem;  height: 0.85rem; background: #2A82E4; position: fixed; top: 0; z-index: 50}
.mt_topnei1{width:3.22rem; height: 0.85rem; text-align: center; color: #fff; padding-left: 0.53rem; font-size: 0.32rem; line-height: 0.85rem; float: left;}
.mt_topnei2{width:3.22rem; height: 0.85rem; text-align: center;   color: #C2DCFC; padding-right: 0.53rem; font-size: 0.32rem; line-height: 0.85rem; float: left;}
.mt_topnei1_1{width:3.22rem; height: 0.85rem; text-align: center; color: #C2DCFC; padding-left: 0.53rem; font-size: 0.32rem; line-height: 0.85rem; float: left;}
.mt_topnei2_1{width:3.22rem; height: 0.85rem; text-align: center;   color: #fff; padding-right: 0.53rem; font-size: 0.32rem; line-height: 0.85rem; float: left;}
.my_content{ width:6.9rem; overflow:hidden; margin:0.3rem 0 0 0.3rem; background:#fff; border-radius:0.15rem ;box-sizing: border-box; padding: 0.3rem;  }
.my_infos{width: 6.3rem; border-bottom: 1px solid #CCCCCC; height: 0.56rem; position: relative;}
.my_fabutime{color: #434A54; font-size: 0.2rem; position:absolute; left:0;  }
.de_tuantype{color: #FF5733; font-size: 0.24rem; position:absolute; right:0 ; top:-0.1rem }
.my_infos2{width: 6.3rem; height: 3.2rem; position: relative;}
.my_infos2 div{ position:absolute; }
.my_pic{width:1.8rem; height:1.8rem;  top:0.26rem; border-radius:0.15rem; overflow:hidden }
.my_ptid{color: #656D78; font-size: 0.2rem; left:1.98rem; top: 0.22rem}
.my_price{color: #4A89DC; font-size: 0.2rem; right:0; top:0.22rem; text-align:right; }
.my_price span{font-size: 0.26rem}
.my_title{color: #434A54; font-size: 0.28rem; line-height: 0.4rem; left:1.98rem; top: 0.6rem}
.my_time {   background:url(../img/icon_time.png) no-repeat 0 0.04rem; background-size: 0.2rem ; font-size:0.24rem; color: #656D78; left:1.98rem; top:1.5rem; padding-left:0.3rem    }
.my_lxs{  background:url(../img/icon_flag.png) no-repeat 0 0.08rem; background-size:0.16rem  0.2rem ; font-size:0.24rem; left:1.98rem; top:1.80rem; padding-left:0.3rem     }
.my_shenyu{color: #656D78; font-size: 0.2rem;  top: 2.48rem}
.my_shenyu span{font-size: 0.3rem; color: #FF5733; padding: 0 0.06rem}
.my_an1,.my_an2,.my_an3{width: 1.15rem; height: 0.5rem; border-radius: 0.08rem; font-size: 0.28rem; line-height: 0.5rem; text-align: center; top: 2.4rem}
.my_an1{ color:#2A82E4;background:#EBF3FC; border:1px solid #ABD2FF ;  right:1.27rem}
.my_an2{ color:#FF8D1A;background:#FFF7EB; border:1px solid #FCE390 ;right:2.54rem  }
.my_an3{ color:#656D78;background:#F7F7F7; border:1px solid #E1E3E6 ; right:0 }
.my_henxian{ width:6.9rem; height:0.05erm; border:1px solid #E6E9ED; bottom:0;left:-0.3rem  }
.my_suofang{display: none}
.my_list{width: 6.3rem; height: 1.1rem; margin: 0.15rem 0 0 0rem;  border-radius: 0.15rem; position:relative; border:1px solid #DFE2E8  }
 .my_list:first-child{margin-top:0.3rem }
.my_list div{ position:absolute; }
.my_pt{width:0.64rem; height:0.64rem; border-radius:50%; background:#2a82e4; text-align:center; color:#fff; line-height:0.64rem; font-size:0.2rem; left:0.22rem; top:0.23rem }
.my_lxs2{ color:#434A54; font-size:0.28rem ; left: 1.11rem; top: 0.2rem}
.my_lsxinfo{ color:#AAB2BD; font-size:0.24rem ; left: 1.11rem; top: 0.6rem; }
.my_joinren{ color:#434A54; font-size:0.24rem ; top: 0.35rem;left: 5.2rem}
.my_joinren span{ color:#ff5733; font-size:0.3rem }
.my_arraw{ background: url(../img/icon_arrawr.png); background-size: 0.24rem; width:0.24rem; height:0.24rem ;top: 0.4rem;right: 0.25rem }
.my_di{width: 6.3rem; height: 0.7rem; position:relative; }
.my_shouqi{ background:url(../img/icon_arrawup.png) no-repeat 0.55rem 0.05rem; background-size: 0.2rem; color:#AAB2BD ; font-size:0.24rem; width:1.5rem; height:0.5rem; position: absolute; top:0.33rem }
.my_zhankai{ background:url(../img/icon_arrawd.png) no-repeat 0.55rem 0.05rem; background-size: 0.2rem; color:#AAB2BD ; font-size:0.24rem; width:1.5rem; height:0.5rem ;position: absolute; top:0.33rem }
.my_addtuan{  background:url(../img/zenjia.png) no-repeat 0rem 0.06rem; background-size: 0.3rem; color: #2A82E4; font-size:0.28rem; width:1.2rem; height:0.5rem; padding-left:0.4rem; text-align: right; position:absolute; right:0 ; top:0.25rem }

.shanchunei{width:6rem; height:6.51rem; background:#fff ; position: fixed; left:50%; top:50%; margin-left:-3rem; margin-top:-3.25rem; background: url(../img/deltuan.png); background-size: 6rem 6.51rem}
.shanan1{width:2.3rem; height:1rem;  position: absolute; left:0.6rem; top:4.9rem }
.shanan2{width:2.3rem; height:1rem;   position: absolute; left:3.2rem; top:4.9rem }
.shangzi{ width:6rem; position: absolute; top:3.6rem; color:#656D78; text-align:center; font-size:0.3rem }

/*登录*/
.login_title{ position:absolute; top:1.38rem; left: 0.4rem; width:6.56rem; height:1.74rem; background:url(../img/logo.png); background-size:6.56rem 1.74rem }
.login_mobile{ background:#F4F6FF; width:6.05rem; height:0.96rem; position:absolute; top:4.23rem; left:0.5rem; border-radius:0.15rem; border:none; font-size:0.3rem; padding-left:0.45rem }
.login_psd{ background:#F4F6FF; width:6.05rem; height:0.96rem; position:absolute; top:5.73rem; left:0.5rem ;border-radius:0.15rem; border:none;font-size:0.3rem ;padding-left:0.45rem }
.login_anniu{width: 6.5rem;height: 0.96rem; background: #2A82E4; color: #fff; line-height: 0.96rem; text-align: center;border-radius:0.15rem; font-size: 0.36rem;position:absolute; top:8.23rem; left:0.5rem; border:none }

/*消息盒子*/
.tipsin{      width:6.4rem;   height:3.2rem;    vertical-align: middle;    position: fixed;    left: 0;    top: 0;    right: 0;    bottom: 0rem;    margin: auto; background: #fff; border-radius: 0.3rem;}
.tipsinfo{ font-size: 0.36rem; width: 6.4rem; height: 2.2rem; line-height: 2.2rem; text-align: center; }
.iknow3{background: #3F67FD; width: 6.4rem; height: 1rem; font-size: 0.34rem; color: #fff; text-align: center; line-height: 1rem; border-bottom-left-radius: 0.3rem;  border-bottom-right-radius: 0.3rem;   }


.diandi085{width: 7.5rem; height: 0.85rem}
.diandi15{width: 7.5rem; height: 1.5rem}
.diandi27{width: 7.5rem; height: 2.7rem}
.diandi21{width: 7.5rem; height: 2.1rem}
.bottom{width: 7.5rem; height: 2.1rem; background:  url(../img/bottom1.png) no-repeat 0 0.32rem ; background-size: 7.5rem 1.79rem; position: fixed; bottom: 0}
.bottom1{width: 7.5rem; height: 2.1rem; background:  url(../img/bottom2.png) no-repeat 0 0.32rem ; background-size: 7.5rem 1.79rem; position: fixed; bottom: 0}
.bottom2{width: 7.5rem; height: 2.1rem; background:  url(../img/bottom3.png) no-repeat 0 0.32rem ; background-size: 7.5rem 1.79rem; position: fixed; bottom: 0}
.bottom_dian{width: 0.3rem; height: 0.3rem; background:#FF5733 ; border-radius: 50%; position: absolute; top: 1.1rem; right: 0.91rem; font-size:0.2rem; line-height:0.3rem; text-align:center; color:#fff; display:none }
.b_link1{ position: absolute;   width:3rem; height:1.4rem ; left:0; bottom:0 }
.b_link2{ position: absolute;   width:1.4rem; height:1.4rem ; left:3.05rem; top:0.3rem }
.b_link3{ position: absolute;   width:3rem; height:1.4rem ; right:0; bottom:0 }

.mask{    width: 100%;    height:100%;     position: fixed;    left: 0;    top: 0rem;    right: 0;    bottom: 0;    margin: auto;    z-index: 999;    background: rgba(0,0,0,0.7);    display:  none   }

.heibai{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.heibai   span{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}