.mask_panel {
    width: 100vw;
    height: 100vh;
    background: #000000;
    opacity: 0.4;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    /* display: none; */
}

/* 模态框 */
.my_modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    border-radius: .381rem;
}

/* 模态框定位用 */
.my_modal .positon {
    width: 100%;
    height: 100%;
    position: relative;
}

/* 关闭图标 */
.my_modal .close {
    width: .6667rem;
    height: .6667rem;
    position: absolute;
    right: 1.1429rem;
    top: 1.1429rem;
}

.my_modal .close img {
    width: 100%;
    height: 100%;
}

.transform_modal {
    width: 38.0952rem;
    height: 10.0476rem;
    background: #FFFFFF;
    border-radius: .381rem;
    padding: 0 3.0476rem;
    /* display: none; */
}

.transformModalDOM {
    display: none;
    position: fixed;
    z-index: 999;
}

.transform_modal>div {
    width: 100%;
    text-align: center;
}

.transform_modal .line {
    width: 100%;
    height: .1905rem;
    /* background: #3270FF; */
    margin: 1.4286rem 0;
    border-radius: .1905rem;
    overflow: hidden;
}


.transform_modal .line .style1 {
    background: #3270FF;
}

.transform_modal .line .style2 {
    background: #3270FF;
    opacity: 0.35;
}

.transform_modal .line .line_item {
    transform: rotate(45deg);
    width: .9524rem;
    height: .4762rem;
    flex-shrink: 0;
    margin-left: -0.2857rem;
}

.transform_modal .cancel {
    color: #3270FF;
    cursor: pointer;
}

.transformAnimateLineDom {
    /* position: absolute; */
    /* transition: all 2s; */
    animation: mymove 2s linear infinite;
}
.transform_title{
    font-size: 1.0476rem;
}

@keyframes mymove {
    from {
        transform: translateX(-20%);
    }

    to {
        transform: translateX(0);
    }
}


.transformModalDOM .line {
    position: relative;
}