html,body,div,input,img,ul,li,section,h1,h2,h3,h4,header,p,ul,li,ol,dd,dt,dl{
    padding: 0;
    margin: 0;
    border: 0;
    -webkit-tap-highlight-color: transparent;
}
ul {
    list-style: none;
}
input:focus, button:focus {
    outline: none;
}
input {-webkit-appearance: none;}
textarea::-webkit-textarea-placeholder {
    color: #fff;
}
html,body{
    width: 100%;
    height: 100%;
}
body{
    font-family: "Microsoft yahei", "鐎瑰缍�";
    background: #f3f3f3;
    font-size: 0.26rem;
    line-height: 0.4rem;
    color: #666;
}
a{text-decoration: none;color: #666}
/*input{font-family: "Microsoft yahei", "鐎瑰缍�";}*/
.wrap{
    width:100%;
    height:100%;
    -webkit-transition-duration:.5s;
    transition-duration:.5s;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
.cover {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-repeat:no-repeat;
    background-size: 100% 100%;
}
.banner{
    display: block;
    width:100%;
}
.content{
    overflow: hidden;
}
/*濠婃艾濮╅弬浼存*/
.newScroll{
    width:92%;
    height: 1.18rem;
    background-color:#fff;
    border:1px solid #d8d8d8;
    margin-left:auto;
    margin-right:auto;
    margin-top:.3rem;
    position: relative;
}
.newScroll>div{
    position: absolute;
    top:0;
    left:0;
    background-color:#f54343;
    width: 1.18rem;
    height: 1.18rem;
    overflow: hidden;
    border-right:1px solid #d8d8d8;
}
.newScroll>div>img{
    width:90%;
    margin-left:5%;
    margin-top:5%;
}
.newScroll>dl{
    margin-left:1.19rem;
    padding:.1rem .3rem 0;
}
.newScroll>dl dt{
    font-size:.3rem;
    color:#222;
    height:.5rem;
    line-height:.5rem;
    overflow: hidden;
    font-weight: 600;
}
.newScroll>dl dd{
    font-size:.24rem;
    color:#444;
    line-height:.4rem;
    height:.4rem;
    overflow: hidden;
    position: relative;
}
.newScroll>dl ul{
    width:1000px;
    position: absolute;
    left:0;
    top:0;
}
.newScroll>dl li{
    float: left;
    white-space: nowrap;
}
/*閺嶅洭顣�*/
.h3{
    width:92%;
    margin-left:auto;
    margin-right:auto;
    margin-top:.7rem;
    height:.78rem;
    background-repeat:no-repeat;
    background-size:auto 100%;
    background-position:center;
}
.h3:before{
    content:'';
    float:left;
    display: table;
    width:2rem;
    height:.78rem;
    background:url("http://s0.ifengimg.com/2017/04/20/dashedLeft_c9292e2c.png") no-repeat left center / 100% auto;
}
.h3:after{
    content:'';
    display: table;
    float:right;
    width:2rem;
    height:.78rem;
    background:url("http://s0.ifengimg.com/2017/04/20/dashedLeft_c9292e2c.png") no-repeat left center / 100% auto;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}



/*閸戙倕鍤㈡径瀛樻蒋*/
.headline{
    background-image:url(http://s0.ifengimg.com/2018/02/01/1b8e7255dd00dac2fc802b74344d296f.png);
}
.headList{
    width:92%;
    margin-left:auto;
    margin-right:auto;
    margin-top:.3rem;
    background-color:#fff;
    padding-top:.15rem;
    padding-bottom:.2rem;
}
.headList>dt,
.headList>dd{
    padding-left:.9rem;
}

 /* 强化字体大小设置 */

    .headList>dt{
        font-size:.3rem;
        color: #222;
        font-weight: 600;
        line-height: .4rem;
    }
    
    .headList>dd {
     position: relative; /* 建立定位上下文 */
        font-size: .24rem !important;
        margin-top: .2rem;
       padding-left: 1.2rem; /* 图标预留空间 */
       min-height: 1.2rem; /* 防止内容过短导致错位 */
    }
/* 2. 图标绝对定位 */
.headList .audios {
  position: absolute;
  left: 0.2rem; /* 微调水平位置 */
  top: 50%;
  transform: translateY(-50%);
  width: 0.8rem;
  height: 0.8rem;
  background: url(icon.png) no-repeat center / contain;
}

/* 3. 文本区域保护 */
.headList dd {
  padding-right: 1rem; /* 防止文本贴边 */
  line-height: 1.6; /* 合理的行高 */
}

.headmore{
    display: inline-block;
    margin-left:50%;
    margin-top:.3rem;
    -webkit-transform:translate3D(-50%,0,0);
    transform:translate3D(-50%,0,0);
    color: #f54343;
    font-size:.26rem;
    padding-right:.3rem;
  /*  background:url(http://s0.ifengimg.com/2017/04/20/more1_cf820288.png) no-repeat right center /auto 60%;*/
}
/*閻戭厾娲忛幘顓熷Г*/
.hotHouse{
    margin-bottom:.3rem;
    background-image:url(http://s0.ifengimg.com/2017/04/24/sj_0be7f7b9.png);
}
.hotList{
    padding-right:5%;
    padding-left:5%;
    background-color:#fff;
    border-bottom:1px solid #d8d8d8;
    height: .8rem;
}
.hotList:first-child{
    border-top:1px solid #d8d8d8;
}
.hotList a{
    display: inline-block;
    width:90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right:10%;
    color:#222;
    line-height: .8rem;
    font-size: .3rem;
    font-weight: bold;
    background:url(http://s0.ifengimg.com/2017/04/20/more2_675229a6.png)no-repeat right center / auto 40%;
}
/*濡よ偐娲忛弫鐗堝祦*/
.red{
    color:#f54343;
}
#canvasDiv{
    padding-bottom:.25rem;
    background-color: #fff;
    border-bottom:1px solid #e0e0e0;
}
.header{
    color:#4a4a4a;
    background-color:#fff;
    height:.81rem;
    position:relative;
}
.header>p{
    position:absolute;
}
.header .price{
    top:.1rem;
    left:.3rem;
    height:.8rem;
    line-height:.4rem;
    font-size:.24rem;
}
.header .price span{
    font-size:.3rem;
}
.header .compare{
    top:.1rem;
    left:2.5rem;
    height:.8rem;
    line-height:.4rem;
    font-size:.24rem;
}
.header .compare span{
    font-size:.3rem;
    padding-left:.2rem;
}
.header .compare span.up{
    color:#f54343;
    background:url(http://s0.ifengimg.com/2016/11/23/up_dece85a8.png) no-repeat left center;
    background-size:.16rem .16rem;
}
.header .compare span.down{
    color:#35B87F;
    background:url(http://s0.ifengimg.com/2016/11/23/down_189837cf.png) no-repeat left center;
    background-size:.16rem .16rem;
}
.header .note{
    right:.4rem;
    bottom: -0.02rem;
    color:#999;
    font-size:.22rem;
}

/*闁插秶顥婇幒銊ㄥ礃*/
.recommend{
    background-image:url(http://s0.ifengimg.com/2017/04/20/tj_3998a166.png);
}
.recomCon{
    margin-top:.3rem;
    display: -webkit-box;
    display: -webkit-flex; /* 閺傛壆澧楅張顒冾嚔濞�?: Chrome 21+ */
    display: flex;         /* 閺傛壆澧楅張顒冾嚔濞�?: Opera 12.1, Firefox 22+ */
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;

}
.recomList{
    width:3.3rem;
    position: relative;
    color:#fff;
    font-size: .3rem;
    border-radius: 6px;
    overflow: hidden;
}
.recomList img{
    width:100%;
    height:100%;
    display: block;
}
.recomList p{
    position: absolute;
    left:0;
    right: 0;
    bottom:0;
    font-size: .28rem;
    line-height:.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
   
    padding:.1rem .2rem;
}
.recomList:first-child{
    margin-right:5%;
}
/**********濡よ偐娲忛幒銊ㄥ礃**********/
i{font-style:normal;display:inline-block;}
.more i, .bottom span a i, .fixed dl dt, .fixed dl dd strong {
    background:url(http://s0.ifengimg.com/2016/12/07/zb-icon_868f3b24.png) no-repeat;
}
.lp {
    margin-top:.3rem;
    height:auto;
    overflow: hidden;
    background:#fff;
    padding:0 0.3rem ;
    margin-bottom:0.3rem;
}
.lp li {
    width:100%;
    height:auto;
    overflow: hidden;
    border-bottom:1px solid #ccc;
    padding:0.3rem 0;
    position: relative;
}
.lp li:last-child {
    border:0;
}
.lp  li a {
    width:100%;
    height:100%;
    display: block;
    color:#343434;
    position: relative;
    text-decoration: none;
}
.lp  li img {
    position: absolute;
    left: 0;
    top: 0;
    width:1.8rem;
    height:1.3rem;
    display: block;
}
.lp  li dl {
    width:100%;
    padding-left: 1.9rem;
    box-sizing: border-box;
    height:auto;
}
.lp  li dl dt {
    font:600 0.3rem/0.3rem "瀵邦喛钂嬮梿鍛寸拨";
    padding-bottom:0.1rem;
}
.lp  li dl dd {
    font:0.24rem/0.3rem "瀵邦喛钂嬮梿鍛寸拨";
    color:#acacb3;
    margin-top:0.1rem;
    /*position: relative;*/
}
.lp  li dl dd strong {
    float: right;
    font-weight:normal;
    color:#f54343;
}
.more {
    display: table;
    height:0.3rem;
    font:0.24rem/0.3rem "瀵邦喛钂嬮梿鍛寸拨";
    color: #f54343;
    margin:0 auto;
    text-decoration:none;
    position: relative;
    padding-right:0.3rem;
}
.more i {
    display: block;
    width:0.16rem;
    height:0.26rem;
    position: absolute;
    top:50%;
    right:0.1rem;
    margin-top:-0.13rem;
    background-size:1.3rem 7.2rem;
    background-position: right -0.06rem;
}
/**********鎼存洘鐖�**********/
.bottom {
    margin-top:0.3rem;
    background:#fafafa;
    border-top:1px solid #ccc;
    height:0.94rem;
    display: -webkit-box;
    display: -webkit-flex; /* 閺傛壆澧楅張顒冾嚔濞�?: Chrome 21+ */
    display: flex;         /* 閺傛壆澧楅張顒冾嚔濞�?: Opera 12.1, Firefox 22+ */
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.bottom span {
    display: block;
    width:49%;
    position: relative;
}
.bottom span>a {
    display: table;
    margin: 0 auto;
    padding-left: 0.4rem;
    position: relative;
    font:0.32rem/0.94rem "瀵邦喛钂嬮梿鍛寸拨";
}
.bottom span>a i {
    width:0.3rem;
    height:0.3rem;
    position: absolute;
    left:0;
    top:50%;
    margin-top:-0.15rem;
    background-size:1.3rem 7.2rem;
    background-position: 0 -0.06rem;
}
.bottom span.fx>a i {
    background-position: -0.53rem -0.06rem;
}
.bottom span.wqlm {
    border-right:1px solid #ccc;
}
.bottom span ul {
    position: absolute;
    left:50%;
    margin-left:-1.19rem;
    bottom:1.2rem;
    border:1px solid #ccc;
    border-radius: 0.05rem;
    background:#fafafa;
    width:2.38rem;
    padding:0 0.15rem;
    display: none;
}
.bottom span.current ul {
    display: block;
}
.bottom span ul li {
    width:100%;
    height: 0.68rem;
    border-bottom:1px solid #ccc;
    font:0.3rem/0.68rem "瀵邦喛钂嬮梿鍛寸拨";
    text-align:center;
    position: relative;
    z-index: 2;
    background:#fafafa;
}
.bottom span ul li a {
    color:#343434;
    text-decoration: none
}
.bottom span ul li:last-child {
    border:0;
}
.bottom span ul em, .bottom span ul i {
    font-style:normal;
    font-size:0.5rem;
    position:absolute;
    left:50%;
    bottom:-0.23rem;
    color:#ccc;
    z-index: 1;
    margin-left:-0.15rem;
}
.bottom span ul i {
    bottom:-0.21rem;
    color:#fafafa;
}
/**********瀵顢�**********/
.fixed {
    width:100%;
    height:100%;
    position: fixed;
    left:0;
    bottom:0;
    background:rgba(0,0,0,0.8);
    z-index: 99;
    display: none;
}
.fixed dl {
    width:5.15rem;
    height:auto;
    overflow: hidden;
    margin:3rem auto 0;
}
.fixed dl dt {
    width:1.3rem;
    height:1.1rem;
    float:right;
    background-size:1.3rem 7.2rem;
    background-position: 0 -4.73rem;
}
.fixed dl dd {
    width:100%;
    height:auto;
    overflow: hidden;
    color:#f54343;
    font-size: 0.4rem;
    line-height: 1.12rem;
}
.fixed dl dd strong {
    display: inline-block;
    width:0.98rem;
    height:1.12rem;
    background-size:1.3rem 7.2rem;
    background-position: 0 -2.13rem;
    vertical-align: bottom;
    margin:0 0.1rem;
}
.fixed dl dd strong.s02 {
    background-position: 0 -3.38rem;
}
.fixed a {
    display: table;
    margin:1.9rem auto 0;
    padding: 0.1rem 0.4rem;
    color:#f54343;
    border:1px solid #f54343;
    border-radius: 0.05rem;
    font-size:0.3rem;
}

/* 市场动态 */
.scdt{
    background: #fff;
    margin-left: 4%;
    margin-top: .3rem;
    padding: .3rem 0 .3rem .2rem;
    position: relative;
}
.scdt img{
    display: inline-block;
    width: .32rem;
}
.scdt .swiper-container{
    position: absolute;
    left:.58rem;
    top: 0;
    bottom:0;
    right:0;
    margin:.3rem 0;
}
.scdt .swiper-slide{
    width: 3.8rem;
    border-right:1px solid #D8DBE3;
}
.scdt .swiper-slide:last-child{
    border:0;
}
.scdt .tourongzi{
    width: auto;
    height: .3rem;
}
.scdt .renwu{
    width: auto;
    height: .3rem;
}
.scdt .tudi{
    width: auto;
    height: .27rem;
}
.scdt .xiaodao{
    width: auto;
    height: .32rem;
}
.dtList{
    position: absolute;
    left: .3rem;
    top:0;
    bottom:0;
    right: .3rem;
}
.dtList h2 {
    height: .32rem;
    margin-bottom: .2rem;
}
.dtList p{
    font-size: .28rem;
    line-height: .4rem;
}
.dtList h2 img{
    float: left;
}
.dtList h2 span{
    display: block;
    float: right;
    font-size: .24rem;
    line-height: .32rem;
    color: #9FA6B8;
}
.newsBlock{
    background: #fff;
    margin:.3rem .3rem 0;
    padding: .3rem 0;
    border-radius: 6px;
    position: relative;
}
.newsBlock .headList{
    margin:0;
    width: auto;
    padding: .3rem;
}
.newsBlock .newsTitle{
    display: inline-block;
    height: .44rem;
    margin-left: .3rem;
}
.newsBlock .headList dd,.newsBlock .headList dt{
    padding-left: .46rem;
}
.newsBlock .headList dd span{
    left: 0;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: .25rem;
    height: .37rem;
    background:  url("https://s0.ifengimg.com/2019/12/23/sound_17fbddf8.png") no-repeat;
    background-size: 100% auto; 
}
.newsBlock .headmore{
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    margin: 0;
    transform: translateX(0);
    padding: .2rem .3rem .3rem .2rem;
    color: #666;
    font-size: .26rem;
}
.gngBlock{
    padding-top: .3rem;
}
.gng-swiper{
    height: 2.8rem;
}
.gng-swiper .swiper-slide{
    width: 5.6rem;
    padding: 0 0 0 .3rem;
}
.gng-swiper .swiper-slide:last-child{
    padding-right: .3rem;
}
.gng-swiper .swiper-slide img{
    width: 100%;
}
.gng-swiper .swiper-slide span{
    position: absolute;
    top: .25rem;
    left: .55rem;
    background: #FC2440;
    color: #fff;
    font-size: .2rem;
    line-height: .28rem;
    padding: .06rem .08rem;
}
.gng-swiper .swiper-slide .info{
    position: absolute;
    left:.3rem;
    right: .3rem;
    bottom:0;
    color: #fff;
    padding:0 .3rem;
}
.gng-swiper .swiper-slide .info h4{
    font-size: .3rem;
    line-height: .42rem;
}
.gng-swiper .swiper-slide .info em{
    font-style: normal;
    line-height: .46rem;
    color: rgba(255,255,255,.7);
    font-size: .22rem;
}
.zbtj{
    padding: .3rem;
}
.zbtj .newsTitle{
    margin:0;
}
.xiaodao .headList dt,.xiaodao .headList dd{
    padding:0; 
}
.newScroll .blueBg{
    background-color: #1665a7;
}