@charset "utf-8";

body {
    margin: 0;
    padding: 0;
    font: normal 100% "Microsoft YaHei", \5b8b\4f53, Arial, Helvetica, sans-serif;
    -webkit-tap-highlight-color: transparent
}

dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
select,
table,
td,
textarea,
ul {
    margin: 0;
    padding: 0
}

area {
    outline: 0
}

img {
    border: 0
}

.center {
    margin: 0 auto;
}

input {
    outline: 0;
    border-radius: 0;
    -webkit-appearance: none
}

input::-ms-clear {
    display: none
}

ol,
ul {
    list-style: none
}

a {
    outline: 0;
    text-decoration: none
}

.cf:after {
    clear: both;
    display: block;
    height: 0;
    content: ""
}

.cf {
    zoom: 1
}

.f_left {
    float: left
}

.f_right {
    float: right
}

.pub_clr {
    clear: both;
    overflow: hidden;
    height: 0;
    font-size: 0;
    line-height: 0
}

#content {
    margin-top: 1rem;
    position: relative;
}

.auto {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0)
}

.box_justify {
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-box;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-box-pack: justify;
    box-pack: justify
}

body {
    margin: 0 auto;
    width: 7.5rem;
    overflow-x: hidden;
    background-color: white;
}

.wrap {
    position: relative;
    overflow: hidden;
    width: 7.5rem
}

.loadHead {
    position: fixed;
    z-index: 1111;
    top: 0;
}

.top-bar {
    width: 7.5rem;
    height: 1.1rem;
    background-color: #fff
}

.btnNav {
    position: absolute;
    top: 50%;
    left: .32rem;
    display: block;
    width: .3rem;
    height: .34rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.btnNav .draw {
    top: .15rem
}

.btnNav .draw,
.btnNav .draw::after,
.btnNav .draw::before {
    position: absolute;
    display: block;
    overflow: visible;
    width: .48rem;
    height: .03rem;
    outline: 0;
    -webkit-border-radius: .01rem;
    border-radius: .01rem;
    background-color: #4b4d4d;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -ms-transition: all .3s
}

.btnNav .draw::before {
    top: -.14rem;
    content: ''
}

.btnNav .draw::after {
    top: .16rem;
    content: ''
}

.c-close .draw {
    background: 0 0
}

.c-close .draw::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
}

