/* CSS reset */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
input,
button,
textarea,
p {
	padding: 0;
	margin: 0;
}
	
.img_format{
	background-size: cover;
	background-position: center center;
	background-repeat: none;
}	
	
*{
	box-sizing: border-box;
}

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	font-size: 12px;
}

// *,
// *:before,
// *:after {
//     -webkit-box-sizing: inherit;
//     box-sizing: inherit;
// }
body {
	font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
	line-height: 1.5;
	font-size: 12px;
	color: #333;
	background-color: #f7f7f7;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	outline: 0;
	height: 100%;
	min-width: 1200px;
}


	
.w-1200{
	width: 1200px;
}

::-webkit-input-placeholder {
	color: #888;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

button {
	border: 0;
	background: none;
}

a {
	color: #333;
	-webkit-touch-callout: none;
	text-decoration: none;
}

a:hover {
	color: #d30303;
	-webkit-touch-callout: none;
	text-decoration: none;
}


:focus {
	outline: 0;
	-webkit-tap-highlight-color: transparent;
}

img {
	border: 0;
	vertical-align: top;
}

li {
	list-style: none;
}

em,
i {
	font-style: normal;
}

.clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clearfix {
	zoom: 1;
}

.iconfont {
	position: relative;
	top: 1px;
}

.dz-nowrap {
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.dz-nowrap-multi {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.dz-bgimg {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

input,
button,
textarea,
select,
optgroup,
option {
	-webkit-appearance: none;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	outline: 0;
	border: none;
}

input,
button,
textarea,
select {
	font-size: 100%;
	outline: none;
	-webkit-appearance: none;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px transparent inset;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
	-webkit-box-shadow: 0 0 0 1000px transparent inset;
}

//火狐下的移除
input[type=number] {
	-moz-appearance: textfield;
}

//谷歌下的移除
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
}

[v-cloak] {
	display: none;
}

button:hover {
	cursor: pointer;
}

.dz-flex {
	display: flex;
}

.dz-flexitem-1 {
	flex: 1;
}

.dz-flexalign-center {
	display: flex;
	align-items: center;
}
.dz-flex-between{
		display: flex;
		justify-content: space-between;
}

.dz-flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.pages {
    padding: 30px 0 20px 0;
    margin: 0 -20px;
    background-color: #f5f6fa;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #999
}

    .pages span {
        font-size: 14px;
        color: #999
    }

    .pages .current, .pages a {
        display: inline-block;
        vertical-align: top;
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-right: 6px;
        background-color: #fff;
        border: 1px solid #ddd;
        font-size: 14px;
        text-align: center;
        cursor: pointer;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px
    }

        .pages a:hover {
            color: #fff;
            background-color: #fc5755
        }

    .pages span.current {
        color: #fff;
        background-color: #fc5755
    }

    .pages .text {
        width: 50px;
        height: 40px;
        margin-right: 10px;
        border: 1px solid #ddd;
        text-align: center;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px
    }

    .pages .btn {
        width: 48px;
        height: 40px;
        border: 1px solid #ddd;
        background-color: #fff;
        margin-left: 10px;
        cursor: pointer;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px
    }

.pagination {
    padding: 30px 0 20px 0;
    margin: 0 -20px;
    background-color: #f5f6fa;
    text-align: center;
    font-size: 0
}

    .pagination button {
        width: 40px;
        height: 40px;
        border: 1px solid #ddd;
        background-color: #fff;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px
    }

    .pagination .arrow-left {
        display: block;
        width: 10px;
        height: 16px;
        margin: 0 auto
    }

    .pagination .arrow-right {
        display: block;
        width: 8px;
        height: 14px;
        margin: 0 auto
    }

    .pagination ul {
        display: inline-block;
        vertical-align: top;
        margin-left: 6px
    }

        .pagination ul li {
            display: inline-block;
            vertical-align: top;
            width: 40px;
            height: 40px;
            line-height: 40px;
            margin-right: 6px;
            background-color: #fff;
            border: 1px solid #ddd;
            font-size: 14px;
            text-align: center;
            cursor: pointer;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px
        }

            .pagination ul li.select {
                color: #fff;
                background-color: #fc5755
            }

            .pagination ul li.more {
                cursor: not-allowed
            }

            .pagination ul li:hover {
                color: #fff;
                background-color: #fc5755
            }

            .pagination ul li.more:hover {
                color: #333;
                background-color: #fff
            }

    .pagination .show-number {
        display: inline-block;
        vertical-align: top;
        height: 40px;
        line-height: 40px;
        margin-left: 10px;
        font-size: 14px
    }

        .pagination .show-number span {
            color: #999
        }

        .pagination .show-number input {
            width: 50px;
            height: 40px;
            border: 1px solid #ddd;
            text-align: center;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px
        }

        .pagination .show-number .jump {
            width: 48px;
            margin-left: 10px
        }

.pages-cyan {
    padding-top: 10px;
    background-color: #fff
}

    .pages-cyan span.current {
        background-color: #d30303
    }

    .pages-cyan a:hover {
        background-color: #d30303
    }

.pages-blue2 {
    padding-top: 30px;
    background-color: #f5f6fa
}

    .pages-blue2 span.current {
        background-color: #0893ff
    }

    .pages-blue2 a:hover {
        background-color: #0893ff
    }

.look-img {
    display: block;
    width: 320px;
    height: 180px
}
.top_search-new{
    height:100%;
    display:flex;
    flex:1
}


.downs {
    margin-left: 155px;
    margin-top: -7px;
}