* {
font-family:'微软雅黑';
}    
    .font-style:nth-child(1) div:nth-child(4) {
            color: #fff;
        }

        .font-style:nth-child(3) div:nth-child(2) {
            color: #ffe582;
        }

        .font-style:nth-child(3) div:nth-child(3), .font-style:nth-child(3) div:nth-child(4) {
            color: #fff;
        }
.pic-img {
width:100% !important;
}
.pic-img img{
    width:100%;
}
@media screen and (max-width:640px) {
    .bewrite {
    width:200px !important;
    margin-top:5px;
    max-height:35px !important;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:12px !important;
    font-size:12px !important;
  }
    .ric_title_rel, .ric_title {
    font-size:12px !important;
    max-width:100px;
    }
    ._return {
    width:70px;
    left:50px !important;
    line-height:20px !important;
    font-size:10px !important;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    }
    .btn_scale1,.btn_scale2 {
     transform:scale(0.5);
    -moz--transform:scale(0.5);
    -webkit-transform:scale(0.5);
    -ms-transform:scale(0.5);
    -o-transform:scale(0.5);
    }
    .btn_scale1 {
    left:30px !important;
    }
    .btn_scale2 {
    left:60px !important;
    }
}
@media screen and (max-width:450px) {
       .btn_scale1 {
    left:8px !important;
    }
    .btn_scale2 {
    left:33px !important;
    }
}
@media screen and (max-width:400px) {
       .btn_scale1 {
    left:3px !important;
    }
    .btn_scale2 {
    left:28px !important;
    }
    .bewrite {
   width:100px !important;
         }
}
@media screen and (max-width:340px) {
       .btn_scale1 {
    left:-2px !important;
    }
    .btn_scale2 {
    left:25px !important;
    }
}