/* --filter-- */
.filter{width:1300px;overflow:hidden;background:#fff;border: 1px solid #E1E1E1;padding: 5px 15px;margin-top: 10px;}
.filter-list{position:relative;overflow:hidden;}

.filter-list dl{padding:5px 0;overflow:hidden;border-bottom: solid #ddd 1px;}
.filter-list dt{float:left;height:34px;line-height:34px;font-size:15px;color:#646464;text-align:left;margin-right: 10px;font-weight: bold;}
.filter-list dd{float:left;font-size:14px;color:#999;text-align:left;height: 31px;line-height: 31px;}
.filter-list dd a{display:inline-block;font-size:15px;color:#666;border:#fff solid 1px;margin-right: 10px;}
.filter-list dd span{text-align:left;color: #2b2b2b;font-weight: bold;font-size: 15px;}
.filter-list dd a.cur,.filter-list dd a:hover{color:#243799;}
.funBar{height:48px;line-height:48px;overflow:hidden;border-top:#f1f1f1 solid 1px;}
.funBar .search-from{position:relative;float:right;width:211px;height:48px;border-left:#f1f1f1 solid 1px;line-height: 48px;padding-left: 10px;margin-top: 10px;}
.funBar .search-from input{display:block;padding:0 30px;width:200px;height:28px;font-size:15px;border:none;border: 1px solid #ddd;border-radius: 21px;}
.funBar .search-from input::-webkit-input-placeholder{color:#999;}
.funBar .search-from button{display:block;position:absolute;right:0;top:0;width:40px;height:28px;cursor:pointer;border:none;background: url(img/search.png) no-repeat center;}
.funBar .search-from button:hover{background-image: url(img/search.png);}
.funBar .order{overflow:hidden;}
.funBar .order li{float:left;margin-right:25px;font-size:15px;}
.funBar .order li a{display:block;color:#999;}
.funBar .order li a.byread{padding-right:22px;background:url(../images/Inpage/byread.png) no-repeat right center;}
.funBar .order li.cur a{color:#811d21;}
.funBar .order li.cur a.byread{background-image:url(../images/Inpage/byread_cur.png);}
/* --end filter-- */
/* --case-- */
.case{padding:10px 0;overflow:hidden;margin: 10px auto;}
.case-list{overflow:hidden;}
.case-list .item{position:relative;float:left;margin-right:15px;margin-bottom:15px;width:248px;overflow:hidden;background:#fff;border: 1px solid #E1E1E1;}
.case-list .item:nth-child(5n){margin-right:0px;}
.case-list .pic{display:block;width:100%;transition:all 1s;}
.case-list .pic img{display:block;width:168px;transition:all 1s;height: 168px;margin: auto;padding: 10px;}
.case-list .tit{width:100%;overflow:hidden;z-index: 999;position: relative;margin: 5px auto;}
.case-list .tit em{display:block;float:right;padding-left:22px;font-size:14px;}
.case-list .tit span{display:block;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;padding-left: 15px;}
.case-list .text{overflow:hidden;padding-left: 15px;margin-bottom: 10px;font-size: 14px;}
.case-list .meta{height:28px;line-height:28px;overflow:hidden;}
.case-list .meta em{float:right;color:#999;}
.case-list .meta span{display:inline-block;color:#666;}
.case-list .meta span:nth-child(1),.case-list .avatar span:nth-child(1),.case-list .info span:nth-child(1){font-weight: bold;}
.case-list .meta span:last-child{border-right:none;}
.case-list .author{margin-bottom:20px;height:54px;line-height:54px;overflow:hidden;background:#fff;}
.case-list .author .avatar{float:left;width:54px;height:54px;overflow:hidden;}
.case-list .author .avatar img{display:block;width:54px;height:54px;}
.case-list .author .info{padding-left:20px;font-size:14px;overflow:hidden;}
.case-list .author .info a.btn{float:right;padding:0 20px;color:#811d21;}
.case-list .author .info a.btn:hover{color:#fff;background:#202b63;}
.case-list .author .info span{display:inline-block;margin-right:12px;color:#666;}
.case-list .author .info span a{color:#666;}
.case-list .state{margin-bottom:20px;height:54px;line-height:54px;overflow:hidden;background:#f1f1f1;}
.case-list .state span{display:block;padding:0 30px;font-size:14px;color:#666;}
.case-list .item:hover .pic img{transform:scale(1.1);}
.case-list .text .btn a{overflow:hidden;font-size: 14px;width: 100px;background: #ddd;margin: 10px auto;float: left;text-align: center;color: #3c3c3c;line-height: 30px;}
.case-list .text .btn a:hover{overflow:hidden;font-size: 14px;width: 100px;background: #202b63;margin: 10px auto;float: left;text-align: center;color: #ffff;line-height: 30px;}
/* --end case-- */

/* --pager-- */
.pager{clear:both;padding:40px 0 20px;text-align:center;overflow:hidden;}
.pager a{display:inline-block;margin:0 4px;padding:0 15px;height:42px;line-height:42px;color:#999;background:#fff;border:#e8e8e8 solid 1px;}
.pager a:hover,.pager a.cur{color:#fff;background:#811d21;border-color:#811d21;}
.pager .nocur a.cur{display:inline-block;margin:0 4px;padding:0 18px;height:42px;line-height:42px;color:#999;background:#fff;border:#e8e8e8 solid 1px;}
.pager .nocur a,.pager .nocur a:hover{color:#fff;background:#202b63;border-color:#202b63;}
.pager-prev,.pager-next{font-family:"宋体";font-weight:bold;}
.el-pagination.is-background .el-pager li:not(.disabled).active{background-color: #811d21;}
.el-pager li {
    margin: 0 4px;
    padding: 0 15px;
    height: 42px;
    line-height: 42px;
    color: #999;
    background: #fff;
    border: #e8e8e8 solid 1px;
   font-weight: 300;
}
.pager .el-pagination.is-background .el-pager li{
        background-color: #fff;
    }
.pager .el-pagination.is-background .el-pager li:hover{
background-color: #811d21;
color:#fff;
}
.el-pagination{display: inline-block;}
.el-pager{margin-top: -12px;}
.el-pager .more::before {
        line-height: 42px;
    }
/* --end pager-- *//* --insertForm-- */
.insertForm{float:left;clear:both;margin-bottom:15px;padding:40px 0;width:1200px;background:#fff;margin: 0 auto 15px;}
.insertForm .text{float:left;padding-left: 30px !important;padding-right: 25px !important;width:230px;height: auto !important;background:url(../images/Inpage/insertForm.png) no-repeat right center;}
.insertForm .text h3{height:36px;line-height:36px;font-weight:normal;font-size:25px;color:#333;}
.insertForm .text p{margin-top:5px;height:28px;line-height:28px;font-size:20px;color:#666;}
.insertForm .form{padding-left:20px;padding-top:4px;overflow:hidden;}
.insertForm .form ul{width:890px;}
.insertForm .form li{float:left;margin-right:8px;}
.insertForm .form li input{display:block;padding:15px 35px;height:30px;line-height:30px;font-size:16px;border:none;}
.insertForm .form li input.userName{width:136px;background:url(../images/Inpage/insertForm_userName.png) no-repeat;}
.insertForm .form li input.userPhone{width:220px;background:url(../images/Inpage/insertForm_userPhone.png) no-repeat;}
.insertForm .form li input.userTxt{width:132px;background:url(../images/Inpage/insertForm_txt.png) no-repeat;}
.insertForm .form li a{display:block;width:150px;height:60px;line-height:60px;text-align:center;font-size:16px;color:#fff;background:url(../images/Inpage/insertForm_submit.png) no-repeat;}
.insertForm .form li a:hover{background-image:url(../images/Inpage/insertForm_submit_cur.png)}
.case-list .insertForm{margin-left:0;}
/* --end insertForm-- */


.flash-sales-banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
}

.flash-sales-banner .title-row {
    background: #ffffff;
    height: 40px;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    color: #3B3B3B;
    letter-spacing: 0.23px;
    width: 100%;
    padding: 10px 8px;
    border-bottom: 1px solid #ddd;
}

.flash-sales-banner .data-row {
    margin-top: 1px;
    width: 1300px;
    background: #FFFFFF;
    height: 56px;
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #4E4E4E;
    letter-spacing: 0;
    padding: 10px 8px;
    border-bottom: 1px solid #ddd;
}

.flash-sales-banner .table-cell:nth-child(1) {
    width: 186px;
}

.flash-sales-banner .table-cell:nth-child(2) {
    display:flex;
    width: 144px;
}

.flash-sales-banner .table-cell:nth-child(3) {
    width: 166px;
}

.flash-sales-banner .table-cell:nth-child(4) {
    width: 192px;
}

.flash-sales-banner .table-cell:nth-child(5) {
    width: 160px;
}




.flash-sales-banner .table-cell a.operation {
    border: 1px solid #ddd;
    padding: 5px 15px;
}
    .flash-sales-banner .table-cell a.operation:hover {
        background: #005CB2;
        color: #ffffff;
    }

.flash-sales-banner .table-cell a.operation.disabled {
    background: #dddddd;
    color: #a0a0a0;
    border-color: #dddddd;
}
    .flash-sales-banner .modal-content {
        position: absolute;
        width: 386px;
        height: 186px;
        background: #FFFFFF;
        border: 3px solid #005CB2;
        box-shadow: 0 3px 4px 0 #CECECE;
        z-index: 9;
        left: -168px;
        top: -83px;
    }

        .flash-sales-banner .modal-content .row {
            margin-top: 51px;
            margin-left: 84px;
            display: flex;
            align-items: center;
            font-family: PingFangSC-Regular, sans-serif;
            font-size: 16px;
            color: #3B3B3B;
            letter-spacing: 0;
        }

            .flash-sales-banner .modal-content .row img {
                display: block;
                width: 24px;
                height: 24px;
                margin-right: 14px;
            }

        .flash-sales-banner .modal-content .operation {
            margin-top: 31px;
            margin-left: 84px;
            display: flex;
        }

            .flash-sales-banner .modal-content .operation button {
                display: block;
                width: 100px;
                height: 32px;
                background: #EEEEEE;
                font-family: PingFangSC-Regular, sans-serif;
                font-size: 12px;
                color: #3B3B3B;
                letter-spacing: 0;
                margin-right: 20px;
            }

                .flash-sales-banner .modal-content .operation button.confirm {
                    background: #005CB2;
                    color: #FFFFFF;
                }

                    .flash-sales-banner .modal-content .operation button.confirm:hover {
                        background: #1F88E5;
                    }

.flash-sales-content {
    display: flex;
    width: 1206px;
    background: #FFFFFF;
    height: 70px;
}

.flash-sales-banner .banner-title {
    width: 40px;
    background: #EFF5FF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flash-sales-banner .banner-content {
    margin-left: 18px;
    width: 1120px;
}

.flash-sales-banner .data-cell {
    display: flex;
    align-items: center;
}

.flash-sales-banner .data-cell > :nth-child(1) {
    margin-right: 10px;
}

.flash-sales-banner .data-cell .id-black {
    font-family: ArialMT, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #3B3B3B;
    letter-spacing: 0;
}

.flash-sales-banner .price-red {
}

.flash-sales-banner .id-red {
}

.flash-sales-banner .letters {
    font-family: ArialMT, sans-serif;
    font-size: 13px;
    color: #3B3B3B;
    letter-spacing: 0;
}

.flash-sales-banner .letters-yellow {
    font-family: Arial-BoldMT, ArialMT, sans-serif;
    font-size: 13px;
    color: #FF950C;
    letter-spacing: 0;
}
.flash-sales-banner .feature-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1206px;
    height: 50px;
    background: #EFF5FF;
}

.flash-sales-banner .feature-left {
    margin-left: 32px;
    display: flex;
    align-items: center;
}

.flash-sales-banner .feature-right {
    margin-right: 32px;
    font-family: PingFangSC, MicrosoftYaHei, sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #2654DB;
    letter-spacing: 1.14px;
}

.flash-sales-banner .feature-right a {
    color: #2654DB;
    text-decoration: underline;
}

.flash-sales-banner .feature-right a:hover {
    color: #2b80e6;
}

.flash-sales-banner .feature-cell {
    display: flex;
    align-items: center;
    margin-right: 22px;
    font-size: 11px;
    color: #6A8BEA;
    letter-spacing: 0.79px;
}

.flash-sales-banner .feature-cell > :nth-child(1) {
    margin-right: 4px;
}

.flash-sales-banner .cs-popup {
    display: block;
    cursor: pointer;
    position: relative;
    padding: 4px;
    /*margin-left: 17px;
    margin-right: 22px;*/
}

    .flash-sales-banner .cs-popup:hover .popup-content {
        display: block;
    }

.flash-sales-banner .popup-content {
    width: 130px;
    /*height: 51px;*/
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(121, 147, 226, 0.49);
    position: absolute;
    top: 22px;
    left: -46px;
    display: none;
    z-index: 2;
}

.flash-sales-banner .cs-popup:hover .telephone-2 {
    background-position: -975px -276px;
}

.flash-sales-banner .popup-content.open {
    display: block;
}

.flash-sales-banner .popup-row {
    margin-left: 10px;
    display: flex;
    align-items: center;
    font-family: MicrosoftYaHei, sans-serif;
    font-size: 13px;
    color: #4E4E4E;
    letter-spacing: 0;
    line-height: 22px;
}


.flash-sales-banner a.popup-row {
    text-decoration: underline;
}

    .flash-sales-banner a.popup-row:hover {
        color: #000000;
    }

.flash-sales-banner .popup-row:hover {
    color: #000000;
}

.breadcrumb {
	width: 100%;
	background:none !important;;
	padding: 10px 0;
}
.search-table .line {
    width: 100%;
    height: 1px;
    background: #EEEEEE;
}

.search-table-filter {
    font-size: 13px;
    color: #666666;
    letter-spacing: 0.23px;
    width: 1206px;
    height: 40px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
}

.search-table-filter .name {
    width: 78px;
    margin-left: 30px;
    height: 100%;
    line-height: 40px;
    border-right: 1px solid #e6e6e6;
}

.search-table-filter .option {
    margin-left: 64px;
    font-family: PingFangSC, MicrosoftYaHei, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0.24px;
    display: flex;
    cursor: pointer;
}

.search-table-filter .common-checkbox {
    margin-left: 64px;
}

.search-table-filter .common-checkbox span {
    margin-left: 9px;
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0.24px;
}

.search-table-filter .common-checkbox :checked + i + span {
    color: #FE3538;
}
.search-table-filter .option.active {
    color: #2654DB;
}

.search-table-filter .option .icon-new {
    margin-left: 4px;
    margin-top: -4px;
}

.search-table-filter .search-times {
    flex-grow: 1;
    padding-right: 27px;
    font-family: PingFangSC-Semibold, MicrosoftYaHei, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #FF950C;
    letter-spacing: 0.78px;
    justify-content: flex-end;
    display: inline-flex;
    align-items: center;
}

.search-table-filter .search-times .finger {
    margin-right: 5px;
}

.search-table-filter .search-times .number {
    color: #FF8615;
}
    .search-table-filter a {
        color: #FF950C;
    }

        .search-table-filter a:hover {
            color: #2B80E6;
        }

.search-table-title {
    font-size: 13px;
    color: #3B3B3B;
    letter-spacing: 0.21px;
    width: 1206px;
    height: 40px;
    background: white;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
}

.search-table-title .image-wrapper {
    margin-left: 32px;
    width: 62px;
}

.search-table-title .product {
    width: 232px;
    margin-left: 18px;
}

.search-table-title .price {
    margin-left: 16px;
    width: 132px;
}

.search-table-title .user {
    width: 304px;
    margin-left: 38px;
}

.search-table-title .time {
    width: 136px;
    margin-left: 16px;
}

.search-table-title .operation {
    /*width: 186px;*/
    margin-left: 84px;
}

.search-table-title .operation span:nth-child(2) {
    margin-left: 46px;
}

.search-table-title .promotion {
    margin-left: 16px;
    width: 120px;
}

.search-pagination {
    margin-top: 50px;
    margin-bottom: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-pagination .pages {
    font-size: 13px;
    color: #2654DB;
    letter-spacing: 0;
    display: flex;
}

.search-pagination .pages .page {
    margin-right: 10px;
    /*width: 32px;*/
    height: 32px;
    background: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #9b9b9b;
    border: 1px solid #FFFFFF;
    padding-left: 6px;
    padding-right: 6px;
    min-width: 20px;
}

.search-pagination .pages .page.active {
    border-color: #2B80E6;
    color: #2654DB;
}

.search-pagination .pages .page:hover {
    border-color: #2B80E6;
    color: #2654DB;
}

.search-pagination .jump {
    margin-left: 26px;
    line-height: 32px;
    font-size: 13px;
    color: #9b9b9b;
    letter-spacing: 0;
    display: flex;
}
.pagination a.cur {
	border: none;
	background: #202b63 !important;
	color: #fff;
}

.pagination a {
	height: 28px !important;
}

.pagination p {
	float: left;
	padding: 2px 12px;
	font-size: 12px;
	height: 28px !important;
	line-height: 24px;
	color: #bbb;
	border: 1px #ccc solid;
	background: #fcfcfc;
	margin-right: 8px;
}.pagination p.pageRemark {
	border-style: none;
	background: none;
	margin-right: 0px;
	padding: 4px 0px;
	color: #666;
	display: none !important;
}.pagination {
	height: 40px;
	padding: 0 !important;
	line-height: 40px;
}.pager {
	clear: both;
	padding: 20px 0;
	text-align: center;
	overflow: hidden;
}