@charset "UTF-8";
:after,
:before,
article,
aside,
dialog,
figure,
footer,
header,
nav,
section {
    display: block
}

:focus,
a,
button,
input,
label,
select,
textarea {
    outline: 0
}

html,
table {
    width: 100%
}

.m-btnstyle1,
img {
    display: inline-block
}

.btn,
.m-btnstyle1 {
    text-align: center
}

*,
.btn,
a:hover {
    text-decoration: none
}

blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

body,
button,
input,
select,
textarea {
    word-wrap: break-word;
    font-family: "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light";
    font-size: .14rem
}

textarea {
    resize: none
}

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

ol,
ul {
    list-style: none
}

fieldset,
img {
    border: 0;
    vertical-align: bottom
}

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

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

button,
input,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

input::-webkit-search-cancel-button {
    display: none
}

input[type=search]::-ms-clear {
    display: none
}

input::-ms-clear,
input::-ms-reveal,
select::-ms-clear,
select::-ms-reveal {
    display: none
}

html {
    min-height: 100%;
    font-size: 100px;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

body {
    margin: 0 auto;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    color: #000;
    background: #fff;
    overflow-x: hidden
}

img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto
}

.cssTable,
.cssTd {
    width: 100%;
    height: 100%
}

a {
    color: inherit
}

.table {
    display: table;
    width: 100%
}

.table .tbody,
.table .thead {
    display: table-row-group
}

.table .tr {
    display: table-row
}

.table .td,
.table .th {
    display: table-cell;
    vertical-align: inherit
}

.cssTd,
.f-cr-base .f-cr-icon {
    vertical-align: middle
}

.cssTable {
    display: table
}

.cssTd {
    display: table-cell
}

.color-primary {
    color: #428bca
}

.bg-color-primary {
    background-color: #428bca
}

.color-success {
    color: #5cb85c
}

.bg-color-success {
    background-color: #5cb85c
}

.color-info {
    color: #5bc0de
}

.bg-color-info {
    background-color: #5bc0de
}

.color-warning {
    color: #f0ad4e
}

.bg-color-warning {
    background-color: #f0ad4e
}

.color-danger {
    color: #d9534f
}

.bg-color-danger {
    background-color: #d9534f
}

.color-darker {
    color: #222
}

.bg-color-darker {
    background-color: #222
}

.color-dark {
    color: #333
}

.bg-color-dark {
    background-color: #333
}

.color-gray {
    color: #555
}

.bg-color-gray {
    background-color: #555
}

.color-light {
    color: #777
}

.bg-color-light {
    background-color: #777
}

.color-lighter {
    color: #eee
}

.bg-color-lighter {
    background-color: #eee
}

.color-white {
    color: #fff
}

.bg-color-white {
    background-color: #fff
}

.color-black {
    color: #000
}

.bg-color-black {
    background-color: #000
}

.color-yellow {
    color: #ff0
}

.bg-color-yellow {
    background-color: #ff0
}

.bg-color-red {
    background-color: red
}

.color-blue {
    color: #00f
}

.bg-color-blue {
    background-color: #00f
}

.fs-10 {
    font-size: .1rem
}

.fs-11 {
    font-size: .11rem
}

.fs-12 {
    font-size: .12rem
}

.fs-13 {
    font-size: .13rem
}

.fs-14 {
    font-size: .14rem
}

.fs-15 {
    font-size: .15rem
}

.fs-16 {
    font-size: .16rem
}

.fs-18 {
    font-size: .18rem
}

.fs-20 {
    font-size: .2rem
}

.fs-30 {
    font-size: .3rem
}

.wrapper {
    width: 12.86rem;
    margin-left: auto;
    margin-right: auto
}

.show {
    display: block
}

.hidden {
    display: none
}

@media screen and (min-width: 0px) and (max-width: 1480px) {
    .gt-hidden {
        display: none
    }

    .gt-show {
        display: block
    }

    .wrapper {
        width: 12rem
    }
}

@media screen and (min-width: 0px) and (max-width: 1280px) {
    .lg-hidden {
        display: none
    }

    .lg-show {
        display: block
    }

    .wrapper {
        width: 10rem
    }
}

@media screen and (min-width: 0px) and (max-width: 1024px) {
    .md-hidden {
        display: none
    }

    .md-show {
        display: block
    }

    .wrapper {
        width: 100%;
        padding-left: .3rem;
        padding-right: .3rem
    }
}

@media screen and (min-width: 0px) and (max-width: 768px) {
    .sm-hidden {
        display: none
    }

    .sm-show {
        display: block
    }

    .wrapper {
        width: 100%;
        padding-left: .2rem;
        padding-right: .2rem
    }
}

@media screen and (min-width: 0px) and (max-width: 414px) {
    .tn-hidden {
        display: none
    }

    .tn-show {
        display: block
    }

    .wrapper {
        width: 100%;
        padding-left: .15rem;
        padding-right: .15rem
    }
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: #ccc
}

::-webkit-scrollbar-track-piece {
    background: rgba(51, 51, 51, .5);
    -webkit-border-radius: 0
}

::-webkit-scrollbar {
    width: 10px;
    background: rgba(51, 51, 51, .7)
}

::-webkit-scrollbar-thumb {
    background: rgba(51, 51, 51, .7)
}

::-webkit-scrollbar-thumb:active,
::-webkit-scrollbar-thumb:hover {
    background: #333;
    height: .5rem;
    -webkit-border-radius: 0
}

body,
html {
    scrollbar-track-color: #ccc;
    scrollbar-face-color: #333;
    scrollbar-shadow-color: #333;
    scrollbar-arrow-color: #333;
    scrollbar-highlight-color: #c00;
    scrollbar-3dlight-color: #c00;
    scrollbar-darkshadow-color: #fff
}

.pagination-style-1 {
    position: static;
    text-align: center;
    height: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center
}

.bg-img,
.bg-img-parent,
.btn-3d,
.m-btnstyle4,
.scroll-bd {
    position: relative
}

.bg-img,
.btn {
    display: block
}

.pagination-style-1 .swiper-pagination-bullet {
    float: left;
    margin: 0 .08rem;
    width: .15rem;
    height: .15rem;
    background-color: #E8E8E8;
    opacity: 1;
    filter: alpha(opacity=100)
}

.pagination-style-1 .swiper-pagination-bullet-active {
    background-color: #11274F
}

.scroll-bd {
    overflow: hidden;
    padding-right: .15rem
}

.btn-circle,
.btn-square {
    padding: 0 !important
}

.bg-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.btn {
    border: none;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all .6s linear;
    -moz-transition: all .6s linear;
    -ms-transition: all .6s linear;
    transition: all .6s linear
}

.m-article a,
.m-form-row .forgotbox a:hover,
.newsItems .text .btnReadmore:hover,
.tabListbox .m-main a {
    text-decoration: underline
}

button.btn,
input.btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

.btn-circle {
    border-radius: 50%
}

.btn-rounded {
    border-radius: .04rem
}

.btn-rounded-lg {
    border-radius: .1rem
}

.btn-pill {
    border-radius: 100rem
}

.btn-border,
.btn-border-thick,
.btn-border-thin {
    border-style: solid
}

.btn-border {
    border-width: .02rem
}

.btn-border-thin {
    border-width: .01rem
}

.btn-border-thick {
    border-width: .03rem
}

.btn-3d {
    top: 0;
    -webkit-box-shadow: 0 .07rem 0 #bbb, 0 .08rem .03rem rgba(0, 0, 0, .2);
    box-shadow: 0 .07rem 0 #bbb, 0 .08rem .03rem rgba(0, 0, 0, .2)
}

.btn-3d.active,
.btn-3d:active {
    top: .05rem;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s;
    transition: all .15s;
    -webkit-box-shadow: 0 .02rem 0 #bbb, 0 .03rem .03rem rgba(0, 0, 0, .2);
    box-shadow: 0 .02rem 0 #bbb, 0 .03rem .03rem rgba(0, 0, 0, .2)
}

.btn-primary {
    color: #fff;
    background-color: #428bca
}

.btn-parent.active .btn-primary,
.btn-primary.active,
.btn-primary:active,
.no-touch .btn-primary:hover {
    color: #fff;
    background-color: #2d6ca2
}

.btn-primary.btn-border,
.btn-primary.btn-border-thick,
.btn-primary.btn-border-thin {
    border-color: #347cb9
}

.btn-parent.active .btn-primary.btn-border,
.btn-parent.active .btn-primary.btn-border-thick,
.btn-parent.active .btn-primary.btn-border-thin,
.btn-primary.btn-border-thick.active,
.btn-primary.btn-border-thick:active,
.btn-primary.btn-border-thin.active,
.btn-primary.btn-border-thin:active,
.btn-primary.btn-border.active,
.btn-primary.btn-border:active,
.no-touch .btn-primary.btn-border-thick:hover,
.no-touch .btn-primary.btn-border-thin:hover,
.no-touch .btn-primary.btn-border:hover {
    border-color: #2a6496
}

.btn-primary.btn-3d {
    -webkit-box-shadow: 0 .07rem 0 #347cb9, 0 .08rem .03rem rgba(0, 0, 0, .2);
    box-shadow: 0 .07rem 0 #347cb9, 0 .08rem .03rem rgba(0, 0, 0, .2)
}

.btn-parent.active .btn-primary.btn-3d,
.btn-primary.btn-3d.active,
.btn-primary.btn-3d:active,
.no-touch .btn-primary.btn-3d:hover {
    top: .05rem;
    -webkit-box-shadow: 0 .02rem 0 #245682, 0 .03rem .03rem rgba(0, 0, 0, .2);
    box-shadow: 0 .02rem 0 #245682, 0 .03rem .03rem rgba(0, 0, 0, .2)
}

.btn-success {
    color: #fff;
    background-color: #5cb85c
}

.btn-parent.active .btn-success,
.btn-success.active,
.btn-success:active,
.no-touch .btn-success:hover {
    color: #fff;
    background-color: #419641
}

.btn-success.btn-border,
.btn-success.btn-border-thick,
.btn-success.btn-border-thin {
    border-color: #4aab4a
}

