@charset "utf-8";
@font-face {
    font-family: Source Han Sans CN;
    src: url('../ttf/SOURCEHANSANSCN-REGULAR.OTF');
}

@font-face {
    font-family: Source Han Sans CN-Bold;
    src: url("../ttf/SOURCEHANSANSCN-BOLD.OTF");
    /*src:url('./integratedPage/ttf/OPPOSANS-B.TTF');*/
}

@font-face {
    font-family: Source Han Sans CN-Medium;
    src: url('../ttf/SOURCEHANSANSCN-MEDIUM.OTF');
}

html {
    width: 100%;
    font-family: OPPOSans-Medium;
    min-height: 600px;
    zoom: 1;
}

body {
    width: 100%;
    min-height: 600px;
    min-width: 1000px;
    /* font-family: "微软雅黑", "Microsoft Yahei", Arial, Helvetica, sans-serif, "宋体"; */
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
}

body button,
body input,
body textarea {
    /* font-family: "微软雅黑", "Microsoft Yahei", Arial, Helvetica, sans-serif, "宋体"; */
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: 400;
    font-size: 18px;
    outline: 0
}

dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
img,
input,
label,
li,
ol,
p,
span,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
tr,
ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    letter-spacing: 1px
}

input::-ms-clear {
    display: none
}

input::-ms-reveal {
    display: none
}

a {
    color: #000000;
    text-decoration: none;
    cursor: pointer
}

a:hover {
    color: #0080c3;
    text-decoration: none
}