.c-close .draw::after {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nav-open {
    display: block;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100vh;
}

.menu-box {
    position: absolute;
    top: 1.09rem;
    left: 0;
    z-index: 55;
    display: none;
    padding: .4rem 0;
    width: 4.8rem;
    background: rgba(255, 255, 255, .9);
    overflow-y: scroll;
}

.nav-open {
    display: block;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100vh;
}

.menu-list {
    margin-left: .92rem
}

.menu-list li {
    margin-bottom: .43rem;
    width: 3.58rem;
    border-bottom: .03rem dotted #19bef0
}

.menu-list li a {
    position: relative;
    display: block;
    padding: .15rem 0;
    color: #008ef2;
    text-align: left;
    font-size: .29rem
}

.menu-list li a:after {
    position: absolute;
    top: 50%;
    right: .14rem;
    display: block;
    margin-top: -.06rem;
    width: .1rem;
    height: .12rem;
    background: url(http://m.pixseedschool.com/images/index/menu-arrow.png) no-repeat center;
    background-size: 0.1rem auto;
    content: ''
}

.menu-list li a.active:after {
    transform: rotate(90deg)
}

.menu-list li li {
    border: none
}

.menu-list li li a::after {
    display: none
}

.lesson-list {
    display: none;
    margin-top: 1rem;
    margin-left: .36rem
}

.lesson-list li a {
    position: relative;
    display: block;
    padding: .15rem 0;
    color: #008ef2;
    text-align: left;
    font-size: .29rem
}

.logo-edu {}

.logo-edu img {
    height: .56rem;
    position: absolute;
    top: .27rem;
    left: 1.61rem;
}

.logo-pixseed {}

.logo-pixseed img {
    margin-left: .3rem;
    height: .65rem;
    position: absolute;
    top: .22rem;
    left: 4.24rem;
}

.phone {
    /* padding-top: 1.1rem */
}


.xiuxi {
    display: none;
    width: .5rem;
    height: .3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -2.5rem;
    margin-top: -1.5rem;
    z-index: 111;

}

.xiuxi img {
    width: 5rem;
    height: 3rem;
}

.xiuxi img.xxclose {
    width: .95rem;
    height: .95rem;
}

.xiuxi .pr {
    width: 5rem;
    height: 3rem;
    position: relative;
}

.xiuxi .xxclose {
    position: absolute;
    right: 0;
    top: 0;
    margin: -0.44rem;
    cursor: pointer;
}

.pb_footer {
    padding-bottom: .9rem;
}

/* 知乎 投放页面 form 提交后弹出 */
.toasta {
    width: 5rem;
    background-color: white;
    position: fixed;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 32132131;
    font-size: .4rem;
    border-radius: .2rem;
    box-sizing: border-box;
    padding: .2rem .4rem;
    text-align: center;

    color: #828282;
}

.toasta .title {
    color: black;
}

.toasta p {
    font-size: .28rem;
    line-height: 1.5;
    margin: .2rem 0;
}

.toasta button {
    width: 1.3rem;
    height: 0.5rem;
    border: 1px solid white;
    outline: none;
    color: #5385A9;
    font-size: .3rem;
    border-radius: .1rem;
}

.pageMask {
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999100;
    background-color: black;

}

.showBank {
    display: inline-block;
    width: 100%;
    height: inherit;
}

/* 20211209 信息流剥离出主站 */
#header {
    position: fixed;
    z-index: 9999;
    top: 0;
    width: 7.5rem;
    background: rgba(248, 249, 250, 1);

}

.head-nav {
    background: rgba(248, 249, 250, 1);

}

.head-logo {
    width: 2.7rem;
    position: absolute;
    left: 0;
    top: .2rem;
}

.nav-swiper {
    margin: 0;
    width: 4.8rem;
    height: 1rem;
    background: rgba(248, 249, 250, 1);
    float: right;
}

.nav-swiper .swiper-slide {
    width: auto;
}

.nav-swiper a {
    display: block;
    font-size: .26rem;
    line-height: .98rem;
    color: rgba(102, 102, 102, 1);
    text-align: center
}

.nav-swiper a.active {
    color: rgba(194, 8, 19, 1);

}

.nav-swiper a.active::after {
    content: '';
    position: absolute;
    width: .6rem;
    height: .06rem;
    left: 50%;
    background: rgba(194, 8, 19, 1);
    bottom: .2rem;
    transform: translateX(-50%);

}

#modal-container {
    z-index: 1111 !important;
}

#modal-container .modal-background {
    background: rgba(0, 0, 0, 0.8) !important;
}

/* 为了在pc端也是呈现 手机端的样子 信息流页面专有 */
@media screen and (min-width:1200px) {
    html {
        font-size: 65px !important;
    }

    body {
        background-color: transparent !important;

    }
}




img.button {
    position: absolute;
    top: 9.4rem;
    right: 0.01rem;
    width: 1rem;
    height: 1rem;
    display: none;

}

.loading {
    width: 4rem;
    height: 1rem;
    line-height: .5rem;
    font-size: .3rem;
    color: #fff;
    position: fixed;
    top: 8.6rem;
    left: 50%;
    text-align: center;
    transform: translate(-50%);
    opacity: 0;
    background-color: #12121373;;
    border-radius: 0.3rem;
    transition: opacity .8s ease;


}

.loading.show {
    opacity: 1;
    z-index: 9999;
    transition: opacity .8s ease;
}




  
.overflow {
    overflow: hidden !important;
}

