@charset "utf-8";
/* CSS Document */
body,div{max-width: 100%;min-width: inherit;margin: auto;overflow: hidden;}
body{background: #ccc;}
.flex-column{margin:auto;background:url(../2020tp_img/bg.png);background-attachment:fixed;}
.container{width:100%;}
.vote-con{width:100%;padding: 0 6%;padding-bottom: 0.27rem;box-sizing: border-box;}
.v-row{margin: 1rem auto 0.5rem;}
.v-row img{height: 0.8rem;}
.voteslist .t{font-size:0.45rem;background-size: 0.6rem !important;padding-left: 0.85rem;margin-bottom: 0rem;}
.other .t{margin-bottom: 0.5rem;}
.v-row .v-title{margin:auto;}
.v-row .v-title .tips{margin-top:0.27rem;font-size: 0.32rem;line-height: 0.56rem;}

/*banner*/
.banner{width: 100%;}
.orm{display:none;}
.banner i.v-10logo{left: 0 !important;right: 0 !important;margin: auto;width: 25%;top: 8%;}
.banner i.v-cp{width: 80%;top: 28%;}
.banner i.v-logo{width: 61%;top: 70%;}

/*nav*/
.brandnav-t{margin-top: 0.68rem;}
.brandnav-t h4{text-align:center;color:#a10908;font-size:0.43rem;margin-bottom: 0.2rem;}
.brandnav-t h4:before,.brandnav-t h4:after{content:"";border-bottom: 1px #ddd dotted;height:1px;width: 36%;display: block;margin-top: 0.35rem;}
.brandnav-t h4:before{float: left;}
.brandnav-t h4:after{float: right;}
.navbar{bottom:0;}
.navbar ul li{width:33.33%;margin:0;}
.navbar ul li a{line-height:1.47rem;font-size:0.45rem;}

/*colock*/
.colockbox{position:absolute;left: 0;right: 0;top: 78%;width: 6rem;background: none;margin: auto;overflow: hidden;height: auto;}
.colock{width:100%;background-size: 100%;background-image: url(../2020tp_img/2020vote_sjm.png);height: auto;padding-bottom: 10%;}
.colockbox span{width: 1.47rem;margin: 0 0.79rem 0 0;height: 1.17rem;line-height: 1.17rem;font-size: 0.48rem;}

/*awards*/
.awardslist ul li{width: 80%;margin: 0.13rem 0 0.13rem 1.07rem;height: 1.2rem;line-height: 1.2rem;}
.awardslist a{height: 1.2rem;font-size: 0.373rem;}

/*rules*/
.rulesbox{font-size: 0.32rem;line-height: 0.53rem;padding:0 6%;}
.voterules{margin-top:1.07rem;padding-bottom: 0.8rem;}

/*foot*/
.footer{padding-top:0.8rem;padding: 0.67rem 0%;}
.f-row{margin-bottom: 0.53rem;}
.f-row .t{font-size: 0.43rem;line-height: 1.2rem;background-size: 0.8rem;margin-bottom: 0.51rem;}
.f-row .danwei{width: 30%;margin-right: 20%;}
.f-row p,.aboutus,.foot{font-size:0.32rem;}
.aboutus,.foot{margin-top: 5% !important;}
.aboutus p{padding-left: 0.67rem;background-size: 0.4rem !important;}
.foot{margin-top:0 !important;}
.foot p{width:100%;line-height:0.53rem;}

/*top*/
.fixed-r{background:none;bottom: 10%;}
.fixed-r,#retopbtn{width: 1.3rem;height: 1.3rem;padding: 0;}
#retopbtn{margin-top:0;opacity: 0.6;}

.brandnav{overflow:hidden;}
.brandnav li{float:left;margin-left:4%;width:28%;text-align:center;font-size:0.3733rem;background:#e5e5e5;margin-top: 0.32rem;line-height: 0.83rem;border-radius: 3px;}
.brandnav a{display:block;height:100%;width:100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #666666;}

/*rank10*/
.rank10{margin-bottom: 15%;}
.rank10 ul li{padding: 5.5% 2%;position: relative;border-bottom: 1px #f0f0f0 solid;}
.rank10 .xuhao{width: 0.5rem;height: 0.5rem;position: absolute;top: 1.5rem;border-radius: 0 0.4rem 0 0;background: #dcdcdc;z-index: 9;}
.rank10 .xuhao span{width: 0.5rem;height: 0.5rem;line-height: 0.55rem;font-size: 0.32rem;position: initial;}
.rank10 .pplogo{width: 3rem;height: 1.35rem;margin: 0.2rem 0 0.2rem 0;position:relative;border: 1px #e7e7e7 dotted;}
.rank10 .pplogo img{position:absolute;left:0;right:0;top:0;bottom:0;}
.rank10 .pp-con{width: 3.2rem;padding: 0.2rem 0 0.2rem 0.45rem;}
.rank10 .pp-con .brandn{margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rank10 .pp-con .brandn a{margin:0;font-size: 0.32rem;color: #ccc;}
.rank10 .pp-con .brandn .name{font-size:0.43rem;/* margin-top: 0.15rem; */display: block;overflow: hidden;width: 100%;text-overflow: ellipsis;}
.rank10 .pp-con .brandn p{margin-top: 0.1rem;}
.rank10 .RankR{width: 1.87rem;}
.rank10 .RankR .piaoshu{font-size: 0.32rem;margin: 0;text-overflow: ellipsis;white-space: nowrap;}
.rank10 .RankR .piaoshu i{font-size: 0.43rem;padding-right: 0.25rem;line-height: 0.8rem;}
.RankBtn{width: 1.73rem;height: 0.67rem;line-height: 0.67rem;background: #f0520c;border-color: #f0520c;color: #fff;font-size: 0.37rem;}

/*Vother*/
.Vother{width:100%;/* border-top: 1px #eee dashed; *//* border-left: 1px #eee dashed; *//* border-right: 1px #eee dashed; */box-sizing: border-box;}
.Vother li{width:50%;padding-right: 0;padding-top: 0.7rem;background: #fff;border-bottom: 1px #eee dashed;}
.Vother li:nth-child(2n-1){border-right: 1px #eee dashed;}
.Vother .pplogo{width: 3.5rem;height: 1.5rem;/* border: 1px #e5e5e5 dotted; */border: none;}
.Vother .pplogo img{}
.Vother .RankR .piaoshu{float:none;text-align: left;width: max-content;margin-bottom: 0.13rem;font-size: 0.32rem;line-height: 0.8rem;}
.Vother .RankR .piaoshu i{font-size:0.43rem;margin-right: 0.25rem;}
.Vother .RankR .RankBtn{float:none;height: 0.67rem;line-height: 0.67rem;width: 1.8rem;}
.Vother .RankR{padding: 0 5% 0.7rem;width: 90%;border: none;}
.Vother .pp-con .brandn{margin: 0.13rem 0 0.13rem;}
.voteslist.other .tips{margin: 8% 0 0;font-size: 0.32rem;}
.Vother .pp-con .brandn a{font-size: 0.48rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 3.65rem;display: block;margin: 0.2rem auto 0.1rem;}

/*introduction*/
.intcon p, .intcon ul{line-height:0.85rem;}
.msg-mask{position:fixed;top:  0;background: rgba(0,0,0,0.8);width: 100%;height: 100%;text-align: center;line-height: 1.07rem;padding: 25% 0;}

/* 设备横屏 */
@media all and (orientation : landscape){
	
    .banner .container{position: relative;overflow: inherit;top: 0;left: 0;}
    .b-banner{width:100%;display: none;}
    .orm{display:block !important;}
    .banner i.v-10logo{left: inherit !important;right: 1rem !important;width: 10%;}
    .banner i.v-cp{width: 56%;top: 10%;}
    .banner i.v-cp img{display:none;}

    .v-cp{animation-duration: 2s;animation-delay: 0.2s;top: 10%;width: 55%;right: 0;margin: auto;}
    .banner i.v-logo{margin:auto;top: auto;width: 40%;bottom: 47%;}
    .v-10logo{width: 8%;top: 7.5%;right: 16% !important;left: initial !important;}
    .navbar{position:inherit;}
    .navbar ul li a{line-height: 1.2rem;font-size: 0.42rem;}
    .colockbox{margin-top:0.6rem;position: inherit;}
    .colock{background:url(../2020tp_img/2020vote_sj.png) no-repeat;background-size: 100%;}
}

/* pad */
@media all and (min-width:768px){
	
    .banner .container{position: relative;overflow: inherit;top: 0;left: 0;}
    .b-banner{width:100%;display: none;}
    .orm{display:block !important;}
    .banner i.v-10logo{left: inherit !important;right: 1rem !important;width: 10%;}
    .banner i.v-cp{width: 56%;top: 10%;}
    .banner i.v-cp img{display:none;}

    .v-cp{animation-duration: 2s;animation-delay: 0.2s;top: 10%;width: 55%;right: 0;margin: auto;}
    .banner i.v-logo{margin:auto;top: auto;bottom: 45%;width: 40%;}
    .v-10logo{width: 8%;top: 7.5%;right: 16% !important;left: initial !important;}
    .navbar{position:inherit;}
    .navbar ul li a{line-height: 1.2rem;font-size: 0.42rem;}
    .colockbox{margin-top:0.6rem;position: inherit;}
    .colock{background:url(../2020tp_img/2020vote_sj.png) no-repeat;background-size: 100%;}
}

@media all and (min-width:1024px){
    .banner i.v-logo{bottom: 40%;top: auto;}
}