@charset "utf-8";
body { background-color: #FFF;}
header, .header {border-bottom: 0}
.index {height: 2.3rem; padding-top: 0.2rem;}
#header { position: fixed; z-index: 999 !important; top: 0; bottom: auto; left: 0; right: 0;}
#header .header-l .index a { width: 1.8rem; height: 1.8rem; padding: 0.4rem 0.4rem 0.1rem 0;}
#header .header-r a {position: relative;
z-index: 1;
display: inline-block;
vertical-align: top;
width: 0.95rem;
height: 0.95rem;
padding: 0.8rem 0.5rem;
}

#header .header-l a i.user { width: 5.5rem; height: 1.5rem; background-image: url(../images/indexlogo.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%;margin: 0.2rem 0.6rem 0.4rem 0;}
#header .header-r a i.message { width: 1.2rem; height: 1.2rem;  background-image: url(../myimg/icon_account.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 90%;opacity: 1;}
#header .header-r a sup { background: #f60; border: 1px solid #fff; position: absolute; width: 0.3rem; height: 0.3rem; right: 11px; top: 11px;z-index: 11;}
.header-inp { border: 0; margin: 0.275rem 2.2rem 0 2.2rem;}
.wtm-home-top { display: block; min-height: 2.2rem; position: relative;  z-index: 999; background-color: #fff;}
.wtm-home-top .cohesive {display: block; height: 2rem;}
.wtm-nav-container { top: 2.49rem;}
.pt{padding-top:2.5rem;}
.show_list { position: relative; z-index: 1;overflow: hidden;padding: 0px 10px 0 10px;}
.swiper-slide img { width: 100%;border-radius: 5px;}
.wtm-scroll-nav .wai{ width: 98%;}

.wtm-home-block more{
    position: absolute;
    right: 0.4rem;
    top: 0.2rem;
    z-index: 1;
}

.highlists {
  background: #fff;
}

@keyframes fade {
    from {
        opacity: 1.0;
    }
    50% {
        opacity: 0.4;
    }
    to {
        opacity: 1.0;
    }
}

@-webkit-keyframes fade {
    from {
        opacity: 1.0;
    }
    50% {
        opacity: 0.4;
    }
    to {
        opacity: 1.0;
    }
}

.goods-content i {
    position: absolute;
    display: inline-block;
    top: 0.5rem;
    right: 0.1rem;
    font-size: .55rem;
    color: #ffffff;
    padding: .15rem .15rem .1rem .15rem;
    border-radius: .15rem 0 .15rem 0;
    background: linear-gradient(45deg,#e8a04c,#ea9c41,#e17922,#d92017);
    z-index: 2;
	animation: fade 600ms infinite;
    -webkit-animation: fade 600ms infinite;
}

.gonginfonew{
	display: flex;
    align-items: baseline;
    width: 96%;
	font-family: din-pro;
	border-radius: 0.3rem;
	background-color: #2a2b31;
}

.gonggaoinfonew{
    width: 100%;
    text-align: left;
    line-height: 1rem;
    font-size: 0.6rem;
	overflow: auto;
	height: 200px;
	color: #ffffff;
	text-overflow: ellipsis;
	margin: 0.3rem;
}

.van-progress {
    position: relative;
    background: #fff;
    border-radius: .10667rem;
	margin: 0.5rem;
	border-radius: 1rem;
}

.vportion {
    text-align: center;
	font-size: 0.55rem;
	position: absolute;
    z-index: 999;
	font-weight: 600;
}

.van-progress__portion {
    position: absolute;
    left: 0;
    height: 100%;
    background: #1989fa;
    border-radius: inherit;
}


.goods-time {
    color: #999;
    font-size: 0.55rem;
    font-weight: normal;
    text-align: right;
    margin-right: 0.3rem;
}

.goods-time .time-remain {
    line-height: 0.8rem;
    font-size: 0.55rem;
    font-weight: 600;
    color: #e9c665;
}

.goods-time .time-remain em{background: #e9c665; border-radius: 0.1rem; color: #343645; display: inline-block; font-size: 0.55rem; line-height: 1rem; margin: 0 0.5rem; text-align: center; width: 1rem;}

.money-index::before {
    content: "৳";
}


.home-center {
    left: 15px;
    top: 15px;
}

.home-center img {
    width: 16px;
}

.home-center .logos {
    width: 20px;
}
.home-center ul {
    background: #f4f8fb;
    display: none;
    width: 100px;
}

.home-center ul li {
    padding-left: 10px;
    border-bottom: 1px solid #f1f1f1;
}


.wtm-home-nav { background-color: #494a58; position: relative; z-index: 0; border-bottom: solid 0.05rem #494a58;margin: 0.3rem;border-radius: 0.3rem;}
.wtm-home-nav ul { font-size: 0; overflow: hidden;}
.wtm-home-nav li { float: left; width: 25%; padding: 0 0 0.4rem 0;}
.wtm-home-nav li a { display: block; text-align: center;}
.wtm-home-nav li span { display: inline-block; width: 2.4rem; height: 2.4rem; border-radius: 100%;}
.wtm-home-nav li span i { display: block; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: 50%;}
.wtm-home-nav li p { display: block; font-size: 0.55rem; line-height: 0.9rem; color: #d0d0d0;}

.wtm-home-box { display: block; margin: 0 auto; overflow: hidden; position: relative; z-index: 0; }
.wtm-home-block { width: 100%; clear: both;}
.wtm-home-block .tit-bar {font-size: 0.65rem;font-weight: normal;line-height: 1.8rem;border-left: 0;color: #e9c665;padding-left: 12px;}
.wtm-home-block .tit-bar span:before { content: ''; display: block; width: 50%; height: 0.05rem; background: #ccc; position: absolute;top: 0.9rem;left: -60%;}
.wtm-home-block .tit-bar span:after { content: '';display: block; width: 50%; height: 0.05rem;background: #ccc; position: absolute; top: 0.9rem;right: -60%;}
.wtm-home-block .stit { font-size: 12px; text-align: center; color: #999; margin-bottom: 10px;}

.wtm-home-block .more {position: relative;font-size: 0.6rem;right: 0.4rem; text-align: center; color: #e9c665;z-index: 1;float: right;}

.wtm-home-block .content { display: block;}
.item-goods {}
.item-goods ul.goods-list { font-size: 0; margin-bottom: 0.5rem;}
.item-goods ul.goods-list li { background-color: #FFF; vertical-align: top; display: inline-block; width: 49.8%; padding-top:15px; overflow: hidden; border-bottom: 1px solid #F0F0F0;}
.item-goods ul.goods-list li:nth-child(odd) { border-right: 1px solid #F0F0F0;}
.item-goods ul.goods-list li:nth-child(even) {}
.item-goods ul.goods-list li a { display: block;}
.item-goods ul.goods-list li .goods-pic { width: 100%;}
.item-goods ul.goods-list li .goods-pic img { display: block;  width: 90%; border-radius: 0.2rem;  height: auto;  margin: 0 auto;}

.item-goods ul.goods-list li .goods-pic span {width: 50px;position: absolute;}

.tit-bar em{
    float: left;
    width: 4px;
    height: 23px;
    background: #ff1558;
    position: relative;
    margin-top: 7px;
    margin-right: 8px;
}


.goods-item em.goods-fen {
    font-size: 0.5rem;
    font-weight: 600;
    background-color: #DB4453;
    color: #fff;
    padding: 0 0.5rem;
    float: right;
    border-radius: 15px;
}

.item-goods ul.goods-list li dl { padding: 0.2rem;}
.item-goods ul.goods-list li dt.goods-name { display: block; font-size: 0.6rem; line-height: 0.8rem; color: #585c64; margin: 5px; height:1.6rem; max-height:1.6rem; overflow: hidden;}
.item-goods ul.goods-list li dd.goods-price { display: block; font-size: 0.6rem; line-height: 1rem;color: #e12e2e;margin-bottom: 0.6rem;  font-weight: bold;margin: 5px;}
.item-goods ul.goods-list li dd.goods-price em { font-size: 0.6rem; font-weight: 600;}
.item-goods ul.goods-list li dd.goods-price em.goods-xianshi{font-size: 0.5rem; font-weight: 600; background-color:#E84C3D; color:#fff; padding:0 0.5rem ; float:right}
.item-goods ul.goods-list li dt.goods-name em.goods-group{font-size: 0.5rem; font-weight: 600; background-color:#1BBC9D; color:#fff; padding:0.1rem 0.2rem;vertical-align:bottom; margin-right:0.2rem;border-radius:3px;}

.item-goods ul.goods-list li dd.goods-price em.goods-fen{font-size: 0.5rem; font-weight: 600; background-color:#1BBC9D; color:#fff; padding:0 0.5rem ; float:right;border-radius: 15px;}

.xianshi .swiper-container{background-color: #F3F6F9; height: 150px; overflow: hidden; position: relative;}
.xianshi .swiper-container.swiper-wrapper{float: left; width: 100%; position: relative;}
.xianshi .swiper-container .swiper-wrapper { width: 100%;}
.xianshi .swiper-container .swiper-wrapper a { display: block;  position: relative;  padding: .75rem .5rem 0 6rem;  height: 5rem;   overflow: hidden; zoom: 1;}
.xianshi .swiper-container .swiper-wrapper a .goods-pic { position: absolute;  top: .75rem; left: 0.6rem; width: 5rem; height: 5rem;}
.xianshi .swiper-container .swiper-wrapper a .goods-pic img { width: 100%;}
.xianshi .swiper-container .swiper-wrapper dt.goods-name { display: block; font-size: 0.65rem; line-height: 0.8rem; color: #585c64; height: 0.8rem; overflow: hidden;}
.xianshi .swiper-container .swiper-wrapper dd.goods-price { display: block; font-size: 0.55rem; line-height: 1rem; height: 1rem; margin-top: 0.2rem; padding-top: 0.2rem;  border-top: solid 0.05rem #EEE;}
.xianshi .swiper-container .swiper-wrapper dd.goods-price em { font-size: 0.7rem; font-weight: 600;color: #1CC45F;}
.xianshi .swiper-container .swiper-wrapper dd.goods-price em.goods-xianshi{font-size: 0.5rem; font-weight: 600; background-color:#E84C3D; color:#fff; padding:0 0.5rem ; float:right}
.xianshi .swiper-container .swiper-wrapper dd.goods-price em.goods-group{font-size: 0.5rem; font-weight: 600; background-color:#1BBC9D; color:#fff; padding:0 0.5rem ; float:right}
.xianshi .swiper-container .swiper-wrapper dd.goods-price del{color: #999 ;}
.xianshi .swiper-container .swiper-wrapper dd.goods-time{display: block; font-size: 0.55rem; line-height: 1rem; height: 1rem; margin-top: 0.4rem;}
.xianshi .swiper-container .swiper-wrapper dd.goods-time .time-remain em { background: #443b3b none repeat scroll 0 0; border-radius: 0.1rem; color: #fff; display: inline-block; font-size: 0.55rem; line-height: 1rem; margin: 0 0.12rem; text-align: center; width: 1.2rem;}


.xianshi .goods-content{margin-left: 0.6rem;}


.style_lc {display: block; clear: both;}
.item-pic-l1-r2 { background-color: #FFF; width: 100%; margin: 0 auto; position: relative; z-index: 1; border-bottom: solid 0.05rem #EEE;}
.item-pic-l1-r2 li a,
.item-pic-l1-r2 li img { display: block; width: 100%;}
.item-pic-l1-r2 li:nth-child(1) { position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; right: 50%;border-top: solid 0.05rem #EEE;}
.item-pic-l1-r2 li:nth-child(2) { margin-left: 50%; border-left: solid 0.05rem #EEE;border-top: solid 0.05rem #EEE;}
.item-pic-l1-r2 li:nth-child(3) { margin-left: 50%; border-left: solid 0.05rem #EEE; border-top: solid 0.05rem #EEE;}

.style_lc .item-pic-l1-r2 li:nth-child(3) { margin-left: 50%;  border-top: solid 0.05rem #EEE; border-left: solid 0.05rem #EEE;}
.style_lc .item-pic-l1-r2 li:nth-child(3) a{ width: 50%; float:left; display: block}


.item-pic-l2-r1 { background-color: #FFF; width: 100%; margin: 0 auto; position: relative; z-index: 1; border-bottom: solid 0.05rem #EEE;}
.item-pic-l2-r1 li a,
.item-pic-l2-r1 li img { display: block; width: 100%;}
.item-pic-l2-r1 li:nth-child(3) { position: absolute; z-index: 1; right: 0; top: 0; bottom: 0; left: 50%; margin-right: 0.05rem; border-left: solid 0.05rem #EEE;}
.item-pic-l2-r1 li:nth-child(1) { margin-right: 50%;}
.item-pic-l2-r1 li:nth-child(2) { margin-right: 50%; border-top: solid 0.05rem #EEE;}


.item-pic-list { font-size: 0; width: 100%; margin: 0 auto; overflow: hidden;}
.item-pic-list li { width: 50%; float: left; border-bottom: solid #EEE 0.05rem;}
.item-pic-list li:nth-child(even) { border-left: solid #EEE 0.05rem; margin-right: -0.05rem;}
.item-pic-list li img { width: 100%;}


.item-pic-w3 {width: 100%}
.item-pic-w3 li{width: 33.3%;float: left;margin-right: 0;border-right: 0;margin-left: -0.05rem;border-left: solid #EEE 0.05rem;}
.item-pic-w3 li img{width: 100%;}


.item-pic-w4 {width: 100%}
.item-pic-w4 li{width: 25%;float: left;margin-right: 0;border-right: 0;margin-left: -0.05rem;border-left: solid #EEE 0.05rem;}
.item-pic-w4 li img{width: 100%;}

.item-pic { font-size: 0; width: 100%; margin: 0 auto;}
.item-pic img { width: 100%;}

.wtm-footer-wrap { max-width:1080px; margin:0 auto; padding:0px;}
footer { display: block; position: relative; z-index: 5;  left: 0; right: 0; width: 100%; padding-top: 2.2rem; }

.wt-gd-body{background-color: #343645;position: relative;}
.wt-gd-body span { position: absolute; right: 0.6rem;top: 0.2rem; z-index: 1;}
.wt-gd-body span a { color: #f60;font-size: 0.6rem;}
.component-typewt-logo {  position: absolute;left: 10px;top: 0.4rem;}
.component-more {  position: absolute;right: 10px;top: 0.4rem;}

.wt-gd-body .rollTextMenus{ height: 30px; line-height: 40px;  display: block; font-size: 0.55rem; padding:0 60px 0 45px; vertical-align: middle; overflow: hidden;color: #b68b22}
.wt-gd-body .rollTextMenus a { display: block; color:#d0d0d0;width: 100%;text-overflow: ellipsis; white-space: nowrap;  overflow: hidden;}
.wtm-scroll-nav .nav-content .nav {white-space:nowrap; display: -webkit-box; -webkit-overflow-scrolling:touch;}
.wtm-scroll-nav .nav-content .nav::-webkit-scrollbar { width:0; height:0; display: none; }
.wtm-scroll-nav .nav-content .nav li .gc_active {display:inline-block;}


.wt-gd-body i {
    display: inline-block;
    vertical-align: middle;
    width: 0.8rem;
    height: 0.8rem;
    background-image: url(../images/arrow-right.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 75%;
    opacity: 0.8;
}


.fix-block-r {bottom: 2.5rem;}

.pf {
    position: fixed !important;
}

.lbr {
    left: 0px;
    bottom: 0px;
    right: 0px;
}

.plr20 {
    padding-left: .533rem;
    padding-right: .533rem;
}

.z100 {
    z-index: 100 !important;
}

.t_center {
    text-align: center;
}

.w100 {
    width: 100%;
}

.ws {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.inline_block {
    display: inline-block;
    vertical-align: top;
}

.mw100 {
    max-width: 100%;
}

.color_f {
    color: #fff !important;
}

.bg_gao {
    background: #fcb63a !important;
}

.lhn {
    line-height: normal !important;
}

.plr15 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.br {
    border-radius: 13rem;
}

.fz12 {
    font-size: .58rem !important;
}


.wtm-home-block .kuaijie {
  margin: 0px .3rem;
  margin-top: 0px;
  background-color: #494a58;
  margin-top: .3rem;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0px .3rem;
  height: 3rem;
}

.kuaijie .left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 0.3rem;
}
.kuaijie .left p {
  font-size: .6rem;
  color: #fff;
}
.kuaijie .left span {
  font-size: .5rem;
  margin-top: .6rem;
  color: #fff;
}
.kuaijie .ct-ioc {
  width: 2rem;
  height: 2rem;
  margin-left: auto;
}
.kuaijie .btn-wrap {
  border-radius: 6px;
  background: -webkit-linear-gradient(right, #f0e4ba, #e9c581);
  background: -o-linear-gradient(right, #f0e4ba, #e9c581);
  background: linear-gradient(to left, #f0e4ba, #e9c581);
  height: 1.2rem;
  padding: 0px .5rem;
  margin-left: .5rem;
}
.kuaijie .btn-wrap span {
  font-size: .55rem;
  color: #584117;
}