@media screen and (min-width: 751px){
	.search-wrap{
		width: 580px;
		overflow: auto;
		margin: 15px auto;
		text-align: center;
	}
	.search-type{
		position: relative;
		float: left;
		width: 100px;
		background: #f1f1f1;
		height: 48px;
		overflow: hidden;
		font-size: 16px;
		color: #cc3333;
	}
	.search-type:after{
		content: '';
	    position: absolute;
	    right: -5px;
	    bottom: 0;
	    border-width: 6px;
	    border-style: solid;
	    border-color: transparent transparent transparent #cc3333;
	    transform: rotate(45deg);
	}
	.search-type>div{
		display: none;
	    height: 34px;
	    line-height: 34px;
	    border-right: 1px solid #e2e2e2;
	    margin-top: 7px;
	    cursor: pointer;
	}
	.search-type .is-show{
		display: block;
	}
	.search-wrap input{
		float: left;
		height: 48px;
		line-height: 48px;
		font-size: 16px;
		padding: 0 15px;
		vertical-align: middle;
		border: 0;
	}
	.search-wrap .search-keyword{
		width: 380px;
		background: #f1f1f1;
	}
	.search-wrap .btn{
		width: 105px;
		text-align: center;
		background: #d71a1b;
		color: #fff;
	    margin-left: -5px;
	}




	.join{
		overflow: auto;
		padding: 30px 0
	}
	.join .join-item{
		display: block;
		float: left;
		width: 286px;
		margin: 0 18px 20px 0;
	}
	.join .join-item:nth-child(4n){ margin-right: 0; }
	.join .join-item img{
		width: 286px;
		height: 272px;
	}
	.join .join-item .item-info{
		height: 115px;
		padding: 20px;
		background: #f1f1f1;
	}
	.join .join-item .item-info .title{
		height: 25px;
		line-height: 25px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 18px;
		font-weight: bold;
	}
	.join .join-item .item-info .bor{
		margin: 14px 0;
		width: 28px;
		border-bottom: 4px solid #d71a1b;
	}
	.join .join-item .item-info .text{
		height: 20px;
		line-height: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 14px;
		color: #666666;
	}
	.join-adv{
		padding: 55px 0;
		height: 205px;
		background: url(../images/inner/join-adv.jpg) center;
		text-align: center;
	}
	.join-adv .join-text{
		font-size: 24px;
		color: #fff;
		font-weight: bold;
	}
	.join-adv .join-btn{
		display: inline-block;
		width: 145px;
		height: 36px;
		line-height: 36px;
		font-size: 14px;
		text-align: center;
		background: #fff;
		margin: 25px auto 0;
	}
}

@media screen and (max-width: 750px){
	.search-wrap{
		padding: 0 0.05rem;
	    overflow: auto;
	    margin: 0.2rem 0 0.2rem;
	}
	.search-type{
	    position: relative;
	    float: left;
	    width: 0.65rem;
	    background: #f1f1f1;
	    height: 0.37rem;
	    line-height: 0.37rem;
	    overflow: hidden;
	    font-size: 0.12rem;
	    color: #cc3333;
	    text-align: center;
	}
	.search-type:after{
		content: '';
	    position: absolute;
	    right: -0.03rem;
	    bottom: 0;
	    border-width: 0.03rem;
	    border-style: solid;
	    border-color: transparent transparent transparent #cc3333;
	    transform: rotate(45deg);
	}
	.search-type>div{
		display: none;
	    height: 0.29rem;
	    line-height: 0.29rem;
	    border-right: 0.01rem solid #e2e2e2;
	    margin-top: 0.04rem;
	    cursor: pointer;
	}
	.search-type .is-show {
	    display: block;
	}
	.search-wrap input{
		float: left;
	    height: 0.37rem;
	    line-height: 0.37rem;
	    vertical-align: middle;
	    border: 0;
	}
	.search-wrap .search-keyword{
		width: 2.08rem;
		padding: 0 0.1rem;
	    font-size: 0.12rem;
		background: #f1f1f1;
	}
	.search-wrap .btn{
	    margin-left: -0.03rem;
		width: 0.85rem;
		background: #d71a1b;
	    font-size: 0.13rem;
		color: #fff;
		text-align: center;
	}



	.join{
		overflow: auto;
		margin: auto;
		padding: 0 0.05rem 0.2rem;
	}
	.join .join-item{
	    background: #fff;
	    float: left;
	    width: 1.73rem;
	    margin: 0.05rem 0.07rem 0.1rem 0.01rem;
	    box-shadow: 0 0 10px #f1f1f1;
	}
	.join .join-item:nth-child(2n){
		margin-right: 0;
	}
	.join .join-item img{
	    width: 1.73rem;
	    height: 1.645rem;
	}
	.join .join-item .item-info{
		height: 0.75rem;
		padding: 0.1rem;
		background: #f1f1f1;
	}
	.join .join-item .item-info .title{
		height: 0.13rem;
		line-height: 0.13rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 0.13rem;
		font-weight: bold;
	}
	.join .join-item .item-info .bor{
		margin: 0.12rem 0 0.07rem;
	    width: 0.14rem;
	    border-bottom: 0.02rem solid #d71a1b;
	}
	.join .join-item .item-info .text{
		height: 0.2rem;
		line-height: 0.2rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 0.11rem;
		color: #666666;
	}
	.join-adv{
		padding-top: 0.4rem;
	    height: 1.5rem;
	    background: url(../images/inner/join-adv.jpg) center;
	    background-size: cover;
	    text-align: center;
	}
	.join-adv .join-text{
		font-size: 0.12rem;
		color: #fff;
		font-weight: bold;
	}
	.join-adv .join-btn{
		display: inline-block;
		width: 0.725rem;
		height: 0.18rem;
		line-height: 0.18rem;
		font-size: 0.12rem;
		text-align: center;
		background: #fff;
		margin: 0.13rem auto 0;
	}
}