
/**
 * 重写header
 */
.header { box-shadow: none; }

.title{
	margin-bottom: 0.1rem;
}
.title p{ 
	font-size: 0.1rem;
    color: #999999;
    width: 100%;
    text-align: center;
}
.title h3 {
    font-size: 0.2rem;
    color: #37c6f5;
    width: 100%;
    text-align: center;
}
.title h4 {
    font-size: 0.12rem;
    color: #666666;
    margin-top: 0.08rem;
    width: 100%;
    text-align: center;
}
/**
 * 服务分类
 */
.lsf-row-category { padding: 0rem; }
.lsf-row-category .row-item { float: left; width: 25%; text-align: center; font-size: .14rem; margin-bottom: .16rem;}
.lsf-row-category .row-item .safety_icon_div {
    border: 1px #eeeeee solid;
    padding: 0.02rem 0;
    height: 1.1rem;
    position: relative;
}
.lsf-row-category .row-item img { width: .51rem; height: .51rem; vertical-align: middle; }
.lsf-row-category .row-item h3 {
    font-size: 0.15rem;
    color: #37c6f5;
    font-weight: bold;
}
.lsf-row-category .row-item p {
    width: 90%;
    margin: 0.1rem auto;
    font-size: 0.1rem;
    color: #999;
}
.lsf-row-category .row-item .name { display: block; padding-top: .07rem; color: #666; font-size: .14rem; text-align: center; }



.lsf-row-consult {justify-content: center; align-items: center;  padding: 0rem; height: 1rem; background: #fff; }
.lsf-row-consult .phone {position: relative;    height: 1rem;background: #37c6f5;}
.lsf-row-consult .phone:after {
    content:"";
    display: block;
    clear: both;
}
.lsf-row-consult .phone h3 {
    font-size: 0.2rem;
    color: #fff;
    font-weight: bold;
}
.lsf-row-consult .phone_left {
    position: absolute;
    left: 4%;
    top: 54%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 70%;
    z-index: 9;
    text-align: right;
}
.lsf-row-consult .phone_left h3 {
    font-size: 0.2rem;
    color: #fff;
    font-weight: bold;
}
.lsf-row-consult .phone_left p {
    font-size: 0.12rem;
    color: #fff;
    margin-top: 0.12rem;
}
.lsf-row-consult .phone_right {
    position: absolute;
    right: 4%;
    top: 48%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 9;
    width: 18%;
}


/**
 * 热门服务
 */
.lsf-row-hot { background-color: #FFF; }
.lsf-row-hot li { float: left; height: 1.8rem; position: relative; }
.lsf-row-hot li.left { width: 1.5rem; margin-right: .1rem; }
.lsf-row-hot li.left img { width: 1.5rem; height: 1.8rem; vertical-align: middle; }
.lsf-row-hot li.right { display: flex; flex-direction: column; width: 1.8rem; }
.lsf-row-hot li.right img {flex: 1; height: .9rem; width: 1.8rem; vertical-align: middle; }
.lsf-row-hot li.right img:nth-child(2) { margin-top: .1rem; }

/**
 * 周边店铺
 */
.lsf-row-shop { padding-bottom: 0; background-color: transparent; padding:.16rem 0 0 0; background: #fff;}
.lsf-row .row-topic2{
    display: flex!important;
    align-items: center;
    justify-content: center;
    font-size: .3rem;
    font-weight: 400;
    color: #ff2e26;
}
.lsf-row .row-topic2::before {
    content: "";
    width: .25rem;
    height: .15rem;
    display: block;
    background: url(../images/ligeee.png) no-repeat;
    /* background-position: 0 -1px; */
    background-size: .25rem;
    margin-right: 20px;
}
.lsf-row .row-topic2::after {
    content: "";
    width: .25rem;
    height: .15rem;
    display: block;
    background: url(../images/ligeee.png) no-repeat;
    /* background-position: 0 -22px; */
    background-size: .25rem;
    margin-left: 20px;
}
.lsf-row .row-topic2 span {
    margin: 0;
    padding: 0;
    color: #37c6f5;
}

.lsf-row-shop .list li { float: left; position: relative; padding: 0.06rem; }
.lsf-row-shop .list li a { position: relative; }
.lsf-row-shop .list li a::after { content: ''; position: absolute; top: 0; left: 0; }
.lsf-row-shop .list li .content img { max-width: 1.2rem;width: 1.2rem; height: 0.8rem; vertical-align: middle; }
.lsf-row-shop .list li .content span { z-index: 99; display: block; position: absolute; bottom: .16rem; width: 100%; text-align: center; color: #fff; font-size: .16rem; }
.lsf-row-shop .list .row-item{
    border-bottom: 1px solid #eee;
}
.lsf-row-shop .content {
    display: flex;
}
.lsf-row-shop .content .image {
    position: relative;
    margin-right: 0.08rem;
}
.lsf-row-shop .content .image img {
	width: 1.2rem;
    height: 0.8rem;
    border-radius: 4px;
}
.lsf-row-shop .content .text{
    flex: 1;
    position: relative;
    min-width: 0;
    -webkit-box-flex: 1;
    width: 2.5rem;
}
.lsf-row-shop .content .text h4 {
    margin-bottom: 0.08rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lsf-row-shop .content .text .location {
    font-size: 0.12rem;
    margin-bottom: 0 0.1rem;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lsf-row-shop .content .text .shopname a{
    color: #00a7eb;
}

.lsf-row-shop .content .text .shopname h5{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.swiper-container-shop-comment{
    margin-top:0.04rem;
}

.swiper-container-shop-comment .row-item{
    font-size: 0.12rem;
    color: #999;
    padding: 0.04rem;
}
.swiper-container-shop-comment .row-item .container img {
    float:left;
    width: 0.3rem;
    height: 0.3rem;
    margin: 0 .05rem 0 0;
    border-radius: 50%;
}
.swiper-container-shop-comment .row-item .container .right {
    float:left;
}
.swiper-container-shop-comment .row-item .container .username {
    position: relative;
    color: #37c6f5;
    font-size: .12rem;
    font-weight: 600;
    text-align: left;
}
.swiper-container-shop-comment .row-item .container .content {
    overflow: hidden;
    margin: 0 auto;
    width: 3rem;
    color: #999;
    font-size: .12rem;
    text-align: left;
}

.lsf-row-apprise .list li { float: left; position: relative;}
.lsf-row-apprise .list li a { position: relative; }
.lsf-row-apprise .list li a::after { content: ''; position: absolute; top: 0; left: 0; }
.lsf-row-apprise .list li .content img { max-width: 1.2rem;width: 1.2rem; height: 0.8rem; vertical-align: middle; }
.lsf-row-apprise .list li .content span { z-index: 99; display: block; position: absolute; bottom: .16rem; width: 100%; text-align: center; color: #fff; font-size: .16rem; }
.lsf-row-apprise .list .row-item{
    width: 100%;
    border-bottom: 1px solid #eee;
}

.lsf-row-apprise .apprise {
    background: #f1f7fe;
    padding: 0.06rem;
    border-radius: 3px;
}

.lsf-row-apprise .apprise {
    color: #999;
    font-size: 0.12rem;
}

.lsf-row-apprise .apprise .list .list-item{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.lsf-row-apprise .apprise .avatar {
    display: inline-block;
    margin-bottom: 0;
    height: 28px;
    width: 28px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 1em;
}

.lsf-row-apprise .apprise .shopname {
    float:right;
    width:50%;
    color:#333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: right;
}


.row-list a.button {
    display: flex;
}

.lsf-row-apprise .apprise .list .list-item .list-body{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.lsf-row-apprise .apprise .list .list-item .list-body h3 {
    font-size: 0.12rem;
    color: #00a7eb;
    font-weight: 400;
    line-height: 1.5;
}

.lsf-row-apprise .apprise .list .list-item .list-body p {
    font-size: 0.12rem;
    font-weight: 200;
    color: #aaa;
    margin: 0.04rem 0;
    display: inline-block;
}

/**
 * 运营数据
 */
.lsf-row-data { padding-bottom: .26rem; background: transparent url(images/bg-data.png) no-repeat center bottom/100%; }
.lsf-row-data ul { display: block; margin: 0 auto; height: 2.8rem; background-color: #fff; }
.lsf-row-data ul li { float: left; width: 33.3%; padding-top: .24rem; }
.lsf-row-data ul li .title { color: #222; font-size: .12rem; position: relative; text-align: center; font-weight: 600; margin-bottom: .05rem; }
.lsf-row-data ul li .title span { position: absolute; width: .3rem; left: 50%; margin-left: -.15rem; height: .1rem; bottom: -.05rem; border-bottom: 2px solid #00a7eb; }
.lsf-row-data ul li .data { text-align: center; }
.lsf-row-data ul li .data span { color: #00a7eb; font-size: .3rem; }
.lsf-row-data ul li .data i { padding-left: 6px; color: #222; font-size: .12rem; font-weight: normal; font-style: normal; }

/**
 * 用户评价
*/
.lsf-row-comment { padding-bottom: 0; height: 2.2rem; background: linear-gradient(to bottom right,#9198e5, #37c6f5); }
.lsf-row-comment::after { content: '';  position: absolute; top: 0; left: 0; height: 3rem; width: 100%; background: #000; opacity: .3; }
.lsf-row-comment .title {  z-index: 99; position: relative; z-index: 2; width: 100%; color: #fff; font-size: .24rem; text-align: center; line-height: .35rem;}
.lsf-row-comment .swiper-container { overflow: hidden; position: absolute;  left: 50%;  margin-left: -1.7rem; height: 1.5rem; width: 3.4rem; background-color: #fff; }
.lsf-row-comment .row-item { margin: 0 auto; height: 1.47rem; width: 3.4rem; background-color: #fff; }
.lsf-row-comment .row-item .container { position: relative; margin: 0 auto; width: 3rem; height: 1.47rem; }
.lsf-row-comment .row-item .container .username { position: relative; padding-top: .1rem; color: #222; font-size: .14rem; font-weight: 600; text-align: left;}
.lsf-row-comment .row-item .container .username .product { position: absolute; right: 0; font-size: .12rem; font-weight: 400; }
.lsf-row-comment .row-item .container .content { overflow: hidden; margin: 0 auto; padding-top: .15rem; width: 2.5rem; height: .8rem; color: #666; font-size: .14rem; text-align: left; }
.lsf-row-comment .row-item .container .content p {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
}
.lsf-row-comment .row-item .container .quot-next { position: absolute; height: .2rem; width: .2rem; }
.lsf-row-comment .row-item .container .quot-prev { position: absolute; height: .2rem; width: .2rem; left: 0; top: .45rem; }
.lsf-row-comment .row-item .container .quot-next span,
.lsf-row-comment .row-item .container .quot-prev span { position: absolute; margin-right: .2rem; height: .15rem; width: .06rem; background-color: #00a7eb; transform: rotate(7deg); -ms-transform: rotate(7deg); -moz-transform: rotate(7deg); -webkit-transform: rotate(7deg); -o-transform: rotate(7deg); }
.lsf-row-comment .row-item .container .quot-next span:nth-child(1),
.lsf-row-comment .row-item .container .quot-prev span:nth-child(1) { left: 0; }
.lsf-row-comment .row-item .container .quot-next { top: 1.1rem; left: auto; right: 0; }

/**
 * 资讯问答
*/
.lsf-row-news2 { padding-top: .24rem; }
.lsf-row-news2 .row-tab { display: flex; margin: .16rem auto 0 auto; align-items: center; width: 3rem; }
.lsf-row-news2 .row-tab li { width: 1rem; height: .4rem; line-height: .4rem; text-align: center; font-size: .14rem; background-color: #eee; margin-right: .05rem; }
.lsf-row-news2 .row-tab li.active { background-color: #395064; color: #fff; }
.lsf-row-news2 .row-list { margin: .16rem auto; width: 3.34rem; }
.lsf-row-news2 .row-list li,
.lsf-row-news2 .row-list li .left { height: .4rem; line-height: .4rem; font-size: .14rem; position: relative; }
.lsf-row-news2 .row-list li .left { position: absolute; left: 0; color: #222; width: 2.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.lsf-row-news2 .row-list li a { color: #222; }
.lsf-row-news2 .row-list li span { position: absolute; right: 0; color: #999; font-size: .14rem; }
.lsf-row-news2 .row-more { display: block; height: .22rem; line-height: .22rem; text-align: center; }
.lsf-row-news2 .row-more a { color: #00a7eb; font-size: .14rem; }
.lsf-row-news2 .row-more a:nth-child(n+2) { display: none; }

/**
 * 友情连接
*/
.lsf-row-friendlink {  }
.lsf-row-friendlink .row-list a {display: inline-block;
    padding: 0.05rem;
    font-size: 0.14rem;
    color: #666;}
