.dome-warp{width:210px;margin-left:50px}.transition-box{margin-bottom:10px;width:200px;height:100px;border-radius:4px;background-color:var(--primary-color);text-align:center;color:#fff;padding:40px 20px;margin-right:20px}.dropdown-box,.transition-box{-webkit-box-sizing:border-box;box-sizing:border-box}.dropdown-box{border-radius:4px;border:1px solid #dcdfe6;color:#606266;font-size:12px;height:32px;line-height:32px;outline:none;padding:0 15px 0 30px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.dropdown-box .up-icon{margin-left:15px;font-size:12px;color:#c0c4cc;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear}.dropdown-box .hover.up-icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.dropdown-list{margin-top:20px;height:200px}.select-dropdown-item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.select-dropdown-item:hover{background-color:#f5f7fa}.select-dropdown-item.selected{color:var(--primary-color);font-weight:700}.dropdown-list .diy-box{width:350px;height:128px;border-top:1px solid #ededee;-webkit-box-sizing:border-box;box-sizing:border-box}.diy-tips{line-height:14px;font-size:14px;color:red;text-align:center}.dropdown-list .diy-box .tips{font-size:14px;font-weight:500;color:#222;line-height:32px}.dropdown-list .diy-box .diy-box-btn{width:88px;height:36px;line-height:36px;border-radius:4px;border:1px solid #2c6af2;font-size:14px;font-weight:400;color:#2c6af2;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.dropdown-box .diy-box .diy-box-btn.primary{background:#2c6af2;color:#fff}