@font-face {
    font-family: WorkSans;
    src: url(./fonts/WorkSans-Regular.otf);
}

@font-face {
    font-family: WorkSansMedium;
    src: url(./fonts/WorkSans-Medium.otf);
}

@font-face {
    font-family: WorkSansSemiBold;
    src: url(./fonts/WorkSans-SemiBold.otf);
}

@font-face {
    font-family: WorkSansBold;
    src: url(./fonts/WorkSans-Bold.otf);
}

body {
    font-family: WorkSans, Arial !important;
}


.btn-asinseed {
    color: #fff;
    background-color: #377dff;
    border-color: #377dff;
}

.btn-asinseed:hover {
    color: #fff;
    background-color: #1164ff;
    border-color: #045cff;
}

.btn-asinseed:focus, .btn-asinseed.focus {
    box-shadow: 0 0 0 0.2rem rgba(55, 125, 255, 0.5);
}

.btn-asinseed.disabled, .btn-asinseed:disabled {
    color: #fff;
    background-color: #377dff;
    border-color: #377dff;
}

.btn-asinseed:not(:disabled):not(.disabled):active, .btn-asinseed:not(:disabled):not(.disabled).active,
.show > .btn-asinseed.dropdown-toggle {
    color: #fff;
    background-color: #045cff;
    border-color: #0056f6;
}

.btn-asinseed:not(:disabled):not(.disabled):active:focus, .btn-asinseed:not(:disabled):not(.disabled).active:focus,
.show > .btn-asinseed.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(55, 125, 255, 0.5);
}



.btn-asinseed-link {
    color: #8C98A2;
    font-weight: 400;
    background-color: transparent;
}

.btn-asinseed-link:hover {
    color: #FF9200;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
}

.btn-li-link {
    color: #FF9200;
    font-weight: 400;
    background-color: transparent;
}

.btn-li-link:hover {
    color: #E18100;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
}

.btn-asinseed-link:focus, .btn-asinseed-link.focus {
    text-decoration: none;
    border-color: transparent;
    box-shadow: none;
}

.btn-asinseed-link:disabled, .btn-asinseed-link.disabled {
    color: #8c98a4;
    pointer-events: none;
}

.btn-outline-asinseed {
    color: #FCBD78;
    background-color: transparent;
    background-image: none;
    border-color: #FCBD78;
    font-weight: 700 !important;
}

.btn-outline-asinseed:hover {
    color: #fff;
    background-color: #FCBD78;
    border-color: #FCBD78;
}

.btn-outline-asinseed:focus, .btn-outline-asinseed.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-asinseed.disabled, .btn-outline-asinseed:disabled {
    color: #FCBD78;
    background-color: transparent;
}

.btn-outline-asinseed:not(:disabled):not(.disabled):active, .btn-outline-asinseed:not(:disabled):not(.disabled).active,
.show > .btn-outline-asinseed.dropdown-toggle {
    color: #1e2022;
    background-color: #FCBD78;
    border-color: #FCBD78;
}

.btn-outline-asinseed:not(:disabled):not(.disabled):active:focus, .btn-outline-asinseed:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-asinseed.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

/* facebook */
.u-btn-asinseed {
    color: #fff;
    background-color: #FF9200;
    border-color: #FF9200;
}

.u-btn-asinseed:hover {
    color: #fff;
    background-color: #FFB24B;
    border-color: #FFB24B;
}

.u-btn-asinseed:focus, .u-btn-asinseed.focus {
    box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.5);
}

.u-btn-asinseed.disabled, .u-btn-asinseed:disabled {
    background-color: #ADB6BF;
    border-color: #ADB6BF;
}

.u-btn-asinseed:not([disabled]):not(.disabled):active, .u-btn-asinseed:not([disabled]):not(.disabled).active,
.show > .u-btn-asinseed.dropdown-toggle {
    color: #fff;
    background-color: #2d4373;
    border-color: #293e6a;
    box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.5);
}

/* air */
.u-btn-asinseed--air {
    color: #FF9200;
    background: transparent;
    border-color: transparent;
}

