@import url(layout.css?v=5.1);
.wrapper{background-image: url(../images/bg3.jpg);background-position: 0 -.7rem;}
.mpart {height: 5.5rem;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:#66fbfe;line-height: 0.8rem;font-size:0.56rem;margin: 0 auto;text-align: center;display:block;padding-left: 0.55rem;opacity:.8;}
.tbox .top .astro em i{background:url(../images/arrow7.png) no-repeat 0 0;width: 0.4rem;height: 0.4rem;display:inline-block;vertical-align: middle;margin-left: 0.1rem;background-size: 0.35rem;}
.tbox .top .astro span{color: rgb(255 255 255 / 60%);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: #ffffff;}
.tbox .top ul li span {font-size:0.32rem;display:block;line-height: 0.6rem;padding:0 0.13rem;border-radius: 0.1rem;color: rgb(255 255 255 / 50%);}
.tbox .top ul li:nth-child(4) ,.tbox .top ul li:nth-child(5) ,.tbox .top ul li:nth-child(6){}
.tbox .top ul li em{ display:block; line-height: 1rem;}
.tbox .top p{color: rgb(255 255 255 / 80%);background: rgb(255 255 255 / 10%);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, rgb(171 45 186 / 20%), rgb(217 89 232 / 25%));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: rgb(255 255 255 / 80%);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: #ff8cca;font-weight: bold;}
.tbox .tab_sex ul li.tit a:after{position:absolute;content:'';background: #ff8cca;height:0.07rem;border-radius: 0.03rem;width: 0.5rem;bottom: .05rem;left: 43.5%;}
.tbox .tab_sex ul li strong {color: rgb(255 255 255 / 60%);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, rgb(255 159 214 / 27%), rgb(255 200 244 / 6%));height: 1rem;display: block;line-height: 1rem;font-size: 0.36rem;box-shadow:0 2px 2px rgba(235,107,179,0.1);color: #ff8cca;}
.tbox .tab_sex ul:last-child{background: linear-gradient(0, rgb(74 127 169 / 20%), rgb(161 212 251 / 25%));}
.tbox .tab_sex ul:last-child li.tit a{color: #71b8f4;}
.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, rgb(163 223 255 / 27%), rgb(207 238 255 / 6%));box-shadow:0 2px 2px rgba(99,159,250,0.1);color: #71b8f4;}

.murl {padding:0 0.26rem;display: -webkit-box;font-size: 0.38rem;}
.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;}
.murl a:nth-child(1){background: linear-gradient(0, rgb(100 12 133 / 50%), rgb(172 44 149 / 50%));color: #ff8cca;}
.murl a:nth-child(2){background: linear-gradient(0, rgb(8 96 95 / 50%), rgb(4 129 95 / 50%));color: #21cfd1;}
.murl a:nth-child(3){background: linear-gradient(0, rgb(28 76 121 / 50%), rgb(17 118 147 / 50%));color: #53c5eb;}
.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; }

.drop_list{ margin-top: .5rem;}

.icon_show {height: 4rem;margin-top: 1.3rem;position: relative;}
.icon_show i{display: block;border-radius: 100%;position: absolute;width: 4rem;height: 4rem;left: 50%;margin-left: -2rem;box-shadow: 0 0 0.8rem rgb(0 0 0 / 30%);}
.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: 4rem;width: 4rem; overflow:hidden;}
.icon_show img {width: 4rem;height: 4rem;}
.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: 1.5rem;height: 1.5rem;left: 50%;margin-left: -.5rem;}
.icon_show em span {width: 1.5rem;height: 1.5rem;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: 1.5rem;height: 1.5rem;}

.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); 
	}
}