@charset "utf-8";

/*
@Description:新闻列表
@author: 蔡忠显 caizx2012@live.com
@update: 2014-12-13
*/

/* reset */
html, body, section, article, nav, header, footer, form, div, em, span, a, label, p, h1, h2, h3, h4, h5, h6, dl, ul, ol, li, dt, dd, select { margin: 0; padding: 0; font-weight: normal; font-style: normal; -webkit-text-size-adjust: none; }
body, select, input, option { color: #171717; font-family: "Microsoft YaHei",Arial; }
body > header, body > section { clear: both; }
h3 { font-size: 18px; }

a { text-decoration: none; color: #171717; }
/*
input[type=text]:focus::-webkit-input-placeholder, input[type=search]:focus::-webkit-input-placeholder { color: rgba(0,0,0,0); }
*/
input[type=text],input[type=search],input[type=num],input[type=tel],textarea{-webkit-appearance:none;}
input:focus, :active, :focus { outline: 0 none; }
img { border: 0 none; }
* { -webkit-tap-highlight-color:rgba(0,0,0,0);}
html, body { min-height:100%; box-sizing:border-box;}
.clear{clear:both;display:block;height:0;visibility:hidden;font:0/0 Arial}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0}
.clearfix{*zoom:1}

/* global */
a{text-decoration:none;}
img{max-width: 100%; vertical-align: top;}
.mt03{margin-top: 3%;}

/* public-images */
.main-header .logo,.main-footer .logo{background:url(../images/logo-header-24.png) no-repeat 1000px 1000px;}
.search-bar .search:after{background:url(../images/search-ico.png) no-repeat 1000px 1000px;}
.comment-operate .praise:before{background:url(../images/comment-praise-ico.png) no-repeat 1000px 1000px;}
nav .unfold-btn{background:url(../images/xia.png) no-repeat 1000px 1000px;}
nav .fold-btn{background:url(../images/sha.png) no-repeat 1000px 1000px;}
nav a{padding-right:20px}
/* main-header main-footer */
.main-header,.main-footer{background: #76D419;}
.main-header .logo,.main-footer .logo{float: left; width: 110px; height: 24px; margin: 12px 0 0 10px; overflow: hidden; background-position: 0 0; background-size: auto 100%; text-indent: -999px;}
.main-header h1{height: 46px; overflow: hidden; font:14px/30px Arial; color: #fff;}
.main-header h1 em{float: left; margin: 16px 0 0 12px;}
.main-header .title{display: block; width: 100%; height: 100%; font:20px/46px Arial; color: #fff; text-align: center;}
.main-footer{color: #fff;}
.main-footer .logo{margin-bottom: 12px;}
.main-footer div{overflow: hidden;}
.main-footer div em{float: left; margin: 10px 0 0 20px; font:14px/30px Arial;}
.main-footer .copyright{padding: 2px 0; font:12px/20px Arial; text-align: center; white-space: nowrap;}

/* nav 默认每个子项为1/6总宽度 */
nav{position: relative; z-index: 9; box-sizing:border-box; padding: 2% 1%; background: #f6f6f6; font:14px/30px Arial; color: #2A2A2A;}
nav a{float: left; width: 16.6%; height: 30px; overflow: hidden; white-space: nowrap; text-align: center;}
nav .imp{color: #D3021E;}
nav .nav-more{display: none; position: absolute; left: 0; top: 0; width: 100%; padding: 35px 0 10px 0; background:#f6f6f6;}
nav .nav-more a{width: 20%; margin:2%; border:1px solid #ccc; border-radius: 50%;}
nav .nav-more .imp{font-size: 14px; border:0 none; }
nav .unfold-btn{overflow: hidden; text-indent: -999px; background-position: center center; background-size: auto 30%;}
nav .fold-btn{position: absolute; right: 15px; top: 15px; width: 18px; height: 12px; background-position: center center; background-size: 100% auto;}

/* search-bar */
.search-bar{padding: 10px 0; background: #f6f6f6;}
.search-bar .search{position: relative; z-index: 1; display: block; width: 94%; margin: 0 auto;}
.search-bar .search input{display: block; box-sizing:border-box; width: 100%; height: 30px; padding: 0 40px 0 6px; border:1px solid #bfbfbf; border-radius: 4px; background: #fff; font-size: 14px;}
.search-bar .search:after{content: ' '; position: absolute; right: 6px; top:50%; width: 28px; height: 28px; margin-top: -14px; background-position: 0 0; background-size: auto 100%;}
.search-bar .search-words{width: 94%; display: -webkit-box; display: box; -webkit-box-pack:justify; box-pack:justify; margin: 10px auto 0 auto; font:10px/20px Arial; text-align: center;}
.search-bar .search-words a{display: block; width: 30%; color: #333;}

/* sub title */
section>header{box-sizing:border-box; padding:0 3%;  overflow: hidden; background:#f6f6f6;}
section>header>h2{float: left; padding: 2px 2px 0 2px; font:bold 16px/30px Arial; color: #D2001E; border-bottom: 2px solid #D2001E;}
section>header>ul{float: right; font:14px/34px Arial; color: #D2001E;}
section>header>ul li{float: left; margin-left: 16px;}
section>header>ul a{color: #D2001E;}
section .get-more{width: 94%; margin: 0 auto; font: 14px/34px Arial; background: #f6f6f6; border-radius: 4px;}
section .get-more a{display: block; width: 100%; font-weight: bold; color: #D2001E; text-align: center;}

/* article */
body>article{box-sizing:border-box; padding: 0 3%; background: #f6f6f6;}
article>header{}
article>header h2{padding: 3% 0; font: 20px/24px Arial; color: #181818;}
article>header p{overflow: hidden; font: 10px/20px Arial;}
article>header span{float: left; color: #999;}
article>header .source{margin-left: 20px;}
article>header .count{float: right; padding: 0 4px; background: #ec0000; color: #fff;}

article>p{margin-top: 3%; font: 14px/22px Arial; color: #333;}
/*
article>p>img{position: relative; z-index: 1;}
article>p>img::after{content: ''; position: absolute; right: 1%; bottom: 1%; width:10px; height: 10px; background:red;}
*/
article>footer{}

/* bread-crumbs */
.bread-crumbs{box-sizing:border-box; padding: 0 3%; overflow: hidden; background: #f5f5f5; border-bottom: 1px solid #d9d9d9; font: 12px/38px Arial;}
.bread-crumbs a{color: #E90804;}
.bread-crumbs span{color: #999;}

/* list-title-datails */
.list-title-datails li{position: relative; z-index: 1 box-sizing:border-box; padding: 3%; overflow: hidden; border-bottom: 1px solid #dfdfdf; background: #f6f6f6;}
.list-title-datails h3{height: 24px; overflow: hidden; font: 14px/24px Arial; color: #333;}
.list-title-datails p{position: relative; height: 32px; overflow: hidden; font: 10px/16px Arial; color: #808080;}
.list-title-datails .date{position: absolute; right: 0; bottom: 0; padding-left: 5px; font: 10px/16px Arial; color: #808080; background: #f6f6f6;}
.list-title-datails .date:before{content: ''; position: absolute; left: -10px; top: 0; width: 10px; height: 16px; 
background: -moz-linear-gradient(left,  rgba(246,246,246,0) 0%, rgba(246,246,246,1) 70%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(246,246,246,0)), color-stop(70%,rgba(246,246,246,1)));
background: -webkit-linear-gradient(left,  rgba(246,246,246,0) 0%,rgba(246,246,246,1) 70%);
background: -o-linear-gradient(left,  rgba(246,246,246,0) 0%,rgba(246,246,246,1) 70%);
background: -ms-linear-gradient(left,  rgba(246,246,246,0) 0%,rgba(246,246,246,1) 70%);
background: linear-gradient(to right,  rgba(246,246,246,0) 0%,rgba(246,246,246,1) 70%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f6f6', endColorstr='#f6f6f6',GradientType=1 );
}
/* list-pic-datails */
.list-pic-datails .pic{float: left; width: 80px; height: 60px; overflow: hidden; margin: 0 10px 0 0;}
.list-pic-datails .pic img{width: 100%; height: 100%;}

/* list-header */
.list-header{box-sizing:border-box; padding:0 3%; overflow: hidden; background: #f6f6f6;}
.list-header h2{float: left; height: 34px; overflow: hidden; font: bold 14px/34px Arial; color: #D2001E;}

/* list-recommend */
.list-recommend{box-sizing:border-box; padding:0 3%; background: #f6f6f6;}
.list-recommend li{position: relative; z-index: 1; padding-left: 15px; overflow: hidden;}
.list-recommend li:before{content: ''; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; margin-top: -3px; background: #D2001E;}
.list-recommend h3{height: 34px; overflow: hidden; font: bold 14px/34px Arial; color: #333;}

/* list-comment */
.list-comment{overflow: hidden; background: #fff;}
.list-comment>li{box-sizing:border-box; padding: 3%; border-bottom: 1px solid #F0F0F0;}
.list-comment>li:last-child{border-bottom:0 none;}
.comment-info{position: relative; z-index: 1; color: #666;}
.comment-author{display: block; position: relative; z-index: 1; height: 20px; padding-left: 25px; margin-right: 70px; overflow: hidden; font: 13px/20px Arial;}
.comment-author img{position: absolute; left: 0; top: 50%; width: 20px; height: 20px; overflow: hidden; margin-top: -10px; border-radius: 100%;}
.comment-info .time{position: absolute; right: 0; top: 0; font: 12px/20px Arial;}
.list-comment p{margin:3% 0; font: 14px/24px Arial; color: #333;}
.comment-operate{overflow: hidden;}
.comment-source{float: left; font:12px/20px Arial; color: #333;}
.comment-operate .praise,.comment-operate .reply{float: right; position: relative; z-index: 1; padding: 0 8px; margin-left: 8px; border:1px solid #d2d2d2; border-radius: 2px; font: 12px/18px Arial; color: #457AE6;}
.comment-operate .praise{padding-left: 24px;}
.comment-operate .praise:before{content: ''; position: absolute; left: 7px; top: 50%; width:14px; height: 14px; margin-top: -7px; overflow: hidden; background-position: 0 0; background-size: 100% 100%;}
.comment-more{box-sizing:border-box; padding:0 3%;}
.comment-more-btn{display: block; box-sizing:border-box; width: 100%; font:14px/34px Arial; color:#666; text-align: center; border:1px solid #eee; border-radius: 2px;
background: rgb(252,252,252);
background: -moz-linear-gradient(top,  rgba(252,252,252,1) 0%, rgba(252,252,252,1) 100%, rgba(248,248,248,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(252,252,252,1)), color-stop(100%,rgba(248,248,248,1)));
background: -webkit-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(252,252,252,1) 100%,rgba(248,248,248,1) 100%);
background: -o-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(252,252,252,1) 100%,rgba(248,248,248,1) 100%);
background: -ms-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(252,252,252,1) 100%,rgba(248,248,248,1) 100%);
background: linear-gradient(to bottom,  rgba(252,252,252,1) 0%,rgba(252,252,252,1) 100%,rgba(248,248,248,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f8f8f8',GradientType=0 );
}
.comment-edit{box-sizing:border-box; padding:0 3%;}
.comment-edit textarea{display: block; box-sizing:border-box; width: 100%; height: 6em; padding: 4px; background: #f5f5f5; border:1px solid #e7e7e7; border-radius: 2px; resize:none;}
.comment-edit .comment-edit-btn{display: block; width: 100%; margin-top: 10px; font: 14px/40px Arial; color: #fff; text-align: center; background: #D50012; border-radius: 4px;}

/* swipe */
.swipe { overflow: hidden; position: relative; background: #f6f6f6;}
.swipe-wrap { overflow: hidden; position: relative; }
.swipe-wrap > div { float:left; width:100%; position: relative; }
.swipe {overflow: hidden; position: relative; }
.swipe {box-sizing:border-box; width: 100%;}
.swipe-wrap {position: relative; overflow: hidden;}
.swipe-wrap > div { float: left; width: 100%; position: relative; }
.swipe-wrap div img {width:100%;}
.swipe-nav {box-sizing: border-box; width: 94%; height: 34px; padding: 4px 0; margin:0 auto; text-align: right;}
.swipe-nav li { display: inline-block; width: 4px; height: 4px; border:2px solid #f6f6f6; border-radius: 100%; background: #a5a5a5;}
.swipe-nav li.on { background-color: #d50012; border-color: #d50012;}

.list-recommend-focus{position: relative; z-index: 1; height: 34px; padding-right: 20%; margin-top: -34px; overflow-y: hidden; background: none;}

/* weightreport */
.weightreport{padding:0;margin:0 15px;overflow-x:hidden;}
.weightreport>div{clear:both;padding:12px 0;margin:0 auto;}
.weightreport>div>label{float:left;display:inline-block;width:50px;padding:0 5px 0 0;font-weight:normal;color:#898989;font-size:1.6rem;margin:0;height:30px;line-height:30px;}
.weightreport>div>label.oneline{width:100%;}
.weightreport .span_left{float: left;color: #666666;font-size: 16px;}
.weightreport .span_right{float: right;color:#999999;font-size: 15px;}
.weightreport .span_title{color:#666666;font-size: 17px;font-weight: 600;}
.weightreport .span_red{color:red;}
.weightreport .am-form-group {
	margin-bottom: 1.5rem
}
.weightreport .am-g {
	margin: 0 auto;
	width: 100%;
	border-bottom: 1px solid #dddddd;
}