.checkin_div{width: 1480rem; padding: 20rem 0;color: var(--theme-00-ff); font-size: 12rem;}
.page_nav{font-size:16rem;background:#171C1F; border-radius:8rem; margin-bottom:30rem;width: 100%; min-width:0; overflow-x: auto;}
.page_nav_d{padding:16rem 36rem; white-space: nowrap;}
.page_nav a{color:#fff; margin-right:67rem; display:inline-block}
.page_nav a:after{content:'';display:block; width: 25rem; height:4rem;margin:0 auto; position:relative; top:6rem}
.page_nav a.active:after{ background:#648EFC; }
.page_nav::-webkit-scrollbar {
	display: none;
}
.choujiang{width: 620rem; height: 620rem; margin: 30rem auto; background:url(../assets/image/cjbg.jpg) center center; background-size: cover;}
.bit_tt{font-size: 32rem; padding: 20rem 0; font-weight: bold;}
.right_div{width: 400rem; margin-left: 70rem;}
.r_block{background:var(--theme-e5-09); border-radius: 8rem; margin-bottom: 10rem; padding: 15rem 20rem;}
.r_tt{color: var(--theme-00-8b);}
.r_tt a{display: block; line-height: 30rem; background: #DE181D; font-size: 14rem; color: #fff; border-radius: 30rem; padding: 0 26rem;}
.right_div .el-calendar__header{display: none;}
.right_div .el-calendar-table tr td{border-color: rgba(0,0,0,0); color: #000;}
.calendar{border-radius: 8rem; background: #fff; margin-top: 15rem; padding-bottom: 15rem; color: #000;}
.right_div .el-calendar__body{padding:0 15rem; padding-bottom: 15rem; }
.right_div .el-calendar{background: none; margin-top: 0rem; }
.right_div .el-calendar-day{padding: 0; line-height: 44rem; height: 44rem; position: relative; text-align: center; font-size: 16rem;}
.right_div .el-calendar-day .active:after{content:'';display: block; background: #DE181D; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: 50%; margin-left: -2px; bottom: 5rem;}
.calendar_tt{padding: 10rem 0; justify-content: center; font-size: 16rem; font-weight: bold;}
.calendar_tt a{width: 30rem; height: 30rem; text-align: center; line-height: 30rem; display: block; user-select: none;}
.calendar_tt a.prev{transform: rotate(90deg);}
.calendar_tt a.next{transform: rotate(-90deg);}
.calendar_tt img{width: 30rem;}
.calendar_tt .day{padding: 0 30rem;}
.checkid_res{padding: 0 13rem; line-height: 26rem; font-size: 14rem;color: #333; background: #E8E8E8; border-radius: 26rem; margin: 0 15rem 0rem 15rem;}
/* .right_div .el-calendar-table tr td.prev,.right_div .el-calendar-table tr td.next{opacity: 0;} */
.checkindatas{padding-top: 15rem;}
.checkindatas .item{width: 50%; padding: 11rem 0;}
.checkindatas .item .t{font-size: 18rem; font-weight: bold; margin-bottom: 8rem;}
.checkindatas .item .p{color:var(--theme-00-8b)}
.tab_btns{padding: 20rem 0; justify-content: space-between;}
.tab_btns a{line-height: 35rem; transition: 0.3s; display: block; padding: 0 20rem; font-size: 12rem; color: var(--theme-00-ff);  border-radius: 40rem;}
.tab_btns a.active{ background: #3E494E; color: #fff;}
.tab_btns a:hover{transform: translateY(-2rem);}

.right_div .u_info{padding: 5rem 0; }
.right_div .u_info .avatar{width: 44rem; height: 44rem; border-radius: 50%; margin-right: 18rem; object-fit: cover;}
.right_div .u_info .nickname{font-weight: bold;font-size: 14rem; margin-right: 12rem; color: var(--theme-00-ff);}
.right_div .u_info .ac_times{font-size: 12rem;color: var(--theme-00-ff); margin-top: 6rem;}
.right_div .u_info .ac_times .margin_l{margin-left: 20rem;}
.record{background: var(--theme-E5EBEE-2-171C1F); display: flex; padding: 18rem 0; border-radius: 8rem; margin-bottom: 20rem;}
.record .item_d{width: 50%; }
.record .item_d .tt{margin-bottom: 10rem;padding: 0 30rem;}
.record .list_d{ line-height: 1.2;padding: 5rem 30rem; font-size: 14rem; width: 100%; border-right: 1px solid var(--theme-cc-3e);}
.record .zj .list_d{border-left: 1px solid var(--theme-cc-3e);margin-left: -1px; }
.record .list_d .time{margin-left: 10rem;}
.cj_div{width: 500rem; height: 500rem; position:relative}
.cj_div .zp{width: 100%; height: 100%; position: absolute; left: 0; top: 0;  background:url(../assets/image/cjzp.png) center center; background-size: 100% 100%;}
.cj_div .cj_btn{display: block; width: 119rem; height: 139rem; position: absolute; left: 50%; margin-left: -60rem; top: 169rem; z-index: 2;}
.cj_div .cj_btn img{width: 100%;}
.choujiang .score{font-size: 14rem; margin-top: 20rem; color: #fff;}
.choujiang .score span{margin-left: 20rem;}

.zp .box{width: 144rem; height: 205rem; left:50%; margin-left: -72rem; bottom: 50%; position: absolute; transform-origin: center bottom;}
.zp .box img{width: 100rem; height: 100rem; position: absolute; left: 50%; margin-left:-50rem; top:20rem}
.jp_div img{width: 120rem; height: 120rem;}
.jp_div .title{padding: 12rem;color:var(--theme-00-ff) }
.jp_div .pp{font-size: 16rem; font-weight: bold; color: red;}
			
/* 手机样式 */


@media screen and (max-width: 1024px) {
	.checkin_div{width: 100%; padding: 0;}
	.r_block{background: none;}
	.calendar{background: #F6F8F9;}
	.page_nav{background:none;padding:0 16rem; margin-bottom:10rem}
	.page_nav_d{padding:16rem 0;padding-right:1px;}
	.page_nav a{color:#000; font-size:15rem;  margin-right:0rem; padding-right:20rem}
	.tab_btns a{border-radius: 8rem;}
	.tab_btns a.active{background: var(--theme-e5-3e); font-weight: bold; color:  var(--theme-00-ff);}
	
	.right_div .u_info{ padding:10rem 0 ;}
	.right_div .u_info .avatar{width: 44rem; height: 44rem; margin-right: 9rem;}
	.right_div .u_info .slogo{font-size: 13rem;}
	.right_div .u_info .tab-item-sign{margin-top:0;}
	.right_div .u_info .btns {justify-content: space-between;}
	.checkindatas{border-bottom: 1px solid var(--theme-cc-3e); padding-bottom: 20rem;}
	.left_div{width: 100%; position: fixed; display: flex; flex-direction: column; transition: 0.3s; height: 100%;  left: 100%; top: 0; z-index: 20; background: var(--theme-ff-10);}
	/* .left_div .header-other{position: absolute; left: 0; top: 0; width: 100%;} */
	.left_div_box{flex: 1; overflow: auto;}
	.left_div.active{left: 0;}
	.right_div{width: 100%; margin-left: 0;}
	.choujiang{width: 100%; margin: 0; height: 420rem; overflow: hidden;}
	.cj_div{width: 320rem; height: 320rem;}
	.cj_div .cj_btn{width: 77rem; height: 89rem; margin-left: -38rem; top: 107rem;}
	.zp .box{width: 100rem; margin-left: -50rem; height: 138rem;}
	.zp .box img{width: 60rem; height: 60rem; margin-left: -30rem;}
	.record{background: none; display: block; margin: 0; padding: 0;}
	.record .item_d{width:auto;background: #F6F8F9; padding: 20rem 0; border-radius: 8rem;margin: 12rem;}
	.record .item_d .tt{padding: 0 15rem;}
	.record .list_d{ padding: 5rem 15rem; border: none;}
	.record .zj .list_d{border: none;}
	[data-theme="dark"] .record .item_d{background: #171C1F;}
}