.header-right .item.sitemap > a {color: #5092ff}
.sitemap-wrapper {position: relative;width: 1200px;height: 1300px;margin-top: 20px;}
.sitemap-wrapper > .sitemap-item-wrapper {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.sitemap-wrapper > .sitemap-item-wrapper.image > img {width: 100%;height:100%;border: 0;}
.sitemap-wrapper > .sitemap-item-wrapper.area > .sitemap-wrapper-container {position: relative;width: 100%;height: 100%;display: block;}
.sitemap-wrapper > .sitemap-item-wrapper.area > .sitemap-wrapper-container > .area-item {position: absolute;display: block;padding: 0;border: 1px dotted gray;cursor: pointer;}
.sitemap-wrapper > .sitemap-item-wrapper.area > .sitemap-wrapper-container > .area-item:hover {border: 1px solid #5092ff;box-shadow: 0 0 8px 2px rgba(0,0,0,0.25);}
.sitemap-wrapper > .sitemap-item-wrapper.area > .sitemap-wrapper-container > .area-item.shape-0 {border-radius: 4px;}
.sitemap-wrapper > .sitemap-item-wrapper.area > .sitemap-wrapper-container > .area-item.shape-1 {border-radius: 20px;}
.sitemap-wrapper > .sitemap-item-wrapper.area > .sitemap-wrapper-container > .area-item.shape-2 {border-radius: 2px;}

.sitemap-intro-title {font-size: 20px;font-weight: bold;color: #333;}
.sitemap-intro-wrapper {margin: 20px 50px;width: 850px;height: 550px;background: #f2f5f7;}
.sitemap-intro-wrapper > .video-wrapper {height: 480px;}
.sitemap-intro-wrapper > .text-wrapper {display: flex;height: 50px;color: #333;align-items: center;justify-content: center;font-size: 16px;}
.sitemap-intro-wrapper > .text-wrapper > .sitemap-href {margin: 0 4px;color: #5092ff;}