.add-stock, .btn, .hdrOut .appNav, .hdrOut .financeNav, .hdrOut .learnNav, .hdrOut .noteNav, .hdrOut .vtNav, .mySs-edit, div.remind-bar {
    text-align: center
}

.cmHdr-bond .header__logo a, .cmHdr2 .hdr-shop-cart {
    color: #fff;
    font-size: 30px
}

.hdrOut {
    margin-left: auto;
    margin-right: auto
}

.mobi-contact, .navi__ls {
    list-style-type: none
}

.cmHdr-bond .hdrOut h2, .cmHdr-bond .header__logo, .mobi-contact {
    margin: 0;
    padding: 0
}

.horz a, .horz li {
    display: inline-block
}

.hdrOut, .mySs-box a, .singleNav a, .srhBar, .srhBar button, .srhBar input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .appNav a::before, .cm-qq a::before, .cmHdr .logoLink a, .cmHdr h2 a, .followLink a::before, .srhBar button, .srsdiv .searchic, .vtNav a::before, .writer a::before, .writer::before, a.tabNow {
        background-image: url("../images/barHeader.png")
    }
.learnNav .financeTab a::before {
    content: '';
    display: inline-block;
    background-image: url("../images/financeIcon.png");
    background-size: contain;
    width: 16px;
    height: 16px;
    vertical-align: sub;
    opacity: 1;
    margin-right: 3px;
}

.cmHdr {
    margin-bottom: 15px
}

.cmHdr1 {
    background-color: #c2292e;
    margin-bottom: 0
}

.cmHdr2, .singleNav .c4 a:hover, .singleNav .c6 a:hover {
    background-color: #bc000a
}

.cmHdr13, .cmHdr3, .singleNav .c1 a:hover {
    background-color: #50a8c3
}

.cmHdr4, .cmHdr5, .cmHdr6, .cmHdr8 {
    background-color: #c2292e
}

.cmHdr7, .singleNav .c3 a:hover {
    background-color: #eb5823
}

.cmHdr9, .singleNav .c2 a:hover {
    background-color: #3b5998
}

