/*@font-face{
    font-family: 'apply-simple';
    src : url('./apply-simple.ttf');
}
body{
    font-family:apply-simple!important;
}*/
a:-webkit-any-link{
    text-decoration:none
}
.header{width: 100%;height: 50px;border-bottom: 1px solid #d7d7d7}
.header .return{position: absolute;top: 1rem;left: 0.5rem}
.header .return img{width: 1.4rem}
.header .title{width: 100%;text-align: center;font-size: 20px;font-weight: 700;line-height: 50px;color:#222}
.detail .image{ padding: 16px 12px; }
.detail .image img{ width: 140px;height: 140px }
.detail .title{ width: calc(100% - 168px);padding-top: 1rem; min-height: 110px;}
.detail .title .title-content{ padding: 0px 0px 0px 0px;min-height: 60px; font-size: 16px;color:#464B55}
.detail .title .title-content label{ font-weight:300;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  word-break: break-all;  overflow: hidden;}
.detail .title .price{ color:#ff002b;font-weight: 600;font-size: 16px }
.detail .title .price strong{ font-size: 22px;font-weight: 900 }
.detail .title .price>div:first-child{ line-height: 25px;margin-right: 5px }
.detail .title .self{ position:relative;left:1em;font-size: 12px;  color:#999;line-height: 11px}
.detail .title .self span{text-decoration:line-through}
.else{
    min-height: 50px;
    padding-top: 2px;
}
.guide{

}
.guide img{
    width: 28px;
    margin-right: 6px;
}
.detail .border-bottom{border-bottom: 1px solid #EBEBEB}
.target{padding: 1rem;}
.target label{font-size: 16px;font-weight: 500;}
.target span img{width:30px;margin-right:1rem }
.target .trigger a{margin-right:3px;padding: 0px 13px;border-radius: 0px;border-color: #e4393c;color: #ff002b; }
.private-price-icon{
    font-size: 14px;
    background: #ff002b;
    color: white;
    padding: 2px 10px;
    border-radius: 16px;
    font-weight: 300;
}
@media screen and (width: 320px ){
    .detail .title .title-content{
        min-height: 60px!important;
    }
    .detail .title .self{
        margin-left: 0px;
    }
    .detail .title .price>div:first-child{
        /*line-height: 17px;*/
    }
}
@media screen and (min-width: 320px ) and (max-width: 360px ) {
    .detail .title .self{
        float: right;
        left:auto;
        right:0em;
    }
    .detail .title .title-content{
         /*min-height: 75px;*/
    }
    .private-price-icon{
        line-height: 17px;
        font-size: 12px;
    }
    .detail .title .price{
        font-size: 14px;
    }
    .detail .title .price>div:first-child{
        line-height: 18px;
    }
    .detail .title .price strong{
        font-size: 15px;line-height: 22px;
    }
}
@media screen and (min-width: 365px )and (max-width: 374px ) {
    .detail .title .self{
        margin-left: 2px!important;
    }
}
@media screen and (max-width: 413px ) {
    .detail .title .self{
        float: right;
        left: auto;
        right: 0em
    }
}
@media screen and (width: 414px ) {
    .detail .title .self{
        float: right;
        left: auto;
        right: 1.4em
    }
}

a:active
{
    text-decoration:none
}