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

.yl-Tit .t-ch {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    display: inline-block;
}

.yl-Tit .t-en {
    font-size: 12px;
    color: #999;
    display: inline-block;
}

.rightFixed {
    position: fixed;
    top: 20%;
    right: 0;
    z-index: 99;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    background: #fff;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
}

.rightFixed.on {
    right: -125px;
}

.rightFixed.on .btn {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rightFixed .btn {
    display: block;
    width: 25px;
    height: 42px;
    background: url("/imp_file/ESP/es/static/images/yl-jt2.png") no-repeat center;
    position: absolute;
    left: -25px;
    top: 50%;
    margin-top: -21px;
}

.rightFixed ul li {
    padding: 0 10px;
}

.rightFixed ul li:last-child a {
    border-bottom: none;
}

.rightFixed ul li a {
    display: block;
    /* width: 90px; */
    width: 105px;
    font-size: 13px;
    color: #333;
    padding: 10px 0;
    /* padding: 20px 0; */
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    opacity: 0.6;
}

.rightFixed ul li a img {
    margin: 0 auto 5px;
}

.rightFixed ul li a:hover {
    opacity: 1;
}

.YL-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
    z-index: 100;
}

.YL-header .header-con {
    width: 1200px;
    margin: 0 auto;
}

.YL-header .header-con .yl-logo {
    float: left;
    padding: 20px 0;
}

.YL-header .header-con .yl-logo a {
    display: block;
}

.YL-header .header-con .yl-nav {
    float: left;
}

.YL-header .header-con .yl-nav ul li {
    float: left;
    margin: 0;
}

.YL-header .header-con .yl-nav ul li>a {
    display: block;
    font-size: 12px;
    color: #333;
    line-height: 20px;
    padding: 30.5px 10px;
    position: relative;
}

.YL-header .header-con .yl-nav ul li.on>a {
    font-weight: bold;
}

.YL-header .header-con .yl-nav ul li.on>a:before {
    content: '';
    width: 30px;
    height: 3px;
    background: #333;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -15px;
}

.YL-header .header-con .yl-nav ul li:hover>a {
    font-weight: bold;
}

.YL-header .header-con .yl-nav ul li:hover>a:before {
    content: '';
    width: 30px;
    height: 3px;
    background: #333;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -15px;
}

.YL-header .header-con .yl-nav ul li:hover .navChild {
    opacity: 1;
    height: auto;
    z-index: 1;
}

.YL-header .header-con .yl-nav ul li .navChild {
    width: 100%;
    height: 0;
    position: absolute;
    top: 100%;
    left: 0;
    background: #f2f2f2;
    -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    z-index: -1;
}

.YL-header .header-con .yl-nav ul li .navChild.dl_1 .navChild-con dl {
    width: 100%;
}

.YL-header .header-con .yl-nav ul li .navChild.dl_2 .navChild-con dl {
    width: 49%;
    margin-right: 2%;
}

.YL-header .header-con .yl-nav ul li .navChild.dl_3 .navChild-con dl {
    width: 31.33%;
    margin-right: 3%;
}

.YL-header .header-con .yl-nav ul li .navChild.dl_4 .navChild-con dl {
    width: 23.5%;
    margin-right: 2%;
}

.YL-header .header-con .yl-nav ul li .navChild.dl_5 .navChild-con dl {
    width: 18.5%;
    margin-right: 1.875%;
}

.YL-header .header-con .yl-nav ul li .navChild .navChild-con {
    width: 1200px;
    margin: 0 auto;
}

.YL-header .header-con .yl-nav ul li .navChild .navChild-con dl {
    float: left;
    width: 14.666%;
    margin-right: 2%;
    padding: 10px 0 30px 0;
}

.YL-header .header-con .yl-nav ul li .navChild .navChild-con dl:last-child {
    margin-right: 0;
}

.YL-header .header-con .yl-nav ul li .navChild .navChild-con dl dt {
    padding: 18px 0;
    border-bottom: 1px solid #e5e5e5;
    background: url("/imp_file/ESP/es/static/images/nav-jt.png"
            /*tpa=/imp_file/global/cn/static/images/nav-jt.png*/
        ) no-repeat center right;
}

.YL-header .header-con .yl-nav ul li .navChild .navChild-con dl .pano {
    padding: 5px 0;
}

