.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#B6383F;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#f5f7fa}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\E611";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-textarea{display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-input__inner,.el-tag{-webkit-box-sizing:border-box}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#B6383F}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#c0c4cc;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#B6383F;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-tag{background-color:rgba(64,158,255,.1);display:inline-block;padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#B6383F;border-radius:4px;box-sizing:border-box;border:1px solid rgba(64,158,255,.2);white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px;color:#B6383F}.el-tag .el-icon-close::before{display:block}.el-tag .el-icon-close:hover{background-color:#B6383F;color:#fff}.el-tag--info,.el-tag--info .el-tag__close{color:#909399}.el-tag--info{background-color:rgba(144,147,153,.1);border-color:rgba(144,147,153,.2)}.el-tag--info.is-hit{border-color:#909399}.el-tag--info .el-tag__close:hover{background-color:#909399;color:#fff}.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:#67c23a}.el-tag--success.is-hit{border-color:#67c23a}.el-tag--success .el-tag__close{color:#67c23a}.el-tag--success .el-tag__close:hover{background-color:#67c23a;color:#fff}.el-tag--warning{background-color:rgba(230,162,60,.1);border-color:rgba(230,162,60,.2);color:#e6a23c}.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--warning .el-tag__close:hover{background-color:#e6a23c;color:#fff}.el-tag--danger{background-color:rgba(245,108,108,.1);border-color:rgba(245,108,108,.2);color:#f56c6c}.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--danger .el-tag__close:hover{background-color:#f56c6c;color:#fff}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-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}.el-select-dropdown__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#f5f7fa}.el-select-dropdown__item.selected{color:#B6383F;font-weight:700}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#e4e7ed}.el-select-group__title{padding-left:20px;font-size:12px;color:#909399;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-select{display:inline-block;position:relative}.el-select:hover .el-input__inner{border-color:#c0c4cc}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#B6383F}.el-select .el-input .el-select__caret{color:#c0c4cc;font-size:14px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{-webkit-transform:rotateZ(0);transform:rotateZ(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);border-radius:100%;color:#c0c4cc;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-select .el-input .el-select__caret.is-show-close:hover{color:#909399}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:#e4e7ed}.el-select .el-input.is-focus .el-input__inner{border-color:#B6383F}.el-select>.el-input{display:block}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#c0c4cc;line-height:18px;font-size:14px}.el-select__close:hover{color:#909399}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-select .el-tag__close{margin-top:-2px}.el-select .el-tag{-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:#f0f2f5}.el-select .el-tag__close.el-icon-close{background-color:#c0c4cc;right:-7px;top:0;color:#fff}.el-select .el-tag__close.el-icon-close:hover{background-color:#909399}.el-select .el-tag__close.el-icon-close::before{display:block;-webkit-transform:translate(0,.5px);transform:translate(0,.5px)}.el-pagination{white-space:nowrap;padding:2px 5px;color:#303133;font-weight:700}.el-pagination::after,.el-pagination::before{display:table;content:""}.el-pagination::after{clear:both}.el-pagination button,.el-pagination span:not([class*=suffix]){display:inline-block;font-size:13px;min-width:35.5px;height:28px;line-height:28px;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}.el-pagination .el-input__inner{text-align:center;-moz-appearance:textfield;line-height:normal}.el-pagination .el-input__suffix{right:0;-webkit-transform:scale(.8);transform:scale(.8)}.el-pagination .el-select .el-input{width:100px;margin:0 5px}.el-pagination .el-select .el-input .el-input__inner{padding-right:25px;border-radius:3px}.el-pagination button{border:none;padding:0 6px;background:0 0}.el-pagination button:focus{outline:0}.el-pagination button:hover{color:#B6383F}.el-pagination button:disabled{color:#c0c4cc;background-color:#fff;cursor:not-allowed}.el-pagination .btn-next,.el-pagination .btn-prev{background:center center no-repeat #fff;background-size:16px;cursor:pointer;margin:0;color:#303133}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:700}.el-pagination .btn-prev{padding-right:12px}.el-pagination .btn-next{padding-left:12px}.el-pagination .el-pager li.disabled{color:#c0c4cc;cursor:not-allowed}.el-pager li,.el-pager li.btn-quicknext:hover,.el-pager li.btn-quickprev:hover{cursor:pointer}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li.btn-quicknext,.el-pagination--small .el-pager li.btn-quickprev,.el-pagination--small .el-pager li:last-child{border-color:transparent;font-size:12px;line-height:22px;height:22px;min-width:22px}.el-pagination--small .arrow.disabled{visibility:hidden}.el-pagination--small .more::before,.el-pagination--small li.more::before{line-height:24px}.el-pagination--small button,.el-pagination--small span:not([class*=suffix]){height:22px;line-height:22px}.el-pagination--small .el-pagination__editor,.el-pagination--small .el-pagination__editor.el-input .el-input__inner{height:22px}.el-pagination__sizes{margin:0 10px 0 0;font-weight:400;color:#606266}.el-pagination__sizes .el-input .el-input__inner{font-size:13px;padding-left:8px}.el-pagination__sizes .el-input .el-input__inner:hover{border-color:#B6383F}.el-pagination__total{margin-right:10px;font-weight:400;color:#606266}.el-pagination__jump{margin-left:24px;font-weight:400;color:#606266}.el-pagination__jump .el-input__inner{padding:0 3px}.el-pagination__rightwrapper{float:right}.el-pagination__editor{line-height:18px;padding:0 2px;height:28px;text-align:center;margin:0 2px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px}.el-pager,.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0}.el-pagination__editor.el-input{width:50px}.el-pagination__editor.el-input .el-input__inner{height:28px}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{margin:0 5px;background-color:#f4f4f5;color:#606266;min-width:30px;border-radius:2px}.el-pagination.is-background .btn-next.disabled,.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev.disabled,.el-pagination.is-background .btn-prev:disabled,.el-pagination.is-background .el-pager li.disabled{color:#c0c4cc}.el-pagination.is-background .el-pager li:not(.disabled):hover{color:#B6383F}.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#B6383F;color:#fff}.el-pagination.is-background.el-pagination--small .btn-next,.el-pagination.is-background.el-pagination--small .btn-prev,.el-pagination.is-background.el-pagination--small .el-pager li{margin:0 3px;min-width:22px}.el-pager,.el-pager li{vertical-align:top;display:inline-block;margin:0}.el-pager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;font-size:0}.el-pager .more::before{line-height:30px}.el-pager li{padding:0 4px;background:#fff;font-size:13px;min-width:35.5px;height:28px;line-height:28px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.el-pager li.btn-quicknext,.el-pager li.btn-quickprev{line-height:28px;color:#303133}.el-pager li.btn-quicknext.disabled,.el-pager li.btn-quickprev.disabled{color:#c0c4cc}.el-pager li.active+li{border-left:0}.el-pager li:hover{color:#B6383F}.el-pager li.active{color:#B6383F;cursor:default}
@charset "UTF-8";.el-checkbox,.el-checkbox__input{display:inline-block;position:relative}.el-checkbox-button__inner,.el-checkbox__input{white-space:nowrap;vertical-align:middle;outline:0}.el-checkbox{color:#606266;font-weight:500;font-size:14px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#B6383F}.el-checkbox.is-bordered.is-disabled{border-color:#ebeef5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{cursor:pointer;line-height:1}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#dcdfe6;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#c0c4cc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#c0c4cc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#c0c4cc;border-color:#c0c4cc}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#B6383F;border-color:#B6383F}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#c0c4cc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#B6383F}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#B6383F}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #dcdfe6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#B6383F}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;-webkit-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox-button,.el-checkbox-button__inner{display:inline-block;position:relative}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox+.el-checkbox{margin-left:30px}.el-checkbox-button__inner{line-height:1;font-weight:500;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#B6383F}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#B6383F;border-color:#B6383F;-webkit-box-shadow:-1px 0 0 0 rgb(211, 136, 140);box-shadow:-1px 0 0 0 rgb(211, 136, 140)}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:#B6383F}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#ebeef5}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#B6383F}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}
.el-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}.el-select-dropdown__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#f5f7fa}.el-select-dropdown__item.selected{color:#B6383F;font-weight:700}
.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#B6383F;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#f5f7fa}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\E611";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-textarea{display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#B6383F}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-select-dropdown__item,.el-tag{white-space:nowrap;-webkit-box-sizing:border-box}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#c0c4cc;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#B6383F;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-tag{background-color:rgba(64,158,255,.1);display:inline-block;padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#B6383F;border-radius:4px;box-sizing:border-box;border:1px solid rgba(64,158,255,.2)}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px;color:#B6383F}.el-tag .el-icon-close::before{display:block}.el-tag .el-icon-close:hover{background-color:#B6383F;color:#fff}.el-tag--info,.el-tag--info .el-tag__close{color:#909399}.el-tag--info{background-color:rgba(144,147,153,.1);border-color:rgba(144,147,153,.2)}.el-tag--info.is-hit{border-color:#909399}.el-tag--info .el-tag__close:hover{background-color:#909399;color:#fff}.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:#67c23a}.el-tag--success.is-hit{border-color:#67c23a}.el-tag--success .el-tag__close{color:#67c23a}.el-tag--success .el-tag__close:hover{background-color:#67c23a;color:#fff}.el-tag--warning{background-color:rgba(230,162,60,.1);border-color:rgba(230,162,60,.2);color:#e6a23c}.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--warning .el-tag__close:hover{background-color:#e6a23c;color:#fff}.el-tag--danger{background-color:rgba(245,108,108,.1);border-color:rgba(245,108,108,.2);color:#f56c6c}.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--danger .el-tag__close:hover{background-color:#f56c6c;color:#fff}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#f5f7fa}.el-select-dropdown__item.selected{color:#B6383F;font-weight:700}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#e4e7ed}.el-select-group__title{padding-left:20px;font-size:12px;color:#909399;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-select{display:inline-block;position:relative}.el-select:hover .el-input__inner{border-color:#c0c4cc}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#B6383F}.el-select .el-input .el-select__caret{color:#c0c4cc;font-size:14px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{-webkit-transform:rotateZ(0);transform:rotateZ(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);border-radius:100%;color:#c0c4cc;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-select .el-input .el-select__caret.is-show-close:hover{color:#909399}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:#e4e7ed}.el-select .el-input.is-focus .el-input__inner{border-color:#B6383F}.el-select>.el-input{display:block}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#c0c4cc;line-height:18px;font-size:14px}.el-select__close:hover{color:#909399}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-select .el-tag__close{margin-top:-2px}.el-select .el-tag{-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:#f0f2f5}.el-select .el-tag__close.el-icon-close{background-color:#c0c4cc;right:-7px;top:0;color:#fff}.el-select .el-tag__close.el-icon-close:hover{background-color:#909399}.el-select .el-tag__close.el-icon-close::before{display:block;-webkit-transform:translate(0,.5px);transform:translate(0,.5px)}
.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{position:absolute;z-index:2000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:50px;width:50px}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-loading-spinner .el-loading-text{color:#B6383F;margin:3px 0;font-size:14px}.el-loading-spinner .circular{height:42px;width:42px;-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#B6383F;stroke-linecap:round}.el-loading-spinner i{color:#B6383F}.el-loading-fade-enter,.el-loading-fade-leave-active{opacity:0}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}
.el-message__closeBtn:focus,.el-message__content:focus{outline-width:0}.el-message{min-width:380px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border-width:1px;border-style:solid;border-color:#ebeef5;position:fixed;left:50%;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#edf2fc;-webkit-transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,transform .4s;transition:opacity .3s,transform .4s,-webkit-transform .4s;overflow:hidden;padding:15px 15px 15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-message.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message.is-closable .el-message__content{padding-right:16px}.el-message p{margin:0}.el-message--info .el-message__content{color:#909399}.el-message--success{background-color:#f0f9eb;border-color:#e1f3d8}.el-message--success .el-message__content{color:#67c23a}.el-message--warning{background-color:#fdf6ec;border-color:#faecd8}.el-message--warning .el-message__content{color:#e6a23c}.el-message--error{background-color:#fef0f0;border-color:#fde2e2}.el-message--error .el-message__content{color:#f56c6c}.el-message__icon{margin-right:10px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__closeBtn{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#c0c4cc;font-size:16px}.el-message__closeBtn:hover{color:#909399}.el-message .el-icon-success{color:#67c23a}.el-message .el-icon-error{color:#f56c6c}.el-message .el-icon-info{color:#909399}.el-message .el-icon-warning{color:#e6a23c}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}
.el-button,.el-input__inner{-webkit-appearance:none;outline:0}.el-message-box,.el-popup-parent--hidden{overflow:hidden}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#B6383F;border-color:rgb(233, 195, 197);background-color:rgb(248, 235, 236)}.el-button:active{color:rgb(164, 50, 57);border-color:rgb(164, 50, 57);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#B6383F;color:#B6383F}.el-button.is-active,.el-button.is-plain:active{color:rgb(164, 50, 57);border-color:rgb(164, 50, 57)}.el-button.is-plain:active{background:#fff;outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#ebeef5;color:#c0c4cc}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button.is-circle{border-radius:50%;padding:12px}.el-button--primary{color:#fff;background-color:#B6383F;border-color:#B6383F}.el-button--primary:focus,.el-button--primary:hover{background:rgb(197, 96, 101);border-color:rgb(197, 96, 101);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(164, 50, 57);border-color:rgb(164, 50, 57);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#fff;background-color:rgb(219, 156, 159);border-color:rgb(219, 156, 159)}.el-button--primary.is-plain{color:#B6383F;background:rgb(248, 235, 236);border-color:rgb(226, 175, 178)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#B6383F;border-color:#B6383F;color:#fff}.el-button--primary.is-plain:active{background:rgb(164, 50, 57);border-color:rgb(164, 50, 57);color:#fff;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:rgb(211, 136, 140);background-color:rgb(248, 235, 236);border-color:rgb(240, 215, 217)}.el-button--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#fff;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67c23a;border-color:#67c23a;color:#fff}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.el-button--warning:focus,.el-button--warning:hover{background:#ebb563;border-color:#ebb563;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#cf9236;border-color:#cf9236;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#fff;background-color:#f3d19e;border-color:#f3d19e}.el-button--warning.is-plain{color:#e6a23c;background:#fdf6ec;border-color:#f5dab1}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#e6a23c;border-color:#e6a23c;color:#fff}.el-button--warning.is-plain:active{background:#cf9236;border-color:#cf9236;color:#fff;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f0c78a;background-color:#fdf6ec;border-color:#faecd8}.el-button--danger{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.el-button--danger:focus,.el-button--danger:hover{background:#f78989;border-color:#f78989;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#dd6161;border-color:#dd6161;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#fff;background-color:#fab6b6;border-color:#fab6b6}.el-button--danger.is-plain{color:#f56c6c;background:#fef0f0;border-color:#fbc4c4}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#f56c6c;border-color:#f56c6c;color:#fff}.el-button--danger.is-plain:active{background:#dd6161;border-color:#dd6161;color:#fff;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#f9a7a7;background-color:#fef0f0;border-color:#fde2e2}.el-button--info{color:#fff;background-color:#909399;border-color:#909399}.el-button--info:focus,.el-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#82848a;border-color:#82848a;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#fff;background-color:#c8c9cc;border-color:#c8c9cc}.el-button--info.is-plain{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#909399;border-color:#909399;color:#fff}.el-button--info.is-plain:active{background:#82848a;border-color:#82848a;color:#fff;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#bcbec2;background-color:#f4f4f5;border-color:#e9e9eb}.el-button--text,.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover,.el-button--text:active{border-color:transparent}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--mini,.el-button--small{font-size:12px;border-radius:3px}.el-button--medium.is-round{padding:10px 20px}.el-button--medium.is-circle{padding:10px}.el-button--small,.el-button--small.is-round{padding:9px 15px}.el-button--small.is-circle{padding:9px}.el-button--mini,.el-button--mini.is-round{padding:7px 15px}.el-button--mini.is-circle{padding:7px}.el-button--text{color:#B6383F;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(197, 96, 101);border-color:transparent;background-color:transparent}.el-button--text:active{color:rgb(164, 50, 57);background-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-button-group::after{clear:both}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:first-child:last-child{border-radius:4px}.el-button-group .el-button:first-child:last-child.is-round{border-radius:20px}.el-button-group .el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-textarea{display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#B6383F}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input__inner{background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;-webkit-transition:all .3s;text-align:center;height:100%;color:#c0c4cc;top:0}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#B6383F;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-message-box{display:inline-block;width:420px;padding-bottom:10px;vertical-align:middle;background-color:#fff;border-radius:4px;border:1px solid #ebeef5;font-size:18px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);text-align:left;-webkit-backface-visibility:hidden;backface-visibility:hidden}.el-message-box__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center}.el-message-box__wrapper::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box__header{position:relative;padding:15px 15px 10px}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:18px;line-height:1;color:#303133}.el-message-box__headerbtn{position:absolute;top:15px;right:15px;padding:0;border:none;outline:0;background:0 0;font-size:16px;cursor:pointer}.el-message-box__headerbtn .el-message-box__close{color:#909399}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:#B6383F}.el-message-box__content{position:relative;padding:10px 15px;color:#606266;font-size:14px}.el-message-box__input{padding-top:15px}.el-message-box__input input.invalid,.el-message-box__input input.invalid:focus{border-color:#f56c6c}.el-message-box__status{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:24px!important}.el-message-box__status::before{padding-left:1px}.el-message-box__status+.el-message-box__message{padding-left:36px;padding-right:12px}.el-message-box__status.el-icon-success{color:#67c23a}.el-message-box__status.el-icon-info{color:#909399}.el-message-box__status.el-icon-warning{color:#e6a23c}.el-message-box__status.el-icon-error{color:#f56c6c}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:24px}.el-message-box__errormsg{color:#f56c6c;font-size:12px;min-height:18px;margin-top:2px}.el-message-box__btns{padding:5px 15px 0;text-align:right}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.el-message-box--center{padding-bottom:30px}.el-message-box--center .el-message-box__header{padding-top:30px}.el-message-box--center .el-message-box__title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message-box--center .el-message-box__status{position:relative;top:auto;padding-right:5px;text-align:center;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.el-message-box--center .el-message-box__message{margin-left:0}.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__content{text-align:center}.el-message-box--center .el-message-box__content{padding-left:27px;padding-right:27px}.msgbox-fade-enter-active{-webkit-animation:msgbox-fade-in .3s;animation:msgbox-fade-in .3s}.msgbox-fade-leave-active{-webkit-animation:msgbox-fade-out .3s;animation:msgbox-fade-out .3s}@-webkit-keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}
.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}@font-face{font-family:element-icons;src:url(https://hi.res.netease.com/pc/zt/20190529110735/font/element-icons_2fad952a.woff) format("woff");font-weight:400;font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-info:before{content:"\E61A"}.el-icon-error:before{content:"\E62C"}.el-icon-success:before{content:"\E62D"}.el-icon-warning:before{content:"\E62E"}.el-icon-question:before{content:"\E634"}.el-icon-back:before{content:"\E606"}.el-icon-arrow-left:before{content:"\E600"}.el-icon-arrow-down:before{content:"\E603"}.el-icon-arrow-right:before{content:"\E604"}.el-icon-arrow-up:before{content:"\E605"}.el-icon-caret-left:before{content:"\E60A"}.el-icon-caret-bottom:before{content:"\E60B"}.el-icon-caret-top:before{content:"\E60C"}.el-icon-caret-right:before{content:"\E60E"}.el-icon-d-arrow-left:before{content:"\E610"}.el-icon-d-arrow-right:before{content:"\E613"}.el-icon-minus:before{content:"\E621"}.el-icon-plus:before{content:"\E62B"}.el-icon-remove:before{content:"\E635"}.el-icon-circle-plus:before{content:"\E601"}.el-icon-remove-outline:before{content:"\E63C"}.el-icon-circle-plus-outline:before{content:"\E602"}.el-icon-close:before{content:"\E60F"}.el-icon-check:before{content:"\E611"}.el-icon-circle-close:before{content:"\E607"}.el-icon-circle-check:before{content:"\E639"}.el-icon-circle-close-outline:before{content:"\E609"}.el-icon-circle-check-outline:before{content:"\E63E"}.el-icon-zoom-out:before{content:"\E645"}.el-icon-zoom-in:before{content:"\E641"}.el-icon-d-caret:before{content:"\E615"}.el-icon-sort:before{content:"\E640"}.el-icon-sort-down:before{content:"\E630"}.el-icon-sort-up:before{content:"\E631"}.el-icon-tickets:before{content:"\E63F"}.el-icon-document:before{content:"\E614"}.el-icon-goods:before{content:"\E618"}.el-icon-sold-out:before{content:"\E63B"}.el-icon-news:before{content:"\E625"}.el-icon-message:before{content:"\E61B"}.el-icon-date:before{content:"\E608"}.el-icon-printer:before{content:"\E62F"}.el-icon-time:before{content:"\E642"}.el-icon-bell:before{content:"\E622"}.el-icon-mobile-phone:before{content:"\E624"}.el-icon-service:before{content:"\E63A"}.el-icon-view:before{content:"\E643"}.el-icon-menu:before{content:"\E620"}.el-icon-more:before{content:"\E646"}.el-icon-more-outline:before{content:"\E626"}.el-icon-star-on:before{content:"\E637"}.el-icon-star-off:before{content:"\E63D"}.el-icon-location:before{content:"\E61D"}.el-icon-location-outline:before{content:"\E61F"}.el-icon-phone:before{content:"\E627"}.el-icon-phone-outline:before{content:"\E628"}.el-icon-picture:before{content:"\E629"}.el-icon-picture-outline:before{content:"\E62A"}.el-icon-delete:before{content:"\E612"}.el-icon-search:before{content:"\E619"}.el-icon-edit:before{content:"\E61C"}.el-icon-edit-outline:before{content:"\E616"}.el-icon-rank:before{content:"\E632"}.el-icon-refresh:before{content:"\E633"}.el-icon-share:before{content:"\E636"}.el-icon-setting:before{content:"\E638"}.el-icon-upload:before{content:"\E60D"}.el-icon-upload2:before{content:"\E644"}.el-icon-download:before{content:"\E617"}.el-icon-loading:before{content:"\E61E"}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}




.tooltip[data-v-70bb8efa] {
  position: absolute;
  background: #000;
  border-radius: 3px;
  z-index: 10000;
  padding: 20px;
}
.tooltip.right[data-v-70bb8efa] {
  width: auto !important;
}
.tooltip .tooltip-inner[data-v-70bb8efa] {
  color: #fff;
  box-sizing: border-box;
  display: block;
  font-size: 12px;
  width: 240px;
}
.tooltip .tooltip-inner img[data-v-70bb8efa] {
  height: 128px !important;
  width: 128px !important;
}
.tooltip.bottom[data-v-70bb8efa]:before {
  position: absolute;
  content: "";
  top: -7px;
  left: 10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 7px solid #dfa540;
}
.tooltip.top[data-v-70bb8efa]:before {
  position: absolute;
  content: "";
  bottom: -7px;
  left: 10px;
  border-top: 7px solid #dfa540;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}



.test[data-v-52dc0d49] {
  position: absolute;
  right: 80px;
  top: 0;
  z-index: 9;
  display: block;
}







.noSize[data-v-e30b2c62] {
  font-size: 0;
  text-indent: -9999em;
}
.flex[data-v-e30b2c62] {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.fl[data-v-e30b2c62] {
  float: left;
}
.fr[data-v-e30b2c62] {
  float: right;
}
.pr[data-v-e30b2c62] {
  position: relative;
}
.clearfix[data-v-e30b2c62]:after {
  content: '';
  clear: both;
  display: block;
  width: 0;
  overflow: hidden;
  visibility: hidden;
}



.loading-default[data-v-231b1688] {
  position: relative;
  border: 1px solid #999;
  animation: ease loading-rotating-data-v-231b1688 1.5s infinite;
}
.loading-default[data-v-231b1688]:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  margin-top: -3px;
  margin-left: -3px;
  width: 6px;
  height: 6px;
  background-color: #999;
  border-radius: 50%;
}
.loading-spiral[data-v-231b1688] {
  border: 2px solid #777;
  border-right-color: transparent;
  animation: linear loading-rotating-data-v-231b1688 0.85s infinite;
}
@keyframes loading-rotating-data-v-231b1688 {
0% {
    transform: rotate(0);
}
100% {
    transform: rotate(360deg);
}
}
.infinite-loading-container[data-v-231b1688] {
  clear: both;
  text-align: center;
}
.infinite-loading-container *[class^=loading-][data-v-231b1688] {
  display: inline-block;
  margin: 15px 0;
  width: 28px;
  height: 28px;
  font-size: 28px;
  line-height: 28px;
  border-radius: 50%;
}
.infinite-status-prompt[data-v-231b1688] {
  color: #666;
  font-size: 14px;
  text-align: center;
  padding: 10px 0;
}


.comment-list li[data-v-5d7a5a0a] {
  border-top: none !important;
  border-bottom: 1px dashed #dbdce0;
}
.btn-operate[data-v-5d7a5a0a] {
  position: absolute;
  right: 20px;
  bottom: 0;
  display: flex;
}
.btn-operate-con[data-v-5d7a5a0a] {
  color: #6765a2;
  cursor: pointer;
}
.btn-operate-con[data-v-5d7a5a0a]:hover {
  color: #8f96e2;
}
.btn-operate .reply[data-v-5d7a5a0a] {
  margin-right: 10px;
}



.noSize[data-v-0819b34e] {
  font-size: 0;
  text-indent: -9999em;
}
.flex[data-v-0819b34e] {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.fl[data-v-0819b34e] {
  float: left;
}
.fr[data-v-0819b34e] {
  float: right;
}
.pr[data-v-0819b34e] {
  position: relative;
}
.clearfix[data-v-0819b34e]:after {
  content: '';
  clear: both;
  display: block;
  width: 0;
  overflow: hidden;
  visibility: hidden;
}






























































































.to-top[data-v-5f7f980c] {
  position: fixed;
  bottom: 78px;
  right: 170px;
  top: auto;
  width: 59px;
  height: 59px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-743738_7437384b.png) no-repeat;background-size:120px 59px;
background-position:-0px -0px;

  z-index: 999;
  cursor: pointer;
  transition: transform 0.5s;
}
.to-top[data-v-5f7f980c]:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-743738_7437384b.png) no-repeat;background-size:120px 59px;
background-position:-61px -0px;
width:59px;
height:59px;
}
@media (max-width: 1500px) {
.to-top[data-v-5f7f980c] {
    right: 100px;
}
}
.opcity-0[data-v-5f7f980c] {
  opacity: 0;
}
.opcity-1[data-v-5f7f980c] {
  opacity: 1;
}



.noSize[data-v-89fc5d96] {
  font-size: 0;
  text-indent: -9999em;
}
.flex[data-v-89fc5d96] {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.fl[data-v-89fc5d96] {
  float: left;
}
.fr[data-v-89fc5d96] {
  float: right;
}
.pr[data-v-89fc5d96] {
  position: relative;
}
.clearfix[data-v-89fc5d96]:after {
  content: '';
  clear: both;
  display: block;
  width: 0;
  overflow: hidden;
  visibility: hidden;
}
.mailbox-wrap[data-v-89fc5d96] {
  position: fixed;
  right: 20px;
  top: 87px;
  width: 119px;
  height: 71px;
  cursor: pointer;
  z-index: 101;
}
.mailbox-wrap .close[data-v-89fc5d96] {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-337613_337613b8.png) no-repeat;background-size:1025px 669px;
background-position:-671px -507px;

  width: 14px;
  height: 14px;
  cursor: pointer;
  position: absolute;
  top: -14px;
  right: 10px;
  -webkit-transition: transform 1s;
  -moz-transition: transform 1s;
  -ms-transition: transform 1s;
  -o-transition: transform 1s;
  transition: transform 1s;
}
.mailbox-wrap .close[data-v-89fc5d96]:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.mailbox[data-v-89fc5d96] {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-337613_337613b8.png) no-repeat;background-size:1025px 669px;
background-position:-0px -598px;

  width: 119px;
  height: 71px;
  cursor: pointer;
}
.mailbox[data-v-89fc5d96]:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-337613_337613b8.png) no-repeat;background-size:1025px 669px;
background-position:-121px -598px;
width:119px;
height:71px;
}
.pop-mailbox[data-v-89fc5d96] {
  display: block;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-337613_337613b8.png) no-repeat;background-size:1025px 669px;
background-position:-0px -0px;

  width: 1025px;
  height: 505px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}
.pop-mailbox .pop-close[data-v-89fc5d96] {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-337613_337613b8.png) no-repeat;background-size:1025px 669px;
background-position:-576px -507px;

  width: 29px;
  height: 29px;
  position: absolute;
  right: 125px;
  top: 59px;
  cursor: pointer;
  -webkit-transition: transform 0.8s ease;
  -moz-transition: transform 0.8s ease;
  -ms-transition: transform 0.8s ease;
  -o-transition: transform 0.8s ease;
  transition: transform 0.8s ease;
}
.pop-mailbox .pop-close[data-v-89fc5d96]:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-337613_337613b8.png) no-repeat;background-size:1025px 669px;
background-position:-607px -507px;
width:29px;
height:29px;
}
.pop-mailbox .content[data-v-89fc5d96] {
  width: 600px;
  margin: 80px 0 0 228px;
}
.pop-mailbox .content.content-1 p[data-v-89fc5d96] {
  font-size: 24px;
  color: #754200;
  font-family: SimSun;
  font-weight: 600;
  margin-bottom: 10px;
}
.pop-mailbox .content.content-1 p[data-v-89fc5d96]::before {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-337613_337613b8.png) no-repeat;background-size:1025px 669px;
background-position:-638px -507px;

  width: 31px;
  height: 20px;
  content: ' ';
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 10px;
}
.pop-mailbox .content.content-1 textarea[data-v-89fc5d96] {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/pbox-textarea-bg_459973f1.png) no-repeat;
  width: 574px;
  height: 79px;
  border: none;
  outline: none;
  font-size: 20px;
  padding-top: 3px;
  line-height: 39px;
  box-sizing: border-box;
  background-color: transparent;
  overflow: hidden;
  margin-left: 44px;
  margin-bottom: 10px;
  color: #754200;
}
.pop-mailbox .content.content-1 input[data-v-89fc5d96] {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-337613_337613b8.png) no-repeat;background-size:1025px 669px;
background-position:-0px -507px;

  width: 574px;
  height: 32px;
  border: none;
  outline: none;
  font-size: 20px;
  line-height: 32px;
  box-sizing: border-box;
  background-color: transparent;
  padding-bottom: 4px;
  overflow: hidden;
  margin-left: 44px;
  margin-bottom: 10px;
  color: #754200;
}
.pop-mailbox .content.content-1 .btn-submit[data-v-89fc5d96] {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-337613_337613b8.png) no-repeat;background-size:1025px 669px;
background-position:-0px -541px;

  width: 236px;
  height: 55px;
  margin: 40px auto;
  cursor: pointer;
}
.pop-mailbox .content.content-1 .btn-submit[data-v-89fc5d96]:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-337613_337613b8.png) no-repeat;background-size:1025px 669px;
background-position:-238px -541px;
width:236px;
height:55px;
}
.pop-mailbox .content.content-2[data-v-89fc5d96],
.pop-mailbox .content.content-3[data-v-89fc5d96] {
  padding-top: 115px;
}
.pop-mailbox .content.content-2 p[data-v-89fc5d96],
.pop-mailbox .content.content-3 p[data-v-89fc5d96] {
  font-size: 24px;
  color: #754200;
  font-family: SimSun;
  font-weight: 600;
  text-align: center;
}
.pop-mailbox .content.content-2 .info[data-v-89fc5d96],
.pop-mailbox .content.content-3 .info[data-v-89fc5d96] {
  font-size: 20px;
  margin-top: 10px;
}
.pop-mailbox .content.content-2 .info img[data-v-89fc5d96],
.pop-mailbox .content.content-3 .info img[data-v-89fc5d96] {
  vertical-align: middle;
  margin-left: 5px;
}
@media screen and (min-width: 1920px) {
.mailbox-wrap[data-v-89fc5d96] {
    right: 50%;
    margin-right: -955px;
}
}


































