.clearfix,.header-nav-item .dropdown-menu:after {
    content: '';
    display: block
}

.clear,.clearfix {
    clear: both
}

#fixed-contact-widget {
    position: fixed;
    right: 0;
    top: 393px;
    width: 64px;
    z-index: 99999
}

#fixed-contact-widget .w-item {
    position: relative;
    width: 64px;
    height: 64px;
    line-height: 103px;
    font-size: 14px;

    display: block;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
    background: center center no-repeat;
    background-size: 100%
}

#fixed-contact-widget .w-item_msg {
    display: none;
    position: absolute;
    right: 80px;
    top: 50%;
    padding: 10px;
    line-height: 1;
    background: var(--orangecolor);
    width: max-content;
    transform: translateY(-50%)
}

#fixed-contact-widget .w-item:hover .w-item_msg,#header .header-nav {
    display: inline-block
}

#fixed-contact-widget .w-item_msg:after {
    content: '';
    display: block;
    position: absolute;
    right: -4px;
    height: 8px;
    width: 8px;
    background: var(--orangecolor);
    top: 50%;
    transform: translateY(-50%) rotate(45deg)
}

#fixed-contact-widget .w-item_tel {
    background-image: url("客服电话.png-v=1.1")/*tpa=static/img/callMe/客服电话.png?v=1.1*/;
    font-size: 18px
}

#fixed-contact-widget .w-item_qrcode {
    background-image: url("关注我们.png-v=1.1.png")/*tpa=static/img/callMe/关注我们.png?v=1.1*/
}

.w-go_top {
    z-index: 99;
    display: block;
    position: fixed;
    bottom: 45px;
    right: 75px;
    width: 42px;
    height: 42px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    opacity: .3;
    background: center 17% no-repeat var(--orangecolor);
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.footer .website-info-friendly-link a,.footer .website-info-sitemap a,.w-go_top:hover {
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s;
    -o-transition: all .15s
}

.w-go_top:hover {
    opacity: 1;
    transition: all .15s
}

.w-go_top i {
    color: #fff;
    font-size: 32px;
    position: relative
}

.footer {
    padding-top: 80px;
    background: #353535;
    /*height: 540px;*/
    overflow: hidden;
}

.footer .container {
    min-width: 1300px
}

.footer .website-info {
    height: 390px;
    font-size: 12px;
    color: #fff;
    overflow: hidden;
    height: auto;
    margin-bottom: 30px;
}

.footer .website-info-right {
    width: 920px;
}

.footer .website-info-left {
    width: 280px;
    /*height: 390px*/
    overflow: hidden;
    height: auto;
}

.footer .website-info-left,.footer .website-info-right {
    float: left
}

.footer .website-copyright {
    text-align: center;
    height: 70px;
    line-height: 70px;
    font-size: 12px;
    color: #fff;
    border-top: 1px solid #666
}

.footer .website-info-sitemap {
    /*height: 300px*/
}

.footer .website-info-sitemap .col-lg-2 {
    /*max-width: 148px*/
    width:20%;
}

.footer .website-info-friendly-link a,.footer .website-info-sitemap a {
    color: #fff;
    transition: all .15s
}

.footer .website-info-friendly-link a:hover,.footer .website-info-sitemap a:hover {
    color: var(--orangecolor);
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.footer .website-info-sitemap li {
    margin: 5px 0
}

.footer .website-info-sitemap li.website-info-tit {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 700
}

.footer .website-info-friendly-link {
    height: 90px
}

.footer .website-info-QrCode {
    float: left;
    padding-top: 30px
}

.footer .website-info-QrCode .mart {
    margin-top: 10px
}

.footer .company-address {
    text-align: left
}

.footer .branch-office,.head-office {
    text-align: left;
    margin-top: 15px!important
}

.footer .last-sitemap {
    padding: 60px 0 0 40px
}

.footer .website-info .website-info-call {
    padding-top: 24px;
    font-size: 18px
}
.footer h2{
    color:#fff;
}
#header {
    text-align: center;
    z-index: 999;
    position: fixed;
    top: 0;
    width: 100%;
    min-width: 1200px;
    height: 75px;
    line-height: 75px;
    background: rgba(255,255,255,.8);
    -webkit-transition: all .33s ease-in-out;
    -moz-transition: all .33s ease-in-out;
    -ms-transition: all .33s ease-in-out;
    -o-transition: all .33s ease-in-out;
    transition: all .33s ease-in-out
}

#header.opaque {
    background: rgba(255,255,255,.9)
}

#logo {
    padding: 19.5px 0;
    float: left;
    margin-left: 40px;
    width: 120px
}

