body{
    background-color:#ecc554;
}
.container>.bottom-text {
    position: absolute;
    bottom: 8%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
    color: #e5842c;
    font-size: 2rem;
}
.container>.bottom-img-text {
    position: absolute;
    bottom: 8%;
    width:100%;
    text-align:center;
}
.container>.bottom-img-text img {
    /* position: absolute; */
    /* bottom: 8%; */
    width:60%;
}
.container .top-logo{
    width:60%;
    height:auto;
    position:absolute;
    top:8%;
    left:50%;
    transform:translateX(-50%);
}
.container .top-logo img{
    width:100%;
}
.container .yuanpan-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    border: 1px solid #e5842c;
    border-radius: 50%;
    overflow:hidden;
    /* z-index:10; */
}

.container .yuanpan-box::after {
    width: 100%;
    display: block;
    content: '';
    padding-bottom: 100%;
}

.container .yuanpan-box img{
    width:100%;
    height:100%;
}

.container .yuanpan-box .yuanpan {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: scale(0.877);
    z-index:10;
}

.container .yuanpan-box .yuanpan .yuanpan-item {
    position: absolute;
}

.container .yuanpan-box .yuanpan .yuanpan-item img {
    width: 100%;
}

.container .yuanpan-box .yuanpan .yuanpan-item.item-1 {
    width: 50%;
    /* z-index:1 */
    /* transform:translate(-50%,-50%); */
}

.container .yuanpan-box .yuanpan .yuanpan-item.item-2 {
    width: 50%;
    transform: translate(100%, 0%);
}

.container .yuanpan-box .yuanpan .yuanpan-item.item-3 {
    width: 42%;
    transform: translate(140%, 68%);
}

.container .yuanpan-box .yuanpan .yuanpan-item.item-4 {
    width: 58%;
    transform: translate(36%, 170%);
}

.container .yuanpan-box .yuanpan .yuanpan-item.item-5 {
    width: 42%;
    transform: translate(-3%, 67%);
}

.container .yuanpan-box .yuanpan .yuanpan-item.item-5 {
    width: 42%;
    transform: translate(-3%, 67%);
}

.container .yuanpan-box .zhizhen {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -124%);
    transform-origin: 10%;
    z-index:1;
    width: 13%;
}

.container .yuanpan-box .zhuanpan-waiquan {
    position: absolute;
    width: 100%;
    height: 100%;
   
    /* background: rgb(0, 0, 255, 0.7); */
}

.container .yuanpan-box .zhuanpan-neiquan {
    /* display: none; */
    position: absolute;
    width: 40%;
    height: 40%;
    top:55%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:30;
    /* background: rgb(0, 255, 255, 0.7); */
}

.container .yuanpan-box .zhuanpan-neiquan img.yuanpan-logo{
    width:50%;
    height:auto;
    /* transform:translate(33%,-418%); */
    transform:translate(49%, 314%);
}
.zhizhen-2{
    position:absolute;
    top:2%;
    left:-0.1%;
    display:flex;
    /* justify-content:center;
    align-items:center; */
    width:100%;
    height:100%;
    transform: translate(center,center);
}
.zhizhen-2 img.zhen{

}
.zhizhen-2 img.yuanpan-logo{
    width:60%;
    height:auto;
    /* transform:translate(33%,-418%); */
    
}