.mokuai-media .media-type{margin-top: -.47rem;}
.mokuai-media .media-type ul{}
.mokuai-media .media-type ul li{width: 50%;display: inline-block;vertical-align: top;position: relative;padding: .2rem .2rem .2rem .95rem;box-sizing: border-box;letter-spacing: .03rem;border-radius: .2rem .2rem 0 0;background: #f8b62d;cursor:pointer;}
.mokuai-media .media-type ul li.on{background: #f3f3f3;}
.mokuai-media .media-type ul li:before{display: block;content: "";width: .56rem;height: .56rem;position: absolute;top: 0;bottom: 0;left: .3rem;margin: auto;}
.mokuai-media .media-type ul li.network:before{background: url('../images/icon-network.png')no-repeat;background-size: 100% 100%;}
.mokuai-media .media-type ul li.tradition:before{background: url('../images/icon-tradition.png')no-repeat;background-size: 100% 100%;}

.mokuai-media .media-type ul li p{font-size: .3rem;color: #595757;line-height: .3rem;}
.mokuai-media .media-type-details{height: 4.1rem;background: #f8b62d;border-radius: 0 0 .2rem .2rem;}
.mokuai-media .media-type-details .details-option{padding: .25rem .2rem;background: #f3f3f3;height: 100%;box-sizing: border-box;}
.mokuai-media .media-type-details .details-option.network{margin-right: .2rem;border-radius: 0 .2rem .2rem .2rem;}
.mokuai-media .media-type-details .details-option.tradition{margin-left: .2rem;border-radius: .2rem 0 .2rem .2rem;}
.mokuai-media .media-type-details .details-option .details-header{}
.mokuai-media .media-type-details .details-option .details-header p{display: inline-block;vertical-align: top;width: 20%;cursor:pointer;}
.mokuai-media .media-type-details .details-option .details-header p span{font-size: .24rem;color: #595757;line-height: .4rem;display: inline-block;box-sizing: border-box;position: relative;}
.mokuai-media .media-type-details .details-option .details-header p.on span:after{position: absolute;bottom: 0;width: 100%;height: .02rem;background: #f8b62d;content: "";display: block;}
.mokuai-media .media-type-details .details-option .details-nr{margin-top: .15rem;}
.mokuai-media .media-type-details .details-option .details-nr .nr-option{}
.mokuai-media .media-type-details .details-option .details-nr .nr-option p{display: inline-block;vertical-align: top;width: 31%;margin: 0 3% 3% 0;}
.mokuai-media .media-type-details .details-option .details-nr .nr-option p:nth-child(3n+3){margin-right: 0;}
.mokuai-media .media-type-details .details-option .details-nr .nr-option p img{display: inline-block;}