@charset "UTF-8";
/*reset*/
html{-webkit-text-size-adjust:100%;background: #fffaf3;}
body {font-family:"Microsoft YaHei","SimSun",Arial;color:#333;background:#fff;font-size:14px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;min-height: 100%;}
*,*:before,*:after {-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block}
audio,canvas,progress,video {display:inline-block;vertical-align:baseline}
audio:not([controls]) {display:none;height:0}
a{color:#5C85AE;text-decoration:none}
a:active,a:hover{outline:0}
a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
ol, ul, li {list-style: none;}
img {border:0;vertical-align:middle}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor:pointer}
button[disabled],input[disabled] {cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0}
input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;outline:none;-webkit-appearance:none;}
textarea {overflow:auto;resize:none}
select{background:#fff}
table {border-collapse:collapse;border-spacing:0}
[role="button"] {cursor:pointer}
em{font-style:normal}
[v-cloak]{display:none;}
.bold{font-weight: bold!important;}
.font-normal{font-weight: normal;}
.border-bottom-0{border-bottom: 0!important;}
/*#app{ background-color: #fff;}*/
/*去除加减按钮*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"] {-moz-appearance: textfield;}
/*浮动*/
.fr{float:right;}
.fl{float:left;}
.clearfix:after,.clearfix:before{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;}
/*位置*/
.text-center{text-align:center}
.text-right{text-align:right}
.text-left{text-align:left!important;}
/*文字溢出*/
.nowrap{display:block;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
.nowrap-2{display:block;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.nowrap-3{display:block;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.nowrap-4{display:block;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
/*图片*/
.data-photo{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
/*placeholder*/
::-webkit-input-placeholder{color: #bbb;}
:-moz-placeholder{color: #bbb;}
::-moz-placeholder{color: #bbb;}
:-ms-input-placeholder{color: #bbb;}
/*分散*/
.ui-justify-flex{width:100%;display:-webkit-box;-webkit-box-pack:justify;-webkit-justify-content:space-between;}
/*垂直上下居中*/
.ui-center{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;-webkit-box-align:center;text-align:center;width:100%;}
/*排版*/
.ui-flex{display: -webkit-box;}
.ui-list-info{-webkit-box-flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;}
.ui-flex-ver{-webkit-box-orient: vertical; }
.ui-flex-pack-start{-webkit-box-pack: start; }
.ui-flex-pack-end{-webkit-box-pack: end; }
.ui-flex-pack-center{-webkit-box-pack: center; }
.ui-flex-align-start{-webkit-box-align: start; }
.ui-flex-align-end{-webkit-box-align: end; }
.ui-flex-align-center {-webkit-box-align: center; }
.display-flex{display: -webkit-flex;display: -moz-box;display: flex;}
.gap20{gap:20px;}
.gap{gap:10px;}
.gap5{gap:5px;}
.gap15{gap:15px;}
/* 屏宽超出750px */
body{margin:0 auto!important;max-width:750px;}
/*切换主题色*/
:root {--theme-org-color:  #FF842B;--menu-default-width:14px;--menu-default-height:14px;--menu-drop-default-width:-14px;--iphonex-fix-bottom:0;--iphonex-fix-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/--iphonex-fix-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/}
.wrap{min-height: 100vh;}
.bgc-r10{background: #fff;border-radius: 10px 10px 0 0;position: relative;}
.bgc-r10:before{content: "";background:#FF842B;width: 100%;height: 10px;position: absolute;top: 0;left: 0;z-index: -1; }
.tofixed~.wrap{border-top: 44px solid transparent;}
.bgc-f1{background: #f1f1f1;}
.bgc-f{background: #fff;}
.bgc-e{background: #eee;}
.bgc-fc{background: #fcfcfc;}
.bgc-d8{background: #d8d8d8!important;}
.br-0{border-radius: 0!important;}
.border-top-0{border-top:0!important;}
.ui-col-50{width: 50%;}
.ui-col-33{width: 33%;}
.ui-col-25{width: 25%!important;}
.page-max{max-width:750px;}
/*距离*/
.mb15{margin-bottom:15px!important;}
.mb30{margin-bottom:30px!important;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb28{margin-bottom:28px;}
.mb10{margin-bottom:10px!important;}
.mb8{margin-bottom:8px;}
.mb2{margin-bottom:2px;}
.mb5{margin-bottom:5px!important;}
.mb60{margin-bottom:60px;}
.mb50{margin-bottom:50px;}
.mt50{margin-top:50px;}
.mt15{margin-top:15px;}
.mt5{margin-top:5px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mt-10{margin-top: -10px!important;}
.mt-12{margin-top: -12px!important;}
.mt25{margin-top:25px!important;}
.plr13{padding: 0 13px;}
.ml35{margin-left: 35px;}
.ml25{margin-left: 25px;}
.ml20{margin-left: 20px;}
.ml10{margin-left: 10px;}
.ml8{margin-left: 8px;}
.ml15{margin-left: 15px;}
.ml-15{margin-left: -15px;}
.ml35{margin-left: 35px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr8{margin-right: 8px;}
.mr5{margin-right: 5px;}
.mr3{margin-right: 3px;}
.mlr-15{margin-left: -15px!important;margin-right: -15px!important;}
.plr5{padding: 0 5px!important;}
.pl5{padding-left: 5px!important;}
.pl2{padding-left: 2px;}
.plr0{padding-left:0!important;padding-right:0!important;}
.plr10{padding: 0 10px;}
.plr15{padding: 0 15px;}
.plr20{padding: 0 20px;}
.plr28{padding-left: 28px!important;padding-right: 28px!important;}
.plr60{padding-left: 60px;padding-right: 60px;}
.pl8{padding-left: 8px;}
.pl10{padding-left: 10px;}
.pl20{padding-left: 20px;}
.pb80{padding-bottom: -webkit-calc(80px + var(--iphonex-fix-bottom))!important;padding-bottom: -moz-calc(80px + var(--iphonex-fix-bottom))!important;padding-bottom: calc(80px + var(--iphonex-fix-bottom))!important;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px!important;}
.pt24{padding-top: 24px;}
.pt27{padding-top: 27px;}
.pt30{padding-top: 30px;}
.pt20{padding-top: 20px!important;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pb30{padding-bottom: 30px;}
.pb15{padding-bottom: 15px;}
.pb10{padding-bottom: 10px!important;}
.pb20{padding-bottom: 20px!important;}
.pd0{padding: 0!important;}
.p10{padding:10px!important;}
.p15{padding:15px!important;}
.pr5{padding-right:5px!important;}
.fz18{font-size: 18px!important;}
.fz16{font-size: 16px!important;}
.fz12{font-size: 12px!important;}
.fz14{font-size: 14px!important;}
.fz20{font-size: 20px!important;}
.fz24{font-size: 24px!important;}
/*字体颜色*/
.color-f{color: #fff!important;}
.color-b{color: #bbb!important;}
.color-red{color: #FF0000!important;}
.color-f14{color: #FF0014;}
.color-f2b{color: #FF842B!important;}
.color-f57{color: #F0AB57;}
.color-f42{color: #FA9942;}
.color-00{color: #00A1FF;}
.color-04ff{color: #00A4FF;}
.color-0e{color: #0ECB76;}
.color-058{color: #00A758;}
.color-59b{color: #58C39B;}
.color-f5d{color: #F5685D;}
.color-ff{color: #FF842B;}
.color-f68{color: #FF6868!important;}
.color-6{color: #666!important;}
.color-9{color: #999!important;}
.color-3d{color: #3d3d3d!important;}
.color-3{color: #333!important;}
.color-9e{color: #9E9E9E!important;}
.color-d9{color: #d9d9d9;}
.color-blue{color: #007AFF;}
.color-theme{color:var(--theme-org-color)!important;}
.bg-error{background: #FF6868!important;}
.bg-success{background: #0ECB76!important;}
.bg-59b{background: #58C39B!important;}
.bg-f5d{background: #F5685D!important;}
.bg-f2b{background: #FF842B!important;}
.bg-f57{background: #F0AB57!important;}
.bg-fb{background: #FBFBFB!important;}
.bg-f0{background: #F0F0F0!important;}
.bg-f7{background: #F7F6FA!important;}
.bg-fff{background: #FFF9F4!important;}
.bg-f1{background: #f1f1f1!important;}
.bg-theme{background: var(--theme-org-color)!important;border-color: var(--theme-org-color)!important;}
.em{font-weight: bold;}
.color-primary{color:var(--theme-org-color); }
.flex{display: -webkit-flex;display: -moz-box;display: flex;-webkit-align-items: center;-moz-box-align: center;align-items: center;}
.noborder{border-width: 0!important;}
.flex-1{-webkit-flex: 1;-moz-box-flex: 1;flex: 1;}
.vcenter{align-items:center;}
.center{text-align:center;}
.flex-center{justify-content:center;}
.flex-right{justify-content:end;}
.flex-top{align-items: flex-start}
.space-between{justify-content:space-between;}
.flex-column{flex-direction: column;}
.mask{width:100%;height:100%;background: rgba(0, 0, 0, 0.8);}
.relative{position:relative;}
.fixed{position:fixed;}
.absolute{position:absolute;}
.expand{left:0;right:0;top:0;bottom:0;}
.expand-x{left:0;right:0;}
.expand-y{top:0;bottom:0;}
.bottom{bottom:0;}
.left0{left:0;}
.top0{top:0;}
.right0{right:0;}
.bottom-60{bottom:60px;}
.strong7{font-weight:700;}
.strong6{font-weight:600;}
.strong5{font-weight:500;}
.strong4{font-weight:400;}
.width-60{width:60px;min-width:60px;}
.width-80{width:80px;min-width:80px;}
.width-70{width:70px;min-width:70px;}
.width-100{width:100px;min-width:100px;}
.width-100p{width:100%!important;}
.height-100p{height:100%!important;}
.w-50{width:50px;}
.max-width{max-width:750px;}
.border-bottom{border-bottom:1px solid #F1F1F1}
.border-top{border-top:1px solid #F1F1F1}
.br-2{border-radius:2px!important;}
.br-4{border-radius:4px!important;}
.br-10{border-radius:10px!important;}
.br-12{border-radius:12px!important;}
.br-50p{border-radius:50%!important;}
.middle-btn{height:21px!important;line-height:21px!important;font-size:12px!important;font-weight:400!important;}
.btn-40{height:40px!important;}

.bc-ff{border-color:#FF842B}
.bc-f1{border-color:#f1f1f1}
.bc-b{border-color:#bbb}

.border-1{border-style:solid;border-width:1px;}
.theme-border{border:1px solid var(--theme-org-color);}
.nobackground{background:transparent!important;}
.height-auto{height:auto!important;}
.block{display:block;}
.lg{background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);}


.ar-43{aspect-ratio: 4 / 3;}
.ar-169{aspect-ratio: 16 / 9;}

/*按钮*/
.default-btn{color: #333;padding:0 5px;height: 25px;line-height: 23px;border-radius: 4px;border: 1px solid #333333;font-size: 12px;text-align: center;display: block;}
.default-btn  img{vertical-align: middle;margin-right: 2px;margin-top: -2px;}
.default-disabled-btn{background:#f1f1f1;color:#333333;padding:5px;}
.primary-btn{display:block;width:100%;height:44px;line-height:42px;border:1px solid #FF842B;border-radius: 100px;background: #FF842B;color: #fff;font-size: 16px;text-align: center;font-weight: normal;}
.primary-plain-btn{background: #fff;color:#FF842B;}
.red-plain-btn{background: #fff!important;color:#FF6868!important;border-color:#FF6868!important;}
.grey-plain-btn{background: #fff!important;color:#333!important;border-color:#bbb!important;margin-top: 20px;}
.disabled-plain-btn{color:#bbb;border-color: #f1f1f1!important;background: #fff!important;}
.disabled-btn{background: #bbb!important;border-color: #bbb!important;}
.d-disabled-btn{background: #ddd!important;border-color: #ddd!important;}
.primary-link{color: #FF842B;}
.grey-plain-9-btn{background: #fff!important;color:#999!important;border-color:#f1f1f1!important;}
.grey-plain-6-btn{background: #fff!important;color:#666!important;border-color:#f1f1f1!important;}
.grey-plain-9-b-btn{background: #fff!important;color:#999!important;border-color:#bbb!important;}
.grey-plain-3-b-btn{background: #fff!important;color:#333!important;border-color:#bbb!important;}
.grey-plain-3-3-btn{background: #fff!important;color:#333!important;border-color:#333!important;}
.inline-btn-small{display: inline-block;vertical-align: top;width: auto;height: 20px;border-radius: 4px;line-height: 18px;padding: 0 5px;font-size: 12px;}
.inline-btn-small .menu{display: inline-block;vertical-align: middle;width: 10px;height: 10px;overflow: hidden;margin-top: -1px;}
.inline-btn-small .menu img{-webkit-transform: translateX(10px);-moz-transform: translateX(10px);-o-transform: translateX(10px);transform: translateX(10px);-webkit-filter: drop-shadow(-10px 0px 0px var(--theme-org-color));filter: drop-shadow(-10px 0px 0px var(--theme-org-color));vertical-align: top;}
.small-btn{width: 60px;height: 21px;border-radius: 100px;line-height: 18px;font-size: 12px;}
.primary-middle-btn{width: 60px;height: 28px;border-radius: 100px;line-height: 25px;}

.org-primary-btn{display:block;border:1px solid var(--theme-org-color);border-radius: 100px;background: var(--theme-org-color);color: #fff;font-size: 16px;text-align: center;font-weight: normal;padding:0 10px;}
.org-primary-plain-btn{background: #fff;color:var(--theme-org-color);}



.line-fl0{background: #f1f1f1;height: 10px;}
.line-f6{background: #f1f1f1;height: 6px;}
.w165{width: 165px;height: 40px;line-height: 38px;font-size: 14px;}
.w36{width: 36px!important;}
.w88{width: 88px!important;}
.w84{width: 84px!important;}
.w126{width: 126px!important;}
.no-auth{cursor: not-allowed;opacity: 0.4;pointer-events:none;}
.opacity-6{opacity: .6;}
.opacity-5{opacity: .5;}
.opacity-4{opacity: .4;}
.h50{height: 50px;}
/*富文本*/
.rich-box{font-size: 14px;line-height: 1.7;color: #3D3D3D;}
.rich-box img{max-width: 100%;height: auto!important;}
/*加载更多*/
.van-list__error-text, .van-list__finished-text, .van-list__loading{color: #999;font-size: 12px;}
/*标签*/
.default-tag{display: inline-block;vertical-align: top;height: 23px;border-radius: 2px;background: #F1F1F1;padding: 0 5px;font-size: 12px;color: #666;line-height: 23px;margin-right: 6px;}
.default-tag img{margin-left: 10px;vertical-align: middle;margin-top: -3px;}
.small-tag{display: inline-block;height: 18px;color: #666666;background: #FBFBFB;vertical-align: middle;line-height: 15px;text-align: center;font-size: 12px;border: 1px solid #bbb;padding: 0 4px;border-radius: 2px;}
.small-tag-f68{color:#FF6868;border-color: #FF6868;background: #FFEFEF;}
.small-tag-076{color: #0ECB76;border-color: #0ECB76;background: #FFFFFF;}
.small-tag-f2b{color: #FF842B;border-color: #FF842B;background: #FFFFFF;}
.small-tag-0ff{color: #00A1FF;border-color: #00A1FF;background: #FFFFFF;}
.lline{border-left:1px solid #EEEEEE;}
.underline{text-decoration: underline;}
.org-bline{border-bottom:1px solid var(--theme-org-color);}

/*通用卡片*/
.default-card{border-radius: 10px;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);font-size: 14px;color: #666;margin: 15px;padding:20px 14px;}

/*提示*/
.poptips{display:none;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index: 999;padding:10px 15px;font-size:14px;background:rgba(0,0,0,.6);max-width: 80%;color: #fff;border-radius: 5px;}
.van-badge{background-color: #FF0000;min-width: 12px;padding: 0;}
.van-badge--fixed{top: 4px;right: 2px;}
/*头部*/
.page-header{width: 100%;height: 44px;background: #FF842B;line-height: 44px;text-align: center;position: relative;}
.page-header .title{font-size: 18px;color: #fff;font-weight: bold; display: inline-block; line-height: 0;}
.page-header .title img{width: 21px;-o-object-fit: cover;object-fit: cover;}
.page-header .title .name{display: inline-block;vertical-align: middle;width: 22px;height: 22px;border-radius: 4px;border: 2px solid #FFFFFF;font-size: 14px;line-height: 18px;background: rgba(0, 0, 0, 0.2);}
.page-header .return-btn{display: none;width: 24px;height: 100%;background: url("../img/icon_return.png") no-repeat center center/24px;position: absolute;top:0;left: 12px;}
.page-header .home-btn{display: none;width: 24px;height: 100%;background: url("../img/icon_home.png") no-repeat center center/24px;position: absolute;top:0;left: 50px;}
.page-header .more-btn{display: block;position: fixed;right:9px;top: 6px;width: 32px;height: 32px;background:rgba(51,51,51,.6) url("../img/icon_more.png") no-repeat center center/24px;border-radius: 50%;z-index: 98;}
.tofixed{position: fixed;top: 0;left: auto;width:100%;max-width: 750px;z-index: 90;}
.page-header.tofixed .return-btn,.page-header.tofixed .home-btn{display: block;}
.page-header.tofixed .more-btn{background-color:#FF842B;position: absolute; }
/*表单*/
.border-0{border: 0!important;}
.panel-form .form-item{margin-bottom: 15px;}
.panel-form .form-titl{color: #333;font-size: 14px;margin-bottom: 10px;}
.panel-form .form-titl em{color: #FF0000;}
.panel-form .form-border{width: 100%;height: 40px;border: 1px solid #F1F1F1;line-height: 38px;font-size: 14px;color: #333;padding: 0 12px;}
.panel-form input{line-height: 38px;font-size: 14px;color: #333;border: 0;}
.panel-form .form-date{background: url("../img/icon_date.png") no-repeat center right 14px/18px;padding-right: 46px;}
.panel-form .form-code button{background: #fff;color: #FF842B;font-size: 14px;border: 0;padding-right: 8px;}
.panel-form .form-code button[disabled]{color: #bbb!important;}
.panel-form .submit-btn{margin-top: 30px;}
.panel-form .form-item-h{margin-bottom: 10px;padding: 0 5px;}
.panel-form .form-item-h .form-titl{line-height: 40px;margin-bottom: 0;width: 82px;}
.panel-form .form-radio{width: 16px;height: 16px;border: 1px solid #BBBBBB;border-radius: 50%;vertical-align: middle;margin-right: 6px;}
.panel-form .form-radio:checked{background:url('../img/icon_radio_checked.png') no-repeat center center/16px;border: 0; }
.panel-form .form-radio-own{display: inline-block;vertical-align: middle;position: relative;overflow: hidden;border: 0;}
.panel-form .form-radio-own img{vertical-align: top;width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: none;z-index: 8;-webkit-transform: translateX(16px);-moz-transform: translateX(16px);-o-transform: translateX(16px);transform: translateX(16px);-webkit-filter: drop-shadow(-16px 0px 0px var(--theme-org-color));filter: drop-shadow(-16px 0px 0px var(--theme-org-color));}
.panel-form .form-radio-own input{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 9;border: 1px solid #BBBBBB;border-radius: 50%;}
.panel-form .form-radio-own input:checked{border: 0;}
.panel-form .form-radio-own input:checked+img{display: block;}
.panel-form .form-select{background: url("../img/icon_select_arrow.png") no-repeat center right 12px/18px;padding-right: 40px;}
.panel-form .form-select option{color: #333;}
.panel-form .form-textarea{height: 80px;}
.panel-form .form-tip{color: #666;font-size: 12px;}
.panel-form .switch-label{display:inline-block;vertical-align:top;font-size: 14px;color: #333;padding-left: 9px;line-height: 30px;}
.hide{display: none;}
.panel-form .form-upload{margin-top: 15px;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-left: -3%;}
.panel-form .form-upload>div{width: 30%;margin-left: 3%;border: 1px solid #F1F1F1;border-radius: 4px;overflow: hidden;}
.panel-form .form-upload .upload-video-thumb{width: 178px;}
.panel-form .form-upload .upload-ad-thumb{width: 230px;}
.panel-form .form-upload .upload-wenzhang-thumb{width: 300px;}
.panel-form .form-upload .upload-btn{position: relative;}
.panel-form .form-upload .upload-btn .add-show{width: 100%;padding-top:100%;color: #666;font-size: 12px;text-align: center;}
.panel-form .form-upload .upload-video-thumb .add-show{padding-top: 56%;}
.panel-form .form-upload .upload-ad-thumb .add-show{padding-top: 43.48%;}
.panel-form .form-upload .upload-wenzhang-thumb .add-show{padding-top: 33.3%;}
.panel-form .form-upload .upload-btn .add-show>div{position:absolute;top:0;left:0;width: 100%;height: 100%;}
.panel-form .form-upload .upload-btn input{position:absolute;top:0;left:0;width: 100%;height: 100%;opacity: 0;}
.panel-form .form-upload .img-show{position:absolute;top:0;left:0;width: 100%;height: 100%;background: #fff;}
.panel-form .form-upload .img-show .img-cha{position:absolute;top:0;right:0;display:block;width: 24px;height: 24px;border-radius: 0px 3px 0px 100px;background: url("../img/icon_upload_cha.png") no-repeat center center/24px;}
.panel-form .form-upload-file .img-show{z-index: 3;background: #adadad;}
.panel-form .form-upload-file .img-show .status{color: #F1F1F1;font-size: 12px;width: 100%;padding: 0 25px;}
.panel-form .form-upload-file .img-show .status p{margin-top: 5px;}
.panel-form .form-upload .upload-preview.round{border-radius: 50%;}
.panel-form .form-upload .upload-preview .img-show{padding-top: 100%;position: relative;}
.panel-form .form-upload .upload-preview .img-show img{position:absolute;top:0;left:0;}
.panel-form .form-upload .upload-preview .txt{position: absolute;left: 0;top:50%;color: #fff;font-size: 12px;width: 100%;text-align: center;margin-top: -9px;}
.panel-form .form-own-select{min-height: 40px;position: relative;padding-right: 40px;height: auto;}
.panel-form .form-own-select .choose-cnt{padding-top: 8px;font-size: 0;line-height: 1;}
.panel-form .form-own-select .choose-cnt .default-tag{margin-bottom: 8px;}
.panel-form .form-own-select .select-cnt{position: absolute;top: 40px;left: 0;width: 100%;max-height: 168px;z-index: 99;box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.1);border-radius: 2px;overflow-y: auto;padding-left: 12px;background: #fff;}
.panel-form .form-own-select .select-cnt li{padding:4px 43px 4px 9px;color: #333;font-size: 14px;line-height: 42px;cursor: pointer;border-top:1px solid #eee;}
.panel-form .form-own-select .select-cnt li:first-child{border-top:0;}
.panel-form .form-own-select .select-cnt li.active{background: url("../img/icon_select_gou.png") no-repeat center right 12px/16px;}
.panel-form .form-own-select .select-cnt::-webkit-scrollbar { /*滚动条整体样式*/width : 3px;height: 100%;}
.panel-form .form-own-select .select-cnt::-webkit-scrollbar-thumb { /*滚动条里面小方块*/width : 3px;height: 30px;background:#A1ACB2;border-radius: 2px; }
.panel-form .form-own-select .select-cnt::-webkit-scrollbar-track { /*滚动条里面轨道*/background: #fff;}
.panel-form .form-own-select .arrow{background: url("../img/icon_select_arrow.png") no-repeat center center/18px;display: block;width: 40px;height: 100%;position: absolute;top:0;right: 0;}
.panel-form .form-upload-video{border-radius: 4px;background: #F1F1F1;border: 1px solid #F1F1F1;height: 180px;position: relative;}
.panel-form .form-upload-video .add-btn{width: 100%;height: 100%;background: url("../img/icon_video_shangchuan.png") no-repeat center 50px/60px;padding-top: 110px;font-size: 14px;color: #666;text-align: center;cursor: pointer;}
.panel-form .form-upload-video .status p{color: #666;font-size: 14px;margin:2px 0 15px;}
.panel-form .form-upload-video .status{text-align: center;}
.panel-form .form-upload-video .status .btn a{display: inline-block;vertical-align: top;width: 72px;height: 26px;line-height: 24px;border-radius: 100px;border: 1px solid #333;color: #333;font-size: 14px;}
.panel-form .form-upload-video .progress p{font-size: 14px;color: #333;margin-bottom: 15px;}
.panel-form .form-upload-video .progress p span{font-weight: bold;}
.panel-form .form-upload-video .van-progress{width: 260px;}
.panel-form .form-upload-video .top-sign{width: 46px;height: 18px;border-radius: 2px;background: #666666;font-size: 12px;color: #fff;text-align: center;line-height: 18px;position: absolute;
    top: 7px;right: 7px;}
.panel-form .form-relative button{display:block;width: 160px;height: 38px;border-radius: 4px;border: 1px solid #F1F1F1;color: #666666;font-size: 14px;background: #fff;line-height: 36px;}
.panel-form .form-relative button img{vertical-align: middle;margin-top: -3px;}
.panel-form .form-relative .choose-tag li{line-height: 44px;border-bottom: 1px solid #f1f1f1;padding: 0 15px;color: #00A4FF;font-size: 14px;}
.panel-form .form-relative .choose-tag li img{margin-left: 15px;}
.panel-form .form-chapter{margin-top: 20px;}
.panel-form .form-chapter button{width: 130px;margin: 0 6px;}
.panel-form .form-chapter .chapter-list{margin-bottom: 15px;}
.panel-form .form-chapter .chapter-list li{border-bottom: 1px solid #f1f1f1;color: #666666;font-size: 14px;height: 47px;padding-left: 15px;}
.panel-form .form-chapter .chapter-list .status{display:block;width: 46px;height: 18px;border-radius: 2px;border: 1px solid #BBBBBB;line-height: 16px;text-align: center;color: #999999;font-size: 12px;margin-right: 5px;}
.panel-form .form-chapter .chapter-list .edit{display:block;width: 36px;height: 21px;border-radius: 100px;border: 1px solid #BBBBBB;color: #666666;font-size: 12px;text-align: center;line-height: 19px;margin-left: 15px;}
.panel-form .form-chapter .chapter-list .menu{display: block;margin-right: 5px;width: 16px;height:16px;overflow: hidden;}
.panel-form .form-chapter .chapter-list .menu>img{vertical-align: top;-webkit-transform: translateX(16px);-moz-transform: translateX(16px);-o-transform: translateX(16px);transform: translateX(16px);-webkit-filter: drop-shadow(-16px 0px 0px #00A4FF);filter: drop-shadow(-16px 0px 0px #00A4FF);}
.panel-form .form-sort-btns a{display: block;width: 156px;height: 36px;border-radius: 4px;border: 1px solid #333;color: #333;font-size: 14px;background: #fff;line-height: 34px;text-align: center;}
.panel-form .form-sort-btns .adjust-btn .menu{display: inline-block;vertical-align:middle;width: 22px;height:22px;overflow: hidden;margin-top: -4px;}
.panel-form .form-sort-btns .adjust-btn .menu>img{vertical-align: top;-webkit-transform: translateX(22px);-moz-transform: translateX(22px);-o-transform: translateX(22px);transform: translateX(22px);-webkit-filter: drop-shadow(-22px 0px 0px #666);filter: drop-shadow(-22px 0px 0px #666);}
.panel-form .form-sort-btns .sort-btn img{margin-left: -5px;margin-top: -2px;}
.panel-form .form-sort-btns .sort-btn.rotate img{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);margin-top: -5px;}
.form-radio-circle{width: 18px;height: 18px;border: 1px solid #F1F1F1;border-radius: 50%;position: relative;padding: 3px;}
.form-radio-circle input{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 9;opacity: 0;}
.form-radio-circle div{width: 100%;height: 100%;background: var(--theme-org-color);border-radius: 50%;display: none;}
.form-radio-circle input:checked+div{display: block;}
.line-title{font-size: 12px;color: #bbb;position: relative;text-align: center;}
.line-title span{display: inline-block;vertical-align: top;padding: 0 16px;background: #fff;position: relative;z-index: 2;}
.line-title:after{content: "";position: absolute;left: 0;top: 50%;background: #f1f1f1;height: 1px;width: 100%;z-index: 1;}


.form-checkbox{width: 16px;height: 16px;border: 1px solid #BBBBBB;vertical-align: middle;margin-right: 6px;}
.form-checkbox::after{content: "";width:14px;height:14px;display: block;margin-left:-1px}
.form-checkbox-checked{background:var(--theme-org-color);border-color:var(--theme-org-color);}
.form-checkbox-checked::after{background:url('../img/icon_white_grou.png') no-repeat center center;}

.panel-form .form-stepper a{display:block;width: 40px;background: url("../img/icon_stepper_jian.png") no-repeat center center/12px;}
.panel-form .form-stepper .plus{background-image: url("../img/icon_stepper_jia.png");}
.panel-form .form-stepper input{margin:0 10px;text-align: center;}
/*对话框*/
.van-dialog{width: 280px;border-radius: 8px;font-size: 14px;}
.van-overlay{background-color: rgba(0, 0, 0, 0.6);}
.van-dialog__header{font-size: 18px;font-weight: bold;color: #333;padding-top: 20px;}
.van-dialog .van-button{font-size: 14px;height: 38px;}
.van-dialog .van-button--default{color: #666;}
.van-dialog__confirm, .van-dialog__confirm:active{color: #FF842B!important;}
.van-dialog__message--has-title{padding-bottom: 20px;color: #666;padding-top: 10px;}
.dialog-alert .van-dialog__header{background: url("../img/img_info_jinggao.png") no-repeat center 20px/64px;padding-top: 94px;}
.dialog-alert .van-dialog__confirm,dialog-alert .van-dialog__confirm:active{color: #3d3d3d!important;}
/*标题*/
.second-title{color: #333;font-size: 16px;font-weight: bold;}
.second-title .line{display: inline-block;vertical-align: middle;width: 4px;height: 20px;border-radius: 96px;background: #FF842B;margin-right: 8px;margin-top: -3px;}
.second-title .desc{color: #999;font-size: 12px;padding-left: 3px;font-weight: normal;}
.second-title .delete-link-btn{color: #FF6868;font-weight: normal;font-size: 14px;}
.second-title .delete-link-btn img{margin-right: 2px;margin-top: -3px;}
/*公共标题*/
.common-big-title{color: #333;font-size: 14px;font-weight: bold;}
.common-big-title .menu{display: inline-block;vertical-align: middle;margin-top: -3px;width: 24px;height: 24px;overflow: hidden;}
.common-big-title .menu img{vertical-align: top;-webkit-transform: translateX(24px);-moz-transform: translateX(24px);-o-transform: translateX(24px);transform: translateX(24px);-webkit-filter: drop-shadow(-24px 0px 0px var(--theme-org-color));filter: drop-shadow(-24px 0px 0px var(--theme-org-color));}
.common-big-title .num{color: #999999;font-size: 12px;font-weight: normal;padding-left: 5px;}
.common-big-title .sort-btn{font-size: 12px;color: #999;font-weight: normal;}
.common-big-title .sort-btn img{margin-top: -2px;}
.common-big-title .sort-btn.rotate img{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);margin-top: -4px;}
/*登录*/
.page-login .bgc-r10{padding: 28px 28px 0;}
.page-login .logo-box{text-align: center;margin-bottom: 35px;}
.page-login .logo-box p{font-size: 20px;color: #666;}
.page-login .footer-link{position: fixed;bottom: 15px;left: 0;width: 100%;text-align: center;}


.login-input-box{border-radius:100px;background: #F9F9F9;height: 48px;padding-left:20px;padding-right:15px;}
.login-input-box input{height:100%;line-height:48px;border:0;background: #F9F9F9;display:block;}
.login-input-box .clear{display:none;}
.login-input-focus-box{padding-right:15px!important;}
.login-input-focus-box .clear{display:inline;cursor:pointer;}
.divider-line{width:1px;background:#EEEEEE;height:13px;}
.divider-line-9{width:1px;background-color:#EEEEEE;height:9px;}
.login-submit-btn{background: linear-gradient(90deg, #FF842B 0%, #FF6B00 100%);border-radius: 8px;height: 50px;display:block;line-height:50px;font-size:16px;font-weight:600;color:#fff;text-align:center;}
.login-submit-plain-btn{background:#fff!important;color:#FF6B00!important;border: 2px solid #FF6B00;}
.login-submit-disabled-btn{background: linear-gradient(90deg, rgba(255, 132, 43, 0.4) 0%, rgba(255, 107, 0, 0.4) 100%)!important;}
.login-submit-gray-btn{background: #DCDCDC!important;font-size:14px;}
.login-send-sms-btn{border-radius: 100px;line-height:40px;background: #FF6B00;height:40px;width:100px;text-align:center;}
.full-screen-0{height:calc(100vh - 44px);min-height:600px;}
.sub_slide{z-index:9999!important;}
.left-auto{left:auto!important;}
.text-last-login-tag{top:-12px;right:0}
.last-login-tag{top:-6px;left:28px;}
.login-box{box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);background: #FFFFFF;border: 1px solid #EEEEEE;border-radius: 4px;}

.page-type-container .logo {width:80px!important;height:80px!important;}
.page-type-container .submit-btn{background:linear-gradient(90deg, #FF842B 0%, #FF6B00 100%)!important;border-radius: 8px!important;height:50px!important;display:block;font-size:16px!important;font-weight:600;color:#fff;text-align:center;max-height:50px!important;}
.page-type-container .agreement {display:flex!important;justify-content:center!important;align-items:center!important;padding-top:20px!important;margin:0!important;}
.page-type-container .agreement .checke-1 svg g {
    fill: #FF6B00!important;
}

/*申请*/
.check-status{text-align: center;}
.check-status h3{color: #333;margin-top: 10px;font-size: 14px;}
.check-status p{color: #666;font-size: 12px;margin-top: 5px;}
.check-deny{margin-top: 25px;background: rgba(255,132,43,.1);border-radius: 4px;padding: 10px 15px 15px;}
.check-deny .titl{color: #333333;font-size: 14px;margin-bottom: 5px;}
.check-deny .cnt{font-size: 12px;color: #666;}
.page-apply .bgc-r10{padding: 30px 15px;}
.page-apply .apply-step{margin: 30px 0;}
.page-apply .apply-step li{width: 33.3%;text-align: center;position: relative;}
.page-apply .apply-step li:before{content: "";width: 100%;height: 1px;background:#F1F1F1;position: absolute;top:12px;left: 0;z-index:1; }
.page-apply .apply-step li span{display: block;width: 24px;height: 24px;border: 1px solid #F1F1F1;font-size: 16px;font-weight: bold;color: #bbb;border-radius: 50%;margin: 0 auto 10px;background: #fff;position: relative;z-index: 2;}
.page-apply .apply-step li p{color: #999;font-size: 14px;}
.page-apply .apply-step li:first-child:before{left: 50%;}
.page-apply .apply-step li:last-child:before{width: 50%;}
.page-apply .apply-step .active span{border: 1px solid #FF842B;color: #FF842B;}
.page-apply .apply-step .current span{background: #FFF5EF;}
.page-apply .apply-step .active:before{background: #FFCFAF;}
.page-apply .apply-step .active p{color: #333;}
.page-apply .apply-title{color: #FF842B;font-size: 12px;padding: 0 5px;}
.panel-form-show .rz-title{margin-top: 25px;text-align: center;position: relative;}
.panel-form-show .rz-title span{padding: 0 16px;background: #fff;font-size: 12px;color: #bbb;position: relative;z-index: 2;}
.panel-form-show .rz-title:before{content: "";position: absolute;left: 0;top:50%;width: 100%;height: 1px;background: #f1f1f1;z-index: 1;}
.panel-form-show .status-tag{display: inline-block;vertical-align: top;width: 34px;height: 18px;border-radius: 100px;background: #FF842B;text-align: center;line-height: 18px;color: #fff;font-size: 12px;}
.page-apply .edit-btn{display:block;width: 36px;height: 21px;border-radius: 2px;line-height: 21px;text-align:center;background: #333333;color: #fff;font-size: 12px; }
.panel-form-show{color: #333;font-size: 14px;}
.panel-form-show .form-titl{width: 84px;color: #666;margin-right: 10px;}
.panel-form-show .form-item-h:not(:last-child){margin-bottom: 20px;}
.panel-form-show .apply-title{padding: 0;}
.panel-form-show .img-logo{width: 40px;height: 40px;border: 1px solid #F1F1F1;}
.page-apply .org-color .sign{display: inline-block;vertical-align: middle;width: 24px;height: 24px;border-radius: 4px;border: 1px solid #333333;background: var(--theme-org-color);margin-right: 10px;margin-top: -2px;}
.page-apply .org-color{color: var(--theme-org-color);}
.page-apply .org-color .btn{display: inline-block;vertical-align: middle;width: 60px;height: 21px;border-radius: 2px;border: 1px solid #BBBBBB;background: #F1F1F1;line-height: 19px;text-align: center;color: #333;font-size: 12px;margin-right: 12px;}
.page-apply .theme-preview{padding: 20px 5px 15px;background: var(--theme-org-color);border-radius: 10px;}
.page-apply .theme-preview .title{font-size: 16px;color: #fff;font-weight: bold;text-align: center;margin-top: 10px;}
.page-apply .theme-preview .img{width: 60px;height: 60px;border-radius: 4px;background: #FFFFFF;border: 1px solid #F1F1F1;margin: 0 auto;color: #666;font-size: 12px;}
.page-apply .theme-preview .img .f{color: #333;font-size: 14px;}
.page-apply .link-txt{text-align: center;margin-top: 6px;font-size: 12px;color: #999;}
.page-apply .two-btns{margin-top: 40px;}
.page-apply .two-btns .save-btn{height: 40px;border-radius: 100px;line-height: 40px;background: #333333;font-size: 16px;color: #fff;margin-right: 35px;text-align: center;}
.page-apply .two-btns .cancel-btn{height: 40px;border-radius: 100px;line-height: 38px;border: 1px solid #BBBBBB;font-size: 16px;color: #333;text-align: center;}
.page-apply .old-mobile-show{font-size: 20px;font-weight: bold;color: #333333;}
.page-apply .logoff-link{display:inline-block;font-size: 14px;color: #FF0000;position: fixed;bottom: 20px;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.page-apply .invite-school-info{border-radius: 12px;background: #F1F1F1;padding: 8px 1px 1px;}
.page-apply .invite-school-info>a{padding: 10px;background: #fff;border-radius: 12px;}
.page-apply .invite-school-info .thumb{width: 60px;height: 60px;border-radius: 4px;border: 2px solid #F1F1F1;margin-right: 12px;}
.page-apply .invite-school-info .thumb>img{border-radius: 4px;}
.page-apply .invite-school-info .thumb>div{border-radius: 4px;font-size: 30px;font-weight: bold;color: #FFFFFF;text-align: center;line-height: 56px;background: #FF842B;}
.page-apply .invite-school-info .thumb>div img{margin-top: -7px;}
.page-apply .invite-school-info h3{color: #333;font-size: 14px;line-height: 18px;}
.page-apply .invite-school-info p{color: #666;font-size: 12px;margin-top: 6px;}
.page-apply .usercard-box{border-radius: 10px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);padding: 20px;color: #9E9E9E;font-size: 12px;}
.page-apply .usercard-box .avatar{width: 54px;height: 54px;border: 2px solid #F1F1F1;border-radius: 50%;overflow: hidden;margin-right: 10px;}
.page-apply .usercard-box h2{font-size: 16px;font-weight: bold;color: #333;}
.page-apply .check-status{padding: 0 18px;}
.page-footer{position: fixed;bottom: 0;left: auto;width: 100%;max-width:750px;border-top: 1px solid #f1f1f1;background: #fff;padding: 10px 20px;z-index: 90;border-bottom: var(--iphonex-fix-bottom) solid #fff;}
.page-footer .v-line{width: 1px;height: 25px;background: #f1f1f1;}
.page-inner-footer{position:fixed;bottom: 0px;width:100%;padding:0 15px 20px 15px;background:#fff;}

.h70{height: 70px!important;}
.two-btns .primary-btn{height: 40px;line-height: 38px;}
.page-school-personal .bgc-r10{padding: 20px 20px;}
.page-school-personal .user-info{margin-bottom: 20px;}
.page-school-personal .user-info .avatar{width: 32px;height: 32px;border: 1px solid #BBBBBB;border-radius: 50%;overflow: hidden;margin-right: 8px;}
.page-school-personal .user-info p{font-size: 12px;color: #666;}
.page-school-personal .user-info .username{font-size: 16px;font-weight: bold;color: #333333;}
.page-school-personal .user-info .edit-btn{margin-left: 8px;}

/*注册*/
.register-role-select a{height:90px;display: block;position: relative;border-radius: 4px;margin: 0 36px;}
.register-role-select a .tag{position:absolute;left:-1px;top:-1px;color: white;font-size: 10px;padding:3px 4px;border-radius:4px 1px 4px 1px}
.register-role-select .register-headmaster{box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);border: 1px solid #BEDFFD;background: url('../img/register_headmaster.png') bottom right no-repeat;background-color: #EBF5FE;}
.register-role-select .register-teacher{box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);border: 1px solid #4DEEA8;background: url('../img/register_teacher.png') bottom right no-repeat;background-color: #F5FFFB;}
.register-role-select .register-student{box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);border: 1px solid #FECFA8;background: url('../img/register_student.png') bottom right no-repeat;background-color: #FFF5EC;}
.register-role-select .register-headmaster .tag{background: linear-gradient(270deg, #A0D4FA 2%, #77C3FA 100%);box-shadow: 0.5px 1px 3px 0px rgba(72, 173, 247, 0.3);border: 1px solid #BEDFFD;}
.register-role-select .register-teacher .tag{background: linear-gradient(270deg, #74FFC2 0%, #3DE79C 100%);box-shadow: 0.5px 1px 3px 0px rgba(13, 191, 113, 0.3);border: 1px solid #B5FFDE;}
.register-role-select .register-student .tag{background: linear-gradient(270deg, #FFB479 0%, #F9A461 100%);border: 1px solid #FECFA8;box-shadow: 0.5px 1px 3px 0px rgba(255, 129, 29, 0.3);}


.register-role-select h3{color: #333333;font-size: 16px;padding-left: 12px;line-height: 28px;display: flex;}
.register-role-select h3::after{width:20px;height:28px;content: "";background: url('../img/icon_register_arrow_right.png') 50% no-repeat ;margin-left: 4px;}

.register-role-select .description{color: rgba(0, 0, 0, 0.4);font-size: 12px;padding-left: 12px;}
.register-role-tip{display:flex;margin:0 auto;justify-content: center;}
.register-role-tip::before , .register-role-tip::after{width:40px;height:1px;background:#F1F1F1;content:"";margin:10px;}


/*选择颜色*/
.theme-color-list{padding: 20px 0 10px;}
.theme-color-list li{display:inline-block;vertical-align:top;width: 40px;height: 40px;border-radius: 4px;margin-left: 24px;margin-bottom: 15px;}
.theme-color-list li.active{background:url("../img/icon_color_selected.png") no-repeat center center/16px;}
/*角色*/
.role{display: inline-block;vertical-align: top;height: 18px;line-height: 17px;text-align: center;border-radius: 2px;color: #fff;background: #F0AB57;font-size: 12px;padding: 0 5px;font-weight: bold;}
.c-tag{display: inline-block;vertical-align: top;height: 17px;line-height: 17px;border-radius: 2px;color: #fff;background: var(--theme-org-color);font-size: 12px;padding: 0 2px;font-weight: normal;}
/*侧边栏*/
.sidebar-container{position: fixed;top:0;left: auto;width: 100%;max-width: 750px;height: 100%;background: rgba(51,51,51,.6);z-index: 100;line-height: 1.4;text-align: left;}
.sidebar-container .sidebar-content{position:absolute;top:0;left:0;width:78.7%;height:100%;background: #fff;padding: 33px 20px 0;}
.sidebar-container .cha-btn{position: absolute;top:20px;right: 30px;display:block;width: 24px;height: 24px;background: url("../img/icon_sidebar_cha.png") no-repeat center center/24px;}
.sidebar-container .sidebar-content .user-info{margin-bottom: 20px;}
.sidebar-container .sidebar-content .user-info .avatar{width: 50px;height: 50px;border: 1px solid #BBBBBB;border-radius: 50%;overflow: hidden;margin-right: 12px;}
.sidebar-container .sidebar-content .user-info .username{font-size: 16px;font-weight: bold;color: #333;margin-bottom: 3px;}
.sidebar-container .sidebar-content .user-info .quit-btn{display:block;width: 60px;height: 20px;line-height:18px;border-radius: 4px;color: #666666;font-size: 12px;text-align: center;border: 1px solid #F1F1F1;margin-left: 12px;}
.sidebar-container .sidebar-content .check-info{display: block;background: rgba(51,51,51,.9) url("../img/icon_arrow_more_small.png") no-repeat center right 7px/14px;border-radius: 4px;height: 42px;line-height: 42px;color: #fff;font-weight: bold;font-size: 14px;padding: 0 28px 0 10px;margin-top: 25px;}
.sidebar-container .sidebar-content .check-info .status{display: inline-block;vertical-align: middle;height: 18px;border-radius: 2px;line-height: 16px;color: #F0AB57;font-size: 12px;text-align: center;font-weight: normal;border: 1px solid #F0AB57;margin-right: 8px;padding: 0 4px;}
.sidebar-container .sidebar-content .link-list{padding-top: 25px;}
.sidebar-container .sidebar-content .link-list li{margin-bottom: 35px;}
.sidebar-container .sidebar-content .link-list a{font-size: 16px;font-weight: bold;color: #3D3D3D;background: url("../img/icon_arrow_more.png") no-repeat center right/18px;}
.sidebar-container .sidebar-content .link-list a img{margin-right: 10px;margin-top: -4px;}
.sidebar-container .sidebar-content .port-list{padding: 0 20px;text-align: center;}
.sidebar-container .sidebar-content .port-list p{color: #3D3D3D;font-size: 14px;}
.sidebar-container .sidebar-content .footer{position: absolute;bottom: 38px;font-size: 14px;left: 50%;margin-left: -90px;}
/*学员和老师个人中心*/
.user-panel .avatar{width: 32px;height: 32px;border: 1px solid #F1F1F1;border-radius: 50%;overflow: hidden;margin-right: 10px;}
.user-panel .name{font-size: 18px;font-weight: bold;color: #333333;padding-left: 5px;}
.user-panel .role{vertical-align: middle;}
.user-panel .setting-btn{display:block;width: 24px;height: 24px;background: url("../img/icon_shezhi.png") no-repeat center center/24px;}
.user-panel .info-btn .van-badge--fixed{width: 27px;height: 18px;line-height: 18px;text-align: center;top: 1px;right: -1px;border: 0;font-size: 12px;}
.page-personal .user-panel{padding: 20px 15px;border-bottom: 1px solid #f1f1f1;}
.page-personal .apply-link{color: #666;font-size: 12px;font-weight: normal;line-height: 22px;}
.page-personal .apply-link img{margin-left: 4px;margin-top: -2px;vertical-align: middle;}
.page-personal .school-list li{margin-bottom: 15px;border-radius: 12px;background: #F1F1F1;padding-top: 8px;border: 1px solid #F1F1F1;}
.page-personal .school-list li>a{background: #fff;border-radius: 12px;padding: 0 10px;display: block;}
.page-personal .school-list li>a .top{padding: 10px 0;}
.page-personal .school-list .thumb{width: 60px;height: 60px;border-radius: 4px;border: 2px solid #F1F1F1;margin-right: 12px;}
.page-personal .school-list .thumb>img{border-radius: 4px;}
.page-personal .school-list .thumb>div{border-radius: 4px;font-size: 30px;font-weight: bold;color: #FFFFFF;text-align: center;line-height: 56px;background: #FF842B;}
.page-personal .school-list .thumb>div img{margin-top: -7px;}
.page-personal .school-list .thumb .add{background: #FF842B url("../img/icon_liebiao_shangchuan_f.png") no-repeat center center/24px;height: 100%;}
.page-personal .school-list .wo{display: inline-block;vertical-align: middle;width: 20px;height: 15px;border-radius: 50px;background: #FF842B;font-size: 10px;color: #fff;text-align: center;line-height: 15px;margin-right: 3px;margin-top: -2px;}
.page-personal .school-list h3{color: #333;font-size: 14px;line-height: 18px;}
.page-personal .school-list p{color: #666;font-size: 12px;margin-top: 6px;}
.page-personal .school-list .footer{border-top:1px dashed #BBBBBB;height: 32px;color: #333;font-size: 12px;line-height: 32px;}
.page-personal .school-list .footer img{margin-top: -2px;}
.page-personal .other-port{border-top: 1px solid #f1f1f1;padding: 30px 28px;color: #3D3D3D;font-size: 14px;text-align: center;}
.page-personal .other-port p{margin-top: 5px;margin-bottom: 25px;}
/*申请加入机构列表*/
.page-apply-list .user-panel{padding: 20px 15px;border-bottom: 1px solid #f1f1f1;}
.page-apply-list .school-list li{margin-top: 15px;border-radius: 12px;background: #F1F1F1;padding-top: 8px;border: 1px solid #F1F1F1;}
.page-apply-list .school-list li>a{display: block;background: #fff;border-radius: 12px;padding: 10px 10px 0;}
.page-apply-list .school-list .thumb{width: 60px;height: 60px;border-radius: 4px;border: 2px solid #F1F1F1;margin-right: 12px;}
.page-apply-list .school-list .thumb>img{border-radius: 4px;}
.page-apply-list .school-list .thumb>div{border-radius: 4px;font-size: 30px;font-weight: bold;color: #FFFFFF;text-align: center;line-height: 56px;background: #FF842B;}
.page-apply-list .school-list h3{color: #333;font-size: 14px;line-height: 18px;}
.page-apply-list .school-list p{color: #666;font-size: 12px;margin-top: 6px;}
.page-apply-list .school-list .footer{border-top:1px dashed #BBBBBB;height: 32px;margin-top: 10px;color: #666;font-size: 12px;}
.page-apply-list .school-list .status{color: #333;position: relative;z-index: 1;}
.page-apply-list .school-list .status:before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;border-radius: 100px;z-index: -1;}
.page-apply-list .school-list .status.success:before{background: #0ECB76;}
.page-apply-list .school-list .status.wait:before{background: #24A4FF;}
.page-apply-list .school-list .status.fail:before{background: #FF0014;}
/*暂无更多*/
.nodata{width: 100%;background: url("../img/img_zanwuneirong.png") no-repeat center top/160px auto;padding-top: 120px;font-size: 14px;color: #999;text-align: center;margin: 50px 0;}
.nopermission{width: 100%;background: url("../img/img_wangluoyichang.png") no-repeat center top/160px auto;padding-top: 120px;font-size: 14px;color: #999;text-align: center;margin: 50px 0;}
/*机构*/
.page-header.school{background: var(--theme-org-color);}
.page-header.school.tofixed .more-btn{background-color:var(--theme-org-color);}
.page-school .bgc-r10:before{background:var(--theme-org-color);}
/*首页*/
.page-school .top-school-info{padding: 17px 20px 22px;background:var(--theme-org-color); }
.page-school .top-school-info .thumb{width: 60px;height: 60px;border-radius: 4px;border: 2px solid #F1F1F1;margin-right: 10px;overflow: hidden;}
.page-school .top-school-info .thumb>div{background:rgba(0, 0, 0, 0.2);border-radius: 4px;font-size: 30px;font-weight: bold;color: #FFFFFF;text-align: center;line-height: 56px;}
.page-school .top-school-info .title{font-size: 14px;font-weight: bold;color: #FFFFFF;margin-bottom: 5px;padding-top: 2px;}
.page-school .top-school-info .other{font-size: 0;}
.page-school .top-school-info .rz{display: block;width: 76px;height: 18px;border-radius: 10px;background: #fff;font-size: 12px;color: var(--theme-org-color);line-height: 17px;text-align: center;}
.page-school .top-school-info .rz .menu{display: inline-block;vertical-align: middle;width: 10px;height: 10px;overflow: hidden;margin-top: -2px;margin-left: 2px;}
.page-school .top-school-info .rz .menu img{-webkit-transform: translateX(10px);-moz-transform: translateX(10px);-o-transform: translateX(10px);transform: translateX(10px);-webkit-filter: drop-shadow(-10px 0px 0px var(--theme-org-color));filter: drop-shadow(-10px 0px 0px var(--theme-org-color));vertical-align: top;}
.page-school .top-school-info .area{font-size: 12px;color: rgba(255, 255, 255, 0.9);}
.page-school .top-school-info .state{display: inline-block;vertical-align: top;height: 18px;border-radius: 4px;background: rgba(0, 0, 0, 0.2);line-height: 17px;font-size: 12px;color: #fff;text-align: center;padding: 0 7px;margin-right: 10px;}
.page-school .top-school-info .state img{margin-right: 2px;margin-top: -1px;}
.page-school .top-school-info .operate-box{margin-top: -7px;margin-bottom: 20px;margin-right: -8px;}
.page-school .top-school-info .operate-box .toggle-btn{width: 70px;height: 20px;border-radius: 4px;border: 1px solid #FFFFFF;text-align: center;font-size: 12px;color: #fff;line-height: 17px;}
.page-school .top-school-info .operate-box .toggle-btn img{vertical-align: middle;margin-left: 4px;margin-top: -2px;}
.page-school .top-school-info .info-btn .van-badge--fixed{height: 18px;line-height: 16px;top: 1px;font-size: 12px;font-weight: bold;background: #FF0000;-webkit-transform: translate(0%,-50%);-moz-transform: translate(0%,-50%);-o-transform: translate(0%,-50%);transform: translate(0%,-50%);-webkit-transform-origin: 0;-moz-transform-origin: 0;-o-transform-origin: 0;transform-origin: 0;right: auto;left: 9px;}
.page-school .top-school-info .info-btn .van-badge__wrapper{width: 32px;}
.page-school .top-school-info .school_title{-webkit-align-items:flex-start;-moz-box-align:start;align-items:flex-start}
.page-school .top-school-info .school_title img{cursor:pointer;}
.page-school .second-title .line{background:var(--theme-org-color); }
.page-school-home .user-panel{padding: 0 15px;height: 72px;border-bottom: 1px solid #F1F1F1;}
.page-school-home .quick-list{text-align: center;padding: 20px 15px 50px;}
.page-school-home .quick-list .menu{width: 42px;height: 42px;position: relative;overflow: hidden;line-height: 42px;text-align: center;margin: 0 auto 6px;}
.page-school-home .quick-list .menu .bg{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: var(--theme-org-color);opacity: .15;border-radius: 50%;}
.page-school-home .quick-list .menu img{-webkit-transform: translateX(42px);-moz-transform: translateX(42px);-o-transform: translateX(42px);transform: translateX(42px);-webkit-filter: drop-shadow(-42px 0px 0px var(--theme-org-color));filter: drop-shadow(-42px 0px 0px var(--theme-org-color));}
.page-school-home .quick-list .stitle{font-size: 14px;color: #666;}
.page-school-home .quick-list .num{font-size: 12px;color: #999;}
.page-school .arrow-link{display:block;width:18px;height:18px;background: url("../img/icon_arrow_more.png") no-repeat center center/18px;}
.arrow-link-small{display:block;width:14px;height:14px;background: url("../img/icon_arrow_more_small.png") no-repeat center center/14px;}
.page-school-home .menu-list{display:-webkit-flex;display:-moz-box;display:flex;margin-top: 15px;margin-bottom: 35px;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.page-school-home .menu-list li{width: 33.3%;text-align: center;padding: 15px 0;position: relative;}
.page-school-home .menu-list li:not(:nth-child(3n)):before{content: "";position: absolute;right: 0;top:50%;width: 1px;height: 40px;background: #F1F1F1;margin-top: -20px;}
.page-school-home .menu-list li p{color: #666;font-size: 14px;margin-top: 5px;}
.page-school-home .menu-list li.disabled{opacity: .4;}
.page-school-home .menu-list li.disabled a{pointer-events:none;cursor: not-allowed;}
.page-school-home .menu-list li.no-line:before{display: none;}
.page-school-list .bgc-r10{padding: 20px 15px;}
.page-school .primary-btn{background:var(--theme-org-color);border-color:var(--theme-org-color); }
.page-school .primary-plain-btn{background: #fff;color:var(--theme-org-color);}
.page-school .primary-btn .add-w{display:inline-block;vertical-align:middle;width: 23px;height:23px;margin-top: -3px;}
.page-school .primary-btn .add-w img{vertical-align: top;}
.page-school .primary-btn .add{display:inline-block;vertical-align:middle;width: 23px;height:23px;overflow: hidden;margin-top: -2px;}
.page-school .primary-btn .add img{-webkit-transform: translateX(23px);-moz-transform: translateX(23px);-o-transform: translateX(23px);transform: translateX(23px);-webkit-filter: drop-shadow(-23px 0px 0px var(--theme-org-color));filter: drop-shadow(-23px 0px 0px var(--theme-org-color));vertical-align: top;}
.page-school .tabs-box li{width: 33.3%;text-align: center;}
.page-school .tabs-box.tabs-two li{width: 50%;}
.page-school .tabs-box.tabs-flex li{width: auto;}
.page-school .tabs-box li>a{display: inline-block;vertical-align: top;line-height: 42px;color: #999;font-size: 14px;border-bottom: 3px solid transparent;}
.page-school .tabs-box .active a{border-bottom-color:var(--theme-org-color);font-weight: bold;color:var(--theme-org-color); }
.page-school .second-tabs-box{font-size: 0;padding-left: 10px;}
.page-school .second-tabs-box li{display: inline-block;vertical-align: top;font-size: 12px;margin-right: 20px;font-weight: bold;}
.page-school .second-tabs-box li a{display: inline-block;vertical-align: top;padding: 5px 10px;color: #666666;}
.page-school .second-tabs-box li.active{background: var(--theme-org-color);border-radius: 50px;}
.page-school .second-tabs-box li.active a{color: #FFFFFF;}
.page-school .num-title{font-size: 12px;font-weight: bold;color: #333333;margin-bottom: 10px;}
.page-school .list-arrow{display:block;width:14px;height:14px;background: url("../img/icon_arrow_more_small.png") no-repeat center center/14px;}
.page-school .person-list li{border-bottom: 1px solid #f1f1f1;}
.page-school .person-list li .role{vertical-align: middle;margin-right: 8px;margin-top: -2px;}
.page-school .person-list li .avatar{display: block;width: 32px;height: 32px;border: 1px solid #F1F1F1;border-radius: 50%;overflow: hidden;margin-right: 8px;}
.page-school .person-list li .list-arrow{margin-left: 8px;}
.page-school .person-list li .operate-btn{display: block;width: 24px;height: 24px;background: url("../img/icon_operate_hui.png") no-repeat center center/24px;margin-left: 8px;}
.page-school .person-list .ui-flex{color: #333;font-size: 14px;padding: 12px 0;}
.page-school .person-list li a{color: #222;}
.page-school .person-list .status{font-size: 12px;}
.page-school .person-choose-list li{border-bottom: 1px solid #f1f1f1;padding: 10px 0;}
.page-school .person-choose-list li .avatar{width: 32px;height: 32px;border: 1px solid #F1F1F1;border-radius: 50%;overflow: hidden;margin-right: 8px;}
.page-school .person-choose-list li .circle{display:block;width: 22px;height: 22px;border: 1px solid #F1F1F1;border-radius: 50%;margin-left: 8px;overflow: hidden;}
.page-school .person-choose-list li .circle img{display: none;}
.page-school .person-choose-list li .circle.active{border-color: var(--theme-org-color);background: var(--theme-org-color);}
.page-school .person-choose-list li .circle.active img{display: block;width: 100%;height: 100%;}
.page-school .apply-join-list{margin: 0 -15px;}
.page-school .apply-join-list li{padding: 23px 15px 25px;border-bottom: 1px solid #f1f1f1;}
.page-school .apply-join-list li .avatar{width: 50px;height: 50px;border: 1px solid #F1F1F1;border-radius: 50%;overflow: hidden;margin-right: 10px;}
.page-school .apply-join-list li h3{font-size: 16px;font-weight: bold;color: #333333;padding-top: 4px;}
.page-school .apply-join-list li .role{background:var(--theme-org-color);margin-right: 3px;height: 19px;line-height: 17px;font-size: 12px;}
.page-school .apply-join-list li p{font-size: 12px;color: #999;margin-top: 5px;}
.page-school .apply-join-list li .operate{padding-left: 60px;margin-top: 10px;}
.page-school .apply-join-list li .operate a{display: inline-block;vertical-align: top;padding: 0 7px;height: 26px;line-height: 24px;width: auto;font-size: 14px;}
.page-school .apply-join-list .result span{font-size: 12px;font-weight: 500;line-height: 24px;}
.page-school .apply-join-list .result-allow{color: #0ECB76;}
.page-school .apply-join-list .result-deny{color: #FF6868;}
.page-school .apply-join-list .result-unkonw{color: #FF842B;}


/*邀请*/
.page-invite-qrcode .bgc-r10{padding: 20px 15px;}
.page-invite-qrcode .render-img{padding: 35px 13px 30px;}
.page-invite-qrcode .render-img img{width: 100%;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);border-radius: 10px;}
.page-invite-qrcode .copy-box{font-size: 14px;color: #666;padding: 0 13px 20px;}
.page-invite-qrcode .copy-box input{height: 40px;background: #F1F1F1;border: 0;padding: 0 12px;color: #333;line-height: 40px;}
.page-invite-qrcode .copy-box button{width: 52px;height: 40px;background: var(--theme-org-color);border: 0;text-align: center;line-height: 40px;font-size: 14px;color: #fff;}
.page-invite-qrcode .invite-card{width: 320px;border-radius: 10px;background: #FFFFFF;text-align: center;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);border-radius: 10px;position: fixed;left: -9999px;top:-9999px;z-index: -1;}
.page-invite-qrcode .invite-card .card-top{padding: 24px 15px;}
.page-invite-qrcode .invite-card .card-top .avatar{width: 50px;height: 50px;border: 1px solid #BBBBBB;border-radius: 50%;overflow: hidden;margin: 0 auto 7px;}
.page-invite-qrcode .invite-card .card-top h4{font-size: 18px;font-weight: bold;color: #333333;}
.page-invite-qrcode .invite-card .card-top p{color: #9E9E9E;font-size: 12px;margin-top: 2px;}
.page-invite-qrcode .invite-card .card-bottom{background:var(--theme-org-color);border-radius: 10px;padding: 28px 15px 30px;}
.page-invite-qrcode .invite-card .card-bottom h3{font-size: 16px;font-weight: bold;color: #FFFFFF;line-height: 22px;}
.page-invite-qrcode .invite-card .card-bottom .s-logo{text-align: center;margin-bottom: 5px;}
.page-invite-qrcode .invite-card .card-bottom .s-logo span{display: inline-block;vertical-align: top;width: 20px;height: 20px;border-radius: 4px;border: 2px solid #FFFFFF;font-size: 12px;line-height: 15px;color: #fff;font-weight: bold;}
.page-invite-qrcode .invite-card .card-bottom .s-logo img{width: 20px;height: 20px;vertical-align: top;}
.page-invite-qrcode .invite-card .card-bottom .scode{width: 180px;height: 180px;border-radius: 8px;overflow: hidden;margin: 10px auto;}
.page-invite-qrcode .invite-card .card-bottom .tip{font-size: 12px;color: rgba(255, 255, 255, 0.6);}
.page-invite-qrcode .list-button{background: #FFFFFF;color: var(--theme-org-color);border-radius: 100px;height: 44px;border: 1px solid var(--theme-org-color);display: block;line-height: 44px;text-align: center;margin:0 28px;}
/*验证*/
.page-apply-validate .bgc-r10{padding: 20px 15px 40px;}
.page-apply-validate .apply-step{margin: 20px 0 40px;}
.page-apply-validate .apply-step li{width: 33.3%;text-align: center;position: relative;}
.page-apply-validate .apply-step li:before{content: "";width: 100%;height: 1px;background:#F1F1F1;position: absolute;top:12px;left: 0;z-index:1; }
.page-apply-validate .apply-step li span{display: block;width: 24px;height: 24px;border: 1px solid #F1F1F1;font-size: 16px;color: #bbb;border-radius: 50%;margin: 0 auto 10px;background: #fff;position: relative;z-index: 2;}
.page-apply-validate .apply-step li p{color: #999;font-size: 14px;}
.page-apply-validate .apply-step li:first-child:before{left: 50%;}
.page-apply-validate .apply-step li:last-child:before{width: 50%;}
.page-apply-validate .apply-step .active span{border: 1px solid var(--theme-org-color);color: var(--theme-org-color);}
.page-apply-validate .apply-step .active:before{background: var(--theme-org-color);opacity: .1;}
.page-apply-validate .apply-step .active p{color: #333;}
.page-apply-validate .apply-step .current span:after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: var(--theme-org-color);opacity: .1;border-radius: 50%;}
.page-apply-validate .panel-form .form-code button{color: var(--theme-org-color);}
.page-apply-validate .apply-title{color: var(--theme-org-color);font-size: 12px;}
.page-apply-validate .panel-form-show .form-titl{padding-right: 10px;}
/*primary-btn{height: 40px;line-height: 38px;}*/
/*内容页*/
.page-person-Detail{padding: 15px 15px 30px;}
.page-person-Detail .person-info .role,.remark-actionsheet .role,.page-apply-Detail .role{background:var(--theme-org-color);margin-right: 3px;height: 18px;line-height: 17px;font-size: 12px;vertical-align: middle;margin-top: -2px;}
.page-person-Detail .person-info .title{font-size: 18px;font-weight: bold;color: #333333;}
.page-person-Detail .person-info .title .ui-list-info{padding-right: 42px;}
.page-person-Detail .person-info .add-student{font-size: 12px;font-weight: bold;color:var(--theme-org-color);}
.page-person-Detail .operate-btn{display: block;width: 24px;height: 24px;background: url("../img/icon_operate.png") no-repeat center center/24px;}
.page-person-Detail .operate-hui-btn{display: block;width: 24px;height: 24px;background: url("../img/icon_operate_hui.png") no-repeat center center/24px;}
.page-person-Detail .person-info p{color: #666666;font-size: 14px;margin-top: 6px;}
.page-person-Detail .operate-box a{height: 34px;border-radius: 4px;line-height: 32px;font-size: 14px;}
.page-person-Detail .belongs-info{border-radius: 10px;background: #F1F1F1;border: 1px solid #EAEAEA;padding: 12px 18px 20px;}
.page-person-Detail .belongs-info .title{font-size: 12px;line-height: 22px;color: #999999;margin-bottom: 5px;}
.page-person-Detail .belongs-info .thumb{width: 107px;height: 60px;border-radius: 4px;overflow: hidden;position: relative;margin-right: 10px;}
.page-person-Detail .belongs-info .cover{position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);top:0;left: 0;}
.page-person-Detail .belongs-info .c-tag{position: absolute;top:6px;right: 6px;}
.page-person-Detail .belongs-info h3{font-size: 14px;color: #333;line-height: 20px;font-weight: bold;}
.page-person-Detail .belongs-info .ui-list-info p{font-size: 12px;color: #666;margin-top: 4px;}
.page-person-Detail .c-class-info .remove-btn{display:inline-block;vertical-align:top;width: 36px;height: 21px;border-radius: 100px;background: #FFFFFF;border: 1px solid #FF6868;line-height: 19px;color: #FF6868;font-size: 12px;text-align: center;}
.page-person-Detail .c-class-info{border-radius: 10px;background: #F7F7F7;padding:18px 15px;font-size: 14px;color: #333;}
.page-person-Detail .c-class-info .c-tag{margin-right: 8px;}
.page-person-Detail .page-footer .primary-btn{width: 150px;height: 40px;line-height: 38px;}
.page-school .class-list li{border-bottom: 1px solid #f1f1f1;}
.page-school .class-list li .list-arrow{margin-left: 8px;}
.page-school .class-list li .num{color: #666;font-size: 12px;margin-left: 8px;}
.page-school .class-list li .tag,.page-school .class-choose-list li .tag{display: inline-block;width: 34px;height: 18px;border-radius: 2px;vertical-align: middle;line-height: 15px;text-align: center;font-size: 12px;color: #999;margin-right: 5px;border: 1px solid #F1F1F1;}
.page-school .class-list li .small-tag{margin-right: -4px;font-weight: bold;border-radius: 4px;}
.page-school .class-list li .c-tag,.page-school .class-choose-list li .c-tag{vertical-align: middle;margin-right: 8px;margin-top: -2px;}
.page-school .class-list li>a{color: #333;font-size: 14px;padding: 15px 0;}
.page-school .class-list .van-badge{padding: 0 4px;margin-right: -4px;}
.page-school .class-list .modify-cnt{background: rgba(255, 132, 43, .1);padding: 10px 15px 15px;font-size: 12px;color: #666;margin-top: 12px;border-radius: 4px;border-bottom: 0;}
.page-school .class-list .modify-cnt p:first-child{font-size: 14px;margin-bottom: 5px;color: #333;}
.page-school .class-choose-list li{color: #333;font-size: 14px;padding: 14px 0;border-bottom: 1px solid #f1f1f1;}
.page-school .class-choose-list li .circle{display:block;width: 22px;height: 22px;border: 1px solid #F1F1F1;border-radius: 50%;margin-left: 8px;overflow: hidden;}
.page-school .class-choose-list li .circle img{display: none;}
.page-school .class-choose-list li .circle.active{border: 0;}
.page-school .class-choose-list li .circle.active img{display: block;-webkit-transform: translateX(22px);-moz-transform: translateX(22px);-o-transform: translateX(22px);transform: translateX(22px);-webkit-filter: drop-shadow(-22px 0px 0px var(--theme-org-color));filter: drop-shadow(-22px 0px 0px var(--theme-org-color));}
.page-school .class-choose-list li .num{color: #666;font-size: 12px;margin-left: 8px;}
.page-person-leave-Detail{display: -webkit-flex;display: -moz-box;display: flex;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;flex-direction: column;-webkit-justify-content: space-between;-moz-box-pack: justify;justify-content: space-between;padding-bottom: 60px;}
.page-apply-Detail .bgc-r10{padding: 20px 15px;}
.page-apply-Detail .avatar{width: 90px;height: 90px;border: 1px solid #BBBBBB;border-radius: 50%;overflow: hidden;margin: 35px auto 15px;}
.page-apply-Detail h3{font-size: 20px;font-weight: bold;color: #333333;text-align: center;}
.page-apply-Detail .info{font-size: 14px;color: #666666;margin: 15px auto 40px;display: inline-block;vertical-align: top;max-width: 100%;text-align: left;}
.page-apply-Detail .info p{margin-top: 10px;}
/*操作弹窗*/
.van-action-sheet__header{color: #666;font-weight: bold;line-height: 56px;padding: 0 15px;}
.van-action-sheet__item{border-top: 1px solid #f1f1f1;font-size: 14px;color: #333;padding: 12px 15px;}
.van-action-sheet__close{width:22px;background: url("../img/icon_actionsheet_cha.png") no-repeat center center/22px;right: 15px;padding: 0;}
.van-action-sheet__close:before{content: "";}
.van-action-sheet__cancel{font-size: 14px;color: #666;}
.van-action-sheet__gap{height: 10px;background: #eee;}
.van-popup--bottom.van-popup--round {border-radius: 10px 10px 0 0;}
.remark-actionsheet .info{padding: 13px 15px;border-top: 1px solid #f1f1f1;}
.remark-actionsheet .username{font-size: 16px;font-weight: bold;color: #333333;}
.remark-actionsheet .mobile{font-size: 14px;color: #666666;padding-left: 10px;}
.remark-actionsheet .van-cell{padding: 12px 15px;border-top: 1px solid #f1f1f1;}
.remark-actionsheet .van-field__label{color: #333;}
.remark-actionsheet .van-field__control{color: #666;}
/*创建班级*/
.page-create-class .bgc-r10{padding: 30px 15px 80px;}
.page-create-class .remove-btn{display:inline-block;vertical-align:top;width: 36px;height: 21px;border-radius: 100px;background: #FFFFFF;border: 1px solid #FF6868;line-height: 19px;color: #FF6868;font-size: 12px;text-align: center;}
/*机构主页*/
.page-school-Init .top-info{padding: 15px 15px 25px;background:var(--theme-org-color);text-align: center;}
.page-school-Init .thumb{width: 90px;height: 90px;border-radius: 4px;border: 2px solid #F1F1F1;margin: 0 auto 10px;}
.page-school-Init .thumb>img{border-radius: 4px;}
.page-school-Init .thumb>div{border-radius: 4px;font-size: 30px;font-weight: bold;color: #FFFFFF;text-align: center;line-height: 86px;background: rgba(0, 0, 0, 0.2);}
.page-school-Init .top-info h2{font-size: 16px;font-weight: bold;color: #FFFFFF;margin-bottom: 5px;}
.page-school-Init .top-info p{font-size: 12px;color: rgba(255, 255, 255, 0.6);}
.page-school-Init .bgc-r10{padding: 20px 15px;text-align: center;}
.page-school-Init .bgc-r10 .scode{width: 180px;height: 180px;margin: 20px auto 28px;border-radius: 10px;border: 2px solid #333333;overflow: hidden;}
.page-school-Init .bgc-r10 .scode-box .tip{font-size: 14px;color: #333;margin-top: 20px;font-weight: bold;}
.page-school-Init .bgc-r10 .scode-box .tip img{vertical-align: middle;margin-right: 6px;margin-top: -2px;}
.page-school-Init .bgc-r10 .scode-box .primary-btn{font-size: 14px;height: 48px;line-height: 46px;font-weight: bold;max-width: 240px;}
.page-school-Init .bgc-r10 .scode-box .primary-btn img{vertical-align: middle;margin-top: -2px;margin-right: 4px;}
.page-school-Init .bgc-r10 .scode-box .disabled-btn{background:#f1f1f1!important;color: #bbb!important;border-color: #f1f1f1!important;}
.page-school-Init .bgc-r10 .common-big-title{text-align: left;margin: 0 -5px 5px;}
.page-school-Init .album-list li{padding: 12px 0!important;}
/*总部/分校*/
.page-school-level .bgc-r10{padding: 10px 15px;}
.page-school-level .level-title{font-size: 14px;font-weight: bold;color: #333333;margin: 10px 0;}
.page-school-level .level-title .num{font-size: 12px;color: #999;font-weight: normal;padding-left: 5px;}
.page-school-level .level-title .choose-show{width:103px;height: 36px;border-radius: 4px;color: #666;border: 1px solid #F1F1F1;line-height: 34px;background: url("../img/icon_arrow_down.png") no-repeat center right 8px/24px;padding-right: 40px;padding-left: 7px;}
.page-school-level .level-title .choose-show option{color: #666;}
.page-school-level .bgc-r10 .area{margin-bottom: 30px;}
.page-school-level .school-list li{margin-bottom: 10px;border-radius: 12px;background: #F1F1F1;padding-top: 8px;border: 1px solid #F1F1F1;}
.page-school-level .school-list li>div,.page-school-level .school-list li>a{background: #fff;border-radius: 12px;padding: 10px 10px 0;display: block;color: #333;}
.page-school-level .school-list .thumb{width: 60px;height: 60px;border-radius: 4px;border: 2px solid #F1F1F1;margin-right: 12px;}
.page-school-level .school-list .thumb>img{border-radius: 4px;}
.page-school-level .school-list .thumb>div{border-radius: 4px;font-size: 30px;font-weight: bold;color: #FFFFFF;text-align: center;line-height: 56px;background: #FF842B;}
.page-school-level .school-list h3{color: #333;font-size: 14px;line-height: 18px;}
.page-school-level .school-list p{color: #666;font-size: 12px;margin-top: 6px;}
.page-school-level .school-list .top{padding-bottom: 10px;}
.page-school-level .school-list .footer{border-top:1px dashed #BBBBBB;height: 46px;font-size: 12px;}
.page-school-level .school-list .bind-btn{color: #333;width: 74px;height: 25px;line-height: 23px;border-radius: 4px;border: 1px solid #333333;font-size: 12px;text-align: center;display: block;}
.page-school-level .school-list .bind-btn img{vertical-align: middle;margin-right: 2px;margin-top: -2px;}
.page-school-level .search-box{margin: 15px 0 20px;}
.page-school-level .search-box .inner{height: 29px;border-radius: 6px;background: #F5F5F5;padding: 0 12px;}
.page-school-level .search-box .inner img{margin-top: -2px;}
.page-school-level .search-box .inner input{margin-left: 8px;height: 29px;border: 0;background: transparent;font-size: 15px;}
.page-school-level .search-box button{width: 58px;height: 29px;font-size: 17px;color: #333;background: #fff;border: 0;margin-left: 4px;}
.page-school-level .search-box .bg-primary{width: 52px;background:var(--theme-org-color);color: #fff;font-size: 14px;margin-left: 10px; border-radius: 4px;}
.page-school-level .invite-card{height: 50px;border-radius: 8px;border: 1px solid #F1F1F1;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);padding: 0 12px;font-size: 14px;color: #333;margin: 20px 0;}
.page-school-level .invite-card .dot{width: 6px;height: 6px;background: #FF6868;border-radius: 50%;margin: 0 2px;}
.page-school-level .invite-card img{margin-top: -2px;}
.page-school-level .school-list .user-info{}
.page-school-level .school-list .user-info img{width:16px;height:16px;border-radius: 8px;}
/*课件*/
.page-school .album-list li{padding: 15px 0;}
.page-school .album-list li:not(:last-child){border-bottom: 1px solid #f1f1f1;}
.page-school .album-list .cover{display: block;width: 100px;height: 56px;border-radius: 4px;border: 1px solid #F1F1F1;margin-right: 10px;position: relative;}
.page-school .album-list .cover img{border-radius: 4px;}
.page-school .album-list .cover.square{width: 56px;}
.page-school .album-list .cover .icon{display: block;position: absolute;top:4px;right: 4px;width: 16px;height: 16px;background: url("../img/img_midi_hui.png") no-repeat center center/16px;}
.page-school .album-list .cover .icon.zymm{background-image: url("../img/icon_zuoyemuban_hui.png");}
.page-school .album-list .cover .icon.ppt{background-image: url("../img/icon_ppt_hui.png");}
.page-school .album-list .operate-btn{display: block;width: 24px;height: 24px;background: url("../img/icon_operate_hui.png") no-repeat center center/24px;margin-left: 25px;}
.page-school .album-list h3{font-size: 14px;color: #3D3D3D;}
.page-school .album-list p{font-size: 12px;color: #999;margin-top: 8px;}
.page-school .album-list p span{display: inline-block;vertical-align: top;margin-right: 5px;}
.page-school .album-list p .mw64{min-width: 60px;}
.page-courseware-home{padding: 4px 15px 15px;}
.page-courseware-home .courseware-title{font-size: 12px;font-weight: bold;color: #333333;}
.page-courseware-home .school-title,.page-courseware-list .school-title{font-size: 16px;font-weight: bold;color: #333333;margin: 15px 0 5px;}
.page-courseware-home .school-title .role,.page-courseware-list .school-title .role{vertical-align: middle;margin-right: 3px;height: 19px;line-height: 19px;font-size: 12px;margin-top: -2px;background: var(--theme-org-color);}
.page-courseware-home .school-title .fr{width:18px;height:18px;background: url("../img/icon_select_arrow.png") no-repeat center center/18px;}
.page-courseware-home .school-title .up{-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-o-transform: rotate(-180deg);transform: rotate(-180deg);}
.page-courseware-list .bgc-r10{padding: 20px 15px;}
.page-courseware-list .top-school-info.join{background: #fff;}
.page-courseware-list .top-school-info.join .thumb>div{background:var(--theme-org-color);}
.page-courseware-list .top-school-info.join .title{color: #333;padding-top: 6px;margin-bottom: 10px;font-size: 16px;}
.page-courseware-list .top-school-info.join .area{color: #999;}
.page-courseware-list .top-school-info.join~.bgc-r10{box-shadow: 0px -4px 10px -6px rgba(0, 0, 0, 0.3);}
.page-courseware-list .top-school-info.join~.bgc-r10:before{background: #fff;}
.page-album-create .bgc-r10{padding: 30px 15px;}
.page-album-create .belongs-info{color: #666;font-size: 14px;}
.page-album-create .belongs-info a{color: #00A1FF;}
.page-album-create .assign-box,.page-album-create .belongs-box{border-radius: 4px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);padding: 20px 15px;}
.page-album-create .unassign-box{padding: 27px 15px;font-size: 12px;color: #666;text-align: center;}
.page-album-create .unassign-box a{display:block;width: 156px;height: 34px;border-radius: 4px;border: 1px solid #333333;line-height: 32px;color: #333;font-size: 14px;margin: 0 auto 15px;}
.page-album-create .assign-box .a-title{font-size: 14px;color: #333;font-weight: bold;margin-top: 10px;}
.page-album-create .assign-box .a-desc{font-size: 12px;color: #666;margin-top: 5px;}
.page-album-create .belongs-box{padding: 15px;color: #333;font-size: 14px;font-weight: bold;}
.page-album-create .belongs-box .c-tag{vertical-align: middle;margin-right: 4px;margin-top: -2px;}
.page-album-detail{padding: 15px 15px;}
.page-album-detail .album-info{text-align: center;position: relative;}
.page-album-detail .album-info:after{content: "";position: absolute;left: -15px;bottom: -22px;width: -webkit-calc(100% + 30px);width: -moz-calc(100% + 30px);width: calc(100% + 30px);height: 10px;background: #f1f1f1;}
.page-album-detail .album-info .cover{width: 160px;height: 90px;border-radius: 4px;border: 2px solid #333333;overflow: hidden;margin: 0 auto 10px;}
.page-album-detail .album-info .cover.square{width: 90px;}
.page-album-detail .album-info h2{font-size: 16px;font-weight: bold;color: #333333;}
.page-album-detail .album-info h2 .sign{display: inline-block;vertical-align: middle;width: 34px;height: 18px;border-radius: 2px;border: 1px solid #333;line-height: 16px;font-size: 12px;color: #333;margin-right: 4px;font-weight: bold;margin-top: -3px;}
.page-album-detail .album-info p{font-size: 12px;color: #999;}
.page-album-detail .album-info .operate-btn{display: block;width: 24px;height: 24px;background: url("../img/icon_operate.png") no-repeat center center/24px;position: absolute;top:10px;right: 0;}
.page-album-detail .album-info .c-tag{margin-right: 4px;border-radius: 4px;line-height: 18px;height: 18px;}
.page-album-detail .small-title img{margin-top:-3px;margin-right: 8px;}
.page-album-detail .small-title{font-size: 14px;font-weight: bold;color: #333333;}
.page-album-detail .small-title .num{font-size: 12px;font-weight: normal;color: #999999;padding-left: 5px;}
.page-album-detail .single-list li{border-bottom: 1px solid #f1f1f1;}
.page-album-detail .single-list li .ui-list-info{background: url("../img/img_shiping.png") no-repeat center left/16px;padding:11px 0 11px 24px;font-size: 14px;color: #333;}
.page-album-detail .single-list li .operate-btn{display: block;width: 24px;height: 24px;background: url("../img/icon_operate_hui.png") no-repeat center center/24px;margin-left: 30px;}
.page-album-detail .single-list li.active .ui-list-info{color: var(--theme-org-color);}
.page-album-detail .single-list.qupu li .ui-list-info{background-image: url("../img/img_qupu.png");}
.page-album-detail .single-list.midi li .ui-list-info{background-image: url("../img/img_midi_hei.png");}
.page-album-detail .single-list.ppt li .ui-list-info{background-image: url("../img/img_ppt_hei.png");}
.page-album-detail .single-list.zymm li .ui-list-info{background-image: url("../img/img_zuoyemuban_hei.png");}
.page-album-detail .single-list.jiemu li .ui-list-info{background: #fff;padding-left: 0;}
.page-album-detail .single-list.jiemu li .menu{display: inline-block;vertical-align: middle;margin-right: 8px;width: 16px;height:16px;overflow: hidden;margin-top: -3px;}
.page-album-detail .single-list.jiemu li .menu>img{vertical-align: top;}
.page-album-detail .single-list.jiemu li.active .menu>img{-webkit-transform: translateX(16px);-moz-transform: translateX(16px);-o-transform: translateX(16px);transform: translateX(16px);-webkit-filter: drop-shadow(-16px 0px 0px var(--theme-org-color));filter: drop-shadow(-16px 0px 0px var(--theme-org-color));}
.page-album-detail .btns-box a{height: 34px;line-height:32px;border-radius: 4px;font-size: 14px;}
.page-school .relative-list li{box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);padding: 12px;border-radius: 6px;margin-bottom: 16px;}
.page-school .relative-list li .ui-list-info{background: url("../img/icon_arrow_hui.png") no-repeat center right/16px auto;padding-right: 30px;min-height: 50px;}
.page-school .relative-list li .thumb{width: 50px;height: 50px;border-radius: 4px;border: 1px solid #F1F1F1;overflow: hidden;margin-right: 10px;}
.page-school .relative-list li .sign{display: inline-block;vertical-align: top;height: 17px;line-height: 17px;padding: 0 2px;background: var(--theme-org-color);color: #fff;font-size: 12px;margin-top: 4px;}
.page-school .relative-list li h3{font-size: 14px;color: #333;line-height: 18px;margin-top: 5px;}
.page-qupu-detail .top-info{padding: 15px 15px 20px;border-bottom: 1px solid #f1f1f1;}
.page-qupu-detail .top-info h2{font-size: 18px;font-weight: bold;color: #333333;}
.page-qupu-detail .top-info .belongs{margin-top: 10px;}
.page-qupu-detail .top-info .belongs a{font-size: 12px;font-weight: bold;color: #666;}
.page-qupu-detail .top-info .belongs span{max-width: 66%;display: inline-block;vertical-align: middle;}
.page-qupu-detail .img-list li{padding: 10px 15px;}
.page-qupu-detail .img-list li img{width: 100%;height: auto;vertical-align: top;}
.page-qupu-detail .img-list li:not(:last-child){border-bottom: 5px solid #f1f1f1}
.page-ppt-detail{padding: 15px;}
.page-ppt-detail .top-info{padding: 0 5px 40px;}
.page-ppt-detail .top-info h2{font-size: 20px;font-weight: bold;color: #333333;}
.page-ppt-detail .top-info .belongs{margin-top: 10px;}
.page-ppt-detail .top-info .belongs a{font-size: 12px;font-weight: bold;color: #666;}
.page-ppt-detail .top-info .belongs span{max-width: 66%;display: inline-block;vertical-align: middle;}
.page-ppt-detail .cover{width: 150px;height: 150px;border-radius: 8px;border: 1px solid #F1F1F1;padding: 3px;margin: 0 auto 40px;}
.page-ppt-detail .cover img{border-radius: 8px;}
.page-ppt-detail .download-btn{width: 120px;height: 38px;line-height: 36px;border-radius: 4px;font-size: 14px;font-weight: bold;margin: 20px auto;}
/*集*/
.calbum-list{display:-webkit-flex;display:-moz-box;display:flex;margin-left: -15px;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-top: -4px;}
.calbum-list li{width:50%;padding-left: 15px;margin-top: 15px;}
.calbum-list li>a{display: block;width:100%;border: 1px solid #F1F1F1;border-radius:12px;overflow: hidden;height: 184px;}
.calbum-list li .top-box{height: 64px;position: relative;}
.calbum-list li .cover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);}
.calbum-list li .sign{display:inline-block;vertical-align:top;padding:0 7px;text-align:center;height: 18px;border-radius: 100px;background: rgba(0, 0, 0, 0.6);color: #BBBBBB;font-size: 10px;text-align: center;line-height: 17px;position: absolute;top: 10px;left: 10px;}
.calbum-list li .icon{width: 16px;height: 16px;background: url("../img/img_sign_pu.png") no-repeat center center/16px;position: absolute;top:10px;right: 10px;}
.calbum-list li .icon.qu{background-image: url("../img/img_sign_qu.png");}
.calbum-list li .icon.sp{background-image: url("../img/img_sign_sp.png");}
.calbum-list li .icon.midi{background-image: url("../img/img_sign_midi.png");}
.calbum-list li .main-box{padding: 0 10px;}
.calbum-list li .main-box .thumb{width: 50px;height: 50px;border: 2px solid #F1F1F1;border-radius: 12px;overflow: hidden;margin-top: -25px;position: relative;z-index: 6;}
.calbum-list li .main-box h3{font-size: 14px;color: #333333;margin-top: 10px;}
.calbum-list li .main-box p{color: #666666;font-size: 12px;margin-top: 5px;}
.w80{width: 80px!important;}
/*课件选择*/
.page-choose-courseware .bgc-r10:before{display: none;}
.page-choose-courseware .tabs-box li{text-align: center;margin: 0 15px;}
.page-choose-courseware .tabs-box li>a{display: inline-block;vertical-align: top;line-height: 42px;color: #333;font-size: 16px;position: relative;}
.page-choose-courseware .tabs-box .active a{color: var(--theme-org-color);font-weight: bold;}
.page-choose-courseware .tabs-box .active a:after{content: "";position: absolute;bottom: 0;left: 50%;width: 20px;height: 4px;background: var(--theme-org-color);margin-left: -10px;border-radius: 100px;}
.page-choose-courseware .search-box{height:42px;border: 1px solid #F1F1F1;border-radius: 4px;padding: 0 10px 0 14px;}
.page-choose-courseware .search-box img{margin-top: -2px;}
.page-choose-courseware .search-box input{margin-left: 8px;font-size: 12px;border: 0;}
.page-choose-courseware .search-box button{width: 40px;height: 24px;text-align: center;border-radius: 3px;background: var(--theme-org-color);border: 0;color: #fff;font-size: 12px;}
.page-choose-courseware .courseware-link{border-radius: 10px;background: #FFBC42;border: 1px solid #333333;padding-top: 8px;}
.page-choose-courseware .courseware-link>a{border-radius: 10px;background: #FFFFFF;border: 1px solid #333333;padding: 20px 12px 20px 18px;}
.page-choose-courseware .courseware-link img{margin-right: 5px;}
.page-choose-courseware .courseware-link .list-arrow{display:block;width:14px;height:14px;background: url("../img/icon_arrow_more_small.png") no-repeat center center/14px;}
.page-choose-courseware .courseware-link p{font-size: 10px;color: #9E9E9E;line-height: 1.2;}
.page-choose-courseware .courseware-link p:first-child{color: #333333;font-size: 14px;}
.page-choose-courseware .courseware-stitle{font-size: 14px;color: #333333;font-weight: bold;}
.page-choose-courseware .courseware-stitle .num,.page-choose-courseware .list-title .num{color: #999999;font-size: 12px;padding-left: 5px;font-weight: normal;}
.page-choose-courseware .courseware-list li{padding: 13px 0;}
.page-choose-courseware .courseware-list .ui-list-info a{display:inline-block;max-width:100%;color: #333;font-size: 14px;}
.page-choose-courseware .courseware-list .sign{display: inline-block;vertical-align: middle;border-radius: 4px;padding:1px 2px;line-height:14px;border: 1px solid #F1F1F1;font-size: 10px;color: #999;text-align: center;margin-right: 5px;margin-top: -2px;}
.page-choose-courseware .courseware-list .btn{display: block;width: 40px;height: 24px;line-height: 24px;text-align: center;background: var(--theme-org-color);border-radius: 3px;font-size: 12px;color: #fff;margin-left: 20px;}
.page-choose-courseware .courseware-list .disabled{background: #F1F1F1;color: #999;}
.page-choose-courseware .big-title{color: #333;font-size: 20px;font-weight: bold;}
.page-choose-courseware .big-title .img{display: inline-block;vertical-align: middle;margin-top: -2px;width: 24px;height: 24px;overflow: hidden;}
.page-choose-courseware .big-title img{vertical-align: top;-webkit-transform: translateX(24px);-moz-transform: translateX(24px);-o-transform: translateX(24px);transform: translateX(24px);-webkit-filter: drop-shadow(-24px 0px 0px var(--theme-org-color));filter: drop-shadow(-24px 0px 0px var(--theme-org-color));}
.page-choose-courseware .album-info{padding:25px 20px;text-align: center;}
.page-choose-courseware .album-info .cover{width: 184px;height: 106px;border-radius: 4px;background: #FFFFFF;border: 1px solid #F1F1F1;position: relative;margin: 0 auto 15px;padding: 4px;}
.page-choose-courseware .album-info .cover>img{border-radius: 4px;}
.page-choose-courseware .album-info .cover:after{content: "";position: absolute;top:-7px;left: 9px;width: 166px;height: 7px;background: #f1f1f1;border-radius: 12px 12px 0px 0px;}
.page-choose-courseware .album-info .cover.qupu{width: 106px;}
.page-choose-courseware .album-info .cover.qupu:after{width: 90px;}
.page-choose-courseware .album-info .cover .sign{display:inline-block;vertical-align:top;padding:0 7px;text-align:center;height: 18px;border-radius: 100px;background: rgba(0, 0, 0, 0.6);color: #BBBBBB;font-size: 10px;text-align: center;line-height: 17px;position: absolute;top:10px;left: 10px;}
.page-choose-courseware .album-info h2{font-size: 20px;font-weight: bold;color: #333333;line-height: 28px;}
.page-choose-courseware .album-info p{color: #9E9E9E;font-size: 12px;margin-top: 5px;}
.page-choose-courseware .list-title{color: #3D3D3D;font-size: 16px;font-weight: bold;}
.page-choose-courseware .list-title img{vertical-align: middle;margin-top: -2px;}
.page-choose-courseware .list-title .num{font-size: 12px;font-weight: normal;color: #999999;padding-left: 5px;}
.page-choose-courseware .courseware-list li .circle{display:block;width: 20px;height: 20px;border: 1px solid var(--theme-org-color);border-radius: 50%;margin-right: 10px;overflow: hidden;margin-top: -2px;}
.page-choose-courseware .courseware-list li .circle img{-webkit-transform: translateX(20px);-moz-transform: translateX(20px);-o-transform: translateX(20px);transform: translateX(20px);-webkit-filter: drop-shadow(-20px 0px 0px var(--theme-org-color));filter: drop-shadow(-20px 0px 0px var(--theme-org-color));vertical-align: top;margin-top: 1px;}
.page-choose-courseware .courseware-list li .circle.active{text-align: center;line-height: 18px;}
.page-choose-courseware .courseware-list li .circle.disabled{background: url("../img/icon_kejian_xuanzhong_hui.png") no-repeat center center/16px;border-color:#f1f1f1; }
.page-choose-courseware .courseware-jiemu-item .jiemu-title{color: #333333;font-size: 14px;font-weight: bold;line-height: 30px;}
.page-choose-courseware .courseware-jiemu-item .jiemu-title .num{color: #BBBBBB;font-size: 10px;padding-right: 5px;font-weight: normal;}
.page-choose-courseware .courseware-jiemu-item{border-bottom: 1px solid #F1F1F1;padding: 13px 15px 0;min-height: 60px;}
.page-choose-courseware .courseware-jiemu-item:last-child{border-bottom: 0;}
.page-choose-courseware .courseware-jiemu-item .rotate{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
/*乐曲栏目*/
.music-title{color: #3D3D3D;font-size: 20px;font-weight: bold;padding: 8px 0;}
.music-title img{vertical-align: middle;margin-top: -2px;}
.music-title .arrow-link{display:block;width:16px;height:24px;background: url("../img/icon_arrow_more_small.png") no-repeat center center/14px;}
.page-music-home .topbar{text-align: center;padding: 10px 0;}
.page-music-home .topbar h1{display:inline-block;vertical-align:top;font-size: 16px;color: #333333;line-height: 24px;padding-right: 54px;}
.page-music-home .topbar .fl span{font-size: 16px;font-weight: bold;color: #FF842B;}
.page-music-home .topbar .fl a{display:inline-block;vertical-align:middle;width: 41px;height: 17px;line-height:15px;border-radius: 4px;border: 1px solid #FF842B;text-align: center;font-size: 12px;color: #FF842B;margin-left: 5px;margin-top: -4px;}
.page-music-home .topbar .fl a img{margin-top: -2px;}
.page-music-home .topbar .fr{width: 24px;height: 24px;background: url("../img/icon_search_p.png") no-repeat center center/24px auto;}
.page-music-home .banner{width: 100%;padding-top: 44.6%;position: relative;}
.page-music-home .banner .van-swipe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 10px;}
.page-music-home .banner .van-swipe__indicator{width: 4px;height: 4px;border: 1px solid rgba(0, 0, 0, 0.4);opacity: 1;background-color: #fff;}
.page-music-home .banner .van-swipe__indicator--active{background-color: #FF842B;}
.page-music-home .banner .van-swipe__indicators{bottom: 8px;}
.page-music-home .recommend-music ul{margin: -8px -15px 14px;}
.page-music-home .recommend-music li{border-bottom: 1px solid #f1f1f1;padding: 13px 15px;}
.page-music-home .recommend-music li .thumb{width: 54px;height: 54px;border-radius: 4px;margin-left: 40px;overflow: hidden;}
.page-music-home .recommend-music li h3{font-size: 14px;color: #333;margin-bottom: 8px;}
.page-music-home .recommend-music li p{color: #999999;font-size: 12px;line-height: 20px;}
.page-music-home .recommend-music li .type{display: inline-block;vertical-align: top;width: 44px;height: 21px;border-radius: 100px;border: 1px solid #F1F1F1;color: #999999;font-size: 12px;text-align: center;line-height: 19px;margin-right: 7px;}
.page-music-album .album-info{padding:25px 20px;text-align: center;}
.page-music-album .album-info .cover{width: 106px;height: 106px;border-radius: 4px;background: #FFFFFF;border: 1px solid #F1F1F1;position: relative;margin: 0 auto 15px;padding: 4px;}
.page-music-album .album-info .cover>img{border-radius: 4px;}
.page-music-album .album-info .cover:after{content: "";position: absolute;top:-8px;left: 8px;width: 90px;height: 8px;background: #f1f1f1;border-radius: 12px 12px 0px 0px;}
.page-music-album .album-info .cover .sign{display:inline-block;padding:0 8px;height: 18px;border-radius: 100px;background: rgba(0, 0, 0, 0.6);color: #BBBBBB;font-size: 10px;text-align: center;line-height: 17px;position: absolute;top: 8px;left: 8px;}
.page-music-album .album-info h2{display:inline-block;font-size: 20px;color: #333;line-height: 28px;font-weight: bold;text-align: left;max-width: 100%;}
.page-music-album .album-info h2 span{display: inline-block;vertical-align: top;text-align: center;}
.page-music-album .album-info .tag,.desc-popup .top-box .tag,.music-list li .tag{display: inline-block;vertical-align: top;height: 16px;border-radius: 4px;border: 1px solid #333333;line-height: 14px;font-size: 10px;color: #333;text-align: center;font-weight: normal;padding: 0 3px;}
.page-music-album .album-info .tag,.music-list li .tag{vertical-align: middle;}
.page-music-album .album-info .desc-link{padding: 0 52px;text-align: center;margin-top: 6px;}
.page-music-album .album-info .desc-link>div{display: inline-block;vertical-align: top;max-width:100%;font-size: 12px;color: rgba(102, 102, 102, 0.8);background: url("../img/icon_arrow_more_small.png") no-repeat center right/14px;padding-right: 24px;}
.page-music-album .album-info .other{font-size: 12px;color: #999;margin-top: 15px;line-height: 25px;}
.page-music-album .album-info .other img{vertical-align: middle;margin-top: -2px;margin-right: 3px;}
.page-music-album .album-info .other a{display: inline-block;vertical-align: top;height: 25px;border-radius: 4px;border: 1px solid #333333;padding: 0 7px;line-height: 23px;color: #333333;}
.page-music-album .album-info .other a img{margin-right: 1px;margin-top: -3px;}
.page-music-album .album-info .creator{display: -webkit-flex;display: -moz-box;display: flex;-webkit-align-items: center;-moz-box-align: center;align-items: center;}
.page-music-album .album-info .creator span{color: #666;padding: 0 5px;display: inline-block;vertical-align: middle;max-width:-webkit-calc(100vw - 250px);max-width:-moz-calc(100vw - 250px);max-width:calc(100vw - 250px);overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.page-music-album .album-info .creator img{width: 24px;height: 24px;border: 1px solid #F1F1F1;border-radius: 50%;margin-top: 0;}
.page-music-album .list-title{color: #3D3D3D;font-size: 16px;font-weight: bold;padding: 10px 0;}
.page-music-album .list-title img{vertical-align: middle;margin-top: -2px;}
.page-music-album .list-title .num,.music-title .num{font-size: 12px;font-weight: normal;color: #999999;padding-left: 5px;}
.desc-popup .van-popup__close-icon{color: #000;}
.desc-popup .top-box{padding: 60px 15px 20px;border-bottom: 1px solid #f1f1f1;}
.desc-popup .top-box h2{font-size: 24px;color: #333;line-height: 36px;margin-bottom: 2px;}
.desc-popup .top-box .total{font-size: 14px;color: #666;}
.desc-popup .top-box .original{color: #999999;font-size: 12px;}
.desc-popup .top-box .tag{margin-left: 0;}
.desc-popup .top-box .belongs-info{border-radius: 10px;background: #F1F1F1;border: 1px solid #EAEAEA;padding: 12px 18px 20px;margin-top: 10px;}
.desc-popup .top-box .belongs-info .title{font-size: 12px;line-height: 22px;color: #999999;margin-bottom: 5px;}
.desc-popup .top-box .belongs-info .thumb{width: 60px;height: 60px;border-radius: 4px;overflow: hidden;position: relative;margin-right: 10px;}
.desc-popup .top-box .belongs-info .cover{position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);top:0;left: 0;}
.desc-popup .top-box .belongs-info .icon{width: 12px;height: 12px;background: url("../img/img_sign_pu.png") no-repeat center center/12px;position: absolute;top:5px;right: 5px;}
.desc-popup .top-box .belongs-info .icon.qu{background-image: url("../img/img_sign_qu.png");}
.desc-popup .top-box .belongs-info h3{font-size: 14px;color: #333;line-height: 20px;}
.desc-popup .top-box .belongs-info .ui-list-info p{font-size: 12px;color: #666;margin-top: 4px;}
.desc-popup .rich-box{padding: 20px 15px;font-size: 14px;line-height: 20px;color: #333333;}
.desc-popup .rich-box img{width: 100%;height: auto!important;}
/*曲/谱列表*/
.music-list{margin: 0 -15px;}
.music-list li{border-bottom: 1px solid #f1f1f1;padding: 10px 15px;}
.music-list li .num{font-size: 10px;color: #bbb;margin-right: 8px;}
.music-list li h3{color: #333333;font-size: 14px;line-height: 20px;}
.music-list li a{color: inherit;}
.music-list li p{color: #999999;font-size: 12px;margin-top: 4px;}
.music-list li img{margin-left: 32px;}
.music-list li .remove-btn{display: block;width: 40px;height: 24px;border-radius: 3px;line-height: 22px;border: 1px solid #BBBBBB;font-size: 12px;color: #666;margin-left: 32px;text-align: center;}
/*曲内容页*/
.page-music-qu .top-box{padding: 36px 10% 30px;}
.page-music-qu .top-box .cover{width:100%;padding-top: 100%;position: relative;}
.page-music-qu .top-box .cover img{position: absolute;top:0;left: 0;width: 100%;height: 100%;border-radius: 30px;}
.page-music-qu .top-box .cover .btn{position: absolute;top:50%;left:50%;display: block;width: 70px;height: 70px;border: 2px solid rgba(0, 0, 0, 0.4);background: var(--theme-org-color) url("../img/icon_play.png") no-repeat center center/24px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);border-radius: 50%;margin: -35px;}
.page-music-qu .top-box .cover .pause{background-image: url("../img/icon_pause.png");}
.page-music-qu .main-box{padding: 0 18px 98px;}
.page-music-qu .main-box .tag{display: inline-block;vertical-align: top;width: 28px;height: 16px;border-radius: 4px;border: 1px solid #333333;line-height: 14px;font-size: 10px;color: #333;text-align: center;}
.page-music-qu .main-box h2{font-size: 24px;line-height: 36px;color: #333333;margin-bottom: 2px;}
.page-music-qu .main-box .author{font-size: 14px;line-height: 22px;color: #666666;}
.page-music-qu .main-box .original{font-size: 12px;color: #999;line-height: 22px;}
.page-music-qu .main-box .van-slider{border-radius: 25px;background:transparent;margin-top: 10px;height: 5px;position: relative;}
.page-music-qu .main-box .van-slider:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: var(--theme-org-color);opacity: .4;}
.page-music-qu .main-box .van-slider__bar{background: var(--theme-org-color);}
.page-music-qu .main-box .van-slider__button{width: 14px;height: 14px;background: var(--theme-org-color);}
.page-music-qu .main-box .time{font-size: 10px;color: #999;line-height: 20px;margin-top: 4px;}
.page-notheme{--theme-org-color:  #FF842B!important;}
.operate-footer{position: fixed;bottom: 24px;left: auto;max-width: 720px;width: 100%;text-align: center;z-index: 99;}
.operate-footer ul{display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex;border: 1px solid #F1F1F1;border-radius: 10px;background: #fff;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);height: 50px;padding: 0 6px;-webkit-align-items: center;-moz-box-align: center;align-items: center;}
.operate-footer ul li{padding: 0 10px;}
.operate-footer ul li a{color: #333;font-size: 14px;}
.operate-footer ul li img{vertical-align: middle;margin-right: 4px;margin-top: -2px;}
.page-music-pu{padding-bottom: 98px;}
.page-music-pu .main-box{padding: 18px 20px;border-bottom: 1px solid #f1f1f1;}
.page-music-pu ul li{padding: 10px 18px;}
.page-music-pu ul li img{width: 100%;height: auto;vertical-align: top;}
.page-music-pu ul li:not(:first-child){border-top: 10px solid #f1f1f1;}
/*搜索乐曲*/
.page-music-search .search-box{padding: 8px 15px 8px 20px;border-bottom: 1px solid #f1f1f1;}
.page-music-search .search-box .ui-list-info{height:28px;background: #F1F1F1 url("../img/icon_search.png") no-repeat center left 9px/16px;border-radius: 4px;padding: 0 5px 0 32px;margin-right: 10px;}
.page-music-search .search-box img{margin-top: -2px;}
.page-music-search .search-box input{font-size: 14px;border: 0;color: #333;line-height: 28px;width: 100%;background: #f1f1f1;}
.page-music-search .search-box button{width: 40px;height: 24px;text-align: center;border-radius: 3px;background: #FF842B;border: 0;color: #fff;font-size: 12px;}
.page-music-search .site-tabnav,.page-music-search .type-tabnav{font-size: 0;text-align: center;}
.page-music-search .site-tabnav li{display: inline-block;vertical-align: top;padding: 10px 15px;}
.page-music-search .site-tabnav li a{font-size: 18px;color: #999;}
.page-music-search .site-tabnav li.active a{color: #333;font-weight: bold;}
.page-music-search .type-tabnav{border: 1px solid #FF842B;border-radius: 4px;width: 250px;margin: 9px auto 22px;}
.page-music-search .type-tabnav li{display: inline-block;vertical-align: top;width: 62px;height: 26px;line-height: 24px;}
.page-music-search .type-tabnav li:not(:first-child){border-left: 1px solid #FF842B;}
.page-music-search .type-tabnav li a{color: #FF842B;font-size: 16px;display: block;height: 100%;}
.page-music-search .type-tabnav li.active a{color: #fff;background: #FF842B;}
.page-music-search .hot-keywords ul{display: -webkit-flex;display: -moz-box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-top: 6px;}
.page-music-search .hot-keywords ul li{width: 50%;padding:0 12%;line-height: 32px;}
.page-music-search .hot-keywords ul li a{font-size: 16px;color: #666;}
/*MIDI*/
.add-relative-popup{padding-bottom: 10px;}
.add-relative-popup .search-box{margin: 15px 0 5px;}
.add-relative-popup .search-box .inner{height: 29px;border-radius: 6px;background: #F5F5F5;padding: 0 12px;}
.add-relative-popup .search-box .inner img{margin-top: -2px;}
.add-relative-popup .search-box .inner input{margin-left: 8px;height: 29px;border: 0;background: transparent;font-size: 14px;}
.add-relative-popup .search-box button{width: 52px;height: 29px;font-size: 14px;color: #fff;border: 0;margin-left: 10px;border-radius: 4px;background: var(--theme-org-color);font-weight: bold;}
.add-relative-popup .site-tabnav{font-size: 0;text-align: center;}
.add-relative-popup .site-tabnav li{display: inline-block;vertical-align: top;padding: 10px 15px;}
.add-relative-popup .site-tabnav li a{font-size: 16px;color: #999;}
.add-relative-popup .site-tabnav li.active a{color: var(--theme-org-color);font-weight: bold;}
.add-relative-popup .btn{display: inline-block;vertical-align: top;height: 21px;border-radius: 100px;padding: 0 6px;line-height: 18px;font-size: 12px;color: var(--theme-org-color);margin-left: 40px;border: 1px solid var(--theme-org-color);}
.add-relative-popup .btn.disabled{background: #F1F1F1;color: #666666;border-color: #f1f1f1;}
.add-relative-popup .list-cnt{height: -webkit-calc(100vh - 260px);height: -moz-calc(100vh - 260px);height: calc(100vh - 260px);overflow-y: auto;overflow-x: hidden;}
.add-relative-popup .music-list{margin: 0;}
.add-relative-popup .music-list li{padding: 15px;}
.add-relative-popup .music-list li .c-tag{margin-right: 8px;}
.add-relative-popup .num-title{font-size: 12px;color: #333;font-weight: bold;margin-top: 20px;}
.preview-midi-popup{width: 100%;height: 100%;}
.preview-midi-popup .van-action-sheet__header{border-bottom: 1px solid #f1f1f1;margin-bottom: 10px;}
.page-midi-detail{padding: 15px;}
.page-midi-detail .big-title .operate-btn{display: block;width: 24px;height: 24px;background: url("../img/icon_operate.png") no-repeat center center/24px;margin-left: 50px;}
.page-midi-detail .big-title h2{font-size: 20px;font-weight: bold;color: #333;line-height: 26px;}
.page-midi-detail .desc{font-size: 12px;color: rgba(102, 102, 102, 0.8);margin-top: 5px;}
.page-midi-detail .audio-list{margin-top: 25px;}
.page-midi-detail .audio-list li{height: 50px;border-radius: 6px;border: 1px solid #F1F1F1;padding: 0 15px;margin-top: 12px;}
.page-midi-detail .audio-list li .icon{width: 16px;height: 16px;background: url("../img/img_midi_hei.png") no-repeat center center/16px;}
.page-midi-detail .audio-list li .status{display:block;width: 22px;height: 22px;background: url("../img/icon_bofangqi_play.png") no-repeat center center/22px;}
.page-midi-detail .audio-list li .duration{font-size: 12px;color: #999;margin-right: 12px;}
.page-midi-detail .audio-list li .ui-list-info{font-size: 16px;color: #333;margin-left: 5px;}
.page-midi-detail .audio-list li.disabled .status{background-image:url("../img/icon_bofangqi_play_hui.png");}
.page-midi-detail .audio-list li.pause{border-color: rgba(14, 203, 118, 0.15);position: relative;}
.page-midi-detail .audio-list li.pause .progress{position: absolute;top: 0;left: 0;border-radius: 6px;background: rgba(14, 203, 118, 0.15);width: 10%;height:100%;z-index: -1;}
.page-midi-detail .audio-list li.pause .icon{background-image:url("../img/img_midi_lv.png");}
.page-midi-detail .audio-list li.play .status{background-image:url("../img/icon_bofangqi_pause.png");}
.page-midi-detail .belongs-info{border-radius: 10px;background: #F1F1F1;border: 1px solid #EAEAEA;padding: 12px 18px 20px;margin-top: 22px;}
.page-midi-detail .belongs-info .title{font-size: 12px;line-height: 22px;color: #999999;margin-bottom: 5px;}
.page-midi-detail .belongs-info .thumb{width: 60px;height: 60px;border-radius: 4px;overflow: hidden;position: relative;margin-right: 10px;}
.page-midi-detail .belongs-info .cover{position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);top:0;left: 0;}
.page-midi-detail .belongs-info .icon{width: 12px;height: 12px;background: url("../img/img_sign_midi.png") no-repeat center center/16px;position: absolute;top:4px;right: 4px;}
.page-midi-detail .belongs-info h3{font-size: 14px;color: #333;line-height: 20px;}
.page-midi-detail .belongs-info .ui-list-info p{font-size: 12px;color: #666;margin-top: 4px;}
.page-midi-detail .record-info{margin-top: 20px;}
.page-midi-detail .record-info a{width: 120px;height: 38px;line-height: 36px;font-size: 14px;border-radius: 4px;font-weight: bold;margin: 0 auto;}
.page-midi-detail .record-info a img{margin-right: 3px;vertical-align: middle;margin-top: -3px;}
.page-midi-detail .record-info p{font-size: 12px;color: #999;margin-top: 5px;text-align: center;}
.page-midi-detail .link-btn{color: #00A1FF;font-size: 12px;line-height: 22px;font-weight: normal;}
.page-midi-detail .relative-qupu{margin: 0 -15px;}
.page-midi-detail .relative-qupu .van-rate{margin-left:5px;}
.page-midi-detail .relative-qupu .van-rate__item:not(:last-child){padding-right: 0;}
.page-midi-detail .relative-qupu h2{font-size: 24px;color: #333;line-height: 36px;margin-bottom: 5px;}
.page-midi-detail .relative-qupu .other{font-size: 12px;color: #999;}
.page-midi-detail .relative-qupu .original{color: #999999;font-size: 12px;}
.page-midi-detail .relative-qupu .tag{display: inline-block;vertical-align: top;width: 28px;height: 16px;border-radius: 4px;border: 1px solid #333333;line-height: 14px;font-size: 10px;color: #333;text-align: center;font-weight: normal;}
.page-midi-detail .relative-qupu .top-box{padding: 18px;border-bottom: 1px solid #f1f1f1;border-radius: 15px 15px 0px 0px;border-top: 8px solid #f1f1f1;}
.page-midi-detail .relative-qupu ul li{padding: 10px 18px;}
.page-midi-detail .relative-qupu ul li img{width: 100%;height: auto;vertical-align: top;}
.page-midi-detail .relative-qupu ul li:not(:first-child){border-top: 10px solid #f1f1f1;}
.page-midi-detail .record-guide,.app-download-guide{padding-top: 40px;text-align: center;}
.page-midi-detail .record-guide .title,.app-download-guide .title{font-size: 18px;color: #333333;font-weight: bold;margin-bottom: 10px;}
.page-midi-detail .record-guide .desc,.app-download-guide .desc{color: #666666;font-size: 12px;margin-bottom: 15px;}
.page-midi-detail .record-guide .tip,.app-download-guide .tip{color: #3D3D3D;font-size: 14px;margin-bottom: 30px;}
.page-midi-detail .big-title .return-btn{display: block;width: 28px;height: 28px;background: url("../img/icon_midi_fanhui.png") no-repeat center center/28px;margin-left: 50px;}
/*个人中心*/
.h-link-list li>a{height: 50px;font-size: 14px;color: #333;}
.h-link-list li{border-bottom: 1px solid #f1f1f1;}
.h-link-list .num{color: #666;font-size: 12px;padding-right: 8px;}
.h-link-list .icon{display:block;width: 30px;height: 30px;border: 1px solid #F1F1F1;border-radius: 50%;margin-right: 10px;text-align: center;line-height: 28px;}
.h-link-list .icon img{vertical-align: middle;margin-top: -3px;}
.page-ucenter .top-info{padding: 23px 25px;}
.page-ucenter .top-info .avatar{width: 54px;height: 54px;border: 2px solid #F1F1F1;border-radius: 50%;overflow: hidden;margin-right: 10px;}
.page-ucenter .top-info h2{font-size: 16px;font-weight: bold;color: #333;margin-bottom: 4px;}
.page-ucenter .top-info p{color: #9E9E9E;font-size: 12px;}
.page-ucenter .h-link-list{padding: 0 15px;}
/*注销帐号*/
.page-logoff .small-title{font-size: 12px;font-weight: bold;color: #999999;}
.page-logoff .user-info{margin: 10px 0 35px;}
.page-logoff .user-info .avatar{width: 54px;height: 54px;border: 2px solid #F1F1F1;border-radius: 50%;overflow: hidden;margin-right: 10px;}
.page-logoff .user-info h2{font-size: 16px;font-weight: bold;color: #333;margin-bottom: 4px;}
.page-logoff .user-info p{color: #9E9E9E;font-size: 12px;}
.page-logoff .tip-info{font-size: 14px;color: #666666;line-height: 26px;}
.page-logoff .tip-info p:first-child{font-size: 14px;font-weight: bold;color: #FF0000;}
.page-logoff .page-footer a{font-size: 16px;color: #FF842B;}
.page-logoff .validate-box{height: 115px;border-radius: 2px;background: #F1F1F1;border: 1px solid #EAEAEA;padding: 0 15px;}
.page-logoff .validate-box p{font-size: 20px;font-weight: bold;color: #333333;line-height: 58px;}
.page-logoff .validate-box .ui-flex{height: 38px;background: #FFFFFF;border: 1px solid #F1F1F1;padding: 0 12px;}
.page-logoff .validate-box input{border: 0;}
.page-logoff .validate-box button{color: #FF842B;background: transparent;border: 0;}
/*会员*/
.page-members-right .h-link-list li{box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);border: 0;border-radius: 10px;}
.page-members-right .h-link-list li>a{padding: 0 15px;}
.page-members-right .tab-nav li{width: 50%;text-align: center;}
.page-members-right .tab-nav li a{display: inline-block;vertical-align: top;height:50px;font-size: 14px;color: #999;border-bottom: 3px solid transparent;line-height: 50px;}
.page-members-right .tab-nav .active a{border-bottom-color:#FF842B;color: #FF842B;font-weight: bold;}
.page-coupon .coupon-list li{border: 1px solid #F1F1F1;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);border-radius: 10px;margin-bottom: 15px;padding: 15px;}
.page-members-right .list li{padding: 19px 25px 19px 13px;border-bottom: 1px solid #f1f1f1;}
.page-members-right .list li .thumb{width: 75px;height: 75px;border-radius: 2px;overflow: hidden;margin-right: 12px;}
.page-members-right .list li h3{font-size: 14px;font-weight: bold;color: #333;line-height: 18px;margin-bottom: 10px;}
.page-members-right .list li p{color: #333;font-size: 14px;margin-bottom: 10px;}
.page-members-right .list li .ui-justify-flex{color: #999;font-size: 12px;}
/*消费记录*/
.consume-list li{padding: 20px 15px;border-bottom: 1px solid #f1f1f1;}
.consume-list li h3{font-size: 14px;font-weight: bold;color: #333;line-height: 18px;margin-bottom: 14px;}
.consume-list li p{font-size: 12px;color: #999;margin-top: 8px;}
/*卡包*/
.page-coupon .members-link{font-size: 12px;font-weight: bold;color: #333;background: url("../img/icon_arrow_hei.png") no-repeat center right/15px auto;padding-right: 15px;margin-top: 2px;}
.page-coupon .coupon-list li{padding: 20px 15px;}
.page-coupon .coupon-list li img{vertical-align: top;}
.page-coupon .coupon-list li .title{font-size: 16px;font-weight: bold;color: #333;line-height: 21px;margin-left: 2px;padding-right: 18px;}
.page-coupon .coupon-list li .num{font-size: 12px;color: #999;padding-left: 7px;font-weight: normal;}
.page-coupon .coupon-list li .range{font-size: 12px;font-weight: bold;color: #FF842B;}
.page-coupon .coupon-list li .info{font-size: 12px;color: #999;margin-bottom: 10px;padding-right: 60px;}
.page-coupon .coupon-list li .info>div{width: 50%;padding-right: 8px;}
.page-coupon .coupon-list li .other{color: #666;font-size: 12px;line-height: 21px;}
.page-coupon .coupon-list li .btn{display: inline-block;vertical-align: top;height: 21px;border-radius: 100px;line-height: 21px;padding: 0 6px;background: #333333;font-size: 12px;font-weight: bold;color: #fff;}
.page-coupon .coupon-list li .disabled{background: #F1F1F1;color: #BBBBBB;}
.page-coupon .small-title{font-size: 12px;color: #bbb;margin: 20px 0 15px;text-align: center;}
.page-coupon .sx-link a{font-size: 14px;color: #FF842B;}
.page-coupon .sx-link{text-align: center;padding: 30px 0 20px;}
.coupon-popup .card-title{font-size: 12px;font-weight: bold;color: #999999;}
.coupon-popup .card-info{border-radius: 10px;padding: 15px 20px;background: #FBFBFB;border: 1px solid #F1F1F1;color: #666;font-size: 14px;line-height: 24px;}
.coupon-popup .card-info .ui-list-info{color: #333;}
.coupon-popup .coupon-list .desc{font-size: 14px;}
.coupon-popup .coupon-list .desc span{color: #666;}
/*通知栏*/
.notice-bar{font-size: 12px;padding: 8px 12px;color: #2CB1FF;background:#F0F9FF;}
.notice-bar img{vertical-align: middle;margin-right: 8px;margin-top: -3px;}
.notice-warn{background: #FFEFEF;color: #FF6868;}
.notice-f57{color: #F0AB57;background: #FFFCEC;}
/*琴学卡*/
.table-title{font-size: 12px;font-weight: bold;color: #999999;margin-bottom: 12px;}
.table-show table{width: 100%;border: 0;text-align: center;border-collapse: collapse;}
.table-show table thead{background: #FBFBFB;height: 36px;color: #666666;font-size: 14px;}
.table-show table thead th{font-weight: normal;}
.table-show table tbody{border:1px solid #f1f1f1;}
.table-show table tbody tr{height: 40px;}
.table-show table tbody tr:not(:first-child){border-top:1px solid #f1f1f1;}
.table-show table tbody tr td:first-child,.table-show table thead th:first-child{text-align: left;padding: 0 15px;}
.table-show table tbody tr td:first-child{max-width: 98px;}
.table-show table tbody .more{text-align: center!important;height: 42px;}
.table-show .school-table tbody tr{height: 63px;}
.table-show .school-table .school-info p:last-child{color: #666666;font-size: 12px;margin-top: 4px;}
.h40{height: 40px!important;}
.filter-two{font-size: 14px;color: #3D3D3D;line-height: 36px;display: -webkit-flex;display: -moz-box;display: flex;-webkit-justify-content: space-between;-moz-box-pack: justify;justify-content: space-between;}
/*.filter-two .choose-show{width:calc(50% - 70px);height: 36px;border-radius: 4px;border: 1px solid #F1F1F1;line-height: 34px;padding: 0 7px;color: #666;}*/
/*.filter-two .choose-show img{margin-top: 5px;}*/
.filter-two .choose-show{width:-webkit-calc(50% - 70px);width:-moz-calc(50% - 70px);width:calc(50% - 70px);height: 36px;border-radius: 4px;color: #666;border: 1px solid #F1F1F1;line-height: 34px;background: url("../img/icon_arrow_down.png") no-repeat center right 8px/24px;padding-right: 40px;padding-left: 7px;}
.filter-two .choose-show option{color: #666;}
.card-record-list>li{border-radius: 10px;padding: 20px 14px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);margin-bottom: 15px;}
.card-record-list>li .header{line-height: 21px;font-size: 12px;color: #999;margin-bottom: 20px;}
.card-record-list>li .header img{vertical-align: middle;margin-top: -4px;}
.card-record-list>li .header .title{font-size: 16px;font-weight: bold;color: #333333;padding-left: 10px;}
.card-record-list>li .header .num{padding:0 8px;}
.card-record-list>li .cnt-list{display: -webkit-flex;display: -moz-box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.card-record-list>li .cnt-list li{width: 50%;font-size: 12px; color: #666;padding-right: 15px;}
.card-record-list>li .cnt-list li:nth-child(2n){padding-left: 15px;padding-right: 0;}
.card-record-list>li .cnt-list li .name{display:inline-block;vertical-align: top;max-width:-webkit-calc(100% - 84px);max-width:-moz-calc(100% - 84px);max-width:calc(100% - 84px); }
.card-record-list>li .cnt-list li a{color: #666;}
.gk-arrow-go{background: url("../img/icon_arrow_hui.png") no-repeat center right/16px auto;padding-right: 16px;color: #666666;font-size: 12px;font-weight: bold;}
.border-left{border-left: 1px solid #f1f1f1;}
.footer-assign-card{width: 120px;height: 38px;line-height: 36px;border-radius: 4px;font-size: 14px;font-weight: bold;position: fixed;bottom: 20px;left: 50%;margin-left: -60px;}
.footer-assign-card img{margin-right: 3px;margin-top: -2px;}
.footer-assign-card.w172{width: 172px!important;margin-left: -86px!important;}
.page-learn-card .role{background:var(--theme-org-color);margin-right: 5px;height: 18px;line-height: 17px;font-size: 12px;vertical-align: middle;margin-top: -1px;}
.page-learn-card .user-info{padding-bottom: 25px;}
.page-learn-card .user-info .username a{display:inline-block;vertical-align:middle;font-size: 18px;font-weight: bold;color: #333333;background: url("../img/icon_arrow_hei.png") no-repeat center right/15px auto;padding-right: 15px;margin-top: -3px;}
.page-learn-card .user-info .username .v{font-size: 18px;font-weight: bold;color: #333333;}
.page-learn-card .user-info .username .avatar{width: 32px;height: 32px;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 50%;overflow: hidden;margin-right: 5px;}
.page-learn-card .user-info p{font-size: 14px;color: #666666;margin-top: 8px;}
.page-learn-card .status-info .status{display: inline-block;vertical-align: middle;border-radius: 2px;padding: 3px 5px;font-size: 12px;line-height: 14px;}
.page-learn-card .status-info .yx{background: rgba(0, 167, 88, 0.1);border: 1px solid #00A758;color: #00A758;}
.page-learn-card .status-info .wkq{background: rgba(153, 153, 153, 0.1);border: 1px solid #999999;color: #999999;}
.page-learn-card .status-info .gq{background: rgba(255, 0, 20, 0.1);border: 1px solid #FF0014;color: #FF0014;}
.page-learn-card .vip-list li{border-radius: 10px;padding: 20px 15px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);margin-bottom: 15px;}
.page-learn-card .vip-list li p{font-size: 12px;color: #666;}
.page-learn-card .vip-list li .ui-list-info{font-size: 16px;color: #333;font-weight: bold;padding-left: 3px;}
.tip-dialog .van-dialog__content{padding-top: 20px;}
.tip-dialog .van-dialog__header{padding-top: 10px;}
.tip-dialog .van-dialog__content img{display:block;margin: 0 auto;}
.tip-dialog .van-dialog__confirm,.tip-dialog .van-dialog__confirm:active{color: #3d3d3d!important;}
/*作业模板*/
.page-homework-tmpl-list .school-title~.nodata{margin: 30px 0;}
.page-homework-tmpl-list .school-title .status{color: #999999;font-size: 12px;padding-left: 8px;font-weight: normal;}
.page-homework-tmpl-list .create-btn{width: 150px;height: 40px;line-height: 36px;margin: -25px auto 0;}
.page-homework-tmpl-detail .top-box{background:var(--theme-org-color);padding: 0 15px 22px;position: relative;}
.page-homework-tmpl-detail .top-box .big-title{font-size: 16px;text-align: center;color: #FFFFFF;line-height: 56px;font-weight: bold;}
.page-homework-tmpl-detail .top-box .assign-info{border-radius: 10px;background: #FFFFFF;padding: 0 13px 15px;}
.page-homework-tmpl-detail .top-box .operate-btn{display: block;width: 24px;height: 24px;background: url("../img/icon_operate_bai.png") no-repeat center center/24px;position: absolute;top:15px;right: 10px;}
.page-homework-tmpl-detail .top-box .assign-info{font-size: 12px; color: #666;}
.page-homework-tmpl-detail .top-box .assign-info .title{font-size: 12px;line-height: 40px;color: #333;}
.page-homework-tmpl-detail .top-box .assign-info .avatar{width: 24px;height: 24px;border-radius: 100px;border: 1px solid #F1F1F1;margin-right: 5px;overflow: hidden;}
.page-homework-tmpl-detail .top-box .assign-info .username{font-size: 16px;color: #333333;margin-bottom: 2px;}
.page-homework-tmpl-detail .top-box .assign-info .role{border-radius: 4px;margin-right: 5px;vertical-align: middle;margin-top: -3px;}
.page-homework-tmpl-detail .top-box .assign-info .desc{font-size: 14px;color: #333333;margin-top: 4px;}
.page-homework-tmpl-detail .app-download-guide{padding: 40px 28px;}
/*文章列表*/
.article-list li{padding: 15px 0;border-bottom: 1px solid #f1f1f1;}
.article-list li .top-box{width: 100%;padding-top: 33.3%;border-radius: 10px;border: 1px solid #F1F1F1;position: relative;overflow: hidden;margin-bottom: 10px;}
.article-list li .top-box>img{position: absolute;top: 0;left: 0;}
.article-list li h3{font-size: 16px;color: #333;line-height: 22px;font-weight: bold;}
.article-list li p{font-size: 12px;color: #666;margin-top: 5px;}
.page-article-detail .main-box{padding: 15px 15px 60px;}
.page-article-detail .cover img{width: 100%;height: auto;}
.page-article-detail .small-tag{border-color: #bbb;background: #f1f1f1;color: #333;vertical-align: top;margin-bottom: 4px;}
.page-article-detail .big-title{font-size: 20px; line-height: 1.3em; color: #333; font-weight: bold;padding-bottom: 10px;}
.page-article-detail .info-box{border-bottom: 1px solid #dbdbdb;padding-bottom: 5px;}
.page-article-detail .rich-box{font-size: 16px;line-height: 1.8em; color: #333;}
.page-article-detail .rich-box p{margin-bottom: 25px;}
.page-article-detail .rich-box a{ font-weight: 700; color: #111; text-decoration: none; border-bottom: 2px solid #fadc23;}
.page-article-detail .rich-box img{max-width: 100%;height: auto!important;}
.page-article-detail .rich-box blockquote {    margin: 2em 1em;}
.main-singular .entry-content blockquote p { color: #7d7d7d!important; letter-spacing: 0; font-weight: 400;font-size: .875em!important; line-height: 1.75em;;}
.entry-content blockquote::before {    content: "";    display: block;    width: 1.375em;    height: 1.125em;    margin-top: 0.25em;    margin-bottom: 1em;    padding-right: 1.125em; background-image: url(../img/left-quote-icon-gray.svg);    background-repeat: no-repeat;
}
.page-article-detail .page-footer a{height: 40px;line-height: 38px;}
.page-article-detail .school-info .thumb{width: 30px;height: 30px;border-radius: 4px;border: 1px solid #F1F1F1;overflow: hidden;margin-right: 10px;}
.page-article-detail .school-info .thumb img{border-radius: 4px;}
.page-article-detail .school-info .thumb>div{border-radius: 4px;font-size: 14px;font-weight: bold;color: #FFFFFF;text-align: center;line-height: 28px;background: #FF842B;}
.page-article-detail .school-info h3{font-size: 12px;color: #666;line-height: 18px;}
.page-article-detail .school-info p{color: #bbb;font-size: 12px;margin-top: 2px;}
/*布置作业弹窗*/
.edit-assign-popup .main{padding: 20px 15px;border-top: 1px solid #f1f1f1;}
.edit-assign-popup .course-box{box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);border-radius: 10px;padding: 20px 14px;font-size: 14px;color: #666;}
.edit-assign-popup .course-box .btitle{font-size: 16px;color: #333;font-weight: bold;}
.edit-assign-popup .f-title{font-size: 12px;color: #999;margin-bottom: 10px;}
.edit-assign-popup .f-title em{color: #FF6868;}
.edit-assign-popup input{display:block;width:100%;height: 38px;border: 1px solid #F1F1F1;padding: 0 10px;color: #666;font-size: 14px;line-height: 36px;background: #FBFBFB;}
.edit-assign-popup textarea{display:block;width:100%;height: 190px;border-radius: 10px;padding: 15px;color: #666;font-size: 14px;background: #FBFBFB;border: 1px solid #F1F1F1;}
.edit-assign-popup .van-action-sheet__header{position: relative;}
.edit-assign-popup .delete-btn{position: absolute;left: 16px;font-size: 12px;color: #333;font-weight: normal;}
.edit-assign-popup .delete-btn img{vertical-align: middle;margin-top: -4px;}
/*进阶课合集内容页*/
.page-course-gather-detail{padding-bottom: 77px;}
.page-course-gather-detail .cover-info{padding-top: 56%;position: relative;}
.page-course-gather-detail .cover-info img{position: absolute;top: 0;left: 0;}
/*.page-course-gather-detail .cover-info:after{content: "";background: rgba(0, 0, 0, 0.4);width: 100%;height: 100%;position: absolute;top: 0;left: 0;}*/
.page-course-gather-detail .album-info{border-radius: 0px 0px 10px 10px;padding: 20px 20px 12px;}
.page-course-gather-detail .album-info .operate-btn{display: block;width: 24px;height: 24px;background: url("../img/icon_operate.png") no-repeat center center/24px;}
.page-course-gather-detail .album-info .lock-mode{display: inline-block;vertical-align: top;height: 18px;line-height: 15px;border: 1px solid #333333;border-radius: 2px;font-size: 12px;color: #333;padding: 0 4px;margin-left: 8px;}
.page-course-gather-detail .album-info .c-tag{height: 18px;font-weight: bold;}
.page-course-gather-detail .album-info .ctitle{font-size: 18px;color: #333;font-weight: bold;}
.page-course-gather-detail .album-info .line{width: 100%;height: 1px;}
.page-course-gather-detail .album-info p{font-size: 12px;color: #666;}
.page-course-gather-detail .album-info p img{vertical-align: middle;margin-right: 3px;margin-top: -3px;}
.page-school .tabs-small-line li>a{line-height: 45px;color: #666;font-size: 14px;position: relative;border-bottom: 0;}
.page-school .tabs-small-line .active a{color: var(--theme-org-color);font-weight: bold;}
.page-school .tabs-small-line  .active a:after{content: "";position: absolute;bottom: -4px;left: 50%;width: 20px;height: 4px;background: var(--theme-org-color);margin-left: -10px;border-radius: 4px;}
.page-course-gather-detail .tabs-info{padding: 5px 15px 0;border-radius: 10px;}
.page-course-gather-detail .big-title,.page-course-detail .big-title{color: #333;font-size: 14px;font-weight: bold;}
.page-course-gather-detail .big-title .img,.page-course-detail .big-title .img{display: inline-block;vertical-align: middle;margin-top: -2px;width: 24px;height: 24px;overflow: hidden;}
.page-course-gather-detail .big-title img,.page-course-detail .big-title img{vertical-align: top;-webkit-transform: translateX(24px);-moz-transform: translateX(24px);-o-transform: translateX(24px);transform: translateX(24px);-webkit-filter: drop-shadow(-24px 0px 0px var(--theme-org-color));filter: drop-shadow(-24px 0px 0px var(--theme-org-color));}
.page-course-gather-detail .big-title .num,.page-course-detail .big-title .num{color: #999999;font-size: 12px;font-weight: normal;padding-left: 5px;}
.page-course-gather-detail .btns-box a,.page-courseware-list .btns-box a{height: 34px;line-height:32px;border-radius: 4px;font-size: 14px;}
.page-course-gather-detail .class-list li .num{color: #999;}
.page-course-gather-detail .filter-one{width:100%;height: 38px;color: #333;border: 1px solid #F1F1F1;line-height: 36px;background: url("../img/icon_biaotilan_xuanze.png") no-repeat center right 12px/18px;padding-right: 42px;padding-left: 12px;}
.page-course-gather-detail .progress-list li{padding: 6px 1px 1px;position: relative;margin-bottom: 15px;}
.page-course-gather-detail .progress-list li:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--theme-org-color);opacity: .2;border-radius: 10px;z-index: 1;}
.page-course-gather-detail .progress-list li>a{display: block;border-radius: 10px;background: #fff;padding: 15px;position: relative;z-index: 2;color: #666666;font-size: 12px;}
.page-course-gather-detail .progress-list li .avatar{width: 32px;height: 32px;border: 1px solid #f1f1f1;border-radius: 50%;overflow: hidden;margin-right: 6px;}
.page-course-gather-detail .progress-list li .uname{display:inline-block;vertical-align:middle;font-size: 16px;color: #333;font-weight: bold;max-width: -webkit-calc(100vw - 210px);max-width: -moz-calc(100vw - 210px);max-width: calc(100vw - 210px);}
.page-course-gather-detail .progress-list li .star{display:inline-block;vertical-align:middle;background:var(--theme-org-color) url("../img/img_yuepu_nandu_bai.png") no-repeat left 6px center/12px;padding:0 6px 0 22px;height: 21px;border-radius: 20px;font-size: 12px;font-weight: bold;line-height: 21px;color: #fff;margin-left: 15px; }
.page-course-gather-detail .progress-list li .s-arrow{display: block;width: 10px;height: 10px;background: url("../img/icon_biaotilan_gengduo.png") no-repeat center center/10px;}
.page-course-gather-detail .progress-list li .line{background:var(--theme-org-color);opacity: .2;width: 100%;height: 1px;border-radius: 10px;margin: 20px 0 10px;}
.page-course-gather-detail .progress-list li .c-num{color: #333;font-weight: bold;padding-right: 10px;}
.page-course-gather-detail .progress-list li .c-line{width: 100px;height: 4px;border-radius: 24px;overflow: hidden;position: relative;}
.page-course-gather-detail .progress-list li .c-line:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:var(--theme-org-color);opacity: .4;border-radius: 24px;}
.page-course-gather-detail .progress-list li .c-line .inner{height: 4px;border-radius: 24px;background:var(--theme-org-color);position: relative;z-index: 2;}
.page-course-gather-detail .wo,.person-list .wo{display: inline-block;vertical-align: middle;width: 24px;height: 16px;border-radius: 20px;border: 1px solid #333333;line-height: 14px;text-align: center;font-size: 12px;color: #333;margin-left: 4px;margin-top: -2px;}
.page-course-gather-detail .nodata{margin-bottom: 0!important;}
/*课程列表*/
.course-list .num{color: #999;font-size: 12px;margin-right: 8px;}
.course-list li{padding: 15px 0;border-bottom: 1px solid #f1f1f1;}
.course-list h3{font-size: 14px;color: #333;margin-bottom: 8px;}
.course-list h3>a{color: inherit;}
.course-list p{color: #666;font-size: 12px;}
.course-list .assign-btn{display:block;width: 60px;height: 21px;border-radius: 100px;line-height: 19px;text-align: center;font-size: 12px;color: #333;border: 1px solid #333;margin-left: 8px;}
.course-list .assign-btn.bg{background: #333;color: #fff;}
.course-list li .operate-btn{display: block;width: 24px;height: 24px;background: url("../img/icon_operate_hui.png") no-repeat center center/24px;margin-left: 8px;}
.course-list .status{display: block;width: 24px;height: 24px;overflow: hidden;margin-left: 8px;}
.course-list .status img{vertical-align: top;-webkit-transform: translateX(24px);-moz-transform: translateX(24px);-o-transform: translateX(24px);transform: translateX(24px);-webkit-filter: drop-shadow(-24px 0px 0px var(--theme-org-color));filter: drop-shadow(-24px 0px 0px var(--theme-org-color));}
.course-list .zy{color: #999;font-size: 12px;padding-left: 8px;}
.course-list li.active h3,.course-list li.active .num,.course-list li.active p{color: var(--theme-org-color);}
.course-user-footer{position: fixed;width: 100%;max-width: 750px;bottom: 0;left: auto;height: 70px;border-radius: 10px 10px 0px 0px;padding: 0 15px;z-index: 88;}
.course-user-footer .avatar{width: 38px;height: 38px;border: 1px solid #bbb;border-radius: 50%;overflow: hidden;margin-right: 6px;}
.course-user-footer .role{vertical-align: middle;margin-left: 5px;background: var(--theme-org-color);}
.course-user-footer p{color: #666666;font-size: 12px;}
.course-user-footer .username{font-size: 14px;color: #333;font-weight: bold;padding-right: 10px;}
.course-user-footer .username .van-ellipsis{display: inline-block;vertical-align: middle;max-width: -webkit-calc(100% - 39px);max-width: -moz-calc(100% - 39px);max-width: calc(100% - 39px);}
.course-user-footer a{display: inline-block;vertical-align: top;height: 21px;padding: 0 6px;line-height: 21px;background:var(--theme-org-color);font-size: 12px;color: #fff;font-weight: bold; border-radius: 100px;}
.course-user-footer a.bg-b{background: #bbb;}
.course-user-footer a.plain{background: #fff;color: #999999;border: 1px solid #F1F1F1;line-height: 18px;}
/*班级详情弹窗*/
.class-detail-popup .person-info p{font-size: 12px;}
.class-detail-popup .page-person-Detail{border-top: 1px solid #f1f1f1;}
.class-detail-popup .tag{display: inline-block;width: 34px;height: 18px;border-radius: 2px;vertical-align: middle;line-height: 15px;text-align: center;font-size: 12px;color: #999;margin-right: 5px;border: 1px solid #F1F1F1;font-weight: normal;margin-top: -2px;}
/*排序*/
.page-list-order{padding: 15px 15px 64px;}
.page-list-order .belongs-box{border-radius: 4px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);padding: 20px 15px;}
.page-list-order .belongs-box{padding: 15px;color: #333;font-size: 14px;font-weight: bold;}
.page-list-order .belongs-box .c-tag{vertical-align: middle;margin-right: 4px;margin-top: -2px;}
.page-list-order .list li{padding: 11px 0;color: #333;font-size: 14px;}
.page-list-order .list li:not(:first-child){border-top: 1px solid #f1f1f1;}
.page-list-order .list li .arrow{display: block;width: 30px;height: 30px;overflow: hidden;margin-left: 15px;}
.page-list-order .list li .arrow img{vertical-align: top;-webkit-transform: translateX(30px);-moz-transform: translateX(30px);-o-transform: translateX(30px);transform: translateX(30px);-webkit-filter: drop-shadow(-30px 0px 0px var(--theme-org-color));filter: drop-shadow(-30px 0px 0px var(--theme-org-color));}
.page-list-order .list li .arrow.up{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.page-list-order .list li .num{font-size: 12px;color: #999;padding-right: 8px;}
.page-list-order .sort-border-btn{width: 106px;height: 20px;border-radius: 4px;border: 1px solid #666666;line-height: 17px;color: #666;}
.page-list-order .picture-list{display: -webkit-flex;display: -moz-box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.page-list-order .picture-list li{width: 33.3%;padding:0 5px;position: relative;}
.page-list-order .picture-list .img-box{display: block;padding-top: 100%;position: relative;border: 1px solid #F1F1F1;}
.page-list-order .picture-list .img-box img{position: absolute;top: 0;left: 0;}
/*课程视频详情*/
.page-course-detail .video-show{width: 100%;padding-top: 54%;position: relative;}
.page-course-detail .video-show>div{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.page-course-detail .course-info{padding: 20px 14px;background: #000;}
.page-course-detail .course-info .operate-btn{display: block;width: 24px;height: 24px;background: url("../img/icon_tongyong_gengduo_bai.png") no-repeat center center/24px;margin-left: 4px;}
.page-course-detail .course-info h2{font-size: 20px;color: #fff;font-weight: bold;margin-bottom: 15px;line-height: 28px;}
.page-course-detail .course-info .c-title{color: #FFFFFF;font-size: 14px;}
.page-course-detail .course-info .c-title .circle{display: inline-block;vertical-align: middle;width: 14px;height: 14px;border: 2px solid var(--theme-org-color);border-radius: 50%;margin-right: 5px;margin-top: -2px;}
.page-course-detail .course-info .c-list{padding-top:15px;overflow-x: auto;margin-right: -14px;}
.page-course-detail .course-info .c-list::-webkit-scrollbar{display: none;}
.page-course-detail .course-info .c-list li{width: 106px;height: 60px;border-radius: 10px;border: 2px solid #666666;margin-right:10px;padding: 0 7px;font-size: 12px;color: #fff;display: -webkit-flex;display: -moz-box;display: flex;-webkit-align-items: center;-moz-box-align: center;align-items: center;-webkit-justify-content: center;-moz-box-pack: center;justify-content: center;}
.page-course-detail .course-info .c-list li.active{background:#fff;color: #333;border-color: #fff;}
.page-course-detail .h-task{border-radius: 12px;color: #333;font-size: 14px;margin-top: 20px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);padding: 15px 14px;}
.page-course-detail .h-title{font-size: 16px;color: #333;font-weight: bold;}
.page-course-detail .h-task .play-progress .ui-list-info{border: 1px solid #333333;position: relative;border-radius: 100px;height: 10px;margin-right: 5px;}
.page-course-detail .h-task .play-progress .ui-list-info>div{border-radius: 100px;height:100%;background:var(--theme-org-color);border-right: 1px solid #333333;}
.page-course-detail .h-task .circle-title .circle{display: inline-block;vertical-align: middle;width: 10px;height: 10px;border: 2px solid #333333;border-radius: 50%;margin-right: 7px;margin-top: -3px;}
.page-course-detail .h-task .homework-info{border-top: 1px dashed #bbb;padding-top: 15px;}
.page-course-detail .h-task .homework-info .count-list{margin: 15px 0;background: #FAFAFA;border-radius: 10px;padding: 15px 0;}
.page-course-detail .h-task .homework-info .count-list li{width: 25%;color: #666;font-size: 12px;text-align: center;}
.page-course-detail .h-task .homework-info .count-list li .zhi{font-weight: bold;color: #333;font-size: 13px;margin-bottom: 5px;}
.page-course-detail .h-task .return-card{background:#FAFAFA url("../img/icon_arrow_more_small.png") no-repeat center right 12px/14px;padding: 15px 70px 16px 17px;border-radius: 12px;}
.page-course-detail .h-task .return-card .avatar{width: 32px;height: 32px;border: 1px solid #f1f1f1;border-radius: 50%;overflow: hidden;margin-right: 10px;}
.page-course-detail .h-task .return-card .time{font-size: 12px;color: #999;}
.page-course-detail .h-task .finish-state{display:block;max-width: 315px;width: 100%;height: auto;margin: 0 auto;}
.page-course-detail .app-download-guide{padding: 30px 12px 0;}
.page-course-detail .s-guide{background: #222;padding: 17px 0 24px;}
.page-course-detail .s-guide h3{color: #fff;}
.page-course-detail .s-guide p{color: #f1f1f1;}
.w180{width: 180px;margin: 0 auto;}
.page-course-detail .overdate-box{background: #222222;text-align: center;padding: 44px 15px 37px;font-size: 14px;color: #bbb;}
.page-course-detail .overdate-box .uname{font-size: 16px;color: #fff;font-weight: bold;}
.page-course-detail .overdate-box .uname .c-tag{background: #fff;vertical-align: middle;margin-right: 5px;color: #333333;}
.page-course-detail .overdate-box a{display: block;width: 180px;height: 45px;border-radius: 100px;border: 2px solid var(--theme-org-color);line-height: 40px;color: var(--theme-org-color);font-weight: bold;font-size: 16px;background: #fff;margin: 20px auto 0;}
.page-course-detail .album-box .cover{width: 70px;height: 40px;border-radius: 4px;border: 1px solid #F1F1F1;overflow: hidden;margin-right: 10px;}
.page-course-detail .album-box h3{font-size: 14px;color: #3D3D3D;}
.page-course-detail .album-box p{color: #999999;font-size: 12px;margin-top: 5px;}
.page-course-detail .tabs-box li>a{color: #666;}
.page-course-detail .small-title img{margin-top:-3px;margin-right: 8px;}
.page-course-detail .small-title{font-size: 14px;font-weight: bold;color: #333333;}
.page-course-detail .small-title .num{font-size: 12px;font-weight: normal;color: #999999;padding-left: 5px;}
.c-belongs-info{border-radius: 10px;background: #F1F1F1;border: 1px solid #EAEAEA;padding: 12px 18px 20px;}
.c-belongs-info .title{font-size: 12px;line-height: 22px;color: #999999;margin-bottom: 5px;}
.c-belongs-info .thumb{width: 107px;height: 60px;border-radius: 4px;overflow: hidden;position: relative;margin-right: 10px;}
.c-belongs-info .cover{position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);top:0;left: 0;}
.c-belongs-info .c-tag{position: absolute;top:6px;right: 6px;}
.c-belongs-info h3{font-size: 14px;color: #333;line-height: 20px;font-weight: bold;}
.c-belongs-info .ui-list-info p{font-size: 12px;color: #666;margin-top: 4px;}
/*学员课程进度*/
.page-student-progress{padding: 30px 15px;}
.page-student-progress .user-info{margin-bottom: 18px;font-size: 14px;color: #666;}
.page-student-progress .user-info .avatar{width: 38px;height: 38px;border: 1px solid #BBBBBB;border-radius: 50%;overflow: hidden;margin-right: 10px;}
.page-student-progress .user-info .uname{font-size: 16px;color: #333;font-weight: bold;padding-left: 5px;max-width: -webkit-calc(100% - 82px);max-width: -moz-calc(100% - 82px);max-width: calc(100% - 82px);}
.page-student-progress .user-info .mobile{margin: 16px 0 8px;}
.page-student-progress .user-info .role{vertical-align: middle;margin-top: -3px;background: var(--theme-org-color);}
.page-student-progress .user-info .split{width: -webkit-calc(50% - 21px);width: -moz-calc(50% - 21px);width: calc(50% - 21px);}
.page-student-progress .user-info .v-line{width: 1px;height: 10px;background: #BBBBBB;margin: 0 20px;}
.page-student-progress .vip-info{box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);padding: 20px;border-radius: 10px;font-size: 14px;color: #333;margin-bottom: 24px;}
.page-student-progress .vip-info .v-title{color: #999;font-size: 12px;font-weight: bold;margin-bottom: 15px;}
.page-student-progress .vip-info .status{display: inline-block;vertical-align: middle;border-radius: 2px;padding: 3px 4px;font-size: 12px;line-height: 14px;}
.page-student-progress .vip-info .yx{background: rgba(0, 167, 88, 0.1);border: 1px solid #00A758;color: #00A758;}
.page-student-progress .vip-info .wkq{background: rgba(153, 153, 153, 0.1);border: 1px solid #999999;color: #999999;}
.page-student-progress .vip-info .gq{background: rgba(255, 0, 20, 0.1);border: 1px solid #FF0014;color: #FF0014;}
.page-student-progress .statement-list{margin-top: 20px;}
.page-student-progress .statement-list li{text-align: center;font-size: 12px;color: #999;}
.page-student-progress .statement-list li .van-circle{display: block;margin-bottom: 10px;}
.page-student-progress .statement-list li .star-circle{width: 80px;height: 80px;border: 2px solid #FFC72B;border-radius: 50%;background: url("../img/img_jiaoshi_xingxing.png") no-repeat center center/90px;margin-bottom: 10px;}
.page-student-progress .statement-list li .zhi{font-size: 16px;color: #666;font-weight: bold;margin-top: 6px;}
.page-student-progress .consume-list{margin: 4px -15px;}
.page-student-progress .app-download-guide{padding: 40px 8px 0;}
.page-student-progress .user-v-info .avatar{margin: 0 auto 15px;}
.page-student-progress .user-v-info{text-align: center;}
.page-student-progress .user-v-info .c-tag{vertical-align: middle;margin-top: -5px;}
.page-student-progress .line-title{margin: 30px 0;}
.card-info-dialog{padding: 20px;}
.card-info-dialog ul li{font-size: 14px;color: #333;margin-bottom: 20px;}
.card-info-dialog ul li .stitl{color: #666666;}
.mini-guide-dialog .check-status{padding: 54px 0 48px;}
.mini-guide-dialog .check-status h3{font-size: 18px;font-weight: bold;}
.mini-guide-dialog .check-status p{font-size: 14px;margin: 10px 0 20px;}
.mini-guide-dialog .cancel-btn,.homework-status-dialog .cancel-btn{display: block;width: 22px;height: 22px;background: url("../img/icon_actionsheet_cha.png") no-repeat center center/22px;position: absolute;top:10px;right: 10px;}
.homework-status-dialog .main{min-height: 292px;padding: 28px 27px 20px;text-align: center;}
.homework-status-dialog .primary-btn{margin-top: 0;border-color: inherit;}
.homework-status-dialog h2{font-size: 20px;font-weight: bold;line-height: 26px;}
.homework-status-dialog h3{font-size: 16px;color: #3D3D3D;font-weight: bold;}
.homework-status-dialog h3 span{max-width: 110px;display: inline-block;vertical-align: middle;margin-top: -4px;}
.homework-status-dialog p{color: #666;font-size: 14px;}
.homework-status-dialog .state{width:130px;height:130px;background-image:url("../img/img_task_state_1.png");-o-background-size:auto 100%;background-size:auto 100%;background-repeat:no-repeat;margin: 0 auto 7px;}
.homework-status-dialog .state2 {background-image: url("../img/img_task_state_2.png");}
.homework-status-dialog .state3{background-image: url("../img/img_task_state_3.png");}
.homework-status-dialog .state.sign{-webkit-animation: popupShow 1.6s steps(8) forwards infinite;-moz-animation: popupShow 1.6s steps(8) forwards infinite;-o-animation: popupShow 1.6s steps(8) forwards infinite;animation: popupShow 1.6s steps(8) forwards infinite;}
@-webkit-keyframes popupShow { 0%{background-position: 0 0;} 100%{background-position: -1040px 0;} }
@-moz-keyframes popupShow { 0%{background-position: 0 0;} 100%{background-position: -1040px 0;} }
@-o-keyframes popupShow { 0%{background-position: 0 0;} 100%{background-position: -1040px 0;} }
@keyframes popupShow { 0%{background-position: 0 0;} 100%{background-position: -1040px 0;} }
/*上传视频弹窗*/
.upload-video-popup .panel-form{padding: 30px 14px 84px;height: -webkit-calc(100vh - 122px);height: -moz-calc(100vh - 122px);height: calc(100vh - 122px);overflow-y: auto;overflow-x: hidden;}
.upload-video-popup .panel-form .form-titl{color: #999;font-size: 12px;font-weight: bold;}
.upload-video-popup .panel-form .form-border{height: 38px;line-height: 36px;background: #FBFBFB;color: #666;}
.upload-video-popup .panel-form .form-item{margin-bottom: 0;}
.upload-video-popup .footer-btn{position: absolute;bottom: 0;padding: 20px 28px;width: 100%;left: 0;background: #fff;}
.sort-popup .list{height: -webkit-calc(100vh - 215px);height: -moz-calc(100vh - 215px);height: calc(100vh - 215px);overflow-y: auto;overflow-x: hidden;}
.sort-popup .page-list-order{padding: 0 15px 28px;}
/*老师限额*/
.teacher-num-card{height: 50px;border-radius: 10px;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);font-size: 14px;color: #666;margin: 20px 0 15px;}
.teacher-num-card .line{width: 1px;height: 12px;border-radius: 0px 0px 10px 10px;background: #DDDDDD;}
.teacher-num-tip img{margin-left: 2px;margin-top: -2px;}
/*机构老师数量上限详情页*/
.page-tmax-detail .bgc-r10{padding: 20px 15px;}
.page-tmax-detail .a-title{font-size: 12px;color: #999;font-weight: bold;}
.page-tmax-detail .num-card{border-radius: 10px;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);position: relative;}
.page-tmax-detail .num-card:before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 50px;border-radius: 0px 0px 10px 10px;background: var(--theme-org-color);opacity: .08;}
.page-tmax-detail .num-card .main{padding: 22px 0 27px;font-size: 12px;color: #999;}
.page-tmax-detail .num-card .main .num{font-size: 24px;color: #333333;font-weight: bold;}
.page-tmax-detail .num-card .foot{height: 50px;color:var(--theme-org-color);font-size: 14px; }
.page-tmax-detail .num-card .foot .line{width: 1px;height: 12px;border-radius: 0px 0px 10px 10px;background: var(--theme-org-color);}
.page-tmax-detail .illustrate-card{border-radius: 10px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);padding: 15px 20px;}
.page-tmax-detail .illustrate-card .cnt{font-size: 12px;color: #333;font-weight: bold;line-height: 17px;}
.page-tmax-detail .illustrate-card .cnt span{font-size: 14px;}
.page-tmax-detail .illustrate-card .org-info .thumb{width: 60px;height: 60px;border-radius: 4px;border: 2px solid #F1F1F1;overflow: hidden;margin-right: 8px;}
.page-tmax-detail .illustrate-card .org-info .thumb img{border-radius: 4px;}
.page-tmax-detail .illustrate-card .org-info .thumb>div {border-radius: 4px;font-size: 30px;font-weight: bold;color: #FFFFFF;text-align: center;line-height: 56px;background: #FF842B;}
.page-tmax-detail .illustrate-card .org-info h3{font-size: 14px;color: #333;line-height: 18px;}
.page-tmax-detail .illustrate-card .org-info p {color: #666;font-size: 12px;margin-top: 4px;line-height: 17px;}
.page-tmax-detail .illustrate-card .primary-btn{width: 120px;height: 34px;border-radius: 4px;line-height: 32px;font-size: 14px;margin: 20px auto 0;}
.page-tmax-detail .apply-tmax-list li{border-radius: 10px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);font-size: 12px;color: #9e9e9e;margin-bottom: 15px;}
.page-tmax-detail .apply-tmax-list li>a{display: block;color: inherit;padding: 20px 15px 0;}
.page-tmax-detail .apply-tmax-list li .avatar{width: 32px;height: 32px;border: 1px solid #F1F1F1;border-radius: 50%;overflow: hidden;margin-right: 8px;}
.page-tmax-detail .apply-tmax-list li .uname{font-size: 12px;color: #333;font-weight: bold;}
.page-tmax-detail .apply-tmax-list li .title{font-size: 14px;color: #333;}
.page-tmax-detail .apply-tmax-list li .foot{margin-top: 15px;border-top: 1px solid #f1f1f1;line-height: 40px;color: #666;}
.page-tmax-detail .apply-tmax-list li .thumb{width: 60px;height: 60px;border-radius: 4px;border: 2px solid #F1F1F1;overflow: hidden;margin-right: 12px;}
.page-tmax-detail .apply-tmax-list li .thumb img{border-radius: 4px;}
.page-tmax-detail .apply-tmax-list li .thumb>div {border-radius: 4px;font-size: 30px;font-weight: bold;color: #FFFFFF;text-align: center;line-height: 56px;background: #FF842B;}
.page-tmax-detail .group-num-card{border-radius: 10px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);padding: 20px 20px 24px;font-size: 12px;color: #999;}
.page-tmax-detail .group-num-card li{width: 50%;}
.page-tmax-detail .group-num-card li p:first-child{font-size: 20px;font-weight: bold;color: #333333;margin-bottom: 5px;}
/*增加老师限额申请弹窗*/
.apply-tmax-popup .footer-btn{position: absolute;bottom: 0;padding: 20px 28px;width: 100%;left: 0;background: #fff;}
.apply-tmax-popup .main-cnt{padding: 10px 15px 84px;height: -webkit-calc(100vh - 122px);height: -moz-calc(100vh - 122px);height: calc(100vh - 122px);overflow-y: auto;overflow-x: hidden;border-top: 1px solid #f1f1f1;}
.apply-tmax-popup .info-card{border-radius: 10px;padding: 20px 14px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);font-size: 12px;color: #999;}
.apply-tmax-popup .info-card ul{font-size: 14px;color: #333;line-height: 18px;}
.apply-tmax-popup .info-card ul .titl{color: #666;}
.apply-tmax-popup .info-card ul li{margin-top: 10px;}
.apply-tmax-popup .form-info{font-size: 14px;color:#333; }
.apply-tmax-popup .f-titl{color: #666;padding-right: 5px;}
.apply-tmax-popup .form-info .avatar{width: 29px;height: 29px;border: 1px solid #F1F1F1;margin-right: 8px;border-radius: 50%;overflow: hidden;}
.apply-tmax-popup .form-info .uname{font-size: 12px;color: #333;font-weight: bold;}
.apply-tmax-popup .form-info .van-field{width: 80px;height: 30px;padding: 0 11px;border: 1px solid #F1F1F1;line-height: 28px;margin: 0 8px;}
/*“增加老师限额”申请表详细*/
.page-tmax-apply-detail .bgc-r10{padding: 22px 15px;}
.page-tmax-apply-detail .small-title{font-size: 12px;color: #999;}
.page-tmax-apply-detail .handle-org{border-radius: 12px;background: #F1F1F1;padding: 8px 1px 1px;}
.page-tmax-apply-detail .handle-org>div{background: #fff;border-radius: 12px;padding: 10px;}
.page-tmax-apply-detail .handle-org .thumb{width: 60px;height: 60px;border-radius: 4px;border: 2px solid #F1F1F1;overflow: hidden;margin-right: 12px;}
.page-tmax-apply-detail .handle-org .thumb img{border-radius: 4px;}
.page-tmax-apply-detail .handle-org .thumb>div {border-radius: 4px;font-size: 30px;font-weight: bold;color: #FFFFFF;text-align: center;line-height: 56px;background: #FF842B;}
.page-tmax-apply-detail .handle-org h3{font-size: 14px;color: #333;line-height: 18px;}
.page-tmax-apply-detail .handle-org p {color: #666;font-size: 12px;margin-top: 4px;line-height: 17px;}
.page-tmax-apply-detail .apply-org{background: #FBFBFB;border: 1px solid #F1F1F1;border-radius: 10px;padding: 15px 20px;}
.page-tmax-apply-detail .apply-org .info .thumb{width: 60px;height: 60px;border-radius: 4px;border: 2px solid #F1F1F1;overflow: hidden;margin-right: 8px;}
.page-tmax-apply-detail .apply-org .info .thumb img{border-radius: 4px;}
.page-tmax-apply-detail .apply-org .info .thumb>div {border-radius: 4px;font-size: 30px;font-weight: bold;color: #FFFFFF;text-align: center;line-height: 56px;background: #FF842B;}
.page-tmax-apply-detail .apply-org .info h3{font-size: 14px;color: #333;line-height: 18px;}
.page-tmax-apply-detail .apply-org .info p {color: #666;font-size: 12px;margin-top: 4px;line-height: 17px;}
.page-tmax-apply-detail .list li{margin-top: 15px;color: #333;font-size: 14px;}
.page-tmax-apply-detail .list li .titl{color: #666;}
.page-tmax-apply-detail .list li .avatar{width: 29px;height: 29px;border: 1px solid #F1F1F1;margin-right: 8px;border-radius: 50%;overflow: hidden;}
.page-tmax-apply-detail .list li .uname{font-size: 12px;color: #333;font-weight: bold;}
.page-tmax-apply-detail .handle-info{border-radius: 4px;background: #E5F5FF;border: 1px solid #93D5FF;padding: 20px;}
.page-tmax-apply-detail .handle-info p{color: #333;font-size: 12px;font-weight: bold;text-align: center;}
.page-tmax-apply-detail .handle-info ul li{margin-top: 10px;font-size: 14px;color: #666;}
.page-tmax-apply-detail .handle-info ul li .titl{color: #333;font-weight: bold;}
.page-tmax-apply-detail .handle-info.error{border-color:#FFAEAE;background: #FFEFEF;}
.page-tmax-apply-detail .handle-info.error .cnt{font-size: 14px;color: #666;line-height: 18px;}
/*分校信息*/
.group-school-info .thumb{width: 70px;height: 70px;border-radius: 6px;border: 2px solid #F1F1F1;overflow: hidden;margin-right: 8px;}
.group-school-info .thumb img{border-radius: 6px;}
.group-school-info .thumb>div{border-radius: 6px;font-size: 36px;font-weight: bold;color: #FFFFFF;text-align: center;line-height: 66px;background: #FF842B;}
.group-school-info h3{font-size: 16px;color: #333;line-height: 21px;font-weight: bold;}
.group-school-info p{color: #666;font-size: 12px;margin-top: 5px;line-height: 17px;}
/*集团管理*/
.page-group-detail .bgc-r10{padding: 20px 15px;}
.page-group-detail .num-card{border-radius: 10px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);display: -webkit-flex;display: -moz-box;display: flex;-webkit-justify-content: space-around;justify-content: space-around;-webkit-align-items: center;-moz-box-align: center;align-items: center;height: 96px;text-align: center;font-size: 12px;color: #999;}
.page-group-detail .num-card a{color: inherit;display: block;}
.page-group-detail .num-card li p:first-child{font-size: 24px;font-weight: bold;color:var(--theme-org-color);margin-bottom: 5px; }
.page-group-detail .big-title{color: #333;font-size: 14px;font-weight: bold;}
.page-group-detail .big-title .img{display: inline-block;vertical-align: middle;margin-top: -2px;width: 20px;height: 20px;overflow: hidden;}
.page-group-detail .big-title img{vertical-align: top;-webkit-transform: translateX(20px);-moz-transform: translateX(20px);-o-transform: translateX(20px);transform: translateX(20px);-webkit-filter: drop-shadow(-20px 0px 0px var(--theme-org-color));filter: drop-shadow(-20px 0px 0px var(--theme-org-color));}
.page-group-detail .big-title .num{color: #999999;font-size: 12px;font-weight: normal;padding-left: 5px;}
.page-group-detail .limit-card{height: 50px;border-radius: 10px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);padding: 0 16px 0 14px;font-size: 12px;color: #999999;}
.page-group-detail .limit-card .num{font-size: 16px;font-weight: bold;color: #333;margin-right: 6px;}
.page-group-detail .limit-card .arrow{margin-left: 6px;}
.page-group-detail .person-list li{border-bottom: 0;}
.page-group-detail .person-list .ui-flex{padding: 10px 0;}
.page-group-detail .person-list h4{font-size: 12px;font-weight: bold;padding-right: 8px;margin-bottom: 2px;}
.page-group-detail .person-list p{font-size: 12px;color: #9E9E9E;}
.page-group-detail .group-school-info .update-btn .menu-tishi{--menu-default-width:16px;--menu-default-height:16px;--menu-drop-default-width:-16px;margin-top: -5px;}
.page-group-detail .group-school-info .update-btn{font-size: 12px;color:var(--theme-org-color);}
.page-group-detail .group-school-info .update-btn .txt{text-decoration: underline;}
/*midi音乐合成页面*/
.page-midi-blend{padding: 15px 15px 74px;color: #333;font-size: 16px;}
.page-midi-blend+.page-footer{padding: 15px;}
.page-midi-blend .btitle{font-size: 20px;color: #333;}
.page-midi-blend .stitle{font-size: 14px;color: #333;margin-top: 5px;}
.page-midi-blend .warn{font-size: 14px;font-weight: bold;color: #FF6868;}
.page-midi-blend .van-circle__text{font-size: 18px;font-weight: bold;}
/*排序设置弹窗*/
.sort-setting-popup .van-action-sheet__header{text-align: left;padding-left: 15px;}
.sort-setting-popup li{height: 48px;border-top: 1px solid #f1f1f1;font-size: 14px;color: #333;padding: 0 15px;}
.sort-setting-popup li .menu{width: 24px;height: 24px;overflow: hidden;}
.sort-setting-popup li .menu img{vertical-align: top;-webkit-transform: translateX(24px);-moz-transform: translateX(24px);-o-transform: translateX(24px);transform: translateX(24px);-webkit-filter: drop-shadow(-24px 0px 0px var(--theme-org-color));filter: drop-shadow(-24px 0px 0px var(--theme-org-color));}
/*登录设备管理*/
.page-device-manage .top-info{padding: 20px 15px 5px;}
.page-device-manage .top-info .avatar{width: 54px;height: 54px;border: 2px solid #F1F1F1;border-radius: 50%;overflow: hidden;margin-right: 10px;}
.page-device-manage .top-info h2{font-size: 16px;font-weight: bold;color: #333;margin-bottom: 4px;}
.page-device-manage .top-info p{color: #9E9E9E;font-size: 12px;}
.page-device-manage .device-info{padding: 16px 0;}
.page-device-manage .device-info:not(:last-child){border-bottom: 1px solid #f1f1f1;}
.page-device-manage .device-info h3{font-size: 14px;color: #333;margin-bottom: 6px;}
.page-device-manage .device-info p{font-size: 12px;color: #999;}
.page-device-manage .device-info .d-menu{margin-right: 10px;}
.page-device-manage .device-info .d-sign{display:block;width: 58px;height: 18px;border-radius: 20px;background: #0ECB76;line-height: 18px;font-size: 12px;color: #fff;text-align: center;margin-left: 10px;}
.page-device-manage .device-info .d-delete{display: block;width: 18px;height: 18px;background: url("../img/icon_shebeiguanli_shanchu.png") no-repeat center center/18px;margin-left: 10px;}
.page-device-manage .stitle{font-size: 14px;font-weight: bold;color: #333333;padding-top: 20px;}
.page-device-manage .stip{font-size: 12px;color: #999;}
/*删除midi弹窗*/
.delete-midi-popup .main{padding: 25px 15px 69px;border-top: 1px solid #f1f1f1;max-height: -webkit-calc(100vh - 240px);max-height: -moz-calc(100vh - 240px);max-height: calc(100vh - 240px);overflow-y: auto;overflow-x: hidden;}
.delete-midi-popup .d-title{color: #666;font-size: 14px;padding-bottom: 25px;}
.delete-midi-popup .d-tip{color: #333;font-size: 12px;font-weight: bold;}
.delete-midi-popup ul{padding-bottom: 30px;}
.delete-midi-popup ul li{margin-top: 15px;border-radius: 10px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);padding: 20px 15px;font-size: 12px;color: #666;}
.delete-midi-popup ul li .role{background: #FF842B;height: 19px;line-height: 19px;margin-right: 8px;vertical-align: middle;font-size: 12px;margin-top: -2px;}
.delete-midi-popup ul li p{line-height: 19px;margin-bottom: 14px;}
.delete-midi-popup .btns{position: absolute;bottom: 0;left: 0;width: 100%;padding: 0 15px 25px;}
/*机构消息*/
.page-school-message .bgc-r10{padding: 20px 15px;}
.page-school-message .second-title .van-badge{vertical-align: middle;margin-left: 6px;height: 19px;line-height: 19px;margin-top: -3px;width: 27px;text-align: center;}
.page-school-message .message-list li{border-radius: 10px;padding: 20px 14px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);margin-bottom: 15px;color: #333;font-size: 12px;}
.page-school-message .message-list li>a{display: block;color: inherit;}
.page-school-message .message-list li .van-badge{width: 6px;height: 6px;min-width: 6px;vertical-align: middle;margin-left: 5px;margin-top: -2px;}
.page-school-message .message-list li .avatar{width: 54px;height: 54px;border: 2px solid #F1F1F1;margin-right: 10px;border-radius: 50%;overflow: hidden;}
.page-school-message .message-list li h3{font-size: 16px;font-weight: bold;padding-top: 4px;margin-bottom: 7px;}
.page-school-message-detail{padding: 30px 15px;}
.page-school-message-detail .big-title{font-size: 20px;color: #333;font-weight: bold;}
.page-school-message-detail .user-box .avatar{width: 54px;height: 54px;border: 2px solid #F1F1F1;border-radius: 50%;overflow: hidden;margin-right: 8px;}
.page-school-message-detail .user-box h4{font-size: 14px;color: #333;font-weight: bold;}
.page-school-message-detail .user-box h4 .role{margin-right: 3px;height: 19px;line-height: 17px;vertical-align: middle;margin-top: -3px;}
.page-school-message-detail .user-box p{color: #9E9E9E;font-size: 12px;}
.page-school-message-detail .cnt{border-radius: 4px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);padding: 20px 15px;color: #666666;font-size: 14px;}
.page-error{padding: 60px 25px;text-align: center;font-size: 14px;color: #999;}
.page-error .primary-btn{height: 40px;line-height: 38px;}
/*校长助理弹窗*/
.setting-assistant-popup{padding-bottom: 0;}
.setting-assistant-popup .tip{font-size: 16px;font-weight: bold;color: #333;margin-bottom: 15px;margin-top: -5px;}
.setting-assistant-popup .person-card{padding: 20px 14px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);border-radius: 10px;font-size: 12px;color: #666;}
.setting-assistant-popup .person-card .avatar{width: 38px;height: 38px;border: 1px solid #BBBBBB;border-radius: 50%;overflow: hidden;margin-right: 10px;}
.setting-assistant-popup .person-card .ui-list-info{font-size: 16px;font-weight: bold;color: #333;}
.setting-assistant-popup .person-card .role{vertical-align: middle;margin-top: -2px;}
.setting-assistant-popup .description-title{font-size: 12px;color: #999;}
.setting-assistant-popup .description-title img{vertical-align: middle;margin-top: -2px;margin-right: 2px;}
.setting-assistant-popup .description-title a{color: #999999;}
.setting-assistant-popup .description-list{padding: 15px 20px;background: #FBFBFB;border: 1px solid #F1F1F1;border-radius: 10px;color: #333333;font-size: 14px;}
.setting-assistant-popup .description-list .title{color: #666666;}
.setting-assistant-popup .description-list li:not(:last-child){margin-bottom: 10px;}
.setting-assistant-popup .list-cnt{padding: 1px;}
.setting-assistant-popup .primary-btn{height: 40px;line-height: 38px;}
.setting-assistant-popup .primary-btn.bg-error{border-color: #FF6868;}
/*选择弹窗*/
.choose-radio-popup .list-cnt{height: -webkit-calc(100vh - 200px);height: -moz-calc(100vh - 200px);height: calc(100vh - 200px);overflow-y: auto;overflow-x: hidden;border-top: 1px solid #f1f1f1;}
.choose-radio-popup .radio-list li .inline-flex{display: -webkit-inline-flex;display: -moz-inline-box;display: inline-flex;max-width: 100%;-webkit-align-items: center;-moz-box-align: center;align-items: center;}
.choose-radio-popup .radio-list li .inline-flex .circle,.choose-radio-popup .radio-list li .inline-flex .num{-webkit-flex-shrink: 0;flex-shrink: 0;}
.choose-radio-popup .radio-list li .inline-flex .info{-webkit-flex: 1;-moz-box-flex: 1;flex: 1;}
.choose-radio-popup .radio-list li .inline-flex .num{color: #999;font-size: 12px;margin-left: 8px;}
.choose-radio-popup .radio-list .circle{width: 16px;height: 16px;border: 1px solid #BBBBBB;border-radius: 50%;padding: 3px;margin-right: 15px;}
.choose-radio-popup .radio-list .active .circle{border-color:var(--theme-org-color);}
.choose-radio-popup .radio-list .active .circle>div{width:8px;height:8px;border-radius: 50%;background:var(--theme-org-color); }
.choose-radio-popup .radio-list li{border-bottom: 1px solid #f1f1f1;padding:12px 15px;color: #333;font-size: 14px;}
.choose-radio-popup .radio-list li .days{color: #999;font-size: 12px;margin-top: 5px;}
.choose-radio-popup .radio-list li .days>div{max-width: 50%;}
.choose-radio-popup .radio-list li .status{font-size: 12px;padding-left: 8px;}
.choose-radio-popup .footer{padding: 22px 28px;}
/*集团管理*/
.group-manage-footer a{height: 40px;border-radius: 100px;border: 1px solid #333333;line-height: 38px;font-size: 14px;color: #333;text-align: center;}
.group-manage-footer img{vertical-align: middle;margin-right: 4px;margin-top: -2px;}
/*设置机构弹窗*/
.setting-school-status-popup .radio-list li{padding: 15px;border-bottom: 1px solid #f1f1f1;font-size: 12px;color: #999;}
.setting-school-status-popup .radio-list li p:first-child{color: #333;font-size: 14px;margin-bottom: 5px;}
.setting-school-status-popup .radio-list .circle{width: 16px;height: 16px;border: 1px solid #BBBBBB;border-radius: 50%;padding: 3px;margin-right: 15px;}
.setting-school-status-popup .radio-list .active .circle{border-color:var(--theme-org-color);}
.setting-school-status-popup .radio-list .active .circle>div{width:8px;height:8px;border-radius: 50%;background:var(--theme-org-color); }
.setting-school-status-popup .school-info{padding: 12px 15px 18px;font-size: 12px;color: #666;border-bottom: 1px solid #f1f1f1;}
.setting-school-status-popup .school-info .box{border-radius: 10px;padding: 20px 14px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);}
.setting-school-status-popup .school-info h3{font-size: 16px;font-weight: bold;color: #333333;margin-bottom: 14px;}
.setting-school-status-popup .school-info .small-tag{margin-right: 5px;margin-top: -2px;}
.setting-school-status-popup .footer{padding: 16px 20px;}
.setting-school-status-popup .footer a{font-weight: bold;height: 40px;line-height: 38px;}
.setting-school-status-popup .modify-info{padding: 10px 15px 20px;}
.setting-school-status-popup .modify-info textarea{display: block;width: 100%;height: 150px;padding: 15px;font-size: 14px;background: #FBFBFB;border: 1px solid #F1F1F1;border-radius: 10px;}
.setting-school-status-popup .panel-form{padding: 15px 20px 40px;position: relative;}
.setting-school-status-popup .panel-form .notice-bar{position: absolute;bottom: 0;left: 20px;right: 20px;}
.setting-school-status-popup .check-status{padding: 60px 0;}
.setting-school-status-popup .update-textarea{font-size: 14px;color: #333;padding:0 15px 15px;border-bottom: 1px solid #f1f1f1;}
.setting-school-status-popup .update-textarea .title{width: 82px;}
.setting-school-status-popup .update-textarea .van-cell{padding: 9px 11px;border: 1px solid #F1F1F1;background: #FBFBFB;line-height: 20px;}
/*添加新分校*/
.create-school-tools-list{padding: 0 20px;}
.create-school-tools-list li{border-radius: 10px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);margin-bottom: 20px;padding: 20px;font-size: 12px;color: #666;}
.create-school-tools-list li h3{font-size: 12px;font-weight: bold;color: #333;margin-bottom: 15px;}
.create-school-tools-list li a{margin-top: 20px;}
/*限制访问按钮*/
.limit-setting-btn{display: inline-block;vertical-align: top;padding: 0 5px;height: 20px;border-radius: 4px;border: 1px solid var(--theme-org-color);color: var(--theme-org-color);font-size: 12px;line-height: 18px;font-weight: normal;}
.limit-setting-btn .menu{display: inline-block;vertical-align: middle;margin-top: -3px;width: 7px;height: 12px;overflow: hidden;margin-right: 4px;}
.limit-setting-btn .menu img{vertical-align: top;-webkit-transform: translateX(7px);-moz-transform: translateX(7px);-o-transform: translateX(7px);transform: translateX(7px);-webkit-filter: drop-shadow(-7px 0px 0px var(--theme-org-color));filter: drop-shadow(-7px 0px 0px var(--theme-org-color));}
.limit-setting-btn.inline-btn{vertical-align: middle;margin-top: -2px;}
.setting-school-limit-popup .course-info{padding: 12px 15px 18px;font-size: 12px;color: #666;border-bottom: 1px solid #f1f1f1;}
.setting-school-limit-popup .course-info .box{padding: 20px 14px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);}
.setting-school-limit-popup .course-info .thumb{width:50px;height: 50px;border-radius: 4px;border: 1px solid #F1F1F1;overflow: hidden;margin-right: 10px;position: relative;}
.setting-school-limit-popup .course-info .thumb .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-filter: blur(10px);filter: blur(10px);z-index: 1;}
.setting-school-limit-popup .course-info .thumb>img{position: relative;z-index: 2;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.setting-school-limit-popup .course-info .thumb.rect>img{height: 27px;margin-top: 10px;}
.setting-school-limit-popup .course-info h3{font-size: 16px;font-weight: bold;color: #333333;margin-bottom: 10px;}
.setting-school-limit-popup .list-cnt{max-height: -webkit-calc(100vh - 260px);max-height: -moz-calc(100vh - 260px);max-height: calc(100vh - 260px);overflow-y: auto;overflow-x: hidden;}
.setting-school-limit-popup .check-status{padding: 60px 0;}
.setting-school-limit-popup .footer{padding: 16px 20px;}
.setting-school-limit-popup .footer a{height: 40px;line-height: 38px;}
.setting-school-limit-popup .search-box{padding: 15px 15px 5px;margin: 0;}
.setting-school-limit-popup .search-box .inner{height: 29px;border-radius: 6px;background: #F5F5F5;padding: 0 12px;}
.setting-school-limit-popup .search-box .inner img{margin-top: -2px;}
.setting-school-limit-popup .search-box .inner input{margin-left: 8px;height: 29px;border: 0;background: transparent;font-size: 14px;color: #333;}
.setting-school-limit-popup .search-box button{width: 52px;height: 29px;font-size: 14px;color: #fff;border: 0;margin-left: 10px;border-radius: 4px;background: var(--theme-org-color);font-weight: bold;}
.setting-school-limit-popup .num{font-size: 12px;font-weight: bold;color: #333!important;padding: 15px 15px 0;}
.setting-school-limit-popup .list-cnt li .delete-btn{display: block;width: 18px;height: 18px;background: url("../img/icon_shebeiguanli_shanchu.png") no-repeat center center/18px;margin: 0 5px 0 40px;}
.setting-school-limit-popup .list-cnt li{padding: 15px;border-bottom: 1px solid #f1f1f1;}
.setting-school-limit-popup .list-cnt li h4{font-size: 14px;color: #333;margin-bottom: 10px;}
.setting-school-limit-popup .list-cnt li p{color: #999999;font-size: 12px;}
.setting-school-limit-popup .list-cnt li .small-tag{margin-top: -1px;margin-right: 5px;}
.setting-school-limit-popup .list-cnt li .circle{display:block;width: 16px;height: 16px;border: 1px solid #BBBBBB;border-radius: 50%;overflow: hidden;margin-right: 15px;}
.setting-school-limit-popup .list-cnt li .circle img{opacity:0;vertical-align: top;-webkit-transform: translateX(16px);-moz-transform: translateX(16px);-o-transform: translateX(16px);transform: translateX(16px);-webkit-filter: drop-shadow(-16px 0px 0px var(--theme-org-color));filter: drop-shadow(-16px 0px 0px var(--theme-org-color));}
.setting-school-limit-popup .list-cnt .active .circle{border: 0;}
.setting-school-limit-popup .list-cnt .active .circle img{opacity: 1;}
.group-courseware-list li{padding: 15px;border-bottom: 1px solid #f1f1f1;}
.group-courseware-list .thumb{display:block;width:50px;height: 50px;border-radius: 4px;border: 1px solid #F1F1F1;overflow: hidden;margin-right: 10px;position: relative;}
.group-courseware-list .thumb .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-filter: blur(10px);filter: blur(10px);z-index: 1;}
.group-courseware-list .thumb>img{position: relative;z-index: 2;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.group-courseware-list .thumb.rect>img{height: 27px;margin-top: 10px;}
.group-courseware-list li .titl{font-size: 14px;color: #333;margin-bottom: 12px;}
.group-courseware-list li .titl a{color: inherit;}
.group-courseware-list li .other{font-size: 12px;color: #666;}
/*机构课件访问设置*/
.setting-courseware-limit-popup .search-box{padding: 5px 15px;margin: 0;}
.setting-courseware-limit-popup .search-box .inner{height: 29px;border-radius: 6px;background: #F5F5F5;padding: 0 12px;}
.setting-courseware-limit-popup .search-box .inner img{margin-top: -2px;}
.setting-courseware-limit-popup .search-box .inner input{margin-left: 8px;height: 29px;border: 0;background: transparent;font-size: 14px;color: #333;}
.setting-courseware-limit-popup .search-box button{width: 52px;height: 29px;font-size: 14px;color: #fff;border: 0;margin-left: 10px;border-radius: 4px;background: var(--theme-org-color);font-weight: bold;}
.setting-courseware-limit-popup .check-circle{display:block;width: 16px;height: 16px;border: 1px solid #BBBBBB;border-radius: 50%;overflow: hidden;}
.setting-courseware-limit-popup .check-circle img{opacity:0;vertical-align: top;-webkit-transform: translateX(16px);-moz-transform: translateX(16px);-o-transform: translateX(16px);transform: translateX(16px);-webkit-filter: drop-shadow(-16px 0px 0px var(--theme-org-color));filter: drop-shadow(-16px 0px 0px var(--theme-org-color));}
.setting-courseware-limit-popup .active .check-circle{border: 0;}
.setting-courseware-limit-popup .active .check-circle img{opacity: 1;}
.setting-courseware-limit-popup .school-info{padding: 12px 15px 18px;font-size: 12px;color: #666;border-bottom: 1px solid #f1f1f1;}
.setting-courseware-limit-popup .school-info .box{border-radius: 10px;padding: 20px 14px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);}
.setting-courseware-limit-popup .school-info h3{font-size: 16px;font-weight: bold;color: #333333;margin-bottom: 14px;}
.setting-courseware-limit-popup .school-info .small-tag{margin-right: 5px;margin-top: -2px;}
.setting-courseware-limit-popup .footer{padding: 10px 20px;border-top: 1px solid #F1F1F1;}
.setting-courseware-limit-popup .footer .primary-btn{height: 40px;line-height: 38px;width: 65%;}
.setting-courseware-limit-popup .tabs-box li>a{font-size: 16px;}
.setting-courseware-limit-popup .tabs-box .active a{border-bottom: 0;}
.setting-courseware-limit-popup .num{font-size: 12px;font-weight: bold;color: #333;padding: 15px 15px 0;}
.setting-courseware-limit-popup .list-cnt{max-height: -webkit-calc(100vh - 180px);max-height: -moz-calc(100vh - 180px);max-height: calc(100vh - 180px);overflow-y: auto;overflow-x: hidden;}
/*主题色提示*/
.menu-tishi{display: inline-block;vertical-align: middle;width: var(--menu-default-width);height: var(--menu-default-height);overflow: hidden;margin-left: 5px;margin-top: -3px;}
.menu-defailt{--theme-org-color: #FF842B;}
.menu-tishi img{-webkit-transform: translateX(var(--menu-default-width));-moz-transform: translateX(var(--menu-default-width));-o-transform: translateX(var(--menu-default-width));transform: translateX(var(--menu-default-width));-webkit-filter: drop-shadow(var(--menu-drop-default-width) 0px 0px var(--theme-org-color));filter: drop-shadow(var(--menu-drop-default-width) 0px 0px var(--theme-org-color));vertical-align: top;}
/*素材管理*/
.page-image-home .second-title{padding: 12px 15px;border-bottom: 1px solid #f1f1f1;}
.page-image-datail .picture-list{display: -webkit-flex;display: -moz-box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.page-image-datail .picture-list li{width: 33.3%;padding:0 5px;position: relative;}
.page-image-datail .picture-list .img-box{display: block;padding-top: 100%;position: relative;border: 1px solid #F1F1F1;}
.page-image-datail .picture-list .img-box img{position: absolute;top: 0;left: 0;}
.page-image-datail .picture-list .operate-btn{display: block;background: url("../img/icon_picture_operate.png") no-repeat center center/18px;width: 18px;height: 18px;position: absolute;right: 15px;bottom: 10px;}
/*底部悬浮按钮*/
.footer-fixed-btn{position: fixed;bottom: 20px;left: 0;width:100%;text-align: center;}
.footer-fixed-btn a{display:inline-block;width:auto;height: 38px;line-height: 36px;border-radius: 4px;font-size: 14px;}
.footer-fixed-btn img{margin-right: 3px;margin-top: -2px;}
/*自定义内容*/
.page-school-content .bgc-r10{padding:24px 15px 60px;}
.page-school-content .second-title .van-switch{vertical-align: middle;margin-top: -1px;}
.page-school-content .second-title .van-switch__node{border: 1px solid transparent;}
.page-school-content .second-title .status{font-size: 14px;color: #666;padding-left: 4px;font-weight: normal;}
.page-school-content .list>li{margin-bottom: 15px;}
.page-school-content .list .thumb-box{width: 100%;padding-top: 43.48%;border-radius: 10px;border: 1px solid #F1F1F1;position: relative;overflow: hidden;margin-bottom: 10px;}
.page-school-content .list .thumb-box img {position: absolute;top: 0;left: 0;}
.page-school-content .list .title{font-size: 16px;font-weight: bold;color: #333333;}
.page-school-content .list .title a{color: inherit;}
.page-school-content .list li li{margin-top: 8px;font-size: 12px;color: #666;line-height:16px;}
.page-school-content .list .stitle{margin-right: 8px;}
.page-school-content .list .link{color: #2CB1FF;}
.page-school-content .list .small-btn{height: 20px;border-radius: 4px;display: inline-block;vertical-align: middle;margin-left: 8px;margin-top: -2px;}
.page-school-content .footer-fixed-btn a{width: 120px!important;}

/*机构分组*/
.page-school .schoollist-list li{padding: 15px 0;}
.page-school .schoollist-list li{border-bottom: 1px solid #f1f1f1;}
.page-school .schoollist-list .cover{display: block;width: 100px;height: 56px;border-radius: 4px;border: 1px solid #F1F1F1;margin-right: 10px;position: relative;}
.page-school .schoollist-list .cover img{border-radius: 4px;}
.page-school .schoollist-list .cover.square{width: 56px;}
.page-school .schoollist-list .operate-btn{display: block;width: 24px;height: 24px;background: url("../img/icon_operate_hui.png") no-repeat center center/24px;margin-left: 25px;}
.page-school .schoollist-list h3{font-size: 14px;color: #3D3D3D;}
.page-school .schoollist-list p{font-size: 12px;color: #999;margin-top: 8px;}
.page-school .schoollist-list p span{display: inline-block;vertical-align: top;margin-right: 5px;}
.page-school .schoollist-list p .mw64{min-width: 60px;}
.page-school .schoollist-list li .num {color: #666;font-size: 12px;margin-left: 8px;}
.page-school .schoollist-list li .list-arrow {margin-left: 8px;}
.page-school .schoollist-list li .role {background: var(--theme-org-color);margin-right: 3px;height: 19px;line-height: 17px;font-size: 12px;}
.page-school .schoollist-title{font-size:14px;color:#999;font-weight: bold;margin-top: 20px;}
.page-grouplist-detai{padding: 15px 15px;}
.page-grouplist-detail .bgc-r10 {padding: 20px 15px;}
.page-grouplist-detail .second-title{position:relative}
.page-grouplist-detail .grouplist-info{text-align: center;position: relative;display: -webkit-flex;display: -moz-box;display: flex;}
.page-grouplist-detail .grouplist-info .cover{width: 70px;height: 70px;border-radius: 4px;border: 2px solid #F1F1F1;overflow: hidden;}
.page-grouplist-detail .grouplist-info .infos{text-align: left;margin-left:10px;-webkit-flex: 1;-moz-box-flex: 1;flex: 1;}
.page-grouplist-detail .grouplist-info .infos .title{font-weight: bold;font-size:16px!important;line-height:28px;color:#333!important;}
.page-grouplist-detail .grouplist-info .infos .title .role{background: var(--theme-org-color);}
.page-grouplist-detail .grouplist-info .infos .id{font-size:12px;line-height:22px;color:#666!important;}
.page-grouplist-detail .grouplist-info .infos .desc{font-size:12px;line-height:22px;color:#999!important;}
.page-grouplist-detail .operate-btn{display: block;width: 24px;height: 24px;background: url("../img/icon_operate.png") no-repeat center center/24px;position: absolute;top:0;right: 0;}
.page-grouplist-detail .grouplist-info .c-tag{margin-right: 4px;border-radius: 4px;line-height: 18px;height: 18px;}
.page-grouplist-detail .small-title img{margin-top:-3px;margin-right: 8px;}
.page-grouplist-detail .small-title{font-size: 14px;font-weight: bold;color: #333333;}
.page-grouplist-detail .small-title .num{font-size: 12px;font-weight: normal;color: #999999;padding-left: 5px;}
.page-grouplist-detail .btns-box a{height: 34px;line-height:32px;border-radius: 4px;font-size: 14px;}
.grouplist-select li{border-bottom:1px solid #F1F1F1;margin-bottom:15px;padding:0 15px 15px 15px;cursor:pointer;}
.choose-checkbox-popup .btn-footer{padding:22px 28px}

.school-select-component .btn-footer{position: fixed;bottom:0;left:0;width:100%;background-color: #fff;padding:15px 0}
.school-select-component .school-list,.school-select-component .nodata{padding-bottom:66px;}
.max-pop-window{max-height: 80%!important;}
.footer-fixed-content{padding-bottom:66px!important;}
.footer-fixed{position: fixed;bottom:0;left:0;width:100%;background-color: #fff;padding:15px 0}
.scroll-area-content{overflow-y: auto;}
.vh50{max-height:50vh!important}
.vh60{max-height:60vh!important}
.vh70{max-height:70vh!important}
.vh80{max-height:80vh!important}


/*还课作业分享页*/
.student-card{position:relative;min-height: 120px;padding-bottom: 15px;margin: 7px 0 0 0!important;}
.student-card .card-user-avatar{position:absolute;top:-10px;left:28px;z-index: 90}
.student-card .card-user-info{margin-top:38px;margin-left:14px;z-index: 1;position: relative;}

.student-card .card-user-avatar img{width:60px;height:60px;border-radius: 60px;z-index:2;position: relative;border:2px solid #f1f1f1}
.student-card .card-user-avatar img:nth-child(2){position: static;z-index:1;margin-left: -34px;}




.student-card .card-user-username{line-height: 20px;padding:5px 0;}
.student-card .card-user-username span.em{display: inline-block;width:130px;padding-left:2px;}
.student-card .card-date{padding:2px 0;-webkit-justify-content: space-between;-moz-box-pack: justify;justify-content: space-between}
.student-card .card-date>span{width:164px;display: inline-block;}
.student-card .card-user-star{margin-left:14px;margin-top:10px;}
.student-card .star{width:28px;height:28px;display: inline-block;background-image: url('../img/star.png');}
.student-card .card-background{background-image: url('../img/student_card_bg.png');position: absolute;right: -15px;bottom: -15px;width:160px;height:160px;z-index: 0;}

.video-list-gallary{padding:15px 0 0 0;}
.video-list-gallary .video-item{position: relative;width:100%;height:188px;margin-bottom:12px;}
.video-list-gallary .video-item .play-btn{background: url('../img/video_play_btn.png') no-repeat center center/45px;width:45px;height:45px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 3;margin:auto;cursor:pointer;}
.video-list-gallary .video-item .video-status-tip{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 3;margin:auto;width:100%;line-height:30px;height:30px;text-align:center;}
.video-list-gallary .video-background{position: absolute;left:0;top:0;z-index: 1;width:100%;height:188px;overflow: hidden;border-radius: 6px}
.video-list-gallary .video-background img{border-radius: 6px }
.video-list-gallary .video-mask{position: absolute;left:0;top:0;z-index: 2;background-color: rgba(0, 0, 0, 0.6);width:100%;height:188px;border-radius: 6px}
.video-list-gallary .video-duration{z-index: 3;position: absolute;text-align: right;bottom: 10px;right: 10px;}
.video-list-gallary .video-show,.video-list-gallary .tcplayer {width: 100%!important;height:188px!important;border-radius: 6px;overflow: hidden;}
.video-list-gallary .vjs-poster{border-radius: 6px}
.video-list-gallary .vjs-control-bar{border-radius: 6px}

.audio-list .audio-item{margin-bottom:28px;}
.audio-list .audio-list-info>span{-webkit-flex:1;-moz-box-flex:1;flex:1;padding:0 4px;}
.audio-list .play-btn{background: url('../img/icon_bofangqi_play.png') no-repeat center center/20px;width: 20px;height: 20px;}
.audio-list .pause-btn{background: url('../img/icon_bofangqi_pause.png') no-repeat center center/20px;}
.audio-list .disabled{opacity: 0.4;}
.audio-list .icon{background: url('../img/icon_gerenzhongx_midi.png') no-repeat center center/16px;width:16px;height:16px;}
.audio-list .van-slider{border-radius: 25px;background:transparent;margin-top: 10px;height: 5px;position: relative;}
.audio-list .van-slider:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: var(--theme-org-color);opacity: .4;}
.audio-list .van-slider__bar{background: var(--theme-org-color);}
.audio-list .van-slider__button{width: 14px;height: 14px;background: var(--theme-org-color);}




/*tooltip*/
.q-tooltip{position: absolute;z-index: 9999;background-color:rgba(0, 0, 0, 0.85);color:#fff;border-radius:4px;min-width:10px;word-wrap:break-word;line-height: 1.2;padding:6px 8px;left:0;top:0}
.q-tooltip .q-tooltip-arrow{position: absolute;display:block;width:0;height:0;}
.q-tooltip .q-tooltip-arrow::after{content: ""; position: absolute;top: 2px;left: 0;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;   border-top: 10px solid rgba(0, 0, 0, 0.85);}
.q-tooltip .q-tooltip-arrow-bottom::after{border-bottom: 10px solid rgba(0, 0, 0, 0.85)!important;border-top:0;top:-16px;}
.q-tooltip span{display: inline;}
.q-tooltip-bottom span{display:block;}


/*feed*/
.feed-list .feed-list-item{margin-left:0;margin-right: 0;}
.feed-user-avatar{position: relative;}
.feed-user-avatar img{width:32px;height:32px;border-radius: 32px;position: relative;z-index: 2;border:1px solid #f1f1f1}
.feed-user-avatar img:nth-child(2){margin-left:-18px;z-index:1;}
.feed-image-item{aspect-ratio: 1 / 1;border-radius: 4px;}
.feed-image-item-single{border-radius: 4px;max-height: 560px;}
.feed-list .van-grid{margin-left:-4px;margin-right:4px}
.feed-list .feed-list-item .van-grid-item__content--center{padding:4px;}
.feed-list .feed-list-item .van-grid-item__content--center::after{border:0}
.feed-user-info .role{min-width:30px;padding:0;font-size:10px;border:1px solid #ccc;background-color: white;border-radius: 4px;}
.feed-list .audio-item{padding:15px;background-color: #F1F1F1;border-radius: 4px;}
.feed-list .audio-item .image-area {position: relative;width:50px;height:50px;}
.feed-list .audio-item .image-area *{width:50px;height:50px;border-radius: 4px;}
.feed-list .audio-item .image-area .audio-mask{position: absolute;left:0;top:0;z-index: 2;background-color: rgba(0, 0, 0, 0.6);}
.feed-list .audio-item .image-area .audio-icon{background: url('../img/icon_midi_record.png') no-repeat center center/20px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 3;margin:auto;cursor:pointer;}

.feed-list .video-item{position: relative;width:100%;height:188px;margin-bottom:12px;}
.feed-list .video-item .play-btn{background: url('../img/video_play_btn.png') no-repeat center center/45px;width:45px;height:45px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 3;margin:auto;cursor:pointer;}
.feed-list .video-background{position: absolute;left:0;top:0;z-index: 1;width:100%;height:188px;overflow: hidden;border-radius: 6px}
.feed-list .video-background img{border-radius: 6px }
.feed-list .video-mask{position: absolute;left:0;top:0;z-index: 2;background-color: rgba(0, 0, 0, 0.6);width:100%;height:188px;border-radius: 6px}

.feed-list .user-star{padding-top:4px}
.feed-list .star{width:16px;height:16px;display: inline-block;background: url('../img/star.png') no-repeat center center/16px;;}
.feed-list .user-star-text{color:#FFBC42}
.feed-list .homework-return-tag{border:1px solid #333333;font-size:10px;border-radius: 4px;padding:2px 4px;}

.setting-link{ border: 2px solid #00000044;border-radius: 2px;position: relative;z-index: 10;}
.setting-link span{background-color: white;display: block;padding:3px 8px;position: relative;padding-left:23px;color:#333;font-size:12px;}
.setting-link span::before{position: absolute;top: 3px;left: 6px;content: "";width:16px;height:16px;background: url('../img/icon_setting.png') no-repeat center center/16px;}
.setting-link span.home-icon::before{background: url('../img/icon_home_gray.png') no-repeat center center/16px;}
/*搜索*/
.common-search-box .inner{height: 29px;border-radius: 6px;background: #F5F5F5;padding: 0 7px 0 12px;}
.common-search-box .inner img{margin-top: -2px;}
.common-search-box .inner input{margin-left: 8px;height: 29px;border: 0;background: transparent;font-size: 14px;color: #333;}
.common-search-box button{width: 52px;height: 29px;font-size: 14px;color: #fff;border: 0;margin-left: 10px;border-radius: 4px;background: var(--theme-org-color);}
/*添加班级学员弹窗*/
.add-class-student-popup{text-align: left;}
.add-class-student-popup .common-search-box{padding: 8px 15px;}
.add-class-student-popup .list-cnt{max-height: -webkit-calc(100vh - 260px);max-height: -moz-calc(100vh - 260px);max-height: calc(100vh - 260px);overflow-y: auto;overflow-x: hidden;padding: 0 15px;}
.add-class-student-popup .footer{padding: 10px 15px;border-top: 1px solid #F1F1F1;}
.add-class-student-popup .footer .primary-btn{height: 40px;line-height: 38px;width: 150px;}
.add-class-student-popup .footer .circle{display: inline-block;vertical-align: middle; width: 22px;height: 22px;border: 1px solid var(--theme-org-color);border-radius: 50%;margin-right: 8px;margin-top: -3px;}
.add-class-student-popup .footer .circle img{display: none;}
.add-class-student-popup .footer .circle.active{background: var(--theme-org-color);}
.add-class-student-popup .footer .circle.active img{display: block;width: 100%;height: 100%;}
.add-class-student-popup .person-choose-list .join-state{width: 46px;height: 18px;border-radius: 4px;line-height: 16px;text-align: center;border: 1px solid #BBBBBB;font-size: 12px;font-weight: bold;color: #bbb;}
.add-class-student-popup .person-choose-list li .circle img{display: block;width: 100%;height: 100%;}
.add-class-student-popup .person-choose-list li .circle{background: #bbb;border-color: #bbb;}
.add-class-student-popup .person-choose-list li:last-child{border-bottom: 0;}
/*主播登录*/
.page-live-login{padding: 44px 14px 0;}
.page-live-login .logo-box{text-align: center;}
.page-live-login .logo-box h1{font-size: 28px;font-weight: bold;color: #333;margin: 15px 0 5px;}
.page-live-login .logo-box p{font-size: 17px;color: #333;font-weight: 600;}
.page-live-login .form-box{border-radius: 7px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);padding: 20px;margin-top: 20px;}
.page-live-login .form-tab-nav{border-bottom: 1px solid #E5E7EB;margin-bottom: 20px;}
.page-live-login .form-tab-nav li{width: 33.3%;text-align: center;line-height: 44px;font-size: 14px;}
.page-live-login .form-tab-nav li a{color: #666666;}
.page-live-login .form-tab-nav li.active{border-bottom: 2px solid #C53423;}
.page-live-login .form-tab-nav li.active a{color: #C53423;font-weight: bold;}
.page-live-login .form-border{border-radius: 7px;height: 44px;padding: 0 12px;border: 1px solid #E5E7EB;}
.page-live-login .form-border input{border: 0;line-height: 42px;}
.page-live-login .form-item{margin-bottom: 18px;}
.page-live-login .form-border img{margin-top: -2px;vertical-align: middle;margin-right: 5px;}
.page-live-login .getcode{width: 112px;height: 44px;border-radius: 4px;background: #FFFFFF;border: 1px solid #C53423;font-size: 14px;color: #C53423;margin-left: 10px;font-weight: 500;}
.page-live-login .submit-btn{display: block;height: 42px;border-radius: 4px;line-height: 42px;background: -webkit-linear-gradient(top, #C53423 0%, #C53423 100%);background: -moz-linear-gradient(top, #C53423 0%, #C53423 100%);background: -o-linear-gradient(top, #C53423 0%, #C53423 100%);background: linear-gradient(180deg, #C53423 0%, #C53423 100%);font-size: 14px;font-weight: 500;color: #fff;text-align: center;}
.page-live-login .other-link{text-align: right;margin-top: 20px;}
.page-live-login .other-link a{color: #666666;font-size: 12px;}
/*placeholder*/
.page-live-login ::-webkit-input-placeholder{color: #666;}
.page-live-login :-moz-placeholder{color: #666;}
.page-live-login ::-moz-placeholder{color: #666;}
.page-live-login :-ms-input-placeholder{color: #666;}

/*公开课邀请*/
.invite-code{border:2px solid var(--theme-org-color);border-radius:4px;height:50px;text-align:center;width:100%;font-size:20px;}
.invite-form-btn{border:1px solid #F1F1F1;border-radius:4px;padding:10px;}
.invite-form-btn img{width:24px;height:24px;}
.invite-form-input{border:1px solid #F1F1F1;border-radius:4px;min-height:40px;padding:10px;}
.invite-form-value{border-bottom:1px solid #F1F1F1;padding:12px 12px 12px 0}
.invite-form-value img{width:18px;height:18px;}
.invite-share-box{background:#FBFBFB;border:1px solid #F1F1F1;padding:10px 12px;}
.invite-smslist{overflow:auto;max-height:300px;}
.member-role-list{gap:20px;}
.member-role-list>div{cursor:pointer;}
.member-role-list .member-role-list-item{box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);border-radius: 4px;border: 2px solid #DEDEDE;padding:15px 10px;}
.member-role-list .active .member-role-list-item{border:2px solid var(--theme-org-color);}
.member-role-list .circle{border: 1px solid #BBBBBB;width:16px;height:16px;border-radius:8px;display:flex;margin:0 auto;margin-top:12px;}
.member-role-list .active .circle{border:1px solid var(--theme-org-color);}
.member-role-list .active .circle::after{background:var(--theme-org-color);width:8px;height:8px;content:"";border-radius:4px;margin-left:3px;margin-top:3px;}
.van-pagination__item{color:var(--theme-org-color);}
.van-pagination__item--active{background-color:var(--theme-org-color);color:#fff;}

.search-box-with-icon{background:url('../img/icon_search.png') no-repeat center right 8px/20px!important;}
.school-filter-box{background-color:#F7F7F7;border:1px solid #F1F1F1;padding:10px 12px;cursor:pointer;border-radius: 4px;}
.gather-list{width:33%;}
.gather-list li{padding:14px 0;display:flex;align-items:center;}
.gather-list li.active{background:#fff;}
.gather-list .active::before{content:"";background:var(--theme-org-color);width:4px;height:16px;}
.gather-list li span{padding-left:12px;}
.gather-list li.active span{padding-left:8px;}
.gather-items{padding:0 15px;}
.gather-items li{border-bottom:1px solid #f1f1f1;padding:10px 0;display:flex;justify-content:space-between;align-items:center;}
.gather-items li.active{color:var(--theme-org-color);}
.van-sidebar-item--select::before{background:var(--theme-org-color);}
.org-btn{background:var(--theme-org-color)!important;border:1px solid var(--theme-org-color);}
.org-plain-btn{background:#fff!important;border:1px solid var(--theme-org-color);color:var(--theme-org-color)!important;}
.org-small-btn{height:22px!important;}
.ucenter-course-list{}
.ucenter-course-list li{border-bottom:1px solid #F1F1F1;padding:22px 15px;}

.split-line{width:1px;background:#ddd;height:12px;}
.img-c{background: radial-gradient(50% 50% at 50% 50%, #808080 0%, #212121 100%);border: 1px solid #000000;}

.school-s-logo{width:20px;height:20px;color:#fff;line-height:20px;text-align:center;min-width:20px;}

.school-tabs .van-tabs__line{background-color:var(--theme-org-color)!important;}
.school-tabs .van-tab--active .van-tab__text{color:var(--theme-org-color)!important;}
.school-tabs-bold .van-tab--active .van-tab__text{font-weight:700}

.school-card-box-1{background:#FFF2F3;border-color:#FFDADD}
.school-card-box-2{background:#F8F4FB;border-color:#EBE0F4}
.school-card-box-3{background:#FFFCF4;border-color:#FFF7E0}
.school-card-box-4{background:#FFF9F4;border-color:#FFEEE0}
.school-card-box-5{background:#F2FAFF;border-color:#DAF1FF}

.status-dot{width:6px;height:6px;border-radius:3px;}
.status-dot-success{background:#0ECB76}
.status-dot-danger{background:#FF6868}
.status-dot-warning{background:orange}
.music-mode-fullscreen-header{height:60px;position:relative;background:#191919}
.music-mode-btn{text-align:center;background: linear-gradient(81deg, #E73441 -1%, #EF5B2D 98%);box-shadow: inset -1px -1px 1px 0px rgba(11, 12, 13, 0.25),inset 1px 1px 1px 0px rgba(242, 249, 255, 0.15);color:#fff;display:block;width:100%;height:40px;margin:0 auto;line-height:40px;border-radius:20px;}
.music-mode-svg-btn {border: 1px solid #BE1026;padding: 2px 0 2px 5px;border-radius: 2px;}

.music-mode-tooltip{background:#303133}
.music-mode-tooltip  .q-tooltip-arrow::after{border-bottom:10px solid #303133!important}

.org-theme-tabs .van-tabs__nav{
	display:flex;
	justify-content:center;
}
.org-theme-tabs .van-tabs__nav--card{border-color:var(--theme-org-color);}
.org-theme-tabs .van-tabs__wrap{display:flex;justify-content:center;}
.org-theme-tabs .van-tab{
	flex:0 1 auto!important;
	color:var(--theme-org-color)!important;
	padding:0 15px;
	font-size:16px!important;
}
.org-theme-tabs .van-tab:not(:last-child){border-right-color:var(--theme-org-color)!important;}
.org-theme-tabs .van-tab--active{color:#fff!important;background-color:var(--theme-org-color)!important;}


.circle-bar{position: relative;width:116px;height:116px;border-radius: 50%;overflow: hidden;margin: 0 auto 15px;}
.circle-bar .c-mask{width: 105px; height: 105px;text-align: center;color:#333;line-height:20px;font-size:14px;padding-top:20px;position: absolute;top:8px;left:8px;border-radius: 50%;z-index: 3}

.card-box-homework{border-radius: 4px;background: rgba(255, 132, 43, 0.05);padding:12px 10px;}
.card-box-return{border-radius: 4px;background: rgba(0, 122, 255, 0.05);padding:12px 10px;}