.u-btn-asinseed--air:hover, .u-btn-asinseed--air:focus, .u-btn-asinseed--air:active, .u-btn-asinseed--air.active {
    color: #fff;
    box-shadow: 0 4px 17px rgba(255, 193, 7, 0.35);
}
.u-btn-asinseed-defined{
    background-color:#FFF5E6;
    border:1px solid #FF9300;
    color: #FF9300;
}
.u-btn-asinseed-defined .iconfont,.u-btn-asinseed-defined{
    font-size: 14px;
}
.btn-size-defined .iconfont{
    font-size: 14px;
}
.u-btn-asinseed-defined:hover:not(:disabled){
    color: #fff;
    background-color: #FD9226;
    border-color: #FD9226;
}
.btn-size-defined{
    padding: 0.5rem 1.125rem;
    font-size: 14px;
}
.u-btn-asinseed-border{
    color: #FB8C1E;
    background-color: transparent;
    border-color: #FB8C1E;
}
.u-btn-asinseed-border:hover{
    color: #FD9226;
    border-color: #FD9226;
}
.subscribe-label-span{
    display: inline-block;
    line-height: 26px;
    color: #fff;
    font-size:13px;
    font-weight: 500;
    text-align: center;
    width:75px;
    height:26px;
    background:rgba(255,92,39,1);
    border-radius:10px;
}
.u-120-avatar {
    width: 120px;
    height: 120px;
}

.text-asinseed {
    color: #FF9200;
}

.text-asinseed-black {
    color: #484B4E;
}
.text-asinseed-white-lighter {
    color: rgba(255, 255, 255, 0.4);
}

.text-asinseed-white-lighter2 {
    color: rgba(255, 255, 255, 0.7);
}

.u-fill-asinseed {
    fill: #FF9200;
}

.u-icon-asinseed--air {
    color: #FF9200;
    /*background: rgba(255, 193, 7, 0.1);*/
    border:1px solid rgba(238,238,238, .8);
}

.u-icon-asinseed--air[href]:hover, .u-icon-asinseed--air[href]:focus, .u-icon-asinseed--air[href]:active {
    color: #1e2022;
    background: #FCBD78;
}


.u-link-asinseed-grey {
    color: #8c98a4;
    border-bottom: 1px dashed #97a4af;
}

.u-link-asinseed-grey:hover {
    color: #FB9136;
    border-color: #FB9136;
}
.u-link-asinseed-grey-without-bottom {
    color: #8c98a4;
    border-bottom: 1px dashed transparent;
}
.u-link-asinseed-dark-without-bottom {
    color: #484b4e;
    border-bottom: 1px dashed transparent;
}
.u-link-asinseed-dark-without-bottom:hover, .u-link-asinseed-grey-without-bottom:hover {
    color: #FB9136;
    border-color: #FB9136;
    border-bottom: 1px dashed #FB9136;
}

.nav-item:hover > .nav-item-asinseed-link{
    color: #FB9136 !important;
    border-bottom: 2px solid #FB9136;
    background-color: rgba(255, 255, 255, 0.2);
}
.nav-item-asinseed-link.active, .nav-item-asinseed-link:hover, #accountSettingsDropdown + .nav-item-asinseed-link{
    color: #FB9136 !important;
    border-bottom: 2px solid #FB9136;
    background-color: rgba(255, 255, 255, 0.2);
}

