@font-face {
    font-family: 'myriad pro';
    src: url(/assets/fonts/MyriadPro-Regular.eot);
    src: url(/assets/fonts/MyriadPro-Regular.woff2) format('woff2'), url(/assets/fonts/MyriadPro-Regular.woff) format('woff'), url(/assets/fonts/MyriadPro-Regular.ttf) format('truetype'), url(/assets/fonts/MyriadPro-Regular.svg) format('svg')
}

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

img, input {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

img {
    outline: 0;
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    width: auto
}

input {
    vertical-align: baseline
}

html {
    font-family: 'myriad pro', 'microsoft yahei', '微软雅黑', 'Helvetica', 'Tahoma', 'Arial', 'STXihei', 'sans-serif';
    font-size: 62.5%;
    line-height: 1.5
}

body {
    font-size: 1.6rem;
    color: #222
}

h1 {
    font-size: 4rem
}

h2 {
    font-size: 4.6rem
}

h3 {
    font-size: 3.6rem
}

h4 {
    font-size: 2rem
}

h5 {
    font-size: 1.8rem
}

@media all and (max-width: 991px) {
    h1, h2 {
        line-height: 1.2
    }
}

a {
    text-decoration: none;
    cursor: pointer;
    display: inline-block
}

dd, dt, li {
    list-style: none
}

input, select, textarea {
    outline: 0;
    line-height: normal;
    border: 0;
    background: 0 0
}

textarea {
    resize: none;
    overflow: hidden
}

em {
    font-style: normal
}

.f-cb:after, .f-cbli li:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: "."
}

.f-cb, .f-cbli li {
    zoom: 1
}

.f-ib, img {
    display: inline-block
}

.f-ib {
    *display: inline;
    *zoom: 1
}

.f-dn {
    display: none
}

.f-db {
    display: block
}

.f-fl {
    float: left
}

.f-fr {
    float: right
}

.f-pr, .f-prz, .up-btn:before {
    position: relative
}

.f-prz {
    zoom: 1
}

.f-oh {
    overflow: hidden
}

.f-fs1 {
    font-size: 12px
}

.f-fs2 {
    font-size: 14px
}

.f-fwn {
    font-weight: 400
}

.f-fwb {
    font-weight: 700
}

.f-tal {
    text-align: left
}

.f-tac {
    text-align: center
}

.f-tar {
    text-align: right
}

.f-taj {
    text-align: justify;
    text-justify: inter-ideograph
}

.f-vam, .f-vama * {
    vertical-align: middle
}

.f-vat {
    vertical-align: top
}

.f-wsn {
    word-wrap: normal;
    white-space: nowrap
}

.f-pre, .f-wwb {
    word-wrap: break-word;
    word-break: break-all
}

.f-pre {
    overflow: hidden;
    text-align: left;
    white-space: pre-wrap
}

.f-wwb {
    white-space: normal
}

.f-ti {
    overflow: hidden;
    text-indent: -30000px
}

.f-ti2 {
    text-indent: 2em
}

.f-lhn {
    line-height: normal
}

.f-tdu, .f-tdu:hover {
    text-decoration: underline
}

.f-tdn, .f-tdn:hover {
    text-decoration: none
}

.f-toe {
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis
}

.f-csp {
    cursor: pointer
}

.f-csd {
    cursor: default
}

.f-csh {
    cursor: help
}

.f-csm {
    cursor: move
}

.f-usn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.g-cnt {
    max-width: 1200px;
    margin: 0 auto
}

@media all and (max-width: 1200px) {
    .g-cnt {
        margin: 0 15px
    }
}

.s-fc-org, .tips.other:hover .txt {
    color: #ff9100
}

.s-fc-org2 {
    color: #f40
}

.s-bg-org {
    background-color: #ffb700
}

.s-bg-org2 {
    background-color: #ff9100
}

.s-bg-org3 {
    background-color: #f60
}

.s-bg-org4 {
    background-color: #f40
}

.f-fs20, .up-btn {
    font-size: 20px
}

