ZGC_PEOP/rwk-admin/src/main/resources/static/ruoyi/css/address.css

::-webkit-scrollbar{
    width:0px!important;
    height: 0px!important;
}
.group-list {
    margin-top: 25px;
}
.group-list ul{
    margin: 0;
    padding: 0;
}
.group-list li{
    list-style-type: none;
    padding: 5px 0 5px 20px;
    margin: 5px 0;
    cursor: pointer;
}
.group-list li:hover{
    background-color: #CECECE;
}

.click-bg{
    background-color: #CECECE;
}

.bootstrap-table .fixed-table-container.fixed-height:not(.has-footer){
    border: 0px!important;
}
.bootstrap-table .fixed-table-container.fixed-height .fixed-table-border{
    border: 0px!important;
}
.btn-style1{
    padding: 6px 20px;
    border-radius: 5px 5px 0 0;
    background-color: #EAF9FD;
    color: #000000;
}
.btn-style2{
    padding: 6px 20px;
    border-radius: 0;
    color: #185EFF;
    border-color: #185EFF;
}
.btn-style3{
    color: #417EFA;
    padding: 0 10px;
}
.btn-style1:hover,.btn-style2:hover{
    background-color: #185EFF;
    color: #ffffff;
}

.address-btn  layui-layer-title{
    background-color: #185EFF;
    text-align: center;
    font-size: 16px;
}

.address-btn layui-layer-btn{
    text-align: center;
}

.addgroup_frame{
    height: 32px;
    width: 360px;
}
.layui-layer-btn{
    text-align: center!important;
}

.address-from-left{
    height: 32px ;
    width: 25%;
    display: inline-block;
    text-align: right;
}

.address-from-right{
    height: 32px ;
    width: 55%;
    display: inline-block;
    text-align: right;
    margin-left: 14px;
}

/*.trapezoid {*/
/*    width: 0;*/
/*    height: 0;*/
/*    border-bottom: 100px solid red; !* 梯形的底边 *!*/
/*    border-left: 50px solid transparent; !* 左侧斜边 *!*/
/*    border-right: 50px solid transparent; !* 右侧斜边 *!*/
/*    transform: rotate(-90deg); !* 反方向旋转 90 度 *!*/
/*    transform-origin: top left; !* 设置旋转中心点 *!*/
/*}*/


.container {
    position: relative;
    width: 300px; /* Adjust the width as needed */
    height: 400px; /* Adjust the height as needed */
    background-color: white;
    overflow: hidden;
}

.container::before {
    content: '';
    position: absolute;
    width: 2px; /* Thickness of the vertical line */
    height: 100%;
    background-color: black;
    left: 50%; /* Center the line */
    transform: translateX(-50%);
}

.container::after {
    content: '';
    position: absolute;
    width: 60px; /* Width of the irregular shape */
    height: 60px; /* Height of the irregular shape */
    background-color: black;
    border-radius: 50%; /* Make it circular */
    top: 100px; /* Position it below the vertical line */
    left: calc(50% - 30px); /* Center it horizontally */
    transform: translateX(-50%);
}

.vertical-line {
    width: 90px;
    height: 10px;
    background-color: #CECECE;
    border-radius: 50% / 100% 100% 0 0;
    transform: rotate(-90deg);
    margin-top: 270px;
    margin-left: -50px;
}