@charset "utf-8";

html{
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:transparent
}
body{
  line-height:1.6;
  font-family:-apple-system-font, "Helvetica Neue", sans-serif;
  -webkit-tap-highlight-color:transparent;
}
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer,form{margin:0;padding:0}
body{}
*{
  margin:0;
  padding:0;
  font:16px 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#000;-webkit-text-size-adjust:none;line-height:150%
}
a img{
  border:0;
}
a{
  text-decoration:none;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
h1,h2,h3,h4,h5,h6{font-size:100%}
ul,ol{list-style:none}
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;-webkit-tap-highlight-color:rgba(0,0,0,0)}
button,input,select,textarea{font-size:100%;vertical-align:middle;outline:0}
textarea{resize:none}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;-moz-appearance:button}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder{color:transparent}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}

ul { margin: 0; padding-left: 15px; } 
ol { margin: 20px 0px 20px 40px; padding-left: 15px; } 
select { border: solid 1px #b1b7bb; } 
 
a:link { color: #0192b5; text-decoration: none; } 
a:visited { color: #0192b5;text-decoration:none;} 
a:hover { text-decoration: none; color: #333; } 

/*  公共部分 ************************  公共部分*/
DIV {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; box-sizing:border-box;}
DL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;}
DT {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;}
DD {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;line-height:210%;}
LI {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;}
form{margin:0px;}
input{margin:0px;}
button {cursor:default;text-align:center;padding:3px 25px 3px 25px;border:0px;background-color:#006eff;color:#FFFFFF;}
button:hover{background-color:#0358c7;}

.body-wrapper{margin:auto;margin-left:20px; margin-right:20px; min-width:1210px;}

.body-wrapper .header{ display:flex; gap:20px;justify-content:center; position:fixed; left:0px; right:0px; z-index:100; height:60px;background: rgba(255, 255, 255, 0.2); -webkit-backdrop-filter: blur(13px);backdrop-filter: blur(13px);-webkit-transition: all 0.2s;transition: all 0.2s;}
.body-wrapper .header .menu{-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px; overflow:hidden; background-color:#06C; color:#FFF; height:30px; line-height:28px; margin-top:10px; padding:0px 20px; cursor:pointer;}
.body-wrapper .header .hkbg{ background-color:#F03;color:#FFF;}
.body-wrapper .header .mcbg{ background-color:#090;color:#FFF;}
.body-wrapper .header .account{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; overflow:hidden; background-color:#06C; color:#FFF; height:40px; width:40px; line-height:40px; margin-top:5px;cursor:pointer; text-align:center; font-weight:bold; font-size:20px;}

.body-wrapper .header .pop-menu{ position:absolute;width:10rem; padding:1rem;-moz-border-radius:0.75rem;-webkit-border-radius:0.75rem;border-radius:0.75rem;overflow:hidden; background-color:#FFF;z-index: 300;margin-top: 5px; margin-left: -120px;box-shadow:0px 6px 6px 0px rgba(131,131,131,0.2); border:1px solid #EFEFEF;}
.body-wrapper .header .account-menu{ display:none;}
.body-wrapper .header .pop-menu .menu-item{padding: 0.5rem 0; text-align: center;-moz-border-radius:0.75rem;-webkit-border-radius:0.75rem;border-radius:0.75rem; cursor:pointer}
.body-wrapper .header .pop-menu .menu-item:hover{ background-color:#CCC;}
.body-wrapper .header .pop-menu .menu-cur{ background-color:#EFEFEF;}
.body-wrapper .header .pop-menu .menu-cur:hover{ background-color:#EFEFEF;}
.obj-hide{ display:none;}

.body-wrapper .live-container{ display:flex; gap:20px;}
.body-wrapper .live-container .island{-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px; overflow:hidden; background-color:#FFF; color:#000; border:1px solid #06C; height:30px; line-height:30px; margin-top:10px; padding:0px 5px; cursor:pointer; display:flex;justify-content: center;  align-items: center;}
.body-wrapper .live-container .island_hk{border-color:#F03; min-width:350px;}
.body-wrapper .live-container .island_mc{border-color:#090; min-width:350px;}
.body-wrapper .live-container .island .drawIssue{ height:28px; line-height:24px; font-weight:bold;}



.body-wrapper .container{ position:relative;}
.body-wrapper .container .imgitem{ position:absolute;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px; overflow:hidden; background-color:#EFEFEF; width:180px; cursor:pointer;}
.body-wrapper .container .imgitem img{width:100%;}
.body-wrapper .container .imgitem .cover{ position:absolute; overflow:hidden; /*background-color:rgba(0,0,0,0.2);backdrop-filter: blur(3px);*/}
.body-wrapper .container .imgitem .cover img{width:100%;}
.body-wrapper .container .imgitem .title{ position:absolute;-webkit-box-orient: vertical;display: -webkit-box; text-overflow: ellipsis;overflow: hidden;word-break: break-all;-webkit-line-clamp:1;font-size:16px; text-align:center;height: 32px;  line-height: 32px;  background-color:#FAEBD7;color: #333;bottom: 0px;  left: 0px;  right: 0px;}

.m-btn{text-align:center;line-height:2.5rem;height:2.5rem;font-size:.875rem;border-radius:2.5rem;outline:0;display:inline-block;min-width:4.375rem;box-sizing:border-box;padding:0; cursor:pointer;}
.m-btn-right{}

.m-btn-blue{color:#fff;background:linear-gradient(to right,#4294ea 0,#52b4eb 100%);border:0 solid transparent}
.m-btn-blue:hover{color:rgba(255,255,255,.5);background:linear-gradient(to right,#3a7fc6 0,#6dafd3 100%);border-color:transparent}
.m-btn-blue.m-btn-disabled,.m-btn-blue:disabled{color:rgba(255,255,255,.8);opacity:.4}
.m-btn-blue.m-btn-disabled:hover,.m-btn-blue:disabled:hover{background:linear-gradient(to right,#4294ea 0,#52b4eb 100%);border-color:transparent}

.m-btn-orange{color:#fff;background:linear-gradient(to right,#ff8200 0,#ffbc33 100%);border:0 solid transparent}
.m-btn-orange:hover{color:rgba(255,255,255,.5);background:linear-gradient(to right,#eb7800 0,#ebad2f 100%);border-color:transparent}
.m-btn-orange.m-btn-disabled,.m-btn-orange:disabled{color:rgba(255,255,255,.8);opacity:.4}
.m-btn-orange.m-btn-disabled:hover,.m-btn-orange:disabled:hover{background:linear-gradient(to right,#ff8200 0,#ffbc33 100%);border-color:transparent}

.m-btn-red{color:#fff;background:linear-gradient(to right,#e72a25 0,#ff8181 100%);border:0 solid transparent}
.m-btn-red:hover{color:rgba(255,255,255,.5);background:linear-gradient(to right,#d52722 0,#eb7777 100%);border-color:transparent}
.m-btn-red.m-btn-disabled,.m-btn-red:disabled{color:rgba(255,255,255,.8);opacity:.4}
.m-btn-red.m-btn-disabled:hover,.m-btn-red:disabled:hover{background:linear-gradient(to right,#e72a25 0,#ff8181 100%);border-color:transparent}

.m-btn-ltgreen{color:#fff;background:#29c944;border:0 solid transparent}
.m-btn-ltgreen:active{color:rgba(255,255,255,.5);background:#1f9733;border-color:#1f9733}
.m-btn-ltgreen.m-btn-disabled,.m-btn-ltgreen:disabled{color:rgba(255,255,255,.8);opacity:.4}
.m-btn-ltgreen.m-btn-disabled:hover,.m-btn-ltgreen:disabled:hover{background:#29c944;border-color:transparent}

.mask-show-stopscorll{overflow:hidden;}
.mask-backgroud{position:fixed;z-index:300;left:0px;top:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.6);backdrop-filter: blur(3px);display: flex;align-items: center;justify-content: center; opacity:0; visibility:hidden;}
.mask-backgroud .gallery{ display:flex;width: 100%;height: calc(100vh - 120px);position: relative;justify-content: center;}
.mask-backgroud .gallery .sidecols{ width:60px;margin: 0px 40px;display: flex;justify-content: center;align-items: center;}
.mask-backgroud .gallery .waper{flex:1;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; overflow:hidden; background-color:#FFF; display:flex; padding:20px; gap:20px;position: relative; min-width:1000px; max-width:1300px;}
.mask-backgroud .gallery .waper .viewdiv{flex:1;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12x; overflow:hidden; background-color:#FFF;display:flex;justify-content: center;align-items: center;}
.mask-backgroud .gallery .waper .viewdiv img{width:100%;height: 100%;object-fit: contain; position:relative;}
.mask-backgroud .gallery .waper .space-line{width:0px; border-left: 1px dotted #CCC; margin-right:20px;}
.mask-backgroud .gallery .waper .infodiv{width:372px;overflow:hidden;}
.mask-backgroud .gallery .waper .head-function{ position:absolute;z-index:200;top: 30px;margin: 0px 10px;width: calc(100% - 492px); display:flex;justify-content: end; visibility:hidden;}
.mask-backgroud .gallery .waper .foot-function{ position:absolute;z-index:200;bottom: 30px;margin: 0px 10px;width: calc(100% - 492px);display:flex;justify-content: space-around; visibility:hidden;}

.mask-backgroud .w1000{}
.mask-backgroud .w1000 .waper{ flex:unset; width:1080px;}

.mask-backgroud .gallery .waper .pagesdiv{flex:1;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12x; overflow:hidden; background-color:#FFF;display:flex;flex-direction: column;}
.mask-backgroud .gallery .waper .pagesdiv .title{font-size:24px; font-weight:bold; height:40px; line-height:40px; text-align:center;}
.mask-backgroud .gallery .waper .pagesdiv .sub-title{font-size:14px; color:#666; line-height:25px; text-align:center;}
.mask-backgroud .gallery .waper .pagesdiv .content{flex:1; margin-left:20px;overflow-y:auto;}
.mask-backgroud .gallery .waper .pagesdiv .content .result-list{ }
.mask-backgroud .gallery .waper .pagesdiv .content .result-list .items{display:flex; gap:10px; margin:5px 0px; padding:5px;align-items: center;}
.mask-backgroud .gallery .waper .pagesdiv .content .result-list .items:hover{ background-color:#EFEFEF;}
.mask-backgroud .gallery .waper .pagesdiv .content .result-list .items .issue{ width:160px;}
.mask-backgroud .gallery .waper .pagesdiv .content .result-list .items .opencode{}
.mask-backgroud .gallery .waper .pagesdiv .content .result-list .items .opencode .codes{display: flex; gap:4px;}
.mask-backgroud .gallery .waper .pagesdiv .content .result-list .items .desc{width:40px; text-align:center;}

.mask-backgroud .gallery .waper .pagesdiv .content .calendar{ display:flex;flex-wrap: wrap; gap:5px;}
.mask-backgroud .gallery .waper .pagesdiv .content .calendar .item{ width:calc(100% / 7 - 5px); text-align:center; position:relative;padding-bottom:calc(100% / 7 - 5px);}
.mask-backgroud .gallery .waper .pagesdiv .content .calendar .item i{  position: absolute;top: 5px;right: 5px;bottom: 5px;left: 5px;font-size:24px;margin: auto;display: flex;align-items: center;justify-content: center;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; overflow:hidden;}
.mask-backgroud .gallery .waper .pagesdiv .content .calendar .wk{padding: 5px 0px;font-weight: bold; margin-top:20px;}
.mask-backgroud .gallery .waper .pagesdiv .content .calendar .item .today{ border:2px solid #960;}

.mask-backgroud .gallery .pagebtn{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; overflow:hidden; background-color:#EEE; cursor:pointer; width:60px; height:60px;display: flex;justify-content: center;align-items: center;}
.mask-backgroud .gallery .pagebtn .arrow-right{height: 40px;width: 40px; display :inline-block; position: relative;}
.mask-backgroud .gallery .pagebtn .arrow-right::before { content: "";height: 16px;width: 16px;top: 10px;left: 12px;border-width: 4px 4px 0 0;border-color: #999;border-style: solid; transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);position: absolute;}
.mask-backgroud .gallery .pagebtn .arrow-right::after {content: "";height: 16px;width: 16px;top: 10px;border-width: 4px 4px 0 0;border-color: #999;border-style: solid;transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);position: absolute;}

.mask-backgroud .gallery .pagebtn .arrow-left{height: 40px;width: 40px; display :inline-block; position: relative;}
.mask-backgroud .gallery .pagebtn .arrow-left::before { content: "";height: 16px;width: 16px;top: 10px;left: 20px;border-width: 0 0 4px 4px;border-color: #999;border-style: solid; transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);position: absolute;}
.mask-backgroud .gallery .pagebtn .arrow-left::after {content: "";height: 16px;width: 16px;top: 10px;left:8px;border-width: 0 0 4px 4px;border-color: #999;border-style: solid;transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);position: absolute;}
.mask-backgroud .gallery .pagebtn:hover .arrow-right::before{ border-color:#666;}
.mask-backgroud .gallery .pagebtn:hover .arrow-right::after{ border-color:#666;}
.mask-backgroud .gallery .pagebtn:hover .arrow-left::before{ border-color:#666;}
.mask-backgroud .gallery .pagebtn:hover .arrow-left::after{ border-color:#666;}
.mask-backgroud .gallery .tocast{ position:absolute;z-index:10000;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; overflow:hidden;padding: 10px 40px;background-color:rgba(0,0,0,0.8);color:#FFF;align-self: center; display:none;}

.mask-backgroud .closebtn{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; overflow:hidden; background-color:#333; cursor:pointer; width:40px; height:40px;display: flex;justify-content: center;align-items: center;position: absolute;right: 4px; top: 4px;}
.mask-backgroud .closebtn .cross {position: relative;width: 20px;height: 20px;}
.mask-backgroud .closebtn .cross::before,
.mask-backgroud .closebtn .cross::after {content: '';position: absolute;width: 100%;height: 2px;background:#999;}
.mask-backgroud .closebtn .cross::before {transform: rotate(45deg);top: 8px;left: 0;}
.mask-backgroud .closebtn .cross::after {transform: rotate(-45deg);top: 8px;left: 0;}
.mask-backgroud .closebtn:hover .cross::after{background:#FFF;}
.mask-backgroud .closebtn:hover .cross::before{background:#FFF;}

.mask-backgroud .content-loading{font-style: italic;height: 2em;width: 2em;border-radius: 100%;background: #CCC;display: block;margin:auto;position:relative;animation: spin 2s ease infinite;}
.mask-backgroud .content-loading::before,.mask-backgroud .content-loading::after{content: '';display: block; position: absolute; height: inherit; width: inherit; background: inherit; border-radius: inherit; animation: spin 2s ease infinite;}
.mask-backgroud .content-loading::before{left: -2.3em;}
.mask-backgroud .content-loading::after{left: 2.3em;}

@keyframes spin {
  0% {top: 0;transform: rotate(0deg);}
  50% {top: -4em;transform: rotate(-180deg);}
  100% {top: 0;transform: rotate(-360deg);}
}

.mask-backgroud .d-form{ width: 640px;height:480px;position: relative;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; overflow:hidden; background-color:#FFF;padding: 20px 40px;}
.mask-backgroud .d-form .title{padding: 1.375rem 0 .625rem;font-size: 1.875rem;line-height: 2.625rem;color: #000;}
.mask-backgroud .d-form .sub-title{font-size: .9375rem;line-height: 1.3125rem;color: #636363;}
.mask-backgroud .d-form a{color: #507daf;}
.mask-backgroud .d-form form{ margin:2rem 8rem;}
.mask-backgroud .d-form .field-set{ padding-bottom:0.5rem;}
.mask-backgroud .d-form .field-set .field-name{line-height:150%; padding-bottom:0.5rem;}
.mask-backgroud .d-form .field-set .field-input{color:#808080;}
.mask-backgroud .d-form .field-set .field-input .input-box{ box-sizing:border-box;width:100%; padding:0 0.75rem; font-size:0.875rem; line-height:2.625rem; border:1px solid #CCC;-moz-border-radius:0.375rem;-webkit-border-radius:0.375rem;border-radius:0.375rem;}
.mask-backgroud .d-form .field-set .field-input .input-alert{border:1px solid #C30;}
.mask-backgroud .d-form .field-set .field-notice{ font-size:0.875rem; line-height:150%; color:#C30;}
.mask-backgroud .d-form .field-button{ padding:0.5rem 0; text-align:center;}
.mask-backgroud .d-form .field-button a{color:#FFF;}
.mask-backgroud .d-form .field-addition{ padding-bottom:0.5rem; display:flex;}
.mask-backgroud .d-form .field-addition div{ flex:1;}
.mask-backgroud .d-form .field-addition input{ vertical-align:middle;}
.mask-backgroud .d-form .foot-addition{ display:block; text-align:center;}
.mask-backgroud .d-form .btn-addition{ display:block; text-align:center;}
.mask-backgroud .d-form .field-addition a{color:#0085FF;text-decoration:none;}
.mask-backgroud .d-form .field-addition a:visited{ text-decoration:none;}
.mask-backgroud .d-form .field-addition a:hover{ text-decoration:underline;}
.mask-backgroud .d-form .field-set .avatar{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; overflow:hidden; background-color:#06C; color:#FFF; height:40px; width:40px; line-height:40px;cursor:pointer; text-align:center; font-weight:bold; font-size:20px;}
.mask-backgroud .d-form .field-set .a-btn{color:#FFF;}
.mask-backgroud .d-form .field-set .a-btn a{color:#FFF;}

.mask-backgroud .d-notice{ width: 480px;min-height:240px;position: relative;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; overflow:hidden; background-color:#FFF;padding: 20px 40px; display: flex;align-items: center;}
.mask-backgroud .d-notice .content{font-size: 1.875rem;line-height: 2.625rem;color: #000; text-align:center; flex:1;}

.mask-backgroud .chat-form{width: 480px;height:80vh;position: relative;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; overflow:hidden; background-color:#ededed;padding: 10px 5px;padding-bottom:0px;display: flex;flex-direction: column;}
.mask-backgroud .chat-form .title{padding:0.625rem;font-size: 1.2rem;line-height: 1.2rem;color: #000; text-align:center;border-bottom: 1px solid #999;}
.mask-backgroud .chat-form .chat-body{ flex:1; overflow:hidden;overflow-y: auto;overflow-x: hidden;scroll-behavior: smooth;}
.mask-backgroud .chat-form .chat-body .msgsys{margin: 12px; font-size: 14px; color: #999; text-align: center;}
.mask-backgroud .chat-form .chat-body .msgsys.err{ color:#F30;}
.mask-backgroud .chat-form .chat-body .msgann{margin: 12px; font-size: 14px;padding: 20px; text-align: center;-moz-border-radius:0.375rem;-webkit-border-radius:0.375rem;border-radius:0.375rem;color:#fff;background:linear-gradient(to right,#4294ea 0,#52b4eb 100%);}
.mask-backgroud .chat-form .chat-body .msgnotic{margin: 12px; font-size: 14px;padding: 20px; text-align: center;-moz-border-radius:0.375rem;-webkit-border-radius:0.375rem;border-radius:0.375rem;color:#fff;background:linear-gradient(to right,#ff8200 0,#ffbc33 100%);}
.mask-backgroud .chat-form .chat-body .msgad{margin: 12px; font-size: 14px;padding:0px; text-align: center;-moz-border-radius:0.375rem;-webkit-border-radius:0.375rem;border-radius:0.375rem;color:#000;background:#FFF; overflow:hidden;}
.mask-backgroud .chat-form .chat-body .msgall{ margin:5px 40px 12px 5px;}
.mask-backgroud .chat-form .chat-body .msgmy{margin-left:40px; margin-top:5px; margin-bottom:12px;}
.mask-backgroud .chat-form .chat-body .msgtome{margin-right:40px; margin-top:5px; margin-bottom:12px;}
.mask-backgroud .chat-form .chat-body .msg_avatar{margin-right:6px; margin-top:10px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; overflow:hidden; background-color:#963; color:#FFF; height:40px; width:40px; line-height:40px;cursor:pointer; text-align:center; font-weight:bold; font-size:20px;}

.mask-backgroud .chat-form .chat-body .msg_sender{ margin-left:6px; color:#828282;font-size:12px;font-weight:bold; line-height:18px;}
.mask-backgroud .chat-form .chat-body .msg_time{ font-size:11px;font-weight:normal; font-style:italic;}

.mask-backgroud .chat-form .chat-body .msg_text{ background-color:#FFF;font-size:17px;border-radius:4px;-moz-border-radius:4px; padding:7px 10px; float:left; margin-left:6px;word-break: break-all;white-space: normal;}
.mask-backgroud .chat-form .chat-body .msg_text_left_arrow{display:inline-block;margin-left:-14px;height:12px;width:12px; background-color:#FFF;-webkit-transform:rotate(225deg);transform:rotate(225deg);}
.mask-backgroud .chat-form .chat-body .autood{color:#006;}
.chat-body .msgbody .msg_list{border-radius:4px;-moz-border-radius:4px; background-color:#FFF; padding:5px;}

.mask-backgroud .chat-form .chat-body .msgmy .msg_avatar{margin-right:0px;margin-left:6px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; overflow:hidden; background-color:#06C; color:#FFF; height:40px; width:40px; line-height:40px;cursor:pointer; text-align:center; font-weight:bold; font-size:20px;}
.mask-backgroud .chat-form .chat-body .msgmy .msg_text{float:right; margin-left:0px;margin-right:6px; background-color:#a9e97a;}
.mask-backgroud .chat-form .chat-body .msg_text_right_arrow{float:right;display:inline-block;margin-right:-14px;margin-top:5px;height:12px;width:12px; background-color:#a9e97a;-webkit-transform:rotate(45deg);transform:rotate(45deg);}

.mask-backgroud .chat-form .chat-body .msgtome .msg_text{background-color:#d0e4f2;}
.mask-backgroud .chat-form .chat-body .msgtome .msg_text_left_arrow{background-color:#d0e4f2;}

.mask-backgroud .chat-form .chat-body .msgalrt .msg_text{background-color:#F30;color:#FFF;}
.mask-backgroud .chat-form .chat-body .msgalrt .msg_text_left_arrow{background-color:#F30;}
.mask-backgroud .chat-form .chat-body .msgalrt .msg_text_right_arrow{background-color:#F30;}

.mask-backgroud .chat-form .chat-foot{height: 60px;border-top: 1px solid #C0BFC4;background-color: #F6F6F6;display: flex; gap: 10px; align-items: center;}
.mask-backgroud .chat-form .chat-foot .input-box{ box-sizing:border-box;width:100%; padding:0 0.75rem; font-size:0.875rem; line-height:40px; border:1px solid #CCC;-moz-border-radius:0.375rem;-webkit-border-radius:0.375rem;border-radius:0.375rem;height: 40px;  margin-left: 12px;}
.mask-backgroud .chat-form .chat-foot .btn-send{-moz-border-radius:0.375rem;-webkit-border-radius:0.375rem;border-radius:0.375rem; margin-right:12px; height:38px;}

.mask-backgroud .chat-form .chat-body.chat-room{}
.mask-backgroud .chat-form .chat-body.chat-room .msg_text_left_arrow{margin: 0; float: unset; position: absolute; left: 10px; top: -4px;}
.mask-backgroud .chat-form .chat-body.chat-room .msg_text_right_arrow{margin: 0; float: unset; position: absolute; right: 10px; top: -4px;}

.mask-backgroud .chat-form .chat-body.chat-room .msgmy{margin-right: 6px;display: flex;flex-direction: column;align-items: flex-end;}
.mask-backgroud .chat-form .chat-body.chat-room .msgmy .msg_sender{ text-align:right;color:#000;}
.mask-backgroud .chat-form .chat-body.chat-room .msgmy .msg_sender .msg_time{margin-right: 6px;color:#828282;}
.mask-backgroud .chat-form .chat-body.chat-room .msgmy .msg_text{float: unset;margin-right: 0px; margin-top: 6px; position: relative;}

.mask-backgroud .chat-form .chat-body.chat-room .msgall{display: flex;flex-direction: column;align-items:flex-start;}
.mask-backgroud .chat-form .chat-body.chat-room .msgall .msg_sender{ text-align:left;color:#000;}
.mask-backgroud .chat-form .chat-body.chat-room .msgall .msg_sender .msg_time{margin-left: 6px;color:#828282;}
.mask-backgroud .chat-form .chat-body.chat-room .msgall .msg_text{float: unset;margin-right: 0px; margin-top: 6px; position: relative;}

.mask-backgroud .gallery .waper .pagesdiv.chat-room{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
.mask-backgroud .gallery .waper .pagesdiv.chat-room .video-wrapper{ background-color:#000; height:427.5px; overflow:hidden;position:relative;}
.mask-backgroud .gallery .waper .pagesdiv.chat-room .video-wrapper .v-canvas{width:100%;height:100%;position:relative; left:0px;}
.mask-backgroud .gallery .waper .pagesdiv.chat-room .video-wrapper .v-subtitle{position: absolute;left: 0;right: 0;bottom: 0;height: 32px;overflow: hidden;font-size:14px;color: #FFF;display: flex; align-items: center; justify-content: center;}
.mask-backgroud .gallery .waper .pagesdiv.chat-room .video-wrapper .v-full{position: absolute;top: 32px;bottom:32px;left:10px;right:10px;overflow:hidden;}
.mask-backgroud .gallery .waper .pagesdiv.chat-room .video-wrapper .v-lefttop{position: absolute;width: 50px;height: 50px;top: 10px;left:10px;overflow:hidden;}
.mask-backgroud .gallery .waper .pagesdiv.chat-room .video-wrapper .v-righttop{position: absolute;width: 50px;height: 50px;top: 10px;right:10px;overflow:hidden;}
.mask-backgroud .gallery .waper .pagesdiv.chat-room .video-wrapper .v-leftbottom{position: absolute;width: 50px;height: 50px;bottom:10px; left:10px;overflow:hidden;}
.mask-backgroud .gallery .waper .pagesdiv.chat-room .video-wrapper .v-rightbottom{position: absolute;width: 50px;height: 50px;bottom:10px;right:10px;overflow:hidden;}
.mask-backgroud .gallery .waper .pagesdiv.chat-room .video-addinfo{flex:1; display:flex;align-items: center;justify-content: center;gap: 20px;}
.mask-backgroud .gallery .waper .pagesdiv.chat-room .video-addinfo .liveitem{flex: none;}
.mask-backgroud .gallery .waper .pagesdiv.chat-room .video-addinfo .liveitem.cnotice{background: beige;width: 372px;height: 209px;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 10px;}
.mask-backgroud .gallery .waper .pagesdiv.chat-room .video-addinfo .liveitem.cnotice h1{font-size: 24px;font-weight: bold;color: red;}
.mask-backgroud .gallery .waper .pagesdiv.chat-room .video-addinfo .liveitem.cnotice h2{font-size: 18px;}
.mask-backgroud .gallery .waper .pagesdiv.chat-room .video-addinfo .liveitem.cnotice h3{}
	
.mask-backgroud .gallery .waper .space-line.chat-room{margin-right:0px;}
.mask-backgroud .gallery .waper .infodiv.chat-room{}
.mask-backgroud .gallery .waper .infodiv.chat-room .chat-form{ width: 100%; height: 100%; padding: 0;}

.liveitem{ -moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px; overflow:hidden; background-color:#FFF; flex:1;}
.liveitem .title{ text-align:center; font-size:20px; line-height:40px; height:40px; font-weight:bold; background-color:#9C3}
.liveitem .result{ background-color:#FFF;display: flex; column-gap:}
.liveitem .result .item{flex: 2;margin: 6px;}
.liveitem .result .item .num{width: 100%;height: 0;padding-bottom: 100%;position: relative;overflow: hidden;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.liveitem .result .item .num span{ display:flex; text-align:center;position: absolute;top: 0;right: 0;bottom: 0; left: 0; margin: auto;font-size: 24px;font-weight: bold;color:#FFF;align-items: center;justify-content: center;}
.liveitem .result .lab{ text-align:center; line-height:30px; margin:0px 6px; min-height:30px;}
.liveitem .result .space{flex: 1;margin: 6px;text-align:center; font-size:18px; font-weight:bold; display:flex;align-items: center;justify-content: center;}
.liveitem .foot{ text-align:center;font-size:14px; line-height:30px; min-height:30px;}
.liveitem .rhk{ border-left:1px solid #ffb2c1;border-right:1px solid #ffb2c1;}
.liveitem .rmc{ border-left:1px solid #b2e0b2;border-right:1px solid #b2e0b2;}
.liveitem .fbtn{ display:flex;padding: 0px 20px;gap:20px;}
.liveitem .fbtn .rbtn{-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px; overflow:hidden; background-color:#CCC; font-size:14px; height:22px; line-height:22px; margin:10px 0px; padding:0px 10px; cursor:pointer; flex:1; text-align:center;}
.body-wrapper .ball, .mask-backgroud .ball{height:24px; width:24px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; margin:0px 4px; text-align:center; font-size:14px; line-height:22px;}
.body-wrapper .plus, .mask-backgroud .plus{ width:12px;}

.body-wrapper .bhk, .mask-backgroud .bhk{ background-color:#ffb2c1;}
.body-wrapper .bmc, .mask-backgroud .bmc{ background-color:#b2e0b2;}
.body-wrapper .bm0, .mask-backgroud .bm0{ background-color:#CCC;}

.body-wrapper .c, .mask-backgroud .c{ background-color:#EFEFEF; color:#666;}
.body-wrapper .c0, .mask-backgroud .c0{ background-color:#EFEFEF; color:#666;}
.body-wrapper .c1, .body-wrapper .cred, .mask-backgroud .c1, .mask-backgroud .cred{ background-color:#f8223c; color:#FFF;}
.body-wrapper .c2, .body-wrapper .cgreen, .mask-backgroud .c2, .mask-backgroud .cgreen{ background-color:#1fc26b; color:#FFF;}
.body-wrapper .c3, .body-wrapper .cblue, .mask-backgroud .c3, .mask-backgroud .cblue{ background-color:#0093e8; color:#FFF;}

.body-wrapper .bc, .mask-backgroud .bc{color:#666;}
.body-wrapper .bc0, .mask-backgroud .bc{color:#666;}
.body-wrapper .bc1, .mask-backgroud .bc1{color:#000;}
.body-wrapper .bc2, .mask-backgroud .bc2{color:#63F;}

.m-btn-loding{text-align:center;line-height:2.5rem;height:2.5rem;font-size:.875rem;border-radius:2.5rem;outline:0;display:inline-block;min-width:4.375rem;box-sizing:border-box;padding:0; display:none;}
.m-loading{font-size:1rem;position:relative;display:inline-block;width:2.3125em;height:2.3125em}
.m-loading span{position:absolute;will-change:background-color;left:1.109375em;bottom:0;width:.09375em;height:.5em;border-radius:.25em;background-color:transparent;-ms-transform-origin:center -.65625em;transform-origin:center -.65625em;-webkit-backface-visibility:hidden}
.m-loading span:nth-child(1){animation-delay:0s;-ms-transform:rotate(0);transform:rotate(0)}
.m-loading span:nth-child(2){animation-delay:.1s;-ms-transform:rotate(30deg);transform:rotate(30deg)}
.m-loading span:nth-child(3){animation-delay:.2s;-ms-transform:rotate(60deg);transform:rotate(60deg)}
.m-loading span:nth-child(4){animation-delay:.3s;-ms-transform:rotate(90deg);transform:rotate(90deg)}
.m-loading span:nth-child(5){animation-delay:.4s;-ms-transform:rotate(120deg);transform:rotate(120deg)}
.m-loading span:nth-child(6){animation-delay:.5s;-ms-transform:rotate(150deg);transform:rotate(150deg)}
.m-loading span:nth-child(7){animation-delay:.6s;-ms-transform:rotate(180deg);transform:rotate(180deg)}
.m-loading span:nth-child(8){animation-delay:.7s;-ms-transform:rotate(210deg);transform:rotate(210deg)}
.m-loading span:nth-child(9){animation-delay:.8s;-ms-transform:rotate(240deg);transform:rotate(240deg)}
.m-loading span:nth-child(10){animation-delay:.9s;-ms-transform:rotate(270deg);transform:rotate(270deg)}
.m-loading span:nth-child(11){animation-delay:1s;-ms-transform:rotate(300deg);transform:rotate(300deg)}
.m-loading span:nth-child(12){animation-delay:1.1s;-ms-transform:rotate(330deg);transform:rotate(330deg)}
.m-loading-dark span{animation:loading-fade-dark 1.1s infinite linear}
@keyframes loading-fade-dark{0%{background-color:#5c5c5c}100%{background-color:rgba(255,255,255,0)}}