body{
	max-width: 640px;
	margin: 0 auto;
	font-family: "microsoft yahei",sans-serif;
    -webkit-tap-highlight-color: transparent;
	background: #f5f5f5;
	font-size: 14px;
}
*{
	box-sizing: border-box;
	outline: none;
}
*:focus,*:active,*:hover{
	outline: none;
}
a img{
	font-size: 0;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix{*zoom:1;}
.re1{
	position: relative;
}
.img {
    display: block;
    width: 100%;
    max-width: 640px;
    margin: auto;
}
a{
	text-decoration: underline;
	color:#ccc;
	outline: none;
}
a:visited{
	color:#ccc;
}
.top{
	background: #2c97cd;
	height: 40px;
	position: relative;
}
.top-edit-con{
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px;
	z-index: 111;
	height: 100%;
}
.top-edit-icon{
	background: url("edit.png") no-repeat;
	width: 21px;
	height: 17px;
	background-size: 100%;
}
.top-text{
	text-align: center;
	color:#fff;
	font-size: 16px;
	line-height: 40px;
}
.con{
	padding: 10px;
}
.top-logo{
	background: url("logo.png") no-repeat bottom;
	width: 120px;
	height: 30px;
	background-size: 100%;
	margin: auto;
	padding-top: 10px;
}
.horn{
	color:#f16223;
	font-size: 14px;
	text-indent: 40px;
	position: relative;
	background: #ffffff;
	height: 31px;
	line-height: 31px;
}
.horn a{
    color:#f16223;
    text-decoration: none;
    cursor: pointer;
}

@-webkit-keyframes horn {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
.horn i{
	display: block;
	background: url("horn.png") no-repeat;
	width: 18px;
	height: 16px;
	background-size: 100%;
	position: absolute;
	left: 14px;
	top: 9px;
	-webkit-animation: 1s horn infinite ease-in-out;
}
.re{
    width: 100%;
    height: 82px;
}
.menu-con{
	/*position: absolute;*/
	width: 100%;
	/*bottom: 15px;*/
	left: 0;
	padding: 0 10px;
}
.menu-con a{
    text-decoration: none;
    display: block;
}
.menu-item{
	float: left;
	width: 25%;
	text-align: center;
	color:#7f7f7f;
	font-size: 12px;
}
.menu-item span{
    display: block;
    width: 100%;
    margin-top: -20px;
	padding-bottom:10px;
    text-align: center;
    color:#7f7f7f;
    font-size: 12px;
}
.ad-item-con{
    width:100%;
	padding: 0 1px 0 10px;
}
.ad-item-con a{
	display: block;
}
.ad-item{
	width: 49%;
	float: left;
	padding-right: 5px;
	display: block;
}
.ad-item img{
	width: 100%;
    height: 100%;
	display: block;
	border:none;
}
.view-item1{
	background:url(view_01.gif) right bottom no-repeat;
	background-size:70%;
	position: absolute;
	width: 40%;
	height: 95%;
	left: 0;
	top: 0;
}
.view-item2{
	background:url(view_02.gif) right center no-repeat;
	background-size:contain;
	position: absolute;
	width: 53%;
	height: 48%;
	left: 45%;
	top: 1%;
}
.view-item3{
	background:url(view_03.gif) right center no-repeat;
	background-size:contain;
	position: absolute;
	width: 53%;
	height: 48%;
	left: 45%;
	top: 51%;
}
.footer a{
	color:#999999;
	font-size: 14px;
	width: 33%;
	text-align: center;
	display: block;
	float: left;
	text-decoration: none;
	border-right: 1px solid #c7c7c7;
}
.footer a:last-child{
	border-right: none;
}
.view-main{
	margin-bottom: 20px;
}
.footer{
	border-top:1px solid #d7d7d7;
	padding: 15px 10px;
}
.footer-come{
    width: 100%;
	font-weight: bold;
	font-size: 20px;
	color:#bebebe;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 10px;
}
.footer-text{
	text-align: center;
	font-size: 12px;
	color:#999999;
	margin-bottom:30px;
}
.top-back-con{
	position: absolute;
	left: 0;
	top: 0;
	padding: 10px;
	z-index: 111;
	height: 100%;
}
.top-home-con{
	position: absolute;
	right: 0;
	top: 1px;
	padding: 10px;
	z-index: 111;
	height: 100%;
}
.top-home-icon{
	background: url("home.png") no-repeat;
	width: 22px;
	height: 19px;
	background-size: 100%;
}
.top-back-icon{
	background: url("back.png") no-repeat;
	width: 12px;
	height: 20px;
	background-size: 100%;
}
.top-text{
	text-align: center;
	color:#fff;
	font-size: 16px;
	line-height: 40px;
}
.header-item{
	height: 40px;
	width: 50%;
	border:1px solid #2c97cd;
	float: left;
	border-collapse: collapse;
	text-align: center;
	line-height: 40px;
	color:#2c97cd;
	font-size: 14px;
	margin-top: 10px;
}
.header-item:first-child{
	border-radius: 5px 0 0 5px;
}
.header-item:last-child{
	border-left:0;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}
.header-item.active{
	background: #2c97cd;
	color:#fff;
}
.header{
	border-radius: 5px;
}
.form-control{
	height: 50px;
	border:1px solid #d4d4d4;
	border-radius: 5px;
	width: 100%;
	padding-left: 40px;
	outline: none;
}
.select-con{
	width: 100%;
	overflow: hidden;
	border:1px solid #d4d4d4;
	border-radius: 5px;
}
select.form-control{
	width: 110%;
	border:none;
}
.form-control:focus{
	border-color:#139ade;
}
.form-group{
	position: relative;
	margin-bottom: 25px;
}
.icon-user{
	background: url("icon_user.png") no-repeat;
	width: 13px;
	height: 14px;
	background-size: 100% 100%;
	position: absolute;
	left: 17px;
	top: 18px;
}
.icon-mail{
	background: url("icon_mail.png") no-repeat;
	width: 18px;
	height: 14px;
	background-size: 100% 100%;
	position: absolute;
	left: 17px;
	top: 19px;
}
.form-login{
	margin-top: 20px;
}
.icon-pwd{
	background: url("icon_pwd.png") no-repeat;
	width: 13px;
	height: 16px;
	background-size: 100% 100%;
	position: absolute;
	left: 17px;
	top: 16px;
}
.icon-phone{
	background: url("icon_phone.png") no-repeat;
	width: 13px;
	height: 16px;
	background-size: 100% 100%;
	position: absolute;
	left: 17px;
	top: 18px;
}
.icon-key{
	background: url("icon_key.png") no-repeat;
	width: 15px;
	height: 15px;
	background-size: 100% 100%;
	position: absolute;
	left: 17px;
	top: 18px;
}
.form-ck{
	color:#999999;
	font-size: 14px;
	margin-bottom: 15px;
}
.form-ck i{
	padding-left: 20px;
	font-style: normal;
}
.form-btn{
	background: #a5cfe5;
	font-size: 15px;
	color:#fff;
	border-radius: 5px;
	width: 100%;
	border:none;
	height: 50px;
	line-height: 50px;
	outline: none;
	letter-spacing: 5px;
    text-align: center;
    text-align: center;
}
.form-btn.active{
	background: #2c97cd;
}
.login-bottom a{
	color:#2c97cd;
	text-decoration: underline;
}
.login-bottom1{
	float: left;
}
.login-bottom2{
	float: right;
	color:#999999;
}
.reg-bottom{
	float: left;
	color:#999999;
}
/*.tip{
	position: absolute;
	top: 52px;
	left: 10px;
	color:#ff4400;
	font-size: 14px;
}*/
.tip{
	margin:0 10px;
	margin-top:5px;
	color:#ff4400;
	font-size: 14px;
}
.form-group-btn{
	margin-top: 10px;
}
.form-control-code{
	width: 60%;
	float: left;
}
.code-btn{
	width: 38%;
	float: left;
	height: 50px;
	background: #a5cfe5;
	color:#fff;
	text-align: center;
	line-height: 50px;
	margin-left: 2%;
	border-radius: 5px;
}
.code-btn.active{
	background: #2c97cd;
}
.disable{
	background: #d4d4d4;
}
.form-login{
	display: none;
}
.form-login.active{
	display: block;
}
.form-reg .form-group{
	margin-bottom: 25px;
}
input{
	outline: none;
}
.control-label{
	font-size: 16px;
	color:#999999;
	float: left;
	width: 92px;
	text-align: right;
	padding-right: 10px;
	line-height: 50px;
}
.form-data .form-control{
	padding-left: 10px;
}
.form-data-con{
	position: absolute;
	left: 0;
	padding-left: 102px;
	width: 100%;
}
.date-icon{
	background: url("date.png") no-repeat;
	width: 23px;
	height: 24px;
	background-size: 100%;
	position: absolute;
	right: 15px;
	top: 13px;
}
.form-data .form-group{

}
.form-data .form-group:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.form-data .tip{
	left: 102px;
}
.form-group.error .form-control{
	border:1px solid #ff0000;
}
.form-group.error .tip{
	display: block;
}
.form-group .tip{
	display: none;
}
.form-data-ck{
	position: absolute;
	top: 14px;
	font-size: 16px;
	color:#666666;
}
.form-data-ck label{
	margin-right: 10px;
}
.form-data-ck input{
	position: relative;
	top: 1px;
}
.nav{
	color:#999999;
}
.nav-item{
	width: 33%;
	float: left;
	text-align: center;
}
.nav-item-block{
	display: inline-block;
	position: relative;
	padding-left: 20px;
}
.nav-item i{
	font-size: 12px;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 2px;
	text-align: center;
	color:#fff;
	background: #cccccc;
	font-style: normal;
}
.nav-item.active i{
	color:#fff;
	background: #2c97cd;
}
.find{
	display: none;
}
.find.active{
	display: block;
}
.find_suc{
	text-align: center;
	padding-top: 30%;
}
.find_suc_icon4{
	background: url("error.png") no-repeat center;
	width: 60px;
	height: 60px;
	background-size: 100%;
	display: inline-block;
    margin-right:2%;
}
.find_suc_icon2{
	background: url("active.png") no-repeat center;
	width: 142px;
	height: 192px;
	background-size: 100%;
	display: inline-block;
}
.find_suc_icon3{
    background: url("suc_2.png") no-repeat center;
    width: 142px;
    height: 192px;
    background-size: 100%;
    display: inline-block;
}
.find_mail2{
	text-align: center;
	padding-top: 30%;
}
.find-a{
	text-align: right;
	margin-top: 10px;
}
.form-btn-mail{
	margin-top: 30px;
	display: block;
	text-decoration: none;
}
.find-text{
	margin-top: 20px;
}
.find_suc_btn{
	margin-top: 40px;
	display: block;
	text-decoration: none;
}
.find_suc_btn1{
    margin-top: 40px;
    margin-bottom: 40px;
    display: block;
    text-decoration: none;
}
.find-text-more{
	color:#999999;
	margin-top: 10px;
}
.mt20{
	margin-top: 20px;
}
.mt40{
	margin-top: 40px;
}
.form-ck .tip{
	top: 22px;
}
.ck{
	background: url("ck.png") no-repeat;
	width: 16px;
	height: 16px;
	background-size: 100%;
	position: absolute;
	top: 1px;
}
.select-icon{
	background:url("sel.png") no-repeat;
	width: 21px;
	height: 10px;
	background-size: 100%;
	position: absolute;
	right: 15px;
	top: 22px;
}
.super-context{
	background: #f5f5f5;
}
.super-item{
	position: relative;
	background: #ffffff;
	margin-top: 20px;
	border-top:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	padding: 10px 0;
	padding-left: 10px;
}
.super-img{
	float: left;
	width: 38%;
}
.super-main{
	float: left;
	width: 62%;
	padding-left: 10px;
}
.super-name{
	color:#333333;
	font-weight: bold;
	font-size:18px;
}
.super-time{
	color:#999999;
	font-size: 12px;
	margin-bottom: 10px;
}
.super-btn{
	color:#fffefe;
	font-size: 14px;
	width: 150px;
	height: 40px;
	line-height: 40px;
	background: #ff4400;
	text-align: center;
	border-radius: 5px;
	display: block;
	text-decoration: none;
}
.super-link{
	color:#999999;
	font-size: 12px;
	margin-top: 5px;
	display: inline-block;
	border-bottom: 1px solid #999999;
	text-decoration: none;
}
.super-footer{
	margin-top: 50px;
}
.super-d-con{
	border-top: 1px solid #d7d7d7;
	margin-top: 10px;
	padding: 10px;
	position: relative;
	display: none;
}
.super-detail{
	font-size: 18px;
	color:#333333;
}
.super-detail-list{
	color:#666666;
	font-size: 12px;
}
.super-detail-list p{
	margin: 5px 0;
}
.super-close{
	background: url("close.png") no-repeat;
	width: 25px;
	height: 25px;
	background-size: 100%;
	position: absolute;
	right: 41px;
	top: -13px;
	display: block;
}
.user-top{
	position: relative;
	padding: 10px 0;
	height: 105px;
}
.user-img{
	width: 85px;
	height: 85px;
	border-radius: 50%;
	position: absolute;
	left: 10px;
	top: 10px;
}
.user-main{
	padding-left: 110px;
	padding-top: 20px;
}
.user-name{
	color:#333333;
	font-size: 18px;
	font-weight: bold;
}
.user-time{
	color:#999999;
	font-size:12px;
}
.user-item{
	position: relative;
	font-size:15px;
}
.user-item label{
	float: left;
	color:#5c5c5c;
	padding-left: 10px;
}
.user-item-gray{
	padding: 10px;
}
.user-item-gray1{
	padding-top: 0;
}
.user-item-gray2{
	padding: 15px 10px;
}
.user-item-gray label{
	color:#2c97cd;
}
.user-right{
	float: right;
	margin-right: 15px;
	text-decoration: none;
}

.user-right2{
	color:#2c97cd;
}
.icon-right{
	position: absolute;
	background: url("right.png") no-repeat;
	width: 8px;
	height: 16px;
	background-size: 100%;
	right: 0;
	top: 2px;
}
.icon-right2{
	top: 12px;
	right: 10px;
}
.user-item-white .user-item{
	background: #ffffff;
	line-height: 50px;
	border-top:1px solid #d7d7d7;
	padding: 0 10px;
}
.user-item-white .user-right{
	color:#b8b8b8;
}
.user-item-white .icon-right{
	right: 8px;
	top: 17px;
}
.user-link {
	display: block;
	color: #868686;
	float: right;
	text-decoration: none;
}
.mb40{
	margin-bottom: 40px;
}
.find_suc_text1{
	font-size: 30px;
	color:#2c97cd;
	font-weight: bold;
}
.find_suc_text5{
    font-size: 30px;
    color:#2c97cd;
    font-weight: bold;
    margin-top: 8px;
}
.find_suc2{
	padding-top:8%;
}
.find_suc3{
    padding-top: 10%;
}

.find_suc_text2{
	width: 70%;
	margin: 10px auto;
}

.find_suc_text3{
	text-align: right;
	margin-top: 10px;
	margin-right: 10px;
	color:#999;
}
.find_suc_text3 a{
    text-decoration: underline!important;
    color:#2c97cd;
}
.find_suc_text4{
    width: 70%;
    margin: 10px auto 21px;
}
.find_suc_icon{
	background: url("ok.png") no-repeat center;
	width: 142px;
	height: 142px;
	background-size: 100%;
	display: inline-block;
	margin-top: 20%;
}
.phone-text1{
	color:#2c97cd;
	font-size: 30px;
	font-weight: bold;
}
.phone-text2{
	margin-top: 10px;
	color:#333333;
}
.phone-text2 span{
	text-decoration: underline;
	color:#2c97cd;
}
.phone-text3{
	margin-top: 5px;
	color:#999999;
}
.phone-text4{
	margin-top: 50px;
	color:#999999;
}
.phone-text44{
	display: inline-block;
	position: relative;
}
.phone-more{
	background: url("sb.png") no-repeat;
	width: 17px;
	height: 26px;
	background-size: 100%;
	position: absolute;
	right: -20px;
	top: 10px;
}
.phone-btn{
	margin-top: 20px;
	margin-bottom: 20px;
}
.phone-btn1,.phone-btn2{
	color:#fff;
	background: #2c97cd;
	display: inline-block;
	width: 40%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	margin-right: 3%;
}
.phone-btn2{
	background: #ff4301;
}
.footer-link{
	overflow: hidden;
}
.my-text{
	float: left;
}
.my-item span{
	color:#666666;
}
.my-item{
	position: relative;
	padding: 10px 10px;
	color:#999999;
}
.my-con{
	border:1px solid #d7d7d7;
	border-radius: 5px;
	margin: 20px 10px;
	padding-bottom: 20px;
}
.my-item-first{
	border-bottom:1px solid #d7d7d7;
}
.my-item span.orange{
	color:#ff4400;
}
.form-ok-btn{
	width: 90%;
	display: block;
	margin: 50px auto 0;
    text-decoration: none;
    color: #fff;
}
.form-ok-btn:hover{
    color: #fff;
}

/*.footer-phone{*/
    /*text-align: center;*/
    /*color: #999999;*/
    /*margin: 5px 0;*/
/*}*/

.cuti{
    font-weight: bold;
}

.banner
{
    width: 100%;
    max-width: 640px;
    overflow: hidden;
    position: relative;
}

.banner img
{
    width: 100%;
    max-width: 640px;
}

.banner ul{
    margin: 0;
    padding: 0;
}

.banner ul li{
    list-style: none;
    float: left;
}

.banner #slider3-pager
{
    max-width: 640px;
    height: 10px;
    text-align: center;
    position: absolute;
    bottom: 2px;
    left: 46%;
    z-index: 999;
}

.banner #slider3-pager li{

    margin: 0 1px;
    border-radius: 30px;
    width: 10px;
    height: 10px;
    border: 2px solid #eff0ee;
    background-color: #bebdbd;
}
.banner #slider3-pager li a {
    width: 100%;
    height:100%;
    display: block;
}

