@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*搜索*/
.index {
	padding-top: 0;
	position: relative;
}
.index, .floor {
	width: 100%;
	max-width: 640px;
	min-width: 320px;
	margin: 0 auto;
}
.index .title {
	width: 100%;
 padding-bottom: .4rem;
	text-align: center;
 padding-top: .5rem;
	position: relative;
}
.index .title h3 {
 font-size: .48rem;
	color: #333;
	font-weight: bold;
}
.index .title h3 b {
	color: #003e92;
	font-weight: bold;
}
.index .title .line_lef {
	left: 3%;
}
.index .title s {
 width: .8rem;
 height: .25rem;
	display: block;
	position: absolute;
 top: .76rem;
	background: url(../images/line.png) no-repeat center;
 background-size: .8rem auto;
}
.index .title .line_rig {
	right: 3%;
}
.index .title s {
 width: .8rem;
 height: .25rem;
	display: block;
	position: absolute;
 top: .76rem;
	background: url(../images/line.png) no-repeat center;
 background-size: .8rem auto;
}
s, i {
	font-style: normal;
}
#searchpage {
	background: #f2f2f2;
	width: 100%;
	margin: 0 auto;
	height: 4rem;
	left: 0;
 top: .9rem;
 padding-top: .8rem;
}
#searchpage .txt {
	border: none;
	width: 80%;
	height: 0.65rem;
	line-height: 0.65rem;
	margin-left: 4%;
	color: #666;
	font-size: 0.22rem;
	background: #fff;
	text-indent: 3%;
 border-top-left-radius: .3rem;
 border-bottom-left-radius: .3rem;
}
#searchpage input {
	display: block;
	padding: 0;
	margin: 0;
}
.fl {
	float: left;
}
input, button, select, textarea {
	outline: none;
	font-family: "Microsoft Yahei", Arial;
 font-size: .24rem;
	-webkit-appearance: none !important;
}
#searchpage .btn {
	cursor: pointer;
	border: none;
	font-size: 0.24rem;
	width: 0.8rem;
	height: 0.65rem;
	text-align: center;
	background: #003e92 url(../images/icon.png) no-repeat 0 -4.6rem;
	background-size: 2.4rem auto;
	color: #fff;
 border-top-right-radius: .3rem;
 border-bottom-right-radius: .3rem;
	background-size: 2.0rem auto;
	vertical-align: middle;
}
.icon, .iconn:before, .iconn:after, .iconbef:before, .iconbef:after {
	content: "\20";
	display: block;
}



.wrapper {
    width: 100%;
    overflow: hidden;
    max-width: 640px;
    min-width: 320px;
    position: relative;
    padding-top: .2rem;
}

.wrapper .caselist {
    padding: 3%;
}
.wrapper .caselist .item {
    margin-right: 2%;
}
.caselist .item {
    width: 100%;
    display: block;
    margin-bottom: .35rem;
    position: relative;
}
.caselist .item a {
    display: block;
    border: 1px solid #e5e5e5;
    border-radius: .05rem;
    padding: 2%;
    position: relative;
    z-index: 2;
    background: #fff;
}

.caselist .item .di {
    width: 100%;
    height: 100%;
    border: 1px solid #e5e5e5;
    border-radius: .05rem;
    display: block;
    position: absolute;
    left: .05rem;
    top: .05rem;
}
.caselist .item .txt .jia {
    width: .4rem;
    height: .4rem;
    display: block;
    position: absolute;
    right: 2%;
    bottom: 5%;
    background-position: -.32rem -.42rem;
}