.color-item[data-v-88b7a12a]{text-align:center;cursor:pointer}.color-item .color-top[data-v-88b7a12a]{width:50px;height:6px;background:#5c2223}.color-item .col[data-v-88b7a12a]{width:50px;height:278px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAEWBAMAAADWW9kWAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACXRSTlMADRATHSAmLTORhZ8tAAAAtUlEQVR4Xu3TLQ/CQAzH4YWXMItiEoNHESQfgaDwGORwJ48QWD82ZQOSUkj9+NXckifXdHf3L/pZ1CJJs/sGM3nUycNIuto42T/l+muL31S95fwhSeEwXak0FgYKF13XSnMjY5WlylBla2Qicms/jiK1kbJt1rXLVl4zVaHE3fwE8dT+T+PT8Sca34K/ufi2/Qvxr+q/80N+yA/5IT/kh/yQH/JDfqhcFrm/giAIgiAIgiAIcgd2evuoheI7gQAAAABJRU5ErkJggg==) no-repeat;position:relative;transition:all .5s linear}.color-item .col[data-v-88b7a12a]:hover{opacity:.6}.color-item .col .col-text[data-v-88b7a12a]{position:absolute;right:4px;color:#5c2223;font-family:Microsoft YaHei,微软雅黑,Helvetica;padding-top:1em;display:block;width:1em}.color-item .col .col-pinyin[data-v-88b7a12a]{right:10px;font-size:.8em}.color-item .col .col-pinyin[data-v-88b7a12a],.color-item .col .col-rgb[data-v-88b7a12a]{position:absolute;top:148px;display:block;width:1em;transform:rotate(90deg);-webkit-transform:rotate(90deg);text-transform:uppercase;color:#fff}.color-item .col .col-rgb[data-v-88b7a12a]{right:38px;font-size:11px}.nums[data-v-9798cd9e]{width:100%;float:left;border-top:1px solid #fff}.nums[data-v-9798cd9e]:nth-child(3){border-bottom:1px solid #fff}.nums .title[data-v-9798cd9e]{height:26px;line-height:26px;color:#fff;font-size:10px}.nums .count[data-v-9798cd9e]{width:100%;display:flex}.nums .count .count-num[data-v-9798cd9e]{position:absolute;right:0;font-family:sans-serif;font-size:24px;font-weight:300;color:#fff}.nums .count .count-box[data-v-9798cd9e]{width:100%;height:30px;line-height:30px;padding-right:10px;float:left;color:#fff;text-align:right;position:relative;z-index:3;overflow:hidden}.nums .count .count-box .count-box__item[data-v-9798cd9e]{width:100%;position:absolute;left:0;top:0;transition:all .8s ease-in-out}.nums .count .count-box .count-box__item i[data-v-9798cd9e]{width:100%;float:left;font-family:sans-serif;font-size:24px;font-weight:300;color:#fff;text-align:center}.nums .count .count-box .count-box__item i.active[data-v-9798cd9e]{opacity:0}.home .bg[data-v-00db65af]{position:fixed;top:0;left:0;width:100%;height:100%;background:url(../img/bg.49767ac5.png) #bbb;transition:all 1s linear}.home .container[data-v-00db65af]{width:960px;height:100%;margin:40px auto;position:relative}.home .container .logo[data-v-00db65af]{position:absolute;left:909px}.home .container .logo .logo-bg[data-v-00db65af]{width:60px;height:520px;background:url(../img/logo.24d6154e.png) no-repeat;position:fixed}.home .container .colors[data-v-00db65af]{width:480px;height:100%;position:absolute;left:-23px;top:0;display:flex;justify-content:flex-start;flex-wrap:wrap}.home .container .colors .color-box[data-v-00db65af]{width:50px;height:284px;margin-right:20px;margin-top:20px}.home .container .content[data-v-00db65af]{position:absolute;left:434px;top:20px;height:507px;width:410px}.home .container .content .content-color[data-v-00db65af]{position:fixed;width:100px}.home .container .content .content-color .circle-container[data-v-00db65af]{height:86px;position:relative;width:50px;z-index:500;border-top:1px solid #fff}.home .container .content .content-color .circle-container:nth-child(2) .circle-left .line[data-v-00db65af],.home .container .content .content-color .circle-container:nth-child(2) .circle-right .line[data-v-00db65af]{background-position:0 -50px}.home .container .content .content-color .circle-container:nth-child(3) .circle-left .line[data-v-00db65af],.home .container .content .content-color .circle-container:nth-child(3) .circle-right .line[data-v-00db65af]{background-position:0 -100px}.home .container .content .content-color .circle-container:nth-child(4) .circle-left .line[data-v-00db65af],.home .container .content .content-color .circle-container:nth-child(4) .circle-right .line[data-v-00db65af]{background-position:0 -150px}.home .container .content .content-color .circle-container .circle-title[data-v-00db65af]{height:26px;line-height:26px;color:#fff;font-size:10px}.home .container .content .content-color .circle-container .circle[data-v-00db65af]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAEHRSTlMAAwYKDRATGh0gIyYqLTAzcNEyRQAAAPtJREFUeNrtlsGOhTAIRWutYlvh/P/fvsQ0mWfUkZBZzlkZkiuUUiD9CUW6cqBdSnplrsYJq/PvDjqAVikHUhWgP7vKDVDJJ5so0PK9YjHQ9WpfFWy5U2xgkm4Rg+1qrrDPj0nZod4o2pQemdpFsw3LM5VzbAu09EKDrxxkY5/eJNOO5a8f2OwoDPsJpYAkBwJlfHY0uVD6cAirT7LCPNKnyYmOqzDEKxFsHD57JRnKodTkRpEjX9UvqfQh9DJCguKXFPiXBJIcuMpAwQTKMlD8gScWeMiBdhFoSoHWF2qw/jYeHxb+kRQffP7xGh/i/lUhvJD41574chXnA1X9E4lLikSYAAAAAElFTkSuQmCC) no-repeat;display:block;height:50px;left:0;position:absolute;top:26px;width:50px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:sans-serif;font-size:24px;font-weight:300}.home .container .content .content-color .circle-container .circle-right[data-v-00db65af]{position:absolute;left:0;top:26px;width:50px;height:50px;-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMAECAwQFBggJCgsMDQ4PB4UqzwAAAAo0lEQVR42u2WQRLDIAzEKHFCgRj9/7f5QtUpt+5dg+0xuy6/FJCzhUQAVj8+RiKi9QSYUYxqS2DUonQlrLM4tQVvyRw3dMm8hmdK97WVAaet7WZVO4PFKFINwjLJtMgFh3+m+26WRepXA2h+baZvJi0S8Ed2D7kz9y9Mhdi//Enf/5GTucGUhPUJg7U27sPCR5IPPh+vPsT9qeAPEn/2+OPK6wEgygnFX8mmEgAAAABJRU5ErkJggg==);mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMAECAwQFBggJCgsMDQ4PB4UqzwAAAAo0lEQVR42u2WQRLDIAzEKHFCgRj9/7f5QtUpt+5dg+0xuy6/FJCzhUQAVj8+RiKi9QSYUYxqS2DUonQlrLM4tQVvyRw3dMm8hmdK97WVAaet7WZVO4PFKFINwjLJtMgFh3+m+26WRepXA2h+baZvJi0S8Ed2D7kz9y9Mhdi//Enf/5GTucGUhPUJg7U27sPCR5IPPh+vPsT9qeAPEn/2+OPK6wEgygnFX8mmEgAAAABJRU5ErkJggg==)}.home .container .content .content-color .circle-container .circle-right .line[data-v-00db65af]{display:block;height:50px;left:1px;position:absolute;top:0;width:50px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAADIBAMAAABYGK/9AAAAD1BMVEUAAAAAAAAAk9PMAGv/8QxErkuwAAAAAXRSTlMAQObYZgAAADpJREFUWEftyTENACAQBDAkgAOCAhIMMOBfE+t5+HZtW2G2ZIwx9eaEbYwxxeeFa4wxxWeEbowxtecDdietwPk+qO4AAAAASUVORK5CYII=) no-repeat;background-position:0 0;transform:rotate(180deg);transition:all .5s linear}.home .container .content .content-color .circle-container .circle-left[data-v-00db65af]{position:absolute;left:0;top:26px;width:50px;height:50px;-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMAECAwQFBggJCgsMDQ4PB4UqzwAAAApklEQVR42u2WQRLDIAzEnOCEAgH9/7f9ApppbtVdM5CYXcdPyDomELuUtgD2lRwAs9XM3BLODsx6xjbXgnmH4AOrhqHBU6zRj5CnaqG4oDvjXDyHUzqrOCOhhmMwpVHglkpjhmTpmyScUqn+XINmlUm1CuRfeeEjq1/pB8aPpR9+/8T8Q/Zx4UPJR58PWB/jvix8Jfni8/X6Uon7VcEvJH7t8cuV5ws/KQnFpXFLZgAAAABJRU5ErkJggg==);mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMAECAwQFBggJCgsMDQ4PB4UqzwAAAApklEQVR42u2WQRLDIAzEnOCEAgH9/7f9ApppbtVdM5CYXcdPyDomELuUtgD2lRwAs9XM3BLODsx6xjbXgnmH4AOrhqHBU6zRj5CnaqG4oDvjXDyHUzqrOCOhhmMwpVHglkpjhmTpmyScUqn+XINmlUm1CuRfeeEjq1/pB8aPpR9+/8T8Q/Zx4UPJR58PWB/jvix8Jfni8/X6Uon7VcEvJH7t8cuV5ws/KQnFpXFLZgAAAABJRU5ErkJggg==)}.home .container .content .content-color .circle-container .circle-left .line[data-v-00db65af]{display:block;height:50px;left:1px;position:absolute;top:0;width:50px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAADIBAMAAABYGK/9AAAAD1BMVEUAAAAAAAAAk9PMAGv/8QxErkuwAAAAAXRSTlMAQObYZgAAADpJREFUWEftyTENACAQBDAkgAOCAhIMMOBfE+t5+HZtW2G2ZIwx9eaEbYwxxeeFa4wxxWeEbowxtecDdietwPk+qO4AAAAASUVORK5CYII=) no-repeat;background-position:0 0;transform:rotate(180deg);transition-delay:.5s;transition:all .5s linear}.home .container .content .content-num[data-v-00db65af]{position:fixed;top:410px;width:50px}.home .container .content .content-name[data-v-00db65af]{position:fixed;top:100px;color:#fff}.home .container .content .content-name .content-name__chinese[data-v-00db65af]{font-family:cursive;font-weight:400;font-size:100px;color:#fff;margin:0 auto;width:100px;text-align:center;background-position:top;background-repeat:no-repeat}.home .container .content .content-name .content-name__pinyin[data-v-00db65af]{font-size:16px;width:500px;margin-top:30px;text-align:center;font-family:Georgia;font-weight:700;-webkit-font-smoothing:antialiased}.home .container .content .footer[data-v-00db65af]{position:fixed;width:500px;bottom:0;text-align:center;color:#fff;font-size:10px;font-family:cursive}.home .container .content .tip-box[data-v-00db65af]{width:500px;position:fixed;top:40px}.home .container .content .tip-box .tip[data-v-00db65af]{width:180px;text-align:center;margin:0 auto;padding:20px;border-radius:5px;color:#fff;border:1px solid #fff}