.btn-parent.active .btn-success.btn-border,
.btn-parent.active .btn-success.btn-border-thick,
.btn-parent.active .btn-success.btn-border-thin,
.btn-success.btn-border-thick.active,
.btn-success.btn-border-thick:active,
.btn-success.btn-border-thin.active,
.btn-success.btn-border-thin:active,
.btn-success.btn-border.active,
.btn-success.btn-border:active,
.no-touch .btn-success.btn-border-thick:hover,
.no-touch .btn-success.btn-border-thin:hover,
.no-touch .btn-success.btn-border:hover {
    border-color: #3d8b3d
}

.btn-success.btn-3d {
    -webkit-box-shadow: 0 .07rem 0 #4aab4a, 0 .08rem .03rem rgba(0, 0, 0, .2);
    box-shadow: 0 .07rem 0 #4aab4a, 0 .08rem .03rem rgba(0, 0, 0, .2)
}

.btn-parent.active .btn-success.btn-3d,
.btn-success.btn-3d.active,
.btn-success.btn-3d:active,
.no-touch .btn-success.btn-3d:hover {
    top: .05rem;
    -webkit-box-shadow: 0 .02rem 0 #357935, 0 .03rem .03rem rgba(0, 0, 0, .2);
    box-shadow: 0 .02rem 0 #357935, 0 .03rem .03rem rgba(0, 0, 0, .2)
}

.btn-info {
    color: #fff;
    background-color: #5bc0de
}

.btn-info.active,
.btn-info:active,
.btn-parent.active .btn-info,
.no-touch .btn-info:hover {
    color: #fff;
    background-color: #2aabd2
}

.btn-info.btn-border,
.btn-info.btn-border-thick,
.btn-info.btn-border-thin {
    border-color: #42b6d9
}

.btn-info.btn-border-thick.active,
.btn-info.btn-border-thick:active,
.btn-info.btn-border-thin.active,
.btn-info.btn-border-thin:active,
.btn-info.btn-border.active,
.btn-info.btn-border:active,
.btn-parent.active .btn-info.btn-border,
.btn-parent.active .btn-info.btn-border-thick,
.btn-parent.active .btn-info.btn-border-thin,
.no-touch .btn-info.btn-border-thick:hover,
.no-touch .btn-info.btn-border-thin:hover,
.no-touch .btn-info.btn-border:hover {
    border-color: #28a1c5
}

.btn-info.btn-3d {
    -webkit-box-shadow: 0 .07rem 0 #42b6d9, 0 .08rem .03rem rgba(0, 0, 0, .2);
    box-shadow: 0 .07rem 0 #42b6d9, 0 .08rem .03rem rgba(0, 0, 0, .2)
}

.btn-info.btn-3d.active,
.btn-info.btn-3d:active,
.btn-parent.active .btn-info.btn-3d,
.no-touch .btn-info.btn-3d:hover {
    top: .05rem;
    -webkit-box-shadow: 0 .02rem 0 #2390b0, 0 .03rem .03rem rgba(0, 0, 0, .2);
    box-shadow: 0 .02rem 0 #2390b0, 0 .03rem .03rem rgba(0, 0, 0, .2)
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e
}

.btn-parent.active .btn-warning,
.btn-warning.active,
.btn-warning:active,
.no-touch .btn-warning:hover {
    color: #fff;
    background-color: #eb9316
}

.btn-warning.btn-border,
.btn-warning.btn-border-thick,
.btn-warning.btn-border-thin {
    border-color: #eea032
}

.btn-parent.active .btn-warning.btn-border,
.btn-parent.active .btn-warning.btn-border-thick,
.btn-parent.active .btn-warning.btn-border-thin,
.btn-warning.btn-border-thick.active,
.btn-warning.btn-border-thick:active,
.btn-warning.btn-border-thin.active,
.btn-warning.btn-border-thin:active,
.btn-warning.btn-border.active,
.btn-warning.btn-border:active,
.no-touch .btn-warning.btn-border-thick:hover,
.no-touch .btn-warning.btn-border-thin:hover,
.no-touch .btn-warning.btn-border:hover {
    border-color: #df8a13
}

.btn-warning.btn-3d {
    -webkit-box-shadow: 0 .07rem 0 #eea032, 0 .08rem .03rem rgba(0, 0, 0, .2);
    box-shadow: 0 .07rem 0 #eea032, 0 .08rem .03rem rgba(0, 0, 0, .2)
}

.btn-parent.active .btn-warning.btn-3d,
.btn-warning.btn-3d.active,
.btn-warning.btn-3d:active,
.no-touch .btn-warning.btn-3d:hover {
    top: .05rem;
    -webkit-box-shadow: 0 .02rem 0 #c77c11, 0 .03rem .03rem rgba(0, 0, 0, .2);
    box-shadow: 0 .02rem 0 #c77c11, 0 .03rem .03rem rgba(0, 0, 0, .2)
}

.btn-danger {
    color: #fff;
    background-color: #d9534f
}

.btn-danger.active,
.btn-danger:active,
.btn-parent.active .btn-danger,
.no-touch .btn-danger:hover {
    color: #fff;
    background-color: #c12e2a
}

.btn-danger.btn-border,
.btn-danger.btn-border-thick,
.btn-danger.btn-border-thin {
    border-color: #d43a36
}

.btn-danger.btn-border-thick.active,
.btn-danger.btn-border-thick:active,
.btn-danger.btn-border-thin.active,
.btn-danger.btn-border-thin:active,
.btn-danger.btn-border.active,
.btn-danger.btn-border:active,
.btn-parent.active .btn-danger.btn-border,
.btn-parent.active .btn-danger.btn-border-thick,
.btn-parent.active .btn-danger.btn-border-thin,
.no-touch .btn-danger.btn-border-thick:hover,
.no-touch .btn-danger.btn-border-thin:hover,
.no-touch .btn-danger.btn-border:hover {
    border-color: #b52b27
}

.btn-danger.btn-3d {
    -webkit-box-shadow: 0 .07rem 0 #d43a36, 0 .08rem .03rem rgba(0, 0, 0, .2);
    box-shadow: 0 .07rem 0 #d43a36, 0 .08rem .03rem rgba(0, 0, 0, .2)
}

.btn-danger.btn-3d.active,
.btn-danger.btn-3d:active,
.btn-parent.active .btn-danger.btn-3d,
.no-touch .btn-danger.btn-3d:hover {
    top: .05rem;
    -webkit-box-shadow: 0 .02rem 0 #a02622, 0 .03rem .03rem rgba(0, 0, 0, .2);
    box-shadow: 0 .02rem 0 #a02622, 0 .03rem .03rem rgba(0, 0, 0, .2)
}

.btn-tn {
    height: .24rem;
    line-height: .24rem;
    padding-left: .1rem;
    padding-right: .1rem
}

.btn-tn.btn-circle,
.btn-tn.btn-square {
    width: .24rem
}

.btn-tn.btn-border {
    line-height: .2rem
}

.btn-tn.btn-border-thin {
    line-height: .22rem
}

.btn-tn.btn-border-thick {
    line-height: .18rem
}

.btn-sm {
    height: .3rem;
    line-height: .3rem;
    padding-left: .15rem;
    padding-right: .15rem
}

.btn-sm.btn-circle,
.btn-sm.btn-square {
    width: .3rem
}

.btn-sm.btn-border {
    line-height: .26rem
}

.btn-sm.btn-border-thin {
    line-height: .28rem
}

.btn-sm.btn-border-thick {
    line-height: .24rem
}

.btn-md {
    height: .4rem;
    line-height: .4rem;
    padding-left: .2rem;
    padding-right: .2rem
}

.btn-md.btn-circle,
.btn-md.btn-square {
    width: .4rem
}

.btn-md.btn-border {
    line-height: .36rem
}

.btn-md.btn-border-thin {
    line-height: .38rem
}

.btn-md.btn-border-thick {
    line-height: .34rem
}

.btn-lg {
    height: .5rem;
    line-height: .5rem;
    padding-left: .25rem;
    padding-right: .25rem
}

.btn-lg.btn-circle,
.btn-lg.btn-square {
    width: .5rem
}

.btn-lg.btn-border {
    line-height: .46rem
}

.btn-lg.btn-border-thin {
    line-height: .48rem
}

.btn-lg.btn-border-thick {
    line-height: .44rem
}

.btn-gt {
    height: .6rem;
    line-height: .6rem;
    padding-left: .3rem;
    padding-right: .3rem
}

.btn-gt.btn-circle,
.btn-gt.btn-square {
    width: .6rem
}

.btn-gt.btn-border {
    line-height: .56rem
}

.btn-gt.btn-border-thin {
    line-height: .58rem
}

.btn-gt.btn-border-thick {
    line-height: .54rem
}

