@charset "utf-8";
/* CSS Document */
/*reset*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
/*body, button, input, select, textarea { font: , arial; }*/
input{ outline:none;border:none;background:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal}
address, cite, dfn, em, var,i { font-style:normal; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; color:#2A2A2A;}
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0;vertical-align:middle; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
.clearfix{clear:both;}
.clearfix:after{display:block;content:"";height:0; clear:both;}
.clearfix{zoom:1}

input[type="button"]:enabled:active, input[type="button"].mui-active:enabled,
input[type="submit"]:enabled:active,
input[type="submit"].mui-active:enabled,
input[type="reset"]:enabled:active,
input[type="reset"].mui-active:enabled,
button:enabled:active,
button.mui-active:enabled,
.mui-btn:enabled:active,
.mui-btn.mui-active:enabled {
  color: #fff;
  background-color: #000;
}
input[type="button"]:disabled, input[type="button"].mui-disabled,
input[type="submit"]:disabled,
input[type="submit"].mui-disabled,
input[type="reset"]:disabled,
input[type="reset"].mui-disabled,
button:disabled,
button.mui-disabled,
.mui-btn:disabled,
.mui-btn.mui-disabled {
  opacity: 1;
}
/*reset end*/
/*import font-face*/
@font-face {font-family: 'siyuanHei';
  src: url('//at.alicdn.com/t/tfduthb9cmwvcxr.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/tfduthb9cmwvcxr.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/tfduthb9cmwvcxr.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/tfduthb9cmwvcxr.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/tfduthb9cmwvcxr.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}

/*import font-face end*/

body,html{
	font:lighter 18px/1 "Microsoft YaHei",Arial, Helvetica, sans-serif;
	color:#FFF;
}
.mui-bar-nav{
	height: 36px;
	background-color: #b01c1e;
}
/*header*/
.mui-bar-nav .mui-title{
	font:lighter 0.9rem/36px "siyuanHei","Microsoft YaHei",Arial, Helvetica, sans-serif;
	color:#FFF;
}
.mui-bar-nav .mui-pull-right{
	top:8px;
	right:15px;
	font-family: "Microsoft YaHei";
	font-size: 16px;
	color: #666;
}
.mui-bar-nav .mui-pull-left{
	left:20px;
	top:12px;
	width:2rem;
	height:2rem;
}
.mui-custom-btn{
	background-color: #333;
	border: none;
}
#edit{
	width: 30px;
	height: 30px;
	background: url(../images/icon/edit.png) no-repeat center;
	-webkit-background-size: 25px;
	background-size: 25px;
}
#back{
	top:5px;
	width: 21px;
	height: 38px;
	background: url(../images/icon/icon_back.png) no-repeat center;
	background-size: 70%;

}
/*header end*/

/*content*/
.mui-content{
	padding:0;
	background-color:#FFF;
}
.mui-content .onebox{
	padding:20px;
	border-bottom:1px solid #CCC;
	font-size:0;
	color:#666;
}
.mui-content .p_box,
.mui-content .r_box,
.mui-content .c_box{
	font-size:0;
	color:#666;
}
.mui-content h3{
	font-size:1.2rem;
	line-height:1.2rem;
	margin-bottom:1rem;
}
.mui-content .username{
	color:#094b70;
}
.mui-content #text{
	height:100%;
	resize:none;
	margin:0 auto;
	border:none;
	outline:none;
	border-radius:0;
	box-shadow:none;
	color:#333;
	font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;
	font-size:1.5rem;
}
.mui-content .onebox .para{
	width: 100%;
}
.mui-content #news{
	margin-top: 5px;
	height: 50px;
	line-height: 50px;
	background-color: #333;
	text-align: center;
}
/*pbox*/
.mui-content .p_box .p_user{
	display:inline-block;
	width:3.5rem;
	height:3.5rem;
	text-align:center;
	vertical-align:top;
	padding:.2rem;
	border:1px solid #A0A0A0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.mui-content .p_box .p_user > img{
	vertical-align:middle;
	width:100%;
}
.mui-content .p_box .p_article{
	display:inline-block;
	width:75%;
	vertical-align:top;
	padding-left:.8rem;
}
.mui-content .p_box .p_article p{
	color:#666;
	font-size:.9rem;
	line-height:1.2rem;
	margin-bottom:.3rem;
}
.mui-content .p_box .p_article .photos{
	margin-top:.6rem;
}
.mui-content .p_box .p_article .photos img{
	width:33%;
}
.mui-content .p_box .p_article .p_info{
	margin:1.2rem 0 1rem;
}
.mui-content .p_box .p_article .p_info time{
	display: block;
	font-size:.6rem;
	line-height: .8rem;
	margin-bottom: .5rem;
	color:#999;
}
.mui-content .p_box .p_article .p_btns{
	float:right;
	font-size:0;
}
.mui-content .p_box .p_article .p_btns button{
	-webkit-transition: none;
	transition: none;
	display: inline-block;
	float:left;
	/*background:url(../images/icon/p_box_icon.png) no-repeat;
	background-size: .8rem;*/
	height:1rem;
	line-height:1.4rem;
	margin-left:.5rem;
	padding-left:.9rem;
	outline: none;
	border: none;
}
.mui-content .p_box .p_article .p_btns :hover{
	opacity:.8;
}
.mui-content .p_box .p_article .p_btns .praise{
	background: url(../images/icon/icon_good.png) no-repeat 0 0;
	background-size: .8rem;
	/*background-position:0 0;*/
}
.mui-content .p_box .p_article .p_btns .share{
	width: 16px;
	background: url(../images/icon/icon_shares.png) no-repeat 0 1px;
	background-size: .8rem;
	/*background-position:0 -1.2rem !important;*/
}
.mui-content .p_box .p_article .p_btns .comment{
	background: url(../images/icon/icon_re.png) no-repeat 1px 1px;
	background-size: .8rem;
	/*background-position:0 -2.3rem !important;*/
}
.mui-content .p_box .p_article .p_btns em{
	font-size:.6rem;
	line-height:.8rem;
	color:#666;
}
/*cbox*/
.mui-content .c_box {
	padding:1rem;
	background-color:#EEE;
	height:auto;
	margin-top:1.5rem;
	position:relative;
}
.mui-content .c_box .triangle{
	position:absolute;
	top:-1.5rem;
	right:1.5rem;
	width:0;
	height:0;
	border: .8rem solid transparent;
	border-bottom: .8rem solid #EEE;
}
.mui-content .c_box .namebox{
	display: inline-block;
	width: 72%;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size:.8rem;
	color:#094b70;
	line-height:1rem;
}
.mui-content .c_box .c_praise,
.mui-content .c_box .c_comment{
	line-height:1rem;
	/*margin-bottom:1rem;*/
	padding-left:1.5rem;
}
.mui-content .c_box .c_praise{
	background:url(../images/icon/p_box_icon_praise.png) no-repeat 0 0;
	background-size: .9rem;
}
.mui-content .c_box .c_comment{
	background:url(../images/icon/p_box_icon.png) no-repeat 0 -2.4rem;
	background-size: .9rem;
}
.mui-content .c_box .c_comment li{
	margin-bottom:.5rem;
	font-size:1.4rem;
	color:#333;
}
/*.mui-content .c_box .c_praise .username{
	float:left;
	font-size:.8rem;
	line-height:.8rem;
	margin-right:.3rem;
	margin-bottom:.5rem;
}*/
.mui-content .c_box .c_praise .c_text{
	float:right;
	font-size:.8rem;
	line-height:.8rem;
}
/*.mui-content .c_box .c_comment .username,*/
.mui-content .c_box .c_comment p{
	font-size:.8rem;
	line-height:1.2rem;
}
.mui-content .c_box .c_comment .username{
	margin-right:.5rem;
}
.mui-content .c_box .c_comment p{
	color:#333;
}
.mui-content .c_box .c_comment .inputBox{
	clear:both;
}
.mui-content .c_box .c_comment .reInput,
.mui-content .c_box .c_comment .send{
	display:inline-block;
	float:none;
	vertical-align:bottom;
}
.mui-content .c_box .c_comment .reInput{
	width:90%;
	color:#333;
	resize:none;
	padding:5px 8px;
}
.mui-content .c_box .c_comment .send{
	margin-left:1rem;
}
/*文本缩略*/
.over5{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
/*展开按钮样式*/
.readmore{
	font-size:.8rem;
	color:#094b70;
	cursor:pointer;
	text-decoration:underline;
	outline: 0;
	border: 0;
}
.readAll{
	font-size:.8rem;
	color:#094b70;
	cursor:pointer;
	text-decoration:underline;
	outline: 0;
	border: 0;
}


/*sharebox end*/

/*newslist*/
#list{
	margin-top: .3rem;
}
#list .onebox{
	padding: .5rem .8rem .1rem;
	border-color: #EEE;
}
#list .moving{
	line-height: 1rem;
}
#list .p_user{
	width: 1.6rem;
	height: 1.6rem;
	overflow: hidden;
	border: none;
}
#list .p_article{
	width: 100%;
}
#list h3{
	font-size: .8rem;
	margin-bottom: .1rem;
}
#list .p_article p{
	font-size: .6rem;
	margin-bottom: .1rem;
	color: #999;
}
#list .p_article em{
	margin: 0 1px;
}
#list .p_info{
	margin: 0;
}
#list time{
	font-size: .6rem;
	color: #CCC;
}
#list .main{
	float: right;
}
#list .main span{
	color: #999;
	font-size: .6rem;
	line-height: 3rem;
}
/*newslist end*/
/* index content start*/
.photoList{
	
}
.photoList img{
	width:50%;
}
/* index content end*/
/*content end*/

