.search .wrapper {
		position: relative;
		width: 1280px;
		height: 60px;
		margin: 0 auto;	
		
        }
		
		.wrapper .search-bar img{
            width : 55px;
			height : 55px;	
			border-radius: 30px;		
        }
		.wrapper .nav-bar-wrapper {
		<!--background-color: #1E4E7A;-->
		position: flex;
		margin: 2px 3% 2px 0;
		padding: 0 auto ;
		font-size:18px
		}
		
        .wrapper .search-bar {
            float: left;
            display: flex;
            white-space: nowrap;
            align-items: center;
        }
        .search-container {
            position: relative;
            vertical-align: middle;
            line-height: normal;
            display: table;
            border-collapse: separate;
            margin-left: 10px;
        }
        .search-container input{
            width: 100%;
            float: left;
            display: table-cell;
            margin-bottom: 0;
            position: relative;
            z-index: 2;
            border-radius: 4px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            height: 32px;
            line-height: 1.5;
            padding: 4px 7px;
            font-size: 14px;
            border: 1px solid #dcdee2;
            color: #515a6e;
            background-color: #fff;
            background-image: none;
            cursor: text;
            transition: border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;
        }
        .search-container .search-btn {
            display: table-cell;
            cursor: pointer;
            padding: 0 16px!important;
            background: #2d8cf0!important;
            color: #fff!important;
            border-color: #2d8cf0!important;
            transition: all .2s ease-in-out;
            position: relative;
            z-index: 2;
            width: 1px;
            white-space: nowrap;
            vertical-align: middle;
            border-radius: 0 4px 4px 0;
        }
		
		.filter-container {
            position: relative;
            vertical-align: middle;
            line-height: normal;
            display: table;
            border-collapse: separate;
            margin-left: 10px;
			margin-top:15px;
			font-size:20px;
			align-items: center;
			max-width:66%;
        }
        
        .filter-container .filter-btn {
            display: table-cell;
            cursor: pointer;
            padding: 0 16px!important;
            background: #598AD1!important;
            color: #fff!important;
            border-color: #598AD1!important;
            transition: all .2s ease-in-out;
            position: relative;
            z-index: 2;
            width: 5px;
            white-space: nowrap;
            vertical-align: middle;
            border-radius: 4px 4px 4px 4px;
			
			
        }
		
		
        .main {
            display: flex;
            width: 1260px;
            margin: 0 auto;
        }
        /*左侧多选栏*/
        .side-nav {
            padding: 20px 60px;
			max-width:30%;
			
        }
        .side-nav .multi {
            display: flex;
            flex-direction: column;
            padding: 10px;
            border: 1px solid #f4f4f4;
            margin-bottom: 10px;
        }
        .side-nav .multi .title {
            font-size: 18px;
			font-weight:bold;
			font-family:tahoma,geneva,sans-serif;
			padding-bottom:5px;
        }
        .side-nav .multi .checkbox-wrapper {
            padding:  2px 4px;
        }
        .side-info{
            max-width: 65%;
            padding: 20px;
			
        }
        .card{
            border: 2px solid #f4f4f4;
            width: 1240px;
            height: 100%;
            border-radius: 10px 10px 0 0
        }
		<!--overflow-x: scroll;-->
		
		.pages {
            padding: 10px 20px;
            overflow: auto;
        }
		.pages .ivu-page {
            float: right;
        }
        .ivu-page-disabled {
            cursor: not-allowed;
        }
        .ivu-page-next, .ivu-page-prev {
            background-color: #fff;
        }
        .ivu-page-disabled a {
            color: #ccc;
        }
        .ivu-page-item {
            display: inline-block;
            vertical-align: middle;
            min-width: 32px;
            height: 32px;
            line-height: 30px;
            margin-right: 4px;
            text-align: center;
            list-style: none;
            background-color: #fff;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            cursor: pointer;
            font-family: Arial;
            font-weight: 500;
            border: 1px solid #dcdee2;
            border-radius: 4px;
            transition: border .2s ease-in-out,color .2s ease-in-out;
        }
        .ivu-page-item-jump-next, .ivu-page-item-jump-prev, .ivu-page-next, .ivu-page-prev {
            display: inline-block;
            vertical-align: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            min-width: 32px;
            height: 32px;
            line-height: 30px;
            list-style: none;
            text-align: center;
            cursor: pointer;
            color: #666;
            font-family: Arial;
            border: 1px solid #dcdee2;
            border-radius: 4px;
            transition: all .2s ease-in-out;
        }
        .ivu-page:after {
            content: "";
            display: block;
            height: 0;
            clear: both;
            overflow: hidden;
            visibility: hidden;
        }
        .ivu-page-item-jump-next, .ivu-page-item-jump-prev, .ivu-page-prev {
            margin-right: 4px;
        }
        .ivu-icon-ios-arrow-back:before {
            content: "\F115";
        }
        .ivu-page-item-active {
            border-color: #2d8cf0;
        }
        .ivu-page-item-jump-next:hover i, .ivu-page-item-jump-prev:hover i {
            display: inline;
        }
        .ivu-icon-ios-arrow-forward:before {
            content: "\F11F";
        }
        .ivu-page-item-jump-next:hover i:after {
            content: "\F11F";
            margin-left: -8px;
        }
        .ivu-page-options {
            display: inline-block;
            vertical-align: middle;
            margin-left: 15px;
        }
        .ivu-page-options-elevator {
            display: inline-block;
            vertical-align: middle;
            height: 32px;
            line-height: 32px;
        }
        .ivu-page-options-elevator input {
            display: inline-block;
            height: 32px;
            line-height: 1.5;
            padding: 4px 7px;
            font-size: 14px;
            border: 1px solid #dcdee2;
            color: #515a6e;
            background-color: #fff;
            background-image: none;
            position: relative;
            cursor: text;
            transition: border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;
            border-radius: 4px;
            margin: 0 8px;
            width: 50px;
        }
        .nav-card .head{
            background-color: #cfcfcf;
            color: #333;
            padding: 5px 0;
			border-radius: 10px 10px 0 0

        }
        .nav-card-left .list li {
            list-style: none;
        }
        .nav-card .head span,.nav-card-left .list li span{
            display: inline-block;
            padding-left: 2em;
            width: 14%;
        }
		#pageBox {
            margin: 15px auto;
			width : 1260px;
			text-align: center;
			position: relative;
        }
 
        #pageBox span {
            display: inline-block;
            width: 60px;
            height: 24px;
            line-height: 24px;
            text-align: center;
            color: #fff;
            background: #2d8cf0ba;
			cursor: pointer;
			
        }
 
        #pageNav {
            display: inline-block;
        }
 
        #pageNav a {
            display: inline-block;
            width: 24px;
            height: 24px;
            line-height: 24px;
            text-align: center;
            color: #2d8cf0ba;
            text-decoration: none;
        }
 
        #pageNav a.active, #pageNav a:hover {
            background: #2d8cf0;
            color: #EFEFEF;
        }
 <!--#3a87ad-->
        #prev:hover {
            cursor: pointer;
        }
 
        #next:hover {
            cursor: pointer;
        }
		.beautyp{
	
		background-color: #c28400;
		height:16px;color: white;border-radius: 10%;font-size: 12px;
		text-align: center;padding-left: 1px;margin-right: 6px;
		margin-left: 10px;display: inline-block;opacity: 0.4;
		
		}
		.locip{
		height:16px;color: white;border-radius: 10%;font-size: 12px;
		text-align: center;padding-left: 1px;margin-right: 6px;
		display: inline-block;opacity: 0.75;
		}