@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;list-style:none;}
html{font-size:50px;}
body{font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;color:#666;line-height:100%;-webkit-text-size-adjust:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color:#fff;}
h1,h2,h3,h4,h5,h6{font-weight:500;}
abbr,article,aside,audio,canvas,datalist,details,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block;/*width:100%*/}
em,address,i{font-style:normal}
a{color:#666;text-decoration:none;cursor: pointer;}
a:visited,
a:active{color: #666;}
a img{border:none;}
img{vertical-align:middle;}
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height:0; height:0}
input:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-modify:read-write-plaintext-only;
    outline: none;
}


html,body{height: 100%;}
body{ max-width:750px;min-width: 300px; margin:0 auto;font-size: .24rem;}
.container{min-height: 100%;overflow: hidden;background-color:#f5f5f5;}
.numbCard img{width: 100%;}
.numbCard .header{position: fixed;top: 0;left: 0;z-index:99;width: 100%;height: .88rem;background-color:rgba(0,0,0,.18);}
.numbCard .search{position:relative;width: 53%;margin:.15rem auto;}
.numbCard .search:after{content: '';position: absolute;bottom: 0;left: -.02rem;z-index:-1;width: 100%;height:40%;border: solid 1px #fff;border-top: none;}
.numbCard .inp-search{width:100%;height:.58rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .12rem;font-size:.24rem;color:#fff;background-color: transparent;border: none;}
input::-webkit-input-placeholder{
color: #fff;
}
input:-moz-placeholder{
color: #fff;
}
input::-moz-placeholder{
color: #fff;
}
input:-ms-input-placeholder{
color: #fff;
} 
.numbCard .btn-search{position: absolute;top: 0;right: 0;width: .5rem;height: 100%;border: none;background: url(../images/search.png) center no-repeat;background-size:48% auto;cursor: pointer;}
.numbCard .menu-switch{position: absolute;top: 0;right: 0;width: 1rem;height: 100%;background: url(../images/menu-switch.png) center no-repeat;background-size:44% auto;cursor: pointer;}
.numbCard .menu{display:none;position:absolute;top:100%;left:0;width:100%;background-color:#fff;}
.numbCard .menu:before{content: '';position: absolute;top: -.2rem;right: .4rem;width: 0;height: 0;overflow:hidden;border-width: .12rem;border-color: transparent transparent #fff transparent;
border-style: dashed dashed solid dashed;}
.numbCard .menu .list{margin: .5rem 0 .25rem;}
.numbCard .menu .list li{padding:0 6.66%;font-size:.32rem;line-height: 1rem;cursor: pointer;border-bottom: solid 1px #dfdfdf;}
.numbCard .menu .list li:last-child{border-bottom: none;}
.numbCard .menu .close{position: absolute;top: .24rem;right: .36rem;width: .26rem;height: .26rem;background: url(../images/menu-close.png) no-repeat;background-size: contain;cursor: pointer;}
.list1{overflow: hidden;padding:.3rem 0;text-align: center;background-color:#fff;}
.list1 li{position:relative;float: left;width: 25%;}
.list1 a{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.list1 img{width: .88rem;}
.list1 .img{display: block;}
.list1 .name{display: block;margin:.12rem 0 .05rem;font-size: .2rem;color: #697689;}
.boxtitle{position:relative;}
.boxtitle h2{padding:.4rem 0;font-size: .26rem;color: #000;text-align: center;line-height: 100%;}
.boxtitle .more{position: absolute;right: 5.6%;top: .4rem;font-size: .21rem;color: #888;line-height: 100%;}
.boxtitle .more i{display: inline-block;width: .2rem;height: .2rem;margin:0 0 0 .1rem;background: url(../images/more.png) no-repeat;background-size: contain;}
.list2{overflow: hidden; background-color: #FFFFFF;}
/*.list2 li{position:relative;float: left;width: 42%;height:2.45rem;margin:0 0 0 5.33%;text-align:center;background-color:#fff;}
.list2 h4{padding:.28rem 0 0;font-size: .22rem;color: #697689;line-height: 100%;}
.list2 p{height:2.2em;margin:.15rem 0 .2rem;overflow:hidden;font-size: .18rem;color: #666;line-height: 120%;}
.list2 img{width:auto;height:.88rem;}
.list2 a{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}*/
.list2 img{
	display: block;
	width: 100%;
}
.list2 li{
	position: relative;
	width: 100%;
	background-color: #f5f5f5;
	padding: 0.3rem 2%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom: 0.2rem;
}
.dis{
	position: absolute;
	left: 0;
	top: 0;
	width: 13%;
	z-index: 9;
}
.list2 li .d-l{
	position: relative;
	width: 35%;
	float: left;
}
.list2 li .d-r{
	position: relative;
	width: 65%;
	padding-left: 3%;
	float: left;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.list2 li .d-r .p1{
	position: relative;
	font-size: .28rem;
	color: #697689;
	line-height: .3rem;
	font-weight: bold;
	padding: 0.1rem 0;
}
.list2 li .d-r .p1:before
{
	display: inline-block;
	content:"•";
	color:#ffa225;
	font-weight:bold;
	font-size: 0.40rem;
	vertical-align: middle;
	padding-right: 0.1rem;
}
.list2 li .d-r .green:before
{
	color:#64bf0d;
}
.list2 li .d-r .red:before
{
	color:#ff3a5a;
}
.list2 li .d-r .p2{
	position: relative;
	font-size: .28rem;
	color: #666;
	line-height: .3rem;
	padding: 0.1rem 0;
	
}
.list2 li .d-r .d3{
	position: relative;
	width: 100%;
	font-size: .28rem;
	margin-top: 0.1rem;
}
.list2 li .d-r .d3 span{
	display: inline-block;
	width: 30%;
	vertical-align: middle;
}
.list2 li .d-r .d3 span em{
	font-weight:bold;
	font-size: 0.40rem;
	color:#c9106d;
}
.list2 li .d-r .d3 a.a1{
	display: inline-block;
	width: 30%;
	color: #6cd8e2;
}
.list2 li .d-r .d3 a.a2{
	display: inline-block;
	width: 35%;
	position: relative;
	font-size: 0.25rem;
	line-height: 0.5rem;
	text-align: center;
	color: #ffffff;
	background-color: #e10279;
	border-radius: 0.4rem;
	margin: 0 2.5%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}




.contrast{margin:.5rem 0 0;background-color:#fff;}
.cttitle{text-align: center;}
.cttitle h2{padding:0 0 .1rem;font-size: .26rem;color: #000;text-align: center;line-height: 100%;}
.cttitle .blue{font-size: .18rem;}
a.blue{color: #30b4ff;}
.carousel{margin:.2rem 0 0;height: 2.0rem;}
.carousel .swiper-slide{position:relative;width: 2.64rem;height: 1.65rem;background-position: center;background-size: cover;border-radius:.1rem;box-shadow: .03rem .03rem .08rem rgba(0,0,0,.2), -.03rem .03rem .08rem rgba(0,0,0,.2);box-reflect: below -.2rem linear-gradient(bottom, rgba(255,255,255,0.3) 0%, transparent 40%, transparent 100%);-webkit-box-reflect: below 0 -webkit-linear-gradient(bottom, rgba(255,255,255,0.3) 0%, transparent 40%, transparent 100%);}
.rmtitle h2{padding:.4rem 0 0;font-size: .26rem;color: #000;text-align: center;line-height: 100%;}
.rmtitle p{padding:.15rem 0 .25rem;font-size: .18rem;color: #666;line-height: 100%;text-align: center;}
.rmlist{overflow: hidden;padding: 0 0 .12rem 0;}
.rm-item{position:relative;float: left;width: 73.33%;height: 3rem;margin:0 .25rem;padding:.2rem 6.4%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;border: solid 1px #dbdbdb;}
.rm-item h3{position:relative;padding:.06rem .8rem 0 .44rem;height:.56rem;-webkit-box-sizing:border-box;box-sizing:border-box;font-size: .2rem;color: #000;line-height: 100%;}
.rm-item h3:before{content: '';position: absolute;top: 0;left: 0;width: .36rem;height: .36rem;background: url(../images/q.png) no-repeat;background-size: contain;}
.chooselist{overflow: hidden;}
.chooselist li{float: left;width: 46.5%;margin:0 0 .18rem 7%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;font-size: .22rem;color: #888;line-height: .48rem;text-align: center;border: solid 1px #dfdfdf;cursor: pointer;}
.chooselist li:nth-child(odd){margin-left: 0;}
.chooselist .curr{color: #fff;border-color: #45bcff;background-color:#7dd0ff;}
.btn-recomm{display: block;width: 54%;height: .58rem;margin:0 auto;line-height:.58rem;text-align:center;font-size:.22rem;color:#fff;background-color:#e30077;border-radius: .06rem;}
.btn-recomm:visited,
.btn-recomm:active{color: #fff;}
.rm-item .btn-pre{position: absolute;top: .24rem;right:8.5%;z-index:1;font-size: .2rem;color: #30b4ff;}
.rm-item.swiper-slide-active{box-shadow: .12rem .12rem 0 rgba(71,71,71,.08);}
#footer{padding:.85rem 0;font-size:.18rem;color:#4e4e4e;text-align: center;}
.f-nav{display:table;width:80%;margin:0 auto;line-height: .24rem;}
.f-nav li{display: table-cell;border-left: solid 1px #878787;}
.f-nav li:first-child{border-left:none;}
.copyright{padding: .36rem 0 0;}

.nav{
	width:100%;overflow: hidden;
	padding:.3rem 0;
	border-bottom:1px solid #eeeeee;background-color:#fff;
	}
.nav li{
	width:20%;
	float:left;
	}
.nav li:first-child{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-right:1px solid #eeeeee;
	}
.nav li a{
	display:block;
	text-decoration:none;
	text-align:center;
	}
.nav li a p{
	font-size:.24rem;
	color:#666666;
	margin-top:.2rem;
	}
.nav img{width: auto;height: .42rem;}

/*比较*/
.compare-infos{overflow:hidden;text-align: center; margin-top:12.2%;}
.compare-infos .cp-names{overflow:hidden;min-height:.88rem;font-size: .28rem;color: #446ca6;line-height:.88rem;border-bottom: solid 1px #b6c4d7;background-color:#e2ebf8;}
.compare-infos .cp-names li{float: left;width:50%;}
.compare-infos .cp-imgs{position:relative;overflow:hidden;height:2.4rem;background-color:#fff;}
.compare-infos .cp-imgs li{float: left;width:50%;padding:.76rem 0;-webkit-box-sizing:border-box;box-sizing:border-box;border-right: solid 1px #dfdfdf;}
.compare-infos .cp-imgs li:nth-child(2){border-right: none;}
.compare-infos .cp-imgs li span{position:relative;display: inline-block;max-width: 38%;}
.compare-infos .cp-imgs img{max-width:100%;}
.compare-infos .cp-imgs .i-del{position: absolute;top:-.16rem;right:-.16rem;width: .32rem;height: .32rem;background: url(../images/compare-del.png) no-repeat;background-size:cover;cursor: pointer;}
.compare-infos .addcompare{float:left;width:50%;height: 2.4rem;padding:.86rem 0 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;font-size: .24rem;color: #446ca6;line-height: .66rem;cursor: pointer;}
.compare-infos .i-add{display: inline-block;width: .66rem;height: .66rem;margin:-.04rem .12rem 0 0;vertical-align:middle;background: url(../images/compare-add.png) no-repeat;background-size: 100% 100%;}
.compare-box{overflow: hidden;}
.compare-h2{font-size: .26rem;color: #000;line-height: .88rem;text-align: center;}
.compare-ul{overflow:hidden;min-height: 1rem;font-size:.2rem;color:#666;line-height:200%;background-color:#fff;}
.compare-ul li{float: left;width: 50%;padding:6% 3.5% 6% 4.6%;-webkit-box-sizing:border-box;box-sizing:border-box;border-right: solid 1px #dfdfdf;}
.compare-ul li:nth-child(2){border-right: none;}
.compare-ul .ul-dl{padding: 0 0 .14rem 0;}
.compare-ul .ul-dl dt{font-size: 1.3em;color: #6382b3;}
.compare-monthfee .compare-ul li{font-size: .24rem;color: #7b97c3;text-align: center;}
.compare-monthfee .compare-ul strong{font-size: 2.5em;line-height: 100%;}
.compare-preferential{margin-bottom:1rem;}
.compare-preferential .compare-ul li{padding:3.5% 4.6% 6.2%;}
a.btn-detail{display:block;width: 80%;margin:.1rem auto 0;font-size:.3rem;color:#fff;line-height: .7rem;text-align: center;background-color:#ff5a5a;border-radius: .06rem;}

/*弹窗*/
#screen{position:fixed;top:0;left:0;z-index:998;width:100%;height:100%;background-color:rgba(0,0,0,.6);}
.pop-compare{display:none;position: fixed;top: 0;left: 0;z-index:9998;width:100%;text-align:center;background-color:#fff;}
.pop-compare .cards-tab ul{display:table;width:100%;table-layout:fixed;background-color:#e2ebf8;}
.pop-compare .cards-tab li{position:relative;display:table-cell;line-height:.88rem;font-size: .28rem;color: #446ca6;cursor: pointer;}
.pop-compare .cards-tab .curr{/*font-weight: bold;*/}
.pop-compare .cards-list{position:relative;min-height:2.6rem;padding: 5.7% 0 4.6% 0;}
.pop-compare .arrow{display:none;position: absolute;bottom:0;left:50%;width: 0;height: 0;margin:0 0 0 -.14rem;border-width: .14rem;border-color: transparent transparent #fff transparent;
border-style: dashed dashed solid dashed;}
.pop-compare .curr .arrow{display: block;}
.pop-compare .cards-list ul{overflow: hidden;}
.pop-compare .cards-list li{float: left;width:26%;height:.88rem;overflow:hidden;margin:0 0 5.4% 5.4%;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:.84rem;font-size: .24rem;color: #7a9dd0;cursor: pointer;border: solid 1px #d1dff2;border-radius: .06rem;white-space: nowrap;}
.pop-compare .cards-list .curr{padding:0;color:#ff5a5a;border-color:#ff5a5a;background: url(../images/pop-cards-curr.png) right bottom no-repeat;background-size:.33rem auto;}
.pop-compare a.btn-sure{display:block;width: 27%;margin:0 auto .56rem;font-size:.3rem;color:#fff;line-height: .7rem;text-align: center;background-color:#ff5a5a;border-radius: .06rem;}


@media all and (min-width:751px){
	.numbCard .header,
	.pop-compare{left:50%;width: 750px;margin-left:-375px;}
	.numbCard .search:after,
	.pop-compare .cards-list .curr{border-width: 2px;}
}