@import url(layout.css);
.tbox {padding: 0.2rem 0 1rem;height:auto; margin-top: .3rem}
.index .tbox{ padding-bottom: 0.1rem; padding-top:0.5rem;}
.card_bottom { position: absolute; bottom: -1rem }
.card_t { text-align: center; position:relative; z-index: 100; height: 0.746rem; display: none;}
.card_t em { padding: .15rem; }
.card_t em i { background:url(../images/fortune/card_add.png) no-repeat center; background-size: 100% auto; height: .5rem; border-radius: 30px; color: #6b8cd3; width: .5rem; font-size:0.5rem; display:inline-block; vertical-align: middle; }

.card_t .swiper-pagination{display:inline-block; vertical-align: middle; margin-left: .8rem}
.card_t .swiper-pagination span{ width:0.2rem; height:0.2rem; border-radius:100%; background:rgba(255,255,255,0.5); display:inline-block; margin:0 2px; float:left;}
.card_t .swiper-pagination span.swiper-pagination-bullet-active { background:#fff; -webkit-transform: scale(1.4);  -moz-transform:scale(1.4);  -o-transform: scale(1.4);}

.card_box {padding-top: 1.5rem;overflow: hidden;}
.card_box .swiper-wrapper{ width:9999px;}    
.card_box .swiper-slide {float: left;background: linear-gradient(0, rgb(222 215 247 / 12%) 0,rgb(255 255 255 / 16%) 40%, rgb(255 255 255 / 25%));width:7.41rem;border-radius: 0.4rem;height: 7rem;position:relative;}
.card_box .swiper-slide:before{position:absolute;content:'';background:url(../images/fortune/forimg_bg.png) no-repeat 0 0;background-size: 2.54rem auto;width:2.54rem;height:1.16rem;top:-1.16rem;left:50%;margin-left: -1.27rem;opacity: .25;}
.card_box .li_card_empty:before{ background:none;}
.card_box .li_defcard{ }
.card_box .btn_opt { position: absolute; right: 0; top:-0.85rem; }
.card_box .btn_opt i { background: rgba(255,255,255,.15) url(../images/fortune/card_btns.png) no-repeat 0 0; border-radius: 2rem; width:0.7rem; height:0.7rem; display: inline-block; overflow: hidden; margin-left: .15rem; background-size: 0.7rem auto}
.card_box .btn_opt i.card_default { right:0.7rem; background-position:0 -0rem;}
.card_box .btn_opt i.card_close { right:0; background-position: 0 -1.4rem;}
.card_box .btn_opt i.sys_star{ position:absolute; top: 0.1rem; right:.15rem; display: block; color: #4889d0; border-radius: 1rem;  text-align: center; font-size: .36rem; font-weight: bold;background: none;}

.card_box .li_defcard .btn_opt .card_default { background-position:0 -.7rem;}
.card_box .index_card .btn_opt .card_close { display: none;}


.card_box .li_card_empty { text-align: center; color:#8f96ff; font-size: .35rem; }
.card_box .li_card_empty .icon_add_card { background: url(../images/fortune/add_card_big2.png) no-repeat center 0; background-size: cover; width: 1.5rem; height: 1.5rem; margin:2rem auto .5rem; }
.card_box img{width: 1.6rem;height: 1.6rem;display:block;background:linear-gradient(0, #ebe9ff, #e2ecff);margin: -1.55rem auto 0;background-size: 1.6rem;position: relative;border-radius: 100%;}
.card_box .index_card img {background: linear-gradient(0, #f7f1ff, #dfc3ff);}
.card_box strong{display:block;color: #d5a6ff;font-size: 0.5rem;font-weight: bold;text-align: center;margin-top: 0.1rem;line-height: 0.6rem;}
.card_box small{display:block;color: #a680e0;font-size: 0.3rem;text-align: center;}
.card_box h3 {font-weight: normal;margin: 0.1rem 0;font-size: 0.45rem;white-space: nowrap;text-align: center;border-bottom: 1px solid rgba(0,0,0,0.05);padding-bottom: 0.3rem;}
.card_box h3 em{ background: url(../images/icon_quotes.png) no-repeat 0 -2rem; background-size: .32rem auto; margin: 0 .15rem; display: inline-block; width: .31rem; height: .6rem; vertical-align: middle; }
.card_box h3 em:nth-child(2){ background-position: 0 -3rem; }
.card_box a{display:block;margin: 0.5rem .5rem 0;font-size: 0.38rem;color:#fff;line-height: 0.6rem;-webkit-tap-highlight-color: rgba(0,0,0,0);text-align: left;}
.card_box a span{display:block; clear: both; margin-top: 0.4rem;border-top: 1px solid rgba(255,255,255,0.1);padding-top: 0.2rem; text-align: center;}
.card_box a p{display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;smargin-top: 0.2rem;}
.card_box a b {display:block;text-align: center;margin: 0.3rem auto 0;width:3rem;height:0.8rem;line-height:0.8rem;border-radius:1rem;background: rgb(255 255 255 / 13%);font-size: 0.36rem;font-weight:400;color: #8fb0ff;}


.inpbox {width: 6rem;background: rgb(255 255 255 / 15%);margin: 0.5rem auto;position: relative;}
.inpbox span {color: #b488de;}
.inpbox span.notempty { color: #a772d8;}
.inpbox small {background: url(../images/fortune/icon_search2.png) no-repeat center;background-size:50%;width:0.926rem;height:0.926rem;top: .05rem;}

.otherastro h2{text-align: center;font-size:0.45rem;position:relative;line-height:0.6rem;margin-top: 0.4rem;font-weight: normal;}
.otherastro h2:before ,.otherastro h2:after{ height:1px; background: rgba(0,0,0,0.2); width:1rem; position:absolute; top:0.3rem; content:''}
.otherastro h2:before{ left:2.4rem;}
.otherastro h2:after{ right:2.4rem;}
.otherastro .astro{ margin:0.3rem 0.3rem 0.2rem;}
.otherastro ul{ width:9999px;}
.otherastro ul li{ width:2.35rem; float:left; text-align: center;}
.otherastro ul li a{display: block;width: 100%;height: 100%;}
.otherastro ul li em{width: 1.5rem;height: 1.5rem;display:inline-block;background: #eef7ff;box-shadow: inset 0 0 15px rgb(108 113 255 / 9%);background-size: 100%;border-radius: 100%;}
.otherastro ul li em img{width:100%;height:auto;border-radius: 100%;}
.otherastro ul li span{display:block;font-size: 0.325rem;margin-top: 0.05rem;}
.otherastro ul li i{ background:url(../images/fortune/icon_star1.svg) repeat-x 0 0; background-size:10px; height:18px; display:inline-block;}

.card_box .for_items{ margin-top: 0.3rem;}
.card_box .for_items li small{line-height: 0.3rem;}
.card_box .for_items li p{font-size: .3rem;}
.card_box .for_items li small i{position:static;background:none;}
.card_box .for_items li .progress, .card_box .for_items li .progress em{height:1.2rem;background: rgb(255 255 255 / 12%);}

/*运势详情*/
.view .mpart { height:3.1rem; margin:0}
.view .astro { margin-top:.5rem; position: relative;}
.view .astro em {background: #fff;width:2.45rem;height:2.45rem;border-radius: 100%;display:block;margin:0 auto;box-sizing:border-box;box-shadow: inset 0 0 0.5rem rgba(137,143,255,0.09);}
.view .astro img {width: 2.45rem;height: 2.45rem;display:block;margin:0 auto;}
.view .astro h2{color: #9396ff;font-weight: bold;background: rgb(255 255 255 / 10%);width:2.2rem;height:0.67rem;line-height: 0.67rem;font-size:0.4rem;border-radius: 0.67rem;margin: 0.2rem auto 0;text-align: center;}
.view .astro h2 i{border:0.15rem solid;border-color: #7477f9 transparent transparent;float:right;margin: 0.28rem 0.25rem 0 0;}
.view .astro h4 { color:#fff185; line-height: 0.5rem; margin-top: 0.2rem; font-size:0.33rem; font-weight: 500; font-weight: bold; padding-left: 2.85rem;}
.view .astro h4 strong { display: inline-block; color:#fff185; font-weight: bold; }
.view .astro h4 span { display: inline-block; font-size: .3rem; }
.view .astro h3 {font-size:0.51rem;margin-top: 0.3rem;letter-spacing: 0.07rem;text-indent: 0.07rem;text-align: center;font-weight: bold;}
.view .astro h3 i { background: url(../images/icon_quotes.png) no-repeat 0 -2rem; background-size: .32rem auto; margin: 0 .15rem; display: inline-block; width: .31rem; height: .6rem; vertical-align: middle; }
.view .astro h3 i:nth-child(2) { background-position: 0 -3rem; }

.view .tbox{
    padding: 0;
}
.view .tbox dl{
}
.view .tbox dl dt{padding: 0 0.2rem 0 0.4rem;height: 1rem;display: -webkit-box;line-height: 1rem;border-bottom: 1px solid rgba(255,255,255,.2);}
.view .tbox dl dt span{font-size: 0.3rem;margin: 0;line-height: 1rem;width: 2.6rem;display: block;}
.view .tbox dl dt span strong{ font-size: 0.65rem;}
.view .tbox dl dt span strong.small { font-size: 0.5rem;}
.view .tbox dl dt a{-webkit-box-flex: 1;display: block;text-align: center;font-size:0.37rem;color: rgb(255 255 255 / 60%);}
.view .tbox dl dt a.cur{color: #d24744;position:relative;}
.view .tbox dl dt a.cur:after{content:'';position:absolute;width:0.4rem;height:0.08rem;border-radius: 0.08rem;bottom:.1rem;left:50%;-webkit-transform:translate(-50%,0);background: #a23331;}
.view .tbox dl dd {font-size: 0.32rem;padding-bottom: 0.25rem;border-radius: 0.15rem;overflow:hidden;margin:0 0.3rem;}

.view .tbox .calendar .tit{display:flex;margin: 0 0 0.1rem;}
.view .tbox .calendar .tit span{ flex:1; text-align: center;}
.view .tbox .calendar .tit span.active{ }

.view .tbox .calendar .items{ white-space: nowrap; height:1.5rem; font-size: 0.34rem; display:flex; }
.view .tbox .calendar .items span {text-align: center;line-height: 0.7rem;margin: 0 0.322rem;width: 0.6rem;display: block;text-align: center;-webkit-box-flex: 1;flex:1;}
.view .tbox .calendar .items span em {display:block;font-size: 0.23rem;opacity: .6;}
.view .tbox .calendar .items span.active em {opacity: 1;}
.view .tbox .calendar .items span a ,.view .tbox .calendar .items span i {min-width:0.7rem;height:0.7rem;border-radius: 0.7rem;display:block;background: rgb(255 255 255 / 20%);}
.view .tbox .calendar .items span.active i {background: linear-gradient(-10deg,#7b2725,#923331);color:#fff;font-weight: bold;font-size: .4rem;}


.view .tbox .calendar .items.others{ height:0.7rem; margin-top: 0.3rem;}
.view .tbox .calendar .items.others span{  margin:0 0.13rem; }
.view .tbox .calendar .items.others span a, .view .tbox .calendar .items.others span i{ width: 1.61rem;}

.for_box{text-align: center;margin: 0 .15rem;font-size: 0;display: flex;}
.for_box span{flex: 1;margin: 0 0.1rem;background: rgb(255 255 255 / 10%);border-radius: 0.2rem;height: 1.8rem;box-sizing:border-box;padding-top: 0.3rem;vertical-align: top;display: block;}
.for_box span em{margin:0 auto;text-align: center;font-size: 0.4rem;line-height: .6rem;height: .6rem;}
.for_box span.num em{font-size: 0.55rem;}
.for_box span em img{ width:1.2rem; height:1.2rem; margin-top: 0.14rem;}
.for_box span p{line-height: 0.4rem;font-size:0.32rem;margin-top: 0.2rem;}
.for_box span:nth-child(2){/* background: linear-gradient(to bottom,rgb(33 47 76 / 64%),rgb(36 54 88 / 81%) 30%,rgb(24 41 74 / 61%)); */}
.for_box span:nth-child(2) em{}
.for_box span:nth-child(2) p{color: #7398bd;}
.for_box span:nth-child(3){/* background: linear-gradient(to bottom,rgb(78 44 66 / 59%),rgb(93 51 78 / 68%) 30%,#40243687); */}
.for_box span:nth-child(3) p{color: #bf659f;}

.for_box span:nth-child(1){/* background: linear-gradient(to bottom,rgb(55 46 66 / 73%),rgb(72 46 101 / 72%) 30%,rgb(49 35 66 / 69%)); */}
.for_box span:nth-child(1) em{}
.for_box span:nth-child(1) p{color: #a274d7;}
.for_box span:nth-child(1) p{color: #b090d6;}

.for_yj{display:flex;margin: .25rem .15rem 0;}
.for_yj .item{flex: 1;text-align: left;padding: 0 .2rem 0 .05rem;display: block;line-height: .8rem;height: .8rem;background: rgb(255 255 255 / 10%);border-radius: 0.8rem;margin: 0 .1rem;}
.for_yj .item strong{color: #67a777;width: 0.7rem;font-size: .34rem;display: inline-block;text-align: center;background: #000;border-radius: 100%;height: .7rem;line-height: .7rem;margin: .05rem .2rem 0 0;float: left;}
.for_yj .item:last-child strong{color: #b55858;}
.for_yj .item:last-child strong:after{background: #b55858;}
.for_yj .item p{font-size: 0.34rem;opacity: .8;display: inline-block;}

.for_list{margin: .5rem 0.4rem 0;}
.for_list .tit{font-size: 0.45rem;text-align: center;}
.for_list .tit strong{position:relative;height: 0.5rem;line-height: 0.5rem;display: inline-block;color: #fff;}
.for_list .tit strong:before{position:absolute;/* content:''; */width:0.1rem;height:0.5rem;background: #fff;left:0;border-radius: 0.03rem;top: .02rem;}
.for_list .tit span { font-weight: 500; font-size: .3rem; color: #999 }
.m_star{ margin-left: 0.15rem;}
.m_star, .m_star em{ background-image: url(../images/fortune/icon_star.png); background-size: 0.6rem auto; width:0.6rem; height:0.6rem; width:3rem; vertical-align: sub;}
.m_star em { background-position: 0 0.6rem; }
.pro_link{ background: url(../images/fortune/img_alink.png) no-repeat 0 0; background-size: 3.13rem 0.84rem; width:3.13rem; height:0.84rem; float:right; margin: -0.05rem -0.1rem 0 0;}
.ad_link ,.ky_link{float:right;background:#ffeaea;height:0.55rem;line-height: 0.55rem;border-radius: 0.15rem;color:#df4a3a;position:relative;font-size:0.32rem;padding:0 0.2rem 0 0.4rem;}
.ad_link:before{ position:absolute; content:''; background:url(../images/fortune/icon_hb.png) no-repeat 0 0; width:1.04rem; height:0.92rem; background-size: 100%; left:-0.55rem; top:-0.3rem;}
.ky_link:before{ position:absolute; content:''; background:url(../images/fortune/icon_ky.png) no-repeat 0 0; width:0.75rem; height:0.89rem; background-size: 100%; left:-0.45rem; top:-0.3rem;}

.for_items{display:flex;width:100%;margin-top: 0.5rem;}
.for_items li{ flex:1; text-align: center;}
.for_items li .progress ,.for_items li .progress em{background: rgb(255 255 255 / 12%);width:0.35rem;height:1.6rem;border-radius: 0.35rem;display:block;margin:0 auto 0.2rem;}
.for_items li .progress{ position:relative;}
.for_items li .progress em{ position:absolute; bottom:0; margin:0;}
.for_items li p{font-size: 0.3rem;opacity: .5;}
.for_items li small{font-size:0.32rem;display:block;color: #fff;}
.for_items li small i {font-size:0.23rem;}

.for_items li.item_c1 .progress em{ background: linear-gradient(0,rgb(196 157 255 / .8),rgb(121 85 177 / .8));}
.for_items li.item_c2 .progress em{  background:linear-gradient(0,rgb(163 148 241 / .8),rgb(110 91 169 / .8));}
.for_items li.item_c3 .progress em{  background:linear-gradient(0,rgb(141 153 246 / .8),rgb(73 83 152 / .8));}
.for_items li.item_c4 .progress em{background: linear-gradient(0,rgb(141 185 246 / .8),rgb(79 120 169 / .8));}
.for_items li.item_c5 .progress em{background: linear-gradient(0,rgb(127 210 247 / .8),rgb(70 130 158 / .8));}
.for_items li.item_c6 .progress em{background:linear-gradient(0,rgb(134 224 238 / .8),rgb(61 138 150 / .8)); }
.for_items li.item_c7 .progress em{background:linear-gradient(0,rgb(129 220 211 / .8),rgb(54 136 129 / .8));}
.for_items li.item_c8 .progress em{  background:linear-gradient(0,rgb(111 216 198 / .8),rgb(61 136 122 / .8));}
.for_items li.item_c9 .progress em{  background:linear-gradient(0,rgb(111 223 151 / .8),rgb(56 144 88 / .8));}
.for_items li.item_c10 .progress em{  background:linear-gradient(0,rgb(133 224 115 / .8),rgb(62 130 49 / .8));}
.for_items li.item_c11 .progress em{ background:linear-gradient(0,rgb(181 224 115 / .8),rgb(106 144 48 / .8));}
.for_items li.item_c12 .progress em{background: linear-gradient(0,rgb(213 228 71 / .8),rgb(132 142 26 / .8));}
.for_items li.item_c13 .progress em{background: linear-gradient(0,rgb(251 214 50 / .8),rgb(167 148 63 / .8));}
.for_items li.item_c14 .progress em{background: linear-gradient(0,rgb(255 195 90 / .8),rgb(179 142 77 / .8));}
.for_items li.item_c15 .progress em{background: linear-gradient(0,rgb(255 168 109 / .8),rgb(187 127 86 / .8));}
.for_items li.item_c16 .progress em{background: linear-gradient(0,rgb(255 151 114 / .8),rgb(183 105 77 / .8));}
.for_items li.item_c17 .progress em{ background: linear-gradient(0,rgb(247 108 108 / .8),rgb(183 85 85 / .8));}
.for_items li.item_c18 .progress em{ background: linear-gradient(0,rgb(247 108 155 / .8),rgb(173 71 106 / .8));}
.for_items li.item_c19 .progress em{ background: linear-gradient(0,rgb(247 108 200 / .8),rgb(169 68 134 / .8));}
.for_items li.item_c20 .progress em{ background: linear-gradient(0,rgb(237 108 247 / .8),rgb(164 64 171 / .8));}


.pulldown { line-height: 1rem; height: 1rem; margin: .3rem 0; text-align: center; font-weight: bold; background: url(../images/pulldown.png) no-repeat 7rem 50%; font-size: 0.42rem; color: #d4d4d4; background-size: .4rem; padding-right: .4rem }

.cont {padding: 0 0.4rem;border-radius: .4rem;}
.cont .tit{font-size: 0.34rem; padding:0.2rem 0.3rem 0.2rem 0; margin: 0.6rem 0 0 0.6rem; background: #fff; border-radius: 0.15rem;}
.cont .tit strong{font-weight: bold;float: left;width: 0.6rem;height: 1.5rem;line-height: 0.38rem;background:#ffeeef;text-align: center;border-radius: 0.15rem;padding: 0.2rem 0.1rem; margin:-0.13rem 0.3rem 0 -0.55rem; color:#e74253; box-shadow: 2px 2px 3px rgba(230, 66, 82, 0.03);}
.cont .tit p{font-size: 0.34rem;color:#999;margin: 0;line-height: 0.55rem;text-align: justify;}
.cont ul li{background: rgb(255 255 255 / 10%);margin: 0.6rem 0 0;border-radius: 0.4rem;padding:0.4rem 0;}
.cont ul li:after{clear: both;content: " ";display: block;font-size: 0;height: 0;overflow: hidden;visibility: hidden;}
.cont ul li .info > i{width:1.11rem;height:1.11rem;background:url(../images/fortune/icon_fortune.png) no-repeat 0 0;background-size: 1.11rem auto;display: inline-block;vertical-align: middle;margin-right: .2rem;}
.cont ul li.p1 .info > i{ background-position: 0 0;}
.cont ul li.p2 .info > i{ background-position: 0 -1.11rem;}
.cont ul li.p3 .info > i{ background-position: 0 -2.22rem;}
.cont ul li.p4 .info > i{ background-position: 0 -3.33rem;}
.cont ul li.p5 .info > i{ background-position: 0 -4.44rem;}
.cont ul li.p6 .info > i{ background-position: 0 -5.55rem;}
.cont ul li.p7 .info > i{ background-position: 0 -6.66rem;}
.cont ul li.p9 .info > i{ background-position: 0 -7.77rem;}
.cont ul li.p8 .info > i{ background-position: 0 -8.88rem;}
.cont ul li.p10 .info > i{ background-position: 0 -9.99rem;}
.cont ul li .info{font-size: 0.36rem;padding: 0 .4rem;}
.cont ul li .info strong{ font-size: 0.43rem; font-weight: bold;}
.cont ul li .info p{margin:0.2rem 0 0;line-height: 0.65rem;overflow: hidden;text-align: justify;opacity: .8;}
.cont ul li .info small{ font-size: 0.35rem; color:#999; float:right; margin-top: 0.15rem;}
.cont ul li .info small b{ background: url(../images/fortune/fortune_arrow.png) no-repeat 0 0; background-size: 0.4rem; width:0.4rem; height:0.4rem; float:left; margin:0.07rem 0.1rem 0 0}
.cont ul li.on .info small b{ -webkit-transform:rotate(180deg)}
.cont ul li.on .info p{ height:auto; -webkit-line-clamp:initial;}
.cont ul li .clear{border-bottom: 1px solid rgb(255 255 255 / 10%);padding-bottom: 0.4rem;}
.cont ul li .item{ flex:1; padding:0 0.4rem; margin-top: 0.4rem;}
.cont ul li .item i{ float:left; width:1rem; height:1rem; border-radius: 100%; background:url(../images/fortune/icon_fortune_min.png) no-repeat 0 0; background-size: 1rem auto; margin: 0 0.3rem 0 -0.1rem; opacity:.8;}
.cont ul li .item strong{line-height: .75rem;font-weight: bold;display:block; font-size: 0.375rem}
.cont ul li .item p{color:#999;font-size: 0.36rem;line-height: 0.6rem;margin: 0 0 0 1.2rem;border-bottom: 1px solid rgb(255 255 255 / 10%);padding-bottom: 0.4rem;}
.cont ul li .item:last-child p{ border:0; padding: 0;}
.cont ul li.p2 .item.item_s1 i{ background-position: 0 0;}
.cont ul li.p2 .item.item_s2 i{ background-position: 0 -1rem;}
.cont ul li.p3 .item.item_s1 i{ background-position: 0 -2rem;}
.cont ul li.p3 .item.item_s2 i{ background-position: 0 -3rem;}
.cont p>small { font-size: 1px;color: #fff; display: none }

.lday { padding-top:0.4rem; background:url(../images/fortune/lday_bg.jpg) no-repeat 0 0; background-size:auto 100%; height: 3rem; margin-bottom: .5rem;}
.lday h2{ color:#fff; font-size: 0.52rem; float: left; margin: .25rem 0 0 .5rem}

.lday strong { background: url(../images/fortune/bg_mon.png) no-repeat; color:#9997ec; font-size: .3rem; background-size: 100% auto; display: block; width: 1.2rem; height: 1.5rem; text-align: center; line-height: 1.2rem; float: right; margin-right: 1.84rem }
.lday strong span { font-size: .6rem;}
.lday .dlist { border-bottom: solid 1px rgba(255,255,255,0.65); }
.lday ul { width:9999px; margin-bottom: .4rem;}

.lday ul li{ width: 1.7rem; float:left; text-align: center; -webkit-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s;}
.lday ul li a {  color: #fff; display: block; text-align: center; font-size: .25rem }
.lday ul li i { height: 5px; display: block; width: 5px; border-radius: 10px; overflow: hidden; background: rgba(255,255,255,0.65); margin: -3px 0 5px .7rem }
.lday ul li em { display: inline-block; border-radius:100%; font-size: 0.5rem; line-height:0.8rem; dmargin: 0 auto;}
.lday ul li.cur em { background:rgba(255,255,255,0.85); width:0.8rem; height:0.8rem; color:#9997ec;}
.lday ul li:last-child { width: 1.4rem; height: .8rem }

.b_tab{ bottom:-3rem; line-height:1.3rem; overflow: visible;}
.b_tab ul li{  background: rgba(111, 147, 239, 0.8); border-radius: 3rem; width:1.3rem; height: 1.3rem;-webkit-transform: scale(0); line-height: 1.3rem; position: absolute; left: 50%; top: 50%; margin: -.65rem 0 0 -.65rem; overflow: hidden }
.b_tab ul li a{ color: #ffffff; display: block; }
.b_tab ul li.cur {  z-index: 9998; color: #ffffff; background: rgba(249, 127, 127, 0.8);}
.b_tab ul li.cur a { color: #fff }
.b_tab ul li.ot {-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; }
.b_tab ul li:last-child { background: rgba(111, 183, 226, 0.6); }

.jlbox header { display: none }
.jlbox .tbox { padding-top: .5rem }

/************************************************/
.fl_hb { position: fixed; width: 1rem; top: -2rem }
.fl_hb img { width: 1rem; }
.list_best { margin: 0 .37rem; overflow: hidden }
.list .ice { height: auto;min-height: auto; padding: 0 }

.more_fortune{}
.tap_more{position: relative;z-index:0;color:#fff;text-align: center;border-radius: 50%; width: 3rem;height:3rem;margin:0 auto -.25rem;padding-top:.35rem;box-sizing: border-box;background-image: -webkit-linear-gradient( 98deg, rgb(95,151,255) 0%, rgb(139,184,239) 100%);box-shadow: 0px -3px 6px 0px rgba(58, 20, 179, 0.2); font-size: 0.4rem;}
.tap_more .icon{
	width: .5rem;height: .4rem;display: block;margin: 0 auto .1rem;
	-webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  -o-transition: -o-transform 0.2s ease-out;
  -ms-transition: -ms-transform 0.2s ease-out;
}
.tap_more .img_up {
  -moz-transform:scaleY(-1);
    -webkit-transform:scaleY(-1);
    -o-transform:scaleY(-1);
    transform:scaleY(-1);
}
.tap_more .text{font-size: 0.4rem;font-weight: bold;}
.tab_items div{color:#fff;font-size:0.4rem;text-align:center;border-radius:50%;position: absolute;left:50%;width: 1.4rem;height: 1.4rem;line-height: 1.4rem;margin: 0 auto;transform: translate(-.7rem, .7rem);transition: all .2s;}
.tab_items div a { color: #fff; display: block }
.tab_items div:nth-child(1){transition-delay: 0;opacity: 0;}
.tab_items div:nth-child(2){transition-delay: .05s;opacity: 0;}
.tab_items div:nth-child(3){transition-delay: .1s;opacity: 0;}
.tab_items div:nth-child(4){transition-delay: .15s;opacity: 0;}
.tab_items div:nth-child(5){transition-delay: .2s;opacity: 0;}
.tab_items.show div:nth-child(1){transform: translate(-3.45rem, 0.25rem);opacity: 1;}
.tab_items.show div:nth-child(2){transform: translate(-2.5rem, -1.35rem);opacity: 1;}
.tab_items.show div:nth-child(3){transform: translate(-.7rem, -2rem);opacity: 1;}
.tab_items.show div:nth-child(4){transform: translate(1.1rem, -1.35rem);opacity: 1;}
.tab_items.show div:nth-child(5){transform: translate(2.05rem, 0.25rem);opacity: 1;}
.tab_items .view1{background-image: -webkit-linear-gradient( 120deg, rgb(93,81,255) 0%, rgb(130,131,255) 66%, rgb(166,181,255) 100%);box-shadow: 0px -3px 6px 0px rgba(58, 20, 179, 0.2);}
.tab_items .view2{background-image: -webkit-linear-gradient( 120deg, rgb(254,134,47) 0%, rgb(255,203,165) 100%);opacity: 0.9;box-shadow: 1.5px 2.598px 6px 0px rgba(0, 0, 0, 0.25);}
.tab_items .view3{box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.15);opacity: 0.9;background-image: -webkit-linear-gradient( -60deg, rgb(253,163,190) 0%, rgb(245,68,156) 100%);}
.tab_items .view4{background-image: -webkit-linear-gradient( 120deg, rgb(48,176,129) 0%, rgb(154,227,186) 100%);opacity: 0.9;box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.15);}
.tab_items .view5{background-image: -webkit-linear-gradient( 120deg, rgb(67,151,255) 0%, rgb(165,201,253) 100%);opacity: 0.9;box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.15);}
.tab_items .view6{background-image: -webkit-linear-gradient( 120deg, rgb(252,39,96) 0%, rgb(255,157,184) 100%);opacity: 0.9;box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);}

@-webkit-keyframes pulse {
	from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
	50% {-webkit-transform: scale3d(1.15, 1.15, 1.15);transform: scale3d(1.15, 1.15, 1.15);}
	to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@keyframes pulse {
	from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
	50% {-webkit-transform: scale3d(1.15, 1.15, 1.15);transform: scale3d(1.15, 1.15, 1.15);}
	to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
.pulse {-webkit-animation-name: pulse;animation-name: pulse;}
.animated {-webkit-animation-duration: 6s;animation-duration: 6s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.infinite {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}

.echarts{ height:6rem;}

.list .more{display:block;background: rgb(255 255 255 / 12%);height:1rem;line-height:1rem;width:6rem;text-align:center;margin:0.2rem auto 0;border-radius: 2rem;}
footer { margin-top: 0 }
.uqx_12 {margin-top: .35rem;padding: .3rem;position: relative;}
.uqx_12 .icon { background: url(../images/icon_bd_gary.gif) no-repeat; background-size: auto .6rem; width: .75rem; height: .75rem; display: block; position: absolute; top: .52rem; left: 3rem; z-index: 8 }
.uqx_12 iframe { background: #fff }