@charset "utf-8";

* {
    font-family: sans-serif, Arial;
}

.btn_breathe {
    -webkit-animation: btn_breathe linear infinite 1.5s;
}

@-webkit-keyframes btn_breathe {
    0% {
        -webkit-transform: scale(1.02);
    }
    50% {
        -webkit-transform: scale(0.95);
    }
    100% {
        -webkit-transform: scale(1.02);
    }
}

.package_change_2511 .mc_black {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 5;
}

.package_change_2511 .ft_red {
    color: #FF4632;
}

.package_change_2511 {
    width: 100%;
    max-width: 30rem;
    margin: 0 auto;
    padding-bottom: 2rem;
}


/* 首页 */
.package_change_2511 .home {
    position: relative;
    width: 100%;
}

.package_change_2511 .home .rule {
    position: absolute;
    top: 2.5%;
    right: 1rem;
    width: 4.75rem;
    height: 1.8rem;
    font-size: 0.82rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100rem;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.package_change_2511 .home .login_box {
    position: absolute;
    top: 50.5%;
    left: 0.87rem;
    right: 0.87rem;
    border-radius: 1.32rem;
    box-shadow: 0 0 0 2px #fff;
    background-color: #fff;
    overflow: hidden;
}

.package_change_2511 .home .login_box .tab {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #216FA3;
    font-size: 1.05rem;
    font-weight: bold;
    background-color: #D8EEFF;
    box-shadow: 0 2rem 0 0 #D8EEFF;
}

.package_change_2511 .home .login_box .tab .lay {
    flex: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 2.95rem;
    text-align: center;
    position: relative;
    z-index: 1;
}

.package_change_2511 .home .login_box .tab .lay.active {
    color: #3D4245;
}

.package_change_2511 .home .login_box .tab .lay.active::before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    bottom: 0;
    width: 2.5em;
    height: 4px;
    border-radius: 100rem 100rem 0 0;
    background-color: #198CFF;
}

.package_change_2511 .home .login_box .tab .lay:nth-child(1).active::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 118%;
    height: 100%;
    background: url(../images/tab_index.png) left top/100% 100% no-repeat;
}

.package_change_2511 .home .login_box .tab .lay:nth-child(2).active::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    width: 118%;
    height: 100%;
    background: url(../images/tab_index2.png) left top/100% 100% no-repeat;
}

.package_change_2511 .home .login_box .info {
    width: 100%;
    margin-top: -1px;
}

.package_change_2511 .home .login_box .info .lay {
    display: none;
}

.package_change_2511 .home .login_box .info .lay.active {
    display: block;
}

.package_change_2511 .home .login_box .info .lay:nth-child(1) {
    width: 100%;
    background-color: #fff;
    border-radius: 0 1.32rem 0 0;
    padding: 1.41rem 1.05rem 1.76rem;
}

.package_change_2511 .home .login_box .info .lay:nth-child(1) .sign {
    width: 100%;
    margin-bottom: 1.94rem;
}

.package_change_2511 .home .login_box .info .lay:nth-child(1) .sign .box {
    width: 100%;
    height: 3.17rem;
    border-radius: 0.53rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.66rem;
    background-color: #f5f5f5;
    margin-bottom: 0.87rem;
    padding: 0 1.05rem;
}

.package_change_2511 .home .login_box .info .lay:nth-child(1) .sign .box:last-child {
    margin-bottom: 0;
}

.package_change_2511 .home .login_box .info .lay:nth-child(1) .sign .box .inp {
    flex: 1;
}

.package_change_2511 .home .login_box .info .lay:nth-child(1) .sign .box input {
    width: 100%;
    color: #3d4245;
    background: none;
    padding: 0;
    opacity: 1;
    font-size: 1.05rem;
    font-weight: bold;
}

.package_change_2511 .home .login_box .info .lay:nth-child(1) .sign .box input::-webkit-input-placeholder {
    color: #A3A3A3;
    font-weight: bold;
}

.package_change_2511 .home .login_box .info .lay:nth-child(1) .sign .box .get_verify {
    color: #1463FF;
    font-size: 0.95rem;
    font-weight: bold;
}

.package_change_2511 .home .login_box .info .lay:nth-child(2) {
    width: 100%;
    background-color: #fff;
    border-radius: 1.32rem 0 0 0;
    padding: 1.41rem 1.05rem 1.76rem;
}

.package_change_2511 .home .login_box .info .lay:nth-child(2) .sign {
    width: 100%;
    margin-bottom: 1.94rem;
}

.package_change_2511 .home .login_box .info .lay:nth-child(2) .sign .box {
    width: 100%;
    height: 3.17rem;
    border-radius: 0.53rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.66rem;
    background-color: #f5f5f5;
    margin-bottom: 0.87rem;
    padding: 0 1.05rem;
}

.package_change_2511 .home .login_box .info .lay:nth-child(2) .sign .box:last-child {
    margin-bottom: 0;
}