.m-btnstyle1 {
    color: #fff;
    background-color: #2e66b9;
    font-size: .15rem;
    border-radius: 10rem;
    border-style: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.m-btnstyle1.active,
.m-btnstyle1:hover,
.m-btnstyle2 {
    background-color: #06BBB4
}

.m-btnstyle2,
.m-btnstyle3 {
    display: inline-block;
    border-radius: 10rem;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    color: #fff;
    text-align: center
}

.m-btnstyle2 {
    font-size: .14rem;
    border-style: none;
    transition: all .3s ease-out
}

.m-btnstyle2.active,
.m-btnstyle2:hover {
    background-color: #EC1C24
}

.m-btnstyle3 {
    font-size: .15rem;
    border: 1px solid #fff;
    transition: all .3s ease-out
}

.m-btnstyle3.active,
.m-btnstyle3:hover {
    background-color: #06BBB4;
    border-color: #06BBB4
}

.m-btnstyle4 {
    display: block;
    width: 2.5rem;
    height: .5rem;
    margin: 0 auto;
    line-height: .5rem;
    font-size: .18rem;
    color: #fff;
    font-family: Lato-Light, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light";
    text-align: center;
    border-radius: 10rem;
    background-color: #EC1C24;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.m-btnstyle4 .icon {
    display: block;
    position: absolute;
    top: 50%;
    left: .15rem;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.m-btnstyle4 .icon img {
    display: block;
    max-width: 100%
}

.f-cr-base,
.f-cr-base .f-cr-icon {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.m-btnstyle4:hover {
    background-color: #06BBB4
}

.f-cr-base .f-cr-icon .checked,
.f-cr-base .f-cr-icon .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.f-cr-base .f-cr-icon .checked {
    display: none;
    content: '';
    transform: translate(-50%, -50%)
}

.f-cr-base .f-cr-icon .fa {
    display: none;
    transform: translate(-50%, -50%)
}

.pop-toast,
.type-desc li:before {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.f-cr-base .f-cr {
    display: none
}

.f-cr-base .f-cr:checked + .f-cr-icon .checked,
.f-cr-base .f-cr:checked + .f-cr-icon .fa,
.f-cr-style-1 .f-cr:checked + .f-cr-content .checked,
.f-cr-style-1 .f-cr:checked + .f-cr-content .fa,
.f-cr-style-2 .f-cr:checked + .f-cr-content .checked,
.f-cr-style-2 .f-cr:checked + .f-cr-content .fa {
    display: block
}

.f-cr-rounded .f-cr-icon,
.f-cr-rounded .f-cr-icon .checked {
    border-radius: .04rem
}

.f-cr-circle .f-cr-icon,
.f-cr-circle .f-cr-icon .checked {
    border-radius: 50%
}

.f-cr-style-1 {
    height: .2rem;
    line-height: .2rem
}

.f-cr-style-1 .f-cr-icon {
    width: .16rem;
    height: .16rem;
    border-radius: .04rem;
    background-color: #fff;
    vertical-align: middle;
    border: 1px solid #151933
}

.f-cr-style-1 .f-cr-icon .checked {
    width: 50%;
    height: 50%;
    background: #06BBB4;
    border-radius: .04rem
}

.f-cr-style-1 input[type=text] {
    visibility: hidden
}

.f-cr-style-1 .f-cr-name {
    color: #262D3F
}

.f-cr-style-1 .f-cr:checked + .f-cr-content .f-cr-name {
    color: #06BBB4
}

.f-cr-style-1 .f-cr:checked + .f-cr-content .f-cr-icon {
    border-color: #06BBB4
}

.f-cr-style-1 .f-cr:checked + .f-cr-content input[type=text] {
    visibility: visible
}

.f-cr-style-2 {
    height: .22rem;
    line-height: .22rem
}

.f-cr-style-2 .f-cr-icon {
    width: .22rem;
    height: .22rem;
    border: .01rem solid #858585;
    background-color: #fff;
    border-radius: .04rem
}

.f-cr-style-2 .f-cr-icon .checked {
    width: 50%;
    height: 50%;
    background: #11274f;
    border-radius: .04rem
}

.f-cr-style-2 .f-cr-name {
    color: #333
}

.f-cr-style-2 .f-cr:checked + .f-cr-content .f-cr-name {
    color: #11274f
}

.f-cr-style-2 .f-cr:checked + .f-cr-content .f-cr-icon {
    border-color: #11274f
}

.default-select {
    border: .01rem solid #fff;
    padding-right: .14rem;
    background: url(http://ourjs.github.io/static/2015/arrow.png) right center no-repeat #fff
}

.icon-why,
.icon-why.icon-1 {
    background-position: left 0
}

.default-select::-ms-expand {
    display: none
}

.m-form-row .forgotbox a,
.m-input-style1 {
    display: block;
    font-family: Lato-Light, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light";
    font-size: .18rem
}

.m-input-box1 {
    position: relative;
    height: .6rem;
    margin-bottom: .15rem
}

.m-input-box1 .m-input-style1 {
    padding: .1rem .3rem;
    line-height: .4rem
}

.m-input-style1 {
    width: 100%;
    height: 100%;
    border-style: none;
    background-color: #F4F6F9;
    color: #151933
}

.m-form-row {
    position: relative;
    margin: .2rem 0
}

.m-form-row .keepBox {
    float: left;
    font-size: .18rem;
    color: #151933;
    font-family: Lato-Light, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light"
}

.m-form-row .keepBox .f-cr-icon {
    margin-top: -.03rem;
    margin-right: .05rem
}

.m-form-row .forgotbox {
    float: right
}

.m-form-row .forgotbox a {
    color: #06BBB4
}

.icon-why {
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-image: url(images/icon-why.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

.icon-why.icon-2 {
    background-position: left -1.4rem
}

.icon-why.icon-3 {
    background-position: left -2.8rem
}

.icon-why.icon-4 {
    background-position: left -4.2rem
}

.type-desc.lh-14em li:before {
    top: .7em
}

.type-desc.lh-16em li:before {
    top: .8em
}

.type-desc.lh-18em li:before {
    top: .9em
}

.type-desc.lh-20em li:before {
    top: 1em
}

.type-desc li {
    position: relative;
    padding-left: .15rem
}

.type-desc li:before {
    content: '';
    position: absolute;
    left: 0;
    width: .06rem;
    height: .06rem;
    background-color: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%)
}

.newsItems .imgbox a:hover img,
.tradeItems .imgbox:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1)
}

.color-red {
    /* 主色调换成蓝色 */
    color: #2e66b9;
}

.color-green {
    color: #0A8906
}

.tradeItems {
    text-align: center
}

.tradeItems .imgbox {
    width: 2.5rem;
    height: 2.5rem;
    /* width: 1.1rem;
    height: 1.1rem; */
    border-radius: 50%;
    background-color: #fff;
    margin: .1rem auto;
    overflow: hidden
}

.newsItems .imgbox a img,
.tradeItems .imgbox img {
    margin: 0 auto;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    display: block
}

.tradeItems .imgbox img {
    transition: all .3s ease-out
}

.tradeItems .imgbox:hover img {
    transform: scale(1.1, 1.1)
}

.tradeItems .txt {
    font-size: .3rem;
    color: #fff;
    line-height: .51rem;
    font-family: Lato-Light, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light";
    /* padding: .1rem 0 */
    padding: .42rem 0 .92rem;
}

.conTitbox1 h2,
.conTitbox1 h3,
.conTitbox1 h4,
.newsItems .text .ntit {
    font-family: Lato-Regular, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light";
    line-height: 1.5em
}

.newsItems .imgbox {
    overflow: hidden
}

.newsItems .imgbox a {
    display: block
}

.newsItems .imgbox a img {
    transition: all .3s ease-out
}

.header,
.whyItems .w-img img {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out
}

.newsItems .imgbox a:hover img {
    transform: scale(1.1, 1.1)
}

.newsItems .text {
    padding: .15rem 0
}

.newsItems .text .ntit {
    display: block;
    font-size: .18rem;
    color: #151933
}

.newsItems .text .ntit:hover {
    color: #06BBB4
}

.newsItems .text .date {
    font-size: .12rem;
    color: #525668;
    line-height: 1.5em;
    padding: .1rem 0
}

.newsItems .text .info {
    font-size: .15rem;
    color: #151933;
    line-height: 1.5em;
    min-height: 3em;
    overflow: hidden
}

.newsItems .text .btnReadmore {
    font-size: .12rem;
    color: #06BBB4;
    line-height: 1.5em;
    text-transform: uppercase;
    display: inline-block;
    margin: .1rem 0
}

.bgGray2 {
    background-color: #151933
}

.whitebox {
    width: 100%;
    height: .4rem;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: -.4rem;
    z-index: 2
}

.conTitbox1 h2:after,
.conTitbox1 h3:after,
.conTitbox1 h4:after {
    content: '';
    width: .7rem;
    height: .02rem
}

.conTitbox1 h2,
.conTitbox1 h3,
.conTitbox1 h4,
.pageListbox,
.tip-close {
    position: relative
}

.conTitbox1 {
    margin-bottom: .1rem
}

.conTitbox1 h2 {
    color: #151933;
    font-size: .36rem
}

.conTitbox1 h2:after {
    background-color: #06BBB4;
    margin: .06rem 0
}

.conTitbox1 h3 {
    color: #151933;
    font-size: .3rem;
    text-align: center
}

.conTitbox1 h3:after {
    background-color: #06BBB4;
    margin: .06rem auto
}

.conTitbox1 h4 {
    color: #151933;
    font-size: .24rem
}

.conTitbox1 h4:after {
    background-color: #06BBB4;
    margin: .06rem 0
}

.m-article {
    font-size: .16rem;
    color: #151933;
    line-height: 1.6em;
    font-family: Lato-Light, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light"
}

.m-article h2,
.m-article h3 {
    line-height: 1.6em;
    font-family: Lato-Regular, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light";
    padding: .15rem 0
}

.m-article p {
    padding: .15rem 0;
    line-height: 1.6em
}

.m-article h2 {
    font-size: .24rem
}

.m-article h3 {
    font-size: .18rem
}

.m-article dl dt {
    padding: .06rem 0
}

.m-article a {
    color: #06BBB4
}

.m-article .examplebox {
    padding: .3rem 0
}

.m-article img {
    display: block;
    margin: .25rem auto
}

.whyItems .w-row {
    float: left
}

.whyItems .w-img {
    width: 38%;
    overflow: hidden
}

.whyItems .w-img img {
    display: block;
    transition: all .3s ease-out
}

.whyItems .w-img:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.whyItems .w-txt {
    width: 62%
}

.whyItems:nth-of-type(odd) .w-txt {
    padding-left: .4rem
}

.whyItems:nth-of-type(even) .w-img {
    float: right
}

.whyItems:nth-of-type(even) .w-txt {
    padding-right: .4rem
}

.boldTxt {
    font-weight: 700
}

.t-table1 {
    text-align: center;
    color: #151933;
    font-family: Lato-Light, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light";
    font-size: .14rem;
    border: 1px solid #151933;
    margin: .3rem 0
}

.t-table1 .thead .tr .td {
    font-family: Lato-Regular, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light";
    font-size: .16rem
}

.accountTabbox .tMain .item,
.indexBan .swiper-container > ul li .cenTxt,
.topHead .hright .row {
    font-family: Lato-Light, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light"
}

.t-table1 .tr .td {
    border-right: 1px solid #151933;
    border-bottom: 1px solid #151933;
    line-height: 1.5em;
    padding: .06rem
}

.t-table1 .tr .td:last-child {
    border-right: none
}

.t-table1 .tbody .tr:last-child .td {
    border-bottom: none
}

.pageListbox {
    text-align: center;
    margin: .3rem 0 .6rem
}

.pageListbox ul li {
    display: inline-block;
    width: .32rem;
    height: .32rem;
    border-radius: 50%;
    margin: 0 .03rem
}

.pageListbox ul li a {
    display: block;
    border-radius: 50%;
    text-align: center
}

.pageListbox ul .m-page-next a,
.pageListbox ul .m-page-prev a {
    line-height: .32rem;
    font-size: .18rem
}

.pageListbox ul .m-page-next a:hover,
.pageListbox ul .m-page-prev a:hover {
    color: #fff;
    background-color: #06BBB4
}

.pageListbox ul .m-normal a {
    font-size: .14rem;
    border: 1px solid #15223F;
    line-height: .3rem
}

.pageListbox ul .m-normal a.active,
.pageListbox ul .m-normal a:hover {
    color: #fff;
    border-color: #06BBB4;
    background-color: #06BBB4
}

.m-mobshow {
    display: none
}

.tip-hands {
    cursor: pointer
}

.tip-rounded {
    border-radius: .04rem
}

.tip-rounded-large {
    border-radius: 10rem
}

.tip-close .tip-close-btn {
    position: absolute;
    right: .15rem;
    top: 50%;
    color: inherit;
    background: 0 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.pop-toast,
.tip-box {
    position: fixed;
    z-index: 101
}

.tip-box {
    left: 0;
    right: 0;
    line-height: 1.6em;
    color: #fff;
    padding: .15rem;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.tip-danger.tip-hover:hover,
.tip-warning.tip-hover:hover {
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s
}

.tip-box strong {
    margin-right: .05rem
}

.tip-danger {
    background: #d9534f
}

.tip-danger.tip-hover:hover {
    background: #de6c68;
    transition: all .15s
}

.tip-danger .tip-close-btn:hover {
    background: #d43a36
}

.tip-warning {
    background: #f0ad4e
}

.tip-warning.tip-hover:hover {
    background: #f2ba6a;
    transition: all .15s
}

.tip-info.tip-hover:hover,
.tip-success.tip-hover:hover {
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s
}

.tip-warning .tip-close-btn:hover {
    background: #eea032
}

.tip-info {
    background: #5bc0de
}

.tip-info.tip-hover:hover {
    background: #74cae3;
    transition: all .15s
}

.tip-info .tip-close-btn:hover {
    background: #42b6d9
}

.tip-success {
    background: #5cb85c
}

.tip-success.tip-hover:hover {
    background: #71c171;
    transition: all .15s
}

.tip-success .tip-close-btn:hover {
    background: #4aab4a
}

.tip-primary {
    background: #428bca
}

.tip-primary.tip-hover:hover {
    background: #5a9ad1;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s;
    transition: all .15s
}

.tip-primary .tip-close-btn:hover {
    background: #347cb9
}

.etoAdvantage,
.imBlock2 {
    background-attachment: fixed
}

.accountTabbox2 .acMenu ul li:after,
.accountTabbox2 .acMenu ul li:before,
.etoAdvantage,
.imBlock2,
.indexBan .swiper-container > ul li {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.pop-toast {
    top: 50%;
    left: 50%;
    background-color: rgba(0, 0, 0, .8);
    transform: translate(-50%, -50%)
}

.pop-toast.pop-toast-static .pop-toast-box {
    padding: .2rem
}

.pop-toast.pop-toast-no-static .pop-toast-box {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.alert-pop,
.alert-pop-mask {
    bottom: 0;
    left: 0;
    top: 0;
    right: 0
}

.alert-pop {
    position: fixed;
    z-index: 101
}

.alert-pop-mask {
    position: absolute;
    z-index: 1;
    background-color: rgba(0, 0, 0, .9)
}

.alert-pop-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.alert-pop-close .close {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer
}

.alert-pop-box,
.alert-pop-close .close i {
    position: absolute;
    left: 50%;
    background-color: #fff;
    top: 50%
}

.alert-pop-close .close i {
    width: 80%;
    height: 2px
}

.clear,
.clearfix:after {
    height: 0;
    clear: both;
    display: block
}

.alert-pop-close .close i:nth-child(1) {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.alert-pop-close .close i:nth-child(2) {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.alert-pop-box {
    width: 500px;
    border-radius: 10px;
    border: 1px solid #333;
    text-align: center;
    overflow: hidden;
    z-index: 3;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.alert-pop-box .alert-pop-title {
    padding: 10px 20px;
    background-color: #eee
}

.alert-pop-box .alert-pop-content {
    padding: 25px 20px
}

.alert-pop-box .alert-pop-btns > * {
    float: left;
    text-align: center
}

.clear {
    overflow: hidden
}

.clearfix:after {
    content: '\20'
}

.topHead {
    background-color: #000000;
    height: .4rem;
    padding: 0 .1rem;
    position: relative;
    z-index: 4
}

.topHead .hright {
    float: right
}

.topHead .hright .row {
    float: left;
    padding: 0 .2rem;
    border-left: 1px solid rgba(255, 255, 255, .3);
    position: relative;
    font-size: .14rem;
    color: #fff;
    line-height: .4rem
}

.topHead .hright .row a {
    display: block;
    position: relative
}

.topHead .hright .m-th1 a,
.topHead .hright .m-th2 a {
    padding-left: .3rem
}

.topHead .hright .m-th1 a .icon,
.topHead .hright .m-th2 a .icon {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.topHead .hright .m-th1 a .icon img,
.topHead .hright .m-th2 a .icon img {
    display: block;
    max-width: 100%
}

.topHead .hright .m-th1:hover,
.topHead .hright .m-th2:hover {
    background-color: #47B4AC
}

.topHead .hright .lanChange {
    font-size: .1rem;
    color: #fff;
    line-height: .4rem;
    position: relative;
    text-align: center
}

.topHead .hright .lanChange .sValue {
    cursor: pointer
}

.topHead .hright .lanChange .fa {
    margin-left: .05rem
}

.topHead .hright .lanChange .selectSlides {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    background-color: #EC1C24;
    z-index: 2;
    display: none
}

.headNav ul li a,
.header,
.header .wrapper {
    position: relative
}

.headNav ul li a:after,
.topHead .hright .lanChange .selectSlides ul li a.active,
.topHead .hright .lanChange .selectSlides ul li a:hover {
    background-color: #47B4AC
}

.headNav ul li a,
.logobox a,
.logobox a img,
.m-mobbtnMenu i,
.topHead .hright .lanChange:hover .selectSlides {
    display: block
}

.topHead .hright .lanChange .selectSlides ul li a {
    color: #fff;
    display: block
}

.header {
    width: 100%;
    z-index: 11;
    transition: all .3s ease-out
}

.headNav ul li a,
.header .innerMain {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out
}

.header .logobox {
    float: left
}

.header .headRight {
    float: right;
    padding-top: .16rem
}

.footer .fbotbox .flink,
.footer .fbotbox .flink ul li,
.headNav ul li,
.header .headNav {
    float: left
}

.header .hbtnbox {
    float: left;
    margin: 0 .1rem
}

.header .hbtnbox:last-child {
    margin-right: 0
}

.header .hbtnbox a {
    line-height: .34rem;
    width: 1.4rem
}

.header .innerMain {
    padding: .3rem 0;
    transition: all .3s ease-out

}

.logobox a img {
    max-width: 100%
}

.headNav ul li {
    margin: 0 .03rem
}

.headNav ul li a {
    font-size: .16rem;
    line-height: .34rem;
    color: #fff;
    padding: 0 .1rem;
    transition: all .3s ease-out;
    border-radius: 10rem
}

.headNav ul li a:after,
.m-mobbtnMenu i {
    height: .02rem;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out
}

.headNav ul li a:after {
    content: '';
    width: 0;
    position: absolute;
    left: 50%;
    bottom: -.1rem;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    transition: all .3s ease-out
}

.etoAdvantage:before,
.flinkItem h2:after,
.footer .fbotbox .flink ul li a:after,
.indexBan .swiper-container > ul li:after {
    content: ""
}

.footer .fbotbox .flink ul li a:after,
.m-mobbtnMenu {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%)
}

.headNav ul li a.active:after,
.headNav ul li a:hover:after {
    width: 75%
}

.fixedHeader {
    position: fixed;
    z-index: 11;
    top: 0;
    left: 0
}

.indexHeader.active1 .innerMain {
    background-color: rgba(0, 0, 0, .8);
    padding: .1rem 0
}

.innerpageHeader .innerMain {
    background-color: #fff
}

.innerpageHeader .headNav ul li a {
    color: #1E2538
}

.footer .fbotbox,
.footer .fbotbox .flink ul li a {
    font-size: .13rem;
    color: rgba(255, 255, 255, 0.6);
    background-color: #151933;
    line-height: .14rem
}

.innerpageHeader.active2 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    box-shadow: 0 0 .15rem .04rem #f8f8f8
}

.innerpageHeader.active2 .innerMain {
    padding: .1rem 0
}

.innerpageHeader .m-mobbtnMenu i {
    background-color: #1E2538
}

.m-mobbtnMenu {
    position: absolute;
    right: .3rem;
    top: 50%;
    width: .4rem;
    transform: translate(0, -50%);
    cursor: pointer
}

.m-mobbtnMenu i {
    width: 100%;
    background-color: #fff;
    margin-bottom: .08rem;
    transition: all .3s ease-out
}

.etoAdvantage .slidesBotdot ul li,
.withdrawBox .tabMenu ul li:after {
    /* -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out */
}

.m-mobbtnMenu i.i3 {
    width: 80%;
    margin-bottom: 0
}

.m-mobbtnMenu.active {
    height: .4rem
}

.m-mobbtnMenu.active .i3 {
    display: none
}

.m-mobbtnMenu.active .i1 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.m-mobbtnMenu.active .i2 {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.m-mobbtnMenu.active i {
    position: absolute;
    top: 40%;
    left: 0
}

.footer .fbotbox {
    position: relative
}

.footer .fbotbox .wrapper {
    position: relative;
    padding: .2rem 0
}

.footer .fbotbox .trow {
    padding: .1rem 0
}

.footer .fbotbox .flink ul li a {
    display: block;
    position: relative;
    padding: 0 .08rem;
    border-right: 1px solid #babbbf;
}

.footer .fbotbox .flink ul li a:after {
    width: 1px;
    height: 50%;
    background-color: #151933;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%)
}

.footer .fbotbox .flink ul li a:hover {
    color: #47B4AC
}

.footer .fbotbox .flink ul li:last-child a {
    border-right: none;
}

.footer .fbotbox .flink ul li:first-child a {
    padding-left: 0
}

.footer .fbotbox .flink ul li:last-child a:after {
    display: none;
}

.footer .fbotbox .copyright {
    float: right
}

.footer .fbotbox .ftxt {
    width: 88%;
    font-size: .14rem;
    line-height: 1.78em;
}

.footer .fbotbox .designbox {
    padding: .1rem 0
}

.footer .fbotbox .designbox a {
    color: #151933
}

.footer .fbotbox .designbox a:hover {
    color: #47B4AC
}

.footer .btnContact {
    position: fixed;
    right: .15rem;
    bottom: 0;
    font-size: .18rem;
    color: #fff;
    background-color: #E51729;
    border-radius: .08rem .08rem 0 0;
    width: 2.4rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    z-index: 10
}

.footer .btnContact a {
    display: block;
    color: #fff
}

.footer .btnContact .icon {
    display: inline-block;
    margin-right: .15rem
}

.footer .btnContact .icon img {
    display: block;
    max-width: 100%
}

.flinkbox {
    padding: .55rem 0 0
}

.flinkbox .flinkItem {
    float: left;
    width: 16.6666%
}

.flinkItem {
    color: #fff;
    line-height: .24rem
}

.flinkItem h2 {
    position: relative;
    text-transform: uppercase;
    font-size: .20rem;
    padding-bottom: .1rem;
    margin-bottom: .15rem
}

.flinkItem h2:after {
    width: .28rem;
    height: .02rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #06BBB4;
    z-index: 2
}

.flinkItem .fcol {
    padding: .2rem 0;
    min-height: 2.6rem
}

.flinkItem .fcol h3 {
    font-size: .16rem;
    padding: .15rem 0
}

.flinkItem .fcol .main ul li a {
    color: #A1A3AD;
    font-size: .13rem
}

.flinkItem .fcol .main ul li a:hover {
    color: #06BBB4
}

.fContactbox {
    background-color: #06bbb4;
    padding: .3rem 0
}

.fContactbox .row {
    float: left;
    position: relative;
    padding-left: .4rem;
    font-size: .15rem;
    line-height: .24rem;
    color: #fff;
    margin-right: .8rem
}

.fContactbox .row .icon {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.fContactbox .row .icon img {
    display: block;
    max-width: 100%
}

.fContactbox .fcontactmain {
    float: left
}

.fContactbox .sharebox {
    float: right
}

.sharebox ul li {
    float: left;
    padding-right: .3rem
}

.sharebox ul li a {
    display: block;
    color: #fff;
    font-size: .24rem
}

.indexBan {
    position: relative;
    /* height: 7rem */
    height: 6.8rem;
}

.indexBan .swiper-container,
.indexBan .swiper-container > ul {
    float: left;
    width: 100%;
    height: 100%
}

.indexBan .swiper-container > ul li {
    width: 100%;
    height: 100%;
    position: relative

}

/*li {
    float: left;
}*/

.indexBan .swiper-container > ul li:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 2;
    background-color: rgba(21, 25, 51, .6)
}

.indexBan .swiper-container > ul li .cenTxt {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 3
}

.indexBan .swiper-container > ul li .cenTxt h2 {
    font-size: .45rem;
    line-height: 1em;
    color: #fff;
    text-transform: uppercase;
    margin: .15rem 0;
    white-space: nowrap
}

.indexBan .swiper-container > ul li .cenTxt .m-btnstyle1 {
    width: 3rem;
    height: .5rem;
    line-height: .5rem;
    text-transform: uppercase;
    margin: .2rem 0
}

.indexBan .swiper-container > ul li .cenTxt .mp1 {
    font-size: .16rem;
    line-height: 1.5em;
    color: #fff
}

.indexBan .swiper-pagination {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: .38rem;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.indexBan .swiper-pagination span {
    margin: 0 .06rem;
    opacity: 1
}

.indexBan .swiper-pagination .swiper-pagination-bullet {
    border: 2px solid #2e66b9;
}

.indexBan .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #2e66b9
}

/*////*/

.imBlock2 .swiper-pagination {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: .38rem;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.imBlock2 .swiper-pagination span {
    margin: 0 .06rem;
    opacity: 1
}

.imBlock2 .swiper-pagination .swiper-pagination-bullet {
    border: 2px solid #2e66b9;
}

.imBlock2 .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #2e66b9
}

/*////*/

/*//////*/

.etoAdvantage .swiper-pagination {

}

.etoAdvantage .swiper-pagination span {
    margin: 0.01rem .06rem;
    opacity: 1
}

.etoAdvantage .swiper-pagination .swiper-pagination-bullet {
    border: 2px solid #06bbb4;
}

.etoAdvantage .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #06bbb4
}

/*///////*/

.indexBan .iconArrow {
    position: absolute;
    left: 50%;
    bottom: 1.5rem;
    width: .24rem;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 4
}

.indexBan .iconArrow a {
    display: block
}

.indexBan .iconArrow img {
    display: block;
    max-width: 100%
}

.accountTabbox .wrapper {
    position: relative;
    margin-top: 1.16rem;
    z-index: 4
}

.accountTabbox .tMenu ul li {
    float: left;
    width: 50%;
    text-align: center;
    font-size: .21rem;
    line-height: .45rem;
    color: rgba(0, 0, 0, .5);
    background-color: #82ddd9;
    border: 1px solid #2e66b9;
    cursor: pointer
}

.accountTabbox .tMenu ul li:nth-child(1) {
    border-top-left-radius: 8px;
}

.accountTabbox .tMenu ul li:nth-child(2) {
    border-top-right-radius: 8px;
}

.accountTabbox .tMenu ul li.active {
    background-color: #2e66b9;
    color: #ffffff;
}

.accountTabbox .tMain {
    box-shadow: 0 .1rem .3rem .01rem #f9f9f9
}

.accountTabbox .tMain .tBlock {
    overflow: hidden;
    display: none;
    border: 1px solid #2e66b9;
    border-top: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.accountTabbox .tMain .item {
    float: left;
    width: 25%;
    padding: .25rem .15rem;
    text-align: center;
    color: #151933
}

.accountTabbox .tMain .item {
    background-color: #fff
}

.accountTabbox .tMain .item .num {
    font-size: .48rem;
    line-height: 1.5em
}

.accountTabbox .tMain .item .txt {
    font-size: .21rem;
    line-height: 1.5em
}

.imBlock1 {
    margin-top: 1rem;
    padding-bottom: 1.02rem
}

.imBlock1 .mrow {
    float: left;
    width: 50%
}

.imBlock1 .lmbox {
    font-family: Lato-Bold, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light";
    padding-right: .45rem
}

.imBlock1 .lmbox h2 {
    font-size: .3rem;
    line-height: 1.5em;
    color: #151933
}

.imBlock1 .lmbox .list {
    margin: .3rem 0
}

.imBlock1 .lmbox .list li {
    position: relative;
    padding-left: .3rem;
    color: #151933;
    font-size: .18rem;
    line-height: .19rem;
    font-family: Lato-Regular, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light";
    margin-bottom: .26rem
}

.imBlock1 .lmbox .list li .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: .2rem
}

.imBlock1 .lmbox .list li .icon img {
    display: block;
    max-width: 100%
}

.quotationBox .cBox,
.quotationBox .pBox.active .fa {
    display: none
}

.imBlock1 .lmbox .btnLearnmore {
    width: 3rem;
    height: .5rem;
    line-height: .5rem
}

.imBlock1 .rmbox {
    padding-left: .45rem
}

.imBlock1 .rmbox .quotationBox {
    width: 5.3rem;
    max-width: 100%
}

.imBlock1 .rmbox .tiptxt {
    text-align: center;
    font-size: .14rem;
    color: #151933;
    line-height: 1.6em;
    margin-top: .25rem;
    font-family: Lato-Light, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light"
}

.quotationBox .pBox,
.table1 .thead {
    font-size: .15rem;
    line-height: .4rem
}

.quotationBox .cBox,
.quotationBox .pBox {
    font-family: Lato-Medium, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light"
}

.quotationBox .pBox {
    background-color: #D7DCE2;
    text-align: center;
    text-transform: uppercase;
    color: #151933;
    height: .4rem;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #fff
}

.quotationBox .pBox .fa {
    position: absolute;
    right: .1rem;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.etoAdvantage,
.table1 .flag,
.table1 .tbody .tr .td {
    position: relative
}

.etoAdvantage .swiper-pagination {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: .38rem;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.imBlock2 .slidesBotdot ul li,
.imBlock2 .slidesToptxt ul li .intxt {
    font-family: Lato-Light, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light"
}

.table1 .thead {
    background-color: #2e66b9;
    color: #fff
}

.table1 .tbody .tr {
    font-size: .16rem;
    color: #000;
    line-height: .4rem;
    height: .4rem
}

.table1 .tbody .tr:nth-of-type(even) {
    background-color: #F5F7FC
}

.table1 .tbody .tr:nth-of-type(odd) {
    background-color: #fff
}

.table1 .flag img {
    display: block;
    margin: 0 auto
}

.table1 .tr .td {
    padding: 0 .05rem
}

.etoAdvantage {
    height: 8.44rem
}

.etoAdvantage:before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background-color: rgba(21, 25, 51, .8)
}

.etoAdvantage .mTopbox {
    margin: 1.2rem 0 .2rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 4
}

.etoAdvantage .mBotbox {
    position: absolute;
    bottom: .6rem;
    left: 0;
    width: 100%;
    z-index: 4
}

.etoAdvantage .slidesToptxt ul li .intxt {
    text-align: center;
    font-size: .18rem;
    line-height: 1.6em;
    color: #fff;
    padding: 0 23%
}

.etoAdvantage .slidesBotdot {
    overflow: hidden;
    min-height: .15rem;
    position: absolute;
    bottom: .32rem;
    left: 0;
    right: 0;
    z-index: 4;
}

.etoAdvantage .slidesBotdot ul {
    position: relative
}

.etoAdvantage .slidesBotdot ul li {
    float: left;
    width: .15rem !important;
    height: .15rem;
    border-radius: 10rem;
    border: .02rem solid #06bbb4;
    color: #fff;
    font-size: .15rem;
    text-transform: uppercase;
    position: relative;
    margin-right: .06rem !important;
    z-index: 2;
}

.etoAdvantage .slidesBotdot ul li p {
    display: none;
    padding: 0 .1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.etoAdvantage .slidesBotdot ul li.swiper-slide-active {
    /* width: 3rem!important;
    height: .5rem; */
    top: 0;
    background-color: #06bbb4;
}

.imBlock2 .slidesBotdot {
    overflow: hidden;
    min-height: .15rem;
    position: absolute;
    bottom: .32rem;
    left: 0;
    right: 0;
    z-index: 4;
}

.imBlock2 .slidesBotdot ul {
    position: relative
}

.imBlock2 .slidesBotdot ul li {
    float: left;
    width: .15rem !important;
    height: .15rem;
    border-radius: 10rem;
    border: .02rem solid #06bbb4;
    color: #fff;
    font-size: .15rem;
    text-transform: uppercase;
    position: relative;
    margin-right: .06rem !important;
    z-index: 2;
}

.imBlock2 .slidesBotdot ul li p {
    display: none;
    padding: 0 .1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.imBlock2 .slidesBotdot ul li.swiper-slide-active {
    /* width: 3rem!important;
    height: .5rem; */
    top: 0;
    background-color: #06bbb4;
}

/* .etoAdvantage .slidesBotdot ul li.swiper-slide-active p {
    width: 100%;
    border-radius: 10rem;
    background-color: #47B4AC;
    text-align: center;
    line-height: .5rem;
    display: block
} */

.imBlock2 .slidesBotdot2 ul li {
    float: left;
    width: .15rem !important;
    height: .15rem;
    border-radius: 10rem;
    border: .02rem solid #2e66b9;
    color: #fff;
    font-size: .15rem;
    text-transform: uppercase;
    position: relative;
    margin-right: .06rem !important;
    z-index: 2;
}

.imBlock2 .slidesBotdot2 ul li.swiper-slide-active {
    top: 0;
    background-color: #2e66b9;
}

.commontitBox {
    text-align: center;
    color: #fff;
    font-family: Lato-Regular, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light";
    z-index: 3
}

.commontitBox .icon {
    width: .88rem;
    margin: 0 auto
}

.commontitBox h2 {
    font-size: .36rem;
    line-height: 1.36em;
    margin-bottom: .22rem;
}

.commontitBox h2:nth-child(2) {
    margin-top: .24rem;
    margin-bottom: .72rem;
}

.mBotbox {
    text-align: center;
    color: #fff;
    font-family: Lato-Regular, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light";
    z-index: 3
}

.mBotbox h1 {
    font-size: 1.94rem;
    line-height: 1.94rem;
    margin-bottom: .2rem;
    margin-top: .62rem;
    color: #06bbb4;
    font-family: 'FZChaoCuHei-M10S'
}

.mBotbox h2 {
    font-size: .36rem;
    line-height: 1.36em;
    margin-bottom: .2rem;
    margin-top: .24rem;
    margin-bottom: .72rem;
}

.commontitBox .mp1 {
    font-size: .18rem;
    line-height: 1.6em;
    color: #fff;
    font-family: Lato-Light, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light"
}

.accountTabbox2 .acMenu ul li,
.m-mobAccount ul li .inbox .tit .trow {
    text-align: center;
    font-family: Lato-Bold, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light";
    float: left
}

.commontitBox .m-btnMore {
    width: 3rem;
    height: .5rem;
    line-height: .48rem;
    text-transform: uppercase
}

.taTypes {
    position: relative;
    padding: .76rem 0 1rem;
    background-color: #fff
}

.taTypes .commontitBox {
    color: #151933;
    margin: .3rem 0 .2rem
}

.accountTabbox2 {
    padding: .5rem 0
}

.accountTabbox2 .acMenu {
    border-radius: .3rem .3rem 0 0;
    overflow: hidden
}

.accountTabbox2 .acMenu ul li {
    width: 33.3333%;
    font-size: .18rem;
    color: #fff;
    background-color: #192039;
    line-height: .3rem;
    padding: .09rem 0;
    position: relative;
    cursor: pointer
}

.accountTabbox2 .acMenu ul li:after,
.accountTabbox2 .acMenu ul li:before {
    content: "";
    width: .3rem;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    display: none
}

.accountTabbox2 .acContent .block,
.imBlock2 {
    position: relative
}

.accountTabbox2 .acMenu ul li:before {
    left: -.3rem;
    background-image: url(images/pic07.png)
}

.accountTabbox2 .acMenu ul li:after {
    right: -.3rem;
    background-image: url(images/pic06.png)
}

.accountTabbox2 .acMenu ul li.active {
    background-color: #47B4AC
}

.accountTabbox2 .acMenu ul li.active:after,
.accountTabbox2 .acMenu ul li.active:before {
    display: block
}

.accountTabbox2 .acContent {
    border: 1px solid #DBDDE5;
    border-top: none;
    border-radius: 0 0 .3rem .3rem;
    overflow: hidden
}

.accountTabbox2 .acContent .block .acitems {
    float: left;
    width: 33.3333%;
    text-align: center
}

.accountTabbox2 .acContent .block .acitems:nth-of-type(even) {
    background-color: #F3F5F8
}

.accountTabbox2 .acContent .acitems ul li {
    font-size: .18rem;
    color: #151933;
    line-height: .3rem;
    padding: .1rem .05rem;
    border-bottom: 1px solid #D7D8DC
}

.accountTabbox2 .acContent .acitems ul li:last-child {
    border-bottom: none
}

.imBlock2 {
    /* padding: .3rem 0; */
    height: 9.6rem;
    overflow: hidden
}

.imBlock2:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background-color: rgba(21, 25, 51, .8)
}

.imBlock2 .wrapper {
    position: relative;
    z-index: 4
}

.imBlock2 .mTopbox {
    /* padding: .7rem 0 */
    padding: 1.04rem 0 .96rem;
}

.imBlock2 .mTopbox .mp1 {
    width: 56%;
    margin: 0 auto .2rem
}

.imBlock2 .listbox .tradeItems {
    float: left
}

.imBlock2 .listbox .rbox {
    padding-bottom: .6rem
}

.imBlock2 .listbox .rbox1 .tradeItems {
    width: 33%
}

.imBlock2 .listbox .rbox2 .tradeItems {
    width: 33%
}

.imBlock2 .videobox {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.imBlock2 .videobox video.video {
    display: block;
    width: 100%
}

.newsBlock {
    padding: .7rem 0
}

.newsBlock .mTopbox {
    margin: .5rem auto 0
}

.newsBlock .mTopbox h2 {
    color: #151933
}

.newsBlock .mTopbox h2 .btnArrowmore {
    width: .31rem;
    height: .31rem;
    border-radius: 50%;
    display: inline-block;
    margin-left: .1rem;
    margin-bottom: -.05rem
}

.newsBlock .mTopbox h2 .btnArrowmore img {
    display: block;
    width: 100%
}

.newsBlock .newsList {
    position: relative;
    padding-top: .6rem
}

.newsBlock .newsList .newsItems {
    float: left;
    width: 4rem;
    margin-right: .4rem
}

.newsBlock .newsList .m-arrowBox {
    position: absolute;
    right: 0;
    top: 0
}

.newsBlock .newsList .m-arrowBox .swiper-button-next,
.newsBlock .newsList .m-arrowBox .swiper-button-prev {
    position: static
}

.m-arrowBox .swiper-button-next,
.m-arrowBox .swiper-button-prev {
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    text-align: center;
    line-height: .3rem;
    padding: 0;
    background: inherit;
    background-color: #192039;
    color: #fff;
    font-size: .16rem;
    float: left;
    margin: 0 .1rem;
    opacity: 1
}

.addressInfo,
.featureBox,
.mContainer .commonBanbox .r-row {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.m-arrowBox .swiper-button-next:hover,
.m-arrowBox .swiper-button-prev:hover {
    background-color: #47B4AC
}

.comPartnerbox {
    position: relative;
    text-align: center;
    padding: .4rem 0
}

.acceptingBox {
    position: relative;
    text-align: center;
    padding: .4rem 0 .7rem; /*//*/

}

.comPartnerbox .tit {
    font-size: .24rem;
    color: #151933;
    text-transform: uppercase;
    padding: .3rem 0
}

.comPartnerbox .partnerListbox {
    text-align: center;
    padding: .3rem 0;
    position: relative
}

.comPartnerbox .partnerListbox ul li {
    float: left;
    position: relative
}

.comPartnerbox .partnerListbox ul li .pimg {
    width: 20%;
    float: left;
    padding-right: .45rem;
    height: .4rem
}

.comPartnerbox .partnerListbox .swiper-pagination {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.comPartnerbox .partnerListbox .swiper-pagination span {
    display: block;
    margin: 0 .05rem;
    width: .45rem;
    height: .03rem;
    background-color: #0F111E;
    opacity: 1;
    border-radius: 0;
    float: left
}

.comPartnerbox .partnerListbox .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #EC1C24
}

.LiquiditBox .btnBacktop,
.m-mobAccount ul li .inbox .tit .trow1 {
    background-color: #47B4AC
}

.comPartnerbox .partnerListbox .m-arrowBox .swiper-button-next,
.comPartnerbox .partnerListbox .m-arrowBox .swiper-button-prev {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.comPartnerbox .partnerListbox .m-arrowBox .swiper-button-prev {
    left: 0
}

.comPartnerbox .partnerListbox .m-arrowBox .swiper-button-next {
    right: 0
}

.LiquiditBox .btnBacktop {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    text-align: center;
    line-height: .5rem;
    color: #fff;
    font-size: .16rem;
    position: absolute;
    right: .25rem;
    top: -.25rem;
    cursor: pointer;
    z-index: 99;
}

.LiquiditBox .btnBacktop img {
    display: block;
    margin: 0 auto
}

.acceptingBox .partnerListbox {
    padding: 0 .5rem
}

.m-mobAccount {
    padding: .5rem .25rem
}

.m-mobAccount ul li {
    float: left;
    width: 100%
}

.m-mobAccount ul li .inbox .tit {
    overflow: hidden
}

.m-mobAccount ul li .inbox .tit .trow {
    width: 50%;
    position: relative;
    font-size: .22rem;
    color: #fff;
    padding: .15rem
}

.m-Cmainbox .m-sidemenu ul li a,
.mContainer .commonBanbox .l-row h2 {
    font-family: Lato-Light, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light"
}

.m-mobAccount ul li .inbox .tit .trow1:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-top: .3rem solid transparent;
    border-left: .25rem solid #47b4ac;
    border-bottom: .3rem solid transparent;
    z-index: 2
}

.m-mobAccount ul li .inbox .tit .trow2 {
    background-color: #192039
}

.m-mobAccount ul li .inbox .main {
    border: 1px solid #CFD2DC;
    background-color: #F3F5F8;
    position: relative
}

.m-mobAccount ul li .inbox .main:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background-color: #CFD2DC;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.m-mobAccount ul li .inbox .main .mrow {
    border-bottom: 1px solid #CFD2DC
}

.m-mobAccount ul li .inbox .main .mrow:last-child {
    border-bottom: none
}

.m-mobAccount ul li .inbox .main .mrow .mcol {
    float: left;
    width: 50%;
    padding: .1rem .15rem;
    color: #151933;
    font-size: .18rem;
    line-height: 1.5em
}

.m-mobAccount .swiper-pagination {
    width: 100%;
    padding: .2rem 0;
    position: static
}

.m-mobAccount .swiper-pagination .swiper-pagination-bullet {
    width: .15rem;
    height: .15rem;
    border-radius: 50%;
    background-color: #17192F;
    margin: 0 .1rem
}

.m-mobAccount .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #47B4AC
}

.m-mobAccount .taTypes {
    padding: .5rem 0
}

.mContainer {
    min-height: 9rem
}

.mContainer .commonBanbox {
    position: relative;
    height: 2.45rem
}

.mContainer .commonBanbox .row {
    float: left;
    width: 50%;
    height: 100%;
    position: relative
}

.mContainer .commonBanbox .l-row {
    background-color: #06BBB4
}

.mContainer .commonBanbox .l-row .trImg {
    position: absolute;
    width: 1.63rem;
    right: 0;
    top: 0
}

.mContainer .commonBanbox .l-row .trImg img {
    display: block;
    max-width: 100%
}

.mContainer .commonBanbox .l-row h2 {
    position: relative;
    padding: .1rem .25rem;
    color: #fff;
    font-size: .48rem
}

.mContainer .commonBanbox .l-row h2:after {
    content: '';
    width: .68rem;
    height: 1px;
    margin-top: .15rem;
    background-color: #fff
}

.m-Cmainbox {
    position: relative;
    padding-left: 3.7rem;
    min-height: 3.6rem
}

.m-Cmainbox .frimg {
    position: absolute;
    right: 0;
    top: 0;
    width: .82rem
}

.m-Cmainbox .frimg img {
    display: block;
    max-width: 100%
}

.m-Cmainbox .m-sidemenu {
    width: 3.7rem;
    position: absolute;
    left: 0;
    top: 0
}

.addressInfo,
.whyBox {
    position: relative
}

.m-Cmainbox .m-sidemenu ul li a {
    display: block;
    font-size: .18rem;
    line-height: 2em;
    color: #1E2538;
    border-bottom: 1px solid rgba(30, 37, 56, .2);
    padding: .1rem .3rem
}

.m-Cmainbox .m-sidemenu ul li a.active,
.m-Cmainbox .m-sidemenu ul li a:hover {
    color: #06BBB4;
    border-color: #06BBB4
}

.m-Cmainbox .rArticlebox {
    position: relative;
    padding: 0 1.7rem .6rem .7rem
}

.whyBox .wrapper {
    width: 9.24rem;
    max-width: 100%
}

.whyListbox .whyItems {
    margin: .6rem 0
}

.addressInfo {
    height: 2.7rem
}

.addressInfo:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(225, 228, 234, .94);
    z-index: 2
}

.addressInfo .wrapper {
    width: 9.24rem;
    height: 100%;
    position: relative;
    z-index: 2
}

.addressInfo .fitem {
    float: left;
    width: 50%;
    height: 100%;
    color: #151933
}

.m-Cmainbox2 .tra-pla-box:before,
.m-Cmainbox2:before {
    height: .4rem;
    top: -.4rem;
    background-color: #fff;
    content: '';
    right: 0
}

.addressInfo .fitem .tit {
    font-size: .24rem;
    line-height: 1.5em;
    margin-bottom: .2rem;
    font-family: Lato-Regular, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light"
}

.addressInfo .fitem .txt {
    font-size: .18rem;
    line-height: 1.8em;
    font-family: Lato-Light, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light"
}

.addressInfo .fitem .inbox {
    display: inline-block;
    text-align: left
}

.addressInfo .fitem:nth-of-type(even) {
    text-align: right
}

.m-Cmainbox2 {
    position: relative;
    padding-left: 0 !important
}

.m-Cmainbox2:before {
    width: 50%;
    position: absolute
}

.m-Cmainbox2 .tra-pla-box {
    width: 11.4rem;
    max-width: 96%;
    position: relative;
    padding: 0 .7rem .6rem;
    margin: 0 auto
}

.m-Cmainbox2 .tra-pla-box:before {
    width: 100%;
    position: absolute
}

.m-Cmainbox2 .tra-pla-box .m-article .sp1 {
    padding-right: 2rem;
    position: relative
}

.m-Cmainbox2 .tra-pla-box .m-article .sp1 .simg {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 2rem
}

.m-Cmainbox2 .tra-pla-box .m-article .sp1 .simg img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.featureBox {
    padding: .2rem
}

.featureBox .conTitbox1 {
    padding: .2rem 0;
    text-align: center
}

.featureBox .conTitbox1 h2:after {
    margin: .06rem auto
}

.feaListbox ul li {
    float: left;
    width: 33.3333%;
    padding: .2rem
}

.feaListbox ul li .innerLibox {
    background-color: #fff;
    padding: .3rem
}

.downloadBox .tabBox .m-tabMenu:after,
.feaListbox ul li .tit .icon {
    background-color: #06BBB4;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    left: 0
}

.feaListbox ul li .tit {
    position: relative;
    padding-left: .7rem;
    min-height: .52rem;
    font-size: .22rem;
    color: #151933;
    font-family: Lato-Regular, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light";
    margin-bottom: .2rem
}

.downloadBox .tabBox .m-tabMenu ul li,
.feaListbox ul li .infobox {
    font-family: Lato-Light, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light"
}

.feaListbox ul li .tit .icon {
    width: .52rem;
    height: .52rem;
    border-radius: 50%;
    position: absolute;
    transform: translate(0, -50%)
}

.feaListbox ul li .tit .icon img {
    display: block;
    margin: 0 auto
}

.feaListbox ul li .tit p {
    line-height: 1.2em;
    height: 2.4em;
    overflow: hidden
}

.feaListbox ul li .infobox {
    font-size: .15rem;
    line-height: 1.8em;
    color: #151933;
    height: 12.6em;
    overflow: hidden
}

.downloadBox {
    padding: .2rem 0
}

.downloadBox .conTitbox1 {
    padding: .2rem 0;
    text-align: center
}

.downloadBox .conTitbox1 h2:after {
    margin: .06rem auto
}

.downloadBox .tabBox .m-tabMenu {
    position: relative
}

.downloadBox .tabBox .m-tabMenu:after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    transform: translate(0, -50%)
}

.downloadBox .tabBox .m-tabMenu ul li .icon,
.tabListbox .m-menu .licon {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%)
}

.downloadBox .tabBox .m-tabMenu ul {
    position: relative;
    z-index: 2;
    text-align: center
}

.downloadBox .tabBox .m-tabMenu ul li {
    display: inline-block;
    margin: 0 .1rem;
    width: 2rem;
    height: .5rem;
    border-radius: 10rem;
    text-align: center;
    padding-left: .5rem;
    font-size: .16rem;
    line-height: .48rem;
    border: 1px solid #06BBB4;
    background-color: #fff;
    position: relative;
    cursor: pointer
}

.downloadBox .tabBox .m-tabMenu ul li .icon {
    position: absolute;
    left: 0;
    width: .5rem;
    transform: translate(0, -50%)
}

.downloadBox .tabBox .m-tabMenu ul li .icon img {
    margin: 0 auto;
    max-width: 100%
}

.downloadBox .tabBox .m-tabMenu ul li .icon .img2 {
    display: none
}

.downloadBox .tabBox .m-tabMenu ul li .icon .img1 {
    display: block
}

.downloadBox .tabBox .m-tabMenu ul li.active,
.downloadBox .tabBox .m-tabMenu ul li:hover {
    background-color: #06BBB4;
    color: #fff
}

.downloadBox .tabBox .m-tabMenu ul li.active .icon .img1,
.downloadBox .tabBox .m-tabMenu ul li:hover .icon .img1 {
    display: none
}

.downloadBox .tabBox .m-tabMenu ul li.active .icon .img2,
.downloadBox .tabBox .m-tabMenu ul li:hover .icon .img2 {
    display: block
}

.downloadBox .tabBox .m-tabMain {
    overflow: hidden
}

.downloadBox .tabBox .m-tabMain .m-block {
    padding: .6rem 0
}

.downloadBox .tabBox .m-tabMain .m-block .innerBox {
    width: 12.1rem;
    margin: 0 auto;
    max-width: 96%
}

.downloadBox .tabBox .m-tabMain .m-block .ltxt {
    float: left;
    width: 60%
}

.downloadBox .tabBox .m-tabMain .m-block .ltxt .conTitbox1 {
    text-align: left
}

.downloadBox .tabBox .m-tabMain .m-block .rimg {
    float: right;
    width: 40%;
    padding-left: .5rem;
    padding-top: .8rem
}

.downloadBox .tabBox .m-tabMain .m-block .rimg .img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.downloadBox .tabBox .m-tabMain .m-block .rimg .img img {
    display: block;
    margin: .3rem auto
}

.withdrawBox .tabMenu {
    position: relative;
    margin: .4rem 0
}

.withdrawBox .tabMenu ul li {
    width: 1.07rem;
    float: left;
    margin-right: .05rem;
    cursor: pointer;
    position: relative;
    padding-bottom: .1rem;
    margin-bottom: .1rem
}

.withdrawBox .tabMenu ul li img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.withdrawBox .tabMenu ul li:after {
    content: '';
    width: 0;
    height: .02rem;
    background-color: #06BBB4;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    transition: all .3s ease-out
}

.withdrawBox .tabMenu ul li.active:after {
    width: 50%
}

.withdrawBox .tabmain {
    margin: .35rem 0
}

.withdrawBox .tabmain .pblock {
    background-color: rgba(225, 228, 234, .4);
    padding: .4rem .35rem;
    font-size: .16rem;
    color: #151933;
    line-height: 1.5em;
    font-family: Lato-SemiBold, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light"
}

.withdrawBox .tabmain .pblock h2 {
    font-size: .18rem;
    margin-bottom: .15rem
}

.withdrawBox .tabmain .pblock ul li {
    margin-bottom: .1rem
}

.tabListbox {
    margin: .4rem 0
}

.tabListbox ul li {
    border-bottom: 1px solid rgba(30, 37, 56, .2)
}

.tabListbox .m-menu {
    position: relative;
    padding: .2rem .4rem .2rem .5rem;
    cursor: pointer
}

.tabListbox .m-menu .licon {
    position: absolute;
    left: 0;
    transform: translate(0, -50%)
}

.glossaryBox .linkBox ul li:after,
.tabListbox .m-menu .ricon {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    top: 50%
}

.tabListbox .m-menu .licon img {
    display: block;
    max-width: 100%
}

.tabListbox .m-menu .ricon {
    position: absolute;
    right: 0;
    transform: translate(0, -50%);
    font-size: .18rem;
    color: #fff;
    text-align: center;
    line-height: .3rem;
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    background-color: #151933
}

.tabListbox .m-menu .tit {
    position: relative;
    font-size: .22rem;
    color: #151933;
    line-height: 1.5em;
    font-family: Lato-Regular, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light"
}

.tabListbox .m-menu .tit:after {
    content: '';
    width: 0;
    height: .02rem;
    background-color: #06BBB4;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    position: absolute;
    left: 0;
    bottom: -.06rem
}

.glossaryBox,
.lftBox {
    position: relative
}

.tabListbox .m-menu.active .tit:after {
    width: .5rem
}

.tabListbox .m-menu.active .ricon {
    background-color: #06BBB4
}

.tabListbox .m-menu.active .ricon i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tabListbox .m-main {
    padding: .1rem .4rem .15rem .5rem;
    font-size: .16rem;
    color: #151933;
    line-height: 1.5em;
    font-family: Lato-Light, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light";
    display: none
}

.tabListbox .m-main p {
    padding: .1rem 0
}

.tabListbox .m-main dl dt {
    padding: .06rem 0
}

.tabListbox .m-main a {
    color: #06BBB4
}

.tabListbox .m-main .examplebox {
    padding: .3rem 0
}

.tabListbox2 .m-main,
.tabListbox2 .m-menu {
    padding-left: 0
}

.lftBox {
    background-color: rgba(225, 228, 234, .4);
    color: #151933;
    padding: .2rem 0 .3rem;
    font-size: .12rem
}

.lftBox h2,
.lftBox h3 {
    font-family: Lato-Regular, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light";
    padding: .15rem 0;
    line-height: 1.5em
}

.lftBox .innerBox {
    width: 11rem;
    margin: 0 auto;
    max-width: 96%
}

.lftBox h2 {
    font-size: .24rem
}

.lftBox h3 {
    font-size: .18rem
}

.fromBox .inform .menu ul li,
.lftBox p {
    font-family: Lato-Light, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light"
}

.lftBox p {
    line-height: 1.5em;
    padding: .1rem 0
}

.glossaryBox .linkBox {
    margin-top: .4rem
}

.glossaryBox .linkBox ul li {
    float: left;
    position: relative;
    margin-right: .1rem;
    margin-bottom: .15rem
}

.glossaryBox .linkBox ul li:after {
    content: '';
    width: .03rem;
    height: .03rem;
    border-radius: 50%;
    background-color: #151933;
    position: absolute;
    right: -.06rem;
    transform: translate(0, -50%)
}

.glossaryBox .linkBox ul li:last-child:after {
    display: none
}

.glossaryBox .linkBox ul li a {
    display: block;
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    text-align: center;
    font-size: .21rem;
    color: #151933;
    line-height: .3rem;
    text-decoration: none
}

.newUser a:hover,
.newsItem .text .readmore a:hover {
    text-decoration: underline
}

.glossaryBox .linkBox ul li.active a,
.glossaryBox .linkBox ul li:hover a {
    color: #fff;
    background-color: #06BBB4
}

.fromBox {
    padding: .6rem 0
}

.fromBox .conTitbox1 h2 {
    text-align: center
}

.fromBox .conTitbox1 h2:after {
    margin: .2rem auto .06rem
}

.fromBox .inform {
    padding: .4rem 0;
    width: 6.2rem;
    margin: 0 auto;
    max-width: 100%;
    position: relative
}

.fromBox .inform .menu {
    text-align: center;
    margin-bottom: .25rem
}

.fromBox .inform .menu ul li {
    display: inline-block;
    margin: 0 .1rem;
    font-size: .14rem;
    color: #06BBB4;
    line-height: .32rem;
    border: 1px solid #06BBB4;
    border-radius: 10rem;
    cursor: pointer;
    padding: 0 .25rem
}

.fromBox .inform .menu ul li.active,
.fromBox .inform .menu ul li:hover {
    background-color: #06BBB4;
    color: #fff
}

.fromBox .inform .btnbox {
    text-align: center;
    padding: .2rem 0
}

.fromBox .inform .btnbox .m-btnstyle1 {
    font-size: .18rem;
    width: 2.4rem;
    height: .5rem;
    text-align: center;
    margin: 0 auto;
    line-height: .5rem
}

.newUser {
    text-align: center;
    font-size: .18rem;
    line-height: 1.5em;
    color: #151933;
    font-family: Lato-Regular, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light"
}

.botLinkbox ul li a,
.f-focus {
    font-size: .14rem;
    font-family: Lato-Light, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light"
}

.newUser a {
    display: inline-block;
    color: #06BBB4
}

.botLinkbox {
    text-align: center;
    padding: .25rem 0
}

.botLinkbox ul li {
    display: inline-block;
    padding: 0 .1rem;
    position: relative
}

.botLinkbox ul li:after {
    content: '';
    width: 1px;
    height: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: #1E2538
}

.newsListbox:before,
.page-newsDetails:before {
    content: '';
    background-color: #fff;
    right: 0;
    top: -.4rem
}

.botLinkbox ul li:last-child:after {
    display: none
}

.botLinkbox ul li a {
    display: block;
    color: #1E2538;
    line-height: 1.5em
}

.botLinkbox ul li a:hover {
    color: #06BBB4
}

.f-focus {
    text-align: center;
    line-height: 1.6em;
    color: #1E2538
}

.newsItem .text .tit a,
.ulBox1 ul .sp1 {
    font-family: Lato-Regular, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light"
}

.redColor {
    color: #E53333
}

.ulBox1 {
    border: 1px solid #000
}

.ulBox1 ul li {
    text-align: center;
    border-bottom: 1px solid #000
}

.ulBox1 ul li:last-child {
    border-bottom: none
}

.newsListbox {
    position: relative;
    width: 11.4rem;
    max-width: 96%;
    padding: 0 .7rem .6rem;
    margin: 0 auto
}

.newsListbox:before {
    width: 100%;
    height: .4rem;
    position: absolute
}

.newsListbox .newsItem {
    margin-bottom: .6rem
}

.newsListbox .newsItem:last-child {
    margin-bottom: 0
}

.newsItem .img {
    width: 40%;
    float: left
}

.newsItem .img a {
    display: block
}

.newsItem .img a img {
    display: block;
    max-width: 100%
}

.newsItem .text {
    float: left;
    width: 60%;
    padding-left: .4rem
}

.newsItem .text .tit a {
    display: block;
    font-size: .18rem;
    line-height: 1.5em;
    color: #151933;
    max-height: 3em;
    overflow: hidden;
    margin-bottom: .1rem
}

.newsItem .text .date,
.newsItem .text .info {
    font-family: Lato-Light, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light";
    line-height: 1.5em
}

.newsItem .text .tit a:hover {
    color: #06BBB4
}

.newsItem .text .date {
    font-size: .12rem;
    color: #525668;
    padding-top: .06rem
}

.newsItem .text .info {
    font-size: .15rem;
    color: #151933;
    height: 3em;
    overflow: hidden;
    margin: .15rem 0
}

.newsItem .text .readmore a {
    font-size: .12rem;
    line-height: 1.5em;
    color: #06BBB4;
    font-family: Lato-Regular, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light";
    text-transform: uppercase
}

.page-newsDetails {
    position: relative;
    width: 11.4rem;
    max-width: 96%;
    padding: 0 .7rem .6rem;
    margin: 0 auto
}

.page-newsDetails:before {
    width: 100%;
    height: .4rem;
    position: absolute
}

.page-newsDetails .datebox {
    font-size: .12rem;
    line-height: 1.5em;
    color: #525668;
    font-family: Lato-Light, "Microsoft Yahei", SimSun, sans-serif, arial, "STHeiti Light";
    padding-top: .06rem
}

.page-newsDetails .btnbox {
    padding: .2rem 0
}

.page-newsDetails .btnbox .m-btnstyle2 {
    text-transform: uppercase;
    width: 1.7rem;
    height: .34rem;
    line-height: .34rem
}

.page-newsDetails .btnbox .btnBack {
    float: left
}

.page-newsDetails .btnbox .btnBack .m-btnstyle2 i {
    margin-right: .15rem
}

.page-newsDetails .btnbox .btnShare {
    float: right
}

.page-newsDetails .btnbox .btnShare .m-btnstyle2 {
    background-color: #151933
}

.page-newsDetails .btnbox .btnShare .m-btnstyle2 i {
    margin-left: .15rem
}