body{
    background: url(../images/back.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
    height: auto;
}
main .top{
    margin-top: 0.3rem;
    background-color: white;
    padding: 0 0.3rem 0.3rem;
}
main .top h3{
    font-size: 0.6rem;
    line-height: 0.9rem;
    padding-top: 0.3rem;
}
.top .time{
    font-size: 0.24rem;
    color: #8f8f8f;
    margin-top: 0.2rem;
}
.top .con{
    border: 0.02rem double #3CC79B;
    /* border-style: double; */
    margin-top: 0.3rem;
    position: relative;
    padding: 0.1rem;
}
.top .con .border{
    border: 0.02rem double #3CC79B;
}
.top .conten{
    margin-top: 0.3rem;
    position: relative;
}
.top .con .yin{
    position: absolute;
    width: 0.8rem;
    top: -20%;
    left: 1%;
    z-index: 9;
}
.top .back .ju{
    width: 0.95rem;
    position: absolute;
    top: -20%;
    left: 40%;
    z-index: 9;
}
.top .back{
    /* background-image: linear-gradient(to right, #3CC79B, #58B5E5); */
    background-color: #edfff5;
    position: relative;
    left: -0.1rem;
}
.top  .name{
    text-align: center;
    padding: 0.2rem 0;
    font-size: 0.33rem;
    font-weight: 600;
    margin-top: 0.3rem;
    color: #000;
    position: relative;
    z-index: 99;
} 
.wj{
    padding: 0.5rem 0;
    border-top:0.02rem solid #c7c7c7 ;
    border-bottom:0.02rem solid #c7c7c7 ;
}
.wj .wjt{
    width: 0.4rem;
} 
.wj p{
    margin-left: 0.5rem;
} 
.wj p a{
    color: #808080;
    font-size: 0.2rem;
    margin-top: 0.1rem;
    display: inline-block;
}
.top .con .p2{
    padding: 0.3rem ;
    line-height: 0.4rem;
    font-size: 0.32rem;
    text-align: justify;
}
.clear{
    clear: both;
}
.top .na{
    text-align: center;
    padding: 0.6rem 0;
    font-size: 0.4rem;
    color: #8b9078;
    background: url(../images/yin.jpg) 0 0.3rem no-repeat;
    background-size: 10% 50%;
}
.top .cons{
    padding: 0.3rem 0;
    line-height: 0.5rem;
    font-size: 0.32rem;
    text-align: justify;
}
.top .cent{
    text-align: center;
}
.top .wan{
    width: 3.3rem;
    height: 6.6rem;
    padding-bottom: 0.3rem;
    display: inline-block;
}
main .pinl{
    padding: 0.2rem 0.3rem ;
}
main .pinl h2{
    font-size: 0.45rem;
}
.pinl .cont{
    background: url(../images/bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.pinl .cont{
    background-color: white;
    padding:0 0.2rem 0.2rem;
}
.pinl .cont li{
    margin-top: 0.2rem;
    padding: 0.2rem 0;
    border-bottom: 0.02rem solid #a8a8a8;
}
.pinl .cont li img{
    width: 0.8rem;
    /* width: 8%; */
}
.pinl .cont li div{
    /* width: 5.5rem; */
    margin-left: 0.15rem;
    width: 84%;
}
.pinl .cont li div .p1{
    font-size: 0.24rem;
    color: #808080;
}
.pinl .cont li div .p2{
    font-size: 0.26rem;
    margin-top: 0.1rem;
}
main .fo{
    background: url(../images/bg.png);
    background-repeat: no-repeat;
    padding: 0.1rem 0.2rem;
    text-align: center;
    margin-top: 0.3rem;
    background-size: 100% 100%;
}
main .fo textarea{
    width:93%;
    margin-top: 0.3rem;
    padding: 0.2rem;
    outline: none;
    border-radius: 0.1rem;
    background-color: #e5e5e5;
    font-size: 0.32rem;
}
main .fo button{
    width: 2rem;
    height: 0.66rem;
    border: none;
    color: white;
    background-image: linear-gradient(to right,#3CC79B, #58B5E5);
    /* margin-top: 0.4rem; */
    margin: 0.3rem 0;
    border-radius: 0.1rem;
}
