.main{padding-bottom:20px}.main #pagination-container{margin-top:30px}.main .personal-services-header{padding:30px 0;background-image:url("/r/cms/common/image/bjgs-background.png");background-size:cover;background-position:center;overflow:hidden}.main .personal-services-header .title{margin:29px 0;font-size:28px;color:#fff;font-weight:bold}.main .personal-services-header .menu-box button{margin-right:20px;padding:20px 40px;color:#fff;font-size:22px;font-weight:bold;border-radius:0;background-color:rgba(255,255,255,.5)}.main .personal-services-header .menu-box button:last-child{margin-right:0}.main .personal-services-header .menu-box button.checked{color:#1e5eb0;background-color:#fff}.main .personal-services-contenter{margin-top:30px}.main .personal-services-contenter .layout-center{display:grid;grid-template-columns:340px 1fr;gap:20px}.main .personal-services-contenter .personal-services-left{position:relative;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:12px;width:100%;height:100%}.main .personal-services-contenter .personal-services-left>div{padding:18px;border-radius:8px;background-color:#f1f6ff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.main .personal-services-contenter .personal-services-left>div.checked,.main .personal-services-contenter .personal-services-left>div:hover{background:#1e5eb0;color:#fff}.main .personal-services-contenter .personal-services-right .personal-services-right-header{width:100%;height:42px;background:#f1f6ff}.main .personal-services-contenter .personal-services-right .personal-services-right-header div{display:inline-block;padding:0 20px;height:42px;color:#fff;line-height:42px;background-color:#1e5eb0}.main .personal-services-contenter .personal-services-right .personal-services-right-tools{margin:10px 0;display:flex;align-items:center;justify-content:space-between}.main .personal-services-contenter .personal-services-right .personal-services-right-tools select{padding:0 12px;width:220px;height:40px;color:#1e5eb0;border:1px solid #1e5eb0;border-radius:5px;font-size:16px}.main .personal-services-contenter .personal-services-right .personal-services-right-tools>div{display:flex;align-items:center;justify-content:flex-end;flex-grow:1}.main .personal-services-contenter .personal-services-right .personal-services-right-tools .ckecked-label{font-size:0;margin-right:20px;cursor:pointer;display:flex;align-content:center}.main .personal-services-contenter .personal-services-right .personal-services-right-tools .ckecked-label span{font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-left:4px}.main .personal-services-contenter .personal-services-right .personal-services-right-tools .input-box{display:flex;align-items:center;justify-content:space-between;max-width:350px;height:40px;flex-grow:1;border:1px solid #1e5eb0;border-radius:50px;box-sizing:border-box;position:relative}.main .personal-services-contenter .personal-services-right .personal-services-right-tools .inputsearch{border:none;outline:none;height:100%;flex-grow:1;padding-left:10px;border-radius:20px}.main .personal-services-contenter .personal-services-right .personal-services-right-tools .searbtn{display:flex;align-items:center;justify-content:center;font-size:14px;width:80px;height:40px;background:#1e5eb0;color:#fff;border-radius:20px;cursor:pointer}.main .personal-services-contenter .personal-services-right .personal-services-right-tools .searbtn .iconbox{width:16px;height:16px;margin-right:5px;background-image:url("/r/cms/common/image/icon-search.png");background-size:100% 100%;background-color:rgba(0,0,0,0)}.main .personal-services-contenter .personal-services-right .personal-services-right-describe{padding:10px;display:grid;grid-template-columns:repeat(5, 1fr);grid-gap:10px;background-color:#f9f9f9;flex-wrap:wrap}.main .personal-services-contenter .personal-services-right .personal-services-right-describe div{text-align:center}.main .personal-services-contenter .personal-services-right .personal-services-right-describe img{width:24px;height:24px;vertical-align:middle}.main .personal-services-contenter .personal-services-right .personal-services-right-describe span{vertical-align:middle;margin-left:5px}.main .personal-services-contenter .personal-services-right .personal-services-list{position:relative}.main .personal-services-contenter .personal-services-right .personal-services-list .personal-services-list-item{border:1px solid #f1f1f1;height:63px;padding:20px;margin-top:20px;cursor:pointer;transition:all .3s;display:grid;grid-template-columns:1fr 200px;align-items:center;justify-content:space-between}.main .personal-services-contenter .personal-services-right .personal-services-list .personal-services-list-item .personal-services-list-tools button:hover{color:#fff;background-color:#1e5eb0}.main .personal-services-contenter .personal-services-right .personal-services-list .personal-services-list-item .personal-services-list-info{display:flex;align-items:center;justify-content:space-between}.main .personal-services-contenter .personal-services-right .personal-services-list .personal-services-list-item .personal-services-list-info>div:first-child{margin-right:20px;width:16px;height:12px;background-image:url("/r/cms/common/image/icon-block.png");background-size:cover}.main .personal-services-contenter .personal-services-right .personal-services-list .personal-services-list-item .personal-services-list-info>div:nth-child(2){flex-grow:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.main .personal-services-contenter .personal-services-right .personal-services-list .personal-services-list-item .personal-services-list-info .icon{display:flex;gap:4px;white-space:nowrap}.main .personal-services-contenter .personal-services-right .personal-services-list .personal-services-list-item .personal-services-list-info .icon img{vertical-align:middle;width:24px;height:24px}.main .personal-services-contenter .personal-services-right .personal-services-list .personal-services-list-item .personal-services-list-tools{text-align:right}.main .personal-services-contenter .personal-services-right .personal-services-list .personal-services-list-item .personal-services-list-tools button{margin-right:14px;padding:4px 12px;border-radius:5px;color:#1e5eb0;font-size:14px;text-align:center;border:1px solid #1e5eb0;background-color:#fff}.main .personal-services-contenter .personal-services-right .personal-services-list .personal-services-list-item .personal-services-list-tools button i{display:inline-block;width:16px;height:16px;background:url("/r/cms/common/image/sprite-diagram.png") no-repeat;background-position:-30px -105px;background-size:250px;vertical-align:middle}.main .personal-services-contenter .personal-services-right .personal-services-list .personal-services-list-item .personal-services-list-tools button:nth-child(2) i{background-position:-30px -80px}.main .personal-services-contenter .personal-services-right .personal-services-list .personal-services-list-item .personal-services-list-tools button:nth-child(3) i{background-position:-30px -55px}.main .personal-services-contenter .personal-services-right .personal-services-list .personal-services-list-item .personal-services-list-tools button:nth-child(1):hover i{background-position:-5px -105px}.main .personal-services-contenter .personal-services-right .personal-services-list .personal-services-list-item .personal-services-list-tools button:nth-child(2):hover i{background-position:-5px -80px}.main .personal-services-contenter .personal-services-right .personal-services-list .personal-services-list-item .personal-services-list-tools button:nth-child(3):hover i{background-position:-5px -55px}@media screen and (max-width: 1100px){.main .personal-services-contenter .personal-services-right .personal-services-right-tools{align-items:flex-end;flex-direction:column;gap:10px}}@media screen and (max-width: 992px){.main .personal-services-contenter .layout-center{grid-template-columns:repeat(1, 1fr)}.main .personal-services-contenter .personal-services-left{grid-template-columns:repeat(4, 1fr)}.main .personal-services-contenter .personal-services-right .personal-services-right-describe{grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 580px){.main .personal-services-contenter .personal-services-left{grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 425px){.main .personal-services-contenter .personal-services-right .personal-services-list .personal-services-list-item{display:flex;flex-direction:column;align-items:self-start;gap:10px;height:auto}}@media screen and (max-width: 480px){.main .personal-services-contenter .personal-services-left{grid-template-columns:repeat(2, 1fr)}.main .personal-services-contenter .personal-services-right .personal-services-right-describe{grid-template-columns:repeat(2, 1fr)}}