a:focus {
    outline: 0;
    -moz-outline: 0
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

.no_select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lazy {
    -webkit-transition: all ease .2s;
    -moz-transition: all ease .2s;
    -ms-transition: all ease .2s;
    transition: all ease .2s
}

.left {
    float: left
}

.right {
    float: right
}

.hand {
    cursor: pointer
}

.deft {
    cursor: default
}

.nom {
    margin: 0 !important
}

.nop {
    padding: 0 !important
}

.nob {
    border: 0 !important
}

i {
    display: inline-block;
    font-style: normal
}

.i_icon {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.show {
    display: block
}

.hide {
    display: none
}

.hidden {
    visibility: hidden
}

.visible {
    visibility: visible
}

.transall {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.flymeWrap {
    position: relative;
    height: 100%;
    overflow: hidden
}

a.activeBtn:hover {
    border: 1px solid #32a5e7;
    color: #40abe9
}

a.linkABlue:link,
a.linkABlue:visited {
    color: #00a7ea
}

a.linkABlue:hover {
    color: #008ec7
}

a.invalidBtn:link,
a.invalidBtn:visited {
    color: #7f7f7f;
    cursor: default
}

a.invalidBtn:hover {
    color: #7f7f7f
}

a.linkAGray:link,
a.linkAGray:visited {
    color: #7f7f7f
}

a.linkAGray:hover {
    color: #2b2b2b
}

a.fullBtnBlue:hover {
    background-color: #2b8cc5;
    color: #fff
}

a.fullBtnBlue {
    display: inline-block;
    height: 50px;
    width: 342px;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 20px;
    outline: 0;
    cursor: pointer;
    background-color: #32a5e7;
    color: #fff
}

a.fullBtnGray {
    display: inline-block;
    width: 156px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    outline: 0;
    cursor: pointer;
    background-color: #d9d9d9;
    color: #fff
}

a.fullBtnGray:hover {
    background-color: #c3c3c3;
    color: #fff
}

#popup_title {
    color: #515151
}

.overOpac5 {
    opacity: .5;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    color: #000
}

.overOpac0 {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -ms-opacity: 0;
    -khtml-opacity: 0;
    color: #fff
}

.overOpac {
    opacity: .8;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    color: #000
}

:root .sideMenu {
    filter: none
}

.header_main .arrow {
    margin-left: 10px
}

.opacity {
    opacity: 0 !important
}

.i_btn {
    width: 175px;
    height: 57px;
    display: block;
    border-radius: 5px;
    line-height: 56px;
    line-height: 66px\0;
    font-size: 24px;
    text-align: center;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.i_btn .i_btn_bg {
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease
}

.i_btn .i_btn_wd {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block
}

.i_btnwhite {
    border: 1px #fff solid;
    color: #fff
}

.i_btnwhite:hover {
    color: #fff
}

.i_btnblue {
    border: 1px #1788e8 solid;
    background: #1788e8;
    color: #fff
}

.i_btnblue:hover {
    background: #1788e8;
    color: #1f8ce9;
}

.i_btnblue:hover .i_btn_bg {
    width: 100%;
    color: #1f8ce9;
    background: #fff
}

.i_btnbluefull {
    border: 1px #48A0FF solid;
    color: #fff;
    background: #48A0FF
}

.i_btnbluefull:hover {
    border: 1px #117ad2 solid;
    background: #117ad2;
    color: #fff
}

.i_btnbluefull:hover .i_btn_bg {
    width: 100%;
    background: #117ad2
}

.i_btnwhitefull {
    border: 1px #ffffff solid;
    color: #48A0FF;
    background: #ffffff
}

.i_btnwhitefull:hover {
    border: 1px #117ad2 solid;
    background: #117ad2;
    color: #fff
}

.i_btnwhitefull:hover .i_btn_bg {
    width: 100%;
    background: #117ad2
}

.disinlk {
    display: inline-block;
}

.disableBtn {
    color: #acacac !important;
    cursor: default !important
}

#orientLayer {
    display: none
}

.mod-orient-layer {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 99997
}

.mod-orient-layer__content {
    position: absolute;
    width: 100%;
    height: 1.17rem;
    top: 50%;
    left: 0;
    margin: -.585rem 0 0 0;
    text-align: center
}

.mod-orient-layer__icon-orient {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAXVBMVEUAAAD29vb////x8fH////////x8fH5+fn29vby8vL////5+fn39/f6+vr////x8fH////////+/v7////09PT////x8fH39/f////////////////////x8fH///+WLTLGAAAAHXRSTlMAIpML+gb4ZhHWn1c2gvHBvq1uKJcC6k8b187lQ9yhhboAAAQYSURBVHja7d3blpowFIDhTUIAOchZDkre/zE7ycySrbUUpsRN2/1fzO18KzEqxEVgTiZNfgmmtxRc8iaR8HNe8x4BtjQePKayYCIoyBSgvNNE1AkNSHqZyLqk97EgUCCHBzZ5mkg7ScvIJuIyOyXBRFxgpqWZyGsAZLB1KjsJi8nutHU4JCRbFRH8tmirI9k8Jx2sqNs8K/m0LQkrktO2crgcgXGB4AiTEsB0hJfo9MGgX7CGcYiYwQxmMOOvZwRhBG8tCoMXjBDeXvWCEcHbi14wgCBmMIMZzGAGM5jxETNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxY6E2rUQxnH2tz9cirlJFwFBJedaPnUv0M7++egPDE8iAJcIDmxwH5wwv9vUviw2kLbVO3TJU5uul/EyB0FoLp4x60PdGUd3qPurrWyjGGTc05u+1dcgI7/+tCCPARWGhH7o5Y7RCf+bH9ctXLp6v2BVDxfqz0oPXeSVaNtINo/1SXDv4dck8IIkbhtC2ol+iouEonTBCbYvVMnXOjxww6s/RFrBUpXHh/gw1rHj5d/qhYn9Gpk2FWh6xRBRX5Oj3Znh2Sq49/L6+y8pB26q9GbE2dbA2mVbx6I+7MfBglLCttm73ZQi7AD3iL4HqjFYJHSPRppqaUaJ3ATpGa+ckpGak2hRRMyqjGMkvl+xyFeSMwjAqcsZgGDdyhl0oNTnDN4yenJGZFGxNChP5/Y3efh6SM2rDOJMzboYxkDMqwyjIGcIw6F+io2FU1IxIm1JqRmgXSkvNKNCXeTpGrU0JNSO2c6LIGPgCS8AuDHz9ta0SXWDtxoDRH+MqlbC2Dt2G2JFRadtQZt2qq/orGowdGb2euxYiqWEpVWhTBnszoNAPdStuQwxqf0aocdWKW4Z+DfszIh8pxJqbuCE4YAC+4bm0evtipjpgJHeFnyyt1Ku2xa0bhjxr27p75rECNwyI9ZwvXkHq+7aTaMEV44YYy/spfgjgjNHaWW+GeUhGEX7tLlVinIFDDSgnOwhi1V6bU0b6tVS9eAERe863g4dRrtiHdc6o+nn5vtyVVgR79Cqt4uL6gfHPQyGqtP2vf7HADGbcYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JjhtOM+J/AgT008yDMkN/dPP9hzS8zAMQN3OEYeekp5YU7KOKXwVXqiY+QS7smcinGKABWdiBgpPJTSMHJ4KidhhPBUSMLw4CmPhKHgKUXCkHsygum71ftNSgCX6bsl8FQyfbcL5EdYsDk0R3j7aiA5wpt5AjKg/2gLJEBD/0Hf2OOf/vRrj6z/7GtP4B3nMKyjHA12kIPSjnJs3FEO0TvKkYJHOWCR+rjJH0Vn6fI5PjNbAAAAAElFTkSuQmCC') no-repeat;
    display: block;
    width: .5rem;
    height: .81rem;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -webkit-animation: rotation infinite 1.5s ease-in-out;
    animation: rotation infinite 1.5s ease-in-out;
    background-size: 100%;
    margin: 0 auto
}

.mod-orient-layer__desc {
    margin-top: .18rem;
    font-size: .171875rem;
    line-height: .18rem;
    color: #fff
}

@-webkit-keyframes rotation {
    10% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
    50%,
    60% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg)
    }
    90% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
    100% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
}

@keyframes rotation {
    10% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
    50%,
    60% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg)
    }
    90% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
    100% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.placeholder-color {
    color: #999
}

.color1 {
    background-color: #e26f41
}

.color2 {
    background-color: #dd5847
}

.color3 {
    background-color: #6e6bc8
}

.color4 {
    background-color: #517bd1
}

.color5 {
    background-color: #28bc92
}

.color6 {
    background-color: #54ae56
}

.color7 {
    background-color: #e9a63b
}

.red {
    color: red;
    padding: 5px 0 0
}

.mask-tip-container {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 300px;
    top: 0;
    left: 0;
    z-index: 10000
}

.mask-tip-bg {
    opacity: .2;
    filter: alpha(Opacity=20);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #000
}

.mask-tip-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 266px;
    height: 60px;
    margin-top: -30px;
    margin-left: -133px;
    background: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 16px;
    border-radius: 5px
}

.mask-tip-inner dot {
    display: inline-block;
    width: 3ch;
    text-indent: -1ch;
    vertical-align: bottom;
    text-align: left;
    overflow: hidden;
    animation: dot .9s infinite step-start both;
    font-family: Consolas, Monaco, monospace
}

@keyframes dot {
    33% {
        text-indent: 0
    }
    66% {
        text-indent: -2ch
    }
}

#blockLoading {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

#blockLoading p {
    position: absolute;
    top: 55%;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    color: #fff;
    margin-top: -12px;
    text-align: center
}