/* 背景颜色 */
.greyBg{background: #F7FBFF;}

.btnStyle{width: 100%;border: none;background: #438CF5;border-radius: 8px;height: 3rem;color: #fff;line-height: 3rem;display: block;text-align: center;}

/* 登录 */
.loginPage{width: 100%;min-height: 100vh;background: url(../images/login_bg1.jpg) no-repeat center;}
.loginPage::before{content: "";width: 100%;height: 17.73rem;position: absolute;left: 0;bottom: -10.17rem;background-image: linear-gradient(180deg, rgba(255,255,255,0.00) 0%, #FFFFFF 100%);}
.loginPage .content{position: relative;z-index: 2;padding: 1rem 0;}
.loginPage .title{margin-bottom: 6.83rem;line-height: 1.4;}
.loginPage .title .en{color: #438CF5;margin-bottom: 4px;}
.loginPage .title .ch{color: #32383C;font-weight: normal;}
.loginPage .form{position: relative;}
.loginPage .form .pic{width: 60%;position: absolute;right: 0;bottom: 100%;}
.loginPage .form .box{padding: 0.27rem 1.17rem 0.4rem;background: #FFFFFF;border-radius: 0.27rem;box-shadow: 0 0.67rem 1.67rem 0 rgba(85,128,173,0.20);}
.loginPage .form .formItem{border-bottom: 1px solid #D9D9D9;height: 3.93rem;display: flex;align-items: center;}
.loginPage .form .formItem dt{width: 1.53rem;position: relative;flex-shrink: 0;}
.loginPage .form .formItem dt::before{content: "";width: 1px;height: 0.8rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #D8D8D8;}
.loginPage .form .formItem dt .icon{width: 0.8rem;}
.loginPage .form .formItem dd{flex: 1;overflow: hidden;position: relative;}
.loginPage .form .formItem .text{width: 100%;height: 3.93rem;border: none;background: none;box-sizing: border-box;padding: 0 0.6rem;position: relative;z-index: 2;}
.loginPage .form .formItem .text::-webkit-input-placeholder {color: #959595;}
.loginPage .form .formItem .btn{position: absolute;right: 0;top: 0;height: 100%;z-index: 3;}
.loginPage .form .formItem .btn img{width: 1.2rem;}
.loginPage .form .formItem .btn img.show{display: none;}
.loginPage .form .formItem .btn.on img.hide{display: none;}
.loginPage .form .formItem .btn.on img.show{display: inline-block;}
.loginPage .form .formItem .t{position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #959595;}
.loginPage .form .pswControl{padding: 1.5rem 0;color: #959595;}
.loginPage .form .pswControl input{width: 1.2rem;height: 1.2rem;box-sizing: border-box;background: #fff;border: 1px solid #E0E0E0;border-radius: 4px;margin-right: 0.5rem;appearance: none;display: none;}
.loginPage .form .pswControl label{display: block;padding-left: 1.8rem;position: relative;}
.loginPage .form .pswControl label::before{content: "";display: block;width: 1rem;height: 1rem;border: 1px solid #E0E0E0;vertical-align: middle;position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition: 0s;}
.loginPage .form .pswControl input[type="checkbox"]:checked + label::before {background: #007bff url(../images/on.svg) no-repeat center;border: 1px solid #438CF5;background-size: auto 50%;}
.loginPage .form .pswControl .btn{color: #438CF5;}
.loginPage .btnStyle{margin-top: 2rem;}
.loginPage .tips{position: absolute;left: 0;bottom: 1.83rem;z-index: 2;width: 100%;box-sizing: border-box;padding: 0 5%;color: #959595;line-height: 1.2rem;text-align: center;}
.loginPage .tips a{color: #438CF5;font-weight: bold;}
.registerPage.loginPage .title{margin-bottom: 2.37rem;}
.fogetPasswordPage.loginPage .form .formItem,
.registerPage.loginPage .form .formItem{border: none;}

.pageContainer{padding: 1.07rem 0.67rem 6.67rem;}

/* 选择日期 */
.dateControl{margin-bottom: 0.67rem;padding: 0 0.67rem;background: #438CF5;border: 1px solid #EFEFEF;box-shadow: 5px 10px 20px 0 rgba(0,0,0,0.03);border-radius: 8px;color: #FFFFFF;line-height: 3.33rem;}
.dateControl .icon{height: 0.7rem;margin-left: 0.43rem;}
.dateControl .btn{color: rgba(255, 255, 255, 0.76);}

/* 会议室信息 */
.roomInfo{margin-bottom: 2.1rem;align-items: flex-start;}
.roomInfo .icon{width: 3.33rem;height: 3.33rem;background: #438CF5;border-radius: 6px;flex-shrink: 0;margin-right: 0.9rem;}
.roomInfo .icon img{height: 52%;}
.roomInfo .text{flex: 1;overflow: hidden;}
.roomInfo .top{display: flex;align-items: center;line-height: 1.5rem;margin-bottom: 0.5rem;color: #000000;}
.roomInfo .top span{text-transform: uppercase;}
.roomInfo .top .state{margin-left: 0.5rem;color: #438CF5;}
.roomInfo .top .state .i{height: 0.87rem;margin-right: 5px;}
.roomInfo  dl{display: flex;flex-wrap: wrap;}
.roomInfo  dl dd{padding: 0 0.27rem;border: 1px solid #E5E5E5;border-radius: 4px;color: #959595;line-height: 1.27rem;margin: 0 0.33rem 0.33rem 0;}
.roomInfo  dl dd:last-child{margin-right: 0;}

/* 会议室列表 */
.roomList li{padding: 1.33rem 0.67rem;background: #FFFFFF;border: 1px solid #EFEFEF;box-shadow: 5px 10px 20px 0 rgba(0,0,0,0.03);border-radius: 8px;}
.roomList .roomRatio .scroll{overflow-x: auto;white-space: nowrap; overflow-y: hidden;height: 5.8rem;}
.roomList .roomRatio dl{width: 5.6%;text-align: center;color: #000000;line-height: 1.4;flex: 0 0 1.4rem;margin-right: 0.5rem;display: inline-flex;flex-direction: column;}
.roomList .roomRatio dl dd{margin-top: 0.83rem;width: 100%;height: 3.33rem;background: #E0EAF7;border-radius: 4px;position: relative;overflow: hidden;}
.roomList .roomRatio dl dd span{position: absolute;left: 0;bottom: 0;width: 100%;background: #FFCD5E;border-radius: 0 0 4px 4px;}

/* tabbar */
.tabbar{position: fixed;left: 0;bottom: 0;z-index: 9;width: 100%;background: #FFFFFF;box-shadow: 0 -2px 8px 0 rgba(0,0,0,0.04);}
.tabbar ul{display: flex;}
.tabbar ul li{flex: 1;color: #959595;font-weight: bold;text-align: center;line-height: 0.93rem;}
.tabbar ul li a{display: block;padding: 0.73rem 0 1.5rem;}
.tabbar ul li .iconWrap{margin-bottom: 0.33rem;}
.tabbar ul li .icon{width: 1.33rem;}
.tabbar ul li .icon.o{display: none;}
.tabbar ul li.on{color: #438CF5;}
.tabbar ul li.on .icon.d{display: none;}
.tabbar ul li.on .icon.o{display: block;}

/* 日历样式 */
.layui-laydate-main,
.layui-laydate,
.layui-laydate-content table{width: 100% !important;}
.layui-laydate{bottom: 0 !important;position: fixed !important;bottom: 0 !important;left: 0 !important;margin: 0 !important;top: auto !important;}
.laydate-day-mark{background: #438CF5 !important;color: #fff !important;}
.laydate-day-mark:after{display: none;}
.laydate-theme-molv .layui-laydate-content{padding-bottom: 4rem;}
.layui-laydate-footer{display: none !important;}


/* popWrap */
.popWrap{position: fixed;left: 0;bottom: 0;width: 100%;height: 100vh;z-index: 10;display: none;}
.popWrap .bgLayer{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);}
.popWrap .inputWrap{position: absolute;left: 0;bottom: 0;width: 100%;}
.popWrap .inputWrap input{width: 100%;border: none;background: none;height: 0;opacity: 0;}
.popWrap .inputWrap1 input{height: 2rem;background: #fff;opacity: 1;}
.popWrap .inputWrap .page{position: absolute;left: 0;bottom: 1rem;width: 100%;z-index: 3;padding: 0 1.33rem;box-sizing: border-box;background: #fff;}
.popWrap .inputWrap .page a{background: #F1F1F1;box-shadow: 5px 10px 20px 0 rgba(0,0,0,0.03);}
.popWrap .inputWrap .page a:nth-child(2){background: #438CF5;}


/* 预约 */
.reservationPage{padding-bottom: 10rem;}
.reservationPage .item{background: #FFFFFF;border: 1px solid #EFEFEF;box-shadow: 5px 10px 20px 0 rgba(0,0,0,0.03);border-radius: 8px;margin-bottom: 1rem;}
.reservationPage .item1{padding: 1.33rem 0.67rem;}
.reservationPage .item2{padding: 0 0.67rem;color: #000000;display: flex;align-items: center;}
.reservationPage .item .tit{flex-shrink: 0;margin-right: 0.83rem;}
.reservationPage .item .formRight{flex: 1;overflow: hidden;border: none;background: none;height: 3rem;line-height: 3rem;color: #333;}
.reservationPage .item.formItem{display: flex;line-height: 3rem;padding: 0 0.67rem;color: #000000;}
.reservationPage .item3{padding-bottom: 2.93rem;}
.reservationPage .item3 .top{padding: 0 0.67rem;border-bottom: 1px solid #E1E1E1;line-height: 3rem;color: #000000;}
.reservationPage .item3 .top em{margin: 0 0.5rem 0 0.83rem;}
.reservationPage .item3 .scroll{padding: 0.87rem 1.9rem;}
.reservationPage .item3 .btn{position: absolute;top: 50%;transform: translateY(-50%);width: 0.73rem;}
.reservationPage .item3 .btn.prev{left: 0.67rem;}
.reservationPage .item3 .btn.next{right: 0.67rem;}
.reservationPage .item3 .container{width: 100%;text-align: center;line-height: 1.4;}
.reservationPage .item3 .container dl{padding-top: 6px;}
.reservationPage .item3 .container dd{padding-bottom: 129%;margin-top: 2px;background: #E0EAF7;border-radius: 4px;position: relative;overflow: hidden;}
.reservationPage .item3 .container dd span{position: absolute;left: 0;bottom: 0;width: 100%;background: lightskyblue;height: 100%;}
.reservationPage .item3 .container .check span{position: absolute;left: 0;bottom: 0;width: 100%;background: #438CF5;height: 100% !important;}
.reservationPage .item3 .container dd.disable{background: url(../images/box.png) no-repeat center;background-size: cover;pointer-events: none;}
.reservationPage .item3 .container .on span{background: #FFCD5E;}
.reservationPage .item3 .container dd input{position: absolute;left: 0;top: 0;z-index: 2;width: 100%; height: 100%;border: none;background: none;opacity: 0;}
.reservationPage .item4{display: flex;}
.reservationPage .item4 textarea.formRight{height: 5rem;}
.reservationPage .item5 .btn{color: #959595;}
.reservationPage .item5 .btn img{width: 0.5rem;margin-left: 0.5rem;filter: brightness(0) invert(0.5);}
.reservationPage .item6{padding: 0.83rem 0.67rem 1.83rem;color: #000000;}
.reservationPage .item6 .cont{margin-top: 1rem;display: flex;}
.reservationPage .item6 .cont .tx{width: 3.33rem;height: 3.33rem;flex-shrink: 0;margin-right: 1.2rem;object-fit: cover;}
.reservationPage .item6 .cont .right{flex: 1;overflow: hidden;}
.reservationPage .item6 .cont .right .t{color: #959595;line-height: 1;margin-bottom: 0.5rem;}
.reservationPage .item7{position: fixed;left: 0;bottom: 3.8rem;z-index: 9;width: 100%;box-sizing: border-box;padding: 1rem 0.67rem;background: #FFFFFF;box-shadow: 5px -10px 20px 0 rgba(0,0,0,0.03);border-radius: 8px 8px 0 0;}

/* 提示弹窗 */
.tipsPop .content{position: absolute;left: 10%;top: 50%;transform: translateY(-50%);}
.tipsPop .content .pic{width: 5.8rem;position: absolute;left: 50%;bottom: 100%;transform: translate(-50%, 50%);}
.tipsPop .cont{padding: 2.83rem 1rem 1.33rem;background: url(../images/popBg.jpg) no-repeat center;background-size: cover;text-align: center;color: #000000;line-height: 1.42;}
.tipsPop .cont .txt{margin: 0.8rem auto 1.33rem;max-width: 11.83rem;}
.tipsPop .cont .txt .grey{color: #8C8C8C;}
.tipsPop .cont .btnStyle{max-width: 8.67rem;margin: 0 auto;}

/* 导航 */
.navStyle{padding: 0 1.33rem;background: #FFFFFF;box-shadow: 5px 2px 6px 0 rgba(0,0,0,0.04);}
.navStyle a{display: block;position: relative;color: #000000;line-height: 3rem;}
.navStyle .on a::before{content: "";width: 100%;height: 0.23rem;position: absolute;left: 0;bottom: 0;background: #438CF5;border-radius: 3px;}

/* 会议管理 */
.meetingList li{margin-bottom: 1rem;background: #FFFFFF;border: 1px solid #EFEFEF;box-shadow: 5px 10px 20px 0 rgba(0,0,0,0.03);border-radius: 0.27rem;}
.meetingList li .date{padding: 0.93rem 0.67rem 0.67rem;border-bottom: 1px solid #D9D9D9;color: #000000;line-height: 1.33rem;display: flex;align-items: center;}
.meetingList li .date img{height: 0.93rem;margin-right: 0.5rem;}
.meetingList li .date span{margin-right: 0.5rem;}
.meetingList li .date em{color: #D3D3D3;margin-right: 0.5rem;}
.meetingList li .btm{padding: 1rem 0.67rem 1.33rem;display: flex;}
.meetingList li .btnWrap{width: 4rem;flex-shrink: 0;}
.meetingList li .btnWrap .btn{display: block;border: 1px solid #438CF5;border-radius: 0.27rem;text-align: center;line-height: 1.6rem;color: #438CF5;margin-bottom: 0.4rem;}
.meetingList li .btnWrap .btn:last-child{margin-bottom: 0;}
.meetingList li .btnWrap .btn.btn2{background: #438CF5;color: #fff;}
.meetingList li .btnWrap .btn.btn3{border-color: #E5E5E5;color: rgba(149, 149, 149, 0.6);}
.meetingList li .btm .left{width: calc(100% - 4rem);}
.meetingList li .btm .tit{color: #000000;line-height: 1.4;padding: 0.1rem 0 1rem;}
.meetingList li .btm .info{display: flex;}
.meetingList li .btm .info .item{display: flex;align-items: center;color: #000000;line-height: 1.2rem;}
.meetingList li .btm .info .item:nth-child(1){min-width: 11.43rem;}
.meetingList li .btm .info .item em{color: #959595;}
.meetingList li .btm .info .item .line{margin: 0 0.4rem;color: #D3D3D3;}
.meetingList li .btm .info .item .icon{width: 0.8rem;margin-right: 0.6rem;}

/* 分页 */
.page a{display: block;width: 48%;background: #FFFFFF;box-shadow: 0.17rem 0.33rem 0.67rem 0 rgba(0,0,0,0.03);border-radius: 0.27rem;color: #8C8C8C;line-height: 2.67rem;text-align: center;}
.page a:nth-child(2){background: #438CF5;box-shadow: 0.17rem 0.33rem 0.67rem 0 rgba(56,137,253,0.25);color: #fff;}

@keyframes aniDot{
	0%{opacity: 1;transform: scale(1);}
	100%{opacity: 0;transform: scale(2.5);}
}
/* 我的 */
.memberPage{padding: 4.73rem 1.33rem 7.6rem;background: url(../images/memberBg.jpg) no-repeat center top;background-size: 100% auto;}
.memberPage .info{margin-bottom: 2.87rem;color: #000000;text-align: center;line-height: 1.4;}
.memberPage .info .pic{width: 5rem;height: 5rem;margin: 0 auto 1rem;color: #BAE2F1;position: relative;}
.memberPage .info .pic::before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid currentColor;border-radius: 50%;animation: aniDot 3s linear infinite;}
.memberPage .info .pic::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid currentColor;border-radius: 50%;animation: aniDot 3s linear 1s infinite;}
.memberPage .info .pic img{width: 100%;height: 100%;position: relative;z-index: 2;object-fit: cover;}
.memberPage .list{margin-bottom: 7.37rem;}
.memberPage .list li{border-bottom: 1px solid #D9D9D9;}
.memberPage .list li .wrap{display: flex;position: relative;line-height: 4rem;color: #000000;align-items: center;}
.memberPage .list li .icon{width: 1.67rem;height: 1.67rem;margin-right: 1.17rem;}
.memberPage .list li .arr{position: absolute;right: 0;top: 50%;transform: translateY(-50%);height: 0.8rem;filter: brightness(0) invert(0.5);}

.page .num{display: none;}
.page a.btn{display: block;}
.page a{
	background: #438CF5;
	box-shadow: 0.17rem 0.33rem 0.67rem 0 rgba(56, 137, 253, 0.25);
	color: #fff;
}
.page .disable{
	background: #fff;
	box-shadow: 0 0 0;
	color: #8C8C8C;
}


.detail{padding: 1rem 0;background: #fff;border-radius: 8px;height: 18.8rem;position: relative;}
.detail .pic{width: 60%;position: absolute;right: 0;bottom: 100%;}
.detail .box{height: 100%;overflow: auto;padding: 0 1rem;}

@media screen and (max-width: 1620px){

}
@media screen and (max-width: 1480px){

}

@media screen and (max-width: 1300px){
}


@media screen and (max-width: 1024px){

}

@media screen and (max-width: 760px){
}

@media screen and (max-width: 468px){
}