@charset "utf-8";

.main-content .home-model01{/*! margin-bottom: 20px; *//*! padding: 10px; */}
.main{min-height: 50vh;}

/* 页面选中导航 */
.nav-left ul li.active a{background: url(../../images/personal-home/home_selected.png) no-repeat 27px center;background-size: 28px;}

/* 我的服务 */
.main-content{width: 80%; display:flex;}
.home-model01{width: 100%;}
.my-services{width: 100%;background: #fff;border-radius: 8px;padding: 20px;/*! height: 50%; */box-shadow: 2px 2px 10px 0px rgba(44, 105, 172, 0.27);}
.my-services ul{}
.my-services ul li{width: 50%;/*! height: 80px; */border-radius: 8px;text-align: center; float: left; padding:5px 0;}
.my-services ul li:hover{box-shadow: 0px 2px 6px 1px #E6EBF1;}
.my-services ul li:hover a{color: #000;}
.my-services ul li a{display: block;width: 100%;height: 100%;padding: 0;}
.my-services ul li a img{display: block;width: 75px;margin: 0 auto 10px;}

/* 个人资料卡片 */
.personal-info-card{width: 32%;background: #fff;border-radius: 8px;height: 135px;background: linear-gradient(180deg, #E6F3FF 0%, #FFFFFF 100%);}
.personal-bg{padding: 30px 20px 0 20px;background-image: url(../../images/personal-home/personal_info.png);background-size: cover;}
.personal-info-card .personal-bg>div:first-child{display: flex;margin-bottom: 10px;}
.personal-info-card .personal-bg>div img{width: 64px;height: 64px;margin-right: 20px;}
.personal-info-card .personal-bg>div .user-mes h2{font-size: 0.9rem;font-weight: 700;margin-top: 8px;}
.personal-info-card .personal-bg>div .user-mes p{font-size: 0.7rem;color: #999;padding: 10px 0;}
.personal-info-card .personal-bg>div.btn-myInfo{padding-left: 84px;}
.personal-info-card .personal-bg>div.btn-myInfo a{display: block;width: 116px;height: 34px;border-radius: 4px;background: #4288DC;color: #fff;line-height: 34px;text-align: center;}
.personal-info-card .personal-bg>div.btn-myInfo a:hover{background: #236FCA;}

/* 我的互动 */
.home-model01{width:80%; margin-bottom: 20px;padding: 10px; float: left; margin:0;}
.home-model02{width:30%; padding: 10px; float: right;margin-right: -15px;}
.my-interaction-box{width: 100%;background: #fff;border-radius: 8px;padding: 20px;box-shadow: 2px 2px 10px 0px rgba(44, 105, 172, 0.27); margin-bottom:20px;}
.my-interaction-box .title01 a{font-size:0.85rem !important; color:#000;}
.my-interaction-box ul{display: flex;justify-content: space-between;}
.my-interaction-box ul li{width: 33.33%;text-align: left; border-radius: 8px; height: auto;/*background: linear-gradient(0deg,rgba(255,255,255,1), rgba(233,244,255,1)); */padding:0;}
.my-interaction-box ul li a{display: block;width: 100%;height: 115px;padding: 10px;font-size:1rem; font-weight: bold;}
.my-interaction-box ul li a span{line-height: 2.5;height: 40px;display: block;white-space: nowrap;}
.my-interaction-box ul li img{float: left;}
.my-interaction-box ul li a h1{margin-top: 0;font-size: 2.2rem;font-weight: 700; line-height: 1; color:#1559a3;}
.my-interaction-box ul li a:hover{/*background: linear-gradient(0deg,rgba(233,244,255,1), rgba(255,255,255,1));*/}
.my-interaction-box ul li a:hover h1{color: #333; opacity: 1;}
.my-interaction-box ul li a:hover span{color: #333;opacity: 1;}
/*调查征集*/
.my-survey-box{width: 32%;height: 135px;margin-bottom: 0;border-radius: 8px;padding: 0;}
.my-survey-box ul{display: flex;justify-content: space-between;}
.my-survey-box ul li{width: 100%;text-align: left; border-radius: 8px; height: 135px;background: linear-gradient(0deg, rgba(233,244,255,1), rgba(255,255,255,1)); padding:10px;}
.my-survey-box ul li a{display: block;width: 100%;height: 115px;padding: 15px;border-radius: 8px; font-size:0.9rem; font-weight: bold}
.my-survey-box ul li a span{line-height: 2.5;height: 40px;display: block;}
.my-survey-box ul li img{float: left;}
.my-survey-box ul li a h1{margin-top: 0;font-size: 2.2rem;font-weight: 700; line-height: 1}
.my-survey-box ul li a:hover{background: linear-gradient(0deg, rgba(255,255,255,1), rgba(233,244,255,1));}
.my-survey-box ul li a:hover h1{color: #333; opacity: 1;}
.my-survey-box ul li a:hover span{color: #333;opacity: 1;}
/* 文章推送 */
.my-push-box{width: 100%;background: #fff;border-radius: 8px;padding: 20px;/*! height: 307px; */box-shadow: 2px 2px 10px 0px rgba(44, 105, 172, 0.27);}
.my-push-box ul{margin:13px 0;}
.my-push-box ul li{line-height: 45px;display: flex;justify-content: space-between;color: #999;}
.my-push-box ul li a{font-size: 0.8rem;padding-left: 18px;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 75%;}
.my-push-box ul li a::before{content: '';width: 6px;height: 6px;border-radius: 50%;background: #DDDEDF;position: absolute;left: 0;top: 45%;}
.my-push-box ul li span{width: 20%;text-align: right;}
.my-push-box ul li a:hover{color: #1559A3;}
.my-push-box ul li a:hover::before{background: #1559A3;}

/* 我的足迹 */
.my-footprint-box{width: 100%;background: #fff;border-radius: 8px;padding: 20px;box-shadow: 2px 2px 10px 0px rgba(44, 105, 172, 0.27);margin: 20px auto 0 auto;}
.my-footprint-box .title01 a{margin-right: 20px;}
.footprint-list{overflow-y: auto;height: 225px;padding-right: 5px;}
.footprint-list .singel-day{margin-bottom: 20px;}
.footprint-list .singel-day h4{font-size: 0.65rem;color: #999;font-weight: 700;margin-bottom: 15px;}
.footprint-list .singel-day ul{border-left: 1px solid #EBEBEB;margin-left: 10px;}
.footprint-list .singel-day ul li{padding-left: 15px;position: relative;}
.footprint-list .singel-day ul li::before{content: '';width: 16px;height: 16px;border-radius: 50%;background: #D2D5D9;position: absolute;left: -8px;top: 1px;border: 3px solid #fff;}
.footprint-list .singel-day ul li span{display: block;font-size: 0.65rem;color: #AEB0B3;}

.footprint-list .singel-day ul li a{display: block;padding: 15px 0 15px 10px;background: #F3F6F9;border-radius: 6px 0 0 6px;margin: 8px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.footprint-list .singel-day ul li:hover a{background: linear-gradient(90deg, #4188DC 0%, #FFFFFF 100%); color: #fff;}
.footprint-list .singel-day ul li:hover span{color: #1559A3;}
.footprint-list .singel-day ul li:hover::before{background: #1559A3;}

/* 热词搜索 */
.floating-area {
            width: 230px;
            height: 168px;
            border-radius: 12px;
            position: relative;
            overflow: hidden;
            margin: 0 auto;
        }
        
.floating-text {
            position: absolute;
            font-weight: bold;
            cursor: pointer;
            user-select: none;
            opacity: 0.5; /* 50%透明度 */
        }
        
.floating-text:hover {
            transform: scale(1.2);
            z-index: 10;
            opacity: 1; /* 50%透明度 */
        }



@media(max-width:1024px){
    .my-push-box ul li span{width: 24%;}
    .my-push-box ul li a{width: 70%;}
    .personal-info-card .personal-bg>div.btn-myInfo{padding-left: 40px;}
    .home-model01 .my-services ul li a img{width: 60px;}
    .main-content{width: 81%;margin-bottom: 0;}
    .main-content .home-model01{display: flex;justify-content: flex-start;flex-wrap: wrap;height: auto;}
    .home-model01 .my-services{float: none;width: 100%;margin-right: 0;}
    .personal-info-card{float: none;width: 100%;margin-bottom: 20px;}
    .personal-info-card .personal-bg>div.btn-myInfo{padding-left: 84px;}
    .home-model02 .left-content{width: 100%;margin-bottom: 20px;}
    .my-footprint-box{width: 100%;}
    .footprint-list{height: auto;padding-right: 0;}
}

@media(max-width:768px){
    .main-content{width: 76%;}
    .my-interaction-box ul li{text-align: center;height: auto;width: 30%;}
}

@media(max-width:640px){
    .home-model01 .my-services{padding: 10px;}
    .home-model01 .my-services ul li a span{font-size: 0.7rem;}
    .personal-info-card,.main-content .home-model01{margin-bottom: 15px;}
    .personal-info-card{height: auto;}
    .my-interaction-box{height: auto;margin-bottom: 15px; width: 100%; float: none}
    .my-survey-box{width:100%;}
    .my-push-box ul li span{font-size: 0.7rem;}
    .my-push-box ul li{line-height: 38px;}
    .home-model02 .left-content{margin-bottom: 15px;}
    .footprint-list .singel-day ul li a{font-size: 0.8rem;padding: 10px;}

}
@media(max-width:550px){
    .my-interaction-box ul{}
    .personal-bg{padding: 15px;}
    .personal-info-card .personal-bg>div.btn-myInfo a{font-size: 0.7rem;width: 100px;height: 30px;line-height: 30px;}
    .home-model01 .my-services ul li a{padding: 10px;}
    .home-model01 .my-services ul li{width: auto;height: auto;}
    .home-model01 .my-services ul li a img{width: 52px;}
    .my-push-box,.my-footprint-box{padding: 15px;width: 100%;margin: 10px 0 0 0;}
    .my-interaction-box ul li a{padding: 20px 0;/*! height: auto; */}
    .my-interaction-box ul li img{float: none; width:90%;}
    .home-model01 .my-services ul li:hover{box-shadow: none;}
    .home-model01 .my-services ul li a:hover{color: #1559A3;}
    .my-footprint-box .title01 a{margin-right: 15px;}
    .main-content{width: 74%;}
    .footprint-list .singel-day ul li a{border-radius: 6px;}
    .my-footprint-box .title01 a{margin-right: 0;}
    .main-content{width: 100%;display: block;}
}

@media(max-width:500px){
    
    .home-model01 .my-services ul li a span{font-size: 0.8rem;}
    .home-model01 .my-services ul li a img{width: 56px;margin-bottom: 5px;}
    .footer-nr .ipv6{display: block;width: 100%;}
    .my-interaction-box ul li a{/*! padding: 15px 0; */font-size:1rem;}
    .my-interaction-box ul li a span{white-space: normal;}
    .personal-info-card, .main-content .home-model01,.my-interaction-box,.home-model02 .left-content,.home-model01 .my-services{margin-bottom: 10px; width:100%;}
    .home-model02{width: 100%;margin: -10px 0 0 0;}
    .my-services{margin:0 0 10px 0;}
    
}

@media(max-width:450px){
    
    .personal-info-card .personal-bg>div:first-child{margin-bottom: 0;}
    .home-model01 .my-services ul li a{padding: 0;}
}

@media(max-width:420px){
    .my-interaction-box ul li a h1{margin-bottom: 4px;float: left;width: 100%;}
    .my-push-box ul li{line-height: 30px;}
    .home-model01 .my-services ul li a img{width: 52px;}
    .personal-info-card .personal-bg>div.btn-myInfo a{width: 84px;}
    .title01 a img{height: 8px;margin-left: 4px;}
    

}