@charset "utf-8";
/*
 * 深圳市智慧联播科技有限公司
 * 请尊重他人劳动成果，你可以模仿页面，但是请自己写代码！
 * 技术支持：QQ2863868475
 * 2024-05-13
 * coyright@tengcee.com
*/
@font-face {
  font-family: 'iconfont';  /* Project id 4945081 */
  src: url('//at.alicdn.com/t/c/font_4945081_2sgmvp16jgw.woff2?t=1750673853262') format('woff2'),
       url('//at.alicdn.com/t/c/font_4945081_2sgmvp16jgw.woff?t=1750673853262') format('woff'),
       url('//at.alicdn.com/t/c/font_4945081_2sgmvp16jgw.ttf?t=1750673853262') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
html,body {height: 100%;margin: 0;padding: 0;border: 0; background-color: #ebf1f5;font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;background-color: #d1cdff;}
ul,li{margin:0;padding: 0;list-style: none;}
.body{ overflow-x:hidden; background-image: url('../images/meetbg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; padding:20px; box-sizing: border-box;}
.container{ width: 100%;float: left; position: relative; background-color: #f7f8fc;border-radius: 10px;padding:0px;box-sizing: border-box;}
.wrapper2{ height: 100%; position: relative;width: 900px;margin:50px auto 20px auto;}
.wrapper{ height: 100%; position: relative;width:100%;margin:0;display: flex;align-content:space-between;justify-content:space-between;flex-wrap: nowrap; flex-direction:row;}
.pageleft{ width: 50%;float: left;position: relative;box-sizing: border-box; padding:0 30px;border-right: solid 0px #eee;}
.pageright{ width: 50%;float: left;position: relative;box-sizing: border-box; padding:0px;background-color: #fff;}
.flexbox{ height: 100%; position: relative;display: flex;align-content:space-between;justify-content:space-between;flex-wrap: nowrap;flex-direction: row}
.mainbox{ width: 100%; position: relative; }
.h100{height: 100%;}
.boxbg{ background-image: url('../images/meeting1.png');background-repeat: no-repeat; background-position: right -30px; float: left; background-size: 350px;}
.w100{ width: 100%; position: relative;float: left}
.main{ width: 100%;float: left;padding:25px;box-sizing: border-box;position: relative; background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.01); margin:10px 0;border-radius: 10px;}
.mainbox .title{width: 100%;float: left;position: relative;margin: 10px 0 20px 0;}
.mainbox .title .tit{width: 100%;float: left;position: relative; font-size: 32px;font-weight: bold;color: #2c2c36;line-height:2em}
.mainbox .title .desc{width: 100%;float: left;position: relative; font-size: 15px;color: #585a73;line-height: 2em}
.mainbox .title2{width: 100%;float: left;position: relative;margin: 15px 0;}
.mainbox .title2 .tit{width: 100%;float: left;position: relative; font-size: 18px;font-weight: bold;color: #2c2c36;line-height:2em}
.mainbox .title2 .desc{width: 100%;float: left;position: relative; font-size: 15px;color: #585a73;line-height: 2em;display:none;}

.language{ float: right; position: absolute; right: 0;top:35px;}
.language select{ width: 100px;line-height: 35px;height: 35px;border:solid 1px #e8eaf2;border-radius: 5px;padding:0 10px;box-sizing: border-box;color: #666}

@media screen and (max-width:900px){
    .body{padding:10px;}
    .container{ padding:10px;}
    .wrapper{ height: 100%; position: relative;width:100%;flex-direction:column;}
    .wrapper2{width: 100%;margin:20px auto;}
    .mainbox{ background-size: 200px;background-position: right 0px;}
    .mainbox .title .tit{font-size: 24px;}
    .mainbox .title .desc{ font-size: 13px;}
    .pageleft{ width:100%;padding:0 0px;}
    .pageright{ width: 100%;padding:0px;margin-top: 15px;border-radius: 10px;}
    .language{top:-30px; right: -5px;}
}
.selectbox{ width: 100%;float: left;padding:15px 60px;box-sizing: border-box;position: relative;}
.selectbox .item{width: 100%;float: left;position: relative;margin:10px 0;display: flex;justify-content:space-between;flex-wrap: nowrap; flex-direction: row;}
.selectbox .item .tit{width: 100px;flex:0 0 100px; float: left;line-height: 42px;color: #585a73;font-size: 16px;}
.selectbox .item .selectlist{ width: 100%;float: left;position: relative;}
.selectbox .item .lan{ width: 33.3%;float: left; padding-right: 10px;box-sizing: border-box; position: relative;}
.selectbox .item .lan span{ width: 100%;float: left;text-align: center;line-height: 22px;border-radius: 10px;border:solid 1px #e8eaf2; color: #8f91a8; cursor: pointer;font-size: 15px; position: relative;padding:10px 0;}
.selectbox .item .lan i{ position: absolute;right: 25px;top: 15px;z-index: 999;}
.selectbox .item .lan i img{ width: 15px;height: auto;}
.selectbox .item .on span{ background-color:#e0dfff; color: #5249ce;}
.selectbox .item .lan span:hover{ background-color:#e0dfff; color: #5249ce;}
.selectbox .item .selectlist .on span{background-color: none !important;}
.otherlist{ width: 100%;float: left;background-color:#fff;padding:10px 25px;box-sizing: border-box; position: absolute;top: 46px;left: -0px;box-shadow: 0 0 10px rgba(0,0,0,.1);border-radius: 10px;z-index: 99999;}
.otherlist .items{ width: 100%;float: left;line-height: 20px;padding:8px 0; text-align: left; color: #8f91a8;font-size: 15px;}
.otherlist .items em{ float: right; color: #8f91a8; display:none;}
.otherlist .on {color: #5249ce;}
.otherlist .on em{ display: block;color: #5249ce;}
.otherlist .on span{background-color: none !important;}

.selectbox .item .selectlist .fanyi{ width: 100%;float: left;text-align:left;line-height: 42px;border-radius: 10px;border:solid 1px #e8eaf2; color: #8f91a8; cursor: pointer;font-size: 15px; position: relative; padding:0 15px;box-sizing: border-box;}
.btngroup{width: 100%;float: left;position: relative;margin:35px 0 10px 0;}
.btngroup .btn{ width: 200px;line-height: 50px;height: 50px; border-radius: 25px;text-align: center; background-color:#5249cf;margin:0 auto; display: block;color: #fff; font-size: 16px; cursor: pointer;}
@media screen and (max-width:900px){
    .selectbox{padding:15px 0px;} 
    .selectbox .item .tit{width: 80px;flex:0 0 80px;font-size: 15px;}
    .selectbox .item .lan{ width: 100%;margin-bottom: 10px}
}

.btnlist{ width: 100%;float: left;padding:5px 0px;box-sizing: border-box;position: relative;text-align: right;}
.btnlist .btn{ width: 60px;height: 60px;padding:10px;box-sizing: border-box; display: inline-block;margin:0 10px;border-radius: 50%; background-color: #f5f5f5; line-height: 40px;text-align: center; color: #fff;cursor: pointer; position: relative;}
.btnlist .btn i{ font-size: 24px;}
.btnlist .btn em{ width: 60px;height: 25px;line-height: 25px;background-color: #242a37; text-align: center; position: absolute; top: 0px;left: 0px; border-radius: 5px;color: #fff;font-size: 12px; font-style: normal;opacity:0;display: none;transform: all ease 0.5s;}
.btnlist .btn:hover em{ display: block;transform: all ease 0.5s;top: -30px;opacity:.8;}
.btnlist .btn-blue{background-color:#165dff}
.btnlist .btn-red{background-color:#ff4d4f}
.btnlist .btn-light{background-color:#81a7fe}
#pauseBtn{ display: none; }
.contentbox{ width: 100%;float: left;box-sizing: border-box;background-color: #fff;color:#585a73;margin-bottom: 10px; border-radius: 10px;}
.content{line-height: 1.5em; color:#585a73;height: 550px; overflow-y: scroll;width: 100%;float: left;padding:25px;box-sizing: border-box; font-size: 15px;}
.content .item{ width: 100%;float: left;margin:6px 0; position: relative;}
.content .item .chead{ width: 100%;float: left;line-height: 30px;position: relative; color:#585a73; font-size: 12px;}
.content .item .chead img{ width: 20px;height: 20px;float: left;border-radius: 50%;margin-top:5px;margin-right: 6px;opacity: .8;}
.content .item .chead span{color:#9b9db3; font-size: 12px; margin-right: 10px;}
.content .item .cinfo{ width: 100%;float: left;line-height:1.7em;position: relative; color:#585a73; background-color: #f7f8fc;padding:15px; box-sizing: border-box;margin-top: 1px; border-radius: 10px;}
.content .italic{color:#165dff;}
.content .red{color:#ff4d4f;}
.content .gary{color:#585a73;margin:5px 0;width: 100%;float: left;}
.content .t{ font-size: 14px;color:#9b9db3;margin-right: 6px}
.timer{float: left; line-height: 25px; text-align: left;position: absolute;left: 0;top: 5px}
.timer .icon{ width: 60px;height: 60px;background-color: #ebf1f5;border-radius: 50%;line-height: 60px;text-align: center;font-size: 28px;float: left;margin-right: 10px;}
.timer .icon i{ font-size: 25px; }
.timer #recordTimer{float: left; width: 100%; font-size: 14px;color: #666;}
.timer .info{ float: left; }
.timer #statustxt{float: left; width: 100%; font-size: 18px;color: #27264d; margin-top: 5px;}
/* 细滚动条样式 */
.content::-webkit-scrollbar {width: 4px;height: 4px;}
.content::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 4px;}
.content::-webkit-scrollbar-thumb {background: #ff4d4f;border-radius: 4px;}
.content::-webkit-scrollbar-thumb:hover {background: #4338CA;}

@media screen and (max-width:900px){
    .contentbox{padding:10px;}
    .content{padding:15px;}
    .btnlist{ text-align: right; }
    .btnlist .btn{width:40px;height:40px;padding:5px;box-sizing: border-box; display:inline-block;margin:0 5px;line-height: 30px;}
    .timer{float: left; line-height: 20px; text-align: left;}
    .timer .icon{ width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 22px;}
    .timer #statustxt{font-size: 15px; margin-top: 0px;}
}

.position{ width: 100%;float: left;line-height: 40px; border-bottom: solid 1px #eee; position: relative; padding:10px 25px; box-sizing: border-box;}
.backup{ position:relative;line-height: 40px;color: #666; font-size: 15px}
.backup span{ width: 25px;height: 25px;border-radius: 50%;text-align: center;line-height: 25px;border:solid 1px #e2e2e2; float: left; margin-top: 5px;margin-right: 5px; color: #666}
.backup a{ color: #666;text-decoration: none; }
.backup a:hover{color: #ff4d4f;}
@media screen and (max-width:900px){
    .position{ padding:5px 0px;line-height: 30px;}
    .backup{line-height: 30px}
    .backup span{margin-top: 0px;}
}

.tab{ width: 100%;float: left;padding:20px 30px 5px 30px; box-sizing: border-box; line-height: 40px;}
.tab .item{padding:0 5px;float: left;color:#585a73;position: relative;margin:0 20px 0 0;}
.tab .item i{ position: absolute;border-bottom: solid 2px #615ced;width: 0%;bottom: 0;left: 0; transform: all 0.5s ease;}
.tab .on{font-weight: bold;color: #2c2c36}
.tab .on i{width: 100%; transform: all 0.5s ease;}
.box2{ width: 100%;float: left;position: relative; overflow-y: scroll;height: 100%; padding:0;box-sizing: border-box;}
.box2 .block{ width: 100%;float: left;position: relative; padding:5px 30px 30px 30px; box-sizing: border-box;}
.box2 .block2{ width: 100%;float: left;position: relative; padding:5px 0px 30px 0px; box-sizing: border-box;}
.box2 .tit2{width: 100%;float: left;position: relative; font-size: 16px;font-weight: bold;color: #2c2c36;line-height:2em;margin:20px 0 5px 0;}
.nopadright{padding-left:0;padding-right: 0}
.show{ display:block; }
.hide{display:none;}
@media screen and (max-width:900px){
    .box2 .block{padding:5px; box-sizing: border-box;}
}
/* 细滚动条样式 */
.box2::-webkit-scrollbar {width: 4px;height: 4px;}
.box2::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 4px;}
.box2::-webkit-scrollbar-thumb {background: #ff4d4f;border-radius: 4px;}
.box2::-webkit-scrollbar-thumb:hover {background: #4338CA;}
@media screen and (max-width:900px){
   .tab{padding:10px 15px 5px 15px;} 
   .box2{ padding:0 15px;}
}
.keywordbox{ width: 100%;float: left;position: relative; padding-right: 50px;box-sizing: border-box;}
.keywordbox .keywordlist{ width: 100%;float: left;position: relative;height: 35px;overflow: hidden;}
.keywordbox .keywordlist span{padding:2px 12px; float: left;margin:5px 8px 5px 0px;background-color: #f3f2ff; color: #615ced;border-radius: 3px; font-size: 13px; line-height: 28px; cursor: pointer;}
.keywordbox .keywordlist span:hover{background-color: #e0dfff}
.keywordbox .showallbtn{ position: absolute;right: 0;top: 70px; color: #615ced; cursor: pointer;font-size: 12px;}
.keywordbox .showall{height: auto;}
@media screen and (max-width:900px){

}
.summarybox{ width: 100%;float: left;position: relative;box-sizing: border-box;}
.summarybox .summary{ width: 100%;float: left;margin:0px 0; position: relative; line-height: 1.8em;font-size: 13px;color:#585a73;max-height: 9em; overflow: hidden;position: relative;}
.summarybox .summary .showallbtn{ position: absolute; right: 7px;bottom: 0;background-color: #fff; padding-left: 8px;color: #615ced;font-size: 12px;}
.summarybox .showall{ height: auto;max-height: none;}

.chapterbox{ width: 100%;float: left;position: relative;margin-top: 25px;}
.ctab{ width: 100%;float: left;padding:0px 0px; box-sizing: border-box; line-height: 40px; font-size: 13px;}
.ctab .item{padding:0 5px;float: left;color:#585a73;position: relative;padding-right:20px; border-bottom: solid 1px #eee; box-sizing: border-box;cursor: pointer;}
.ctab .item i{ position: absolute;border-bottom: solid 2px #615ced;width: 0%;bottom: 0;left: 0; transform: all 0.5s ease;}
.ctab .on{font-weight: bold;color: #2c2c36;}
.ctab .on i{width: 60px; transform: all 0.5s ease;}
.chapterbox .cbox{ width: 100%;float: left;position: relative;margin:10px 0;}
/*章节速览*/
.chapterbox .sulanlist{ width: 100%;float: left;position: relative; }
.chapterbox .sulanlist li{ width: 100%;float: left;position: relative;padding:10px 0;display: flex;justify-content:space-between;flex-wrap: nowrap; flex-direction: row; overflow: hidden;}
.chapterbox .sulanlist li .timeline{ width: 60px;flex:0 0 60px; float: left;position: relative;}
.chapterbox .sulanlist li .timeline span{ line-height: 35px;font-size: 12px;color: #585a73;}
.chapterbox .sulanlist li .timeline .dot{height: 8px;width: 8px;background-color:#585a73;border-radius: 8px; display:inline-block;position: absolute;right: 10px; top: 13px;}
.chapterbox .sulanlist li .timeline .dashed{height: 500px;width: 1px;border-right:dashed 1px #585a73; position: absolute;right: 14px;top: -10px;}
.chapterbox .sulanlist li:nth-last-child(1) .timeline .dashed{height: 25px;top: -10px;}
.chapterbox .sulanlist li:nth-child(1) .timeline .dashed{top: 15px;height: 500px;}
.chapterbox .sulanlist li .chapterinfo{ width: 100%;float: left;padding-left: 20px;box-sizing: border-box;}
.chapterbox .sulanlist li .chapterbg{background-color: #f3f2ff;padding:15px; width: 100%;float: left;border:solid 1px #f3f2ff; font-size: 12px;box-sizing: border-box; border-radius: 5px;}
.chapterbox .sulanlist li .chapterbg:hover{border:solid 1px #d9d7f1;}
.chapterbox .sulanlist li .chapterinfo .headline{ width: 100%;float: left;line-height: 35px;color: #2c2c36;font-size: 13px;}
.chapterbox .sulanlist li .chapterinfo .info{ width: 100%;float: left;line-height: 1.8em;color: #585a73;opacity: .8;}
@media screen and (max-width:900px){
    .chapterbox .sulanlist li .timeline{ width: 50px;flex:0 0 50px;}
    .chapterbox .sulanlist li .chapterinfo{padding-left: 10px;}
}
.chapterbox .fayanlist{ width: 100%;float: left;position: relative; }
.chapterbox .fayanlist li{ width: 100%;float: left;position: relative;padding:15px;display: flex;justify-content:space-between;flex-wrap: nowrap; flex-direction: row; overflow: hidden;background-color: #f3f2ff;box-sizing: border-box;margin:3px 0; border-radius: 5px;border:solid 1px #f3f2ff;}
.chapterbox .fayanlist li:hover{border:solid 1px #d9d7f1;}
.chapterbox .fayanlist li .uinfo{ width: 80px;flex:0 0 80px; float: left;position: relative;}
.chapterbox .fayanlist li .uinfo .head{ width: 100%;float: left;text-align:center;}
.chapterbox .fayanlist li .uinfo .head img{ width: 30px;height: 30px;border-radius: 50%;}
.chapterbox .fayanlist li .uinfo .name{ width: 100%;float: left;text-align:center;font-size: 12px;line-height: 2em;color:#8f91a8;}
.chapterbox .fayanlist li .info{ width: 100%;float: left;line-height: 1.6em;color: #585a73;font-size: 12px; padding-left: 10px;box-sizing: border-box;}
@media screen and (max-width:900px){
    .chapterbox .fayanlist li .uinfo{ width: 50px;flex:0 50px;}
    .chapterbox .fayanlist li .info{}
}
.chapterbox .yaodianlist{ width: 100%;float: left;position: relative; }
.chapterbox .yaodianlist li{ width: 100%;float: left;position: relative;padding:12px;display: flex;justify-content:space-between;flex-wrap: nowrap; flex-direction: row; overflow: hidden;background-color: #f3f2ff;box-sizing: border-box;margin:3px 0; border-radius: 5px;border:solid 1px #f3f2ff;}
.chapterbox .yaodianlist li:hover{border:solid 1px #d9d7f1;}
.chapterbox .yaodianlist li .icon{ width: 60px;flex:0 0 60px; float: left;position: relative; text-align: center;}
.chapterbox .yaodianlist li .icon img{ width: 35px;height: auto; margin-top: 5px;}
.chapterbox .yaodianlist li .info{ width: 100%;float: left;line-height: 1.6em;color: #585a73;font-size: 12px; padding-left: 10px;box-sizing: border-box;}
.chapterbox .yaodianlist li .info .t{ font-size: 14px;color: #2c2c36;line-height:1.3em;margin:6px 0;}
.chapterbox .yaodianlist li .info .a{ width: 100%;float: left;line-height: 1.8em;color: #585a73;opacity: .8;}
@media screen and (max-width:900px){
    .chapterbox .yaodianlist li .icon{ width: 50px;flex:0 50px;}
}

.mindmap{ width: 100%;height: 100%;position: relative; }
/* 细滚动条样式 */
.mindmap::-webkit-scrollbar {width: 1px;height: 4px;}
.mindmap::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 4px;}
.mindmap::-webkit-scrollbar-thumb {background: #ff4d4f;border-radius: 4px;}
.mindmap::-webkit-scrollbar-thumb:hover {background: #4338CA;}

.loading{ width: 100%;float: left;padding:15px;line-height: 35px; color: #999; padding-bottom: 0;}
.loading img{ width: 30px;height: auto; float: left;}

.loginbox{width: 100%;max-width: 300px;margin:0 auto; position: absolute;z-index: 9999;padding:20px 25px;box-sizing: border-box;}
.loginbox .item{ width: 100%;float: left;margin:5px 0; position: relative;}
.loginbox .item .tit{ width: 100%;line-height: 25px;font-size: 13px;color: #666;float: left;}
.loginbox .item .input{ width: 100%; float: left; position: relative;}
.loginbox .item .input .form-input{ width: 100%;float: left;line-height: 40px;height:40px;padding:0 10px 0 35px;border:solid 1px #eee; border-radius:5px; position: relative;box-sizing: border-box; color: #666}
.loginbox .item .input i{ position: absolute;top: 12px;left: 10px;z-index: 999;color: #999;}
.loginbox .item .btn{ width: 100%;float: left;line-height:40px;height: 40px;border-radius: 25px;color: #fff;background-color: #5249cf; text-align: center;margin-top: 10px; cursor: pointer;}
.loginbox .item .btn:hover{background-color: #3c34b1}