.body{
	width: 100%;
	min-height: 100vh;
	position: relative;
	background-image: url('../img/10.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	box-sizing: border-box;
}
.page_container{
	width: 100%;
	height: 100vh;
	box-sizing: border-box;
	padding: 0 35px 15px;
	display: flex;
	transition: all 0.4s;
	
}

.page_container .page_top{
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
}
.page_container .page_top .tools{
	width: 60px;
	height: 60px;
	line-height: 60px;
	background: rgba(0,0,0,0.15);
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 8px;
	cursor: pointer;
	transition: all .4s;
}
.page_container .page_top .tools:hover{
	border: 1px solid #FFB5B5;
	background-color: #FFB5B5;
}
.page_container .page_top .tools:hover .imgs{
	filter: brightness(0);
}
.page_container .page_top .tools .imgs{
	width: 20px;
	height: 20px;
	display: block;
}
.page_container .page_top .tools.tools2{
	transition: all 0s;
}
.page_container .page_top .tools.tools2.refresh{
	transition: all .4s;
	transition-timing-function: cubic-bezier(0.61, 0.24, 0.02, 1.41);
	transform: rotate(360deg);
}

.page_container .page_top .title{
	font-size: 32px;
	flex: 1;
	margin-right: 50px;
}

.page_container .page_top .btnlist{
	flex-shrink: 1;
}

.page_container .page_top .bnts{
	width: 200px;
	height: 60px;
	background: #FFC0C4;
	border-radius: 30px;
	font-size: 32px;
	color: #303030;
	font-weight: 550;
	cursor: pointer;
	margin-left: 10px;
	transition: all .4s;
	border: 2px solid #FFC0C4;
	position: relative;
}
.page_container .page_top .bnts .btns_loading{
	width: 202px;
	height: 62px;
	background: rgba(0,0,0,0.8);
	border-radius: 30px;
	cursor: pointer;
	border: 2px solid rgba(0,0,0,0.8);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 5;
}
.page_container .page_top .bnts:hover{
	color: #FFC0C4;
	background: rgba(23,21,21,0.35);
	border: 2px solid #FFC0C4;
}
.page_container .page_top .bnts.btn_primary{
	background: #FF5D5D;
	color: #FFFFFF;
	transition: all .4s;
	border: 2px solid #FF5D5D;
}
.page_container .page_top .bnts.btn_primary:hover{
	color: #FF5D5D;
	background: rgba(23,21,21,0.35);
	border: 2px solid #FF5D5D;
}

.page_container .page_left{
	flex: 1;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.page_container .page_left .page_video{
	width: 100%;
	height: 380px;
	display: block;
}

.page_container .page_left .page_video .videos{
	width: 100%;
	height: 100%;
	display: block;
}


.page_container .page_left .page_note{
	flex: 1;
	margin-top: 17px;
	width: 100%;
	height: 461px;
	/* 100px + 324px + 35px + 17px */
	/* height: calc(100vh - 476px); */
	/* height: calc(100vh - 100px - 324px - 35px - 17px); */
	background: rgba(3,18,33,0.35);
}
.page_container .page_left .page_note .note_title{
	width: 100%;
	height: 43px;
	position: relative;
	background-image: url('../img/hegntiao.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	box-sizing: border-box;
	padding: 0 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 21px;
}
.page_container .page_left .page_note .note_title .icons{
	width: 22px;
	height: 22px;
	display: block;
	margin-right: 10px;
}

.page_container .page_left .page_note .note_content{
	width: 100%;
	height: calc(100% - 43px);
	overflow-y: auto;
	/* border-bottom: 2px dashed #153554;
	border-left: 2px dashed #153554;
	border-right: 2px dashed #153554; */
	box-sizing: border-box;
}
.page_container .page_left .page_note .note_content .content{
	font-size: 18px;
	color: rgba(255,255,255,0.5);
	width: 100%;
	box-sizing: border-box;
	padding: 22px 0 0;
	line-height: 1.6;
}
.page_container .page_left .page_note .note_content .content img{
	width: 100%;
	max-width: 100%;
	display: block;
	height: auto;
}

.page_container .page_left .page_note .note_content::-webkit-scrollbar {
	width: 0;
	display: none;
}


.page_container .page_right{
	flex: 2;
	margin-left: 35px;
	height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.page_container .page_right .page_list{
	width: 100%;
	height: 762px;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.4);
	overflow-y: auto;
	display: flex;
	flex-wrap: wrap;
	border: 1px solid rgba(157, 157, 177, 0.35);
	/* transition: all 0.4s; */
}

.page_container .page_right .page_list.op0{
	opacity: 0;
}
/* .page_container .page_right .page_list::-webkit-scrollbar {
	width: 5px;
} */


.page_container .page_right .page_list::-webkit-scrollbar {
  width: 2px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.page_container .page_right .page_list::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  background: rgba(157, 157, 177, 0.35);
}
.page_container .page_right .page_list::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
  background: rgba(0, 0, 0, 0);
}

.page_container .page_right .page_list .page_content{
	width: 50%;
	height: 254px;
	border-bottom: 1px solid rgba(157, 157, 177, 0.35);
	border-right: 1px solid rgba(157, 157, 177, 0.35);
	display: flex;
	position: relative;
	transition: all .4s;
}
.page_container .page_right .page_list .page_content .flex{
	overflow: hidden;
}
.page_container .page_right .page_list .page_content:hover{
	background-color: rgba(0, 0, 0, 0.2);
}

.page_container .page_right .page_list .page_content:nth-child(2n){
	border-right: none;
}
.page_container .page_right .page_list .page_content:last-child,
.page_container .page_right .page_list .page_content:nth-last-child(2):nth-child(odd){
	border-bottom: none;
}

.page_container .page_right .page_list .page_content.pbr{
	border-bottom: 1px solid rgba(157, 157, 177, 0.35) !important;
}

.page_container .page_right .page_list .page_content .Checkbox{
	width: 30px;
	height: 30px;
	background-color: #FFFFFF;
	border-radius: 4px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 5;
	transition: all 0.4s;
}
.page_container .page_right .page_list .page_content .Checkbox:hover{
	 background-color: #FFC0C4;
}
.page_container .page_right .page_list .page_content .Checkbox.dis{
	background-color: #999999;
}
.page_container .page_right .page_list .page_content .Checkbox.dis:hover{
	background-color: #999999;
}
.page_container .page_right .page_list .page_content .Checkbox.on{
	 background-color: #FFC0C4;
}
.page_container .page_right .page_list .page_content .Checkbox::after{
	content: "\2713";
	font-size: 30px;
	font-weight: bold;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #303030;
	opacity: 0;
}
.page_container .page_right .page_list .page_content .Checkbox.on::after{
	opacity: 1;
}



.page_container .page_right .page_list .page_content .nums{
	width: 60px;
	height: 60px;
	background: rgba(0, 0, 0, 0.25);
	color: #FFC0C4;
	font-size: 30px;
	font-weight: bold;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
}

.page_container .page_right .page_list .page_content .dlwrap{
	width: 270px;
	height: 107px;
	border: 2px solid rgba(157, 157, 177, 0.5);
	border-radius: 80px;
	display: flex;
	align-items: center;
	padding: 0 2px;
	position: absolute;
	right: 30px;
	bottom: 20px;
	z-index: 5;
	box-sizing: border-box;
}

.page_container .page_right .page_list .page_content .dlwrap .dimgs{
	width: 126px;
	height: 126px;
	flex-shrink: 0;
}
.page_container .page_right .page_list .page_content .dlwrap .dimgs img{
	width: 80%;
	height: 80%;
}
.page_container .page_right .page_list .page_content .dlwrap .ddesc{
	font-size: 20px;
	color: #FFFFFF;
	padding-top: 2px;
}
.page_container .page_right .page_list .page_content .dlwrap .dtitle{
	font-size: 28px;
	margin-top: -6px;
	font-weight: bold;
}
.page_container .page_right .page_list .page_content .dlwrap.dlwrap.lv{
	border: none;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 0;
}
.page_container .page_right .page_list .page_content .dlwrap.dlwrap.lv .ddesc{
	padding-top: 6px;
}
.page_container .page_right .page_list .page_content .dlwrap.dlwrap.lv1{
	background-image: url('../img/kuang.png');
	color: #D5A7FF;
}

.page_container .page_right .page_list .page_content .dlwrap.dlwrap.lv2{
	background-image: url('../img/kuang2.png');
	color: #7B9BFE;
}
.page_container .page_right .page_list .page_content .dlwrap.dlwrap.lv3{
	background-image: url('../img/kuang3.png');
	color: #FF997D;
}
.page_container .page_right .page_list .page_content .dlwrap.dlwrap.lv4{
	background-image: url('../img/kuang4.png');
	color: #88FFFF;
}
.page_container .page_right .page_list .page_content .dlwrap.dlwrap.lv5{
	background-image: url('../img/kuang5.png');
	color: #C8EAFF;
}

.page_container .page_right .page_list .page_content .tag{
	width: 64px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 12px;
	z-index: 5;
	font-size: 26px;
	font-weight: bold;
	display: none;
}
.page_container .page_right .page_list .page_content .tag div{
	position: relative;
	z-index: 2;
	writing-mode: vertical-rl;
	margin-top: -6px;
}
.page_container .page_right .page_list .page_content .tag .bgs{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

.page_container .page_right .page_list.t_detail .page_content .btns{
	color: #FFC0C4;
	font-size: 30px;
	width: 180px;
	height: 60px;
	background: rgba(23,21,21,0.35);
	border-top: 1px solid rgba(157, 157, 177, 0.35);
	border-left: 1px solid rgba(157, 157, 177, 0.35);
	border-bottom: 1px solid rgba(157, 157, 177, 0.35);
	border-radius: 30px 0px 0px 30px;
	position: absolute;
	right: 0;
	bottom: 30px;
	z-index: 5;
	cursor: pointer;
	transition: all .4s;
}
.page_container .page_right .page_list.t_detail .page_content .btns_loading{
	width: 180px;
	height: 60px;
	background: rgba(0,0,0,0.8);
	border-top: 1px solid rgba(0,0,0,0.8);
	border-left: 1px solid rgba(0,0,0,0.8);
	border-bottom: 1px solid rgba(0,0,0,0.8);
	border-radius: 30px 0px 0px 30px;
	position: absolute;
	right: 0;
	bottom: -1px;
	z-index: 5;
	cursor: pointer;
	transition: all .4s;
}


.page_container .page_right .page_list.t_detail .page_content .btns:hover{
	background-color: #FFC0C4;
	color: #303030;
	border-top: 1px solid #FFC0C4;
	border-left: 1px solid #FFC0C4;
	border-bottom: 1px solid #FFC0C4;
}

.page_container .page_right .page_list .page_content .pics{
	width: 254px;
	height: 254px;
	flex-shrink: 0;
}
.page_container .page_right .page_list .page_content .pics img{
	width: 80%;
	height: 80%;
	display: block;
}

.page_container .page_right .page_list .page_content .imgs{
	width: 254px;
	height: 254px;
	display: block;
	flex-shrink: 0;
}

.page_container .page_right .page_list .page_content .dmain{
	flex: 1;
	padding: 15px 30px 0;
	margin-left: -44px;
	overflow: hidden;
}

.page_container .page_right .page_list .page_content .uinfo{
	display: flex;
	align-items: center;
	overflow: hidden;
}
.page_container .page_right .page_list .page_content .uinfo .avatar{
	width: 40px;
	height: 40px;
	background: #FFFFFF;
	border: 2px solid #FFFFFF;
	border-radius: 50%;
	flex-shrink: 0;
}
.page_container .page_right .page_list .page_content .uinfo .uname{
	max-width: 220px;
	font-size: 24px;
	margin-left: 10px;
}

.page_container .page_right .page_list .page_content .utitle{
	font-size: 22px;
	margin-top: 12px;
	line-height: 33px;
	max-width: 100%;
	width: 100%;
}

.page_container .page_right .page_list .page_content .main{
	flex: 1;
	padding: 15px 20px 0;
}


.page_container .page_right .page_list .page_content .main .t1{
	font-size: 28px;
}

.page_container .page_right .page_list .page_content .main .progress_box{
	width: 122px;
	height: 5px;
	background: rgba(255,255,255,0.35);
	border-radius: 3px;
	position: relative;
	margin-top: 6px;
}
.page_container .page_right .page_list .page_content .main .progress_box .progress{
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	transition: all 0.4s;
	height: 5px;
	background: #FFC0C4;
	border-radius: 3px;
}
.page_container .page_right .page_list .page_content .main .t2{
	margin-top: 20px;
	font-size: 22px;
}

.page_container .page_right .page_list .page_content .main .btns{
	width: 190px;
	height: 55px;
	line-height: 55px;
	background: #171515;
	border-radius: 27px;
	margin-top: 34px;
	color: #FFC0C4;
	font-size: 30px;
	font-weight: 550;
	cursor: pointer;
}

.page_container .page_right .page_record{
	min-height: 210px;
	flex: 1;
	width: 100%;
	height: 210px;
	/* height: calc(100vh - 100px - 553px - 35px - 13px); */
	box-sizing: border-box;
	margin-top: 13px;
	position: relative;
	background: rgba(3, 18, 33, 0.8);
	border: 1px solid rgba(255,255,255,0.15);
	
}

.page_container .page_right .page_record .abs1{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 16%;
	height: auto;
	display: block;
	z-index: 0;
}
.page_container .page_right .page_record .abs2{
	position: absolute;
	top: 0;
	left: 6%;
	width: 18%;
	height: auto;
	display: block;
	z-index: 0;
}

.page_container .page_right .page_record .nodata{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	color: #153554;
	font-size: 36px;
	font-weight: bold;
	position: relative;
	z-index: 1;
}

.page_container .page_right .page_record .nodata .icons{
	width: 44px;
	height: 43px;
	display: block;
	margin-right: 17px;
}

.page_container .page_right .page_record .record_content{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.page_container .page_right .page_record .record_content .record_swiper{
	width: 100%;
	height: 100%;
}

.page_container .page_right .page_record .record_content .record_item{
	width: 372px;
	height: 100%;
	position: relative;
	box-sizing: border-box;
	padding: 0 9px;
	transition: all .4s;
}
.page_container .page_right .page_record .record_content .record_item:hover{
	background-color: rgba(0, 0, 0, 0.2);
}

.page_container .page_right .page_record .record_content .record_item::after{
	content: '';
	width: 1px;
	height: 88%;
	border-right: 1px dashed rgba(157, 157, 177, 0.55);
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.page_container .page_right .page_record .record_info{
	width: 200px;
	height: 100%;
	padding-top: 4px;
	box-sizing: border-box;
}

.page_container .page_right .page_record .record_info  .tag{
	position: absolute;
	left: 9px;
	top: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	min-height: 92px;
	border-radius: 0px 10px 0px 10px;
	font-size: 22px;
	font-weight: 550;
	padding: 8px 0;
	writing-mode: vertical-rl;
	letter-spacing: 2px;
}
.page_container .page_right .page_record .record_info  .tag.lv1{
	background: linear-gradient(43deg, #FFB5B5, #FF5D5D);
}
.page_container .page_right .page_record .record_info  .tag.lv2{
	background: linear-gradient(52deg, #D5A7FF, #B2E8F8);
}
.page_container .page_right .page_record .record_info  .tag.lv3{
	background: linear-gradient(230deg, #54C5D3, #8EEBEB);
}
.page_container .page_right .page_record .record_info  .tag.lv4{
	background: linear-gradient(43deg, #70ADFF, #4C98FF);
}
.page_container .page_right .page_record .record_info  .tag.lv5{
	background: linear-gradient(270deg, #D2E5F6, #B5D3E6);
}

.page_container .page_right .page_record .record_info .rleft{
	width: 128px;
	overflow: hidden;
	margin-left: 54px;
}

.page_container .page_right .page_record .record_info  .title{
	font-size: 18px;
	margin-top: 8px;
	max-width: 100%;
	line-height: 24px;
}

.page_container .page_right .page_record .record_info .imgs{
	width: 128px;
	height: 128px;
}

.page_container .page_right .page_record .record_info .imgs img{
	width: 100%;
	height: 100%;
	display: block;
}

.page_container .page_right .page_record .record_list{
	flex: 1;
	/* width: calc(100% - 200px); */
	height: 100%;
	overflow-y: auto;
}

.page_container .page_right .page_record .record_list::-webkit-scrollbar {
	width: 0;
	display: none;
}

.page_container .page_right .page_record .record_list .u_item{
	width: 100%;
	height: 48px;
	background: rgba(0, 0, 0, 1);
	border-radius: 24px;
	padding: 0 0 0 5px;
	display: flex;
	align-items: center;
	margin-top: 5px;
}
.page_container .page_right .page_record .record_list .u_item:first-child{
	margin-top: 14px;
}
.page_container .page_right .page_record .record_list .u_item:last-child{
	margin-bottom: 14px;
}
.page_container .page_right .page_record .record_list .avatar{
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: block;
	margin-right: 8px;
}
.page_container .page_right .page_record .record_list .name{
	font-size: 16px;
	max-width: 90px;
}


.page_sktoask{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	z-index:20;
	transition: all 0.4s;
	visibility: hidden;
}
.page_sktoask.on{
	opacity: 1;
	visibility: visible;
}

.page_sktoask .sk_mask{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	background-color: rgba(0, 0, 0, 0.5);
	
	
	
}

.page_sktoask .sk_mask .sk_bgs{
	width: 100%;
	height: 100%;
	background-image: url('../img/10.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	box-sizing: border-box;
}

.page_sktoask .sk_main{
	position: relative;
	z-index: 2;
	width: 673px;
	height: 368px;
	border-radius: 10px;
	background-color: #FFFFFF;
	padding-top: 100px;
	opacity: 0;
	transition: all .3s;
	filter: blur(10px);
	transform: scale(1.1);
}
.page_sktoask.on .sk_main{
	filter: blur(0);
	transform: scale(1);
	opacity: 1;
}
.page_sktoask .sk_main .sk_close{
	padding: 20px;
	display: block;
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	cursor: pointer;
}
.page_sktoask .sk_main .sk_close img{
	width: 15px;
	height: 15px;
	display: block;
}

.page_sktoask .sk_title{
	color: #303030;
	font-size: 36px;
	text-align: center;
}

.page_sktoask .sk_btns{
	font-size: 32px;
	color: #303030;
	margin: 114px auto 0;
	width: 210px;
	height: 66px;
	background: #FFC0C4;
	border-radius: 40px;
	font-weight: bold;
	cursor: pointer;
	transition: all .4s;
	position: relative;
}

.page_sktoask .sk_btns2{
	font-size: 32px;
	color: #303030;
	margin: 54px auto 0;
	width: 210px;
	height: 66px;
	background: #FFC0C4;
	border-radius: 40px;
	font-weight: bold;
	cursor: pointer;
	transition: all .4s;
	position: relative;
}

.page_sktoask .btns_loading{
	width: 210px;
	height: 66px;
	background: rgba(0,0,0,0.8);
	border-radius: 40px;
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 5;
}

.page_sktoask .sk_btns:hover,
.page_sktoask .sk_btns2:hover{
	background: #FFB5B5;
}

.page_sktoask .sk_form{
	position: relative;
	z-index: 2;
	width: 673px;
	border-radius: 10px;
	background-color: #FFFFFF;
	padding: 20px 0 30px;
}


.page_sktoask .sk_form .sk_input{
	width: 400px;
	height: 60px;
	line-height: 60px;
	font-size: 24px;
	display: block;
	margin: 25px auto 0;
	padding: 0 15px;
	border-radius: 8px;
	border: 1px solid #9D9DB1;
}



.block{
	display: block;
}



.ani_sktoask{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	box-sizing: border-box;
	opacity: 0;
	z-index:20;
	transition: all 0.4s;
	visibility: hidden;
}
.ani_sktoask.on{
	opacity: 1;
	visibility: visible;
}

.ani_sktoask .ani_mask{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	background-color: rgba(0, 0, 0, 0.8);
}

.ani_sktoask .ani_main{
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	opacity: 1;
}

.ani_sktoask .ani_main.anihide{
	animation-name: anihide;
	animation-duration: 0.4s;
	animation-fill-mode: forwards;
}

.ani_sktoask .ani_main .ani_bclose{
	padding: 30px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}
.ani_sktoask .ani_main .ani_bclose img{
	width: 30px;
	height: 30px;
	display: block;
}

.ani_sktoask .ani_main.n2,
.ani_sktoask .ani_main.n3,
.ani_sktoask .ani_main.n5,
.ani_sktoask .ani_main.n7,
.ani_sktoask .ani_main.n9,
.ani_sktoask .ani_main.n11{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.ani_sktoask .ani_main.n2 .ani_wrap{
	width: 50%;
}
.ani_sktoask .ani_main.n3 .ani_wrap{
	width: 50%;
	height: 50%;
	transform: scale(.8) translate3d(0px, 0px, 0px);
}

.ani_sktoask .ani_main.n5 .ani_wrap{
	width: 33%;
	height: 50%;
	transform: scale(.78) translate3d(0px, 0px, 0px);
}

.ani_sktoask .ani_main.n7 .ani_wrap{
	width: 25%;
	height: 50%;
	transform: scale(.81) translate3d(0px, 0px, 0px);
}

.ani_sktoask .ani_main.n7 .ani_wrap .w2 .wname{
	font-size: 30px;
}
.ani_sktoask .ani_main.n7 .ani_wrap .w2 .wname .color{
	max-width: 200px;
}


.ani_sktoask .ani_main.n9 .ani_wrap{
	width: 20%;
	height: 50%;
	transform: scale(.82) translate3d(0px, 0px, 0px);
}
.ani_sktoask .ani_main.n9 .ani_wrap .w2 .wname{
	font-size: 24px;
}
.ani_sktoask .ani_main.n9 .ani_wrap .w2 .wname .color{
	max-width: 180px;
	padding: 0 10px;
}



.ani_sktoask .ani_main.n11 .ani_wrap{
	width: 16.6%;
	height: 50%;
	transform: scale(.80) translate3d(0px, 0px, 0px);
}
.ani_sktoask .ani_main.n11 .ani_wrap .w2 .wname{
	font-size: 22px;
}
.ani_sktoask .ani_main.n11 .ani_wrap .w2 .wname .color{
	max-width: 170px;
	padding: 0 10px;
}
.ani_sktoask .ani_main.n11 .ani_wrap .w2 .wtitle{
	font-size: 20px;
}

.ani_sktoask .ani_main .ani_wrap{
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}



.ani_sktoask .ani_main .ani_wrap .w1{
	width: 600px;
	height: 600px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ani_sktoask .ani_main .ani_wrap .w1 .aimgs{
	width: 94%;
	height: auto;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.ani_sktoask .ani_main .ani_wrap .w1 .gimgs{
	width: 90%;
	height: 90%;
	display: block;
	opacity: 0;
	animation-name: anishow;
	animation-duration: 0.2s;
	animation-fill-mode: forwards;
	animation-delay: 0.8s;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.ani_sktoask .ani_main .ani_wrap .w1 .gimgs .gimgs_c{
	width: 100%;
	height: 100%;
	display: block;
	animation: rotation 12s linear infinite;
	animation-delay: 0.2s;
}
.ani_sktoask .ani_main .ani_wrap .w1 .gimgs img{
	width: 100%;
	height: 100%;
	display: block;
	opacity: 1;
	animation-name: anihide;
	animation-duration: 0.2s;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}
.ani_sktoask .ani_main .ani_wrap .w1 .ximgs{
	width: 45%;
	height: auto;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	
}
.ani_sktoask .ani_main .ani_wrap .w1 .ximgs img{
	width: 100%;
	height: auto;
	display: block;
	opacity: 0;
	transform: scale(0);
	animation-name: aniBig;
	animation-duration: 1.1s;
	animation-delay: 0.6s;
}

.ani_sktoask .ani_main .ani_wrap .w2_wrap{
	width: 600px;
	height: 600px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	opacity: 0;
	animation-name: anishow;
	animation-duration: 0.2s;
	animation-fill-mode: forwards;
	animation-delay: 0.2s;
}

.ani_sktoask .ani_main .ani_wrap .w2{
	width: 600px;
	height: 600px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}


.ani_sktoask .ani_main .ani_wrap .w2 .ani_close{
	padding: 15px;
	position: absolute;
	z-index: 6;
	top: 0;
	right: 0;
}
.ani_sktoask .ani_main .ani_wrap .w2 .ani_close img{
	width: 15px;
	height: 15px;
	display: block;
}

.ani_sktoask .ani_main .ani_wrap .w2 .wbgs{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 6%;
	width: 150%;
	height: auto;
	animation: oploop 2s linear infinite;
	animation-delay: 0.2s;
}

.ani_sktoask .ani_main .ani_wrap .w2 .w2_mian{
	width: 100%;
	position: relative;
	z-index: 2;
}

.ani_sktoask .ani_main .ani_wrap .w2 .wavatar{
	width: 66px;
	height: 66px;
	border-radius: 50%;
	border: 2px solid #FFFFFF;
	display: block;
	margin: 0 auto;
}
.ani_sktoask .ani_main .ani_wrap .w2 .wname{
	font-size: 32px;
	text-align: center;
	margin-top: 14px;
}
.ani_sktoask .ani_main .ani_wrap .w2 .wname .color{
	color: #FFC0C4;
	max-width: 260px;
	padding: 0 15px;
	display: inline-block;
}

.ani_sktoask .ani_main .ani_wrap .w2 .wimgs{
	width: 50%;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-top: 36px;
	opacity: 0;
	transform: translateY(100px);
	animation-name: translateY_0;
	animation-duration: 0.5s;
	animation-delay: 0.2s;
	animation-fill-mode: forwards;
}
.ani_sktoask .ani_main .ani_wrap .w2 .wtitle{
	font-size: 24px;
	text-align: center;
	max-width: 80%;
	margin: 46px auto 0;
}

.ani_sktoask .ani_main .ani_wrap .w3{
	width: 600px;
	height: 600px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ani_sktoask .ani_main .ani_wrap .w3 .gimgs{
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0;
	animation-name: anishow;
	animation-duration: 0.4s;
	animation-fill-mode: forwards;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.ani_sktoask .ani_main .ani_wrap .w3 .gimgs .gimgs_c{
	width: 100%;
	height: 100%;
	display: block;
	animation: rotation 12s linear infinite;
	animation-delay: 0.2s;
}
.ani_sktoask .ani_main .ani_wrap .w3 .gimgs img{
	width: 100%;
	height: 100%;
	display: block;
	opacity: 1;
	animation-name: anihide;
	animation-duration: 0.2s;
	animation-delay: 2.6s;
	animation-fill-mode: forwards;
}

.ani_sktoask .ani_main .ani_wrap .w3 .ximgs{
	position: relative;
	width: 50%;
	opacity: 0;
	transform: translateY(-100px);
	animation-name: ani_box;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.ani_sktoask .ani_main .ani_wrap .w3 .ximgs .imgs1{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	z-index: 3;
	animation-name: translateY_100;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-delay: 1.2s;
}
.ani_sktoask .ani_main.n9 .ani_wrap .w3 .ximgs .imgs2{
	margin: -78px auto 0;
}
.ani_sktoask .ani_main.n7 .ani_wrap .w3 .ximgs .imgs2{
	margin: -100px auto 0;
}
.ani_sktoask .ani_main.n11 .ani_wrap .w3 .ximgs .imgs2{
	margin: -65px auto 0;
}


.ani_sktoask .ani_main .ani_wrap .w3 .ximgs .imgs2{
	width: 98%;
	height: auto;
	display: block;
	position: relative;
	z-index: 2;
	margin: -145px auto 0;
	opacity: 1;
	animation-name: anihide;
	animation-duration: 0.2s;
	animation-fill-mode: forwards;
	animation-delay: 2s;
}

.ani_sktoask .ani_main .ani_wrap .w3 .ximgs .imgs3{
	width: 30%;
	position: absolute;
	top: 17%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 4;
	
	
}
.ani_sktoask .ani_main .ani_wrap .w3 .ximgs .imgs3 img{
	width: 100%;
	height: auto;
	display: block;
	opacity: 0;
	transform: scale(0);
	animation-name: ani_round;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-delay: 1.5s;
}

.ani_sktoask .ani_main .ani_wrap .w3 .ximgs .imgs4{
	width: 160%;
	position: absolute;
	top: -72%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 4;
}

.nextreq_wrap{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-color: rgba(0, 0, 0, 0);
}

.btns_loading .limgs{
	width: 24px;
	height: 24px;
	display: block;
	animation: rotation_y 0.7s linear infinite;
}