body{
    background: #efeff7;
}
.my_w{
    padding-bottom: 3.4em; 
    -webkit-overflow-scrolling: touch;  
}

.my_h{
    height: 3.2em;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #fff;
    opacity: 0.5;
}


.my_color1{
    color: #e83e27;
}

.icon-i-1{
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    display: inline-block;
}
.icon-i-1:before{
    content:"\e959";
    font-size: 2em;
    color: #666; 
}
.icon-i-2:before{
    content:"\e957";
    font-size: 1.25em;
    color: #666; 
}

.icon-i-3:before{
    content:"\e958";
    font-size: 1.25em;
    color: #666; 
}
.my_p{   
    top: 0.43em;
}
.my_p img{
    width: 2.3em;
}
.my_p_1{
    left: 0.625em;
}
.my_p_2{
    right: 3.3em;
}
.my_p_3{
    right: 0.625em;
}

.my_p1_1{
    left: 0.68em;
    top: 0.6em;
}
.my_p1_2{
    right: 2.8em;
    top: 1.2em;
}
.my_p1_3{
    right: 0.72em;
    top: 1.2em;
}
.my_sp3{
    color: #e83e27;
    margin-right: 0.4em;
}

.my_bold{
    font-weight: bolder;
}
.ml8{
    margin-left:  0.5em;
}
.mt8{
    margin-top: 0.5em;
}
.mr8{
    margin-right: 0.5em;
}
.font10{
    font-size: 0.625em;
}
.font11{
    font-size: 0.69em;
}
.font12{
    font-size:0.75em;
}
.font14{
    font-size:0.875em;
}
.font15{
    font-size:1.07em;
}
.font18{
    font-size: 1.125em;
}
.font20{
    font-size: 1.25em;
}
.font26{
    font-size:1.65em;
}
.ml5{
    margin-left: 0.31em;
}
.mt10{
    margin-top:0.625em;
}
.color3{
    color:#333;
}
.color6{
    color: #666;
}
.color9{
    color:#999;
}
.color9b{
    color: #9b9b9b;
}



.swiper-container {
    width: 100%;
    position: relative;
}
.swiper-pagination{
    position: absolute;
    color: #fff;
    background: #000;
    opacity: 0.4;
    height: 2.4em;
    line-height: 2.4em;
    border-radius: 50%; 
    bottom: 0.56em;
    right: 0.625em;
}
.swiper-container .swiper-pagination-fraction{      
    width: 2.4em;
    left: 88%;
}
.swiper-container img{
    width: 100%;
    height: auto;
}
.swiper-pagination{
    position: absolute;
}




.my_review_tit{
    padding-left:0.625em;
    padding-right:0.625em;
    height:3.2em;
    line-height:3.2em;
    margin-bottom:1px;
    background:#fff;
   
}
.my_review_tit span{
    margin-left:0.3em;
}
.icon-slh:before{
    content:"\e958";
    font-size:1em;
    line-height:3em;
}
.icon-xx:before{
    content:"\e953";
    font-size:0.625em;
    color: #e83e27;
}
.my_review_user_z{
    padding-top:0.5em;
    padding-left:0.625em;
    padding-right:0.625em;
    padding-bottom:0.875em;
    background:#fff;
}
.my_review_user{
    height:2.6em;
    position:relative;
    
}
.my_review_user img{
    width:2.6em;
    margin-right:3px;
    border-radius: 100%;
}
.my_re_rz{
    margin-left:5px;
    line-height: 100%;
}
.my_re_jp img{
    width:0.625em;
    height:0.625em;
}
.my_re_jp{
    position:absolute;
    left:3em;
    bottom:0;
}
.my_re_jp{
    padding:2px 6px;
    margin-left:11px;
    background:#e83e27;
    color:#fff;
    font-size:0.75em;
    border-radius: 4px;
}
.my_review_time{
    margin-top:0.94em;
    margin-bottom:0.875em;
    line-height: 100%;
}
.my_review_con{
    padding-left:0.625em;
    padding-right:0.625em;
    clear:both;
}
.my_review_all{
    width:100%;
    background:#fff;
    height:3.6em;
    line-height:3.6em;
    text-align:center;
    margin-top:1px;
    margin-bottom: 0.625em;
    color:#e83e27;
    font-weight:bold;
    
}
.icon-review{
    position: relative;
    margin-left:0.125em;
}
.icon-review:before{
    content:"\e965";
    font-size: 1.5em;
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
}


