@import url(layout.css); 

.mpart {background: url(../images/fortune/bg.svg) no-repeat 0 0; background-size: auto 28rem;}
.sex .mpart{ background-size: 100% 11.6rem;}
.vision .s_mide { height: 31.2rem;}
.tbox{ padding: 1.5rem 0; box-sizing:border-box;top: 0;width: 100%;max-width: 640px;}
.vision .s_botm:nth-child(1n) , .vision .s_botm:nth-child(1n) { margin-top: 0rem;}
.card_bottom { position: absolute; bottom: -1rem }

.tbox .top .astro{ text-align: center;}
.tbox .top .astro img{ width:3rem; height:3rem; display:block; margin:0.2rem auto;}
.tbox .top .astro em{ background:rgba(74, 72, 182, 0.38); height:0.8rem; display:inline-block; padding:0 0.4rem; border-radius:0.8rem; line-height: 0.8rem; color:#fff;}
.tbox .top .astro em i{ float:right; background:url(../images/arrow3.png) no-repeat 0 0; margin:0.3rem 0 0 0.2rem; background-size:100%; width:0.25rem; height:0.25rem; display:inline-block;}
.tbox .top ul { width:100%; margin-top: 0.3rem;}
.tbox .top ul li{ float:left; width:33.33%; text-align:center; font-size: .38rem; margin-top:0.4rem; color:#fdf3a6; line-height: 0.5rem;}
.tbox .top ul li span { display: block; color: #cedbff; font-size: 0.32rem;}
.tbox .top p{ color:#c8d7ff; background:rgba(62, 81, 210, 0.35); border-radius: 5px; padding:0.3rem .4rem;  line-height: 0.8rem; margin: 0.5rem 0.37rem 0; font-size: 0.38rem;}

.tbox .tab_sex{ margin:0.3rem 0 0; text-align: center;}
.tbox .tab_sex em{ width:1.5rem; line-height:1.5rem; text-align:center; color:#fff; display: inline-block;  background:rgba(255, 255, 255, 0.1); border-radius:0.8rem;}
.tbox .tab_sex em:nth-child(1){ margin-right:2%;}
.tbox .tab_sex em.cur{ font-weight:600;}
.tbox .tab_sex em:nth-child(1).cur{ background:#e06fa2;}
.tbox .tab_sex em:nth-child(2).cur{ background:#3d72eb;}
.tbox .tab_sex ul{ padding-top:0.3rem; font-size: 0.38rem; text-align: left; margin: 0 .35rem}
.tbox .tab_sex ul li { -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 0.8rem; max-height: 1.6rem; display: -webkit-box; overflow:hidden; color:#dce5ff; overflow: hidden;}
.tbox .tab_sex ul li strong { color:#fff; font-weight:bold; font-size: 0.38rem;}
.tbox .tab_sex ul li a { text-align: center; display: block; width:5rem; margin:0.3rem auto 0; border-radius: 0.8rem; background:rgba(255,255,255,.2); color:#fff; height:0.8rem; line-height:0.8rem; font-size: 0.4rem;}

.fortune h4 { color:#7da1f3; font-size: 0.48rem;}

.fortune{ margin:0 0.37rem;}
.fortune p { line-height: 0.8rem; max-height:1.6rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; margin-top: 0.3rem;}
.fortune a.more{ background:#f3f3f3; color:#999; display:block; width:3rem; height:0.8rem; line-height:0.8rem; border-radius: 0.8rem; margin:0.3rem auto 0; text-align: center; font-size: 0.38rem;}

.pair{ margin:0.6rem 0; border: 1px solid #eee; border-left: none; border-right: none; padding:  0.4rem .3rem;}
.pair h2 { text-align: center; font-size: .46rem; color: #dd6092 }
.pair ul{ margin-top: 0.5rem;}
.pair li{ float:left; width:25%;}
.pair li span{ background:#dde7fc; width:1.5rem; height:1.5rem; border-radius:1.5rem; display:block; margin:0 auto;}
.pair li span img{ width:100%; height:auto;}
.pair li em{ height:0.5rem; width:1.3rem; border-radius:0.5rem; color:#6990cc; line-height:0.5rem; display:block; margin:0.2rem auto 0; text-align:center; font-size:0.32rem;}
.ice_1 {  margin-top: .25rem }
.ice_3 {  margin-top: .5rem }