.cmHdr10, .singleNav .c5 a:hover {
    background-color: #2ba5ed
}

    .cmHdr10 .hdrOut, .cmHdr3 .hdrOut {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

.cmHdr__inner--grow {
    flex-grow: 1
}

.cmHdr__inner--flex {
    display: flex;
    align-items: center
}

.cmHdr11 {
    background-color: #d90000;
    margin-bottom: 0
}

.cmHdr12 {
    margin-top: 15px;
    background-color: #f5f6f7
}

.cmHdr-bond {
    background-color: #d23749
}

.hdrOut {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 0
}

div.remind-bar {
    vertical-align: middle;
    height: 40px;
    font-size: 14px;
    line-height: 20px;
    background: #fff1d2;
    color: #333
}

i.remind-bar-notice {
    -webkit-border-radius: 100px;
    width: 15px;
    height: 14px;
    border: 2px solid #333;
    margin: 13px 16px 13px 0
}

a.remind-bar-link {
    margin-left: 8px;
    color: #85600f;
    font-weight: 600;
    text-decoration-line: underline
}

i.remind-bar-close {
    float: right;
    margin-right: 5px;
    line-height: 40px;
    font-size: 20px
}

.app-banner, .cmHdr9 .logoLink .onlyCM-logo, .cmHdr__mobileBtn, .hdrOut > a, .mobi-navi, .mobi-navi-wrap, .overlay, .shareIcons {
    display: none
}

.cmHdr-bond .hdrOut h2, .cmHdr-bond .header__logo, .hdrOut .appNav, .hdrOut .financeNav, .hdrOut .followLink, .hdrOut .learnNav, .hdrOut .logoLink, .hdrOut .mySs, .hdrOut .noteNav, .hdrOut .srhOut, .hdrOut .srsdiv, .hdrOut .vtNav, .hdrOut .writer, .hdrOut h2 {
    display: inline-block;
    vertical-align: middle
}

    .hdrOut .logoLink a, .hdrOut h2 a {
        display: block;
        text-indent: -9999px;
        height: 50px
    }

.hdrOut .followLink {
    text-align: right
}

.cmHdr1 .hdrOut, .cmHdr10 .hdrOut, .cmHdr12 .hdrOut, .cmHdr13 .hdrOut, .cmHdr3 .hdrOut, .cmHdr5 .hdrOut, .cmHdr6 .hdrOut, .cmHdr7 .hdrOut, .cmHdr9 .hdrOut {
    width: 1200px
}

.cmHdr2 .hdrOut {
    max-width: 1200px;
}

.cmHdr4 .hdrOut, .cmHdr8 .hdrOut {
    width: 995px
}

.cmHdr1 h2 {
    width: 35%
}

    .cmHdr1 h2 a {
        width: 290px;
        background-position: 0 -1210px
    }

.cmHdr1 .srhOut {
    width: 30%
}

.cmHdr1 .writer, .cmHdr7 .followLink {
    width: 10%
}

.cmHdr1 .followLink {
    width: 25%
}

.notLogin .followLink {
    width: 65%
}

.cmHdr2 h2, .cmHdr5 h2, .cmHdr6 h2, .cmHdr9 .logoLink {
    width: 17%
}

@media screen and (max-width:1023px) {
    .cmHdr {
        margin-bottom: 10px
    }

    .cmHdr12 {
        margin-top: 0;
        margin-bottom: 0
    }

    .hdrOut {
        padding: 10px
    }

        .cmHdr__mobileBtn, .hdrOut > a {
            display: inline-block;
            color: #fff;
            font-size: 21px;
            margin-right: 15px;
            vertical-align: middle;
            text-align: center;
            padding: 3px 10px;
            border-radius: 3px;
            background-color: rgba(0,0,0,.1)
        }

            .cmHdr__mobileBtn:hover, .hdrOut > a:hover {
                color: #fff
            }

            .cmHdr__mobileBtn .fa, .hdrOut > a .fa {
                margin-right: 0
            }

    .cmHdr1 .hdrOut, .cmHdr10 .hdrOut, .cmHdr12 .hdrOut, .cmHdr13 .hdrOut, .cmHdr2 .hdrOut, .cmHdr3 .hdrOut, .cmHdr4 .hdrOut, .cmHdr5 .hdrOut, .cmHdr6 .hdrOut, .cmHdr7 .hdrOut, .cmHdr8 .hdrOut, .cmHdr9 .hdrOut {
        width: auto
    }

    .cmHdr2 h2 {
        width: 21%
    }
}

@media screen and (max-width:414px) {
    .cmHdr1 .followLink, .cmHdr1 .writer, .cmHdr2 .srhOut {
        display: none
    }

    .cmHdr2 h2 {
        width: 40%
    }

    div.remind-bar {
        display: flex;
        align-items: baseline;
        font-size: 12px;
        line-height: 17px;
        word-wrap: break-word
    }

    i.remind-bar-notice {
        width: 15px;
        height: 11px;
        margin: auto 8px auto 12px
    }

    .remind-bar-text {
        text-align: left;
        margin-top: auto;
        margin-bottom: auto
    }
}

.cmHdr1 .hot, .srhHot {
    margin-top: 5px
}

.cmHdr2 h2 a {
    background-position: 0 -105px
}

.cmHdr2 .appNav {
    width: 51%;
    margin-right: 16px
}

.cmHdr-bond .srhOut, .cmHdr2 .srhOut, .cmHdr7 .srsdiv, .cmHdr9 .srhOut {
    width: 20%
}

.cmHdr2 .followLink {
    width: 10%
}

.cmHdr2 .hdr-shop-cart {
    display: none;
    vertical-align: middle;
    position: absolute;
    white-space: nowrap;
    top: 15px;
    right: 20px;
}

@media screen and (max-width: 1200px) {
    .cmHdr2 .hdrOut {
        padding: 10px;
        justify-content: space-between;
        align-items: center;
        display: flex;
    }

    .cmHdr2 .followLink, .cmHdr2 .srhHot {
        display: none;
    }

    .cmHdr2 h2 {
        width: 210px;
    }

    .cmHdr2 .appNav {
        width: auto;
        margin-right: 0;
    }
}

@media screen and (max-width: 1024px) {
    .cmHdr {
        margin-bottom: 10px;
    }

    .cmHdr2 h2 {
        margin-right: auto;
    }

    .cmHdr2 .hdr-shop-cart {
        display: inline-block;
        margin-left: 10px
    }

    .cmHdr2 .appNav {
        display: none;
    }

    .cmHdr2 .srhOut {
        width: 15%;
    }

    .cmHdr2 .hdr-shop-cart {
        position: static;
        margin-left: 10px;
        font-size: inherit;
    }

    .cmHdr2 .pay-num {
        font-size: 25px;
    }

    .cmHdr2 .srhBar input {
        width: 75%;
    }

    .cmHdr2 .srhBar button {
        width: 25%;
    }
}

@media screen and (max-width: 768px) {
    .cmHdr2 h2 {
        width: 160px;
    }
}

@media screen and (max-width: 480px) {
    .cmHdr2 .srhOut {
        display: none;
    }
}

@media screen and (max-width:414px) {
    .cmHdr3 .mySs {
        display: none
    }
}

.cmHdr3 .logoLink {
    width: 205px
}

    .cmHdr3 .logoLink a {
        background-position: 0 -171px
    }

.cmHdr4 h2 {
    width: 22%
}

    .cmHdr4 h2 a {
        background-position: 0 -236px
    }

.cmHdr4 .followLink {
    width: 78%
}

.cmHdr5 h2 a {
    background-position: 0 -589px
}

.cmHdr6 h2 a {
    background-position: 0 -528px
}

.cmHdr7 .hdrOut {
    background: url("../images/vt-hdr-bg.png") 0 0/contain no-repeat
}

.cmHdr-bond h2, .cmHdr7 h2 {
    width: 18%
}

    .cmHdr7 h2 a {
        background-position: 0 -651px
    }

.cmHdr7 .vtNav {
    width: 52%
}

.cmHdr8 h2 {
    width: 31%
}

    .cmHdr8 h2 a {
        background-position: 0 -720px
    }

.cmHdr8 .followLink {
    width: 69%
}

.cmHdr9 .logoLink a {
    background-position: 0 -784px
}

.cmHdr9 .noteNav {
    width: 58%
}

.cmHdr9 .followLink {
    width: 5%
}

.cmHdr10 h2 {
    width: 135px
}

    .cmHdr10 h2 a {
        background-position: 0 -985px
    }

.cmHdr10 .learnNav {
    width: 64%
}

.cmHdr10 .followLink {
    margin-left: 1.5rem
}

.cmHdr12 h2 a {
    width: 175px;
    height: 40px;
    background-position: 0 -1052px
}

.cmHdr13 h2 {
    width: 11%
}

    .cmHdr13 h2 a {
        background-position: 0 -1092px
    }

.cmHdr13 .financeNav {
    width: 89%
}

.cmHdr-bond .navi-primary {
    width: 62%
}

.cmHdr-bond .hdrOut {
    position: relative
}

    .cmHdr-bond .hdrOut h2 a {
        text-indent: 0;
        background-image: none;
        height: auto;
        line-height: 50px
    }

.cmHdr-bond .header {
    position: relative;
    background-color: #d23749
}

.hdrOut > .fa-search, .mySs-list, .overlay, .singleNav {
    position: absolute
}

.cmHdr-bond .header--font {
    font-family: Arial Black
}

.cmHdr-bond .srhInput, .mobi-app-down-con p {
    font-size: 13px
}

.header-viewer {
    font-size: .8rem;
    font-style: italic;
    color: #999
}

    .header-viewer strong {
        color: red;
        font-size: 1rem
    }

.cmHdr9 .followLink a.hFun4::before {
    background-position: -145px -395px
}

.cmHdr9 .followLink a.hFun4:hover::before {
    background-position: -180px -395px
}

.cmHdr10 .followLink a, .cmHdr3 .followLink a, .cmHdr9 .followLink a {
    color: #b8e3ff
}

    .appNav li a:hover, .cmHdr1 .hotNav a:hover, .cmHdr1 .writer a:hover, .cmHdr10 .followLink a:hover, .cmHdr3 .followLink a:hover, .cmHdr9 .followLink a:hover, .financeNav li a:hover, .followLink a:hover, .learnNav li a:hover, .noteNav li a:hover, .srhHot a:hover, .vtNav li a:hover {
        color: #fff
    }

    .cmHdr10 .followLink a::before, .cmHdr3 .followLink a::before, .cmHdr9 .followLink a::before {
        background-position: -75px -431px
    }

    .cmHdr10 .followLink a:hover::before, .cmHdr3 .followLink a:hover::before, .cmHdr9 .followLink a:hover::before {
        background-position: -105px -431px
    }

.cmHdr1 .followLink a, .cmHdr2 .followLink a, .cmHdr4 .followLink a, .cmHdr7 .followLink a, .cmHdr8 .followLink a, .srhHot a {
    color: #fc9
}

.cmHdr1 .hotNav a, .cmHdr1 .writer a {
    color: #fc9;
    font-size: 12px
}

.hotNav, .srhHot a {
    display: inline-block;
    font-size: 12px
}

.appNav, .financeNav, .learnNav, .noteNav, .srhBar, .vtNav {
    letter-spacing: -15px
}

    .srhBar button, .srhBar input {
        display: inline-block;
        letter-spacing: normal;
        vertical-align: top
    }

        .srhBar button.btnGray {
            background-image: none;
            background-color: #f8f8f8;
            text-indent: inherit
        }

        .srhBar button .fa-search {
            font-size: 18px;
            color: #666
        }

    .srhBar input {
        width: 85%;
        height: 30px;
        padding: 5px 10px;
        color: #999;
        border: 0;
        -webkit-appearance: none
    }

    .srhBar .searchic, .srhBar button {
        width: 15%;
        height: 30px;
        text-indent: -9999px;
        background-position: -120px 3px;
        background-color: #fff;
        border: 0
    }

.srhHot {
    font-size: 12px
}

.srsdiv {
    color: #ffc
}

    .srsdiv .srstext {
        margin-bottom: 3px;
        font-size: 14px
    }

.cmHdr1 .srhBar button {
    text-indent: 0;
    background: url(../images/btnbg.png)
}

    .cmHdr1 .srhBar button:hover {
        background-position: 0 -30px
    }

.cmHdr1 .srhBar .hot {
    margin-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    color: #ddd;
    color-font-size: 12px
}

.cmHdr1 .hotNav li {
    margin-right: .2em
}

.cmHdr1 .hotNav a {
    color: #fc9;
    display: inline-block
}

.hot {
    color: #ddd;
    font-size: 12px
}

.hotList {
    color: #fc9;
    font: icon
}

#header-fix {
    top: 26px;
    position: fixed;
    width: 100%;
    z-index: 21
}

