.indexwrap {
    position: relative;
    width: 100%;
    float: left;
    padding: 6rem 0 .5rem 0;
    background: #d00d08 url(../images/indexWrap_bg.jpg) no-repeat;
    background-size: 100% auto;
}

.indexDot {
    overflow: hidden;
    position: absolute;
    top: 2.8rem;
    left: 1.8rem;
    width: 3.78rem;
    height: 3rem;
}

.indexDot li {
    position: absolute;
    top: 3rem;
    width: 3.78rem;
    height: 3.21rem;
    background: url(../images/dot.png)no-repeat;
    background-size: 100% 100%;
    animation: anni01 20s linear infinite;
    -webkit-animation: anni01 20s linear infinite;
}

.indexDot li:nth-of-type(2) {
    animation-delay: 8s;
    -webkit-animation-delay: 8s;
}

@keyframes anni01 {
    0% {
        top: 3rem;
    }
    10% {
        opacity: .3;
    }
    20% {
        opacity: 1;
    }
    30% {
        opacity: .3;
    }
    40% {
        opacity: 1;
    }
    50% {
        opacity: .3;
    }
    60% {
        opacity: 1;
    }
    70% {
        opacity: .3;
    }
    80% {
        opacity: 1;
    }
    90% {
        opacity: .3;
    }
    100% {
        top: -3.78rem;
    }
}

@-webkit-keyframes anni01 {
    0% {
        top: 3rem;
    }
    10% {
        opacity: .3;
    }
    20% {
        opacity: 1;
    }
    30% {
        opacity: .3;
    }
    40% {
        opacity: 1;
    }
    50% {
        opacity: .3;
    }
    60% {
        opacity: 1;
    }
    70% {
        opacity: .3;
    }
    80% {
        opacity: 1;
    }
    90% {
        opacity: .3;
    }
    100% {
        top: -3.78rem;
    }
}

.indexTime {
    width: 100%;
    float: left;
    line-height: .67rem;
    text-align: center;
    background: url(../images/timeBg.png)no-repeat;
    background-size: 4.83rem .67rem;
    background-position: center center;
    color: #f0dfa7;
}

.indexMain {
    width: 100%;
    float: left;
    padding: 0 .2rem;
}

.bigbox {
    width: 100%;
    float: left;
    margin: 1rem 0 0 0;
    padding: .2rem .2rem .4rem .2rem;
    border-radius: .1rem;
    background-color: #fafad6;
}

.indexTitle {
    width: 100%;
    float: left;
}

.indexTitle img {
    display: block;
    width: 7rem;
    margin: -.69rem -.15rem 0 -.15rem;
}

.picture {
    width: 100%;
    float: left;
}

.picture img {
    display: block;
    width: 100%;
}

.indexSlect {
    width: 100%;
    float: left;
    margin: .3rem 0 0 0;
    border-radius: .1rem;
    border: .03rem solid #d5af38;
    background-color: #fff2a8;
}

.indexSlect .tit {
    width: 80%;
    margin: 0 0 0 10%;
    line-height: .8rem;
    text-align: center;
    border-radius: 0 0 .1rem .1rem;
    letter-spacing: .05rem;
    color: #fff;
    background-color: #ec6413;
}

.indexSlect .light {
    width: 100%;
    float: left;
    margin: .3rem 0 0 0;
    padding-bottom: .3rem;
    display: flex;
    justify-content: space-around;
}

.indexSlect .light a {
    display: block;
    width: 3.24rem;
    /* padding: 3.9rem 0 0 0; */
    padding: 3.9rem .2rem 0 .2rem;
    background-repeat: no-repeat;
    background-size: 100% auto;
    font-size: .24rem;
    color: #4c1c0d;
    text-align: justify;
}

.indexSlect .light a:nth-of-type(1) {
    /* padding: 3.9rem .2rem 0 .2rem; */
    background-image: url(../images/light1-2.png);
}

.indexSlect .light a.cur:nth-of-type(1) {
    background-image: url(../images/light1-1.png);
}

.indexSlect .light a:nth-of-type(2) {
    background-image: url(../images/light2-2.png);
}

.indexSlect .light a.cur:nth-of-type(2) {
    background-image: url(../images/light2-1.png);
}

