.public-title .title::after {
    bottom: -.7rem;
}

.public-title .text {
    margin-top: .1rem;
    letter-spacing: 2px;
}

.tongdian {
    background-color: #f9fafb;
    overflow: hidden;
    padding-bottom: 1.2rem;
}

.tongdian .content{
    margin-top: 1rem;
}

.tongdian .item {
    padding: .5rem;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    overflow: hidden;
    height: 3.9rem;
    margin-left: .15rem;
    margin-right: .15rem;
}

.tongdian .item .icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: .75rem;
    height: .75rem;
}
.tongdian .item .icon{background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;}
.tongdian .item:nth-child(1) .icon {
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/17533451-f998-4fa9-9e64-9ddd40f7da8a.png);
}

.tongdian .item:nth-child(2) .icon {
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/e6ae0e91-e20c-45c2-8fb7-03fef7368a46.png);
}

.tongdian .item:nth-child(3) .icon {
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/07c1e05f-ae5d-428a-b498-57f52d6fbee5.png);
}

.tongdian .item .tit {
    margin-top: .2rem;
    padding-bottom: .2rem;font-weight: bold;
}

.tongdian .item .tit::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #3880c6;
    width: .5rem;
}

.tongdian .item .txt {
    margin-top: .2rem;
}

.fangan {
    background: #fcfcfc url(../../repository/portal-local/ngc202204150002/cms/image/347a20a3-45ed-4d8f-9cf8-9f20963e99a9.jpg)no-repeat center;
    background-size: cover;
    padding-bottom: .9rem;
    overflow: hidden;
}

.fangan .txt {
    padding: 0 3rem;
    margin-top: .9rem;
}

.fangan .text-content .con {
    align-items: flex-start;
}

.fangan .text-content {
    background-color: #f3f6f9;
    padding: .2rem .6rem;
    width: auto;
    position: absolute;
    height: 2.6rem;
}

.fangan .text-content .con {
    margin-top: .2rem;
}

.fangan .text-content .card:last-child {
    margin-right: 0;
}

.fangan .text-content .t1 {
    margin-top: .1rem;
}

.fangan .content {
    height: 9rem;

}

.fangan .t_p1 {
    left: .3rem;
    bottom: .8rem;
}

.fangan .t_p1 .card {
    margin-right: .3rem;border: 0;
    background-color: transparent;
}

.fangan .t_p2 {
    right: .3rem;
    bottom: .8rem;
}

.fangan .t_p2 .card {
    margin-right: .6rem; border: 0;
    background-color: transparent;
}
.fangan .warp{
    position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;
}
.fangan .dp-con {
    position: absolute;
    top: 0;
    right: .6rem;
    background-color: #f3f6f9;
    padding: .2rem .6rem;
    width: auto;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
}

.fangan .dp-con .con {
    align-items: flex-start;
    margin-top: .25rem;
}

.fangan .dp-con .card {
    margin-right: .5rem; border: 0;
    background-color: transparent;
}

.fangan .dp-con .card:last-child {
    margin-right: 0;
}

.fangan .icon {
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;overflow: hidden;background-color: #FFF;background-position: center;background-repeat: no-repeat;background-size: .5rem;
}

.fangan img {
    width: 100%;
}

.fangan .tabs {
    position: absolute;
    left: 0;
    top: 1.1rem;
    width: 2.8rem;z-index: 9;
}

.fangan .tabs a {
    margin-bottom: .2rem;
    background-color: #f3f6f9;
    padding: .1rem 0 .1rem 1rem;
    overflow: hidden;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
}

