@charset "utf-8"


*{padding: 0; margin: 0;}
body{ font-family: 'Arail','microsoft yahei'; background: #f5f5f5; padding: 0; margin: 0;  box-sizing:border-box; }
a{ background: none; color: #000; text-decoration: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none; }
ul{ font-size: 0; }
ul,li,em,i{ font-style: normal; list-style: none; font-style: normal;padding: 0; margin: 0; }
h1,h2,h3,h4,h5,h6,p{ margin: 0; padding: 0; }
img{ font-size: .22rem; }

.whitebg{ background: #fff; }





/*首页样式*/
.head{ width: 100%; height: .9rem; background: #2ea8ed; display: flex; display: -webkit-flex; /*display: -webkit-box;*/ padding: .01rem .1rem; box-sizing:border-box;}
.logo{ flex: 2; -webkit-flex:2;/* -webkit-box-flex: 2;*/-moz-box-flex: 2;-ms-flex: 2;}
.logo img{ width: 90%; margin-top: .12rem; display: block;}
.headnumber{ font-size: .4rem; color: #fff; font-style: oblique; font-weight: bold; text-align: right; line-height: .9rem; flex: 3; -webkit-flex:3; }
.number{ color: #fff; }
.headnumber i{ font-size: .32rem; font-style: oblique; }
.headnumber:before{ content: "\e62b"; font-family:"iconfont" !important; font-size: .7rem; font-weight: normal; line-height: .8rem; margin-right: -.16rem; }
.banner{ height: 3.1rem; }
.banner img{ width: 100%; }
.menu ul{ display: flex;  display: -webkit-flex; flex-flow:row wrap; -webkit-flex-flow:row wrap; }
.menu ul li{ width: 33.33%; text-align: center; box-sizing: border-box;}
.menu ul li a{ padding: .2rem 0; display: block; }
.menu ul li a span{ width: .85rem; height: .85rem; line-height: .85rem; margin: auto; border-radius: 50%; display: block; }
.menu ul li a p{ font-size: .2rem; margin-top: .15rem; }
.menu ul li+li{ border-left: 1px solid #f5f5f5; border-top: 1px solid #f5f5f5; }

.icon-liaojie400{ background: #ffc262;}
.icon-elite{ background: #0299d1; }
.icon-tesetaocan{ background: #ff8ea3; }
.icon-gonglve{ background: #97d961; }
.icon-liucheng{ background: #ffa484; }
.icon-anli{ background: #8a98ff; }
.icon-liaojie4002{ background: #62d5ff; }
.icon-wenti{ background: #ffc262; }
.icon-guanyuwomen{ background: #ff5454; }

.handsel{ font-size: .22rem; background: #f5f5f5; padding: .25rem .15rem; box-sizing: border-box; }
.handsel h2{ font-size: .27rem; margin-bottom: .15rem; }
.handsel p{ line-height: .35rem; }

.foot{ height: 1.05rem; }
.fixed-foot{ width: 100%; height: 1.05rem; background: #fff; border-top: 1px solid #f1f1f1; position: fixed; left: 0; bottom: 0; }
.fixed-foot ul{ display: flex; display: -webkit-flex; /*display: -webkit-box;*/ }
.fixed-foot ul li{ width: 33.33%; margin-left: 5%; text-align: center; padding-bottom: .2rem; }
.fixed-foot ul li:first-child{ margin-left: 0; }
.fixed-foot ul li a{ font-size: .22rem; padding: .15rem 0; display: block; }
.fixed-foot ul li a span{ color: #ff5454; height: .5rem; margin-bottom: .08rem; display: block; overflow: hidden; }
.fixed-foot ul li.n{background: #ff5454; }
.fixed-foot ul li.n a{ color: #fff; }
.fixed-foot ul li.n a .iconfont{ color: #fff; }

/*靓号推荐页面*/
.return a{ color: #fff; }
.return span{ font-size: .24rem; display: block; }
.box{ margin-top: .1rem; padding-bottom: .25rem; }
.box-title{ font-size: .24rem; font-weight: 600; color: #2ea8ed; height: .7rem; line-height: .7rem; padding: 0 .12rem; border-left: 3px solid #2ea8ed; border-bottom: 1px solid #f5f5f5; }
.boxcont{ width: 96%; margin: auto; }
.number-nav{ padding: 1% 0; margin:0 -1%; display: flex;  display: -webkit-flex; flex-flow:row wrap; -webkit-flex-flow:row wrap; }
.number-nav span{ width: 31.9%; height: .6rem;  background: #f5f5f5; margin:.7%; display: block; box-sizing: border-box; text-align: center; }
.number-nav span:nth-child(1),.number-nav span:nth-child(2){ width: 48.6%; }
.number-nav span a{ font-size: .22rem; line-height: .6rem; display: block; }
.number-nav span.active{ background: #2ea8ed; }
.number-nav span.active a{ color: #fff; }

.numberlist{ display: none; }
.numberlist{ border-top: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1;}
.numberlist ul{ display: flex;  display: -webkit-flex; flex-flow:row wrap; -webkit-flex-flow:row wrap; }
.numberlist ul li{ width: 33.33%; border-right: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; box-sizing: border-box; text-align: center; }
.numberlist ul li a{padding: .2rem;  font-size: .23rem; display: block; }
.preemption{ font-size: .2rem; color: #fff; width: 70%; height: .35rem; line-height: .35rem; background: #f09616; margin:.1rem auto 0; text-align: center; display: block;}
.numberlist ul li:last-child{ width: 100%; padding: .09rem; }
.more{ color: #fff; width: 65%; height: .55rem; line-height: .55rem; background: #2ea8ed; margin: auto; display: block; }



/*了解400页面样式*/
.what400{ padding-top: .1rem; color: #6e6e6e; line-height: .35rem;}
.what400 p{ font-size: .22rem; }
.what400 p strong{ color: #ff7e00; }
.superiority{ padding: .5rem 0 .3rem; position: relative; }
.superiority img{ width: 100%; }
.superiority>p{ font-size: .21rem; color: #6e6e6e; position: absolute; }
.s-p1{ top: 8%; left:2.5%; }
.s-p2{ top: 8%; right: 0%; }
.s-p3{ top: 83%; left:2.5%; }
.s-p4{ top: 83%; right: 0%; }

.features ul{ display: flex;  display: -webkit-flex; flex-flow:row wrap; -webkit-flex-flow:row wrap; }
.features ul li{ width: 33.33%; padding: .2rem 0; text-align: center; }
.features ul li span{ width: 1.5rem; height: 1.5rem; margin:0 auto .05rem; display: block; }
.features ul li span img{ width: 100%; }
.features ul li p{ font-size: .18rem; color: #6e6e6e; }


/*办理攻略*/
.steplist{display: flex; display: -webkit-flex; padding: .3rem 0;}
.step{ font-family: 'Arial'; font-size: .5rem; font-weight: bold; color: #fff; width: 1rem; height: 1rem; line-height: 1rem; border-radius: 50%; text-align: center;}
.step-text{ font-size: .21rem; margin-left: .2rem;flex: 5; -webkit-flex:5; }
.step-text h4{ font-size: .25rem; }
.step-text p{ margin-top: .1rem; line-height: .3rem; }
.first{ background: #ff9a16; }
.t1{ color: #ff9a16; }
.second{ background: #464179; }
.t2{ color: #464179; }
.three{ background: #31bab3; }
.t3{ color: #31bab3; }

.paylist ul li{ padding: .2rem 0; display: flex; display:-webkit-flex; }
.paylist ul li+li{ border-top: 1px solid #f5f5f5; }
.paylist ul li .iconfont{ font-size: .8rem; line-height: 1.1rem; }
.paytext{ font-size: .22rem; margin-left: .16rem; }
.payname{ color: #6e6e6e; }
.paycount{ margin-top: .1rem; }


/*热销套餐*/
/*.contrast{ width: 100%; height: .8rem; background: #fff; position: relative; }
.subbox{ font-size: 0; width: 96%; position: absolute; top: -.7rem; left: 2%; }
.subbox span{ font-size: .1rem; color: #6e6e6e; width: 24%; background: #fff; padding: .12rem 0; margin-left: 1.3333%; text-align: center; display: inline-block; border-radius: .1rem; box-shadow: .05rem .08rem .1rem #f1f1f1; }
.subbox span:first-child{ margin-left: 0; }
.subbox span strong{ font-size: .25rem; color: #ff706f; display: block; margin-bottom: .1rem; }
*/

.package{ padding: .1rem 0; text-align: center; }
.package h3{ font-size: .3rem; font-weight: bold; color: #ff706f;}
.package p{ font-size: .23rem; color: #6e6e6e; line-height: .4rem; }
.price{ font-size: .3rem; color: #fff; font-weight: bold; width: 100%; height: .6rem; line-height: .6rem; background: #2ea8ed; margin-top: .1rem; }
.price span{ font-size: .23rem; font-weight: normal; margin-left: .2rem; }
.package-number{ width: 96%; margin: .1rem auto 0; overflow: hidden; }
.row-number{ margin:0 -5%; display: flex; display: -webkit-flex; flex-flow:row wrap; -webkit-flex-flow:row wrap; }
.row-number li{ font-size: .24rem; width: 33%; height: .6rem; line-height: .6rem; }
.package-number span{width: 30%; height: .6rem; line-height: .6rem; background: #ff706f; margin: .1rem auto .2rem; border-radius: .06rem; text-align: center; display: block; }
.package-number span a{ font-size: .23rem; color: #fff; display: block; }

.cimages{ margin-top: .2rem; }
.cimages img{ width: 100%; }



/*常见问题*/
.question ul li{ padding: .15rem 0; border-top: 1px solid #f5f5f5; }
.question ul li:first-child{ border-top: 0; }
.question ul li p{ font-size: .2rem; line-height: .35rem; }
.question ul li p.trouble{ font-size: .2rem; font-weight: bold;}
.anwer{ padding-left: .1rem; color: #6e6e6e; }
.anwer strong{ color: #2ea8ed; display: block; }


/*审核流程*/
.pross{ padding-bottom: .6rem; }
.pross-sm{ font-size: .21rem; /*color: #6e6e6e;*/ line-height: .4rem; padding: .4rem .4rem; text-align: center; }
.font-b{ font-size: .24rem; text-align: center; }
.pross ul{ margin-top: .4rem; display: flex;  display: -webkit-flex; flex-flow:row wrap; -webkit-flex-flow:row wrap; }
.pross ul li{ width: 50%; text-align: center; margin-bottom: .5rem; }
.pross ul li span{ width: 1.7rem; height: 1.7rem; margin: auto; display: block; }
.pross ul li span img{ width: 100%; }
.pross ul li p{ font-size: .21rem; color: #6e6e6e; margin-top: .2rem; }
.sq{ width: 55%; height: .6rem; line-height: .6rem; background: #2ea8ed; margin: auto; border-radius: .3rem; text-align: center; display: block; }
.sq a{ font-size: .22rem; color: #fff; display: block; }


/*客户案例*/
.case-nav{ display: flex;  display: -webkit-flex; flex-flow:row wrap; -webkit-flex-flow:row wrap; }
.case-nav span{ width: 31.92%; box-sizing: border-box; }
.case-nav span:nth-child(1),.case-nav span:nth-child(2){ width: 31.92%; }
.case-list{ border: 0; }
.case-list ul{ margin: 0 -1.67%; display: flex;  display: -webkit-flex; flex-flow:row wrap; -webkit-flex-flow:row wrap; }
.case-list ul li{ width: 30%; margin: 1.67%; text-align: center; border: 0; }
.case-list ul li img{ width: 100%; display: block; }
.case-list ul li:last-child{ width: 30%; padding: 0; }
.case-list ul li p{ font-size: .2rem; margin-top: .05rem; }

/*联系我们*/
.contstype{ padding: 1% 0; }
.contstype ul{ display: flex;  display: -webkit-flex; flex-flow:row wrap; -webkit-flex-flow:row wrap; }
.contstype ul li{ width: 33%; background: #f5f5f5; margin-left: 0.5%; text-align: center; padding-bottom: .1rem; }
.contstype ul li:first-child{ margin-left: 0; }
.contstype ul li a{ display: block; }
.contstype ul li .iconfont{ font-size: .6rem; color: #fe6c6c; width: 2em; height: 1.2em; margin: auto; display: block; text-align: center; }
.contstype ul li p{ font-size: .23rem; }
.zixun{ font-size: .2rem; color: #fe6c6c; width: 80%; height: .35rem; line-height: .35rem; margin: .05rem auto 0; border: 1px solid #fe6c6c; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.zixun a{ color: #fe6c6c; display: block; }
.address{ margin: .3rem 0 0; }
.adress-nav ul{ margin: 0 -.5%; display: flex;  display: -webkit-flex; flex-flow:row wrap; -webkit-flex-flow:row wrap; }
.adress-nav ul li{ width: 24%; height: .6rem; line-height: .6rem; background: #f5f5f5; margin: 1% .5%; text-align: center; }
.adress-nav ul li a{ font-size: .22rem; display: block; }
.adress-nav ul li:first-child,
.adress-nav ul li:nth-child(2),
.adress-nav ul li:nth-child(3),
.adress-nav ul li:nth-child(4),
.adress-nav ul li:nth-child(5){ width: 19%; }
.adress-list{ margin-top: .2rem; }
.list{ font-size: .22rem; color: #5a5a5a; position: relative; display: none;}
.list p{ font-size:.26rem; color: #000;  }
.list span{ margin-top: .1rem; display: block; }
.adress-img{ width: 90%; height:auto; margin:.1rem auto 0; }
.adress-img img{ width: 100%; }
.adress-nav ul li.active{ background: #2ea8ed; }
.adress-nav ul li.active a{ color: #fff; }


/*关于我们*/
.about-img{ width: 100%; height:2.5rem; margin-top: .05rem; }
.about-img img{ width: 100%; }
.atext{ font-size: .22rem;  }
.atext p{ text-indent: 2em; margin-top: .15rem; line-height: .32rem; color: #6e6e6e; }

.s_logo{ height: 3rem; margin-top: .1rem; position: relative; overflow: hidden;}
.roll{ width: 100%; display: flex; display: -webkit-flex; }
.roll li{ width: 33.33%; height: 3rem; margin: 0 0.8%; /* border: 1px solid #000; */}
.roll li img{ width: 100%; }