.Group01 {
    width: 3rem;
    height: 3rem;
    position: fixed;
    top: 9rem;
    right: -.3rem;
    z-index: 99999;
    background: url(https://wanmei-edu-public.cdn.bcebos.com/m.pixseedschool.com/xinxiliu/images/common/Group.png) no-repeat top center;
    background-size: cover;
    opacity: 1;
    transition: all .5s ease;

}

.Group01.show {
    transition: all .5s ease;
    right: -2.3rem;
    opacity: 0;
}

.Group02 {
    width: .86rem;
    height: 1.78rem;
    position: fixed;
    top: 9.5rem;
    right: 0;
    z-index: 999999999;
    background: url(https://wanmei-edu-public.cdn.bcebos.com/m.pixseedschool.com/xinxiliu/images/common/Group02.png) no-repeat top center;
    background-size: cover;
    opacity: 0;
    transition: opacity .5s ease;

}

.Group02.show {
    opacity: 1;
    transition: opacity .5s ease;

}

#dia_mask {
    display: none;
    background: #333333;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 9999999999999999999;
}

#dia_mask #form_dialog {
    width: 6.7rem;
    height: 10rem;
    background: radial-gradient(116.89% 116.89% at 52.62% -16.89%, #313C75 0%, #D5DDFF 49.11%, #313C75 100%);
    border-radius: .28rem;
    position: relative;
     margin: 1.4rem auto;
     padding-top: .7rem;
}

#dia_mask #form_dialog #dia_icon {
    position: absolute;
    width: 3.4rem;
    height: 4.2rem;
    right: -0.3rem;
    top: -0.8rem;
    background: url(https://wanmei-edu-public.cdn.bcebos.com/m.pixseedschool.com/xinxiliu/images/common/dio_icon.png) no-repeat top center;
    background-size: cover;
}

#dia_mask #form_dialog #dia_return {
    position: absolute;
    width: 0.64rem;
    height: 0.64rem;
    right: -0.1rem;
    top: -0.9rem;
    background: url(https://wanmei-edu-public.cdn.bcebos.com/m.pixseedschool.com/xinxiliu/images/common/dia_return.png) no-repeat top center;
    background-size: cover;
}

#dia_mask #form_dialog .success_prompt {
    position: absolute;
    width: 4.48rem;
    height: 1.54rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: url(https://wanmei-edu-public.cdn.bcebos.com/m.pixseedschool.com/xinxiliu/images/common/success.png) no-repeat top center;
    background-size: cover;
    opacity: 0;
    transition: opacity .5s ease;
}

#dia_mask #form_dialog .success_prompt.show {
    opacity: 1;
    transition: opacity .5s ease;
}

#dia_mask #form_dialog .fail_prompt {
    position: absolute;
    width: 4.48rem;
    height: 1.54rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: url(https://wanmei-edu-public.cdn.bcebos.com/m.pixseedschool.com/xinxiliu/images/common/Failure.png) no-repeat top center;
    background-size: cover;
    opacity: 0;
    transition: opacity .5s ease;

}


#dia_mask #form_dialog .fail_prompt.show {
    opacity: 1;
    transition: opacity .5s ease;
}



#form_dialog .dia_title {
    width: 3.84rem;
    height: .99rem;
    margin-left: .66rem;
    margin-bottom: .23rem;
    background: url(https://wanmei-edu-public.cdn.bcebos.com/m.pixseedschool.com/xinxiliu/images/common/dia_title.png) no-repeat top center;
    background-size: cover;
} 

#form_dialog .dia_box {
    width: 6.7rem;
    height: 8.4rem;
    overflow: scroll;
}


#form_dialog .dia_con {
    width: 6.26rem;
    height: 8.3rem;
    margin: 0 auto .23rem;
    background: url(https://wanmei-edu-public.cdn.bcebos.com/m.pixseedschool.com/xinxiliu/images/common/con_bg.png) no-repeat top center;
    background-size: cover;
    border-radius: .28rem;
    overflow: hidden;
} 

#form_dialog .dia_submit {
    width: 6.28rem;
    height: 4rem;
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: .28rem;
    overflow: hidden;
} 

#form_dialog .fottet {
    width: 6.28rem;
    height: .2rem;
    margin: 0 auto;
} 
.dia_con .form_li {
    width: 5.60rem;
    min-height: .9rem;
    margin: 0 auto .3rem;
}

.dia_con .paintBasics {
    margin-top: .3rem;
}

.dia_con .form_li .form_title {
    width: 100%;
    height: .45rem;
    font-weight: 600;
    font-size: .32rem;
    color: #333E77;
    position: relative;
}

.dia_con .form_li .form_title::before {
    content: '*';
    position: absolute;
    left: -0.2rem;
    top: 0.02rem;
    color: #c20813;
}

.dia_con .paintBasics .radio_box {
    min-width: 2.84rem;
    height: .45rem;
    margin-top: .16rem;
    display: flex;
    align-items: center;
}

.dia_con .paintBasics .radio_box .paint03 {
    display: none !important;
}

.dia_con .form_li .radio_box .paint {
display: flex;
align-items: center;
margin-right: .64rem;
}

.dia_con .playFrequency .radio_box .paint,
.dia_con .gameIndustryInterest .radio_box .paint {
margin-top: .24rem;
width: fit-content;
}

