@import url(layout.css?v=1);
.mpart{height:3.2rem;}
.tbox .img ul{margin-left: -.14rem;position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;width: 9999px;padding-bottom: .5rem;}
.tbox .img ul li{-webkit-transform: scale(0.72);transform: scale(0.6);-webkit-transition: all .3s;transition: all .3s;color: #fff;width:2.2rem;text-align: center;font-size:0.315rem;margin-top: .35rem;opacity: .7;}
.tbox .img ul li i { display:inline-block; color:#ed7773; width: 2.2rem; height: 2.2rem; position: relative; margin-left: -.1rem;}
.tbox .img ul li i img {width: 2.2rem;height: 2.2rem;display:block;margin: 0 auto;border-radius: 100%;overflow: hidden;}
.tbox .img ul li.swiper-slide-active{margin: 0 .14rem;-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
.tbox .img ul li.swiper-slide-active i {margin-top: .25rem;margin-left: -.14rem;}

.xzCont {padding-bottom: .5rem;background: rgba(255,255,255,.15);padding: .5rem .5rem 0;border-radius:.8rem;margin: 0 .32rem .5rem; position:relative;}
.xzCont:before{content:'';display:block;position: absolute;top:-.95rem;left: 0;background: url(../images/astrobox_arrow.png) no-repeat center 0;background-size:cover;width:10rem;height: 0.85rem;margin: .1rem auto 0 -.3rem;}
.xzCont .loading { margin-top: 3rem	 }
.xzCont .info p{display: inline-block;font-size: .38rem;}
.xzCont .info p strong{font-size: .44rem;color: #555;margin-right: .1rem;color: #4070f8;}
.xzCont .info p:nth-child(2){ float: right;}
.xzCont a p span{color: #4070f8;}
.xzCont .info a{display: block; margin-top: .24rem;border-radius: .15rem;}
.xzCont .info a p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;padding-left: 0;line-height: .6rem;font-size: .36rem;text-align: justify;opacity: .8;}

.xzCont .fortune{margin-top: .4rem;border-top: 1px solid rgba(255,255,255,.1);padding-top: .4rem;}
.xzCont .fortune h4 {color:#d849c5;font-size: 0.44rem;}
.xzCont .m_star,.m_star em{vertical-align: top; width: 2.75rem; height: 0.55rem; background-size: 0.55rem auto;}
.m_star em{ background-position: 0 -0.55rem}
.xzCont .fortune a{display: block; margin-top: 0.25rem;border-radius: .15rem;}
.xzCont .fortune p {font-size: .36rem;line-height: 0.6rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;text-align: justify;opacity: .8;}

.xzCont .pair{margin-top: .4rem;border-top: 1px solid rgba(255,255,255,.1);padding-top: .4rem;}
.xzCont .pair h4{color: #e84d6a;}
.xzCont .pairLine{margin: .55rem 0;font-size: .46rem;display: flex;}
.xzCont .pairLine li{flex: 1; text-align: center;}
.xzCont .pairLine li a{display: block;position: relative;width: 75%;margin: 0 auto;}
.xzCont .pairLine li a img{width: 100%;border-radius: 100%;background: #fff;box-shadow: inset 0 0 0.3rem rgb(0 0 0 / 67%);display: block;}
.xzCont .pairLine li a em{height:.4rem;line-height: .4rem;font-size: .28rem;color: #fff;position:absolute;right:-.3rem;top: -.25rem;background: #d24747;padding: 0 .1rem;border-radius: .1rem;}
.xzCont .pairLine li a em:before{content:''; position:absolute; left:-.15rem; bottom:.05rem; border: 0.15rem solid; border-color: transparent transparent #d24747;}
.xzCont .pairLine li a em small{ font-size:.15rem;}
.xzCont a.moreBtn{display: block;background:url(../images/astrobox_more.png) no-repeat 0 0; background-size: cover; margin: .3rem auto 0;font-size: .36rem;width:6.69rem;height:0.91rem;line-height: 0.9rem;text-align: center;color: #8fb0ff;border-radius: 0.4rem .4rem 0 0;}

.tbox small {-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;width: 2.2rem;height: 2.2rem;position: absolute;left: 0;right: 0;margin: .25rem auto;border-radius: 50%;}