.index .mode-name {
    width: 100%;
    height: 50px;
    position: relative
}
.index .el-button.is-full {
    width: 100%;
}
.index .mode-name .cn {
    position: absolute;
    width: 100%;
    height: 30px;
    line-height: 30px;
    z-index: 2
}

.index .mode-name .cn strong {
    font-size: 24px
}

.index .mode-name .cn span {
    margin-left: 10px
}

.index .mode-name .cn .more .iconfont {
    margin: -3px 0 0 10px;
    font-size: 14px
}

.index .mode-name .en {
    position: absolute;
    top: 10px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    color: #edecec;
    z-index: 1
}

.index .mode-name.dark .cn {
    color: #fff
}

.index .mode-name.dark .en {
    opacity: .1
}


.index .hot-mode {
    background-repeat: no-repeat;
    background-position: center 334px
}


ul {
    list-style: none
}

a {
    color: #1b1b1b;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #3c7ee5;
    text-decoration: none
}

button,
input {
    border: 0;
    outline: 0;
    font-family: Microsoft Yahei
}

button:-webkit-autofill,
input:-webkit-autofill {
    background: none !important
}

.clearfix:after,
.container:after {
    clear: both
}

.clearfix:after,
.clearfix:before {
    display: table;
    content: " "
}

.pull-left {
    float: left !important
}

.pull-right {
    float: right !important
}

.container {
    width: 1200px;
    margin: 0 auto
}

.fs12 {
    font-size: 12px !important
}

.fs18 {
    font-size: 18px !important
}

.fs24 {
    font-size: 24px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.ml-10 {
    margin-left: 10px !important
}

.bg-white {
    background: #fff
}

.color-main {
    color: #3c7ee5
}

.iconfont {
    display: inline-block
}

.icon,
.iconfont {
    vertical-align: middle
}

.icon {
    width: 1em;
    height: 1em;
    fill: currentColor;
    overflow: hidden
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

.float-tag {
    position: absolute;
    width: 38px;
    height: 16px;
    line-height: 16px;
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    font-style: normal;
    text-align: center
}

.float-tag:after {
    content: " ";
    position: absolute
}

.float-tag.t-remark {
    background: #fb5555
}

.float-tag.t-remark:after {
    top: 5px;
    left: -3px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-right: 3px solid #fb5555
}

.nav-toggle-menu .menu-item .menu-content /deep/ .el-scrollbar .el-scrollbar__wrap {
    overflow: hidden
}

.filter {
    margin-bottom: 10px
}

.filter .el-button {
    min-width: 108px
}



.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
    box-shadow: 0 0 2px 2px #3c7ee5
}

.el-form-item {
    margin-bottom: 22px
}

.el-form-item:after,
.el-form-item:before {
    display: table;
    content: ""
}

.el-form-item:after {
    clear: both
}

.el-form-item__content {
    line-height: 40px;
    position: relative;
    font-size: 14px
}

.el-form-item__content:after,
.el-form-item__content:before {
    display: table;
    content: ""
}

.el-form-item__content:after {
    clear: both
}

.el-tabs__item:focus.is-active.is-focus:not(:active) {
    box-shadow: inset 0 0 2px 2px #3c7ee5;
    border-radius: 3px
}

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

.el-button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.el-collapse-item__header.focusing:focus:not(:hover) {
    color: #3c7ee5
}

.el-input__inner {
    line-height: 36px
}

.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__inner {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 2px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #1b1b1b;
    display: inline-block;
    font-size: inherit;
    height: 36px;
    outline: 0;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%
}

.el-button {
    -webkit-box-sizing: border-box
}

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

.el-input__inner::-moz-placeholder {
    color: #c0c4cc
}

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

.el-input__inner:hover {
    border-color: #c0c4cc
}

.el-input__inner:focus {
    border-color: #3c7ee5;
    outline: 0
}

.el-input--suffix .el-input__inner {
    padding-right: 30px
}

.el-input__inner::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #1b1b1b;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 2px
}

.el-button:focus,
.el-button:hover {
    color: #3c7ee5;
    border-color: #c5d8f7;
    background-color: #ecf2fc
}

.el-button:active {
    color: #3671ce;
    border-color: #3671ce;
    outline: 0
}

.el-button::-moz-focus-inner {
    border: 0
}

.el-button--primary {
    color: #fff;
    background-color: #3c7ee5;
    border-color: #3c7ee5
}

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

.el-button--primary:active {
    background: #3671ce;
    border-color: #3671ce;
    color: #fff
}

.el-button--primary:active {
    outline: 0
}

.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
    box-shadow: 0 0 2px 2px #3c7ee5
}
.trademark-supreme{
    background: #f4f4f7 !important;
    padding-top: 20px;
    padding-bottom: 20px;
}
.index-supreme.container {
    margin-top: 30px;

}

.index-supreme .query-mode {
    width: 232px;
    border-radius: 4px;
    overflow: hidden
}

.index-supreme .query-mode .name {
    height: 211px;
    padding-top: 80px;
    background: url(../../../img/supreme_bg.png) no-repeat 50%;
    color: #fff;
    text-align: center
}

.index-supreme .query-mode .name .cn {
    height: 30px;
    line-height: 30px
}

.index-supreme .query-mode .name .en {
    width: 78px;
    line-height: 16px;
    margin: 0 auto;
    padding: 16px 0;
    border-bottom: 1px solid #fff;
    font-size: 12px
}

.index-supreme .filter {
    padding: 20px;
    background: #fff;
    position: relative
}

.index-supreme .filter .tit {
    height: 20px;
    margin-bottom: 12px;
    font-weight: 600;
    color: #6e6e6e
}

.index-supreme .filter .el-form-item {
    margin-bottom: 10px
}

.index-supreme .filter .el-form-item .el-form-item__content {
    line-height: 36px
}

.index-supreme .filter .el-form-item .el-input__inner {
    height: 36px;
    line-height: 36px;
    border-radius: 2px
}

.index-supreme .filter .el-form-item:last-child {
    margin-bottom: 0
}

.index-supreme .filter .my-toast {
    position: absolute;
    left: 50%;
    padding: 10px;
    background: rgba(0, 0, 0, .7);
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    top: 50%;
    width: 65%;
    transform: translate(-50%, -50%);
    text-align: center
}

.index-supreme .list-mode {
    width: 958px
}

.supreme-list {
    width: 958px
}

.supreme-list .item {
    width: 191px;
    height: 56px;
    line-height: 56px;
    border: 1px solid #f4f4f7;
}

.supreme-list .item:not(:nth-child(5n+1)) {
    border-left: 0
}

.supreme-list .item:not(:nth-child(-n+5)) {
    border-top: 0
}

.supreme-list .item:hover {
    box-shadow: 0 7px 14px rgba(0, 0, 0, .1);
    position: relative
}

.supreme-list .item .link {
    position: relative;
    display: block;
    padding-left: 12px
}

.supreme-list .item .link .text {
    vertical-align: middle
}

.supreme-list .item .link .tag {
    top: 21px;
    right: 7px
}


.supreme-list .item .tm-img .img-wrapper {
    line-height: 120px;
    height: 120px;
}

.supreme-list .item .tm-img {
    height: 140px;
}
.verify-img{
    width: 90px;
    margin-left: 5px;
    height: 36px;
    border-radius: 2px;
}