a{
    text-decoration: none;
    color: #555;
}
a:hover{    
    text-decoration: none;
    color: #555;
}
.muban-page-box{
    width: 100%;
    height: 100%;
}
.muban-page-left{
    float: left;
    width: 68.5%;
    height: 100%;
    padding: 15px;
    background: #fff;
    border-radius: .5vw;
}
.muban-bigpic{
    width: 100%;
    height: auto;
    border-radius: .5vw;
}
.muban-page-right{
    float: right;
    width: 30%;
    height: 100%;
    padding: 15px;
    background: #fff;
    border-radius: .5vw;
}
.muban-title{
    position: relative;
    width: 100%;
    height: 3vw;
    font-size: 1.23vw;
    line-height: 1.5vw;
    color: #666666;
    font-weight: 500;
    text-indent: 1.5em;
}
.pTitle:before{
    content:"";
    background: url("../img/ptitle.png") no-repeat center;
    background-size: 1.3vw;
    position: absolute;
    left: 0px;
    z-index: 16;
    width: 1.5vw;
    height: 1.5vw;
}
.wTitle:before{
    content:"";
    background: url("../img/wtitle.png") no-repeat center;
    background-size: 1.3vw;
    position: absolute;
    left: 0px;
    z-index: 16;
    width: 1.5vw;
    height: 1.5vw;
}
.eTitle:before{
    content:"";
    background: url("../img/etitle.png") no-repeat center;
    background-size: 1.3vw;
    position: absolute;
    left: 0px;
    z-index: 16;
    width: 1.5vw;
    height: 1.5vw;
}
.gTitle:before{
    content:"";
    background: url("../img/gtitle.png") no-repeat center;
    background-size: 1.3vw;
    position: absolute;
    left: 0px;
    z-index: 16;
    width: 1.5vw;
    height: 1.5vw;
}
.sTitle:before{
    content:"";
    background: url("../img/stitle.png") no-repeat center;
    background-size: 1.3vw;
    position: absolute;
    left: 0px;
    z-index: 16;
    width: 1.5vw;
    height: 1.5vw;
}
.muban-fava-box{
    width: 100%;
    height: 2.8vw;
    line-height: 2.8vw;
    margin-top: 5px;
}
.muban-fava{
    float: left;
    width:50%;
    height: 2.8vw;
}
.muban-fava1{
    /* margin-left: 5px;
    margin-right: 30px; */
}
.muban-fava-item{
    position: relative;
    width: 100%;
    height: inherit;
    font-size: 1vw;
    cursor: pointer;
    text-indent: 2.8vw;
}
.muban-fava1 .uncheck:before,.muban-fava1 .unlogin:before{
    content:"";
    background: url("../img/fava2-uncheck.png") no-repeat center;
    background-size: 1.2vw;
    position: absolute;
    left: 0px;
    z-index: 16;
    width: 2.8vw;
    height: 2.8vw;
}
.muban-fava1 .checked:before{
    content:"";
    background: url("../img/fava2-checked.png") no-repeat center;
    background-size: 1.2vw;
    position: absolute;
    left: 0px;
    z-index: 16;
    width: 2.8vw;
    height: 2.8vw;
}
.muban-fava2 .uncheck:before,.muban-fava2 .unlogin:before{
    content:"";
    background: url("../img/fava1-uncheck.png") no-repeat center;
    background-size: 1.2vw;
    position: absolute;
    left: 0px;
    z-index: 16;
    width: 2.8vw;
    height: 2.8vw;
}
.muban-fava2 .checked:before{
    content:"";
    background: url("../img/fava1-checked.png") no-repeat center;
    background-size: 1.2vw;
    position: absolute;
    left: 0px;
    z-index: 16;
    width: 2.8vw;
    height: 2.8vw;
}
#muban-down-btn {
    width: 100%;
    height: 3vw;
    line-height: 3vw;
    text-align: center;
    background: #00CAAC;
    font-size: 1.1vw;
    color: #fff;
    border-radius: .5vw;
    cursor: pointer;
    box-shadow:#00CAAC 0px 0px 5px;
    margin-top: 20px;
    margin-bottom: 30px;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}
#muban-down-btn:hover{
    opacity: .7;
}
#muban-down-btn:active{
    opacity: 0;
}
#muban-down-btn:focus{
    outline:0;
    opacity: 1;
}
.muban-fg{
    width: 100%;
    height: 1px;
    background: #eee;
    margin-bottom: 25px;
    margin-top: 10px;
}
.muban-tags{
    width: 100%;
    height: auto;
}
.muban-tags-item{
    display: inline-block;
    padding: 5px 10px;
    background: #F5F5F5;
    border-radius: .9vw;
    font-size: 1vw;
    margin-bottom: 16px;
    color: #797979;
    margin-right: .5vw;
    margin-left: .5vw;
}
.muban-info-box{
    width: 100%;
    height: auto;
    padding-bottom: 5px;
}
.muban-info-box ul li{
    list-style: none;
    color: #B5B5B5;
    font-size: 1vw;
    margin-bottom: 5px;
}
.muban-info-box ul li span{
    margin-left: 10px;
}
.muban-youlike{
    width: 100%;
    height: auto;
    padding-bottom: 20px;
}
.muban-youlike-header{
    position: relative;
    width: 100%;
    height: 3vw;
}
.muban-youlike-title{
    float: left;
    line-height: 3vw;
    font-size: 1.2vw;
    color: #555555;
}
.muban-youlike-getOther{
    position: relative;
    width: 7vw;
    height: 3vw;
    float: right;
    line-height: 3vw;
    font-size: 1vw;
    text-indent: 2vw;
    color: #888888;
    cursor: pointer;
    text-align: right;
}
.muban-youlike-getOther:before{
    content:"";
    background: url("../img/reload.png") no-repeat center;
    background-size: 1vw;
    position: absolute;
    top: 0;
    right: 3.1vw;
    z-index: 16;
    width: 2vw;
    height: 3vw;
}
.muban-youlike-list{
    width: 100%;
    height: auto;
    padding-bottom: 5px;
}
.muban-youlike-item{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    border-bottom:1px solid #EEEEEE;
    padding: 8px 0;
    cursor: pointer;
}
.muban-youlike-item-img-box{
    display: inline-block;
    border-radius: .3vw;
    overflow: hidden;
}
.muban-youlike-item-pic{
    width: 100%;
}
.youlike-img {
    width: 5.8vw;
    height: 6.6vw;
}
.youlike-p-img {
    width: 8.7vw;
    height: 4.7vw;
}
.muban-youlike-item-info{
    position: absolute;
    top: 20%;
    right: 0;
    display: inline-block;
}
.youlike-info{
    width: calc(100% - 6.8vw);
    height: 40px;
}
.youlike-p-info{
    width: calc(100% - 9.7vw);
    height: 40px;
}
.youlike-info-c1{
    width: 100%;
    font-size: 1vw;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.youlike-info-c2{
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: .9vw;
    color: #B5B5B5;
}