.my_u{
    height: 3.2em;
    line-height: 3.2em;
    padding: 0 5em;
    display: flex;
    justify-content: space-around;
}
.my_u li a{
    color: #333;
}
.my_price{

    margin-bottom: 0.625em;
}
.my_pr1,.my_pr2{
    height: 100%;
}
.my_pr1{
    margin-left: 0.625em; 
}
.my_pr1_1{
    height: 2.25em;
    line-height: 2.25em;
    margin-top: 0.625em;
    margin-right: 0.625em;
}
.my_pr1_1 span,.my_sp2{
    font-weight: bold;
}
.my_pr1_s2{
    font-size: 1.65em;
}
.my_pr1_2{
    height: 3em;
    line-height: 3.25em;
    margin-top: 0.625em;
    color: #9b9b9b;
    font-size: 0.8em;
}
.my_pr1_2 span{   
    text-decoration: line-through;
}
.my_pr2{
    margin-top: 1.25em;
    margin-right: 0.625em;
}
.icon-i-4:before{
    content:"\e975";
    font-size: 1.25em;
    color: #333;
}
.my_sale{
    font-size: 0.8em;
}
.my_sale span:nth-of-type(1){
    color: #9b9b9b;
}
.my_con{
    padding: 0.91em 0.625em;
    margin-bottom: 0.625em;
}
.my_con span{
    display: inline;
}
.my_sp{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.my_pos {display:flex;justify-content:flex-start;align-items:center;}
.my_sp1{
    background: #e83e27;
    color: #fff;
    padding: 0.3em 0.5em;
    border-radius: 2px;
    font-size: 0.8em;
    margin-right: 1em; 
}
.my_sp2{
    color: #333;
}
.my_u1{
    padding-top: 0.625em; 
}
.my_u1 li{
    display: inline-block;
    font-size: 0.75em;
    color: #999;
    margin-right: 0.6em;
}
.my_fav{
    padding: 0.9em 0.625em;
    margin-bottom: 0.125em;
}
.my_lab{
    color: #9b9b9b;
    font-size: 14px;
    margin-right: 1.25em;
    float:left;
}
.my_fav span{
    font-size: 0.85em;
    float:left;
    display: block;
    height:2em;
}
.my_fav_a{
    padding: 0.2em 0.5em;
    color: #fff;
    margin-right: 1.625em;
}
.my_fav_a img{
    height: 2em;
}
.my_fav_img1{
    left: -0.38em;
}
.my_fav_a_1{
    background: url("../images/yhq_c.png") no-repeat;
    background-size: cover;
    height: 2em;
    line-height: 2em;
}
.my_fav_b{
    color: #999;
    padding: 0.2em 0.625em;
    border-radius: 100px;
    border: 1px solid #979797;
}
.my_con2{
    padding: 1em 0.625em;
    margin-bottom:  0.125em;
}
.my_hd{
    width: 82%;
}
.my_act{
    padding-right: 2.375em;
    overflow: hidden;
    height: 1.81em;
}
.my_cat{
    font-size: 0.75em;
    color: #e83e27;
    padding: 0.125em 0.5em;
    border: 1px solid #e83e27;
    border-radius: 100px;
    margin-right: 0.3em; 
}
.icon-i-5{
    right: 1em;
    top: 1.3em;
}
.icon-i-5:before{
    content:"\e958";
    font-size: 1.25em;
    color: #333;
}
.my_act1{
    margin-top: 0.75em;
}
.my_cat1{
    padding: 0.125em 1em;
    margin-right: 0.44em;  
}
.my_pro1{
    font-size: 0.875em;
    color: #333;
}
.my_pro1 i{
    font-size: 0.69em;
    color: #999;
}
.my_fav .my_sp3{
    color: #333;
    font-size: 0.875em;
    line-height: 1.56em;
}
.my_sp4{
    margin-right: 0.6em;
    font-size:  0.875em;
    color: #333;
}
.my_sp5{
    padding-top: 0.625em;
    font-size: 0.875em;
}
.my_u2{
    padding: 0.875em 0.75em 0.625em 0.312em;
    margin-bottom: 0.625em;
}
.my_u2 .my_dot{
    width: 0.188em;
    height: 0.188em;
    background: #e83e27;
    border-radius: 50%;
    margin: 0.4em 0.312em;
}
.my_u2 li{
    padding-left:  0.312em;
    line-height: 1em;
    font-size: 0.75em;
    padding-bottom: 0.312em; 
}
.my_con4{
    padding: 0.94em 0;
    text-align: center;
}



.my_foot{
    position: fixed;
    bottom: 0;
    height: 3.125em;
    width: 100%;
}
.my_f1{
    width: 41.4%;
    background: #fff;
    height: 100%;
    text-align: center;
    padding-top: 0.44em;
    display: flex;
    justify-content: space-around;
}
.my_f2{
    width: 29.3%;  
    height: 100%;
    text-align: center;
    color: #fff;
    font-size: 0.94em;
}
.my_f3{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fb8c49), to(#f5a623));  
    line-height: 3.125em;
}
.my_f4{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5724f), to(#e83e27)); 
    padding-top: 0.3em; 
}
.my_f4 span{
    display: block;
}
.font9{
    font-size: 0.56em;
    line-height: 1em;
}
.icon-i-6:before{
    content:"\e962";
    font-size: 1.25em;
    color: #666; 
}
.icon-i-7:before{
    content:"\e956";
    font-size: 1.25em;
    color: #666; 
}
.icon-i-8:before{
    content:"\e960";
    font-size: 1.25em;
    color: #666; 
}
.my_f1 p{
    font-size: 0.6em;
}

.icon-i-9{
    position: relative;
    margin-left: 0.125em;
}
.icon-i-9:before{
    content:"\e956";
    font-size: 1.5em;
    color: #e83e27; 
    position: absolute;
    top: 0;
}