fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

* {
    margin: 0;
    font-family: PingFangSC-Regular!important;
}


a{
    text-decoration: none;
}

a:hover{
    text-decoration: none;
}

.padding-none {
    padding: 0
}

row {
    display: flex
}

row>column {
    display: block
}

row>column.auto {
    flex-grow: 1
}

.en-font {
    font-size: 13px
}

.hidden {
    display: none!important
}

.clearfix {
    overflow: hidden
}

.inline-block {
    display: inline-block
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.refresh {
    margin-left: 10px
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.table-footer {
    padding: 16px
}

.margin-left {
    margin-left: 20px
}

.margin-right {
    margin-right: 8px
}

.margin-right-1 {
    margin-right: 16px
}

.margin-top {
    margin-top: 10px
}

.margin-bottom-1 {
    margin-bottom: 15px
}

.margin-bottom-2 {
    margin-bottom: 20px
}

.margin-bottom-3 {
    margin-bottom: 25px
}

.margin-bottom-4 {
    margin-bottom: 30px
}

.text-ellipsis {
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

h3 {
    font-size: 20px;
    font-weight: 400
}

h3,h4 {
    margin: 0
}

h4 {
    font-size: 16px
}

.next-btn-back {
    padding: 2px 6px 3px
}

.next-form-item-help {
    margin-top: 4px
}

.next-table-row:hover td {
    background: #f3f4f4;
    cursor: pointer
}

.next-btn-medium.icon-box {
    padding: 0 4px
}

.no-padding {
    padding: 0!important
}

.public-button {
    display: inline-block;
    font-size: 14px;
    width: 110px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    outline: none;
    text-decoration: none;
    cursor: pointer
}

.white-button {
    background-color: #fff;
    border: 1px solid #ff6a00;
    color: #ff6a00!important
}

.white-button:hover {
    border-color: #ff6a00
}

.orange-button,.white-button:hover {
    background-color: #ff6a00;
    color: #fff!important
}

.orange-button {
    border: 1px solid #ff6a00
}

.orange-button:hover {
    border-color: #ff791a;
    background-color: #ff791a;
    color: #fff!important
}

.orange-button:active,.white-button:active {
    background-color: #f26400;
    border-color: #f26400;
    color: #fff!important
}

.disable-button {
    border: none;
    background: #f4f4f4;
    color: #999
}

.disable-button:hover {
    color: #999
}

a,i,input {
    outline: none;
    cursor: pointer
}

a {
    text-decoration: none
}

.console-title {
    font-size: 20px;
    text-align: left;
    padding-left: 8px
}

html {
    background: #f7f7f7
}

.question-home {
    width: 1180px;
    height: auto;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 40px;
    overflow: hidden
}

.question-home p {
    margin: 0
}

.question-home em {
    font-style: normal;
    color: #ff6a00
}

.question-home .question-home-left {
    width: 780px;
    background: #fff;
}

.question-home-search {
    height: 78px;
    background-image: url(https://img.alicdn.com/tfs/TB1B_FkaNz1gK0jSZSgXXavwpXa-1560-156.jpg);
    background-repeat: no-repeat;
    background-size: 780px 78px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative
}

 .question-home-search .question-home-title {
    margin: 0 20px 0 25px;
    font-weight: 600;
    font-size: 26px;
    color: #232628
}

 .question-home-search .question-home-desc {
    font-size: 14px;
    color: #373d41;
    margin-right: 110px
}

 .question-home-search .question-home-link {
    width: 92px;
    height: 35px;
    line-height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    position: absolute;
    right: 0;
    top: 20px
}

.question-home-search .question-home-link img {
    width: 14px;
    margin-right: 3px
}

 .question.tab-title {
    width: 780px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: -15px;
    margin-top: -15px;
}

.question.tab-title li {
    line-height: 50px;
    font-size: 16px;
    color: #373d41;
    cursor: pointer
}

.question.tab-title .active {
    color: #ff6f22;
    position: relative
}

.question.tab-title .active:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: #ff6f22;
    bottom: 0;
    left: 0
}

.content-tab-list-more {
    height: 52px;
    background: #fff;
    font-size: 14px;
    color: #ff6f22;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.content-tab-list-more img {
    width: 20px;
    margin-left: 5px
}

.list-end {
    color: #73777a
}

.question-home-right {
    margin-top: 22px;
    margin-left:20px;
}

.question-home-hot {
    width: 380px;
    background: #fff
}

.question-home-hot .hot-title {
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #373d41;
    padding-left: 30px;
    border-bottom: 1px solid rgba(0,0,0,.06)
}



.question-home-hot ul .hot-list {
    width: 95px;
    margin-bottom: 20px;
    text-align: center
}

.question-home-hot ul .hot-list img {
    width: 95px
}

.question-home-hot ul .hot-list p {
    font-size: 16px;
    color: #373d41;
    line-height: 32px;
    font-weight: 600
}

.question-home-hot ul .hot-list span {
    font-size: 12px;
    color: #ff6a00
}

.question-home-input {
    width: 265px;
    height: 36px;
    background: #fff;
    border: 1px solid #d7d8d9;
    padding-left: 8px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    margin-right: 110px;
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 10;
    overflow: hidden
}

.question-home-input .search-icon {
    width: 37px;
    height:37px;
    background: #fff url(https://img.alicdn.com/tfs/TB1NrFxaKL2gK0jSZFmXXc7iXXa-200-200.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 8px;
    margin-right: -1px;
    border-right: 1px solid #d7d8d9
}

.question-home-input .search-icon.have-content {
    background-color: #ff6a00;
    background-image: url(https://img.alicdn.com/tfs/TB1fgJyaHY1gK0jSZTEXXXDQVXa-200-200.png)
}

.question-home-input #question-search {
    outline: none;
    border: none;
    width: 240px;
    height: 32px;
    flex: 1
}

.question-home-input ::-webkit-input-placeholder {
    font-size: 12px;
    color: #9b9ea0
}

.question-container {
    background: #fff
}

.question-slide {
    display: block!important;
    border-bottom: 1px solid rgba(0,0,0,.06);
    box-sizing: border-box;
    padding: 30px 20px 20px;
    position: relative
}

.question-slide .question-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer
}

.question-slide .question-slide-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.question-slide .question-slide-question .answers-num {
    width: 46px;
    background-color: hsla(180,3%,92%,.5);
    padding: 15px 0;
    margin-right: 10px
}

.question-slide .question-slide-question .answers-num p {
    font-size: 12px!important;
    line-height: 16px!important;
    text-align: center;
    color: #73777a!important;
    margin: 0!important
}

.question-slide .question-slide-question .have-answer {
    background-color: #fff0e5
}

.question-slide .question-slide-question .have-answer p {
    color: #ff6f22!important
}

.question-slide .question-slide-question .question-box {
    width: 660px;
    font-size: 14px;
}

.question-slide .question-slide-question .question-box .question-title {

    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px
}

.question-slide .question-slide-question .question-box .question-title img {
    width: 12px;
    height: auto;
    margin-right: 7px
}

.question-slide .question-slide-question .question-box .question-title .title {
    font-size: 16px;
    line-height: 30px;
    color: #373d41;
    display: block!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap;
    font-family: PingFangSC-Medium
}

.question-slide .question-slide-question .question-box .question-title .solved {
    border: 1px solid #50be61;
    font-size: 12px;
    color: #50be61;
    line-height: 18px;
    padding: 0 2px;
    margin-left: 10px;
    white-space: nowrap
}

.question-slide .question-slide-question .question-box .question-desc span {
    font-size: 12px;
    margin-right: 12px;
    color: #9b9ea0;
    line-height: 20px
}

.question-slide .question-slide-question .question-box .question-desc .user {
    color: #373d41
}

.question-slide .question-slide-question .question-box .question-desc .time {
    padding-left: 20px;
    background-image: url(https://img.alicdn.com/tfs/TB1.L5wXHY1gK0jSZTEXXXDQVXa-26-28.png);
    background-repeat: no-repeat;
    background-size: 13px auto;
    font-size: 14px;
    background-position: 0px 3.5px;
}

.question-slide .question-slide-question .question-box .question-desc .browse {
    padding-left: 20px;
    background-image: url(https://img.alicdn.com/tfs/TB1IFCvXQP2gK0jSZPxXXacQpXa-28-22.png);
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: 0 4.5px;
    font-size: 14px;
}

.question-slide .question-slide-question .question-box .question-desc .answer {
    display: none;
    font-size: 14px;
}

.question-slide .question-slide-answer {
    box-sizing: border-box;
}
.question-slide-answer{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.question-slide .question-slide-answer .answer-content {
    max-height: 72px;
    font-size: 14px;
    color: #373d41;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* ! autoprefixer: off */
    -webkit-box-orient: vertical;
    margin-bottom: 14px
}

.question-slide .question-slide-answer .answer-content div,.question-slide .question-slide-answer .answer-content h1,.question-slide .question-slide-answer .answer-content h2,.question-slide .question-slide-answer .answer-content h3,.question-slide .question-slide-answer .answer-content h4,.question-slide .question-slide-answer .answer-content h5,.question-slide .question-slide-answer .answer-content h6 {
    font-size: 14px;
    font-weight: 400;
    color: #373d41;
    margin: 0;
    line-height: 24px
}

.question-slide .question-slide-answer .answer-content a {
    color: #ff6a00
}

.question-slide .question-slide-answer .answer-content img {
    display: none
}

.question-slide .question-slide-answer .answer-desc {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.question-slide .question-slide-answer .answer-desc b {
    display: none
}

.question-slide .question-slide-answer .answer-desc span {
    font-size: 12px;
    color: #9b9ea0;
    margin-right: 15px
}

.question-slide .question-slide-answer .answer-desc .user {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #373d41;
    margin-right: 28px
}

.question-slide .question-slide-answer .answer-desc .user img {
    width: 22px!important;
    height: 22px!important;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 5px;
    margin-left: 0!important
}

.question-slide .question-slide-answer .answer-desc .like {
    padding-left: 18px;
    background-image: url(https://img.alicdn.com/tfs/TB1nsewXND1gK0jSZFyXXciOVXa-26-26.png);
    background-repeat: no-repeat;
    background-size: 13px auto
}

.question-slide .question-slide-answer .answer-desc .comment {
    padding-left: 18px;
    background-image: url(https://img.alicdn.com/tfs/TB1XKmwXHr1gK0jSZFDXXb9yVXa-26-24.png);
    background-repeat: no-repeat;
    background-size: 13px auto;
    background-position: 0 1px
}


.question-slide:hover .question-slide-question .question-box .question-title .title {
    color: #ff6f22
}

.conditionArea {
    width: 100%;
}

.conditionArea_fixed {
    position: fixed;
    top: 0;
    z-index: 20
}

.medal-icon {
    padding-right: 18px;
    background-image: url(https://img.alicdn.com/tfs/TB10fDzdND1gK0jSZFsXXbldVXa-36-32.png);
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: 100%
}

@media (min-width: 768px) {
    .question-home-search>.question-home-input {
        transition:width .5s,margin-right .5s;
        -moz-transition: width .5s,margin-right .5s;
        -webkit-transition: width .5s,margin-right .5s;
        -o-transition: width .5s,margin-right .5s
    }

    .question-home-search>.question-home-input.focus {
        width: 375px;
        margin-right: 0
    }

    .search_fixed {
        position: fixed;
        top: 5px;
        z-index: 25;
        margin-left: 395px;
        margin-right: 0;
        right: auto
    }

    .link_fixed {
        position: fixed!important;
        top: 5px!important;
        z-index: 21;
        right: auto!important;
        margin-left: 685px
    }
}

@media (max-width: 768px) {
    .question-home {
        width:100%;
        display: block;
        padding-bottom: 0
    }

    .question-home .question-home-left {
        width: 100%
    }

  .question-home-search {
        width: 100%;
        box-sizing: border-box;
        padding: 0 15px;
        height: 60px;
        background-size: 100% 60px
    }

    .question-home-search .question-home-title {
        margin: 0;
        font-size: 22px
    }

    .question-home-search .question-home-desc {
        display: none
    }

   .question-home-search .question-home-link {
        width: 78px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        top: 15px;
        right: 15px
    }

    .question-home .question.tab-title {
        width: 100%;
        justify-content: space-around
    }

    .question-home .question.tab-title li {
        padding: 0 10px;
        margin: 0;
        font-size: 14px;
        cursor: auto
    }

    .question-home .question.tab-title .active:after {
        height: 2px
    }

    .question-home .question-home-tab {
        position: relative;
        padding-bottom: 50px
    }

    .question-home .content-tab-list-more {
        color: #73777a;
        width: 80px;
        height: 24px;
        border: 1px solid hsla(0,0%,59%,.4);
        border-radius: 12px;
        font-size: 12px;
        cursor: auto;
        position: absolute;
        bottom: 12px;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .question-home .content-tab-list-more img,.question-home .question-home-right {
        display: none
    }

    .question-home-input {
        box-sizing: content-box;
        width: 190px;
        height: 30px;
        top: 15px
    }

    .question-home-input #question-search {
        width: 255px;
        height: 30px;
        font-size: 12px
    }

    .question-home-input .search-icon {
        height: 30px
    }

    .question-slide {
        padding: 15px
    }

    .question-slide .question-link {
        cursor: auto
    }

    .question-slide .question-slide-question {
        display: block
    }

    .question-slide .question-slide-question .answers-num {
        display: none
    }

    .question-slide .question-slide-question .question-box {
        width: 100%
    }

    .question-slide .question-slide-question .question-box .question-title {
        margin-bottom: 0
    }

    .question-slide .question-slide-question .question-box .question-title .title {
        font-size: 16px;
        font-weight: 600
    }

    .question-slide .question-slide-question .question-box .question-title .solved {
        line-height: 16px;
        padding: 0 4px
    }

    .question-slide .question-slide-question .question-box .question-desc {
        display: flex;
        align-items: center;
        justify-content: flex-start
    }

    .question-slide .question-slide-question .question-box .question-desc .time {
        background-position: 0 3px
    }

    .question-slide .question-slide-question .question-box .question-desc .browse {
        display: none
    }

    .question-slide .question-slide-question .question-box .question-desc .answer {
        display: inline
    }

    .question-slide .question-slide-answer {
        margin-top: 10px;
    }

    .question-slide .question-slide-answer .answer-content {
        margin-bottom: 5px
    }

    .question-slide .question-slide-answer .answer-content div,.question-slide .question-slide-answer .answer-content h1,.question-slide .question-slide-answer .answer-content h2,.question-slide .question-slide-answer .answer-content h3,.question-slide .question-slide-answer .answer-content h4,.question-slide .question-slide-answer .answer-content h5,.question-slide .question-slide-answer .answer-content h6 {
        font-size: 14px;
        font-weight: 400;
        color: #373d41;
        margin: 0;
        line-height: 24px
    }

    .question-slide .question-slide-answer .answer-content img {
        display: none
    }

    .question-slide .question-slide-answer .answer-desc b {
        color: #9b9ea0;
        margin-right: 5px;
        display: flex;
        font-size: 12px
    }

    .question-slide .question-slide-answer .answer-desc .user,.question-slide .question-slide-answer .answer-desc span {
        color: #9b9ea0;
        margin-right: 5px
    }

    .question-slide .question-slide-answer .answer-desc .user img {
        display: none
    }

    .question-slide .question-slide-answer .answer-desc .like {
        padding-left: 18px;
        background-image: url(https://img.alicdn.com/tfs/TB1nsewXND1gK0jSZFyXXciOVXa-26-26.png);
        background-repeat: no-repeat;
        background-size: 13px auto
    }

    .question-slide .question-slide-answer .answer-desc .comment {
        display: none
    }

    .question-slide:hover {
        background: #fff
    }

    .question-slide:hover .question-slide-question .question-box .question-title .title {
        color: #373d41
    }

    .conditionArea_fixed {
        top: 50px
    }

    .search_fixed {
        position: fixed!important;
        z-index: 25;
        top: 0;
        margin-left: 0
    }

    .link_fixed {
        position: fixed;
        top: 6px;
        z-index: 25;
        margin-left: 684px
    }
}

@font-face {
    font-family: NextIcon;
    src: url(//at.alicdn.com/t/font_t6jzs3l3nwtmaemi.eot);
    src: url(//at.alicdn.com/t/font_t6jzs3l3nwtmaemi.eot#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_t6jzs3l3nwtmaemi.woff) format("woff"),url(//at.alicdn.com/t/font_t6jzs3l3nwtmaemi.ttf) format("truetype"),url(//at.alicdn.com/t/font_t6jzs3l3nwtmaemi.svg#articonsvg) format("svg")
}

.next-icon {
    position: relative;
    display: inline-block;
    font-family: NextIcon;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .1px;
    -moz-osx-font-smoothing: grayscale
}

.next-icon:before {
    display: inline-block;
    speak: none;
    font-size: 16px;
    line-height: 16px;
    vertical-align: middle;
    text-align: center
}

.next-icon-left {
    margin-right: 4px
}

.next-icon-right {
    margin-left: 4px
}

.next-icon-xxs:before {
    width: 8px;
    font-size: 8px;
    line-height: inherit
}

@media (-webkit-min-device-pixel-ratio: 0) and (min-resolution:0.001dpcm) {
    .next-icon-xxs {
        transform:scale(.5);
        margin-left: -4px;
        margin-right: -4px
    }

    .next-icon-xxs:before {
        width: 16px;
        font-size: 16px
    }
}

.next-icon-xs:before {
    width: 12px;
    font-size: 12px;
    line-height: inherit
}

.next-icon-small:before {
    width: 16px;
    font-size: 16px;
    line-height: inherit
}

.next-icon-medium:before {
    width: 20px;
    font-size: 20px;
    line-height: inherit
}

.next-icon-large:before {
    width: 24px;
    font-size: 24px;
    line-height: inherit
}

.next-icon-xl:before {
    width: 32px;
    font-size: 32px;
    line-height: inherit
}

.next-icon-xxl:before {
    width: 48px;
    font-size: 48px;
    line-height: inherit
}

.next-icon-xxxl:before {
    width: 64px;
    font-size: 64px;
    line-height: inherit
}

@keyframes loadingCircle {
    0% {
        transform-origin: 50% 50%;
        transform: rotate(0deg)
    }

    to {
        transform-origin: 50% 50%;
        transform: rotate(1turn)
    }
}

.next-icon-loading:before {
    content: "\E67C";
    animation: loadingCircle 2s infinite linear
}

.next-icon-all:before {
    content: "\E662"
}

.next-icon-cart:before {
    content: "\E618"
}

.next-icon-comments:before {
    content: "\E605"
}

.next-icon-cry:before {
    content: "\E61A"
}

.next-icon-email:before {
    content: "\E663"
}

.next-icon-favorite:before {
    content: "\E60A"
}

.next-icon-folder:before {
    content: "\E61B"
}

.next-icon-form:before {
    content: "\E61C"
}

.next-icon-help:before {
    content: "\E61F"
}

.next-icon-refresh:before {
    content: "\E621"
}

.next-icon-set:before {
    content: "\E623"
}

.next-icon-training:before {
    content: "\E624"
}

.next-icon-account:before {
    content: "\E664"
}

.next-icon-atm:before {
    content: "\E626"
}

.next-icon-clock:before {
    content: "\E615"
}

.next-icon-attachment:before {
    content: "\E627"
}

.next-icon-3column:before {
    content: "\E628"
}

.next-icon-4column:before {
    content: "\E629"
}

.next-icon-discount:before {
    content: "\E62A"
}

.next-icon-service:before {
    content: "\E62B"
}

.next-icon-print:before {
    content: "\E62C"
}

.next-icon-box:before {
    content: "\E62D"
}

.next-icon-process:before {
    content: "\E62E"
}

.next-icon-bags:before {
    content: "\E62F"
}

.next-icon-electronics:before {
    content: "\E630"
}

.next-icon-gifts:before {
    content: "\E631"
}

.next-icon-lights:before {
    content: "\E632"
}

.next-icon-auto:before {
    content: "\E633"
}

.next-icon-browse:before {
    content: "\E634"
}

.next-icon-atm-away:before {
    content: "\E635"
}

.next-icon-scanning:before {
    content: "\E636"
}

.next-icon-compare:before {
    content: "\E637"
}

.next-icon-filter:before {
    content: "\E638"
}

.next-icon-pin:before {
    content: "\E639"
}

.next-icon-history:before {
    content: "\E63A"
}

.next-icon-similar-product:before {
    content: "\E63B"
}

.next-icon-link:before {
    content: "\E63C"
}

.next-icon-cut:before {
    content: "\E64A"
}

.next-icon-table:before {
    content: "\E63E"
}

.next-icon-nav-list:before {
    content: "\E63F"
}

.next-icon-image-text:before {
    content: "\E640"
}

.next-icon-text:before {
    content: "\E641"
}

.next-icon-move:before {
    content: "\E642"
}

.next-icon-subtract:before {
    content: "\E650"
}

.next-icon-dollar:before {
    content: "\E643"
}

.next-icon-office:before {
    content: "\E644"
}

.next-icon-operation:before {
    content: "\E645"
}

.next-icon-download:before {
    content: "\E646"
}

.next-icon-map:before {
    content: "\E647"
}

.next-icon-bad:before {
    content: "\E648"
}

.next-icon-good:before {
    content: "\E649"
}

.next-icon-skip:before {
    content: "\E64B"
}

.next-icon-play:before {
    content: "\E64C"
}

.next-icon-stop:before {
    content: "\E64D"
}

.next-icon-compass:before {
    content: "\E64E"
}

.next-icon-security:before {
    content: "\E64F"
}

.next-icon-share:before {
    content: "\E651"
}

.next-icon-store:before {
    content: "\E652"
}

.next-icon-phone:before {
    content: "\E653"
}

.next-icon-ellipsis:before {
    content: "\E654"
}

.next-icon-email-filling:before {
    content: "\E665"
}

.next-icon-favorites-filling:before {
    content: "\E666"
}

.next-icon-account-filling:before {
    content: "\E667"
}

.next-icon-credit-level:before {
    content: "\E65A"
}

.next-icon-credit-level-filling:before {
    content: "\E65C"
}

.next-icon-mobile-phone:before {
    content: "\E65D"
}

.next-icon-smile:before {
    content: "\E668"
}

.next-icon-personal-center:before {
    content: "\E669"
}

.next-icon-arrow-up-filling:before {
    content: "\E601"
}

.next-icon-arrow-right:before {
    content: "\E603"
}

.next-icon-arrow-left:before {
    content: "\E682"
}

.next-icon-arrow-down:before {
    content: "\E66B"
}

.next-icon-arrow-up:before {
    content: "\E66C"
}

.next-icon-add:before {
    content: "\E66F"
}

.next-icon-minus:before {
    content: "\E670"
}

.next-icon-delete-filling:before {
    content: "\E681"
}

.next-icon-edit:before {
    content: "\E613"
}

.next-icon-error:before {
    content: "\E672"
}

.next-icon-select:before {
    content: "\E673"
}

.next-icon-ashbin:before {
    content: "\E61E"
}

.next-icon-calendar:before {
    content: "\E620"
}

.next-icon-time:before {
    content: "\E622"
}

.next-icon-success:before {
    content: "\E674"
}

.next-icon-warning:before {
    content: "\E675"
}

.next-icon-search:before {
    content: "\E656"
}

.next-icon-display:before {
    content: "\E677"
}

.next-icon-category:before {
    content: "\E658"
}

.next-icon-prompt:before {
    content: "\E678"
}

.next-icon-arrow-down-filling:before {
    content: "\E65B"
}

.next-icon-sorting:before {
    content: "\E676"
}

.next-icon-ascending:before {
    content: "\E606"
}

.next-icon-descending:before {
    content: "\E608"
}

.next-icon-success-filling:before {
    content: "\E679"
}

.next-icon-picture:before {
    content: "\E60C"
}

.next-icon-close:before {
    content: "\E67A"
}

.next-icon-semi-select:before {
    content: "\E67B"
}

.next-icon-tag-subscript:before {
    content: "\E614"
}

.next-icon-survey:before {
    content: "\E65F"
}

.next-icon-arrow-double-left:before {
    content: "\E616"
}

.next-icon-arrow-double-right:before {
    content: "\E661"
}

@-moz-document url-prefix() {
    @supports (-moz-osx-font-smoothing:auto) and (animation: calc(0s)) {
        .next-icon:before {
            margin-top:-5px
        }
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-100px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(20px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(2000px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(-20px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(20px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(2000px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-100px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slideOutDown {
    0% {
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(2000px)
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

@keyframes slideOutRight {
    0% {
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(2000px)
    }
}

@keyframes slideOutUp {
    0% {
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomInPulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.8,1.8,1.8)
    }

    to {
        transform: scale3d(1.4,1.4,1.4)
    }
}

@keyframes zoomInQuick {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        transform: scale(1)
    }
}

@keyframes zoomInDown {
    0% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0)
    }

    60% {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
}

@keyframes zoomInLeft {
    0% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0)
    }

    60% {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0)
    }
}

@keyframes zoomInRight {
    0% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0)
    }

    60% {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0)
    }
}

@keyframes zoomInUp {
    0% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0)
    }

    60% {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOutPulse {
    0% {
        transform: scale3d(1.4,1.4,1.4)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes zoomOutQuick {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@keyframes zoomOutDown {
    40% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }

    to {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin: center bottom
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0);
        transform-origin: left center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0);
        transform-origin: right center
    }
}

@keyframes zoomOutUp {
    40% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }

    to {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin: center bottom
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes pressIn {
    to {
        transform: scale(.7)
    }
}

@keyframes waterIn {
    0% {
        transform: translate(-45%) scaleX(2)
    }

    to {
        transform: translate(0) scaleX(1)
    }
}

@keyframes pressInSmall {
    to {
        transform: scale(.5)
    }
}

@keyframes pressOut {
    0% {
        transform: scale3d(.7,.7,.7)
    }
}

@keyframes waterOut {
    0% {
        transform: translate(-45%) scaleX(2)
    }

    to {
        transform: translate(0) scaleX(1)
    }
}

@keyframes pressOutSmall {
    0% {
        transform: scale(.5)
    }
}

@keyframes expandInDown {
    0% {
        opacity: 0;
        transform: scaleY(0);
        transform-origin: left top 0
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: left top 0
    }
}

@keyframes expandOutUp {
    0% {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: left top 0
    }

    to {
        opacity: 0;
        transform: scaleY(0);
        transform-origin: left top 0
    }
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    20% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

@keyframes shake {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px,0,0)
    }
}

@keyframes press {
    50% {
        transform: scale3d(.7,.7,.7)
    }
}

@keyframes unpress {
    50% {
        transform: scale3d(.7,.7,.7)
    }
}

@keyframes buttonClick {
    50% {
        transform: scale3d(.95,.95,.95)
    }
}

.expandInDown {
    animation-name: expandInDown;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.expandInDown,.expandOutUp {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.expandOutUp {
    animation-name: expandOutUp;
    animation-iteration-count: 1;
    animation-duration: .2s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.fadeIn {
    animation-name: fadeIn;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.fadeIn,.fadeInDown {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeInDown {
    animation-name: fadeInDown;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.fadeInDownBig {
    animation-name: fadeInDownBig;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.fadeInDownBig,.fadeInLeft {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeInLeft {
    animation-name: fadeInLeft;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.fadeInLeftBig,.fadeInRight {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeInRight {
    animation-name: fadeInRight;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.fadeInRightBig {
    animation-name: fadeInRightBig;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.fadeInRightBig,.fadeInUp {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeInUp {
    animation-name: fadeInUp;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.fadeInUpBig {
    animation-name: fadeInUpBig;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.fadeInUpBig,.fadeOut {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeOut {
    animation-name: fadeOut;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-fill-mode: both
}

.fadeOutDown {
    animation-name: fadeOutDown;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-fill-mode: both
}

.fadeOutDown,.fadeOutDownBig {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-fill-mode: both
}

.fadeOutLeft {
    animation-name: fadeOutLeft;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-fill-mode: both
}

.fadeOutLeft,.fadeOutLeftBig {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-fill-mode: both
}

.fadeOutRight {
    animation-name: fadeOutRight;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-fill-mode: both
}

.fadeOutRight,.fadeOutRightBig {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-fill-mode: both
}

.fadeOutUp {
    animation-name: fadeOutUp;
    animation-iteration-count: 1;
    animation-duration: .2s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-fill-mode: both
}

.fadeOutUp,.fadeOutUpBig {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-fill-mode: both
}

.slideInDown {
    animation-name: slideInDown;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.86,0,.07,1);
    animation-fill-mode: both
}

.slideInDown,.slideInLeft {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slideInLeft {
    animation-name: slideInLeft;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.86,0,.07,1);
    animation-fill-mode: both
}

.slideInRight {
    animation-name: slideInRight;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.86,0,.07,1);
    animation-fill-mode: both
}

.slideInRight,.slideInUp {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slideInUp {
    animation-name: slideInUp;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.86,0,.07,1);
    animation-fill-mode: both
}

.slideOutDown {
    animation-name: slideOutDown;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.slideOutDown,.slideOutLeft {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slideOutLeft {
    animation-name: slideOutLeft;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.slideOutRight {
    animation-name: slideOutRight;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.slideOutRight,.slideOutUp {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slideOutUp {
    animation-name: slideOutUp;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.zoomIn {
    animation-name: zoomIn;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.zoomIn,.zoomInPulse {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.zoomInPulse {
    animation-name: zoomInPulse;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.zoomInQuick {
    animation-name: zoomInQuick;
    animation-iteration-count: 1;
    animation-duration: .2s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.zoomInDown,.zoomInQuick {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.zoomInDown {
    animation-name: zoomInDown;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.zoomInLeft {
    animation-name: zoomInLeft;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.zoomInLeft,.zoomInRight {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.zoomInRight {
    animation-name: zoomInRight;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.zoomInUp {
    animation-name: zoomInUp;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.zoomInUp,.zoomOut {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.zoomOut {
    animation-name: zoomOut;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-fill-mode: both
}

.zoomOutPulse {
    animation-name: zoomOutPulse;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.zoomOutPulse,.zoomOutQuick {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.zoomOutQuick {
    animation-name: zoomOutQuick;
    animation-iteration-count: 1;
    animation-duration: .2s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-fill-mode: both
}

.zoomOutDown {
    animation-name: zoomOutDown;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-fill-mode: both
}

.zoomOutDown,.zoomOutLeft {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.zoomOutLeft {
    animation-name: zoomOutLeft;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-fill-mode: both
}

.zoomOutRight {
    animation-name: zoomOutRight;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-fill-mode: both
}

.zoomOutRight,.zoomOutUp {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.zoomOutUp {
    animation-name: zoomOutUp;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-fill-mode: both
}

.bounceIn {
    animation-name: bounceIn;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.bounceIn,.bounceOut {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.bounceOut {
    animation-name: bounceOut;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-fill-mode: both
}

.pressIn {
    animation-name: pressIn;
    animation-iteration-count: 1;
    animation-duration: .2s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.pressIn,.pressInSmall {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.pressInSmall {
    animation-name: pressInSmall;
    animation-iteration-count: 1;
    animation-duration: .2s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.pressOut {
    animation-name: pressOut;
    animation-iteration-count: 1;
    animation-duration: .2s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.pressOut,.pressOutSmall {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.pressOutSmall {
    animation-name: pressOutSmall;
    animation-iteration-count: 1;
    animation-duration: .2s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.waterIn {
    animation-name: waterIn;
    animation-iteration-count: 1;
    animation-duration: .2s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.waterIn,.waterOut {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.waterOut {
    animation-name: waterOut;
    animation-iteration-count: 1;
    animation-duration: .2s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.pulse {
    animation-name: pulse;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.pulse,.shake {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.shake {
    animation-name: shake;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.press {
    animation-name: press;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.press,.unpress {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.unpress {
    animation-name: unpress;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both
}

.buttonClick {
    animation-name: buttonClick;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.next-overlay-backdrop {
    background: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1001;
    transition: opacity .3s;
    opacity: 0
}

.opened .next-overlay-backdrop {
    opacity: .2
}

.next-overlay-wrapper .next-overlay-inner {
    z-index: 1001
}

.next-feedback {
    color: #333;
    font-family: Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,PingFang SC,Microsoft YaHei;
    font-size: 14px;
    line-height: 1.28571;
    position: relative;
    display: block;
    vertical-align: baseline
}

.next-feedback,.next-feedback *,.next-feedback :after,.next-feedback :before {
    box-sizing: border-box
}

.next-feedback:after {
    visibility: hidden;
    display: block;
    height: 0;
    font-size: 0;
    content: " ";
    clear: both
}

.next-feedback .next-feedback-wrapper {
    position: fixed;
    left: 50%
}

.next-feedback.next-feedback-success {
    border-radius: 0
}

.next-feedback.next-feedback-success .next-feedback-title {
    color: #333
}

.next-feedback.next-feedback-success .next-feedback-content {
    color: #666
}

.next-feedback.next-feedback-success .next-feedback-symbol {
    color: #1dc11d
}

.next-feedback.next-feedback-success.next-feedback-inline {
    background-color: #e8f9e8;
    border-color: transparent;
    box-shadow: none;
    border-style: solid
}

.next-feedback.next-feedback-success.next-feedback-toast {
    background-color: #fff;
    border-color: transparent;
    box-shadow: 3px 3px 5px 0 rgba(0,0,0,.32);
    border-style: solid
}

.next-feedback.next-feedback-prompt {
    border-radius: 0
}

.next-feedback.next-feedback-prompt .next-feedback-title {
    color: #333
}

.next-feedback.next-feedback-prompt .next-feedback-content {
    color: #666
}

.next-feedback.next-feedback-prompt .next-feedback-symbol {
    color: #ffa033
}

.next-feedback.next-feedback-prompt.next-feedback-inline {
    background-color: #fff1e8;
    border-color: transparent;
    box-shadow: none;
    border-style: solid
}

.next-feedback.next-feedback-prompt.next-feedback-toast {
    background-color: #fff;
    border-color: transparent;
    box-shadow: 3px 3px 5px 0 rgba(0,0,0,.32);
    border-style: solid
}

.next-feedback.next-feedback-error {
    border-radius: 0
}

.next-feedback.next-feedback-error .next-feedback-title {
    color: #333
}

.next-feedback.next-feedback-error .next-feedback-content {
    color: #666
}

.next-feedback.next-feedback-error .next-feedback-symbol {
    color: #f33
}

.next-feedback.next-feedback-error.next-feedback-inline {
    background-color: #fae7e7;
    border-color: transparent;
    box-shadow: none;
    border-style: solid
}

.next-feedback.next-feedback-error.next-feedback-toast,.next-feedback.next-feedback-toast {
    background-color: #fff;
    border-color: transparent;
    box-shadow: 3px 3px 5px 0 rgba(0,0,0,.32);
    border-style: solid
}

.next-feedback.next-feedback-addon {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none
}

.next-feedback.next-feedback-addon.next-feedback-large,.next-feedback.next-feedback-addon.next-feedback-medium {
    padding: 0
}

.next-feedback.next-feedback-medium {
    border-width: 1px;
    padding: 12px
}

.next-feedback.next-feedback-medium .next-feedback-symbol {
    float: left;
    line-height: 16px
}

.next-feedback.next-feedback-medium .next-feedback-symbol:before {
    width: 16px;
    font-size: 16px;
    line-height: inherit
}

.next-feedback.next-feedback-medium .next-feedback-title {
    padding: 0 12px 0 24px;
    font-size: 14px;
    line-height: 14px
}

.next-feedback.next-feedback-medium .next-feedback-content {
    margin-top: 4px;
    padding: 0 12px 0 24px;
    font-size: 14px;
    line-height: 14px
}

.next-feedback.next-feedback-medium .next-feedback-symbol+.next-feedback-content {
    margin-top: 0
}

.next-feedback.next-feedback-medium.next-feedback-only-content .next-feedback-content,.next-feedback.next-feedback-medium.next-feedback-title-content .next-feedback-title {
    line-height: 16px
}

.next-feedback.next-feedback-large {
    border-width: 2px;
    padding: 20px;
    line-height: 18px
}

.next-feedback.next-feedback-large .next-feedback-symbol {
    float: left;
    line-height: 32px
}

.next-feedback.next-feedback-large .next-feedback-symbol:before {
    width: 32px;
    font-size: 32px;
    line-height: inherit
}

.next-feedback.next-feedback-large .next-feedback-title {
    padding: 0 16px 0 44px;
    font-size: 16px;
    line-height: 16px
}

.next-feedback.next-feedback-large .next-feedback-content {
    margin-top: 8px;
    padding: 0 16px 0 44px;
    font-size: 14px;
    line-height: 14px
}

.next-feedback.next-feedback-large .next-feedback-symbol+.next-feedback-content {
    margin-top: 0
}

.next-feedback.next-feedback-large.next-feedback-only-content .next-feedback-content,.next-feedback.next-feedback-large.next-feedback-title-content .next-feedback-title {
    line-height: 32px
}

.next-feedback.next-feedback-toast.next-feedback-ie8 {
    border-color: #dcdee3
}

.next-feedback.next-feedback-hide {
    display: none
}
.title-name{
    width: 100%;
    display: flex;

    justify-content: space-between;
}
.hotkeyword-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}
.hotkeyword-list li{
    width: 11%;
    height: 26px;
    line-height: 26px;
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.hotkeyword-list li a{
    width: 115px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #7d8387;
    font-size: 14px;
}
.hotkeyword-list li :hover{
    color: #FF791A;
}
.hot{
    width:1180px;
    margin:0 auto;

}
.container{
    width: 890px;
}

.sign-content.partner-section {
    margin-top: 20px;
    height: auto;
    background: #fff;
}
.nav-tab {
    height: 50px;
    border-bottom: 1px solid #e3e4e6;
    padding-left: 10px;
    margin-bottom: 0;
}
.notice-panel {
    width:380px;
    line-height: 20px;
    padding:0 20px 20px;
    box-sizing:border-box;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
}
.sign-content .more {
    position: absolute;
    right: 28px;
    top: 24px;
    z-index: 1;
    color: #36f;
}
.nav-tab li {
    position: relative;
    height: 50px;
    padding-top: 20px;
    float: left;
    display: inline-block;
    margin-left: 20px;
    margin-top: -1px;
}
.nav-tab li span {
    font-size: 18px;
    line-height: 24px;
    color: #333;
    text-decoration: none;
}



.notice-panel a {
    color: #333;
    text-decoration: none;
}
.spec-li {
    width: 40%;
    margin-right: 20px;
    line-height: 24px;
    line-height:3;
}
.notice-panel li {
    min-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bread {
    padding-top:20px
}

.bread a {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #181818;
    letter-spacing: 1px;
    text-align: right;
}
.currentPage{
    color: #ff6a00!important;
}


.container-developer .title-name {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 5px;
}

.container-developer .title-name h3 {
    width: 100%;
    height: 42px;
    display: block;
    line-height: 42px;
    font-size: 24px;
    font-family: Roboto-Regular;
    color: #373d41;
}

.container-developer .developer-lists ul {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.developer-lists ul li {
    width: 11%;
    height: 26px;
    line-height: 26px;
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.developer-lists li a {
    width: 115px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #7d8387;
    font-size: 14px;
}

.developer-lists li a:hover{
    color: #ff6a00;
}

.yq-link-info {
    margin: 0;
    line-height: 22px;
    text-align: left;
    overflow: hidden;
}

.yq-link-info .title-info {
    float: left;
    color: #9b9ea0;
}

.yq-link-info .item-list {
    padding-left: 70px;
}

.yq-link-info .item-list .item {
    float: left;
    padding-right: 20px;
    color: #333;
    text-decoration: none;
}

.yq-link-info .item-list .item:hover{
    color:#ff6a00;
}

.directory {
    width: 100%;
    margin: 10px auto;
    display: flex;
}

ul.directory li {
    font-family:PingFangSC!important;
    font-size: 14px;
    color: #ff6a00;
    letter-spacing: .16px;
    line-height: 24px;
    padding: 0 5px;
    height: 37px;
    margin-right: 30px;
    transition: all .3s;
    border-bottom: 2px solid transparent;
}

ul.directory li:last-of-type{
    border-right:none;
}


ul.directory li a {
    font-size: 14px;
    color: #373d41;
    display: block;
}

ul.directory li.selected a, ul.directory li:hover a {
    color: #ff6a00!important;
}

ul.directory li.selected, ul.directory li:hover {
    border-bottom: 2px solid #ff6a00!important;
}