.tanA {
    position: fixed;
    background-size: 100% 100%;
    background-position: center center;
    width: 530px;
    height: 300px;
    margin: auto auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    font-size: 16px;
    z-index: 99999;
    border-radius: 15px;
    /* box-shadow          :2px 2px 10px 3px #333; */
    /* display             : none !important; */
}

.tanA > a,
.tanA > a:hover,
.tanA > a:visited,
.tanA > a:active {
    text-decoration: none;
}

.tanA > .clean_tan {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 10px;
    left: 10px;
    /* display : none; */
}

.tanA > .tan-1 {
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 235px;
    left: 40px;
    background-color: #000000;
    color: #ffffff !important;
    width: 86px;
    padding: 5px 0;
    /* display      : none; */
}

.tanA > .tan-2 {
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 235px;
    left: 150px;
    background-color: #28191d;
    color: #ffffff !important;
    width: 86px;
    padding: 5px 0;
    /* display      : none; */
}

/* 宝典 A */

.tanA > .clean_tan {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 15px;
    right: auto;
    left: 15px;
}

.tanA > .tan-1 {
    top: 210px;
    left: auto;
    background-color: #ed6d1c;
    color: #ffffff !important;
    width: 86px;
}

.tanA > .tan-2 {
    display: none;
}

/* -------------------------- */

.tanB {
    background-size: 100% 100%;
    background-position: center center;
    position: fixed;
    width: 530px;
    height: 300px;
    margin: auto auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    font-size: 16px;
    z-index: 9999;
    box-shadow: 2px 2px 10px 3px #333;
    border-radius: 15px;
    display: none !important;
}

.tanB > a,
.tanB > a:hover,
.tanB > a:visited,
.tanB > a:active {
    text-decoration: none;
}

.tanB > .clean_tan {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 10px;
    right: 10px;
    display: none;
}

.tanB > .tan-1 {
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 220px;
    left: 40px;
    background-color: #000000;
    color: #ffffff !important;
    width: 86px;
    padding: 5px 0;
    display: none;
}

.tanB > .tan-2 {
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 220px;
    left: 150px;
    background-color: #6ec263;
    color: #ffffff !important;
    width: 86px;
    padding: 5px 0;
    display: none;
}

/* 宝典 B */

.tanB > .clean_tan {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 15px;
    right: auto;
    left: 15px;
}

.tanB > .tan-1 {
    top: 210px;
    left: auto;
    background-color: #ed6d1c;
    color: #ffffff !important;
    width: 86px;
}

.tanB > .tan-2 {
    display: none;
}