@charset "utf-8";
/* CSS Document */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
}
body {
  padding: 0;
  margin: 0;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
}
input {
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
video:focus {
  outline: none;
}
a,
button {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
em {
  font-weight: normal;
  font-style: normal;
}
a,
a:hover {
  text-decoration: none;
}
html,
body {
  font-family: "Source Han Sans CN", Arial, "Microsoft YaHei", "PingFang SC", HelveticaNeue, Helvetica, "sans-serif";
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #454545;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #454545;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #454545;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #454545;
}
/*宽度限制板块*/
.wbox {
  width: 1200px;
  margin: 0 auto;
  clear: both;
}
.wbox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.wbox {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .wbox {
  zoom: 1;
}
.wbox {
  display: block;
  position: relative;
}
/* End hide from IE-mac */
body {
  width: 100%;
  min-width: 1400px;
}
input,
textarea,
a,
div,
button,
select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.hide {
  display: none;
}
/**** DEMO单行
.text-overflow-ellipsis(1);
多行
 .text-overflow-ellipsis(2);
****/
.main {
  width: 1400px;
  margin: 0 auto;
  position: relative;
}
audio::-webkit-media-controls {
  overflow: hidden !important;
}
audio::-webkit-media-controls-enclosure {
  margin-left: auto;
}
.noSize {
  font-size: 0;
  text-indent: -9999em;
}
.flex {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.pr {
  position: relative;
}
.clearfix:after {
  content: '';
  clear: both;
  display: block;
  width: 0;
  overflow: hidden;
  visibility: hidden;
}
@-webkit-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-moz-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-o-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-5rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-5rem);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-5rem);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-5rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-5rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-5rem);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-5rem);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-5rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(5rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(5rem);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(5rem);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(5rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(5rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(5rem);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(5rem);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(5rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes zoomInAndOut {
  0% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.9);
    opacity: 1;
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(0.9);
  }
  50% {
    -moz-transform: scale(1);
  }
  100% {
    -moz-transform: scale(0.9);
    opacity: 1;
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(0.9);
  }
  50% {
    -o-transform: scale(1);
  }
  100% {
    -o-transform: scale(0.9);
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
    opacity: 1;
  }
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0;
  }
}
@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0;
  }
}
@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  100% {
    -o-transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform-origin: center center;
    transform: rotate(0deg);
  }
  100% {
    transform-origin: center center;
    transform: rotate(360deg);
  }
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
}
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -moz-transform: translateX(0%);
    opacity: 1;
  }
}
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -o-transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes shake {
  50% {
    ransform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  0%,
  100% {
    ransform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}
@-webkit-keyframes flip1 {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
  }
  25% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  50% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
  }
}
@keyframes flip1 {
  0% {
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
  }
}
@-webkit-keyframes flip2 {
  0% {
    -webkit-transform: perspective(400px) rotateY(-90deg);
  }
  25% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  50% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
  }
}
@keyframes flip2 {
  0% {
    transform: perspective(400px) rotateY(-90deg);
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
  }
}
@-webkit-keyframes shine {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: .1;
  }
}
@-webkit-keyframes gif {
  0% {
    background-position: 0%;
    opacity: 1;
  }
  100% {
    background-position: 200%;
    opacity: 1;
  }
}
@keyframes gif {
  0% {
    background-position: 0%;
    opacity: 1;
  }
  100% {
    background-position: 200%;
    opacity: 1;
  }
}
@-webkit-keyframes zoom2 {
  0% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
}
@keyframes zoom2 {
  0% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
}
@keyframes scale {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes scale1 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes matrix {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0px;
    -webkit-transform-origin: center center 0px;
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0px;
    -webkit-transform-origin: center center 0px;
  }
}
@keyframes matrix {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0px;
    -webkit-transform-origin: center center 0px;
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0px;
    -webkit-transform-origin: center center 0px;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes zoomIn2 {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes zoomIn2 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes translateDown {
  0%,
  100% {
    ransform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    ransform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
}
@keyframes translateLeft {
  0%,
  100% {
    ransform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    ransform: translateX(-5px);
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
  }
}
@keyframes arrow {
  0%,
  100% {
    ransform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    ransform: translate(0, 0.15rem);
    -webkit-transform: translate(0, 0.15rem);
    -moz-transform: translate(0, 0.15rem);
    -ms-transform: translate(0, 0.15rem);
    -o-transform: translate(0, 0.15rem);
    transform: translate(0, 0.15rem);
  }
}
@-webkit-keyframes arrow {
  0%,
  100% {
    ransform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    ransform: translate(0, 0.15rem);
    -webkit-transform: translate(0, 0.15rem);
    -moz-transform: translate(0, 0.15rem);
    -ms-transform: translate(0, 0.15rem);
    -o-transform: translate(0, 0.15rem);
    transform: translate(0, 0.15rem);
  }
}
.container-index {
  margin: 0 auto;
}
.container-index.bg-add {
  background: rgba(255, 255, 255, 0.7) !important;
}
.container-index.bg-add .main-wrap {
  padding-left: 0;
}
.container-index.bg-add .main-wrap .main {
  background: none;
  padding-top: 20px;
}
.container-index .main-wrap {
  width: 1260px;
  margin: 0 auto;
  padding-left: 300px;
}
.container-index .main {
  padding-top: 30px;
  width: 800px;
  min-height: 500px;
  padding-left: 60px;
  padding-right: 140px;
  background: rgba(255, 255, 255, 0.76);
}
.container-index .tab-wrap {
  overflow: hidden;
  padding-bottom: 1px;
  border-bottom: 1px solid #b2b2b2;
}
.container-index .tab-wrap .tab-item {
  position: relative;
  float: left;
  width: 50%;
  font-size: 18px;
  color: #756f6f;
  text-align: center;
  padding: 5px 0;
}
.container-index .tab-wrap .tab-item:hover,
.container-index .tab-wrap .tab-item.tab-active {
  cursor: pointer;
  color: #404041;
}
.container-index .tab-wrap .tab-item:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  height: 16px;
  right: 0;
  margin-top: -8px;
  border-left: 1px solid #aaa;
}
.container-index .tab-wrap .tab-item:last-child:before {
  display: none;
}
.container-index .tab-wrap .tab-active:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  border-bottom: 2px solid #d26d6c;
}
.container-index .news-box.news-login {
  margin-top: 50px;
  border-top: none;
}
.container-index .news-box.news-login .tab-wrap {
  border-color: #d7d7d4;
}
.container-index .news-box.news-login .tab-item {
  width: 80px;
  color: #d2ae7b;
  color: #828282;
  margin-right: 15px;
  font-size: 16px;
}
.container-index .news-box.news-login .tab-item:before {
  display: none;
}
.container-index .news-box.news-login .tab-item:hover {
  color: #d2ae7b;
}
.container-index .news-box.news-login .tab-active {
  color: #d2ae7b;
  font-weight: bold;
}
.container-index .news-box.news-login .tab-active:after {
  bottom: -2px;
  border-bottom: 4px solid #d2ae7b;
}
.container-index .topic-wrap {
  padding-top: 50px;
}
.container-index .section-content {
  padding-top: 20px;
  padding-bottom: 50px;
}
.container-index .section-content .bg-add {
  background: none!important;
}
.container-index .section-content .md-frame {
  width: 800px;
  padding: 0;
  background: none;
  overflow: visible;
  min-height: 800px;
}
.container-index .section-content .md-frame .topic-item {
  min-height: 0!important;
}
.container-index .section-content .myAvatar {
  display: block;
  width: 100%;
  height: 100%;
}
.myNav {
  width: 795px;
  margin-bottom: 40px;
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  border-bottom: 1px solid #d7d7d5;
}
.myNav a {
  display: block;
  width: 25%;
  font-size: 18px;
  color: #9c9c9c;
  border-bottom: 2px solid transparent;
  text-align: center;
}
.myNav a:hover,
.myNav a.active {
  color: #404041;
  border-bottom: 2px solid #d26d6c;
}
.btn-batch {
  display: inline-block;
  margin: 0 0 0 14px;
  padding: 6px 10px;
  color: #fff;
  font-size: 14px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.btn-batch.del {
  background: #78779b;
}
.btn-batch.del:hover {
  background: #9897bf;
}
.btn-batch.finish {
  background: #cfa357;
}
.btn-batch.finish:hover {
  background: #dab87d;
}
.ipt-bg-batch .batch-icon {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: none;
  outline: none;
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  display: block;
  position: absolute;
  left: 2px;
  top: 2px;
  width: 28px;
  height: 28px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/radio_afe4293c.png) no-repeat;
  background-color: transparent;
  z-index: 8;
}
.ipt-bg-batch .batch-icon.type2 {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 8;
}
.ipt-bg-batch .batch-icon:checked {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/radio2_9b556ad6.png) no-repeat;
}
.ipt-bg-batch .line-batch-btn {
  position: absolute;
  right: -72px;
  top: 0;
}
.ipt-bg-batch .line-batch-btn.sep3 {
  right: -240px;
}
.ipt-bg-batch .line-batch-btn.sep2 {
  right: -407px;
}
.ipt-bg-batch .line-batch-btn.sep1 {
  right: -576px;
}
.ipt-bg-batch .line-batch-btn.sep0 {
  right: -744px;
}
.album .new-opertions {
  position: relative;
  font-size: 0;
  border-bottom: 1px dotted #a4a4a4;
  padding-bottom: 21px;
}
.album .new-opertions a {
  display: inline-block;
  margin-right: 27px;
}
.album .new-opertions .btn-upload-imgs {
  width: 186px;
  height: 53px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-618px -61px;

}
.album .new-opertions .btn-upload-imgs:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-806px -61px;
width:186px;
height:53px;

}
.album .new-opertions .btn-new-album {
  width: 148px;
  height: 46px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-618px -116px;

}
.album .new-opertions .btn-new-album:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-768px -116px;
width:148px;
height:46px;

}
.album .new-opertions .btn-batch-album {
  width: 148px;
  height: 46px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-737px -166px;

}
.album .new-opertions .btn-batch-album:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-887px -166px;
width:148px;
height:46px;

}
.album .new-opertions .btn-batch-wrap {
  position: absolute;
  right: 0;
  bottom: 8px;
}
.album .album-list {
  margin: 20px auto 0;
}
.album .album-list .album-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0 14px 24px;
  width: 170px;
  height: 211px;
  border: 1px solid #9f9f9f;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 8px 8px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.album .album-list .album-item:hover .right-oper {
  display: block;
}
.album .album-list .album-item img {
  display: block;
  margin: 0 auto;
  width: 150px;
  height: 160px;
  vertical-align: middle;
}
.album .album-list .album-item .img-wrap {
  position: relative;
  border: 1px solid #9f9f9f;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: block;
}
.album .album-list .album-item .count {
  position: absolute;
  right: 2px;
  bottom: 0;
  border-bottom: 0;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 4px 10px;
}
.album .album-list .album-item .name {
  display: block;
  position: relative;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  color: #6a6a6b;
  font-weight: bold;
  padding-left: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 120px;
}
.album .album-list .album-item .name:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  display: block;
  width: 11px;
  height: 11px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-725px -330px;

}
.album .album-list .album-item .icon-status {
  position: absolute;
  right: 7px;
  bottom: 11px;
  cursor: pointer;
}
.album .album-list .album-item .icon-status:hover .status-tip {
  display: block;
  text-align: center;
}
.album .album-list .album-item .icon-status .status-tip {
  display: none;
}
.album .album-list .album-item .icon-status.type2 {
  display: block;
  width: 18px;
  height: 16px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-352px -425px;

}
.album .album-list .album-item .icon-status.type3 {
  display: block;
  width: 14px;
  height: 16px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-52px -459px;

}
.album .album-list .album-item .right-oper {
  display: none;
  position: absolute;
  right: 16px;
  top: 16px;
}
.album .album-list .album-item .btn-zhankai {
  display: block;
  width: 21px;
  height: 20px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-994px -94px;

}
.album .album-list .album-item .btn-zhankai:hover .oper-list {
  display: block;
}
.album .album-list .album-item .oper-list {
  position: absolute;
  top: 16px;
  right: 1px;
  background: #fff;
  width: 80px;
  padding-top: 6px;
}
.album .album-list .album-item .oper-list a {
  display: block;
  background: #fff;
  margin-bottom: 6px;
  font-size: 14px;
  color: #5f5f5f;
  padding-left: 10px;
}
.album .album-list .album-item .oper-list a:hover {
  color: #fff;
  background: #8b8cc0;
}
.album .album-list .tip-arr-wrap {
  position: absolute;
  height: 22px;
  background: #dfa540;
  border-radius: 3px;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  bottom: -29px;
  left: -9px;
  min-width: 50px;
  z-index: 9;
  display: block;
  white-space: nowrap;
  padding: 0 2px;
}
.album .album-list .tip-arr-wrap:after {
  content: '';
  position: absolute;
  left: 13px;
  top: -4px;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  background: #dfa540;
}
.albumDetail .line {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  /* 09版 */
  -webkit-box-pack: flex-start;
  /* 12版 */
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
}
.albumDetail .line label {
  display: block;
  width: 92px;
  color: #505050;
}
.albumDetail .line .img-sel {
  width: 260px;
}
.albumDetail .info-wrap {
  padding: 0 0 10px 6px;
  border-bottom: 1px dotted #a3a3a3;
  margin-bottom: 24px;
}
.albumDetail .info-wrap:after {
  content: '';
  clear: both;
  display: block;
  width: 0;
  overflow: hidden;
  visibility: hidden;
}
.albumDetail .info-wrap .img-wrap {
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}
.albumDetail .info-wrap .img-wrap img {
  width: 100px;
  height: 100px;
}
.albumDetail .info-wrap .info {
  margin-left: 123px;
}
.albumDetail .info-wrap .info .name {
  font-size: 22px;
  color: #515151;
  font-weight: bold;
}
.albumDetail .info-wrap .info .name.ta {
  padding-top: 30px;
}
.albumDetail .info-wrap .info .status {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #7c7b7b;
  margin-left: 14px;
  font-weight: normal;
  padding-left: 20px;
  font-size: 14px;
}
.albumDetail .info-wrap .info .status:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  display: block;
  width: 11px;
  height: 11px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-725px -330px;

}
.albumDetail .img-batch {
  position: relative;
  margin-top: 20px;
}
.albumDetail .img-batch .btn-batch-wrap {
  position: absolute;
  right: 0;
  top: 0;
}
.albumDetail .edit-btns {
  position: relative;
  width: 80px;
  margin-top: 21px;
}
.albumDetail .edit-btns a {
  color: #fff;
  font-size: 16px;
}
.albumDetail .edit-btns .edit-list {
  position: absolute;
  top: 40px;
  left: 0;
  background: #dc7574;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding-top: 12px;
  z-index: 9;
}
.albumDetail .edit-btns .edit-list a {
  display: block;
  margin-bottom: 12px;
  padding-left: 18px;
  width: 125px;
}
.albumDetail .edit-btns .edit-list a:hover {
  background: #a65757;
}
.albumDetail .btn-edit {
  position: relative;
  display: inline-block;
  padding: 10px 18px 10px 45px;
  background: #dc7574;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 80px;
  text-align: center;
}
.albumDetail .btn-edit:before {
  position: absolute;
  left: 18px;
  top: 50%;
  margin-top: -9px;
  content: '';
  width: 18px;
  height: 18px;
  display: block;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/icon-edit_faf3f0ba.png) no-repeat;
}
.albumDetail .btn-edit:hover {
  background: #ef9190;
}
.albumDetail .photo-list {
  font-size: 0;
}
.albumDetail .photo-list.cover {
  height: 240px;
}
.albumDetail .photo-list.cover .photo-item {
  width: 75px;
  height: 80px;
  line-height: 80px;
}
.albumDetail .photo-list.cover .photo-item img {
  width: 100%;
  height: 100%;
}
.albumDetail .photo-list .photo-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 18px;
  margin-bottom: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
  line-height: 160px;
  width: 150px;
  height: 160px;
}
.albumDetail .photo-list .photo-item:nth-child(5n) {
  margin-right: 0;
}
.albumDetail .photo-list .photo-item img {
  max-width: 150px;
  max-height: 160px;
  vertical-align: middle;
}
.albumDetail .photo-list .photo-item .photo-name {
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: rgba(106, 117, 159, 0.6);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
  z-index: 9;
}
.albumDetail .photo-list .photo-item .photo-name:hover i {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-393px -425px;
width:15px;
height:15px;

}
.albumDetail .photo-list .photo-item .photo-name i {
  position: absolute;
  right: -5px;
  top: 3px;
  margin-right: 8px;
  display: block;
  width: 15px;
  height: 15px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-410px -425px;

}
.albumDetail .photo-list .photo-item:hover .del,
.albumDetail .photo-list .photo-item:hover .photo-name {
  opacity: 1;
}
.albumDetail .photo-list .photo-item .del {
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 30px;
  height: 31px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-994px -61px;

  z-index: 9;
}
.albumDetail .photo-list .photo-item .del:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-307px -302px;
width:30px;
height:31px;

}
.albumDetail .photo-list .photo-item .audit-status {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 150px;
  height: 160px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.albumDetail .photo-list .photo-item .audit-status:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 103px;
  margin: -51px 0 0 -50px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-516px -61px;

}
.photoDetail .mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
}
.photoDetail .go-back {
  position: absolute;
  right: -60px;
  top: 0;
  display: block;
  width: 60px;
  height: 54px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-601px -348px;

  z-index: 10001;
}
.photoDetail .go-back:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-663px -348px;
width:60px;
height:54px;

}
.photoDetail .pop-photo-wrap {
  position: absolute;
  left: 50%;
  top: 10px;
  width: 1235px;
  height: 771px;
  margin-left: -617px;
  z-index: 9990;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.photoDetail .pop-photo-wrap .comment-content {
  width: 100%;
}
.photoDetail .pop-photo-wrap .comment-content .comment-item .item-detail {
  width: 320px;
}
.photoDetail .pop-photo-wrap .img-btns {
  position: absolute;
  right: 6px;
  bottom: 10px;
}
.photoDetail .pop-photo-wrap .img-btns .jubao {
  display: inline-block;
  margin-right: 18px;
  width: 56px;
  height: 19px;
  font-size: 0;
  vertical-align: middle;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-983px -116px;

}
.photoDetail .pop-photo-wrap .img-btns .jubao:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-951px -348px;
width:56px;
height:19px;

}
.photoDetail .pop-photo-wrap .img-btns .photo-time {
  font-size: 14px;
  color: #7f7f7f;
  margin: 18px 20px 0 0;
}
.photoDetail .pop-photo-wrap .img-btns .detail-del {
  color: #7f7f7f;
  margin: 18px 20px 0 0;
  cursor: pointer;
}
.photoDetail .pop-photo-wrap .img-btns .detail-del:hover {
  color: #a5a5a5;
  text-decoration: underline;
}
.photoDetail .pop-photo-wrap .swiper-slide {
  position: relative;
}
.photoDetail .pop-photo-wrap .gallery {
  width: 833px;
  height: 100%;
  background: #000;
}
.photoDetail .pop-photo-wrap .gallery i {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.photoDetail .pop-photo-wrap .gallery img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.photoDetail .pop-photo-wrap .gallery-thumbs {
  width: 700px;
  margin: 0 auto;
  position: relative;
}
.photoDetail .pop-photo-wrap .right-comment {
  position: absolute;
  right: 0;
  top: 0;
  width: 400px;
  height: 100%;
  background: #e4e4e4;
  padding: 18px 16px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.photoDetail .pop-photo-wrap .big-bg .gallery-top {
  width: 830px;
  height: 611px;
}
.photoDetail .pop-photo-wrap .big-bg:hover .swiper-button-prev,
.photoDetail .pop-photo-wrap .big-bg:hover .swiper-button-next {
  opacity: 1;
}
.photoDetail .pop-photo-wrap .big-bg:hover .swiper-button-prev.swiper-button-disabled,
.photoDetail .pop-photo-wrap .big-bg:hover .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.photoDetail .pop-photo-wrap .big-bg .swiper-button-prev,
.photoDetail .pop-photo-wrap .big-bg .swiper-button-next {
  opacity: 0;
}
.photoDetail .pop-photo-wrap .f-slide {
  width: 830px;
  height: 611px;
  text-align: center;
  overflow: hidden;
}
.photoDetail .pop-photo-wrap .thumb-slide {
  width: 110px;
  height: 126px;
  line-height: 126px;
  text-align: center;
}
.photoDetail .pop-photo-wrap .thumb-slide img {
  max-width: 100%;
  max-height: 100%;
  border: 2px solid transparent;
  -webkit-box-sizing: 3px;
  -moz-box-sizing: 3px;
  box-sizing: 3px;
}
.photoDetail .pop-photo-wrap .thumb-slide.swiper-slide-thumb-active img {
  border-color: #fff;
}
.photoDetail .img-wrap {
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}
.photoDetail .img-wrap img {
  width: 100px;
  height: 100px;
}
.photoDetail .info {
  margin-left: 123px;
}
.photoDetail .info .name {
  font-size: 22px;
  color: #404040;
  font-weight: bold;
  margin-bottom: 10px;
}
.photoDetail .info em {
  color: #6458bd;
  font-weight: bold;
}
.photoDetail .info .time {
  font-size: 14px;
  color: #7f7f7f;
  margin-top: 18px;
}
.photoDetail .photo-zan-wrap {
  width: 100%;
  background: #bbbbce;
  font-size: 0;
  margin-top: 20px;
}
.photoDetail .photo-zan-wrap div {
  width: 50%;
  display: inline-block;
  text-align: center;
}
.photoDetail .photo-zan-wrap .icon {
  position: relative;
  display: inline-block;
  padding-left: 22px;
  margin-right: 0;
  height: 30px;
  line-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  color: #303030;
  font-style: normal;
}
.photoDetail .photo-zan-wrap .icon .icon-zan {
  border-right: 1px solid #7d7d9a;
}
.photoDetail .swiper-button-gallery-prev {
  width: 84px;
  height: 84px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-569px -222px;

}
.photoDetail .swiper-button-gallery-prev:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-655px -222px;
width:84px;
height:84px;

}
.photoDetail .gallery-prev,
.photoDetail .gallery-next {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: 80px;
  width: 84px;
  height: 84px;
  z-index: 11;
  font-size: 26px;
  color: #fff;
  cursor: pointer;
}
.photoDetail .gallery-prev:hover,
.photoDetail .gallery-next:hover {
  text-decoration: underline;
}
.photoDetail .gallery-next {
  right: 10px;
  left: auto;
}
.photoDetail .swiper-button-gallery-next {
  width: 84px;
  height: 84px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-741px -222px;

}
.photoDetail .swiper-button-gallery-next:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-827px -222px;
width:84px;
height:84px;

}
.photoDetail .swiper-button-thumb-prev {
  left: 23px;
  top: auto;
  right: auto;
  bottom: 83px;
  width: 15px;
  height: 27px;
  z-index: 99;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-399px -302px;

}
.photoDetail .swiper-button-thumb-prev:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-416px -302px;
width:15px;
height:27px;

}
.photoDetail .swiper-button-thumb-prev.swiper-button-disabled {
  opacity: 0;
}
.photoDetail .thumb-prev {
  position: absolute;
  left: 5px;
  top: auto;
  right: auto;
  bottom: 83px;
  height: 27px;
  z-index: 99;
  font-size: 20px;
  color: #7f7f7f;
  cursor: pointer;
}
.photoDetail .thumb-prev:hover {
  text-decoration: underline;
}
.photoDetail .swiper-button-thumb-next {
  right: 430px;
  top: auto;
  bottom: 83px;
  width: 15px;
  height: 27px;
  z-index: 99;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-433px -302px;

}
.photoDetail .swiper-button-thumb-next:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-450px -302px;
width:15px;
height:27px;

}
.photoDetail .swiper-button-thumb-next.swiper-button-disabled {
  opacity: 0;
}
.photoDetail .thumb-next {
  position: absolute;
  right: 410px;
  top: auto;
  bottom: 83px;
  height: 27px;
  z-index: 99;
  font-size: 20px;
  color: #7f7f7f;
  cursor: pointer;
}
.photoDetail .thumb-next:hover {
  text-decoration: underline;
}
.container-news .md-frame {
  width: 920px;
  padding-right: 100px;
}
.container-news .md-item {
  width: 800px;
}
.container-news .tab-wrap {
  width: 800px;
  overflow: hidden;
  padding-bottom: 1px;
  border-bottom: 1px solid #d7d7d4;
  margin-top: 30px;
}
.container-news .tab-wrap .tab-item {
  position: relative;
  float: left;
  width: 85px;
  font-size: 16px;
  color: #828282;
  text-align: center;
  padding: 5px 0;
  margin-right: 15px;
}
.container-news .tab-wrap .tab-item:hover,
.container-news .tab-wrap .tab-item.tab-active {
  cursor: pointer;
  color: #d2ae7b;
}
.container-news .tab-wrap .tab-active {
  font-weight: bold;
}
.container-news .tab-wrap .tab-active:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  border-bottom: 4px solid #d2ae7b;
}
.container-news .section-ta .md-frame {
  padding-top: 0;
}
.main-ta-nologin {
  padding-left: 0!important;
}
.main-ta-nologin .content-frame {
  padding-right: 0;
  margin: 0  auto;
}
.pop-login {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.pop-login .mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
}
.pop-login .close {
  display: block;
  position: absolute;
  right: -60px;
  top: -15px;
  padding: 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid #8587a5;
}
.pop-login .close:before {
  display: block;
  content: "";
  width: 24px;
  height: 25px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png);background-size:1040px 614px;
background-position:-659px -404px;

  ransform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
}
.pop-login .close:hover {
  cursor: pointer;
}
.pop-login .close:hover:before {
  ransform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.pop-login .login-slide {
  display: block;
  position: absolute;
  left: -10px;
  top: -42px;
  color: #353638;
  padding: 0 10px 3px 17px;
}
.pop-login .login-slide:before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  width: 49px;
  height: 10px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png);background-size:1040px 614px;
background-position:-983px -137px;

}
.pop-login .login-slide:hover {
  cursor: pointer;
  color: #6c6c6c;
}
.pop-login .pop-wrap-login {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 290px;
  margin-left: -145px;
  margin-top: -180px;
}
.pop-login #login {
  width: 290px !important;
  padding-bottom: 20px;
  padding-top: 10px;
}
.pop-login .login-wrap {
  position: relative;
  min-height: 370px;
}
.pop-login .login-wrap:before,
.pop-login .login-wrap:after {
  display: block;
  content: "";
  position: absolute;
  border: 1px solid #706e98;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 1;
}
.pop-login .login-wrap:before {
  top: 0;
  bottom: 0;
  left: -10px;
  right: -10px;
}
.pop-login .login-wrap:after {
  left: 0;
  right: 0;
  top: -10px;
  bottom: -10px;
}
.pop-login .login-content {
  position: relative;
  z-index: 9;
  background: #8a87b7;
}
.pop-login .login-slide {
  display: none;
}
.pop-login-home {
  display: block;
  top: auto;
  left: auto;
  right: 0px;
  bottom: 0;
  width: 340px;
  height: 500px;
  -webkit-transition: width .5s, height .5s, transform .5s;
  -moz-transition: width .5s, height .5s, transform .5s;
  -ms-transition: width .5s, height .5s, transform .5s;
  -o-transition: width .5s, height .5s, transform .5s;
  transition: width .5s, height .5s, transform .5s;
}
.pop-login-home .mask,
.pop-login-home .close {
  display: none;
}
.pop-login-home .pop-wrap-login {
  margin-left: -350px;
}
.pop-login-home .login-content:before,
.pop-login-home .login-content:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -10px;
  z-index: 1;
}
.pop-login-home .login-content:before {
  top: -31px;
  width: 21px;
  height: 31px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sui1_d399badf.png);
}
.pop-login-home .login-content:after {
  bottom: -109px;
  width: 21px;
  height: 108px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sui2_d66fb3b0.png);
}
.pop-login-home .pop-wrap-login .kv {
  display: block;
  content: "";
  position: absolute;
  top: -60px;
  right: -240px;
  width: 415px;
  height: 481px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/kv_7a7b2100.png);
}
.pop-login-home .login-slide {
  display: block;
}
.pop-login-home.login-go-side {
  ransform: translateX(530px);
  -webkit-transform: translateX(530px);
  -moz-transform: translateX(530px);
  -ms-transform: translateX(530px);
  -o-transform: translateX(530px);
  transform: translateX(530px);
}
.pop-login-home.login-go-side .login-slide {
  left: -60px;
}
[data-animation="active"] {
  right: 0;
  width: 100%;
  height: 100%;
}
[data-animation="active"] .mask {
  display: block;
}
[data-animation="active"].pop-login-home {
  ransform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
[data-animation="active"].pop-login-home .close {
  display: block;
}
[data-animation="active"] .login-slide {
  display: none;
}
[data-animation="active"] .pop-wrap-login {
  margin-left: -145px;
}
.pop.pop-forward .pop-wrap {
  width: 566px;
  height: auto;
  min-height: 336px;
  padding: 40px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #f2f2f4;
}
.pop.pop-forward .pop-wrap:before {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  top: -12px;
  content: '';
  display: block;
  width: 592px;
  height: 6px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-0px -451px;

}
.pop.pop-forward .pop-wrap:after {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  bottom: -12px;
  content: '';
  display: block;
  width: 592px;
  height: 6px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-0px -451px;

}
.pop.pop-forward .close {
  position: absolute;
  right: 18px;
  top: 10px;
  display: block;
  width: 19px;
  height: 20px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-884px -404px;

  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  font-size: 0;
  z-index: 9;
}
.pop.pop-forward .close:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-884px -404px;
width:19px;
height:20px;

  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.pop.pop-forward h1 {
  font-size: 16px;
  color: #5d5d5d;
  width: 524px;
  height: 59px;
  line-height: 59px;
  margin: 0 auto;
  text-align: left;
  padding-left: 13px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-516px -0px;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pop.pop-forward .close-item {
  position: relative;
  color: #fff;
  margin: 6px auto 12px;
  width: 514px;
  height: 34px;
  line-height: 34px;
  padding: 0 33px 0 10px;
  background: #9d9cb7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pop.pop-forward .close-item img {
  height: 30px;
}
.pop.pop-forward .btn-open {
  position: absolute;
  right: 10px;
  top: 13px;
  display: inline-block;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-top: 8px solid #e5e4fe;
  z-index: 9;
}
.pop.pop-forward textarea {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: none;
  outline: none;
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  display: block;
  padding: 10px;
  color: #b5b5b5;
  width: 514px;
  height: 124px;
  line-height: 1.5;
  font-size: 16px;
  margin: 0 auto 16px;
  border: 1px solid #787898;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pop.pop-forward textarea ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #b5b5b5;
}
.pop.pop-forward textarea :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #b5b5b5;
}
.pop.pop-forward textarea ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b5b5b5;
}
.pop.pop-forward textarea :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #b5b5b5;
}
.pop.pop-forward .btns-forward {
  width: 514px;
  margin: 0 auto;
}
.pop.pop-forward .label {
  display: inline-block;
  cursor: default;
}
.pop.pop-forward .label input[type=checkbox] {
  width: 15px;
  height: 15px;
  border: 1px solid #ce6766;
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  cursor: pointer;
}
.pop.pop-forward .label span {
  vertical-align: middle;
  color: #39393c;
}
.pop.pop-add-album .pop-wrap {
  width: 644px;
  padding: 10px 64px;
}
.pop.pop-add-album input {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: none;
  outline: none;
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  display: block;
  width: 440px;
  height: 44px;
  line-height: 44px;
  color: #8a8989;
  font-size: 14px;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #8a8989;
}
.pop.pop-add-album input ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #8a8989;
}
.pop.pop-add-album input :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #8a8989;
}
.pop.pop-add-album input ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #8a8989;
}
.pop.pop-add-album input :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #8a8989;
}
.pop.pop-add-album .name {
  margin: 17px 0;
}
.pop.pop-add-album .tag-tip {
  position: relative;
  display: inline-block;
  color: #7c7b7b;
  margin-left: 14px;
  font-weight: normal;
  padding-left: 20px;
  font-size: 16px;
  color: #595757;
  margin: 17px 0 19px 22px;
}
.pop.pop-add-album .tag-tip:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  display: block;
  width: 11px;
  height: 11px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-725px -330px;

}
.pop.pop-add-album .tag-list {
  margin-left: 6px;
}
.pop.pop-add-album .tag {
  font-size: 14px;
  color: #636262;
  padding: 5px 15px;
  border: 1px solid #999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0 15px;
}
.pop.pop-add-album .tag:hover,
.pop.pop-add-album .tag.active {
  border-color: #c7a467;
  background: #c7a467;
  color: #fff;
}
.pop.pop-add-album .bottom-btns a {
  width: 236px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pop.pop-edit .pop-sel-wrap {
  position: relative;
}
.pop.pop-edit .pop-sel-wrap .tip {
  position: absolute;
  right: 52px;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  font-size: 14px;
  color: #d86060;
}
.pop.pop-edit .name {
  width: 330px;
}
.pop.pop-album-images .pop-wrap {
  width: 644px;
  padding-left: 58px;
  padding-right: 58px;
}
.pop.pop-album-images .pop-sel {
  width: 350px;
  margin: 0;
}
.pop.pop-album-images .upload-area {
  width: 350px;
  height: 160px;
  border: 1px solid #a2a2a2;
  font-size: 14px;
  color: #929191;
  margin: 15px 0 0;
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pop.pop-album-images .upload-area.initBtn {
  width: 142px;
  height: 37px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #929191;
  border: 1px solid #a2a2a2;
  background: none;
}
.pop.pop-album-images .upload-area.initBtn:before {
  content: '';
  width: 12px;
  height: 11px;
  position: absolute;
  top: 50%;
  left: 40px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-672px -330px;

}
.pop.pop-album-images .upload-area.initBtn:hover {
  color: #ca933d;
  border-color: #ca933d;
}
.pop.pop-setcover .pop-wrap {
  width: 560px;
  padding-left: 40px;
  padding-right: 40px;
}
.pop.pop-setcover .ipt-bg input {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: none;
  outline: none;
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  display: block;
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: 28px;
  height: 28px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-339px -302px;

  background-color: transparent;
}
.pop.pop-setcover .ipt-bg input:hover,
.pop.pop-setcover .ipt-bg input:checked {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-369px -302px;
width:28px;
height:28px;

}
.pop.pop-jubao .line {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-align: flex-start;
  /* 12版 */
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  /* 09版 */
  -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.pop.pop-jubao .line-url {
  margin-bottom: 32px;
}
.pop.pop-jubao .jubao-url {
  width: 350px;
  word-wrap: break-word;
  word-break: break-all;
}
.pop.pop-jubao textarea {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: none;
  outline: none;
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  height: 90px;
  width: 350px;
  display: block;
  padding: 10px;
  color: #b5b5b5;
  line-height: 1.5;
  font-size: 16px;
  border: 1px solid #787898;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: 10px;
}
.pop.pop-jubao textarea ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #b5b5b5;
}
.pop.pop-jubao textarea :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #b5b5b5;
}
.pop.pop-jubao textarea ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b5b5b5;
}
.pop.pop-jubao textarea :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #b5b5b5;
}
p {
  word-break: break-all;
  word-wrap: break-word;
}
.comment-box {
  width: 100%;
}
.comment-box a img {
  width: 40px;
  height: 40px;
}
.comment-content {
  width: 600px;
  font-size: 14px;
}
.comment-content .icon-wrap .icon {
  line-height: 18px;
}
.comment-content .comment-text {
  padding: 5px;
  width: 100%;
  height: 71px;
  box-sizing: border-box;
  font-size: 16px;
  border: 1px solid #6765a2;
  color: #000;
}
.comment-content .form-control {
  height: 29px;
}
.comment-content .form-control .operations {
  width: auto;
}
.comment-content .form-control .submit {
  display: inline-block;
  margin-left: 5px;
  padding: 5px 20px;
  color: #fff;
  background-color: #6765a2;
  border-radius: 3px;
}
.comment-content .form-control .submit:hover {
  background: #8f96e2;
}
.comment-content .comment-list {
  width: 100%;
  margin-top: 20px;
}
.comment-content .comment-list .infinite-status-prompt {
  display: none;
}
.comment-content .comment-list li {
  padding: 10px 0 15px;
  border-top: 1px dashed #dbdce0;
}
.comment-content .comment-list li .comment-item {
  position: relative;
  overflow: hidden;
}
.comment-content .comment-list li .comment-item .item-avatar {
  width: 40px;
  height: 40px;
}
.comment-content .comment-list li .comment-item .item-detail {
  margin-left: 10px;
  width: 550px;
  color: #525252;
}
.comment-content .comment-list li .comment-item .item-detail .nickname {
  font-weight: 500;
  color: #6765a2;
}
.comment-content .comment-list li .comment-item .item-detail .content img {
  height: 30px;
  vertical-align: middle;
}
.comment-content .comment-list li .comment-item .btn-con {
  position: absolute;
  right: 20px;
  bottom: 0;
  color: #6765a2;
}
.comment-content .comment-list li .comment-item .btn-con:hover {
  color: #8f96e2;
}
.comment-content .comment-list li .comment-item .btn-con.my-delete {
  right: 60px;
}
.comment-content .comment-list li .comment-item .btn-con.my-reply {
  right: 20px;
}
.comment-content .comment-list li .comment-item .time {
  color: #929292;
  font-size: 12px;
  margin-top: 5px;
}
.comment-content .comment-list li .sub-comment {
  position: relative;
  border-left: 1px dashed #bfbfbf;
  margin: 20px 0 0 40px;
}
.comment-content .comment-list li .sub-comment .sub-comment-item {
  position: relative;
  min-height: 50px;
  width: 500px;
  padding-left: 10px;
}
.comment-content .comment-list li .sub-comment .sub-comment-item .nickname {
  font-weight: 500;
  color: #6765a2;
}
.comment-content .comment-list li .sub-comment .sub-comment-item .time {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.comment-content .comment-list li .sub-comment .sub-comment-item .btn-con {
  position: absolute;
  right: 20px;
  bottom: 0;
  color: #6765a2;
}
.comment-content .comment-list li .sub-comment .sub-comment-item .btn-con:hover {
  color: #8f96e2;
}
.comment-content .comment-list li .sub-comment .sub-comment-item .btn-con.my-delete {
  right: 60px;
}
.comment-content .comment-list li .sub-comment .sub-comment-item .btn-con.my-reply {
  right: 20px;
}
.comment-content .comment-list li .sub-btn-more {
  position: relative;
  text-align: center;
  display: inline-block;
  width: calc(100% - 40px);
  margin-left: 40px;
}
.comment-content .comment-list li .sub-btn-more .text {
  width: 115px;
  height: 15px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/btn-remaining_6d3ee7ef.png) no-repeat;
  background-size: contain;
  z-index: 2;
  cursor: pointer;
  display: inline-block;
  margin: 0 auto;
}
.comment-content .comment-list li .sub-btn-more .text:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/btn-remaining-1_e2d1f883.png) no-repeat;
  background-size: contain;
}
.comment-content .comment-list li .sub-btn-more::before,
.comment-content .comment-list li .sub-btn-more::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 166px;
  height: 2px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/line_7ae1d3f2.png) no-repeat;
  background-size: contain;
}
.comment-content .comment-list li .sub-btn-more::after {
  left: unset;
  right: 0;
}
.comment-content .btn-more {
  display: block;
  width: 63px;
  height: 35px;
  margin: 0 auto;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-918px -116px;

}
.comment-content .btn-more:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-886px -348px;
width:63px;
height:35px;

}
.comment-content.shudong-comment-content {
  position: relative;
  width: 766px;
  margin: 11px 0 33px 51px;
  padding-top: 20px;
}
.comment-content.shudong-comment-content .comment-text {
  height: 60px;
  border-color: #bab7ec;
  color: #6a6a6a;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.comment-content.shudong-comment-content .comment-text ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #6a6a6a;
}
.comment-content.shudong-comment-content .comment-text :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #6a6a6a;
}
.comment-content.shudong-comment-content .comment-text ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #6a6a6a;
}
.comment-content.shudong-comment-content .comment-text :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #6a6a6a;
}
.comment-content.shudong-comment-content .submit-shudong {
  position: absolute;
  right: -93px;
  top: 34px;
  background: #545186;
  padding: 4px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #fff;
}
.comment-content.shudong-comment-content .submit-shudong:hover {
  background: #9d98e4;
}
.message-detail .comment-list li:last-child {
  border: none !important;
}
.btn-close {
  display: block;
  width: 19px;
  height: 20px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-884px -404px;

  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  z-index: 9;
  font-size: 0;
}
.btn-close:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-884px -404px;
width:19px;
height:20px;

  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.operations {
  position: relative;
  width: 795px;
}
.operations .txt-len {
  color: #b8bbc3;
  font-size: 14px;
  font-style: normal;
}
.icon-wrap {
  position: relative;
  display: inline-block;
  margin-top: 10px;
}
.icon-wrap .icon {
  display: inline-block;
  color: #39393c;
  font-size: 14px;
  padding-left: 26px;
  margin-right: 10px;
  width: auto;
  height: 18px;
}
.icon-wrap .icon:hover {
  color: #d26d6c;
}
.icon-wrap .icon-face {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/icon-emoji_08991570.png) no-repeat left center;
}
.icon-wrap .icon-image {
  padding-left: 24px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/icon-image_6f8428c0.png) no-repeat left center;
}
.icon-wrap .icon-video {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/icon-video_83447c34.png) no-repeat left center;
}
.icon-wrap .icon-topic {
  padding-left: 22px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/icon-topic_605f92ab.png) no-repeat left center;
}
#face-box {
  position: absolute;
  left: 0;
  top: 26px;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.2);
  z-index: 100000;
  color: #000;
  padding-bottom: 10px;
}
#face-box .face-list {
  position: relative;
  padding: 30px 20px 20px;
  width: 408px;
  height: 200px;
}
#face-box .face-list li {
  float: left;
  padding: 5px;
  font-size: 0;
  border: 1px solid #eeeac9;
}
#face-box .face-list li .emoji-sel {
  display: block;
  width: 22px;
  height: 22px;
}
#face-box .face-list li .emoji-sel img {
  width: 22px;
  height: 22px;
}
#face-box .face-pager {
  float: right;
}
#face-box .face-pager a {
  margin-right: 10px;
  color: #000;
}
#face-box .face-pager a:hover {
  text-decoration: underline;
}
#face-box .face-pager a.dis {
  color: #ccc;
}
#face-box .face-pager a.dis:hover {
  text-decoration: none;
}
#face-box .close-face {
  position: absolute;
  right: 4px;
  top: 6px;
  display: block;
  width: 19px;
  height: 20px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-884px -404px;

  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  z-index: 9;
  font-size: 0;
}
#face-box .close-face:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-884px -404px;
width:19px;
height:20px;

  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.pop-upload {
  position: absolute;
  left: 0;
  top: 26px;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.pop-upload .title {
  font-size: 16px;
  padding-bottom: 5px;
  color: #68686a;
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 10px;
}
.pop-upload .tips {
  margin-bottom: 16px;
  font-size: 14px;
  color: #7a7a7a;
}
.pop-upload .upload-close {
  position: absolute;
  right: 16px;
  top: 9px;
  display: block;
  width: 19px;
  height: 20px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-884px -404px;

  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  z-index: 9;
  font-size: 0;
}
.pop-upload .upload-close:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-884px -404px;
width:19px;
height:20px;

  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.pop-upload .pic-wrap {
  position: relative;
  padding: 10px 10px 20px 20px;
  width: 274px;
  color: #000;
  min-height: 195px;
}
.pic-list {
  overflow: hidden;
  margin-top: 10px;
  font-size: 0;
}
.pic-list .img-crop-upload-btn {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  line-height: 83px;
  margin: 0 5px 5px 0;
  font-size: 0;
  width: 83px;
  height: 83px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-913px -222px;

}
.pic-list .img-crop-upload-btn:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-516px -348px;
width:83px;
height:83px;

}
.pic-list .img-crop-upload-btn .btn-addImg {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: none;
  outline: none;
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.pic-list .img-crop-upload-btn .progressbar {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  color: #ffd399;
  font-size: 16px;
  background: rgba(0, 0, 0, 0.8);
}
.pic-list .imgWrapOuter {
  position: relative;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  background-color: #000;
  background: none;
  margin: 0 5px 5px 0;
  height: 83px;
  line-height: 83px;
}
.pic-list .imgWrapOuter:hover {
  background: none;
}
.pic-list .imgWrapOuter:hover span {
  display: inline-block;
}
.pic-list .imgWrapOuter span {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0.8);
}
.pic-list .imgWrapOuter img {
  max-width: 83px;
  max-height: 83px;
  vertical-align: middle;
  font-size: 0;
}
.pic-list .imgWrapOuter .btn-del {
  position: absolute;
  left: 10px;
  top: 30px;
  color: #bab8fb;
  width: 60px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border: 1px solid #bab8fb;
  font-size: 14px;
}
.pic-list .imgWrapOuter .btn-del:hover {
  color: #f0e3ff;
  border: 1px solid #f0e3ff;
}
.operaions-list .icon {
  position: relative;
  display: inline-block;
  padding-left: 22px;
  margin-right: 14px;
  height: 30px;
  line-height: 30px;
}
.icon-shoucang:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  display: block;
  width: 17px;
  height: 17px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-489px -302px;

}
.icon-shoucang:hover:before,
.icon-shoucang.active:before {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-491px -346px;
width:17px;
height:17px;

}
.icon-foward {
  padding-left: 21px;
}
.icon-foward:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  display: block;
  width: 16px;
  height: 16px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-16px -459px;

}
.icon-foward:hover:before,
.icon-foward.active:before {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-34px -459px;
width:16px;
height:16px;

}
.icon-comment:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  display: block;
  width: 17px;
  height: 17px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-451px -366px;

}
.icon-comment:hover:before,
.icon-comment.active:before {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-470px -366px;
width:17px;
height:17px;

}
.icon-zan {
  padding-left: 23px;
}
.icon-zan:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  display: block;
  width: 18px;
  height: 18px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-451px -346px;

}
.icon-zan:hover:before,
.icon-zan.active:before {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-471px -346px;
width:18px;
height:18px;

}
.sidebar-wrap {
  position: fixed;
  top: 0px;
  left: 50%;
  margin-left: -675px;
  width: 330px;
  z-index: 99;
  color: #433e60;
}
.sidebar-wrap .sidebar-title {
  display: block;
  margin: 0px auto;
  background: #575585;
  padding: 10px 0 ;
}
.sidebar-wrap .sidebar-title .mengdao-logo {
  display: block;
  margin: 0 auto;
  width: 166px;
  height: 54px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png);background-size:1040px 614px;
