@charset "utf-8";
/* CSS Document */
/* reset */
body,h1,h2,h3,h4,h5,h6,hr,div,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,input,textarea,form,th,td,a{margin:0;padding:0; }
body,select,textarea,th,td{font-family:"Microsoft YaHei",Helvetica,Arial,simsun;}
h1,h2,h3,h4,h5,h6,p{-webkit-text-size-adjust:100%;}
table{border-collapse:collapse;border-spacing:0;}
code,kbd,pre,samp,tt{font-family:"Courier New",Courier,monospace;}
caption,th{ text-align:left;}
small{font-size:100%;}
dl,dt,dd,ul,ol,li{list-style:none;}
a:link,a:active{text-decoration:none;}
abbr,acronym{border:0;font-variant:normal;}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help;}
q:before,q:after{content:'';}
fieldset{border:none;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit; outline:none; }
input,button,textarea,select{*font-size:100%; outline:none;resize:none; vertical-align:middle;}
button::-moz-focus-inner {  border:none; }
img{ -ms-interpolation-mode:bicubic; border:none; vertical-align:middle;}
textarea{ overflow-y: scroll}
object,embed{ outline:none;}
section,article,aside,header,footer,dialog,figure,details{display:block;}
figure{margin:0;}
html {font-size: 100%; line-height:100%;}
body {font-size:1em; position: relative;}
/* reset end */
/* common css */
.clearfix:after{content:""; height:0; line-height:0;display:block; clear:both;overflow: hidden;}
.clearfix{clear:both;zoom:1;}
.bodno{ border: none;}
input{ border: 1px solid #dcdcdc;  border-radius: 5px; text-indent:5px; color: #333; }
::-webkit-input-placeholder{color: #aaa;}/* WebKit browsers */
::-moz-placeholder { color: #aaa;}/* Mozilla Firefox 4 to 18 */
:-moz-placeholder { color: #aaa;}/* Mozilla Firefox 4 to 18 */
button{ border: 1px solid #eaeaea;  border-radius: 5px;}
.drop{ display:inline-block; width: 8px;height: 8px; border-bottom: 2px solid #c8c8c8;border-right: 2px solid #c8c8c8; cursor: pointer;
	-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg); writing-mode: rl-tb; vertical-align: middle;}
.arrow{display:inline-block;  width: 12px;height: 12px; border-bottom: 2px solid #fff;border-right: 2px solid #fff; cursor: pointer;
	-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);
    -o-transform: rotate(135deg); writing-mode: rl-tb; }
.more{display:inline-block; width: 12px;height: 12px; border-radius:50%;}   

/* about images&icons*/
.share a,.otherways i,.medal{ background-image:url(../images/share-sprite.png); background-repeat: no-repeat; background-size:100px auto;}
.medal{ display: inline-block; width: 38px; height: 38px;text-indent: -99999px;overflow: hidden; vertical-align: middle;}
.medal-a{background-position:-60px 0;}
.medal-b{background-position:-60px -40px;}
.medal-c{background-position:-60px -80px;}
.medal-d{background-position:-60px -120px;}
.medal-e{background-position:-60px -160px;}
.icn,.rolwrap a{ display: inline-block;width: 23px; height: 23px; background-image:url(../images/icn-sprite.png); background-repeat: no-repeat; background-size:60px auto;text-indent: -99999px;overflow: hidden; vertical-align: middle;}
.icn-mor{ margin:5px 10px 0 0;background-position:-30px -60px;}
.icn-login{ background-position: 0 -30px;}
.icn-map{ margin-left: 10px; background-position:0 -60px;}
.container .mod-tit .icn-login{ margin: 10px 15px 0 0; background-position: 0 -30px;}
.container .mod-tit .icn-logined{ margin: 10px 15px 0 0; background-position: -30px -30px;}
.icn-a{ background-position: 0 -90px;}
.icn-b{ background-position: 0 -120px;}
.icn-c{ background-position: 0 -150px;}
.icn-d{ background-position: 0 -180px;}
.icn-omit{ width: 30px; background-position:-30px -90px;}
.icn-writ{background-position:-30px -120px;}
.icn-origi{background-position:-30px -150px;}
.rolwrap .reply{background-position:-28px -174px;}
.rolwrap .top{background-position:8px -209px;}
.rolwrap .to-botm{background-position:-26px -210px;}

/* common css end*/
header{ height:52px; padding:12px 10px 0; margin:0 -10px; background-color:#6ebe32;}
	header .logo{ float: left;}
	header .logo a{ display:block; width: 120px; height: 25px;  background:url(../images/m-logo.png) no-repeat 0 0;
		-moz-background-size:contain;-webkit-background-size:contain; -o-background-size:contain;background-size:contain; text-indent: -99999px;overflow: hidden;}
	header .nav-site{ float: right;}	
	header .logined img{ display:inline-block; width:35px; height:35px; margin-top:-3px; -moz-border-radius: 50%;-webkit-border-radius: 50%; border-radius:50%;} 
.container{ position:relative;}		
.headnav{ width:100%; background-color:#f5f5f5; text-align:center;overflow: hidden; display:none; position:absolute; left:0;  z-index:999;}
	.headnav ul:after{content:""; height:0; line-height:0;display:block; clear:both;}
	.headnav ul{ padding:15px 5px 0 3px;clear:both;zoom:1; text-align:left;}
	.headnav li{ float:left; margin:0 0 10px 10px; display:inline;}
	.headnav li a{ display: block; height:32px; line-height:30px; padding:0 14px; color: #333; background-color:#fff; border:1px solid #dcdcdc;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;}
	.headnav li a:visited {color: #333; background-color:#fff; }
	.headnav li a:hover {color: #fff; background-color:#6ac334;}
	.headnav li a:active {color: #fff; background-color:#6ac334; text-decoration:none;}
	.headnav .drop-up{ margin:-20px auto; height:16px; width:16px;text-indent: -99999px;overflow: hidden;
	-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);}
	.headnav-wrap{ width:100%; height:100%; position:absolute; left:0; top:52px; background-color:#333;filter:alpha(opacity=60);  -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;z-index:100; display:none;}
	.footnav ul,.viewstyle ul{display: table;  width: 100%;}
	.footnav li,.viewstyle li{ display: table-cell; text-align: center;}
footer{ margin-top: 30px;border-top: 1px solid #dcdcdc;}
	.footnav{ margin: 15px 0; }
	.footnav li a{ font-size: 1em; color:#333;}
	.viewstyle{ height: 58px; line-height: 58px; background-color: #dcdcdc;}
	.viewstyle a{ padding: 8px 15px; font-size: 0.813em;  border-radius: 5px; color: #333;vertical-align: middle; }
	.cur-on a,.viewstyle a:hover,.viewstyle a:active{ background-color: #c6c6c6;}
	.user-opera{ height: 50px; padding:14px 0;width: 100%; overflow: hidden; zoom: 1; background-color: #000;}
	.user-opera li{ float: left; width: 50%; text-align: center; height: 1.375em; line-height: 1.375em; overflow: hidden; border-left: 1px solid #fff;}
	.user-opera a{ color: #fff; font-size: 1em;}
	footer .bodno{ border: none;}
.mod-form{ padding:0 25px; }
	.mod-form input{ margin-top:14px; width: 100%; height:40px; border: none; border-radius:0; border-bottom: 1px solid #6ebe32;}
	.mod-form textarea{margin-top:14px; width: 100%; height:72px; line-height: 38px; border: none; border-bottom: 1px solid #6ebe32;}
	.mod-form button{margin:27px 0 63px; width: 100%; height:40px; background-color: #6ebe32; color: #fff; }
	.mod-form p{ margin-bottom: 18px; font-size: 0.813em; color:#aaa;}
	.otherways{ font-size: 0.938em;}
	.otherways i{ display: inline-block; width:30px; height:30px; margin-right: 8px; vertical-align: middle; background-position:0 -190px;}
	.otherways a{ color: #333;}

.search-box{ padding: 10px 0; text-align: center; }
	.search-box form{ position: relative;}
	.search-box input{ width: 100%; height: 35px; padding: 7px 0; font-style: 0.875em; color: #aaa; 
						-moz-box-shadow:inset 1px 2px 3px #e8e6e6;
					    -webkit-box-shadow:inset 1px 2px 3px #e8e6e6;
					    box-shadow:inset 1px 2px 3px #e8e6e6;}
	.search-box button{position: absolute; top:1px; right:4px; width:30px; height:30px; border: none; background: none; cursor: pointer;padding: 0;}
	.search-box span{display: inline-block; width: 13px; height: 13px; border:2px solid #009646; border-radius: 50%; }
	.search-box i{display: inline-block; width:8px; margin: 5px 0 0 -1px; border-bottom:2px solid #009646; 
					-webkit-transform: rotate(215deg);-moz-transform: rotate(215deg);
				    -o-transform: rotate(215deg); writing-mode: rl-tb; }
.slider{ margin:0 auto; width:100%; height:155px;overflow: hidden;position: relative;}
	.slider div li{ float:left; width:100%;height:155px; overflow: hidden; position: relative;}
	.slider div li img{ width: 100%;}
	.slider div li .tit{ position:absolute; bottom:2px; left:0; text-indent:10px; z-index:10; }
	.slider div li .tit  a{font-size:0.938em; color:#fff;}
	.slider div li .tag{ position: absolute;left:-36px; top:-20px; width:82px; height:50px; padding-top:28px; background-color:#00a8ff;color:#fff; font-size: 0.813em; text-align:center;
		-webkit-transform: rotate(315deg);-moz-transform: rotate(315deg);
    	-o-transform: rotate(315deg); writing-mode: rl-tb; z-index: 10;}
    .slider_tab{position:absolute; right: 10px; bottom:4px;z-index:400px;}
	.slider_tab li{display:inline-block;width:10px;height:10px;border-radius:50%;background:#fff;}
	.slider_tab li a{font-size:0;}
	.slider_tab li.on{background-color:#ffd800;}	
	.slider div li .tab_bg{position:absolute; left: 0; bottom:0; display: block;width:100%;height:26px; z-index:380px; background-color: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); opacity:0.6;}	

.mod-box{ margin:10px 0;}   
 	 .mod-tit{ width: 100%; height:  32px; margin-bottom: 5px; background-color: #6ebe32; clear: both;}
 	 .mod-tit:after{content:""; height:0; line-height:0;display:block; clear:both;overflow: hidden;}
 	 .mod-tit h3{ float: left; margin-left: 15px; padding: 0 10px; height: 32px; line-height: 32px; font-size: 1.125em; color: #333; background-color: #fff;}
 	 .mod-tit h3 a{color: #fff;font-size: 16px;}
 	 .mod-tit .icn{float: right; margin:5px 10px 0 0;}
	 .mod-tit .breadcrumb{font-size: 0.938em;}
.mod-cont{ margin-top:10px;}	 
	.mod-cont li{ padding: 9px 0;  clear: both;position: relative;}
	.mod-cont li:after{content:""; height:0; line-height:0;display:block; clear:both;overflow: hidden;}
	.mod-cont .pic{ float: right; width: 115px; height: 75px;margin: 0 0 0 15px; }
	.mod-cont .pic img{ width: 115px; height: 75px;}
	.mod-cont .infr{display:table-cell; *display:inline-block;*float:left;}
	.infr h4 {font-size: 1em;font-weight: normal; line-height: 1.5;color: #333; }
	.infr p{font-size:0.875em; color: #999;  line-height: 18px; overflow: hidden; }
	.infr p em{ display: inline-block;  width: 30px;}
	.infr-ft{position: absolute;left:0;bottom: 9px;}
	.com-nub,.com-time,.com-nubs{ color: #999; font-size: 0.75em;}
	.mod-cont .com-nub{position: absolute;left:0; bottom: 11px; }
.more-list{ display: block;margin:20px 0; height: 40px; line-height: 40px; background-color: #f0f0f0;  font-size: 1em; text-align: center;  border-radius: 5px;}
.more-list:link{color: #8c8c8c;}
.more-list:visited{color: #333;}
/*.latest-news .infr h4 { padding-right: 30px;}*/
.container .latest-news li{ padding: 10px 0;}
.piclist{padding: 0 10px;}
	.piclist ul{clear:both;}
	.piclist ul:after{content:""; height:0; line-height:0;display:block; clear:both;overflow: hidden;}
	.piclist li{ float: left; width: 170px; height: 140px; margin-top:8px; text-align: center; position: relative;}
	.piclist li a{ display: block;}
	.piclist li img{ width: 160px; height: 140px; z-index: 0}
	.piclist li p{ position: absolute; left:5px;bottom: 3px; padding: 0 5px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; color: #fff; font-size: 0.813em; z-index: 10;}
	.piclist li .transbg{position: absolute; left: 5px; bottom: 0;width: 160px; height: 22px; background-color: #000; opacity: 0.5; z-index:1;}

.container .mod-tit{ height: 44px;background-color: #6ebe32; }
	.container .mod-tit h3{ padding: 0; font-size: 1.25em; color: #fff; line-height: 44px; font-weight: normal; background-color: #6ebe32;}
	.mod-cont li{border-bottom: 1px solid #dcdcdc;}
	.container .infr h4{ margin-bottom: 20px;}
	.container .infr h4 a{line-height: 16px;  overflow: hidden; color: #333; font-size:1em; /*text-overflow:ellipsis;white-space: nowrap;min-width:100px; */}
	.container .infr p{ }
	.container .mod-cont li .com-nub{ bottom: 9px;}
.artic-wrap{padding: 0 10px 10px;}	
	.artic-head{ margin: 14px 0;  }
	.artic-head h4{ font-size: 1.125em; color: #333; font-weight: normal;}
	.artic-about{ margin-top: 8px;} 
	.artic-about span{ margin-right: 12px; font-size: 0.813em; color:#999; }
	.artic-about .artic-author{ color: #46aa1e;}
	.artic-cont{ padding:10px 0;border-top:1px solid #dcdcdc;font-size:0.938em; line-height:160%; word-break: break-all;
    word-wrap: break-word;}
	.artic-cont p{ margin: 8px 0 15px; font-size:0.938em; line-height:26px;}
	.artic-cont img{ margin: 5px auto;  max-width: 100%; overflow: hidden; }
	.artic-cont .more-list{margin:30px 15px 20px;}
.share{ margin-bottom: 10px;  padding-left:68px; position: relative;font-size:0.813em;}	
	.share span{ position: absolute; left: 10px; top:5px;}
	.share a{ float: left; margin:0 5px 8px 0; width:56px; height: 26px;  text-indent: -9999em; overflow: hidden;}
	.share a.qq{ background-position:0 0; }
	.share a.weibo{ background-position:0 -30px; }
	.share a.yixin{ background-position:0 -60px; }
	.share a.ren{ background-position:0 -90px; }
	.share a.youdao{ background-position:0 -120px; }
	.share a.lofter{ background-position:0 -150px; }
	.comments .mod-tit,.latest-list .mod-tit{ height: 40px; line-height: 40px; font-size: 1em; text-indent:10px; color: #666; background-color: #dcdcdc;}
.fixed-form{ width: 100%; padding:1px 0 5px; background-color: #000; opacity: 0.8;  position:fixed; left: 0; bottom: 0; z-index: 200;}
.comment-form { margin:9px 10px 15px; position: relative;}
	.comment-form input{ margin:0 5px 10px 0 ; width: 100%; height:38px; text-indent: 5px; color: #999; font-size: 1em; border: 1px solid #6ebe32; -moz-border-radius: 5px;
    -webkit-border-radius: 5px; border-radius:5px;}
	.comment-form button{ height: 38px; padding:0 12px; color: #fff; font-size: 1em; background-color: #6ebe32;
    -moz-box-shadow:inset  0 2px 5px #6ebe32;
    -webkit-box-shadow:inset  0 2px 5px #6ebe32;
    box-shadow:inset  0 2px 5px #6ebe32; }
	.comment-list{ padding: 0 10px;}
	.comment-list dl{ margin-bottom:10px; padding: 10px 5px 15px; border-bottom: 1px solid #eaeaea;}
	.comment-list dt { margin-bottom: 5px; font-weight:normal;}
	.comment-list dt img{ margin-right: 8px; width: 30px; height: 30px; border-radius: 15px;}
	.comment-list dt a{ color: #049849; font-size: 0.813em;}
	.comment-list dt a:hover,.comment-list dt a:active{ text-decoration:underline;}
	.comment-list .time{float: right;font-size: 12px;font-weight: inherit;color: #999;}
	.comment-list dd{ padding:5px 0 0 38px; line-height: 150%;font-size:0.875em;word-break: break-all;word-wrap: break-word;}
	.comment-list dd figure img{ width:100%;}
	.comment-list dd font,.comment-list dd .blockquote{ font-size:15px;}
	.comment-list dd .blockquote{ background-color:#f5f5f5;word-break:break-all;}
	.gj_btn{ float:right; margin:0 20px;padding: 5px 0;font-size:0.875em; color:#049849;}	
	.gj_btn:hover,.gj_btn:active{color:#049849;}
	
	
.comment-area{ padding: 5px 10px 19px; border-bottom: 1px solid #eaeaea;}
	.comment-area textarea{ width: 100%; margin-bottom: 11px; padding: 6px 0; height:71px; text-indent: 6px; border: 1px solid #eaeaea; border-radius: 5px;
	-moz-box-shadow:inset 1px 2px 3px #e8e6e6;
    -webkit-box-shadow:inset 1px 2px 3px #e8e6e6;
    box-shadow:inset 1px 2px 3px #e8e6e6;}
	.comment-area button{ float: right; height: 34px;padding:0 20px; font-size: 0.938em; background: none;}
	.formcss{ padding:10px 0 0;}
	.formBtn{  padding:0;}
	.mod-tit-wrap{ margin:0 -15px 10px; width:auto;}

.pic-wrap{ margin-top: -5px;}	
	.pic-wrap .tab{display: table; width: 100%; height: 45px; background-color: #f0f0f0;clear:both;}
	.pic-wrap .tab:after{content:""; height:0; line-height:0;display:block; clear:both;overflow: hidden;}
	.pic-wrap .tab li{ padding-top: 14px; display: table-cell; text-align: center;}
	.pic-wrap .tab li a{ padding:0 23px 8px; font-size: 1.125em; color: #666; border-bottom:2px solid #f0f0f0; }
	.pic-wrap .tab li.curr a,.pic-wrap .tab li a:hover{color: #009646; border-color: #009646;}
	.tab-cont{ padding: 0 10px; }
	.tab-cont ul{ display:none;}
	.pic-wrap .tab-cont .curr{ display:block;}
	.tab-cont li{ padding-top:13px;  border-bottom:1px solid #d8d8d8;}
	.tab-cont .pic{  width: 100%; height: 164px; text-align: center; overflow: hidden;}
	.tab-cont .pic img{ width:100%; height: auto; overflow: hidden;}
	.tab-cont p{ padding: 0 5px; height: 37px; line-height: 37px; background-color: #f5f5f5;}
	.tab-cont p:after{content:""; height:0; line-height:0;display:block; clear:both;overflow: hidden;}
	.tab-cont p span{ float: left;}
	.tab-cont p span.com-nub{ float: right; font-size: 0.813em; color: #999;}
	.nomore{ padding:2.5em 0; color: #999; text-align: center; font-size: 0.813em;}
.artic-list{ margin:0 10px; padding-bottom:40px;}	
	.artic-list li{ padding:6px 0; border-bottom:1px solid #ccc;}
	.artic-list li h4 a{ font-size: 0.813em; color:#333;}
	.artic-list li h4 a:active{color:#999; text-decoration:none;}
	.artic-list li p:after{content:""; height:0; line-height:0;display:block; clear:both;overflow: hidden;}
	.artic-list li p{ padding-top:3px; color:#999;clear:both; zoom:1;}
	.artic-list li p a{ color:#46aa1e;font-size: 0.75em;}
	.artic-list li .com-time{ float:left;}
	.artic-list li .com-nub{ float:right;}
	.artic-list li .author{ float:left; margin-right:10px;}

.mycard{ margin-top:-5px;  padding: 12px 10px; background-color: #6ebe32;color: #fff;}
	.mycard .myself{ text-align: center;}
	.mycard .myself img{ margin-bottom: 10px; width:60px; height:60px; border-radius: 50%;}
	.mycard .myself a{color:#fff; font-size: 1em;}
	.mycard ul{ width: 100%; overflow: hidden; margin-top: 15px;}
	.mycard li{ float: left; width: 50%; margin-bottom:3px; text-indent: 20px;}
	.mycard .ali-text{ text-align: right; text-indent: 0;}
	.mycard li span{ font-size: 0.75em;}
	.mycard li strong{ font-weight: normal;font-size:0.875em;}
.abtme{ margin:16px 0; border-top: 1px solid #dcdcdc;}
	.abtme li{ border-bottom: 1px solid #dcdcdc;}
	.abtme li a{ display: block; padding: 0 20px 0 10px; height: 50px; line-height: 50px; font-size: 1em; color: #333; position: relative;}
	.abtme li .icn{ margin: -3px 5px 0 0;}
	.abtme .drop{position: absolute; right:20px; top: 18px; }
	.abtme .btn-exit{ margin: 20px 30px; background-color: #f0f0f0; color: #666;}
.mydetails{ padding: 0 10px;}	
	.mydetails .item{  height:45px; line-height: 45px; text-align: right;  border-bottom: 1px solid #dcdcdc;clear:both;color:#999;font-size:0.938em;}
	.mydetails .item:after{content:""; height:0; line-height:0;display:block; clear:both;overflow: hidden;}
	.mydetails .myphoto{ height:73px; line-height: 73px;}
	.mydetails .item a{ display: block;color:#999;}
	.mydetails .term{ float: left; }
	.mydetails .desc,.mydetails .drop{ margin-right: 10px;}
	.mydetails .desc img{ width: 60px; height: 60px; border-radius: 5px; vertical-align: middle;}
	.mydetails dt{  line-height: 45px;}
	.mydetails dd span{ margin:0 10px 10px 0;}
.mod-tit{ position: relative;}
.pop-more{ position: absolute; right: 10px; bottom:-35px;}
	.pop-more a{ display: block; padding: 0 17px; height: 45px; line-height: 45px; background-color: #f5f5f5; color: #666; border: 1px solid #dcdcdc; font-size: 1em;}

.mod-msg .pic{width: 40px;}	
	.mod-msg .pic img{ width: 40px; height: 40px; border-radius:50%;}
	.container .mod-msg h4{ margin: 0;} 
	.container .mod-msg p{ padding-right:0; }
	.mod-msg h4{color: #333333; font-size: 0.813em; font-weight: normal;}
	.mod-msg h4 a{ color: #00a8ff;}
	.mod-msg p a{color: #666;}
	.mod-msg .time{ font-size: 0.625em; color: #999;}
	.mod-msg .nmb{ position: absolute; right: 10px; top: 30px; width: 20px; height: 20px; line-height: 20px;font-size:0.75em; text-align: center; font-style: normal; border-radius: 50%; background-color: #f00; color: #fff;}
	.mod-msg .item{ margin-bottom: 15px; padding:28px 0;  border-bottom: 1px solid #dcdcdc;  font-size: 0.938em; line-height: 150%;}
	.mod-msg .item a{ color: #00a8ff;}
	.mod-msg dl{ margin-bottom: 8px; padding-left: 74px; font-size: 0.938em; line-height: 150%;clear:both; position: relative;}
	.mod-msg dl:after{content:""; height:0; line-height:0;display:block; clear:both;overflow: hidden;}
	.mod-msg dl dt{ position: absolute; left: 0; top: 0;}
	.mod-msg dl dd{ float: left; color: #999;}
	/*.container .icn{ margin: 0 15px 0 0;} */
.modins-tit	{  padding-right: 25px; height: 57px; line-height: 57px; border-bottom: 1px solid #dcdcdc; position: relative;}
	.modins-tit h4{ color: #999; font-size: 1em; font-weight: normal;}
	.container .modins-tit .icn-origi{position: absolute; right: 0; top: 18px; margin: 0; font-size: 0.813em; }
.btnbx{ text-align:center;}	
.chek input{ width:16px; height:16px;}
.artic-list .chek { position:absolute; right:10px; top:10px; display:none;}
.amend{ float:right; margin:12px 10px 0 0; font-size:14px; color:#fff;}
.amend:focus, .amend:hover{color:#fff; text-decoration:none;}
.footbtn{ width:100%; display: -webkit-box; height:40px; line-height:40px; background-color:#f00; text-align:center; position:fixed; bottom:0; left:0; z-index:80; display:none; }
.footbtn a{ display:block;-webkit-box-flex: 1; font-size:14px; color:#fff;}
.footbtn a:focus, .footbtn a:hover{color:#fff; text-decoration:none;}
.detaillist{ padding:0 10px;}
.detaillist title{ margin-bottom:10px;}
.artic-list .com-aut{ float:left; margin-right:10px;}
.read-search{ margin-bottom:20px;}
/* top */	
.rolwrap{position: fixed; right:10px; bottom:50px; width:40px; z-index: 99;
	-moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;}
.rolwrap a{ width: 40px; height: 40px; border-radius: 50%; background-color: #999; filter:alpha(opacity=70);  -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; text-align: center; }
.rolwrap .reply{ margin-bottom:2px;}
.pagewrap{ text-align:center;}.pagination{ margin:20px auto;}


/* pop-up layer  */
.pop-layer{ position: absolute; left:0; top:0; width: 100%; height:100%; background-color: #000; overflow: hidden; z-index:98;}
.bigpic-wrap{ position: absolute; left:50%; top:0; margin-left: -160px; width: 320px; height:480px; z-index:120;}
	.bigcont{display: table-cell; height:480px; vertical-align: middle; text-align: center;}
  	.bigcont img{ max-width: 320px; height: auto; vertical-align: middle;} 
	.pop-layer p{width: 100%; position: absolute; bottom:30px; left: 5px; font-size:1.125em; color: #fff; }
	.pop-layer a{position: absolute; top:30px; left: 5px; font-size:1.125em; color: #fff; }
	.pop-layer a .arrow{ width:10px; height: 10px; margin:0 5px 0 3px;}
@media screen (min-width:321px) and (max-width:540px){
	.headnav ul{ padding:15px 0 0 6px;}
	.headnav li{ float:left; margin:0 0 10px 6px; display:inline;}
	.piclist li{ width: 150px;}
	.piclist li img{ width: 140px;}
	.piclist li .transbg{width: 140px;}
	}
@media screen and (max-width:320px){
	.headnav ul{ padding:15px 0 0 6px;}
	.headnav li{ float:left; margin:0 0 10px 12px;}
	.piclist li{ width: 150px;}
	.piclist li img{ width: 140px;}
	.piclist li .transbg{width: 140px;}
	}

/************触屏版帖子详情页头部增加APP引导下载***************/

.aui-pull-left img{ border:none; }
.aui-pull-left{ float: left;}.aui-pull-right{ float: right;}
.clear:after{content:""; height:0; line-height:0;display:block; clear:both;overflow: hidden;}
.clear{clear:both;}
.btns{ display:inline-block; padding:0 10px; height:28px; text-decoration: none; line-height: 28px; text-align: center; border:1px solid #6ebe32; font-size: 12px; color:#6ebe32; border-radius:5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.btns:hover{background-color:#6ebe32; color:#fff;}
.btns-bgs{display:inline-block;padding:0 10px; margin-left: 10px;text-decoration: none; height:28px; line-height: 28px; text-align: center;  background-color:#6ebe32; font-size: 12px;color:#fff; border-radius:5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.btns:hover,.btns-bgs:hover{ text-decoration: none;}
.btns-bgs:hover{ color:#fff; background-color: #46aa11;}

.app-intro{ padding:0 10px; height:80px; background-color: #ecf5ec; }
.app-intro .aui-pull-left{ padding-top: 15px; line-height: 25px; font-size: 14px; color:#6ebe32; }
.app-intro .aui-pull-left img{ width:28px; height:28px;vertical-align: middle; margin:0 3px; position: relative; top:-2px;}
.app-intro .aui-pull-right{padding-top: 25px;}