.dia_con .form_li .radio_box .paint .radio {
    width: .32rem;
    height: .32rem;
    cursor: pointer;
    margin-right: .16rem;
    background: url(https://wanmei-edu-public.cdn.bcebos.com/m.pixseedschool.com/xinxiliu/images/common/radio_off.png) no-repeat top center;
    background-size: cover;
}

.dia_con .form_li .radio_box .paint .radio.active {
  
    background: url(https://wanmei-edu-public.cdn.bcebos.com/m.pixseedschool.com/xinxiliu/images/common/radio_on.png) no-repeat top center;
    background-size: cover;
}

.dia_con .form_li .radio_box .paint span {
    font-size: .32rem;
    color: #333E77;
}

.dia_con .form_footer {
    width: 100%;
    height: .2rem;
}


#form_dialog .dia_submit .sub_title {
    width: 5.25rem;
    height: 0.76rem;
    margin: .28rem auto;
    background: url(https://wanmei-edu-public.cdn.bcebos.com/m.pixseedschool.com/xinxiliu/images/common/submit_tit.png) no-repeat top center;
    background-size: cover;
}

#form_dialog .dia_submit .form_input {
    width: 5.47rem;
    height: .74rem;
    margin: .32rem auto .48rem;
    background: #F8F8F8;
    border-radius: .87rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

#form_dialog .dia_submit .form_input .input_text {
    position: absolute;
    width: 2.34rem;
    height: .39rem;
    color: #999999;
    font-weight: 400;
    font-size: .28rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: block;
}

#form_dialog .dia_submit .form_input .error {
    position: absolute;    
    height: .28rem;
    left: 50%;
    transform: translate(-50%);
    bottom: -.3rem;
    font-weight: 400;
    font-size: .20rem;
    line-height: .28rem;
    text-align: center;
    color: #FF0000;
    display: none;
} 


#form_dialog .dia_submit .form_input .input_text::before {
    content: '*';
    position: absolute;
    left: -0.15rem;
    top: -0.01rem;
    color: #c20813;

}



#form_dialog .dia_submit input {
    width: 100%;
    height: .39rem;
    border: none;
    background-color: rgba(255, 255, 255, 0);
    position: absolute;
    z-index: 99999;
    padding-left: 3.7rem;
    font-size: .28rem;
}

#form_dialog .dia_submit .submit_button {
    width: 5.04rem;
    height: .88rem;
    margin: 0 auto;
    text-align: center;
    line-height: .88rem;
    background: linear-gradient(174.42deg, #B3D1FF 4.21%, #5C6FD1 95.34%);
    border-radius: .94rem;
    font-weight: 500;
    font-size: .28rem;
    color: #FFFFFF;
} 

#form_dialog .dia_submit input::-webkit-input-placeholder {
    color: #999999;
  }

  #form_dialog .dia_submit input:-webkit-autofill {
    box-shadow: 0 0 0 1000px #ffffff inset;
    -webkit-text-fill-color: #fff;
  }


  .fc {
	display: flex;
	align-items: center;
  }
  
  .fc-b {
	display: flex;
	align-items: center;
	justify-content: space-between;
  }
  
  .fc-c {
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  .fc_column {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
  }

  .center {
	margin: 0 auto;
  }
  
  .tc {
	text-align: center;
  }


  .pt {
	cursor: pointer;
  }



  /*  按钮自动放大缩小动画  */
.button-zoom {
	position: relative;
	animation: mymove 2.5s infinite;
	-webkit-animation: mymove 2.5s infinite;
	/*Safari and Chrome*/
	animation-direction: alternate;
	/*轮流反向播放动画。*/
	animation-timing-function: ease-in-out;
	/*动画的速度曲线*/
	/* Safari 和 Chrome */
	-webkit-animation: mymove 2.5s infinite;
	-webkit-animation-direction: alternate;
	/*轮流反向播放动画。*/
	-webkit-animation-timing-function: ease-in-out;
	/*动画的速度曲线*/
  }
  
  @keyframes mymove {
	0% {
		transform: scale(1);
		/*开始为原始大小*/
	}
  
	25% {
		transform: scale(1.1);
		/*放大1.1倍*/
	}
  
	50% {
		transform: scale(1);
	}
  
	75% {
		transform: scale(1.1);
	}
  
  }