*{
margin: 0;padding: 0;
list-style: none;font-family: -apple-system,blinkmacsystemfont,helvetica neue,helvetica,segoe ui,arial,roboto,pingfang sc,miui,hiragino sans gb,microsoft yahei,sans-serif;
}
.package{
width: 100%;
height: auto
}
/*页头*/
#header{
width: 100%;height: auto;
}
.official-wb{
position: absolute;
top: 5px;right: 20%;
padding: 0 10px;
}
.official-wb p img{
float: left;padding-right: 5px;width: 30px
}
.official-wb p{
line-height: 2;font-size: 1rem
}
#official-wb-code{
width: 100px;display: none
}
.official-wx{
position: absolute;
top: 5px;right: 11%;
padding: 0 10px;
}
.official-wx p img{
float: left;padding-right: 5px;width: 30px
}
.official-wx p{
line-height: 2;font-size: 1rem
}
#official-wx-code{
width: 100px;display: none
}
.official-map{
position: absolute;
top: 11px;right: 6%;
padding: 0 10px;
}
.official-map a{
font-size: .9rem; color: #2780e3;
text-decoration: none;
}
.nav{
max-width: 1200px;margin: auto;
padding: 20px 0;
overflow: auto
}
.nav img{
width: 10%;float: left
}
.nav ul{
width: 100%;float: left;margin-top: 15px
}
.nav ul li{
float: left;padding: .2% 2.2%;
font-size: 1.1rem;cursor: pointer;
}
.nav ul li a{
color: #000;
text-decoration: none;font-weight: 700
}
.nav marquee{
width:55%;height: 30px;float: left;margin:2% 0 0 4%;font-size:13px
}
.nav-on{
color: #fff;background:#ff6267;border-radius: 25px;font-weight: 700
}
.nav ul li:hover{
background:#ff6267;border-radius: 25px
}
.nav ul li:hover a{
color: #fff !important;
}
.banner{
width: 100%;
}
.banner-tags{
width: 100%;overflow: auto
}
.banner-tags li{
width: 25%;text-align: center;color: #fff;float: left;
font-size: 1rem;padding: 5px 0;
}
.banner-tags li:nth-child(1){background: #e50039;}
.banner-tags li:nth-child(2){background: #541b86;}
.banner-tags li:nth-child(3){background: #e50039;}
.banner-tags li:nth-child(4){background: #541b86;}
.banner-lb{
width: 100%
}
.banner-lb div div img{
width: 100%
}
.pagination-bannerlb {
position: absolute;
left: 0;
right: 0;
margin: auto;
display: inline-block;
text-align: center;
z-index: 110;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #333 !important;
}
.swiper-pagination-bullet {
width: 10px !important;height: 10px !important;
}
.ar-describe{
max-width: 1200px;margin: 3rem auto;position: relative;cursor: pointer;
}
.ar-describe img{
width: 100%
}
.ar-describe ul{
width: 98%;margin: auto;
position: absolute;
bottom: 20%;left: 0;right: 0;
}
.ar-describe ul li{
width: 25%;float: left;text-align: center;
}
.ar-describe ul li h3{
color:#494949;font-size: 1.2rem;
}
.ar-describe ul li p{
color:#000;font-size: 1rem;padding: 10px 6% 0;
}
/*主体*/
#main{
width: 100%;height: auto
}
.marriage-crisis{
width: 100%;position: relative;cursor: pointer;
}
.marriage-crisis img{
width: 100%
}
.marriage-crisis h2{
font-size: 2rem;text-align: center
}
.marriage-crisis h5{
font-size: 1.2rem;text-align: center;font-weight: 100;
color: #333;padding: .5rem 0 2rem 0;
}
.marriage-crisis ul{
width: 77%;position: absolute;
left: 0;right: 0;
bottom: 7%;margin: auto;
}
.marriage-crisis ul li{
width: 33%;float: left;text-align: center
}
.marriage-crisis ul li h4{
font-size: 1.8rem
}
.marriage-crisis ul li p{
font-size: 1.2rem;color: #333;
padding: 10%;
}
/*多数婚姻问题都å¯ä»¥è§£å†³*/
.solve-issue{
width: 100%;position: relative;cursor: pointer;
height: 40rem;
background-image :url(/uploads/image/tspainew1.0.0/solve-issue.jpg);
background-size: 100% 100%;
padding-top: 2rem
}
.solve-issue img{
width: 100%
}
.solve-issue h2{
font-size: 2rem;text-align: center
}
.solve-issue h5{
font-size: 1.2rem;text-align: center;
color: #333;padding: .5rem 0 2rem 0;font-weight: 100;
}
.solve-issue-way{
width: 18%;height: 328px;
position: absolute;
left: 14%;bottom: 26%;
}
.solve-issue-way h4{
font-size: 1.3rem;padding-left: 5.5%;padding-bottom:1rem;
}
.solve-issue-way div{
height: 80%;width: 100%;padding: 0 5% 5% 0
}
.solve-issue-way div p{
font-size: 1rem;background: #fff;
margin-top: 4%;padding: 4.1%;
}
.solve-issue-way div p:nth-child(1){
margin-top: 0;
}
.solve-issue-send{
width: 17%;position: absolute;height: 328px;
left: 32%;bottom: 26%;
}
.solve-issue-send h4{
font-size: 1.3rem;
color:#e50039;padding-left: 1rem;padding-bottom: 1rem;
}
.solve-issue-send div{
background: #e60039;height: 80%;width: 100%;padding: 5% 5% 0 5%
}
.solve-issue-send div p{
font-size: 1rem;color: #fff;
text-align: justify;line-height: 1.3;
}
.solve-issue-adviser{
width: 34%;position: absolute;
right: 6%;bottom: 28.5%;
}
.solve-issue-adviser li{
width: 100%;padding-top: 7%;
}
.solve-issue-adviser li h4{
font-size: 1.8rem;
color:#e50039;padding-bottom: 3%;
}
.solve-issue-adviser li p{
font-size: 1.3rem;color: #333;
text-align: justify;line-height: 1.3;
width: 80%;float: left
}
.solve-issue-adviser li div{
width: 0;
height: 0;
border-top: .5rem solid transparent;
border-right: .5rem solid transparent;
border-bottom: .5rem solid transparent;
border-left: .5rem solid #541c86;
float: left;margin-top: 5px
}
.solve-method{
max-width: 1200px;margin: auto;padding: 1rem 0 0 0;
}
.solve-method-banner{
width: 100%;position: relative
}
.solve-method-banner img{
width: 100%
}
.solve-method-banner span{
color: #fff;font-size: 2rem;font-weight: 900;
position: absolute;
}
.solve-method-banner span:nth-child(2){
top: 27%;left: 19%;
}
.solve-method-banner span:nth-child(3){
top: 37%;right: 16%;
}
.solve-method p{
font-size: 1.4rem;color: #333;
border-bottom:2px dashed #dedede;
width: 68%;margin: auto;padding-bottom: 1rem;margin-bottom: 1rem
}
.solve-method h5{
font-size: 1.4rem;color: #333;font-weight: 100;
width: 68%;margin: auto;
}
/*爱燃擅长解决的婚姻问题*/
.airan-resolve{
width: 100%;position: relative
}
.airan-resolve img{
width: 100%
}
.airan-resolve h2{
font-size: 2rem;text-align: center;
position: absolute;
top: 10%;left: 0;right: 0;
}
.airan-resolve h2 span{
font-size: 1.2rem;text-align: center;font-weight: 100;
color: #333;
}
.airan-resolve ul{
position: absolute;
bottom: 20%;left: 0;right: 0;margin: auto;
width: 76%
}
.airan-resolve ul li{
float: left;width: 15%;padding: 0 5%;
font-weight: 900;font-size: 1.6rem;text-align: center
}
/*婚姻指导æœåŠ¡å›¢é˜Ÿ*/
.airan-team{
max-width: 1200px;position: relative;
margin: auto;padding-bottom: 4rem
}
.airan-team h2{
font-size: 2rem;text-align: center
}
.airan-team h5{
font-size: 1.2rem;text-align: center;font-weight: 100;
color: #333;padding: .5rem 0 2rem 0;
}
.airan-team-lb{
width: 100%;
}
.swiper-container-team{
background: #fff;
box-shadow: 0 0 12px #ccc;border-radius: 18px;overflow: hidden
}
.airan-team-lb div{
width: 60%;height: 100%;float: right;
padding-top: 5%
}
.airan-team-lb div h4{
font-size: 2.1rem;padding-bottom: 2%
}
.airan-team-lb div h4 b{
font-size: 1.5rem;color: #fff;font-weight: 100;margin-left: 7%;background: #145b7d;
padding: 5px 10px;
border-radius: 12px;
}
.airan-team-lb div span{
display: block;color:#e14741;padding-top: 2%;
font-size: 1.4rem;font-weight: 900
}
.airan-team-lb div p{
font-size: 1.4rem;color: #000; padding-top: 1%;font-weight: 900
}
.airan-team-lb div h6{
font-size: 1.2rem;color: #000;width: 95%;
font-weight: 900
}
.airan-team-lb-school{
border-top: 2px dashed #f7f7f7;margin: 3% 0 1% 0;width: 95%;
}
.pagination-airan-team-lb {
position: absolute;
left: 0;
right: 0;bottom: auto !important;
margin: auto;
display: inline-block;
text-align: center;
z-index: 110;
}
.pagination-airan-team-lb span{
margin: 0 3px !important;
}
.airan-ubolt-white{
width: 6px !important;opacity: .5 !important;
height: 6px !important;background:#848484
}
.airan-ubolt-active{
opacity: 1;
background: #df342d !important;
width: 25px !important;
height: 6px !important;
border-radius: 8px !important; opacity: 1 !important;
}
.airan-team-next{
background-image :url(/uploads/image/tspainew1.0.0/airan-team-right.png) !important;
width: 60px !important;height: 168px !important;background-size: 100% 100% !important;
top: 44% !important;right: -80px !important;
}
.airan-team-prev{
background-image :url(/uploads/image/tspainew1.0.0/airan-team-left.png) !important;
width: 60px !important;height: 168px !important;background-size: 100% 100% !important;
top: 44% !important;left: -80px !important;
}
/*ä¸“æ³¨å©šå§»å±æœºå¹²é¢„*/
.crisis-meddle{
width: 100%;position: relative
}
#crisis-meddle-banner{
width: 100%;
}
.crisis-meddle h2{
font-size: 2rem;text-align: center;
}
.crisis-meddle h2 span{
font-size: 1.2rem;text-align: center;font-weight: 100;
color: #333;
}
.crisis-meddle ul{
position: absolute;
bottom: 0;left: 0;right: 0;margin: auto;
width: 76%;height: 40%
}
.crisis-meddle ul li{
float: left;width: 21%;padding: 0 2%;height: 100%
}
.crisis-meddle ul li h3{
font-size: 1.5rem;text-align: center;padding: 2rem 0 ;
}
.crisis-meddle ul li p{
font-size: 1.2rem;text-align: justify
}
/*走进爱燃*/
.approach-airan{
width: 100%;
}
.approach-airan h2{
font-size: 2rem;text-align: center;padding-bottom: 2rem;
}
.approach-airan img{
width: 100%
}
.approach-airan p{
font-size: 1.2rem;width: 76%;margin: auto;
line-height: 1.6;padding-bottom: 10px
}
.approach-airan p:nth-child(2){
text-indent: 42px;
}
/*新闻报é“*/
.airan-report{
max-width: 1250px;margin: auto;position: relative;
padding: 40px 0 20px 0
}
.airan-report h2{
font-size: 2rem;text-align: center;padding-bottom: 2rem;
}
.airan-report div{
width: 100%;
}
.airan-report div video{
width: 75%;border-top-left-radius: 18px;border-bottom-left-radius: 18px;
}
.airan-report div div{
width: 25%;height: 79.5%;
position: absolute;right: 0;top: 16.7%;
border: 1px solid#eeeeee;border-left: 0;border-top-right-radius: 20px;border-bottom-right-radius: 20px
}
.airan-report div div h5{
font-size: 1.3rem;color: #e60c41;width: 94%;float: right;
padding-top: 7%;
}
.airan-report div div ul{
width: 94%;position: absolute;
right: 0;top: 9%;
}
.airan-report div div ul li{
width: 100%;overflow: auto;margin-top:10px;padding-right: 10px;
cursor: pointer;
}
.airan-report div div ul li img{
width: 48%;float: left;
}
.airan-report div div ul li p{
width: 48%;font-size: 1rem;float: left;padding: 1% 0 0 2%;
}
.airan-report-on img{
border: 2px solid#ee557b;border-radius: 4px
}
#video-play{
width:9%;
position: absolute;top:15%;bottom:0;left:0;right:25%;margin:auto;
z-index:99
}
/*爱燃è£èª‰*/
.airan-honor{
max-width: 100%;margin: auto;
padding: 40px 0
}
.airan-honor h2{
font-size: 2rem;text-align: center;
}
.airan-honor img{
width: 100%
}
.airan-honor ul{
width: 73%;margin: auto;overflow: auto
}
.airan-honor ul li{
width: 21%;float: left;padding: 0 2%;cursor: pointer;
}
.airan-honor ul li div{
width: 30px;height:30px;background:#ffbc01;border-radius: 60%;float: left
}
.airan-honor ul li h4{
font-size: 1.8rem;width: 80%;float: right
}
.airan-honor ul li p{
font-size: 1rem;width: 80%;float: right;text-align: justify
}
/*底部*/
.footer{
width: 100%;background: #f8f8f8;
}
.footer-con{
width: 80%;margin: auto;overflow: auto;padding: 30px 0 20px 0;
}
.footer-con-nav{
width: 24%;float: left
}
.footer-con-nav h5,.footer-con-work h5,.footer-con-statement h5{
font-size: 1.2rem;
}
.footer-con-nav ul{
width: 100%;overflow: auto
}
.footer-con-nav ul li{
width: 25%;float: left;padding-top: 10px
}
.footer-con-nav ul li a{
font-size: .9rem;color:#333;
text-decoration:none;width: 25%
}
.footer-con-work{
width: 20%;float: left;padding-left: 2%;
}
.footer-con-work p{
font-size: .9rem;color:#333;margin-top: 10px
}
.footer-con-work p img{
width: 14px;padding-right: 4px;
}
.footer-con-statement{
width: 22%;float: left;padding-left: 2%;
}
.footer-con-statement p{
font-size: .9rem;color:#333;margin-top: 10px
}
.footer-con-code{
width: 25%;float: left;
}
.footer-con-code ul{
width: 100%;overflow: auto
}
.footer-con-code ul li{
width: 30%;float: left;margin-left: 3%
}
.footer-con-code ul li img{
padding:4%;margin: auto;background:#ff99b6;width: 92%;
}
.footer-con-code ul li p{
background:#ff99b6;color: #fff;font-size: .9rem;text-align: center;
border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;padding: 3px 0;
}
#copyright{
background:#541b86;color: #fff;
font-size: .9rem;
padding: 5px 0;text-align: center;font-weight: 100
}
#copyright a{
color: #fff;
}
/*侧悬浮*/
.right-suspension{
width: 90px;height: 300px;
position: fixed;
top: 30%;right: 0;
background-image :url(/uploads/image/tspainew1.0.0/right-suspension.png);
background-size: 100%;cursor: pointer;
}
.right-suspension ul{
width: 100%;height: 100%
}
.right-suspension ul li{
width: 100%;height: 25%
}
/*情感攻略*/
.airan-strategy{
max-width: 1200px;position: relative;
margin: auto;padding-bottom: 4rem;overflow: auto
}
.airan-strategy h2{
font-size: 2rem;text-align: center
}
.airan-strategy h5{
font-size: 1.2rem;text-align: center;font-weight: 100;
color: #333;padding: .5rem 0 2rem 0;
}
.airan-strategy-left{
width: 70%;float: left
}
.airan-strategy-left-nav{
width: 100%
}
.airan-strategy-left-nav img{
width: 34px
}
.airan-strategy-left-nav span{
font-size: 1.1rem;color:#4e4e4e;cursor: pointer;
}
.airan-strategy-left-nav ul{
width: 80%;float: right;
border-bottom: 1px solid#eeeeee;
}
.airan-strategy-left-nav ul li{
float: left;width: 20%;text-align: center;cursor: pointer;
font-size: 1.1rem;padding: 0 0 8px 0;color:#333
}
.airan-strategy-left-nav ul li:nth-child(1){
margin-left: 20%
}
.airan-strategy-nav-no{
color:#fba5ae !important;
}
.airan-article{
width: 100%;overflow: auto;display: none
}
.airan-article-left{
width: 50%;float: left
}
.airan-article-left li{
width: 96%;border-bottom: 1px dashed #dedede;
padding: 4% 2%;
}
.airan-article-left li img{
width: 14%;float: left;margin-right: 5%; height: 55px;
}
.airan-article-left li h4{
width: 80%;float: left;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
font-size: 1.2rem;
padding: 10px 0 2px 0;font-weight: 100;
}
.airan-article-left li h4 a{
text-decoration:none;color: #000
}
.airan-article-left li h6{
width: 80%;font-size: .8rem;color: #fe4338;font-weight: 100
}
.airan-article-left li h6 a{
color: #d2d0d0;text-decoration:none
}
.airan-article-left li p{
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
margin-top: 14px;
font-size: .9rem; text-indent: 1.5rem; font-family: "幼圆";
line-height: 1.4;
}
.airan-article-left li p a{
text-decoration:none;color: #999;
}
.airan-article-left li:nth-child(2),.airan-article-left li:nth-child(3){
padding: 4% 2% 7% 2%;
}
.airan-article-right{
width: 48%;float: left;padding-left: 2%;
}
.airan-article-right h4{
font-size: 1.2rem;padding-top: 2%
}
.airan-article-right ul{
width: 100%;
border-bottom: 1px dashed #dedede;
}
.airan-article-right ul li{
width: 100%;padding: 1.94% 0;
}
.airan-article-right ul li p{
font-size: 1rem;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
width: 80%;float: left;color: #9f9f9f; font-family: "幼圆";
}
.airan-article-right ul li p a{
text-decoration:none;color: #333;
}
.airan-article-right ul li i{
background: #fe4338;width: 4px;height:4px;border-radius: 25px;
float: left;
margin: 7px;
}
.airan-article-right ul li span{
color: #fe4338;
font-size: 1rem;padding-left: 5%;
}
.airan-strategy-right{
width: 25%;float: right
}
.airan-strategy-right-nav{
width: 100%;border-bottom: 1px solid#eeeeee;
padding-bottom: 3px
}
.airan-strategy-right-nav img{
width: 34px
}
.airan-strategy-right-nav span{
font-size: 1.1rem;color:#4e4e4e;cursor: pointer;
}
.airan-strategy-right ul{
width: 94%;margin-top: 10px;
}
.airan-strategy-right ul li{
padding: 6px 24px;background:#bbf2af;border-radius: 25px;
display: inline-block;margin: 8px 0 0 5px;
}
.airan-strategy-right ul li a{
text-decoration:none;color: #000
}
.airan-article-on{
display: block
}
@media(max-width: 1470px){
.solve-issue {
height: 35rem;
}
.solve-issue-way {
bottom: 16%;
}
.solve-issue-send {
width: 19%;
bottom: 16%;
}
.solve-method-banner span {
font-size: 1.8rem;
}
.solve-method-banner span:nth-child(2) {
top: 29%;
}
.solve-method-banner span:nth-child(3) {
top: 40%;
}
.airan-team,.airan-strategy,.airan-report {
width: 80%;
}
.crisis-meddle ul li h3 {
font-size: 1.3rem;
}
.crisis-meddle ul li p {
font-size: 1.1rem;
}
.airan-report div div {
height: 78.5%;
top: 17.7%;
}
.right-suspension {
z-index: 99
}
.ar-describe{
width: 90%
}
.airan-article-right ul li span {
font-size: .9rem;
padding-left: 3%;
}
.airan-article-right ul li p {
font-size: .9rem;
}
.airan-team-lb div {
width: 58%;
}
}
@media(max-width: 1340px){
.ar-describe ul {
bottom: 5%;
}
.ar-describe ul li p {
padding: 5px 6% 0;
}
.marriage-crisis h2,.solve-issue h2,.airan-resolve h2,.airan-team h2,.crisis-meddle h2,.airan-strategy h2,.airan-report h2,.airan-honor h2{
font-size: 1.8rem;
}
.marriage-crisis h5,.solve-issue h5,.airan-resolve h2 span,.airan-team h5,.crisis-meddle h2 span,.airan-strategy h5{
font-size: 1.1rem;
}
.marriage-crisis ul li h4 {
font-size: 1.6rem;
}
.marriage-crisis ul {
bottom: 6%;
}
.airan-resolve ul li {
font-size: 1.3rem;
}
.airan-resolve ul {
bottom: 21%;
}
.airan-team-lb div {
width: 54%;
}
.crisis-meddle ul li h3 {
font-size: 1.2rem;
}
.crisis-meddle ul li p {
font-size: 1rem;
}
.approach-airan h2 {
font-size: 1.8rem;
padding-bottom: 1rem;
}
.airan-report div div ul li p {
font-size: 1rem;
}
.airan-honor ul li div {
width: 22px;
height: 22px;
}
.airan-honor ul li h4 {
font-size: 1.5rem;
}
.footer-con {
width: 86%;
}
.footer-con-nav {
width: 27%;
}
.footer-con-work {
width: 22%;
padding-left: 1%;
}
.footer-con-statement {
width: 22%;
padding-left: 1%;
}
}
.banner-tags{
display: none;
}