html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    min-width: 200px
}

*,
:after,
:before,
html {
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased !important
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0 none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-rtl-ordering: logical
}

a {
    text-decoration: none
}

a,
button,
input,
select,
textarea {
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased !important
}

button,
input,
select,
textarea {
    -webkit-transform: translateZ(0);
    -webkit-user-select: text !important;
    border-radius: 0;
    border: 0;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre {
    margin: 0;
    font-weight: 400
}

blockquote,
button,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre {
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased !important
}

button {
    background: transparent;
    border: 0;
    padding: 0
}

button:focus {
    outline: 1px none;
    outline: none;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased !important
}

fieldset {
    margin: 0;
    padding: 0
}

fieldset,
iframe {
    border: 0
}

fieldset,
iframe,
ol,
ul {
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased !important
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.all_center {
    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;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.videos,
video {
    width: 100%
}

body {
    max-width: 1920px;
    margin: 0 auto
}

::-webkit-input-placeholder {
    color: #6c717a
}

@font-face {
    font-family: sweetSansPro-Regular;
    src: url(../assets/fonts/SweetSansPro-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: sweetSans;
    src: url(https://use.typekit.net/af/59a1b6/00000000000000007735c62f/30/l?fvd=n8&primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&v=3);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: times;
    src: url(../assets/fonts/times.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: NeueHaasUnicaW1G-Regular;
    src: url(../assets/fonts/NeueHaasUnicaW1G-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: NeueHaasGroteskTextPro55Roman;
    src: url(../assets/fonts/neue-haas-grotesk-text-pro-55-roman.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: NHaasGroteskTXPro-55Rg;
    src: url(../assets/fonts/NHaasGroteskTXPro-55Rg.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ITCAvantGardePro-Bold;
    src: url(../assets/fonts/ITCAvantGardePro-Bold.otf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: SourceHanSansCN-Bold;
    src: url(../assets/fonts/NotoSansHant-Bold.otf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: SourceHanSansCN-Normal;
    src: url(../assets/fonts/SourceHanSansCN-Normal.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Caslon540LTStd-Italic;
    src: url(../assets/fonts/Caslon540LTStd-Italic.otf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: CrimsonText-Regular-5;
    src: url(../assets/fonts/CrimsonText-Regular-5.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: l;
    src: url(https://use.typekit.net/af/1285d2/00000000000000003b9b2050/27/l?fvd=n4&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: sweet;
    src: url(../assets/fonts/SweetSansPro-Regular.ttf) format("truetype");
    font-weight: 800;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: NHaasGroteskTXPro-MG;
    src: url(https://use.typekit.net/af/0230dd/00000000000000007735bb33/30/l?fvd=n4&primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&v=3) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ArimoLight;
    src: url(../assets/fonts/ArimoLight.otf) format("OpenType");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: NHaasGroteskTXPro;
    src: url(../assets/fonts/NHaasGroteskTXPro-55Rg.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Arimo-Medium;
    src: url(../assets/fonts/Arimo-Medium.otf) format("OpenType");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Arimo-Regular;
    src: url(../assets/fonts/Arimo-Regular.ttf) format("OpenType");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Arimo-Bold;
    src: url(../assets/fonts/Arimo-Bold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: SweetSansPro-Bold;
    src: url(../assets/fonts/SweetSansPro-Bold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: AGaramondPro-Regular;
    src: url(../assets/fonts/AGaramondPro-Regular.otf) format("truetype");
    font-weight: 400;
    font-style: normal
}

[v-cloak] {
    display: none
}

#app {
    width: 100%;
    overflow: hidden
}

@media screen and (max-width:750px) {
    .mobile_base {
        display: block
    }

    .pc_base {
        display: none
    }

    body {
        padding-top: 1.15rem
    }

    #formMask {
        overflow-y: scroll;
        max-height: 90vh
    }

    #indexShow {
        font-size: .24rem
    }
}

@media screen and (min-width:751px) {
    .mobile_base {
        display: none
    }

    .pc_base {
        display: block
    }

    body {
        padding-top: 108px;
        min-width: 1000px
    }
}

.b:hover {
    background: #40464e !important
}

.bb:hover {
    border: 1px solid #d1d4d7 !important
}

.check {
    background: #fff;
    border: 1px solid #d1d4d7;
    height: 18px;
    width: 18px;
    position: relative;
    cursor: pointer
}

.check.active {
    border: 1px solid #6c717a
}

.check.active:after {
    background: transparent;
    border: 1px solid #191919;
    border-top: none;
    border-right: none;
    content: "";
    height: 4px;
    left: 4px;
    position: absolute;
    top: 6px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 10px
}

.heards a {
    color: #40464e !important;
    border-bottom: 1px solid #191919
}

.heards a:hover {
    border-bottom: 1px solid #a7aaaf
}

.pc_base.foot .footer_desc {
    font-family: NHaasGroteskTXPro-55Rg;
    font-size: 15px !important;
    line-height: 25px;
    letter-spacing: .5px;
    color: #191919 !important;
    margin-top: 2px
}

.pc_base.foot .footer_desc a {
    color: #000;
    border-bottom: 1px solid #191919
}

.pc_base.foot .footer_desc a:hover {
    border-bottom: 1px solid rgba(25, 25, 25, .4) !important
}

.pcsearch {
    position: fixed;
    top: 143px;
    background: #fff;
    width: 100%;
    padding-bottom: 60px;
    padding-top: 50px
}

.pcsearch.top107 {
    top: 107px
}

.pcsearch .search {
    margin: 0 auto;
    width: 600px;
    height: 40px;
    border-bottom: 1px solid #d4d4d4;
    line-height: 40px;
    position: relative;
    font-size: 20px
}

.pcsearch .search input {
    font-family: sweet;
    display: block;
    width: 600px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 60px;
    letter-spacing: .75px;
    font-weight: 800
}

.pcsearch .search ::-webkit-input-placeholder {
    font-family: sweet;
    font-size: 18px;
    color: #a7aaaf;
    font-weight: 400;
    letter-spacing: .75px
}

.pcsearch .search :-moz-placeholder,
.pcsearch .search ::-moz-placeholder {
    font-family: sweet;
    font-size: 18px;
    color: #a7aaaf;
    font-weight: 400;
    letter-spacing: .75px
}

.pcsearch .search :-ms-input-placeholder {
    font-family: sweet;
    font-size: 18px;
    color: #a7aaaf;
    font-weight: 400;
    letter-spacing: .75px
}

.pcsearch .search .close {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

.pcsearch .searchList {
    width: 600px;
    max-height: 290px;
    margin: 0 auto;
    padding-top: 20px;
    overflow-y: scroll
}

.pcsearch .searchList::-webkit-scrollbar {
    display: none
}

.pcsearch .searchList .items {
    font-size: 12px;
    font-family: sweet;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    letter-spacing: .75px;
    font-weight: 800
}

.mobile_base.foot .footer_desc {
    font-family: NeueHaasGroteskTextPro55Roman !important;
    font-size: 13px !important;
    color: #191919 !important;
    line-height: 24px;
    letter-spacing: .5px;
    margin-top: 2px
}

.mobile_base.foot .footer_desc a {
    color: #000;
    border-bottom: 1px solid #191919
}

.mobile_base.foot {
    padding-top: 47px !important;
    height: auto
}

.mobile_base.foot #follow {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 48px 0 30px;
    height: 50px
}

.mobile_base.foot #follow .follow {
    padding: 0;
    text-align: left;
    font-size: 14px;
    font-family: SweetSansPro-Bold;
    letter-spacing: .75px;
    font-weight: 800
}

.mobile_base.foot #follow .share_btn {
    text-align: right;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.mobile_base.foot #follow .share_btn li {
    width: 28px;
    height: 28px
}

.mobile_base.foot #follow .share_btn .youku {
    width: 55px
}

.mobile_base.foot .title {
    font-size: 20px;
    color: #191919;
    font-family: SweetSansPro-M;
    letter-spacing: .75px;
    line-height: 26px
}

.mobile_base.foot .email {
    margin: 0 30px;
    margin-top: 45px;
    margin-bottom: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto;
    padding: 0
}

.mobile_base.foot .email #email-input,
.mobile_base.foot .email #footer-country {
    width: 100%;
    margin-bottom: 30px
}

.mobile_base.foot .email .submit {
    width: 100%;
    font-size: 13px;
    font-family: SweetSansPro-Bold;
    color: #fff;
    letter-spacing: .75px;
    font-weight: 700
}

.m_mask {
    left: 0;
    width: 100%
}

.m_mask,
.m_mune_mask {
    position: fixed;
    z-index: 99999;
    top: 0;
    height: 100%
}

.m_mune_mask {
    background: #fb8902;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.m_mune,
.m_mune_mask {
    left: 0;
    width: 6.36rem;
    left: -100%
}

.m_mune {
    position: fixed;
    top: 0;
    height: 100%;
    background: #fff;
    z-index: 999999;
    -webkit-transition: all .25s linear;
    transition: all .25s linear
}

.m_mune .muneLogo {
    display: block;
    margin: .38rem 0 11px;
    width: 26px;
    height: 26px;
    margin-left: 20px
}

.m_mune .items div {
    display: block;
    font-family: sweetSans;
    color: #191919;
    font-size: 12px;
    padding: 11px 0;
    line-height: 18px;
    padding-left: 20px;
    letter-spacing: .75px;
    text-transform: uppercase;
    font-weight: 800
}

.m_mune .items div.active {
    background: #e3e3e3
}

.msearchs {
    height: 100%;
    z-index: 9999999999;
    padding-top: 1rem;
    overflow-y: scroll
}

.msearchs,
.msearchs .searchInputs {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff
}

.msearchs .searchInputs {
    height: 1.2rem;
    z-index: 999
}

.msearchs .serchList {
    width: 6.8rem;
    margin: .3rem auto 0;
    font-size: .22rem;
    font-family: sweet;
    line-height: .9rem;
    letter-spacing: .75px;
    font-weight: 800
}

.msearchs .searchInput {
    height: .8rem;
    width: 6.8rem;
    position: fixed;
    z-index: 9999;
    top: .2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom: 1px solid #d4d4d4;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: centent;
    -ms-flex-align: centent;
    align-items: centent
}

.msearchs .searchInput input {
    font-family: sweet;
    display: block;
    width: 100%;
    position: relative;
    z-index: 99999;
    font-size: .24rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: .3rem;
    letter-spacing: .75px;
    font-weight: 800
}

.msearchs .searchInput ::-webkit-input-placeholder {
    font-family: sweet;
    font-size: .24rem;
    color: #a7aaaf;
    font-weight: 400;
    letter-spacing: .75px;
    font-weight: 800
}

.msearchs .searchInput :-moz-placeholder,
.msearchs .searchInput ::-moz-placeholder {
    font-family: sweet;
    font-size: .24rem;
    color: #a7aaaf;
    font-weight: 400;
    letter-spacing: .75px;
    font-weight: 800
}

.msearchs .searchInput :-ms-input-placeholder {
    font-family: sweet;
    font-size: .24rem;
    color: #a7aaaf;
    font-weight: 400;
    letter-spacing: .75px;
    font-weight: 800
}

.msearchs .searchInput img {
    position: absolute;
    width: .3rem;
    height: .3rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: .06rem;
    z-index: 999999
}

.m_heard {
    height: 60px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 9;
    overflow: hidden
}

.m_heard .msearch {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    width: .24rem;
    height: .24rem
}

.m_heard .m_heards {
    height: 60px;
    margin: 0 20px 0 14px;
    position: relative
}

.m_heard .m_heards .menu {
    position: absolute;
    width: .54rem;
    height: .4rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.m_heard .m_heards .logo {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.m_heard .m_daliy,
.m_heard .m_heards .mdaliy {
    display: none
}

.m_heard.active {
    height: 2.46rem
}

.m_heard.active .m_heards {
    background: #faf6f1;
    margin: 0
}

.m_heard.active .m_heards .menu {
    display: none
}

.m_heard.active .m_heards .mdaliy {
    position: absolute;
    width: .78rem;
    height: .7rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block
}

.m_heard.active .m_heards .logo {
    display: none
}

.m_heard.active .m_daliy {
    position: relative;
    display: block
}

.m_heard.active .m_daliy .menu {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.m_heard.active .m_daliy .m_dailys {
    display: block;
    width: 100%;
    height: 1.32rem
}

@media screen and (max-width:751px) {
    .centent.active {
        padding-top: 1.16rem
    }
}

@media screen and (min-width:751px) {
    .centent.active {
        padding-top: 128px
    }
}

.mask {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    padding: 10px 20px;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    border-radius: 2px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.mask.active {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.foot {
    width: 100%;
    background: #f6f6f8;
    padding-top: 50px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.foot .share_btn {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.foot .share_btn li {
    width: 20px;
    height: 20px;
    margin: 0 5px;
    position: relative;
    background-size: 100%;
    display: inline-block
}

.foot .share_btn li a {
    display: block;
    width: 100%;
    height: 100%
}

.foot .share_btn .youku {
    width: 50px;
    background: url(../assets/img/youku01.png) no-repeat 50%;
    background-size: 100%
}

.foot .share_btn .linkedin {
    background: url(../assets/img/lin01.png) no-repeat 50%;
    background-size: 100%
}

.foot .share_btn .instagram {
    background: url(../assets/img/ins01.png) no-repeat 50%;
    background-size: 100%
}

.foot .share_btn .facebook {
    background: url(../assets/img/face01.png) no-repeat 50%;
    background-size: 100%
}

.foot .share_btn .wechat {
    background: url(../assets/img/wx01.png) no-repeat 50%;
    background-size: 100%
}

.foot .share_btn .wechat .ewm_pic {
    width: 160px;
    position: absolute;
    top: -180px;
    left: 50%;
    margin-left: -80px;
    display: none
}

.foot .share_btn .wechat:hover .ewm_pic {
    display: block
}

.foot .share_btn .weibo {
    background: url(../assets/img/wei01.png) no-repeat 50%;
    background-size: 100%
}

.foot .title {
    text-align: center;
    color: #191919;
    font-size: 20px;
    letter-spacing: .75px;
    font-family: SweetSansPro-M;
    font-weight: 500;
    line-height: 26px
}

.foot .email {
    max-width: 1500px;
    margin: 30px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 45px;
    position: relative
}

.foot .email #email-input {
    width: 30%;
    height: 50px;
    border: 1px solid #d5d5d7;
    background: #fff;
    padding: 0 15px;
    font-size: 13px;
    letter-spacing: .5px;
    font-family: NHaasGroteskTXPro-55Rg;
    color: #191919
}

.foot .email #email-input.active {
    border: 1px solid #f4301e
}

.foot .email #footer-country {
    font-size: 13px;
    font-family: NHaasGroteskTXPro-55Rg;
    width: 30%;
    height: 50px;
    border: 1px solid #d5d5d7;
    padding: 0 15px;
    letter-spacing: .5px;
    background: #fff url(data:image/jpeg;base64,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) no-repeat 95%;
    background-size: 12px;
    color: #191919
}

.foot .email #footer-country.active {
    border: 1px solid #f4301e
}

.foot .email .submit {
    width: 30%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #191919;
    cursor: pointer;
    font-size: 13px;
    display: inline-block;
    font-weight: 700
}

.foot .email .submit,
.foot .follow {
    text-align: center;
    font-family: SweetSansPro-Bold;
    letter-spacing: .75px
}

.foot .follow {
    width: 100%;
    color: #191919;
    line-height: 20px;
    padding: 30px 0 20px 0;
    font-size: 14px;
    font-weight: 500
}

.foot .follow span:hover {
    border-bottom: 1px solid rgba(25, 25, 25, .4) !important
}

.heard {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 1000px;
    width: 100%;
    z-index: 999;
    background: #fff
}

.heard.active {
    height: 256px
}

.heard .dailyLogo {
    height: 88px;
    text-align: center;
    line-height: 88px;
    cursor: pointer;
    background: #fbf7f2;
    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
}

.heard .dailyLogo .tory-burch-emblem {
    width: 46px;
    height: 46px
}

.heard .dailysIcon {
    width: 238px;
    display: block;
    margin: 32px auto 20px
}

.heard #logo {
    text-align: center;
    max-width: 1250px;
    position: relative;
    margin: 23px auto 7px
}

.heard #logo .logo {
    width: 180px;
    height: 36.78px;
    cursor: pointer
}

.heard #logo .search {
    position: absolute;
    right: 45px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

.heard .head_tab {
    text-align: center
}

.heard .head_tab .items {
    display: inline-block;
    position: relative;
    width: auto;
    text-align: center;
    cursor: pointer;
    font-size: 10px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: .75px;
    padding: 14px 12px;
    text-transform: uppercase;
    color: #191919
}

.heard .head_tab .items a,
.heard .head_tab .items span {
    font-family: SweetSansPro-Bold;
    color: #191919;
    font-weight: 700;
    letter-spacing: .75px
}

.heard .head_tab .items .classa {
    padding-bottom: 4px;
    font-family: sweet;
    color: #191919;
    font-weight: 800;
    letter-spacing: .75px
}

.heard .head_tab .items .dailyIcon:hover {
    border: 0 none
}

.heard .head_tab .items .border {
    background-color: rgba(25, 25, 25, .24);
    height: 1px;
    width: 0;
    opacity: 0;
    position: absolute;
    top: 30px;
    left: 12px;
    right: 12px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    margin: 0 auto
}

.heard .head_tab .items .border.active {
    opacity: 1
}

.heard .head_tab .items:hover .border {
    width: calc(100% - 24px);
    opacity: 1
}

.heard .head_tab .essentials:hover .tab-box {
    height: 344px;
    border-bottom: 1px solid rgba(25, 25, 25, .24);
    opacity: 1
}

.heard .tab-box {
    width: 100%;
    height: 0;
    position: fixed;
    left: 0;
    overflow: hidden;
    top: 100px;
    background: #fff;
    z-index: 2;
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
    opacity: 0
}

.heard .tab-box .tabbox-con .esseniais-title {
    font-size: 13px;
    color: #191919;
    text-transform: Capitalize;
    font-weight: 400;
    font-family: NeueHaasGroteskTextPro55Roman;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 2px;
    line-height: 17px;
    letter-spacing: .5px
}

.heard .tab-box .tabbox-con {
    width: 1000px;
    height: 345px;
    margin: 0 auto;
    padding-top: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: Capitalize !important;
    position: relative
}

.heard .tab-box .esseniais-icon {
    position: absolute;
    height: 294px;
    overflow: hidden;
    right: 0;
    top: 50%;
    margin-top: -150px;
    display: none;
    padding-top: 6px
}

.heard .tab-box .esseniais-icon img {
    max-width: 690px;
    margin: 0 auto
}

.heard .tab-box .esseniais-icon.active {
    display: block
}

.heard .tab-box .tabbox-lists {
    text-align: left;
    overflow: hidden;
    font-family: NHaasGroteskTXPro-55Rg;
    font-size: 13px;
    margin-bottom: 8px
}

.heard .tab-box .tabbox-lists a {
    padding: 0
}

.heard .tab-box .tabbox-lists span.tabbox-title {
    color: rgba(108, 113, 122, .6);
    font-family: NHaasGroteskTXPro;
    font-size: 10px;
    letter-spacing: .75px;
    line-height: 15px
}

.heard .tab-box .tabbox-lists:hover .esseniais-title {
    border-bottom: 1px solid #191919;
    color: #191919
}

.heard .tab-box.active {
    top: 140px
}

.st0,
.svg-icon {
    fill: #1b1819
}

.svg-icon {
    height: 24px;
    width: 24px
}