*::selection { background-color: palevioletred; color: white; }

*::-moz-selection { background-color: palevioletred; color: white; }

*::-webkit-selection { background-color: palevioletred; color: white; }
body,
html { height: 100%; width: 100%; }
.container { width: 90%; max-width: 400px;  margin-left: auto; margin-right: auto; height: 100%; display: flex; flex-direction: column; align-items: center; color: #c33650; } 
.content { /*  display: none;*/ visibility: hidden; }
.content .banner { width: 100%; margin-bottom: .3rem }
.content .con1 { width: 95%; margin: 0 auto; }
.content .con1 .item { display: flex; justify-content: space-between; align-items: center; height: 3rem; line-height: 3rem; border: .03rem solid #ffffff; border-radius: .5rem; box-shadow: 0px .25rem .225rem 0px rgba(68,107,171,0.10); background: linear-gradient(180deg,#e7edf5, #fcfefe); margin-bottom: 1rem; color: #222; font-size: 1.2rem; padding: 0 0.8rem; }
.content .con1 .item.active { color: #313131; background: linear-gradient(180deg, #ebd117, #ffcc28); }
.content .flexcon { display: flex; justify-content: center; align-items: center; height: 100%; }
.content .active .flexcon .icon { display: block; background: url("../images/active.png?_=123456123456789") no-repeat; }
.content .flexcon .icon { /*display: none;*/ width: 1.5rem; height: 1.5rem; background: url("../images/active1.png?_=123456123456789") no-repeat; background-size: 100% !important; margin-left: .5rem; }
.home-btn { width: 6.2rem; height: 6.2rem; position: relative; margin: 1.6rem auto 1.3rem; }
.home-btn:before { content: ''; display: block; background: url("../images/btn1.png?_=123456123456789") no-repeat; background-size: 100%; width: 6.2rem; height: 6.2rem; position: absolute; left: 0; top: 0; animation: rotates 8s linear infinite; }

@keyframes rotates {
    from { transform: rotate(0deg) }
    to { transform: rotate(359deg) }
}

.home-btn a { background: url("../images/btn.png?_=123456123456789") no-repeat; background-size: 100%; display: block; width: 6.2rem; height: 6.2rem; position: relative; color: #fff; line-height: 6.2rem; text-align: center; font-size: 1rem; }
/* PC端 */
.clearfix:before { content: ""; clear: both; display: table; }
.clearfix:after { content: ""; clear: both; display: table; }