﻿@charset "utf-8";

/* 坐标 */
.sc-address,
.zs-address,
.hd-address {
    position: relative;
    font-family: alibabaPR;
    width: 13.46rem;
}

.sc-address .top,
.zs-address .top,
.hd-address .top {
    background-image: url(../img/location-sc-top.png);
    width: 5.34rem;
    height: 1.59rem;
    background-size: 100% 100%;
    font-size: 0.6rem;
    font-weight: normal;
    color: #FEFEFE;
    line-height: 0.52rem;
    display: block;
    padding-top: 0.3rem;
    padding-left: 0.54rem;
}

.sc-address .content-bg,
.zs-address .content-bg,
.hd-address .content-bg {
    margin-top: -0.86rem;
    width: 13.46rem;
    background: #FFFFFF;
    border: 0.04rem solid #E95924;
    position: relative;

}

.sc-address .content,
.zs-address .content,
.hd-address .content {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.sc-address .content .left,
.zs-address .content .left,
.hd-address .content .left {
    padding: 0.44rem 0 0.41rem 0.48rem;
}

.sc-address .content .left .title,
.zs-address .content .left .title,
.hd-address .content .left .title {
    height: 0.53rem;
    font-size: 0.5rem;
    font-weight: normal;
    color: #1165FF;
    line-height: 0.52rem;
}

.sc-address .content .left .address,
.zs-address .content .left .address,
.hd-address .content .left .address {
    width: 7.51rem;
    padding-top: 0.40rem;
    font-size: 0.5rem;
    font-weight: normal;
    color: #303030;
    line-height: 0.68rem;
}

.sc-address .content .right,
.zs-address .content .right,
.hd-address .content .right {
    width: 2.19rem;
    text-align: center;
    height: 1.73rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 0.51rem;
    transform: translateY(-50%);
}

.sc-address .content .right .location,
.zs-address .content .right .location,
.hd-address .content .right .location {
    background-image: url(../img/location.png);
    width: 0.78rem;
    height: 1.07rem;
    min-height: 1.07rem;
    background-size: 100% 100%;
    display: block;
}

.sc-address .content .right .text,
.zs-address .content .right .text,
.hd-address .content .right .text {
    padding-top: 0.14rem;
    font-size: 0.48rem;
    font-weight: normal;
    color: #E88E01;
    line-height: 1;
    white-space: nowrap;
}

.zs-address,
.hd-address {
    padding-top: 1.19rem;
}

.hc-img-warp div:nth-child(1) {
    padding-top: 0;
}

.zs-address .top {
    background-image: url(../img/location-zs-top.png);
}

.zs-address .content-bg {
    border: 0.04rem solid #FF9900;
}

.hc-img-warp .line {
    width: 94%;
    height: 0.02rem;
    margin: 0 auto;
    display: block;
}

.hd-address .top {
    background-image: url(../img/location-hd-location.png);
    width: 6.46rem;
    height: 1.57rem;
}

.hd-address .content-bg {
    border: 0.04rem solid #3793D4;
}

.cursor {
    cursor: pointer;
}

.langage .audio-btn {
    width: auto;
    height: auto;
}

.audio-box .right-btn {
    margin-left: 0.3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.audio-box .audio-btn {
    /* width: 1.01rem; */
    /* height: 1.01rem; */
    min-height: 1.01rem;
    cursor: pointer;
    float: unset;
}

.pth .text,
.right-btn .text {
    padding-top: 0.09rem;
    font-size: 0.3rem;
    white-space: nowrap;
    line-height: 0.32rem;
}

.audio-box .time {
    height: 1.11rem;
    display: flex;
    align-items: center;
}

.lib-title .audio-box {
    display: flex;
    user-select: none;
}

.audio-box .icon-play {
    background-size: 100% 100%;
}

.audio-box .audio-change,
.right-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.right-btn .audio-btn {
    width: 1.01rem;
    height: 1.05rem;
    min-height: 1.05rem;
}

.audio-box .audio-progress {
    margin-top: 0;
}