body {
    font-family: Monaco, Microsoft Yahei, Verdana, Lantinghei SC, Hiragino Sans GB,
    Helvetica, arial, sans-serif;
}

.box {
    width: 100%;
    height: 100%;
    background-color: #d52f28;
}

header {
    width: 100%;
    top: 0;
    position: fixed;
    z-index: 999;
}

header > img {
    width: 100%;
}

header > a {
    position: absolute;
    display: inline-block;
    top: 0.1rem;
}

header > a img {
    width: 0.7rem;
}

.mian_box {
    width: 100%;
    height: 100%;
    background: url("../../images/m_bg.jpg") no-repeat center top;
    background-size: 100%;
    overflow: hidden;
    background-position: 0 0.9rem;
}





.mian_box .mian_ct {
    width: 90%;
    margin: 0 auto;
    margin-top: 2rem !important;
    text-align: center;
}

.mian_box .mian_ct1 {
    width: 90%;
    margin: 0 auto;
    margin-top: -1rem !important;
    text-align: center;
}

.mian_box .mian_ct2 {
    width: 90%;
    margin: 0 auto;
    margin-top: 3.5rem;
    text-align: center;
}



.mian_box .mian_content > h3 {
    font-size: 0.3rem;
    margin-bottom: 0.1rem;
    color: #f4f5d2;
    font-weight: 500;
    letter-spacing: 1px;
}

.mian_box .mian_content > .mian_content_txt {
    width: 100%;
    background-color: #fdf6e7;
    border-radius: 0.1rem;
    margin-top: 0.2rem;
    text-align: left;
    padding: 0.3rem;
    box-sizing: border-box;
    font-size: 0;
}

.mian_box .mian_content > .mian_content_txt p {
    line-height: 0.3rem;
    font-size: 0.2rem;
    display: inline-block;
}

.mian_box .mian_ct .mian_rules,
.mian_box .mian_ct .mian_content {
    margin-top: 0.1rem;
}

.mian_box .mian_ct .mian_apply .mian_content_txt {
    text-align: center;
    padding: 0.3rem 0;
}

.mian_box .mian_ct .mian_apply {
    /* margin-top: 4rem; */
    text-align: center;
}

.mian_box .mian_apply ul {
    font-size: 0;
}

.mian_box .mian_apply ul li {
    margin-top: 0.2rem;
    position: relative;
}

.mian_box .mian_apply ul li input[name='account'] {
    width: 4.2rem;
    margin-left: -1px;
    height: 0.6rem;
    border: none;
    border-radius: 0.1rem;
    box-sizing: border-box;
    padding-left: 0.2rem;
    font-size: 0.22rem;
}

.mian_box .mian_apply ul li input[name='phone'] {
    width: 4.2rem;
    margin-left: -1px;
    height: 0.6rem;
    border: none;
    border-radius: 0.1rem;
    box-sizing: border-box;
    padding-left: 0.2rem;
    font-size: 0.22rem;
}

.mian_box .mian_apply ul li input[name='captcha'] {
    width: 2.3rem;
    margin-right: 10px;
    height: 0.6rem;
    border: none;
    border-radius: 0.1rem;
    box-sizing: border-box;
    padding-left: 0.2rem;
    font-size: 0.22rem;
}

.mian_box .mian_apply ul li > a img {
}

.mian_box .mian_apply ul li > button {
    font-size: 0.2rem;
    padding: 0.15rem 0.25rem;
    border-radius: 0.05rem;
}

.mian_box .mian_apply ul li > span:nth-child(0) {
    display: inline-block;
    width: 1rem;
    text-align: right;
    font-size: 0.23rem;
    margin-right: 0.2rem;
}

.mian_box .mian_apply ul li > span:nth-child(1) {
    display: inline-block;
    width: 1.2rem;
    text-align: right;
    font-size: 0.23rem;
    margin-right: 0.2rem;
}

footer {
    display: inline-block;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 0.3rem 0;
    font-size: 0.25rem;
}

.geetest_holder.geetest_wind {
    display: inline-block !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.ui.modal > .header:not(.ui) {
    font-size: 0.3rem !important;
    padding: 0.2rem !important;
    border-top-left-radius: 0.08rem;
    border-top-right-radius: 0.08rem;
}

.ui.modal > .content {
    font-size: 0.22rem !important;
    padding: 0.18rem !important;
    border-bottom-left-radius: 0.08rem;
    border-bottom-right-radius: 0.08rem;
}

.geetest_holder.geetest_wind {
    width: 90% !important;
}

.geetest_holder.geetest_wind .geetest_logo,
.geetest_holder.geetest_wind .geetest_success_logo {
    display: none;
}

.refreshtip {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 3.5rem;
    display: none;
    color: #fff;
    font-size: 0.25rem;
}

.ui.modal > .content {
    text-align: center;
}

.ui.input {
    width: 90%;
}

.ui.input > input {
    border-radius: 0.1rem;
}

#sub {
    font-size: 0.23rem !important;
    margin-top: 0.2rem !important;
    border-radius: 0.08rem !important;
}

#close {
    padding: 0.2rem !important;
    font-size: 0;
}

#close .button {
    vertical-align: top;
    font-size: 0.23rem !important;
    border-radius: 0.08rem !important;
}

body,
html {
    position: relative;
    height: 100%;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    height: 100% !important;
    text-align: center;
    color: #000;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.slide_top {
    position: absolute;
    bottom: 0.5rem;
    width: 0.6rem;
    -webkit-animation: shiftUp 1.5s infinite linear;
    animation: shiftUp 1.5s infinite linear;
}

@keyframes shiftUp {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    100% {
        transform: translateY(-1rem);
        -webkit-transform: translateY(-1rem);
    }
}

.ui.modal3 > .content ul {
    font-size: 0;
}

.ui.modal3 > .content ul a {
    display: inline-block;
    background: #fbbd08;
    padding: 0.1rem 0.25rem;
    color: #fff;
    margin: 0.08rem;
    font-size: 0.25rem;
    border-radius: 0.1rem;
}

.ui.modal .actions > .button {
    font-size: 0.24rem;
    margin-bottom: 0 !important;
}

.ui.modal2 > .content a {
    display: inline-block;
    padding: 0.1rem 0.2rem;
    background: #fbbe0a;
    color: #fff;
    border-radius: 0.08rem;
}

.ui.modal>:last-child{
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.ui.modal>.actions{
    text-align: center;
}

.ui.dimmer{
    background: rgba(0,0,0,0.6);
}

.ui.dimmer.confirm-dimmer{
    z-index: 2000;
}

.ui.modal>.header{
    position: relative;
    padding: 12px;
    color: #fff;
    background: #1a1819;
    text-align: center;
}

.ui.modal>.header .close{
    position: absolute;
    right: 16px;
    top: 16px;
    width: 16px;
    height: 16px;
    background: url("../../images/close.png");
    background-size: 100% 100%;
    cursor: pointer;
}

.modal4 .tit{
    color: #333;
    font-size: 15px;
    text-align: left;
}

.modal4 .item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    margin-bottom: 6px;
}

.modal4 input{
    outline: none;
}

.modal4 .code{
    color: #000;
    border: none;
}

.modal4 .phone{
    color: #373990;
    border: none;
}

.modal4 .copy{
    width: 82px;
    height: 35px;
    background: url("../../images/copy.png");
    background-size: 100% 100%;
    cursor: pointer;
}