@import url(layout.css?v=6);
.mpart {background:linear-gradient(0, #75c1fc, #5b85f9); height:4rem; margin-bottom: 0;}
.sex .mpart{ background-size: 100% 11.6rem; height:auto;}
.vision .s_mide { height: 31.2rem;}
.tbox{ padding:0; box-sizing:border-box;top: 0;width: 100%;}
.vision{ margin-top: -.7rem;}
.vision .s_botm:nth-child(1n) , .vision .s_botm:nth-child(1n) { margin-top: 0rem;}
.card_bottom { position: absolute; bottom:-.5rem;}
.tbox .top .astro{ text-align: center;}
.tbox .top .astro b{background:linear-gradient(0, #e9f4ff, #ebfbff);width:2.45rem;height:2.45rem;border-radius: 100%;display:block;margin:0 auto;box-sizing:border-box;padding-top: 0.1rem;box-shadow: inset 0 0 0.5rem rgba(93,137,255,0.09);position: relative;font-weight: normal;}
.tbox .top .astro img{ width:2rem; height:2rem; display:block; margin:0 auto;}
.tbox .top .astro em{color:#639aff;font-weight: bold;abackground: #f2f8ff;width:2.2rem;height:0.67rem;line-height: 0.67rem;font-size:0.48rem;border-radius: 0.67rem;margin: 0 auto;text-align: center; display:block; padding-left: 0.55rem;}
.tbox .top .astro em i{ background:url(../images/arrow7.png) no-repeat 0 0; width:0.45rem; height:0.45rem; display:inline-block; vertical-align: middle; margin-left: 0.1rem; background-size:0.4rem;}
.tbox .top .astro span{color: #bbb;font-size: 0.3rem;display: block;line-height: 0.45rem;}
.tbox .top .descs { sheight: 1.8rem; overflow: hidden }
.tbox .top .showall { color: #fff; font-size: .35rem; text-align: center; display: none }
.tbox .top .showall i { background:url(../images/arrow_more.png) no-repeat center; background-size: contain; display:inline-block; color:#fff; width: .6rem; height:0.6rem; margin-right: .2rem } 
.tbox .top ul {width:100%;}
.tbox .top ul li{float:left;width:33.33%;text-align:center;font-size: .38rem;margin-top: 0.3rem;color: #4d99f4;}
.tbox .top ul li span {font-size:0.32rem;display:block;line-height: 0.45rem;padding:0 0.13rem;border-radius: 0.1rem;color: #777;}
.tbox .top ul li:nth-child(4) ,.tbox .top ul li:nth-child(5) ,.tbox .top ul li:nth-child(6){ color:#13b9b3;}
.tbox .top ul li em{ display:block; line-height: 1rem;}
.tbox .top p{ color:#333; background:#f2f8ff; border-radius:8px; padding:0.3rem .4rem;  line-height: 0.7rem; margin: 0.3rem 0.37rem 0; font-size: 0.38rem; text-align: justify;}

.tbox .tab_sex{ margin:0.4rem .37rem 0.3rem;}
.tbox .tab_sex ul {font-size: 0.32rem;text-align: center;float:left;width:4.48rem;background:linear-gradient(0, #fff4fa, #fde9f5);border-radius: 0.27rem;box-sizing:border-box;overflow: hidden;}
.tbox .tab_sex ul:first-child{ margin-right: 0.3rem; }
.tbox .tab_sex ul li {line-height: 0.6rem;height: 0.6rem;color: #555;overflow: hidden;padding: 0 0.3rem;}
.tbox .tab_sex ul li.tit{font-size:0.4rem;height: 1.1rem;}
.tbox .tab_sex ul li.tit a{display:block;margin:0 auto;line-height: 1rem;position:relative;color:#eb6bb3;font-weight: bold;}
.tbox .tab_sex ul li.tit a:after{position:absolute;content:'';background:#f285c2;height:0.07rem;border-radius: 0.03rem;width: 0.5rem;bottom: .05rem;left: 43.5%;}
.tbox .tab_sex ul li strong {color: #888;font-weight: normal;font-size: 0.32rem;}
.tbox .tab_sex ul li.more{height: 1rem;text-align: center;overflow:visible;padding: 0;margin-top: 0.2rem;}
.tbox .tab_sex ul li.more a{background:linear-gradient(0, #ffb6e0, #ffdbf1);height: 1rem;display: block;line-height: 1rem;font-size: 0.36rem;box-shadow:0 2px 2px rgba(235,107,179,0.1);color: #fff;}
.tbox .tab_sex ul:last-child{background:linear-gradient(0, #edf6fd, #def0fe);}
.tbox .tab_sex ul:last-child li.tit a{ color:#5daff4;}
.tbox .tab_sex ul:last-child li.tit a:after{ background:#71b8f4;}
.tbox .tab_sex ul:last-child li.more a{ background: linear-gradient(0, #a3dfff, #cfeeff); box-shadow:0 2px 2px rgba(99,159,250,0.1);}

.murl { padding:0 0.26rem; display: -webkit-box; font-size: 0.38rem; margin-bottom: 0.4rem;}
.murl a {display: block;text-align: center;-webkit-box-flex: 1;box-sizing:border-box;color:#fff;margin:0.1rem;line-height:1rem;border-radius: .2rem;padding-right: 0.09rem;}
.murl a:nth-child(1){background:linear-gradient(0, #bd97e9, #d6b4ff); box-shadow: 0 2px 2px rgba(204,174,239,0.2);}
.murl a:nth-child(2){background:linear-gradient(0, #74caa6, #90ddc9); box-shadow: 0 2px 2px rgba(148,213,187,0.2); width:2.5rem;}
.murl a:nth-child(3){background:linear-gradient(0, #8fb3f6, #9dcbff); box-shadow: 0 2px 2px rgba(164,198,255,0.2);}
.murl a i{background:url(../images/gender/icon_murl.png) no-repeat 0 0;background-size: 0.56rem auto;width:0.56rem;height:0.56rem;display:inline-block;vertical-align: middle;margin-right: 0.05rem;}
.murl a:nth-child(2) i{ background-position: 0 -0.56rem;}
.murl a:nth-child(3) i{ background-position: 0 -1.12rem;}

.uqx_1 {  margin-top: .25rem }
.uqx_3 {  }
.uqx_4 { margin: .37rem .37rem .07rem; }


.icon_show { height: 2rem; margin-top: 1rem; position: relative }
.icon_show i{  display: block; border-radius: 100%; position: absolute; width: 2.4rem; height: 2.4rem; left: 50%; margin-left: -1.2rem }
.icon_show span { background: radial-gradient(rgba(255,255,255,1) 40%, rgba(255,255,255,.8) 60%, rgba(255,255,255,.3) 100%); display: inline-block; border-radius: 100%;height: 2.4rem;width:2.4rem;}
.icon_show img { width: 2rem; height: 2rem; margin: .2rem; }
.icon_show i,.icon_show em {
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation-name: shaky-slow;
	-ms-animation-name: shaky-slow;
	animation-name: shaky-slow;
	-webkit-animation-duration: 3s;
	-ms-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0s;
	-ms-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-play-state: running;
	-ms-animation-play-state: running;
	animation-play-state: running;
}
.icon_show em { display: block; border-radius: 100%; position: absolute; width: 1rem; height: 1rem; left: 50%; margin-left: -.5rem }
.icon_show em span { width: 1rem;height: 1rem;background: radial-gradient(rgba(255,255,255,.7) 30%, rgba(255,255,255,.6) 50%, rgba(255,255,255,0) 100%); }
.icon_show em img { width: .8rem;height: .8rem;margin:.1rem; }

.icon_show em:nth-child(1) { left: 1rem }
.icon_show em:nth-child(2) { left: 2.5rem }
.icon_show em:nth-child(3) { left: 7rem }
.icon_show em:nth-child(4) { left: 8.5rem }
.icon_show em.shaky1 { -webkit-animation-name: shaky-fast1; }
.icon_show em.shaky2 { -webkit-animation-name: shaky-fast2; }
.icon_show em.shaky3 { -webkit-animation-name: shaky-fast3; }
.icon_show em.sp1{ -webkit-animation-duration: 1s; }
.icon_show em.sp2{ -webkit-animation-duration: 2s; }
.icon_show em.sp3{ -webkit-animation-duration: 3s; }
.icon_show em.sp4{ -webkit-animation-duration: 4s; }
.icon_show em.sp5{ -webkit-animation-duration: 5s; }
.icon_show em.sp6{ -webkit-animation-duration: 6s; }
@-webkit-keyframes shaky-slow {
	0%,100% {
		transition-timing-function: cubic-bezier(0.215,.61,.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
		transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
	}
	65%{
		transform: translate3d(0,-.15rem,0);
	}
}
@keyframes shaky-slow {
 	0%,100% {
		transition-timing-function: cubic-bezier(0.215,.61,.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
		transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
	}
	65%{
		transform: translate3d(0,-.15rem,0);
	}
}

@-webkit-keyframes shaky-fast {
	0%,100% {
		transition-timing-function: cubic-bezier(0.215,.61,.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
		transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
	}
	60%{
		transform: translate3d(0,-.2rem,0);
	}
}
@keyframes shaky-fast1 {
  0%,100% {
		transition-timing-function: cubic-bezier(0.215,.61,.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
		transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
	}
	60%{
		transform: translate3d(0,-.2rem,0); 
	}
}
@keyframes shaky-fast2 {
  	0%,100% {
		transition-timing-function: cubic-bezier(0.215,.61,.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
		transform: translate3d(0,-.18rem,0); /*设置只在Z轴上移动*/
	}
	50%{
		transform: translate3d(0,0,0); 
	}
}

@keyframes shaky-fast3 {
  	0%,100% {

		transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
	}
	55%{
		transform: translate3d(0,-.25rem,0); 
	}
}