@charset "utf-8";
html{-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; font-family:miui,sans-serif;/* overflow-y:overlay;*/ overflow-x:hidden;}
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video ,blockquote{margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video{display:block;}
body{font-size:100%; line-height:1.2em; background:#fff;}
textarea{resize:none; font-family:miui,sans-serif;}
input{font-family:miui,sans-serif;}
iframe,img{border:0;}
ul,ol{list-style:none;}
a{text-decoration: none; color:#2ECC71;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.mt5{margin-top:5px;}

.global{/*min-width:320px; max-width:640px; */margin:0 auto; overflow:hidden;}

.posr{position:relative;}
.posa{position:absolute;}

.overhide{overflow:hidden;}

.pd1{padding:0.65em;}
.pt0{padding-top:0px;}
.mt05em{margin-top:0.5em;}
.mt-05{margin-top:-0.5em;}
.mt05{margin-top:0.5em;}
.mb05{margin-bottom:0.5em;}
.mb-05{margin-bottom:-0.5em;}
.mb05em{margin-bottom:0.5em;}
.mt1em{margin-top:1em;}

.nors{padding:3em 0; text-align:center;}
.size0{width:0; height:0; margin:0; padding:0; border:0; overflow:hidden;}
#nameheight{width:10em; line-height:1em; font-size:20px; word-wrap:break-word; word-break:break-all; white-space:normal;}
#nameheight2{width:12.5em; line-height:1em; font-size:20px; word-wrap:break-word; word-break:break-all; white-space:normal;}
#nameheight2.nameheight3{width:14.5em;}



input[type="submit"],input[type="button"],button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}






.pages{margin:0.5em auto 0 auto; padding:0.2em; background:#f1f1f1; border-radius:0.3em;}
.pages a{display:inline-block; margin:0.2em; padding:0.3em 0.5em; background:#999; color:#fff; border-radius:0.3em;}
.pages a.cur{background:#f85;}
.pages.rankpages{width:19.05em;}




.aacc.aacc_html{position:relative;}
.aacc .aacc_content{position:relative;}
.aacc.aacc_first .aacc_content,.aacc.aacc_last .aacc_content{position:relative;}
.aacc.aacc_first .aacc_content img,.aacc.aacc_last .aacc_content img{display:block; max-width:100%;}

.aacc.aacc_vslide .aacc_content,.aacc.aacc_hslide .aacc_content{max-width:100%; margin:0; overflow:hidden; z-index:1;}
.aacc.aacc_vslide .aacc_content ul,.aacc.aacc_hslide .aacc_content ul{display:block; position:absolute;}
.aacc.aacc_vslide .aacc_content li,.aacc.aacc_hslide .aacc_content li{display:block; float:left; position:relative;}
.aacc.aacc_vslide .aacc_content img,.aacc.aacc_hslide .aacc_content img{display:block; width:100%;}
.aacc.aacc_vslide .aacc_content .rounddiv,.aacc.aacc_hslide .aacc_content .rounddiv{position:absolute; left:0; bottom:0.5em; width:100%; z-index:1; text-align:center;}
.aacc.aacc_vslide .aacc_content .round,.aacc.aacc_hslide .aacc_content .round{display:inline-block; width:0.5em; height:0.5em; margin:0.1em 0.2em; background:#fff; z-index:1; border-radius:50%; box-shadow:0 0 0 1px #666;}
.aacc.aacc_vslide .aacc_content .round.cur,.aacc.aacc_hslide .aacc_content .round.cur{background:#666; box-shadow:0 0 0 1px #fff;}


.aacc.aacc_float .aacc_content li,.aacc.aacc_static .aacc_content li{display:block;}
.aacc.aacc_float .aacc_content img,.aacc.aacc_static .aacc_content img{display:block; max-width:100%;}
.aacc.aacc_float .aacc_content li{float:left;}

.aacc_tips{position:absolute; width:2.5em; height:1.25em; right:0; top:0; background:url(../../images/aacc.png) #fff; background-size:100% 100%; z-index:2; border-radius: 0 0 0 0.3em;}






.fl{display:block; float:left;}
.fr{display:block; float:right;}
.bt{border-top:solid 0.2em #0097fe;}

.bg1{background:#EE9419;}
.color1{color:#EE9419;}

.select_bumen select{height:2em; border-radius:0.4em;}
.select_bumen #bumen2{display:none; margin-top:1em;}

.mybtn{display:block; margin:0.5em 0; padding:0.5em 0; background:#2ECC71; text-align:center; line-height:1.7em; color:#fff; border-radius:0.3em;}
.mybtn2{background:#E3503D;}

.page2{text-align:center;}
.page2 a{display:inline-block; padding:5px; color:#000;}

#dlog{position:fixed; left:0; top:0; z-index:103;}

.tabbox{border-radius:0.5em; overflow:hidden; background:#2ECC71;}
.tabbox .tit h3{display:block; float:left; width:50%; line-height:2.7em; text-align:center; color:#fff; background:rgba(0,0,0,0.2); cursor:pointer;}
.tabbox .tit h3.cur{background:none;}
.tabbox .content{padding:0.5em; color:#000;}
.tabbox .content blockquote{padding:0.5em; background:#fff; border-radius:0.5em;}

#h5c{position:fixed; left:0; top:0; background:green; z-index:9999999999; color:#000;}
#h5c a{color:#000000;}
#h5ctouch{position:fixed; left:0; top:0; z-index:100;}
#h5cRect{position:fixed; left:0; top:0; border:solid green; z-index:100; opacity:0.7;}
#h5cRect2{position:fixed; border:solid 3px #ddd; z-index:100;}
#h5cClose{position:fixed; right:1em; bottom:1em; width:3em; line-height:2em; text-align:center; background:#5f5; z-index:102; border-radius:0.5em;}
#h5cSave{position:fixed; left:1em; bottom:1em; width:3em; line-height:2em; text-align:center; background:#5f5; z-index:102; border-radius:0.5em;}
#h5cTips{position:fixed; left:0; top:1em; width:100%; text-align:center; z-index:102;}
#h5cRotateLeft{position:fixed; left:5em; bottom:1em; width:5em; line-height:2em; text-align:center; background:#5f5; z-index:102; border-radius:0.5em;}
#h5cRotateRight{position:fixed; left:11em; bottom:1em; width:5em; line-height:2em; text-align:center; background:#5f5; z-index:102; border-radius:0.5em;}

.userinfoform{overflow:hidden;}
.userinfoform label{display:block; margin-top:1em; margin-bottom:0.5em;}
.userinfoform input{width:90%; padding:0.3em; border:none; border-radius:0.3em; background:rgba(255,255,255,0.5); border:solid 1px #fff;}
.userinfoform textarea{width:90%; height:5em; padding:0.3em; border:none; border-radius:0.3em; background:rgba(255,255,255,0.5); border:solid 1px #fff;}
.userinfoform a.submit{display:inline-block; margin-top:1.2em; padding:0 1em; line-height:1.7em; background:rgba(255,255,255,0.5); border:none; border-radius:0.3em; text-align:center; border:solid 1px #fff; color:#000;}

.bg-bubbles li {
	position: fixed;
	top: -3em;
	list-style: none;
	display: block;
	max-width: 2em;
	-webkit-animation: downFloat .1s infinite linear;
	-moz-animation: downFloat .1s infinite linear;
	-ms-animation: downFloat .1s infinite linear;
	-o-animation: downFloat .1s infinite linear;
	animation: downFloat .1s infinite linear;
	z-index: 70
}
.bg-bubbles li img{width:2em;}
@keyframes downFloat {
0% {
-webkit-transform:translateY(0) rotate(0);
-moz-transform:translateY(0) rotate(0);
-ms-transform:translateY(0) rotate(0);
-o-transform:translateY(0) rotate(0);
transform:translateY(0) rotate(0)
}
100% {
-webkit-transform:translateY(110vh) rotate(600deg);
-moz-transform:translateY(110vh) rotate(600deg);
-ms-transform:translateY(110vh) rotate(600deg);
-o-transform:translateY(110vh) rotate(600deg);
transform:translateY(110vh) rotate(600deg)
}
}

.nocheckedtips{padding:0.5em; background:#E2503D; color:#fff; text-align:center;}
.headtext marquee{display:block; margin:0; padding:0; line-height:2em; color:#ffffff;}

.group_static .groups{margin-bottom:0.5em; padding:0.2em; background:#2ECC71; border-radius:0.5em;}
.group_static .groups li{float:left; display:block; margin:0.2em; padding:0.4em 0.5em; line-height:1.2em; background:#fff; border-radius:0.4em; color:#2ECC71; cursor:pointer; opacity:0.8; text-align:center;}
.group_static .groups li.cur{opacity:1;}
.group_static .rankgroups.groups{margin:0 0.9em 0.1em 0.9em; padding:0; background:none;}
.group_static .rankgroups.groups li{margin:0; margin-bottom:0.4em; margin-right:0.4em; border-radius:0.3em; background:#fff;}

.group_static .rankgroups .lbtn,.group_static .rankgroups .rbtn{height:2em; line-height:2em;}
.group_static .rankgroups.groups.no_newline{height:2em; margin-bottom:0.3em;}



.group_win .lbtn,.group_win .rbtn{display:none;}
.group_static .groups.no_newline{height:2.4em; overflow:hidden;}
.group_static .groups.no_newline .groups_div2{height:4em; overflow: hidden; overflow-x:scroll; -webkit-overflow-scrolling:touch; white-space:nowrap;}
.group_static .lbtn,.group_static .rbtn{
	display:none; position:absolute; left:0; top:0; width:1em; height:2.9em; background:#eee; text-align:center; line-height:2.9em;
	-moz-user-select:-moz-none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
	cursor:pointer;
}
.group_static .rbtn{left:auto; right:0;}
.group_static .groups.pcgroups{position:relative; padding-left:1.2em; padding-right:1.2em;}
.pcgroups .lbtn,.pcgroups .rbtn{display:block;}








.group_win .groups{width:50%; float:left; height:auto; overflow:auto;}
.group_win{position:fixed; display:none; width:22.5em; height:100vh; margin-left:-11.25em; left:50%; top:0; overflow:hidden; background:#fff; z-index:99999; box-shadow: 0 0 1px 0 #999; opacity:0.9;}
.group_win .groups{float:left; width:50%; height:100vh; margin-left:-1px; border-left:solid 1px #ddd;overflow:auto;}
.group_win .groups li{width:100%; padding:0.9em 0.5em; border-bottom:solid 1px #ddd; box-sizing:border-box; line-height:1.2em; text-align:center; cursor:pointer; color:#000; background:transparent;}
.group_win .groups li.cur{background:#eee;}
.close_group_win{position:fixed; left:calc( 50% + 7.7em ); top:0em; display:none; padding:0 0.8em; line-height:3em; background:#ddd; z-index:999999; cursor:pointer; color:#000; white-space:nowrap;}
.group_win .rankgroups.groups li{color:#000; background:transparent;}
.group_win .rankgroups.groups li.cur{background:#eee;}
body.rankbody .group_win_btn.bg1{margin:0.5em 0.82em; background:#fff; color:#000;}

.listtype{margin-bottom:0.5em; background:#2ECC71; border-radius:0.5em; overflow:hidden;}
.listtype li{float:left; display:block; width:33.3333%; line-height:2.7em; text-align:center; cursor:pointer; color:#fff;}
.listtype li.cur{background:rgba(0,0,0,0.2);}


.music-play{position:fixed; left:50%; top:1em; width:2em; height:2em; margin-top:0; margin-left:8em; background:url(../images/music.png) #fff center no-repeat; background-size:100% 100%; border-radius:50%; z-index:3000;}
.music-circle{-ms-animation:circle 3s infinite linear;-webkit-animation:circle 3s infinite linear;-moz-animation:circle 3s infinite linear;-o-animation:circle 3s infinite linear;}

@-ms-keyframes circle{
from{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);}
to{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
@-webkit-keyframes circle{
from{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);}
to{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
@-moz-keyframes circle{
from{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);}
to{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
@keyframes circle{
from{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);}
to{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);}
}


#__vconsole .vc-switch{z-index:99999999999999;}
#__vconsole .vc-mask{z-index:99999999999999;}
#__vconsole .vc-panel{z-index:99999999999999;}


i.iconfont{font-style:normal; font-weight:normal; font-family:"FontAwesome"; vertical-align:middle;}

.option_video{margin-top:0.5em;}
.option_video.option_video2{width:1px; height:1px; margin-top:0; opacity:0;}
.option_video_bg{height:14.4em; margin-top:0.5em; background:url('../images/video_bg.jpg?v=2'); width:100%; background-size:100% 100%; border-radius:1em;}

h1{margin:0.5em 0; padding:0.5em; font-size:1em; line-height:1.2em; text-align:center; background:#FFDD33; color:#E83943; border-radius:0.3em; font-weight:100;}

footer a{color:inherit;}

.infocount{width:23em; margin-top:0.5em; height:3.75em; border-radius:0.5em; line-height:1.2em; line-height:1.2em; background:transparent;}
.infocount .infodiv{float:left; width:6.75em; margin-right:0.5em; padding:0.7em 0; border:none; background:#2ECC71; border-radius:0.5em; text-align:center; color:#fff;}
.infocount .countnum,.infocount .countname{float:none; width:100%; border:none; text-align:center; background:transparent}
.infocount .opcount{border-left:0;}


.votesetinfo{margin-top:-0.5em; line-height:1.5em; background:#eee; border-radius:0.5em; overflow:hidden;}
.votesetinfo h3{display:none;}
.votesetinfo .info{}
.votesetinfo .info i{line-height: 1.5em;}

.votesetinfo{position:relative; margin-bottom:0; padding:0.5em 0 0.1em 0; background:#2ECC71; border:none; overflow:visible;}
.votesetinfo .h3{display:block; width:60%; height:1.7em; border-radius:0.5em; margin:0em auto 0.1em auto; line-height:1.6em; text-align:center; background:url(../images/title_bg.png) center no-repeat; background-size:22.5em auto; color:#000;}
.votesetinfo .info{margin:0.5em; padding:0.5em; color:#000; background:#fff; border-radius:0.4em;}


/*.infocount{width:22em; margin-top:0.5em; height:2.4em; line-height:1.2em;}
.infocount div{float:left; width:6.83em; margin-right:0.5em; padding:0.5em 0; text-align:center; color:#fff; background:#2ECC71; border-radius:0.5em;}
.infocount .opcount{border-left:0;}
.timeinfo{margin-top:0.5em; line-height:2em;}*/

.leavemsg{position:relative; margin-top:2em; margin-bottom:0; border:none;}
.leavemsg h3{display:block; position:relative; width:50%; height:2em; margin:-1em auto; line-height:2em; text-align:center; border:solid 1px #fff; color:#fff; border-radius:0.3em; z-index:3;}
.leavemsg .cont{position:relative; position:relative; padding:2em 1em 0.5em 1em; border:none; color:#000; background:#2ECC71; border-radius:0.5em; z-index:2;}
.leavemsg .list{width:100%; padding:0.5em; border:none; box-sizing:border-box; background:#fff; border-radius:0.5em; text-align:center;}
.leavemsg .list ul{text-align:left;}
.leavemsg textarea{width:100%; height:5em; margin-top:0.5em; padding:0.5em; border:none; box-sizing:border-box; background:#fff; border-radius:0.5em;}
.leavemsg input[type="submit"]{width:100%; height:2em; line-height:2em; margin:0.5em auto; box-sizing:border-box; background:#fff; border:none; border-radius:0.3em;}

.leavemsg .loadmore{display:inline-block; margin-top:0.5em;}
.leavemsg ul{padding:0.5em; padding-bottom:0; background:#fff; border-radius:0.5em; text-align:left; overflow:hidden;}
.leavemsg li{margin-bottom:0.5em;}
.leavemsg li .img{width:2.5em; height:2.5em; margin-right:0.5em; overflow:hidden;}
.leavemsg li .img img{width:2.5em; height:2.5em;}
.leavemsg li .liright{max-width:82%; sword-wrap:break-word; word-break:break-all; white-space:normal;}

.leavemsg{margin-top:0.5em; padding-top:0.5em; background:#2ECC71; border-radius:0.5rem; overflow:hidden;}
.leavemsg .loadmore{margin-top:0;}
.leavemsg a{color:#000;}
.leavemsg h3.h3{display:block; width:60%; height:1.7em;/* margin-top:1em; margin-bottom:-1em;*/ margin:0em auto; line-height:1.6em; text-align:center; background:url(../images/title_bg.png) center no-repeat; background-size:22.5em auto; color:#000; border:none; overflow:hidden;}
.leavemsg .cont{margin-top:-1.7em; background:#2ECC71;/* border:solid 0.1em #2ECC71;*/}
.leavemsg .list{background:#fff;}
.leavemsg .list ul{background:#fff;}
.leavemsg textarea{background:#fff;}
.leavemsg input[type="submit"]{background:#fff;}


.menu_height{height:4em;}
.menu_height.menu_height2{height:5em;}

.menu{position:fixed; left:50%; bottom:0; width:22.5em; margin-left:-11.25em; padding:0.5em 0; background:#f5f5f5; overflow:hidden; z-index:2; opacity:0.9;}
.menu ul{display:-webkit-flex; display:flex;}
.menu li{width:100%; text-align:center; box-sizing:border-box;}
.menu li a{color:#999;}
.menu li.cur a{color:#2ECC71;}
.menu .iconfont{display:block; font-size:1.25em;}

.menu.menu2{height:3em; overflow:visible; text-align:center; background:#eee; z-index:4;}
.menu2_btn{display:block; width:5em; margin:0 1em; margin-top:0.45em; padding:0.5em 0; background:#ccc; border-radius:0.5em; color:#000;}
.menu2_center{display:block; position:fixed; bottom:1px; left:50%; width:4.1em; height:4.1em; border:solid 0.4em #fff; transform:translateX(-50%); background:#f51; border-radius:50%; color:#fff; line-height:1em; box-shadow: 0 0 1px 0 #f51; z-index:4;}
.menu2_center i{display:block; margin-top:0.3em; margin-bottom:-0.5em; font-size:1.5em; line-height:1em;}
.menu_ucenter{position:relative;}
.menu_ucenter .have_new_msg_dot{position:absolute; left:50%; top:0; width:0.5em; height:0.5em; margin-left:0.7em; border-radius:0.5em; background:red;}
.menu2_msg{position:relative;}
.menu2_msg .have_new_msg_dot{position:absolute; left:50%; top:0.5em; width:0.5em; height:0.5em; margin-left:0.8em; border-radius:0.5em; background:red; font-size:0.95em;}

.cover img{display:block; width:100%;}

.qrcodeimg{display:block; width:85%; margin:1em auto;}
.qrcodetips{width:90%; margin:0 auto;}
.noqrcodeimg{margin-top:2em; color:red; text-align:center;}

.msgbox{position:fixed; width:16em; left:50%; top:40%; margin-left:-8em; text-align:center; background:rgba(0,0,0,0.5); border-radius:0.5em; color:#fff; z-index:22222222;}
.msgboxcont{padding:1em;}
.msgboxbg{position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.5); z-index:1;}


.optionlist{margin-top:-0.2em;}
.optionlist ul{margin:-0.3em; font-size:0.9em;}
.optionlist li{position:relative; float:left; width:50%; overflow:hidden;}
.optionlist li .opcont{display:block; margin:0.3em; padding:1px; background:#2ECC71; border-radius:0.4em;}
.optionlist li .info1{position:absolute; top:0.3em; left:1em; width:auto; height:1.6em; padding:0.2em 0.5em; background:#2ECC71; color:#fff; line-height:1.6em; border-radius:0 0 0.3em 0.3em;}
.optionlist li .info1.opnum{left:auto; right:0.3em; border-radius:0 0.3em 0 0.3em;}
.optionlist li .img{display:block; width:100%; overflow:hidden; border-radius:0.3em 0.3em 0 0;}
.optionlist li .img img{display:block; width:100.2%; background:#fff;}
.optionlist li .opvideo{position:absolute; display:block; overflow:hidden; width:2em; height:2em; right:0.7em; top:5.4em; background:url(../../images/play.png); background-size:100% 100%; font-size:1.5em;}
.optionlist li .info2{padding-bottom:0.3em; margin-top:1px; background:#fff; border-radius: 0 0 0.3em 0.3em; line-height:1.5em; overflow:hidden;}
.optionlist li .name{display:block; width: calc( 100% - 0.8em ); margin:0; margin-top: calc( 0.4em - 1px ); margin-bottom: calc( 0.4em - 1px ); padding:0.2em 0.4em; line-height:1.2em; text-align:center; color:#2ECC71; word-wrap:break-word; word-break:break-all; white-space:normal;}
.optionlist li .btn{display:block; width:60%; margin:0.2em auto; background:#2ECC71; text-align:center; line-height:1.8em; color:#fff; border-radius:0.3em; color:#fff;}
.optionlist li .btn.fl{width:43%; margin:0.2em 0; margin-left:0.45em;}
.optionlist li .btn.fr{width:43%; margin:0.2em 0; margin-right:0.45em;}
.optionlist li.noVotesCount .btn.fl,.optionlist li.noVotesCount .btn.fr{margin-top:0.3em;}
.optionlist li{height:16.9em;}
.optionlist li.nameheight_2{height:18.1em;}
.optionlist li.nameheight_3{height:19.3em;}
.optionlist li.nameheight_4{height:20.5em;}
.optionlist li.nameheight_5{height:21.7em;}
.optionlist li.nameheight_6{height:22.9em;}
.optionlist li.nameheight_7{height:24.1em;}

.oplist_play_video{position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999;}
.oplist_play_video_bg{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.oplist_play_video_show{position:fixed; left:50%; top:50%; width:20em; height:20em; margin-left:-10em; margin-top:-10em; background:#000;}
.oplist_play_video_show video{position:relative; width:20em; height:20em; z-index:1;}
.oplist_play_video_show2{position:relative;}
.oplist_play_video a{position:fixed; display:block; top:0.5em; right:0.5em; width:1em; height:1em; font-size:30px; border-radius:20px; background:url(../../images/close.png) #fff center; background-size:100% 80%; z-index:99999;}


.play_video{position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999;}
.play_video_bg{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.play_video_show{position:fixed; left:50%; top:50%; width:20em; height:20em; margin-left:-10em; margin-top:-10em; background:#000;}
.play_video_show video{position:relative; width:20em; height:20em; z-index:1;}
.play_video_show2{position:relative;}
.play_video a{position:fixed; display:block; top:0.5em; right:0.5em; width:1em; height:1em; font-size:30px; border-radius:20px; background:url(../../images/close.png) #fff center; background-size:100% 80%; z-index:99999;}
.oplist_play_voice{position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999; text-align:center;}
.oplist_play_voice_bg{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.oplist_play_voice_show{position:fixed; left:50%; top:50%; width:18em; transform:translate(-50%,-50%); background:#fff; border:solid 1px #ddd; overflow:hidden; border-radius:0.3em;}
.oplist_play_voice_show2{padding:1em 0 0 0;}
.oplist_play_voice a{position:fixed; display:block; top:0.5em; right:0.5em; width:1em; height:1em; font-size:30px; border-radius:20px; background:url(../../images/close.png) #fff center; background-size:100% 80%; z-index:99999;}
.oplist_play_voice input{display:block; width:6em; height:2em; margin:0.5em auto 1em auto; border-radius:0.3em; border:none; color:#fff;}

.optionlist2{}
.optionlist2 li{position:relative; margin-bottom:0.5em; background:#f5f5f5; border-radius:0.5em;}
.optionlist2 .img{display:block; float:left; width:45%; overflow:hidden; border-radius:0.5em;}
.optionlist2 .img img{width:100%;}
.optionlist2 .liright{width:50%; float:right;}
.optionlist2 .name{display:block; margin-top:0.7em; color:#000;}
.optionlist2 .votes{margin-top:0.5em; color:#000;}
.optionlist2 .btn{position:absolute; height:2em; right:0.5em; bottom:0.5em; padding-left:0.5em; border:solid 1px #2ECC71; border-radius:1em; line-height:2.2em; font-size:0.9em; color:#2ECC71;}
.optionlist2 .btn i{display:block; float:right; width:2em; height:2em; margin-left:0.5em; border-radius:1em; background:#2ECC71; color:#fff; text-align:center; line-height:2.2em;}

.rankbody{background:#2ECC71;}
.rankbody.nobgcolor{background:none;}
.rankbody footer a{color:#000;}
.rankbody.nobgcolor footer a{color:inherit;}
.ranklisttop{position:relative; margin:1em 0.9em 0.3em 0.9em; margin-top:2em; padding-top:1.6em; background:#fff; border-radius:0.3em; padding-bottom:0.5em;}
.ranklisttop .title1{position:absolute; left:50%; top:-1em; width:10em; height:2em; margin-left:-5em; line-height:2em; text-align:center; color:#E83943; background:#FFDD33; border-radius:0.5em; font-size:0.9em;}
.ranklisttop #searchform{margin:0 0.5em;}

.ranklist{margin:0 0.5em; font-size:0.9em;}
.ranklist li{height:2.5em; margin:0 0.5em 0.3em 0.5em; padding:0.3em 0.5em 0.3em 0.1em; border-radius:0.3em; overflow:hidden; background-color:#fff; line-height:2.5em;}
.ranklist li .rank{width:2em; height:2.5em; text-align:center;}
/*.ranklist li .number{width:3em; height:2.5em; margin-left:0.5em;}*/
.ranklist li .name{display:block; width:11.5em; height:2.5em; margin-left:0.5em; word-wrap:break-word; word-break:break-all; white-space:normal; }
.ranklist li[novotescount] .name{width:14.5em;}
.ranklist li .img{width:2.5em; height:2.5em; border-radius:0.3em; overflow:hidden;}
.ranklist li .img img{width:2.5em; height:2.5em;}
.ranklist li.nameheight_2 .name{padding-top:0.15em; line-height:1.1em;}
.ranklist li.nameheight_3 .name{padding-top:0.15em; line-height:1.1em;}
.ranklist li .opvotes{margin-left:-1em;}

.fixedbg{position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.5); z-index:1;}
.loadingbox .loadingcont{position:fixed; width:3em; height:3em; left:50%; top:50%; margin-left:-1.5em; margin-top:-1.5em; background:rgba(0,0,0,0.5); border-radius:0.5em;}



.option .name{margin-top:-0.65em; padding:0.5em 1em; text-align:center; line-height:1.5em; background:#E3503D; color:#fff; border-radius:0.3em;}
.option .info1{height:4em; width:25em; margin-top:0.5em; overflow:hidden; overflow:hidden;}
.option .info1.info1_1 div.infodiv{width:21.25em;}
.option .info1.info1_2 div.infodiv{width:10.2em;}
.option .info1.info1_3 div.infodiv{width:6.52em;}
.option .info1.info1_4 div.infodiv{width:4.75em;}
.option .info1 div{float:left; width:6.72em; height:4em; margin-right:0.5em; border-radius:0.5em; text-align:center; color:#2ECC71; line-height:0.5em; background:#eee;}
.option .info1 .tiptit{display:block; margin-top:0.4em; font-size:0.8em; color:#999; line-height:2em;}
.option .info1 .tipnum{display:block; font-size:1.5em; color:#999; line-height:1em; color:#2ECC71;}
.option .prevotesdiff{margin:0.5em auto; text-align:center; color:#555; line-height:1.5em; font-size:0.9em;}
.option .prevotesdiff span{color:#2ECC71;}
.option .pics{margin-top:1em; text-align:center;}
.option .pics img{max-width:100%; width:auto; height:auto; margin-bottom:0.5em; border-radius:0.5em;}


.option .btn{display:block; margin:0.5em 0; padding:0.5em 0; background:#2ECC71; text-align:center; line-height:1.7em; color:#fff; border-radius:0.3em;}
.option .btn2{background:#E3503D;}
.option .btn3{background:#FFDD33;}
.option .btn i{font-size:1.1em;}
.applyfield{margin-bottom:0.5em;}
.option .mt1em.btn{margin-top:1em;}


.option .profile{position:relative; margin-top:0.5em; margin-bottom:0.5em; border-radius:0.5em; padding-bottom:0.01em; padding-top:0.5em; background:#2ecc71;}
.option .profile .h3{display:block; width:60%; height:1.7em; border-radius:0.5em; margin:0 auto -0.5em auto; line-height:1.6em; text-align:center; background:url(../images/title_bg.png) center no-repeat; background-size:22.5em auto; color:#000;}
.option .profile .div1{margin:0.5em; margin-top:1em; padding:0.7em; border:none; color:#000; background:#fff; border-radius:0.3em;}


.option_voice{margin-top:0.5em; padding-top:1.5em; background:#f5f5f5; border-radius:0.5em; text-align:center; overflow:hidden;}
.option_voice .play_voice{display:block; width:5em; height:2em; margin:0.5em auto 1.5em auto; background:#ddd; border:none; border-radius:0.3em;}

.timedown{padding:1em; padding-right:0; margin:0.5em 0.65em; margin-top:0; background:#eee; color:#000; border-radius:0.5em;}
.timedown div{float:left;}
.timedown .fa{float:left; width:0.9em; margin-right:0.2em; font-size:2em; line-height:1.25em;}

#searchform{margin-bottom:0.6em; font-size:0.9em;}
#searchform input[type='text']{float:left; display:block; width:73%; height:2em; margin:0; padding:0 0.375em; line-height:25px; border:solid 1px #2ECC71; border-radius:0.3em; vertical-align: middle;}
#searchform .search_submit{float:right; display:block; width:20%; height:2.36em; margin:0; padding:0; line-height:2.36em; border:0; border-radius:0.3em; background:#2ECC71; color:#fff; text-align:center;}

.listloading{display:none; width:100%; margin-top:1em; text-align:center;}
.listloading .loadingimg{display:inline-block; width:1.5em; height:1.5em; background:url(../images/loading2.png) center no-repeat; background-size:1.5em 1.5em; vertical-align:middle;}
.listloadmore{display:block; width:100%; margin-top:1em; text-align:center; color:#000;}
body.rankbody .listloadmore{margin-top:0.4em;}
body.rankbody .listloading{margin-top:0.4em;}

.descqrcode{padding:1em 0;}
.descqrcode .qrcodetips{width:100%;}


.reason{padding:1em; margin:0.5em 0; background:red; color:#fff; border-radius:0.5em;}
.reason a{color:#fff;}

.message{padding:3em 1em; background:#eee; border-radius:0.5em; text-align:center;}

.vote_prize_pd1{padding-top:0; margin-top:0;}

.votedesc{margin:0.5em 0; padding:0.3em; border-radius:0.5em; word-wrap: break-word; word-break: normal; word-break:break-all;}
.votedesc .div1{border:dashed 1px #2ecc71; padding:0.3em; border-radius:0.3em;}
.votedesc img{max-width:100%; height:auto;}
.votedesc h3{display:none;}
.votedesc2{margin:0.5em 0; word-wrap: break-word; word-break: normal; word-break:break-all;}
.votedesc2 img{max-width:100%; height:auto;}

.votedesc{position:relative; margin-bottom:0; background:#2ecc71;/* border:solid 0.1em #531;*/}
.votedesc .h3{display:block; width:60%; height:1.7em; border-radius:0.5em; margin:0em auto; line-height:1.6em; text-align:center; background:url(../images/title_bg.png) center no-repeat; background-size:22.5em auto; color:#000;}
.votedesc .div1{margin:0.3em; padding:0.7em; border:none; color:#000; background:#fff;}

.giftUpIn.animated{
	animation: giftUpIn 0.5s linear;
	-moz-animation: giftUpIn 0.5s linear; /* Firefox */
	-webkit-animation: giftUpIn 0.5s linears; /* Safari 和 Chrome */
	-o-animation: giftUpIn 0.5s linear; /* Opera */
}
.giftDownOut.animated{
	animation: giftDownOut 0.5s linear;
	-moz-animation: giftDownOut 0.5s linear; /* Firefox */
	-webkit-animation: giftDownOut 0.5s linears; /* Safari 和 Chrome */
	-o-animation: giftDownOut 0.5s linear; /* Opera */
}
@keyframes giftUpIn{
from{-ms-transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);}
to{-ms-transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-o-transform:translateY(0%);}
}
@-webkit-keyframes giftUpIn{
from{-ms-transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);}
to{-ms-transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-o-transform:translateY(0%);}
}
@-moz-keyframes giftUpIn{
from{-ms-transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);}
to{-ms-transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-o-transform:translateY(0%);}
}
@-moz-keyframes giftUpIn{
from{-ms-transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);}
to{-ms-transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-o-transform:translateY(0%);}
}
@-o-keyframes giftUpIn{
from{-ms-transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);}
to{-ms-transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-o-transform:translateY(0%);}
}
@keyframes giftDownOut{
from{-ms-transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-o-transform:translateY(0%);}
to{-ms-transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);}
}
@-webkit-keyframes giftDownOut{
from{-ms-transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-o-transform:translateY(0%);}
to{-ms-transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);}
}
@-moz-keyframes giftDownOut{
from{-ms-transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-o-transform:translateY(0%);}
to{-ms-transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);}
}
@-o-keyframes giftDownOut{
from{-ms-transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-o-transform:translateY(0%);}
to{-ms-transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);}
}

.giftwin{position:fixed; display:none; bottom:0em; width:21.5em; padding:0.5em; background:#f5f5f5; z-index:99998;}
.giftwin ul{width:22em;}
.giftwin li{position:relative; float:left; display:block; width:calc( 33.3333% - 0.5em ); margin:0 0.5em 0.5em 0; padding:0.5em 0; overflow:hidden; text-align:center; background:#f1f1f1; border-radius:0.4em; overflow:hidden;}
.giftwin li img{width:5em; height:5em; margin:0 auto;}
.giftwin li input{position:absolute; left:-10em;}
.giftwin li.cur{background:#f53; color:#fff;}
.giftwin .gifttip{margin:0.5em 0; text-align:center;}
.giftwin .gifttip .giftinput{display:inline-block; margin-top:-0.4em; vertical-align:middle; border:solid 1px #bbb;}
.giftwin .gifttip .giftinput a{display:block; float:left; color:#000000;}
.giftwin .gifttip input[type="text"]{display:block; float:left; width:1.3em; height:1.3em; vertical-align:middle; line-height:1.3em; border:none; border-left:solid 1px #bbb; border-right:solid 1px #bbb; background:#eee; text-align:center;}
.giftwin .gifttip a{display:inline-block; width:1.3em; height:1.3em; vertical-align:middle; border:none; background:#eee;}

.giftwin .giftClose{float:right; width:7em; height:2em; margin:1em 0; border:none; border-radius:0.3em; background:#2ECC71; color:#fff; text-align:center; line-height:2em;}
.giftwin .giftOpname{margin-bottom:0.5em; text-align:center; line-height:1.5em; word-wrap:break-word; word-break:break-all; white-space:normal;}

.giftwin .giftbtns{padding:0;}
.giftwin .giftbtns .mybtn{float:right; width: calc( 50% - 0.25em ); line-height:1.5em; box-sizing:border-box; background:#fd8; color:#2ECC71;}
.giftwin .giftbtns .mybtn.giftTopay{float:left;}

.giftwin .giftlist li .giftimg{width:87%; margin:0 auto; overflow:hidden; border-radius:0.3em; background:#fff;}
.giftwin .giftlist li img{display:block; width:100%; height:100%;}
.giftwin .giftlist li .giftpoint{margin-top:0.4em; font-size:0.85em;}

.giftwin .angift{margin-top:1em; text-align:center;}
.giftwin .leftbtn{float:left; width:48.7%; margin-bottom:-0.5em;}
.giftwin .rightbtn{float:right; width:48.7%; margin-bottom:-0.5em;}

.paymentbtn{display:block; margin-top:0.5em; line-height:2em; background:rgba(255,255,255,0.5); border-radius:0.2em; text-align:center; color:#fff; text-decoration:none; overflow:hidden; cursor:pointer;}

.giftlog{padding:0.5em; background:#eee; border-radius:0.5em; text-align:center;}
.giftlog h3{margin:0 0 0.5em 0; font-size:1.2em;}
.giftlog .loadmore{display:inline-block; margin-top:0.5em;}
.giftlog ul{padding:0.5em; padding-bottom:0; background:#fff; border-radius:0.5em; text-align:left; overflow:hidden;}
.giftlog li{margin-bottom:0.5em;}
.giftlog li .img{width:2.5em; height:2.5em; margin-right:0.5em; overflow:hidden;}
.giftlog li .img img{width:2.5em; height:2.5em;}
.giftlog li .giftdesc{line-height:1.5em;}
.giftlog li .gifttime{font-size:0.8em; line-height:1.2em; color:#aaa;}
.giftlog li .liright{max-width:80%;}

.giftbtns{margin-top:0.5em; padding:0 0.65em;}

iframe.video{width:100%; height:21.5em; margin-top:0.5em; margin-bottom:-0.5em;}



.voteokdiv{position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; z-index:9999;}
.topicon{text-align:center;}
.topicon img{display:block; margin:2em auto; width:4em;}
.msg{padding:0 1em; font-size:1.2em; font-weight:bold; text-align:center; line-height:1.3em; color:#000;}
.msg span{color:#19e;}
.zuanshiicon{text-align:center;}
.zuanshiicon img{display:block; margin:1.5em auto; width:5em;}
.btn00{display:block; margin:0 1em 0.5em 1em; border-radius:0.3em; line-height:2.3em; font-size:1.15em; text-align:center; background:#00AAFF; color:#fff;}
.btn01{display:block; margin:0 1em 0.5em 1em; border-radius:0.3em; line-height:2.3em; font-size:1.15em; text-align:center; background:#0BB20A; color:#fff;}
.btn02{display:block; margin:0 1em 0.5em 1em; border-radius:0.3em; line-height:2.3em; font-size:1.15em; text-align:center; background:#E3503D; color:#fff;}
.btn03{display:block; margin:0 1em 0.5em 1em; border-radius:0.3em; line-height:2.3em; font-size:1.15em; text-align:center; background:#FF7F24; color:#fff;}
.btn04{display:block; margin:0 1em 0.5em 1em; border-radius:0.3em; line-height:2.3em; font-size:1.15em; text-align:center; background:#FFCC22; color:#fff;}
.btn05{display:block; margin:0 1em 0.5em 1em; border-radius:0.3em; line-height:2.3em; font-size:1.15em; text-align:center; background:#8822DD; color:#fff;}
#audio1{width:0px; height:0px; overflow:hidden;}
.voteok_close{position:fixed; display:block; right:1em; top:1em;}
.voteok_close span{font-size:2em; color:#8822DD;}


.xibao_main{background:url(../images/xibao.jpg) top #E10012 no-repeat; background-size:100% auto;}
.xb_rank_list{padding:0.25em; background:#FF7867;}
.xb_rank_list ul{}
.xb_rank_list li{margin:0.25em; overflow:hidden;}
.xb_rank_list .img{display:block; float:left; width:3em; height:3em; overflow:hidden; border-radius:1.5em;}
.xb_rank_list .img img{display:block; width:3em; height:3em;}
.xb_rank_list .name{display:block; float:left; width:14em; height:3em; margin-left:0.5em; line-height:1.5em; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#FFEEC6;}
.xb_rank_list .rank{display:block; float:right; width:4em; height:3em; text-align:right; line-height:3em; overflow:hidden; color:#FFEEC6;}
.xb_rank_list .listloading{padding:0.5em 0; background:#FF7867; color:#FFEEC6;}

.xibao_top{height:15em; margin-top:22em; text-align:center;}
.xibao_top .timeend{line-height:2em; font-weight:bold;}
.xibao_top .hot{font-weight:bold; margin-top:-0.5em; line-height:2em; font-size:1.5em; color:#FFF593;}
.xibao_top .img{display:block; width:4em; height:4em; margin:0 auto; border-radius:2em; overflow:hidden;}
.xibao_top img{width:4em; height:4em;}
.xibao_top .name{color:#FFF593;}
.xibao_top .win{font-weight:600; line-height:2em; font-size:1.3em; color:#FFF593;}


.haibao .box01{background:#eee; margin-top:-0.5em; margin-bottom:0.5em; padding:1em 0; border-radius:0.5em; text-align:center;}
.haibao #img{display:none; width:60%; margin:0 auto; border:solid 1px #666;}
.haibao .btns{margin:0; padding:0;}
.haibao .btn{display:block; margin:0.2em 0; background:#2ECC71; text-align:center; line-height:2em; color:#fff; border-radius:0.3em; color:#fff;}
.haibao .btn2{margin-top:0.5em;}


.userinfo-form input[type="text"]{display:block; width:90%; height:2.5em; margin:0.5em auto; padding:0.5em; line-height:2.5em; border:solid 1px #ddd; box-sizing:border-box; border-radius:0.3em;}
.userinfo-form .upavatardiv{position:relative; display:block; width:90%; height:2.4em; margin:0.5em auto; border:none; background:#fff; box-sizing:border-box; border-radius:0.3em; color:#999; text-align:center; line-height:2.4em;}
.userinfo-form .upavatardiv input[type="file"]{position:absolute; left:0; top:0; width:100%; height:2.4em; opacity:0;}
.userinfo-form .upavatarimg{display:none;}
.userinfo-form .upavatarimg img{display:block; max-width:5em; max-height:5em; margin:0.5em auto;}


.umenu{padding-bottom:0.3em; background:#eee;}
.umenu li{float:left; width:25%; height:4em; text-align:center;}
.umenu li a{display:block; height:3em; padding:0.5em 0; color:#999;}
.umenu li.cur a{color:#333;}
.umenu li span{display:block; line-height:1.2em; font-size:1.5em;}
.umenu li span.fa-mobile{line-height:0.9em; font-size:2em;}
.umenu li span.fa-lock{line-height:1em; font-size:1.8em;}
.umenu li span.fa-gift{line-height:1em; font-size:1.8em;}


.table1{background:#ddd; border-radius:7px; overflow:hidden;}
.table1 td{padding-left:5px; background:#fff; border-radius:5px; overflow:hidden;}
.table1 .avatartd{padding:0;}
.table1 td img{display:block;}
.table1 tr.nors{display:none;}

.logslist a{color:#000;}

@keyframes barrage{
	from{
		left:100%;
		transform:translateX(0);
	}
	to{
		left:0;
		transform:translateX(-100%);
	}
}
.barrageList li{
	position:fixed;
	padding:5px;
	left:100%;
	white-space:nowrap;
	-webkit-animation: barrage .1s infinite linear;
	-moz-animation: barrage .1s infinite linear;
	-ms-animation: barrage .1s infinite linear;
	-o-animation: barrage .1s infinite linear;
	animation: barrage .1s infinite linear;
	background:#fff;
	color:#000;
	border:solid 1px #ddd;
	border-radius:5px;
	z-index:9998;
}




.pop_win_div{position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; overflow:hidden; z-index:99999;}
.pop_win_div2{position:relative;}
.close_pop_win{position:absolute; right:0.5em; top:0.5em; display:block; width:1em; height:1em; padding:0.3em; text-align:center; border-radius:0.5em; line-height:1em; background:#eee; color:#000;}