body {

    background-color: #F9F5EA;

    padding-bottom: 40px;
    font-weight: bold;

}

.header {

    padding: 12px;

    text-align: center;

    background-color: #f6e7d5;

    font-size: 16px;

    color: #333333;

    position: relative;

}

.back {

    position: absolute;

    left: 12px;

    top: 13px;

    width: 18px;

}

.l-wrap {

    padding: 30px;

}

.wrap {

    padding: 15px;

}

.l-wrap .img {

    width: 260px;

    display: block;

    margin: 0 auto;

}

.tab-nav {

    padding-top: 20px;

    width: 60%;

    margin: 0 auto;

}

.tab-nav .cell {



}

.tab-nav .cell .c-main{



}

.tab-nav .cell .c-main .text{

    font-size: 16px;

    color: #666666;

    font-weight: bold;

    font-family: "微软雅黑";

}

.tab-nav .cell .c-main .line{

    width: 100%;

    height: 3px;

    background-color: #F4F5FA;

    border-radius: 3px;

    margin-top: 6px;

}

.tab-nav .on .c-main .text{

    color: #333333;

}

.tab-nav .on .c-main .line{

    background-color: #ff9933;

}

.form {

    padding-top: 30px;

}

.form .max-cell {

    display: none;

}

.form .on {

    display: block;

}

.form .max-cell .cell {

    padding-bottom: 12px;

}

.form .max-cell .cell .label {

    font-size: 14px;

    color: #333333;

    padding-bottom: 6px;

}

.form .max-cell .cell .value {

    background-color: #ffffff;

    border-radius: 36px;

    padding: 12px 15px;

}

.form .max-cell .cell .value .icon {

    width: 14px;

}

.form .max-cell .cell .value .input {

    flex: 1;

    padding-left: 10px;

    border: none;

}

.form .max-cell .cell .button {

    width: 140px;

    height: 40px;

    background-color: #ff9933;

    border-radius: 36px;

    font-size: 20px;

    color: #ffffff;

    margin: 20px auto;

    border: none;

    cursor: pointer;

    outline: none;

    display: block;

}

.copy-right {

    text-align: center;

    padding-top: 20px;

    font-size: 14px;

    color: #666666;

    position: fixed;

    left: 0;

    right: 0;

    bottom: 0px;

    padding: 12px 0;

    background-color: #F4F5FA;

}

.lists .cell {

    background-color: #ffffff;

    padding: 8px 12px;

    border-radius: 4px;

    margin-bottom: 12px;

}

.lists .cell .icon {

    width: 32px;

}

.lists .cell .text {

    font-size: 16px;

    color: #333333;

    padding: 0 10px;

}

.lists .cell .r-icon {

    width: 16px;

}





.l-lists .cell {

    padding: 8px 12px;

    border-radius: 4px;

    margin-bottom: 12px;

    border-bottom: 1px dashed #e8e8e8;

}

.l-lists .cell .icon {

    width: 24px;

}

.l-lists .cell .text {

    font-size: 14px;

    color: #333333;

    padding: 0 10px;

}

.l-lists .cell .r-icon {

    width: 16px;

}



.img-box img{

    width: 100%;

}



.d-content {

    padding: 12px;

    background-color: #ffffff;

    border-radius: 8px;

    margin-top: 12px;

}

.d-content .t1 {

    font-size: 18px;

    color: #333333;

    font-weight: bold;

    text-align: center;

}

.d-content .t2 {

    font-size: 15px;

    color: #333333;

    padding-top: 10px;

    line-height: 200%;

}

.title-box {

    margin-top: 12px;

}

/* .title-box .line {

    width: 3px;

    height: 18px;

    background-color: #ff9933;

    border-radius: 3px;

} */

.title-box .text {

    font-size: 18px;

    color: #ffffff;

    font-weight: bold;

    padding: 4px 8px;
    border-radius: 4px;

    background-color: #ff9933;

}

.text-box {

    padding: 12px;

    background-color: #ffffff;

    border-radius: 8px;

    margin-top: 12px;

    font-size: 15px;

    color: #666666;

    line-height: 200%;

}



.tags {

    padding: 12px;

    background-color: #ffffff;

    border-radius: 8px;

    margin-top: 12px;

}

.tags .cell {

    margin-right: 10px;

    margin-bottom: 10px;

    width: calc(50% - 5px);

    padding: 8px;

    background-color: #F5FAFE;

    border-radius: 8px;

    font-size: 14px;

    color: #333333

}

.tags .cell .label {

    font-size: 14px;

    color: #333333;

}

.tags .cell .value {

    font-size: 14px;

    color: #999999;

    padding-left: 5px;

}

.tags .cell:nth-child(2n) {

    margin-right: 0;

}



.play {

    width: 50px;

    margin: 30px auto;

    display: block;

}

.play img {

    width: 100%;

}

.d-nav .link {

    padding: 10px;

    border-radius: 32px;

    background-color: #e2e3e7;

    font-size: 14px;

    color: #666666;

}

.d-nav .c-center a .text {

    font-size: 14px;

    color: #666666;

    padding-left: 6px;

}