.header_join:after{opacity: 1!important;transform: scaleX(1)!important;}
.main{width: 100%;height: auto;margin: 0 auto;}
body{background: #fbfbfb;}
.banner>div:first-child{width: 100%;height: 6rem;background: url(../images/join/prospect/prospect_banner.jpg) no-repeat;
 -webkit-background-size: 100% 100%;background-size: 100% 100%;}

.package_solution_titl>div:first-child>div:first-child>ul>li:nth-child(9)>a{background: #222222;color: #FFFFFF;}

.titl{width: 100%;margin-top: 1rem;float: left;}
.titl>p:first-child{text-align: center;font-size: 0.36rem;color: #222222;}
.titl>p:nth-child(2){text-align: center;font-size: 0.14rem;color: #999999;margin-top: 0.15rem;margin-bottom: .5rem;}

.message{width: 100%;float: left;margin-bottom: 1.2rem;}

#app{width: 12rem;max-width: 1200px;margin: 0 auto;}



#app>ul:first-child{width: 100%;height: auto;float: left;}
#app>ul:first-child>li{width: 100%;height: auto;float: left;margin-top: 0.5rem;border-bottom: 1px solid #D4D4D4;}
#app>ul:first-child>li>div:first-child{width: 9rem;border-bottom: 1px dashed #D4D4D4;margin: 0 auto;float: left;margin-left: 1.5rem;}
#app>ul:first-child>li>div:first-child>p:first-child{width: auto;float: left;font-size: 0.26rem;color: #333333;margin-bottom: .1rem;font-weight: bold;font-stretch: normal;}
#app>ul:first-child>li>div:first-child>p:nth-child(2){width: auto;float: right;font-size: 0.14rem;color: #999999;margin-top: .15rem;}
#app>ul:first-child>li>div:first-child>p:nth-child(3){width: 100%;float: left;font-size: 0.2rem;color: #333333;margin-bottom: .25rem;font-weight: bold;font-stretch: normal;}

#app>ul:first-child>li>div:nth-child(2){width: 9rem;margin: 0 auto;float: left;margin-left: 1.5rem;margin-bottom: .5rem;}
#app>ul:first-child>li>div:nth-child(2)>p:first-child{width: 100%;float: left;font-size: 0.16rem;color: #666666;margin-top: .3rem;}
#app>ul:first-child>li>div:nth-child(2)>p:nth-child(2){width: 100%;float: left;font-size: 0.16rem;color: #666666;margin-top: .15rem;line-height: .36rem;}




.pagesInner{width: 100%;text-align: center;float: left;display: inline-block;margin-top: 1.5rem;margin-bottom: 2rem;}
.pagesInner>li{text-align: center;display: inline-block;cursor: pointer;}
.pagesInner>li:first-child{width: .5rem;height: .3rem;background: #EEEEEE;border-radius: 0.15rem;margin-right: .2rem;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;}

.pagesInner>li:first-child:hover{background: #222222;}
.pagesInner>li:first-child:hover >span:first-child>span:first-child{border-top-color: #FFFFFF;}
.pagesInner>li:last-child:hover{background: #222222;}
.pagesInner>li:last-child:hover >span:first-child>span:first-child{border-top-color: #FFFFFF;}

.pagesInner>li:hover{background: #222222;color: #FFFFFF;}


.pagesInner>li:first-child>span:first-child{width: 100%;height: 100%;float: left;position: relative;display: inline-block;}
.pagesInner>li:first-child>span:first-child>span:first-child{width: 0;height: 0;border-style: solid;border-color: transparent;border-width: 0.08rem 0.04rem 0.04rem 0.04rem;border-top-color: #222222;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
-webkit-transform: rotate(-270deg);
-moz-transform: rotate(-270deg);
-ms-transform: rotate(-270deg);
-o-transform: rotate(-270deg);
transform: rotate(-270deg);margin-top: .1rem;float: left;margin-left: .16rem;}
.pagesInner>li{width: .3rem;height: .3rem;background: #EEEEEE;display: inline-block;text-align: center;line-height: .3rem;color: #222222;border-radius: 50%;margin-left: 0.1rem;margin-right: 0.1rem;vertical-align: top;font-size: .15rem;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;}
.pagesInner>li:last-child{width: .5rem;height: .3rem;background: #EEEEEE;border-radius: 0.15rem;margin-right: .2rem;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;}
.pagesInner>li:last-child>span:first-child{width: 100%;height: 100%;float: left;position: relative;display: inline-block;}
.pagesInner>li:last-child>span:first-child>span:first-child{width: 0;height: 0;border-style: solid;border-color: transparent;border-width: 0.08rem 0.04rem 0.04rem 0.04rem;border-top-color: #222222;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);margin-top: .1rem;float: left;margin-left: .23rem;}
.actived{width: .3rem;height: .3rem;background: #222222!important;display: inline-block;text-align: center;line-height: .3rem;color: #FFFFFF!important;border-radius: 50%;font-size: .15rem;}













