@charset "gb2312";
*{margin:0;padding:0;}
html{height: 100%;}
body{font-family:"Microsoft YaHei";max-width: 640px;margin-right: auto!important;margin-left: auto!important;position: relative;}
.body-bg {background-color: #f4f5f7;}
ul{list-style-type:none;}
a{text-decoration:none;}
img,input{border:none;}
input:focus{outline:none;}


.clear-item {
	background-color: #f0f0f0;
	height: 1em;
}


.banner {
	font-size: 0;
}
.banner img {
	width: 100%;
}



/*时间*/
.time {
	border-top: 2px solid #cecece;
}
.time-item {
	background-color:#4bb7e5;
	color:#fff;
	padding: 0.2em 0;
    border-bottom: 2px solid #cecece;
    color: #fff;
    font-size: 0.5rem;
	font-weight:600;
	line-height: 2em;
	text-indent: 0.5em;
    vertical-align: middle;
    background-size: auto 70%;
    background-position: 1em center;
 }



/*萌星荟萃*/
.mxhc {}
.mxhc-t {
	margin: 1em;
	background-image: url(../images/mxhc-t.png);
}
.mxhc-nav {
	width: 100%;
    text-align: center;
    border-color: #60c2ec;
}
.mxhc-nav-btn {
	color: #60c2ec;
	font-size: 0.35rem;
	text-align: center;
	line-height: 2em;
}
.mxhc-nav-a {
	color: white;
	background-color: #60c2ec;
}

.mxhc-search {
	margin-top: 0.5em;
	padding-right: 1em;
}
.mxhc-search input {
	width:77%;
	float: right;
	font-size: 0.4rem;
	line-height: 1.8em;
	text-align: center;
	vertical-align: middle;
	border: 0.1em solid #60c2ec;
}
.mxhc-search-btn {
	padding: 0 1em;
	float: right;
	color: white;
	font-size: 0.4rem;
	line-height: 1.8em;
	text-align: center;
	background-color: #60c2ec;
	vertical-align: middle;
	border: 0.1em solid #60c2ec;
}

.mxhc-C {
	margin-top: 0.5em;
	text-align: center;
}
.mxhc-item {
	margin: 0.5em 1.5% 0;
	display: inline-block;
	width: 46%;
	background-color: rgba(221, 67, 100, 0.3);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	overflow: hidden;
}
.mxhc-i-bg {
	margin: 0.5em auto;
	width: 92%;
	height: 5rem;
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.mxhc-i-data {
	padding: 0.5em 0.8em;
	background-color: rgba(221, 67, 100, 0.3);
}
.mxhc-i-data h4 {
	color: white;
	font-size: 0.35rem;
	font-weight: normal;
}

.mxhc-fx {
	margin: 1em auto;
	text-align: center;
}
.mxhc-fx div {
	display: inline-block;
	font-size: 0.4rem;
    line-height: 1.8em;
}
.mxhc-fx input {
	width: 3rem;
	font-size: 0.4rem;
    line-height: 1.8em;
	text-align: center;
	border: 0.1em solid rgba(221, 67, 100, 0.3);
	border-radius: 5px;
}
.fy-up, .fy-down, .fy-search-btn {
	margin: 0 0.5em;
	padding: 0.1em 0.5em;
	color: white;
	border-radius: 5px;
	background-color: rgba(221, 67, 100, 0.3);
}

.zpzs-ta {
    display: inline-block;
    padding: 2% 8%;
    cursor: pointer;
    color: #ff4165;
    font-size: 0.45rem;
    border-radius: 1rem;
	    margin: 0 4%;
}
.taxq{
	border: 1px solid #4bb7e5;
    background-color: #4bb7e5;
}
.ta1{
	border: 1px solid #ffe400;
    background-color: #ffe400;
}
.ta2{
	border: 1px solid #ff4165;
    background-color: #ff4165;
}
.zxtp{
	background:url(../images/tp3.png) no-repeat center top;
	background-size:70% 100%;
	height:22px;
	background-color:white;
}
.qytj{
	color: #fff;
    background-color: #4bb7e5;
    width: 80%;
    margin: 0 auto;
    height: 1rem;
    border-radius: 1rem;
    font-size: 0.5rem;
    font-weight: 600;
    line-height: 1rem;
    text-align: center;
	margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
/*抽奖页面*/
.cjym-w {
	display: none;
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #b07444;
	background-color: rgba(0,0,0,0.3);
	z-index: 999;
}
.cjym-wC {
	margin: 20% auto 0;
	padding: 1em 0;
	width: 80%;
	background-color: rgb(245, 198, 208);
	border: 0.3em solid #4bb7e5;
}
.cjym-wC h4 {
	margin: 0;
	font-size: 0.5rem;
	font-weight: bolder;
	text-align: center;
	line-height: 2em;
}
.cjym-wC-p {
	margin: 1em 2em;
    padding: 2% 1%;
	text-align: center;
}
.cjym-wC-p p {
	margin-bottom: 10px;
	font-size: 0.45rem;
	font-weight: bold;
}
.cjym-wC-p input {
	padding: 0.3em 0.5em;
	width: 4rem;
	color: #4bb7e5;
	text-align: center;
	font: inherit;
}
.sendcode {
	display: inline-block;
	padding: 0.3em 0em;
	width: 3rem;
	font-weight: normal;
	cursor: pointer;
	background-color: #4297ec;
    color: white;
}
.tijiao {
	display: inline-block;
	padding: 0.3em 1em;
	width: 3rem;
	font-size: 0.45rem;
	cursor: pointer;
	background-color: #4297ec;
    color: white;
}
.cj-conf {
	display: block;
	margin-right: 1em;
	float: right;
	width: 30%;
	cursor: pointer;
}
.gban{
	background-color: #4297ec;
    color: white;
	width: 30%;
    display: inline-block;
    height: 0.6rem;
    font-size: 0.45rem;
    text-align: center;
	padding: 0.1rem 0;
	float: right;
    margin-right: 0.5rem;
}
/*单位*/

.danwei{
	margin-top: 1em;
}
.danwei img {
	width: 94%;
	margin-left:3%;
}
/* 转发分享 */
.th-share {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 99999;
    top: 0px;
    left: 0px;
    text-align: right;
    display: none;
}
/* ========== */
.sj p{
	margin: 0 auto 1em;
    width: 90%;
    background-color: #e73a67;
    font-size: 0.45rem;
    border-radius: 1rem;
    padding: 4px 0;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.sj p img{
	width: 2.7%;
    margin-left: 1%;
}
/* 前言 */

.qy p{
	text-indent: 2em;
    font-size: 0.45rem;
    line-height: 0.7rem;
    margin: 0 auto;
    margin-top: 0.7rem;
    width: 90%;
    margin-bottom: 0.35rem;
}
.qy{
	position:relative;
	border:2px solid #eb4364;
	border-radius: 1rem;
	width: 90%;
    margin: 0 auto;
	margin-top:20px;
	margin-bottom: 30px;
}
.qy img{
	position:absolute;
	width: 28%;
    left: 35%;
    top: -12%;
	z-index:2;
	
}

/* 投票须知 */

.yd{
	display: inline-block;
    height: 15px;
    width: 15px;
    background: url(../images/yd.png) no-repeat center center;
    margin-right: 15px;
}
.tpxz p{
	font-size: 0.45rem;
    line-height: 0.7rem;
    margin: 0 auto;
    margin-top: 0.35rem;
    width: 95%;
    margin-bottom: 0.35rem;
}
.tpxz{
	position:relative;
	width:90%;
	border:2px solid #eb4364;
	border-radius: 1rem;
	margin-top:50px;
	margin:0 auto;
}
.tpxz img{
	    position: absolute;
    width: 50%;
    left: 25%;
    top: -4.5%;
    z-index: 2;
	
}

/*奖项设置*/
.jxsz {
	position:relative;
	border:2px solid #eb4364;
	border-radius: 1rem;
	width:90%;
	margin:0 auto;
	margin-top:1rem;
}
.jxtp{
	    position: absolute;
    width: 50%;
    left: 25%;
    top: -7%;
    z-index: 2;
}
.jpjx{
	width:90%;
	margin-left:5%;
}
.jpjx p{
	font-size:0.5rem;
	line-height: 36px;
}
.jpjx strong{
	color:#eb4364;
}
/*萌星答题*/
.mxdt {
	position: relative;
    padding: 1em 0;
}
.mxdt-ad {
	display: block;
    margin: 0 auto;
    width: 60%;
    border-radius: 15px;
    border: 4px solid #eb4364;
    cursor: pointer;
}
.mxdt-hand {
	position: absolute;
    top: 50%;
    right: 10%;
    width: 12%;
     -webkit-animation: mxdt-btn 2s 0s both infinite; 
     animation: mxdt-btn 2s 0s both infinite; 
}



/*萌星驾到*/
.mxjd {
	margin: 1em 0;
	text-align: center;
}
.mxjd video {
	width: 90%;
}



/*参赛对象&&&参与方式&&&评选流程&&&奖项设置&&&爱的留言*/
.csdx, .cyfs, .pxlc, .jxsz, .adly {
	margin: 1em;
}
.csdx-t, .cyfs-t, .pxlc-t, .jxsz-t, .adly-t, .mxhc-t {
	margin-bottom: 0.5em;
	height: 1.5rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.csdx-t  {
	background-image: url(../images/csdx-t.png);
}
.cyfs-t  {
	background-image: url(../images/cyfs-t.png);
}
.pxlc-t  {
	background-image: url(../images/pxlc-t.png);
}
.jxsz-t  {
	background-image: url(../images/jxsz-t.png);
}
.adly-t  {
	background-image: url(../images/adly-t.png);
}
.csdx p, .cyfs p, .pxlc p, .jxsz p {
	color: 	#333333;
	font-size: 0.38rem;
	line-height: 1.8em;
	text-align: justify;
	white-space: pre-wrap;
	word-break:break-all;
	word-wrap:break-word;
}


/*立即报名*/
.ljbm {
	position: relative;
	background-color: #4ac9b4;
}
.ljbm-a {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
}
.ljbm-list {
	width: 1.5rem;
}
.ljbm-btn {
	color: white;
	font-size: 0.6rem;
	text-align: center;
	line-height: 1.5rem;
}
.ljbm-ul {
	display: none;
	position: absolute;
	top: -1.5rem;
	left: 0;
	width: 100%;
	height: 1.5rem;
	background-color: rgba(99,99,99,0.7);
}
.ljbm-ul li {
	float: left;
	width: 33.33%;
	color: white;
	font-size: 0.45rem;
	line-height: 1.5rem;
	text-align: center;
}
.ljbm-ul li img {
	width: 20%;
	margin-right: 0.3em;
	vertical-align: middle;
}



/*往期回顾*/
.wqhg-mu {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(96,194,236,0.9);
	z-index:99;
}
.wqhg-t {
	color: white;
	font-size: 0.75rem;
	text-align: center;
	line-height: 2em;
}
.wqhg-C {
	margin: 0 auto;
	width: 65%;
}
.wqhg-C img {
	margin-bottom: 0.5em;
	width: 100%;
}
.wqhg-close {
	margin: 0 auto;
	width: 50%;
	color: white;
	font-size: 0.5rem;
	text-align: center;
	line-height: 2em;
	border-radius: 10px;
	background-color: rgb(221, 67, 100);
}



/*报名*/
.bm-mu {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
}
.bm-C {
	margin: 5% auto;
	width: 90%;
	height: 90%;
	background-color: white;
	border: 0.5em solid #60c2ec;
	border-radius: 10px;
}
#bm-sw {
	height: 100%;
}
.sw-control {
	text-align: center;
}
.sw-control div {
	display: inline-block;
	margin: 0.5em 0.6em;
	padding: 0 1em;
	color: white;
	font-size: 0.45rem;
	line-height: 1.8em;
	border-radius: 5px;
    background-color: rgba(221, 67, 100, 0.3);
}
.bm-step {
	margin: 0.5em;
	color: #60c2ec;
	font-size: 0.7rem;
	text-align: center;
}
.bm-tips {
	color: #60c2ec;
    font-size: 0.4rem;
    line-height: 1.5em;
    padding: 0 2em;
}
.upload-item {
	position: relative;
	margin: 1em auto;
    width: 8rem;
    height: 6rem;
    border: 1px solid #ec4768;
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
	overflow: hidden;
}
.upload-close {
	display: none;
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	width: 0.8rem;
	z-index: 99;
}
.upload-btn {
	height: 100%;
	background-repeat: no-repeat;
    background-position: center 1.5em;
}
.upload-item .pic-upload-btn {
	background-image: url(../images/pic-add.png);
	background-size: 40%;
}
.upload-item .video-upload-btn {
	background-image: url(../images/video-add.png);
	background-size: 30%;
}
.upload-item .upload-btn-gif {
	background-image: url(../images/gif.gif);
}
.upload-btn p {
    padding-top: 9em;
    color: #646464;
    font-size: 0.5rem;
    text-align: center;
}
.upload-item .upload-btn input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.upload-item textarea {
    padding: 2%;
    width: 96%;
    height: 94%;
    color: #333333;
    font-size: 0.45rem;
    line-height: 1.5em;
    text-align: justify;
    word-wrap: break-word;
    word-break: break-all;
    resize: none;
    border: none;
}
.textarea-num {
    margin-top: -0.5em;
    color: #333333;
    font-size: 0.4rem;
    text-align: center;
}
.textarea-num .text-num {
	color: deepskyblue;
}
.mxxx {
	margin: 1em auto;
	width: 90%;
}
.mxxx p {
	margin-bottom: 0.5em;
	color: #eb4364;
	font-size: 0.45rem;
	line-height: 1.8em;
}
#mx-district {
	width: 4.4rem;
    font-size: 0.5rem;
}
#mx-year, #mx-month {
	width: 2.1rem;
    font-size: 0.5rem;
}
.mxxx input {
	width: 4.5rem;
	font-size: 0.45rem;
	line-height: 1.7em;
    text-align: center;
    border: 0.05em solid #eb4364;
}

#msg-vdo {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*提交信息后弹窗*/
.xxtc {
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
}
.xxtc-C {
	margin: 2rem auto;
	width: 90%;
	background-color: white;
	border: 10px solid #ec4768;
    border-radius: 10px;
}
.xxtc-t {
	margin-top: 1em;
    color: #eb4364;
    font-size: 0.5rem;
    text-align: center;
}
.xxtc-pz {
	color: #60c2ec;
    font-size: 0.7rem;
    text-align: center;
    line-height: 2em;
}
.xxtc-p {
	color: #eb4364;
    font-size: 0.4rem;
    line-height: 1.5em;
    padding: 0px 30px;
	text-indent: 2em;
}
.xxtc-btn {
	margin: 1em auto;
    width: 50%;
    color: white;
    font-size: 0.4rem;
    line-height: 2em;
    text-align: center;
    border-radius: 5px;
    background-color: rgba(221, 67, 100, 0.3);
    cursor: pointer;
}

/*评委名单及评选结果*/
.pwmd {
	display: none;
	z-index: 999999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
}
.pwmd-C {
	position: relative;
    margin: 1em auto 0;
    width: 90%;
    height: 95%;
    background-color: #ff7a96;
    border: 0.2em dashed #ffc300;
    border-radius: 0.5em;
    overflow: hidden;
}
.pwmd-h {
	color: white;
	font-size: 0.5rem;
	line-height: 3em;
	text-align: center;
}
.pwmd-p {
	margin: 0px auto;
    width: 90%;
    height: 90%;
    overflow: auto;
}
.pwmd-p p {
	margin-bottom: 0.5em;
    color: white;
    font-size: 0.4rem;
    line-height: 1.5em;
    text-align: justify;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}
.pwmd-p p strong {
	color: gold;
}
.closepw {
	width: 38px;
    height: 38px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}



/*=================================================*/
/*子页*/
.dataC {
	margin: 1em 0;
}
.data-t {
	text-align: center;
}
.data-t-bg {
	width: 100%;
}
.data-tt {
	width: 90%;
    margin-left: 5%;
}
.data-t p {
    display: inline-block;
    margin: 0 0.3em;
    color: #333333;
    font-size: 0.4rem;
    line-height: 2em;
}
.data-t p strong {
}
.data-p {
	margin: -1.7em auto 0;
    padding: 1.5em 0.5em 0.5em;
    width: 90%;
    border-radius: 5px;
}
.data-p h4 {
	font-size: 0.5rem;
	line-height: 2em;;
}
.data-p p {
     font-size: 0.4rem; 
     line-height: 1.5em; 
	text-align: justify; 
     white-space: pre-wrap; 
     word-break: break-all; 
     word-wrap: break-word; 
}
.data-pic, .data-video {
	display: block;
	margin: 0em auto;
	width: 90%;
}
.data-bt {
	margin: 1em auto 0;
    width: 90%;
    color: #FAC020;
    font-size: 0.45rem;
    text-align: left;
    line-height: 2em;
}

/*图片放大*/
.tpfd {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.9);
	z-index: 9999;
}
.tpfd-close {
	position: absolute;
    top: 1em;
    right: 1em;
    width: 1rem;
    z-index: 99999;
}
.tpfd-pic {
	width: 100%;
    height: 90%;
    margin-top: 10%;
    overflow: auto;
}
.tpfd-pic img {
	width: 100%;
}
.pinch-zoom-container {
	height: 100% !important;
}

.footer {
	position: fixed;
	bottom: 0;
	padding: 0.15rem 0;
	width: 100%;
	background-color: #262626;
	font-size: 0;
	z-index: 3;
}
.footer-tab {
	vertical-align: top;
	display: inline-block;
	width: 25%;
	height: 100%;
	text-align: center;
}
.footer-tab p {
	margin: 0;
	color: white;
	font-size: 0.4rem;
}
.shouye-icon {
	height: 0.75rem;
	background: url(../images/shouye.png) no-repeat center;
	background-size: auto 100%;
}
.phb-icon {
	height: 0.75rem;
	background: url(../images/phb.png) no-repeat center;
	background-size: auto 100%;
}
.hdsm-icon {
	height: 0.75rem;
	background: url(../images/hdsm.png) no-repeat center;
	background-size: auto 100%;
}
.wq-icon {
	height: 0.75rem;
	background: url(../images/wq.png) no-repeat center;
	background-size: auto 100%;
}
.footer-tab-a .shouye-icon {
	background: url(../images/shouye-a.png) no-repeat center;
	background-size: auto 100%;
}
.footer-tab-a .phb-icon {
	background: url(../images/phb-a.png) no-repeat center;
	background-size: auto 100%;
}
.footer-tab-a .hdsm-icon {
	background: url(../images/hdsm-a.png) no-repeat center;
	background-size: auto 100%;
}
.footer-tab-a .wq-icon {
	background: url(../images/wq-a.png) no-repeat center;
	background-size: auto 100%;
}
.footer  a{
	color:#fff;
}
.footer a:hover{
	color:#029de0;
}
.shouye  a{
	color:#029de0;
}
.xhl{
	display: none;
    background-color: #4bb7e5;
    padding: 10px 5px;
    position: fixed;
    left: 0;
    top: 300px;
    color: #fff;
    font-size: 0.45rem;
    font-weight: 600;
	opacity: 0.9;
}
.xhl a{
	color:#fff;
}
/* 排名 */
.pmbg{
	background-color:#d33a35;
}
.pm img{
	width:80%;
	margin-left: 10%;
    margin-top: 7%;
}

.tr1 ul,.tr2 ul{
	width:90%;
	margin-left:5%;
	
}
.tr1 ul{
	background-color:#e7e7e7;
	padding: 0.2rem 0;
	border-top-left-radius: 0.4rem;
	border-top-right-radius: 0.4rem;
}
.tr2 ul{
	background-color:#fff;
	padding:0.1rem 0;
	border-bottom:1px solid #e6e6e6;
}
.tr1 li,.tr2 li{
	display:inline-block;
	width:35%;
	text-align:center;
	font-size:0.45rem;
	font-weight:600;
}
.tr2 li{
	display:inline-block;
	width:35%;
	font-weight:500;
}
.tr1 li:first-child,.tr2 li:first-child{
	width:20%;
	
}
.tr2 li:first-child img{
	width:50%;
}
.tr2 li:nth-child(2) img{
	width:30px;
	height:30px;
	border-radius:50%;
	margin-right: 3%;
}
.tr2 li:first-child,.tr2 li:nth-child(3){
	vertical-align:36%;
}
.tr2 li:nth-child(2) span{
	vertical-align:40%;
}


.mxa{
	background-color:#fff;
	width:90%;
	margin-left:5%;
	margin-top: 12%;
    border-radius: 0.5rem;
}
.zyan{
	width:90%;
	margin-left:5%;
	padding: 3% 0;
}
.zyan div{
	display:inline-block;
	width:34%;
	margin-left: 10%;
}
.zyan div img{
	width:100%;
}
@media screen and (max-height: 812px) and (max-width: 375px) {
	.wqhg-C {
	    width: 90%;
	}
}
@media screen and (max-height: 736px) {
	.wqhg-C {
	    width: 75%;
	}
}
@media screen and (max-height: 480px) {
	.wqhg-C {
	    width: 65%;
	}
	
}