@charset "utf-8";
body{background-color: #f8f8f8;}
header{position: sticky;}

/*登录页*/
.login-page{position: relative;height: 100dvh;}
.login-page .back-btn{z-index: 1;position: absolute;left: 6.2rem;top: 3.5rem;width: 2rem;height: 1.2rem;background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIzOS4yNTYiIGhlaWdodD0iMjUuNTAyIiB2aWV3Qm94PSIwIDAgMzkuMjU2IDI1LjUwMiI+PHBhdGggZD0iTTEuOTY2IDExLjY1bDE1LjIzLTEwLjAwN0wxNi4xMTYgMCAwIDEwLjU4OXY0LjI0N2wxNi4xMTQgMTAuNjY2IDEuMDg1LTEuNjRMMS45NjYgMTMuNzh2LTIuMTN6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkYiIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTpwYXNzdGhyb3VnaCIvPjxwYXRoIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIxLjk2NiIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOnBhc3N0aHJvdWdoIiBkPSJNNC41MzcgMTIuNzUyaDM0LjcxOSIvPjwvc3ZnPg==');background-size: 100% 100%;}
.login-page .bg{position: absolute;left: 0;top: 0;bottom: 0;width: 56%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.login-page .bg .info{position: absolute;left: 6.2rem;bottom: 2rem;width: 45.5%;line-height: 1;}
.login-page .bg .info .tit1{font-size: 4rem;}
.login-page .bg .info .tit1 i{display: inline-flex;width: 6.8rem;}
.login-page .bg .info .tit2{padding-right: 1.8rem;margin-top: .9rem;text-align: right;}
.login-page .login-box{position: relative;width: 44%;min-width: 42rem;height: 100%;box-sizing: border-box;padding: 3% 10%;margin-left: auto;background-color: #fff;}
.login-page .login-box > .title{margin-bottom: 2rem;line-height: 1;text-align: center;}
.login-page .login-box > .title.login{margin-bottom: 6rem;}
.login-page .login-box .tips{position: absolute;left: 0;right: 0;bottom: 2rem;text-align: center;color: #929292;}
.login-page .login-box .tips a:hover{text-decoration: underline;color: #0F5ADE;}
/*登录表单*/
.login-form .row .item{position: relative;border: 1px solid #BDBDBE;border-radius: .4rem;}
.login-form .row .item:focus-within{border-color: #0F5ADE;}
.login-form .row .item .star{position: absolute;left: .6rem;top: 50%;color: #f00;transform: translateY(-50%);}
.login-form .row .item > .btn{position: absolute;right: .8rem;top: 50%;color: #0F5ADE;transform: translateY(-50%);}
.login-form .row .item .show-password-btn{position: absolute;right: .8rem;top: 50%;transform: translateY(-50%);display: flex;justify-content: center;align-items: center;width: .8rem;height: .8rem;background-image: url(../2024_images/icon_eye_off.svg);background-size: 100% 100%;cursor: pointer;opacity: .5;}
.login-form .row .item .show-password-btn.open{background-image: url(../2024_images/icon_eye_on.svg);}
.login-form input{height: 3rem;padding: 0 1.2rem;background-color: transparent;border: 0;}
.login-form .yzm-area .pic{flex: 0 0 5.5rem;height: 1.6rem;}
.login-form .yzm-area .btn{display: inline-flex;align-items: center;margin: 0 .8rem;line-height: 1.6rem;color: #0F5ADE;}
.login-form .yzm-area .btn .icon{width: .7rem;height: .7rem;margin-right: .5rem;}
.login-form .remember{line-height: 1rem;user-select: none;color: #929292;}
.login-form .remember label{display: inline-flex;align-items: center;cursor: pointer;}
.login-form .remember label input[type='checkbox']{width: .6rem;height: .6rem;padding: 0;margin-right: .3rem;}
.login-form .remember a{text-decoration: underline;}
.login-form .remember a:hover{color: #0F5ADE;}
.login-form .func-wrap{display: flex;justify-content: space-between;align-items: center;}
.login-form .func-wrap a{display: inline-flex;color: #929292;}
.login-form .func-wrap .remember{color: #000;}
.login-form .btns-area{margin-top: 2rem;}
.login-form .btns-area .btn{width: 100%;height: auto;padding: 0;margin: 0;border: 0;border-radius: .4rem;line-height: 3rem;}
.login-form .btns-area .btn[type='submit']{background-color: #0F5ADE;color: #fff;}
/*登录选项卡*/
.login-tab-box .tabs{display: flex;align-items: center;background-color: #D9D9D9;border: .1rem solid #D9D9D9;border-radius: .4rem;}
.login-tab-box .tabs .item{flex: 50%;display: inline-flex;justify-content: center;align-items: center;height: 2.8rem;padding: 0 .5rem;text-align: center;color: #929292;cursor: pointer;}
.login-tab-box .tabs .item.on{background-color: #fff;border-radius: .4rem;color: #000;}
.login-tab-box .tab-content{margin-top: 1rem;}
.login-tab-box .tab-content .section{display: none;}
.login-tab-box .tab-content .section.show{display: block;}
/*其他登录方式*/
.other-login-way{margin-top: 2rem;}
.other-login-way .tit{display: flex;justify-content: center;align-items: center;margin-bottom: 1.2rem;overflow: hidden;}
.other-login-way .tit span{position: relative;display: inline-flex;padding: 0 1.6rem;color: #929292;}
.other-login-way .tit span::before{content: '';position: absolute;right: 100%;top: 50%;width: 10rem;height: 1px;background-color: #BDBDBE;}
.other-login-way .tit span::after{content: '';position: absolute;left: 100%;top: 50%;width: 10rem;height: 1px;background-color: #BDBDBE;}
.other-login-way .list{display: flex;justify-content: center;align-items: center;}
.other-login-way .list li{margin: 0 .5rem;}
.other-login-way .list li .icon{width: 3rem;height: 3rem;}

/*个人中心页*/
.yofc-user-page{padding: 3rem 0;}
.yofc-user-page .w1400{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.yofc-user-page .con-l{flex: 0 0 14.5rem;box-sizing: border-box;padding: 1.5rem;margin-right: 1.5rem;background-color: #fff;}
.yofc-user-page .con-r{flex: 1;overflow: hidden;}
.yofc-user-page .section{padding: 1.5rem;background-color: #fff;}
.yofc-user-page .section+.section{margin-top: 1.5rem;}
/*标题*/
.yofc-user-page .common-title{display: flex;justify-content: space-between;align-items: center;margin-bottom: 1rem;}
.yofc-user-page .common-title .name{line-height: 1.6rem;font-weight: bold;}
.yofc-user-page .common-title .more{display: inline-flex;align-items: center;color: #0F5ADE;transition: .3s;}
.yofc-user-page .common-title .more:after{content: '';width: .6rem;height: .6rem;margin-left: .6rem;background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIxMi4xMzMiIGhlaWdodD0iOS43NSIgdmlld0JveD0iMCAwIDEyLjEzMyA5Ljc1Ij48cGF0aCBkPSJNNS42MzMgNC44NzVMLjc1OCA5Ljc1IDAgOC45OTJsNC4xMTctNC4xMTdMMCAuNzU4Ljc1OCAwbDQuODc1IDQuODc1em02LjUgMEw3LjI1OCA5Ljc1IDYuNSA4Ljk5Mmw0LjExNy00LjExN0w2LjUuNzU4IDcuMjU4IDBsNC44NzUgNC44NzV6IiBmaWxsPSIjMDA1Q0U2Ii8+PC9zdmc+');background-size: 100% 100%;}
.yofc-user-page .common-title .more:hover{transform: translateX(.3em);}
.yofc-user-page .common-title #finish-btn{display: none;}
.yofc-user-page .common-title2{margin-bottom: 3rem;}
.yofc-user-page .common-title2 .name{line-height: 1.6rem;font-weight: bold;}
/*icon按钮*/
.icon-btn{display: inline-flex;align-items: center;padding: 0 .5rem;background-color: #F2F3F5;border-radius: .1rem;font-size: .7rem;line-height: 1.6rem;color: #4E5969;cursor: pointer;user-select: none;transition: .3s;}
.icon-btn .icon{width: .8rem;height: .8rem;margin-right: .5rem;}
.icon-btn:hover{color: #0F5ADE;}
/*分页*/
.page{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;margin-top: 2rem;}
.page > *{display: inline-flex;justify-content: center;align-items: center;min-width: 1.8rem;height: 1.8rem;box-sizing: border-box;padding: 0 .5rem;margin: 0 .1rem;background-color: #fff;line-height: 1.8rem;transition: .3s;}
.page input{width: 1.5rem;text-align: center;}
.page .no-border{padding: 0 .5rem;border-color: transparent;}
.page > a.on,.page > a:hover{background-color: rgba(23,123,202,.08);color: #0F5ADE;}

/*头部用户信息*/
.top-user-info{display: flex;justify-content: space-between;align-items: center;margin-bottom: 2rem;}
.top-user-info .avatar{width: 2.1rem;height: 2.1rem;margin-right: .6rem;}
.top-user-info .info{flex: 1;overflow: hidden;line-height: 1;}
.top-user-info .info .name{margin-bottom: .5rem;font-weight: bold;}
.top-user-info .info .txt{color: #aaa;}
.top-user-info .info .btn{display: inline-flex;padding: 0 .5rem;margin-top: .3rem;background-color: #0F5ADE;border-radius: .2rem;font-size: .6rem;line-height: 1rem;color: #fff;}

/*菜单栏*/
/*一级*/
.menu-box .menu-1st{line-height: .9rem;}
.menu-box .menu-1st > li+li{margin-top: 1.5rem;}
.menu-box .menu-1st > li > .tit{display: flex;align-items: center;position: relative;padding-right: 1.2rem;cursor: pointer;transition: .3s;}
.menu-box .menu-1st > li > .tit .icon{width: 1.2rem;height: 1.2rem;margin-right: 1.2rem;filter: brightness(0);}
.menu-box .menu-1st > li > .tit .name{flex: 1;font-weight: bold;}
.menu-box .menu-1st > li > .tit .fold-btn{position: absolute;right: 0;top: 50%;width: .7rem;height: .7rem;margin-top: -.35rem;background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIxMi42NjYiIGhlaWdodD0iNi41ODQiIHZpZXdCb3g9IjAgMCAxMi42NjYgNi41ODQiPjxwYXRoIGQ9Ik0xMi41NjcuMDk4YS4zNDMuMzQzIDAgMCAwLS40ODEgMEw2LjM5OCA1Ljc4Ni41OC4wOThhLjM0My4zNDMgMCAwIDAtLjQ4MiAwIC4zNDMuMzQzIDAgMCAwIDAgLjQ4Mmw2LjAzOCA1LjkwNmMuMTMxLjEzMS4zNS4xMzEuNDgxIDBMMTIuNTY3LjU4Yy4xMzEtLjE3NS4xMzEtLjM1IDAtLjQ4MnoiIGZpbGw9IiMwMDVDRTYiLz48L3N2Zz4=') center no-repeat;background-size: 90% 90%;filter: brightness(0);transform: rotate(-90deg);transition: .3s;}
.menu-box .menu-1st > li.on > .tit{color: #0F5ADE;}
.menu-box .menu-1st > li.on > .tit .icon{filter: none;}
.menu-box .menu-1st > li.on > .tit .fold-btn{filter: none;}
.menu-box .menu-1st > li.open > .tit .fold-btn{transform: rotate(0);}
.menu-box .menu-1st > li.open .menu-2nd{display: block;}
/*二级*/
.menu-box .menu-2nd{display: none;margin-top: 1.5rem;}
.menu-box .menu-2nd > li+li{margin-top: .8rem;}
.menu-box .menu-2nd > li a{display: block;padding: .6rem .6rem .6rem 2.4rem;color: #3D3D3D;transition: .3s;}
.menu-box .menu-2nd > li:hover a{background-color: #F2F3F5;}
.menu-box .menu-2nd > li.on a{background-color: #F2F3F5;color: #0F5ADE;}

/*文件表格*/
.file-table{width: 100%;border-collapse: collapse;}
.file-table *{box-sizing: border-box;}
.file-table tr{border-bottom: 1px solid #E5E6EB;}
.file-table td{width: 8rem;height: 2rem;padding: .5rem .8rem;line-height: 1rem;}
.file-table td:first-child{width: 50%;}
.file-table .title{background-color: #F2F3F5;}
.file-table .file-name{display: inline-flex;align-items: center;}
.file-table .file-name .icon{width: .8rem;height: .8rem;margin-right: .8rem;}
.file-table .btn{display: inline-flex;align-items: center;transition: .3s;}
.file-table .btn .icon{vertical-align: middle;width: .8rem;height: .8rem;margin-left: .4rem;}
.file-table tr:not(.title):hover{background-color: rgba(23,123,202,.08);}
.file-table .btn:hover{color: #0F5ADE;}
.file-table .select-per{display: none;align-items: center;margin-right: .5rem;}
.file-table input[type='checkbox']{appearance: checkbox;-webkit-appearance: checkbox;width: .8rem;height: .8rem;margin: 0;cursor: pointer;}

/*底部操作区*/
.bottom-operate-area{display: none;align-items: center;line-height: 1.6rem;user-select: none;}
.bottom-operate-area .select-all{display: inline-flex;align-items: center;margin-right: .5rem;cursor: pointer;transition: .3s;}
.bottom-operate-area .select-all input[type='checkbox']{appearance: checkbox;-webkit-appearance: checkbox;width: .8rem;height: .8rem;margin: 0 .5rem 0 0;cursor: pointer;}
.bottom-operate-area .select-all:hover{color: #0F5ADE;}
.bottom-operate-area .btn{display: inline-flex;align-items: center;padding: 0 .5rem;background-color: #F2F3F5;border-radius: .1rem;color: #4E5969;cursor: pointer;user-select: none;transition: .3s;}
.bottom-operate-area .btn .icon{width: .8rem;height: .8rem;margin-right: .5rem;}
.bottom-operate-area .btn:hover{color: #0F5ADE;}
/*表格底部区*/
.table-bottom-wrap{display: flex;justify-content: flex-end;align-items: center;flex-wrap: wrap;position: relative;margin-top: 1.5rem;}
.table-bottom-wrap .bottom-operate-area{position: absolute;left: 0;bottom: 0;}
.table-bottom-wrap .page{margin-top: 0;}
/*数据为空时的提示*/
.tips-no-date{display: flex;justify-content: center;align-items: center;min-height: 24rem;}
.tips-no-date .info{text-align: center;}
.tips-no-date .info .pic{width: 9rem;height: 9rem;}
.tips-no-date .info .tit{margin-top: 1rem;color: #B6B6B6;}

/*用户信息列表*/
.user-info-list{display: flex;flex-wrap: wrap;padding: 1.5rem 1.75rem;margin-bottom: 1.5rem;background: #fff url(../2024_images/user_info_bg.png) center no-repeat;background-size: cover;}
.user-info-list li{display: flex;align-items: flex-start;width: 30%;margin: .3rem 0;line-height: 1.1rem;}
.user-info-list li:nth-child(2n){width: 70%;}
.user-info-list li span{flex: 0 0 4.5rem;margin-right: .8rem;color: #4E5969;}
.user-info-list li em{flex: 1;}

/*用户信息表单*/
.user-info-form{}
.user-info-form .section{width: 35rem;}
.user-info-form .row{margin-bottom: .8rem;}
.user-info-form .row .item{align-items: center;}
.user-info-form .row .name{flex: 0 0 8rem;box-sizing: border-box;padding: 0 .6rem;line-height: 1.1rem;text-align: left;color: #4E5969;}
.user-info-form input{height: 1.6rem;background-color: #F3F4F6;}
.user-info-form textarea{background-color: #F3F4F6;}
.user-info-form select{height: 1.6rem;background-color: #F3F4F6;}
.user-info-form .yzm-area .pic{flex: 0 0 5rem;height: 1.6rem;margin-left: .5rem;}
.user-info-form .btns-area{justify-content: flex-start;padding-left: 8rem;margin-top: 2.5rem;}
.user-info-form .btns-area .btn{padding: 0 .8rem;margin: 0 .5rem 0 0;background-color: #F2F3F8;border: 0;border-radius: .1rem;line-height: 1.6rem;}
.user-info-form .btns-area .btn[type='submit']{background-color: #0F5ADE;color: #fff;}

/*预约记录列表*/
.appointment-record-list{}
.appointment-record-list li{display: flex;align-items: center;flex-wrap: wrap;margin-bottom: 1.5rem;background-color: #fff;}
.appointment-record-list li .pic{flex: 0 0 48.4%;overflow: hidden;}
.appointment-record-list li .pic em{display: block;padding-top: 61.1%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.appointment-record-list li .info{flex: 1;overflow: hidden;position: relative;padding: 0 2rem;}
.appointment-record-list li .info .tit1{display: block;margin-bottom: 1.2rem;font-family: 'Poppins-Medium';line-height: 1rem;transition: .3s;}
.appointment-record-list li .info .tit2{margin-bottom: .5rem;color: #4E5969;}
.appointment-record-list li .info .date{display: flex;align-items: center;padding-bottom: 1rem;border-bottom: 1px solid #CECECE;}
.appointment-record-list li .info .date .icon{width: 1rem;height: 1rem;margin-right: .5rem;}
.appointment-record-list li .info .tips-wrap{margin-top: 3.6rem;}
.appointment-record-list li .info .tips-wrap .countdown-wrap{display: flex;align-items: center;font-family: 'Poppins-Medium';color: #0F5ADE;}
.appointment-record-list li .info .tips-wrap .countdown-wrap i{margin: 0 .5rem;}
.appointment-record-list li .info .tips-wrap .countdown-wrap em{margin: 0 .3rem;}
.appointment-record-list li .info .tips-wrap .btn{display: inline-block;padding: 0 .8rem;border: 1px solid #0F5ADE;border-radius: .1rem;line-height: 1.5rem;color: #0F5ADE;transition: .3s;}
.appointment-record-list li .info .delete-btn{position: absolute;right: 0;bottom: 0;}
.appointment-record-list li .info .tit1:hover{color: #0F5ADE;transform: translateX(.3em);}
.appointment-record-list li .info .tips-wrap .btn:hover{background-color: #0F5ADE;color: #fff;}

/*视频列表*/
.watch-history-list{display: flex;flex-wrap: wrap;}
.watch-history-list li{width: 31.33%;margin: 0 0 3% 3%;background-color: #fff;}
.watch-history-list li:nth-child(3n+1){margin-left: 0;}
.watch-history-list li .pic{overflow: hidden;}
.watch-history-list li .pic em{display: block;padding-top: 63.4%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.watch-history-list li .info{padding: 1.5rem;}
.watch-history-list li .info .tit{height: 2rem;margin-bottom: 1.2rem;line-height: 1rem;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.watch-history-list li .info .date{display: flex;align-items: center;}
.watch-history-list li .info .date .icon{width: 1rem;height: 1rem;margin-right: .5rem;}
.watch-history-list li .info .func-wrap{display: flex;justify-content: space-between;align-items: center;margin-top: 1rem;}
.watch-history-list li .info .func-wrap .share-btn{display: inline-flex;justify-content: center;align-items: center;width: 1.6rem;height: 1.6rem;background-color: #F2F3F5;cursor: pointer;}
.watch-history-list li .info .func-wrap .share-btn .icon{width: .8rem;height: .8rem;}
/*视频盒子*/
.video-box{position: relative;cursor: pointer;}
.video-box::before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.3);opacity: 0;transition: .3s;}
.video-box::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 2rem;height: 2rem;margin: auto;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA0NiA0NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik0yMy4wMDMgMUMxMC44NzMgMSAxIDEwLjg2OCAxIDIzLjAwMyAxLjAwNiAzNS4xMzMgMTAuODczIDQ1IDIzLjAwMyA0NVM0NSAzNS4xMzIgNDUgMjMuMDAzQzQ1IDEwLjg3MyAzNS4xMzIgMSAyMy4wMDMgMXoiIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIuNzMzIi8+PHBhdGggZD0iTTMyLjU0NSAyNC4yNzFsLTEzLjc4NCA3Ljk2YTEuNDY1IDEuNDY1IDAgMCAxLTIuMTk1LTEuMjY5VjE1LjA0M2ExLjQ2NSAxLjQ2NSAwIDAgMSAyLjE5NS0xLjI2OGwxMy43ODQgNy45NmExLjQ2NSAxLjQ2NSAwIDAgMSAwIDIuNTM2eiIgZmlsbD0iI0ZGRiIvPjwvZz48L3N2Zz4=');background-size: 100% 100%;opacity: 0;transform: translateY(5rem);transition: .3s;}
.video-box:hover::before{opacity: 1;}
.video-box:hover::after{opacity: 1;transform: translateY(0);}

/*弹窗-协议*/
.popup-agreement{max-height: 70vh;box-sizing: border-box;padding: 3rem;overflow-y: auto;}
.popup-agreement .txt{line-height: 1.33;}
.popup-agreement .txt img{width: auto;max-height: 5rem;margin-bottom: 1rem;}


/*笔记本1920*1080显示放大比例为125%，实际分辨率为1920/1.25=1536*/
@media screen and (max-width: 1550px){
	
}

/*中屏PC，分辨率1366*/
@media screen and (max-width: 1440px){
	
}

/*小屏PC，分辨率1280*/
@media screen and (max-width: 1300px){
	
}

/*pad横屏，分辨率1024*/
@media screen and (max-width: 1024px){
	/*登录页*/
    .login-page{display: flex;justify-content: center;align-items: center;min-height: 100dvh;}
	.login-page .back-btn{left: 3%;top: 1rem;width: 1.5rem;height: .9rem;}
    .login-page .bg{width: 100%;}
	.login-page .bg .info{display: none;}
    .login-page .login-box{width: 94%;min-width: 0;height: auto;margin: 0;padding: 1.5rem .8rem;}
	.login-page .login-box > .title{margin-bottom: 1.5rem;font-size: 1.2rem;}
	.login-page .login-box > .title.login{margin-bottom: 1.5rem;}
	.login-page .login-box .tips{position: static;margin-top: 1.5rem;font-size: .7rem;}
	/*登录表单*/
	.login-form .row{margin-bottom: .8rem;}
	.login-form .row .item .star{left: .5rem;}
	.login-form .row .item > .btn{right: .6rem;}
	.login-form .row .item .show-password-btn{right: .6rem;}
	.login-form input{height: 2.4rem;padding: 0 1rem;}
	.login-form .yzm-area .pic{flex: 0 0 5.5rem;height: 1.6rem;}
	.login-form .yzm-area .btn{margin: 0 .6rem;}
	.login-form .yzm-area .btn .icon{margin-right: .3rem;}
	.login-form .btns-area{margin-top: 1rem;}
	.login-form .btns-area .btn{line-height: 2.4rem;}
	/*登录选项卡*/
	.login-tab-box .tabs .item{height: 2.4rem;}
	.login-tab-box .tab-content{margin-top: .8rem;}
	/*其他登录方式*/
	.other-login-way{margin-top: 1rem;}
	.other-login-way .tit{margin-bottom: .6rem;}
	.other-login-way .tit span{padding: 0 1rem;}
	.other-login-way .list li .icon{width: 2rem;height: 2rem;}

	/*个人中心页*/
	.yofc-user-page{padding: 2rem 0;}
	.yofc-user-page .con-l{flex: 0 0 100%;padding: .6rem;margin-right: 0;}
	.yofc-user-page .con-r{flex: 0 0 100%;margin-top: 2rem;}
	.yofc-user-page .section{padding: .6rem;}
	/*标题*/
	.yofc-user-page .common-title{margin-bottom: .8rem;line-height: 1.4rem;}
	.yofc-user-page .common-title2{margin-bottom: 1.5rem;}
	.yofc-user-page .common-title2 .name{line-height: 1.4rem;}
	/*icon按钮*/
	.icon-btn .icon{margin-right: .3rem;}

	/*头部用户信息*/
	.top-user-info{margin-bottom: 1rem;}

	/*菜单栏*/
	/*一级*/
	.menu-box .menu-1st{line-height: 1rem;}
	.menu-box .menu-1st > li+li{margin-top: 1.2rem;}
	.menu-box .menu-1st > li > .tit{padding-right: 1rem;}
	.menu-box .menu-1st > li > .tit .icon{width: 1rem;height: 1rem;margin-right: .6rem;}
	/*二级*/
	.menu-box .menu-2nd{margin-top: 1rem;}
	.menu-box .menu-2nd > li+li{margin-top: 0;}

	/*文件表格*/
	.table-scroll-box{max-height: calc(100vh - 12rem);padding-bottom: .5rem;overflow: auto;}
	.file-table{width: 140vw;}
	.file-table td{width: auto;padding: .5rem;line-height: .8rem;}
	.file-table td:first-child{width: 40%;}
	.file-table .title{position: sticky;top: 0;}
	.file-table .file-name .icon{margin-right: .5rem;}

	/*底部操作区*/
	.bottom-operate-area{line-height: 1.4rem;}
	.bottom-operate-area .select-all input[type='checkbox']{margin: 0 .3rem 0 0;}
	/*表格底部区*/
	.table-bottom-wrap{margin-top: 1rem;}
	.table-bottom-wrap .bottom-operate-area{position: static;width: 100%;}
	.table-bottom-wrap .page{width: 100%;margin-top: 1rem;}
	/*数据为空时的提示*/
	.tips-no-date{min-height: 15rem;}
	.tips-no-date .info .pic{width: 6rem;height: 6rem;}
	.tips-no-date .info .tit{margin-top: .5rem;}

	/*用户信息列表*/
	.user-info-list{padding: .6rem;}
	.user-info-list li{width: 100%;}
	.user-info-list li:nth-child(2n){width: 100%;}
	.user-info-list li span{flex: 0 0 4rem;margin-right: .5rem;}

	/*用户信息表单*/
	.user-info-form .section{width: auto;}
	.user-info-form .row .item{flex-wrap: wrap;}
	.user-info-form .row .name{flex: 0 0 100%;margin-bottom: .3rem;}

	/*预约记录列表*/
	.appointment-record-list li{margin-bottom: 2rem;}
	.appointment-record-list li .pic{flex: 0 0 100%;}
	.appointment-record-list li .info{flex: 0 0 100%;box-sizing: border-box;padding: .5rem;}
	.appointment-record-list li .info .tit1{margin-bottom: .5rem;}
	.appointment-record-list li .info .tit2{margin-bottom: .3rem;}
	.appointment-record-list li .info .date{padding-bottom: .5rem;}
	.appointment-record-list li .info .tips-wrap{margin-top: .5rem;}
	.appointment-record-list li .info .tips-wrap .countdown-wrap i{margin: 0 .2rem;}
	.appointment-record-list li .info .tips-wrap .countdown-wrap em{margin: 0 .2rem;}
	.appointment-record-list li .info .delete-btn{right: .5rem;bottom: .5rem;}

	/*视频列表*/
	.watch-history-list li{width: 48%;margin: 0 0 4% 4%;}
	.watch-history-list li:nth-child(3n+1){margin-left: 4%;}
	.watch-history-list li:nth-child(2n+1){margin-left: 0;}
	.watch-history-list li .info{padding: .5rem;}
	.watch-history-list li .info .tit{margin-bottom: .6rem;}
	.watch-history-list li .info .date{font-size: .7rem;}
	.watch-history-list li .info .date .icon{width: .7rem;height: .7rem;margin-right: .3rem;}
	/*视频盒子*/
	.video-box::before{opacity: 1;}
	.video-box::after{opacity: 1;transform: translateY(0);}

	/*弹窗-协议*/
	.popup-agreement{padding: 1rem;}
	.popup-agreement .txt{font-size: .6rem;}
	.popup-agreement .txt img{max-height: 2rem;}
	.popup-agreement .txt h1{font-size: .8rem;}
	.popup-agreement .txt h2{font-size: .7rem;}
}

/*phone和pad竖屏，分辨率820*/
@media screen and (max-width: 820px){
	
}

/*phone小屏，高度小于750，例如iphone6/7/8，以及对应plus版本*/
@media screen and (max-width: 820px) and (max-height: 750px){
	/*登录页*/
    .login-page{display: block;padding: 3rem 0;}
	.login-page .login-box{margin: 0 auto;}
}