@charset "utf-8";
body,form,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,p,hr,input,em{margin:0;padding:0;list-style:none;-webkit-text-size-adjust:none; vertical-align: middle; font-weight:normal;}
body{ font-size:14px; color:#000;  font-family:'\5FAE\8F6F\96C5\9ED1','Nanum Gothic','-apple-system';}
h1,h2,h3,h4,h5,h6{font-size:100%}
table,img,iframe{border:none}ul{list-style:none}
a{ color:#000; text-decoration:none;outline:none;}
a:hover {text-decoration:none;color:#f44336;}
a:active {color:#000;text-decoration:none;}
ol,ul {list-style:none;}
fieldset,img {border:0;}
i,em{ font-style:normal;}
.left{ float:left;}
.right{ float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}/* Hides from IE-mac \*/
* html .clearfix{height:1%;}/* End hide from IE-mac */
*+html .clearfix{min-height:1%;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:45px;}
.mt55{ margin-top:55px;}
.mt60{ margin-top:60px;}
.animated { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated2 { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated3 { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated4 { -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated5 { -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated6 { -webkit-animation-duration: 6s; animation-duration: 6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 	animation-delay:2s;; transition-timing-function:ease;}
body{background:#000000db;}
/**************重置end**************************/
.w750{ width:510px;height: 100%; margin-left: auto; margin-right: auto;background: url("yy_ssqbg_20251211.jpg") no-repeat center;background-size:100% 100%;}
/*loding*/
.yy_minw{position: relative; }
.yy_loding{width:100%;height: 100vh; margin-left:auto;margin-right:auto;position: relative;  top: 0; z-index: 99999; background: #fff;}
.yy_loding img.jinlinwang_logo{display: block; width:70%; height: auto; margin: 0 auto; padding-top: 15%;}
.yy_loding img.no-top{display: block; width:50%; height: auto; margin: 0 auto;}
.yy_cont{display:none; width: 100%;margin-left:auto;margin-right:auto;}
.rotate{-webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 3s linear infinite;
    -moz-animation: rotate 3s linear infinite;
    -o-animation: rotate 3s linear infinite;
    animation: rotate 3s linear infinite;}

@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}
/*Team*/
.yy_jw_md,.Team{width:100%; height: auto; }
.yy_jw_md p{width:100%; height:auto; display: block; color: #333; font-size: .35rem; text-align: center;}
.yy_jw_md p b,.yy_jw_md p sup,.yy_jw_md p sub{width:100%; height:auto; display: block;}
.yy_jw_md p sup{font-style:italic; font-size: 0.3rem;padding: 3% 0; font-family:'宋体';}
.yy_jw_md p sub{font-size: .25rem;padding: 8% 0; }
/*yy_page1*/
.yy_page1{width:100%; height: 100vh;position: relative;display: none;}
.img_tit{width:70%; height: auto;margin-left: auto; margin-right: auto;display: block;padding-top:5vh; }
.img_yaoqain{width:58%; height: auto;margin-left: auto; margin-right: auto;display: block;}
.img_btn_tc{width:100%; height: auto;margin-left: auto; margin-right: auto;display: block;padding: 3% 0; animation: slice 3s ease 0.5s infinite alternate forwards;}
.img_jw_logo{width:100%; height: auto;margin-left: auto; margin-right: auto;display: block;}
/*yy_tc*/
.yy_tc{width:510px; height: 100vh;background:#000000b3;position: fixed; top: 0px;left: 0px; z-index: 99;left: 50%;transform: translateX(-50%);display: none;}
.yy_tc_input{width:510px; height:506px;position: relative;top: 50%;transform: translateY(-50%);}
.yy_tc_input_{width:100%; height:506px;background:url("yy_tcimg_20251211.png") no-repeat center top; background-size:auto 480px;transform: scale(.3);; transition:all .5s;position: absolute;}
.hasslice{transform: scale(1) !important; transition:all .5s !important;}
.tc_input{width:60%; height: auto;position: relative;top:305px;left:50%;transform: translateX(-50%);}
.tc_input h2{width:100%; height: auto;font-size: 0.38rem; color:#fff;}
.tc_input input{width:100%; height:0.8rem;outline: none;border:1px solid #000;margin-top:0.15rem;font-size: .35rem;text-indent: 0.1rem;}
.input_btn{width:100%; height: auto; display: block; position: absolute; bottom: 0px;}
.tc_input p{font-size: .3rem;color:#700303;font-weight: bold;text-align: center;margin-top: 2%;}


@keyframes slice{
	0%{transform:scale(1)}
	50%{transform:scale(1.1)}
}

/* 定义闪烁动画 */
@keyframes blink {
  0%, 100% { opacity: 1; }   /* 显示 */
  50% { opacity: 0; }        /* 隐藏 */
}

/* 闪烁样式类（可自定义速度/次数） */
.blink-tip {
  animation: blink 0.8s ease-in-out infinite; /* 无限闪烁，0.8秒一个周期 */
  /* 可选：如果需要闪烁几次后停止，替换为：
  animation: blink 0.8s ease-in-out 3; （3次）
  */
  color: #f00; /* 提示文字设为红色更醒目 */
}
/*yy_page2*/
.yy_page2{width:100%; height: 100vh;overflow: hidden; position: relative;display: none;}
.container{width:100%; height: 100%; background: url("yy_ssqbg_20251211.jpg");background-size: 100% 100%; background-repeat: no-repeat;position: relative;z-index: 10;}
.img_guagou{width:auto; height:135px; display: block; left: 50%;transform: translateX(-50%);top:75px; position: absolute;z-index: 99;}
.img_text{width:60%;height:80vh;overflow: hidden; position: relative; top:176px;left:20%;}
.img_text img.yy_ssq{width:100%;display: block; margin-left: auto; margin-right: auto;position: absolute;top: 0px; left: 0px;}
.img_text_{width:100%;height: auto;position: absolute;top:71px;z-index:99;text-align: center;}
.img_text_ h2{color: #ffefdb;font-size: 22px; font-weight: bold;}
.img_text_ p{color: #ffefdb;font-size:16px;padding:1px 0;}
.container img.douyin{width:80%; height: auto;margin-left: 10%;bottom: 5vh;position: absolute;}
.container img.yy_logo{width:70%; height: auto;margin-left: 15%;top: 460px;position: absolute;display: none;}

/*按钮*/
.yy_chouqian{width:100%; height:auto;overflow: hidden; position:absolute;top:592px;z-index:555;}
.yy_chouqian_img{width:75%; height:auto;margin-left: 12.5%; display: flex;justify-content: center}
.yy_chouqian_img img{width:20%; height:auto;margin: 0 3%;}
.fenxiang_more{width:30%; height:auto;margin-left: 35%;}

/*截图*/
.result{width:510px;height:100vh; position: fixed;top: 0px; z-index:9;transform: scale(.3);transition:all 1s;}
.result_{width: 100%; height: 100%;left: 50%;transform: translateX(-50%);position: relative;}
.canvas_img{z-index:9999 !important;transform: scale(1) !important;transition:all 1s;}
.result img{width:100%;height:100%;}
.tip{width:auto; height: auto;display: inline-block;padding:2% 5%;border-radius: 5px; background: #fff;font-size: 0.4rem;position: absolute;bottom:2vh;left: 50%;transform: translateX(-50%);color:#d90f0f;font-weight: bold;}
.result img.back{width:1rem; height: 1rem;position: absolute;top: 2%; left: 2%;display: none;}

/*提示词*/
.ts_serveimg{width:100%;height: 100%;/*background:#000000b3;*/position: fixed;top: 0px;left: 0px;z-index:666;display: none;background: linear-gradient(to bottom,#000000b3 3%,#000000e3)}
.ts_serveimg_{width:100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.ts_serveimg p{width:auto; height: auto;display: inline-block;padding: 5%;border-radius: 5px; background: #fff;font-size: 0.4rem;}

/*music*/
.yy_music{width:1rem; height: 1rem;position:fixed; top: 2%; right: 2%;z-index: 444;}
.yy_music img{width:1rem; height: 1rem;position: absolute;top: 0px; left: 0px;}
.an_music1{display:none;}

.img_btn_tc,.input_btn,.yy_downimg,.yy_chongyao,.yy_music,.back{cursor:pointer;}


.jlw_logo{width:510px;height: auto;position: fixed;z-index:333;top: 2%;left:50%;transform: translateX(-50%);}
.jlw_logo img{width:35%;height: auto;}


/*yanyan mobile*/
@media screen and (max-width:899px){
.w750{ width:100%;overflow: hidden;}
.yy_page1{height:100vh;}
.yy_page2,.container{min-height:100vh;}
.yy_tc{width:100%;}
.yy_tc_input{width:100%;height:9.41rem;}
.tc_input{top:6.2rem;}
.img_guagou{width:auto; height: 3rem; display: block; left: 50%;transform: translateX(-50%);top: 1rem; position: absolute;z-index: 99;}
.img_text{width:70%;height:20rem;overflow: hidden; position: relative; top:3.18rem;left:15%;padding-bottom:1rem;}
.img_text_{width:100%;height: auto;position: absolute;top:1.65rem;z-index:99;text-align: center;}	
.img_text_ p{font-size: 0.35rem;}
.img_text_ h2{font-size: 0.4rem;}	
.yy_chouqian{width:100%; height:auto;overflow: hidden; position:absolute;top:12.9rem;z-index:555;}	
.container img.douyin{width:80%; height: auto;margin-left: 10%;top:13.8rem;position: absolute;}	
.yy_tc_input_{width:100%; height:100%;background:url("yy_tcimg_20251211.png") no-repeat center top; background-size:100% 100%;transform: scale(.3);; transition:all .5s;position: absolute;}
/*截图*/
.result{width:100%;height:100%; position: fixed;top: 0px;left:0px; z-index:9;transform: scale(.3);transition:all 1s;}	
.tip{bottom: 5vh;}	
.container img.yy_logo{top: 10.3rem !important;}	
.fenxiang_more{width:40%; height:auto;margin-left: 30%;}	
	
.jlw_logo{width:32%;height: auto;position: fixed;z-index:333;top: 2%;left: 2%; transform: none;}	
.jlw_logo img{width:100%;height: auto;}
}
