/* screen - iphone-14-pro-fan-mai-tu-mian */

.iphone-14-pro-fan-mai-tu-mian {
    align-items: flex-end;
    background-color: #F0F0F0;
    display: flex;
    flex-direction: column;
    height: auto;
    overflow: hidden;
    width: 393px;
}

.iphone-14-pro-fan-mai-tu-mian .hero-subtitle {
    color: var(--black);
    font-family: var(--font-family-yugothic-bold);
    font-size: 18px;
    font-weight: 700;
    line-height: 29px;
    text-align: center;
    margin: 0;
    padding: 0 16px;
}

.iphone-14-pro-fan-mai-tu-mian .meni {
    background-color: var(--white);
    cursor: pointer;
    height: 55px;
    position: relative;
    width: 393px;
}

.iphone-14-pro-fan-mai-tu-mian .best {
    flex: 1;
    height: 31px;
    letter-spacing: 0;
    line-height: 41px;
    margin-right: -2px;
    white-space: nowrap;
}

.iphone-14-pro-fan-mai-tu-mian .x19 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 41px;
    margin-right: -1.16px;
    margin-top: 23px;
    min-height: auto;
    width: 388px;
}

.iphone-14-pro-fan-mai-tu-mian .x19-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-height: auto;
    width: 382px;
}

.iphone-14-pro-fan-mai-tu-mian .x207 {
    height: 79px;
    margin-right: 4.0px;
    position: relative;
    width: 260px;
}

.iphone-14-pro-fan-mai-tu-mian .x179 {
    background-color: var(--apple);
    border-radius: 36px;
    height: calc(100% - 7px);
    left: 18px;
    position: absolute;
    top: 0;
    width: calc(100% - 34px);
}

.iphone-14-pro-fan-mai-tu-mian .text-1 {
    height: 65px;
    left: 0;
    letter-spacing: 0;
    line-height: 60px;
    position: absolute;
    text-align: center;
    top: 4px;
    white-space: nowrap;
    width: calc(100% + 2px);
}

.iphone-14-pro-fan-mai-tu-mian .text-12 {
    height: auto;
    letter-spacing: 0;
    line-height: 32px;
    margin-left: 2.0px;
    margin-top: 4px;
    width: 352px;
    padding-bottom: 20px;
}

.iphone-14-pro-fan-mai-tu-mian .x210 {
    height: 254px;
    margin-top: 12px;
    position: relative;
    width: 382px;
}

.iphone-14-pro-fan-mai-tu-mian .x1 {
    height: 100%;
    left: 11px;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100% - 23px);
}

.iphone-14-pro-fan-mai-tu-mian .sample {
    height: 75px;
    left: 3px;
    letter-spacing: 0;
    line-height: 60px;
    mix-blend-mode: multiply;
    opacity: 0.5;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 99px;
    transform: rotate(-12.00deg);
    width: calc(100% - 5px);
}

.iphone-14-pro-fan-mai-tu-mian .overlap-group {
    height: 1912px;
    margin-top: 40px;
    position: relative;
    width: 395px;
}

.iphone-14-pro-fan-mai-tu-mian .x878 {
    background-color: var(--gallery);
    height: 1882px;
    left: 2px;
    position: absolute;
    top: 0;
    width: 393px;
}

.iphone-14-pro-fan-mai-tu-mian .text-127 {
    color: var(--java);
    font-family: var(--font-family-yugothic-bold);
    font-size: 36px;
    font-weight: 700;
    height: 105px;
    left: 38px;
    letter-spacing: 0;
    line-height: 55px;
    position: absolute;
    text-align: center;
    top: 22px;
    width: 324px;
}

.iphone-14-pro-fan-mai-tu-mian .x445 {
    height: 586px;
    left: 24px;
    position: absolute;
    top: 177px;
    width: 352px;
}

.iphone-14-pro-fan-mai-tu-mian .text-128 {
    height: 96px;
    left: 1px;
    letter-spacing: 0;
    line-height: 32px;
    position: absolute;
    top: calc(17.02% - 16px);
    width: calc(100% + 2px);
}

.iphone-14-pro-fan-mai-tu-mian .x440 {
    height: 79px;
    left: 43px;
    position: absolute;
    top: 0;
    width: calc(100% - 94px);
}

.iphone-14-pro-fan-mai-tu-mian .x179-1 {
    left: 18px;
    width: calc(100% - 34px);
}

.iphone-14-pro-fan-mai-tu-mian .x217 {
    bottom: 0;
    height: 392px;
    left: 0;
    position: absolute;
    width: calc(100% - 3px);
}