.indexBtn {
    overflow: hidden;
    width: 100%;
    float: left;
    margin: .4rem 0 0 0;
    padding: 0 0 0 .2rem;
    height: .9rem;
    line-height: .9rem;
    border-radius: .2rem;
    border: .03rem solid #d5af38;
    background-color: #fff2a8;
    color: #941d14;
}

.indexBtn img {
    display: inline-block;
    width: .77rem;
    vertical-align: middle;
    margin: -.14rem .3rem 0 0;
}

.indexBtn b {
    font-size: .42rem;
    color: #ff1300;
}

.indexBtn a {
    display: block;
    width: 2.7rem;
    float: right;
    text-align: center;
    letter-spacing: .05rem;
    font-size: .4rem;
    color: #fff2a8;
    background-color: #c22be3;
}

.indexBtn del {
    font-size: .24rem;
}

.indexTip {
    width: 100%;
    float: left;
    text-align: justify;
    margin: .4rem 0 0 0;
    font-size: .28rem;
    color: #693d34;
}

.indexTip span {
    color: #fa010d;
}

.indexAdvice {
    width: 100%;
    float: left;
    margin: .3rem 0 0 0;
    display: flex;
    align-items: center;
}

.indexAdvice a {
    display: block;
    width: 2.11rem;
}

.indexAdvice a img {
    display: block;
    width: 100%;
}

.indexAdvice .indexAdvice_mic {
    width: calc(100% - 2.11rem);
    padding: 0 0 0 .2rem;
    font-size: .28rem;
}

.indexAdvice .indexAdvice_mic.mg {
    padding: 0 .2rem 0 0;
}

.indexAdvice .indexAdvice_mic b {
    font-size: .4rem;
}

.indexAdvice .indexAdvice_mic b.col1 {
    color: #ee2828;
}

.indexAdvice .indexAdvice_mic b.col2 {
    color: #9521c0;
}

.indexAdvice .indexAdvice_mic b.col3 {
    color: #427fd1;
}

.indexAdvice .indexAdvice_mic b.col4 {
    color: #ee28ab;
}

.indexAdvice .indexAdvice_mic em {
    margin: .2rem 0 0 0;
    font-size: .26rem;
    letter-spacing: normal;
    color: #b8704b;
}

.indexSkill {
    width: 100%;
    float: left;
    padding: .2rem;
    margin: .3rem 0 0 0;
    border-radius: .1rem;
    font-size: .28rem;
    background-color: #fffefb;
    color: #941d14;
}

.indexLine {
    width: 100%;
    height: .04rem;
    float: left;
    margin: .4rem 0 0 0;
    background-color: #fac553;
}

.indexMore {
    width: 100%;
    float: left;
    margin: .4rem 0 0 0;
}

.indexMore a {
    display: block;
    width: 5.5rem;
    margin: 0 auto;
    line-height: 1rem;
    border-radius: .5rem;
    text-align: center;
    font-size: .4rem;
    font-weight: bold;
    letter-spacing: .03rem;
    color: #fff;
    background-color: #f17921;
}

.indexFree {
    width: 100%;
    float: left;
    margin: .5rem 0 0 0;
    padding-bottom: .4rem;
    border-radius: .1rem;
    background-color: #ffffff;
    box-shadow: .03rem .05rem .3rem inset #f5bd65;
}

.indexFree_tit {
    width: 80%;
    text-align: center;
    line-height: .9rem;
    margin: 0 0 0 10%;
    font-size: .4rem;
    letter-spacing: .03rem;
    border-radius: 0 0 .2rem .2rem;
    color: #fff;
    background: #f88c2c;
}

.indexFree_txt {
    width: 100%;
    float: left;
    margin: .3rem 0 0 0;
    padding: 0 .3rem;
    text-align: justify;
}

.indexFree_btn {
    width: 100%;
    float: left;
    margin: .3rem 0 0 0;
}

.indexFree_btn a {
    display: block;
    width: 5.6rem;
    margin: 0 auto;
    line-height: .9rem;
    border-radius: .45rem;
    text-align: center;
    font-size: .4rem;
    letter-spacing: .03rem;
    color: #fff;
    background-color: #bf0ec7;
}