background-position:-569px -166px;

}
.sidebar-wrap a {
  color: #433e60;
  display: inline-block;
  z-index: 9999;
}
.sidebar-wrap a:hover {
  color: #dedeff;
}
.sidebar-wrap .info {
  background: #9592c4;
  padding-bottom: 15px;
}
.sidebar-wrap .item {
  width: 290px;
  margin: 0 auto;
}
.sidebar-wrap .gender {
  display: block;
  position: absolute;
}
.sidebar-wrap .item-avatar {
  position: relative;
  padding-top: 6px;
  padding-bottom: 8px;
}
.sidebar-wrap .item-avatar .avatar-wrap {
  position: relative;
  width: 130px;
  margin: 0 auto;
  padding-top: 135px;
}
.sidebar-wrap .item-avatar .avatar {
  position: absolute;
  display: inline-block;
  border: 2px solid #5c5b89;
  ransform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -ms-transition: transform 0.7s;
  -o-transition: transform 0.7s;
  transition: transform 0.7s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 1;
  cursor: pointer;
}
.sidebar-wrap .item-avatar .avatar.avatar-active {
  cursor: default;
  ransform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  left: 0;
  z-index: 2;
}
.sidebar-wrap .item-avatar .avatar.avatar-active .img-wrap {
  background: #fff;
}
.sidebar-wrap .item-avatar .no-role .avatar-role .img-wrap {
  background: rgba(0, 0, 0, 0.3);
}
.sidebar-wrap .item-avatar .role-mark {
  position: absolute;
  top: 0;
  left: -20px;
  width: 21px;
  height: 57px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png);background-size:1040px 614px;
background-position:-428px -346px;

}
.sidebar-wrap .item-avatar .gender {
  bottom: 2px;
  right: 13px;
}
.sidebar-wrap .item-avatar .gender.female {
  width: 27px;
  height: 27px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png);background-size:1040px 614px;
background-position:-601px -404px;

}
.sidebar-wrap .item-avatar .gender.male {
  width: 27px;
  height: 27px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png);background-size:1040px 614px;
background-position:-630px -404px;

}
.sidebar-wrap .item-avatar .img-wrap {
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  width: 120px;
  height: 120px;
  background: #fff;
  border: 2px solid #fff;
}
.sidebar-wrap .item-avatar .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
}
.sidebar-wrap .item-avatar .img-wrap .role-level {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  color: #faefbb;
  background: rgba(38, 35, 90, 0.7);
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  padding: 4px 0;
}
.sidebar-wrap .item-avatar .avatar-user {
  top: 0;
  left: 70px;
}
.sidebar-wrap .item-avatar .avatar-user .img-wrap {
  display: block;
  width: 120px;
  height: 120px;
  cursor: pointer;
}
.sidebar-wrap .item-avatar .avatar-user .img-wrap.img-wrap-ta {
  cursor: auto;
}
.sidebar-wrap .item-avatar .avatar-role {
  top: 0px;
  left: 70px;
  border: 2px solid #d0d0f5;
  padding: 0;
}
.sidebar-wrap .item-avatar .avatar-role .img-wrap .go-set-role {
  display: block;
  width: 100%;
  height: 100%;
  color: #d3d3f3;
}
.sidebar-wrap .item-avatar .avatar-role .img-wrap .go-set-role span {
  position: absolute;
  top: 14px;
  right: 40px;
  display: inline-block;
  font-size: 20px;
  width: 18px;
  line-height: 1.2;
  font-weight: bold;
}
.sidebar-wrap .item-avatar .avatar-role .img-wrap .go-set-role:hover {
  color: #fff;
}
.sidebar-wrap .item-avatar .btn-change {
  color: #6317ff;
  text-decoration: underline;
}
.sidebar-wrap .item-avatar .btn-change:hover {
  color: #fff;
}
.sidebar-wrap .item-avatar .user-info,
.sidebar-wrap .item-avatar .role-info {
  text-align: center;
  color: #fff;
}
.sidebar-wrap .item-avatar .user-name {
  color: #fff;
}
.sidebar-wrap .item-avatar .role-name,
.sidebar-wrap .item-avatar .user-sign {
  color: #3d2e75;
}
.sidebar-wrap .item-message {
  padding-bottom: 10px;
}
.sidebar-wrap .item-message .title {
  position: relative;
  background: #7573ab;
  color: #d3d3f3;
  font-size: 14px;
  padding: 2px 10px;
}
.sidebar-wrap .item-message .address,
.sidebar-wrap .item-message .age,
.sidebar-wrap .item-message .gender-status {
  display: inline-block;
  position: relative;
  padding-left: 18px;
  vertical-align: middle;
}
.sidebar-wrap .item-message .address:before,
.sidebar-wrap .item-message .age:before,
.sidebar-wrap .item-message .gender-status:before {
  display: block;
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
}
.sidebar-wrap .item-message .address.address,
.sidebar-wrap .item-message .age.address,
.sidebar-wrap .item-message .gender-status.address {
  margin-right: 5px;
}
.sidebar-wrap .item-message .address.address:before,
.sidebar-wrap .item-message .age.address:before,
.sidebar-wrap .item-message .gender-status.address:before {
  width: 12px;
  height: 14px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png);background-size:1040px 614px;
background-position:-642px -330px;

}
.sidebar-wrap .item-message .address.age,
.sidebar-wrap .item-message .age.age,
.sidebar-wrap .item-message .gender-status.age {
  margin-right: 5px;
}
.sidebar-wrap .item-message .address.age:before,
.sidebar-wrap .item-message .age.age:before,
.sidebar-wrap .item-message .gender-status.age:before {
  width: 12px;
  height: 13px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png);background-size:1040px 614px;
background-position:-951px -369px;

}
.sidebar-wrap .item-message .address.gender-status:before,
.sidebar-wrap .item-message .age.gender-status:before,
.sidebar-wrap .item-message .gender-status.gender-status:before {
  width: 12px;
  height: 13px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png);background-size:1040px 614px;
background-position:-965px -369px;

}
.sidebar-wrap .item-message .address.gender-status1:before,
.sidebar-wrap .item-message .age.gender-status1:before,
.sidebar-wrap .item-message .gender-status.gender-status1:before {
  width: 12px;
  height: 13px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png);background-size:1040px 614px;
background-position:-979px -369px;

}
.sidebar-wrap .item-message .level {
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 10px;
  text-decoration: underline;
  color: #fee0b9;
  font-size: 16px;
}
.sidebar-wrap .item-message .message {
  overflow: hidden;
  padding: 5px 1px 0px 1px;
}
.sidebar-wrap .item-message .message .message-item {
  position: relative;
  float: left;
  width: 96px;
  text-align: center;
}
.sidebar-wrap .item-message .message .message-item:after {
  position: absolute;
  top: 10px;
  right: 0px;
  display: block;
  content: "";
  height: 25px;
  width: 1px;
  background: #8885ab;
}
.sidebar-wrap .item-message .message .message-item:last-child:after {
  display: none;
}
.sidebar-wrap .item-message .message .num {
  color: #fff;
}
.sidebar-wrap .item-visitor {
  margin-top: 10px;
}
.sidebar-wrap .item-visitor .title {
  position: relative;
  color: #fff;
  border-bottom: 1px solid #8988b7;
}
.sidebar-wrap .item-visitor .title > span:first-child {
  display: inline-block;
  padding: 5px 2px;
  border-bottom: 2px solid #aa453d;
}
.sidebar-wrap .item-visitor .list {
  margin-top: 10px;
  overflow: hidden;
}
.sidebar-wrap .item-visitor .list li {
  float: left;
  width: 70px;
  text-align: center;
  font-size: 14px;
  margin-right: 2px;
  height: 80px;
}
.sidebar-wrap .item-visitor .list li a {
  display: block;
  color: #433e60;
}
.sidebar-wrap .item-visitor .list li a:hover {
  color: #dedeff;
}
.sidebar-wrap .item-visitor .img-wrap {
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0 auto;
}
.sidebar-wrap .item-visitor .img-wrap .img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  border: 1px solid #8988b7;
}
.sidebar-wrap .item-visitor .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
}
.sidebar-wrap .item-visitor .gender {
  right: 0px;
  bottom: 0px;
}
.sidebar-wrap .item-visitor .gender.female {
  width: 17px;
  height: 17px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png);background-size:1040px 614px;
background-position:-489px -366px;

}
.sidebar-wrap .item-visitor .gender.male {
  width: 17px;
  height: 17px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png);background-size:1040px 614px;
background-position:-451px -385px;

}
.sidebar-wrap .item-visitor .name {
  margin-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar-wrap .item-visitor .btn-wrap {
  position: absolute;
  bottom: 0;
  right: 0px;
  display: block;
  margin: 0px auto 0;
}
.sidebar-wrap .item-visitor .btn-wrap .btn-more {
  display: block;
  margin: 0  auto;
  background: #ffdd9b;
  color: #353638;
  padding: 3px 5px;
  line-height: 1;
}
.sidebar-wrap .item-visitor .btn-wrap:hover {
  cursor: pointer;
}
.sidebar-wrap .item-visitor .btn-wrap:hover .btn-more {
  background: #ffeac2;
}
.sidebar-wrap .item-album {
  margin-top: 5px;
}
.sidebar-wrap .item-album .title {
  color: #fff;
  border-bottom: 1px solid #8988b7;
}
.sidebar-wrap .item-album .title span:first-child {
  display: inline-block;
  padding: 5px 5px 5px 4px;
  border-bottom: 2px solid #aa453d;
}
.sidebar-wrap .item-album .title .tips {
  color: #e7ecfe;
  font-size: 14px;
  margin-left: -25px;
}
.sidebar-wrap .item-album .pic-wrap {
  width: 190px;
  height: 190px;
  position: relative;
  margin-top: 10px;
}
.sidebar-wrap .item-album .pic-wrap .item-pic {
  display: block;
  position: absolute;
  overflow: hidden;
  outline: 1px solid rgba(0, 0, 0, 0.1);
}
.sidebar-wrap .item-album .pic-wrap .item-pic img {
  display: block;
  width: 100%;
  height: 100%;
}
.sidebar-wrap .item-album .pic-wrap .item-pic:nth-of-type(1) {
  top: 0;
  left: 0;
  width: 190px;
  height: 190px;
}
.sidebar-wrap .item-album .pic-wrap .item-pic:nth-of-type(2) {
  top: 0;
  left: 200px;
}
.sidebar-wrap .item-album .pic-wrap .item-pic:nth-of-type(3) {
  top: 98px;
  left: 200px;
}
.sidebar-wrap .item-album .pic-wrap .item-pic:nth-of-type(2),
.sidebar-wrap .item-album .pic-wrap .item-pic:nth-of-type(3) {
  width: 92px;
  height: 92px;
}
.sidebar-wrap .item-album .photo-more {
  text-align: right;
  margin-top: 10px;
  font-size: 12px;
}
.sidebar-wrap .item-album .photo-more a {
  display: inline-block;
  margin-right: 5px;
  color: #e7ecfe;
}
.sidebar-wrap .item-album .photo-more a:hover {
  color: #fee0b9;
}
.sidebar-wrap .item-message {
  border-bottom: 1px dashed #e3e2ef;
}
.sidebar-wrap .item-album {
  padding-top: 10px;
  margin-top: 5px;
  border-top: 1px dashed #e3e2ef;
}
.sidebar-no-info {
  margin-left: -760px;
  width: 236px;
}
.sidebar-no-info .no-info {
  position: relative;
  height: 344px;
}
.sidebar-no-info .no-info:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -152px;
  z-index: 1;
  width: 305px;
  height: 344px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png);background-size:1040px 614px;
background-position:-0px -0px;

}
.sidebar-no-info .no-info .rabbit {
  position: absolute;
  z-index: 2;
  display: block;
  left: 0;
  bottom: 0;
  width: 207px;
  height: 300px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png);background-size:1040px 614px;
background-position:-307px -0px;

}
.side-settings {
  position: fixed;
  top: 91px;
  left: 50%;
  margin-left: 670px;
  background: rgba(97, 96, 128, 0.9);
  color: #fff;
  padding: 12px 0;
}
.side-settings .set-item {
  display: block;
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.side-settings .set-item:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  width: 20px;
  bottom: 0;
  margin-left: -10px;
  border-bottom: 1px solid #9594b4;
}
.side-settings .set-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.side-settings .set-item:last-child:after {
  display: none;
}
.side-settings .set-item.set-logout .item {
  padding-top: 0;
}
.side-settings .set-item .item {
  display: block;
  position: relative;
  width: 20px;
  padding: 16px 8px 0;
  color: #d7d7f1;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
}
.side-settings .set-item .item:before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -7px;
}
.side-settings .set-item .item:hover {
  color: #fff;
}
.side-settings .set-item.set-search .item:before {
  width: 14px;
  height: 12px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png);background-size:1040px 614px;
background-position:-1026px -79px;

}
.side-settings .set-item.set-search:hover .item:before,
.side-settings .set-item.set-search:active .item:before {
  width: 14px;
  height: 12px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png);background-size:1040px 614px;
background-position:-656px -330px;

}
.side-settings .set-item.set-inform .item:before {
  width: 15px;
  height: 15px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png);background-size:1040px 614px;
background-position:-427px -425px;

}
.side-settings .set-item.set-inform:hover .item:before,
.side-settings .set-item.set-inform:active .item:before {
  width: 15px;
  height: 15px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png);background-size:1040px 614px;
background-position:-444px -425px;

}
.side-settings .set-item.set-settings .item:before {
  width: 15px;
  height: 14px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png);background-size:1040px 614px;
background-position:-592px -330px;

}
.side-settings .set-item.set-settings:hover .item:before,
.side-settings .set-item.set-settings:active .item:before {
  width: 15px;
  height: 14px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png);background-size:1040px 614px;
background-position:-609px -330px;

}
.side-settings .logout-wrap .btn-logout {
  display: block;
  width: 20px;
  color: #ddd;
}
.side-settings .logout-wrap .btn-logout:hover {
  cursor: pointer;
  color: #fff;
}
.side-settings .test {
  margin-top: 30px;
}
.pop-logout .logout-title {
  text-align: center;
  border-bottom: 1px solid #c9cacc;
  height: 53px;
  line-height: 60px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/title_12e3d0bd.png) no-repeat 46% center;
  font-size: 18px;
  color: #7077bf;
  font-weight: bold;
  margin-bottom: 30px;
}
.pop-logout .h1-text {
  margin-left: 30px;
  display: block;
}
.pop-logout .tips {
  font-size: 18px;
  text-align: center;
}
.pop-logout .em {
  font-weight: bold;
}
.pop-logout .btn-confirm,
.pop-logout .btn-cancel {
  display: block;
  width: 300px;
  margin: 0 auto;
  margin-bottom: 20px;
}
body.small .nav-bg {
  position: absolute;
}
body.small .sidebar-wrap,
body.small .side-settings {
  position: absolute;
}
.sidemenu {
  position: relative;
  font-size: 14px;
}
.sidemenu .showSideMenu {
  font-size: 16px;
  font-weight: bold;
}
.sidemenu a {
  color: #64637f;
}
.sidemenu .menu-list {
  position: absolute;
  right: -110px;
  top: -12px;
  display: flex;
  flex-flow: column;
  width: 100px;
  min-height: 114px;
  height: auto;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sidemenu_d307a73d.png) no-repeat;
  background-size: 100% 100%;
  padding: 10px 0 0 3px;
  text-align: center;
  box-sizing: border-box;
}
.sidemenu .menu-list li a {
  color: #534d99;
}
.sidemenu .menu-list li a:hover {
  color: #ce6335;
}
.role {
  position: relative;
  min-height: 1300px;
}
.role .no-role {
  width: 999px;
  height: 927px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/no-role_0e4a9a8d.png) no-repeat;
  position: relative;
}
.role .no-role .go-bind {
  position: absolute;
  left: 180px;
  top: 90px;
  width: 51px;
  height: 180px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-516px -166px;

}
.role .no-role .no-bind-tip {
  width: 14px;
  height: 155px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-0px -459px;

  position: absolute;
  left: 240px;
  top: 110px;
}
.role .tip-1 {
  text-align: center;
  border-top: 1px dashed #9f9f9f;
}
.role .tip-1 span {
  display: block;
  background: #fdfdf9;
  margin: -13px 220px;
}
.role .el-pager li:hover,
.role .el-pager li.active {
  color: #7a7fc6 !important;
}
.role .change {
  color: #595e9f;
  position: absolute;
  top: 50px;
  right: 0;
}
.role .change:hover {
  color: #888fdf;
}
.role .rolesSelectWrap {
  position: relative;
  left: 50%;
  width: 240px;
  height: 40px;
  margin-left: -120px;
  margin-bottom: 40px;
}
.role .rolesSelectWrap .selectWrap {
  position: relative;
  float: left;
  width: 238px;
  height: 38px;
  border: 1px solid #b8bbc3;
  background: #fff;
}
.role .rolesSelectWrap .selectWrap .roleSelect {
  width: 100%;
  height: 38px;
  line-height: 38px;
  font-size: 12px;
  text-indent: 15px;
  color: #848a97;
  cursor: pointer;
}
.role .rolesSelectWrap .selectWrap .roleSelect .icon-down {
  width: 12px;
  height: 7px;
  margin-top: 15px;
  float: right;
  margin-right: 10px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-918px -153px;

}
.role .rolesSelectWrap .selectWrap .options {
  position: absolute;
  top: 38px;
  left: -1px;
  width: 100%;
  max-height: 114px;
  height: auto;
  cursor: pointer;
  border: 1px solid #b8bbc3;
  border-top: 0;
  background: #fff;
  overflow-y: auto;
}
.role .rolesSelectWrap .selectWrap .options .roleOption {
  width: 100%;
  height: 38px;
  line-height: 38px;
  text-indent: 35px;
  font-size: 12px;
  color: #848a97;
}
.role .roleInfoWrap {
  margin-top: 30px;
}
.role .roleInfoWrap .roleInfo {
  width: 100%;
  height: 80px;
}
.role .roleInfoWrap .roleInfo .mr-t {
  margin-top: 10px;
}
.role .roleInfoWrap .roleInfo .roleAvatar {
  width: 71px;
  height: 71px;
  position: relative;
}
.role .roleInfoWrap .roleInfo .roleAvatar img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.role .roleInfoWrap .roleInfo .info {
  width: 540px;
  padding-top: 4px;
  height: 66px;
  color: #525252;
  margin-left: 13px;
}
.role .roleInfoWrap .roleInfo .info .roleName {
  font-size: 16px;
  line-height: 27px;
  color: #514d8c;
  font-weight: bold;
}
.role .roleInfoWrap .roleInfo .info .grade {
  background: #cc6766;
  color: #fff;
  font-weight: normal;
  padding: 2px 5px;
  border-radius: 10px;
  margin-left: 5px;
}
.role .tabWrap {
  width: 588px;
  height: 24px;
  border-bottom: 1px solid #efeeee;
  margin: 20px 0 0 80px;
  box-sizing: border-box;
  font-size: 16px;
}
.role .tabWrap ul li {
  width: 112px;
  float: left;
  text-align: center;
  cursor: pointer;
  bottom: 4px;
  position: relative;
}
.role .tabWrap ul li.active {
  color: #d2ae7b;
  border-bottom: 4px solid #d2ae7b;
}
.no-data {
  margin-top: 100px;
}
.no-data p {
  text-align: center;
  font-size: 20px;
  color: #848a97;
}
.no-data p b {
  color: #c29d5b;
  font-weight: normal;
}
.tabContent {
  margin-left: 80px;
  margin-bottom: 60px;
}
.mainroleWrap {
  width: 640px;
  min-height: 837px;
  padding: 23px 20px;
  background-color: #fff;
  position: relative;
}
.mainroleWrap.roleInfoWrap .hasMainrole {
  padding-top: 0;
}
.gametabWrap {
  width: 480px;
  height: 83px;
  margin: 0 auto;
  margin-bottom: 50px;
}
.mainroleWrap .gametabWrap {
  margin-bottom: 10px;
}
.datatip {
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #848a97;
  margin-bottom: 50px;
}
.mainroleWrap.roleInfoWrap .datatip {
  margin-bottom: 20px;
}
.rolesSelectWrap {
  position: absolute;
  left: 50%;
  width: 240px;
  height: 40px;
  margin-left: -120px;
  margin-bottom: 40px;
}
.rolesSelectWrap .selectWrap {
  position: relative;
  float: left;
  width: 238px;
  height: 38px;
  border: 1px solid #b8bbc3;
  background: #fff;
}
.rolesSelectWrap .selectWrap .roleSelect {
  width: 100%;
  height: 38px;
  line-height: 38px;
  font-size: 12px;
  text-indent: 15px;
  color: #848a97;
  cursor: pointer;
}
.rolesSelectWrap .selectWrap .roleSelect .selectedRole {
  display: inline-block;
}
.rolesSelectWrap .selectWrap .roleSelect .icon-down {
  float: right;
  margin-right: 10px;
}
.rolesSelectWrap .selectWrap .options {
  position: absolute;
  top: 38px;
  left: -1px;
  width: 100%;
  max-height: 114px;
  height: auto;
  cursor: pointer;
  border: 1px solid #b8bbc3;
  border-top: none;
  background: #fff;
  overflow-y: auto;
}
.rolesSelectWrap .selectWrap .options .roleOption {
  width: 100%;
  height: 38px;
  line-height: 38px;
  text-indent: 35px;
  font-size: 12px;
  color: #848a97;
}
.rolesSelectWrap .selectWrap .options .roleOption:hover {
  background-color: #dbe8f8;
}
.toBingRole {
  position: absolute;
  top: 152px;
  right: 140px;
  color: #486aae;
  text-decoration: underline;
  font-size: 12px;
}
.toBingRole:hover {
  color: #c29d5b;
  text-decoration: none;
}
.hasMainrole {
  padding-top: 50px;
}
.hasMainrole .logoWrap {
  text-align: center;
}
.mainroleInfoWrap {
  width: 100%;
  height: 80px;
}
.mainroleInfoWrap .roleAvatarWrap {
  width: 64px;
  height: 64px;
  position: relative;
  zoom: 1.25;
}
.mainroleInfoWrap .mainroleInfo {
  width: 540px;
  padding-top: 14px;
  height: 66px;
  color: #222b54;
  margin-left: 13px;
}
.mainroleInfoWrap .mainroleInfo span.roleName {
  font-size: 16px;
  line-height: 27px;
}
.mainroleInfoWrap .mainroleInfo span.roleInfo {
  display: block;
  font-size: 14px;
}
.mainroleInfoWrap .mainroleInfo span.server {
  color: #848a97;
}
.mainroleWrap .tabWrap {
  margin-top: 22px;
  width: 100%;
  height: 30px;
  z-index: 99;
}
.mainroleWrap .tabWrap .tab {
  width: 155px;
  height: 100%;
  float: left;
  cursor: pointer;
  line-height: 34px;
  text-align: center;
  color: #c29d5b;
  font-size: 18px;
  text-indent: -999999em;
}
.mainroleWrap .tabWrap .tab:hover,
.mainroleWrap .tabWrap .tab.active {
  text-indent: 0;
  z-index: 100;
}
.mainroleWrap .tabWrap .ability {
  margin-left: 136px;
}
.mainroleWrap .tabWrap .animal {
  margin-left: -35px;
}
.mainroleWrap .tabWrap .home {
  margin-left: -35px;
}
.mainroleWrap .tabCon {
  width: 100%;
}
.home_icon,
.home-num {
  width: 18px;
  height: 18px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/home_ico_5351399e.png) -58px -58px no-repeat;
  display: inline-block;
  vertical-align: text-bottom;
  margin-left: 10px;
}
.home-num {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/home_ico_5351399e.png) -88px -58px no-repeat;
}
.wrapBox {
  width: 547px;
  min-height: 290px;
  height: auto;
  background-color: #efefef;
  margin-top: 20px;
}
.wrapBox .top {
  height: 30px;
  width: 100%;
  line-height: 30px;
  background-color: #595e9f;
  color: #fff;
  font-size: 15px;
}
.wrapBox .top .tip {
  width: 110px;
  height: 30px;
}
.wrapBox .top .num {
  padding-right: 30px;
  height: 30px;
}
.equipWrap {
  height: auto;
}
.equipWrap .left {
  width: 130px;
  padding: 20px 5px 0 12px;
}
.equipWrap .left img {
  width: 100%;
  height: auto;
}
.equipWrap .middle {
  width: 57px;
  padding-top: 30px;
}
.equipWrap .middle .tab {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/tab_8914cec3.png) center center no-repeat;
  width: 57px;
  height: 53px;
  margin: 0 auto;
  line-height: 53px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.equipWrap .middle .tab.active,