.iphone-14-pro-fan-mai-tu-mian .x4_-1 {
    left: 12px;
    width: calc(100% - 23px);
}

.iphone-14-pro-fan-mai-tu-mian .title {
    bottom: calc(42.16% - 29px);
    height: 69px;
    left: 3px;
    letter-spacing: 0;
    line-height: 60px;
    mix-blend-mode: multiply;
    opacity: 0.3;
    overflow: hidden;
    position: absolute;
    text-align: center;
    transform: rotate(-12.00deg);
    white-space: nowrap;
    width: calc(100% - 4px);
}

.iphone-14-pro-fan-mai-tu-mian .x446 {
    height: 350px;
    left: 6px;
    position: absolute;
    top: 806px;
    width: 389px;
}

.iphone-14-pro-fan-mai-tu-mian .text-130 {
    height: 94px;
    left: 18px;
    letter-spacing: 0;
    line-height: 32px;
    position: absolute;
    top: calc(32.67% - 31px);
    width: calc(100% - 37px);
}

.iphone-14-pro-fan-mai-tu-mian .x441 {
    height: 79px;
    left: calc(46.56% - 120px);
    position: absolute;
    top: 0;
    width: 258px;
}

.iphone-14-pro-fan-mai-tu-mian .x442 {
    bottom: 0;
    height: 157px;
    left: 0;
    position: absolute;
    width: 100%;
}

.iphone-14-pro-fan-mai-tu-mian .x4_ {
    height: calc(100% - 9px);
    left: 13px;
    object-fit: cover;
    position: absolute;
    top: 9px;
    width: calc(100% - 25px);
}

.iphone-14-pro-fan-mai-tu-mian .sample-1 {
    height: 76px;
    top: 47px;
}

.iphone-14-pro-fan-mai-tu-mian .x447 {
    height: 498px;
    left: 0;
    position: absolute;
    top: 1197px;
    width: 395px;
}

.iphone-14-pro-fan-mai-tu-mian .text-132 {
    height: 102px;
    left: 24px;
    letter-spacing: 0;
    line-height: 32px;
    position: absolute;
    top: calc(21.09% - 22px);
    width: calc(100% - 43px);
}

.iphone-14-pro-fan-mai-tu-mian .x443 {
    height: 79px;
    left: 16px;
    position: absolute;
    top: 0;
    width: calc(100% - 30px);
}

.iphone-14-pro-fan-mai-tu-mian .x179-2 {
    left: 0;
    width: 100%;
}

.iphone-14-pro-fan-mai-tu-mian .text-133 {
    height: 65px;
    left: 10px;
    letter-spacing: 0;
    line-height: 60px;
    position: absolute;
    text-align: center;
    top: 4px;
    white-space: nowrap;
    width: calc(100% - 17px);
}

.iphone-14-pro-fan-mai-tu-mian .x444 {
    bottom: 0;
    height: 297px;
    left: 0;
    position: absolute;
    width: 100%;
}

.iphone-14-pro-fan-mai-tu-mian .x4_-2 {
    left: 15px;
    width: calc(100% - 30px);
}

.iphone-14-pro-fan-mai-tu-mian .sample-2 {
    height: 77px;
    top: calc(49.35% - 38px);
}

.iphone-14-pro-fan-mai-tu-mian .view {
    background-color: var(--fun-green);
    height: 175px;
    left: 2px;
    position: absolute;
    top: 1737px;
    width: 393px;
}

.iphone-14-pro-fan-mai-tu-mian .text-134 {
    bottom: calc(24.12% - 4px);
    cursor: pointer;
    height: 16px;
    left: calc(48.76% - 54px);
    letter-spacing: 0;
    line-height: 21.6px;
    position: absolute;
    white-space: nowrap;
    width: 111px;
}

.iphone-14-pro-fan-mai-tu-mian .sample-3 {
    left: 4px;
    letter-spacing: 0;
    line-height: 60px;
    mix-blend-mode: multiply;
    opacity: 0.3;
    overflow: hidden;
    position: absolute;
    text-align: center;
    transform: rotate(-12.00deg);
    width: calc(100% - 5px);
}

.iphone-14-pro-fan-mai-tu-mian .x1-3 {
    height: 100%;
    left: 11px;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100% - 23px);
}

.iphone-14-pro-fan-mai-tu-mian .x179-3 {
    background-color: var(--java);
    border-radius: 36px;
    height: calc(100% - 7px);
    position: absolute;
    top: 0;
}

.iphone-14-pro-fan-mai-tu-mian .x4_-3 {
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
}