.banner #slider3-pager .rslides_here{
    border: 2px solid #eff0ee;
    background-color: #2c282c;
}

/*.banner #slider3-pager li.rslides_here{*/
    /*border: 2px solid #eff0ee;*/
    /*background-color: #2c282c;*/
/*}*/

.f_l{
    float: left;
}

.tishi{
    padding-left: 20%;
    margin-bottom:30px;
    width: 100%;
    height:85px;
    border-bottom: 1px solid #d7d7d7;
}

#slider3 {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0 auto;
}

.load{
    text-align: center;

}

.load .loading
{
    width: 110px;
    height: 156px;
}

/*6-11新增样式*/
.user_wd{ text-align:right;width:80%;}

li{list-style:none;}
ul.productLi {overflow: hidden;clear: both; background:#fff;margin:0px 10px;padding:0}
ul.productLi li {float: left;box-sizing: border-box;margin:0;padding:0}

ul.productLi li.product0 {width: 40%;height:200px;border-right: 1px solid #d7d7d7;position: relative;padding:10px;}
ul.productLi li.product0 i{ position:absolute;bottom:5px;right:12px; text-align:right;}
ul.productLi li.product0 i img{width:70%; }
ul.productLi li.product0 h2{margin:0;padding:0px;line-height:25px; font-size:18px; font-weight:normal}
ul.productLi li.product0 p{ color:#bdbdbd; font-size:13px;margin:0;padding:5px 0;}

ul.productLi li.product1 { width: 60%;height:200px;}
ul.productLi li.product1 div{border-bottom: 1px solid #d7d7d7;height:100px;position: relative;padding:10px;}
ul.productLi li.product1 div i{ position:absolute;top:2px;right:12px; text-align:right;}
ul.productLi li.product1 div i img{width:65%; }
ul.productLi li.product1 div h2{margin:0;padding:0px;line-height:25px; font-size:18px; font-weight:normal}
ul.productLi li.product1 div p{ color:#bdbdbd; font-size:13px;margin:0;padding:5px 0;}

ul.productLi li.product1 div.end{border-bottom:0px solid #d7d7d7;}