.package_change_2511 .home .login_box .info .lay:nth-child(2) .sign .box .city {
    font-size: 1.05rem;
    font-weight: bold;
    color: #3d4245;
    padding-right: 0.45rem;
    display: inline-flex;
    align-items: center;
    border-right: 1px solid #ccc;
    line-height: 1.3;
}

.package_change_2511 .home .login_box .info .lay:nth-child(2) .sign .box .city::after {
    content: "";
    width: 0.88rem;
    height: 0.88rem;
    margin-left: 0.2rem;
    background: url(../images/city_more.png) center center/100% 100% no-repeat;
}

.package_change_2511 .home .login_box .info .lay:nth-child(2) .sign .box .inp {
    flex: 1;
}

.package_change_2511 .home .login_box .info .lay:nth-child(2) .sign .box input {
    width: 100%;
    color: #3d4245;
    background: none;
    padding: 0;
    opacity: 1;
    font-size: 1.05rem;
    font-weight: bold;
}

.package_change_2511 .home .login_box .info .lay:nth-child(2) .sign .box input::-webkit-input-placeholder {
    color: #A3A3A3;
    font-weight: bold;
}

.package_change_2511 .home .login_box .info .lay:nth-child(2) .sign .box .eye {
    display: inline-block;
    width: 1.32rem;
    height: 1.32rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../images/eye_close.png);
}

.package_change_2511 .home .login_box .info .lay:nth-child(2) .sign .box .eye.open {
    background-image: url(../images/eye_open.png);
}

