@charset "utf-8";

html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th {
	padding: 0;
	margin: 0;
	border: 0;
	font-weight: normal;
	font-family: 'font1', Arial, Helvetica, sans-serif;
}

ol, ul {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
input,select{
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
}
i {
    font-style: normal;
}
a {

}
a:focus {
	outline: none;
}
a.hidefocus {
	outline: none
}
.fl {
	float: left;
}
.fr {
	float: right;
}
input[type=text],input[type=submit], input[type=button] {
	-webkit-appearance: none; /*去除iPhone input默认样式}*/
}
input{
	outline: none
}
.clearfix:after {
	display: block;
	content: "";
	clear: both;
	height: 0;
	overflow: hidden;

}
.clearfix{
	zoom: 1;
}
img {
	width: 100%;
	display: block;
}
body { font-size: 12px;
	min-width: 320px;
	max-width: 750px;
	margin: 0 auto;
	position: relative;
	background-size: 100%;
	background: #fff;
}
html,body{font-family: "Microsoft YaHei", "黑体";}

@font-face { font-family:font1; src: url("../../images/dev/TCloudNumber-Regular.ttf");}

.mdd_top a b{display: block;height: 1.7rem;}
.mdd_top a b img{width: 100%;height: 100%;border-radius: .15rem;}
/*头部样式*/
.xdtop{position: fixed;width: 750px; padding: .15rem .3rem; box-sizing: border-box;left:50%; top: 0;height: 1rem;max-width: 100%;transform: translateX(-50%);
transition: All 0.4s ease-in-out;z-index: 101;}
.xdtop h2{font-size: .32rem;text-align: center; line-height: .7rem;opacity: 0;color: #313131;}
.xdtop.on h2{opacity: 1;}
.xdtop.on{background: #f4f4f4;  }

.top3{height: 1rem; position: fixed;width: 750px;max-width: 100%; top: 0;left: 50%;transform: translateX(-50%);z-index: 1000;background: #fff;border-bottom: 1px solid #eee;background: #f4f4f4;}
.top3 h2{font-size: .32rem;text-align: center; color: #313131; line-height: 1rem;font-weight: bold;}
.back2{background: url(../../images/dev/line-list_08.png) center center no-repeat;background-size: 100%;position: absolute; left: .3rem; top:50%; transform: translateY(-50%);width: .2rem;height: .35rem;}
.kfbtn2{position: absolute;width: .36rem; right: 1.2rem;top:50%; transform: translateY(-50%);background: url(../../images/dev/line-list_03.png) no-repeat  center center;height: 1rem;background-size: 100% auto;}
.dhjf3{background: url(../../images/dev/line-list_05.png) no-repeat center center; width: .36rem;height: 1rem; position: absolute;  background-size: 100% auto;z-index: 100;top:50%; transform: translateY(-50%);z-index: 1000;}

.wby2{width: 75%; height: .6rem;background:url(../../images/dev/cityPop_07.png) no-repeat .25rem center #fff;border-radius: .45rem;line-height: .6rem; margin: 0 auto;display: block;border: none;font-size: .26rem;background-size: .25rem .25rem; padding-left: .6rem;}
.xdtop.on .wby2{background:url(../../images/dev/cityPop_07.png) no-repeat .25rem center #f5f5f5 ;background-size: .25rem .25rem; }
.fhbtn{background: url(../../images/dev/arrow.png);background-size:100% 100%;width: .22rem;height: .4rem;position: absolute; left: .3rem;top:50%; transform: translateY(-50%);}
.xdtop.on .fhbtn{background: url(../../images/dev/arrow_a.png);background-size:100% 100%;}
.xdtop.on .back1{background: url(../../images/dev/arrow_a.png) no-repeat left center;background-size:auto 100%; color: #313131;}
.xdtop h2{font-size: .32rem; color: #2b2b2b;text-align: center;line-height: .65rem;font-weight: bold;}
.xdtop.on h2{opacity: 1;}

.cjtop{position: fixed; width: 750px; padding: 0 3%; box-sizing: border-box; height: 1rem; top: 0; left: 50%;max-width: 100%;transform: translateX(-50%);z-index: 1001;padding-top: .22rem;}
.cjtop.on{background: #fff;transition: All 0.4s ease-in-out;}
.cjtop.on .tbfh{background: url(../../images/dev/b1a.png) no-repeat left center;background-size: .56rem .56rem;}
.cjtop.on .tbfh_a{background: url(../../images/dev/b2a.png) no-repeat left center;background-size: .56rem .56rem;}
.cjtop.on .tbfh_b{background: url(../../images/dev/b3a.png) no-repeat left center;background-size: .56rem .56rem;}
.cjtop h2{text-align: center; font-size:.34rem; color: #2b2b2b;position: absolute;left:50%; top:50%; transform:translate(-50%,-50%); opacity: 0;font-weight: bold;}
.tbfh{float: left; background: url(../../images/dev/b1.png) no-repeat left top; height: .56rem;background-size: .56rem .56rem; display: block;border-radius: .28rem; padding-left: .7rem; font-size: .32rem; color: #fff; line-height: .56rem;}
.tbfh_a{background: url(../../images/dev/b2.png); width: .56rem;height: .56rem; background-size: 100%;border-radius: 50%;}
.tbfh_b{background: url(../../images/dev/b3.png); width: .56rem;height: .56rem; background-size: 100%;border-radius: 50%; position: relative;z-index: 100; }
.cjtop.on h2{opacity: 1;}
.cjtop.on .tbfh{color: #313131;}
.cjtop ul{float: right;}
.cjtop li{float: left; padding-left: .3rem;position: relative;}
.tbfh_a{width: .56rem;height: .56rem; display: block; border-radius: 50%;}
.tbfh_b{width: .56rem;height: .56rem; display: block; border-radius: 50%;}


.top{ height: 1rem; width: 100%; padding: 0 .3rem; box-sizing: border-box; position: absolute; left: 0; z-index: 50; top: 0;border-bottom: 1px solid #eee;}
.top p{ position: absolute; left: 0; top: 0; text-align: center; line-height: 1rem; font-size: .34rem; color: #333;width: 100%;font-weight: bold;}
.top .back{ height: .65rem; line-height: .65rem; float: left; background: url(../../images/dev/arrow.png) .17rem center no-repeat; background-size:.18rem auto; font-size: .34rem; color: #fff; padding-left: .6rem; box-sizing: border-box;}
.top ul{ float: right; overflow: hidden;position: relative;z-index: 100;}
.top ul li{ width: .7rem; height: 1rem; float: left; text-align: center; line-height: 1rem;}
.top ul li a{ display: block; text-align: center; line-height: 1rem; font-weight: bold; font-size: .38rem; color: #fff;}
.top ul li a img{ display: inline-block; vertical-align: middle; width: .36rem; height: auto;}

.fhbtn2{background: url(../../images/dev/arrow.png);background-size:100% 100%;width: .22rem;height: .4rem;position: absolute; left: .3rem;top:50%;z-index: 100; transform: translateY(-50%); }
.back1{height: .35rem; background: url(../../images/dev/arrow.png) no-repeat  left center; background-size:auto 100%;position: absolute; left: .3rem; top:50%; transform: translateY(-50%); color: #fff; padding-left: .4rem; font-size: .34rem; color: #fff;line-height: .35rem;}
.kfbtn1{position: absolute;width: .36rem; right: 1.2rem;top:50%; transform: translateY(-50%);background: url(../../images/dev/kf.png) no-repeat  center center;height: 1rem;background-size: 100% auto;}
.xdtop.on .dhjf{background: url(../../images/dev/line-list_05.png) no-repeat  center center;background-size: 100% auto;}
.xdtop.on .kfbtn1{background: url(../../images/dev/kfa.png) no-repeat center center;background-size: 100% auto;}
.tbdh{position: absolute;width: .56rem;height: 1rem; right: .3rem; top: 0;z-index: 100;}
.dhjf{background: url(../../images/dev/b21.png) no-repeat center center;width: .36rem;height: 1rem; display: block; background-size: 100% auto; z-index: 101; position: relative;}

.gjdq{ width: 4.3rem; position: absolute;top: .18rem;left: 1.2rem; height: .64rem; border-radius: .32rem; padding-left: .56rem; background:   #fff; background-size: .24rem auto; box-sizing: border-box;}
.gjdq p{color: #bebebe;line-height: .64rem;font-size: .28rem;}
.btngg{position: absolute;background: url(../../images/dev/icon2.png) no-repeat center;width: .24rem;height: .24rem; left: .19rem;top:50%; transform: translateY(-50%);border: none;background-size: 100% 100%;}

.dhjf1{background: url(../../images/dev/b3.png); width: .56rem;height: .56rem;background-size: 100% 100%;display: block;}
.kfbox{background: url(../../images/dev/line-list_03.png); width: .36rem;height: .42rem; position: absolute;right: .3rem;top:50%; transform: translateY(-50%);background-size: 100% 100%;}
.xdtop1 h2{font-weight:bold; font-size: .32rem;text-align: center; line-height: 1rem; color: #313131;}
.fhbtn{background: url(../../images/dev/arrow_a.png);background-size: 100% 100%; width: .2rem;height: .35rem; position: absolute; left: .3rem;top:50%; transform: translateY(-50%);}

/*功能导航*/
.top_b{position:absolute;width: .56rem;right: .2rem;top: 0;height: 1rem;}
.kfbtn{position: absolute; right: 1rem; width: .4rem; top:50%; transform: translateY(-50%);}
.rjdh{position: absolute; width: 1.95rem;background: rgba(0,0,0,.75); padding:.2rem 0 .2rem .3rem;border-radius: .15rem;right: 0.1rem; top: .9rem;display: none;z-index: 100;}
.rjdh dt{font-size: .28rem; line-height: 2.5;}
.rjdh dt a{color: #fff;}
.rjdh dt a img{vertical-align: middle; margin: -0.04rem .1rem 0 0;width: .4rem;display: inline-block!important;}
.rjdh span{position: absolute;right: .1rem; top: -.39rem; width: 0px;
 height: 0px; border: .2rem solid;  border-left-color: transparent; border-right-color: transparent; border-top-color:   transparent;border-bottom-color:rgba(0,0,0,.75);}

.fhtop{position: fixed;z-index: 1000; right: 0;width: 1rem;height: 1rem;border-radius: 50%;background: url(../../images/dev/v47.png) no-repeat center center #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1);bottom: 2.5rem; right: 0.1rem;background-size: .4rem .4rem;display: none;border: 1px solid #ddd; }