.index-list{
    overflow: hidden;
}
.index-list ul{
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .23rem;
}
.index-list ul li{
    width: 2.34rem;
    height: 2.86rem;
    float: left;
}
.index-list ul li a{
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.index-list ul li a div{
    width: 1rem;
    height: 1rem;
    overflow: hidden;
    text-align: center;
}
.index-list ul li a img{
    width: 1rem;
    height: 1rem;
}
.index-list ul .more a img{
    width: .65rem;
    height: .65rem;
}
.index-list ul li a span{
    font-size: .28rem;
    color: #E5CDBF;
    margin-top: .3rem;
}


/*首页更多功能页面样式*/
.index-header{
    width: 100%;
    height: .9rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background:linear-gradient(0deg,rgba(30,31,47,1),rgba(55,62,82,1));
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: column;
}
.index-header-content{
    width: 100%;
    height: .86rem;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    position: relative;
}
.go-back {
    width: .64rem;
    height: 100%;
    background: url(../images/Yacht/go-back.png) no-repeat right center;
    background-size: .24rem .4rem;
    position: absolute;
    left: 0;
    top: 0;
}
.index-header-content p{
    width: 100%;
    font-size: .34rem;
    color: #F5D4AA;
    text-align: center;
    line-height: .86rem;
}
.index-header-right{
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    padding-right: .42rem;
}
.compile{
    font-size: .28rem;
    color: #F5D4AA;
    line-height: .86rem;
}
.accomplish{
    font-size: .28rem;
    color: #F5D4AA;
    background-color: transparent;
    border: 0;
}
.header-line{
    width: 100%;
    height: .04rem;
    background:linear-gradient(90deg,rgba(170,140,112,0),rgba(255,222,176,1),rgba(170,140,112,0));
}

.more-content{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .28rem;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: column;
}
.more-item{
    width: 100%;
    background-color: #374361;
    border-radius: .08rem;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: column;
    margin-top: .12rem;
}
.more-item:last-child{
    margin-bottom: .33rem;
}
.more-item p{
    width: 100%;
    font-size: .28rem;
    color: #FFFFFF;
    height: .78rem;
    text-align: center;
    line-height: .78rem;
}
.more-line{
    width: 100%;
    height: .02rem;
    background:linear-gradient(90deg,rgba(41,45,62,0),rgba(110,116,148,0.99),rgba(41,45,62,0));
}
.more-item-list{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .75rem .55rem 0 .55rem;

}
.more-item-list li{
    float: left;
    width: 1.25rem;
    margin-right: 1.03rem;
    margin-bottom: .75rem;
    position: relative;
}
.more-item-list li:nth-child(3n){
    margin-right: 0;
}
.more-item-list li label{
    width: 100%;
}

.more-item-list li label a{
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.more-item-list li label a div{
    width: 1rem;
    height: 1rem;
    overflow: hidden;
    text-align: center;
    margin-bottom: .2rem;
}
.more-item-list li label a div img{
    width: 1rem;
    height: 1rem;
}
.more-item-list li label a span{
    font-size: .28rem;
    color: #E5CDBF;
    text-align: center;
}
.more-item-list li label input {
    width: .28rem;
    height: .28rem;
    background: url(../images/Yacht/check.png) no-repeat center;
    background-size: .28rem .28rem;
    position: absolute;
    top: .2rem;
    right: .2rem;
    display: none;
}
.more-item-list li label input:checked {
    width: .28rem;
    height: .28rem;
    background: url(../images/Yacht/checked.png) no-repeat center;
    background-size: .28rem .28rem;
    position: absolute;
    top: .2rem;
    right: .2rem;
}
.more-item-list .no-check label a span{
    color: #98877E;
}