*{
	box-sizing:border-box;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	color:inherit;
	outline:0;
}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote,q{
	quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after{
	content:'';
	content:none;
}
table:not(.no){
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #ccc;
	color:#666;
}
table:not(.no) tr>*{
	text-align:center;
	height:2.5em;
	vertical-align:middle;
	border:1px solid #888;
}
table:not(.no) th{
	font-weight:bold;
	color:#333;
	background-color:#f3f3f3;
}
a{
	text-decoration:none;
}
html{
	height:100%;
}
body{
	font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif!important;
	min-height:100%;
	position:relative;
}
input:not([type=radio]),textarea,select{
	border:1px solid #999;
	width:100%;
	padding:.35em .2em;
	border-radius:.1em;
	font:inherit;
	color:#333;
}
select{
	width:auto;
	padding:0;
	font-size:.9em;
}
textarea{
	padding:.2em;
}
hr{
	border:none;
	height:2px;
	border-top:2px dotted #999;
}
.left{
	float:left;
}
.right{
	float:right;
}
.slow{
	transition:0.2s all;
	-webkit-transition:0.2s all;
	-moz-transition:0.2s all;
	-o-transition:0.2s all;
}
.else{
	font-size:.8em;
	color:#999;
	text-align:center;
}
.msg{
	color:red;
	text-align:center;
	font-size:.8em;
	font-weight:bold;
	height:3em;
	line-height:3em;
}
.else a,.msg a{
	text-decoration:underline;
	font-style:italic;
	font-size:.9em;
	font-weight:bold;
}
.btn_1,.btn_2{
	display:inline-block;
	font-size:.85em;
	background-color:#ff7e00;
	border-radius:1.2em;
	padding:.2em .8em;
	color:#fff;
	cursor:pointer;
	border:.1em solid #ccc;
	font-weight:bold;
}
.btn_2{
	border-radius:.2em;
	border:none;
	width:100%;
	text-align:center;
	padding:.5em 0;
}
.btn_disabled{
	background-color:#ccc;
	cursor:default;
}
.question_icon{
	margin-left:1em;
	width:1em;
	cursor:pointer;
	opacity:.3;
}
.open_app{
	cursor:pointer;
}
#header{
	position:absolute;
	top:0;
	width:100%;
	background:rgba(0,0,0,.8);
	padding:0 1em;
	z-index:10;
}
#header .header_left{
	display:inline-block;
	padding:.5em 0;
}
#header .header_left>*{
	display:inline-block;
	vertical-align:top;
}
#header .logo{
	width:2em;
	height:2em;
}
#header .title{
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:.1em;
	margin-top:.15em;
	margin-left:.3em;
}
#header .right .btn_1{
	margin-top:.8em;
	vertical-align:top;
}
#header .header_user{
	display:inline-block;
	position:relative;
	cursor:pointer;
	padding:.5em .8em;
}
#header .header_user:hover,#header .header_user.active{
	background-color:#ff7e00;
}
#header .header_user img{
	display:inline-block;
	width:1.8em;
	height:1.8em;
	border-radius:.9em;
}
#header .header_user .header_name{
	display:inline-block;
	color:#fff;
	vertical-align:top;
	font-size:.9em;
	margin-left:.2em;
	margin-top:.4em;
}
#header .header_logout{
    cursor:pointer;
}
#header .dropdown{
	position:absolute;
	display:none;
	top:3em;
	left:0;
	right:0;
	line-height:2.5em;
	border:1px solid #ff7e00;
	font-weight:bold;
	background-color:#2a2b32;
}
#header .dropdown a{
	display:block;
	padding:0 1em;
	color:#fff;
	font-size:.9em;
}
#header .dropdown a:hover{
	color:#ff7e00;
}
#header .join_btn{
	display:inline-block;
	margin-top:1em;
	margin-right:.6em;
	color:#f2f2f2;
	font-size:.9em;
	cursor:pointer;
	vertical-align:top;
}
#container{
	background:url(https://public.resource.restless.city/web/image/background) no-repeat;
	background-size:100% 100%;
	padding:1px 0;
}
#container.index{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
#container.index .search{
	position:relative;
	margin:9.5em 20% 8em;
}
#container.index .search input{
	background:rgba(255,255,255,.8);
	border-radius:1.2em;
	padding:.6em;
	padding-right:2.4em;
	border:0;
	box-shadow:0 0 .6em #999;
}
#container.index .search .search_btn{
	width:1.2em;
	height:1.2em;
	position:absolute;
	top:.6em;
	right:1em;
	cursor:pointer;
}
#container.index .slogan{
    font-size:3.2em;
    color:#fff;
    padding-left:.2em;
    letter-spacing:.2em;
    font-style:italic;
    text-decoration:underline;
    text-underline-position:under;
}
#container.index .items{
	display:flex;
	flex-flow:row;
	justify-content:space-around;
}
#container.index .item{
	width:12%;
	height:12vw;
	border-radius:6vw;
	background-color:rgba(255,255,255,.6);
	cursor:pointer;
	text-align:center;
}
#container.index .item:hover{
	box-shadow:0 0 1em #999;
	background-color:rgba(255,255,255,.7);
}
#container.index .item_title{
	color:#333;
	display:block;
	font-weight:bold;
	padding:.2em .4em;
}
#container.index .item_img{
	width:25%;
	opacity:.8;
	margin:2.5em 0 1em;
}
#container.index .item_img_small{
	margin:3em 0 1.5em;
}
#container.index .item:hover .item_img{
	opacity:.9;
}
#container.page .wrapper{
	background-color:#f3f3f3;
	padding:0 1em 1.2em;
	margin:5.2em 5%;
}
#container.page .wrapper_header{
	padding:1em;
}
#container.page .wrapper_title{
	display:inline-block;
	color:#333;
	font-weight:bold;
	font-size:1.3em;
	margin-right:1em;
}
#container.page .wrapper_btn{
	padding:.4em .6em;
	border-radius:.4em;
	background-color:#ccc;
	margin:0 .4em;
	color:#fff;
	font-size:.8em;
}
#container.page .wrapper_btn_active{
	background-color:#ff7e00;
}
#container.page .wrapper_search{
	display:inline-block;
	position:relative;
}
#container.page .wrapper_search input{
	display:inline-block;
	font-size:.9em;
	padding-right:2em;
	background-color:#fcfcfc;
}
#container.page .wrapper_search .search_btn{
	cursor:pointer;
	width:1em;
	height:1em;
	position:absolute;
	top:.35em;
	right:.4em;
}
#container.page .wrapper_else{
	color:#999;
	font-size:.9em;
	margin-top:.4em;
}
#container.page .wrapper_container{
	min-height:28em;
	background-color:#fff;
	border-radius:.5em;
	box-shadow:0px 0px 0.5em #999;
	padding:1em 2em;
}
#container.page .wrapper_content_title{
	font-size: 1.5em;
	padding: 1em 0;
	border-bottom: 4px solid #B8C8CB;
	text-align: center;
	color: #333;
	font-weight: bold;
}
#container.page .wrapper_container .item>*{
	display:inline-block;
}
#container.page .none_container{
	text-align:center;
}
#container.page .none_container img{
	width:50%;
	max-width:15em;
}
#container.page .none_container .none{
	font-size:1.1em;
	color:#333;
	letter-spacing:.1em;
}
#container.page .none_container .none a{
	color:#666;
	font-size:.95em;
	font-weight:bold;
	font-style:italic;
	text-decoration:underline;
}
#container.form .wrapper_container .items{
	margin:3em 0;
}
#container.form .wrapper_container .item{
	margin:1.8em 25%;
}
#container.form .wrapper_container .item_big{
	height:10em;
}
#container.form .wrapper_container .item .item_title{
	color:#666;
	font-weight:bold;
	margin:.4em 0;
	font-size:.95em;
}
#container.form .wrapper_container .item .item_right{
	float:right;
	width:70%;
}
#container.form .wrapper_container .item select{
	margin-top:.35em;
	margin-right:1em;
}
#container.form .wrapper_container .item textarea{
	height:10em;
}
#container.agent .wrapper_container .items_1{
	margin:1em 5%;
}
#container.agent .wrapper_container .items_1 h1{
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	color:#666;
	letter-spacing:.1em;
}
#container.agent .wrapper_container .items_1 h2{
	font-weight:bold;
	color:#666;
	font-style:italic;
	padding:1em 0;
}
#container.agent .wrapper_container .items_1 .content{
	margin-left:1em;
	color:#333;
	text-indent:1em;
}
#container.agent .wrapper_container .items_1 .btn_2{
	margin:2em 0;
}
#container.agent .wrapper_container .items_2{
	display:none;
}
#container.agent .wrapper_container .items_2 .btn_2{
	width:35%;
}
#container.agent .wrapper_container .items_2 .cancel_btn{
	background-color:#999;
}
#container.manage .manage_left{
	display:inline-block;
	padding-right:1.5em;
	border-right:3px solid #ccc;
	width:18%;
}
#container.manage .manage_img{
	width:100%;
	text-align:center;
	border-bottom:.1em dotted #999;
}
#container.manage .manage_img img{
	width:60%;
	border-radius:50%;
	margin:1.5em auto;
	max-width:8em;
	border:1px solid #ccc;
}
#container.manage .manage_nav{
	padding:1.5em .5em;
}
#container.manage .manage_nav>*{
	display:block;
	font-size:.95em;
	color:#5a5e68;
	font-weight:bold;
	cursor:pointer;
	padding:.6em;
	margin-bottom:1em;
	letter-spacing:.1em;
	transition:0.5s all;
	border-left:.2em solid #ccc;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
