@charset "utf-8";
/* CSS Document */

*{
margin: 0;
padding: 0;
}

body{
    font-size: 16px;
    font-family: "Microsoft Yahei";
    color: #666666;	
}

ul,
li{
	list-style: none;
}

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

img {
    max-width: 100%;
    display: block;
	border: none;
}

input,
textarea {
    -webkit-appearance: none;
    border-radius: 0;
}

input,
textarea,
button,
a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.wrapper{
	max-width: 750px;
	margin: 0 auto;
	height: auto;
	background-color: #f3f3f3;
}
/*logo、搜索框、会员登录、导航栏*/
.top{
	padding: 10px;
    height: auto;
    overflow: hidden;
    position: relative;
	background: #fff;
}
.logo{
	float: left;
	width: 28%;
	height: auto;
}

.search-index{
    width: 40%;
    float: left;
    margin-top: 8px;
    margin-left: 20px;
}

.search-index input{
    outline: none;
    width: 100%;
    border:1px solid #1172ed;
    height: 3rem;
    line-height: 3rem;
    border-radius: 18px;
	text-align: right;
    padding-right: 10px;
	color: #1172ed;
    box-sizing: border-box;
    background: url('../images/search.png') no-repeat 7% center;
}

.login{
	float: left;
	width: 8%;
	height: auto;
    margin-top: 8px;
    margin-left: 20px;
	
}

.nav-bar{
	float: left;
	width: 8%;
	height: auto;
    margin-top: 10px;
    margin-left: 12px;

}
	
/*导航*/
.nav {
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    background: #1172ed;
    color: #ffffff;
    z-index: 100;
}

.nav-scroll {
    position: fixed;
    top: 0;
    left: 0;
}

.nav ul li {
    width: 15%;
    text-align: center;
    float: left;
    background-size: 2px 16px;
}

.nav ul li a {
    color: #ffffff;
    display: block;
}	

/*隐藏导航*/
.nav-hide{
	width: 100%;
	height: auto;
	overflow: hidden;
    font-size: 0.875rem;
    display:none;
    background: #ffffff;
	border-top: 1px solid #e6e6e6;
}

.nav-hide a{
	display: block;
}

.nav-hide ul a{
	color: #666;
}

.nav-hide1{
	width: 100%;
	height: auto;
	overflow: hidden;
    font-size: 0.875rem;
    display:none;
    background: #ffffff;
	border-top: 1px solid #e6e6e6;
}

.nav-hide1 a{
	display: block;
}

.nav-hide1 ul a{
	color: #666;
}

.subnav1{
	width: 100%;
	height: 4.8rem;
}


.subnav3{
	width: 100%;
	height: 2.4rem;
	border-bottom: 1px solid #e6e6e6;
}

.subnav1>a{
	width: 25%;
	height: 4.8rem;
	line-height: 4.8rem;
	padding-left: 12%;
	display: block;
	float: left;
	font-size: 1rem;
	border-bottom: 1px solid #e6e6e6;
	box-sizing: border-box;
}


.subnav3>a{
	width: 13%;
	height: 2.4rem;
	line-height: 2.4rem;
	padding-left: 12%;
	display: block;
	float: left;
	font-size: 1rem;
}

.subnav1 ul li{
	width: 25%;
	height: 2.4rem;
	line-height: 2.4rem;
	text-align: center;
	float: left;
	border-left:  1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	box-sizing: border-box;
}

.subnav2{
	width: 100%;
	height: 7.2rem;

}
.subnav2>a{
	width: 25%;
	height: 7.2rem;
	line-height: 7.2rem;
	padding-left: 12%;
	display: block;
	float: left;
	font-size: 1rem;
}

.subnav2 ul li{
	width: 25%;
	height: 2.4rem;
	line-height: 2.4rem;
	text-align: center;
	float: left;
	border-left:  1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	box-sizing: border-box;
}

.subnav3 ul li{
	width: 25%;
	height: 2.4rem;
	line-height: 2.4rem;
	text-align: center;
	float: left;
	border-left:  1px solid #e6e6e6;
	box-sizing: border-box;
}