.YL-header .header-con .yl-nav ul li .navChild .navChild-con dl dt span {
    display: block;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    padding-left: 35px;
    line-height: 26px;
    background-repeat: no-repeat;
    background-position: left center;
}

.YL-header .header-con .yl-nav ul li .navChild .navChild-con dl dt span a {
    display: block;
    color: #333;
}

.YL-header .header-con .yl-nav ul li .navChild .navChild-con dl dd {
    margin: 10px 0;
    padding-left: 15px;
    position: relative;
}

.YL-header .header-con .yl-nav ul li .navChild .navChild-con dl dd:before {
    content: '';
    width: 6px;
    height: 6px;
    background: #999;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2.5px;
}

.YL-header .header-con .yl-nav ul li .navChild .navChild-con dl dd a {
    display: inline-block;
    color: #333;
}

.YL-header .header-con .yl-nav ul li .navChild.f-world {
    text-align: center;
}

.YL-header .header-con .yl-nav ul li .navChild.f-world .navChild-con {
    padding: 40px 0;
}

.YL-header .header-con .yl-nav ul li .navChild.f-world p {
    display: inline-block;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 66px;
    padding-left: 135px;
    background-repeat: no-repeat;
    background-position: center left;
    -moz-background-size: 104px;
    background-size: 104px;
}

.YL-header .header-con .yl-nav ul li .navChild.f-world p span {
    display: inline-block;
    color: #999;
    margin-left: 20px;
}

