.create-page{position:relative;overflow:hidden;background:#fff;height:100%;z-index:30;box-shadow:5px 5px 10px rgba(0,0,0,.05);border-radius:8px;display:flex;flex-direction:column}.create-page .head-controller-box{width:100%;height:80px;border-bottom-width:1px;border-bottom-style:solid;display:flex;align-items:center;box-sizing:border-box;flex-shrink:0;justify-content:space-between}.create-page .head-controller-box>.back-btn{position:relative;height:100%;cursor:pointer;padding:0 30px;display:flex;justify-content:center;align-items:center}.create-page .head-controller-box>.back-btn:after{content:"";width:1px;background:#eee;position:absolute;top:20px;right:0;bottom:20px;left:auto}.create-page .head-controller-box>.back-btn .icon{width:30px;height:30px}.create-page .head-controller-box>.step-box{height:100%;margin:0 10%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.create-page .head-controller-box>.step-box::-webkit-scrollbar{height:1px}@media (max-width:700px){.create-page .head-controller-box>.step-box{display:none}}.create-page .head-controller-box>.step-box>.step-base{width:100%;height:100%;display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.create-page .head-controller-box>.step-box>.step-base::-webkit-scrollbar{height:1px}.create-page .head-controller-box>.step-box>.step-base>.item-box{cursor:pointer;position:relative;margin-right:60px;height:100%;flex:none;flex-shrink:0;display:flex;align-items:center}.create-page .head-controller-box>.step-box>.step-base>.item-box:after{content:"";background:#365d9b;height:3px;opacity:0;transition:all .3s;transition-timing-function:ease;border-radius:3px;position:absolute;top:auto;right:30%;bottom:0;left:30%}.create-page .head-controller-box>.step-box>.step-base>.item-box:last-child{margin-right:0}.create-page .head-controller-box>.step-box>.step-base>.item-box .name,.create-page .head-controller-box>.step-box>.step-base>.item-box .serial-number{font-size:16px;line-height:25px;color:#c3c3c3;transition:all .3s;transition-timing-function:ease}.create-page .head-controller-box>.step-box>.step-base>.item-box .name{margin-left:5px}.create-page .head-controller-box>.step-box>.step-base>.item-box:hover .name,.create-page .head-controller-box>.step-box>.step-base>.item-box:hover .serial-number{color:#36414e}.create-page .head-controller-box>.step-box>.step-base>.item-box:hover:after{opacity:1;position:absolute;top:auto;right:0;bottom:0;left:0}.create-page .head-controller-box>.step-box>.step-base>.activity .name,.create-page .head-controller-box>.step-box>.step-base>.activity .serial-number{color:#36414e}.create-page .head-controller-box>.step-box>.step-base>.activity:after{opacity:1;position:absolute;top:auto;right:0;bottom:0;left:0}.create-page .head-controller-box .submit-button{cursor:pointer;margin:0 30px;height:40px;padding:0 20px;background:#00b3d9;border:1px solid #00b3d9;transition:all .3s;transition-timing-function:ease;flex-shrink:0;border-radius:5px;display:flex;align-items:center}.create-page .head-controller-box .submit-button:hover{box-shadow:0 0 10px rgba(0,0,0,.2)}.create-page .head-controller-box .submit-button .icon{width:18px;height:18px}.create-page .head-controller-box .submit-button .submit{margin-left:10px;color:#fff;font-size:16px}.create-page>.step-box{width:100%;height:100%;flex-grow:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.create-page>.step-box::-webkit-scrollbar{width:10px}.create-page>.step-box>.form-box{width:100%}.create-page>.step-box>.form-box>.item-box{padding:30px;border-bottom-width:1px;border-bottom-style:solid}.create-page>.step-box>.form-box>.item-box:last-child{border-bottom:initial}@media (max-width:700px){.create-page>.step-box>.form-box>.item-box{padding:30px 0}}.create-page>.step-box>.form-box>.item-box>.item-base>.title-box{margin:0 20px;width:100%;display:flex;align-items:center}.create-page>.step-box>.form-box>.item-box>.item-base>.title-box .serial-number{width:50px;height:50px;font-size:25px;color:#36414e;border-width:1px;border-style:solid;border-radius:50%;display:flex;justify-content:center;align-items:center}.create-page>.step-box>.form-box>.item-box>.item-base>.title-box .name{font-size:25px;margin-left:20px;color:#36414e}.create-page>.step-box>.form-box>.item-box>.item-base>.title-box .add-button{cursor:pointer;margin-left:20px;width:26px;height:26px;padding:0;background:#fff;border:1px solid #e3e3e3;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .3s;transition-timing-function:ease}.create-page>.step-box>.form-box>.item-box>.item-base>.title-box .add-button:hover{box-shadow:0 2px 10px rgba(0,0,0,.3)}.create-page>.step-box>.form-box>.item-box>.item-base>.title-box .add-button .icon-box{width:70%;height:70%}.create-page>.step-box>.form-box>.item-box>.item-base>.step-content{width:100%}.create-page>.step-box>.form-box>.item-box>.item-base>.step-content:empty{display:none}.create-page>.step-box>.form-box>.item-box>.item-base>.step-content>.prompt{margin:30px 20px 0 20px;font-size:14px;max-width:350px;line-height:22px;letter-spacing:1px;color:#888}.create-page>.step-box>.form-box>.item-box>.item-base>.step-content>.prompt p{color:#888}.create-page>.step-box>.form-box>.item-box>.item-base>.step-content>.prompt .title{color:#333}.create-page>.step-box>.form-box>.item-box>.item-base>.step-content>.form-box{width:100%;margin-top:20px;display:flex;flex-wrap:wrap}.create-page>.step-box>.form-box>.item-box>.item-base>.step-content>.form-box:empty{display:none}.create-page>.step-box>.form-box>.item-box>.item-base>.step-content>.form-box>.list-box{position:relative;width:100%;padding:20px;margin-bottom:20px;border-width:1px;border-style:solid;border-radius:6px;display:flex;flex-wrap:wrap}.create-page>.step-box>.form-box>.item-box>.item-base>.step-content>.form-box>.list-box>.operating-box{width:26px;display:flex;flex-direction:column;justify-content:center;position:absolute;top:0;right:-13px;bottom:0;left:auto}.create-page>.step-box>.form-box>.item-box>.item-base>.step-content>.form-box>.list-box>.operating-box button{cursor:pointer;width:26px;height:26px;margin:10px 0;padding:0;background:#fff;border:1px solid #e3e3e3;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .3s;transition-timing-function:ease}.create-page>.step-box>.form-box>.item-box>.item-base>.step-content>.form-box>.list-box>.operating-box button:hover{box-shadow:0 2px 10px rgba(0,0,0,.3)}.create-page>.step-box>.form-box>.item-box>.item-base>.step-content>.form-box>.list-box>.operating-box button .icon-box{width:70%;height:70%}.create-page>.step-box>.form-box>.item-box>.item-base>.step-content>.form-box>.list-box>.operating-box .add-button{display:none;margin-top:10px}.create-page>.step-box>.form-box>.item-box>.item-base>.step-content>.form-box>.list-box:only-child .operating-box .add-button{margin-top:0}.create-page>.step-box>.form-box>.item-box>.item-base>.step-content>.form-box>.list-box:last-child{margin-bottom:0}.create-page>.step-box>.form-box>.item-box>.item-base>.step-content>.form-box>.list-box:last-child .operating-box .add-button{display:flex}.create-page>.step-box>.form-box>.item-box>.item-base>.step-content>.form-box .input-error{border-color:#d6626e}.create-page-dark{background:#191d23}.create-page-dark .head-controller-box{border-color:#373a4e}.create-page-dark .head-controller-box>.back-btn:after{background:#3b3b3b}.create-page-dark .head-controller-box>.step-box>.step-base>.item-box .name,.create-page-dark .head-controller-box>.step-box>.step-base>.item-box .serial-number{color:#737373}.create-page-dark .head-controller-box>.step-box>.step-base>.activity .name,.create-page-dark .head-controller-box>.step-box>.step-base>.activity .serial-number,.create-page-dark .head-controller-box>.step-box>.step-base>.item-box:hover .name,.create-page-dark .head-controller-box>.step-box>.step-base>.item-box:hover .serial-number{color:#fff}.create-page-dark .step-box>.form-box>.item-box{border-color:#26282b}.create-page-dark .step-box>.form-box>.item-box .item-base .title-box .name,.create-page-dark .step-box>.form-box>.item-box .item-base .title-box .serial-number{color:#fff}.create-page-dark .step-box>.form-box>.item-box .item-base .title-box .serial-number{border-color:#515574;background:#2c343e}