#questionPay {
    width: 1000px;
    margin: 40px auto;
    padding: 25px 125px 60px;
    background-color: #fff
}
#questionPay .title {
    color: #333;
    font-size: 20px;
    line-height: 50px;
    border-bottom: 1px solid #e5e5e5
}

#questionPay .main .name {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 30px
}

#questionPay .main .money {
    color: #666;
    font-size: 14px;
    margin-top: 10px
}

#questionPay .main .money em {
    color: #f77272;
    font-weight: 700
}

#questionPay .main .wayList {
    margin-top: 40px
}

#questionPay .main .wayList div {
    color: #333;
    font-size: 14px;
    height: 60px;
    line-height: 60px;
    border: 2px solid #fff;
    padding: 0 20px 0 50px;
    position: relative;
    cursor: pointer
}

#questionPay .main .wayList div:last-child {
    border-bottom-color: #e5e5e5
}

#questionPay .main .wayList div:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background-color: #e5e5e5;
    position: absolute;
    left: 20px;
    top: 22px
}

#questionPay .main .wayList div:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 6px;
    background-color: #fff;
    position: absolute;
    left: 24px;
    top: 26px
}

#questionPay .main .wayList div.light {
    border: 2px solid #0083ff
}

#questionPay .main .wayList div.light:before {
    background-color: #0083ff
}

#questionPay .main .wayList div.light .des, #questionPay .main .wayList div.light .num {
    visibility: visible
}

#questionPay .main .wayList div .des {
    color: #999;
    font-size: 12px;
    line-height: 60px;
    padding-left: 40px;
    position: absolute;
    left: 100px;
    visibility: hidden
}

#questionPay .main .wayList div .num {
    color: #f77272;
    font-size: 14px;
    line-height: 60px;
    position: absolute;
    right: 20px;
    top: -3px;
    visibility: hidden;
    font-weight: 700
}

#questionPay .main .wayList div .num em {
    font-size: 24px
}

#questionPay .main .wayList div .num:before {
    content: "\652F\4ED8";
    color: #333;
    font-weight: 400;
    padding-right: 3px;
    position: relative;
    top: -1px
}

#questionPay .main .operation {
    margin-top: 40px
}

#questionPay .main .operation button {
    cursor: pointer
}

#questionPay .main .operation .pay {
    color: #fff;
    font-size: 14px;
    background-color: #0083ff;
    width: 120px;
    height: 42px;
    border: none;
    border-radius: 4px
}

#questionPay .wachatPay {
    text-align: center;
    padding: 40px 0
}

#questionPay .wachatPay .name {
    color: #666;
    font-size: 12px;
    font-weight: 400
}

#questionPay .wachatPay .maney {
    color: #f77272;
    font-size: 26px;
    line-height: 60px;
    font-weight: 700
}

#questionPay .wachatPay .payImg {
    width: 190px;
    height: 250px;
    display: inline-block;
    margin: auto;
    padding: 5px;
    border: 1px solid #e5e5e5
}

#questionPay .wachatPay .payImg img {
    width: 100%;
    height: auto;
    min-height: 185px;
    background-color: #666
}

#questionPay .wachatPay .payImg .des {
    text-align: left;
    margin: 5px 0
}

#questionPay .wachatPay .payImg .des i {
    display: inline-block;
    font-size: 30px;
    float: left;
    margin: 0 10px 0 28px
}

#questionPay .wachatPay .payImg .des p {
    color: #666;
    font-size: 12px;
    font-weight: 400
}

.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 {
    to {
        opacity: 0
    }
}

@keyframes v-modal-out {
    to {
        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: #409eff;
    border-color: #c6e2ff;
    background-color: #ecf5ff
}

.el-button:active {
    color: #3a8ee6;
    border-color: #3a8ee6;
    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: #409eff;
    color: #409eff
}

.el-button.is-active, .el-button.is-plain:active {
    color: #3a8ee6;
    border-color: #3a8ee6
}

.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: hsla(0, 0%, 100%, .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: #409eff;
    border-color: #409eff
}

.el-button--primary:focus, .el-button--primary:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

.el-button--primary.is-active, .el-button--primary:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    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: #a0cfff;
    border-color: #a0cfff
}

.el-button--primary.is-plain {
    color: #409eff;
    background: #ecf5ff;
    border-color: #b3d8ff
}

.el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover {
    background: #409eff;
    border-color: #409eff;
    color: #fff
}

.el-button--primary.is-plain:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    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: #8cc5ff;
    background-color: #ecf5ff;
    border-color: #d9ecff
}

.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: #409eff;
    background: 0 0;
    padding-left: 0;
    padding-right: 0
}

.el-button--text:focus, .el-button--text:hover {
    color: #66b1ff;
    border-color: transparent;
    background-color: transparent
}

.el-button--text:active {
    color: #3a8ee6;
    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: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: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--primary:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--success:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--success:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--success:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--warning:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--warning:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--danger:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--danger:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--info:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--info:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--info:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .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, .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: #409eff
}

.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, .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, .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, .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: #409eff;
    outline: 0
}

.el-input__suffix {
    right: 5px;
    -webkit-transition: all .3s;
    transition: all .3s;
    pointer-events: none
}

.el-input__suffix-inner {
    pointer-events: all
}

.el-input__prefix {
    left: 5px
}

.el-input__icon, .el-input__prefix {
    -webkit-transition: all .3s;
    transition: all .3s
}

.el-input__icon {
    height: 100%;
    width: 25px;
    text-align: center;
    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, .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
}

.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: #409eff
}

.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
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes msgbox-fade-in {
    0% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes msgbox-fade-out {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

@keyframes msgbox-fade-out {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
    to {
        -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
}

.el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active, .fade-in-linear-enter-active, .fade-in-linear-leave-active {
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.el-fade-in-enter-active, .el-fade-in-leave-active, .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);
    transform: scale(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);
    transform: scale(.45)
}

.collapse-transition {
    -webkit-transition: height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out;
    transition: height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out
}

.horizontal-collapse-transition {
    -webkit-transition: width .3s ease-in-out, padding-left .3s ease-in-out, padding-right .3s ease-in-out;
    transition: width .3s ease-in-out, padding-left .3s ease-in-out, padding-right .3s 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(../font/element-icons.2fad952.woff) format("woff"), url(../font/element-icons.6f0a763.ttf) format("truetype");
    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: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotating {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

#editQuestion {
    background-color: #f2f2f2;
    padding: 40px 0
}

#editQuestion .container {
    width: 900px;
    margin: 0 auto;
    padding: 30px 50px 50px;
    background-color: #fff
}

#editQuestion .container .title .el-input__inner {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    width: 100%;
    border: none;
    padding: 0
}

#editQuestion .container .title .el-input__inner::-webkit-input-placeholder {
    color: #999
}

#editQuestion .container .title .el-input__inner:-ms-input-placeholder, #editQuestion .container .title .el-input__inner::-ms-input-placeholder {
    color: #999
}

#editQuestion .container .title .el-input__inner::placeholder {
    color: #999
}

#editQuestion .container .content {
    margin-top: 15px;
    min-height: 600px
}

#editQuestion .container .settings {
    color: #999;
    font-size: 14px;
    margin-top: 30px
}

#editQuestion .container .settings .el-select {
    width: 110px;
    margin-right: 10px
}

#editQuestion .container .settings .defined {
    margin-right: 10px
}

#editQuestion .container .settings .defined input {
    width: 110px;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #dcdfe6
}

#editQuestion .container .settings .defined input:focus {
    border-color: #409eff
}

#editQuestion .container .settings .des {
    display: inline-block;
    width: 370px;
    position: absolute;
    padding-top: 10px
}

#editQuestion .container .settings .des.small {
    width: 230px;
    padding-top: 0
}

#editQuestion .container .tags {
    color: #999;
    font-size: 14px;
    margin-top: 15px
}

#editQuestion .container .tags span {
    font-size: 12px;
    display: inline-block;
    padding: 4px 10px;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    margin: 10px 10px 0 0;
    cursor: pointer
}

#editQuestion .container .tags span:first-child {
    margin-left: 10px
}

#editQuestion .container .tags span.light {
    color: #0083ff;
    background-color: #deefff;
    border-color: #deefff
}

#editQuestion .container .operation {
    text-align: right;
    padding: 30px 0 0
}

#editQuestion .container .operation button {
    cursor: pointer
}

#editQuestion .container .operation .add {
    width: 110px;
    height: 40px;
    color: #fff;
    font-size: 14px;
    background-color: #0083ff;
    border: 1px solid #0083ff;
    border-radius: 4px
}

#editQuestion .loadingBody {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0
}

#editQuestion .loadingBody .el-loading-spinner .circular {
    width: 55px;
    height: 55px
}

.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: #409eff;
    font-weight: 700
}

.el-select-dropdown__item span {
    line-height: 34px!important
}

.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: #409eff;
    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, .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: #409eff
}

.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, .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, .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, .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: #409eff;
    outline: 0
}

.el-input__suffix {
    right: 5px;
    -webkit-transition: all .3s;
    transition: all .3s;
    pointer-events: none
}

.el-input__suffix-inner {
    pointer-events: all
}

.el-input__prefix {
    left: 5px
}

.el-input__icon, .el-input__prefix {
    -webkit-transition: all .3s;
    transition: all .3s
}

.el-input__icon {
    height: 100%;
    width: 25px;
    text-align: center;
    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, .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
}

.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: #409eff;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    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: #409eff
}

.el-tag .el-icon-close:before {
    display: block
}

.el-tag .el-icon-close:hover {
    background-color: #409eff;
    color: #fff
}

.el-tag--info, .el-tag--info .el-tag__close {
    color: #909399
}

.el-tag--info {
    background-color: hsla(220, 4%, 58%, .1);
    border-color: hsla(220, 4%, 58%, .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: hsla(0, 87%, 69%, .1);
    border-color: hsla(0, 87%, 69%, .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;
    -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: #409eff;
    font-weight: 700
}

.el-select-dropdown__item span {
    line-height: 34px!important
}

.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 .34s ease-out;
    transition: opacity .34s 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: hsla(220, 4%, 58%, .3);
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.el-scrollbar__thumb:hover {
    background-color: hsla(220, 4%, 58%, .5)
}

.el-scrollbar__bar {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: opacity .12s ease-out;
    transition: opacity .12s 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: #409eff
}

.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: rotate(180deg);
    transform: rotate(180deg);
    cursor: pointer
}

.el-select .el-input .el-select__caret.is-reverse {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.el-select .el-input .el-select__caret.is-show-close {
    font-size: 14px;
    text-align: center;
    -webkit-transform: rotate(180deg);
    transform: rotate(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: #409eff
}

.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: translateY(.5px);
    transform: translateY(.5px)
}

.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, .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: #409eff
}

.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, .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, .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-input__prefix, .el-input__suffix {
    position: absolute;
    top: 0;
    -webkit-transition: all .3s;
    text-align: center;
    height: 100%;
    color: #c0c4cc
}

.el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-input__inner:-ms-input-placeholder, .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: #409eff;
    outline: 0
}

.el-input__suffix {
    right: 5px;
    -webkit-transition: all .3s;
    transition: all .3s;
    pointer-events: none
}

.el-input__suffix-inner {
    pointer-events: all
}

.el-input__prefix {
    left: 5px
}

.el-input__icon, .el-input__prefix {
    -webkit-transition: all .3s;
    transition: all .3s
}

.el-input__icon {
    height: 100%;
    width: 25px;
    text-align: center;
    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, .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
}

.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
}

.my-editor textarea {
    display: none
}

.my-editor .mce-container>div {
    white-space: normal
}

code[class*=language-], pre[class*=language-] {
    color: #f8f8f2;
    background: none;
    text-shadow: 0 1px rgba(0, 0, 0, .3);
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto;
    border-radius: .3em
}

:not(pre)>code[class*=language-], pre[class*=language-] {
    background: #272822
}

:not(pre)>code[class*=language-] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal
}

.token.cdata, .token.comment, .token.doctype, .token.prolog {
    color: #708090
}

.token.punctuation {
    color: #f8f8f2
}

.namespace {
    opacity: .7
}

.token.constant, .token.deleted, .token.property, .token.symbol, .token.tag {
    color: #f92672
}

.token.boolean, .token.number {
    color: #ae81ff
}

.token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string {
    color: #a6e22e
}

.language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.url, .token.variable {
    color: #f8f8f2
}

.token.atrule, .token.attr-value, .token.class-name, .token.function {
    color: #e6db74
}

.token.keyword {
    color: #66d9ef
}

.token.important, .token.regex {
    color: #fd971f
}

.token.bold, .token.important {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

.collection-container {
    font-family: MicrosoftYaHei;
    background: #fff;
    border-bottom: 1px solid #e5e5e5
}

.collection-container .content {
    width: 1200px;
    margin: 0 auto;
    padding-left: 50px
}

.collection-container .content .mid-nav {
    height: 56px;
    border-bottom: 1px solid #e5e5e5
}

.collection-container .content .mid-nav a {
    position: relative;
    display: inline-block;
    margin-right: 70px;
    color: #666;
    font-size: 24px;
    line-height: 56px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.collection-container .content .mid-nav a:after {
    content: "";
    position: absolute;
    width: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    height: 3px;
    top: 53px;
    left: 0;
    background-color: #333;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.collection-container .content .mid-nav a:hover {
    color: #000
}

.collection-container .content .mid-nav a:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.collection-container .content .mid-nav a.select {
    color: #000
}

.collection-container .content .mid-nav a.select:before {
    content: "";
    position: absolute;
    top: 53px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #333
}

.collection-container .content ul {
    margin-top: 40px
}

.collection-container .content ul.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.collection-container .content ul li {
    position: relative;
    float: left;
    width: 370px;
    height: 128px;
    margin: 0 20px 20px 0;
    background: #f8fafc
}

.collection-container .content ul li:hover {
    -webkit-box-shadow: 5px 3px 10px #efefef;
    box-shadow: 5px 3px 10px #efefef
}

.collection-container .content ul li:nth-child(3n) {
    margin-right: 0
}

.collection-container .content ul li .avatar {
    overflow: hidden;
    position: relative;
    float: left;
    width: 44px;
    height: 44px;
    margin: 18px 19px 0;
    border-radius: 50%
}

.collection-container .content ul li .avatar img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.collection-container .content ul li .center {
    float: left;
    height: 128px
}

.collection-container .content ul li .center a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    max-width: 174px;
    margin: 20px 0 6px;
    font-size: 20px;
    color: #333
}

.collection-container .content ul li .center a:hover {
    color: #0083ff
}

.collection-container .content ul li .center .work-name {
    display: block;
    margin-bottom: 16px;
    color: #999;
    font-size: 14px;
    line-height: 14px
}

.collection-container .content ul li .center .count span {
    display: inline-block;
    margin-right: 30px;
    color: #999;
    font-size: 14px;
    line-height: 14px
}

.collection-container .content ul li .operation {
    overflow: hidden;
    position: absolute;
    top: 19px;
    right: 19px;
    width: 70px;
    height: 34px
}

.collection-container .content ul li .operation div {
    width: 210px;
    height: 34px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.collection-container .content ul li .operation div.ygz {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.collection-container .content ul li .operation div.qxgz {
    -webkit-transform: translate3d(-70px, 0, 0);
    transform: translate3d(-70px, 0, 0)
}

.collection-container .content ul li .operation div.gz {
    -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0)
}

.collection-container .content ul li .operation div span {
    float: left;
    width: 70px;
    height: 34px;
    font-size: 12px;
    text-align: center;
    line-height: 34px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.collection-container .content ul li .operation div span:first-child {
    background: #fff;
    color: #333;
    border: 1px solid #333
}

.collection-container .content ul li .operation div span:nth-child(2) {
    background: #fff;
    color: #0083ff;
    border: 1px solid #0083ff
}

.collection-container .content ul li .operation div span:nth-child(3) {
    background: #0083ff;
    color: #fff
}

.collection-container .no-data {
    width: 1200px;
    height: 440px;
    margin: 0 auto;
    padding-top: 150px
}

.collection-container .no-data img {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    margin-bottom: 40px
}

.collection-container .no-data p {
    color: #a9a9a9;
    font-size: 14px;
    line-height: 14px;
    text-align: center
}

.collection-container .no-data p a {
    color: #0083ff
}

.info-container .header {
    overflow: hidden;
    position: relative;
    min-width: 1200px;
    height: 150px
}

.info-container .header img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px
}

.info-container .user-base-info {
    position: relative;
    width: 1200px;
    height: 160px;
    margin: 0 auto;
    margin-bottom: 20px
}

.info-container .user-base-info .avatar-box {
    overflow: hidden;
    position: absolute;
    top: -90px;
    left: 0;
    width: 180px;
    height: 180px;
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 10px #cfcfcf;
    box-shadow: 0 1px 10px #cfcfcf;
    z-index: 1
}

.info-container .user-base-info .avatar-box .avatar {
    overflow: hidden;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 172px;
    height: 172px;
    border-radius: 50%
}

.info-container .user-base-info .avatar-box .avatar .imgBox {
    width: 172px;
    height: 172px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.info-container .user-base-info .base-info {
    position: absolute;
    top: -90px;
    left: 210px
}

.info-container .user-base-info .base-info .name {
    float: left;
    font-size: 30px;
    color: #fff;
    line-height: 28px
}

.info-container .user-base-info .base-info .team-per {
    width: 16px;
    height: 18px;
    vertical-align: bottom;
    margin-left: 10px;
    display: inline-block;
    margin-top: 8px
}

.info-container .user-base-info .base-info .title-sex {
    clear: both;
    height: 21px;
    margin-top: 50px
}

.info-container .user-base-info .base-info .title-sex span {
    position: relative;
    margin-right: 20px;
    font-size: 14px;
    color: #fff;
    line-height: 14px
}

.info-container .user-base-info .base-info .title-sex span:first-child::before, .info-container .user-base-info .base-info .title-sex span:nth-child(2):before {
    content: "";
    position: absolute;
    top: 4px;
    right: -10px;
    width: 1px;
    height: 12px;
    background: #fff
}

.info-container .user-base-info .base-info .info-line {
    display: block;
    padding-left: 30px;
    margin-bottom: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAaVBMVEUAAACZmZmOjo6ZmZmfn5+WlpaUlJSUlJSampqYmJiWlpaYmJiZmZmYmJiYmJiYmJiampqYmJiZmZmZmZmYmJiampqZmZmZmZmYmJiZmZmZmZmZmZmZmZmYmJiZmZmZmZmZmZmZmZmZmZlthYpGAAAAInRSTlMABQkKEBETKzA0Tk9QV1mQl5qdp7i6w8zO0NHS3N/f8vr8mkkFjAAAAJJJREFUeF5lj1kSgyAQRNsNUEQF3EGF3P+QqcHEH9/fdFUvA6LWPkava9wUJlglhLLBFOmeHUeCu5kU40r8KJ0B6sAhFwawRYKHGtoC+bQxtk05YDW8AjKx7vsqMkB5RAF0n0QHiEgCMQwgREyWSrbj2MqKLCm0Oc7rOo+GQqn2sVDtf1jf38Oe6UVxT38/93r/C6/aCr/3mj9nAAAAAElFTkSuQmCC) 0 no-repeat;
    font-size: 16px;
    line-height: 16px;
    color: #666
}

.info-container .user-base-info .base-info .info-line.daySalary {
    margin-top: 45px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAaVBMVEUAAACZmZmOjo6ZmZmfn5+WlpaUlJSUlJSampqYmJiWlpaYmJiZmZmYmJiYmJiYmJiampqYmJiZmZmZmZmYmJiampqZmZmZmZmYmJiZmZmZmZmZmZmZmZmYmJiZmZmZmZmZmZmZmZmZmZlthYpGAAAAInRSTlMABQkKEBETKzA0Tk9QV1mQl5qdp7i6w8zO0NHS3N/f8vr8mkkFjAAAAJJJREFUeF5lj1kSgyAQRNsNUEQF3EGF3P+QqcHEH9/fdFUvA6LWPkava9wUJlglhLLBFOmeHUeCu5kU40r8KJ0B6sAhFwawRYKHGtoC+bQxtk05YDW8AjKx7vsqMkB5RAF0n0QHiEgCMQwgREyWSrbj2MqKLCm0Oc7rOo+GQqn2sVDtf1jf38Oe6UVxT38/93r/C6/aCr/3mj9nAAAAAElFTkSuQmCC) 0 no-repeat
}

.info-container .user-base-info .base-info .info-line.work-time {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAV1BMVEUAAACqqqqfn5+ZmZmSkpKXl5ebm5uWlpaZmZmVlZWYmJiVlZWampqampqZmZmampqXl5eZmZmYmJiYmJiZmZmXl5eZmZmZmZmYmJiZmZmZmZmZmZmZmZl8muF4AAAAHHRSTlMAAwgKDhYcIigpLzAwNVVWVpufpKWlxtDd6/r8CoWX4QAAAIhJREFUeF51kFEOgjAQBUdAWYEWWwqtLfc/pxB0Q0Kcz0k2mbf8w7hUSnJGRe1zGIdhDNnXX7NEgTvwjMvhfGygzQBN9AAmCyArAJIN4AKqIDggvc5qTEDpD1VV1Q36oqpdN9670kNaEXmATYCbOTE7jYBfhKaCpuogANkG6ezJdp2ddPblOVc+oogIQ/TOnjUAAAAASUVORK5CYII=) 0 no-repeat
}

.info-container .user-base-info .base-info .info-line.tel {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAnFBMVEUAAAAAAAD///+AgICqqqqAgICqqqqSkpKUlJSZmZmXl5ebm5uVlZWZmZmZmZmVlZWampqZmZmampqYmJiampqYmJiZmZmZmZmZmZmZmZmZmZmYmJiZmZmZmZmYmJiZmZmZmZmYmJiZmZmYmJiZmZmampqZmZmYmJiZmZmYmJiZmZmZmZmZmZmZmZmZmZmYmJiZmZmYmJiZmZmZmZk06HExAAAAM3RSTlMAAQECAwYGBxMUFhcYGSgpOlBRUlZZWnB6f4CBiYqcna2usbKyuL7Ly9ja29zq6/j4+vsFpAt5AAAAjklEQVQYV12O3RZCUBBGtxBJHamc/qUk5ES8/7t1wapT+2Iuvlmz5wMgiMu6LuOAHjeppHAcIavEBfCKo91v7GPhgZHt+bDLDBa5+Q3MPOQaoRFdUD50HfTTV7SWHlgtytdPpurPsU4J9S+j+/K3xzYz9KbMXzOASVJJMXaETA/PQRjEj6YpT6vN+aYJB95z0QvKAGj/BwAAAABJRU5ErkJggg==) 0 no-repeat
}

.info-container .user-base-info .base-info .user-skill span {
    float: left;
    height: 26px;
    margin-right: 12px;
    padding: 0 12px;
    background: #f7f9fb;
    border-radius: 13px;
    color: #999;
    font-size: 14px;
    line-height: 26px;
    text-align: center
}

.info-container .user-base-info .top-nav {
    position: absolute;
    right: 0;
    top: -90px
}

.info-container .user-base-info .top-nav a {
    float: left;
    padding: 0 10px;
    margin-left: 40px;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.info-container .user-base-info .top-nav a:hover p, .info-container .user-base-info .top-nav a:hover span {
    color: #0083ff
}

.info-container .user-base-info .top-nav a p {
    margin-bottom: 14px;
    color: #fff;
    font-size: 24px;
    line-height: 24px
}

.info-container .user-base-info .top-nav a span {
    font-size: 14px;
    line-height: 14px;
    color: #fff
}

.info-container .user-base-info .edit-base-info {
    position: absolute;
    top: 84px;
    right: 0;
    width: 114px;
    height: 36px;
    background: #222;
    border-radius: 4px;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.info-container .user-base-info .operation-box {
    position: absolute;
    top: 84px;
    right: 0;
    height: 36px
}

.info-container .user-base-info .operation-box span {
    display: inline-block;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.info-container .user-base-info .operation-box span:hover {
    color: #0083ff
}

.info-container .user-base-info .operation-box span.send-msg {
    width: 114px;
    margin-right: 20px;
    background: #fff;
    border: 1px solid #333;
    color: #333
}

.info-container .user-base-info .operation-box span.gy {
    width: 114px;
    background: #282421;
    color: #fff
}

.info-container .user-base-info .operation-content {
    position: absolute;
    top: 84px;
    right: 0
}

.info-container .user-base-info .operation-content .send-msg {
    display: inline-block;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: right;
    margin-left: 20px;
    width: 114px;
    border: 1px solid #333;
    color: #fff;
    background-color: #282421
}

.info-container .user-base-info .operation-content .operation {
    overflow: hidden;
    width: 114px
}

.info-container .user-base-info .operation-content .operation div {
    width: 342px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.info-container .user-base-info .operation-content .operation div.ygz {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.info-container .user-base-info .operation-content .operation div.qxgz {
    -webkit-transform: translate3d(-114px, 0, 0);
    transform: translate3d(-114px, 0, 0)
}

.info-container .user-base-info .operation-content .operation div.gz {
    -webkit-transform: translate3d(-228px, 0, 0);
    transform: translate3d(-228px, 0, 0)
}

.info-container .user-base-info .operation-content .operation div span {
    float: left;
    width: 114px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 16px
}

.info-container .user-base-info .operation-content .operation div span:first-child {
    background: #fff;
    color: #333;
    border: 1px solid #333
}

.info-container .user-base-info .operation-content .operation div span:nth-child(2) {
    background: #fff;
    color: #0083ff;
    border: 1px solid #0083ff
}

.info-container .user-base-info .operation-content .operation div span:nth-child(3) {
    background: #0083ff;
    color: #fff
}

.info-container .user-base-info .sharefun {
    position: absolute;
    right: 140px;
    bottom: 45px
}

.info-container .user-base-info .sharefun.ygz {
    bottom: 90px;
    right: -14px
}

.info-container .user-base-info .sharefun i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-bottom: -4px;
    cursor: pointer;
    background: url(static/images/wechat@2x.276431e.png) no-repeat 50%;
    background-size: 100% 100%;
    margin-right: 15px
}

.info-container .user-base-info .sharefun i:first-of-type {
    position: relative
}

.info-container .user-base-info .sharefun i:nth-of-type(2) {
    background: url(static/images/web@2x.2a43cb1.png) no-repeat 50%;
    background-size: 100% 100%
}

.info-container .user-base-info .sharefun i:nth-of-type(3) {
    background: url(static/images/qzone@2x.ccaf57c.png) no-repeat 50%;
    background-size: 100% 100%
}

.info-container .user-base-info .sharefun .qrcode {
    position: absolute;
    top: 25px;
    right: -61px;
    overflow: hidden;
    width: 144px;
    height: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACWCAMAAAAGwfGXAAAAY1BMVEUAAAAAkf4Af/4Ag/4AhP4Agf4Agv4Agv4Agv4Ag/4Ag/8Agv4Ag/4Agv4Agv4Ag/5NqP9Oqf9Pqf+Fw/+FxP/A4f/B4f/y+f/2+v8rmP/p9P////8smP/1+v9MqP8Ag/+93/8QD7rtAAAAEHRSTlMABxwdcHBxf8vLzM/S8vb3aSasfAAAAP5JREFUeF5ioBJgZ2cYVIBdUpJ9cLlHSkqSfVC5R1paSpJ9ULkH5qLB4h5quoiRlYtPngIgIyUtDXMRJebwcrIxMgABE7ecgiygnTvIQRAIgijag4QQnAAiAglRvP8p9Ri9eP8Eb1HrOhO0fz+1iSh1PdP0rCXax5mopYv+lQm09TG+M4GOKa4zVVd+EBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQENC4JzvV6rdkt2PdkuuYLdd13VpLRHOftyPFfra53uJfaYfpStA0dCXiBz6ckd3vDfnlAAAAAElFTkSuQmCC) no-repeat 50%
}

.info-container .user-base-info .sharefun .qrcode img {
    display: block;
    margin: 0 auto;
    border-radius: 15px
}

.info-container .user-base-info .sharefun .sharrwx:hover .qrcode {
    height: 150px;
    padding-top: 7px
}

.info-container .msg-box {
    width: 734px;
    min-height: 670px;
    padding: 40px 100px 50px;
    background: #fff
}

.info-container .msg-box h3 {
    height: 30px;
    margin-bottom: 55px;
    font-size: 30px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    line-height: 30px;
    color: #333
}

.info-container .msg-box .header-item {
    height: 60px;
    margin-bottom: 17px
}

.info-container .msg-box .header-item div {
    overflow: hidden;
    position: relative;
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 24px;
    border-radius: 50%
}

.info-container .msg-box .header-item div img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.info-container .msg-box .header-item .name {
    float: left;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    line-height: 60px;
    color: #666
}

.info-container .msg-box .header-item .project-name {
    float: right;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    padding-top: 20px;
    width: 50%;
    overflow: hidden;
    height: 60px;
    text-align: right;
    color: #666
}

.info-container .msg-box .ipt-item {
    height: 44px;
    margin-bottom: 40px
}

.info-container .msg-box .ipt-item label {
    float: left;
    width: 94px;
    height: 44px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    line-height: 44px;
    color: #666
}

.info-container .msg-box .ipt-item label i {
    color: #ff7070;
    font-style: normal
}

.info-container .msg-box .ipt-item input::-webkit-input-placeholder {
    color: #ccc
}

.info-container .msg-box .ipt-item input {
    display: block;
    width: 440px;
    height: 44px;
    padding: 0 52px 0 12px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.info-container .msg-box .ipt-item input:focus {
    border: 1px solid #0083ff;
    -webkit-box-shadow: 0 0 5px #0083ff;
    box-shadow: 0 0 5px #0083ff
}

.info-container .msg-box .ipt-item input:hover {
    border-color: #c0c4cc
}

.info-container .msg-box .photo-tmp {
    padding: 20px;
    margin-bottom: 10px;
    background: #f2f2f2
}

.info-container .msg-box .photo-tmp .title {
    margin-bottom: 15px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 14px
}

.info-container .msg-box .supplement {
    padding: 12px 17px 20px;
    background-color: #f2f2f2;
    margin-bottom: 15px
}

.info-container .msg-box .supplement .title {
    color: #333;
    font-size: 16px
}

.info-container .msg-box .supplement .des {
    color: #666;
    font-size: 12px;
    margin-top: 5px
}

.info-container .msg-box .supplement .uploadFile {
    margin-top: 10px;
    display: table
}

.info-container .msg-box .supplement .uploadFile div {
    display: table-cell;
    vertical-align: middle
}

.info-container .msg-box .supplement .uploadFile .logo {
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.info-container .msg-box .supplement .uploadFile .name {
    color: #333;
    font-size: 16px;
    padding-left: 15px;
    max-width: 390px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    cursor: pointer
}

.info-container .msg-box .supplement .uploadFile .name:hover {
    color: #0083ff
}

.info-container .msg-box .supplement .uploadFile .delete {
    cursor: pointer;
    color: #0083ff;
    padding-left: 8px
}

.info-container .msg-box .supplement .add {
    color: #0083ff;
    font-size: 16px;
    margin-top: 15px;
    line-height: 30px;
    background: url("static/images/tianjjia.png") no-repeat 0;
    background-size: 20px;
    padding-left: 25px;
    cursor: pointer
}

.info-container .msg-box .notice {
    margin-bottom: 40px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 14px
}

.info-container .msg-box .notice a {
    color: #0083ff
}

.info-container .msg-box .btn-box {
    height: 42px
}

.info-container .msg-box .btn-box .confirm {
    float: right;
    width: 120px;
    height: 42px;
    background: #0083ff;
    border-radius: 4px;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    color: #fff;
    line-height: 42px;
    text-align: center;
    cursor: pointer
}

.info-container .msg-box .btn-box .confirm:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

.info-container .msg-box .btn-box .cancle {
    float: right;
    width: 120px;
    height: 42px;
    margin-right: 20px;
    background: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    color: #0083ff;
    line-height: 42px;
    text-align: center;
    border: 1px solid #0083ff;
    cursor: pointer
}

.info-container .msg-box .btn-box .cancle:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

.info-container .el-cascader, .info-container .el-date-editor, .info-container .el-select {
    width: 440px!important
}

.info-container .el-cascader .el-input__inner, .info-container .el-date-editor .el-input__inner, .info-container .el-select .el-input__inner {
    height: 44px!important;
    padding-left: 12px;
    border-radius: 6px
}

.info-container .el-cascader .el-input__inner:focus, .info-container .el-date-editor .el-input__inner:focus, .info-container .el-select .el-input__inner:focus {
    border: 1px solid #0083ff;
    -webkit-box-shadow: 0 0 5px #0083ff;
    box-shadow: 0 0 5px #0083ff
}

.info-container .el-cascader .el-input__prefix, .info-container .el-date-editor .el-input__prefix, .info-container .el-select .el-input__prefix {
    left: 410px;
    width: 20px!important;
    height: 20px!important
}

.info-container .el-cascader .el-input__prefix .el-input__icon .el-icon-date, .info-container .el-date-editor .el-input__prefix .el-input__icon .el-icon-date, .info-container .el-select .el-input__prefix .el-input__icon .el-icon-date {
    width: 20px;
    height: 20px
}

.info-container .upload .el-upload-list--picture-card .el-upload-list__item {
    width: 74px!important;
    height: 74px!important;
    margin: 0 10px 8px 0
}

.info-container .upload .el-upload--picture-card {
    width: 74px;
    height: 74px;
    line-height: 74px
}

.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-popover {
    position: absolute;
    background: #fff;
    min-width: 150px;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    padding: 12px;
    z-index: 2000;
    color: #606266;
    line-height: 1.4;
    text-align: justify;
    font-size: 14px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.el-popover--plain {
    padding: 18px 20px
}

.el-popover__title {
    color: #303133;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 12px
}

.el-popover:focus, .el-popover:focus:active, .el-popover__reference:focus:hover, .el-popover__reference:focus:not(.focusing) {
    outline-width: 0
}

.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 {
    to {
        opacity: 0
    }
}

@keyframes v-modal-out {
    to {
        opacity: 0
    }
}

.v-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #000
}

.el-popup-parent--hidden {
    overflow: hidden
}

.el-dialog {
    position: relative;
    margin: 0 auto 50px;
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%
}

.el-dialog.is-fullscreen {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    overflow: auto
}

.el-dialog__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    margin: 0
}

.el-dialog__header {
    padding: 20px 20px 10px
}

.el-dialog__headerbtn {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer;
    font-size: 16px
}

.el-dialog__headerbtn .el-dialog__close {
    color: #909399
}

.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
    color: #409eff
}

.el-dialog__title {
    line-height: 24px;
    font-size: 18px;
    color: #303133
}

.el-dialog__body {
    padding: 30px 20px;
    color: #606266;
    font-size: 14px
}

.el-dialog__footer {
    padding: 10px 20px 20px;
    text-align: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-dialog--center {
    text-align: center
}

.el-dialog--center .el-dialog__body {
    text-align: initial;
    padding: 25px 25px 30px
}

.el-dialog--center .el-dialog__footer {
    text-align: inherit
}

.dialog-fade-enter-active {
    -webkit-animation: dialog-fade-in .3s;
    animation: dialog-fade-in .3s
}

.dialog-fade-leave-active {
    -webkit-animation: dialog-fade-out .3s;
    animation: dialog-fade-out .3s
}

@-webkit-keyframes dialog-fade-in {
    0% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes dialog-fade-in {
    0% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes dialog-fade-out {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

@keyframes dialog-fade-out {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

.el-upload-cover__title, .el-upload-list__item-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-progress {
    position: relative;
    line-height: 1
}

.el-progress__text {
    font-size: 14px;
    color: #606266;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    line-height: 1
}

.el-progress__text i {
    vertical-align: middle;
    display: block
}

.el-progress--circle {
    display: inline-block
}

.el-progress--circle .el-progress__text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.el-progress--circle .el-progress__text i {
    vertical-align: middle;
    display: inline-block
}

.el-progress--without-text .el-progress__text {
    display: none
}

.el-progress--without-text .el-progress-bar {
    padding-right: 0;
    margin-right: 0;
    display: block
}

.el-progress--text-inside .el-progress-bar {
    padding-right: 0;
    margin-right: 0
}

.el-progress.is-success .el-progress-bar__inner {
    background-color: #67c23a
}

.el-progress.is-success .el-progress__text {
    color: #67c23a
}

.el-progress.is-exception .el-progress-bar__inner {
    background-color: #f56c6c
}

.el-progress.is-exception .el-progress__text {
    color: #f56c6c
}

.el-progress-bar {
    padding-right: 50px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-right: -55px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-upload--picture-card, .el-upload-dragger {
    -webkit-box-sizing: border-box;
    cursor: pointer
}

.el-progress-bar__outer {
    height: 6px;
    border-radius: 100px;
    background-color: #ebeef5;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.el-progress-bar__inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #409eff;
    text-align: right;
    border-radius: 100px;
    line-height: 1;
    white-space: nowrap
}

.el-progress-bar__inner:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}

.el-progress-bar__innerText {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
    margin: 0 5px
}

@-webkit-keyframes progress {
    0% {
        background-position: 0 0
    }
    to {
        background-position: 32px 0
    }
}

@keyframes progress {
    0% {
        background-position: 0 0
    }
    to {
        background-position: 32px 0
    }
}

.el-upload {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    outline: 0
}

.el-upload__input {
    display: none
}

.el-upload__tip {
    font-size: 12px;
    color: #606266;
    margin-top: 7px
}

.el-upload iframe {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.el-upload--picture-card {
    background-color: #fbfdff;
    border: 1px dashed #c0ccda;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 148px;
    height: 148px;
    line-height: 146px;
    vertical-align: top
}

.el-upload--picture-card i {
    font-size: 28px;
    color: #8c939d
}

.el-upload--picture-card:hover, .el-upload:focus {
    border-color: #409eff;
    color: #409eff
}

.el-upload:focus .el-upload-dragger {
    border-color: #409eff
}

.el-upload-dragger {
    background-color: #fff;
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 360px;
    height: 180px;
    text-align: center;
    position: relative;
    overflow: hidden
}

.el-upload-dragger .el-icon-upload {
    font-size: 67px;
    color: #c0c4cc;
    margin: 40px 0 16px;
    line-height: 50px
}

.el-upload-dragger+.el-upload__tip {
    text-align: center
}

.el-upload-dragger~.el-upload__files {
    border-top: 1px solid #dcdfe6;
    margin-top: 7px;
    padding-top: 5px
}

.el-upload-dragger .el-upload__text {
    color: #606266;
    font-size: 14px;
    text-align: center
}

.el-upload-dragger .el-upload__text em {
    color: #409eff;
    font-style: normal
}

.el-upload-dragger:hover {
    border-color: #409eff
}

.el-upload-dragger.is-dragover {
    background-color: rgba(32, 159, 255, .06);
    border: 2px dashed #409eff
}

.el-upload-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.el-upload-list__item {
    -webkit-transition: all .5s cubic-bezier(.55, 0, .1, 1);
    transition: all .5s cubic-bezier(.55, 0, .1, 1);
    font-size: 14px;
    color: #606266;
    line-height: 1.8;
    margin-top: 5px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%
}

.el-upload-list__item .el-progress {
    position: absolute;
    top: 20px;
    width: 100%
}

.el-upload-list__item .el-progress__text {
    position: absolute;
    right: 0;
    top: -13px
}

.el-upload-list__item .el-progress-bar {
    margin-right: 0;
    padding-right: 0
}

.el-upload-list__item:first-child {
    margin-top: 10px
}

.el-upload-list__item .el-icon-upload-success {
    color: #67c23a
}

.el-upload-list__item .el-icon-close {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    opacity: .75;
    color: #606266
}

.el-upload-list__item .el-icon-close:hover {
    opacity: 1
}

.el-upload-list__item .el-icon-close-tip {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 12px;
    cursor: pointer;
    opacity: 1;
    color: #409eff
}

.el-upload-list__item:hover {
    background-color: #f5f7fa
}

.el-upload-list__item:hover .el-icon-close {
    display: inline-block
}

.el-upload-list__item:hover .el-progress__text {
    display: none
}

.el-upload-list__item.is-success .el-upload-list__item-status-label {
    display: block
}

.el-upload-list__item.is-success .el-upload-list__item-name:focus, .el-upload-list__item.is-success .el-upload-list__item-name:hover {
    color: #409eff;
    cursor: pointer
}

.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
    display: inline-block
}

.el-upload-list__item.is-success:active, .el-upload-list__item.is-success:not(.focusing):focus {
    outline-width: 0
}

.el-upload-list__item.is-success:active .el-icon-close-tip, .el-upload-list__item.is-success:focus .el-upload-list__item-status-label, .el-upload-list__item.is-success:hover .el-upload-list__item-status-label, .el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip {
    display: none
}

.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label {
    display: block
}

.el-upload-list__item-name {
    color: #606266;
    display: block;
    margin-right: 40px;
    padding-left: 4px;
    -webkit-transition: color .3s;
    transition: color .3s
}

.el-upload-list__item-name [class^=el-icon] {
    height: 100%;
    margin-right: 7px;
    color: #909399;
    line-height: inherit
}

.el-upload-list__item-status-label {
    position: absolute;
    right: 5px;
    top: 0;
    line-height: inherit;
    display: none
}

.el-upload-list__item-delete {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 12px;
    color: #606266;
    display: none
}

.el-upload-list__item-delete:hover {
    color: #409eff
}

.el-upload-list--picture-card {
    margin: 0;
    display: inline;
    vertical-align: top
}

.el-upload-list--picture-card .el-upload-list__item {
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #c0ccda;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 148px;
    height: 148px;
    margin: 0 8px 8px 0;
    display: inline-block
}

.el-upload-list--picture-card .el-upload-list__item .el-icon-check, .el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check {
    color: #fff
}

.el-upload-list--picture-card .el-upload-list__item .el-icon-close, .el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
    display: none
}

.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
    display: block
}

.el-upload-list--picture-card .el-upload-list__item-name {
    display: none
}

.el-upload-list--picture-card .el-upload-list__item-thumbnail {
    width: 100%;
    height: 100%
}

.el-upload-list--picture-card .el-upload-list__item-status-label {
    position: absolute;
    right: -15px;
    top: -6px;
    width: 40px;
    height: 24px;
    background: #13ce66;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2);
    box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2)
}

.el-upload-list--picture-card .el-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 11px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.el-upload-list--picture-card .el-upload-list__item-actions {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: default;
    text-align: center;
    color: #fff;
    opacity: 0;
    font-size: 20px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.el-upload-list--picture-card .el-upload-list__item-actions:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}

.el-upload-list--picture-card .el-upload-list__item-actions span {
    display: none;
    cursor: pointer
}

.el-upload-list--picture-card .el-upload-list__item-actions span+span {
    margin-left: 15px
}

.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
    position: static;
    font-size: inherit;
    color: inherit
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover {
    opacity: 1
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover span {
    display: inline-block
}

.el-upload-list--picture-card .el-progress {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    bottom: auto;
    width: 126px
}

.el-upload-list--picture-card .el-progress .el-progress__text {
    top: 50%
}

.el-upload-list--picture .el-upload-list__item {
    overflow: hidden;
    z-index: 0;
    background-color: #fff;
    border: 1px solid #c0ccda;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 10px 10px 10px 90px;
    height: 92px
}

.el-upload-list--picture .el-upload-list__item .el-icon-check, .el-upload-list--picture .el-upload-list__item .el-icon-circle-check {
    color: #fff
}

.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: -2px;
    right: -12px
}

.el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
    display: block
}

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
    line-height: 70px;
    margin-top: 0
}

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
    display: none
}

.el-upload-list--picture .el-upload-list__item-thumbnail {
    vertical-align: middle;
    display: inline-block;
    width: 70px;
    height: 70px;
    float: left;
    position: relative;
    z-index: 1;
    margin-left: -80px
}

.el-upload-list--picture .el-upload-list__item-name {
    display: block;
    margin-top: 20px
}

.el-upload-list--picture .el-upload-list__item-name i {
    font-size: 70px;
    line-height: 1;
    position: absolute;
    left: 9px;
    top: 10px
}

.el-upload-list--picture .el-upload-list__item-status-label {
    position: absolute;
    right: -17px;
    top: -7px;
    width: 46px;
    height: 26px;
    background: #13ce66;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc
}

.el-upload-list--picture .el-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.el-upload-list--picture .el-progress {
    position: relative;
    top: -7px
}

.el-upload-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
    cursor: default
}

.el-upload-cover:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}

.el-upload-cover img {
    display: block;
    width: 100%;
    height: 100%
}

.el-upload-cover__label {
    position: absolute;
    right: -15px;
    top: -6px;
    width: 40px;
    height: 24px;
    background: #13ce66;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2);
    box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2)
}

.el-upload-cover__label i {
    font-size: 12px;
    margin-top: 11px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    color: #fff
}

.el-upload-cover__progress {
    display: inline-block;
    vertical-align: middle;
    position: static;
    width: 243px
}

.el-upload-cover__progress+.el-upload__inner {
    opacity: 0
}

.el-upload-cover__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.el-upload-cover__interact {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .72);
    text-align: center
}

.el-upload-cover__interact .btn {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle;
    -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);
    margin-top: 60px
}

.el-upload-cover__interact .btn span {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.el-upload-cover__interact .btn:not(:first-child) {
    margin-left: 35px
}

.el-upload-cover__interact .btn:hover {
    -webkit-transform: translateY(-13px);
    transform: translateY(-13px)
}

.el-upload-cover__interact .btn:hover span {
    opacity: 1
}

.el-upload-cover__interact .btn i {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: inherit;
    margin: 0 auto 5px
}

.el-upload-cover__title {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    height: 36px;
    width: 100%;
    font-weight: 400;
    text-align: left;
    padding: 0 10px;
    margin: 0;
    line-height: 36px;
    font-size: 14px;
    color: #303133
}

.el-upload-cover+.el-upload__inner {
    opacity: 0;
    position: relative;
    z-index: 1
}

.el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div, .el-date-table td.in-range div, .el-date-table td.in-range div:hover {
    background-color: #f2f6fc
}

.el-date-table {
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
    color: #606266
}

.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
    margin-left: 5px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
    margin-right: 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.el-date-table td {
    width: 32px;
    padding: 4px 0;
    text-align: center;
    cursor: pointer;
    position: relative
}

.el-date-table td, .el-date-table td div {
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-date-table td div {
    padding: 3px 0
}

.el-date-table td span {
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto;
    line-height: 24px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%
}

.el-month-table td .cell, .el-year-table td .cell {
    width: 48px;
    height: 32px;
    display: block;
    line-height: 32px
}

.el-date-table td.next-month, .el-date-table td.prev-month {
    color: #c0c4cc
}

.el-date-table td.today {
    position: relative
}

.el-date-table td.today span {
    color: #409eff;
    font-weight: 700
}

.el-date-table td.today.end-date span, .el-date-table td.today.start-date span {
    color: #fff
}

.el-date-table td.available:hover {
    color: #409eff
}

.el-date-table td.current:not(.disabled) span {
    color: #fff;
    background-color: #409eff
}

.el-date-table td.end-date div, .el-date-table td.start-date div {
    color: #fff
}

.el-date-table td.end-date span, .el-date-table td.start-date span {
    background-color: #409eff
}

.el-date-table td.start-date div {
    margin-left: 5px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

.el-date-table td.end-date div {
    margin-right: 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.el-date-table td.disabled div {
    background-color: #f5f7fa;
    opacity: 1;
    cursor: not-allowed;
    color: #c0c4cc
}

.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
}

.el-date-table td.selected div {
    margin-left: 5px;
    margin-right: 5px;
    background-color: #f2f6fc;
    border-radius: 15px
}

.el-date-table td.selected div:hover {
    background-color: #f2f6fc
}

.el-date-table td.selected span {
    background-color: #409eff;
    color: #fff;
    border-radius: 15px
}

.el-date-table td.week {
    font-size: 80%;
    color: #606266
}

.el-date-table th {
    padding: 5px;
    color: #606266;
    font-weight: 400;
    border-bottom: 1px solid #ebeef5
}

.el-month-table {
    font-size: 12px;
    margin: -1px;
    border-collapse: collapse
}

.el-month-table td {
    text-align: center;
    padding: 20px 3px;
    cursor: pointer
}

.el-month-table td.disabled .cell {
    background-color: #f5f7fa;
    cursor: not-allowed;
    color: #c0c4cc
}

.el-month-table td.disabled .cell:hover {
    color: #c0c4cc
}

.el-month-table td .cell {
    color: #606266;
    margin: 0 auto
}

.el-month-table td .cell:hover, .el-month-table td.current:not(.disabled) .cell {
    color: #409eff
}

.el-year-table {
    font-size: 12px;
    margin: -1px;
    border-collapse: collapse
}

.el-year-table .el-icon {
    color: #303133
}

.el-year-table td {
    text-align: center;
    padding: 20px 3px;
    cursor: pointer
}

.el-year-table td.disabled .cell {
    background-color: #f5f7fa;
    cursor: not-allowed;
    color: #c0c4cc
}

.el-year-table td.disabled .cell:hover {
    color: #c0c4cc
}

.el-year-table td .cell {
    color: #606266;
    margin: 0 auto
}

.el-year-table td .cell:hover, .el-year-table td.current:not(.disabled) .cell {
    color: #409eff
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper {
    width: 33.3%
}

.el-time-spinner__wrapper {
    max-height: 190px;
    overflow: auto;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    position: relative
}

.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
    padding-bottom: 15px
}

.el-time-spinner__wrapper.is-arrow {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: #fff;
    cursor: default
}

.el-time-spinner__arrow {
    font-size: 12px;
    color: #909399;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
    text-align: center;
    height: 30px;
    line-height: 30px;
    cursor: pointer
}

.el-time-spinner__arrow:hover {
    color: #409eff
}

.el-time-spinner__arrow.el-icon-arrow-up {
    top: 10px
}

.el-time-spinner__arrow.el-icon-arrow-down {
    bottom: 10px
}

.el-time-spinner__input.el-input {
    width: 70%
}

.el-time-spinner__input.el-input .el-input__inner, .el-time-spinner__list {
    padding: 0;
    text-align: center
}

.el-time-spinner__list {
    margin: 0;
    list-style: none
}

.el-time-spinner__list:after, .el-time-spinner__list:before {
    content: "";
    display: block;
    width: 100%;
    height: 80px
}

.el-time-spinner__item {
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #606266
}

.el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: #f5f7fa;
    cursor: pointer
}

.el-time-spinner__item.active:not(.disabled) {
    color: #303133;
    font-weight: 700
}

.el-time-spinner__item.disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active, .fade-in-linear-enter-active, .fade-in-linear-leave-active {
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.el-fade-in-enter-active, .el-fade-in-leave-active, .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);
    transform: scale(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);
    transform: scale(.45)
}

.collapse-transition {
    -webkit-transition: height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out;
    transition: height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out
}

.horizontal-collapse-transition {
    -webkit-transition: width .3s ease-in-out, padding-left .3s ease-in-out, padding-right .3s ease-in-out;
    transition: width .3s ease-in-out, padding-left .3s ease-in-out, padding-right .3s 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)
}

.el-date-editor {
    position: relative;
    display: inline-block;
    text-align: left
}

.el-date-editor.el-input, .el-date-editor.el-input__inner {
    width: 220px
}

.el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner {
    width: 350px
}

.el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner {
    width: 400px
}

.el-date-editor--dates .el-input__inner {
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-date-editor .el-icon-circle-close {
    cursor: pointer
}

.el-date-editor .el-range__icon {
    font-size: 14px;
    margin-left: -5px;
    color: #c0c4cc;
    float: left;
    line-height: 32px
}

.el-date-editor .el-range-input, .el-date-editor .el-range-separator {
    height: 100%;
    margin: 0;
    text-align: center;
    display: inline-block;
    font-size: 14px
}

.el-date-editor .el-range-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: 0;
    padding: 0;
    width: 39%;
    color: #606266
}

.el-date-editor .el-range-input::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-date-editor .el-range-input:-ms-input-placeholder, .el-date-editor .el-range-input::-ms-input-placeholder {
    color: #c0c4cc
}

.el-date-editor .el-range-input::placeholder {
    color: #c0c4cc
}

.el-date-editor .el-range-separator {
    padding: 0 5px;
    line-height: 32px;
    width: 5%;
    color: #303133
}

.el-date-editor .el-range__close-icon {
    font-size: 14px;
    color: #c0c4cc;
    width: 25px;
    display: inline-block;
    float: right;
    line-height: 32px
}

.el-range-editor.el-input__inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px 10px
}

.el-range-editor .el-range-input {
    line-height: 1
}

.el-range-editor.is-active, .el-range-editor.is-active:hover {
    border-color: #409eff
}

.el-range-editor--medium.el-input__inner {
    height: 36px
}

.el-range-editor--medium .el-range-separator {
    line-height: 28px;
    font-size: 14px
}

.el-range-editor--medium .el-range-input {
    font-size: 14px
}

.el-range-editor--medium .el-range__close-icon, .el-range-editor--medium .el-range__icon {
    line-height: 28px
}

.el-range-editor--small.el-input__inner {
    height: 32px
}

.el-range-editor--small .el-range-separator {
    line-height: 24px;
    font-size: 13px
}

.el-range-editor--small .el-range-input {
    font-size: 13px
}

.el-range-editor--small .el-range__close-icon, .el-range-editor--small .el-range__icon {
    line-height: 24px
}

.el-range-editor--mini.el-input__inner {
    height: 28px
}

.el-range-editor--mini .el-range-separator {
    line-height: 20px;
    font-size: 12px
}

.el-range-editor--mini .el-range-input {
    font-size: 12px
}

.el-range-editor--mini .el-range__close-icon, .el-range-editor--mini .el-range__icon {
    line-height: 20px
}

.el-range-editor.is-disabled {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-range-editor.is-disabled:focus, .el-range-editor.is-disabled:hover {
    border-color: #e4e7ed
}

.el-range-editor.is-disabled input {
    background-color: #f5f7fa;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-range-editor.is-disabled input::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-range-editor.is-disabled input:-ms-input-placeholder, .el-range-editor.is-disabled input::-ms-input-placeholder {
    color: #c0c4cc
}

.el-range-editor.is-disabled input::placeholder {
    color: #c0c4cc
}

.el-range-editor.is-disabled .el-range-separator {
    color: #c0c4cc
}

.el-picker-panel {
    color: #606266;
    border: 1px solid #e4e7ed;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    background: #fff;
    border-radius: 4px;
    line-height: 30px;
    margin: 5px 0
}

.el-picker-panel__body-wrapper:after, .el-picker-panel__body:after {
    content: "";
    display: table;
    clear: both
}

.el-picker-panel__content {
    position: relative;
    margin: 15px
}

.el-picker-panel__footer {
    border-top: 1px solid #e4e4e4;
    padding: 4px;
    text-align: right;
    background-color: #fff;
    position: relative;
    font-size: 0
}

.el-picker-panel__shortcut {
    display: block;
    width: 100%;
    border: 0;
    background-color: transparent;
    line-height: 28px;
    font-size: 14px;
    color: #606266;
    padding-left: 12px;
    text-align: left;
    outline: 0;
    cursor: pointer
}

.el-picker-panel__shortcut:hover {
    color: #409eff
}

.el-picker-panel__shortcut.active {
    background-color: #e6f1fe;
    color: #409eff
}

.el-picker-panel__btn {
    border: 1px solid #dcdcdc;
    color: #333;
    line-height: 24px;
    border-radius: 2px;
    padding: 0 20px;
    cursor: pointer;
    background-color: transparent;
    outline: 0;
    font-size: 12px
}

.el-picker-panel__btn[disabled] {
    color: #ccc;
    cursor: not-allowed
}

.el-picker-panel__icon-btn {
    font-size: 12px;
    color: #303133;
    border: 0;
    background: 0 0;
    cursor: pointer;
    outline: 0;
    margin-top: 8px
}

.el-picker-panel__icon-btn:hover {
    color: #409eff
}

.el-picker-panel__icon-btn.is-disabled {
    color: #bbb
}

.el-picker-panel__icon-btn.is-disabled:hover {
    cursor: not-allowed
}

.el-picker-panel__link-btn {
    vertical-align: middle
}

.el-picker-panel [slot=sidebar], .el-picker-panel__sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 110px;
    border-right: 1px solid #e4e4e4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 6px;
    background-color: #fff;
    overflow: auto
}

.el-picker-panel [slot=sidebar]+.el-picker-panel__body, .el-picker-panel__sidebar+.el-picker-panel__body {
    margin-left: 110px
}

.el-date-picker {
    width: 322px
}

.el-date-picker.has-sidebar.has-time {
    width: 434px
}

.el-date-picker.has-sidebar {
    width: 438px
}

.el-date-picker.has-time .el-picker-panel__body-wrapper {
    position: relative
}

.el-date-picker .el-picker-panel__content {
    width: 292px
}

.el-date-picker table {
    table-layout: fixed;
    width: 100%
}

.el-date-picker__editor-wrap {
    position: relative;
    display: table-cell;
    padding: 0 5px
}

.el-date-picker__time-header {
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    font-size: 12px;
    padding: 8px 5px 5px;
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-date-picker__header {
    margin: 12px;
    text-align: center
}

.el-date-picker__header--bordered {
    margin-bottom: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #ebeef5
}

.el-date-picker__header--bordered+.el-picker-panel__content {
    margin-top: 0
}

.el-date-picker__header-label {
    font-size: 16px;
    font-weight: 500;
    padding: 0 5px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    color: #606266
}

.el-date-picker__header-label.active, .el-date-picker__header-label:hover {
    color: #409eff
}

.el-date-picker__prev-btn {
    float: left
}

.el-date-picker__next-btn {
    float: right
}

.el-date-picker__time-wrap {
    padding: 10px;
    text-align: center
}

.el-date-picker__time-label {
    float: left;
    cursor: pointer;
    line-height: 30px;
    margin-left: 10px
}

.el-date-range-picker {
    width: 646px
}

.el-date-range-picker.has-sidebar {
    width: 756px
}

.el-date-range-picker table {
    table-layout: fixed;
    width: 100%
}

.el-date-range-picker .el-picker-panel__body {
    min-width: 513px
}

.el-date-range-picker .el-picker-panel__content {
    margin: 0
}

.el-date-range-picker__header {
    position: relative;
    text-align: center;
    height: 28px
}

.el-date-range-picker__header [class*=arrow-left] {
    float: left
}

.el-date-range-picker__header [class*=arrow-right] {
    float: right
}

.el-date-range-picker__header div {
    font-size: 16px;
    font-weight: 500;
    margin-right: 50px
}

.el-date-range-picker__content {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 16px
}

.el-date-range-picker__content.is-left {
    border-right: 1px solid #e4e4e4
}

.el-date-range-picker__content.is-right .el-date-range-picker__header div {
    margin-left: 50px;
    margin-right: 50px
}

.el-date-range-picker__editors-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell
}

.el-date-range-picker__editors-wrap.is-right {
    text-align: right
}

.el-date-range-picker__time-header {
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    font-size: 12px;
    padding: 8px 5px 5px;
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-date-range-picker__time-header>.el-icon-arrow-right {
    font-size: 20px;
    vertical-align: middle;
    display: table-cell;
    color: #303133
}

.el-date-range-picker__time-picker-wrap {
    position: relative;
    display: table-cell;
    padding: 0 5px
}

.el-date-range-picker__time-picker-wrap .el-picker-panel {
    position: absolute;
    top: 13px;
    right: 0;
    z-index: 1;
    background: #fff
}

.el-time-range-picker {
    width: 354px;
    overflow: visible
}

.el-time-range-picker__content {
    position: relative;
    text-align: center;
    padding: 10px
}

.el-time-range-picker__cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 4px 7px 7px;
    width: 50%;
    display: inline-block
}

.el-time-range-picker__header {
    margin-bottom: 5px;
    text-align: center;
    font-size: 14px
}

.el-time-panel, .el-time-range-picker__body {
    border-radius: 2px;
    border: 1px solid #e4e7ed
}

.el-time-panel {
    margin: 5px 0;
    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);
    position: absolute;
    width: 180px;
    left: 0;
    z-index: 1000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.el-time-panel__content {
    font-size: 0;
    position: relative;
    overflow: hidden
}

.el-time-panel__content:after, .el-time-panel__content:before {
    content: "";
    top: 50%;
    position: absolute;
    margin-top: -15px;
    height: 32px;
    z-index: -1;
    left: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 6px;
    text-align: left;
    border-top: 1px solid #e4e7ed;
    border-bottom: 1px solid #e4e7ed
}

.el-time-panel__content:after {
    left: 50%;
    margin-left: 12%;
    margin-right: 12%
}

.el-time-panel__content:before {
    padding-left: 50%;
    margin-right: 12%;
    margin-left: 12%
}

.el-time-panel__content.has-seconds:after {
    left: 66.66667%
}

.el-time-panel__content.has-seconds:before {
    padding-left: 33.33333%
}

.el-time-panel__footer {
    border-top: 1px solid #e4e4e4;
    padding: 4px;
    height: 36px;
    line-height: 25px;
    text-align: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-time-panel__btn {
    border: none;
    line-height: 28px;
    padding: 0 5px;
    margin: 0 5px;
    cursor: pointer;
    background-color: transparent;
    outline: 0;
    font-size: 12px;
    color: #303133
}

.el-time-panel__btn.confirm {
    font-weight: 800;
    color: #409eff
}

.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, .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: #409eff
}

.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, .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, .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-input__prefix, .el-input__suffix {
    position: absolute;
    top: 0;
    -webkit-transition: all .3s;
    text-align: center;
    height: 100%;
    color: #c0c4cc
}

.el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-input__inner:-ms-input-placeholder, .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: #409eff;
    outline: 0
}

.el-input__suffix {
    right: 5px;
    -webkit-transition: all .3s;
    transition: all .3s;
    pointer-events: none
}

.el-input__suffix-inner {
    pointer-events: all
}

.el-input__prefix {
    left: 5px
}

.el-input__icon, .el-input__prefix {
    -webkit-transition: all .3s;
    transition: all .3s
}

.el-input__icon {
    height: 100%;
    width: 25px;
    text-align: center;
    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, .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
}

.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-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 .34s ease-out;
    transition: opacity .34s 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: hsla(220, 4%, 58%, .3);
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.el-scrollbar__thumb:hover {
    background-color: hsla(220, 4%, 58%, .5)
}

.el-scrollbar__bar {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: opacity .12s ease-out;
    transition: opacity .12s 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-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
}

.messageBox .box-background[data-v-ab75fd20] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1300;
    background: rgba(0, 0, 0, .45)
}

.messageBox .box-body[data-v-ab75fd20] {
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1300;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.singleChatDialog {
    width: 600px;
    border-radius: 4px;
    background-color: #fff
}

.singleChatDialog button {
    cursor: pointer
}

.singleChatDialog .clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

.singleChatDialog .clearfix {
    *zoom: 1
}

.singleChatDialog p {
    text-align: justify;
    word-break: break-all
}

.singleChatDialog h2 {
    color: #333;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    padding: 0 5px 0 27px;
    border-bottom: 1px solid #e6e6e6
}

.singleChatDialog h2 button {
    width: 60px;
    height: 60px;
    border: none;
    float: right;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAG1BMVEUAAACVlZWampqXl5eampqXl5eampqZmZmZmZmhoY9gAAAACHRSTlMAGDo7P0B06dqRrk0AAABGSURBVAiZYxBiAAEmAQZzBxDD3YCBtQRIs4CIcKCQO0gYKAQWAHHBAkAFZRABBoaMBAZUEZgaFpgud6g5LDCT4XYJQ20HAGUxDNTSMTlsAAAAAElFTkSuQmCC) 50% no-repeat
}

.singleChatDialog .sendcard {
    position: absolute;
    z-index: 100;
    left: 86px
}

.singleChatDialog .sendcard button {
    width: 74px;
    height: 30px;
    background: #4c87f9;
    border-radius: 15px;
    border: none;
    color: #fff;
    font-size: 14px;
    line-height: 22px
}

.singleChatDialog .sendcard .service_card {
    width: 520px;
    margin: 10px auto;
    margin-top: 25px;
    border: 1px solid #e5e5e5;
    padding: 10px;
    position: relative
}

.singleChatDialog .sendcard .service_card .leftimg, .singleChatDialog .sendcard .service_card .rightmsg {
    display: inline-block;
    vertical-align: top
}

.singleChatDialog .sendcard .service_card .leftimg {
    width: 158px;
    height: 110px;
    margin-right: 15px
}

.singleChatDialog .sendcard .service_card .leftimg .imgBox {
    width: 158px;
    height: 110px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.singleChatDialog .sendcard .service_card .rightmsg {
    width: 306px
}

.singleChatDialog .sendcard .service_card .rightmsg p {
    font-size: 16px;
    height: 40px;
    margin-bottom: 45px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.singleChatDialog .sendcard .service_card .rightmsg span {
    color: #dd6338;
    font-size: 20px
}

.singleChatDialog .sendcard .service_card button {
    position: absolute;
    right: 23px;
    bottom: 11px
}

.singleChatDialog .sendcard .project_card {
    width: 420px;
    margin: 10px auto;
    margin-top: 25px;
    background: #fff;
    border: 1px solid #e5e5e5;
    font-size: 18px;
    padding: 16px 20px 12px;
    position: relative
}

.singleChatDialog .sendcard .project_card h3 {
    font-weight: 400;
    line-height: 20px;
    font-size: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f2f2f2
}

.singleChatDialog .sendcard .project_card .procontext {
    margin-top: 10px
}

.singleChatDialog .sendcard .project_card .procontext .price {
    color: #dd6338;
    line-height: 28px;
    margin-right: 8px
}

.singleChatDialog .sendcard .project_card .procontext .saw {
    color: #8f8f8f;
    font-size: 14px;
    padding-left: 8px;
    border-left: 1px solid #f2f2f2
}

.singleChatDialog .sendcard .project_card button {
    position: absolute;
    right: 23px;
    bottom: 11px
}

.singleChatDialog .serversendcard {
    left: 35px;
    background: #fff
}

.singleChatDialog .chatList {
    padding: 0 20px 27px;
    height: 500px;
    overflow-y: auto
}

.singleChatDialog .chatList .item {
    margin: 10px 0;
    width: 100%
}

.singleChatDialog .chatList .item .item-time {
    color: #ccc;
    font-size: 12px;
    line-height: 28px;
    text-align: center
}

.singleChatDialog .chatList .item.left, .singleChatDialog .chatList .item.left .item-avtor .headerimg {
    float: left
}

.singleChatDialog .chatList .item.left .item-message {
    margin-left: 18px;
    float: left;
    padding: 0
}

.singleChatDialog .chatList .item.left .item-message i {
    position: absolute;
    top: 12px;
    left: -12px;
    border-width: 0 12px 8px 0;
    border-style: solid;
    border-color: transparent #f8f8f8 transparent transparent
}

.singleChatDialog .chatList .item.left .item-message .chat_msg {
    color: #333;
    background-color: #f5f5f5
}

.singleChatDialog .chatList .item.right, .singleChatDialog .chatList .item.right .item-avtor .headerimg {
    float: right
}

.singleChatDialog .chatList .item.right .item-message {
    float: right;
    margin-right: 18px;
    padding: 0
}

.singleChatDialog .chatList .item.right .item-message i {
    position: absolute;
    top: 12px;
    right: -12px;
    border-width: 0 0 8px 12px;
    border-style: solid;
    border-color: transparent transparent transparent #f8f8f8
}

.singleChatDialog .chatList .item.right .item-message .chat_msg {
    color: #0083ff;
    background-color: #eaf3ff
}

.singleChatDialog .chatList .item .item-avtor img {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.singleChatDialog .chatList .item .item-message {
    margin: 8px 0 0;
    position: relative;
    padding: 8px 12px;
    background-color: #f8f8f8;
    border-radius: 4px;
    max-width: 420px
}

.singleChatDialog .chatList .item .item-message i {
    display: inline-block;
    width: 0;
    height: 0
}

.singleChatDialog .chatList .item .item-message p {
    font-size: 14px;
    line-height: 22px;
    padding: 8px 10px
}

.singleChatDialog .chatList .item .item-message img {
    max-width: 120px;
    max-height: 120px
}

.singleChatDialog .chatList .item .item-message .show_project {
    float: right;
    width: 420px;
    padding: 10px 22px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #e5e5e5;
    cursor: pointer
}

.singleChatDialog .chatList .item .item-message .show_project .top {
    padding-bottom: 10px;
    border-bottom: 1px solid #f2f2f2
}

.singleChatDialog .chatList .item .item-message .show_project .top h3 {
    float: left;
    width: 70%;
    margin-right: 9px;
    font-size: 18px;
    line-height: 20px;
    color: #333;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.singleChatDialog .chatList .item .item-message .show_project .top em {
    float: left;
    font-size: 18px;
    line-height: 20px;
    color: #dd6338;
    font-weight: 700
}

.singleChatDialog .chatList .item .item-message .show_project .details {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 10px 0
}

.singleChatDialog .chatList .item .item-message .show_project .bottom p {
    float: left;
    height: 26px;
    padding: 6px 14px;
    margin-right: 20px;
    margin-bottom: 10px;
    background: #0083ff;
    border-radius: 13px;
    font-size: 14px;
    line-height: 14px;
    color: #fff
}

.singleChatDialog .chatList .item .item-message .show_project .bottom span {
    float: left;
    height: 26px;
    padding: 6px 12px;
    margin-right: 20px;
    margin-bottom: 10px;
    background: #eaf3ff;
    border-radius: 13px;
    line-height: 14px;
    font-size: 14px;
    color: #0083ff
}

.singleChatDialog .chatList .item .item-message .show_project .bottom span:last-child {
    margin-right: 0
}

.singleChatDialog .chatList .item .item-message .show_service {
    width: 420px;
    border: 1px solid #e5e5e5;
    padding: 10px;
    background: #fff;
    position: relative;
    cursor: pointer
}

.singleChatDialog .chatList .item .item-message .show_service .leftimg, .singleChatDialog .chatList .item .item-message .show_service .rightmsg {
    display: inline-block;
    vertical-align: top
}

.singleChatDialog .chatList .item .item-message .show_service .leftimg {
    width: 158px;
    height: 110px;
    margin-right: 15px
}

.singleChatDialog .chatList .item .item-message .show_service .leftimg .imgBox {
    width: 158px;
    height: 110px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.singleChatDialog .chatList .item .item-message .show_service .rightmsg {
    width: 225px
}

.singleChatDialog .chatList .item .item-message .show_service .rightmsg p {
    font-size: 16px;
    height: 50px;
    margin-bottom: 37px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.singleChatDialog .chatList .item .item-message .show_service .rightmsg ._prices {
    width: 150px;
    height: 25px
}

.singleChatDialog .chatList .item .item-message .show_service .rightmsg ._prices span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    height: 28px;
    color: #dd6338;
    font-size: 20px;
    width: 140px
}

.singleChatDialog .chatList .item .item-message .show_service .rightmsg ._prices .jiagemianyi {
    padding-left: 10px
}

.singleChatDialog .chatList .item .item-message .show_service .rightmsg .cheng_jiao {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #666;
    font-size: 14px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 84px
}

.singleChatDialog .chatList .item .item-message .ischatread {
    position: absolute;
    bottom: -17px;
    right: 0;
    font-size: 12px;
    color: #999
}

.singleChatDialog .chatList .includesendcard {
    width: 520px;
    clear: both;
    padding: 1px 0
}

.singleChatDialog .chatList .includesendcard button {
    width: 74px;
    height: 30px;
    background: #4c87f9;
    border-radius: 15px;
    border: none;
    color: #fff;
    font-size: 14px;
    line-height: 22px
}

.singleChatDialog .chatList .includesendcard .includservice_card {
    width: 520px;
    margin: 10px auto;
    margin-top: 25px;
    border: 1px solid #e5e5e5;
    padding: 10px;
    position: relative
}

.singleChatDialog .chatList .includesendcard .includservice_card .leftimg, .singleChatDialog .chatList .includesendcard .includservice_card .rightmsg {
    display: inline-block;
    vertical-align: top
}

.singleChatDialog .chatList .includesendcard .includservice_card .leftimg {
    width: 158px;
    height: 110px;
    margin-right: 15px
}

.singleChatDialog .chatList .includesendcard .includservice_card .leftimg .imgBox {
    width: 158px;
    height: 110px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.singleChatDialog .chatList .includesendcard .includservice_card .rightmsg {
    width: 306px
}

.singleChatDialog .chatList .includesendcard .includservice_card .rightmsg p {
    font-size: 16px;
    height: 40px;
    margin-bottom: 45px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.singleChatDialog .chatList .includesendcard .includservice_card .rightmsg span {
    color: #dd6338;
    font-size: 20px
}

.singleChatDialog .chatList .includesendcard .includservice_card button {
    position: absolute;
    right: 23px;
    bottom: 11px
}

.singleChatDialog .chatList .includesendcard .project_card {
    width: 420px;
    margin: 10px auto;
    margin-top: 25px;
    background: #fff;
    border: 1px solid #e5e5e5;
    font-size: 18px;
    padding: 16px 20px 12px;
    position: relative
}

.singleChatDialog .chatList .includesendcard .project_card h3 {
    font-weight: 400;
    line-height: 20px;
    font-size: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f2f2f2
}

.singleChatDialog .chatList .includesendcard .project_card .procontext {
    margin-top: 10px
}

.singleChatDialog .chatList .includesendcard .project_card .procontext .price {
    color: #dd6338;
    line-height: 28px;
    margin-right: 8px
}

.singleChatDialog .chatList .includesendcard .project_card .procontext .saw {
    color: #8f8f8f;
    font-size: 14px;
    padding-left: 8px;
    border-left: 1px solid #f2f2f2
}

.singleChatDialog .chatList .includesendcard .project_card button {
    position: absolute;
    right: 23px;
    bottom: 11px
}

.singleChatDialog .martop {
    padding-top: 150px
}

.singleChatDialog .operation {
    border-top: 1px solid #e6e6e6;
    padding: 12px 18px
}

.singleChatDialog .operation input {
    color: #666;
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
    border: none;
    background: none;
    width: 85%
}

.singleChatDialog .operation input::-webkit-input-placeholder {
    color: #999
}

.singleChatDialog .operation input:-ms-input-placeholder, .singleChatDialog .operation input::-ms-input-placeholder {
    color: #999
}

.singleChatDialog .operation input::placeholder {
    color: #999
}

.singleChatDialog .operation button {
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    padding: 9px 0;
    border: none;
    margin-left: 10px;
    width: 70px;
    border-radius: 4px;
    background-color: #0083ff
}

.pagination[data-v-4cd2cf5d] {
    height: 32px;
    width: auto;
    display: table;
    margin: 0 auto;
    padding: 50px 0
}

.pagination a[data-v-4cd2cf5d], .pagination div[data-v-4cd2cf5d] {
    display: inline-block;
    width: 40px;
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #f1f1f1;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s
}

.pagination a[data-v-4cd2cf5d]:hover, .pagination div[data-v-4cd2cf5d]:hover {
    text-decoration: none
}

.pagination .inline[data-v-4cd2cf5d] {
    display: inline
}

.pagination .separate[data-v-4cd2cf5d] {
    color: #666!important
}

.pagination .separate[data-v-4cd2cf5d]:hover {
    background: none!important;
    color: #666!important;
    border-color: #f1f1f1!important
}

.pagination .end[data-v-4cd2cf5d], .pagination .home[data-v-4cd2cf5d], .pagination .next[data-v-4cd2cf5d], .pagination .prve[data-v-4cd2cf5d] {
    float: left;
    margin-right: 10px;
    color: #666;
    font-family: Verdana
}

.pagination .end.cur[data-v-4cd2cf5d], .pagination .end[data-v-4cd2cf5d]:hover, .pagination .home.cur[data-v-4cd2cf5d], .pagination .home[data-v-4cd2cf5d]:hover, .pagination .next.cur[data-v-4cd2cf5d], .pagination .next[data-v-4cd2cf5d]:hover, .pagination .prve.cur[data-v-4cd2cf5d], .pagination .prve[data-v-4cd2cf5d]:hover {
    background: #0083ff;
    color: #fff;
    border-color: #0083ff
}

.pagination .unok[data-v-4cd2cf5d] {
    color: #ccc;
    cursor: default
}

.pagination .unok[data-v-4cd2cf5d]:hover {
    background: none!important;
    color: #ccc!important;
    border-color: #f1f1f1!important
}

.pagination .num[data-v-4cd2cf5d] {
    float: left
}

.pagination .num span[data-v-4cd2cf5d] {
    display: inline
}

.pagination .num a[data-v-4cd2cf5d], .pagination .num div[data-v-4cd2cf5d] {
    color: #666;
    margin-right: 7px;
    font-family: Verdana
}

.pagination .num a.cur[data-v-4cd2cf5d], .pagination .num a[data-v-4cd2cf5d]:hover, .pagination .num div.cur[data-v-4cd2cf5d], .pagination .num div[data-v-4cd2cf5d]:hover {
    background: #0083ff;
    color: #fff;
    border-color: #0083ff
}

.attention-container {
    font-family: MicrosoftYaHei;
    background: #fff;
    border-bottom: 1px solid #e5e5e5
}

.attention-container .content {
    width: 1200px;
    margin: 0 auto;
    padding-left: 50px
}

.attention-container .content .mid-nav {
    height: 56px;
    border-bottom: 1px solid #e5e5e5
}

.attention-container .content .mid-nav a {
    position: relative;
    display: inline-block;
    margin-right: 70px;
    color: #666;
    font-size: 24px;
    line-height: 56px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.attention-container .content .mid-nav a:after {
    content: "";
    position: absolute;
    width: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    height: 3px;
    top: 53px;
    left: 0;
    background-color: #333;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.attention-container .content .mid-nav a:hover {
    color: #000
}

.attention-container .content .mid-nav a:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.attention-container .content .mid-nav a.select {
    color: #000
}

.attention-container .content .mid-nav a.select:before {
    content: "";
    position: absolute;
    top: 53px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #333
}

.attention-container .content ul {
    margin-top: 40px
}

.attention-container .content ul.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.attention-container .content ul li {
    position: relative;
    float: left;
    width: 370px;
    height: 128px;
    margin: 0 20px 20px 0;
    background: #f8fafc
}

.attention-container .content ul li:hover {
    -webkit-box-shadow: 5px 3px 10px #efefef;
    box-shadow: 5px 3px 10px #efefef
}

.attention-container .content ul li:nth-child(3n) {
    margin-right: 0
}

.attention-container .content ul li .avatar {
    overflow: hidden;
    position: relative;
    float: left;
    width: 44px;
    height: 44px;
    margin: 18px 19px 0;
    border-radius: 50%
}

.attention-container .content ul li .avatar img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.attention-container .content ul li .center {
    float: left;
    height: 128px
}

.attention-container .content ul li .center a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    max-width: 174px;
    margin: 20px 0 6px;
    font-size: 20px;
    color: #333
}

.attention-container .content ul li .center a:hover {
    color: #0083ff
}

.attention-container .content ul li .center .work-name {
    display: block;
    margin-bottom: 16px;
    color: #999;
    font-size: 14px;
    line-height: 14px
}

.attention-container .content ul li .center .count span {
    display: inline-block;
    margin-right: 30px;
    color: #999;
    font-size: 14px;
    line-height: 14px
}

.attention-container .content ul li .operation {
    overflow: hidden;
    position: absolute;
    top: 19px;
    right: 19px;
    width: 70px;
    height: 34px
}

.attention-container .content ul li .operation div {
    width: 210px;
    height: 34px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.attention-container .content ul li .operation div.ygz {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.attention-container .content ul li .operation div.qxgz {
    -webkit-transform: translate3d(-70px, 0, 0);
    transform: translate3d(-70px, 0, 0)
}

.attention-container .content ul li .operation div.gz {
    -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0)
}

.attention-container .content ul li .operation div span {
    float: left;
    width: 70px;
    height: 34px;
    font-size: 12px;
    text-align: center;
    line-height: 34px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.attention-container .content ul li .operation div span:first-child {
    background: #fff;
    color: #333;
    border: 1px solid #333
}

.attention-container .content ul li .operation div span:nth-child(2) {
    background: #fff;
    color: #0083ff;
    border: 1px solid #0083ff
}

.attention-container .content ul li .operation div span:nth-child(3) {
    background: #0083ff;
    color: #fff
}

.attention-container .no-data {
    width: 1200px;
    height: 440px;
    margin: 0 auto;
    padding-top: 150px
}

.attention-container .no-data img {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    margin-bottom: 40px
}

.attention-container .no-data p {
    color: #a9a9a9;
    font-size: 14px;
    line-height: 14px;
    text-align: center
}

.attention-container .no-data p a {
    color: #0083ff
}

#myShop {
    width: 1200px;
    margin: 31px auto 41px;
    display: table
}

#myShop button {
    cursor: pointer
}

#myShop p {
    word-break: break-all
}

#myShop>.left {
    width: 290px;
    display: table-cell
}

#myShop>.left .navbar {
    padding: 37px 20px 0;
    background-color: #fff
}

#myShop>.left .navbar img {
    width: 228px;
    height: 113px;
    margin-left: 20px
}

#myShop>.left .navbar .menu li {
    color: #666;
    font-size: 16px;
    line-height: 60px;
    cursor: pointer;
    padding-left: 20px;
    border-bottom: 1px solid #f2f2f2
}

#myShop>.left .navbar .menu li i {
    color: #666;
    font-size: 16px;
    margin-right: 10px
}

#myShop>.left .navbar .menu li.light, #myShop>.left .navbar .menu li.light i, #myShop>.left .navbar .menu li:hover, #myShop>.left .navbar .menu li:hover i {
    color: #0083ff
}

#myShop>.left .navbar .menu li:last-child {
    border: none
}

#myShop .line {
    width: 30px;
    display: table-cell
}

#myShop>.right {
    width: 880px;
    display: table-cell;
    vertical-align: top
}

#myShop .mydialog {
    width: 502px;
    padding: 0 70px 37px
}

#myShop .mydialog h2 {
    color: #333;
    font-size: 30px;
    font-weight: 400;
    padding: 30px 0
}

#myShop .mydialog p {
    color: #666;
    font-size: 14px;
    line-height: 38px
}

#myShop .mydialog .operation {
    margin-top: 35px;
    text-align: right
}

#myShop .mydialog .operation button {
    width: 120px;
    height: 42px;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #0083ff;
    background-color: #0083ff
}

#myShop .mydialog .operation button:first-child {
    color: #0083ff;
    border: 1px solid #2d93f9;
    background-color: #fff;
    margin-right: 20px
}

#myShop-baseInfo {
    background-color: #fff
}

#myShop-baseInfo h2.name {
    color: #333;
    font-size: 20px;
    line-height: 54px;
    padding: 15px 0 0;
    margin: 0 40px 15px;
    border-bottom: 1px solid #e5e5e5
}

#myShop-baseInfo .season {
    color: #ff6d0c;
    font-size: 14px;
    line-height: 22x;
    border-radius: 4px;
    border: 1px solid #ffd9ae;
    background-color: #fff5e9;
    padding: 10px 12px;
    margin: 0 40px
}

#myShop-baseInfo .season i {
    margin-right: 5px
}

#myShop-baseInfo .main {
    padding: 0 40px 50px
}

#myShop-baseInfo .main .item {
    margin-top: 35px
}

#myShop-baseInfo .main .item:first-child {
    margin-top: 20px
}

#myShop-baseInfo .main .item .title {
    color: #666;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

#myShop-baseInfo .main .item .title i {
    color: #ff4931;
    padding-right: 3px
}

#myShop-baseInfo .main .item .uploadImg {
    width: 122px;
    height: 122px;
    border: 1px solid #e5e5e5;
    margin: 15px 25px 0 0;
    text-align: center;
    border-radius: 2px;
    position: relative;
    color: #fff
}

#myShop-baseInfo .main .item .uploadImg .imgBox {
    display: inline-block;
    width: 120px;
    height: 120px;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

#myShop-baseInfo .main .item .uploadImg i {
    font-size: 40px;
    display: inline-block;
    margin-top: 25px;
    position: relative;
    z-index: 2
}

#myShop-baseInfo .main .item .uploadImg p {
    font-size: 14px;
    margin-top: 2px;
    position: relative;
    z-index: 2
}

#myShop-baseInfo .main .item .uploadImg.hompage {
    border: 1px dashed #e5e5e5
}

#myShop-baseInfo .main .item .uploadImg.hompage i {
    color: #e5e5e5
}

#myShop-baseInfo .main .item .uploadImg.hompage p {
    color: #0083ff;
    font-weight: 700
}

#myShop-baseInfo .main .item .uploadImg.logo:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    left: 0;
    top: 0
}

#myShop-baseInfo .main .item.homepage>div {
    display: inline-block;
    float: left
}

#myShop-baseInfo .main .item .error .el-input__inner, #myShop-baseInfo .main .item .error .el-textarea__inner {
    border-color: #ed7266
}

#myShop-baseInfo .main .item .el-input__inner, #myShop-baseInfo .main .item .el-textarea__inner {
    margin-top: 13px;
    width: 80%;
    resize: none;
    color: #666;
    font-size: 14px;
    line-height: 24px
}

#myShop-baseInfo .main .item .el-input__inner::-webkit-input-placeholder, #myShop-baseInfo .main .item .el-textarea__inner::-webkit-input-placeholder {
    color: #999;
    font-size: 14px;
    line-height: 24px
}

#myShop-baseInfo .main .item .el-input__inner:-ms-input-placeholder, #myShop-baseInfo .main .item .el-input__inner::-ms-input-placeholder, #myShop-baseInfo .main .item .el-textarea__inner:-ms-input-placeholder, #myShop-baseInfo .main .item .el-textarea__inner::-ms-input-placeholder {
    color: #999;
    font-size: 14px;
    line-height: 24px
}

#myShop-baseInfo .main .item .el-input__inner::placeholder, #myShop-baseInfo .main .item .el-textarea__inner::placeholder {
    color: #999;
    font-size: 14px;
    line-height: 24px
}

#myShop-baseInfo .main .item .el-switch__core {
    margin-top: 25px
}

#myShop-baseInfo .main .item .explain {
    color: #999;
    font-size: 12px;
    padding-top: 8px;
    clear: both
}

#myShop-baseInfo .operation {
    padding: 30px 40px 35px;
    border-top: 1px solid #e5e5e5
}

#myShop-baseInfo .operation button {
    width: 120px;
    height: 42px;
    border: 1px solid #0083ff;
    border-radius: 4px;
    font-size: 14px;
    margin-right: 25px
}

#myShop-baseInfo .operation button.confirm, #myShop-baseInfo .operation button.save {
    color: #fff;
    background-color: #0083ff
}

#myShop-baseInfo .operation button.save {
    width: 120px
}

#myShop-baseInfo .operation button.unwork {
    border-color: #e5e5e5;
    background-color: #e5e5e5
}

#myShop-baseInfo .operation button.cancel {
    width: 120px;
    color: #0083ff;
    background-color: #fff
}

.el-switch {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    vertical-align: middle
}

.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label {
    cursor: not-allowed
}

.el-switch__core, .el-switch__label {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle
}

.el-switch__label {
    -webkit-transition: .2s;
    transition: .2s;
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #303133
}

.el-switch__label.is-active {
    color: #409eff
}

.el-switch__label--left {
    margin-right: 10px
}

.el-switch__label--right {
    margin-left: 10px
}

.el-switch__label * {
    line-height: 1;
    font-size: 14px;
    display: inline-block
}

.el-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0
}

.el-switch__input:focus~.el-switch__core {
    outline: 1px solid #409eff
}

.el-switch__core {
    margin: 0;
    position: relative;
    width: 40px;
    height: 20px;
    border: 1px solid #dcdfe6;
    outline: 0;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #dcdfe6;
    -webkit-transition: border-color .3s, background-color .3s;
    transition: border-color .3s, background-color .3s
}

.el-switch__core:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 16px;
    height: 16px;
    background-color: #fff
}

.el-switch.is-checked .el-switch__core {
    border-color: #409eff;
    background-color: #409eff
}

.el-switch.is-checked .el-switch__core:after {
    left: 100%;
    margin-left: -17px
}

.el-switch.is-disabled {
    opacity: .6
}

.el-switch--wide .el-switch__label.el-switch__label--left span {
    left: 10px
}

.el-switch--wide .el-switch__label.el-switch__label--right span {
    right: 10px
}

.el-switch .label-fade-enter, .el-switch .label-fade-leave-active {
    opacity: 0
}

.myShop-serverManege p {
    word-break: break-all
}

.myShop-serverManege button {
    cursor: pointer
}

.myShop-serverManege {
    background-color: #fff
}

.myShop-serverManege h2.name {
    color: #333;
    font-size: 20px;
    line-height: 54px;
    padding: 15px 0 0;
    margin: 0 40px;
    border-bottom: 1px solid #e5e5e5
}

.myShop-serverManege h2.name a, .myShop-serverManege h2.name button {
    float: right;
    width: 80px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    background-color: #0083ff;
    margin-top: 10px;
    cursor: pointer
}

.myShop-serverManege h2.name a {
    line-height: 30px;
    text-align: center;
    font-weight: 400
}

.myShop-serverManege .main {
    padding: 0 40px
}

.myShop-serverManege .main .menu li {
    color: #666;
    font-size: 14px;
    line-height: 40px;
    display: inline-block;
    margin: 5px 40px 0 0;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    position: relative
}

.myShop-serverManege .main .menu li.light, .myShop-serverManege .main .menu li:hover {
    color: #0083ff
}

.myShop-serverManege .main .menu li:after {
    content: "";
    position: absolute;
    width: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    height: 2px;
    left: 0;
    bottom: 0;
    background-color: #0083ff;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.myShop-serverManege .main .menu li.light:after, .myShop-serverManege .main .menu li:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.myShop-serverManege .main .list .item {
    min-height: 140px;
    border-radius: 4px;
    margin-top: 25px;
    padding: 10px 20px 18px;
    background-color: #f6f6f6;
    position: relative
}

.myShop-serverManege .main .list .item .time {
    color: #999;
    font-size: 14px
}

.myShop-serverManege .main .list .item .content {
    margin-top: 15px;
    display: table
}

.myShop-serverManege .main .list .item .content .cell {
    display: table-cell;
    vertical-align: top
}

.myShop-serverManege .main .list .item .content .one {
    width: 100px
}

.myShop-serverManege .main .list .item .content .one .imgBox {
    width: 80px;
    height: 80px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.myShop-serverManege .main .list .item .content .one img {
    width: 80px;
    height: 80px
}

.myShop-serverManege .main .list .item .content .two {
    width: 200px;
    padding-right: 30px
}

.myShop-serverManege .main .list .item .content .two h3 {
    color: #333;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    display: inline-block;
    width: 200px;
    height: 58px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    cursor: pointer
}

.myShop-serverManege .main .list .item .content .two h3:hover {
    color: #0083ff
}

.myShop-serverManege .main .list .item .content .two .type {
    color: #999;
    font-size: 14px;
    padding-top: 5px
}

.myShop-serverManege .main .list .item .content .three {
    width: 200px
}

.myShop-serverManege .main .list .item .content .three .money {
    color: #666;
    font-size: 14px;
    line-height: 26px;
    font-weight: 500
}

.myShop-serverManege .main .list .item .content .three .money em {
    color: #ff532b;
    font-size: 20px;
    font-weight: 550;
    padding-right: 5px;
    vertical-align: bottom
}

.myShop-serverManege .main .list .item .content .four {
    width: 100px
}

.myShop-serverManege .main .list .item .content .four .state {
    color: #666;
    font-size: 14px;
    padding-top: 3px;
    text-align: center
}

.myShop-serverManege .main .list .item .content .four .state.upshelf {
    color: #5cc451
}

.myShop-serverManege .main .list .item .content .four .state.authing {
    color: #0083ff
}

.myShop-serverManege .main .list .item .content .four .state.unpass {
    color: #ff532b
}

.myShop-serverManege .main .list .item .content .five {
    width: 120px;
    text-align: right
}

.myShop-serverManege .main .list .item .content .five.over {
    position: absolute;
    top: 20px;
    right: 30px
}

.myShop-serverManege .main .list .item .content .five button {
    width: 80px;
    height: 30px;
    color: #333;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid silver;
    margin-bottom: 10px;
    background-color: #fff
}

.myShop-serverManege .main .list .item .content .five button:last-child {
    margin-bottom: 0
}

.myShop-serverManege .main .list .item .content .five button:hover {
    color: #0083ff;
    border: 1px solid #0083ff
}

.myShop-serverManege .main .default {
    padding: 120px 0 160px;
    text-align: center
}

.myShop-serverManege .main .default img {
    width: 230px;
    height: 193px
}

.myShop-serverManege .main .default p {
    color: #d0d0d0;
    font-size: 20px;
    margin-top: 30px
}

.myShop-serverManege .dialog {
    width: 502px;
    padding: 0 70px 37px
}

.myShop-serverManege .dialog h2 {
    color: #333;
    font-size: 30px;
    font-weight: 400;
    padding: 30px 0
}

.myShop-serverManege .dialog p {
    color: #666;
    font-size: 14px;
    line-height: 38px
}

.myShop-serverManege .dialog .operation {
    margin-top: 35px;
    text-align: right
}

.myShop-serverManege .dialog .operation button {
    width: 120px;
    height: 42px;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #0083ff;
    background-color: #0083ff
}

.myShop-serverManege .dialog .operation button:first-child {
    color: #0083ff;
    border: 1px solid #2d93f9;
    background-color: #fff;
    margin-right: 20px
}

.myShop-soldServer {
    background-color: #fff
}

.myShop-soldServer p {
    word-break: break-all
}

.myShop-soldServer button {
    cursor: pointer
}

.myShop-soldServer h2.name {
    color: #333;
    font-size: 20px;
    line-height: 54px;
    padding: 15px 0 0;
    margin: 0 40px;
    border-bottom: 1px solid #e5e5e5
}

.myShop-soldServer h2.name button {
    float: right;
    width: 80px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    background-color: #0083ff;
    margin-top: 10px
}

.myShop-soldServer .main {
    padding: 0 40px
}

.myShop-soldServer .main .menu li {
    color: #666;
    font-size: 14px;
    line-height: 40px;
    display: inline-block;
    margin: 5px 40px 0 0;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    position: relative
}

.myShop-soldServer .main .menu li.light, .myShop-soldServer .main .menu li:hover {
    color: #0083ff
}

.myShop-soldServer .main .menu li:after {
    content: "";
    position: absolute;
    width: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    height: 2px;
    left: 0;
    bottom: 0;
    background-color: #0083ff;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.myShop-soldServer .main .menu li.light:after, .myShop-soldServer .main .menu li:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.myShop-soldServer .main .list .item {
    min-height: 140px;
    border-radius: 4px;
    margin-top: 25px;
    padding: 10px 20px 18px;
    background-color: #f6f6f6;
    position: relative
}

.myShop-soldServer .main .list .item .time {
    color: #999;
    font-size: 14px
}

.myShop-soldServer .main .list .item .time span {
    padding-left: 30px
}

.myShop-soldServer .main .list .item .counter {
    display: inline-block;
    padding: 3px 10px 4px;
    background-color: #666;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 14px
}

.myShop-soldServer .main .list .item .content {
    margin-top: 15px;
    display: table
}

.myShop-soldServer .main .list .item .content .cell {
    display: table-cell;
    vertical-align: top
}

.myShop-soldServer .main .list .item .content .one {
    width: 100px
}

.myShop-soldServer .main .list .item .content .one .imgBox {
    width: 80px;
    height: 80px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.myShop-soldServer .main .list .item .content .one img {
    width: 80px;
    height: 80px
}

.myShop-soldServer .main .list .item .content .two {
    width: 200px;
    padding-right: 30px
}

.myShop-soldServer .main .list .item .content .two h3 {
    color: #333;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    display: inline-block;
    width: 200px;
    height: 58px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    cursor: pointer
}

.myShop-soldServer .main .list .item .content .two h3:hover {
    color: #0083ff
}

.myShop-soldServer .main .list .item .content .two .buyer {
    color: #666;
    font-size: 14px;
    padding-top: 5px
}

.myShop-soldServer .main .list .item .content .two .buyer .tallck {
    display: inline-block;
    height: 20px;
    margin-left: 5px;
    position: relative;
    top: 2px;
    cursor: pointer
}

.myShop-soldServer .main .list .item .content .two .buyer .tallck:hover {
    color: #0083ff
}

.myShop-soldServer .main .list .item .content .three {
    width: 200px
}

.myShop-soldServer .main .list .item .content .three .money {
    color: #666;
    font-size: 14px;
    line-height: 26px;
    font-weight: 500
}

.myShop-soldServer .main .list .item .content .three .money em {
    color: #ff532b;
    font-size: 20px;
    font-weight: 550;
    padding-right: 5px
}

.myShop-soldServer .main .list .item .content .four {
    width: 100px
}

.myShop-soldServer .main .list .item .content .four .state {
    color: #666;
    font-size: 14px;
    padding-top: 3px
}

.myShop-soldServer .main .list .item .content .four .state.light {
    color: #ff532b
}

.myShop-soldServer .main .list .item .content .four a {
    color: #333;
    font-size: 14px;
    line-height: 30px
}

.myShop-soldServer .main .list .item .content .four a:hover {
    color: #0083ff
}

.myShop-soldServer .main .list .item .content .five {
    width: 130px;
    text-align: right
}

.myShop-soldServer .main .list .item .content .five.over {
    position: absolute;
    top: 20px;
    right: 30px
}

.myShop-soldServer .main .list .item .content .five .call {
    color: #666;
    font-size: 14px;
    position: absolute;
    bottom: 20px;
    right: 20px
}

.myShop-soldServer .main .list .item .content .five .call i {
    margin-right: 7px
}

.myShop-soldServer .main .list .item .content .five button {
    width: 80px;
    height: 30px;
    color: #333;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid silver;
    margin-bottom: 10px;
    background-color: #fff
}

.myShop-soldServer .main .list .item .content .five button:last-child {
    margin-bottom: 0
}

.myShop-soldServer .main .list .item .content .five button:hover {
    color: #0083ff;
    border: 1px solid #0083ff
}

.myShop-soldServer .main .default {
    padding: 120px 0 160px;
    text-align: center
}

.myShop-soldServer .main .default img {
    width: 230px;
    height: 193px
}

.myShop-soldServer .main .default p {
    color: #d0d0d0;
    font-size: 20px;
    margin-top: 30px
}

.myShop-soldServer .dialog {
    width: 502px;
    min-height: 350px;
    padding: 0 70px 37px
}

.myShop-soldServer .dialog h2 {
    color: #333;
    font-size: 30px;
    font-weight: 400;
    padding: 30px 0
}

.myShop-soldServer .dialog h2 .close {
    width: 50px;
    height: 50px;
    border: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAG1BMVEUAAAAjFxUjFhMjGBUjFxUiGBUiGBQjGBQjFxTs6mygAAAACXRSTlMAV17Z2t/g+frm2uESAAAARUlEQVQIW2NIZIAAFQZ1ATCDqRCEQAAkABYE88EERA2QhCoBUlBtDOpChVCjmDoEMFhwWYQOuCkIk+G2IVyAcFUg1ChlAA4LC3rk196TAAAAAElFTkSuQmCC) 50% no-repeat;
    float: right;
    position: relative;
    right: -30px
}

.myShop-soldServer .dialog p {
    color: #666;
    font-size: 14px;
    line-height: 38px
}

.myShop-soldServer .dialog .operation {
    margin-top: 35px;
    text-align: right
}

.myShop-soldServer .dialog .operation button {
    width: 120px;
    height: 42px;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #0083ff;
    background-color: #0083ff
}

.myShop-soldServer .dialog .operation button:first-child {
    color: #0083ff;
    border: 1px solid #2d93f9;
    background-color: #fff;
    margin-right: 20px
}

.myShop-soldServer .dialog.deleteDialog {
    min-height: auto
}

.myShop-soldServer .dialog.comfirmDialog p em {
    color: #333;
    font-size: 24px
}

.myShop-soldServer .dialog.modifyDialog .myInput {
    width: 150px;
    margin: 12px 0 0;
    color: #606266;
    height: 40px;
    line-height: 40px;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    padding: 0 15px
}

.myShop-soldServer .dialog.modifyDialog .myInput::-webkit-input-placeholder {
    color: #c0c4cc
}

.myShop-soldServer .dialog.modifyDialog .myInput:-ms-input-placeholder, .myShop-soldServer .dialog.modifyDialog .myInput::-ms-input-placeholder {
    color: #c0c4cc
}

.myShop-soldServer .dialog.modifyDialog .myInput::placeholder {
    color: #c0c4cc
}

.myShop-soldServer .dialog.modifyDialog .myInput:focus {
    border-color: #409eff
}

.myShop-soldServer .dialog.modifyDialog .el-input {
    width: 150px;
    margin: 12px 0 0
}

.myShop-soldServer .dialog.modifyDialog .el-input .el-input__inner {
    padding-right: 38px
}

.myShop-soldServer .dialog.modifyDialog i {
    font-style: normal;
    position: relative;
    left: -30px
}

.myShop-soldServer .dialog.submitAcceptDialog {
    height: 292px
}

.myShop-soldServer .dialog.submitAcceptDialog p {
    font-size: 16px;
    line-height: 36px
}

.myShop-soldServer .dialog.refundDialog {
    width: 734px;
    max-height: 734px;
    overflow: auto;
    padding-bottom: 63px
}

.myShop-soldServer .dialog.refundDialog .pic {
    padding: 20px 20px 30px;
    background-color: #f2f2f2
}

.myShop-soldServer .dialog.refundDialog .pic p {
    color: #999;
    font-size: 14px;
    line-height: 24px
}

.myShop-soldServer .dialog.refundDialog .pic p em {
    color: #333
}

.myShop-soldServer .dialog.refundDialog .pic p:last-child {
    margin-top: 10px
}

.myShop-soldServer .dialog.refundDialog .selectItem {
    color: #666;
    font-size: 16px;
    margin-top: 15px;
    cursor: pointer
}

.myShop-soldServer .dialog.refundDialog .selectItem span {
    color: #999
}

.myShop-soldServer .dialog.refundDialog .selectItem i {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 11px;
    border: 1px solid #ccc;
    border-radius: 50%;
    position: relative;
    top: 4px
}

.myShop-soldServer .dialog.refundDialog .selectItem.light i {
    border-color: #0083ff;
    background-color: #0083ff
}

.myShop-soldServer .dialog.refundDialog .selectItem.light i:after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 4px;
    left: 4px
}

.myShop-soldServer .dialog.refundDialog .reason .el-textarea__inner {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 15px 30px;
    margin-top: 5px;
    resize: none
}

.myShop-soldServer .dialog.refundDialog .reason .el-textarea__inner::-webkit-input-placeholder {
    color: #ccc
}

.myShop-soldServer .dialog.refundDialog .reason .el-textarea__inner:-ms-input-placeholder, .myShop-soldServer .dialog.refundDialog .reason .el-textarea__inner::-ms-input-placeholder {
    color: #ccc
}

.myShop-soldServer .dialog.refundDialog .reason .el-textarea__inner::placeholder {
    color: #ccc
}

.myShop-soldServer .dialog.refundDialog .reason span {
    color: #ccc;
    font-size: 14px;
    float: right;
    position: relative;
    top: -25px;
    right: 20px
}

.el-tooltip:focus:hover, .el-tooltip:focus:not(.focusing) {
    outline-width: 0
}

.el-tooltip__popper {
    position: absolute;
    border-radius: 4px;
    padding: 10px;
    z-index: 2000;
    font-size: 12px;
    line-height: 1.2;
    min-width: 10px
}

.el-tooltip__popper .popper__arrow, .el-tooltip__popper .popper__arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.el-tooltip__popper .popper__arrow {
    border-width: 6px
}

.el-tooltip__popper .popper__arrow:after {
    content: " ";
    border-width: 5px
}

.el-tooltip__popper[x-placement^=top] {
    margin-bottom: 12px
}

.el-tooltip__popper[x-placement^=top] .popper__arrow {
    bottom: -6px;
    border-top-color: #303133;
    border-bottom-width: 0
}

.el-tooltip__popper[x-placement^=top] .popper__arrow:after {
    bottom: 1px;
    margin-left: -5px;
    border-top-color: #303133;
    border-bottom-width: 0
}

.el-tooltip__popper[x-placement^=bottom] {
    margin-top: 12px
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
    top: -6px;
    border-top-width: 0;
    border-bottom-color: #303133
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow:after {
    top: 1px;
    margin-left: -5px;
    border-top-width: 0;
    border-bottom-color: #303133
}

.el-tooltip__popper[x-placement^=right] {
    margin-left: 12px
}

.el-tooltip__popper[x-placement^=right] .popper__arrow {
    left: -6px;
    border-right-color: #303133;
    border-left-width: 0
}

.el-tooltip__popper[x-placement^=right] .popper__arrow:after {
    bottom: -5px;
    left: 1px;
    border-right-color: #303133;
    border-left-width: 0
}

.el-tooltip__popper[x-placement^=left] {
    margin-right: 12px
}

.el-tooltip__popper[x-placement^=left] .popper__arrow {
    right: -6px;
    border-right-width: 0;
    border-left-color: #303133
}

.el-tooltip__popper[x-placement^=left] .popper__arrow:after {
    right: 1px;
    bottom: -5px;
    margin-left: -5px;
    border-right-width: 0;
    border-left-color: #303133
}

.el-tooltip__popper.is-dark {
    background: #303133;
    color: #fff
}

.el-tooltip__popper.is-light {
    background: #fff;
    border: 1px solid #303133
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
    border-top-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow:after {
    border-top-color: #fff
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: #fff
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
    border-left-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow:after {
    border-left-color: #fff
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
    border-right-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow:after {
    border-right-color: #fff
}

#myShop-addService {
    background-color: #fff
}

#myShop-addService textarea {
    resize: none
}

#myShop-addService h2.name {
    color: #333;
    font-size: 20px;
    line-height: 54px;
    padding: 15px 0 0;
    margin: 0 40px;
    border-bottom: 1px solid #e5e5e5
}

#myShop-addService .main {
    padding: 0 40px 20px
}

#myShop-addService .main .item {
    margin-top: 35px
}

#myShop-addService .main .item .title {
    color: #666;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

#myShop-addService .main .item .title i {
    color: #ff4931;
    padding-right: 3px
}

#myShop-addService .main .item .title span {
    color: #999;
    font-size: 12px;
    font-weight: 400
}

#myShop-addService .main .item .uploadImg {
    width: 122px;
    height: 122px;
    float: left;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    margin: 15px 25px 8px 0;
    text-align: center;
    position: relative
}

#myShop-addService .main .item .uploadImg .coverGold {
    color: #0083ff;
    font-size: 14px;
    padding: 0 10px 4px;
    background-color: #e5e5e5;
    border-bottom-right-radius: 10px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1200
}

#myShop-addService .main .item .uploadImg .deleteIcon {
    color: #fff;
    padding: 3px 4px 4px;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background-color: #e5e5e5;
    position: absolute;
    top: -12px;
    right: -12px;
    z-index: 1200;
    display: none;
    cursor: pointer
}

#myShop-addService .main .item .uploadImg .deleteIcon:hover {
    background-color: #0083ff
}

#myShop-addService .main .item .uploadImg .changeImg {
    display: none;
    width: 100%;
    background-color: #e5e5e5;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1200
}

#myShop-addService .main .item .uploadImg .changeImg i {
    width: 20%;
    display: inline-block;
    color: #666;
    font-weight: 600;
    line-height: 30px;
    cursor: pointer
}

#myShop-addService .main .item .uploadImg .changeImg i:hover {
    color: #0083ff
}

#myShop-addService .main .item .uploadImg .changeImg i.transform {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

#myShop-addService .main .item .uploadImg .changeImg i.unWork {
    color: #c5c5c5;
    cursor: not-allowed
}

#myShop-addService .main .item .uploadImg .changeImg i.unWork:hover {
    color: #c5c5c5
}

#myShop-addService .main .item .uploadImg .changeImg button {
    width: 60%;
    display: inline-block;
    height: 30px;
    color: #666;
    border: none;
    background-color: #e5e5e5
}

#myShop-addService .main .item .uploadImg .changeImg button:hover {
    color: #0083ff
}

#myShop-addService .main .item .uploadImg:hover .changeImg, #myShop-addService .main .item .uploadImg:hover .deleteIcon {
    display: inline-block
}

#myShop-addService .main .item .uploadImg .imgBox {
    display: inline-block;
    width: 120px;
    height: 120px;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

#myShop-addService .main .item .uploadImg .addIcon {
    color: #e5e5e5;
    font-size: 40px;
    display: inline-block;
    margin-top: 25px;
    position: relative;
    z-index: 2
}

#myShop-addService .main .item .uploadImg p {
    color: #0083ff;
    font-weight: 700;
    font-size: 14px;
    margin-top: 2px;
    position: relative;
    z-index: 2
}

#myShop-addService .main .item .uploadImg.add {
    border: 1px dashed #e5e5e5
}

#myShop-addService .main .item .desc {
    margin-top: 20px
}

#myShop-addService .main .item .price {
    width: 185px;
    color: #606266;
    height: 40px;
    line-height: 40px;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    padding: 0 15px
}

#myShop-addService .main .item .price::-webkit-input-placeholder {
    color: #c0c4cc
}

#myShop-addService .main .item .price:-ms-input-placeholder, #myShop-addService .main .item .price::-ms-input-placeholder {
    color: #c0c4cc
}

#myShop-addService .main .item .price::placeholder {
    color: #c0c4cc
}

#myShop-addService .main .item .price:focus {
    border-color: #409eff
}

#myShop-addService .main .item .error .el-input__inner, #myShop-addService .main .item .error .mce-panel, #myShop-addService .main .item .error .price, #myShop-addService .main .item .error.uploadImg {
    border-color: #ed7266
}

#myShop-addService .main .item .el-input__inner {
    margin-top: 13px;
    width: 85%
}

#myShop-addService .main .item .explain {
    color: #999;
    font-size: 12px;
    clear: both
}

#myShop-addService .main .item .select {
    margin-top: 13px;
    margin-right: 20px
}

#myShop-addService .main .item .select .el-input__inner {
    margin-top: 0;
    width: 100%
}

#myShop-addService .main .item .unitPrice {
    color: #666;
    font-size: 14px;
    margin-top: 13px
}

#myShop-addService .main .item .unitPrice .el-input {
    width: 185px
}

#myShop-addService .main .item .unitPrice .el-input__inner {
    margin-top: 0;
    width: 100%
}

#myShop-addService .main .item .unitPrice .el-select {
    margin-left: 24px
}

#myShop-addService .main .item .unitPrice .el-select .el-input {
    width: 218px
}

#myShop-addService .operation {
    padding: 30px 40px 50px
}

#myShop-addService .operation button {
    width: 120px;
    height: 42px;
    border-radius: 4px
}

#myShop-addService .operation button.commit {
    color: #fff;
    font-size: 14px;
    border: 1px solid #0083ff;
    background-color: #0083ff
}

#myShop-addService .operation button.save {
    color: #0083ff;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #0083ff;
    margin-left: 20px
}

#myShop-orderDetail {
    background-color: #fff;
    padding: 0 40px 55px
}

#myShop-orderDetail p {
    word-break: break-all
}

#myShop-orderDetail button {
    cursor: pointer
}

#myShop-orderDetail h2.name {
    color: #333;
    font-size: 20px;
    line-height: 54px;
    padding: 15px 0 0;
    border-bottom: 1px solid #e5e5e5
}

#myShop-orderDetail .main .topic-one {
    padding: 15px 30px;
    margin-top: 15px;
    background-color: #f7fbff;
    position: relative
}

#myShop-orderDetail .main .topic-one .number {
    color: #666;
    font-size: 14px;
    line-height: 24px
}

#myShop-orderDetail .main .topic-one .state {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px
}

#myShop-orderDetail .main .topic-one .state span {
    color: #0083ff;
    font-size: 14px;
    line-height: 24px
}

#myShop-orderDetail .main .topic-one .other {
    color: #999;
    font-size: 12px;
    line-height: 24px
}

#myShop-orderDetail .main .topic-one .other span {
    color: #0083ff;
    font-size: 14px;
    float: right
}

#myShop-orderDetail .main .topic-one .other span i {
    margin-right: 6px
}

#myShop-orderDetail .main .topic-one img {
    position: absolute;
    right: 22px;
    top: 15px
}

#myShop-orderDetail .main .topic-one button {
    width: 100px;
    height: 30px;
    color: #fff;
    font-size: 12px;
    border: none;
    border-radius: 4px;
    background-color: #0083ff;
    position: absolute;
    right: 40px;
    bottom: 20px
}

#myShop-orderDetail .main .topic-one button i {
    font-size: 16px;
    margin-right: 5px;
    position: relative;
    top: 2px
}

#myShop-orderDetail .main .topic-two .srollItem {
    display: inline-block;
    width: 25%;
    text-align: center;
    padding: 35px 0 20px;
    position: relative
}

#myShop-orderDetail .main .topic-two .srollItem i {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 10px;
    border-radius: 50%;
    background-color: #e5e5e5;
    position: relative
}

#myShop-orderDetail .main .topic-two .srollItem i:before {
    content: "";
    display: inline-block;
    width: 106px;
    height: 1px;
    background-color: #e5e5e5;
    position: absolute;
    right: 0;
    top: 5px
}

#myShop-orderDetail .main .topic-two .srollItem i:after {
    content: "";
    display: inline-block;
    width: 106px;
    height: 1px;
    background-color: #e5e5e5;
    position: absolute;
    left: 0;
    top: 5px
}

#myShop-orderDetail .main .topic-two .srollItem p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    margin-top: 5px
}

#myShop-orderDetail .main .topic-two .srollItem:first-child i:before, #myShop-orderDetail .main .topic-two .srollItem:last-child i:after {
    display: none
}

#myShop-orderDetail .main .topic-two .srollItem.current i {
    width: 23px;
    height: 23px;
    margin: 5px;
    background-color: #0083ff
}

#myShop-orderDetail .main .topic-two .srollItem.current i:after, #myShop-orderDetail .main .topic-two .srollItem.current i:before {
    top: 12px;
    background-color: #0083ff
}

#myShop-orderDetail .main .topic-two .srollItem.current i:after {
    left: 10px
}

#myShop-orderDetail .main .topic-two .srollItem.current i:before {
    right: 10px
}

#myShop-orderDetail .main .topic-two .srollItem.current p {
    color: #128cff
}

#myShop-orderDetail .main .topic-two .srollItem.current:after {
    content: "";
    color: #fff;
    display: inline-block;
    width: 11px;
    height: 5px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    left: 47%;
    top: 47px
}

#myShop-orderDetail .main .topic-two .srollItem.already i, #myShop-orderDetail .main .topic-two .srollItem.already i:after, #myShop-orderDetail .main .topic-two .srollItem.already i:before {
    background-color: #0083ff
}

#myShop-orderDetail .main .topic-two .srollItem.already p {
    color: #128cff
}

#myShop-orderDetail .main .topic-three {
    background-color: #f7f7f7
}

#myShop-orderDetail .main .topic-three .title {
    color: #333;
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 700!important
}

#myShop-orderDetail .main .topic-three .info {
    padding: 25px 30px 35px
}

#myShop-orderDetail .main .topic-three .info .content .imgBox {
    display: inline-block;
    width: 120px;
    height: 120px;
    float: left;
    margin-right: 20px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

#myShop-orderDetail .main .topic-three .info .content img {
    width: 120px;
    height: 120px;
    float: left;
    margin-right: 20px
}

#myShop-orderDetail .main .topic-three .info .content h3 {
    color: #333;
    font-size: 16px;
    padding-right: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#myShop-orderDetail .main .topic-three .info .content em {
    color: #f77272;
    font-size: 20px;
    margin-top: 30px;
    display: inline-block
}

#myShop-orderDetail .main .topic-three .info .content p {
    color: #999;
    font-size: 14px;
    line-height: 28px;
    margin-top: 15px
}

#myShop-orderDetail .main .topic-three .info .content p span {
    margin-left: 30px
}

#myShop-orderDetail .main .topic-three .require {
    padding: 0 30px 35px
}

#myShop-orderDetail .main .topic-three .require .message {
    margin-top: 25px
}

#myShop-orderDetail .main .topic-three .require .message p {
    color: #666;
    font-size: 14px;
    line-height: 30px
}

#myShop-orderDetail .main .topic-three .require .message ol li {
    list-style: decimal
}

#myShop-orderDetail .main .topic-three .require .message ul li {
    list-style: disc
}

#myShop-orderDetail .main .topic-three .orderInfo {
    padding: 0 30px 35px
}

#myShop-orderDetail .main .topic-three .orderInfo p {
    color: #666;
    font-size: 14px;
    line-height: 24px
}

#myShop-orderDetail .main .topic-three .orderInfo p:first-child {
    margin-top: 25px
}

#myShop-orderDetail .main .topic-three .buyerInfo {
    padding: 0 30px 35px
}

#myShop-orderDetail .main .topic-three .buyerInfo p {
    color: #666;
    font-size: 14px;
    line-height: 24px
}

#myShop-orderDetail .main .topic-three .buyerInfo p:first-child {
    margin-top: 25px
}

#myShop-orderDetail .main .topic-three .operation {
    border-top: 1px solid #e5e5e5;
    padding: 40px 30px
}

#myShop-orderDetail .main .topic-three .operation button {
    width: 100px;
    height: 40px;
    border-radius: 4px
}

#myShop-orderDetail .main .topic-three .operation button.call {
    color: #0083ff;
    font-size: 14px;
    border: 1px solid #0083ff;
    background: none
}

#myShop-orderDetail .main .topic-three .operation button.commit {
    color: #fff;
    font-size: 14px;
    border: 1px solid #0083ff;
    background: #0083ff;
    margin-right: 20px
}

#myShop-orderDetail .dialog {
    width: 502px;
    min-height: 350px;
    padding: 0 70px 37px
}

#myShop-orderDetail .dialog h2 {
    color: #333;
    font-size: 30px;
    font-weight: 400;
    padding: 30px 0
}

#myShop-orderDetail .dialog h2 .close {
    width: 50px;
    height: 50px;
    border: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAG1BMVEUAAAAjFxUjFhMjGBUjFxUiGBUiGBQjGBQjFxTs6mygAAAACXRSTlMAV17Z2t/g+frm2uESAAAARUlEQVQIW2NIZIAAFQZ1ATCDqRCEQAAkABYE88EERA2QhCoBUlBtDOpChVCjmDoEMFhwWYQOuCkIk+G2IVyAcFUg1ChlAA4LC3rk196TAAAAAElFTkSuQmCC) 50% no-repeat;
    float: right;
    position: relative;
    right: -30px
}

#myShop-orderDetail .dialog p {
    color: #666;
    font-size: 14px;
    line-height: 38px
}

#myShop-orderDetail .dialog .operation {
    margin-top: 35px;
    text-align: right
}

#myShop-orderDetail .dialog .operation button {
    width: 120px;
    height: 42px;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #0083ff;
    background-color: #0083ff
}

#myShop-orderDetail .dialog .operation button:first-child {
    color: #0083ff;
    border: 1px solid #2d93f9;
    background-color: #fff;
    margin-right: 20px
}

#myShop-orderDetail .dialog.comfirmDialog p em {
    color: #333;
    font-size: 24px
}

#myShop-orderDetail .dialog.modifyDialog .myInput {
    width: 150px;
    margin: 12px 0 0;
    color: #606266;
    height: 40px;
    line-height: 40px;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    padding: 0 15px
}

#myShop-orderDetail .dialog.modifyDialog .myInput::-webkit-input-placeholder {
    color: #c0c4cc
}

#myShop-orderDetail .dialog.modifyDialog .myInput:-ms-input-placeholder, #myShop-orderDetail .dialog.modifyDialog .myInput::-ms-input-placeholder {
    color: #c0c4cc
}

#myShop-orderDetail .dialog.modifyDialog .myInput::placeholder {
    color: #c0c4cc
}

#myShop-orderDetail .dialog.modifyDialog .myInput:focus {
    border-color: #409eff
}

#myShop-orderDetail .dialog.modifyDialog .el-input {
    width: 150px;
    margin: 12px 0 0
}

#myShop-orderDetail .dialog.modifyDialog .el-input .el-input__inner {
    padding-right: 38px
}

#myShop-orderDetail .dialog.modifyDialog i {
    font-style: normal;
    position: relative;
    left: -30px
}

#myShop-orderDetail .dialog.submitAcceptDialog {
    height: 292px
}

#myShop-orderDetail .dialog.submitAcceptDialog p {
    font-size: 16px;
    line-height: 36px
}

#myShop-orderDetail .dialog.refundDialog {
    width: 734px;
    max-height: 734px;
    overflow: auto;
    padding-bottom: 63px
}

#myShop-orderDetail .dialog.refundDialog .pic {
    padding: 20px 20px 30px;
    background-color: #f2f2f2
}

#myShop-orderDetail .dialog.refundDialog .pic p {
    color: #999;
    font-size: 14px;
    line-height: 24px
}

#myShop-orderDetail .dialog.refundDialog .pic p em {
    color: #333
}

#myShop-orderDetail .dialog.refundDialog .pic p:last-child {
    margin-top: 10px
}

#myShop-orderDetail .dialog.refundDialog .selectItem {
    color: #666;
    font-size: 16px;
    margin-top: 15px;
    cursor: pointer
}

#myShop-orderDetail .dialog.refundDialog .selectItem span {
    color: #999
}

#myShop-orderDetail .dialog.refundDialog .selectItem i {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 11px;
    border: 1px solid #ccc;
    border-radius: 50%;
    position: relative;
    top: 4px
}

#myShop-orderDetail .dialog.refundDialog .selectItem.light i {
    border-color: #0083ff;
    background-color: #0083ff
}

#myShop-orderDetail .dialog.refundDialog .selectItem.light i:after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 4px;
    left: 4px
}

#myShop-orderDetail .dialog.refundDialog .reason .el-textarea__inner {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 15px 30px;
    margin-top: 5px;
    resize: none
}

#myShop-orderDetail .dialog.refundDialog .reason .el-textarea__inner::-webkit-input-placeholder {
    color: #ccc
}

#myShop-orderDetail .dialog.refundDialog .reason .el-textarea__inner:-ms-input-placeholder, #myShop-orderDetail .dialog.refundDialog .reason .el-textarea__inner::-ms-input-placeholder {
    color: #ccc
}

#myShop-orderDetail .dialog.refundDialog .reason .el-textarea__inner::placeholder {
    color: #ccc
}

#myShop-orderDetail .dialog.refundDialog .reason span {
    color: #ccc;
    font-size: 14px;
    float: right;
    position: relative;
    top: -25px;
    right: 20px
}

.operationsuccess {
    width: 1200px;
    margin: 0 auto;
    padding: 60px 0
}

.operationsuccess .success {
    overflow: hidden;
    width: 752px;
    height: 559px;
    margin: 0 auto;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 4px 0 9px rgba(0, 58, 113, .08);
    box-shadow: 4px 0 9px rgba(0, 58, 113, .08)
}

.operationsuccess .success h2 {
    margin: 67px 0 15px;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    font-weight: 400;
    color: #333
}

.operationsuccess .success p {
    margin-bottom: 45px;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    color: #999
}

.operationsuccess .success .img {
    background: #ccc
}

.operationsuccess .success .img, .operationsuccess .success img {
    display: block;
    width: 160px;
    height: 160px;
    margin: 0 auto;
    margin-bottom: 15px
}

.operationsuccess .success span {
    display: block;
    font-size: 16px;
    text-align: center;
    color: #999;
    line-height: 24px
}

.operationsuccess .success span em {
    color: #333
}

.operationsuccess .success div {
    width: 140px;
    height: 42px;
    margin: 0 auto;
    margin-top: 60px;
    background: #0083ff;
    border-radius: 4px;
    text-align: center;
    line-height: 42px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .2s;
    transition: all .2s
}

.operationsuccess .success div:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

.addproject .unfocused .el-input__inner, .addproject .unfocused .el-input__inner:focus {
    border-color: #ed7266
}

.addproject .middle .el-input .el-input__inner {
    height: 54px;
    min-height: 54px;
    font-size: 16px;
    line-height: 16px;
    padding: 19px 15px
}

.addproject .middle .deadline .el-input__inner {
    padding-left: 30px
}

.addproject .middle .upload-component {
    position: relative
}

.addproject .middle .upload-component .el-upload .el-upload-dragger {
    width: 600px;
    height: 220px;
    margin-bottom: 30px;
    padding-top: 40px
}

.addproject .middle .upload-component .el-upload .el-upload-dragger .el-icon-upload {
    margin-top: 20px
}

.addproject .middle .upload-component .el-upload .el-upload-dragger .el-upload__text {
    padding-bottom: 30px
}

.addproject .middle .upload-component .fileList {
    width: 596px;
    position: absolute;
    top: 85px;
    left: 2px
}

.addproject .middle .upload-component .fileList .item {
    padding: 5px 20px 5px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.addproject .middle .upload-component .fileList .item .name {
    color: #333;
    font-size: 16px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-left: 25px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABj0lEQVQ4T52UOy9EYRCGn1mroEA0wh/Q6pSyxyV+AdHoREOIYpfQqOyuTVZIFP4BnVbiWLeIQgj/QOGWuMUti7Mj33LC7p5zLNN9yTvPmXln5giAxqw0yjBChXmXhmZAVtDsqiR3z7wU8gVygJA3JK8woCOgCycckdTaVbHWBak/pAA0inJMhVgys379M+fvoM/sA7K5DpnL3Lmw/4JMu/voa6ckdx8MrDyQsg1sIUwWWqA7OJXdklp7CgJdADVANegD4rSh4SnQpkKYZCRhT3iDRJeJb/QR7WwE5wShHjhFdRnkqWRiSXvaDzQm8Y10fl7RyCEiLUFTlYQtfq1dAtNAMzBS5MsLSFXB6ANAPgXoAe+hfip1D837l4+gilzNG8o8wiBwh2ZbzYlozBoAlsoE6Tm5XK/Mbm5rNNJOyLmR+Nahm6zj1r1blX9FZm801yOzGbMCnqEx6xao829NdZFHjfHMe+D9NYTMR2rL9Sj4lj3M/uU3EshzJGGH3T0yyzcEhMsq4Vtk2l+QhD32Acy0whNQizehAAAAAElFTkSuQmCC) no-repeat 0
}

.addproject .middle .upload-component .fileList .item .name.limit {
    max-width: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.addproject .middle .upload-component .fileList .item .name.doc {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABtElEQVQ4T52UPUhbURTHf//rVwoVS4k4OhQ62NXB5GXp2rEdugglLtp20bZUF9dSoR9jodChuhQqOFS3CoI+XhaRDl2qHZxa7AcEhWCS907JE2mMLyHxbvfc//nd/7nncJX1bcFgBuihyTLIyxgJcnraTKMx30KBayaoxWMQvAEWgyxTSNaoV8a3c8FGUR0ohfE+8JhAiup1nYNOHH4oZBlHCk9hFwLFycZKOcXd7VFVatuLg06srP0qcmfvlo47AeUNehOa8rngab49kLGF2GvW2YKn/FmQxfM0hJgDDoi4Z44RwUvET0LyOF4AN+qhgSedARnMViOWexzfMd6VKjw5KlFKD/AX+FTpY6L3mD9AqiUIYyPI6WbGt33BgwgyEq8sYskZazj2DVYbSzznCCg7Ix2K57+LPBocYCeCZ11wVcZ6BPcRD9sBQcTtah9Bd5XLGLvAR2dM+zl+ZLbYRVxrDwRvA0+T2U17bLWHNQ6LV0j3HzHsQr4ldS6ptJru0OCriG8ejIfY+AJckrjeCajVR5B4duqoCnR1nP0/IQw8dWts0xZwTCt5/FvyDcrA64KnuX9AoMUTIB47DQAAAABJRU5ErkJggg==) no-repeat 0
}

.addproject .middle .upload-component .fileList .item .progress {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: right;
    color: #999;
    font-size: 12px
}

.addproject .middle .upload-component .fileList .item .progress .el-progress {
    display: inline-block
}

.addproject .middle .upload-component .fileList .item .progress .el-progress .el-progress-bar {
    width: 120px;
    margin-right: 0;
    padding-right: 0
}

.addproject .middle .upload-component .fileList .item .progress .meta {
    display: inline-block;
    min-width: 75px;
    float: right;
    padding-left: 10px
}

.addproject .middle .upload-component .fileList .item .iconfont {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 8px;
    color: #999;
    border: none;
    background: none
}

.addproject .middle .upload-component .fileList .item:hover {
    background-color: #f2f2f2
}

.addproject .middle .upload-component .fileList .item:hover .iconfont {
    color: #0083ff
}

.addproject .middle .upload-component .fileList .el-progress__text {
    display: none
}

.addproject .middle .el-cascader, .addproject .middle .el-date-editor, .addproject .middle .el-select {
    width: 100%!important
}

.addproject .middle .el-select .el-input .el-select__caret {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGAgMAAACKgJcSAAAACVBMVEUAAAB9fX19fX1ExFrZAAAAAnRSTlMAgJsrThgAAAAhSURBVHheY2AQYWBgyGRgYFzlwMC2agKD1KolDFmrVgIALOQFzqxg5MQAAAAASUVORK5CYII=) no-repeat 50%
}

.addproject .middle .el-select .el-input .el-select__caret:before {
    content: ""
}

.addproject {
    width: 100%;
    background: #fff
}

.addproject .clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

.addproject .clearfix {
    *zoom: 1
}

.addproject h2, .addproject h4 {
    font-weight: 400
}

.addproject li {
    list-style: none
}

.addproject .banner {
    width: 100%;
    height: 300px;
    min-width: 1200px;
    _width: 1200px;
    margin-bottom: 62px;
    background: url(static/images/banner.ee0ec6b.jpg) no-repeat 50%
}

.addproject .release {
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    padding-bottom: 52px;
    border-bottom: 1px solid #e5e5e5
}

.addproject .release .middle {
    width: 600px;
    margin: 0 auto
}

.addproject .release .middle h2 {
    margin-bottom: 13px;
    font-size: 16px;
    line-height: 16px;
    color: #666
}

.addproject .release .middle h2 em {
    color: #ff7070
}

.addproject .release .middle .projecttype {
    margin-bottom: 24px
}

.addproject .release .middle .projecttype li {
    float: left;
    width: 114px;
    height: 114px;
    margin-right: 48px;
    cursor: pointer
}

.addproject .release .middle .projecttype li a{
    color:#000;
    display: block;
    padding: 10px 0px;
    text-align: center;

}
.addproject .release .middle .projecttype li a:hover{
    color:#fff;
    background-color: #0083ff;
    
    
}

.addproject .release .middle .projecttype li:first-child {
    background: url(static/images/shej.84b6f85.png) no-repeat 50%
}

.addproject .release .middle .projecttype li:nth-child(2) {
    background: url(static/images/kaif.51fb7b1.png) no-repeat 50%
}

.addproject .release .middle .projecttype li:nth-child(3) {
    background: url(static/images/yuny.07c2c36.png) no-repeat 50%
}

.addproject .release .middle .projecttype li:last-child {
    margin-right: 0;
    background: url(static/images/cp.07c2c36.png) no-repeat 50%
}

.addproject .release .middle .projecttype li:hover:first-child {
    background: url(static/images/shej2.eb2faa3.png) no-repeat 50%
}

.addproject .release .middle .projecttype li:hover:nth-child(2) {
    background: url(static/images/kaif2.38cf50e.png) no-repeat 50%
}

.addproject .release .middle .projecttype li:hover:nth-child(3) {
    background: url(static/images/yuny2.60a3d68.png) no-repeat 50%
}

.addproject .release .middle .projecttype li:hover:last-child {
    background: url(static/images/cp.07c2c368.png) no-repeat 50%
}

.addproject .release .middle .projecttype .kf:first-child {
    background: url(static/images/kaif2.38cf50e.png) no-repeat 50%
}

.addproject .release .middle .projecttype .sj:nth-child(2) {
    background: url(static/images/shej2.eb2faa3.png) no-repeat 50%
}

.addproject .release .middle .projecttype .yy:nth-child(3) {
    background: url(static/images/yuny2.60a3d68.png) no-repeat 50%
}

.addproject .release .middle .projecttype .cp:last-child {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAAByCAMAAAC4A3VPAAABaFBMVEUAg/////+11P+Awf8Jhf/N4f/8/f9Oo/81lv/R6f/n8//o8P/s9v/v9//z+P/5+/9aq/8Wiv8Yjv/H5P/+///X7P/g8P9VrP+02f9osv8kj/8Hhv/u9P/+/v/0+f8hk/+n1P83mP8Ih/8rmP/h7P/h8P/m8P8nk/8ql/8+of8Oiv82nf9Kof84nv+lyv+m0f9utv91vP+t0v96vv9Vrf9Wrf/0+P/5/P9Kov9Aov8Ghv9ts/+Cu/8wmv/0+v/3+v+Hxf86n/9Mov8xm/+02v9xuv8Jh/9Qqv8wlf+02/8gkv+33P+73v8DhP83mf90tf8llf+Jw/8Oif/S5f/T6v/U5v/U6v+SwP+VxP/b6f/b7f/e6//e7P/e7/+Vxv+VyP+azv+bzv+f0P/a7f+Kwf+Kxv+Lv//k8v+Lx/8bjP+q0P/r8v90vP/t9P9Rqv/3+/8xlP83nf/6/P/A4P/8/v/B2v8xmv/I3v8IlRESAAAB0ElEQVR4Xu3YVa8bMRCG4RkvhRkOMzOXmZmZmZn+fq0vOUrSVL2Kp1U6jxR5795I1hqW/k9KKaWUUkodm0xA/BAJGS59/QAcJyGLPEKQTnRf8vj60TNQFEue5W1SyXm+vu80vJdKnuBnonOJ5EEC+s73HsOOSankuS9ctyqSRHN+F1wkgaQA2eTuAlz+XXKuAP3UUdUhhsGH7clHgwxDVeqk22ERUjzza3KcU0UIn1AnJdIEI7zYSLYtBd2TrJThBafKNRXnyXbOk7NjsMEvx2pmu2cuGy/JuNRLsrlffCmg/gLM/WnB051EYIsWOoi8lUoeETtuyR8qP/FV4aOz/AUB16BTDq5Ber9sGC59TkMp/jc/T8hTSiml1CuStpDdQ3U5b5uzv4HApXAKY47IZAOY4Bg5YgPv7gTWgP3dsMkkQS+SjuS3rvhE58PnZMkk6QI/Jf9aZrqWzHjQ4zC5ZMyBb+YH3zXGjIrMJSWnTB2SfR8J8jHfXdJQE7bYi2HoJUfetCbvR9GATe6NImdJnx+0JG0naZMRHt1Y4BXp5Fp4siXZ43kZm1z2PFfJw/yamvFEEGRt8lYQuEr6N/PUzOwkWsr1mVE8/huUUkoppdRP0IZSI4EVJzcAAAAASUVORK5CYII=) no-repeat 50%
}

.addproject .release .middle .subtypes {
    width: 100%;
    margin-bottom: 39px
}

.addproject .release .middle .skills {
    width: 100%;
    margin-bottom: 40px
}

.addproject .release .middle .details {
    margin-top: 39px;
    margin-bottom: 13px
}

.addproject .release .middle .details h2 {
    float: left;
    margin-bottom: 0
}

.addproject .release .middle .details .sample {
    position: relative;
    float: right
}

.addproject .release .middle .details .sample h2 {
    font-size: 16px;
    line-height: 16px;
    color: #999;
    cursor: pointer;
    margin-bottom: 0
}

.addproject .release .middle .details .sample .color, .addproject .release .middle .details .sample h2:hover {
    color: #0083ff
}

.addproject .release .middle .details .sample .samplecon {
    overflow: hidden;
    position: absolute;
    top: 20px;
    right: 0;
    width: 600px;
    height: 0;
    padding: 0 22px;
    background: url(static/images/sample.db34be9.png) no-repeat;
    background-size: 100% 100%;
    background-color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 999
}

.addproject .release .middle .details .sample .samplecon p {
    font-size: 16px;
    line-height: 24px;
    color: #666
}

.addproject .release .middle .details .sample .sampleconshow {
    height: auto;
    padding: 34px 22px 30px
}

.addproject .release .middle .demanddata {
    position: relative;
    margin-bottom: 30px
}

.addproject .release .middle .demanddata .text {
    width: 100%;
    padding: 20px 15px;
    min-height: 245px;
    _height: 226px;
    resize: none;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    word-wrap: break-word;
    overflow-y: auto
}

.addproject .release .middle .demanddata .text:focus {
    border-color: #0083ff
}

.addproject .release .middle .demanddata .tips {
    position: absolute;
    top: 17px;
    left: 18px;
    z-index: 1;
    pointer-events: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.addproject .release .middle .demanddata .tips span {
    font-size: 16px;
    line-height: 26px;
    color: #ccc
}

.addproject .release .middle .demanddata .tips-right {
    color: #333;
    font-size: 12px;
    line-height: 18px;
    width: 174px;
    background-color: #ffffe0;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 10px 10px 35px;
    position: absolute;
    top: 0;
    right: -195px
}

.addproject .release .middle .demanddata .tips-right .sub {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 8px;
    margin-bottom: 8px
}

.addproject .release .middle .demanddata .tips-right:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid;
    border-color: transparent transparent #e5e5e5 #e5e5e5;
    background-color: #ffffe0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: -6px;
    top: 42px
}

.addproject .release .middle .demanddata p {
    position: absolute;
    bottom: -14px;
    right: 21px;
    font-size: 12px;
    line-height: 14px;
    color: #666
}

.addproject .release .middle .demanddata .error {
    position: absolute;
    bottom: -12px;
    left: 0;
    color: #ed7266;
    font-size: 12px;
    line-height: 12px
}

.addproject .release .middle .demanddata .unfocused, .addproject .release .middle .demanddata .unfocused:focus {
    border-color: #ed7266
}

.addproject .release .middle .demanddata .wrong {
    border-color: #0083ff
}

.addproject .release .middle .supplement {
    margin-bottom: 40px
}

.addproject .release .middle .supplement .title p {
    float: left;
    font-size: 16px;
    line-height: 16px;
    color: #666
}

.addproject .release .middle .supplement .title .uploadImg {
    float: right;
    color: #333
}

.addproject .release .middle .supplement .show {
    margin-top: 19px
}

.addproject .release .middle .supplement .show .picture .img {
    float: left;
    position: relative;
    margin-right: 16px;
    cursor: pointer
}

.addproject .release .middle .supplement .show .picture .img .close {
    display: none;
    position: absolute;
    right: -7px;
    top: -7px;
    width: 14px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAvVBMVEUAg/8AAAAAf/4Af/4Ag/4Ag/4Ag/4Ag/4Ag/4Ag/4Ag/4Ag/4Ah/8Ag/4Ag/8Agv4Agv4AhP4Ag/4Agv4Agv4Agv4Ahv4Ag/4Ag/4Agv8Aqv8Ag/4Agf4Af/8Af/8Agv4Agv4AeP4Agv4Agv4Ag/4Ajf4Ag/4Agf4Ah/8AhP8Ag/4Ag/4Agv4AhP4Ag/4Agv4Ag/4Ag/4Agv8Agv4AhP8Af/8Agv4Agv4Abf4Akf4Ag/4AhP4AAP8Af/8Af/+T9OuGAAAAP3RSTlPMABYSkKcjjrSpuMsRynicZDjEwUyyJnJtZgPGbCACTp4TVH+XCaGhIKqlto9qIXtbyKqmMAZKgQcHY0kBIhBdD0jsAAAAgUlEQVR4Xj3HRZIDMRQE0fxqBDMzMzPP3P9YljoUfpuqRDS/no8mhYx+OnuNLEa5kmYOK+nrLPJTUogL1VrM3AeatNpApxs4LjBgiDGSMUDINAFmzm0RA0tkBWtnw3YH7JEDHE/AGbggVw+LuyCiIlvBw6Q8XyHgvT9i0lB//+l+AeWGCA9I3UzxAAAAAElFTkSuQmCC) no-repeat
}

.addproject .release .middle .supplement .show .picture .img .imgBox {
    display: inline-block;
    width: 75px;
    height: 75px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.addproject .release .middle .supplement .show .picture .img:last-child {
    margin-right: 0
}

.addproject .release .middle .supplement .show .picture .img:hover .close {
    display: block
}

.addproject .release .middle .supplement .show .document .doc p {
    float: left;
    max-width: 95%;
    margin-right: 10px;
    font-size: 16px;
    line-height: 50px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 50px;
    background: url("static/images/wenjian.png") no-repeat 0
}

.addproject .release .middle .supplement .show .document .doc .close {
    display: none;
    float: left;
    width: 14px;
    height: 50px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAvVBMVEUAg/8AAAAAf/4Af/4Ag/4Ag/4Ag/4Ag/4Ag/4Ag/4Ag/4Ag/4Ah/8Ag/4Ag/8Agv4Agv4AhP4Ag/4Agv4Agv4Agv4Ahv4Ag/4Ag/4Agv8Aqv8Ag/4Agf4Af/8Af/8Agv4Agv4AeP4Agv4Agv4Ag/4Ajf4Ag/4Agf4Ah/8AhP8Ag/4Ag/4Agv4AhP4Ag/4Agv4Ag/4Ag/4Agv8Agv4AhP8Af/8Agv4Agv4Abf4Akf4Ag/4AhP4AAP8Af/8Af/+T9OuGAAAAP3RSTlPMABYSkKcjjrSpuMsRynicZDjEwUyyJnJtZgPGbCACTp4TVH+XCaGhIKqlto9qIXtbyKqmMAZKgQcHY0kBIhBdD0jsAAAAgUlEQVR4Xj3HRZIDMRQE0fxqBDMzMzPP3P9YljoUfpuqRDS/no8mhYx+OnuNLEa5kmYOK+nrLPJTUogL1VrM3AeatNpApxs4LjBgiDGSMUDINAFmzm0RA0tkBWtnw3YH7JEDHE/AGbggVw+LuyCiIlvBw6Q8XyHgvT9i0lB//+l+AeWGCA9I3UzxAAAAAElFTkSuQmCC) no-repeat 50%;
    cursor: pointer
}

.addproject .release .middle .supplement .show .document .doc:hover .close {
    display: block
}

.addproject .release .middle .supplement .loading {
    min-height: 100px
}

.addproject .release .middle .price, .addproject .release .middle .time {
    width: 100%;
    margin-bottom: 39px
}

.addproject .release .middle .companyname {
    margin-bottom: 39px
}

.addproject .release .middle .switch-wapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.addproject .release .middle .operation {
    margin-top: 66px
}

.addproject .release .middle .operation .btn {
    width: 260px;
    height: 50px;
    padding: 16px 0;
    margin: 0 auto;
    background: #0083ff;
    border-radius: 4px;
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s
}

.addproject .release .middle .operation .btn:hover {
    background: #66b1ff
}

.addproject .completeInfo {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1200;
    background: rgba(0, 0, 0, .45)
}

.addproject .completeInfo .body {
    width: 637px;
    min-height: 590px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1300;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(static/images/bj.26e7196.png) no-repeat 50%
}

.addproject .completeInfo .body .main {
    padding: 190px 100px 60px
}

.addproject .completeInfo .body .main h3 {
    color: #fff;
    font-size: 26px;
    text-align: center
}

.addproject .completeInfo .body .main p {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    margin: 20px 0
}

.addproject .completeInfo .body .main input {
    width: 100%;
    height: 44px;
    background-color: #63adf0;
    color: #fff;
    font-size: 14px;
    line-height: 44px;
    margin-top: 20px;
    border: none;
    border-radius: 8px;
    padding-left: 20px
}

.addproject .completeInfo .body .main input::-webkit-input-placeholder {
    color: #bcd9f8
}

.addproject .completeInfo .body .main input:-ms-input-placeholder, .addproject .completeInfo .body .main input::-ms-input-placeholder {
    color: #bcd9f8
}

.addproject .completeInfo .body .main input::placeholder {
    color: #bcd9f8
}

.addproject .completeInfo .body .main button {
    color: #000;
    font-size: 16px;
    width: 340px;
    height: 46px;
    display: block;
    margin: 40px auto 0;
    background-color: #fee037;
    border-radius: 22px;
    cursor: pointer;
    border: none
}

.addproject .completeInfo .body .main a {
    display: block;
    width: 100px;
    text-align: center;
    margin: 10px auto 0;
    color: #bcd9f8;
    font-size: 14px;
    line-height: 30px
}

.addproject .loadingBody {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0
}

.addproject .loadingBody .el-loading-spinner .circular {
    width: 55px;
    height: 55px
}

.el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    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: #409eff;
    border-color: #c6e2ff;
    background-color: #ecf5ff
}

.el-button:active {
    color: #3a8ee6;
    border-color: #3a8ee6;
    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: #409eff;
    color: #409eff
}

.el-button.is-active, .el-button.is-plain:active {
    color: #3a8ee6;
    border-color: #3a8ee6
}

.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: hsla(0, 0%, 100%, .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: #409eff;
    border-color: #409eff
}

.el-button--primary:focus, .el-button--primary:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

.el-button--primary.is-active, .el-button--primary:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    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: #a0cfff;
    border-color: #a0cfff
}

.el-button--primary.is-plain {
    color: #409eff;
    background: #ecf5ff;
    border-color: #b3d8ff
}

.el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover {
    background: #409eff;
    border-color: #409eff;
    color: #fff
}

.el-button--primary.is-plain:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    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: #8cc5ff;
    background-color: #ecf5ff;
    border-color: #d9ecff
}

.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: #409eff;
    background: 0 0;
    padding-left: 0;
    padding-right: 0
}

.el-button--text:focus, .el-button--text:hover {
    color: #66b1ff;
    border-color: transparent;
    background-color: transparent
}

.el-button--text:active {
    color: #3a8ee6;
    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: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: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--primary:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--success:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--success:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--success:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--warning:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--warning:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--danger:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--danger:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--info:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--info:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--info:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-progress {
    position: relative;
    line-height: 1
}

.el-progress__text {
    font-size: 14px;
    color: #606266;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    line-height: 1
}

.el-progress__text i {
    vertical-align: middle;
    display: block
}

.el-progress--circle {
    display: inline-block
}

.el-progress--circle .el-progress__text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.el-progress--circle .el-progress__text i {
    vertical-align: middle;
    display: inline-block
}

.el-progress--without-text .el-progress__text {
    display: none
}

.el-progress--without-text .el-progress-bar {
    padding-right: 0;
    margin-right: 0;
    display: block
}

.el-progress-bar, .el-progress-bar__inner:after, .el-progress-bar__innerText {
    display: inline-block;
    vertical-align: middle
}

.el-progress--text-inside .el-progress-bar {
    padding-right: 0;
    margin-right: 0
}

.el-progress.is-success .el-progress-bar__inner {
    background-color: #67c23a
}

.el-progress.is-success .el-progress__text {
    color: #67c23a
}

.el-progress.is-exception .el-progress-bar__inner {
    background-color: #f56c6c
}

.el-progress.is-exception .el-progress__text {
    color: #f56c6c
}

.el-progress-bar {
    padding-right: 50px;
    width: 100%;
    margin-right: -55px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-progress-bar__outer {
    height: 6px;
    border-radius: 100px;
    background-color: #ebeef5;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.el-progress-bar__inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #409eff;
    text-align: right;
    border-radius: 100px;
    line-height: 1;
    white-space: nowrap
}

.el-progress-bar__inner:after {
    content: "";
    height: 100%
}

.el-progress-bar__innerText {
    color: #fff;
    font-size: 12px;
    margin: 0 5px
}

@-webkit-keyframes progress {
    0% {
        background-position: 0 0
    }
    to {
        background-position: 32px 0
    }
}

@keyframes progress {
    0% {
        background-position: 0 0
    }
    to {
        background-position: 32px 0
    }
}

.el-radio, .el-radio--medium.is-bordered .el-radio__label {
    font-size: 14px
}

.el-radio, .el-radio__input {
    white-space: nowrap;
    line-height: 1;
    outline: 0
}

.el-radio, .el-radio__inner, .el-radio__input {
    position: relative;
    display: inline-block
}

.el-radio {
    color: #606266;
    font-weight: 500;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.el-radio.is-bordered {
    padding: 12px 20px 0 10px;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px
}

.el-radio.is-bordered.is-checked {
    border-color: #409eff
}

.el-radio.is-bordered.is-disabled {
    cursor: not-allowed;
    border-color: #ebeef5
}

.el-radio__input.is-disabled .el-radio__inner, .el-radio__input.is-disabled.is-checked .el-radio__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed
}

.el-radio.is-bordered+.el-radio.is-bordered {
    margin-left: 10px
}

.el-radio--medium.is-bordered {
    padding: 10px 20px 0 10px;
    border-radius: 4px;
    height: 36px
}

.el-radio--mini.is-bordered .el-radio__label, .el-radio--small.is-bordered .el-radio__label {
    font-size: 12px
}

.el-radio--medium.is-bordered .el-radio__inner {
    height: 14px;
    width: 14px
}

.el-radio--small.is-bordered {
    padding: 8px 15px 0 10px;
    border-radius: 3px;
    height: 32px
}

.el-radio--small.is-bordered .el-radio__inner {
    height: 12px;
    width: 12px
}

.el-radio--mini.is-bordered {
    padding: 6px 15px 0 10px;
    border-radius: 3px;
    height: 28px
}

.el-radio--mini.is-bordered .el-radio__inner {
    height: 12px;
    width: 12px
}

.el-radio+.el-radio {
    margin-left: 30px
}

.el-radio__input {
    cursor: pointer;
    vertical-align: middle
}

.el-radio__input.is-disabled .el-radio__inner {
    cursor: not-allowed
}

.el-radio__input.is-disabled .el-radio__inner:after {
    cursor: not-allowed;
    background-color: #f5f7fa
}

.el-radio__input.is-disabled .el-radio__inner+.el-radio__label {
    cursor: not-allowed
}

.el-radio__input.is-disabled.is-checked .el-radio__inner:after {
    background-color: #c0c4cc
}

.el-radio__input.is-disabled+span.el-radio__label {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-radio__input.is-checked .el-radio__inner {
    border-color: #409eff;
    background: #409eff
}

.el-radio__input.is-checked .el-radio__inner:after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.el-radio__input.is-checked+.el-radio__label {
    color: #409eff
}

.el-radio__input.is-focus .el-radio__inner {
    border-color: #409eff
}

.el-radio__inner {
    border: 1px solid #dcdfe6;
    border-radius: 100%;
    width: 14px;
    height: 14px;
    background-color: #fff;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-radio__inner:hover {
    border-color: #409eff
}

.el-radio__inner:after {
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #fff;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in
}

.el-radio__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0
}

.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
    -webkit-box-shadow: 0 0 2px 2px #409eff;
    box-shadow: 0 0 2px 2px #409eff
}

.el-radio__label {
    font-size: 14px;
    padding-left: 10px
}

.projectdetails .clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

.projectdetails .clearfix {
    *zoom: 1
}

.projectdetails h2 {
    font-weight: 400
}

.projectdetails li {
    list-style: none
}

.projectdetails em, .projectdetails i {
    font-style: normal
}

.projectdetails input[type=number] {
    -moz-appearance: textfield
}

.projectdetails input[type=number]::-webkit-inner-spin-button, .projectdetails input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.projectdetails {
    width: 100%;
    min-width: 1200px;
    background: #f8f8f8;
    padding-bottom: 60px;
    border-bottom: 1px solid #e5e5e5
}

.projectdetails .banner {
    position: relative;
    width: 100%;
    min-width: 1200px;
    _width: 1200px;
    height: 100px;
    margin-bottom: 25px;
    padding-top: 65px;
    background: url(static/images/banner.81ed8aa.png) no-repeat 50%
}

.projectdetails .banner p {
    width: 1200px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 16px;
    color: #fff
}

.projectdetails .banner p a {
    color: #fff
}

.projectdetails .banner p em {
    font-weight: 700;
    white-space: pre-wrap
}

.projectdetails .stateList {
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    padding: 30px 45px 50px;
    margin-bottom: 20px;
    position: relative
}

.projectdetails .stateList h2 {
    color: #333;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400
}

.projectdetails .stateList .list {
    text-align: center;
    margin-top: 35px
}

.projectdetails .stateList .list .item {
    display: inline-block;
    width: 70px;
    margin-right: 134px;
    text-align: center;
    position: relative
}

.projectdetails .stateList .list .item img {
    width: 44px;
    height: 44px
}

.projectdetails .stateList .list .item p {
    color: #999;
    font-size: 14px;
    line-height: 14px;
    margin-top: 12px
}

.projectdetails .stateList .list .item p.ed {
    color: #0083ff
}

.projectdetails .stateList .list .item:after {
    content: "";
    width: 134px;
    position: absolute;
    top: 22px;
    right: -134px;
    border-top: 2px solid #dfdfdf
}

.projectdetails .stateList .list .item:last-child {
    margin-right: 0
}

.projectdetails .stateList .list .item:last-child:after {
    display: none
}

.projectdetails .stateList .list .item.eds:after {
    border-top: 2px solid #0083ff
}

.projectdetails .stateList .list .item.edds:after {
    width: 67px;
    border-top: 2px solid #0083ff;
    right: -67px
}

.projectdetails .stateList .list .item.edds:before {
    content: "";
    width: 134px;
    position: absolute;
    top: 22px;
    right: -134px;
    border-top: 2px solid #dfdfdf
}

.projectdetails .stateList .operation {
    position: absolute;
    top: 20px;
    right: 35px
}

.projectdetails .stateList .operation button {
    display: block;
    height: 46px;
    min-width: 140px;
    font-size: 18px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #0083ff;
    color: #0083ff;
    background-color: #fff
}

.projectdetails .stateList .operation button:first-child {
    color: #fff;
    background-color: #0083ff;
    margin-bottom: 20px
}

.projectdetails .stateList .operation button:first-child:hover {
    background: #66b1ff;
    border-color: #66b1ff
}

.projectdetails .stateList .operation a {
    display: block;
    padding: 10px 0;
    height: 46px;
    min-width: 140px;
    color: #fff;
    font-size: 18px;
    background-color: #0083ff;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #0083ff;
    margin-top: 35px
}

.projectdetails .middle {
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    padding: 0 45px 50px
}

.projectdetails .middle .basicdetails {
    width: 100%;
    padding-top: 63px
}

.projectdetails .middle .basicdetails h2 {
    margin-bottom: 45px;
    font-size: 18px;
    line-height: 18px;
    color: #222;
    font-weight: 700;
    white-space: pre-wrap
}

.projectdetails .middle .basicdetails .information {
    width: 100%;
    padding-bottom: 32px;
    border-bottom: 1px solid #e5e5e5;
    display: table
}

.projectdetails .middle .basicdetails .information .left, .projectdetails .middle .basicdetails .information .right {
    display: table-cell;
    vertical-align: top
}

.projectdetails .middle .basicdetails .information .left {
    width: 661px;
    padding: 15px 0 0!important;
    border-right: 1px solid #e5e5e5
}

.projectdetails .middle .basicdetails .information .left .introduce li {
    float: left;
    width: 50%;
    margin-bottom: 28px
}

.projectdetails .middle .basicdetails .information .left .introduce li i {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-bottom: -2px
}

.projectdetails .middle .basicdetails .information .left .introduce li i.typeIcon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAY1BMVEUAAACZmZmLi4uRkZGWlpaVlZWXl5eampqYmJiYmJiZmZmZmZmXl5eXl5eampqYmJiYmJiYmJiXl5eYmJiZmZmYmJiZmZmYmJiZmZmZmZmYmJiYmJiYmJiYmJiYmJiZmZmZmZnGV5wiAAAAIXRSTlMACgsOJykqODlISU5PXl5fYXBxrK2urr+/wcLDxNLT09Xys1eKAAAAcElEQVR4XrXPQQ6DMAxE0Q+hgRRCANyGkBa4/ymLLHXFmtm8hS3Lw7ju3331xqsj5ME+7CC1qBkOC9jkknrAVgFVfEZ1u2z8b7wbUT8QXktc5q7s1B5M45yrCwrVgJdzIm3Zqv1Nf0z5bJmCCerEJT+iOAu7kDJkagAAAABJRU5ErkJggg==) no-repeat 50%
}

.projectdetails .middle .basicdetails .information .left .introduce li i.timeIcon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAACqqqqfn5+Li4uRkZGZmZmWlpaampqWlpadnZ2ZmZmVlZWXl5eampqZmZmZmZmXl5eampqYmJiYmJiZmZmZmZmYmJiYmJiZmZmZmZmYmJiYmJiYmJiYmJiYmJiZmZlSWoZvAAAAH3RSTlMAAwgLDg8WHCIiKCkvMDVVVlZXnKCkpabG0NHd6/r8q6JHFQAAAIpJREFUeF5lj9sOwiAQBcfSaoVCtdALIPT//1LDPmjivO0ku2cPAM7nWrN3CCqUfbF22UtQbT6SgStg0qGAkAYYC8CQArhiAH0CYIrDb3wFmyc/fsUzU62IrusuYKsI7ueHVxOywqi1vsEjt6OCHJVYQWIJsUegj6G9HrUIHQ+FlFvnaZrXVu6v/hsMtAlCg4FywgAAAABJRU5ErkJggg==) no-repeat 50%
}

.projectdetails .middle .basicdetails .information .left .introduce li i.closeIcon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAA0ElEQVQY02NgAIMZ02doMcDBdJ0Zk+CcmRoz22c8n7l9xnwYnLl95uOZrbPUQPosZ7yZ2TLz+oyO6QkwOKNj5qUZbTPfTjdjmLFjRiLQhMzp0gjDp8rOSAOKpczYyjDj7mxFBqxgmtKsawwz7wPtuY8VPp55HSg91Wa6AjY41QYsPV0Bu+HTFXBIN7BME8QjPXPLzF8zTHBLb5z5c6YRbsOZJvFBDZ9xfJYLdqfNcp9xhGFW7Mx7090xvTXNE+jzKFCox8w8PPM6Bjw8I5KBAQALL5U2D1oZbQAAAABJRU5ErkJggg==) no-repeat 50%
}

.projectdetails .middle .basicdetails .information .left .introduce li span {
    font-size: 16px;
    line-height: 16px;
    color: #999;
    word-wrap: break-word
}

.projectdetails .middle .basicdetails .information .left .introduce li span em {
    font-size: 16px;
    line-height: 16px;
    color: #333
}

.projectdetails .middle .basicdetails .information .left .introduce li:last-of-type {
    margin-bottom: 0
}

.projectdetails .middle .basicdetails .information .right {
    padding: 27px 21px 27px 45px
}

.projectdetails .middle .basicdetails .information .right .avtor, .projectdetails .middle .basicdetails .information .right .imgBox {
    width: 90px;
    height: 90px;
    margin-right: 20px;
    border-radius: 50%;
    float: left
}

.projectdetails .middle .basicdetails .information .right .imgBox {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.projectdetails .middle .basicdetails .information .right p {
    color: #999;
    font-size: 16px
}

.projectdetails .middle .basicdetails .information .right p .name {
    color: #333;
    font-size: 30px;
    padding-right: 10px;
    font-weight: 700;
    display: inline-block;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.projectdetails .middle .basicdetails .information .right p .title {
    position: relative;
    top: -10px
}

.projectdetails .middle .basicdetails .information .right .operation {
    margin-top: 10px
}

.projectdetails .middle .basicdetails .information .right .operation button {
    height: 34px;
    width: 88px;
    border-radius: 4px;
    cursor: pointer
}

.projectdetails .middle .basicdetails .information .right .operation button:first-child {
    color: #0083ff;
    font-size: 14px;
    border: 1px solid #0083ff;
    margin-right: 10px;
    background-color: #fff
}

.projectdetails .middle .basicdetails .information .right .operation button:last-child {
    color: #fff;
    font-size: 14px;
    border: 1px solid #0083ff;
    background-color: #0083ff
}

.projectdetails .middle .basicdetails .information .right .des {
    clear: both;
    padding-top: 10px
}

.projectdetails .middle .basicdetails .information .right .des span {
    color: #999;
    font-size: 14px;
    margin-right: 25px
}

.projectdetails .middle .basicdetails .information .right .des span:last-child {
    margin-right: 0
}

.projectdetails .middle .basicdetails .information .right .des span:last-child i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-bottom: -4px;
    cursor: pointer;
    background: url(static/images/wechat@2x.276431e.png) no-repeat 50%;
    margin-right: 10px;
    background-size: 100% 100%
}

.projectdetails .middle .basicdetails .information .right .des span:last-child i:first-of-type {
    position: relative
}

.projectdetails .middle .basicdetails .information .right .des span:last-child i:nth-of-type(2) {
    background: url(static/images/web@2x.2a43cb1.png) no-repeat 50%;
    background-size: 100% 100%
}

.projectdetails .middle .basicdetails .information .right .des span:last-child i:nth-of-type(3) {
    background: url(static/images/qzone@2x.ccaf57c.png) no-repeat 50%;
    background-size: 100% 100%
}

.projectdetails .middle .basicdetails .information .right .des span:last-child .qrcode {
    position: absolute;
    top: 25px;
    right: -61px;
    overflow: hidden;
    width: 144px;
    height: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACWCAMAAAAGwfGXAAAAY1BMVEUAAAAAkf4Af/4Ag/4AhP4Agf4Agv4Agv4Agv4Ag/4Ag/8Agv4Ag/4Agv4Agv4Ag/5NqP9Oqf9Pqf+Fw/+FxP/A4f/B4f/y+f/2+v8rmP/p9P////8smP/1+v9MqP8Ag/+93/8QD7rtAAAAEHRSTlMABxwdcHBxf8vLzM/S8vb3aSasfAAAAP5JREFUeF5ioBJgZ2cYVIBdUpJ9cLlHSkqSfVC5R1paSpJ9ULkH5qLB4h5quoiRlYtPngIgIyUtDXMRJebwcrIxMgABE7ecgiygnTvIQRAIgijag4QQnAAiAglRvP8p9Ri9eP8Eb1HrOhO0fz+1iSh1PdP0rCXax5mopYv+lQm09TG+M4GOKa4zVVd+EBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQENC4JzvV6rdkt2PdkuuYLdd13VpLRHOftyPFfra53uJfaYfpStA0dCXiBz6ckd3vDfnlAAAAAElFTkSuQmCC) no-repeat 50%
}

.projectdetails .middle .basicdetails .information .right .des span:last-child .qrcode img {
    display: block;
    margin: 0 auto;
    border-radius: 15px
}

.projectdetails .middle .basicdetails .information .right .des span:last-child .sharrwx:hover .qrcode {
    height: 150px;
    padding-top: 7px
}

.projectdetails .middle .projectinf {
    width: 100%;
    padding-top: 45px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5
}

.projectdetails .middle .projectinf .top {
    margin-bottom: 76px
}

.projectdetails .middle .projectinf .top .budget {
    float: left;
    margin-right: 110px
}

.projectdetails .middle .projectinf .top .budget h2 {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 20px;
    color: #666
}

.projectdetails .middle .projectinf .top .budget h2 i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    margin-bottom: -4px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAA2FBMVEUAAAAAAAB/f38/Pz9mZmZtbW1fX19UVFRcXFxbW1tmZmZhYWFjY2NiYmJmZmZkZGRnZ2dkZGRnZ2dkZGRiYmJlZWVkZGRnZ2dmZmZjY2NnZ2dlZWVkZGRnZ2dmZmZkZGRlZWVkZGRlZWVlZWVmZmZnZ2dmZmZlZWVlZWVmZmZmZmZmZmZmZmZlZWVmZmZlZWVlZWVlZWVmZmZlZWVlZWVlZWVmZmZlZWVlZWVlZWVmZmZlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVmZmZlZWVmZmZmZmbOtIuLAAAAR3RSTlMAAQIEBQcICQsOFBUXGh4hJSYqKzE3ODs+QEpOT09QVFhbZGprb3CHj5Oaoqepq6+ytLa3ubzAwcPGx8zO1dri5+zu7/D6/lofl9UAAAC/SURBVHhefc7rUoJQFIbhTxQNRTtgKFhohoCnPICmW1DQat3/HTmbAVGaen8+M2vNB49+5YL6aq4+gVTkUv/Gu2c1q5GgSVdtEoRYzhL++4lODZC6UL6J6DNFL5ClrQ+hpWnaQ4rSNmCBfHveC49EX6F5g9VXY74xjDpeXB6L8X5grX3LeoKzt23boyFHnbEwYuwNzgxonkaFZKczAcBRicYCcvgYTotIsa3HuDvMSuD4rl36oKUI3uKHslaV2M422i0CNugVkAAAAABJRU5ErkJggg==) no-repeat 50%
}

.projectdetails .middle .projectinf .top .budget p {
    font-size: 32px;
    line-height: 32px;
    color: #f77272
}

.projectdetails .middle .projectinf .describe .title {
    margin-bottom: 20px
}

.projectdetails .middle .projectinf .describe .title h2 {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 18px;
    color: #333;
    font-weight: 700
}

.projectdetails .middle .projectinf .describe .title em {
    display: block;
    width: 30px;
    height: 3px;
    background: #e5e5e5;
    border-radius: 1px
}

.projectdetails .middle .projectinf .describe .content {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    word-wrap: break-word;
    text-align: justify
}

.projectdetails .middle .projectinf .describe .content p {
    margin-bottom: 37px;
    white-space: pre-wrap
}

.projectdetails .middle .projectinf .describe .content .doc li a {
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    font-weight: 700
}

.projectdetails .middle .projectinf .describe .content .doc li a i {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    margin-top: 3px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAxlBMVEUAAAA4ODgzMzMuLi4qKio2NjYtLS01NTUzMzMwMDAuLi4sLCw1NTUxMTEzMzMvLy82NjY0NDQzMzMxMTEzMzMxMTEyMjIyMjIxMTEyMjIxMTEyMjIyMjIyMjIyMjIxMTEzMzMyMjIyMjIyMjIzMzMzMzMzMzMyMjIyMjIzMzMyMjIyMjIzMzMzMzMyMjIzMzMzMzMyMjIyMjIyMjIzMzMzMzMyMjIyMjIyMjIyMjIzMzMyMjIyMjIzMzMyMjIyMjIzMzMzMzPi8kKNAAAAQXRSTlMACQoLDA4RExQVFhcYGh4gISIoKVBYWltcYGJkZWtwgIGHlpeanp+isbO3z9DR1NXa3d7f3+Dh4uPn6uvs7/f6/nmhV10AAACaSURBVHhefcxhE4FAFIXhAwqBpRBAEEQoUgn+/58ybGk3M70fnzn3oqD7wS+zhm/6oS2HLW3zSNXvIGq0lUINZAYhmTZJ4A4oGRfC4fDeAkRjzyG5Pc6W5bkcQpBVVZ1R5FMiLFZoIoPkFfasxohGk1b/LNN+ltcb2kqIMTeZ0saZ9PN/9LoJHDjA4tRT2PqOBuTnV5fN0bJ4A5ToHidInHTNAAAAAElFTkSuQmCC) no-repeat 50%
}

.projectdetails .middle .projectinf .describe .content .doc li a p {
    margin-bottom: 25px
}

.projectdetails .middle .projectinf .describe .content .doc li a p:hover {
    color: #0083ff
}

.projectdetails .middle .projectinf .describe .content .img .imgBox {
    display: inline-block;
    width: 180px;
    height: 180px;
    margin-right: 19px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.projectdetails .middle .projectinf .describe .content .img .imgBox:last-child {
    margin-right: 0
}

.projectdetails .middle .page {
    padding-top: 29px
}

.projectdetails .middle .page p {
    font-size: 14px;
    line-height: 14px;
    color: #999
}

.projectdetails .middle .page p a {
    color: #333
}

.projectdetails .middle .page .last {
    margin-bottom: 14px
}

.projectdetails .intention {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 99
}

.projectdetails .intention .intentioncon {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    width: 840px;
    margin: 0 auto;
    background: #fff;
    padding: 40px 120px 42px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.projectdetails .intention .intentioncon h2 {
    font-size: 30px;
    line-height: 30px;
    color: #333;
    margin-bottom: 54px;
    font-weight: 700
}

.projectdetails .intention .intentioncon .offer {
    position: relative;
    margin-bottom: 40px
}

.projectdetails .intention .intentioncon .offer p {
    margin-bottom: 13px;
    font-size: 16px;
    line-height: 16px;
    color: #666
}

.projectdetails .intention .intentioncon .offer p em, .projectdetails .intention .intentioncon .offer p i {
    color: #ff7070
}

.projectdetails .intention .intentioncon .offer .offerinput {
    width: 100%;
    height: 54px;
    padding: 0 29px 0 15px;
    font-size: 16px;
    line-height: 54px;
    border: 1px solid #e5e5e5
}

.projectdetails .intention .intentioncon .offer input::-webkit-input-placeholder {
    color: #ccc
}

.projectdetails .intention .intentioncon .offer input:-moz-placeholder, .projectdetails .intention .intentioncon .offer input::-moz-placeholder {
    color: #ccc
}

.projectdetails .intention .intentioncon .offer input:-ms-input-placeholder {
    color: #ccc
}

.projectdetails .intention .intentioncon .offer span {
    position: absolute;
    right: 13px;
    bottom: 19px;
    font-size: 16px;
    line-height: 16px;
    color: #333
}

.projectdetails .intention .intentioncon .instructions {
    position: relative;
    margin-bottom: 16px
}

.projectdetails .intention .intentioncon .instructions p {
    margin-bottom: 13px;
    font-size: 16px;
    line-height: 16px;
    color: #666
}

.projectdetails .intention .intentioncon .instructions p i {
    color: #ff7070
}

.projectdetails .intention .intentioncon .instructions #text {
    width: 100%;
    height: 162px;
    padding: 18px 14px 30px;
    resize: none;
    border-color: #e5e5e5;
    font-size: 16px;
    line-height: 22px
}

.projectdetails .intention .intentioncon .instructions textarea::-webkit-input-placeholder {
    color: #ccc
}

.projectdetails .intention .intentioncon .instructions textarea:-moz-placeholder, .projectdetails .intention .intentioncon .instructions textarea::-moz-placeholder {
    color: #ccc
}

.projectdetails .intention .intentioncon .instructions textarea:-ms-input-placeholder {
    color: #ccc
}

.projectdetails .intention .intentioncon .instructions span {
    position: absolute;
    right: 14px;
    bottom: 10px;
    font-size: 14px;
    line-height: 14px;
    color: #ccc
}

.projectdetails .intention .intentioncon h3 {
    margin-bottom: 75px;
    font-size: 14px;
    line-height: 14px;
    color: #666
}

.projectdetails .intention .intentioncon h3 a {
    color: #0083ff
}

.projectdetails .intention .intentioncon .button {
    text-align: right
}

.projectdetails .intention .intentioncon .button button {
    width: 120px;
    height: 42px;
    padding: 14px 0;
    border: none;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s
}

.projectdetails .intention .intentioncon .button .cancel {
    margin-right: 20px;
    color: #0083ff;
    border: 1px solid #2d93f9;
    background: #fff
}

.projectdetails .intention .intentioncon .button .cancel:hover {
    background: #f1faff
}

.projectdetails .intention .intentioncon .button .determine {
    color: #fff;
    background: #2d93f9
}

.projectdetails .intention .intentioncon .button .determine:hover {
    background: #66b1ff
}

.projectdetails .popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 99
}

.projectdetails .popup .popcon {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    width: 546px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    background: #fff;
    padding: 40px 0;
    margin: 0 auto;
    border-radius: 8px;
    -webkit-box-shadow: 4px 0 9px rgba(0, 57, 116, .08);
    box-shadow: 4px 0 9px rgba(0, 57, 116, .08)
}

.projectdetails .popup .popcon .close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 15px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAG1BMVEUAAACUlJSZmZmXl5eZmZmXl5eZmZmZmZmZmZmNAi8EAAAACHRSTlMAGDo7P0B06dqRrk0AAABOSURBVHheVY0xCoBADAQHPftDP2J3bbpr7WwtfYDc+2XAFC4ksMNuwoqaKi0A+s7yAMV1BvQAkQCtwMAQqPviTzJTsqV18jLt+H5tqLm+Zk0M5socXLUAAAAASUVORK5CYII=) no-repeat 50%;
    cursor: pointer
}

.projectdetails .popup .popcon img {
    display: block;
    margin: 0 auto 28px;
    height: auto;
    max-width: 100%
}

.projectdetails .popup .popcon h2 {
    font-size: 18px;
    line-height: 18px;
    color: #666;
    text-align: center
}

.projectdetails .popup .popcon .btn {
    width: 180px;
    height: 50px;
    padding: 15px 0;
    margin: 80px auto 0;
    background: #0083ff;
    border-radius: 25px;
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.projectdetails .popup .popcon .btn:hover {
    background: #66b1ff
}

.projectdetails .popup .popcon .button {
    padding: 0 50px
}

.projectdetails .popup .popcon .button .left {
    float: left
}

.projectdetails .popup .popcon .button .right {
    float: right
}

.el-alert {
    width: 100%;
    padding: 8px 16px;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.el-alert.is-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.el-alert--success {
    background-color: #f0f9eb;
    color: #67c23a
}

.el-alert--success .el-alert__description {
    color: #67c23a
}

.el-alert--info {
    background-color: #f4f4f5;
    color: #909399
}

.el-alert--info .el-alert__description {
    color: #909399
}

.el-alert--warning {
    background-color: #fdf6ec;
    color: #e6a23c
}

.el-alert--warning .el-alert__description {
    color: #e6a23c
}

.el-alert--error {
    background-color: #fef0f0;
    color: #f56c6c
}

.el-alert--error .el-alert__description {
    color: #f56c6c
}

.el-alert__content {
    display: table-cell;
    padding: 0 8px
}

.el-alert__icon {
    font-size: 16px;
    width: 16px
}

.el-alert__icon.is-big {
    font-size: 28px;
    width: 28px
}

.el-alert__title {
    font-size: 13px;
    line-height: 18px
}

.el-alert__title.is-bold {
    font-weight: 700
}

.el-alert .el-alert__description {
    font-size: 12px;
    margin: 5px 0 0
}

.el-alert__closebtn {
    font-size: 12px;
    color: #c0c4cc;
    opacity: 1;
    position: absolute;
    top: 12px;
    right: 15px;
    cursor: pointer
}

.el-alert__closebtn.is-customed {
    font-style: normal;
    font-size: 13px;
    top: 9px
}

.el-alert-fade-enter, .el-alert-fade-leave-active {
    opacity: 0
}

.cantapply .box-body {
    width: 546px;
    height: 360px;
    border-radius: 8px
}

.cantapply .closebox {
    position: absolute;
    right: 16px;
    top: 13px;
    cursor: pointer;
    color: #9c9c9c
}

.cantapply .cantapply_content {
    margin: 48px auto;
    text-align: center
}

.cantapply .cantapply_content img {
    width: 130px;
    height: 130px
}

.cantapply .cantapply_content p {
    color: #666;
    font-size: 18px;
    margin: 28px 0 40px
}

.cantapply .cantapply_content button {
    background: #0083ff;
    border-radius: 4px;
    width: 120px;
    height: 42px;
    color: #fff;
    font-size: 14px;
    border: none;
    cursor: pointer
}

em, i {
    list-style: none
}

h2, h3 {
    font-weight: 400
}

.blogdetails, body {
    background: #fafafa
}

.blogdetails {
    padding-bottom: 42px
}

.blogdetails .ql-editor {
    white-space: pre-line
}

.blogdetails .tip {
    background: #fff5e9;
    border: 1px solid #ffd9ae;
    color: #999;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 20px
}

.blogdetails .tip img {
    margin: 0 8px 0 11px;
    vertical-align: middle
}

.blogdetails .tip a {
    color: #ff9400;
    display: inline-block;
    width: 70px;
    margin-left: 5px
}

.blogdetails textarea::-webkit-input-placeholder {
    font-family: MicrosoftYaHei PingFangSC-Regular
}

.blogdetails textarea::-moz-placeholder {
    font-family: MicrosoftYaHei PingFangSC-Regular
}

.blogdetails textarea:-ms-input-placeholder {
    font-family: MicrosoftYaHei PingFangSC-Regular
}

.blogdetails .mainpart {
    width: 100%;
    height: 100%
}

.blogdetails .mainpart .middle {
    width: 1200px;
    margin: 0 auto
}

.blogdetails .mainpart .blog-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: #fff;
    border-bottom: 1px solid hsla(0, 0%, 41%, .35);
    z-index: 1300
}

.blogdetails .mainpart .blog-header h2 {
    float: left;
    width: 79%;
    padding: 24px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 32px;
    line-height: 32px;
    color: #333
}

.blogdetails .mainpart .blog-header .publisher {
    float: right;
    padding: 16px 0
}

.blogdetails .mainpart .blog-header .publisher img {
    float: left;
    margin-right: 13px;
    border-radius: 50%
}

.blogdetails .mainpart .blog-header .publisher .name {
    float: left;
    max-width: 94px;
    margin-right: 10px;
    font-size: 16px;
    line-height: 47px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.blogdetails .mainpart .blog-header .publisher .attention {
    float: left;
    width: 76px;
    height: 30px;
    padding: 8px 0;
    margin-top: 8px;
    background: #008ffa;
    border-radius: 4px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.blogdetails .mainpart .blog-header .publisher .has {
    background: #e5e5e5;
    color: #999
}

.blogdetails .mainpart textarea {
    border: none
}

.blogdetails .mainpart .title {
    width: 100%;
    background: #fff;
    border-top: 1px solid #f8f8f8;
    padding: 17px 0 21px;
    margin-bottom: 31px
}

.blogdetails .mainpart .title .top {
    margin-bottom: 11px
}

.blogdetails .mainpart .title .top li {
    float: left;
    height: 24px;
    margin-right: 7px;
    padding: 5px 10px;
    background: #eaf3ff;
    font-size: 14px;
    line-height: 14px;
    color: #008ffa;
    text-align: center
}

.blogdetails .mainpart .title h2 {
    margin-bottom: 14px;
    font-size: 32px;
    line-height: 32px;
    color: #333;
    word-wrap: break-word
}

.blogdetails .mainpart .title .introduce .publisher {
    float: left
}

.blogdetails .mainpart .title .introduce .publisher img {
    float: left;
    margin-right: 13px;
    border-radius: 50%
}

.blogdetails .mainpart .title .introduce .publisher .name {
    float: left;
    margin-right: 10px;
    font-size: 16px;
    line-height: 47px;
    color: #333
}

.blogdetails .mainpart .title .introduce .publisher .attention {
    float: left;
    width: 76px;
    height: 30px;
    padding: 8px 0;
    margin-top: 8px;
    background: #008ffa;
    border-radius: 4px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.blogdetails .mainpart .title .introduce .publisher .has {
    background: #e5e5e5;
    color: #999
}

.blogdetails .mainpart .title .introduce .particulars {
    float: right
}

.blogdetails .mainpart .title .introduce .particulars p {
    float: left;
    font-size: 14px;
    line-height: 47px;
    color: #999
}

.blogdetails .mainpart .title .introduce .particulars p:first-child {
    margin-right: 28px
}

.blogdetails .mainpart .title .introduce .particulars p:nth-child(2) {
    margin-right: 30px
}

.blogdetails .mainpart .mainbody {
    position: relative;
    width: 959px;
    margin: 0 auto;
    min-height: 300px
}

.blogdetails .mainpart .mainbody .content {
    word-break: break-all
}

.blogdetails .mainpart .mainbody .content p {
    overflow-x: hidden
}

.blogdetails .mainpart .mainbody .content .ql-body ol li {
    list-style: decimal
}

.blogdetails .mainpart .mainbody .content .ql-body ul li {
    list-style: disc
}

.blogdetails .mainpart .mainbody .content .ql-body img {
    max-width: 100%;
    height: 100%
}

.blogdetails .mainpart .mainbody .ju_baoblog {
    margin-top: 30px;
    padding-bottom: 35px;
    border-bottom: 1px solid #e5e5e5
}

.blogdetails .mainpart .mainbody .ju_baoblog .label {
    float: left
}

.blogdetails .mainpart .mainbody .ju_baoblog .label li {
    float: left;
    padding: 8px;
    margin-right: 10px;
    background: #ebebeb;
    border-radius: 4px;
    font-size: 14px;
    line-height: 14px;
    color: #666
}

.blogdetails .mainpart .mainbody .ju_baoblog .label li:last-child {
    margin-right: 0
}

.blogdetails .mainpart .mainbody .ju_baoblog .clickjb {
    float: right;
    margin-top: 8px;
    font-size: 14px;
    line-height: 14px;
    color: #999;
    cursor: pointer
}

.blogdetails .mainpart .mainbody .ju_baoblog .clickjb i {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-bottom: -3px;
    margin-right: 4px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAARVBMVEUAAACpqcapqamzuL2vub+0ub+vtLmvubmxuL2wt7yyt7yzuL2xuL2xtruyt7yxt7yxt72yuLyxuL2yuL2xt7yyuL3///+p4t0jAAAAFXRSTlMACQkvMDAwMJWWlpeYmJnB19j4/f58gyrnAAAAY0lEQVR4XmWOQQ6AIAwEVwUFRaWF+v+nmkJirM6lmbl0ocwhM+cwozNuRRplH9SHUx5OLanJdbWTgKm+Q3WI8g4SQTYQ2Ab+BxIDIdqwwtm3/jPs+E/XkmrXmtSVJRIzrV7lBqe/EFBboyeUAAAAAElFTkSuQmCC) no-repeat 50%
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar {
    clear: both;
    z-index: 55;
    position: relative
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar em {
    display: inline-block;
    font-size: 14px;
    color: #999;
    margin-top: 12px;
    margin-left: 30px
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar li {
    cursor: pointer;
    display: inline-block;
    vertical-align: top
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar li i {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: bottom
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar li p {
    font-size: 14px;
    line-height: 16px;
    color: #999;
    text-align: center
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .sc {
    margin-top: 10px
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .sc i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAwFBMVEUAAAD///+/v7+qv7+2tra0w8O4uMatt7ewurqvr7ivuListL2xuL+utbu0tLqytruyt8Cvt7qytryzuL2xtryyub6yt76ytr2yub2xuLyyub2wtr2wt72xub2xt7uxtryyuLyxt7yxubyyt7uzuL2yt72xt7yyt72xt7yyt7yyuL2xuLyyuL2yt7yxuL2yt72xt7yxt72yt72xt7yxuLyxuLyxt7yyt72yuL2yuLyxt72yt7yxuL2xt7yyuL2yuL2OPv97AAAAP3RSTlMAAQQMDhESGRodHR8kJik1OUdNXmNqbnFxc3V4fICBg4aHi4yNj5WZmpqforC3zc/a4eXn5+rr8PLz9Pb4+v6u8pKxAAAAh0lEQVR4Xr3NxQ7DQBRD0QmWmZmZmzL5//+qSqQ8xdJs27v0WVj9pPQ1q4c5llqIv/BO6GAIYKIB5wbg7hKYmWJjtoPfdlotpIwQLuC8ECofhroc1AiakZdWBNr03xHoKSovkGMoC5QYxgIDhg2A0+gMYM1wwKNrKbv/xJ7BW8SCIbk6qv/1Be3kIucJDFeCAAAAAElFTkSuQmCC) no-repeat 50%;
    margin-bottom: -5px
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .sc:hover i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAvVBMVEUAAAAAAAA/P39VVWpbW1taWmlUVGNRW2VYWGJPV2BXV2BSWmJUXGNXXWRXXWNRW2VUXWJWWWRWWWNUXGRUWmRUW2VVXGNVXGNUWmNUW2RVW2NUWmJVW2NUWmJTW2NVW2JUXGRUW2RTW2RUXGNTWmNVXGNUW2NUW2NUXGVUW2NUXGNVXGNUW2RUXGNUXGNUXGNUW2NUW2RUW2RUW2NUW2RUW2NVXGNVW2RUXGNUW2NUXGNVW2NUW2NVXGRVXGS0g3T3AAAAPnRSTlMAAQQMDhESGRodHR8kJik1OUdNXmNqbnFzdXh8gIGDhoeLjI2PlZmamp+isLfNz9rh5efn6uvw8vP09vj6/lcfLiMAAACHSURBVHhevc3FDsNAFEPRSZEZgkVmSJn8/58VtVKeYmm26V36LKxiqXSt6GGOpRZyL7zzOhgCmGggfQNwzxAkyg1rtsO37bRTLxohXMCdQmh/GEw5MAnsyIsTAZf+PYGeomoCVYaWQJNhLDBg2ADwR2cAa4YDHt2kSvWf2DP4i+xvKKyO6n8FRHYiUdLLVgMAAAAASUVORK5CYII=) no-repeat 50%
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .ewm {
    margin: 10px 20px 0 10px
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .ewm i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABWVBMVEUAAAD///9/f39/f/+qqqrMzMyfn7+ysrKiubmpuLi4uLi4uMaptratubmtrbmxvLyyu8Ovt7+yuL+wvLyvtL60uL20uLyvt7qxuL+ytbyxuLuyubywt72yuL6yuL2wuLuyuL2yt7ywt7uyuL2wtr2yuL2xt72xt76xt72xt72xt72xub2xt7yxt7yxuLyyuL2xtryxuL2zuL2xuL2yt72yt7yxt7yxuLyyt72zt76xt7uxt7yyuL2xt72yuLyyt72xt72yt7yyt72xt7yxt7uxuL2yuL2xt7yyt7yxuL2xuL2yuL2yuL2yuLyyuL2xt7yyuLyxt7ywt7yxuLyxt7yyuLyxt7yyt72yt72yuL2xuLyxuLyyt72xt7yyt72xt72yt72xuLyyuLyxuLyyt7yxuL2xt7yyuLyyt7yyuL2xt7yyuLyxuL2yuL2xt7yxt7yyuL2yuL2yuL27r3DyAAAAcnRSTlMAAQICAwUICgsSEhIVFhYXHiAoKjM6QUdISUxNTlNaW2FncnR4eHl6fYCBhIeLjZCRlJeYmZqhoqSlp6iqrLCztre3ub7AwsXIys3O0dTV19ja29zd3+Di5ebm5+nr7O3t7u/x8/X19vb29/f4+fr7/P1ipnKAAAAA5klEQVR4Xq3MZVNCQRhA4Re8igWY3d2BAWYHKgpmYBdio+f/B+wddu4yfuX5emaO5FdB8+xpioetXn9uqNknK9FvGaHhHceSUyqeYbHlEOjp+IJB0aaAJgnAd7HrGJIlOlwCt2spILrD9XKgWgcc4b7pWOLzJFgnyg3aWJCsFfUL6TC5AbEf+DuAiEek6gPbUxeEZQBmZAGGRKT9F2V+G95GjiA+fAfnklF/DzB6gUmFwkeiL8ztYrhSoXG1Vtyl3m4M4yp4xFa0h8ZZmRjKN3WIVEoOV+v6KyTjdMo/bp/XstomJK/SeGdoNDpeKj0AAAAASUVORK5CYII=) no-repeat 50%
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .ewm:hover i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABXFBMVEUAAAAAAAD///9/f39VVVVVVapVqqpmmZlff39mf39/f39zc3Nxf39teXlzc39zf395eYV3f393f395f39zf39zfYJ2e391fYF2eoF0e4N2eoF1fIJ3eoF1fH90eoF2eYJ1e4B2e4B0e4B2e4F2e4F0e393e4F2eoB3e4F2fIB1e4F2fIB1e4F1fIB1fIB1eoB2e4F1e4B1fIF2fIF2e4J1fIF2e4B1fIF1e4B2fIF2fIF1e4F1e4B0eoF2fIF1e4B1e4B2e4F1fIB1fIB2fIF1fIB2e4B2fIB2e4B1fIF1e4B1e4B2fIB1e4B2e4B1e4F1e4B2e4F2fIF1e4F2e4B2e4B1e4F2fIB1e4B1e4F1fIB2fIB2e4F1fIB2fIB2fIF2e4F2e4F1fIB2e4F1fIB2e4F1e4F1e4F1e4F2fIB2e4B2fIF1e4F2e4B1e4F2e4B1e4F2fIF1e4F2fIHXyyTsAAAAc3RSTlMAAQECAwMDBQgKCgsSFRYWFx4gKCozOkFHSElMTU5TWlthZ3J0eHh5en2AgYSHi42QkZSUl5iZmqGipKWnqKqssLO2t7e5vsDCxcjKzc7O0dTV1dfY2tvc3d/g4uXm5ufp6+zt7u/x8/X29vb3+Pn6+/z9cvwWLgAAAOlJREFUeF6t0VVTQlEYRuFPwT4Sdnd3C2YHaWAGFsZBUdH1/2d0O+xhM+Mlz+2aeW9eyS9Hy8J5msRunyc31O6TYQ84jdD4RtZqsWjeZ1hpPQZ6O99hSLRZoFmm4aOi8BSSlg7XwP1mGjgKcrs2VaMDWYH+uZidOvPVi3KHNu4jY13t+XWY2YbYJ3wfQLRcpDqFwlM3BGQQ5mUZhkWk4wtlaQ9eR0/gZuQBLuVXQwJg7AqTCiWPHL6wGMIQV6Fpo04clrsHw4QKZfKnNIzGhSWGyh0dIlWSo6Bty4ZknK5/PnO5ipztk5JXP3wvad8YSqubAAAAAElFTkSuQmCC) no-repeat 50%
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .wb {
    margin: 10px 20px 0 0
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .wb i {
    background: url(static/images/wb.ab2d3b8.png) no-repeat 50%
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .wb:hover i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABy1BMVEUAAAAAAAB/f39VVVVmZmZ/f39tbW1tbZFff39xcY1/f391dXV1dYltf393d3d3d4h4eId4eIZ4eHhyf39zf391f396eoRye3tye4Nze4N3f39ze4N4eH91fIJzeX92fIJ0eX90en91en91en90eYF3e393e4N3e391eYF3e4N3e393e4N1eYF0e390e4N0e392fYF1fH91fIJ3eoF3eoF0eoF2fIJ2fH92eX91e4B1e4B0eX93fH91e4B2e4B1fIJ2e4B1fYJ3e4B1fIB2fYF1fIB2fIB1e390fIB2fIB2eoB2fIB1eoB2e4F2e4F1fIF1fIF1fIF1fIF2fIF1e4B2fIF1e4B2fIF1e4B1e4F1e4F2e4B1e4B2e4B1fIB1fIB2fIF2fIB2fIF2e4B1fIF2fIF2e4B1fIF2e4B1e4B2e4B1e4B2fIF1e4F2fIF1e4B2fIF1e4B1e4B1fIF2e4F1e4F2fIB2fIB1e4F2fIB1fIF1fIB1e4F2e4F1fIB2e4F1fIF2e4F1e4B2e4F1fIB2e4F1e4F2e4F1fIB2fIB2fIB2e4B2fIB1e4F2e4B2fIF1e4F1e4B2fIF1e4F2fIF1e4F1e4B2fIF2fIHpoDdWAAAAmHRSTlMAAQIDBQYHBwgJDA0NDg8PERMTFBYaGx0dHyAhIiUqLS4wMjQ7PDw+P0BCQkNERkhLTExNT1FSVFRZW1xcXV9iY2Zrb3BxfYCBgYODiY6QkpieoKKjpqeoqamqr7Cztre3vL2+v8HCw8TMzM7P0dHS09TW19rb3N7f4OHi4+Xm5+jp6uvs7e/v8PL09vb3+Pj5+vr7/P3+/k22+wMAAAEuSURBVHhercnZOwIBGMXhz9DYEcoO2UN2gZIdIsm+79lJEJCdEIE6f65pRs8zF93x3p3foT+r+7qeyPV3FFmdgIHx87BsvR0GUYitqGS5XuyxaZPtnhxflpneAZP379qBtgGjv730Dhw7P4K3jtmXS6FrPuFlSeuY3xyQdCN8H3xXf0OkqXCcOXv09qxniDVyqVrN9aBdACstCml0gqrvAagJJIEOsOWTpERXxhLFLQB76cKxinMZKU4AWOOJom64J4A/XtFMzAHgvEU/F8YAyPnjCZmUgaH2yWkscWEOcIXyxyyqKO+eoUXASJTiAkaIV+BeCwm7MA4Dp0kUsw5cJZKgzb2cKtebzb1SUh0CRxnko9z4mGotV9b2bAMOfQSJZHfO2N7gsAxqIun//QDa72huti8plQAAAABJRU5ErkJggg==) no-repeat 50%
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .qq {
    margin-top: 10px
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .qq i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAA6lBMVEUAAAAAAAB/f3+qqqqZmZmqqtS2traysrKvr7+vv7+0tLSysr+2tra2tsKtubm0tL+tt7evuMGvt7estLu0u7uwt72vtL2vtrqwtryxt72xtry0ubyzuL2yt7yxuLyxuLyytruxt7uxuLywtruwuLuwt72yt72xt7yyuLyxt72xt7uyuLyyub2yt7yyt72xt7yyt7yyt7yyuLyxt7yyuLyxt7yxt72xt72yt7yxuLyxuLyyuL2yt72xuLyyt72xuLyyt7yyuLyxt72xuL2yt7yyt7yyt7yxt7yxt7yyuL2xt7yyuL2yuL2yuL2gKsAgAAAATXRSTlMAAQIDBQYHChAQERQVFRYYGR0gIiInOkpYWVxcYmtscHGAg4mJj5Okpqqvsbe9vsDBxcfQ1Nfa4eLj5+jp6u3u7+/w8fb3+fr7/P39/h4JoqUAAAChSURBVHhenc3FEsJAFETRwd3d3S1AcAkqAd7//w5VKZjpYZm77LNoZj5bfnx9zev+f/AoZLRNymAd0rdjXIIc8boSjAToQYQLiVIADoLSALEnQAegTBiclBDWdg7eDcIhwKFCUlUOqgwqB53uCA8OWnsiYNe/cYhaCgIariwTOWc/2IcZFJoSb5kAKBrTYmBIDcDdOr9XTR/LKCetF2Hm+gDhZ0bDQO4lnwAAAABJRU5ErkJggg==) no-repeat 50%
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .qq:hover i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAA7VBMVEUAAAAAAAB/f39VVVVmZmZ/f39tbW1/f39vf39/f394eHhyf395eXl5eYVzc39zf390f39wenpye4N3d394eH91fIJ2e391fH9zfH91e4B0fH93fIJ1fIJ0e4B2eoF2en91fIB1e390fIB1eoB1fIB1e4B1e4J2fIF2fIF1fIF2e4B2e4F2fIF1fIB2e4B2e4B1fIB1fIF1fIF1fIF1e4B1e4B1e4B2e4B1e4F1fIB1e4F2e4F1fIB2e4F1fIB2e4F1fIB1e4F2e4F1e4B1e4F2e4B2e4F1e4F2e4B1e4F1e4F2fIF1e4F2fIF2fIEEIf2TAAAATnRSTlMAAQIDBQYHChAQERQVFRYWGBkdICInOkpYWVxcYmtscHGAg4mJj5Okpqqvsbe9vsDBwcXH0NTX2uHi4+fo6ert7u/v8PH29/n6+/z8/f5HwWSBAAAAn0lEQVR4Xp3J1RLCMBBA0eDuxd3daVEpbmX//3OYycBmw2Pv4z3MfLbc5GrMq/5/8IyAt03IYB3At6MiQRawjgRDAa8ghQuIkgQcQEoRUAwCbQIloIUEFCms7QjeDYVDAKEMUhUEVQYV4Ql3Cg8EvTUVsOvdEGKWvIC6K8NETu0H+wgjhWeALeMECnwt+lxqBNzN83vV8LH0+KR3o8xcH+XlR63rKQSDAAAAAElFTkSuQmCC) no-repeat 50%
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .collect i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAvVBMVEUAAAAAAAA/P39VVWpbW1taWmlUVGNRW2VYWGJPV2BXV2BSWmJUXGNXXWRXXWNRW2VUXWJWWWRWWWNUXGRUWmRUW2VVXGNVXGNUWmNUW2RVW2NUWmJVW2NUWmJTW2NVW2JUXGRUW2RTW2RUXGNTWmNVXGNUW2NUW2NUXGVUW2NUXGNVXGNUW2RUXGNUXGNUXGNUW2NUW2RUW2RUW2NUW2RUW2NVXGNVW2RUXGNUW2NUXGNVW2NUW2NVXGRVXGS0g3T3AAAAPnRSTlMAAQQMDhESGRodHR8kJik1OUdNXmNqbnFzdXh8gIGDhoeLjI2PlZmamp+isLfNz9rh5efn6uvw8vP09vj6/lcfLiMAAACHSURBVHhevc3FDsNAFEPRSZEZgkVmSJn8/58VtVKeYmm26V36LKxiqXSt6GGOpRZyL7zzOhgCmGggfQNwzxAkyg1rtsO37bRTLxohXMCdQmh/GEw5MAnsyIsTAZf+PYGeomoCVYaWQJNhLDBg2ADwR2cAa4YDHt2kSvWf2DP4i+xvKKyO6n8FRHYiUdLLVgMAAAAASUVORK5CYII=) no-repeat 50%
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .shareqrcode {
    overflow: hidden;
    position: absolute;
    top: 50px;
    left: 115px;
    width: 257px;
    padding: 16px 0 18px 46px;
    background: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    box-shadow: 0 0 15px rgba(0, 0, 0, .2)
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .shareqrcode h3 {
    padding-left: 11px;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 18px;
    color: #333
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .shareqrcode .close {
    position: absolute;
    top: 11px;
    right: 12px;
    width: 14px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAMAAADjyg5GAAAAQlBMVEUAAAAAAAAcHBwiEREiFxciGREfGRMjGRQgFRUhGBUhFxQjGBMiFxUjFxQjFxUiFxUiFxUjFxUiFxQiGBQjFxQiFxW0LljaAAAAFnRSTlMABQkPFh4oMkZUY3SFlrXCztjb3+Hj56Yi0gAAAFJJREFUeF5dT1cKQDEMsnPvcf+rPkppH8QfMUFj0A0eTIdd+iq9LOCGOkoNt8k3uUk2f8ahCkDUcE2xcF4iHlLOCT/YnAx0S700md4lrUhn8tEHhIkDc66h/JMAAAAASUVORK5CYII=) no-repeat 50%;
    cursor: pointer
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .shareqrcode img {
    display: block;
    margin: 15px 0 17px
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .shareqrcode p {
    padding-left: 3px;
    font-size: 14px;
    line-height: 14px;
    color: #999;
    text-align: left
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .shareqrcode p:last-child {
    margin-top: 8px
}

.blogdetails .mainpart .mainbody .related {
    margin-top: 32px;
    margin-bottom: 80px
}

.blogdetails .mainpart .mainbody .related h3 {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 14px;
    color: #666
}

.blogdetails .mainpart .mainbody .related p {
    font-size: 14px;
    line-height: 14px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.blogdetails .mainpart .mainbody .related p a {
    color: #999
}

.blogdetails .mainpart .mainbody .related p em {
    color: #333
}

.blogdetails .mainpart .mainbody .related .prev:hover em {
    color: #0083ff
}

.blogdetails .mainpart .mainbody .related .next {
    margin-top: 14px
}

.blogdetails .mainpart .mainbody .related .next:hover em {
    color: #0083ff
}

.blogdetails .mainpart .mainbody .comments {
    padding-top: 20px
}

.blogdetails .mainpart .mainbody .comments h3 {
    font-size: 16px;
    line-height: 16px;
    color: #666
}

.blogdetails .mainpart .mainbody .comments h3 em {
    font-size: 12px;
    line-height: 14px;
    color: #999
}

.blogdetails .mainpart .mainbody .comments .nologincomments {
    width: 100%;
    height: 120px;
    padding: 33px 42px 34px 43px;
    margin-top: 19px;
    margin-bottom: 85px;
    background: #fff
}

.blogdetails .mainpart .mainbody .comments .nologincomments img {
    float: left;
    border-radius: 50%;
    margin-right: 19px
}

.blogdetails .mainpart .mainbody .comments .nologincomments p {
    float: left;
    margin-top: 20px;
    font-size: 14px;
    line-height: 14px;
    color: #999
}

.blogdetails .mainpart .mainbody .comments .nologincomments .btn {
    float: right;
    width: 70px;
    height: 30px;
    padding: 8px 0;
    margin-top: 12px;
    background: #0083ff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.blogdetails .mainpart .mainbody .comments .inputcomments {
    width: 100%;
    margin-top: 19px;
    margin-bottom: 30px
}

.blogdetails .mainpart .mainbody .comments .inputcomments .input img {
    float: left;
    margin-top: 5px;
    margin-right: 19px;
    border-radius: 50%
}

.blogdetails .mainpart .mainbody .comments .inputcomments .input #comments {
    float: left;
    width: 886px;
    height: 60px;
    padding: 21px 17px 17px;
    resize: none;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-size: 14px;
    line-height: 20px;
    color: #999
}

.blogdetails .mainpart .mainbody .comments .inputcomments .send {
    padding: 25px 0 0 78px
}

.blogdetails .mainpart .mainbody .comments .inputcomments .send .emoji-box {
    position: relative;
    float: left;
    width: 27px;
    height: 27px
}

.blogdetails .mainpart .mainbody .comments .inputcomments .send .emoji-box.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.blogdetails .mainpart .mainbody .comments .inputcomments .send .emoji-box .emoji-img {
    display: block;
    width: 27px;
    height: 27px;
    cursor: pointer
}

.blogdetails .mainpart .mainbody .comments .inputcomments .send .emoji-box .emoji {
    position: absolute;
    left: -10px;
    top: 24px;
    width: 430px;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    background: #fff;
    z-index: 99
}

.blogdetails .mainpart .mainbody .comments .inputcomments .send .emoji-box .emoji .el-button {
    position: absolute;
    border: none;
    color: #ff4949;
    right: -40px;
    top: 24px;
    font-size: 24px;
    z-index: 999
}

.blogdetails .mainpart .mainbody .comments .inputcomments .send .btn {
    float: right;
    width: 77px;
    height: 30px;
    padding: 8px 0;
    background: #0083ff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.blogdetails .mainpart .mainbody .comments .commentcontent li {
    padding-top: 21px;
    padding-bottom: 19px;
    border-bottom: 1px solid #e5e5e5
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor {
    margin-bottom: 14px
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor .avtor {
    float: left;
    margin-right: 22px;
    border-radius: 50%
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor .content {
    float: left;
    width: 92%
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor .content p {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    word-wrap: break-word
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor .content p em {
    color: #999
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor .content p:first-child {
    margin-bottom: 10px
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor .content p img {
    width: 18px;
    height: 18px;
    margin-right: 0;
    border-radius: 0
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor .content .replyinf {
    margin-top: 6px
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor .content .replyinf span {
    font-size: 14px;
    line-height: 14px;
    color: #0083ff;
    cursor: pointer;
    margin-right: 7px
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor .content .replyinf div, .blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor .content .replyinf span:first-child {
    float: left
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor .content .replyinf i {
    float: left;
    width: 12px;
    height: 7px;
    margin-top: 4px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHBAMAAADOnLEXAAAAElBMVEUAAAAAhf4Ag/4Ag/8Ag/4Ag/8F1GVgAAAABXRSTlMALFeA+1CQnd0AAAAtSURBVHheY2BgYFJgAAEVJwYQxzUExFUJNnUCcQyYgVyRYAYGU0cGZgMGIAYAXOsEY82UIO4AAAAASUVORK5CYII=) no-repeat 50%;
    cursor: pointer
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor .content .replyinf .sq {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHBAMAAADOnLEXAAAAFVBMVEUAAAAAhf4Ag/4Agv4Agv4Ag/4Ag/9JVGwYAAAABnRSTlMALFdYf/vcKsMqAAAAL0lEQVR4XmNgcWAAYdEUBga3QAbmMAeWVAMGBtMUt2AGBiAXxAFyQRwGBiYFBgYAmPAFlSlMNSEAAAAASUVORK5CYII=) no-repeat 50%
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment {
    position: relative;
    width: 890px;
    min-height: 88px;
    margin-left: 70px;
    padding: 19px 14px 14px
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .commentheader {
    float: left;
    margin-right: 22px;
    border-radius: 50%
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .content {
    float: left;
    width: 92%
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .content p {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    white-space: normal;
    word-wrap: break-word
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .content p em {
    color: #999
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .content p:first-child {
    margin-bottom: 10px
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .content p img {
    float: left;
    width: 18px;
    height: 18px
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .content .replyinf {
    margin-top: 6px
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .content .replyinf span {
    font-size: 14px;
    line-height: 14px;
    color: #0083ff;
    cursor: pointer
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .btn {
    float: right;
    font-size: 14px;
    line-height: 18px;
    color: #999;
    cursor: pointer
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .reply {
    margin-top: 15px
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .reply #replycomments {
    width: 890px;
    _height: 62px;
    min-height: 62px;
    max-height: 105px;
    margin-left: 0;
    padding: 20px 14px;
    background: #fff;
    resize: none;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    line-height: 20px;
    word-wrap: break-word;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-user-modify: read-write-plaintext-only
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .reply .send {
    padding: 25px 0 0 8px
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .reply .send .emoji-box {
    position: relative;
    float: left;
    width: 27px;
    height: 27px
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .reply .send .emoji-box.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .reply .send .emoji-box .emoji-img {
    display: block;
    width: 27px;
    height: 27px;
    cursor: pointer
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .reply .send .emoji-box .emoji {
    position: absolute;
    left: -10px;
    top: 24px;
    width: 430px;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    background: #fff;
    z-index: 99
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .reply .send .emoji-box .emoji .el-button {
    position: absolute;
    border: none;
    color: #ff4949;
    right: -40px;
    top: 24px;
    font-size: 24px;
    z-index: 999
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .reply .send .btn {
    float: right;
    width: 77px;
    height: 30px;
    padding: 8px 0;
    background: #0083ff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.blogdetails .mainpart .mainbody .comments .commentcontent li:last-child {
    border-bottom: none
}

.blogdetails .mainpart .mainbody .comments .commentcontent .loading {
    width: 90px;
    margin: 51px auto 0
}

.blogdetails .mainpart .mainbody .comments .commentcontent .loading span {
    font-size: 14px;
    line-height: 14px;
    color: #999;
    cursor: pointer
}

.blogdetails .mainpart .mainbody .comments .commentcontent .loading span:hover {
    color: #0083ff
}

.blogdetails .mainpart .mainbody .comments .commentcontent .loaded {
    margin-top: 51px;
    font-size: 14px;
    line-height: 14px;
    color: #999;
    text-align: center
}

.blogdetails .mainpart .mainbody .comments .reply #replycomments {
    overflow-y: auto;
    width: 890px;
    height: 62px;
    max-height: 105px;
    margin-left: 70px;
    padding: 20px 14px;
    background: #fff;
    resize: none;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    line-height: 20px
}

.blogdetails .mainpart .mainbody .comments .reply .send {
    padding: 25px 0 0 78px
}

.blogdetails .mainpart .mainbody .comments .reply .send .emoji-box {
    position: relative;
    float: left;
    width: 27px;
    height: 27px
}

.blogdetails .mainpart .mainbody .comments .reply .send .emoji-box.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.blogdetails .mainpart .mainbody .comments .reply .send .emoji-box .emoji-img {
    display: block;
    width: 27px;
    height: 27px;
    cursor: pointer
}

.blogdetails .mainpart .mainbody .comments .reply .send .emoji-box .emoji {
    position: absolute;
    left: -10px;
    top: 24px;
    width: 430px;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    background: #fff;
    z-index: 99
}

.blogdetails .mainpart .mainbody .comments .reply .send .emoji-box .emoji .el-button {
    position: absolute;
    border: none;
    color: #ff4949;
    right: -40px;
    top: 24px;
    font-size: 24px;
    z-index: 999
}

.blogdetails .mainpart .mainbody .comments .reply .send .btn {
    float: right;
    width: 77px;
    height: 30px;
    padding: 8px 0;
    background: #0083ff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.blogdetails .reportbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 99
}

.blogdetails .reportbox .box {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    width: 734px;
    margin: 0 auto;
    background: #fff;
    padding: 40px 100px 39px 99px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.blogdetails .reportbox .box h2 {
    font-size: 30px;
    line-height: 30px;
    color: #333;
    margin-bottom: 53px
}

.blogdetails .reportbox .box li {
    font-size: 16px;
    line-height: 16px;
    color: #666;
    margin-bottom: 39px
}

.blogdetails .reportbox .box li:last-child {
    margin-bottom: 19px
}

.blogdetails .reportbox .box #othercause {
    width: 535px;
    height: 115px;
    margin-bottom: 24px;
    padding: 17px 14px;
    background: #f8f8f8;
    border: none;
    resize: none;
    font-size: 14px;
    line-height: 20px;
    color: #333
}

.blogdetails .reportbox .box .button {
    text-align: right
}

.blogdetails .reportbox .box .button button {
    width: 120px;
    height: 42px;
    padding: 14px 0;
    border: none;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s
}

.blogdetails .reportbox .box .button .cancel {
    margin-right: 20px;
    color: #0083ff;
    border: 1px solid #2d93f9;
    background: #fff
}

.blogdetails .reportbox .box .button .cancel:hover {
    background: #f1faff
}

.blogdetails .reportbox .box .button .determine {
    color: #fff;
    background: #2d93f9
}

.blogdetails .reportbox .box .button .determine:hover {
    background: #66b1ff
}

.blogdetails .nulldata {
    width: 100%;
    padding: 117px 0 107px
}

.blogdetails .nulldata img {
    display: block;
    margin: 0 auto 30px
}

.blogdetails .nulldata p {
    font-size: 22px;
    line-height: 32px;
    color: #999;
    text-align: center
}

[class*=sprite-][data-v-102c0265] {
    width: 25px;
    height: 25px;
    background: url("static/images/040f035c9371f257fa35.png");
    background-repeat: no-repeat;
    vertical-align: top;
    display: inline-block;
    margin: 5px;
    background-size: 882.8125px 867.1875px
}

.sprite-a[data-v-102c0265] {
    background-position: -1.953125px -1.953125px
}

.sprite-a-100[data-v-102c0265] {
    background-position: -30.859375px -1.953125px
}

.sprite-a-1234[data-v-102c0265] {
    background-position: -59.765625px -1.953125px
}

.sprite-a-8ball[data-v-102c0265] {
    background-position: -88.671875px -1.953125px
}

.sprite-ab[data-v-102c0265] {
    background-position: -117.578125px -1.953125px
}

.sprite-abc[data-v-102c0265] {
    background-position: -146.484375px -1.953125px
}

.sprite-abcd[data-v-102c0265] {
    background-position: -175.390625px -1.953125px
}

.sprite-accept[data-v-102c0265] {
    background-position: -204.296875px -1.953125px
}

.sprite-aerial_tramway[data-v-102c0265] {
    background-position: -233.203125px -1.953125px
}

.sprite-agree[data-v-102c0265] {
    background-position: -262.109375px -1.953125px
}

.sprite-airplane[data-v-102c0265] {
    background-position: -291.015625px -1.953125px
}

.sprite-alarm_clock[data-v-102c0265] {
    background-position: -319.921875px -1.953125px
}

.sprite-alien[data-v-102c0265] {
    background-position: -348.828125px -1.953125px
}

.sprite-ambulance[data-v-102c0265] {
    background-position: -377.734375px -1.953125px
}

.sprite-anchor[data-v-102c0265] {
    background-position: -406.640625px -1.953125px
}

.sprite-angel[data-v-102c0265] {
    background-position: -435.546875px -1.953125px
}

.sprite-anger[data-v-102c0265] {
    background-position: -464.453125px -1.953125px
}

.sprite-angry[data-v-102c0265] {
    background-position: -493.359375px -1.953125px
}

.sprite-anguished[data-v-102c0265] {
    background-position: -522.265625px -1.953125px
}

.sprite-ant[data-v-102c0265] {
    background-position: -551.171875px -1.953125px
}

.sprite-apple[data-v-102c0265] {
    background-position: -580.078125px -1.953125px
}

.sprite-aquarius[data-v-102c0265] {
    background-position: -608.984375px -1.953125px
}

.sprite-aries[data-v-102c0265] {
    background-position: -637.890625px -1.953125px
}

.sprite-arrow_backward[data-v-102c0265] {
    background-position: -666.796875px -1.953125px
}

.sprite-arrow_double_down[data-v-102c0265] {
    background-position: -695.703125px -1.953125px
}

.sprite-arrow_double_up[data-v-102c0265] {
    background-position: -724.609375px -1.953125px
}

.sprite-arrow_down[data-v-102c0265] {
    background-position: -753.515625px -1.953125px
}

.sprite-arrow_down_small[data-v-102c0265] {
    background-position: -782.421875px -1.953125px
}

.sprite-arrow_forward[data-v-102c0265] {
    background-position: -811.328125px -1.953125px
}

.sprite-arrow_heading_down[data-v-102c0265] {
    background-position: -1.953125px -30.859375px
}

.sprite-arrow_heading_up[data-v-102c0265] {
    background-position: -30.859375px -30.859375px
}

.sprite-arrow_left[data-v-102c0265] {
    background-position: -59.765625px -30.859375px
}

.sprite-arrow_lower_left[data-v-102c0265] {
    background-position: -88.671875px -30.859375px
}

.sprite-arrow_lower_right[data-v-102c0265] {
    background-position: -117.578125px -30.859375px
}

.sprite-arrow_right[data-v-102c0265] {
    background-position: -146.484375px -30.859375px
}

.sprite-arrow_right_hook[data-v-102c0265] {
    background-position: -175.390625px -30.859375px
}

.sprite-arrow_up[data-v-102c0265] {
    background-position: -204.296875px -30.859375px
}

.sprite-arrow_up_down[data-v-102c0265] {
    background-position: -233.203125px -30.859375px
}

.sprite-arrow_up_small[data-v-102c0265] {
    background-position: -262.109375px -30.859375px
}

.sprite-arrow_upper_left[data-v-102c0265] {
    background-position: -291.015625px -30.859375px
}

.sprite-arrow_upper_right[data-v-102c0265] {
    background-position: -319.921875px -30.859375px
}

.sprite-arrows_clockwise[data-v-102c0265] {
    background-position: -348.828125px -30.859375px
}

.sprite-arrows_counterclockwise[data-v-102c0265] {
    background-position: -377.734375px -30.859375px
}

.sprite-art[data-v-102c0265] {
    background-position: -406.640625px -30.859375px
}

.sprite-articulated_lorry[data-v-102c0265] {
    background-position: -435.546875px -30.859375px
}

.sprite-astonished[data-v-102c0265] {
    background-position: -464.453125px -30.859375px
}

.sprite-atm[data-v-102c0265] {
    background-position: -493.359375px -30.859375px
}

.sprite-b[data-v-102c0265] {
    background-position: -522.265625px -30.859375px
}

.sprite-baby[data-v-102c0265] {
    background-position: -551.171875px -30.859375px
}

.sprite-baby_bottle[data-v-102c0265] {
    background-position: -580.078125px -30.859375px
}

.sprite-baby_chick[data-v-102c0265] {
    background-position: -608.984375px -30.859375px
}

.sprite-baby_symbol[data-v-102c0265] {
    background-position: -637.890625px -30.859375px
}

.sprite-back[data-v-102c0265] {
    background-position: -666.796875px -30.859375px
}

.sprite-baggage_claim[data-v-102c0265] {
    background-position: -695.703125px -30.859375px
}

.sprite-balloon[data-v-102c0265] {
    background-position: -724.609375px -30.859375px
}

.sprite-ballot_box_with_check[data-v-102c0265] {
    background-position: -753.515625px -30.859375px
}

.sprite-bamboo[data-v-102c0265] {
    background-position: -782.421875px -30.859375px
}

.sprite-banana[data-v-102c0265] {
    background-position: -811.328125px -30.859375px
}

.sprite-bangbang[data-v-102c0265] {
    background-position: -1.953125px -59.765625px
}

.sprite-bank[data-v-102c0265] {
    background-position: -30.859375px -59.765625px
}

.sprite-bar_chart[data-v-102c0265] {
    background-position: -59.765625px -59.765625px
}

.sprite-barber[data-v-102c0265] {
    background-position: -88.671875px -59.765625px
}

.sprite-baseball[data-v-102c0265] {
    background-position: -117.578125px -59.765625px
}

.sprite-basketball[data-v-102c0265] {
    background-position: -146.484375px -59.765625px
}

.sprite-bath[data-v-102c0265] {
    background-position: -175.390625px -59.765625px
}

.sprite-bathtub[data-v-102c0265] {
    background-position: -204.296875px -59.765625px
}

.sprite-battery[data-v-102c0265] {
    background-position: -233.203125px -59.765625px
}

.sprite-bear[data-v-102c0265] {
    background-position: -262.109375px -59.765625px
}

.sprite-bee[data-v-102c0265] {
    background-position: -291.015625px -59.765625px
}

.sprite-beer[data-v-102c0265] {
    background-position: -319.921875px -59.765625px
}

.sprite-beers[data-v-102c0265] {
    background-position: -348.828125px -59.765625px
}

.sprite-beetle[data-v-102c0265] {
    background-position: -377.734375px -59.765625px
}

.sprite-beginner[data-v-102c0265] {
    background-position: -406.640625px -59.765625px
}

.sprite-bell[data-v-102c0265] {
    background-position: -435.546875px -59.765625px
}

.sprite-bento[data-v-102c0265] {
    background-position: -464.453125px -59.765625px
}

.sprite-bicyclist[data-v-102c0265] {
    background-position: -493.359375px -59.765625px
}

.sprite-bike[data-v-102c0265] {
    background-position: -522.265625px -59.765625px
}

.sprite-bikini[data-v-102c0265] {
    background-position: -551.171875px -59.765625px
}

.sprite-bird[data-v-102c0265] {
    background-position: -580.078125px -59.765625px
}

.sprite-birthday[data-v-102c0265] {
    background-position: -608.984375px -59.765625px
}

.sprite-black_circle[data-v-102c0265] {
    background-position: -637.890625px -59.765625px
}

.sprite-black_joker[data-v-102c0265] {
    background-position: -666.796875px -59.765625px
}

.sprite-black_medium_small_square[data-v-102c0265] {
    background-position: -695.703125px -59.765625px
}

.sprite-black_medium_square[data-v-102c0265] {
    background-position: -724.609375px -59.765625px
}

.sprite-black_nib[data-v-102c0265] {
    background-position: -753.515625px -59.765625px
}

.sprite-black_small_square[data-v-102c0265] {
    background-position: -782.421875px -59.765625px
}

.sprite-black_square[data-v-102c0265] {
    background-position: -811.328125px -59.765625px
}

.sprite-black_square_button[data-v-102c0265] {
    background-position: -1.953125px -88.671875px
}

.sprite-blossom[data-v-102c0265] {
    background-position: -30.859375px -88.671875px
}

.sprite-blowfish[data-v-102c0265] {
    background-position: -59.765625px -88.671875px
}

.sprite-blue_book[data-v-102c0265] {
    background-position: -88.671875px -88.671875px
}

.sprite-blue_car[data-v-102c0265] {
    background-position: -117.578125px -88.671875px
}

.sprite-blue_heart[data-v-102c0265] {
    background-position: -146.484375px -88.671875px
}

.sprite-blush[data-v-102c0265] {
    background-position: -175.390625px -88.671875px
}

.sprite-boar[data-v-102c0265] {
    background-position: -204.296875px -88.671875px
}

.sprite-boat[data-v-102c0265] {
    background-position: -233.203125px -88.671875px
}

.sprite-bomb[data-v-102c0265] {
    background-position: -262.109375px -88.671875px
}

.sprite-book[data-v-102c0265] {
    background-position: -291.015625px -88.671875px
}

.sprite-bookmark[data-v-102c0265] {
    background-position: -319.921875px -88.671875px
}

.sprite-bookmark_tabs[data-v-102c0265] {
    background-position: -348.828125px -88.671875px
}

.sprite-books[data-v-102c0265] {
    background-position: -377.734375px -88.671875px
}

.sprite-boom[data-v-102c0265] {
    background-position: -406.640625px -88.671875px
}

.sprite-boot[data-v-102c0265] {
    background-position: -435.546875px -88.671875px
}

.sprite-bouquet[data-v-102c0265] {
    background-position: -464.453125px -88.671875px
}

.sprite-bow[data-v-102c0265] {
    background-position: -493.359375px -88.671875px
}

.sprite-bowling[data-v-102c0265] {
    background-position: -522.265625px -88.671875px
}

.sprite-bowtie[data-v-102c0265] {
    background-position: -551.171875px -88.671875px
}

.sprite-boy[data-v-102c0265] {
    background-position: -580.078125px -88.671875px
}

.sprite-bread[data-v-102c0265] {
    background-position: -608.984375px -88.671875px
}

.sprite-bride_with_veil[data-v-102c0265] {
    background-position: -637.890625px -88.671875px
}

.sprite-bridge_at_night[data-v-102c0265] {
    background-position: -666.796875px -88.671875px
}

.sprite-briefcase[data-v-102c0265] {
    background-position: -695.703125px -88.671875px
}

.sprite-broken_heart[data-v-102c0265] {
    background-position: -724.609375px -88.671875px
}

.sprite-bug[data-v-102c0265] {
    background-position: -753.515625px -88.671875px
}

.sprite-bulb[data-v-102c0265] {
    background-position: -782.421875px -88.671875px
}

.sprite-bullettrain_front[data-v-102c0265] {
    background-position: -811.328125px -88.671875px
}

.sprite-bullettrain_side[data-v-102c0265] {
    background-position: -1.953125px -117.578125px
}

.sprite-bus[data-v-102c0265] {
    background-position: -30.859375px -117.578125px
}

.sprite-busstop[data-v-102c0265] {
    background-position: -59.765625px -117.578125px
}

.sprite-bust_in_silhouette[data-v-102c0265] {
    background-position: -88.671875px -117.578125px
}

.sprite-busts_in_silhouette[data-v-102c0265] {
    background-position: -117.578125px -117.578125px
}

.sprite-cactus[data-v-102c0265] {
    background-position: -146.484375px -117.578125px
}

.sprite-cake[data-v-102c0265] {
    background-position: -175.390625px -117.578125px
}

.sprite-calendar[data-v-102c0265] {
    background-position: -204.296875px -117.578125px
}

.sprite-calling[data-v-102c0265] {
    background-position: -233.203125px -117.578125px
}

.sprite-camel[data-v-102c0265] {
    background-position: -262.109375px -117.578125px
}

.sprite-camera[data-v-102c0265] {
    background-position: -291.015625px -117.578125px
}

.sprite-cancer[data-v-102c0265] {
    background-position: -319.921875px -117.578125px
}

.sprite-candy[data-v-102c0265] {
    background-position: -348.828125px -117.578125px
}

.sprite-capital_abcd[data-v-102c0265] {
    background-position: -377.734375px -117.578125px
}

.sprite-capricorn[data-v-102c0265] {
    background-position: -406.640625px -117.578125px
}

.sprite-car[data-v-102c0265] {
    background-position: -435.546875px -117.578125px
}

.sprite-card_index[data-v-102c0265] {
    background-position: -464.453125px -117.578125px
}

.sprite-carousel_horse[data-v-102c0265] {
    background-position: -493.359375px -117.578125px
}

.sprite-cat[data-v-102c0265] {
    background-position: -522.265625px -117.578125px
}

.sprite-cat2[data-v-102c0265] {
    background-position: -551.171875px -117.578125px
}

.sprite-cd[data-v-102c0265] {
    background-position: -580.078125px -117.578125px
}

.sprite-chart[data-v-102c0265] {
    background-position: -608.984375px -117.578125px
}

.sprite-chart_with_downwards_trend[data-v-102c0265] {
    background-position: -637.890625px -117.578125px
}

.sprite-chart_with_upwards_trend[data-v-102c0265] {
    background-position: -666.796875px -117.578125px
}

.sprite-checkered_flag[data-v-102c0265] {
    background-position: -695.703125px -117.578125px
}

.sprite-cherries[data-v-102c0265] {
    background-position: -724.609375px -117.578125px
}

.sprite-cherry_blossom[data-v-102c0265] {
    background-position: -753.515625px -117.578125px
}

.sprite-chestnut[data-v-102c0265] {
    background-position: -782.421875px -117.578125px
}

.sprite-chicken[data-v-102c0265] {
    background-position: -811.328125px -117.578125px
}

.sprite-children_crossing[data-v-102c0265] {
    background-position: -1.953125px -146.484375px
}

.sprite-chocolate_bar[data-v-102c0265] {
    background-position: -30.859375px -146.484375px
}

.sprite-christmas_tree[data-v-102c0265] {
    background-position: -59.765625px -146.484375px
}

.sprite-church[data-v-102c0265] {
    background-position: -88.671875px -146.484375px
}

.sprite-cinema[data-v-102c0265] {
    background-position: -117.578125px -146.484375px
}

.sprite-circus_tent[data-v-102c0265] {
    background-position: -146.484375px -146.484375px
}

.sprite-city_sunrise[data-v-102c0265] {
    background-position: -175.390625px -146.484375px
}

.sprite-city_sunset[data-v-102c0265] {
    background-position: -204.296875px -146.484375px
}

.sprite-cl[data-v-102c0265] {
    background-position: -233.203125px -146.484375px
}

.sprite-clap[data-v-102c0265] {
    background-position: -262.109375px -146.484375px
}

.sprite-clapper[data-v-102c0265] {
    background-position: -291.015625px -146.484375px
}

.sprite-clipboard[data-v-102c0265] {
    background-position: -319.921875px -146.484375px
}

.sprite-clock1[data-v-102c0265] {
    background-position: -348.828125px -146.484375px
}

.sprite-clock10[data-v-102c0265] {
    background-position: -377.734375px -146.484375px
}

.sprite-clock1030[data-v-102c0265] {
    background-position: -406.640625px -146.484375px
}

.sprite-clock11[data-v-102c0265] {
    background-position: -435.546875px -146.484375px
}

.sprite-clock1130[data-v-102c0265] {
    background-position: -464.453125px -146.484375px
}

.sprite-clock12[data-v-102c0265] {
    background-position: -493.359375px -146.484375px
}

.sprite-clock1230[data-v-102c0265] {
    background-position: -522.265625px -146.484375px
}

.sprite-clock130[data-v-102c0265] {
    background-position: -551.171875px -146.484375px
}

.sprite-clock2[data-v-102c0265] {
    background-position: -580.078125px -146.484375px
}

.sprite-clock230[data-v-102c0265] {
    background-position: -608.984375px -146.484375px
}

.sprite-clock3[data-v-102c0265] {
    background-position: -637.890625px -146.484375px
}

.sprite-clock330[data-v-102c0265] {
    background-position: -666.796875px -146.484375px
}

.sprite-clock4[data-v-102c0265] {
    background-position: -695.703125px -146.484375px
}

.sprite-clock430[data-v-102c0265] {
    background-position: -724.609375px -146.484375px
}

.sprite-clock5[data-v-102c0265] {
    background-position: -753.515625px -146.484375px
}

.sprite-clock530[data-v-102c0265] {
    background-position: -782.421875px -146.484375px
}

.sprite-clock6[data-v-102c0265] {
    background-position: -811.328125px -146.484375px
}

.sprite-clock630[data-v-102c0265] {
    background-position: -1.953125px -175.390625px
}

.sprite-clock7[data-v-102c0265] {
    background-position: -30.859375px -175.390625px
}

.sprite-clock730[data-v-102c0265] {
    background-position: -59.765625px -175.390625px
}

.sprite-clock8[data-v-102c0265] {
    background-position: -88.671875px -175.390625px
}

.sprite-clock830[data-v-102c0265] {
    background-position: -117.578125px -175.390625px
}

.sprite-clock9[data-v-102c0265] {
    background-position: -146.484375px -175.390625px
}

.sprite-clock930[data-v-102c0265] {
    background-position: -175.390625px -175.390625px
}

.sprite-closed_book[data-v-102c0265] {
    background-position: -204.296875px -175.390625px
}

.sprite-closed_lock_with_key[data-v-102c0265] {
    background-position: -233.203125px -175.390625px
}

.sprite-closed_umbrella[data-v-102c0265] {
    background-position: -262.109375px -175.390625px
}

.sprite-cloud[data-v-102c0265] {
    background-position: -291.015625px -175.390625px
}

.sprite-clubs[data-v-102c0265] {
    background-position: -319.921875px -175.390625px
}

.sprite-cn[data-v-102c0265] {
    background-position: -348.828125px -175.390625px
}

.sprite-cocktail[data-v-102c0265] {
    background-position: -377.734375px -175.390625px
}

.sprite-coffee[data-v-102c0265] {
    background-position: -406.640625px -175.390625px
}

.sprite-cold_sweat[data-v-102c0265] {
    background-position: -435.546875px -175.390625px
}

.sprite-collision[data-v-102c0265] {
    background-position: -464.453125px -175.390625px
}

.sprite-computer[data-v-102c0265] {
    background-position: -493.359375px -175.390625px
}

.sprite-confetti_ball[data-v-102c0265] {
    background-position: -522.265625px -175.390625px
}

.sprite-confounded[data-v-102c0265] {
    background-position: -551.171875px -175.390625px
}

.sprite-confused[data-v-102c0265] {
    background-position: -580.078125px -175.390625px
}

.sprite-congratulations[data-v-102c0265] {
    background-position: -608.984375px -175.390625px
}

.sprite-construction[data-v-102c0265] {
    background-position: -637.890625px -175.390625px
}

.sprite-construction_worker[data-v-102c0265] {
    background-position: -666.796875px -175.390625px
}

.sprite-convenience_store[data-v-102c0265] {
    background-position: -695.703125px -175.390625px
}

.sprite-cookie[data-v-102c0265] {
    background-position: -724.609375px -175.390625px
}

.sprite-cool[data-v-102c0265] {
    background-position: -753.515625px -175.390625px
}

.sprite-cop[data-v-102c0265] {
    background-position: -782.421875px -175.390625px
}

.sprite-copyright[data-v-102c0265] {
    background-position: -811.328125px -175.390625px
}

.sprite-corn[data-v-102c0265] {
    background-position: -1.953125px -204.296875px
}

.sprite-couple[data-v-102c0265] {
    background-position: -30.859375px -204.296875px
}

.sprite-couple_with_heart[data-v-102c0265] {
    background-position: -59.765625px -204.296875px
}

.sprite-couplekiss[data-v-102c0265] {
    background-position: -88.671875px -204.296875px
}

.sprite-cow[data-v-102c0265] {
    background-position: -117.578125px -204.296875px
}

.sprite-cow2[data-v-102c0265] {
    background-position: -146.484375px -204.296875px
}

.sprite-credit_card[data-v-102c0265] {
    background-position: -175.390625px -204.296875px
}

.sprite-crescent_moon[data-v-102c0265] {
    background-position: -204.296875px -204.296875px
}

.sprite-crocodile[data-v-102c0265] {
    background-position: -233.203125px -204.296875px
}

.sprite-crossed_flags[data-v-102c0265] {
    background-position: -262.109375px -204.296875px
}

.sprite-crown[data-v-102c0265] {
    background-position: -291.015625px -204.296875px
}

.sprite-cry[data-v-102c0265] {
    background-position: -319.921875px -204.296875px
}

.sprite-crying_cat_face[data-v-102c0265] {
    background-position: -348.828125px -204.296875px
}

.sprite-crystal_ball[data-v-102c0265] {
    background-position: -377.734375px -204.296875px
}

.sprite-cupid[data-v-102c0265] {
    background-position: -406.640625px -204.296875px
}

.sprite-curly_loop[data-v-102c0265] {
    background-position: -435.546875px -204.296875px
}

.sprite-currency_exchange[data-v-102c0265] {
    background-position: -464.453125px -204.296875px
}

.sprite-curry[data-v-102c0265] {
    background-position: -493.359375px -204.296875px
}

.sprite-custard[data-v-102c0265] {
    background-position: -522.265625px -204.296875px
}

.sprite-customs[data-v-102c0265] {
    background-position: -551.171875px -204.296875px
}

.sprite-cyclone[data-v-102c0265] {
    background-position: -580.078125px -204.296875px
}

.sprite-dancer[data-v-102c0265] {
    background-position: -608.984375px -204.296875px
}

.sprite-dancers[data-v-102c0265] {
    background-position: -637.890625px -204.296875px
}

.sprite-dango[data-v-102c0265] {
    background-position: -666.796875px -204.296875px
}

.sprite-dart[data-v-102c0265] {
    background-position: -695.703125px -204.296875px
}

.sprite-dash[data-v-102c0265] {
    background-position: -724.609375px -204.296875px
}

.sprite-date[data-v-102c0265] {
    background-position: -753.515625px -204.296875px
}

.sprite-de[data-v-102c0265] {
    background-position: -782.421875px -204.296875px
}

.sprite-deciduous_tree[data-v-102c0265] {
    background-position: -811.328125px -204.296875px
}

.sprite-department_store[data-v-102c0265] {
    background-position: -1.953125px -233.203125px
}

.sprite-diamond_shape_with_a_dot_inside[data-v-102c0265] {
    background-position: -30.859375px -233.203125px
}

.sprite-diamonds[data-v-102c0265] {
    background-position: -59.765625px -233.203125px
}

.sprite-disappointed[data-v-102c0265] {
    background-position: -88.671875px -233.203125px
}

.sprite-disappointed_relieved[data-v-102c0265] {
    background-position: -117.578125px -233.203125px
}

.sprite-dizzy[data-v-102c0265] {
    background-position: -146.484375px -233.203125px
}

.sprite-dizzy_face[data-v-102c0265] {
    background-position: -175.390625px -233.203125px
}

.sprite-do_not_litter[data-v-102c0265] {
    background-position: -204.296875px -233.203125px
}

.sprite-dog[data-v-102c0265] {
    background-position: -233.203125px -233.203125px
}

.sprite-dog2[data-v-102c0265] {
    background-position: -262.109375px -233.203125px
}

.sprite-dollar[data-v-102c0265] {
    background-position: -291.015625px -233.203125px
}

.sprite-dolls[data-v-102c0265] {
    background-position: -319.921875px -233.203125px
}

.sprite-dolphin[data-v-102c0265] {
    background-position: -348.828125px -233.203125px
}

.sprite-donut[data-v-102c0265] {
    background-position: -377.734375px -233.203125px
}

.sprite-door[data-v-102c0265] {
    background-position: -406.640625px -233.203125px
}

.sprite-doughnut[data-v-102c0265] {
    background-position: -435.546875px -233.203125px
}

.sprite-dragon[data-v-102c0265] {
    background-position: -464.453125px -233.203125px
}

.sprite-dragon_face[data-v-102c0265] {
    background-position: -493.359375px -233.203125px
}

.sprite-dress[data-v-102c0265] {
    background-position: -522.265625px -233.203125px
}

.sprite-dromedary_camel[data-v-102c0265] {
    background-position: -551.171875px -233.203125px
}

.sprite-droplet[data-v-102c0265] {
    background-position: -580.078125px -233.203125px
}

.sprite-dvd[data-v-102c0265] {
    background-position: -608.984375px -233.203125px
}

.sprite-e-mail[data-v-102c0265] {
    background-position: -637.890625px -233.203125px
}

.sprite-ear[data-v-102c0265] {
    background-position: -666.796875px -233.203125px
}

.sprite-ear_of_rice[data-v-102c0265] {
    background-position: -695.703125px -233.203125px
}

.sprite-earth_africa[data-v-102c0265] {
    background-position: -724.609375px -233.203125px
}

.sprite-earth_americas[data-v-102c0265] {
    background-position: -753.515625px -233.203125px
}

.sprite-earth_asia[data-v-102c0265] {
    background-position: -782.421875px -233.203125px
}

.sprite-egg[data-v-102c0265] {
    background-position: -811.328125px -233.203125px
}

.sprite-eggplant[data-v-102c0265] {
    background-position: -1.953125px -262.109375px
}

.sprite-eight[data-v-102c0265] {
    background-position: -30.859375px -262.109375px
}

.sprite-eight_pointed_black_star[data-v-102c0265] {
    background-position: -59.765625px -262.109375px
}

.sprite-eight_spoked_asterisk[data-v-102c0265] {
    background-position: -88.671875px -262.109375px
}

.sprite-electric_plug[data-v-102c0265] {
    background-position: -117.578125px -262.109375px
}

.sprite-elephant[data-v-102c0265] {
    background-position: -146.484375px -262.109375px
}

.sprite-email[data-v-102c0265] {
    background-position: -175.390625px -262.109375px
}

.sprite-end[data-v-102c0265] {
    background-position: -204.296875px -262.109375px
}

.sprite-envelope[data-v-102c0265] {
    background-position: -233.203125px -262.109375px
}

.sprite-es[data-v-102c0265] {
    background-position: -262.109375px -262.109375px
}

.sprite-euro[data-v-102c0265] {
    background-position: -291.015625px -262.109375px
}

.sprite-european_castle[data-v-102c0265] {
    background-position: -319.921875px -262.109375px
}

.sprite-european_post_office[data-v-102c0265] {
    background-position: -348.828125px -262.109375px
}

.sprite-evergreen_tree[data-v-102c0265] {
    background-position: -377.734375px -262.109375px
}

.sprite-exclamation[data-v-102c0265] {
    background-position: -406.640625px -262.109375px
}

.sprite-expressionless[data-v-102c0265] {
    background-position: -435.546875px -262.109375px
}

.sprite-eyeglasses[data-v-102c0265] {
    background-position: -464.453125px -262.109375px
}

.sprite-eyes[data-v-102c0265] {
    background-position: -493.359375px -262.109375px
}

.sprite-facepunch[data-v-102c0265] {
    background-position: -522.265625px -262.109375px
}

.sprite-factory[data-v-102c0265] {
    background-position: -551.171875px -262.109375px
}

.sprite-fallen_leaf[data-v-102c0265] {
    background-position: -580.078125px -262.109375px
}

.sprite-family[data-v-102c0265] {
    background-position: -608.984375px -262.109375px
}

.sprite-fast_forward[data-v-102c0265] {
    background-position: -637.890625px -262.109375px
}

.sprite-fax[data-v-102c0265] {
    background-position: -666.796875px -262.109375px
}

.sprite-fearful[data-v-102c0265] {
    background-position: -695.703125px -262.109375px
}

.sprite-feelsgood[data-v-102c0265] {
    background-position: -724.609375px -262.109375px
}

.sprite-feet[data-v-102c0265] {
    background-position: -753.515625px -262.109375px
}

.sprite-ferris_wheel[data-v-102c0265] {
    background-position: -782.421875px -262.109375px
}

.sprite-file_folder[data-v-102c0265] {
    background-position: -811.328125px -262.109375px
}

.sprite-finnadie[data-v-102c0265] {
    background-position: -1.953125px -291.015625px
}

.sprite-fire[data-v-102c0265] {
    background-position: -30.859375px -291.015625px
}

.sprite-fire_engine[data-v-102c0265] {
    background-position: -59.765625px -291.015625px
}

.sprite-fireworks[data-v-102c0265] {
    background-position: -88.671875px -291.015625px
}

.sprite-first_quarter_moon[data-v-102c0265] {
    background-position: -117.578125px -291.015625px
}

.sprite-first_quarter_moon_with_face[data-v-102c0265] {
    background-position: -146.484375px -291.015625px
}

.sprite-fish[data-v-102c0265] {
    background-position: -175.390625px -291.015625px
}

.sprite-fish_cake[data-v-102c0265] {
    background-position: -204.296875px -291.015625px
}

.sprite-fishing_pole_and_fish[data-v-102c0265] {
    background-position: -233.203125px -291.015625px
}

.sprite-fist[data-v-102c0265] {
    background-position: -262.109375px -291.015625px
}

.sprite-five[data-v-102c0265] {
    background-position: -291.015625px -291.015625px
}

.sprite-flags[data-v-102c0265] {
    background-position: -319.921875px -291.015625px
}

.sprite-flashlight[data-v-102c0265] {
    background-position: -348.828125px -291.015625px
}

.sprite-floppy_disk[data-v-102c0265] {
    background-position: -377.734375px -291.015625px
}

.sprite-flower_playing_cards[data-v-102c0265] {
    background-position: -406.640625px -291.015625px
}

.sprite-flushed[data-v-102c0265] {
    background-position: -435.546875px -291.015625px
}

.sprite-foggy[data-v-102c0265] {
    background-position: -464.453125px -291.015625px
}

.sprite-football[data-v-102c0265] {
    background-position: -493.359375px -291.015625px
}

.sprite-fork_and_knife[data-v-102c0265] {
    background-position: -522.265625px -291.015625px
}

.sprite-fountain[data-v-102c0265] {
    background-position: -551.171875px -291.015625px
}

.sprite-four[data-v-102c0265] {
    background-position: -580.078125px -291.015625px
}

.sprite-four_leaf_clover[data-v-102c0265] {
    background-position: -608.984375px -291.015625px
}

.sprite-fr[data-v-102c0265] {
    background-position: -637.890625px -291.015625px
}

.sprite-free[data-v-102c0265] {
    background-position: -666.796875px -291.015625px
}

.sprite-fried_shrimp[data-v-102c0265] {
    background-position: -695.703125px -291.015625px
}

.sprite-fries[data-v-102c0265] {
    background-position: -724.609375px -291.015625px
}

.sprite-frog[data-v-102c0265] {
    background-position: -753.515625px -291.015625px
}

.sprite-frowning[data-v-102c0265] {
    background-position: -782.421875px -291.015625px
}

.sprite-fu[data-v-102c0265] {
    background-position: -811.328125px -291.015625px
}

.sprite-fuelpump[data-v-102c0265] {
    background-position: -1.953125px -319.921875px
}

.sprite-full_moon[data-v-102c0265] {
    background-position: -30.859375px -319.921875px
}

.sprite-full_moon_with_face[data-v-102c0265] {
    background-position: -59.765625px -319.921875px
}

.sprite-game_die[data-v-102c0265] {
    background-position: -88.671875px -319.921875px
}

.sprite-gb[data-v-102c0265] {
    background-position: -117.578125px -319.921875px
}

.sprite-gem[data-v-102c0265] {
    background-position: -146.484375px -319.921875px
}

.sprite-gemini[data-v-102c0265] {
    background-position: -175.390625px -319.921875px
}

.sprite-ghost[data-v-102c0265] {
    background-position: -204.296875px -319.921875px
}

.sprite-gift[data-v-102c0265] {
    background-position: -233.203125px -319.921875px
}

.sprite-gift_heart[data-v-102c0265] {
    background-position: -262.109375px -319.921875px
}

.sprite-girl[data-v-102c0265] {
    background-position: -291.015625px -319.921875px
}

.sprite-github[data-v-102c0265] {
    background-position: -840.234375px -1.953125px
}

.sprite-globe_with_meridians[data-v-102c0265] {
    background-position: -319.921875px -319.921875px
}

.sprite-gmail[data-v-102c0265] {
    background-position: -840.234375px -17.578125px
}

.sprite-goat[data-v-102c0265] {
    background-position: -348.828125px -319.921875px
}

.sprite-goberserk[data-v-102c0265] {
    background-position: -377.734375px -319.921875px
}

.sprite-godmode[data-v-102c0265] {
    background-position: -406.640625px -319.921875px
}

.sprite-golf[data-v-102c0265] {
    background-position: -435.546875px -319.921875px
}

.sprite-grapes[data-v-102c0265] {
    background-position: -464.453125px -319.921875px
}

.sprite-green_apple[data-v-102c0265] {
    background-position: -493.359375px -319.921875px
}

.sprite-green_book[data-v-102c0265] {
    background-position: -522.265625px -319.921875px
}

.sprite-green_heart[data-v-102c0265] {
    background-position: -551.171875px -319.921875px
}

.sprite-grey_exclamation[data-v-102c0265] {
    background-position: -580.078125px -319.921875px
}

.sprite-grey_question[data-v-102c0265] {
    background-position: -608.984375px -319.921875px
}

.sprite-grimacing[data-v-102c0265] {
    background-position: -637.890625px -319.921875px
}

.sprite-grin[data-v-102c0265] {
    background-position: -666.796875px -319.921875px
}

.sprite-grinning[data-v-102c0265] {
    background-position: -695.703125px -319.921875px
}

.sprite-guardsman[data-v-102c0265] {
    background-position: -724.609375px -319.921875px
}

.sprite-guitar[data-v-102c0265] {
    background-position: -753.515625px -319.921875px
}

.sprite-gun[data-v-102c0265] {
    background-position: -782.421875px -319.921875px
}

.sprite-haircut[data-v-102c0265] {
    background-position: -811.328125px -319.921875px
}

.sprite-hamburger[data-v-102c0265] {
    background-position: -1.953125px -348.828125px
}

.sprite-hammer[data-v-102c0265] {
    background-position: -30.859375px -348.828125px
}

.sprite-hamster[data-v-102c0265] {
    background-position: -59.765625px -348.828125px
}

.sprite-hand[data-v-102c0265] {
    background-position: -88.671875px -348.828125px
}

.sprite-handbag[data-v-102c0265] {
    background-position: -117.578125px -348.828125px
}

.sprite-hankey[data-v-102c0265] {
    background-position: -146.484375px -348.828125px
}

.sprite-hash[data-v-102c0265] {
    background-position: -175.390625px -348.828125px
}

.sprite-hatched_chick[data-v-102c0265] {
    background-position: -204.296875px -348.828125px
}

.sprite-hatching_chick[data-v-102c0265] {
    background-position: -233.203125px -348.828125px
}

.sprite-headphones[data-v-102c0265] {
    background-position: -262.109375px -348.828125px
}

.sprite-hear_no_evil[data-v-102c0265] {
    background-position: -291.015625px -348.828125px
}

.sprite-heart[data-v-102c0265] {
    background-position: -319.921875px -348.828125px
}

.sprite-heart_decoration[data-v-102c0265] {
    background-position: -348.828125px -348.828125px
}

.sprite-heart_eyes[data-v-102c0265] {
    background-position: -377.734375px -348.828125px
}

.sprite-heart_eyes_cat[data-v-102c0265] {
    background-position: -406.640625px -348.828125px
}

.sprite-heartbeat[data-v-102c0265] {
    background-position: -435.546875px -348.828125px
}

.sprite-heartpulse[data-v-102c0265] {
    background-position: -464.453125px -348.828125px
}

.sprite-hearts[data-v-102c0265] {
    background-position: -493.359375px -348.828125px
}

.sprite-heavy_check_mark[data-v-102c0265] {
    background-position: -522.265625px -348.828125px
}

.sprite-heavy_division_sign[data-v-102c0265] {
    background-position: -551.171875px -348.828125px
}

.sprite-heavy_dollar_sign[data-v-102c0265] {
    background-position: -580.078125px -348.828125px
}

.sprite-heavy_exclamation_mark[data-v-102c0265] {
    background-position: -608.984375px -348.828125px
}

.sprite-heavy_minus_sign[data-v-102c0265] {
    background-position: -637.890625px -348.828125px
}

.sprite-heavy_multiplication_x[data-v-102c0265] {
    background-position: -666.796875px -348.828125px
}

.sprite-heavy_plus_sign[data-v-102c0265] {
    background-position: -695.703125px -348.828125px
}

.sprite-helicopter[data-v-102c0265] {
    background-position: -724.609375px -348.828125px
}

.sprite-herb[data-v-102c0265] {
    background-position: -753.515625px -348.828125px
}

.sprite-hibiscus[data-v-102c0265] {
    background-position: -782.421875px -348.828125px
}

.sprite-high_brightness[data-v-102c0265] {
    background-position: -811.328125px -348.828125px
}

.sprite-high_heel[data-v-102c0265] {
    background-position: -1.953125px -377.734375px
}

.sprite-hocho[data-v-102c0265] {
    background-position: -30.859375px -377.734375px
}

.sprite-honey_pot[data-v-102c0265] {
    background-position: -59.765625px -377.734375px
}

.sprite-honeybee[data-v-102c0265] {
    background-position: -88.671875px -377.734375px
}

.sprite-horse[data-v-102c0265] {
    background-position: -117.578125px -377.734375px
}

.sprite-horse_racing[data-v-102c0265] {
    background-position: -146.484375px -377.734375px
}

.sprite-hospital[data-v-102c0265] {
    background-position: -175.390625px -377.734375px
}

.sprite-hotel[data-v-102c0265] {
    background-position: -204.296875px -377.734375px
}

.sprite-hotsprings[data-v-102c0265] {
    background-position: -233.203125px -377.734375px
}

.sprite-hourglass[data-v-102c0265] {
    background-position: -262.109375px -377.734375px
}

.sprite-hourglass_flowing_sand[data-v-102c0265] {
    background-position: -291.015625px -377.734375px
}

.sprite-house[data-v-102c0265] {
    background-position: -319.921875px -377.734375px
}

.sprite-house_with_garden[data-v-102c0265] {
    background-position: -348.828125px -377.734375px
}

.sprite-hurtrealbad[data-v-102c0265] {
    background-position: -377.734375px -377.734375px
}

.sprite-hushed[data-v-102c0265] {
    background-position: -406.640625px -377.734375px
}

.sprite-ice_cream[data-v-102c0265] {
    background-position: -435.546875px -377.734375px
}

.sprite-icecream[data-v-102c0265] {
    background-position: -464.453125px -377.734375px
}

.sprite-id[data-v-102c0265] {
    background-position: -493.359375px -377.734375px
}

.sprite-ideograph_advantage[data-v-102c0265] {
    background-position: -522.265625px -377.734375px
}

.sprite-imp[data-v-102c0265] {
    background-position: -551.171875px -377.734375px
}

.sprite-inbox_tray[data-v-102c0265] {
    background-position: -580.078125px -377.734375px
}

.sprite-incoming_envelope[data-v-102c0265] {
    background-position: -608.984375px -377.734375px
}

.sprite-information_desk_person[data-v-102c0265] {
    background-position: -637.890625px -377.734375px
}

.sprite-information_source[data-v-102c0265] {
    background-position: -666.796875px -377.734375px
}

.sprite-innocent[data-v-102c0265] {
    background-position: -695.703125px -377.734375px
}

.sprite-interrobang[data-v-102c0265] {
    background-position: -724.609375px -377.734375px
}

.sprite-iphone[data-v-102c0265] {
    background-position: -753.515625px -377.734375px
}

.sprite-it[data-v-102c0265] {
    background-position: -782.421875px -377.734375px
}

.sprite-izakaya_lantern[data-v-102c0265] {
    background-position: -811.328125px -377.734375px
}

.sprite-jack_o_lantern[data-v-102c0265] {
    background-position: -1.953125px -406.640625px
}

.sprite-japan[data-v-102c0265] {
    background-position: -30.859375px -406.640625px
}

.sprite-japanese_castle[data-v-102c0265] {
    background-position: -59.765625px -406.640625px
}

.sprite-japanese_goblin[data-v-102c0265] {
    background-position: -88.671875px -406.640625px
}

.sprite-japanese_ogre[data-v-102c0265] {
    background-position: -117.578125px -406.640625px
}

.sprite-jeans[data-v-102c0265] {
    background-position: -146.484375px -406.640625px
}

.sprite-joy[data-v-102c0265] {
    background-position: -175.390625px -406.640625px
}

.sprite-joy_cat[data-v-102c0265] {
    background-position: -204.296875px -406.640625px
}

.sprite-jp[data-v-102c0265] {
    background-position: -233.203125px -406.640625px
}

.sprite-key[data-v-102c0265] {
    background-position: -262.109375px -406.640625px
}

.sprite-keycap_ten[data-v-102c0265] {
    background-position: -291.015625px -406.640625px
}

.sprite-kimono[data-v-102c0265] {
    background-position: -319.921875px -406.640625px
}

.sprite-kiss[data-v-102c0265] {
    background-position: -348.828125px -406.640625px
}

.sprite-kissing[data-v-102c0265] {
    background-position: -377.734375px -406.640625px
}

.sprite-kissing_cat[data-v-102c0265] {
    background-position: -406.640625px -406.640625px
}

.sprite-kissing_closed_eyes[data-v-102c0265] {
    background-position: -435.546875px -406.640625px
}

.sprite-kissing_face[data-v-102c0265] {
    background-position: -464.453125px -406.640625px
}

.sprite-kissing_heart[data-v-102c0265] {
    background-position: -493.359375px -406.640625px
}

.sprite-kissing_smiling_eyes[data-v-102c0265] {
    background-position: -522.265625px -406.640625px
}

.sprite-koala[data-v-102c0265] {
    background-position: -551.171875px -406.640625px
}

.sprite-koko[data-v-102c0265] {
    background-position: -580.078125px -406.640625px
}

.sprite-kr[data-v-102c0265] {
    background-position: -608.984375px -406.640625px
}

.sprite-large_blue_circle[data-v-102c0265] {
    background-position: -637.890625px -406.640625px
}

.sprite-large_blue_diamond[data-v-102c0265] {
    background-position: -666.796875px -406.640625px
}

.sprite-large_orange_diamond[data-v-102c0265] {
    background-position: -695.703125px -406.640625px
}

.sprite-last_quarter_moon[data-v-102c0265] {
    background-position: -724.609375px -406.640625px
}

.sprite-last_quarter_moon_with_face[data-v-102c0265] {
    background-position: -753.515625px -406.640625px
}

.sprite-laughing[data-v-102c0265] {
    background-position: -782.421875px -406.640625px
}

.sprite-leaves[data-v-102c0265] {
    background-position: -811.328125px -406.640625px
}

.sprite-ledger[data-v-102c0265] {
    background-position: -1.953125px -435.546875px
}

.sprite-left_luggage[data-v-102c0265] {
    background-position: -30.859375px -435.546875px
}

.sprite-left_right_arrow[data-v-102c0265] {
    background-position: -59.765625px -435.546875px
}

.sprite-leftwards_arrow_with_hook[data-v-102c0265] {
    background-position: -88.671875px -435.546875px
}

.sprite-lemon[data-v-102c0265] {
    background-position: -117.578125px -435.546875px
}

.sprite-leo[data-v-102c0265] {
    background-position: -146.484375px -435.546875px
}

.sprite-leopard[data-v-102c0265] {
    background-position: -175.390625px -435.546875px
}

.sprite-libra[data-v-102c0265] {
    background-position: -204.296875px -435.546875px
}

.sprite-light_rail[data-v-102c0265] {
    background-position: -233.203125px -435.546875px
}

.sprite-link[data-v-102c0265] {
    background-position: -262.109375px -435.546875px
}

.sprite-linkedin[data-v-102c0265] {
    background-position: -840.234375px -33.203125px
}

.sprite-lips[data-v-102c0265] {
    background-position: -291.015625px -435.546875px
}

.sprite-lipstick[data-v-102c0265] {
    background-position: -319.921875px -435.546875px
}

.sprite-lock[data-v-102c0265] {
    background-position: -348.828125px -435.546875px
}

.sprite-lock_with_ink_pen[data-v-102c0265] {
    background-position: -377.734375px -435.546875px
}

.sprite-lollipop[data-v-102c0265] {
    background-position: -406.640625px -435.546875px
}

.sprite-loop[data-v-102c0265] {
    background-position: -435.546875px -435.546875px
}

.sprite-loudspeaker[data-v-102c0265] {
    background-position: -464.453125px -435.546875px
}

.sprite-love_hotel[data-v-102c0265] {
    background-position: -493.359375px -435.546875px
}

.sprite-love_letter[data-v-102c0265] {
    background-position: -522.265625px -435.546875px
}

.sprite-low_brightness[data-v-102c0265] {
    background-position: -551.171875px -435.546875px
}

.sprite-m[data-v-102c0265] {
    background-position: -580.078125px -435.546875px
}

.sprite-mag[data-v-102c0265] {
    background-position: -608.984375px -435.546875px
}

.sprite-mag_right[data-v-102c0265] {
    background-position: -637.890625px -435.546875px
}

.sprite-mahjong[data-v-102c0265] {
    background-position: -666.796875px -435.546875px
}

.sprite-mailbox[data-v-102c0265] {
    background-position: -695.703125px -435.546875px
}

.sprite-mailbox_closed[data-v-102c0265] {
    background-position: -724.609375px -435.546875px
}

.sprite-mailbox_with_mail[data-v-102c0265] {
    background-position: -753.515625px -435.546875px
}

.sprite-mailbox_with_no_mail[data-v-102c0265] {
    background-position: -782.421875px -435.546875px
}

.sprite-man[data-v-102c0265] {
    background-position: -811.328125px -435.546875px
}

.sprite-man_with_gua_pi_mao[data-v-102c0265] {
    background-position: -1.953125px -464.453125px
}

.sprite-man_with_turban[data-v-102c0265] {
    background-position: -30.859375px -464.453125px
}

.sprite-mans_shoe[data-v-102c0265] {
    background-position: -59.765625px -464.453125px
}

.sprite-maple_leaf[data-v-102c0265] {
    background-position: -88.671875px -464.453125px
}

.sprite-mask[data-v-102c0265] {
    background-position: -117.578125px -464.453125px
}

.sprite-massage[data-v-102c0265] {
    background-position: -146.484375px -464.453125px
}

.sprite-meat_on_bone[data-v-102c0265] {
    background-position: -175.390625px -464.453125px
}

.sprite-mega[data-v-102c0265] {
    background-position: -204.296875px -464.453125px
}

.sprite-melon[data-v-102c0265] {
    background-position: -233.203125px -464.453125px
}

.sprite-memo[data-v-102c0265] {
    background-position: -262.109375px -464.453125px
}

.sprite-mens[data-v-102c0265] {
    background-position: -291.015625px -464.453125px
}

.sprite-metal[data-v-102c0265] {
    background-position: -319.921875px -464.453125px
}

.sprite-metro[data-v-102c0265] {
    background-position: -348.828125px -464.453125px
}

.sprite-microphone[data-v-102c0265] {
    background-position: -377.734375px -464.453125px
}

.sprite-microscope[data-v-102c0265] {
    background-position: -406.640625px -464.453125px
}

.sprite-milky_way[data-v-102c0265] {
    background-position: -435.546875px -464.453125px
}

.sprite-minibus[data-v-102c0265] {
    background-position: -464.453125px -464.453125px
}

.sprite-minidisc[data-v-102c0265] {
    background-position: -493.359375px -464.453125px
}

.sprite-mobile_phone_off[data-v-102c0265] {
    background-position: -522.265625px -464.453125px
}

.sprite-money_with_wings[data-v-102c0265] {
    background-position: -551.171875px -464.453125px
}

.sprite-moneybag[data-v-102c0265] {
    background-position: -580.078125px -464.453125px
}

.sprite-monkey[data-v-102c0265] {
    background-position: -608.984375px -464.453125px
}

.sprite-monkey_face[data-v-102c0265] {
    background-position: -637.890625px -464.453125px
}

.sprite-monorail[data-v-102c0265] {
    background-position: -666.796875px -464.453125px
}

.sprite-mortar_board[data-v-102c0265] {
    background-position: -695.703125px -464.453125px
}

.sprite-mount_fuji[data-v-102c0265] {
    background-position: -724.609375px -464.453125px
}

.sprite-mountain_bicyclist[data-v-102c0265] {
    background-position: -753.515625px -464.453125px
}

.sprite-mountain_cableway[data-v-102c0265] {
    background-position: -782.421875px -464.453125px
}

.sprite-mountain_railway[data-v-102c0265] {
    background-position: -811.328125px -464.453125px
}

.sprite-mouse[data-v-102c0265] {
    background-position: -1.953125px -493.359375px
}

.sprite-mouse2[data-v-102c0265] {
    background-position: -30.859375px -493.359375px
}

.sprite-movie_camera[data-v-102c0265] {
    background-position: -59.765625px -493.359375px
}

.sprite-moyai[data-v-102c0265] {
    background-position: -88.671875px -493.359375px
}

.sprite-muscle[data-v-102c0265] {
    background-position: -117.578125px -493.359375px
}

.sprite-mushroom[data-v-102c0265] {
    background-position: -146.484375px -493.359375px
}

.sprite-musical_keyboard[data-v-102c0265] {
    background-position: -175.390625px -493.359375px
}

.sprite-musical_note[data-v-102c0265] {
    background-position: -204.296875px -493.359375px
}

.sprite-musical_score[data-v-102c0265] {
    background-position: -233.203125px -493.359375px
}

.sprite-mute[data-v-102c0265] {
    background-position: -262.109375px -493.359375px
}

.sprite-nail_care[data-v-102c0265] {
    background-position: -291.015625px -493.359375px
}

.sprite-name_badge[data-v-102c0265] {
    background-position: -319.921875px -493.359375px
}

.sprite-neckbeard[data-v-102c0265] {
    background-position: -348.828125px -493.359375px
}

.sprite-necktie[data-v-102c0265] {
    background-position: -377.734375px -493.359375px
}

.sprite-negative_squared_cross_mark[data-v-102c0265] {
    background-position: -406.640625px -493.359375px
}

.sprite-neutral_face[data-v-102c0265] {
    background-position: -435.546875px -493.359375px
}

.sprite-new[data-v-102c0265] {
    background-position: -464.453125px -493.359375px
}

.sprite-new_moon[data-v-102c0265] {
    background-position: -493.359375px -493.359375px
}

.sprite-new_moon_with_face[data-v-102c0265] {
    background-position: -522.265625px -493.359375px
}

.sprite-newspaper[data-v-102c0265] {
    background-position: -551.171875px -493.359375px
}

.sprite-ng[data-v-102c0265] {
    background-position: -580.078125px -493.359375px
}

.sprite-nine[data-v-102c0265] {
    background-position: -608.984375px -493.359375px
}

.sprite-no_bell[data-v-102c0265] {
    background-position: -637.890625px -493.359375px
}

.sprite-no_bicycles[data-v-102c0265] {
    background-position: -666.796875px -493.359375px
}

.sprite-no_entry[data-v-102c0265] {
    background-position: -695.703125px -493.359375px
}

.sprite-no_entry_sign[data-v-102c0265] {
    background-position: -724.609375px -493.359375px
}

.sprite-no_good[data-v-102c0265] {
    background-position: -753.515625px -493.359375px
}

.sprite-no_mobile_phones[data-v-102c0265] {
    background-position: -782.421875px -493.359375px
}

.sprite-no_mouth[data-v-102c0265] {
    background-position: -811.328125px -493.359375px
}

.sprite-no_pedestrians[data-v-102c0265] {
    background-position: -1.953125px -522.265625px
}

.sprite-no_smoking[data-v-102c0265] {
    background-position: -30.859375px -522.265625px
}

.sprite-non-potable_water[data-v-102c0265] {
    background-position: -59.765625px -522.265625px
}

.sprite-nose[data-v-102c0265] {
    background-position: -88.671875px -522.265625px
}

.sprite-notebook[data-v-102c0265] {
    background-position: -117.578125px -522.265625px
}

.sprite-notebook_with_decorative_cover[data-v-102c0265] {
    background-position: -146.484375px -522.265625px
}

.sprite-notes[data-v-102c0265] {
    background-position: -175.390625px -522.265625px
}

.sprite-nut_and_bolt[data-v-102c0265] {
    background-position: -204.296875px -522.265625px
}

.sprite-o[data-v-102c0265] {
    background-position: -233.203125px -522.265625px
}

.sprite-o2[data-v-102c0265] {
    background-position: -262.109375px -522.265625px
}

.sprite-ocean[data-v-102c0265] {
    background-position: -291.015625px -522.265625px
}

.sprite-octocat[data-v-102c0265] {
    background-position: -319.921875px -522.265625px
}

.sprite-octopus[data-v-102c0265] {
    background-position: -348.828125px -522.265625px
}

.sprite-oden[data-v-102c0265] {
    background-position: -377.734375px -522.265625px
}

.sprite-office[data-v-102c0265] {
    background-position: -406.640625px -522.265625px
}

.sprite-ok[data-v-102c0265] {
    background-position: -435.546875px -522.265625px
}

.sprite-ok_hand[data-v-102c0265] {
    background-position: -464.453125px -522.265625px
}

.sprite-ok_woman[data-v-102c0265] {
    background-position: -493.359375px -522.265625px
}

.sprite-older_man[data-v-102c0265] {
    background-position: -522.265625px -522.265625px
}

.sprite-older_woman[data-v-102c0265] {
    background-position: -551.171875px -522.265625px
}

.sprite-on[data-v-102c0265] {
    background-position: -580.078125px -522.265625px
}

.sprite-oncoming_automobile[data-v-102c0265] {
    background-position: -608.984375px -522.265625px
}

.sprite-oncoming_bus[data-v-102c0265] {
    background-position: -637.890625px -522.265625px
}

.sprite-oncoming_police_car[data-v-102c0265] {
    background-position: -666.796875px -522.265625px
}

.sprite-oncoming_taxi[data-v-102c0265] {
    background-position: -695.703125px -522.265625px
}

.sprite-one[data-v-102c0265] {
    background-position: -724.609375px -522.265625px
}

.sprite-open_file_folder[data-v-102c0265] {
    background-position: -753.515625px -522.265625px
}

.sprite-open_hands[data-v-102c0265] {
    background-position: -782.421875px -522.265625px
}

.sprite-open_mouth[data-v-102c0265] {
    background-position: -811.328125px -522.265625px
}

.sprite-ophiuchus[data-v-102c0265] {
    background-position: -1.953125px -551.171875px
}

.sprite-orange_book[data-v-102c0265] {
    background-position: -30.859375px -551.171875px
}

.sprite-outbox_tray[data-v-102c0265] {
    background-position: -59.765625px -551.171875px
}

.sprite-ox[data-v-102c0265] {
    background-position: -88.671875px -551.171875px
}

.sprite-package[data-v-102c0265] {
    background-position: -117.578125px -551.171875px
}

.sprite-page_facing_up[data-v-102c0265] {
    background-position: -146.484375px -551.171875px
}

.sprite-page_with_curl[data-v-102c0265] {
    background-position: -175.390625px -551.171875px
}

.sprite-pager[data-v-102c0265] {
    background-position: -204.296875px -551.171875px
}

.sprite-palm_tree[data-v-102c0265] {
    background-position: -233.203125px -551.171875px
}

.sprite-panda_face[data-v-102c0265] {
    background-position: -262.109375px -551.171875px
}

.sprite-paperclip[data-v-102c0265] {
    background-position: -291.015625px -551.171875px
}

.sprite-parking[data-v-102c0265] {
    background-position: -319.921875px -551.171875px
}

.sprite-part_alternation_mark[data-v-102c0265] {
    background-position: -348.828125px -551.171875px
}

.sprite-partly_sunny[data-v-102c0265] {
    background-position: -377.734375px -551.171875px
}

.sprite-passport_control[data-v-102c0265] {
    background-position: -406.640625px -551.171875px
}

.sprite-paw_prints[data-v-102c0265] {
    background-position: -435.546875px -551.171875px
}

.sprite-peach[data-v-102c0265] {
    background-position: -464.453125px -551.171875px
}

.sprite-pear[data-v-102c0265] {
    background-position: -493.359375px -551.171875px
}

.sprite-pencil[data-v-102c0265] {
    background-position: -522.265625px -551.171875px
}

.sprite-pencil2[data-v-102c0265] {
    background-position: -551.171875px -551.171875px
}

.sprite-penguin[data-v-102c0265] {
    background-position: -580.078125px -551.171875px
}

.sprite-pensive[data-v-102c0265] {
    background-position: -608.984375px -551.171875px
}

.sprite-performing_arts[data-v-102c0265] {
    background-position: -637.890625px -551.171875px
}

.sprite-persevere[data-v-102c0265] {
    background-position: -666.796875px -551.171875px
}

.sprite-person_frowning[data-v-102c0265] {
    background-position: -695.703125px -551.171875px
}

.sprite-person_with_blond_hair[data-v-102c0265] {
    background-position: -724.609375px -551.171875px
}

.sprite-person_with_pouting_face[data-v-102c0265] {
    background-position: -753.515625px -551.171875px
}

.sprite-phone[data-v-102c0265] {
    background-position: -782.421875px -551.171875px
}

.sprite-pig[data-v-102c0265] {
    background-position: -811.328125px -551.171875px
}

.sprite-pig2[data-v-102c0265] {
    background-position: -1.953125px -580.078125px
}

.sprite-pig_nose[data-v-102c0265] {
    background-position: -30.859375px -580.078125px
}

.sprite-pill[data-v-102c0265] {
    background-position: -59.765625px -580.078125px
}

.sprite-pineapple[data-v-102c0265] {
    background-position: -88.671875px -580.078125px
}

.sprite-pisces[data-v-102c0265] {
    background-position: -117.578125px -580.078125px
}

.sprite-pizza[data-v-102c0265] {
    background-position: -146.484375px -580.078125px
}

.sprite-plus1[data-v-102c0265] {
    background-position: -175.390625px -580.078125px
}

.sprite-point_down[data-v-102c0265] {
    background-position: -204.296875px -580.078125px
}

.sprite-point_left[data-v-102c0265] {
    background-position: -233.203125px -580.078125px
}

.sprite-point_right[data-v-102c0265] {
    background-position: -262.109375px -580.078125px
}

.sprite-point_up[data-v-102c0265] {
    background-position: -291.015625px -580.078125px
}

.sprite-point_up_2[data-v-102c0265] {
    background-position: -319.921875px -580.078125px
}

.sprite-police_car[data-v-102c0265] {
    background-position: -348.828125px -580.078125px
}

.sprite-poodle[data-v-102c0265] {
    background-position: -377.734375px -580.078125px
}

.sprite-poop[data-v-102c0265] {
    background-position: -406.640625px -580.078125px
}

.sprite-post_office[data-v-102c0265] {
    background-position: -435.546875px -580.078125px
}

.sprite-postal_horn[data-v-102c0265] {
    background-position: -464.453125px -580.078125px
}

.sprite-postbox[data-v-102c0265] {
    background-position: -493.359375px -580.078125px
}

.sprite-potable_water[data-v-102c0265] {
    background-position: -522.265625px -580.078125px
}

.sprite-pouch[data-v-102c0265] {
    background-position: -551.171875px -580.078125px
}

.sprite-poultry_leg[data-v-102c0265] {
    background-position: -580.078125px -580.078125px
}

.sprite-pound[data-v-102c0265] {
    background-position: -608.984375px -580.078125px
}

.sprite-pouting_cat[data-v-102c0265] {
    background-position: -637.890625px -580.078125px
}

.sprite-pray[data-v-102c0265] {
    background-position: -666.796875px -580.078125px
}

.sprite-princess[data-v-102c0265] {
    background-position: -695.703125px -580.078125px
}

.sprite-punch[data-v-102c0265] {
    background-position: -724.609375px -580.078125px
}

.sprite-purple_heart[data-v-102c0265] {
    background-position: -753.515625px -580.078125px
}

.sprite-purse[data-v-102c0265] {
    background-position: -782.421875px -580.078125px
}

.sprite-pushpin[data-v-102c0265] {
    background-position: -811.328125px -580.078125px
}

.sprite-put_litter_in_its_place[data-v-102c0265] {
    background-position: -1.953125px -608.984375px
}

.sprite-question[data-v-102c0265] {
    background-position: -30.859375px -608.984375px
}

.sprite-rabbit[data-v-102c0265] {
    background-position: -59.765625px -608.984375px
}

.sprite-rabbit2[data-v-102c0265] {
    background-position: -88.671875px -608.984375px
}

.sprite-racehorse[data-v-102c0265] {
    background-position: -117.578125px -608.984375px
}

.sprite-radio[data-v-102c0265] {
    background-position: -146.484375px -608.984375px
}

.sprite-radio_button[data-v-102c0265] {
    background-position: -175.390625px -608.984375px
}

.sprite-rage[data-v-102c0265] {
    background-position: -204.296875px -608.984375px
}

.sprite-rage1[data-v-102c0265] {
    background-position: -233.203125px -608.984375px
}

.sprite-rage2[data-v-102c0265] {
    background-position: -262.109375px -608.984375px
}

.sprite-rage3[data-v-102c0265] {
    background-position: -291.015625px -608.984375px
}

.sprite-rage4[data-v-102c0265] {
    background-position: -319.921875px -608.984375px
}

.sprite-railway_car[data-v-102c0265] {
    background-position: -348.828125px -608.984375px
}

.sprite-rainbow[data-v-102c0265] {
    background-position: -377.734375px -608.984375px
}

.sprite-raised_hand[data-v-102c0265] {
    background-position: -406.640625px -608.984375px
}

.sprite-raised_hands[data-v-102c0265] {
    background-position: -435.546875px -608.984375px
}

.sprite-raising_hand[data-v-102c0265] {
    background-position: -464.453125px -608.984375px
}

.sprite-ram[data-v-102c0265] {
    background-position: -493.359375px -608.984375px
}

.sprite-ramen[data-v-102c0265] {
    background-position: -522.265625px -608.984375px
}

.sprite-rat[data-v-102c0265] {
    background-position: -551.171875px -608.984375px
}

.sprite-recycle[data-v-102c0265] {
    background-position: -580.078125px -608.984375px
}

.sprite-red_car[data-v-102c0265] {
    background-position: -608.984375px -608.984375px
}

.sprite-red_circle[data-v-102c0265] {
    background-position: -637.890625px -608.984375px
}

.sprite-refuse[data-v-102c0265] {
    background-position: -666.796875px -608.984375px
}

.sprite-registered[data-v-102c0265] {
    background-position: -695.703125px -608.984375px
}

.sprite-relaxed[data-v-102c0265] {
    background-position: -724.609375px -608.984375px
}

.sprite-relieved[data-v-102c0265] {
    background-position: -753.515625px -608.984375px
}

.sprite-repeat[data-v-102c0265] {
    background-position: -782.421875px -608.984375px
}

.sprite-repeat_one[data-v-102c0265] {
    background-position: -811.328125px -608.984375px
}

.sprite-restroom[data-v-102c0265] {
    background-position: -1.953125px -637.890625px
}

.sprite-revolving_hearts[data-v-102c0265] {
    background-position: -30.859375px -637.890625px
}

.sprite-rewind[data-v-102c0265] {
    background-position: -59.765625px -637.890625px
}

.sprite-ribbon[data-v-102c0265] {
    background-position: -88.671875px -637.890625px
}

.sprite-rice[data-v-102c0265] {
    background-position: -117.578125px -637.890625px
}

.sprite-rice_ball[data-v-102c0265] {
    background-position: -146.484375px -637.890625px
}

.sprite-rice_cracker[data-v-102c0265] {
    background-position: -175.390625px -637.890625px
}

.sprite-rice_scene[data-v-102c0265] {
    background-position: -204.296875px -637.890625px
}

.sprite-ring[data-v-102c0265] {
    background-position: -233.203125px -637.890625px
}

.sprite-rocket[data-v-102c0265] {
    background-position: -262.109375px -637.890625px
}

.sprite-roller_coaster[data-v-102c0265] {
    background-position: -291.015625px -637.890625px
}

.sprite-rooster[data-v-102c0265] {
    background-position: -319.921875px -637.890625px
}

.sprite-rose[data-v-102c0265] {
    background-position: -348.828125px -637.890625px
}

.sprite-rotating_light[data-v-102c0265] {
    background-position: -377.734375px -637.890625px
}

.sprite-round_pushpin[data-v-102c0265] {
    background-position: -406.640625px -637.890625px
}

.sprite-rowboat[data-v-102c0265] {
    background-position: -435.546875px -637.890625px
}

.sprite-ru[data-v-102c0265] {
    background-position: -464.453125px -637.890625px
}

.sprite-rugby_football[data-v-102c0265] {
    background-position: -493.359375px -637.890625px
}

.sprite-runner[data-v-102c0265] {
    background-position: -522.265625px -637.890625px
}

.sprite-running[data-v-102c0265] {
    background-position: -551.171875px -637.890625px
}

.sprite-running_shirt_with_sash[data-v-102c0265] {
    background-position: -580.078125px -637.890625px
}

.sprite-sa[data-v-102c0265] {
    background-position: -608.984375px -637.890625px
}

.sprite-sagittarius[data-v-102c0265] {
    background-position: -637.890625px -637.890625px
}

.sprite-sailboat[data-v-102c0265] {
    background-position: -666.796875px -637.890625px
}

.sprite-sake[data-v-102c0265] {
    background-position: -695.703125px -637.890625px
}

.sprite-sandal[data-v-102c0265] {
    background-position: -724.609375px -637.890625px
}

.sprite-santa[data-v-102c0265] {
    background-position: -753.515625px -637.890625px
}

.sprite-satellite[data-v-102c0265] {
    background-position: -782.421875px -637.890625px
}

.sprite-satisfied[data-v-102c0265] {
    background-position: -811.328125px -637.890625px
}

.sprite-saxophone[data-v-102c0265] {
    background-position: -1.953125px -666.796875px
}

.sprite-school[data-v-102c0265] {
    background-position: -30.859375px -666.796875px
}

.sprite-school_satchel[data-v-102c0265] {
    background-position: -59.765625px -666.796875px
}

.sprite-scissors[data-v-102c0265] {
    background-position: -88.671875px -666.796875px
}

.sprite-scorpius[data-v-102c0265] {
    background-position: -117.578125px -666.796875px
}

.sprite-scream[data-v-102c0265] {
    background-position: -146.484375px -666.796875px
}

.sprite-scream_cat[data-v-102c0265] {
    background-position: -175.390625px -666.796875px
}

.sprite-scroll[data-v-102c0265] {
    background-position: -204.296875px -666.796875px
}

.sprite-seat[data-v-102c0265] {
    background-position: -233.203125px -666.796875px
}

.sprite-secret[data-v-102c0265] {
    background-position: -262.109375px -666.796875px
}

.sprite-see_no_evil[data-v-102c0265] {
    background-position: -291.015625px -666.796875px
}

.sprite-seedling[data-v-102c0265] {
    background-position: -319.921875px -666.796875px
}

.sprite-seven[data-v-102c0265] {
    background-position: -348.828125px -666.796875px
}

.sprite-shaved_ice[data-v-102c0265] {
    background-position: -377.734375px -666.796875px
}

.sprite-sheep[data-v-102c0265] {
    background-position: -406.640625px -666.796875px
}

.sprite-shell[data-v-102c0265] {
    background-position: -435.546875px -666.796875px
}

.sprite-ship[data-v-102c0265] {
    background-position: -464.453125px -666.796875px
}

.sprite-shipit[data-v-102c0265] {
    background-position: -493.359375px -666.796875px
}

.sprite-shirt[data-v-102c0265] {
    background-position: -526.5625px -666.796875px
}

.sprite-shit[data-v-102c0265] {
    background-position: -555.46875px -666.796875px
}

.sprite-shoe[data-v-102c0265] {
    background-position: -584.375px -666.796875px
}

.sprite-shower[data-v-102c0265] {
    background-position: -613.28125px -666.796875px
}

.sprite-signal_strength[data-v-102c0265] {
    background-position: -642.1875px -666.796875px
}

.sprite-six[data-v-102c0265] {
    background-position: -671.09375px -666.796875px
}

.sprite-six_pointed_star[data-v-102c0265] {
    background-position: -700px -666.796875px
}

.sprite-ski[data-v-102c0265] {
    background-position: -728.90625px -666.796875px
}

.sprite-skull[data-v-102c0265] {
    background-position: -757.8125px -666.796875px
}

.sprite-sleeping[data-v-102c0265] {
    background-position: -786.71875px -666.796875px
}

.sprite-sleepy[data-v-102c0265] {
    background-position: -815.625px -666.796875px
}

.sprite-slot_machine[data-v-102c0265] {
    background-position: -1.953125px -695.703125px
}

.sprite-small_blue_diamond[data-v-102c0265] {
    background-position: -30.859375px -695.703125px
}

.sprite-small_orange_diamond[data-v-102c0265] {
    background-position: -59.765625px -695.703125px
}

.sprite-small_red_triangle[data-v-102c0265] {
    background-position: -88.671875px -695.703125px
}

.sprite-small_red_triangle_down[data-v-102c0265] {
    background-position: -117.578125px -695.703125px
}

.sprite-smile[data-v-102c0265] {
    background-position: -146.484375px -695.703125px
}

.sprite-smile_cat[data-v-102c0265] {
    background-position: -175.390625px -695.703125px
}

.sprite-smiley[data-v-102c0265] {
    background-position: -204.296875px -695.703125px
}

.sprite-smiley_cat[data-v-102c0265] {
    background-position: -233.203125px -695.703125px
}

.sprite-smiling_imp[data-v-102c0265] {
    background-position: -262.109375px -695.703125px
}

.sprite-smirk[data-v-102c0265] {
    background-position: -291.015625px -695.703125px
}

.sprite-smirk_cat[data-v-102c0265] {
    background-position: -319.921875px -695.703125px
}

.sprite-smoking[data-v-102c0265] {
    background-position: -348.828125px -695.703125px
}

.sprite-snail[data-v-102c0265] {
    background-position: -377.734375px -695.703125px
}

.sprite-snake[data-v-102c0265] {
    background-position: -406.640625px -695.703125px
}

.sprite-snowboarder[data-v-102c0265] {
    background-position: -435.546875px -695.703125px
}

.sprite-snowflake[data-v-102c0265] {
    background-position: -464.453125px -695.703125px
}

.sprite-snowman[data-v-102c0265] {
    background-position: -526.5625px -695.703125px
}

.sprite-sob[data-v-102c0265] {
    background-position: -555.46875px -695.703125px
}

.sprite-soccer[data-v-102c0265] {
    background-position: -584.375px -695.703125px
}

.sprite-soon[data-v-102c0265] {
    background-position: -613.28125px -695.703125px
}

.sprite-sos[data-v-102c0265] {
    background-position: -642.1875px -695.703125px
}

.sprite-sound[data-v-102c0265] {
    background-position: -671.09375px -695.703125px
}

.sprite-space_invader[data-v-102c0265] {
    background-position: -700px -695.703125px
}

.sprite-spades[data-v-102c0265] {
    background-position: -728.90625px -695.703125px
}

.sprite-spaghetti[data-v-102c0265] {
    background-position: -757.8125px -695.703125px
}

.sprite-sparkle[data-v-102c0265] {
    background-position: -786.71875px -695.703125px
}

.sprite-sparkler[data-v-102c0265] {
    background-position: -815.625px -695.703125px
}

.sprite-sparkles[data-v-102c0265] {
    background-position: -1.953125px -724.609375px
}

.sprite-sparkling_heart[data-v-102c0265] {
    background-position: -30.859375px -724.609375px
}

.sprite-speak_no_evil[data-v-102c0265] {
    background-position: -59.765625px -724.609375px
}

.sprite-speaker[data-v-102c0265] {
    background-position: -88.671875px -724.609375px
}

.sprite-speech_balloon[data-v-102c0265] {
    background-position: -117.578125px -724.609375px
}

.sprite-speedboat[data-v-102c0265] {
    background-position: -146.484375px -724.609375px
}

.sprite-squirrel[data-v-102c0265] {
    background-position: -175.390625px -724.609375px
}

.sprite-stackoverflow[data-v-102c0265] {
    background-position: -840.234375px -48.828125px
}

.sprite-star[data-v-102c0265] {
    background-position: -208.59375px -724.609375px
}

.sprite-star2[data-v-102c0265] {
    background-position: -237.5px -724.609375px
}

.sprite-stars[data-v-102c0265] {
    background-position: -266.40625px -724.609375px
}

.sprite-station[data-v-102c0265] {
    background-position: -295.3125px -724.609375px
}

.sprite-statue_of_liberty[data-v-102c0265] {
    background-position: -324.21875px -724.609375px
}

.sprite-steam_locomotive[data-v-102c0265] {
    background-position: -353.125px -724.609375px
}

.sprite-stew[data-v-102c0265] {
    background-position: -382.03125px -724.609375px
}

.sprite-straight_ruler[data-v-102c0265] {
    background-position: -410.9375px -724.609375px
}

.sprite-strawberry[data-v-102c0265] {
    background-position: -439.84375px -724.609375px
}

.sprite-stuck_out_tongue[data-v-102c0265] {
    background-position: -468.75px -724.609375px
}

.sprite-stuck_out_tongue_closed_eyes[data-v-102c0265] {
    background-position: -497.65625px -724.609375px
}

.sprite-stuck_out_tongue_winking_eye[data-v-102c0265] {
    background-position: -526.5625px -724.609375px
}

.sprite-sun_with_face[data-v-102c0265] {
    background-position: -555.46875px -724.609375px
}

.sprite-sunflower[data-v-102c0265] {
    background-position: -584.375px -724.609375px
}

.sprite-sunglasses[data-v-102c0265] {
    background-position: -613.28125px -724.609375px
}

.sprite-sunny[data-v-102c0265] {
    background-position: -642.1875px -724.609375px
}

.sprite-sunrise[data-v-102c0265] {
    background-position: -671.09375px -724.609375px
}

.sprite-sunrise_over_mountains[data-v-102c0265] {
    background-position: -700px -724.609375px
}

.sprite-surfer[data-v-102c0265] {
    background-position: -728.90625px -724.609375px
}

.sprite-sushi[data-v-102c0265] {
    background-position: -757.8125px -724.609375px
}

.sprite-suspect[data-v-102c0265] {
    background-position: -786.71875px -724.609375px
}

.sprite-suspension_railway[data-v-102c0265] {
    background-position: -815.625px -724.609375px
}

.sprite-sweat[data-v-102c0265] {
    background-position: -1.953125px -753.515625px
}

.sprite-sweat_drops[data-v-102c0265] {
    background-position: -30.859375px -753.515625px
}

.sprite-sweat_smile[data-v-102c0265] {
    background-position: -59.765625px -753.515625px
}

.sprite-sweet_potato[data-v-102c0265] {
    background-position: -88.671875px -753.515625px
}

.sprite-swimmer[data-v-102c0265] {
    background-position: -117.578125px -753.515625px
}

.sprite-symbols[data-v-102c0265] {
    background-position: -146.484375px -753.515625px
}

.sprite-syringe[data-v-102c0265] {
    background-position: -208.59375px -753.515625px
}

.sprite-tada[data-v-102c0265] {
    background-position: -237.5px -753.515625px
}

.sprite-tanabata_tree[data-v-102c0265] {
    background-position: -266.40625px -753.515625px
}

.sprite-tangerine[data-v-102c0265] {
    background-position: -295.3125px -753.515625px
}

.sprite-taurus[data-v-102c0265] {
    background-position: -324.21875px -753.515625px
}

.sprite-taxi[data-v-102c0265] {
    background-position: -353.125px -753.515625px
}

.sprite-tea[data-v-102c0265] {
    background-position: -382.03125px -753.515625px
}

.sprite-telephone[data-v-102c0265] {
    background-position: -410.9375px -753.515625px
}

.sprite-telephone_receiver[data-v-102c0265] {
    background-position: -439.84375px -753.515625px
}

.sprite-telescope[data-v-102c0265] {
    background-position: -468.75px -753.515625px
}

.sprite-tennis[data-v-102c0265] {
    background-position: -497.65625px -753.515625px
}

.sprite-tent[data-v-102c0265] {
    background-position: -526.5625px -753.515625px
}

.sprite-thought_balloon[data-v-102c0265] {
    background-position: -555.46875px -753.515625px
}

.sprite-three[data-v-102c0265] {
    background-position: -584.375px -753.515625px
}

.sprite-thumbsdown[data-v-102c0265] {
    background-position: -613.28125px -753.515625px
}

.sprite-thumbsup[data-v-102c0265] {
    background-position: -642.1875px -753.515625px
}

.sprite-ticket[data-v-102c0265] {
    background-position: -671.09375px -753.515625px
}

.sprite-tiger[data-v-102c0265] {
    background-position: -700px -753.515625px
}

.sprite-tiger2[data-v-102c0265] {
    background-position: -728.90625px -753.515625px
}

.sprite-tired_face[data-v-102c0265] {
    background-position: -757.8125px -753.515625px
}

.sprite-tm[data-v-102c0265] {
    background-position: -786.71875px -753.515625px
}

.sprite-toilet[data-v-102c0265] {
    background-position: -815.625px -753.515625px
}

.sprite-tokyo_tower[data-v-102c0265] {
    background-position: -1.953125px -782.421875px
}

.sprite-tomato[data-v-102c0265] {
    background-position: -30.859375px -782.421875px
}

.sprite-tongue[data-v-102c0265] {
    background-position: -59.765625px -782.421875px
}

.sprite-top[data-v-102c0265] {
    background-position: -88.671875px -782.421875px
}

.sprite-tophat[data-v-102c0265] {
    background-position: -117.578125px -782.421875px
}

.sprite-tractor[data-v-102c0265] {
    background-position: -146.484375px -782.421875px
}

.sprite-traffic_light[data-v-102c0265] {
    background-position: -175.390625px -782.421875px
}

.sprite-train[data-v-102c0265] {
    background-position: -204.296875px -782.421875px
}

.sprite-train2[data-v-102c0265] {
    background-position: -233.203125px -782.421875px
}

.sprite-tram[data-v-102c0265] {
    background-position: -262.109375px -782.421875px
}

.sprite-triangular_flag_on_post[data-v-102c0265] {
    background-position: -291.015625px -782.421875px
}

.sprite-triangular_ruler[data-v-102c0265] {
    background-position: -319.921875px -782.421875px
}

.sprite-trident[data-v-102c0265] {
    background-position: -348.828125px -782.421875px
}

.sprite-triumph[data-v-102c0265] {
    background-position: -377.734375px -782.421875px
}

.sprite-trolleybus[data-v-102c0265] {
    background-position: -406.640625px -782.421875px
}

.sprite-trollface[data-v-102c0265] {
    background-position: -435.546875px -782.421875px
}

.sprite-trophy[data-v-102c0265] {
    background-position: -464.453125px -782.421875px
}

.sprite-tropical_drink[data-v-102c0265] {
    background-position: -493.359375px -782.421875px
}

.sprite-tropical_fish[data-v-102c0265] {
    background-position: -522.265625px -782.421875px
}

.sprite-truck[data-v-102c0265] {
    background-position: -551.171875px -782.421875px
}

.sprite-trumpet[data-v-102c0265] {
    background-position: -580.078125px -782.421875px
}

.sprite-tshirt[data-v-102c0265] {
    background-position: -608.984375px -782.421875px
}

.sprite-tulip[data-v-102c0265] {
    background-position: -637.890625px -782.421875px
}

.sprite-tumblr[data-v-102c0265] {
    background-position: -840.234375px -64.453125px
}

.sprite-turtle[data-v-102c0265] {
    background-position: -666.796875px -782.421875px
}

.sprite-tv[data-v-102c0265] {
    background-position: -695.703125px -782.421875px
}

.sprite-twisted_rightwards_arrows[data-v-102c0265] {
    background-position: -724.609375px -782.421875px
}

.sprite-twitter[data-v-102c0265] {
    background-position: -840.234375px -80.078125px
}

.sprite-two[data-v-102c0265] {
    background-position: -753.515625px -782.421875px
}

.sprite-two_hearts[data-v-102c0265] {
    background-position: -782.421875px -782.421875px
}

.sprite-two_men_holding_hands[data-v-102c0265] {
    background-position: -811.328125px -782.421875px
}

.sprite-two_women_holding_hands[data-v-102c0265] {
    background-position: -1.953125px -811.328125px
}

.sprite-u5272[data-v-102c0265] {
    background-position: -30.859375px -811.328125px
}

.sprite-u5408[data-v-102c0265] {
    background-position: -59.765625px -811.328125px
}

.sprite-u55b6[data-v-102c0265] {
    background-position: -88.671875px -811.328125px
}

.sprite-u6307[data-v-102c0265] {
    background-position: -117.578125px -811.328125px
}

.sprite-u6708[data-v-102c0265] {
    background-position: -146.484375px -811.328125px
}

.sprite-u6709[data-v-102c0265] {
    background-position: -175.390625px -811.328125px
}

.sprite-u6e80[data-v-102c0265] {
    background-position: -204.296875px -811.328125px
}

.sprite-u7121[data-v-102c0265] {
    background-position: -233.203125px -811.328125px
}

.sprite-u7533[data-v-102c0265] {
    background-position: -262.109375px -811.328125px
}

.sprite-u7981[data-v-102c0265] {
    background-position: -291.015625px -811.328125px
}

.sprite-u7a7a[data-v-102c0265] {
    background-position: -319.921875px -811.328125px
}

.sprite-uk[data-v-102c0265] {
    background-position: -348.828125px -811.328125px
}

.sprite-umbrella[data-v-102c0265] {
    background-position: -377.734375px -811.328125px
}

.sprite-unamused[data-v-102c0265] {
    background-position: -406.640625px -811.328125px
}

.sprite-underage[data-v-102c0265] {
    background-position: -435.546875px -811.328125px
}

.sprite-unlock[data-v-102c0265] {
    background-position: -464.453125px -811.328125px
}

.sprite-up[data-v-102c0265] {
    background-position: -493.359375px -811.328125px
}

.sprite-us[data-v-102c0265] {
    background-position: -522.265625px -811.328125px
}

.sprite-v[data-v-102c0265] {
    background-position: -551.171875px -811.328125px
}

.sprite-vertical_traffic_light[data-v-102c0265] {
    background-position: -580.078125px -811.328125px
}

.sprite-vhs[data-v-102c0265] {
    background-position: -608.984375px -811.328125px
}

.sprite-vibration_mode[data-v-102c0265] {
    background-position: -637.890625px -811.328125px
}

.sprite-video_camera[data-v-102c0265] {
    background-position: -666.796875px -811.328125px
}

.sprite-video_game[data-v-102c0265] {
    background-position: -695.703125px -811.328125px
}

.sprite-violin[data-v-102c0265] {
    background-position: -724.609375px -811.328125px
}

.sprite-virgo[data-v-102c0265] {
    background-position: -753.515625px -811.328125px
}

.sprite-volcano[data-v-102c0265] {
    background-position: -782.421875px -811.328125px
}

.sprite-vs[data-v-102c0265] {
    background-position: -811.328125px -811.328125px
}

.sprite-walking[data-v-102c0265] {
    background-position: -855.859375px -1.953125px
}

.sprite-waning_crescent_moon[data-v-102c0265] {
    background-position: -855.859375px -30.859375px
}

.sprite-waning_gibbous_moon[data-v-102c0265] {
    background-position: -855.859375px -59.765625px
}

.sprite-warning[data-v-102c0265] {
    background-position: -855.859375px -88.671875px
}

.sprite-watch[data-v-102c0265] {
    background-position: -840.234375px -117.578125px
}

.sprite-water_buffalo[data-v-102c0265] {
    background-position: -840.234375px -146.484375px
}

.sprite-watermelon[data-v-102c0265] {
    background-position: -840.234375px -175.390625px
}

.sprite-wave[data-v-102c0265] {
    background-position: -840.234375px -204.296875px
}

.sprite-wavy_dash[data-v-102c0265] {
    background-position: -840.234375px -233.203125px
}

.sprite-waxing_crescent_moon[data-v-102c0265] {
    background-position: -840.234375px -262.109375px
}

.sprite-waxing_gibbous_moon[data-v-102c0265] {
    background-position: -840.234375px -291.015625px
}

.sprite-wc[data-v-102c0265] {
    background-position: -840.234375px -319.921875px
}

.sprite-weary[data-v-102c0265] {
    background-position: -840.234375px -348.828125px
}

.sprite-wedding[data-v-102c0265] {
    background-position: -840.234375px -377.734375px
}

.sprite-whale[data-v-102c0265] {
    background-position: -840.234375px -406.640625px
}

.sprite-whale2[data-v-102c0265] {
    background-position: -840.234375px -435.546875px
}

.sprite-wheelchair[data-v-102c0265] {
    background-position: -840.234375px -464.453125px
}

.sprite-white_check_mark[data-v-102c0265] {
    background-position: -840.234375px -493.359375px
}

.sprite-white_circle[data-v-102c0265] {
    background-position: -840.234375px -522.265625px
}

.sprite-white_flower[data-v-102c0265] {
    background-position: -840.234375px -551.171875px
}

.sprite-white_large_square[data-v-102c0265] {
    background-position: -840.234375px -580.078125px
}

.sprite-white_medium_small_square[data-v-102c0265] {
    background-position: -840.234375px -608.984375px
}

.sprite-white_medium_square[data-v-102c0265] {
    background-position: -840.234375px -637.890625px
}

.sprite-white_small_square[data-v-102c0265] {
    background-position: -844.53125px -666.796875px
}

.sprite-white_square_button[data-v-102c0265] {
    background-position: -844.53125px -695.703125px
}

.sprite-wind_chime[data-v-102c0265] {
    background-position: -844.53125px -724.609375px
}

.sprite-wine_glass[data-v-102c0265] {
    background-position: -844.53125px -753.515625px
}

.sprite-wink[data-v-102c0265] {
    background-position: -840.234375px -782.421875px
}

.sprite-wolf[data-v-102c0265] {
    background-position: -840.234375px -811.328125px
}

.sprite-woman[data-v-102c0265] {
    background-position: -1.953125px -840.234375px
}

.sprite-womans_clothes[data-v-102c0265] {
    background-position: -30.859375px -840.234375px
}

.sprite-womans_hat[data-v-102c0265] {
    background-position: -59.765625px -840.234375px
}

.sprite-womens[data-v-102c0265] {
    background-position: -88.671875px -840.234375px
}

.sprite-worried[data-v-102c0265] {
    background-position: -117.578125px -840.234375px
}

.sprite-wrench[data-v-102c0265] {
    background-position: -146.484375px -840.234375px
}

.sprite-x[data-v-102c0265] {
    background-position: -175.390625px -840.234375px
}

.sprite-yellow_heart[data-v-102c0265] {
    background-position: -204.296875px -840.234375px
}

.sprite-yen[data-v-102c0265] {
    background-position: -233.203125px -840.234375px
}

.sprite-yum[data-v-102c0265] {
    background-position: -262.109375px -840.234375px
}

.sprite-zap[data-v-102c0265] {
    background-position: -291.015625px -840.234375px
}

.sprite-zero[data-v-102c0265] {
    background-position: -319.921875px -840.234375px
}

.sprite-zzz[data-v-102c0265] {
    background-position: -348.828125px -840.234375px
}

.emoji[data-v-102c0265] {
    width: 380px;
    height: 200px;
    bottom: 30px;
    background: #fff;
    z-index: 10;
    padding: 10px;
    margin-right: 10px
}

.emoji .emoji-container[data-v-102c0265] {
    height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative
}

.emoji .emoji-container li[data-v-102c0265] {
    font-size: 0;
    padding: 5px
}

.emoji .emoji-container li a[data-v-102c0265] {
    float: left;
    overflow: hidden;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    border-radius: 4px
}

.emoji .emoji-container li a[data-v-102c0265]:hover {
    background-color: #d8d8d8;
    border-color: #d8d8d8
}

.emoji .emoji-container li a span[data-v-102c0265] {
    width: 40px;
    height: 40px;
    display: inline-block;
    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;
    border: 1px solid transparent;
    cursor: pointer
}

.recycle * {
    word-break: break-all
}

.recycle button {
    cursor: pointer
}

.recycle .recycle-menu {
    float: left;
    width: 29%;
    height: 100%;
    background-color: #fafafa;
    overflow-y: scroll
}

.recycle .recycle-menu h2 {
    color: #a9a9a9;
    font-size: 28px;
    line-height: 117px;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 21px
}

.recycle .recycle-menu h2 button {
    border: none;
    background: none;
    color: #666;
    font-size: 18px;
    line-height: 117px;
    float: right
}

.recycle .recycle-menu h2 button:last-child {
    margin-right: 19px
}

.recycle .recycle-menu .list .item {
    border-bottom: 1px solid #f4f4f4;
    padding: 21px 24px 20px 74px;
    height: 120px;
    position: relative;
    cursor: pointer
}

.recycle .recycle-menu .list .item.isCurrent, .recycle .recycle-menu .list .item:hover {
    background-color: #f4f4f4
}

.recycle .recycle-menu .list .item img {
    width: 74px;
    height: 120px;
    padding: 50px 27px;
    position: absolute;
    top: 0;
    left: 0
}

.recycle .recycle-menu .list .item .content h3 {
    color: #333;
    font-size: 18px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.recycle .recycle-menu .list .item .content p {
    color: #666;
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    text-align: justify
}

.recycle .recycle-menu .default {
    text-align: center
}

.recycle .recycle-menu .default img {
    width: 51px;
    height: 58px;
    margin-top: 58%
}

.recycle .recycle-menu .default p {
    color: #a9a9a9;
    font-size: 14px;
    line-height: 1;
    margin-top: 32px;
    text-align: center
}

.recycle .recycle-article {
    float: left;
    width: 71%;
    height: 100%;
    background-color: #fafafa;
    padding: 45px 230px 170px
}

.recycle .recycle-article .title {
    color: #333;
    font-size: 28px;
    line-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.recycle .recycle-article .title a {
    display: inline-block;
    width: 48px;
    height: 48px;
    float: right;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWBAMAAAA2mnEIAAAAIVBMVEUAAAAjFxMjFxMiFxMjGBQhFxQjGBQiFxQjFxQjGBQjGBXJ+u1pAAAACnRSTlMAg4SGi5nL7/D5a4GE7wAAAGRJREFUGFdjiFRggABxA4ZZSyBMllUNDFqrHMBsr1UCQD5YAkJ5gSUgJFgEKgsWggiDxWDCILVZUGGQBMQsMMhalQBjIosjqUc2B8l8ZHuR3IPsToT7FZD8NYEB7l/NALg7gAwA1zQuT7aeC9gAAAAASUVORK5CYII=) no-repeat 50%
}

.recycle .recycle-article .content {
    color: #333;
    font-size: 16px;
    line-height: 24px;
    margin-top: 40px;
    text-align: justify
}

.recycle .recycle-article .ql-editor {
    height: auto!important;
    padding-left: 0!important;
    padding-right: 0!important
}

.recycle .recycle-article .tag {
    display: inline-block;
    color: #666;
    font-size: 14px;
    padding: 6px 10px 6px 13px;
    margin-right: 18px;
    border-radius: 4px;
    background: #ebebeb;
    margin-top: 10px
}

.recycle .recycle-article .operation {
    padding-top: 48px;
    height: 168px;
    background-color: #fafafa;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 29%;
    width: 68%
}

.recycle .recycle-article .operation button {
    color: #fff;
    font-size: 16px;
    line-height: 1;
    width: 100px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #0083ff;
    background-color: #0083ff
}

.recycle .recycle-article .operation button:first-child {
    color: #999;
    background-color: #fff;
    border-color: #999;
    margin-right: 36px
}

.recycle .article-default {
    float: left;
    width: 71%;
    height: 100%;
    background-color: #fafafa;
    text-align: center;
    padding: 45px 230px 170px
}

.recycle .article-default a {
    display: inline-block;
    width: 48px;
    height: 48px;
    float: right;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWBAMAAAA2mnEIAAAAIVBMVEUAAAAjFxMjFxMiFxMjGBQhFxQjGBQiFxQjFxQjGBQjGBXJ+u1pAAAACnRSTlMAg4SGi5nL7/D5a4GE7wAAAGRJREFUGFdjiFRggABxA4ZZSyBMllUNDFqrHMBsr1UCQD5YAkJ5gSUgJFgEKgsWggiDxWDCILVZUGGQBMQsMMhalQBjIosjqUc2B8l8ZHuR3IPsToT7FZD8NYEB7l/NALg7gAwA1zQuT7aeC9gAAAAASUVORK5CYII=) no-repeat 50%
}

.recycle .article-default img {
    width: 369px;
    height: 150px;
    margin-top: 40%
}

.recycle .dialog {
    width: 502px;
    padding: 40px 65px
}

.recycle .dialog h2 {
    color: #333;
    font-size: 30px;
    line-height: 1
}

.recycle .dialog p {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    margin-top: 48px
}

.recycle .dialog .operation {
    margin-top: 65px
}

.recycle .dialog .operation button {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    width: 120px;
    height: 42px;
    border-radius: 4px;
    border: 1px solid #0083ff;
    background: #0083ff;
    float: right;
    margin-bottom: 40px
}

.recycle .dialog .operation button:last-child {
    margin-right: 20px;
    color: #0083ff;
    border-color: #2d93f9;
    background-color: #fff
}

.edit {
    overflow-y: hidden
}

.edit p {
    text-align: justify
}

.edit .ql-editor {
    font-size: 16px;
    line-height: 24px
}

.edit .el-loading-mask {
    background-color: hsla(0, 0%, 100%, .8)
}

.edit .el-loading-mask .el-loading-spinner .circular {
    width: 50px;
    height: 50px
}

.edit .el-loading-mask .el-loading-spinner .path {
    stroke-width: 3px
}

.edit .el-loading-mask .el-loading-spinner .el-loading-text {
    font-size: 18px;
    margin-top: 20px;
    text-align: center
}

.edit ul {
    list-style: none
}

.edit button, .edit ul li {
    cursor: pointer
}

.edit .navMenuBody {
    float: left;
    width: 16%;
    height: 100%;
    background-color: red;
    position: relative
}

.edit .navMenuBody .goRecycle {
    color: #fff;
    font-size: 18px;
    line-height: 1;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAB5JREFUCB1jtN/JqPAChP7/Z2RgADFUVNARRIH9TgAIHQrWOANDwgAAAABJRU5ErkJggg==) no-repeat 20px 23px;
    position: absolute;
    bottom: 0;
    padding: 20px 0 62px 46px;
    background-color: #404040;
    display: block;
    width: 90%;
    border: none;
    text-align: left
}

.edit .navMenuBody .edit-navMenu {
    width: 100%;
    height: 100%;
    background-color: #404040;
    padding-top: 43px;
    color: #fff;
    position: relative
}

.edit .navMenuBody .edit-navMenu .goBack {
    color: #a9a9a9;
    font-size: 26px;
    line-height: 1;
    padding: 0 20px;
    background: none;
    border: none
}

.edit .navMenuBody .edit-navMenu .builder {
    margin-top: 47px;
    padding: 0 24px 0 20px
}

.edit .navMenuBody .edit-navMenu .builder .create {
    padding-left: 23px;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    border: none;
    background: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARBAMAAADJQ1rJAAAAElBMVEUAAADMzMzNzc3MzMzMzMzMzMwEjCbsAAAABXRSTlMAh4n2+kOP9QUAAAAsSURBVAiZY2BgYGAyZIAClhAYizWUJJZKKBiECDCYQlihBkhipJuH4haI+wAdFAxfOKy9aQAAAABJRU5ErkJggg==) no-repeat 0
}

.edit .navMenuBody .edit-navMenu .builder .form {
    margin-top: 23px
}

.edit .navMenuBody .edit-navMenu .builder .form input {
    width: 100%;
    background-color: #666;
    border: none;
    padding: 7px 10px;
    color: #fff;
    font-size: 14px
}

.edit .navMenuBody .edit-navMenu .builder .form input::-webkit-input-placeholder {
    color: #fff
}

.edit .navMenuBody .edit-navMenu .builder .form input:-ms-input-placeholder, .edit .navMenuBody .edit-navMenu .builder .form input::-ms-input-placeholder {
    color: #fff
}

.edit .navMenuBody .edit-navMenu .builder .form input::placeholder {
    color: #fff
}

.edit .navMenuBody .edit-navMenu .builder .form .operation {
    margin-top: 14px
}

.edit .navMenuBody .edit-navMenu .builder .form .operation button {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    width: 60px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 15px;
    background: none;
    float: right
}

.edit .navMenuBody .edit-navMenu .builder .form .operation button:last-child {
    color: #666;
    border: 1px solid #666;
    margin-right: 9px
}

.edit .navMenuBody .edit-navMenu .menuList {
    clear: both;
    padding-top: 13px;
    padding-bottom: 100px
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item {
    font-size: 16px;
    line-height: 1;
    height: 40px;
    padding: 0 24px 0 20px
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item.isCurrent {
    border-left: 3px solid #0083ff
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item.isCurrent, .edit .navMenuBody .edit-navMenu .menuList .menuList-item:hover {
    background-color: #666
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item span {
    display: inline-block;
    width: 82%;
    padding: 13px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item .set {
    display: inline-block;
    width: 18%;
    height: 40px;
    float: right;
    position: relative
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item .set button {
    width: 100%;
    height: 100%;
    border: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAdVBMVEUAAAC/v7/GxsbFxcXIyMjQ0NDIyMjR0dHKysrOzs7KysrNzc3Ly8vOzs7Ly8vLy8vMzMzMzMzLy8vNzc3MzMzKysrMzMzNzc3MzMzNzc3Ly8vMzMzMzMzNzc3MzMzMzMzLy8vMzMzLy8vMzMzMzMzMzMzMzMyHrpBbAAAAJnRSTlMABAkWFxscHD4+P01OTk92d5ydnZ+goKK4ysvP0NDR8PHx8vL6/lM6G4AAAABtSURBVAhbXY5JDoJAAAQLRhFXcEcRRYH6/xM9jDFK3TrpdBcAs6c+pkQSlqorEoBTt69Vm113gHzwy5BzU/sihLJXa65qAVCqF9JKA8BEq3QcR+W/qYb579ECjq/t/aNxjpIb1XWUBLJW2wzgDaQqEDbqAoHBAAAAAElFTkSuQmCC) no-repeat 100%
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item .set:hover .setList {
    visibility: visible
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item .set .setList {
    visibility: hidden;
    position: absolute;
    right: -12px;
    top: 100%;
    z-index: 1000;
    width: 110px;
    border-radius: 4px;
    background-color: #fff;
    padding: 3px 0
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item .set .setList .icon {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid;
    border-color: transparent transparent #fff;
    position: absolute;
    top: -12px;
    right: 14px
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item .set .setList li {
    color: #666;
    font-size: 16px;
    line-height: 40px;
    padding-left: 32px
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item .set .setList li.reName {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAG1BMVEUAAABgYGBhYWFmZmZlZWVmZmZmZmZmZmZmZmZBJMvYAAAACHRSTlMACBVpan/T2R0dXnQAAAA/SURBVAhbY2CAAGUozZTK0AEE7QxqAQwNUAEIAygAZjClMkIYagEcQEZHR4MrAwdUDSoDZFADdikMRgcEMAAAK3oT2HuWULAAAAAASUVORK5CYII=) no-repeat 10px
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item .set .setList li.delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEUAAABmZmZ+SwYRAAAAAXRSTlMAQObYZgAAAB5JREFUCB1jtN/JqPAChP7/Z2RgADFUVNARRIH9TgAIHQrWOANDwgAAAABJRU5ErkJggg==) no-repeat 10px
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item .set .setList li:hover {
    background-color: #f4f4f4
}

.edit .edit-list {
    float: left;
    width: 26%;
    height: 100%;
    overflow-y: scroll;
    background-color: #fafafa
}

.edit .edit-list .operation {
    border-bottom: 1px solid #e5e5e5;
    height: 110px;
    padding-right: 30px
}

.edit .edit-list .operation .create {
    border: none;
    padding-left: 30px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABzUlEQVQ4T43TsWsUURAG8O9bd54uXJFK8ODwD9DCxsJCgnBBJARRO0UQC8UiICZFVIgIgkVIoYWCKexEsAiCQUTEQsHGQvEPUFLIIXdgEE/ezN2NnGzkNNnde+3O/vjevBlizKOqB939YZIku939sYjMkbTN3zmO4+4pgJ1mtgZgEgBIPk3T9ARJBwBWQap6FsB8jLFZq9W6ZvYcwOEca4rIq0pIVc8DeABgB4CPInIEQM/MXgA4lCTJyTRNV0shVb0I4B6AZCT1exGZAtA3s/vtdvtCvV7vFkKqOgvgTsHV/2Akv4+2ZUuPzGze3ZdKevdJRJokvxVCZnbd3W+VIB9ypPN/zd9EMcabJBdLkG2v9M8cxRhvk1woQd6JyDGSG0U1NLMr7r5cgrwRkWmSP8pmjjHGLyT3FhS9FpEZkj+rBpeq+gvAri3NI1+2Wq3jjUZj+L3ybAu5+1oI4RTJWCnkBUPoLcl9AODuG+7+KIRwY3Szx8EKlzafqWsAnoQQzqnqAXd/RrLb7/ePZln2WVVXAJwmuVQIxRi/ktwDACIyoaoLIyNyWURWzGzzETpliebc/Wqe6JK771fV1TzRTJZl671e7+5gMDgzTPQbZNnOxxEhs2AAAAAASUVORK5CYII=) no-repeat 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    width: 120px;
    height: 40px;
    margin: 40px 0 0 17px;
    border-radius: 4px;
    background-color: #0083ff
}

.edit .edit-list .operation .drafg {
    border: none;
    color: #a9a9a9;
    font-size: 18px;
    line-height: 1;
    margin: 52px 0 38px;
    background: none;
    padding-left: 20px
}

.edit .edit-list .operation .recycle {
    float: right
}

.edit .edit-list .operation .recycle:hover {
    color: #0083ff
}

.edit .edit-list .list .list-item {
    border-bottom: 1px solid #f4f4f4;
    height: 120px;
    padding: 20px;
    position: relative
}

.edit .edit-list .list .list-item.isCurrent {
    background-color: #f4f4f4
}

.edit .edit-list .list .list-item.isCurrent .set {
    visibility: visible
}

.edit .edit-list .list .list-item.isReCycle .content {
    padding-left: 40px;
    padding-right: 10px
}

.edit .edit-list .list .list-item.isReCycle .set {
    visibility: hidden
}

.edit .edit-list .list .list-item img {
    width: 74px;
    height: 120px;
    padding: 50px 33px 50px 20px;
    position: absolute;
    top: 0;
    left: 0
}

.edit .edit-list .list .list-item .content {
    padding-right: 40px
}

.edit .edit-list .list .list-item .content h3 {
    color: #333;
    font-size: 18px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.edit .edit-list .list .list-item .content p {
    color: #666;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    text-align: justify
}

.edit .edit-list .list .list-item .content p.toFirefox {
    height: 40px
}

.edit .edit-list .list .list-item .set {
    visibility: hidden;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 35%
}

.edit .edit-list .list .list-item .set button {
    width: 40px;
    height: 40px;
    border: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAdVBMVEUAAAC/v7/GxsbFxcXIyMjQ0NDIyMjR0dHKysrOzs7KysrNzc3Ly8vOzs7Ly8vLy8vMzMzMzMzLy8vNzc3MzMzKysrMzMzNzc3MzMzNzc3Ly8vMzMzMzMzNzc3MzMzMzMzLy8vMzMzLy8vMzMzMzMzMzMzMzMyHrpBbAAAAJnRSTlMABAkWFxscHD4+P01OTk92d5ydnZ+goKK4ysvP0NDR8PHx8vL6/lM6G4AAAABtSURBVAhbXY5JDoJAAAQLRhFXcEcRRYH6/xM9jDFK3TrpdBcAs6c+pkQSlqorEoBTt69Vm113gHzwy5BzU/sihLJXa65qAVCqF9JKA8BEq3QcR+W/qYb579ECjq/t/aNxjpIb1XWUBLJW2wzgDaQqEDbqAoHBAAAAAElFTkSuQmCC) no-repeat 50%
}

.edit .edit-list .list .list-item .set:hover .setList {
    visibility: visible
}

.edit .edit-list .list .list-item .set .setList {
    visibility: hidden;
    position: absolute;
    right: -10px;
    top: 95%;
    z-index: 1000;
    width: 110px;
    border-radius: 4px;
    background-color: #fff;
    padding: 3px 0;
    -webkit-box-shadow: 0 1px 8px 2px #ccc;
    box-shadow: 0 1px 8px 2px #ccc
}

.edit .edit-list .list .list-item .set .setList .icon {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid;
    border-color: transparent transparent #fff;
    position: absolute;
    top: -12px;
    right: 24px
}

.edit .edit-list .list .list-item .set .setList li {
    color: #666;
    font-size: 16px;
    line-height: 40px;
    padding-left: 32px
}

.edit .edit-list .list .list-item .set .setList li.toTop {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAMAAAAsYw3eAAAAXVBMVEUAAACAgIBVVVVJSUlgYGBiYmJbW1tpaWlmZmZgYGBmZmZjY2NoaGhjY2NiYmJkZGRmZmZlZWVlZWVmZmZmZmZlZWVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZA5afrAAAAHnRSTlMAAgMHCA0OERQYHh8gJCculp2rr7y/y83O0tff5udojCWSAAAAaklEQVQIW2XHNxaEQAzAUI0x2eQ4BN//mBTwtllV+mz+ayM3M2saM7McgOo8K76KYxiO4v10nUSmNQVI5kVBlzmBMO4ZQLaPgf7qBEC6q+d2jwDR/SZo7QrqtQagfFHCP1qz9oNEd/co8ADKWwdT9rtjAgAAAABJRU5ErkJggg==) no-repeat 10px 14px
}

.edit .edit-list .list .list-item .set .setList li.delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEUAAABmZmZ+SwYRAAAAAXRSTlMAQObYZgAAAB5JREFUCB1jtN/JqPAChP7/Z2RgADFUVNARRIH9TgAIHQrWOANDwgAAAABJRU5ErkJggg==) no-repeat 10px 13px
}

.edit .edit-list .list .list-item .set .setList li.reEdit {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAG1BMVEUAAABgYGBhYWFmZmZlZWVmZmZmZmZmZmZmZmZBJMvYAAAACHRSTlMACBVpan/T2R0dXnQAAAA/SURBVAhbY2CAAGUozZTK0AEE7QxqAQwNUAEIAygAZjClMkIYagEcQEZHR4MrAwdUDSoDZFADdikMRgcEMAAAK3oT2HuWULAAAAAASUVORK5CYII=) no-repeat 10px 13px
}

.edit .edit-list .list .list-item .set .setList li:hover {
    background-color: #f4f4f4
}

.edit .edit-list .default {
    text-align: center;
    margin-top: 50%
}

.edit .edit-list .default img {
    width: 51px;
    height: 58px
}

.edit .edit-list .default p {
    color: #a9a9a9;
    font-size: 14px;
    line-height: 1;
    margin-top: 32px;
    text-align: center
}

.edit .edit-operation {
    float: left;
    width: 58%;
    height: 100%;
    background-color: #fafafa;
    padding: 0 38px
}

.edit .edit-operation .time {
    color: #a9a9a9;
    font-size: 14px;
    line-height: 1;
    text-align: right;
    padding-top: 20px;
    height: 35px
}

.edit .edit-operation .title {
    height: 35px
}

.edit .edit-operation .title input {
    color: #333;
    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
    border: none;
    background: none;
    width: 100%;
    padding-left: 12px
}

.edit .edit-operation .title input::-webkit-input-placeholder {
    color: #a9a9a9
}

.edit .edit-operation .title input:-ms-input-placeholder, .edit .edit-operation .title input::-ms-input-placeholder {
    color: #a9a9a9
}

.edit .edit-operation .title input::placeholder {
    color: #a9a9a9
}

.edit .edit-operation .title button {
    width: 20px;
    height: 20px;
    border: none;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARBAMAAADJQ1rJAAAAElBMVEUAAADMzMzNzc3MzMzMzMzMzMwEjCbsAAAABXRSTlMAh4n2+kOP9QUAAAAsSURBVAiZY2BgYGAyZIAClhAYizWUJJZKKBiECDCYQlihBkhipJuH4haI+wAdFAxfOKy9aQAAAABJRU5ErkJggg==) no-repeat 50%
}

.edit .edit-operation .content {
    padding-top: 30px
}

.edit .edit-operation .content .quill-editor-component .quill-editor .ql-container {
    height: 480px!important
}

.edit .edit-operation .content .ql-container.ql-snow, .edit .edit-operation .content .ql-toolbar.ql-snow {
    border: none
}

.edit .edit-operation .tags {
    margin-top: 20px;
    padding-left: 10px;
    min-height: 40px
}

.edit .edit-operation .tags span {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 8px
}

.edit .edit-operation .tags .item {
    color: #666;
    font-size: 14px;
    padding: 6px 10px 6px 13px;
    margin-right: 18px;
    border-radius: 4px;
    background: #ebebeb
}

.edit .edit-operation .tags .item i {
    display: inline-block;
    width: 11px;
    height: 12px;
    margin-left: 6px;
    background: #ebebeb url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAMAAADjyg5GAAAAQlBMVEUAAAAAAAAcHBwiEREiFxciGREfGRMjGRQgFRUhGBUhFxQjGBMiFxUjFxQjFxUiFxUiFxUjFxUiFxQiGBQjFxQiFxW0LljaAAAAFnRSTlMABQkPFh4oMkZUY3SFlrXCztjb3+Hj56Yi0gAAAFJJREFUeF5dT1cKQDEMsnPvcf+rPkppH8QfMUFj0A0eTIdd+iq9LOCGOkoNt8k3uUk2f8ahCkDUcE2xcF4iHlLOCT/YnAx0S700md4lrUhn8tEHhIkDc66h/JMAAAAASUVORK5CYII=) no-repeat 90%;
    background-size: cover
}

.edit .edit-operation .tags input {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 5px 7px;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    top: -1px;
    width: 160px
}

.edit .edit-operation .tags input::-webkit-input-placeholder {
    color: #999
}

.edit .edit-operation .tags input:-ms-input-placeholder, .edit .edit-operation .tags input::-ms-input-placeholder {
    color: #999
}

.edit .edit-operation .tags input::placeholder {
    color: #999
}

.edit .edit-operation .tags .add {
    color: #666;
    font-size: 16px;
    padding-left: 30px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARBAMAAADJQ1rJAAAAElBMVEUAAADMzMzNzc3MzMzMzMzMzMwEjCbsAAAABXRSTlMAh4n2+kOP9QUAAAAsSURBVAiZY2BgYGAyZIAClhAYizWUJJZKKBiECDCYQlihBkhipJuH4haI+wAdFAxfOKy9aQAAAABJRU5ErkJggg==) no-repeat 8px;
    background-size: 17px
}

.edit .edit-operation .tags .add:hover {
    color: #0083ff;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARBAMAAADJQ1rJAAAAGFBMVEUAg/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/9FvRziAAAAB3RSTlMAhfP0+fr8/cQ7EQAAAC5JREFUeF5jAAJGRQYoYCuBsdjLSWKJlINBiQCDezkEKMDESgVIMw/TLYyGIBIAgn8QoiX9z/EAAAAASUVORK5CYII=) no-repeat 8px;
    background-size: 17px
}

.edit .edit-operation .operation {
    margin-top: 10px;
    padding-left: 10px
}

.edit .edit-operation .operation select {
    color: #999;
    font-size: 16px;
    width: 110px;
    height: 40px;
    margin-right: 18px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    cursor: pointer
}

.edit .edit-operation .operation select option {
    cursor: pointer;
    font-size: 14px
}

.edit .edit-operation .operation button {
    color: #fff;
    font-size: 16px;
    line-height: 1;
    width: 100px;
    height: 40px;
    background: #0083ff;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    float: right
}

.edit .edit-operation .operation button:last-child {
    color: #999;
    background: none;
    margin-right: 16px
}

.edit .edit-articleDetail {
    float: left;
    width: 58%;
    height: 100%;
    overflow-y: scroll;
    background-color: #fafafa;
    padding: 0 50px 50px
}

.edit .edit-articleDetail.isReCycle {
    padding: 0 50px 180px
}

.edit .edit-articleDetail .title {
    color: #333;
    font-size: 28px;
    line-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 25px
}

.edit .edit-articleDetail .des {
    color: #a9a9a9;
    font-size: 14px;
    line-height: 40px
}

.edit .edit-articleDetail .des span {
    padding-left: 20px
}

.edit .edit-articleDetail .content {
    color: #333;
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px;
    text-align: justify
}

.edit .edit-articleDetail .ql-editor {
    height: auto!important;
    padding-left: 0!important;
    padding-right: 0!important
}

.edit .edit-articleDetail .tag1 {
    display: inline-block;
    color: #666;
    font-size: 14px;
    padding: 6px 10px 6px 13px;
    margin-right: 18px;
    border-radius: 4px;
    background: #ebebeb;
    margin-top: 10px
}

.edit .edit-articleDetail .operation {
    padding-top: 48px;
    height: 140px;
    background-color: #fafafa;
    text-align: center;
    position: fixed;
    bottom: 0;
    right: 20px;
    width: 55%
}

.edit .edit-articleDetail .operation button {
    color: #fff;
    font-size: 16px;
    line-height: 1;
    width: 100px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #0083ff;
    background-color: #0083ff
}

.edit .edit-articleDetail .operation button:first-child {
    color: #999;
    background-color: #fff;
    border-color: #999;
    margin-right: 36px
}

.edit .dialog {
    width: 502px;
    padding: 40px 65px
}

.edit .dialog h2 {
    color: #333;
    font-size: 30px;
    line-height: 1
}

.edit .dialog p {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    margin-top: 48px
}

.edit .dialog .operation {
    margin-top: 65px
}

.edit .dialog .operation button {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    width: 120px;
    height: 42px;
    border-radius: 4px;
    border: 1px solid #0083ff;
    background: #0083ff;
    float: right;
    margin-bottom: 40px
}

.edit .dialog .operation button:last-child {
    margin-right: 20px;
    color: #0083ff;
    border-color: #2d93f9;
    background-color: #fff
}

.edit .renameDialog input {
    margin-top: 36px;
    color: #666;
    font-size: 16px;
    line-height: 1;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    padding: 14px 12px
}

#editBlog {
    width: 900px;
    margin: 0 auto 40px
}

#editBlog .title {
    text-align: right;
    padding-right: 5px
}

#editBlog .title a {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 38px;
    height: 38px
}

#editBlog .title a:hover {
    color: #0083ff
}

#editBlog .form {
    border-radius: 8px;
    background-color: #fff;
    padding: 30px 50px 50px
}

#editBlog .form .articleName .el-input__inner {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    width: 100%;
    border: none;
    padding: 0
}

#editBlog .form .articleName .el-input__inner::-webkit-input-placeholder {
    color: #999
}

#editBlog .form .articleName .el-input__inner:-ms-input-placeholder, #editBlog .form .articleName .el-input__inner::-ms-input-placeholder {
    color: #999
}

#editBlog .form .articleName .el-input__inner::placeholder {
    color: #999
}

#editBlog .form .content {
    margin-top: 15px;
    min-height: 500px
}

#editBlog .form .tags {
    margin-top: 30px;
    min-height: 40px
}

#editBlog .form .tags span {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 8px
}

#editBlog .form .tags .item {
    color: #666;
    font-size: 14px;
    padding: 6px 10px 6px 13px;
    margin-right: 18px;
    border-radius: 4px;
    background: #ebebeb
}

#editBlog .form .tags .item i {
    display: inline-block;
    width: 11px;
    height: 12px;
    margin-left: 6px;
    background: #ebebeb url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAMAAADjyg5GAAAAQlBMVEUAAAAAAAAcHBwiEREiFxciGREfGRMjGRQgFRUhGBUhFxQjGBMiFxUjFxQjFxUiFxUiFxUjFxUiFxQiGBQjFxQiFxW0LljaAAAAFnRSTlMABQkPFh4oMkZUY3SFlrXCztjb3+Hj56Yi0gAAAFJJREFUeF5dT1cKQDEMsnPvcf+rPkppH8QfMUFj0A0eTIdd+iq9LOCGOkoNt8k3uUk2f8ahCkDUcE2xcF4iHlLOCT/YnAx0S700md4lrUhn8tEHhIkDc66h/JMAAAAASUVORK5CYII=) no-repeat 90%;
    background-size: cover
}

#editBlog .form .tags input {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 5px 7px;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    top: -1px;
    width: 160px;
    margin-right: 10px
}

#editBlog .form .tags input::-webkit-input-placeholder {
    color: #999
}

#editBlog .form .tags input:-ms-input-placeholder, #editBlog .form .tags input::-ms-input-placeholder {
    color: #999
}

#editBlog .form .tags input::placeholder {
    color: #999
}

#editBlog .form .tags input:focus {
    color: #0083ff
}

#editBlog .form .tags .add {
    color: #666;
    font-size: 16px
}

#editBlog .form .tags .add i {
    margin-right: 5px
}

#editBlog .form .tags .add:hover {
    color: #0083ff
}

#editBlog .form .selects {
    margin-top: 10px
}

#editBlog .form .selects .el-select {
    width: 110px;
    margin-right: 10px
}

#editBlog .form .selects .operation {
    display: inline-block;
    float: right
}

#editBlog .form .selects .operation button {
    color: #fff;
    font-size: 16px;
    width: 110px;
    height: 40px;
    background: #0083ff;
    border-radius: 4px;
    border: 1px solid #0083ff;
    cursor: pointer
}

#editBlog .form .selects .operation button:first-child {
    color: #999;
    border-color: #e5e5e5;
    background: none;
    margin-right: 16px
}

#myBlog {
    width: 1200px;
    margin: 40px auto;
    background-color: #fff;
    max-height: 1100px;
    overflow: hidden
}

#myBlog h3, #myBlog p {
    text-align: justify;
    word-break: break-all
}

#myBlog button, #myBlog li {
    cursor: pointer
}

#myBlog .el-loading-mask {
    background-color: hsla(0, 0%, 100%, .8)
}

#myBlog .el-loading-mask .el-loading-spinner {
    top: 300px
}

#myBlog .el-loading-mask .el-loading-spinner .circular {
    width: 50px;
    height: 50px
}

#myBlog .el-loading-mask .el-loading-spinner .path {
    stroke-width: 3px
}

#myBlog .el-loading-mask .el-loading-spinner .el-loading-text {
    font-size: 18px;
    margin-top: 20px;
    text-align: center
}

#myBlog .left {
    display: table-cell;
    width: 250px;
    overflow-x: hidden
}

#myBlog .left .top .edit {
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    height: 40px;
    width: 120px;
    border: none;
    background-color: #0083ff;
    border-radius: 4px;
    margin: 30px auto 0 15px
}

#myBlog .left .top .edit i {
    margin-right: 10px
}

#myBlog .left .top .createKind {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    border: none;
    background: none;
    margin: 20px auto 20px 15px
}

#myBlog .left .kindList {
    padding-bottom: 80px
}

#myBlog .left .kindList .item {
    padding: 0 15px;
    display: table;
    width: 100%
}

#myBlog .left .kindList .item .name {
    display: table-cell;
    width: 95%;
    color: #333;
    font-size: 14px;
    font-weight: 450;
    line-height: 40px;
    height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis
}

#myBlog .left .kindList .item .operation {
    display: table-cell;
    width: 8%;
    position: relative
}

#myBlog .left .kindList .item .operation>i {
    color: #ccc
}

#myBlog .left .kindList .item .operation .operationList {
    display: none;
    width: 100px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 3px 0;
    background-color: #fff;
    position: absolute;
    left: -70px;
    top: 32px;
    z-index: 1200
}

#myBlog .left .kindList .item .operation .operationList li {
    color: #666;
    font-size: 14px;
    line-height: 30px;
    padding-left: 8px
}

#myBlog .left .kindList .item .operation .operationList li i {
    margin-right: 5px
}

#myBlog .left .kindList .item .operation .operationList li:hover {
    background-color: #e5e5e5
}

#myBlog .left .kindList .item .operation:hover>i {
    color: #0083ff
}

#myBlog .left .kindList .item .operation:hover .operationList {
    display: block
}

#myBlog .left .kindList .item.light, #myBlog .left .kindList .item:hover {
    background-color: #ecf2ff
}

#myBlog .left .kindList .item.light .name, #myBlog .left .kindList .item:hover .name {
    color: #0083ff;
    font-weight: 700
}

#myBlog .right {
    display: table-cell;
    vertical-align: top;
    width: 950px;
    border-left: 1px solid #f2f2f2
}

#myBlog .right .articleList .item {
    padding: 25px 30px 20px;
    border-bottom: 1px solid #f2f2f2;
    position: relative
}

#myBlog .right .articleList .item .ps {
    position: absolute;
    right: 0;
    top: -1px;
    width: 90px;
    color: #fff;
    font-size: 14px;
    padding-left: 15px;
    line-height: 30px;
    text-align: center;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAgCAMAAAChOk+qAAAAn1BMVEX9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCM47S3aAAAANHRSTlMALHbxme/k8LT9Dj/clP5bHCCtRQHhkUsSAsxPmFQyFPlpEATEFdcWyQePN8E08wtKiLrain3Z2wAAAIlJREFUeF611sUBwgAAwMBUaYu7u7vuPxtDQDLAvcOwMZ5En/8HQFGtOTCUUwmmWZFggpIEU7dgMgsOcgmmZcFtC+50JZieBfcjCR4kEszIgmMLDi14asEzC54vJJjUgjMLXlrwKpFgQgtebySY7U6C2R8kmOMpd2A4XyQYrvHNgeH+eL7eP2zXF0jK4ytWMknqAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%
}

#myBlog .right .articleList .item .title {
    color: #333;
    font-size: 14px;
    font-weight: 450;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis
}

#myBlog .right .articleList .item .title:hover {
    color: #0083ff
}

#myBlog .right .articleList .item .content {
    margin-top: 10px
}

#myBlog .right .articleList .item .content span {
    color: #999;
    font-size: 12px;
    padding-right: 20px
}

#myBlog .right .articleList .item .content .operation {
    display: none;
    color: #333;
    font-size: 14px;
    float: right
}

#myBlog .right .articleList .item .content .operation li {
    display: inline-block;
    padding-right: 25px
}

#myBlog .right .articleList .item .content .operation li i {
    margin-right: 5px
}

#myBlog .right .articleList .item .content .operation li:hover {
    color: #0083ff
}

#myBlog .right .articleList .item:hover {
    background-color: #f2f2f2
}

#myBlog .right .articleList .item:hover .operation {
    display: block
}

#myBlog .right .default {
    text-align: center;
    padding: 250px
}

#myBlog .right .default img {
    width: 51px;
    height: 58px
}

#myBlog .right .default p {
    color: #a9a9a9;
    font-size: 14px;
    line-height: 1;
    margin-top: 32px;
    text-align: center
}

#myBlog .dialog {
    width: 502px;
    padding: 40px 65px
}

#myBlog .dialog .el-loading-spinner {
    top: 50%
}

#myBlog .dialog h2 {
    color: #333;
    font-size: 30px;
    line-height: 1
}

#myBlog .dialog p {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    margin-top: 48px
}

#myBlog .dialog .operation {
    margin-top: 65px
}

#myBlog .dialog .operation button {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    width: 120px;
    height: 42px;
    border-radius: 4px;
    border: 1px solid #0083ff;
    background: #0083ff;
    float: right;
    margin-bottom: 40px
}

#myBlog .dialog .operation button:last-child {
    margin-right: 20px;
    color: #0083ff;
    border-color: #2d93f9;
    background-color: #fff
}

#myBlog .renameDialog input {
    margin-top: 36px;
    color: #666;
    font-size: 16px;
    line-height: 1;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    padding: 14px 12px
}

#main {
    background-color: #f8f8f8
}

.confirproject {
    width: 1000px;
    background-color: #fff;
    margin: 30px auto;
    padding: 20px 125px;
    margin-bottom: 88px
}

.confirproject .ordertitle {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0
}

.confirproject .ordertitle span {
    font-size: 20px;
    color: #333;
    font-weight: 700
}

.confirproject .orderleft, .confirproject .orderright {
    display: inline-block;
    margin-top: 32px;
    vertical-align: top
}

.confirproject .orderleft {
    padding: 20px 0;
    padding-left: 30px
}

.confirproject .orderleft img, .confirproject .orderleft section {
    display: inline-block;
    vertical-align: top
}

.confirproject .orderleft img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 15px
}

.confirproject .orderleft section .zhuanname, .confirproject .orderleft section p {
    color: #999;
    font-size: 12px;
    margin-top: 5px
}

.confirproject .orderleft section .zhuanname .nick_name, .confirproject .orderleft section .zhuanname .nickName, .confirproject .orderleft section p .nick_name, .confirproject .orderleft section p .nickName {
    display: inline-block;
    vertical-align: bottom
}

.confirproject .orderleft section .zhuanname .nickName, .confirproject .orderleft section p .nickName {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.confirproject .orderleft section .telphone {
    font-size: 16px
}

.confirproject .orderright {
    width: 510px;
    margin-left: 10px;
    font-size: 14px;
    color: #666;
    border-right: 1px solid #e5e5e5
}

.confirproject .orderright .ordername {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    line-height: 30px;
    margin-top: -8px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 60px
}

.confirproject .orderright .price span {
    font-size: 16px;
    color: #f77272;
    font-weight: 700
}

.confirproject .orderright .soleorder {
    margin-top: 20px;
    margin-bottom: 13px
}

.confirproject .payweichar, .confirproject .zfb {
    margin-top: 35px;
    padding: 18px 23px;
    position: relative;
    height: 66px;
    border: 2px solid #fff;
    cursor: pointer
}

.confirproject .payweichar.select, .confirproject .zfb.select {
    border: 2px solid #0083ff
}

.confirproject .payweichar span, .confirproject .zfb span {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    color: #333;
    margin-top: 5px
}

.confirproject .payweichar span img, .confirproject .zfb span img {
    width: 16px;
    height: 16px
}

.confirproject .payweichar span:nth-of-type(3), .confirproject .zfb span:nth-of-type(3) {
    font-size: 14px;
    margin-top: 4px;
    margin-left: -10px;
    margin-right: 30px
}

.confirproject .payweichar span:nth-of-type(4), .confirproject .zfb span:nth-of-type(4) {
    font-size: 12px;
    color: #999
}

.confirproject .payweichar span:nth-of-type(5), .confirproject .zfb span:nth-of-type(5) {
    position: absolute;
    font-size: 14px;
    top: 9px;
    right: 20px
}

.confirproject .payweichar span:nth-of-type(5) span, .confirproject .zfb span:nth-of-type(5) span {
    font-size: 24px;
    color: #f77272;
    vertical-align: bottom;
    margin: 0 5px;
    margin-bottom: -5px;
    font-weight: 700
}

.confirproject .payweichar, .confirproject .zfb {
    margin-top: 0;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 50px
}

.confirproject .surebtn button {
    width: 120px;
    height: 42px;
    background: #0083ff;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    border: none;
    margin-bottom: 58px;
    cursor: pointer
}

.projectDetailByShow {
    background-color: #f8f8f8;
    padding-bottom: 61px
}

.projectDetailByShow .btn1 {
    cursor: pointer;
    width: 88px;
    height: 34px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #0083ff;
    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;
    color: #0083ff;
    font-size: 14px;
    margin-top: 5px
}

.projectDetailByShow .contact-info {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin: 40px 0 20px
}

.projectDetailByShow .contact-info h2 {
    color: #333!important;
    font-size: 18px!important;
    margin: 30px 0!important
}

.projectDetailByShow .contact-info>div {
    margin-bottom: 40px
}

.projectDetailByShow .contact-info>div span {
    padding-right: 40px;
    color: #666
}

.projectDetailByShow .contact-info>div span i {
    margin-right: 5px
}

.projectDetailByShow .contact-info>div span.qq i {
    color: #23a0f0
}

.projectDetailByShow .contact-info>div span.wechat i {
    color: #46bb36
}

.projectDetailByShow .contact-info>div span.phone i {
    color: #fdbc56
}

.projectDetailByShow p {
    word-break: break-all
}

.projectDetailByShow button {
    cursor: pointer
}

.projectDetailByShow .container-bannar {
    width: 100%;
    height: 100px;
    min-width: 1200px;
    background: url(static/images/banner.81ed8aa.png) 50% no-repeat
}

.projectDetailByShow .container-bannar .bannar-bar {
    width: 1200px;
    margin: 0 auto;
    padding-top: 62px;
    color: #fff;
    font-size: 16px;
    line-height: 16px
}

.projectDetailByShow .container-bannar .bannar-bar a {
    color: #fff
}

.projectDetailByShow .container-bannar .bannar-bar span {
    font-weight: 700
}

.projectDetailByShow .pd-main {
    width: 1200px;
    margin: 20px auto 0;
    background-color: #fff;
    padding: 42px 48px 75px
}

.projectDetailByShow .pd-main .warning {
    border-radius: 4px;
    border: 1px solid #ffd9ae;
    background-color: #fff5e9;
    margin-bottom: 20px
}

.projectDetailByShow .pd-main .warning p {
    color: #999;
    font-size: 16px;
    line-height: 46px;
    padding-left: 32px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAPFBMVEX/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAAdQyvcAAAAE3RSTlMACRAqKz9ASVBTWo6Plr6/0/D9X7NaQgAAAGFJREFUeF5lj+0OgCAIRa9pn0Shvv+7Nr2zpZ0/wBkMQMGLxWjiQZymXEnqan3ll6sYzR8U8OxfD055CAeWjVFgucMQKeadMTaBqQnrhUF6cSL0a8N42HD67X7PkcD3Q8kfhD8OHS1Fyb0AAAAASUVORK5CYII=) 11px 16px no-repeat
}

.projectDetailByShow .pd-main .warning p button {
    border: none;
    background: none;
    color: #ff9400;
    font-size: 16px;
    line-height: 21px;
    margin-left: 19px;
    padding-right: 28px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAulBMVEX/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lABerJq4AAAAPXRSTlMAtwONceHnfwUwrjHM7k4a7QQ7OTgm5cgIpt8iiEjgEo7vpzQGGTNw6QcjUbXoVfygPvklN8tab37qET1e8/HOhAAAAMZJREFUeF5tkdcSgjAURDeELoiCgBUbgr135f9/y8EYo+h52jlzJ3PvBgyDhsE2CKkBQctsaq4TO5t202xx2VnIOhi6rHZYKqslCEpqOQ+7Sg2f1Co+ACLjG5kAiaIXbFVJ0NO4uM/rLGgUocutNCBMexaCEYq6a2MV50HJnlyWyMlgi9kJaUiv2YP7Kfm7YofjmkmcKYZK9Wff4Z/bUgLAL/Swt/3/nT2ZjdN3v6fxDC+mZqR5V8m5tSNzCoFBrX7Wt/i/PQBjgQ6CFYziRQAAAABJRU5ErkJggg==) 100% no-repeat
}

.projectDetailByShow .pd-main h2 {
    color: #222;
    font-size: 24px;
    line-height: 56px
}

.projectDetailByShow .pd-main h2 em {
    color: #02b18e;
    font-size: 12px;
    font-weight: 400;
    margin-left: 11px;
    border: 1px solid #02b18e;
    border-radius: 4px;
    padding: 2px 10px 2px 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAABfUlEQVQoU33QMUhVARTG8f937qsHGVqLDkHQFkRlLW01hAUN6TMIhAa3hiDrgfDc7vagrvfBG5qNCqJB71OSWorGBlHC2qIht6jKKevdcxrkhRL4bYfvB+dwxM6kqXFmYFJEI4wmK5sPSVPvEbGUHadrR404F9INFN9C0ZbbHcSAIh459pZuuSFbzL9GxLqkNe8yz3j9zb9lney8YeMBwwpOyjr5d3cdo3b3x66Tdg4LrUNm8WlvXOQ15EN48nRv3MlGDFtGMe2lzf2PX6cVPvdVGUyq2uIDEOGaANZ6+IuX5QksGZJ4LPSc8L6QrsW+ygWu3P7I/P1BS5L3UpG/DNMcv448s+rGDDANUbpXRqhNrQCwmE0ImxRFdlmyB7H1+yzXGz+tmL3p6ABj9RYAy+1+/emuBtwSgBWz7RCnw2101wufNA/r4P5CoXUfq29j0tRsuL8V4mrADGX5ioouytWUtOSrm1OkqW/jXhbySzIaglMB7wLuMVp/0av/Aq4qsAgoFCgeAAAAAElFTkSuQmCC) no-repeat;
    background-position: 9px 4px;
    position: relative;
    top: -3px
}

.projectDetailByShow .pd-main h2 em.no {
    color: #999;
    border-color: #999;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAMAAABIK2QJAAAAulBMVEX///+ZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZlZuCPYAAAAPnRSTlMAEPDl5O7JSussaeJhEx3AAQVLlhQDBMhDw/x/PoMSYOlH3mgu0k+OJ7pxfQs0vJRCanXFmYaVXh5fmPLsTDNn6iYAAAB0SURBVHhePcZVEsIwAEDB1yZ1V9Td3eX+1yIDA/u1AInbHyQATtryKh3Ta1gORm2zBarZwUDX+Ig1/fex+3+zPv++XLZFt6duh8PRaSKmhDYzv1w8jBX4aywZsNtDIFPIzJyY3DwCxVlerjdxLwCwomf0At5KjwiMaTUBwQAAAABJRU5ErkJggg==) no-repeat;
    background-position: 9px 4px
}

.projectDetailByShow .pd-main h2 a, .projectDetailByShow .pd-main h2 button {
    display: inline-block;
    float: right;
    color: #fff;
    font-size: 24px;
    padding: 0 30px;
    min-width: 160px;
    height: 55px;
    background-color: #0083ff;
    border: none;
    border-radius: 4px;
    font-weight: 400
}

.projectDetailByShow .pd-main h2 a:hover, .projectDetailByShow .pd-main h2 button:hover {
    background: #66b1ff
}

.projectDetailByShow .pd-main .pd-main-top {
    display: table
}

.projectDetailByShow .pd-main .pd-main-top .left {
    width: 675px;
    display: table-cell
}

.projectDetailByShow .pd-main .pd-main-top .left span {
    color: #333;
    font-size: 16px;
    line-height: 16px;
    margin-top: 28px;
    display: inline-block;
    width: 50%
}

.projectDetailByShow .pd-main .pd-main-top .left span i {
    padding-left: 26px;
    color: #999;
    font-size: 16px;
    font-style: normal
}

.projectDetailByShow .pd-main .pd-main-top .left span.type i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAACZmZmLi4uSkpKWlpabm5uVlZWbm5uYmJiYmJiampqWlpaampqYmJiYmJiWlpaampqYmJiZmZmXl5eZmZmZmZmYmJiYmJiampqYmJiZmZmYmJiZmZmZmZmYmJiYmJgU+Y/mAAAAIHRSTlMACgsOJykpODlISU5OT15fYGFwcaytrr+/wcHCw9LT1WCYc+gAAABxSURBVHhetc7BEoIwDIThH0qtVYlSLQVK4P3fUicjJ8/m8h2ys7OkqqpVnJgJ6uBPfsghmxV2D/g5zuYOWwd05VLM7UgsR+Lb8RjP2VzhPk5levVtbwq4EGMMDY3pQPLnk2/t1ZQ/7XiuqrqIEzPxc2+hUQu0JaEONQAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByShow .pd-main .pd-main-top .left span.company i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAk1BMVEUAAACqqqqZmZmfn5+SkpKUlJSVlZWZmZmTk5OXl5eZmZmampqYmJiVlZWampqXl5ebm5uampqXl5eampqZmZmXl5eYmJiYmJiampqampqampqZmZmZmZmZmZmZmZmYmJiZmZmZmZmampqZmZmZmZmZmZmYmJiZmZmZmZmZmZmampqZmZmZmZmZmZmZmZmZmZmZmZkBibDbAAAAMXRSTlMAAwUIDhMYGRobKDA0NTVAQk5WWF9gYWptb3d4f4edoaOnq6ytr7Cyt7m6u7zQ0uPoK3rAyQAAAINJREFUeF6FzNESwTAQRuElKAJ0FSRFsSxEvf/T2URGhhvnJjPf5F8wV/KdTwre3eK7mkagCAV+oIOIA5jvrWR6ApnACIq1lib33wnHyVBgSbQLkHlIP9IkL0v7BV2t+wHaWzqOBRpKNQPkM2gdBBZVtQmACIrS0f9Qs3N8efLDsa9+ATLjD1MJpTFpAAAAAElFTkSuQmCC) 0 no-repeat
}

.projectDetailByShow .pd-main .pd-main-top .left span.layout {
    line-height: 22px;
    position: relative;
    top: 22px
}

.projectDetailByShow .pd-main .pd-main-top .left span.time i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAV1BMVEUAAACqqqqfn5+ZmZmSkpKXl5ebm5uWlpaZmZmVlZWYmJiVlZWampqampqZmZmampqXl5eZmZmYmJiYmJiZmZmXl5eZmZmZmZmYmJiZmZmZmZmZmZmZmZl8muF4AAAAHHRSTlMAAwgKDhYcIigpLzAwNVVWVpufpKWlxtDd6/r8CoWX4QAAAIRJREFUeF5lj9EOgyAQBKdq61VFC6JQ8P+/U9FLatJ5Y8hldykYG3OO1nBRu+SnYZh8cvX5XoPAE3iHtRgXGmgTQBMcmCSAbBQkGaznJ/CW+LmLKZL7S1RV9YA+q2i3g28RekIrIi8YI3bhxmI1FtBYLQZaTKvr/1Fdx81j143zOe5v/g5+GQhDLcLDngAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByShow .pd-main .pd-main-top .left span.deadlinTime i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABb0lEQVQ4T5XTMUscQRQH8P+b2dI0hxwpFEIqBb+A6QKSqF1Iq8Qit85ecV9AhPUzhNudtymCNpLS5ECL9GlTSRQkKRQsxEBIeby/7BFFjgT3pnozb35vhuGN4N6IMZYA3oUQju+v13FZlgsikoYQerc5qQNVnQPwhuSGiHwjeTmOReQxgAUAeyKym6bpqcQYFwF8FpEI4DXJA5Lf/4HnRGSV5EBENs1spcZHAD6GED6oamZmn7IsuxjH/X5/1nu/EkKoVPUtyVc1PvPeL3U6nR/j4H/zoiieJkkyEFWtUQJg2BT/3f9nhIfD4bpz7rwpNrOZJEnej7CZPc+y7GdTXJblE+fcYWOc53nSbrcfdbvdXxNjVR0AeEHyGcmriU5W1QMAywAWzex6IpznuWu1WlO9Xu/33bVjjF+dc9tpmn5p+mBVVb00s22pqmqd5I6ZZQBOHipAct57XwDYGn2MGONa3a8Aph/CAK5IFiGE/Rsm1cNLSeiQWwAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByShow .pd-main .pd-main-top .left span.who i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA9ElEQVQYGZXAcUcDYQAG8Mc2nUOZqUQCpBpA0SfIPkT6EDFE5CUCXLxs7/PcljUGrkxISAWJ+r8KEYBZqgCLIat1qi7qhz+o5iQ9qatzLgBhgRfq6pGq5tBjh3TDWmXGjrgltVhVK1zUMPOs63JrEAA3tI0+zqlTnkUfG1wHoDtOIqZ5xMpT4S0AdfArvQDQgxtFotKY2gDYYBGJtMI6AObVduP4oTShe02jh2s6tR6+sJ7O3CremRT3FEVpxKI0m2yaFD4Evo64YwbwxnraDQ8DH58Fvg54vJkFalmdaD/w8Z3JqKIrV9C1ZDJIxqKetYz/eQWB9GSsahoaDgAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByShow .pd-main .pd-main-top .left div {
    margin-top: 25px
}

.projectDetailByShow .pd-main .pd-main-top .left div em {
    color: #0083ff;
    font-size: 14px;
    line-height: 14px;
    padding: 6px 12px;
    display: inline-block;
    margin: 7px 19px 0 0;
    background-color: #eaf3ff;
    border-radius: 14px
}

.projectDetailByShow .pd-main .pd-main-top .left div em:last-child {
    margin-right: 0
}

.projectDetailByShow .pd-main .pd-main-top .right {
    display: table-cell;
    width: 444px;
    padding: 0 0 0 72px;
    border-left: 1px solid #e5e5e5
}

.projectDetailByShow .pd-main .pd-main-top .right .avtor {
    width: 90px;
    height: 90px;
    margin-right: 20px;
    border-radius: 50%;
    float: left
}

.projectDetailByShow .pd-main .pd-main-top .right .avtor img {
    width: 90px;
    height: 90px;
    border-radius: 50%
}

.projectDetailByShow .pd-main .pd-main-top .right .user-Info {
    color: #999;
    font-size: 16px;
    margin-left: 110px
}

.projectDetailByShow .pd-main .pd-main-top .right .user-Info .user-info-name {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px
}

.projectDetailByShow .pd-main .pd-main-top .right .user-Info .user-info-name a {
    color: #333;
    font-size: 30px;
    padding-right: 10px;
    font-weight: 700;
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.projectDetailByShow .pd-main .pd-main-top .right .operation {
    margin-top: 10px
}

.projectDetailByShow .pd-main .pd-main-top .right .operation button {
    height: 34px;
    width: 88px;
    border-radius: 4px;
    cursor: pointer
}

.projectDetailByShow .pd-main .pd-main-top .right .operation button:first-child {
    color: #0083ff;
    font-size: 14px;
    border: 1px solid #0083ff;
    margin-right: 10px;
    background-color: #fff
}

.projectDetailByShow .pd-main .pd-main-top .right .operation button:last-child {
    color: #fff;
    font-size: 14px;
    border: 1px solid #0083ff;
    background-color: #0083ff
}

.projectDetailByShow .pd-main .pd-main-top .right .des {
    clear: both;
    padding-top: 10px
}

.projectDetailByShow .pd-main .pd-main-top .right .des span {
    color: #999;
    font-size: 14px;
    margin-right: 35px
}

.projectDetailByShow .pd-main .pd-main-top .right .des span:last-child {
    position: relative;
    cursor: pointer
}

.projectDetailByShow .pd-main .pd-main-top .right .des span:last-child i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-bottom: -4px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAABJlBMVEUAAAD///////9/f3+qqqr///+/v7/MzMzU1NTa2tq/v7/GxsbExMTMzMzQ0NDS0tLExMTQ0NDQ0NDNzc3Ozs7JycnKysrNzc3JycnMzMzMzMzKysrOzs7Ly8vLy8vIyMjNzc3KysrLy8vMzMzKysrLy8vLy8vKysrLy8vLy8vLy8vMzMzMzMzKysrMzMzMzMzKysrKysrMzMzLy8vMzMzMzMzKysrMzMzMzMzLy8vMzMzLy8vMzMzMzMzLy8vLy8vLy8vLy8vLy8vLy8vLy8vMzMzLy8vLy8vMzMzLy8vLy8vLy8vKysrMzMzLy8vMzMzLy8vMzMzMzMzLy8vMzMzMzMzLy8vLy8vMzMzMzMzLy8vLy8vLy8vLy8vMzMzLy8vLy8vMzMwCfNxKAAAAYXRSTlMAAQICAwMEBQYHCAkNDxYXGiEmKSorLC4wPD0/P0BBQkNERUxTVFlcX2NoamtvdHp6foOHkpOXmJmjpqmqq66vsrO4vb7AwsPFxcbHycnLz9LU2tvd4u7v8PP1+Pn6+/z+6w23OQAAAN5JREFUeF5l0OdOAlEQQOGzqIu9C8rq2rELdlksYEXsvcBdnfd/CTNkLyFwfn6ZzCQDs3dGGjK3Psz9SlOhz4O0VEYHXzJ+cnLzyWIVkb8tF61tzS5HJMPgeh+dq8Ms1/Gtg6wsMSGHULa4B27SgdGF4Kz0FeE2Gt3Hu0MQ865qWEDjIE0MHKc9UDQjAP0B49UUxSK9H3r9eQCYSuPOd5FIwJGinANji9hyNTw5/bzI71uLvwsSZVIR7ugh289GD8CKiBBKve/LwuNrTh9yLy3dMBM2m/FgulRppMq1xz+VHmEMJvhKrwAAAABJRU5ErkJggg==) no-repeat 50%
}

.projectDetailByShow .pd-main .pd-main-top .right .des span:last-child .qrcode {
    position: absolute;
    top: 21px;
    z-index: 1200;
    right: -61px;
    overflow: hidden;
    width: 144px;
    height: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACWCAMAAAAGwfGXAAAAY1BMVEUAAAAAkf4Af/4Ag/4AhP4Agf4Agv4Agv4Agv4Ag/4Ag/8Agv4Ag/4Agv4Agv4Ag/5NqP9Oqf9Pqf+Fw/+FxP/A4f/B4f/y+f/2+v8rmP/p9P////8smP/1+v9MqP8Ag/+93/8QD7rtAAAAEHRSTlMABxwdcHBxf8vLzM/S8vb3aSasfAAAAP5JREFUeF5ioBJgZ2cYVIBdUpJ9cLlHSkqSfVC5R1paSpJ9ULkH5qLB4h5quoiRlYtPngIgIyUtDXMRJebwcrIxMgABE7ecgiygnTvIQRAIgijag4QQnAAiAglRvP8p9Ri9eP8Eb1HrOhO0fz+1iSh1PdP0rCXax5mopYv+lQm09TG+M4GOKa4zVVd+EBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQENC4JzvV6rdkt2PdkuuYLdd13VpLRHOftyPFfra53uJfaYfpStA0dCXiBz6ckd3vDfnlAAAAAElFTkSuQmCC) no-repeat 50%
}

.projectDetailByShow .pd-main .pd-main-top .right .des span:last-child .qrcode img {
    display: block;
    margin: 0 auto;
    border-radius: 15px
}

.projectDetailByShow .pd-main .pd-main-top .right .des span:last-child:hover i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAABKVBMVEUAAAAA/wAAfwBVqgBVqlU/vz8zmTMqqipItiQ/vz84qTg6sDozqjM5rS43sTc6sDE9sTY8rjU3rjE8sDY7qzU5rTQ8sTE6rzU7rjM6rzI8rjQ7rzM6sDI5rTI5rzE8rDQ7rTM5rjI6rzQ5rTM5rjM8rjM6rjE7rjI7rzM6rjM8rzQ7sDQ7rjQ7rzQ6rzQ6rjI6rzQ6rTI7rjQ6rzQ7rTQ6sDQ6rjM5rzM7rzM6rzQ6rzM6rzM7rjQ6rjM6rjQ6rjM6rzQ6rjM7rzM7rzQ6rzM7rjM6rzQ6rjM7rjM7rzM6rjM6rzQ7rjM7rjM6rjQ6rzM6rzM7rjQ6rzM6rjM6rjM6rjQ6rjQ6rzQ7rjQ6rjM6rjQ7rzQ6rzQ7rjQ7rzQ6rjM6rzM7rjQ7rzT2IoDsAAAAYnRSTlMAAQIDAwQFBgcICQ0PFhcaISYpKissLjA8PT9AQUJDREVMU1RZWVxfY2hqa290en6Dh5KTl5iZo6Omqaqrrq+ys7i9vsDCw8XFxsfJy8/S1Nrb3eLu7/Dz9fj4+fn6+vv8/kBCMQIAAADbSURBVHheZcznUsIAAAThTTTWXgCJsfcWewkWsCJi7QVD8N7/IRwzCTKwP7+5ORgv+qrJv3ZgoqK6AocbNVTgb/jgOkl79S7GEtLPmgWAuRSfI7n0LnfRutjPfBWfmnE1x7B2oRDjFlhJAwanvJP8W4TrhLUfbvaBaV+EmCVsZwYTDKPJk1B5AKDbI1VKk8vR+SKk+x5gZBZrso1EAg6EpFNgaJq4/RCPjl/PMtuxtTwLRfnpCDf0j/pY6QBYkESgau/n2dvHPembohrKMxbUW9mG0auvWvq8tPkFu3JhPlANtsUAAAAASUVORK5CYII=) no-repeat 50%
}

.projectDetailByShow .pd-main .pd-main-top .right .des span:last-child:hover .qrcode {
    height: 150px;
    padding-top: 7px
}

.projectDetailByShow .pd-main .pd-main-middle {
    margin-top: 86px
}

.projectDetailByShow .pd-main .pd-main-middle .plan {
    padding: 45px 0 72px;
    display: table;
    width: 100%
}

.projectDetailByShow .pd-main .pd-main-middle .plan div {
    display: table-cell
}

.projectDetailByShow .pd-main .pd-main-middle .plan div p {
    color: #666;
    font-size: 16px;
    padding-left: 26px
}

.projectDetailByShow .pd-main .pd-main-middle .plan div em {
    color: #f77272;
    font-size: 32px;
    display: inline-block;
    margin-top: 34px
}

.projectDetailByShow .pd-main .pd-main-middle .plan div.budget {
    width: 346px
}

.projectDetailByShow .pd-main .pd-main-middle .plan div.budget p {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAA5FBMVEUAAAAAAACAgIBVVVVmZmZJSUltbW1gYGBVVVVdXV1iYmJra2thYWFoaGhiYmJmZmZkZGRgYGBlZWVkZGRnZ2dlZWVlZWVmZmZkZGRjY2NnZ2dkZGRkZGRnZ2dlZWVkZGRmZmZlZWVnZ2dlZWVnZ2dlZWVlZWVmZmZmZmZmZmZlZWVlZWVlZWVmZmZmZmZlZWVmZmZmZmZmZmZlZWVmZmZmZmZnZ2dmZmZmZmZmZmZmZmZmZmZnZ2dlZWVlZWVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZlZWVmZmYksBDeAAAAS3RSTlMAAQIDBQcHCAkLDRMVFhoeISUmKSorMDc4Oz5ASk1OT1BTV1tjam9wh4+TmqGnqKuvsrS1tre4ubzAw8bHx8zO1dni5ufr7O7w+f6kUMSmAAAAv0lEQVR4Xn3OcXeBcBTG8Uczo8kAi2waUmFbbJCKWMB9/+/H+XVKtMP3z885zz0XU/rXL6gjxuoQSEQs8TZmXsWolwAVumgeIFJPUdy9m3jLAvwHKgciMkOcuAJvLcHVJEkqhMhbruMK1/OWtyPae8oVPjfl4VyWc3gfsxwf813VXKpqCfpK07Qp9Rg2bPtva9tt6AZQ3fUTwZ/6JwCG5c2AQwyL3tcDQqw3fFysjSQYKtK5b/p5BGt0pKhZ2rcTdTIvlNaZNywAAAAASUVORK5CYII=) 0 no-repeat
}

.projectDetailByShow .pd-main .pd-main-middle .plan div.cycle p {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAnFBMVEUAAABiYmJkZGRlZWVjY2NjY2NjY2NmZmZnZ2dlZWVnZ2dmZmZmZmZkZGRlZWVmZmZlZWVmZmZmZmZmZmZmZmZkZGRmZmZmZmZmZmZlZWVlZWVmZmZmZmZlZWVmZmZlZWVmZmZlZWVmZmZmZmZnZ2dlZWVmZmZmZmZmZmZmZmZmZmZlZWVlZWVmZmZmZmZmZmZmZmZmZmZmZmZmZmalwIcLAAAANHRSTlMAJykrLDE2Nz4/RUZQWWBnaGxwdniEhIeJk5WWmaanqa+wu8PHx87P0dLf4OPk5+js8Pb33oxZ7AAAAI1JREFUeF6VzNkOgjAQheEjrgtqi+K4W7FSi7Vu7/9uinNhmhATvptJ/mQOSvsx2OjAN0qJ7idixwdRGgHni9ZPb9jtZczVAj4BsgmYzIDEf2OAY74L5WW0KmQr3//FgeiiJ/roiOEvLvUMc02Y6hXHepvtuIFm3ArjtlhgXWw41tt0KgkpB0jnQ06i0hvaWxere3sy8gAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByShow .pd-main .pd-main-middle .introduction {
    padding: 36px 53px 23px 43px;
    margin-bottom: 60px;
    border-radius: 4px;
    background-color: #f8f8f8;
    position: relative
}

.projectDetailByShow .pd-main .pd-main-middle .introduction .bd {
    width: 47px;
    height: 45px;
    position: absolute;
    top: -20px;
    left: 22px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.projectDetailByShow .pd-main .pd-main-middle .introduction .avtor {
    width: 60px;
    height: 60px;
    overflow: hidden;
    background-color: #7f828b;
    border-radius: 50%;
    margin-right: 18px;
    float: left;
    position: relative
}

.projectDetailByShow .pd-main .pd-main-middle .introduction .avtor img {
    width: 100%;
    height: 100%
}

.projectDetailByShow .pd-main .pd-main-middle .introduction .name {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    padding: 5px 0
}

.projectDetailByShow .pd-main .pd-main-middle .introduction .describe {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    padding-top: 30px
}

.projectDetailByShow .pd-main .pd-main-middle .introduction .jobType {
    color: #999;
    font-size: 16px
}

.projectDetailByShow .pd-main .pd-main-middle .introduction .jobType .money {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    float: right
}

.projectDetailByShow .pd-main .pd-main-middle .introduction .jobType .money em {
    color: #f77272
}

.projectDetailByShow .pd-main .pd-main-bottom h2 {
    color: #333;
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 32px;
    position: relative
}

.projectDetailByShow .pd-main .pd-main-bottom h2 i {
    display: block;
    width: 30px;
    height: 3px;
    background-color: #e5e5e5;
    position: absolute;
    bottom: -10px
}

.projectDetailByShow .pd-main .pd-main-bottom p {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    text-align: justify
}

.projectDetailByShow .pd-main .pd-main-bottom a {
    color: #666;
    font-size: 16px;
    padding-left: 28px;
    display: block;
    margin-top: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAwFBMVEUAAAAgICA5OTkuLi4rKys3NzcwMDAtLS02NjYxMTEuLi41NTUxMTEzMzMwMDAuLi4tLS0zMzMyMjIzMzMxMTEzMzMyMjIyMjIyMjIxMTEwMDAzMzMzMzMyMjIyMjIxMTEzMzMyMjIzMzMzMzMyMjIyMjIyMjIyMjIyMjIzMzMyMjIyMjIzMzMyMjIyMjIzMzMzMzMyMjIyMjIzMzMzMzMzMzMyMjIzMzMzMzMzMzMzMzMzMzMzMzMyMjIzMzMzMzMZ6IHpAAAAP3RSTlMACAkLDA4QERMVFhgaHiAhIigpUFhaW1xgYmRkanB/gYeVl5qeorGyt8/Q0dTV2t3e3+Dh4ufq6uvs7/f6/v7bForUAAAAmklEQVQYV4XLwQKBUBCF4QNIUBQCQEGEy00E3v+tLKaYsvAvv5mDghOEn7waAADOrmVE2cLbk17adAQwXKuRhgZDqJ7QU7gByu5JT+Dg1gQUd5tA7Xo/CnH2E4iiYVnWLIUAADNGpUIpDLXni3pU2afWoOp8zotRXa6oRemLufGEGmX+zH8w6KSwLwH70DV5PTkF8nPp8+Q0izdgkByhGKoYrQAAAABJRU5ErkJggg==) 0 no-repeat;
    font-weight: 700
}

.projectDetailByShow .pd-main .pd-main-bottom a:hover {
    color: #0083ff
}

.projectDetailByShow .pd-main .pd-main-bottom a:last-child {
    margin-right: 0
}

.projectDetailByShow .pd-main .pd-main-bottom .agreeImg {
    margin-top: 25px
}

.projectDetailByShow .pd-main .pd-main-bottom .agreeImg .imgBox {
    display: inline-block;
    width: 180px;
    height: 180px;
    margin-right: 19px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.projectDetailByShow .pd-main .pd-main-bottom .agreeImg .imgBox:last-child {
    margin-right: 0
}

.projectDetailByShow .pd-main .pd-main-nav {
    margin-top: 30px;
    border-top: 1px solid #e5e5e5;
    padding-top: 15px
}

.projectDetailByShow .pd-main .pd-main-nav p {
    color: #999;
    font-size: 14px;
    margin-top: 14px
}

.projectDetailByShow .pd-main .pd-main-nav p a {
    margin-left: 7px;
    color: #333
}

.projectDetailByShow .pd-main .pd-main-nav p a:hover {
    color: #0083ff
}

.projectDetailByShow .dialog h2 {
    font-weight: 450!important
}

.projectDetailByShow .dialog .item input:focus, .projectDetailByShow .dialog .item textarea:focus {
    border: 1px solid #0083ff;
    -webkit-box-shadow: 0 0 6px #0083ff;
    box-shadow: 0 0 6px #0083ff
}

.projectDetailByShow .dialog .operation {
    text-align: right;
    margin-top: 38px
}

.projectDetailByShow .dialog .operation button {
    color: #0083ff;
    font-size: 14px;
    border: 1px solid #0083ff;
    width: 120px;
    height: 42px;
    background-color: #fff;
    border-radius: 4px
}

.projectDetailByShow .dialog .operation button:last-child {
    color: #fff;
    background-color: #0083ff;
    margin-left: 20px
}

.projectDetailByShow .closeDialog {
    width: 734px;
    padding: 41px 99px 39px;
    text-align: right
}

.projectDetailByShow .closeDialog h2 {
    color: #333;
    font-size: 30px;
    margin-bottom: 53px;
    text-align: left
}

.projectDetailByShow .closeDialog p {
    color: #666;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 39px;
    text-align: left
}

.projectDetailByShow .closeDialog p span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 50%;
    position: relative;
    top: 3px
}

.projectDetailByShow .closeDialog p span.select {
    background-color: #0083ff;
    border-color: #0083ff
}

.projectDetailByShow .closeDialog p span.select i {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 4px
}

.projectDetailByShow .closeDialog button {
    color: #0083ff;
    border: 1px solid #0083ff;
    width: 120px;
    height: 42px;
    background-color: #fff;
    margin-top: 9px;
    border-radius: 4px
}

.projectDetailByShow .closeDialog button.close {
    color: #fff;
    background-color: #0083ff;
    margin-left: 20px
}

.projectDetailByShow .closeDialog button.close:hover {
    background: #66b1ff;
    border-color: #66b1ff
}

.projectDetailByShow .appealDetailDialog {
    width: 734px;
    padding: 40px 100px 50px
}

.projectDetailByShow .appealDetailDialog h2 {
    color: #333;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    position: relative
}

.projectDetailByShow .appealDetailDialog h2 button {
    width: 50px;
    height: 50px;
    border: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAG1BMVEUAAAAjFxUjFhMjGBUjFxUiGBUiGBQjGBQjFxTs6mygAAAACXRSTlMAV17Z2t/g+frm2uESAAAARUlEQVQIW2NIZIAAFQZ1ATCDqRCEQAAkABYE88EERA2QhCoBUlBtDOpChVCjmDoEMFhwWYQOuCkIk+G2IVyAcFUg1ChlAA4LC3rk196TAAAAAElFTkSuQmCC) 50% no-repeat;
    position: absolute;
    top: -10px;
    right: -40px
}

.projectDetailByShow .appealDetailDialog .list {
    margin-bottom: 30px;
    max-height: 560px;
    overflow: auto
}

.projectDetailByShow .appealDetailDialog .list .item {
    padding-top: 20px;
    border-top: 1px solid #e5e5e5
}

.projectDetailByShow .appealDetailDialog .list .item:first-child {
    border: none
}

.projectDetailByShow .appealDetailDialog .list .item p {
    color: #999;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 30px;
    vertical-align: top
}

.projectDetailByShow .appealDetailDialog .list .item p:last-child {
    margin-bottom: 30px
}

.projectDetailByShow .appealDetailDialog .list .item p em {
    color: #333;
    float: right
}

.projectDetailByShow .appealDetailDialog .list .item p em.dealing {
    color: #f77272
}

.projectDetailByShow .appealDetailDialog .supplement {
    padding: 12px 15px 20px;
    background-color: #f2f2f3;
    margin-bottom: 20px
}

.projectDetailByShow .appealDetailDialog .supplement .title {
    color: #666;
    font-size: 16px;
    margin-bottom: 0!important
}

.projectDetailByShow .appealDetailDialog .supplement .des {
    color: #666;
    font-size: 12px
}

.projectDetailByShow .appealDetailDialog .supplement .uploadFile {
    margin-top: 10px;
    display: table
}

.projectDetailByShow .appealDetailDialog .supplement .uploadFile a, .projectDetailByShow .appealDetailDialog .supplement .uploadFile div {
    display: table-cell;
    vertical-align: middle
}

.projectDetailByShow .appealDetailDialog .supplement .uploadFile .logo {
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.projectDetailByShow .appealDetailDialog .supplement .uploadFile .name {
    color: #333;
    font-size: 16px;
    padding-left: 15px;
    max-width: 440px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    cursor: pointer
}

.projectDetailByShow .appealDetailDialog .supplement .uploadFile .name:hover {
    color: #0083ff
}

.projectDetailByShow .appealDetailDialog .supplement .uploadFile .delete {
    cursor: pointer;
    color: #0083ff;
    padding-left: 8px
}

.projectDetailByShow .appealDetailDialog .supplement .add {
    color: #0083ff;
    font-size: 16px;
    margin-top: 15px;
    line-height: 30px;
    background: url("static/images/tianjjia.png") no-repeat 0;
    background-size: 20px;
    padding-left: 25px;
    cursor: pointer
}

.projectDetailByShow .appealDetailDialog .result {
    border-top: 1px solid #e5e5e5;
    padding: 5px 10px 0
}

.projectDetailByShow .appealDetailDialog .result p {
    color: #999;
    font-size: 14px;
    line-height: 24px;
    padding-top: 8px
}

.projectDetailByChoose {
    background-color: #f8f8f8;
    padding-bottom: 61px
}

.projectDetailByChoose button {
    cursor: pointer
}

.projectDetailByChoose p {
    word-break: break-all
}

.projectDetailByChoose .contact-info {
    border-top: 1px solid #e5e5e5;
    margin: 40px 0 0
}

.projectDetailByChoose .contact-info h2 {
    color: #333!important;
    font-size: 18px!important;
    margin: 30px 0!important
}

.projectDetailByChoose .contact-info>div {
    margin-bottom: 40px
}

.projectDetailByChoose .contact-info>div span {
    padding-right: 40px;
    color: #666
}

.projectDetailByChoose .contact-info>div span i {
    margin-right: 5px
}

.projectDetailByChoose .contact-info>div span.qq i {
    color: #23a0f0
}

.projectDetailByChoose .contact-info>div span.wechat i {
    color: #46bb36
}

.projectDetailByChoose .contact-info>div span.phone i {
    color: #fdbc56
}

.projectDetailByChoose .container-bannar {
    width: 100%;
    height: 100px;
    min-width: 1200px;
    background: url(static/images/banner.81ed8aa.png) 50% no-repeat
}

.projectDetailByChoose .container-bannar .bannar-bar {
    width: 1200px;
    margin: 0 auto;
    padding-top: 62px;
    color: #fff;
    font-size: 16px;
    line-height: 16px
}

.projectDetailByChoose .container-bannar .bannar-bar a {
    color: #fff
}

.projectDetailByChoose .container-bannar .bannar-bar span {
    font-weight: 700
}

.projectDetailByChoose .pd-state {
    width: 1200px;
    margin: 20px auto 0;
    padding: 30px 47px 52px;
    background-color: #fff
}

.projectDetailByChoose .pd-state .warning {
    border-radius: 4px;
    border: 1px solid #ffd9ae;
    background-color: #fff5e9
}

.projectDetailByChoose .pd-state .warning p {
    color: #999;
    font-size: 16px;
    line-height: 46px;
    padding-left: 32px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAPFBMVEX/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAAdQyvcAAAAE3RSTlMACRAqKz9ASVBTWo6Plr6/0/D9X7NaQgAAAGFJREFUeF5lj+0OgCAIRa9pn0Shvv+7Nr2zpZ0/wBkMQMGLxWjiQZymXEnqan3ll6sYzR8U8OxfD055CAeWjVFgucMQKeadMTaBqQnrhUF6cSL0a8N42HD67X7PkcD3Q8kfhD8OHS1Fyb0AAAAASUVORK5CYII=) 11px 16px no-repeat
}

.projectDetailByChoose .pd-state .warning p button {
    border: none;
    background: none;
    color: #ff9400;
    font-size: 16px;
    line-height: 21px;
    margin-left: 19px;
    padding-right: 28px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAulBMVEX/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lABerJq4AAAAPXRSTlMAtwONceHnfwUwrjHM7k4a7QQ7OTgm5cgIpt8iiEjgEo7vpzQGGTNw6QcjUbXoVfygPvklN8tab37qET1e8/HOhAAAAMZJREFUeF5tkdcSgjAURDeELoiCgBUbgr135f9/y8EYo+h52jlzJ3PvBgyDhsE2CKkBQctsaq4TO5t202xx2VnIOhi6rHZYKqslCEpqOQ+7Sg2f1Co+ACLjG5kAiaIXbFVJ0NO4uM/rLGgUocutNCBMexaCEYq6a2MV50HJnlyWyMlgi9kJaUiv2YP7Kfm7YofjmkmcKYZK9Wff4Z/bUgLAL/Swt/3/nT2ZjdN3v6fxDC+mZqR5V8m5tSNzCoFBrX7Wt/i/PQBjgQ6CFYziRQAAAABJRU5ErkJggg==) 100% no-repeat
}

.projectDetailByChoose .pd-state .stateList {
    position: relative
}

.projectDetailByChoose .pd-state .stateList h2 {
    color: #333;
    font-size: 20px;
    line-height: 20px;
    margin-top: 20px;
    font-weight: 400
}

.projectDetailByChoose .pd-state .stateList .list {
    margin-top: 35px
}

.projectDetailByChoose .pd-state .stateList .list .item {
    display: inline-block;
    width: 70px;
    margin-right: 134px;
    text-align: center;
    position: relative
}

.projectDetailByChoose .pd-state .stateList .list .item img {
    width: 44px;
    height: 44px
}

.projectDetailByChoose .pd-state .stateList .list .item p {
    color: #999;
    font-size: 14px;
    line-height: 14px;
    margin-top: 12px
}

.projectDetailByChoose .pd-state .stateList .list .item p.ed {
    color: #0083ff
}

.projectDetailByChoose .pd-state .stateList .list .item:after {
    content: "";
    width: 134px;
    position: absolute;
    top: 22px;
    right: -134px;
    border-top: 2px dotted #999
}

.projectDetailByChoose .pd-state .stateList .list .item:last-child {
    margin-right: 0
}

.projectDetailByChoose .pd-state .stateList .list .item:last-child:after {
    display: none
}

.projectDetailByChoose .pd-state .stateList .operation {
    position: absolute;
    top: 20px;
    right: 35px
}

.projectDetailByChoose .pd-state .stateList .operation button {
    display: block;
    height: 46px;
    min-width: 140px;
    font-size: 18px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #0083ff;
    color: #0083ff;
    background-color: #fff
}

.projectDetailByChoose .pd-state .stateList .operation button:first-child {
    color: #fff;
    background-color: #0083ff;
    margin-bottom: 20px
}

.projectDetailByChoose .pd-state .stateList .operation button:first-child:hover {
    background: #66b1ff;
    border-color: #66b1ff
}

.projectDetailByChoose .pd-state .stateList .operation a {
    display: block;
    padding: 10px 0;
    height: 46px;
    min-width: 140px;
    color: #fff;
    font-size: 18px;
    background-color: #0083ff;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #0083ff;
    margin-top: 35px
}

.projectDetailByChoose .pd-main {
    width: 1200px;
    margin: 17px auto 0;
    background-color: #fff;
    padding: 42px 48px 75px
}

.projectDetailByChoose .pd-main h2 {
    color: #222;
    font-size: 18px;
    line-height: 46px
}

.projectDetailByChoose .pd-main .pd-main-top {
    display: table
}

.projectDetailByChoose .pd-main .pd-main-top .left {
    width: 675px;
    display: table-cell
}

.projectDetailByChoose .pd-main .pd-main-top .left span {
    color: #333;
    font-size: 16px;
    line-height: 16px;
    margin-top: 28px;
    display: inline-block;
    width: 50%
}

.projectDetailByChoose .pd-main .pd-main-top .left span i {
    padding-left: 26px;
    color: #999;
    font-size: 16px;
    font-style: normal
}

.projectDetailByChoose .pd-main .pd-main-top .left span.type i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAACZmZmLi4uSkpKWlpabm5uVlZWbm5uYmJiYmJiampqWlpaampqYmJiYmJiWlpaampqYmJiZmZmXl5eZmZmZmZmYmJiYmJiampqYmJiZmZmYmJiZmZmZmZmYmJiYmJgU+Y/mAAAAIHRSTlMACgsOJykpODlISU5OT15fYGFwcaytrr+/wcHCw9LT1WCYc+gAAABxSURBVHhetc7BEoIwDIThH0qtVYlSLQVK4P3fUicjJ8/m8h2ys7OkqqpVnJgJ6uBPfsghmxV2D/g5zuYOWwd05VLM7UgsR+Lb8RjP2VzhPk5levVtbwq4EGMMDY3pQPLnk2/t1ZQ/7XiuqrqIEzPxc2+hUQu0JaEONQAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByChoose .pd-main .pd-main-top .left span.company i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAk1BMVEUAAACqqqqZmZmfn5+SkpKUlJSVlZWZmZmTk5OXl5eZmZmampqYmJiVlZWampqXl5ebm5uampqXl5eampqZmZmXl5eYmJiYmJiampqampqampqZmZmZmZmZmZmZmZmYmJiZmZmZmZmampqZmZmZmZmZmZmYmJiZmZmZmZmZmZmampqZmZmZmZmZmZmZmZmZmZmZmZkBibDbAAAAMXRSTlMAAwUIDhMYGRobKDA0NTVAQk5WWF9gYWptb3d4f4edoaOnq6ytr7Cyt7m6u7zQ0uPoK3rAyQAAAINJREFUeF6FzNESwTAQRuElKAJ0FSRFsSxEvf/T2URGhhvnJjPf5F8wV/KdTwre3eK7mkagCAV+oIOIA5jvrWR6ApnACIq1lib33wnHyVBgSbQLkHlIP9IkL0v7BV2t+wHaWzqOBRpKNQPkM2gdBBZVtQmACIrS0f9Qs3N8efLDsa9+ATLjD1MJpTFpAAAAAElFTkSuQmCC) 0 no-repeat
}

.projectDetailByChoose .pd-main .pd-main-top .left span.layout {
    line-height: 22px;
    position: relative;
    top: 22px
}

.projectDetailByChoose .pd-main .pd-main-top .left span.time i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAV1BMVEUAAACqqqqfn5+ZmZmSkpKXl5ebm5uWlpaZmZmVlZWYmJiVlZWampqampqZmZmampqXl5eZmZmYmJiYmJiZmZmXl5eZmZmZmZmYmJiZmZmZmZmZmZmZmZl8muF4AAAAHHRSTlMAAwgKDhYcIigpLzAwNVVWVpufpKWlxtDd6/r8CoWX4QAAAIRJREFUeF5lj9EOgyAQBKdq61VFC6JQ8P+/U9FLatJ5Y8hldykYG3OO1nBRu+SnYZh8cvX5XoPAE3iHtRgXGmgTQBMcmCSAbBQkGaznJ/CW+LmLKZL7S1RV9YA+q2i3g28RekIrIi8YI3bhxmI1FtBYLQZaTKvr/1Fdx81j143zOe5v/g5+GQhDLcLDngAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByChoose .pd-main .pd-main-top .left span.deadlinTime i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABb0lEQVQ4T5XTMUscQRQH8P+b2dI0hxwpFEIqBb+A6QKSqF1Iq8Qit85ecV9AhPUzhNudtymCNpLS5ECL9GlTSRQkKRQsxEBIeby/7BFFjgT3pnozb35vhuGN4N6IMZYA3oUQju+v13FZlgsikoYQerc5qQNVnQPwhuSGiHwjeTmOReQxgAUAeyKym6bpqcQYFwF8FpEI4DXJA5Lf/4HnRGSV5EBENs1spcZHAD6GED6oamZmn7IsuxjH/X5/1nu/EkKoVPUtyVc1PvPeL3U6nR/j4H/zoiieJkkyEFWtUQJg2BT/3f9nhIfD4bpz7rwpNrOZJEnej7CZPc+y7GdTXJblE+fcYWOc53nSbrcfdbvdXxNjVR0AeEHyGcmriU5W1QMAywAWzex6IpznuWu1WlO9Xu/33bVjjF+dc9tpmn5p+mBVVb00s22pqmqd5I6ZZQBOHipAct57XwDYGn2MGONa3a8Aph/CAK5IFiGE/Rsm1cNLSeiQWwAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByChoose .pd-main .pd-main-top .left span.who i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA9ElEQVQYGZXAcUcDYQAG8Mc2nUOZqUQCpBpA0SfIPkT6EDFE5CUCXLxs7/PcljUGrkxISAWJ+r8KEYBZqgCLIat1qi7qhz+o5iQ9qatzLgBhgRfq6pGq5tBjh3TDWmXGjrgltVhVK1zUMPOs63JrEAA3tI0+zqlTnkUfG1wHoDtOIqZ5xMpT4S0AdfArvQDQgxtFotKY2gDYYBGJtMI6AObVduP4oTShe02jh2s6tR6+sJ7O3CremRT3FEVpxKI0m2yaFD4Evo64YwbwxnraDQ8DH58Fvg54vJkFalmdaD/w8Z3JqKIrV9C1ZDJIxqKetYz/eQWB9GSsahoaDgAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByChoose .pd-main .pd-main-top .left div {
    margin-top: 25px
}

.projectDetailByChoose .pd-main .pd-main-top .left div em {
    color: #0083ff;
    font-size: 14px;
    line-height: 14px;
    padding: 6px 12px;
    display: inline-block;
    margin: 7px 19px 0 0;
    background-color: #eaf3ff;
    border-radius: 14px
}

.projectDetailByChoose .pd-main .pd-main-top .left div em:last-child {
    margin-right: 0
}

.projectDetailByChoose .pd-main .pd-main-top .right {
    display: table-cell;
    border-left: 1px solid #e5e5e5;
    padding-left: 74px
}

.projectDetailByChoose .pd-main .pd-main-top .right .plan {
    display: table
}

.projectDetailByChoose .pd-main .pd-main-top .right .plan div {
    display: table-cell
}

.projectDetailByChoose .pd-main .pd-main-top .right .plan div p {
    color: #666;
    font-size: 16px;
    line-height: 20px;
    padding-left: 26px
}

.projectDetailByChoose .pd-main .pd-main-top .right .plan div em {
    color: #f77272;
    font-size: 24px;
    line-height: 24px;
    display: inline-block;
    margin-top: 27px
}

.projectDetailByChoose .pd-main .pd-main-top .right .plan div.budget {
    width: 230px
}

.projectDetailByChoose .pd-main .pd-main-top .right .plan div.budget p {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAA5FBMVEUAAAAAAACAgIBVVVVmZmZJSUltbW1gYGBVVVVdXV1iYmJra2thYWFoaGhiYmJmZmZkZGRgYGBlZWVkZGRnZ2dlZWVlZWVmZmZkZGRjY2NnZ2dkZGRkZGRnZ2dlZWVkZGRmZmZlZWVnZ2dlZWVnZ2dlZWVlZWVmZmZmZmZmZmZlZWVlZWVlZWVmZmZmZmZlZWVmZmZmZmZmZmZlZWVmZmZmZmZnZ2dmZmZmZmZmZmZmZmZmZmZnZ2dlZWVlZWVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZlZWVmZmYksBDeAAAAS3RSTlMAAQIDBQcHCAkLDRMVFhoeISUmKSorMDc4Oz5ASk1OT1BTV1tjam9wh4+TmqGnqKuvsrS1tre4ubzAw8bHx8zO1dni5ufr7O7w+f6kUMSmAAAAv0lEQVR4Xn3OcXeBcBTG8Uczo8kAi2waUmFbbJCKWMB9/+/H+XVKtMP3z885zz0XU/rXL6gjxuoQSEQs8TZmXsWolwAVumgeIFJPUdy9m3jLAvwHKgciMkOcuAJvLcHVJEkqhMhbruMK1/OWtyPae8oVPjfl4VyWc3gfsxwf813VXKpqCfpK07Qp9Rg2bPtva9tt6AZQ3fUTwZ/6JwCG5c2AQwyL3tcDQqw3fFysjSQYKtK5b/p5BGt0pKhZ2rcTdTIvlNaZNywAAAAASUVORK5CYII=) 0 no-repeat
}

.projectDetailByChoose .pd-main .pd-main-top .right .plan div.cycle p {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAnFBMVEUAAABiYmJkZGRlZWVjY2NjY2NjY2NmZmZnZ2dlZWVnZ2dmZmZmZmZkZGRlZWVmZmZlZWVmZmZmZmZmZmZmZmZkZGRmZmZmZmZmZmZlZWVlZWVmZmZmZmZlZWVmZmZlZWVmZmZlZWVmZmZmZmZnZ2dlZWVmZmZmZmZmZmZmZmZmZmZlZWVlZWVmZmZmZmZmZmZmZmZmZmZmZmZmZmalwIcLAAAANHRSTlMAJykrLDE2Nz4/RUZQWWBnaGxwdniEhIeJk5WWmaanqa+wu8PHx87P0dLf4OPk5+js8Pb33oxZ7AAAAI1JREFUeF6VzNkOgjAQheEjrgtqi+K4W7FSi7Vu7/9uinNhmhATvptJ/mQOSvsx2OjAN0qJ7idixwdRGgHni9ZPb9jtZczVAj4BsgmYzIDEf2OAY74L5WW0KmQr3//FgeiiJ/roiOEvLvUMc02Y6hXHepvtuIFm3ArjtlhgXWw41tt0KgkpB0jnQ06i0hvaWxere3sy8gAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByChoose .pd-main .pd-main-top .right .counter {
    margin-top: 36px;
    position: relative
}

.projectDetailByChoose .pd-main .pd-main-top .right .counter p, .projectDetailByChoose .pd-main .pd-main-top .right .counter section {
    color: #999;
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    margin-right: 10px
}

.projectDetailByChoose .pd-main .pd-main-top .right .counter p:nth-child(3) {
    padding-right: 32px;
    line-height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAABKVBMVEUAAAAA/wAAfwBVqgBVqlU/vz8zmTMqqipItiQ/vz84qTg6sDozqjM5rS43sTc6sDE9sTY8rjU3rjE8sDY7qzU5rTQ8sTE6rzU7rjM6rzI8rjQ7rzM6sDI5rTI5rzE8rDQ7rTM5rjI6rzQ5rTM5rjM8rjM6rjE7rjI7rzM6rjM8rzQ7sDQ7rjQ7rzQ6rzQ6rjI6rzQ6rTI7rjQ6rzQ7rTQ6sDQ6rjM5rzM7rzM6rzQ6rzM6rzM7rjQ6rjM6rjQ6rjM6rzQ6rjM7rzM7rzQ6rzM7rjM6rzQ6rjM7rjM7rzM6rjM6rzQ7rjM7rjM6rjQ6rzM6rzM7rjQ6rzM6rjM6rjM6rjQ6rjQ6rzQ7rjQ6rjM6rjQ7rzQ6rzQ7rjQ7rzQ6rjM6rzM7rjQ7rzT2IoDsAAAAYnRSTlMAAQIDAwQFBgcICQ0PFhcaISYpKissLjA8PT9AQUJDREVMU1RZWVxfY2hqa290en6Dh5KTl5iZo6Omqaqrrq+ys7i9vsDCw8XFxsfJy8/S1Nrb3eLu7/Dz9fj4+fn6+vv8/kBCMQIAAADbSURBVHheZcznUsIAAAThTTTWXgCJsfcWewkWsCJi7QVD8N7/IRwzCTKwP7+5ORgv+qrJv3ZgoqK6AocbNVTgb/jgOkl79S7GEtLPmgWAuRSfI7n0LnfRutjPfBWfmnE1x7B2oRDjFlhJAwanvJP8W4TrhLUfbvaBaV+EmCVsZwYTDKPJk1B5AKDbI1VKk8vR+SKk+x5gZBZrso1EAg6EpFNgaJq4/RCPjl/PMtuxtTwLRfnpCDf0j/pY6QBYkESgau/n2dvHPembohrKMxbUW9mG0auvWvq8tPkFu3JhPlANtsUAAAAASUVORK5CYII=) 100% no-repeat;
    position: relative
}

.projectDetailByChoose .pd-main .pd-main-top .right .counter p:nth-child(3) span {
    position: absolute;
    left: 0;
    top: 30px;
    display: block;
    height: 0;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s
}

.projectDetailByChoose .pd-main .pd-main-top .right .counter p:nth-child(3) span img {
    width: 144px;
    height: 144px;
    padding: 8px 4px 4px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACWCAMAAAAGwfGXAAAAY1BMVEUAAAAAkf4Af/4Ag/4AhP4Agf4Agv4Agv4Agv4Ag/4Ag/8Agv4Ag/4Agv4Agv4Ag/5NqP9Oqf9Pqf+Fw/+FxP/A4f/B4f/y+f/2+v8rmP/p9P////8smP/1+v9MqP8Ag/+93/8QD7rtAAAAEHRSTlMABxwdcHBxf8vLzM/S8vb3aSasfAAAAP5JREFUeF5ioBJgZ2cYVIBdUpJ9cLlHSkqSfVC5R1paSpJ9ULkH5qLB4h5quoiRlYtPngIgIyUtDXMRJebwcrIxMgABE7ecgiygnTvIQRAIgijag4QQnAAiAglRvP8p9Ri9eP8Eb1HrOhO0fz+1iSh1PdP0rCXax5mopYv+lQm09TG+M4GOKa4zVVd+EBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQENC4JzvV6rdkt2PdkuuYLdd13VpLRHOftyPFfra53uJfaYfpStA0dCXiBz6ckd3vDfnlAAAAAElFTkSuQmCC) 50% no-repeat;
    background-size: 100% 100%
}

.projectDetailByChoose .pd-main .pd-main-top .right .counter p:nth-child(3):hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAABKVBMVEUAAAAA/wAAfwBVqgBVqlU/vz8zmTMqqipItiQ/vz84qTg6sDozqjM5rS43sTc6sDE9sTY8rjU3rjE8sDY7qzU5rTQ8sTE6rzU7rjM6rzI8rjQ7rzM6sDI5rTI5rzE8rDQ7rTM5rjI6rzQ5rTM5rjM8rjM6rjE7rjI7rzM6rjM8rzQ7sDQ7rjQ7rzQ6rzQ6rjI6rzQ6rTI7rjQ6rzQ7rTQ6sDQ6rjM5rzM7rzM6rzQ6rzM6rzM7rjQ6rjM6rjQ6rjM6rzQ6rjM7rzM7rzQ6rzM7rjM6rzQ6rjM7rjM7rzM6rjM6rzQ7rjM7rjM6rjQ6rzM6rzM7rjQ6rzM6rjM6rjM6rjQ6rjQ6rzQ7rjQ6rjM6rjQ7rzQ6rzQ7rjQ7rzQ6rjM6rzM7rjQ7rzT2IoDsAAAAYnRSTlMAAQIDAwQFBgcICQ0PFhcaISYpKissLjA8PT9AQUJDREVMU1RZWVxfY2hqa290en6Dh5KTl5iZo6Omqaqrrq+ys7i9vsDCw8XFxsfJy8/S1Nrb3eLu7/Dz9fj4+fn6+vv8/kBCMQIAAADbSURBVHheZcznUsIAAAThTTTWXgCJsfcWewkWsCJi7QVD8N7/IRwzCTKwP7+5ORgv+qrJv3ZgoqK6AocbNVTgb/jgOkl79S7GEtLPmgWAuRSfI7n0LnfRutjPfBWfmnE1x7B2oRDjFlhJAwanvJP8W4TrhLUfbvaBaV+EmCVsZwYTDKPJk1B5AKDbI1VKk8vR+SKk+x5gZBZrso1EAg6EpFNgaJq4/RCPjl/PMtuxtTwLRfnpCDf0j/pY6QBYkESgau/n2dvHPembohrKMxbUW9mG0auvWvq8tPkFu3JhPlANtsUAAAAASUVORK5CYII=) 100% no-repeat
}

.projectDetailByChoose .pd-main .pd-main-top .right .counter p:nth-child(3):hover span {
    height: 144px
}

.projectDetailByChoose .pd-main .pd-main-top .right .counter .qqkong, .projectDetailByChoose .pd-main .pd-main-top .right .counter .weibo {
    vertical-align: bottom;
    margin-bottom: -2px
}

.projectDetailByChoose .pd-main .pd-main-top .right .counter .qqkong img, .projectDetailByChoose .pd-main .pd-main-top .right .counter .weibo img {
    width: 21px;
    height: 21px
}

.projectDetailByChoose .pd-main .pd-main-middle {
    margin: 61px 0;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5
}

.projectDetailByChoose .pd-main .pd-main-bottom h2 {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 32px;
    position: relative
}

.projectDetailByChoose .pd-main .pd-main-bottom h2 i {
    display: block;
    width: 30px;
    height: 3px;
    background-color: #e5e5e5;
    position: absolute;
    bottom: -10px
}

.projectDetailByChoose .pd-main .pd-main-bottom p {
    color: #666;
    font-size: 16px;
    line-height: 24px
}

.projectDetailByChoose .pd-main .pd-main-bottom a {
    color: #666;
    font-size: 16px;
    padding-left: 28px;
    display: block;
    margin-top: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAwFBMVEUAAAAgICA5OTkuLi4rKys3NzcwMDAtLS02NjYxMTEuLi41NTUxMTEzMzMwMDAuLi4tLS0zMzMyMjIzMzMxMTEzMzMyMjIyMjIyMjIxMTEwMDAzMzMzMzMyMjIyMjIxMTEzMzMyMjIzMzMzMzMyMjIyMjIyMjIyMjIyMjIzMzMyMjIyMjIzMzMyMjIyMjIzMzMzMzMyMjIyMjIzMzMzMzMzMzMyMjIzMzMzMzMzMzMzMzMzMzMzMzMyMjIzMzMzMzMZ6IHpAAAAP3RSTlMACAkLDA4QERMVFhgaHiAhIigpUFhaW1xgYmRkanB/gYeVl5qeorGyt8/Q0dTV2t3e3+Dh4ufq6uvs7/f6/v7bForUAAAAmklEQVQYV4XLwQKBUBCF4QNIUBQCQEGEy00E3v+tLKaYsvAvv5mDghOEn7waAADOrmVE2cLbk17adAQwXKuRhgZDqJ7QU7gByu5JT+Dg1gQUd5tA7Xo/CnH2E4iiYVnWLIUAADNGpUIpDLXni3pU2afWoOp8zotRXa6oRemLufGEGmX+zH8w6KSwLwH70DV5PTkF8nPp8+Q0izdgkByhGKoYrQAAAABJRU5ErkJggg==) 0 no-repeat;
    font-weight: 700
}

.projectDetailByChoose .pd-main .pd-main-bottom a:hover {
    color: #0083ff
}

.projectDetailByChoose .pd-main .pd-main-bottom a:last-child {
    margin-right: 0
}

.projectDetailByChoose .pd-main .pd-main-bottom .agreeImg {
    margin-top: 25px
}

.projectDetailByChoose .pd-main .pd-main-bottom .agreeImg .imgBox {
    display: inline-block;
    width: 180px;
    height: 180px;
    margin-right: 19px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.projectDetailByChoose .pd-main .pd-main-bottom .agreeImg .imgBox:last-child {
    margin-right: 0
}

.projectDetailByChoose .pd-main .pd-main-nav {
    margin-top: 30px;
    border-top: 1px solid #e5e5e5;
    padding-top: 15px
}

.projectDetailByChoose .pd-main .pd-main-nav p {
    color: #999;
    font-size: 14px;
    margin-top: 14px
}

.projectDetailByChoose .pd-main .pd-main-nav p a {
    margin-left: 7px;
    color: #333
}

.projectDetailByChoose .pd-main .pd-main-nav p a:hover {
    color: #0083ff
}

.projectDetailByChoose .closeDialog {
    width: 734px;
    padding: 41px 99px 39px;
    text-align: right
}

.projectDetailByChoose .closeDialog h2 {
    color: #333;
    font-size: 30px;
    margin-bottom: 53px;
    text-align: left
}

.projectDetailByChoose .closeDialog p {
    color: #666;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 39px;
    text-align: left
}

.projectDetailByChoose .closeDialog p span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 50%;
    position: relative;
    top: 3px
}

.projectDetailByChoose .closeDialog p span.select {
    background-color: #0083ff;
    border-color: #0083ff
}

.projectDetailByChoose .closeDialog p span.select i {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 4px
}

.projectDetailByChoose .closeDialog button {
    color: #0083ff;
    border: 1px solid #0083ff;
    width: 120px;
    height: 42px;
    background-color: #fff;
    margin-top: 9px;
    border-radius: 4px
}

.projectDetailByChoose .closeDialog button.close {
    color: #fff;
    background-color: #0083ff;
    margin-left: 20px
}

.projectDetailByChoose .closeDialog button.close:hover {
    background: #66b1ff;
    border-color: #66b1ff
}

.projectDetailByChoose .dialog {
    width: 500px;
    padding: 30px 40px
}

.projectDetailByChoose .dialog h2 {
    color: #333;
    font-size: 30px;
    padding-left: 30px
}

.projectDetailByChoose .dialog h2 i {
    float: right;
    color: #9c9c9c;
    font-size: 20px;
    font-weight: 400;
    line-height: 40px
}

.projectDetailByChoose .dialog h2 i:hover {
    color: #0083ff
}

.projectDetailByChoose .dialog .dialog-content {
    padding: 35px 30px 30px
}

.projectDetailByChoose .dialog .dialog-content p {
    color: #666;
    font-size: 18px;
    line-height: 28px
}

.projectDetailByChoose .dialog .dialog-operation {
    text-align: center
}

.projectDetailByChoose .dialog .dialog-operation button {
    color: #fff;
    font-size: 16px;
    line-height: 42px;
    width: 120px;
    border: none;
    border-radius: 4px;
    background-color: #0083ff
}

.projectDetailByChoose .dialog .dialog-operation button.default {
    color: #999;
    background: none
}

.projectDetailByChosen .btn1 {
    cursor: pointer;
    width: 88px;
    height: 34px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #0083ff;
    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;
    color: #0083ff;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    font-size: 14px
}

.projectDetailByChosen .upload .el-upload-list--picture-card .el-upload-list__item {
    width: 74px!important;
    height: 74px!important;
    margin: 0 10px 8px 0
}

.projectDetailByChosen .upload .el-upload--picture-card {
    width: 74px;
    height: 74px;
    line-height: 74px
}

.projectDetailByChosen {
    background-color: #f8f8f8;
    padding-bottom: 61px
}

.projectDetailByChosen button {
    cursor: pointer
}

.projectDetailByChosen p {
    word-break: break-all
}

.projectDetailByChosen .contact-info {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin: 40px 0 20px
}

.projectDetailByChosen .contact-info h2 {
    color: #333!important;
    font-size: 18px!important;
    margin: 30px 0!important
}

.projectDetailByChosen .contact-info>div {
    margin-bottom: 40px
}

.projectDetailByChosen .contact-info>div span {
    padding-right: 40px;
    color: #666
}

.projectDetailByChosen .contact-info>div span i {
    margin-right: 5px
}

.projectDetailByChosen .contact-info>div span.qq i {
    color: #23a0f0
}

.projectDetailByChosen .contact-info>div span.wechat i {
    color: #46bb36
}

.projectDetailByChosen .contact-info>div span.phone i {
    color: #fdbc56
}

.projectDetailByChosen .user-Info {
    color: #999;
    font-size: 16px;
    margin-left: 110px
}

.projectDetailByChosen .user-Info .user-info-name {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px
}

.projectDetailByChosen .user-Info .user-info-name a {
    color: #333;
    font-size: 30px;
    padding-right: 10px;
    font-weight: 700;
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.projectDetailByChosen .dialog h2 {
    font-weight: 450!important
}

.projectDetailByChosen .dialog .item input:focus, .projectDetailByChosen .dialog .item textarea:focus {
    border: 1px solid #0083ff;
    -webkit-box-shadow: 0 0 6px #0083ff;
    box-shadow: 0 0 6px #0083ff
}

.projectDetailByChosen .dialog .operation {
    text-align: right;
    margin-top: 38px
}

.projectDetailByChosen .dialog .operation button {
    color: #0083ff;
    font-size: 14px;
    border: 1px solid #0083ff;
    width: 120px;
    height: 42px;
    background-color: #fff;
    border-radius: 4px
}

.projectDetailByChosen .dialog .operation button:last-child {
    color: #fff;
    background-color: #0083ff;
    margin-left: 20px
}

.projectDetailByChosen .container-bannar {
    width: 100%;
    height: 100px;
    min-width: 1200px;
    background: url(static/images/banner.81ed8aa.png) 50% no-repeat
}

.projectDetailByChosen .container-bannar .bannar-bar {
    width: 1200px;
    margin: 0 auto;
    padding-top: 62px;
    color: #fff;
    font-size: 16px;
    line-height: 16px
}

.projectDetailByChosen .container-bannar .bannar-bar a {
    color: #fff
}

.projectDetailByChosen .container-bannar .bannar-bar span {
    font-weight: 700
}

.projectDetailByChosen .pd-state {
    width: 1200px;
    margin: 20px auto 0;
    padding: 30px 47px 52px;
    background-color: #fff
}

.projectDetailByChosen .pd-state .warning {
    border-radius: 4px;
    border: 1px solid #ffd9ae;
    background-color: #fff5e9
}

.projectDetailByChosen .pd-state .warning div {
    color: #999;
    font-size: 16px;
    line-height: 46px;
    padding-left: 32px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAPFBMVEX/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAAdQyvcAAAAE3RSTlMACRAqKz9ASVBTWo6Plr6/0/D9X7NaQgAAAGFJREFUeF5lj+0OgCAIRa9pn0Shvv+7Nr2zpZ0/wBkMQMGLxWjiQZymXEnqan3ll6sYzR8U8OxfD055CAeWjVFgucMQKeadMTaBqQnrhUF6cSL0a8N42HD67X7PkcD3Q8kfhD8OHS1Fyb0AAAAASUVORK5CYII=) 11px 16px no-repeat
}

.projectDetailByChosen .pd-state .warning div button {
    border: none;
    background: none;
    color: #ff9400;
    font-size: 16px;
    line-height: 21px;
    margin-left: 19px;
    padding-right: 28px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAulBMVEX/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lABerJq4AAAAPXRSTlMAtwONceHnfwUwrjHM7k4a7QQ7OTgm5cgIpt8iiEjgEo7vpzQGGTNw6QcjUbXoVfygPvklN8tab37qET1e8/HOhAAAAMZJREFUeF5tkdcSgjAURDeELoiCgBUbgr135f9/y8EYo+h52jlzJ3PvBgyDhsE2CKkBQctsaq4TO5t202xx2VnIOhi6rHZYKqslCEpqOQ+7Sg2f1Co+ACLjG5kAiaIXbFVJ0NO4uM/rLGgUocutNCBMexaCEYq6a2MV50HJnlyWyMlgi9kJaUiv2YP7Kfm7YofjmkmcKYZK9Wff4Z/bUgLAL/Swt/3/nT2ZjdN3v6fxDC+mZqR5V8m5tSNzCoFBrX7Wt/i/PQBjgQ6CFYziRQAAAABJRU5ErkJggg==) 100% no-repeat
}

.projectDetailByChosen .pd-state .stateList {
    position: relative
}

.projectDetailByChosen .pd-state .stateList h2 {
    color: #333;
    font-size: 20px;
    line-height: 20px;
    margin-top: 20px;
    font-weight: 400
}

.projectDetailByChosen .pd-state .stateList .list {
    margin-top: 35px
}

.projectDetailByChosen .pd-state .stateList .list .item {
    display: inline-block;
    width: 70px;
    margin-right: 134px;
    text-align: center;
    position: relative
}

.projectDetailByChosen .pd-state .stateList .list .item img {
    width: 44px;
    height: 44px
}

.projectDetailByChosen .pd-state .stateList .list .item p {
    color: #999;
    font-size: 14px;
    line-height: 14px;
    margin-top: 12px
}

.projectDetailByChosen .pd-state .stateList .list .item:after {
    content: "";
    width: 134px;
    position: absolute;
    top: 22px;
    right: -134px;
    border-top: 2px dotted #999
}

.projectDetailByChosen .pd-state .stateList .list .item:last-child {
    margin-right: 0
}

.projectDetailByChosen .pd-state .stateList .list .item:last-child:after {
    display: none
}

.projectDetailByChosen .pd-state .stateList .list .item.current p, .projectDetailByChosen .pd-state .stateList .list .item.ed p {
    color: #0083ff
}

.projectDetailByChosen .pd-state .stateList .list .item.ed:after {
    border-top: 2px dotted #0083ff
}

.projectDetailByChosen .pd-state .stateList .operation {
    position: absolute;
    top: 54px;
    right: 0
}

.projectDetailByChosen .pd-state .stateList .operation a, .projectDetailByChosen .pd-state .stateList .operation button {
    display: block;
    width: 140px;
    padding: 10px 0;
    font-size: 18px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #0083ff;
    color: #fff;
    background-color: #0083ff
}

.projectDetailByChosen .pd-state .stateList .operation a:hover, .projectDetailByChosen .pd-state .stateList .operation button:hover {
    background: #66b1ff;
    border-color: #66b1ff
}

.projectDetailByChosen .pd-state .stateList .operation a.lock, .projectDetailByChosen .pd-state .stateList .operation button.lock {
    border: 1px solid #e5e5e5;
    background-color: #e5e5e5
}

.projectDetailByChosen .pd-state .stateList .operation a.lock:hover, .projectDetailByChosen .pd-state .stateList .operation button.lock:hover {
    background: #e5e5e5;
    border-color: #e5e5e5
}

.projectDetailByChosen .pd-state .stateList .operation p {
    color: #333;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    margin-top: 13px
}

.projectDetailByChosen .pd-state .stateList .operation p span {
    cursor: pointer;
    padding: 0 14px
}

.projectDetailByChosen .pd-state .stateList .operation p span:first-child {
    padding-left: 23px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAh1BMVEUAAAAAAAAAAAAAAAAAAAArAAAkAAAgAAAeDw8gFRUfFBQdFBQgGBAhFBQhFhYjFhYhGRUhGRUhFxQiFxQiFxUiFxQhFhQjGBMiGBUiFxUjGBQjFxUiGBUjFxQjGBUjFxQiGBQjGBUjGBUjGBQjGBQjFxUjFxUjFxUjGBUiGBQjGBQiFxUiFxV423P8AAAALXRSTlMAAQMEBQYHCBEYGRogJy86PT5NWm9xc3Z3eYuTlKeqsLK3uL2/xMXHx8nNz9Dgx5ZuAAAAbUlEQVQIHXXA0RaBQBiF0Y8fQgVQRJxmoHj/57PmwmpubFLfvn5an9Lk9PIGR8whYkJgRmAGQrCqh8DgsgYhYKeMeX0EhACW185tAISIiQexO+cyAaazYFFWjIoP4/1bwa0wwG+7w4Te85Tw1xfNkQjyrf3EZQAAAABJRU5ErkJggg==) 4px 4px no-repeat
}

.projectDetailByChosen .pd-main {
    width: 1200px;
    margin: 17px auto 0;
    background-color: #fff;
    padding: 58px 48px 61px
}

.projectDetailByChosen .pd-main h2 {
    color: #222;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 44px
}

.projectDetailByChosen .pd-main .pd-main-top {
    display: table
}

.projectDetailByChosen .pd-main .pd-main-top .left {
    width: 675px;
    display: table-cell
}

.projectDetailByChosen .pd-main .pd-main-top .left span {
    color: #333;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 28px;
    display: inline-block;
    width: 50%
}

.projectDetailByChosen .pd-main .pd-main-top .left span i {
    padding-left: 26px;
    color: #999;
    font-size: 16px;
    font-style: normal
}

.projectDetailByChosen .pd-main .pd-main-top .left span.type i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAACZmZmLi4uSkpKWlpabm5uVlZWbm5uYmJiYmJiampqWlpaampqYmJiYmJiWlpaampqYmJiZmZmXl5eZmZmZmZmYmJiYmJiampqYmJiZmZmYmJiZmZmZmZmYmJiYmJgU+Y/mAAAAIHRSTlMACgsOJykpODlISU5OT15fYGFwcaytrr+/wcHCw9LT1WCYc+gAAABxSURBVHhetc7BEoIwDIThH0qtVYlSLQVK4P3fUicjJ8/m8h2ys7OkqqpVnJgJ6uBPfsghmxV2D/g5zuYOWwd05VLM7UgsR+Lb8RjP2VzhPk5levVtbwq4EGMMDY3pQPLnk2/t1ZQ/7XiuqrqIEzPxc2+hUQu0JaEONQAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByChosen .pd-main .pd-main-top .left span.company i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAk1BMVEUAAACqqqqZmZmfn5+SkpKUlJSVlZWZmZmTk5OXl5eZmZmampqYmJiVlZWampqXl5ebm5uampqXl5eampqZmZmXl5eYmJiYmJiampqampqampqZmZmZmZmZmZmZmZmYmJiZmZmZmZmampqZmZmZmZmZmZmYmJiZmZmZmZmZmZmampqZmZmZmZmZmZmZmZmZmZmZmZkBibDbAAAAMXRSTlMAAwUIDhMYGRobKDA0NTVAQk5WWF9gYWptb3d4f4edoaOnq6ytr7Cyt7m6u7zQ0uPoK3rAyQAAAINJREFUeF6FzNESwTAQRuElKAJ0FSRFsSxEvf/T2URGhhvnJjPf5F8wV/KdTwre3eK7mkagCAV+oIOIA5jvrWR6ApnACIq1lib33wnHyVBgSbQLkHlIP9IkL0v7BV2t+wHaWzqOBRpKNQPkM2gdBBZVtQmACIrS0f9Qs3N8efLDsa9+ATLjD1MJpTFpAAAAAElFTkSuQmCC) 0 no-repeat
}

.projectDetailByChosen .pd-main .pd-main-top .left span.layout {
    line-height: 22px;
    position: relative;
    top: 22px
}

.projectDetailByChosen .pd-main .pd-main-top .left span.time i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAV1BMVEUAAACqqqqfn5+ZmZmSkpKXl5ebm5uWlpaZmZmVlZWYmJiVlZWampqampqZmZmampqXl5eZmZmYmJiYmJiZmZmXl5eZmZmZmZmYmJiZmZmZmZmZmZmZmZl8muF4AAAAHHRSTlMAAwgKDhYcIigpLzAwNVVWVpufpKWlxtDd6/r8CoWX4QAAAIRJREFUeF5lj9EOgyAQBKdq61VFC6JQ8P+/U9FLatJ5Y8hldykYG3OO1nBRu+SnYZh8cvX5XoPAE3iHtRgXGmgTQBMcmCSAbBQkGaznJ/CW+LmLKZL7S1RV9YA+q2i3g28RekIrIi8YI3bhxmI1FtBYLQZaTKvr/1Fdx81j143zOe5v/g5+GQhDLcLDngAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByChosen .pd-main .pd-main-top .left span.deadlinTime i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABb0lEQVQ4T5XTMUscQRQH8P+b2dI0hxwpFEIqBb+A6QKSqF1Iq8Qit85ecV9AhPUzhNudtymCNpLS5ECL9GlTSRQkKRQsxEBIeby/7BFFjgT3pnozb35vhuGN4N6IMZYA3oUQju+v13FZlgsikoYQerc5qQNVnQPwhuSGiHwjeTmOReQxgAUAeyKym6bpqcQYFwF8FpEI4DXJA5Lf/4HnRGSV5EBENs1spcZHAD6GED6oamZmn7IsuxjH/X5/1nu/EkKoVPUtyVc1PvPeL3U6nR/j4H/zoiieJkkyEFWtUQJg2BT/3f9nhIfD4bpz7rwpNrOZJEnej7CZPc+y7GdTXJblE+fcYWOc53nSbrcfdbvdXxNjVR0AeEHyGcmriU5W1QMAywAWzex6IpznuWu1WlO9Xu/33bVjjF+dc9tpmn5p+mBVVb00s22pqmqd5I6ZZQBOHipAct57XwDYGn2MGONa3a8Aph/CAK5IFiGE/Rsm1cNLSeiQWwAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByChosen .pd-main .pd-main-top .left span.who i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA9ElEQVQYGZXAcUcDYQAG8Mc2nUOZqUQCpBpA0SfIPkT6EDFE5CUCXLxs7/PcljUGrkxISAWJ+r8KEYBZqgCLIat1qi7qhz+o5iQ9qatzLgBhgRfq6pGq5tBjh3TDWmXGjrgltVhVK1zUMPOs63JrEAA3tI0+zqlTnkUfG1wHoDtOIqZ5xMpT4S0AdfArvQDQgxtFotKY2gDYYBGJtMI6AObVduP4oTShe02jh2s6tR6+sJ7O3CremRT3FEVpxKI0m2yaFD4Evo64YwbwxnraDQ8DH58Fvg54vJkFalmdaD/w8Z3JqKIrV9C1ZDJIxqKetYz/eQWB9GSsahoaDgAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByChosen .pd-main .pd-main-top .left div em {
    color: #0083ff;
    font-size: 14px;
    line-height: 14px;
    padding: 6px 12px;
    display: inline-block;
    margin: 5px 19px 0 0;
    background-color: #eaf3ff;
    border-radius: 14px
}

.projectDetailByChosen .pd-main .pd-main-top .left div em:last-child {
    margin-right: 0
}

.projectDetailByChosen .pd-main .pd-main-top .right {
    width: 425px;
    display: table-cell;
    border-left: 1px solid #e5e5e5;
    padding-left: 72px
}

.projectDetailByChosen .pd-main .pd-main-top .right .avtor {
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 29px;
    float: left;
    position: relative
}

.projectDetailByChosen .pd-main .pd-main-top .right .avtor img {
    width: 100%;
    height: 100%
}

.projectDetailByChosen .pd-main .pd-main-top .right em {
    color: #333;
    font-size: 30px;
    line-height: 30px;
    display: inline-block;
    max-width: 165px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700
}

.projectDetailByChosen .pd-main .pd-main-top .right p {
    color: #666;
    font-size: 16px;
    line-height: 20px;
    margin-top: 14px;
    margin-bottom: 9px;
    padding-left: 120px
}

.projectDetailByChosen .pd-main .pd-main-top .right button {
    color: #fff;
    font-size: 14px;
    width: 88px;
    height: 34px;
    border-radius: 4px;
    border: 1px solid #0083ff;
    background-color: #0083ff;
    margin-top: 5px
}

.projectDetailByChosen .pd-main .pd-main-top .right button:hover {
    background: #66b1ff;
    border-color: #66b1ff
}

.projectDetailByChosen .pd-main .pd-main-top .right button.cancel {
    color: #0083ff;
    background-color: #fff
}

.projectDetailByChosen .pd-main .pd-main-top .right button.cancel:hover {
    border-color: #0083ff
}

.projectDetailByChosen .pd-main .pd-main-middle {
    margin: 61px 0 63px;
    padding: 20px 0 37px;
    border-radius: 4px;
    background-color: #f8f8f8;
    position: relative
}

.projectDetailByChosen .pd-main .pd-main-middle span {
    padding: 6px 10px 6px 0;
    background-color: #def5f0;
    border-radius: 0 16px 16px 0
}

.projectDetailByChosen .pd-main .pd-main-middle span i {
    color: #02b18e;
    font-size: 14px;
    line-height: 35px;
    font-style: normal;
    padding-left: 36px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAYAAABrXO8xAAACH0lEQVQ4T42TT0iUYRDGfzP7uZZkpwyTCugSUJHXMDpJEa6rCkoREF1SPOWuSUCkFgWqfgueKiDSNGIr3U+hi1B4EoqAQDA7pmF0keiv7u47IYvk2hLOcXh+zPPOPK9QqILew0LRFLBmIWki0j6/VSZ5jfH+vXh6Tk16MIbAShBpdWY9ODdC49UvG3qRwH8qcBLYBew0bNZEu4i2vwQglagWcV2CnAB+Ad8RmRENfHPOqjEWKfq2RG33z4L2p7pLSJfuRzigKtM5cDWzj+bOzwWBrc1kX7kWe8vbA5PJEOFPlwh9fYyW7NZMDsy41bVDNF/7WHBiMhnS8OIYQsQ5PYpD1bP5dXDFGacIex/IpCPUxscRDIDNkEgN0dgME32Vqt70+lbfmXEdZwuqMofYQxeNt3D/nqflP0bBatwGBDCVqBfnbohO+mPAgovGbpLyG1R4Agwb7BHsdB4EaODfAjkoTCYui9lFq4tVARD01yih52CZrRCABIOvDe4KL4bKNJ1ecmrHqe14n4P7qnD6m4aOt3kLS/nHVHjjVqkQAE35DwxKrT7W9L9bSpAIRFh20fZWASDorRC8OTOuUB8fKQjnnnTbstkj65n9G/KJgbOq+sxlXRuNHcP5FgdbVGTQiUQ3Mpz/O1IDZ0R0FGPWLOujUiRIHKTSsPPUxV8BAMg/tpJ3yjRc3GnIBYSMGI+ct2OASNvKZm3+xG2lHAD+AJay6f0SHz+pAAAAAElFTkSuQmCC) 13px no-repeat
}

.projectDetailByChosen .pd-main .pd-main-middle .appoint {
    margin-top: 29px;
    padding-left: 43px;
    display: table
}

.projectDetailByChosen .pd-main .pd-main-middle .appoint div {
    padding-right: 67px;
    display: table-cell;
    min-width: 245px
}

.projectDetailByChosen .pd-main .pd-main-middle .appoint div img {
    width: 64px;
    height: 64px;
    margin-right: 11px;
    float: left
}

.projectDetailByChosen .pd-main .pd-main-middle .appoint div em {
    color: #f77272;
    font-size: 28px;
    line-height: 28px
}

.projectDetailByChosen .pd-main .pd-main-middle .appoint div p {
    color: #666;
    font-size: 16px;
    line-height: 16px;
    margin-top: 13px
}

.projectDetailByChosen .pd-main .pd-main-middle .appoint div.protocol {
    vertical-align: top;
    padding-left: 78px
}

.projectDetailByChosen .pd-main .pd-main-middle .appoint div.protocol p {
    color: #666;
    font-size: 16px;
    line-height: 16px;
    margin: 0 0 23px
}

.projectDetailByChosen .pd-main .pd-main-middle .appoint div.protocol a {
    color: #0083ff;
    font-size: 18px;
    margin-right: 38px;
    margin-left: -8px
}

.projectDetailByChosen .pd-main .pd-main-middle .appoint div.protocol button {
    color: #0083ff;
    font-size: 18px;
    border: none;
    background: none
}

.projectDetailByChosen .pd-main .pd-main-middle>img {
    position: absolute;
    top: -20px;
    right: 37px
}

.projectDetailByChosen .pd-main .pd-main-bottom h2 {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 32px;
    position: relative
}

.projectDetailByChosen .pd-main .pd-main-bottom h2 i {
    display: block;
    width: 30px;
    height: 3px;
    background-color: #e5e5e5;
    position: absolute;
    bottom: -10px
}

.projectDetailByChosen .pd-main .pd-main-bottom p {
    color: #666;
    font-size: 16px;
    line-height: 24px
}

.projectDetailByChosen .pd-main .pd-main-bottom a {
    color: #666;
    font-size: 16px;
    padding-left: 28px;
    display: block;
    margin-top: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAwFBMVEUAAAAgICA5OTkuLi4rKys3NzcwMDAtLS02NjYxMTEuLi41NTUxMTEzMzMwMDAuLi4tLS0zMzMyMjIzMzMxMTEzMzMyMjIyMjIyMjIxMTEwMDAzMzMzMzMyMjIyMjIxMTEzMzMyMjIzMzMzMzMyMjIyMjIyMjIyMjIyMjIzMzMyMjIyMjIzMzMyMjIyMjIzMzMzMzMyMjIyMjIzMzMzMzMzMzMyMjIzMzMzMzMzMzMzMzMzMzMzMzMyMjIzMzMzMzMZ6IHpAAAAP3RSTlMACAkLDA4QERMVFhgaHiAhIigpUFhaW1xgYmRkanB/gYeVl5qeorGyt8/Q0dTV2t3e3+Dh4ufq6uvs7/f6/v7bForUAAAAmklEQVQYV4XLwQKBUBCF4QNIUBQCQEGEy00E3v+tLKaYsvAvv5mDghOEn7waAADOrmVE2cLbk17adAQwXKuRhgZDqJ7QU7gByu5JT+Dg1gQUd5tA7Xo/CnH2E4iiYVnWLIUAADNGpUIpDLXni3pU2afWoOp8zotRXa6oRemLufGEGmX+zH8w6KSwLwH70DV5PTkF8nPp8+Q0izdgkByhGKoYrQAAAABJRU5ErkJggg==) 0 no-repeat;
    font-weight: 700
}

.projectDetailByChosen .pd-main .pd-main-bottom a:hover {
    color: #0083ff
}

.projectDetailByChosen .pd-main .pd-main-bottom a:last-child {
    margin-right: 0
}

.projectDetailByChosen .pd-main .pd-main-bottom .agreeImg {
    margin-top: 25px
}

.projectDetailByChosen .pd-main .pd-main-bottom .agreeImg .imgBox {
    display: inline-block;
    width: 180px;
    height: 180px;
    margin-right: 19px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.projectDetailByChosen .pd-main .pd-main-bottom .agreeImg .imgBox:last-child {
    margin-right: 0
}

.projectDetailByChosen .pd-main .pd-main-nav {
    margin-top: 30px;
    border-top: 1px solid #e5e5e5;
    padding-top: 15px
}

.projectDetailByChosen .pd-main .pd-main-nav p {
    color: #999;
    font-size: 14px;
    margin-top: 14px
}

.projectDetailByChosen .pd-main .pd-main-nav p a {
    margin-left: 7px;
    color: #333
}

.projectDetailByChosen .pd-main .pd-main-nav p a:hover {
    color: #0083ff
}

.projectDetailByChosen .confirmDialog {
    width: 734px;
    padding: 40px 100px 50px
}

.projectDetailByChosen .confirmDialog h2 {
    color: #333;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 54px;
    position: relative
}

.projectDetailByChosen .confirmDialog h2 button {
    width: 50px;
    height: 50px;
    border: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAG1BMVEUAAAAjFxUjFhMjGBUjFxUiGBUiGBQjGBQjFxTs6mygAAAACXRSTlMAV17Z2t/g+frm2uESAAAARUlEQVQIW2NIZIAAFQZ1ATCDqRCEQAAkABYE88EERA2QhCoBUlBtDOpChVCjmDoEMFhwWYQOuCkIk+G2IVyAcFUg1ChlAA4LC3rk196TAAAAAElFTkSuQmCC) 50% no-repeat;
    position: absolute;
    top: -10px;
    right: -70px
}

.projectDetailByChosen .confirmDialog .main {
    background-color: #f7f7f7;
    padding: 29px 19px
}

.projectDetailByChosen .confirmDialog .main p {
    color: #666;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 19px
}

.projectDetailByChosen .confirmDialog .main p a {
    color: #0083ff;
    margin-left: -5px
}

.projectDetailByChosen .confirmDialog .main p span {
    margin-left: -3px
}

.projectDetailByChosen .confirmDialog .main>span {
    display: inline-block;
    color: #666;
    font-size: 16px;
    line-height: 16px;
    padding: 20px 0 38px
}

.projectDetailByChosen .confirmDialog .main>span em {
    color: #333;
    font-weight: 700
}

.projectDetailByChosen .confirmDialog .main>span.right {
    float: right
}

.projectDetailByChosen .confirmDialog .protocol {
    padding-left: 83px
}

.projectDetailByChosen .confirmDialog .protocol img {
    width: 74px;
    height: 74px;
    margin-right: 10px;
    cursor: pointer
}

.projectDetailByChosen .confirmDialog .protocol img:last-child {
    margin-right: 0
}

.projectDetailByChosen .confirmDialog .supplement {
    padding: 12px 0 20px
}

.projectDetailByChosen .confirmDialog .supplement .title {
    color: #666;
    font-size: 16px
}

.projectDetailByChosen .confirmDialog .supplement .des {
    color: #666;
    font-size: 12px;
    margin-top: 5px
}

.projectDetailByChosen .confirmDialog .supplement .uploadFile {
    margin-top: 10px;
    display: table
}

.projectDetailByChosen .confirmDialog .supplement .uploadFile a, .projectDetailByChosen .confirmDialog .supplement .uploadFile div {
    display: table-cell;
    vertical-align: middle
}

.projectDetailByChosen .confirmDialog .supplement .uploadFile .logo {
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.projectDetailByChosen .confirmDialog .supplement .uploadFile .name {
    color: #333;
    font-size: 16px;
    padding-left: 15px;
    max-width: 440px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    cursor: pointer
}

.projectDetailByChosen .confirmDialog .supplement .uploadFile .name:hover {
    color: #0083ff
}

.projectDetailByChosen .confirmDialog .supplement .uploadFile .delete {
    cursor: pointer;
    color: #0083ff;
    padding-left: 8px
}

.projectDetailByChosen .confirmDialog .supplement .add {
    color: #0083ff;
    font-size: 16px;
    margin-top: 15px;
    line-height: 30px;
    background: url("static/images/tianjjia.png") no-repeat 0;
    background-size: 20px;
    padding-left: 25px;
    cursor: pointer
}

.projectDetailByChosen .payforDialog {
    width: 734px;
    padding: 40px 100px 50px
}

.projectDetailByChosen .payforDialog h2 {
    color: #333;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 52px
}

.projectDetailByChosen .payforDialog span {
    color: #999;
    font-size: 16px;
    line-height: 16px
}

.projectDetailByChosen .payforDialog p {
    color: #666;
    font-size: 16px;
    line-height: 16px;
    margin-top: 38px
}

.projectDetailByChosen .payforDialog p em {
    color: #333
}

.projectDetailByChosen .payforDialog p span {
    color: #666
}

.projectDetailByChosen .applyRefundDialog {
    width: 734px;
    padding: 40px 100px 50px
}

.projectDetailByChosen .applyRefundDialog h2 {
    color: #333;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 54px
}

.projectDetailByChosen .applyRefundDialog>p {
    color: #666;
    font-size: 16px;
    line-height: 16px;
    margin-top: 39px
}

.projectDetailByChosen .applyRefundDialog>p span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 50%;
    position: relative;
    top: 3px
}

.projectDetailByChosen .applyRefundDialog>p span.select {
    background-color: #0083ff;
    border-color: #0083ff
}

.projectDetailByChosen .applyRefundDialog>p span.select i {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 4px
}

.projectDetailByChosen .applyRefundDialog>p em {
    color: #999
}

.projectDetailByChosen .applyRefundDialog .item {
    margin-top: 20px;
    position: relative
}

.projectDetailByChosen .applyRefundDialog .item textarea {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    padding: 14px 15px 24px;
    resize: none;
    color: #666;
    font-size: 16px;
    line-height: 24px;
    text-align: justify
}

.projectDetailByChosen .applyRefundDialog .item textarea::-webkit-input-placeholder {
    color: #ccc
}

.projectDetailByChosen .applyRefundDialog .item textarea:-ms-input-placeholder, .projectDetailByChosen .applyRefundDialog .item textarea::-ms-input-placeholder {
    color: #ccc
}

.projectDetailByChosen .applyRefundDialog .item textarea::placeholder {
    color: #ccc
}

.projectDetailByChosen .applyRefundDialog .item span {
    color: #ccc;
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    right: 17px;
    bottom: 14px
}

.projectDetailByChosen .refundDetail {
    width: 734px;
    padding: 40px 100px 80px
}

.projectDetailByChosen .refundDetail h2 {
    color: #333;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 30px;
    position: relative
}

.projectDetailByChosen .refundDetail h2 button {
    width: 50px;
    height: 50px;
    border: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAG1BMVEUAAAAjFxUjFhMjGBUjFxUiGBUiGBQjGBQjFxTs6mygAAAACXRSTlMAV17Z2t/g+frm2uESAAAARUlEQVQIW2NIZIAAFQZ1ATCDqRCEQAAkABYE88EERA2QhCoBUlBtDOpChVCjmDoEMFhwWYQOuCkIk+G2IVyAcFUg1ChlAA4LC3rk196TAAAAAElFTkSuQmCC) 50% no-repeat;
    position: absolute;
    top: -10px;
    right: -40px
}

.projectDetailByChosen .refundDetail .des {
    color: #0083ff;
    font-size: 16px;
    font-weight: 700
}

.projectDetailByChosen .refundDetail .des span {
    font-weight: 400
}

.projectDetailByChosen .refundDetail .des span i {
    padding: 0 3px 0 10px
}

.projectDetailByChosen .refundDetail .item p {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    padding-top: 20px
}

.projectDetailByChosen .dealRefundDialog {
    width: 734px;
    padding: 40px 100px 50px
}

.projectDetailByChosen .dealRefundDialog h2 {
    color: #333;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 30px
}

.projectDetailByChosen .dealRefundDialog h2 span {
    color: #0083ff;
    font-size: 16px;
    font-weight: 400
}

.projectDetailByChosen .dealRefundDialog h2 span i {
    padding: 0 5px 0 20px
}

.projectDetailByChosen .dealRefundDialog .instruction {
    background-color: #f2f2f2;
    padding: 1px 20px 15px
}

.projectDetailByChosen .dealRefundDialog .instruction p {
    color: #999;
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px
}

.projectDetailByChosen .dealRefundDialog .instruction p a {
    color: #333
}

.projectDetailByChosen .dealRefundDialog>p {
    color: #666;
    font-size: 16px;
    line-height: 16px;
    margin-top: 39px
}

.projectDetailByChosen .dealRefundDialog>p span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 50%;
    position: relative;
    top: 3px
}

.projectDetailByChosen .dealRefundDialog>p span.select {
    background-color: #0083ff;
    border-color: #0083ff
}

.projectDetailByChosen .dealRefundDialog>p span.select i {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 4px
}

.projectDetailByChosen .dealRefundDialog>p em {
    color: #999
}

.projectDetailByChosen .dealRefundDialog .item {
    margin-top: 13px;
    position: relative
}

.projectDetailByChosen .dealRefundDialog .item textarea {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    padding: 14px 15px 24px;
    resize: none;
    color: #666;
    font-size: 16px;
    line-height: 24px;
    text-align: justify
}

.projectDetailByChosen .dealRefundDialog .item textarea::-webkit-input-placeholder {
    color: #ccc
}

.projectDetailByChosen .dealRefundDialog .item textarea:-ms-input-placeholder, .projectDetailByChosen .dealRefundDialog .item textarea::-ms-input-placeholder {
    color: #ccc
}

.projectDetailByChosen .dealRefundDialog .item textarea::placeholder {
    color: #ccc
}

.projectDetailByChosen .dealRefundDialog .item span {
    color: #ccc;
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    right: 17px;
    bottom: 14px
}

.projectDetailByChosen .sendAcceptDialog {
    width: 734px;
    padding: 40px 100px 50px
}

.projectDetailByChosen .sendAcceptDialog h2 {
    color: #333;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 54px
}

.projectDetailByChosen .sendAcceptDialog p {
    color: #666;
    font-size: 16px;
    line-height: 16px
}

.projectDetailByChosen .sendAcceptDialog .item {
    margin-top: 38px;
    position: relative
}

.projectDetailByChosen .sendAcceptDialog .item p {
    margin-bottom: 13px;
    font-size: 16px;
    line-height: 16px;
    color: #666
}

.projectDetailByChosen .sendAcceptDialog .item p i {
    color: #ff7070
}

.projectDetailByChosen .sendAcceptDialog .item input {
    width: 100%;
    height: 44px;
    color: #666;
    font-size: 14px;
    padding-left: 15px;
    border: 1px solid #e5e5e5;
    border-radius: 4px
}

.projectDetailByChosen .sendAcceptDialog .item textarea {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    padding: 14px 15px;
    resize: none;
    color: #666;
    font-size: 16px;
    line-height: 24px;
    text-align: justify
}

.projectDetailByChosen .sendAcceptDialog .item input::-webkit-input-placeholder, .projectDetailByChosen .sendAcceptDialog .item textarea::-webkit-input-placeholder {
    color: #ccc
}

.projectDetailByChosen .sendAcceptDialog .item input:-ms-input-placeholder, .projectDetailByChosen .sendAcceptDialog .item input::-ms-input-placeholder, .projectDetailByChosen .sendAcceptDialog .item textarea:-ms-input-placeholder, .projectDetailByChosen .sendAcceptDialog .item textarea::-ms-input-placeholder {
    color: #ccc
}

.projectDetailByChosen .sendAcceptDialog .item input::placeholder, .projectDetailByChosen .sendAcceptDialog .item textarea::placeholder {
    color: #ccc
}

.projectDetailByChosen .sendAcceptDialog .item span {
    color: #ccc;
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    right: 17px;
    bottom: 14px
}

.projectDetailByChosen .sendAcceptDialog .result {
    margin-top: 20px
}

.projectDetailByChosen .sendAcceptDialog .result p {
    color: #666;
    font-size: 16px;
    line-height: 26px;
    display: inline-block
}

.projectDetailByChosen .sendAcceptDialog .result p button {
    width: 90px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    text-align: left;
    padding-left: 10px;
    background-color: #ccc
}

.projectDetailByChosen .sendAcceptDialog .result p span {
    cursor: pointer;
    display: inline-block;
    padding-right: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABHklEQVQokX3SIUhdYRiH8Z/fLtvACcNwEaMDPzDLMCx/4QanFkUUh2kiMjTYxmDBYjWsuio2FTnBYBc03HC8WA0ynGUqlmMRdzzX61P/78P7h/ftKorCE1L8gM8YQg8ucYRtWf4XoOtRTDFgEbMI2vmHdVm+ozKwirkOEnTjhxRH/29McQQbHYQqt5gIgCkAnGMafwBNTALgLcaCFF/hIwD6kfAVh1jGEgBgJOA9XleCLxiW5SsP0qdKXg+4RuUmmjiQYgObpdoA10GW3+AUABdYxnf8RAMLFfGkBthDBPTiFwYA889U3Q2ALbQAtZIEMFiWZPlxAFl+h2848zKHWKP8cpDiG8xgHH0AaOE39mV50S6WSbGOd7iU5VfV+B72QE5xHG806gAAAABJRU5ErkJggg==) 100% no-repeat
}

.projectDetailByChosen .sendAcceptDialog .result .warning {
    display: inline-block;
    float: right;
    padding-right: 10px;
    padding-top: 5px
}

.projectDetailByChosen .sendAcceptDialog .result .warning span {
    color: #999;
    font-size: 14px;
    margin-right: 8px;
    display: none
}

.projectDetailByChosen .sendAcceptDialog .result .warning i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-bottom: -5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAA8FBMVEWZmZn///+ZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZlecRpkAAAAT3RSTlMAAAMG+dWsiVsH2wLTVCls91Xfbwtw4OOmXPbzBKuwa0uVCuRx1PormkUo5dmK9VGRNnp4UpefAdf9Rwxp8vhErZuhqGpD+1ZokycFlFOPbhUm+wAAAP5JREFUeF5F0OVywzAQBOCNJFNiO5yGGqYGiszMsO//Nu1JmXb/6dNo7rSw0S/1kmmd1osamd9Y28lynezhGlVAeqM0itKRRwbKYsDmpYKNyhsGggnNDTC4KxRmA2DLMMlAbzAPYPbc758dAehyqBFyLG8L38DutkwYs4FNVgHgdg+4bwHIVOmjxhQuB9wXnLOGa0bOznl8IqhpcEXt8GGpIHhBgyXnDjsdWJyy5gZJej2HZfoIGSuLlYpFFbMhy3fF2otFW/CRwwgo0jwByMVxDvabRSlkxearnOUmb7hy1b2RXvn9ozIte+Snsgh8/Zec/DUPHfqlyaTkhxqCP3A5IlfWklt+AAAAAElFTkSuQmCC) 50% no-repeat
}

.projectDetailByChosen .sendAcceptDialog .result .warning:hover span {
    display: inline
}

.projectDetailByChosen .sendAcceptDialog .result .warning:hover i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAA8FBMVEUAg/////8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8VdJIhAAAAT3RSTlMAAAMG+dWsiVsH2wLTVCls91Xfbwtw4OOmXPbzBKuwa0uVCuRx1PormkUo5dmK9VGRNnp4UpefAdf9Rwxp8vhErZuhqGpD+1ZokycFlFOPbhUm+wAAAP5JREFUeF5F0OVywzAQBOCNJFNiO5yGGqYGiszMsO//Nu1JmXb/6dNo7rSw0S/1kmmd1osamd9Y28lynezhGlVAeqM0itKRRwbKYsDmpYKNyhsGggnNDTC4KxRmA2DLMMlAbzAPYPbc758dAehyqBFyLG8L38DutkwYs4FNVgHgdg+4bwHIVOmjxhQuB9wXnLOGa0bOznl8IqhpcEXt8GGpIHhBgyXnDjsdWJyy5gZJej2HZfoIGSuLlYpFFbMhy3fF2otFW/CRwwgo0jwByMVxDvabRSlkxearnOUmb7hy1b2RXvn9ozIte+Snsgh8/Zec/DUPHfqlyaTkhxqCP3A5IlfWklt+AAAAAElFTkSuQmCC) 50% no-repeat
}

.projectDetailByChosen .acceptDialog {
    width: 734px;
    padding: 40px 100px 50px
}

.projectDetailByChosen .acceptDialog h2 {
    color: #333;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 54px
}

.projectDetailByChosen .acceptDialog .instruction {
    background-color: #f2f2f2;
    padding: 1px 20px 15px
}

.projectDetailByChosen .acceptDialog .instruction p {
    color: #999;
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px
}

.projectDetailByChosen .acceptDialog .instruction p a {
    color: #333
}

.projectDetailByChosen .acceptDialog>p {
    color: #666;
    font-size: 16px;
    line-height: 16px;
    margin-top: 39px
}

.projectDetailByChosen .acceptDialog>p span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 50%;
    position: relative;
    top: 3px
}

.projectDetailByChosen .acceptDialog>p span.select {
    background-color: #0083ff;
    border-color: #0083ff
}

.projectDetailByChosen .acceptDialog>p span.select i {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 4px
}

.projectDetailByChosen .acceptDialog>p em {
    color: #999
}

.projectDetailByChosen .acceptDialog .item {
    margin-top: 13px;
    position: relative
}

.projectDetailByChosen .acceptDialog .item textarea {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    padding: 14px 15px 24px;
    resize: none;
    color: #666;
    font-size: 16px;
    line-height: 24px;
    text-align: justify
}

.projectDetailByChosen .acceptDialog .item textarea::-webkit-input-placeholder {
    color: #ccc
}

.projectDetailByChosen .acceptDialog .item textarea:-ms-input-placeholder, .projectDetailByChosen .acceptDialog .item textarea::-ms-input-placeholder {
    color: #ccc
}

.projectDetailByChosen .acceptDialog .item textarea::placeholder {
    color: #ccc
}

.projectDetailByChosen .acceptDialog .item span {
    color: #ccc;
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    right: 17px;
    bottom: 14px
}

.projectDetailByChosen .acceptDialog>span {
    color: #999;
    font-size: 14px;
    line-height: 14px
}

.projectDetailByChosen .acceptBackDialog {
    width: 734px;
    padding: 40px 20px
}

.projectDetailByChosen .acceptBackDialog h2 {
    color: #333;
    font-size: 30px;
    line-height: 30px;
    padding-left: 80px;
    margin-bottom: 50px;
    position: relative
}

.projectDetailByChosen .acceptBackDialog h2 button {
    width: 50px;
    height: 50px;
    border: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAG1BMVEUAAAAjFxUjFhMjGBUjFxUiGBUiGBQjGBQjFxTs6mygAAAACXRSTlMAV17Z2t/g+frm2uESAAAARUlEQVQIW2NIZIAAFQZ1ATCDqRCEQAAkABYE88EERA2QhCoBUlBtDOpChVCjmDoEMFhwWYQOuCkIk+G2IVyAcFUg1ChlAA4LC3rk196TAAAAAElFTkSuQmCC) 50% no-repeat;
    position: absolute;
    top: -10px;
    right: 30px
}

.projectDetailByChosen .acceptBackDialog .itemList {
    padding: 0 80px
}

.projectDetailByChosen .acceptBackDialog .itemList .item {
    margin-bottom: 49px
}

.projectDetailByChosen .acceptBackDialog .itemList .item p {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0
}

.projectDetailByChosen .acceptBackDialog .itemList .item .submitImformation {
    background-color: #f2f2f2;
    padding: 1px 15px;
    border-radius: 6px
}

.projectDetailByChosen .acceptBackDialog .itemList .item .submitImformation a {
    color: #333
}

.projectDetailByChosen .acceptBackDialog .itemList .item .submitImformation em {
    color: #f77272;
    float: right
}

.projectDetailByChosen .acceptBackDialog .itemList .item .acceptBackResult {
    padding: 0 15px
}

.projectDetailByChosen .acceptBackDialog .itemList .item .acceptBackResult em {
    float: right
}

.projectDetailByChosen .acceptBackDialog .itemList .item .acceptBackResult .season em {
    color: #f77272;
    float: none
}

.projectDetailByChosen .appealDialog {
    width: 810px;
    padding: 40px 100px 50px
}

.projectDetailByChosen .appealDialog h2 {
    color: #333;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 54px
}

.projectDetailByChosen .appealDialog>span {
    color: #999;
    font-size: 16px;
    line-height: 16px
}

.projectDetailByChosen .appealDialog>textarea {
    display: block;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    color: #666;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 9px;
    margin-top: 39px;
    resize: none;
    text-align: justify
}

.projectDetailByChosen .appealDialog>textarea::-webkit-input-placeholder {
    color: #ccc
}

.projectDetailByChosen .appealDialog>textarea:-ms-input-placeholder, .projectDetailByChosen .appealDialog>textarea::-ms-input-placeholder {
    color: #ccc
}

.projectDetailByChosen .appealDialog>textarea::placeholder {
    color: #ccc
}

.projectDetailByChosen .appealDialog .protocol {
    padding: 19px 20px;
    margin-top: 40px;
    background-color: #f2f2f2
}

.projectDetailByChosen .appealDialog .protocol p {
    color: #666;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 15px
}

.projectDetailByChosen .appealDialog .supplement {
    padding: 20px 15px;
    margin-top: 20px;
    background-color: #f2f2f2
}

.projectDetailByChosen .appealDialog .supplement .title {
    color: #666;
    font-size: 16px
}

.projectDetailByChosen .appealDialog .supplement .des {
    color: #666;
    font-size: 12px;
    margin-top: 5px
}

.projectDetailByChosen .appealDialog .supplement .uploadFile {
    margin-top: 10px;
    display: table
}

.projectDetailByChosen .appealDialog .supplement .uploadFile a, .projectDetailByChosen .appealDialog .supplement .uploadFile div {
    display: table-cell;
    vertical-align: middle
}

.projectDetailByChosen .appealDialog .supplement .uploadFile .logo {
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.projectDetailByChosen .appealDialog .supplement .uploadFile .name {
    color: #333;
    font-size: 16px;
    padding-left: 15px;
    max-width: 440px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    cursor: pointer
}

.projectDetailByChosen .appealDialog .supplement .uploadFile .name:hover {
    color: #0083ff
}

.projectDetailByChosen .appealDialog .supplement .uploadFile .delete {
    cursor: pointer;
    color: #0083ff;
    padding-left: 8px
}

.projectDetailByChosen .appealDialog .supplement .add {
    color: #0083ff;
    font-size: 16px;
    margin-top: 15px;
    line-height: 30px;
    background: url("static/images/tianjjia.png") no-repeat 0;
    background-size: 20px;
    padding-left: 25px;
    cursor: pointer
}

.projectDetailByChosen .appealDetailDialog {
    width: 734px;
    padding: 40px 100px 50px
}

.projectDetailByChosen .appealDetailDialog h2 {
    color: #333;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    position: relative
}

.projectDetailByChosen .appealDetailDialog h2 button {
    width: 50px;
    height: 50px;
    border: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAG1BMVEUAAAAjFxUjFhMjGBUjFxUiGBUiGBQjGBQjFxTs6mygAAAACXRSTlMAV17Z2t/g+frm2uESAAAARUlEQVQIW2NIZIAAFQZ1ATCDqRCEQAAkABYE88EERA2QhCoBUlBtDOpChVCjmDoEMFhwWYQOuCkIk+G2IVyAcFUg1ChlAA4LC3rk196TAAAAAElFTkSuQmCC) 50% no-repeat;
    position: absolute;
    top: -10px;
    right: -40px
}

.projectDetailByChosen .appealDetailDialog .list {
    margin-bottom: 30px;
    max-height: 560px;
    overflow: auto
}

.projectDetailByChosen .appealDetailDialog .list .item {
    padding-top: 20px;
    border-top: 1px solid #e5e5e5
}

.projectDetailByChosen .appealDetailDialog .list .item:first-child {
    border: none
}

.projectDetailByChosen .appealDetailDialog .list .item p {
    color: #999;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 30px;
    vertical-align: top
}

.projectDetailByChosen .appealDetailDialog .list .item p:last-child {
    margin-bottom: 30px
}

.projectDetailByChosen .appealDetailDialog .list .item p em {
    color: #333;
    float: right
}

.projectDetailByChosen .appealDetailDialog .list .item p em.dealing {
    color: #f77272
}

.projectDetailByChosen .appealDetailDialog .supplement {
    padding: 12px 15px 20px;
    background-color: #f2f2f3;
    margin-bottom: 20px
}

.projectDetailByChosen .appealDetailDialog .supplement .title {
    color: #666;
    font-size: 16px;
    margin-bottom: 0!important
}

.projectDetailByChosen .appealDetailDialog .supplement .des {
    color: #666;
    font-size: 12px
}

.projectDetailByChosen .appealDetailDialog .supplement .uploadFile {
    margin-top: 10px;
    display: table
}

.projectDetailByChosen .appealDetailDialog .supplement .uploadFile a, .projectDetailByChosen .appealDetailDialog .supplement .uploadFile div {
    display: table-cell;
    vertical-align: middle
}

.projectDetailByChosen .appealDetailDialog .supplement .uploadFile .logo {
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.projectDetailByChosen .appealDetailDialog .supplement .uploadFile .name {
    color: #333;
    font-size: 16px;
    padding-left: 15px;
    max-width: 440px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    cursor: pointer
}

.projectDetailByChosen .appealDetailDialog .supplement .uploadFile .name:hover {
    color: #0083ff
}

.projectDetailByChosen .appealDetailDialog .supplement .uploadFile .delete {
    cursor: pointer;
    color: #0083ff;
    padding-left: 8px
}

.projectDetailByChosen .appealDetailDialog .supplement .add {
    color: #0083ff;
    font-size: 16px;
    margin-top: 15px;
    line-height: 30px;
    background: url("static/images/tianjjia.png") no-repeat 0;
    background-size: 20px;
    padding-left: 25px;
    cursor: pointer
}

.projectDetailByChosen .appealDetailDialog .result {
    border-top: 1px solid #e5e5e5;
    padding: 5px 10px 0
}

.projectDetailByChosen .appealDetailDialog .result p {
    color: #999;
    font-size: 14px;
    line-height: 24px;
    padding-top: 8px
}

.projectDetailByChosen .comfirmDialog {
    width: 546px;
    text-align: center
}

.projectDetailByChosen .comfirmDialog img {
    width: 107px;
    height: 134px;
    margin-top: 49px
}

.projectDetailByChosen .comfirmDialog p {
    color: #666;
    font-size: 18px;
    line-height: 30px;
    padding: 0 79px;
    margin-top: 29px
}

.projectDetailByChosen .comfirmDialog .operation {
    margin: 53px 0 45px
}

.projectDetailByChosen .comfirmDialog .operation button {
    color: #0083ff;
    font-size: 14px;
    border: 1px solid #0083ff;
    width: 120px;
    height: 42px;
    background-color: #fff;
    border-radius: 4px
}

.projectDetailByChosen .comfirmDialog .operation button:last-child {
    color: #fff;
    background-color: #0083ff;
    margin-left: 20px
}

.projectDetailByChosen .closeDialog {
    width: 734px;
    padding: 41px 99px 39px;
    text-align: right
}

.projectDetailByChosen .closeDialog h2 {
    color: #333;
    font-size: 30px;
    margin-bottom: 53px;
    text-align: left
}

.projectDetailByChosen .closeDialog p {
    color: #666;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 39px;
    text-align: left
}

.projectDetailByChosen .closeDialog p span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 50%;
    position: relative;
    top: 3px
}

.projectDetailByChosen .closeDialog p span.select {
    background-color: #0083ff;
    border-color: #0083ff
}

.projectDetailByChosen .closeDialog p span.select i {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 4px
}

.projectDetailByChosen .closeDialog button {
    color: #0083ff;
    border: 1px solid #0083ff;
    width: 120px;
    height: 42px;
    background-color: #fff;
    margin-top: 9px;
    border-radius: 4px
}

.projectDetailByChosen .closeDialog button.close {
    color: #fff;
    background-color: #0083ff;
    margin-left: 20px
}

.projectDetailByChosen .closeDialog button.close:hover {
    background: #66b1ff;
    border-color: #66b1ff
}

.projectDetailByChosen .dealExpire {
    width: 500px;
    padding: 30px 40px
}

.projectDetailByChosen .dealExpire h2 {
    color: #333;
    font-size: 30px;
    padding-left: 30px
}

.projectDetailByChosen .dealExpire h2 i {
    float: right;
    color: #9c9c9c;
    font-size: 20px;
    font-weight: 400;
    line-height: 40px
}

.projectDetailByChosen .dealExpire h2 i:hover {
    color: #0083ff
}

.projectDetailByChosen .dealExpire .dialog-content {
    padding: 35px 30px 30px
}

.projectDetailByChosen .dealExpire .dialog-content p {
    color: #666;
    font-size: 18px;
    line-height: 28px
}

.projectDetailByChosen .dealExpire .dialog-operation {
    text-align: center
}

.projectDetailByChosen .dealExpire .dialog-operation button {
    color: #fff;
    font-size: 16px;
    line-height: 42px;
    width: 120px;
    border: none;
    border-radius: 4px;
    background-color: #0083ff
}

.projectDetailByChosen .dealExpire .dialog-operation button.default {
    color: #999;
    background: none
}

.sample-container {
    font-family: MicrosoftYaHei;
    border-bottom: 1px solid #e5e5e5;
    background: #fafafa
}

.sample-container .header {
    height: 166px;
    background: #fff;
    border-top: 1px solid #e5e5e5
}

.sample-container .header .mid {
    width: 1200px;
    height: 166px;
    margin: 0 auto
}

.sample-container .header .mid .trade-type {
    width: 70px;
    height: 24px;
    margin: 20px 0 10px 10px;
    background: #c4ddfd;
    color: #008ffa;
    font-size: 14px;
    line-height: 24px;
    text-align: center
}

.sample-container .header .mid h1 {
    margin: 0 0 14px 10px;
    color: #333;
    font-size: 32px;
    line-height: 32px
}

.sample-container .header .mid .base-box a {
    float: left;
    margin-left: 10px
}

.sample-container .header .mid .base-box a:hover span {
    color: #0083ff
}

.sample-container .header .mid .base-box a .avatar {
    overflow: hidden;
    position: relative;
    float: left;
    width: 47px;
    height: 47px;
    margin-right: 12px;
    border-radius: 50%
}

.sample-container .header .mid .base-box a .avatar img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.sample-container .header .mid .base-box a span {
    float: left;
    height: 47px;
    color: #333;
    line-height: 47px;
    font-size: 16px
}

.sample-container .header .mid .base-box .operation {
    overflow: hidden;
    float: left;
    width: 70px;
    height: 24px;
    margin: 12px 0 0 10px
}

.sample-container .header .mid .base-box .operation div {
    width: 210px;
    height: 24px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.sample-container .header .mid .base-box .operation div.ygz {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.sample-container .header .mid .base-box .operation div.qxgz {
    -webkit-transform: translate3d(-70px, 0, 0);
    transform: translate3d(-70px, 0, 0)
}

.sample-container .header .mid .base-box .operation div.gz {
    -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0)
}

.sample-container .header .mid .base-box .operation div span {
    float: left;
    width: 70px;
    height: 24px;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sample-container .header .mid .base-box .operation div span:first-child {
    background: #fff;
    color: #333;
    border: 1px solid #333
}

.sample-container .header .mid .base-box .operation div span:nth-child(2) {
    background: #fff;
    color: #0083ff;
    border: 1px solid #0083ff
}

.sample-container .header .mid .base-box .operation div span:nth-child(3) {
    background: #0083ff;
    color: #fff
}

.sample-container .header .mid .base-box .time {
    height: 47px;
    float: right;
    color: #999;
    font-size: 14px;
    line-height: 47px
}

.sample-container .content {
    width: 960px;
    margin: 0 auto;
    padding: 60px 0
}

.sample-container .content.border {
    border-bottom: 1px solid #e5e5e5
}

.sample-container .content p {
    margin-bottom: 30px;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    word-break: break-all;
    text-align: justify
}

.sample-container .content a {
    display: block;
    color: #333;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 30px
}

.sample-container .content a:hover {
    color: #0083ff
}

.sample-container .content img {
    max-width: 960px
}

.sample-container .footer {
    width: 960px;
    height: 186px;
    padding-left: 10px;
    margin: 0 auto
}

.sample-container .footer p {
    margin: 43px 0 24px;
    color: #666;
    font-size: 14px;
    line-height: 14px
}

.sample-container .footer span {
    display: block;
    margin-bottom: 14px;
    color: #999;
    font-size: 14px;
    line-height: 14px
}

.sample-container .footer span a {
    padding-left: 10px;
    color: #333
}

.sample-container .footer span a:hover {
    color: #0083ff
}

.resume-preview .el-cascader, .resume-preview .el-date-editor, .resume-preview .el-select {
    width: 440px!important
}

.resume-preview .el-cascader .el-input__inner, .resume-preview .el-date-editor .el-input__inner, .resume-preview .el-select .el-input__inner {
    height: 44px!important;
    padding-left: 12px;
    border-radius: 6px
}

.resume-preview .el-cascader .el-input__inner:focus, .resume-preview .el-date-editor .el-input__inner:focus, .resume-preview .el-select .el-input__inner:focus {
    border: 1px solid #0083ff;
    -webkit-box-shadow: 0 0 5px #0083ff;
    box-shadow: 0 0 5px #0083ff
}

.resume-preview .el-cascader .el-input__prefix, .resume-preview .el-date-editor .el-input__prefix, .resume-preview .el-select .el-input__prefix {
    left: 410px;
    width: 20px!important;
    height: 20px!important
}

.resume-preview .el-cascader .el-input__prefix .el-input__icon .el-icon-date, .resume-preview .el-date-editor .el-input__prefix .el-input__icon .el-icon-date, .resume-preview .el-select .el-input__prefix .el-input__icon .el-icon-date {
    width: 20px;
    height: 20px
}

.resume-preview .upload .el-upload-list--picture-card .el-upload-list__item {
    width: 74px!important;
    height: 74px!important;
    margin: 0 10px 8px 0
}

.resume-preview .upload .el-upload--picture-card {
    width: 74px;
    height: 74px;
    line-height: 74px
}

.resume-preview {
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px
}

.resume-preview.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.resume-preview .contet-left {
    float: left;
    width: 800px;
    min-height: 660px;
    margin-bottom: 60px;
    background: #fff
}

.resume-preview .contet-left .info {
    width: 720px;
    margin: 0 auto
}

.resume-preview .contet-left .info .info-item {
    position: relative;
    padding: 40px 0;
    border-bottom: 1px solid #e5e5e5
}

.resume-preview .contet-left .info .info-item .title-box {
    height: 28px;
    margin-bottom: 24px
}

.resume-preview .contet-left .info .info-item .title-box h2 {
    float: left;
    font-size: 20px;
    line-height: 28px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #000
}

.resume-preview .contet-left .info .info-item .title-box span {
    float: left;
    height: 28px;
    margin-left: 10px;
    padding: 0 12px;
    border: 1px solid #0083ff;
    border-radius: 14px;
    text-align: center;
    line-height: 24px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #0083ff
}

.resume-preview .contet-left .info .info-item .letters li {
    position: relative;
    list-style: none;
    width: 720px;
    min-height: 190px;
    margin-bottom: 10px;
    background: #f8f8f8
}

.resume-preview .contet-left .info .info-item .letters li.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.resume-preview .contet-left .info .info-item .letters li .line {
    position: absolute;
    top: 15px;
    left: 280px;
    bottom: 15px;
    width: 0;
    border-left: 1px dashed #e5e5e5
}

.resume-preview .contet-left .info .info-item .letters li div {
    position: relative;
    overflow: hidden;
    float: left;
    width: 280px
}

.resume-preview .contet-left .info .info-item .letters li div h3 {
    height: 20px;
    padding-left: 37px;
    margin: 28px 0 20px 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAMAAABLXLayAAABC1BMVEUAAABVVVVAQEBmZmZVVVVJSUltbW1VVVVqampiYmJtbW1mZmZgYGBjY2NhYWFmZmZhYWFmZmZoaGhkZGRmZmZmZmZmZmZkZGRiYmJkZGRnZ2dmZmZjY2NlZWVkZGRmZmZlZWVlZWVnZ2dlZWVkZGRlZWVmZmZmZmZmZmZmZmZkZGRlZWVmZmZnZ2dlZWVmZmZlZWVmZmZmZmZmZmZlZWVnZ2dlZWVlZWVlZWVmZmZmZmZnZ2dmZmZlZWVlZWVlZWVmZmZlZWVlZWVmZmZmZmZmZmZmZmZlZWVmZmZmZmZlZWVmZmZmZmZmZmZmZmZmZmZmZmZlZWVmZmZmZmZlZWVmZmZmZmZlZWVmZmY4pgR0AAAAWXRSTlMAAwQFBgcHCQwNDg8QEhUZHR4gISMoLS4vMzQ3Oz9ARkxWV1teYGRpcXN/homLjY+Tk5aYnJ+hoqant7i7vb/Cw8TJz9DR0tTU1dbY2drd3+Tl5ufv7/P0+5Si4wEAAADHSURBVCjPhZIHCgIxEEXH3tbee++9d117XV3Lqvc/iRETEUnwBz48HkzIEFDVxCMt54kdSgUZUBPuwU4OjAgwZymYoUPi17zaq6W5ag6VXrTSnEk0A+TLXzM3ug9kG2A5GQkZBOgfE4SUO1crQ8AhVJBfYwok24t7IobnFKOotMSlm83LsNuxv6kQBygtU9ipOY6PcHpMtv0ADg5yQ0OSHjfp6sGoWH29AWUUYuzlj6u72e5n11um2wAfZCj3FJzjM/VPXGa+J+mIJZTiqKgMAAAAAElFTkSuQmCC) 0 no-repeat;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    line-height: 20px;
    color: #656565
}

.resume-preview .contet-left .info .info-item .letters li div em {
    position: absolute;
    bottom: 16px;
    left: 17px;
    font-size: 30px;
    color: #333;
    line-height: 30px
}

.resume-preview .contet-left .info .info-item .letters li div span {
    float: left;
    height: 74px;
    margin-left: 52px;
    border-bottom: 2px solid #cb848b;
    font-size: 50px;
    line-height: 74px;
    color: #333
}

.resume-preview .contet-left .info .info-item .letters li p {
    float: left;
    width: 440px;
    padding: 20px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 24px;
    text-align: justify;
    word-break: break-all
}

.resume-preview .contet-left .info .info-item .avatar {
    overflow: hidden;
    position: absolute;
    top: 80px;
    right: 0;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 1px solid #e5e5e5
}

.resume-preview .contet-left .info .info-item .avatar img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.resume-preview .contet-left .info .info-item .skill-box {
    width: 720px
}

.resume-preview .contet-left .info .info-item .skill-box.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.resume-preview .contet-left .info .info-item .skill-box .skill-item {
    float: left;
    width: 100px;
    margin: 10px 12px 10px 0
}

.resume-preview .contet-left .info .info-item .skill-box .skill-item img {
    display: block;
    width: 44px;
    height: 44px;
    margin: 0 auto;
    margin-bottom: 10px
}

.resume-preview .contet-left .info .info-item .skill-box .skill-item span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: block;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    font-family: MicrosoftYaHei;
    color: #666
}

.resume-preview .contet-left .info .info-item .works-case .case-item {
    padding: 30px 0;
    border-bottom: 1px solid #e5e5e5
}

.resume-preview .contet-left .info .info-item .works-case .case-item.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.resume-preview .contet-left .info .info-item .works-case .case-item:last-child {
    border: 0
}

.resume-preview .contet-left .info .info-item .works-case .case-item dt {
    float: left;
    overflow: hidden;
    position: relative;
    width: 240px;
    height: 160px;
    margin-right: 16px
}

.resume-preview .contet-left .info .info-item .works-case .case-item dt img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.resume-preview .contet-left .info .info-item .works-case .case-item dd {
    float: left;
    width: 464px
}

.resume-preview .contet-left .info .info-item .works-case .case-item dd.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.resume-preview .contet-left .info .info-item .works-case .case-item dd div {
    margin-bottom: 10px
}

.resume-preview .contet-left .info .info-item .works-case .case-item dd div span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 180px;
    margin-right: 16px;
    font-size: 16px;
    line-height: 18px;
    font-family: MicrosoftYaHei;
    color: #333
}

.resume-preview .contet-left .info .info-item .works-case .case-item dd div a {
    display: inline-block;
    height: 18px;
    padding-left: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAWlBMVEUAAACAgICenp6VlZWYmJiYmJiXl5eYmJiYmJiampqampqYmJiXl5eZmZmYmJiZmZmZmZmZmZmYmJiZmZmZmZmZmZmZmZmYmJiZmZmZmZmZmZmZmZmZmZmZmZku1NwBAAAAHXRSTlMAAhUdOUVHSE9YW1xdcXR2eHuQmZ2txdPT2fD8/oRFVlIAAABsSURBVAgdBcEHAoIwEACwoKAsi4U6arn/f9MEwFpbXQDkKHOJBZAjoVTgGQnmBvpzu3YoFewfv1cnxYrxcrwNbbpHRj5vUxu8j8uINR661893B7Wgu25nD9oMKZ5ALUiRAUuUuUQGsNRWV4A/omsGa04Xyq8AAAAASUVORK5CYII=) 0 no-repeat;
    font-size: 16px;
    line-height: 18px;
    font-family: PingFangSC-Light;
    color: #666
}

.resume-preview .contet-left .info .info-item .works-case .case-item dd div a:hover {
    color: #66b1ff
}

.resume-preview .contet-left .info .info-item .works-case .case-item dd .works-type {
    float: left;
    height: 20px;
    padding: 0 10px;
    background: #f77272;
    border-radius: 12px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    font-family: MicrosoftYaHei;
    color: #fff
}

.resume-preview .contet-left .info .info-item .works-case .case-item dd .works-info {
    clear: both;
    margin-top: 40px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 24px;
    text-align: justify;
    word-wrap: break-word;
    word-break: break-all
}

.resume-preview .contet-left .info .info-item .introduce-box {
    overflow: hidden;
    max-height: 330px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.resume-preview .contet-left .info .info-item .introduce-box .introduce {
    word-break: break-all;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    text-align: justify;
    line-height: 30px
}

.resume-preview .contet-left .info .info-item .hide-introduce {
    position: absolute;
    bottom: 20px;
    width: 100%;
    padding-top: 50px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(70%, #fff));
    background-image: linear-gradient(-180deg, hsla(0, 0%, 100%, 0), #fff 70%)
}

.resume-preview .contet-left .info .info-item .hide-introduce.nomal {
    padding-top: 0
}

.resume-preview .contet-left .info .info-item .hide-introduce div {
    width: 60px;
    height: 16px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.resume-preview .contet-left .info .info-item .hide-introduce div span {
    float: left;
    color: #0083ff;
    font-size: 16px;
    line-height: 16px
}

.resume-preview .contet-left .info .info-item .hide-introduce div i {
    float: left;
    width: 8px;
    height: 5px;
    margin: 8px 0 0 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAXElEQVQYV23KsQ2CABQFwHuasIOuYSWVDqNLmBCjOoQsQ0njHmzBtzQkXH3xqo9ytSb6uFdja0C7OGU0OwW8a2f2xR4w2Ti4ZQqARx3FAMpZlxH+AZ51UaJLD/ADEHoYp/epZZcAAAAASUVORK5CYII=) 0 0 no-repeat;
    -webkit-transition: all .5s;
    transition: all .5s
}

.resume-preview .contet-left .info .info-item .hide-introduce div i.rote {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.resume-preview .contet-left .info .info-item .info-box {
    overflow: hidden;
    max-width: 630px;
    margin-bottom: 20px
}

.resume-preview .contet-left .info .info-item .info-box span {
    float: left;
    height: 18px;
    padding-left: 24px;
    font-size: 16px;
    line-height: 18px;
    font-family: MicrosoftYaHei;
    color: #666
}

.resume-preview .contet-left .info .info-item .info-box span:first-child {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAA8FBMVEUAAACAgIBVVVWqqqqAgICSkpKfn5+Ojo6VlZWXl5eVlZWTk5OXl5eUlJSZmZmVlZWampqVlZWYmJiampqbm5uYmJiVlZWVlZWampqXl5eWlpaYmJiXl5eZmZmYmJiampqYmJibm5uWlpaampqZmZmampqYmJiXl5eZmZmZmZmZmZmZmZmXl5eYmJiZmZmampqampqYmJiZmZmYmJiZmZmYmJiZmZmZmZmYmJiZmZmYmJiZmZmZmZmYmJiYmJiYmJiZmZmZmZmampqYmJiZmZmZmZmZmZmYmJiZmZmZmZmZmZmZmZmZmZmZmZmYmJiYmJgsc82kAAAAUHRSTlMAAgMDBAcICQwWGBobHyMkJikqKy4vMDU1Njg5O0FDREVFSUxQXWFlZ3B1eoCBgoOIi4+Qk5eepamqtba7vcLExcrKy8vMzc7Oz9LU1dna6e+SZKIAAACkSURBVBgZBcCJOsIAAADgf7aImFtWQO576CQVzSaF938bH1DrzSazbgKAh36CpH8L4KYVgKB1DVgbhYBwGAPNBquDv/E2jScgDwXFkd3pvDADMrY6eD5gDOTstJEe8gW8Vcx9blopFiwNgLOU9VHxXuXuEoiyGBGWpyXA3jACXk8B3D+CqzYAwcs59idlAJQ/Tmz8xABg8fvitw4AqOTHAAAA+AdBKBFJHbkFogAAAABJRU5ErkJggg==) 0 no-repeat
}

.resume-preview .contet-left .info .info-item .info-box span:nth-child(3) {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAA4VBMVEUAAAAAAACAgIBVVVVJSUlxcXFmZmZVVVVqampiYmJbW1tmZmZoaGhgYGBiYmJkZGRlZWViYmJhYWFnZ2dkZGRmZmZjY2NnZ2dlZWVlZWVlZWVlZWVnZ2dmZmZlZWVlZWVmZmZlZWVmZmZlZWVmZmZmZmZlZWVmZmZlZWVlZWVlZWVlZWVlZWVmZmZmZmZlZWVmZmZmZmZlZWVmZmZmZmZlZWVmZmZlZWVmZmZmZmZlZWVlZWVlZWVmZmZmZmZlZWVmZmZmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVs5uNZAAAAS3RSTlMAAgIGBwkKDAwNDg8WGBocJicqKi43O0VHVlhbXGtvd3h5e3x9kZKWl5qztLW2t7q7vsTFyMnKz8/Q0dnb3N3e3t/g4uPq7e7y+PkE3B0lAAAAlElEQVQYlWNgwAE4lay8vCwV2REiQo5a4tzcEjq2AjARLidFCEPFjgMqpKwPkzRUgDJMJWFC0sZQhrMoTEjMHsoww1SlhDBLHmajI4aNDIJuEHe5wt3Fq+usauHlaa7mos0DEeF30GCFsNg0bflANJOJKsJr6kaMQFLGmhkhxGIjBSQNZBmQgJwekPAQRhYScWfAAgAFIw6nlVdS5wAAAABJRU5ErkJggg==) 0 no-repeat
}

.resume-preview .contet-left .info .info-item .info-box span:nth-child(5) {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAA51BMVEUAAAAAAACAgIBVVVWAgICZmZmLi4uVlZWdnZ2ZmZmXl5eVlZWUlJSXl5eZmZmYmJiYmJibm5uampqYmJibm5uXl5eampqYmJiampqXl5eYmJiXl5eYmJiZmZmampqYmJiampqampqYmJiampqXl5eZmZmZmZmZmZmZmZmZmZmZmZmYmJiZmZmampqZmZmampqZmZmZmZmYmJiZmZmampqYmJiYmJiZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmYmJiZmZmZmZmYmJiZmZmYmJiZmZmZmZmZmZmZmZmZmZmZmZmYmJiZmZnQHpEtAAAATXRSTlMAAQIDBAULDA0UFiQmMTI0PkVHSEpMTE1OUVJTVFVWWVtdXmBpaXV2goWKi4yNj6GjrK+0tbjHzM3P0dbX2Nnd3eHn8vPz9Pf5+vz9/vSevV0AAACpSURBVBgZBcABNsIAAADQn21iEwEoiwAsQWSiqGyJ7n8eDwAAAFc/lwCAuOyWMQCQ5foZAIjL1Pb3KoCVWutpuET/sVWrQmeymI96O6j3RvPFJKO8S0IAYdKd0ij2AHBQHGK/aAJIi12wNT0GnEw3ATfPgJdrgIdbQOce4K1NUA84ywHhbL2SfhTvR5WNWQCs/Tbyz3Z0+vXa/EuA6mB8HiG6GA+WAQCAf3NmElBSfINxAAAAAElFTkSuQmCC) 0 no-repeat
}

.resume-preview .contet-left .info .info-item .info-box span:nth-child(7) {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAV1BMVEUAAACqqqqfn5+ZmZmSkpKXl5ebm5uWlpaZmZmVlZWYmJiVlZWampqampqZmZmampqXl5eZmZmYmJiYmJiZmZmXl5eZmZmZmZmYmJiZmZmZmZmZmZmZmZl8muF4AAAAHHRSTlMAAwgKDhYcIigpLzAwNVVWVpufpKWlxtDd6/r8CoWX4QAAAIhJREFUeF51kFEOgjAQBUdAWYEWWwqtLfc/pxB0Q0Kcz0k2mbf8w7hUSnJGRe1zGIdhDNnXX7NEgTvwjMvhfGygzQBN9AAmCyArAJIN4AKqIDggvc5qTEDpD1VV1Q36oqpdN9670kNaEXmATYCbOTE7jYBfhKaCpuogANkG6ezJdp2ddPblOVc+oogIQ/TOnjUAAAAASUVORK5CYII=) 0 no-repeat
}

.resume-preview .contet-left .info .info-item .info-box span:nth-child(9) {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAaVBMVEUAAACZmZmOjo6ZmZmfn5+WlpaUlJSUlJSampqYmJiWlpaYmJiZmZmYmJiYmJiYmJiampqYmJiZmZmZmZmYmJiampqZmZmZmZmYmJiZmZmZmZmZmZmZmZmYmJiZmZmZmZmZmZmZmZmZmZlthYpGAAAAInRSTlMABQkKEBETKzA0Tk9QV1mQl5qdp7i6w8zO0NHS3N/f8vr8mkkFjAAAAJJJREFUeF5lj1kSgyAQRNsNUEQF3EGF3P+QqcHEH9/fdFUvA6LWPkava9wUJlglhLLBFOmeHUeCu5kU40r8KJ0B6sAhFwawRYKHGtoC+bQxtk05YDW8AjKx7vsqMkB5RAF0n0QHiEgCMQwgREyWSrbj2MqKLCm0Oc7rOo+GQqn2sVDtf1jf38Oe6UVxT38/93r/C6/aCr/3mj9nAAAAAElFTkSuQmCC) 0 no-repeat
}

.resume-preview .contet-left .info .info-item .info-box em {
    float: left;
    width: 1px;
    height: 12px;
    margin: 3px 20px;
    background: #e5e5e5
}

.resume-preview .contet-left .info .info-item .skill-label {
    height: 26px
}

.resume-preview .contet-left .info .info-item .skill-label span {
    float: left;
    height: 26px;
    padding: 0 12px;
    margin-right: 10px;
    background: #f7f9fb;
    border-radius: 13px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #999;
    line-height: 26px;
    text-align: center
}

.resume-preview .other-see .do-box {
    position: absolute;
    top: 165px;
    left: 0;
    right: 0;
    width: 260px;
    height: 40px;
    margin: 0 auto
}

.resume-preview .other-see .do-box a {
    text-align: center;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    -webkit-transition: all .3s;
    transition: all .3s;
    line-height: 40px;
    cursor: pointer
}

.resume-preview .other-see .do-box a:first-child {
    float: left;
    width: 118px;
    height: 40px;
    margin-right: 20px;
    background: #fff;
    color: #66b1ff;
    border: 1px solid #66b1ff;
    border-radius: 4px
}

.resume-preview .other-see .do-box a:first-child:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

.resume-preview .other-see .do-box a:nth-child(2) {
    float: left;
    width: 120px;
    height: 40px;
    background: #0083ff;
    color: #fff;
    border-radius: 4px
}

.resume-preview .other-see .do-box a:nth-child(2):hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

.resume-preview .myself, .resume-preview .other-see {
    position: relative;
    float: left;
    width: 370px;
    height: 400px!important;
    margin-left: 30px;
    background: #fff url(static/images/tu_1.8ad2d62.png) center 240px no-repeat!important
}

.resume-preview .myself .data-temp, .resume-preview .other-see .data-temp {
    position: absolute;
    top: 130px;
    left: 30px;
    width: 310px;
    clear: both
}

.resume-preview .myself .data-temp.clearfix:after, .resume-preview .other-see .data-temp.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.resume-preview .myself .data-temp .data-temp-left, .resume-preview .other-see .data-temp .data-temp-left {
    float: left
}

.resume-preview .myself .data-temp .data-temp-left span, .resume-preview .other-see .data-temp .data-temp-left span {
    display: block;
    height: 16px;
    padding-left: 24px;
    margin-bottom: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAclBMVEUAAAAaGg0jFwwgFRUcExMiEREgFRUiGBMgFxMgFhMjFhMjFhMjGBMjGBUiFxUjFxQhGBUiFxUjGBUjGBUiFxUiFxUiFxQjFxQjGBUiGBUiGBUjFxUjFxUjFxUjFxUiFxQiGBQjGBQjGBUjGBQiGBQiGBWJ2HhIAAAAJnRSTlMAFBYYGx4wNTdQUFFfYGJlbI+3uLm6u72/wcPExcbHycrL09TY33N4MzoAAABmSURBVBhXfYxLEoMgFARHDOI/SqKCoiYR7n9FF0H0bezddFUPxKJVQK8Cc4wLjw96EDRMQvjCtQQHSRN5J3hDBbd5EBUDuC3OpP4xvzH8k+fmN5T/KDMcogNBwUTXzUak01sGXkbsdT0HyeWlh/sAAAAASUVORK5CYII=) 0 0 no-repeat;
    font-size: 16px;
    line-height: 16px;
    font-family: MicrosoftYaHei;
    color: #333
}

.resume-preview .myself .data-temp .data-temp-left strong, .resume-preview .other-see .data-temp .data-temp-left strong {
    display: inline-block;
    font-size: 30px;
    font-family: MicrosoftYaHei;
    color: #f77272
}

.resume-preview .myself .data-temp .data-temp-left i, .resume-preview .other-see .data-temp .data-temp-left i {
    margin-left: 10px;
    font-style: normal;
    font-size: 16px;
    color: #333
}

.resume-preview .myself .data-temp em, .resume-preview .other-see .data-temp em {
    float: left;
    width: 1px;
    height: 70px;
    margin-left: 58px;
    background: #e5e5e5
}

.resume-preview .myself .data-temp .data-temp-right, .resume-preview .other-see .data-temp .data-temp-right {
    float: left;
    margin-left: 58px
}

.resume-preview .myself .data-temp .data-temp-right span, .resume-preview .other-see .data-temp .data-temp-right span {
    display: block;
    height: 16px;
    padding-left: 24px;
    margin-bottom: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAvVBMVEUAAABmZmZmZmZmZmZmZmZgYGBlZWVmZmZmZmZlZWVlZWVmZmZmZmZoaGhmZmZjY2NmZmZlZWVmZmYAAABaWlphYWFmZmaAgIBlZWVmZmZlZWVmZmZmZmZVVVVlZWVkZGRmZmZmZmZnZ2cAAABmZmZnZ2dtbW1qamplZWVlZWVmZmZgYGBlZWVeXl5mZmZmZmZmZmZmZmZmZmZkZGRmZmZiYmJmZmZkZGRlZWVAQEBmZmZnZ2dmZmZiYmJmZmaA3hBcAAAAPnRSTlMA9yjP1xAm3O9ol/r7INAkzU4ZAhEdCgJlVaHwRgYwPc7FTwHkQwcMmPfaGNQT1WneHt9h4iLUWeUE5yruL3oCLpwAAACNSURBVHhebc1XDoMwEEXRh0NM7NBJ7733Xtn/sjLEsSIk7ufRjB5cI1UPBlLFWTDkTFf5QtnP6erZLyhFwBqBlLKrYNao1ix0hBCeAu72m632/yXcmEXLHMBhVALw2GjMJlObZuYLguUquQjyBWC726vZgwMQHE9nKLiECVxvHD+4g8B+PEH5se71BvUB0BoM9wzr21AAAAAASUVORK5CYII=) 0 0 no-repeat;
    font-size: 16px;
    line-height: 16px;
    font-family: MicrosoftYaHei;
    color: #333
}

.resume-preview .myself .data-temp .data-temp-right strong, .resume-preview .other-see .data-temp .data-temp-right strong {
    display: inline-block;
    font-size: 30px;
    font-family: MicrosoftYaHei;
    color: #f77272
}

.resume-preview .myself .data-temp .data-temp-right i, .resume-preview .other-see .data-temp .data-temp-right i {
    margin-left: 10px;
    font-style: normal;
    font-size: 16px;
    color: #333
}

.resume-preview .content-right {
    position: relative;
    float: left;
    width: 370px;
    height: 590px;
    margin-left: 30px;
    background: #fff url(static/images/tu.3b8bbfd.png) 106px 462px no-repeat
}

.resume-preview .content-right .tip-box {
    float: left;
    margin: 30px 0 0 30px
}

.resume-preview .content-right .tip-box h2 {
    font-size: 18px;
    font-family: MicrosoftYaHei-Bold;
    color: #333;
    line-height: 24px;
    font-weight: 400
}

.resume-preview .content-right .tip-box p {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #999;
    line-height: 24px
}

.resume-preview .content-right .submit {
    float: right;
    width: 120px;
    height: 42px;
    margin: 30px 30px 0 0;
    background: #e6e6e6;
    border-radius: 4px;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    font-family: MicrosoftYaHei;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.resume-preview .content-right .submit.submission {
    background: #0083ff
}

.resume-preview .content-right .submit.submission:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

.resume-preview .msg-box {
    width: 734px;
    min-height: 670px;
    padding: 40px 100px 50px;
    background: #fff
}

.resume-preview .msg-box h3 {
    height: 30px;
    margin-bottom: 55px;
    font-size: 30px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    line-height: 30px;
    color: #333
}

.resume-preview .msg-box .header-item {
    height: 60px;
    margin-bottom: 17px
}

.resume-preview .msg-box .header-item div {
    overflow: hidden;
    position: relative;
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 24px;
    border-radius: 50%
}

.resume-preview .msg-box .header-item div img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.resume-preview .msg-box .header-item .name {
    float: left;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    line-height: 60px;
    color: #666
}

.resume-preview .msg-box .header-item .project-name {
    float: right;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    padding-top: 20px;
    width: 50%;
    overflow: hidden;
    height: 60px;
    text-align: right;
    color: #666
}

.resume-preview .msg-box .ipt-item {
    height: 44px;
    margin-bottom: 40px
}

.resume-preview .msg-box .ipt-item label {
    float: left;
    width: 94px;
    height: 44px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    line-height: 44px;
    color: #666
}

.resume-preview .msg-box .ipt-item label i {
    color: #ff7070;
    font-style: normal
}

.resume-preview .msg-box .ipt-item input::-webkit-input-placeholder {
    color: #ccc
}

.resume-preview .msg-box .ipt-item input {
    display: block;
    width: 440px;
    height: 44px;
    padding: 0 52px 0 12px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.resume-preview .msg-box .ipt-item input:focus {
    border: 1px solid #0083ff;
    -webkit-box-shadow: 0 0 5px #0083ff;
    box-shadow: 0 0 5px #0083ff
}

.resume-preview .msg-box .ipt-item input:hover {
    border-color: #c0c4cc
}

.resume-preview .msg-box .photo-tmp {
    padding: 20px;
    margin-bottom: 10px;
    background: #f2f2f2
}

.resume-preview .msg-box .photo-tmp .title {
    margin-bottom: 15px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 14px
}

.resume-preview .msg-box .notice {
    margin-bottom: 40px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 14px
}

.resume-preview .msg-box .notice a {
    color: #0083ff
}

.resume-preview .msg-box .btn-box {
    height: 42px
}

.resume-preview .msg-box .btn-box .confirm {
    float: right;
    width: 120px;
    height: 42px;
    background: #0083ff;
    border-radius: 4px;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    color: #fff;
    line-height: 42px;
    text-align: center;
    cursor: pointer
}

.resume-preview .msg-box .btn-box .confirm:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

.resume-preview .msg-box .btn-box .cancle {
    float: right;
    width: 120px;
    height: 42px;
    margin-right: 20px;
    background: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    color: #0083ff;
    line-height: 42px;
    text-align: center;
    border: 1px solid #0083ff;
    cursor: pointer
}

.resume-preview .msg-box .btn-box .cancle:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

.resume-preview .cover {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 99
}

.new-resume {
    font-family: MicrosoftYaHei;
    background: #fff;
    border-bottom: 1px solid #e5e5e5
}

.new-resume .user-introduce {
    width: 1200px;
    margin: 0 auto;
    padding-left: 50px
}

.new-resume .user-introduce .mid-nav {
    height: 56px;
    border-bottom: 1px solid #e5e5e5
}

.new-resume .user-introduce .mid-nav a {
    position: relative;
    display: inline-block;
    margin-right: 118px;
    color: #666;
    font-size: 24px;
    line-height: 56px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.new-resume .user-introduce .mid-nav a:after {
    content: "";
    position: absolute;
    width: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    height: 3px;
    top: 53px;
    left: 0;
    background-color: #333;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.new-resume .user-introduce .mid-nav a:hover {
    color: #000
}

.new-resume .user-introduce .mid-nav a:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.new-resume .user-introduce .mid-nav a.select {
    color: #000
}

.new-resume .user-introduce .mid-nav a.select:before {
    content: "";
    position: absolute;
    top: 53px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #333
}

.new-resume .user-introduce .info-body .info-item {
    position: relative;
    padding: 50px 0;
    margin: 0 auto;
    border-bottom: 1px solid #e5e5e5
}

.new-resume .user-introduce .info-body .info-item .title {
    height: 28px;
    margin-bottom: 24px
}

.new-resume .user-introduce .info-body .info-item .title h2 {
    float: left;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #000
}

.new-resume .user-introduce .info-body .info-item .title a {
    float: right;
    height: 28px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 28px;
    font-family: PingFangSC-Light;
    color: #333;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;
    cursor: pointer
}

.new-resume .user-introduce .info-body .info-item .title a.edit {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAjVBMVEUAAABVVVVmZmZVVVVtbW1gYGBVVVVmZmZqampiYmJeXl5mZmZiYmJmZmZjY2NlZWVkZGRnZ2dkZGRiYmJkZGRlZWVoaGhmZmZkZGRkZGRlZWVkZGRnZ2dmZmZmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVmZmZmZmZlZWVlZWVlZWWukpRJAAAAL3RSTlMAAwUGBwgJCgwNExkaIyQmKSouLzM1NktUV1teXmRneZGusra3x8jMztHS19ne7USrpm4AAAB5SURBVHhedc7bEsEwFIXhJRFIkRTRUkApOfD+j2eyY1I3/rtv9r5Y0GtDLTkwPZ7hHx11mUE07QGvSlNzJprbbgKrkIocAk7/kpzJCv71eB+vi+sqmW/b+Fw+N8nyVI8A6M4kDyRDb+qfreqt7ibuzVXW4B1cLvjyA21oDg1pgnWqAAAAAElFTkSuQmCC) 0 no-repeat
}

.new-resume .user-introduce .info-body .info-item .title a.edit:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABLElEQVQ4T5XSwUpUARQG4O/ckQqhKGrVJggR9G2kMnXTJiIgfQPxiiK0qX2bCKaNRBDggySCUiFi4EoDAokZZ+6JqygRd5w6+4//HM4fVnJCGkWhafo6wo4yuuBlXtc1J02G1dyWjtFrxOlA3wvLcaDMawrTmMHHsJK7KvMKu42Yru/23dU6hWFWaOv5VOPPeh5Zji8DsIvEGlbabvlgITo13sRji7HdiM9X/QvC5bgJbqncc8eJo8G4zFGFh8KsP1a1lGNaXmGxGZd5RZgSnii8d+PsRlDmpJa28LwZr+Vtfc/w1Q8bXscvAHUveCvNN+P1bPnmpj0/vYkTADAUD/wZp428NPk/8PCSAMBSjhvxTlr4l3oCAJX7CmvS0xofSYdCBwybdBWVEQ9+A142oHOUCSmyAAAAAElFTkSuQmCC) 0 no-repeat;
    color: #66b1ff
}

.new-resume .user-introduce .info-body .info-item .title a.add {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEX///9mZmaO7mygAAAAAXRSTlMAQObYZgAAAB1JREFUeF5jAIL6PwwOLCDkCEP+T+BsiBRIDQMDAJp6Btgrki3CAAAAAElFTkSuQmCC) 0 no-repeat
}

.new-resume .user-introduce .info-body .info-item .title a.add:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEX///8Ag/9obvd7AAAAAXRSTlMAQObYZgAAAB1JREFUeF5jAIL6PwwOLCDkCEP+T+BsiBRIDQMDAJp6Btgrki3CAAAAAElFTkSuQmCC) 0 no-repeat;
    color: #66b1ff
}

.new-resume .user-introduce .info-body .info-item .introduce-box {
    overflow: hidden;
    max-height: 330px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.new-resume .user-introduce .info-body .info-item .introduce-box .introduce {
    word-break: break-all;
    font-size: 16px;
    color: #666;
    text-align: justify;
    line-height: 30px
}

.new-resume .user-introduce .info-body .info-item .hide-introduce {
    position: absolute;
    bottom: 20px;
    width: 100%;
    padding-top: 50px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(70%, #fff));
    background-image: linear-gradient(-180deg, hsla(0, 0%, 100%, 0), #fff 70%)
}

.new-resume .user-introduce .info-body .info-item .hide-introduce.nomal {
    padding-top: 0
}

.new-resume .user-introduce .info-body .info-item .hide-introduce div {
    width: 60px;
    height: 16px;
    margin: 0 auto;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.new-resume .user-introduce .info-body .info-item .hide-introduce div span {
    float: left;
    color: #0083ff;
    font-size: 16px;
    line-height: 16px
}

.new-resume .user-introduce .info-body .info-item .hide-introduce div i {
    float: left;
    width: 8px;
    height: 5px;
    margin: 8px 0 0 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAXElEQVQYV23KsQ2CABQFwHuasIOuYSWVDqNLmBCjOoQsQ0njHmzBtzQkXH3xqo9ytSb6uFdja0C7OGU0OwW8a2f2xR4w2Ti4ZQqARx3FAMpZlxH+AZ51UaJLD/ADEHoYp/epZZcAAAAASUVORK5CYII=) 0 0 no-repeat;
    -webkit-transition: all .5s;
    transition: all .5s
}

.new-resume .user-introduce .info-body .info-item .hide-introduce div i.rote {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.new-resume .user-introduce .info-body .info-item .skill-content.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.new-resume .user-introduce .info-body .info-item .skill-content .skill-item {
    float: left;
    width: 100px;
    margin: 10px 12px 10px 0
}

.new-resume .user-introduce .info-body .info-item .skill-content .skill-item img {
    display: block;
    width: 44px;
    height: 44px;
    margin: 0 auto;
    margin-bottom: 10px
}

.new-resume .user-introduce .info-body .info-item .skill-content .skill-item span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    font-family: MicrosoftYaHei;
    color: #666
}

.new-resume .user-introduce .info-body .info-item .works-case.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.new-resume .user-introduce .info-body .info-item .works-case .case-item {
    position: relative;
    float: left;
    width: 360px;
    height: 416px;
    margin: 0 35px 20px 0;
    background: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-box-shadow: 5px 0 13px hsla(0, 0%, 81%, .19);
    box-shadow: 5px 0 13px hsla(0, 0%, 81%, .19)
}

.new-resume .user-introduce .info-body .info-item .works-case .case-item:hover {
    -webkit-box-shadow: 5px 3px 10px #efefef;
    box-shadow: 5px 3px 10px #efefef
}

.new-resume .user-introduce .info-body .info-item .works-case .case-item:hover .name {
    color: #0083ff
}

.new-resume .user-introduce .info-body .info-item .works-case .case-item:nth-child(3n) {
    margin-right: 0
}

.new-resume .user-introduce .info-body .info-item .works-case .case-item dt {
    position: relative;
    overflow: hidden;
    height: 230px
}

.new-resume .user-introduce .info-body .info-item .works-case .case-item dt .imgBox {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.new-resume .user-introduce .info-body .info-item .works-case dd {
    padding: 14px 17px 0
}

.new-resume .user-introduce .info-body .info-item .works-case dd .item-name {
    height: 18px;
    margin-bottom: 12px
}

.new-resume .user-introduce .info-body .info-item .works-case dd .item-name .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 220px;
    font-size: 16px;
    line-height: 24px;
    font-family: MicrosoftYaHei;
    color: #333;
    -webkit-transition: color .2s;
    transition: color .2s
}

.new-resume .user-introduce .info-body .info-item .works-case dd .item-name .name:hover {
    color: #0083ff
}

.new-resume .user-introduce .info-body .info-item .works-case dd .item-name .src {
    float: right;
    height: 18px;
    padding-left: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAWlBMVEUAAACAgICenp6VlZWYmJiYmJiXl5eYmJiYmJiampqampqYmJiXl5eZmZmYmJiZmZmZmZmZmZmYmJiZmZmZmZmZmZmZmZmYmJiZmZmZmZmZmZmZmZmZmZmZmZku1NwBAAAAHXRSTlMAAhUdOUVHSE9YW1xdcXR2eHuQmZ2txdPT2fD8/oRFVlIAAABsSURBVAgdBcEHAoIwEACwoKAsi4U6arn/f9MEwFpbXQDkKHOJBZAjoVTgGQnmBvpzu3YoFewfv1cnxYrxcrwNbbpHRj5vUxu8j8uINR661893B7Wgu25nD9oMKZ5ALUiRAUuUuUQGsNRWV4A/omsGa04Xyq8AAAAASUVORK5CYII=) 0 no-repeat;
    font-size: 16px;
    line-height: 18px;
    font-family: PingFangSC-Light;
    color: #666
}

.new-resume .user-introduce .info-body .info-item .works-case dd .item-name .src:hover {
    color: #66b1ff
}

.new-resume .user-introduce .info-body .info-item .works-case dd .case-type {
    float: left;
    padding: 0 14px;
    margin-bottom: 5px;
    height: 24px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #999;
    color: #999;
    font-size: 12px;
    text-align: center;
    line-height: 24px
}

.new-resume .user-introduce .info-body .info-item .works-case dd .work-info {
    clear: both;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-align: justify
}

.new-resume .user-introduce .info-body .info-item .works-case dd .btn-op {
    position: absolute;
    bottom: 22px;
    right: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.new-resume .user-introduce .info-body .info-item .works-case dd .btn-op span {
    float: left;
    color: #999;
    font-size: 14px;
    margin-right: 20px;
    cursor: pointer
}

.new-resume .user-introduce .info-body .info-item .works-case dd .btn-op span:hover {
    color: #333
}

.new-resume .user-introduce .info-body .info-item .works-case dd .btn-op a {
    float: left;
    color: #999;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.new-resume .user-introduce .info-body .info-item .works-case dd .btn-op a:hover {
    color: #333
}

.new-resume .no-data {
    width: 1200px;
    height: 440px;
    margin: 0 auto;
    padding-top: 150px
}

.new-resume .no-data img {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    margin-bottom: 40px
}

.new-resume .no-data p {
    color: #a9a9a9;
    font-size: 14px;
    line-height: 14px;
    text-align: center
}

.new-resume .no-data p a {
    color: #0083ff
}

.article-container {
    font-family: MicrosoftYaHei;
    background: #fff;
    border-bottom: 1px solid #e5e5e5
}

.article-container ._content {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding-left: 50px
}

.article-container ._content .mid-nav {
    height: 56px;
    border-bottom: 1px solid #e5e5e5
}

.article-container ._content .mid-nav a {
    position: relative;
    display: inline-block;
    margin-right: 118px;
    color: #666;
    font-size: 24px;
    line-height: 56px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.article-container ._content .mid-nav a:after {
    content: "";
    position: absolute;
    width: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    height: 3px;
    top: 53px;
    left: 0;
    background-color: #333;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.article-container ._content .mid-nav a:hover {
    color: #000
}

.article-container ._content .mid-nav a:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.article-container ._content .mid-nav a.select {
    color: #000
}

.article-container ._content .mid-nav a.select:before {
    content: "";
    position: absolute;
    top: 53px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #333
}

.article-container ._content .items-time {
    width: 1150px;
    margin: 0 auto;
    color: #333;
    height: 50px;
    font-size: 18px;
    position: relative;
    cursor: pointer
}

.article-container ._content .items-time .dropdown {
    position: absolute;
    right: -10px;
    top: 17px
}

.article-container ._content .items-time .dropdown .el-dropdown-link {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    margin-right: 10px
}

.article-container ._content .items-time .dropdown .el-dropdown-menu {
    width: 98px;
    text-align: center;
    left: -24px
}

.article-container ._content .nulldata {
    width: 1200px;
    margin: 150px auto;
    text-align: center
}

.article-container ._content .nulldata p {
    margin-top: 30px;
    font-size: 14px;
    color: #a9a9a9;
    margin-left: -12px
}

.article-container ._content .nulldata p a {
    color: #0083ff
}

.el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    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: #409eff;
    border-color: #c6e2ff;
    background-color: #ecf5ff
}

.el-button:active {
    color: #3a8ee6;
    border-color: #3a8ee6;
    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: #409eff;
    color: #409eff
}

.el-button.is-active, .el-button.is-plain:active {
    color: #3a8ee6;
    border-color: #3a8ee6
}

.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: hsla(0, 0%, 100%, .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: #409eff;
    border-color: #409eff
}

.el-button--primary:focus, .el-button--primary:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

.el-button--primary.is-active, .el-button--primary:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    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: #a0cfff;
    border-color: #a0cfff
}

.el-button--primary.is-plain {
    color: #409eff;
    background: #ecf5ff;
    border-color: #b3d8ff
}

.el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover {
    background: #409eff;
    border-color: #409eff;
    color: #fff
}

.el-button--primary.is-plain:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    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: #8cc5ff;
    background-color: #ecf5ff;
    border-color: #d9ecff
}

.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: #409eff;
    background: 0 0;
    padding-left: 0;
    padding-right: 0
}

.el-button--text:focus, .el-button--text:hover {
    color: #66b1ff;
    border-color: transparent;
    background-color: transparent
}

.el-button--text:active {
    color: #3a8ee6;
    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: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: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--primary:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--success:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--success:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--success:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--warning:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--warning:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--danger:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--danger:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--info:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--info:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--info:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.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-dropdown {
    display: inline-block;
    position: relative;
    color: #606266;
    font-size: 14px
}

.el-dropdown .el-button-group {
    display: block
}

.el-dropdown .el-button-group .el-button {
    float: none
}

.el-dropdown .el-dropdown__caret-button {
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    border-left: none
}

.el-dropdown .el-dropdown__caret-button:before {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    top: 5px;
    bottom: 5px;
    left: 0;
    background: hsla(0, 0%, 100%, .5)
}

.el-dropdown .el-dropdown__caret-button:hover:before {
    top: 0;
    bottom: 0
}

.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
    padding-left: 0
}

.el-dropdown__icon {
    font-size: 12px;
    margin: 0 3px
}

.el-dropdown .el-dropdown-selfdefine:focus:active, .el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) {
    outline-width: 0
}

.el-dropdown-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    padding: 10px 0;
    margin: 5px 0;
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.el-dropdown-menu__item {
    list-style: none;
    line-height: 36px;
    padding: 0 20px;
    margin: 0;
    font-size: 14px;
    color: #606266;
    cursor: pointer;
    outline: 0
}

.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #ecf5ff;
    color: #66b1ff
}

.el-dropdown-menu__item--divided {
    position: relative;
    margin-top: 6px;
    border-top: 1px solid #ebeef5
}

.el-dropdown-menu__item--divided:before {
    content: "";
    height: 6px;
    display: block;
    margin: 0 -20px;
    background-color: #fff
}

.el-dropdown-menu__item.is-disabled {
    cursor: default;
    color: #bbb;
    pointer-events: none
}

.el-dropdown-menu--medium {
    padding: 6px 0
}

.el-dropdown-menu--medium .el-dropdown-menu__item {
    line-height: 30px;
    padding: 0 17px;
    font-size: 14px
}

.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 6px
}

.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 6px;
    margin: 0 -17px
}

.el-dropdown-menu--small {
    padding: 6px 0
}

.el-dropdown-menu--small .el-dropdown-menu__item {
    line-height: 27px;
    padding: 0 15px;
    font-size: 13px
}

.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 4px
}

.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 4px;
    margin: 0 -15px
}

.el-dropdown-menu--mini {
    padding: 3px 0
}

.el-dropdown-menu--mini .el-dropdown-menu__item {
    line-height: 24px;
    padding: 0 10px;
    font-size: 12px
}

.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 3px
}

.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 3px;
    margin: 0 -10px
}

#questionList-component {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

#questionList-component .questionList-item {
    margin-bottom: 20px;
    padding: 20px 30px 20px 20px;
    background-color: #fff;
    border: 1px solid #f2f2f2
}

#questionList-component .questionList-item .author {
    color: #999;
    font-size: 14px
}

#questionList-component .questionList-item .author a {
    color: #0084ff;
    font-weight: 400;
    padding-left: 10px
}

#questionList-component .questionList-item .main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#questionList-component .questionList-item .main .listLeft {
    width: 75%
}

#questionList-component .questionList-item .main .listLeft .name {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 10px
}

#questionList-component .questionList-item .main .listLeft .name span {
    color: #fff;
    font-size: 12px;
    padding: 3px 6px 3px 25px;
    border-radius: 10px;
    background-color: #ffc034;
    vertical-align: top;
    margin-left: 10px;
    position: relative
}

#questionList-component .questionList-item .main .listLeft .name span i {
    font-weight: 100;
    position: absolute;
    left: 5px;
    top: -4px
}

#questionList-component .questionList-item .main .listLeft .name:hover {
    color: #0084ff
}

#questionList-component .questionList-item .main .listLeft .type {
    margin-top: 13px
}

#questionList-component .questionList-item .main .listLeft .type span {
    display: inline-block;
    color: #999;
    font-size: 12px;
    font-weight: 400;
    padding: 5px 10px;
    background-color: #f5f5f5;
    border-radius: 12px;
    margin-right: 10px
}

#questionList-component .questionList-item .main .listLeft .type span:first-child {
    color: #0083ff;
    background-color: #deefff
}

#questionList-component .questionList-item .main .listLeft .unpass {
    display: inline-block;
    color: red;
    font-size: 14px;
    font-weight: 400;
    padding: 2px 8px;
    border: 1px solid red;
    margin-top: 20px
}

#questionList-component .questionList-item .main .listLeft .des {
    margin-top: 20px
}

#questionList-component .questionList-item .main .listLeft .des .talk .avtor {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
    top: 3px
}

#questionList-component .questionList-item .main .listLeft .des .talk .avtor:first-child {
    margin-left: 5px;
    left: -5px
}

#questionList-component .questionList-item .main .listLeft .des .talk .avtor:nth-child(2) {
    left: -10px
}

#questionList-component .questionList-item .main .listLeft .des .talk .avtor:nth-child(3) {
    left: -15px
}

#questionList-component .questionList-item .main .listLeft .des .talk .avtor:nth-child(4) {
    left: -20px
}

#questionList-component .questionList-item .main .listLeft .des .talk .message {
    color: #999;
    font-size: 14px;
    vertical-align: super;
    padding-right: 8px;
    margin-right: 8px;
    border-right: 1px solid #aaa
}

#questionList-component .questionList-item .main .listLeft .des .read {
    color: #999;
    font-size: 14px;
    vertical-align: super
}

#questionList-component .questionList-item .main .listRight {
    width: 25%;
    text-align: right;
    position: relative
}

#questionList-component .questionList-item .main .listRight .answer {
    display: inline-block;
    padding: 5px 14px;
    background-color: #a0d66d;
    border-radius: 4px;
    margin-top: 10px
}

#questionList-component .questionList-item .main .listRight .answer p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-align: center
}

#questionList-component .questionList-item .main .listRight .answer p.num {
    font-size: 16px;
    font-weight: 700
}

#questionList-component .questionList-item .main .listRight .operation {
    display: none;
    position: absolute;
    bottom: 5px;
    right: 0
}

#questionList-component .questionList-item .main .listRight .operation button {
    border: none;
    background: none;
    color: #666;
    font-size: 14px;
    margin-right: 30px;
    cursor: pointer
}

#questionList-component .questionList-item .main .listRight .operation button:last-child {
    margin-right: 0
}

#questionList-component .questionList-item .main .listRight .operation button:hover {
    color: #0083ff
}

#questionList-component .questionList-item .main .listRight .operation button i {
    margin-right: 3px
}

#questionList-component .questionList-item:hover {
    -webkit-box-shadow: 5px 3px 10px #efefef;
    box-shadow: 5px 3px 10px #efefef
}

#questionList-component .questionList-item:hover .listRight .operation {
    display: block
}

#questionList-component .default {
    padding: 120px 0 160px;
    text-align: center
}

#questionList-component .default img {
    width: 230px;
    height: 193px
}

#questionList-component .default p {
    color: #d0d0d0;
    font-size: 20px;
    margin-top: 30px
}

#questionList-component .dialog {
    width: 600px;
    padding: 40px 100px
}

#questionList-component .dialog h2 {
    color: #333;
    font-size: 30px;
    font-weight: 400
}

#questionList-component .dialog p {
    color: #999;
    font-size: 16px;
    line-height: 24px;
    margin-top: 30px
}

#questionList-component .dialog .operation {
    text-align: right;
    margin-top: 40px
}

#questionList-component .dialog .operation button {
    width: 118px;
    height: 40px;
    color: #0083ff;
    border-radius: 4px;
    border: 1px solid #0083ff;
    background-color: #fff;
    margin-left: 20px
}

#questionList-component .dialog .operation button.comfirm {
    color: #fff;
    background-color: #0083ff
}

.article-container {
    font-family: MicrosoftYaHei;
    background: #fff;
    border-bottom: 1px solid #e5e5e5
}

.article-container .art_content {
    position: relative;
    width: 1200px;
    margin: 0 auto
}

.article-container .art_content .mid-nav {
    height: 56px;
    border-bottom: 1px solid #e5e5e5
}

.article-container .art_content .mid-nav a {
    position: relative;
    display: inline-block;
    margin-right: 118px;
    color: #666;
    font-size: 24px;
    line-height: 56px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.article-container .art_content .mid-nav a:after {
    content: "";
    position: absolute;
    width: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    height: 3px;
    top: 53px;
    left: 0;
    background-color: #333;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.article-container .art_content .mid-nav a:hover {
    color: #000
}

.article-container .art_content .mid-nav a:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.article-container .art_content .mid-nav a.select {
    color: #000
}

.article-container .art_content .mid-nav a.select:before {
    content: "";
    position: absolute;
    top: 53px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #333
}

.article-container .art_content ul {
    margin-top: 50px
}

.article-container .art_content ul #blog_base li .haveimg {
    width: 984px
}

.article-container .art_content .dropdown {
    position: absolute;
    top: 80px;
    right: 0;
    cursor: pointer
}

.article-container .no-data {
    width: 1200px;
    height: 440px;
    margin: 0 auto;
    padding-top: 150px
}

.article-container .no-data img {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    margin-bottom: 40px
}

.article-container .no-data p {
    color: #a9a9a9;
    font-size: 14px;
    line-height: 14px;
    text-align: center
}

.article-container .no-data p a {
    color: #0083ff
}

#blog_base li {
    padding: 20px 0;
    border-bottom: 1px solid #e5e5e5
}

#blog_base li .haveimg {
    width: 420px;
    display: inline-block;
    vertical-align: top;
    margin-right: 18px;
    height: 138px
}

#blog_base li #blog_left {
    position: relative;
    min-height: 125px
}

#blog_base li #blog_left .tip {
    position: absolute;
    left: 0;
    bottom: 5px
}

#blog_base li #blog_left .tip img {
    float: left;
    margin-right: 11px;
    border-radius: 50%
}

#blog_base li #blog_left .tip .name {
    color: #333
}

#blog_base li #blog_left .tip .name, #blog_base li #blog_left .tip .time {
    float: left;
    margin-right: 7px;
    font-size: 12px;
    line-height: 12px;
    margin-top: 11px
}

#blog_base li #blog_left .tip .time {
    color: #999
}

#blog_base li #blog_left a:link h2 {
    color: #333
}

#blog_base li #blog_left a:link h2:hover {
    color: #0083ff
}

#blog_base li #blog_left a:visited h2 {
    color: #999
}

#blog_base li #blog_left a:visited h2:hover {
    color: #0083ff
}

#blog_base li #blog_left h2 {
    width: 100%;
    height: 44px;
    font-size: 18px;
    line-height: 22px;
    color: #333;
    font-weight: 700;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

#blog_base li #blog_left h2 em {
    color: #f35a4c;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid #f35a4c;
    background-color: #fff;
    margin-left: 10px;
    line-height: 20px;
    padding: 0 8px;
    display: inline-block;
    vertical-align: top
}

#blog_base li #blog_left .the_content {
    overflow: hidden;
    height: 48px;
    font-size: 14px;
    line-height: 24px;
    color: #999;
    word-wrap: break-word
}

#blog_base li #blog_left .lostofimg .imgBox {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 35px;
    width: 199px;
    height: 139px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

#blog_base li #blog_left .lostofimg .imgBox:nth-of-type(2) {
    margin: 0 20px
}

#blog_base li #blog_left .bottom {
    position: absolute;
    right: 0;
    bottom: 5px
}

#blog_base li #blog_left .bottom .browse {
    float: left;
    font-size: 12px;
    line-height: 12px;
    color: #ccc;
    margin-right: 30px
}

#blog_base li #blog_left .bottom .browse i {
    display: inline-block;
    width: 14px;
    height: 12px;
    margin-bottom: -2px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAMAAABlXnzoAAAATlBMVEUAAAD///+qqqrOzs7FxcXIyMjKysrLy8vKysrNzc3JycnMzMzNzc3Ly8vMzMzLy8vLy8vLy8vLy8vLy8vLy8vMzMzLy8vMzMzLy8vMzMx9sswHAAAAGXRSTlMAAgMVFhwxMlxcZWVmZ3V2i8PG2PPz+vv+mE5orQAAAF5JREFUeF5lztsKgCAURNHJzMprlZrz/z9aZhDUetswHA7+hmU/jn0ZWk2RtzjV0oXZ973PLBpQmQzC2S6QWWElKR1pJckV25Ou5oaxjZ2o4xEw7ymDy5x4S/PnjZ8TyU4H8AtpL/oAAAAASUVORK5CYII=) no-repeat 50%
}

#blog_base li #blog_left .bottom .comments {
    float: left;
    font-size: 12px;
    line-height: 12px;
    color: #ccc
}

#blog_base li #blog_left .bottom .comments i {
    display: inline-block;
    width: 14px;
    height: 12px;
    margin-bottom: -2px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAP1BMVEUAAAAAAACqqqqzuL2xuL+ytbyyuL6yub6wtruxt72yub6xt7yyuL2yt72yuLyyuL2xt72xuL2xt7yyuL2yuL1E6w0MAAAAFHRSTlMAAQYvSFBTanGEnZ6fur3R0/j9/pZyhpwAAABLSURBVHhezckxDoAgEATAE1QRUED2/2/VauNdrA3TjvzFV7xUzyhQCqPr6AwYY0TT0RhRR2S4kPLjAHDmFJwY0w4s8mm7GMY6ywhu2kgOjXjbJPEAAAAASUVORK5CYII=) no-repeat 50%
}

#blog_base li #blog_right {
    display: inline-block;
    vertical-align: top;
    width: 198px;
    height: 138px
}

#blog_base li #blog_right .imgBox {
    width: 198px;
    height: 138px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.fans-container {
    font-family: MicrosoftYaHei;
    background: #fff;
    border-bottom: 1px solid #e5e5e5
}

.fans-container .content {
    width: 1200px;
    margin: 0 auto;
    padding-left: 50px
}

.fans-container .content .mid-nav {
    height: 56px;
    border-bottom: 1px solid #e5e5e5
}

.fans-container .content .mid-nav a {
    position: relative;
    display: inline-block;
    margin-right: 118px;
    color: #666;
    font-size: 24px;
    line-height: 56px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fans-container .content .mid-nav a:after {
    content: "";
    position: absolute;
    width: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    height: 3px;
    top: 53px;
    left: 0;
    background-color: #333;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.fans-container .content .mid-nav a:hover {
    color: #000
}

.fans-container .content .mid-nav a:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.fans-container .content .mid-nav a.select {
    color: #000
}

.fans-container .content .mid-nav a.select:before {
    content: "";
    position: absolute;
    top: 53px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #333
}

.fans-container .content ul {
    margin-top: 50px
}

.fans-container .content ul li {
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #e5e5e5
}

.fans-container .content ul li .top {
    height: 34px;
    margin-bottom: 20px
}

.fans-container .content ul li .top a {
    float: left
}

.fans-container .content ul li .top a:hover .article-name {
    color: #0083ff
}

.fans-container .content ul li .top a .avatar {
    float: left;
    overflow: hidden;
    position: relative;
    width: 34px;
    height: 34px;
    margin-right: 12px;
    border-radius: 50%
}

.fans-container .content ul li .top a .avatar img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.fans-container .content ul li .top a .article-name {
    float: left;
    height: 34px;
    margin-right: 8px;
    font-size: 12px;
    line-height: 34px;
    color: #333
}

.fans-container .content ul li .top .time {
    float: left;
    height: 34px;
    font-size: 12px;
    line-height: 34px;
    color: #999
}

.fans-container .content ul li .link-region {
    display: block
}

.fans-container .content ul li .link-region:hover h1 {
    color: #0083ff
}

.fans-container .content ul li .link-region h1 {
    margin-bottom: 16px;
    color: #333;
    font-size: 18px;
    line-height: 18px
}

.fans-container .content ul li .link-region p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    margin-bottom: 10px;
    font-size: 18px;
    font-family: MicrosoftYaHei;
    color: #333;
    line-height: 24px;
    text-align: justify
}

.fans-container .content ul li .link-region .see {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAMAAABlXnzoAAAASFBMVEUAAAD////Ozs7FxcXQ0NDLy8vNzc3KysrMzMzNzc3Nzc3Ly8vLy8vNzc3MzMzMzMzLy8vMzMzMzMzMzMzMzMzLy8vMzMzMzMxy2h/PAAAAF3RSTlMAAhUWGzFbXGRlZmZndYvDxtfz+fr7/hX0wWoAAABYSURBVHheZY5ZDoAgFAMfKIvIvvX+NzWoxETmb5KmLa3sPrWW/P6YzLjJcpjuqI5zV9E1kSiAY9YwBxRBAcBmgHMDECi+aobGGbZvmI6v6hjVag6p342FC36zBxrCTqR0AAAAAElFTkSuQmCC) 0 0 no-repeat
}

.fans-container .content ul li .link-region .reply, .fans-container .content ul li .link-region .see {
    display: inline-block;
    height: 14px;
    padding-left: 22px;
    margin-right: 30px;
    color: #ccc;
    font-size: 12px;
    line-height: 14px
}

.fans-container .content ul li .link-region .reply {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMBAMAAACgrpHpAAAAMFBMVEUAAAAAAAD////MzMzKysrMzMzMzMzLy8vMzMzLy8vMzMzMzMzLy8vMzMzLy8vMzMxG7FPyAAAAD3RSTlMAAQEtMDxQXW5xi5uo8PtZTGeRAAAANklEQVQIW2Oo/Q8EfwsY7oPo/xcYwNT/DwTp92D6AcN+ML2BQTQt7fzPVAEGIND6wgABzQwMAF9AQRb9iVopAAAAAElFTkSuQmCC) 0 0 no-repeat
}

.fans-container .no-data {
    width: 1200px;
    height: 440px;
    margin: 0 auto;
    padding-top: 150px
}

.fans-container .no-data img {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    margin-bottom: 40px
}

.fans-container .no-data p {
    color: #a9a9a9;
    font-size: 14px;
    line-height: 14px;
    text-align: center
}

.fans-container .no-data p a {
    color: #0083ff
}

.applyList .pagination .next, .applyList .pagination .num div, .applyList .pagination .prve {
    background-color: #fff
}

.applyList .el-cascader, .applyList .el-date-editor, .applyList .el-select {
    width: 440px!important
}

.applyList .el-cascader .el-input__inner, .applyList .el-date-editor .el-input__inner, .applyList .el-select .el-input__inner {
    height: 44px!important;
    padding-left: 12px;
    border-radius: 6px
}

.applyList .el-cascader .el-input__inner:focus, .applyList .el-date-editor .el-input__inner:focus, .applyList .el-select .el-input__inner:focus {
    border: 1px solid #0083ff;
    -webkit-box-shadow: 0 0 5px #0083ff;
    box-shadow: 0 0 5px #0083ff
}

.applyList .el-cascader .el-input__prefix, .applyList .el-date-editor .el-input__prefix, .applyList .el-select .el-input__prefix {
    left: 410px;
    width: 20px!important;
    height: 20px!important
}

.applyList .el-cascader .el-input__prefix .el-input__icon .el-icon-date, .applyList .el-date-editor .el-input__prefix .el-input__icon .el-icon-date, .applyList .el-select .el-input__prefix .el-input__icon .el-icon-date {
    width: 20px;
    height: 20px
}

.applyList .upload .el-upload-list--picture-card .el-upload-list__item {
    width: 74px!important;
    height: 74px!important;
    margin: 0 10px 8px 0
}

.applyList .upload .el-upload--picture-card {
    width: 74px!important;
    height: 74px!important;
    line-height: 74px!important
}

.applyList {
    background-color: #f8f8f8
}

.applyList button {
    cursor: pointer
}

.applyList p {
    word-break: break-all
}

.applyList .container-bannar {
    width: 100%;
    height: 100px;
    min-width: 1200px;
    background: url(static/images/banner.81ed8aa.png) 0 no-repeat;
    background-size: 100% 100%
}

.applyList .container-bannar .bannar-bar {
    width: 1200px;
    margin: 0 auto;
    padding-top: 62px;
    color: #fff;
    font-size: 16px;
    line-height: 16px
}

.applyList .container-bannar .bannar-bar a {
    color: #fff
}

.applyList .container-bannar .bannar-bar span {
    font-weight: 700
}

.applyList .list {
    padding-top: 15px
}

.applyList .list .loading {
    min-height: 450px
}

.applyList .list .item {
    width: 1200px;
    margin: 35px auto 0;
    padding: 36px 0 36px 69px;
    background-color: #fff;
    display: table;
    background: url(static/images/applybg.7d56b48.png) 0 no-repeat;
    background-size: 100% 100%
}

.applyList .list .item .left {
    padding-right: 55px;
    width: 725px;
    display: table-cell;
    vertical-align: middle
}

.applyList .list .item .left h2 {
    color: #333;
    font-size: 30px;
    line-height: 30px;
    padding: 19px 0
}

.applyList .list .item .left h2 span {
    float: right;
    font-size: 18px;
    line-height: 30px
}

.applyList .list .item .left h2 span em {
    color: #f77272;
    font-size: 20px
}

.applyList .list .item .left p {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    word-break: break-all;
    margin-top: 26px;
    height: 77px;
    overflow: hidden
}

.applyList .list .item .line {
    width: 1px;
    height: 173px;
    display: table-cell;
    background-color: #e5e5e5
}

.applyList .list .item .right {
    width: 406px;
    vertical-align: middle;
    display: table-cell;
    padding-left: 60px;
    position: relative
}

.applyList .list .item .right img {
    width: 90px;
    height: 90px;
    float: left;
    display: block;
    border-radius: 50%;
    margin-right: 18px
}

.applyList .list .item .right em {
    color: #000;
    font-size: 20px;
    line-height: 20px;
    width: 135px;
    display: inline-block
}

.applyList .list .item .right p {
    color: #999;
    font-size: 16px;
    line-height: 16px;
    margin-top: 18px
}

.applyList .list .item .right .operation {
    clear: both;
    padding-top: 25px
}

.applyList .list .item .right .operation button {
    color: #0083ff;
    font-size: 16px;
    border: 1px solid #0083ff;
    width: 120px;
    height: 42px;
    background-color: #fff;
    border-radius: 4px
}

.applyList .list .item .right .operation button:last-child {
    color: #fff;
    background-color: #0083ff;
    margin-left: 20px
}

.applyList .list .item .right .operation button:last-child:hover {
    background: #66b1ff;
    border-color: #66b1ff
}

.applyList .list .item .right span {
    display: block;
    width: 110px;
    height: 33px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 16px;
    line-height: 36px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAjCAMAAABCQ897AAAAgVBMVEX/////uwDkqw7/uwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD/uwDkqw7/uwDkqw7kqw7kqw7kqw7/uwDkqw7/uwDkqw7kqw7kqw7kqw7/uwDkqw7/uwDkqw7/uwD/uwD/uwD/uwD/uwDkqw4yyTTDAAAAKXRSTlMAAADqA0wQ6YCSV60FWOyW6PkGxjP44q/yb5HMk/uQDBzET8UDlIHH+h31iKoAAACgSURBVHhe3dZXDoMwFAVRbGMICRBCeu/lev8LjGQpygqYD88GztcrGZJdX2wM4sJm+yC5EPYLlAvH09lmBinEVrc/V/vdvFtq2H5cMXKKIVzTSRiXTyWOyyciuYNIbiySK0qUG4nkeodyXihXsdyV5RzLzZLmHMvdkx4Ez3J9K3hF0wco4fNqzFPCX6NEH79YU6KcKV4txsVqX73Lj4btC4xQA69CL7R5AAAAAElFTkSuQmCC) 0 no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: -8px
}

.applyList .msg-box {
    width: 734px;
    min-height: 670px;
    padding: 40px 100px 50px;
    background: #fff
}

.applyList .msg-box h3 {
    height: 30px;
    margin-bottom: 55px;
    font-size: 30px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    line-height: 30px;
    color: #333
}

.applyList .msg-box .header-item {
    height: 60px;
    margin-bottom: 17px
}

.applyList .msg-box .header-item div {
    overflow: hidden;
    position: relative;
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 24px;
    border-radius: 50%
}

.applyList .msg-box .header-item div img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.applyList .msg-box .header-item .name {
    float: left;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    padding-top: 20px;
    width: 30%;
    color: #666
}

.applyList .msg-box .header-item .project-name {
    float: right;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    padding-top: 20px;
    width: 50%;
    overflow: hidden;
    height: 60px;
    text-align: right;
    color: #666
}

.applyList .msg-box .ipt-item {
    height: 44px;
    margin-bottom: 40px
}

.applyList .msg-box .ipt-item label {
    float: left;
    width: 94px;
    height: 44px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    line-height: 44px;
    color: #666
}

.applyList .msg-box .ipt-item label i {
    color: #ff7070;
    font-style: normal
}

.applyList .msg-box .ipt-item input::-webkit-input-placeholder {
    color: #ccc
}

.applyList .msg-box .ipt-item input {
    display: block;
    width: 440px;
    height: 44px;
    padding: 0 52px 0 12px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.applyList .msg-box .ipt-item input:focus {
    border: 1px solid #0083ff;
    -webkit-box-shadow: 0 0 5px #0083ff;
    box-shadow: 0 0 5px #0083ff
}

.applyList .msg-box .supplement {
    padding: 12px 17px 20px;
    background-color: #f2f2f2
}

.applyList .msg-box .supplement .title {
    color: #333;
    font-size: 16px
}

.applyList .msg-box .supplement .des {
    color: #666;
    font-size: 12px;
    margin-top: 5px
}

.applyList .msg-box .supplement .uploadFile {
    margin-top: 10px;
    display: table
}

.applyList .msg-box .supplement .uploadFile div {
    display: table-cell;
    vertical-align: middle
}

.applyList .msg-box .supplement .uploadFile .logo {
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.applyList .msg-box .supplement .uploadFile .name {
    color: #333;
    font-size: 16px;
    padding-left: 15px;
    max-width: 390px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    cursor: pointer
}

.applyList .msg-box .supplement .uploadFile .name:hover {
    color: #0083ff
}

.applyList .msg-box .supplement .uploadFile .delete {
    cursor: pointer;
    color: #0083ff;
    padding-left: 8px
}

.applyList .msg-box .supplement .add {
    color: #0083ff;
    font-size: 16px;
    margin-top: 15px;
    line-height: 30px;
    background: url("static/images/tianjjia.png") no-repeat 0;
    background-size: 20px;
    padding-left: 25px;
    cursor: pointer
}

.applyList .msg-box .photo-tmp {
    padding: 20px;
    margin-bottom: 10px;
    background: #f2f2f2
}

.applyList .msg-box .photo-tmp .title {
    margin-bottom: 15px
}

.applyList .msg-box .notice, .applyList .msg-box .photo-tmp .title {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 14px
}

.applyList .msg-box .notice {
    margin-bottom: 40px;
    margin-top: 15px
}

.applyList .msg-box .notice a {
    color: #0083ff
}

.applyList .msg-box .btn-box {
    height: 42px
}

.applyList .msg-box .btn-box .confirm {
    float: right;
    width: 120px;
    height: 42px;
    background: #0083ff;
    border-radius: 4px;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    color: #fff;
    line-height: 42px;
    text-align: center;
    cursor: pointer
}

.applyList .msg-box .btn-box .confirm:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

.applyList .msg-box .btn-box .cancle {
    float: right;
    width: 120px;
    height: 42px;
    margin-right: 20px;
    background: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    color: #0083ff;
    line-height: 42px;
    text-align: center;
    border: 1px solid #0083ff;
    cursor: pointer
}

.applyList .msg-box .btn-box .cancle:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

.casedetail {
    background-color: #f8f8f8;
    padding: 30px 0
}

.casedetail .casestate {
    width: 1200px;
    margin: 20px auto;
    margin-top: 0;
    padding: 30px 47px 52px;
    background-color: #fff
}

.casedetail .casestate .stateList {
    position: relative
}

.casedetail .casestate .stateList .list {
    margin-top: 35px;
    text-align: center
}

.casedetail .casestate .stateList .list .item {
    display: inline-block;
    width: 70px;
    margin-right: 134px;
    text-align: center;
    position: relative
}

.casedetail .casestate .stateList .list .item span {
    border-radius: 50%;
    font-size: 26px;
    padding: 12px;
    background: #0083ff;
    color: #fff
}

.casedetail .casestate .stateList .list .item .beforestate {
    color: #666;
    background: #eaeaea
}

.casedetail .casestate .stateList .list .item p {
    color: #999;
    font-size: 14px;
    line-height: 14px;
    margin-top: 30px
}

.casedetail .casestate .stateList .list .item .beforeline:before {
    content: "";
    width: 134px;
    position: absolute;
    top: 16px;
    right: 70px;
    border-top: 2px solid #dfdfdf;
    z-index: 1
}

.casedetail .casestate .stateList .list .item:after {
    content: "";
    width: 134px;
    position: absolute;
    top: 16px;
    right: -134px;
    border-top: 2px solid #dfdfdf;
    z-index: 10
}

.casedetail .casestate .stateList .list .item:last-child {
    margin-right: 0
}

.casedetail .casestate .stateList .list .item:last-child:after {
    display: none
}

.casedetail .casestate .stateList .list .item.current p, .casedetail .casestate .stateList .list .item.ed p {
    color: #0083ff
}

.casedetail .casestate .stateList .list .item.ed:after {
    border-top: 2px solid #0083ff!important
}

.casedetail .casestate .stateList .list .item.eds:after {
    width: 67px;
    right: -67px;
    border-top: 2px solid #0083ff!important
}

.casedetail .casestate .stateList .operation {
    position: absolute;
    top: 54px;
    right: 0
}

.casedetail .casestate .stateList .operation a, .casedetail .casestate .stateList .operation button {
    display: block;
    width: 140px;
    padding: 10px 0;
    font-size: 18px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #0083ff;
    color: #fff;
    background-color: #0083ff
}

.casedetail .casestate .stateList .operation a:hover, .casedetail .casestate .stateList .operation button:hover {
    background: #66b1ff;
    border-color: #66b1ff
}

.casedetail .casestate .stateList .operation a.lock, .casedetail .casestate .stateList .operation button.lock {
    border: 1px solid #e5e5e5;
    background-color: #e5e5e5
}

.casedetail .casestate .stateList .operation a.lock:hover, .casedetail .casestate .stateList .operation button.lock:hover {
    background: #e5e5e5;
    border-color: #e5e5e5
}

.casedetail .casestate .stateList .operation p {
    color: #333;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    margin-top: 13px
}

.casedetail .casestate .stateList .operation p span {
    cursor: pointer;
    padding: 0 14px
}

.casedetail .casestate .stateList .operation p span:first-child {
    padding-left: 23px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAh1BMVEUAAAAAAAAAAAAAAAAAAAArAAAkAAAgAAAeDw8gFRUfFBQdFBQgGBAhFBQhFhYjFhYhGRUhGRUhFxQiFxQiFxUiFxQhFhQjGBMiGBUiFxUjGBQjFxUiGBUjFxQjGBUjFxQiGBQjGBUjGBUjGBQjGBQjFxUjFxUjFxUjGBUiGBQjGBQiFxUiFxV423P8AAAALXRSTlMAAQMEBQYHCBEYGRogJy86PT5NWm9xc3Z3eYuTlKeqsLK3uL2/xMXHx8nNz9Dgx5ZuAAAAbUlEQVQIHXXA0RaBQBiF0Y8fQgVQRJxmoHj/57PmwmpubFLfvn5an9Lk9PIGR8whYkJgRmAGQrCqh8DgsgYhYKeMeX0EhACW185tAISIiQexO+cyAaazYFFWjIoP4/1bwa0wwG+7w4Te85Tw1xfNkQjyrf3EZQAAAABJRU5ErkJggg==) 4px 4px no-repeat;
    border-right: 1px solid #e5e5e5
}

.casedetail .casedeatailmsg {
    width: 1200px;
    margin: 30px auto;
    background: #fff;
    padding: 55px 75px
}

.casedetail .casedeatailmsg .thismessage h3 {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.casedetail .casedeatailmsg .thismessage .childType {
    margin-bottom: 10px
}

.casedetail .casedeatailmsg .thismessage .childType span {
    border-radius: 13px;
    background: #e4f2ff;
    font-size: 12px;
    color: #0083ff;
    padding: 5px 10px;
    margin-right: 10px
}

.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseleft, .casedetail .casedeatailmsg .thismessage .thiscasemsg .caseright {
    display: inline-block;
    vertical-align: top
}

.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseleft {
    width: 650px;
    border-right: 1px solid #e5e5e5
}

.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseleft .insideleft, .casedetail .casedeatailmsg .thismessage .thiscasemsg .caseleft .insideright {
    display: inline-block;
    vertical-align: top;
    color: #666
}

.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseleft .insideleft p, .casedetail .casedeatailmsg .thismessage .thiscasemsg .caseleft .insideright p {
    margin-bottom: 10px
}

.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseleft .insideleft .commentname, .casedetail .casedeatailmsg .thismessage .thiscasemsg .caseleft .insideright .commentname {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseleft .insideleft {
    width: 300px;
    margin-right: 20px
}

.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseright {
    margin-left: 60px
}

.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseright .peopletop {
    margin-bottom: 20px;
    margin-top: -15px
}

.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseright img, .casedetail .casedeatailmsg .thismessage .thiscasemsg .caseright span {
    display: inline-block;
    vertical-align: top
}

.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseright img {
    width: 54px;
    height: 54px;
    border-radius: 50%
}

.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseright .name {
    color: #333;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    margin-top: 12px;
    margin-left: 18px;
    margin-right: 24px
}

.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseright .sortname {
    font-size: 14px;
    margin-top: 25px;
    color: #666
}

.casedetail .casedeatailmsg .thismessage .pintai {
    width: 1050px;
    height: 180px;
    background: #f8f8f8;
    border-radius: 4px;
    padding: 15px;
    position: relative;
    margin-top: 40px
}

.casedetail .casedeatailmsg .thismessage .pintai .douhao {
    position: absolute;
    width: 71px;
    height: 68px;
    top: -17px;
    right: 30px
}

.casedetail .casedeatailmsg .thismessage .pintai p img, .casedetail .casedeatailmsg .thismessage .pintai p span {
    display: inline-block;
    vertical-align: top
}

.casedetail .casedeatailmsg .thismessage .pintai p img {
    margin-right: 7px;
    margin-top: 1px;
    width: 18px;
    height: 18px
}

.casedetail .casedeatailmsg .thismessage .pintai p span {
    font-size: 14px;
    color: #999
}

.casedetail .casedeatailmsg .thismessage .pintai p .allpay {
    margin-right: 17px;
    font-size: 14px;
    color: #02b18e
}

.casedetail .casedeatailmsg .thismessage .pintai .tubiao {
    margin-top: 40px
}

.casedetail .casedeatailmsg .thismessage .pintai .tubiao li {
    display: inline-block;
    margin-left: 25px;
    margin-right: 85px
}

.casedetail .casedeatailmsg .thismessage .pintai .tubiao li:first-of-type {
    margin-right: 20px
}

.casedetail .casedeatailmsg .thismessage .pintai .tubiao li:first-of-type .money {
    width: 166px
}

.casedetail .casedeatailmsg .thismessage .pintai .tubiao li section, .casedetail .casedeatailmsg .thismessage .pintai .tubiao li span {
    display: inline-block;
    vertical-align: top
}

.casedetail .casedeatailmsg .thismessage .pintai .tubiao li section {
    margin-left: 15px
}

.casedetail .casedeatailmsg .thismessage .pintai .tubiao li section div {
    font-size: 16px;
    color: #666
}

.casedetail .casedeatailmsg .thismessage .pintai .tubiao li section span {
    font-size: 28px;
    display: inline-block;
    vertical-align: bottom;
    color: #ff532b
}

.casedetail .casedeatailmsg .thismessage .pintai .tubiao li section .price {
    color: #ff532b;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px
}

.casedetail .casedeatailmsg .thismessage .pintai .tubiao li section .money {
    font-weight: 700
}

.casedetail .casedeatailmsg .thismessage .pintai .tubiao li .data {
    color: #333;
    margin-top: 2px;
    font-size: 24px;
    margin-bottom: 5px;
    width: 143px;
    overflow: hidden;
    white-space: nowrap
}

.casedetail .casedeatailmsg .thismessage .pintai .tubiao li .hetong {
    font-size: 18px;
    color: #333;
    margin-top: 9px;
    margin-bottom: 8px;
    margin-left: -8px
}

.casedetail .casedeatailmsg .thismessage .pintai .iconfont {
    font-size: 30px;
    padding: 16px;
    background: #fb0;
    color: #fff;
    border-radius: 32px;
    padding-bottom: 14px
}

.casedetail .casedeatailmsg .thismessage .pintai .icon-jiaofuriqi {
    background: #90a5ff
}

.casedetail .casedeatailmsg .thismessage .pintai .icon-hetong {
    color: #56aaff;
    background-color: #56aaff;
    color: #fff
}

.casedetail .casedeatailmsg .thismessage .projectdescrib {
    margin-top: 40px
}

.casedetail .casedeatailmsg .thismessage .projectdescrib h3 {
    font-size: 24px;
    color: #333
}

.casedetail .casedeatailmsg .thismessage .projectdescrib section {
    height: 1px;
    width: 100px;
    background: #d0d0d0;
    margin-left: -3px
}

.casedetail .casedeatailmsg .thismessage .projectdescrib .projectdescribuu {
    margin-top: 30px
}

.the_questiondetails {
    background: #fafafa;
    padding-bottom: 42px
}

.the_questiondetails em, .the_questiondetails i {
    list-style: none
}

.the_questiondetails h2, .the_questiondetails h3 {
    font-weight: 400
}

.the_questiondetails body {
    background: #fafafa
}

.the_questiondetails .ql-editor {
    white-space: pre-line
}

.the_questiondetails .tip {
    background: #fff5e9;
    border: 1px solid #ffd9ae;
    color: #999;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 20px
}

.the_questiondetails .tip img {
    margin: -4px 2px 0 5px;
    vertical-align: middle
}

.the_questiondetails .tip a {
    color: #ff9400;
    display: inline-block;
    margin-left: 5px
}

.the_questiondetails .tip a span {
    color: #ff9400;
    display: inline-block;
    margin-right: 7px
}

.the_questiondetails textarea::-webkit-input-placeholder {
    font-family: MicrosoftYaHei PingFangSC-Regular
}

.the_questiondetails textarea::-moz-placeholder {
    font-family: MicrosoftYaHei PingFangSC-Regular
}

.the_questiondetails textarea:-ms-input-placeholder {
    font-family: MicrosoftYaHei PingFangSC-Regular
}

.the_questiondetails .questionmainpart {
    width: 100%;
    height: 100%
}

.the_questiondetails .questionmainpart .pagination {
    padding: 30px 0
}

.the_questiondetails .questionmainpart .middle {
    width: 1200px;
    margin: 0 auto
}

.the_questiondetails .questionmainpart .question-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: #fff;
    border-bottom: 1px solid hsla(0, 0%, 41%, .35);
    z-index: 55
}

.the_questiondetails .questionmainpart .question-header h2 {
    float: left;
    width: 79%;
    padding: 24px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 32px;
    line-height: 32px;
    color: #333;
    font-weight: 700
}

.the_questiondetails .questionmainpart .question-header h2 span {
    display: inline-block;
    vertical-align: top;
    font-weight: 700
}

.the_questiondetails .questionmainpart .question-header h2 .xuanshan {
    border-radius: 15px;
    background: #ffc034;
    color: #fff;
    font-size: 14px;
    padding: 0 9px;
    margin-top: 2px
}

.the_questiondetails .questionmainpart .question-header h2 .xuanshan span {
    font-size: 21px;
    margin-right: 5px
}

.the_questiondetails .questionmainpart .question-header .publisher {
    float: right;
    padding: 16px 0
}

.the_questiondetails .questionmainpart .question-header .publisher img {
    float: left;
    margin-right: 13px;
    border-radius: 50%
}

.the_questiondetails .questionmainpart .question-header .publisher .name {
    float: left;
    max-width: 94px;
    margin-right: 10px;
    font-size: 16px;
    line-height: 47px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.the_questiondetails .questionmainpart .question-header .publisher .attention {
    float: left;
    width: 76px;
    height: 30px;
    padding: 8px 0;
    margin-top: 8px;
    background: #008ffa;
    border-radius: 4px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.the_questiondetails .questionmainpart .question-header .publisher .has {
    background: #e5e5e5;
    color: #999
}

.the_questiondetails .questionmainpart textarea {
    border: none
}

.the_questiondetails .questionmainpart .question-title {
    width: 100%;
    background: #fff;
    border-top: 1px solid #f8f8f8;
    padding: 17px 0 5px;
    margin-bottom: 31px
}

.the_questiondetails .questionmainpart .question-title .top {
    margin-bottom: 11px
}

.the_questiondetails .questionmainpart .question-title .top li {
    float: left;
    height: 24px;
    margin-right: 7px;
    padding: 5px 10px;
    background: #f5f5f5;
    font-size: 14px;
    line-height: 14px;
    color: #999;
    text-align: center;
    border-radius: 13px
}

.the_questiondetails .questionmainpart .question-title .top li:first-of-type {
    background: #eaf3ff;
    color: #008ffa
}

.the_questiondetails .questionmainpart .question-title p {
    margin-bottom: 14px;
    font-size: 32px;
    line-height: 32px;
    color: #333;
    word-wrap: break-word;
    font-weight: 700
}

.the_questiondetails .questionmainpart .question-title p span {
    display: inline-block;
    vertical-align: top;
    font-family: MicrosoftYaHei;
    font-weight: 900
}

.the_questiondetails .questionmainpart .question-title p .xuanshan {
    margin-left: 10px;
    border-radius: 15px;
    background: #ffc034;
    color: #fff;
    font-size: 14px;
    padding: 0 9px;
    margin-top: 2px;
    font-weight: 900
}

.the_questiondetails .questionmainpart .question-title p .xuanshan span {
    font-size: 21px;
    margin-right: 5px
}

.the_questiondetails .questionmainpart .question-title .introduce .publisher {
    float: left
}

.the_questiondetails .questionmainpart .question-title .introduce .publisher img {
    float: left;
    margin-right: 13px;
    border-radius: 50%
}

.the_questiondetails .questionmainpart .question-title .introduce .publisher .name {
    float: left;
    margin-right: 10px;
    font-size: 16px;
    line-height: 47px;
    color: #333
}

.the_questiondetails .questionmainpart .question-title .introduce .publisher .attention {
    float: left;
    width: 76px;
    height: 30px;
    padding: 8px 0;
    margin-top: 8px;
    background: #008ffa;
    border-radius: 4px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.the_questiondetails .questionmainpart .question-title .introduce .publisher .has {
    background: #e5e5e5;
    color: #999
}

.the_questiondetails .questionmainpart .question-title .introduce .particulars {
    float: right
}

.the_questiondetails .questionmainpart .question-title .introduce .particulars p {
    float: left;
    font-size: 14px;
    line-height: 47px;
    color: #999
}

.the_questiondetails .questionmainpart .question-title .introduce .particulars p:first-child {
    margin-right: 28px
}

.the_questiondetails .questionmainpart .question-title .introduce .particulars p:nth-child(2) {
    margin-right: 30px
}

.the_questiondetails .questionmainpart .mainbody {
    position: relative;
    width: 959px;
    margin: 0 auto;
    min-height: 300px
}

.the_questiondetails .questionmainpart .mainbody .content {
    word-break: break-all
}

.the_questiondetails .questionmainpart .mainbody .content p {
    overflow-x: hidden
}

.the_questiondetails .questionmainpart .mainbody .quesconten {
    width: 959px!important
}

.the_questiondetails .questionmainpart .mainbody .quesconten * {
    max-width: 959px!important
}

.the_questiondetails .questionmainpart .mainbody .quesconten ol li {
    list-style: decimal
}

.the_questiondetails .questionmainpart .mainbody .quesconten ul li {
    list-style: disc
}

.the_questiondetails .questionmainpart .mainbody .quesconten img {
    max-width: 100%;
    height: 100%
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion {
    margin-top: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e5e5e5
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .label {
    float: left
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .label li {
    float: left;
    padding: 8px;
    margin-right: 10px;
    background: #f5f5f5;
    border-radius: 13px;
    font-size: 14px;
    line-height: 14px;
    color: #999
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .label li:last-child {
    margin-right: 0
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .jbbt {
    float: right;
    margin-top: 8px;
    font-size: 14px;
    line-height: 14px;
    color: #999;
    cursor: pointer
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .jbbt i {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-bottom: -3px;
    margin-right: 4px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAARVBMVEUAAACpqcapqamzuL2vub+0ub+vtLmvubmxuL2wt7yyt7yzuL2xuL2xtruyt7yxt7yxt72yuLyxuL2yuL2xt7yyuL3///+p4t0jAAAAFXRSTlMACQkvMDAwMJWWlpeYmJnB19j4/f58gyrnAAAAY0lEQVR4XmWOQQ6AIAwEVwUFRaWF+v+nmkJirM6lmbl0ocwhM+cwozNuRRplH9SHUx5OLanJdbWTgKm+Q3WI8g4SQTYQ2Ab+BxIDIdqwwtm3/jPs+E/XkmrXmtSVJRIzrV7lBqe/EFBboyeUAAAAAElFTkSuQmCC) no-repeat 50%
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar {
    clear: both;
    z-index: 55;
    position: relative
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar em {
    display: inline-block;
    font-size: 14px;
    color: #999;
    margin-top: 12px;
    margin-left: 30px
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar li {
    cursor: pointer;
    display: inline-block;
    vertical-align: top
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar li i {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: bottom
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar li p {
    font-size: 14px;
    line-height: 16px;
    color: #999;
    text-align: center
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .sc {
    margin-top: 10px
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .sc i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAwFBMVEUAAAD///+/v7+qv7+2tra0w8O4uMatt7ewurqvr7ivuListL2xuL+utbu0tLqytruyt8Cvt7qytryzuL2xtryyub6yt76ytr2yub2xuLyyub2wtr2wt72xub2xt7uxtryyuLyxt7yxubyyt7uzuL2yt72xt7yyt72xt7yyt7yyuL2xuLyyuL2yt7yxuL2yt72xt7yxt72yt72xt7yxuLyxuLyxt7yyt72yuL2yuLyxt72yt7yxuL2xt7yyuL2yuL2OPv97AAAAP3RSTlMAAQQMDhESGRodHR8kJik1OUdNXmNqbnFxc3V4fICBg4aHi4yNj5WZmpqforC3zc/a4eXn5+rr8PLz9Pb4+v6u8pKxAAAAh0lEQVR4Xr3NxQ7DQBRD0QmWmZmZmzL5//+qSqQ8xdJs27v0WVj9pPQ1q4c5llqIv/BO6GAIYKIB5wbg7hKYmWJjtoPfdlotpIwQLuC8ECofhroc1AiakZdWBNr03xHoKSovkGMoC5QYxgIDhg2A0+gMYM1wwKNrKbv/xJ7BW8SCIbk6qv/1Be3kIucJDFeCAAAAAElFTkSuQmCC) no-repeat 50%;
    margin-bottom: -5px
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .sc:hover i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAvVBMVEUAAAAAAAA/P39VVWpbW1taWmlUVGNRW2VYWGJPV2BXV2BSWmJUXGNXXWRXXWNRW2VUXWJWWWRWWWNUXGRUWmRUW2VVXGNVXGNUWmNUW2RVW2NUWmJVW2NUWmJTW2NVW2JUXGRUW2RTW2RUXGNTWmNVXGNUW2NUW2NUXGVUW2NUXGNVXGNUW2RUXGNUXGNUXGNUW2NUW2RUW2RUW2NUW2RUW2NVXGNVW2RUXGNUW2NUXGNVW2NUW2NVXGRVXGS0g3T3AAAAPnRSTlMAAQQMDhESGRodHR8kJik1OUdNXmNqbnFzdXh8gIGDhoeLjI2PlZmamp+isLfNz9rh5efn6uvw8vP09vj6/lcfLiMAAACHSURBVHhevc3FDsNAFEPRSZEZgkVmSJn8/58VtVKeYmm26V36LKxiqXSt6GGOpRZyL7zzOhgCmGggfQNwzxAkyg1rtsO37bRTLxohXMCdQmh/GEw5MAnsyIsTAZf+PYGeomoCVYaWQJNhLDBg2ADwR2cAa4YDHt2kSvWf2DP4i+xvKKyO6n8FRHYiUdLLVgMAAAAASUVORK5CYII=) no-repeat 50%
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .ewm {
    margin: 10px 20px 0 10px
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .ewm i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABWVBMVEUAAAD///9/f39/f/+qqqrMzMyfn7+ysrKiubmpuLi4uLi4uMaptratubmtrbmxvLyyu8Ovt7+yuL+wvLyvtL60uL20uLyvt7qxuL+ytbyxuLuyubywt72yuL6yuL2wuLuyuL2yt7ywt7uyuL2wtr2yuL2xt72xt76xt72xt72xt72xub2xt7yxt7yxuLyyuL2xtryxuL2zuL2xuL2yt72yt7yxt7yxuLyyt72zt76xt7uxt7yyuL2xt72yuLyyt72xt72yt7yyt72xt7yxt7uxuL2yuL2xt7yyt7yxuL2xuL2yuL2yuL2yuLyyuL2xt7yyuLyxt7ywt7yxuLyxt7yyuLyxt7yyt72yt72yuL2xuLyxuLyyt72xt7yyt72xt72yt72xuLyyuLyxuLyyt7yxuL2xt7yyuLyyt7yyuL2xt7yyuLyxuL2yuL2xt7yxt7yyuL2yuL2yuL27r3DyAAAAcnRSTlMAAQICAwUICgsSEhIVFhYXHiAoKjM6QUdISUxNTlNaW2FncnR4eHl6fYCBhIeLjZCRlJeYmZqhoqSlp6iqrLCztre3ub7AwsXIys3O0dTV19ja29zd3+Di5ebm5+nr7O3t7u/x8/X19vb29/f4+fr7/P1ipnKAAAAA5klEQVR4Xq3MZVNCQRhA4Re8igWY3d2BAWYHKgpmYBdio+f/B+wddu4yfuX5emaO5FdB8+xpioetXn9uqNknK9FvGaHhHceSUyqeYbHlEOjp+IJB0aaAJgnAd7HrGJIlOlwCt2spILrD9XKgWgcc4b7pWOLzJFgnyg3aWJCsFfUL6TC5AbEf+DuAiEek6gPbUxeEZQBmZAGGRKT9F2V+G95GjiA+fAfnklF/DzB6gUmFwkeiL8ztYrhSoXG1Vtyl3m4M4yp4xFa0h8ZZmRjKN3WIVEoOV+v6KyTjdMo/bp/XstomJK/SeGdoNDpeKj0AAAAASUVORK5CYII=) no-repeat 50%
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .ewm:hover i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABXFBMVEUAAAAAAAD///9/f39VVVVVVapVqqpmmZlff39mf39/f39zc3Nxf39teXlzc39zf395eYV3f393f395f39zf39zfYJ2e391fYF2eoF0e4N2eoF1fIJ3eoF1fH90eoF2eYJ1e4B2e4B0e4B2e4F2e4F0e393e4F2eoB3e4F2fIB1e4F2fIB1e4F1fIB1fIB1eoB2e4F1e4B1fIF2fIF2e4J1fIF2e4B1fIF1e4B2fIF2fIF1e4F1e4B0eoF2fIF1e4B1e4B2e4F1fIB1fIB2fIF1fIB2e4B2fIB2e4B1fIF1e4B1e4B2fIB1e4B2e4B1e4F1e4B2e4F2fIF1e4F2e4B2e4B1e4F2fIB1e4B1e4F1fIB2fIB2e4F1fIB2fIB2fIF2e4F2e4F1fIB2e4F1fIB2e4F1e4F1e4F1e4F2fIB2e4B2fIF1e4F2e4B1e4F2e4B1e4F2fIF1e4F2fIHXyyTsAAAAc3RSTlMAAQECAwMDBQgKCgsSFRYWFx4gKCozOkFHSElMTU5TWlthZ3J0eHh5en2AgYSHi42QkZSUl5iZmqGipKWnqKqssLO2t7e5vsDCxcjKzc7O0dTV1dfY2tvc3d/g4uXm5ufp6+zt7u/x8/X29vb3+Pn6+/z9cvwWLgAAAOlJREFUeF6t0VVTQlEYRuFPwT4Sdnd3C2YHaWAGFsZBUdH1/2d0O+xhM+Mlz+2aeW9eyS9Hy8J5msRunyc31O6TYQ84jdD4RtZqsWjeZ1hpPQZ6O99hSLRZoFmm4aOi8BSSlg7XwP1mGjgKcrs2VaMDWYH+uZidOvPVi3KHNu4jY13t+XWY2YbYJ3wfQLRcpDqFwlM3BGQQ5mUZhkWk4wtlaQ9eR0/gZuQBLuVXQwJg7AqTCiWPHL6wGMIQV6Fpo04clrsHw4QKZfKnNIzGhSWGyh0dIlWSo6Bty4ZknK5/PnO5ipztk5JXP3wvad8YSqubAAAAAElFTkSuQmCC) no-repeat 50%
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .wb {
    margin: 10px 20px 0 0
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .wb i {
    background: url(static/images/wb.ab2d3b8.png) no-repeat 50%
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .wb:hover i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABy1BMVEUAAAAAAAB/f39VVVVmZmZ/f39tbW1tbZFff39xcY1/f391dXV1dYltf393d3d3d4h4eId4eIZ4eHhyf39zf391f396eoRye3tye4Nze4N3f39ze4N4eH91fIJzeX92fIJ0eX90en91en91en90eYF3e393e4N3e391eYF3e4N3e393e4N1eYF0e390e4N0e392fYF1fH91fIJ3eoF3eoF0eoF2fIJ2fH92eX91e4B1e4B0eX93fH91e4B2e4B1fIJ2e4B1fYJ3e4B1fIB2fYF1fIB2fIB1e390fIB2fIB2eoB2fIB1eoB2e4F2e4F1fIF1fIF1fIF1fIF2fIF1e4B2fIF1e4B2fIF1e4B1e4F1e4F2e4B1e4B2e4B1fIB1fIB2fIF2fIB2fIF2e4B1fIF2fIF2e4B1fIF2e4B1e4B2e4B1e4B2fIF1e4F2fIF1e4B2fIF1e4B1e4B1fIF2e4F1e4F2fIB2fIB1e4F2fIB1fIF1fIB1e4F2e4F1fIB2e4F1fIF2e4F1e4B2e4F1fIB2e4F1e4F2e4F1fIB2fIB2fIB2e4B2fIB1e4F2e4B2fIF1e4F1e4B2fIF1e4F2fIF1e4F1e4B2fIF2fIHpoDdWAAAAmHRSTlMAAQIDBQYHBwgJDA0NDg8PERMTFBYaGx0dHyAhIiUqLS4wMjQ7PDw+P0BCQkNERkhLTExNT1FSVFRZW1xcXV9iY2Zrb3BxfYCBgYODiY6QkpieoKKjpqeoqamqr7Cztre3vL2+v8HCw8TMzM7P0dHS09TW19rb3N7f4OHi4+Xm5+jp6uvs7e/v8PL09vb3+Pj5+vr7/P3+/k22+wMAAAEuSURBVHhercnZOwIBGMXhz9DYEcoO2UN2gZIdIsm+79lJEJCdEIE6f65pRs8zF93x3p3foT+r+7qeyPV3FFmdgIHx87BsvR0GUYitqGS5XuyxaZPtnhxflpneAZP379qBtgGjv730Dhw7P4K3jtmXS6FrPuFlSeuY3xyQdCN8H3xXf0OkqXCcOXv09qxniDVyqVrN9aBdACstCml0gqrvAagJJIEOsOWTpERXxhLFLQB76cKxinMZKU4AWOOJom64J4A/XtFMzAHgvEU/F8YAyPnjCZmUgaH2yWkscWEOcIXyxyyqKO+eoUXASJTiAkaIV+BeCwm7MA4Dp0kUsw5cJZKgzb2cKtebzb1SUh0CRxnko9z4mGotV9b2bAMOfQSJZHfO2N7gsAxqIun//QDa72huti8plQAAAABJRU5ErkJggg==) no-repeat 50%
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .qq {
    margin-top: 10px
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .qq i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAA6lBMVEUAAAAAAAB/f3+qqqqZmZmqqtS2traysrKvr7+vv7+0tLSysr+2tra2tsKtubm0tL+tt7evuMGvt7estLu0u7uwt72vtL2vtrqwtryxt72xtry0ubyzuL2yt7yxuLyxuLyytruxt7uxuLywtruwuLuwt72yt72xt7yyuLyxt72xt7uyuLyyub2yt7yyt72xt7yyt7yyt7yyuLyxt7yyuLyxt7yxt72xt72yt7yxuLyxuLyyuL2yt72xuLyyt72xuLyyt7yyuLyxt72xuL2yt7yyt7yyt7yxt7yxt7yyuL2xt7yyuL2yuL2yuL2gKsAgAAAATXRSTlMAAQIDBQYHChAQERQVFRYYGR0gIiInOkpYWVxcYmtscHGAg4mJj5Okpqqvsbe9vsDBxcfQ1Nfa4eLj5+jp6u3u7+/w8fb3+fr7/P39/h4JoqUAAAChSURBVHhenc3FEsJAFETRwd3d3S1AcAkqAd7//w5VKZjpYZm77LNoZj5bfnx9zev+f/AoZLRNymAd0rdjXIIc8boSjAToQYQLiVIADoLSALEnQAegTBiclBDWdg7eDcIhwKFCUlUOqgwqB53uCA8OWnsiYNe/cYhaCgIariwTOWc/2IcZFJoSb5kAKBrTYmBIDcDdOr9XTR/LKCetF2Hm+gDhZ0bDQO4lnwAAAABJRU5ErkJggg==) no-repeat 50%
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .qq:hover i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAA7VBMVEUAAAAAAAB/f39VVVVmZmZ/f39tbW1/f39vf39/f394eHhyf395eXl5eYVzc39zf390f39wenpye4N3d394eH91fIJ2e391fH9zfH91e4B0fH93fIJ1fIJ0e4B2eoF2en91fIB1e390fIB1eoB1fIB1e4B1e4J2fIF2fIF1fIF2e4B2e4F2fIF1fIB2e4B2e4B1fIB1fIF1fIF1fIF1e4B1e4B1e4B2e4B1e4F1fIB1e4F2e4F1fIB2e4F1fIB2e4F1fIB1e4F2e4F1e4B1e4F2e4B2e4F1e4F2e4B1e4F1e4F2fIF1e4F2fIF2fIEEIf2TAAAATnRSTlMAAQIDBQYHChAQERQVFRYWGBkdICInOkpYWVxcYmtscHGAg4mJj5Okpqqvsbe9vsDBwcXH0NTX2uHi4+fo6ert7u/v8PH29/n6+/z8/f5HwWSBAAAAn0lEQVR4Xp3J1RLCMBBA0eDuxd3daVEpbmX//3OYycBmw2Pv4z3MfLbc5GrMq/5/8IyAt03IYB3At6MiQRawjgRDAa8ghQuIkgQcQEoRUAwCbQIloIUEFCms7QjeDYVDAKEMUhUEVQYV4Ql3Cg8EvTUVsOvdEGKWvIC6K8NETu0H+wgjhWeALeMECnwt+lxqBNzN83vV8LH0+KR3o8xcH+XlR63rKQSDAAAAAElFTkSuQmCC) no-repeat 50%
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .collect i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAvVBMVEUAAAAAAAA/P39VVWpbW1taWmlUVGNRW2VYWGJPV2BXV2BSWmJUXGNXXWRXXWNRW2VUXWJWWWRWWWNUXGRUWmRUW2VVXGNVXGNUWmNUW2RVW2NUWmJVW2NUWmJTW2NVW2JUXGRUW2RTW2RUXGNTWmNVXGNUW2NUW2NUXGVUW2NUXGNVXGNUW2RUXGNUXGNUXGNUW2NUW2RUW2RUW2NUW2RUW2NVXGNVW2RUXGNUW2NUXGNVW2NUW2NVXGRVXGS0g3T3AAAAPnRSTlMAAQQMDhESGRodHR8kJik1OUdNXmNqbnFzdXh8gIGDhoeLjI2PlZmamp+isLfNz9rh5efn6uvw8vP09vj6/lcfLiMAAACHSURBVHhevc3FDsNAFEPRSZEZgkVmSJn8/58VtVKeYmm26V36LKxiqXSt6GGOpRZyL7zzOhgCmGggfQNwzxAkyg1rtsO37bRTLxohXMCdQmh/GEw5MAnsyIsTAZf+PYGeomoCVYaWQJNhLDBg2ADwR2cAa4YDHt2kSvWf2DP4i+xvKKyO6n8FRHYiUdLLVgMAAAAASUVORK5CYII=) no-repeat 50%
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .shareqrcode {
    overflow: hidden;
    position: absolute;
    top: 50px;
    left: 115px;
    width: 257px;
    padding: 16px 0 18px 46px;
    background: #fff
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .shareqrcode h3 {
    padding-left: 11px;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 18px;
    color: #333
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .shareqrcode .close {
    position: absolute;
    top: 11px;
    right: 12px;
    width: 14px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAMAAADjyg5GAAAAQlBMVEUAAAAAAAAcHBwiEREiFxciGREfGRMjGRQgFRUhGBUhFxQjGBMiFxUjFxQjFxUiFxUiFxUjFxUiFxQiGBQjFxQiFxW0LljaAAAAFnRSTlMABQkPFh4oMkZUY3SFlrXCztjb3+Hj56Yi0gAAAFJJREFUeF5dT1cKQDEMsnPvcf+rPkppH8QfMUFj0A0eTIdd+iq9LOCGOkoNt8k3uUk2f8ahCkDUcE2xcF4iHlLOCT/YnAx0S700md4lrUhn8tEHhIkDc66h/JMAAAAASUVORK5CYII=) no-repeat 50%;
    cursor: pointer
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .shareqrcode img {
    display: block;
    margin: 15px 0 17px
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .shareqrcode p {
    padding-left: 3px;
    font-size: 14px;
    line-height: 14px;
    color: #999;
    text-align: left
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .shareqrcode p:last-child {
    margin-top: 8px
}

.the_questiondetails .questionmainpart .mainbody .related {
    margin-top: 32px;
    margin-bottom: 80px
}

.the_questiondetails .questionmainpart .mainbody .related h3 {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 14px;
    color: #666
}

.the_questiondetails .questionmainpart .mainbody .related p {
    font-size: 14px;
    line-height: 14px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 20px
}

.the_questiondetails .questionmainpart .mainbody .related p a {
    color: #999
}

.the_questiondetails .questionmainpart .mainbody .related p em {
    color: #333
}

.the_questiondetails .questionmainpart .mainbody .related .prev:hover em {
    color: #0083ff
}

.the_questiondetails .questionmainpart .mainbody .related .next {
    margin-top: 10px
}

.the_questiondetails .questionmainpart .mainbody .related .next:hover em {
    color: #0083ff
}

.the_questiondetails .questionmainpart .mainbody .comments {
    padding-top: 20px
}

.the_questiondetails .questionmainpart .mainbody .comments h3 {
    font-size: 16px;
    line-height: 16px;
    color: #666
}

.the_questiondetails .questionmainpart .mainbody .comments h3 em {
    font-size: 12px;
    line-height: 14px;
    color: #999
}

.the_questiondetails .questionmainpart .mainbody .comments .nologincomments {
    width: 100%;
    height: 120px;
    padding: 33px 42px 34px 43px;
    margin-top: 19px;
    margin-bottom: 85px;
    background: #fff
}

.the_questiondetails .questionmainpart .mainbody .comments .nologincomments img {
    float: left;
    border-radius: 50%;
    margin-right: 19px
}

.the_questiondetails .questionmainpart .mainbody .comments .nologincomments p {
    float: left;
    margin-top: 20px;
    font-size: 14px;
    line-height: 14px;
    color: #999
}

.the_questiondetails .questionmainpart .mainbody .comments .nologincomments .btn {
    float: right;
    width: 70px;
    height: 30px;
    padding: 8px 0;
    margin-top: 12px;
    background: #0083ff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments {
    width: 100%;
    margin-top: 19px;
    margin-bottom: 30px
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments .input img {
    float: left;
    margin-top: 5px;
    margin-right: 19px;
    border-radius: 50%
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments .input #comments {
    float: left;
    width: 886px;
    height: 60px;
    padding: 21px 17px 17px;
    resize: none;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-size: 14px;
    line-height: 20px;
    color: #999
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments .send {
    padding: 25px 0 0 78px
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments .send .emoji-box {
    position: relative;
    float: left;
    width: 27px;
    height: 27px
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments .send .emoji-box.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments .send .emoji-box .emoji-img {
    display: block;
    width: 27px;
    height: 27px;
    cursor: pointer
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments .send .emoji-box .emoji {
    position: absolute;
    left: -10px;
    top: 24px;
    width: 430px;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    background: #fff;
    z-index: 99
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments .send .emoji-box .emoji .el-button {
    position: absolute;
    border: none;
    color: #ff4949;
    right: -40px;
    top: 24px;
    font-size: 24px;
    z-index: 999
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments .send .btn {
    float: right;
    width: 77px;
    height: 30px;
    padding: 8px 0;
    background: #0083ff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments .send .iswhowother {
    float: right;
    font-size: 14px;
    color: #333;
    line-height: 23px;
    margin-right: 18px;
    margin-top: 3px
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments .send .iswhowother img {
    width: 23px;
    height: 23px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 5px;
    cursor: pointer
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments .send .iswhowother .yuanquan {
    display: inline-block;
    border: 2px solid #999;
    border-radius: 50%;
    height: 23px;
    width: 23px;
    vertical-align: bottom;
    margin-right: 5px;
    cursor: pointer
}

.the_questiondetails .questionmainpart .mainbody .comments .commentcontent .dividing_line {
    font-size: 14px;
    font-weight: 700;
    width: 960px;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center
}

.the_questiondetails .questionmainpart .mainbody .comments .commentcontent .loading {
    width: 136px;
    height: 40px;
    margin: 51px auto 0;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    text-align: center;
    padding-top: 8px;
    cursor: pointer
}

.the_questiondetails .questionmainpart .mainbody .comments .commentcontent .loading:hover {
    border: 1px solid #0083ff
}

.the_questiondetails .questionmainpart .mainbody .comments .commentcontent .loading:hover span {
    color: #0083ff
}

.the_questiondetails .questionmainpart .mainbody .comments .commentcontent .loading span {
    font-size: 14px;
    line-height: 14px;
    color: #999
}

.the_questiondetails .questionmainpart .mainbody .comments .commentcontent .loaded {
    margin-top: 51px;
    font-size: 14px;
    line-height: 14px;
    color: #999;
    text-align: center
}

.the_questiondetails .questionmainpart .mainbody .comments .commentcontent .loaded .nocom {
    margin-bottom: 22px;
    margin-top: 25px
}

.the_questiondetails .questionmainpart .mainbody .comments .reply #replycomments {
    overflow-y: auto;
    width: 890px;
    height: 62px;
    max-height: 105px;
    margin-left: 70px;
    padding: 20px 14px;
    background: #fff;
    resize: none;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    line-height: 20px
}

.the_questiondetails .questionmainpart .mainbody .comments .reply .send {
    padding: 25px 0 0 78px
}

.the_questiondetails .questionmainpart .mainbody .comments .reply .send .emoji-box {
    position: relative;
    float: left;
    width: 27px;
    height: 27px
}

.the_questiondetails .questionmainpart .mainbody .comments .reply .send .emoji-box.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.the_questiondetails .questionmainpart .mainbody .comments .reply .send .emoji-box .emoji-img {
    display: block;
    width: 27px;
    height: 27px;
    cursor: pointer
}

.the_questiondetails .questionmainpart .mainbody .comments .reply .send .emoji-box .emoji {
    position: absolute;
    left: -10px;
    top: 24px;
    width: 430px;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    background: #fff;
    z-index: 99
}

.the_questiondetails .questionmainpart .mainbody .comments .reply .send .emoji-box .emoji .el-button {
    position: absolute;
    border: none;
    color: #ff4949;
    right: -40px;
    top: 24px;
    font-size: 24px;
    z-index: 999
}

.the_questiondetails .questionmainpart .mainbody .comments .reply .send .btn {
    float: right;
    width: 77px;
    height: 30px;
    padding: 8px 0;
    background: #0083ff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.the_questiondetails .reportbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 1300
}

.the_questiondetails .reportbox .box {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    width: 734px;
    margin: 0 auto;
    background: #fff;
    padding: 40px 100px 39px 99px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.the_questiondetails .reportbox .box h2 {
    font-size: 30px;
    line-height: 30px;
    color: #333;
    margin-bottom: 53px
}

.the_questiondetails .reportbox .box li {
    font-size: 16px;
    line-height: 16px;
    color: #666;
    margin-bottom: 39px
}

.the_questiondetails .reportbox .box li:last-child {
    margin-bottom: 19px
}

.the_questiondetails .reportbox .box #othercause {
    width: 535px;
    height: 115px;
    margin-bottom: 24px;
    padding: 17px 14px;
    background: #f8f8f8;
    border: none;
    resize: none;
    font-size: 14px;
    line-height: 20px;
    color: #333
}

.the_questiondetails .reportbox .box .button {
    text-align: right
}

.the_questiondetails .reportbox .box .button button {
    width: 120px;
    height: 42px;
    padding: 14px 0;
    border: none;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s
}

.the_questiondetails .reportbox .box .button .cancel {
    margin-right: 20px;
    color: #0083ff;
    border: 1px solid #2d93f9;
    background: #fff
}

.the_questiondetails .reportbox .box .button .cancel:hover {
    background: #f1faff
}

.the_questiondetails .reportbox .box .button .determine {
    color: #fff;
    background: #2d93f9
}

.the_questiondetails .reportbox .box .button .determine:hover {
    background: #66b1ff
}

.the_questiondetails .nulldata {
    width: 100%;
    padding: 117px 0 107px
}

.the_questiondetails .nulldata img {
    display: block;
    margin: 0 auto 30px
}

.the_questiondetails .nulldata p {
    font-size: 14px;
    line-height: 32px;
    color: #a9a9a9;
    text-align: center
}

.showcommentdetail {
    margin-top: 15px
}

.showcommentdetail .allcomment {
    padding-top: 21px;
    padding-bottom: 19px;
    border-bottom: 1px solid #e5e5e5
}

.showcommentdetail .allcomment .groundfloor {
    margin-bottom: 14px
}

.showcommentdetail .allcomment .groundfloor .avtor {
    float: left;
    margin-right: 22px;
    border-radius: 50%
}

.showcommentdetail .allcomment .groundfloor .content {
    float: left;
    width: 92%;
    position: relative
}

.showcommentdetail .allcomment .groundfloor .content .aswname {
    width: 650px
}

.showcommentdetail .allcomment .groundfloor .content .aswname a {
    color: #333!important
}

.showcommentdetail .allcomment .groundfloor .content p {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    word-wrap: break-word
}

.showcommentdetail .allcomment .groundfloor .content p em {
    color: #999
}

.showcommentdetail .allcomment .groundfloor .content p:first-child {
    margin-bottom: 10px
}

.showcommentdetail .allcomment .groundfloor .content p img {
    width: 18px;
    height: 18px;
    margin-right: 0;
    border-radius: 0
}

.showcommentdetail .allcomment .groundfloor .content .replyinf {
    margin-top: 6px
}

.showcommentdetail .allcomment .groundfloor .content .replyinf span {
    font-size: 14px;
    line-height: 14px;
    color: #0083ff;
    cursor: pointer;
    margin-right: 7px
}

.showcommentdetail .allcomment .groundfloor .content .replyinf div, .showcommentdetail .allcomment .groundfloor .content .replyinf span:first-child {
    float: left
}

.showcommentdetail .allcomment .groundfloor .content .replyinf i {
    float: left;
    width: 12px;
    height: 7px;
    margin-top: 4px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHBAMAAADOnLEXAAAAElBMVEUAAAAAhf4Ag/4Ag/8Ag/4Ag/8F1GVgAAAABXRSTlMALFeA+1CQnd0AAAAtSURBVHheY2BgYFJgAAEVJwYQxzUExFUJNnUCcQyYgVyRYAYGU0cGZgMGIAYAXOsEY82UIO4AAAAASUVORK5CYII=) no-repeat 50%;
    cursor: pointer
}

.showcommentdetail .allcomment .groundfloor .content .replyinf .sq {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHBAMAAADOnLEXAAAAFVBMVEUAAAAAhf4Ag/4Agv4Agv4Ag/4Ag/9JVGwYAAAABnRSTlMALFdYf/vcKsMqAAAAL0lEQVR4XmNgcWAAYdEUBga3QAbmMAeWVAMGBtMUt2AGBiAXxAFyQRwGBiYFBgYAmPAFlSlMNSEAAAAASUVORK5CYII=) no-repeat 50%
}

.showcommentdetail .allcomment .groundfloor .content .top_btn {
    position: absolute;
    right: 0;
    top: 0
}

.showcommentdetail .allcomment .groundfloor .content .yicaina {
    width: 73px;
    height: 23px
}

.showcommentdetail .allcomment .groundfloor .content #dianzan {
    cursor: pointer;
    color: #999;
    display: inline-block;
    vertical-align: top;
    margin: 1px;
    margin-left: 10px
}

.showcommentdetail .allcomment .groundfloor .content #dianzan:before {
    color: #dbdbdb
}

.showcommentdetail .allcomment .groundfloor .content #dianzan:hover, .showcommentdetail .allcomment .groundfloor .content #dianzan:hover:before {
    color: #0083ff
}

.showcommentdetail .allcomment .groundfloor .content .yidianzan {
    color: #0083ff!important;
    pointer-events: none!important
}

.showcommentdetail .allcomment .groundfloor .content .yidianzan:before {
    color: #0083ff!important
}

.showcommentdetail .allcomment .groundfloor .content:hover button {
    height: 25px;
    padding: 2px 7px;
    border: 1px solid #e5e5e5
}

.showcommentdetail .allcomment .groundfloor .content button {
    position: absolute;
    bottom: -10px;
    right: 55px;
    border: none;
    background: #fff;
    border-radius: 13px;
    color: #999;
    cursor: pointer;
    height: 0;
    overflow: hidden
}

.showcommentdetail .allcomment .groundfloor .content button:last-of-type {
    border: none;
    background: none
}

.showcommentdetail .allcomment .groundfloor .content button span {
    color: #e5e5e5;
    margin-right: 3px
}

.showcommentdetail .allcomment .groundfloor .content button:last-of-type {
    right: -7px
}

.showcommentdetail .allcomment .replycomment {
    position: relative;
    width: 890px;
    min-height: 88px;
    margin-left: 70px;
    padding: 19px 14px 14px
}

.showcommentdetail .allcomment .replycomment .commentheader {
    float: left;
    margin-right: 22px;
    border-radius: 50%
}

.showcommentdetail .allcomment .replycomment .content {
    float: left;
    width: 92%;
    position: relative
}

.showcommentdetail .allcomment .replycomment .content:hover .jubaoanw {
    height: 25px
}

.showcommentdetail .allcomment .replycomment .content p {
    width: 90%;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    white-space: normal;
    word-wrap: break-word
}

.showcommentdetail .allcomment .replycomment .content p a {
    color: #333
}

.showcommentdetail .allcomment .replycomment .content p em {
    color: #999
}

.showcommentdetail .allcomment .replycomment .content p:first-child {
    margin-bottom: 10px
}

.showcommentdetail .allcomment .replycomment .content p img {
    float: left;
    width: 18px;
    height: 18px
}

.showcommentdetail .allcomment .replycomment .content .replyinf {
    margin-top: 6px
}

.showcommentdetail .allcomment .replycomment .content .replyinf span {
    font-size: 14px;
    line-height: 14px;
    color: #0083ff;
    cursor: pointer
}

.showcommentdetail .allcomment .replycomment .content #sec_dianzan {
    cursor: pointer;
    color: #999;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    position: absolute;
    right: 0;
    top: 0
}

.showcommentdetail .allcomment .replycomment .content #sec_dianzan:before {
    color: #dbdbdb
}

.showcommentdetail .allcomment .replycomment .content #sec_dianzan:hover, .showcommentdetail .allcomment .replycomment .content #sec_dianzan:hover:before {
    color: #0083ff
}

.showcommentdetail .allcomment .replycomment .content .yidianzan {
    color: #0083ff!important;
    pointer-events: none!important
}

.showcommentdetail .allcomment .replycomment .content .yidianzan:before {
    color: #0083ff!important
}

.showcommentdetail .allcomment .replycomment .content .jubaoanw {
    border: none;
    background: none;
    border-radius: 13px;
    color: #999;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 0;
    overflow: hidden;
    cursor: pointer
}

.showcommentdetail .allcomment .replycomment .content .jubaoanw span {
    color: #e5e5e5;
    margin-right: 3px;
    display: inline-block;
    vertical-align: top;
    margin-top: 1px
}

.showcommentdetail .allcomment .replycomment .btn {
    float: right;
    font-size: 14px;
    line-height: 18px;
    color: #999;
    cursor: pointer
}

.showcommentdetail .allcomment .replycomment .reply {
    margin-top: 15px
}

.showcommentdetail .allcomment .replycomment .reply #replycomments {
    width: 890px;
    _height: 62px;
    min-height: 62px;
    max-height: 105px;
    margin-left: 0;
    padding: 20px 14px;
    background: #fff;
    resize: none;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    line-height: 20px;
    word-wrap: break-word;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-user-modify: read-write-plaintext-only
}

.showcommentdetail .allcomment .replycomment .reply .send {
    padding: 25px 0 0 8px
}

.showcommentdetail .allcomment .replycomment .reply .send .emoji-box {
    position: relative;
    float: left;
    width: 27px;
    height: 27px
}

.showcommentdetail .allcomment .replycomment .reply .send .emoji-box.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.showcommentdetail .allcomment .replycomment .reply .send .emoji-box .emoji-img {
    display: block;
    width: 27px;
    height: 27px;
    cursor: pointer
}

.showcommentdetail .allcomment .replycomment .reply .send .emoji-box .emoji {
    position: absolute;
    left: -10px;
    top: 24px;
    width: 430px;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    background: #fff;
    z-index: 99
}

.showcommentdetail .allcomment .replycomment .reply .send .emoji-box .emoji .el-button {
    position: absolute;
    border: none;
    color: #ff4949;
    right: -40px;
    top: 24px;
    font-size: 24px;
    z-index: 999
}

.showcommentdetail .allcomment .replycomment .reply .send .btn {
    float: right;
    width: 77px;
    height: 30px;
    padding: 8px 0;
    background: #0083ff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.showcommentdetail .cainamask {
    width: 734px;
    height: 309px
}

.showcommentdetail .cainamask .cainatitle {
    margin: 40px 0 53px 100px
}

.showcommentdetail .cainamask .cainatitle span {
    font-size: 30px
}

.showcommentdetail .cainamask .cainatishi {
    margin-left: 100px
}

.showcommentdetail .cainamask .cainatishi p {
    font-size: 16px;
    color: #999;
    width: 511px
}

.showcommentdetail .cainamask .cainamaskbtn {
    margin: 65px 0 39px 336px
}

.showcommentdetail .cainamask .cainamaskbtn button {
    border: 1px solid #2d93f9;
    border-radius: 4px;
    font-size: 14px;
    padding: 11px 45px;
    background: #0083ff;
    color: #fff;
    cursor: pointer
}

.showcommentdetail .cainamask .cainamaskbtn button:first-of-type {
    background: #fff;
    color: #0083ff;
    margin-right: 20px
}

#jubaotanchuang {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .45);
    z-index: 1300
}

#jubaotanchuang .jubaobox {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    width: 734px;
    margin: 0 auto;
    background: #fff;
    padding: 40px 100px 39px 99px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

#jubaotanchuang .jubaobox h2 {
    font-size: 30px;
    line-height: 30px;
    color: #333;
    margin-bottom: 53px
}

#jubaotanchuang .jubaobox .jubaocontent {
    font-size: 16px;
    line-height: 16px;
    color: #666;
    margin-bottom: 39px
}

#jubaotanchuang .jubaobox .jubaocontent:last-child {
    margin-bottom: 19px
}

#jubaotanchuang .jubaobox #othercause {
    width: 535px;
    height: 115px;
    margin-bottom: 24px;
    padding: 17px 14px;
    background: #f8f8f8;
    border: none;
    resize: none;
    font-size: 14px;
    line-height: 20px;
    color: #333
}

#jubaotanchuang .jubaobox .button {
    text-align: right
}

#jubaotanchuang .jubaobox .button button {
    width: 120px;
    height: 42px;
    padding: 14px 0;
    border: none;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s
}

#jubaotanchuang .jubaobox .button .cancel {
    margin-right: 20px;
    color: #0083ff;
    border: 1px solid #2d93f9;
    background: #fff
}

#jubaotanchuang .jubaobox .button .cancel:hover {
    background: #f1faff
}

#jubaotanchuang .jubaobox .button .determine {
    color: #fff;
    background: #2d93f9
}

#jubaotanchuang .jubaobox .button .determine:hover {
    background: #66b1ff
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

 .title-bar {
    margin: 76px 0 36px;
    font-size: 40px;
    font-family: MicrosoftYaHei;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
    color: #333
}

 .msg-bar {
    margin-bottom: 37px;
    font-size: 20px;
    font-family: MicrosoftYaHei;
    line-height: 20px;
    text-align: center;
    color: #666
}

 .line-bar {
    display: block;
    width: 80px;
    height: 5px;
    margin: 0 auto;
    background: #72797f
}

 #mydiv canvas {
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1300
}

 .head {
    overflow: hidden;
    position: relative;
    min-width: 1200px;
    height: 645px
}

 .head img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px
}

 .head .head-content {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

 .head .head-content h1 {
    height: 55px;
    margin: 0 auto;
    margin-top: 218px;
    margin-bottom: 30px;
    font-size: 54px;
    font-family: PingFangSC-Medium;
    text-align: center;
    color: #fff;
    line-height: 55px
}

 .head .head-content p {
    height: 30px;
    margin-bottom: 68px;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    font-family: PingFangSC-Regular;
    color: #fff;
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

 .head .head-content .head-operation {
    width: 340px;
    height: 54px;
    margin: 0 auto
}

 .head .head-content .head-operation a {
    float: left;
    border-radius: 4px;
    font-size: 20px;
    font-family: MicrosoftYaHei;
    text-align: center;
    color: #fff
}

 .head .head-content .head-operation a:nth-child(2) {
    width: 160px;
    height: 54px;
    line-height: 54px;
    background: #0083ff
}

 .head .head-content .head-operation a:first-child {
    width: 158px;
    height: 52px;
    margin-right: 20px;
    border: 1px solid #fff;
    line-height: 52px
}

 .head .head-content .head-operation a:first-child:hover {
    background: #fff;
    color: #0083ff
}

 .head .head-content .head-operation button {
    cursor: pointer;
    float: left;
    border-radius: 4px;
    font-size: 20px;
    font-family: MicrosoftYaHei;
    text-align: center;
    color: #fff;
    border: none
}

 .head .head-content .head-operation button:first-child {
    width: 158px;
    height: 52px;
    margin-right: 20px;
    line-height: 52px;
    border: 1px solid #fff;
    background: none
}

 .head .head-content .head-operation button:first-child:hover {
    background: #fff;
    color: #0083ff
}

 .head .head-content .head-operation button:nth-child(2) {
    width: 160px;
    height: 54px;
    line-height: 54px;
    background: #0083ff
}

 .topicTwo {
    visibility: hidden;
    overflow: hidden;
    height: 570px;
    background: #fff url(static/images/advantage.6b342ff.png) center 130px no-repeat;
    position: relative
}

 .topicTwo .com {
    visibility: hidden
}

 .topicTwo .strengthList {
    width: 1200px;
    margin: auto;
    text-align: center;
    clear: both;
    position: relative;
    z-index: 100;
    margin-top: 58px
}

 .topicTwo .strengthList img {
    min-width: 127px;
    min-height: 127px
}

 .topicTwo .strengthList h3 {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    margin-top: 5px
}

 .topicTwo .strengthList p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    margin-top: 15px;
    text-align: center
}

 .topicTwo .strengthList .strengthOne {
    display: inline-block;
    width: 255px;
    float: left
}

 .topicTwo .strengthList .strengthOne p {
    text-align: left
}

 .topicTwo .strengthList .strengthTwo {
    display: inline-block;
    width: 296px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    margin-left: -148px
}

 .topicTwo .strengthList .strengthThree {
    display: inline-block;
    width: 308px;
    float: right
}

 .topicTwo .left {
    position: absolute;
    left: 0;
    top: 198px
}

 .topicTwo .right {
    position: absolute;
    right: 12px;
    top: 51px
}

 .topicThree {
    overflow: hidden;
    height: 950px;
    background: #f8f9fc url(static/images/excellent.f183292.png) center 130px no-repeat;
    position: relative
}

 .topicThree .com {
    visibility: hidden
}

 .topicThree .main {
    width: 1200px;
    overflow: hidden;
    margin: 30px auto
}

 .topicThree .main .left {
    display: inline-block;
    width: 906px;
    vertical-align: top
}

 .topicThree .main .left .item {
    display: inline-block;
    width: 286px;
    height: 316px;
    overflow: hidden;
    margin: 0 16px 18px 0;
    background-color: #fff;
    padding: 25px 18px;
    border-radius: 4px;
    float: right
}

 .topicThree .main .left .item:hover {
    -webkit-box-shadow: 0 4px 32px 0 #e5e5e5;
    box-shadow: 0 4px 32px 0 #e5e5e5
}

 .topicThree .main .left .item:hover .avtor {
    position: relative;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

 .topicThree .main .left .item .avtor {
    width: 104px;
    height: 104px;
    margin: auto;
    border-radius: 50%;
    background-color: #e5e5e5;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    cursor: pointer
}

 .topicThree .main .left .item .h3,  .topicThree .main .left .item h3 {
    color: #333;
    font-size: 20px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    text-align: center;
    margin-top: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
    text-overflow: ellipsis;
    cursor: pointer
}

 .topicThree .main .left .item .h3:hover,  .topicThree .main .left .item h3:hover {
    color: #0083ff
}

 .topicThree .main .left .item p {
    color: #333;
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
    height: 66px;
    overflow: hidden;
    margin-top: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break: break-all;
    text-overflow: ellipsis
}

 .topicThree .main .left .item .skills {
    margin-top: 15px;
    height: 26px;
    overflow: hidden
}

 .topicThree .main .left .item .skills span {
    color: #999;
    font-size: 14px;
    padding: 0 12px;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    background-color: #f7f9fb;
    margin-right: 10px;
    border-radius: 13px
}

 .topicThree .main .right {
    display: inline-block;
    width: 285px;
    height: 653px;
    background-color: #379dfd;
    border-radius: 4px
}

 .topicThree .main .right:hover {
    -webkit-box-shadow: -1px 4px 11px 3px #e9e6e6;
    box-shadow: -1px 4px 11px 3px #e9e6e6
}

 .topicThree .main .right .avtor {
    width: 100%;
    height: 316px;
    background-color: #e5e5e5;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
    position: relative
}

 .topicThree .main .right .avtor:before {
    content: "\670D\52A1\4E4B\661F";
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    position: absolute;
    left: 14px;
    top: 10px
}

 .topicThree .main .right .avtor:after {
    content: "";
    display: inline-block;
    width: 35px;
    height: 48px;
    background: url(static/images/fwzx.a8a502d.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 10px
}

 .topicThree .main .right .message {
    padding: 0 20px 30px
}

 .topicThree .main .right .message .h3,  .topicThree .main .right .message h3 {
    color: #fff;
    font-size: 20px;
    margin-top: 20px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
    text-overflow: ellipsis;
    cursor: pointer
}

 .topicThree .main .right .message p {
    color: #fff;
    font-size: 14px;
    margin-top: 10px;
    line-height: 22px;
    max-height: 198px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    word-break: break-all;
    text-overflow: ellipsis;
    text-align: justify
}

 .topicThree .main .right .message .skills {
    margin-top: 15px;
    height: 26px;
    overflow: hidden
}

 .topicThree .main .right .message .skills span {
    color: #fff;
    font-size: 14px;
    padding: 0 12px;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    margin-right: 10px;
    border: 1px solid #fff;
    border-radius: 13px
}

 .topicFour {
    overflow: hidden;
    height: 420px;
    position: relative
}

 .topicFour img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px
}

 .topicFour .counter {
    width: 1200px;
    margin: 160px auto 0;
    position: relative;
    z-index: 100
}

 .topicFour .counter .counter-item {
    display: inline-block;
    width: 33%;
    text-align: center
}

 .topicFour .counter .counter-item em {
    color: #fff;
    font-size: 60px;
    display: block
}

 .topicFour .counter .counter-item p {
    color: #fff;
    font-size: 25px;
    margin-top: 5px
}

 .topicFour .counter .counter-item:first-child em {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

 .topicFour .counter .counter-item:nth-child(2) {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

 .topicFour .counter .counter-item:nth-child(2) em {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

 .topicFour .counter .counter-item:nth-child(3) em {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

 .topicFive {
   
    background: #fff url(static/images/new.a57556a.png) center 120px no-repeat
}

 .topicFive .com {
    visibility: hidden
}

 .topicFive .projectList {
    overflow: hidden;
    width: 1200px;
    margin: auto
}

 .topicFive .projectList .more {
    color: #333;
    font-size: 16px;
    line-height: 24px;
    padding-right: 10px;
    float: right;
    font-family: MicrosoftYaHei;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    margin-bottom: 20px
}

 .topicFive .projectList .more:hover {
    color: #0083ff
}

 .topicFive .projectList ul {
    width: 100%;
    clear: both;
    visibility: hidden
}

 .topicFive .projectList ul li {
    display: inline-block;
    vertical-align: top;
    width: 370px;
    height: 428px;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    margin: 0 10px 62px
}

 .topicFive .projectList ul li:nth-child(2) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

 .topicFive .projectList ul li:nth-child(3) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

 .topicFive .projectList ul li:nth-child(4) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

 .topicFive .projectList ul li:nth-child(5) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

 .topicFive .projectList ul li:nth-child(6) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}



 .topicFive .projectList ul li:hover {
    border: none;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 6px 20px #efefef;
    box-shadow: 0 6px 20px #efefef
}

 .topicFive .projectList ul li .type {
    color: #fff;
    font-size: 28px;
    line-height: 120px;
    text-align: center;
    height: 120px
}

 .topicFive .projectList ul li .type i {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 12px;
    margin-bottom: -6px
}

 .topicFive .projectList ul li .type.type-01 {
    background: #666 url({$mymps_global[SiteUrl]}/static/images/bg4.37354ae.png) 50% no-repeat
}

 .topicFive .projectList ul li .type.type-01 i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAA3lBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ymXGKAAAASXRSTlMAAQIEBQYIDA0PEhMWFxgaGyYoKi4vMjM0PT5ES1BZXWBwfX6EhY2en6eqrK++v8DDxMXHyszQ0dbZ293i5ufo6uvs7vLz9/z+YQ1gigAAAQFJREFUeF6V02tTgkAUx+F/hl3QMhHCNLtqaeyGBWmRLRWh8f2/UOzS7AzTwk6/l/u82Jkz50CXOaaBMjo2c42+vKkyL41MTNIuKuqmE1ACNAAYO7ytkhOKYAa8n8LeZLy7Es8CwcM9GGcXPFvBiiQv56PK5kuwrCaGkBxWRkLN33/4eLuOne+hii234FvWBOBaZe7FD0Lb62sOj3FPstDnjuCrdZtz5yV3yVbMxCuab1OIDlhsSXaSVUvweeYU3FoljmT0k4Xwp/tfXSR9SM79wwdwko0K9j+5SgbsAQDvtVHwwFaM5WhzWTfU/Ztd/HMdKKlmQnWLbEZpzRlojkjTD93pQaGYMzY2AAAAAElFTkSuQmCC) 50% no-repeat
}

 .topicFive .projectList ul li .type.type-02 {
    background: #666 url(static/images/bg5.147a510.png) 50% no-repeat
}

 .topicFive .projectList ul li .type.type-02 i {
    background: url(static/images/icon_sj.7d53b3b.png) 50% no-repeat
}

 .topicFive .projectList ul li .type.type-03 {
    background: #666 url(static/images/bg7.4440f02.png) 50% no-repeat
}

 .topicFive .projectList ul li .type.type-03 i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAACL0lEQVRIS+3WUajfcxjH8denI61wJVoxIe6E5EYptitHmibLyorVVNjNblRTWZOz5EoSZetYllCxSqZSIEIqpyzXJCOVUmTHTh83Vms65//7/SZUntvf83zez+f5Pr++35gYbR/DcpL9UyQypQjavovfksxP0Ujbi7AH60cKbMIK3h9Z9x0W0vYINuHYSIGp6dfgaNp+hU+S7JiqNKau7Yu47t8AL+L6/8FjjmtSbttxo257Mz5LsjyU2PYqvISDSQ5A22HgtnN4HjuxhPuTfDEL3vZ2HMavuONUzSDHbc/Da7gNT+NObMATWEjyOwBA22AP9uFjbE3yPcBMcNuL8Sau/dPlK23Px5N4EEvYcbr7thfgELbgWew+s7k1wW2vxlFciC1J3gOAthtxEJeeco8r8QauwENJFvGXWBXc9ga8jROYT/LlKgKnuz+GDfgZdyX5fLUdWAu8C9txd5JvByzRRhzA17gnyY9r1cw841nAM0afJB1S87eChwAHb/UYsTG5/wnHS/gJe8d0fha5+7AubR/Ac5jDPxEr2Bloux5j31wvYBkPj+z2eJIfJr0y216GD3AStw753wEARoPbbsYi1iH4BfcleWuM88HgtudiP3bjQ9yLObyMm/AUHk1yEjNjELjt5XgVN2IBe5OsQNtz8DgewafYluSbWeSZ4La34AhOYHuSd1a5NOZxCHPYnOSjteBDwNuwFbuSHJ9xAVyCZ3A4yetnBZ41sqnf/wBseUbJegXuywAAAABJRU5ErkJggg==) 50% no-repeat
}

 .topicFive .projectList ul li .type.type-04 {
    background: #666 url(static/images/bg6.397fefe.png) 50% no-repeat
}

 .topicFive .projectList ul li .type.type-04 i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAolBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8ELnaCAAAANXRSTlMAAwQICgwODxARExQYaGtwd3h7fIaHiYycnZ+lqK2ur7S3uL/Hz9LU19rb5Onr7O3v+vv9/oEhK3EAAADUSURBVHhendPZDoIwEEDREXBBiwqKu9YV3FAQ5v9/zWkMBOJUEs/rTZouU+BNHjG59/nazPY+Od753EEHiB9DlTVcKEtNXqeXM7nw2UzHvxbv4ACUFi4dsn/yGSQqONVk6AliA5sL2myYpAHgJUjSWTXPMyQvD6KDSyTa5WyjdMkhgtgH4qAoZ5Gfu8g7SbYYSGX3lcMTCfB2UsI81yxet7XRC0k25w6WeAANkxj8tfx7qfonqX/Qbj4O/DAJzShuPqN41WTLXSirIrPE79xmPhH3Bd/3bikkcCsKQwAAAABJRU5ErkJggg==) 50% no-repeat
}

 .topicFive .projectList ul li .name {
    color: #333;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    margin-top: 20px;
    padding: 0 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

 .topicFive .projectList ul li .money {
    display: block;
    margin: auto;
    color: #f77272;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    margin-top: 12px
}

 .topicFive .projectList ul li .money span {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    background: #fc5b31;
    border-radius: 11px 11px 11px 0;
    padding: 2px 8px;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px
}

 .topicFive .projectList ul li .childType {
    margin-top: 15px;
    text-align: center
}

 .topicFive .projectList ul li .childType span {
    display: inline-block;
    color: #999;
    font-size: 12px;
    padding: 5px 12px;
    background-color: #eff1f4;
    border-radius: 12px;
    margin-right: 22px
}

 .topicFive .projectList ul li .childType span:last-child {
    margin-right: 0
}

 .topicFive .projectList ul li .des {
    margin-top: 35px;
    text-align: center
}

 .topicFive .projectList ul li .des .item {
    display: inline-block;
    width: 46%;
    text-align: center
}

 .topicFive .projectList ul li .des .item em {
    display: inline;
    color: #666;
    font-size: 18px
}

 .topicFive .projectList ul li .des .item p {
    color: #999;
    font-size: 12px;
    margin-top: 10px
}

 .topicFive .projectList ul li .des .item:nth-child(2) {
    border-left: 1px solid #e5e5e5
}

 .topicFive .projectList ul li button {
    display: block;
    color: #fff;
    font-size: 14px;
    padding: 6px 12px;
    border: none;
    border-radius: 14px;
    background-color: #ed7266;
    margin: 15px auto 0;
    cursor: pointer
}

 .topicFive .projectList ul li .time {
    color: #ccc;
    font-size: 12px;
    text-align: center;
    margin-top: 10px
}

 .topicSix {
    overflow: hidden;
    min-width: 1200px;
    position: relative;
    height: 300px
}

 .topicSix img {
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px
}

 .topicSix p {
    color: #fff;
    font-size: 40px;
    padding-top: 65px;
    text-align: center
}

 .topicSix .box {
    margin: 50px auto;
    text-align: center
}

 .topicSix .box a,  .topicSix .box button {
    color: #fff;
    font-size: 18px;
    display: inline-block;
    width: 164px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #fff;
    border-radius: 4px;
    background: none;
    cursor: pointer
}

 .topicSix .box a:hover,  .topicSix .box button:hover {
    color: #0083ff;
    border-color: #0083ff
}

 .topicSix .box em {
    color: #fff;
    font-size: 23px;
    padding: 0 20px;
    display: inline-block;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

 .cover {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 99
}

 .popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 9999
}

 .popup .popcon {
    width: 546px;
    height: 400px;
    background: #fff;
    padding-top: 40px;
    border-radius: 8px;
    -webkit-box-shadow: 4px 0 9px rgba(0, 57, 116, .08);
    box-shadow: 4px 0 9px rgba(0, 57, 116, .08);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

 .popup .popcon .close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 15px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAG1BMVEUAAACUlJSZmZmXl5eZmZmXl5eZmZmZmZmZmZmNAi8EAAAACHRSTlMAGDo7P0B06dqRrk0AAABOSURBVHheVY0xCoBADAQHPftDP2J3bbpr7WwtfYDc+2XAFC4ksMNuwoqaKi0A+s7yAMV1BvQAkQCtwMAQqPviTzJTsqV18jLt+H5tqLm+Zk0M5socXLUAAAAASUVORK5CYII=) no-repeat 50%;
    cursor: pointer
}

 .popup .popcon img {
    display: block;
    margin: 0 auto 28px
}

 .popup .popcon h2 {
    padding: 0 30px;
    font-size: 18px;
    color: #666;
    text-align: center
}

 .popup .popcon .btn {
    width: 180px;
    height: 50px;
    padding: 15px 0;
    margin: 60px auto 0;
    background: #0083ff;
    border-radius: 25px;
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

 .popup .popcon .btn:hover {
    background: #66b1ff
}

 .intentioncon {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    width: 734px;
    margin: 0 auto;
    background: #fff;
    padding: 40px 100px 50px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    z-index: 100
}

 .intentioncon input::-webkit-input-placeholder,  .intentioncon textarea::-webkit-input-placeholder {
    color: #ccc
}

 .intentioncon h2 {
    font-size: 30px;
    line-height: 30px;
    color: #333;
    margin-bottom: 54px;
    font-weight: 700
}

 .intentioncon .offer {
    position: relative;
    margin-bottom: 40px
}

 .intentioncon .offer p {
    margin-bottom: 13px;
    font-size: 16px;
    line-height: 16px;
    color: #666
}

 .intentioncon .offer p em {
    color: #ff7070
}

 .intentioncon .offer p i {
    color: #ff7070;
    font-style: normal
}

 .intentioncon .offer .offerinput {
    width: 100%;
    height: 54px;
    padding: 0 29px 0 15px;
    font-size: 16px;
    line-height: 54px;
    border: 1px solid #e5e5e5;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    border-radius: 4px
}

 .intentioncon .offer .offerinput:focus {
    border: 1px solid #0083ff;
    -webkit-box-shadow: 0 0 5px #0083ff;
    box-shadow: 0 0 5px #0083ff
}

 .intentioncon .offer span {
    position: absolute;
    right: 13px;
    bottom: 19px;
    font-size: 16px;
    line-height: 16px;
    color: #333
}

 .intentioncon .instructions {
    position: relative;
    margin-bottom: 16px
}

 .intentioncon .instructions p {
    margin-bottom: 13px;
    font-size: 16px;
    line-height: 16px;
    color: #666
}

 .intentioncon .instructions p i {
    color: #ff7070;
    font-style: normal
}

 .intentioncon .instructions #text {
    width: 100%;
    height: 220px;
    padding: 10px 14px;
    resize: none;
    border-color: #e5e5e5;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    border-radius: 4px;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

 .intentioncon .instructions #text:focus {
    border: 1px solid #0083ff;
    -webkit-box-shadow: 0 0 5px #0083ff;
    box-shadow: 0 0 5px #0083ff
}

 .intentioncon .instructions span {
    position: absolute;
    right: 0;
    bottom: -14px;
    font-size: 14px;
    line-height: 14px;
    color: #ccc
}

 .intentioncon h3 {
    margin-bottom: 75px;
    font-size: 14px;
    line-height: 14px;
    color: #666
}

 .intentioncon h3 a {
    color: #0083ff
}

 .intentioncon .button {
    text-align: right
}

 .intentioncon .button button {
    width: 120px;
    height: 42px;
    padding: 14px 0;
    border: none;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer
}

 .intentioncon .button .cancel {
    margin-right: 20px;
    color: #0083ff;
    border: 1px solid #6ea7e0;
    background: #fff
}

 .intentioncon .button .cancel:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

 .intentioncon .button .determine {
    color: #ffff;
    background: #2d93f9
}

 .intentioncon .button .determine:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

 .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

 .bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

 .bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

 .bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

 .bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

 .bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

 .animation-time {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        visibility: visible
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        visibility: visible
    }
}

 .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        visibility: hidden
    }
    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        visibility: hidden
    }
    to {
        opacity: 1;
        visibility: visible
    }
}

 .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

#all_questionlist {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e5e5e5
}

#all_questionlist .fade-enter-active, #all_questionlist .fade-leave-active {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

#all_questionlist .fade-enter, #all_questionlist .fade-leave-to {
    opacity: 0
}

#all_questionlist .banner {
    width: 100%;
    height: 100px;
    min-width: 1200px;
    _width: 1200px;
    margin-bottom: 30px;
    padding-top: 44px;
    background: url(static/images/banner_xm.8e2a602.png) no-repeat 50%
}

#all_questionlist .banner h2 {
    width: 1200px;
    font-size: 26px;
    line-height: 14px;
    color: #fff;
    margin: 0 auto;
    position: relative;
    font-weight: 400
}

#all_questionlist .banner h2 a {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    cursor: pointer;
    color: #fff
}

#all_questionlist .banner h2 a:first-of-type {
    top: -6px;
    left: 380px;
    font-size: 14px;
    background: #ffc034;
    border-radius: 17px;
    padding: 8px 10px 10px
}

#all_questionlist .banner h2 a span {
    font-size: 26px;
    display: inline-block;
    vertical-align: top;
    margin-top: -2px;
    margin-right: 4px
}

#all_questionlist .banner h2 .liaomore {
    top: 30px;
    left: 5px;
    font-size: 16px
}

#all_questionlist .projectsort {
    width: 1200px;
    margin: 20px auto;
    border: 1px solid #e5e5e5;
    padding-bottom: 25px;
    margin-bottom: 30px
}

#all_questionlist .projectsort .jobsort {
    padding-left: 24px;
    background: #fafafa;
    border-bottom: 1px solid #e5e5e5
}

#all_questionlist .projectsort .jobsort .name {
    color: #666;
    margin-right: 15px;
    display: inline-block
}

#all_questionlist .projectsort .jobsort .item {
    display: inline-block;
    padding: 0;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s
}

#all_questionlist .projectsort .jobsort .item a {
    position: relative;
    display: inline-block;
    padding: 17px 16px;
    line-height: 14px;
    font-family: MicrosoftYaHei;
    color: #333
}

#all_questionlist .projectsort .jobsort .item a.select {
    color: #0083ff;
    background: #fff
}

#all_questionlist .projectsort .jobsort .item a.select:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    margin: 0 auto;
    background: #0083ff
}

#all_questionlist .projectsort .jobsort .item a.select:after {
    content: "";
    position: absolute;
    top: 47px;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    margin: 0 auto;
    background: #fff
}

#all_questionlist .projectsort .jobsort .item a:after {
    content: "";
    position: absolute;
    width: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    height: 2px;
    top: -1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #0083ff;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

#all_questionlist .projectsort .jobsort .item a:hover {
    color: #0083ff
}

#all_questionlist .projectsort .jobsort .item a.select:after, #all_questionlist .projectsort .jobsort .item a:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

#all_questionlist .items {
    display: table;
    width: 100%;
    clear: both;
    padding-top: 20px;
    margin-left: 24px
}

#all_questionlist .items .name {
    vertical-align: top;
    display: table-cell;
    color: #666;
    width: 80px;
    padding: 6px 0
}

#all_questionlist .items .value {
    display: table-cell;
    vertical-align: top;
    font-size: 14px;
    position: relative;
    padding-right: 45px
}

#all_questionlist .items .value.border {
    border-bottom: 1px solid #e5e5e5
}

#all_questionlist .items .value .hidden {
    width: 100%;
    height: 45px;
    overflow: hidden
}

#all_questionlist .items .value .item {
    display: inline-block;
    padding: 6px 10px;
    margin-right: 15px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s
}

#all_questionlist .items .value .item a, #all_questionlist .items .value .item span {
    margin: auto;
    height: 100%;
    color: #333
}

#all_questionlist .items .value .item:after {
    content: "";
    position: absolute;
    width: 76%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 12%;
    background-color: #0083ff;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

#all_questionlist .items .value .item:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

#all_questionlist .items .value .item.select {
    background: #e5f2ff
}

#all_questionlist .items .value .item.select a, #all_questionlist .items .value .item.select span, #all_questionlist .items .value .item:hover a {
    color: #0083ff
}

#all_questionlist .items .value .showSwitch {
    color: #999;
    font-size: 16px;
    border: none;
    background: none;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0
}

#all_questionlist .items .value .showSwitch.showing {
    color: #0083ff
}

#all_questionlist .the_total {
    width: 1200px;
    margin: 0 auto;
    color: #666
}

#all_questionlist .the_total a {
    font-weight: 700;
    margin: 0 5px;
    color: #666
}

#all_questionlist .the_total a:hover {
    color: #0083ff
}

#all_questionlist .items-time {
    width: 1200px;
    margin: 0 auto;
    color: #333;
    font-size: 18px;
    font-weight: 700;
    border: 1px solid #e5e5e5;
    background: #fafafa;
    padding: 15px 26px;
    margin-top: 24px
}

#all_questionlist .items-time .dropdown {
    float: right;
    line-height: 30px;
    cursor: pointer
}

#all_questionlist .items-time .dropdown .el-dropdown-link {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    margin-right: 10px
}

#all_questionlist .nulldata {
    width: 1200px;
    margin: 150px auto;
    text-align: center
}

#all_questionlist .nulldata p {
    margin-top: 30px;
    font-size: 14px;
    color: #a9a9a9;
    margin-left: -12px
}

#successFeedback {
    width: 752px;
    margin: 58px auto 63px;
    background-color: #fff;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 1px 9px -4px #003a71;
    box-shadow: 0 1px 9px -4px #003a71
}

#successFeedback h2 {
    color: #333;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    margin: 60px 0 0
}

#successFeedback img {
    width: 160px;
    height: 160px;
    display: block;
    margin: 35px auto 10px
}

#successFeedback p {
    color: #999;
    font-size: 16px;
    line-height: 26px
}

#successFeedback p em {
    color: #333
}

#successFeedback p:first-child {
    font-size: 18px;
    line-height: 34px
}

#successFeedback a {
    display: block;
    color: #fff;
    font-size: 18px;
    width: 140px;
    padding: 8px 0;
    margin: 50px auto 76px;
    border-radius: 4px;
    border: 1px solid #0083ff;
    background-color: #0083ff
}

.blogindex {
    background: #fff;
    padding: 36px 0 60px;
    border-bottom: 1px solid #e5e5e5
}

.blogindex .middle {
    width: 1200px;
    margin: 0 auto
}

.blogindex .middle .leftnav {
    float: left;
    min-width: 140px;
    _width: 140px;
    margin-right: 41px
}

.blogindex .middle .leftnav .blognav {
    padding: 30px 0 10px;
    background: #f8f8f8
}

.blogindex .middle .leftnav .blognav a, .blogindex .middle .leftnav .blognav li {
    display: block;
    margin-bottom: 25px;
    font-size: 17px;
    line-height: 20px;
    color: #666;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.blogindex .middle .leftnav .blognav .select, .blogindex .middle .leftnav .blognav a:hover, .blogindex .middle .leftnav .blognav li:hover {
    font-size: 20px;
    color: #0083ff;
    font-weight: 700
}

.blogindex .middle .leftnav .fixed {
    position: fixed;
    top: 10px
}

.blogindex .middle .blogcontent {
    float: left;
    width: 640px;
    margin-right: 43px
}

.blogindex .middle .blogcontent .scroll {
    width: 100%;
    height: 266px;
    margin-bottom: 37px
}

.blogindex .middle .blogcontent .scroll .box {
    height: 266px
}

.blogindex .middle .blogcontent .scroll .box li {
    width: 640px;
    height: 266px
}

.blogindex .middle .blogcontent .scroll .box li img {
    z-index: -2
}

.blogindex .middle .blogcontent .scroll .box li h2 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 22px;
    line-height: 44px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: rgba(0, 0, 0, .5);
    padding: 0 10px 20px
}

.blogindex .middle .blogcontent .scroll .punctuation {
    position: absolute;
    left: 24px;
    bottom: 12px
}

.blogindex .middle .blogcontent .scroll .punctuation span {
    float: left;
    width: 8px;
    height: 8px;
    margin-right: 10px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    opacity: 1
}

.blogindex .middle .blogcontent .scroll .punctuation .swiper-pagination-bullet-active {
    width: 27px;
    height: 8px;
    border-radius: 4px
}

.blogindex .middle .blogcontent .scroll .swiper-button-disabled {
    pointer-events: auto
}

.blogindex .middle .blogcontent .scroll .swiper-button-prev {
    opacity: 0;
    left: 0;
    width: 35px;
    height: 60px;
    background: rgba(34, 40, 43, .75);
    border-radius: 0 8px 8px 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.blogindex .middle .blogcontent .scroll .swiper-button-prev i {
    display: block;
    width: 10px;
    height: 18px;
    margin: 18px 0 0 9px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAAzUlEQVQoU42SsQ4BQRRFLSIikUhIKBQUNBqf4EP2k/yHalUqolCpNKLRKLZQKHyAYsYZuZsJI8ZJXm7yzs1udnZKvzDGdJmMSSvaBSDbxDZJkhn5eC0/sda2KB5IS56IjpQH0WT2Kp2JnpSHZQO5U+nC9KU8uDpirVLODKU8uBpipdKVGUt5cFVEptKNmUi9g5irdCemWgeUlXF4yn+vdtD5/JiRVAgddzwblXNiIBWCjB94ATL+CwuQ8UtR4CSlo8oLrb9DwV3cpTEmfQKoNQpmX5kc6gAAAABJRU5ErkJggg==) no-repeat 50%
}

.blogindex .middle .blogcontent .scroll .swiper-button-prev:hover {
    background: #22282b
}

.blogindex .middle .blogcontent .scroll .swiper-button-next {
    opacity: 0;
    right: 0;
    width: 35px;
    height: 60px;
    background: rgba(34, 40, 43, .75);
    border-radius: 8px 0 0 8px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.blogindex .middle .blogcontent .scroll .swiper-button-next i {
    display: block;
    width: 10px;
    height: 18px;
    margin: 18px 0 0 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAAuklEQVQoU52SMQtBYRSGT+ImpRRiMDAwsPhBfpL/Ybomk81ksshiMRjucAc/4eO59YY69X3y1tup8zyRz7EQwormdGCxIGyehHmmXa19gH16kXxidIR8gEOkq+QjbQv5AEf0JvnAaAn5IEzoXfKe0RTyQZjRQvKO0RDyQVjQUnLOqAv5AJdID8nrmvb/hU+YJ78aMKXfPyYT+oTlGBh/HkD6wVmm/0KWvx0F8H1mjJ7WPgjV4W5p5HDNXr15E8vIJFo2AAAAAElFTkSuQmCC) no-repeat 50%
}

.blogindex .middle .blogcontent .scroll .swiper-button-next:hover {
    background: #22282b
}

.blogindex .middle .blogcontent .scroll:hover .swiper-button-next, .blogindex .middle .blogcontent .scroll:hover .swiper-button-prev {
    opacity: 1
}

.blogindex .middle .blogcontent .loading {
    width: 136px;
    height: 40px;
    margin: 63px auto 0;
    padding: 13px 0;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    font-size: 14px;
    line-height: 14px;
    color: #999;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.blogindex .middle .blogcontent .loading:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4790e5), to(#52a5f4));
    background-image: linear-gradient(-180deg, #4790e5, #52a5f4);
    border: none;
    color: #fff;
    -webkit-filter: brightness(1.05) contrast(1.05);
    filter: brightness(1.05) contrast(1.05);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.blogindex .middle .blogcontent .loaded {
    margin-top: 63px;
    font-size: 14px;
    line-height: 14px;
    color: #999;
    text-align: center
}

.blogindex .middle .nulldata {
    float: left;
    width: 640px;
    padding: 117px 0 107px
}

.blogindex .middle .nulldata img {
    display: block;
    margin: 0 auto 20px
}

.blogindex .middle .nulldata p {
    font-size: 14px;
    line-height: 14px;
    color: #a9a9a9;
    text-align: center
}

.blogindex .middle .nulldata button {
    display: block;
    width: 88px;
    height: 30px;
    color: #fff;
    font-size: 16px;
    background-color: #0083ff;
    border: none;
    border-radius: 4px;
    margin: 19px auto 0;
    cursor: pointer
}

.blogindex .middle .rightside {
    float: right;
    width: 332px;
    padding-top: 4px
}

.blogindex .middle .rightside .write {
    cursor: pointer;
    width: 100%;
    height: 62px;
    padding: 18px 22px 18px 25px;
    margin-bottom: 17px;
    background: #f7f6f8
}

.blogindex .middle .rightside .write i {
    float: left;
    width: 26px;
    height: 26px;
    margin-right: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAABOFBMVEUAAAAAAAB/f39UVFRmZmZiYmJbW1tfX19paWljY2NhYWFoaGhlZWVnZ2dmZmZjY2NnZ2dkZGRoaGhjY2NnZ2dmZmZlZWVkZGRmZmZlZWVkZGRkZGRoaGhmZmZnZ2dlZWVkZGRmZmZkZGRlZWVmZmZlZWVmZmZlZWVlZWVkZGRlZWVkZGRlZWVkZGRmZmZlZWVkZGRlZWVmZmZlZWVlZWVkZGRlZWVkZGRmZmZlZWVkZGRmZmZlZWVlZWVlZWVlZWVkZGRlZWVlZWVmZmZlZWVlZWVlZWVmZmZlZWVlZWVlZWVmZmZlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVmZmZmZmZlZWVlZWVmZmZlZWVmZmZlZWVlZWVmZmZmZmZlZWVlZWVlZWVlZWVmZmZlZWVmZmZBtlOGAAAAZ3RSTlMAAQIJCg0OEBESFRYZGygpKissLi80Nzg5P0JHR0hKS0xNUVhcXWFiZGVnaGltbW5ydHd5e3x+gYGChISFiIqMjo+Sk5qfoae3ucTFxsjNztba3N3h5Ofo6+zt7+/x8vL3+Pr7/f7+d1XgQAAAAPVJREFUeF510NdSAkEUhOFeBMw5Ys6omDChGNecA4o5IS79/m/gKcqamVOr/+1309XQoePk4WoCfzZPadcLQy2wQCkTkuR7AlgW+oxBlyrxrQvIiLVomQtIvrQDWRbiStIs99QGbGWVLJHW1MJV0lg93DZpW3fB23FkRcmeI4tK9i0EaVcih47MKDmyUprSH1j5TkJ1aaQ4Bt2zkRHo8PorX8P4hwpDCHVflsduhBvwfX87VQlEEp2QGnqjAtGeJpi8Y/IAmA6Yq0bVDYNZQ62UanBLchLjJO8M1RXJjwqcCg2iT+gCptHcdT/QeJbf8IC1/HnzD/dWYNcfsgDxAAAAAElFTkSuQmCC) no-repeat 50%
}

.blogindex .middle .rightside .write p {
    float: left;
    margin-right: 18px;
    font-size: 16px;
    line-height: 26px;
    color: #333
}

.blogindex .middle .rightside .write em {
    float: left;
    width: 1px;
    height: 16px;
    margin-top: 5px;
    margin-right: 18px;
    background: #999
}

.blogindex .middle .rightside .write span {
    float: left;
    font-size: 14px;
    line-height: 26px;
    color: #666
}

.blogindex .middle .rightside .write:hover i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAA+VBMVEUAg/////8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Pd3ZtAAAAUnRSTlMAAAGIkHj9A/Fp8Jc3WxH1+nPlE8kCpWxJ4gwtHdRA+4d2IoLtrn+JbjxnUr/vlU8UBD45hkdCRiq+0XD2FTDg6t1kYRkHxk0pYt7XUcinjYovpykZoQAAAOZJREFUeF51zdVyw1AMRdEjheqmbbiBMjMzM7P+/2MqZ8aq7DvdD3pZc0bItLI+PxExxWVpRrQyhzQOLMa2H1BUOQTllKojGVoWOZ+kvl2mqSDawFBsU8nKJLHNJfI0LWLGLU/6wGxWwYjz8leOHXHZi4JRycscOSqNOimQlRU4Ki04acNTzUmEFJ0aFFeRpkGTYQRk8g9V1xDQdV82OghpK6+1t4Gd3T1Wej7oKfSOjglJrRORT+BMpHtBjSuRmtGYaA3c6L2lO71do/uiSOUBj0pP1FFqwnp5fXvX8Uf9i4m/682fX2BNSZXBZ95lAAAAAElFTkSuQmCC) no-repeat 50%
}

.blogindex .middle .rightside .write:hover p {
    color: #0083ff
}

.blogindex .middle .rightside .module {
    width: 100%;
    padding: 16px 0 16px 19px;
    margin-bottom: 54px;
    background: #f7f6f8;
    border-radius: 4px
}

.blogindex .middle .rightside .module li {
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.blogindex .middle .rightside .module li a {
    color: #666
}

.blogindex .middle .rightside .module li:last-child {
    margin-bottom: 0
}

.blogindex .middle .rightside .module li:hover a {
    color: #0083ff
}

.blogindex .middle .rightside .consult {
    margin-bottom: 50px
}

.blogindex .middle .rightside .consult .title {
    margin-bottom: 20px
}

.blogindex .middle .rightside .consult .title i {
    float: left;
    width: 13px;
    height: 16px;
    margin-top: 1px;
    margin-right: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAMAAAD6fQULAAAAvVBMVEUAAAD/AAD/fwD/AAD/PwD/Pz//Kir+OBz/RCL+Qyj/Pyb+RiP/RCL+RCT+QyP/RCb+Rib+RSb+RCb+RSb+RSX+QyT+RSb+RCX+RCX+RSX+RSX+RCX+QyX+RCT+RCX+RCX+RSX+RCb+RSX+RSX+RCX+QyX+RCb+RCb+RCX+RCX+RSb+RCb+RSX+RSb+RCX+RCb+RCX+RCb+RSX+RCX+RCb+RCX+RSb+RSb+RCb+RCX+RSX+RCX+RCb+RSb/RSa4ffBnAAAAPnRSTlMAAQICBAQGCQ8TFB0eODk8V1xdY2dpanN0eYGCh4qNlZuhorG2uLvBxMbHyMrO19zm6uzu8fX29/j5+/z9/nshaeQAAACESURBVHheRcflFoJAGIThAQPBFuzuDuyAuf/L8tvFsz4/Zs4LbXYsw3BjvlumGhQjG1o+pDLU4R2YqEjk9vw5ObDmNALU+LfARv/4RXGBuo+PMxU8ZHpAk+KGFRl5gDWR2sEnnykABak60muyKtUlpzbgbnkvohNHgwxEth32neuyBOALMVcdDfpCGzkAAAAASUVORK5CYII=) no-repeat 50%
}

.blogindex .middle .rightside .consult .title h2 {
    float: left;
    font-size: 18px;
    line-height: 18px;
    color: #333
}

.blogindex .middle .rightside .consult .title p {
    float: right;
    margin-top: 5px;
    font-size: 12px;
    line-height: 12px;
    color: #666;
    cursor: pointer
}

.blogindex .middle .rightside .consult .title p:hover {
    color: #0083ff
}

.blogindex .middle .rightside .consult ul li {
    width: 100%;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.blogindex .middle .rightside .consult ul li a {
    color: #666
}

.blogindex .middle .rightside .consult ul li:hover a {
    color: #0083ff
}

.blogindex .middle .rightside .article {
    margin-bottom: 50px
}

.blogindex .middle .rightside .article .title {
    margin-bottom: 20px
}

.blogindex .middle .rightside .article .title i {
    float: left;
    width: 13px;
    height: 16px;
    margin-top: 1px;
    margin-right: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAMAAAD6fQULAAAAvVBMVEUAAAD/AAD/fwD/AAD/PwD/Pz//Kir+OBz/RCL+Qyj/Pyb+RiP/RCL+RCT+QyP/RCb+Rib+RSb+RCb+RSb+RSX+QyT+RSb+RCX+RCX+RSX+RSX+RCX+QyX+RCT+RCX+RCX+RSX+RCb+RSX+RSX+RCX+QyX+RCb+RCb+RCX+RCX+RSb+RCb+RSX+RSb+RCX+RCb+RCX+RCb+RSX+RCX+RCb+RCX+RSb+RSb+RCb+RCX+RSX+RCX+RCb+RSb/RSa4ffBnAAAAPnRSTlMAAQICBAQGCQ8TFB0eODk8V1xdY2dpanN0eYGCh4qNlZuhorG2uLvBxMbHyMrO19zm6uzu8fX29/j5+/z9/nshaeQAAACESURBVHheRcflFoJAGIThAQPBFuzuDuyAuf/L8tvFsz4/Zs4LbXYsw3BjvlumGhQjG1o+pDLU4R2YqEjk9vw5ObDmNALU+LfARv/4RXGBuo+PMxU8ZHpAk+KGFRl5gDWR2sEnnykABak60muyKtUlpzbgbnkvohNHgwxEth32neuyBOALMVcdDfpCGzkAAAAASUVORK5CYII=) no-repeat 50%
}

.blogindex .middle .rightside .article .title h2 {
    float: left;
    font-size: 18px;
    line-height: 18px;
    color: #333
}

.blogindex .middle .rightside .article .title p {
    float: right;
    margin-top: 5px;
    font-size: 12px;
    line-height: 12px;
    color: #666;
    cursor: pointer
}

.blogindex .middle .rightside .article .title p:hover {
    color: #0083ff
}

.blogindex .middle .rightside .article ul li {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 22px
}

.blogindex .middle .rightside .article ul li a {
    color: #666
}

.blogindex .middle .rightside .article ul li:hover a {
    color: #0083ff
}

.blogindex .middle .rightside .introduce {
    width: 100%;
    height: 84px;
    padding: 7px 0 7px 11px;
    margin-top: 20px;
    background: url(static/images/bg.b4ad68c.png) no-repeat 50%
}

.blogindex .middle .rightside .introduce img {
    float: left;
    margin-right: 20px
}

.blogindex .middle .rightside .introduce .describe {
    margin-top: 14px
}

.blogindex .middle .rightside .introduce .describe p {
    color: #fff
}

.blogindex .middle .rightside .introduce .describe p:first-child {
    margin-bottom: 9px;
    font-size: 18px;
    line-height: 18px
}

.blogindex .middle .rightside .introduce .describe p:first-child i {
    display: inline-block;
    width: 8px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAPCAQAAABzA0a4AAAAdElEQVQImWP4d/ufIwMy+O/w7+U/LxShf+ZAoRBUIf1/T//FoWrU+Pf4XyaqkNK/u/9KUDXK/LvxrxJVSPbfD2Qu978d/5YguEL/jv+b+58FxpX+d+Vf139GGFf13/1/ZQjFRv+e/UtG9surf4HIZl9D9S0AylRAb5GAOMUAAAAASUVORK5CYII=) no-repeat 50%
}

.blogindex .middle .rightside .introduce .describe p:last-child {
    font-size: 14px;
    line-height: 14px
}

.help-center {
    background: #fff;
    border-bottom: 1px solid #e5e5e5
}

.help-center .head {
    overflow: hidden;
    position: relative;
    min-width: 1200px;
    height: 100px
}

.help-center .head img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px
}

.help-center .content {
    position: relative;
    width: 1000px;
    padding: 55px 0;
    margin: 0 auto
}

.help-center .content .title {
    position: absolute;
    top: -62px;
    left: 0;
    height: 25px;
    font-size: 25px;
    font-weight: 400;
    line-height: 25px;
    font-family: MicrosoftYaHei;
    color: #fff;
    z-index: 1
}

.help-center .content ul li {
    list-style: none
}

.help-center .content ul li h2 {
    padding-left: 32px;
    margin-bottom: 20px;
    background: url(static/images/q_mark.c9cc465.png) 0 no-repeat;
    font-size: 24px;
    line-height: 24px;
    font-weight: 400;
    font-family: MicrosoftYaHei;
    color: #333
}

.help-center .content ul li div {
    margin-bottom: 50px;
    font-size: 18px;
    font-family: MicrosoftYaHei;
    color: #999;
    line-height: 28px;
    text-align: justify;
    word-break: break-all
}

.help-center .cover {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 99
}

.download .clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

.download .clearfix {
    *zoom: 1
}

.download li {
    list-style: none
}

.download .banner {
    position: relative;
    width: 100%;
    height: 500px;
    background: url(static/images/banner.32a7345.png) no-repeat 50%
}

.download .banner .module {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 1200px;
    height: 500px;
    margin: 0 auto
}

.download .banner .module .content {
    position: absolute;
    left: 9%;
    top: 137px
}

.download .banner .module .content .wz {
    width: 244px;
    height: 77px;
    margin-bottom: 25px
}

.download .banner .module .content p {
    font-size: 24px;
    line-height: 24px;
    color: #fff
}

.download .banner .module .content .button {
    width: 301px;
    height: 76px;
    border-radius: 6px;
    background: #d2ebff;
    margin-top: 32px;
    padding: 18px 34px 18px 22px;
    cursor: pointer
}

.download .banner .module .content .button .sj {
    float: left;
    width: 26px;
    height: 39px;
    margin-right: 17px
}

.download .banner .module .content .button p {
    float: left;
    font-size: 32px;
    line-height: 38px;
    color: #474747;
    margin-right: 17px
}

.download .banner .module .content .button em {
    float: left;
    width: 1px;
    height: 36px;
    background: #ccc;
    margin-top: 1px;
    margin-right: 22px
}

.download .banner .module .content .button .downloadewm {
    position: relative;
    float: left;
    width: 34px;
    height: 34px;
    margin-top: 2px
}

.download .banner .module .content .button .downloadewm .qrcode {
    overflow: hidden;
    position: absolute;
    top: -85px;
    left: 70px;
    width: 0;
    height: 217px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAADVCAMAAAALi257AAAATlBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////+QPFRFAAAAGXRSTlMACAknKDpETE1eX6KtuMjJ5u3u7/Hy8/n+CSglTAAAAR9JREFUeF7t1skNwkAUBcGPzY7Z18k/UdBAEOipOoO6dX0bFsuwFkP92l5aXOdN9VavFthr3XGHFtmx456ZuGfHtdDg/ja40ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4CKDg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4Mbg3HjKRWXbGvJtla7llsN+2Bcsq6SdfVp5lDg4ODg4LKCg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4O7ZdoeHTdl4qaOm18Tbdd59cbpnka7T2O9AdsUfa4jDoZKAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: 100% 100%;
    -webkit-transition: all .3s;
    transition: all .3s
}

.download .banner .module .content .button .downloadewm .qrcode img {
    display: block;
    width: 185px;
    height: 185px;
    margin: 15px 15px 15px 18px
}

.download .banner .module .content .button:hover .downloadewm .qrcode {
    width: 216px
}

.download .introduce {
    width: 100%;
    min-width: 1200px;
    _width: 1200px;
    margin: 0 auto
}

.download .introduce .page1 {
    overflow: hidden;
    background: #fff;
    height: 500px
}

.download .introduce .page1 .middle {
    position: relative;
    width: 1130px;
    margin: 0 auto;
    -webkit-transition: all 1s;
    transition: all 1s
}

.download .introduce .page1 .middle .left {
    position: absolute;
    top: 45px;
    left: 5px;
    width: 522px;
    height: 422px;
    margin-right: 80px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.download .introduce .page1 .middle .left img {
    display: block;
    width: 100%;
    height: 100%
}

.download .introduce .page1 .middle .right {
    position: absolute;
    top: 175px;
    right: 14px;
    width: 439px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.download .introduce .page1 .middle .right h2 {
    margin-bottom: 32px;
    font-size: 32px;
    line-height: 32px;
    color: #333;
    font-weight: 400
}

.download .introduce .page1 .middle .right p {
    font-size: 16px;
    line-height: 26px;
    color: #666
}

.download .introduce .page1 .change {
    opacity: 1
}

.download .introduce .page1 .change .left {
    left: 5px
}

.download .introduce .page1 .change .right {
    right: 14px
}

.download .introduce .page2 {
    overflow: hidden;
    height: 580px;
    background: #fafafa
}

.download .introduce .page2 .middle {
    position: relative;
    width: 1130px;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.download .introduce .page2 .middle .left {
    position: absolute;
    top: 246px;
    left: -200px;
    width: 500px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.download .introduce .page2 .middle .left h2 {
    margin-bottom: 32px;
    font-size: 32px;
    line-height: 32px;
    color: #333;
    font-weight: 400
}

.download .introduce .page2 .middle .left p {
    font-size: 16px;
    line-height: 26px;
    color: #666
}

.download .introduce .page2 .middle .right {
    position: absolute;
    top: 55px;
    right: -200px;
    width: 471px;
    height: 479px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.download .introduce .page2 .middle .right img {
    width: 100%;
    height: 100%
}

.download .introduce .page2 .change {
    opacity: 1
}

.download .introduce .page2 .change .left {
    left: 70px
}

.download .introduce .page2 .change .right {
    right: 10px
}

.download .introduce .page3 {
    overflow: hidden;
    height: 580px;
    background: #fff
}

.download .introduce .page3 .middle {
    position: relative;
    width: 1130px;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.download .introduce .page3 .middle .left {
    position: absolute;
    top: 82px;
    left: -200px;
    width: 519px;
    height: 366px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.download .introduce .page3 .middle .left img {
    width: 100%;
    height: 100%
}

.download .introduce .page3 .middle .right {
    position: absolute;
    top: 222px;
    right: -200px;
    width: 471px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.download .introduce .page3 .middle .right h2 {
    margin-bottom: 32px;
    font-size: 32px;
    line-height: 32px;
    color: #333;
    font-weight: 400
}

.download .introduce .page3 .middle .right p {
    font-size: 16px;
    line-height: 26px;
    color: #666
}

.download .introduce .page3 .change {
    opacity: 1
}

.download .introduce .page3 .change .left {
    left: 8px
}

.download .introduce .page3 .change .right {
    right: 90px
}

.download .introduce .page4 {
    overflow: hidden;
    height: 580px;
    background: #fafafa
}

.download .introduce .page4 .middle {
    position: relative;
    width: 1130px;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.download .introduce .page4 .middle .left {
    position: absolute;
    top: 246px;
    left: -200px;
    width: 500px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.download .introduce .page4 .middle .left h2 {
    margin-bottom: 32px;
    font-size: 32px;
    line-height: 32px;
    color: #333;
    font-weight: 400
}

.download .introduce .page4 .middle .left p {
    font-size: 16px;
    line-height: 26px;
    color: #666
}

.download .introduce .page4 .middle .right {
    position: absolute;
    top: 55px;
    right: -200px;
    width: 471px;
    height: 479px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.download .introduce .page4 .middle .right img {
    width: 100%;
    height: 100%
}

.download .introduce .page4 .change {
    opacity: 1
}

.download .introduce .page4 .change .left {
    left: 65px
}

.download .introduce .page4 .change .right {
    right: 5px
}

.projectlist .input .el-input__inner {
    width: 1020px;
    height: 60px;
    min-height: 60px!important;
    background: #f8f8f8;
    border: 1px solid #f8f8f8;
    border-radius: 4px 0 0 4px;
    line-height: 0;
    padding: 10px 15px;
    vertical-align: middle
}

.projectlist .input .el-input__inner:focus {
    border-color: #0083ff;
    background: #fff
}

.projectlist h2, .projectlist h3 {
    font-weight: 400
}

.projectlist li {
    list-style: none
}

.projectlist i {
    font-style: normal
}

.projectlist .return {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
    color: #25aaff
}

.projectlist input[type=number] {
    -moz-appearance: textfield
}

.projectlist input[type=number]::-webkit-inner-spin-button, .projectlist input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.projectlist .popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 99
}

.projectlist .popup .popcon {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    width: 546px;
    height: 400px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    background: #fff;
    padding: 40px 0;
    margin: 0 auto;
    border-radius: 8px;
    -webkit-box-shadow: 4px 0 9px rgba(0, 57, 116, .08);
    box-shadow: 4px 0 9px rgba(0, 57, 116, .08)
}

.projectlist .popup .popcon .close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 15px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAG1BMVEUAAACUlJSZmZmXl5eZmZmXl5eZmZmZmZmZmZmNAi8EAAAACHRSTlMAGDo7P0B06dqRrk0AAABOSURBVHheVY0xCoBADAQHPftDP2J3bbpr7WwtfYDc+2XAFC4ksMNuwoqaKi0A+s7yAMV1BvQAkQCtwMAQqPviTzJTsqV18jLt+H5tqLm+Zk0M5socXLUAAAAASUVORK5CYII=) no-repeat 50%;
    cursor: pointer
}

.projectlist .popup .popcon img {
    display: block;
    margin: 0 auto 28px
}

.projectlist .popup .popcon h2 {
    font-size: 18px;
    line-height: 18px;
    color: #666;
    text-align: center
}

.projectlist .popup .popcon .btn {
    width: 180px;
    height: 50px;
    padding: 15px 0;
    margin: 80px auto 0;
    background: #0083ff;
    border-radius: 25px;
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.projectlist .popup .popcon .btn:hover {
    background: #66b1ff
}

.projectlist .popup .popcon .button {
    padding: 0 50px
}

.projectlist .popup .popcon .button .left {
    float: left
}

.projectlist .popup .popcon .button .right {
    float: right
}

.projectlist .intention {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 99
}

.projectlist .intention .intentioncon {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    width: 840px;
    margin: 0 auto;
    background: #fff;
    padding: 40px 120px 42px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.projectlist .intention .intentioncon h2 {
    font-size: 30px;
    line-height: 30px;
    color: #333;
    margin-bottom: 54px;
    font-weight: 700
}

.projectlist .intention .intentioncon .offer {
    position: relative;
    margin-bottom: 40px
}

.projectlist .intention .intentioncon .offer p {
    margin-bottom: 13px;
    font-size: 16px;
    line-height: 16px;
    color: #666
}

.projectlist .intention .intentioncon .offer p em, .projectlist .intention .intentioncon .offer p i {
    color: #ff7070
}

.projectlist .intention .intentioncon .offer .offerinput {
    width: 100%;
    height: 54px;
    padding: 0 29px 0 15px;
    font-size: 16px;
    line-height: 54px;
    border: 1px solid #e5e5e5
}

.projectlist .intention .intentioncon .offer input::-webkit-input-placeholder {
    color: #ccc
}

.projectlist .intention .intentioncon .offer input:-moz-placeholder, .projectlist .intention .intentioncon .offer input::-moz-placeholder {
    color: #ccc
}

.projectlist .intention .intentioncon .offer input:-ms-input-placeholder {
    color: #ccc
}

.projectlist .intention .intentioncon .offer span {
    position: absolute;
    right: 13px;
    bottom: 19px;
    font-size: 16px;
    line-height: 16px;
    color: #333
}

.projectlist .intention .intentioncon .instructions {
    position: relative;
    margin-bottom: 16px
}

.projectlist .intention .intentioncon .instructions p {
    margin-bottom: 13px;
    font-size: 16px;
    line-height: 16px;
    color: #666
}

.projectlist .intention .intentioncon .instructions p i {
    color: #ff7070
}

.projectlist .intention .intentioncon .instructions #text {
    width: 100%;
    height: 162px;
    padding: 18px 14px 30px;
    resize: none;
    border-color: #e5e5e5;
    font-size: 16px;
    line-height: 22px
}

.projectlist .intention .intentioncon .instructions textarea::-webkit-input-placeholder {
    color: #ccc
}

.projectlist .intention .intentioncon .instructions textarea:-moz-placeholder, .projectlist .intention .intentioncon .instructions textarea::-moz-placeholder {
    color: #ccc
}

.projectlist .intention .intentioncon .instructions textarea:-ms-input-placeholder {
    color: #ccc
}

.projectlist .intention .intentioncon .instructions span {
    position: absolute;
    right: 14px;
    bottom: 10px;
    font-size: 14px;
    line-height: 14px;
    color: #ccc
}

.projectlist .intention .intentioncon h3 {
    margin-bottom: 75px;
    font-size: 14px;
    line-height: 14px;
    color: #666
}

.projectlist .intention .intentioncon h3 a {
    color: #0083ff
}

.projectlist .intention .intentioncon .button {
    text-align: right
}

.projectlist .intention .intentioncon .button button {
    width: 120px;
    height: 42px;
    padding: 14px 0;
    border: none;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer
}

.projectlist .intention .intentioncon .button .cancel {
    margin-right: 20px;
    color: #0083ff;
    border: 1px solid #2d93f9;
    background: #fff
}

.projectlist .intention .intentioncon .button .cancel:hover {
    background: #f1faff
}

.projectlist .intention .intentioncon .button .determine {
    color: #fff;
    background: #2d93f9
}

.projectlist .intention .intentioncon .button .determine:hover {
    background: #66b1ff
}

.projectlist {
    width: 100%;
    background: #fff
}

.projectlist .banner {
    width: 100%;
    height: 100px;
    min-width: 1200px;
    _width: 1200px;
    margin-bottom: 30px;
    padding-top: 44px;
    background: url(static/images/banner_xm.2674a96.png) no-repeat 50%
}

.projectlist .banner h2 {
    width: 1200px;
    font-size: 26px;
    line-height: 14px;
    color: #fff;
    margin: 0 auto;
    position: relative;
    font-weight: 400
}

.projectlist .banner h2 a {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    cursor: pointer;
    color: #fff
}

.projectlist .banner h2 a:first-of-type {
    top: -6px;
    left: 523px;
    font-size: 14px;
    background: #ffc034;
    border-radius: 17px;
    padding: 8px 10px 10px
}

.projectlist .banner h2 a span {
    font-size: 26px;
    display: inline-block;
    vertical-align: top;
    margin-top: -2px;
    margin-right: 4px
}

.projectlist .banner h2 .liaomore {
    top: 30px;
    left: 5px;
    font-size: 16px
}

.projectlist .projectlist {
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    padding-bottom: 60px;
    border-bottom: 1px solid #e5e5e5
}

.projectlist .projectlist .middle {
    width: 1200px;
    margin: 0 auto
}

.projectlist .projectlist .middle .titles li {
    position: relative;
    float: left;
    height: 48px;
    margin-right: 40px;
    background: #fff;
    text-align: center;
    cursor: pointer
}

.projectlist .projectlist .middle .titles li a {
    font-size: 18px;
    line-height: 48px;
    color: #666
}

.projectlist .projectlist .middle .titles li:last-child {
    margin-right: 0
}

.projectlist .projectlist .middle .titles li:hover a {
    color: #0083ff
}

.projectlist .projectlist .middle .titles li:after {
    content: "";
    position: absolute;
    width: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #0083ff;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.projectlist .projectlist .middle .titles li:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.projectlist .projectlist .middle .titles .active:after, .projectlist .projectlist .middle .titles .nuxt-link-active:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #0083ff;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.projectlist .projectlist .middle .titles .active a, .projectlist .projectlist .middle .titles .nuxt-link-active a {
    color: #0083ff
}

.projectlist .projectlist .middle .paramsList {
    margin-top: 15px;
    font-size: 14px
}

.projectlist .projectlist .middle .paramsList .projectsort {
    border: 1px solid #e5e5e5;
    padding-bottom: 30px
}

.projectlist .projectlist .middle .paramsList .projectsort .jobsort {
    padding-left: 24px;
    background: #fafafa;
    border-bottom: 1px solid #e5e5e5
}

.projectlist .projectlist .middle .paramsList .projectsort .jobsort .name {
    color: #666;
    margin-right: 15px;
    display: inline-block
}

.projectlist .projectlist .middle .paramsList .projectsort .jobsort .item {
    display: inline-block;
    padding: 0;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s
}

.projectlist .projectlist .middle .paramsList .projectsort .jobsort .item a {
    position: relative;
    display: inline-block;
    padding: 17px 16px;
    line-height: 14px;
    font-family: MicrosoftYaHei;
    color: #333
}

.projectlist .projectlist .middle .paramsList .projectsort .jobsort .item a.select {
    color: #0083ff;
    background: #fff
}

.projectlist .projectlist .middle .paramsList .projectsort .jobsort .item a.select:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    margin: 0 auto;
    background: #0083ff
}

.projectlist .projectlist .middle .paramsList .projectsort .jobsort .item a.select:after {
    content: "";
    position: absolute;
    top: 47px;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    margin: 0 auto;
    background: #fff
}

.projectlist .projectlist .middle .paramsList .projectsort .jobsort .item a:after {
    content: "";
    position: absolute;
    width: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    height: 2px;
    top: -1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #0083ff;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.projectlist .projectlist .middle .paramsList .projectsort .jobsort .item a:hover {
    color: #0083ff
}

.projectlist .projectlist .middle .paramsList .projectsort .jobsort .item a.select:after, .projectlist .projectlist .middle .paramsList .projectsort .jobsort .item a:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.projectlist .projectlist .middle .paramsList .items {
    display: table;
    width: 100%;
    clear: both;
    padding-top: 20px;
    margin-left: 24px
}

.projectlist .projectlist .middle .paramsList .items .name {
    vertical-align: top;
    display: table-cell;
    color: #666;
    width: 80px;
    padding: 6px 0
}

.projectlist .projectlist .middle .paramsList .items .value {
    display: table-cell;
    vertical-align: top;
    font-size: 14px;
    position: relative;
    padding-right: 45px
}

.projectlist .projectlist .middle .paramsList .items .value.border {
    border-bottom: 1px solid #e5e5e5
}

.projectlist .projectlist .middle .paramsList .items .value .hidden {
    width: 100%;
    height: 45px;
    overflow: hidden
}

.projectlist .projectlist .middle .paramsList .items .value .item {
    display: inline-block;
    padding: 6px 10px;
    margin-right: 15px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s
}

.projectlist .projectlist .middle .paramsList .items .value .item a, .projectlist .projectlist .middle .paramsList .items .value .item span {
    margin: auto;
    height: 100%;
    color: #333
}

.projectlist .projectlist .middle .paramsList .items .value .item:after {
    content: "";
    position: absolute;
    width: 76%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 12%;
    background-color: #0083ff;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.projectlist .projectlist .middle .paramsList .items .value .item:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.projectlist .projectlist .middle .paramsList .items .value .item.select {
    background: #e5f2ff
}

.projectlist .projectlist .middle .paramsList .items .value .item.select a, .projectlist .projectlist .middle .paramsList .items .value .item.select span, .projectlist .projectlist .middle .paramsList .items .value .item:hover a {
    color: #0083ff
}

.projectlist .projectlist .middle .paramsList .items .value .showSwitch {
    color: #999;
    font-size: 16px;
    border: none;
    background: none;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0
}

.projectlist .projectlist .middle .paramsList .items .value .showSwitch.showing {
    color: #0083ff
}

.projectlist .projectlist .middle .items-time {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    padding-left: 28px;
    padding-top: 40px
}

.projectlist .projectlist .middle .items-time .dropdown {
    float: right;
    line-height: 30px;
    cursor: pointer
}

.projectlist .projectlist .middle .items-time .dropdown .el-dropdown-link {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    margin-right: 25px
}

.projectlist .projectlist .middle .list .firstscort {
    width: 100%;
    border: 1px solid #f2f2f2;
    margin-top: 19px;
    padding: 35px 30px 28px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.projectlist .projectlist .middle .list .firstscort .top {
    margin-bottom: 13px
}

.projectlist .projectlist .middle .list .firstscort .top .name {
    float: left;
    margin-right: 20px;
    font-size: 20px;
    line-height: 20px;
    color: #333;
    cursor: pointer;
    font-weight: 700;
    white-space: pre-wrap
}

.projectlist .projectlist .middle .list .firstscort .top .name:hover {
    color: #0083ff
}

.projectlist .projectlist .middle .list .firstscort .top .name span {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    background: #fc5b31;
    border-radius: 11px 11px 11px 0;
    padding: 1px 8px;
    display: inline-block;
    vertical-align: top;
    margin-top: -2px
}

.projectlist .projectlist .middle .list .firstscort .top .money {
    float: right;
    font-size: 30px;
    line-height: 20px;
    font-weight: 700;
    color: #f77272;
    cursor: pointer;
    margin-right: 15px;
    margin-bottom: 15px
}

.projectlist .projectlist .middle .list .firstscort .top .money span {
    font-size: 16px;
    margin-left: -2px
}

.projectlist .projectlist .middle .list .firstscort .top .time {
    float: left;
    font-size: 14px;
    line-height: 20px;
    color: #ccc
}

.projectlist .projectlist .middle .list .firstscort .introduce .left {
    float: left;
    width: 875px;
    cursor: pointer
}

.projectlist .projectlist .middle .list .firstscort .introduce .left p {
    position: relative;
    height: 64px;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-wrap: break-word;
    text-align: justify
}

.projectlist .projectlist .middle .list .firstscort .introduce .left .category_list {
    margin-top: 24px
}

.projectlist .projectlist .middle .list .firstscort .introduce .left .category_list p {
    float: left;
    height: 26px;
    padding: 6px 14px;
    margin-right: 20px;
    margin-bottom: 10px;
    background: #deefff;
    border-radius: 13px;
    font-size: 14px;
    line-height: 14px;
    color: #0083ff
}

.projectlist .projectlist .middle .list .firstscort .introduce .left .category_list span {
    float: left;
    height: 26px;
    padding: 6px 12px;
    margin-right: 20px;
    margin-bottom: 10px;
    background: #eaf3ff;
    border-radius: 13px;
    line-height: 14px;
    font-size: 14px;
    color: #0083ff
}

.projectlist .projectlist .middle .list .firstscort .introduce .left .category_list span:last-child {
    margin-right: 0
}

.projectlist .projectlist .middle .list .firstscort .introduce em {
    float: left;
    width: 1px;
    height: 96px;
    background: #f2f2f2;
    margin: 0 35px 0 40px
}

.projectlist .projectlist .middle .list .firstscort .introduce .right {
    float: right;
    width: 160px
}

.projectlist .projectlist .middle .list .firstscort .introduce .right ul div {
    float: left;
    width: 75px
}

.projectlist .projectlist .middle .list .firstscort .introduce .right ul div h2 {
    margin-bottom: 9px;
    font-size: 18px;
    color: #666;
    text-align: center
}

.projectlist .projectlist .middle .list .firstscort .introduce .right ul div p {
    font-size: 14px;
    color: #999;
    text-align: center
}

.projectlist .projectlist .middle .list .firstscort .introduce .right ul div:last-child {
    margin-right: 0
}

.projectlist .projectlist .middle .list .firstscort .introduce .right ul div:first-child {
    width: 85px
}

.projectlist .projectlist .middle .list .firstscort .introduce .right .btn {
    float: right;
    width: 140px;
    height: 46px;
    padding: 14px 0;
    margin-top: 30px;
    margin-right: 6px;
    background: #0083ff;
    border-radius: 4px;
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s
}

.projectlist .projectlist .middle .list .firstscort .introduce .right .btn:hover {
    background: #66b1ff
}

.projectlist .projectlist .middle .list .firstscort:hover {
    -webkit-box-shadow: 5px 3px 10px #efefef;
    box-shadow: 5px 3px 10px #efefef
}

.projectlist .projectlist .middle .list .showdownprojectList {
    overflow: hidden;
    width: 1200px;
    margin: 20px auto
}

.projectlist .projectlist .middle .list .showdownprojectList ul {
    width: 100%
}

.projectlist .projectlist .middle .list .showdownprojectList ul li {
    background: #fff;
    display: inline-block;
    vertical-align: top;
    width: 370px;
    cursor: pointer;
    margin-bottom: 50px;
    border: 1px solid #e5e5e5
}

.projectlist .projectlist .middle .list .showdownprojectList ul li:nth-child(2), .projectlist .projectlist .middle .list .showdownprojectList ul li:nth-child(5), .projectlist .projectlist .middle .list .showdownprojectList ul li:nth-child(8) {
    margin: 0 43px
}

.projectlist .projectlist .middle .list .showdownprojectList ul li:hover {
    -webkit-box-shadow: 5px 3px 10px #efefef;
    box-shadow: 5px 3px 10px #efefef
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .type {
    color: #fff;
    font-size: 22px;
    line-height: 80px;
    text-align: center;
    height: 165px
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .type .projectname {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .type .projectdess {
    color: #999;
    font-size: 14px;
    line-height: 24px;
    margin: 10px;
    margin-top: -7px;
    width: 310px;
    height: 50px;
    text-align: left;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-left: 35px
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .type.type-01 {
    background: #3a3a3a url(static/images/kaif.ec61eb6.png) 100% no-repeat;
    background-size: 35% 85%
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .type.type-02 {
    background: #3a3a3a url(static/images/shj.cb268b2.png) 100% no-repeat;
    background-size: 35% 85%
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .type.type-03 {
    background: #3a3a3a url(static/images/yuny.fdd2535.png) 100% no-repeat;
    background-size: 35% 85%
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .type.type-04 {
    background: #3a3a3a url(static/images/cp.d90e635.png) 100% no-repeat;
    background-size: 35% 85%
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .money {
    display: block;
    margin: auto;
    color: #ff532b;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    margin-top: 20px
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .money span {
    font-size: 18px
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .downtime {
    font-size: 14px;
    color: #999;
    text-align: center
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .childType {
    margin-top: 15px;
    text-align: center;
    height: 26px
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .childType span {
    display: inline-block;
    color: #999;
    font-size: 12px;
    padding: 5px 12px;
    background-color: #eff1f4;
    border-radius: 12px;
    margin-right: 22px
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .childType span:last-child {
    margin-right: 0
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .des {
    margin: 30px 0
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .des .item {
    display: inline-block;
    width: 33%;
    text-align: center
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .des .item em {
    display: inline;
    color: #333;
    font-size: 16px
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .des .item p {
    color: #999;
    font-size: 14px;
    margin-top: 10px
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .des .item:nth-child(2) {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5
}

.projectlist .nulldata {
    width: 100%;
    border: 1px solid #f2f2f2;
    padding: 117px 0 107px;
    margin-top: 19px
}

.projectlist .nulldata img {
    display: block;
    margin: 0 auto 50px
}

.projectlist .nulldata p {
    font-size: 14px;
    line-height: 14px;
    color: #666;
    text-align: center
}

.chatMessage {
    width: 100%;
    min-width: 1200px;
    padding-top: 42px;
    padding-bottom: 60px;
    border-bottom: 1px solid #e5e5e5
}

.chatMessage .clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

.chatMessage .clearfix {
    *zoom: 1
}

.chatMessage h2 {
    font-weight: 400
}

.chatMessage li {
    list-style: none
}

.chatMessage i {
    font-style: normal
}

.chatMessage .middle {
    overflow: hidden;
    width: 1200px;
    height: 810px;
    margin: 0 auto;
    background: #fff;
    border-radius: 4px
}

.chatMessage .middle .nulldata {
    width: 100%;
    padding: 117px 0 107px
}

.chatMessage .middle .nulldata img {
    display: block;
    margin: 0 auto 21px
}

.chatMessage .middle .nulldata p {
    font-size: 14px;
    line-height: 14px;
    color: #666;
    text-align: center
}

.chatMessage .middle .list {
    float: left;
    width: 100%;
    border-right: 1px solid #e6e6e6;
    -webkit-transition: all .3s;
    transition: all .3s
}

.chatMessage .middle .list .title {
    width: 100%;
    height: 60px;
    padding: 21px 24px;
    border-bottom: 1px solid #e6e6e6
}

.chatMessage .middle .list .title h2 {
    font-size: 18px;
    line-height: 18px;
    color: #333
}

.chatMessage .middle .list .chatlist {
    overflow-y: auto;
    width: 100%;
    height: 748px
}

.chatMessage .middle .list .chatlist .system li {
    padding: 20px 14px 20px 24px;
    -webkit-transition: all .2s;
    transition: all .2s;
    cursor: pointer
}

.chatMessage .middle .list .chatlist .system li .left {
    float: left;
    margin-right: 13px
}

.chatMessage .middle .list .chatlist .system li .left img {
    border-radius: 50%
}

.chatMessage .middle .list .chatlist .system li .right {
    float: left;
    width: 94%;
    -webkit-transition: all .2s;
    transition: all .2s
}

.chatMessage .middle .list .chatlist .system li .right .top .name {
    float: left;
    font-size: 18px;
    line-height: 24px;
    color: #333
}

.chatMessage .middle .list .chatlist .system li .right .top .time {
    float: right;
    font-size: 12px;
    line-height: 24px;
    color: #999
}

.chatMessage .middle .list .chatlist .system li .right .chat {
    position: relative
}

.chatMessage .middle .list .chatlist .system li .right .chat p {
    float: left;
    width: 84%;
    font-size: 14px;
    line-height: 22px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chatMessage .middle .list .chatlist .system li .right .chat em {
    position: absolute;
    right: -2px;
    top: 0;
    padding: 2px 4px;
    border-radius: 12px;
    background: #f74c31;
    font-size: 14px;
    line-height: 14px;
    color: #fff
}

.chatMessage .middle .list .chatlist .system .select, .chatMessage .middle .list .chatlist .system li:hover {
    background: #f3f3f3
}

.chatMessage .middle .list .chatlist .imchat li {
    padding: 20px 14px 20px 24px;
    -webkit-transition: all .2s;
    transition: all .2s;
    cursor: pointer
}

.chatMessage .middle .list .chatlist .imchat li .left {
    float: left;
    margin-right: 13px
}

.chatMessage .middle .list .chatlist .imchat li .left img {
    border-radius: 50%
}

.chatMessage .middle .list .chatlist .imchat li .right {
    float: left;
    width: 94%;
    -webkit-transition: all .2s;
    transition: all .2s
}

.chatMessage .middle .list .chatlist .imchat li .right .top {
    margin-bottom: 3px
}

.chatMessage .middle .list .chatlist .imchat li .right .top .name {
    float: left;
    width: 50%;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chatMessage .middle .list .chatlist .imchat li .right .top .time {
    float: right;
    font-size: 12px;
    line-height: 24px;
    color: #999
}

.chatMessage .middle .list .chatlist .imchat li .right .chat {
    position: relative
}

.chatMessage .middle .list .chatlist .imchat li .right .chat p {
    float: left;
    width: 60%;
    font-size: 14px;
    line-height: 22px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chatMessage .middle .list .chatlist .imchat li .right .chat em {
    position: absolute;
    right: -2px;
    top: 0;
    padding: 2px 4px;
    border-radius: 12px;
    background: #f74c31;
    font-size: 14px;
    line-height: 14px;
    color: #fff
}

.chatMessage .middle .list .chatlist .imchat li .right .chat .dismessage {
    position: absolute;
    right: 10px;
    top: 4px
}

.chatMessage .middle .list .chatlist .imchat li .right .chat .readIMnumber {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    color: #f7543a;
    top: 6px;
    right: -2px
}

.chatMessage .middle .list .chatlist .imchat li .right .chat .disturbnum {
    float: left;
    font-size: 14px;
    color: #999;
    margin-top: 1px;
    margin-right: 5px
}

.chatMessage .middle .list .chatlist .imchat .select, .chatMessage .middle .list .chatlist .imchat li:hover {
    background: #f3f3f3
}

.chatMessage .middle .list .chatlist .el-loading-mask {
    z-index: 1000
}

.chatMessage .middle .showchat {
    width: 280px
}

.chatMessage .middle .showchat .chatlist .imchat li .right, .chatMessage .middle .showchat .chatlist .system li .right {
    width: 63%
}

.chatMessage .middle .chatscreen {
    float: left;
    width: 920px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.chatMessage .middle .chatscreen .title {
    width: 100%;
    height: 60px;
    padding: 21px 24px;
    border-bottom: 1px solid #e6e6e6;
    position: relative
}

.chatMessage .middle .chatscreen .title h2 {
    font-size: 18px;
    line-height: 18px;
    color: #333;
    text-align: center;
    font-weight: 700
}

.chatMessage .middle .chatscreen .title i {
    font-size: 16px;
    line-height: 18px;
    color: #333;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 22px
}

.chatMessage .middle .chatscreen .title i:hover {
    color: #0083ff
}

.chatMessage .middle .chatscreen .title .mc-projectList {
    width: 370px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .16);
    background-color: #fff;
    padding: 20px 0;
    position: absolute;
    top: 75px;
    right: 0;
    z-index: 10
}

.chatMessage .middle .chatscreen .title .mc-projectList img {
    width: 16px;
    height: 16px;
    float: right;
    cursor: pointer;
    margin: 0 22px 0 0
}

.chatMessage .middle .chatscreen .title .mc-projectList h3 {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    padding-left: 30px;
    margin: 20px 0
}

.chatMessage .middle .chatscreen .title .mc-projectList .list {
    height: 200px;
    overflow-y: auto
}

.chatMessage .middle .chatscreen .title .mc-projectList p:hover {
    background-color: #eaf3ff
}

.chatMessage .middle .chatscreen .title .mc-projectList p:hover span {
    color: #0083ff
}

.chatMessage .middle .chatscreen .title .mc-projectList p:hover a {
    visibility: visible
}

.chatMessage .middle .chatscreen .title .mc-projectList p span {
    color: #999;
    font-size: 14px;
    line-height: 30px;
    padding-left: 33px;
    display: inline-block;
    vertical-align: top;
    width: 70%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 25px
}

.chatMessage .middle .chatscreen .title .mc-projectList p a {
    visibility: hidden;
    color: #0083ff;
    font-size: 14px;
    line-height: 33px;
    cursor: pointer
}

.chatMessage .middle .chatscreen .chatcontent {
    height: 528px;
    overflow: hidden;
    overflow-y: auto;
    padding: 10px 29px
}

.chatMessage .middle .chatscreen .chatcontent .left {
    margin-top: 10px;
    margin-bottom: 30px
}

.chatMessage .middle .chatscreen .chatcontent .left .time {
    margin-bottom: 21px;
    font-size: 12px;
    line-height: 12px;
    color: #ccc;
    text-align: center
}

.chatMessage .middle .chatscreen .chatcontent .left .headerimg {
    float: left
}

.chatMessage .middle .chatscreen .chatcontent .left .chat {
    float: left;
    margin-top: 3px
}

.chatMessage .middle .chatscreen .chatcontent .left .chat em {
    float: left;
    width: 10px;
    height: 12px;
    margin-top: 14px;
    background: #f5f5f5;
    border-radius: 0 0 0 100%
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .proshow {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-right: none
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .defaultImg {
    max-width: 300px;
    height: auto
}

.chatMessage .middle .chatscreen .chatcontent .left .chat p {
    float: left;
    max-width: 504px;
    padding: 10px 12px;
    background: #f5f5f5;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    word-wrap: break-word;
    text-align: justify
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showproject {
    float: right;
    max-width: 504px;
    padding: 30px 22px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    z-index: 1
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showproject .top {
    margin-bottom: 17px
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showproject .top h2 {
    float: left;
    width: 75%;
    margin-right: 9px;
    font-size: 20px;
    line-height: 20px;
    color: #333;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showproject .top i {
    float: left;
    font-size: 20px;
    line-height: 20px;
    color: #f77272;
    font-weight: 700
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showproject .details {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    word-wrap: break-word;
    text-align: justify
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showproject .bottom p {
    float: left;
    height: 26px;
    padding: 6px 14px;
    margin-right: 20px;
    margin-bottom: 10px;
    background: #0083ff;
    border-radius: 13px;
    font-size: 14px;
    line-height: 14px;
    color: #fff
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showproject .bottom span {
    float: left;
    height: 26px;
    padding: 6px 12px;
    margin-right: 20px;
    margin-bottom: 10px;
    background: #eaf3ff;
    border-radius: 13px;
    line-height: 14px;
    font-size: 14px;
    color: #0083ff
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showproject .bottom span:last-child {
    margin-right: 0
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showservice {
    width: 420px;
    border: 1px solid #e5e5e5;
    padding: 10px;
    background: #fff;
    position: relative;
    cursor: pointer;
    z-index: 1
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showservice .leftimg, .chatMessage .middle .chatscreen .chatcontent .left .chat .showservice .rightmsg {
    display: inline-block;
    vertical-align: top
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showservice .leftimg {
    width: 158px;
    height: 110px;
    margin-right: 15px
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showservice .leftimg .imgBox {
    width: 158px;
    height: 110px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showservice .rightmsg {
    width: 225px
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showservice .rightmsg p {
    font-size: 16px;
    height: 40px;
    width: 225px;
    margin-bottom: 45px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    background: #fff;
    color: #333;
    font-size: 18px;
    font-weight: 700;
    padding: 0
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showservice .rightmsg ._prices {
    width: 150px;
    height: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showservice .rightmsg ._prices span {
    color: #ff532b;
    font-size: 22px;
    font-weight: 700
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showservice .rightmsg .cheng_jiao {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #666;
    font-size: 14px
}

.chatMessage .middle .chatscreen .chatcontent .right {
    margin-top: 10px;
    margin-bottom: 30px
}

.chatMessage .middle .chatscreen .chatcontent .right .time {
    margin-bottom: 21px;
    font-size: 12px;
    line-height: 12px;
    color: #ccc;
    text-align: center
}

.chatMessage .middle .chatscreen .chatcontent .right .headerimg {
    float: right
}

.chatMessage .middle .chatscreen .chatcontent .right .chat {
    float: right;
    margin-top: 3px;
    position: relative
}

.chatMessage .middle .chatscreen .chatcontent .right .chat em {
    float: right;
    width: 10px;
    height: 12px;
    margin-top: 14px;
    background: #f5f5f5;
    border-radius: 0 0 100% 0
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .proshow {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-left: none
}

.chatMessage .middle .chatscreen .chatcontent .right .chat p {
    float: right;
    max-width: 504px;
    padding: 10px 12px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #0083ff;
    background-color: #eaf3ff;
    word-wrap: break-word;
    text-align: justify
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .send-again {
    margin: 13px 10px 0 0;
    color: #f56c6c;
    cursor: pointer
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .defaultImg {
    max-width: 300px;
    height: auto
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showproject {
    float: right;
    max-width: 504px;
    padding: 30px 22px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    z-index: 1
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showproject .top {
    margin-bottom: 17px
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showproject .top h2 {
    float: left;
    width: 75%;
    margin-right: 9px;
    font-size: 20px;
    line-height: 20px;
    color: #333;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showproject .top i {
    float: left;
    font-size: 20px;
    line-height: 20px;
    color: #f77272;
    font-weight: 700
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showproject .details {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    word-wrap: break-word;
    text-align: justify
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showproject .bottom p {
    float: left;
    height: 26px;
    padding: 6px 14px;
    margin-right: 20px;
    margin-bottom: 10px;
    background: #0083ff;
    border-radius: 13px;
    font-size: 14px;
    line-height: 14px;
    color: #fff
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showproject .bottom span {
    float: left;
    height: 26px;
    padding: 6px 12px;
    margin-right: 20px;
    margin-bottom: 10px;
    background: #eaf3ff;
    border-radius: 13px;
    line-height: 14px;
    font-size: 14px;
    color: #0083ff
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showproject .bottom span:last-child {
    margin-right: 0
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showservice {
    width: 420px;
    border: 1px solid #e5e5e5;
    padding: 10px;
    background: #fff;
    position: relative;
    cursor: pointer;
    z-index: 1
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showservice .leftimg, .chatMessage .middle .chatscreen .chatcontent .right .chat .showservice .rightmsg {
    display: inline-block;
    vertical-align: top
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showservice .leftimg {
    width: 158px;
    height: 110px;
    margin-right: 15px
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showservice .leftimg .imgBox {
    width: 158px;
    height: 110px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showservice .rightmsg {
    width: 225px
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showservice .rightmsg p {
    font-size: 16px;
    height: 40px;
    width: 225px;
    margin-bottom: 45px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    background: #fff;
    color: #333;
    font-size: 18px;
    font-weight: 700;
    padding: 0
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showservice .rightmsg ._prices {
    width: 150px;
    height: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showservice .rightmsg ._prices span {
    color: #ff532b;
    font-size: 22px;
    font-weight: 700
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showservice .rightmsg .cheng_jiao {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #666;
    font-size: 14px
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .ischatread {
    position: absolute;
    bottom: -22px;
    right: 10px;
    font-size: 12px;
    color: #999
}

.chatMessage .middle .chatscreen .inputbox {
    height: 220px;
    border-top: 1px solid #e6e6e6
}

.chatMessage .middle .chatscreen .inputbox .emoji-box {
    position: relative;
    float: left;
    width: 27px;
    height: 27px;
    margin: 10px 0 10px 20px
}

.chatMessage .middle .chatscreen .inputbox .emoji-box.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.chatMessage .middle .chatscreen .inputbox .emoji-box .emoji-img {
    display: block;
    width: 27px;
    height: 27px;
    cursor: pointer
}

.chatMessage .middle .chatscreen .inputbox .emoji-box .emoji {
    position: absolute;
    left: -6px;
    top: -109px;
    width: 430px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    background: #fff;
    z-index: 999
}

.chatMessage .middle .chatscreen .inputbox .emoji-box .emoji .el-button {
    position: absolute;
    border: none;
    color: #ff4949;
    right: -47px;
    top: -108px;
    font-size: 24px;
    z-index: 999;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

.chatMessage .middle .chatscreen .inputbox .photo {
    float: left;
    width: 27px;
    height: 27px;
    margin: 10px 0 10px 15px;
    cursor: pointer
}

.chatMessage .middle .chatscreen .inputbox .img-uploader {
    overflow: hidden;
    float: left;
    width: 27px;
    height: 27px;
    margin: 10px 0 10px 15px
}

.chatMessage .middle .chatscreen .inputbox .img-uploader i {
    display: block;
    width: 27px;
    height: 27px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAABU1BMVEUAAAD///9/f3+/v7/Gxsa5ubnExMS2trbIyMjGxsa7u7u/v7/FxcW8vLy3t7fBwcG8vLy4uLi3t7+9vb24uLi4uL+6urq9vb25ubm/v7+6urq8vLy4uLi4uL25ub68vLy8vMG+vr66urq+vr6/v7++vr69vb2+vr67u7+9vb28vL+8vLy6ur27u727u76+vr68vL6+vr67u729vb28vLy7u729vb28vLy9vb29vb+8vLy9vb68vL68vL6+vr68vL67u729vb29vb29vb28vL28vL68vLy9vb68vL29vb28vL69vb29vb69vb29vb68vL28vL29vb29vb68vL6+vr69vb68vL29vb68vL29vb68vL29vb69vb68vL29vb68vL28vL29vb68vL29vb68vL28vL29vb69vb68vL29vb68vL28vL29vb68vL29vb68vL29vb5eFvNzAAAAcHRSTlMAAgIECQsNDg4SExQWFxkZGx0gIygoKSssLC0uLy8zNjY3ODs8P0ZLTE5QUVJeX25vcnV1d4CAh4iMjo+ipaWpq6usr7S1wcLDw8XGxsfLzs/Pz9DQ0dvd3t7j6Onq6uvu7u/w8vP09fb4+fr8/f3+QjvfiwAAAP1JREFUeF61z1dTwkAUhuET0aDS7L0HRQ21WHvBhr2i6AoaY4vg/v9q9jiZ3Zh45fDefLPz3JyFfyUNRSbtRTotU66ps702tK7X/fGWkL1W9eZWZrhSaABn7e8pNoUFcGtnjc3djCvmcrXG6ePuPzHxqd/3uGPdIl0KXJFehKlVWcT5zUoSwHeJqhrVvFdA401l67sgfaZthLUDL0cyxgY1Y6x7YJSphbNIqHTbA2DqYaPzn83npJ/tiKkcuT6gDmtHu4jFORD0rPSjT3QLbz6R7DrAdoLiKeHKsl/QptPSIEBH/jGIz7j+pZV5L/Sj/EyLivWFWPZX6Wg91K5vcrdFgeBkkAsAAAAASUVORK5CYII=) 0 0 no-repeat
}

.chatMessage .middle .chatscreen .inputbox .myProject {
    float: left;
    width: 27px;
    height: 27px;
    margin: 10px 0 10px 20px
}

.chatMessage .middle .chatscreen .inputbox .myProject img {
    cursor: pointer
}

.chatMessage .middle .chatscreen .inputbox .myProject .myprojectList {
    position: relative;
    top: -310px;
    left: -100px;
    width: 370px;
    height: 254px;
    padding: 43px 0 30px;
    background: #fff;
    z-index: 99;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 0 10px hsla(0, 0%, 55%, .36);
    box-shadow: 0 0 10px hsla(0, 0%, 55%, .36);
    border-radius: 4px
}

.chatMessage .middle .chatscreen .inputbox .myProject .myprojectList .close {
    position: absolute;
    right: 22px;
    top: 19px;
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAACbm5uampqcnJybm5ubm5ucnJybm5sidExJAAAACHRSTlMAZGVlZpeY/Cp35AwAAABKSURBVHheJctBDYBQDATRKSLgygmuSMADFlBQ8B+Y/Zsm276kXCQzy2HX44CnJKiBsCC1EBKytOXLvg44p1C98JMAkiAFQjfJ9gEFPwr8A3HYpQAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: cover;
    cursor: pointer
}

.chatMessage .middle .chatscreen .inputbox .myProject .myprojectList h2 {
    margin-bottom: 20px;
    padding: 0 29px;
    font-size: 16px;
    line-height: 16px;
    color: #333;
    font-weight: 700
}

.chatMessage .middle .chatscreen .inputbox .myProject .myprojectList ul {
    overflow-y: auto;
    width: 100%;
    height: 160px
}

.chatMessage .middle .chatscreen .inputbox .myProject .myprojectList ul li {
    width: 100%;
    padding: 13px 29px
}

.chatMessage .middle .chatscreen .inputbox .myProject .myprojectList ul li p {
    font-size: 14px;
    line-height: 14px;
    color: #999
}

.chatMessage .middle .chatscreen .inputbox .myProject .myprojectList ul li .name {
    float: left;
    width: 65%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.chatMessage .middle .chatscreen .inputbox .myProject .myprojectList ul li .sendproject {
    display: none;
    float: right;
    cursor: pointer
}

.chatMessage .middle .chatscreen .inputbox .myProject .myprojectList ul li:hover {
    background: #eaf3ff
}

.chatMessage .middle .chatscreen .inputbox .myProject .myprojectList ul li:hover p {
    color: #0083ff
}

.chatMessage .middle .chatscreen .inputbox .myProject .myprojectList ul li:hover .sendproject {
    display: block
}

.chatMessage .middle .chatscreen .inputbox .myProject .myprojectList ul .nulldata {
    padding: 10px 0
}

.chatMessage .middle .chatscreen .inputbox textarea {
    width: 100%;
    height: 123px;
    padding: 8px 20px 20px;
    background: #f8f8f8;
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
    color: #333;
    border: 1px solid #f8f8f8;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.chatMessage .middle .chatscreen .inputbox textarea:focus {
    border: 1px solid #0083ff;
    background: #fff
}

.chatMessage .middle .chatscreen .inputbox .operation {
    margin-top: 8px;
    text-align: right
}

.chatMessage .middle .chatscreen .inputbox .operation .tip {
    font-size: 12px;
    line-height: 12px;
    color: #999
}

.chatMessage .middle .chatscreen .inputbox .operation .send {
    width: 70px;
    height: 32px;
    margin-left: 15px;
    margin-right: 20px;
    border: none;
    border-radius: 4px;
    background: #0083ff;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s
}

.chatMessage .middle .chatscreen .inputbox .operation .send:hover {
    background: #66b1ff
}

.chatMessage .middle .systemscreen {
    float: left;
    width: 920px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.chatMessage .middle .systemscreen .title {
    width: 100%;
    height: 60px;
    padding: 21px 24px;
    border-bottom: 1px solid #e6e6e6
}

.chatMessage .middle .systemscreen .title h2 {
    float: left;
    font-size: 18px;
    line-height: 18px;
    color: #333
}

.chatMessage .middle .systemscreen .title i {
    float: right;
    font-size: 18px;
    line-height: 18px;
    color: #333;
    cursor: pointer
}

.chatMessage .middle .systemscreen .title i:hover {
    color: #0083ff
}

.chatMessage .middle .systemscreen .chatcontent {
    height: 748px;
    overflow: hidden;
    overflow-y: auto;
    padding: 20px 29px 10px
}

.chatMessage .middle .systemscreen .chatcontent .left {
    margin-bottom: 30px
}

.chatMessage .middle .systemscreen .chatcontent .left p {
    margin-bottom: 21px;
    font-size: 12px;
    line-height: 12px;
    color: #ccc;
    text-align: center
}

.chatMessage .middle .systemscreen .chatcontent .left img {
    float: left;
    margin-right: 10px;
    border-radius: 50%
}

.chatMessage .middle .systemscreen .chatcontent .left .chat {
    float: left;
    margin-top: 3px
}

.chatMessage .middle .systemscreen .chatcontent .left .chat em {
    float: left;
    width: 10px;
    height: 12px;
    margin-top: 14px;
    background: #f5f5f5;
    border-radius: 0 0 0 100%
}

.chatMessage .middle .systemscreen .chatcontent .left .chat span {
    float: left;
    max-width: 504px;
    padding: 10px 12px;
    background: #f5f5f5;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    word-wrap: break-word;
    text-align: justify
}

.chatMessage .middle #onmouseRight {
    position: absolute;
    padding: 10px 0;
    display: none;
    background: #ededed;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 4px 16px 0 hsla(0, 0%, 76%, .55);
    box-shadow: 0 4px 16px 0 hsla(0, 0%, 76%, .55);
    border-radius: 8px
}

.chatMessage .middle #onmouseRight li {
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    padding: 0 15px;
    min-width: 110px;
    cursor: pointer
}

.chatMessage .middle #onmouseRight li:hover {
    color: #fff;
    background: #0083ff
}

.chatMessage .middle .cantclick {
    pointer-events: none
}

.chatMessage .isclear .content {
    width: 502px;
    margin: 40px auto;
    padding-left: 70px
}

.chatMessage .isclear .content h1 {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 45px
}

.chatMessage .isclear .content p {
    font-size: 18px;
    color: #666;
    margin-bottom: 70px
}

.chatMessage .isclear .content button {
    width: 120px;
    height: 40px;
    border: none;
    background: #0083ff;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer
}

.chatMessage .isclear .content button:first-of-type {
    margin-left: 100px;
    margin-right: 20px;
    border: 1px solid #2d93f9;
    background: #fff;
    color: #0083ff
}

.thirdpaeryAgreement {
    width: 1200px;
    margin: 20px auto 58px;
    padding: 60px 120px;
    background: #fff;
    text-align: justify
}

.thirdpaeryAgreement h2 {
    margin-bottom: 47px;
    font-size: 22px;
    line-height: 22px;
    color: #333;
    text-align: center
}

.thirdpaeryAgreement h3 {
    margin: 30px 0 20px;
    font-size: 16px;
    line-height: 28px;
    color: #333
}

.thirdpaeryAgreement p {
    font-size: 16px;
    line-height: 28px;
    color: #666
}

.thirdpaeryAgreement p em {
    font-style: normal;
    color: #333;
    font-weight: 700
}

.thirdpaeryAgreement .separated {
    margin: 30px 0 20px
}

.el-popover {
    word-break: break-all
}

.wallet-index .head {
    overflow: hidden;
    position: relative;
    min-width: 1200px;
    height: 100px
}

.wallet-index .head img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px
}

.wallet-index .wallet-content {
    position: relative;
    width: 1000px;
    padding: 42px 0 72px;
    margin: 0 auto
}

.wallet-index .wallet-content h2 {
    position: absolute;
    top: -62px;
    left: 0;
    height: 25px;
    font-size: 25px;
    font-weight: 400;
    line-height: 25px;
    font-family: MicrosoftYaHei;
    color: #fff;
    z-index: 1
}

.wallet-index .wallet-content .wallet-head {
    position: relative;
    overflow: hidden;
    height: 190px;
    margin-bottom: 30px;
    background: url(static/images/wallet_bj.7b31425.png) 0 0 no-repeat
}

.wallet-index .wallet-content .wallet-head .balance {
    display: block;
    height: 18px;
    margin: 24px 0 30px 52px;
    padding-left: 28px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARAgMAAACtNBRqAAAADFBMVEUAAAAAg//D4v////9huCfZAAAAAXRSTlMAQObYZgAAAC9JREFUCFtj+P///wEGhquhoXASKPIfzA5HJ8P/fwCRoQUgMrUAwQaLY6oHkWDTANYiKtAlLtBwAAAAAElFTkSuQmCC) 0 no-repeat;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    line-height: 18px;
    color: #fff
}

.wallet-index .wallet-content .wallet-head div {
    position: relative;
    margin-left: 52px;
    font-family: MicrosoftYaHei
}

.wallet-index .wallet-content .wallet-head div.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.wallet-index .wallet-content .wallet-head div em {
    position: absolute;
    bottom: 16px;
    left: -4px;
    font-size: 30px;
    color: #fff;
    line-height: 30px
}

.wallet-index .wallet-content .wallet-head div .money {
    float: left;
    height: 74px;
    margin: 0 30px;
    border-bottom: 2px solid #fff;
    font-size: 50px;
    line-height: 74px;
    color: #fff
}

.wallet-index .wallet-content .wallet-head div .put-forward {
    float: left;
    width: 80px;
    height: 38px;
    margin-top: 18px;
    background: #fff;
    border-radius: 19px;
    line-height: 38px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    text-align: center;
    color: #0083ff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.wallet-index .wallet-content .wallet-head div .put-forward:hover {
    background: #66b1ff;
    color: #fff
}

.wallet-index .wallet-content .wallet-head .total-income {
    position: absolute;
    right: 10px;
    bottom: 10px;
    line-height: 16px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #cfe8ff
}

.wallet-index .wallet-content .wallet-body {
    overflow: hidden;
    min-height: 538px;
    background: #fff;
    font-size: 14px;
    font-family: MicrosoftYaHei
}

.wallet-index .wallet-content .wallet-body .history-title {
    color: #333
}

.wallet-index .wallet-content .wallet-body .history-head, .wallet-index .wallet-content .wallet-body .history-title {
    height: 64px;
    padding-left: 50px;
    border-bottom: 1px solid #f2f2f2;
    line-height: 64px
}

.wallet-index .wallet-content .wallet-body .history-head span {
    float: left;
    margin-right: 10px;
    color: #999
}

.wallet-index .wallet-content .wallet-body .history-head span:first-child, .wallet-index .wallet-content .wallet-body .history-head span:nth-child(2) {
    width: 200px
}

.wallet-index .wallet-content .wallet-body .history-head span:nth-child(3), .wallet-index .wallet-content .wallet-body .history-head span:nth-child(4), .wallet-index .wallet-content .wallet-body .history-head span:nth-child(5), .wallet-index .wallet-content .wallet-body .history-head span:nth-child(6) {
    width: 120px
}

.wallet-index .wallet-content .wallet-body ul {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    line-height: 64px
}

.wallet-index .wallet-content .wallet-body ul li {
    height: 64px;
    border-bottom: 1px solid #f2f2f2;
    list-style: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.wallet-index .wallet-content .wallet-body ul li:hover {
    background: #f3f3f3
}

.wallet-index .wallet-content .wallet-body ul li span {
    float: left;
    margin-right: 10px;
    color: #666
}

.wallet-index .wallet-content .wallet-body ul li span:first-child {
    margin-left: 50px;
    width: 200px
}

.wallet-index .wallet-content .wallet-body ul li span:nth-child(2) {
    width: 200px
}

.wallet-index .wallet-content .wallet-body ul li span:nth-child(3), .wallet-index .wallet-content .wallet-body ul li span:nth-child(4), .wallet-index .wallet-content .wallet-body ul li span:nth-child(5), .wallet-index .wallet-content .wallet-body ul li span:nth-child(6) {
    width: 120px
}

.wallet-index .wallet-content .wallet-body ul li span:nth-child(6):hover span {
    color: #0083ff;
    cursor: pointer
}

.wallet-index .wallet-content .wallet-body ul li span.income {
    color: #f77272
}

.wallet-index .wallet-content .wallet-body ul li span em {
    padding: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.wallet-index .wallet-content .wallet-body ul li span em:hover {
    color: #0083ff
}

.wallet-index .wallet-content .no-data {
    margin-top: 142px
}

.wallet-index .wallet-content .no-data img {
    display: block;
    width: 72px;
    height: 72px;
    margin: 0 auto;
    margin-bottom: 47px
}

.wallet-index .wallet-content .no-data p {
    line-height: 14px;
    text-align: center;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666
}

.wallet-index .verification-code-msg {
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    width: 734px;
    height: 370px;
    padding-left: 100px;
    margin: 0 auto;
    background: #fff;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    font-family: MicrosoftYaHei;
    z-index: 3
}

.wallet-index .verification-code-msg input::-webkit-input-placeholder {
    color: #ccc
}

.wallet-index .verification-code-msg .title {
    margin: 40px 0 54px;
    font-size: 30px;
    line-height: 30px
}

.wallet-index .verification-code-msg .tel-code {
    margin-bottom: 30px
}

.wallet-index .verification-code-msg .tel-code .tel {
    margin-right: 16px;
    font-size: 16px;
    line-height: 16px;
    color: #333
}

.wallet-index .verification-code-msg .tel-code .get-code {
    font-size: 16px;
    line-height: 16px;
    color: #0083ff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.wallet-index .verification-code-msg input {
    display: block;
    width: 240px;
    height: 44px;
    padding: 0 10px;
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.wallet-index .verification-code-msg input:focus {
    border: 1px solid #0083ff;
    -webkit-box-shadow: 0 0 5px #0083ff;
    box-shadow: 0 0 5px #0083ff
}

.wallet-index .btn-box {
    position: absolute;
    bottom: 40px;
    right: 100px;
    height: 42px
}

.wallet-index .btn-box span {
    float: left;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px
}

.wallet-index .btn-box span:first-child {
    width: 118px;
    height: 42px;
    margin-right: 20px;
    border: 1px solid #0083ff;
    color: #0083ff;
    line-height: 42px
}

.wallet-index .btn-box span:first-child:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

.wallet-index .btn-box span:nth-child(2) {
    width: 120px;
    height: 42px;
    background: #0083ff;
    line-height: 42px;
    font-size: 14px;
    color: #fff
}

.wallet-index .btn-box span:nth-child(2):hover {
    background: #66b1ff;
    color: #fff
}

.wallet-index .pay-msg {
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    width: 734px;
    height: 538px;
    padding-left: 100px;
    margin: 0 auto;
    background: #fff;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    font-family: MicrosoftYaHei;
    z-index: 3
}

.wallet-index .pay-msg input::-webkit-input-placeholder {
    color: #ccc
}

.wallet-index .pay-msg .title {
    margin: 40px 0 54px;
    font-size: 30px;
    line-height: 30px
}

.wallet-index .pay-msg .nitoce {
    margin-bottom: 40px;
    font-size: 14px;
    line-height: 14px;
    font-family: MicrosoftYaHei;
    color: #999
}

.wallet-index .pay-msg .nitoce em {
    padding: 0 5px;
    color: #ff4949
}

.wallet-index .pay-msg .ipt-box {
    height: 44px;
    margin-bottom: 40px
}

.wallet-index .pay-msg .ipt-box label {
    float: left;
    width: 90px;
    font-size: 16px;
    line-height: 44px;
    font-family: MicrosoftYaHei;
    color: #666
}

.wallet-index .pay-msg .ipt-box label em {
    color: #ff7070
}

.wallet-index .pay-msg .ipt-box input {
    float: left;
    width: 440px;
    height: 44px;
    padding: 0 10px;
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.wallet-index .pay-msg .ipt-box input:focus {
    border: 1px solid #0083ff;
    -webkit-box-shadow: 0 0 5px #0083ff;
    box-shadow: 0 0 5px #0083ff
}

.wallet-index .pay-msg .kt {
    float: right;
    margin-right: 100px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    line-height: 16px;
    color: #666
}

.wallet-index .pay-msg .kt em {
    color: #ff4949
}

.wallet-index .cover {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .45);
    z-index: 2
}

.wallet-index .animate-enter-active, .wallet-index .animate-leave-active, .wallet-index .cover {
    -webkit-transition: all .35s;
    transition: all .35s
}

.wallet-index .animate-enter, .wallet-index .animate-leave-active {
    opacity: 0;
    -webkit-transform: translateY(-400px);
    transform: translateY(-400px)
}

.wallet-index .animate-move {
    -webkit-transition: all .35s;
    transition: all .35s
}

.safetyGuarantee {
    width: 100%;
    min-width: 1200px
}

.safetyGuarantee h2 {
    font-weight: 400
}

.safetyGuarantee .title {
    height: 300px;
    background: url(static/images/bg.365c951.png) 50% no-repeat;
    padding-top: 112px
}

.safetyGuarantee .title div {
    width: 1200px;
    margin: 0 auto
}

.safetyGuarantee .title div h2 {
    color: #fff;
    font-size: 60px;
    line-height: 60px
}

.safetyGuarantee .title div p {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    margin-top: 30px
}

.safetyGuarantee .top {
    background-color: #fff;
    padding: 95px 0 111px
}

.safetyGuarantee .top .top-loading {
    margin: auto;
    width: 1000px
}

.safetyGuarantee .top .top-loading .top-banner {
    width: 960px;
    height: 1px;
    background-color: #dddada;
    margin: 0 auto;
    position: relative
}

.safetyGuarantee .top .top-loading .top-banner i {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #dddada;
    position: absolute;
    top: -8px
}

.safetyGuarantee .top .top-loading .top-banner i.left {
    left: 9%
}

.safetyGuarantee .top .top-loading .top-banner i.center {
    left: 49%
}

.safetyGuarantee .top .top-loading .top-banner i.right {
    right: 9%
}

.safetyGuarantee .top .top-loading .top-item {
    display: inline-block;
    width: 22%;
    margin-right: 16%;
    vertical-align: top
}

.safetyGuarantee .top .top-loading .top-item:last-child {
    margin-right: 0
}

.safetyGuarantee .top .top-loading .top-item h2 {
    color: #333;
    font-size: 20px;
    line-height: 120px;
    text-align: center
}

.safetyGuarantee .top .top-loading .top-item h2.one {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAAA6CAMAAAD/YkWdAAAAulBMVEUAAAC/v7/f39/V1dXf39/Z2dnm5ubf39/k5OTf39/j4+Pf39/m5ubi4uLk5OTi4uLk5OTm5ubh4eHj4+Pl5eXj4+Pk5OTi4uLk5OTl5eXj4+Pk5OTl5eXm5ubn5+fl5eXl5eXl5eXk5OTl5eXm5ubl5eXm5ubm5ubl5eXl5eXm5ubl5eXm5ubl5eXm5ubl5eXl5eXl5eXm5ubl5eXl5eXl5eXl5eXl5eXl5eXk5OTl5eXl5eXl5eX///8NDvjjAAAAPHRSTlMABAgMEBQUGBwgJCgoLDA0ODw8QERITFBUWFxga29zd3+Lj5OXn6Orr7O3u7/Dw8fLz9PX29/j5+vv8/tBzKqNAAABW0lEQVR4Xu3W6U7CQBSG4VMWKbsIZRERd1BEUaBQ5vP+b8tknBPsFBOGg4kmff99SXmapiQdSpYbzqBT04sM7Sz7AgBL2q/zCNvCYBfov8NBHCCW6ibB5goOYg9WqmF53pWCg5hbw27uxcD6G+AiXiFZn7aV7gE3MQSnwE2Jq4wUHMUGK08+VeY8fBb7gKvID73KElFJ8WMLxEdjXOs1NutWIIbGaMf+mtPDRQ+mkp4ts0IWg+ev9heLLHp6lnmS1f7iKRPWDQoHi00jRKTLs1gUi3zpXxE/jt3/ElMxFVMxFVMxFX/xe52Km6OdpOo/nPbyB4gWkdGzKj+REhNlvQL+pUBcGKOj16VZE4E4NsadXhOzbgTi0BhR4ft76gnEGiOzhh+szFAnApEWSDYhiThAso5IzCxh90oikVrKAjdVoUhdFQfPSCpSc4FtsxrJRfJ6o7Xmwoc2ufcJ9hyA6F0RI2cAAAAASUVORK5CYII=) 50% no-repeat
}

.safetyGuarantee .top .top-loading .top-item h2.two {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAAA7CAMAAAA0PpY4AAAA6lBMVEUAAAC/v7/f39/V1dXf39/Z2dnm5ubf39/k5OTf39/j4+Pm5ubf39/i4uLk5OTi4uLk5OTm5ubh4eHj4+Pl5eXj4+Pk5OT////i4uLk5OTl5eXj4+Pk5OT39/fj4+Pk5OTl5eXl5eXm5ubn5+fl5eX09PTm5ubl5eXz8/Pm5ubl5eXl5eXk5OTl5eXm5ubl5eXm5ubk5OTl5eXm5ubl5eXl5eXl5eXm5ubl5eXk5OTm5ubl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXt7e3l5eXk5OTl5eXt7e3l5eXl5eXl5eXt7e3///+eOcrfAAAAS3RSTlMABAgMEBQUGBwgJCgoLDA0ODw8QERITExQVFhcYGNkaGtsb3N3eXt/gYOHi4+Tl5+jo6err7O3t7u/v8PHy8/X29/j5+nr7/Pz9/vDQmKOAAACDUlEQVR4Xu2XW1PiQBBGOxGWAIJiDCIb766s9/suCqAQJZpx///f2ZLpdpJJiK3hMeftq69ySHqmihmIs7Bk23bdhBkUHNd1m0XgUtgfiClBbztJ2uoJSW8dWPycCMXY0etyXyh6FkO4KyIE2ntUvUjtVeEz2kIjaIRri4TEqPDZDJ+FzoMBim6sPod0OiKOq+pWQl2HVMZqgGr8qqZV4b9kgyx/Lag+ULCorn1YasUdH4NvcD7aWwCASqB/9j7WV+9hi/TLkMItOo6n6QbTKdV/sK68B4MmtMMZYxO3pjZI3AhDmS6xPkkRGiL8ErCKaYx1AfMZjoixNGUyymEvUsSa8oGMWwzjMim0HyjJbEdX6oBhpEcmMhbJWE40dr5gHGFON55jPPq+sXIvcWTsz949a8SvN8kT5jdkYy2JF2x/xxr4N29yoyI35sbcmBtzI/O/kDjkHUX5xtIrCq9hTsZTFAaV+RjVMfUM5mS8QKFf+pLRj52kiLpAOsBiacZprwjEHQo9EzgohRm9GgDhqDsOE1IsRp4fUW0MsR8Cl0d0tKZpD1OXalcgNnC5iWyNrnYZMD3+5tavQJNSeJ3a+qVx0w4DKajNMWhYjoch+IGtLxJhDJLQxyi+Y9wVcVqZjOZI6PQhkxFWA03o1zIaYT2q9FcgqxHs8OoM6pDdCEb7Wl57xxfNSFFOBmL8B3UgRwMe0gRzAAAAAElFTkSuQmCC) 50% no-repeat
}

.safetyGuarantee .top .top-loading .top-item h2.three {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAAA6CAMAAAD/YkWdAAAA3lBMVEUAAAC/v7/f39/V1dXf39/Z2dnm5ubf39/k5OTf39/j4+Pf39/m5ubi4uLk5OTi4uLk5OTm5ubh4eHj4+Pl5eXj4+Pk5OT////i4uL8/Pzk5OTl5eXj4+Pk5OT39/fl5eXl5eXm5ubn5+fl5eX09PTl5eXm5ubl5eXm5ubk5OTl5eXm5ubl5eXl5eXm5ubk5OTm5ubl5eXl5eXl5eXm5ubl5eXm5ubl5eXm5ubl5eXl5eXk5OTl5eXl5eXl5eXl5eXl5eXt7e3l5eXk5OTl5eXl5eXl5eXl5eXt7e3////3YhbwAAAAR3RSTlMABAgMEBQUGBwgJCgoLDA0ODw8QERITExQUVRYXGBja2xvc3d5f4OLj4+Tl5ufo6Orr7O3t7u/w8PHy9PX29/j5+nr7/P3+/ncb5UAAAIbSURBVHhe7Zhrc5pAGIXBxHDRWI3B2KBtWpvG3tKLxVSjQBXY9P//oWZ233fYC122ox853848M4+zhw+yWBU5na0JTfHwuqXicZQzHN/5llEme1ImCSTqrziaz0yEb4iQ4lqg3VTE83phSKQUA36QWMZhnfB0R+Rs7BLPFZq2aoy3RM3UwpzlVVSfpByQYB64jVW60AsHaPnpWt0NFhfxAofoWt4vgJltdOj05Ln4hXywDHDnuTi4QE9r/AGOO9q+Q/sI1Ie+ou0eWmg04whmE4ccCr93A22mE9oE4tN6CS0BPIF+I/k18dDI1u5gBTzFXYUNvuiMfVHhYXWqjJ6JEYfas9pGoycZkZobY+iSMViyBEAPM6pxjmnU7vjn2GmMXBpjY2yMjbExXvF598TyG/oT5BV0IS+r6QH/hRpqbHQ8Fvtoxo1Ys8ONsVzNjRmrbb0xNTC++MfbXls09sVNHJM30hat51gtccchbXZJNUFFh7ZAmnUJfSK8ASda4xYcY9reQouAfoX+nrYxtKXWiPeNT7RF0D4AvRXuDp/Lu4kmM3DsHf45hUBHhHs0bl5STXooWQ/cIIVSnAE9KYCmgTvY1D5qHFJNxF3J1Cz/6wsAPibMqJLq04oV4YrDkULXVl0uC0mYnXPU20k071m1uRaV2YVAL3bydxGDDLf8oXoS9RYc3fYto9jhN3a45H5UgfvzRzbHYmJX4L/FzSDlWtxHYQAAAABJRU5ErkJggg==) 50% no-repeat
}

.safetyGuarantee .top .top-loading .top-item p {
    color: #999;
    font-size: 14px;
    line-height: 24px;
    text-align: left
}

.safetyGuarantee .item .item-body {
    width: 1000px;
    margin: auto;
    position: relative
}

.safetyGuarantee .item .item-body .content h2 {
    color: #333;
    font-size: 24px;
    line-height: 24px
}

.safetyGuarantee .item .item-body .content p {
    color: #666;
    font-size: 16px;
    line-height: 26px;
    margin-top: 25px
}

.safetyGuarantee .item.one {
    padding: 92px 0;
    background-color: #fafafa
}

.safetyGuarantee .item.one .content {
    display: inline-block;
    width: 380px;
    height: 216px;
    padding-top: 48px
}

.safetyGuarantee .item.one img {
    width: 344px;
    height: 216px;
    position: absolute;
    right: 0
}

.safetyGuarantee .item.two {
    padding: 84px 0;
    background-color: #fff
}

.safetyGuarantee .item.two .content {
    display: inline-block;
    width: 380px;
    height: 284px;
    padding-top: 41px;
    position: absolute;
    right: 90px
}

.safetyGuarantee .item.two img {
    width: 284px;
    height: 275px
}

.safetyGuarantee .item.three {
    padding: 54px 0;
    background-color: #fafafa
}

.safetyGuarantee .item.three .content {
    display: inline-block;
    width: 380px;
    height: 293px;
    padding-top: 88px
}

.safetyGuarantee .item.three img {
    width: 425px;
    height: 293px;
    position: absolute;
    right: 0
}

#search-articletLit ul #blog_base li .haveimg {
    width: 584px
}

#main {
    background-color: #f8f8f8
}

.orderindex {
    width: 1000px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 68px;
    background-color: #fff;
    border: 1px solid #fff
}

.orderindex .ordertitle {
    font-size: 20px;
    font-family: MicrosoftYaHei;
    font-weight: 700;
    color: #333;
    width: 800px;
    margin: 0 auto;
    padding: 17px 0;
    border-bottom: 1px solid #e5e5e5
}

.orderindex .ordersort {
    width: 800px;
    margin: 10px auto
}

.orderindex .ordersort .item {
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s
}

.orderindex .ordersort .item span {
    position: relative;
    display: inline-block;
    padding: 5px 0;
    font-size: 14px;
    line-height: 14px;
    font-family: MicrosoftYaHei;
    color: #999;
    margin-right: 45px
}

.orderindex .ordersort .item span.select {
    color: #0083ff
}

.orderindex .ordersort .item span.select:before {
    background: #0083ff
}

.orderindex .ordersort .item span.select:before, .orderindex .ordersort .item span:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    margin: 0 auto
}

.orderindex .ordersort .item span:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #0083ff;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.orderindex .ordersort .item span:hover {
    color: #0083ff
}

.orderindex .ordersort .item span.select:after, .orderindex .ordersort .item span:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.orderindex .myorderlist .myorders {
    width: 800px;
    height: 140px;
    margin: 25px auto;
    background: #f6f6f6;
    border-radius: 4px
}

.orderindex .myorderlist .myorders .ordercreattime {
    margin-left: 20px;
    font-size: 14px;
    color: #999;
    padding-top: 10px
}

.orderindex .myorderlist .myorders .ordercreattime span {
    margin-right: 30px
}

.orderindex .myorderlist .myorders .orderimg, .orderindex .myorderlist .myorders .orderright {
    display: inline-block;
    vertical-align: top
}

.orderindex .myorderlist .myorders .orderimg img {
    width: 80px;
    height: 80px;
    margin: 20px;
    margin-top: 12px
}

.orderindex .myorderlist .myorders .orderimg .imgBox {
    margin: 20px;
    margin-top: 12px;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.orderindex .myorderlist .myorders .orderright {
    width: 640px;
    margin: 20px 0;
    margin-top: 12px;
    position: relative
}

.orderindex .myorderlist .myorders .orderright p {
    width: 256px;
    height: 43px;
    font-size: 16px;
    line-height: 23px;
    color: #333;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 18px
}

.orderindex .myorderlist .myorders .orderright .shopname {
    font-size: 14px;
    color: #666
}

.orderindex .myorderlist .myorders .orderright .shopname span {
    margin-right: 6px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.orderindex .myorderlist .myorders .orderright .shopname .shopn {
    line-height: 15px;
    color: #666
}

.orderindex .myorderlist .myorders .orderright .shopname .connect:hover {
    color: #0083ff
}

.orderindex .myorderlist .myorders .orderright .shopname .sendmsg {
    width: 50px;
    height: 70px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 20px
}

.orderindex .myorderlist .myorders .orderright .orderdetail span {
    position: absolute;
    font-size: 14px;
    color: #ff532b
}

.orderindex .myorderlist .myorders .orderright .orderdetail .price {
    top: -2px;
    left: 320px;
    font-size: 20px;
    font-weight: 700
}

.orderindex .myorderlist .myorders .orderright .orderdetail .orderstate {
    top: 1px;
    left: 455px
}

.orderindex .myorderlist .myorders .orderright .orderdetail .othercolor {
    color: #666
}

.orderindex .myorderlist .myorders .orderright .orderdetail .ordermessage {
    top: 30px;
    left: 455px;
    color: #333;
    cursor: pointer
}

.orderindex .myorderlist .myorders .orderright .orderdetail .ordermessage:hover {
    color: #0083ff
}

.orderindex .myorderlist .myorders .orderright .orderdetail .allbtn button {
    cursor: pointer;
    position: absolute;
    top: 1px;
    right: -15px;
    width: 80px;
    height: 30px;
    color: #333;
    background: #fff;
    border: 1px solid silver;
    border-radius: 4px
}

.orderindex .myorderlist .myorders .orderright .orderdetail .allbtn button:last-of-type {
    top: 45px
}

.orderindex .myorderlist .myorders .orderright .orderdetail .allbtn button:first-of-type {
    top: 5px
}

.orderindex .myorderlist .myorders .orderright .orderdetail .allbtn .kefu {
    border: 1px solid #0083ff;
    color: #0083ff;
    background: #eaf5ff
}

.orderindex .myorderlist .myorders .orderright .orderdetail .kefuphone {
    position: absolute;
    font-size: 14px;
    bottom: -5px;
    right: 80px
}

.orderindex .myorderlist .myorders .orderright .orderdetail .kefuphone img {
    width: 18px;
    height: 18px;
    margin-right: 5px
}

.orderindex .myorderlist .myorders .orderright .orderdetail .kefuphone span {
    color: #666;
    width: 100px
}

.orderindex .myorderlist .myorders .orderright .orderdetail .cutdown {
    position: absolute;
    right: -39px;
    top: -40px;
    background-color: #666;
    color: #fff;
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 0 4px 0 4px
}

.orderindex .nohaveorder {
    border: 1px solid #fff;
    width: 230px;
    margin: 0 auto;
    padding: 150px 0;
    text-align: center
}

.orderindex .nohaveorder img {
    width: 230px;
    height: 200px
}

.orderindex .nohaveorder p {
    color: #d0d0d0;
    font-size: 20px;
    margin-top: 30px
}

.orderindex .myordermask {
    width: 500px;
    background: #fff;
    border: 1px solid #fff;
    text-align: left
}

.orderindex .myordermask .ordermaskimg {
    margin-top: 40px;
    margin-left: 69px
}

.orderindex .myordermask .ordermaskimg span {
    font-size: 30px;
    line-height: 28px;
    display: inline-block
}

.orderindex .myordermask .masktips {
    font-size: 16px;
    color: #666;
    line-height: 36px;
    margin-top: 53px;
    margin-left: 69px;
    margin-bottom: 34px
}

.orderindex .myordermask .masktips input[type=radio]+label:before {
    content: "\A0";
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #ccc;
    margin-top: -5px;
    margin-right: 10px
}

.orderindex .myordermask .masktips input[type=radio]:checked+label:before {
    border: 5px solid #0083ff;
    width: 10px;
    height: 10px
}

.orderindex .myordermask .masktips input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}

.orderindex .myordermask .ordermaskbtn {
    margin-left: 150px;
    margin-bottom: 40px
}

.orderindex .myordermask .ordermaskbtn button {
    width: 120px;
    height: 42px;
    background: #0083ff;
    border-radius: 4px;
    border: none;
    color: #fff;
    margin-right: 40px;
    font-size: 14px;
    cursor: pointer
}

.orderindex .myordermask .ordermaskbtn button:first-of-type {
    background: #f7f7f7;
    border: 1px solid #d0d0d0;
    color: #666
}

.orderindex .myordermaskmoney {
    width: 734px
}

.orderindex .myordermaskmoney .masktips, .orderindex .myordermaskmoney .ordermaskimg, .orderindex .myordermaskmoney textarea {
    margin-left: 100px
}

.orderindex .myordermaskmoney textarea {
    width: 534px;
    height: 130px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    font-size: 16px
}

.orderindex .myordermaskmoney .ordermaskbtn {
    margin-top: 60px;
    margin-left: 355px
}

.orderindex .myordermaskmoney .masktextarea {
    position: relative
}

.orderindex .myordermaskmoney .masktextarea textarea {
    padding: 15px
}

.orderindex .myordermaskmoney .masktextarea textarea::-webkit-input-placeholder {
    font-family: MicrosoftYaHei;
    font-size: 14px
}

.orderindex .myordermaskmoney .masktextarea span {
    position: absolute;
    right: 105px;
    bottom: 10px;
    color: #ccc
}

.orderindex .deletemask .masktips {
    margin-top: 48px;
    margin-bottom: 65px
}

.orderindex .msg-box {
    width: 734px;
    min-height: 578px;
    padding: 40px 100px 50px;
    background: #fff
}

.msg-box {
    width: 734px;
    min-height: 578px;
    padding: 40px 100px 50px;
    background: #fff
}

.msg-box h3 {
    height: 30px;
    margin-bottom: 35px;
    font-size: 30px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    line-height: 30px;
    color: #333
}

.msg-box h2 {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    border-bottom: 1px solid #fff
}

.msg-box .descript {
    width: 130px;
    margin-bottom: 15px
}

.msg-box .descript textarea {
    padding: 18px 14px;
    width: 534px;
    font-size: 16px
}

.msg-box .supplement {
    padding: 12px 17px 20px;
    background-color: #f2f2f2;
    margin-bottom: 45px
}

.msg-box .supplement .title {
    color: #333;
    font-size: 16px
}

.msg-box .supplement .des {
    color: #666;
    font-size: 12px;
    margin-top: 5px
}

.msg-box .supplement .uploadFile {
    margin-top: 10px;
    display: table
}

.msg-box .supplement .uploadFile div {
    display: table-cell;
    vertical-align: middle
}

.msg-box .supplement .uploadFile .logo {
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.msg-box .supplement .uploadFile .name {
    color: #333;
    font-size: 16px;
    padding-left: 15px;
    max-width: 390px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    cursor: pointer
}

.msg-box .supplement .uploadFile .name:hover {
    color: #0083ff
}

.msg-box .supplement .uploadFile .delete {
    cursor: pointer;
    color: #0083ff;
    padding-left: 8px
}

.msg-box .supplement .add {
    color: #0083ff;
    font-size: 16px;
    margin-top: 15px;
    line-height: 30px;
    background: url("static/images/tianjjia.png") no-repeat 0;
    background-size: 20px;
    padding-left: 25px;
    cursor: pointer
}

.msg-box .photo-tmp {
    padding: 20px;
    margin-bottom: 10px;
    background: #f2f2f2
}

.msg-box .photo-tmp .title {
    margin-bottom: 15px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 14px
}

.msg-box .btn-box {
    height: 42px
}

.msg-box .btn-box .confirm {
    float: right;
    width: 120px;
    height: 42px;
    background: #0083ff;
    border-radius: 4px;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    color: #fff;
    line-height: 42px;
    text-align: center;
    cursor: pointer
}

.msg-box .btn-box .confirm:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

.msg-box .btn-box .cancle {
    float: right;
    width: 120px;
    height: 42px;
    margin-right: 20px;
    background: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    color: #0083ff;
    line-height: 42px;
    text-align: center;
    border: 1px solid #0083ff;
    cursor: pointer
}

.msg-box .btn-box .cancle:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

.complaintmsg {
    width: 734px;
    min-height: 330px;
    background: #fff;
    padding: 40px 100px;
    position: relative
}

.complaintmsg .cancle {
    position: absolute;
    right: 46px;
    top: 50px;
    cursor: pointer
}

.complaintmsg h2 {
    margin-bottom: 50px;
    font-size: 30px;
    font-weight: 400
}

.complaintmsg .firstmsg {
    margin-bottom: 38px;
    position: relative
}

.complaintmsg .firstmsg span {
    font-size: 16px;
    color: #999
}

.complaintmsg .firstmsg span:last-of-type {
    position: absolute;
    right: 0;
    color: #f77272
}

.complaintmsg .the_context {
    font-size: 16px;
    color: #999;
    height: 40px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 38px
}

.complaintmsg .supplement {
    padding: 12px 15px 20px;
    background-color: #f2f2f3;
    margin-bottom: 20px
}

.complaintmsg .supplement .title {
    color: #666;
    font-size: 16px;
    margin-bottom: 0!important
}

.complaintmsg .supplement .des {
    color: #666;
    font-size: 12px
}

.complaintmsg .supplement .uploadFile {
    margin-top: 10px;
    display: table
}

.complaintmsg .supplement .uploadFile a, .complaintmsg .supplement .uploadFile div {
    display: table-cell;
    vertical-align: middle
}

.complaintmsg .supplement .uploadFile .logo {
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.complaintmsg .supplement .uploadFile .name {
    color: #333;
    font-size: 16px;
    padding-left: 15px;
    max-width: 440px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    cursor: pointer
}

.complaintmsg .supplement .uploadFile .name:hover {
    color: #0083ff
}

.complaintmsg .supplement .uploadFile .delete {
    cursor: pointer;
    color: #0083ff;
    padding-left: 8px
}

.complaintmsg .supplement .add {
    color: #0083ff;
    font-size: 16px;
    margin-top: 15px;
    line-height: 30px;
    background: url("static/images/tianjjia.png") no-repeat 0;
    background-size: 20px;
    padding-left: 25px;
    cursor: pointer
}

.complaintmsg .chuli {
    padding-top: 15px;
    border-top: 1px solid #e5e5e5
}

.complaintmsg .chuli p {
    color: #999;
    font-size: 16px;
    margin-bottom: 10px
}

.complaintmsg .btn {
    margin-top: 20px
}

.complaintmsg .btn button {
    width: 120px;
    height: 42px;
    background: #0083ff;
    border-radius: 4px;
    border: none;
    color: #fff;
    font-size: 14px;
    cursor: pointer
}

.complaintmsg .btn button:first-of-type {
    border: 1px solid #2d93f9;
    color: #0083ff;
    margin-left: 274px;
    margin-right: 20px;
    background: #fff
}

#registerSuccess-Lv1.2 {
    width: 752px;
    margin: 58px auto 63px;
    background-color: #fff;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 1px 9px -4px #003a71;
    box-shadow: 0 1px 9px -4px #003a71
}

#registerSuccess-Lv1.2 h2 {
    color: #333;
    font-size: 24px;
    line-height: 40px;
    margin: 60px 0 0
}

#registerSuccess-Lv1.2 img {
    width: 160px;
    height: 160px;
    display: block;
    margin: 38px auto 5px
}

#registerSuccess-Lv1.2 p {
    color: #999;
    font-size: 16px;
    line-height: 26px
}

#registerSuccess-Lv1.2 p em {
    color: #333
}

#registerSuccess-Lv1.2 p:first-child {
    font-size: 18px;
    line-height: 34px
}

#registerSuccess-Lv1.2 a {
    display: block;
    color: #fff;
    font-size: 18px;
    width: 140px;
    padding: 8px 0;
    margin: 50px auto 76px;
    border-radius: 4px;
    border: 1px solid #0083ff;
    background-color: #0083ff
}

.shopdetail {
    background-color: #f8f8f8
}

.shopdetail .headers {
    width: 100%;
    height: 80px;
    background: #fff;
    border-top: 1px solid #e5e5e5
}

.shopdetail .headers .navs {
    width: 1200px;
    margin: 0 auto
}

.shopdetail .headers .navs .headerleft, .shopdetail .headers .navs .headerright {
    display: inline-block;
    vertical-align: top;
    margin: 12px 0
}

.shopdetail .headers .navs .headerleft div {
    display: inline-block;
    vertical-align: top
}

.shopdetail .headers .navs .headerleft .logo {
    width: 130px;
    height: 54px
}

.shopdetail .headers .navs .headerleft .tximgBox {
    width: 130px;
    height: 54px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.shopdetail .headers .navs .headerleft img {
    width: 130px;
    height: 54px
}

.shopdetail .headers .navs .headerleft .shopname {
    margin-left: 17px
}

.shopdetail .headers .navs .headerleft .shopname h3 {
    width: 180px;
    height: 18px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 17px
}

.shopdetail .headers .navs .headerleft .shopname section {
    font-size: 14px;
    margin-top: 10px
}

.shopdetail .headers .navs .headerleft .shopname section p {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top
}

.shopdetail .headers .navs .headerleft .shopname section a {
    color: #0083ff;
    cursor: pointer
}

.shopdetail .headers .navs .headerright {
    margin: 33px 0;
    margin-left: 410px
}

.shopdetail .headers .navs .headerright span {
    margin-left: 39px;
    color: #666;
    font-size: 14px
}

.shopdetail .headers .navs .headerright .collection {
    margin-left: 5px
}

.shopdetail .headers .navs .headerright .havecolloct {
    color: #999!important
}

.shopdetail .headers .navs .headerright a {
    color: #666;
    font-size: 14px;
    cursor: pointer;
    position: relative
}

.shopdetail .headers .navs .headerright a .shoucang {
    color: #ff4500
}

.shopdetail .headers .navs .headerright a .kefu {
    color: #0083ff;
    margin-right: 5px
}

.shopdetail .headers .navs .headerright a .fengexian {
    position: absolute;
    width: 1px;
    height: 10px;
    background: #e5e5e5;
    top: 4px;
    right: 94px
}

.shopdetail .headers .maincontainer {
    width: 1000px;
    max-height: 710px;
    text-align: center;
    position: relative;
    border: 1px solid #fff
}

.shopdetail .headers .maincontainer .closemask {
    position: absolute;
    right: 23px;
    top: 23px;
    font-size: 24px;
    cursor: pointer
}

.shopdetail .headers .maincontainer .maskimg {
    margin-top: 60px;
    height: 140px;
    text-align: center
}

.shopdetail .headers .maincontainer .maskimg .imgBox {
    margin: 5px auto;
    width: 140px;
    height: 140px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.shopdetail .headers .maincontainer h3 {
    font-size: 16px;
    margin-top: 14px;
    margin-bottom: 11px
}

.shopdetail .headers .maincontainer .fensi span {
    margin-left: 15px;
    font-size: 14px;
    color: #999
}

.shopdetail .headers .maincontainer .maskmsg {
    text-align: left;
    margin: 30px 155px;
    font-size: 16px;
    line-height: 30px
}

.shopdetail .headers .maincontainer .maskmsg .jiange {
    margin-bottom: 30px;
    height: 257px;
    width: 690px;
    overflow-y: auto;
    word-wrap: break-word
}

.shopdetail .headers .maincontainer .maskbtn button {
    width: 120px;
    height: 40px;
    background: #0083ff;
    border-radius: 4px;
    border: none;
    color: #fff;
    font-size: 14px;
    margin-right: 50px;
    margin-bottom: 55px;
    cursor: pointer
}

.shopdetail .headers .maincontainer .maskbtn button:last-of-type {
    background: #fff;
    border: 1px solid #0083ff;
    color: #0083ff
}

.shopdetail .second-nav {
    width: 100%;
    height: 50px;
    background: #2a3345
}

.shopdetail .second-nav .navs {
    width: 1200px;
    margin: 0 auto
}

.shopdetail .second-nav .navs .servicesort {
    padding: 14px 0
}

.shopdetail .second-nav .navs .servicesort .item {
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s
}

.shopdetail .second-nav .navs .servicesort .item a {
    position: relative;
    display: inline-block;
    padding: 5px 0;
    font-size: 14px;
    line-height: 14px;
    font-family: MicrosoftYaHei;
    color: #999;
    margin-right: 50px
}

.shopdetail .second-nav .navs .servicesort .item a.select {
    color: #fff
}

.shopdetail .second-nav .navs .servicesort .item a.select:before {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    margin: 0 auto;
    background: #fff
}

.shopdetail .second-nav .navs .servicesort .item a:after {
    content: "";
    position: absolute;
    width: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    height: 2px;
    bottom: -7px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #fff;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.shopdetail .second-nav .navs .servicesort .item a:hover {
    color: #fff
}

.shopdetail .second-nav .navs .servicesort .item a.select:after, .shopdetail .second-nav .navs .servicesort .item a:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.shopdetail .second-sort {
    width: 1200px;
    margin: 0 auto;
    height: 60px;
    line-height: 45px;
    font-size: 14px
}

.shopdetail .second-sort .item {
    display: inline-block;
    margin-right: 45px
}

.shopdetail .second-sort .item span {
    color: #666;
    cursor: pointer
}

.shopdetail .second-sort .item span.select, .shopdetail .second-sort .item span:hover {
    color: #0083ff
}

.shopdetail .shopimgs {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    background-color: #f8f8f8;
    -webkit-transition: all 1s;
    transition: all 1s
}

.shopdetail .shopimgs img {
    width: 100%
}

.shopdetail .shopservice {
    width: 1200px;
    margin: 30px auto;
    background-color: #fff
}

.shopdetail .shopservice .shopsort {
    padding: 31px;
    cursor: pointer
}

.shopdetail .shopservice .shopsort span {
    color: #333;
    font-size: 14px;
    padding: 7px 15px;
    border-radius: 4px;
    margin-right: 20px
}

.shopdetail .shopservice .shopsort span.select {
    background-color: #e5f2ff;
    border-radius: 4px;
    color: #0083ff
}

.shopdetail .shopservice .shopsort span.select .iconfont {
    color: #0083ff!important
}

.shopdetail .shopservice .shopsort .icon-congdidaogao, .shopdetail .shopservice .shopsort .icon-conggaodaodi {
    color: #7d7d7d;
    margin-right: 0!important;
    padding-left: 5px;
    padding-right: 5px
}

.shopdetail .shopservice .shop {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 255px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: 20px 9px 20px 31px;
    border: 1px solid #f2f2f2
}

.shopdetail .shopservice .shop:hover {
    -webkit-box-shadow: 0 4px 32px 0 rgba(49, 49, 49, .1);
    box-shadow: 0 4px 32px 0 rgba(49, 49, 49, .1)
}

.shopdetail .shopservice .shop .shopimg {
    width: 254px;
    height: 253px;
    margin-bottom: 20px
}

.shopdetail .shopservice .shop .shopimg .imgBox {
    width: 254px;
    height: 253px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.shopdetail .shopservice .shop .shopdetail {
    width: 215px;
    margin: 0 20px;
    background: #fff
}

.shopdetail .shopservice .shop .shopdetail .jiage {
    position: relative;
    height: 20px;
    font-size: 14px
}

.shopdetail .shopservice .shop .shopdetail .jiage .shopprice {
    color: #f77272;
    font-size: 18px;
    position: absolute;
    left: -3px;
    top: -3px;
    font-weight: 700
}

.shopdetail .shopservice .shop .shopdetail .jiage .fixedprice {
    font-size: 12px;
    font-weight: 400;
    color: #999
}

.shopdetail .shopservice .shop .shopdetail .jiage .shopdeal {
    color: #999;
    position: absolute;
    right: 0;
    top: 2px
}

.shopdetail .shopservice .shop .shopdetail .shopmsg {
    margin-top: 14px;
    width: 215px;
    height: 38px;
    line-height: 18px;
    font-size: 14px;
    text-align: justify;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #333;
    cursor: pointer
}

.shopdetail .shopservice .shop .shopdetail .shopname {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    margin-top: 5px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px
}

.shopdetail .shopservice .nomsgimg {
    width: 230px;
    margin: 20px auto;
    padding-bottom: 40px
}

.shopdetail .shopservice .nomsgimg img {
    width: 230px;
    height: 190px
}

.shopdetail .shopservice .nomsgimg p {
    color: #d0d0d0;
    font-size: 20px;
    margin-top: 30px;
    text-align: center
}

.resetPassword {
    width: 900px;
    margin: 82px auto 104px;
    -webkit-box-shadow: 0 5px 15px 2px #ccc;
    box-shadow: 0 5px 15px 2px #ccc;
    background-color: #fff
}

.resetPassword .resetPassword-main .title {
    color: #333;
    font-size: 20px;
    font-weight: 400;
    padding-top: 66px;
    padding-bottom: 40px;
    text-align: center
}

.resetPassword .resetPassword-main .current-step {
    width: 50%;
    margin: auto;
    display: table
}

.resetPassword .resetPassword-main .current-step .step {
    width: 33.33%;
    display: table-cell;
    text-align: center
}

.resetPassword .resetPassword-main .current-step .step i {
    display: block;
    width: 9px;
    height: 9px;
    margin: 0 auto 6px;
    border-radius: 50%;
    background-color: #eee;
    position: relative
}

.resetPassword .resetPassword-main .current-step .step i.before:before {
    content: "";
    height: 1px;
    width: 79px;
    background-color: #eee;
    position: absolute;
    top: 50%;
    right: 100%
}

.resetPassword .resetPassword-main .current-step .step i.after:after {
    content: "";
    height: 1px;
    width: 79px;
    background-color: #eee;
    position: absolute;
    top: 50%;
    left: 100%
}

.resetPassword .resetPassword-main .current-step .step span {
    color: #999;
    font-size: 14px
}

.resetPassword .resetPassword-main .current-step .step.current {
    position: relative;
    top: 2px
}

.resetPassword .resetPassword-main .current-step .step.current i {
    padding: 6.5px;
    background-color: #0083ff
}

.resetPassword .resetPassword-main .current-step .step.current i.after:after, .resetPassword .resetPassword-main .current-step .step.current i.before:before {
    background-color: #0083ff
}

.resetPassword .resetPassword-main .current-step .step.current span {
    color: #0083ff
}

.resetPassword .resetPassword-main .current-step .step.already i, .resetPassword .resetPassword-main .current-step .step.already i.after:after, .resetPassword .resetPassword-main .current-step .step.already i.before:before {
    background-color: #0083ff
}

.resetPassword .resetPassword-main .current-step .step.already span {
    color: #0083ff
}

.resetPassword .resetPassword-main .form {
    width: 350px;
    margin: 0 auto;
    margin-top: 76px;
    position: relative
}

.resetPassword .resetPassword-main .form .formItem {
    margin-top: 20px
}

.resetPassword .resetPassword-main .form .formItem input {
    color: #666;
    font-size: 14px;
    width: 100%;
    padding: 13px 12px;
    border: 1px solid #e5e5e5
}

.resetPassword .resetPassword-main .form .formItem input::-webkit-input-placeholder {
    color: #ccc
}

.resetPassword .resetPassword-main .form .formItem input:-ms-input-placeholder, .resetPassword .resetPassword-main .form .formItem input::-ms-input-placeholder {
    color: #ccc
}

.resetPassword .resetPassword-main .form .formItem input::placeholder {
    color: #ccc
}

.resetPassword .resetPassword-main .form .formItem.validateCode {
    position: relative
}

.resetPassword .resetPassword-main .form .formItem.validateCode input {
    padding-right: 140px
}

.resetPassword .resetPassword-main .form .formItem.validateCode .get {
    width: 120px;
    color: #0080ff;
    font-size: 14px;
    height: 38px;
    border: none;
    background-color: #e5f2ff;
    position: absolute;
    right: 5px;
    top: 3px
}

.resetPassword .resetPassword-main .form .warning {
    color: #ff7923;
    font-size: 14px;
    line-height: 30px;
    border: 1px solid #ffba88;
    margin-top: 20px;
    padding-left: 38px;
    background: #fff6e3 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAeFBMVEUAAAD/AAD/bST/kiT/djv/iTv/gDn/hjn/gzj/gDf/gjX/gDT/hTr/gjn/gzj/gTn/hTn/gzn/gjn/gzn/gjn/gzn/gzn/gzj/gjj/gzj/gjj/gzj/gjn/gzn/gjn/gzn/gzn/gzn/gzn/gzn/gzn/gjj/gzj/gzl1hcKzAAAAJ3RSTlMAAQcHDQ0oKCkqKywsLUBHR0h4eaGhoqenqKytxsbb3OXm8fL4+fk4S7gUAAAAm0lEQVR4Xm3P4RLBMBBF4SPaomhQWgiRKPf939Codpjy/dy5u3OXlt1emuaytfQyp47LaBVRoZwbMy+DYgEwjapTWulJcQo4nUZ0Rgc5sAopPdIgy04bvmxU4bXgy1KeRmNQD6PHn9FwcSFP9XN+UCK5yoLT8VO1lgNmUfukyxzfD1HcFMrcmLwMuhW0Jmd1zhm9VeXvd1+teXkCDTgSFUbN1owAAAAASUVORK5CYII=) 11px no-repeat;
    position: absolute;
    top: -70px;
    width: 100%
}

.resetPassword .resetPassword-main .form .submit {
    width: 100%;
    color: #fff;
    font-size: 16px;
    padding: 12px 0 14px;
    margin: 36px 0 135px;
    background-color: #0083ff;
    border-radius: 4px;
    border: 1px solid #0083ff
}

.resetPassword .resetPassword-main .reset-success {
    text-align: center
}

.resetPassword .resetPassword-main .reset-success .logo {
    width: 105px;
    height: 132px;
    margin: 62px auto 30px
}

.resetPassword .resetPassword-main .reset-success .message {
    color: #333;
    font-size: 18px;
    line-height: 38px
}

.resetPassword .resetPassword-main .reset-success .link {
    color: #999;
    font-size: 14px;
    padding-bottom: 100px;
    line-height: 38px
}

.resetPassword .resetPassword-main .reset-success .link span {
    color: #0083ff;
    cursor: pointer
}

.login-contanner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1200;
    background: rgba(0, 0, 0, .5)
}

@-webkit-keyframes mymove {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes mymove {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.login-contanner button {
    cursor: pointer
}

.login-contanner .login {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 40px 40px 31px
}

.login-contanner .login .close {
    border: none;
    width: 40px;
    height: 40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAS1BMVEUAAADl5eXm5ubm5ubm5ubk5OTk5OTl5eXl5eXl5eXl5eXm5ubk5OTk5OTl5eXm5ubl5eXk5OTl5eXl5eXk5OTl5eXl5eXl5eXl5eW1CONsAAAAGHRSTlMAYmRmZ2hpamtsbnFyl5yi7+/y9fb3/f7+VvsfAAAAYklEQVR4XmXPOxKAIABDwSj+QEUUBe5/UguYiRlTbpWHIw6Quccjlrx8bc0lYM5VaakHbFWaAapaMSpNlEZtptpMtZl+ZgUt8RnN8C8NEN2kTYxKE3X/thH3vy3Anx1k07W/uJULx/ov/sUAAAAASUVORK5CYII=) no-repeat 50%;
    position: absolute;
    right: 0;
    top: -40px
}

.login-contanner .login .close:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMAYmRmZ2hpamtsbnFyl5yi7/L19vf9/vBzqPwAAABiSURBVHheZc87EoAgAEPBKP5ARUSB+9/UAmZihpRb5eGKE2Tu9Yglb3/bcwlYc1VaGgFblWaAqlaMShOlUZupNlNtpp9ZQUt8RjP8SwNED2kTo9JEXd824+nbAnwYIFvu8wNhjgtdNczsJwAAAABJRU5ErkJggg==) no-repeat 50%
}

.login-contanner .login .title {
    color: #333;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    padding-bottom: 26px
}

.login-contanner .login .form {
    width: 100%;
    margin: 0 auto;
    position: relative
}

.login-contanner .login .form .warning {
    color: #ff7923;
    font-size: 14px;
    line-height: 30px;
    border: 1px solid #ffba88;
    padding-left: 38px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAeFBMVEUAAAD/AAD/bST/kiT/djv/iTv/gDn/hjn/gzj/gDf/gjX/gDT/hTr/gjn/gzj/gTn/hTn/gzn/gjn/gzn/gjn/gzn/gzn/gzj/gjj/gzj/gjj/gzj/gjn/gzn/gjn/gzn/gzn/gzn/gzn/gzn/gzn/gjj/gzj/gzl1hcKzAAAAJ3RSTlMAAQcHDQ0oKCkqKywsLUBHR0h4eaGhoqenqKytxsbb3OXm8fL4+fk4S7gUAAAAm0lEQVR4Xm3P4RLBMBBF4SPaomhQWgiRKPf939Codpjy/dy5u3OXlt1emuaytfQyp47LaBVRoZwbMy+DYgEwjapTWulJcQo4nUZ0Rgc5sAopPdIgy04bvmxU4bXgy1KeRmNQD6PHn9FwcSFP9XN+UCK5yoLT8VO1lgNmUfukyxzfD1HcFMrcmLwMuhW0Jmd1zhm9VeXvd1+teXkCDTgSFUbN1owAAAAASUVORK5CYII=) 11px no-repeat;
    background-color: #fff6e3
}

.login-contanner .login .form .formItem {
    margin-top: 20px
}

.login-contanner .login .form .formItem input {
    color: #666;
    font-size: 14px;
    width: 100%;
    padding: 13px 12px;
    border: 1px solid #e5e5e5
}

.login-contanner .login .form .formItem input::-webkit-input-placeholder {
    color: #ccc
}

.login-contanner .login .form .formItem input:-ms-input-placeholder, .login-contanner .login .form .formItem input::-ms-input-placeholder {
    color: #ccc
}

.login-contanner .login .form .formItem input::placeholder {
    color: #ccc
}

.login-contanner .login .form .link {
    color: #f23e3e;
    font-size: 14px;
    padding-top: 10px
}

.login-contanner .login .form .link .toRegister {
    color: #333;
    font-size: 14px;
    cursor: pointer
}

.login-contanner .login .form .link .toResetPassword {
    color: #0083ff;
    font-size: 14px;
    float: right;
    cursor: pointer
}

.login-contanner .login .form .submit {
    width: 100%;
    color: #fff;
    font-size: 16px;
    padding: 12px 0 14px;
    margin-top: 32px;
    background-color: #0083ff;
    border-radius: 4px;
    border: 1px solid #0083ff
}

.login-contanner .login .form .thirdPartyLogin {
    margin-top: 43px
}

.login-contanner .login .form .thirdPartyLogin>span {
    color: #999;
    font-size: 14px
}

.login-contanner .login .form .thirdPartyLogin .party {
    float: right
}

.login-contanner .login .form .thirdPartyLogin .party button {
    width: 24px;
    height: 24px;
    border: none
}

.login-contanner .login .form .thirdPartyLogin .party .weixin {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABOFBMVEUAAAAAAAD///+/v7+zs7OioqK5ubmwsLCzs7O0tLS2tra3t7e0tLS1tbW0tLS1tbW2tra3t7ezs7O1tbWzs7O0tLS0tLS1tbWzs7O2tra1tbW1tbW0tLS1tbW0tLS1tbW0tLS1tbW0tLS1tbW0tLS1tbW0tLS0tLS0tLS0tLS0tLS1tbW2tra0tLS1tbW2tra0tLS2tra1tbW0tLS0tLS2tra1tbW0tLS1tbW2tra1tbW1tbW1tbW1tbW2tra1tbW1tbW0tLS1tbW0tLS1tbW2tra1tbW1tbW1tbW0tLS1tbW1tbW1tbW1tbW1tbW2tra1tbW0tLS1tbW1tbW1tbW1tbW1tbW1tbW0tLS1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW2tra1tbW1tbW0tLS1tbW1tbW1tbVCfIGGAAAAZ3RSTlMAAQIECgsWHR4iIycsLTM0ODk8PkNER0xNUFNZXF1jaG1vc3l7fH1+gYKIiYuMjY+SkpSWmp2eo6WnqK+wsri5vb/Cw8XGyMrMzc7S1tjZ29ze3+Dh4+bn6Orr7fL09fn6+vv8/f3+toQd0gAAAOVJREFUGBmdwNVWAlEARuFfAbu7wRobC7sLAwe7URBh9vu/gQccYFjLKz5Vpj1iJ3k7CPpVpmYX13O/POruKHJGVeS7gJftFHB5CJkuFYwAvVqBpL/qBmIqOAbCtVFw+loTQItcn5S8L41bQ83VystQkF2wHjBepwMynnBlQ1Fcdr2kNVzhE4glIXPlYAekpjR5iRCcyoKItmBC0iR5O/vwMXwG9uA9XMuYcTDmH/H4UU4cYzWOx5eMBva6g3PBDTyOZHR2KKfNoWRAHrMUbarMVJo/6z6Va1y2v1O354zpfz2LqsQvhPtpku/wMwYAAAAASUVORK5CYII=) 50% no-repeat
}

.login-contanner .login .form .thirdPartyLogin .party .weixin:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABSlBMVEUAAAAAAAAA/wBAv0AzszMuoi4uuS41sDUzszM1tDUztjM0sTQ0tDQzsDMytDIxtTYysjc2szYzszM1tTUxszU1tDUytDY2tTY1szUzszM0tTQ0tTY1tDU0sjQ0tDYzszY2tTYztDY1szU1tDU1szU0tDYzszU1tDU1tDUztDU1tDU1tDU0tTY1tDU1tDU0szY0tTY1tDU0tDY0szU1tDY1szU1tDU2tDY1tTU1tDU1szY0tDU1tTU0tTY0tDY0szU1tDY0szY1szY0tDU1tDY0tDY1tDY1tDY0tDY0szU1tDY0szU1szU0tDU0tDY1szU1szY1tTY1tDY0tDY0tDU1szY1tDY0tDY0tDU1tDY1tDY1tDY1szY0tDU1tDU1tDY1tDY1tDU1tDY0tDU1tDY1tDY1tTY1tDY1tDY0szU0tDU0tDU1tDY1tDaBPBBjAAAAbXRSTlMAAQIECgsWHR4iIycsLTM0ODk8PkNER0xNUFNZXF1jaGhtb3N5e3x9foGCiImLjI2Nj5KUlpqanZ6jpaeor7CyuLm9v8LDxcbIyszNztLW2NjY2dvc3t/g4ePm5+jq6+3y9PX5+fr6+/z9/f7+xnfz6AAAAOdJREFUGBmdwNVWQlEARdGtgN3diIUd2N2KgSh2o4hIrP9/9YAXuIzhE1PFaVwMfvG663aqQNkWlqdO2VTckpMcUI7jFJ43osDZHsRblNUHtGseIs6Sawgo6wCYLfdDqqM+DNTJ8kHem2/I21Nbqow4WYlp7z3Gy5hLxiOWhMePJVgpaRnLzCEEIhA/T3HlkmpiZIQ9cCQvLGkdhiWNkLG5A++9x3DZfQcXMsaTGFMP2PwoLYSxEMLmU0YV263uyf5VbPZlNDcprSFJXpdsJshZU4HRGH9WHCpU7Qt+R29OGNT/2uZUjF8hxG8dgyXt1wAAAABJRU5ErkJggg==) 50% no-repeat
}

.login-contanner .login .form .thirdPartyLogin .party .weibo {
    margin-left: 27px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAw1BMVEUAAACAgICfn5+qqqqvr6+zs7O1tbWtra2vr6+2traxsbG3t7e4uLizs7O4uLi1tbW2trazs7Ozs7O3t7e1tbW1tbW2tra2tra3t7e0tLS1tbW1tbW1tbW2tra0tLS2tra0tLS1tbW2tra0tLS1tbW1tbW1tbW1tbW0tLS2tra0tLS1tbW1tbW1tbW0tLS1tbW0tLS0tLS1tbW1tbW1tbW1tbW0tLS0tLS1tbW1tbW1tbW0tLS0tLS0tLS1tbW1tbW1tbVWjk7eAAAAQHRSTlMABAgMEBQYHCAjJCcrLy83OzxAQ09TV1tfY2drb3N3d3uHi4+Xm5+jp6err7O3u7u/w8fLz9PX29/j5+vv8/f7Fij3tgAAAPZJREFUGBmtwG03wgAAhuFnrdpITLWS1lAiSm9mbbOX+///KlacOodvXPozj3zZ0S/cCJga+skyvYypDuxuz5TkkvqNjI6+NGbAQpI12uJ7LLV3lQMUKpnbtEquHY+d+GIURE/mHXaEStccG7qrSoY+tQuODST1B5LMGAh8x7ZPO5McvIr2biBxZbp+typZG4gd7YSkDTkpkJxIVgaxoRIMVUmgyHiUNANslaClS+a3qzWBpDVQU2lDT63cUADPUhNYaMclNOvZ7AXSpuohZA3tjQnOzybh272tbgLvjr65W5a+2+qPIygeajow2uPXFEjmXl3/7wNBfy90ctDAHAAAAABJRU5ErkJggg==) 50% no-repeat
}

.login-contanner .login .form .thirdPartyLogin .party .weibo:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAvVBMVEUAAAD/QED/QED/QED/QED/TU3/Skr/SUn/SEj/SUn/R0f/Tkj/Tk7/TU3/TEz/Skr/Tk7/TUj/TEz/TEz/TUr/TU3/TEz/TEz/S0v/TUv/TU3/TEz/TEz/Tkv/TUv/TU3/TUz/TUv/TUv/TEz/TUz/TUv/TUv/TEz/TEz/TUz/TUz/TUv/TEv/TEz/TEz/TUz/TUz/TUv/TEv/TEz/TUz/TUz/TUv/TEv/TEv/TUz/TUz/TUz/TEv/TEv/TUw/DV1+AAAAPnRSTlMABAgMEBQYHCAjJCcnKy83OzxAQ09TV1tfY2drb3N3e4eLj5ebn6Onq6+zt7u/w8PHy8/T19vf4+fr7/P3+4i+xhAAAAD0SURBVBgZrcBRUoIAAEXRh6hQmpGKZiKlVaZhGSEQwN3/sgqs0Zn6q6M/8yiCoX7hxsDS0E+W6eUsdWCPxqYkl8zv5Az1pbsCAknWfIfvEWjvsgAoVTF3WZNCNY9acj4P46V5gx2jyhXHZu6mkaNPg5JjU0mTqSQzAULfse3T4V0BXkN7PqSuTNcfNSVrC4mjWkTWkZMB6Ylk5ZAYqsBMjRTKnAdJK8BWBfq6YH29eSaU9AK0VNkyVr8wFMKj1AMC1Vwis52vniDrqR1B3tXegrB3dhe93doapfDu6Ju7I/Dd/mQRQ3nf0oExWLxmQLr22vp/H6qILg6TmKCuAAAAAElFTkSuQmCC) 50% no-repeat
}

.login-contanner .login .form .thirdPartyLogin .party .qq {
    margin-left: 27px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAw1BMVEUAAAD///+AgIC2trazs7O7u7u0tLS1tbWtra22trazs7O1tbWzs7O3t7eysrK2tra0tLSysrK0tLS0tLS1tbW2tra0tLS1tbW0tLSzs7Ozs7O1tbW0tLS1tbW1tbW1tbW1tbW1tbW1tbW2tra0tLS1tbW1tbW0tLS2tra2tra1tbW1tbW1tbW1tbW0tLS0tLS0tLS1tbW1tbW1tbW1tbW1tbW0tLS1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW0tLS1tbX8ERHxAAAAQHRSTlMAAQIHCg8RGBkcHh8lJzU7PUZHTlNUVVZjZWh4e4aRlZyhoq6xtLrDw8bHysvM0NPd3ePk6uvs8PT19vf4+vv9i+Q4OQAAAItJREFUGBm9wNUSglAABNC1u7s7wRZFEdz//ypH5Qbvjge/F67PLN7NbhxBiQW/rDJ00R2FRwGaDpUtNBtqslBO1BQhZWxqJpAa1D0jEPrUGRAqDKrBt2LQGj6PDhWPLnxmb0BlPrpCSp0pOHkkIVUNCvt2CFKJH0eXby1IsbFFe9lEbni4XaZp/MsL60I1EP7qpMEAAAAASUVORK5CYII=) 50% no-repeat
}

.login-contanner .login .form .thirdPartyLogin .party .qq:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAw1BMVEUAAAAA//8AgP9Jkv9Nmf9Eqv9Lpf9Kn/9Ho/9JpP9Nqv9Kpf9Mpf9Oqv9NpP9JpP9Lo/9MpP9Lpf9Lp/9Kpv9Mp/9Lpf9Kpv9Lpf9Mp/9Mp/9Npv9Lpv9Mpv9Mpf9Lpv9Lp/9Mpf9Mpf9Mpv9Lpv9Lpv9Lpv9Mpv9Mpv9Mpf9Mpf9Lpv9Mpv9Mpv9Mpv9Lpf9Lpv9Mpv9Mpv9Mpv9Mpf9Lpv9Lpv9Mpv9Mp/9Mpv9Lpv9Mp/9Lpf9Lpv9Mpv9Mpf9Mpv8c5Ef9AAAAQHRSTlMAAQIHCg8RGBkcHh8lJzU7PUZHTlNUVVZjZWh4e4aRlZyhoq6xtLrDxsfKy8zQ093j5Orr7PD09PX29/j6+vv925gcwQAAAIxJREFUGBm9wdcWwVAABMDVe++9CwmCqEHs/3+Vg9ySd8cMfi9cnzm8Wt04ghIGv5wydNENhVsBmg6VNTQrarJQdtQUIWVO1EwgNah7RiD0qTMhVBhUg2/BoCV8Hl0qHh/wWb0BlfnoCCm1p+DmkYRUNSnY7RCkEj+2d761IMXGDs9GE7mhfTlM0/iXF8LVNOqnFKbvAAAAAElFTkSuQmCC) 50% no-repeat
}

.absorbed .head {
    overflow: hidden;
    position: relative;
    min-width: 1200px;
    height: 300px
}

.absorbed .head img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px
}

.absorbed .one {
    height: 606px;
    background: #fff
}

.absorbed .one .content {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding-top: 109px
}

.absorbed .one .content .head-words {
    position: absolute;
    top: -300px;
    left: 0;
    padding-top: 114px;
    height: 300px
}

.absorbed .one .content .head-words h1 {
    margin-bottom: 30px;
    font-size: 69px;
    line-height: 69px;
    font-weight: 400;
    font-family: MicrosoftYaHei;
    color: #fff
}

.absorbed .one .content .head-words p {
    font-size: 20px;
    line-height: 20px;
    font-family: MicrosoftYaHei;
    color: #fff
}

.absorbed .one .content .left {
    float: left;
    width: 600px
}

.absorbed .one .content .left h2 {
    margin-bottom: 20px;
    font-size: 28px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    line-height: 28px;
    color: #333
}

.absorbed .one .content .left p {
    margin-bottom: 50px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #999;
    line-height: 24px
}

.absorbed .one .content .left ul {
    margin-left: 18px
}

.absorbed .one .content .left ul li {
    margin-bottom: 30px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #666
}

.absorbed .one .content .right {
    float: right;
    margin-top: 120px
}

.absorbed .one .content .right img {
    display: block
}

.absorbed .two {
    height: 400px;
    background: #fafafa
}

.absorbed .two .content {
    width: 1000px;
    margin: 0 auto
}

.absorbed .two .content .left {
    float: left;
    margin-top: 79px
}

.absorbed .two .content .left img {
    display: block
}

.absorbed .two .content .right {
    float: right;
    width: 500px;
    margin-top: 103px
}

.absorbed .two .content .right h2 {
    margin-bottom: 20px;
    font-size: 28px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    line-height: 28px;
    color: #333
}

.absorbed .two .content .right p {
    margin-bottom: 20px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #999;
    line-height: 24px;
    text-align: justify
}

.absorbed .three {
    height: 400px;
    background: #fff
}

.absorbed .three .content {
    width: 1000px;
    margin: 0 auto
}

.absorbed .three .content .left {
    float: left;
    width: 450px;
    margin-top: 125px
}

.absorbed .three .content .left h2 {
    margin-bottom: 20px;
    font-size: 28px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    line-height: 28px;
    color: #333
}

.absorbed .three .content .left p {
    margin-bottom: 20px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #999;
    line-height: 24px;
    text-align: justify
}

.absorbed .three .content .right {
    float: right;
    margin-top: 102px
}

.absorbed .three .content .right img {
    display: block
}

.absorbed .four {
    height: 400px;
    background: #fafafa
}

.absorbed .four .content {
    width: 1000px;
    margin: 0 auto
}

.absorbed .four .content .left {
    float: left;
    margin-top: 79px
}

.absorbed .four .content .left img {
    display: block
}

.absorbed .four .content .right {
    float: right;
    width: 520px;
    margin-top: 103px
}

.absorbed .four .content .right h2 {
    margin-bottom: 20px;
    font-size: 28px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    line-height: 28px;
    color: #333
}

.absorbed .four .content .right p {
    margin-bottom: 20px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #999;
    line-height: 24px;
    text-align: justify
}

.absorbed .five {
    height: 400px;
    background: #fff;
    border-bottom: 1px solid #e5e5e5
}

.absorbed .five .content {
    width: 1000px;
    margin: 0 auto
}

.absorbed .five .content .left {
    float: left;
    width: 450px;
    margin-top: 125px
}

.absorbed .five .content .left h2 {
    margin-bottom: 20px;
    font-size: 28px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    line-height: 28px;
    color: #333
}

.absorbed .five .content .left p {
    margin-bottom: 20px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #999;
    line-height: 24px;
    text-align: justify
}

.absorbed .five .content .right {
    float: right;
    margin-top: 102px
}

.absorbed .five .content .right img {
    display: block
}

#search-allList .alllist-projectList {
    padding-bottom: 50px
}

#search-allList .alllist-projectList li {
    border-bottom: 1px solid #e5e5e5
}

#search-allList .alllist-projectList li a {
    display: block;
    padding: 20px 0
}

#search-allList .alllist-projectList li a:hover h1 {
    color: #0083ff
}

#search-allList .alllist-projectList li a h1 {
    float: left;
    margin-right: 10px;
    font-size: 18px;
    line-height: 20px;
    color: #333
}

#search-allList .alllist-projectList li a h1 span {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    background: #fc5b31;
    border-radius: 11px 11px 11px 0;
    padding: 1px 8px;
    display: inline-block;
    vertical-align: top;
    margin-top: -1px
}

#search-allList .alllist-projectList li a .offer {
    float: left;
    font-size: 20px;
    line-height: 20px;
    font-family: MicrosoftYaHei-Bold;
    color: #f77272;
    font-weight: 700
}

#search-allList .alllist-projectList li a p {
    overflow: hidden;
    clear: both;
    height: 56px;
    margin: 30px 0 16px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 28px;
    word-break: break-all;
    text-overflow: ellipsis;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

#search-allList .alllist-projectList li a div span {
    margin-right: 36px;
    color: #999;
    font-size: 14px;
    line-height: 14px
}

#search-allList .alllist-projectList li a div span.time {
    float: right;
    margin: 4px 0 0
}

#search-allList .alllist-projectList li a div span em {
    color: #333
}

#search-allList .articleList {
    padding-bottom: 50px
}

#search-allList .articleList #blog_base li .haveimg {
    width: 584px
}

#search-allList .talentList {
    padding-bottom: 50px
}

#search-allList .talentList .link button {
    margin-top: 30px
}

#search-allList .talentList .item {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 18px;
    padding: 20px 0;
    display: table;
    clear: both;
    width: 100%;
    background-color: #fff
}

#search-allList .talentList .item .content h3:hover {
    color: #0083ff!important
}

#search-allList .talentList .item .left {
    width: 70%;
    display: table-cell
}

#search-allList .talentList .item .left .imgBox {
    display: inline-block;
    width: 80px;
    height: 80px;
    float: left;
    border-radius: 40px;
    background-color: #e5e5e5;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

#search-allList .talentList .item .left .content {
    padding-left: 96px
}

#search-allList .talentList .item .left .content h3 {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    padding-top: 5px
}

#search-allList .talentList .item .left .content h3 .position {
    color: #999;
    font-size: 14px;
    margin-left: 10px;
    font-weight: 400
}

#search-allList .talentList .item .left .content h3 .other {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    background-color: #f8f8f8;
    margin-left: 10px;
    padding: 3px 8px;
    border-radius: 2px
}

#search-allList .talentList .item .left .content h3 .other.team-1 {
    color: #4ea4f6;
    background-color: #e6f0f9
}

#search-allList .talentList .item .left .content h3 .other.team-2 {
    color: #ff8051;
    background-color: #faeee6
}

#search-allList .talentList .item .left .content p {
    color: #666;
    font-size: 14px;
    line-height: 20px;
    margin-top: 12px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden
}

#search-allList .talentList .item .left .content p.skill {
    margin-top: 20px
}

#search-allList .talentList .item .left .content p.des {
    color: #999
}

#search-allList .talentList .item .right {
    width: 30%;
    display: table-cell;
    text-align: right
}

#search-allList .talentList .item .right .tag span {
    color: #666;
    font-size: 14px;
    line-height: 28px
}

#search-allList .talentList .item .right .tag em {
    color: #fc5b31;
    font-size: 20px;
    font-weight: 700;
    margin-left: 10px
}

#search-allList .talentList .item .right .operation {
    margin-top: 34px;
    position: relative
}

#search-allList .talentList .item .right .operation button {
    min-width: 103px
}

#search-allList .talentList .item .right .operation .message {
    color: #fff;
    font-size: 14px;
    padding: 0 18px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #0083ff;
    background-color: #0083ff
}

#search-allList .talentList .item .right .operation .collected {
    color: #666;
    font-size: 14px;
    padding: 0 18px 0 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 4px;
    border: 1px solid #dedfe0;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAY1BMVEVHcEyZmZmampqZmZmZmZmZmZmcnJyZmZmZmZmZmZmZmZn///+YmJiZmZmYmJidnZ2ZmZmYmJiampqYmJiYmJiZmZmYmJiZmZmZmZmZmZmYmJiZmZmZmZmZmZmUlJSZmZmZmZnS5b1YAAAAIXRSTlMAhCHxky0D7P6m0gFY2GsQ400X93KI50aer7iOf8YMX76xatE3AAAAgklEQVQYGQXAh3GDMAAAwAeECr27O9l/Sh/AvQAAdc41AAifTwCAbV/XfQNANfZ9d/ZgeD0fuoEh7115r5Zc3YDtNoW8qK8SAWJJLW0qEejvqYU2BSCkFjg6oDsAoQCPF+D/bT6rWfUEXMORxjFNfwsw5+aaYpxSk7/Q1031hflsan66XQW7A9vs4QAAAABJRU5ErkJggg==) no-repeat 19px
}

#search-allList .talentList .item .right .operation .collected.collect {
    color: #0083ff;
    border: 1px solid #0083ff;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAVFBMVEVHcEwAf/8Agv8Ag/8Agv8Ag/8Agv8AwP8Ag/8Agv8Ag/8Agv8Ag/8Ag/8Ag/8AhP8Ahf8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Agv8Ag/8Ag/946ySZAAAAHHRSTlMADi3S/oOmApLsIVhr8eNNF/dy54jE2EavnrhfrMMLdwAAAHxJREFUGBkFwIURgzAAAMAPRHGv7b9nD+CTAYAhxgEA1PuuALDt67pvAEhPKf1VwFi/b/3IGPc+p9US0wvYXlONi+HMBaDk1tG1XIDyaR10rQK1dcDRA/0BqBl4V8CdhCsF6Qs4x6M9T5t+CxDifE6lTG2OAcowpwDhmgf+V2UE2CVF/coAAAAASUVORK5CYII=) no-repeat 23px
}

#search-allList .talentList .item .right .operation .collected.cancelCollect {
    padding: 0;
    text-align: center;
    background: none
}

#search-allList .talentList .item .right .operation .other {
    min-width: 40px;
    color: #999;
    font-size: 14px;
    padding: 0 18px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    background: none;
    float: right
}

#search-allList .talentList .item .right .operation .otherMenu {
    position: absolute;
    right: 0;
    top: 45px;
    min-width: 96px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 10px 1px #ccc;
    box-shadow: 0 2px 10px 1px #ccc;
    z-index: 999;
    text-align: left
}

#search-allList .talentList .item .right .operation .otherMenu em {
    position: absolute;
    top: -16px;
    right: 23px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom: 8px solid #fff
}

#search-allList .talentList .item .right .operation .otherMenu .menu {
    height: 40px;
    color: #666;
    font-size: 14px;
    padding: 10px 33px 10px 20px;
    cursor: pointer;
    font-family: MicrosoftYaHei
}

#search-allList .talentList .item .right .operation .otherMenu .menu:hover {
    background: #eaf3ff;
    color: #0083ff
}

#search-allList .serviceList {
    padding-bottom: 50px
}

#search-allList .serviceList .link button {
    margin-top: 30px
}

#search-allList .serviceList .item {
    border-bottom: 1px solid #eaeaea;
    padding: 30px 0;
    display: table;
    clear: both;
    width: 100%;
    background-color: #fff
}

#search-allList .serviceList .item .left {
    width: 70%;
    display: table-cell
}

#search-allList .serviceList .item .left .serverimgBox, #search-allList .serviceList .item .left img {
    display: inline-block;
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 22px
}

#search-allList .serviceList .item .left .serverimgBox {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

#search-allList .serviceList .item .left .content {
    width: 100%;
    padding-left: 100px
}

#search-allList .serviceList .item .left .content h3 {
    color: #333;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all
}

#search-allList .serviceList .item .left .content h3:hover {
    color: #0083ff
}

#search-allList .serviceList .item .left .content .money {
    color: #fc5b31;
    font-size: 14px;
    font-weight: 700;
    margin-top: 18px
}

#search-allList .serviceList .item .left .content .money em {
    font-size: 20px
}

#search-allList .serviceList .item .left .content .store {
    color: #666;
    font-size: 14px;
    margin-top: 12px
}

#search-allList .serviceList .item .right {
    width: 30%;
    display: table-cell;
    text-align: right
}

#search-allList .serviceList .item .right p {
    color: #666;
    font-size: 14px
}

#search-allList .serviceList .item .right .operation {
    margin-top: 36px
}

#search-allList .serviceList .item .right .operation button {
    min-width: 103px;
    height: 40px;
    color: #666;
    font-size: 14px;
    padding: 0 18px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #dedfe0;
    background: none
}

#search-allList .serviceList .item .right .operation button i {
    color: #666;
    font-size: 14px;
    font-weight: 550;
    margin-right: 5px
}

#search-allList .serviceList .item .right .operation button.collect {
    color: #0083ff;
    border: 1px solid #0083ff
}

#search-allList .serviceList .item .right .operation button.collect i {
    color: #0083ff
}

#search-allList .serviceList .item .right .operation button.cancelCollect {
    padding: 0;
    background: none
}

#search-allList .serviceList .item .right .operation button.cancelCollect i {
    display: none
}

#search-allList .questionList {
    margin-top: 20px;
    margin-bottom: 60px
}

#search-allList .link {
    text-align: center
}

#search-allList .link button {
    width: 150px;
    height: 35px;
    color: #666;
    font-size: 14px;
    border-radius: 20px;
    border: 1px solid #d0d0d0;
    background-color: #fff;
    margin-top: 50px;
    cursor: pointer
}

#search-allList .link button:hover {
    color: #fff;
    border-color: #0083ff;
    background-color: #0083ff
}

#search-allList .warningDialog {
    width: 502px;
    padding: 40px 65px
}

#search-allList .warningDialog h2 {
    color: #333;
    font-size: 30px;
    line-height: 1
}

#search-allList .warningDialog p {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    margin-top: 48px
}

#search-allList .warningDialog .operation {
    margin-top: 65px
}

#search-allList .warningDialog .operation button {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    width: 120px;
    height: 42px;
    border-radius: 4px;
    border: 1px solid #0083ff;
    background: #0083ff;
    float: right;
    margin-bottom: 40px
}

#search-allList .warningDialog .operation button:last-child {
    margin-right: 20px;
    color: #0083ff;
    border-color: #2d93f9;
    background-color: #fff
}

#registerSuccess {
    width: 900px;
    margin: 82px auto 104px;
    background-color: #fff;
    padding: 0 220px 15px;
    position: relative
}

#registerSuccess:after, #registerSuccess:before {
    content: "";
    position: absolute;
    top: 80%;
    bottom: 28px;
    background: transparent;
    -webkit-box-shadow: 0 18px 25px #ccc;
    box-shadow: 0 18px 25px #ccc;
    z-index: -1
}

#registerSuccess:before {
    left: 18px;
    right: 12px;
    -webkit-transform: skew(-10deg) rotate(-3.6deg);
    transform: skew(-10deg) rotate(-3.6deg)
}

#registerSuccess:after {
    left: 12px;
    right: 18px;
    -webkit-transform: skew(10deg) rotate(3.6deg);
    transform: skew(10deg) rotate(3.6deg)
}

#registerSuccess button {
    cursor: pointer
}

#registerSuccess img {
    width: 233px;
    height: 157px;
    display: block;
    margin: auto;
    position: relative;
    top: -48px
}

#registerSuccess .title {
    color: #333;
    font-size: 16px;
    line-height: 20px;
    margin-top: -20px;
    font-weight: 700
}

#registerSuccess .question {
    margin-top: 10px
}

#registerSuccess .question p {
    color: #333;
    font-size: 16px;
    line-height: 56px
}

#registerSuccess .question span {
    display: inline-block;
    min-width: 33%;
    margin-bottom: 25px;
    font-size: 14px;
    color: #666
}

#registerSuccess .question span i {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 7px;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAWlBMVEUAAAC/v7+qqqqzs7Ovr6+1tbWysrK0tLSysrKzs7O0tLSysrKysrKzs7Ozs7OysrK0tLSzs7O6urr8/Pzx8fHa2tr////7+/vy8vLNzc3Ly8v+/v7b29vMzMw7iUezAAAAE3RSTlMACAkvMDCVlZaXmJiZwNfY9/j9kh7fbAAAAHZJREFUeF5ljtsWgyAMBLeCirSIJFy8/v9v9qT1gZZ528lJshDUMC/LPCh8eUyUInNMNHWSO7eV/KHsTsxzP/LNcVlAkcxvCmmMZ644R/hYi+gRuBYcGtGs/B810L9ve8BWxbZXW12MpbQyr4msZEEbH4I3vYQ33VgQwc8slnQAAAAASUVORK5CYII=) no-repeat 50%;
    margin-bottom: -3px
}

#registerSuccess .question span i.select {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAVFBMVEUAAAAAkv8AdP8AgP8AeP8Aef8Af/8Af/8AgP8Agf8Af/8Af/8AgP8Af/8AgP8AgP8Af/8AgP8AgP8AgP8Af/8AgP8AgP8Af/8AgP8AgP8Af/8AgP+ti8oOAAAAG3RSTlMABwsQERM2bHBxmZygoaKprrbFx8vQ193v/P4mBmxkAAAAb0lEQVQYV2WPSRLCMBADFQfMMmYNYRj3///JwSGVwrq1DlokSdk8wi2rKZUKALUkSUoTq6YkqbBRkXLdGjXLVnh/AJP/+DWeAVcAzwfM4wkgFMBtuM/7Q22GA1yGXWN8Cb0elzLra7th/fTu3N/9L23VE48Kfc8lAAAAAElFTkSuQmCC) no-repeat 50%
}

#registerSuccess button {
    width: 350px;
    height: 46px;
    color: #fff;
    font-size: 16px;
    border: none;
    border-radius: 4px;
    background-color: #0080ff;
    display: block;
    margin: 20px auto 0
}

#registerSuccess a {
    color: #666;
    font-size: 14px;
    line-height: 56px;
    display: block;
    width: 50px;
    margin: auto;
    text-align: center
}

#search {
    background-color: #fff;
    min-height: 570px;
    border-bottom: 1px solid #e5e5e5
}

#search button {
    cursor: pointer
}

#search .search-ipt {
    width: 100%;
    background-color: #2a3345
}

#search .search-ipt .main {
    width: 800px;
    margin: auto;
    padding: 24px 0 14px
}

#search .search-ipt .main input {
    color: #666;
    font-size: 16px;
    height: 50px;
    padding: 0 30px 0 50px;
    width: 700px;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAMAAACnUt2HAAABTVBMVEWZmZn///+ZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmGbkoZAAAAbnRSTlMAAFT6+f1utrLPFSzI31UOAtcRE1733vic1S9NCX1qpuh/l5DcJhe8ZqgtsAvvdyfpuCpTXfavX2WzzRCU7DmGSxLkx2y7DdQj4YOHCKXaqp8pGm98BMbqYlJXhM7CRwV0FjD7egNaPxgx/G01e7owywEAAADiSURBVHheXcjTssRgEIXRjjW2bR3atm0b/f6X03+mUpOc72bvWsDSJ6dy0bYrb9DnKGa8H91rdXUjKnZaFmYwIpdpg3wVs94eJoVzA3rNFLBoYqXkHgarlCreM6zhKvRriE2GSmQTbKlbA4SDQ2BPFpKEuOfAERwlHBt34AR6CLXpgB1n5+YJF4RFmy0tr6QIE5Ky3sf0i8wR+rZxZ9cyPryvM4TAAR4e+Rgdn0iCdHrGEIIxvIhdXl3f3OJdyI9pE+GBV8JIaY9P8BzH1zcw8yY8ofePT3a/4t8/8D/u1/XXBRinIS459sE2AAAAAElFTkSuQmCC) 22px no-repeat;
    border: none;
    border-radius: 4px 0 0 4px
}

#search .search-ipt .main input::-webkit-input-placeholder {
    color: #999
}

#search .search-ipt .main input:-ms-input-placeholder, #search .search-ipt .main input::-ms-input-placeholder {
    color: #999
}

#search .search-ipt .main input::placeholder {
    color: #999
}

#search .search-ipt .main button {
    border: none;
    height: 50px;
    float: right;
    color: #fff;
    background-color: #0083ff;
    font-size: 16px;
    width: 100px;
    text-align: center;
    border-radius: 0 4px 4px 0
}

#search .search-ipt .main p {
    color: #fff;
    font-size: 14px;
    margin-top: 20px
}

#search .search-ipt .main p span {
    margin-right: 26px;
    cursor: pointer
}

#search .search-main {
    width: 800px;
    margin: 39px auto 0
}

#search .search-main .search-bar button {
    color: #333;
    font-size: 20px;
    border: none;
    background: none;
    margin-right: 45px
}

#search .search-main .search-bar button.select {
    color: #0083ff
}

#search .search-main .search-bar button.select:after {
    content: "";
    display: block;
    width: 40px;
    height: 3px;
    border-radius: 2px;
    background-color: #0083ff;
    margin: 7px auto 0
}

#search .search-main .search-bar .dropdown {
    float: right;
    line-height: 30px;
    cursor: pointer
}

#search .search-main .search-bar .result-num {
    float: right;
    color: #999;
    font-size: 14px;
    margin-right: 20px;
    line-height: 30px
}

#search .search-main .search-result {
    margin-top: 29px
}

#search .search-main .list-default {
    height: 440px;
    margin: 0 auto;
    padding-top: 150px
}

#search .search-main .list-default img {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    margin-bottom: 40px
}

#search .search-main .list-default p {
    color: #a9a9a9;
    font-size: 14px;
    line-height: 14px;
    text-align: center
}

#search .search-main .list-default p a {
    color: #0083ff
}

#search .loadingBox {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 99
}

#search-projectLit ul li {
    border-bottom: 1px solid #e5e5e5
}

#search-projectLit ul li:last-child {
    border: 0
}

#search-projectLit ul li a {
    display: block;
    padding: 20px 0
}

#search-projectLit ul li a:hover h1 {
    color: #0083ff
}

#search-projectLit ul li a h1 {
    float: left;
    margin-right: 10px;
    font-size: 18px;
    line-height: 20px;
    color: #333
}

#search-projectLit ul li a h1 span {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    background: #fc5b31;
    border-radius: 11px 11px 11px 0;
    padding: 1px 8px;
    display: inline-block;
    vertical-align: top;
    margin-top: -1px
}

#search-projectLit ul li a .offer {
    float: left;
    font-size: 20px;
    line-height: 20px;
    font-family: MicrosoftYaHei-Bold;
    color: #f77272;
    font-weight: 700
}

#search-projectLit ul li a p {
    overflow: hidden;
    clear: both;
    height: 56px;
    margin: 30px 0 16px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 28px;
    word-break: break-all;
    text-overflow: ellipsis;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

#search-projectLit ul li a div span {
    margin-right: 36px;
    color: #999;
    font-size: 14px;
    line-height: 14px
}

#search-projectLit ul li a div span.time {
    float: right;
    margin: 4px 0 0
}

#search-projectLit ul li a div span em {
    color: #333
}

#search-talentLit .talent-item {
    border: 1px solid #eaeaea;
    margin-bottom: 18px;
    padding: 22px 30px 26px 35px;
    display: table;
    clear: both;
    width: 100%;
    background-color: #fff
}

#search-talentLit .talent-item:hover {
    -webkit-box-shadow: 5px 3px 10px #efefef;
    box-shadow: 5px 3px 10px #efefef
}

#search-talentLit .talent-item:hover .content h3 {
    color: #0083ff!important
}

#search-talentLit .talent-item .left {
    width: 70%;
    display: table-cell
}

#search-talentLit .talent-item .left .imgBox {
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background-color: #e5e5e5;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

#search-talentLit .talent-item .left .content {
    padding-left: 96px
}

#search-talentLit .talent-item .left .content h3 {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    padding-top: 5px
}

#search-talentLit .talent-item .left .content h3 .position {
    color: #999;
    font-size: 14px;
    margin-left: 10px;
    font-weight: 400
}

#search-talentLit .talent-item .left .content h3 .other {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    background-color: #f8f8f8;
    margin-left: 10px;
    padding: 3px 8px;
    border-radius: 2px
}

#search-talentLit .talent-item .left .content h3 .other.team-1 {
    color: #4ea4f6;
    background-color: #e6f0f9
}

#search-talentLit .talent-item .left .content h3 .other.team-2 {
    color: #ff8051;
    background-color: #faeee6
}

#search-talentLit .talent-item .left .content p {
    color: #666;
    font-size: 14px;
    line-height: 20px;
    margin-top: 12px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden
}

#search-talentLit .talent-item .left .content p.skill {
    margin-top: 20px
}

#search-talentLit .talent-item .left .content p.des {
    color: #999
}

#search-talentLit .talent-item .right {
    width: 31%;
    display: table-cell;
    text-align: right
}

#search-talentLit .talent-item .right .tag span {
    color: #666;
    font-size: 14px;
    line-height: 28px
}

#search-talentLit .talent-item .right .tag em {
    color: #fc5b31;
    font-size: 20px;
    font-weight: 700;
    margin-left: 10px
}

#search-talentLit .talent-item .right .operation {
    margin-top: 34px;
    position: relative
}

#search-talentLit .talent-item .right .operation button {
    min-width: 103px
}

#search-talentLit .talent-item .right .operation .message {
    color: #fff;
    font-size: 14px;
    padding: 0 18px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #0083ff;
    background-color: #0083ff
}

#search-talentLit .talent-item .right .operation .collected {
    color: #666;
    font-size: 14px;
    padding: 0 18px 0 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 4px;
    border: 1px solid #dedfe0;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAY1BMVEVHcEyZmZmampqZmZmZmZmZmZmcnJyZmZmZmZmZmZmZmZn///+YmJiZmZmYmJidnZ2ZmZmYmJiampqYmJiYmJiZmZmYmJiZmZmZmZmZmZmYmJiZmZmZmZmZmZmUlJSZmZmZmZnS5b1YAAAAIXRSTlMAhCHxky0D7P6m0gFY2GsQ400X93KI50aer7iOf8YMX76xatE3AAAAgklEQVQYGQXAh3GDMAAAwAeECr27O9l/Sh/AvQAAdc41AAifTwCAbV/XfQNANfZ9d/ZgeD0fuoEh7115r5Zc3YDtNoW8qK8SAWJJLW0qEejvqYU2BSCkFjg6oDsAoQCPF+D/bT6rWfUEXMORxjFNfwsw5+aaYpxSk7/Q1031hflsan66XQW7A9vs4QAAAABJRU5ErkJggg==) no-repeat 19px
}

#search-talentLit .talent-item .right .operation .collected.collect {
    color: #0083ff;
    border: 1px solid #0083ff;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAVFBMVEVHcEwAf/8Agv8Ag/8Agv8Ag/8Agv8AwP8Ag/8Agv8Ag/8Agv8Ag/8Ag/8Ag/8AhP8Ahf8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Agv8Ag/8Ag/946ySZAAAAHHRSTlMADi3S/oOmApLsIVhr8eNNF/dy54jE2EavnrhfrMMLdwAAAHxJREFUGBkFwIURgzAAAMAPRHGv7b9nD+CTAYAhxgEA1PuuALDt67pvAEhPKf1VwFi/b/3IGPc+p9US0wvYXlONi+HMBaDk1tG1XIDyaR10rQK1dcDRA/0BqBl4V8CdhCsF6Qs4x6M9T5t+CxDifE6lTG2OAcowpwDhmgf+V2UE2CVF/coAAAAASUVORK5CYII=) no-repeat 23px
}

#search-talentLit .talent-item .right .operation .collected.cancelCollect {
    padding: 0;
    text-align: center;
    background: none
}

#search-talentLit .talent-item .right .operation .other {
    min-width: 40px;
    color: #999;
    font-size: 14px;
    padding: 0 18px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    background: none;
    float: right
}

#search-talentLit .talent-item .right .operation .otherMenu {
    position: absolute;
    right: 0;
    top: 45px;
    min-width: 96px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 10px 1px #ccc;
    box-shadow: 0 2px 10px 1px #ccc;
    z-index: 999;
    text-align: left
}

#search-talentLit .talent-item .right .operation .otherMenu em {
    position: absolute;
    top: -16px;
    right: 23px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom: 8px solid #fff
}

#search-talentLit .talent-item .right .operation .otherMenu .menu {
    height: 40px;
    color: #666;
    font-size: 14px;
    padding: 10px 33px 10px 20px;
    cursor: pointer;
    font-family: MicrosoftYaHei
}

#search-talentLit .talent-item .right .operation .otherMenu .menu:hover {
    background: #eaf3ff;
    color: #0083ff
}

#search-talentLit .warningDialog {
    width: 502px;
    padding: 40px 65px
}

#search-talentLit .warningDialog h2 {
    color: #333;
    font-size: 30px;
    line-height: 1
}

#search-talentLit .warningDialog p {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    margin-top: 48px
}

#search-talentLit .warningDialog .operation {
    margin-top: 65px
}

#search-talentLit .warningDialog .operation button {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    width: 120px;
    height: 42px;
    border-radius: 4px;
    border: 1px solid #0083ff;
    background: #0083ff;
    float: right;
    margin-bottom: 40px
}

#search-talentLit .warningDialog .operation button:last-child {
    margin-right: 20px;
    color: #0083ff;
    border-color: #2d93f9;
    background-color: #fff
}

#search-serviceList .item {
    border: 1px solid #eaeaea;
    margin-bottom: 18px;
    padding: 22px 30px 26px 35px;
    display: table;
    clear: both;
    width: 100%;
    background-color: #fff
}

#search-serviceList .item:hover {
    -webkit-box-shadow: 5px 3px 10px #efefef;
    box-shadow: 5px 3px 10px #efefef
}

#search-serviceList .item:hover .content h3 {
    color: #0083ff!important
}

#search-serviceList .item .left {
    width: 70%;
    display: table-cell
}

#search-serviceList .item .left .imgBox {
    display: inline-block;
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 22px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

#search-serviceList .item .left .content {
    width: 100%;
    padding-left: 100px
}

#search-serviceList .item .left .content h3 {
    color: #333;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all
}

#search-serviceList .item .left .content .money {
    color: #fc5b31;
    font-size: 14px;
    font-weight: 700;
    margin-top: 18px
}

#search-serviceList .item .left .content .money em {
    font-size: 20px
}

#search-serviceList .item .left .content .store {
    color: #666;
    font-size: 14px;
    margin-top: 12px
}

#search-serviceList .item .right {
    width: 30%;
    display: table-cell;
    text-align: right
}

#search-serviceList .item .right p {
    color: #666;
    font-size: 14px
}

#search-serviceList .item .right .operation {
    margin-top: 36px
}

#search-serviceList .item .right .operation button {
    min-width: 103px;
    height: 40px;
    color: #666;
    font-size: 14px;
    padding: 0 18px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #dedfe0;
    background: none
}

#search-serviceList .item .right .operation button i {
    color: #666;
    font-size: 14px;
    font-weight: 550;
    margin-right: 5px
}

#search-serviceList .item .right .operation button.collect {
    color: #0083ff;
    border: 1px solid #0083ff
}

#search-serviceList .item .right .operation button.collect i {
    color: #0083ff
}

#search-serviceList .item .right .operation button.cancelCollect {
    padding: 0;
    background: none
}

#search-serviceList .item .right .operation button.cancelCollect i {
    display: none
}

.allsprojectlist .input .el-input__inner {
    width: 1020px;
    height: 60px;
    min-height: 60px!important;
    background: #f8f8f8;
    border: 1px solid #f8f8f8;
    border-radius: 4px 0 0 4px;
    line-height: 0;
    padding: 10px 15px;
    vertical-align: middle
}

.allsprojectlist .input .el-input__inner:focus {
    border-color: #0083ff;
    background: #fff
}

.allsprojectlist {
    width: 100%;
    background: #fff
}

.allsprojectlist h2, .allsprojectlist h3 {
    font-weight: 400
}

.allsprojectlist li {
    list-style: none
}

.allsprojectlist i {
    font-style: normal
}

.allsprojectlist .return {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
    color: #25aaff
}

.allsprojectlist input[type=number] {
    -moz-appearance: textfield
}

.allsprojectlist input[type=number]::-webkit-inner-spin-button, .allsprojectlist input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.allsprojectlist .banner {
    width: 100%;
    height: 100px;
    min-width: 1200px;
    _width: 1200px;
    margin-bottom: 30px;
    padding-top: 44px;
    background: url(static/images/banner.ec68e4f.png) no-repeat 50%;
    background-size: 100% 100%
}

.allsprojectlist .banner h2 {
    width: 1200px;
    font-size: 26px;
    line-height: 26px;
    color: #fff;
    margin: 0 auto;
    position: relative
}

.allsprojectlist .banner h2 a {
    display: inline-block;
    width: 76px;
    height: 30px;
    background: url(static/images/go.ef3244b.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: -2px;
    margin-left: 20px;
    cursor: pointer
}

.allsprojectlist .theprojectlist {
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    padding-bottom: 60px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff
}

.allsprojectlist .theprojectlist .middle {
    width: 1200px;
    margin: 0 auto
}

.allsprojectlist .theprojectlist .middle .search {
    width: 1200px;
    margin-bottom: 30px
}

.allsprojectlist .theprojectlist .middle .search .input {
    float: left;
    width: 1020px;
    height: 60px;
    font-size: 18px;
    color: #000
}

.allsprojectlist .theprojectlist .middle .search .btn {
    float: left;
    width: 180px;
    height: 60px;
    background: #0083ff;
    cursor: pointer;
    font-size: 18px;
    line-height: 18px;
    padding: 21px 0;
    color: #fff;
    text-align: center;
    -webkit-transition: all .2s;
    transition: all .2s
}

.allsprojectlist .theprojectlist .middle .search .btn:hover {
    background: #66b1ff
}

.allsprojectlist .theprojectlist .middle .titles li {
    position: relative;
    float: left;
    height: 48px;
    margin-right: 40px;
    background: #fff;
    text-align: center;
    cursor: pointer
}

.allsprojectlist .theprojectlist .middle .titles li a {
    font-size: 18px;
    line-height: 48px;
    color: #666
}

.allsprojectlist .theprojectlist .middle .titles li:last-child {
    margin-right: 0
}

.allsprojectlist .theprojectlist .middle .titles li:hover a {
    color: #0083ff
}

.allsprojectlist .theprojectlist .middle .titles li:after {
    content: "";
    position: absolute;
    width: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #0083ff;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.allsprojectlist .theprojectlist .middle .titles li:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.allsprojectlist .theprojectlist .middle .titles .active:after, .allsprojectlist .theprojectlist .middle .titles .nuxt-link-active:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #0083ff;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.allsprojectlist .theprojectlist .middle .titles .active a, .allsprojectlist .theprojectlist .middle .titles .nuxt-link-active a {
    color: #0083ff
}

.allsprojectlist .theprojectlist .middle .paramsList {
    margin-top: 15px;
    font-size: 14px
}

.allsprojectlist .theprojectlist .middle .paramsList .projectsort {
    border: 1px solid #e5e5e5;
    padding-bottom: 30px
}

.allsprojectlist .theprojectlist .middle .paramsList .projectsort .jobsort {
    padding-left: 24px;
    background: #fafafa;
    border-bottom: 1px solid #e5e5e5
}

.allsprojectlist .theprojectlist .middle .paramsList .projectsort .jobsort .name {
    color: #666;
    margin-right: 10px
}

.allsprojectlist .theprojectlist .middle .paramsList .projectsort .jobsort .item {
    display: inline-block;
    padding: 0;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s
}

.allsprojectlist .theprojectlist .middle .paramsList .projectsort .jobsort .item a {
    position: relative;
    display: inline-block;
    padding: 17px 16px;
    line-height: 14px;
    font-family: MicrosoftYaHei;
    color: #333
}

.allsprojectlist .theprojectlist .middle .paramsList .projectsort .jobsort .item a.select {
    color: #0083ff;
    background: #fff
}

.allsprojectlist .theprojectlist .middle .paramsList .projectsort .jobsort .item a.select:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    margin: 0 auto;
    background: #0083ff
}

.allsprojectlist .theprojectlist .middle .paramsList .projectsort .jobsort .item a.select:after {
    content: "";
    position: absolute;
    top: 47px;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    margin: 0 auto;
    background: #fff
}

.allsprojectlist .theprojectlist .middle .paramsList .projectsort .jobsort .item a:after {
    content: "";
    position: absolute;
    width: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    height: 2px;
    top: -1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #0083ff;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.allsprojectlist .theprojectlist .middle .paramsList .projectsort .jobsort .item a:hover {
    color: #0083ff
}

.allsprojectlist .theprojectlist .middle .paramsList .projectsort .jobsort .item a.select:after, .allsprojectlist .theprojectlist .middle .paramsList .projectsort .jobsort .item a:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.allsprojectlist .theprojectlist .middle .paramsList .items {
    display: table;
    width: 100%;
    clear: both;
    padding-top: 20px;
    margin-left: 24px
}

.allsprojectlist .theprojectlist .middle .paramsList .items .name {
    vertical-align: top;
    display: table-cell;
    color: #666;
    width: 80px;
    padding: 6px 0
}

.allsprojectlist .theprojectlist .middle .paramsList .items .value {
    display: table-cell;
    vertical-align: top;
    font-size: 14px;
    position: relative;
    padding-right: 45px
}

.allsprojectlist .theprojectlist .middle .paramsList .items .value.border {
    border-bottom: 1px solid #e5e5e5
}

.allsprojectlist .theprojectlist .middle .paramsList .items .value .hidden {
    width: 100%;
    height: 45px;
    overflow: hidden
}

.allsprojectlist .theprojectlist .middle .paramsList .items .value .item {
    display: inline-block;
    padding: 6px 10px;
    margin-right: 15px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s
}

.allsprojectlist .theprojectlist .middle .paramsList .items .value .item a, .allsprojectlist .theprojectlist .middle .paramsList .items .value .item span {
    margin: auto;
    height: 100%;
    color: #333
}

.allsprojectlist .theprojectlist .middle .paramsList .items .value .item:after {
    content: "";
    position: absolute;
    width: 76%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 12%;
    background-color: #0083ff;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.allsprojectlist .theprojectlist .middle .paramsList .items .value .item:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.allsprojectlist .theprojectlist .middle .paramsList .items .value .item.select {
    background: #e5f2ff
}

.allsprojectlist .theprojectlist .middle .paramsList .items .value .item.select a, .allsprojectlist .theprojectlist .middle .paramsList .items .value .item.select span, .allsprojectlist .theprojectlist .middle .paramsList .items .value .item:hover a {
    color: #0083ff
}

.allsprojectlist .theprojectlist .middle .paramsList .items .value .showSwitch {
    color: #999;
    font-size: 16px;
    border: none;
    background: none;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0
}

.allsprojectlist .theprojectlist .middle .paramsList .items .value .showSwitch.showing {
    color: #0083ff
}

.allsprojectlist .theprojectlist .middle .items-time {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    padding-top: 25px;
    margin-bottom: 50px
}

.allsprojectlist .theprojectlist .middle .items-time .dropdown {
    float: right;
    line-height: 30px;
    cursor: pointer
}

.allsprojectlist .theprojectlist .middle .items-time .dropdown .el-dropdown-link {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    display: inline-block
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList {
    overflow: hidden;
    width: 1200px;
    margin: auto
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul {
    width: 100%
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li {
    background: #fff;
    display: inline-block;
    vertical-align: top;
    width: 370px;
    cursor: pointer;
    margin-bottom: 50px;
    border: 1px solid #e5e5e5
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li:nth-child(2), .allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li:nth-child(5) {
    margin: 0 45px
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li:hover {
    -webkit-box-shadow: 0 15px 15px 0 hsla(0, 0%, 40%, .05);
    box-shadow: 0 15px 15px 0 hsla(0, 0%, 40%, .05)
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .type {
    color: #fff;
    font-size: 22px;
    line-height: 80px;
    text-align: center;
    height: 165px
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .type .projectname {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .type .projectdess {
    color: #999;
    font-size: 14px;
    line-height: 24px;
    margin: 10px;
    margin-top: -7px;
    width: 310px;
    height: 50px;
    text-align: left;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-left: 35px
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .type.type-01 {
    background: #3a3a3a url(static/images/kaif.ec61eb6.png) 100% no-repeat;
    background-size: 35% 85%
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .type.type-02 {
    background: #3a3a3a url(static/images/shj.cb268b2.png) 100% no-repeat;
    background-size: 35% 85%
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .type.type-03 {
    background: #3a3a3a url(static/images/yuny.fdd2535.png) 100% no-repeat;
    background-size: 35% 85%
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .type.type-04 {
    background: #3a3a3a url(static/images/cp.d90e635.png) 100% no-repeat;
    background-size: 35% 85%
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .money {
    display: block;
    margin: auto;
    color: #ff532b;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    margin-top: 20px
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .money span {
    font-size: 18px
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .downtime {
    font-size: 14px;
    color: #999;
    text-align: center
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .childType {
    margin-top: 15px;
    text-align: center;
    height: 26px
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .childType span {
    display: inline-block;
    color: #999;
    font-size: 12px;
    padding: 5px 12px;
    background-color: #eff1f4;
    border-radius: 12px;
    margin-right: 22px
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .childType span:last-child {
    margin-right: 0
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .des {
    margin: 30px 0
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .des .item {
    display: inline-block;
    width: 33%;
    text-align: center
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .des .item em {
    display: inline;
    color: #333;
    font-size: 16px
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .des .item p {
    color: #999;
    font-size: 14px;
    margin-top: 10px
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .des .item:nth-child(2) {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5
}

.allsprojectlist .theprojectlist .middle .list .nohavedata {
    width: 100%;
    border: 1px solid #f2f2f2;
    padding: 117px 0 107px
}

.allsprojectlist .theprojectlist .middle .list .nohavedata img {
    display: block;
    margin: 0 auto 50px
}

.allsprojectlist .theprojectlist .middle .list .nohavedata p {
    font-size: 14px;
    line-height: 14px;
    color: #666;
    text-align: center
}

.allsprojectlist .pagination .unok, .allsprojectlist .pagination a {
    background: #fff
}

.allsprojectlist .pagination .unok {
    color: #eaeaea
}

.bindPhone-contanner {
    width: 900px;
    margin: 82px auto 104px;
    -webkit-box-shadow: 0 5px 15px 2px #ccc;
    box-shadow: 0 5px 15px 2px #ccc;
    background-color: #fff
}

.bindPhone-contanner .bindPhone .title {
    color: #333;
    font-size: 20px;
    font-weight: 400;
    padding-top: 87px;
    padding-bottom: 15px;
    text-align: center
}

.bindPhone-contanner .bindPhone .form {
    width: 350px;
    margin: 0 auto
}

.bindPhone-contanner .bindPhone .form .formItem {
    margin-top: 20px
}

.bindPhone-contanner .bindPhone .form .formItem input {
    color: #666;
    font-size: 14px;
    width: 100%;
    padding: 13px 12px;
    border: 1px solid #e5e5e5
}

.bindPhone-contanner .bindPhone .form .formItem input::-webkit-input-placeholder {
    color: #ccc
}

.bindPhone-contanner .bindPhone .form .formItem input:-ms-input-placeholder, .bindPhone-contanner .bindPhone .form .formItem input::-ms-input-placeholder {
    color: #ccc
}

.bindPhone-contanner .bindPhone .form .formItem input::placeholder {
    color: #ccc
}

.bindPhone-contanner .bindPhone .form .formItem.validateCode {
    position: relative
}

.bindPhone-contanner .bindPhone .form .formItem.validateCode input {
    padding-right: 140px
}

.bindPhone-contanner .bindPhone .form .formItem.validateCode .get {
    width: 120px;
    color: #0080ff;
    font-size: 14px;
    height: 38px;
    border: none;
    background-color: #e5f2ff;
    position: absolute;
    right: 5px;
    top: 3px
}

.bindPhone-contanner .bindPhone .form .warning {
    color: #ff7923;
    font-size: 14px;
    line-height: 30px;
    border: 1px solid #ffba88;
    margin-top: 20px;
    padding-left: 38px;
    background: #fff6e3 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAeFBMVEUAAAD/AAD/bST/kiT/djv/iTv/gDn/hjn/gzj/gDf/gjX/gDT/hTr/gjn/gzj/gTn/hTn/gzn/gjn/gzn/gjn/gzn/gzn/gzj/gjj/gzj/gjj/gzj/gjn/gzn/gjn/gzn/gzn/gzn/gzn/gzn/gzn/gjj/gzj/gzl1hcKzAAAAJ3RSTlMAAQcHDQ0oKCkqKywsLUBHR0h4eaGhoqenqKytxsbb3OXm8fL4+fk4S7gUAAAAm0lEQVR4Xm3P4RLBMBBF4SPaomhQWgiRKPf939Codpjy/dy5u3OXlt1emuaytfQyp47LaBVRoZwbMy+DYgEwjapTWulJcQo4nUZ0Rgc5sAopPdIgy04bvmxU4bXgy1KeRmNQD6PHn9FwcSFP9XN+UCK5yoLT8VO1lgNmUfukyxzfD1HcFMrcmLwMuhW0Jmd1zhm9VeXvd1+teXkCDTgSFUbN1owAAAAASUVORK5CYII=) 11px no-repeat
}

.bindPhone-contanner .bindPhone .form .submit {
    width: 100%;
    color: #fff;
    font-size: 16px;
    padding: 12px 0 14px;
    margin: 36px 0 253px;
    background-color: #0083ff;
    border-radius: 4px;
    border: 1px solid #0083ff
}

.talentpool-talentList {
    width: 100%;
    height: 100%;
    background: #fff;
    border-bottom: 1px solid #e5e5e5
}

.talentpool-talentList button {
    cursor: pointer
}

.talentpool-talentList p {
    word-break: break-all
}

.talentpool-talentList .container-bannar {
    width: 100%;
    height: 100px;
    min-width: 1200px;
    padding-top: 40px;
    background: url(static/images/banner.6aa364a.png) no-repeat 50%;
    vertical-align: middle
}

.talentpool-talentList .container-bannar h2 {
    width: 1200px;
    font-size: 26px;
    line-height: 30px;
    color: #fff;
    margin: 0 auto;
    font-weight: 400;
    position: relative
}

.talentpool-talentList .container-bannar h2 a {
    display: inline-block;
    width: 76px;
    height: 30px;
    background: url(static/images/go.ef3244b.png) no-repeat;
    background-size: cover;
    border-radius: 4px;
    position: absolute;
    top: 0;
    margin-left: 20px
}

.talentpool-talentList .talentList-main {
    width: 1200px;
    margin: 0 auto
}

.talentpool-talentList .talentList-main .paramsList {
    margin-top: 15px
}

.talentpool-talentList .talentList-main .paramsList .items {
    display: table;
    width: 100%;
    clear: both;
    padding-top: 25px
}

.talentpool-talentList .talentList-main .paramsList .items .name {
    vertical-align: top;
    display: table-cell;
    font-size: 18px;
    color: #999;
    width: 100px;
    padding: 6px 0
}

.talentpool-talentList .talentList-main .paramsList .items .value {
    display: table-cell;
    vertical-align: top;
    font-size: 16px;
    position: relative;
    padding-right: 45px
}

.talentpool-talentList .talentList-main .paramsList .items .value.border {
    border-bottom: 1px solid #e5e5e5
}

.talentpool-talentList .talentList-main .paramsList .items .value .hidden {
    width: 100%;
    height: 45px;
    overflow: hidden
}

.talentpool-talentList .talentList-main .paramsList .items .value .item {
    display: inline-block;
    padding: 6px 10px;
    margin-bottom: 15px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s
}

.talentpool-talentList .talentList-main .paramsList .items .value .item a, .talentpool-talentList .talentList-main .paramsList .items .value .item span {
    margin: auto;
    height: 100%;
    color: #333
}

.talentpool-talentList .talentList-main .paramsList .items .value .item:after {
    content: "";
    position: absolute;
    width: 76%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 12%;
    background-color: #0083ff;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.talentpool-talentList .talentList-main .paramsList .items .value .item:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.talentpool-talentList .talentList-main .paramsList .items .value .item.select {
    background: #e5f2ff
}

.talentpool-talentList .talentList-main .paramsList .items .value .item.select a, .talentpool-talentList .talentList-main .paramsList .items .value .item.select span, .talentpool-talentList .talentList-main .paramsList .items .value .item:hover a {
    color: #0083ff
}

.talentpool-talentList .talentList-main .paramsList .items .value .showSwitch {
    color: #999;
    font-size: 16px;
    border: none;
    background: none;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0
}

.talentpool-talentList .talentList-main .paramsList .items .value .showSwitch.showing {
    color: #0083ff
}

.talentpool-talentList .talentList-main .list {
    margin-top: 50px
}

.talentpool-talentList .talentList-main .list .baner {
    background-color: #fafafa;
    border: 1px solid #e5e5e5;
    min-height: 60px
}

.talentpool-talentList .talentList-main .list .baner .title {
    color: #666;
    font-size: 16px;
    font-weight: 700;
    line-height: 60px;
    margin: 0 13px 0 30px;
    cursor: pointer
}

.talentpool-talentList .talentList-main .list .baner .title.select {
    color: #0083ff;
    background: none!important
}

.talentpool-talentList .talentList-main .list .baner .baner-item {
    color: #333;
    font-size: 16px;
    padding-right: 25px;
    margin-left: 45px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAZlBMVEUAAAD////GxsbMzMzIyMjJycnCwsLExMS/v7/Hx8fExMTDw8PExMTGxsbHx8fGxsbFxcXGxsbHx8fFxcXFxcXGxsbGxsbGxsbGxsbGxsbGxsbGxsbFxcXGxsbGxsbGxsbGxsbGxsYOB+9rAAAAIXRSTlMAAwkKDhMVHiAgKy88P0Bmg5masLTF1djg5OXn6+73+v4cLBFwAAAAWUlEQVR4Xq3ISRZAMBBF0Qqi7wkSoPa/SekI5xi6o/8+WGECLzHfimfTEXHNXPsMJR5dTXrUBgpGixbzdNd464js6kCnAQgmIYSpRa4SNNRyFf8ds+o9hS8n9ZINaKr4Nq8AAAAASUVORK5CYII=) no-repeat 100%;
    cursor: pointer
}

.talentpool-talentList .talentList-main .list .baner .baner-item.select {
    color: #0083ff;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAbFBMVEUAAAAAgP8Abf8AgP8AgP8Af/8AhP8AgP8Ahv8Agv8AhP8Agv8Agf8AhP8Agv8Ag/8Ag/8Agv8Ag/8Agv8Ag/8Agv8Ag/8Ag/8Ag/8Ag/8Agv8Ag/8Agv8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag//czCItAAAAI3RSTlMAAgcOEBodIio5OjtRXV5hZXaCkZKsv8vT1Nne4ert7vb7/mPzfbEAAABfSURBVHhenc43EoQwEETRxo7wfq1wO/e/42qqkFBCwst+Rw1BhZGHcN4sKjgfFs3tISWiL4uOiCLgyb4aSLTXIwy1uJ4CiGw7+mG/ljuLVwyr/ZnWCU4986rgG+YMF/4HmQ4+Yu5hgQAAAABJRU5ErkJggg==) no-repeat 100%
}

.talentpool-talentList .talentList-main .list .item {
    border: 1px solid #eaeaea;
    margin-bottom: 18px;
    padding: 22px 30px 26px 35px;
    display: table;
    clear: both;
    width: 100%;
    background-color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s
}

.talentpool-talentList .talentList-main .list .item.first {
    border-top: 0
}

.talentpool-talentList .talentList-main .list .item:hover {
    -webkit-box-shadow: 5px 3px 10px #efefef;
    box-shadow: 5px 3px 10px #efefef
}

.talentpool-talentList .talentList-main .list .item:hover .content h3 {
    color: #0083ff!important
}

.talentpool-talentList .talentList-main .list .item .left {
    width: 70%;
    display: table-cell
}

.talentpool-talentList .talentList-main .list .item .left .imgBox {
    float: left;
    text-align: center;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background-color: #e5e5e5;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.talentpool-talentList .talentList-main .list .item .left .content {
    padding-left: 96px
}

.talentpool-talentList .talentList-main .list .item .left .content h3 {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    padding-top: 5px;
    -webkit-transition: color .2s;
    transition: color .2s
}

.talentpool-talentList .talentList-main .list .item .left .content h3 img {
    width: 14px;
    height: 16px;
    margin-left: 5px
}

.talentpool-talentList .talentList-main .list .item .left .content h3 .position {
    color: #999;
    font-size: 14px;
    margin-left: 10px;
    font-weight: 400
}

.talentpool-talentList .talentList-main .list .item .left .content h3 .other {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    background-color: #f8f8f8;
    margin-left: 10px;
    padding: 3px 8px;
    border-radius: 2px
}

.talentpool-talentList .talentList-main .list .item .left .content h3 .other.team-1 {
    color: #4ea4f6;
    background-color: #e6f0f9
}

.talentpool-talentList .talentList-main .list .item .left .content h3 .other.team-2 {
    color: #ff8051;
    background-color: #faeee6
}

.talentpool-talentList .talentList-main .list .item .left .content p {
    color: #666;
    font-size: 14px;
    line-height: 20px;
    margin-top: 12px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden
}

.talentpool-talentList .talentList-main .list .item .left .content p.skill {
    margin-top: 20px
}

.talentpool-talentList .talentList-main .list .item .right {
    width: 30%;
    display: table-cell;
    text-align: right
}

.talentpool-talentList .talentList-main .list .item .right .tag span {
    color: #666;
    font-size: 14px;
    line-height: 28px
}

.talentpool-talentList .talentList-main .list .item .right .tag em {
    color: #fc5b31;
    font-size: 20px;
    font-weight: 700;
    margin-left: 10px
}

.talentpool-talentList .talentList-main .list .item .right .operation {
    margin-top: 34px
}

.talentpool-talentList .talentList-main .list .item .right .operation button {
    min-width: 103px
}

.talentpool-talentList .talentList-main .list .item .right .operation .toservice {
    color: #666;
    font-size: 14px;
    padding: 0 3px 0 6px;
    height: 40px;
    margin-right: 10px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #dedfe0
}

.talentpool-talentList .talentList-main .list .item .right .operation .collected {
    color: #666;
    font-size: 14px;
    padding: 0 18px 0 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 4px;
    border: 1px solid #dedfe0;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAY1BMVEVHcEyZmZmampqZmZmZmZmZmZmcnJyZmZmZmZmZmZmZmZn///+YmJiZmZmYmJidnZ2ZmZmYmJiampqYmJiYmJiZmZmYmJiZmZmZmZmZmZmYmJiZmZmZmZmZmZmUlJSZmZmZmZnS5b1YAAAAIXRSTlMAhCHxky0D7P6m0gFY2GsQ400X93KI50aer7iOf8YMX76xatE3AAAAgklEQVQYGQXAh3GDMAAAwAeECr27O9l/Sh/AvQAAdc41AAifTwCAbV/XfQNANfZ9d/ZgeD0fuoEh7115r5Zc3YDtNoW8qK8SAWJJLW0qEejvqYU2BSCkFjg6oDsAoQCPF+D/bT6rWfUEXMORxjFNfwsw5+aaYpxSk7/Q1031hflsan66XQW7A9vs4QAAAABJRU5ErkJggg==) no-repeat 19px
}

.talentpool-talentList .talentList-main .list .item .right .operation .collected.collect {
    color: #0083ff;
    border: 1px solid #0083ff;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAVFBMVEVHcEwAf/8Agv8Ag/8Agv8Ag/8Agv8AwP8Ag/8Agv8Ag/8Agv8Ag/8Ag/8Ag/8AhP8Ahf8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Agv8Ag/8Ag/946ySZAAAAHHRSTlMADi3S/oOmApLsIVhr8eNNF/dy54jE2EavnrhfrMMLdwAAAHxJREFUGBkFwIURgzAAAMAPRHGv7b9nD+CTAYAhxgEA1PuuALDt67pvAEhPKf1VwFi/b/3IGPc+p9US0wvYXlONi+HMBaDk1tG1XIDyaR10rQK1dcDRA/0BqBl4V8CdhCsF6Qs4x6M9T5t+CxDifE6lTG2OAcowpwDhmgf+V2UE2CVF/coAAAAASUVORK5CYII=) no-repeat 23px
}

.talentpool-talentList .talentList-main .list .item .right .operation .collected.cancelCollect {
    padding: 0;
    text-align: center;
    background: none
}

.talentpool-talentList .talentList-main .list .item .right .operation .message {
    color: #fff;
    font-size: 14px;
    padding: 0 18px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #0083ff;
    background-color: #0083ff
}

.talentpool-talentList .talentList-main .list .list-default {
    margin-bottom: 62px
}

.talentpool-talentList .talentList-main .list .list-default img {
    display: block;
    width: 81px;
    height: 66px;
    margin: 161px auto 0
}

.talentpool-talentList .talentList-main .list .list-default p {
    color: #666;
    font-size: 14px;
    text-align: center;
    margin: 47px 0 164px
}

.talentpool-talentList .warningDialog {
    width: 502px;
    padding: 40px 65px
}

.talentpool-talentList .warningDialog h2 {
    color: #333;
    font-size: 30px;
    line-height: 1
}

.talentpool-talentList .warningDialog p {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    margin-top: 48px
}

.talentpool-talentList .warningDialog .operation {
    margin-top: 65px
}

.talentpool-talentList .warningDialog .operation button {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    width: 120px;
    height: 42px;
    border-radius: 4px;
    border: 1px solid #0083ff;
    background: #0083ff;
    float: right;
    margin-bottom: 40px
}

.talentpool-talentList .warningDialog .operation button:last-child {
    margin-right: 20px;
    color: #0083ff;
    border-color: #2d93f9;
    background-color: #fff
}

.resume-success {
    width: 1200px;
    margin: 0 auto;
    padding: 60px 0
}

.resume-success .success {
    overflow: hidden;
    width: 752px;
    height: 559px;
    margin: 0 auto;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 4px 0 9px rgba(0, 58, 113, .08);
    box-shadow: 4px 0 9px rgba(0, 58, 113, .08)
}

.resume-success .success h2 {
    margin: 67px 0 15px;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #333
}

.resume-success .success p {
    margin-bottom: 45px;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    font-family: MicrosoftYaHei;
    color: #999
}

.resume-success .success img {
    display: block;
    width: 160px;
    height: 160px;
    margin: 0 auto;
    margin-bottom: 15px
}

.resume-success .success span {
    visibility: hidden;
    display: block;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    text-align: center;
    color: #999;
    line-height: 24px
}

.resume-success .success span em {
    color: #333
}

.resume-success .success a {
    display: block;
    width: 140px;
    height: 42px;
    margin: 0 auto;
    margin-top: 60px;
    background: #0083ff;
    border-radius: 4px;
    text-align: center;
    line-height: 42px;
    font-size: 18px;
    font-family: MicrosoftYaHei;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.resume-success .success a:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

.setUp {
    width: 752px;
    min-height: 450px;
    margin: 58px auto 200px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 5px 15px 2px #ccc;
    box-shadow: 0 5px 15px 2px #ccc
}

.setUp button {
    cursor: pointer
}

.setUp .banner {
    text-align: center;
    border-bottom: 1px solid #e5e5e5
}

.setUp .banner button {
    color: #666;
    font-size: 20px;
    padding: 0 30px;
    border: none;
    background: none;
    height: 64px
}

.setUp .banner button.select {
    color: #0083ff
}

.setUp .banner button.select:after {
    content: "";
    display: block;
    width: 28px;
    height: 4px;
    margin: auto;
    border-radius: 2px;
    background-color: #0083ff;
    position: relative;
    top: 7px
}

.setUp .modifyPassword .form {
    width: 400px;
    margin: 0 auto;
    padding: 40px 0 80px
}

.setUp .modifyPassword .form h2 {
    background: #fff;
    color: #333;
    font-size: 20px;
    line-height: 40px
}

.setUp .modifyPassword .form .form-item {
    margin-top: 20px
}

.setUp .modifyPassword .form .form-item input {
    color: #333;
    line-height: 34px;
    font-size: 14px;
    padding-left: 8px;
    padding-right: 40px;
    border: 0;
    width: 100%;
    border-bottom: 1px solid #dcdfe6;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.setUp .modifyPassword .form .form-item input::-webkit-input-placeholder {
    color: #666
}

.setUp .modifyPassword .form .form-item input:-ms-input-placeholder, .setUp .modifyPassword .form .form-item input::-ms-input-placeholder {
    color: #666
}

.setUp .modifyPassword .form .form-item input::placeholder {
    color: #666
}

.setUp .modifyPassword .form .form-item input:focus {
    border-bottom: 2px solid #0083ff
}

.setUp .modifyPassword .form .submit {
    display: block;
    color: #fff;
    font-size: 18px;
    width: 140px;
    padding: 8px 0;
    margin: 50px auto 0;
    border-radius: 4px;
    border: 1px solid #0083ff;
    background-color: #0083ff
}

.setUp .accountSet {
    padding: 0 40px;
    clear: both
}

.setUp .accountSet h2 {
    color: #666;
    font-size: 20px;
    font-weight: 400;
    margin-top: 36px
}

.setUp .accountSet .binding-item {
    margin: 30px 20px 0 0;
    padding: 20px 13px 16px;
    float: left;
    text-align: center;
    border: 1px solid #dddfe6;
    border-radius: 4px
}

.setUp .accountSet .binding-item img {
    width: 64px;
    height: 64px
}

.setUp .accountSet .binding-item .name {
    color: #666;
    font-size: 20px;
    margin-top: 12px
}

.setUp .accountSet .binding-item .alert {
    color: #ccc;
    font-size: 14px;
    margin-top: 8px
}

.setUp .accountSet .binding-item button {
    color: #666;
    font-size: 18px;
    background: none;
    border: 1px solid #dddfe6;
    border-radius: 4px;
    height: 36px;
    padding: 0 20px;
    margin-top: 12px
}

.setUp .accountSet .binding-item button.light {
    color: #0083ff;
    border: 1px solid #0083ff
}

.useAgreement {
    width: 1200px;
    padding: 8px 120px 58px;
    margin: 20px auto 58px;
    background-color: #fff
}

.useAgreement h2 {
    color: #333;
    font-size: 22px;
    margin: 50px auto;
    text-align: center
}

.useAgreement div {
    color: #666;
    font-size: 16px;
    margin-bottom: 20px
}

.useAgreement .sub_title {
    margin-top: 28px;
    color: #0083ff;
    font-size: 18px;
    font-weight: 700
}

.useAgreement p {
    color: #666;
    font-size: 16px;
    line-height: 28px;
    text-align: justify
}

.pagebody {
    background-color: #000
}

.picturePreview .pp-banner {
    position: fixed;
    top: 0;
    width: 100%;
    min-width: 1200px;
    min-height: 158px;
    margin: 0 auto;
    padding: 40px 0;
    text-align: center;
    background-color: #000
}

.picturePreview .pp-banner div {
    background-color: #fff;
    display: inline-block;
    width: 74px;
    height: 74px;
    margin-right: 13px
}

.picturePreview .pp-banner div:last-child {
    margin-right: 0
}

.picturePreview .pp-banner div .imgBox {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #e5e5e5;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.picturePreview .pp-banner div.back {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOBAMAAADgeEClAAAAFVBMVEUAAAD///////////////////////9Iz20EAAAABnRSTlMAFcXLzNNiWmPaAAAAJklEQVQIW2NQEWBgYHALBBKiqUAmYxg6MxlKgLkgCTgDok0ZyAAA/yEHTiHxJJAAAAAASUVORK5CYII=) 50% no-repeat
}

.picturePreview .pp-banner div.back.default {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOBAMAAADgeEClAAAAGFBMVEUAAAD///////////////////////////8jfp1fAAAACHRSTlMACgtiZmlqgLFDgXwAAAAvSURBVAhbY2BgYHJmYGBQKwEy0pOAjDIFBIPBHchgcA8EKSgVAKlAYiZBtQENAAA4VwjpD9AEUwAAAABJRU5ErkJggg==) 50% no-repeat
}

.picturePreview .pp-banner div.next {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOBAMAAADgeEClAAAAFVBMVEUAAAD///////////////////////9Iz20EAAAABnRSTlMAFcXLzNNiWmPaAAAAJklEQVQIW2NQEWBgYHALBBKiqUAmYxg6MxlKgLkgCTgDok0ZyAAA/yEHTiHxJJAAAAAASUVORK5CYII=) 50% no-repeat
}

.picturePreview .pp-banner div.next.default {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOBAMAAADgeEClAAAAGFBMVEUAAAD///////////////////////////8jfp1fAAAACHRSTlMACgtiZmlqgLFDgXwAAAAvSURBVAhbY2BgYHJmYGBQKwEy0pOAjDIFBIPBHchgcA8EKSgVAKlAYiZBtQENAAA4VwjpD9AEUwAAAABJRU5ErkJggg==) 50% no-repeat
}

.picturePreview .pp-banner div.current {
    border: 2px solid #0083ff
}

.picturePreview .pp-panel {
    margin-top: 158px
}

.picturePreview .pp-panel .center {
    width: 1200px;
    margin: 0 auto 50px;
    text-align: center
}

.novice-guide {
    background: #fff;
    border-bottom: 1px solid #e5e5e5
}

.novice-guide .head {
    overflow: hidden;
    position: relative;
    min-width: 1200px;
    height: 300px
}

.novice-guide .head img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px
}

.novice-guide .head h1 {
    top: 98px;
    font-size: 70px;
    line-height: 70px;
    font-weight: 400;
    font-family: PingFangSC-Regular
}

.novice-guide .head h1, .novice-guide .head p {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    color: #fff
}

.novice-guide .head p {
    top: 203px;
    font-size: 20px;
    line-height: 20px;
    font-family: MicrosoftYaHei
}

.novice-guide .content {
    width: 1200px;
    margin: 0 auto;
    padding-top: 120px
}

.novice-guide .content .item-list {
    margin-left: 22px
}

.novice-guide .content .item-list li {
    list-style: none;
    margin-bottom: 30px
}

.novice-guide .content .item-list li h3 {
    position: relative;
    margin-bottom: 10px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    line-height: 16px;
    color: #333
}

.novice-guide .content .item-list li h3:before {
    content: "";
    position: absolute;
    top: 4px;
    left: -20px;
    width: 8px;
    height: 8px;
    background: #e5e5e5;
    border-radius: 50%
}

.novice-guide .content .item-list li p {
    position: relative;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    line-height: 14px;
    color: #666
}

.novice-guide .content .item-list li p:before {
    content: "";
    position: absolute;
    top: -8px;
    left: -16px;
    width: 1px;
    height: 49px;
    border-left: 1px dashed #e5e5e5
}

.novice-guide .content .item-list li p.none-p:before {
    content: "";
    display: none
}

.novice-guide .content .project-item {
    margin-left: 90px;
    margin-bottom: 140px
}

.novice-guide .content .project-item.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.novice-guide .content .project-item .left {
    float: left
}

.novice-guide .content .project-item .left h2 {
    margin-bottom: 20px;
    font-size: 40px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    line-height: 40px;
    color: #333
}

.novice-guide .content .project-item .left .notes {
    margin-bottom: 34px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    line-height: 16px;
    color: #999
}

.novice-guide .content .project-item .right {
    float: right
}

.novice-guide .content .project-item .right img {
    display: block;
    margin-top: 60px;
    margin-bottom: 61px
}

.novice-guide .content .project-item .right a {
    margin-left: 330px;
    padding-right: 32px;
    font-size: 24px;
    font-family: MicrosoftYaHei;
    color: #333
}

.novice-guide .content .project-item .right a:hover {
    color: #0083ff
}

.novice-guide .content .item-line {
    position: relative;
    margin-bottom: 96px;
    font-size: 20px;
    line-height: 20px;
    font-family: MicrosoftYaHei;
    color: #999;
    text-align: center
}

.novice-guide .content .item-line:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 120px;
    width: 164px;
    height: 2px;
    background: #e5e5e5
}

.novice-guide .content .item-line:after {
    content: "";
    position: absolute;
    top: 9px;
    right: 120px;
    width: 164px;
    height: 2px;
    background: #e5e5e5
}

.novice-guide .content .expert-item {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 160px;
    margin-bottom: 104px
}

.novice-guide .content .expert-item.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.novice-guide .content .expert-item .left {
    float: left;
    margin-right: 112px
}

.novice-guide .content .expert-item .left img {
    display: block;
    margin-top: 63px;
    margin-bottom: 61px
}

.novice-guide .content .expert-item .left a {
    margin-left: 266px;
    padding-right: 32px;
    font-size: 24px;
    font-family: MicrosoftYaHei;
    color: #333
}

.novice-guide .content .expert-item .left a:hover {
    color: #0083ff
}

.novice-guide .content .expert-item .right {
    float: left
}

.novice-guide .content .expert-item .right h2 {
    margin-bottom: 20px;
    font-size: 40px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    line-height: 40px;
    color: #333
}

.novice-guide .content .expert-item .right .notes {
    margin-bottom: 34px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    line-height: 16px;
    color: #999
}

.novice-guide .content h2 {
    margin-bottom: 94px;
    font-size: 40px;
    color: #333;
    font-weight: 400
}

.novice-guide .content .advantage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 1200px;
    padding-bottom: 120px
}

.novice-guide .content .advantage div {
    width: 288px
}

.novice-guide .content .advantage div:first-child h3 {
    background: url(static/images/hzzj.91dc851.png) 10px 0 no-repeat
}

.novice-guide .content .advantage div:nth-child(2) h3 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAABTVBMVEUAAAD/v0Dfv0Djxjn/xjnxxkf/xkfyvEPyyUP1xE7/zk72xkz4y0v4xUn4x0z5yE35yEz5xUz3xkz6xkz6yUz3x0v4xkz4yUz2x0z5x076x034x0z3x0z4x0z4x033xkz5xkz3x0z4yE34xk34x033x034xk33xk34x034xk34x034x0z3x0z3xkz4x033x035x034x0z4x034x034xk34x034x034x03////74aD86Lj87MP98M/99Nv735v4yFD98NH++/L74aH86rz74Jz51n/74qP868D98tf50W/99Nz99eD+9uT+9+f+9+j51Hf+/fr51Xr978763JH63ZT86r35zmP746b85a74yVP4zF74yFL868L5z2f978v978z50Wz73pb989r73pf735n735r4x0/614H74J7++Or++Ov62IP62Yb+/fv9782/8ZNPAAAAN3RSTlMACAgJCRISExMaGhsiI01TVFReXl5fdXV2doyNl5ecnZ2eubm6ur29zc7b4ODg6Onw8fH7/Pz+I8zEGwAAAbtJREFUeF6d1UdXg0AUhuGLMdaIscWCNUZU0BgN5k66vffee2//f6lRYAYyAcy7YvEsPs6BGbDnb5TCSkzTYkpYavSDY0LzcByZ4nKzUBL7OiawqImQj69FFbmpIm9HdwJLlOguWlQ3gg6N1Ft1YBwdUwOsrlXRJbWW6spRdG200uS96KE+Q4sJLzwh6lPG0FPq35yQAQivD+pDBV0RNfny40+5JNMJy6MCALSiyffR3iXLsRUAZMoPCuJ0KY+IC2ccLgNUaZTfFsT258UTHpN7gx+lUgbQqqEJbRzfd+aTZN4cczNLTBGELgvXPdnL0+1zlEswaOe76fQW+Uov83gEFIY//G7JZt/IWnaFxxWYZHhOf8iRc+SOiUHczhczmQ0yk7ni8fg/+f/GTFpe9cWNKxBm+JyOntN5Po9Al4XTuFyyfASzm/ZerTwI1ZrJU7xWGa7VAMjoEuWy/nsYzRw68jYAEKIU3K0ni7sm7M8HIYYTXgZvL+fgANEbF0Gv34seKOtI9X5g0wIuXm0AS/WeLhua0FP6KusRyr4oab5OT9cwTWiRbZd8iwCO+YPSkDI1PT2lRKSg3w6+ARH8dL3jPdOmAAAAAElFTkSuQmCC) 10px 0 no-repeat
}

.novice-guide .content .advantage div:nth-child(3) h3 {
    background: url(static/images/txfy.2256d06.png) 10px 0 no-repeat
}

.novice-guide .content .advantage div h3 {
    padding-left: 72px;
    margin-bottom: 20px;
    height: 46px;
    font-size: 20px;
    line-height: 46px;
    font-weight: 400;
    color: #333
}

.novice-guide .content .advantage div p {
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 24px;
    text-align: justify
}

.register {
    width: 900px;
    margin: 82px auto 104px;
    -webkit-box-shadow: 0 5px 15px 2px #ccc;
    box-shadow: 0 5px 15px 2px #ccc;
    background-color: #fff
}

@-webkit-keyframes mymove {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes mymove {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.register #register-one .title {
    color: #333;
    font-size: 20px;
    font-weight: 400;
    padding-top: 66px;
    padding-bottom: 15px;
    text-align: center
}

.register #register-one .form {
    width: 350px;
    margin: 0 auto
}

.register #register-one .form .formItem {
    margin-top: 20px
}

.register #register-one .form .formItem input {
    color: #666;
    font-size: 14px;
    width: 100%;
    padding: 13px 12px;
    border: 1px solid #e5e5e5
}

.register #register-one .form .formItem input::-webkit-input-placeholder {
    color: #ccc
}

.register #register-one .form .formItem input:-ms-input-placeholder, .register #register-one .form .formItem input::-ms-input-placeholder {
    color: #ccc
}

.register #register-one .form .formItem input::placeholder {
    color: #ccc
}

.register #register-one .form .formItem.validateCode {
    position: relative
}

.register #register-one .form .formItem.validateCode input {
    padding-right: 140px
}

.register #register-one .form .formItem.validateCode .get {
    width: 120px;
    color: #0080ff;
    font-size: 14px;
    height: 38px;
    border: none;
    background-color: #e5f2ff;
    position: absolute;
    right: 5px;
    top: 3px
}

.register #register-one .form .message {
    color: #999;
    font-size: 14px;
    line-height: 46px
}

.register #register-one .form .message span {
    width: 12px;
    height: 12px;
    margin-right: 5px;
    margin-bottom: -1px;
    border-radius: 2px;
    border: 1px solid #999;
    display: inline-block;
    cursor: pointer
}

.register #register-one .form .message span.select {
    border-color: #0083ff;
    background-color: #0083ff;
    position: relative
}

.register #register-one .form .message span.select i {
    position: absolute;
    top: 2px;
    left: 1px;
    width: 8px;
    height: 4px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .5s;
    transition: all .5s
}

.register #register-one .form .message a {
    color: #0083ff
}

.register #register-one .form .warning {
    color: #ff7923;
    font-size: 14px;
    line-height: 30px;
    border: 1px solid #ffba88;
    margin-top: 20px;
    padding-left: 38px;
    background: #fff6e3 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAeFBMVEUAAAD/AAD/bST/kiT/djv/iTv/gDn/hjn/gzj/gDf/gjX/gDT/hTr/gjn/gzj/gTn/hTn/gzn/gjn/gzn/gjn/gzn/gzn/gzj/gjj/gzj/gjj/gzj/gjn/gzn/gjn/gzn/gzn/gzn/gzn/gzn/gzn/gjj/gzj/gzl1hcKzAAAAJ3RSTlMAAQcHDQ0oKCkqKywsLUBHR0h4eaGhoqenqKytxsbb3OXm8fL4+fk4S7gUAAAAm0lEQVR4Xm3P4RLBMBBF4SPaomhQWgiRKPf939Codpjy/dy5u3OXlt1emuaytfQyp47LaBVRoZwbMy+DYgEwjapTWulJcQo4nUZ0Rgc5sAopPdIgy04bvmxU4bXgy1KeRmNQD6PHn9FwcSFP9XN+UCK5yoLT8VO1lgNmUfukyxzfD1HcFMrcmLwMuhW0Jmd1zhm9VeXvd1+teXkCDTgSFUbN1owAAAAASUVORK5CYII=) 11px no-repeat
}

.register #register-one .form .submit {
    width: 100%;
    color: #fff;
    font-size: 16px;
    padding: 12px 0 14px;
    margin: 30px 0 122px;
    background-color: #0083ff;
    border-radius: 4px;
    border: 1px solid #0083ff
}

.register #register-one .form .link {
    color: #999;
    font-size: 14px;
    text-align: center;
    margin-bottom: 35px
}

.register #register-one .form .link a {
    color: #0083ff
}

.register #register-two {
    padding-top: 100px;
    padding-bottom: 120px;
    position: relative;
    width: 350px;
    margin: 0 auto
}

.register #register-two .userLogo {
    width: 153px;
    height: 153px;
    margin: 0 auto;
    border-radius: 50%;
    padding: 0;
    overflow: hidden
}

.register #register-two .userLogo .defaultImg {
    width: 100%;
    height: 100%
}

.register #register-two .mask_ele {
    height: 0;
    overflow: hidden
}

.register #register-two .uploadImg {
    height: 0;
    color: #fff
}

.register #register-two .addIcon {
    width: 47px;
    height: 47px;
    position: absolute;
    top: 100px;
    left: 58%;
    z-index: 98
}

.register #register-two .formItem {
    margin-top: 30px
}

.register #register-two .formItem input {
    color: #666;
    font-size: 14px;
    width: 100%;
    padding: 13px 12px;
    border: 1px solid #e5e5e5
}

.register #register-two .formItem input::-webkit-input-placeholder {
    color: #ccc
}

.register #register-two .formItem input:-ms-input-placeholder, .register #register-two .formItem input::-ms-input-placeholder {
    color: #ccc
}

.register #register-two .formItem input::placeholder {
    color: #ccc
}

.register #register-two .warning {
    color: #ff7923;
    font-size: 14px;
    line-height: 30px;
    border: 1px solid #ffba88;
    margin-top: 40px;
    padding-left: 38px;
    background: #fff6e3 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAeFBMVEUAAAD/AAD/bST/kiT/djv/iTv/gDn/hjn/gzj/gDf/gjX/gDT/hTr/gjn/gzj/gTn/hTn/gzn/gjn/gzn/gjn/gzn/gzn/gzj/gjj/gzj/gjj/gzj/gjn/gzn/gjn/gzn/gzn/gzn/gzn/gzn/gzn/gjj/gzj/gzl1hcKzAAAAJ3RSTlMAAQcHDQ0oKCkqKywsLUBHR0h4eaGhoqenqKytxsbb3OXm8fL4+fk4S7gUAAAAm0lEQVR4Xm3P4RLBMBBF4SPaomhQWgiRKPf939Codpjy/dy5u3OXlt1emuaytfQyp47LaBVRoZwbMy+DYgEwjapTWulJcQo4nUZ0Rgc5sAopPdIgy04bvmxU4bXgy1KeRmNQD6PHn9FwcSFP9XN+UCK5yoLT8VO1lgNmUfukyxzfD1HcFMrcmLwMuhW0Jmd1zhm9VeXvd1+teXkCDTgSFUbN1owAAAAASUVORK5CYII=) 11px no-repeat
}

.register #register-two .submit {
    display: block;
    width: 350px;
    color: #fff;
    font-size: 16px;
    padding: 12px 0 14px;
    margin: 40px 0 0;
    background-color: #0083ff;
    border-radius: 4px;
    border: 1px solid #0083ff
}

.order-list-container[data-v-5b1262f9] {
    width: 1000px;
    margin: 30px auto 64px;
    padding: 44px 100px 20px;
    background-color: #fff
}

.order-list-container h1[data-v-5b1262f9] {
    position: relative;
    margin-bottom: 50px;
    font-size: 20px;
    color: #333;
    line-height: 20px
}

.order-list-container ul[data-v-5b1262f9] {
    margin: 0;
    padding: 0
}

.order-list-container ul li[data-v-5b1262f9] {
    padding: 20px 30px 0;
    margin-bottom: 20px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    list-style: none
}

.order-list-container ul li .top-info[data-v-5b1262f9] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 16px;
    margin-bottom: 20px
}

.order-list-container ul li .top-info span[data-v-5b1262f9] {
    font-size: 16px;
    line-height: 16px;
    color: #333
}

.order-list-container ul li .top-info em[data-v-5b1262f9] {
    font-size: 14px;
    color: #999
}

.order-list-container ul li .top-info em.wait[data-v-5b1262f9] {
    color: #ff532b
}

.order-list-container ul li .content-info[data-v-5b1262f9] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 20px
}

.order-list-container ul li .content-info .left[data-v-5b1262f9] {
    width: 101px;
    height: 101px;
    margin-right: 18px;
    background: url(static/images/oreder_bg.8bf8cee.png) 0 0 no-repeat;
    background-size: contain
}

.order-list-container ul li .content-info .right[data-v-5b1262f9] {
    width: 624px
}

.order-list-container ul li .content-info .right p[data-v-5b1262f9] {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 20px;
    color: #333;
    text-align: justify
}

.order-list-container ul li .content-info .right .inner-box[data-v-5b1262f9] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.order-list-container ul li .content-info .right .inner-box .left-aside span[data-v-5b1262f9] {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    color: #999
}

.order-list-container ul li .content-info .right .inner-box .right-aside[data-v-5b1262f9] {
    padding-top: 20px
}

.order-list-container ul li .content-info .right .inner-box .right-aside div[data-v-5b1262f9] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 20px
}

.order-list-container ul li .content-info .right .inner-box .right-aside div span[data-v-5b1262f9] {
    font-size: 16px;
    line-height: 20px;
    color: #666
}

.order-list-container ul li .content-info .right .inner-box .right-aside div em[data-v-5b1262f9] {
    margin-left: 10px;
    font-size: 20px;
    line-height: 20px;
    color: #ff532b
}

.order-list-container ul li .operation[data-v-5b1262f9] {
    padding: 18px 0;
    border-top: 1px solid #e5e5e5
}

.order-list-container ul li .operation span[data-v-5b1262f9] {
    float: right;
    padding: 10px 7px;
    margin-left: 12px;
    font-size: 12px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.order-list-container ul li .operation span.cancel[data-v-5b1262f9] {
    color: #999;
    border: 1px solid #999;
    background-color: #fff
}

.order-list-container ul li .operation span.confirm[data-v-5b1262f9] {
    color: #fff;
    width: 90px;
    background-color: #0083ff
}

.order-list-container .mj-default[data-v-5b1262f9] {
    border: 1px solid #f2f2f2;
    margin-bottom: 62px
}

.order-list-container .mj-default img[data-v-5b1262f9] {
    display: block;
    width: 81px;
    height: 66px;
    margin: 161px auto 0
}

.order-list-container .mj-default p[data-v-5b1262f9] {
    color: #666;
    font-size: 14px;
    text-align: center;
    margin: 47px 0 164px
}

.myjobs-index {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5
}

.myjobs-index button {
    cursor: pointer
}

.myjobs-index p {
    word-break: break-all
}

.myjobs-index .container-bannar {
    width: 100%;
    height: 100px;
    min-width: 1200px;
    padding-top: 40px;
    background: url(static/images/banner.81ed8aa.png) no-repeat 50%
}

.myjobs-index .container-bannar h2 {
    width: 1200px;
    font-size: 26px;
    line-height: 26px;
    color: #fff;
    margin: 0 auto;
    font-weight: 400
}

.myjobs-index .myJobs {
    width: 1200px;
    margin: 0 auto
}

.myjobs-index .myJobs .mj-tabs button {
    border: none;
    background: none;
    height: 63px;
    margin-right: 59px;
    color: #666;
    font-size: 18px;
    position: relative;
    font-family: Microsoft Himalaya
}

.myjobs-index .myJobs .mj-tabs button.isSelect {
    color: #0083ff;
    font-weight: 700
}

.myjobs-index .myJobs .mj-tabs button.isSelect:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 8px;
    left: 0;
    background-color: #0083ff;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.myjobs-index .myJobs .mj-tabs button:hover {
    color: #0083ff;
    font-weight: 700
}

.myjobs-index .myJobs .mj-tabs button:after {
    content: "";
    position: absolute;
    width: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    height: 2px;
    bottom: 8px;
    left: 0;
    background-color: #0083ff;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.myjobs-index .myJobs .mj-tabs button:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.myjobs-index .myJobs .mj-tabs .dropdown {
    float: right;
    line-height: 30px;
    cursor: pointer
}

.myjobs-index .myJobs .mj-tabs .dropdown .el-dropdown-link {
    color: #999;
    font-size: 14px;
    display: inline-block;
    padding-top: 20px;
    margin-right: 25px
}

.myjobs-index .myJobs .mj-list {
    width: 100%;
    margin-top: 10px
}

.myjobs-index .myJobs .mj-list li {
    width: 100%;
    border: 1px solid #f2f2f2;
    display: table;
    padding: 33px 29px 30px 10px;
    position: relative;
    margin-bottom: 18px
}

.myjobs-index .myJobs .mj-list li:hover {
    -webkit-box-shadow: 5px 3px 10px #efefef;
    box-shadow: 5px 3px 10px #efefef
}

.myjobs-index .myJobs .mj-list li .column-left {
    width: 888px;
    padding-left: 106px;
    display: table-cell
}

.myjobs-index .myJobs .mj-list li .column-left img {
    width: 66px;
    height: 66px;
    margin: 0 20px;
    position: absolute;
    left: 10px
}

.myjobs-index .myJobs .mj-list li .column-left h2 {
    color: #333;
    font-size: 20px;
    font-weight: 700
}

.myjobs-index .myJobs .mj-list li .column-left h2:hover {
    color: #0083ff
}

.myjobs-index .myJobs .mj-list li .column-left h2 em {
    color: #02b18e;
    font-size: 12px;
    font-weight: 400;
    margin-left: 11px;
    border: 1px solid #02b18e;
    border-radius: 4px;
    padding: 2px 10px 2px 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAABfUlEQVQoU33QMUhVARTG8f937qsHGVqLDkHQFkRlLW01hAUN6TMIhAa3hiDrgfDc7vagrvfBG5qNCqJB71OSWorGBlHC2qIht6jKKevdcxrkhRL4bYfvB+dwxM6kqXFmYFJEI4wmK5sPSVPvEbGUHadrR404F9INFN9C0ZbbHcSAIh459pZuuSFbzL9GxLqkNe8yz3j9zb9lney8YeMBwwpOyjr5d3cdo3b3x66Tdg4LrUNm8WlvXOQ15EN48nRv3MlGDFtGMe2lzf2PX6cVPvdVGUyq2uIDEOGaANZ6+IuX5QksGZJ4LPSc8L6QrsW+ygWu3P7I/P1BS5L3UpG/DNMcv448s+rGDDANUbpXRqhNrQCwmE0ImxRFdlmyB7H1+yzXGz+tmL3p6ABj9RYAy+1+/emuBtwSgBWz7RCnw2101wufNA/r4P5CoXUfq29j0tRsuL8V4mrADGX5ioouytWUtOSrm1OkqW/jXhbySzIaglMB7wLuMVp/0av/Aq4qsAgoFCgeAAAAAElFTkSuQmCC) no-repeat;
    background-position: 9px 4px;
    position: relative;
    top: -3px
}

.myjobs-index .myJobs .mj-list li .column-left h2 em.end {
    color: #b3b3b3;
    border-color: #b3b3b3;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAQAAADV/FywAAAA20lEQVQYlWWQMS9DYRiFT1qbRMtw/4Cli6k7BqqrzR1ZGJmRdDK7xB8wdmj1fd6vcZdyJzHakDQMEpKqxmwxXIQ623lykpNzJElSo+Ab3LPeKOReVKzW2efOrizmmlvb9SUqYmiZJbaQh8I8h1wyFKN2WX/ULjMaw6yy9Q+HZT58+xe+mDidPJ+xF55ZzPGgFYU5bjgg4ak7K7UiBiINcbPIHu+8eVWSLCbV2Qr9ZkmyTduRpO4U/VCXZEeefdf6tGd+8jXcEnvwtTSymEeOfw6QrEbPXul16rn/BLQMcpirOOqnAAAAAElFTkSuQmCC) no-repeat;
    background-position: 9px 4px
}

.myjobs-index .myJobs .mj-list li .column-left h2 i {
    font-style: normal;
    color: #f77272;
    margin-left: 11px
}

.myjobs-index .myJobs .mj-list li .column-left p {
    color: #666;
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
    height: 66px;
    margin: 10px 0 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-wrap: break-word
}

.myjobs-index .myJobs .mj-list li .column-left .skill-tag {
    color: #0083ff;
    font-size: 14px;
    line-height: 14px;
    padding: 6px 12px;
    display: inline-block;
    margin: 9px 20px 0 0;
    background-color: #eaf3ff;
    border-radius: 14px
}

.myjobs-index .myJobs .mj-list li .column-left .skill-tag:last-child {
    margin-right: 0
}

.myjobs-index .myJobs .mj-list li .column-left .skill-tag.main {
    color: #f8f8f8;
    background-color: #0083ff
}

.myjobs-index .myJobs .mj-list li .column-left .contact-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 24px
}

.myjobs-index .myJobs .mj-list li .column-left .contact-list:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1050px;
    height: 1px;
    background-color: #f2f2f2
}

.myjobs-index .myJobs .mj-list li .column-left .contact-list span {
    float: left;
    height: 25px;
    margin-top: 7px;
    margin-right: 27px;
    line-height: 25px
}

.myjobs-index .myJobs .mj-list li .column-left .contact-list span.iconfont {
    font-size: 20px
}

.myjobs-index .myJobs .mj-list li .column-left .contact-list span.phone {
    color: #fdbc56
}

.myjobs-index .myJobs .mj-list li .column-left .contact-list span.wechat {
    color: #46bb36
}

.myjobs-index .myJobs .mj-list li .column-left .contact-list span.qqqq {
    color: #23a0f0
}

.myjobs-index .myJobs .mj-list li .column-left .contact-list span em {
    margin-left: 10px;
    color: #666;
    font-size: 14px
}

.myjobs-index .myJobs .mj-list li .column-right {
    width: 270px;
    display: table-cell;
    text-align: right
}

.myjobs-index .myJobs .mj-list li .column-right p {
    color: #ccc;
    font-size: 16px;
    margin-top: 13px
}

.myjobs-index .myJobs .mj-list li .column-right button {
    color: #fff;
    font-size: 18px;
    height: 46px;
    text-align: center;
    min-width: 108px;
    border: none;
    border-radius: 4px;
    background-color: #0083ff;
    margin-top: 18px
}

.myjobs-index .myJobs .mj-list li .column-right button:hover {
    background: #66b1ff
}

.myjobs-index .myJobs .mj-list li .column-right button.special {
    margin-right: 10px;
    background-color: #fff;
    color: #0083ff;
    border: 1px solid #0083ff
}

.myjobs-index .myJobs .mj-list li .column-right button.special:hover {
    background: #66b1ff;
    color: #fff
}

.myjobs-index .myJobs .mj-default {
    border: 1px solid #f2f2f2;
    margin-bottom: 62px
}

.myjobs-index .myJobs .mj-default img {
    display: block;
    width: 81px;
    height: 66px;
    margin: 161px auto 0
}

.myjobs-index .myJobs .mj-default p {
    color: #666;
    font-size: 14px;
    text-align: center;
    margin: 47px 0 164px
}

.myjobs-index .applyDialog {
    width: 734px;
    padding: 40px 100px 80px
}

.myjobs-index .applyDialog h2 {
    color: #333;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 54px;
    position: relative
}

.myjobs-index .applyDialog h2 button {
    width: 50px;
    height: 50px;
    border: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAG1BMVEUAAAAjFxUjFhMjGBUjFxUiGBUiGBQjGBQjFxTs6mygAAAACXRSTlMAV17Z2t/g+frm2uESAAAARUlEQVQIW2NIZIAAFQZ1ATCDqRCEQAAkABYE88EERA2QhCoBUlBtDOpChVCjmDoEMFhwWYQOuCkIk+G2IVyAcFUg1ChlAA4LC3rk196TAAAAAElFTkSuQmCC) 50% no-repeat;
    position: absolute;
    top: -10px;
    right: -70px
}

.myjobs-index .applyDialog p:nth-child(2) {
    color: #333;
    font-size: 20px
}

.myjobs-index .applyDialog p:nth-child(2) span {
    padding-left: 11px;
    color: #999;
    font-size: 14px;
    vertical-align: bottom
}

.myjobs-index .applyDialog p:nth-child(2) span em {
    color: #f77272;
    vertical-align: bottom
}

.myjobs-index .applyDialog p:nth-child(3) {
    color: #333;
    font-size: 28px;
    line-height: 28px;
    margin: 39px 0 35px;
    text-align: center
}

.myjobs-index .applyDialog p:nth-child(3) em {
    font-size: 50px;
    line-height: 50px;
    border-bottom: 2px solid #cb848b
}

.myjobs-index .applyDialog p:nth-child(4) {
    color: #333;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 21px
}

.myjobs-index .applyDialog p:nth-child(5) {
    color: #999;
    font-size: 16px;
    line-height: 24px;
    text-align: justify
}

.myjobs-index .confirmDialog {
    width: 734px;
    padding: 40px 100px 50px
}

.myjobs-index .confirmDialog h2 {
    color: #333;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 54px;
    position: relative
}

.myjobs-index .confirmDialog h2 button {
    width: 50px;
    height: 50px;
    border: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAG1BMVEUAAAAjFxUjFhMjGBUjFxUiGBUiGBQjGBQjFxTs6mygAAAACXRSTlMAV17Z2t/g+frm2uESAAAARUlEQVQIW2NIZIAAFQZ1ATCDqRCEQAAkABYE88EERA2QhCoBUlBtDOpChVCjmDoEMFhwWYQOuCkIk+G2IVyAcFUg1ChlAA4LC3rk196TAAAAAElFTkSuQmCC) 50% no-repeat;
    position: absolute;
    top: -10px;
    right: -70px
}

.myjobs-index .confirmDialog .main {
    background-color: #f7f7f7;
    padding: 29px 19px
}

.myjobs-index .confirmDialog .main p {
    color: #666;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 19px
}

.myjobs-index .confirmDialog .main p a {
    color: #0083ff;
    margin-left: -5px
}

.myjobs-index .confirmDialog .main p span {
    margin-left: -3px
}

.myjobs-index .confirmDialog .main>span {
    display: inline-block;
    color: #666;
    font-size: 16px;
    line-height: 16px;
    padding: 20px 0 38px
}

.myjobs-index .confirmDialog .main>span em {
    color: #333;
    font-weight: 700
}

.myjobs-index .confirmDialog .main>span.right {
    float: right
}

.myjobs-index .confirmDialog .protocol {
    padding-left: 83px
}

.myjobs-index .confirmDialog .protocol img {
    width: 74px;
    height: 74px;
    margin-right: 10px;
    cursor: pointer
}

.myjobs-index .confirmDialog .protocol img:last-child {
    margin-right: 0
}

.myjobs-index .confirmDialog .supplement {
    padding: 12px 0 20px
}

.myjobs-index .confirmDialog .supplement .title {
    color: #666;
    font-size: 16px
}

.myjobs-index .confirmDialog .supplement .des {
    color: #666;
    font-size: 12px;
    margin-top: 5px
}

.myjobs-index .confirmDialog .supplement .uploadFile {
    margin-top: 10px;
    display: table
}

.myjobs-index .confirmDialog .supplement .uploadFile a, .myjobs-index .confirmDialog .supplement .uploadFile div {
    display: table-cell;
    vertical-align: middle
}

.myjobs-index .confirmDialog .supplement .uploadFile .logo {
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.myjobs-index .confirmDialog .supplement .uploadFile .name {
    color: #333;
    font-size: 16px;
    padding-left: 15px;
    max-width: 440px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    cursor: pointer
}

.myjobs-index .confirmDialog .supplement .uploadFile .name:hover {
    color: #0083ff
}

.myjobs-index .confirmDialog .supplement .uploadFile .delete {
    cursor: pointer;
    color: #0083ff;
    padding-left: 8px
}

.myjobs-index .confirmDialog .supplement .add {
    color: #0083ff;
    font-size: 16px;
    margin-top: 15px;
    line-height: 30px;
    background: url("static/images/tianjjia.png") no-repeat 0;
    background-size: 20px;
    padding-left: 25px;
    cursor: pointer
}

.myjobs-index .confirmDialog .operation {
    text-align: right;
    margin-top: 38px
}

.myjobs-index .confirmDialog .operation button {
    color: #0083ff;
    font-size: 14px;
    border: 1px solid #0083ff;
    width: 120px;
    height: 42px;
    background-color: #fff;
    border-radius: 4px
}

.myjobs-index .confirmDialog .operation button:last-child {
    color: #fff;
    background-color: #0083ff;
    margin-left: 20px
}

.myjobs-index .closeDialog {
    width: 734px;
    padding: 41px 99px 39px;
    text-align: right
}

.myjobs-index .closeDialog h2 {
    color: #333;
    font-size: 30px;
    margin-bottom: 53px;
    text-align: left
}

.myjobs-index .closeDialog p {
    color: #666;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 39px;
    text-align: left
}

.myjobs-index .closeDialog p span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 50%;
    position: relative;
    top: 3px
}

.myjobs-index .closeDialog p span.select {
    background-color: #0083ff;
    border-color: #0083ff
}

.myjobs-index .closeDialog p span.select i {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 4px
}

.myjobs-index .closeDialog button {
    color: #0083ff;
    border: 1px solid #0083ff;
    width: 120px;
    height: 42px;
    background-color: #fff;
    margin-top: 9px;
    border-radius: 4px
}

.myjobs-index .closeDialog button.close {
    color: #fff;
    background-color: #0083ff;
    margin-left: 20px
}

.el-dropdown-menu {
    z-index: 10!important
}

.myjob-projectdetails {
    width: 100%;
    min-width: 1200px;
    background: #f8f8f8;
    padding-bottom: 60px;
    border-bottom: 1px solid #e5e5e5
}

.myjob-projectdetails .clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

.myjob-projectdetails .clearfix {
    *zoom: 1
}

.myjob-projectdetails h2 {
    font-weight: 400
}

.myjob-projectdetails li {
    list-style: none
}

.myjob-projectdetails em, .myjob-projectdetails i {
    font-style: normal
}

.myjob-projectdetails input[type=number] {
    -moz-appearance: textfield
}

.myjob-projectdetails input[type=number]::-webkit-inner-spin-button, .myjob-projectdetails input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.myjob-projectdetails .banner {
    position: relative;
    width: 100%;
    min-width: 1200px;
    _width: 1200px;
    height: 100px;
    margin-bottom: 25px;
    padding-top: 65px;
    background: url(static/images/banner.81ed8aa.png) no-repeat 50%
}

.myjob-projectdetails .banner p {
    width: 1200px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 16px;
    color: #fff
}

.myjob-projectdetails .banner p a {
    color: #fff
}

.myjob-projectdetails .banner p em {
    font-weight: 700;
    white-space: pre-wrap
}

.myjob-projectdetails .middle {
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    padding: 0 45px 50px
}

.myjob-projectdetails .middle .basicdetails {
    width: 100%;
    padding-top: 63px
}

.myjob-projectdetails .middle .basicdetails h2 {
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 18px;
    color: #222;
    font-weight: 700;
    white-space: pre-wrap
}

.myjob-projectdetails .middle .basicdetails .information {
    width: 100%;
    padding-bottom: 77px;
    border-bottom: 1px solid #e5e5e5
}

.myjob-projectdetails .middle .basicdetails .information .left {
    float: left;
    width: 661px;
    padding-top: 30px
}

.myjob-projectdetails .middle .basicdetails .information .left .introduce li {
    float: left;
    width: 50%;
    margin-bottom: 28px
}

.myjob-projectdetails .middle .basicdetails .information .left .introduce li i {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-bottom: -2px
}

.myjob-projectdetails .middle .basicdetails .information .left .introduce li span {
    font-size: 16px;
    line-height: 16px;
    color: #999;
    word-wrap: break-word
}

.myjob-projectdetails .middle .basicdetails .information .left .introduce li span em {
    font-size: 16px;
    line-height: 16px;
    color: #333
}

.myjob-projectdetails .middle .basicdetails .information .left .introduce li:first-child i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAY1BMVEUAAACZmZmLi4uRkZGWlpaVlZWXl5eampqYmJiYmJiZmZmZmZmXl5eXl5eampqYmJiYmJiYmJiXl5eYmJiZmZmYmJiZmZmYmJiZmZmZmZmYmJiYmJiYmJiYmJiYmJiZmZmZmZnGV5wiAAAAIXRSTlMACgsOJykqODlISU5PXl5fYXBxrK2urr+/wcLDxNLT09Xys1eKAAAAcElEQVR4XrXPQQ6DMAxE0Q+hgRRCANyGkBa4/ymLLHXFmtm8hS3Lw7ju3331xqsj5ME+7CC1qBkOC9jkknrAVgFVfEZ1u2z8b7wbUT8QXktc5q7s1B5M45yrCwrVgJdzIm3Zqv1Nf0z5bJmCCerEJT+iOAu7kDJkagAAAABJRU5ErkJggg==) no-repeat 50%
}

.myjob-projectdetails .middle .basicdetails .information .left .introduce li:nth-child(2) i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAn1BMVEUAAACqqqp/f3+fn5+NjY2jo6OZmZmUlJSYmJicnJyXl5eVlZWampqYmJiZmZmXl5eXl5eYmJiZmZmampqZmZmYmJiXl5eampqYmJiZmZmYmJiYmJiampqZmZmXl5eYmJiXl5eYmJiYmJiZmZmZmZmYmJiZmZmYmJiZmZmYmJiYmJiZmZmZmZmYmJiZmZmYmJiYmJiZmZmYmJiYmJiZmZkBQAyyAAAANXRSTlMAAwYICQ4UGBkaGykwNDU2QENOVlhfYGBham5wd3h5f4CHnaGjp6usra+xsre6uru90NPj6Rh57l0AAACESURBVHhehczZEoIwDEDRaN0tuBBwX1BBo3Gp+P/fRqgdO/rifcnMmSSwvlHV5dyAd3c3F2MH5CDBD7QRMYBpvpVWPYGOwAAmSy2NHr8n7DZCgTnRwYPf8CdRmm6+oKt130JrT6ehQE2puoUohuZRYJZlOwuIoMg//Q8FG8PXFz8NVxUl4NkQvs7cnH4AAAAASUVORK5CYII=) no-repeat 50%
}

.myjob-projectdetails .middle .basicdetails .information .left .introduce li:nth-child(3) i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAACqqqqfn5+Li4uRkZGZmZmWlpaampqWlpadnZ2ZmZmVlZWXl5eampqZmZmZmZmXl5eampqYmJiYmJiZmZmZmZmYmJiYmJiZmZmZmZmYmJiYmJiYmJiYmJiYmJiZmZlSWoZvAAAAH3RSTlMAAwgLDg8WHCIiKCkvMDVVVlZXnKCkpabG0NHd6/r8q6JHFQAAAIpJREFUeF5lj9sOwiAQBcfSaoVCtdALIPT//1LDPmjivO0ku2cPAM7nWrN3CCqUfbF22UtQbT6SgStg0qGAkAYYC8CQArhiAH0CYIrDb3wFmyc/fsUzU62IrusuYKsI7ueHVxOywqi1vsEjt6OCHJVYQWIJsUegj6G9HrUIHQ+FlFvnaZrXVu6v/hsMtAlCg4FywgAAAABJRU5ErkJggg==) no-repeat 50%
}

.myjob-projectdetails .middle .basicdetails .information .left .introduce li:nth-child(4) i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA9klEQVQYGZXAUStDYQAG4Ld1MqciVpOKSzW7lfwD+xP8CVFK+Srl7qRTtvO+3zetU7saLZXcgEqKe9qNXGPBpdUqjTnBFA/+wGVo9cQ2zzkL2AIv2Naj5DLoCAfZUMVNbmU1rzuVecu5MBvlGfOyPADArjNGV3FaL24KXaxGawB4E00gwRkklOM1ALbwK7UA8KE0gp42R9kEwCqX0JOWGQOI8rq3Y/ihOM6mcuiIVnkapvFFpZ9nWsE7k9KuasZDwniqq25S+BD4OtR2rQ9vwjR3eBD4+Czwuc+jjSGgNMxj7gU+vjvx6HRlC2xIxkNvWtQzF/A/r3wWZMLhRzeiAAAAAElFTkSuQmCC) no-repeat 50%
}

.myjob-projectdetails .middle .basicdetails .information .left .category_list {
    margin-top: 4px
}

.myjob-projectdetails .middle .basicdetails .information .left .category_list span {
    display: inline-block;
    height: 26px;
    padding: 5px 13px;
    background: #eaf3ff;
    border-radius: 13px;
    margin-right: 19px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 14px;
    color: #0083ff
}

.myjob-projectdetails .middle .basicdetails .information .left .category_list span:last-child {
    margin-right: 0
}

.myjob-projectdetails .middle .projectinf {
    width: 100%;
    padding-top: 45px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5
}

.myjob-projectdetails .middle .projectinf .top {
    margin-bottom: 76px
}

.myjob-projectdetails .middle .projectinf .top .budget {
    float: left;
    margin-right: 110px
}

.myjob-projectdetails .middle .projectinf .top .budget h2 {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 20px;
    color: #666
}

.myjob-projectdetails .middle .projectinf .top .budget h2 i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    margin-bottom: -4px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAA2FBMVEUAAAAAAAB/f38/Pz9mZmZtbW1fX19UVFRcXFxbW1tmZmZhYWFjY2NiYmJmZmZkZGRnZ2dkZGRnZ2dkZGRiYmJlZWVkZGRnZ2dmZmZjY2NnZ2dlZWVkZGRnZ2dmZmZkZGRlZWVkZGRlZWVlZWVmZmZnZ2dmZmZlZWVlZWVmZmZmZmZmZmZmZmZlZWVmZmZlZWVlZWVlZWVmZmZlZWVlZWVlZWVmZmZlZWVlZWVlZWVmZmZlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVmZmZlZWVmZmZmZmbOtIuLAAAAR3RSTlMAAQIEBQcICQsOFBUXGh4hJSYqKzE3ODs+QEpOT09QVFhbZGprb3CHj5Oaoqepq6+ytLa3ubzAwcPGx8zO1dri5+zu7/D6/lofl9UAAAC/SURBVHhefc7rUoJQFIbhTxQNRTtgKFhohoCnPICmW1DQat3/HTmbAVGaen8+M2vNB49+5YL6aq4+gVTkUv/Gu2c1q5GgSVdtEoRYzhL++4lODZC6UL6J6DNFL5ClrQ+hpWnaQ4rSNmCBfHveC49EX6F5g9VXY74xjDpeXB6L8X5grX3LeoKzt23boyFHnbEwYuwNzgxonkaFZKczAcBRicYCcvgYTotIsa3HuDvMSuD4rl36oKUI3uKHslaV2M422i0CNugVkAAAAABJRU5ErkJggg==) no-repeat 50%
}

.myjob-projectdetails .middle .projectinf .top .budget p {
    font-size: 32px;
    line-height: 32px;
    color: #f77272
}

.myjob-projectdetails .middle .projectinf .top .cycle {
    float: left
}

.myjob-projectdetails .middle .projectinf .top .cycle h2 {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 20px;
    color: #666
}

.myjob-projectdetails .middle .projectinf .top .cycle h2 i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    margin-bottom: -4px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAllBMVEUAAABiYmJjY2NkZGRoaGhiYmJlZWVkZGRmZmZlZWVnZ2dlZWVmZmZnZ2dnZ2dlZWVkZGRlZWVmZmZkZGRmZmZmZmZlZWVlZWVlZWVmZmZmZmZlZWVlZWVmZmZmZmZlZWVlZWVmZmZlZWVmZmZlZWVlZWVmZmZlZWVlZWVmZmZmZmZlZWVlZWVlZWVlZWVmZmZlZWVlZWU3uR8TAAAAMnRSTlMAJykrLDE3OD4/RUZQWWBnaGxwd3iEhYeKk5WXmqepr7C7w8fHzs/S3+Dj5Ofp7PD2+F3C5rQAAACMSURBVHhelczZCsIwEIXhY12Xqkm0jluNNTapMW7v/3JS50ICReh3M/DDHNSOc7DZiW+SET0uxM5PoiwB3NWYV7Ds/rb25oCggGIBJgtAhW+McCzzWFlHp2Ou8f1fnIghRmKMgZj+4tassDaEpdlxbLfZTzvopr045tUG++rAsd2m1yqmPSB9iHmJRh9E7Rb85uK9gwAAAABJRU5ErkJggg==) no-repeat 50%
}

.myjob-projectdetails .middle .projectinf .top .cycle p {
    font-size: 32px;
    line-height: 32px;
    color: #f77272
}

.myjob-projectdetails .middle .projectinf .describe .title {
    margin-bottom: 20px
}

.myjob-projectdetails .middle .projectinf .describe .title h2 {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 18px;
    color: #333;
    font-weight: 700
}

.myjob-projectdetails .middle .projectinf .describe .title em {
    display: block;
    width: 30px;
    height: 3px;
    background: #e5e5e5;
    border-radius: 1px
}

.myjob-projectdetails .middle .projectinf .describe .content {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    word-wrap: break-word;
    text-align: justify
}

.myjob-projectdetails .middle .projectinf .describe .content p {
    margin-bottom: 37px;
    white-space: pre-wrap
}

.myjob-projectdetails .middle .projectinf .describe .content .doc li a {
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    font-weight: 700
}

.myjob-projectdetails .middle .projectinf .describe .content .doc li a i {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    margin-top: 3px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAxlBMVEUAAAA4ODgzMzMuLi4qKio2NjYtLS01NTUzMzMwMDAuLi4sLCw1NTUxMTEzMzMvLy82NjY0NDQzMzMxMTEzMzMxMTEyMjIyMjIxMTEyMjIxMTEyMjIyMjIyMjIyMjIxMTEzMzMyMjIyMjIyMjIzMzMzMzMzMzMyMjIyMjIzMzMyMjIyMjIzMzMzMzMyMjIzMzMzMzMyMjIyMjIyMjIzMzMzMzMyMjIyMjIyMjIyMjIzMzMyMjIyMjIzMzMyMjIyMjIzMzMzMzPi8kKNAAAAQXRSTlMACQoLDA4RExQVFhcYGh4gISIoKVBYWltcYGJkZWtwgIGHlpeanp+isbO3z9DR1NXa3d7f3+Dh4uPn6uvs7/f6/nmhV10AAACaSURBVHhefcxhE4FAFIXhAwqBpRBAEEQoUgn+/58ybGk3M70fnzn3oqD7wS+zhm/6oS2HLW3zSNXvIGq0lUINZAYhmTZJ4A4oGRfC4fDeAkRjzyG5Pc6W5bkcQpBVVZ1R5FMiLFZoIoPkFfasxohGk1b/LNN+ltcb2kqIMTeZ0saZ9PN/9LoJHDjA4tRT2PqOBuTnV5fN0bJ4A5ToHidInHTNAAAAAElFTkSuQmCC) no-repeat 50%
}

.myjob-projectdetails .middle .projectinf .describe .content .doc li a p {
    margin-bottom: 25px
}

.myjob-projectdetails .middle .projectinf .describe .content .doc li a p:hover {
    color: #0083ff
}

.myjob-projectdetails .middle .projectinf .describe .content .img img {
    float: left;
    margin-right: 19px
}

.myjob-projectdetails .middle .projectinf .describe .content .img img:last-child {
    margin-right: 0
}

.myjob-projectdetails .middle .page {
    padding-top: 29px
}

.myjob-projectdetails .middle .page p {
    font-size: 14px;
    line-height: 14px;
    color: #999
}

.myjob-projectdetails .middle .page p a {
    color: #333
}

.myjob-projectdetails .middle .page .last {
    margin-bottom: 14px
}

.myjob-projectdetails .intention {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 99
}

.myjob-projectdetails .intention .intentioncon {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    width: 840px;
    margin: 0 auto;
    background: #fff;
    padding: 40px 120px 42px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.myjob-projectdetails .intention .intentioncon h2 {
    font-size: 30px;
    line-height: 30px;
    color: #333;
    margin-bottom: 54px;
    font-weight: 700
}

.myjob-projectdetails .intention .intentioncon .offer {
    position: relative;
    margin-bottom: 40px
}

.myjob-projectdetails .intention .intentioncon .offer p {
    margin-bottom: 13px;
    font-size: 16px;
    line-height: 16px;
    color: #666
}

.myjob-projectdetails .intention .intentioncon .offer p em, .myjob-projectdetails .intention .intentioncon .offer p i {
    color: #ff7070
}

.myjob-projectdetails .intention .intentioncon .offer .offerinput {
    width: 100%;
    height: 54px;
    padding: 0 29px 0 15px;
    font-size: 16px;
    line-height: 54px;
    border: 1px solid #e5e5e5
}

.myjob-projectdetails .intention .intentioncon .offer input::-webkit-input-placeholder {
    color: #ccc
}

.myjob-projectdetails .intention .intentioncon .offer input:-moz-placeholder, .myjob-projectdetails .intention .intentioncon .offer input::-moz-placeholder {
    color: #ccc
}

.myjob-projectdetails .intention .intentioncon .offer input:-ms-input-placeholder {
    color: #ccc
}

.myjob-projectdetails .intention .intentioncon .offer span {
    position: absolute;
    right: 13px;
    bottom: 19px;
    font-size: 16px;
    line-height: 16px;
    color: #333
}

.myjob-projectdetails .intention .intentioncon .instructions {
    position: relative;
    margin-bottom: 16px
}

.myjob-projectdetails .intention .intentioncon .instructions p {
    margin-bottom: 13px;
    font-size: 16px;
    line-height: 16px;
    color: #666
}

.myjob-projectdetails .intention .intentioncon .instructions p i {
    color: #ff7070
}

.myjob-projectdetails .intention .intentioncon .instructions #text {
    width: 100%;
    height: 162px;
    padding: 18px 14px 30px;
    resize: none;
    border-color: #e5e5e5;
    font-size: 16px;
    line-height: 22px
}

.myjob-projectdetails .intention .intentioncon .instructions textarea::-webkit-input-placeholder {
    color: #ccc
}

.myjob-projectdetails .intention .intentioncon .instructions textarea:-moz-placeholder, .myjob-projectdetails .intention .intentioncon .instructions textarea::-moz-placeholder {
    color: #ccc
}

.myjob-projectdetails .intention .intentioncon .instructions textarea:-ms-input-placeholder {
    color: #ccc
}

.myjob-projectdetails .intention .intentioncon .instructions span {
    position: absolute;
    right: 14px;
    bottom: 10px;
    font-size: 14px;
    line-height: 14px;
    color: #ccc
}

.myjob-projectdetails .intention .intentioncon h3 {
    margin-bottom: 75px;
    font-size: 14px;
    line-height: 14px;
    color: #666
}

.myjob-projectdetails .intention .intentioncon h3 a {
    color: #0083ff
}

.myjob-projectdetails .intention .intentioncon .button {
    text-align: right
}

.myjob-projectdetails .intention .intentioncon .button button {
    width: 120px;
    height: 42px;
    padding: 14px 0;
    border: none;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s
}

.myjob-projectdetails .intention .intentioncon .button .cancel {
    margin-right: 20px;
    color: #0083ff;
    border: 1px solid #2d93f9;
    background: #fff
}

.myjob-projectdetails .intention .intentioncon .button .cancel:hover {
    background: #f1faff
}

.myjob-projectdetails .intention .intentioncon .button .determine {
    color: #fff;
    background: #2d93f9
}

.myjob-projectdetails .intention .intentioncon .button .determine:hover {
    background: #66b1ff
}

.myjob-projectdetails .popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 99
}

.myjob-projectdetails .popup .popcon {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    width: 546px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    background: #fff;
    padding: 40px 0;
    margin: 0 auto;
    border-radius: 8px;
    -webkit-box-shadow: 4px 0 9px rgba(0, 57, 116, .08);
    box-shadow: 4px 0 9px rgba(0, 57, 116, .08)
}

.myjob-projectdetails .popup .popcon .close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 15px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAG1BMVEUAAACUlJSZmZmXl5eZmZmXl5eZmZmZmZmZmZmNAi8EAAAACHRSTlMAGDo7P0B06dqRrk0AAABOSURBVHheVY0xCoBADAQHPftDP2J3bbpr7WwtfYDc+2XAFC4ksMNuwoqaKi0A+s7yAMV1BvQAkQCtwMAQqPviTzJTsqV18jLt+H5tqLm+Zk0M5socXLUAAAAASUVORK5CYII=) no-repeat 50%;
    cursor: pointer
}

.myjob-projectdetails .popup .popcon img {
    display: block;
    margin: 0 auto 28px;
    height: auto;
    max-width: 100%
}

.myjob-projectdetails .popup .popcon h2 {
    font-size: 18px;
    line-height: 18px;
    color: #666;
    text-align: center
}

.myjob-projectdetails .popup .popcon .btn {
    width: 180px;
    height: 50px;
    padding: 15px 0;
    margin: 80px auto 0;
    background: #0083ff;
    border-radius: 25px;
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.myjob-projectdetails .popup .popcon .btn:hover {
    background: #66b1ff
}

.myjob-projectdetails .popup .popcon .button {
    padding: 0 50px
}

.myjob-projectdetails .popup .popcon .button .left {
    float: left
}

.myjob-projectdetails .popup .popcon .button .right {
    float: right
}

.resume {
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px
}

.resume.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.resume .contet-left {
    float: left;
    width: 800px;
    min-height: 660px;
    margin-bottom: 60px;
    padding-bottom: 30px;
    background: #fff
}

.resume .contet-left .info .item-form {
    position: relative;
    width: 760px;
    padding: 50px 80px 30px;
    margin: 0 auto;
    margin-top: 20px;
    background: #f8f8f8
}

.resume .contet-left .info .item-form textarea::-webkit-input-placeholder {
    color: #ccc
}

.resume .contet-left .info .item-form .title {
    margin-bottom: 28px;
    font-size: 20px;
    line-height: 20px;
    font-family: MicrosoftYaHei;
    color: #000
}

.resume .contet-left .info .item-form .exp-box {
    position: absolute;
    right: 80px;
    top: 30px
}

.resume .contet-left .info .item-form .exp-box.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.resume .contet-left .info .item-form .exp-box .em {
    float: right;
    padding: 20px 0;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #999;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.resume .contet-left .info .item-form .exp-box .em:hover {
    color: #0083ff
}

.resume .contet-left .info .item-form .exp-box .example-layer {
    position: absolute;
    top: 60px;
    right: 0;
    width: 600px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -webkit-box-shadow: 4px 0 9px rgba(0, 58, 113, .08);
    box-shadow: 4px 0 9px rgba(0, 58, 113, .08);
    z-index: 2
}

.resume .contet-left .info .item-form .exp-box .example-layer em {
    position: absolute;
    top: -14px;
    right: 22px;
    width: 0;
    height: 0;
    margin: 0 auto;
    border: 8px solid transparent;
    border-bottom: 8px solid #fff
}

.resume .contet-left .info .item-form .exp-box .example-layer div {
    width: 560px;
    padding: 20px 0;
    margin: 0 auto;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 28px;
    text-align: justify
}

.resume .contet-left .info .item-form .desp-work {
    position: relative;
    width: 600px;
    background: #fff;
    margin-bottom: 30px
}

.resume .contet-left .info .item-form .desp-work textarea {
    display: block;
    width: 600px;
    min-height: 164px;
    padding: 10px 16px 30px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 28px
}

.resume .contet-left .info .item-form .desp-work textarea:focus {
    border: 1px solid #0083ff;
    -webkit-box-shadow: 0 0 5px #0083ff;
    box-shadow: 0 0 5px #0083ff
}

.resume .contet-left .info .item-form .desp-work span {
    position: absolute;
    right: 20px;
    bottom: 10px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #ccc
}

.resume .contet-left .info .item-form .desp-work span em {
    font-style: normal
}

.resume .contet-left .info .item-form .tex {
    position: relative;
    margin-bottom: 30px
}

.resume .contet-left .info .item-form .tex .textarea {
    display: block;
    width: 600px;
    height: 370px;
    padding: 10px 16px 30px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 28px
}

.resume .contet-left .info .item-form .tex .textarea:focus {
    border: 1px solid #0083ff;
    -webkit-box-shadow: 0 0 5px #0083ff;
    box-shadow: 0 0 5px #0083ff
}

.resume .contet-left .info .item-form .tex span {
    position: absolute;
    right: 0;
    bottom: -24px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #ccc
}

.resume .contet-left .info .item-form .tex span em {
    font-style: normal
}

.resume .contet-left .info .item-form .skill-types {
    width: 600px;
    margin: 0 auto;
    padding: 25px;
    margin-bottom: 30px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px
}

.resume .contet-left .info .item-form .skill-types .skill-list {
    margin-bottom: 26px
}

.resume .contet-left .info .item-form .skill-types .skill-list p {
    height: 16px;
    padding-left: 24px;
    margin-bottom: 20px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #000;
    line-height: 16px
}

.resume .contet-left .info .item-form .skill-types .skill-list p.dep {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAZlBMVEUAAAAAAAAAAAAAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABKOpIvAAAAIXRSTlMAgJAgAPCwUBD850BNnlP3oPitYAU88db5vNiouN2zu7lLwUZ2AAAAfUlEQVR4Xn2QWQ6DMAxEHSdpE9ZCN6Cr73/JDpFoQAHmYyQ/yyst9BSRewQX59xNk5E/qWqBFqg9w+xV64gOR9jJWtsvEWQMFUqpfEI5goI8c5lNKCuZPQmRbpAcHrBmnBhQx8yvN6wLKC1ca58uka76SQ/aPDt9TtR3fOEPCLIHtU4Q13UAAAAASUVORK5CYII=) 0 0 no-repeat;
    background-size: 16px 16px
}

.resume .contet-left .info .item-form .skill-types .skill-list p.design {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAABAlBMVEUAAAAAAAAAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABUBoaLAAAAVnRSTlMAJE4A3i3hQjfcTL4B5+UK6yPaNCvil4g5JsPG7LLoUfAM5N+/2WCWvV5dteZbMC+Nj+ChWE8cLjgHPHhDzUGcyQ86S9Z2ekY1pEh5zmW8HXyxhNPjVvPvkwkAAADiSURBVHheTdDlbsNAEATg2WNDnNih1mEoMzMz8/u/Ss93rdr9+Wk00iyAcHFKwl0tH6ecAyzZ2Q2cTSbz04o4wkQCpjAaLsRYUinaK/HqDSaUJLEZzQBzsxj1Gp3BMbQSDOWoifMcy/3WoLMGWmeAtY2gBphKqxGTKAQIK5LDWn9rO/CileSWityfwBONfqQryNNvjy4ZJsjSf0lRGPZU00t7/yBCYTg8cimtspPTs+oF2CWurm2XGzTsmfotqIS7e5B4cLOzunHNj7L69Nz1z1H6RTCO1+ztPSzDnfz4/OL8G2yYEsUaskCbAAAAAElFTkSuQmCC) 0 0 no-repeat;
    background-size: 16px 16px
}

.resume .contet-left .info .item-form .skill-types .skill-list p.marke {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAA0lBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC9n14mAAAARXRSTlMAENBwMKDwAOifA2oKej3Tqxh/P1Tl4+tt0VFjkM8OMVLEDweJ3k66k0ZB9dkB/B4CQIcXggStrCjCycq/jwUGkuZVWNIgWTsXAAAAlElEQVR4XoXQxw6DMBRE0cFJqAECpPfee+89//9LETws4RVnM9aVLEsGVzRoFQVZLRVgjFZrYmImBGYBPwkCSY5PjQ1PRq4MXyV/DJNrj0paHXq1tqCLy2GrjU631x9k0qA09k+ANXVnMS8Kae4lBSsZa0ZUlZEtQrv9Qec/QZzT+XJ1oslTb/fH82VFkv325/MN0h/QjQ2BPCU43QAAAABJRU5ErkJggg==) 0 0 no-repeat;
    background-size: 16px 16px
}

.resume .contet-left .info .item-form .skill-types .skill-list p.product {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAolBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgESU6AAAANnRSTlMA8CAQgO4iGuwkvBQuaoe/7/IPSisq/fEGIeTcfusYMYY6P04+mmgEwskOHDDlRbBEZ9BHgQK02QEuAAAAmklEQVR4XmXQ1xKCMAAF0Q0kEiB2pYnYe2///2vOyDgQ3cfzdOfibzuilmr7BNOGU6vRCtBh3xtKKZuUhRrh2uQKusaxMl2iWFjFEcLFyhUVzSZ1GvSA3YLe4EtGLeF42jBXpiRnfANWEliPnQ8Voxz2nQOQj4oPkWZnmhfgmqWUhJdwfwCJVx/xfFW7dIhVqAlaf+f4bfVz4RupMAjuZhHFSAAAAABJRU5ErkJggg==) 0 0 no-repeat;
    background-size: 16px 16px
}

.resume .contet-left .info .item-form .skill-types .skill-list div span {
    display: inline-block;
    height: 32px;
    padding: 0 15px;
    margin: 0 14px 14px 0;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    font-family: MicrosoftYaHei;
    color: #666;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.resume .contet-left .info .item-form .skill-types .skill-list div span.select {
    color: #0083ff;
    border-color: #0083ff
}

.resume .contet-left .info .item-form .skill-types .s-title {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 16px;
    font-family: MicrosoftYaHei;
    color: #000
}

.resume .contet-left .info .item-form .skill-types .add-skill {
    margin-bottom: 30px
}

.resume .contet-left .info .item-form .skill-types .add-skill.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.resume .contet-left .info .item-form .skill-types .add-skill .new-skill {
    float: left
}

.resume .contet-left .info .item-form .skill-types .add-skill .new-skill input::-webkit-input-placeholder {
    color: #ccc
}

.resume .contet-left .info .item-form .skill-types .add-skill .new-skill span {
    display: inline-block;
    height: 32px;
    padding: 0 15px;
    margin: 0 14px 14px 0;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    font-family: MicrosoftYaHei;
    color: #666;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.resume .contet-left .info .item-form .skill-types .add-skill .new-skill span.select {
    color: #0083ff;
    border-color: #0083ff
}

.resume .contet-left .info .item-form .skill-types .add-skill .skill-ipt {
    float: left;
    height: 32px
}

.resume .contet-left .info .item-form .skill-types .add-skill .skill-ipt input {
    float: left;
    height: 32px;
    padding: 0 10px;
    margin-right: 20px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.resume .contet-left .info .item-form .skill-types .add-skill .skill-ipt input:focus {
    border: 1px solid #0083ff;
    -webkit-box-shadow: 0 0 5px #0083ff;
    box-shadow: 0 0 5px #0083ff
}

.resume .contet-left .info .item-form .skill-types .add-skill .skill-ipt .add_skill {
    float: left;
    width: 90px;
    height: 32px;
    padding-left: 38px;
    background: #0083ff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABNJREFUCFtjZKxnxET/GUAImxQA1yUJD95rdVIAAAAASUVORK5CYII=) 16px no-repeat;
    background-size: 14px 14px;
    border-radius: 16px;
    font-size: 14px;
    line-height: 32px;
    font-family: MicrosoftYaHei;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.resume .contet-left .info .item-form .skill-types .add-skill .skill-ipt .add_skill:hover {
    background: #66b1ff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABNJREFUCFtjZKxnxET/GUAImxQA1yUJD95rdVIAAAAASUVORK5CYII=) 16px no-repeat;
    background-size: 14px 14px;
    border-color: #66b1ff;
    color: #fff
}

.resume .contet-left .info .item-form .picture-source {
    overflow: hidden;
    position: relative;
    width: 600px;
    height: 234px;
    margin-bottom: 30px;
    background: #fff;
    border: 1px dotted #e5e5e5;
    border-radius: 4px
}

.resume .contet-left .info .item-form .picture-source .work-picture-uploader .works {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.resume .contet-left .info .item-form .picture-source .work-picture-uploader .works-bg-icon {
    overflow: hidden;
    width: 600px;
    height: 234px
}

.resume .contet-left .info .item-form .picture-source .work-picture-uploader .works-bg-icon img {
    display: block;
    width: 51px;
    height: 41px;
    margin: 0 auto;
    margin-top: 97px;
    margin-bottom: 20px
}

.resume .contet-left .info .item-form .picture-source .work-picture-uploader .works-bg-icon p {
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    font-family: MicrosoftYaHei;
    color: #ccc
}

.resume .contet-left .info .item-form .item-box {
    width: 600px;
    margin-bottom: 30px
}

.resume .contet-left .info .item-form .item-box .label {
    display: block;
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 16px;
    font-family: MicrosoftYaHei;
    color: #666
}

.resume .contet-left .info .item-form .item-box .label i {
    color: #f77272;
    font-style: normal
}

.resume .contet-left .info .item-form .item-box .label span {
    margin-left: 10px;
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #999
}

.resume .contet-left .info .item-form .item-box .ipt-box {
    position: relative;
    width: 600px
}

.resume .contet-left .info .item-form .item-box .ipt-box input::-webkit-input-placeholder {
    color: #ccc
}

.resume .contet-left .info .item-form .item-box .ipt-box input {
    display: block;
    width: 600px;
    height: 44px;
    padding: 0 52px 0 15px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.resume .contet-left .info .item-form .item-box .ipt-box input:focus {
    border: 1px solid #0083ff;
    -webkit-box-shadow: 0 0 5px #0083ff;
    box-shadow: 0 0 5px #0083ff
}

.resume .contet-left .info .item-form .item-box .ipt-box .arrow {
    position: absolute;
    top: 18px;
    right: 19px;
    width: 12px;
    height: 6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGAgMAAACKgJcSAAAACVBMVEV9fX19fX19fX3/wkvxAAAAAnRSTlMAgJsrThgAAAAhSURBVHheY8hatZJBatUSBrZVExgYVzkwMGQyMDCIMAAAW2AFzrASpmcAAAAASUVORK5CYII=) 0 0 no-repeat;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer
}

.resume .contet-left .info .item-form .item-box .ipt-box .arrow.up-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.resume .contet-left .info .item-form .item-box .ipt-box .working-hours, .resume .contet-left .info .item-form .item-box .ipt-box .working-type {
    overflow: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 106%;
    height: 300px;
    padding: 10px 0;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    z-index: 1
}

.resume .contet-left .info .item-form .item-box .ipt-box .working-hours li, .resume .contet-left .info .item-form .item-box .ipt-box .working-type li {
    display: block;
    height: 34px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 34px;
    font-family: MicrosoftYaHei;
    color: #666;
    cursor: pointer
}

.resume .contet-left .info .item-form .item-box .ipt-box .working-hours li.select, .resume .contet-left .info .item-form .item-box .ipt-box .working-hours li:hover, .resume .contet-left .info .item-form .item-box .ipt-box .working-type li.select, .resume .contet-left .info .item-form .item-box .ipt-box .working-type li:hover {
    background: #f5f6f8
}

.resume .contet-left .info .item-form .item-box .ipt-box .single-item {
    display: inline-block;
    width: 140px;
    height: 44px;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    font-size: 14px;
    line-height: 44px;
    text-align: center;
    font-family: MicrosoftYaHei;
    color: #666;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.resume .contet-left .info .item-form .item-box .ipt-box .single-item.select {
    color: #333;
    border: 1px solid #0083ff;
    -webkit-box-shadow: 0 0 5px #0083ff;
    box-shadow: 0 0 5px #0083ff
}

.resume .contet-left .info .item-form .item-box .city-box {
    cursor: pointer
}

.resume .contet-left .info .item-form .item-box .city-box p {
    height: 44px;
    padding-left: 15px;
    background: #fff;
    font-size: 14px;
    line-height: 44px;
    color: #ccc;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #e5e5e5
}

.resume .contet-left .info .item-form .item-box .city-box p.select {
    border: 1px solid #0083ff;
    -webkit-box-shadow: 0 0 5px #0083ff;
    box-shadow: 0 0 5px #0083ff
}

.resume .contet-left .info .item-form .item-box .city-box p.color {
    color: #666
}

.resume .contet-left .info .item-form .item-box .city-box .city-tmp {
    position: absolute;
    left: 0;
    right: 0;
    top: 106%;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background: #fff;
    z-index: 1
}

.resume .contet-left .info .item-form .item-box .city-box .city-tmp .left-memu {
    overflow: auto;
    float: left;
    width: 160px;
    height: 300px;
    padding-top: 20px;
    max-height: 380px
}

.resume .contet-left .info .item-form .item-box .city-box .city-tmp .left-memu .hot-citys {
    display: block;
    height: 16px;
    padding-left: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 16px;
    border-left: 4px solid #0083ff;
    font-family: MicrosoftYaHei;
    color: #333
}

.resume .contet-left .info .item-form .item-box .city-box .city-tmp .left-memu div span {
    display: block;
    height: 44px;
    padding: 0 14px;
    font-size: 14px;
    line-height: 44px;
    font-family: MicrosoftYaHei;
    color: #666;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.resume .contet-left .info .item-form .item-box .city-box .city-tmp .left-memu div span.select, .resume .contet-left .info .item-form .item-box .city-box .city-tmp .left-memu div span:hover {
    background: #f5f6f8
}

.resume .contet-left .info .item-form .item-box .city-box .city-tmp .city-line {
    position: absolute;
    left: 160px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #e5e5e5
}

.resume .contet-left .info .item-form .item-box .city-box .city-tmp .right-memu {
    overflow: auto;
    float: left;
    width: 438px;
    height: 300px
}

.resume .contet-left .info .item-form .item-box .city-box .city-tmp .right-memu .menu-class {
    padding-top: 20px
}

.resume .contet-left .info .item-form .item-box .city-box .city-tmp .right-memu .menu-class .hot-citys {
    display: block;
    height: 16px;
    padding-left: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 16px;
    border-left: 4px solid #0083ff;
    font-family: MicrosoftYaHei;
    color: #333
}

.resume .contet-left .info .item-form .item-box .city-box .city-tmp .right-memu .menu-class div.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.resume .contet-left .info .item-form .item-box .city-box .city-tmp .right-memu .menu-class div span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    max-width: 98px;
    height: 28px;
    margin: 0 0 10px 10px;
    padding: 0 10px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    font-family: MicrosoftYaHei;
    color: #666;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.resume .contet-left .info .item-form .item-box .city-box .city-tmp .right-memu .menu-class div span.select-city {
    background: #0083ff;
    color: #fff
}

.resume .contet-left .info .item-form .item-box .city-box, .resume .contet-left .info .item-form .item-box .div-box {
    position: relative;
    width: 600px;
    height: auto
}

.resume .contet-left .info .item-form .item-box .city-box .notice-p, .resume .contet-left .info .item-form .item-box .div-box .notice-p {
    position: absolute;
    top: 12px;
    left: 15px;
    height: 14px;
    background: #fff;
    font-size: 14px;
    color: #ccc;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.resume .contet-left .info .item-form .item-box .city-box .arrow, .resume .contet-left .info .item-form .item-box .div-box .arrow {
    position: absolute;
    top: 18px;
    right: 19px;
    width: 12px;
    height: 6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGAgMAAACKgJcSAAAACVBMVEV9fX19fX19fX3/wkvxAAAAAnRSTlMAgJsrThgAAAAhSURBVHheY8hatZJBatUSBrZVExgYVzkwMGQyMDCIMAAAW2AFzrASpmcAAAAASUVORK5CYII=) 0 0 no-repeat;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer
}

.resume .contet-left .info .item-form .item-box .city-box .arrow.up-arrow, .resume .contet-left .info .item-form .item-box .div-box .arrow.up-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.resume .contet-left .info .item-form .item-box .city-box .dropdown, .resume .contet-left .info .item-form .item-box .div-box .dropdown {
    position: absolute;
    left: 0;
    right: 0;
    top: 106%;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background: #fff;
    z-index: 1
}

.resume .contet-left .info .item-form .item-box .city-box .dropdown.clearfix:after, .resume .contet-left .info .item-form .item-box .div-box .dropdown.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.resume .contet-left .info .item-form .item-box .city-box .dropdown .large-class, .resume .contet-left .info .item-form .item-box .div-box .dropdown .large-class {
    float: left;
    width: 160px
}

.resume .contet-left .info .item-form .item-box .city-box .dropdown .large-class span, .resume .contet-left .info .item-form .item-box .div-box .dropdown .large-class span {
    display: block;
    height: 44px;
    padding: 0 14px;
    font-size: 14px;
    line-height: 44px;
    font-family: MicrosoftYaHei;
    color: #666;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.resume .contet-left .info .item-form .item-box .city-box .dropdown .large-class span.select, .resume .contet-left .info .item-form .item-box .city-box .dropdown .large-class span:hover, .resume .contet-left .info .item-form .item-box .div-box .dropdown .large-class span.select, .resume .contet-left .info .item-form .item-box .div-box .dropdown .large-class span:hover {
    background: #f5f6f8
}

.resume .contet-left .info .item-form .item-box .city-box .dropdown .line, .resume .contet-left .info .item-form .item-box .div-box .dropdown .line {
    position: absolute;
    left: 160px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #e5e5e5
}

.resume .contet-left .info .item-form .item-box .city-box .dropdown .small-class, .resume .contet-left .info .item-form .item-box .div-box .dropdown .small-class {
    float: left;
    width: 438px;
    padding: 13px
}

.resume .contet-left .info .item-form .item-box .city-box .dropdown .small-class div, .resume .contet-left .info .item-form .item-box .div-box .dropdown .small-class div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.resume .contet-left .info .item-form .item-box .city-box .dropdown .small-class div label, .resume .contet-left .info .item-form .item-box .div-box .dropdown .small-class div label {
    width: 33%;
    margin: 0 0 20px
}

.resume .contet-left .info .item-form .item-box .city-box .tag-box, .resume .contet-left .info .item-form .item-box .div-box .tag-box {
    min-height: 44px;
    padding: 10px 52px 0 15px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    cursor: pointer
}

.resume .contet-left .info .item-form .item-box .city-box .tag-box.select, .resume .contet-left .info .item-form .item-box .div-box .tag-box.select {
    border: 1px solid #0083ff;
    -webkit-box-shadow: 0 0 5px #0083ff;
    box-shadow: 0 0 5px #0083ff
}

.resume .contet-left .info .item-form .item-box .city-box .tag-box span, .resume .contet-left .info .item-form .item-box .div-box .tag-box span {
    display: inline-block;
    height: 20px;
    padding: 0 8px;
    margin-right: 8px;
    margin-bottom: 8px;
    background: #eaf3ff;
    border-radius: 15px;
    font-size: 14px;
    line-height: 20px;
    font-family: MicrosoftYaHei;
    color: #0083ff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.resume .contet-left .info .item-form .item-box .city-box .tag-box span:hover i, .resume .contet-left .info .item-form .item-box .div-box .tag-box span:hover i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.resume .contet-left .info .item-form .item-box .city-box .tag-box span i, .resume .contet-left .info .item-form .item-box .div-box .tag-box span i {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 4px 0 0 6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMBAMAAACkW0HUAAAAElBMVEX///8Ag/8Ag/8Ag/8Ag/8Ag//zSSIwAAAABnRSTlMALcvN1t1AzEzAAAAAMUlEQVR4XmMwZGBgYBBiEBFgYGB0BCEgE4RBLCAXxGFgEA1kgFJQQQaoEqgGqHaoYQC9FwSDhB8JYwAAAABJRU5ErkJggg==) 0 no-repeat;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .3s;
    transition: all .3s
}

.resume .contet-left .info .item-form .btn-box {
    height: 32px
}

.resume .contet-left .info .item-form .btn-box span {
    float: right;
    width: 80px;
    height: 32px;
    font-size: 14px;
    text-align: center;
    line-height: 32px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.resume .contet-left .info .item-form .btn-box span:nth-child(2) {
    margin-right: 20px;
    background: #fff;
    border: 1px solid #0083ff;
    color: #0083ff
}

.resume .contet-left .info .item-form .btn-box span:nth-child(2):hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

.resume .contet-left .info .item-form .btn-box span:first-child {
    background: #0083ff;
    color: #fff
}

.resume .contet-left .info .item-form .btn-box span:first-child:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

.resume .contet-left .info .info-item {
    position: relative;
    width: 720px;
    padding: 40px 0;
    margin: 0 auto;
    border-bottom: 1px solid #e5e5e5
}

.resume .contet-left .info .info-item .notice-text {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #999;
    line-height: 24px
}

.resume .contet-left .info .info-item .title-box {
    height: 28px;
    margin-bottom: 24px
}

.resume .contet-left .info .info-item .title-box h2 {
    float: left;
    font-size: 20px;
    line-height: 28px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #000
}

.resume .contet-left .info .info-item .title-box span {
    float: left;
    height: 28px;
    margin-left: 10px;
    padding: 0 12px;
    border: 1px solid #0083ff;
    border-radius: 14px;
    text-align: center;
    line-height: 24px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #0083ff
}

.resume .contet-left .info .info-item .title-box strong {
    float: right;
    height: 28px;
    padding-left: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAjVBMVEUAAABVVVVmZmZVVVVtbW1gYGBVVVVmZmZqampiYmJeXl5mZmZiYmJmZmZjY2NlZWVkZGRnZ2dkZGRiYmJkZGRlZWVoaGhmZmZkZGRkZGRlZWVkZGRnZ2dmZmZmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVmZmZmZmZlZWVlZWVlZWWukpRJAAAAL3RSTlMAAwUGBwgJCgwNExkaIyQmKSouLzM1NktUV1teXmRneZGusra3x8jMztHS19ne7USrpm4AAAB5SURBVHhedc7bEsEwFIXhJRFIkRTRUkApOfD+j2eyY1I3/rtv9r5Y0GtDLTkwPZ7hHx11mUE07QGvSlNzJprbbgKrkIocAk7/kpzJCv71eB+vi+sqmW/b+Fw+N8nyVI8A6M4kDyRDb+qfreqt7ibuzVXW4B1cLvjyA21oDg1pgnWqAAAAAElFTkSuQmCC) 0 no-repeat;
    font-size: 14px;
    line-height: 28px;
    font-family: PingFangSC-Light;
    color: #333;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;
    cursor: pointer
}

.resume .contet-left .info .info-item .title-box strong:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABLElEQVQ4T5XSwUpUARQG4O/ckQqhKGrVJggR9G2kMnXTJiIgfQPxiiK0qX2bCKaNRBDggySCUiFi4EoDAokZZ+6JqygRd5w6+4//HM4fVnJCGkWhafo6wo4yuuBlXtc1J02G1dyWjtFrxOlA3wvLcaDMawrTmMHHsJK7KvMKu42Yru/23dU6hWFWaOv5VOPPeh5Zji8DsIvEGlbabvlgITo13sRji7HdiM9X/QvC5bgJbqncc8eJo8G4zFGFh8KsP1a1lGNaXmGxGZd5RZgSnii8d+PsRlDmpJa28LwZr+Vtfc/w1Q8bXscvAHUveCvNN+P1bPnmpj0/vYkTADAUD/wZp428NPk/8PCSAMBSjhvxTlr4l3oCAJX7CmvS0xofSYdCBwybdBWVEQ9+A142oHOUCSmyAAAAAElFTkSuQmCC) 0 no-repeat;
    color: #66b1ff
}

.resume .contet-left .info .info-item .title-box em {
    float: right;
    height: 28px;
    padding-left: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEX///9mZmaO7mygAAAAAXRSTlMAQObYZgAAAB1JREFUeF5jAIL6PwwOLCDkCEP+T+BsiBRIDQMDAJp6Btgrki3CAAAAAElFTkSuQmCC) 0 no-repeat;
    font-size: 14px;
    line-height: 28px;
    font-family: PingFangSC-Light;
    color: #333;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.resume .contet-left .info .info-item .title-box em:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEX///8Ag/9obvd7AAAAAXRSTlMAQObYZgAAAB1JREFUeF5jAIL6PwwOLCDkCEP+T+BsiBRIDQMDAJp6Btgrki3CAAAAAElFTkSuQmCC) 0 no-repeat;
    color: #66b1ff
}

.resume .contet-left .info .info-item .avatar {
    overflow: hidden;
    position: absolute;
    top: 80px;
    right: 0;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    z-index: 1
}

.resume .contet-left .info .info-item .avatar:hover .avatar-icon {
    display: block
}

.resume .contet-left .info .info-item .avatar img {
    width: 88px;
    height: 88px
}

.resume .contet-left .info .info-item .avatar .imgBox {
    width: 88px;
    height: 88px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.resume .contet-left .info .info-item .avatar .avatar-icon {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 90px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAYCAMAAADat72NAAAA3lBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////82KaFZAAAASXRSTlMAcIULsAP67+vqMjf9b5ApCdRZkooOU57fu4b2ieACpSLSVlF3aB4hGYEQbvFpXmwIwkVH58+dBa0H7vwt7TPp+Aak9wxVgId0odeQagAAAOtJREFUeF59zOVuxDAQhdEbh2mZmZm5zDDv/0Jt0ia25N39fo3ukQZxj7f034MDoftE4gu4SVNc+kVgV9OaACOhT66prq8oSs4T+S73O/ndFNAq0cVKLZTPy9Nz4GV4Ihj1uhHq2/tHwB4EbHdUQO20A/g+hSBwVh+ONW081LN841zENHxsTFGU2covonORtySureyIrVVN4s2W4rYbiZNzzvOkxG6Gc8aVuD/gPOhLvMZrpE2sJabCZP+n+0mBZJ45asUmsiuqMzvDVF0eG6NR47isEmeTeLtDr3fYEc8Eoysx6My8hCbTcb0fi3acutHLD5cAAAAASUVORK5CYII=) 50% no-repeat;
    background-color: hsla(0, 0%, 51%, .8);
    z-index: 1;
    cursor: pointer
}

.resume .contet-left .info .info-item .avatar .avatar-cover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    z-index: 9
}

.resume .contet-left .info .info-item .skill-box {
    width: 720px
}

.resume .contet-left .info .info-item .skill-box.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.resume .contet-left .info .info-item .skill-box .skill-item {
    float: left;
    width: 100px;
    margin: 10px 12px 10px 0
}

.resume .contet-left .info .info-item .skill-box .skill-item img {
    display: block;
    width: 44px;
    height: 44px;
    margin: 0 auto;
    margin-bottom: 10px
}

.resume .contet-left .info .info-item .skill-box .skill-item span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    font-family: MicrosoftYaHei;
    color: #666
}

.resume .contet-left .info .info-item .works-case .case-item {
    padding: 30px 0;
    border-bottom: 1px solid #e5e5e5
}

.resume .contet-left .info .info-item .works-case .case-item.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.resume .contet-left .info .info-item .works-case .case-item:last-child {
    border: 0
}

.resume .contet-left .info .info-item .works-case .case-item:hover .operation-list {
    display: block
}

.resume .contet-left .info .info-item .works-case .case-item dt {
    float: left;
    overflow: hidden;
    position: relative;
    width: 240px;
    height: 160px;
    margin-right: 16px;
    border: 1px dotted #e5e5e5
}

.resume .contet-left .info .info-item .works-case .case-item dt .imgBox {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 240px;
    height: 160px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.resume .contet-left .info .info-item .works-case .case-item dd {
    position: relative;
    float: left;
    width: 464px
}

.resume .contet-left .info .info-item .works-case .case-item dd.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.resume .contet-left .info .info-item .works-case .case-item dd .operation-list {
    display: none;
    position: absolute;
    top: 0;
    right: 0
}

.resume .contet-left .info .info-item .works-case .case-item dd .operation-list .edit {
    float: left;
    height: 20px;
    padding-left: 25px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAjVBMVEUAAABVVVVmZmZVVVVtbW1gYGBVVVVmZmZqampiYmJeXl5mZmZiYmJmZmZjY2NlZWVkZGRnZ2dkZGRiYmJkZGRlZWVoaGhmZmZkZGRkZGRlZWVkZGRnZ2dmZmZmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVmZmZmZmZlZWVlZWVlZWWukpRJAAAAL3RSTlMAAwUGBwgJCgwNExkaIyQmKSouLzM1NktUV1teXmRneZGusra3x8jMztHS19ne7USrpm4AAAB5SURBVHhedc7bEsEwFIXhJRFIkRTRUkApOfD+j2eyY1I3/rtv9r5Y0GtDLTkwPZ7hHx11mUE07QGvSlNzJprbbgKrkIocAk7/kpzJCv71eB+vi+sqmW/b+Fw+N8nyVI8A6M4kDyRDb+qfreqt7ibuzVXW4B1cLvjyA21oDg1pgnWqAAAAAElFTkSuQmCC) 0 no-repeat;
    font-size: 12px;
    line-height: 20px;
    color: #333;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.resume .contet-left .info .info-item .works-case .case-item dd .operation-list .edit:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABLElEQVQ4T5XSwUpUARQG4O/ckQqhKGrVJggR9G2kMnXTJiIgfQPxiiK0qX2bCKaNRBDggySCUiFi4EoDAokZZ+6JqygRd5w6+4//HM4fVnJCGkWhafo6wo4yuuBlXtc1J02G1dyWjtFrxOlA3wvLcaDMawrTmMHHsJK7KvMKu42Yru/23dU6hWFWaOv5VOPPeh5Zji8DsIvEGlbabvlgITo13sRji7HdiM9X/QvC5bgJbqncc8eJo8G4zFGFh8KsP1a1lGNaXmGxGZd5RZgSnii8d+PsRlDmpJa28LwZr+Vtfc/w1Q8bXscvAHUveCvNN+P1bPnmpj0/vYkTADAUD/wZp428NPk/8PCSAMBSjhvxTlr4l3oCAJX7CmvS0xofSYdCBwybdBWVEQ9+A142oHOUCSmyAAAAAElFTkSuQmCC) 0 no-repeat;
    color: #66b1ff
}

.resume .contet-left .info .info-item .works-case .case-item dd .operation-list em {
    float: left;
    width: 1px;
    height: 16px;
    margin: 2px 18px;
    background: #e5e5e5
}

.resume .contet-left .info .info-item .works-case .case-item dd .operation-list .delete {
    float: left;
    height: 20px;
    padding-left: 25px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAHlBMVEX///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmbYrvDLAAAACXRSTlMAAjs8SUrM5ufnKGRWAAAAPklEQVR4XpXGsQmAQBQFwREEuU4MzWzF0B40sYuX/m4V5DB2gmUZr6oTpoW1z4x6xSc9aZr/A8GBIdjqsbsBeYAVPJpSZwEAAAAASUVORK5CYII=) 0 no-repeat;
    font-size: 12px;
    line-height: 20px;
    color: #333;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.resume .contet-left .info .info-item .works-case .case-item dd .operation-list .delete:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAjVBMVEUAAAAAZv8Acf8Ahf8Af/8AgP8Ae/8AgP8Af/8Af/8Ag/8AgP8Ag/8AgP8Agv8AhP8Ag/8Agf8Ag/8Agv8Ag/8Agf8Agv8Ag/8Agv8Ag/8Ag/8Agv8Ag/8Agv8Agv8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Agv8Agv8Ag/8Ag/8Ag/8Ag/8Ag/8AhP8Ag/8Agv+8fOQwAAAAL3RSTlMABQkZGhwdICQmJygpKis4RkdMYGFhYmVmqrGytbrAwcPExcbIyMrMzs/Q0tna217IE6IAAACJSURBVHheZY3ZDoIwEEUvdenCACq4gYJKcSnq/3+eU4pPnPRm7kmaGQCiqHtPXQh4FmVOnrxcshlavQ6D792aDJr2+nGdtbZz31vbwKSZ0uTRKksNII8ymkXgcAOQPBNVKXC4sZMlXzjcgvP7j6lP/8fjvtHvNN7Tg8vTlgKbR8wudpc+8D7P8QP1zg6eVlg51gAAAABJRU5ErkJggg==) 0 no-repeat;
    color: #66b1ff
}

.resume .contet-left .info .info-item .works-case .case-item dd div {
    margin-bottom: 10px
}

.resume .contet-left .info .info-item .works-case .case-item dd div span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    max-width: 180px;
    margin-right: 16px;
    font-size: 16px;
    line-height: 24px;
    font-family: MicrosoftYaHei;
    color: #333
}

.resume .contet-left .info .info-item .works-case .case-item dd div a {
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    height: 18px;
    padding-left: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAWlBMVEUAAACAgICenp6VlZWYmJiYmJiXl5eYmJiYmJiampqampqYmJiXl5eZmZmYmJiZmZmZmZmZmZmYmJiZmZmZmZmZmZmZmZmYmJiZmZmZmZmZmZmZmZmZmZmZmZku1NwBAAAAHXRSTlMAAhUdOUVHSE9YW1xdcXR2eHuQmZ2txdPT2fD8/oRFVlIAAABsSURBVAgdBcEHAoIwEACwoKAsi4U6arn/f9MEwFpbXQDkKHOJBZAjoVTgGQnmBvpzu3YoFewfv1cnxYrxcrwNbbpHRj5vUxu8j8uINR661893B7Wgu25nD9oMKZ5ALUiRAUuUuUQGsNRWV4A/omsGa04Xyq8AAAAASUVORK5CYII=) 0 no-repeat;
    font-size: 16px;
    line-height: 18px;
    font-family: PingFangSC-Light;
    color: #666
}

.resume .contet-left .info .info-item .works-case .case-item dd div a:hover {
    color: #66b1ff
}

.resume .contet-left .info .info-item .works-case .case-item dd .works-type {
    float: left;
    height: 20px;
    padding: 0 10px;
    background: #f77272;
    border-radius: 12px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    font-family: MicrosoftYaHei;
    color: #fff
}

.resume .contet-left .info .info-item .works-case .case-item dd .works-info {
    clear: both;
    margin-top: 40px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 24px;
    text-align: justify;
    word-wrap: break-word;
    word-break: break-all
}

.resume .contet-left .info .info-item .introduce-box {
    overflow: hidden;
    max-height: 330px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.resume .contet-left .info .info-item .introduce-box .introduce {
    word-break: break-all;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    text-align: justify;
    line-height: 30px
}

.resume .contet-left .info .info-item .hide-introduce {
    position: absolute;
    bottom: 20px;
    width: 100%;
    padding-top: 50px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(70%, #fff));
    background-image: linear-gradient(-180deg, hsla(0, 0%, 100%, 0), #fff 70%)
}

.resume .contet-left .info .info-item .hide-introduce.nomal {
    padding-top: 0
}

.resume .contet-left .info .info-item .hide-introduce div {
    width: 60px;
    height: 16px;
    margin: 0 auto;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.resume .contet-left .info .info-item .hide-introduce div span {
    float: left;
    color: #0083ff;
    font-size: 16px;
    line-height: 16px
}

.resume .contet-left .info .info-item .hide-introduce div i {
    float: left;
    width: 8px;
    height: 5px;
    margin: 8px 0 0 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAXElEQVQYV23KsQ2CABQFwHuasIOuYSWVDqNLmBCjOoQsQ0njHmzBtzQkXH3xqo9ytSb6uFdja0C7OGU0OwW8a2f2xR4w2Ti4ZQqARx3FAMpZlxH+AZ51UaJLD/ADEHoYp/epZZcAAAAASUVORK5CYII=) 0 0 no-repeat;
    -webkit-transition: all .5s;
    transition: all .5s
}

.resume .contet-left .info .info-item .hide-introduce div i.rote {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.resume .contet-left .info .info-item .info-box {
    overflow: hidden;
    max-width: 630px;
    margin-bottom: 20px
}

.resume .contet-left .info .info-item .info-box span {
    float: left;
    height: 18px;
    padding-left: 24px;
    font-size: 16px;
    line-height: 18px;
    font-family: MicrosoftYaHei;
    color: #666
}

.resume .contet-left .info .info-item .info-box span:first-child {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAA8FBMVEUAAACAgIBVVVWqqqqAgICSkpKfn5+Ojo6VlZWXl5eVlZWTk5OXl5eUlJSZmZmVlZWampqVlZWYmJiampqbm5uYmJiVlZWVlZWampqXl5eWlpaYmJiXl5eZmZmYmJiampqYmJibm5uWlpaampqZmZmampqYmJiXl5eZmZmZmZmZmZmZmZmXl5eYmJiZmZmampqampqYmJiZmZmYmJiZmZmYmJiZmZmZmZmYmJiZmZmYmJiZmZmZmZmYmJiYmJiYmJiZmZmZmZmampqYmJiZmZmZmZmZmZmYmJiZmZmZmZmZmZmZmZmZmZmZmZmYmJiYmJgsc82kAAAAUHRSTlMAAgMDBAcICQwWGBobHyMkJikqKy4vMDU1Njg5O0FDREVFSUxQXWFlZ3B1eoCBgoOIi4+Qk5eepamqtba7vcLExcrKy8vMzc7Oz9LU1dna6e+SZKIAAACkSURBVBgZBcCJOsIAAADgf7aImFtWQO576CQVzSaF938bH1DrzSazbgKAh36CpH8L4KYVgKB1DVgbhYBwGAPNBquDv/E2jScgDwXFkd3pvDADMrY6eD5gDOTstJEe8gW8Vcx9blopFiwNgLOU9VHxXuXuEoiyGBGWpyXA3jACXk8B3D+CqzYAwcs59idlAJQ/Tmz8xABg8fvitw4AqOTHAAAA+AdBKBFJHbkFogAAAABJRU5ErkJggg==) 0 no-repeat
}

.resume .contet-left .info .info-item .info-box span:nth-child(3) {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAA4VBMVEUAAAAAAACAgIBVVVVJSUlxcXFmZmZVVVVqampiYmJbW1tmZmZoaGhgYGBiYmJkZGRlZWViYmJhYWFnZ2dkZGRmZmZjY2NnZ2dlZWVlZWVlZWVlZWVnZ2dmZmZlZWVlZWVmZmZlZWVmZmZlZWVmZmZmZmZlZWVmZmZlZWVlZWVlZWVlZWVlZWVmZmZmZmZlZWVmZmZmZmZlZWVmZmZmZmZlZWVmZmZlZWVmZmZmZmZlZWVlZWVlZWVmZmZmZmZlZWVmZmZmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVs5uNZAAAAS3RSTlMAAgIGBwkKDAwNDg8WGBocJicqKi43O0VHVlhbXGtvd3h5e3x9kZKWl5qztLW2t7q7vsTFyMnKz8/Q0dnb3N3e3t/g4uPq7e7y+PkE3B0lAAAAlElEQVQYlWNgwAE4lay8vCwV2REiQo5a4tzcEjq2AjARLidFCEPFjgMqpKwPkzRUgDJMJWFC0sZQhrMoTEjMHsoww1SlhDBLHmajI4aNDIJuEHe5wt3Fq+usauHlaa7mos0DEeF30GCFsNg0bflANJOJKsJr6kaMQFLGmhkhxGIjBSQNZBmQgJwekPAQRhYScWfAAgAFIw6nlVdS5wAAAABJRU5ErkJggg==) 0 no-repeat
}

.resume .contet-left .info .info-item .info-box span:nth-child(5) {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAA51BMVEUAAAAAAACAgIBVVVWAgICZmZmLi4uVlZWdnZ2ZmZmXl5eVlZWUlJSXl5eZmZmYmJiYmJibm5uampqYmJibm5uXl5eampqYmJiampqXl5eYmJiXl5eYmJiZmZmampqYmJiampqampqYmJiampqXl5eZmZmZmZmZmZmZmZmZmZmZmZmYmJiZmZmampqZmZmampqZmZmZmZmYmJiZmZmampqYmJiYmJiZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmYmJiZmZmZmZmYmJiZmZmYmJiZmZmZmZmZmZmZmZmZmZmZmZmYmJiZmZnQHpEtAAAATXRSTlMAAQIDBAULDA0UFiQmMTI0PkVHSEpMTE1OUVJTVFVWWVtdXmBpaXV2goWKi4yNj6GjrK+0tbjHzM3P0dbX2Nnd3eHn8vPz9Pf5+vz9/vSevV0AAACpSURBVBgZBcABNsIAAADQn21iEwEoiwAsQWSiqGyJ7n8eDwAAAFc/lwCAuOyWMQCQ5foZAIjL1Pb3KoCVWutpuET/sVWrQmeymI96O6j3RvPFJKO8S0IAYdKd0ij2AHBQHGK/aAJIi12wNT0GnEw3ATfPgJdrgIdbQOce4K1NUA84ywHhbL2SfhTvR5WNWQCs/Tbyz3Z0+vXa/EuA6mB8HiG6GA+WAQCAf3NmElBSfINxAAAAAElFTkSuQmCC) 0 no-repeat
}

.resume .contet-left .info .info-item .info-box span:nth-child(7) {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAV1BMVEUAAACqqqqfn5+ZmZmSkpKXl5ebm5uWlpaZmZmVlZWYmJiVlZWampqampqZmZmampqXl5eZmZmYmJiYmJiZmZmXl5eZmZmZmZmYmJiZmZmZmZmZmZmZmZl8muF4AAAAHHRSTlMAAwgKDhYcIigpLzAwNVVWVpufpKWlxtDd6/r8CoWX4QAAAIhJREFUeF51kFEOgjAQBUdAWYEWWwqtLfc/pxB0Q0Kcz0k2mbf8w7hUSnJGRe1zGIdhDNnXX7NEgTvwjMvhfGygzQBN9AAmCyArAJIN4AKqIDggvc5qTEDpD1VV1Q36oqpdN9670kNaEXmATYCbOTE7jYBfhKaCpuogANkG6ezJdp2ddPblOVc+oogIQ/TOnjUAAAAASUVORK5CYII=) 0 no-repeat
}

.resume .contet-left .info .info-item .info-box span:nth-child(9) {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAaVBMVEUAAACZmZmOjo6ZmZmfn5+WlpaUlJSUlJSampqYmJiWlpaYmJiZmZmYmJiYmJiYmJiampqYmJiZmZmZmZmYmJiampqZmZmZmZmYmJiZmZmZmZmZmZmZmZmYmJiZmZmZmZmZmZmZmZmZmZlthYpGAAAAInRSTlMABQkKEBETKzA0Tk9QV1mQl5qdp7i6w8zO0NHS3N/f8vr8mkkFjAAAAJJJREFUeF5lj1kSgyAQRNsNUEQF3EGF3P+QqcHEH9/fdFUvA6LWPkava9wUJlglhLLBFOmeHUeCu5kU40r8KJ0B6sAhFwawRYKHGtoC+bQxtk05YDW8AjKx7vsqMkB5RAF0n0QHiEgCMQwgREyWSrbj2MqKLCm0Oc7rOo+GQqn2sVDtf1jf38Oe6UVxT38/93r/C6/aCr/3mj9nAAAAAElFTkSuQmCC) 0 no-repeat
}

.resume .contet-left .info .info-item .info-box em {
    float: left;
    width: 1px;
    height: 12px;
    margin: 3px 17px;
    background: #e5e5e5
}

.resume .contet-left .info .info-item .skill-label {
    height: 26px
}

.resume .contet-left .info .info-item .skill-label span {
    float: left;
    height: 26px;
    padding: 0 12px;
    margin-right: 10px;
    background: #f7f9fb;
    border-radius: 13px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #999;
    line-height: 26px;
    text-align: center
}

.resume .myself {
    position: relative;
    float: left;
    width: 370px;
    height: 400px!important;
    margin-left: 30px;
    background: #fff url(static/images/tu_1.8ad2d62.png) center 240px no-repeat!important
}

.resume .myself .data-temp {
    position: absolute;
    top: 50px;
    left: 56px;
    width: 310px;
    clear: both
}

.resume .myself .data-temp.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.resume .myself .data-temp .data-temp-left {
    float: left
}

.resume .myself .data-temp .data-temp-left span {
    display: block;
    height: 16px;
    padding-left: 24px;
    margin-bottom: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAclBMVEUAAAAaGg0jFwwgFRUcExMiEREgFRUiGBMgFxMgFhMjFhMjFhMjGBMjGBUiFxUjFxQhGBUiFxUjGBUjGBUiFxUiFxUiFxQjFxQjGBUiGBUiGBUjFxUjFxUjFxUjFxUiFxQiGBQjGBQjGBUjGBQiGBQiGBWJ2HhIAAAAJnRSTlMAFBYYGx4wNTdQUFFfYGJlbI+3uLm6u72/wcPExcbHycrL09TY33N4MzoAAABmSURBVBhXfYxLEoMgFARHDOI/SqKCoiYR7n9FF0H0bezddFUPxKJVQK8Cc4wLjw96EDRMQvjCtQQHSRN5J3hDBbd5EBUDuC3OpP4xvzH8k+fmN5T/KDMcogNBwUTXzUak01sGXkbsdT0HyeWlh/sAAAAASUVORK5CYII=) 0 0 no-repeat;
    font-size: 16px;
    line-height: 16px;
    font-family: MicrosoftYaHei;
    color: #333
}

.resume .myself .data-temp .data-temp-left strong {
    display: inline-block;
    font-size: 30px;
    font-family: MicrosoftYaHei;
    color: #f77272
}

.resume .myself .data-temp .data-temp-left i {
    margin-left: 10px;
    font-style: normal;
    font-size: 16px;
    color: #333
}

.resume .myself .data-temp em {
    float: left;
    width: 1px;
    height: 70px;
    margin-left: 58px;
    background: #e5e5e5
}

.resume .myself .data-temp .data-temp-right {
    float: left;
    margin-left: 58px
}

.resume .myself .data-temp .data-temp-right span {
    display: block;
    height: 16px;
    padding-left: 24px;
    margin-bottom: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAvVBMVEUAAABmZmZmZmZmZmZmZmZgYGBlZWVmZmZmZmZlZWVlZWVmZmZmZmZoaGhmZmZjY2NmZmZlZWVmZmYAAABaWlphYWFmZmaAgIBlZWVmZmZlZWVmZmZmZmZVVVVlZWVkZGRmZmZmZmZnZ2cAAABmZmZnZ2dtbW1qamplZWVlZWVmZmZgYGBlZWVeXl5mZmZmZmZmZmZmZmZmZmZkZGRmZmZiYmJmZmZkZGRlZWVAQEBmZmZnZ2dmZmZiYmJmZmaA3hBcAAAAPnRSTlMA9yjP1xAm3O9ol/r7INAkzU4ZAhEdCgJlVaHwRgYwPc7FTwHkQwcMmPfaGNQT1WneHt9h4iLUWeUE5yruL3oCLpwAAACNSURBVHhebc1XDoMwEEXRh0NM7NBJ7733Xtn/sjLEsSIk7ufRjB5cI1UPBlLFWTDkTFf5QtnP6erZLyhFwBqBlLKrYNao1ix0hBCeAu72m632/yXcmEXLHMBhVALw2GjMJlObZuYLguUquQjyBWC726vZgwMQHE9nKLiECVxvHD+4g8B+PEH5se71BvUB0BoM9wzr21AAAAAASUVORK5CYII=) 0 0 no-repeat;
    font-size: 16px;
    line-height: 16px;
    font-family: MicrosoftYaHei;
    color: #333
}

.resume .myself .data-temp .data-temp-right strong {
    display: inline-block;
    font-size: 30px;
    font-family: MicrosoftYaHei;
    color: #f77272
}

.resume .myself .data-temp .data-temp-right i {
    margin-left: 10px;
    font-style: normal;
    font-size: 16px;
    color: #333
}

.resume .content-right {
    position: relative;
    float: left;
    width: 370px;
    height: 590px;
    margin-left: 30px;
    background: #fff url(static/images/tu.3b8bbfd.png) 106px 462px no-repeat
}

.resume .content-right .tip-box {
    float: left;
    margin: 30px 0 0 30px
}

.resume .content-right .tip-box h2 {
    font-size: 18px;
    font-family: MicrosoftYaHei-Bold;
    color: #333;
    line-height: 24px;
    font-weight: 400
}

.resume .content-right .tip-box p {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #999;
    line-height: 24px
}

.resume .content-right .submit {
    float: right;
    width: 120px;
    height: 42px;
    margin: 30px 30px 0 0;
    background: #e6e6e6;
    border-radius: 4px;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    font-family: MicrosoftYaHei;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.resume .content-right .submit.submission {
    background: #0083ff
}

.resume .content-right .submit.submission:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

.resume .content-right .progress {
    overflow: hidden;
    position: absolute;
    top: 135px;
    left: 30px;
    width: 16px;
    height: 328px;
    padding-top: 4px
}

.resume .content-right .progress .line {
    position: relative;
    display: block;
    width: 2px;
    height: 80px;
    margin-left: 7px;
    background: #eee
}

.resume .content-right .progress .line.blue {
    background: #0083ff
}

.resume .content-right .progress .line .circle {
    position: absolute;
    top: -4px;
    left: -3px;
    width: 8px;
    height: 8px;
    margin: 0 auto;
    background: #eee;
    border-radius: 50%
}

.resume .content-right .progress .line .circle.blue {
    top: -4px;
    left: -3px;
    width: 8px;
    height: 8px;
    background: #0083ff;
    border-radius: 50%
}

.resume .content-right .progress-node {
    position: absolute;
    top: 124px;
    left: 60px;
    width: 85px
}

.resume .content-right .progress-node span {
    display: block;
    width: 85px;
    height: 28px;
    margin-bottom: 52px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #999;
    line-height: 28px;
    text-align: center
}

.resume .resume-enter-active {
    -webkit-transition: all .8s;
    transition: all .8s
}

.resume .resume-enter {
    opacity: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px)
}

.resume .cover {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 99
}

.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: #409eff
}

.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: #409eff;
    border-color: #409eff
}

.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: #409eff
}

.el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #409eff
}

.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: #409eff
}

.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: #409eff
}

.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: #409eff;
    border-color: #409eff;
    -webkit-box-shadow: -1px 0 0 0 #8cc5ff;
    box-shadow: -1px 0 0 0 #8cc5ff
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border-left-color: #409eff
}

.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: #409eff
}

.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
}

#questionguide {
    background: #fff!important;
    border: 1px solid #e5e5e5
}

#questionguide .banner {
    width: 100%;
    height: 100px;
    min-width: 1200px;
    _width: 1200px;
    padding-top: 44px;
    background: url(static/images/bnner.b04ff8a.png) no-repeat 50%
}

#questionguide .banner h2 {
    width: 1200px;
    font-size: 26px;
    line-height: 14px;
    color: #fff;
    margin: 0 auto;
    position: relative;
    font-weight: 400;
    padding-left: 60px
}

#questionguide .banner h2 a {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    cursor: pointer;
    color: #fff
}

#questionguide .banner h2 a:first-of-type {
    top: -6px;
    left: 380px;
    font-size: 14px;
    background: #ffc034;
    border-radius: 17px;
    padding: 8px 10px 10px
}

#questionguide .banner h2 a span {
    font-size: 26px;
    display: inline-block;
    vertical-align: top;
    margin-top: -2px;
    margin-right: 4px
}

#questionguide .banner h2 .liaomore {
    top: 30px;
    left: 5px;
    font-size: 16px
}

#questionguide .guidemain {
    margin: 40px auto;
    width: 1160px;
    height: 197px;
    background: #fff;
    -webkit-box-shadow: 0 0 38px 0 rgba(188, 219, 243, .2);
    box-shadow: 0 0 38px 0 rgba(188, 219, 243, .2);
    border-radius: 10px;
    position: relative
}

#questionguide .guidemain .firsttop p {
    position: absolute;
    bottom: 41px;
    left: 35px;
    width: 1079px;
    height: 60px;
    font-size: 20px;
    color: #333
}

#questionguide .guidemain .firsttop .lefttop, #questionguide .guidemain .firsttop .rightbotton {
    position: absolute
}

#questionguide .guidemain .firsttop .lefttop {
    top: 28px;
    left: 19px;
    width: 100px;
    height: 90px
}

#questionguide .guidemain .firsttop .rightbotton {
    right: -76px;
    bottom: -88px;
    width: 250px;
    height: 158px
}

#questionguide .wenti {
    width: 1160px;
    margin: 0 auto;
    padding: 10px 45px
}

#questionguide .wenti .wentidaan {
    padding-bottom: 50px
}

#questionguide .wenti .wentidaan h1 {
    color: #333;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 20px
}

#questionguide .wenti .wentidaan h1 img {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    margin-right: 11px
}

#questionguide .wenti .wentidaan p {
    color: #999;
    font-size: 18px;
    line-height: 28px
}

#main {
    background-color: #f8f8f8
}

.the_shopservicedetail {
    width: 1200px;
    margin: 0 auto
}

.the_shopservicedetail .serviceleft, .the_shopservicedetail .serviceright {
    display: inline-block;
    vertical-align: top;
    margin-top: 31px
}

.the_shopservicedetail .serviceleft {
    width: 880px;
    margin-right: 30px;
    padding: 0!important
}

.the_shopservicedetail .serviceleft .serviceleftfirst {
    background: #fff;
    padding: 30px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .cannotbuy {
    border: 1px solid #ffd9ae;
    color: #ff6d0c;
    font-size: 14px;
    padding: 10px 12px;
    background: #fff5e9;
    border-radius: 4px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .cannotbuy span {
    display: inline-block;
    vertical-align: top;
    font-size: 17px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .cannotbuy span:last-of-type {
    font-size: 14px;
    margin-left: 6px;
    margin-top: -1px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .cannotbuy .cantsesson {
    max-width: 750px;
    word-wrap: break-word
}

.the_shopservicedetail .serviceleft .serviceleftfirst .cannotbuy a {
    text-decoration: underline;
    margin-left: 10px;
    cursor: pointer;
    font-size: 14px;
    color: #ff6d0c
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo, .the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg {
    display: inline-block;
    vertical-align: top
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo {
    width: 300px;
    height: 380px;
    margin-right: 30px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .pc-slide {
    width: 300px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .view .swiper-container {
    width: 300px;
    height: 300px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .imgBox {
    width: 300px;
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview {
    width: 100%;
    position: relative;
    background: #f5f5f5;
    overflow: hidden
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview .swiper-container {
    width: 300px;
    height: 82px;
    margin-left: 20px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview .pullrights {
    position: absolute;
    left: 0;
    -webkit-transition: all 1s;
    transition: all 1s
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview .swiper-slide {
    width: 60px;
    height: 60px;
    cursor: pointer;
    margin: 10px 5px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview .swiper-slide .simgBox {
    display: inline-block;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview .preview .slide6 {
    width: 60px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview .arrow-left, .the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview .arrow-right {
    position: absolute;
    margin-top: -9px;
    width: 25px;
    height: 80px;
    z-index: 10;
    padding-left: 5px;
    background: #f5f5f5
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview .arrow-left img, .the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview .arrow-right img {
    width: 13px;
    height: 22px;
    margin-top: 39px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview .arrow-right {
    right: 0
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview img {
    padding: 1px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview .active-nav .simgBox {
    padding: 0;
    border: 1px solid red
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg {
    width: 490px;
    position: relative
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg button {
    width: 140px;
    height: 46px;
    font-size: 14px;
    border: none
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg button span {
    font-size: 18px;
    margin-right: 12px;
    display: inline-block;
    vertical-align: top
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg p {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    line-height: 24px;
    margin-top: -5px;
    margin-bottom: 25px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .pricemsg {
    width: 490px;
    background: #f4f5f7;
    border: 1px solid #f4f5f7;
    font-size: 14px;
    color: #666;
    position: relative
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .pricemsg .onceprice {
    position: absolute;
    top: 0;
    left: -20px;
    width: 68px;
    height: 51px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .pricemsg .price {
    margin-top: 15px;
    margin-left: 31px;
    margin-bottom: 15px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .pricemsg .price span {
    color: #f77272;
    font-size: 16px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .pricemsg .price .needprice {
    font-size: 36px;
    color: #ff532b;
    font-weight: 700
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .pricemsg .price .danwei {
    font-size: 14px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .pricemsg .sort {
    margin-left: 30px;
    position: relative;
    margin-bottom: 20px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .pricemsg .sort span:last-of-type {
    position: absolute;
    right: 30px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .buybtn {
    margin-top: 30px;
    margin-bottom: 20px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .buybtn button {
    background: #ff8000;
    border-radius: 4px;
    color: #fff;
    margin-right: 25px;
    cursor: pointer
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .buybtn button a {
    color: #fff
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .buybtn .havecolloct {
    color: #999!important
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .buybtn .soucang {
    background: none;
    color: #333;
    width: auto
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .buybtn .soucang span {
    color: #f77272;
    margin-right: 6px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .buybtn .cannotbuybtn {
    background: #d5d5d5;
    color: #fff;
    margin-right: 30px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .sharrybtn {
    font-size: 14px;
    margin-top: 25px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .sharrybtn a {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    cursor: pointer
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .sharrybtn a img {
    width: 22px;
    height: 22px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .erweima {
    overflow: hidden;
    position: absolute;
    top: -35px;
    left: 56px;
    width: 257px;
    padding: 16px 0 18px 46px;
    background: #fff;
    -webkit-box-shadow: 0 15px 32px 0 rgba(49, 49, 49, .1);
    box-shadow: 0 15px 32px 0 rgba(49, 49, 49, .1)
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .erweima h3 {
    padding-left: 3px;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 18px;
    color: #333
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .erweima .close {
    position: absolute;
    top: 11px;
    right: 12px;
    width: 14px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAMAAADjyg5GAAAAQlBMVEUAAAAAAAAcHBwiEREiFxciGREfGRMjGRQgFRUhGBUhFxQjGBMiFxUjFxQjFxUiFxUiFxUjFxUiFxQiGBQjFxQiFxW0LljaAAAAFnRSTlMABQkPFh4oMkZUY3SFlrXCztjb3+Hj56Yi0gAAAFJJREFUeF5dT1cKQDEMsnPvcf+rPkppH8QfMUFj0A0eTIdd+iq9LOCGOkoNt8k3uUk2f8ahCkDUcE2xcF4iHlLOCT/YnAx0S700md4lrUhn8tEHhIkDc66h/JMAAAAASUVORK5CYII=) no-repeat 50%;
    cursor: pointer
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .erweima img {
    display: block;
    margin: 15px 0 17px 3px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .erweima p {
    padding-left: 26px;
    font-size: 14px;
    line-height: 14px;
    color: #666;
    text-align: left;
    font-weight: 400;
    margin-bottom: 10px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .erweima p:last-child {
    padding-left: 5px;
    margin-top: 8px;
    margin-bottom: 0
}

.the_shopservicedetail .serviceleft #service_leftsecond {
    margin-top: 30px;
    width: 880px;
    background: #fff;
    border: 1px solid #fff;
    margin-bottom: 75px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicedetail {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    height: 60px;
    position: relative
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicedetail span {
    cursor: pointer;
    font-size: 16px;
    color: #333;
    padding: 18px 0;
    position: absolute;
    left: 30px;
    top: 0
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicedetail span.select {
    border-bottom: 2px solid #0083ff;
    color: #0083ff
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicedetail span:last-of-type {
    left: 120px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicedetailmsg {
    margin-top: 47px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicedetailmsg .servicedetailimg {
    text-align: center
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicedetailmsg .servicedetailimg img {
    width: 536px;
    height: 316px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicedetailmsg .servicedetailmesg {
    width: 820px;
    margin: 30px;
    word-wrap: break-word;
    overflow: hidden
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicedetailmsg .servicedetailmesg img {
    height: 100%;
    max-width: 100%
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicedetailmsg .servicedetailmesg p {
    font-size: 14px;
    color: #666;
    line-height: 30px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentsort {
    margin: 30px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentsort label {
    margin-right: 20px;
    font-size: 14px;
    color: #666
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentsort input[type=radio]+label:before {
    content: "\A0";
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #ccc;
    margin-top: -3px;
    margin-right: 5px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentsort input[type=radio]:checked+label:before {
    border: 4px solid #0083ff;
    width: 6px;
    height: 6px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentsort input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .nocomment {
    text-align: center;
    padding: 130px;
    padding-bottom: 160px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .nocomment img {
    width: 61px;
    height: 61px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .nocomment p {
    color: #d0d0d0;
    font-size: 16px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentdetail .usercomment {
    padding: 0 30px 30px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentdetail .usercomment .comment_right, .the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentdetail .usercomment .commentleft {
    display: inline-block;
    vertical-align: top
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentdetail .usercomment .commentleft {
    margin-right: 20px;
    margin-top: 10px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentdetail .usercomment .commentleft img {
    width: 44px;
    height: 44px;
    border-radius: 50%
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentdetail .usercomment .comment_right {
    width: 730px;
    padding: 20px;
    background: #f5f5f5;
    border-radius: 4px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentdetail .usercomment .comment_right .username {
    font-size: 16px;
    color: #333;
    margin-right: 30px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentdetail .usercomment .comment_right .commenttime {
    font-size: 14px;
    color: #999
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentdetail .usercomment .comment_right .the_comment {
    width: 683px;
    margin-top: 20px;
    font-size: 14px;
    color: #666;
    line-height: 30px;
    word-wrap: break-word
}

.the_shopservicedetail .serviceright {
    width: 290px;
    text-align: center;
    background: #fff
}

.the_shopservicedetail .serviceright .shopimg {
    margin: 50px;
    width: 190px;
    height: 190px
}

.the_shopservicedetail .serviceright .shopimg img {
    width: 190px;
    height: 190px
}

.the_shopservicedetail .serviceright .shopimg .tximgBox {
    width: 190px;
    height: 190px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.the_shopservicedetail .serviceright p {
    font-size: 14px;
    color: #333;
    line-height: 30px;
    margin-top: -30px;
    margin-bottom: 15px
}

.the_shopservicedetail .serviceright button {
    width: 95px;
    height: 40px;
    background: #0083ff;
    border-radius: 4px;
    margin-bottom: 37px;
    font-size: 14px;
    color: #fff;
    border: none;
    cursor: pointer
}

.the_shopservicedetail .serviceright button:last-of-type {
    background: #fff;
    border: 1px solid #0083ff;
    color: #0083ff;
    margin-left: 10px
}

.the_shopservicedetail .serviceright .havecolloct {
    color: #999!important;
    border: 1px solid #d0d0d0!important
}

.pay-contact-info-container[data-v-73fe50ab] {
    width: 1000px;
    height: 525px;
    margin: 30px auto 64px;
    padding: 44px 125px 0;
    background-color: #fff
}

.pay-contact-info-container h1[data-v-73fe50ab] {
    position: relative;
    margin-bottom: 17px;
    font-size: 20px;
    color: #333;
    line-height: 20px
}

.pay-contact-info-container h1[data-v-73fe50ab]:after {
    content: "";
    position: absolute;
    bottom: -17px;
    width: 750px;
    left: 0;
    height: 1px;
    background-color: #e5e5e5
}

.pay-contact-info-container .project[data-v-73fe50ab] {
    padding-top: 30px
}

.pay-contact-info-container .project .title[data-v-73fe50ab] {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 30px;
    color: #333
}

.pay-contact-info-container .project ul[data-v-73fe50ab] {
    margin: 0;
    padding: 0;
    margin-bottom: 30px
}

.pay-contact-info-container .project ul li[data-v-73fe50ab] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 16px;
    margin-bottom: 16px
}

.pay-contact-info-container .project ul li .label[data-v-73fe50ab], .pay-contact-info-container .project ul li .left[data-v-73fe50ab] {
    font-size: 14px;
    color: #666
}

.pay-contact-info-container .project ul li .label .amount[data-v-73fe50ab], .pay-contact-info-container .project ul li .left .amount[data-v-73fe50ab] {
    font-size: 16px;
    font-weight: 700;
    color: #f77272
}

.pay-contact-info-container .project .pay-wrapper[data-v-73fe50ab] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 750px;
    height: 66px;
    margin: 0 auto;
    padding-right: 5px;
    background-color: #fff;
    border: 2px solid #0083ff
}

.pay-contact-info-container .project .pay-wrapper .left[data-v-73fe50ab], .pay-contact-info-container .project .pay-wrapper[data-v-73fe50ab] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pay-contact-info-container .project .pay-wrapper .left .radio[data-v-73fe50ab] {
    margin-left: 24px
}

.pay-contact-info-container .project .pay-wrapper .left .icon-zhifubao1[data-v-73fe50ab] {
    font-size: 24px;
    color: #02a9f1
}

.pay-contact-info-container .project .pay-wrapper .left .pay-type[data-v-73fe50ab] {
    margin-left: 7px;
    margin-right: 30px;
    font-size: 14px;
    color: #333
}

.pay-contact-info-container .project .pay-wrapper .left .des[data-v-73fe50ab] {
    font-size: 12px;
    color: #999
}

.pay-contact-info-container .project .pay-wrapper .pay-amount[data-v-73fe50ab] {
    font-size: 14px;
    color: #333
}

.pay-contact-info-container .project .pay-wrapper .pay-amount em[data-v-73fe50ab] {
    margin: 0 5px;
    font-size: 24px;
    color: #f77272
}

.pay-contact-info-container .project .pay-btn[data-v-73fe50ab] {
    display: block;
    width: 120px;
    height: 42px;
    margin-top: 30px;
    font-size: 14px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    background-color: #0083ff;
    border-radius: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.feedback {
    width: 1200px;
    height: 682px;
    margin: 0 auto;
    margin-top: 42px;
    margin-bottom: 96px;
    background: #fff
}

.feedback .head {
    position: relative;
    width: 534px;
    margin: 0 auto;
    padding-top: 70px;
    margin-bottom: 35px
}

.feedback .head h2 {
    font-size: 24px;
    line-height: 24px;
    font-family: MicrosoftYaHei;
    color: #333;
    font-weight: 400;
    text-align: center
}

.feedback .head .left {
    position: absolute;
    left: 150px;
    top: 64px;
    width: 56px;
    height: 45px
}

.feedback .head .right {
    position: absolute;
    top: 59px;
    left: 310px;
    width: 83px;
    height: 78px
}

.feedback .ipt-item {
    position: relative;
    width: 534px;
    margin: 0 auto;
    margin-bottom: 30px
}

.feedback .ipt-item input::-webkit-input-placeholder, .feedback .ipt-item textarea::-webkit-input-placeholder {
    color: #ccc
}

.feedback .ipt-item label {
    display: block;
    margin-bottom: 13px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    line-height: 16px;
    color: #666
}

.feedback .ipt-item label i {
    color: #f77272;
    font-style: normal
}

.feedback .ipt-item input {
    display: block;
    width: 534px;
    height: 44px;
    padding: 0 10px;
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.feedback .ipt-item input:focus {
    border: 1px solid #0083ff;
    -webkit-box-shadow: 0 0 5px #0083ff;
    box-shadow: 0 0 5px #0083ff
}

.feedback .ipt-item textarea {
    display: block;
    width: 534px;
    min-height: 164px;
    padding: 10px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 28px;
    resize: none
}

.feedback .ipt-item textarea:focus {
    border: 1px solid #0083ff;
    -webkit-box-shadow: 0 0 5px #0083ff;
    box-shadow: 0 0 5px #0083ff
}

.feedback .ipt-item span {
    position: absolute;
    bottom: -30px;
    right: 0;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #ccc
}

.feedback .submit {
    display: block;
    width: 140px;
    height: 46px;
    margin: 0 auto;
    background: #0083ff;
    border-radius: 4px;
    font-size: 18px;
    font-family: MicrosoftYaHei;
    line-height: 46px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.feedback .submit:hover {
    background: #66b1ff
}

#myCollection-serviceList {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

#myCollection-serviceList button {
    cursor: pointer
}

#myCollection-serviceList p {
    word-break: break-all
}

#myCollection-serviceList .container {
    width: 1200px;
    margin: 0 auto
}

#myCollection-serviceList .container .list .item {
    border: 1px solid #eaeaea;
    margin-bottom: 18px;
    padding: 22px 30px 26px 35px;
    display: table;
    clear: both;
    width: 100%;
    background-color: #fff
}

#myCollection-serviceList .container .list .item:hover {
    -webkit-box-shadow: 5px 3px 10px #efefef;
    box-shadow: 5px 3px 10px #efefef
}

#myCollection-serviceList .container .list .item:hover .content h3 {
    color: #0083ff!important
}

#myCollection-serviceList .container .list .item .left {
    width: 70%;
    display: table-cell
}

#myCollection-serviceList .container .list .item .left .imgBox, #myCollection-serviceList .container .list .item .left img {
    display: inline-block;
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 22px
}

#myCollection-serviceList .container .list .item .left .imgBox {
    background-color: #e5e5e5;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

#myCollection-serviceList .container .list .item .left .content {
    width: 100%
}

#myCollection-serviceList .container .list .item .left .content h3 {
    color: #333;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all
}

#myCollection-serviceList .container .list .item .left .content p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#myCollection-serviceList .container .list .item .left .content p em {
    color: #fc5b31;
    font-size: 16px;
    font-weight: 700;
    margin-right: 30px
}

#myCollection-serviceList .container .list .item .left .content p.second {
    margin-top: 15px
}

#myCollection-serviceList .container .list .item .left .content p.three {
    margin-top: 16px
}

#myCollection-serviceList .container .list .item .right {
    width: 30%;
    display: table-cell;
    text-align: right
}

#myCollection-serviceList .container .list .item .right p {
    color: #666;
    font-size: 14px
}

#myCollection-serviceList .container .list .item .right .operation {
    margin-top: 36px
}

#myCollection-serviceList .container .list .item .right .operation button {
    min-width: 103px;
    height: 40px;
    color: #666;
    font-size: 14px;
    padding: 0 18px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #dedfe0;
    background: none
}

#myCollection-serviceList .container .list .item .right .operation button i {
    color: #666;
    font-size: 14px;
    font-weight: 550;
    margin-right: 5px
}

#myCollection-serviceList .container .list .item .right .operation button.collect {
    color: #0083ff;
    border: 1px solid #0083ff
}

#myCollection-serviceList .container .list .item .right .operation button.collect i {
    color: #0083ff
}

#myCollection-serviceList .container .list .item .right .operation button.cancelCollect {
    padding: 0;
    background: none
}

#myCollection-serviceList .container .list .item .right .operation button.cancelCollect i {
    display: none
}

#myCollection-serviceList .container .default {
    padding: 120px 0 160px;
    text-align: center
}

#myCollection-serviceList .container .default img {
    width: 230px;
    height: 193px
}

#myCollection-serviceList .container .default p {
    color: #d0d0d0;
    font-size: 20px;
    margin-top: 30px
}

#myCollection-navBar {
    padding: 20px 0
}

#myCollection-navBar h2 {
    color: #333;
    font-size: 20px;
    line-height: 50px;
    font-weight: 700
}

#myCollection-navBar a, #myCollection-navBar li {
    color: #666;
    font-size: 16px;
    line-height: 40px;
    display: inline-block;
    margin: 5px 40px 0 0;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    position: relative
}

#myCollection-navBar a.light, #myCollection-navBar a:hover, #myCollection-navBar li.light, #myCollection-navBar li:hover {
    color: #0083ff
}

#myCollection-navBar a:after, #myCollection-navBar li:after {
    content: "";
    position: absolute;
    width: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    height: 2px;
    left: 0;
    bottom: 0;
    background-color: #0083ff;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

#myCollection-navBar a.light:after, #myCollection-navBar a:hover:after, #myCollection-navBar li.light:after, #myCollection-navBar li:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

#unauthorized .box-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1200;
    background: rgba(0, 0, 0, .45)
}

#unauthorized .box-body {
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1300;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 800px;
    height: 560px;
    text-align: center
}

#unauthorized .box-body .close {
    color: #b0b0b0;
    font-size: 24px;
    position: absolute;
    top: 23px;
    right: 23px;
    cursor: pointer
}

#unauthorized .box-body .main img {
    width: 200px;
    height: 155px;
    margin: 90px 0 35px
}

#unauthorized .box-body .main p {
    color: #333;
    font-size: 24px;
    line-height: 36px
}

#unauthorized .box-body .main p.warning {
    color: #999;
    font-size: 14px;
    line-height: 48px
}

#unauthorized .box-body .main button {
    width: 160px;
    height: 60px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    margin-top: 35px;
    background-color: #0083ff;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: 0 15px 15px 0 rgba(0, 131, 255, .15);
    box-shadow: 0 15px 15px 0 rgba(0, 131, 255, .15)
}

.comment {
    width: 1200px;
    margin: 30px auto;
    background: #fff;
    padding-top: 50px;
    padding-bottom: 45px
}

.comment .servicemsg {
    width: 1000px;
    margin: 50px auto;
    margin-top: 0;
    background: #f6f6f6;
    padding: 40px
}

.comment .servicemsg .leftimg, .comment .servicemsg .rightmsg {
    display: inline-block;
    vertical-align: top
}

.comment .servicemsg .leftimg img {
    width: 180px;
    height: 180px;
    margin-right: 30px
}

.comment .servicemsg .rightmsg h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 40px
}

.comment .servicemsg .rightmsg p {
    color: #666;
    font-size: 14px;
    margin-top: 20px
}

.comment .servicemsg .rightmsg p span {
    color: #ff532b
}

.comment .servicemsg .rightmsg p .price {
    font-size: 30px
}

.comment h2 {
    font-size: 20px;
    font-weight: 700;
    width: 1000px;
    margin: auto
}

.comment .enterings {
    width: 1000px;
    margin: 10px auto
}

.comment .enterings .entering {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    width: 1000px;
    padding: 20px;
    height: 150px
}

.comment .enterings textarea::-webkit-input-placeholder {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #d0d0d0;
    line-height: 14px
}

.comment .smalling {
    width: 1000px;
    margin: 20px auto
}

.comment .smalling label {
    margin-right: 25px
}

.comment .smalling input[type=radio]+label:before {
    content: "\A0";
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-image: url("static/images/bad@2x.png");
    background-size: 100% 100%;
    margin-top: -5px;
    margin-right: 10px
}

.comment .smalling input[class=good]+label:before {
    background-image: url("static/images/good@2x.png")
}

.comment .smalling input[class=mid]+label:before {
    background-image: url("static/images/zhp@2x.png")
}

.comment .smalling input[type=radio]:checked+label:before {
    background-image: url("static/images/bad-2@2x.png")
}

.comment .smalling input[type=radio]:checked+label {
    color: red
}

.comment .smalling input[class=good]:checked+label:before {
    background-image: url("static/images/good-2@2x.png")
}

.comment .smalling input[class=mid]:checked+label:before {
    background-image: url("static/images/zhp-2@2x.png")
}

.comment .smalling input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}

.comment .starcomment {
    width: 1000px;
    margin: 40px auto;
    position: relative
}

.comment .starcomment .zhezhu {
    position: absolute;
    width: 150px;
    height: 90px;
    top: -5px;
    left: 195px;
    z-index: 5
}

.comment .starcomment .item {
    font-size: 14px;
    margin-bottom: 10px
}

.comment .starcomment .item .start {
    display: inline-block;
    vertical-align: top
}

.comment .starcomment .item .starts {
    position: relative;
    margin-left: 14px
}

.comment .starcomment .item .starts:hover .tishiyu {
    display: none
}

.comment .starcomment .item .tishiyu {
    color: #999;
    position: absolute;
    width: 140px;
    z-index: 1
}

.comment .starcomment .item a {
    color: #ff532b;
    margin-right: 3px
}

.comment .btn {
    width: 1000px;
    margin: 45px auto
}

.comment .btn button {
    width: 140px;
    height: 50px;
    background: #0083ff;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    border: none;
    cursor: pointer
}

.el-rate__icon, .el-rate__item {
    position: relative;
    display: inline-block
}

.el-rate {
    height: 20px;
    line-height: 1
}

.el-rate:active, .el-rate:focus {
    outline-width: 0
}

.el-rate__item {
    font-size: 0;
    vertical-align: middle
}

.el-rate__icon {
    font-size: 18px;
    margin-right: 6px;
    color: #c0c4cc;
    -webkit-transition: .3s;
    transition: .3s
}

.el-rate__decimal, .el-rate__icon .path2 {
    position: absolute;
    top: 0;
    left: 0
}

.el-rate__icon.hover {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.el-rate__decimal {
    display: inline-block;
    overflow: hidden
}

.el-rate__text {
    font-size: 14px;
    vertical-align: middle
}

.myTalent-container {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.myTalent-container button {
    cursor: pointer
}

.myTalent-container p {
    word-break: break-all
}

.myTalent-container .myTalent {
    width: 1200px;
    margin: 0 auto
}

.myTalent-container .myTalent h2 {
    color: #333;
    font-size: 24px;
    font-family: Microsoft Himalaya;
    padding: 44px 0 32px
}

.myTalent-container .myTalent .item {
    border: 1px solid #eaeaea;
    margin-bottom: 18px;
    padding: 22px 30px 26px 35px;
    display: table;
    clear: both;
    width: 100%;
    background-color: #fff
}

.myTalent-container .myTalent .item.first {
    border-top: 0
}

.myTalent-container .myTalent .item:hover {
    -webkit-box-shadow: 5px 3px 10px #efefef;
    box-shadow: 5px 3px 10px #efefef
}

.myTalent-container .myTalent .item:hover .content h3 {
    color: #0083ff!important
}

.myTalent-container .myTalent .item .left {
    width: 70%;
    display: table-cell
}

.myTalent-container .myTalent .item .left .imgBox {
    float: left;
    text-align: center
}

.myTalent-container .myTalent .item .left .imgBox img {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 40px
}

.myTalent-container .myTalent .item .left .imgBox p {
    color: #999;
    font-size: 12px;
    margin-top: 10px
}

.myTalent-container .myTalent .item .left .content {
    padding-left: 96px
}

.myTalent-container .myTalent .item .left .content h3 {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    padding-top: 5px
}

.myTalent-container .myTalent .item .left .content h3 .position {
    color: #999;
    font-size: 14px;
    margin-left: 10px;
    font-weight: 400
}

.myTalent-container .myTalent .item .left .content h3 img {
    width: 14px;
    height: 16px
}

.myTalent-container .myTalent .item .left .content h3 .other {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    background-color: #f8f8f8;
    margin-left: 10px;
    padding: 3px 8px;
    border-radius: 2px
}

.myTalent-container .myTalent .item .left .content h3 .other.team-1 {
    color: #4ea4f6;
    background-color: #e6f0f9
}

.myTalent-container .myTalent .item .left .content h3 .other.team-2 {
    color: #ff8051;
    background-color: #faeee6
}

.myTalent-container .myTalent .item .left .content p {
    color: #666;
    font-size: 14px;
    line-height: 20px;
    margin-top: 12px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden
}

.myTalent-container .myTalent .item .left .content p.skill {
    margin-top: 20px
}

.myTalent-container .myTalent .item .left .content p.des {
    color: #999
}

.myTalent-container .myTalent .item .right {
    width: 30%;
    display: table-cell;
    text-align: right
}

.myTalent-container .myTalent .item .right .tag span {
    color: #666;
    font-size: 14px;
    line-height: 28px
}

.myTalent-container .myTalent .item .right .tag em {
    color: #fc5b31;
    font-size: 20px;
    font-weight: 700;
    margin-left: 10px
}

.myTalent-container .myTalent .item .right .operation {
    margin-top: 34px;
    position: relative
}

.myTalent-container .myTalent .item .right .operation button {
    min-width: 103px
}

.myTalent-container .myTalent .item .right .operation .service {
    color: #666;
    font-size: 14px;
    padding: 0 23px;
    min-width: 103px;
    height: 40px;
    margin-right: 10px;
    border-radius: 4px;
    border: 1px solid #dedfe0;
    background-color: #fff
}

.myTalent-container .myTalent .item .right .operation .toservice {
    color: #666;
    font-size: 14px;
    padding: 0 3px 0 6px;
    height: 40px;
    margin-right: 10px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #dedfe0
}

.myTalent-container .myTalent .item .right .operation .collected {
    color: #666;
    font-size: 14px;
    padding: 0 18px 0 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 4px;
    border: 1px solid #dedfe0;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAY1BMVEVHcEyZmZmampqZmZmZmZmZmZmcnJyZmZmZmZmZmZmZmZn///+YmJiZmZmYmJidnZ2ZmZmYmJiampqYmJiYmJiZmZmYmJiZmZmZmZmZmZmYmJiZmZmZmZmZmZmUlJSZmZmZmZnS5b1YAAAAIXRSTlMAhCHxky0D7P6m0gFY2GsQ400X93KI50aer7iOf8YMX76xatE3AAAAgklEQVQYGQXAh3GDMAAAwAeECr27O9l/Sh/AvQAAdc41AAifTwCAbV/XfQNANfZ9d/ZgeD0fuoEh7115r5Zc3YDtNoW8qK8SAWJJLW0qEejvqYU2BSCkFjg6oDsAoQCPF+D/bT6rWfUEXMORxjFNfwsw5+aaYpxSk7/Q1031hflsan66XQW7A9vs4QAAAABJRU5ErkJggg==) no-repeat 19px
}

.myTalent-container .myTalent .item .right .operation .collected.collect {
    color: #0083ff;
    border: 1px solid #0083ff;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAVFBMVEVHcEwAf/8Agv8Ag/8Agv8Ag/8Agv8AwP8Ag/8Agv8Ag/8Agv8Ag/8Ag/8Ag/8AhP8Ahf8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Agv8Ag/8Ag/946ySZAAAAHHRSTlMADi3S/oOmApLsIVhr8eNNF/dy54jE2EavnrhfrMMLdwAAAHxJREFUGBkFwIURgzAAAMAPRHGv7b9nD+CTAYAhxgEA1PuuALDt67pvAEhPKf1VwFi/b/3IGPc+p9US0wvYXlONi+HMBaDk1tG1XIDyaR10rQK1dcDRA/0BqBl4V8CdhCsF6Qs4x6M9T5t+CxDifE6lTG2OAcowpwDhmgf+V2UE2CVF/coAAAAASUVORK5CYII=) no-repeat 23px
}

.myTalent-container .myTalent .item .right .operation .collected.cancelCollect {
    padding: 0;
    text-align: center;
    background: none
}

.myTalent-container .myTalent .item .right .operation .other {
    min-width: 40px;
    color: #999;
    font-size: 14px;
    padding: 0 18px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    background: none;
    float: right
}

.myTalent-container .myTalent .item .right .operation .otherMenu {
    position: absolute;
    right: 0;
    top: 45px;
    min-width: 96px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 10px 1px #ccc;
    box-shadow: 0 2px 10px 1px #ccc;
    z-index: 999;
    text-align: left
}

.myTalent-container .myTalent .item .right .operation .otherMenu em {
    position: absolute;
    top: -16px;
    right: 23px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom: 8px solid #fff
}

.myTalent-container .myTalent .item .right .operation .otherMenu .menu {
    height: 40px;
    color: #666;
    font-size: 14px;
    padding: 10px 33px 10px 20px;
    cursor: pointer;
    font-family: MicrosoftYaHei
}

.myTalent-container .myTalent .item .right .operation .otherMenu .menu:hover {
    background: #eaf3ff;
    color: #0083ff
}

.myTalent-container .myTalent .list-default {
    min-height: 200px;
    border: 1px solid #e5e5e5;
    margin-bottom: 50px
}

.myTalent-container .myTalent .list-default img {
    display: block;
    width: 81px;
    height: 66px;
    margin: 161px auto 0
}

.myTalent-container .myTalent .list-default p {
    color: #666;
    font-size: 14px;
    text-align: center;
    margin: 47px 0 164px
}

.myTalent-container .warningDialog {
    width: 502px;
    padding: 40px 65px
}

.myTalent-container .warningDialog h2 {
    color: #333;
    font-size: 30px;
    line-height: 1
}

.myTalent-container .warningDialog .content {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    margin-top: 48px
}

.myTalent-container .warningDialog .operation {
    margin-top: 65px
}

.myTalent-container .warningDialog .operation button {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    width: 120px;
    height: 42px;
    border-radius: 4px;
    border: 1px solid #0083ff;
    background: #0083ff;
    float: right;
    margin-bottom: 40px
}

.myTalent-container .warningDialog .operation button:last-child {
    margin-right: 20px;
    color: #0083ff;
    border-color: #2d93f9;
    background-color: #fff
}

.myTalent-container .remarkDialog {
    width: 734px
}

.myTalent-container .remarkDialog textarea {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    padding: 8px 15px 15px;
    resize: none;
    width: 100%;
    height: 160px;
    margin-top: 50px;
    border-radius: 4px;
    border: 1px solid #e5e5e5
}

.myTalent-container .remarkDialog textarea::-webkit-input-placeholder {
    color: #ccc
}

.myTalent-container .remarkDialog textarea:-ms-input-placeholder, .myTalent-container .remarkDialog textarea::-ms-input-placeholder {
    color: #ccc
}

.myTalent-container .remarkDialog textarea::placeholder {
    color: #ccc
}

.myTalent-container .remarkDialog p {
    color: #ccc;
    font-size: 14px;
    text-align: right;
    padding-right: 20px;
    position: relative;
    top: -28px
}

#myCollection-questionList {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5
}

#myCollection-questionList button {
    cursor: pointer
}

#myCollection-questionList p {
    word-break: break-all
}

#myCollection-questionList .container {
    width: 1200px;
    margin: 0 auto
}

.shops {
    width: 100%;
    margin: 0 auto;
    font-family: MicrosoftYaHei;
    background-color: #f8f8f8;
    padding-bottom: 45px
}

.shops .container-bannar {
    width: 100%;
    height: 100px;
    min-width: 1200px;
    _width: 1200px;
    margin-bottom: 30px;
    padding-top: 44px;
    background: url(static/images/banner_xm.f1ec16a.png) no-repeat 50%
}

.shops .container-bannar h2 {
    width: 1200px;
    font-size: 26px;
    line-height: 26px;
    color: #fff;
    margin: 0 auto;
    position: relative;
    font-weight: 400
}

.shops .container-bannar h2 a {
    display: inline-block;
    width: 76px;
    height: 30px;
    background: url(static/images/go.ef3244b.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: -2px;
    margin-left: 20px;
    cursor: pointer
}

.shops .main-container {
    width: 1200px;
    margin: 0 auto
}

.shops .main-container .service-sort {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #333;
    margin-top: 30px;
    background: #fafafa;
    border: 1px solid #e5e5e5
}

.shops .main-container .service-sort .value {
    display: inline-block
}

.shops .main-container .service-sort .item {
    display: inline-block;
    padding: 0;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s
}

.shops .main-container .service-sort .item a {
    position: relative;
    display: inline-block;
    padding: 15px 31px;
    font-size: 14px;
    line-height: 14px;
    font-family: MicrosoftYaHei;
    color: #222
}

.shops .main-container .service-sort .item a.select {
    color: #0083ff;
    background: #fff
}

.shops .main-container .service-sort .item a.select:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    margin: 0 auto;
    background: #0083ff
}

.shops .main-container .service-sort .item a.select:after {
    content: "";
    position: absolute;
    top: 43px;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    margin: 0 auto;
    background: #fff
}

.shops .main-container .service-sort .item a:after {
    content: "";
    position: absolute;
    width: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    height: 2px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #0083ff;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.shops .main-container .service-sort .item a:hover {
    color: #0083ff
}

.shops .main-container .service-sort .item a.select:after, .shops .main-container .service-sort .item a:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.shops .main-container .second-sort {
    width: 100%;
    line-height: 55px;
    background-color: #fff;
    font-size: 14px;
    padding-top: 15px
}

.shops .main-container .second-sort .firstitem {
    margin-left: 16px
}

.shops .main-container .second-sort .item {
    display: inline-block;
    padding-right: 0
}

.shops .main-container .second-sort .item span {
    color: #666;
    cursor: pointer;
    padding: 5px 15px
}

.shops .main-container .second-sort .item span.select {
    color: #0083ff;
    background: #e5f2ff;
    border-radius: 4px
}

.shops .main-container .second-sort .item span:hover {
    color: #0083ff
}

.shops .main-container .shoplist {
    width: 100%;
    background-color: #fff
}

.shops .main-container .shoplist .shopsort {
    padding: 31px 15px;
    cursor: pointer
}

.shops .main-container .shoplist .shopsort .iconfont {
    margin-right: 0;
    padding-right: 0;
    color: #666
}

.shops .main-container .shoplist .shopsort span {
    font-size: 14px;
    padding: 7px 15px;
    border-radius: 4px;
    margin-right: 15px
}

.shops .main-container .shoplist .shopsort span.select {
    background-color: #e5f2ff;
    border-radius: 4px;
    color: #0083ff
}

.shops .main-container .shoplist .shopsort span.select .iconfont {
    color: #0083ff!important
}

.shops .main-container .shoplist .shopsort .pricesort span, .shops .main-container .shoplist .shopsort .successsort span {
    margin-left: -10px
}

.shops .main-container .shoplist .allshops {
    width: 100%
}

.shops .main-container .shoplist .allshops .shop {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 255px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: 20px 9px 20px 31px;
    border: 1px solid #f2f2f2
}

.shops .main-container .shoplist .allshops .shop:hover {
    -webkit-box-shadow: 0 4px 32px 0 rgba(49, 49, 49, .1);
    box-shadow: 0 4px 32px 0 rgba(49, 49, 49, .1)
}

.shops .main-container .shoplist .allshops .shop .shopimg {
    width: 254px;
    height: 253px;
    margin-bottom: 20px
}

.shops .main-container .shoplist .allshops .shop .shopimg .imgBox {
    width: 254px;
    height: 253px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.shops .main-container .shoplist .allshops .shop .shopimg img {
    max-width: 215px;
    max-height: 160px
}

.shops .main-container .shoplist .allshops .shop .shopdetail {
    width: 215px;
    margin: 0 20px;
    background: #fff
}

.shops .main-container .shoplist .allshops .shop .shopdetail .jiage {
    position: relative;
    height: 20px;
    font-size: 14px;
    color: #999
}

.shops .main-container .shoplist .allshops .shop .shopdetail .jiage .shopprice {
    color: #f77272;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: -3px;
    font-weight: 700
}

.shops .main-container .shoplist .allshops .shop .shopdetail .jiage .fixedprice {
    font-size: 12px;
    color: #999;
    font-weight: 400
}

.shops .main-container .shoplist .allshops .shop .shopdetail .jiage .shopdeal {
    position: absolute;
    right: 0;
    top: 2px
}

.shops .main-container .shoplist .allshops .shop .shopdetail .shopmsg {
    margin-top: 14px;
    margin-left: 3px;
    width: 215px;
    height: 36px;
    font-family: MicrosoftYaHei;
    line-height: 18px!important;
    font-size: 14px;
    text-align: justify;
    color: #333;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    cursor: pointer
}

.shops .main-container .shoplist .allshops .shop .shopdetail .shopname {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    margin-top: 5px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px
}

.shops .main-container .shoplist .allshops .nomsgimg {
    width: 230px;
    margin: 50px auto;
    padding-bottom: 90px
}

.shops .main-container .shoplist .allshops .nomsgimg img {
    width: 230px;
    height: 190px
}

.shops .main-container .shoplist .allshops .nomsgimg p {
    color: #d0d0d0;
    font-size: 20px;
    margin-top: 30px;
    text-align: center
}

#myTalent-container {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

#myTalent-container button {
    cursor: pointer
}

#myTalent-container p {
    word-break: break-all
}

#myTalent-container .myTalent {
    width: 1200px;
    margin: 0 auto
}

#myTalent-container .myTalent .item {
    border: 1px solid #eaeaea;
    margin-bottom: 18px;
    padding: 22px 30px 26px 35px;
    display: table;
    clear: both;
    width: 100%;
    background-color: #fff
}

#myTalent-container .myTalent .item:hover {
    -webkit-box-shadow: 5px 3px 10px #efefef;
    box-shadow: 5px 3px 10px #efefef
}

#myTalent-container .myTalent .item:hover .content h3 {
    color: #0083ff!important
}

#myTalent-container .myTalent .item .left {
    width: 70%;
    display: table-cell
}

#myTalent-container .myTalent .item .left img {
    display: inline-block;
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 22px;
    border-radius: 50px
}

#myTalent-container .myTalent .item .left .imgBox {
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 22px;
    border-radius: 50px;
    background-color: #e5e5e5;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

#myTalent-container .myTalent .item .left .content {
    padding-left: 122px
}

#myTalent-container .myTalent .item .left .content h3 {
    color: #333;
    font-size: 20px;
    font-weight: 700
}

#myTalent-container .myTalent .item .left .content h3 .position {
    color: #999;
    font-size: 14px;
    margin-left: 10px;
    font-weight: 400
}

#myTalent-container .myTalent .item .left .content h3 .other {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    background-color: #f8f8f8;
    margin-left: 10px;
    padding: 3px 8px;
    border-radius: 2px
}

#myTalent-container .myTalent .item .left .content h3 .other.team-1 {
    color: #4ea4f6;
    background-color: #e6f0f9
}

#myTalent-container .myTalent .item .left .content h3 .other.team-2 {
    color: #ff8051;
    background-color: #faeee6
}

#myTalent-container .myTalent .item .left .content p {
    color: #666;
    font-size: 14px;
    line-height: 20px;
    max-height: 40px;
    margin-top: 12px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden
}

#myTalent-container .myTalent .item .left .content p.skill {
    margin-top: 20px
}

#myTalent-container .myTalent .item .left .content p.des {
    color: #999;
    padding-left: 122px
}

#myTalent-container .myTalent .item .right {
    width: 30%;
    display: table-cell;
    text-align: right
}

#myTalent-container .myTalent .item .right .tag span {
    color: #666;
    font-size: 14px;
    line-height: 28px
}

#myTalent-container .myTalent .item .right .tag em {
    color: #fc5b31;
    font-size: 20px;
    font-weight: 700;
    margin-left: 10px
}

#myTalent-container .myTalent .item .right .operation {
    margin-top: 34px;
    position: relative
}

#myTalent-container .myTalent .item .right .operation button {
    min-width: 103px
}

#myTalent-container .myTalent .item .right .operation .service {
    color: #666;
    font-size: 14px;
    padding: 0 23px;
    min-width: 103px;
    height: 40px;
    margin-right: 10px;
    border-radius: 4px;
    border: 1px solid #dedfe0;
    background-color: #fff
}

#myTalent-container .myTalent .item .right .operation .collected {
    color: #666;
    font-size: 14px;
    padding: 0 18px 0 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 4px;
    border: 1px solid #dedfe0;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAY1BMVEVHcEyZmZmampqZmZmZmZmZmZmcnJyZmZmZmZmZmZmZmZn///+YmJiZmZmYmJidnZ2ZmZmYmJiampqYmJiYmJiZmZmYmJiZmZmZmZmZmZmYmJiZmZmZmZmZmZmUlJSZmZmZmZnS5b1YAAAAIXRSTlMAhCHxky0D7P6m0gFY2GsQ400X93KI50aer7iOf8YMX76xatE3AAAAgklEQVQYGQXAh3GDMAAAwAeECr27O9l/Sh/AvQAAdc41AAifTwCAbV/XfQNANfZ9d/ZgeD0fuoEh7115r5Zc3YDtNoW8qK8SAWJJLW0qEejvqYU2BSCkFjg6oDsAoQCPF+D/bT6rWfUEXMORxjFNfwsw5+aaYpxSk7/Q1031hflsan66XQW7A9vs4QAAAABJRU5ErkJggg==) no-repeat 19px
}

#myTalent-container .myTalent .item .right .operation .collected.collect {
    color: #0083ff;
    border: 1px solid #0083ff;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAVFBMVEVHcEwAf/8Agv8Ag/8Agv8Ag/8Agv8AwP8Ag/8Agv8Ag/8Agv8Ag/8Ag/8Ag/8AhP8Ahf8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Agv8Ag/8Ag/946ySZAAAAHHRSTlMADi3S/oOmApLsIVhr8eNNF/dy54jE2EavnrhfrMMLdwAAAHxJREFUGBkFwIURgzAAAMAPRHGv7b9nD+CTAYAhxgEA1PuuALDt67pvAEhPKf1VwFi/b/3IGPc+p9US0wvYXlONi+HMBaDk1tG1XIDyaR10rQK1dcDRA/0BqBl4V8CdhCsF6Qs4x6M9T5t+CxDifE6lTG2OAcowpwDhmgf+V2UE2CVF/coAAAAASUVORK5CYII=) no-repeat 23px
}

#myTalent-container .myTalent .item .right .operation .collected.cancelCollect {
    padding: 0;
    text-align: center;
    background: none
}

#myTalent-container .myTalent .item .right .operation .other {
    min-width: 40px;
    color: #999;
    font-size: 14px;
    padding: 0 18px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    background: none;
    float: right
}

#myTalent-container .myTalent .item .right .operation .otherMenu {
    position: absolute;
    right: 0;
    top: 45px;
    min-width: 96px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 10px 1px #ccc;
    box-shadow: 0 2px 10px 1px #ccc;
    z-index: 999;
    text-align: left
}

#myTalent-container .myTalent .item .right .operation .otherMenu em {
    position: absolute;
    top: -16px;
    right: 23px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom: 8px solid #fff
}

#myTalent-container .myTalent .item .right .operation .otherMenu .menu {
    height: 40px;
    color: #666;
    font-size: 14px;
    padding: 10px 33px 10px 20px;
    cursor: pointer;
    font-family: MicrosoftYaHei
}

#myTalent-container .myTalent .item .right .operation .otherMenu .menu:hover {
    background: #eaf3ff;
    color: #0083ff
}

#myTalent-container .myTalent .list-default {
    min-height: 200px;
    border: 1px solid #e5e5e5;
    margin-bottom: 50px
}

#myTalent-container .myTalent .list-default img {
    display: block;
    width: 81px;
    height: 66px;
    margin: 161px auto 0
}

#myTalent-container .myTalent .list-default p {
    color: #666;
    font-size: 14px;
    text-align: center;
    margin: 47px 0 164px
}

#myTalent-container .myTalent .default {
    padding: 120px 0 160px;
    text-align: center
}

#myTalent-container .myTalent .default img {
    width: 230px;
    height: 193px
}

#myTalent-container .myTalent .default p {
    color: #d0d0d0;
    font-size: 20px;
    margin-top: 30px
}

#myTalent-container .warningDialog {
    width: 502px;
    padding: 40px 65px
}

#myTalent-container .warningDialog h2 {
    color: #333;
    font-size: 30px;
    line-height: 1
}

#myTalent-container .warningDialog .content {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    margin-top: 48px
}

#myTalent-container .warningDialog .operation {
    margin-top: 65px
}

#myTalent-container .warningDialog .operation button {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    width: 120px;
    height: 42px;
    border-radius: 4px;
    border: 1px solid #0083ff;
    background: #0083ff;
    float: right;
    margin-bottom: 40px
}

#myTalent-container .warningDialog .operation button:last-child {
    margin-right: 20px;
    color: #0083ff;
    border-color: #2d93f9;
    background-color: #fff
}

#myTalent-container .remarkDialog {
    width: 734px
}

#myTalent-container .remarkDialog textarea {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    padding: 8px 15px 15px;
    resize: none;
    width: 100%;
    height: 160px;
    margin-top: 50px;
    border-radius: 4px;
    border: 1px solid #e5e5e5
}

#myTalent-container .remarkDialog textarea::-webkit-input-placeholder {
    color: #ccc
}

#myTalent-container .remarkDialog textarea:-ms-input-placeholder, #myTalent-container .remarkDialog textarea::-ms-input-placeholder {
    color: #ccc
}

#myTalent-container .remarkDialog textarea::placeholder {
    color: #ccc
}

#myTalent-container .remarkDialog p {
    color: #ccc;
    font-size: 14px;
    text-align: right;
    padding-right: 20px;
    position: relative;
    top: -28px
}

#main {
    background-color: #f8f8f8
}

.paybuyweichar {
    width: 1000px;
    height: 525px;
    margin: 30px auto;
    background: #fff;
    font-size: 12px;
    color: #666;
    padding: 30px 124px
}

.paybuyweichar .titlename {
    font-size: 20px;
    color: #333;
    padding: 16px 0;
    border-bottom: 1px solid #e5e5e5;
    font-weight: 700;
    width: 750px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.paybuyweichar .allmsg {
    width: 191px;
    margin: 35px auto;
    text-align: center
}

.paybuyweichar .allmsg .price {
    font-size: 26px;
    color: #f77272;
    font-weight: 700;
    margin-top: 15px
}

.paybuyweichar .allmsg .footmsg {
    border: 1px solid #e5e5e5;
    margin-top: 14px;
    padding-bottom: 15px;
    padding-top: 5px
}

.paybuyweichar .allmsg .footmsg .payimg img {
    width: 181px;
    height: 185px
}

.paybuyweichar .allmsg .footmsg .payway .left, .paybuyweichar .allmsg .footmsg .payway .right {
    display: inline-block
}

.paybuyweichar .allmsg .footmsg .payway .left {
    margin-right: 10px
}

.paybuyweichar .allmsg .footmsg .payway .left img {
    height: 30px;
    width: 30px
}

.paybuyweichar .allmsg .footmsg .payway .right p {
    margin-top: 4px
}

#myCollection-articleList {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5
}

#myCollection-articleList button {
    cursor: pointer
}

#myCollection-articleList p {
    word-break: break-all
}

#myCollection-articleList .container {
    width: 1200px;
    margin: 0 auto
}

#myCollection-articleList .container .list #blog_base li .haveimg {
    width: 984px
}

#myCollection-articleList .container .default {
    padding: 120px 0 160px;
    text-align: center
}

#myCollection-articleList .container .default img {
    width: 230px;
    height: 193px
}

#myCollection-articleList .container .default p {
    color: #d0d0d0;
    font-size: 20px;
    margin-top: 30px
}

#main {
    background-color: #f8f8f8
}

.confirmorder {
    width: 1000px;
    background-color: #fff;
    margin: 30px auto;
    padding: 20px 125px;
    margin-bottom: 88px
}

.confirmorder .ordertitle {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0
}

.confirmorder .ordertitle span {
    font-size: 20px;
    color: #333;
    font-weight: 700
}

.confirmorder .orderleft, .confirmorder .orderright {
    display: inline-block;
    margin-top: 32px;
    vertical-align: top
}

.confirmorder .orderleft img {
    width: 120px;
    height: 120px
}

.confirmorder .orderright {
    width: 612px;
    margin-left: 18px;
    font-size: 14px;
    color: #666
}

.confirmorder .orderright .ordername {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    line-height: 30px;
    margin-top: -8px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 60px
}

.confirmorder .orderright .soleorder {
    margin-top: 20px;
    margin-bottom: 13px;
    width: 610px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.confirmorder .orderright .soleorder a {
    color: #666
}

.confirmorder .orderright div span {
    margin-right: 90px;
    font-size: 14px
}

.confirmorder .orderright div span span {
    color: #f77272;
    font-size: 16px
}

.confirmorder .payweichar, .confirmorder .zfb {
    margin-top: 35px;
    padding: 18px 23px;
    position: relative;
    height: 66px;
    border: 2px solid #fff;
    cursor: pointer
}

.confirmorder .payweichar.select, .confirmorder .zfb.select {
    border: 2px solid #0083ff
}

.confirmorder .payweichar span, .confirmorder .zfb span {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    color: #333;
    margin-top: 5px
}

.confirmorder .payweichar span img, .confirmorder .zfb span img {
    width: 16px;
    height: 16px
}

.confirmorder .payweichar span:nth-of-type(3), .confirmorder .zfb span:nth-of-type(3) {
    font-size: 14px;
    margin-top: 4px;
    margin-left: -10px;
    margin-right: 30px
}

.confirmorder .payweichar span:nth-of-type(4), .confirmorder .zfb span:nth-of-type(4) {
    font-size: 12px;
    color: #999
}

.confirmorder .payweichar span:nth-of-type(5), .confirmorder .zfb span:nth-of-type(5) {
    position: absolute;
    font-size: 14px;
    top: 9px;
    right: 20px
}

.confirmorder .payweichar span:nth-of-type(5) span, .confirmorder .zfb span:nth-of-type(5) span {
    font-size: 24px;
    color: #f77272;
    vertical-align: bottom;
    margin: 0 5px;
    margin-bottom: -5px;
    font-weight: 700
}

.confirmorder .payweichar, .confirmorder .zfb {
    margin-top: 0;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 50px
}

.confirmorder .surebtn button {
    width: 120px;
    height: 42px;
    background: #0083ff;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    border: none;
    margin-bottom: 58px;
    cursor: pointer
}

.groundfloor {
    margin-bottom: 14px
}

.groundfloor .avtor {
    float: left;
    margin-right: 22px;
    border-radius: 50%
}

.groundfloor .content {
    float: left;
    width: 92%;
    position: relative
}

.groundfloor .content .aswname {
    width: 650px
}

.groundfloor .content .aswname a {
    color: #333!important
}

.groundfloor .content p {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    word-wrap: break-word
}

.groundfloor .content p em {
    color: #999
}

.groundfloor .content p:first-child {
    margin-bottom: 10px
}

.groundfloor .content p img {
    width: 18px;
    height: 18px;
    margin-right: 0;
    border-radius: 0
}

.groundfloor .content .replyinf {
    margin-top: 6px
}

.groundfloor .content .replyinf span {
    font-size: 14px;
    line-height: 14px;
    color: #0083ff;
    cursor: pointer;
    margin-right: 7px
}

.groundfloor .content .replyinf div, .groundfloor .content .replyinf span:first-child {
    float: left
}

.groundfloor .content .replyinf i {
    float: left;
    width: 12px;
    height: 7px;
    margin-top: 4px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHBAMAAADOnLEXAAAAElBMVEUAAAAAhf4Ag/4Ag/8Ag/4Ag/8F1GVgAAAABXRSTlMALFeA+1CQnd0AAAAtSURBVHheY2BgYFJgAAEVJwYQxzUExFUJNnUCcQyYgVyRYAYGU0cGZgMGIAYAXOsEY82UIO4AAAAASUVORK5CYII=) no-repeat 50%;
    cursor: pointer
}

.groundfloor .content .replyinf .sq {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHBAMAAADOnLEXAAAAFVBMVEUAAAAAhf4Ag/4Agv4Agv4Ag/4Ag/9JVGwYAAAABnRSTlMALFdYf/vcKsMqAAAAL0lEQVR4XmNgcWAAYdEUBga3QAbmMAeWVAMGBtMUt2AGBiAXxAFyQRwGBiYFBgYAmPAFlSlMNSEAAAAASUVORK5CYII=) no-repeat 50%
}

.groundfloor .content .top_btn {
    position: absolute;
    right: 0;
    top: 0
}

.groundfloor .content .yicaina {
    width: 73px;
    height: 23px
}

.groundfloor .content #dianzan {
    cursor: pointer;
    color: #999;
    display: inline-block;
    vertical-align: top;
    margin: 1px;
    margin-left: 10px
}

.groundfloor .content #dianzan:before {
    color: #dbdbdb
}

.groundfloor .content #dianzan:hover, .groundfloor .content #dianzan:hover:before {
    color: #0083ff
}

.groundfloor .content .yidianzan {
    color: #0083ff!important;
    pointer-events: none!important
}

.groundfloor .content .yidianzan:before {
    color: #0083ff!important
}

.groundfloor .content:hover button {
    height: 25px;
    padding: 2px 7px;
    border: 1px solid #e5e5e5
}

.groundfloor .content button {
    position: absolute;
    bottom: -10px;
    right: 55px;
    border: none;
    background: #fff;
    border-radius: 13px;
    color: #999;
    cursor: pointer;
    height: 0;
    overflow: hidden
}

.groundfloor .content button:last-of-type {
    border: none;
    background: none
}

.groundfloor .content button span {
    color: #e5e5e5;
    margin-right: 3px
}

.groundfloor .content button:last-of-type {
    right: -7px
}

.cainamask {
    width: 734px;
    height: 309px
}

.cainamask .cainatitle {
    margin: 40px 0 53px 100px
}

.cainamask .cainatitle span {
    font-size: 30px
}

.cainamask .cainatishi {
    margin-left: 100px
}

.cainamask .cainatishi p {
    font-size: 16px;
    color: #999;
    width: 511px
}

.cainamask .cainamaskbtn {
    margin: 65px 0 39px 336px
}

.cainamask .cainamaskbtn button {
    border: 1px solid #2d93f9;
    border-radius: 4px;
    font-size: 14px;
    padding: 11px 45px;
    background: #0083ff;
    color: #fff;
    cursor: pointer
}

.cainamask .cainamaskbtn button:first-of-type {
    background: #fff;
    color: #0083ff;
    margin-right: 20px
}

#myCollection-shopList {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5
}

#myCollection-shopList button {
    cursor: pointer
}

#myCollection-shopList p {
    word-break: break-all
}

#myCollection-shopList .container {
    width: 1200px;
    margin: 0 auto
}

#myCollection-shopList .container .list .item {
    border: 1px solid #eaeaea;
    margin-bottom: 18px;
    padding: 22px 30px 26px 35px;
    display: table;
    clear: both;
    width: 100%;
    background-color: #fff
}

#myCollection-shopList .container .list .item:hover {
    -webkit-box-shadow: 5px 3px 10px #efefef;
    box-shadow: 5px 3px 10px #efefef
}

#myCollection-shopList .container .list .item:hover .content h3 {
    color: #0083ff!important
}

#myCollection-shopList .container .list .item .left {
    width: 70%;
    display: table-cell
}

#myCollection-shopList .container .list .item .left .imgBox, #myCollection-shopList .container .list .item .left img {
    display: inline-block;
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 22px
}

#myCollection-shopList .container .list .item .left .imgBox {
    background-color: #e5e5e5;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

#myCollection-shopList .container .list .item .left .content {
    width: 100%
}

#myCollection-shopList .container .list .item .left .content h3 {
    color: #333;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700
}

#myCollection-shopList .container .list .item .left .content h3, #myCollection-shopList .container .list .item .left .content p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all
}

#myCollection-shopList .container .list .item .left .content p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    height: 24px
}

#myCollection-shopList .container .list .item .left .content p em {
    color: #fc5b31;
    font-size: 16px;
    font-weight: 700;
    margin-right: 30px
}

#myCollection-shopList .container .list .item .left .content p.second {
    margin-top: 15px
}

#myCollection-shopList .container .list .item .left .content p.three {
    margin-top: 16px
}

#myCollection-shopList .container .list .item .right {
    width: 30%;
    display: table-cell;
    text-align: right
}

#myCollection-shopList .container .list .item .right p {
    color: #666;
    font-size: 14px
}

#myCollection-shopList .container .list .item .right .operation {
    margin-top: 36px
}

#myCollection-shopList .container .list .item .right .operation button {
    min-width: 103px;
    height: 40px;
    color: #666;
    font-size: 14px;
    padding: 0 20px;
    margin-right: 10px;
    border-radius: 4px;
    border: 1px solid #dedfe0;
    background-color: #fff
}

#myCollection-shopList .container .list .item .right .operation button i {
    color: #666;
    font-size: 14px;
    font-weight: 550;
    margin-right: 5px
}

#myCollection-shopList .container .list .item .right .operation button.collect {
    color: #0083ff;
    border: 1px solid #0083ff
}

#myCollection-shopList .container .list .item .right .operation button.collect i {
    color: #0083ff
}

#myCollection-shopList .container .list .item .right .operation button.cancelCollect {
    padding: 0;
    background: none
}

#myCollection-shopList .container .list .item .right .operation button.cancelCollect i {
    display: none
}

#myCollection-shopList .container .default {
    padding: 120px 0 160px;
    text-align: center
}

#myCollection-shopList .container .default img {
    width: 230px;
    height: 193px
}

#myCollection-shopList .container .default p {
    color: #d0d0d0;
    font-size: 20px;
    margin-top: 30px
}

#shopservicedetail {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 55px
}

#shopservicedetail .serviceleft, #shopservicedetail .serviceright {
    display: inline-block;
    vertical-align: top;
    margin-top: 31px
}

#shopservicedetail .serviceleft button, #shopservicedetail .serviceright button {
    width: 95px;
    height: 40px;
    background: #0083ff;
    border-radius: 4px;
    margin-bottom: 37px;
    font-size: 14px;
    color: #fff;
    border: none;
    cursor: pointer
}

#shopservicedetail .serviceleft {
    width: 880px;
    margin-right: 30px;
    padding: 30px;
    background: #fff
}

#shopservicedetail .serviceleft .servicetitle {
    border-bottom: 1px solid #e5e5e5
}

#shopservicedetail .serviceleft .servicetitle span {
    font-size: 20px;
    color: #333;
    padding: 15px 0;
    display: inline-block;
    font-weight: 700
}

#shopservicedetail .serviceleft .servicesecondtitle, #shopservicedetail .serviceleft .servicesecondtitles {
    margin: 30px 0;
    color: #666
}

#shopservicedetail .serviceleft .servicesecondtitle span, #shopservicedetail .serviceleft .servicesecondtitles span {
    font-size: 14px;
    font-weight: 700
}

#shopservicedetail .serviceleft .servicesecondtitle div {
    width: 688px;
    height: 44px;
    padding: 11px 10px;
    margin-top: 12px;
    background: #f9f9f9;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#shopservicedetail .serviceleft .servicesecondtitle .sort {
    width: 200px;
    display: inline-block;
    margin-right: 18px
}

#shopservicedetail .serviceleft .servicesecondtitles .sort {
    margin-bottom: 15px
}

#shopservicedetail .serviceleft .servicesecondtitles .wenbenk {
    font-family: MicrosoftYaHei;
    color: #333;
    width: 688px;
    padding: 15px;
    font-size: 16px
}

#shopservicedetail .serviceleft .servicesecondtitles .wenbenk::-webkit-input-placeholder {
    color: silver
}

#shopservicedetail .serviceleft .servicethirdtitle span {
    font-size: 14px
}

#shopservicedetail .serviceleft .servicethirdtitle span:first-of-type {
    color: #ff4931;
    margin-right: 5px
}

#shopservicedetail .serviceleft .servicethirdtitle span:nth-of-type(2) {
    color: #666;
    font-weight: 700
}

#shopservicedetail .serviceleft .servicethirdtitle span:nth-of-type(3) {
    color: #999
}

#shopservicedetail .serviceleft .servicethirdtitle div {
    margin: 15px 0
}

#shopservicedetail .serviceleft .servicethirdtitle div input {
    padding: 12px;
    width: 280px
}

#shopservicedetail .serviceleft .servicethirdtitle .moneytime {
    position: relative
}

#shopservicedetail .serviceleft .servicethirdtitle .moneytime input {
    width: 200px;
    margin-right: 18px
}

#shopservicedetail .serviceleft .servicethirdtitle .moneytime input:first-of-type {
    padding-left: 20px
}

#shopservicedetail .serviceleft .servicethirdtitle .moneytime span {
    position: absolute;
    top: 11px;
    left: 6px;
    font-size: 14px;
    color: #666
}

#shopservicedetail .serviceleft .servicethirdtitle .moneytime span:last-of-type {
    left: 395px;
    font-weight: 400
}

#shopservicedetail .serviceleft .btn {
    margin-top: 40px
}

#shopservicedetail .serviceleft .btn button {
    width: 120px
}

#shopservicedetail .serviceright {
    width: 290px;
    text-align: center;
    background: #fff
}

#shopservicedetail .serviceright .shopimg {
    margin: 50px
}

#shopservicedetail .serviceright .shopimg img {
    width: 190px;
    height: 190px
}

#shopservicedetail .serviceright p {
    font-size: 14px;
    color: #333;
    line-height: 30px;
    margin-top: -30px;
    margin-bottom: 15px
}

#shopservicedetail .serviceright button:last-of-type {
    background: #fff;
    border: 1px solid #0083ff;
    color: #0083ff;
    margin-left: 10px
}

.the_orderdetail {
    width: 1000px;
    margin: 30px auto;
    background: #fff;
    padding-bottom: 45px
}

.the_orderdetail * {
    padding: 0;
    margin: 0
}

.the_orderdetail .complaintmsg {
    padding: 40px 100px
}

.the_orderdetail .ordercontainer {
    width: 800px;
    margin: 0 auto
}

.the_orderdetail .ordercontainer .ordertitle {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    padding: 17px 0;
    padding-top: 45px;
    border-bottom: 1px solid #e5e5e5
}

.the_orderdetail .ordercontainer .orderstatus {
    background: #f7fbff;
    overflow: hidden;
    margin-top: 15px;
    position: relative
}

.the_orderdetail .ordercontainer .orderstatus .shutdown a {
    margin-left: 5px;
    text-decoration: underline
}

.the_orderdetail .ordercontainer .orderstatus p {
    font-size: 14px;
    color: #666;
    margin: 10px 30px
}

.the_orderdetail .ordercontainer .orderstatus p a {
    color: #0083ff;
    cursor: pointer
}

.the_orderdetail .ordercontainer .orderstatus div p {
    font-size: 12px;
    color: #999
}

.the_orderdetail .ordercontainer .orderstatus .isimg {
    position: absolute;
    right: 17px;
    top: 10px
}

.the_orderdetail .ordercontainer .orderstatus .isimg img {
    width: 120px;
    height: 70px
}

.the_orderdetail .ordercontainer .orderstatus .isimgs {
    text-align: right;
    top: 18px
}

.the_orderdetail .ordercontainer .orderstatus .isimgs button {
    width: 100px;
    height: 30px;
    background: #0083ff;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    border: none
}

.the_orderdetail .ordercontainer .orderstatus .isimgs button span {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    padding: 7px 3px;
    cursor: pointer
}

.the_orderdetail .ordercontainer .orderstatus .isimgs button span:last-of-type {
    font-size: 12px
}

.the_orderdetail .ordercontainer .orderstatus .isimgs .lonebtn {
    margin-top: 40px;
    margin-right: 15px
}

.the_orderdetail .ordercontainer .orderstatus .isimgs p {
    margin: 0;
    margin-top: 8px;
    font-size: 14px;
    color: #0083ff!important;
    line-height: 24px
}

.the_orderdetail .ordercontainer .orderstatus .isimgs p span {
    margin-right: 5px
}

.the_orderdetail .ordercontainer .orderstatus .isimgs .masktime {
    position: relative
}

.the_orderdetail .ordercontainer .orderstatus .isimgs .masktime section {
    position: absolute;
    width: 200px;
    height: 30px;
    right: 0;
    bottom: 0;
    background: #f7fbff
}

.the_orderdetail .ordercontainer .orderstatusimg {
    width: 800px;
    height: 90px;
    padding-top: 40px;
    padding-left: 95px
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #e5e5e5;
    display: inline-block;
    vertical-align: top;
    margin-right: 185px;
    position: relative
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div:last-of-type {
    margin-right: 0
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div:last-of-type:after {
    content: none
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div.select {
    background-image: url(static/images/now@2x.e4c879c.png);
    background-size: 100% 100%
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div.select:after {
    content: "";
    position: absolute;
    width: 185px;
    height: 1px;
    background-color: #0083ff;
    top: 48%;
    left: 11px
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div.select:last-of-type {
    margin-right: 0
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div.select:last-of-type:after {
    content: none
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div.select1 {
    width: 23px;
    height: 23px;
    margin-top: -6px;
    background-image: url(static/images/now@2x.e4c879c.png);
    background-size: 100% 100%
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div.select1:before {
    content: "";
    position: absolute;
    width: 82px;
    height: 1px;
    background-color: #0083ff;
    top: 48%;
    right: -82px;
    z-index: 11
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div.select1:after {
    content: "";
    position: absolute;
    width: 185px;
    height: 1px;
    background-color: #e5e5e5;
    top: 48%;
    left: 23px;
    z-index: 10
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div.select1:last-of-type {
    margin-right: 0
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div.select1:last-of-type:after, .the_orderdetail .ordercontainer .orderstatusimg .smalldot div.select1:last-of-type:before {
    content: none
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div:after {
    content: "";
    position: absolute;
    width: 185px;
    height: 1px;
    background-color: #e5e5e5;
    top: 48%;
    left: 11px;
    z-index: 10
}

.the_orderdetail .ordercontainer .orderstatusimg section {
    margin-top: 12px
}

.the_orderdetail .ordercontainer .orderstatusimg section span {
    font-size: 14px;
    color: #666;
    margin-right: 156px;
    margin-left: -20px
}

.the_orderdetail .ordercontainer .orderstatusimg section span.select {
    color: #0083ff
}

.the_orderdetail .ordercontainer .orderstatusimg section span:nth-of-type(3) {
    margin-right: 156px
}

.the_orderdetail .ordercontainer .orderstatusimg section span:last-of-type {
    margin-left: -5px;
    margin-right: 0;
    width: 70px;
    white-space: nowrap
}

.the_orderdetail .ordercontainer .orderdetailmsg {
    width: 800px;
    margin: 0 auto;
    background: #f7f7f7;
    padding: 25px 30px;
    margin-top: 30px
}

.the_orderdetail .ordercontainer .orderdetailmsg .firsttitle, .the_orderdetail .ordercontainer .orderdetailmsg .secondtitle, .the_orderdetail .ordercontainer .orderdetailmsg .thirdtitle {
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.the_orderdetail .ordercontainer .orderdetailmsg .msg {
    margin-top: 24px
}

.the_orderdetail .ordercontainer .orderdetailmsg .msg .leftmsg, .the_orderdetail .ordercontainer .orderdetailmsg .msg .rightmsg {
    display: inline-block;
    vertical-align: top
}

.the_orderdetail .ordercontainer .orderdetailmsg .msg .leftmsg img {
    width: 120px;
    height: 120px
}

.the_orderdetail .ordercontainer .orderdetailmsg .msg .leftmsg .imgBox {
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.the_orderdetail .ordercontainer .orderdetailmsg .msg .rightmsg {
    margin-left: 20px
}

.the_orderdetail .ordercontainer .orderdetailmsg .msg .rightmsg a {
    color: #333
}

.the_orderdetail .ordercontainer .orderdetailmsg .msg .rightmsg h3 {
    width: 475px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    margin-bottom: 40px
}

.the_orderdetail .ordercontainer .orderdetailmsg .msg .rightmsg span {
    font-size: 20px;
    color: #f77272
}

.the_orderdetail .ordercontainer .orderdetailmsg .msg .rightmsg p {
    margin-top: 12px
}

.the_orderdetail .ordercontainer .orderdetailmsg .msg .rightmsg p span {
    font-size: 14px;
    color: #999;
    margin-right: 35px
}

.the_orderdetail .ordercontainer .orderdetailmsg .secondtitle, .the_orderdetail .ordercontainer .orderdetailmsg .thirdtitle {
    margin-top: 35px;
    margin-bottom: 20px
}

.the_orderdetail .ordercontainer .orderdetailmsg .orderdescribe {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    word-wrap: break-word;
    overflow: hidden
}

.the_orderdetail .ordercontainer .orderdetailmsg .shopmsg {
    font-size: 14px;
    color: #666
}

.the_orderdetail .ordercontainer .orderdetailmsg .shopmsg div {
    margin-top: 10px
}

.the_orderdetail .ordercontainer .orderdetailmsg .splitline {
    width: 800px;
    border-top: 1px solid #e5e5e5;
    margin-left: -30px;
    margin-top: 43px;
    padding-top: 40px
}

.the_orderdetail .ordercontainer .orderdetailmsg .lastmsg {
    padding-bottom: 20px
}

.the_orderdetail .ordercontainer .orderdetailmsg .lastmsg button {
    padding: 10px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100px;
    height: 40px;
    border-radius: 4px;
    margin-right: 25px;
    cursor: pointer;
    border: 1px solid #0083ff;
    background: #f7f7f7;
    color: #0083ff
}

.the_orderdetail .ordercontainer .orderdetailmsg .lastmsg button:first-of-type {
    background: #0083ff;
    color: #fff;
    border: none
}

.the_orderdetail .ordercontainer .orderdetailmsg .lastmsg button:last-of-type {
    border: 1px solid #0083ff;
    background: #f7f7f7;
    color: #0083ff
}

.the_orderdetail .myordermask {
    width: 500px;
    background: #fff;
    border: 1px solid #fff;
    text-align: left
}

.the_orderdetail .myordermask .ordermaskimg {
    margin-top: 40px;
    margin-left: 69px
}

.the_orderdetail .myordermask .ordermaskimg span {
    font-size: 30px;
    line-height: 28px;
    display: inline-block
}

.the_orderdetail .myordermask .masktips {
    font-size: 16px;
    color: #666;
    line-height: 36px;
    margin-top: 53px;
    margin-left: 69px;
    margin-bottom: 34px
}

.the_orderdetail .myordermask .masktips input[type=radio]+label:before {
    content: "\A0";
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #ccc;
    margin-top: -5px;
    margin-right: 10px
}

.the_orderdetail .myordermask .masktips input[type=radio]:checked+label:before {
    border: 5px solid #0083ff;
    width: 10px;
    height: 10px
}

.the_orderdetail .myordermask .masktips input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}

.the_orderdetail .myordermask .ordermaskbtn {
    margin-left: 150px;
    margin-bottom: 40px
}

.the_orderdetail .myordermask .ordermaskbtn button {
    width: 120px;
    height: 42px;
    background: #0083ff;
    border-radius: 4px;
    border: none;
    color: #fff;
    margin-right: 40px;
    font-size: 14px;
    cursor: pointer
}

.the_orderdetail .myordermask .ordermaskbtn button:first-of-type {
    background: #f7f7f7;
    border: 1px solid #d0d0d0;
    color: #666
}

.the_orderdetail .myordermaskmoney {
    width: 734px
}

.the_orderdetail .myordermaskmoney .masktips, .the_orderdetail .myordermaskmoney .ordermaskimg, .the_orderdetail .myordermaskmoney textarea {
    margin-left: 100px
}

.the_orderdetail .myordermaskmoney textarea {
    width: 534px;
    height: 130px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    font-size: 16px
}

.the_orderdetail .myordermaskmoney .ordermaskbtn {
    margin-top: 60px;
    margin-left: 355px
}

.the_orderdetail .myordermaskmoney .masktextarea {
    position: relative
}

.the_orderdetail .myordermaskmoney .masktextarea textarea {
    padding: 15px
}

.the_orderdetail .myordermaskmoney .masktextarea textarea::-webkit-input-placeholder {
    font-family: MicrosoftYaHei;
    font-size: 14px
}

.the_orderdetail .myordermaskmoney .masktextarea span {
    position: absolute;
    right: 105px;
    bottom: 10px;
    color: #ccc
}

.the_orderdetail .msg-box {
    width: 734px;
    min-height: 578px;
    padding: 40px 100px 50px;
    background: #fff
}

.error[data-v-74ba81e1] {
    overflow: hidden;
    margin: 0 auto;
    padding: 40px 0
}

.error>div.icon img[data-v-74ba81e1] {
    display: block;
    margin: 0 auto
}

.error>div.message .line[data-v-74ba81e1] {
    width: 80%;
    height: 1px;
    background: #ccc;
    margin: 20px auto
}

.error>div.message .title[data-v-74ba81e1] {
    color: #ff9937;
    font-size: 36px;
    text-align: center
}

.error>div.message .yuanyin[data-v-74ba81e1] {
    margin: auto;
    width: 80%;
    display: table;
    color: #999;
    font-size: 18px;
    text-align: center
}

.error>div.message .yuanyin span[data-v-74ba81e1] {
    line-height: 180%
}

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    -webkit-transition: width .2s, opacity .4s;
    transition: width .2s, opacity .4s;
    opacity: 1;
    background-color: #efc14e;
    z-index: 999999
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    outline: none
}

* ::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

* ::-webkit-scrollbar-track {
    background-color: #e4e4e4
}

* ::-webkit-scrollbar-thumb, * ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px
}

* ::-webkit-scrollbar-thumb {
    background-color: #a0a0a0
}

.clear {
    clear: both
}

html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

em {
    font-style: normal
}

.clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

.clearfix {
    *zoom: 1
}

li {
    list-style: none
}

.mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 1000
}

.main-center {
    width: 1200px;
    margin: auto
}

body {
    color: #333;
    font-size: 16px;
    font-family: PingFangSC-Regular, \5FAE\8F6F\96C5\9ED1, \9ED1\4F53, \5b8b\4f53, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    background: #f1f3f8;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    min-width: 1200px
}

a {
    text-decoration: none
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) translateZ(0);
        transform: rotate(0deg) translateZ(0)
    }
    to {
        -webkit-transform: rotate(359deg) translateZ(0);
        transform: rotate(359deg) translateZ(0)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) translateZ(0);
        transform: rotate(0deg) translateZ(0)
    }
    to {
        -webkit-transform: rotate(359deg) translateZ(0);
        transform: rotate(359deg) translateZ(0)
    }
}

.slide-down-enter-active, .slide-down-leave-active, .slide-left-enter-active, .slide-left-leave-active, .slide-right-enter-active, .slide-right-leave-active, .slide-up-enter-active, .slide-up-leave-active {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.slide-left-enter, .slide-left-leave-to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.slide-right-enter, .slide-right-leave-to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.slide-down-enter, .slide-down-leave-to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.slide-up-enter, .slide-up-leave-to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.fade-enter-active, .fade-leave-active {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-enter, .fade-leave-to {
    opacity: 0
}

iframe {
    position: absolute
}

::-ms-clear, ::-ms-reveal {
    display: none
}

@font-face {
    font-family: iconfont;
    src: url(../font/iconfont.5bf672b.eot);
    src: url(../font/iconfont.5bf672b.eot#iefix) format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAADb4AAsAAAAAavQAADakAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCNcgqBsHyBi3EBNgIkA4MUC4FMAAQgBYRtB4leG9NWdYYgbBxgYMveOKJqlRwVJZQTkv3/5yQdY8iWDuSZpu8PZB7WMpN9hOfpEumQbpfG9Ca7Zct8Baaym0NcIS1cos51fJbrPGuKUhu+TNVNfFA/FNFfVEKhB33K7KoDho32stmCvbcnieYVJdnmtR6SFE0T/p+/tPPu/TMppWvBZgloLBaLQSiIW8XWV3SGSLea3SSQtkk2IaRBKgr2kAS6kEZpEkqQohIQiTRpClYIpYtG4YRgi1hQbGg/igQs/UTPeyscnnf+FZredQtEwBju5q7YwEdogRQ+RAhsynhCEko967TqPBoAPHze3m27GY0CnmHnYRQnGEzy4F834qQGCBD6n+Z+IQTI2u7FkcyoULKoD8xzJZql8ZSCOKhTk552y0EEQQhVpG3l136OvUepBwAI8B/mLKWjtqNscUbjpECBhW8JH3/bC+jNlfCO9ZG/1lcO0GHASQHh38aAmbYcP8u3MkKAoErRJALs+zX99+Zc0EVHmdhIYhcFZBN14BpbVLLCA+3bncryYE5NiuMDyXDIIBhB4JDzsb/SlxJuO0NpnAHhBYZ38y1/TdpOSE1k7JkkObVhFIUV1idI5AR4wlcB0p5p5Mm+TvsKPckvw8IwpY339rv5112AbIsYiaYDQ/Bw39ICTCAbAHp1v995UXRplHs3Rmu6wLgguP+/OXvbAW1AjpKdO/H/waH7oWjs7rfuuvfeDGjue4zEY4SXNyP2a2AT8AMDGxiQfGAj+hE5atchpxn0A2EDICdWDpJTlJxTH1Lrzk3p07ut3HeGWDaShcvnHm0AgppxnNqfcfl72nX5oVlCmxByjOz813WMzaLCzd4aA0G4oP47AlQtLQT14Mh4gJdsbwWINcuYBvDMRDpSCeV+zvlYiJMS5fTSAwZv8vvx8wsPkmW2D29/gzKAMmytGFNh6m2VqMv7DiADBnuABC3cfTSAcYNklZfY0U+qykTfzCLV7/zsbP9szjTv6mmrQn9vVZvUeXiIpRMjXKggwbQ0Avjx5cOLNwV3MouIMTnKsFq6NA3w/30ez9f7frteSufTbrtZrxaz4aDfs2PbqhVL5s2ZNW3KpAnjxowq1VUm1zGk34A+vXp069KpQiKu6r95oZZ2bZo1aVSvQa2mmrqKgrq9rIbigPMfATG+CYRHgXEvCB4Ew6XgOBcCJ0LiVCgcC40jYbBLWGwRDpuExwYRsEZErBMJy0TGAlGwSNSqGYJBoqGF6GglRq1pChPwWyz8Eht+ih0/xIHv4sRXceGTuPFZPPgiXryJDx/Fjw8SwKsE8SIhVJJwV7CIQJdYEYWuPIoY4FbiuJEEriWJK0nhQtI4kwwOJYsDyWFf8tgjBeyQIrZJCaukjBVSwRKpYp7UMEfqmCUNTJMmpkgLk6SNCdLBOOlijPQwSvooJQOMkCHKyAjlZIxhMsEQmaKfzDBA5ugjC/SSJXrICt1kjS6yQSfZooLsUEL2KCYHFJEjCsgJheSMDnJBO7mijdzQTO5oIg80kifqyQsN5I1a8kEd+aKa/FBD/leqwLv95h9QMLoHhoj/t9PoJ6MxzUNLAeUMu1NGeXUa6veK4G1owRincaA4lvP4pu0kkTSYXvB305G0QbK6cKBg8yKdQquyzUzcCSbzHhV2hpmv/DbbkdxbinVLqbc5xMLXLyNZ2vYDQ/ZQ65hmCudFBUOu9xxCjEhwnltTSoooTFciLlZAEFRSqkTL2xKzouLPgEchEsho6y4dXp8FC7Ix/rWN3dhYnN3NVlEwvo2UHs4cI3n18gIxhQo7uRjkbatbq/CYcNKMiWSN0i44Cwq2WgFzly6R/B4CbowqFHg8Vh7PAyS2MMMpW+x63myen/09NhulLhh9Ci0PIYPChL9C5MMxgYVaeVnrbp/JQcJitpjVA4taJ7Kd1g+uhSkK3CSWhabn+/tHrYkoXk2VCkJYoOSyhdzVi1tTrJTFgDK6gfVuglnLzXJx8Q8T6HCUWJw0mQ9w3BIoNRZfJ9vMuFcb/IDhLxz/49HfSPFK+2Q6gyqpbt3UxlDrD2WZNv3G7P461c09vZ+FzT7DsfDQIci7QeOxvPEl8+f+/x8xyCEyCcA6/tdbCvx0cINRhaMAA//+je7SwpUTIucdpcZZo4v+EVeXlACjN2nzZywlX4UlR2K1TvimyuSi9wmAaJd678nnkmUYEXH+vKNHJGJukc6zWRRB105bEx8HWJIaQyl/LE8pKxfqtOpls9Jp5Y2FgoqOtO0JKswy5UOZSyfmYepUUeY2fhTtvMQoHc3E+DyYiWHSV8QcnITDEj87H2JpND7mWS5kSFhNeUuU5HLHnCqy1bqGDOIxef2OAEKqZt0/jX6uhWPxuquvoySghY2UcY6108zeklcZt2cFz6hA3xamQcjIC1g4bktIBUqTjMTX0HowAigAwhqRJ1C/rayE2sFQ8Tu7rAZ/gkjt9CYJUv74Q4gr7GscbRUcT/H0iiPOYsxYm9SIGkNv1W3FAFPyH3n8wGpoTeRF/S372lcRUM79XPYegGjr/t4NPBiANafWPNxyivL8xpF6tJOsrJ/uzwDGuSsIWFbDktnZEhI8XSic53dy17wspoZL2OSAzKj4iMuBp+dDzJ4uJpCQUwH6hSsO0yvn2VNSmp0Cg1c4KIyq/FmlGIv4otQTYZv54ArgAItTVmhjUp5NhK8A806d6JeM8YLK+G5rvWZift/aj9uUntTmuzo8JZr37JqUM8DKQ3vzfaPBdsEwklXFMdGu1RbDU3+qLiEHTqVD1k5irkBHycQVdG3Z+4954CRwab+ilYe8rEzDN1okdtL/ORxBsjEhpXgBWzy/lmvTLEdp3AM9IXIlXHGU7fcAvbS032U/pD8e7mAjrekGuyumGkfG58FwBj4UYH2wdxAUhWM37cu4yr5LUIO5b93ce5ueon2J9Cw41YjAp4U6QKKyKLheVyGHDapk0uP1Mux2HbxIYXjBeZ+amYgt2S4kmvCET1GMaDQSnYvDSar7/2gy+OIwbCocTxmv/599tOt02tfrFLJRul4JqpCoJk2TKWEFpFOV7qG4nFpypciGCQ3AHOttU5PXKMBRF2BpNq/AOP/y63LU1jnSmK3OBYehKkzKPAYNNSJzfExaZ0r1o6KKCERZVXFag0aYlmIWnGy58EYrV7602QDVtB2T9tySjBFfeVcsQb6dNIZ0M4x8Vp6akbKJizsEZecfA+8/uUWG99Sq/7V2aeOuB3DnbHRQ0VE00p+/+Zr8gPPdIvsJr9Dfo4s4xsT2/yfIvH5xV6E67/OYkv62wb0/dDxr6a0/goYQhhNj5YNh+TAuRgAZUmFSYanQRxG2tarFT8JrsgOBNbX5pRbqrWuKChsMfcHWscLtTYKaQnUv9hUhzO9P48T8TbM8GxLVjdyu2t78Myx14cHH9aEPHSV6TFHb00EJaUaKAXrw5CouZ55/8PF9TWO2sha+dizNOjTNTdBLiS7BggUqAU9kelH3P6rIA8uUFnb+pZfk/8rFrd4OiljhFv20p3bx7AA1Svejlm/AiKMrEqe2MvUbq3O3vip7U9xeZaL+lPy/ZZt2O7hie1Ncn4zQ/zJdKYbBLaQtRPXp2VcQiM0fPpFOrPP7N9z4+n1xWUd99fVDQTId1IWovTOuXdYSpuQBbu1hwYAuq/l5LiHeMpIX6+7WhSEMCpgv95XHOQngnmFVHKiVm8qHybSw4cgfbpsonXh2ozSdLti3gh5mUU9Rpb6QLdhLucynK/9a9zxM6+tzpnmsNRzlE2yb/ZeMhYSx+2qyWTHLOL2soThvPJz/xZDNVha3ttTqdKO8sE0jcOadAl8TVUXaWOfB13W81OlCMCJyxsL46f5Ww1+5x5N46LAwwIMYcswKJnF/7TEFzFieMggqKx4MDAhf4N2snlLYot/dZnNuE0HDxQrLmIJ5rDPUUPUgLPC2jveandCK2wHhJh1YxmnmEu74gdBTvc26l6wHTyCMudnmBm+IllojnvnSsIObZW9y711zJ9TrdS2gsJhxF44ox35hkahPlDaKFLhWjbs9XSSD1iAblD/R+ZggxfvZp1mPD51ANt4pnmZ8EHt7+BSI07NjiruXllg3UZNLWGOFcqR+LL7uxV0Da8LtfDJZfhNYSLoRStvGEkos14zZnqDaIQNBAzAuy40OTr8nEEMkXMafT6EwM7hNreAWdqQnoyfWDiCgnIMIWJAw3e71Kd9uiXRjrgNFRWwHbmXWI1JLLVTT/d4ixM4ak9/dDW68iYPiJYSX3F2iQr4AXLto86Na/YoU5e2ISkKKIE8HsKDQTDN8P93aBsOgcuprdX3Z/ljW6g3AjkgLN6rD2fV9m0toWSrNRxsbytemIti71SOesR4DEEBWEpfQC4P3z3wkX9goVSgHdy7uNRcAIzDWohhzqGF4ZN0isapNdKcL43jxpcK8zUAkkITIxTNVoV35fogF3QlMK/1TFOaychK2e5w4mk/2cZR1XVmglI0Ve1gmMn3dLCFcs0jVkcgkyloNmebilzp+XSAJN8LlxelUYblCmmDz4EJwlFMS0EWf5OLh8KLYYAd62/mdbpMDIe66oz/4qqJi1pxneHNhSSKynoTGMu1oaNBxgITSv+ibNZkCTkA03Zfm3TZQEu2dY4GJF2PS5cqQ+xuPLCm6OOjXduhAmAxsgks3zqkxzYTlMsAYqJ1VEyH1TZz50Z03Jfu67fnv/iIr6++ggXFglxNQDirxabJ8SWjvnC/2wbmkz1Ay6xIdE2+iwoKlzed+OCfx9gTK/J0FSxKfhRdK3+j+F0Cgwws07xsQV7OB2+Q/nX8tXvH/SueKyKZzrIgUHVygAKNF9NpqrLW9/6jfHP+uluwf3VYh60ieADZXfmBjwqOlnj4EDynoAzHLaP4dt6B/FGnLPoXP8C7n+XoLRb48C05hCVcDP+ZrEeqtVkzUwI51A/PCThUUfXTTDspirs75K3Q40LB1HJAKTWrcNTiMsxUnxL+kOA2WtTCfW3u2vgJ1Ruz7xxvzModYBV9ZJCPFTbh7JxvtRhxnKxLPbenoxhP6FtkqRtNfxdq2OBe3jEHkElS12HhWn1jNDbwxNnxmhMRWCDDEERsNhSCU/wU2wUgqhdi4FiHwoEGaMv0GDAWe/oNX62nrU58byUEbQyhqDAWry8QWEkiJAY6cY+QUp6r4xsJSBZ2vQeUScArH1bK7VLLSuFytkMn7LGsHS8p7TdkHBJKJROgyxU3zzaxKf3Tf2+/WD2Jy1bZ+p2aZrpRAQPusAWjR9rqYqHo17XT0enqX/b/CZyEGcPhOTwHNVc6CyNSQrt0jYmS398x1e91neb4n5iCMa5TBoeHaK3zZAlUtddEnQ7RXvY5uyPxOE2lJ97HPf/raPc5TJNkZMSXt660tF0iPAVVc9J+iWNSMQpuza7hmLEqA0jkuRDSbSyfOXfESBnD0nb0EGXPcd6yPHUe06hHnfnq34fAmKiiKhkASt7meZwZDYgaJFWO6nv0y89eqrV79iqRjDiO2VxVGWbVHlV77nGu83hOmA8P0QuuUZix8xN2wul+4WReHDieErebB7jjg9YeyS648fs0fea7oMbGEfFXEBwgaBAgi7gdkPFBYluVFwa+iOzXZsqYenY5+3W7Yz+Jyi7TUTaoyMxfx7SJgxKd1p20s41nd2rPKFz/apQJxZ06f3eDU9NZaZ2GlX5QbsrjtbynWduNP/xFJW9Uj+47MbLDVj9Jcp+ukrF/b5OZKQ9rNqbGQEORqJgx4iE4dL29cT5m9dTzR1ZX7s3n843Eqi9vXVncKXhJZSo7BABSUr4wlwmOuBtBNx0Ljdb34qrtyQsn1CiTbhwZIdptVuUKtdjvPfdNOtZ5lQMZrm5EBHWYHYWanplSh6qnHakt5d1SjEJiPqdq4p1GsJiHq19VIBV3CALIvw6ZThlga9wDBarBbFhJirbczs01UHiF3p9QIlLLqEgat1JIc9IcQSuk/EdESKB3yOmIrSerzaBZTANwgvQPg8vsw1sNsL6KA9huFyvK8iEXTvXnY9BQ9xq5c+HS3HbtigKbRyJ2TL8Q76w9ITQyg6ufctjvhYq9VvQn7Ko86OH116/gWEyCg8+Ycst2RT92VuEo/h3yTlAil72Xgdoopdee6s4h98nMBLGcUBp79aT4L/DVwWoqjsBgBHziaMSspgYTsc+8zlCUfFSv0qdus6gFSrP7cvjGxjQm/ymz3Cxte3nHzhxs0EnJgXCPgZS7mbvhbTuldXnK0deZPR5mGFOIsXS9EsKXyySS1DUrTMUuZdo2lJZCxAoI7OR6HrW/qqQSQI1NY/OF4w/hcK6+6Yx/FzPWv/lBnBmnW3My+Ckj9KEmKy8MVqrOSbvG5Sk+MhWd6LN/i9ftZ0/5RrNrGQ5IcF6vz0Z28ZbEW135s4ImTt7bc12Wq4VmX8spgmahdtHNWrccUYLnFexD9Nf5tax5n2WZln7bMI6mv3/Cdag0cYv+RJYopbfPcT5K4MP+QnUMllAT7dwkBkGjGfZh+kL2XNH5YkzHJaDzjY0du+j2hOkyYWnhW9eTC+3vc6l4tyydc+Kxk5BjD+S1tqWyfcVbN/8U9ipRCJym4DngB+sKHKMUat7+7uy9cB2mo6UqgVl9fvO1CVO92aY8tiFnn4k2xdqt3EPw2zquW/UveEmdDxs05YWnQ02mVQkVDr4iXsxQ5+tZm+wD5uKAfKVSYSKibqNciXymfwpTXwUJQ83xxgoskJmH6IOQ4D+XUYNBPURjd8UgtFYqXLQbrx9XlkMIMivEDPogtnpvZ68F2tGJyI+F2A8ejpRPCAMbmUL1AO/iFcujBNfABLOPhA8uUJJbs3Eba1JOtXircRyqwXYVlnPYOVcIPdtfwPZz9yrj89Td7yOdKOfSvrZto4PS3HCyNMUQ/oawYWYXQdeR0N687P6rkg9ILiBiIyx5mlhxzDy1AogDPyXGXN3nr0zb3lv/otXL37Wrrw0/vtl/Ho8/xh1+CaYlXXvvWHzLSMIi+3r6CTDsr9Mf23XbEbt3RQ8+40jHjr/E517BOCm7782oi0yKTHWdN408HJDkqAzxU6XqX6Phx1TFSntKoivQY5dTE0cvx/ATV9JvhrV7seIQ1LFHbkTbZHS6Za4RyxLH4fxNUH5PTe2t2P7x+vbxt63vGYrxFr/4YUYL6gBmt/ponUlGeCf2sikS8ib4IxnrIk46UJ5vjyi5yqwPB+1suYp0Z4J9toO6Y47cJ65bK99ejjkUDVG5rH8bVKStiRCBu4upKmCe1pgctV5+nUgH1NbmJFi1rvMszhtTGBztaD/x1UEtrYyy7KbqEqLX8Xbqo889rsvimO7ciOJb5yW3Nab1XkXiiMp7TrbLYLvXwxHrYL3Qohd/rpHeHS38wr1XeU3tepPbADUeN60oP0Pm+LyUs/7Y+XC0l9DObJD9nQ4u5Zc5tQozpOU4oxJX6fGCYppsNyhJ2dV0s68LvzB412x5vOran4bHNNJm885+usiNXKjIrmYr5s6riAQgK06eoIEf2vQiFwQNFqnEfDwfgbfj9v3gomx+/HXQC7xvA9WaSIemq6xXg1yqQSpcIDGnpLQue9GR54JU4pTIsj51OP/pMo6JLmlujVLoJmy7GaYIcoxtyN5IX41iYEWsXBaUIKB/UuPD6pQogxJQ9xwoFaqoCkAuBAOugzxbK8x08FBFzHFX7FoYtgqK3GFOgWLAxjqpRRgNjGhTKKrngGWm3C4tD2WQipLbexqRoKBJkJ0EalzP3liCAOwj+eoo4yswrR2NakC97oZy9FywHs+UvsEIh9oWhha1p2o6jWaCbwk/ZT+vWp42zJy6H7twj9q/zf5XiDuU7hAgNYZBRRAgjqGOnrfWSukrXQjuAz0xNcIkTmyokcZKEa4F00mSKg2tuUmIyVdol4ZoLp6+KOHGCC+53Y2y4IMQ5P58fIgg/GqjRRvcLhQuOcCbX5YeWL2m5czeTMcYoMeRqyRmgGwtv38lkjDJKlN2Br0kC8ICe3NItxy18vMrYtbsRj1uV22B/gmJZtFmqyuBrsd63WBaG14QvVO6+AeJ0M0pBPto+ZxzvgnlXiiitPXB5rEBJK+ame+hWzvWMXemRXsilCZSxcHlrTxGlkzRmGiN3ehwiTzNLk5ftcyu0fmaPIbJ6cbSW0dJFaNOvYq04ljxt95lYtdc1WVfKLMW22IGqbA1hrJyZP6UmwKvvzxA1ItLfg4N/f0RJGtAfV3OnF/vP35he0BK92K+pijUMn+qFMnuLwWLzX7xKmcXiBJld/itaCzXtgLKhnKbmtbAP1NgM58DZjTuacoLM3CxH5eJV/jbh4xAginPrTQP+sQzs3/9Q17//RqqK5fKimoCaonYrrslfWOmfX1MskXzF0poi2OrI4kOPmbm35eyaa9XX2PLbW5lvig6BUnUXUCpBMwXloUiz431dF4I6oTc6KMMSSofyPq6J26mJFqgUKUZQ5AT2AXPfiH+Csg8UC06QUVkPtASqhPFjSM52zPEBE0xlZ3gkGr5sD/4zLlzG/y0WisnNjYEe6aCegmIeQbqN6CD1dk4YAU6rqNwNP6LpRfEzj2biRfruh3s9/r0x6iAZvVA/MzTDOTFxFTnIn5CTC8cg+6q4XM7Q2K0nkVr/Vcf8c5jEa8Up9BvTDyXo5uxMkiYZXGJCzscC7NYDWwR7FoTIVsdHZrkVB2q03ZbzvtosxH7HjxOkqDv/qouy2K+UpKrKYlXh9ipXFL1lS7QoVnwJ1IVbtoiixbGXCHMkyV6J28opJ21WltYpmL8XZGije9I5eK+FOZKzz3ky20nT96pnpPv2dAOTYabb/8bYi2f5RjvPwfd5SBYPGeYXDB+K9rlh7fsACOjHfvqELXVg6P1Yqg40oh/DNWu0PeG1yfoaz6hgOZxj4MnicorAKeOYU+3xD8RrgsDYtagCJpDpDziu9+bFtNJmyUWHW9ZDjlY7ctGspwEhQ30N+/kz9hoIbOnYTxSpaY+Yvr6KUsSDAoOYnwB1LS2eWkYLEmhnyma0wOcH97p5mst7L9dzCs5mrWn06Yip3Fzvxg7UyUbvDsKM18dVvrRfBvmDv9A42Q3QxfbFz8qoMiCb0YrLxuMF+kl3rVAL9C1h6dX5XhczU8JiW0lfms9Hg5KkP0b9KAVJQRH6pNOJ8pwY/nSSftPKbI+jJSlhc1qLfVpjfbKNr6IGMB9rTR1YMFA5Qh0gSd1ZVtapLsX7mSeK2bbtiObieG/cnrhsXErS2bUjaS9fo23bkpC93o2Z2vHXebtPdo7v9g6fRm2hLlF2Ojk+IigJEv4R+aM0Se8Xn3w6Uda8NaXkWLbikjElNLZ1vW/VnITkZOOlfK/q9NAU8h7eGgt8hhc3puTj96ll8toryr75pt3hlLIPewYLxK4CQkzgAPbjx0aAj5ZMKRiV1X3dxZ6VTtuvwulxih3ste5ou2RaOrvkCxhuwsQEB2PjsfVAMeQo8gU/9le3iyb9X1f7R1yx9cvV7JxIK50QT6BbMVYxVynFuj5/G9HWmJWS9paBNYt48bRf71wOzdkPCOvPPRPG44KDyZm6i4sY0dlsM6Cd7/HztxsQrNZo581vd2GEh1QBjiiOw4WPZ1qso+kKwq5ID7x6/sGiJa/BiczjkNhMi6fR1HI7h2VPglEaEB72OUSnBi6L/sq49JVsD3EBbacytpY4X/bVa2NAS0QI90vZ/Gtq4A/vI7a1TUlnMdGh3MRNQAdnNjRkwroV85mmkMKGrCgoMxMqNWpgmKa3vItOXGkXzZ1oVpMekPqWQqO0peSr3Gr8vhNBOSiychAHIjdvrqHZOm2AJt2xY7YktoYL+hqCEIgLkWPs6XNlG9s5QlY98IUOjqCIAK83BZj0+ADCnJuhzFkDJSVBmoBAPa+BApjBBQhaFPtStEX04PuhXhrt9Z4r/fBx4cNNbefxnHLgyiANYGuabrul27bfEcEyU5Iy6k/lsoDmoqJwKaDcdRDwdVgY+Lxc3dpNREMqt5q5QvNtY9CrQxBNG7b4tsoAfDvNI+msbTYaD7Vto7mKZD4LyOQ90XZ++OlCH3EOQueithyS87zf0dN8JHvEPpUyHw/LgWAlnTwiGv8k+fRG9Jg8n6Ykyj01Jsg1r8xbcirzwnbJ9tp3KthtK7YsoKWeubXpXtvN1LNunm4cudl2b9Ot55TS9ekCAXp95N328fa7P3NnBcDjiVhUPjC5rAEJ2+SQtDPWdeoI39/xSZrJuS9QExzwifU+r4FFJM03rYO2gFzIVWodaixzUG3ddRZALBxqpAu7FIOuBSaQC6hvMaH20wWtBbNBaMzM7LOG+uX9sfdTgjWC6RmdCqvEwriHCrvxJr1g9gaa/SybziYFwLvSqU7i1iIv1tk2gwNt97/mLMvr3cBaqoIvH187LucrgN/ju2ncXzTSBcM9WtnLJBbWzlMR7DxnRm7pNSjR9iVBWILWP4T600tEi98S8WuEZQSiWAbi3Nf9cArasXCJDbh93i/ef2vR3C4raTm6xs1xCChZ61eidRPQBoqE0kpO6HnTk0BupUicJEgrJzzK9KYgIorQSmEA9xl+lylIhtSNkKY7aQA7sq7JHGneUreCrQE8SSOpCyrqXOvcGjNpCDBcsUY3ugS5ZPpYI60+LmuC+K8iu74a6Qhs1dCCeTS1GoJSoxHze02kxrLIs/f5PmuOky1viYxEUIISGSIzOjnywDsRmkVBKenKZQx1bjefryy/Wb2bNJXKvWdR+ggKlsRRR8+h6FhIHSOES0fbrth1vytej9u3nyjdX9o5NA9QGlIN9Vwxtz00/NTJ9p275fpQPZhdkwFV18AZzqurLRUeMi2vySjoAmPLMSpDGuuCiKAyIK38VlvntSeeoM0tmhuzt1O8K28t/v7x6MuU1D/1Cb2Fi8vb3UsxwB/9RUFQygpICwWtWBAwvmKFpWr1OkHEnm4yqbvnx4Xn1A08pMFWryu/Yjoo6AiRPEZAKYwRFLEgo28Oy93V+xDUNEYUUQg2lGz1es5ve/fORM+jXRVandu0EkLtmh/nQ2cHpj0ruELuYWYfdtsFz4WotV+SuZqwiRCWQOWPJMzXy46kBEdXZS7Yg4N0iYmtCbvpmYTYDKLnsirtDJ+WMD+Bxp9JCCVuApcc0mJrmb/vauP4aMt6qAiXDHoe2gCZiwBkKQXlfulR6cQ4Lk6ke6ATES+xLm0sS+rQPa/bDa8gMPa7MSOCBauVP0k1GswOjEYjXSXUajBMPwcCal5lRgk7jPU1+PlRIa2bvL3Nn4ty27/9tt25J/dK68/VkXZPFLEzwM50rEvRYw+mZpgwW2NkZF6X+HP9/mX/qyqC29ugIkcqiuBCqsKNoajw+XKoeP33UEVx8XIDfdrCy+GE4vU9njGadjZ2V5cOibN9QA1tRETZSLQG2Xmc3a1wnLASeBSRk4jCA71gwuBytlPBDAJ9YCNFJNfNyxL/LL7hrkiPbHHe6lwV6ZHuHsRSrHYs2FrgKD3s5Lr/K+UTEUKK2ElMgZ0GDvoyFvdPn7XPYdPG2p3pZdZpxynreoxLPCzFrDK2Y+0uGBLjduFH8JUzsvk9bzLIu47/j3Qc51B3H/TjVDQX7Hn0qWrXHfIse7Znsmfw3UTWLSaQXOmQZ4x3lZCo6so5ag8hAgT6+0b5ETJh7snkyCIj68vXOPIsGcZJaRKsE5nKopLnIPM+d5MRR9IsUFj9W4BSSVW9Cki0zLjW8Ftd3/Uy1+/YwuwnGea+x8mvCMaTKXHkGwfoHoleUuw5giLWsNezktE1YHEfwCkQybuEhBKs/XR5/60wbDjf41f/tukotlh5aejQ71rvuhBBkeQfNsThoTn0X9U2lfs2MSGAwxjc7Kbcvfn0qe+CZBo4F2TUNlbp3DaXHmyCgLTKe467VovZhClXKYMi58tGGI6jjpsyqZujO+wsioQvp7IOmPQfO0adOsZlfDlly2mq3Fk+fnrcdrm3PwkuLYGSoGSxJcHJcEmJpSYRT97Qe58IBUNB2MEU8bpNo1dH26WIxe6ZjQv5bWJNk+LC0Zs3C2YDUh4BazhVuAsBUY3eeXmP08jkh+taZs1UTX3x8UoGp33dSnKnHxgTm9bAkVqpHRsace7gm33EF/gy/AvmXbv6bgvprn2Z/V2m/xLNGGy+OUYJX114FVb6kJ2kM+djE3MSPYcrseXmo+Zy7JecqS8nnnas3fjkfcf5Sn79FKOb01HTvtcZ5KT6gWHP8HPNqzU/oRHV6Sz18+Ta6+4qKn/B0miIcNlkoWiTthamKMpuwDU48y8ZXZhjmDeZWDO0rfj2q7OkCeYEScFWWCccJrWFjDjpOEmUKUiTzBxbccSDEqrMhBLQEocNBdxqnw3MSYeSSA0JXO4dt+/AY71ztQEhTR17TyvkLkZz96Dj20CKnCaiaqiB4LKWfh6oIpqcEvjWcbDbaHaRK/aebuoICNHmemPxHfbjwH08wF8zfLWz7q63K8a3AOBr8aDA3zRDPGZMtu8yCBv1G+OxMY+SfcsKINl5HvrY84bej99Antc27wjfOCArgFnZE9sp2zcvTnBheXvWebMLQJ43SxHsqvmrVTYP6+1Un7GayCbFranneWPnyVrtFu7fm7fiIuZfYTYNjLUyH0NsfIZuIdwCKQOBDAuUr8ef5nUoAXYKKAOh033mBwQZrk/XouzDTREfEJ8teu3o3P+mIPnc8h82dkj++6ean/rdP0eP4m+mUlp59Ws6Nv6w/FxywRZeTpMYc69n93JOyS6XSScdKSsbKbeJnnjnoe8g8V3VSwBieJct2sxTEDcT5dbNVjlxVwCv8qiok8ISQW/UMq/qFZQIT0ZFRQaS9yKioPegDGCiGjiWcweptHAknPa7l9udLFcO+PK5E/vsGfYQtnNA5whTDAiXQ/dY024L+FHpRTnsArdp1iozkEFySAZA/jGyjGtpbLRYhQ1cMceyvtj7tACIuXyZIJJfki8IFYUfE0UIQzesu193meB0tCDCuSS/f1FEHIjwrPcSZHTiLqY6SH8Lr5Ib0zw2Nwbq/qvk4QvjGenFCfCH1zT5pnqPzZlp1XLK7cTJ7ZdbXw2w9Y/uK31z6mG0I+jqGgmDlCYZHnZf5S5nrGLoExA7h5NMWhfQyJPiA1RnAtRydcBpazN8PVCFOxGgAohMtfSMfGuH+6cxHdOyoOOaVhI9ExAK9J9harx4uN99pbuMnkLXxznbO5xwoBwDcUHJugDlceAxHtBv0uP78XoTub/FcX42lNxPRm39g6ojR4vQTHEmajcfGvcI8O3BYncjJNYkypfQlMHBzM23S2+hWDWznDBgzxa8zFPNOkB7wM4CT6C0yZdsuunZm0a3PqOgFBvmz8irDsgzvH64soHbMGSzcMSOY6ieC8KXVFe/iEDVbvwvg6/hL7BQIzKv8QgMzP7M2XDzXng9pFm4ujV2w/QTv9/Ev/kZ2mrrYwHSwOv/KeP0RhdMPLx8OfuMLvhKooOh5HUbYyHbSu1G4M/1BxvPpC0WevYJJcMS3VfAY/gimEMoNetNpQTm1uarY/apPd9S6BQ9RUxJfyLKBZP1R1xfrHxqV2+ntK+3f6r80UnuZODJSQuK6s9ff30zuW1hVtkZ9HrcYDMIZYYeCYgf27DRgxuAGiK2Az4FTs3bDy8pC8V0jY4eKxUzMKjHQPQXWrbEZ3tTt7Pe2V3Vgmnu62vGbMcAmBECtgOiK1CcU7Lz9pxEOcpxFIYLH1+Qq238RBQyXfbcZ2DLT4b1GuZXN22Rvird8sJ1VZzg0pHJHyk9537v31ATw49yvZs7diAi9dxTnAGcYtoZ6CuPlK6HTHD3TkwOEmhcTXNKyfNSvZaRzPsEcPreysAUeqmkxKVEUmqLYSCYw2z2xhko2bwpF1qQLV2xmB1Fm/RY7gEn79yYB+fC5o1wsmcYVSaQ8eUC+XkKVc03SfPVAS8ta0Sx/x08UCKI/4WVLeYlcFbMLW9gycKQlSij5NbKbGy+/U8J7iskKfGxEQtz4J2JcIhU7TTk2OVgdkYtvza5e/5NpfOKgyGL9WEOm/BZtrXmsnCXcLNY10Ktd49WZwxl838dygmYfgvjRA5w9o4dOTD1lv61p0RBRiMUSV8CsFQ5lcz3zRPa2XOXLTtHBhwqWTgG2eEABpllT3IB+MSe+eWXmXC1upQ5y6yN1mGxOl3J/IhRrQ4ff7WNG32M1F+dnmnUMwcoaZkzv/xKy/TJL6dchGXbRI7Ve2RoPy+yLCYkhFnGDAnVye/dkzOpeNnT+Jyn5W3F/9c5KXhPqk36gAtNFBHS1H3iGYpNVAb0ogRztf4kV95g02fI8vdvNM7cIIEHYL1VjVXo7cd6M4z16tiYfV7jR0EpYx8uBB0ZG0GRodSjOlTBjYCEvxP/5GcCq4G7pnbGtdTAuPYxuE04KAwgfIWCiha1uyGhFhkG5RFanTgVjeziYl+MCOL1M0pQVy+AlPHxSsjsIO520jp1kKpw4igxDh150C01iMFBjfIhbYGsRKaXdpESSJBsi0DPl+bzNoFpbsA25TWnNECIiHliRFhKfNwipS4klOmpCTMl7nC/XRz8a5CnsZZY5X9w/vIiKnhKNjnGo9kl7H7ZSquGBzyVgdSvY0OTlXcEz1eoDcHP++pXamNC24qzr5MfsSMiTBRzeAT7Efn6paJRTa2e9jw1KDXCOleoV6heoC+d2sh6G8WmJ7c5/bbk4MRVanxixBwqvdhVZdsBdn5D61f3a3CRPwAP1A9cKTUcvA+gqBwovhWvPZT4jkPhKrpaLTKLitPxaOhRcZ8hsaBvMv2lbUuy+ORrsxkQ8ARgJhtKi+uR83p5Cqe4PAIQHeqVU1DKZgQdUa2QYl8GomwNPGnK4YJ4/LC9voD4dlRnhDgCkGEEjFy3AcSRQuPZTns9fCGYSrNw7xc6jfY63Wz+MFF4GTUjlyuyYmhduXaGHzRAP/shrfUS1/SrV3T3lX7P/qtRXbvpl7hH0j4M0usa+1HhsMuV00scDOGHklBH1Jo436yUfm/N4g8JH4I3XO58a2LYKIeSwg0OS05fcREOo/11Tejgh7Qjl7j03VFdV9PzvBLd7fWr6RK3Ne3D2dE2fSjkD2VZv5cOd1gTAcpuEPvZC4ZcX0N1jUYqRse4yGkp3xPdlfwd6bvwZcevbCu+wGHoGBRjXRM04SW0UWByweoDy+crwJ+LEqNFkcKSEmGkKPpsLAijSkruqOGsSzioENirRoLdjiJc8dworbOaZzQ6qZ2CLFptqTONGodbgnzlRiNP7ay1OAeB9ppqXpBzRGYclJ8Pxb0uOUKKjh46l5xE6shJMhT3ZpencYtcijyMbC6HUCRxEe3B7B6urLa2gSDhWgoK2rnttV0sHDnHUlsnA7MBHmWqu6qA4EagTkEYVDEcT8hfqJ4rj97AqgmANG7t1fFEGo1KR1YAVXCTKuBquSqnTuFfuEGw1mtZxATr9zb38IOE6SQ1+0XYAgWA0PBFSm5APP0Q7v9/SlcRcvpX+oqjn35TtuvngljNR+BXeEDMiQwrTrvt2cHK8NB311ddr1J8VWc/c6mJ2Io5oO+77af0bVzoVXHldQyUkwOpqhvyR0vZHEgHxVC69AKNr8taDHkRwGzg+6zlpLd+nZjnzzGdjha2pqlgP+t/kGXwDV+H+2/yZzd5aSfGOoIiQn0dRIigIwfLlYiYJ0KUiIgnJh90mJMH2/1ZyZYD+xs4Yk77/gMWtpwMyHK2ZUN7QG34EyzL9hpOYVgYq5AVFl4gfnzlanXBSZYtwgo3As+iz74i5O2GdYpidChuCEfXxcwZzLbw5DzL+fRz6UbHwew5vjo6zmaHUmFGO8OKpdak0Co8NnVHEqmk8mTf8fVEcm3zuTo8bK7bYu09tt6hpvXrNjcG8MUQPlu7bf3kTeRRCVhHByCpzATUXGZGuZV/q//ezhGbqBfhWKOFZ0mQE+V6I52bKydZCtNmZFRlB8qiJsKKj8TgaOdgv/kWb5r7S8975w/kX8gfnN+nghGRs/LFziIlKidJos8kpPQwCakT8DYHbmFNsVazJg1bDJOkYmq7X+HyQuFJBnMxB6bQwmSTb8E0pLaWiPF0ll9Gxdt9CxMLN1yPcBJO6+WFv6WdV51/4HyNglLuTuKacuzVC2x9FbNZY2DzFd0kDmpwHHNshHWjOJLx0KESyiBUVVFx8obRmOGfsWzZ48d5HX3A5MjLl/X1G5o/H62vQzPpmWuNCfTljtMREZMJ6AO6fnJ0NJPEpvRl5eRkor/jWd/Y27cyhayxUaKQ/PQuq+OHHyaefptwxKInTI3GOYiuGRsj+YiIiXfvBN3kCuB7bmGED8+JV5v1MWN3/I6c5nFCVbI4tZGcrLjD7GY+l5BTssuTJJVEavMK/Y5daz7yDM5s58kkcf6E5LnyUXfkSEBc5dyWq99ZkfFfKnw2ga4n0VxQdSumgz2Wk1OuQNo546CGEhMh9XCg5mqImUhKBDGgZptYEntdHVxL59599aqe05a39sypenZbRSHHjrvgpJ1ebS738Sw0zAC6uMOi13333QkDMAXCI6XI3xBUa1q9DoFVSR7+HjUyjKxbbaqFoL+RUltV0kgd/zkZtd2woeTn/LqRJCL/xd0AhV9domoQOfUiVYvIqBB4Qvw4ewDkNkVBg6la6nuihPeRJyfNUA+YpqDcoqDogYQ+AJlYJOyhcfJULQ2lkotR3+gWksEIagPkecQYamI9hpYo9TU1ZhEOPRt3tOZ0yg3spkMHn839/93qugE57X8lrOnQ2pWQZkezVYmTmWZefzP31xuDy89DnHLe34y0eM7vgVa9hLfcHaI2XyEHtLECgO9bt/zLBs492gT6Rw+Ag+/9MjxT0898Ab/7KFtYpWJ45hdrGauGVixVekoqqzRNnFMuTTOT18aI6raVsYfG6wPMYrMtjNJwaZjv242PV4G1bx/ybMW/6mxPghVmXR60GLUqOKPBTsGP1sK/BIdvWx684qHdggMeecm1tn4rJ284MDbkhA1ec91q3w1iPHrYBteABSSJaIOiYzZtGF37ZI+1Zod9ZI7ZtMEkpm0YwV/IR4Q7eRzxBgDgegvQrwLTimhnVVJkwg95MT6rEHifB6Ma2nYRf0kAxtULvyZhjnmaJ6zimaEhYk79W6XJAfunrverpORh3OtVZZo1bZdJfkCLg1UYOx4BY7g9aQl4gz/BqkdfeLZiarfpEOyC892YVXasBHypWMWxM7O2JtSuyfIfWPXdNjGVDfA9y0TG2GBwrNOLjVfpbVoCvjVJVg/Tmr6uSkzFju0wb/TJgEFQmm4y4pHvZqOfSq/74zfOIrc+PmppU7MspG1Jev6rE6AA/J8wDjs2BM9Vb3Q7BterzJbqEhtWNf/BCc2oxGrhfNtpWZGmjeigGHRJxICAW/7+k/5Npfr/uUmJ7cv8ffprhlQVpgHv+GMzYswH/ipNEWxIqwiC5/q/SuBFBHhq+IsyuR2hajbB39Ld3DVmaANhYkOZUcYhKVkw/12cAr60ex/K1BxCubJrqGonBHGpniIYUSrAVg2EQtvZkDR9hKztoS/tHg1lhiZDuXaYUNUsUAefBW3o+GT/CAu2VR0qaoSN8JLvjv+NVj1MmwiZ+o/TTIeqm8Plv+0TGScZHeYve18WU5lJ+upj8PGh91INk3TYLGe3LMP7xUl4I5wb6Z/yrAkCC9Sq1IJ9Y9IQzFx4kQd++78hS3lgOnLS5Y3/Q5MZveOVm7OrgO+TsdBJVXHOvlh3iyGMCmcnone1DySQN/OiMvDX6qDG4swlyA7eXYw7MqLsnL/WX0aYznfK7ZDvbQhLKm27HLe/EvqueXt89vYPeHyBUCSWSGVyhVKl1mh1eoPRZLZYbXaH0+V+Y/5qff5AMBSORGPxRDIlLSP7mflQCopKyiqqauoamq/kqnR0AfD/hGjvLbCdZWhkbGJqZm5haWWNjFfkDr9u2e7IaA1yS1akjfh2nJ1oRwF4d8i2sApck1NqIWmJ0ws4aoAYil2pI+DybBP4TGYHbKMZpIfY4SJsEwcyENuUkKxwGNnP5sP8LWkcCIRJj1u00OyoWJE3YkqPvAG8siesCeSVgV/461Bwkp+cTsmcrsBNcdMPNFpMp1NIreiqYWoOq2Wh4LnxkzIZnoqSGo3TAC2iLxp0dxowph7lRmqBFh1m/LRYmY5gL8ltwN8D5QYbKrW9povo3itekXZHcQ0Smcd+Srd8FlR6ApPS0yw6q8yJElqSGCvoChKoI69vE414zA551p8rcpYkXgw55KrmTo2Dh0wcBuNSjhc3msD+1hFj2USwLEj7xMjDWxrigD3fgVc1qZ5ABwOzqM4OoXJ9YHbusJ7Oo3fyBBLrAClkUaCAh67DRIrEyg6A88ixrfWt7o3Drq1NKn2wI0zqDUrs4EAG+KENI4fQsttU7miQPVJWCVmR+Mm2J6WmkhfReHXg5devuJNC5KRqORQbwoH9wMfCYA7ORjsi5iPP2WP8IVbtCK1KvDvRkfIWOjqp8LJSl6zY6GNNi1Ot9+rfnweqmdl0R3SRKAzRSHjIJCknqFXsST1wMjuqcDya8tcSHc4lQTnEyD2ADHR+4BFEiVjX3qTjKBoHyZ40KT2cBqKlchOxgyqkZgieScsM3w5ih+SliBwqNsID8ScAAAA=") format("woff2"), url(../font/iconfont.5e16512.woff) format("woff"), url(../font/iconfont.edeb95a.ttf) format("truetype"), url(https://www.juniuhui.com/img/iconfont.bf5abcb.svg#iconfont) format("svg")
}

.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-QQ1:before {
    content: "\E683"
}

.icon-zhifubao1:before {
    content: "\E684"
}

.icon-weixin1:before {
    content: "\E682"
}

.icon-shoujiyanzheng:before {
    content: "\E681"
}

.icon-guanbihuida:before {
    content: "\E680"
}

.icon-dianzan:before {
    content: "\E671"
}

.icon-caina:before {
    content: "\E673"
}

.icon-zuijiahuida:before {
    content: "\E674"
}

.icon-xuanshang:before {
    content: "\E67F"
}

.icon-saoma:before {
    content: "\E654"
}

.icon-hetong:before {
    content: "\E694"
}

.icon-haoping:before {
    content: "\E692"
}

.icon-haoping1:before {
    content: "\E693"
}

.icon-zhongping:before {
    content: "\E690"
}

.icon-zhongping1:before {
    content: "\E691"
}

.icon-chaping:before {
    content: "\E68E"
}

.icon-chaping1:before {
    content: "\E68F"
}

.icon-tishi:before {
    content: "\E68D"
}

.icon-wenxintishi:before {
    content: "\E68C"
}

.icon-pinglunliebiao:before {
    content: "\E68B"
}

.icon-nan:before {
    content: "\E643"
}

.icon-nv:before {
    content: "\E644"
}

.icon-zhihangzhongs:before {
    content: "\E68A"
}

.icon-wancheng:before {
    content: "\E689"
}

.icon-kefudianhua:before {
    content: "\E688"
}

.icon-gouwuche:before {
    content: "\E67E"
}

.icon-jibenxinxi:before {
    content: "\E67D"
}

.icon-fuwuguanli:before {
    content: "\E67C"
}

.icon-shouchufuwu:before {
    content: "\E67B"
}

.icon-dianpuzhuye:before {
    content: "\E67A"
}

.icon-dianpu:before {
    content: "\E679"
}

.icon-xiugaitupian:before {
    content: "\E677"
}

.icon-tianjiazhaopian:before {
    content: "\E678"
}

.icon-yiwanchengxiangmu:before {
    content: "\E62D"
}

.icon-touxiang:before {
    content: "\E676"
}

.icon-weizhi:before {
    content: "\E675"
}

.icon-baojia:before {
    content: "\E672"
}

.icon-lianxi:before {
    content: "\E670"
}

.icon-shuomingshu:before {
    content: "\E66F"
}

.icon-sousuoxiangguan:before {
    content: "\E66E"
}

.icon-xiangmu:before {
    content: "\E66D"
}

.icon-jiaoyijilu:before {
    content: "\E66C"
}

.icon-riqi:before {
    content: "\E66B"
}

.icon-shensu:before {
    content: "\E66A"
}

.icon-wenzhangshenhezhong:before {
    content: "\E62C"
}

.icon-chakanxiangqing:before {
    content: "\E669"
}

.icon-jiaofuriqi:before {
    content: "\E668"
}

.icon-jine:before {
    content: "\E667"
}

.icon-conggaodaodi:before {
    content: "\E62A"
}

.icon-congdidaogao:before {
    content: "\E62B"
}

.icon-zanwufensi:before {
    content: "\E666"
}

.icon-fasongxiangmu:before {
    content: "\E629"
}

.icon-zanwushoucang:before {
    content: "\E665"
}

.icon-wanshanziliao:before {
    content: "\E664"
}

.icon-guanbi:before {
    content: "\E627"
}

.icon-xiayiye:before {
    content: "\E628"
}

.icon-jubaowenzhang:before {
    content: "\E626"
}

.icon-huidaodingbu:before {
    content: "\E625"
}

.icon-kefu:before {
    content: "\E624"
}

.icon-zuopinlianjie:before {
    content: "\E663"
}

.icon-tianjia:before {
    content: "\E662"
}

.icon-jianyifankui:before {
    content: "\E623"
}

.icon-bianji:before {
    content: "\E661"
}

.icon-xuanzefenlei:before {
    content: "\E660"
}

.icon-qingxiang:before {
    content: "\E65F"
}

.icon-gongsimingcheng:before {
    content: "\E65E"
}

.icon-sousuo:before {
    content: "\E622"
}

.icon-QQ:before {
    content: "\E621"
}

.icon-weixin:before {
    content: "\E61F"
}

.icon-weibo:before {
    content: "\E620"
}

.icon-xiangmuyusuan:before {
    content: "\E65D"
}

.icon-wenzhangxiajia:before {
    content: "\E61E"
}

.icon-xiangmuleixing:before {
    content: "\E65C"
}

.icon-sousuowujieguo:before {
    content: "\E61D"
}

.icon-zhouqi:before {
    content: "\E65B"
}

.icon-daiyanshou:before {
    content: "\E65A"
}

.icon-zhihangzhong:before {
    content: "\E659"
}

.icon-fukuan:before {
    content: "\E658"
}

.icon-zhaomuzhong:before {
    content: "\E657"
}

.icon-yishoucang:before {
    content: "\E61A"
}

.icon-shoucang:before {
    content: "\E61B"
}

.icon-biaoqing:before {
    content: "\E619"
}

.icon-xiala:before {
    content: "\E656"
}

.icon-daishenhe:before {
    content: "\E655"
}

.icon-liulan:before {
    content: "\E653"
}

.icon-shijian:before {
    content: "\E652"
}

.icon-rixin:before {
    content: "\E651"
}

.icon-pinglun:before {
    content: "\E650"
}

.icon-yunying:before {
    content: "\E64C"
}

.icon-kaifa:before {
    content: "\E64D"
}

.icon-chanpin:before {
    content: "\E64E"
}

.icon-sheji:before {
    content: "\E64F"
}

.icon-shezhi:before {
    content: "\E64B"
}

.icon-tupian:before {
    content: "\E618"
}

.icon-zhiding:before {
    content: "\E64A"
}

.icon-shanchufenlei:before {
    content: "\E649"
}

.icon-zhongmingming:before {
    content: "\E648"
}

.icon-wenzhang:before {
    content: "\E647"
}

.icon-chuangjianfenlei:before {
    content: "\E646"
}

.icon-xiewenzhang:before {
    content: "\E645"
}

.accountBody {
    background-color: #f8f8f8
}

#account-layout button {
    cursor: pointer
}

@-webkit-keyframes mymove-data-v-6b365d41 {
    0% {
        background-size: 100% 100%
    }
    to {
        background-size: 105% 105%
    }
}

@keyframes mymove-data-v-6b365d41 {
    0% {
        background-size: 100% 100%
    }
    to {
        background-size: 105% 105%
    }
}

.main[data-v-6b365d41] {
    margin: 0;
    padding: 0;
    height: 100%
}

.main .header[data-v-6b365d41] {
    height: 600px;
    background: url(static/images/bg_dl.113fe8b.png) 0 no-repeat;
    background-size: 100% 100%
}

.main .header .header-main[data-v-6b365d41] {
    width: 1200px;
    margin: auto;
    padding-top: 20px
}

.main .header .header-main .header-logoLink[data-v-6b365d41] {
    display: inline-block;
    width: 124px;
    height: 40px;
    background: url(static/images/logo.05d2a5a.png) 0 no-repeat;
    background-size: 100% 100%
}

.main .body[data-v-6b365d41] {
    width: 500px;
    background-color: #fff;
    margin: -380px auto 0;
    border: 1px solid #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 9px -2px #003a71;
    box-shadow: 0 0 9px -2px #003a71
}

.main .footerByfixed[data-v-6b365d41] {
    background-color: #fff;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0
}

.main .footerBymargin[data-v-6b365d41] {
    background-color: #fff;
    margin-top: 68px
}

.main .footer-main[data-v-6b365d41] {
    width: 960px;
    margin: 0 auto
}

.main .footer-main span[data-v-6b365d41] {
    color: #999;
    font-size: 14px;
    line-height: 80px;
    font-family: PingFangSC-Regular
}

.main .footer-main .footer-right[data-v-6b365d41] {
    float: right
}

.personal-index {
    background-color: #f2f2f2
}

.personal-index .nav {
    width: 100%;
    min-width: 1200px;
    height: 80px;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    /* position: fixed; */
    z-index: 1300
}

.personal-index .nav .nav-main {
    position: relative;
    width: 1200px;
    height: 100%;
    margin: 0 auto
}

.personal-index .nav .nav-main .logo {
    float: left;
    width: 30%;
    height: 40px;
    margin-top: 5px;
    font-size: 20px;
}

.personal-index .nav .nav-main .nav-menu {
    float: left;
    margin: 27px 0 0 30px
}

.personal-index .nav .nav-main .nav-menu a {
    position: relative;
    display: inline-block;
    padding: 5px 20px;
    font-size: 16px;
    line-height: 16px;
    font-family: MicrosoftYaHei;
    color: #222;
    cursor: pointer
}

.personal-index .nav .nav-main .nav-menu a.select {
    color: #0083ff
}

.personal-index .nav .nav-main .nav-menu a.select:before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    width: 55%;
    height: 2px;
    margin: 0 auto;
    background: #0083ff
}

.personal-index .nav .nav-main .nav-menu a:after {
    content: "";
    position: absolute;
    width: 55%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    height: 2px;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #0083ff;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.personal-index .nav .nav-main .nav-menu a:hover {
    color: #0083ff
}

.personal-index .nav .nav-main .nav-menu a:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.personal-index .nav .nav-main .nav-menu a p {
    position: relative
}

.personal-index .nav .nav-main .nav-menu a p em {
    position: absolute;
    top: -3px;
    right: -3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #f74c31
}

.personal-index .nav .nav-main .nav-menu a i {
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    font-style: normal;
    text-align: center;
    display: inline-block;
    width: 31px;
    height: 21px;
    background: url(static/images/new.9dc33da.png) no-repeat 50%;
    background-size: cover;
    position: absolute;
    right: -12px;
    top: -10px
}

.personal-index .nav .nav-main .nav-search {
    position: relative;
    float: left;
    width: 210px;
    height: 36px;
    margin-top: 26px
}

.personal-index .nav .nav-main .nav-search input::-webkit-input-placeholder {
    color: #999
}

.personal-index .nav .nav-main .nav-search input {
    float: left;
    width: 240px;
    height: 40px;
    padding: 2px 40px 0 23px;
    background: #ededed;
    border: 0;
    border-radius: 20px;
    color: #666;
    margin-top: -7px;
    font-size: 14px
}

.personal-index .nav .nav-main .nav-search .search {
    position: absolute;
    top: 4px;
    right: -8px;
    width: 21px;
    height: 21px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAMAAACnUt2HAAABTVBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmbrha1AAAAAbnRSTlMAAFT6+f1utrLPFSzI31UOAtcRE1733vic1S9NCX1qpuh/l5DcJhe8ZqgtsAvvdyfpuCpTXfavX2WzzRCU7DmGSxLkx2y7DdQj4YOHCKXaqp8pGm98BMbqYlJXhM7CRwV0FjD7egNaPxgx/G01e7owywEAAADiSURBVHheXcjTssRgEIXRjjW2bR3atm0b/f6X03+mUpOc72bvWsDSJ6dy0bYrb9DnKGa8H91rdXUjKnZaFmYwIpdpg3wVs94eJoVzA3rNFLBoYqXkHgarlCreM6zhKvRriE2GSmQTbKlbA4SDQ2BPFpKEuOfAERwlHBt34AR6CLXpgB1n5+YJF4RFmy0tr6QIE5Ky3sf0i8wR+rZxZ9cyPryvM4TAAR4e+Rgdn0iCdHrGEIIxvIhdXl3f3OJdyI9pE+GBV8JIaY9P8BzH1zcw8yY8ofePT3a/4t8/8D/u1/XXBRinIS459sE2AAAAAElFTkSuQmCC) 0 0 no-repeat;
    cursor: pointer
}

.personal-index .nav .nav-main .nav-search .search:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAMAAACnUt2HAAABTVBMVEWZmZn///+ZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmGbkoZAAAAbnRSTlMAAFT6+f1utrLPFSzI31UOAtcRE1733vic1S9NCX1qpuh/l5DcJhe8ZqgtsAvvdyfpuCpTXfavX2WzzRCU7DmGSxLkx2y7DdQj4YOHCKXaqp8pGm98BMbqYlJXhM7CRwV0FjD7egNaPxgx/G01e7owywEAAADiSURBVHheXcjTssRgEIXRjjW2bR3atm0b/f6X03+mUpOc72bvWsDSJ6dy0bYrb9DnKGa8H91rdXUjKnZaFmYwIpdpg3wVs94eJoVzA3rNFLBoYqXkHgarlCreM6zhKvRriE2GSmQTbKlbA4SDQ2BPFpKEuOfAERwlHBt34AR6CLXpgB1n5+YJF4RFmy0tr6QIE5Ky3sf0i8wR+rZxZ9cyPryvM4TAAR4e+Rgdn0iCdHrGEIIxvIhdXl3f3OJdyI9pE+GBV8JIaY9P8BzH1zcw8yY8ofePT3a/4t8/8D/u1/XXBRinIS459sE2AAAAAElFTkSuQmCC) 0 0 no-repeat
}

.personal-index .nav .nav-main .s-popover {
    position: absolute;
    top: 42px;
    left: 0;
    z-index: 99
}

.personal-index .nav .nav-main .nav-right {
    position: relative;
    float: right;
    height: 80px
}

.personal-index .nav .nav-main .nav-right .un-login {
    float: right;
    height: 80px;
    margin-left: 20px
}

.personal-index .nav .nav-main .nav-right .un-login a, .personal-index .nav .nav-main .nav-right .un-login button {
    position: relative;
    padding: 0 6px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    line-height: 80px;
    color: #333
}

.personal-index .nav .nav-main .nav-right .un-login a:hover, .personal-index .nav .nav-main .nav-right .un-login button:hover {
    color: #0083ff
}

.personal-index .nav .nav-main .nav-right .un-login a:first-child::after, .personal-index .nav .nav-main .nav-right .un-login button:first-child::after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    width: 1px;
    height: 12px;
    background: #e6e6e6
}

.personal-index .nav .nav-main .nav-right .un-login a.btn, .personal-index .nav .nav-main .nav-right .un-login button.btn {
    border: none;
    background: none
}

.personal-index .nav .nav-main .nav-right .un-login a.btn.btn:after, .personal-index .nav .nav-main .nav-right .un-login button.btn.btn:after {
    content: "";
    position: absolute;
    top: 35px;
    right: 0;
    width: 1px;
    height: 12px;
    background: #e6e6e6
}

.personal-index .nav .nav-main .nav-right .user-info {
    float: right;
    height: 80px
}

.personal-index .nav .nav-main .nav-right .user-info:hover .more span {
    background: #0083ff
}

.personal-index .nav .nav-main .nav-right .user-info:hover .layer-cover, .personal-index .nav .nav-main .nav-right .user-info:hover .layer-menu {
    display: block
}

.personal-index .nav .nav-main .nav-right .user-info .more {
    float: right;
    margin-top: 26px
}

.personal-index .nav .nav-main .nav-right .user-info .more span {
    display: block;
    width: 4px;
    height: 4px;
    margin: 4px 0;
    border-radius: 50%;
    background: #ccc
}

.personal-index .nav .nav-main .nav-right .user-info .layer-cover {
    display: none;
    position: absolute;
    top: 80px;
    right: 0;
    width: 160px;
    height: 20px;
    opacity: 0
}

.personal-index .nav .nav-main .nav-right .user-info .layer-menu {
    display: none;
    position: absolute;
    top: 88px;
    right: 0;
    width: 160px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 4px 0 9px rgba(0, 57, 116, .08);
    box-shadow: 4px 0 9px rgba(0, 57, 116, .08);
    z-index: 3000
}

.personal-index .nav .nav-main .nav-right .user-info .layer-menu em {
    position: absolute;
    top: -16px;
    right: 36px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom: 8px solid #fff
}

.personal-index .nav .nav-main .nav-right .user-info .layer-menu div {
    overflow: hidden
}

.personal-index .nav .nav-main .nav-right .user-info .layer-menu div a, .personal-index .nav .nav-main .nav-right .user-info .layer-menu div p {
    display: block;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    font-family: MicrosoftYaHei;
    color: #666;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.personal-index .nav .nav-main .nav-right .user-info .layer-menu div a:hover, .personal-index .nav .nav-main .nav-right .user-info .layer-menu div p:hover {
    background: #eaf3ff;
    color: #0083ff
}

.personal-index .nav .nav-main .nav-right .user-info .memeber-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: right;
    width: auto;
    max-width: 150px;
    height: 40px;
    margin: 20px 16px 0 0;
    font-size: 14px;
    line-height: 40px;
    font-family: MicrosoftYaHei;
    color: #333
}

.personal-index .nav .nav-main .nav-right .user-info .header-img {
    float: left;
    overflow: hidden;
    position: relative;
    width: 40px;
    height: 40px;
    margin: 20px 20px 0;
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.personal-index .nav .nav-main .nav-right .user-info .header-img img {
    width: 40px;
    height: 40px
}

.personal-index .nav .nav-main .nav-right .user-info .header-img .imgBox {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.personal-index .nav .nav-main .nav-right .msg {
    position: relative;
    float: right;
    height: 80px;
    padding: 30px 0 0;
    color: #333
}

.personal-index .nav .nav-main .nav-right .msg a {
    font-size: 16px;
    line-height: 20px;
    color: #000
}

.personal-index .nav .nav-main .nav-right .msg a em {
    position: absolute;
    top: 30px;
    right: -2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #f74c31
}

.personal-index .nav .nav-main .nav-right .msg .layer-cover {
    display: none;
    position: absolute;
    top: 80px;
    right: -85px;
    width: 224px;
    height: 20px;
    opacity: 0
}

.personal-index .nav .nav-main .nav-right .msg .layer-menu {
    display: none;
    position: absolute;
    top: 90px;
    right: -85px;
    width: 224px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 4px 0 9px rgba(0, 57, 116, .08);
    box-shadow: 4px 0 9px rgba(0, 57, 116, .08);
    z-index: 3000
}

.personal-index .nav .nav-main .nav-right .msg .layer-menu em {
    position: absolute;
    top: -16px;
    right: 85px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom: 8px solid #fff
}

.personal-index .nav .nav-main .nav-right .msg .layer-menu div {
    overflow: hidden
}

.personal-index .nav .nav-main .nav-right .msg .layer-menu div a {
    position: relative;
    display: block;
    height: 40px;
    font-size: 14px;
    padding: 10px 33px 10px 20px;
    font-family: MicrosoftYaHei;
    color: #666;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.personal-index .nav .nav-main .nav-right .msg .layer-menu div a i {
    position: absolute;
    right: 20px;
    top: 12px;
    font-style: normal;
    padding: 2px 4px;
    border-radius: 12px;
    background: #f74c31;
    font-size: 14px;
    line-height: 14px;
    color: #fff
}

.personal-index .nav .nav-main .nav-right .msg .layer-menu div a:hover {
    background: #eaf3ff;
    color: #0083ff
}

.personal-index .nav .nav-main .nav-right .msg:hover .layer-cover, .personal-index .nav .nav-main .nav-right .msg:hover .layer-menu {
    display: block
}

.personal-index .nav .nav-main .nav-right .app {
    float: right;
    margin-top: 20px;
    font-size: 16px;
    line-height: 40px;
    font-family: MicrosoftYaHei;
    color: #333;
    cursor: pointer;
    position: relative;
    padding-right: 20px
}

.personal-index .nav .nav-main .nav-right .app .code {
    display: none
}

.personal-index .nav .nav-main .nav-right .app:hover .code {
    display: inline-block;
    position: absolute;
    top: 70px;
    left: -50px;
    z-index: 1300;
    padding: 15px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ccc
}

.personal-index .nav .nav-main .nav-right .app:hover .code img {
    width: 145px;
    height: 145px
}

.personal-index .nav .nav-main .nav-right .app:hover .code p {
    color: #333;
    font-size: 14px;
    line-height: 16px;
    text-align: center
}

.personal-index .nav .nav-main .nav-right .header-btn {
    cursor: pointer;
    float: right;
    width: 88px;
    height: 30px;
    margin: 25px 20px 0 0;
    background: #0083ff;
    border-radius: 4px;
    border: 1px solid #fff;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    font-family: MicrosoftYaHei;
    color: #fff
}

.personal-index .nav .nav-main .nav-right .header-btn:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

.personal-index .main-body {
    padding-top: 80px
}

.personal-index.homePage .nav {
    background-color: transparent;
    border-bottom: 1px solid transparent;
    -webkit-transition: background .3s;
    transition: background .3s
}

.personal-index.homePage .nav.definedBack {
    background-color: #404a57
}

.personal-index.homePage .nav .nav-menu a, .personal-index.homePage .nav .nav-menu a:hover {
    color: #fff
}

.personal-index.homePage .nav .nav-menu a:after {
    background-color: #fff!important
}

.personal-index.homePage .nav .nav-right .un-login a, .personal-index.homePage .nav .nav-right .un-login button {
    color: #fff
}

.personal-index.homePage .nav .nav-right .un-login a:hover, .personal-index.homePage .nav .nav-right .un-login button:hover {
    color: #66b1ff
}

.personal-index.homePage .nav .nav-right .un-login a:first-child::after, .personal-index.homePage .nav .nav-right .un-login button:first-child::after {
    background: #fff
}

.personal-index.homePage .nav .nav-right .app, .personal-index.homePage .nav .nav-right .msg a {
    color: #fff
}

.personal-index.homePage .main-body {
    padding-top: 0
}

.common-footer {
    position: relative;
    width: 100%;
    min-width: 1200px;
    height: 320px;
    background: #fff
}

.common-footer .footer-main {
    width: 1200px;
    margin: 0 auto
}

.common-footer .footer-main .footer-logo {
    float: left;
    margin: 38px 70px 0 0
}

.common-footer .footer-main .footer-logo img {
    display: block;
    margin-bottom: 20px
}

.common-footer .footer-main .footer-logo span {
    display: block;
    font-size: 16px;
    line-height: 16px;
    font-family: MicrosoftYaHei;
    color: #999
}

.common-footer .footer-main .footer-menu {
    float: left;
    margin-top: 42px
}

.common-footer .footer-main .footer-menu div {
    float: left;
    width: 80px;
    margin-right: 77px
}

.common-footer .footer-main .footer-menu div h3 {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 14px;
    font-family: MicrosoftYaHei;
    color: #333
}

.common-footer .footer-main .footer-menu div a {
    display: block;
    width: 140px;
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    margin-left: 3px
}

.common-footer .footer-main .footer-menu div a:hover {
    color: #0083ff
}

.common-footer .footer-main .footer-right {
    float: right;
    margin-top: 38px;
    margin-bottom: 20px
}

.common-footer .footer-main .footer-right .QR-code {
    float: left;
    width: 148px;
    margin-right: 10px
}

.common-footer .footer-main .footer-right .QR-code img {
    display: block;
    width: 125px;
    height: 125px;
    margin: 0 auto;
    margin-bottom: 10px
}

.common-footer .footer-main .footer-right .QR-code span {
    display: block;
    font-size: 14px;
    line-height: 14px;
    font-family: MicrosoftYaHei;
    color: #999;
    line-height: 24px;
    text-align: center
}

.common-footer .footer-main .footer-right .info {
    float: left
}

.common-footer .footer-main .footer-right .info .tel {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 24px
}

.common-footer .footer-main .footer-right .info span {
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #999;
    line-height: 24px
}

.common-footer .footer-main .footer-right .info .address {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 24px
}

.common-footer .footer-main .copyright {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    clear: both;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #999;
    line-height: 24px;
    text-align: center
}

.common-footer .footer-main .lastfooter {
    clear: both;
    position: relative;
    display: block;
    border-top: 1px solid #e5e5e5;
    padding: 20px 0;
    font-size: 12px
}

.common-footer .footer-main .lastfooter a, .common-footer .footer-main .lastfooter span {
    display: inline-block;
    color: #666
}

.common-footer .footer-main .lastfooter a {
    margin-right: 30px
}

.common-footer .footer-main .lastfooter a:hover {
    color: #0083ff
}

.common-footer .footer-main .lastfooter span {
    position: absolute;
    right: 0
}

.popover {
    position: relative;
    width: 240px;
    padding: 20px 0;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 1px 0 10px hsla(0, 0%, 82%, .35);
    box-shadow: 1px 0 10px hsla(0, 0%, 82%, .35);
    z-index: 1
}

.popover em {
    position: absolute;
    top: -15px;
    left: 6px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom: 8px solid #fff
}

.popover .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 24px 0 20px;
    margin-bottom: 20px
}

.popover .title span {
    color: #999;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.popover .title span.change {
    cursor: pointer
}

.popover .title span.change:hover {
    color: #0083ff
}

.popover .hot {
    padding: 0 24px 0 20px;
    margin-bottom: 10px
}

.popover .hot.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.popover .hot a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    float: left;
    max-width: 200px;
    height: 20px;
    padding: 0 8px;
    margin: 0 10px 10px 0;
    border: 1px solid #e5e5e5;
    line-height: 17px;
    color: #666;
    font-size: 12px
}

.popover .hot a:hover {
    color: #0083ff;
    border: 1px solid #0083ff
}

.popover ul {
    padding: 0 8px
}

.popover ul li {
    height: 40px;
    list-style: none;
    color: #333;
    font-size: 14px;
    line-height: 40px
}

.popover ul li:hover {
    background: #fafafa;
    border-radius: 4px
}

.popover ul li img {
    float: left;
    width: 14px;
    height: 14px;
    margin: 13px
}

.popover ul li .text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    width: 140px;
    word-break: break-all;
    color: #333;
    font-size: 14px
}

.popover ul li .delete {
    float: right;
    width: 18px;
    height: 12px;
    margin: 14px 10px 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMBAMAAACdPPCPAAAALVBMVEUAAAAAAABVVVViYmJdXV1jY2NmZmZlZWVnZ2dmZmZlZWVmZmZmZmZlZWVmZmZDH7GuAAAAD3RSTlMAAgYNFiw8TmORpLK0u7vY3rCHAAAAO0lEQVQIW2NgYLjCwMDgywACcQYMzE/BLLZNDNoJYBZDleByCIOBY2YDlMVwBsZAiMHVIfQizEPYAQUAVgENJ+PrB/8AAAAASUVORK5CYII=) 0 0 no-repeat;
    cursor: pointer
}

#MEIQIA-PANEL-HOLDER {
    right: 16px!important
}

#MEIQIA-INVITE {
    display: none!important
}

.suspension {
    position: fixed;
    right: 0;
    top: 76%;
    padding: 0 16px;
    z-index: 5
}

.suspension em {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5
}

.suspension li {
    cursor: pointer;
    display: table;
    width: 100%;
    height: 60px
}

.suspension li i {
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 auto;
    background-position: 50%;
    background-repeat: no-repeat
}

.suspension li p {
    font-size: 12px;
    line-height: 16px;
    color: #333;
    text-align: center
}

.suspension li a {
    display: table-cell;
    vertical-align: middle
}

.suspension .top a {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAArlBMVEUAAAAAAABAQEAzMzMzMzNGRkZERERCQkJGRkZCQkJDQ0NGRkZDQ0NERERGRkZERERERERFRUVERERFRUVFRUVERERGRkZDQ0NFRUVERERERERERERFRUVFRUVERERFRUVERERERERFRUVFRUVERERFRUVERERFRUVFRUVERERFRUVFRUVFRUX///9tbW1aWlpxcXGBgYGMjIyioqLz8/P09PT7+/tlZWWsrKytra1VRhHSAAAALHRSTlMAAgQFChYeHzc6V1hbeHl7fImKl5iampurrK+wtLi409XW1ubr7e/4+fr7/NB13FEAAAEnSURBVHhejdVrT4MwFIDhwwYbKBty022OoTKqyGH3i/7/P6ZLRlo4LfT9RvKkSaE9QCPDnsxSVn6t09nENkDV2M9QKPPHUmaFBbYqQos6N0dJudtiwxgVPQ9FZyaoLDGF9VbY0YqvGWNnce1c7Om+Iyvvg7kFtyLsLbq5UdEPixEA+KhRAGBkOjAzwKHgeKTSAY+6qqLSg4XESeQC3qiTyXdgxEklg2/qzmcqS/ikbrOhsoQ1dYhUMnEz+9rVcs/hh/h6fmpXy18OX+GJw92lOv27uzxVlx2HXuMTXg9b/rA9XJHn6B8KCHRgoH1wda+C9uXSva6aA+CFj5SkyyXCmDKXarc0QWgQqlw4gGYP8kH6qDeaI0t32Ksy7Ok8ZWXJ0vm09fv4Ay1q19VbnZnJAAAAAElFTkSuQmCC) no-repeat 50%;
    border-radius: 50%;
    width: 40px;
    height: 40px
}

.suspension .xfwx i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAkFBMVEUAAAB/f3+qqqqqqqqRkZGpqamUlJSbm5uZmZmZmZmXl5ebm5uXl5eZmZmampqYmJiZmZmXl5eampqYmJiYmJiYmJiXl5eZmZmYmJiampqYmJiZmZmYmJiYmJiZmZmYmJiXl5eZmZmZmZmYmJiZmZmYmJiYmJiYmJiZmZmYmJiYmJiZmZmYmJiZmZmYmJiZmZnaykKHAAAAL3RSTlMAAgMGBwkYKTo8QEVFTlFaXV5oaGlwcYCBgYKKpqeos7y8y8zV3N7j7Oz5+fr7/MkmzdQAAACeSURBVHhebdDhEkJQFATgdYFSSEklhUDIvv/bNWRcY/p+3B87d+bsORgI51E2TRk7AhMr5yS3MPI6FmdT08ygYOcNya5npGKkRuxtQK94w+zCSseRmSIjJaOPhC5AAr/XZYI3jWVksMaHAguCPWoakMZfKV0suEzhryeehl5XGYVDL9jr9gAOHYtg2pEvjDY5pS3me7VtGXv78HnHH1+qQBPaeEu0xwAAAABJRU5ErkJggg==) no-repeat 50%
}

.suspension .xfwx .xfqrcode {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 64px;
    width: 0;
    height: 0;
    background: #fff;
    -webkit-transition: height .5s;
    transition: height .5s;
    -webkit-transition: width .3s;
    transition: width .3s;
    -webkit-box-shadow: 1px 0 16px hsla(0, 0%, 49%, .2);
    box-shadow: 1px 0 16px hsla(0, 0%, 49%, .2)
}

.suspension .xfwx .xfqrcode img {
    display: block;
    margin: 10px auto 5px
}

.suspension .xfwx .xfqrcode p {
    font-size: 12px;
    line-height: 16px;
    color: #666
}

.suspension .xfwx:hover .xfqrcode {
    width: 150px;
    height: 174px
}

.suspension .feedbackbtn p {
    display: none
}

.suspension .feedbackbtn i {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAG1BMVEUAAACdnZ2Xl5eZmZmZmZmZmZmYmJiYmJiZmZlb4proAAAACHRSTlMAFU9Vqufq/vwT4vMAAAA4SURBVHheY0AApogOEGhVYGDtgIAABo4GBhDgaACzOvCyGPDLorHYEXZ0wOzlSGaAAAYWAQbcAAB6FRxYD72jxAAAAABJRU5ErkJggg==)
}

.suspension .feedbackbtn:hover i {
    display: none
}

.suspension .feedbackbtn:hover p {
    display: block
}

.suspension .online {
    position: fixed;
    right: 16px;
    bottom: 0;
    width: 114px;
    height: 37px;
    background: #0083ff;
    color: #fff
}

.suspension .online img, .suspension .online span {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    vertical-align: top
}

.suspension .online em {
    display: inline-block;
    width: 1px;
    height: 11px
}

.suspension .online .xiaoxkf {
    margin-top: 1px;
    margin-left: 10px
}

.suspension .online img {
    padding: 0 10px;
    margin-top: 5px
}

.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: 1px solid #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-loading-parent--relative {
    position: relative!important
}

.el-loading-parent--hidden {
    overflow: hidden!important
}

.el-loading-mask {
    position: absolute;
    z-index: 2000;
    background-color: hsla(0, 0%, 100%, .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: #409eff;
    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: #409eff;
    stroke-linecap: round
}

.el-loading-spinner i {
    color: #409eff
}

.el-loading-fade-enter, .el-loading-fade-leave-active {
    opacity: 0
}

@-webkit-keyframes loading-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px
    }
    to {
        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
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px
    }
}