html,body {  font-size:16px; height:100%;  color:rgb(51, 51, 51);background:#F5F5F5}
.hover{ opacity: .8; }
.flex-wrap{ display: -webkit-box;	}
.flex-con{     -webkit-box-flex: 1;     }
.flex-vertical{ -webkit-box-orient: vertical;-webkit-flex-flow: column;flex-flow: column;}

.border-t,
.border-b{ position:relative;  }
.border-t:before,
.border-b:after{     content: '';     position: absolute;     left: 0;  top:0;     background: #ddd;   right:0;    height: 1px;     -webkit-transform: scaleY(0.5);             transform: scaleY(0.5);     -webkit-transform-origin: 0 0;             transform-origin: 0 0; }
.border-b:after{ top:auto; bottom:0;  }
.headclosewidth{width:50px;}
.headtextwidth{padding-right:50px;}
.boxrw{
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
}
.boxr{
		display:-webkit-box;
        display:flex;
        display:-ms-flex;
        display:-webkit-flex;
　　　　 	width:100%;

}
.flex-conr{flex:1;-webkit-flex:1;-webkit-box-flex:1; }
#wrap{ height: 100%; }

.hui{background-color:#eeeeee}

.editdiv:empty:before{
            content:attr(placeholder);
            font-size: 16px;
            color: #CCCCCC;
}
.editdiv:focus{
    content:none;
}
.emotion-round{
	width:30px;height:30px;
}
.img-thumbnail{
	display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.cicle_takephoto{
	width:70px;height:70px;
}
.cicle_takephoto_warp{
	display:inline-block;
	margin-right: 20px;
	position: relative;

}
.cicle_takephoto_warp .fa-times{
    position: absolute;
    right: -10px;
    top: -10px;
    font-size: 20px;
	color: #fff;
    background: #756e6e;
    border-radius: 100%;   
    height:20px;
    width:20px;
}
.disabled{
	background-color: #F5F5F5!important;
    color: #ACA899!important;
}
.headerap{
	height:45px;
	line-height:45px;
	padding-left:5px;
}
.cen{
	text-align:center;
}
.commectjia{
    text-align: center;
    color: #ccc;
    border: 1px solid #ddd;
    width: 70%;
    margin: auto;
    font-size: .8rem;
    padding: 5px;
    border-radius: 10px;
    margin-top: 10px;
    background: #ddd;
}
.bigbutton{
	background:#fff;
	border: 1px solid #fff;
	width: 80%;
	padding: 1rem 0; 
	font-size: 0.9rem;
	margin:auto;
	color:#ea5037;
	text-align:center; 
	border-radius: 4px;
	margin-top:10px;
}
.nowifitext{
	text-align: center;
    color: #fff;
    background: rgba(0,0,0,.5);
    padding: 30px;    
}
.nowifibutton{
    display: inline-block;
    margin: auto;
    width: 100px;
    text-align: center;
    padding: 10px 5px;
    background: #fff;
    border-radius: 17px;
    margin-right: 10px;
}
.pinglunheader{

	height:40px;
	width:40px;
	border-radius:100%;

}
.pinglunitem{
	margin-bottom:20px;
}

.pinglunitem .time{
	color:#ccc;
	font-size:80%;
}
.pinglunitem .zan-username{
	display:inline-block;
	margin-right:5px;
	color:#ea5037;
}
.pinglunitem .reply .username{
	color:#619be4;
}
.pinglunitem .reply .reply-text{
	padding:5px 0;
}

.pinglunitem .punlun-img{
	height:60px;
	width:60px;
	margin-right:10px;
}
.favor-active{
	color: #ea5037;
}
.video_play_button{
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 50%;
    margin-left: -25px;
    width:50px;
    height:50px;
}
.video_play_button_small{
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -15px;
    width:30px;
    height:30px;
}
.video_play_button2{
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -15px;
}
.img_play_button{
    width: 0;
    height: 0;
    border-bottom: 50px solid #ea5037;
    border-left: 50px solid transparent;
    position: absolute;
    bottom: 5px;
    right: 1px;
}
.img_play_count{
	position: absolute;
    right: 6px;
    bottom: 7px;
    color: #fff;
}
.audio_play_button{
	width:100px;
}
.relative_close_button{
	position: absolute;
    right: 6px;
    top: 6px;
    width:20px;
}
.attentionLis {
    font-size: 85%;
    color: #c09853;
    margin: 0 0 3px;
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    padding: 8px 10px 8px 14px;
    margin: 5px 0 5px 0;
}

.activity_status_button{
    width: 0;
    height: 0;
    border-bottom: 70px solid #DDDDDD;
    border-left: 70px solid transparent;
    position: absolute;
    bottom: 8px;
    right: 3px;
}
.activity_status_button.active{
    border-bottom: 70px solid green;
}
.activity_status_button.future{
    border-bottom: 70px solid #ea5037;
}

.activity_status_count{
	position: absolute;
    right: 6px;
    bottom: 19px;
    color: #fff;
}
.progress {
    height: 20px;
    background: #ebebeb;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-radius: 10px;
}
.progress > span {
    position: relative;
    float: left;
    margin: 0 -1px;
    min-width: 30px;
    height: 18px;
    line-height: 16px;
    text-align: right;
    background: #cccccc;
    border: 1px solid;
    border-color: #ea5037 #ea5037 #ea5037;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(top, #ea5037 0%, #ea5037 70%, #ea5037 100%);
    background-image: -moz-linear-gradient(top, #ea5037 0%, #ea5037 70%, #ea5037 100%);
    background-image: -o-linear-gradient(top, #ea5037 0%, #ea5037 70%, #ea5037 100%);
    background-image: linear-gradient(to bottom, #ea5037 0%, #ea5037 70%, #ea5037 100%);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.progress > span:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: 18px;
    border-radius: 10px;
}
.progress > span > span {
    padding: 0 8px;
    font-size: 11px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.7);
    text-shadow: 0 1px rgba(255, 255, 255, 0.4);
}
.aui-toast {
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    border-radius: 5px;
    color: #ffffff;
    position: fixed;
    z-index: 3;
    top: 180px;
    left: 50%;
    width: 7.5em;
    min-height: 7.5em;
    margin-left: -3.75em;
}
.aui-toast .aui-iconfont {
    display: block;
    font-size: 75px;
}
.aui-tips-success .aui-tips-content {
    background-color: rgba(46,204,113,.9);
    color: #fff;
}
.aui-tips-content {
    line-height: 45px;
    height: 45px;
    padding-left: 10px;
    padding-right: 30px;
    width: 100%;
    overflow: hidden;
    background-color: rgba(0,0,0,.8);
    color: #fff;
}
.zanpinlunbutton{
	display:inline-block;
	width:30px;
	text-align:center;
}
.aui-progress {
    height: 20px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #f5f5f5;
}
.aui-progress.xxs, .aui-progress-xxs {
    height: 3px;
}
.aui-progress.xxs, .aui-progress-xxs, .aui-progress.xxs .progress-bar, .aui-progress-xxs .progress-bar {
    border-radius: 1px;
}


.aui-progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #ea5037;
}

.aui-tab-nav li.active {
    color: #ea5037;
    border-bottom: 2px #ea5037 solid;
}
  
i.zan-on {
	color: #ea5037;
}
.zan-on i{
	color: #ea5037;
}
.eclipse{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.commonmargin{
    padding-left: 10px;
	padding-right: 10px;
}
.mainbg{background: #f5f5f5;}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}

.commpiclist li{
	list-style: none;
	overflow:hidden;
    margin-top: 5px;
    background:#fff;
    height: 90px;
}
.commpiclist li.upt{
	list-style: none;
	overflow:hidden;
    margin-top: 5px;
    background:#fff;
    height: 136px;
}
.commpiclist li .pic{
	   padding: 10px 5px;
}
.commpiclist li .pic .img{
	width:120px;
	height:70px;
	background-position: 50%;
    background-size: cover;	
}
.commpiclist li .pic img{
	width:120px;
	height:90px;
	margin-top: 12px;
}
.commpiclist li .con{
	padding:10px;

}
.commpiclist li .con p.title{
    overflow: hidden;
    height: 43px;
}
.commpiclist li .con p.sub_title{
    height: 36px;
    overflow: hidden;
    font-size:80%;
    color:#7b7b7b;
}
.commpiclist li .con .time{
	font-size:90%;
}
.commpiclist li .con .article_time{
	color:#7b7b7b;
}
.commpiclist li.upt4 div.img4{
	width: 100%;
    height: 120px;
    background-size: cover;
    background-position: center;
}
.commpiclist li.upt div.img2{
	width: 100%;
    height: 70px;
    background-size: cover;
    background-position: center;
}
.newsThree{    width: 33.105%;    line-height: 22.2222%;    height: auto;display: inline-block;margin-right: 1px;vertical-align: top;position: relative;}
.choutiitem.animation{ -webkit-transition: .3s all; transition: .3s all; }
.choutiitem .right-btns{ position: absolute; left: 100%; top: 0; bottom: 0; }
.choutiitem .right-btns .flex-con{ padding: 0 30px; background-color: #ccc; color: white; display: table; white-space: nowrap; height: 100%; }
.choutiitem .right-btns .flex-con span{ display: table-cell; vertical-align: middle; }
.choutiitem .right-btns .flex-con.red{ background-color: #ff0101; }
.msgalert-animation{ -webkit-transition: 1s all; transition: 1s all; }
.button2 {
  color: #666;
  background-color: #EEE;
  border-color: #EEE;
  font-weight: 300;
  font-size: 16px;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-decoration: none;
  text-align: center;
  line-height: 40px;
  height: 40px;
  padding: 0 40px;
  margin: 0;
  display: inline-block;
  appearance: none;
  cursor: pointer;
  border: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition-property: all;
          transition-property: all;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
          }
          
    #loader-common {
    -webkit-animation: spin 2s linear infinite;
    animation:spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}