.YL-header .header-con .yl-nav ul li .navChild.f-world p a {
    display: inline-block;
    width: 85px;
    height: 39px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    line-height: 39px;
    text-align: center;
    margin-left: 20px;
    background: url("/imp_file/ESP/es/static/images/bg-color.png"
            /*tpa=/imp_file/global/cn/static/images/bg-color.png*/
        ) no-repeat center;
    -moz-background-size: 100%;
    background-size: 100%;
}

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap {
    margin: 10px auto 0;
    padding: 45px 115px 0;
    border-top: 1px solid #e5e5e5;
}

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link {
    float: left;
    width: 370px;
    position: relative;
}

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link ol {
    width: 110px;
    height: 328px;
}

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link ol li {
    width: 100%;
    margin: 0;
    background: #e2e2e2;
}

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link ol li:last-child {
    background: #333;
}

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link ol li:last-child a {
    color: #fff;
    border: none;
    background: url("/imp_file/ESP/es/static/images/Btn-r-on.png"
            /*tpa=/imp_file/global/cn/static/images/Btn-r-on.png*/
        ) no-repeat center right 10px;
    -moz-background-size: 7px;
    background-size: 7px;
}

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link ol li.active {
    background: #fff;
}

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link ol li a {
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 11px 0;
    border-bottom: 1px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link ol li a:hover:before {
    display: none;
}

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link .navMap-link-con {
    float: left;
    width: 260px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link .navMap-link-con .navMap-link-item {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    padding: 20px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link .navMap-link-con .navMap-link-item.active {
    opacity: 1;
    z-index: 6;
}

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link .navMap-link-con .navMap-link-item dl {
    float: none;
    width: 100% !important;
    margin-right: 0;
    padding: 0 20px;
    text-align: left;
}

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link .navMap-link-con .navMap-link-item dl dd {
    margin: 5px 0;
}

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link .navMap-link-con .navMap-link-item dl dd:hover {
    background: #e2e2e2;
}

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-img {
    float: left;
    width: 600px;
}

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-img img {
    width: 100%;
}

.YL-header .header-con .yl-lang {
    float: right;
}

.YL-header .header-con .yl-lang ul li {
    float: left;
    padding-left: 11px;
}

.YL-header .header-con .yl-lang ul li>a {
    display: inline-block;
    font-size: 12px;
    color: #333;
}

.YL-header .header-con .yl-lang ul li.chn>a {
    line-height: 20px;
    margin: 30.5px 0;
    position: relative;
}

.YL-header .header-con .yl-lang ul li.search>a:before {
    content: '|';
    color: #333;
    position: absolute;
    left: -10px;
    top: 50%;
    margin-top: -10px;
}

.YL-header .header-con .yl-lang ul li.search>a {
    position: relative;
    display: block;
    width: 28px;
    height: 39px;
    margin: 21px 0;
    background: url("/imp_file/ESP/es/static/images/search2.png"
            /*tpa=/imp_file/global/cn/static/images/search2.png*/
        ) no-repeat center;
}

.YL-header .header-con .yl-lang ul li.search .search-popup {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    background: #f2f2f2;
    -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.YL-header .header-con .yl-lang ul li.search .search-popup.on {
    opacity: 1;
    height: auto;
    z-index: 1;
}

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con {
    width: 660px;
    margin: 30px auto 30px;
}

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con .s-p-select {
    float: left;
    width: 200px;
    margin-right: 20px;
    position: relative;
}

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con .s-p-select.on:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con .s-p-select.on dl {
    display: block;
}

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con .s-p-select:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url("/imp_file/ESP/es/static/images/s-p-jt.png"
            /*tpa=/imp_file/global/cn/static/images/s-p-jt.png*/
        ) no-repeat center;
    position: absolute;
    top: 10px;
    right: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con .s-p-select input {
    display: block;
    width: 100%;
    border: none;
    text-align: center;
    height: 46px;
    line-height: 46px;
    background: #f2f2f2;
    border-bottom: 2px solid #cecece;
    outline: none;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con .s-p-select dl {
    display: none;
    padding-top: 10px;
}

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con .s-p-select dl dd {
    text-align: left;
    padding-left: 15px;
    position: relative;
    margin-left: 64px;
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con .s-p-select dl dd a {
    font-size: 14px;
    color: #333;
}

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con .s-p-select dl dd:before {
    content: '';
    width: 6px;
    height: 6px;
    background: #999;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2.5px;
}

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con .s-p-int {
    float: left;
    width: 440px;
    position: relative;
}

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con .s-p-int input.t {
    display: block;
    width: 100%;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    height: 46px;
    line-height: 46px;
    padding-right: 50px;
    background: #f2f2f2;
    border-bottom: 2px solid #cecece;
    outline: none;
}

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con .s-p-int .b {
    display: block;
    width: 46px;
    height: 46px;
    background: url("/imp_file/ESP/es/static/images/s-p-search.png"
            /*tpa=/imp_file/global/cn/static/images/s-p-search.png*/
        ) no-repeat center;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
}

.YL-header .header-con .yl-lang ul li.language>a {
    display: block;
    font-size: 12px;
    color: #333;
    padding: 31.5px 0 31.5px 20px;
    background: url("/imp_file/ESP/es/static/images/loca.png"
            /*tpa=/imp_file/global/cn/static/images/loca.png*/
        ) no-repeat center left;
}

.YL-header .header-con .yl-lang ul li.language:hover .lang-popup {
    opacity: 1;
    height: auto;
    z-index: 1;
}

.YL-header .header-con .yl-lang ul li.language .lang-popup {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    background: #f2f2f2;
    -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.YL-header .header-con .yl-lang ul li.language .lang-popup .lang-popup-con {
    width: 1200px;
    margin: 0 auto;
    padding: 10px 0 30px 0;
    text-align: center;
}

.YL-header .header-con .yl-lang ul li.language .lang-popup .lang-popup-con span {
    display: block;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
}

.YL-header .header-con .yl-lang ul li.language .lang-popup .lang-popup-con dl {
    width: 80%;
    margin: 20px auto 0;
}

.YL-header .header-con .yl-lang ul li.language .lang-popup .lang-popup-con dl dd {
    float: left;
    width: 25%;
    height: 24px;
    line-height: 24px;
    text-align: left;
    margin: 6px 0;
}

.YL-header .header-con .yl-lang ul li.language .lang-popup .lang-popup-con dl dd a {
    display: inline-block;
    font-size: 14px;
    color: #333;
    padding-left: 15px;
    position: relative;
}

.YL-header .header-con .yl-lang ul li.language .lang-popup .lang-popup-con dl dd a:before {
    content: '';
    width: 6px;
    height: 6px;
    background: #999;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2.5px;
}

.YL-header .header-con .yl-lang ul li.open>a {
    width: 85px;
    height: 41px;
    color: #fff;
    line-height: 39px;
    text-align: center;
    margin: 20px 0;
    background: url("/imp_file/ESP/es/static/images/bg-color.png"
            /*tpa=/imp_file/global/cn/static/images/bg-color.png*/
        ) no-repeat center;
    -moz-background-size: 100%;
    background-size: 100%;
}

.footer {
    background: #202020;
}

.footer .footer-con {
    width: 1200px;
    margin: 0 auto;
}

.footer .footer-con .footer-top {
    padding: 25px 0 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.footer .footer-con .footer-top .footer-top-l {
    float: left;
}

.footer .footer-con .footer-top .footer-top-l p {
    display: inline-block;
}

.footer .footer-con .footer-top .footer-top-l p a {
    font-size: 32px;
    color: #fff;
    font-weight: bold;
    font-style: italic;
    padding-left: 40px;
    background: url("/imp_file/ESP/es/static/images/phone.png"
            /*tpa=/imp_file/global/cn/static/images/phoneIcon.png*/
        ) no-repeat left center;
}

.footer .footer-con .footer-top .footer-top-l ul {
    margin-top: 15px;
    margin-bottom: 10px;
    display: block;
}

.footer .footer-con .footer-top .footer-top-l ul li {
    float: left;
    margin-right: 40px;
}

.footer .footer-con .footer-top .footer-top-l ul li a {
    display: block;
    font-size: 14px;
    color: #fff;
}

.footer .footer-con .footer-top .footer-top-r {
    float: right;
}

.footer .footer-con .footer-top .footer-top-r .qr-img {
    float: left;
}

.footer .footer-con .footer-top .footer-top-r .qr-img span {
    display: block;
    float: left;
    font-size: 14px;
    color: #fff;
    margin: 0 4px;
    text-align: center;
}

.footer .footer-con .footer-top .footer-top-r .qr-img span img {
    width: 70px;
    margin: 0 0 4px;
}

.footer .footer-con .footer-top .footer-top-r .f-share {
    float: left;
    padding-top: 8px;
}

.footer .footer-con .footer-top .footer-top-r .f-share a {
    transition: all 0.3s;
    display: inline-block;
    float: left;
    width: 34px;
    height: 34px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin: 0 5px;
}

.footer .footer-con .footer-top .footer-top-r .f-share a.share-wechat {
    background: rgba(255, 255, 255, 0.2) url("https://upiowwebtest.unionpayintl.com/imp_file/ESP/es/static/images/share-wechat.png"
            /*tpa=/imp_file/global/cn/static/images/share-wechat.png*/
        ) no-repeat center;
}

.footer .footer-con .footer-top .footer-top-r .f-share a.share-wechat:hover {
    background: white url("https://upiowwebtest.unionpayintl.com/imp_file/ESP/es/static/images/share-wechat-on.png"
            /*tpa=/imp_file/global/cn/static/images/share-wechat-on.png*/
        ) no-repeat center;
}

.footer .footer-con .footer-top .footer-top-r .f-share a.share-weibo {
    background: rgba(255, 255, 255, 0.2) url("https://upiowwebtest.unionpayintl.com/imp_file/ESP/es/static/images/share-weibo.png"
            /*tpa=/imp_file/global/cn/static/images/share-weibo.png*/
        ) no-repeat center;
}

.footer .footer-con .footer-top .footer-top-r .f-share a.share-weibo:hover {
    background: white url("https://upiowwebtest.unionpayintl.com/imp_file/ESP/es/static/images/share-weibo-on.png"
            /*tpa=/imp_file/global/cn/static/images/share-weibo-on.png*/
        ) no-repeat center;
}

.footer .footer-con .footer-top .footer-top-r .f-share a.share-douyin {
    background: rgba(255, 255, 255, 0.2) url("https://upiowwebtest.unionpayintl.com/imp_file/ESP/es/static/images/share-douyin.png"
            /*tpa=/imp_file/global/cn/static/images/share-douyin.png*/
        ) no-repeat center;
}

.footer .footer-con .footer-top .footer-top-r .f-share a.share-douyin:hover {
    background: white url("https://upiowwebtest.unionpayintl.com/imp_file/ESP/es/static/images/share-douyin-on.png"
            /*tpa=/imp_file/global/cn/static/images/share-douyin-on.png*/
        ) no-repeat center;
}

.footer .footer-con .footer-top .footer-top-r .f-share a.share-sf {
    background: rgba(255, 255, 255, 0.2) url("https://upiowwebtest.unionpayintl.com/imp_file/ESP/es/static/images/share-sf.png"
            /*tpa=/imp_file/global/cn/static/images/share-sf.png*/
        ) no-repeat center;
}

.footer .footer-con .footer-top .footer-top-r .f-share a.share-sf:hover {
    background: white url("https://upiowwebtest.unionpayintl.com/imp_file/ESP/es/static/images/share-sf-on.png"
            /*tpa=/imp_file/global/cn/static/images/share-sf-on.png*/
        ) no-repeat center;
}

.footer .footer-con .footer-top .footer-top-r {
    float: right;
}

.footer .footer-con .footer-top .footer-top-r .f-share {
    float: left;
}

.footer .footer-con .footer-top .footer-top-r .f-share a {
    display: inline-block;
    float: left;
    width: 34px;
    height: 34px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    opacity: 0.6;
    margin: 0 5px;
}

.footer .footer-con .footer-top .footer-top-r .f-share a.share-b {
    background: url("/imp_file/ESP/es/static/images/tb.png") no-repeat center;
}

.footer .footer-con .footer-top .footer-top-r .f-share a.share-f {
    background: url("/imp_file/ESP/es/static/images/share-f.png") no-repeat center;
}

.footer .footer-con .footer-top .footer-top-r .f-share a.share-t {
    background: url("/imp_file/ESP/es/static/images/share-t.png") no-repeat center;
}

.footer .footer-con .footer-top .footer-top-r .f-share a.share-in {
    background: url("/imp_file/ESP/es/static/images/share-in.png") no-repeat center;
}

.footer .footer-con .footer-top .footer-top-r .f-share a:hover {
    opacity: 1;
}

.footer .footer-con .footer-bot {
    padding: 12px 0;
    overflow: hidden;
    text-align: center;
}

.footer .footer-con .footer-bot p {
    font-size: 12px;
    color: #999;
    opacity: 0.8;
    float: right;
}

.footer .footer-con .footer-bot p:first-child {
    float: left;
}

.mCSB_container {
    width: auto;
    margin-right: 4px;
    overflow: hidden;
}

.mCSB_container.mCS_no_scrollbar {
    margin-right: 0;
}

.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar {
    margin-right: 30px;
}

.mCustomScrollBox>.mCSB_scrollTools {
    width: 10px;
    height: 100%;
    top: 0;
    right: 0;
    background: white;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: relative;
    height: 20px;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    top: 100%;
    margin-top: -40px;
}

/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container {
    height: auto;
    margin-right: 0;
    overflow: hidden;
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar {
    margin-bottom: 0;
}

.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools {
    width: 100%;
    height: 16px;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger {
    width: 30px;
    height: 100%;
}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight {
    display: block;
    position: relative;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
    float: left;
}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight {
    margin-left: -40px;
    float: right;
}

.mCustomScrollBox {
    -ms-touch-action: none;
    /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools {
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
    /* old ie */
}

.mCSB_scrollTools .mCSB_draggerRail {
    background: #545656;
    /* rgba fallback */
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
    /* old ie */
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #666;
    /* rgba fallback */
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
    /* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /* sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) */
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
    /* sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) */
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
    /* sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) */
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
    /* sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) */
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
    /* old ie */
}

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail {
    background: #000;
    /* rgba fallback */
    background: rgba(0, 0, 0, 0.15);
}

.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #000;
    /* rgba fallback */
    background: rgba(0, 0, 0, 0.75);
}

.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9);
}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/*light-2*/
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #fff;
    /* rgba fallback */
    background: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background: #fff;
    /* rgba fallback */
    background: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.9);
}

.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}

/*dark-2*/
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #000;
    /* rgba fallback */
    background: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background: #000;
    /* rgba fallback */
    background: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}

/*light-thick*/
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #fff;
    /* rgba fallback */
    background: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background: #fff;
    /* rgba fallback */
    background: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}

/*dark-thick*/
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #000;
    /* rgba fallback */
    background: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background: #000;
    /* rgba fallback */
    background: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}

/*light-thin*/
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail {
    background: #fff;
    /* rgba fallback */
    background: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
}

.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}

/*dark-thin*/
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail {
    background: none;
    /* rgba fallback */
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
    background: #000;
    /* rgba fallback */
    background: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
}

.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}