.fangan .tabs .active {
    background-image: linear-gradient(45deg, #1d82d6, #02b4ee);
    color: #FFF;
}

.fangan .tabs a:last-child {
    margin-bottom: 0;
}

.fangan .pic {
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 8px #FFF solid;
    position: absolute;
    z-index: 1;
}

.fangan .pic img {
    width: 100%;
}

.fangan .pic.p1 {
    top: 1.8rem;
    left: 5rem;
}

.fangan .pic.p2 {
    top: 3.2rem;
    right: 3.8rem;
}

.fangan .pic.p3 {
    bottom: 1.4rem;
    left: 5.6rem;
}

.fangan .t2 {
    margin-top: .15rem;
}
.fangan .dp-body:nth-child(1) .card:nth-child(1) .icon{
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/e0ee97a0-23d1-4ea3-8006-c5939d7d8566.png);
}
.fangan .dp-body:nth-child(1) .card:nth-child(2) .icon{
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/a68cb65d-d5e6-4b32-bec0-aae9fea0b301.png);
}
.fangan .dp-body:nth-child(1) .card:nth-child(3) .icon{
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/3d2bc378-5129-469b-8938-a641f2109e7e.png);
}
.fangan .dp-body:nth-child(1) .card:nth-child(4) .icon{
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/2ebe00d3-5cc4-434d-b49d-0c400a8947dd.png);
}
.fangan .dp-body:nth-child(1) .card:nth-child(5) .icon{
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/8a864ecb-d32e-4321-b3d4-7e3e789aada6.png);
}
.fangan .dp-body:nth-child(2) .card:nth-child(1) .icon{
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/721e6adf-3964-4906-aaf4-0fa0998d1aec.png);
}
.fangan .dp-body:nth-child(2) .card:nth-child(2) .icon{
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/26070bea-857d-4b82-a0a6-d428df335dec.png);
}
.fangan .dp-body:nth-child(2) .card:nth-child(3) .icon{
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/8a81edd5-059a-44cc-a488-bfd48288c8f3.png);
}
.fangan .dp-body:nth-child(2) .card:nth-child(4) .icon{
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/bd75c7c5-623e-4798-886f-de01b0814da3.png);
}
.fangan .dp-body:nth-child(3) .card:nth-child(1) .icon{
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/59bd6234-b878-484c-8412-920561de1b83.png);
}
.fangan .dp-body:nth-child(3) .card:nth-child(2) .icon{
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/1ecef25b-7586-46ae-84b2-d3f9d36afa97.png);
}
.fangan .dp-body:nth-child(3) .card:nth-child(3) .icon{
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/813da9cc-1798-46e8-a454-4df34d8a247a.png);
}


.fangan .dp-body .card.on .icon{
    background-color: #1296e5;
}
.fangan .dp-body:nth-child(1) .card .icon{
    background-color: #1296e5;
}
.fangan .dp-body:nth-child(1) .card:nth-child(1) .icon{
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/894d2c34-360e-48f2-af9b-95ae29841de4.png);
}
.fangan .dp-body:nth-child(1) .card:nth-child(2) .icon{
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/f0c97878-d0a1-4f75-8eb7-f60efecefa4f.png);
}
.fangan .dp-body:nth-child(1) .card:nth-child(3) .icon{
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/6fcc4471-1869-48a1-9faf-a15c64c3b846.png);
}
.fangan .dp-body:nth-child(1) .card:nth-child(4) .icon{
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/ec1210ce-afbf-4614-8b5c-1a5d9852b772.png);
}
.fangan .dp-body:nth-child(1) .card:nth-child(5) .icon{
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/f0401f7e-fa29-4dd0-826e-d7bf4887fcfc.png);
}

.fangan .dp-body:nth-child(2) .card:nth-child(1).on .icon{
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/9080a9ee-eff1-468d-be98-08bf8e6b6ff4.png);
}
.fangan .dp-body:nth-child(2) .card:nth-child(2).on .icon{
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/380a6fcb-b136-4c66-92fb-859368aebcf0.png);
}
.fangan .dp-body:nth-child(2) .card:nth-child(3).on .icon{
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/7bb2c4f8-db18-4a57-882a-b6aa4f039bf2.png);
}
.fangan .dp-body:nth-child(2) .card:nth-child(4).on .icon{
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/d6439ad6-86cd-4064-a886-c574e3b623f0.png);
}