/*footer*/

.mui-bar-footer{
	padding: 0;
	background-color: #FFF;
	z-index: 99;
	-webkit-transition: all .2s linear;
	transition: all .5s linear;
}
	/*inputbox*/
.mui-bar-footer .mui-input-row{
	border: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	-webkit-transition: all .2s linear;
	transition: all .5s linear;
}
.mui-bar-footer .mui-input-row input{
	bottom: 0;
	display: inline-block;
	width: 60%;
	font-size: .9rem;
	color: #666;
	height: 100%;
	line-height: 1rem;
	border: 0;
	margin: 0;
}
.mui-bar-footer .mui-input-row .mui-icon{
	top: 3px !important;
	right: 6.5rem !important;
}
.mui-bar-footer .mui-input-row .mui-btn{
	position: static;
	vertical-align: middle;
	display: inline-block;
	margin-left: 1%;
	width: auto !important;
	float: none;
	height: 1.8rem;
	font-family: "microsoft yahei";
	font-size: .8rem;
	color: #999;
	line-height: .5rem;
	text-align: center;
	border-color: #CCC;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #FFF;
}
	/*sharebox*/
.mui-backdrop{
    position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 98;
	overflow: hidden;
	background: rgba(0,0,0,.1);
}
#sharebox{
	border: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	background-color:#FFF;
}
.login-in{
	color:#666;
}
.login-in label{
	font:normal 0.8rem/1 "Microsoft YaHei",Arial, Helvetica, sans-serif;
}
.login-in input{
	font:normal 0.8rem/1 "Microsoft YaHei",Arial, Helvetica, sans-serif;
}
#sharebox ul{
	height:200px;
}
#sharebox li{
	display: inline-block;
	width:23%;
}
#sharebox li button{
	width: 100%;
	height:150px;
	font:normal 1rem/1 "Microsoft YaHei",Arial, Helvetica, sans-serif;
	background-color: #FFF;
	text-shadow:none;
	display:block;
	color:#999;
	text-align:center;
	transform: none;
	border-radius: 0;
}
#sharebox li button img{
	width: 50%;
	margin-bottom: 10px;
}
#sharebox > .mui-btn{
	position: static;
	width: 100%;
	padding: 0;
	margin: 0;
	border:none;
	border-top:1px solid #F0F0F0;
	border-radius: 0;
}
#sharebox .mui-icon-closeempty{
	height:50px;
	font-size: 3rem;
	color: #999;
	line-height: 50px;
}

