.vision-box {
    margin: 0 auto;
    /*overflow: auto;*/
    display: flex;
    justify-content: center;
}

.content-box {
    min-width: 1400px;
    display: flex;
    justify-content: center;
    min-height: 660px

}

.tabs-container {
    margin-left: 100px;
    width: 10.73vw;
    height: 23.54vw;
}

.content-container {
    margin-left: 10px;
    width: 50.7vw;
    background: #4A0056;
    border: solid #81257B;
}

.download-container {
    margin-left: 4px;
}
.download-container .download-area {
    position: fixed;
    right: 7.71vw;
    bottom: 2vw;
    z-index: 99;
}

 .slot-box .overview {
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    display: flex;
}
 .slot-box .overview .slot-pic{
    width: 27vw;
    height: 13.0vw;
}
 .slot-box .split-line {
    width: calc(100% - 40px);
    height: 1px;
    margin-left: 20px;
    background: #5F205B;
}
 .slot-box .overview .introduction{
    width: calc(100% - 27.3vw);
    height: 100%;
    display: flex;
    flex-direction: column;
}
.introduction .title {
    height: 2.8vw;
    width: 13vw;
}
.introduction .text {
    font-size: 0.84vw;
    font-weight: 400;
    color: #FFB6F0;
    width: calc(100% - 20px);
    padding: 10px;
    line-height:200%;

}
.introduction .text a{
    color: #FFD76E;
    cursor: text;
}
.introduction .text a .disabled {
    pointer-events: none;
}

.how .star-list a{
    color: #FFD76E;
    cursor: text;
}
.how .star-list a .disabled {
    pointer-events: none;
}

 .slot-box .how{
    margin-top: 20px;
    margin-left: 40px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}
.how .title{
    width: 14.17vw;
    height: 2.86vw;
}
.how ul{
    margin-left: 20px;
    margin-top: 10px;
    list-style-image: none
}
.how .star-list{
    list-style-image: url("../images/star-icon.png");
}
.how .process-img {
    width: 100%;
}
.how li {
    font-size: 0.84vw;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFB6F0;
}

 .slot-box .multiples {
    margin: 20px;
    display: flex;
    flex-direction: column;
}

 .slot-box .lines {
    margin: 20px;
    display: flex;
    flex-direction: column;
}

 .slot-box .rules {
    margin: 20px;
    display: flex;
    flex-direction: column;
}

 .slot-box  .title {
    font-size: 20px;
    font-weight: bold;
    color: #FFD66D;
}

 .slot-box  .my-content {
     margin-top: 10px;
     font-size: 0.84vw;
     font-family: PingFang SC;
     font-weight: 400;
     color: #FFB6F0;
 }




 .selector{
    position: absolute;
    display: flex;
    flex-direction: column;
     height: 100%;
}
 .selector .select-item{
    width: 10.73vw;
    height: 3.49vw;
    margin-top: 10px;
    text-align: center;
    line-height: 3.49vw;
    background: url("../images/unselected.png") 100% 100% no-repeat;
    font-size: 1.04vw;
    font-weight: 400;
    color: #FFB6F0;
     background-size: 100% 100%;
}
 .selector .select-item .text {

}
 .selector .selected{
    background: url("../images/selected.png") 100% 100% no-repeat;
     background-size: 100% 100%;
     font-size: 1.25vw;
    font-weight: bold;
    color: #610633;
}

 .replace-holder {
     width: 225px;
 }