/* Move down content because we have a fixed navbar that is 50px tall */
body {
/*
  padding-top: 50px;
  padding-bottom: 20px;
*/
  font-family: "PingFang SC", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", 微软雅黑, STHeitiSC-Light, simsun, 宋体, "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", sans-serif;
  font-size: 13px;
  font-weight: 300;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "PingFang SC", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", 微软雅黑, STHeitiSC-Light, simsun, 宋体, "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", sans-serif;
}
h4 { font-size: 15px; }
a { color: #666;}
a:hover { color: #0181d8; text-decoration: none; }
.clear{ clear:both} 
@media (min-width: 1200px){
	.container {
    width: 1070px;
	}
}
/********* 顶部主导航 *********/
.navbar { min-height: 60px; }
.navbar-default { background: #0181d8; border-bottom: none; }
	.navbar-default .navbar-brand { color: #FFF; }
	.navbar-default .navbar-nav>li>a { color: #FFF; font-weight: 400; }
		.navbar-default .navbar-nav>li>a:hover { color: #a9dcff; }
	
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #FFF; background: none; border-bottom:  2px solid #FFF; }
	.nav>li>a { padding: 18px 4px 10px; margin: 0 25px; }
	.navbar-nav>li>a { padding-bottom: 6px; margin-bottom: 9px; font-size: 16px;}
.navbar-brand { width: 70px; height: 60px; background: url(../images/logo.png) no-repeat center center; background-size: 51px 36px; overflow: hidden; text-indent: -200px; }
.top-element { padding-top: 60px; }
		@media (min-width: 512px) {
		.top-element { padding-top: 70px; }
		}
/********* 面包屑导航 *********/
.mini-nav { border-bottom: 1px solid #E7E7E7; }
	.breadcrumb { margin: 0; background-color: #FFF; padding: 8px 0 12px; }
	
	.share-link { }
		.share-link dt, .share-link dd { float: left; margin-left: 1em; height: 32px; line-height: 32px;z }
		.share-link dt { float: left; color: #CCC; } 
		.share-link dd a { display: block; width: 32px; height: 32px; line-height: 32px; overflow: hidden; text-indent: -999px; background: url(/skin/img/icon_wechat.png) no-repeat; }
			.share-link dd a:hover { background: url(/skin/img/icon_wechat_on.png) no-repeat ; }
			.share-link dd.share_weibo a { background: url(/skin/img/icon_weibo.png) no-repeat; }
			.share-link dd.share_weibo a:hover { background: url(/skin/img/icon_weibo_on.png) no-repeat; }
			
footer { padding: 30px 0; background: #282c36; color: #FFF; font-size: 12px; }
	footer a {  color: #FFF; }
		.foot-line a { padding: 0 .6em; }
		.foot-line .col-md-12 { text-align: center; }
		
		.foot-type { padding: 10px 0; display: none; }
			.foot-type h6 { font-size: 15px; font-weight: 400; line-height: 30px; color: #FFF; }
			.foot-type p { color: #e9e9ea; opacity: .6; font-weight: 200; }
			.foot-type a { display: block; line-height: 26px; font-size: 12px; color: #e9e9ea; opacity: .6; font-weight: 200; }
			.foot-type img { width: 136px; height: 136px; margin-bottom: 1em; }
		
		.foot-link { padding: 10px 0; display: none; }
			.foot-link h5 { font-size: 15px; font-weight: 200; }
			.foot-link a { line-height: 30px; font-size: 12px; font-weight: 200; color: #e9e9ea; opacity: .6; margin-right: 2em; }
			
		.foot-mini-line { text-align: center; padding: 10px 0; display: block; }
			.foot-mini-line a { line-height: 30px; font-size: 12px; font-weight: 200; color: #e9e9ea; opacity: .6; margin: 0 1em; }
			
			.foot-type a:focus, .foot-type a:hover, .foot-link a:focus, .foot-link a:hover, .foot-mini-line a:focus, .foot-mini-line a:hover, .foot-type p:hover {
			    -webkit-transition: all .2s ease-in-out;
			    transition: all .2s ease-in-out;
			    color: #fff;
			    opacity: 1;
		    }
			
	@media (min-width: 768px) {
		.foot-type { display: block; }
		.foot-link { display: block; }
		.foot-mini-line { display: none; }
		.foot-line .col-md-12 { text-align: left; }
		}
/********* app分类列表 *********/
.app-type_block { padding: 10px 0 10px 15px; }
	.app-type_block strong { line-height: 18px; margin-top: 10px; font-size: 16px; border-left: 3px solid #555; }
		strong.col-md-1 { padding-left: 8px; }
		
	.app_type-hide { display: none; }
	
		@media (min-width: 768px) {
		.app_type-hide { display: block; }
		}
	.app_type-hide_min { display: block; text-align: center; }
	
		@media (min-width: 768px) {
		.app_type-hide_min { display: none; }
		}
		
	
.hot-app_box .tag_list { line-height: 2.8em; margin-bottom: 0; display: none; }
.app-type_block .tag_list {  margin-left: -2em; line-height: 2.8em; }
	.label { font-size: 100%; margin-right: 1em; padding: .3em 1em .4em; }
		.label a { color: #428bca; font-weight: 300; }
		.hot-app_box .label a { color: #999; }
			.label a:hover { color: #FF6600; text-decoration: none; }
			.label_active { background: #FFF3EB; }
			.label_active a { color: #FF6600; }
			.hot-describe { display: block; height: 3.2em; line-height: 1.6em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
			
.app-list { min-height: 500px; }		
.app-list_count { color: #999; font-size: 14px; font-weight: 200; }
	.app-list_count em { color: #333; font-size: 36px; font-weight: 500; }
	.app-list_count strong { color: #0181d8; font-size: 24px; font-weight: 300;  margin: 0 .3em; }
	.app-list_count cite { color: #0181d8; font-size: 24px; font-weight: 100;  margin: 0 .4em; font-style: normal; }
		
			
.app-list_title { padding: .6em 0; border-bottom: 3px solid #E7E7E7; }
.app-list_row { padding: 1em 0; border-bottom: 1px solid #E7E7E7; }
	.app-type_time { margin-top: 2.4em; }
		.app-type_time .col-md-6 { text-align: center; color: #777; font-weight: 500; }
		.app-list_row .app-type_time .col-md-6, .dab-app_list .col-md-2 { color: #999; font-weight: 200; }
			.dab-app_list .col-md-2 { text-align: center; margin-top: 2.4em; }
		
		.media-body { color: #888; }
		
		.app-list_row .media-left { padding-right: 20px; }
		.app-list_row .media-object { border-radius: 76px; height: 76px; width: 76px; border: 1px solid #EEE; }
		.app-list_row .media-body a { color: #0181d8; }
			.app-list_row .media-body p a { color: #666; }
			.app-list_row .media-body a:hover { color: #888; text-decoration: none;}
			.app-list_row .media-body .tag_list { line-height: 2em; }
			.app-list_row .media-body .label-default, .prd-tag .label-default, .page-main .label-default, .news-list .label-default, .index-main .label-default { background-color: #F9F9F9; }
				.app-list_row .media-body .label-default a, .prd-tag .label-default a, .page-main .label-default a, .news-list .label-default a, .index-main .label-default a { font-weight: 200; font-size: 12px; }
				
			.app-list_row .media-body .label-default a:hover { color: #0181d8; }
			
			
/********* 分页 *********/
.pagination>li:last-child>a, .pagination>li:last-child>span, .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li>a, .pagination>li>span, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { margin: 0 .5em; border-radius: 4px; border: none; }
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { background: #FF6600; }
.pagination>li>a, .pagination>li>span { color: #FF6600; }
.pagination>li>a:hover { color: #FF6600; }
/********* 最新 *********/
.new_banner { background: #F3F3F3 url(../images/new_bg.png) no-repeat center center; height: 240px; margin-bottom: 0; margin-top: 50px; }
	.new_banner h1 { font-size: 24px; font-weight: 100; color: #777; line-height: 1.4em; }
	
.list_new { padding: 0 15px 50px 70px; background: url(/skin/img/new_line.png) 10px 0 repeat-y; }
.top-line { height: 80px; background: #EEE; background: url(/skin/img/top_line.png) 10px 0 no-repeat; }
	.top-line cite { position: absolute; margin-left: -10px; margin-top: -6px; width: 12px; height: 12px; background: url(/skin/img/top_line_point.png) no-repeat left center; }
	.top-line .share-link { padding-top: 2em; }
	
.day-app_header { margin: 20px 0 20px -66px; padding-left: 30px; color: #999; background: url(/skin/img/line_point.png) no-repeat left center; }
	.day-app_header strong { font-size: 20px; margin-right: 20px; color: #4E8FDF; font-weight: 300; letter-spacing:2px; }
	.day-app_header em { font-size: 24px; margin: 0 10px; color: #0181d8; font-weight: 100; font-style: normal; }
	
.day-app_more { text-align: center; padding: 20px;}
	.day-app_more a { color: #999; }
	.day-app_more a.more_link{ padding-left: 30px; background: url(/skin/img/more_app.png) left center no-repeat; }
		.day-app_more a strong { color: #0181d8; font-size: 24px; margin: 0 14px; font-weight: 100; }
		.day-app_more a:hover { text-decoration: none; color: #0181d8; }
		
	.day-app .app-list_row { margin-left: -50px; }
		.day-app .app-list_row .tag_list { display: none; }
		.day-app .app-list_row .col-md-2 { display: none; }
		
		@media (min-width: 512px) {
		.day-app .app-list_row { margin-left: 0; }
			.day-app .app-list_row .tag_list { display: block; }
			.day-app .app-list_row .col-md-2 { display: block; }
		}
		
/********* 产品详情 *********/
.prd-box {padding-bottom: 55px;padding-top: 55px;}
	.prd-icon_code { text-align: center; padding-top: 30px; }
		.prd-icon { margin-bottom: 3em; }
			.prd-icon img { border-radius: 96px; border: 1px solid #EEE; }
		.prd-qrCode { font-size: 12px; line-height: 1.4em; color: #999; }
			.prd-qrCode img { margin-bottom: 2em; }
.prd-name { padding-bottom: 10px; }		
	.prd-name h1 { font-weight: 200; font-size: 30px; }
		.prd-name .label { font-size: 9px; font-weight: 100; margin-left: 2em; vertical-align: middle; padding: .15em 1em .3em }
		.prd-name .pull-right { display: block; width: 100%; margin-top: 16px; text-align: center; font-style: normal; color: #999; }
		
		@media (min-width: 768px){
			.prd-name .pull-right { display: inline; width: auto; text-align: left; }
			}
.prd-type_company { padding-bottom: 10px; color: #999; line-height: 20px; }	
	.prd-type, .prd-company { margin: 0 1em; color: #4990E2; }
	.prd-type { color: #888; margin-left: 0;  }
	
.prd-summary { color: #777; }
.prd-tag { padding: .5em 0; }
.prd-images { padding: 1em 0; }
	.thumbnail { border-color: #F9F9F9;   border-radius: 0px;
  -webkit-transition: border .4s ease-in-out;
       -o-transition: border .4s ease-in-out;
          transition: border .4s ease-in-out;
}
	a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #0181d8; }
	
	
	
/********* 文章详情 *********/
.page_title { padding-bottom: .8em; border-bottom: 1px solid #EEE; }
	.page_title h1 { font-weight: 300; font-size: 24px; padding: .6em 0 .3em; }
		.post_meta { color: #999; }
			.post_time { margin-right: 1em; }
			.post_from a { color: #4990E2; }
			
.page-main { font-family: "PingFang SC", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", 微软雅黑, STHeitiSC-Light, simsun, 宋体, "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", sans-serif!important; font-size: 14px; }
.page_content { padding: 1em 0; }
	.page_content img { max-width: 680px; }
.page-main .tag_list { padding: 1em 0; }
.recommend_box { display: none; }
	.recommend_box h2 { font-size: 20px; font-weight: 300; }
.prd_recommend { text-align: center; padding: 2em 0; }
	.prd_recommend a:hover { text-decoration:  none; }
	.prd_recommend a h4 { padding: .6em 0; }
	.prd_recommend a p { text-align: left; }
	.prd_recommend a img { border-radius: 48px; border: 1px solid #EEE; }
.page_related {}
	.page_related h3 { font-size: 20px; font-weight: 300; }
	.page_related ul { padding-left: 16px; }
		.page_related li { padding-bottom: .4em; line-height: 1.8em; color: #336EB3; }
		.page_related li a { color: #336EB3; font-weight: 300; }
		
	.headimg img { width: 98%!important; border-radius: 4px; }
		
/********* 文章首页 *********/
.news-list, .news-side { padding-top: 20px; padding-bottom: 20px; }
.news-list .nav-tabs { border-bottom-color: #FFAE78; }
.news-list .nav-tabs > li > a:hover {
  background: transparent;
  border-color: #FFE3D0;
  border-bottom-color: transparent;
}
.news-list .nav-tabs>li>a { padding-left: 0.8em; padding-right: 0.8em; padding-top: 14px; padding-bottom: 8px; font-size: 14px; margin: 0 .4em; }
.news-list .nav-tabs>li.active>a, .news-list .nav-tabs>li.active>a:hover, .news-list .nav-tabs>li.active>a:focus {
	 border-color: #FFAE78;  border-bottom-color: transparent; color: #0181d8;
}
/********* 首页 *********/
.app-num { padding: 0 1em 1em; text-align: center; font-size: 20px; color: #999; font-weight: 200; }
	.app-num strong { font-size: 36px; margin: 0 .4em; color: #0181d8; }
	
.hot-app_box { padding: 1em 0; border-bottom: 1px solid #E7E7E7; }
.hot-app_box .media-object { border-radius: 60px; height: 60px; width: 60px; border: 1px solid #EEE; }
.hot-app_box .media-body .tag_list { line-height: 2em; }
@media (min-width: 512px){
	.hot-describe { height: 1.6em; -webkit-line-clamp: 1;}
	.hot-app_box .tag_list { display: block; }
	.hot-app_box .media-object { border-radius: 76px; height: 76px; width: 76px; }
	.recommend_box { display: block; }
}			
			
.navbar-static-top { background: none; }
.index_bg { padding-top:0;  height: 500px; background: url(../images/main_bg.png) no-repeat center center; }
	.index_bg h1 { font-size: 22px; font-weight: 100; text-align: center; color: #FFF; padding: 100px 0 30px;}
		@media (min-width: 512px) {
		.index_bg h1 { font-size: 28px; }
		}
		@media (min-width: 768px) {
		.index_bg h1 { font-size: 36px; }
		}
	
	.wide-search { text-align: center; }
		.wide-search .form-inline { width: 360px; line-height: 60px; height: 60px; margin: 0 auto; }
		
		@media (min-width: 512px) {
		.wide-search .form-inline { width: 460px; }
		}
		@media (min-width: 768px) {
		.wide-search .form-inline { width: 720px; }
		}
		
		.search-tag { padding-top: 30px; font-size: 14px; font-weight: 200; color: #FFF; }
			.search-tag em { font-style: normal; }
			.search-tag a { color: #F3F3F3; margin: 0 .4em; }
		.wide-search .form-inline .form-group { width: 312px; }
		@media (min-width: 512px) {
		.wide-search .form-inline .form-group { width: 440px; }
		}
		@media (min-width: 768px) {
		.wide-search .form-inline .form-group { width: 540px; }
		}
		@media (min-width: 992px) {
		.wide-search .form-inline .form-group { width: 680px; }
		}
		
.index-box { padding-bottom: 2em; }	
	.index-box .index-main { padding-left: 0; padding-right: 0; }	
		
		.wide-search .form-control {  width: 100%; vertical-align: middle; padding: 0 20px; height: 50px; line-height: 50px; font-size: 20px; font-weight: 100; border: none; color: #555; border-radius: 4px; }
		
		
		
	.wide-search .btn-default { position: relative; float: right; margin-top: -50px; z-index: 299; border: none; border-radius: 0 4px 4px 0; height: 50px; line-height: 50px; background: #0181d8 url(/skin/img/search_btn.png) no-repeat center center; background-size: 30px 30px; width: 60px; padding: 0; text-indent: -200px; overflow: hidden; }
.navbar-default .navbar-toggle .icon-bar { background-color: #FFF; }
	.index-main .media-heading { font-weight: 500; }
	.index-main h2, .index-side h2 { font-weight: 500; font-size: 20px; }
	
	.index-side .media { padding: .7em 0; border-bottom: 1px solid #E7E7E7; }
		.index-side .media .media-heading{ font-size: 15px; }
		.index-side .media-object { border-radius: 48px; border: 1px solid #EEE; }
		
		.follow_qr { text-align: center; display: block; }
		
		@media (min-width: 768px) {
		.wide-search .btn-default { margin-top: -54px; }
		.index-box .index-main { padding-left: 15px; padding-right: 15px; }	
		.follow_qr { display: none; }
		}
/********* 文章首页 *********/
.news-list .media { padding-bottom: 15px; border-bottom: 1px solid #E7E7E7; }
	.news-list .media-left, .news-list .media>.pull-left { padding-right: 20px; }
	.news-list .media-object { border-radius: 4px; width: 99px; height: 63px; }
	.news-list .media-heading { margin-bottom: .6em; height: 1.6em; line-height: 1.6em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;overflow: hidden; }
	
	.news-list .media-body p { display: block; height: 38px; line-height: 1.6em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
		.news-list .media-body p a { color: #777; }
		
	.news-list .post_meta { font-size: 12px; }
		.news-list .media-body .post_meta p { height: 2em;}
		
		
.hot-img { padding-left: 0; padding-right: 0; }
	.hot-img .row { margin-right: 0; margin-left: 0; }
	.hot_img-max {  width: 100%; position: relative; padding: 0; }
		.hot_img-max img{ width: 100%; }
	.hot_img-wide { display: none; }
	.hot_img-min{ display: none; }
	.hot_img-min_end{ display: none; }
	
	.hot_img-link { position: absolute; color: #FFF; font-size: 16px; padding: 0 1em;  margin-top: -50px; height: 50px; line-height: 50px; background: rgba(0,0,0,0.5);}
		.hot_img-max .hot_img-link { width: 100%; height: 100px; margin-top: -100px; }
			.hot_img-max .hot_img-link strong  { display: block; line-height: 40px; }
			.hot_img-max .hot_img-link cite { display: block; line-height: 22px; height: 44px; overflow: hidden; font-size: 12px; font-style: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
		.hot_img-wide .hot_img-link { width: 535px; }
		.hot_img-min .hot_img-link, .hot_img-min_end .hot_img-link { width: 265px; }
	.hot-img a img:hover { opacity: .9; }
			.news-list .media-body .post_meta .tag_list { display: none; }
		@media (min-width: 768px) {
		.hot_img-max { width: 535px; height: 400px; padding: 0 3px 0 0; }
			.hot_img-max img{ width: 535px; height: 400px; }
		.hot_img-wide { padding: 0 0 4px 5px; position: relative; display: block; }
			.hot_img-wide img { width: 535px; height: 198px; }
		.hot_img-min{ padding: 0 0 0 5px; position: relative; display: block; }
			.hot_img-min img { width: 265px; height: 198px; }
		.hot_img-min_end{ padding: 0 0 0 7px; position: relative; display: block; }
			.hot_img-min_end img { width: 265px; height: 198px; }
			
		.hot_img-max .hot_img-link { width: 535px; }
		
		.hot-img { padding-left: 15px; padding-right: 15px; }
			.hot-img .row { margin-right: -15px; margin-left: -15px; }
			
			.news-list .media-object { width: 220px; height: 140px; }
		
		.news-list .media-body .post_meta .tag_list { display: block; }
		.news-list .media-body p { -webkit-line-clamp: 4; height: 76px; }
			
		}
.tag_post_list { min-height: 500px; }
	.tag_post_list .news-list, .tag_post_list .news-side { padding-top: 20px; padding-bottom: 20px; }
	.news-box .news-list { padding-left: 0; padding-right: 0; }
	.news-box .news-side { padding-right: 0; }
	.news-box .row { padding: 0 10px; }
	
	.news-side .form-control { padding: 0 10px;}
	
		@media (min-width: 768px) {
		.news-side .form-control { width: 222px; }
		.news-box .row { padding: 0; }
		.news-box .news-list { padding-right: 15px; }
		}
		@media (min-width: 992px) {
		.news-side .form-control { width: 220px; }
		}
	
	.news-side	.btn-default { background: #0181d8; color: #FFF; border-color: #0181d8; }
/************  插件修复  **************/
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more { margin: 0!important; }
.bd_weixin_popup { height: auto!important; }
/* 回到顶部 start */
 #returnTop {
	display:none;
	position:fixed;
	z-index:999;
	right:20px;
	bottom:100px;
	width:36px;
	height:65px;
	text-indent:-999px;
	overflow:hidden;
	background-image:url(/skin/img/newsBackTop.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
#returnTop:hover {
	background-position:0 -65px;
}
/* 回到顶部 end */
/********* 关于 *********/
.static_banner { background: #F3F3F3 url(/skin/img/new_bg1.png) no-repeat center center; height: 240px; margin-bottom: 0; margin-top: 50px; }
	.static_banner h1 { font-size: 24px; font-weight: 100; color: #777; line-height: 1.4em; }
	.static_top { background: none; }
		.static_top .share-link { padding: 0; }
	.static-list .nav-pills>li.active>a, .static-list .nav-pills>li.active>a:hover { background: #FFF3EB; color: #FF6600; }
	.static-list .nav-pills>li>a { text-align: center; font-size: 15px; padding: 16px 8px 14px; }
	.static-list .nav-pills>li>a:hover { background: no-repeat; color: #FF9900; }
.info-side { color: #777; line-height: 1.7em; min-height: 400px; padding-bottom: 2em; }
	.info-side h2 { font-weight: 400; color: #444; font-size: 20px; margin-bottom: 2em; text-align: center; }
	.info-side h4 { font-weight: 300; color: #444; font-size: 15px; margin-bottom: 2em; }
	.info-side ul li { list-style: decimal; margin-bottom: 1em; }
	
	
/********* 404 *********/
	
.error-page { min-height: 400px; text-align: center; padding: 200px; }
	.error-page img { width: 120px; height: 120px; margin-bottom: 2em; }
	.error-page p { line-height: 4em; font-size: 20px; color: #CCC;  }
	
	
#gotoApp {
	padding: 10px;
	text-align: center;
}
#gotoApp a{
	background-color: #0181d8;
	color: #FFF;
	border: 1px solid transparent;
	padding: 5px 20px;
	line-height: 32px;
	border-radius: 16px;
}
/********* 注册和登录 start *********/
.login-container {
	margin: 0;
	/*padding: 0;*/
	width: 100%;
	height: 100vh;
	background-image: url('/skin/img/login-bg.png');
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.tophack-row {
	height: 60px;
}
.form-login {
	position: absolute;
    top: 50%;
    width: 100%;
    height: 530px;
    margin-top: -265px;
    /*text-align: center;*/
}
.form-login .form{
	position: relative;
	top: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    overflow: hidden;
    padding: 40px 40px 40px 40px;
}
.form-login .logo{
	display: none;
	background-color: #0181d8;
    text-align: center;
    line-height: 530px;
    width: 100%;
    float: right;
}
.form-row {
	margin-bottom: 30px;
}
.form-row .remember {
	text-align: left;
}
.form-row .remember label{
	font-weight: normal;
}
.form-row .forget {
	text-align: right;
}
.btn-add {
	background-color: #0181d8;
    color: #fff;
    border: 1px solid #0181d8;
    text-align: center;
    line-height: 43px;
    padding: 0 62px;
    font-size: 1.8rem;
}
.hint {
	line-height: 45px;
    display: inline-block;
}
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
	.form-login {
	    width: 680px;
    	left: 50%;
    	margin-left: -340px;
	}
	.form-login .form{
	    width: 680px;
	    padding: 40px 120px 40px 60px;
	}
	.form-option {
	    padding: 0 120px 0 50px;
	}
	.form-option .hint {
		text-align: left;
	}
}
.login-container .hint a { font-size: 15px; padding: 0 8px; color: #0181d8; }
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
	.form-login {
	    width: 1100px;
    	left: 50%;
    	margin-left: -550px;
	}
	.form-login .form{
	    width: 680px;
	    margin-right: 420px;
	    padding: 40px 120px 40px 60px;
	}
	.form-login .logo{
		display: block;
	    width: 420px;
	}
}
/********* 注册和登录 end *********/
/********* 评论 start *********/
.prd-rate, .prd-comment-operation, .prd-comment-list-title, .prd-coment-list {
	margin-bottom: 20px;
}
.prd-rate .prd-rate-left {
	text-align: center;
}
.prd-rate .prd-rate-left .prd-rate-average {
	font-size: 4.4rem;
}
.prd-rate .prd-rate-left .prd-rate-count {
	margin-top: 10px;
}
.prd-rate .prd-rate-right ul {
	list-style: none;
}
.prd-rate .prd-rate-right ul li{
	margin-bottom: 8px;
    line-height: 14px;
    height: 14px;
}
.prd-rate .prd-rate-right .rate-bar-tag, .prd-rate .prd-rate-right .star-counts {
	font-size: 14px;
    vertical-align: top;
}
.rate-bar {
	background-image: linear-gradient(90deg, #B4EC51 0, #43C40F 100%);
	display: inline-block;
    height: 14px;
    border-radius: 5px;
    margin: 0 8px;
}
.prd-comment .prd-comment-area-rate {
	background: #F7F7F7;
    border: 1px solid #EAEEF1;
	border-radius: 4px 4px 0 0;
	height: 34px;
	line-height: 34px;
	padding-left: 10px;
}
.prd-comment textarea, .news-comment textarea {
	width: 100%;
	height: 86px;
	padding: 10px;
    resize: none;
    outline: 0;
    font-size: 14px;
    border: 1px solid #EAEEF1;
    border-radius: 0 0 4px 4px;
}
.prd-comment .prd-comment-area-rate .prd-comment-area-rate-tag {
	vertical-align: top;
}
.prd-comment .prd-comment-area-rate .prd-comment-area-rate-star {
	display: inline-block;
	height: 32px;
	padding-top: 5px; 
}
.prd-comment-operation,
.news-comment-operation {
	padding: 10px;
}
.prd-comment-operation-button .btn-comment-login, 
.prd-comment-operation-button #btn-comment-submit,
.news-comment-operation-button .btn-comment-login, 
.news-comment-operation-button #btn-comment-submit {
	padding: 0 12px;
    outline: 0;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 3px;
    height: 30px;
    line-height: 30px;
    background: #0181d8;
    font-size: 14px;
    color: #FFF;
    cursor: pointer;
    float: right;
}
.prd-comment-list-title .title,
.news-comment-list-title .title {
    text-align: center;
}
.prd-comment-list-title .title::after, 
.prd-comment-list-title .title::before,
.news-comment-list-title .title::after, 
.news-comment-list-title .title::before {
    content: "";
    display: inline-block;
    height: 1px;
    width: 40%;
    background: #F1F1F1;
}
.prd-comment-item,
.news-comment-item {
	margin-bottom: 20px;
}
.prd-comment-item-left,
.news-comment-item-left {
	position: absolute;
}
.prd-comment-item-right,
.news-comment-item-right {
	margin-left: 55px;
}
.prd-comment-item-right .prd-comment-item-username::after,
.news-comment-item-right .comment-item-username::after {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin: 0 10px 2px;
    content: '';
    border-radius: 50%;
    background-color: #c1c9d0;
}
.prd-comment-item-right .prd-comment-content,
.news-comment-item-right .comment-content {
	padding: 15px 0;
}
/********* 评论 end *********/
/********* 用户中心 start *********/
.user-center .row-avatar,
.user-center .row-nickname, 
.user-center .row-position, 
.user-center .row-nav {
	text-align: center;
}
.user-center .row-avatar {
	margin: 20px 0;
}
.user-center .row-nav {
	border: 1px solid #DDD;
	list-style-type: none;
	padding: 10px;
}
.user-center .row-nav .li-border {
	border-right: 1px solid #DDD;
}
.user-center .row-nav .li-active a{
    color: #0181d8;
}
.user-center .row-nav a {
	cursor: pointer;
}
.user-center .row-avatar img{
	width: 100px;
	height: 100px;
	border-radius: 50px;
}
/********* 用户中心 end *********/
/********* 专辑 start *********/
.collect .sort {
	margin-bottom: 2em;
}
.collect .sort a {
	font-size: 1.5rem;
	line-height: 2.5rem;
	padding-bottom: .5em;
	cursor: pointer;
	margin-right: .8em
}
.collect .sort a.currect {
	border-bottom: 2px solid red;
}
.collect .item {
	/*position: relative;*/
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 375px;
    margin-bottom: 30px;
    border: 1px solid #FFF;
}
.collect .item a:hover {
	border: 1px solid #888888;
	box-shadow: 0px 3px 5px #AAA;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    opacity: .7;
}
.collect .item a {
	display: block;	
	position: relative;
	cursor: pointer;
	border: 1px solid #CCC;
	border-radius: 3px;
}
.collect .item img {
	width: 100%;
}
.collect .caption {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0, 0, 0, 0.5);
}
.collect .caption .title {
	font-size: 1.7rem;
	color: white;
	line-height: 3rem;
}
.collect .caption .footnote {
	color: white;
	line-height: 2.5rem;
}
.collect .page {
	text-align: center;
}
.collectlist-topimg {
	width: 100%;
	height: 300px;
	background-image: url('/skin/img/2.jpg');
	background-size: cover;
	background-position: center;
	text-align: center;
	color: #FFF;
}
.collectlist-topmask {
	background-color: rgba(0,0,0,0.4);
	margin-top: -60px;
	padding-top: 70px;
	height: 300px;
}
.collectlist-topimg .row {
	padding: 60px 10px 0;
	text-align: left;
}
.collectlist-topimg a, .new_banner a {
	display: inline-block;
	padding: 5px 30px;
	border: 1px solid #FFF;
	border-radius: 20px;
	cursor: pointer;
	color: #FFF;
	margin-bottom: 8px;
	font-size: 13px;
}
.new_banner a {
	color: #0181d8;
	border-color: #0181d8;
	padding: 5px 18px;
}
.collectlist-topimg a:hover, .new_banner a:hover {
	background-color: #F63;
	color: #FFF;
}
.collect_fav {
	float: right;
	padding-top: 30px;
	text-align: center;
}
.collectlist .page {
	text-align: center;
}
.collectlist .col-md-2 { display: none; }
	.collectlist .media .tag_list { display: none; }
	
		@media (min-width: 512px) {
			.collectlist .col-md-2 { display: block; }
			.collectlist .media .tag_list { display: block; }
			.collectlist-topimg .row { padding: 60px 0 0; }
			.collectlist-topmask { margin-top: -70px; }
			..collect .item { max-width: 320px; }
		}
/********* 专辑 end *********/
/*********************  用户中心  **************************/
.user_center { background: #EDF0F5; min-height: 400px; }
.user_center-box { min-height: 500px; margin-bottom: 20px; }
.user_center-base { background: #F8F9FB; min-height: 420px; }
.user_center-side { padding: 30px; min-height: 180px; }
.user-avata { text-align: center; padding-bottom: 20px; }
.user-avata img{ width: 96px; height: 96px; border-radius: 96px; margin-bottom: 10px; }
.user-avata h4 { line-height: 1.4em; font-size: 18px; color: #555; }
.user-avata p { line-height: 1.4em; font-size: 13px; color: #999; font-weight: 200; }
.user-set-link { padding: 30px 0; display: none; }
.user-set-link a { display: block; height: 1.6em; line-height: 1.6em; margin-bottom: .8em; font-size: 15px; font-weight: 200; border-left: 4px solid #F8F9FB; text-indent: .6em; }
.user-set-link a:hover { border-left: 4px solid #FFAB96; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.user-set-link a.on-set-link { border-color: #0181d8; color: #0181d8; }
.user-set-link em { float: right; height: 1.4em; line-height: 1.4em; padding: 0 .6em; text-indent: 0; background: #0181d8; color: #FFF; border-radius: .7em; font-style: normal; font-weight: 200; }
.user_center-info { background: #FFF; min-height: 650px; padding: 30px; }
.user_center-info h3 { padding-bottom: 20px; margin: 0; font-size: 24px; color: #0181d8; border-bottom: 2px solid #D5EAF9; }
.user_center-view { padding: 20px 0; display: inline-block; width: 100%; }
.user_center-view .row-avatar { margin-bottom: 30px; text-align: center; }
.navbar h1 { display: none; margin: 14px; padding: 0 0 0 20px; line-height: 22px; height: 22px; font-size: 22px; font-weight: 200; color: #FFF;  }
@media (min-width: 768px) {
	.navbar h1 { display: block; float: left; border-left: 1px solid #F7D8D0; }
	.user-set-link { display: block; }
	.user_center-side { float: left; min-height: 420px; margin-left: -260px; width: 260px; }
	.user-avata { border-bottom: 2px solid #D5EAF9; }
	.user_center-base { padding-left: 260px; }
}
.navbar-display  { display: block; }
@media (min-width: 512px) {
	.navbar-hidden { display: none; }
}
/*********************  热榜  **************************/
.top_data { background: url(/skin/img/top_data_bg.png) no-repeat center top; background-size: auto 40%; min-height: 500px; }
	.top-header { text-align: center; clear: both; margin-bottom: 20px; }
		.top-banner { width: 280px; margin: 10px 0 40px; }
		
		.top-three {}
			.ranking {}
					.ranking { padding-top: 26px; }
				.ranking .app-icon { position: relative;}
					.ranking .app-icon em { position: absolute; height: 28px; width: 28px; line-height: 29px; font-size: 16px; font-family: Arial; font-style: normal; color: #FFF; font-weight: 600; bottom: -12px; margin-left: 50%; left:-14px; }
					.gold .app-icon em { height: 36px; width: 36px; line-height: 34px; font-size: 28px; left:-18px; background: url(../images/top1_bg.png) no-repeat; background-size: 36px;  bottom: -18px; }
					.silver .app-icon em { background: url(/skin/img/top2_bg.png) no-repeat; background-size: 28px; }
					.bronze .app-icon em { background: url(/skin/img/top3_bg.png) no-repeat; background-size: 28px; }
				.ranking .app-icon img { height: 64px; width: 64px; border-radius: 32px; border: 2px solid #FFF; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.35); }
					.gold { padding-top: 0px; }
				.gold .app-icon img { height: 90px; width: 90px; border-radius: 45px; }
				.ranking .caption { font-size: 12px; font-weight: 300; }
					.ranking h3 { font-size: 15px; color: #4A4A4A; margin-top: 1.4em; height: 1.2em; overflow: hidden; line-height: 1.2em; font-weight: 400; }
					.ranking p { color: #777777; }
					.ranking strong { display: block; font-size: 16px; font-weight: 400; color: #4A4A4A; line-height: 1.8em; width: 80px; margin: 0 auto; border-top: 1px solid #DADADA; }
						.ranking strong img { height: 20px; width: 20px; vertical-align: baseline; margin-bottom: -2px; }
		
	.top-nav { height: 40px; line-height: 40px; background: #FB4A2C; text-align: center; }
		.top-nav-bar { margin: 0; padding: 0; }
			.top-nav-bar li  { list-style: none; }
				.top-nav a { line-height: 1.2em;  font-size: 14px; padding: 2px; font-weight: 300; color: #FFF; border-bottom: 2px solid #FB4A2C; }
					.top-nav  a:hover { opacity: .8; color: #FFF!important; border-bottom: 2px solid #FFF;  -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
					.top-nav .on-top-set a { border-bottom: 2px solid #FFF; }
	
	.top-list { padding: 10px 0; }
		.top-list .top-table { width: 100%; }
			.top-table thead { height: 32px; line-height: 32px; }
				.top-table thead th { text-align: center; font-size: 12px; font-weight: 300; color: #4A4A4A; border-bottom: 2px solid #E7E7E7; }
				
				.top-table tbody th, .top-table tbody td { padding: 10px 0; text-align: center; font-size: 12px; font-weight: 300; color: #4A4A4A; border-bottom: 1px solid #E7E7E7;}
					.top-table tbody td img.top-app-icon { height: 48px; width: 48px; border-radius: 24px; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); }
					.top-table tbody th { font-family: Arial; font-weight: 500; font-size: 24px; font-style: italic; color: #E4E4E4; }
					.top_state { width: 16px; height: 16px; }
			.top-table i { font-weight: 300; font-style: normal; font-size: 14px; }
			.top-table strong { font-weight: 500; font-size: 16px; }
		
		@media (min-width: 768px) {
			.top_data { background-size: auto; }
			.top-banner { width: 450px; }
			.ranking { padding-top: 40px; }
			.ranking .app-icon img { height: 100px; width: 100px; border-radius: 50px; border: 4px solid #FFF; }
			.gold .app-icon img { height: 140px; width: 140px; border-radius: 70px; }
			.ranking .app-icon em { height: 36px; width: 36px; line-height: 37px; font-size: 22px; bottom: -16px; left:-18px;}
			.gold .app-icon em { height: 48px; width: 48px; line-height: 46px; background-size: auto; left:-24px; bottom: -26px; font-size: 36px;  }
			.gold { padding-top: 0px; }
			.silver .app-icon em { background-size: auto; }
			.bronze .app-icon em { background-size: auto; }
			.ranking h3 { font-size: 24px; }
			.ranking .caption { font-size: 14px; }
			.ranking strong { width: 140px; font-size: 28px; }
			.ranking strong img { height: 26px; width: 26px; }
			.top-nav { height: 60px; line-height: 60px; }
			.top-nav a { font-size: 18px; }
			.top-list { padding: 10px; }
			.top-table thead { height: 50px; line-height: 50px; }
			.top-table thead th { font-size: 17px; }
			.top-table tbody th { font-size: 48px; }
			.top-table tbody td { font-size: 16px; }
			.top-table tbody td strong { font-size: 20px; }
			.top-table i { font-weight: 300; font-style: normal; font-size: 16px; }
			.top-table tbody td img.top-app-icon { height: 64px; width: 64px; border-radius: 32px; }
			.top_state { width: 24px; height: 24px; }
			
		}