html,body {
	padding:0;
	margin:0;
	width:100%;
	min-height:100%;
	font-family:helvetica neue,Helvetica,pingfang sc,hiragino sans gb,microsoft yahei,΢ÈíÑźÚ,Arial,sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#3a585f;
	
}
body {
	overflow-y:auto;
	background-position:top;
	background-attachment:fixed;
	-webkit-overflow-scrolling:touch;
	-webkit-user-drag:none
}
th.bt4 {
    height: 45px;
    background: linear-gradient(#7288ea,#d6dee6, #90a1ec);
    color: #000;
}
.hidden {
	display:none
}
* {
	box-sizing:border-box
}
a {
	text-decoration:none;
	cursor:pointer;
	color:#333
}
p {
	padding:0;
	margin:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}
img {
	max-width:100%
}
ul {
	margin:0;
	padding:0
}
ul li {
	list-style:none
}
button {
	outline:none
}
.topic-list {
	display:block;
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden
}
.topic-list li:not(.title) {
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	border-bottom:1px solid #eaeaea;
	padding:0 10px;
	margin:0;
	vertical-align:middle;
	transition:all .2s cubic-bezier(.645,.045,.355,1)
}
.topic-list li.title {
	width:100%;
	position:relative;
	border:none;
	background-color:#b1b6c1;
	color:#222;
	text-align:center;
	height:40px;
	line-height:40px;
	font-size:14px;
	px
}
.topic-list li.title a {
	position:absolute;
	display:inline-block;
	height:40px;
	line-height:40px;
	padding:0 10px;
	top:0;
	right:0;
	color:#fff
}
.topic-list li:not(.title):hover {
	border-bottom-color:#f8e6c7;
	background-color:#fff9ec
}
.topic-list li:not(.title) a {
	display:block;
	width:100%;
	color:#333
}
.topic-list li a span {
	display:inline-block
}
.topic-list.plain li * {
	display:inline;
	font-size:100%;
	font-weight:400;
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline
}
.topic-list li a .author {
	position:relative;
	float:right;
	color:#777
}
.topic-list li a .author:before {
	display:inline-block;
	content:'\f207';
	text-rendering:auto;
	font-family:material-design-iconic-font;
	margin-right:5px
}
.topic-list-container,.topic-list-container iframe {
	width:100%
}
.copyright {
	width:98%;
	height:70px;
	margin:10px auto;
	box-shadow:0 0 2px rgba(0,0,0,.4),0 1px 1px rgba(0,0,0,.15);
	transition:all .2s cubic-bezier(.645,.045,.355,1);
	border-radius:5px;
	overflow:hidden
}
.copyright:hover {
	box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)
}
.copyright iframe {
	width:100%;
	height:70px
}
.code-view b {
	font-size:15px;
	color:#333;
	background-image:url(/public/img/unit/ball.png)
}
.code-view b.red {
	background-image:url(/public/img/unit/ball-red.png)
}
.code-view b.blue {
	background-image:url(/public/img/unit/ball-blue.png)
}
.code-view b.green {
	background-image:url(/public/img/unit/ball-green.png)
}
.five-elements {
	color:#3a585f
}
.five-elements b {
	font-weight:400
}
.five-elements b.yellow {
	color:#e9ac3a
}
.five-elements b.green {
	color:#41b883
}
.five-elements b.blue {
	color:#409dff
}
.five-elements b.red {
	color:#f66
}
.five-elements b.brown {
	color:brown
}
i.icon {
	display:inline-block;
	line-height:inherit;
	font-style:normal;
	font-weight:400;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
i.icon[spin] {
	-webkit-animation:icon-spin 2s infinite linear;
	-moz-animation:icon-spin 2s infinite linear;
	animation:icon-spin 2s infinite linear
}
@-moz-keyframes icon-spin {
	0% {
	-moz-transform:rotate(0deg)
}
100% {
	-moz-transform:rotate(359deg)
}
}@-webkit-keyframes icon-spin {
	0% {
	-webkit-transform:rotate(0deg)
}
100% {
	-webkit-transform:rotate(359deg)
}
}@keyframes icon-spin {
	0% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
100% {
	-webkit-transform:rotate(359deg);
	transform:rotate(359deg)
}
}i.icon[rotate="90"] {
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	transform:rotate(90deg)
}
i.icon[rotate="180"] {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg)
}
i.icon[rotate="270"] {
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	transform:rotate(270deg)
}
i.icon[fixedWidth] {
	width:1.28571429em;
	text-align:center
}
i.icon--lg {
	font-size:1.33333333em;
	line-height:.75em;
	vertical-align:-15%
}
i.icon--2x {
	font-size:2em
}
i.icon--3x {
	font-size:3em
}
i.icon--4x {
	font-size:4em
}
i.icon--5x {
	font-size:5em
}
.page {
	position:relative;
	border:5px double #cfdfe4;
	padding:0 0 0px;
	width:800px;
	min-height:100%;
	margin:0 auto;
	background-color:#fff;
	overflow:hidden
}
.page-content {
	width:100%;
	overflow:hidden
}
.content-item {
	width:100%
}
.content-item>*,.content-item img {
	margin:0;
	padding:0
}
.page-content img,.content-item img {
	vertical-align:middle
}
.content-item>*>img {
	width:100%;
	objec-fit:cover
}
.topbar {
	position:fixed;
	top:0;
	left:0;
	right:0;
	margin:auto;
	z-index:1;
	width:100%;
	max-width:800px;
	height:45px;
	background:linear-gradient(#0099FF,#66FFFF,#6076dfd4);
	font-weight:700;
	color:#000;
	transition:background-color .2s cubic-bezier(.645,.045,.355,1)
}
.topbar .title {
	width:100%;
	text-align:center;
	line-height:45px;
	font-size:18px
}
.topbar a {
	position:absolute;
	display:inline-block;
	height:45px;
	line-height:45px;
	padding:0 15px;
	font-size:18px;
	cursor:pointer;
	font-weight:700;
	top:0;
	color:#000
}
.topbar a.left {
	left:0;
	font-size:40px;
	text-align:left;
	padding:0
}
.topbar a.right {
	border:1px solid #fff;
	border-radius:8px;
	top:5px;
	right:5px;
	height:35px;
	line-height:35px;
	padding:0 15px;
	font-size:16px
}
.topbar a:hover {
	opacity:.7
}
.tabbar {
	display:block;
	padding:0;
	position:fixed;
	bottom:0;
	height:70px;
	width:800px;
	z-index:10;
	overflow:hidden
}
.tabbar iframe {
	height:70px;
	width:100%
}
.tabbar ul {
	display:block;
	width:100%;
	height:60px;
	padding:0;
	margin:10px 0 0;
	background-image:-webkit-linear-gradient(to top,#eee,#fff);
	background-image:linear-gradient(to top,#eee,#fff);
	border-top:1px solid #ddd
}
.tabbar ul li {
	display:block;
	position:relative;
	float:left;
	height:100%;
	width:20%
}
.tabbar ul li a {
	display:block;
	width:100%;
	height:60px;
	text-align:center;
	padding:10px 0;
	color:#555;
	cursor:pointer;
	transition:all .2s cubic-bezier(.645,.045,.355,1)
}
.tabbar ul li a:hover {
	color:#dc4b3e
}
.tabbar ul li.disabled a,.tabbar ul li.disabled a:hover {
	color:#c0c4cc;
	cursor:not-allowed
}
.tabbar ul li a i.icon {
	display:block;
	height:20px;
	line-height:20px;
	font-size:24px
}
.tabbar ul li a label {
	display:inline-block;
	height:20px;
	line-height:20px;
	font-size:16px
}
.tabbar ul li.more a {
	width:55px;
	height:55px;
	border-radius:100%;
	background-color:#03a0e9;
	margin:-5px auto 0;
	box-shadow:0 0 0 5px #a7e3ff;
	color:#fff
}
.tabbar ul li.more a:hover {
	color:#fff;
	background-color:#dc4b3e;
	box-shadow:0 0 0 5px #fad6d3
}
#Interlinks {
	display:none;
	position:fixed;
	bottom:60px;
	min-height:40px;
	width:800px;
	padding:5px 0;
	margin:0;
	z-index:10;
	background-color:rgba(0,0,0,.7);
	transform:translate3d(0,0,0)
}
#Interlinks li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:20%;
	height:30px;
	line-height:30px
}
#Interlinks li.label {
	width:100%;
	color:#ff0
}
#Interlinks li.label div {
	width:100%;
	height:30px;
	line-height:30px;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0 10px
}
#Interlinks li.label div:before,#Interlinks li.label div:after {
	background:#ff0;
	height:1px;
	flex:1;
	content:''
}
#Interlinks li a {
	display:block;
	color:#fff;
	width:100%;
	height:100%;
	text-align:center;
	font-size:14px;
	cursor:pointer;
	border-radius:5px;
	background-color:transparent;
	transition:all .2s cubic-bezier(.645,.045,.355,1)
}
#Interlinks li a:hover {
	color:aqua;
	background-color:rgba(255,255,255,.1)
}
@media screen and (max-width:800px) {
	.page {
	width:100%;
	margin:0
}
.tabbar,#Interlinks {
	width:100%;
	margin:0
}
}.lottery,.lottery-list {
	display:block;
	width:100%;
	padding:0;
	margin:0
}
.lottery-list {
	margin:0;
	padding:0
}
.lottery-list li {
	display:block;
	padding:0 0 5px;
	margin:0
}
.lottery label,.lottery-list label {
	display:block;
	background-color:#eee;
	height:30px;
	line-height:30px;
	padding:0 10px;
	color:#666
}
.lottery-list li:hover {
	background-color:#fafafa
}
.lottery-list li:hover label {
	background-color:#eaeaea;
	color:#333
}
.lottery label b {
	margin:0 3px;
	font-weight:400;
	color:red
}
.lottery .code-view,.lottery-list .code-view {
	display:block;
	vertical-align:top;
	position:relative;
	height:90px;
	padding:10px 0 0;
	text-align:center
}
.lottery .code-view>div,.lottery-list .code-view>div {
	display:inline-block;
	text-align:center;
	height:40px;
	width:12%;
	vertical-align:top
}
.lottery .code-view>div.separate>i.icon,.lottery-list .code-view>div.separate>i.icon {
	line-height:40px;
	font-weight:700;
	font-size:40px
}
.lottery .code-view>div>b,.lottery-list .code-view>div>b {
	vertical-align:top;
	width:40px;
	height:40px;
	display:inline-block;
	text-align:center;
	background-repeat:no-repeat;
	background-size:100% 100%;
	line-height:32px;
	font-size:20px
}
.lottery .code-view .zodiac,.lottery-list .code-view .zodiac {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	padding:0;
	height:31px;
	line-height:30px;
	border-top:1px solid #eee;
	overflow:hidden;
	text-align:center
}
.lottery .code-view .zodiac>div,.lottery-list .code-view .zodiac>div {
	display:inline-block;
	height:30px;
	text-align:center;
	line-height:30px;
	width:12%;
	vertical-align:top
}
.lottery .code-view .zodiac span,.lottery-list .code-view .zodiac span {
	display:inline-block;
	vertical-align:middle;
	font-size:16px
}
.lottery .next {
	color:#f60;
	padding:5px 0 5px 10px
}
.lottery .next b {
	font-weight:400
}
.home-lottery {
	padding:15px;
	position:relative;
	overflow:hidden
}
.home-lottery:before {
	display:block;
	position:absolute;
	content:'';
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-image:url(/public/img/unit/border.png);
	background-size:100% 100%
}
.home-lottery label {
	background:0 0;
	text-align:center;
	color:#333
}
.home-lottery div.next,.home-lottery div.timer {
	background:0 0;
	text-align:center;
	color:#e79e26;
	line-height:40px;
	padding:0;
	margin:10px 0 0
}
.home-lottery div.timer {
	margin-top:0;
	line-height:20px;
	font-size:13px
}
.home-lottery div.next.s {
	margin-top:5px;
	font-size:13px;
	line-height:20px
}
.home-lottery div.next a {
	position:relative;
	color:#277a62;
	margin-left:5px;
	z-index:1
}
.home-lottery .code-view {
	position:relative;
	padding-right:30px
}
.home-lottery .code-view .more {
	position:absolute;
	right:10px;
	top:10px;
	width:20px;
	height:80px;
	line-height:80px;
	text-align:center;
	color:#ccc
}
.home-lottery .code-view .more:hover {
	color:#999
}
.home-lottery .code-view .more:before {
	display:inline-block;
	content:'\f2fb';
	text-rendering:auto;
	font-family:material-design-iconic-font;
	font-size:50px
}
.home-lottery .code-view .zodiac {
	border-top:none;
	padding-right:30px
}
@media screen and (max-width:420px) {
	.lottery .code-view,.lottery-list .code-view {
	height:84px
}
.lottery .code-view>div,.lottery-list .code-view>div {
	text-align:center;
	height:34px
}
.lottery .code-view>div.separate>i.icon,.lottery-list .code-view>div.separate>i.icon {
	line-height:34px;
	font-size:36px
}
.lottery .code-view>div>b,.lottery-list .code-view>div>b {
	width:34px;
	height:34px;
	line-height:28px;
	font-size:18px
}
.home-lottery:before {
	background-image:url(/public/img/unit/border@small.png)
}
.home-lottery div.next {
	font-size:14px
}
}.menubar {
	width:100%;
	height:35px;
	overflow:hidden
}
.menubar .menubar-menu {
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color:#efefef
}
.menubar .menubar-menu li {
	display:block;
	float:left;
	width:16.66%;
	height:35px;
	line-height:35px;
	cursor:pointer
}
.menubar .menubar-menu li a {
	display:block;
	width:100%;
	height:35px;
	line-height:35px;
	color:#000;
	cursor:pointer;
	text-align:center;
	border-bottom:2px solid transparent
}
.menubar .menubar-menu li a:hover {
	color:#008cd8;
	border-bottom-color:#008cd8
}
.material {
	height:85px;
	padding:10px 0 0
}
.material .menubar-menu {
	background-color:#fff
}
.material .menubar-menu li {
	width:20%;
	height:100%;
	cursor:pointer
}
.material .menubar-menu li a {
	height:75px;
	border-bottom:none
}
.material .menubar-menu li a img {
	display:block;
	width:40px;
	height:40px;
	margin:0 auto
}
.material .menubar-menu li a img span {
	display:block;
	width:100%;
	text-align:center;
	line-height:35px
}
.menubar .menubar-menu li.active a,.menubar .menubar-menu li.active a:hover {
	color:red;
	border-bottom-color:red;
	cursor:default
}
.sections {
	min-width:100%;
	height:auto;
	overflow:hidden;
	position:relative
}
.sections-item {
	width:100%;
	height:auto;
	overflow:hidden;
	float:left
}
.sections-item table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border-color:#eee
}
.sections-item table thead,.sections-item table tbody {
	width:100%
}
.sections-item table,.sections-item table th,.sections-item table td {
	border:1px solid #ddd
}
.sections-item table th,.sections-item table td {
	padding:0;
	text-align:center;
	line-height:30px;
	color:#777
}
.sections-item table th {
	font-weight:400;
	background-color:#f8f8f8;
	color:#222
}
.sections-item table td>td:first-child {
	color:#2a585f
}
.sections-item table td.green {
	background-color:#41b883;
	color:#fff
}
.sections-item table td.blue {
	background-color:#409dff;
	color:#fff
}
.sections-item table td.red {
	background-color:#f66;
	color:#fff
}
.form-info {
	display:none;
	position:absolute;
	top:0;
	left:50%;
	width:auto;
	background-color:#bdbdbd;
	color:#20515b;
	height:30px;
	line-height:30px;
	font-size:14px;
	padding:0 15px;
	border-radius:0 0 5px 5px;
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
	transform:translate(-50%,0);
	z-index:11;
	overflow:hidden
}
.form-info:before {
	display:inline-block;
	content:'\f1f8';
	text-rendering:auto;
	font-family:material-design-iconic-font;
	margin-right:10px
}
.form-info.warning {
	background-color:#fdc642;
	color:#20515b
}
.form-info.success {
	background-color:#41b883;
	color:#fff
}
.form-info.danger {
	background-color:#f66;
	color:#fff
}
.form-info.warning::before {
	content:'\f1f4'
}
.form-info.success::before {
	content:'\f269'
}
.form-info.danger::before {
	content:'\f135'
}
.form-title {
	color:#2a585f;
	font-size:18px;
	text-align:center;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	overflow:hidden;
	margin:10px 0
}
.form-title span {
	margin-right:20px
}
.form-title button,.form-title button:focus {
	display:inline-block;
	height:30px;
	padding:0 10px;
	vertical-align:top;
	margin:0 10px;
	border-radius:3px;
	border:none;
	font-size:14px;
	background-color:#efefef;
	color:#909399;
	cursor:pointer;
	transition:all .2s cubic-bezier(.645,.045,.355,1)
}
.form-title button:hover {
	background-color:#dadada;
	color:#3a585f
}
.form {
	display:block;
	padding:5px 0;
	overflow:hidden
}
.form .input {
	width:100%;
	height:35px;
	margin:10px 0;
	text-align:center
}
.form .input.textarea {
	height:70px
}
.form .input.text {
	height:20px;
	line-height:20px
}
.form img.avatar {
	display:inline-block;
	width:51px;
	height:51px;
	border:1px solid silver;
	cursor:pointer;
	transition:background-color .2s cubic-bezier(.645,.045,.355,1)
}
.form img.avatar:hover {
	border-color:#409dff
}
.form .input input,.captcha input,.form .textarea textarea {
	border:1px solid #dbdfe6;
	max-width:100%;
	line-height:35px;
	padding:0 15px;
	border-radius:3px;
	cursor:pointer;
	transition:border-color .2s cubic-bezier(.645,.045,.355,1);
	color:#2a585f
}
.form .textarea textarea {
	height:70px;
	line-height:15px;
	resize:none;
	overflow-y:hidden;
	padding:3px 5px
}
.form .input input:hover,.captcha input:hover,.form .textarea textarea:hover {
	border-color:#c0c4cc
}
.form .input input:focus,.captcha input:focus,.form .textarea textarea:focus {
	outline:none;
	border-color:#419eff
}
.form .input input,.form .textarea textarea {
	width:220px
}
.avatar-list {
	display:flex;
	margin:0;
	padding:0;
	flex-direction:row;
	flex-wrap:wrap;
	align-content:flex-start;
	justify-content:flex-start;
	align-items:center
}
.avatar-list li {
	display:inline-block;
	width:56px;
	height:56px;
	margin:0;
	padding:1px;
	border:2px solid #fff;
	cursor:pointer;
	transition:all .2s cubic-bezier(.645,.045,.355,1)
}
.avatar-list li img {
	display:block;
	width:50px;
	height:50px;
	transition:all .2s cubic-bezier(.645,.045,.355,1)
}
.avatar-list li.active {
	border-color:#f66
}
.avatar-list li.active img {
	position:relative;
	z-index:1
}
.avatar-list li:not(.active):hover {
	border-color:#41b883
}
.avatar-list li:not(.active):hover img {
	transform:scale(.9)
}
.captcha {
	width:225px;
	height:135px;
	position:relative;
	margin:0 auto;
	overflow:hidden
}
.captcha img,.captcha .captcha-error {
	display:block;
	width:225px;
	height:75px;
	line-height:75px;
	cursor:default;
	font-size:33px;
	color:#909399;
	background-color:#fafafa;
	border-radius:5px
}
.captcha .captcha-error i.icon {
	line-height:75px;
	vertical-align:middle
}
.captcha .captcha-error {
	position:absolute;
	left:0;
	top:0;
	line-height:45px;
	text-align:center;
	z-index:1
}
.captcha .captcha-digit {
	width:100%;
	margin:10px 0 0
}
.captcha .captcha-digit input {
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	padding:0;
	margin:0;
	font-family:Arial;
	font-size:28px
}
.user-module {
	padding:10px 0
}
.user-module .form {
	display:none
}
.form-buttons {
	width:100%;
	height:auto;
	text-align:center;
	overflow:hidden
}
.form-loading {
	position:absolute;
	display:none;
	align-items:center;
	width:100%;
	top:0;
	left:0;
	bottom:0;
	z-index:10;
	background-color:rgba(255,255,255,.8);
	vertical-align:middle;
	text-align:center;
	font-size:30px;
	color:#909399;
	cursor:progress
}
.form-loading i.icon {
	margin:0 auto
}
.remodal-close {
	left:unset!important;
	top:5px!important;
	right:5px;
	-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1)!important;
	transition:all .3s cubic-bezier(.645,.045,.355,1)!important
}
.remodal-close::before {
	content:''!important
}
.remodal-close::after {
	display:block;
	width:35px;
	font-size:25px;
	line-height:35px;
	text-align:center;
	content:'\f136';
	text-rendering:auto;
	color:#2a585f;
	font-family:material-design-iconic-font
}
.remodal-close:hover {
	transform:rotate(90deg)
}
.remodal-cancel,.remodal-confirm {
	border-radius:3px
}
.comment {
	width:100%;
	margin:10px 0
}
.comment-category {
	background-color:#fdf6ec
}
.comment .comment-count {
	position:relative;
	width:100%;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #dedede;
	font-size:14px
}
.comment .comment-count .count {
	padding-left:10px
}
.comment .comment-count .count span {
	color:#dd3221;
	margin:0 3px 0 0
}
.comment .comment-count .filter {
	position:absolute;
	top:0;
	right:10px;
	height:30px
}
.comment .comment-count .filter a {
	margin:0 5px;
	cursor:pointer
}
.comment .comment-count .filter a:hover {
	text-decoration:underline
}
.comment .comment-count .filter a.active,.comment .comment-count .filter a.active:hover {
	text-decoration:none;
	color:#dd3221;
	cursor:default
}
.comment .comment-list {
	display:block;
	width:100%;
	padding:0;
	margin:0
}
.comment .comment-list .header {
	height:30px;
	line-height:30px;
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
	background-color:#eee;
	background-image:-webkit-linear-gradient(to top,#eee,#fcfcfc);
	background-image:linear-gradient(to top,#eee,#fcfcfc);
	padding:0 10px;
	color:#2a585f
}
.comment .comment-list .item,.comment .comment-form {
	display:block;
	position:relative;
	width:100%;
	border-bottom:1px solid #dedede;
	padding:10px 10px 10px 0;
	margin:0;
	font-size:14px
}
.comment .comment-list .item .left,.comment .comment-form .left {
	position:absolute;
	left:0;
	top:10px;
	width:60px;
	padding:0 0 0 10px;
	overflow:hidden
}
.comment .comment-list .item .left img,.comment .comment-form .left img {
	width:50px;
	height:50px;
	border-radius:10px
}
.comment .comment-list .item .right,.comment .comment-form .right {
	width:100%;
	padding:0 0 0 70px
}
.comment .comment-list .item .right .author,.comment .comment-list .item .right .author>a {
	height:30px;
	color:#dd3221;
	vertical-align:top
}
.comment .comment-list .item .right .content {
	margin:0;
	color:#222;
	word-wrap:break-word
}
.comment .comment-list .item .right .menu {
	margin:10px 0 0;
	height:30px;
	line-height:30px;
	color:#999
}
.comment .comment-list .item .right .menu a {
	margin-left:15px;
	cursor:pointer
}
.comment .comment-list .item .right .menu a.active,.comment .comment-list .item .right .menu a:hover {
	color:#dd3221
}
.comment .comment-form {
	height:130px;
	border-bottom-color:transparent;
	position:relative
}
.comment .comment-form .face {
	display:none;
	width:380px;
	height:160px;
	padding:10px 5px;
	overflow-y:auto;
	-webkit-border-radius:3px;
	border-radius:3px;
	position:absolute;
	top:126px;
	right:10px;
	z-index:2;
	border:1px solid #aaa;
	box-shadow:0 0 2px rgba(0,0,0,.2);
	background-color:#fff;
	text-align:center
}
#CommentForm .face {
	top:110px
}
.comment .comment-form .face li {
	float:left;
	width:26px;
	height:26px;
	margin:0;
	padding:1px;
	list-style:none;
	text-align:center;
	cursor:pointer
}
.comment .comment-form .face li img {
	width:24px;
	height:24px
}
@media screen and (max-width:500px) {
	.comment .comment-form .face {
	width:90%;
	height:200px;
	position:fixed;
	left:5%;
	top:50%;
	margin-top:-100px
}
#CommentForm .face {
	top:50%
}
.form-info {
	width:100%;
	border-radius:0
}
}.comment .comment-form .input-box {
	position:relative;
	width:100%;
	height:110px;
	border:1px solid #ccc;
	border-radius:3px;
	padding:10px;
	background-color:#fafafa;
	background-image:-webkit-linear-gradient(to bottom,#FAFAFA,#fff);
	background-image:linear-gradient(to bottom,#FAFAFA,#fff);
	transition:all .2s cubic-bezier(.645,.045,.355,1)
}
.comment .comment-form.focus .input-box {
	border-color:#dd3121
}
#CommentSearch {
	height:30px;
	position:relative;
	width:100%;
	padding:0 10px 0 70px;
	margin:5px 0
}
#CommentSearch:before {
	position:absolute;
	display:block;
	left:10px;
	top:0;
	width:59px;
	height:28px;
	line-height:28px;
	font-size:14px;
	text-align:center;
	content:'ËÑË÷';
	border-radius:3px 0 0 3px;
	border:1px solid #ccc;
	border-right:0
}
.comment .comment-form .input-box textarea,#CommentSearch input {
	width:100%;
	height:90px;
	border:none;
	resize:none;
	padding:0;
	overflow-y:hidden;
	background:0 0;
	border-radius:3px
}
.comment .comment-form .input-box textarea::placeholder,#CommentSearch input::placeholder {
	color:#ccc
}
#CommentSearch input {
	height:30px;
	line-height:28px;
	border:1px solid #ccc;
	padding:0 10px;
	border-radius:0 3px 3px 0
}
#CommentSearch input:focus {
	outline:none;
	border-color:#dd3121
}
.comment .comment-form .input-box textarea:focus {
	outline:none
}
.comment .comment-form .input-box .buttons {
	position:absolute;
	right:5px;
	bottom:5px;
	height:30px;
	line-height:30px;
	margin:0;
	padding:0;
	vertical-align:middle
}
.comment .comment-form .input-box button,.comment .comment-form .input-box button:focus,#CommentSearch button {
	display:inline-block;
	height:30px;
	line-height:30px;
	margin:0 0 0 5px;
	padding:0 15px;
	border:none;
	opacity:.5;
	text-align:center;
	font-size:14px;
	background-color:#ccc;
	border-radius:3px;
	cursor:pointer;
	transition:all .2s cubic-bezier(.645,.045,.355,1)
}
#CommentSearch button {
	position:absolute;
	width:40px;
	padding:0;
	text-align:center;
	top:0;
	right:10px;
	border-radius:0 3px 3px 0
}
.comment .comment-form .input-box button:hover,#CommentSearch button:hover {
	outline:none;
	opacity:1;
	background-color:#dd3221;
	color:#fff
}
.comment .comment-user-state {
	width:100%;
	height:30px;
	line-height:40px;
	text-align:right;
	font-size:13px;
	padding:0 10px
}
.comment .comment-user-state a {
	margin-left:10px;
	cursor:pointer;
	display:inline-block;
	height:30px;
	line-height:30px;
	padding:0 15px;
	background-color:#e5e5e5;
	border-radius:3px;
	transition:all .2s cubic-bezier(.645,.045,.355,1)
}
.comment .comment-user-state a:hover {
	color:#fff;
	background-color:#dd3121
}
.comment .comment-list .item-inset {
	display:block;
	position:relative;
	width:100%;
	border:1px solid #e6e6e6;
	background-color:#f8f8f8;
	padding:5px;
	margin:5px 0 0;
	font-size:14px;
	transition:all .2s cubic-bezier(.645,.045,.355,1)
}
.comment .comment-list .item-inset.active {
	border-color:#f9908a;
	background-color:#fff4f4
}
.comment .comment-list .item-inset:hover {
	border-color:#f8e6c7;
	background-color:#fff9ec
}
.comment .comment-list .item-inset.active:hover {
	border-color:#f9908a;
	background-color:#fff4f4
}
.comment .comment-list .item-inset .item-inset-header {
	position:relative;
	height:36px;
	overflow:hidden;
	line-height:30px;
	padding:0 30px 0 35px;
	font-size:12px
}
.comment .comment-list .item-inset .item-inset-header .action {
	position:absolute;
	top:0;
	right:0;
	vertical-align:middle
}
.comment .comment-list .item-inset .item-inset-header .action a {
	cursor:pointer;
	color:#999;
	margin:0 5px
}
.comment .comment-list .item-inset .item-inset-header .action a.active,.comment .comment-list .item-inset .item-inset-header .action a:hover {
	color:#dd3221
}
.comment .comment-list .item-inset .item-inset-header .avatar {
	position:absolute;
	top:3px;
	left:0;
	width:30px;
	height:30px;
	padding:0;
	overflow:hidden
}
.comment .comment-list .item-inset .item-inset-header .avatar img {
	width:30px;
	height:30px;
	border-radius:3px
}
.comment .comment-list .item-inset .item-inset-header .author,.comment .comment-list .item-inset .item-inset-header .time {
	height:18px;
	line-height:18px;
	color:#2a585f
}
.comment .comment-list .item-inset .item-inset-header .time {
	vertical-align:bottom;
	color:#999
}
.comment .comment-list .item-inset .item-inset-content {
	margin-top:5px
}
.comment .comment-pagination {
	width:100%;
	height:40px;
	padding:5px;
	text-align:right;
	overflow:hidden
}
.comment .comment-pagination a,.comment .comment-pagination a:focus {
	display:inline-block;
	border-radius:3px;
	background-color:#fff;
	border:1px solid #dedede;
	height:30px;
	line-height:30px;
	padding:0 10px;
	margin:0 3px;
	cursor:pointer;
	transition:all .2s cubic-bezier(.645,.045,.355,1)
}
.comment .comment-pagination a:hover,.comment .comment-pagination a.curr,.comment .comment-pagination a.more {
	border-color:#dd3221;
	background-color:#dd3221;
	color:#fff
}
.comment .comment-pagination a.curr {
	cursor:not-allowed
}
.comment .comment-pagination.center a {
	display:block;
	text-align:center
}
.topic {
	width:100%;
	overflow:hidden
}
.topic .topic-header {
	padding:10px;
	border-bottom:1px dotted #ddd
}
.topic .topic-header .title {
	width:100%;
	vertical-align:middle
}
.topic .topic-header .view {
	width:100%;
	height:20px;
	line-height:20px;
	color:#999;
	font-size:14px
}
.topic .topic-author {
	height:70px;
	padding:15px 10px
}
.topic .topic-author .left {
	float:left;
	width:40px;
	height:40px;
	overflow:hidden
}
.topic .topic-author .left img {
	width:40px;
	height:40px;
	border-radius:10px
}
.topic .topic-author .right {
	float:left;
	margin-left:10px
}
.topic .topic-author .right .name,.topic .topic-author .right .time {
	line-height:20px
}
.topic .topic-author .right .name {
	color:#dd3221
}
.topic .topic-author .right .time {
	color:#999
}
.topic .topic-content {
	padding:20px 10px;
	border-bottom:1px solid #ddd
}
.topic .topic-content>p,.topic .topic-header .title>p {
	margin:0;
	padding:0
}
.topic .topic-update-date {
	width:100%;
	height:50px;
	line-height:50px;
	color:#999;
	border-bottom:1px solid #ddd;
	font-size:12px;
	text-align:center
}
ul.topic-history {
	display:block;
	width:100%;
	padding:0;
	margin:0
}
ul.topic-history li {
	display:block;
	width:100%;
	border-bottom:1px solid #f8dea1;
	padding:10px
}
ul.topic-history li .head {
	height:36px;
	font-size:14px
}
ul.topic-history li .head span {
	display:inline-block;
	height:36px;
	line-height:36px;
	vertical-align:middle
}
ul.topic-history li .head .avatar {
	margin-right:10px;
	display:inline-block;
	width:36px;
	height:36px;
	border-radius:100%;
	overflow:hidden
}
ul.topic-history li .head .avatar img {
	width:36px;
	height:36px
}
ul.topic-history li .head .author {
	color:#d52027;
	font-weight:700;
	margin-right:10px
}
ul.topic-history li .head .time {
	color:#d49e57
}
ul.topic-history li .title {
	padding:8px 0
}
ul.topic-history li .title a,ul li .title a:focus {
	color:#222
}
ul.topic-history li .foot a {
	margin-right:10px;
	color:#bbb
}
ul.topic-history li .foot a span {
	margin:0 0 0 5px;
	font-weight:400;
	color:#d49e57
}
ul.topic-history li .foot a.active i {
	color:red
}
ul.topic-history li .foot>span {
	float:right;
	color:#bbb
}
ul.topic-history li .foot>span b {
	font-weight:400;
	color:#d49e57;
	margin-left:5px
}
.pagination {
	width:100%;
	height:78px;
	padding:20px 0;
	text-align:center;
	vertical-align:middle;
	overflow:hidden
}
.pagination a,.pagination a:focus {
	height:38px;
	line-height:38px;
	min-width:38px;
	text-align:center;
	display:inline-block;
	border:1px solid #f8dea1;
	border-radius:3px;
	color:#d52027;
	background-color:#fff;
	margin:0 3px;
	padding:0;
	transition:all .2s cubic-bezier(.645,.045,.355,1)
}
.pagination a:hover,.pagination a.active {
	border-color:#d52027;
	color:#fff;
	background-color:#d52027
}
.pagination a.active {
	cursor:default
}
.pagination a.disabled,.pagination a.disabled:hover {
	opacity:.8;
	cursor:not-allowed;
	background-color:#fff;
	color:#f8dea1;
	border-color:#f8dea1
}
.search {
	position:relative;
	height:60px;
	padding:10px 15px;
	width:100%;
	overflow:hidden;
	background-color:#f7f7f7
}
.search input {
	display:block;
	width:100%;
	height:40px;
	line-height:40px;
	border:1px solid #ddd;
	border-radius:40px;
	outline:0;
	padding:0 45px 0 15px;
	font-size:14px;
	transition:all .2s cubic-bezier(.645,.045,.355,1)
}
.search input:focus {
	border-color:#e50000
}
.search button {
	position:absolute;
	top:10px;
	right:20px;
	display:block;
	width:40px;
	height:40px;
	line-height:40px;
	border:none;
	background:0 0;
	text-align:center;
	margin:0;
	padding:0;
	font-size:18px;
	cursor:pointer;
	transition:all .2s cubic-bezier(.645,.045,.355,1)
}
.search button:hover {
	color:#e50000
}
.toast {
	position:fixed;
	z-index:999;
	top:50%;
	left:50%;
	width:40%;
	max-width:500px;
	display:none;
	transform:translateX(-50%) translate3d(0,0,0);
	background-color:rgba(0,0,0,.7);
	color:#fff;
	font-size:16px;
	height:50px;
	line-height:50px;
	border-radius:50px;
	text-align:center;
	overflow:hidden
}
#Vote {
	width:100%;
	clear:both
}
#Vote .vote-current .title {
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:18px;
	font-weight:700;
	background-color:#b1b6c1;
	color:#fff
}
#Vote .vote-current .date {
	position:relative;
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:18px;
	font-weight:700;
	color:#666;
	background-color:#f6f6f6;
	border-bottom:1px solid #ddd
}
#Vote .vote-current .date .sponsor {
	display:inline-block;
	position:absolute;
	top:0;
	right:0;
	color:red;
	font-size:13px;
	font-weight:400;
	padding:0 10px
}
#Vote .vote-current .date .date-count b {
	margin:0 4px
}
#Vote .vote-current .date .sponsor b {
	font-weight:400;
	margin-left:3px
}
#Vote .vote-current .vote-box ul {
	display:block;
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0
}
#Vote .vote-current .vote-box ul li {
	position:relative;
	display:block;
	width:50%;
	float:left;
	height:45px;
	margin:0;
	padding:10px;
	overflow:hidden;
	transition:all .2s cubic-bezier(.645,.045,.355,1)
}
#Vote .vote-current .vote-box ul li span {
	display:inline-block;
	float:left;
	height:25px;
	line-height:25px
}
#Vote .vote-current .vote-box ul li span.vote-box-radio {
	width:25px
}
#Vote .vote-current .vote-box ul li span.vote-box-radio::before {
	display:block;
	width:25px;
	height:25px;
	font:normal normal normal 18px/25px 'Material-Design-Iconic-Font';
	content:'\f26c';
	text-align:center;
	opacity:.5;
	transition:all .2s cubic-bezier(.645,.045,.355,1)
}
#Vote .vote-current .vote-box ul li.selected span.vote-box-radio::before {
	content:'\f26f';
	color:#ff5a5f;
	opacity:1
}
#Vote .vote-current .vote-box ul li span.vote-box-name {
	width:25px;
	text-align:center
}
#Vote .vote-current .vote-box ul li span.vote-box-progress {
	position:absolute;
	display:block;
	width:100%;
	padding:8px 90px 7px 50px;
	float:unset
}
#Vote .vote-current .vote-box ul li span.vote-box-progress i {
	height:10px;
	line-height:10px;
	display:block;
	background:#eee;
	border-radius:10px;
	overflow:hidden
}
#Vote .vote-current .vote-box ul li span.vote-box-progress i em {
	display:block;
	width:0;
	background:#ff5a5f;
	height:100%;
	transition:all .3s cubic-bezier(.645,.045,.355,1);
	border-radius:10px
}
#Vote .vote-current .vote-box ul li span.vote-box-count {
	width:70px;
	float:right;
	padding:0 0 0 10px;
	font-size:13px
}
#Vote .vote-current .vote-box:not(.done) ul li:hover {
	cursor:pointer;
	background-color:#f0f8ff
}
#Vote .vote-current .vote-box:not(.done) ul li:hover span.vote-box-radio::before {
	opacity:1
}
#Vote .vote-current .vote-box.done ul span.vote-box-radio::before {
	opacity:0
}
#Vote .vote-current .vote-box.done .vote-box-bottom {
	display:none
}
#Vote .vote-current .vote-box .vote-box-bottom {
	padding:10px 0
}
#Vote .vote-current .vote-box .vote-box-bottom>div {
	text-align:center
}
#Vote .vote-current .vote-box .vote-box-bottom>div b {
	font-weight:400;
	margin:0 3px
}
#Vote .vote-current .vote-box .vote-box-bottom button {
	display:block;
	height:35px;
	line-height:35px;
	background-color:#ff4757;
	color:#fff;
	text-align:center;
	padding:0;
	border:none;
	margin:10px auto 0;
	border-radius:20px;
	width:120px;
	font-size:16px;
	cursor:pointer;
	transition:all .2s cubic-bezier(.645,.045,.355,1)
}
#Vote .vote-current .vote-box .vote-box-bottom button:enabled:hover {
	background-color:rgba(255,71,87,.8)
}
#Vote .vote-current .vote-box .vote-box-bottom button[disabled] {
	background-color:#aaa;
	cursor:not-allowed
}
#VoteStat table {
	empty-cells:show;
	border-collapse:collapse;
	border-spacing:2px;
	font-size:14px
}
#VoteStat table tr {
	display:table-row;
	vertical-align:inherit;
	border-color:inherit
}
#VoteStat table.curr-vote,#VoteStat table.prev-vote {
	color:teal
}
#VoteStat table.prev-vote-top td.hit,#VoteStat table.prev-vote td.hit {
	background-color:#ff0
}
#VoteStat table.curr-vote td,#VoteStat table.prev-vote td {
	text-align:center
}
.dual-lottery {
	padding-top:50px;
	position:relative
}
.lottery>.dual-button {
	display:none
}
.dual-lottery>.dual-button {
	display:block;
	position:absolute;
	width:220px;
	height:40px;
	left:50%;
	top:12px;
	margin:0 0 0 -110px;
	overflow:hidden;
	padding:5px 0 0
}
.dual-lottery>.dual-button>button:before {
	display:inline-block;
	content:'\f2fa';
	text-rendering:auto;
	font-family:material-design-iconic-font;
	font-size:15px;
	margin:0 5px 0 0;
	color:transparent;
	transition:all .2s ease
}
.dual-lottery>.dual-button>button:after {
	display:inline-block;
	content:'\f2fb';
	text-rendering:auto;
	font-family:material-design-iconic-font;
	font-size:15px;
	margin:0 0 0 5px;
	color:transparent;
	transition:all .2s ease
}
.dual-lottery>.dual-button>button {
	display:block;
	width:100px;
	float:left;
	height:32px;
	border:0;
	line-height:32px;
	text-align:center;
	color:#777;
	margin:0 5px;
	padding:0;
	background-color:#f5f2f2;
	border-radius:5px;
	font-size:15px;
	transition:all .2s ease
}
.dual-lottery>.dual-button>button:hover {
	background-color:rgba(0,0,0,.05);
	color:#555
}
.dual-lottery>.dual-button>button.activated,.dual-lottery>.dual-button>button.activated:hover {
	cursor:not-allowed;
	color:#fff;
	background-color:red;
	font-size:18px
}
.dual-lottery>.dual-button>button.activated:before,.dual-lottery>.dual-button>button.activated:after {
	font-size:18px;
	color:#fff
}
.lottery-selector {
	width:100%;
	height:152px;
	overflow:hidden
}
.home-lottery>.lottery-selector {
	height:170px
}
.lottery-selector>div {
	width:100%;
	overflow:hidden;
	transition:all .3s ease;
	min-height:170px;
	position:relative
}
.lottery-selector.turning>div:first-child {
	margin-top:-152px
}
.home-lottery>.lottery-selector.turning>div:first-child {
	margin-top:-170px
}
.lit10 {
	background:#c3ccd0
}