.up-btn {
    width: 180px;
    height: 50px;
    background: #ff9100;
    border-radius: 4px;
    color: #fff;
    display: block;
    line-height: 55px;
    text-decoration: none;
    margin: 10px auto 0;
    text-align: center;
    font-weight: 700
}

.up-btn:before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/assets/active/upgrade-abpro/images/ic-1.png) no-repeat center;
    background-position: -112px -10px;
    margin-right: 10px;
    top: 5px;
    font-size: 20px
}

.up-btn.s-btn {
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 400
}

.up-btn.s-btn:before {
    width: 18px;
    height: 20px;
    background-position: -146px -8px;
    top: 2px
}

.up-btn:hover {
    background: #ff7100
}

.up-btn.btn-org2 {
    background-color: #ffb700
}

.up-btn.btn-org2:hover {
    background-color: #ffc600
}

.up-btn.btn-org3 {
    background-color: #f60
}

.up-btn.btn-org3:hover {
    background-color: #ff5a00
}

.up-btn.btn-org4 {
    background-color: #f40
}

.up-btn.btn-org4:hover {
    background-color: #ff2400
}

.tip-box {
    padding-left: 20px;
    font-size: 14px;
    color: #333;
    display: inline-block;
    font-weight: 400
}

.tip-box:before {
    content: '';
    width: 15px;
    height: 15px;
    background: url(/assets/active/upgrade-abpro/images/ic-1.png) no-repeat -10px -10px;
    position: absolute;
    top: 2px;
    left: 0
}

.ic-lf > li, .tip-box, .tips {
    position: relative
}

.tips {
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
    vertical-align: middle
}

.tips.other {
    margin-left: 0
}

.ic-lf > li:before, .tips .ic {
    display: inline-block;
    width: 15px;
    height: 15px
}

.tips .ic {
    position: relative;
    vertical-align: middle;
    background: url(/assets/active/upgrade-abpro/images/ic-1.png) no-repeat;
    background-position: -34px -10px;
    margin: 0;
    padding: 0;
    background-color: transparent
}

.tips:hover .ic {
    background-position: -59px -10px
}

.tips .tips-cnt {
    border-color: #fff;
    padding: 15px 20px 20px;
    border-top: 3px solid #ff9100;
    font-size: 14px;
    line-height: 24px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
    width: 300px;
    background-color: #fff;
    position: absolute;
    bottom: 30px;
    left: -144px;
    display: none;
    font-weight: 400;
    z-index: 10;
    border-radius: 10px;
    font-family: 'Segoe UI', 'myriad pro', 'microsoft yahei', '微软雅黑', 'Helvetica', 'Tahoma', 'Arial', 'STXihei', 'sans-serif'
}

.tips .tips-cnt::after {
    content: '';
    display: block;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #fff;
    position: absolute;
    bottom: -12px;
    left: calc(50% - 12px);
    z-index: 2
}

.tips:hover .tips-cnt {
    display: block
}

.tips.other .tips-cnt {
    left: calc(50% - 150px)
}

.ic-lf > li {
    padding-left: 20px;
    text-align: left
}

.ic-lf > li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url(/assets/active/upgrade-abpro/images/1.png) no-repeat -121px -9px
}

.ic-lf.dots > li {
    padding-left: 10px
}

.ic-lf.dots > li:before {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #686868;
    top: 10px
}

.ic-lf.icon > li {
    padding-left: 78px
}

.ic-lf.icon .window:before {
    background-position: -10px -10px
}

.ic-lf.icon .disk:before {
    background-position: -80px -10px
}

.ic-lf.icon .file:before {
    background-position: -150px -10px
}

.ic-lf.icon .storage:before {
    background-position: -220px -10px
}

.ic-lf.icon > li:before {
    width: 60px;
    height: 60px;
    background: url(/assets/active/upgrade-abpro/images/3.png) no-repeat
}
[lang="es"] .ic-lf.icon>li:not(:last-child){
    max-width: 33.3333%;
}