.nav{border-bottom: 1px solid #e4e4e4; overflow: hidden;}
.nav ul li{width: 20%; text-align: center; color: #333; font-size: 16px; float: left; height: 39px; line-height: 40px;}
.nav ul li a{display: block;}
.nav ul li .cur{color: #458622; border-bottom: 3px solid #58b029; top: -3px; position: relative; height: 39px; line-height: 44px;}

.line{width: 100%; height: 10px; background: #f0f0f0; position: relative;}

.sum{background: #FFF; padding: 12px 0; margin: 0 auto; width: 100%; overflow: hidden;}
.sum ul li{float: left; width: 15%; margin: 0 0.2% 0 8%;}
.sum ul li a{display: block; height: 100%; width: 100%; border-radius: 0.3em;}
.sum ul li a img{display: block; width: 90%; margin: 0 auto; max-width: 128px;}
.sum ul li a span{height: 21px; line-height: 28px; font-size: 14px; width: 100%; text-align: center; display: block;}

.app .app-top{border-bottom: 1px solid #e4e4e4; height: 42px; line-height: 42px; padding: 0 3.5% 0 4%;}
.app .app-top h3{float: left; font-size: 16px; color: #000; height: 40px; border-bottom: 3px solid #58b029; width: auto;}
.app .app-top .more{padding-right: 13px; line-height: 24px; margin-top: 10px; font-size: 14px; color: #777; text-align: center; /*background: url(../images/more.png) no-repeat right 5px; */background-size: 14px auto; display: block; float: right; border-radius: 3px;}
.app .app-center{width: 100%; height: auto; padding: 10px 10px 0; display: -webkit-box; overflow: hidden; box-sizing: border-box; position: relative; zoom: 1; margin: 0; text-decoration: none; margin: 4% 4% 0; padding-bottom: 4%; border-bottom: 1px solid #efefef;}
.app .app-center img{width: 88px; height: 88px; border-radius: 16px; display: block; overflow: hidden;}
.app .app-center .introd{width: auto; height: auto; display: block; overflow: hidden; -webkit-box-flex: 1; padding: 0 0 0 12px;}
.app .app-center .introd strong{width: 155px; height: 20px; line-height: 20px; font-size: 16px; font-weight: bold; color: #333; margin: 4px 0 0 0; display: block; overflow: hidden;}
.app .app-center .introd em{width: 100%; height: auto; margin: 8px 0 0 0; font-size: 14px; font-weight: normal; color: #999; display: block; overflow: hidden;}
.app .app-center .introd p{width: 100%; height: 34px; line-height: 18px; font-size: 14px; font-weight: normal; color: #666; margin: 8px 0 0 0; display: block; overflow: hidden;}
.app .app-center .btn{width: 62px; height: 32px; line-height: 32px; font-size: 16px; font-weight: normal; text-align: center; border-radius: 4px; display: block; overflow: hidden; position: absolute; right: 30px; top: 25px; color: #FFF; background: #58b029;}
.clear{clear: both;}
.app .app-botoom ul{margin-bottom: 4%; overflow: hidden;}
.app .app-botoom ul li{width: 20%; margin: 4% 0 0 4%; box-sizing: border-box; text-align: center; float: left; display: inline-block;}
.app .app-botoom ul li .sy{display: block;}
.app .app-botoom ul li .sy img{width: 72px; height: 72px; border-radius: 20px;}
.app .app-botoom ul li .sy span{font-size: 14px; color: #333; margin-top: 5px; overflow: hidden; white-space: nowrap; display: block; width: 100%; text-align: center;}
.app .app-botoom ul li .bt{margin: 4px auto 0; width: 80%; text-align: center; font-size: 14px; line-height: 28px; height: 28px; color: #FFF; background: #58b029; border-radius: 3px; box-sizing: border-box; display: block;}
.app .game{margin-bottom: 4%; overflow: hidden;}
.app .game li{margin-top: 10px; width: 44%; margin: 4% 0 0 4%; box-sizing: border-box; text-align: left; float: left;overflow: hidden;}
.app .game li a{float: left;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 82px;min-width: 82px;}
.app .game li a img{width: 72px; height: 72px; border-radius: 20px;}
.app .game li p{padding: 0 0 0 52%;}
.app .game li p .name{font-size: 14px; color: #333; margin-top: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.app .game li p .size{margin-top: 3px; font-size: 12px; color: #888; line-height: 20px; width: 100%; display: block;}
.app .game li p .xz{margin-top: 3px; margin: 4px 0 0; display: block; width: 80%; text-align: center; font-size: 12px; line-height: 28px; height: 28px; color: #FFF; background: #58b029; border-radius: 3px; box-sizing: border-box;}
.app .bq{margin: 0 0 0 4%; padding-bottom: 1rem; padding-top: 0.5rem; border-top: 1px dashed #eee;}
.app .bq span{display: block; max-height: 2.7rem; overflow: hidden;}
.app .bq span strong{line-height: 2rem; margin-right: 3px}
.app .bq span a{height: 1.5rem; line-height: 1.5rem; font-size: 1rem; padding: 2px 1.2rem; width: auto; border: 1px solid; display: inline-block; margin: 0.5rem 1rem 0 0; border-radius: 20px;}
.app .bq span .s1{border-color: #3dc7c0; color: #3dc7c0;}
.app .bq span .s2{border-color: #caae81; color: #caae81;}
.app .bq span .s3{border-color: #ff855a; color: #ff855a;}
.app .bq span .s4{border-color: #6fb7eb; color: #6fb7eb;}

.app .app-top h2{width: 50%; float: left; font-size: 16px; color: #000; line-height: 42px; text-indent: 2px; background-size: auto 50%;}




.six-b{padding: 0 10px 0; height: 285px; display: block; overflow: hidden; box-sizing: border-box; width: auto;}
.six-b ul{width: 100%; height: auto; background: #fff; display: block; overflow: hidden; padding: 0 10px; box-sizing: border-box;}
.six-b ul li{width: 100%; height: auto; display: block; padding: 10px 0; overflow: hidden; border-top: 1px solid #f7f7f7;}
.six-b ul li a{float: left; width: 110px; height: 74px;}
.six-b ul li a img{width: 110px; height: 74px; display: block; overflow: hidden;}
.six-b ul li .six-m{width: auto; height: 74px; display: block; overflow: hidden; -webkit-box-flex: 1; padding-left: 10px;}
.six-b ul li .six-m a{width: 100%; height: 20px; line-height: 20px; font-size: 16px; font-weight: normal; color: #333; margin: 3px 0 8px 0; display: block; overflow: hidden;}
.six-b ul li .six-m p{width: 100%; height: 16px; line-height: 18px; font-size: 12px; font-weight: normal; color: #999; margin: 5px 0 0; display: block; overflow: hidden;}
.six-b ul li .six-m p span{color: #f60; font-weight: bold; padding: 0 4px;}



.link{clear: both; height: auto; position: relative; padding: 0 10% 0 4%; margin-bottom: 12px; margin-top: 6px; line-height: 25px; color: #666; overflow: hidden;}
.link .link-p{width: 100%; color: #333;height: 25px; }
.link .link-p a{color: #666; margin-right: 6px;}
.link span{
	display: inline-block; height: 25px; width: 30px; background: url(../images/down-arrow.png) no-repeat center center; position: absolute; right: 10px; bottom: 0px;
}

.link .cur{
	background: url(../images/up-arrow.png) no-repeat center center;
    display: inline-block; height: 25px; width: 30px; position: absolute; right: 10px; bottom: 0px;
}


.lite{width: 100%; height: 160px; overflow: hidden;}
#owl-demo{position: relative; width: 100%; margin: 0; height: 160px; opacity: 1; display: block;}
#owl-demo .item{overflow: hidden; position: relative; width: 100%;}
#owl-demo img{width: 100%; height: 160px;}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}
.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}
.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}
.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}