.c {text-align: center;}
.fl {float: left;}
.fr {float: right;}
/* 按钮样式 */
.btnCSS {display: inline-block; width: 160px; height: 36px; line-height: 36px; border: 1px solid #333; border-radius: 10px; background: #409eff; color: #fff; cursor: pointer; text-align: center;}
.btnCSS:hover {background: #62bfff;}

/* 不换行 */
.nowrap-ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* flex 垂直水平居中 */
.flexCenter {display: flex; align-items: center; justify-content: center;}

.vm {height: 100%; display: inline-block; vertical-align: middle;}
.mark {width: 73%; height: 100%; margin: 0 auto;}

/* 过度动画 */
.fade-enter-active, .fade-leave-active {transition: opacity .5s;}
.fade-enter, .fade-leave-active {opacity: 0;}

html, body {width: 100%; height: 100%;}

/* 二维码 */
.qrcodeBox{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 10; display:flex; align-items:center; justify-content: center;}
.scanned {width: 240px; height: 260px; background: #fff; text-align: center; line-height: 260px; border-radius: 6px; position: relative;}
.scanned > p {line-height: 12px; position: absolute; bottom: 10px; width: 100%; font-size: 12px; color: #888; -text-align: center;}
.scanned .qrcode {display: inline-block; margin-top: 22px;}
.scanned .qrcode img {display: inline-block;}
.closeBox {position: absolute; top: 0; width: 100%; text-align: right; padding: 5px;}
.closeBox .el-icon-close {color: #333; font-size: 18px;}
.closeBox .el-icon-close:hover {color: red;}

/*无mask*/
.qrcodeBox{background: rgba(0,0,0,0.2); z-index: 10; display:flex; align-items:center; justify-content: center;}
.scanned {background: #fff; text-align: center; border-radius: 6px; position: relative;}
.scanned > p {line-height: 12px; position: absolute; bottom: 10px; width: 100%; font-size: 12px; color: #888; -text-align: center;}
.scanned .qrcode {display: inline-block;}
.scanned .qrcode img {display: inline-block;}
.closeBox {position: absolute; top: 0; width: 100%; text-align: right; padding: 5px;}
.closeBox .el-icon-close {color: #333; font-size: 18px;}
.closeBox .el-icon-close:hover {color: red;}


/* 备案号样式 */
.footer-txt {position: absolute; left: 0; right: 0; bottom: 10px; text-align: center; color: #ccc; font-size: 14px; line-height: 18px;}
.footer-txt a:hover {color: #fff;}

/* 输入框 高度 */
.inputCSS {display: inline-block;}
.inputCSS .el-input__inner {background: #fafdfe; height: auto; line-height: inherit; padding: 0 40px;}
.inputCSS.el-input--prefix .el-input__inner {padding-left: 40px;}

/* 标题 */
h1.title {font-size: 20px; padding-bottom: 15px; border-bottom: 1px solid #ddd; color: #888; margin-bottom: 10px;}

.vjs-custom-skin > .video-js .vjs-big-play-button {z-index: 999;}

.video .video-js .vjs-volume-control.vjs-volume-horizontal {width: 7em;}

/* xs(<768px) sm(≥768px) md(≥992px) lg(≥1200px) xl(≥1920px) */
@media screen and (max-width: 992px) {
  .mark {width: 90%;}
}