@charset "utf-8";
/*全局样式*/
body{padding: 0;margin: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0;}
ul{list-style: none;}
a{text-decoration: none;color: #333;}
i,em{font-style: normal;}
img{display: inline-block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;}
input[type="submit"]{cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;cursor: pointer;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;/*IE6识别*/}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为radio和checkbox*/
input,textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #999;}
/*常用盒模型*/
*{box-sizing: border-box;-webkit-box-sizing: border-box;}
/*滚动条*/
body *::-webkit-scrollbar{width: 4px;height: 4px;background: #eee;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #aaa;border-radius: 2px;}
/*常用宽度*/
.w1500{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1500px;}
.w1400{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1400px;}
.w1366{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1366px;}
.w1340{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1340px;}
.w1300{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1300px;}
.w1280{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1280px;}
.w1200{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1200px;}
.w1140{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1140px;}
.w1100{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1100px;}
.w1000{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1000px;}
/*常用过渡*/
.tran300{-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;}
.tran400{-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
.tran500{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
/*常用浮动*/
.fl{float: left;}
.fr{float: right;}
/*按钮区通用样式*/
.btns-area{font-size: 0;text-align: center;}
.btns-area .btn{display: inline-block;vertical-align: top;padding: 0 2em;margin: 0 10px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;font-size: 16px;line-height: 34px;color: #000;cursor: pointer;transition: 0.3s;}
.btns-area .btn img{display: inline-block;vertical-align: middle;margin: -3px 6px 0 0;}
/*自定义单选框input[type="radio"]样式*/
.custom-input label{display: inline-block;cursor: pointer;}
.custom-input input[type="radio"]{width: 1px;height: 1px;margin: 0;opacity: 0;}
.custom-input input[type="radio"] + em{position: relative;display: inline-block;width: 16px;height: 16px;margin: -2px 4px 0 0;background-color: #fff;border: 1px solid #999;border-radius: 50%;vertical-align: middle;cursor: pointer;}
.custom-input input[type="radio"] + em:before{content: '';position: absolute;left: 50%;top: 50%;width: 6px;height: 6px;border-radius: 50%;transform: translate(-50%,-50%);}
.custom-input input[type="radio"]:checked + em{background-color: #009adc;border-color: #009adc;}
.custom-input input[type="radio"]:checked + em:before{background-color: #fff;}
.custom-input input[type="radio"] + em:hover{border-color: #009adc;}
/*自定义多选框input[type="checkbox"]样式*/
.custom-input input[type="checkbox"]{width: 1px;height: 1px;margin: 0;opacity: 0;}
.custom-input input[type="checkbox"] + em{position: relative;display: inline-block;width: 16px;height: 16px;margin: -2px 4px 0 0;background-color: #fff;border: 1px solid #999;vertical-align: middle;cursor: pointer;}
.custom-input input[type="checkbox"] + em:before{content: '';position: absolute;left: 50%;top: 50%;width: 10px;height: 10px;background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTBwdCIgaGVpZ2h0PSIxMHB0IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjg1IiBkPSJNNC4zMSA2Ljc2QzUuNjEgNC4xNCA3LjE3IDEuNTkgOS43Mi4wMUwxMCAzLjN2LjMxQzcuNzcgNS40NSA1Ljk4IDcuNzIgNC4yMyAxMGgtLjE2QzIuODkgOC44MiAxLjg1IDYuOTMgMCA2Ljgydi0uNTNjLjU5LS40MSAxLjc4LTEuMjMgMi4zNy0xLjY0LjY1LjcgMS4yOSAxLjQxIDEuOTQgMi4xMXoiLz48L3N2Zz4=");background-size: 100% 100%;transform: translate(-50%,-50%);}
.custom-input input[type="checkbox"]:checked + em{background-color: #009adc;border-color: #009adc;}
.custom-input input[type="checkbox"]:checked + em:before{background-color: #009adc;}
.custom-input input[type="checkbox"] + em:hover{border-color: #009adc;}
/*自定义表单通用样式*/
.custom-form{font-size: 0;}
.custom-form .main-title{font-size: 18px;line-height: 40px;text-align: center;overflow: hidden;}
.custom-form .main-title span{position: relative;display: inline-block;color: #009adc;}
.custom-form .main-title span:before{content: "";position: absolute;right: 120%;top: 50%;width: 1000px;height: 1px;background-color: #ddd;}
.custom-form .main-title span:after{content: "";position: absolute;left: 120%;top: 50%;width: 1000px;height: 1px;background-color: #ddd;}
.custom-form .sub-title{height: 40px;margin-bottom: 20px;border-bottom: 1px solid #ddd;line-height: 40px;}
.custom-form .sub-title span{float: left;height: 40px;padding: 0 10px;border-bottom: 1px solid #009adc;font-size: 14px;color: #009adc;}
.custom-form .sub-title em{font-size: 14px;color: #f00;}
.custom-form .row{margin-bottom: 20px;font-size: 14px;}
.custom-form .row .item{display: inline-block;vertical-align: top;width: 100%;}
.custom-form .row .item.w50{width: 50%;}
.custom-form .row .item.w33{width: 33%;}
.custom-form .row .name{float: left;width: 6em;padding: 10px 1em;line-height: 16px;text-align: right;font-weight: bold;}
.custom-form .row .name i{position: absolute;margin-left: -0.6em;color: #f00;}
.custom-form .row .info-content{margin-left: 6em;}
.custom-form input{vertical-align: top;width: 100%;height: 36px;padding: 0 10px;border: 1px solid #ddd;border-radius: 4px;}
.custom-form input:focus{border-color: #009adc;}
.custom-form textarea{vertical-align: top;width: 100%;height: 100px;border: 1px solid #ddd;padding: 10px;border-radius: 4px;resize: none;}
.custom-form textarea:focus{border-color: #009adc;}
.custom-form select{vertical-align: top;width: 100%;height: 36px;padding: 0 10px;border: 1px solid #ddd;border-radius: 4px;outline: none;}
.custom-form select:focus{border-color: #009adc;}
.custom-form .choice-area{padding: 10px 0;line-height: 16px;}
.custom-form .choice-area label{display: inline-block;vertical-align: top;margin: 0 10px 5px 0;cursor: pointer;}
.custom-form .choice-area label input[type=radio]{appearance: radio;-webkit-appearance: radio;width: 16px;height: 16px;margin: 0 5px 0 0;}
.custom-form .choice-area label input[type=checkbox]{appearance: checkbox;-webkit-appearance: checkbox;width: 16px;height: 16px;margin: 0 5px 0 0;}
.custom-form .choice-area label span{margin-left: 3px;}
.custom-form .yzm-area{position: relative;width: 300px;}
.custom-form .yzm-area input[type="text"]{width: 200px;}
.custom-form .yzm-area .btn{position: absolute;right: 0;top: 0;width: 100px;height: 100%;}
.custom-form .yzm-area .btn img{width: 100%;height: 100%;}
.custom-form .btns-area{margin-top: 20px;}
.custom-form .btns-area .btn{width: 40%;font-size: 14px;}
/*自定义select*/
.custom-select{z-index: 1;position: relative;width: 100%;max-width: 200px;}
.custom-select .name{position: relative;height: 40px;padding: 0 30px 0 10px;background-color: #fff;border: 1px solid #999;color: #333;line-height: 38px;cursor: pointer;user-select: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.custom-select .name:after{content: "";position: absolute;right: 10px;top: 50%;width: 6px;height: 6px;border-right: 1px solid #999;border-bottom: 1px solid #999;transform: rotate(45deg) translate(-50%,-50%);}
.custom-select .list{display: none;position: absolute;left: 0;width: 100%;max-height: 150px;background-color: #fff;overflow-y: auto;box-shadow: 0 0 6px rgba(0,0,0,.2);overscroll-behavior: contain;}
.custom-select .list li a{display: block;padding: 10px 20px;border: 1px solid #eee;border-bottom: 0;font-size: 12px;line-height: 16px;transition: 0.3s;}
.custom-select .list li a:hover{background-color: #009adc;color: #fff;}
/*layer弹窗自定义皮肤*/
body .custom-skin{border-radius: 10px;}
body .custom-skin .layui-layer-title{background: #004496;color: #fff;}
body .custom-skin .layui-layer-setwin .layui-layer-close1{filter: brightness(100);}
body .custom-skin .layui-layer-setwin .layui-layer-close1:hover{opacity: 1;}
body .custom-skin .layui-layer-setwin .layui-layer-close2{right: -10px;top: -10px;background-image: none;}
body .custom-skin .layui-layer-setwin .layui-layer-close2:after{content: "×";position: absolute;width: 30px;height: 30px;font-size: 24px;text-align: center;line-height: 26px;font-weight: bold;}
body .custom-skin .layui-layer-btn .layui-layer-btn0{background-color: #009adc;border-color: #009adc;color: #fff;}
body .custom-skin .layui-layer-resize{display: none;}
/*按钮背景动效*/
.ani-btn{z-index: 0;position: relative;overflow: hidden;}
.ani-btn:after{content: "";z-index: -1;position: absolute;left: 30%;top: 100%;width: 40px;height: 40px;border-radius: 50%;background-color: #009adc;transform: translate(-50%,-50%) scale(0);}
.ani-btn:hover{border-color: #009adc!important;color: #fff!important;transition: 0.5s ease-in-out;}
.ani-btn:hover:after{transform: translate(-50%,-50%) scale(10);transition: 1s ease-in-out;}
/*分享栏*/
.share-wrap{font-size: 0;}
.share-wrap .pre{display: inline-block;vertical-align: bottom;font-size: 14px;line-height: 32px;color: #666;}
.share-wrap .item{position: relative;display: inline-block;vertical-align: top;width: 32px;height: 32px;margin-left: 10px;border: 1px solid #fff;border-radius: 50%;cursor: pointer;transition: 0.3s;}
.share-wrap .item:first-child{margin-left: 0;}
.share-wrap .item .icon{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 20px;height: 20px;margin: auto;}
.share-wrap .item:hover{transform: translateY(-5px);}


/*header*/
body{position: relative;margin-top: 80px;}
.header{z-index: 3;position: fixed;left: 0;top: 0;width: 100%;height: 80px;background-color: #fff;box-shadow: 0 4px 10px rgba(0,0,0,.1);}
/*logo*/
.header .logo{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.header .logo img{display: block;max-height: 52px;}
/*导航-水平方向*/
.nav-box-horizontal{font-size: 0;}
.nav-box-horizontal li{position: relative;display: inline-block;margin: 0 30px;font-size: 16px;line-height: 80px;transition: 0.3s;}
.nav-box-horizontal li:after{content: "";position: absolute;left: 0;bottom: 20px;width: 100%;height: 2px;background-color: #009adc;transform: scaleX(0);transition: 0.3s;}
.nav-box-horizontal li:first-child{margin-left: 0;}
.nav-box-horizontal li:last-child{margin-right: 0;}
.nav-box-horizontal li a{display: block;text-transform: capitalize;}
.nav-box-horizontal li.on:after{transform: scaleX(1);}
.nav-box-horizontal li.on a{color: #009adc;}
.header .nav-box-horizontal{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

/*直播页背景图*/
.live-page-bg{z-index: -1;position: absolute;left: 0;right: 0;top: 0;padding-top: 52%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.live-page-bg:after{content: "";z-index: 1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: linear-gradient(180deg,rgba(255,255,255,.6) 90%,#fff);backdrop-filter: blur(20px);}

/*直播区*/
.live-box{padding: 110px 0;}
.live-box .top-title{}
.live-box .top-title .tit{font-size: 24px;line-height: 30px;}
.live-box .top-title .tit .tag{display: inline-block;vertical-align: top;padding: 0 10px;margin-left: 20px;background-color: #009adc;font-size: 14px;line-height: 26px;color: #fff;}
.live-box .top-title .tit .tag.green{background-color: #50B53C;}
.live-box .top-title .date{position: relative;padding-left: 30px;margin-top: 15px;font-size: 18px;line-height: 20px;color: #999;}
.live-box .top-title .date .icon{position: absolute;left: 0;top: 50%;width: 20px;height: 20px;margin-top: -10px;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTMuNTQ3IDNjLjI1IDAgLjQ1My0uMjIzLjQ1My0uNXYtMmMwLS4yNzctLjIwMi0uNS0uNDUzLS41cy0uNDUzLjIyMy0uNDUzLjV2MmMwIC4yNzQuMjAyLjUuNDUzLjV6TTUuNDUzIDNjLjI1MSAwIC40NTMtLjIyMy40NTMtLjV2LTJjMC0uMjc3LS4yMDItLjUtLjQ1My0uNUM1LjIwMyAwIDUgLjIyMyA1IC41djJjMCAuMjc0LjIwMi41LjQ1My41eiIvPjxwYXRoIGQ9Ik0xNy4xIDJoLTIuMjVjLS4yNSAwLS40NS4xOTctLjQ1LjQ0MSAwIC4yNDUuMi40NDIuNDUuNDQyaDIuMjV2Mi45SC45di0yLjloMi4yNWMuMjUgMCAuNDUtLjE5Ny40NS0uNDQyQzMuNiAyLjE5NyAzLjQgMiAzLjE1IDJILjljLS40OTYgMC0uOS4zOTYtLjkuODgzdjEzLjIzNGMwIC40ODcuNDA0Ljg4My45Ljg4M2gxNi4yYy40OTYgMCAuOS0uMzk2LjktLjg4M1YyLjg4M0EuODkzLjg5MyAwIDAgMCAxNy4xIDJ6TS45IDE2LjExN3YtOS40NWgxNi4ydjkuNDUySC45di0uMDAyeiIvPjxwYXRoIGQ9Ik03LjQyMiAyLjg1NGg0LjIyM2MuMjMzIDAgLjQyMi0uMTkuNDIyLS40MjdBLjQyNC40MjQgMCAwIDAgMTEuNjQ1IDJINy40MjJBLjQyNC40MjQgMCAwIDAgNyAyLjQyN2MwIC4yMzQuMTg5LjQyNy40MjIuNDI3ek0xNC41NDggMTJoLTIuMTEyYS40NTYuNDU2IDAgMCAxLS40NTItLjQ1N1Y5LjQwOGMwLS4yNTIuMjA0LS40NTguNDUyLS40NThoMi4xMTJjLjI0OCAwIC40NTIuMjA2LjQ1Mi40NTh2Mi4xMzVhLjQ1Ni40NTYgMCAwIDEtLjQ1Mi40NTd6Ii8+PC9zdmc+');background-size: 100% 100%;filter: brightness(0) invert(.5);}
/*直播窗口*/
.live-window{position: relative;min-height: 300px;margin-top: 40px;background-color: #fff;border-radius: 10px;overflow: hidden;box-shadow: 4px 4px 10px rgba(0,0,0,.1);}
.live-window > .con-l{position: relative;margin-right: 21.5%;}
.live-window > .con-r{position: absolute;right: 0;top: 0;width: 21.5%;height: 100%;background-color: #f8f8f8;}
/*视频区*/
.live-window .video-box{position: relative;padding-top: 61%;font-size: 14px;}
.live-window .video-box .video-wrap{z-index: 1;position: absolute;left: 0;top: 0;width: 100%;height: calc(100% - 54px);}
.live-window .video-box .video-wrap .video-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.live-window .video-box .video-wrap video{position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;background-color: #424242;object-fit: contain;transform: translate(-50%,-50%);}
.live-window .video-box .popup-wrap{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.8);}
.live-window .video-box .popup-wrap .info{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;color: #fff;}
.live-window .video-box .popup-wrap .info .tit1{margin: 20px 0;font-size: 20px;font-weight: bold;}
.live-window .video-box .popup-wrap .info .tit2{margin: 20px 0;font-size: 18px;font-weight: bold;}
.live-window .video-box .popup-wrap .info .tit2 span{font-weight: normal;color: #999;}
.live-window .video-box .popup-wrap .info .rainbow-line{width: 128px;height: 4px;margin: 0 auto;background-image: linear-gradient(90deg,#dd0068,#ffc455,#00a0d5);}
.live-window .video-box .popup-wrap .info .btn{width: 170px;margin: 20px auto 0;background-color: #009adc;border-radius: 22px;font-size: 16px;line-height: 44px;color: #fff;cursor: pointer;transition: 0.3s;}
.live-window .video-box .popup-wrap .info .btn .icon{display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin: -2px 6px 0 0;text-transform: capitalize;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA1LjQzNHY4Ljc1N2MwIDEuMDMyLjg0IDEuODcxIDEuODcgMS44NzFoMTAuMDFhMS44NyAxLjg3IDAgMCAwIDEuODctMS44NzFWNS40MzRjMC0xLjAzMi0uODQtMS44NzItMS44Ny0xLjg3MkgxLjg3QTEuODcgMS44NyAwIDAgMCAwIDUuNDM0em0xMS44OC0uNjIyYy4zNCAwIC42Mi4yOC42Mi42MjJ2OC43NTdhLjYyLjYyIDAgMCAxLS42Mi42MjFIMS44N2MtLjM0IDAtLjYyLS4yOC0uNjItLjYyMVY1LjQzNGEuNjIuNjIgMCAwIDEgLjYyLS42MjJoMTAuMDF6bTUuOTggOC43MmMxLjE4Mi43MDggMi4xNC4xNjIgMi4xNC0xLjIxN1Y3LjMxYzAtMS4zOC0uOTQyLTEuODk4LTIuMTEtMS4xNDYgMCAwLTUuMzkgMy4zOC01LjM5IDMuODcgMCAuMzQ0IDUuMzYgMy40OTkgNS4zNiAzLjQ5OXptLTQuMjEyLTMuMDIzYS44Ni44NiAwIDAgMS0uMDg2LjE1Yy4wOTMtLjA4Ny4yMzgtLjIxLjQzMy0uMzYxLjM4Mi0uMjk4LjkyNC0uNjg1IDEuNTg3LTEuMTM2bC4zMTEtLjIxYTEwNC41NjggMTA0LjU2OCAwIDAgMSAyLjY2Mi0xLjczYy4xNTUtLjA5OS4yNjUtLjE0My4zMzItLjE1MmEuMjU0LjI1NCAwIDAgMS0uMTAzLS4wMzUuMjUzLjI1MyAwIDAgMS0uMDg0LS4wNjhjLjAyOC4wNjEuMDUuMTc2LjA1LjM0M3Y1LjAwNWEuODg5Ljg4OSAwIDAgMS0uMDUzLjM0N2MtLjAwMS4wMDMuMDItLjAyLjA1OC0uMDQyLjA0LS4wMjMuMDctLjAyOC4wNjgtLjAyOWEuODc2Ljg3NiAwIDAgMS0uMzItLjEzMSA5OS4xMzUgOTkuMTM1IDAgMCAxLS44MzctLjQ5OGMtLjYyMy0uMzczLTEuMjQ2LS43NTItMS44MjctMS4xMTJsLS4yMjgtLjE0MmE0NC4yMzYgNDQuMjM2IDAgMCAxLTEuNjQ3LTEuMDY4IDcuNDAyIDcuNDAyIDAgMCAxLS40Ni0uMzRjLS4wMjYtLjAyLS4wMzctLjAzLS4wMjUtLjAxN2ExLjEyMyAxLjEyMyAwIDAgMSAuMjcxLjc1MmMwIC4xODktLjA0LjM0Mi0uMTAyLjQ3NHoiLz48L3N2Zz4=');background-size: 100% 100%;filter: brightness(0) invert(1);}
.live-window .video-box .popup-wrap .info .btn.gray{background-color: #fff;color: #8c8c8c;}
.live-window .video-box .popup-wrap .info .btn.gray .icon{filter: brightness(0) invert(.5);}
.live-window .video-box .popup-wrap .info .share-btn{margin-top: 30px;text-transform: capitalize;cursor: pointer;}
.live-window .video-box .popup-wrap .info .share-btn .icon{display: block;width: 24px;height: 24px;margin: 0 auto 6px;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTggMi4wNjZsNC44MjYgNC43OTFMMTggMTIuMzE3VjkuNTgzbC0uNjk0LS4xNTRhMi40MDkgMi40MDkgMCAwIDAtLjQ1NSAwIDE0LjMxNCAxNC4zMTQgMCAwIDAtNC4yODUuOTE3IDExLjcxNyAxMS43MTcgMCAwIDAtNC44NTIgMi42NGMuMTI5LTIuNDc3Ljc2My00LjcxNSAzLjc4LTYuMjIzYTE0LjIyIDE0LjIyIDAgMCAxIDUuNjQ5LTEuNjJIMThWMi4wNjZNMTcuMTQzIDB2NC4yODZjLTIuMS4xMzgtNC4xNDUuNzIzLTYgMS43MTQtNC40NzQgMi4yMzctNC4yODYgNi00LjI4NiA5LjQyOSAxLjcxNC0yLjU3MiAzLjQyOS0zLjQyOSA2LTQuMjg2YTEzLjU0MyAxMy41NDMgMCAwIDEgNC4wMDMtLjg1N2MuMDk0LS4wMDguMTg5LS4wMDguMjgzIDB2NC4yODVMMjQgNi44NTcgMTcuMTQzIDB6bTYgMTQuNTcxdjcuNzE1YS44NTcuODU3IDAgMCAxLS44NTcuODU3SDEuNzE0YS44NTcuODU3IDAgMCAxLS44NTctLjg1N1YxLjcxNGMwLS40NzMuMzg0LS44NTcuODU3LS44NTdoMTJWMGgtMTJDLjc2OCAwIDAgLjc2OCAwIDEuNzE0djIwLjU3MkMwIDIzLjIzMi43NjggMjQgMS43MTQgMjRoMjAuNTcyYy45NDYgMCAxLjcxNC0uNzY4IDEuNzE0LTEuNzE0VjE0LjU3aC0uODU3eiIvPjwvc3ZnPg==');background-position: 100% 100%;filter: brightness(0) invert(1);}
/*倒计时*/
.live-window .video-box .popup-wrap .info .timeTo{height: auto;margin: 30px 0;font-family: 'PT Mono'!important;font-weight: normal;}
.live-window .video-box .popup-wrap .info .timeTo div{border: 0;}
.live-window .video-box .popup-wrap .info .timeTo.timeTo-black div{background: transparent;}
.live-window .video-box .popup-wrap .info .timeTo figure{vertical-align: top;}
.live-window .video-box .popup-wrap .info .timeTo figcaption{display: none;margin-top: -10px;}
.live-window .video-box .popup-wrap .info .timeTo figure:first-child{position: relative;margin-right: 60px}
.live-window .video-box .popup-wrap .info .timeTo figure:first-child figcaption{display: block;position: absolute;right: -40px;top: 32px;padding-right: 0!important;font-size: 24px!important;text-transform: capitalize;color: #fff;}
/*视频区底部栏*/
.live-window .video-box .bottom-wrap{position: absolute;left: 0;right: 0;bottom: 0;padding: 15px 40px;background-color: #424242;color: #fff;}
.live-window .video-box .bottom-wrap .item{position: relative;display: inline-block;vertical-align: top;height: 24px;padding-left: 36px;line-height: 24px;}
.live-window .video-box .bottom-wrap .item .icon{position: absolute;left: 0;top: 50%;width: 24px;height: 24px;margin-top: -12px;background-size: 100% 100%;filter: brightness(0) invert(1);}
.live-window .video-box .bottom-wrap .share-btn{cursor: pointer;}
.live-window .video-box .bottom-wrap .share-btn .icon{background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTggMi4wNjZsNC44MjYgNC43OTFMMTggMTIuMzE3VjkuNTgzbC0uNjk0LS4xNTRhMi40MDkgMi40MDkgMCAwIDAtLjQ1NSAwIDE0LjMxNCAxNC4zMTQgMCAwIDAtNC4yODUuOTE3IDExLjcxNyAxMS43MTcgMCAwIDAtNC44NTIgMi42NGMuMTI5LTIuNDc3Ljc2My00LjcxNSAzLjc4LTYuMjIzYTE0LjIyIDE0LjIyIDAgMCAxIDUuNjQ5LTEuNjJIMThWMi4wNjZNMTcuMTQzIDB2NC4yODZjLTIuMS4xMzgtNC4xNDUuNzIzLTYgMS43MTQtNC40NzQgMi4yMzctNC4yODYgNi00LjI4NiA5LjQyOSAxLjcxNC0yLjU3MiAzLjQyOS0zLjQyOSA2LTQuMjg2YTEzLjU0MyAxMy41NDMgMCAwIDEgNC4wMDMtLjg1N2MuMDk0LS4wMDguMTg5LS4wMDguMjgzIDB2NC4yODVMMjQgNi44NTcgMTcuMTQzIDB6bTYgMTQuNTcxdjcuNzE1YS44NTcuODU3IDAgMCAxLS44NTcuODU3SDEuNzE0YS44NTcuODU3IDAgMCAxLS44NTctLjg1N1YxLjcxNGMwLS40NzMuMzg0LS44NTcuODU3LS44NTdoMTJWMGgtMTJDLjc2OCAwIDAgLjc2OCAwIDEuNzE0djIwLjU3MkMwIDIzLjIzMi43NjggMjQgMS43MTQgMjRoMjAuNTcyYy45NDYgMCAxLjcxNC0uNzY4IDEuNzE0LTEuNzE0VjE0LjU3aC0uODU3eiIvPjwvc3ZnPg==');}
.live-window .video-box .bottom-wrap .audience{float: right;}
.live-window .video-box .bottom-wrap .audience .icon{background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTcuMDIyIDEyLjg4NmMxLjk4Ny0xLjEzNiAzLjM0Ni0zLjQyMyAzLjM0Ni02LjA2MkMyMC4zNjggMy4wNTUgMTcuNTk4IDAgMTQuMTggMCAxMC43NjIgMCA3Ljk5IDMuMDU1IDcuOTkgNi44MjRjMCAyLjYwNyAxLjMyNiA0Ljg3MiAzLjI3NCA2LjAyMS00LjEzOCAxLjM2NS03LjIwNyA1LjYzMS03LjEwNCAxMC40ODEgMCAuOTU2IDEuMTcyLjgyNSAxLjE3Mi4wNDcgMC01LjM3IDMuOTQ4LTkuNzI0IDguODE4LTkuNzI0IDQuODcgMCA4LjgxOCA0LjM1NCA4LjgxOCA5LjcyNCAwIC42NTIgMS4wMjkuNTU0IDEuMDI5LS4wNDcuMDk3LTQuODA0LTIuOTA0LTkuMDMxLTYuOTc2LTEwLjQ0em0tMi45NDMtLjQ5OGMtLjEyIDAtLjIzOC4wMDUtLjM1Ni4wMS0yLjU4Ni0uMjQtNC42MTctMi42MjktNC42MTctNS41NDIgMC0zLjA3MyAyLjI1OS01LjU2NCA1LjA0NS01LjU2NHM1LjE3IDIuNDkxIDUuMTcgNS41NjRjMCAyLjkyNy0yLjE2NCA1LjMyNS00Ljc3OCA1LjU0NWE4Ljg3OCA4Ljg3OCAwIDAgMC0uNDY0LS4wMTN6bS02LjI0OC43ODZoLjAyNGMuNzI2IDAgLjc0Mi0xLjMtLjAyNC0xLjNsLS4wNTktLjAwMnYtLjAyNWMtLjEwMyAwLS4yMDQuMDA1LS4zMDQuMDEtMi4xNjYtLjE5LTMuOTctMi4wNTMtMy45Ny00LjQ3OCAwLTIuNTU4IDIuMDA5LTQuNjMyIDQuMzMzLTQuNjMyLjc2NyAwIC41NjUtMS4wNzctLjIyOC0xLjA3Ny0yLjg1MSAwLTUuMTYyIDIuNTQ1LTUuMTYyIDUuNjgzIDAgMi4wODYgMS4xMzMgMy45NyAyLjcyOSA1LTMuMTY1IDEuMjc3LTUuMjUgNC44MjQtNS4xNjggOC43NCAwIC43OTcgMS4xMDQuNjg4IDEuMTA0LjA0IDAtNC40NzIgMi42NjMtNy45NTggNi43MjUtNy45NTh6Ii8+PC9zdmc+');}
/*聊天室*/
.live-window .chat-room{position: relative;height: 100%;padding: 70px 0 170px;}
.live-window .chat-room > .title{z-index: 1;position: absolute;left: 0;right: 0;top: 0;height: 70px;padding-top: 10px;margin: 0 25px;font-size: 20px;text-align: center;}
.live-window .chat-room > .title:after{content: "";z-index: -1;position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background-color: #eee;}
.live-window .chat-room > .title span{display: inline-block;vertical-align: top;height: 60px;border-bottom: 2px solid #009adc;line-height: 60px;}
.live-window .chat-room .chat-list{height: 100%;padding: 25px;overflow-y: auto;}
.live-window .chat-room .chat-list li{overflow: hidden;margin-top: 30px;}
.live-window .chat-room .chat-list li:first-child{margin-top: 0;}
.live-window .chat-room .chat-list li .avatar{float: left;width: 36px;height: 36px;background-color: #fff;background-position: center;background-size: contain;background-repeat: no-repeat;border: 1px solid #eee;border-radius: 50%;}
.live-window .chat-room .chat-list li .info{margin-left: 55px;color: #999;}
.live-window .chat-room .chat-list li .info .name{line-height: 20px;}
.live-window .chat-room .chat-list li .info .name .tag{display: inline-block;vertical-align: top;padding: 0 .8em;margin-right: 5px;background-color: #CC1069;border-radius: 10px;font-size: 12px;line-height: 18px;color: #fff;}
.live-window .chat-room .chat-list li .info .txt{font-size: 13px;line-height: 20px;color: #666;}
.live-window .chat-room .chat-list li .info .date{margin-top: 3px;line-height: 20px;}
.live-window .chat-room .user-input-wrap{position: relative;height: 170px;padding: 25px 20px 15px;border-top: 1px solid #eee;}
.live-window .chat-room .user-input-wrap .input-wrap{position: relative;}
.live-window .chat-room .user-input-wrap .input-wrap .input-text{width: 100%;height: 90px;padding: 12px 15px;background-color: #fff;border: 1px solid #eee;border-radius: 4px;resize: none;transition: 0.5s;}
.live-window .chat-room .user-input-wrap .input-wrap .input-text:focus{border-color: #009adc;}
.live-window .chat-room .user-input-wrap .input-wrap .login-tip{position: absolute;left: 15px;top: 12px;padding-left: 26px;font-size: 16px;line-height: 20px;}
.live-window .chat-room .user-input-wrap .input-wrap .login-tip .icon{position: absolute;left: 0;top: 50%;width: 16px;height: 16px;margin-top: -8px;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC4zNyAxNC42M2MuMzI1LjA1LjY1OS4wNzYuOTk5LjA3NmgxLjkwN2wtLjQzNy0uMTY4IDQuNDY4IDQuMTE4Yy4zNzYuMzQ3IDEuMDEyLjEyNiAxLjA2LS4zNjhsLjQ0My00LjYzOC0uMzUyLjQ3N0MxOC42MDUgMTMuMTU0IDIwIDExLjEwNyAyMCA4LjgyNGE1LjY0IDUuNjQgMCAwIDAtMS4yNzctMy41NjUgNy4yOTMgNy4yOTMgMCAwIDEtLjE2MyAyLjI3NWMuMTI0LjQxLjE5Ljg0Mi4xOSAxLjI5IDAgMS44MjYtMS4xMTYgMy40NjUtMi44MzQgNC4yNDNhLjU5LjU5IDAgMCAwLS4zNTEuNDc3bC0uNDQ0IDQuNjM5IDEuMDYtLjM2OC00LjQ2Ny00LjExOGEuNjQ2LjY0NiAwIDAgMC0uNDM4LS4xNjhIOS41NGwtMS4xNyAxLjEwMnpNMS4yNSA2LjA5OGMwLTIuNzE4IDIuMzMzLTQuOTIgNS4yMTEtNC45Mmg0LjU3OGMyLjg3NSAwIDUuMjExIDIuMjAzIDUuMjExIDQuOTIgMCAyLjcxOC0yLjMzMyA0LjkyLTUuMjExIDQuOTJoLTEuOTlhLjY3My42NzMgMCAwIDAtLjQ1Ny4xNzZsLTQuNjYxIDQuMzA1IDEuMTA1LjM4NC0uNDYyLTQuODVhLjYxNy42MTcgMCAwIDAtLjM2Ny0uNDk4QzIuNDE1IDkuNzIgMS4yNSA4LjAwNyAxLjI1IDYuMDk3em0yLjA1OCA1LjAwOGwuNDYgNC44MWMuMDUuNTEyLjcwOS43NCAxLjEuMzhsNC42MzItNC4yNy0uNDUzLjE3NWgxLjk3OGMzLjU3NiAwIDYuNDc1LTIuNzMgNi40NzUtNi4xIDAtMy4zNjgtMi45MDEtNi4xLTYuNDc1LTYuMWgtNC41NUMyLjkgMCAwIDIuNzMgMCA2LjFjMCAyLjM2NyAxLjQ0NyA0LjQ5IDMuNjczIDUuNWwtLjM2NS0uNDk1eiIvPjwvc3ZnPg==');background-size: 100% 100%;}
.live-window .chat-room .user-input-wrap .input-wrap .login-tip span{color: #F2510B;cursor: pointer;}
.live-window .chat-room .user-input-wrap .input-wrap .word-total{position: absolute;right: 15px;bottom: 12px;line-height: 20px;color: #bbb;}
.live-window .chat-room .user-input-wrap .sub-btn{position: absolute;right: 20px;bottom: 15px;width: 76px;height: 26px;background-color: #009adc;border-radius: 4px;text-align: center;color: #fff;}
.live-window .chat-room .user-input-wrap .sub-btn.gray{background-color: #eee;color: #bbb;}
/*视频记录列表*/
.video-record-list{height: calc(100% - 20px);padding: 15px 25px 15px 20px;margin: 10px 0;overflow-y: auto;}
.video-record-list li{padding: 15px;margin-top: 15px;border: 1px solid #eee;border-radius: 10px;background-color: #fff;cursor: pointer;transition: 0.5s;}
.video-record-list li:first-child{margin-top: 0;}
.video-record-list li .tit{height: 66px;font-size: 16px;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;transition: 0.3s;}
.video-record-list li .date{position: relative;padding-left: 30px;margin-top: 15px;line-height: 20px;color: #999;}
.video-record-list li .date .icon{position: absolute;left: 0;top: 50%;width: 20px;height: 20px;margin-top: -10px;filter: brightness(0) invert(.5);background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA1LjQzNHY4Ljc1N2MwIDEuMDMyLjg0IDEuODcxIDEuODcgMS44NzFoMTAuMDFhMS44NyAxLjg3IDAgMCAwIDEuODctMS44NzFWNS40MzRjMC0xLjAzMi0uODQtMS44NzItMS44Ny0xLjg3MkgxLjg3QTEuODcgMS44NyAwIDAgMCAwIDUuNDM0em0xMS44OC0uNjIyYy4zNCAwIC42Mi4yOC42Mi42MjJ2OC43NTdhLjYyLjYyIDAgMCAxLS42Mi42MjFIMS44N2MtLjM0IDAtLjYyLS4yOC0uNjItLjYyMVY1LjQzNGEuNjIuNjIgMCAwIDEgLjYyLS42MjJoMTAuMDF6bTUuOTggOC43MmMxLjE4Mi43MDggMi4xNC4xNjIgMi4xNC0xLjIxN1Y3LjMxYzAtMS4zOC0uOTQyLTEuODk4LTIuMTEtMS4xNDYgMCAwLTUuMzkgMy4zOC01LjM5IDMuODcgMCAuMzQ0IDUuMzYgMy40OTkgNS4zNiAzLjQ5OXptLTQuMjEyLTMuMDIzYS44Ni44NiAwIDAgMS0uMDg2LjE1Yy4wOTMtLjA4Ny4yMzgtLjIxLjQzMy0uMzYxLjM4Mi0uMjk4LjkyNC0uNjg1IDEuNTg3LTEuMTM2bC4zMTEtLjIxYTEwNC41NjggMTA0LjU2OCAwIDAgMSAyLjY2Mi0xLjczYy4xNTUtLjA5OS4yNjUtLjE0My4zMzItLjE1MmEuMjU0LjI1NCAwIDAgMS0uMTAzLS4wMzUuMjUzLjI1MyAwIDAgMS0uMDg0LS4wNjhjLjAyOC4wNjEuMDUuMTc2LjA1LjM0M3Y1LjAwNWEuODg5Ljg4OSAwIDAgMS0uMDUzLjM0N2MtLjAwMS4wMDMuMDItLjAyLjA1OC0uMDQyLjA0LS4wMjMuMDctLjAyOC4wNjgtLjAyOWEuODc2Ljg3NiAwIDAgMS0uMzItLjEzMSA5OS4xMzUgOTkuMTM1IDAgMCAxLS44MzctLjQ5OGMtLjYyMy0uMzczLTEuMjQ2LS43NTItMS44MjctMS4xMTJsLS4yMjgtLjE0MmE0NC4yMzYgNDQuMjM2IDAgMCAxLTEuNjQ3LTEuMDY4IDcuNDAyIDcuNDAyIDAgMCAxLS40Ni0uMzRjLS4wMjYtLjAyLS4wMzctLjAzLS4wMjUtLjAxN2ExLjEyMyAxLjEyMyAwIDAgMSAuMjcxLjc1MmMwIC4xODktLjA0LjM0Mi0uMTAyLjQ3NHoiLz48L3N2Zz4=');background-size: 100% 100%;}
.video-record-list li:hover{border-color: #009adc;}
.video-record-list li.on{position: relative;border-color: #009adc;}
.video-record-list li.on:before{content: "";position: absolute;left: -12px;top: 50%;width: 0;height: 0;margin-top: -6px;border: 6px solid transparent;border-right-color: #009adc;}
.video-record-list li.on .tit{color: #009adc;}

/*弹窗-登录&注册*/
.popup-login-box{min-height: 550px;padding: 15px 25px 20px;}
.popup-login-box .tabs{z-index: 1;position: relative;font-size: 0;text-align: center;}
.popup-login-box .tabs:after{content: "";z-index: -1;position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background-color: #eee;}
.popup-login-box .tabs .item{position: relative;display: inline-block;vertical-align: top;width: 50%;font-size: 14px;line-height: 40px;color: #999;cursor: pointer;}
.popup-login-box .tabs .item:after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 2px;background-color: #009adc;transform: scaleX(0);transition: 0.3s;}
.popup-login-box .tabs .item.on{color: #009adc;}
.popup-login-box .tabs .item.on:after{transform: scaleX(1);}
.popup-login-box .tab-content{margin-top: 20px;}
.popup-login-box .tab-content > .item{display: none;}
.popup-login-box .tab-content > .item.show{display: block;}
/*登录表单*/
.login-form .main-title{margin-bottom: 20px;border-bottom: 1px solid #009adc;line-height: 50px;color: #009adc;}
.login-form .row{margin-bottom: 10px;}
.login-form .row .name{float: none;width: 100%;padding: 5px 0;font-size: 12px;line-height: 20px;text-align: left;}
.login-form .row .info-content{margin-left: 0;}
.login-form .row .info-content input{height: 40px;padding: 0 15px;background-color: #F7FAFC;border-color: #eee;border-radius: 20px;font-size: 12px;}
.login-form .row .info-content input:focus{border-color: #009adc;}
.login-form .row .info-content select{height: 40px;background-color: #F7FAFC;border-color: #eee;border-radius: 20px;font-size: 12px;color: #999;}
.login-form .row .info-content select:focus{border-color: #009adc;}
.login-form .yzm-area{position: relative;width: 100%;}
.login-form .yzm-area input[type="text"]{width: 100%;padding: 0 120px 0 20px;}
.login-form .yzm-area .btn{position: absolute;right: 0;top: 50%;width: 120px;height: 24px;margin-top: -12px;border-left: 1px solid #ccc;line-height: 24px;text-align: center;}
.login-form .check-wrap{font-size: 14px;line-height: 20px;}
.login-form .check-wrap input[type=checkbox]{appearance: checkbox;-webkit-appearance: checkbox;width: 20px;height: 20px;margin: 0 6px 0 0;}
.login-form .check-wrap a{text-decoration: underline;color: #009adc;}
.login-form .btns-area{margin-top: 15px;}
.login-form .btns-area .btn{width: 100%;height: 40px;margin: 0;background-color: #009adc;border: 0;color: #fff;}
.login-form .other-links{display: flex;justify-content: space-between;margin-top: 20px;}
.login-form .other-links a{display: inline-block;vertical-align: top;font-size: 12px;line-height: 20px;transition: 0.3s;}
.login-form .other-links a .icon{display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin: -2px 0 0 6px;}
.login-form .other-links a:last-child{text-decoration: underline;}
.login-form .other-links a:hover{color: #009adc;}

/*弹窗-忘记密码*/
.popup-forget-box{padding: 15px 25px 40px;}

/*弹窗-预约*/
.popup-appointment-box{padding: 15px 25px;}
/*用户信息表单*/
.user-info-form .main-title{margin-bottom: 20px;line-height: 50px;color: #009adc;}
.user-info-form .row{margin-bottom: 10px;}
.user-info-form .row .name{width: 80px;padding: 10px 0;font-size: 12px;line-height: 20px;text-align: left;}
.user-info-form .row .info-content{margin-left: 80px;}
.user-info-form .row .info-content input{height: 40px;padding: 0 20px;background-color: #F7FAFC;border-color: #eee;border-radius: 20px;font-size: 12px;}
.user-info-form .row .info-content input:focus{border-color: #009adc;}
.user-info-form .row .info-content select{height: 40px;background-color: #F7FAFC;border-color: #eee;border-radius: 20px;font-size: 12px;color: #999;}
.user-info-form .row .info-content select:focus{border-color: #009adc;}
.user-info-form .yzm-area{position: relative;width: 100%;}
.user-info-form .yzm-area input[type="text"]{width: 100%;padding: 0 120px 0 20px;}
.user-info-form .yzm-area .btn{position: absolute;right: 0;top: 50%;width: 120px;height: 24px;margin-top: -12px;border-left: 1px solid #ccc;font-size: 12px;line-height: 24px;text-align: center;}
.user-info-form .check-wrap{font-size: 12px;line-height: 20px;color: #999;}
.user-info-form .check-wrap input[type=checkbox]{appearance: checkbox;-webkit-appearance: checkbox;vertical-align: middle;width: 16px;height: 16px;margin: -0.2em 0 0 0;}
.user-info-form .check-wrap span{display: block;margin: -20px 0 0 25px;}
.user-info-form .check-wrap a{text-decoration: underline;color: #009adc;}
.user-info-form .btns-area{margin-top: 15px;}
.user-info-form .btns-area .btn{width: 80%;height: 40px;background-color: #009adc;border: 0;color: #fff;}

/*弹窗-分享链接*/
.popup-share-link{padding: 10px 20px 30px;}
.popup-share-link .title{border-bottom: 1px solid #009adc;font-size: 16px;line-height: 40px;text-align: center;color: #009adc;}
.popup-share-link .copy-wrap{position: relative;padding-right: 90px;margin-top: 20px;}
.popup-share-link .copy-wrap:before{content: "";position: absolute;left: 20px;top: 50%;width: 16px;height: 16px;margin-top: -8px;background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik01MDAuNDI5IDcxMS4zNzNsNjcuMDcyLTY3Ljg5MWMtNjEuMDMtNS4xMi0xMDIuMDkzLTIzLjg2LTEzMy4xMi01NC43ODQtODIuNzQtODIuNjM3LTgyLjc0LTIwMC4xOTIgMC0yODIuMzE3bDE1Ny40OTEtMTU3LjE4NGM4My4yNTEtODIuNjM3IDIwMC4wOS04My4xNDkgMjgyLjgyOS0uNTEyIDgzLjI1MSA4My42NiA4Mi43MzkgMjAwLjI5NC41MTIgMjgyLjQxOWwtODkuOTA3IDg5LjcwMmMxMy43MjEgMzIuNDYxIDE3LjgxNyA3MC40NTIgMTEuNjczIDEwMy45MzZsMTM5LjY3NC0xMzkuNDY4YzExNi4zMjYtMTE1LjUwOCAxMTYuNzM2LTI4MC4yNy0uNTEyLTM5Ny4zMTItMTE3Ljc2LTExNy43Ni0yODIuMzE3LTExNi43MzYtMzk4LjEzMS0uNjE1TDM3Mi40MjkgMjUyLjYyMWMtMTE1LjcxMiAxMTUuNjEtMTE2LjczNiAyODAuMzcxLjUxMiAzOTcuNDE0IDMwLjAwMyAyOS40OTEgNjguMDk2IDUwLjY4OCAxMjcuNDg4IDYxLjQ0ek00ODYuMTk1IDkzNi45NmwxNjUuMDY5LTE2NS4xNzFDNzY3LjU5IDY1NS42NjcgNzY4IDQ5MS40MTggNjUwLjc1MiAzNzMuNzZjLTI5LjQ5MS0yOS4zODktNjcuNTg0LTUwLjY4OC0xMjYuOTc2LTYwLjgyNmwtNjcuNTg0IDY3LjQ4MmM2MS40NCA1LjUzIDEwMi42MDUgMjQuMjY5IDEzMy4xMiA1NC42ODIgODMuMjUxIDgyLjYzNiA4Mi43NCAyMDAuMjk0LjUxMiAyODIuNDE5TDQzMS44MjEgODc0LjQ5NmMtODIuNzQgODIuNjM3LTE5OS41NzggODMuMTQ5LTI4Mi4zMTcuNTEyLTgzLjc2My04My4wNDYtODIuNzQtMjAwLjE5Mi0uNTEyLTI4Mi4zMTdsODkuOTA3LTg5LjcwMmExODYuMDYgMTg2LjA2IDAgMCAxLTExLjY3My0xMDMuNDI0TDg3LjU1MiA1MzguNTIyYy0xMTYuMzI2IDExNi4xMjEtMTE3LjM1IDI4MC4zNy41MTIgMzk3LjkyNiAxMTcuMjQ4IDExNy4xNDYgMjgxLjgwNSAxMTYuMTIyIDM5OC4xMzEuNTEyeiIgZmlsbD0iIzAwN2ZjNSIvPjwvc3ZnPg==);background-size: 100% 100%;filter: brightness(0) invert(.5);}
.popup-share-link .copy-wrap #share-link{width: 100%;height: 40px;padding: 0 20px 0 50px;background-color: #f2f2f2;border-radius: 4px;color: #999;}
.popup-share-link .copy-wrap .copy-link-btn{position: absolute;right: 0;top: 0;width: 80px;height: 40px;background-color: #009adc;border-radius: 4px;text-align: center;line-height: 40px;color: #fff;}

/*video-loading*/
.video-loading{display: none;z-index: 1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #424242;}
.video-loading .progress-bar{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);animation: progressBar 2s linear infinite;}
.video-loading .progress-bar img{display: block;}
@keyframes progressBar{
	0%{clip-path: polygon(0 0,0 0,0 100%,0 100%);}
	100%{clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
}

/*直播信息内容*/
.live-info-content{min-height: 500px;padding: 0 70px;margin-bottom: 40px;background: #fff url(../images/live_content_bg.jpg) center top no-repeat;background-size: cover;border-radius: 10px;box-shadow: 0 0 20px rgba(0,0,0,.2);}
.live-info-content .part{padding: 45px 0;}
.live-info-content .part > .content{}
.live-info-content .common-title{margin-bottom: 60px;text-align: center;}
.live-info-content .common-title img{display: inline-block;vertical-align: top;max-height: 30px;}
.live-info-content .sub-title{margin: -30px 0 30px;font-size: 16px;line-height: 28px;text-align: center;}
/*直播介绍*/
.intro-wrap{}
.intro-wrap .tit{margin-bottom: 10px;font-size: 20px;line-height: 30px;}
.intro-wrap .txt{font-size: 16px;line-height: 28px;text-align: justify;}
/*议程表*/
.agenda-table{width: 100%;border-collapse: collapse;background-color: #fff;border-radius: 10px 10px 0 0;overflow: hidden;}
.agenda-table .title{background-image: linear-gradient(90deg,#009adc,#C3DA87);}
.agenda-table th{padding: 15px 40px;border: 1px solid #eee;font-size: 18px;line-height: 25px;text-align: left;font-weight: normal;color: #fff;}
.agenda-table td{padding: 15px 40px;border: 1px solid #eee;font-size: 16px;line-height: 25px;text-align: left;}
.agenda-table td:nth-child(1){color: #009adc;}
/*演讲者轮播*/
.speaker-swiper-box{position: relative;padding: 0 40px 50px;}
.speaker-swiper-box .btn{z-index: 1;position: absolute;top: 50%;width: 32px;height: 32px;margin-top: -50px;color: #aaa;cursor: pointer;transition: 0.3s;}
.speaker-swiper-box .btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 20px;height: 20px;border-top: 1px solid currentColor;}
.speaker-swiper-box .prev-btn{left: 0;}
.speaker-swiper-box .prev-btn:after{border-left: 1px solid currentColor;transform: translate(-70%,-50%) rotate(-45deg);}
.speaker-swiper-box .next-btn{right: 0;}
.speaker-swiper-box .next-btn:after{border-right: 1px solid currentColor;transform: translate(-30%,-50%) rotate(45deg);}
.speaker-swiper-box .btn:hover{color: #009adc;}
.speaker-swiper-box .swiper-pagination{z-index: 1;left: 0;right: 0;bottom: 0;font-size: 0;}
.speaker-swiper-box .swiper-pagination-bullet{width: 25px;height: 3px;margin: 0 8px!important;background-color: #E1E1E1;border-radius: 0;opacity: 1;transition: 0.3s;}
.speaker-swiper-box .swiper-pagination-bullet-active{background-color: #009adc;}
.speaker-swiper{position: relative;font-size: 0;text-align: center;overflow: hidden;}
.speaker-swiper .swiper-slide{display: inline-block;vertical-align: top;width: 25%;padding: 0 20px;font-size: 14px;text-align: left;}
.speaker-swiper .swiper-slide a{position: relative;display: block;border-radius: 10px;overflow: hidden;cursor: auto;}
.speaker-swiper .swiper-slide a:before{content: '';z-index: 1;position: absolute;left: 0;right: 0;bottom: 0;height: 50%;background-image: linear-gradient(180deg,rgba(255,255,255,0),#000);}
.speaker-swiper .swiper-slide .pic{overflow: hidden;}
.speaker-swiper .swiper-slide .pic em{display: block;padding-top: 106%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.8s;}
.speaker-swiper .swiper-slide .info{z-index: 1;position: absolute;left: 20px;right: 20px;bottom: 15px;color: #fff;}
.speaker-swiper .swiper-slide .info .name{height: 20px;font-size: 15px;line-height: 20px;}
.speaker-swiper .swiper-slide .info .txt{max-height: 48px;font-size: 12px;line-height: 16px;opacity: .7;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.speaker-swiper .swiper-slide:hover .pic em{transform: scale(1.05);}
/*资源列表*/
.resource-list{overflow: hidden;}
.resource-list li{float: left;width: 31.33%;margin-left: 3%;margin-bottom: 50px;}
.resource-list li:nth-child(3n+1){margin-left: 0;}
.resource-list li a{display: block;}
.resource-list li .pic{border-radius: 10px 10px 0 0;overflow: hidden;}
.resource-list li .pic em{display: block;width: 105%;padding-top: 46%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.8s;}
.resource-list li .tit{position: relative;height: 85px;background-color: #f5f5f5;transition: 0.3s;}
.resource-list li .tit:after{content: '';position: absolute;right: 34px;top: 50%;width: 10px;height: 10px;border-top: 2px solid currentColor;border-right: 2px solid currentColor;transform: translate(-30%,-50%) rotate(45deg);}
.resource-list li .tit span{position: absolute;left: 30px;right: 100px;top: 50%;transform: translateY(-50%);max-height: 50px;font-size: 16px;line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.resource-list li:hover .pic em{transform: translateX(-4.5%);}
.resource-list li:hover .tit{color: #009adc;}


/*中屏PC:<=1400px(针对1366*650)*/
@media screen and (max-width: 1400px){
	
}

/*小屏PC:>=1025px && <=1200px*/
@media screen and (max-width: 1200px){
	
}

/*pad横屏:>=769px && <=1024px*/
@media screen and (max-width: 1024px){
	
}

/*phone:<=768px*/
@media screen and (max-width: 768px){
	.live-info-content{padding: 0 15px;}
	.live-info-content .part{padding: 20px 0;}
	.live-info-content .common-title{margin-bottom: 20px;}
	.live-info-content .common-title img{transform: scale(.7);}
	/*直播介绍*/
	.intro-wrap .tit{font-size: 16px;line-height: 20px;}
	.intro-wrap .txt{font-size: 13px;line-height: 1.8;}
	/*议程表*/
	.agenda-table{border-radius: 0;}
	.agenda-table th{padding: 10px;font-size: 12px;line-height: 20px;}
	.agenda-table td{padding: 10px;font-size: 12px;line-height: 20px;}
	/*演讲者轮播*/
	.speaker-swiper-box{padding: 0 0 20px;}
	.speaker-swiper-box .btn{display: none;}
	.speaker-swiper-box .swiper-pagination-bullet{width: 20px;height: 2px;margin: 0 3px!important;}
	/*资源列表*/
	.resource-list li{width: 48.5%;margin-left: 3%;margin-bottom: 15px;}
	.resource-list li:nth-child(3n+1){margin-left: 3%;}
	.resource-list li:nth-child(2n+1){margin-left: 0;}
	.resource-list li .tit{height: auto;}
	.resource-list li .tit:after{display: none;}
	.resource-list li .tit span{position: static;transform: translateY(0);box-sizing: content-box;height: 40px;max-height: none;padding: 10px;font-size: 13px;line-height: 20px;}
}