@charset "utf-8";
body{ background: #fff; font-size:.25rem;}
div { box-sizing: border-box;}
.dn { display: none;}
.clearfix:after { content: '\20'; clear: both; height: 0; display: block;}
a {-webkit-tap-highlight-color:transparent;}
*{ outline:none!important;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img {-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none; -o-user-select: none;}
input,textarea { outline: none; border: none; box-sizing: border-box; background: none;}
/* --------------index-start-------------- */
.top {box-shadow:0 .05rem .1rem rgba(0,0,0,.2)}
.container { padding: .12rem .2rem;}
.banner { position: relative; overflow: hidden;border-radius: .1rem;box-shadow: 0 .05rem .1rem rgba(0,0,0,.2);}
.banner .swiper-pagination span { background: #ff0000;}
.notice { font-size: .26rem; height: .76rem; display: flex; align-items: center;}
.notice img { width: .42rem;}
.enterList li { height: 1.2rem;
    border-radius: .2rem;
    background-color: #fff;
    box-shadow: rgba(173, 211, 255, 0.6) 0px 4px 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .24rem;
    padding: 0 .3rem;}
.enterList li img { width: 3.2rem;}
.enterList li a {min-width: 2rem; white-space: nowrap;
    height: .56rem;
    background-color: #fff;
    color: #808080;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .28rem;
    border-radius: .3rem;}
.copyRight { max-width: 750px; bottom: 0; width: 100%; text-align: center; padding:.3rem 0; background: #EEF2F5;}
.enterList li a:hover { background: #16a21B; color: #ffffff;}
@media screen and (max-width: 420px) {
	.enterList li { height: 1.8rem;}
}