#header .header-nav-item {
    margin-left: 26px;
    margin-right: 26px;
    color: #505E77;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

#header .header-nav-item.active,#header .header-nav-item:hover,.btn-default-w {
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s;
    -o-transition: all .15s
}

.header-nav-item.dropdown {
    display: inline
}

#header .header-nav-item.active,#header .header-nav-item:hover {
    color: var(--orangecolor);
    transition: all .15s
}

#header .header-nav-item.login {
    margin-left: 0;
    margin-right: 0
}

#header .btn-register {
    margin-left: 25px;
    margin-right: 0;
    vertical-align: baseline
}

.header-nav-item .dropdown-menu {
    left: -20px;
    padding: 10px;
    margin-top: 29px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none
}

.header-nav-item .dropdown-menu:after {
    width: 16px;
    height: 16px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -8px;
    left: 35px
}

.pr,html {
    position: relative
}

.header-nav-item .dropdown-menu>li>a {
    padding: 8px 20px;
    font-size: 14px
}

.header-nav-item .dropdown-item-title {
    line-height: 12px;
    margin: 0 10px;
    color: #666;
    font-size: 13px;
    padding: 16px 10px 8px;
    border-bottom: 1px solid #e8e8e8
}

.header-nav-item .dropdown-main-nav {
    width: 500px;
    line-height: 1.4;
    overflow: auto
}

.header-nav-item .dropdown-sub-item {
    padding: 0;
    float: left;
    width: 50%
}

.header-nav-item .dropdown-sub-item>a {
    display: block;
    padding: 8px 15px;
    color: var(--orangecolor)
}

.header-nav-item .dropdown-sub-item>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,input,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,tt,u,ul,var {
    margin: 0;
    padding: 0
}

address,cite,dfn,em,i,var {
    font-style: normal
}

body {
    font-size: 13px;
    line-height: 1.5;
    font-family: 'Microsoft YaHei','PingFang SC','Microsoft JhengHei',-apple-system,BlinkMacSystemFont,'Helvetica Neue','Source Han Sans SC','Noto Sans CJK SC','Source Han Sans CN','Segoe UI','Noto Sans SC','Source Han Sans TC','Noto Sans CJK TC','Hiragino Sans GB',sans-serif;
    color: #000;
    background: #fff;
    min-width: 1200px
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

h1,h2,h3,h4,h5,h6,th {
    font-weight: 400
}

button,input,select,textarea {
    font-size: 100%
}

fieldset,img {
    border: 0
}

a,a:active,a:focus,a:hover,a:visited {
    text-decoration: none
}

ol,ul {
    list-style: none
}

html {
    min-height: 100%;
    background: #f5f5f5;
    --orangecolor: #0068b6;
    --orangeColorActive: #ff6600
}

html::-webkit-scrollbar {
    width: 6px;
    background: #ccc
}

html::-webkit-scrollbar-thumb {
    background: #aaa
}

p {
    margin-bottom: 10px
}

.container-title,.marb {
    margin-bottom: 5px
}

textarea {
    resize: none
}

iframe {
    width: 100%;
    height: 100%;
    border: none
}

pre {
    color: #333;
    word-break: break-all;
    white-space: pre-wrap;
    background: inherit;
    border: none;
    font-family: 'Microsoft YaHei','PingFang SC','Microsoft JhengHei',-apple-system,BlinkMacSystemFont,'Helvetica Neue','Source Han Sans SC','Noto Sans CJK SC','Source Han Sans CN','Noto Sans SC','Source Han Sans TC','Noto Sans CJK TC','Hiragino Sans GB',sans-serif
}

code {
    background: initial
}

.disabled,:disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=50)';
    cursor: default;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

:focus {
    outline: 0
}

.clearfix {
    overflow: hidden
}

.small {
    font-size: 1.2rem
}

.normal {
    font-size: 1.4rem
}

.large {
    font-size: 1.6rem
}

.larges {
    font-size: 1.8rem
}

.larger {
    font-size: 2rem
}

.largest {
    font-size: 3rem
}

.super {
    font-size: 3.2rem
}

