.bx{
    display: -webkit-box;
    display:-moz-box;
    position: relative;
}
.bxf1{
    -webkit-box-flex:1;
    -moz-box-flex: 1;
}
.bxh{
    -webkit-box-orient:horizontal;
    -moz-box-orient:horizontal;
}
.bxv{
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
}
.bxc{
    -webkit-box-pack:center;
    -webkit-box-align:center;
    -moz-box-pack:center;
    -moz-box-align:center;
}
/*分享下载打开APP*/
.popupFloatTips {
    position: fixed;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0,0,0,.69);
    max-width: 640px;
    left: 50%!important;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.popupFloatTips.commonTips img {
    width: 2.56rem;
    height: .75rem;
    float: none;
    margin-right: 0;
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -1.28rem;
}
.popupFloatTips .tips_close {
    position: absolute;
    width: 68%;
    height: .38rem;
    line-height: .38rem;
    text-align: center;
    top: 54%;
    left: 16%;
    font-size: .16rem;
    color: #fff;
    border: 1px solid #fff;
    border-radius: .03rem;
}
/*头部样式*/
.header-box{
    width: 100%;
    height: 1.28rem;
    background-image: url("//mued3.jia.com/image/mobile/Materials/brand.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.newHeader{
    background-color: rgba(0,0,0,0);
}
.newHeader .backtohis{
    border-left: .02rem solid #fff;
    border-bottom: .02rem solid #fff;
    width: .12rem;
    height: .12rem;
    display: inline-block;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    margin: .14rem .15rem;
    text-indent: -9999px;
}
.newHeader .share-icon{
    background: url(//mued3.jia.com/image/mobile/zhuangxiu/zxgs/share-white-icon.png) no-repeat 0 0;
    background-size: 100%;
    width: .2rem;
    height: .2rem;
    right: .1rem;
    top: .1rem;
    margin: 0;
}
/*展开样式*/
.zk-box{
    width:2.96rem;
    /*height:2.135rem;*/
    background:rgba(255,255,255,1);
    border:1px solid rgba(255,255,255,1);
    box-shadow:0px 0.045rem 0.13rem 0px rgba(11,23,58,0.1);
    border-radius:0.045rem;
    z-index: 2;
    margin-left: 0.12rem;
    margin-top: -0.71rem;
    padding-bottom:0.145rem;
}
.zk-title{
    width: 100%;
    height: 0.71rem;
}
.zk-title .xian{
    width:0.34rem;
    height:1px;
    background:rgba(0,0,38,1);
}
.zk-title .title{
    font-size:0.24rem;
    font-weight:bold;
    color:rgba(0,0,38,1);
    margin: 0 0.125rem;
}
.zk-mh{
    position: absolute;
    left: 0.12rem;
    top: 0.04rem;
    width: 0.2rem;
    height: 0.2rem;
    background-image: url("//mued3.jia.com/image/mobile/Materials/mh.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.zk-text{
    width:2.425rem;
    font-size:0.13rem;
    font-weight:500;
    color:rgba(51,51,51,1);
    line-height:0.19rem;
    margin-left: 0.41rem;
    margin-top: 0.08rem;
}
.zk-hidden{
    height: 0.92rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:5;
    overflow: hidden;
}
.zk-but{
    width: 100%;
    font-size:0.11rem;
    font-weight:500;
    color:rgba(153,153,153,1);
    margin-top: 0.2rem;
    margin-left: -0.075rem;
    display: none;
}
.zk-but .arrow{
    position: absolute;
    top: .03rem;
    left: 1.65rem;
    width: .06rem;
    height: .06rem;
    border-top: .015rem solid #999;
    border-left: .015rem solid #999;
    border-radius: 1px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.zk-but.fewer .arrow{transform: rotate(45deg);
    -webkit-transform: rotate(45deg);top:.05rem;}
/*品牌*/
.pingpai{
    width: 2.96rem;
    padding: 0 0.12rem;
    margin-top:0.34rem;
}
.pingpai-title{
    font-size:0.18rem;
    font-weight:800;
    color:rgba(0,0,40,1);
}
.pingpai-list{
    display: flex;
    display: -webkit-flex;
    flex-direction:row;
    flex-wrap:wrap;
    width: 2.86rem;
    margin-top: 0.17rem;
    margin-left: 0.05rem;
}
.pingpai-list>.pingpai-box:nth-child(3n){
    margin-right: 0;
}
.pingpai-box{
    width:0.855rem;
    height:0.855rem;
    background:rgba(255,255,255,1);
    border:1px solid rgba(224,224,224,1);
    border-radius:0.045rem;
    overflow: hidden;
    margin-bottom: 0.23rem;
    margin-right:4.1%;
}
.pingpai-img{
    width: 100%;
    height: 0.665rem;
    overflow: hidden;
}
.pingpai-img img{
    width: 100%;
    height: auto;
}
.pingpai-text{
    font-size:0.095rem;
    color:rgba(255,255,255,1);
    background:rgba(219,177,105,1);
    line-height: 0.19rem;
}
/*达人推荐*/
.recommend{
    width: 2.96rem;
    padding: 0 0.12rem;
    margin-top: 0.11rem;
}
.recommend-title{
    font-size:0.18rem;
    font-weight:800;
    color:rgba(0,0,40,1);
}
.recommend-list{
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ECEBEB;
    margin-top: 0.215rem;
    margin-left: 0;
    padding-left: 0;
}
.recommend-xinxi{
    width: 100%;
}
.recommend-img{
    position: relative;
    width:0.52rem;
    height: 0.52rem;
    border-radius: 50%;
    overflow: hidden;
}
.v5hg{
    content: '';
    position: absolute;
    bottom: -.01rem;
    left: -.01rem;
    width: .55rem;
    height: .7rem;
    background: url(//mued3.jia.com/image/mobile/Materials/v5Hg.png) 0 0 no-repeat;
    background-size: 100%;
}
.recommend-img img{
    width:0.52rem;
    height: 0.52rem;
}
.recommend-box{
    height: 0.52rem;
    -webkit-box-pack:center;
    -webkit-box-align:start;
    -moz-box-pack:center;
    -moz-box-align:start;
    margin-left:0.095rem;
}
.recommend-box-name{
    font-size:0.11rem;
    font-weight:500;
    color:rgba(51,51,51,1);
}
.recommend-ch{
    display: inline-block;
    color: #fff;
    font-size: .07rem;
    border-bottom-left-radius: .05rem;
    border-top-right-radius: .05rem;
    height: .1rem;
    line-height: .1rem;
    padding: 0 .04rem;
    background: -webkit-gradient(linear, left top, right bottom, from(#e124c6) , to(#b942f4));
    background: -webkit-linear-gradient(left, #e124c6 ,#b942f4);
    background: -o-linear-gradient(left, #e124c6 , #b942f4);
    background: linear-gradient(45deg,#e124c6 ,#b942f4);
    padding-top: 0.01rem;
}
.level-symbol{
    display: inline-block;
    color: #fff;
    font-size: .07rem;
    border-bottom-left-radius: .05rem;
    border-top-right-radius: .05rem;
    margin-left: .05rem;
    height: .1rem;
    line-height: .1rem;
    padding: 0 .04rem;
    font-style: italic;
    background: -webkit-gradient(linear, left top, right bottom, from(#ff951d) , to(#ff4b0e));
    background: -webkit-linear-gradient(left, #ff951d ,#ff4b0e);
    background: -o-linear-gradient(left, #ff951d , #ff4b0e);
    background: linear-gradient(45deg, #ff951d ,#ff4b0e);
    padding-top: 0.01rem;
}
.recommend-bold-text{
    font-size:0.13rem;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:0.19rem;
    margin-top: 0.08rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.recommend-cotent-text{
    font-size:0.13rem;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:0.19rem;
    margin-top: 0.075rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.video-box{
    position:relative;
    margin-top:0.17rem;
    max-height:2rem;
    overflow: hidden;
}
.video-but{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -0.1875rem;
    margin-left: -0.1875rem;
    width: 0.375rem;
    height: 0.375rem;
    background-image: url("//mued3.jia.com/image/mobile/Materials/vido-but.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 1;
}
.video-wrap{
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
    display: none;
}
.video-wrap .video-show{
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    margin-top: -0.9rem;
    height: 1.8rem;
}
.eye-box{
    width: 100%;
    -webkit-box-pack:start;
    -webkit-box-align:center;
    -moz-box-pack:start;
    -moz-box-align:center;
    margin-top:0.17rem;
    margin-bottom: 0.21rem;
}
.eye{
    width: 0.135rem;
    height: 0.075rem;
    background-image: url("//mued3.jia.com/image/mobile/Materials/eye.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.eye-box-num{
    font-size:0.1rem;
    font-weight:500;
    color:rgba(153,153,153,1);
    margin-left:0.035rem;
}
.but-box{
    width: 100%;
}
.add-but{
    width: 1.11rem;
    height:0.325rem;
    background:rgba(255,255,255,1);
    border:1px solid rgba(224,224,224,1);
    border-radius:0.16rem;
    -webkit-box-pack:start;
    -webkit-box-align:center;
    -moz-box-pack:start;
    -moz-box-align:center;
    margin-top:0.215rem;
    cursor:pointer;
}
.add-but .add-but-text{
    font-size:0.11rem;
    font-weight:400;
    color:rgba(51,51,51,1);
    margin-left:0.275rem;
}
.add-but .arrow{
    width: .06rem;
    height: .06rem;
    border-top: 2px solid #333;
    border-left: 2px solid #333;
    border-radius: 1px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin-left: 0.07rem;
    margin-top: -0.025rem;
}
/*爆款选购*/
.explosive{
    width: 2.96rem;
    padding: 0 0.12rem;
    margin-top: 0.42rem;
}
.explosive-title{
    font-size:0.18rem;
    font-weight:800;
    color:rgba(0,0,40,1);
}
.explosive-img{
    margin-top: 0.065rem;
    width: 100%;
    box-shadow:0px 0.045rem 0.13rem 0px rgba(11,23,58,0.1);
}
.list-img{
    margin-top: 0.125rem;
    width: 100%;
}
/*弹窗*/
.y-tc-box{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 23;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    display:none;
    width: 100%;
}
.y-ng-tc{
    margin-top: -0.5rem;
    width: 2.56rem;
    height: 2.86rem;
    border-radius:0.07rem;
    box-shadow:0px 9px 26px 0px rgba(11,23,58,0.1);
    background-color: #fff;
    -webkit-box-pack: start;
    -webkit-box-align: center;
    -moz-box-pack: start;
    -moz-box-align: center;
}
.close{
    position: absolute;
    top: 0.125rem;
    right: 0.125rem;
    width:0.125rem;
    height: 0.125rem;
    background-image: url("//mued3.jia.com/image/mobile/Materials/close.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.y-ng-title{
    font-size:0.155rem;
    font-weight:bold;
    color:rgba(51,51,51,1);
    margin-top: 0.25rem;
}
.jieduan{
    width: 2rem;
    height: 0.19rem;
    background-image: url("//mued3.jia.com/image/mobile/Materials/jieduan.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    margin-top: 0.125rem;
}
.jieduan-zi{
    margin-top: 0.1rem;
    font-size:0.11rem;
    font-weight:500;
    color:rgba(153,153,153,1);
    margin-left: 0.05rem;
}
.yy-inputfrom{
    display: -webkit-flex;
    display: flex;
    padding: .09rem 0rem .09rem .12rem;
    border-bottom: 1px solid #E0E0E0;
    margin-top: 0.15rem;
    position: relative;
}
.name-img{
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.0625rem;
    width:0.125rem;
    height: 0.125rem;
    background-image: url("//mued3.jia.com/image/mobile/Materials/pepole.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.phone-img{
    position: absolute;
    top: 50%;
    left: 0;
    width: 0.09rem;
    height: 0.125rem;
    margin-top: -0.0625rem;
    background-image: url("//mued3.jia.com/image/mobile/Materials/phone.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.inputname{
    width: 2.04rem;
    height: 0.16rem;
    outline: none;
    border: none;
    font-size: 0.13rem;
    color: #000;
    line-height: 0.16rem;
    background-color: rgba(0,0,0,0);
    padding-left: 0.055rem;
}
.inputname::-webkit-input-placeholder {
    color:#999999;
    text-transform:uppercase;
    font-size: 0.13rem;
}
.y-ng-but{
    width: 1.73rem;
    height: 0.375rem;
    background:linear-gradient(90deg,rgba(241,97,47,1) 0%,rgba(238,45,27,1) 100%);
    box-shadow:0px 0.045rem 0.13rem 0px rgba(238, 27, 45, 0.35);
    border-radius:0.19rem;
    margin-top: 0.235rem;
    font-size:0.13rem;
    font-weight:500;
    color:rgba(255,255,255,1);
}
/*下载APP顶部样式*/
.flix-logo{
    position: absolute;
    left: 0;
    top: 0.43rem;
    width: 100%;
    height: 0.47rem;
    background:rgba(243,243,243,1);
    box-shadow:0px 0.045rem 0.045rem 0px rgba(11,23,58,0.1);
    -webkit-box-pack:start;
    -webkit-box-align:center;
    -moz-box-pack:start;
    -moz-box-align:center;
    z-index: 3;
    display:none;
}
.logo-jc{
    width:0.28rem;
    height: 0.28rem;
    background-image: url("//mued3.jia.com/image/mobile/Materials/logo.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: 0.12rem;
}
.logo-title-box{
    width: 1.5rem;
    height: 0.28rem;
    margin-top: -0.1rem;
    margin-left: 0.085rem;
}
.logo-title{
    font-size:0.13rem;
    font-weight:800;
    color:rgba(0,0,40,1);
}
.logo-text{
    font-size:0.1rem;
    font-weight:400;
    color:rgba(132,132,148,1);
}
.flix-logo-but{
    width: 0.6rem;
    height: 0.24rem;
    background:linear-gradient(90deg,rgba(241,97,47,1) 0%,rgba(238,45,27,1) 100%);
    box-shadow:0px 0.025rem 0.065rem 0px rgba(239,47,28,0.3);
    border-radius:0.12rem;
    font-size:0.1rem;
    color:rgba(255,255,255,1);
    margin-left: 0.475rem;
}
/*引导app打开的css*/
.yingdao-ios-img{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    background:rgba(255,255,255,1);
    overflow: hidden;
    width: 100%;
    z-index: 99;
    -webkit-box-pack:center;
    -webkit-box-align:start;
    -moz-box-pack:center;
    -moz-box-align:start;
    display: none;
}
.yingdao-ios-img img{
    width: 2.77rem;
    margin-top: 0.05rem;
}
.yingdao-Android-img{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    background:rgba(0,0,0,0.6);
    overflow: hidden;
    width: 100%;
    z-index: 99;
    display: none;
}
.yingdao-Android-img-box{
    width: 100%;
    height:1.41rem;
    background-color: #fff;
}
.yingdao-Android-img img{
    width:2.66rem;
    height: 1.05rem;
    margin-left: 0.3rem;
    margin-top: 0.07rem;
}
/*判断引导是否显示，盒子上定*/
.zk-box-top{
    margin-top: -0.25rem;
}