

* {
    margin: 0px;
    padding: 0px;
    list-style: none
}

body .con p {
    line-height: 30px;
}

body,
html {
    font-size: 62.5%;
    font-family: STHeiti, Microsoft YaHei, Helvetica, Arial, sans-serif
}

.lf {
    float: left;
}

.rt {
    float: left;
}

.clie8,
.cl:after {
    font-size: 0;
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ''
}

.container1 {
    color: #323232;
    font-size: 1.4rem;
    max-width: 800px;
    margin: 0px auto;
    background: #eee;

}

.arc {
    padding: 0 4%;
    background: #fff;
    margin-top: 12px;
}

.social {
    max-width: 640px;
    margin: 0 auto;
    margin-top: 10px;
    padding: 6px 4%;
    border-top: .3px solid #eee;
    border-bottom: .5px solid #eee;
}

.social .pink {
    color: #f07bb5;
}

.get-in {
    font-size: 1.3rem;
    position: relative;
    top: 10px;

}

.more {
    font-size: 0.8rem;
    line-height: 24px;
    color: #999;
}

.arc .title {
    font-size: 2rem;
    font-weight: bolder
}

.arc .toux {
    margin-top: 20px
}

.arc .toux img {
    overflow: hidden;
    border-radius: 45px;
    float: left
}

.arc .toux .txr {
    margin-left: 50px;
}

.arc .toux .txr .name,
.arc .toux .txr .note {
    height: 20px;
    line-height: 20px
}

.arc .toux .txr .name {
    font-size: 1.4rem
}

.arc .toux .txr .note {
    color: #999;
    font-size: 1.2rem;
}

.arc .con {
    font-size: 1.6rem;
    line-height: 2.1rem;
    margin-top: 7px
}

.arc .con p {
    padding: 3px 1px;
}

/*.arc .con img {*/
/*display: block;*/
/*margin: 15px auto*/
/*}*/
.arc .con span img {
    display: block;
    margin: 15px auto
}

.arc .toux .name span {
    color: #fff;
    font-size: 1.2rem;
    padding: 1px 3px;
    background: #D3B6F8;
    border-radius: 3px;
    margin-left: 5px;
}

.pldz {
    margin: 5px 0px 10px 0px;
    padding-bottom: 5px;
    color: #999;
    font-size: 1.2rem;
}

.pldz .left,
.pldz .right {
    height: 40px
}

.pldz .left {
    float: left
}

.pldz .left .time {
    height: 36px;
    line-height: 36px;
    color: #999
}

.pldz .right {
    float: right
}

.dz,
.pl {
    font-size: 1.2rem;
    background-size: 16px 16px;
    padding: 0px 5px 0px 20px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: 20px
}

.dz {

    background-position: left 11px
}

.dz.click {
    color: #ff73b8;

}



.sico {
    display: inline-block;
    background: #D3B6F8;
    color: #fff;
    padding: 1px 3px;
    font-size: 1.2rem;
    border-radius: 2px;
    height: 1.4rem;
    line-height: 1.4rem;
    margin-left: 5px
}

.nav {
    border-bottom: solid 1px #eee;
    padding: 0 4%;
    background: #fff;
}

.pilu .tab-nav li {
    border-bottom: solid 4px #fff;
    float: left;
    padding: 0px 22px;
    height: 40px;
    line-height: 40px;
    font-size: 1.6rem;
    color: #C3C3C3;
}

.pilu .tab-nav li.selected {
    color: #f07bb5;
    border-color: #f07bb5;
}



.pilu .tab-con .pl-block {
    /*padding-bottom: 10px;*/
    border-bottom: solid 1px #eee;
    padding: 16px 4% 14px 4%;
    background: #fff;
}

.pilu .tab-con .pl-block .tdiv {
    position: relative
}

.pilu .tab-con .pl-block .tdiv .left {
    float: left
}

.pilu .tab-con .pl-block .tdiv .left img {
    border-radius: 50%;
    overflow: hidden;
    float: left
}

.pilu .tab-con .pl-block .tdiv .left .name {
    height: 50px;
    line-height: 45px;
    margin-left: 45px;
    font-size: 1.4rem;
    color: #2A2A2A;
    width: 100%;
}

.name .mama {
    background: #ffa4a4;
    color: #fff;
    padding: 1px 3px;
    font-size: 1.2rem;
    border-radius: 3px;
    margin-left: 2px;
}

.name b.yellow {
    background: #ffc46e;
    color: #fff;
    font-size: 1.2rem;
    padding: 1px 3px;
    border-radius: 3px;
    margin-left: 2px;
}

.pilu .tab-con .pl-block .tdiv .right {
    position: absolute;
    right: 10px;
    top: 3px;
    width: 60px;
    height: 50px;
    text-align: right;
}

.pilu .tab-con .pl-block .tdiv .right span {
    display: block;
    height: 18px;
    line-height: 18px;
    color: #c3c3c3;
    font-size: 0.6rem;
}

.pilu .tab-con .pl-block .plcon {
    padding: 0;
    line-height: 25px
}

.pilu .tab-con .pl-block .plcon .con {
    /*margin: 10px 0px 10px 20px;*/
    font-size: 1.6rem;
    min-height: 50px;
}

.pilu .tab-con .pl-block .plcon .huifu {
    font-size: 1.5rem;
    margin: 0 auto;

    background: #f5f5f5;

    padding-left: 13px;
    padding-right: 13px;
    padding-bottom: 10px;
    line-height: 20px;
    position: relative;
}

.pilu .tab-con .pl-block .plcon .huifu img {
    vertical-align: bottom;
}

.pilu .tab-con .pl-block .plcon b {
    border: 10px solid transparent;
    border-bottom-color: #f5f5f5;
    /*position: absolute;*/
    /*top: -19px;*/
    /*right: 79px;*/

}

.triangle {}

.pilu .tab-con .pl-block .plcon .huifu .stack-name {
    color: #4f7cae
}

.pilu .tab-con .pl-block .plcon .huifu .more-answer {
    color: #c3c3c3;
    font-size: 1.3rem;
    text-align: right;
    background: #f5f5f5;
    margin-top: -3px;
}

.pilu .tab-con .pl-block .btool .dian {
    float: right;
    color: #999;
    margin-bottom: 2px;
}

.top-radius {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-left: -5px;
    padding-top: 13px;

}

.top-radius .stack-name {
    margin-left：-18px;
}

.down-radius {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding-bottom: 13px;
}

@media screen and (max-width: 768px) {
    .pilu .tab-con .pl-block .plcon .con {
        margin-left: 30px
    }

    /*.pilu .tab-con .pl-block .plcon .huifu {*/
    /*margin-left: 50px*/
    /*}*/
}

@media screen and (max-width: 480px) {
    .pilu .tab-con .pl-block .plcon .con {
        margin-left: 10px
    }

    /*.pilu .tab-con .pl-block .plcon .huifu {*/
    /*margin-left: 20px*/
    /*}*/
}

.bottom_btn {
    /*padding: 10px;*/
    line-height: 1.3em;
    font-size: 0.9em;
    /*font-weight: 700;*/
    width: 100%;
    max-width: 640px;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    z-index: 2;
    background-color: rgb(255, 79, 121);
    color: white;
}

.foodt-img {
    z-index: 8;
    position: absolute;
    border-radius: 30px;
    max-width: 12%;
}