.ultimate {
    font-size: 6.2rem
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.vm {
    vertical-align: middle
}

.vt {
    vertical-align: top
}

.vb {
    vertical-align: bottom
}

.vtt {
    vertical-align: text-top
}

.vtb {
    vertical-align: text-bottom
}

.vs {
    vertical-align: sub
}

.vbl {
    vertical-align: baseline
}

.btn-default-w,.icon-5g-sm,.icon-product-sm {
    vertical-align: middle
}

.pa {
    position: absolute
}

.pf {
    position: fixed
}

.inline-block {
    display: inline-block
}

.dark {
    color: #333!important
}

.dark-gray {
    color: #666!important
}

.gray {
    color: #999!important
}

.grey {
    color: #dadada!important
}

.light-gray {
    color: #aaa!important
}

.light {
    color: #dddee1!important
}

.ivory-white {
    color: ivory!important
}

.white {
    color: #fff!important
}

.red {
    color: #ff6060!important
}

.orange {
    color: #ff960c!important
}

.deep-orange {
    color: #f60!important
}

.blue {
    color: #009ef6!important
}

.purple {
    color: #8d4dff!important
}

.green {
    color: #00dc97!important
}

.deep-blue {
    color: #0067be!important
}

.centre {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.mart {
    margin-top: 24px
}

.marr {
    margin-right: 24px
}

.marl {
    margin-left: 24px
}

.mar-lr {
    margin-left: 12px;
    margin-right: 12px
}

.mar-ud {
    margin-top: 8px;
    margin-bottom: 8px
}

.mar0 {
    margin: 0!important
}

.bort {
    border-top: 1px solid #ddd
}

.borb {
    border-bottom: 1px solid #ddd
}

.borl {
    border-left: 1px solid #ddd
}

.borr {
    border-right: 1px solid #ddd
}

.bor {
    border: 1px solid #ddd
}

.bor-rect {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.lh-1 {
    line-height: 1
}

.lh-15 {
    line-height: 1.5
}

.fn {
    font-weight: 400
}

.fb {
    font-weight: 800
}

.cp {
    cursor: pointer
}

.padt {
    padding-top: 24px
}

.padb {
    padding-bottom: 24px
}

.padl {
    padding-left: 24px
}

.padr {
    padding-right: 24px
}

.pad {
    padding: 12px
}

.pad0 {
    padding: 0!important
}

.pad-lr {
    padding-left: 12px;
    padding-right: 12px
}

.pad-ud {
    padding-top: 12px;
    padding-bottom: 12px
}

.bg-orange {
    background: #f60
}

.bg-blue {
    background: #f3faff
}

.bg-gray {
    background: #f1f1f1
}

.bg-white {
    background: #fff!important
}

.indent-two-word {
    text-indent: 24px
}

.btn {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.btn-md {
    padding: 8.5px 27px;
    font-size: 16px;
    line-height: 1
}

.btn-xl {
    padding: 0;
    width: 180px;
    height: 44px;
    line-height: 42px;
    font-weight: 600;
    font-size: 18px
}

.btn-default-w {
    border: 1px solid var(--orangecolor);
    background: var(--orangecolor);
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    transition: all .15s;
    border-radius: 40px
}

.btn-default-w:active,.btn-default-w:focus,.btn-default-w:hover {
    border-color: #f60;
    background: #f60;
    color: #fff;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn-blue-s {
    color: #fff;
    background: #427fe5;
    border-color: #427fe5;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.btn-blue-o,.btn-default-o {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s
}

.btn-blue-s:hover {
    color: #fff;
    background: #0067be;
    border-color: #0067be
}

.btn-blue-s.active,.btn-blue-s:active,.btn-blue-s:focus {
    color: #fff;
    outline: 0;
    box-shadow: none
}

.btn-blue-o {
    color: #009ef6;
    background-color: #fff;
    border-color: #009ef6;
    -o-transition: all .2s;
    transition: all .2s
}

.btn-blue-o:hover {
    color: #fff;
    background: #009ef6
}

.btn-blue-o.active,.btn-blue-o:active,.btn-blue-o:focus {
    color: #009ef6;
    background: #fff;
    outline: 0;
    box-shadow: none
}

.btn-blue-o.disabled,.btn-blue-o[disabled],.btn-blue-s.disabled,.btn-blue-s[disabled] {
    color: #999;
    background: #fff;
    border: 1px solid #999;
    cursor: not-allowed
}

.btn-default-o {
    color: #0067be;
    border-color: #0067be;
    background: #fff;
    -o-transition: all .2s;
    transition: all .2s
}

.btn-blue,.btn-default-s,.btn-orange-s {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s
}

.btn-default-o:hover {
    color: #fff;
    background: #0067be;
    border-color: #0067be
}

.btn-default-o.active,.btn-default-o:active,.btn-default-o:focus {
    color: #fff;
    background: #0067be;
    outline: 0;
    box-shadow: none
}

.btn-default-s {
    color: #fff;
    border-color: #999;
    background: #999;
    -o-transition: all .2s;
    transition: all .2s
}

.btn-default-s:hover {
    color: #fff;
    background: #999;
    border-color: #999
}

.btn-default-s.active,.btn-default-s:active,.btn-default-s:focus {
    color: #fff;
    background: #999;
    outline: 0;
    box-shadow: none
}

.btn-fs {
    width: 80px;
    height: 34px;
    line-height: 32px;
    padding: 0
}

.btn-orange {
    color: #fff;
    background-color: #f90;
    border-color: #f90
}

.btn-orange:hover {
    color: #fff;
    background-color: #f60;
    border-color: #f60
}

.btn-orange.active,.btn-orange.focus,.btn-orange:active,.btn-orange:focus {
    color: #fff;
    background-color: #cd760d;
    border-color: #bf7223
}

.btn-orange-o {
    color: #f90;
    background-color: #fff;
    border-color: #ff9c2c
}

.btn-orange-o:hover {
    color: #de800d;
    background-color: #fff;
    border-color: #d57f27
}

.btn-orange-o.active,.btn-orange-o.focus,.btn-orange-o:active,.btn-orange-o:focus {
    color: #cd760d;
    background-color: #fff;
    border-color: #bf7223
}

.btn-blue {
    color: #009ef6;
    background: #fff;
    border: 1px solid #009ef6;
    -o-transition: all .2s;
    transition: all .2s
}

.btn-blue:hover {
    color: #fff;
    background: #0067be;
    border: 1px solid #0067be
}

.btn-blue.active,.btn-blue:active {
    color: #fff;
    background: #009ef6;
    border-color: #009ef6;
    box-shadow: none
}

.btn-blue.active.focus,.btn-blue.focus,.btn-blue:active.focus,.btn-blue:active:focus,.btn-blue:focus {
    outline: 0
}

.btn-group-ms>.btn,.btn-ms {
    padding: 8px 22px;
    font-size: 14px;
    line-height: 1;
    border-radius: 2px
}

.oa {
    overflow: auto
}

.oh,.one-row {
    overflow: hidden
}

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

.thumbnail {
    padding: 0;
    margin: 0
}

.bg-sprite {
    background: url("./sprite.png")  no-repeat
}

.col-lg-2_4,.col-sm-2_4 {
    float: left;
    width: 20%
}

.flex {
    display: flex;
    justify-content: space-between
}

.icon-5g-sm,.icon-product,.icon-product-sm,.nav-tabs>li>a {
    display: inline-block
}

.flex-center {
    align-items: center
}

.flex.flex-around {
    justify-content: space-around
}

.form-control:focus {
    border-color: var(--orangecolor)
}

.nav-tabs {
    border-bottom-color: #dddee1
}

.nav-tabs>li>a {
    padding: 24px 12px 20px;
    color: #666;
    font-size: 16px;
    line-height: 1;
    border: none;
    margin-bottom: 1px
}

.nav-tabs>li>a:hover {
    border: none;
    color: var(--orangecolor);
    background: #fff
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    padding: 24px 12px 20px;
    color: var(--orangecolor);
    border: none;
    border-bottom: 4px solid var(--orangecolor);
    margin-bottom: 1px
}

.nav-pills>li {
    text-align: center;
    border: 1px solid var(--orangecolor)
}

.nav-pills>li+li {
    margin-left: 0;
    border-left: none
}

.nav-pills>li>a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
    background: var(--orangecolor)
}

.nav-pills>li.active>a:hover,.nav-pills>li>a:active,.nav-pills>li>a:focus {
    background: var(--orangecolor);
    color: #fff
}

.tab-content {
    padding-top: 64px
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    background-color: var(--orangecolor);
    border-color: var(--orangecolor)
}

.pagination>li>a,.pagination>li>span {
    color: var(--orangecolor)
}

.container {
    padding-left: 0;
    padding-right: 0
}

.container-title {
    text-align: center;
    font-size: 24px;
    line-height: 1;
    color: #333
}

.container-desc {
    width: 920px;
    margin: 0 auto 64px;
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
    color: #666
}

.container-pd {
    padding: 88px 0
}

.md-banner-zone {
    padding-top: 204px;
    padding-left: 80px;
    height: 580px;
    -webkit-background-size: cover;
    background: #666
}

.md-banner-title {
    margin-bottom: 24px;
    font-size: 36px;
    font-weight: 600;
    color: #444547
}

.md-banner-desc {
    margin-bottom: 20px;
    color: #444547;
    font-size: 18px;
    max-width: 670px;
    word-break: break-all
}

.no-control-zone .md-banner-title {
    padding-top: 70px
}

.carousel-control {
    top: 45%;
    width: 30px;
    height: 30px;
    font-size: 30px
}

.carousel-banner {
    padding-top: 200px;
    width: 100%;
    height: 580px;
    color: #fff
}

.carousel-indicators li {
    margin: 0 4px;
    width: 8px;
    height: 8px;
    border: none;
    background: rgba(255,255,255,.3)
}

.carousel-indicators .active {
    width: 36px;
    height: 8px;
    margin: 0 4px;
    background: rgba(255,255,255,.6)
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(0,0,0,.1) 0,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.1) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.1) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.1)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.free-zone {
    text-align: center;
    height: 180px;
    line-height: 180px;
    background: url("free-block.png-v=1.1.png")/*tpa=static/img/common/free-block.png?v=1.1*/ center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    color: #444547
}

.free-zone .btn-free {
    padding: 0;
    margin-left: 64px;
    width: 280px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    border-radius: 40px;
    background: var(--orangecolor);
    border-color: var(--orangecolor)
}

.free-zone .btn-free:hover {
    background: var(--orangeColorActive);
    border-color: var(--orangeColorActive)
}

.icon-product {
    width: 72px;
    height: 72px
}

.icon-product-sm {
    width: 24px;
    height: 24px
}

.icon-product-smsVerifyCode {
    background-position: 0 0
}

.icon-product-smsNotice {
    background-position: -91px 0
}

.icon-product-smsMarket {
    background-position: -181px 0
}

.icon-product-voiceVerifyCode {
    background-position: -272px 0
}

.icon-product-voiceNotice {
    background-position: -362px 0
}

.icon-product-smsMedia {
    background-position: -453px 0
}

.icon-product-anonymousCall {
    background-position: -936px 0
}

.icon-product-emptyValidate {
    background-position: -543px 0
}

.icon-product-cloudCustomerService {
    background-position: -1130px 0
}

.icon-product-cloudTelemarketing {
    background-position: -635px 0
}

.icon-product-cloudSwitchboard {
    background-position: -1028px 0
}

.icon-product-smsVerifyCode-sm {
    background-position: 0 -269px
}

.icon-product-smsNotice-sm {
    background-position: -31px -269px
}

.icon-product-audioNotice-sm {
    background-position: -90px -269px
}

.icon-product-smsMarket-sm {
    background-position: -61px -269px
}

.icon-product-voiceVerifyCode-sm {
    background-position: -91px -269px
}

.icon-product-voiceNotice-sm {
    background-position: -122px -269px
}

.icon-product-smsMedia-sm {
    background-position: -153px -269px
}

.icon-product-anonymousCall-sm {
    background-position: -316px -269px
}

.icon-product-emptyValidate-sm {
    background-position: -183px -269px
}

.icon-product-cloudTelemarketing-sm {
    background-position: -215px -269px
}

.icon-product-cloudCustomerService-sm {
    background-position: -286px -269px
}

.icon-product-cloudSwitchboard-sm {
    background-position: -347px -269px
}

.icon-product-5gSms {
    background-position: -640px 0
}

.icon-product-wishdomTexts {
    background-position: -736px 0
}

@media (min-width:1200px) {
    .container {
        width: 1200px
    }
}

@media (min-width:992px) {
    .container {
        width: 1200px
    }
}

@media (min-width:768px) {
    .container {
        width: 1200px
    }
}

@keyframes heart {
    from {
        transform: translate(0,0)
    }

    to {
        transform: translate(0,6px)
    }
}

.heart {
    -webkit-animation: heart 1.3s ease-in-out 2.7s infinite alternate;
    -o-animation: heart 1.3s ease-in-out 2.7s infinite alternate;
    animation: heart 1.3s ease-in-out 2.7s infinite alternate
}

.icon-5g-sm {
    width: 48px;
    height: 35px;
    margin-left: -12px
}

#__bs_notify__ {
    display: none!important
}

.btn-orange-s {
    color: #fff;
    background: var(--orangecolor);
    border-color: var(--orangecolor);
    -o-transition: all .2s;
    transition: all .2s
}

.btn-orange-s:hover {
    color: #fff;
    background: var(--orangeColorActive);
    border-color: var(--orangeColorActive)
}

.btn-orange-s.active,.btn-orange-s:active,.btn-orange-s:focus {
    color: #fff;
    outline: 0;
    box-shadow: none
}

.btn-orange-o.disabled,.btn-orange-o[disabled],.btn-orange-s.disabled,.btn-orange-s[disabled] {
    color: #999;
    background: #fff;
    border: 1px solid #999;
    cursor: not-allowed
}

.text-inc {
    text-indent: 30px
}

#header.opaque {
    background: rgba(255,255,255,.9);
}