h3#title {
    margin: 20px 0;
}
.h3-bot {
    border-top:1px solid #ccc;
    padding:10px 0;
}
.h3-bot .searchBtn {
    margin-left:20px;
    padding:10px 0;
}
.h3-bot .searchBtn input{
    padding:0 10px;
    height:25px;
    line-height:25px;
    border:1px solid red;
    width:200px;
}
.h3-bot .searchBtn button {
    padding:0px 10px;
    vertical-align:bottom;
    background:red;
    border:none;
    color:#fff;
    height:27px;
}
.h3-bot .searchBtn button:hover {
    cursor: pointer;
}
.h3-bot .container {
    padding:20px;
    border:1px solid #ccc;
    height: auto;
	box-sizing: border-box;
}
.h3-bot .container div {
    margin:10px 0;
}
.h3-bot .container div select{
    padding:5px;
}
.h3-bot .container div span{
    display: inline-block;
    width: 100px;
    text-align:right;
}
.h3-bot .container div ul{
    display:inline-block;
}
.h3-bot .container div ul li{
    display:inline-block;
    border-radius:4px;
    padding:5px;
    font-size:14px;
    margin-right: 10px;
}
.h3-bot .container div ul li:hover {
    background-color:red;
    cursor: pointer;
    color: #fff;
}
.h3-bot .container div ul li.active{
    background-color:red !important;
    color:#fff;
}
.h3-bot .container .sxBtn {
    padding-left: 100px;
}
.h3-bot .container .sxBtn span {
    text-align: center;
    background: red;
    color:#fff;
    padding: 5px 0;
    border-radius: 3px;
	border: 1px solid red;
}
.h3-bot .container .sxBtn span:hover {
    cursor: pointer;
}
.h3-bot .container .sxBtn .resetbtn {
    margin-right: 20px;
    border: 1px solid #ccc;
    color: #000;
    background: #fff;
    color: red;
}
/* .h3-bot .container .sxBtn .yesbtn[data-click=no] {
    background: #ccc;
}
.h3-bot .container .sxBtn .yesbtn[data-click=yes] {
    background: red;
} */
.h3-bot .con-con {
    border:1px solid #ccc;
    margin:20px 0;
    padding:10px 10px 10px 20px;
    background: #f5f5f5;
}
.h3-bot .con-con ul{
    display:inline-block;
}
.h3-bot .con-con ul li{
    display:inline-block;
}
.h3-bot .con-con>div{
    margin:10px 0 20px 0;
}
.h3-bot .con-con .con-top ul {
    border-bottom:1px solid #82bcd4;
}
.h3-bot .con-con .con-top ul,
.h3-bot .con-con .con-mid ul {
    margin-left:20px;
}
.h3-bot .con-con .con-top ul li,
.h3-bot .con-con .con-mid ul li {
    padding:0 10px;
}
.h3-bot .con-con .con-top ul li {
    color:#82bcd4;
    padding:10px;
}
.h3-bot .con-con .con-top ul li.active {
    font-weight:800;
    border-bottom:1.5px solid #82bcd4;
}
.h3-bot .con-con .con-mid ul li p {
    text-align:center;
}
.h3-bot .con-con .con-mid .triangle{
    display: inline-block;
    margin-right: 20px;
}
.h3-bot .con-con .con-mid .triangle div:hover {
    cursor: pointer;
}
.h3-bot .con-con .con-mid .triangle[data-value=up] .up {
    border-bottom: 5px solid red;
}
.h3-bot .con-con .con-mid .triangle[data-value=up] .down {
    border-top: 5px solid #aaa;
}
.h3-bot .con-con .con-mid .triangle[data-value=down] .up {
    border-bottom: 5px solid #aaa;
}
.h3-bot .con-con .con-mid .triangle[data-value=down] .down {
    border-top: 5px solid red;
}
.h3-bot .con-con .con-mid .triangle .up{
    width:0;
    height:0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid red;
    border-bottom: 5px solid #aaa;
    margin-bottom: 5px;
}
.h3-bot .con-con .con-mid .triangle .down{
    width:0;
    height:0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid red;
    border-top: 5px solid #aaa;
}
.h3-bot .con-con .con-mid .date-order {
    display: inline-block;
}
.h3-bot .con-con .con-mid .date-order span {
    font-size: 14px;
    color:#ccc;
    margin-right:5px;
}
.h3-bot .con-con .con-mid .date-order span.up {
    color:red;
}
.h3-bot .con-con .con-mid .date-order span:hover {
    cursor: pointer;
    color:red;
}
.h3-bot .con-con .con-top .cpytRig{
    float:right;
}
.h3-bot .con-con .con-top .cpytRig .num {
    font-size:24px;
    color:red;
    font-weight: 800;
    vertical-align: middle;
}
.h3-bot .con-con .con-bot {
    overflow: hidden;
}
.h3-bot .con-con .con-bot #con-lis {
    width: 100%;
}
.h3-bot .con-con .con-bot #con-lis li {
    width: 23%;
    width: 23.1%\9;
    margin-right: 1.5%;
    margin-bottom: 20px;
    text-align: center;
    background: #fff;
    padding: 15px 15px 10px;
    border: 3px solid #fff;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.h3-bot .con-con .con-bot #con-lis li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.h3-bot .con-con .con-bot #con-lis li:hover {
    border-color: red;
}
.h3-bot .con-con .con-bot #con-lis li img {
    width: 100%;
    height: 140px;
    border-radius: 3px;
}
.h3-bot .con-con .con-bot #con-lis li p {
    font-size:14px;
    color:black;
    font-weight:800;
    margin:5px 0;
    text-align: left;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
#con-lis li .text #make-date {
    margin: 5px 0;
}
#con-lis li .text #make-date em {
    color: red;
}
.h3-bot .con-con .con-bot #con-lis li .text {
    text-align: left;
}
.h3-bot .con-con .con-bot #con-lis li .text span {
    font-size:12px;
    color: #999;
    display: block;
}
.h3-bot .con-con .con-bot #con-lis li .text .in {
    margin-right:10px;
    color:red;
    font-weight:800;
}
.h3-bot .con-con .con-bot #con-lis li .text .out {
    color:#ccc;
    /* overflow:hidden;
    text-overflow:ellipsis; */
    height: 32px;
    white-space:nowrap\9;
    margin-top: 5px;
    width: 100%;
    display:inline-block;
    vertical-align:bottom;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 分页部分 */
.con-bot #page {
    text-align: center;
    padding: 15px 0;
    background-color: #fff;
}
.con-bot #page span {
    border: 1px solid #ccc;
    padding: 5px 10px;
    margin-left: 5px;
    background-color: #fff;
    font-size: 16px;
    color:#2953a6;
    display: inline-block;
    min-width: 20px;
}
.con-bot #page span:hover {
    background: #efefef;
    cursor: pointer;
    color: #999;
}
.con-bot #page div {
    display: inline-block;
}
.con-bot #page span.active {
    background-color: #efefef !important;
    color:#999;
}
.con-bot #page em {
    margin: 0 0 0 10px;
}
.con-bot #no-list {
    text-align: center;
    background:#fff;
    font-size: 20px;
    color: #999;
    height: 400px;
    line-height: 180px;
    display: none;
}