﻿/*---Reset CSS---*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
html, body {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
section, header {
	display: block;
}

::-webkit-input-placeholder { color:#DDD; }
::-moz-placeholder { color:#DDD; } /* firefox 19+ */
:-ms-input-placeholder { color:#DDD; } /* ie */
input:-moz-placeholder { color:#DDD; }
/*---Reset CSS---*/


/*//////////////////*/
@media screen and (min-width: 768px) {
    .right_wrapper {
        padding-left:0px;
    }
    .pretime_wrapper {
        padding:10px 0px;
    }
    .UC_list_propTime {
        margin-top:8px;
    }
}


.UC_noPadding {
    padding:0px;
}

.UC_Lcontent {
    float:left;
    width:60%;
    height:300px;
}

.UC_Rcontent {
    float:right;
    width:38%;
    height:300px;
}

.UC_charts {
    display:inline-block;
    margin:0px auto;
}

.UC_chart_li {
    float:left;
    width:100px;
    height:120px;
    /*border:1px solid #DDD;*/
    margin:0px 30px 10px 0px;
}

.UC_chart_data {
    width:100%;
    height:100px;
}

.UC_chart_info {
    width:100%;
    height:20px;
    text-align:center;
    font-size:12px;
    line-height:20px;
}

.layui-tab-brief {
    width:100%;
}

.layui-tab-title {
    border:1px solid #DDD;
}

.layui-tab-title li {
    color:#397BFA;
}

.layui-tab-brief > .layui-tab-title .layui-this {
    /*color:black;
    background:#F9F9F9;*/
    color:white;
    background:#397BFA;
}

.layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
    /*border-right:1px solid #DDD;
    border-left:1px solid #DDD;
    border-bottom:2px solid #36C4D2;*/
    border:0px;
}

.layui-tab-content {
    border:1px solid #DDD;
    border-top:0px;
}

.layui-badge {
    border-radius:9px;
}

.layui-btn-primary:hover {
    border-color:#397BFA;
}

.layui-input, .layui-select {
    height:30px;
}

.layui-form-mid {
    padding:4px 0 !important;
}

.layui-btn {
    border-radius:0px;
}

.layui-laydate-footer span:hover {
    color:#229FFD !important;
}

.UC_list_ul {

}

.UC_list_li {
    width:100%;
    /*height:80px;*/
    border:1px solid #DDD;
    position:relative;
    cursor:pointer;
    transition:all 0.4s ease-in-out;
}

.UC_list_li:not(:last-child) {
    margin-bottom:20px;
}

.UC_list_li:hover {
    box-shadow:2px 2px 5px 2px #DDD;
    transform:translateY(-2px);
    transition:all 0.4s ease-in-out;
}

.UC_list_content {
    width:100%;
    height:80px;
    overflow:hidden;
}

.UC_list_contentLeft {
    float:left;
    width:50%;
    height:100%;
    overflow:hidden;
}

.UC_list_contentLink {
    display:block;
    width:100%;
    height:100%;
}

.UC_list_contentImg {
    float:left;
    width:60px;
    height:60px;
    margin:10px;
}

.UC_list_contentRight {
    float:left;
    width:200px;
    height:100%;
}

.UC_list_contentName {
    margin-top:5px;
    line-height:24px;
    font-size:14px;
    letter-spacing:1px;
}


.UC_list_contentAdmin {
    height:30px;
    line-height:30px;
    font-size:12px;
    color:#808080;
}

.UC_list_contentAdmin i {
    margin-right:10px;
}

.UC_list_splitLine {
    height:100%;
    border-left:1px solid #DDD;
    margin:0px 5px;
}

.UC_list_prop {
    float:left;
    width:30%;
    height:100%;
    overflow:hidden;
}

.UC_list_propValue {
    float:right;
    height:34px;
    line-height:34px;
    font-size:24px;
    color:red;
}

.UC_list_propMethod {
    display:inline-block;
    padding:2px;
    font-size:12px;
    letter-spacing:1px;
    color:#397BFA;
    border:1px solid #397BFA;
}

.UC_list_propTime {
    color:#808080;
    font-size:12px;
    line-height:20px;
    text-align:center;
    /*margin-top:8px;*/
}

.UC_list_propTime i {
    margin-right:2px;
}

.UC_list_propCommon {
    padding-left:20px;
    margin-top:10px;
    text-align:left;
    font-size:12px;
}

.UC_list_propCommon i {
    margin-right:5px;
    color:#8BA1EE;
}

.UC_list_states {
    float:left;
    width:20%;
    height:100%;
    overflow:hidden;
    /*cursor:pointer;*/
}

.UC_list_statesUl {
    padding:20px 0px;
}

.UC_list_statesLi {
    float:right;
    margin:5px auto;
    padding-right:5px;
    height:18px;
    font-size:12px;
    border:1px solid #30e24d;
    color:#30e24d;
}

.UC_list_statesLi i {
    width:16px;
    height:100%;
    margin-right:4px;
    background:#30e24d;
    color:white;
    line-height:18px;
    text-align:center;
}

.state_red {
    border-color:#E24F4D;
    color:#E24F4D;
}

.state_red i {
    background:#E24F4D;
}

.state_grey {
    border-color:#b1b1b1;
    color:#b1b1b1;
}

.state_grey i {
    background:#b1b1b1;
}

.state_blue {
    border-color:#4ac6fd;
    color:#4ac6fd;
}

.state_blue i {
    background:#4ac6fd;
}

.UC_bottom_tips {
    display:none;
    width:100%;
    text-align:center;
}

.UC_list_btnGroup {
    width:96%;
    margin:0px auto;
    border-top:1px solid #DDD;
    overflow:hidden;
}

.UC_list_btnCustom {
    margin:6px;
    /*background:#397BFA;*/
}

.layui-btn-primary {
    background:none;
}

.UC_list_methodUl {

}

.UC_list_methodLi {
    margin:6px auto;
    width:66%;
    height:30px;
    font-size:14px;
    text-align:center;
    line-height:30px;
    letter-spacing:2px;
    /*border:1px solid #47BF8E;*/
    
}

.UC_list_methodLi a {
    color:white;
}

.UC_list_order {
    float:left;
    margin:6px 0px;
    font-size:12px;
    color:#1689f7;
}

.UC_list_filterBtn {
    position:absolute;
    top:0px;
    right:12px;
    display:inline-block;
    height:42px;
    color:#397BFA;
    font-size:14px;
    line-height:42px;
    letter-spacing:1px;
}

.UC_list_filterBtn:hover {
    text-decoration:underline;
    color:#397BFA;
    cursor:pointer;
}

.UC_list_filterBtn i {
    margin-right:4px;
}

.UC_list_filterDate {
    width:45%;
    float:left;
    position:relative;
}

.UC_list_filterDate i {
    position:absolute;
    color:#DDD;
    top:8px;
    left:6px;
}

.UC_list_filterDate input {
    padding-left:28px;
    padding-right:14px;
 }

.UC_list_midLine {
    float:left;
    width:10%;
    height:30px;
    line-height:30px;
    text-align:center;
    font-weight:bold;
    color:#DDD;
}

.UC_news {
    height:60px;
    cursor:pointer;
}

.UC_news:not(:last-child) {
    border-bottom:1px solid #DDD;
}

.UC_news_link {
    display:inline-block;
    width:100%;
    height:100%;
}

.UC_news_flag {
    /*float:left;
    width:10%;
    height:100%;
    font-size:26px;
    color:#367BFC;*/
    float:left;
    width:16%;
    height:100%;
    font-size:12px;
    color:#367BFC;
}

.UC_news_flagYear {
    width:40px;
    height:28px;
    margin-top:16px;
    text-align:center;
    background:#367BFC;
    border:1px solid #367BFC;
    color:white;
    line-height:14px;
}

.UC_news_flagMonth {
    height:14px;
    background:white;
    line-height:14px;
    color:#367BFC;
}

.UC_news_content {
    /*float:left;
    width:90%;
    height:100%;
    overflow:hidden;*/
    float:left;
    width:84%;
    height:100%;
    overflow:hidden;
}

.UC_news_title {
    width:100%;
    margin-top:10px;
    font-size:12px;
    font-weight:bold;
    line-height:20px;
    overflow : hidden;
   /*text-overflow: ellipsis;  有些示例里需要定义该属性，实际可省略*/
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

.UC_news_abstract {
    width:100%;
    height:40px;
    overflow:hidden;
    color:#808080;
    font-size:12px;
    line-height:20px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}


.UC_frequently_nav {
    width:100%;
}

.UC_frequently_nav th {
    border:1px solid #DDD;
    height:40px;
    text-align:left;
    /*padding-left:20px;*/
    font-size:14px;
}

.UC_frequently_navTitle {
    display:inline-block;
    width:95px;
    height:39px;
    background:#397BFA;
    color:white;
    line-height:39px;
    text-align:center;
}

.UC_frequently_nav td {
    border:1px solid #DDD;
    height:60px;
    padding-left:20px;
}

.UC_nav_item {
    font-size:14px;
}

.UC_nav_item i {
    display:inline-block;
    font-size:20px;
    margin-right:10px;
    color:#367BFC;
}

.unreadClass {
    color:#a7a7a7;
}

/*** quickly_filter_module ***/
.quickly_filter_module {
    width:100%;
    display:none;
}

.quickly_filter_ul {
    display:inline-block;
    width:100%;
}

.quickly_filter_li {
    float:left;
    margin:0px 10px 10px 0px;
    color:#808080;
    font-size:12px;
    padding:4px;
    border:1px solid #DDD;
    cursor:pointer;
}

.quickly_filter_li:hover {
    border-color:#ff0000;
    color:#ff0000;
}

.quickly_filter_li  i{
    display:none;
    margin-right:5px;
    font-weight:lighter;
}

.quickly_filter_liChecked {
    border-color:#ff0000;
    color:#ff0000;
}

.quickly_filter_liChecked i {
    display:inline;
}


/*** 时间轴（timeLineTips）的样式 ***/
.tLT_wrapper {
    position:absolute;
    width:200px;
    min-height:30px;
    padding:5px;
    background:rgba(15,166,199,0.9);
    border-radius:4px;
    z-index:99999999999999;
    box-shadow:2px 2px 30px #373E40;
}

.tLT_wrapper:before {
    content:"";
    position:absolute;
    border:10px solid;
    border-color:transparent transparent rgba(15,166,199,0.9) transparent;
    margin-left:-10px;
    top:-20px;
    left:50%;
    text-shadow:10px 10px 5px #373E40;
}

.tLT_wrapper .layui-timeline-title {
    color:white;
}
.tLT_wrapper .tLT_content {
    color:#373E40;
}

.tLT_wrapper .tLT_content dd {
    margin-left:20px;
}
.tLT_wrapper .layui-text h3 {
    font-size:14px;
    font-weight:normal;
}