﻿@media only screen and (max-width:1080px),only screen and (max-device-width:1080px) {
body,html {
font-size:54px
}
}@media only screen and (max-width:960px),only screen and (max-device-width:960px) {
body,html {
font-size:48px
}
}@media only screen and (max-width:800px),only screen and (max-device-width:800px) {
body,html {
font-size:40px
}
}@media only screen and (max-width:720px),only screen and (max-device-width:720px) {
body,html {
font-size:36px
}
}@media only screen and (max-width:640px),only screen and (max-device-width:640px) {
body,html {
font-size:32px
}
}@media only screen and (max-width:600px),only screen and (max-device-width:600px) {
body,html {
font-size:30px
}
}@media only screen and (max-width:540px),only screen and (max-device-width:540px) {
body,html {
font-size:27px
}
}@media only screen and (max-width:480px),only screen and (max-device-width:480px) {
body,html {
font-size:24px
}
}@media only screen and (max-width:414px),only screen and (max-device-width:414px) {
body,html {
font-size:20.7px
}
}@media only screen and (max-width:400px),only screen and (max-device-width:400px) {
body,html {
font-size:20px
}
}@media only screen and (max-width:375px),only screen and (max-device-width:375px) {
body,html {
font-size:18.75px
}
}@media only screen and (max-width:360px),only screen and (max-device-width:360px) {
body,html {
font-size:18px
}
}@media only screen and (max-width:320px),only screen and (max-device-width:320px) {
body,html {
font-size:16px
}
}@media only screen and (max-width:240px),only screen and (max-device-width:240px) {
body,html {
font-size:12px
}
}
html {height:100%;overflow-x:hidden; background-color:#fff;}
body{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; position:relative; z-index:0;width:100%;max-width:640px;min-width:300px;min-height:100%;margin:0 auto;box-shadow:0 0 10px rgba(0,0,0,0.3);color:#101D37;font-family:"Hiragino Sans GB","PingFangSC-Regular","Microsoft Yahei UI","Microsoft YaHei",Helvetica,sans-serif;font-size:.7rem;}/*"Hiragino Sans GB", */
h1,h2,h3,h4,h5{font-family:"Microsoft Yahei UI";}
h1,h2,h3,h4,h5,p{padding:0;margin:0;font-size:.75rem;font-weight:normal;}
ul,li,dl,dt,dd{padding:0;margin:0;list-style: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
a {color: #101D37;text-decoration: none;cursor: pointer;}
body{overflow-x:hidden;line-height:1.5;background: #f5f5f5;background-image:none;}
i{font-style:normal;}
.pad0{padding:0!important;}
.mar0{margin:0!important;}
.rel{position:relative;} 
.ft{float:left!important;}
.fr{float:right!important;}
/*头部*/
.header{position: relative;background-color: #fff;color: #333;display: flex;-webkit-justify-content: center;justify-content: center;height: 2.8rem;display: -webkit-flex;border-bottom: 1px solid #f2f2f2;}
.header .left{-webkit-flex-grow: 1;flex-grow: 1;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;display: -webkit-flex;}
.header .left H1{margin:.2rem .8rem 0 0;font-size:18px;} 
.header .right{-webkit-flex-grow: 1;flex-grow: 1;display: -webkit-flex;display: flex;-webkit-justify-content: flex-end;justify-content: flex-end;-webkit-align-items: center;align-items: center;}
.header .center{-webkit-flex-grow: 1;flex-grow: 1;display: flex;-webkit-align-items: center;align-items: center;display: -webkit-flex;text-align:center;justify-content: center;-webkit-justify-content: center;}
.header .center a{font-size:.85rem;}
.header .logo {display: block;position: absolute;width: 18em;height: 100%;background: url('/img/logo.png') no-repeat;background-size: 100%;background-position-y: 50%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.header .header-member{width:2.8rem;height:2.8rem;}
.header .header-back{width:2.8rem;height:2.8rem;}
.main{width:100%;background:#fff;}

/*首页搜索框*/
.search{width:100%;padding:.625rem .88rem;background-color: #f5f5f5;box-sizing: border-box;}
.search .search-container{height:1.8rem;background: #FFF;border-radius: 6.25rem;box-shadow: 0 .05rem 0.09rem 0 rgba(0,0,0,.1);}
.search-container .input-box{position: relative;}
.search-container .input-box input{text-align: center;height: 1.8rem;width: 100%;background: #fff;border:none;border-radius: 6.25rem;}
.search-container .input-box .indicator{position: absolute;left: 50%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;max-width: 100%;color:#9399a5;font-size:.7rem;}

/*首页广告幻灯片*/
.indexslide{background: #fff;padding:1rem 0rem;}
.indexslide .swiper-container{width: 17.8rem;height: 7.45rem;overflow: visible;margin-left: auto;margin-right: auto;position: relative;z-index: 1;}
.indexslide .swiper-slide{border-radius: .28rem;box-shadow: 0 .125rem .215rem 0 rgba(0,0,0,.2)}
.indexslide .swiper-slide img{border-radius: .28rem;max-width:100%;}
.indexslide .swiper-container-horizontal>.swiper-pagination-bullets {bottom: .26rem}
.indexslide .swiper-pagination-bullet {width: .2rem;height: .2rem;border-radius:50%;background: #d8d8d8;border: 1px solid #fff;opacity: 1}
.indexslide .swiper-pagination-bullet-active {border: 1px solid #afafaf}

/*首页导航*/
.navigation{padding:.3rem .4rem 1.1rem .4rem;background:#fff;}
.navigation .nav-li{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;padding-top: 1rem}
.navigation .nav-li:first-child{padding:0;}
.navigation .nav-li .nav-item{display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;width: 25%;box-sizing: border-box;text-align:center;align-items: center;}
.nav-item .nav-text{font-size:.7rem;color:#101D37;letter-spacing: 0;line-height: 1;margin-top: .5rem;}
.nav-item img{display: block;height: 1.25rem;text-align:center;}

/*头条*/
.toutiao .hot-recommend{height:2.4rem;line-height:2.4rem;overflow:hidden;padding:0rem .75rem;}
.toutiao .swiper-container{height:2.4rem;}



/*房产百科*/
.baike .swiper-slide .baike-item{display:block;}
.baike .main-box-content{padding-left:.3rem;}
.baike-item img{display: block;height:1.25rem;text-align:center;}
.baike-item .baike-text{font-size: .7rem;color: #101D37;letter-spacing: 0;line-height: 1;margin-top: .5rem;}

/*楼盘中心*/
.ul-loupan{margin-top:-0.75rem;}
.ul-loupan li{padding: .8rem 0;border-bottom: 1px solid #f9f9f9;}
.ul-loupan li a{position: relative;}
.ul-loupan .lp-pic{margin-right:.85rem;width:6.4rem;height:4.8rem;overflow:hidden; flex-shrink: 0;}
.ul-loupan .lp-pic img{display: block;width:6.4rem;height:4.8rem;border-radius:.111rem;}
.ul-loupan .lp-info{display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;-webkit-flex-grow: 1;flex-grow: 1;overflow: hidden;line-height:1.35rem;}
.lp-info .name{margin-top:-0.15rem;font-size:.85rem;display: flex;align-items: center;}
.lp-info .name .zt{background:#0084d3;color:#fff;font-size:0.65rem;font-weight:normal;height: .9rem;line-height: .9rem;padding:.1rem .2rem;text-align: center;margin-left:.3rem;border-radius:.09rem;} 
.lp-info .sale{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;color:#666;font-size:0.65rem;}
.lp-info .tel{color:#666;font-size:0.65rem;margin-top:-.09rem;}
.lp-info .price{line-height:0.9rem;padding-top:.15rem;color:#FF0000;font-family:"tahoma";}

/*置业顾问*/
.people .swiper-slide .people-item{padding:.1rem;display:block;}
.people-item .people-pic{float: left;position: relative;}
.people-item .people-text{overflow:hidden;font-size:.65rem;}
.people-pic img{width:3.2rem;height:3.2rem;border-radius:50%;overflow: hidden;}
.people-p img{width:2.0rem;height:2.0rem;margin-top:1.35rem;margin-left:-0.55rem;border-radius:50%;overflow: hidden;}
.people-img{width:12.2rem;height:12.2rem;border-radius:50%;overflow: hidden;}
.people-text .name{font-size:.875rem;}
.people-text .zy{color:#999;font-size:.625rem;}
.people-text .tel{color:#666;font-size:.625rem;line-height: 1.3rem;}

/*最新房源 二手房 租房*/
.house .house-qh{position:absolute;top:.8rem;right:.9rem;}
.house-qh span{margin-left:1rem;color:#999;}
.house-qh span.active{border-bottom:2px solid #FF0000;color:#FF0000;padding-bottom:.33rem;}
.ul-house{margin-top:-0.75rem;}
.ul-house li{padding: .8rem 0;border-bottom: 1px solid #f9f9f9;}
.ul-house li:nth-child(5){border:0;}
.ul-house li a{position: relative;}
.ul-house .house-pic{margin-right:.85rem;width:6.4rem;height:4.8rem;overflow:hidden; flex-shrink: 0;}



.ul-house .house-pic img{display: block;width:6.4rem;height:4.8rem;border-radius:.111rem;}
.ul-house .house-pic2 img{display: block;width:6.4rem;height:4.8rem;border-radius:.111rem;}

.ul-house .house-info{display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;-webkit-flex-grow: 1;flex-grow: 1;overflow: hidden;line-height:1.35rem;}
.house-info .name{margin-top:-0.05rem;font-size:.85rem;width: 100%;word-break: break-all;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;line-height:1.2rem;}
.house-info .other{font-size:.625rem;color:#999;line-height:1.65rem;}
.house-info .price{color:#ff0000;font-size:.825rem;line-height:1rem;}

/* 图文  莆房视点*/
.ul-imgnews{margin-top:-0.75rem;}
.ul-imgnews li{padding: .8rem 0;border-bottom: 1px solid #f9f9f9;}
.ul-imgnews li a{position: relative;}
.ul-imgnews .pic{margin-right:.85rem;width:6.4rem;height:4.4rem;overflow:hidden; flex-shrink: 0;}
.ul-imgnews .pic img{display: block;width:6.4rem;height:4.4rem;border-radius:.111rem;}
.ul-imgnews .info{display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;-webkit-flex-grow: 1;flex-grow: 1;overflow: hidden;line-height:1.35rem;}
.ul-imgnews h2.title{margin-top:-0.15rem;font-size:.85rem;width: 100%;word-break: break-all;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;line-height:1.4rem;}
.ul-imgnews .date{color:#999;padding-top:1rem;line-height:.9rem;}
.ul-imgnews .description{color:#999;padding-top:.2rem;line-height:1.1rem;}
.ul-imgnews .date.pdt5{padding-top:.5rem;}
.ul-imgnews .username{padding-right:.75rem;}

/*文字 跑盘日记*/
.ul-textnews{margin-top:-0.35rem;}
.ul-textnews li a{position: relative;line-height:1.5rem;font-size:.75rem;display:block;width:100%;}

/*底部*/
footer{background-color: #fff;text-align: center;line-height: 1.3rem;padding: .8rem 0;font-size: 0.625rem;}
footer .cnzz{height:0rem;overflow:hidden;}
.flogo{position:relative;border-bottom:1px solid #f9f9f9;margin:0.7rem 2rem 1.1rem 2rem;}
.flogo img{height:1.6rem;position:absolute;left: 50%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;padding:0rem .85rem;background:#fff;}
.copyright{color: #D1D1D1;text-shadow: 0 1px 1px #FFF;}
.copyright span{font-family: Arial, "Microsoft Yahei";}
.f-link .spe-lines{display: inline-block;width: 1px;height: 10px;background: #ccc;margin: 0 15px;font-size: 0;text-indent: -9999px;overflow: hidden;vertical-align: -1px;vertical-align: 0px;}
.f-link em, .f-link a {font-style: normal;text-decoration: none;color: #D1D1D1;text-shadow: 0 1px 1px #FFF;}

.flex{display: -webkit-flex;display: flex;}
.flex-between{-webkit-justify-content: space-between;justify-content: space-between;}
.flex-content-center{justify-content: center;-webkit-justify-content: center;}
.flex-items-center{-webkit-align-items: center;align-items: center;}

.text-hidden{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hide{display:none;}

.main-container{padding-bottom:.85rem;}
.main-box-title{padding:.85rem 0rem .85rem .85rem;position:relative;}
.main-box-title h2{font-size:.85rem;font-weight:700;}
.main-box-title .icon_more{position:absolute;top:.65rem;right:.9rem;}
.main-box-content{padding:0rem .85rem;}
.main-box-list{margin: .625rem;}
.main-box-content ul li:last-child{border:0;} 
.main-box-more{padding:0!important;}
.main-box-more a{display:block;height:1.8rem;line-height:1.8rem;width: 100%;background: rgba(48,114,246,.05);font-size: .75rem;text-align: center;margin-top: .2rem;color:#0084d3;border-radius:.1rem;}
.main-box-bbb a{display:block;height:1.8rem;line-height:1.8rem;width: 100%;background: rgba(255,156,50);font-size: .95rem;text-align: center;margin-top: .2rem;color:#ffffff;border-radius:.1rem;}
.mpt{margin-top:.7rem;}
.t3{padding-right:.4rem;}
/*tab切换 样式*/
.tab-content{position:relative; overflow:hidden;height:66rem;}
.tab-content .tab-box{position:absolute;} /*这个定位设置为absolute, 因为要操作这个的位置来切换内容*/
.tab-content .tab-box ul{width:100%;}

.hr10{margin-bottom: .625rem;box-shadow: 0 0.0625rem 0.125rem 0 rgba(0,0,0,.05);}
.icon_mulu, .icon_member, .icon_back {width: 1.2rem;height: 1.2rem;display:block;}
.icon_mulu{background: url('../../images/touch/icon_mulu.png') no-repeat;background-size: 100%;width: 1.3rem;}
.icon_member{background: url('../../images/touch/icon_member.png') no-repeat;background-size: 100%;margin:0.8rem 0 0 0.8rem;}
.icon_back{background: url('/img/icon_head_back1.png') no-repeat;background-size: 100%;margin:0.8rem 0 0 0.8rem;}
.icon_search{background: url('/img/icon_search.png') no-repeat center center;background-size: 100%;width: .85rem;height: .85rem;margin-right:.05rem;}
.icon_toutiao{background: url('/img/icon_toutiao.png') no-repeat center center;background-size: 100%;width:3rem;height:2rem;margin-right:.05rem;display:block;float:left;margin:.2rem .5rem .2rem 0;}
.icon_username, .icon_time, .icon_type, .icon_copy, .icon_colse {width:.7rem;height:.7rem;margin-right:.2rem;}
.icon_more{background: url('/img/icon_more1.png') no-repeat center center;background-size: 100%;width:1.2rem;height:1.2rem;}
.icon_username{background: url('../../images/touch/icon_username.png') no-repeat center center;background-size: 100%;margin-top:-.02rem;}
.icon_time{background: url('../../images/touch/icon_time.png') no-repeat center center;background-size: 100%;}
.icon_type{background: url('../../images/touch/icon_type.png') no-repeat center center;background-size: 100%;}
.icon_copy{background: url('../../images/touch/icon_copy.png') no-repeat center center;background-size: 100%;}
.icon_colse{background: url('../../images/touch/icon_colse.png') no-repeat center center;background-size: 100%;margin:0;}
/** 快速找房 newhouse_py **/
#fleft{position:absolute;width:100%;background:#fff;top:0;z-index:9999;left:600px;display:none;}
.fleft ul{list-style-type:none;padding:0px;margin:0px;}
.a-left dl{margin:5px;}
.a-left dt{background:#f5f5f5;padding-left:10px;line-height:30px;font-size:16px;}
.a-left dd{line-height:35px;height:35px;font-size:14px;border-bottom:1px dashed #f1f1f1;margin:0px 25px 0px 10px;}
.a-left dd.cur{background:#05A8E9;color:#fff;}
.a-left dd a{width:98%;display:block;}
.f-right{position:fixed;width:30px;right:5px;top:0;display:none;}
.f-right li a{display:block;width:30px;height:20px;text-align:center;}
.f-right span.f-close{background:url('{IMG_PATH}discuss/x.png') no-repeat;background-size:100%;width:30px;height:30px;margin:5px 0px 10px 0px; display:block;text-align:center;}
.f-right ul{padding:6px 0px}
.f-right ul.active{background:#f1f1f1;padding:6px 0px;border-radius:10px;}
#hname{line-height:35px;height:35px;background:#05A8E9;color:#fff;margin:5px;padding-left:5px;display:none;}
.a-left ul{margin:5px;}
.a-left li{background: #f5f5f5;padding-left: 10px;line-height: 30px;font-size: 16px;}
.a-left li.hot{font-size: 14px;background:none;width:33.33%;float:left;padding:0px;margin-top:3px;overflow:hidden;white-space: nowrap;}
.a-left li.hot a{border:1px solid #f1f1f1;display:block;margin:3px;text-align:center;}
.a-left li.cur a{border:1px solid #05A8E9;}
.kd3{height:3px;clear:both;}
.jump-tips {position: fixed;top: 50%;left: 50%;z-index: 100;width: 4.25rem;margin: -2.125rem 0 0 -2.125rem;padding: 0.5625rem 0;font-size: 3.125rem;color: #fff;text-align: center;line-height: 1;background-color: rgba(0,0,0,0.6);}

/** 头部右侧隐藏导航 **/
.nav-right{width:2.8rem;height:2.8rem;position:relative;z-index:1000;}
.nav-right span{display:block;background:#666;width:1.35rem;height:.059rem;position:absolute;z-index:9999;right:0;transition:all ease 0.35s;right:.8rem;}
.nav-right span:nth-of-type(1){top:.8rem;width:1.1rem;}
.nav-right span:nth-of-type(2){top:1.3rem;}
.nav-right span:nth-of-type(3){top:1.75rem;width:.9rem;}
.nav-colse{right:0;}
.nav-colse span{right:.5rem}
.nav-colse span:nth-of-type(1){top:.95rem;transform:rotate(45deg);width:.72rem;background:#c9141e;height:2px;}
.nav-colse span:nth-of-type(2){width:0;}
.nav-colse span:nth-of-type(3){top:.95rem;transform:rotate(-45deg);width:.72rem;background:#c9141e;height:2px;}
.rightNav{width: 45%;height: 100%;background-color: #fff;position: fixed;z-index: 999;top:0;right: -50%;}
.rightcolse{position:absolute;right:.13rem;top:.46rem;display:none;padding:.4rem;} /*新房二手房租房没有头部所以没关闭按钮 这边加一个*/
.rightcolse i.icon_colse{display:block;}
.nav_icon{width:.95rem;height:.95rem;margin:.1rem .4rem 0 0;}
.icon_login{background: url('/img/icon_member.png') center center no-repeat;background-size: 100%;}
.icon_right_fbcs{background: url('/img/icon_right_fbcs.png') center center no-repeat;background-size: 100%;}
.icon_right_rmzx{background: url('/img/icon_right_rmzx1.png') center center no-repeat;background-size: 100%;}
.icon_right_esfy{background: url('/img/icon_right_esfy.png') center center no-repeat;background-size: 100%;}
.icon_right_lpzx{background: url('/img/icon_right_lpzx.png') center center no-repeat;background-size: 100%;}


.rightNav .items{padding:.5rem 0rem .5rem 1.5rem;font-size:.85rem;display:flex;}    
.rightNav .items.nav-login{border-bottom: 1px solid #f0f0f0;width:100%;margin-bottom:.3rem;padding:.66rem 0rem .66rem 1.2rem;}
.bgDiv{width: 100%;height: 100%;background-color: #000;opacity: .8;position:fixed;display: none;z-index: 99;top:0;}


.lite-rate, .lite-rate dd {background: url('../../images/touch/icon_pingr_star.png') repeat-x;width: 90px;height: 18px;}.lite-rate dd {background-position: left -37px;}

#share_cover{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);display:none;z-index:20000;}
#share_cover img{position:fixed;right: 18px;top:5px;width:260px;height:180px;z-index:20001;}

#pages {background: #FFF; border-top: 1px solid #000000; font-size: 14px; padding: 15px 0; text-align: center}
#pages a {-webkit-appearance: none; border: 1px solid #C8CACC; border-radius: 0; box-shadow: 0 2px 0 #EFF0F1; color: #3F4358; display: inline-block; height: 25px; line-height: 25px; margin-right: 0px; vertical-align: top; padding: 0 10px; text-decoration: none;}
#pages span{-webkit-appearance: none; border: 1px solid #C8CACC; border-radius: 0; box-shadow: 0 2px 0 #EFF0F1; color: #C8CACC; display: inline-block; height: 25px; line-height: 25px; margin-right: 0px; vertical-align: top; padding: 0 10px; text-decoration: none;}


.fabu{position: fixed;bottom: 8rem;right: .4rem;z-index: 10;width: 3.7rem;height: 3.7rem;border-radius: 100%;box-shadow: 0 0.25rem 1.0625rem 0 rgba(0,0,0,.15);background: #fff;display:block;}
.icon_fabu{position: absolute;top: 50%;left: 50%;width: 2.9rem;height:2.9rem;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);background: url('/img/kj.png') center center no-repeat;background-size: 100%;}	 
#toTop{display: none;position: fixed;right: .8rem;bottom:7rem;width:2.5rem;height: 2.5rem;background-color: rgba(0,0,0,.6);-webkit-border-radius: .9375rem;-moz-border-radius: .9375rem;border-radius: 2.5rem;z-index: 10;}
.icon_backtop{ position: absolute;top: 50%;left: 50%;width: 1.4rem;height: 1.4rem;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);background: url('/img/icon_backtop.png') center center no-repeat;background-size: 100%;}


.peitao_setting {
    width: 100%;
}

.peitao_setting span {
    height: 55px;
    width: 60px;
    display: inline-block;
    text-align: center;
    color: #999;
    margin-top: 6px;
    font-size: 13px;
}

.peitao_setting i {
    font-size: 40px;
    color: #9a9a9a;
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}

.peitao_setting span.fontColor {
    color: #e22222;
}

.peitao_setting span.fontColor i {
    color: #e22222;
}

@font-face {
    font-family: 'iconfont';
    /* project id 76056 */
    src: url('//at.alicdn.com/t/font_76056_xu8k0b6gwt8.eot');
    src: url('//at.alicdn.com/t/font_76056_xu8k0b6gwt8.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_76056_xu8k0b6gwt8.woff') format('woff'), url('//at.alicdn.com/t/font_76056_xu8k0b6gwt8.ttf') format('truetype'), url('//at.alicdn.com/t/font_76056_xu8k0b6gwt8.svg#iconfont') format('svg');
}



.iconfont {
    font-family: "iconfont" !important;
    font-size: 32px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.icon {
    font-size: 32px;
    color: #999;
}
