[v-cloak]{
    display: none;
}
body{
    font-family: "Microsoft YaHei";
}
button{
    border: 0;
    background-color: transparent;
    outline: 0;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.clear{
    clear: both;
}
.container{
    padding: 0px 40px 20px 40px;
    /*border: 1px solid #dddddd;*/
    border-radius: 1px;
    /*background-color: #ffffff;*/
    margin: 25px;
}
/*搜索框样式*/
.search-module .search-input{
    width: 700px;
    height: 45px;
    float: left;
}
.search-module .search-input .el-select .el-input {
    width: 520px;
}
.search-module .search-input .input-with-select .el-input-group__prepend {
    background-color: #fff;
}
.search-module .search-input .el-input-group__append{
    color: white;
    /*padding: 0 5px;*/
    border-radius: 0;
    /*border-color: #c5d0dc;*/
    border: 0px solid #dcdfe6;
    background-color:#2E9AFE;
    border-radius: 5px; /* css 3标准 */
    -moz-border-radius: 5px;  /* mozilla */
    -webkit-border-radius: 5px;  /* webkit */
    left:-5px;
}
.search-module .search-input .el-input__inner{
    border-right-width: 0;
    outline: 0px !important;
    padding: 0 5px;
    border-color: #c5d0dc;
    color: #666666;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    border-radius: 5px; /* css 3标准 */
    -moz-border-radius: 5px;  /* mozilla */
    -webkit-border-radius: 5px;  /* webkit */
    margin-left: 70px;
}
.search-module .search-input .el-input__inner::-webkit-input-placeholder,.search-module .search-input .el-input__inner::-moz-placeholder{
    color: #999999;
}
.search-module .search-input .el-input__inner:hover,.el-input__inner:focus{
    border-color: #c5d0dc !important;
}
.search-module .hot-keys{
    display: inline-block;
    line-height: 35px;
    font-size: 12px;
    color: #999999;
    font-weight: bold;
    float: left;
    max-width: 425px;
    overflow: hidden;
    height: 35px;
    margin-left: 20px;
}
.search-module .hot-keys a{
    font-weight: normal;
    padding: 0 5px;
}
.search-module .hot-keys a:hover{
    cursor: pointer;
}
/*筛选条件样式*/
.search-module .filter-by{
    color:#9C9C9C;
    padding-left: 70px;
    position: relative;
    margin: 25px 20px 10px 20px;
    /*line-height: 25px;*/
    font-size: 14px;
    min-height: 25px;
}
.search-module .filter-by .filter-title{
    /*font-weight: bold;*/
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    /*width: 70px;*/
    padding:6px 5px;
}
.search-module .filter-by .filter-none{
    padding:6px 0;
    display: inline-block;
    margin-left: 10px;
}
.search-module .filter-by .history-filter li{
    float: left;
    margin-right: 20px;
    position: relative;
}
.search-module .filter-by .history-filter li .filter-btn1{
    position: relative;
    border: 1px solid #CCCCCC;
    height: 25px;
    font-size: 12px;
    color: #999999;
    padding: 0 25px;
}
.search-module .filter-by .history-filter li:hover .filter-btn1{
    border: 1px solid #0066cc;
    color: #0066cc;
}
.search-module .filter-by .history-filter li .filter-btn1 .icon-del5{
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 6px;
    right: 6px;
}
.search-module .filter-by .history-filter li:hover .filter-btn1 .icon-del5{
    display: inline-block;
}
.search-module .filter-by .history-filter li .filter-btn1 .icon-del5:hover{
    cursor: pointer;
}
.search-module .filter-by .history-filter li .history-detail{
    border: 1px solid #0066cc;
    padding: 15px 10px;
    line-height: 20px;
    color: #0066cc;
    font-size: 12px;
    display: none;
    z-index: 100;
    position: absolute;
    top: 26px;
    left: 0;
    background-color: #ffffff;
    width: 200px;
}
.search-module .filter-by .history-filter li:hover .history-detail{
    display: block;
}
.search-module .filter-by .history-filter li .history-detail p .history-title{
    color: #333333;
}
.search-module .filter-by .filter-ed{
    margin-left: 10px;
    /*max-width: 250px;*/
}
.search-module .filter-by .filter-ed li{
    float: left;
    margin-right: 5px;
    position: relative;
    /*max-width: 250px;*/
}
.search-module .filter-by .filter-ed li .ed-title{
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #333333;
    padding: 0 15px 0 5px;
    border: 1px solid #cdcdcd;
    overflow: hidden;
    white-space: nowrap;
}
.search-module .filter-by .filter-ed li .filter-btn2{
    position: relative;
    height: 25px;
    color: #0066cc;
    padding: 0 16px 0 0;
    font-size: 12px;
}
.search-module .filter-by .filter-ed li .filter-btn2 .icon-del5{
    display: inline-block;
    width: 12px;
    height: 12px;

    position: absolute;
    top: 7px;
    right: 3px;
}
.search-module .filter-by .filter-ed li .filter-btn2 .icon-del5:hover{
    cursor: pointer;
}
.search-module .filter-by .filter-ed li .ed-title .ddd{
    font-style: normal;
    display: inline-block;
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 100;
    width: 18px;
    height: 25px;
    background: url("../images/icon_more.png") no-repeat 0 4px;

    background-color: #ffffff;
}
.search-module .filter-by .filter-ed li .ed-title .ddd:hover{
    cursor: pointer;
}
.search-module .filter-by .filter-ed li .ed-detail{
    border: 1px solid #cccccc;
    padding: 15px 10px;
    line-height: 25px;
    color: #0066cc;
    font-size: 12px;
    z-index: 100;
    position: absolute;
    top: 25px;
    left: 0;
    background-color: #ffffff;
    display: none;
}
/*.search-module .filter-by .filter-ed li:hover .ed-detail{*/
/*display: block;*/
/*}*/
.search-module .filter-by .filter-ed li .empty{
    color: #cc0000;
    font-size: 12px;
    padding:6px 0 6px 5px;
    /*padding-left: 5px;*/
    display: inline-block;
}
.search-module .filter-by .filter-ed li .empty:hover{
    cursor: pointer;
}
/*分类样式*/

.search-module .classify-all .classify-one{
    padding-left: 60px;
    position: relative;
}
.search-module .classify-all .classify-one .one-title{
    display: inline-block;
    width: 60px;
    line-height: 35px;
    font-size: 15px;
    color: #9C9C9C                       ;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    padding:11px 0;
}
.search-module .classify-all .classify-one .classify-two{
    position: relative;
    /*padding-left: 50px;*/
    border-top: 1px solid #dbe7f3;
    padding-right: 68px;
}
.search-module .classify-all .classify-one:last-child .classify-two:last-child{
    border-bottom: 1px solid #dbe7f3;
}
.search-module .classify-all .classify-one .classify-two .two-title{
    display: inline-block;
    width: 84px;
    line-height: 35px;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
}
.search-module .classify-all .classify-one .classify-two .open-a{
    position: absolute;
    border: 1px solid #cccccc;
    border-radius: 3px;
    display: inline-block;
    padding: 0 20px 0 5px;
    height: 20px;
    line-height: 22px;
    right: 0;
    top: 5px;
    font-size: 12px;
    color: #999999;
    background: url(../images/icon_open.png) no-repeat 30px 1px;

}
.filter-by .open-a{
    position: absolute;
    border: 1px solid #cccccc;
    border-radius: 3px;
    display: inline-block;
    padding: 5px 20px 5px 5px;
    height: 20px;
    line-height: 22px;
    right: 0;
    top: -10px;
    font-size: 14px;
    color: #5BA0D7;
    background: url(../images/icon_open.png) no-repeat 60px 6px #EEF2F5;

}
.filter-by .close-a{
    position: absolute;
    border: 1px solid #cccccc;
    border-radius: 3px;
    display: inline-block;
    padding: 5px 20px 5px 5px;
    height: 20px;
    line-height: 22px;
    right: 0;
    top: -10px;
    font-size: 14px;
    color: #5BA0D7;
    background: url(../images/icon_close.png) no-repeat 60px 6px #EEF2F5;
    display: none;
}
.search-module .classify-all .classify-one .classify-two .open-a:hover{
    cursor: pointer;
}
.search-module .classify-all .classify-one .classify-two .close-a{
    position: absolute;
    border: 1px solid #cccccc;
    border-radius: 3px;
    display: inline-block;
    padding: 0 20px 0 5px;
    height: 20px;
    line-height: 22px;
    right: 0;
    top: 5px;
    font-size: 12px;
    color: #999999;
    background: url(../images/icon_close.png) no-repeat 30px 1px;

    display: none;
}
.search-module .classify-all .classify-one .classify-two .close-a:hover{
    cursor: pointer;
}
.search-module .classify-all .classify-one .classify-two .close-div{
    display: none;
}
.close-div{
    /*padding-left: 34px;*/
}
.open-div{
    /*padding-left: 34px;*/
}
.search-module .classify-all .classify-one .classify-two .classify-name{
    font-size: 12px;
    color: #333333;
    line-height: 35px;
    padding: 0 6px;
    display: inline-block;
    width: 96px;
    text-align: left;
    overflow: hidden;
    height: 33px;
}
.search-module .classify-all .classify-one .classify-two .classify-name:hover{
    cursor: pointer;
}
/*切换样式*/
.tab{
    margin: 10px 0;
    height: 35px;
    /*background-color: #ededed;*/
    line-height: 35px;
    position: relative;
    padding: 0 88px 0 5px;
}
.tab p{
    font-size: 15px;
    color: #6A6D7E;
}
.tab p span{
    color: #53A1EB;
}
.tab .icon-tab{
    display: inline-block;
    width: 34px;
    height: 33px;
    position: absolute;
    top: 1px;
}
.tab .icon-tab:hover{
    cursor: pointer;
}
.tab .icon-dat-a{
    right: 54px;
    background: url("../images/icon_dat.png") 8px 8px no-repeat;

    background-color: #ffffff;
}
.tab .icon-dat-b{
    right: 54px;
    background: url("../images/icon_dat_b.png") 8px 8px no-repeat;

}
.tab .icon-lieb-a{
    right: 20px;

    background: url("../images/icon_lieb.png") 8px 8px no-repeat;

    background-color: #ffffff;
}
.tab .icon-lieb-b{
    right: 20px;
    background: url("../images/icon_lieb_b.png") 8px 8px no-repeat;
}
/*图片列表*/
.content-img {
    background-color: #ffffff;
    padding: 30px 0px;
}
.content-img .div-row{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px;
}
.content-img .div-row .single-div{
    width: 14%;
    height: 315px;
    background-color: #ededed;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px;
    margin-right: 1.3%;
    margin-left: 1.3%;
}
.content-img .div-row .single-div:last-child{
    margin-right: 0;
}
.content-img .div-row .single-div .img-con{
    width: 93%;
    height: 240px;
    border: 1px solid #cccccc;
    margin: 7px auto;
    background-color: #ffffff;
    text-align: center;
    line-height: 240px;
}
.content-img .div-row .single-div .img-con:hover{
    cursor: pointer;
}
.content-img .div-row .single-div .img-con img{
    max-width: 100%;
    max-height: 100%;
}
.content-img .div-row .single-div .content-title{
    margin: 0 7px;
    color: #333333;
    font-size: 12px;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
    text-align: center;
}
.content-img .div-row .single-div .content-title:hover{
    cursor: pointer;
}
.content-img .div-row .single-div .operation{
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #999999;
    margin: 3px 7px 0 7px;
    position: relative;
}
.content-img .div-row .single-div .operation .icon-operation{
    float: right;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 5px;
}
.content-img .div-row .single-div .operation .icon-xiaz{
    background: url("../images/icon_jpbg_down1.png");
}
.content-img .div-row .single-div .operation .icon-xiaz:hover{
    background: url("../images/icon_jpbg_down2.png");
    cursor: pointer;
}
.content-img .div-row .single-div .operation .icon-shouc{
}
.content-img .div-row .single-div .operation .icon-shouc:hover{
    cursor: pointer;
}
.content-img .div-row .single-div .operation .icon-shouc2{
    cursor: pointer;
}
.content-img .div-row .single-div .operation .icon-fenx{
    background: url("../images/icon_jpbg_sha1.png");
}
.content-img .div-row .single-div .operation .icon-fenx:hover{
    background: url("../images/icon_jpbg_sha2.png");
    cursor: pointer;
}
/*列表样式*/
.content-lists .content-list{
    padding: 15px 10px 15px 145px;
    background-color: #f8f8f8;
    position: relative;
    margin-bottom: 20px;
}
.content-lists .content-list .list-img{
    position: absolute;
    top: 15px;
    left: 10px;
    width: 120px;
    height: 145px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px;
    background-color: #f0efef;
}
.content-lists .content-list .list-img .img-con{
    width: 110px;
    height: 133px;
    border: 1px solid #cccccc;
    margin: 5px auto;
    background-color: #ffffff;
    text-align: center;
    line-height: 133px;
}
.content-lists .content-list .list-img .img-con:hover{
    cursor: pointer;
}
.content-lists .content-list .list-img .img-con img{
    max-width: 100%;
    max-height: 100%;
}
.content-lists .content-list .list-detail{
    height: 145px;
}
.content-lists .content-list .list-detail h3{
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}
.content-lists .content-list .list-detail h3:hover{
    cursor: pointer;
}
.content-lists .content-list .list-detail .detail-info{
    overflow: hidden;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #333333;
}
.content-lists .content-list .list-detail .detail-tab{
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color: #999999;
}
.content-lists .content-list .list-detail .operation-a{
    height: 18px;
    margin-top: 5px;
    position: relative;
}
.content-lists .content-list .list-detail .operation-a i{
    height: 18px;
    line-height: 18px;
    padding-left: 18px;
    font-size: 12px;
    color: #999999;
    display: inline-block;
    margin-right: 15px;
    font-style: normal;
}
.content-lists .content-list .list-detail .operation-a .icon-xiaz{
    background: url("../images/icon_jpbg_down1.png") no-repeat;
}
.content-lists .content-list .list-detail .operation-a .icon-xiaz:hover{
    background: url("../images/icon_jpbg_down2.png") no-repeat;
    cursor: pointer;
    color: #0066cc;
}
.content-lists .content-list .list-detail .operation-a .icon-shouc{
}
.content-lists .content-list .list-detail .operation-a .icon-shouc:hover{
    cursor: pointer;
    color: #0066cc;
}
.content-lists .content-list .list-detail .operation-a .icon-shouc2{
    cursor: pointer;
    color: #0066cc;
}
.content-lists .content-list .list-detail .operation-a .icon-fenx1{
    background: url("../images/icon_jpbg_sha1.png") no-repeat;
}
.content-lists .content-list .list-detail .operation-a .icon-fenx1:hover{
    background: url("../images/icon_jpbg_sha2.png") no-repeat;
    cursor: pointer;
    color: #0066cc;
}

.pages{
    height: 40px;
    padding: 20px 0 30px 0;
    position: relative;
    background-color: #ffffff;
}

.weixin-box{
    width: 256px;
    height: 256px;
    padding: 30px 20px;
    background-color: #ffffff;
    position: fixed;
    z-index: 100;
    left: 50%;
    top: 50%;
    margin-left: -158px;
    margin-top: -163px;
    border: 1px solid #cccccc;
}
.weixin-box a.close-erweima{
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    text-decoration: none;
    font-size: 20px;
    text-align: center;
    line-height: 20px;
}
.weixin-box .erweima{
    width: 256px;
    height: 256px;
}

.search-module {
    /*width: 80%;*/
    margin: 0 auto;
    letter-spacing: 1.5px;
}
.search-module .classify-all .classify-one{
    padding-left: 40px;
    position: relative;

    margin: 0 20px;
}
.search-module .classify-all .classify-one .one-title{
    display: inline-block;
    width: 60px;
    line-height: 35px;
    font-size: 14px;
    color: #9C9C9C                       ;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
}
.search-module .classify-all .classify-one .classify-two{
    position: relative;
    /* padding-left: 50px; */
    border-top: 1px solid #dbe7f3;
    padding-right: 68px;
}
.search-module .classify-all .classify-one:last-child .classify-two:last-child{
    border-bottom: 1px solid #dbe7f3;
}
.search-module .classify-all .classify-one .classify-two .two-title{
    display: inline-block;
    width: 84px;
    line-height: 35px;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
}
.filter-by .open-a{
    position: absolute;
    border: 1px solid #cccccc;
    border-radius: 3px;
    display: inline-block;
    padding: 5px 20px 5px 5px;
    height: 20px;
    line-height: 22px;
    right: 0;
    top: -10px;
    font-size: 14px;
    color: #5BA0D7;
    background: url(../images/icon_open.png) no-repeat 65px 6px #EEF2F5;
    display: none;
}
.filter-by .close-a{
    position: absolute;
    border: 1px solid #cccccc;
    border-radius: 3px;
    display: inline-block;
    padding: 5px 20px 5px 5px;
    height: 20px;
    line-height: 22px;
    right: 0;
    top: -10px;
    font-size: 14px;
    color: #5BA0D7;
    background: url(../images/icon_close.png) no-repeat 65px 6px #EEF2F5;
}
.search-module .classify-all .classify-one .classify-two1 .classify-item .open-span{
    display: inline-block;
    height: 45px;
    padding: 5px 20px 5px 5px;
    background: url(../images/icon_open.png) no-repeat 0px 20px;
}
.search-module .classify-all .classify-one .classify-two1 .classify-item .close-span{
    display: inline-block;
    height: 45px;
    padding: 5px 20px 5px 5px;
    background:url(../images/icon_close.png) no-repeat 0px 20px;
    /*display: none;*/
}
.search-module .classify-all .classify-one .classify-two .open-a:hover{
    cursor: pointer;
}

.search-module .classify-all .classify-one .classify-two1 .open-a,
.search-module .classify-all .classify-one .classify-two .open-a{
    position: absolute;
    border: 1px solid #cccccc;
    border-radius: 3px;
    display: inline-block;
    padding: 0 20px 0 5px;
    height: 20px;
    line-height: 22px;
    right: 0;
    top: 5px;
    font-size: 12px;
    color: #999999;
    margin-top: 12px;
    background: url(../images/icon_open.png) no-repeat 30px 1px;
}
.search-module .classify-all .classify-one .classify-two1 .close-a,
.search-module .classify-all .classify-one .classify-two .close-a{
    position: absolute;
    border: 1px solid #cccccc;
    border-radius: 3px;
    display: inline-block;
    padding: 0 20px 0 5px;
    height: 20px;
    line-height: 22px;
    right: 0;
    top: 5px;
    font-size: 12px;
    color: #999999;
    margin-top: 12px;
    background: url(../images/icon_close.png) no-repeat 30px 1px ;
    display: none;
}
.search-module .classify-all .classify-one .classify-two .close-a:hover{
    cursor: pointer;
}
.search-module .classify-all .close-div{
    display: none;
}


.search-module .classify-all .classify-one .classify-two .classify-name {
    font-size: 14px;
    color: #333333;
    line-height: 35px;
    padding: 10px 6px;
    display: inline-block;
    width: 96px;
    text-align: center;
    overflow: hidden;
    height: 35px;
}
.search-module .classify-all .classify-one .classify-two .classify-name:hover {
    cursor: pointer;
}

/* 新增样式 */
.search-module .classify-all {
    position: relative;
    background-color: #FFFFFF;
}
/*.search-module .classify-all .classify-one .classify-two1 .classify-name,*/
.search-module .classify-all .classify-three .classify-name {
    font-size: 14px;
    color: #333333;
    line-height: 35px;
    padding: 10px 10px;
    display: inline-block;
    width: 96px;
    overflow: hidden;
    height: 35px;
    text-align: center;
}
.search-module .classify-all .classify-one .classify-two1 .currentBg{
    background-color: #bbbbbb8c;
}
.search-module .classify-all .classify-one .classify-two1 .classify-name:hover,
.search-module .classify-all .classify-three .classify-name:hover {
    cursor: pointer;
}

.search-module .classify-all .classify-one .classify-two1 {
    position: relative;
}
.search-module .classify-all .classify-one .classify-two1 .classify-item {
    display: inline-block;
    cursor: pointer;
    padding: 0px 6px 0 10px;
}
.search-module .classify-all .classify-one .classify-two1 .two-title{
    display: inline-block;
    font-size: 14px;
    color: #333333;
    line-height: 35px;
    padding: 10px 0px;
    text-align: center;
    overflow: hidden;
    height: 35px;
    width: 67px;
}
.search-module .classify-all .classify-three {
    width: 100%;
    background: #fff;
    box-shadow: 0 0 8px -5px #000;
    position: absolute;
    top: 39px;
    left: 0;
    z-index: 100;
}
.search-module .classify-all .classify-one .classify-two .classify-name:hover,
.search-module .classify-all .classify-three .classify-name:hover {
    width: auto;
    min-width: 96px;
    color: #008ce6;
}
.search-module .classify-all .classify-one .classify-two1 .classify-item:hover .two-title{
    width: auto;
    min-width: 67px;
}
.search-module .classify-all .classify-one .classify-two1 .classify-item-width{
    width: auto;
    min-width: 67px;
}