.icon1{
	background: url('../images/icon1.png') no-repeat 25% center;
	background-size: 20%;
	border-bottom: 1px solid #e6e6e6;
	box-sizing: border-box;}

.icon2{
	background: url('../images/icon2.png') no-repeat 25% center;
	background-size: 20%;
	border-bottom: 1px solid #e6e6e6;
	box-sizing: border-box;

}

.icon3{
	background: url('../images/icon3.png') no-repeat 25% center;
	background-size: 20%;
}

.icon4{
	background: url('../images/icon4.png') no-repeat 25% center;
	background-size: 20%;
}

.icon5{
	background: url('../images/icon5.png') no-repeat 25% center;
	background-size: 20%;
}

.icon6{
	background: url('../images/icon6.png') no-repeat 25% center;
	background-size: 20%;
}
.icon7{
	background: url('../images/icon7.png') no-repeat 25% center;
	background-size: 20%;
	border-bottom: 1px solid #e6e6e6;
	box-sizing: border-box;}
.icon8{
	background: url('../images/icon8.png') no-repeat 25% center;
	background-size: 20%;
}
.icon9{
	background: url('../images/icon9.png') no-repeat 25% center;
	background-size: 20%;
}
	
/*幻灯片*/
.box_swipe {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin: 0 auto 10px auto;
	padding-top: 0px;
	background-color: #fff;
}

.box_swipe ul {
    -webkit-padding-start: 0px;
}