.u-gradient-overlay-half-blue-grey-v1::before {
    background-image: linear-gradient(150deg, rgba(11,30,58, .5) 0%, rgba(28,39,56, .5) 75%);
    background-repeat: repeat-x;
}
.u-gradient-overlay-half-black-v1::before {
    background-image: linear-gradient(150deg, #111024 0%, #111024 100%);
    background-repeat: repeat-x;
}
.u-gradient-overlay-half-main-testimonials-v1::before {
    background-image: linear-gradient(150deg, rgba(34,36,42, .65) 0%, rgba(34,36,42, .65) 75%);
    background-repeat: repeat-x;
}

.u-gradient-overlay-half-privacy-head-title-v1::before {
    background-image: linear-gradient(150deg, #FEA732 0%, #FEA732 100%);
    background-repeat: repeat-x;
}

.u-card-header-asinseed:hover {
    background-color: #fff;
}

.u-sidebar-asinseed--account__list-link.active, .u-sidebar-asinseed--account__list-link:hover {
    color: #FF9200;
    background-color: rgba(246,247,249, 1);
}

.u-sidebar-asinseed--account__list-link:hover .u-sidebar--account__list-icon {
    color: #FF9200;
}


/* 关键词权重 **/
.asin-rating {
    display: inline-block;
    min-width: 86px;
    height: 20px;
    text-align: right;
}
.asin-rating.r5 .leaf:nth-last-child(5), .asin-rating.r5 .leaf:nth-last-child(5)~.leaf {
    display: inline-block;
}
.asin-rating.r3 .leaf:nth-last-child(3), .asin-rating.r3 .leaf:nth-last-child(3) ~ .leaf, .asin-rating.r4 .leaf:nth-last-child(4), .asin-rating.r4 .leaf:nth-last-child(4) ~ .leaf {
    display: inline-block;
    opacity:0.8;
    filter:alpha(opacity=80)
}

.asin-rating.r1 .leaf:last-child, .asin-rating.r2 .leaf:nth-last-child(2), .asin-rating.r2 .leaf:nth-last-child(2) ~ .leaf {
    display: inline-block;
    background-image: url("/assets/svg/leaf/leaf-gray.svg");
}
.asin-rating .leaf {
    display: none;
    height: 100%;
    width: 12px;
    margin-left: 2px;
    background-image: url("/assets/svg/leaf/leaf.svg");
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}


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

.badge-asinseed-keywords-weight {
    font-size: 14px;
    color: #677785;
    background-color: rgba(182, 214, 249, 1);
    padding: 8px;
}

.u-variation-list__link {
    display: block;
    color: #677785;
    font-size: 0.925rem;
    padding-top: 0.475rem;
    padding-bottom: 0.475rem;
    border-bottom: 1px dotted #E7EAF3;
}
.u-variation-list__link .u-list__link-icon {
    color: #B7BEC6;
}
.u-variation-list__link a {
    color: #677785;
}
.u-variation-list__link .badge {
    color: #98BBE1;
    background-color: #EBF4FE;
}
.u-variation-list__link.active {
    border-bottom: 2px dotted #E7EAF3;
}
.u-variation-list__link.active a, .u-variation-list__link:hover a, .u-variation-list__link.active .u-list__link-icon , .u-variation-list__link:hover .u-list__link-icon {
    color: #FF9300;
}

.table-popover th, .table-popover td {
    padding: 0.45rem;
}

.modal-bbs-content p{
    margin: 0px;
    color: #77838F;
    font-size: 14px;
}

.bg-main {
    background-color: #f6f6f8;
}
.bg-light {
    background-color: white !important;
}

.custom-tab-link {
    color: #77838f;
    padding: 1px;
    display: inline-block;
}
.custom-tab-link.active {
    color: #ff9200;
    border-bottom: 2px solid #ff9200;
}

.u-breadcrumb {
    height: 60px;
    line-height: 60px;

    background-image: url("/assets/images/bg/label_background@2x.png");
    background-size: contain;
}
.u-breadcrumb-text {
    font-size: 14px;
    color: white;
    opacity: 0.7;
}
.u-breadcrumb-text.current {
    opacity: 1.0;
}

.popover {
    border: 1px solid #9ba8b8 !important;
}

.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {
    border-top-color: #9ba8b8 !important;
}

.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
    border-top-color: #9ba8b8 !important;
}

.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
    border-right-color: #9ba8b8 !important;
}

.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
    border-right-color: #9ba8b8 !important;
}

.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #9ba8b8 !important;
}

.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
    border-bottom-color: #9ba8b8 !important;
}

.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
    border-left-color: #9ba8b8 !important;
}


.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
    border-left-color: #9ba8b8 !important;
}

.popover-body {
    background-color: #9ba8b8 !important;
}

.table-popover td, .table-popover th {
    border: 0 !important;
    padding: 0.6rem 0.45rem;
}
.table-popover thead tr {
    border-bottom: 1px dashed grey;
}
.table-popover tbody tr:not(:last-child) {
    border-bottom: 1px dashed white;
}
.u-link-decoration {
    color: #f28c00;
    border-bottom: 1px #f28c00 solid;
}
.u-link-decoration:hover{
    color: #e28300;
    border-bottom-color: #e28300;
}
.u-link-ss {
    color: #f28c00;
}
.u-link-ss:hover {
    color: #e28300;
}
.u-link-ss-grey {
    color: #8c98a4;
}
.u-link-ss-grey:hover {
    color: #e28300;
}