.headerLeft .flex{display:flex;justify-content:space-between} .headerLeft .detailMessage{margin-top:40px;justify-content:flex-start;margin-bottom:20px;display:flex} .headerLeft .msg{margin-right:35px} .headerLeft .msg p{align-items:center;width:100%;padding:0px 10px;box-sizing:border-box;height:46px;font-family:"寰蒋闆呴粦",sans-serif;font-weight:400;font-style:normal;color:#7f7f7f;margin-bottom:4px} .headerLeft .msg .firstP{padding:0px 20px;display:flex;justify-content:space-between} .headerLeft .msg .lastP{justify-content:center} .headerLeft .msg .count{font-family:"DIN","寰蒋闆呴粦",sans-serif;font-weight:500;font-style:normal;font-size:36px;color:#006eab;padding:0} .headerLeft .msg .lastSpan{font-size:24px} .headerLeft .msg .desc{display:block;font-family:"寰蒋闆呴粦",sans-serif;font-weight:400;font-size:14px;color:#aaaaaa;background-color:#e5e5e5a4;text-align:center;padding:4px 6px;border-radius:4px} .tel-ul a{color:#0a8ce1} .guide-left{left:-97px !important;top:60px} .matters-bszn{text-align: left;} .matters-bszn .title-name{font-size: 24px;font-weight: bold; color: #3D3D3D;padding-top: 20px; margin-bottom: 4px;} .matters-bszn .country-name{font-size:12px;color: #FF8F1F;border-radius: 4px;background: #FFE5CC; padding: 2px 8px;} .headerLeft .detailMessage{margin-top: 32px;} .headerLeft .msg .firstP{justify-content: flex-start;} .headerLeft .msg .desc{color: rgba(0, 0, 0, 0.45);background: none;} .headerLeft .msg .count{font-size: 18px; padding: 0 4px;} .headerLeft .msg p{justify-content: flex-start;font-size: 16px; color: #3D3D3D; height: 22px;padding: 0 6px;} .headerLeft .msg {margin-right: 35px;display: flex;flex-direction: column;align-items: flex-start;} .matters-bszn-btn a{display: flex; align-items: center; background: #EBF3FF; float: left;margin-right: 12px;font-size: 14px;color: #006eab;line-height: 34px;padding: 0 17px;border-radius: 5px;transition: all .3s; cursor: pointer;} .matters-bszn-btn a.active{background: #006EAB; color: #fff;} .matters-bszn-btn a img{ width: 16px;height: 16px; margin-right: 5px;} .matters-bszn-btn a.btn-disabled{background: #f8f8f8;opacity: 1; color: #999;} .bszn-guide-title{} .bszn-guide-title h2{position: relative; padding-left: 12px; font-size: 18px !important; color: #3d3d3d !important; line-height: 45px !important; font-weight: bold;} .bszn-guide-title h2:before{content: "";position: absolute; left: 0; top: 50%; width: 3px;height: 18px; background:#006EAB; transform: translateY(-9px);} .hn-jbxx-table table .things_title{background: #f8f8f8 !important; } .hn-jbxx-table table td{border-color: rgba(196, 196, 196, 0.502) !important;} .bszn-new-tab{height: 40px; line-height: 40px;background: #F8F8F8;font-size: 14px;} .bszn-new-tab span{font-size: 14px; padding: 0 20px; line-height: 40px;display: inline-block; cursor: pointer;border-radius: 4px;} .bszn-new-tab span.on{background: #006EAB; color: #fff;} .bszn-new-con{margin: 26px auto 20px; min-height: 320px;} .guide-left{width: 104px !important; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); padding: 6px; background: #fff;border-radius: 4px;} .guide-left-menu{width: 92px; position: relative;} .guide-left-menu li{border: none !important;height: 36px !important;line-height: 36px !important; padding-right: 0 !important;text-align: center !important;} .guide-left-menu li a{line-height: 36px !important;} .guide-left-menu .active{background: linear-gradient(0deg, #006EAB, #006EAB), #FFFFFF !important;font-size: 14px !important;border-radius: 4px !important;text-align: left !important;padding-left: 8px;} .guide-left-menu .active a{color: #fff !important;font-size: 14px !important;font-weight: normal !important;} .guide-left-menu .active a:after{right: 8px !important;width: 0 !important;height: 0 !important;border-left: 5px solid #fff !important;border-top: 5px solid transparent !important;border-bottom: 5px solid transparent !important;top: 50% !important;transform: translateY(-5px) !important;} .c-star__wrapper{margin-bottom: 8px;} .c-star__wrapper em img{margin-right: 5px;} .newguide-other .comment-rate{margin-top: 20px;} .flow-info{color: #3D3D3D;font-size: 14px;line-height: 24px;} .flow-info h2{font-weight: 700;} /*.guide-part-content{border: 1px solid rgba(196, 196, 196, 0.502); padding: 12px 16px;}*/ .guide-table-ui table th, .guide-table-ui table td{border: 1px solid rgba(196, 196, 196, 0.502) !important;} .flyj-table table th, .flyj-table table td{text-align: left !important;} .flyj-table table th{padding: 4px 12px;} .guide-part-content p:last-child{padding-bottom: 0 !important;} #material tr td{text-align: left;} .table-collapse-toggle1{background:none !important;color: #006EAB;} .table-collapse-toggle1:after{display: none;} #materialApp .materialPage{border: 1px solid rgba(196, 196, 196, 0.502); padding: 12px 16px; margin:0 auto 20px;} .guide-table-ui table th, .guide-table-ui table td{text-align: left !important; padding: 0 12px;} .table-info-css{line-height: 24px;} .table-info-css b{font-weight: bold;} .guide-table-ui table a.sample-btn2{display: inline-block; margin: 4px auto;font-size: 14px;color: #006eab;border: 1px solid rgba(0, 110, 171, 0.1);background: rgba(0, 110, 171, 0.1);padding: 0 6px;line-height: 24px;} .guide-part{margin-top: 0!important;} .yhxz-btn{margin: 20px auto 40px;display: flex;justify-content: flex-start;} .yhxz-btn a{margin-left: 0; margin-right: 16px; border-radius: 4px; background: #006EAB;font-weight: normal; width: auto;padding: 0 24px;} .yhxz-btn a.btn-border{color: rgba(0, 0, 0, 0.6);border: 1px solid rgba(0, 0, 0, 0.16);} .yhxz-btn a.btn-border:hover {background: #fff;color: rgba(0, 0, 0, 0.6);} .modal-880 .modal-dialog {width: 880px;} .modal-880 .modal-ft{text-align: center;padding-top: 10px;padding-bottom: 20px;} .ywtb-btn{height:40px;padding:0 24px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;line-height:40px;text-align:center;display:inline-block;background:#006EAB;text-decoration:none;border-radius:4px;margin-right:16px;} .ywtb-btn-default{color:rgba(0,0,0,0.6);background-color:#fff;border:1px solid rgba(0,0,0,0.16)} .ywtb-btn:hover{opacity:.85} .ywtb-sq-box{ width: 600px; margin: 20px auto 0;} .ywtb-sq-box .tips{color: #333;line-height: 24px;font-size: 16px;text-align: center;} .ywtb-sq-box .user-info{ padding: 30px 20px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);background: #fff; width: 380px; height: 216px;border-radius: 8px; margin: 30px auto 0;} .ywtb-sq-box .user-info .userpic{margin: 0 auto 16px; width: 64px; height: 64px; border-radius: 50%; background: linear-gradient(169deg, #A7DBFE 7%, rgba(167, 219, 254, 0) 92%);} .usertable{width: 100%;} .usertable tr,.usertable td{border: 1px solid rgba(196, 196, 196, 0.502);} .usertable td{padding: 0 12px; height: 38px; color: #3D3D3D;font-size: 16px;font-weight: bold;} /*纭鎺堟潈*/ .empower-box{min-height: 400px;} .empower-box .hd{border-bottom: 1px solid rgba(0, 0, 0, 0.08); height: 48px; text-align: center; margin-bottom: 36px} .empower-box .hd span{display: inline-block; font-size: 18px; font-weight: 500;color: rgba(0, 0, 0, 0.6); padding: 0 32px;line-height: 46px; cursor: pointer;} .empower-box .hd span.on{color: #000; border-bottom: 2px solid #000;} .empower-box .bd .bd-con h2{font-size: 14px;color: #000;text-align: center;} .verify-item{margin:16px auto;padding:0} .verify-item::before,.verify-item::after{content:' ';display:block;clear:both} .verify-item .code-input-item{display:inline-block;height:40px;width:40px;margin-right:16px} .verify-item .code-input-item:last-child{margin-right:0} .verify-item .code-input-item input[type="text"]{width:100%;height:100%;border:1px solid #000;outline:0;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-size:20px;font-weight:600;color:#000;} .verify-wrap ul{width:auto;display:flex;justify-content:center} .verify-wrap ul .code-input-item{margin-right:15px} .control-list{text-align:center;margin-top:25px} .control-list a{text-decoration:none;color: #006EAB;font-size:14px;cursor:pointer} .empower-tips{margin: 16px auto 28px; padding: 0 20px; color: rgba(0, 0, 0, 0.6);font-size: 14px;line-height: 24px;} /*.empower-tips p{display: flex;justify-content: flex-start;}*/ .empower-box .ewm-box{margin: 20px auto;text-align: center;} .ewm-box .ewm-img{width: 160px;height: 160px; margin-bottom: 16px;} /*鍔炵悊鍦扮偣寮圭獥鏍峰紡*/ #matters-material-add .modal-bd h3{font-size: 16px;font-weight: 500;margin-bottom: 10px;} #matters-material-add .modal-bd .area-select{display: flex; margin-bottom: 20px} #matters-material-add .modal-bd select{line-height: 40px;border: 1px solid rgba(0, 0, 0, 0.16);height: 40px;border-radius: 4px;margin-right: 16px;padding: 0 16px;} #matters-material-add .modal-bd .a-button{display: inline-block; border-radius: 4px; padding: 0 20px; height: 32px;line-height: 32px;margin-right: 8px;font-weight: bold;color: #fff;text-align: center;background: #006eab;} #matters-material-add .modal-bd .area-info{line-height: 32px;font-size: 14px; margin-bottom: 20px;margin-top: 20px;} #matters-material-add .modal-bd .area-info li{background: rgba(0, 0, 0, 0.0392);padding: 12px 16px; min-height: 120px;border-radius: 8px;} #matters-material-add .modal-bd .area-info li h2{font-weight: bold;display: flex;justify-content: flex-start;} #matters-material-add .modal-bd .area-info li h2 img{margin-right: 16px;} #matters-material-add .modal-bd .area-info li p{line-height: 24px;padding-left: 40px;} /*QA*/ .cjwtContent{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px dashed rgba(0, 0, 0, 0.0784);} .cjwtContent .qp{padding-left: 32px; background: url(/hnywtb/resources/images/ico_bszn_Q.png) no-repeat 0 0; font-size: 15px;font-weight: bold;color: #3D3D3D;margin-bottom: 8px;} .cjwtContent .ap{padding-left: 32px; background: url(/hnywtb/resources/images/ico_bszn_A.png) no-repeat 0 0; font-size: 14px;color: rgba(0, 0, 0, 0.6);} /*gr fr*/ .second-banner-wrap{height: 340px;background: #f8f8f8; padding: 44px 0 36px;} .second-banner-wrap.bg_gr{background: url("/hnywtb/service/images/personal_banner_bg1.jpg") #f7f8fc right center no-repeat;} .second-banner-wrap.bg_fr{background: url("/hnywtb/service/images/personal_banner_bg2.jpg") #fafeff left center no-repeat;} .zt-banner-title{font-size: 28px;font-weight: 900; color: #3D3D3D;padding-bottom: 14px;} .zt-banner-wrap{display: flex;justify-content: space-between;margin-bottom: 48px;} .zt-banner-wrap .zt-banner-left-wrap{width: 650px;} .zt-banner-wrap .zt-banner-right-wrap{display: flex;justify-content: flex-end;flex: 1 0 auto; } .zt-banner-wrap .zt-banner-right-wrap .contnet-item{margin-left: 36px;} .zt-banner-wrap .zt-banner-right-wrap .contnet-item .value{font-size:16px;color: #3D3D3D; margin-bottom: 4px;} .zt-banner-wrap .zt-banner-right-wrap .contnet-item .value b{font-size: 20px;color: #006EAB;font-weight: bold; padding-right: 4px;} .zt-banner-wrap .zt-banner-right-wrap .contnet-item .label{font-size: 14px; color: rgba(0, 0, 0, 0.45);} .personal-wrap-item{position: relative;margin-left: -5px;margin-right: -5px;} .personal-wrap-item .item-header{display: flex;align-items: flex-start;margin: 5px 7px;background: rgba(255, 255, 255, 0.65); padding: 16px; transition: all .3s;} .personal-wrap-item .item-header:hover{transform: translateY(-5px);} .personal-wrap-item .item-header .svg-icon-spin{width: 40px;height: 40px;} .personal-wrap-item .item-header .header-right-content{padding-left: 16px;} .personal-wrap-item .item-header .header-right-content .title{font-size: 16px;font-weight: 600;color: #333333; margin-bottom: 6px;} .personal-wrap-item .item-header .header-right-content .desc{display: flex;flex-direction: column;min-height: 48px;font-size: 14px;color: #666666;line-height: 24px;} .personal-wrap-item .item-header .header-right-content .desc a{color: #666666;} .personal-wrap-item .swiper-button-next, .personal-wrap-item .swiper-button-prev{width: 32px;height: 32px;background-color: rgba(255, 255, 255, 0.85);border-radius: 50%;background-size: 20%;} .personal-wrap-item .swiper-button-next.disabled, .personal-wrap-item .swiper-button-prev.disabled{filter: opacity(0.2);} /*.personal-wrap-item .swiper-button-prev{left: -46px;} .personal-wrap-item .swiper-button-next{right: -46px;}*/ .personal-wrap-item .swiper-button-prev { left: -46px; background: url("/Other/zwfw-new/hnywtb/service/images/ico-button-prev.svg") no-repeat; /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAaCAYAAACHD21cAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAJ8SURBVDhPnZRdb9JQGMcPpwVh09kpsELZWiEzu8REJvGqi85wiXfezX0C4ydw+wT6DZyXu9JLE5fBbiaKiXjrMuwcA5Ypa3lZgfLiec46IlvLjL+L5vQ8zy896fNvHegfuBt/+GJ83LMC6xO9sZzd3lzDtDICkNxu18rsbASNeTxkh6H7I8XYvcVnZ9LR0S/0u1LJjbuMd1CzPep8/MGSy31lDaRK5RiVSofKmMu4k06nVahbitHYYtTjxl/n5m4jTauiQqGo4B6zkMm8V8yWi0eNxmXJ6eyn4En1esNSAoZEkFwOJiXOTHNwFGXvp2olAQPxTBJCgjRx7Sr6vrOLkOGwlAAqRmWZA4kP8NIkd51KHcNYzmY/5GiXBZhKbZZK3ps3qNRstZ9nM5trZo8lmG2xr30+b3TK76NSu91e/fJx45VZtwVPchPJYIAfSJ+3N2i0LgN3uz1zSeihvrm6FMY7JUiG0Y2Gb4noWFVlnhfRQSG/ZdZtYfwRcatdbyUwxnwoFERatSoHAtPaQeFHxuyxhCkrStMXmVnXVf0JyzIcyKpWS0zx0l6xkLcfB1xyJLi4zyyUioeKpmkoHJYQ68QvYySztMuCQXIgISAX9kuKruuIZJVj3ThlJw9lFeR+Bz0mwaafDjk253D23kIcacNfDIkAxKzT7C3s7OyqHvLFhwRBcmEmdV4+/Q+co1jMl4NBqVyt1ZOCEECYYTi9cZL0RcQ38DKhx1IEyDi++QMieVfVxHRIOJU1PQETANlWBMg4Mv6g6CCyLIkzqNls8UajUyb7n0aKQHE/nwa5Vq3J3W4XGZ3OOtmzne8F5uOPlmL3F5+at/8LQn8A/8oeObXa7MoAAAAASUVORK5CYII=) no-repeat 50% #fff;*/ } .personal-wrap-item .swiper-button-next { right: -46px; background: url("/Other/zwfw-new/hnywtb/service/images/ico-button-next.svg") no-repeat; /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAaCAYAAACHD21cAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJSSURBVHgBpdNNb9JwHAfwXx9WQBepKNAynoSx6A2TseBOxWyGI968yUvYO9h8BcZXsOzoST2aacAbCybi0SxidcBY4kMfgLKWgv9/RxcVKCR+D03/ST/5P30L8L/JbG4XN7IPHi/6PWWjKx73/hJDF/x8lGid1MvzIGk9R+BlGAbWUklwM8zu+ubW3kIzBlajnwY9I08QBBcJr4AsK0KAj8mtRr3iCNui2Pcno881ufeIpCh2jPMcFxWbjS8fZ8JLvBJ7pXV7BbRsNsgF4JckC3ww8brVqrdh6h7HqVXKoj40c41mU9Q0DVKpJEu7yVIms512hDYeGeTDRqMl4XE4HGIJGl5ks/m4I8SpVg9rg/4wd3z8WfJ4PBCO8PEhYZb+xBTMCN4XH0qcqapaCIV4oGmKVTtqwb8aPcDnMRNauFGv8XxElmQ1j5ZsYXTyeXwDjhAHXUeF42IgK4oQj0XAMAbceafPzYUXuP4OY0VVhcStGHS7WpqERUMCYb9SFAkLwQ3UXVSKXdzl1mkbFUN5ScxD6/e2dtwu5ilG33/8hHb7rKYzg5wjzGTvF11u9/4lOm2Lusu8WyuXpZkQ1wzV7cOd22u4s+iAmqI+MnO4WRdbnhKrIUujEp5JUTsTCIeehoakWYrHouwIjb9+O5GMf9DEjDZCLYkvL18F1FV04cQE+gsKgsBixPPBuNd7zUKmMSjWUOFhSmgb9XTaQj7fdQuda8ZO9ejtAcyINWNXXyrc8PnSfv9NC/X7+l716PAZOGS8VBN66I+30fvKmycwJ78B5Z8iI5B1LE4AAAAASUVORK5CYII=) no-repeat 50% #fff;*/ } .promotion-login-box .convenience-box .swiper-button-next, .promotion-login-box .convenience-box .swiper-button-prev { display: none; width: 32px;height: 32px;border-radius: 50%; /*background-size: 6px 11px;*/ box-shadow: 0px 0px 10px 0px rgba(194, 227, 255, 0.8118); cursor: pointer; } /**/ .personal-part-hd{height: 56px;display: flex;justify-content: flex-start; margin-bottom: 16px;} .personal-part-hd span{min-width: 138px; margin-right: 16px;text-align: center; font-size: 22px;font-weight: bold;color: rgba(61, 61, 61, 0.85); padding: 0 20px;line-height: 56px;cursor: pointer;} .personal-part-hd span.on,.personal-part-hd span.active_x{color: #006EAB;border-bottom: 3px solid #006EAB;} .personal-part-bd{min-height: 875px; display: flex; margin-bottom: 20px;} .personal-part-bd-left{width: 138px;flex-shrink: 0; max-height: 720px;overflow-y: auto;} .personal-part-bd-left::-webkit-scrollbar {width: 6px; /* 璁剧疆婊氬姩鏉″搴� */} .personal-part-bd-left::-webkit-scrollbar-thumb {background-color: #f1f1f1; /* 璁剧疆婊戝潡鑳屾櫙鑹� */border-radius: 4px; /* 璁剧疆婊戝潡鍦嗚 */} /*.personal-part-bd-left::-webkit-scrollbar-track {*/ /* background-color: #f1f1f1; !* 杞ㄩ亾棰滆壊 *!*/ /*}*/ .personal-part-bd-left .content_x{padding-top:0;} .personal-part-bd-left li{width: 100%; height: 48px; border-radius: 4px; margin-bottom: 8px;} .personal-part-bd-left li a{display: flex;height: 48px;font-size: 16px;color: #333333; align-items: center;padding-left:16px;background: #F9FAFD; cursor: pointer;} .personal-part-bd-left li a span{padding-left: 16px;} .personal-part-bd-left li a .icon{font-size: 28px;} .personal-part-bd-left li a.on,.personal-part-bd-left li a.active,.personal-part-bd-left li a:hover{background: #EBF3FF;color: #006EAB;} .personal-part-bd-left li a.on span,.personal-part-bd-left li a:hover span{color: #006EAB;} .personal-part-bd-left li a:hover .ico-personal-img{filter: invert(.1) sepia(1) saturate(5) hue-rotate(175deg);} .personal-part-bd-left li img{width: 28px;height: 28px;} .personal-part-bd-right{margin-left: 8px; padding: 0 20px; background: #F9FAFD; flex: 0 0 auto; width: calc(100% - 146px)} .personal-part-bmbClass{} .personal-part-bmbClass .personal-part-bd-left{display: none;} .personal-part-bmbClass .personal-part-bd-right{width: 100%; margin-left: 0;} .personal-part-list-hd{display: flex;justify-content: space-between;align-items: center; padding: 16px 0} .personal-part-list-hd .part-title-h2{font-size: 20px;font-weight: bold;color: #3D3D3D; margin-right: 16px;} .personal-part-list-hd .part-show{display: flex;justify-content: space-between;align-items: center;width: 100%;} .part-tools{height: 40px;display: flex;align-items: center;} .personal-part-list-hd .part-bmb-show .part-tools{flex: 1 0 auto;display: flex;justify-content: space-between;} .personal-part-list-hd .part-bmb-show .part-tools .part-select-memu{min-width: 240px;} .part-right-container{display: flex;align-items: center;} .part-right-container label{float:left; margin-left: 16px;line-height:40px;font-size: 16px; color: #333; white-space: nowrap;} .part-right-container label input{margin-right: 8px;} .part-right-container .filter-box .filter-left .filter-title{float:left;font-size:18px;color:#333;font-weight:bold;margin-right:20px} .part-right-container .filter-right{position:relative; margin-left: 16px;} .part-right-container .filter-right .input{width:217px;height:40px;border:1px solid #e7e7e7;border-radius:4px;padding:0 16px;font-size:14px;color:#353b47;} .part-right-container .filter-right .btn-click{position:absolute;right:0;height:100%;width:40px;top:0;border-radius:0 4px 4px 0;background:url(/Other/zwfw-new/hnywtb/service/images/ico_search_personal.svg) center no-repeat;filter: hue-rotate(180deg);cursor:pointer} .part-tools .part-select-memu{width:125px;position:relative;border:1px solid #d7d8dd;border-radius:4px;white-space:nowrap} .part-tools .part-select-memu .select-memu-title:before{display:block;content:"";position:absolute;right:0px;top:10px;width:18px;height:18px;background:url(/Other/zwfw-new/hnywtb/service/images/ico_turn_arr.svg) no-repeat;background-size:cover;transition:transform .3s ease} .part-tools .part-select-memu.active .select-memu-title:before{transform:rotate(180deg)} .part-tools .part-select-memu .select-memu-title{width: 100%; display:inline-block;justify-content:center;align-items:center;text-align:left;padding:0 40px 0 20px;height:40px;line-height:40px;font-size:15px;color:#353b47;border-radius:4px;cursor:pointer;position:relative} .part-tools .part-select-memu .memu-list{display:none;position:absolute;padding:5px 0;width:100%;top:102%;left:0;z-index:999;background-color:#fff;box-shadow:0 10px 10px 0 rgba(13,28,40,.2);max-height: 231px;overflow-y: auto;} .part-tools .part-select-memu .memu-list .memu-item{line-height:33px;font-size:16px;cursor:pointer;overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;color:#1a2b40;display:block;font-size:12px;text-align:center} .part-tools .part-select-memu .memu-list .memu-item:hover{background:#f1f4f7} .part-tools .part-select-memu.active .memu-list{display:block} .part-tools .part-select-memu .memu-list li a{line-height:33px;font-size:14px;cursor:pointer;overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;color:#1a2b40;display:block;text-align:left; padding: 0 12px;} .part-tools .part-select-memu .memu-list li a:hover{background:#f1f4f7} .personal-part-list-bd{} .personal-matter-list {color: #000000;margin-bottom: 15px;} .personal-matter-list .matter-item{position:relative;line-height:80px;text-indent:20px;overflow:hidden;border-top:1px solid #e5e5e5;cursor:pointer} .personal-matter-list .matter-item.last{border-bottom:1px solid #e5e5e5} .personal-matter-list .matter-item.active .sub-list{display:block} .personal-matter-list.active>div{background-color:#fff} .personal-matter-list .matter-item>div::after{content:'';position:absolute;width:0;height:0;border-left:5px solid transparent;border-top:5px solid #cbb486;border-right:5px solid transparent;left:10px;top:50%;transform:translateY(-50%);transition:all .3s} .personal-matter-list .matter-item>div.active::after{transform:translateY(-50%) rotate(-180deg);-ms-transform:translateY(-50%) rotate(-180deg);} .personal-matter-list .matter-item>div{position:relative;padding:0 10px} .personal-matter-list .matter-list .matter-item .icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#9b9fa3} .personal-matter-list .sub-list{padding:0;cursor:default;display:none} .personal-matter-list .sub-list .sub-item{color:#555555;padding:0 20px 20px 40px;line-height:32px} .personal-matter-list .sub-list .sub-item>.text{position:relative} .personal-matter-list .sub-list .sub-item>.text:hover{color:#d6c4a2} .personal-matter-list .sub-list .sub-item>.text::after{position:absolute;content:'';width:4px;height:4px;background-color:#cbb486;top:50%;left:0} .personal-matter-list .sub-hand{cursor:pointer} .personal-matter-list .sub-icon{margin-left:10px} .personal-matter-list .sub-item a{text-align:center;line-height:28px;border-radius:3px;outline:none;padding:4px 14px} .personal-matter-list .sub-item .handle,.sub-item .handle:focus{padding:5px 14px;border:none} .personal-inventory-items{background: #fff;padding: 12px;} .personal-inventory-items+.personal-inventory-items{margin-top: 8px;} .personal-inventory-items .personal-collapse-content{display: none;} .personal-inventory-items .personal-collapse-content .personal-collapse-header:first-child{margin-top: 12px;} .personal-inventory-items .personal-collapse-content .personal-collapse-header:last-child{margin-bottom: 0;} .personal-inventory-items.active .personal-collapse-content{display: block; transition: all .3s;} .itemCollapse{width: 100%;display: flex;align-items: center;flex-wrap: wrap;} .matterTitle {font-size: 15px;color: #000; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex: 1;} .matterTitle .itemTitle {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: flex;align-items: center;cursor: pointer; position: relative;} .matterTitle .itemTitle .ico-expand{margin-right: 8px;} .matterTitle .itemTitle .childNumber{margin-left: 6px; padding: 0 14px 0 4px; background: #EBF3FF;border-radius: 2px;font-size: 12px;color: #006EAB;cursor: pointer;display: flex;align-items: center;line-height: 17px;position: relative;} .matterTitle .itemTitle .childNumber:after{content: "";position: absolute;right: 4px;top: 50%;border: 3px solid transparent;border-top-color: #006EAB;transition: all .3s ease;} .matterTitle .itemTitle .itemName {display: block;margin-right:6px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;font-weight: normal;font-size: 16px;color: #000000;} .matterTitle .itemTitle .matterTag{font-size: 12px;border-radius: 4px;padding: 0 6px;line-height: 21px;margin-right: 5px;} .matterTitle .itemTitle .orange{border: 1px solid #FFD2A6;background: #FFE5CC;color: #FF8F1F;} .matterTitle .itemTitle .blue{border: 1px solid #006EAB;background: #EBF3FF;color: #006EAB;} .itemBtn a{float:left;margin-left: 12px; font-size: 12px; padding: 0 12px;border-radius: 4px; line-height: 25px; cursor: pointer;} .itemBtn a.bsznBtn {background: #EBF3FF;color: #006EAB;} .itemBtn a.zxblBtn{background: #006EAB;color: #fff;} .itemBtn a:hover{opacity: .75;} .personal-main-header{/*margin-bottom: 12px;*/line-height: 28px; padding-right: 24px;} .personal-main-header .matterTitle{font-size: 16px;font-weight: 500;} .personal-main-header .matterTitle .itemTitle .itemName{font-weight: 600;} .personal-collapse-header{background: #F9FAFD;padding: 8px 24px; margin-bottom: 8px;} .personal-collapse-header .matterTitle .itemTitle{padding-left: 12px;font-size: 15px;color: #3D3D3D;} .personal-collapse-header .matterTitle .itemTitle:before{content: "";position: absolute;top: 50%; left: 0px;transform: translateY(-50%); width: 4px;height: 4px;background: #6C6C6D;} .personal-collapse-header .matterTitle .itemTitle .itemName{font-size: 15px;color: #3D3D3D;} .personal-main-header.active .matterTitle .itemTitle .childNumber:after{transform: translateY(-50%) rotate(-180deg);} .matterTitle .itemTitle .childNumber em{display: none;} .personal-main-header.active .matterTitle .itemTitle .childNumber i.unfold{display: none;} .personal-main-header.active .matterTitle .itemTitle .childNumber em{display: block;} .personal-collapse-more{background: #F9FAFD;padding: 8px 24px;text-align: center;font-size: 14px;color: rgba(0, 0, 0, 0.6);cursor: pointer;} .personal-collapse-more:hover{background: #EBF3FF;color: #006EAB;} /*AI鏈哄櫒浜烘绱�*/ .robotAI .inputContainer{justify-content:space-between;width:540px;height:50px;margin-right:9px;border-radius:8px;background-color:#fff;} .robotAI .inputContainer select{width:70px;height:20px;margin-left:16px;font-size:14px;color:#333} .robotAI .inputContainer .searchText{margin-left:0;padding:0 12px;border:none;color: #27376F;background-color:transparent;font-size:16px;font-weight:bold;outline:none;width:100%} .robotAI .inputContainer .searchText::placeholder{color: rgba(39, 55, 111, 0.25);font-size:16px;font-weight:bold;} .robotAI .inputContainer .searchText::-webkit-search-cancel-button { /**绉婚櫎榛樿鏍峰紡**/ -webkit-appearance: none; position: relative; height: 18px; width: 18px; border-radius: 50%; /**浣跨敤鑷畾涔夌殑鑳屾櫙鍥炬浛鎹㈤粯璁 **/ background: url("/Other/zwfw-new/hnywtb/service/images/ico_custome-clear.svg") no-repeat center; background-size: 100% 100%; color:rgba(0,0,0,0); } .robotAI .inputContainer .search{width:70px;height:50px;background: #006EAB;justify-content:center;border-radius:0 8px 8px 0} .robotAI .inputContainer .search img{width:22px;height:22px} .robotAI .IntelligentAssistant{position:relative;width:98px;height:50px;line-height:50px;text-align:center;border-radius:8px;background:linear-gradient(56deg,#85adf1 -2%,#0356ff 111%)} .robotAI .IntelligentAssistant span{font-family:YouSheBiaoTiHei;font-size:18px;font-weight:bolder;letter-spacing:0px;color:#ffffff;width:98px;height:50px;line-height:50px;text-align:center;border-radius:8px;background:linear-gradient(56deg,#85adf1 -2%,#0356ff 111%);display:block;z-index:2;position:relative} .robotAI .IntelligentAssistant span img{width:67px;height:22px;position:relative;top:5px} .robotAI .IntelligentAssistant .ddtt{width:67px;height:67px;position:absolute;right:-7px;top:-46px;z-index:1} .flex {display: flex;align-items: center;} /* !*gr fr 54 ICON*! .personal-part-bd-left li a i{ float: left; width: 70px; height: 68px; background: url(/onething/service/images/bff13_11.png) no-repeat; margin-top: 29px; transition: .2s; } .personal-part-bd-left li a .i1{ background-position: -7px -12px; } .personal-part-bd-left li a:hover .i1,.personal-part-bd-left li a.active .i1{ background-position: -7px -108px; } .personal-part-bd-left li a .i2{ background-position: -137px -12px; } .personal-part-bd-left li a:hover .i2,.personal-part-bd-left li a.active .i2{ background-position: -137px -108px; } .personal-part-bd-left li a .i3{ background-position: -266px -12px; } .personal-part-bd-left li a:hover .i3,.personal-part-bd-left li a.active .i3{ background-position: -266px -108px; } .personal-part-bd-left li a .i4{ background-position: -392px -12px; } .personal-part-bd-left li a:hover .i4,.personal-part-bd-left li a.active .i4{ background-position: -392px -108px; } .personal-part-bd-left li a .i5{ background-position: -523px -12px; } .personal-part-bd-left li a:hover .i5,.personal-part-bd-left li a.active .i5{ background-position: -523px -108px; } .personal-part-bd-left li a .i6{ background-position: -653px -12px; } .serdg-c1-ul li:hover a .i6,.personal-part-bd-left li a.active .i6{ background-position: -653px -108px; } .personal-part-bd-left li a .i7{ background-position: -783px -12px; } .personal-part-bd-left li a:hover .i7,.personal-part-bd-left li a.active .i7{ background-position: -783px -108px; } .personal-part-bd-left li a .i8{ background-position: -908px -12px; } .personal-part-bd-left li a:hover .i8,.personal-part-bd-left li a.active .i8{ background-position: -908px -108px; } .personal-part-bd-left li a .i9{ background-position: -1035px -12px; } .personal-part-bd-left li a:hover .i9,.personal-part-bd-left li a.active .i9{ background-position: -1035px -106px; } .personal-part-bd-left li a .i10{ background-position: -1167px -12px; } .personal-part-bd-left li a:hover .i10,.personal-part-bd-left li a.active .i10{ background-position: -1167px -107px; } .personal-part-bd-left li a .i11{ background-position: -1284px -12px; } .personal-part-bd-left li a:hover .i11,.personal-part-bd-left li a.active .i11{ background-position: -1284px -107px; } .personal-part-bd-left li a .i12{ background-position: -1406px -15px; } .personal-part-bd-left li a:hover .i12,.personal-part-bd-left li a.active .i12{ background-position: -1406px -110px; } .personal-part-bd-left li a .i13{ background-position: -1545px -17px; } .personal-part-bd-left li a:hover .i13,.personal-part-bd-left li a.active .i13{ background-position: -1545px -113px; } .personal-part-bd-left li a .i14{ background-position: -1677px -19px; } .personal-part-bd-left li a:hover .i14,.personal-part-bd-left li a.active .i14{ background-position: -1677px -114px; } .personal-part-bd-left li a .i15{ background-position: -1823px -16px; } .personal-part-bd-left li a:hover .i15,.personal-part-bd-left li a.active .i15{ background-position: -1823px -113px; } .personal-part-bd-left li a .i16{ background-position: -1965px -21px; } .personal-part-bd-left li a:hover .i16,.personal-part-bd-left li a.active .i16{ background-position: -1965px -116px; } .personal-part-bd-left li a .i17{ background-position: -2120px -24px; } .personal-part-bd-left li a:hover .i17,.personal-part-bd-left li a.active .i17{ background-position: -2120px -119px; } .personal-part-bd-left li a .i18{ background-position: -2269px -22px; } .personal-part-bd-left li a:hover .i18,.personal-part-bd-left li a.active .i18{ background-position: -2269px -119px; } .personal-part-bd-left li a .i19{ background-position: -2412px -24px; } .personal-part-bd-left li a:hover .i19,.personal-part-bd-left li a.active .i19{ background-position: -2412px -120px; } .personal-part-bd-left li a .i20{ background-position: -2536px -26px; } .personal-part-bd-left li a:hover .i20,.personal-part-bd-left li a.active .i20{ background-position: -2536px -119px; } .personal-part-bd-left li a .i21{ background-position: -2676px -26px; } .personal-part-bd-left li a:hover .i21,.personal-part-bd-left li a.active .i21{ background-position: -2676px -120px; } .personal-part-bd-left li a .i22{ background-position: -2806px -26px; } .personal-part-bd-left li a:hover .i22,.personal-part-bd-left li a.active .i22{ background-position: -2806px -121px; } .personal-part-bd-left li a .i23{ background-position: -2960px -28px; } .personal-part-bd-left li a:hover .i23,.personal-part-bd-left li a.active .i23{ background-position: -2960px -123px; } .personal-part-bd-left li a .i24{ background-position: -3094px -25px; } .personal-part-bd-left li a:hover .i24,.personal-part-bd-left li a.active .i24{ background-position: -3094px -119px; } .personal-part-bd-left li a .i25{ background-position: -3229px -26px; } .personal-part-bd-left li a:hover .i25,.personal-part-bd-left li a.active .i25{ background-position: -3229px -121px; } .personal-part-bd-left li a .i26{ background-position: -3371px -25px; } .personal-part-bd-left li a:hover .i26,.personal-part-bd-left li a.active .i26{ background-position: -3371px -121px; } .personal-part-bd-left li a .i27{ background-position: -3543px -25px; } .personal-part-bd-left li a:hover .i27,.personal-part-bd-left li a.active .i27{ background-position: -3543px -120px; } .personal-part-bd-left li a .i28{ background-position: -3718px -23px; } .personal-part-bd-left li a:hover .i28,.personal-part-bd-left li a.active .i28{ background-position: -3718px -118px; } .personal-part-bd-left li a .i29{ background-position: -3876px -23px; } .personal-part-bd-left li a:hover .i29,.personal-part-bd-left li a.active .i29{ background-position: -3876px -118px; } .personal-part-bd-left li a .i30{ background-position: -4029px -22px; } .personal-part-bd-left li a:hover .i30,.personal-part-bd-left li a.active .i30{ background-position: -4029px -117px; } .personal-part-bd-left li a .i31{ background-position: -4179px -21px; } .personal-part-bd-left li a:hover .i31,.personal-part-bd-left li a.active .i31{ background-position: -4179px -118px; } .personal-part-bd-left li a .i32{ background-position: -4332px -23px; } .personal-part-bd-left li a:hover .i32,.personal-part-bd-left li a.active .i32{ background-position: -4332px -120px; } .personal-part-bd-left li a .i33{ background-position: -4508px -25px; } .personal-part-bd-left li a:hover .i33,.personal-part-bd-left li a.active .i33{ background-position: -4508px -120px; } .personal-part-bd-left li a .i34{ background-position: -4664px -29px; } .personal-part-bd-left li a:hover .i34,.personal-part-bd-left li a.active .i34{ background-position: -4664px -124px; } .personal-part-bd-left li a .i35{ background-position: -4799px -25px; } .personal-part-bd-left li a:hover .i35,.personal-part-bd-left li a.active .i35{ background-position: -4799px -120px; } .personal-part-bd-left li a .i36{ background-position: -4963px -25px; } .personal-part-bd-left li a:hover .i36,.personal-part-bd-left li a.active .i36{ background-position: -4963px -122px; } .personal-part-bd-left li a .i37{ background-position: -5106px -25px; } .personal-part-bd-left li a:hover .i37,.personal-part-bd-left li a.active .i37{ background-position: -5106px -121px; } .personal-part-bd-left li a .i38{ background-position: -5258px -25px; } .personal-part-bd-left li a:hover .i38,.personal-part-bd-left li a.active .i38{ background-position: -5258px -120px; } .personal-part-bd-left li a .i39{ background-position: -5407px -26px; } .personal-part-bd-left li a:hover .i39,.personal-part-bd-left li a.active .i39{ background-position: -5407px -120px; } .personal-part-bd-left li a .i40{ background-position: -5533px -25px; } .personal-part-bd-left li a:hover .i40,.personal-part-bd-left li a.active .i40{ background-position: -5533px -120px; } .personal-part-bd-left li a .i41{ background-position: -5680px -25px; } .personal-part-bd-left li a:hover .i41,.personal-part-bd-left li a.active .i41{ background-position: -5680px -120px; } .personal-part-bd-left li a .i42{ background-position: -5828px -28px; } .personal-part-bd-left li a:hover .i42,.personal-part-bd-left li a.active .i42{ background-position: -5828px -122px; } .personal-part-bd-left li a .i43{ background-position: -5985px -29px; } .personal-part-bd-left li a:hover .i43,.personal-part-bd-left li a.active .i43{ background-position: -5985px -124px; } .personal-part-bd-left li a .i44{ background-position: -6141px -22px; } .personal-part-bd-left li a:hover .i44,.personal-part-bd-left li a.active .i44{ background-position: -6141px -118px; } .personal-part-bd-left li a .i45{ background-position: -6300px -25px; } .personal-part-bd-left li a:hover .i45,.personal-part-bd-left li a.active .i45{ background-position: -6300px -119px; } .personal-part-bd-left li a .i46{ background-position: -6437px -28px; } .personal-part-bd-left li a:hover .i46,.personal-part-bd-left li a.active .i46{ background-position: -6437px -114px; } .personal-part-bd-left li a .i47{ background-position: -6564px -28px; } .personal-part-bd-left li a:hover .i47,.personal-part-bd-left li a.active .i47{ background-position: -6564px -114px; } .personal-part-bd-left li a .i48{ background-position: -6694px -26px; } .personal-part-bd-left li a:hover .i48,.personal-part-bd-left li a.active .i48{ background-position: -6694px -112px; } .personal-part-bd-left li a .i49{ background-position: -6824px -28px; } .personal-part-bd-left li a:hover .i49,.personal-part-bd-left li a.active .i49{ background-position: -6824px -114px; } .personal-part-bd-left li a .i50{ background-position:-6947px -28px; } .personal-part-bd-left li a:hover .i50,.personal-part-bd-left li a.active .i50{ background-position: -6947px -114px; } .personal-part-bd-left li a .i51{ background-position:-7087px -27px } .personal-part-bd-left li a:hover .i51,.personal-part-bd-left li a.active .i51{ background-position: -7087px -113px; } .personal-part-bd-left li a .i52{ background-position: -7220px -25px; } .personal-part-bd-left li a:hover .i52,.personal-part-bd-left li a.active .i52{ background-position: -7220px -113px; } .personal-part-bd-left li a .i53{ background-position: -392px -12px; } .personal-part-bd-left li a:hover .i53,.personal-part-bd-left li a.active .i53{ background-position: -392px -108px; }*/ @media screen and (max-width: 767px){ .second-banner-wrap{height: auto; padding-bottom: 0;} .second-banner-wrap.bg_fr{background-size: cover;} .second-banner-wrap .hn-container{padding: 35px 15px 15px;} .zt-banner-title{font-size: 18px;} .zt-banner-wrap{flex-direction: column;margin-bottom: 20px;} .zt-banner-wrap .zt-banner-left-wrap{width: 100%;margin-bottom: 20px;} .zt-banner-wrap .zt-banner-right-wrap{justify-content: space-around;} .zt-banner-wrap .zt-banner-right-wrap .contnet-item{margin-left: 0;} .personal-wrap-item .item-header{border-radius: 8px;} .personal-wrap-item .swiper-button-next{right: 0;} .touchevents .personal-wrap-item .swiper-container{padding-bottom: 30px;} .personal-part-list-hd .part-title-h2{margin-bottom: 10px;padding-left: 10px;} .personal-part-list-hd .part-bmb-show .part-tools{height: auto;width: 100%;align-items: flex-start;gap: 10px;padding: 0 10px;} .personal-part-list-hd .part-bmb-show .part-tools .part-select-memu{min-width: auto;} .part-right-container .filter-right .input{width: 100%;} .personal-part-bd{flex-direction: column;} .personal-part-bd-left{width: 100%;} .personal-part-bd-right{width: 100%;margin: 0 auto; padding: 0;} .personal-part-wrap .hn-container{padding: 0; width: 95%;} .personal-part-list-hd .part-show{flex-direction: column;align-items: flex-start;} /*.personal-part-bd-left .content_x ul{flex-direction: row;display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(4, 25%);grid-template-areas: " item-1 item-2 item-3"" item-4 item-5 item-6"" item-7 item-8 item-9"" item-10 item-11 special";}*/ .personal-part-bd-left li{float: left;width: calc(100%/2 - 10px);} .personal-main-header{padding-right: 0;} .personal-collapse-header{padding: 5px;} .matterTitle{width: 100%;margin-bottom: 5px;} .itemCollapse{flex-direction: column;align-items: flex-start;} .itemBtn a{margin-right: 12px; margin-left: 0;} .page-box{margin: 20px auto;} .page-box .pagination slot{display: none;} }