@import url(layout.css?v=5.1); 
*::-webkit-scrollbar{display:none;}
.mpart { background-size: 100% auto; height:3.2rem;}
.vision {height: 2.5rem;}
.vision .s_botm:nth-child(1n) ,.vision .s_botm:nth-child(2n) {margin-top: 2rem;}
.mpart,.plus_box .plus_mpart{ background-image:-webkit-gradient(linear, 24% 100%, 10% 0%, from(#ff5394), to(#ff7aa3));}
/*爱情*/.pages_love .mpart,.pages_love .plus_box .plus_mpart{ background-image:-webkit-gradient(linear, 24% 100%, 10% 0%, from(#ff5394), to(#ff7aa3));}
/*优缺点*/.pages_proscons .mpart,.pages_proscons .plus_box .plus_mpart{ background-image:-webkit-gradient(linear, 12% 100%, 10% 0%, from(#ffb231), to(#f4c364));}
/*个性*/.pages_character .mpart,.pages_character .plus_box .plus_mpart{ background-image:-webkit-gradient(linear, 12% 100%, 7% 0%, from(#6bce92), to(#abd2a1));}
.astroVi { position: absolute; opacity: .45; top: -.8rem; left: -2rem; width: 8rem }
.viewcont{ padding: 0; position: relative; }
.features_cont{margin: 0 .35rem; border-radius: .2rem; padding: .45rem .35rem .35rem;background:-webkit-gradient(linear,0% 0%,0% 15%,from(#ffeef4),to(#fff)); }
.pages_character .features_cont{ background:-webkit-gradient(linear,0% 0%,0% 15%,from(#f0fbf5),to(#fff));  }
.pages_proscons .features_cont{background:-webkit-gradient(linear,0% 0%,0% 15%,from(#fff9ea),to(#fff)); }

.features_cont h2{ text-align: center; font-size: .5rem; line-height: 1.2rem; }
.features_cont p{ text-indent: 2em; font-size: .42rem; color: #555; line-height: .8rem; margin: .3rem 0; }
.features_cont .cont{ margin-top: .6rem; }
.viewcont .outer { overflow:hidden;}
.viewcont .teles { text-align: center; display:block; color:#ff9c00; font-size: 0.38rem; background: linear-gradient(to bottom , rgba(255,255,255,0) , #fff 60%); height: 1.5rem; position: relative; margin-top: -2rem; padding-top: 2.5rem;}
.viewcont .teles i { display: inline-block; padding-bottom:0.3rem; }
.viewcont .teles i small { display: block; width: .5rem; height: .5rem; border-radius: 1rem; margin: .1rem auto; background: #ffbf5b url(../images/arrow_down.png) no-repeat center 50% ;background-size:0.3rem auto;  }
.astro em{display: block; position: relative; width: 2.8rem; height: 2.8rem; border-radius: 2rem; text-align: center; background: radial-gradient(rgba(255,255,255,1) 30%, rgba(255,255,255,.80) 60%, rgba(255,255,255,0) 100%); margin: -1.8rem auto 0; }
.astro img{ width: 2.3rem; height: 2.3rem; position: absolute; left: 0;right: 0; top: 0; bottom: 0; margin: auto;}
.astro_name{ color: #ff4d8c; font-size: .48rem; text-align: center; margin-top: -.25rem; position: relative; }
.astro_name i{ border: 0.22rem solid; border-color: #ddd transparent transparent; margin: 0.25rem 0.25rem 0 .15rem; position: absolute;}
.pages_character .astro_name{ color: #5fb698; }
.pages_proscons .astro_name{ color: #ffac1b; }

.astro_features{ margin: .35rem .2rem .5rem; font-size: 0; text-align: center;}
.astro_features li{ display: inline-block;width: 1.64rem; height: 1.8rem; vertical-align: middle; margin:0 .14rem; border-radius: .2rem;  }
.astro_features li.character{ background:#f1f7f5; }
.astro_features li.proscons{ background:#fef7ed; }
.astro_features li.love{ background:#fff6fc; }
.astro_features li.boy{ background:#f6f9ff; }
.astro_features li.girl{ background:#fff6f8; }
.astro_features li a{ display: block; font-size: .36rem; color: #6c6c6c; }
.astro_features li .features_icons{ display: block; margin: .3rem auto .06rem; width: .7rem; height: .7rem;  }
.astro_features li.active{ margin: 0; background: none; font-size: .36rem; font-weight: bold; color: #ff4d8c;}
.pages_character .astro_features li.active { color: #5fb698 !important; }
.pages_proscons .astro_features li.active { color: #ffac1b !important; }