﻿@charset "utf-8";
/**hack Opera, FF, Float "bug"*/
.clearfix{
    clear: both;
}
/* Hides from IE-mac \*/
.clearfloat{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	font-size:0;
	line-height:0;
	}

img{ border:0}

div,span{
word-wrap: break-word;
word-break: normal;
}

ul,li,dl,dt,dd,ol{
	margin:0;
	padding:0;
	}

/**去除所有元素补丁,填充,下划线和LI元素头*/
*{margin:0 auto; padding:0; list-style-type:none; text-decoration:None;}

/**定义文本对齐方式*/
.ha_left{text-align:left}
.ha_center{text-align:center;}
.ha_right{text-align:right;}

.va_top{vertical-align:top}
.va_center{vertical-align:middle;}
.va_bottom{vertical-align:bottom;}
.va_ttop{vertical-align:text-top;}
.va_tbottom{vertical-align:text-bottom;}

/**定义容器元素对齐方式*/
.con_top{ margin-top:auto; }
.con_right{ margin-left:auto; }
.con_bottom{ margin-bottom:auto; }
.con_left{ margin-right:auto; }
.con_center{ margin:0 auto;}

/**定义容器元素宽度*/
.w50{ width:50px;}
.w60{ width:60px;}
.w70{ width:70px;}
.w80{ width:80px;}
.w90{ width:90px;}
.w100{ width:100px;}
.w200{ width:200px;}
.w300{ width:300px;}
.w350{ width:350px;}
.w400{ width:400px;}
.w450{ width:450px;}
.w500{ width:500px;}
.w550{ width:550px;}
.w700{ width:700px;}
.w750{ width:750px;}
.w680{ width:680px;}
.w600{ width:600px;}

.h50{ height:50px;}
.h60{ height:60px;}
.h70{ height:90px;}
.h80{ height:80px;}
.h90{ height:90px;}
.h100{ height:100px;}
.h200{ height:200px;}
.h300{ height:300px;}
.h350{ height:350px;}
.h400{ height:400px;}
.h500{ height:500px;}
.h700{ height:700px;}
.h600{ height:600px;}
.h680{ height:680px;}

.wid_10{ width:10% }
.wid_20{ width:20% }
.wid_30{ width:30% }
.wid_40{ width:40% }
.wid_50{ width:50% }
.wid_60{ width:60% }
.wid_70{ width:70% }
.wid_80{ width:80% }
.wid_90{ width:90% }


/**定义LI元素自动省略*/
.li_overText{ white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }

/**定义背景重复, 定义无内容*/
.bg_rep_x{ background-repeat:repeat-x;}
.bg_rep_y{ background-repeat:repeat-y;}
.bg_no{ background-image:none }
.bgrep_no{ background-repeat:no-repeat }
.content_no{ font-size:0; }

input{ line-height:16px; }


.line_h_18{ line-height:18px;}
.line_h_20{ line-height:20px;}
.line_h_22{ line-height:22px;}
.line_h_24{ line-height:24px;}
.line_h_26{ line-height:26px;}
.line_h_28{ line-height:28px;}
.line_h_30{ line-height:30px;}
.line_h_36{ line-height:36px;}
.line_h_42{ line-height:42px;}


/* 首页-回收实时播报样式开始 */
.scrollWrap{
    margin-bottom:30px;
}
.broadcast{
    margin-top:20px;
}
.broadcast p:nth-of-type(1){
    /* height:20px; */
    /* padding:15px  30px; */
    /* border:1px solid #ddd; */

}
.broadcast p:nth-of-type(1) span{
float:left;
}
.broadcast p:nth-of-type(1) a{
float:right;
}
.broadcast p:nth-of-type(2){
    padding:10px 0px;
    color: #000;
}
.broadcast p:nth-of-type(2) span{
    display: inline-block;
    width:20%;
    text-align: center;
    line-height: 30px;
    font-size:22px;
}
.broadcast .scrollWrap .marquee ul{
    width:100%;
    height:200px;
}
.broadcast .scrollWrap .marquee ul li{
    line-height: 30px;
    color:#000;
}
.broadcast .scrollWrap .marquee ul li span{
    display: inline-block;
    width:20%;
    text-align: center;
}
.broadcast p:nth-of-type(2) span:nth-of-type(3),
.broadcast .scrollWrap .marquee ul li span:nth-of-type(3){
    width:36%;
}

/* 首页-回收实时播报样式结束 */

/* 首页-用户评价样式开始 */
.userComment{
    margin-bottom:40px;
}
.userComment .commentlist{
    min-height:700px;
    padding:20px;
}
.userComment .commentlist li{
    display: none;
    margin-bottom:15px;
    font-size:20px;
}
.userComment .commentlist li .userComments{
    
}
.userComment .commentlist li .userComments div{
    display: inline-block;
}
.userComment .commentlist li .userComments div:first-of-type{
    width:23%;
    vertical-align: top;
    line-height: 50px;
}
.userComment .commentlist li .userComments div:first-of-type .userComments-img{
    display: inline-block;
    width:50px;
    height:50px;
    border-radius: 50%;
    overflow: hidden;
}
.userComment .commentlist li .userComments .uerComments-cont{
    width:76%;
    margin-top:9px;
    line-height: 35px;
    
}
.userComment .commentlist li .coupleBack .coupleBack-cont a{
    position: absolute;
    bottom:0px;
    right:10px;
    color: #ea8d14;
    text-decoration: underline;
}
.userComment .commentlist li .coupleBack div:first-of-type .couplebackComments-img{
    display: inline-block;
    width:53px;
    height:53px;
    border-radius: 50%;
    overflow: hidden;
}
.userComment .commentlist li .coupleBack{
    margin-left:45px;
    margin-top:10px;
    background-color:rgb(245, 245, 245);
    padding-left:10px;
    box-sizing:border-box;
}
.userComment .commentlist li .coupleBack div{
    display: inline-block;
    
}
.userComment .commentlist li .coupleBack div:first-of-type{
    width:32%;
    vertical-align: top;
    line-height: 50px;
    color:black;
}
.userComment .commentlist li .userComments div:first-of-type span,
.userComment .commentlist li .coupleBack div:first-of-type span{
    display: inline-block;
    /* margin-top:15px; */
    /* vertical-align: top; */
    color:black;
}

.userComment .commentlist li .coupleBack .coupleBack-cont{
    width:66%;
    margin-top:9px;
    line-height: 35px;
    position: relative;
}
.userCommentshows{
    display: block !important;
}
.userComment .navs-page{
    text-align: center;
}
.userComment .navs-page span{
    padding:7px 15px;
    background-color:rgb(245, 245, 245);
    margin-right:30px;
}
/* 首页-用户评价样式结束 */