html, body {
    width: 100%;
}
body {
   background: url(../images/bg.jpg) top center no-repeat #ffecd9; background-size: 100% auto;
}
* {
    margin: 0px;
    padding: 0px;
}
.wrapper{ margin: 0 auto;
    width: 100%;
    height: 100%;
}
.turnback {
    position: relative;
    width: 100%;
    background-color: #f25a36;
    color: #fff;
    text-align: center;
    height: 10.6667vw;
    line-height: 10.6667vw;
    font-size: 4.8vw;
}

.turnback #turnback{
    position: absolute;
    left: 4%;
    top: 25%;
    width: 3.2%;
}
.content {
    color: #000;
    padding-bottom: 4rem;
}
.content .title {
    text-align: left;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 2.2rem;
    padding: 4.8vw 10px;
}
.content .watchNum { display: block; width: 20vw;  margin-left: 10px; padding: 5px 5px 5px 13%;  font-size: 1.2rem;color: #87421b;   line-height: 2rem; border-radius:2rem; background: url(../images/eye.png)  5% 50% no-repeat #e9d1b9; background-size: contain;}
.content .video-c {
    margin-top: 40vw;
    width: 100%; 
}

.content .description {  padding:  10px;}
.content .description h3 { height: 2rem; font-size: 1.4rem; font-weight: normal; line-height: 1.3rem; text-align: center; border-bottom: 1px solid #ccc; }
.content .description h3::after { content: ''; display: block; width: 2rem; height: .25rem; overflow: hidden; margin: .4rem auto 0 auto; border-radius: 10px; background: #ff8b2e;   }
.content .description p { padding-top: 1rem;  font-size: 1.2rem; line-height: 1.8rem; }

.content .image {
    width: 100%;
    margin-top: 6vw;
}