.mui-bar-footer ul,
.mui-bar-footer ul li,
.mui-bar-footer ul button{
	height:50px;
}
.mui-bar-footer ul li{
	float: left;
	width: 25%;
	text-align: center;
}
.mui-bar-footer .mui-icon{
	width: 100%;
	position: static;
	padding:1.8rem 0 0;
	font-size: .6rem;
	font-family: "siyuanHei";
	color: #ccc;
}
.mui-bar-footer .mui-custom-btn-1{
	background:url(../images/icon/off_home.png) no-repeat center 0px;
	-webkit-background-size: 32px;
	background-size: 32px;
}
.mui-bar-footer .mui-custom-btn-2{
	background:url(../images/icon/off_info.png) no-repeat center 0px;
	-webkit-background-size: 32px;
	background-size: 32px;
}
.mui-bar-footer .mui-custom-btn-3{
	background:url(../images/icon/off_share.png) no-repeat center 0px;
	-webkit-background-size: 32px;
	background-size: 32px;
}
.mui-bar-footer .mui-custom-btn-4{
	background:url(../images/icon/off_usercenter.png) no-repeat center 0px;
	-webkit-background-size: 32px;
	background-size: 32px;
}
.mui-bar-footer .ui-custom-btn{
	display:inline-block;
	font:1rem/1 "Microsoft YaHei",Arial, Helvetica, sans-serif;
	color:#CCC;
	text-align:center;
}
.mui-bar-footer .mui-custom-btn-1-select{
	background:url(../images/icon/on_home.png) no-repeat center 0px;
	-webkit-background-size: 32px;
	background-size: 32px;
	color:#FFF;
}
.mui-bar-footer .mui-custom-btn-2-select{
	background:url(../images/icon/on_info.png) no-repeat center 0px;
	-webkit-background-size: 35px;
	background-size: 35px;
	color:#FFF;
}
.mui-bar-footer .mui-custom-btn-3-select{
	background:url(../images/icon/on_share.png) no-repeat center 0px;
	-webkit-background-size: 35px;
	background-size: 35px;
	color:#FFF;
}
.mui-bar-footer .mui-custom-btn-4-select{
	background:url(../images/icon/on_usercenter.png) no-repeat center 0px;
	-webkit-background-size: 35px;
	background-size: 35px;
	color:#FFF;
}
.{
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
/*footer end*/

/*详情编辑页面*/
#editpage{
	margin-top: .3rem;
}
#editpage textarea{
	font-size: 1rem;
	line-height: 1.5rem;
	color: #666;
	padding: .5rem 1rem;
}
#editpage .mui-btn{
	position: static;
	margin: 10px 15px;
}
#editpage .mui-grid-view{
	height: 100%;
	background-color: #FFF;
}
#editpage .mui-table-view-cell{
	position:relative;
}
#editpage .mui-grid-view a{
	padding: 0;
	position: relative;
	width: 100%;
	height: 65px;
	overflow: hidden;
}
#editpage .mui-media-body{
	height: 100%;
	position: absolute;
	background: url(../images/icon/add.png) no-repeat center center;
	margin-top: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
}
#editpage .mui-media-body img{
	margin-top: -25px;
	margin-left: -20px;
	width: 150%;
}
#editpage .mui-icon{
	font-size: 1.5rem;
}
#editpage .mui-table-view-cell .mui-btn{
	position: absolute;
	z-index: 10000;
	right: 1px;
	top: 1px;
	width: 1.2rem;
	height: 1rem;
	color: #FFF;
	font-size: .9rem;
	line-height: 1rem;
	text-align: center;
	padding: 0;
	background-color: #e13131;
	border: 0;
	margin-right: 1px;
	-webkit-border-radius: 0;
	border-radius: 0;
	display: none;
}
/*弹出层*/
#commentDetailLayer{
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	display: none;
	overflow: hidden;
}
#commentDetailLayer #commentDetail{
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	padding: 1rem 1.5rem 1rem 1rem;
	font-size: .9rem;
	line-height: 1.5rem;
	color: #666;
	word-break: break-all;
	background-color: #FFF;
}
#tip{
	position: absolute;
	z-index: 99;
	top: 50%;
	left: 50%;
	margin-top: -1rem;
	margin-left: -6rem;
	width: 12rem;
	height: 2rem;
	font-size: 1.2rem;
	line-height: 2rem;
	background-color: #000;
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: none;
}
.mui-segmented-control{
	border:none;
}
.mui-segmented-control .mui-control-item{
	border-left:1px solid #eee;
	border-bottom:1px solid #eee;
	color:#999;
}
.mui-segmented-control .mui-control-item.mui-active{
	background-color:#FFF;
	color:#00f;
	border-bottom:1px solid #00f;
}
.childnav{display:none;width:100%;height:auto !important;position:absolute;top:-50px;background:#f9f9f9;border-top:1px solid #EEE;box-shadow: 2px 1px 5px #CCC;z-index:0;opacity:0;}
.childnav li{width:100% !important;height: 32px !important;line-height:32px !important;edisplay:block;float:none !important;text-align:center;}
.childnav li:last-child{border-top:1px solid #CCC;}
.childnav li a{width:100%;display:block;font-size:13px;}
/*媒体判断*/
@media only screen and (min-device-width:360px) {
.mui-content .p_box .p_article{
	width:78%;
}
.mui-bar-footer .mui-input-row input{
	width: 65%;
}
.mui-bar-footer .mui-input-row .mui-icon{
	right: 6.5rem !important;
}
}
@media only screen and (min-device-width:384px) {
.mui-content .p_box .p_article{
	width:80%;
}
.mui-bar-footer .mui-input-row input{
	width: 68%;
}
.mui-bar-footer .mui-input-row .mui-icon{
	right: 6.3rem !important;
}

#editpage .mui-media-body{
	height: 5.4rem;
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell{
	width: 33%;
}
}
@media only screen and (min-device-width:400px) {
.mui-content .p_box .p_article{
	width:82%;
}
.mui-bar-footer .mui-input-row input{
	width: 68%;
}
.mui-bar-footer .mui-input-row .mui-icon{
	right: 6.8rem !important;
}

#editpage .mui-media-body{
	height: 6.5rem;
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell{
	width: 33%;
}
}
@media only screen and (min-device-width:540px) {
.mui-content .p_box .p_article{
	width:84%;
}
.mui-bar-footer .mui-input-row input{
	width: 75%;
}
.mui-bar-footer .mui-input-row .mui-icon{
	right: 6.7rem !important;
}

#editpage .mui-media-body{
	height: 8.5rem;
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell{
	width: 33%;
}
}
@media only screen and (min-device-width:720px) {
.mui-content .p_box .p_article{
	width:88%;
}
.mui-bar-footer .mui-input-row input{
	width: 78%;
}
.mui-bar-footer .mui-input-row .mui-icon{
	right: 6.7rem !important;
}

#editpage .mui-grid-view a{
	height: 150px;
}

#editpage .mui-table-view-cell .mui-btn{
	width: 1.5rem;
	height: 1.2rem;
	font-size: 1.2rem;
	line-height: 1.2rem;
}
#editpage .mui-media-body img{
	margin-top: -2rem;
	margin-left: -2.5rem;
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell{
	width: 33%;
}
}
@media only screen and (min-device-width:960px) {
.mui-content .p_box .p_article{
	width:92%;
}
.mui-bar-footer .mui-input-row input{
	width: 85%;
}
.mui-bar-footer .mui-input-row .mui-icon{
	right: 7.2rem !important;
}

#editpage .mui-media-body{
	height: 16rem;
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell{
	width: 33%;
}
}
@media only screen and (min-device-width:1024px){
body,html{
	font-size: 20px;
}
.mui-content .p_box .p_article{
	width:92%;
}
.mui-bar-footer .mui-input-row input{
	width: 84%;
}
.mui-bar-footer .mui-input-row .mui-icon{
	right: 7.8rem !important;
}

#editpage .mui-media-body{
	height: 17rem;
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell{
	width: 33%;
}
}
@media only screen and (min-device-width:1280px){
body,html{
	font-size: 20px;
}
.mui-content .p_box .p_article{
	width:94%;
}
.mui-bar-footer .mui-input-row input{
	width: 88%;
}
.mui-bar-footer .mui-input-row .mui-icon{
	right: 7rem !important;
}

#editpage .mui-grid-view a{
	height: 80px;
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell{
	width: 33%;
}
}