.main{padding:20px 0}.main .publicity-header{position:relative;margin-top:20px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-radius:5px;box-shadow:0 3px 5px #dbebff;background-image:linear-gradient(0deg, white, #eff6ff);font-size:26px;font-weight:bold}.main .publicity-header p::before{content:"";position:absolute;top:calc(50% - 16px);left:0px;width:6px;height:32px;background-color:#1e5eb0}.main .publicity-header .icon{white-space:nowrap}.main .publicity-header .icon img{vertical-align:middle;width:24px;height:24px;margin-left:6px}.main .publicity-header .qrcode{width:90px;height:90px}.main .publicity-main{margin-top:30px;display:grid;gap:20px}.main .publicity-main .left-container{overflow:hidden}.main .publicity-main .left-container>.title{background-color:#f9f9f9}.main .publicity-main .left-container>.title>div{display:inline-block;padding:8px 32px;color:#fff;font-size:18px;font-weight:bold;background-color:#1e5eb0}.main .publicity-main .left-container .table-container{margin-top:10px;border:1px solid #cbddff}.main .publicity-main .left-container .table-container ul{display:grid;grid-template-columns:repeat(2, 1fr)}.main .publicity-main .left-container .table-container ul li{list-style:none;display:flex}.main .publicity-main .left-container .table-container ul li:nth-last-child(1),.main .publicity-main .left-container .table-container ul li:nth-last-child(2),.main .publicity-main .left-container .table-container ul li:nth-last-child(3){grid-column-end:span 2}.main .publicity-main .left-container .table-container ul li>div{padding:12px;word-break:break-all}.main .publicity-main .left-container .table-container ul li>div:first-child{width:140px;min-width:140px;text-align:center;background-color:#f4f9fd;border:1px solid #cbddff}.main .publicity-main .left-container .table-container ul li>div:last-child{flex:1;border:1px solid #cbddff}.main .publicity-main .left-container .table-tool-box{margin-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap}.main .publicity-main .left-container .table-tool-box a{display:block;margin-left:20px;padding:4px 20px;font-size:14px;color:#1e5eb0;line-height:20px;background-color:rgba(0,0,0,0);border:1px solid #1e5eb0;border-radius:5px;transition:all .3s;text-decoration:none}.main .publicity-main .left-container .table-tool-box a i{display:inline-block;width:16px;height:16px;background:url("/r/cms/common/image/sprite-diagram.png") no-repeat;vertical-align:middle;background-size:250px}.main .publicity-main .left-container .table-tool-box a:nth-child(1) i{background-position:-30px -80px}.main .publicity-main .left-container .table-tool-box a:nth-child(1):hover i{background-position:-5px -80px}.main .publicity-main .left-container .table-tool-box a:hover{color:#fff;background-color:#1e5eb0}.main .publicity-main .left-container .tabs-container{margin-top:20px}.main .publicity-main .left-container .tabs-container .tabs-header{display:grid;grid-template-columns:repeat(6, 1fr);font-size:18px;font-weight:bold;background-color:#f1f6ff;border:1px solid #cbddff}.main .publicity-main .left-container .tabs-container .tabs-header li{list-style:none;padding:12px;width:100%;text-align:center;white-space:nowrap;cursor:pointer;transition:all .3s}.main .publicity-main .left-container .tabs-container .tabs-header li:hover{color:#fff;background-color:#1e5eb0}.main .publicity-main .left-container .tabs-container .tabs-header li.tabs-header-checked{color:#fff;background-color:#1e5eb0}.main .publicity-main .left-container .tabs-container .tabs-main div{padding:20px;border:1px solid #cbddff;border-top:none}.main .publicity-main .left-container .tabs-container .tabs-main .tabs-material{overflow-x:auto}.main .publicity-main .left-container .tabs-container .tabs-main .tabs-material table{width:100%;min-width:800px;font-size:16px;border:none;border-collapse:collapse}.main .publicity-main .left-container .tabs-container .tabs-main .tabs-material table tr:not(:last-child){border-bottom:1px solid #cbddff}.main .publicity-main .left-container .tabs-container .tabs-main .tabs-material table tr th{background-color:#1e5eb0;color:#fff;font-weight:normal;text-align:center;padding:6px 12px}.main .publicity-main .left-container .tabs-container .tabs-main .tabs-material table tr th:first-child{min-width:80px;border-radius:5px 0 0 0}.main .publicity-main .left-container .tabs-container .tabs-main .tabs-material table tr th:last-child{border-radius:0 5px 0 0}.main .publicity-main .left-container .tabs-container .tabs-main .tabs-material table tr td{text-align:center;padding:16px 0;background-color:#f4f9fd}.main .publicity-main .left-container .tabs-container .tabs-main .tabs-material table tr td button,.main .publicity-main .left-container .tabs-container .tabs-main .tabs-material table tr td a{background-color:rgba(0,0,0,0);padding:6px;color:#2a82e4;line-height:16px;font-size:16px;text-decoration:none}.main .publicity-main .left-container .tabs-container .tabs-main .tabs-material table tr td:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:300px}.main .publicity-main .left-container .tabs-container .tabs-main .tabs-material table tr td:nth-child(3){width:120px}.main .publicity-main .left-container .tabs-container .tabs-main .tabs-material table tr td:nth-child(4){width:180px}.main .publicity-main .left-container .tabs-container .tabs-main .tabs-material table tr td:nth-child(5){width:100px}.main .publicity-main .left-container .tabs-container .tabs-main .tabs-flow .title{margin-bottom:12px;font-weight:bold}.main .publicity-main .left-container .tabs-container .tabs-main .tabs-flow a{display:inline-block;margin:12px 0 20px 0;padding:4px 12px;background-color:rgba(0,0,0,0);border-radius:5px;border:1px solid #1e5eb0;color:#1e5eb0;font-size:14px;transition:all .3s;text-decoration:none}.main .publicity-main .left-container .tabs-container .tabs-main .tabs-flow a:hover{background-color:#1e5eb0;color:#fff}.main .publicity-main .left-container .tabs-container .tabs-main .tabs-flow a:last-child{margin:12px 0 0 0}.main .publicity-main .left-container .tabs-container .tabs-main .tebs-bylaw table{width:100%;border-collapse:collapse;font-size:14px}.main .publicity-main .left-container .tabs-container .tabs-main .tebs-bylaw table tr td{padding:10px 5px;border:1px solid #e2e2e2;text-align:justify}.main .publicity-main .left-container .tabs-container .tabs-main .tebs-bylaw table tr:nth-child(4n+1) td:nth-child(2),.main .publicity-main .left-container .tabs-container .tabs-main .tebs-bylaw table tr td:first-child{padding:0;width:90px;text-align:center;background-color:#f2f2f2}.main .publicity-main .right-container{display:none}.main .publicity-main .right-container>div{border:1px solid #cbddff}.main .publicity-main .right-container .title{display:flex;justify-content:space-between;padding:8px 20px;color:var(--color-blue);font-size:18px;font-weight:bold;background-color:#f4f9fd;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.main .publicity-main .right-container ul{overflow:hidden;font-size:14px;padding:8px 20px 8px 20px}.main .publicity-main .right-container ul li{margin:12px 0;cursor:pointer}.main .publicity-main .right-container ul li a:hover{color:var(--color-blue)}.publicity-material-detail-modal table{width:100%}.publicity-material-detail-modal table tr td{padding:12px;border:1px solid #cbddff}.publicity-material-detail-modal table tr td:nth-child(odd){width:140px;text-align:center;background-color:#f4f9fd}@media screen and (max-width: 1200px){.main .publicity-main{grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 992px){.main .publicity-main .left-container .table-container ul li{grid-column-end:span 2}}@media screen and (max-width: 768px){.main .publicity-main .left-container .tabs-container .tabs-header{grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 480px){.main .publicity-header{flex-direction:column}}