.fangan .dp-body:nth-child(3) .card:nth-child(1).on .icon{
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/6cad9ace-9175-443e-8940-b74226c4dbb5.png);
}
.fangan .dp-body:nth-child(3) .card:nth-child(2).on .icon{
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/57e0d696-a978-446d-89f4-3c2debf1e6e3.png);
}
.fangan .dp-body:nth-child(3) .card:nth-child(3).on .icon{
    background-image: url(../../repository/portal-local/ngc202204150002/cms/image/7929f9db-2df9-4e39-95c3-2389fc7d3b66.png);
}

.my-youshi {
    width: 100%;
    background: url(../../repository/portal-local/ngc202204150002/cms/image/ac376561-2b8d-474a-ad7d-24ceab805fe9.jpg)no-repeat center;
    overflow: hidden;
    padding-bottom: 1.2rem;
    background-size: cover;
}

.my-youshi .public-title .title {
    color: #FFF;
}

.my-youshi .public-title .title::after {
    background-color: #FFF;
}

.my-youshi .content {
    margin-top: 0.9rem;
    margin-left: -.2rem;
    margin-right: -.2rem;
}
.my-youshi .slick-list {
    padding: .2rem 0;
}
.my-youshi li {
    height: 3.5rem;
    margin-left: .2rem;
    margin-right: .2rem;
}

.my-youshi li .pic {
    width: 1.4rem;
    height: 1.4rem;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    padding: 0.15rem;
    overflow: hidden;
}

.my-youshi li .pic img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    width: 100%;
    height: 100%;
}

.my-youshi li .pic::after {
    content: '';
    position: absolute;
    left: 0.12rem;
    top: 0.12rem;
    right: 0.12rem;
    bottom: 0.12rem;
    border: 6px #FFF solid;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 2;
}

.my-youshi li::after {
    content: '';
    position: absolute;
    left: 0;
    top: .75rem;
    bottom: 0;
    width: 100%;
    border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -ms-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    background-color: #FFF;
    z-index: 0;
    box-shadow: 0 0 0.15rem rgba(0, 0, 0, .15);
}

.my-youshi li .text-content {
    z-index: 1;
    margin-top: 0.3rem;
}

.my-youshi li .text-content h4 {
    margin: 0;
    line-height: 1.5;
    padding-bottom: .2rem;
}

.my-youshi li .text-content h4::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 2px;
    width: .4rem;
    background-color: #3880c6;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.my-youshi li .text-content .txt {
    padding: 0.2rem 0.2rem;
    color: #5b626c;
}

.anli {
    padding-bottom: 1.2rem;
    margin-top: .9rem;
}

.anli .tabs a {
    line-height: .6rem;
    background-color: #f5f7fa;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    width: 2.8rem;
    margin-right: .2rem;
}

.anli .tabs a:last-child {
    margin-right: 0;
}