@media screen and (max-width:1536px) {
    #header-fix {
        top: 52px
    }
}

.btn-download:hover, .followLink a:hover, .writer a:hover {
    text-decoration: none
}

.followLink a::before, .writer a::before {
    content: '';
    display: block;
    height: 27px;
    margin: 0 auto .5em
}

.followLink li {
    margin-left: 5px;
    display: inline-block
}

.followLink a {
    text-align: center;
    font-size: 12px
}

.writer {
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w1::before {
    width: 24px;
    background-position: 0 -298px
}

.w1:hover::before {
    background-position: -25px -298px
}

.w2::before {
    width: 30px;
    background-position: 0 -331px
}

.w2:hover::before {
    background-position: -30px -331px
}

.w3::before {
    width: 30px;
    background-position: -215px -395px
}

.w3:hover::before {
    background-position: -250px -395px
}

.w4::before {
    width: 30px;
    background-position: -213px -430px
}

.w4:hover::before {
    background-position: -248px -430px
}

.hFun1::before {
    width: 30px;
    background-position: 0 -358px
}

.hFun1:hover::before {
    background-position: -35px -358px
}

.hFun2::before {
    width: 30px;
    background-position: 0 -395px
}

.hFun2:hover::before {
    background-position: -30px -395px
}

.hFun3::before {
    width: 30px;
    background-position: 0 -430px
}

.hFun3:hover::before {
    background-position: -30px -430px
}

.hFun4::before {
    width: 30px;
    background-position: -73px -395px
}

.hFun4:hover::before {
    background-position: -108px -395px
}

.hFun5::before {
    background-position: -145px -360px
}

.hFun5:hover::before {
    background-position: -180px -360px
}

.hFun6::before {
    width: 30px;
    background-position: -215px -360px
}

.hFun6:hover::before {
    background-position: -250px -360px
}

.hFun7::before {
    width: 30px;
    background-position: -285px -360px
}

.hFun7:hover::before {
    background-position: -320px -360px
}

.hdrOut > .fa-search {
    display: none;
    right: 10px;
    top: 19px;
    font-size: 20px;
    color: #fff
}

.single-haeder-ad.ad-728x90 {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0
}

.singleNav {
    left: 185px;
    top: 19px;
    width: 290px
}

.appNav li, .financeNav li, .learnNav li, .noteNav li, .vtNav li {
    display: inline-block;
    margin-right: -1px;
    letter-spacing: normal;
    vertical-align: bottom
}

    .appNav li a, .financeNav li a, .learnNav li a, .noteNav li a, .vtNav li a {
        display: inline-block;
        padding: 0 10px;
        line-height: 30px;
        font-size: 13px
    }

        .appNav li a:hover::before, .financeNav li a:hover::before, .learnNav li a:hover::before, .noteNav li a:hover::before, .vtNav li a:hover::before, li.appNavNow a::before, li.vtNavNow a::before {
            opacity: 1
        }

.appNav a::before, .vtNav a::before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 20px;
    height: 20px;
    opacity: .7
}

