.main{width: 100%;height: auto;margin: 0 auto;}
body{background: #fbfbfb;}
.banner>div:first-child{width: 100%;height: 4rem;background: url(../images/join/prospect/m/prospect_banner.jpg) no-repeat; -webkit-background-size: 100% 100%;background-size: 100% 100%;}


.package_solution_titl>div:first-child>div:first-child>ul:nth-child(2)>li:nth-child(8)>a{background: #222222;color: #FFFFFF;}


.case{width: 7.1rem;margin: 0 auto;}


#app{width: 100%;float: left;}

#app>ul:first-child{width: 100%;display: block;float: left;margin-top: .2rem;}
#app>ul:first-child>li{width: 3.5rem;float: left;/* box-shadow: 0px 1px 0.08rem 0px rgba(212, 212, 212, 0.5); *//* background:#f5f5f5; */margin-bottom: .5rem;}
#app>ul:first-child>li:nth-child(odd){margin-right: 0.1rem;}
#app>ul:first-child>li>a:first-child{width: 100%;display: block;float: left;position: relative;}
#app>ul:first-child>li>a:first-child>div:first-child{width: 100%;height: 3.14rem;float: left;
-webkit-background-size: 100%;
background-size: 100%;}
#app>ul:first-child>li>a:first-child>div:first-child>img:nth-child(2){width: auto;height: auto;float: left;}
#app>ul:first-child>li>a:first-child>div:first-child>div:first-child{width: 100%;height: 3.14rem;border: 1px solid #222222;background: #FFFFFF;opacity: 0;display: none;
-webkit-transition: .4s ease-in-out;
-moz-transition: .4s ease-in-out;
-ms-transition: .4s ease-in-out;
-o-transition: .4s ease-in-out;
transition: .4s ease-in-out;}


#app>ul:first-child>li>a:first-child>p:nth-child(2){width: 3.3rem;margin-left: 0.1rem;display: block;float: left;font-size: 0.22rem;color: #333333;margin-top: 0.3rem;line-height: .24rem;    white-space: nowrap;word-wrap: break-word;word-break: break-all;overflow: hidden;text-overflow: ellipsis;}
#app>ul:first-child>li>a:first-child>p:nth-child(3){width: 3.3rem;margin-left: 0.1rem;display: block;float: left;font-size: 0.2rem;color: #999999;margin-top: 0.2rem;line-height: .24rem;    white-space: nowrap;word-wrap: break-word;word-break: break-all;overflow: hidden;text-overflow: ellipsis;}
#app>ul:first-child>li>a:first-child>div:nth-child(4){width: 100%;height: 1px;background: #EEEEEE;margin-top: .3rem;float: left;}
#app>ul:first-child>li>a:first-child>div:nth-child(5){width: 1.2rem;line-height: .3rem;background: none;color: #FFFFFF;font-size: 0.14rem;text-align: center;float: left;border-radius: 0.04rem;margin-left: 1.15rem;position: absolute;top: 1.1rem;border: 1px solid #FFFFFF;opacity: 0;
-webkit-transition: .4s ease-in-out;
-moz-transition: .4s ease-in-out;
-ms-transition: .4s ease-in-out;
-o-transition: .4s ease-in-out;
transition: .4s ease-in-out;}




.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;}
.pagesInner>li:first-child{width: 1rem;height: .6rem;background: #EEEEEE;border-radius: 0.3rem;margin-right: .2rem;}
.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.16rem 0.08rem 0.08rem 0.08rem;border-top-color: #222222;
-webkit-transform: rotate(-270deg);
-moz-transform: rotate(-270deg);
-ms-transform: rotate(-270deg);
-o-transform: rotate(-270deg);
transform: rotate(-270deg);margin-top: .18rem;float: left;margin-left: .35rem;}
.pagesInner>li{width: .6rem;height: .6rem;background: #EEEEEE;display: inline-block;text-align: center;line-height: .6rem;color: #222222;border-radius: 50%;margin-left: 0.2rem;margin-right: 0.2rem;vertical-align: top;font-size: .26rem;margin-top: .4rem;}
.pagesInner>li:last-child{width: 1rem;height: .6rem;background: #EEEEEE;border-radius: 0.3rem;margin-right: .2rem;}
.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.16rem 0.08rem 0.08rem 0.08rem;border-top-color: #222222;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);margin-top: .18rem;float: left;margin-left: .45rem;}
.actived{width: .6rem;height: .6rem;background: #222222!important;display: inline-block;text-align: center;line-height: .6rem;color: #FFFFFF!important;border-radius: 50%;font-size: .26rem;}