@import url(layout.css);
.mpart{ background-size:cover; height:4.2rem;margin-bottom:0.1rem;}
.mpart .vision .s_botm:nth-child(1n), .vision .s_botm:nth-child(2n) {margin-top: 2.8rem;}
.tbox{ padding-top: .85rem;height: 3.2rem;}
.tbox .img ul{margin-left: -.35rem;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.72);-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;}
.tbox .img ul li i img {width:1.8rem; height:1.8rem; display:block; margin: 0 auto;margin-top: 0.2rem;}
.tbox .img ul li em{-webkit-transition: all .3s;transition: all .3s;position:absolute;top:0;left:0;width:2.2rem;height: 2.2rem;background: url(../bg/pao.png) no-repeat 0 0;border-radius: 50%;display: block;z-index: -2;background-size: cover;opacity: 0.6;}
.tbox .selected{display:block;position: absolute;bottom:0;left:50%; background: url(../bg/arrow_b.png) no-repeat center 0; background-size:cover;width: .6rem;height: .45rem;margin: .1rem auto 0 -.3rem;}
.tbox .img ul li.swiper-slide-active{margin:0 10px;-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
.tbox .img ul li.swiper-slide-active i {margin-top: .25rem;}
.tbox .img ul li.swiper-slide-active em {opacity: 0;}

.xzCont {background-size: .7rem; padding-bottom: .5rem; height: 10.5rem; overflow: hidden;}
.xzCont .loading { margin-top: 3rem	 }
.xzCont .info{ border-bottom: solid 1px #eee; padding: 0 .45rem .45rem}
.xzCont .info p{display: inline-block; font-size: .38rem; color: #999;}
.xzCont .info p strong{ font-size: .48rem; 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: .7rem; color: #555; font-size: .42rem;}

.xzCont .fortune{  padding: .45rem; border-bottom: solid 1px #eee;}
.xzCont .fortune h4 { color:#d849c5; font-size: 0.46rem;}
.xzCont .m_star,.m_star em{vertical-align: top;}
.xzCont .fortune a{display: block; margin-top: 0.25rem;border-radius: .15rem;}
.xzCont .fortune p {font-size: .42rem; line-height: 0.7rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; }
.xzCont .pairLine{ background:url(../bg/pair.png) no-repeat 0.1rem center; background-size:1.65rem;border-radius: .15rem; color: #fa6682; margin: .55rem .37rem;font-size: .46rem;  display: flex;}
.xzCont .pairLine li{flex: 1; text-align: center; padding-left: .1rem; }
.xzCont .pairLine li a{display: block; border-radius: 50%; overflow: hidden; background: url(../bg/pdbg.png) no-repeat bottom center; background-size: 82%; position: relative; height: 1.5rem;}
.xzCont .pairLine li a img{width: 78%; }
.xzCont .pairLine li a em{ background: url(../bg/pdnum.png) no-repeat bottom center; background-size: 82%;height:.4rem; line-height: .45rem; font-size: .28rem;font-weight:bold;color: #fff; position:absolute;left: 0; bottom: 0; width: 100%; }
.xzCont a.moreBtn{ display: block; background: -webkit-gradient(linear, 68% 100%, 68% 0%, from(#5382ff), to(#8bb4ff));box-shadow:0 2px 6px rgba(89,135,255,0.4); margin: .3rem auto 0; font-size: .36rem; width: 5rem; height: 0.9rem; line-height: 0.9rem; text-align: center; color: #fff; border-radius:0.787rem; }

.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%;background: url(../bg/pao.png) no-repeat 0 0;background-size: cover;}
.h3 small span{ color:#7695fc;}
.h3 i{ background-color:#7695fc;}