@charset "utf-8";
/*
Theme ID: user111
Author: 懒鸟飞移植
Author QQ：1430826160
Author Email：1430826160@qq.com
Author URL: http://www.lanniaofei.com/
*/

body {
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif
}
.err-mask,body {
	height:100%;
	font-size:13px;
	background:#0f0f1a;
	color:#fff
}
.err-mask {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	z-index:200
}
label {
	font-weight:700
}
html {
	height:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
* {
	padding:0;
	margin:0;
	list-style:none
}
#app {
	height:100%
}
*,:after,:before {
	-webkit-box-sizing:inherit;
	box-sizing:inherit
}
a:active,a:focus {
	outline:none
}
a,a:focus,a:hover {
	cursor:pointer;
	color:inherit;
	text-decoration:none
}
div:focus {
	outline:none
}
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0
}
.app-icon {
	background:url(../images/azbg.png) no-repeat;
	background-size:cover;
	overflow:hidden;
	border-radius:10px
}
.app-container {
	padding:20px
}
.el-menu-item {
	color:#fff
}
.checkbox {
	display:inline-block;
	position:relative;
	cursor:pointer;
	margin-left:10px;
	width:30px
}
.checkbox:after {
	border:1px solid #ccc;
	background-color:#fff;
	z-index:2;
	border-radius:5px
}
.checkbox.disabled:before,.checkbox:after {
	position:absolute;
	content:"";
	width:30px;
	height:30px;
	left:0;
	top:0
}
.checkbox.disabled:before {
	border:1px solid #ccc;
	z-index:3;
	background-color:#ccc
}
.el-collapse {
	border-width:3px;
	padding-left:20px
}
.app-wrapper {
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
#app,.app-wrapper {
	max-width:750px;
	margin:0 auto
}
.header {
	width:100%;
	top:0;
	height:70px;
	-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);
	box-shadow:0 0 5px rgba(0,0,0,.2);
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	background:#0f0f1a;
	position:relative
}
.header,.logo {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.logo {
	margin:0 0 0 10px
}
.logo .app-icon {
	width:50px;
	height:50px;
	margin:0 10px 0 0
}
.logo img {
	display:block;
	width:100%;
	height:100%
}
.logo p {
	font-weight:700;
	font-size:16px;
	color:#f8d44d
}
.search {
	margin:0 10px 0 0;
	background:#f3f3f3;
	border-radius:100px;
	position:relative;
	overflow:hidden
}
.search,.search p {
	width:170px;
	height:30px
}
.search p {
	line-height:30px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:none;
	padding:0 0 0 10px;
	margin:0;
	border:0;
	color:#999;
	border-radius:100px
}
.search .icon {
	background:#f3f3f3 url(../images/searc-icon.png) no-repeat 50%;
	background-size:18px;
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	right:0;
	top:0
}
.close-search {
	padding:10px 0;
	text-decoration:underline;
	margin-right:10px;
	font-size:14px
}
.tool-bar {
	padding:10px;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	width:100%;
	bottom:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	z-index:100
}
.tool-bar .close {
	width:20px;
	height:20px;
	background:url(../images/close-icon.png) no-repeat 50%;
	background-size:12px
}
.tool-bar .app-info {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-left:10px
}
.tool-bar .app-info .app-icon {
	width:50px;
	height:50px;
	margin:0 10px 0 0
}
.tool-bar .app-info .app-icon img {
	display:block;
	width:100%;
	height:100%
}
.tool-bar .app-info p {
	color:#fff;
	margin:0 0 5px;
	font-size:15px;
	font-weight:700
}
.tool-bar .app-info span {
	color:#ccc
}
.tool-bar .btn {
	margin-left:auto;
	background:#00cc7d;
	border-radius:5px;
	color:#fff;
	width:96px;
	height:35px;
	line-height:35px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.tool-bar .btn i {
	margin:0 3px 0 0;
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../images/down-icon.png) no-repeat 50%;
	background-size:18px
}
.content {
	margin:0 0 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.content,.content .left {
	height:calc(100vh - 170px)
}
.content .left {
	width:80px;
	overflow-y:auto;
	text-align:center;
	color:#333;
	-webkit-box-flex:0;
	-ms-flex-positive:0;
	flex-grow:0;
	-ms-flex-negative:0;
	flex-shrink:0;
	-ms-flex-preferred-size:80px;
	flex-basis:80px
}
.content .left li {
	height:40px;
	font-size:13px;
	line-height:40px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#fff
}
.content .left li a{
    display: block;
}

.content .left .cur {
	font-weight:700;
	background:#202536;
	position:relative
}
.content .left .cur i {
	display:block;
	position:absolute;
	left:5px;
	top:8px;
	bottom:8px;
	width:3px;
	background:#0283ef;
	border-radius:3px
}
.content .right {
	height:calc(100vh - 170px);
	overflow-y:auto;
	background:#202536;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	-ms-flex-negative:1;
	flex-shrink:1
}
.content .right .title {
	padding:0 0 0 10px;
	margin:0 0 0 10px;
	font-weight:700;
	font-size:16px;
	color:#f8d44d;
	line-height:40px;
	border-bottom:1px solid #fff
}
.content .right .pager {
	padding:20px 0;
	text-align:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.content .right .pager div {
	margin:0 10px;
	background:linear-gradient(92deg,#ff7b35,#ff5f4e);
	width:60px;
	height:30px;
	color:#fff;
	border-radius:3px;
	text-align:center;
	line-height:30px
}
.game-list {
	margin:0 0 0 10px
}
.game-list li {
	margin:10px 0 0 0;
	padding-bottom:10px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	position:relative
}
.game-list li:after {
	content:"";
	position:absolute;
	left:60px;
	right:0;
	bottom:0;
	height:.01rem;
	background:hsla(0,0%,100%,.6)
}
.game-list li .app-icon {
	width:60px;
	height:60px;
	overflow:hidden;
	border-radius:10px
}
.game-list li .app-icon img {
	display:block;
	width:60px;
	height:60px
}
.game-list li .info {
	margin:0 0 0 6px
}
.game-list li .info .name {
	font-weight:500;
	font-size:14px
}
.game-list li .info .tags {
	margin:3px 0
}
.game-list li .info .tags span {
	display:inline-block;
	font-size:10px;
	color:#fff;
	background-color: rgb(122, 23, 198);
	border-radius:20px;
	margin:0 3px 3px 0;
	padding:1px 3px
}
.game-list li .info .tags span:first-child {
	background-color: rgb(16, 186, 168);
}
.game-list li .info .time {
	font-size:11px;
	color:#999
}
.game-list li .btn {
	margin:0 10px 0 auto;
	background:linear-gradient(92deg,#ff7b35,#ff5f4e);
	width:50px;
	height:25px;
	color:#fff;
	border-radius:3px;
	text-align:center;
	line-height:25px
}
.pop-game {
	position:fixed;
	z-index:200;
	background:rgba(0,0,0,.6);
	width:100%;
	height:100%;
	left:0;
	top:0
}
.pop-game .inner {
	background:#fff;
	border-radius:10px;
	overflow:hidden;
	position:absolute;
	padding-bottom:20px;
	top:50%;
	left:50%;
	width:330px;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)
}
.pop-game .inner .title {
	height:45px;
	background-color: rgb(16, 186, 168);
	text-align:center;
	line-height:45px;
	font-weight:700;
	color:#fff;
	font-size:20px;
	position:relative;
	margin: 0;
}
.pop-game .inner .title .close {
	background:url(../images/close-icon2.png) no-repeat;
	width:30px;
	height:30px;
	background-size:30px;
	position:absolute;
	right:10px;
	top:8px
}
.pop-game .inner .game-info {
	margin:10px;
	margin-bottom:20px;
	padding:10px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	border:1px solid #eee;
	border-radius:10px
}
.pop-game .inner .game-info .app-icon {
	width:80px;
	height:80px
}
.pop-game .inner .game-info .app-icon img {
	display:block;
	width:80px;
	height:80px;
	border-radius:10px
}
.pop-game .inner .game-info .info {
	margin:0 0 0 10px
}
.pop-game .inner .game-info .info .name {
	font-weight:500;
	font-size:16px;
	color:#000
}
.pop-game .inner .game-info .info .tags {
	margin:3px 0
}
.pop-game .inner .game-info .info .tags span {
	display:inline-block;
	font-size:10px;
	color:#fff;
	background-color: rgb(122, 23, 198);
	border-radius:20px;
	margin:0 3px 3px 0;
	padding:2px 5px
}
.pop-game .inner .game-info .info .tags span:first-child {
	background-color: rgb(16, 186, 168);
}
.pop-game .inner .game-info .info .time {
	font-size:11px;
	color:#999
}
.pop-game .inner .company-info {
    padding: 10px 10px 10px 10px;
    margin: 0 10px 20px 10px;
    color: #333;
    border: 1px solid #eee;
    background-color: #eee;
    border-radius: 5px;
}
.pop-game .inner .btn {
	margin:0 30px;
	line-height:45px;
	font-weight:700;
	color:#fff;
	background-color: rgb(16, 186, 168);
	font-size:20px;
	border-radius:100px;
	text-align:center;
	-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.5);
	box-shadow:0 2px 4px 0 rgba(0,0,0,.5)
}
.zoomIn {
	-webkit-animation:zoomIn .5s infinite alternate;
	animation:zoomIn .5s infinite alternate
}
.zoomIn a{
    display: block;
}

@-webkit-keyframes zoomIn {
	0% {
	-webkit-transform:scale(.9);
	transform:scale(.9)
}
to {
	-webkit-transform:scale(1);
	transform:scale(1)
}
}@keyframes zoomIn {
	0% {
	-webkit-transform:scale(.9);
	transform:scale(.9)
}
to {
	-webkit-transform:scale(1);
	transform:scale(1)
}
}.today-rec {
	margin:0 10px 10px 10px;
	background:#202536;
	border-radius:10px;
	overflow:hidden
}
.today-rec,.today-rec .title {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	height:90px
}
.today-rec .title {
	padding-left:4px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:20px;
	background:#0283ef;
	color:#fff;
	font-weight:700;
	font-size:12px;
	-webkit-box-flex:0;
	-ms-flex-positive:0;
	flex-grow:0;
	-ms-flex-negative:0;
	flex-shrink:0;
	-ms-flex-preferred-size:20px;
	flex-basis:20px;
	text-align:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	line-height:1.5
}
.today-rec .list {
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	-ms-flex-negative:1;
	flex-shrink:1;
	padding:10px;
	position:relative
}
.today-rec .list ul li {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.today-rec .list ul li .app-icon {
	width:70px;
	height:70px;
	-webkit-box-flex:0;
	-ms-flex-positive:0;
	flex-grow:0;
	-ms-flex-negative:0;
	flex-shrink:0;
	-ms-flex-preferred-size:70px;
	flex-basis:70px;
	margin-right:10px
}
.today-rec .list ul li .app-icon img {
	display:block;
	width:100%;
	height:100%
}
.today-rec .list ul li .info {
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	-ms-flex-negative:1;
	flex-shrink:1
}
.today-rec .list ul li .info .name {
	font-weight:500;
	font-size:18px
}
.today-rec .list ul li .info .tags {
	margin:3px 0
}
.today-rec .list ul li .info .tags span {
	display:inline-block;
	font-size:10px;
	color:#fff;
	background:#00982d;
	border-radius:20px;
	margin:0 3px 3px 0;
	padding:1px 3px
}
.today-rec .list ul li .info .tags span:first-child {
	background:#ff5f4e
}
.today-rec .list ul li .info .time {
	font-size:11px;
	color:#999
}
.today-rec .list .btn {
	background:linear-gradient(92deg,#ff7b35,#ff5f4e);
	width:50px;
	height:25px;
	color:#fff;
	border-radius:3px;
	text-align:center;
	line-height:25px;
	position:absolute;
	right:10px;
	bottom:10px
}
.today-rec .list .huanyige {
	position:absolute;
	right:10px;
	top:10px;
	font-size:12px;
	color:#f8d44d;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.today-rec .list .huanyige img {
	display:block;
	width:12px;
	margin-left:3px
}
.rec-list {
	margin:0 10px 10px 10px;
	background:#202536;
	border-radius:10px;
	overflow:hidden
}
.rec-list,.rec-list .title {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	height:90px
}
.rec-list .title {
	padding-left:4px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:20px;
	background:#0283ef;
	color:#fff;
	font-weight:700;
	font-size:12px;
	-webkit-box-flex:0;
	-ms-flex-positive:0;
	flex-grow:0;
	-ms-flex-negative:0;
	flex-shrink:0;
	-ms-flex-preferred-size:20px;
	flex-basis:20px;
	text-align:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	line-height:1.5
}
.rec-list .list {
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	-ms-flex-negative:1;
	flex-shrink:1;
	padding:8px 10px 0 10px;
	position:relative;
	overflow-x:auto
}
.rec-list .list ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:start
}
.rec-list .list ul li {
	width:60px;
	margin-right:10px;
	text-align:center
}
.rec-list .list ul li .app-icon {
	width:60px;
	height:60px;
	position:relative
}
.rec-list .list ul li .app-icon img {
	display:block;
	width:100%;
	height:100%
}
.rec-list .list ul li .app-icon p {
	background:#0283ef;
	color:#fff;
	font-size:10px;
	padding:2px 5px;
	border-radius:0 0 6px 0;
	position:absolute;
	left:0;
	top:0
}
.rec-list .list ul li .name {
	font-size:11px;
	margin-top:2px
}
.shequn {
	margin:0 10px 10px 10px;
	height:90px
}
.shequn ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	padding-top:10px;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.shequn ul li {
	width:70px;
	border-radius:10px;
	overflow:hidden
}
.shequn ul li img {
	display:block;
	width:100%
}
.note {
	color:#999;
	padding:20px 0;
	text-align:center
}
.search-result {
	position:absolute;
	top:70px;
	width:100%;
	bottom:0;
	background:#0f0f1a;
	padding-top:10px;
	max-width:750px
}
.search-result .list {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:50px;
	overflow-y:auto;
	background: #0f0f1a;
	z-index: 100;
}
.search-result .input {
	margin:0 10px;
	height:30px;
	background:#f3f3f3;
	overflow:hidden;
	position:relative;
	border-radius:100px
}
.search-result .input input {
	width:100%;
	height:30px;
	background:transparent;
	border:none;
	border-radius:100px;
	padding-left:10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.search-result .input .btn {
	width:60px;
	height:26px;
	font-weight:700;
	background:#00cc7d;
	position:absolute;
	right:2px;
	top:2px;
	border-radius:100px;
	text-align:center;
	line-height:26px;
	font-size:15px
}
.pop-shequn {
	position:fixed;
	z-index:200;
	background:rgba(0,0,0,.6);
	width:100%;
	height:100%;
	left:0;
	top:0
}
.pop-shequn .inner {
	background:#fff;
	border-radius:10px;
	overflow:hidden;
	position:absolute;
	padding-bottom:20px;
	top:50%;
	left:50%;
	width:330px;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	background:-webkit-gradient(linear,left top,left bottom,from(#e1edfe),color-stop(#fff),color-stop(#fff),to(#fff));
	background:linear-gradient(#e1edfe,#fff,#fff,#fff)
}
.pop-shequn .inner .title {
	font-weight:700;
	color:#000;
	font-size:20px;
	padding:20px 0 15px 0;
	position:relative;
	margin:0 20px
}
.pop-shequn .inner .title:after {
	content:"";
	height:4px;
	background:#000;
	width:40px;
	position:absolute;
	left:0;
	bottom:0
}
.pop-shequn .inner .cont {
	margin:20px 20px;
	max-height:300px;
	overflow-y:auto
}
.pop-shequn .inner .cont .text {
	margin-bottom:10px;
	width:100%;
	color:#333;
	line-height:1.5;
	font-size:15px
}
.pop-shequn .inner .cont img {
	display: block;
    width: 80%;
    margin: 0 auto;
}
.pop-shequn .inner .act {
	margin:0 20px
}
.pop-shequn .inner .act .btn {
	margin:0 20px;
	line-height:45px;
	font-weight:700;
	color:#fff;
	background:#0283ef;
	font-size:20px;
	border-radius:100px;
	text-align:center;
	-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.5);
	box-shadow:0 2px 4px 0 rgba(0,0,0,.5);
	display: block;
	background-color: rgb(16, 186, 168);
}
.pop-shequn .inner .act .btn2 {
	margin-top:15px;
	text-align:center;
	color:#999
}
.app-main[data-v-64cf4d83] {
	min-height:calc(100vh - 50px);
	width:100%;
	position:relative;
	overflow:hidden
}
.fixed-header+.app-main[data-v-64cf4d83] {
	padding-top:50px
}
.el-popup-parent--hidden .fixed-header {
	padding-right:15px
}


.footer{
   text-align: center;
    line-height: 20px;
    border-top: 1px solid hsla(0,0%,100%,.6);
    padding-top: 10px;
    padding-bottom: 10px;
    color: #ccc;
}
.footer a{
    color: #ccc;
}


/*******分页导航*****/
.pagination {
	margin: 0;
	padding: 20px;
	text-align: center;
	font-size: 12px;
	display: block
}
.pagination ul {
	display: inline-block;
 *display: inline;
 *zoom: 1;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0
}
.pagination ul > li {
	display: inline
}
.pagination ul > li > a, .pagination ul > li > span {
	padding: 0;
	background-color: #ddd;
	color: #666;
	border-radius: 2px;
	opacity: .88;
	padding: 8px 12px!important;
}
.pagination ul .thisclass span{color: #fff!important}
.pagination ul > li > a:hover, .pagination ul > li > a:focus {
	opacity: 1
}
.pagination ul > .active > a, .pagination ul > .active > span {
	background-color: #61B3E6;
	color: #fff
}
.pagination ul > .active > a, .pagination ul > .active > span {
	cursor: default
}
.pagination ul > li > span, .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus {
	color: #999999;
	background-color: transparent;
	cursor: default
}
.pagination ul > li {
	margin: 2px;
	float: left;

	color: #666;
	border-radius: 2px;
	opacity: .88
}
.pagination ul > li > a {
	margin: 0;
	padding: 0
}
.pagination ul > li select {
	border: none
}
.pagination ul > .thisclass > a, .pagination ul > .thisclass {
	background-color: #61B3E6;
	color: #fff
}
.pagination ul > .thisclass > a, .pagination ul > .thisclass {
	cursor: default
}



.artcontent{
    margin: 10px 15px;
    font-size: 14px;
    line-height: 30px;
}