@charset "utf-8";
/* CSS Document */
body{margin:0 auto;font-size:0.24rem;font-family:"微软雅黑",Arial,Helvetica,sans-serif;color:#000;text-align:left;background-color:#000;}
img{border:0;}
form,input,select,div,ul,li,p,h,h1,h2,h3,h4,em,i{margin:0;padding:0; list-style-type:none; font-weight:normal; font-family:"微软雅黑";font-style:normal;}
a{text-decoration:none; color:#4b4b4b;cursor:pointer}

.yearRankContainer {position: relative;width: 100%;height: auto;margin: 0 auto;max-width: 7.5rem;overflow: hidden;}

.yearRankTop {display: table;width: 100%;height: 16.24rem;position: relative;background: url("/images/application/wap/com/yearrank/yearRank_icon1.png?r=1") no-repeat;background-size: 100% 100%;}
.yearRankTopCon {position: relative;z-index: 1;width: 7.5rem;height: 16.24rem;margin: 0 auto;display: table;}
.yearRankTopConLogo {display: table;background: url("/images/application/wap/com/yearrank/yearRank_icon3.png") no-repeat;background-size: 100% 100%;width: 2.96rem;height: 4.05rem;margin: 2.19rem auto 0;}
.yearRankTopConTitle {float: left;width: 100%;height: 1.3rem;line-height: 1.3rem;text-align: center;font-size: 0.98rem;color: #b5935f;margin-top: 0.97rem;font-weight: bold;}
.yearRankTopConEtitle {float: left;width: 100%;height: 0.31rem;line-height: 0.31rem;text-align: center;font-size: 0.24rem;color: #b5935f;margin-top: 0.12rem;margin-bottom: 3.9rem;}
.yearRankTopConJiantou {display: table;background: url("/images/application/wap/com/yearrank/yearRank_icon5.png") no-repeat;background-size: 100% 100%;width: 0.62rem;height: 0.86rem;margin: 0 auto;}

.yearRankVevryGood {display: block;width: 100%;height: 17.79rem;margin: 0 auto;position: relative;}
.yearRankVevryGoodBg {position: absolute;top: 1.75rem;left: 0;width: 100%;height: 4.22rem;opacity: 0.3;background-size: 100% 100%;}
.yearRankVevryGoodCon {position: relative;z-index: 1;display: table;width: 6.9rem;height: 100%;margin: 0 auto;}
.yearRankVevryGoodConTitle {float: left;width: 100%;height: auto;margin-top: 0.64rem;}
.yearRankVevryGoodConTitle span {float: left;width: 100%;height: 0.26rem;line-height: 0.26rem;text-align: center;font-size: 0.2rem;color: #b5935f;letter-spacing: 0.06rem;}
.yearRankVevryGoodConTitle p {float: left;width: 100%;height: 0.85rem;line-height: 0.85rem;text-align: center;font-size: 0.64rem;color: #b5935f;font-weight: bold;letter-spacing: 0.19rem;}
.yearRankVevryGoodCon .topOne {float: left;width: 100%;height: 2.82rem;margin-top: 0.48rem;}
.yearRankVevryGoodCon .topOne .topOneImg {float: left;width: 1.88rem;height: 2.82rem;border: solid 1px rgba(255, 255, 255, 0.5);position: relative;}
.yearRankVevryGoodCon .topOne .topOneImg em {position: absolute;top: 0;left: 0;width: 0.24rem;height: 0.24rem;background-color: #b5935f;border-radius: 0 0 0.16rem 0.16rem;line-height: 0.24rem;text-align: center;color: #ffffff;font-size: 0.18rem;}
.yearRankVevryGoodCon .topOne .topOneImg img {float: left;width: 100%;height: 100%;}
.yearRankVevryGoodCon .topOne .topOneCenter {float: left;width: 4.72rem;height: 100%;margin-left: 0.24rem;}
.yearRankVevryGoodCon .topOne .topOneCenter .title {float: left;width: 100%;height: 0.37rem;line-height: 0.37rem;text-align: left;font-size: 0.28rem;color: #ffffff;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.yearRankVevryGoodCon .topOne .topOneCenter .etitle {float: left;width: 100%;height: 0.24rem;line-height: 0.24rem;text-align: left;font-size: 0.18rem;color: #ffffff;opacity: 0.6;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 0.04rem;}
.yearRankVevryGoodCon .topOne .topOneCenter .con {float: left;width: 100%;height: 1.31rem;margin-top: 0.16rem;position: relative;}
.yearRankVevryGoodCon .topOne .topOneCenter .con em {position: absolute;top: -0.12rem;left: -0.09rem;background: url("/images/application/wap/com/yearrank/yearRank_icon6.png") no-repeat;width: 0.33rem;height: 0.28rem;background-size: 100% 100%;}
.yearRankVevryGoodCon .topOne .topOneCenter .con p {float: left;width: 100%;height: 100%;line-height: 0.32rem;font-size: 0.24rem;color: #ffffff;overflow: hidden;position: relative;z-index: 1;}
.yearRankVevryGoodCon .topOne .topOneCenter .content {float: left;width: 100%;height: 0.64rem;margin-top: 0.06rem;}
.yearRankVevryGoodCon .topOne .topOneCenter .content .price {float: left;width: auto;height: 0.55rem;line-height: 0.55rem;color: #ffffff;font-size: 0.42rem;text-align: left;font-weight: bold;margin-top: 0.09rem;}
.yearRankVevryGoodCon .topOne .topOneCenter .content .oldprice {float: left;width: auto;height: 0.24rem;line-height: 0.24rem;color: #ffffff;font-size: 0.18rem;text-align: left;text-decoration: line-through;opacity: 0.5;margin-top: 0.37rem;margin-left: 0.14rem;}
.yearRankVevryGoodCon .topOne .topOneCenter .content .pingfen {float: right;width: auto;height: 0.64rem;}
.yearRankVevryGoodCon .topOne .topOneCenter .content .pingfen span {float: left;width: auto;height: 0.64rem;line-height: 0.64rem;text-align: left;font-size: 0.48rem;color: #b5935f;}
.yearRankVevryGoodCon .topOne .topOneCenter .content .pingfen em {float: left;background: url("/images/application/wap/com/yearrank/yearRank_icon8.png") no-repeat;background-size: 100% 100%;width: 0.16rem;height: 0.16rem;margin: 0.33rem 0 0 0;}
.topCommodityUl {float: left;width: 100%;height: 11.3rem;margin-top: 0.56rem;}
.topCommodityLi {float: left;width: 1.85rem;height: 3.59rem;margin-right: 0.63rem;margin-bottom: 0.24rem;}
.topCommodityLi:nth-child(3n) {margin-right: 0;}
.topCommodityLi .imgCon {float: left;width: 100%;height: 2.82rem;border: solid 1px rgba(255, 255, 255, 0.5);position: relative;}
.topCommodityLi .imgCon em {position: absolute;top: 0;left: 0;width: 0.24rem;height: 0.24rem;border-radius: 0 0 0.12rem 0;line-height: 0.24rem;text-align: center;font-size: 0.18rem;color: #ffffff;background-color: rgba(51, 51, 51, 0.8);}
.topCommodityLi .imgCon img {float: left;width: 100%;height: 100%;}
.topCommodityLi .commodityCon {float: left;width: 100%;height: 0.78rem;position: relative;}
.topCommodityLi .commodityCon .title {position: absolute;top: -0.79rem;width: 100%;height: 0.78rem;line-height: 0.39rem;text-align: center;font-size: 0.22rem;color: #ffffff;overflow: hidden;background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%);}
.topCommodityLi .commodityCon .pingfen {float: left;width: 100%;height: 0.31rem;}
.topCommodityLi .commodityCon .pingfen span {float: left;width: auto;height: 0.31rem;line-height: 0.31rem;text-align: left;font-size: 0.24rem;color: #b5935f;}
.topCommodityLi .commodityCon .pingfen em {float: left;background: url("/images/application/wap/com/yearrank/yearRank_icon8.png") no-repeat;background-size: 100% 100%;width: 0.16rem;height: 0.16rem;margin: 0.09rem 0 0 0.04rem;}
.topCommodityLi .commodityCon .price {float: left;width: auto;height: 0.37rem;line-height: 0.37rem;text-align: left;font-size: 0.28rem;color: #ffffff;}
.topCommodityLi .commodityCon .oldprice {float: left;width: auto;height: 0.24rem;line-height: 0.24rem;text-align: left;font-size: 0.18rem;color: #ffffff;opacity: 0.5;text-decoration: line-through;margin-top: 0.11rem;}

.yearRankType {display: block;width: 100%;height: 10.95rem;margin: 0 auto;position: relative;}
.yearRankTypeBg {position: absolute;top: 0;left: 0;width: 100%;height: 4.22rem;opacity: 0.3;background-size: 100% 100%;}
.yearRankTypeCon {position: relative;z-index: 1;display: table;width: 6.9rem;height: 100%;margin: 0 auto;}
.yearRankTypeTab {position: absolute;top: 0.61rem;left: 0;width: 100%;height: 0.95rem;overflow: hidden;}
.yearRankTypeTabC {height: 100%;display: block;white-space: nowrap;text-align: left;overflow-x: scroll;font-size: 0;}
.yearRankTypeTabCon {display: inline-block;width: auto;height: 100%;opacity: 0.5;cursor: pointer;margin-right: 0.72rem;}
.yearRankTypeTabCon span {float: left;width: auto;height: 0.21rem;line-height: 0.21rem;text-align: left;font-size: 0.16rem;color: #b5935f;clear: both;}
.yearRankTypeTabCon p {float: left;width: auto;height: 0.74rem;line-height: 0.74rem;text-align: left;font-size: 0.56rem;color: #b5935f;font-weight: bold;clear: both;}
.yearRankTypeTabCon.checked {opacity: 1;}
.yearRankTypeConUl {float: left;width: 100%;height: 8.03rem;margin-top: 2.04rem;}
.yearRankTypeConLi {float: left;width: 3.29rem;height: 1.35rem;margin: 0 0 0.32rem 0;}
.yearRankTypeConLi:nth-child(2n) {float: right}
.yearRankTypeConLi .imgCon {float: left;width: 0.9rem;height: 1.35rem;border: solid 1px rgba(255, 255, 255, 0.5);position: relative;}
.yearRankTypeConLi .imgCon em {position: absolute;top: 0;left: 0;width: 0.19rem;height: 0.19rem;background-color: rgba(99, 68, 45, 0.8);border-radius: 0 0 0.12rem 0;line-height: 0.19rem;text-align: center;font-size: 0.12rem;color: #ffffff;}
.yearRankTypeConLi .imgCon img {float: left;width: 100%;height: 100%;}
.yearRankTypeConLi .commodityCon {float: left;width: 2.22rem;height: 100%;margin-left: 0.12rem;}
.yearRankTypeConLi .commodityCon .title {float: left;width: auto;max-width: 100%;height: 0.59rem;line-height: 0.29rem;text-align: left;font-size: 0.22rem;color: #ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.yearRankTypeConLi .commodityCon .pingfen {float: left;width: 100%;height: 0.31rem;margin-left: 0.16rem;margin-bottom: 0.1rem;}
.yearRankTypeConLi .commodityCon .pingfen span {float: left;width: auto;height: 0.31rem;line-height: 0.31rem;text-align: left;font-size: 0.24rem;color: #b5935f;}
.yearRankTypeConLi .commodityCon .pingfen em {float: left;background: url("/images/application/wap/com/yearrank/yearRank_icon8.png") no-repeat;width: 0.16rem;height: 0.16rem;margin: 0.09rem 0 0 0.04rem;background-size: 100% 100%;}
.yearRankTypeConLi .commodityCon .price {float: left;width: auto;height: 0.31rem;line-height: 0.31rem;text-align: left;font-size: 0.24rem;font-weight: bold;color: #ffffff;}
.yearRankTypeConLi .commodityCon .oldprice {float: left;width: auto;height: 0.2rem;line-height: 0.2rem;text-align: left;font-size: 0.14rem;
    color: #ffffff;opacity: 0.5;text-decoration: line-through;margin-left: 0.04rem;margin-top: 0.1rem;}
.yearRankTypeConLi .commodityCon .shidi {float: left;width: 0.28rem;height: 0.17rem;background-color: #b5935f;line-height: 0.17rem;text-align: center;font-size: 0.12rem;color: #000000;margin-top: 0.1rem;margin-left: 0.08rem;}

.yearRankBigEvent {display: table;width: 6.9rem;height: 14.26rem;margin: 0 auto;}
.yearRankBigEventTitle {float: left;width: 100%;height: 1.38rem;margin-top: 0.96rem;position: relative;}
.yearRankBigEventTitle em {position: absolute;top: -0.35rem;left: -0;background: url("/images/application/wap/com/yearrank/yearRank_icon9.png") no-repeat;background-size: 100% 100%;width: 3.23rem;height: 1.32rem;}
.yearRankBigEventTitle .year {position: relative;z-index: 1;float: left;width: 100%;height: 0.64rem;line-height: 0.64rem;text-align: left;font-size: 0.64rem;font-weight: bold;color: #b5935f;letter-spacing: 0.08rem;}
.yearRankBigEventTitle .text {position: relative;z-index: 1;float: left;width: 100%;height: 0.64rem;line-height: 0.64rem;text-align: left;font-size: 0.48rem;font-weight: bold;color: #b5935f;letter-spacing: 0.06rem;}
.yearRankBigEventTitle .text span {font-size: 0.12rem;}
.yearRankBigEventUl {float: left;width: 100%;height: 10.56rem;margin-top: 0.48rem;overflow-x: hidden;overflow-y: scroll;}
.yearRankBigEventLi {float: left;width: 100%;height: auto;margin-bottom: 0.24rem;padding-bottom: 0.24rem;border-bottom: solid 1px #444444;}
.yearRankBigEventLi em {float: left;background: url("/images/application/wap/com/yearrank/yearRank_icon10.png") no-repeat;background-size: 100% 100%;width: 0.24rem;height: 0.2rem;margin-bottom: 0.08rem;}
.yearRankBigEventLi .title {float: left;width: 100%;height: auto;line-height: 0.36rem;font-size: 0.24rem;color: #ffffff;text-align: left;}

.yearRankNextExpect {display: block;width: 100%;height: 9.66rem;margin: 0 auto;position: relative;}
.yearRankNextExpectBg {position: absolute;top: 0;left: 0;width: 100%;height: 4.22rem;opacity: 0.3;background-size: 100% 100%;}
.yearRankNextExpectCon {position: relative;z-index: 1;display: inline-block;width: 100%;height: 100%;margin: 0 auto;}
.yearRankNextExpectConTitle {float: left;width: 100%;height: 1.11rem;margin-top: 0.64rem;margin-bottom: 0.48rem;}
.yearRankNextExpectConTitle span {float: left;width: 100%;height: 0.26rem;line-height: 0.26rem;text-align: center;font-size: 0.2rem;letter-spacing: 0.06rem;color: #b5935f;}
.yearRankNextExpectConTitle p {float: left;width: 100%;height: 0.85rem;line-height: 0.85rem;text-align: center;font-size: 0.64rem;letter-spacing: 0.19rem;color: #b5935f;font-weight: bold;}
.yearRankNextExpectConUl {display: inline-block;width: 100%;height: 5.81rem;margin: 0 auto;position: relative;}
.yearRankNextExpectConUlCon {float: left;width: 10000px;height: 100%;position: absolute;top: 0;left: -0.19rem;}
.yearRankNextExpectConUl .yearRankNextExpectConLi {float: left;width: 1.34rem;height: 2rem;margin-right: 0.16rem;position: relative;margin-top: 0.41rem;}
.yearRankNextExpectConUl .yearRankNextExpectConLi img {float: left;width: 100%;height: 100%;border: solid 1px rgba(255, 255, 255, 0.5);cursor: pointer;}
.yearRankNextExpectConUl .yearRankNextExpectConLiCon {position: absolute;top: 3.14rem;left: -2.5rem;right: 0;width: 6.9rem;height: 2.51rem;display: none;margin: 0 auto;overflow: hidden;}
.yearRankNextExpectConLiCon .con {float: left;width: 100%;height: 100%;line-height: 0.36rem;color: #ffffff;font-size: 0.24rem;text-align: left;}
.yearRankNextExpectConUl .swiper-slide-active {width: 1.88rem!important;height: 2.82rem;margin-top: 0;}
.yearRankNextExpectConUl .swiper-slide-active .yearRankNextExpectConLiCon {display: block;}
.yearRankNextExpectConBottom {display: table;width: 6.9rem;height: 0.74rem;margin: 0.16rem auto 0;}
.yearRankNextExpectConBottom .fengexian {float: left;width: 4rem;height: 0.02rem;background-color: #b5935f;margin-top: 0.35rem;}
.yearRankNextExpectConBottom .year {float: left;width: auto;height: 0.74rem;line-height: 0.74rem;text-align: left;font-size: 0.56rem;font-weight: bold;color: #b5935f;margin-left: 0.16rem;}
.yearRankNextExpectConBottom .text {float: left;width: auto;height: 0.37rem;line-height: 0.37rem;text-align: left;font-size: 0.2rem;color: #b5935f;margin-left: 0.08rem;}

.yearRankBootom {display: table;width: 100%;height: 16.24rem;position: relative;background: url("/images/application/wap/com/yearrank/yearRank_icon1.png?r=1") no-repeat;background-size: 100% 100%;}
.yearRankBootomCon {position: relative;z-index: 1;display: table;width: 100%;height: auto;margin: 4.28rem auto 0;}
.yearRankBootomConTxt {display: table;width: 100%;height: auto;margin: 0 auto 0.71rem;}
.yearRankBootomConTxtCon {float: left;width: 100%;height: auto;line-height: 0.85rem;font-size: 0.5rem;font-weight: bold;color: #b5935f;text-align: center;}
.yearRankBootomConTxtCon p {float: left;width: 100%;height: auto;line-height: 0.85rem;font-size: 0.48rem;font-weight: bold;color: #b5935f;text-align: center;}
.yearRankBootomCon a {display: table;width: 4rem;height: 1.08rem;border: solid 0.04rem #b5935f;margin: 0 auto 0.32rem;}
.yearRankBootomCon a span {float: left;width: auto;height: 1.08rem;line-height: 1.08rem;text-align: center;font-size: 0.36rem;color: #b5935f;margin-left: 0.32rem;}
.yearRankBootomCon a em {float: right;background: url("/images/application/wap/com/yearrank/yearRank_icon11.png") no-repeat;width: 0.35rem;height: 0.33rem;margin: 0.32rem 0.32rem 0 0;background-size: 100% 100%;}