.anli .tabs .active {
    background-image: linear-gradient(45deg, #1d82d6, #02b4ee);
    color: #FFF;
}

.anli .content {
    margin-top: .9rem;
    overflow: hidden;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
}

.anli .content .card {
    padding: .4rem .4rem .4rem 0;border: 0;
    background-color: transparent;flex-direction: inherit;
}

.anli .content .card::after {
    content: '';
    position: absolute;
    left: .6rem;
    right: .6rem;
    height: 1px;
    background-color: #f0f0f0;
    bottom: 0;
}

.anli .content .tit {
    padding-left: .8rem;
    min-width: 0;
}

.anli .content .tit::after {
    content: '';
    position: absolute;
    left: .6rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 2px;
    height: 60%;
    background-color: #c0ab8c;
}

.anli .content .btn {
    margin-top: 0;
}
.bgPop {
    display: none;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}

.pop {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 50%;
    left: 0;
    padding: 25px;
    z-index: 100;
    background-image: linear-gradient(45deg, #248ee6, #35cdff);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    padding-top: .8rem;
    overflow-y: auto;
}

.pop .pop-close {
    position: absolute;
    right: .6rem;
    z-index: 999;
}

.pop .pop-close span {
    background: url(../../repository/portal-local/ngc202204150002/cms/image/18190baf-2453-433e-a172-6f11015c0139.png)no-repeat center;
    background-size: 100%;
    width: .6rem;
    height: .6rem;
}

.pop .public-title {
    margin-top: 0;
}

.pop .public-title .title {
    color: #FFF;
}

.pop .public-title .title::after {
    background-color: #FFF;
}

.pop .pop-roll {
    width: 5.1rem;
    height: 3rem;
    overflow: hidden;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
}

.pop .pop-roll img {
    width: 100%;
}

.pop .tit {
    line-height: 1.5;
    margin-right: 2rem;
}

.pop .con {
    margin-top: .6rem;
}

.pop ul {
    margin-top: .6rem;
}

.pop li {
    margin-top: .3rem;
    padding-bottom: .3rem;
    padding-top: .3rem;
}

.pop li:last-child {
    border-bottom: 1px #FFF solid;
}

.pop li span {
    width: 16px;
    height: 16px;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: .2rem;
    margin-top: .08rem;
}

.pop li span::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #FFF;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.pop li .txt {
    margin-top: .1rem;
}
.pop li .flex-1 div:nth-child(1){font-weight: bold;}
.pop .slick-dots{bottom: 6px;margin-top:0}
.pop .slick-dots li{margin: 0 5px;
    padding: 0;border-bottom:0}
@media (min-width:1025px) {
    .tongdian .item:hover {
        background-image: linear-gradient(45deg, #1d82d6, #02b4ee);
        color: #FFF;
    }
    .tongdian .item:hover .tit::after {
        background-color: #FFF;
    }
    .tongdian .item:hover .txt p::after {
        background-color: #FFF;
    }
  .tongdian .item:hover .icon{background-position: 0 100%;}
    .tongdian .item:nth-child(1):hover .icon {
        background-image: url(../../repository/portal-local/ngc202204150002/cms/image/9f6ef836-2025-487f-bcc2-7978e95f505f.png);
    }
    .tongdian .item:nth-child(2):hover .icon {
        background-image: url(../../repository/portal-local/ngc202204150002/cms/image/956f0a11-1471-46b9-8ff6-3da79eca896c.png);
    }
    .tongdian .item:nth-child(3):hover .icon {
        background-image: url(../../repository/portal-local/ngc202204150002/cms/image/b70d50d1-3829-4432-a6a3-650f4c75ef88.png);
    }
    .my-youshi li:hover {
        cursor: pointer;
        margin-top: -.2rem;
    }
    .my-youshi li:hover::after {
        box-shadow: 0 0 0.15rem rgba(0, 0, 0, .25);
    }
    .anli .content .card:hover {
        background-color: #f5f7fa;
    }
}

@media (max-width:1199px) {
    .public-title .title::after {
        bottom: -.9rem;
    }
    .tongdian .item {
        height: 5rem;
    }
    .tongdian .item .icon {
        width: .9rem;
        height: .9rem;
    }
    .fangan .txt {
        padding: 0 1rem;
    }
    
    .fangan .pic {
        display: none;
    }
    .fangan .tabs-con {
        display: flex;
        margin-top: .6rem;
    }
    .fangan .tabs {
        position: inherit;
        left: auto;
        top: auto;
        margin-right: .4rem;
    }
    .fangan .dp-con {
        right: .2rem;
    }
    .fangan .icon {
        width: 1rem;height: 1rem;background-size: .6rem;
    }
    .fangan .t_p1 .card {
        margin-right: .6rem;
    }
    .fangan .tabs a{
        padding-left: .6rem;
    }
    .my-youshi {
        height: auto;
        background-size: cover;
    }
    .my-youshi li .text-content .txt {
        line-height: 1.8;
        margin-top: 0.2rem;
    }
    .my-youshi li {
        height: 4.8rem;
    }
    .my-youshi li .pic {
        width: 1.8rem;
        height: 1.8rem;
    }
    .anli .tabs a {
        line-height: .9rem;
        width: 3.4rem;
    }
    .pop li {
        padding-right: 0;
    }
    .pop .tit {
        margin-right: .9rem;
    }
    .pop .pop-roll {
        width: 7rem;
        height: 3.6rem;
    }
}

@media (max-width:950px) {
    .public-title .title::after {
        bottom: -1.2rem;
    }
    .tongdian .item {
        height: 7rem;
    }
    .tongdian .item .icon {
        width: 1.2rem;
        height: 1.2rem;
    }
    .tongdian .item .tit::after {
        width: .7rem;
    }
    .fangan .tabs {
        width: 4.2rem;
    }
    .fangan .text-content {
        height: 4.8rem;
    }
    .fangan .content {
        height: 11rem;
        background: none;
    }
    .fangan .t_p1 {
        left: 0;
    }
    .fangan .t_p2 {
        right: 0;
    }
    .fangan .icon {
        width: 1.6rem;height: 1.6rem;background-size: 1rem;
    }
    .fangan .t_p1 .card {
        margin-right: 1rem;
    }
    .fangan .dp-con{
        right: 0;
    }
    .my-youshi li {
        width: 47%;
        height: auto;
        padding-bottom: 0.8rem;
    }
    .my-youshi li .pic {
        width: 3rem;
        height: 3rem;
    }
    .my-youshi li::after {
        top: 1.5rem;
    }
    .anli .tabs a {
        line-height: 1.2rem;
        width: 4.8rem;
    }
}

@media (max-width:767px) {
    .public-title .title::after {
        bottom: -1.4rem;
    }
    .tongdian .item {
        height: 9rem;
    }
    .tongdian .item .icon {
        width: 1.4rem;
        height: 1.4rem;
    }
    .fangan .content {
        height: 12rem;
    }
    .fangan .txt {
        padding: 0;
    }
    .anli .tabs a {
        line-height: 1.4rem;
        width: 5.4rem;
    }
}

@media (max-width:480px) {
    .public-title .title::after {
        bottom: -1.8rem;
    }
    .public-title .text {
        margin-top: 0;
    }
    .tongdian .item {
        width: 100%;
        padding: .8rem;
        height: auto;
    }
    .tongdian .item .tit::after {
        width: 1.4rem;
    }
    .tongdian .item .icon {
        width: 2.4rem;
        height: 2.4rem;
    }
    .tongdian .item .tit {
        margin-top: .8rem;
        padding-bottom: .8rem;
    }
    .fangan .tabs-con {
        flex-flow: column;
    }
    .fangan .content {
        height: auto;
    }
    .fangan .tabs {
        width: 100%;
        margin-right: 0;
        display: flex;
        justify-content: space-between;
    }
    .fangan .tabs a {
        margin-right: 0;
        width: 32%;
    }
    .fangan .dp-con {
        margin-top: .8rem;
    }
    .fangan .text-content {
        position: inherit;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        margin-top: .8rem;
        height: auto;
        padding: .8rem;
    }
    .fangan .icon {
        width: 2.6rem;height: 2.6rem;background-size: 1.8rem;
    }
    .fangan .dp-con .con {
        margin-top: .6rem;
    }
    .fangan .warp,.fangan .dp-con{
        position: inherit;
    }
    .my-youshi li {
        width: 49%;
        margin-top: .8rem;
    }
    .my-youshi li .pic {
        width: 4rem;
        height: 4rem;
    }
    .my-youshi li::after {
        top: 2rem;
    }
    .anli .tabs a {
        line-height: 2rem;
        width: 45%;
    }
    .pop {
        padding-left: 0;
        padding-right: 0;
    }
    .pop .tit {
        margin-right: 0;
    }
    .pop .pop-roll {
        width: 100%;
        height: 9rem;
        margin-top: .6rem;
    }
}

@media (max-width:376px) {
    .public-title .title::after {
        bottom: -2rem;
    }
    .my-youshi li {
        width: 100%;
    }
    .my-youshi li .text-content .txt {
        padding: 0.4rem 0.6rem;
    }
    .my-youshi li .pic {
        width: 6rem;
        height: 6rem;
    }
    .my-youshi li::after {
        top: 3rem;
    }
}

@media (max-width: 480px){
  .pop{
  	z-index: 1111;
  }
.pop .pop-close .di_bl {
    width: 1.2rem !important;
    height: 1.2rem !important;
}
}