.equipWrap .middle .tab:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png);background-size:1040px 614px;
background-position:-725px -348px;

  width: 57px;
  height: 53px;
}
.equipWrap .middle .tab.exterior,
.equipWrap .middle .tab.pearl {
  margin-top: 15px;
}
.equipWrap .right {
  padding-top: 12px;
  margin-left: 15px;
}
.equipWrap .right.exterior {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/circle3_04ecaaa9.png) no-repeat;
  background-size: 100%;
  width: 261px;
  height: 253px;
  box-sizing: border-box;
  margin: 6px 0 6px 30px;
  padding: 20px 14px;
}
.equipWrap .right.exterior .line {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-pack: space-between;
  /* 12版 */
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  margin: 0 auto 14px;
}
.equipWrap .right.exterior .line:nth-child(1),
.equipWrap .right.exterior .line:nth-child(4) {
  margin-bottom: 10px;
}
.equipWrap .right.exterior .line:nth-child(2),
.equipWrap .right.exterior .line:nth-child(3) {
  margin-bottom: 18px;
}
.equipWrap .right.exterior .line:nth-child(1),
.equipWrap .right.exterior .line:nth-child(5) {
  width: 90px;
}
.equipWrap .right.exterior .line:nth-child(2),
.equipWrap .right.exterior .line:nth-child(4) {
  width: 194px;
}
.equipWrap .right.exterior .line:last-child {
  margin-bottom: 0;
}
.equipWrap .right.exterior .line .eq {
  width: 32px;
  height: 32px;
  border: none;
  margin-bottom: 0;
}
.equipWrap .right.pearl {
  position: relative;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/level1_53d907d4.png) no-repeat;
  background-size: 100%;
  width: 230px;
  height: 230px;
  box-sizing: border-box;
  margin: 9px 0 6px 40px;
  padding: 20px 14px;
}
.equipWrap .right.pearl .lbpf {
  position: absolute;
  width: 74px;
  height: 20px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/lbpf_aedd00d6.png) no-repeat;
}
.equipWrap .right.pearl .hei-bg {
  position: absolute;
  width: 78px;
  height: 14px;
  left: 50%;
  top: 58%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  font-size: 11px;
  justify-content: center;
  color: #fff;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/hei-bg_ec2d1718.png) no-repeat;
}
.equipWrap .right.pearl.level1 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/level1_53d907d4.png) no-repeat;
}
.equipWrap .right.pearl.level2 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/level2_4a46f3b9.png) no-repeat;
}
.equipWrap .right.pearl.level3 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/level3_486fce53.png) no-repeat;
}
.equipWrap .right.pearl.level4 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/level4_c98cb38a.png) no-repeat;
}
.equipWrap .right.pearl .line {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-pack: space-between;
  /* 12版 */
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  margin: 0 auto 14px;
}
.equipWrap .right.pearl .line:nth-child(1) {
  display: flex;
  margin: 7px 79px;
}
.equipWrap .right.pearl .line:nth-child(2) {
  display: flex;
  margin: 22.4px 12px;
}
.equipWrap .right.pearl .line:nth-child(3) {
  display: flex;
  margin: 7px 79px;
}
.equipWrap .right.pearl .line:nth-child(4) {
  display: flex;
  margin: -119.5px 146px;
}
.equipWrap .right.pearl .line:last-child {
  margin-bottom: 0;
}
.equipWrap .right.pearl .line .eq {
  width: 45px;
  height: 45px;
  border: none;
  margin-bottom: 0;
  border-radius: 100%;
}
.equipWrap .right.pearl .line .eq img {
  width: 45px;
  height: 45px;
  border-radius: 100%;
}
.equipWrap .right.qnmEq {
  width: 100%;
}
.equipWrap .right .eqCon {
  margin: 0 auto;
  width: 314px;
}
.equipWrap .right .qnmEqCon {
  width: 350px;
}
.equipWrap .right .row,
.equipWrap .right .line,
.equipWrap .right .qnmrow {
  margin-right: 9px;
}
.equipWrap .right .row.type1,
.equipWrap .right .line.type1,
.equipWrap .right .qnmrow.type1 {
  width: 34px;
  padding-top: 61px;
}
.equipWrap .right .row.type2,
.equipWrap .right .line.type2,
.equipWrap .right .qnmrow.type2,
.equipWrap .right .row.type3,
.equipWrap .right .line.type3,
.equipWrap .right .qnmrow.type3 {
  width: 66px;
}
.equipWrap .right .row .eq,
.equipWrap .right .line .eq,
.equipWrap .right .qnmrow .eq {
  position: relative;
  border: 1px solid #a0a0a0;
  margin-bottom: 4px;
}
.equipWrap .right .row .eq.hovering,
.equipWrap .right .line .eq.hovering,
.equipWrap .right .qnmrow .eq.hovering {
  border-color: #edab2c;
}
.equipWrap .right .row .eq.eq-bg-purple,
.equipWrap .right .line .eq.eq-bg-purple,
.equipWrap .right .qnmrow .eq.eq-bg-purple {
  background-color: purple;
}
.equipWrap .right .row .eq img,
.equipWrap .right .line .eq img,
.equipWrap .right .qnmrow .eq img {
  width: 100%;
}
.equipWrap .right .row .eq.eqtype1,
.equipWrap .right .line .eq.eqtype1,
.equipWrap .right .qnmrow .eq.eqtype1 {
  width: 32px;
  height: 32px;
}
.equipWrap .right .row .eq.eqtype2,
.equipWrap .right .line .eq.eqtype2,
.equipWrap .right .qnmrow .eq.eqtype2 {
  width: 64px;
  height: 128px;
}
.equipWrap .right .row .eq.eqtype3,
.equipWrap .right .line .eq.eqtype3,
.equipWrap .right .qnmrow .eq.eqtype3 {
  width: 64px;
  height: 64px;
}
.equipWrap .right .row .eq.eqtype3 .imgWrap,
.equipWrap .right .line .eq.eqtype3 .imgWrap,
.equipWrap .right .qnmrow .eq.eqtype3 .imgWrap {
  height: 64px;
  overflow: hidden;
}
.equipWrap .right .row .eq.eqtype4,
.equipWrap .right .line .eq.eqtype4,
.equipWrap .right .qnmrow .eq.eqtype4 {
  width: 64px;
  height: 96px;
}
.equipWrap .right .row .eq.eqtype5,
.equipWrap .right .line .eq.eqtype5,
.equipWrap .right .qnmrow .eq.eqtype5 {
  width: 64px;
  height: 32px;
}
.equipWrap .right .row .eq.eqtype6,
.equipWrap .right .line .eq.eqtype6,
.equipWrap .right .qnmrow .eq.eqtype6 {
  width: 50px;
  height: 50px;
}
.equipWrap .right .row .eq .imgWrap,
.equipWrap .right .line .eq .imgWrap,
.equipWrap .right .qnmrow .eq .imgWrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.equipWrap .right .row .eq.eq-1,
.equipWrap .right .line .eq.eq-1,
.equipWrap .right .qnmrow .eq.eq-1 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq1_5c3a6dd2.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-2,
.equipWrap .right .line .eq.eq-2,
.equipWrap .right .qnmrow .eq.eq-2 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq2_ccfe6cdb.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-3,
.equipWrap .right .line .eq.eq-3,
.equipWrap .right .qnmrow .eq.eq-3 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq3_b5aafd5e.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-4,
.equipWrap .right .line .eq.eq-4,
.equipWrap .right .qnmrow .eq.eq-4 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq4_4fce15f7.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-5,
.equipWrap .right .line .eq.eq-5,
.equipWrap .right .qnmrow .eq.eq-5 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq5_c6cc1a99.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-6,
.equipWrap .right .line .eq.eq-6,
.equipWrap .right .qnmrow .eq.eq-6 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq6_127a623b.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-7,
.equipWrap .right .line .eq.eq-7,
.equipWrap .right .qnmrow .eq.eq-7 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq7_94f9180d.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-8,
.equipWrap .right .line .eq.eq-8,
.equipWrap .right .qnmrow .eq.eq-8 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq8_bc8c54cf.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-9,
.equipWrap .right .line .eq.eq-9,
.equipWrap .right .qnmrow .eq.eq-9 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq9_3c10f6c7.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-10,
.equipWrap .right .line .eq.eq-10,
.equipWrap .right .qnmrow .eq.eq-10 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq10_7d3ef078.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-11,
.equipWrap .right .line .eq.eq-11,
.equipWrap .right .qnmrow .eq.eq-11 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq11_bc15b73d.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-12,
.equipWrap .right .line .eq.eq-12,
.equipWrap .right .qnmrow .eq.eq-12 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq12_08ee7d50.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-13,
.equipWrap .right .line .eq.eq-13,
.equipWrap .right .qnmrow .eq.eq-13 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq13_d1e20ac5.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-14,
.equipWrap .right .line .eq.eq-14,
.equipWrap .right .qnmrow .eq.eq-14 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq14_b501c397.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-15,
.equipWrap .right .line .eq.eq-15,
.equipWrap .right .qnmrow .eq.eq-15 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq15_7b2904a7.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-16,
.equipWrap .right .line .eq.eq-16,
.equipWrap .right .qnmrow .eq.eq-16 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq16_9cac1ca3.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-17,
.equipWrap .right .line .eq.eq-17,
.equipWrap .right .qnmrow .eq.eq-17 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq17_dcf3680a.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-18,
.equipWrap .right .line .eq.eq-18,
.equipWrap .right .qnmrow .eq.eq-18 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq18_c73c763a.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-19,
.equipWrap .right .line .eq.eq-19,
.equipWrap .right .qnmrow .eq.eq-19 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq19_bae52baf.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-20,
.equipWrap .right .line .eq.eq-20,
.equipWrap .right .qnmrow .eq.eq-20 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq20_76cb8b9e.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-21,
.equipWrap .right .line .eq.eq-21,
.equipWrap .right .qnmrow .eq.eq-21 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq21_e5898b95.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-22,
.equipWrap .right .line .eq.eq-22,
.equipWrap .right .qnmrow .eq.eq-22 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq22_41002d08.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-23,
.equipWrap .right .line .eq.eq-23,
.equipWrap .right .qnmrow .eq.eq-23 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq23_b7e1aa9d.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-24,
.equipWrap .right .line .eq.eq-24,
.equipWrap .right .qnmrow .eq.eq-24 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq24_99635245.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-25,
.equipWrap .right .line .eq.eq-25,
.equipWrap .right .qnmrow .eq.eq-25 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq25_14260eb1.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-26,
.equipWrap .right .line .eq.eq-26,
.equipWrap .right .qnmrow .eq.eq-26 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq26_76cb8b9e.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eqInfo,
.equipWrap .right .line .eqInfo,
.equipWrap .right .qnmrow .eqInfo {
  position: absolute;
  zoom: 1;
  top: -240px;
  right: -290px;
  z-index: 100;
  width: 240px;
  padding: 15px;
  border: 1px solid #46687F;
  background: #000;
  color: #fff;
  line-height: 1.2;
  font-size: 12px;
  display: none;
}
.equipWrap .right .row .eqInfo img,
.equipWrap .right .line .eqInfo img,
.equipWrap .right .qnmrow .eqInfo img {
  height: 128px;
  width: 128px;
}
.equipWrap .right .row .eqInfo.active,
.equipWrap .right .line .eqInfo.active,
.equipWrap .right .qnmrow .eqInfo.active {
  display: block;
}
.equipWrap .right .qnmrow .eq {
  background-color: #172338;
}
.equipWrap .right .qnmrow.type1 {
  padding-top: 60px;
}
.equipWrap .right .qnmrow.type4 {
  width: 52px;
  padding-top: 50px;
}
.equipWrap .right .qnmrow .eq.type3 {
  padding-top: 10px;
}
.eventWrap {
  height: auto;
  padding-bottom: 20px;
}
.eventWrap .events {
  width: 500px;
  margin: 0 auto;
  margin-top: 8px;
}
.eventWrap .events ul li {
  width: 100%;
  height: auto;
  line-height: 22px;
  font-size: 14px;
  color: #3e3a39;
  position: relative;
}
.eventWrap .events ul li .des {
  color: #3a65bd;
}
.eventWrap .events ul li > span {
  display: inline-block;
}
.eventWrap .events ul li .time {
  float: right;
}
.eventWrap .events ul li .con {
  width: 370px;
  margin-left: 5px;
  display: inline-block;
}
.eventWrap .events ul li .con b {
  cursor: pointer;
  color: #e45915;
  font-weight: normal;
}
.eventWrap .events ul li .con a {
  cursor: pointer;
  color: #e45915;
}
.eventWrap .events ul li .tip {
  position: absolute;
  zoom: 1;
  left: 100px;
  z-index: 100;
  width: 240px;
  padding: 15px;
  border: 1px solid #46687F;
  background: #000;
  color: #fff;
  line-height: 1.2;
  font-size: 12px;
  display: none;
  overflow: hidden;
}
.eventWrap .events ul li .tip img {
  height: 128px;
  width: 128px;
}
.eventWrap .events ul li .tip.active {
  display: block;
}
.eventWrap .events #page {
  float: right;
  height: 29px;
  position: relative;
}
.eventWrap .events #page a {
  font-size: 12px;
  cursor: pointer;
  margin: 0 5px;
  color: #374768;
  line-height: 26px;
  text-decoration: none;
}
.eventWrap .events #page a:hover {
  color: #2ac2e9;
}
.eventWrap .events #page a.cur {
  color: #2ac2e9;
  font-size: 12px;
}
.eventWrap .events #page a.disabled {
  color: #bbb;
}
.eventWrap .events #page span {
  margin: 0 5px;
}
.eventWrap .events #page [data-type=last],
.eventWrap .events #page [data-type=first] {
  display: none;
}
.eventWrap .events #page [data-type=next],
.eventWrap .events #page [data-type=prev] {
  position: absolute;
  font-size: 0;
  top: 5px;
  width: 16px;
  height: 16px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/ico_dfb74fef.png) 0 -62px;
}
.eventWrap .events #page [data-type=next]:hover,
.eventWrap .events #page [data-type=prev]:hover {
  background-position-y: -86px;
}
.eventWrap .events #page [data-type=next] {
  right: -24px;
  background-position-x: -441px;
}
.eventWrap .events #page [data-type=prev] {
  left: -24px;
  background-position-x: -416px;
}
.abilityWrap .roleRankWrap,
.abilityWrap .abilityCon {
  width: 453px;
  padding: 10px 23px;
  height: 69px;
  margin: 0 auto;
  margin-top: 10px;
}
.abilityWrap .roleRankWrap .tabhead,
.abilityWrap .abilityCon .tabhead,
.abilityWrap .roleRankWrap .tabbody,
.abilityWrap .abilityCon .tabbody {
  width: 100%;
  height: 38px;
  font-size: 14px;
  background: #f5f4f4;
}
.abilityWrap .roleRankWrap .tabhead .tab,
.abilityWrap .abilityCon .tabhead .tab,
.abilityWrap .roleRankWrap .tabbody .tab,
.abilityWrap .abilityCon .tabbody .tab {
  float: left;
  width: 151px;
  height: 38px;
  line-height: 38px;
  text-align: center;
}
.abilityWrap .roleRankWrap .tabhead,
.abilityWrap .abilityCon .tabhead {
  border-bottom: 1px dashed #d8d8d8;
  color: #3e3a39;
}
.abilityWrap .roleRankWrap .tabbody,
.abilityWrap .abilityCon .tabbody {
  color: #3a65bd;
}
.abilityWrap .abilityCon {
  padding: 0;
  width: 499px;
  height: auto;
  margin-bottom: 10px;
}
.abilityWrap .abilityCon .tabhead {
  width: 453px;
  padding: 0 33px 0 13px;
  border-bottom: 1px solid #718fcb;
  background-color: #8e90d7;
  color: #fff;
}
.abilityWrap .abilityCon .tabhead .tab {
  width: 90.6px;
  text-align: left;
  text-indent: 20px;
}
.abilityWrap .abilityCon .tabbody {
  padding-top: 10px;
  color: #3e3a39;
  height: auto;
  padding-bottom: 10px;
}
.abilityWrap .abilityCon .tabbody > ul {
  width: 453px;
  padding: 0 33px 0 13px;
}
.abilityWrap .abilityCon .tabbody .tabbodyUl > li {
  margin-left: 20px;
  width: 100%;
  min-height: 34px;
  border-bottom: 1px dashed #d8d8d8;
}
.abilityWrap .abilityCon .tabbody .tabbodyUl > li .firstTab {
  text-align: left;
  width: 70px;
  text-indent: 10px;
}
.abilityWrap .abilityCon .tabbody .clickEnable {
  cursor: pointer;
  position: relative;
}
.abilityWrap .abilityCon .tabbody .clickEnable em {
  position: absolute;
  top: 18px;
  left: -10px;
}
.abilityWrap .abilityCon .tabbody .clickEnable em.active {
  background-position-y: -134px;
}
.abilityWrap .abilityCon .tabbody .tab {
  float: left;
  width: 90.6px;
  height: 34px;
  line-height: 38px;
  text-align: center;
}
.abilityWrap .abilityCon .tabbody .tabInfo {
  height: 0;
  overflow: hidden;
  -webkit-animation: 'height' 1s 0 ease;
  -moz-animation: 'height' 1s 0 ease;
  -ms-animation: 'height' 1s 0 ease;
  animation: 'height' 1s 0 ease;
  -moz-animation: 'height', 1s;
  -webkit-animation: 'height', 1s;
  -o-animation: 'height', 1s;
  -ms-animation: 'height', 1s;
  animation: 'height', 1s;
}
.abilityWrap .abilityCon .tabbody .tabInfo li {
  height: 20px;
  background-color: #dbdbdb;
  margin-bottom: 5px;
  color: #3a65bd;
}
.abilityWrap .abilityCon .tabbody .tabInfo li .tab {
  line-height: 20px;
  height: 20px;
}
.abilityWrap .abilityCon .tabbody .tabInfo li .firstTab {
  text-align: left;
  width: 70px;
  text-indent: 10px;
}
.clearFix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.hasNoMainrole {
  height: 956px;
  position: relative;
}
.hasNoMainrole .toBindRole2 {
  position: absolute;
  top: 68px;
  left: 112px;
  width: 16px;
  font-size: 16px;
  word-wrap: break-word;
  color: #fac152;
  line-height: 17px;
  text-align: center;
}
.hasNoMainrole .toBindRole2:hover {
  color: #ffe5b2;
}
.homeWrap {
  width: 588px;
  overflow: hidden;
  border: 1px solid #e6ebf6;
  margin-top: 20px;
  padding-bottom: 10px;
}
.homeWrap > .top {
  width: 100%;
  height: 31px;
  text-align: center;
  font-size: 14px;
  color: #f4ddff;
  line-height: 31px;
  background: #595e9f url(https://hi.res.netease.com/pc/zt/20190529110735/img/roleHomeTitleBg_07538623.jpg) center 0 no-repeat;
}
.homeWrap .section {
  width: 548px;
  margin: 0 auto;
  margin-top: 10px;
  overflow: hidden;
}
.homeWrap .imgWrap {
  height: 150px;
  width: 230px;
}
.homeWrap .imgWrap img {
  width: 228px;
  height: 148px;
  border: 1px solid #95aad6;
}
.homeWrap .secCon {
  width: 546px;
  padding-bottom: 10px;
  background-color: #ededed;
}
.homeWrap .secCon .secTop {
  height: 30px;
  width: 100%;
  line-height: 30px;
  background-color: #8e90d7;
  color: #fff;
  font-size: 15px;
}
.homeWrap .secCon .secTop .tip {
  width: 110px;
  height: 30px;
}
.homeWrap .secCon .secTop .tip .home-tip {
  margin-left: 18px;
}
.homeWrap .secCon .secTop .num {
  padding-right: 10px;
  height: 30px;
  color: #fac62b;
}
.homeWrap .secCon .homeInfo {
  width: 100%;
  padding-top: 3px;
  overflow: hidden;
}
.homeWrap .secCon .homeInfo li {
  height: 26px;
  line-height: 26px;
  border-bottom: 1px dashed #c5c2c2;
  width: 238px;
  margin: 0 15px;
  float: left;
  font-size: 13px;
  color: #3e3a39;
}
.homeWrap .smallSection {
  width: 264px;
  margin: 10px 0 0 20px;
}
.homeWrap .smallSection .secCon {
  width: 262px;
  padding-bottom: 10px;
}
.homeWrap .smallSection .secCon .levelInfoUl {
  overflow: hidden;
  height: auto;
  padding-top: 3px;
}
.homeWrap .smallSection .secCon .levelInfoUl li {
  height: 26px;
  line-height: 26px;
  border-bottom: 1px dashed #c5c2c2;
  width: 238px;
  margin: 0 15px;
  float: left;
  font-size: 13px;
  color: #3e3a39;
}
.homeWrap .smallSection.cjb .secCon {
  background-color: #000;
}
.homeWrap .smallSection .cjbCon {
  padding-top: 10px;
  width: 230px;
  margin: 0 auto;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
}
.homeWrap .smallSection .cjbCon img {
  width: 80px;
  height: auto;
  margin-right: 10px;
}
.childWrap,
.animalWrap {
  overflow: visible;
}
.childWrap > .top,
.animalWrap > .top {
  text-align: left;
  min-height: 31px;
  height: auto;
  text-align: center;
}
.childWrap > .top .childTab,
.animalWrap > .top .childTab {
  height: 31px;
  display: inline-block;
  padding: 0 1px;
  color: #b4bbff;
  position: relative;
  cursor: pointer;
}
.childWrap > .top .childTab i,
.animalWrap > .top .childTab i {
  visibility: hidden;
}
.childWrap > .top .childTab span,
.animalWrap > .top .childTab span {
  padding: 0 5px;
}
.childWrap > .top .childTab b,
.animalWrap > .top .childTab b {
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 18px;
  height: 5px;
  margin-left: -9px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/ico_dfb74fef.png) -291px -126px no-repeat;
}
.childWrap > .top .childTab.active,
.animalWrap > .top .childTab.active,
.childWrap > .top .childTab:hover,
.animalWrap > .top .childTab:hover {
  color: #f4ddff;
}
.childWrap > .top .childTab.active i,
.animalWrap > .top .childTab.active i,
.childWrap > .top .childTab:hover i,
.animalWrap > .top .childTab:hover i {
  visibility: visible;
}
.childWrap > .top .childTab.active b,
.animalWrap > .top .childTab.active b {
  display: block;
}
.childWrap .box,
.animalWrap .box {
  margin-top: 10px;
  margin-left: 20px;
  background-color: #ededed;
}
.childWrap .childImgBox,
.animalWrap .childImgBox {
  height: 180px;
  padding: 10px;
  position: relative;
}
.childWrap .childImgBox .childImgWrap,
.animalWrap .childImgBox .childImgWrap {
  min-width: 130px;
  min-height: 135px;
}
.childWrap .childImgBox .childeq,
.animalWrap .childImgBox .childeq {
  margin-top: 10px;
  width: 32px;
  height: 32px;
  border: 1px solid #202947;
  position: relative;
}
.childWrap .childImgBox .childeq img,
.animalWrap .childImgBox .childeq img {
  width: 32px;
  height: 32px;
}
.childWrap .childImgBox .childeq > div,
.animalWrap .childImgBox .childeq > div {
  position: absolute;
  zoom: 1;
  top: -10px;
  right: -280px;
  z-index: 100;
  width: 240px;
  padding: 15px;
  border: 1px solid #46687F;
  background: #000;
  opacity: 0.85;
  filter: alpha(opacity=85);
  color: #fff;
  line-height: 1.2;
  font-size: 12px;
  display: none;
}
.childWrap .childImgBox .childeq > div img,
.animalWrap .childImgBox .childeq > div img {
  height: 128px;
  width: 128px;
}
.childWrap .childImgBox .childeq > div.active,
.animalWrap .childImgBox .childeq > div.active {
  display: block;
}
.childWrap .childInfo,
.animalWrap .childInfo {
  margin-right: 20px;
  width: 351px;
  height: 195px;
  padding: 4px;
}
.childWrap .childInfo .infoBox,
.animalWrap .childInfo .infoBox {
  padding: 5px 20px;
  width: 311px;
  height: 185px;
}
.childWrap .childInfo .top,
.animalWrap .childInfo .top {
  width: 100%;
  height: 29px;
  line-height: 29px;
  font-size: 16px;
  color: #3a65bd;
  border-bottom: 1px dashed #d8d8d8;
}
.childWrap .childInfo .top span,
.animalWrap .childInfo .top span {
  display: inline-block;
}
.childWrap .childInfo .top .childNameWrap,
.animalWrap .childInfo .top .childNameWrap {
  height: 100%;
}
.childWrap .childInfo .top .childNameWrap span,
.animalWrap .childInfo .top .childNameWrap span {
  padding: 0 5px;
}
.childWrap .childInfo .top .childLevelWrap,
.animalWrap .childInfo .top .childLevelWrap {
  margin-left: 60px;
}
.childWrap .childInfo ul,
.animalWrap .childInfo ul {
  padding-top: 4px;
  overflow: hidden;
}
.childWrap .childInfo ul li,
.animalWrap .childInfo ul li {
  float: left;
  width: 136px;
  height: 27px;
  line-height: 27px;
  font-size: 13px;
  color: #3e3a39;
  margin-right: 18px;
  border-bottom: 1px dashed #d8d8d8;
}
.childWrap .childInfo .anger,
.animalWrap .childInfo .anger {
  width: 310px;
  margin-top: 3px;
}
.childWrap .childInfo .anger .angerTitle,
.animalWrap .childInfo .anger .angerTitle {
  font-size: 14px;
  font-weight: bold;
  color: #3e3a39;
}
.childWrap .childInfo .anger .angerW,
.animalWrap .childInfo .anger .angerW {
  margin-top: 3px;
  width: 308px;
  height: 7px;
  border: 1px solid #4c7381;
  position: relative;
}
.childWrap .childInfo .anger .angerW .angerN,
.animalWrap .childInfo .anger .angerW .angerN {
  height: 100%;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/progress_40993fed.jpg) 0 0 no-repeat;
}
.childWrap .childInfo .anger .angerW span,
.animalWrap .childInfo .anger .angerW span {
  position: absolute;
  width: 90px;
  top: -6px;
  left: 50%;
  margin-left: -45px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  text-shadow: #03485f 1px 0 0, #03485f 0 1px 0, #03485f -1px 0 0, #03485f 0 -1px 0;
}
.childWrap .childZZ,
.animalWrap .childZZ,
.childWrap .childSX,
.animalWrap .childSX {
  width: 245px;
  height: 204px;
}
.childWrap .childZZ ul,
.animalWrap .childZZ ul {
  padding-top: 4px;
  overflow: hidden;
}
.childWrap .childZZ ul li,
.animalWrap .childZZ ul li {
  width: 210px;
  height: 27px;
  line-height: 27px;
  font-size: 13px;
  color: #3e3a39;
  margin-left: 18px;
  border-bottom: 1px dashed #d8d8d8;
}
.childWrap .childSX,
.animalWrap .childSX {
  width: 280px;
  margin-left: 0px;
  margin-right: 20px;
}
.childWrap .childSX ul,
.animalWrap .childSX ul {
  padding-top: 4px;
  overflow: hidden;
}
.childWrap .childSX ul li,
.animalWrap .childSX ul li {
  float: left;
  width: 110px;
  height: 27px;
  line-height: 27px;
  font-size: 13px;
  color: #3e3a39;
  margin-left: 18px;
  border-bottom: 1px dashed #d8d8d8;
}
.childWrap .childSameBox .top,
.animalWrap .childSameBox .top {
  height: 31px;
  width: 100%;
  line-height: 31px;
  background-color: #8e90d7;
  color: #fff;
  font-size: 15px;
}
.childWrap .childSameBox .top .tip,
.animalWrap .childSameBox .top .tip {
  width: 110px;
  height: 30px;
}
.childWrap .childSameBox .top .tip .home-tip,
.animalWrap .childSameBox .top .tip .home-tip {
  margin-left: 18px;
}
.childWrap .childJN,
.animalWrap .childJN {
  width: 545px;
}
.childWrap .childJN .top,
.animalWrap .childJN .top {
  margin-bottom: 10px;
}
.jnBox {
  width: 529px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.jnBox .bg {
  width: 100%;
  height: 20px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/childJNBorder_cab45dd8.png) no-repeat;
}
.jnBox .topbg {
  background-position: center top;
}
.jnBox .bottombg {
  background-position: center bottom;
}
.jnBox .jnsWrap {
  width: 100%;
  height: auto;
  min-height: 44px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/childJNBorder1_06006fe6.png) 0 0 repeat-y;
}
.jnBox .jnsWrap > div {
  width: 500px;
  margin: 0 auto;
}
.jnBox .jnsWrap .jnWrap {
  float: left;
  width: 34px;
  height: 34px;
  border: 1px solid #7b98d6;
  margin: 4px 7px;
  position: relative;
}
.jnBox .jnsWrap .jnWrap .jnImg {
  width: 34px;
  height: 34px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/childInfoJNBg_0576692d.png) 0 0 no-repeat;
}
.jnBox .jnsWrap .jnWrap .jnInfo {
  position: absolute;
  zoom: 1;
  top: -10px;
  right: -280px;
  z-index: 100;
  width: 240px;
  padding: 15px;
  border: 1px solid #46687F;
  background: #000;
  opacity: 0.85;
  filter: alpha(opacity=85);
  color: #fff;
  line-height: 1.2;
  font-size: 12px;
  display: none;
}
.jnBox .jnsWrap .jnWrap .jnInfo img {
  height: 128px;
  width: 128px;
}
.jnBox .jnsWrap .jnWrap .jnInfo.active {
  display: block;
}
.animalWrap .animalImg {
  padding: 9px;
  width: 140px;
  height: 140px;
  position: relative;
}
.animalWrap .animalImg img {
  width: 140px;
  height: 140px;
}
.animalWrap .animalImg b {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 30px;
  height: 38px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/animal_ico_e021086f.png) 0 0 no-repeat;
}
.animalWrap .animalImg .futi {
  background-position-x: -41px;
}
.animalWrap .animalSameBox .secCon {
  width: 100%;
  border: none;
  padding-bottom: 0;
}
.animalWrap .animalInfo {
  width: 553px;
}
.animalWrap .animalInfo ul {
  width: 330px;
  float: right;
  margin-right: 20px;
  overflow: hidden;
  padding-top: 10px;
}
.animalWrap .animalInfo ul li {
  width: 100%;
  height: 28px;
  line-height: 28px;
  font-size: 13px;
  color: #3e3a39;
  margin-right: 18px;
  border-bottom: 1px dashed #d8d8d8;
}
.animalWrap .animalInfo .bazi {
  color: #fac62b;
  margin-right: 20px;
}
.animalWrap .animalInfo .wuxingWrap {
  float: right;
  width: 330px;
  height: 34px;
  line-height: 34px;
  margin-right: 20px;
  font-size: 13px;
}
.animalWrap .animalInfo .wuxingWrap .wuxing {
  display: block;
  float: left;
  width: 66px;
  color: #3a65bd;
}
.animalWrap .animalInfo .wuxingWrap .red {
  color: #e45915;
}
.animalWrap .animalBazi {
  width: 553px;
}
.animalWrap .animalBazi .secTop {
  text-align: center;
}
.animalWrap .animalBazi .secTop span {
  padding: 0 40px;
  color: #f3e8be;
}
.animalWrap .animalBazi ul {
  width: 513px;
  margin: 0 auto;
  overflow: hidden;
}
.animalWrap .animalBazi ul li {
  width: 100%;
  height: 27px;
  line-height: 27px;
  font-size: 13px;
  color: #3e3a39;
  margin-right: 18px;
  border-bottom: 1px dashed #d8d8d8;
}
.animalWrap .animalBazi ul li.qimidu {
  border: none;
}
.animalWrap .animalInfo2 {
  width: 513px;
  padding: 0 20px;
}
.animalWrap .animalInfo2 ul li {
  width: 100%;
  height: 27px;
  line-height: 27px;
  font-size: 13px;
  color: #3e3a39;
  margin-right: 18px;
  border-bottom: 1px dashed #d8d8d8;
}
.animalWrap .animalInfo2 ul li.qimidu {
  border: none;
}
.animalWrap .animalInfo2 .infoLeft {
  width: 100px;
  margin-right: 40px;
}
.animalWrap .animalInfo2 .infoMid {
  width: 193px;
  margin: 0 10px;
}
.animalWrap .animalInfo2 .infoRight {
  width: 120px;
  margin-left: 40px;
}
.animalWrap .animalInfo2 .xingji {
  height: 27px;
}
.animalWrap .animalInfo3 {
  width: 513px;
  padding: 0 20px;
}
.animalWrap .animalInfo3 ul {
  width: 220px;
}
.animalWrap .animalInfo3 ul li {
  width: 100%;
  height: 27px;
  line-height: 27px;
  font-size: 13px;
  color: #3e3a39;
  margin-right: 18px;
  border-bottom: 1px dashed #d8d8d8;
}
.animalWrap .animalInfo3 ul li.qimidu {
  border: none;
}
.animalWrap .animalInfo3 .infoLeft {
  margin-right: 32px;
}
.animalWrap .animalInfo3 .infoRight {
  margin-left: 37px;
}
.animalWrap .animalJN {
  width: 553px;
}
.animalWrap .animalJN .secTop {
  margin-bottom: 10px;
}
.animalWrap .animalJN .jnType {
  margin-left: 10px;
}
.animalWrap .animalJN .jnType span {
  cursor: pointer;
  display: inline-block;
  padding: 0 20px;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  color: #ffffff;
}
.animalWrap .animalJN .jnType span.active,
.animalWrap .animalJN .jnType span:hover {
  font-weight: bold;
  border-bottom: 2px solid #7d3dff;
}
.eventWrap .events ul li {
  width: auto !important;
}
.role .icon {
  position: relative;
  top: 50%;
  display: inline-block;
  vertical-align: top;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/ico_dfb74fef.png) no-repeat;
}
.role .icon-star {
  width: 15px;
  height: 14px;
  margin-top: -7px;
  background-position: -430px -151px;
}
.role .icon-star.all {
  background-position: -326px -119px;
}
.role .icon-star.half {
  background-position: -451px -151px;
}
.role .icon-childTabLeft {
  width: 10px;
  height: 9px;
  background-position: -291px -78px;
  margin-top: -4.5px;
}
.role .icon-childTabRight {
  width: 10px;
  height: 9px;
  background-position: -291px -95px;
  margin-top: -4.5px;
}
.pop {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 16px;
  color: #505050;
  z-index: 9999;
}
.pop .pop-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 1001;
  width: 566px;
  height: auto;
  min-height: 336px;
  padding: 40px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/pop-bg-bottom_5585ecc2.png), #ffffff;
  background-position: bottom,top;
  background-repeat: no-repeat, repeat;
}
.pop .pop-wrap.pop-big-decorate {
  min-height: 446px;
}
.pop .pop-wrap.pop-big-decorate:before {
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: -12px;
  content: '';
  display: block;
  width: 9px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/pop-decotare-big_36d53326.png) no-repeat;
  background-size: 100% 100%;
}
.pop .pop-wrap.pop-big-decorate:after {
  position: absolute;
  top: -10px;
  bottom: -10px;
  right: -12px;
  content: '';
  display: block;
  width: 9px;
  min-height: 446px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/pop-decotare-big_36d53326.png) no-repeat;
  background-size: 100% 100%;
}
.pop .pop-wrap.pop-small-decorate {
  min-height: 269px;
}
.pop .pop-wrap.pop-small-decorate:before {
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: -12px;
  content: '';
  display: block;
  width: 9px;
  min-height: 269px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/pop-descorate-small_e5b57dc8.png) no-repeat;
  background-size: 100% 100%;
}
.pop .pop-wrap.pop-small-decorate:after {
  position: absolute;
  top: -10px;
  bottom: -10px;
  right: -12px;
  content: '';
  display: block;
  width: 9px;
  min-height: 269px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/pop-descorate-small_e5b57dc8.png) no-repeat;
  background-size: 100% 100%;
}
.pop .mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
}
.pop .pop-video-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 1001;
  width: 850px;
  height: auto;
  min-height: 540px;
}
.pop .pop-video-content .video-close {
  position: absolute;
  right: -26px;
  top: 0;
  width: 24px;
  height: 25px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-685px -404px;

  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
}
.pop .pop-video-content .video-close:hover {
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.pop .close {
  position: absolute;
  right: 16px;
  top: 0;
  width: 30px;
  height: 77px;
  z-index: 9;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-364px -346px;

}
.pop .close:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-396px -346px;
width:30px;
height:77px;

}
.pop h1 {
  text-align: center;
  border-bottom: 1px solid #c9cacc;
  height: 53px;
  line-height: 60px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/title_12e3d0bd.png) no-repeat 46% center;
  font-size: 18px;
  color: #7077bf;
  font-weight: bold;
  margin-bottom: 30px;
}
.pop input {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: none;
  outline: none;
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  color: #8a8989;
  display: block;
  height: 44px;
  line-height: 44px;
  font-size: 14px;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #8a8989;
}
.pop input ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #8a8989;
}
.pop input :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #8a8989;
}
.pop input ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #8a8989;
}
.pop input :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #8a8989;
}
.pop input.small {
  width: 330px;
}
.pop .pop-sel {
  display: block;
  width: 440px;
  height: 44px;
}
.pop .pop-sel.small {
  width: 330px;
}
.pop .bottom-btns {
  margin-top: 30px;
  text-align: center;
}
.pop .line {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  /* 09版 */
  -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.pop .line label {
  display: block;
  width: 92px;
  color: #505050;
}
.pop .line .tip {
  font-size: 14px;
  color: #d86060;
  margin-left: 10px;
}
.pop .cnt {
  margin: 0 auto;
}
body .el-select {
  width: 140px;
}
body .el-select.topicSel {
  border: none;
}
body .el-select.topicSel .el-input.is-focus .el-input__inner,
body .el-select.topicSel .el-input__inner {
  border: none;
}
body .el-select .el-input.is-focus .el-input__inner,
body .el-select .el-input__inner {
  background: transparent;
  border-color: #8a8989;
}
body .el-select .el-input.is-focus .el-input__inner:focus,
body .el-select .el-input__inner:focus,
body .el-select .el-input.is-focus .el-input__inner.is-focus,
body .el-select .el-input__inner.is-focus {
  border-color: #8a8989;
  background: transparent;
}
body .el-message-box {
  position: relative;
  width: 530px;
  height: 271px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/alert-bg_dbaded9e.png) no-repeat;
  border: none;
}
body .el-message-box__title {
  width: 439px;
  margin: 0 auto;
  text-align: center;
  border-bottom: 1px solid #c9cacc;
  height: 53px;
  line-height: 60px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/title_12e3d0bd.png) no-repeat 46% center;
  font-size: 18px;
  color: #7077bf;
  font-weight: bold;
  letter-spacing: 5px;
}
body .el-message-box__message {
  text-align: center;
  font-size: 18px;
  color: #5e5d5d;
}
body .el-message-box__message .sub-tip {
  font-size: 14px;
  color: #858585;
}
body .el-message-box__message .bind-phone-tip {
  color: #858585;
}
body .el-message-box__message .bind-phone-tip:hover {
  text-decoration: underline;
}
body .el-message-box__header {
  padding-left: 30px;
  padding-right: 30px;
}
body .el-message-box__btns {
  text-align: center;
}
body .el-message-box__btns button:nth-child(2) {
  border-color: transparent;
}
body .el-message-box__content {
  padding: 30px 30px;
}
body .el-button--primary {
  font-size: 16px;
  background: #777db7;
  border-color: transparent !important;
}
body .el-button--primary:hover {
  background: #8f96e2;
}
body .el-button--primary.is-active,
body .el-button--primary:active,
body .el-button--primary:focus,
body .el-button--primary:hover {
  background: #8f96e2;
}
body .el-button--small,
body .el-button--small.is-round {
  padding: 10px 30px;
  font-size: 16px;
}
body .el-message-box__headerbtn {
  top: 13px;
  right: 12px;
  width: 30px;
  height: 77px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-364px -346px;

  z-index: 2;
}
body .el-message-box__headerbtn:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-396px -346px;
width:30px;
height:77px;

}
body .el-message-box__headerbtn i {
  display: none;
}
body .el-select-dropdown__item.hover,
body .el-select-dropdown__item:hover {
  background-color: #969abe;
  color: #fff;
}
body .el-pagination .btn-next,
body .el-pagination .btn-prev {
  background: none !important;
}
body .el-pagination .btn-next .el-icon,
body .el-pagination .btn-prev .el-icon {
  width: 16px;
  height: 16px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/ico_dfb74fef.png) 0 -62px;
  margin-top: 7px;
}
body .el-pagination .btn-next .el-icon:hover,
body .el-pagination .btn-prev .el-icon:hover {
  background-position-y: -86px;
}
body .el-pagination .btn-next .el-icon {
  right: -24px;
  background-position-x: -441px;
}
body .el-pagination .btn-prev .el-icon {
  left: -24px;
  background-position-x: -416px;
}
body .el-icon-arrow-right:before,
body .el-icon-arrow-left:before {
  content: "" !important;
}
body .el-dialog,
body .el-pager li {
  background: none !important;
  min-width: 0 !important;
  color: #374768;
}
body .el-dialog.active,
body .el-pager li.active,
body .el-dialog:hover,
body .el-pager li:hover {
  color: #fff !important;
}
body .el-pager {
  margin-top: 4px !important;
}
body .shudong-pager {
  text-align: center;
}
body .shudong-pager .el-pager {
  margin-top: 10px !important;
}
body .shudong-pager .el-pager li {
  position: relative;
  height: 34px;
  line-height: 34px;
  font-size: 20px;
  color: #b0abea;
  margin-left: 4px;
  margin-right: 4px;
}
body .shudong-pager .el-pager li.active,
body .shudong-pager .el-pager li:hover {
  color: #fff !important;
}
body .shudong-pager .btn-next,
body .shudong-pager .btn-prev {
  background: none !important;
}
body .shudong-pager .btn-next .el-icon,
body .shudong-pager .btn-prev .el-icon {
  margin-top: 19px;
}
body .shudong-pager .btn-next .el-icon,
body .shudong-pager .btn-prev .el-icon {
  width: 20px;
  height: 16px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/pager2_06c13236.png) 0 0;
}
body .shudong-pager .btn-next .el-icon {
  background-position: right 0;
}
body .shudong-pager .btn-next .el-icon:hover {
  opacity: 0.8;
  background-position: right 0;
}
body .shudong-pager .btn-prev .el-icon {
  background-position: 0 0;
}
body .shudong-pager .btn-prev .el-icon:hover {
  opacity: 0.8;
  background-position: 0 0;
}
html,
body {
  width: 100%;
}
body {
  color: #505050;
  min-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  background-image: url(https://hi.res.netease.com/pc/zt/20190529110735/img/bg_47c5f303.jpg);
  background-attachment: fixed;
  background-position: center top;
  background-size: 1920px;
  background-repeat: no-repeat;
}
#wrap {
  width: 100%;
}
#app {
  width: 100%;
  color: #4f4f4f;
  padding-top: 92px;
  font-size: 14px;
  min-width: 1400px;
}
.fl {
  float: left;
}
.redPoint {
  position: absolute;
  right: 18px;
  top: 5px;
  display: block;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #d86d6c;
}
.btn-player {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  display: block;
  width: 49px;
  height: 49px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-784px -348px;

}
.btn-player:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-835px -348px;
width:49px;
height:49px;

}
.btn-common {
  display: inline-block;
  background: #6765a2;
  height: 35px;
  line-height: 35px;
  padding: 0 30px;
  font-size: 16px;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
}
.btn-common:hover {
  background: #8986ca;
}
.btn-confirm {
  display: inline-block;
  font-size: 16px;
  background: #777db7;
  padding: 8px 40px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #fff;
  margin: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-confirm:hover {
  background: #8f96e2;
}
.btn-confirm.big {
  padding-left: 20px;
  padding-right: 20px;
  margin: 0;
}
.btn-confirm.big.quit {
  display: block;
  margin: 0 auto 10px;
}
.btn-cancel {
  display: inline-block;
  font-size: 16px;
  padding: 6px 40px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0 10px;
  border: 1px solid #777db7;
  color: #777db7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-cancel:hover {
  color: #656ba3;
  border-color: #656ba3;
}
.btn-cancel.big {
  padding-left: 20px;
  padding-right: 20px;
}
.nav-bg {
  position: fixed;
  left: 50%;
  top: 0;
  width: 1920px;
  max-width: 1920px;
  height: 91px;
  min-width: 1400px;
  margin-left: -960px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/bg-nav_b91c3fb7.jpg) no-repeat center top;
  z-index: 99;
  background-attachment: fixed;
}
.topNav {
  position: absolute;
  left: 50%;
  margin-left: -535px;
  width: 1070px;
}
.topNav.topNav-login {
  margin-left: -355px;
}
.topNav a {
  position: relative;
  display: inline-block;
  font-size: 20px;
  color: #33315f;
  height: 91px;
  line-height: 91px;
  margin: 0 22px;
  width: 132px;
  text-align: center;
}
.topNav a:after {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: -24px;
  content: '';
  width: 0;
  height: 20px;
  border-right: 1px solid #545a8b;
}
.topNav a:nth-child(6):after,
.topNav a:nth-child(7):after {
  border-right: none;
}
.topNav a:hover,
.topNav a.active {
  color: #ffffff;
  font-weight: bold;
  text-indent: 6px;
  text-align: left;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/nav-bg_38ca5d25.png) no-repeat center left;
}
.topNav a:nth-child(1).active {
  text-indent: 20px;
}
.topNav a:nth-child(2).active {
  text-indent: 19px;
}
.main-wrap {
  width: 1260px;
  margin: 0 auto;
  padding-left: 300px;
  box-sizing: border-box;
}
.main-wrap.toLeft {
  padding-left: 120px;
}
.content-frame {
  width: 1000px;
  height: auto;
  min-height: 742px;
  background: rgba(255, 255, 255, 0.7);
  padding: 30px 0 0 50px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.content-frame.album-frame {
  padding-right: 126px;
}
.bg-none {
  background: none !important;
}
.bg-add {
  background: rgba(255, 255, 255, 0.7) !important;
}
.md-frame {
  width: 1000px;
  height: auto;
  min-height: 1000px;
  background: rgba(255, 255, 255, 0.7);
  padding: 30px 0 0 50px;
  overflow: hidden;
  box-sizing: border-box;
}
.md-frame.pdl {
  padding-left: 0;
  background: transparent;
}
.md-frame #topic,
.md-frame .topic-item {
  position: relative;
  min-height: 500px;
  font-size: 14px;
  line-height: 26px;
  color: #636262;
  border-bottom: 1px dashed #9f9f9f;
}
.md-frame #topic .topic-box .topic-avatar,
.md-frame .topic-item .topic-box .topic-avatar {
  position: relative;
  width: 104px;
  height: 104px;
}
.md-frame #topic .topic-box .topic-avatar img,
.md-frame .topic-item .topic-box .topic-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.md-frame #topic .topic-box .content-box,
.md-frame .topic-item .topic-box .content-box {
  position: relative;
  width: 656px;
  margin-top: 10px;
  margin-left: 40px;
}
.md-frame #topic .topic-box .content-box .forward,
.md-frame .topic-item .topic-box .content-box .forward {
  background: #e9e9e9;
  padding: 10px 20px 10px;
  margin: 10px 0;
}
.md-frame #topic .topic-box .content-box .user-info,
.md-frame .topic-item .topic-box .content-box .user-info {
  margin: 0 0 3px;
  padding: 5px 0 0;
  margin-bottom: 15px;
}
.md-frame #topic .topic-box .content-box .user-info .nickname,
.md-frame .topic-item .topic-box .content-box .user-info .nickname {
  color: #404041;
  font-size: 20px;
  font-weight: bold;
}
.md-frame #topic .topic-box .content-box .user-info .nickname:hover,
.md-frame .topic-item .topic-box .content-box .user-info .nickname:hover {
  color: #615eb3;
}
.md-frame #topic .topic-box .content-box .user-info .follow,
.md-frame .topic-item .topic-box .content-box .user-info .follow {
  width: 59px;
  color: #d26d6c;
  border: solid 1px #d26d6c;
  padding: 2px 7px;
  border-radius: 3px;
  font-size: 12px;
  margin-left: 10px;
  line-height: 21px;
}
.md-frame #topic .topic-box .content-box .user-info .follow.followed,
.md-frame .topic-item .topic-box .content-box .user-info .follow.followed {
  background: #d26d6c;
  color: #fff;
}
.md-frame #topic .topic-box .content-box .topic-imgs,
.md-frame .topic-item .topic-box .content-box .topic-imgs {
  font-size: 0;
  margin-top: 10px;
  overflow: hidden;
}
.md-frame #topic .topic-box .content-box .topic-imgs .ul,
.md-frame .topic-item .topic-box .content-box .topic-imgs .ul {
  width: 494px;
}
.md-frame #topic .topic-box .content-box .topic-imgs .ul:after,
.md-frame .topic-item .topic-box .content-box .topic-imgs .ul:after {
  content: '';
  clear: both;
  display: block;
  width: 0;
  overflow: hidden;
  visibility: hidden;
}
.md-frame #topic .topic-box .content-box .topic-imgs .ul a,
.md-frame .topic-item .topic-box .content-box .topic-imgs .ul a {
  position: relative;
  float: left;
  width: 145px;
  height: 145px;
  overflow: hidden;
  margin-right: 15px;
  margin-top: 10px;
}
.md-frame #topic .topic-box .content-box .topic-imgs .ul a img,
.md-frame .topic-item .topic-box .content-box .topic-imgs .ul a img {
  width: 100%;
  height: 100%;
}
.md-frame #topic .topic-box .content-box .topic-video .video-item,
.md-frame .topic-item .topic-box .content-box .topic-video .video-item {
  position: relative;
  width: 145px;
  height: 145px;
  overflow: hidden;
  margin-right: 15px;
  margin-top: 10px;
}
.md-frame #topic .topic-box .content-box .topic-video .video-item img,
.md-frame .topic-item .topic-box .content-box .topic-video .video-item img {
  width: 100%;
  height: 100%;
}
.md-frame #topic .topic-text img,
.md-frame .topic-item .topic-text img {
  height: 30px;
  vertical-align: middle;
}
.md-frame #topic hr,
.md-frame .topic-item hr {
  position: relative;
  left: -140px;
  width: 790px;
  border: none;
  border-top: 1px dashed #9f9f9f;
  margin: 15px 0 0px;
}
.md-frame #topic .control-box,
.md-frame .topic-item .control-box {
  text-align: right;
  margin-top: 20px;
  padding: 0;
  position: relative;
}
.md-frame #topic .control-box .time,
.md-frame .topic-item .control-box .time {
  position: absolute;
  left: 0;
  top: 4px;
  color: #8a8a8a;
}
.md-frame #topic .control-box .time .source,
.md-frame .topic-item .control-box .time .source {
  margin-left: 42px;
}
.md-frame #topic .control-box .visibility,
.md-frame .topic-item .control-box .visibility {
  position: absolute;
  left: 160px;
  top: 8px;
  overflow: hidden;
}
.md-frame #topic .control-box .visibility:hover,
.md-frame .topic-item .control-box .visibility:hover {
  cursor: pointer;
  overflow: visible;
}
.md-frame #topic .control-box .visibility .status1,
.md-frame .topic-item .control-box .visibility .status1 {
  display: block;
  width: 18px;
  height: 16px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-352px -425px;

}
.md-frame #topic .control-box .visibility .status2,
.md-frame .topic-item .control-box .visibility .status2 {
  display: block;
  width: 14px;
  height: 16px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-52px -459px;

}
.md-frame #topic .control-box .visibility .tip-arr-wrap,
.md-frame .topic-item .control-box .visibility .tip-arr-wrap {
  position: absolute;
  height: 22px;
  background: #dfa540;
  border-radius: 3px;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  bottom: -29px;
  left: -9px;
  min-width: 50px;
  z-index: 9;
  display: block;
  white-space: nowrap;
  padding: 0 2px;
}
.md-frame #topic .control-box .visibility .tip-arr-wrap:after,
.md-frame .topic-item .control-box .visibility .tip-arr-wrap:after {
  content: '';
  position: absolute;
  left: 13px;
  top: -4px;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  background: #dfa540;
}
.md-frame #topic .zan-box,
.md-frame .topic-item .zan-box {
  overflow: hidden;
}
.md-frame #topic .zan-box li,
.md-frame .topic-item .zan-box li {
  width: 41px;
  height: 41px;
  margin-right: 14px;
  margin-top: 12px;
}
.md-frame #topic .zan-box li img,
.md-frame .topic-item .zan-box li img {
  width: 100%;
  height: 100%;
}
.md-frame #topic .zan-box li:nth-child(12n+0),
.md-frame .topic-item .zan-box li:nth-child(12n+0) {
  margin-right: 0;
}
.md-frame #topic .comment-box,
.md-frame .topic-item .comment-box {
  margin-top: 20px;
}
.md-frame .topic-item {
  min-height: 120px;
  margin-bottom: 24px;
  padding-bottom: 24px;
}
.bottom-box {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 59px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/bottom_0317c63e.jpg) no-repeat top center;
}
.icon-radio {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #7c7b7b;
  margin-left: 14px;
  font-weight: normal;
  padding-left: 20px;
}
.icon-radio:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  display: block;
  width: 11px;
  height: 11px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-725px -330px;

}
.detail .hr {
  height: 1px;
  width: 803px;
  margin-left: -150px;
  margin-top: 20px;
  border-bottom: 1px dashed #9f9f9f;
}
.detail .comment-content .comment-list .infinite-status-prompt {
  display: block;
}
.detail .topic-item {
  border-bottom: none;
}
.detail .comment-content {
  width: 600px;
}
.message .comment-content {
  width: 600px;
}
.btn-copyright {
  cursor: pointer;
  position: fixed;
  right: 10px;
  bottom: 30px;
  display: block;
  width: 106px;
  height: 32px;
  text-align: center;
  font-size: 16px;
  color: #f6e1b9;
  background: #6e0f0f;
  line-height: 32px;
  z-index: 102;
}
.btn-copyright i {
  display: inline-block;
  width: 12px;
  height: 7px;
  vertical-align: middle;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-932px -153px;

  -webkit-transition: transform 0.8s ease;
  -moz-transition: transform 0.8s ease;
  -ms-transition: transform 0.8s ease;
  -o-transition: transform 0.8s ease;
  transition: transform 0.8s ease;
}
.btn-copyright:hover,
.btn-copyright.active {
  background: #873312;
  color: #ffffde;
}
.btn-copyright:hover i,
.btn-copyright.active i {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-946px -153px;
width:12px;
height:7px;

}
.btn-copyright.active i {
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#bottom-footer-cp {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  z-index: 101;
}
#bottom-footer-cp.active {
  display: block;
}
#bottom-footer-cp #NIE-copyRight {
  color: #fff;
}
#bottom-footer-cp #NIE-copyRight .nie-cn-part2 {
  display: none;
}
#bottom-footer-cp #NIE-copyRight a {
  color: #fff;
}
#bottom-footer-cp #NIE-copyRight a:hover {
  color: #fff;
}
#bottom-footer-cp #NIE-copyRight a.nie-cn-guardianship {
  color: #fff;
}
#bottom-footer-cp #NIE-copyRight #ncp-l3 {
  display: none;
}
.role-job {
  width: 64px;
  height: 64px;
}
.role-job img {
  width: 100%;
  height: 100%;
}
.msg {
  display: block;
  position: absolute;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  line-height: 10px;
  background: red;
  font-size: 12px;
  text-indent: -999em;
  text-align: center;
  right: 5px;
  bottom: 60px;
}
.visi {
  visibility: hidden;
}
.ie .nav-bg {
  background-attachment: scroll!important;
}
@media screen and (min-width: 1920px) {
  .btn-copyright {
    left: 50%;
    margin-left: 843px;
  }
  .to-top {
    left: 50%;
    margin-left: 853px;
  }
}
html,
body {
  background-image: url(https://hi.res.netease.com/pc/zt/20190529110735/img/bg_f8654542.jpg);
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 1920px;
  background-color: #000;
  margin-left: auto;
  margin-right: auto;
  max-width: 1920px;
}
html.small .nav-bg,
body.small .nav-bg {
  position: absolute;
  z-index: 101;
}
html.small .sidebar-wrap,
body.small .sidebar-wrap {
  top: -396px;
  left: 50%;
  margin-left: -850px;
}
#app {
  padding-top: 140px;
  min-width: 1400px;
}
#app .to-top {
  right: 30px;
  bottom: 80px;
}
#app .role-job {
  width: 58px;
  height: 58px;
  text-align: center;
  vertical-align: middle;
  line-height: 58px;
}
#app .role-job img {
  width: 100%;
  height: 100%;
}
textarea.topic {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: none;
  outline: none;
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  width: 100%;
  height: 126px;
  color: #6a6a6a;
  display: block;
  margin-bottom: 16px;
  padding: 14px;
  font-size: 16px;
  line-height: 1.5;
  background: #e7e7e8;
  border: 1px solid #676599;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
textarea.topic ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #6a6a6a;
}
textarea.topic :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #6a6a6a;
}
textarea.topic ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #6a6a6a;
}
textarea.topic :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #6a6a6a;
}
.icon-wrap .icon-face {
  color: #fff;
  height: 21px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/icon-face_935f8138.png) no-repeat 10px center;
  background-color: #c55f5f;
  padding: 5px 10px 5px 36px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.icon-wrap .icon-face:hover {
  color: #fff;
  background-color: #ffa94a;
}
.operations {
  width: 100%;
  z-index: 2;
}
.operations .shudong-role-info {
  display: inline-block;
  margin-left: 24px;
  border-left: 1px solid #874445;
  padding-left: 24px;
  color: #b0abe7;
}
.operations .shudong-role-info .red {
  color: #c55f5f;
}
.operations .btn-toudi {
  padding: 0 20px 0 15px;
}
.operations .btn-toudi:hover {
  background: #ffa94a;
}
.operations .btn-toudi i {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
  top: 50%;
  margin-top: -11px;
  margin-right: 9px;
  vertical-align: top;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-711px -404px;

}
.btn-common {
  background: #5f5b94;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.nav-bg {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/bg-nav_6ac0886f.jpg) no-repeat center top;
  background-attachment: fixed;
}
.topNav {
  margin-left: -344px;
}
.topNav a {
  color: #b2aee5;
}
.topNav a:after {
  right: -24px;
  border-right: 1px solid #535a8b;
}
.topNav a:hover,
.topNav a.active {
  color: #fbfafa;
}
.main-wrap {
  width: 1360px;
  padding-left: 336px;
  padding-bottom: 40px;
}
.content-frame {
  width: 1000px;
  height: auto;
  min-height: 1000px;
  background: rgba(255, 255, 255, 0.7);
  padding: 30px 0 0 50px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.content-frame.shudong-frame {
  width: 1030px;
  padding: 0;
  overflow: visible;
  background: transparent;
}
.logo {
  display: block;
  width: 330px;
  height: 95px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-0px -346px;

}
.side-rule {
  position: relative;
  margin: 63px auto 40px;
  width: 206px;
  height: auto;
  min-height: 200px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/rule-top_144c0802.jpg), url(https://hi.res.netease.com/pc/zt/20190529110735/img/rule-bottom_e7f4d4bf.png), url(https://hi.res.netease.com/pc/zt/20190529110735/img/rule-rep_e1cae50b.jpg);
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: top,bottom,center;
  font-size: 14px;
  color: #646181;
  line-height: 1.5;
  padding: 62px 26px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.side-rule em {
  color: #c55f5f;
  font-style: normal;
  font-weight: normal;
}
.side-rule p {
  margin-bottom: 20px;
}
.side-rule p i {
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
  width: 14px;
  height: 14px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-626px -330px;

}
.side-rule:before {
  content: '';
  width: 250px;
  height: 9px;
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -125px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-569px -319px;

}
.side-rule:after {
  content: '';
  width: 250px;
  height: 9px;
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -125px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-569px -319px;

}
.inner-nav {
  width: 100%;
  margin: 24px 0 10px 0;
  border-bottom: 2px solid #5f5b94;
}
.inner-nav a {
  position: relative;
  float: left;
  display: block;
  width: 135px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #5f5b94;
  border-bottom: 2px solid transparent;
}
.inner-nav a i {
  position: relative;
  display: none;
}
.inner-nav a.active,
.inner-nav a:hover {
  background: #5f5b94;
  color: #fff;
  border-color: #ebbe6e;
}
.inner-nav a.active i,
.inner-nav a:hover i {
  display: inline-block;
  top: 50%;
  width: 21px;
  margin-right: 10px;
  vertical-align: top;
}
.inner-nav a.item1 i {
  margin-top: -7px;
  height: 14px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-569px -330px;
width:21px;

}
.inner-nav a.item2 i {
  margin-top: -9px;
  width: 17px;
  height: 17px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-470px -385px;

}
.inner-nav a.item3 i {
  margin-top: -11px;
  height: 22px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-735px -404px;
width:21px;

}
#face-box {
  top: 32px;
  left: 2px;
}
.shudong-list {
  position: relative;
  background: #39365a;
  width: 100%;
  min-height: 200px;
  padding: 16px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.shudong-list .item {
  position: relative;
  width: 100%;
  background: #26253c;
  margin-bottom: 20px;
  font-size: 16px;
  color: #cdcbef;
  padding: 20px 20px 20px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.shudong-list .item.open {
  background: #676391;
}
.shudong-list .user-info {
  position: relative;
  width: 160px;
  float: left;
  text-align: center;
}
.shudong-list .user-info .redPoint {
  right: 49px;
  top: 0;
  z-index: 2;
}
.shudong-list .avatar-wrap {
  position: relative;
  width: 58px;
  height: 58px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  border: 1px solid #c0bcff;
  margin: 0 auto 10px;
}
.shudong-list .server {
  font-size: 16px;
  color: #b0abea;
  text-align: center;
}
.shudong-list .time {
  font-size: 14px;
  color: #a09eb6;
}
.shudong-list .txt {
  margin-left: 223px;
}
.shudong-list .txt p {
  padding-right: 56px;
  line-height: 30px;
}
.shudong-list .oper-container {
  position: relative;
  height: 32px;
  width: 100%;
}
.shudong-list .shudong-operations {
  position: absolute;
  right: 20px;
  bottom: 0;
}
.shudong-list .shudong-operations a {
  position: relative;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  text-align: center;
  margin-right: 12px;
}
.shudong-list .shudong-operations a i {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 17px;
  margin-right: 6px;
}
.shudong-list .shudong-operations a.comment.showArr em {
  display: block;
}
.shudong-list .shudong-operations a.comment i {
  margin-top: 3px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-985px -404px;
width:20px;
height:17px;

}
.shudong-list .shudong-operations a.comment em {
  display: none;
  position: absolute;
  left: 1px;
  bottom: -15px;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #a09dbf;
  border-left: 10px solid transparent;
}
.shudong-list .shudong-operations a.comment:hover i {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-1007px -404px;
width:20px;
height:17px;

}
.shudong-list .shudong-operations a.comment.active i {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-467px -302px;
width:20px;
height:17px;

}
.shudong-list .shudong-operations a.zan i {
  margin-top: 2px;
  width: 17px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-485px -405px;
height:17px;

}
.shudong-list .shudong-operations a.zan:hover i {
  margin-top: 2px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-428px -405px;
width:17px;
height:17px;

}
.shudong-list .shudong-operations a.zan.active i {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-447px -405px;
width:17px;
height:17px;

}
.shudong-list .shudong-operations a.zan.dis i {
  opacity: 0.8;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-485px -405px;
width:17px;
height:17px;

}
.shudong-list .shudong-operations a.zan.dis:hover i {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-485px -405px;
width:17px;
height:17px;

}
.shudong-list .shudong-operations a.cai i {
  width: 18px;
  height: 19px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-965px -404px;

}
.shudong-list .shudong-operations a.cai:hover i {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-905px -404px;
width:18px;
height:19px;

}
.shudong-list .shudong-operations a.cai.active i {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-925px -404px;
width:18px;
height:19px;

}
.shudong-list .shudong-operations a.cai.dis i {
  opacity: 0.8;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-965px -404px;
width:18px;
height:19px;

}
.shudong-list .shudong-operations a.cai.dis:hover i {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-965px -404px;
width:18px;
height:19px;

}
.shudong-list .more-operation {
  position: absolute;
  right: 16px;
  top: 24px;
  cursor: pointer;
  background: #494669;
  height: 15px;
  line-height: 12px;
  padding: 0 5px 5px;
  vertical-align: middle;
  z-index: 2;
}
.shudong-list .more-operation:hover {
  background: #817dbc;
}
.shudong-list .more-operation:hover .btn-jubao {
  display: block;
}
.shudong-list .btn-jubao {
  display: none;
  position: absolute;
  right: -5px;
  top: -30px;
  width: 50px;
  height: 24px;
  line-height: 24px;
  color: #494669;
  background: #9d98e4;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
}
.shudong-list .btn-jubao:hover {
  background: #e4e2ff;
}
.shudong-list .btn-jubao:hover:after {
  border-top: 5px solid #e4e2ff;
}
.shudong-list .btn-jubao:after {
  position: absolute;
  bottom: -4px;
  left: 50%;
  margin-left: -3px;
  content: '';
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #9d98e4;
  font-size: 0px;
  line-height: 0px;
}
.shudong-comment-list {
  background: #a09dbf;
  width: 100%;
  padding-bottom: 20px;
}
.shudong-comment-list .text-count {
  color: #39365b;
}
.shudong-comment-item {
  margin: 15px 0;
}
.shudong-comment-item .info-item {
  position: relative;
  width: 884px;
  height: 32px;
  line-height: 32px;
  background: #716aa5;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding-left: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 15px auto;
}
.shudong-comment-item .info-item:after {
  content: '';
  clear: both;
  display: block;
  width: 0;
  overflow: hidden;
  visibility: hidden;
}
.shudong-comment-item .role-avatar {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -24px;
  width: 48px;
  height: 48px;
  border: 1px solid #bfbbfd;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}
.shudong-comment-item .role-avatar img {
  width: 100%;
  height: 100%;
}
.shudong-comment-item .level {
  color: #ffd253;
}
.shudong-comment-item .server {
  position: relative;
  color: #fff;
  padding: 0 30px 0 10px;
  margin-right: 30px;
}
.shudong-comment-item .server:after {
  content: '';
  width: 0;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 0;
  border-right: 1px solid #aeabec;
}
.shudong-comment-item .time {
  font-size: 14px;
  color: #b7b4d1;
}
.shudong-comment-item .comment-txt {
  width: 884px;
  margin: 10px auto 0;
  color: #39365b;
  text-indent: 3em;
}
.shudong-comment-item .comment-txt img {
  height: 30px;
}
.sidebar-wrap a.btn-refresh {
  position: relative;
  display: block;
  color: #d5d2ff;
  text-align: center;
  width: 135px;
  margin: -10px auto 0;
  cursor: pointer;
}
.sidebar-wrap a.btn-refresh:hover {
  color: #eeedff;
}
.sidebar-wrap a.btn-refresh:hover .icon-refresh {
  animation: iconRefresh 2s steps(1) 0s infinite normal none;
}
.sidebar-wrap a.btn-refresh em {
  position: relative;
  margin-top: 1px;
  display: inline-block;
  width: 19px;
  height: 15px;
  margin-right: 2px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-f78bb5_f78bb5e8.png) no-repeat;background-size:1040px 614px;
background-position:-372px -425px;

  -webkit-animation: rotate 3s infinite 300ms 0 ease;
  -moz-animation: rotate 3s infinite 300ms 0 ease;
  -ms-animation: rotate 3s infinite 300ms 0 ease;
  animation: rotate 3s infinite 300ms 0 ease;
  -o-animation: rotate 3s infinite;
  -webkit-animation: rotate 3s infinite;
  -moz-animation: rotate 3s infinite;
  -ms-animation: rotate 3s infinite;
  animation: rotate 3s infinite;
}
.sidebar-wrap a.btn-refresh .icon-refresh {
  display: block;
  margin: 0 auto;
  background-image: url(https://hi.res.netease.com/pc/zt/20190529110735/img/anniu_6c158e80.png);
  width: 135px;
  height: 135px;
}
.pager {
  text-align: center;
}
.particle-left {
  position: fixed;
  left: 0;
  top: 649px;
  width: 420px;
  height: 420px;
}
.shudong {
  position: relative;
}
.shudong .sidebar-wrap {
  z-index: 1001;
}
.particle-right {
  position: fixed;
  left: 50%;
  margin-left: 690px;
  top: 211.5px;
  width: 420px;
  height: 420px;
}
.BX_Sprite1 {
  background-image: url(https://hi.res.netease.com/pc/zt/20190529110735/img/zuoce_b5dcefd1.png);
  width: 450px;
  height: 380px;
  -webkit-animation: BX_SprAniKey1 2s steps(1) 0s infinite normal none 300ms 0 ease;
  -moz-animation: BX_SprAniKey1 2s steps(1) 0s infinite normal none 300ms 0 ease;
  -ms-animation: BX_SprAniKey1 2s steps(1) 0s infinite normal none 300ms 0 ease;
  animation: BX_SprAniKey1 2s steps(1) 0s infinite normal none 300ms 0 ease;
  -o-animation: BX_SprAniKey1 2s steps(1) 0s infinite normal none;
  -webkit-animation: BX_SprAniKey1 2s steps(1) 0s infinite normal none;
  -moz-animation: BX_SprAniKey1 2s steps(1) 0s infinite normal none;
  -ms-animation: BX_SprAniKey1 2s steps(1) 0s infinite normal none;
  animation: BX_SprAniKey1 2s steps(1) 0s infinite normal none;
}
@-webkit-keyframes BX_SprAniKey1 {
  0% {
    background-position: 0px 0px;
  }
  1.67% {
    background-position: -450px 0px;
  }
  3.33% {
    background-position: 0px -380px;
  }
  5.00% {
    background-position: -450px -380px;
  }
  6.67% {
    background-position: 0px -760px;
  }
  8.33% {
    background-position: -450px -760px;
  }
  10.00% {
    background-position: 0px -1140px;
  }
  11.67% {
    background-position: -450px -1140px;
  }
  13.33% {
    background-position: 0px -1520px;
  }
  15.00% {
    background-position: -450px -1520px;
  }
  16.67% {
    background-position: 0px -1900px;
  }
  18.33% {
    background-position: -450px -1900px;
  }
  20.00% {
    background-position: 0px -2280px;
  }
  21.67% {
    background-position: -450px -2280px;
  }
  23.33% {
    background-position: 0px -2660px;
  }
  25.00% {
    background-position: -450px -2660px;
  }
  26.67% {
    background-position: 0px -3040px;
  }
  28.33% {
    background-position: -450px -3040px;
  }
  30.00% {
    background-position: 0px -3420px;
  }
  31.67% {
    background-position: -450px -3420px;
  }
  33.33% {
    background-position: 0px -3800px;
  }
  35.00% {
    background-position: -450px -3800px;
  }
  36.67% {
    background-position: 0px -4180px;
  }
  38.33% {
    background-position: -450px -4180px;
  }
  40.00% {
    background-position: 0px -4560px;
  }
  41.67% {
    background-position: -450px -4560px;
  }
  43.33% {
    background-position: 0px -4940px;
  }
  45.00% {
    background-position: -450px -4940px;
  }
  46.67% {
    background-position: 0px -5320px;
  }
  48.33% {
    background-position: -450px -5320px;
  }
  50.00% {
    background-position: 0px -5700px;
  }
  51.67% {
    background-position: -450px -5700px;
  }
  53.33% {
    background-position: 0px -6080px;
  }
  55.00% {
    background-position: -450px -6080px;
  }
  56.67% {
    background-position: 0px -6460px;
  }
  58.33% {
    background-position: -450px -6460px;
  }
  60.00% {
    background-position: 0px -6840px;
  }
  61.67% {
    background-position: -450px -6840px;
  }
  63.33% {
    background-position: 0px -7220px;
  }
  65.00% {
    background-position: -450px -7220px;
  }
  66.67% {
    background-position: 0px -7600px;
  }
  68.33% {
    background-position: -450px -7600px;
  }
  70.00% {
    background-position: 0px -7980px;
  }
  71.67% {
    background-position: -450px -7980px;
  }
  73.33% {
    background-position: 0px -8360px;
  }
  75.00% {
    background-position: -450px -8360px;
  }
  76.67% {
    background-position: 0px -8740px;
  }
  78.33% {
    background-position: -450px -8740px;
  }
  80.00% {
    background-position: 0px -9120px;
  }
  81.67% {
    background-position: -450px -9120px;
  }
  83.33% {
    background-position: 0px -9500px;
  }
  85.00% {
    background-position: -450px -9500px;
  }
  86.67% {
    background-position: 0px -9880px;
  }
  88.33% {
    background-position: -450px -9880px;
  }
  90.00% {
    background-position: 0px -10260px;
  }
  91.67% {
    background-position: -450px -10260px;
  }
  93.33% {
    background-position: 0px -10640px;
  }
  95.00% {
    background-position: -450px -10640px;
  }
  96.67% {
    background-position: 0px -11020px;
  }
  98.33% {
    background-position: -450px -11020px;
  }
}
@-moz-keyframes BX_SprAniKey1 {
  0% {
    background-position: 0px 0px;
  }
  1.67% {
    background-position: -450px 0px;
  }
  3.33% {
    background-position: 0px -380px;
  }
  5.00% {
    background-position: -450px -380px;
  }
  6.67% {
    background-position: 0px -760px;
  }
  8.33% {
    background-position: -450px -760px;
  }
  10.00% {
    background-position: 0px -1140px;
  }
  11.67% {
    background-position: -450px -1140px;
  }
  13.33% {
    background-position: 0px -1520px;
  }
  15.00% {
    background-position: -450px -1520px;
  }
  16.67% {
    background-position: 0px -1900px;
  }
  18.33% {
    background-position: -450px -1900px;
  }
  20.00% {
    background-position: 0px -2280px;
  }
  21.67% {
    background-position: -450px -2280px;
  }
  23.33% {
    background-position: 0px -2660px;
  }
  25.00% {
    background-position: -450px -2660px;
  }
  26.67% {
    background-position: 0px -3040px;
  }
  28.33% {
    background-position: -450px -3040px;
  }
  30.00% {
    background-position: 0px -3420px;
  }
  31.67% {
    background-position: -450px -3420px;
  }
  33.33% {
    background-position: 0px -3800px;
  }
  35.00% {
    background-position: -450px -3800px;
  }
  36.67% {
    background-position: 0px -4180px;
  }
  38.33% {
    background-position: -450px -4180px;
  }
  40.00% {
    background-position: 0px -4560px;
  }
  41.67% {
    background-position: -450px -4560px;
  }
  43.33% {
    background-position: 0px -4940px;
  }
  45.00% {
    background-position: -450px -4940px;
  }
  46.67% {
    background-position: 0px -5320px;
  }
  48.33% {
    background-position: -450px -5320px;
  }
  50.00% {
    background-position: 0px -5700px;
  }
  51.67% {
    background-position: -450px -5700px;
  }
  53.33% {
    background-position: 0px -6080px;
  }
  55.00% {
    background-position: -450px -6080px;
  }
  56.67% {
    background-position: 0px -6460px;
  }
  58.33% {
    background-position: -450px -6460px;
  }
  60.00% {
    background-position: 0px -6840px;
  }
  61.67% {
    background-position: -450px -6840px;
  }
  63.33% {
    background-position: 0px -7220px;
  }
  65.00% {
    background-position: -450px -7220px;
  }
  66.67% {
    background-position: 0px -7600px;
  }
  68.33% {
    background-position: -450px -7600px;
  }
  70.00% {
    background-position: 0px -7980px;
  }
  71.67% {
    background-position: -450px -7980px;
  }
  73.33% {
    background-position: 0px -8360px;
  }
  75.00% {
    background-position: -450px -8360px;
  }
  76.67% {
    background-position: 0px -8740px;
  }
  78.33% {
    background-position: -450px -8740px;
  }
  80.00% {
    background-position: 0px -9120px;
  }
  81.67% {
    background-position: -450px -9120px;
  }
  83.33% {
    background-position: 0px -9500px;
  }
  85.00% {
    background-position: -450px -9500px;
  }
  86.67% {
    background-position: 0px -9880px;
  }
  88.33% {
    background-position: -450px -9880px;
  }
  90.00% {
    background-position: 0px -10260px;
  }
  91.67% {
    background-position: -450px -10260px;
  }
  93.33% {
    background-position: 0px -10640px;
  }
  95.00% {
    background-position: -450px -10640px;
  }
  96.67% {
    background-position: 0px -11020px;
  }
  98.33% {
    background-position: -450px -11020px;
  }
}
@-ms-keyframes BX_SprAniKey1 {
  0% {
    background-position: 0px 0px;
  }
  1.67% {
    background-position: -450px 0px;
  }
  3.33% {
    background-position: 0px -380px;
  }
  5.00% {
    background-position: -450px -380px;
  }
  6.67% {
    background-position: 0px -760px;
  }
  8.33% {
    background-position: -450px -760px;
  }
  10.00% {
    background-position: 0px -1140px;
  }
  11.67% {
    background-position: -450px -1140px;
  }
  13.33% {
    background-position: 0px -1520px;
  }
  15.00% {
    background-position: -450px -1520px;
  }
  16.67% {
    background-position: 0px -1900px;
  }
  18.33% {
    background-position: -450px -1900px;
  }
  20.00% {
    background-position: 0px -2280px;
  }
  21.67% {
    background-position: -450px -2280px;
  }
  23.33% {
    background-position: 0px -2660px;
  }
  25.00% {
    background-position: -450px -2660px;
  }
  26.67% {
    background-position: 0px -3040px;
  }
  28.33% {
    background-position: -450px -3040px;
  }
  30.00% {
    background-position: 0px -3420px;
  }
  31.67% {
    background-position: -450px -3420px;
  }
  33.33% {
    background-position: 0px -3800px;
  }
  35.00% {
    background-position: -450px -3800px;
  }
  36.67% {
    background-position: 0px -4180px;
  }
  38.33% {
    background-position: -450px -4180px;
  }
  40.00% {
    background-position: 0px -4560px;
  }
  41.67% {
    background-position: -450px -4560px;
  }
  43.33% {
    background-position: 0px -4940px;
  }
  45.00% {
    background-position: -450px -4940px;
  }
  46.67% {
    background-position: 0px -5320px;
  }
  48.33% {
    background-position: -450px -5320px;
  }
  50.00% {
    background-position: 0px -5700px;
  }
  51.67% {
    background-position: -450px -5700px;
  }
  53.33% {
    background-position: 0px -6080px;
  }
  55.00% {
    background-position: -450px -6080px;
  }
  56.67% {
    background-position: 0px -6460px;
  }
  58.33% {
    background-position: -450px -6460px;
  }
  60.00% {
    background-position: 0px -6840px;
  }
  61.67% {
    background-position: -450px -6840px;
  }
  63.33% {
    background-position: 0px -7220px;
  }
  65.00% {
    background-position: -450px -7220px;
  }
  66.67% {
    background-position: 0px -7600px;
  }
  68.33% {
    background-position: -450px -7600px;
  }
  70.00% {
    background-position: 0px -7980px;
  }
  71.67% {
    background-position: -450px -7980px;
  }
  73.33% {
    background-position: 0px -8360px;
  }
  75.00% {
    background-position: -450px -8360px;
  }
  76.67% {
    background-position: 0px -8740px;
  }
  78.33% {
    background-position: -450px -8740px;
  }
  80.00% {
    background-position: 0px -9120px;
  }
  81.67% {
    background-position: -450px -9120px;
  }
  83.33% {
    background-position: 0px -9500px;
  }
  85.00% {
    background-position: -450px -9500px;
  }
  86.67% {
    background-position: 0px -9880px;
  }
  88.33% {
    background-position: -450px -9880px;
  }
  90.00% {
    background-position: 0px -10260px;
  }
  91.67% {
    background-position: -450px -10260px;
  }
  93.33% {
    background-position: 0px -10640px;
  }
  95.00% {
    background-position: -450px -10640px;
  }
  96.67% {
    background-position: 0px -11020px;
  }
  98.33% {
    background-position: -450px -11020px;
  }
}
@-o-keyframes BX_SprAniKey1 {
  0% {
    background-position: 0px 0px;
  }
  1.67% {
    background-position: -450px 0px;
  }
  3.33% {
    background-position: 0px -380px;
  }
  5.00% {
    background-position: -450px -380px;
  }
  6.67% {
    background-position: 0px -760px;
  }
  8.33% {
    background-position: -450px -760px;
  }
  10.00% {
    background-position: 0px -1140px;
  }
  11.67% {
    background-position: -450px -1140px;
  }
  13.33% {
    background-position: 0px -1520px;
  }
  15.00% {
    background-position: -450px -1520px;
  }
  16.67% {
    background-position: 0px -1900px;
  }
  18.33% {
    background-position: -450px -1900px;
  }
  20.00% {
    background-position: 0px -2280px;
  }
  21.67% {
    background-position: -450px -2280px;
  }
  23.33% {
    background-position: 0px -2660px;
  }
  25.00% {
    background-position: -450px -2660px;
  }
  26.67% {
    background-position: 0px -3040px;
  }
  28.33% {
    background-position: -450px -3040px;
  }
  30.00% {
    background-position: 0px -3420px;
  }
  31.67% {
    background-position: -450px -3420px;
  }
  33.33% {
    background-position: 0px -3800px;
  }
  35.00% {
    background-position: -450px -3800px;
  }
  36.67% {
    background-position: 0px -4180px;
  }
  38.33% {
    background-position: -450px -4180px;
  }
  40.00% {
    background-position: 0px -4560px;
  }
  41.67% {
    background-position: -450px -4560px;
  }
  43.33% {
    background-position: 0px -4940px;
  }
  45.00% {
    background-position: -450px -4940px;
  }
  46.67% {
    background-position: 0px -5320px;
  }
  48.33% {
    background-position: -450px -5320px;
  }
  50.00% {
    background-position: 0px -5700px;
  }
  51.67% {
    background-position: -450px -5700px;
  }
  53.33% {
    background-position: 0px -6080px;
  }
  55.00% {
    background-position: -450px -6080px;
  }
  56.67% {
    background-position: 0px -6460px;
  }
  58.33% {
    background-position: -450px -6460px;
  }
  60.00% {
    background-position: 0px -6840px;
  }
  61.67% {
    background-position: -450px -6840px;
  }
  63.33% {
    background-position: 0px -7220px;
  }
  65.00% {
    background-position: -450px -7220px;
  }
  66.67% {
    background-position: 0px -7600px;
  }
  68.33% {
    background-position: -450px -7600px;
  }
  70.00% {
    background-position: 0px -7980px;
  }
  71.67% {
    background-position: -450px -7980px;
  }
  73.33% {
    background-position: 0px -8360px;
  }
  75.00% {
    background-position: -450px -8360px;
  }
  76.67% {
    background-position: 0px -8740px;
  }
  78.33% {
    background-position: -450px -8740px;
  }
  80.00% {
    background-position: 0px -9120px;
  }
  81.67% {
    background-position: -450px -9120px;
  }
  83.33% {
    background-position: 0px -9500px;
  }
  85.00% {
    background-position: -450px -9500px;
  }
  86.67% {
    background-position: 0px -9880px;
  }
  88.33% {
    background-position: -450px -9880px;
  }
  90.00% {
    background-position: 0px -10260px;
  }
  91.67% {
    background-position: -450px -10260px;
  }
  93.33% {
    background-position: 0px -10640px;
  }
  95.00% {
    background-position: -450px -10640px;
  }
  96.67% {
    background-position: 0px -11020px;
  }
  98.33% {
    background-position: -450px -11020px;
  }
}
@keyframes BX_SprAniKey1 {
  0% {
    background-position: 0px 0px;
  }
  1.67% {
    background-position: -450px 0px;
  }
  3.33% {
    background-position: 0px -380px;
  }
  5.00% {
    background-position: -450px -380px;
  }
  6.67% {
    background-position: 0px -760px;
  }
  8.33% {
    background-position: -450px -760px;
  }
  10.00% {
    background-position: 0px -1140px;
  }
  11.67% {
    background-position: -450px -1140px;
  }
  13.33% {
    background-position: 0px -1520px;
  }
  15.00% {
    background-position: -450px -1520px;
  }
  16.67% {
    background-position: 0px -1900px;
  }
  18.33% {
    background-position: -450px -1900px;
  }
  20.00% {
    background-position: 0px -2280px;
  }
  21.67% {
    background-position: -450px -2280px;
  }
  23.33% {
    background-position: 0px -2660px;
  }
  25.00% {
    background-position: -450px -2660px;
  }
  26.67% {
    background-position: 0px -3040px;
  }
  28.33% {
    background-position: -450px -3040px;
  }
  30.00% {
    background-position: 0px -3420px;
  }
  31.67% {
    background-position: -450px -3420px;
  }
  33.33% {
    background-position: 0px -3800px;
  }
  35.00% {
    background-position: -450px -3800px;
  }
  36.67% {
    background-position: 0px -4180px;
  }
  38.33% {
    background-position: -450px -4180px;
  }
  40.00% {
    background-position: 0px -4560px;
  }
  41.67% {
    background-position: -450px -4560px;
  }
  43.33% {
    background-position: 0px -4940px;
  }
  45.00% {
    background-position: -450px -4940px;
  }
  46.67% {
    background-position: 0px -5320px;
  }
  48.33% {
    background-position: -450px -5320px;
  }
  50.00% {
    background-position: 0px -5700px;
  }
  51.67% {
    background-position: -450px -5700px;
  }
  53.33% {
    background-position: 0px -6080px;
  }
  55.00% {
    background-position: -450px -6080px;
  }
  56.67% {
    background-position: 0px -6460px;
  }
  58.33% {
    background-position: -450px -6460px;
  }
  60.00% {
    background-position: 0px -6840px;
  }
  61.67% {
    background-position: -450px -6840px;
  }
  63.33% {
    background-position: 0px -7220px;
  }
  65.00% {
    background-position: -450px -7220px;
  }
  66.67% {
    background-position: 0px -7600px;
  }
  68.33% {
    background-position: -450px -7600px;
  }
  70.00% {
    background-position: 0px -7980px;
  }
  71.67% {
    background-position: -450px -7980px;
  }
  73.33% {
    background-position: 0px -8360px;
  }
  75.00% {
    background-position: -450px -8360px;
  }
  76.67% {
    background-position: 0px -8740px;
  }
  78.33% {
    background-position: -450px -8740px;
  }
  80.00% {
    background-position: 0px -9120px;
  }
  81.67% {
    background-position: -450px -9120px;
  }
  83.33% {
    background-position: 0px -9500px;
  }
  85.00% {
    background-position: -450px -9500px;
  }
  86.67% {
    background-position: 0px -9880px;
  }
  88.33% {
    background-position: -450px -9880px;
  }
  90.00% {
    background-position: 0px -10260px;
  }
  91.67% {
    background-position: -450px -10260px;
  }
  93.33% {
    background-position: 0px -10640px;
  }
  95.00% {
    background-position: -450px -10640px;
  }
  96.67% {
    background-position: 0px -11020px;
  }
  98.33% {
    background-position: -450px -11020px;
  }
}
@-webkit-keyframes BX_SprAniKey1 {
  0% {
    background-position: 0px 0px;
  }
  1.67% {
    background-position: -450px 0px;
  }
  3.33% {
    background-position: 0px -380px;
  }
  5.00% {
    background-position: -450px -380px;
  }
  6.67% {
    background-position: 0px -760px;
  }
  8.33% {
    background-position: -450px -760px;
  }
  10.00% {
    background-position: 0px -1140px;
  }
  11.67% {
    background-position: -450px -1140px;
  }
  13.33% {
    background-position: 0px -1520px;
  }
  15.00% {
    background-position: -450px -1520px;
  }
  16.67% {
    background-position: 0px -1900px;
  }
  18.33% {
    background-position: -450px -1900px;
  }
  20.00% {
    background-position: 0px -2280px;
  }
  21.67% {
    background-position: -450px -2280px;
  }
  23.33% {
    background-position: 0px -2660px;
  }
  25.00% {
    background-position: -450px -2660px;
  }
  26.67% {
    background-position: 0px -3040px;
  }
  28.33% {
    background-position: -450px -3040px;
  }
  30.00% {
    background-position: 0px -3420px;
  }
  31.67% {
    background-position: -450px -3420px;
  }
  33.33% {
    background-position: 0px -3800px;
  }
  35.00% {
    background-position: -450px -3800px;
  }
  36.67% {
    background-position: 0px -4180px;
  }
  38.33% {
    background-position: -450px -4180px;
  }
  40.00% {
    background-position: 0px -4560px;
  }
  41.67% {
    background-position: -450px -4560px;
  }
  43.33% {
    background-position: 0px -4940px;
  }
  45.00% {
    background-position: -450px -4940px;
  }
  46.67% {
    background-position: 0px -5320px;
  }
  48.33% {
    background-position: -450px -5320px;
  }
  50.00% {
    background-position: 0px -5700px;
  }
  51.67% {
    background-position: -450px -5700px;
  }
  53.33% {
    background-position: 0px -6080px;
  }
  55.00% {
    background-position: -450px -6080px;
  }
  56.67% {
    background-position: 0px -6460px;
  }
  58.33% {
    background-position: -450px -6460px;
  }
  60.00% {
    background-position: 0px -6840px;
  }
  61.67% {
    background-position: -450px -6840px;
  }
  63.33% {
    background-position: 0px -7220px;
  }
  65.00% {
    background-position: -450px -7220px;
  }
  66.67% {
    background-position: 0px -7600px;
  }
  68.33% {
    background-position: -450px -7600px;
  }
  70.00% {
    background-position: 0px -7980px;
  }
  71.67% {
    background-position: -450px -7980px;
  }
  73.33% {
    background-position: 0px -8360px;
  }
  75.00% {
    background-position: -450px -8360px;
  }
  76.67% {
    background-position: 0px -8740px;
  }
  78.33% {
    background-position: -450px -8740px;
  }
  80.00% {
    background-position: 0px -9120px;
  }
  81.67% {
    background-position: -450px -9120px;
  }
  83.33% {
    background-position: 0px -9500px;
  }
  85.00% {
    background-position: -450px -9500px;
  }
  86.67% {
    background-position: 0px -9880px;
  }
  88.33% {
    background-position: -450px -9880px;
  }
  90.00% {
    background-position: 0px -10260px;
  }
  91.67% {
    background-position: -450px -10260px;
  }
  93.33% {
    background-position: 0px -10640px;
  }
  95.00% {
    background-position: -450px -10640px;
  }
  96.67% {
    background-position: 0px -11020px;
  }
  98.33% {
    background-position: -450px -11020px;
  }
}
@-moz-keyframes BX_SprAniKey1 {
  0% {
    background-position: 0px 0px;
  }
  1.67% {
    background-position: -450px 0px;
  }
  3.33% {
    background-position: 0px -380px;
  }
  5.00% {
    background-position: -450px -380px;
  }
  6.67% {
    background-position: 0px -760px;
  }
  8.33% {
    background-position: -450px -760px;
  }
  10.00% {
    background-position: 0px -1140px;
  }
  11.67% {
    background-position: -450px -1140px;
  }
  13.33% {
    background-position: 0px -1520px;
  }
  15.00% {
    background-position: -450px -1520px;
  }
  16.67% {
    background-position: 0px -1900px;
  }
  18.33% {
    background-position: -450px -1900px;
  }
  20.00% {
    background-position: 0px -2280px;
  }
  21.67% {
    background-position: -450px -2280px;
  }
  23.33% {
    background-position: 0px -2660px;
  }
  25.00% {
    background-position: -450px -2660px;
  }
  26.67% {
    background-position: 0px -3040px;
  }
  28.33% {
    background-position: -450px -3040px;
  }
  30.00% {
    background-position: 0px -3420px;
  }
  31.67% {
    background-position: -450px -3420px;
  }
  33.33% {
    background-position: 0px -3800px;
  }
  35.00% {
    background-position: -450px -3800px;
  }
  36.67% {
    background-position: 0px -4180px;
  }
  38.33% {
    background-position: -450px -4180px;
  }
  40.00% {
    background-position: 0px -4560px;
  }
  41.67% {
    background-position: -450px -4560px;
  }
  43.33% {
    background-position: 0px -4940px;
  }
  45.00% {
    background-position: -450px -4940px;
  }
  46.67% {
    background-position: 0px -5320px;
  }
  48.33% {
    background-position: -450px -5320px;
  }
  50.00% {
    background-position: 0px -5700px;
  }
  51.67% {
    background-position: -450px -5700px;
  }
  53.33% {
    background-position: 0px -6080px;
  }
  55.00% {
    background-position: -450px -6080px;
  }
  56.67% {
    background-position: 0px -6460px;
  }
  58.33% {
    background-position: -450px -6460px;
  }
  60.00% {
    background-position: 0px -6840px;
  }
  61.67% {
    background-position: -450px -6840px;
  }
  63.33% {
    background-position: 0px -7220px;
  }
  65.00% {
    background-position: -450px -7220px;
  }
  66.67% {
    background-position: 0px -7600px;
  }
  68.33% {
    background-position: -450px -7600px;
  }
  70.00% {
    background-position: 0px -7980px;
  }
  71.67% {
    background-position: -450px -7980px;
  }
  73.33% {
    background-position: 0px -8360px;
  }
  75.00% {
    background-position: -450px -8360px;
  }
  76.67% {
    background-position: 0px -8740px;
  }
  78.33% {
    background-position: -450px -8740px;
  }
  80.00% {
    background-position: 0px -9120px;
  }
  81.67% {
    background-position: -450px -9120px;
  }
  83.33% {
    background-position: 0px -9500px;
  }
  85.00% {
    background-position: -450px -9500px;
  }
  86.67% {
    background-position: 0px -9880px;
  }
  88.33% {
    background-position: -450px -9880px;
  }
  90.00% {
    background-position: 0px -10260px;
  }
  91.67% {
    background-position: -450px -10260px;
  }
  93.33% {
    background-position: 0px -10640px;
  }
  95.00% {
    background-position: -450px -10640px;
  }
  96.67% {
    background-position: 0px -11020px;
  }
  98.33% {
    background-position: -450px -11020px;
  }
}
@-ms-keyframes BX_SprAniKey1 {
  0% {
    background-position: 0px 0px;
  }
  1.67% {
    background-position: -450px 0px;
  }
  3.33% {
    background-position: 0px -380px;
  }
  5.00% {
    background-position: -450px -380px;
  }
  6.67% {
    background-position: 0px -760px;
  }
  8.33% {
    background-position: -450px -760px;
  }
  10.00% {
    background-position: 0px -1140px;
  }
  11.67% {
    background-position: -450px -1140px;
  }
  13.33% {
    background-position: 0px -1520px;
  }
  15.00% {
    background-position: -450px -1520px;
  }
  16.67% {
    background-position: 0px -1900px;
  }
  18.33% {
    background-position: -450px -1900px;
  }
  20.00% {
    background-position: 0px -2280px;
  }
  21.67% {
    background-position: -450px -2280px;
  }
  23.33% {
    background-position: 0px -2660px;
  }
  25.00% {
    background-position: -450px -2660px;
  }
  26.67% {
    background-position: 0px -3040px;
  }
  28.33% {
    background-position: -450px -3040px;
  }
  30.00% {
    background-position: 0px -3420px;
  }
  31.67% {
    background-position: -450px -3420px;
  }
  33.33% {
    background-position: 0px -3800px;
  }
  35.00% {
    background-position: -450px -3800px;
  }
  36.67% {
    background-position: 0px -4180px;
  }
  38.33% {
    background-position: -450px -4180px;
  }
  40.00% {
    background-position: 0px -4560px;
  }
  41.67% {
    background-position: -450px -4560px;
  }
  43.33% {
    background-position: 0px -4940px;
  }
  45.00% {
    background-position: -450px -4940px;
  }
  46.67% {
    background-position: 0px -5320px;
  }
  48.33% {
    background-position: -450px -5320px;
  }
  50.00% {
    background-position: 0px -5700px;
  }
  51.67% {
    background-position: -450px -5700px;
  }
  53.33% {
    background-position: 0px -6080px;
  }
  55.00% {
    background-position: -450px -6080px;
  }
  56.67% {
    background-position: 0px -6460px;
  }
  58.33% {
    background-position: -450px -6460px;
  }
  60.00% {
    background-position: 0px -6840px;
  }
  61.67% {
    background-position: -450px -6840px;
  }
  63.33% {
    background-position: 0px -7220px;
  }
  65.00% {
    background-position: -450px -7220px;
  }
  66.67% {
    background-position: 0px -7600px;
  }
  68.33% {
    background-position: -450px -7600px;
  }
  70.00% {
    background-position: 0px -7980px;
  }
  71.67% {
    background-position: -450px -7980px;
  }
  73.33% {
    background-position: 0px -8360px;
  }
  75.00% {
    background-position: -450px -8360px;
  }
  76.67% {
    background-position: 0px -8740px;
  }
  78.33% {
    background-position: -450px -8740px;
  }
  80.00% {
    background-position: 0px -9120px;
  }
  81.67% {
    background-position: -450px -9120px;
  }
  83.33% {
    background-position: 0px -9500px;
  }
  85.00% {
    background-position: -450px -9500px;
  }
  86.67% {
    background-position: 0px -9880px;
  }
  88.33% {
    background-position: -450px -9880px;
  }
  90.00% {
    background-position: 0px -10260px;
  }
  91.67% {
    background-position: -450px -10260px;
  }
  93.33% {
    background-position: 0px -10640px;
  }
  95.00% {
    background-position: -450px -10640px;
  }
  96.67% {
    background-position: 0px -11020px;
  }
  98.33% {
    background-position: -450px -11020px;
  }
}
@-o-keyframes BX_SprAniKey1 {
  0% {
    background-position: 0px 0px;
  }
  1.67% {
    background-position: -450px 0px;
  }
  3.33% {
    background-position: 0px -380px;
  }
  5.00% {
    background-position: -450px -380px;
  }
  6.67% {
    background-position: 0px -760px;
  }
  8.33% {
    background-position: -450px -760px;
  }
  10.00% {
    background-position: 0px -1140px;
  }
  11.67% {
    background-position: -450px -1140px;
  }
  13.33% {
    background-position: 0px -1520px;
  }
  15.00% {
    background-position: -450px -1520px;
  }
  16.67% {
    background-position: 0px -1900px;
  }
  18.33% {
    background-position: -450px -1900px;
  }
  20.00% {
    background-position: 0px -2280px;
  }
  21.67% {
    background-position: -450px -2280px;
  }
  23.33% {
    background-position: 0px -2660px;
  }
  25.00% {
    background-position: -450px -2660px;
  }
  26.67% {
    background-position: 0px -3040px;
  }
  28.33% {
    background-position: -450px -3040px;
  }
  30.00% {
    background-position: 0px -3420px;
  }
  31.67% {
    background-position: -450px -3420px;
  }
  33.33% {
    background-position: 0px -3800px;
  }
  35.00% {
    background-position: -450px -3800px;
  }
  36.67% {
    background-position: 0px -4180px;
  }
  38.33% {
    background-position: -450px -4180px;
  }
  40.00% {
    background-position: 0px -4560px;
  }
  41.67% {
    background-position: -450px -4560px;
  }
  43.33% {
    background-position: 0px -4940px;
  }
  45.00% {
    background-position: -450px -4940px;
  }
  46.67% {
    background-position: 0px -5320px;
  }
  48.33% {
    background-position: -450px -5320px;
  }
  50.00% {
    background-position: 0px -5700px;
  }
  51.67% {
    background-position: -450px -5700px;
  }
  53.33% {
    background-position: 0px -6080px;
  }
  55.00% {
    background-position: -450px -6080px;
  }
  56.67% {
    background-position: 0px -6460px;
  }
  58.33% {
    background-position: -450px -6460px;
  }
  60.00% {
    background-position: 0px -6840px;
  }
  61.67% {
    background-position: -450px -6840px;
  }
  63.33% {
    background-position: 0px -7220px;
  }
  65.00% {
    background-position: -450px -7220px;
  }
  66.67% {
    background-position: 0px -7600px;
  }
  68.33% {
    background-position: -450px -7600px;
  }
  70.00% {
    background-position: 0px -7980px;
  }
  71.67% {
    background-position: -450px -7980px;
  }
  73.33% {
    background-position: 0px -8360px;
  }
  75.00% {
    background-position: -450px -8360px;
  }
  76.67% {
    background-position: 0px -8740px;
  }
  78.33% {
    background-position: -450px -8740px;
  }
  80.00% {
    background-position: 0px -9120px;
  }
  81.67% {
    background-position: -450px -9120px;
  }
  83.33% {
    background-position: 0px -9500px;
  }
  85.00% {
    background-position: -450px -9500px;
  }
  86.67% {
    background-position: 0px -9880px;
  }
  88.33% {
    background-position: -450px -9880px;
  }
  90.00% {
    background-position: 0px -10260px;
  }
  91.67% {
    background-position: -450px -10260px;
  }
  93.33% {
    background-position: 0px -10640px;
  }
  95.00% {
    background-position: -450px -10640px;
  }
  96.67% {
    background-position: 0px -11020px;
  }
  98.33% {
    background-position: -450px -11020px;
  }
}
@keyframes BX_SprAniKey1 {
  0% {
    background-position: 0px 0px;
  }
  1.67% {
    background-position: -450px 0px;
  }
  3.33% {
    background-position: 0px -380px;
  }
  5.00% {
    background-position: -450px -380px;
  }
  6.67% {
    background-position: 0px -760px;
  }
  8.33% {
    background-position: -450px -760px;
  }
  10.00% {
    background-position: 0px -1140px;
  }
  11.67% {
    background-position: -450px -1140px;
  }
  13.33% {
    background-position: 0px -1520px;
  }
  15.00% {
    background-position: -450px -1520px;
  }
  16.67% {
    background-position: 0px -1900px;
  }
  18.33% {
    background-position: -450px -1900px;
  }
  20.00% {
    background-position: 0px -2280px;
  }
  21.67% {
    background-position: -450px -2280px;
  }
  23.33% {
    background-position: 0px -2660px;
  }
  25.00% {
    background-position: -450px -2660px;
  }
  26.67% {
    background-position: 0px -3040px;
  }
  28.33% {
    background-position: -450px -3040px;
  }
  30.00% {
    background-position: 0px -3420px;
  }
  31.67% {
    background-position: -450px -3420px;
  }
  33.33% {
    background-position: 0px -3800px;
  }
  35.00% {
    background-position: -450px -3800px;
  }
  36.67% {
    background-position: 0px -4180px;
  }
  38.33% {
    background-position: -450px -4180px;
  }
  40.00% {
    background-position: 0px -4560px;
  }
  41.67% {
    background-position: -450px -4560px;
  }
  43.33% {
    background-position: 0px -4940px;
  }
  45.00% {
    background-position: -450px -4940px;
  }
  46.67% {
    background-position: 0px -5320px;
  }
  48.33% {
    background-position: -450px -5320px;
  }
  50.00% {
    background-position: 0px -5700px;
  }
  51.67% {
    background-position: -450px -5700px;
  }
  53.33% {
    background-position: 0px -6080px;
  }
  55.00% {
    background-position: -450px -6080px;
  }
  56.67% {
    background-position: 0px -6460px;
  }
  58.33% {
    background-position: -450px -6460px;
  }
  60.00% {
    background-position: 0px -6840px;
  }
  61.67% {
    background-position: -450px -6840px;
  }
  63.33% {
    background-position: 0px -7220px;
  }
  65.00% {
    background-position: -450px -7220px;
  }
  66.67% {
    background-position: 0px -7600px;
  }
  68.33% {
    background-position: -450px -7600px;
  }
  70.00% {
    background-position: 0px -7980px;
  }
  71.67% {
    background-position: -450px -7980px;
  }
  73.33% {
    background-position: 0px -8360px;
  }
  75.00% {
    background-position: -450px -8360px;
  }
  76.67% {
    background-position: 0px -8740px;
  }
  78.33% {
    background-position: -450px -8740px;
  }
  80.00% {
    background-position: 0px -9120px;
  }
  81.67% {
    background-position: -450px -9120px;
  }
  83.33% {
    background-position: 0px -9500px;
  }
  85.00% {
    background-position: -450px -9500px;
  }
  86.67% {
    background-position: 0px -9880px;
  }
  88.33% {
    background-position: -450px -9880px;
  }
  90.00% {
    background-position: 0px -10260px;
  }
  91.67% {
    background-position: -450px -10260px;
  }
  93.33% {
    background-position: 0px -10640px;
  }
  95.00% {
    background-position: -450px -10640px;
  }
  96.67% {
    background-position: 0px -11020px;
  }
  98.33% {
    background-position: -450px -11020px;
  }
}
.BX_SprAniKey2 {
  background-image: url(https://hi.res.netease.com/pc/zt/20190529110735/img/youce_1b61c178.png);
  width: 420px;
  height: 420px;
  -webkit-animation: BX_SprAniKey2 2s steps(1) 0s infinite normal none 300ms 0 ease;
  -moz-animation: BX_SprAniKey2 2s steps(1) 0s infinite normal none 300ms 0 ease;
  -ms-animation: BX_SprAniKey2 2s steps(1) 0s infinite normal none 300ms 0 ease;
  animation: BX_SprAniKey2 2s steps(1) 0s infinite normal none 300ms 0 ease;
  -o-animation: BX_SprAniKey2 2s steps(1) 0s infinite normal none;
  -webkit-animation: BX_SprAniKey2 2s steps(1) 0s infinite normal none;
  -moz-animation: BX_SprAniKey2 2s steps(1) 0s infinite normal none;
  -ms-animation: BX_SprAniKey2 2s steps(1) 0s infinite normal none;
  animation: BX_SprAniKey2 2s steps(1) 0s infinite normal none;
}
@-webkit-keyframes BX_SprAniKey2 {
  0% {
    background-position: 0px 0px;
  }
  1.67% {
    background-position: -420px 0px;
  }
  3.33% {
    background-position: 0px -420px;
  }
  5.00% {
    background-position: -420px -420px;
  }
  6.67% {
    background-position: 0px -840px;
  }
  8.33% {
    background-position: -420px -840px;
  }
  10.00% {
    background-position: 0px -1260px;
  }
  11.67% {
    background-position: -420px -1260px;
  }
  13.33% {
    background-position: 0px -1680px;
  }
  15.00% {
    background-position: -420px -1680px;
  }
  16.67% {
    background-position: 0px -2100px;
  }
  18.33% {
    background-position: -420px -2100px;
  }
  20.00% {
    background-position: 0px -2520px;
  }
  21.67% {
    background-position: -420px -2520px;
  }
  23.33% {
    background-position: 0px -2940px;
  }
  25.00% {
    background-position: -420px -2940px;
  }
  26.67% {
    background-position: 0px -3360px;
  }
  28.33% {
    background-position: -420px -3360px;
  }
  30.00% {
    background-position: 0px -3780px;
  }
  31.67% {
    background-position: -420px -3780px;
  }
  33.33% {
    background-position: 0px -4200px;
  }
  35.00% {
    background-position: -420px -4200px;
  }
  36.67% {
    background-position: 0px -4620px;
  }
  38.33% {
    background-position: -420px -4620px;
  }
  40.00% {
    background-position: 0px -5040px;
  }
  41.67% {
    background-position: -420px -5040px;
  }
  43.33% {
    background-position: 0px -5460px;
  }
  45.00% {
    background-position: -420px -5460px;
  }
  46.67% {
    background-position: 0px -5880px;
  }
  48.33% {
    background-position: -420px -5880px;
  }
  50.00% {
    background-position: 0px -6300px;
  }
  51.67% {
    background-position: -420px -6300px;
  }
  53.33% {
    background-position: 0px -6720px;
  }
  55.00% {
    background-position: -420px -6720px;
  }
  56.67% {
    background-position: 0px -7140px;
  }
  58.33% {
    background-position: -420px -7140px;
  }
  60.00% {
    background-position: 0px -7560px;
  }
  61.67% {
    background-position: -420px -7560px;
  }
  63.33% {
    background-position: 0px -7980px;
  }
  65.00% {
    background-position: -420px -7980px;
  }
  66.67% {
    background-position: 0px -8400px;
  }
  68.33% {
    background-position: -420px -8400px;
  }
  70.00% {
    background-position: 0px -8820px;
  }
  71.67% {
    background-position: -420px -8820px;
  }
  73.33% {
    background-position: 0px -9240px;
  }
  75.00% {
    background-position: -420px -9240px;
  }
  76.67% {
    background-position: 0px -9660px;
  }
  78.33% {
    background-position: -420px -9660px;
  }
  80.00% {
    background-position: 0px -10080px;
  }
  81.67% {
    background-position: -420px -10080px;
  }
  83.33% {
    background-position: 0px -10500px;
  }
  85.00% {
    background-position: -420px -10500px;
  }
  86.67% {
    background-position: 0px -10920px;
  }
  88.33% {
    background-position: -420px -10920px;
  }
  90.00% {
    background-position: 0px -11340px;
  }
  91.67% {
    background-position: -420px -11340px;
  }
  93.33% {
    background-position: 0px -11760px;
  }
  95.00% {
    background-position: -420px -11760px;
  }
  96.67% {
    background-position: 0px -12180px;
  }
  98.33% {
    background-position: -420px -12180px;
  }
}
@-moz-keyframes BX_SprAniKey2 {
  0% {
    background-position: 0px 0px;
  }
  1.67% {
    background-position: -420px 0px;
  }
  3.33% {
    background-position: 0px -420px;
  }
  5.00% {
    background-position: -420px -420px;
  }
  6.67% {
    background-position: 0px -840px;
  }
  8.33% {
    background-position: -420px -840px;
  }
  10.00% {
    background-position: 0px -1260px;
  }
  11.67% {
    background-position: -420px -1260px;
  }
  13.33% {
    background-position: 0px -1680px;
  }
  15.00% {
    background-position: -420px -1680px;
  }
  16.67% {
    background-position: 0px -2100px;
  }
  18.33% {
    background-position: -420px -2100px;
  }
  20.00% {
    background-position: 0px -2520px;
  }
  21.67% {
    background-position: -420px -2520px;
  }
  23.33% {
    background-position: 0px -2940px;
  }
  25.00% {
    background-position: -420px -2940px;
  }
  26.67% {
    background-position: 0px -3360px;
  }
  28.33% {
    background-position: -420px -3360px;
  }
  30.00% {
    background-position: 0px -3780px;
  }
  31.67% {
    background-position: -420px -3780px;
  }
  33.33% {
    background-position: 0px -4200px;
  }
  35.00% {
    background-position: -420px -4200px;
  }
  36.67% {
    background-position: 0px -4620px;
  }
  38.33% {
    background-position: -420px -4620px;
  }
  40.00% {
    background-position: 0px -5040px;
  }
  41.67% {
    background-position: -420px -5040px;
  }
  43.33% {
    background-position: 0px -5460px;
  }
  45.00% {
    background-position: -420px -5460px;
  }
  46.67% {
    background-position: 0px -5880px;
  }
  48.33% {
    background-position: -420px -5880px;
  }
  50.00% {
    background-position: 0px -6300px;
  }
  51.67% {
    background-position: -420px -6300px;
  }
  53.33% {
    background-position: 0px -6720px;
  }
  55.00% {
    background-position: -420px -6720px;
  }
  56.67% {
    background-position: 0px -7140px;
  }
  58.33% {
    background-position: -420px -7140px;
  }
  60.00% {
    background-position: 0px -7560px;
  }
  61.67% {
    background-position: -420px -7560px;
  }
  63.33% {
    background-position: 0px -7980px;
  }
  65.00% {
    background-position: -420px -7980px;
  }
  66.67% {
    background-position: 0px -8400px;
  }
  68.33% {
    background-position: -420px -8400px;
  }
  70.00% {
    background-position: 0px -8820px;
  }
  71.67% {
    background-position: -420px -8820px;
  }
  73.33% {
    background-position: 0px -9240px;
  }
  75.00% {
    background-position: -420px -9240px;
  }
  76.67% {
    background-position: 0px -9660px;
  }
  78.33% {
    background-position: -420px -9660px;
  }
  80.00% {
    background-position: 0px -10080px;
  }
  81.67% {
    background-position: -420px -10080px;
  }
  83.33% {
    background-position: 0px -10500px;
  }
  85.00% {
    background-position: -420px -10500px;
  }
  86.67% {
    background-position: 0px -10920px;
  }
  88.33% {
    background-position: -420px -10920px;
  }
  90.00% {
    background-position: 0px -11340px;
  }
  91.67% {
    background-position: -420px -11340px;
  }
  93.33% {
    background-position: 0px -11760px;
  }
  95.00% {
    background-position: -420px -11760px;
  }
  96.67% {
    background-position: 0px -12180px;
  }
  98.33% {
    background-position: -420px -12180px;
  }
}
@-ms-keyframes BX_SprAniKey2 {
  0% {
    background-position: 0px 0px;
  }
  1.67% {
    background-position: -420px 0px;
  }
  3.33% {
    background-position: 0px -420px;
  }
  5.00% {
    background-position: -420px -420px;
  }
  6.67% {
    background-position: 0px -840px;
  }
  8.33% {
    background-position: -420px -840px;
  }
  10.00% {
    background-position: 0px -1260px;
  }
  11.67% {
    background-position: -420px -1260px;
  }
  13.33% {
    background-position: 0px -1680px;
  }
  15.00% {
    background-position: -420px -1680px;
  }
  16.67% {
    background-position: 0px -2100px;
  }
  18.33% {
    background-position: -420px -2100px;
  }
  20.00% {
    background-position: 0px -2520px;
  }
  21.67% {
    background-position: -420px -2520px;
  }
  23.33% {
    background-position: 0px -2940px;
  }
  25.00% {
    background-position: -420px -2940px;
  }
  26.67% {
    background-position: 0px -3360px;
  }
  28.33% {
    background-position: -420px -3360px;
  }
  30.00% {
    background-position: 0px -3780px;
  }
  31.67% {
    background-position: -420px -3780px;
  }
  33.33% {
    background-position: 0px -4200px;
  }
  35.00% {
    background-position: -420px -4200px;
  }
  36.67% {
    background-position: 0px -4620px;
  }
  38.33% {
    background-position: -420px -4620px;
  }
  40.00% {
    background-position: 0px -5040px;
  }
  41.67% {
    background-position: -420px -5040px;
  }
  43.33% {
    background-position: 0px -5460px;
  }
  45.00% {
    background-position: -420px -5460px;
  }
  46.67% {
    background-position: 0px -5880px;
  }
  48.33% {
    background-position: -420px -5880px;
  }
  50.00% {
    background-position: 0px -6300px;
  }
  51.67% {
    background-position: -420px -6300px;
  }
  53.33% {
    background-position: 0px -6720px;
  }
  55.00% {
    background-position: -420px -6720px;
  }
  56.67% {
    background-position: 0px -7140px;
  }
  58.33% {
    background-position: -420px -7140px;
  }
  60.00% {
    background-position: 0px -7560px;
  }
  61.67% {
    background-position: -420px -7560px;
  }
  63.33% {
    background-position: 0px -7980px;
  }
  65.00% {
    background-position: -420px -7980px;
  }
  66.67% {
    background-position: 0px -8400px;
  }
  68.33% {
    background-position: -420px -8400px;
  }
  70.00% {
    background-position: 0px -8820px;
  }
  71.67% {
    background-position: -420px -8820px;
  }
  73.33% {
    background-position: 0px -9240px;
  }
  75.00% {
    background-position: -420px -9240px;
  }
  76.67% {
    background-position: 0px -9660px;
  }
  78.33% {
    background-position: -420px -9660px;
  }
  80.00% {
    background-position: 0px -10080px;
  }
  81.67% {
    background-position: -420px -10080px;
  }
  83.33% {
    background-position: 0px -10500px;
  }
  85.00% {
    background-position: -420px -10500px;
  }
  86.67% {
    background-position: 0px -10920px;
  }
  88.33% {
    background-position: -420px -10920px;
  }
  90.00% {
    background-position: 0px -11340px;
  }
  91.67% {
    background-position: -420px -11340px;
  }
  93.33% {
    background-position: 0px -11760px;
  }
  95.00% {
    background-position: -420px -11760px;
  }
  96.67% {
    background-position: 0px -12180px;
  }
  98.33% {
    background-position: -420px -12180px;
  }
}
@-o-keyframes BX_SprAniKey2 {
  0% {
    background-position: 0px 0px;
  }
  1.67% {
    background-position: -420px 0px;
  }
  3.33% {
    background-position: 0px -420px;
  }
  5.00% {
    background-position: -420px -420px;
  }
  6.67% {
    background-position: 0px -840px;
  }
  8.33% {
    background-position: -420px -840px;
  }
  10.00% {
    background-position: 0px -1260px;
  }
  11.67% {
    background-position: -420px -1260px;
  }
  13.33% {
    background-position: 0px -1680px;
  }
  15.00% {
    background-position: -420px -1680px;
  }
  16.67% {
    background-position: 0px -2100px;
  }
  18.33% {
    background-position: -420px -2100px;
  }
  20.00% {
    background-position: 0px -2520px;
  }
  21.67% {
    background-position: -420px -2520px;
  }
  23.33% {
    background-position: 0px -2940px;
  }
  25.00% {
    background-position: -420px -2940px;
  }
  26.67% {
    background-position: 0px -3360px;
  }
  28.33% {
    background-position: -420px -3360px;
  }
  30.00% {
    background-position: 0px -3780px;
  }
  31.67% {
    background-position: -420px -3780px;
  }
  33.33% {
    background-position: 0px -4200px;
  }
  35.00% {
    background-position: -420px -4200px;
  }
  36.67% {
    background-position: 0px -4620px;
  }
  38.33% {
    background-position: -420px -4620px;
  }
  40.00% {
    background-position: 0px -5040px;
  }
  41.67% {
    background-position: -420px -5040px;
  }
  43.33% {
    background-position: 0px -5460px;
  }
  45.00% {
    background-position: -420px -5460px;
  }
  46.67% {
    background-position: 0px -5880px;
  }
  48.33% {
    background-position: -420px -5880px;
  }
  50.00% {
    background-position: 0px -6300px;
  }
  51.67% {
    background-position: -420px -6300px;
  }
  53.33% {
    background-position: 0px -6720px;
  }
  55.00% {
    background-position: -420px -6720px;
  }
  56.67% {
    background-position: 0px -7140px;
  }
  58.33% {
    background-position: -420px -7140px;
  }
  60.00% {
    background-position: 0px -7560px;
  }
  61.67% {
    background-position: -420px -7560px;
  }
  63.33% {
    background-position: 0px -7980px;
  }
  65.00% {
    background-position: -420px -7980px;
  }
  66.67% {
    background-position: 0px -8400px;
  }
  68.33% {
    background-position: -420px -8400px;
  }
  70.00% {
    background-position: 0px -8820px;
  }
  71.67% {
    background-position: -420px -8820px;
  }
  73.33% {
    background-position: 0px -9240px;
  }
  75.00% {
    background-position: -420px -9240px;
  }
  76.67% {
    background-position: 0px -9660px;
  }
  78.33% {
    background-position: -420px -9660px;
  }
  80.00% {
    background-position: 0px -10080px;
  }
  81.67% {
    background-position: -420px -10080px;
  }
  83.33% {
    background-position: 0px -10500px;
  }
  85.00% {
    background-position: -420px -10500px;
  }
  86.67% {
    background-position: 0px -10920px;
  }
  88.33% {
    background-position: -420px -10920px;
  }
  90.00% {
    background-position: 0px -11340px;
  }
  91.67% {
    background-position: -420px -11340px;
  }
  93.33% {
    background-position: 0px -11760px;
  }
  95.00% {
    background-position: -420px -11760px;
  }
  96.67% {
    background-position: 0px -12180px;
  }
  98.33% {
    background-position: -420px -12180px;
  }
}
@keyframes BX_SprAniKey2 {
  0% {
    background-position: 0px 0px;
  }
  1.67% {
    background-position: -420px 0px;
  }
  3.33% {
    background-position: 0px -420px;
  }
  5.00% {
    background-position: -420px -420px;
  }
  6.67% {
    background-position: 0px -840px;
  }
  8.33% {
    background-position: -420px -840px;
  }
  10.00% {
    background-position: 0px -1260px;
  }
  11.67% {
    background-position: -420px -1260px;
  }
  13.33% {
    background-position: 0px -1680px;
  }
  15.00% {
    background-position: -420px -1680px;
  }
  16.67% {
    background-position: 0px -2100px;
  }
  18.33% {
    background-position: -420px -2100px;
  }
  20.00% {
    background-position: 0px -2520px;
  }
  21.67% {
    background-position: -420px -2520px;
  }
  23.33% {
    background-position: 0px -2940px;
  }
  25.00% {
    background-position: -420px -2940px;
  }
  26.67% {
    background-position: 0px -3360px;
  }
  28.33% {
    background-position: -420px -3360px;
  }
  30.00% {
    background-position: 0px -3780px;
  }
  31.67% {
    background-position: -420px -3780px;
  }
  33.33% {
    background-position: 0px -4200px;
  }
  35.00% {
    background-position: -420px -4200px;
  }
  36.67% {
    background-position: 0px -4620px;
  }
  38.33% {
    background-position: -420px -4620px;
  }
  40.00% {
    background-position: 0px -5040px;
  }
  41.67% {
    background-position: -420px -5040px;
  }
  43.33% {
    background-position: 0px -5460px;
  }
  45.00% {
    background-position: -420px -5460px;
  }
  46.67% {
    background-position: 0px -5880px;
  }
  48.33% {
    background-position: -420px -5880px;
  }
  50.00% {
    background-position: 0px -6300px;
  }
  51.67% {
    background-position: -420px -6300px;
  }
  53.33% {
    background-position: 0px -6720px;
  }
  55.00% {
    background-position: -420px -6720px;
  }
  56.67% {
    background-position: 0px -7140px;
  }
  58.33% {
    background-position: -420px -7140px;
  }
  60.00% {
    background-position: 0px -7560px;
  }
  61.67% {
    background-position: -420px -7560px;
  }
  63.33% {
    background-position: 0px -7980px;
  }
  65.00% {
    background-position: -420px -7980px;
  }
  66.67% {
    background-position: 0px -8400px;
  }
  68.33% {
    background-position: -420px -8400px;
  }
  70.00% {
    background-position: 0px -8820px;
  }
  71.67% {
    background-position: -420px -8820px;
  }
  73.33% {
    background-position: 0px -9240px;
  }
  75.00% {
    background-position: -420px -9240px;
  }
  76.67% {
    background-position: 0px -9660px;
  }
  78.33% {
    background-position: -420px -9660px;
  }
  80.00% {
    background-position: 0px -10080px;
  }
  81.67% {
    background-position: -420px -10080px;
  }
  83.33% {
    background-position: 0px -10500px;
  }
  85.00% {
    background-position: -420px -10500px;
  }
  86.67% {
    background-position: 0px -10920px;
  }
  88.33% {
    background-position: -420px -10920px;
  }
  90.00% {
    background-position: 0px -11340px;
  }
  91.67% {
    background-position: -420px -11340px;
  }
  93.33% {
    background-position: 0px -11760px;
  }
  95.00% {
    background-position: -420px -11760px;
  }
  96.67% {
    background-position: 0px -12180px;
  }
  98.33% {
    background-position: -420px -12180px;
  }
}
@-webkit-keyframes BX_SprAniKey2 {
  0% {
    background-position: 0px 0px;
  }
  1.67% {
    background-position: -420px 0px;
  }
  3.33% {
    background-position: 0px -420px;
  }
  5.00% {
    background-position: -420px -420px;
  }
  6.67% {
    background-position: 0px -840px;
  }
  8.33% {
    background-position: -420px -840px;
  }
  10.00% {
    background-position: 0px -1260px;
  }
  11.67% {
    background-position: -420px -1260px;
  }
  13.33% {
    background-position: 0px -1680px;
  }
  15.00% {
    background-position: -420px -1680px;
  }
  16.67% {
    background-position: 0px -2100px;
  }
  18.33% {
    background-position: -420px -2100px;
  }
  20.00% {
    background-position: 0px -2520px;
  }
  21.67% {
    background-position: -420px -2520px;
  }
  23.33% {
    background-position: 0px -2940px;
  }
  25.00% {
    background-position: -420px -2940px;
  }
  26.67% {
    background-position: 0px -3360px;
  }
  28.33% {
    background-position: -420px -3360px;
  }
  30.00% {
    background-position: 0px -3780px;
  }
  31.67% {
    background-position: -420px -3780px;
  }
  33.33% {
    background-position: 0px -4200px;
  }
  35.00% {
    background-position: -420px -4200px;
  }
  36.67% {
    background-position: 0px -4620px;
  }
  38.33% {
    background-position: -420px -4620px;
  }
  40.00% {
    background-position: 0px -5040px;
  }
  41.67% {
    background-position: -420px -5040px;
  }
  43.33% {
    background-position: 0px -5460px;
  }
  45.00% {
    background-position: -420px -5460px;
  }
  46.67% {
    background-position: 0px -5880px;
  }
  48.33% {
    background-position: -420px -5880px;
  }
  50.00% {
    background-position: 0px -6300px;
  }
  51.67% {
    background-position: -420px -6300px;
  }
  53.33% {
    background-position: 0px -6720px;
  }
  55.00% {
    background-position: -420px -6720px;
  }
  56.67% {
    background-position: 0px -7140px;
  }
  58.33% {
    background-position: -420px -7140px;
  }
  60.00% {
    background-position: 0px -7560px;
  }
  61.67% {
    background-position: -420px -7560px;
  }
  63.33% {
    background-position: 0px -7980px;
  }
  65.00% {
    background-position: -420px -7980px;
  }
  66.67% {
    background-position: 0px -8400px;
  }
  68.33% {
    background-position: -420px -8400px;
  }
  70.00% {
    background-position: 0px -8820px;
  }
  71.67% {
    background-position: -420px -8820px;
  }
  73.33% {
    background-position: 0px -9240px;
  }
  75.00% {
    background-position: -420px -9240px;
  }
  76.67% {
    background-position: 0px -9660px;
  }
  78.33% {
    background-position: -420px -9660px;
  }
  80.00% {
    background-position: 0px -10080px;
  }
  81.67% {
    background-position: -420px -10080px;
  }
  83.33% {
    background-position: 0px -10500px;
  }
  85.00% {
    background-position: -420px -10500px;
  }
  86.67% {
    background-position: 0px -10920px;
  }
  88.33% {
    background-position: -420px -10920px;
  }
  90.00% {
    background-position: 0px -11340px;
  }
  91.67% {
    background-position: -420px -11340px;
  }
  93.33% {
    background-position: 0px -11760px;
  }
  95.00% {
    background-position: -420px -11760px;
  }
  96.67% {
    background-position: 0px -12180px;
  }
  98.33% {
    background-position: -420px -12180px;
  }
}
@-moz-keyframes BX_SprAniKey2 {
  0% {
    background-position: 0px 0px;
  }
  1.67% {
    background-position: -420px 0px;
  }
  3.33% {
    background-position: 0px -420px;
  }
  5.00% {
    background-position: -420px -420px;
  }
  6.67% {
    background-position: 0px -840px;
  }
  8.33% {
    background-position: -420px -840px;
  }
  10.00% {
    background-position: 0px -1260px;
  }
  11.67% {
    background-position: -420px -1260px;
  }
  13.33% {
    background-position: 0px -1680px;
  }
  15.00% {
    background-position: -420px -1680px;
  }
  16.67% {
    background-position: 0px -2100px;
  }
  18.33% {
    background-position: -420px -2100px;
  }
  20.00% {
    background-position: 0px -2520px;
  }
  21.67% {
    background-position: -420px -2520px;
  }
  23.33% {
    background-position: 0px -2940px;
  }
  25.00% {
    background-position: -420px -2940px;
  }
  26.67% {
    background-position: 0px -3360px;
  }
  28.33% {
    background-position: -420px -3360px;
  }
  30.00% {
    background-position: 0px -3780px;
  }
  31.67% {
    background-position: -420px -3780px;
  }
  33.33% {
    background-position: 0px -4200px;
  }
  35.00% {
    background-position: -420px -4200px;
  }
  36.67% {
    background-position: 0px -4620px;
  }
  38.33% {
    background-position: -420px -4620px;
  }
  40.00% {
    background-position: 0px -5040px;
  }
  41.67% {
    background-position: -420px -5040px;
  }
  43.33% {
    background-position: 0px -5460px;
  }
  45.00% {
    background-position: -420px -5460px;
  }
  46.67% {
    background-position: 0px -5880px;
  }
  48.33% {
    background-position: -420px -5880px;
  }
  50.00% {
    background-position: 0px -6300px;
  }
  51.67% {
    background-position: -420px -6300px;
  }
  53.33% {
    background-position: 0px -6720px;
  }
  55.00% {
    background-position: -420px -6720px;
  }
  56.67% {
    background-position: 0px -7140px;
  }
  58.33% {
    background-position: -420px -7140px;
  }
  60.00% {
    background-position: 0px -7560px;
  }
  61.67% {
    background-position: -420px -7560px;
  }
  63.33% {
    background-position: 0px -7980px;
  }
  65.00% {
    background-position: -420px -7980px;
  }
  66.67% {
    background-position: 0px -8400px;
  }
  68.33% {
    background-position: -420px -8400px;
  }
  70.00% {
    background-position: 0px -8820px;
  }
  71.67% {
    background-position: -420px -8820px;
  }
  73.33% {
    background-position: 0px -9240px;
  }
  75.00% {
    background-position: -420px -9240px;
  }
  76.67% {
    background-position: 0px -9660px;
  }
  78.33% {
    background-position: -420px -9660px;
  }
  80.00% {
    background-position: 0px -10080px;
  }
  81.67% {
    background-position: -420px -10080px;
  }
  83.33% {
    background-position: 0px -10500px;
  }
  85.00% {
    background-position: -420px -10500px;
  }
  86.67% {
    background-position: 0px -10920px;
  }
  88.33% {
    background-position: -420px -10920px;
  }
  90.00% {
    background-position: 0px -11340px;
  }
  91.67% {
    background-position: -420px -11340px;
  }
  93.33% {
    background-position: 0px -11760px;
  }
  95.00% {
    background-position: -420px -11760px;
  }
  96.67% {
    background-position: 0px -12180px;
  }
  98.33% {
    background-position: -420px -12180px;
  }
}
@-ms-keyframes BX_SprAniKey2 {
  0% {
    background-position: 0px 0px;
  }
  1.67% {
    background-position: -420px 0px;
  }
  3.33% {
    background-position: 0px -420px;
  }
  5.00% {
    background-position: -420px -420px;
  }
  6.67% {
    background-position: 0px -840px;
  }
  8.33% {
    background-position: -420px -840px;
  }
  10.00% {
    background-position: 0px -1260px;
  }
  11.67% {
    background-position: -420px -1260px;
  }
  13.33% {
    background-position: 0px -1680px;
  }
  15.00% {
    background-position: -420px -1680px;
  }
  16.67% {
    background-position: 0px -2100px;
  }
  18.33% {
    background-position: -420px -2100px;
  }
  20.00% {
    background-position: 0px -2520px;
  }
  21.67% {
    background-position: -420px -2520px;
  }
  23.33% {
    background-position: 0px -2940px;
  }
  25.00% {
    background-position: -420px -2940px;
  }
  26.67% {
    background-position: 0px -3360px;
  }
  28.33% {
    background-position: -420px -3360px;
  }
  30.00% {
    background-position: 0px -3780px;
  }
  31.67% {
    background-position: -420px -3780px;
  }
  33.33% {
    background-position: 0px -4200px;
  }
  35.00% {
    background-position: -420px -4200px;
  }
  36.67% {
    background-position: 0px -4620px;
  }
  38.33% {
    background-position: -420px -4620px;
  }
  40.00% {
    background-position: 0px -5040px;
  }
  41.67% {
    background-position: -420px -5040px;
  }
  43.33% {
    background-position: 0px -5460px;
  }
  45.00% {
    background-position: -420px -5460px;
  }
  46.67% {
    background-position: 0px -5880px;
  }
  48.33% {
    background-position: -420px -5880px;
  }
  50.00% {
    background-position: 0px -6300px;
  }
  51.67% {
    background-position: -420px -6300px;
  }
  53.33% {
    background-position: 0px -6720px;
  }
  55.00% {
    background-position: -420px -6720px;
  }
  56.67% {
    background-position: 0px -7140px;
  }
  58.33% {
    background-position: -420px -7140px;
  }
  60.00% {
    background-position: 0px -7560px;
  }
  61.67% {
    background-position: -420px -7560px;
  }
  63.33% {
    background-position: 0px -7980px;
  }
  65.00% {
    background-position: -420px -7980px;
  }
  66.67% {
    background-position: 0px -8400px;
  }
  68.33% {
    background-position: -420px -8400px;
  }
  70.00% {
    background-position: 0px -8820px;
  }
  71.67% {
    background-position: -420px -8820px;
  }
  73.33% {
    background-position: 0px -9240px;
  }
  75.00% {
    background-position: -420px -9240px;
  }
  76.67% {
    background-position: 0px -9660px;
  }
  78.33% {
    background-position: -420px -9660px;
  }
  80.00% {
    background-position: 0px -10080px;
  }
  81.67% {
    background-position: -420px -10080px;
  }
  83.33% {
    background-position: 0px -10500px;
  }
  85.00% {
    background-position: -420px -10500px;
  }
  86.67% {
    background-position: 0px -10920px;
  }
  88.33% {
    background-position: -420px -10920px;
  }
  90.00% {
    background-position: 0px -11340px;
  }
  91.67% {
    background-position: -420px -11340px;
  }
  93.33% {
    background-position: 0px -11760px;
  }
  95.00% {
    background-position: -420px -11760px;
  }
  96.67% {
    background-position: 0px -12180px;
  }
  98.33% {
    background-position: -420px -12180px;
  }
}
@-o-keyframes BX_SprAniKey2 {
  0% {
    background-position: 0px 0px;
  }
  1.67% {
    background-position: -420px 0px;
  }
  3.33% {
    background-position: 0px -420px;
  }
  5.00% {
    background-position: -420px -420px;
  }
  6.67% {
    background-position: 0px -840px;
  }
  8.33% {
    background-position: -420px -840px;
  }
  10.00% {
    background-position: 0px -1260px;
  }
  11.67% {
    background-position: -420px -1260px;
  }
  13.33% {
    background-position: 0px -1680px;
  }
  15.00% {
    background-position: -420px -1680px;
  }
  16.67% {
    background-position: 0px -2100px;
  }
  18.33% {
    background-position: -420px -2100px;
  }
  20.00% {
    background-position: 0px -2520px;
  }
  21.67% {
    background-position: -420px -2520px;
  }
  23.33% {
    background-position: 0px -2940px;
  }
  25.00% {
    background-position: -420px -2940px;
  }
  26.67% {
    background-position: 0px -3360px;
  }
  28.33% {
    background-position: -420px -3360px;
  }
  30.00% {
    background-position: 0px -3780px;
  }
  31.67% {
    background-position: -420px -3780px;
  }
  33.33% {
    background-position: 0px -4200px;
  }
  35.00% {
    background-position: -420px -4200px;
  }
  36.67% {
    background-position: 0px -4620px;
  }
  38.33% {
    background-position: -420px -4620px;
  }
  40.00% {
    background-position: 0px -5040px;
  }
  41.67% {
    background-position: -420px -5040px;
  }
  43.33% {
    background-position: 0px -5460px;
  }
  45.00% {
    background-position: -420px -5460px;
  }
  46.67% {
    background-position: 0px -5880px;
  }
  48.33% {
    background-position: -420px -5880px;
  }
  50.00% {
    background-position: 0px -6300px;
  }
  51.67% {
    background-position: -420px -6300px;
  }
  53.33% {
    background-position: 0px -6720px;
  }
  55.00% {
    background-position: -420px -6720px;
  }
  56.67% {
    background-position: 0px -7140px;
  }
  58.33% {
    background-position: -420px -7140px;
  }
  60.00% {
    background-position: 0px -7560px;
  }
  61.67% {
    background-position: -420px -7560px;
  }
  63.33% {
    background-position: 0px -7980px;
  }
  65.00% {
    background-position: -420px -7980px;
  }
  66.67% {
    background-position: 0px -8400px;
  }
  68.33% {
    background-position: -420px -8400px;
  }
  70.00% {
    background-position: 0px -8820px;
  }
  71.67% {
    background-position: -420px -8820px;
  }
  73.33% {
    background-position: 0px -9240px;
  }
  75.00% {
    background-position: -420px -9240px;
  }
  76.67% {
    background-position: 0px -9660px;
  }
  78.33% {
    background-position: -420px -9660px;
  }
  80.00% {
    background-position: 0px -10080px;
  }
  81.67% {
    background-position: -420px -10080px;
  }
  83.33% {
    background-position: 0px -10500px;
  }
  85.00% {
    background-position: -420px -10500px;
  }
  86.67% {
    background-position: 0px -10920px;
  }
  88.33% {
    background-position: -420px -10920px;
  }
  90.00% {
    background-position: 0px -11340px;
  }
  91.67% {
    background-position: -420px -11340px;
  }
  93.33% {
    background-position: 0px -11760px;
  }
  95.00% {
    background-position: -420px -11760px;
  }
  96.67% {
    background-position: 0px -12180px;
  }
  98.33% {
    background-position: -420px -12180px;
  }
}
@keyframes BX_SprAniKey2 {
  0% {
    background-position: 0px 0px;
  }
  1.67% {
    background-position: -420px 0px;
  }
  3.33% {
    background-position: 0px -420px;
  }
  5.00% {
    background-position: -420px -420px;
  }
  6.67% {
    background-position: 0px -840px;
  }
  8.33% {
    background-position: -420px -840px;
  }
  10.00% {
    background-position: 0px -1260px;
  }
  11.67% {
    background-position: -420px -1260px;
  }
  13.33% {
    background-position: 0px -1680px;
  }
  15.00% {
    background-position: -420px -1680px;
  }
  16.67% {
    background-position: 0px -2100px;
  }
  18.33% {
    background-position: -420px -2100px;
  }
  20.00% {
    background-position: 0px -2520px;
  }
  21.67% {
    background-position: -420px -2520px;
  }
  23.33% {
    background-position: 0px -2940px;
  }
  25.00% {
    background-position: -420px -2940px;
  }
  26.67% {
    background-position: 0px -3360px;
  }
  28.33% {
    background-position: -420px -3360px;
  }
  30.00% {
    background-position: 0px -3780px;
  }
  31.67% {
    background-position: -420px -3780px;
  }
  33.33% {
    background-position: 0px -4200px;
  }
  35.00% {
    background-position: -420px -4200px;
  }
  36.67% {
    background-position: 0px -4620px;
  }
  38.33% {
    background-position: -420px -4620px;
  }
  40.00% {
    background-position: 0px -5040px;
  }
  41.67% {
    background-position: -420px -5040px;
  }
  43.33% {
    background-position: 0px -5460px;
  }
  45.00% {
    background-position: -420px -5460px;
  }
  46.67% {
    background-position: 0px -5880px;
  }
  48.33% {
    background-position: -420px -5880px;
  }
  50.00% {
    background-position: 0px -6300px;
  }
  51.67% {
    background-position: -420px -6300px;
  }
  53.33% {
    background-position: 0px -6720px;
  }
  55.00% {
    background-position: -420px -6720px;
  }
  56.67% {
    background-position: 0px -7140px;
  }
  58.33% {
    background-position: -420px -7140px;
  }
  60.00% {
    background-position: 0px -7560px;
  }
  61.67% {
    background-position: -420px -7560px;
  }
  63.33% {
    background-position: 0px -7980px;
  }
  65.00% {
    background-position: -420px -7980px;
  }
  66.67% {
    background-position: 0px -8400px;
  }
  68.33% {
    background-position: -420px -8400px;
  }
  70.00% {
    background-position: 0px -8820px;
  }
  71.67% {
    background-position: -420px -8820px;
  }
  73.33% {
    background-position: 0px -9240px;
  }
  75.00% {
    background-position: -420px -9240px;
  }
  76.67% {
    background-position: 0px -9660px;
  }
  78.33% {
    background-position: -420px -9660px;
  }
  80.00% {
    background-position: 0px -10080px;
  }
  81.67% {
    background-position: -420px -10080px;
  }
  83.33% {
    background-position: 0px -10500px;
  }
  85.00% {
    background-position: -420px -10500px;
  }
  86.67% {
    background-position: 0px -10920px;
  }
  88.33% {
    background-position: -420px -10920px;
  }
  90.00% {
    background-position: 0px -11340px;
  }
  91.67% {
    background-position: -420px -11340px;
  }
  93.33% {
    background-position: 0px -11760px;
  }
  95.00% {
    background-position: -420px -11760px;
  }
  96.67% {
    background-position: 0px -12180px;
  }
  98.33% {
    background-position: -420px -12180px;
  }
}
@-webkit-keyframes iconRefresh {
  0% {
    background-position: 0px 0px;
  }
  1.69% {
    background-position: -135px 0px;
  }
  3.39% {
    background-position: 0px -135px;
  }
  5.08% {
    background-position: -135px -135px;
  }
  6.78% {
    background-position: 0px -270px;
  }
  8.47% {
    background-position: -135px -270px;
  }
  10.17% {
    background-position: 0px -405px;
  }
  11.86% {
    background-position: -135px -405px;
  }
  13.56% {
    background-position: 0px -540px;
  }
  15.25% {
    background-position: -135px -540px;
  }
  16.95% {
    background-position: 0px -675px;
  }
  18.64% {
    background-position: -135px -675px;
  }
  20.34% {
    background-position: 0px -810px;
  }
  22.03% {
    background-position: -135px -810px;
  }
  23.73% {
    background-position: 0px -945px;
  }
  25.42% {
    background-position: -135px -945px;
  }
  27.12% {
    background-position: 0px -1080px;
  }
  28.81% {
    background-position: -135px -1080px;
  }
  30.51% {
    background-position: 0px -1215px;
  }
  32.20% {
    background-position: -135px -1215px;
  }
  33.90% {
    background-position: 0px -1350px;
  }
  35.59% {
    background-position: -135px -1350px;
  }
  37.29% {
    background-position: 0px -1485px;
  }
  38.98% {
    background-position: -135px -1485px;
  }
  40.68% {
    background-position: 0px -1620px;
  }
  42.37% {
    background-position: -135px -1620px;
  }
  44.07% {
    background-position: 0px -1755px;
  }
  45.76% {
    background-position: -135px -1755px;
  }
  47.46% {
    background-position: 0px -1890px;
  }
  49.15% {
    background-position: -135px -1890px;
  }
  50.85% {
    background-position: 0px -2025px;
  }
  52.54% {
    background-position: -135px -2025px;
  }
  54.24% {
    background-position: 0px -2160px;
  }
  55.93% {
    background-position: -135px -2160px;
  }
  57.63% {
    background-position: 0px -2295px;
  }
  59.32% {
    background-position: -135px -2295px;
  }
  61.02% {
    background-position: 0px -2430px;
  }
  62.71% {
    background-position: -135px -2430px;
  }
  64.41% {
    background-position: 0px -2565px;
  }
  66.10% {
    background-position: -135px -2565px;
  }
  67.80% {
    background-position: 0px -2700px;
  }
  69.49% {
    background-position: -135px -2700px;
  }
  71.19% {
    background-position: 0px -2835px;
  }
  72.88% {
    background-position: -135px -2835px;
  }
  74.58% {
    background-position: 0px -2970px;
  }
  76.27% {
    background-position: -135px -2970px;
  }
  77.97% {
    background-position: 0px -3105px;
  }
  79.66% {
    background-position: -135px -3105px;
  }
  81.36% {
    background-position: 0px -3240px;
  }
  83.05% {
    background-position: -135px -3240px;
  }
  84.75% {
    background-position: 0px -3375px;
  }
  86.44% {
    background-position: -135px -3375px;
  }
  88.14% {
    background-position: 0px -3510px;
  }
  89.83% {
    background-position: -135px -3510px;
  }
  91.53% {
    background-position: 0px -3645px;
  }
  93.22% {
    background-position: -135px -3645px;
  }
  94.92% {
    background-position: 0px -3780px;
  }
  96.61% {
    background-position: -135px -3780px;
  }
  98.31% {
    background-position: 0px -3915px;
  }
  100.00% {
    background-position: -135px -3915px;
  }
}
@-moz-keyframes iconRefresh {
  0% {
    background-position: 0px 0px;
  }
  1.69% {
    background-position: -135px 0px;
  }
  3.39% {
    background-position: 0px -135px;
  }
  5.08% {
    background-position: -135px -135px;
  }
  6.78% {
    background-position: 0px -270px;
  }
  8.47% {
    background-position: -135px -270px;
  }
  10.17% {
    background-position: 0px -405px;
  }
  11.86% {
    background-position: -135px -405px;
  }
  13.56% {
    background-position: 0px -540px;
  }
  15.25% {
    background-position: -135px -540px;
  }
  16.95% {
    background-position: 0px -675px;
  }
  18.64% {
    background-position: -135px -675px;
  }
  20.34% {
    background-position: 0px -810px;
  }
  22.03% {
    background-position: -135px -810px;
  }
  23.73% {
    background-position: 0px -945px;
  }
  25.42% {
    background-position: -135px -945px;
  }
  27.12% {
    background-position: 0px -1080px;
  }
  28.81% {
    background-position: -135px -1080px;
  }
  30.51% {
    background-position: 0px -1215px;
  }
  32.20% {
    background-position: -135px -1215px;
  }
  33.90% {
    background-position: 0px -1350px;
  }
  35.59% {
    background-position: -135px -1350px;
  }
  37.29% {
    background-position: 0px -1485px;
  }
  38.98% {
    background-position: -135px -1485px;
  }
  40.68% {
    background-position: 0px -1620px;
  }
  42.37% {
    background-position: -135px -1620px;
  }
  44.07% {
    background-position: 0px -1755px;
  }
  45.76% {
    background-position: -135px -1755px;
  }
  47.46% {
    background-position: 0px -1890px;
  }
  49.15% {
    background-position: -135px -1890px;
  }
  50.85% {
    background-position: 0px -2025px;
  }
  52.54% {
    background-position: -135px -2025px;
  }
  54.24% {
    background-position: 0px -2160px;
  }
  55.93% {
    background-position: -135px -2160px;
  }
  57.63% {
    background-position: 0px -2295px;
  }
  59.32% {
    background-position: -135px -2295px;
  }
  61.02% {
    background-position: 0px -2430px;
  }
  62.71% {
    background-position: -135px -2430px;
  }
  64.41% {
    background-position: 0px -2565px;
  }
  66.10% {
    background-position: -135px -2565px;
  }
  67.80% {
    background-position: 0px -2700px;
  }
  69.49% {
    background-position: -135px -2700px;
  }
  71.19% {
    background-position: 0px -2835px;
  }
  72.88% {
    background-position: -135px -2835px;
  }
  74.58% {
    background-position: 0px -2970px;
  }
  76.27% {
    background-position: -135px -2970px;
  }
  77.97% {
    background-position: 0px -3105px;
  }
  79.66% {
    background-position: -135px -3105px;
  }
  81.36% {
    background-position: 0px -3240px;
  }
  83.05% {
    background-position: -135px -3240px;
  }
  84.75% {
    background-position: 0px -3375px;
  }
  86.44% {
    background-position: -135px -3375px;
  }
  88.14% {
    background-position: 0px -3510px;
  }
  89.83% {
    background-position: -135px -3510px;
  }
  91.53% {
    background-position: 0px -3645px;
  }
  93.22% {
    background-position: -135px -3645px;
  }
  94.92% {
    background-position: 0px -3780px;
  }
  96.61% {
    background-position: -135px -3780px;
  }
  98.31% {
    background-position: 0px -3915px;
  }
  100.00% {
    background-position: -135px -3915px;
  }
}
@-ms-keyframes iconRefresh {
  0% {
    background-position: 0px 0px;
  }
  1.69% {
    background-position: -135px 0px;
  }
  3.39% {
    background-position: 0px -135px;
  }
  5.08% {
    background-position: -135px -135px;
  }
  6.78% {
    background-position: 0px -270px;
  }
  8.47% {
    background-position: -135px -270px;
  }
  10.17% {
    background-position: 0px -405px;
  }
  11.86% {
    background-position: -135px -405px;
  }
  13.56% {
    background-position: 0px -540px;
  }
  15.25% {
    background-position: -135px -540px;
  }
  16.95% {
    background-position: 0px -675px;
  }
  18.64% {
    background-position: -135px -675px;
  }
  20.34% {
    background-position: 0px -810px;
  }
  22.03% {
    background-position: -135px -810px;
  }
  23.73% {
    background-position: 0px -945px;
  }
  25.42% {
    background-position: -135px -945px;
  }
  27.12% {
    background-position: 0px -1080px;
  }
  28.81% {
    background-position: -135px -1080px;
  }
  30.51% {
    background-position: 0px -1215px;
  }
  32.20% {
    background-position: -135px -1215px;
  }
  33.90% {
    background-position: 0px -1350px;
  }
  35.59% {
    background-position: -135px -1350px;
  }
  37.29% {
    background-position: 0px -1485px;
  }
  38.98% {
    background-position: -135px -1485px;
  }
  40.68% {
    background-position: 0px -1620px;
  }
  42.37% {
    background-position: -135px -1620px;
  }
  44.07% {
    background-position: 0px -1755px;
  }
  45.76% {
    background-position: -135px -1755px;
  }
  47.46% {
    background-position: 0px -1890px;
  }
  49.15% {
    background-position: -135px -1890px;
  }
  50.85% {
    background-position: 0px -2025px;
  }
  52.54% {
    background-position: -135px -2025px;
  }
  54.24% {
    background-position: 0px -2160px;
  }
  55.93% {
    background-position: -135px -2160px;
  }
  57.63% {
    background-position: 0px -2295px;
  }
  59.32% {
    background-position: -135px -2295px;
  }
  61.02% {
    background-position: 0px -2430px;
  }
  62.71% {
    background-position: -135px -2430px;
  }
  64.41% {
    background-position: 0px -2565px;
  }
  66.10% {
    background-position: -135px -2565px;
  }
  67.80% {
    background-position: 0px -2700px;
  }
  69.49% {
    background-position: -135px -2700px;
  }
  71.19% {
    background-position: 0px -2835px;
  }
  72.88% {
    background-position: -135px -2835px;
  }
  74.58% {
    background-position: 0px -2970px;
  }
  76.27% {
    background-position: -135px -2970px;
  }
  77.97% {
    background-position: 0px -3105px;
  }
  79.66% {
    background-position: -135px -3105px;
  }
  81.36% {
    background-position: 0px -3240px;
  }
  83.05% {
    background-position: -135px -3240px;
  }
  84.75% {
    background-position: 0px -3375px;
  }
  86.44% {
    background-position: -135px -3375px;
  }
  88.14% {
    background-position: 0px -3510px;
  }
  89.83% {
    background-position: -135px -3510px;
  }
  91.53% {
    background-position: 0px -3645px;
  }
  93.22% {
    background-position: -135px -3645px;
  }
  94.92% {
    background-position: 0px -3780px;
  }
  96.61% {
    background-position: -135px -3780px;
  }
  98.31% {
    background-position: 0px -3915px;
  }
  100.00% {
    background-position: -135px -3915px;
  }
}
@-o-keyframes iconRefresh {
  0% {
    background-position: 0px 0px;
  }
  1.69% {
    background-position: -135px 0px;
  }
  3.39% {
    background-position: 0px -135px;
  }
  5.08% {
    background-position: -135px -135px;
  }
  6.78% {
    background-position: 0px -270px;
  }
  8.47% {
    background-position: -135px -270px;
  }
  10.17% {
    background-position: 0px -405px;
  }
  11.86% {
    background-position: -135px -405px;
  }
  13.56% {
    background-position: 0px -540px;
  }
  15.25% {
    background-position: -135px -540px;
  }
  16.95% {
    background-position: 0px -675px;
  }
  18.64% {
    background-position: -135px -675px;
  }
  20.34% {
    background-position: 0px -810px;
  }
  22.03% {
    background-position: -135px -810px;
  }
  23.73% {
    background-position: 0px -945px;
  }
  25.42% {
    background-position: -135px -945px;
  }
  27.12% {
    background-position: 0px -1080px;
  }
  28.81% {
    background-position: -135px -1080px;
  }
  30.51% {
    background-position: 0px -1215px;
  }
  32.20% {
    background-position: -135px -1215px;
  }
  33.90% {
    background-position: 0px -1350px;
  }
  35.59% {
    background-position: -135px -1350px;
  }
  37.29% {
    background-position: 0px -1485px;
  }
  38.98% {
    background-position: -135px -1485px;
  }
  40.68% {
    background-position: 0px -1620px;
  }
  42.37% {
    background-position: -135px -1620px;
  }
  44.07% {
    background-position: 0px -1755px;
  }
  45.76% {
    background-position: -135px -1755px;
  }
  47.46% {
    background-position: 0px -1890px;
  }
  49.15% {
    background-position: -135px -1890px;
  }
  50.85% {
    background-position: 0px -2025px;
  }
  52.54% {
    background-position: -135px -2025px;
  }
  54.24% {
    background-position: 0px -2160px;
  }
  55.93% {
    background-position: -135px -2160px;
  }
  57.63% {
    background-position: 0px -2295px;
  }
  59.32% {
    background-position: -135px -2295px;
  }
  61.02% {
    background-position: 0px -2430px;
  }
  62.71% {
    background-position: -135px -2430px;
  }
  64.41% {
    background-position: 0px -2565px;
  }
  66.10% {
    background-position: -135px -2565px;
  }
  67.80% {
    background-position: 0px -2700px;
  }
  69.49% {
    background-position: -135px -2700px;
  }
  71.19% {
    background-position: 0px -2835px;
  }
  72.88% {
    background-position: -135px -2835px;
  }
  74.58% {
    background-position: 0px -2970px;
  }
  76.27% {
    background-position: -135px -2970px;
  }
  77.97% {
    background-position: 0px -3105px;
  }
  79.66% {
    background-position: -135px -3105px;
  }
  81.36% {
    background-position: 0px -3240px;
  }
  83.05% {
    background-position: -135px -3240px;
  }
  84.75% {
    background-position: 0px -3375px;
  }
  86.44% {
    background-position: -135px -3375px;
  }
  88.14% {
    background-position: 0px -3510px;
  }
  89.83% {
    background-position: -135px -3510px;
  }
  91.53% {
    background-position: 0px -3645px;
  }
  93.22% {
    background-position: -135px -3645px;
  }
  94.92% {
    background-position: 0px -3780px;
  }
  96.61% {
    background-position: -135px -3780px;
  }
  98.31% {
    background-position: 0px -3915px;
  }
  100.00% {
    background-position: -135px -3915px;
  }
}
@keyframes iconRefresh {
  0% {
    background-position: 0px 0px;
  }
  1.69% {
    background-position: -135px 0px;
  }
  3.39% {
    background-position: 0px -135px;
  }
  5.08% {
    background-position: -135px -135px;
  }
  6.78% {
    background-position: 0px -270px;
  }
  8.47% {
    background-position: -135px -270px;
  }
  10.17% {
    background-position: 0px -405px;
  }
  11.86% {
    background-position: -135px -405px;
  }
  13.56% {
    background-position: 0px -540px;
  }
  15.25% {
    background-position: -135px -540px;
  }
  16.95% {
    background-position: 0px -675px;
  }
  18.64% {
    background-position: -135px -675px;
  }
  20.34% {
    background-position: 0px -810px;
  }
  22.03% {
    background-position: -135px -810px;
  }
  23.73% {
    background-position: 0px -945px;
  }
  25.42% {
    background-position: -135px -945px;
  }
  27.12% {
    background-position: 0px -1080px;
  }
  28.81% {
    background-position: -135px -1080px;
  }
  30.51% {
    background-position: 0px -1215px;
  }
  32.20% {
    background-position: -135px -1215px;
  }
  33.90% {
    background-position: 0px -1350px;
  }
  35.59% {
    background-position: -135px -1350px;
  }
  37.29% {
    background-position: 0px -1485px;
  }
  38.98% {
    background-position: -135px -1485px;
  }
  40.68% {
    background-position: 0px -1620px;
  }
  42.37% {
    background-position: -135px -1620px;
  }
  44.07% {
    background-position: 0px -1755px;
  }
  45.76% {
    background-position: -135px -1755px;
  }
  47.46% {
    background-position: 0px -1890px;
  }
  49.15% {
    background-position: -135px -1890px;
  }
  50.85% {
    background-position: 0px -2025px;
  }
  52.54% {
    background-position: -135px -2025px;
  }
  54.24% {
    background-position: 0px -2160px;
  }
  55.93% {
    background-position: -135px -2160px;
  }
  57.63% {
    background-position: 0px -2295px;
  }
  59.32% {
    background-position: -135px -2295px;
  }
  61.02% {
    background-position: 0px -2430px;
  }
  62.71% {
    background-position: -135px -2430px;
  }
  64.41% {
    background-position: 0px -2565px;
  }
  66.10% {
    background-position: -135px -2565px;
  }
  67.80% {
    background-position: 0px -2700px;
  }
  69.49% {
    background-position: -135px -2700px;
  }
  71.19% {
    background-position: 0px -2835px;
  }
  72.88% {
    background-position: -135px -2835px;
  }
  74.58% {
    background-position: 0px -2970px;
  }
  76.27% {
    background-position: -135px -2970px;
  }
  77.97% {
    background-position: 0px -3105px;
  }
  79.66% {
    background-position: -135px -3105px;
  }
  81.36% {
    background-position: 0px -3240px;
  }
  83.05% {
    background-position: -135px -3240px;
  }
  84.75% {
    background-position: 0px -3375px;
  }
  86.44% {
    background-position: -135px -3375px;
  }
  88.14% {
    background-position: 0px -3510px;
  }
  89.83% {
    background-position: -135px -3510px;
  }
  91.53% {
    background-position: 0px -3645px;
  }
  93.22% {
    background-position: -135px -3645px;
  }
  94.92% {
    background-position: 0px -3780px;
  }
  96.61% {
    background-position: -135px -3780px;
  }
  98.31% {
    background-position: 0px -3915px;
  }
  100.00% {
    background-position: -135px -3915px;
  }
}
@-webkit-keyframes iconRefresh {
  0% {
    background-position: 0px 0px;
  }
  1.69% {
    background-position: -135px 0px;
  }
  3.39% {
    background-position: 0px -135px;
  }
  5.08% {
    background-position: -135px -135px;
  }
  6.78% {
    background-position: 0px -270px;
  }
  8.47% {
    background-position: -135px -270px;
  }
  10.17% {
    background-position: 0px -405px;
  }
  11.86% {
    background-position: -135px -405px;
  }
  13.56% {
    background-position: 0px -540px;
  }
  15.25% {
    background-position: -135px -540px;
  }
  16.95% {
    background-position: 0px -675px;
  }
  18.64% {
    background-position: -135px -675px;
  }
  20.34% {
    background-position: 0px -810px;
  }
  22.03% {
    background-position: -135px -810px;
  }
  23.73% {
    background-position: 0px -945px;
  }
  25.42% {
    background-position: -135px -945px;
  }
  27.12% {
    background-position: 0px -1080px;
  }
  28.81% {
    background-position: -135px -1080px;
  }
  30.51% {
    background-position: 0px -1215px;
  }
  32.20% {
    background-position: -135px -1215px;
  }
  33.90% {
    background-position: 0px -1350px;
  }
  35.59% {
    background-position: -135px -1350px;
  }
  37.29% {
    background-position: 0px -1485px;
  }
  38.98% {
    background-position: -135px -1485px;
  }
  40.68% {
    background-position: 0px -1620px;
  }
  42.37% {
    background-position: -135px -1620px;
  }
  44.07% {
    background-position: 0px -1755px;
  }
  45.76% {
    background-position: -135px -1755px;
  }
  47.46% {
    background-position: 0px -1890px;
  }
  49.15% {
    background-position: -135px -1890px;
  }
  50.85% {
    background-position: 0px -2025px;
  }
  52.54% {
    background-position: -135px -2025px;
  }
  54.24% {
    background-position: 0px -2160px;
  }
  55.93% {
    background-position: -135px -2160px;
  }
  57.63% {
    background-position: 0px -2295px;
  }
  59.32% {
    background-position: -135px -2295px;
  }
  61.02% {
    background-position: 0px -2430px;
  }
  62.71% {
    background-position: -135px -2430px;
  }
  64.41% {
    background-position: 0px -2565px;
  }
  66.10% {
    background-position: -135px -2565px;
  }
  67.80% {
    background-position: 0px -2700px;
  }
  69.49% {
    background-position: -135px -2700px;
  }
  71.19% {
    background-position: 0px -2835px;
  }
  72.88% {
    background-position: -135px -2835px;
  }
  74.58% {
    background-position: 0px -2970px;
  }
  76.27% {
    background-position: -135px -2970px;
  }
  77.97% {
    background-position: 0px -3105px;
  }
  79.66% {
    background-position: -135px -3105px;
  }
  81.36% {
    background-position: 0px -3240px;
  }
  83.05% {
    background-position: -135px -3240px;
  }
  84.75% {
    background-position: 0px -3375px;
  }
  86.44% {
    background-position: -135px -3375px;
  }
  88.14% {
    background-position: 0px -3510px;
  }
  89.83% {
    background-position: -135px -3510px;
  }
  91.53% {
    background-position: 0px -3645px;
  }
  93.22% {
    background-position: -135px -3645px;
  }
  94.92% {
    background-position: 0px -3780px;
  }
  96.61% {
    background-position: -135px -3780px;
  }
  98.31% {
    background-position: 0px -3915px;
  }
  100.00% {
    background-position: -135px -3915px;
  }
}
@-moz-keyframes iconRefresh {
  0% {
    background-position: 0px 0px;
  }
  1.69% {
    background-position: -135px 0px;
  }
  3.39% {
    background-position: 0px -135px;
  }
  5.08% {
    background-position: -135px -135px;
  }
  6.78% {
    background-position: 0px -270px;
  }
  8.47% {
    background-position: -135px -270px;
  }
  10.17% {
    background-position: 0px -405px;
  }
  11.86% {
    background-position: -135px -405px;
  }
  13.56% {
    background-position: 0px -540px;
  }
  15.25% {
    background-position: -135px -540px;
  }
  16.95% {
    background-position: 0px -675px;
  }
  18.64% {
    background-position: -135px -675px;
  }
  20.34% {
    background-position: 0px -810px;
  }
  22.03% {
    background-position: -135px -810px;
  }
  23.73% {
    background-position: 0px -945px;
  }
  25.42% {
    background-position: -135px -945px;
  }
  27.12% {
    background-position: 0px -1080px;
  }
  28.81% {
    background-position: -135px -1080px;
  }
  30.51% {
    background-position: 0px -1215px;
  }
  32.20% {
    background-position: -135px -1215px;
  }
  33.90% {
    background-position: 0px -1350px;
  }
  35.59% {
    background-position: -135px -1350px;
  }
  37.29% {
    background-position: 0px -1485px;
  }
  38.98% {
    background-position: -135px -1485px;
  }
  40.68% {
    background-position: 0px -1620px;
  }
  42.37% {
    background-position: -135px -1620px;
  }
  44.07% {
    background-position: 0px -1755px;
  }
  45.76% {
    background-position: -135px -1755px;
  }
  47.46% {
    background-position: 0px -1890px;
  }
  49.15% {
    background-position: -135px -1890px;
  }
  50.85% {
    background-position: 0px -2025px;
  }
  52.54% {
    background-position: -135px -2025px;
  }
  54.24% {
    background-position: 0px -2160px;
  }
  55.93% {
    background-position: -135px -2160px;
  }
  57.63% {
    background-position: 0px -2295px;
  }
  59.32% {
    background-position: -135px -2295px;
  }
  61.02% {
    background-position: 0px -2430px;
  }
  62.71% {
    background-position: -135px -2430px;
  }
  64.41% {
    background-position: 0px -2565px;
  }
  66.10% {
    background-position: -135px -2565px;
  }
  67.80% {
    background-position: 0px -2700px;
  }
  69.49% {
    background-position: -135px -2700px;
  }
  71.19% {
    background-position: 0px -2835px;
  }
  72.88% {
    background-position: -135px -2835px;
  }
  74.58% {
    background-position: 0px -2970px;
  }
  76.27% {
    background-position: -135px -2970px;
  }
  77.97% {
    background-position: 0px -3105px;
  }
  79.66% {
    background-position: -135px -3105px;
  }
  81.36% {
    background-position: 0px -3240px;
  }
  83.05% {
    background-position: -135px -3240px;
  }
  84.75% {
    background-position: 0px -3375px;
  }
  86.44% {
    background-position: -135px -3375px;
  }
  88.14% {
    background-position: 0px -3510px;
  }
  89.83% {
    background-position: -135px -3510px;
  }
  91.53% {
    background-position: 0px -3645px;
  }
  93.22% {
    background-position: -135px -3645px;
  }
  94.92% {
    background-position: 0px -3780px;
  }
  96.61% {
    background-position: -135px -3780px;
  }
  98.31% {
    background-position: 0px -3915px;
  }
  100.00% {
    background-position: -135px -3915px;
  }
}
@-ms-keyframes iconRefresh {
  0% {
    background-position: 0px 0px;
  }
  1.69% {
    background-position: -135px 0px;
  }
  3.39% {
    background-position: 0px -135px;
  }
  5.08% {
    background-position: -135px -135px;
  }
  6.78% {
    background-position: 0px -270px;
  }
  8.47% {
    background-position: -135px -270px;
  }
  10.17% {
    background-position: 0px -405px;
  }
  11.86% {
    background-position: -135px -405px;
  }
  13.56% {
    background-position: 0px -540px;
  }
  15.25% {
    background-position: -135px -540px;
  }
  16.95% {
    background-position: 0px -675px;
  }
  18.64% {
    background-position: -135px -675px;
  }
  20.34% {
    background-position: 0px -810px;
  }
  22.03% {
    background-position: -135px -810px;
  }
  23.73% {
    background-position: 0px -945px;
  }
  25.42% {
    background-position: -135px -945px;
  }
  27.12% {
    background-position: 0px -1080px;
  }
  28.81% {
    background-position: -135px -1080px;
  }
  30.51% {
    background-position: 0px -1215px;
  }
  32.20% {
    background-position: -135px -1215px;
  }
  33.90% {
    background-position: 0px -1350px;
  }
  35.59% {
    background-position: -135px -1350px;
  }
  37.29% {
    background-position: 0px -1485px;
  }
  38.98% {
    background-position: -135px -1485px;
  }
  40.68% {
    background-position: 0px -1620px;
  }
  42.37% {
    background-position: -135px -1620px;
  }
  44.07% {
    background-position: 0px -1755px;
  }
  45.76% {
    background-position: -135px -1755px;
  }
  47.46% {
    background-position: 0px -1890px;
  }
  49.15% {
    background-position: -135px -1890px;
  }
  50.85% {
    background-position: 0px -2025px;
  }
  52.54% {
    background-position: -135px -2025px;
  }
  54.24% {
    background-position: 0px -2160px;
  }
  55.93% {
    background-position: -135px -2160px;
  }
  57.63% {
    background-position: 0px -2295px;
  }
  59.32% {
    background-position: -135px -2295px;
  }
  61.02% {
    background-position: 0px -2430px;
  }
  62.71% {
    background-position: -135px -2430px;
  }
  64.41% {
    background-position: 0px -2565px;
  }
  66.10% {
    background-position: -135px -2565px;
  }
  67.80% {
    background-position: 0px -2700px;
  }
  69.49% {
    background-position: -135px -2700px;
  }
  71.19% {
    background-position: 0px -2835px;
  }
  72.88% {
    background-position: -135px -2835px;
  }
  74.58% {
    background-position: 0px -2970px;
  }
  76.27% {
    background-position: -135px -2970px;
  }
  77.97% {
    background-position: 0px -3105px;
  }
  79.66% {
    background-position: -135px -3105px;
  }
  81.36% {
    background-position: 0px -3240px;
  }
  83.05% {
    background-position: -135px -3240px;
  }
  84.75% {
    background-position: 0px -3375px;
  }
  86.44% {
    background-position: -135px -3375px;
  }
  88.14% {
    background-position: 0px -3510px;
  }
  89.83% {
    background-position: -135px -3510px;
  }
  91.53% {
    background-position: 0px -3645px;
  }
  93.22% {
    background-position: -135px -3645px;
  }
  94.92% {
    background-position: 0px -3780px;
  }
  96.61% {
    background-position: -135px -3780px;
  }
  98.31% {
    background-position: 0px -3915px;
  }
  100.00% {
    background-position: -135px -3915px;
  }
}
@-o-keyframes iconRefresh {
  0% {
    background-position: 0px 0px;
  }
  1.69% {
    background-position: -135px 0px;
  }
  3.39% {
    background-position: 0px -135px;
  }
  5.08% {
    background-position: -135px -135px;
  }
  6.78% {
    background-position: 0px -270px;
  }
  8.47% {
    background-position: -135px -270px;
  }
  10.17% {
    background-position: 0px -405px;
  }
  11.86% {
    background-position: -135px -405px;
  }
  13.56% {
    background-position: 0px -540px;
  }
  15.25% {
    background-position: -135px -540px;
  }
  16.95% {
    background-position: 0px -675px;
  }
  18.64% {
    background-position: -135px -675px;
  }
  20.34% {
    background-position: 0px -810px;
  }
  22.03% {
    background-position: -135px -810px;
  }
  23.73% {
    background-position: 0px -945px;
  }
  25.42% {
    background-position: -135px -945px;
  }
  27.12% {
    background-position: 0px -1080px;
  }
  28.81% {
    background-position: -135px -1080px;
  }
  30.51% {
    background-position: 0px -1215px;
  }
  32.20% {
    background-position: -135px -1215px;
  }
  33.90% {
    background-position: 0px -1350px;
  }
  35.59% {
    background-position: -135px -1350px;
  }
  37.29% {
    background-position: 0px -1485px;
  }
  38.98% {
    background-position: -135px -1485px;
  }
  40.68% {
    background-position: 0px -1620px;
  }
  42.37% {
    background-position: -135px -1620px;
  }
  44.07% {
    background-position: 0px -1755px;
  }
  45.76% {
    background-position: -135px -1755px;
  }
  47.46% {
    background-position: 0px -1890px;
  }
  49.15% {
    background-position: -135px -1890px;
  }
  50.85% {
    background-position: 0px -2025px;
  }
  52.54% {
    background-position: -135px -2025px;
  }
  54.24% {
    background-position: 0px -2160px;
  }
  55.93% {
    background-position: -135px -2160px;
  }
  57.63% {
    background-position: 0px -2295px;
  }
  59.32% {
    background-position: -135px -2295px;
  }
  61.02% {
    background-position: 0px -2430px;
  }
  62.71% {
    background-position: -135px -2430px;
  }
  64.41% {
    background-position: 0px -2565px;
  }
  66.10% {
    background-position: -135px -2565px;
  }
  67.80% {
    background-position: 0px -2700px;
  }
  69.49% {
    background-position: -135px -2700px;
  }
  71.19% {
    background-position: 0px -2835px;
  }
  72.88% {
    background-position: -135px -2835px;
  }
  74.58% {
    background-position: 0px -2970px;
  }
  76.27% {
    background-position: -135px -2970px;
  }
  77.97% {
    background-position: 0px -3105px;
  }
  79.66% {
    background-position: -135px -3105px;
  }
  81.36% {
    background-position: 0px -3240px;
  }
  83.05% {
    background-position: -135px -3240px;
  }
  84.75% {
    background-position: 0px -3375px;
  }
  86.44% {
    background-position: -135px -3375px;
  }
  88.14% {
    background-position: 0px -3510px;
  }
  89.83% {
    background-position: -135px -3510px;
  }
  91.53% {
    background-position: 0px -3645px;
  }
  93.22% {
    background-position: -135px -3645px;
  }
  94.92% {
    background-position: 0px -3780px;
  }
  96.61% {
    background-position: -135px -3780px;
  }
  98.31% {
    background-position: 0px -3915px;
  }
  100.00% {
    background-position: -135px -3915px;
  }
}
@keyframes iconRefresh {
  0% {
    background-position: 0px 0px;
  }
  1.69% {
    background-position: -135px 0px;
  }
  3.39% {
    background-position: 0px -135px;
  }
  5.08% {
    background-position: -135px -135px;
  }
  6.78% {
    background-position: 0px -270px;
  }
  8.47% {
    background-position: -135px -270px;
  }
  10.17% {
    background-position: 0px -405px;
  }
  11.86% {
    background-position: -135px -405px;
  }
  13.56% {
    background-position: 0px -540px;
  }
  15.25% {
    background-position: -135px -540px;
  }
  16.95% {
    background-position: 0px -675px;
  }
  18.64% {
    background-position: -135px -675px;
  }
  20.34% {
    background-position: 0px -810px;
  }
  22.03% {
    background-position: -135px -810px;
  }
  23.73% {
    background-position: 0px -945px;
  }
  25.42% {
    background-position: -135px -945px;
  }
  27.12% {
    background-position: 0px -1080px;
  }
  28.81% {
    background-position: -135px -1080px;
  }
  30.51% {
    background-position: 0px -1215px;
  }
  32.20% {
    background-position: -135px -1215px;
  }
  33.90% {
    background-position: 0px -1350px;
  }
  35.59% {
    background-position: -135px -1350px;
  }
  37.29% {
    background-position: 0px -1485px;
  }
  38.98% {
    background-position: -135px -1485px;
  }
  40.68% {
    background-position: 0px -1620px;
  }
  42.37% {
    background-position: -135px -1620px;
  }
  44.07% {
    background-position: 0px -1755px;
  }
  45.76% {
    background-position: -135px -1755px;
  }
  47.46% {
    background-position: 0px -1890px;
  }
  49.15% {
    background-position: -135px -1890px;
  }
  50.85% {
    background-position: 0px -2025px;
  }
  52.54% {
    background-position: -135px -2025px;
  }
  54.24% {
    background-position: 0px -2160px;
  }
  55.93% {
    background-position: -135px -2160px;
  }
  57.63% {
    background-position: 0px -2295px;
  }
  59.32% {
    background-position: -135px -2295px;
  }
  61.02% {
    background-position: 0px -2430px;
  }
  62.71% {
    background-position: -135px -2430px;
  }
  64.41% {
    background-position: 0px -2565px;
  }
  66.10% {
    background-position: -135px -2565px;
  }
  67.80% {
    background-position: 0px -2700px;
  }
  69.49% {
    background-position: -135px -2700px;
  }
  71.19% {
    background-position: 0px -2835px;
  }
  72.88% {
    background-position: -135px -2835px;
  }
  74.58% {
    background-position: 0px -2970px;
  }
  76.27% {
    background-position: -135px -2970px;
  }
  77.97% {
    background-position: 0px -3105px;
  }
  79.66% {
    background-position: -135px -3105px;
  }
  81.36% {
    background-position: 0px -3240px;
  }
  83.05% {
    background-position: -135px -3240px;
  }
  84.75% {
    background-position: 0px -3375px;
  }
  86.44% {
    background-position: -135px -3375px;
  }
  88.14% {
    background-position: 0px -3510px;
  }
  89.83% {
    background-position: -135px -3510px;
  }
  91.53% {
    background-position: 0px -3645px;
  }
  93.22% {
    background-position: -135px -3645px;
  }
  94.92% {
    background-position: 0px -3780px;
  }
  96.61% {
    background-position: -135px -3780px;
  }
  98.31% {
    background-position: 0px -3915px;
  }
  100.00% {
    background-position: -135px -3915px;
  }
}
@media screen and (min-width: 1920px) {
  .particle-left {
    left: auto;
    right: 50%;
    margin-right: 540px;
  }
}