.package_change_2511 .home .login_box .info .lay .agreement{width:100%;display: flex;justify-content: space-between;align-items:center;gap:0.5rem;margin:-1.2rem auto 0.66rem;padding:0 0 0.8rem 0;text-align: justify; background:none;border-radius: 0;color:#3d4245;font-weight:normal;}
.package_change_2511 .home .login_box .info .lay .agreement .check{width:1rem;height:1rem;background-repeat: no-repeat;background-size: 100% 100%;background-image: url(../images/check_square.png);margin-right: 0;}
.package_change_2511 .home .login_box .info .lay .agreement .check.checked{background-image: url(../images/checked_square.png);}
.package_change_2511 .home .login_box .info .lay .agreement .text{flex:1;}
.package_change_2511 .home .login_box .info .lay .agreement .text span{color:#4c73ff;}

.package_change_2511 .home .login_box .info .lay .btn {
    width: 100%;
    height: 2.82rem;
    font-size: 0.95rem;
    color: #fff;
    font-weight: bold;
    background-color: #198CFF;
    border-radius: 0.87rem;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* 套餐列表 */
.package_change_2511 .user_package {
    width: 100%;
    padding: 0.87rem 0;
    background-image: linear-gradient(180deg, #A0CFFF 0%, #CFE6FF 46%);
    box-shadow: 0 1.3rem 0 0 #CFE6FF;
}

.package_change_2511 .user_package .user {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.87rem;
    margin-bottom: 0.87rem;
    padding: 0 0.87rem;
}

.package_change_2511 .user_package .user .number {
    font-size: 1.14rem;
    color: #3D4245;
    font-weight: bold;
    line-height: 1;
}

.package_change_2511 .user_package .user .right {
    display: inline-flex;
    gap: 0.53rem;
}

.package_change_2511 .user_package .user .right .city {
    height: 1.84rem;
    font-size: 0.87rem;
    font-weight: bold;
    color: #3d4245;
    padding: 0 1.3rem 0 0.87rem;
    box-shadow: 0 0 1px #fff inset;
    border-radius: 100rem;
    display: inline-flex;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.68);
    background-image: url(../images/city_more.png);
    background-repeat: no-repeat;
    background-size: 0.56rem auto;
    background-position: right 0.6rem center;
}

.package_change_2511 .user_package .user .right .order {
    height: 1.84rem;
    font-size: 0.87rem;
    font-weight: bold;
    color: #3d4245;
    padding: 0 1.3rem 0 0.87rem;
    box-shadow: 0 0 1px #fff inset;
    border-radius: 100rem;
    display: inline-flex;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.68);
    background-image: url(../images/arr_r.png);
    background-repeat: no-repeat;
    background-size: 0.66rem auto;
    background-position: right 0.55rem center;
}

.package_change_2511 .user_package .packages {
    width: 100%;
    padding: 0 0.66rem;
}

.package_change_2511 .user_package .packages .lay {
    width: 100%;
    position: relative;
    z-index: 1;
    background-image: linear-gradient(158deg, transparent, transparent 3rem, #338BFF 4.5rem, #5BC4FF 82%, #8DD8FE 100%);
    border-radius: 0.87rem;
    margin-bottom: 0.7rem;
}

.package_change_2511 .user_package .packages .lay:last-child {
    margin-bottom: 0;
}

.package_change_2511 .user_package .packages .lay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 8rem;
    right: 0;
    bottom: 0;
    z-index: 0;
    height: 100%;
    border-radius: 0 0.87rem 0.87rem 0;
    box-sizing: border-box;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.package_change_2511 .user_package .packages .lay::after {
    content: "";
    position: absolute;
    top: 4rem;
    left: 0;
    bottom: 0;
    z-index: 0;
    width: 9rem;
    border-radius: 0 0 0 0.87rem;
    box-sizing: border-box;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.package_change_2511 .user_package .packages .lay.my {
    width: 100%;
    position: relative;
    z-index: 1;
    background-image: linear-gradient(158deg, #338BFF 0%, #5BC4FF 82%, #8DD8FE 100%);
    border-radius: 0.87rem;
    margin-bottom: 0.7rem;
    box-shadow: 0 0 0 1px #fff inset;
}

.package_change_2511 .user_package .packages .lay.my .title {
    padding-left: 0.87rem;
}

.package_change_2511 .user_package .packages .lay.my .bg_main {
    display: none;
}

.package_change_2511 .user_package .packages .lay .bg_main {
    height: 5.55rem;
    position: absolute;
    z-index: -1;
}

.package_change_2511 .user_package .packages .lay .title {
    height: 2.55rem;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 1.05rem;
    font-weight: bold;
    padding-left: 5.95rem;
}

.package_change_2511 .user_package .packages .lay .title .label {
    font-size: 0.8rem;
    color: #0a76ff;
    height: 1.41rem;
    line-height: 1.41rem;
    background-color: #EBF5FF;
    margin-left: 0.45rem;
    padding: 0 0.5rem 0 0.45rem;
    border-radius: 0.6rem 0.7rem 0.7rem 0.1rem;
    box-shadow: 0 0 1px #fff inset;
}

.package_change_2511 .user_package .packages .lay .type {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    border-radius: 0.87rem 0.87rem 0 0;
    box-shadow: 0 0 0 1px #fff inset;
    background-color: #3369FF;
    width: 5.1rem;
    color: #fff;
    font-size: 0.8rem;
    font-weight: bold;
    padding: 0.55rem 0 1.5rem;
    z-index: -2;
}

.package_change_2511 .user_package .packages .lay.disable .type {
    background-color: #a3a3a3;
}

.package_change_2511 .user_package .packages .lay .cons {
    position: relative;
    margin: 0 0.44rem;
    background-color: #fff;
    border-radius: 0.66rem;
    font-size: 0.95rem;
    color: #3D4245;
    font-weight: bold;
    padding: 0.6rem 1.76rem 0.6rem 0.7rem;
    text-align: justify;
}

.package_change_2511 .user_package .packages .lay .cons .name {
    line-height: 1.3;
    margin-bottom: 0.1rem;
}

.package_change_2511 .user_package .packages .lay .cons .price {
    font-size: 0.95rem;
    color: #FF4632;
    display: flex;
    align-items: center;
    line-height: 1.3;
}

.package_change_2511 .user_package .packages .lay .cons .price .limit {
    margin-left: 0.5rem;
    font-size: 0.8rem;
    color: #FF7405;
    font-weight: normal;
    box-shadow: 0 0 1px #FF7405 inset;
    border-radius: 0.22rem;
    padding: 0 0.3rem;
    height: 1.05rem;
    line-height: 1.05rem;
    background-color: #FFF6ED;
}

.package_change_2511 .user_package .packages .lay .cons .more {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    width: 0.66rem;
}

.package_change_2511 .list_package {
    width: 100%;
    background-color: #fff;
    border-radius: 1.32rem 1.32rem 0 0;
    padding: 0.66rem;
    position: relative;
}

.package_change_2511 .list_package .banner {
    width: 100%;
    margin-bottom: 0.66rem;
}

.package_change_2511 .list_package .package {
    width: 100%;
    margin: 0 auto 0.66rem;
    background-image: linear-gradient(180deg, #D6EDFF 0%, #EBF6FF 28%, #EBF6FF 100%);
    border-radius: 0.87rem;
    padding: 0 0.44rem 0.44rem;
}

.package_change_2511 .list_package .package .title {
    height: 2.64rem;
    color: #3d4245;
    font-weight: bold;
    padding: 0 0.44rem;
    display: flex;
    align-items: center;
    gap: 0.53rem;
}


.package_change_2511 .list_package .package.recom {
    background-image: linear-gradient(180deg, #FFD8A3 0%, #FFF2E0 28%);
}

.package_change_2511 .list_package .package.recom .title {
    color: #803906;
}

.package_change_2511 .list_package .package.recom .title::before {
    content: "优选推荐";
    font-size: 0.87rem;
    color: #803906;
    padding: 0 0.4rem 0 1.7rem;
    background-color: #fff;
    height: 1.76rem;
    border-radius: 0.66rem;
    display: inline-flex;
    align-items: center;
    background-image: url(../images/ico_recom.png);
    background-size: 0.95rem auto;
    background-position: left 0.45rem center;
    background-repeat: no-repeat;
    white-space:nowrap;
}

.package_change_2511 .list_package .package.recom .box .cons .lay::before {
    content: "";
    width: 1.1rem;
    height: 1.1rem;
    background: url(../images/checked_org.png) center center/100% 100% no-repeat;
    position: absolute;
    left: 0;
    top: 0.2rem;
}


.package_change_2511 .list_package .package .box {
    background-color: #fff;
    border-radius: 0.66rem;
    padding-bottom: 0.53rem;
}

.package_change_2511 .list_package .package .box .cons {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    padding: 0.66rem;
    background-color: #fff;
    border-radius: 0.44rem;
    position: relative;
    gap: 0.66rem 0.4rem;
}

.package_change_2511 .list_package .package .box .cons .lay {
    position: relative;
    font-size: 0.8rem;
    color: #707070;
    padding-left: 1.5rem;
}

/* .package_change_2511 .list_package .package .box .cons .lay:last-child{grid-area:2/2/3/4;} */

.package_change_2511 .list_package .package .box .cons .lay::before {
    content: "";
    width: 1.1rem;
    height: 1.1rem;
    background: url(../images/checked_blue.png) center center/100% 100% no-repeat;
    position: absolute;
    left: 0;
    top: 0.2rem;
}

.package_change_2511 .list_package .package .box .cons .lay .obj {
    font-size: 0.95rem;
    color: #3D4245;
    font-weight: bold;
    margin-bottom: -0.1rem;
}

.package_change_2511 .list_package .package .box .cons .lay .sale {
    height: 2.2rem;
    position: absolute;
    top: 47%;
    -webkit-transform: translateY(-50%);
    left: 8.2em;
}

.package_change_2511 .list_package .package .box .check_more {
    width: fit-content;
    margin: 0 auto 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.2rem;
    font-size: 0.87rem;
    color: #4C73FF;
}

.package_change_2511 .list_package .package .box .check_more::after {
    content: "";
    width: 0.87rem;
    height: 0.87rem;
    display: inline-block;
    background: url(../images/triangle_blue.png) center center/80% 80% no-repeat;
    transition: all ease 0.3s;
}

.package_change_2511 .list_package .package .box .check_more.active::after {
    content: "";
    width: 0.87rem;
    height: 0.87rem;
    display: inline-block;
    background: url(../images/triangle_blue.png) center center/80% 80% no-repeat;
    transition: all ease 0.3s;
    -webkit-transform: rotate(180deg);
}

.package_change_2511 .list_package .package .box .cons_more {
    margin: 0 0.87rem 0.7rem;
    background-color: #F5F8FF;
    border-radius: 0.44rem;
    padding: 0.53rem;
    font-size: 0.82rem;
    color: #556FA3;
    text-align: justify;
    display: none;
}

.package_change_2511 .list_package .package .box .btn_area {
    margin: 0 0.87rem;
    background-color: #FEF6F5;
    border-radius: 0.53rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.package_change_2511 .list_package .package .box .btn_area .price {
    padding: 0 0.53rem;
    font-size: 0.87rem;
    color: #FF4632;
    font-weight: bold;
}

.package_change_2511 .list_package .package .box .btn_area .price .amount {
    font-size: 1.32rem;
    position: relative;
    top: 1px;
}

.package_change_2511 .list_package .package .box .btn {
    width: 45%;
    height: 2.11rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 0.87rem;
    font-weight: bold;
    background: url(../images/bg_btn.png) center center/100% 100% no-repeat;
    border-radius: 0 0.53rem 0.53rem 0;
}

.package_change_2511 .bot_fix{width:100%;max-width:30rem;position:fixed!important;left:50%;bottom:0;-webkit-transform: translateX(-50%);z-index:5;background-color: rgba(255,255,255,0.85);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);padding:0.66rem 0.87rem 1.35rem;box-shadow: 0 -5px 7px rgba(0,0,0,0.05);border-radius: 1rem 1rem 0 0;}
.package_change_2511 .btn_more_package{ height:2.64rem;box-shadow: 0 0 0 1px #B3D1FF;border-radius: 0.87rem;color:#4D93FF;font-size:0.95rem;display: flex;justify-content: center;align-items:center;gap:0.3rem;}
.package_change_2511 .btn_more_package::after{
	content:"";
	width:0.86rem;height:0.86rem;
	background: url(../images/more_cir.png) center center/100% 100% no-repeat;
	transition:all ease 0.3s;
}
.package_change_2511 .btn_more_package.active::after{
	content:"";
	width:0.86rem;height:0.86rem;
	background: url(../images/more_cir.png) center center/100% 100% no-repeat;
	transition:all ease 0.3s;
	-webkit-transform: rotate(180deg);
}

.package_change_2511 .list_package .search_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1.41rem 0.22rem 0.87rem;
}

.package_change_2511 .list_package .search_box .title {
    font-size: 1.05rem;
    color: #3d4245;
    font-weight: bold;
}

.package_change_2511 .list_package .search_box .inp {
    width: 60%;
    background-color: #f5f5f5;
    height: 1.89rem;
    display: flex;
    align-items: center;
    border-radius: 0.53rem;
    background-image: url(../images/ico_search.png);
    background-repeat: no-repeat;
    background-size: 0.75rem auto;
    background-position: left 0.55rem center;
    padding: 0 0.66rem 0 1.7rem;
}

.package_change_2511 .list_package .search_box .inp input {
    opacity: 1;
    padding: 0;
    width: 100%;
    background: none;
    font-size: 0.82rem;
    color: #3d4245;
}

.package_change_2511 .list_package .search_box .inp input::-webkit-input-placeholder {
    color: #999;
}

.package_change_2511 .list_package .condition {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.87rem;
    color: #3d4245;
    font-weight: bold;
    margin: 0 0.22rem 0.8rem;
}

.package_change_2511 .list_package .condition .lay,
.package_change_2511 .list_package .condition .filter {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
}

.package_change_2511 .list_package .condition .lay.active {
    color: #4c73ff;
}

.package_change_2511 .list_package .condition .lay::after {
    content: "";
    display: inline-block;
    width: 0.48rem;
    height: 0.75rem;
    background-image: url(../images/condition.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.package_change_2511 .list_package .condition .lay.up::after {
    content: "";
    display: inline-block;
    width: 0.48rem;
    height: 0.75rem;
    background-image: url(../images/condition_up.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.package_change_2511 .list_package .condition .lay.down::after {
    content: "";
    display: inline-block;
    width: 0.48rem;
    height: 0.75rem;
    background-image: url(../images/condition_down.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.package_change_2511 .list_package .condition .filter::after {
    content: "";
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    background-image: url(../images/filter.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.package_change_2511 .list_package .condition .filter.active {
    color: #4c73ff;
}

.package_change_2511 .list_package .condition .filter.active::after {
    content: "";
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    background-image: url(../images/filter_blue.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


#changePackageList .tc_morelabel {
    position: fixed;
    width: 100%;
    max-width: 30rem;
    bottom: 0;
    z-index: 6;
    background-color: #fff;
    border-radius: 1.32rem 1.32rem 0 0;
    padding: 1rem 0 1.55rem;
    transition: all ease 0.3s;
    -webkit-transform: translateY(110%);
}

#changePackageList .tc_morelabel.active {
    -webkit-transform: translateY(0%);
}

#changePackageList .tc_morelabel .close {
    position: absolute;
    top: 1.14rem;
    right: 1.1rem;
    width: 1.4rem;
}

#changePackageList .tc_morelabel .title {
    font-size: 1.14rem;
    font-weight: bold;
    color: #3d4245;
    text-align: center;
    margin-bottom: 1.1rem;
}

#changePackageList .tc_morelabel .floor {
    margin: 0 1.32rem 0.87rem;
}

#changePackageList .tc_morelabel .floor .tit {
    color: #707070;
    font-size: 0.82rem;
    margin-bottom: 0.4rem;
    font-weight: bold;
}

#changePackageList .tc_morelabel .floor .type {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.53rem;
    line-height: 1;
}

#changePackageList .tc_morelabel .floor .type > div {
    height: 2.2rem;
    font-size: 0.87rem;
    color: #3d4245;
    font-weight: bold;
    box-shadow: 0 0 1px #979797 inset;
    border-radius: 0.44rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#changePackageList .tc_morelabel .floor .type > div.active {
    color: #4c73ff;
    box-shadow: 0 0 1px #4c73ff inset, 0 0 1px #4c73ff inset;
    background-color: #E5E9FF;
}

#changePackageList .tc_morelabel .btn_area {
    margin: 1.76rem 1.4rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.87rem;
    font-weight: bold;
}

#changePackageList .tc_morelabel .btn_area .line {
    flex: 1;
    height: 2.64rem;
    line-height: 2.64rem;
    font-size: 0.95rem;
    text-align: center;
    color: #4C73FF;
    box-shadow: 0 0 1px #4C73FF inset, 0 0 1px #4C73FF inset;
    border-radius: 100rem;
}

#changePackageList .tc_morelabel .btn_area .grad {
    flex: 1;
    height: 2.64rem;
    line-height: 2.64rem;
    font-size: 0.95rem;
    text-align: center;
    color: #fff;
    background-image: linear-gradient(90deg, #5589FF 11%, #4C73FF 34%, #4C73FF 88%);
    border-radius: 100rem;
}

.package_change_2511 .side_kefu {
    width: 3.43rem;
    position: fixed;
    right: 0.4rem;
    bottom: 35%;
    z-index: 6;
}

.package_change_2511 .side_kefu .close {
    position: absolute;
    top: -0.3rem;
    right: 0;
    width: 1rem;
}


/* 套餐变更 */
.package_change_2511 .p_change {
    background-image: linear-gradient(180deg, #A8D3FE 12%, rgba(166, 211, 255, 0) 100%);
    background-size: 100% 20rem;
    background-repeat: no-repeat;
    padding-top: 0.66rem;
    padding-bottom: 5rem;
}

.package_change_2511 .floor {
    margin: 0 0.66rem 0.66rem;
    border-radius: 0.66rem;
}

.package_change_2511 .floor .cons {
    background-color: #fff;
    padding: 0 0.87rem;
    border-radius: 0.66rem;
    position: relative;
}

.package_change_2511 .floor .cons .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1;
    padding: 0.87rem 0 0.45rem;
    font-weight: bold;
    color: #3D4245;
    font-size: 0.95rem;
    position: relative;
}

.package_change_2511 .floor .cons .list .lay {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 0.64rem 0;
    font-size: 0.87rem;
    color: #3D4245;
    position: relative;
}

.package_change_2511 .floor .cons .list .lay::before {
    content: "";
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #eee;
    -webkit-transform: scaleY(0.5);
    -webkit-transform-origin: bottom center;
    left: 0;
    bottom: 0;
}

.package_change_2511 .floor .cons .list .lay:last-child::before {
    content: "";
    position: absolute;
    width: 100%;
    border-bottom: none;
}

.package_change_2511 .floor .cons .list .lay .obj {
    width: 5rem;
    color: #707070;
}

.package_change_2511 .floor .cons .list .lay .info {
    flex: 1;
    text-align: justify;
    font-weight: bold;
}


.package_change_2511 .floor .cons .list .lay2 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 0.64rem 0;
    font-size: 0.87rem;
    color: #3D4245;
    position: relative;
}

.package_change_2511 .floor .cons .list .lay2::before {
    content: "";
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #eee;
    -webkit-transform: scaleY(0.5);
    -webkit-transform-origin: bottom center;
    left: 0;
    bottom: 0;
}

.package_change_2511 .floor .cons .list .lay2:last-child::before {
    content: "";
    position: absolute;
    width: 100%;
    border-bottom: none;
}

.package_change_2511 .floor .cons .list .lay2 .obj {
    width: 5rem;
    color: #707070;
}

.package_change_2511 .floor .cons .list .lay2 .info {
    text-align: justify;
    font-weight: bold;
}

.package_change_2511 .floor .cons .info_sign {
    margin-bottom: 0.4rem;
}

.package_change_2511 .floor .cons .info_sign .lay {
    width: 100%;
    height: 2.64rem;
    background-color: #f5f5f5;
    border-radius: 0.53rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.66rem;
    font-size: 0.87rem;
    padding: 0 0.87rem;
    margin-top: 0.4rem;
    margin-bottom: 0.53rem;
}

.package_change_2511 .floor .cons .info_sign .lay:last-child {
    margin-bottom: 0;
}

.package_change_2511 .floor .cons .info_sign .lay .inp {
    flex: 1
}

.package_change_2511 .floor .cons .info_sign .lay .inp input {
    width: 100%;
    opacity: 1;
    padding: 0;
    color: #3d4245;
    font-size: 0.87rem;
    background: none;
    font-weight: bold;
}

.package_change_2511 .floor .cons .info_sign .lay .inp input::-webkit-input-placeholder {
    color: #a3a3a3;
}

.package_change_2511 .floor .cons .info_sign .lay .get_verify {
    color: #4c73ff;
}

.package_change_2511 .floor .cons .agreement {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    margin: 0.3rem auto 0.66rem;
    padding: 0.3rem 0 0.8rem 0;
    text-align: justify;
    background: none;
    border-radius: 0;
    color: #3d4245;
    font-weight: normal;
}

.package_change_2511 .floor .cons .agreement .check {
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../images/check_square.png);
    margin-right: 0;
}

.package_change_2511 .floor .cons .agreement .check.checked {
    background-image: url(../images/checked_square.png);
}

.package_change_2511 .floor .cons .agreement .text {
    flex: 1;
}

.package_change_2511 .floor .cons .agreement .text span {
    color: #4c73ff;
}


.package_change_2511 .floor .detail {
    margin: 0.4rem auto;
    padding-bottom: 0.87rem;
}

.package_change_2511 .floor .detail table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 0.4rem;
    /*border: 1px solid #E6EEFF;*/
    border-style: hidden;
    box-shadow: 0 0 0 1px #E6EEFF;
    overflow: hidden;
    font-size: 0.87rem;
    color: #707070;
}

.package_change_2511 .floor .detail table th, td {
    border: 1px solid #E6EEFF;
    padding: 0.5rem 0.65rem;
    text-align: justify;
    font-size: 0.87rem;
}

.package_change_2511 .floor .detail table .obj {
    text-align: center;
    color: #556FA3;
    background-color: #F5F8FF;
    font-weight: bold;
    padding: 0.5rem 0;
}

.package_change_2511 .floor .detail table .weight {
    color: #3d4245;
}

.package_change_2511 .floor .detail table .list li:nth-child(2) ~ li {
    display: none;
}

.package_change_2511 .floor .detail table .check_detail {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.15rem;
    color: #4c73ff;
    font-weight: bold;
}

.package_change_2511 .floor .detail table .check_detail::after {
    content: "";
    width: 0.76rem;
    height: 0.76rem;
    display: inline-block;
    background: url(../images/triangle_blue.png) center center/80% 80% no-repeat;
    transition: all ease 0.3s;
}

.package_change_2511 .floor .detail table .check_detail.active::after {
    content: "";
    width: 0.76rem;
    height: 0.76rem;
    display: inline-block;
    background: url(../images/triangle_blue.png) center center/80% 80% no-repeat;
    transition: all ease 0.3s;
    -webkit-transform: rotate(180deg);
}

.package_change_2511 .agreement {
    margin: 0.53rem 0.66rem 0.66rem;
    border-radius: 0.66rem;
    background-color: #fff;
    padding: 0.95rem 0.87rem 0.6rem;
    font-size: 0.87rem;
    color: #a3a3a3;
    text-align: justify;
}

.package_change_2511 .agreement .title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1;
    font-size: 0.95rem;
    color: #3d4245;
    font-weight: bold;
    margin-bottom: 0.56rem;
}

.package_change_2511 .agreement .title .check {
    display: inline-block;
    width: 1.1rem;
    height: 1.1rem;
    background-image: url(../images/check_cir.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: 0.4rem;
    position: relative;
}

.package_change_2511 .agreement .title .check::before {
    content: "";
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
}

.package_change_2511 .agreement .title .check.checked {
    background-image: url(../images/checked_cir.png);
}

.package_change_2511 .agreement span {
    color: #4c73ff;
}


.package_change_2511 .bot_area {
    width: 100%;
    max-width: 30rem;
    position: fixed !important;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    z-index: 5;
}

.package_change_2511 .bot_area .cons {
    padding: 0.66rem 0.66rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.05);
    background-color: #fff;
    border-radius: 1.32rem 1.32rem 0 0;
    font-size: 0.87rem;
    font-weight: bold;
    line-height: 1.35;
}

.package_change_2511 .bot_area .cons .cost .unit,
.package_change_2511 .bot_area .cons .cost .price {
    color: #FF4632;
}

.package_change_2511 .bot_area .cons .cost .pay {
    font-size: 1.32rem;
    line-height: 1;
    position: relative;
    top: 1px;
}

.package_change_2511 .bot_area .cons .btn {
    display: inline-block;
    width: 10.4rem;
    height: 2.46rem;
    line-height: 2.46rem;
    text-align: center;
    border-radius: 0.53rem;
    color: #fff;
    font-size: 0.95rem;
    font-weight: bold;
    background-color: #FF4747;
    position: relative;
}

.package_change_2511 .bot_area .cons .btn.disable {
    background-color: #ff9191;
}


.package_change_2511 .tc_packchange_detail {
    position: fixed;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 110%);
    z-index: 9;
    width: 100%;
    max-width: 30rem;
    max-height: calc(100% - 2rem);
    background-color: #fff;
    border-radius: 1.32rem 1.32rem 0 0;
    padding: 1.1rem 0 0;
    transition: all ease 0.3s;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.package_change_2511 .tc_packchange_detail.active {
    -webkit-transform: translate(-50%, 0%);
}

.package_change_2511 .tc_packchange_detail .close {
    position: absolute;
    right: 1.1rem;
    top: 1.1rem;
    width: 1.1rem;
    height: 1.1rem;
    background: url(../images/tc_close.png) center center/100% 100% no-repeat;
}

.package_change_2511 .tc_packchange_detail .title {
    text-align: center;
    font-size: 1.05rem;
    color: #3d4245;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 1rem;
}

.package_change_2511 .tc_packchange_detail .cons {
    margin: 0 0.66rem 2.4rem;
    flex: 1;
    overflow: scroll;
}

.package_change_2511 .tc_packchange_detail .cons::-webkit-scrollbar {
    display: none
}

.package_change_2511 .tc_packchange_detail .cons .lay {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    font-size: 0.95rem;
    color: #3d4245;
    font-weight: bold;
    margin-bottom: 0.92rem;
}

.package_change_2511 .tc_packchange_detail .cons .lay .name {
    display: inline-flex;
    align-items: center;
    gap: 0 0.3rem;
}

.package_change_2511 .tc_packchange_detail .cons .lay .name .price {
    color: #FF4632;
    font-size: 0.87rem;
}

.package_change_2511 .tc_packchange_detail .cons .lay .name .price .sum {
    font-size: 1.32rem;
    position: relative;
    top: 1px;
    line-height: 1;
}

.package_change_2511 .tc_packchange_detail .cons .lay .list {
    width: 100%;
    margin-top: 0.4rem;
    border-radius: 0.44rem;
    font-size: 0.87rem;
    font-weight: normal;
    background-color: #F3F6FF;
    padding: 0.7rem 0.87rem;
    margin-bottom: 0.3rem;
}

.package_change_2511 .tc_packchange_detail .cons .lay .list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.35rem;
    color: #3D4245;
    font-weight: bold;
}

.package_change_2511 .tc_packchange_detail .cons .lay .list li:last-child {
    margin-bottom: 0;
}

.package_change_2511 .tc_packchange_detail .cons .lay .list li .obj {
    color: #556FA3;
    font-weight: normal;
}

.package_change_2511 .tc_packchange_detail .cons .lay .list li .simcard {
    font-weight: normal;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.package_change_2511 .tc_packchange_detail .cons .lay .list li .simcard span {
    display: inline-block;
    height: 1.05rem;
    line-height: 1.05rem;
    font-size: 0.8rem;
    color: #556FA3;
    background-color: #EBF1FF;
    box-shadow: 0 0 1px #D6E4FF inset, 0 0 1px #D6E4FF inset;
    padding: 0 0.3rem;
    border-radius: 0.2rem;
}

.package_change_2511 .tc_packchange_detail .cons .lay .list li .cost {
    font-weight: normal;
}

.package_change_2511 .tc_packchange_detail .cons .lay .info_sign {
    width: 100%;
    height: 2.64rem;
    background-color: #f5f5f5;
    border-radius: 0.53rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.66rem;
    font-size: 0.87rem;
    padding: 0 0.87rem;
    margin-top: 0.4rem;
    margin-bottom: 0.3rem;
}

.package_change_2511 .tc_packchange_detail .cons .lay .info_sign .inp {
    flex: 1
}

.package_change_2511 .tc_packchange_detail .cons .lay .info_sign .inp input {
    width: 100%;
    opacity: 1;
    padding: 0;
    color: #3d4245;
    font-size: 0.87rem;
    background: none;
}

.package_change_2511 .tc_packchange_detail .cons .lay .info_sign .inp input::-webkit-input-placeholder {
    color: #a3a3a3;
}

.package_change_2511 .tc_packchange_detail .cons .lay .info_sign .get_verify {
    color: #4c73ff;
}

.package_change_2511 .tc_packchange_detail .cons .lay .agreement {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    margin: 0.3rem auto 0.66rem;
    padding: 0;
    text-align: justify;
    background: none;
    border-radius: 0;
    color: #3d4245;
    font-weight: normal;
}

.package_change_2511 .tc_packchange_detail .cons .lay .agreement .check {
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../images/check_square.png);
    margin-right: 0;
}

.package_change_2511 .tc_packchange_detail .cons .lay .agreement .check.checked {
    background-image: url(../images/checked_square.png);
}

.package_change_2511 .tc_packchange_detail .cons .lay .agreement .text {
    flex: 1;
}

.package_change_2511 .tc_packchange_detail .cons .lay .agreement .text span {
    color: #4c73ff;
}

.package_change_2511 .tc_packchange_detail .cons .lay .attention {
    display: flex;
    align-items: flex-start;
    gap: 0.3rem;
    color: #FF8F1F;
    font-size: 0.82rem;
}

.package_change_2511 .tc_packchange_detail .cons .lay .attention::before {
    content: "";
    width: 1.82rem;
    height: 0.82rem;
    display: inline-block;
    background: url(../images/attention.png) center center/100% 100%;
    position: relative;
    top: 0.2rem;
}


.package_change_2511 .tc_packchange_detail .btn_area {
    width: 100%;
    position: relative;
}

.package_change_2511 .tc_packchange_detail .btn_area .note {
    position: absolute;
    width: 100%;
    left: 0;
    top: -2.65rem;
    line-height: 1.1rem;
    background-image: linear-gradient(180deg, #FDEBEA 0%, #F8F6FA 100%);
    box-shadow: 0 -1px 1px 0 #fff;
    text-align: center;
    font-size: 0.8rem;
    color: #FF4632;
    font-weight: bold;
    border-radius: 1.32rem 1.32rem 0 0;
    height: 4rem;
    z-index: -1;
}

.package_change_2511 .tc_packchange_detail .btn_area .cons2 {
    padding: 0.66rem 0.66rem;
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.05);
    background-color: #fff;
    border-radius: 1.32rem 1.32rem 0 0;
    font-size: 0.87rem;
    font-weight: bold;
    line-height: 1.35;
}

.package_change_2511 .tc_packchange_detail .btn_area .cons2 .btn {
    display: block;
    margin: 0 auto;
    height: 2.46rem;
    line-height: 2.46rem;
    text-align: center;
    border-radius: 0.53rem;
    color: #fff;
    font-size: 0.95rem;
    font-weight: bold;
    background-color: #FF4747;
    position: relative;
}

.package_change_2511 .tc_packchange_detail .btn_area .cons2 .btn.disable {
    background-color: #ff9191;
}



/* iphoneX */
@media screen and (min-height: 641px) {
    .wit_cloud_libao_qzkd .bot_area .cons {
        padding: 0.66rem 0.66rem 1.4rem;
    }
}

/* 安卓 tab */
@media screen and (min-height: 750px) {
    .wit_cloud_libao_qzkd .bot_area .cons {
        padding: 0.66rem 0.66rem 0.66rem;
    }
}

/* 华为mate */
@media (min-height: 754px) and (max-height: 758px) {
    .wit_cloud_libao_qzkd .bot_area .cons {
        padding: 0.66rem 0.66rem 0.66rem;
    }
}

/* iphone16pro - 无  新 */
@media (min-height: 760px) and (max-height: 770px) {
    .wit_cloud_libao_qzkd .bot_area .cons {
        padding: 0.66rem 0.66rem 0.66rem;
    }
}

/* 安卓 - 无 */
@media screen and (min-height: 780px) {
    .wit_cloud_libao_qzkd .bot_area .cons {
        padding: 0.66rem 0.66rem 0.66rem;
    }
}