.financeNav a .fa, .learnNav a .fa, .noteNav a .fa {
    width: 18px;
    height: 18px;
    margin-right: 3px;
    font-size: 16px;
    top: 1px
}

.appNav a {
    color: #f69f9f;
    border: 1px solid #ff7079;
    background: -webkit-gradient(linear,left top,left bottom,from(#ff303c),to(#9c0002));
    background: -o-linear-gradient(#ff303c,#9c0002);
    background: linear-gradient(#ff303c,#9c0002)
}

.noteNav a {
    color: #b8e3ff;
    border: 1px solid #699fc2;
    background: -webkit-gradient(linear,left top,left bottom,from(#5b81d1),to(#3b5998));
    background: -o-linear-gradient(#5b81d1,#3b5998);
    background: linear-gradient(#5b81d1,#3b5998)
}

.noteNav li a {
    width: 95px;
    box-sizing: border-box;
}

.financeNav a {
    color: #ddf7ff;
    border: 1px solid #a3e9ff;
    background: -webkit-gradient(linear,left top,left bottom,from(#5dc4e3),to(#50a8c3));
    background: -o-linear-gradient(#5dc4e3,#50a8c3);
    background: linear-gradient(#5dc4e3,#50a8c3)
}

.vtNav a {
    color: #ffc;
    border: 1px solid #f7c88f;
    background: -webkit-gradient(linear,left top,left bottom,from(#fbb03b),to(#eb5823));
    background: -o-linear-gradient(#fbb03b,#eb5823);
    background: linear-gradient(#fbb03b,#eb5823)
}

.learnNav a {
    border: 1px solid #70ccff;
    color: #d5efff;
    background: -webkit-gradient(linear,left top,left bottom,from(#57c1ff),to(#2ba5ed));
    background: -o-linear-gradient(#57c1ff,#2ba5ed);
    background: linear-gradient(#57c1ff,#2ba5ed)
}

li.appNavNow a, li.appNavNow a:hover, li.financeNavNow a, li.financeNavNow a:hover, li.learnNavNow a, li.learnNavNow a:hover, li.noteNavNow a, li.noteNavNow a:hover, li.vtNavNow a, li.vtNavNow a:hover {
    background-image: none;
    background-color: #fff;
    border-color: #fff
}

    li.appNavNow a, li.appNavNow a:hover {
        color: #c1272d
    }

    li.vtNavNow a, li.vtNavNow a:hover {
        color: #f15a24
    }

    li.noteNavNow a, li.noteNavNow a:hover {
        color: #3b5998
    }

    .mySs-box2 a, li.financeNavNow a, li.financeNavNow a:hover {
        color: #50a8c3
    }

    li.learnNavNow a, li.learnNavNow a:hover {
        color: #0093ea
    }

.n1::before {
    background-position: 0 -845px
}

.n2::before {
    background-position: -25px -845px
}

.n3::before {
    background-position: -50px -845px
}

.n4::before {
    background-position: -100px -845px
}

.n5::before {
    background-position: -75px -845px
}

.n6::before {
    background-position: -125px -845px
}
a.course-media::before {
    background-image: url('../images/course-media.png');
    background-size: contain;
}

.appNavNow .n1:before {
    background-position: 0 -865px
}

.appNavNow .n2::before {
    background-position: -25px -865px
}

.appNavNow .n3::before {
    background-position: -50px -865px
}

.appNavNow .n5::before {
    background-position: -75px -865px
}

.appNavNow .n4::before {
    background-position: -100px -865px
}

.appNavNow .n6::before {
    background-position: -125px -865px
}

.v1:before {
    background-position: 0 -925px
}

.v2:before {
    background-position: -25px -925px
}

.v3:before {
    background-position: -50px -925px
}

.v4:before {
    background-position: -75px -925px
}

.vtNavNow .v1:before {
    background-position: 0 -945px
}

.vtNavNow .v2:before {
    background-position: -25px -945px
}

.vtNavNow .v3:before {
    background-position: -50px -945px
}

.vtNavNow .v4:before {
    background-position: -75px -945px1
}

.singleNav li {
    float: left;
    margin: 0 10px 10px 0
}

    .singleNav li a {
        border-left: 7px solid transparent;
        width: 85px;
        display: block;
        padding-left: 5px;
        line-height: 1.8;
        font-size: .8rem;
        font-weight: 600
    }

        .singleNav li a:hover {
            text-decoration: none;
            color: #fff;
            border-radius: 3px
        }

.singleNav .c1 a {
    border-left-color: #50a8c3;
    color: #50a8c3
}

.singleNav .c2 a {
    border-left-color: #3b5998;
    color: #3b5998
}

.singleNav .c3 a {
    border-left-color: #eb5823;
    color: #eb5823
}

.singleNav .c4 a, .singleNav .c6 a {
    border-left-color: #bc000a;
    color: #bc000a
}

.singleNav .c5 a {
    border-left-color: #2ba5ed;
    color: #2ba5ed
}

.navi-primary {
    display: inline-block;
    text-align: center;
    vertical-align: middle
}

    .navi-primary .navi__item {
        display: inline-block;
        margin-right: -1px
    }

        .navi-primary .navi__item a {
            display: inline-block;
            font-size: 13px;
            color: #f7dee1;
            line-height: 30px;
            padding-left: 10px;
            padding-right: 10px;
            border: 1px solid #e58a95;
            background-image: -webkit-gradient(linear,left top,left bottom,from(#db616f),to(#d23749));
            background-image: -o-linear-gradient(#db616f,#d23749);
            background-image: linear-gradient(#db616f,#d23749)
        }

            .cm-qq a, .cm-qq a:hover, .mobi-ftr a:hover, .navi-primary .navi__item a:hover {
                color: #fff
            }

    .navi-primary .navi__item--active a {
        background-color: #fff;
        background-image: none;
        border-color: #fff;
        color: #c1272d
    }

        .navi-primary .navi__item--active a:hover {
            color: #c1272d
        }

    .navi-primary .navi__item .fa {
        font-size: 16px;
        vertical-align: text-top
    }

.cm-qq a:before, .cm-qq a:hover:before {
    color: #fff;
    background-position: -145px -430px
}

.mobi-app-down-out, .mobi-navi {
    margin-bottom: 2em
}

.overlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 1001
}

.mobi-navi .cmbar__item {
    display: block;
    margin-right: 0
}

    .mobi-navi .cmbar__item a {
        opacity: 1
    }

    .mobi-navi .cmbar__item .cmbar__item, .mySs a, .mySs-page, .mySs-page li {
        display: inline-block
    }

.mobi-ftr {
    color: #999;
    font-size: 12px;
    line-height: 1.5;
    padding: 10px
}

    .mobi-ftr a {
        color: #ccc
    }

.mySs {
    width: 240px;
    margin-right: 8px
}

.mySs-page, .mySs-select > a {
    vertical-align: top;
    letter-spacing: normal
}

.mySs-select {
    letter-spacing: -15px;
    width: 100%
}

    .mySs-select > a {
        color: #333;
        padding: 5px 10px;
        min-width: 80%;
        font-size: 15px;
        background-color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

@media screen and (max-width:1023px) {
    .cmHdr2 .appNav {
        width: 49%
    }

    .cmHdr-bond .srhOut, .cmHdr2 .srhOut, .cmHdr7 .srsdiv, .cmHdr9 .srhOut {
        width: 15%
    }

    .cmHdr3 .followLink {
        display: none
    }

    .cmHdr-bond h2, .cmHdr5 h2, .cmHdr6 h2, .cmHdr9 .logoLink {
        width: 20%
    }

    .cmHdr7 .hdrOut {
        background-size: cover
    }

    .cmHdr7 h2 {
        width: 21%
    }

    .cmHdr7 .vtNav {
        width: 54%
    }

    .cmHdr9 .noteNav {
        width: 60%
    }

    .cmHdr10 .learnNav {
        width: 67%
    }

    .cmHdr13 h2 {
        width: 13%
    }

    .cmHdr13 .financeNav {
        width: 87%
    }

    .cmHdr-bond .navi-primary {
        width: 65%
    }

    .cmHdr-bond .hdrOut {
        padding: inherit;
        margin-left: 10px;
        margin-right: 10px
    }

        .cmHdr-bond .hdrOut h2 a {
            line-height: 70px
        }

    .cmHdr-bond .header__logo a {
        font-size: 30px
    }

    .srhBar input {
        width: 75%
    }

    .srhBar .searchic, .srhBar button {
        width: 25%
    }

    .singleNav {
        top: 12px;
        left: 215px
    }

    .mySs-select > a {
        font-size: 14px
    }
}

.mySs-select > a > i {
    margin-left: 10px
}

.mySs-select i {
    color: #50a8c3;
    font-size: 22px
}

.mySs-page {
    padding: 5px 0;
    background-color: #fff;
    width: 20%
}

.mySs-box li, .mySs-list {
    background-color: #e6f2f6
}

.mySs-page a {
    padding: 0 5px
}

.mySs-page li:first-child {
    border-right: 1px solid #ddd;
    padding-right: 4px
}

.mySs-list {
    z-index: 2;
    right: 0;
    top: 100%;
    width: 270px;
    -webkit-box-shadow: 0 0 15px #999;
    box-shadow: 0 0 15px #999
}

.mySs-box {
    font-size: 13px;
    width: 53%;
    min-height: 133px
}

    .mySs-box li {
        position: static
    }

    .mySs-box a {
        width: 100%;
        color: #000;
        padding: 10px
    }

        .mySs-box a:hover, .mySs-now {
            background-color: #fff
        }

    .mySs-box i {
        color: #333;
        font-size: 14px;
        position: absolute;
        right: 10px;
        top: 10px
    }

.mySs-box2 {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    width: 89%;
    height: 100%;
    overflow-x: hidden
}

    .mySs-box2 li {
        background: #fff;
        border: none
    }

    .mySs-box2 a:hover {
        text-decoration: underline
    }

.mySs .more-btn, .mySs-edit {
    display: inline-block;
    letter-spacing: normal;
    line-height: 3em;
    color: #fff;
    text-align: center
}

.mySs-edit {
    background-color: #50a8c3;
    width: 75%
}

    .mySs-edit:hover {
        background-color: #60b7d2
    }

.mySs-more {
    letter-spacing: -15px;
    font-size: initial
}

    .mySs-more .more-btn {
        width: 25%;
        background-color: #c2d257
    }

        .mySs-more .more-btn:hover {
            background-color: #cfdd6d
        }

.mySs > a {
    color: #333
}

.mySs-page i:hover, .mySs-select > a:hover i {
    color: #63c4e2
}

.cmHdr11 .site-name {
    line-height: 40px;
    color: #fff;
    font-size: 25px;
    text-align: center
}

.cmHdr11 .fa-mobile {
    margin-right: .3em;
    font-size: 23px;
    color: #faa;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.single-haeder-ad {
    position: absolute;
    right: 0;
    top: -15px
}

.app-banner .b-close {
    z-index: 1;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #fff;
    background-color: #9b9b9b;
    border: none;
    border-radius: 50%
}

.app-download-layout {
    display: none;
    margin: 10px 0
}

.app-download-header {
    z-index: 1
}

    .app-download-header h5 {
        font-size: 1.3em;
        display: inline-block;
        border-bottom: 2px solid #c21616;
        padding-bottom: 7px;
        bottom: -1px
    }

.app-download-out {
    border: 1px solid #e5e5e5
}

.app-download-icon {
    width: 100%
}

.app-download-content {
    margin-bottom: 10px
}

    .app-download-content h4 {
        font-size: 1.2em;
        margin-bottom: 5px
    }

    .app-download-content p {
        font-size: .9em;
        color: #666
    }

.pay-num {
    color: #fff;
    font-size: 20px
}

    .pay-num .fa-shopping-cart:before {
        font-size: 30px
    }

.btn-download {
    display: none;
    border-radius: 3px;
    border: 1px solid #c21616;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    width: 100%;
    padding: .7em;
    background-color: #c21616;
    color: #fff;
    font-weight: 900
}

.mobi-app-down-out {
    color: #cdcdcd
}

.mobi-app-down-tit {
    font-size: 20px;
    border-bottom: 1px solid #515151;
    padding: 10px
}

.mobi-app-down-list li {
    margin: 12px 10px;
    overflow: hidden
}

    .mobi-app-down-list li > img {
        float: left;
        width: 35px;
        height: auto
    }

.mobi-app-down-con {
    float: left;
    margin-left: 10px
}

    .mobi-app-down-con div, .mobi-app-down-con h3 {
        line-height: 1.2;
        font-size: 18px
    }

.mobi-btn-download {
    float: right;
    border: 1px solid #656565;
    line-height: 2;
    border-radius: 3px;
    top: 2px;
    padding: 0 10px
}

.package {
    overflow: hidden
}

@media screen and (max-width:768px) {
    .hdrOut .logoLink a, .hdrOut h2 a {
        height: 38px;
        background-size: 273px;
        background-repeat: no-repeat
    }

    .appNav, .beta, .cmHdr-bond .navi-primary, .cmHdr1 .hot, .cmHdr2 .followLink, .financeNav, .followLink, .hdrOut .appNav, .hdrOut .financeNav, .hdrOut .learnNav, .hdrOut .noteNav, .hdrOut .vtNav, .learn-ad-all, .learn-ad-navi, .learn-ad-sbr, .learnNav, .mySs, .noteNav, .single-haeder-ad, .singleNav, .srhHot, .srsdiv .srstext, .vtNav {
        display: none
    }

    .cmHdr1 h2 {
        width: 34%
    }

        .cmHdr1 h2 a {
            width: 225px;
            background-position: 0 -941px
        }

    .cmHdr1 .writer {
        width: 5%
    }

    .cmHdr1 .followLink {
        width: 23%
    }

    .notLogin .followLink {
        width: 58%
    }

    .cmHdr2 h2 a {
        background-position: 0 -83px
    }

    .cmHdr2 .srhOut {
        width: 20%;
        position: absolute;
        top: 15px;
        right: 80px;
    }

    .cmHdr3 .logoLink a {
        background-position: 0 -134px
    }

    .cmHdr3 .followLink, .mobi-navi ul li {
        display: inline-block
    }

    .cmHdr4 h2 a {
        background-position: 0 -184px
    }

    .cmHdr4 .followLink {
        width: 70%
    }

    .cmHdr5 h2 a {
        background-position: 0 -460px
    }

    .cmHdr6 h2, .cmHdr9 .logoLink {
        width: 21%
    }

        .cmHdr6 h2 a {
            background-position: 0 -412px
        }

    .cmHdr7 h2 {
        width: 20%
    }

        .cmHdr7 h2 a {
            background-position: 0 -1150px;
            background-size: auto
        }

    .cmHdr7 .srsdiv {
        width: 20%;
        margin-left: 42%
    }

    .cmHdr8 h2 {
        width: 32%
    }

        .cmHdr8 h2 a {
            background-position: 0 -561px
        }

    .cmHdr8 .followLink {
        width: 60%
    }

    .cmHdr9 .logoLink a {
        background-position: 0 -612px
    }

    .cmHdr9 .srhOut {
        width: 20%;
        margin-left: 46%
    }

    .cmHdr10 h2 a {
        background-position: 0 -768px
    }

    .cmHdr12 h2 a {
        width: 140px;
        background-position-y: -814px
    }

    .cmHdr13 h2 a {
        background-position-y: -852px
    }

    .cmHdr-bond h2 {
        width: 25%
    }

    .cmHdr-bond .srhOut {
        width: 20%;
        margin-left: 47%
    }

    .cmHdr-bond .hdrOut h2 a {
        line-height: 58px
    }

    .cmHdr-bond .header {
        height: auto
    }

    .cmHdr-bond .header__logo a {
        font-size: 25px;
        line-height: 50px
    }

    .header-viewer {
        display: inline-block;
        vertical-align: middle
    }

    div.srsdiv {
        right: auto
    }

    #header-fix {
        top: 0
    }

    .followLink li {
        margin-left: 10px
    }

    .mbr-wrap .mbr-link, .mobi-page {
        position: absolute
    }

    .cmHdr11, .mobi .overlay, .mobi-navi a, .viewport:after {
        display: block
    }

    .mobi-navi a, .mobi-navi-wrap a:hover {
        text-decoration: none
    }

    .mobi-page {
        top: 0;
        left: 250px;
        width: 100%;
        z-index: 1000
    }

    .mobi-navi-wrap {
        width: 250px;
        background-color: #414141;
        float: left;
        z-index: 400
    }

    .mobi-navi, .mobi-navi-wrap {
        display: block;
        overflow: hidden
    }

        .mobi-navi a {
            padding: 0 .667em
        }

        .mobi-navi > li > a {
            color: #cdcdcd;
            border: 1px solid #515151;
            border-width: 1px 0;
            margin-bottom: -1px;
            line-height: 2.5
        }

            .mbr-wrap a:hover, .mobi-navi > li > a:hover {
                color: #fff
            }

        .mobi-navi ul {
            display: none;
            padding: .5em;
            background-color: #fff
        }

            .mobi-navi ul a {
                line-height: 2;
                color: #1e5780
            }

                .mobi-navi ul a:hover, li.mobi-child-focus a {
                    color: #d90000
                }

        .mobi-focus > a, .mobi-navi > li > a:hover {
            background-color: #222
        }

    .mbr-wrap {
        background-color: #515151;
        height: 56px
    }

        .mbr-wrap a {
            color: #c9bdbd
        }

        .mbr-wrap .mbr-link a {
            display: block;
            text-align: right
        }

        .mbr-wrap > .mbr-link {
            right: .667em;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1
        }

    .mbr-status {
        top: .45em;
        left: .667em;
        color: #fff;
        font-size: 13px;
        line-height: 1.4
    }

    .mbr-reg {
        font-size: 15px;
        top: .55em
    }

    .mbr-coupon span {
        color: #f90;
        font-size: 16px;
        top: 1px
    }

    .viewport {
        left: -250px;
        -webkit-transition: .3s ease-out;
        -o-transition: .3s ease-out
    }

        .viewport::after {
            content: '';
            clear: both
        }

    .mobi {
        left: 0;
        overflow: hidden
    }

    .followLink a, .writer a {
        width: 27px;
        height: 27px;
        overflow: hidden
    }

    .mySs {
        right: 1em
    }

    .pathOut {
        margin-top: 60px
    }
}

@media screen and (max-width:414px) {
    .cmHdr3 .followLink {
        width: 50%
    }

    .cmHdr4 h2 {
        width: 42%
    }

    .cmHdr4 .followLink, .cmHdr9 .followLink {
        width: 44%
    }

    .cmHdr5 h2, .cmHdr6 h2, .cmHdr7 h2, .cmHdr9 .logoLink {
        width: 40%
    }

    .cmHdr-bond .srhOut, .cmHdr10 .srhOut, .cmHdr7 .srsdiv, .cmHdr9 .srhOut {
        display: none
    }

    .cmHdr7 .followLink {
        width: 46%
    }

    .cmHdr8 h2 {
        width: 60%
    }

    .cmHdr8 .followLink {
        width: 26%
    }

    .cmHdr13 h2 {
        width: 25%
    }

    .cmHdr-bond h2 {
        width: 45%
    }

    .app-banner, .app-download-layout, .hdrOut > .fa-search {
        display: block
    }

    .package {
        margin-bottom: 10px
    }

    .cmHdr1 h2 a {
        width: 230px;
        background-position-y: -944px
    }
}

@media screen and (max-width:375px) {
    .cmHdr3 .followLink, .cmHdr5 h2 {
        width: 45%
    }

    .cmHdr9 .followLink {
        width: 40%
    }

    .cmHdr4 h2 {
        width: 47%
    }

    .cmHdr4 .followLink {
        width: 38%
    }

    .cmHdr6 h2, .cmHdr7 .followLink, .cmHdr9 .logoLink {
        width: 43%
    }

    .cmHdr7 h2 {
        width: 42%
    }

    .cmHdr8 .followLink {
        width: 25%
    }

    .cmHdr13 h2 {
        width: 27%
    }

    .app-container, .cmHdr-bond h2 {
        width: 50%
    }

    .app-banner img {
        margin-right: 3px
    }

    .app-container p {
        font-size: 13px;
        line-height: 1.4
    }
}

@media screen and (max-width:360px) {
    .cmHdr9 .logoLink {
        width: 47%
    }

    i.remind-bar-notice {
        width: 16px
    }

    .cmHdr3 .followLink {
        width: 42%
    }

    .cmHdr4 h2 {
        width: 50%
    }

    .cmHdr4 .followLink {
        width: 34%
    }

    .cmHdr6 h2, .cmHdr7 h2 {
        width: 45%
    }

    .cmHdr7 .followLink {
        width: 39%
    }

    .cmHdr8 .followLink {
        width: 24%
    }

    .cmHdr9 .followLink {
        width: 35%
    }

    .cmHdr13 h2 {
        width: 30%
    }

    .header-viewer {
        display: none
    }

    .app-d-btn {
        font-size: 13px
    }
}

@media screen and (max-width:320px) {

    i.remind-bar-notice {
        width: 20px
    }

    .cmHdr3 .followLink, .cmHdr7 .followLink {
        width: 32%
    }

    .cmHdr4 h2 {
        width: 55%
    }

    .cmHdr4 .followLink {
        width: 27%
    }

    .cmHdr5 h2, .cmHdr6 h2 {
        width: 52%
    }

    .cmHdr7 h2 {
        width: 50%
    }

    .cmHdr8 h2 {
        width: 46%
    }

    .cmHdr8 .followLink {
        width: 36%
    }

    .cmHdr9 .logoLink {
        width: 51%
    }

    .cmHdr9 .followLink {
        width: 25%
    }

    .cmHdr13 h2 {
        width: 33%
    }

    .cmHdr-bond h2 {
        width: 60%
    }

    .app-container h2 {
        font-size: 13px
    }

    .app-container p {
        font-size: 12px
    }

    .app-d-btn {
        padding: 8px 10px
    }

    .app-download-content h4 {
        font-size: 1.1em
    }

    .app-download-content p {
        font-size: .9em
    }
}