#container.manage .manage_nav>*:hover{
	border-color:#ff7e00;
}
#container.manage .manage_nav>.active{
	background-color:#ff7e00;
	border-color:#ff7e00;
	color:#fff;
	margin-left:1em;
	border-radius:.2em;
}
#container.manage .manage_right{
	display:inline-block;
	width:80%;
	vertical-align:top;
	padding-left:3em;
	border-left:1px solid #ccc;
	min-height:20em;
}
#container.manage .manage_right>*{
	display:none;
}
#container.manage .manage_right>*{
	margin:1.8em 0;
	font-size:1.2em;
}
#container.manage .manage_right .page_title{
	display:inline-block;
	font-weight:bold;
	width:8em;
	max-width:30%;
	letter-spacing:.1em;
}
#container.manage .manage_right .page_content{
	display:inline-block;
	color:#333;
	font-size:.95em;
}
#container.manage .manage_right .page_btn{
	width:auto;
	font-size:.7em;
	padding:.4em .8em;
	margin:.4em 0;
	background-color:transparent;
	border:1px solid #999;
	color:#666;
}
#container.manage .page_info .page_btn:hover{
	background-color:#ff7e00;
	color:#fff;
	border:none;
}
#container.manage .page_info>*{
	margin:1.5em 0;
}
#container.manage .refresh_btn{
	margin-left:2em;
	font-size:.65em;
	font-weight:bold;
	cursor:pointer;
}
#container.activity .wrapper_item{
	display:inline-block;
	width:17em;
	height:6em;
	padding:.8em 1em;
	border:1px solid #ccc;
	margin:.5em 1em;
}
#container.activity .wrapper_item:hover{
	background-color:#f3f3f3;
}
#container.activity .wrapper_item .item_img{
	display:inline-block;
	width:4.4em;
	height:4.4em;
	vertical-align:top;
}
#container.activity .wrapper_item .item_info{
	display:inline-block;
	margin-left:.5em;
	width:9.6em;
	vertical-align:top;
}
#container.activity .wrapper_item .item_name{
	display:block;
	color:#333;
	font-weight:bold;
}
#container.activity .wrapper_item .item_intro{
	display:block;
	color:#999;
	font-size:.8em;
	margin-top:.2em;
}
#container.activityOne .manage_left{
	width:24%;
}
#container.activityOne .manage_right{
	width:74%;
	padding-top:1em;
}
#container.activityOne .manage_img img{
	width:80%;
	border-radius:.5em;
	max-width:15em;
}
#container.activityOne .manage_right>*,#container.momentOne .manage_right>*{
	display:block;
	color:#333;
	line-height:1.8em;
	font-size:1em;
	max-width:100%;
	min-width:60%;
	margin:1em auto;
}
#container.activityOne .manage_right img,#container.momentOne .manage_right img{
	max-width:90%;
}
#container.activityOne .vote_title {
    font-size: 1.1em;
    font-weight: bold;
}
#container.activityOne .option_text {
    background-color: #eee;
    padding:.5em 1em;
    border-radius:.5em;
}
#container.moment .wrapper_item{
	border-bottom:1px solid #ccc;
	padding:1em 1.4em;
	display:flex;
}
#container.moment .wrapper_item:hover{
	background-color:#f3f3f3;
}
#container.moment .wrapper_item .item_user{
	text-align:center;
	width:30%;
	max-width:8em;
}
#container.moment .wrapper_item .item_img{
	width:4em;
	height:4em;
	border-radius:3em;
}
#container.moment .wrapper_item .item_name{
	font-weight:bold;
	color:#333;
	margin:.5em 0 .2em;
	display:block;
}
#container.moment .wrapper_item .item_uid{
	font-size:.7em;
	font-weight:bold;
	color:#ccc;
	display:block;
}
#container.moment .wrapper_item .item_content_container{
	flex:1;
	margin-left:1em;
	font-size:1.1em;
}
#container.moment .wrapper_item .item_title{
	font-weight:bold;
	display:block;
	letter-spacing:.1em;
}
#container.moment .wrapper_item .item_content{
	font-size:.8em;
	color:#999;
	margin:.5em 0;
	display:block;
	letter-spacing:.1em;
}
#container.moment .wrapper_item .item_time{
	text-align:right;
	color:#ccc;
	font-size:.7em;
	display:block;
}
#container.momentOne .user_uid{
	font-size:.7em;
	color:#999;
}
#container.download{
	position:absolute;
	height:100%;
	width:100%;
}
#container.download .qr_container{
	width:20em;
	background:rgba(0,0,0,.3);
	margin:8.5em auto 5em;
}
#container.download .qr_img{
	width:70%;
	margin:1em 15% 0;
}
#container.download .qr_text{
	color:#eee;
	text-align:center;
	padding:.6em 0 .6em .1em;
	font-size:.7em;
	font-weight:bold;
	letter-spacing:.1em;
}
#container.download .btn_container{
	margin:1em 30%;
	font-size:1.5em;
}
#container.download .btn_container .btn_1{
	border:none;
	padding:1em 0;
	width:8em;
	text-align:center;
	background-color:#000;
	border-radius:2em;
}
#container.download .btn_container .btn_else{
	font-size:.6em;
	margin-top:.4em;
}
#container.download .btn_container .btn_android{
	background-color:#fff;
	color:#000;
}
#container.sponsor .wrapper_item{
	color:#666;
	font-size:1.2em;
	border-top:1px solid #B8C8CB;
	height:13em;
	line-height:1.6em;
	margin-top:0.2em;
	padding-left:4.5em;
	display:block;
	position:relative;
}
#container.sponsor .wrapper_item:hover{
	background-color:#f3f3f3;
}
#container.sponsor .wrapper_item .item_num{
	display:inline-block;
	width:2em;
	height:2em;
	line-height:2em;
	font-size:1.1em;
	text-align:center;
	box-shadow:0px 0px 0.5em #333;
	border-radius:1em;
	font-weight:bold;
	position:absolute;
	top:1em;
	left:.5em;
}
#container.sponsor .wrapper_item .item_img{
	width:30%;
	height:100%;
	display:inline-block;
}
#container.sponsor .wrapper_item .item_img_low{
	background:url(https://public.resource.restless.city/web/image/sponsor/low) no-repeat center;
}
#container.sponsor .wrapper_item .item_img_medium{
	background:url(https://public.resource.restless.city/web/image/sponsor/medium) no-repeat center;
}
#container.sponsor .wrapper_item .item_img_high{
	background:url(https://public.resource.restless.city/web/image/sponsor/high) no-repeat center;
}
#container.sponsor .wrapper_item .item_content{
	width:68%;
	display:inline-block;
	padding:4em 0;
	vertical-align:top;
}
#container.sponsor .wrapper_item .item_content_title{
	font-weight:bold;
	letter-spacing:.1em;
}
#container.sponsorInfo .wrapper_container .item_text{
	margin-top:.4em;
}
#container.sponsorInfo .wrapper_container .item_num{
	display:none;
}
#container.sponsorInfo .wrapper_container .btn_2{
	width:35%;
}
#container.sponsorInfo .wrapper_container .cancel_btn{
	background-color:#999;
}
#container.sponsorInfo .wrapper_container .none_container{
	display:none;
}
#container.agreement .wrapper_content_title{
	margin-bottom:1em;
}
#container.agreement .wrapper_container{
	line-height:1.6em;
	letter-spacing:.1em;
	padding-bottom:2.5em;
}
#container.agreement h2{
	font-weight:bold;
	font-size:1.2em;
	padding:.6em 0;
}
#container.agreement span{
	padding-left:2em;
	display:block;
	color:#333;
}
#container.agreement i{
	display:block;
	padding:1em 4em;
	font-size:.9em;
	color:#666;
}
#container.about .wrapper_container span{
	display:block;
	margin:1em 0;
	text-indent:2em;
	color:#333;
	font-size:.9em;
	line-height:1.6em;
}
#footer{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:1em 0;
	text-align:center;
	font-weight:bold;
	background:rgba(230,230,230,.7);
	font-size:.7em;
	color:#333;
}
#footer>*{
	margin:0 .2em;
}
@media screen and (max-device-aspect-ratio:1/1){
	#container{
		background:#fff url(https://public.resource.restless.city/web/image/background_wap);
		background-size:100% 100%;
	}
	#container.index .search{
		margin:8.5em 5% 4em;
	}
	#container.index .items{
		flex-wrap:wrap;
	}
	#container.index .item{
		width:30%;
		height:30vw;
		border-radius:15vw;
		margin:1.5em 2%;
	}
	#container.index .item_title{
		font-size:.9em;
	}
	#container.index .item_img{
		margin:1.5em 0 .5em 0;
	}
	#container.index .item_img_small{
		margin:1.7em 0 .7em 0;
	}
	#container.page .wrapper{
		margin:4em 0;
	}
	#container.page .wrapper_container{
		min-height:22em;
	}
	#container.page .none_container .none{
		font-size:.9em;
	}
	#container.form .wrapper_container .items{
		margin:2em 0;
	}
	#container.form .wrapper_container .item{
		margin:1.8em 0;
	}
	#container.manage .manage_left{
		width:100%;
		border:none;
		padding:0;
	}
	#container.manage .manage_right{
		width:100%;
		border:none;
		padding:0;
		font-size:.9em;
		min-height:12em;
	}
	#container.manage .manage_right .page_title{
		max-width:40%;
	}
	#container.activityOne .manage_nav,#container.momentOne .manage_nav{
		margin-bottom:.5em;
	}
	#container.moment .wrapper_item{
		padding:.5em 0em;
	}
	#container.sponsor .wrapper{
		background-color:rgba(255,255,255,0.88);
		padding:0 .8em .8em;
	}
	#container.sponsor .wrapper_container{
		font-size:.8em;
		padding:.5em 1em;
	}
	#container.sponsor .wrapper_item{
		padding-left:2.4em;
		height:10em;
	}
	#container.sponsor .wrapper_item .item_num{
		width:1.8em;
		height:1.8em;
		font-size:.9em;
		line-height:1.8em;
	}
	#container.sponsor .wrapper_item .item_content{
		padding:1em .4em;
	}
	#container.sponsor .wrapper_item .item_img_low{
		background-size:25%;
	}
	#container.sponsor .wrapper_item .item_img_medium{
		background-size:65%;
	}
	#container.sponsor .wrapper_item .item_img_high{
		background-size:80%;
	}
	#container.download .qr_container{
		width:12em;
		margin:7.5em auto 4em;
	}
	#container.download .btn_container{
		margin:0 5%;
		font-size:1.2em;
	}
	#container.agreement span{
		padding-left:.5em;
	}
	#container.agreement i{
		padding:1em;
	}
}