.box_swipe ul li {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.box_swipe ul li a {
    display: block;
    position: relative;
}

.box_swipe ul li p {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2rem;
    line-height: 2rem;
    width: 96%;
    padding: 0 2%;
    background-color: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    font-size: 0.875rem;
}

.box_swipe>ol {
    position: absolute;
    z-index: 10;
    bottom: 5px;
    right: 10px;
}

.box_swipe>ol>li {
    display: inline-block;
    margin: 5px 0;
    width: 8px;
    height: 8px;
    background-color: #b5b5b5;
    border-radius: 8px;
}

.box_swipe>ol>li.on {
    background-color: #1172ed;
}


/*新闻*/
.news-box,.collection-box{
    width: 100%;
    height: auto;
    overflow: hidden;
	background: #fff;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.title1 {
    width: 100%;
    height: 2.1rem;
    line-height: 2.1rem;
	font-weight: 500;
}

.title1 ul{
	margin: 12px 3%;
}

.title1 ul li {
    float: left;
    width: 24%;
    box-sizing: border-box;
    text-align: center;
}

.title1 ul li a{
	color: #000;
}

.title1 ul li:first-child{
	margin-right: 10px;
}

.title1 ul li.on {
	border-radius: 20px;
    border: 1px solid #1172ed;
    color: #1172ed;
}

.title1 ul li:last-child {
    border-right: none;
}

.new-lists {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.new-lists .news-d {
    padding: 10px 3%;
    height: auto;
    overflow: hidden;
    width: 94%;
    border-bottom: 1px solid #eeeeee;
    position: relative;
}

.new-lists .news-d:last-child {
    border-bottom: none;
}

.new-lists .news-d a {
    display: block;
    height: auto;
    overflow: hidden;
}

.new-lists .news-d a img {
    float: left;
    width: 35%;
    min-height: 60px;
}

.new-lists .news-d a .news-tit {
    width: 60%;
    float: right;
    height: auto;
    overflow: hidden;
}

.new-lists .news-d a .news-tit h2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: normal;
    color: #333;
}

.new-lists .news-d a .news-tit span {
    position: absolute;
   /*  left: 40%; */
    bottom: 10px;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.2rem;
}

.news-tit span{
	color: #999;
}

.new-lists .news-d a .news-tit span b {
    font-weight: normal;
    color: #ffc12d;
}

.new-lists .news-d a .news-tit span b.red {
    font-weight: normal;
    color: #ff0000;
}

.news-tit h2 b{
	color: #ff802b;
    font-weight: normal;
}

.load-more {
    width: 94%;
    margin: 0 auto 10px auto;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    color: #555;
}

.load-more a {
    display: block;
    color: #555;
}

.load-more a span {
    display: inline-block;
    width: 20px;
    height: 20px;
	margin-left: 5px;
    vertical-align: middle;
    background: url(../../images/wap_img/jtb.png) no-repeat center;
	background-size: auto 60%;
}

/*车型*/
.models {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 10px;
	background-color: #fff;
	border-bottom: 1px solid #e6e6e6;
}

.ad{
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

.title2 {
    width: 97%;
	margin-left: 3%;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 1rem;
    font-weight: bold;
	border-left: 2px solid #1172ed;
    color: #1172ed;
    text-indent: 10px;
}

/*图片*/
.pics {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 10px;
	background-color: #fff;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.pics-box {
    width: 94%;
    margin: 15px auto 0 auto;
    height: auto;
    overflow: hidden;
}

.pics-box ul {
    height: auto;
    overflow: hidden;
}

.pics-box ul li {
    float: left;
    width: 48%;
    margin-bottom: 10px;
    font-size: 0.875rem;
    line-height: 1.625rem;
	clear: left;
}

.pics-box ul li .video-lists {
    position: relative;
    height: auto;
    overflow: hidden;
}

@media screen and (max-width: 320px) {
    .pics-box ul li .video-lists img {
        min-height: 100px;
    }
}

@media screen and (min-width: 321px) and (max-width: 413px) {
    .pics-box ul li .video-lists img {
        min-height: 114px;
    }
}

@media screen and (min-width: 414px) {
    .pics-box ul li .video-lists img {
        min-height: 125px;
    }
}

.pics-box ul li a {
    display: block;
}

.pics-box ul li a p {
	width: 100%;
	height: auto;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: normal;
    color: #333;
    word-break: break-all;
}

.pics-box ul li:nth-child(2n+0) {
    float: right;
	clear: right;
}

.pics-box ul li .mask {
    position: absolute;
    left: 50%;
    top: 50%;
    background: url("../images/video.png") no-repeat;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    background-size: cover;
}


/*热门品牌*/
.brand{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 10px;
	background-color: #fff;
	border-top: 1px solid #e6e6e6;
}

.brand .title2{
	margin-top: 12px;
}

.brand-lists {
    width: 94%;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
}

.brand-lists ul li {
    float: left;
    width: 18%;
    height: auto;
    overflow: hidden;
    margin-right: 2.5%;
    margin-top: 10px;
}

.brand-lists ul li:nth-child(5n+0) {
    margin-right: 0;
}

.brand-lists ul li a {
    display: block;
}

.brand-lists ul li p {
    width: 100%;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
    font-size: 0.75rem;
    overflow: hidden;
    color: #555;
}

.brand-lists ul li p.more {
    color: #fdc12f;
}

.brand-lists ul li img {
    width: 100%;
    box-sizing: border-box;
}

/*底部搜索*/
.search{
    width: 94%;
    float: left;
	padding: 4% 3%;
	background-color: #fff;
}

.search input{
    outline: none;
    width: 100%;
    border:1px solid #1172ed;
    height: 2rem;
    line-height: 2rem;
    border-radius: 18px;
	text-align: right;
    padding-right: 10px;
	color: #1172ed;
    box-sizing: border-box;
    background: url(../../images/wap_img/search.png) no-repeat 4% center;
}

/*底部*/
.footer {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 30px;
    text-align: center;
    line-height: 2rem;
    color: #999999;
	background-color: #fff;
}

.footer p {
    color: #000000;
    font-size: 1rem;
}

.footer p a{
    color: #1172ed;
    margin: 0 10px;
}

.footer a {
    font-size: 1rem;
}


/*悬浮框*/
.side-bar {
    position: fixed;
    width: 40px;
    height: 130px;
    right: 20px;
    bottom: 130px;
    display: none;
}

.side-bar .top-bar {
    width: 40px;
    height: 40px;
    text-align: center;
	border-radius: 50%;
	color: #ffffff;
    line-height: 40px;
    margin-bottom: 10px;
    font-size: 1.5rem;
	background: #edb711 url(../../images/wap_img/top.png) no-repeat center 55%; 
    padding: 0;
}

.side-bar .fk {
    width: 40px;
    height: 40px;
    text-align: center;
	border-radius: 50%;
    color: #ffffff;
	background: #1172ed  url(../../images/wap_img/feedback.png) no-repeat center 55%;
    line-height: 40px;
    font-size: 0.875rem;
}

.side-bar a {
    color: #ffffff;
    display: block;
}

/*会员登录*/
.login-top{
	width: 94%;
	padding: 2%;
	height: 2.6rem;
}

.back{
	float:left;
	width: 8%;
	height: auto;
	display: block;
	margin-top: 1%;
}
.back img{
	width: 45%;
}

.register-btn{
	float:right;
	color: #1172ed;
}

.login-logo{
	width: 100%;
	height: auto;
	text-align: center;
}

.login-logo img{
	width: 50%;
	height: auto;
	margin: 0 auto;
}

.login-way{
	width: 100%;
	height: auto;
	padding: 1rem 0 2rem 0;
	border-bottom: 1px solid #d1d1d1;
	font-size: 1.1rem;
	margin-top: 1rem;
}

.login-way div{
	width: 50%;
	height: 1rem;
	line-height: 1rem;
	display: block;
	float: left;
	text-align: center;
	box-sizing: border-box;
}

.login-way div:first-child{
	border-right: 1px solid #d1d1d1;
}

.login-way a.on{
	color: #1172ed;
	border-bottom: 2px solid #1172ed;
	padding-bottom: 0.7rem;
}

.login-box{
	width: 90%;
	height: auto;
	padding: 0 5%;
	background-color: #fbfbfb;
	padding-bottom: 3.2rem;
	border-bottom: 1px solid #d1d1d1;
}

.input-phone{
	width: 90%;
	height: 2.5rem;
	margin-top: 1rem;
	background: #FFFFFF url(../../images/wap_img/phone.png) no-repeat 5% center;
	background-size: 4%;
	border: 1px solid #dedede;
	border-radius: 30px;
	padding-left: 10%;
	color: #888888;
}

.code-box{
	width: 100%;
	height: 2.5rem;
	margin-top: 1rem;
}

.input-code{
	float: left;
	width: 60%;
	height: 2.5rem;
	background: #FFFFFF url(../../images/wap_img/code.png) no-repeat 5% center;
	background-size: 6%;
	border: 1px solid #dedede;
	border-radius: 30px;
	padding-left: 10%;
	color: #888888;
}
.code-box a{
	float: right;
	width: 22%;
	padding-top: 3%;
	display: block;
	
}


.input-key{
	float: left;
	width: 60%;
	height: 2.5rem;
	background: #FFFFFF url(../../images/wap_img/key.png) no-repeat 5% center;
	background-size: 6%;
	border: 1px solid #dedede;
	border-radius: 30px;
	padding-left: 10%;
	color: #888888;
}
.code-box button{
	float: right;
	margin-top: 3%;
	width: 22%;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	border: 1px solid #dedede;
	background-color:#FFFFFF;
	color: #1172ed;
}


.submit{
	width: 100%;
	height: auto;
	margin-top:2rem;
	overflow: hidden;
}

.input-login{
	width: 36%;
	height: 2.2rem;
	line-height: 2.2rem;
	border: none;
	background-color:#1172ed;
	color: #FFFFFF;
	text-align: center;
	border-radius: 30px;
	font-size: 1.1rem;
	margin-left: 32%;
}


.submit a{
	font-size: 1rem;
	color:#1172ed;
	margin-left: 6%;
}



.login-box + .footer,.hy-register + .footer{
	margin-top: 1rem;
}

.input-password{
	width: 90%;
	height: 2.5rem;
	margin-top: 1rem;
	background: #FFFFFF url(../../images/wap_img/key.png) no-repeat 5% center;
	background-size: 4%;
	border: 1px solid #dedede;
	border-radius: 30px;
	padding-left: 10%;
	color: #888888;
}

.register-forget{
	margin-top: 2rem;
	overflow: hidden;
}
.register-forget a{
	width: 50%;
	display: block;
	float: left;
	text-align: center;
}

.register-forget a:last-child{
	color:#1172ed;
}

/*会员注册*/
.top-bar{
	width: 94%;
	padding: 6px 3%;
	background-color: #1172ed;
	text-align: center;
	overflow: hidden;
	
}

.top-bar-title{
	color: #FFFFFF;
}
.top-bar-title a{
	float:right;
	color: #FFFFFF;
}

.top-bar-title2{
	width: 62%;
	float: left;
	color: #FFFFFF;
	padding-left: 10%;
	text-indent: 10px;
	font-size: 1.2rem;
	line-height: 1.9rem;
}

.top-bar-title{
	width: 69%;
	float: left;
	color: #FFFFFF;
	padding-left: 10%;
	text-indent: 10px;
	font-size: 1.2rem;
	line-height: 1.5rem;
}

.top-bar-icon .login{
	margin-left: 0;
	margin-top: 0;
}

.top-bar-icon .nav-bar{
	margin-top: 2px;
}


.hy-register{
	width: 90%;
	height: auto;
	padding: 5%;
	padding-bottom: 2rem;
	border-bottom: 1px solid #d1d1d1;
	overflow: hidden;
}

.register-box{
	width: 100%;
	height: 2.4rem;
	margin-top: 1rem;
}

.register-input{
	float: left;
	margin-top: 0.8rem;
	width: 96%;
	height: 2.4rem;
	border: 1px solid #dedede;
	border-radius: 10px;
	padding-left: 4%;
	color: #888888;
}

.register-input2{
	float: left;
	margin-top: 0.8rem;
	width: 96%;
	height: 4.8rem;
	background-size: 6%;
	border: 1px solid #dedede;
	border-radius: 10px;
	padding-left: 4%;
	font-size: 0.875rem;
    font-family: "Microsoft Yahei";
	color: #888888;
}


.register-box a{
	float: right;
	margin-top: 0.8rem;
	width: 24%;
	height: 2.4rem;
	line-height: 2.4rem;
	border:none;
	border-radius: 8px;
	box-sizing: border-box;
	display: block;
	text-align: center;
	
}
.input-code2{
	float: left;
	margin-top: 0.8rem;
	width: 68%;
	height: 2.4rem;
	border: 1px solid #dedede;
	border-radius: 10px;
	padding-left: 4%;
	color: #888888;
}

.input-key2{
	float: left;
	margin-top: 0.8rem;
	width: 68%;
	height: 2.4rem;
	border: 1px solid #dedede;
	border-radius: 10px;
	padding-left: 4%;
	color: #888888;
}
.register-box button{
	float: right;
	margin-top: 0.8rem;
	width: 24%;
	height: 2.4rem;
	line-height: 2.4rem;
	text-align: center;
	border: 1px solid #dedede;
	border-radius: 8px;
	background-color:#fafafa;
	color: #1172ed;
}

.hy-register-btn{
	width: 40%;
	height: 2.2rem;
	line-height: 2.2rem;
	border: none;
	background-color:#1172ed;
	color: #FFFFFF;
	text-align: center;
	border-radius: 30px;
	margin-left: 30%;
	margin-top: 2.2rem;
}

.declare{
	font-size: 0.875rem; 
	line-height: 1.6rem;
	margin-top: 1.5rem;
	color: #666666;
}

.declare span,.declare a{
	color: #1172ed;
}

.apart{
	width: 100%;
	height: 0.8rem;
	background-color: #f3f3f3;
	border-bottom: 1px solid #d1d1d1;
	margin-bottom: 1rem;
}

.apart2{
	width: 100%;
	height: 0.8rem;
	margin-top: 10px;
	background-color: #f3f3f3;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	margin-bottom: 1rem;
}

.apart3{
	width: 100%;
	height: 0.8rem;
	background-color: #f3f3f3;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 1rem;
}
	
	
.reset-password > .declare{
	margin-top: 0;
}

.reset-password{
	width: 90%;
	height: auto;
	padding: 5%;
	padding-bottom: 9rem;
	border-bottom: 1px solid #d1d1d1;
	overflow: hidden;
}
.new-password{
	width: 90%;
	height: auto;
	padding: 5%;
	padding-bottom: 16rem;
	border-bottom: 1px solid #d1d1d1;
	overflow: hidden;
}

.new-phone,.find-password{
	width: 90%;
	height: auto;
	padding: 5%;
	padding-bottom: 12rem;
	border-bottom: 1px solid #d1d1d1;
	overflow: hidden;
}

.find-password p{
	font-size: 0.875rem; 
	line-height: 1.6rem;
	color: #666666;
}

.find-password p span{
	color: #ff9000;
}

.find-password p + .register-box{
	margin-top: 0;
}

.reset-password-tit{
	width: 100%;
	padding: 3% 7%;
	border-bottom: 1px solid #e6e6e6;
	overflow: hidden;
}

.reset-password-tit a{
	float: left;
	display: block;
	margin-right: 5%;
}

.reset-password-tit .on{
	color: #1172ed;
}

.find-password-btn{
	margin-top: 1rem;
	width: 100%;
	height: 2.6rem;
	border-radius: 10px;
	text-align: center;
	border: none;
	background-color: #1172ed;
	color: #ffffff;
}
.find-password-btn + .declare{
	margin-top: 1rem;
}


.user-info li{
	width: 100%;
	padding: 0 7%;
	height: 2.7rem;
	line-height: 2.7rem;
	border-bottom: 1px solid #e6e6e6;
	overflow:hidden;
	color: #888888;
}

.user-info li span{
	width: 23%;
	display: block;
	float: left;
	color: #333333;
}

.user-info li input{
	width: 55%;
	float: left;
	height: 2rem;
	line-height: 2rem;
	margin-top: 0.4rem;
	border: 1px solid #d1d1d1;
	box-sizing: border-box;
	border-radius: 10px;
}

.user-info li a{
	float: left;
	color: #888888;
}

.user-info li a:last-child{
	float: left;
	position: absolute;
	right: 2%;
	margin: 4% 0 0 0;
}

.user-info li img{
	width: 50%;
	
}

.edit{
	width:100%; 
	height: auto;
	text-align: center;
}

.edit-btn{
	margin: 8% auto;
	width: 40%;
	height: 2.6rem;
	border-radius: 40px;
	text-align: center;
	border: 1px solid #1172ed;
	background: #ffffff;
	color: #1172ed;
}

.declaration{
	width: 94%;
	padding: 3%;
}

.declaration h3{
	color: #333333;
	font-weight: normal;
	font-size: 1.2rem;
	margin-bottom: 3%;
}
.declaration p{
	color: #555555;
	line-height: 1.65rem;
	margin-bottom: 3%;
}

.declaration .submit{
	margin: 0 0 2rem 0;
}

.news-box .declare{
	margin:0;
	padding: 3%;
	border-bottom: 1px solid #e6e6e6;
}

/*我的收藏*/

.collection-tit{
	width: 100%;
	padding: 2% 0%;
	overflow: hidden;
	line-height: 1.8rem;
	border-bottom: 1px solid #e6e6e6;
}

.collection-tit a{
	float: left;
	width: 20%;
	text-align: center;
	display: block;
}

.collection-tit .on{
	color: #1172ed;
}

.collection {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.collection .new-lists .news-d {
    padding: 10px 3%;
    height: auto;
    overflow: hidden;
    width: 94%;
    border-bottom: 1px solid #eeeeee;
    position: relative;
}

.collection .new-lists .news-d:last-child {
    border-bottom: none;
}

.collection .new-lists .news-d a {
	width: 88%;
    display: block;
    height: auto;
    overflow: hidden;
	float: left;
}

.collection .new-lists .news-d a img {
    float: left;
    width: 30%;
    min-height: 60px;
}

.collection .new-lists .news-d a .news-tit {
    width: 55%;
    float: left;
	margin-left: 3%;
    height: auto;
    overflow: hidden;
}

.collection .new-lists .news-d a .news-tit h2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: normal;
    color: #333;
}

.collection .new-lists .news-d a .news-tit span {
    position: absolute;
    left: 35%;
    bottom: 10px;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.2rem;
}

.delete{
	width: 10%;
	min-height: 60px;
	display: block;
	float: left;
	border: none;
	background: url(../../images/wap_img/delete.png) #efefef no-repeat center center;
	background-size: 58%;
	margin-left: 2%;
}
.collect-hint{
	margin: 3%;
}

.collect-hint a{
	color: #1172ed;
	
}



/*会员中心*/

.member-top{
	width: 90%;
	height: auto;
	padding: 7% 5%;
	overflow: hidden;
}

.member-top img,.member-top div,.member-top input{
	float: left;
}
.member-top img{
	width: 22%;
}

.member-top div{
	margin: 0 5% 0 5%;
	width: 44%;
}

.member-top div h2{
	margin-top: 4%;
	font-size: 1.25rem;
	font-weight: normal;
}

.member-top div p{
	margin-top: 7%;
	background: url(../../images/wap_img/icon10.png) no-repeat left center;
	background-size: 18%;
	padding-left: 26%;
	
}

.member-top input{
	margin: 8% 0 0 0;
	width: 24%;
	height: 2rem;
	border-radius: 40px;
	text-align: center;
	border: 1px solid #1172ed;
	box-sizing: border-box;
	background: #ffffff;
	color: #1172ed;
}

.member-list{
	width: 100%;
	color: #555555;
	border-top: 1px solid #e6e6e6;
}

.member-list li{
	border-bottom: 1px solid #e6e6e6;
}

.member-list li a{
	width: 94%;
	padding-left: 6%;
	height: 3rem;
	line-height: 3rem;
	display: block;
}

.member-list li a img{
	float: left;
	width: 7%;
	margin: 3% 5% 0 0;
}

.member-list li a span{
	color: #f64a4a;
}


.quit{
	width: 100%;
	height: 2rem;
	line-height: 1rem;
	text-align: center;
	display: block;
	border-bottom: 1px solid #e6e6e6;
}

.location{
	width: 94%;
	margin: 0 3%;
	color: #555555;
}



/*专题*/
.subject-tit{
	width: 100%;
	padding: 3% 0%;
	overflow: hidden;
	border-bottom: 1px solid #e6e6e6;
}

.subject-tit a{
	float: left;
	width: 25%;
	text-align: center;
	display: block;
}

.subject-tit .on{
	color: #1172ed;
}

.subject-list{

}

.subject-list li{
	width: 94%;
	height: auto;
	padding: 4% 3%;
	border-bottom: 1px solid #e6e6e6;

}
.subject-list li h2{
	font-size: 1.1rem;
	font-weight: normal;
	color: #333333;
	margin: 2% 0;
}

.subject-list li p{
	font-size: 1rem;
	line-height: 1.6rem;

}

/*收藏*/
.atr-enjoy span.sc {
    background: url(../../images/wap_img/collet.png)no-repeat center center;
}

.atr-enjoy span.sc2 {
    background: url(../../images/wap_img/collet2.png)no-repeat center center;
}

/*配套*/
.parts{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 10px;
	background-color: #fff;
}

.parts .title2{
	margin-top: 10px;
}

.apart2 + .pics{
	border: none;
}

.hy-vip{
	color: #ff2727;
}

.article-des .pages_art .hy-vip-login{
	color: #000000;
}
.article-des .pages_art .hy-vip-login a{
	color: #1172ed;
}

/*会员注册提示信息*/

.hint{
    clear: left;
    font-size: 1rem;
    line-height: 1.6rem;
    margin-top: 10px;
    color: #888888;	
}


/*图片*/
.pic-fs{
	clear: both;
	width: auto;
	height: 3rem;
	margin-top: 1rem;
	padding-left: 32%;
	padding-top: 1rem;
	text-align: center;
}
.pic-share{
	float: left;
	width: 15%;
	height: auto;
    margin-top: 0px;
    margin-right: 40px;
	
}
.pic-fs .collet{
	width: 64px;
	float:left;  
	text-align: center;
	
}

/*友情链接*/
.link{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 10px;
	background-color: #fff;
	border-top: 1px solid #e6e6e6;
}

.link .title2{
	margin-top: 12px;
	margin-bottom: 10px;
}
.link a{
	margin-left: 3%;
	margin-right: 2%;
	line-height: 1.8rem;
}

/*清空筛选项*/
.reset-select{
	float: right;
	margin-right: 10px;
	color: #1172ed;
}

/*分享*/
.am-share { font-size: 14px; border-radius: 0; bottom: 0; left: 0; position: fixed; text-align: center; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 300ms; transition: transform 300ms ; width: 100%; z-index: 8500;}
.am-modal-active { transform: translateY(0px);  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.am-modal-out { z-index: 1109; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) }

.am-share-title { background-color: #f8f8f8; border-bottom: 1px solid #fff; border-top-left-radius: 2px; border-top-right-radius: 2px; color: #555; font-weight: 400; margin: 0 10px; padding: 10px 0 0; text-align: center; }
.am-share-title::after { border-bottom: 1px solid #dfdfdf; content: ""; display: block; height: 0; margin-top: 10px; width: 100%; }

.am-share-footer { margin: 10px; }
.am-share-footer .share_btn { color: #555;  display: block; width: 100%; background-color: #e6e6e6; border: 1px solid #e6e6e6; border-radius: 0; cursor: pointer;  font-size: 16px; font-weight: 400; line-height: 1.2; padding: 0.625em 0; text-align: center; transition: background-color 300ms ease-out 0s, border-color 300ms ease-out 0s; vertical-align: middle; white-space: nowrap;font-family:"微软雅黑";  }

.am-share-sns { background-color: #f8f8f8; border-radius: 0 0 2px 2px; margin: 0 10px; padding-top: 15px; height:auto; zoom:1; overflow:auto; }

.am-share-sns li { margin-bottom: 15px; display: block; float: left; height: auto;  width: 25%; }

.am-share-sns a { color: #555; display: block; text-decoration:none; }
.am-share-sns span { display: block; }

.am-share-sns li i { background-position: center 50%; background-repeat: no-repeat; background-size: 36px 36px; background-color: #ccc; color: #fff; display: inline-block; font-size: 18px; height: 60px; line-height: 36px; margin-bottom: 5px; width: 60px; }
.am-share-sns .share-icon-weibo { background:url(../../images/wap_img/wb.jpg)no-repeat center center;}
.am-share-sns .share-icon-zone { background:url(../../images/wap_img/qq.jpg)no-repeat center center;}
.am-share-sns .share-icon-weixin { background:url(../../images/wap_img/weixin.jpg)no-repeat center center;}

.sharebg { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1100; display:none; }
.sharebg-active { opacity: 1; display:block; }


.link-friend{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 10px;
	background: #ffffff;
}

.link-friend h1.title-a{
	width: 97%;
    margin-left: 3%;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 1rem;
    font-weight: bold;
    border-left: 2px solid #1172ed;
    color: #1172ed;
    text-indent: 10px;
    margin-top: 12px;
}

.links-li{
	width: 100%;
	height: auto;
	overflow: hidden;
	line-height: 30px;
	padding:10px;
	box-sizing: border-box;
}

.links-li a{
	width: calc(100% / 3);
	float: left;
	display: block;
	color: #666666;
	font-size: 14px;
}


.nav-hide-srcoll{
	display: block;
    position: fixed;
    z-index: 999;
    top: 40px;
    left: 0;
}


/* 后加样式 */

.new-lists .news-d a .news-tit span {
    position: absolute;
    color: #999;
    font-size: 12px;
}

.new-lists .news-d a .news-tit span.lm {
    left: 40%;
    bottom: 10px;
    display: none;
}

.new-lists .news-d a .news-tit span.dyl {
    left: calc(70% - 40px);
    left: 40%;
    bottom: 10px;
    width: 60px;
    text-align: left;
    /*padding-left: 20px;*/
    box-sizing: border-box;
    background: url('../images/ydl.png') no-repeat center left;
    background-size: contain;
}


.new-lists .news-d a .news-tit span.date {
    right: 3%;
    bottom: 10px;
}