@charset "utf-8";
/* CSS Document */
body {
    font-size: 0.24rem;
    color: #333;
    font-family: "PingFang SC", sans-serif;
    background: url(../images/index-ui_24.png) repeat-x #e2ecf4 top center;
    background-size: 400px auto;
    background-position: bottom center;
    overflow-x: hidden;
}
.mainw{
    width: 100%;
    margin: 0 auto;
    padding: 0 0.4rem;
}
.lists-1{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: url(../images/bannnerback-pc.png) no-repeat top center;
    background-size: 100% auto;
}
.lists-1 .phoneicon{
    width: 57%;
    height: auto;
}
.lists-1 .phoneicon img{
    width: 100%;
    height: auto;
    display: block;
}
.lists-1 .appdownw{
    width: 38%;
    height: auto;
    border-radius: 0.5rem;
    background-color: rgb(255, 255, 255);
    border:1px solid #bacad5;
    padding: 0.3rem;
    box-shadow: 0px 10px 14px -4px rgba(101, 101, 101, 0.15);
}
.lists-1 .appdownw .iconw{
    width:100%;
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.lists-1 .appdownw .iconw .icon{
    width: 28%;
    height: auto;
    box-shadow: 0px 10px 14px -4px rgba(45, 142, 254, 0.8);
    border-radius: 0.32rem;
    overflow: hidden;
    margin-right: 0.25rem;
}
.lists-1 .appdownw .iconw .icon img{
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}
.lists-1 .appdownw .iconw .textw{
    width: auto;
}
.lists-1 .appdownw .iconw .textw .title{
    width: 100%;
    font-size: 0.55rem;
    font-weight: 600;
    color: #0b3e67;
    text-align: left;
    line-height: 1.2;
    font-family: "Gabar", sans-serif;
}
.lists-1 .appdownw .iconw .textw .destext{
    width: 100%;
    text-align: left;
    font-size: 0.22rem;
    color: #666666;
}
.lists-1 .appdownw .iconw .textw .pinji {
    width: 100%;
    font-size: 0.18rem;
    color: #333;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    margin-top: 0.1rem;
}
.lists-1 .appdownw .iconw .textw .pinji .c1,.lists-1 .appdownw .iconw .textw .pinji .c2{
    margin-right: 0.15rem;
}
.lists-1 .appdownw .iconw .textw .pinji .c2 img {
    width: auto;
    height: 0.22rem;
}
.lists-1 .appdownw .appbtnw{
    width: 80%;
    margin: 0 auto 0;
}
.lists-1 .appdownw .appbtnw .android{
    width: 100%;
}
.lists-1 .appdownw .appbtnw .android .btns{
    width: 100%;
    height: auto;
    background-color: #5cb720;
    border:1px solid #489614;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    padding: 0.15rem 0;
    border-radius: 12px;
    box-shadow: 0px 10px 14px -4px rgba(132, 248, 54, 0.8);
}
.lists-1 .appdownw .appbtnw .btns .icon{
    width: 12%;
    height: auto;
    margin-right: 0.2rem;
}
.lists-1 .appdownw .appbtnw .btns .icon img{
    width: 100%;
    height: auto;
}
.lists-1 .appdownw .appbtnw .btns .rtext .title{
    font-size: 0.25rem;
    color: #fff;
    text-align: left;
    line-height: 1;
}
.lists-1 .appdownw .appbtnw .btns .rtext .txt {
    font-size: 0.2rem;
    color: #bbf496;
    text-align: left;
    line-height: 1.3;
}
.lists-1 .appdownw .appbtnw .byurl{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 0.2rem auto;
}
.lists-1 .appdownw .appbtnw .byurl a{
    font-size: 0.22rem;
    padding: 0 0.12rem;
}
/*  */
.lists-1 .appdownw .appbtnw .ios {
    width: 100%;
}

.lists-1 .appdownw .appbtnw .ios .btns {
    width: 100%;
    height: auto;
    background-color: #1b7ac1;
    border: 1px solid #0f5990;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    padding: 0.15rem 0;
    border-radius: 12px;
    box-shadow: 0px 10px 14px -4px rgba(45, 142, 254, 0.8);
}

.lists-1 .appdownw .appbtnw .ios .btns .rtext .title {
    color: #fff;
    text-align: left;
}

.lists-1 .appdownw .appbtnw .ios .btns .rtext .txt {
    color: #89bbed;
}
/*  */
.lists-2{
    width: 100%;
    background-color:#fff;
    border: 1px solid #bacad5;
    border-radius: 8px;
    padding: 0.3rem;
    margin-top: 0.3rem;
    box-shadow: 0px 10px 14px -4px rgba(101, 101, 101, 0.15);
}
.ewmw{
    width: 70%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}
.ewmw .cc{
    width: 48%;
}
.ewmw .cc .pic{
    padding: 0.15rem;
    border:1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
}
.ewmw .cc .pic img{
    width: 100%;
    height: auto;
}
.ewmw .cc .text {
    width: 100%;
    line-height:2;
    text-align: center;
    font-size: 0.18rem;
}
/*  */

.lists-2 .title{
    width: 100%;
    margin: 0.1rem auto 0.3rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: flex-start;
}
.lists-2 .title .ctit{
    border-left: 4px solid #0b3e67;
    line-height: 1;
    padding-left: 12px;
    font-size: 0.32rem;
    font-weight: 800;
    color: #0b3e67;
}
.lists-2 .title .csm {
    line-height: 1;
    margin-left: 12px;
    font-size: 0.22rem;
    font-weight: 200;
    color: #888;
}
.lists-2 .urlitemw{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    flex-direction: row;
}
.lists-2 .urlitemw a{
    width: 32.333333%;
    padding: 0.2rem 0.25rem;
    background-color: #fff;
    border:1px solid #ddd;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 8px;
    margin-bottom:0.2rem;
    box-shadow: 0px 10px 14px -4px rgba(101, 101, 101, 0.15);
}
.lists-2 .urlitemw a .icon{
    width: auto;
    height: 0.36rem;
    margin-right: 0.2rem;
}
.lists-2 .urlitemw a .icon img{
    width: auto;
    height: 100%;
}
.lists-2 .urlitemw a .txt {
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}
.line{
    width: 100%;
    height:1px;
    border-top: 1px dotted #cccccc;
    margin: 0.3rem auto;
}

.item1 {
    width: 100%;
}

.item1 .jcw {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.3rem;
}

.item1 .jcw a {
    width: 49%;
    padding: 0.22rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
}

.item1 .jcw a .icon {
    width: auto;
    height: 0.28rem;
    margin-right: 0.15rem;
}

.item1 .jcw a .icon img {
    width: auto;
    height: 100%;
}

.item1 .jcw a.azjc {
    background-color: #5cb720;
    border: 1px solid #489614;
    color: #fff;
    box-shadow: 0px 10px 14px -4px rgba(132, 248, 54, 0.8);
}

.item1 .jcw a.pgjc {
    background-color: #1b7ac1;
    border: 1px solid #0f5990;
    color: #fff;
    box-shadow: 0px 10px 14px -4px rgba(45, 142, 254, 0.8);
}

.item1 .aboutw {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: center;
    flex-direction: row;
    margin-top: 0.3rem;
}

.item1 .aboutw a {
    width: 16%;
    border: 1px solid #bacad5;
    background-color: #fff;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding: 0.2rem 0.1rem;
    color: #3b78bb;
    border-radius: 8px;
    box-shadow: 0px 10px 14px -4px rgba(101, 101, 101, 0.15);
}

.item1 .aboutw a .icon {
    width: auto;
    height: 0.38rem;
    margin-right: 0.08rem;
}

.item1 .aboutw a .icon img {
    width: auto;
    height: 100%;
}
.footer{
    margin: 0.6rem auto;
}
.footer img{
    display: block;
    margin: 0 auto;
    width: auto;
    height: 2rem;
}
.marquee-w {
    width: 100%;
    height: 0.8rem;
    line-height: 0.75rem;
    background: linear-gradient(to bottom, white, transparent);
    padding: 0 0.3rem;
    color: #0b3e67;
    display: none;
}
.marquee-w .icon{
    height: 0.75rem;
    position: absolute;
    left: 0.3rem;
    top: 0;
    display: flex;
    align-items: center;
}
.marquee-w .icon img{
    width: auto;
    height: 50%;
}
/*txt-scroll*/
.txt-scroll {
    width: 100%;
    height: 0.75rem;
    line-height: 0.75rem;
    padding-left: 0.6rem;
}

.txt-scroll .scrollbox {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    transition: all .2s;
}

.txt-scroll .txt,
.txt-scroll .txt-clone {
    display: inline;
    position: relative;
}

.PopUp-back{
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(10, 24, 49, 0.85);
    z-index: 10000;
}
.PopUp-back .close{
    position: absolute;
    right: 0.3rem;
    top: 0.35rem;
    width: 0.35rem;
    height: 0.35rem;
    cursor: pointer;
}
.PopUp-back .close img{
    width: 100%;
    height: auto;
}
.PopUp-back .content{
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    border-radius: 12px;
    width: 90%;
    max-width: 1080px;
    max-height: 70vh;
}
.PopUp-back .content .title{
    line-height: 2.5;
    border-bottom: 1px solid #ddd;
    text-align: center;
    font-size: 0.4rem;
    font-weight: 800;
    color: #000;
}
.PopUp-back .content .cc {
    padding: 0.4rem 0.4rem 0 0.4rem;
    overflow-y: auto;
    max-height: 60vh;
    margin-bottom: 0.4rem;
}
.pop-m7 .content .cc,.pop-m8 .content .cc{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}
.PopUp-back .content .cc p{
    line-height: 1.5;
    margin-bottom: 0.2rem;
}
.PopUp-back .content .cc .tcont{
    margin-bottom: 0.2rem;
    padding-bottom: 0.2rem;
    border-bottom: 1px dotted #ddd;
}
.PopUp-back .content .cc .tcont .tit{
    font-weight: 800;
    margin-bottom: 0.1rem;
}
.PopUp-back .content .cc .jccont {
    width: 32%;
    margin-bottom: 0.2rem;
    padding-bottom: 0.2rem;
}
.PopUp-back .content .cc .jccont .tit {
    line-height: 1.5;
    margin-bottom:0.2rem;
    min-height: 1.2rem;
}
.PopUp-back .content .cc .jccont .pic img{
    width: 100%;
    height: auto;
    margin-bottom: 0.12rem;
}
@media only screen and (max-width: 750px) {
    body {
        background: url(../images/index-ui_24.png) repeat-x #e2ecf4 top center;
        background-size: 100% auto;
        background-position: bottom center;
        overflow-x: hidden;
    }

    .lists-1 {
        width: 100%;
        display: block;
        background: none;
        position: relative;
        overflow: hidden;
    }
    .lists-1 .phoneicon {
        width: 100%;
        display: none;
    }
    .lists-1 .appdownw {
        width: 90%;
        margin: 0.32rem auto 0.3rem;
        border-radius: 8px;
        background-color: rgba(255, 255, 255, 1);
    }
    .lists-2{
        margin-top: 0;
        background-color: rgba(255, 255, 255, 1);
    }
    .ewmw{
        display: none;
    }
    .lists-1 .appdownw .iconw{
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: flex-end;
        margin-top: -0.6rem;
    }
    .lists-1 .appdownw .iconw .icon{
        width: 32%;
        margin-right: 0.3rem;
        border-radius: 0.42rem;
    }
    .lists-1 .appdownw .iconw .textw .title{
        font-size: 0.58rem;
        text-align: center;
    }
    .lists-1 .appdownw .iconw .textw .destext{
        font-size: 0.24rem;
        text-align: center;
        line-height: 1.5;
    }
    .lists-1 .appdownw .iconw .textw .pinji{
        justify-content: center;
        font-size: 0.22rem;
    }
    .lists-1 .appdownw .appbtnw .android .btns,.lists-1 .appdownw .appbtnw .ios .btns{
        border-radius: 8px;
        padding: 0.25rem 0;
    }
    .lists-1 .appdownw .appbtnw .btns .rtext .title{
        font-size: 0.32rem;
    }
    .lists-1 .appdownw .appbtnw .btns .rtext .txt{
        font-size: 0.2rem;
        line-height: 1;
        margin-top: 0.1rem;
        /* display: none; */
    }
    .lists-1 .appdownw .appbtnw .btns .icon{
        width: 16%;
        margin-right: 0.2rem;
    }
    .lists-1 .appdownw .appbtnw .byurl{
        margin: 0.3rem auto;
    }
    .lists-1 .appdownw .appbtnw .byurl a{
        font-size: 0.24rem;
    }
    .lists-1 .appdownw .appbtnw{
        margin: 0 auto 0;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .lists-1 .appdownw .appbtnw .android,.lists-1 .appdownw .appbtnw .ios {
        width: 48%;
    }
    .lists-2 .title{
        display: block;
        text-align: center;
    }
    .lists-2 .title .ctit{
        border:none;
        padding: 0;
        margin-bottom: 0.2rem;
        font-size: 0.36rem;
    }
    .lists-2 .title .csm{
        margin: 0;
        font-size: 0.24rem;
    }
    .lists-2 .urlitemw a{
        width: 49%;
    }
    .lists-2 .urlitemw a .icon{
        display: none;
    }
    .lists-2 .urlitemw a .txt{
        font-size: 0.28rem;
        color: #3b78bb;
        width: 100%;
        text-align: center;
    }
    .item1 .aboutw a{
        width: 32%;
        margin-bottom: 0.15rem;
        padding: 0.24rem 0;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .item1 .aboutw a .icon{
        height: 0.48rem;
        margin: 0 auto;
    }
    .item1 .aboutw a .txt{
        width: 100%;
        font-size: 0.28rem;
        text-align: center;
        margin-top: 0.12rem;
    }
    .item1 .jcw a{
        font-size: 0.28rem;
    }
    .marquee-w{
        display: block;
    }
    .PopUp-back .content{
        font-size: 0.27rem;
    }
    .PopUp-back .content .cc {
        display: block;
    }
    .PopUp-back .content .cc .tit{
        min-height: 0.4rem !important;
    }
    .PopUp-back .content .cc .jccont{
        width: 100%;
        border-bottom: 1px dotted #ddd;
    }
    .PopUp-back .close{
        right: 0.3rem;
        top: 0.3rem;
        width: 0.4rem;
        height: 0.4rem;
    }
}