MediaWiki:Common.css：修订间差异

2024年4月12日 (五) 17:28的版本

/* 这里放置的CSS将应用于所有皮肤 */


/* WIKI背景图 */
body {
	background:url("https://i.17173cdn.com/g8bz6k/octopathsp/5/56/%E8%83%8C%E6%99%AF%E5%9B%BE%E7%89%87.jpeg?20240407020407") fixed no-repeat center center / cover;
}

/* H2：快速css */ 
/* -- H3：宽度 */
.width-auto {width: auto}
.width-100 {width: 100%}
.width-50 {width: 50%}
.width-25 {width: 25%}
.width-20 {width: 20%}
.height-auto {height: auto}
.height-100 {height: 100%}
.height-50 {height: 50%}
.height-25 {height: 25%}
.height-20 {height: 20%}

/* -- H3；flex */
.flex-row-center{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.flex-row-btw{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/* -- H3：响应式布局 */
@media only screen and (min-width:768px){
.visible-xs{
    display: none;
}
}
@media only screen and (max-width:768px){
.hidden-xs{
    display: none;
}
}

/* H2 模板 */
/* -- H3模板：图标居中相关 */
.flex-row-icon{
    text-align:center;
    margin: 2px;
}

/* -- H3:模板:信息框 */
.description-container{
    text-align: center;
    color: lightslategray;
    box-shadow: rgba(0,0,0,0.24) 0px 3px 8px 0px;
    border-radius: 0.5em;
    margin: 10px 0 10px 0;
    padding: 10px;
    display: table;
    width: 100%;
}
.description-display{
    display: table-cell;
    vertical-align: middle;
}

.so-content-in ol, .so-content-in ul {
	list-style: disc;
}
/* Site.css */

.so-page .so-wrap-mask {
  background-color: #000;
}
.so-page .so-site-notice {
  color: rgba(255, 255, 255, 0.8);
}
.so-page .so-site-notice .so-link {
  color: rgba(255, 255, 255, 0.8);
}
.so-page .so-link {
  color: #9f7850;
}
.so-page .so-mobile-btn-search {
  color: #fff;
}
.so-page .so-mobile-nav-menu .so-mobile-nav-bd {
  padding-top: 1rem;
}
.so-page .so-mobile-nav-menu .so-ul-menu-1 .so-menu-title {
  color: #333;
}
.so-page .btn-login::before {
  background: #fff;
}
.so-page .so-header {
  box-sizing: border-box;
  z-index: auto;
}
.so-page .so-header-top .so-logo-box .so-logo-title,
.so-page .so-header-top .so-logo-box .so-logo {
  color: #fff;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}
.so-page .so-header-top .so-navbar-toggle .icon-bar {
  background-color: #fff;
}
.so-page .so-header-c2 {
  background: url(https://ue.17173cdn.com/a/sogaone/2024/img/nav-bg-7639ae25.png) no-repeat center / 100% 100%;
  padding-top: 1%;
  padding-bottom: 1%;
}
.so-page .so-header-c2 .so-header-search {
  border: 1px solid #525659;
  background: transparent;
}
.so-page .so-header-c2 .so-header-menu .so-menu-ul-1 .so-menu-li-1 {
  margin-right: 0.1em;
}
.so-page .so-header-c2 .so-header-menu .so-menu-ul-1 .so-menu-li-1:first-child .so-menu-li-1-link {
  border-radius: 0.5rem 0 0 0.5rem;
}
.so-page .so-header-c2 .so-header-menu .so-menu-ul-1 .so-menu-li-1:last-child .so-menu-li-1-link {
  border-radius: 0 0.5rem 0.5rem 0;
}
.so-page .so-header-c2 .so-header-menu .so-menu-ul-1 .so-menu-li-1 .so-menu-li-1-link {
  background: rgba(255, 255, 255, 0.1);
  color: #f7de9f;
  font-weight: normal;
}
.so-page .so-header-c2 .so-header-menu a {
  color: #f7de9f;
}
.so-page .so-content.so-container {
  background: url(https://ue.17173cdn.com/a/sogaone/2024/img/content-bg-c-0d485720.jpg) repeat-y center / 100% auto;
  position: relative;
  z-index: 2;
  box-shadow: 0 4px 14px -1px rgba(0, 0, 0, 0.8), 0 2px 4px -2px rgba(0, 0, 0, 0.8);
  /* main-right */
  /* main-center */
}
.so-page .so-content.so-container::after,
.so-page .so-content.so-container::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
}
.so-page .so-content.so-container::before {
  top: 0;
  background: url(https://ue.17173cdn.com/a/sogaone/2024/img/content-bg-t-c266e343.jpg) no-repeat center top / 100% auto;
}
.so-page .so-content.so-container::after {
  bottom: 0;
  background: url(https://ue.17173cdn.com/a/sogaone/2024/img/content-bg-b-623cf80e.jpg) no-repeat center bottom / 100% auto;
}
.so-page .so-content.so-container .so-content-in .main-left {
  padding-top: 1.25rem;
}
.so-page .so-content.so-container .so-content-in .main-left .mod {
  margin-bottom: 3.75rem;
  padding: 0 1rem;
  position: relative;
  z-index: 3;
  width: 100%;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAABkCAIAAAB4uH5pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI0RTVFMTBERTgyMjExRUVBRUQxODhDNDg0ODU2MDBCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI0RTVFMTBFRTgyMjExRUVBRUQxODhDNDg0ODU2MDBCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjRFNUUxMEJFODIyMTFFRUFFRDE4OEM0ODQ4NTYwMEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjRFNUUxMENFODIyMTFFRUFFRDE4OEM0ODQ4NTYwMEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6HKH9dAAABEUlEQVR42uzToRGAMBREwR9ai6cFJB0ggiYF4JAUgMHTGzFQA8zsiivgZl461iki+nFue+01DyWAr3ojPbelbecR+C8Bg4ABAQMCBgEDAgYEDAgYBAwIGBAwCBgQMCBgQMAgYEDAgIABAYOAAQEDAgYBAwIGBAwIGAQMCBgQMCBgEDAgYEDAIGBAwICAAQGDgAEBAwIGAQMCBgQMCBgEDAgYEDAgYBAwIGBAwCBgQMCAgAEBg4ABAQMCBgQMAgYEDAgYBAwIGBAwIGAQMCBgQMCAgEHAgIABAYOAAQEDAgYEDAIGBAwIGAQMCBgQMCBgEDAgYEDAgIBBwICAAQGDgAEBAwIGBAwCBgQMCBh43AIMAEQ3C30PtaB5AAAAAElFTkSuQmCC') repeat center / 100%;
}
.so-page .so-content.so-container .so-content-in .main-left .mod::before,
.so-page .so-content.so-container .so-content-in .main-left .mod::after {
  content: '';
  width: 100%;
  height: 1.25rem;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAAUCAYAAAD8+OT/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ5NTgwRkVFRTgyQjExRUVBRUQxODhDNDg0ODU2MDBCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ5NTgwRkVERTgyQjExRUVBRUQxODhDNDg0ODU2MDBCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUM1NkUyOTRFODIwMTFFRUFFRDE4OEM0ODQ4NTYwMEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjRFNUUxMEFFODIyMTFFRUFFRDE4OEM0ODQ4NTYwMEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7FANUIAAADGElEQVR42uybS0hUYRiGv+OoowkZjlqmo+QlbylakKZ0MUuNHAwLgpLsRq2VciG0KCgpoqAgbFO4C6NFBpVEtYmoNgku7CpddCVKUpH36f2OMzFh0cxs5pjvA8+cM+fiwL94OP/8ozE5PiqB0HX19A1sdgshhFgIwzA6XUdaA2pTWBCfM8ihJoRYkIDbFB7Eh0zoS25JhWQVlXHICSEh5W3PU+l7/ljcbvd40AF82HHG33vi9SXSHs2RJ4SEnIjIqF9t8qdjlY2tAT0B5sFDsAauiIkyzPK9e3HPlBBCQg26pJvDcA/8AO/Ca7Av2Cmwhu4i3AGvwIaJKffnySkZMAzDXtPYLBH2KI48ISSkTI6Pyf2OCzoFng63SbY9wtBZah18BG/CFjj2p3v/tgiyCHbDBJgDT8GXiF8ttva4ZU7GjxBijSkwWqRNArapaanGtgeehLkwDd6BkYEEUJ/8huAu+EUPfB9z69PiMd1PzSniqBNCLINPk5o9rRJPu+rhCDzvbwD1L22H+6Hb53gTzI+JjZPkzHyOOCHEMmiTtE0yu2bR5HNqGh6V2d8u5/gTwAPwMvzqPYCibsWmTfcLyqslLCyMI04IsQzapILyKu/bNjSryue0Pgm2y+wiyT8DuM0zZ/bGb6PMfpFoSy9YK4nOdI42IcRyJDozJKOwRHdtsNPTLi9dsMqfAGrh3ug8Gh7H/gMY61xZKPnrtnCUCSGWJa+0UrRV2ixtFxrW4vlO8D1M9SeANtywD9teeA5GZK9ZL8UVLv1fO44wIcSyaKO0VdosbRc8qy1D03Z6ovj79bfbT1yfmhjXVRIHzI6JMkpxsXlysWOpOa92JKVyZAkh84qhgX7pfdIt30ZHzPf6Y2m07Rl2X8Ph8Eh7nHHrUovvSq95UbQjzVxWTk7PFYMLHoSQeYp7ZkYG+/vk06se+TH8UbwPd3OmwKs318mG+oPmflntXknJzGf8CCHze0qMhmnLtGlm21wNUrzJNTeAKVmrZElCEkeMEPLfEr88TZzZhXMDSAghCw0GkBDCABJCyELjpwADAHJ0vtatnAe7AAAAAElFTkSuQmCC') no-repeat center / 100% 100%;
  position: absolute;
  z-index: -1;
  left: 0;
}
.so-page .so-content.so-container .so-content-in .main-left .mod::before {
  top: -1.25rem;
}
.so-page .so-content.so-container .so-content-in .main-left .mod::after {
  transform: rotateX(180deg);
  bottom: -1.25rem;
}
.so-page .so-content.so-container .so-content-in .main-left .mod-hd {
  margin-bottom: 0.625rem;
  text-align: center;
}
.so-page .so-content.so-container .so-content-in .main-left .mod-l-hd {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAP8AAAASCAYAAACU0giWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYzNjE0RDc5RTgxRDExRUVBRUQxODhDNDg0ODU2MDBCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYzNjE0RDdBRTgxRDExRUVBRUQxODhDNDg0ODU2MDBCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjM2MTRENzdFODFEMTFFRUFFRDE4OEM0ODQ4NTYwMEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjM2MTRENzhFODFEMTFFRUFFRDE4OEM0ODQ4NTYwMEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6abESSAAAIV0lEQVR42uyb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') no-repeat center / contain;
}
.so-page .so-content.so-container .so-content-in .main-left .mod-hd .tit {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 900;
  color: #333;
  justify-content: center;
}
.so-page .so-content.so-container .so-content-in .main-left .mod-hd .tit::before,
.so-page .so-content.so-container .so-content-in .main-left .mod-hd .tit::after {
  display: none;
}
.so-page .so-content.so-container .so-content-in .main-left .mod-hd .tit .icon {
  margin-right: 0.625rem;
  height: 1rem;
  width: 1rem;
}
.so-page .so-content.so-container .so-content-in .main-left .mod-ft {
  text-align: right;
}
.so-page .so-content.so-container .so-content-in .main-left .mod-ft-link {
  color: #9f7850;
}
.so-page .so-content.so-container .so-content-in .main-left .mod-ft-link:hover {
  color: #333;
}
.so-page .so-content.so-container .so-content-in .main-left .tlist-item {
  margin-bottom: 0.625rem;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.so-page .so-content.so-container .so-content-in .main-left .tlist-item-tag {
  margin-right: 0.5rem;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 0.25rem;
  background-color: #b99742;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: #fff;
}
.so-page .so-content.so-container .so-content-in .main-left .tlist-item-tag-gg {
  background-color: #b99742;
}
.so-page .so-content.so-container .so-content-in .main-left .tlist-item-tag-gl {
  background-color: #96ad3b;
}
.so-page .so-content.so-container .so-content-in .main-left .tlist-item-tag-jc {
  background-color: #d4780f;
}
.so-page .so-content.so-container .so-content-in .main-left .tlist-item .tlist-item-link {
  color: #333;
  text-align: left;
}
.so-page .so-content.so-container .so-content-in .main-left .tlist-item-link:hover {
  text-decoration-line: underline;
}
.so-page .so-content.so-container .so-content-in .btn-create-article {
  height: 2.25rem;
  width: 100%;
  border-radius: 1.25rem;
  background-color: #633f32;
  color: #d0b482;
  margin-top: -1.25rem;
  font-weight: bold;
  padding: 2px;
  display: block;
}
.so-page .so-content.so-container .so-content-in .btn-create-article .in {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #9b786b;
  background-color: #633f32;
  border-radius: 1.25rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.so-page .so-content.so-container .so-content-in .btn-create-article:hover {
  color: #fff;
  text-decoration: none;
}
.so-page .so-content.so-container .so-content-in .btn-create-article .icon-plus {
  position: relative;
  margin-right: 0.5rem;
  display: block;
  height: 0.75rem;
  width: 0.125rem;
  background-color: #d0b482;
}
.so-page .so-content.so-container .so-content-in .btn-create-article .icon-plus-in {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 0.125rem;
  width: 0.75rem;
  transform: translate(-50%, -50%);
  background-color: #d0b482;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-action {
  margin-bottom: 2.5rem;
}
.so-page .so-content.so-container .so-content-in .main-right .btn-action {
  box-sizing: content-box;
  display: flex;
  justify-content: center;
  height: 3.875rem;
  width: 100%;
  align-items: center;
  background: url('https://ue.17173cdn.com/a/sogaone/2024/img/btn-action-be61f2d7.png') no-repeat center / 100% 100%;
  font-size: 1.5rem;
  color: #333;
  max-width: 280px;
  margin: 0 auto 0.5rem;
}
.so-page .so-content.so-container .so-content-in .main-right .btn-action:hover {
  background-image: url('https://ue.17173cdn.com/a/sogaone/2024/img/btn-action-h-028ffd7e.png');
  text-decoration: none;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-r-bg {
  position: relative;
  z-index: 3;
  width: 100%;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ4AAABkCAYAAAB3qd4tAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFDNTZFMjhDRTgyMDExRUVBRUQxODhDNDg0ODU2MDBCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFDNTZFMjhERTgyMDExRUVBRUQxODhDNDg0ODU2MDBCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUM1NkUyOEFFODIwMTFFRUFFRDE4OEM0ODQ4NTYwMEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUM1NkUyOEJFODIwMTFFRUFFRDE4OEM0ODQ4NTYwMEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6a+qztAAABJUlEQVR42uzUMRWAMAxAQYKzqsADAhDSoR46VAPS4LWAgG4Md0Nesmb40fJxLY/oo9TzuwGGfUvxrqMPq5cAs4QDEA5AOADhAIQDEA4A4QCEAxAOQDgA4QAQDkA4AOEAhAMQDgDhAIQDEA5AOADhAIQDQDgA4QCEAxAOQDgAhAMQDkA4AOEAhANAOADhAIQDEA5AOACEAxAOQDgA4QCEAxAOAOEAhAMQDkA4AOEAEA5AOADhAIQDEA4A4QCEAxAOQDgA4QAQDkA4AOEAhAMQDkA4AIQDEA5AOADhAIQDQDgA4QCEAxAOQDgAhAMQDkA4AOEAhANAOADhAIQDEA5AOADhABAOQDgA4QCEAxAOAOEAhAMQDkA4AOEAEA5AOADhAP7tFmAAfzIIfMIUVKAAAAAASUVORK5CYII=') repeat center / 100%;
  margin-bottom: 3.75rem;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-r-bg::before,
.so-page .so-content.so-container .so-content-in .main-right .mod-r-bg::after {
  content: '';
  width: 100%;
  height: 20px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ4AAAAUCAYAAAB8i9PsAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF7WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4xLWMwMDAgNzkuZGFiYWNiYiwgMjAyMS8wNC8xNC0wMDozOTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyNC0wNC0wMVQxNTo1MDo0MyswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjQtMDQtMDFUMTc6NTU6MTIrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjQtMDQtMDFUMTc6NTU6MTIrMDg6MDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NmNiYWQ4ZWMtMTFmNy00ZDU0LWJlMzQtMzM1ODgyMTRiOGUyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFDNTZFMjkxRTgyMDExRUVBRUQxODhDNDg0ODU2MDBCIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QUM1NkUyOTFFODIwMTFFRUFFRDE4OEM0ODQ4NTYwMEIiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQzU2RTI4RUU4MjAxMUVFQUVEMTg4QzQ4NDg1NjAwQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQzU2RTI4RkU4MjAxMUVFQUVEMTg4QzQ4NDg1NjAwQiIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo2Y2JhZDhlYy0xMWY3LTRkNTQtYmUzNC0zMzU4ODIxNGI4ZTIiIHN0RXZ0OndoZW49IjIwMjQtMDQtMDFUMTc6NTU6MTIrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsJcSB4AAALuSURBVHic7dvLTxNRFMfxb4c3VoGAtgkgIyglFUQERCXEYFCjbtyxcIOQEIMbEw3/B0S7ZN8Y9ogxZQEaBRVEGh6hoFQeNohALViguCgklRbNNEAbPZ/NZObOL3Nmc3LvzYyuvbUZjZ4B17SGhBBRywlkawkoYTzEE0ZGCBG9lrQGYsN4SPLW8TrQGUZeCBEdsoApIFVrMJwZR/7W0RlGVggRPeYAL2AEDmkJam0cmYAKuIERjVkhRHRZAwbw94FLWoJ/XapYrLZzQCNQU2zKVivPnsThdOk7ej6uh1WqECJqVBTlUmrOwe6Y6ejqHZ4AngNtTbXVvX/K7do4LFZbImAB6gBdbEwMxfn+jdeRydk9K1wIETkjk7OUmnPIzzEobwYdeZ5Vbx5wz2K1tQH3m2qrV0PlQi5VLFZbEvACuAvoAIpNWeiTE/i2+IPJ6fl9eg0hxEH6vuxh3OkiNkbhYnFe4FA90Gmx2uJD5Xbb42ghYM1jSD9C+WkVgO73Y2xubu5J0UKIyHs1MM76hg+TasSkGgOHqvD3giBBjcNitZUADdvnR9MOc7PqDIqiMDA6hXNuYa/rFkJE0JJ7he53owBUl5tQMzMChxstVlvRzkyoGUf99nWTauT2lRKSEuJwOF287B/fh7KFEJFmd8zw1v4JRVG4UVlIqTkHRacDfy9o2Hl/qM3RmkxDGmVmlcxjqQAMT8zQ1TciSxQh/mGvBx2sb2xwvvAEFUW5nDpuoHdogokv81d33qtrb22uA3xABlDo9vys0ycn6AA8K156+scY+/z1YN9ACBExWYY0LpeZSNEnAbDqXdtMjI+z4v92axZw69pbm4OmEW7PKkPj03wYdbK2vnGwVQshIk5RFApUIwW5RozpKUHjgUuVFmDsaWffY9fC8oEVKISIPj6fD7tjGrtjmhR9EnduXWgAzMBD+H1z9AHwRJqGECLQonsFoA14tH0tnJ/chBD/OWkcQgjNpHEIITSTxiGE0OwXN7PMDvXVVUkAAAAASUVORK5CYII=') no-repeat center / 100% 100%;
  position: absolute;
  z-index: -1;
  left: 0;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-r-bg::before {
  top: -20px;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-r-bg::after {
  transform: rotateX(180deg);
  bottom: -20px;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-r-hd {
  display: flex;
  justify-content: center;
  align-items: center;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-r-hd .tit {
  color: #eed699;
  font-size: 1.25rem;
  margin: 0 0.5rem;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-r-hd::before,
.so-page .so-content.so-container .so-content-in .main-right .mod-r-hd::after {
  content: '';
  display: block;
  width: 3.375rem;
  height: 1rem;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAQCAYAAABdsIz2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ5NTgwRkYyRTgyQjExRUVBRUQxODhDNDg0ODU2MDBCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ5NTgwRkYxRTgyQjExRUVBRUQxODhDNDg0ODU2MDBCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEIyNjY4ODRFODFFMTFFRUFFRDE4OEM0ODQ4NTYwMEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEIyNjY4ODVFODFFMTFFRUFFRDE4OEM0ODQ4NTYwMEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7QL6X+AAAA4ElEQVR42mL8fm8+A4diAsNwA0wMwxSMemzUY6MeG/UYWYAFRPx5th3GNwZiayDeBcQ3BtxxUp6UeQwJVAOxHBCbAHEFEP8A4kwg5gPin0D8C4pB7D9A/A+I/wPxXyiGif1BUwfT9xuJj6z3D5T9D8kMkN531PKYHJTWAGIJqMdAwcaBpAbmgL9QGhkji8EcjeyZ30ie/IvE/oUWaCC9T4B4E7U8dgzqqTNAfAdqUR8Qc0IdBXP4bzSH/kbCv5BCHRYDf9FiBNnD/5AC7D+1kjHjaJNq1GOjHhv1GDkAIMAAE+5k87XXnE0AAAAASUVORK5CYII=') no-repeat center / 100% 100%;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-r-hd::before {
  transform: rotateY(180deg);
}
.so-page .so-content.so-container .so-content-in .main-right .mod-act {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-bottom: 0.25rem;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-act-hd {
  display: flex;
  height: 2.5rem;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 2.5rem;
  color: #eed699;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-r-bd {
  padding: 0 0.5rem;
}
.so-page .so-content.so-container .so-content-in .main-right .actlist-item {
  box-sizing: border-box;
  display: flex;
  height: 4.75rem;
  width: 100%;
  flex-direction: column;
  border-radius: 0.25rem;
  background: url('https://ue.17173cdn.com/a/sogaone/2024/img/actlist-item-bg-2922fc53.png') no-repeat center / 100% 100%;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.75rem;
  padding-bottom: 0.375rem;
}
.so-page .so-content.so-container .so-content-in .main-right .actlist-item:hover {
  text-decoration: none;
}
.so-page .so-content.so-container .so-content-in .main-right .actlist-item:hover .actlist-item-tit {
  text-decoration: underline;
}
.so-page .so-content.so-container .so-content-in .main-right .actlist-item-tit {
  margin: 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  color: #333;
}
.so-page .so-content.so-container .so-content-in .main-right .actlist-item-text {
  margin: 0px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #9f7850;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-about {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-bottom: 0.25rem;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-about-hd {
  display: flex;
  height: 2.5rem;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 2.5rem;
  color: #e5cd94;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-about .mod-r-bd {
  padding: 0.625rem;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-about .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-about .logo .img {
  width: 60%;
  max-width: 12rem;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-about .text {
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #b4b0ab;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-about .space {
  margin: 1.25rem 0;
  border-bottom: 1px solid #b4b0ab;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-about .contact {
  text-align: left;
  margin-bottom: 1.75rem;
  font-weight: 700;
  color: #b4b0ab;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-about .ul {
  padding-bottom: 0.75rem;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-about .ul .link {
  display: flex;
  align-items: center;
  font-weight: 700;
  color: #eed699;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-about .ul .link:hover {
  text-decoration-line: underline;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-about .ul .link .icon {
  margin-top: 0.125rem;
  margin-right: 0.5rem;
  box-sizing: content-box;
  height: 0.25rem;
  width: 0.25rem;
  border-radius: 0.5rem;
  background-color: #eed699;
  padding: 1px;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-about .ul .link .img {
  margin-left: 0.625rem;
  height: 0.625rem;
  width: 0.625rem;
}
.so-page .so-content.so-container .so-content-in .main-center .mod-c {
  border: 1px solid #9f7850;
  background-color: #fbf9f1;
  margin-bottom: 1.25rem;
  padding: 0.5rem;
}
.so-page .so-content.so-container .so-content-in .main-center .mod-c-hd {
  background: #9f7850;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 700;
  padding: 0.3rem 0;
}
.so-page .so-content.so-container .so-content-in .main-center .mod-c-hd::before,
.so-page .so-content.so-container .so-content-in .main-center .mod-c-hd::after {
  content: '';
  display: block;
  width: 3.5rem;
  height: 1rem;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAQCAYAAABdsIz2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhCMjY2ODg0RTgxRTExRUVBRUQxODhDNDg0ODU2MDBCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhCMjY2ODg1RTgxRTExRUVBRUQxODhDNDg0ODU2MDBCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEIyNjY4ODJFODFFMTFFRUFFRDE4OEM0ODQ4NTYwMEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEIyNjY4ODNFODFFMTFFRUFFRDE4OEM0ODQ4NTYwMEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7tPg7cAAABfklEQVR42tyWPUsDQRCGL8lB1CKFjYISYmev2FhppbWFlWiCYGwtQsDCOhYKdqIg2AvWIpZW/gALSRUhBALBQs19xXdgVoblslfq7sDD7e3t3s07czdzua/2jWewPEhMCyYW9rz/aHnDtVmw4llqJmFrYN01YT7YBhtg2iVhu2AeTIEjV4TR63cgzilr+7YJ88W4CGqgmiK4DubAOfiwQVgO5b7CWdoCMxnrSdQ9eASv1Ar84u+WJbAKHvjan2eMKDBZVtCyLO0YlMEyaIJvcAhKYAgChsYR98cRiBk1F2nr1L5QnMu9EY8TcY8hOfnG3PK3tUOZTHGcMnEKBmOElfm4yD2QhG1SDxdrlAMxHyVyTjktxYRCZCzGgRY02tuR0afJC9AGJ5q4K3CZkc1nFvXCgaIHnYFJdko5HmqOhoJARF1lINYyIgUnImAj/RtLc7IuKuETaLjyS3UN3sEnaNnYx8YVAkrzHZf4vkvCVLGo2PqvaBLWBT1bhf0IMAA81YNuZBuf2QAAAABJRU5ErkJggg==') no-repeat center / 100% 100%;
}
.so-page .so-content.so-container .so-content-in .main-center .mod-c-hd::before {
  transform: rotateY(180deg);
}
.so-page .so-content.so-container .so-content-in .main-center .mod-c-hd .tit {
  color: #fff;
  margin: 0 1rem;
  text-shadow: 1px 1px 10px #f0d7a7;
  font-family: 'Songti SC', serif;
}
.so-page .so-content.so-container .so-content-in .main-center .mod-c-hd .icon {
  margin-right: 0.5rem;
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}
@media (min-width: 768px) {
  .so-page .so-content.so-container .so-content-in .main-center .ptlist {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-item {
  max-height: 7rem;
  border-radius: 0.25rem;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-item-in {
  position: relative;
  z-index: 10;
  box-sizing: content-box;
  display: block;
  height: 6rem;
  width: 100%;
  padding-bottom: 0.25rem;
  background-color: #3d321c;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-item-in::after {
  content: '';
  width: 90%;
  height: 90%;
  position: absolute;
  left: 5%;
  top: 5%;
  border: 1px solid #8c765c;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-item .avatar-bg {
  position: absolute;
  z-index: -10;
  height: 100%;
  width: 100%;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-item .avatar {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-item .text {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 20;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: flex-end;
  justify-content: center;
  border-radius: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #f7de9f;
  font-weight: bold;
  text-shadow: 2px 0px 3px #000;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-item .text-mask {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-item-in:hover .text {
  color: #fff;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-item-in:hover::after {
  border-color: #eed699;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-3 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
@media (min-width: 768px) {
  .so-page .so-content.so-container .so-content-in .main-center .ptlist-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-3 .item {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.75rem;
  border-radius: 0.25rem;
  padding: 0.5rem;
  background: url(https://ue.17173cdn.com/a/sogaone/2024/img/ptlist-3-item-bg-77de149d.png) no-repeat center / 100% 100%;
  transition: all 0.3s;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-3 .item:hover {
  opacity: 0.9;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-3 .item:hover .text {
  text-decoration: none;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-3 .item .avatar {
  grid-column: span 2 / span 2;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-3 .item .avatar .img {
  margin-left: auto;
  margin-right: auto;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-3 .item .text {
  grid-column: span 3 / span 3;
  color: #9f7850;
  text-align: left;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-3 .item .text p {
  margin: 0;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-3 .item .text .tt {
  margin-bottom: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  color: #333;
}
.so-page .so-content.so-container .so-content-in .main-center .gray-666 {
  color: #666;
}
.so-page .so-content.so-container .so-content-in .main-center .box-hd {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlcAAAASCAYAAAB2MftyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYzNjE0RDdERTgxRDExRUVBRUQxODhDNDg0ODU2MDBCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYzNjE0RDdFRTgxRDExRUVBRUQxODhDNDg0ODU2MDBCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjM2MTREN0JFODFEMTFFRUFFRDE4OEM0ODQ4NTYwMEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjM2MTREN0NFODFEMTFFRUFFRDE4OEM0ODQ4NTYwMEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5u71aqAAAJbUlEQVR42uyd6W9UVRjGT6GtdIFSalFaKrhBQa2IW1FR3HCPqFFcP/gn6Ae/Gv8CExONH9yiURO3aFQ0CmpcEdxAQaSy1CIIg0UoXWgH6nm8v+ucXmcYaGeAmvdJ3nRm7naW6T2/+7zn3il5/bGHnMlkGvWq9DHex/E+JvG6nGUDPnp8/OWj08duH32EqXhS+1f4qKZPankd9ks3/bKTftnrY9CazmQa3Sq1JjCZRq3qfJzsoxmYOsDAPMjr+H/8OEID/Rg+7/exy8dGH+0+/mCQN40McKf4mOrjdEB3HMsGA6DtJ6SSoE/GsrzNxyYfv1uTmkwGVyaT6chIQNXqYwbv/yJ6GbQP8LrLx1Yf21zkkmggr/FR7yIXZaKPE3y0uMhN0bq/+fjRx46jUK8y4KSS+qR87M8DlwKYNHXsOQplnuDjTPqkiTbeDhitcZEblQJk04BUPQBWQ11LiQog+XIfV/no8LHSx2r7yptMBlcmk6k4Eghd4uNUBuoUg3klg7tjEBeYNAAr41lHn60HnNoS+x0LaGnQl+NyE6CyjnX3FrleAo4rfJzjY5+LUmSd1LE9S3lVt5nUr4Z2URvI7XnbFT/dWU57t9C+gtiffCyl/fsT6wtkLwDCJnHe7WI9QbDcrRNZt4++SrPv633M9fEJbWEpQ5NpFKjE5lyZTMe8ygEeDbYrgIi+YKAtBY4ERtNwReRe/eIyqaUGltcyoH/vY62PLTmOORGAqQHi5Gj9WYxzEABxvo/Xgb9w2cXU7xM+Owu4fNdFblws1Xmxi5yi57MATiFU5WM6MJcGPne6TAo2lFy1WQBjHW0e94f6bjLLtc9ttG8bbT0Q9G0ZdZtL371KHU0m0zGssYuvuzh8rzfzEyc4k8lUXGnwlHOzyEVpLjlFe4Ll83yc5+NJF6Wc0ontNbj3AEpyUNawDzkl5+KWaFD/0McqXBMN+he5aL5WCZAQpuD62GYDx2tiXxUM7ukC1V3AcKuPd3z8ALwIJrtZLuhYCNipTDe6yJ3qZfkEyqYU2kbaUQ5PZ4HKV0qZ5gG3Speu5hjdbqiTpHZUqvYGH9fQr+oLOVpfusghFBy2Alzf+VjGss30y/4sfSsn62cAazp9fDjfH5PJVFzdzbmoIzxxxCfvizh5pIINWonlhMlkKrwETnN4Hf8NHaXZQMZAYtCfCnR0JfYn+PmGkMsiV+hCF83lEYB84eMJXJN5XFBdyfrfuii1FWonsQEouwt40UXYJjeyVFV8DophKEU5lwUAJaiaArxUJcBhAeUedJk5V2UF6JMptLtgRs7SCtogmwScLVyclgFKTwFi9bT/2ZRR7tRz9O/+g7SJ+vYPNzTFuTH4fhzO98dkMhVO2biolgurVi6WvtI/8cOctGKtTuxE6YFrCZPJVHw1J97vwZEIVQ4A3OzjNZf7zjI5XXKF3vdxBoP8fbgumiz9kYtSbDMYmO8HmL520QT3UIK4TzmhzOWcoPlSmsu1imMdrnYBiJcBJTM4Ue0LTlonUVbBTTXQs5blA5RlCX8Hs5T7UDWB9pnJheaPtG2uNFwN0NrMOh/TDoMAzyLgSpD1gYscp3zz13Tce3z8Sr+HcFWdAOxc35c5OSDMZDIVFrKWB9x0Jf+/cq0XCq4ecUOdK12BfcYGy505VyZTsbUoMRiuSyxfCRDVu4yzLJfmKxc9YkFptcdd9rk/sdIM/Io6AOV83BYN5EpdvYILo7lAV3AMperaEy5LP+cDuTmaxzWffXUBPYKSzhwgkK1cb/m418eDbPMSdZkE7G0F4FQGuVR3uGhelZwcOVyy5B8APpa4Q5+TVEJbnAZU1VEHXXmucbknxjdwnpwMEL4AJKrtrg76Uu3whoucr0PVpZRraeLzscDxl1m2WZf4/qjP3rR/K5OpaFDVmmCiluAC9B/nKjmhXSfaaZzcTCbTkdFUnI5mBkoBRDKtcxUQ8Gzg6gisbmH7R93BH1uQS6e4aC6V/v4OsG1gWS0QlsZxkTOVKzVWx36agaJ91KUdONqRB/7ixzBsAVLOBFQ6gZc49akLwtsAwM8BCZWpkXXyzTWqA44aqdsEIFLwpjlQv+XYTuDWRNm0TZvLuIWTuTidxWc/AJnDmZemuk338Ywbmp6VQymn7OUs0Hoo3x+TyVQ83c257ot/r9zsbkGTadRoJgAykTgR2NAdZL+McN/VwIEcnD4G6NBBa2TQl3vWzfF2uOzuThMXaS2sLyem12WeDh+nAuMJ3BUAWRV1asKpkfPzbo5jKI14Oa+3AjXdHCOeDF/FfusAolr+OsqhNF38ENV0FtjTdvHDQHez3uYAYhu5gq2nreR2pUbYDzqmXEplEbbRVrtpr1V5ANVkMh0jMrgymUaXNMepgQFf0NERwEShJICbA+CsB0DSAbBoXtRsAE8O1c+UY7vLuGqxKoCaaZRb0DCOfQ+yvsq/h+MKrORELWO/+cqpOwlPBkLaKF81xxgDjMTH2A4caf/JuU8qzwnscxZQprv0NgFhuxLwKJeoEgBMpk1HKs2nm0r77gKy7KeKTCaDK5PJ9D+QBvnTAKRyYCf8iZzxgMgMAEcAtgUY2MrrfGk6AYocuQuBIqX6Vh4mrKgMCwArpTXXuv/e8eiyQJ9gT5PlJwNM8TOn1lHXVGJ9AaWcwl6gq8u+IiaTyeDKZDIN6zzhMmk+QYbcGs3LCl2qamDlLNaNnwwvEJFr1MdrAVgZUCW3qBZwExTpRprh/oSN9qW7BW/gfYpj9VLOMZR9HBBVSfm6ASrd7dORgLIx1OUc9q+0nyb/99tXwmQyHUz28zcmkymflL7bTChdpXlGVwMacniUNlSabT3hgJcG1o9TgaXsaw8QczxwpbsFvx9hGeV0yfHSs6HudJnfGzzgMilClfHPAKg6XHZnTalBuWlnsPwblz9FaTKZTAZXJpNpWFKqT89+ih9Oqp+c6QVq2gAwQUwP8PVrsK3cH6Xg5ICdCvjo7rdNBSyfgOlpH9e5KFWpu/++4/Nsj4aQayZHqxGgEhDWUKb3AEeTyWQyuDKZTEVX/HBSPY9Jc650l6GejVUFNPUTac4zgpjjeK9t9TDSta44d7/pjsEXXZTS0+NlbneRexWXaQDQU5nKKJ9ShylATBPYbT6VyWQyuDKZTEdFmku1mhCsyPlRWi28Y08pux6gR47Qkfrh4XZCztR0F7lmVQBVfKfiXqBqixv+fC+TyWQaor8FGACSxHVp70D2xgAAAABJRU5ErkJggg==) no-repeat center / 100% auto;
  margin: 1.125rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.so-page .so-content.so-container .so-content-in .main-center .box-hd .tit {
  font-size: 1.25rem;
  font-weight: bold;
  color: #333;
  font-family: 'Songti SC', serif;
}
.so-page .so-content.so-container .so-content-in .main-center .link-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}
.so-page .so-content.so-container .so-content-in .main-center .link-border-list .link-item {
  border: 1px solid #9f7850;
}
.so-page .so-content.so-container .so-content-in .main-center .link-border-list .link-item .text .dot {
  display: inline-block;
  margin: 0 0.3rem 0 0.2rem;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #9f7850;
  transform: rotate(45deg);
}
.so-page .so-content.so-container .so-content-in .main-center .link-border-list .link-item:hover {
  text-decoration: none;
}
.so-page .so-content.so-container .so-content-in .main-center .link-border-list .link-item:hover .text .dot {
  background-color: #000;
}
@media (min-width: 768px) {
  .so-page .so-content.so-container .so-content-in .main-center .link-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
  }
}
.so-page .so-content.so-container .so-content-in .main-center .link-item {
  box-sizing: border-box;
  display: flex;
  height: 2.25rem;
  align-items: center;
  border-radius: 0.25rem;
  border-width: 1px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: #9f7850;
}
.so-page .so-content.so-container .so-content-in .main-center .link-item:hover {
  color: #333;
}
.so-page .so-content.so-container .so-content-in .main-center .link-item .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.so-page .so-content.so-container .so-content-in .main-center .link-item .icon {
  margin-right: 0.5rem !important;
  display: inline-block;
  height: 1rem;
  width: 1rem;
}
.so-page .so-content.so-container .so-content-in .main-center .link-flex-list {
  display: flex;
  flex-wrap: wrap;
}
.so-page .so-content.so-container .so-content-in .main-center .link-flex-list .item {
  box-sizing: border-box;
  display: flex;
  height: 2.25rem;
  align-items: center;
  border-radius: 0.25rem;
  border: 1px solid #9f7850;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-right: 0.8rem;
  margin-bottom: 0.8rem;
  color: #9f7850;
  box-shadow: 0 1px 2px 0 #9f7850;
}
.so-page .so-content.so-container .so-content-in .main-center .link-flex-list .item:hover {
  color: #333;
  text-decoration-line: none;
}
.so-page .so-content.so-container .so-content-in .main-center .link-grid-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}
.so-page .so-content.so-container .so-content-in .main-center .link-grid-list .item {
  box-sizing: border-box;
  display: flex;
  height: 2.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  border-width: 1px;
  border: 1px solid #9f7850;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: #9f7850;
}
.so-page .so-content.so-container .so-content-in .main-center .link-grid-list .item:hover {
  background-color: #fbf9f1;
  text-decoration-line: none;
}
@media (min-width: 768px) {
  .so-page .so-content.so-container .so-content-in .main-center .link-grid-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
  }
}
.so-page .so-content.so-container .so-content-in .main-center .mod-ft .more {
  margin-left: auto;
  margin-right: auto;
  margin: 0.5rem 0;
  box-sizing: border-box;
  display: flex;
  height: 2rem;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #9f7850;
}
.so-page .so-content.so-container .so-content-in .main-center .soc-tab-nav {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  overflow: hidden;
  overflow-x: scroll;
  border-radius: 0.375rem;
  border-width: 1px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-weight: 700;
  width: 100%;
}
.so-page .so-content.so-container .so-content-in .main-center .soc-tab-nav .tab {
  display: flex;
  align-items: center;
  font-weight: normal;
}
.so-page .so-content.so-container .so-content-in .main-center .soc-tab-nav .tab.current .tab-in {
  background-color: transparent;
  font-weight: bold;
}
.so-page .so-content.so-container .so-content-in .main-center .soc-tab-nav .soc-tab-nav .tab-in {
  height: 1.75rem;
  cursor: pointer;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  text-align: center;
  line-height: 1.75rem;
}
.so-page .so-content.so-container .so-content-in .main-center .soc-tab-nav .soc-tab-nav .tab-in:hover {
  background-color: #ff0;
}
.so-page .so-content.so-container .so-content-in .main-center .soc-tab-nav .line {
  margin: 0 1rem;
  display: block;
  height: 1.25rem;
  width: 1px;
  background-color: #d5d5d5;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-2 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}
@media (min-width: 768px) {
  .so-page .so-content.so-container .so-content-in .main-center .ptlist-2 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-2 .item {
  overflow: hidden;
  border-radius: 0.5rem;
  background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA3LjEtYzAwMCA3OS5kYWJhY2JiLCAyMDIxLzA0LzE0LTAwOjM5OjQ0ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuNSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQkIwNjgwNUU4MUYxMUVFQUVEMTg4QzQ4NDg1NjAwQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQkIwNjgwNkU4MUYxMUVFQUVEMTg4QzQ4NDg1NjAwQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhCMjY2ODhBRTgxRTExRUVBRUQxODhDNDg0ODU2MDBCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCQjA2ODA0RTgxRjExRUVBRUQxODhDNDg0ODU2MDBCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQEBAQEB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) no-repeat center / 100% 100%;
  border: 2px solid #633f32;
  position: relative;
  max-height: 160px;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-2 .item:hover {
  text-decoration-line: none;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-2 .item:hover .text {
  background-color: #633f32;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-2 .item .item-in {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-2 .item .avatar {
  width: 100%;
  border-radius: 0.25rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-2 .item .text {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  font-size: 0.875rem;
  line-height: 2rem;
  color: #fff;
  background-color: rgba(99, 63, 50, 0.6);
  margin: 0;
}
.so-page .so-content-in table {
  border-spacing: revert;
}
.so-page .so-content-in table:is(.styled,.cargoTable,.cargoTable.mergeSimilarCells) td:is(td,.even,.odd) {
  text-align: center;
}

/* Site.css end */

.so-page .so-content.so-container .so-content-in .main-center .ptlist-2 .item .text {
	position: initial;
	height: initial;
	line-height: 1.5;
}

.so-page .so-content.so-container .so-content-in .main-center .ptlist-item-in {
  height: auto;
}

.so-page .so-content.so-container .so-content-in .main-center .ptlist img {
  margin: 0 auto;
}

.so-page .so-content.so-container .so-content-in .main-center .ptlist-item {
  max-height: 12rem;
}

@media (min-width: 768px) {
    .so-page .so-content.so-container .so-content-in .main-center .ptlist {
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}
.membercontainer {  
    display: grid;  
    grid-template-columns: repeat(4, 1fr);  
    grid-gap: 20px;  
  }  
.memberbox {  
    box-sizing: border-box;  
}