* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

img {
    border: none;
}



ul,
ol,
li {
    list-style: none;
}

html {
    font-size: 13.33333333vw;
    width: 100%;
    height: 100%;
}

body {
    width: 100%;
    height: 100%;
    font-size: .24rem;
    display: flex;
    flex-direction: column;
}

html,
body {

    position: relative;
    overflow: hidden;
   
    margin: 0 auto;
}

.cover-page {
    background: url(../images/bg_cover.jpg) center center no-repeat;
    background-size: cover;
}

.logo-topcon {
    position: relative;
    overflow: hidden;
    padding: 15px;

}

.logo-topcon p {
    width: 35%;
    float: left;
    padding: 0 10px;
}

.logo-topcon p img {
    width: 100%;
}

.incon {
    width: 65%;
    float: left;
    position: relative;
    overflow: hidden;
    border: 1px #ffffff solid;
    border-radius: 7px;
    box-shadow: 0 0 5px #1263c7;
}

.incon input {
    width: 80%;
    float: left;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    outline: none;
    border: none;
    background: transparent;
    color: white;
    appearance: none;
    -webkit-appearance: none;
}

.incon>span {
    width: 20%;
    float: left;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #e7eaf3;

}

.searchimg {
    width: 16px;
    margin-top: 6px;
}

.link-con {
    flex: 1;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
   
}

.link-left {
    width: 4.44rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.link-right {
    width: 2.19rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.gzc {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .6);
    display: none;
    z-index: 9;
    overflow: scroll;
}

.gz {
    width: 90%;
    position: absolute;
    left: 5%;
    top: 5%;
    background: linear-gradient(to bottom, #7c000e, #450026);
    border-radius: 10px;
    overflow: hidden;
    color: white;
}

.gz p {
    margin-top: 5px;
    padding: 0 0.3rem;
}

.tjbqp {
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px !important
}

.link-con1 {
    flex: 1;
    padding: 0.2rem;
    margin: 0.3rem;
    background: #490009;

    border-radius: 7px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.ckp {
    color: white;
}

.sub-ul {
    color: white;
}

.sub-ul li {
    display: flex;
    margin: 0.2rem 0;
    align-items: center;
    border-radius: 3px;
    overflow: hidden;
}

.sub-ul li span {
    display: block;
    height: 0.5rem;
    line-height: .5rem;

    color: #fff;
    width: 1.2rem;
    text-align: center;
}

.sub-ul li span b {
    color: red;
    margin-right: 3px;
}

.sub-ul li input[type='text'] {
    display: block;
    flex: 1;
    line-height: .5rem;
    padding-left: 10px;
    outline: none;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: 1px #ecce91 solid;
    border-radius: 6px;
}

.tj-bm {
    display: block;
    width: 2.6rem;
    height: 0.6rem;
    line-height: .6rem;
    text-align: center;
    background: #ecce91;
    border-radius: 0.3rem;
    margin: 0.2rem auto;
}

.sec-page {
    overflow-y: scroll;
}

.sec-mian {
    width: 100%;
    background: url(../images/dbg.jpg) center top no-repeat;
    background-size: cover;
}

.intro-1 {
    width: 6.7rem;
    height: 2.46rem;
    margin: .5rem auto;
    background: url(../images/d2.png) center top no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.intro-2 {
    width: 6.7rem;
    height: 2.74rem;
    margin: .5rem auto;
    background: url(../images/d3.png) center top no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.intro-3 {
    width: 6.7rem;
    height: 3.44rem;
    margin: .5rem auto;
    background: url(../images/d4.png) center top no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.da {
    color: white !important;
    position: absolute;
    text-decoration: none !important;
    font-size: .3rem;
}

.da1 {
    left: 3.9rem;
    top: .7rem;
}

.da2 {
    left: 3.9rem;
    top: 1.36rem;
}

.da3 {
    left: 3.9rem;
    top: .43rem;
}

.da4 {
    left: 3.9rem;
    top: 1.1rem;
}

.da5 {
    left: 3.9rem;
    top: 1.76rem;
}

.da6 {
    left: 3.9rem;
    top: .5rem;
}

.da7 {
    left: 3.9rem;
    top: 1.2rem;
}

.da8 {
    left: 3.9rem;
    top: 1.9rem;
}

.da9 {
    left: 3.9rem;
    top: 2.46rem;
}

.vote-mian {
    width: 100%;
    background: url(../images/ebg.jpg) center top no-repeat;
    background-size: cover;
    padding-bottom: .6rem;
}

.imget {
    display: block;
    width: 4.11rem;
    margin: .3rem auto;
}

.tab-p {
    display: flex;
    justify-content: center;
}

.tab-p span {
    display: block;
    height: .5rem;
    line-height: .5rem;
    background: white;

    padding: 0 .1rem;
    margin: 0 .1rem;
}

.tab-p span.act {
    background: #f3d28c;
    color: #9c3228;
}

.vote-item {
    width: 7.13rem;
    height: 5.89rem;
    background: url(../images/e4.png) center top no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    margin-top: -.1rem;
}

.vote-ul {
    margin-left: .1rem;
    padding-top: .26rem;
}

.vote-ul li {
    width: 6.9rem;
    height: 1.45rem;

    margin-bottom: .1rem;
}

progress {
    width: 2.6rem;
    height: .14rem;
    border-radius: .1rem;
    margin-right: .06rem;
}

progress::-webkit-progress-value {
    background: #993128;
}

progress::-webkit-progress-bar {
    background: #cccccc;
}
.vote-name{
    font-size: .28rem;
    padding: .2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.vote-con{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .2rem;
}
.vote-tou{
    width: 1.6rem;
    height: .46rem;
    background: #993128;
    color: white;
    line-height: .46rem;
    text-align: center;
    border-radius: .4rem;
}
.vote-left{
    display: flex;
    height: .46rem;
    justify-content: center;
    align-items: center;
    color: #993128;
}
.vote-a{
    display: block;
    width: 1.9rem;
    height: .46rem;
    background: #f3d28c;
    color: #c4392e !important;
    line-height: .46rem;
    text-align: center;
    border-radius: .4rem;
    text-decoration: none !important;
    margin: 0 auto;
    margin-top: .24rem;
}
.tab-cp1{
    font-size: .2rem;
}
.tab-cp1 span{
    padding: 0 .05rem;
}