@charset "utf-8";
@import url("iconfont.css");
@import url("navigation.css");
* {box-sizing:border-box;font-family:'Arial','Microsoft Yahei';}
body,html {height:100%;width:100%;margin:0px;}
#body {margin:0px;padding:0;background:url(../images/topbg.jpg) #f6f9fd no-repeat center 0;}
ul,li {margin:0;padding:0;list-style:none;}
input,select {font-size:15px;outline:none;border:1px #adb0b6 solid;border-radius:3px;height:30px;background:#f9f9f9;}
input[type='text'] {padding:0 4px;}
input[type='file'] {position:absolute;opacity:0;top:10px;}
img {display:block;}
a {text-decoration:none;}
i {font-style:normal;}
p {margin:0;}
br {clear:both;}
table {border-collapse:collapse;border-spacing:0;}


#top {width:1200px;height:170px;background:url(../images/logo.png) no-repeat 0 center;margin:0 auto;padding:10px 0 0;}
#top div {background:#fff;float:right;font-size:14px;color:#0393dd;border-radius:20px;cursor:pointer;}
#top li {float:left;border:1px #0393dd solid;line-height:26px;}
#top li:first-child {border-radius:20px 0 0 20px;padding:0 10px 0 15px;}
#top li:nth-child(2) {border-radius: 0 20px 20px 0;padding:0 15px 0 10px;}

#menu {background:url(../images/menu.png);height:55px;/*line-height:55px;*/ color:#fff;}

#dqw {font-size:15px;color:#666;line-height:50px;}
#dqw i {color:#0074e1;float:left;font-size:20px;margin-right:6px;}
#dqw font {color:#0074e1;}
#dqw a {color:#666;cursor:pointer;}
#dqw a:hover {color:#000;}

#dh {float:left;width:280px;}
#dbq {background:#0074e1;border-radius:0 30px 0 0;height:77px;color:#fff;padding:16px 0 0 16px;}
#dbq font {font-size:12px;display:block;margin-top:5px;}
#dbq i,#dbq span {float:left;}
#dbq i {font-size:40px;margin-right:10px;}
#zdh {border:1px #e2e5eb solid;min-height:500px;padding:0 15px 230px 15px;color:#989ca4;line-height:50px;border-top:0;border-right:0;background:url(../images/dhbg.png) #fff no-repeat 0 bottom;}
#zdh i {float:right;}
#zdh li {cursor:pointer;}
#zdh span {display:block;padding:0 5px 0 15px;border-bottom:1px #e2e5eb dotted;}
#zdh div {line-height:50px;background:rgba(0,129,196,.05);font-size:14px;color:rgba(0,129,196,.7);}
#zdh a {display:block;padding:0;border-bottom:1px rgba(0,129,196,.3) dotted;}
#nrk {float:left;width:870px;border-radius:30px 30px 0 0;border:1px #e2e5eb solid;background:#fff;padding:0 15px;min-height:630px;}
.tjs {color:#0081c4;font-size:15px;text-align:center;border-bottom:1px #ccc dotted;padding:27px 0;}
.tjs font {color:#ff6000;}
.csl {font-size:15px;line-height:50px;color:#84878e;}
.csl td {vertical-align:top;}
.csl td:nth-of-type(2n-1){text-align:right;width:160px;}
.csl td:nth-of-type(2n) {width:250px;}
.csl input,.csl select {width:100%;}
.csl p {line-height:16px;float:right;margin-top:9px;}
.csl i {float:right;}

/*英文版的table样式 start*/
.csl2 {width:calc(100% - 70px);margin:0 auto;font-size:14px;line-height:24px;color:#84878e;}
.csl2 td {width:50%;padding-bottom:10px;}
/* .csl2 td:nth-child(odd) {padding-right:20px;} */
.csl2 td:nth-child(even) {padding-left:20px;}
.csl2 input,.csl2 select {width:100%;}
.csl2 p {line-height:16px;float:right;margin-top:9px;}
.csl2 i {float:right;}
/*end*/

.csm {width:100%;font-size:15px;line-height:50px;color:#84878e;}
.csm2 {width:820px;font-size:15px;line-height:50px;color:#84878e;}
.csm td,.csm2 td {position:relative;}
.csm td:first-child,.csm2 td:first-child {text-align:right;width:160px;}
.csm td:last-child {padding-left:10px;width:130px;}
.csm input,.csm2 input {width:100%;}
.csm i,.csm2 i {position:absolute;right:5px;font-size:14px;}
.lnr {position:relative;border:1px #8bb8e1 solid;padding:20px 20px 20px 0;}
.fenq2 {position:absolute;top:-40px;left:15px;color:#999;}
.fenq2 a {display:inline-block;line-height:38px;padding:0 25px;border:1px #ccc solid;border-bottom:0;cursor:pointer;}
.daoru {display:inline-block;cursor:pointer;color:#fff;background:#0074e1;line-height:30px;padding:0 20px;border-radius:5px;}
.daoru:hover {opacity:.8;}
.tian {width:820px;margin:20px auto 5px;}
.tian a {float:right;line-height:26px;font-size:14px;margin-left:5px;padding-right:6px;border-radius:3px;cursor:pointer;}
.tian i {float:left;margin:0 2px 0 5px;}
.tian a:hover {background:rgba(0,0,0,.1);}
.tj {border:1px #0d8e06 solid;color:#0d8e06;}
.del {border:1px #ba1d1d solid;color:#ba1d1d;}
.ts1 div {float:left;}
.ts1 div:first-child {width:60px;}
.ts1 div:nth-child(2) {width:185px;margin-left:5px;}
.ts2 select {width:250px;}
.ts2 div {position:relative;border:1px #adb0b6 solid;background:#fffedf;border-radius:3px;padding:8px 0;}
.ts2 div::before {position:absolute;content:'';width:0;height:0;left:118px;top:-15px;border-width:7px;border-style:solid;border-color:transparent transparent #adb0b6;}
.ts2 div::after {position:absolute;content:'';width:0;height:0;left:118px;top:-13px;border-width:7px;border-style:solid;border-color:transparent transparent #fffedf;}
.ts2 li {float:left;line-height:38px;}
.ts2 li input {width:200px;}
.ts2 font {float:left;width:110px;text-align:right;}
.anrq1 {border-top:1px #ccc dotted;text-align:center;padding:25px;margin-top:30px;}
.anrq1 button {outline:none;cursor:pointer;margin:0 10px;line-height:35px;font-size:16px;width:120px;color:#fff;background:#0074e1;border:0;border-radius:5px;}
.anrq1 button:hover {opacity:.8;}
.anrq2 {text-align:center;padding:15px;}
.anrq2 button {outline:none;cursor:pointer;margin:0 10px;line-height:35px;font-size:16px;width:120px;color:#fff;background:#0074e1;border:0;border-radius:5px;}
.anrq2 button:hover {opacity:.8;}
.rili {background:url(../images/rili.png) #f9f9f9 no-repeat right 4px;}

.title1 {color:#333;height:50px;border-bottom:1px solid #e1e1e1;width:820px;margin:25px auto;}
.title1 h1 {float:left;font-size:22px;line-height:49px;letter-spacing:1px;margin:0;font-weight:normal;border-bottom:1px #0074e1 solid;}

.lieb1 {color:#666;background:#fff;width:820px;margin:0 auto;font-size:14px;text-align:center;}
.lieb1 thead td {border:1px #8bb8e1 solid;padding:5px 5px;background:#d6e4f1;color:#226099;}
.lieb1 tbody td {border:1px #e2e2e2 solid;padding:8px 5px;}
.lieb1 tbody tr:nth-of-type(2n) {background:#f8f8f8;}

.fany1 {line-height:25px;color:#666;font-size:13px;margin:20px 0 30px;padding-left:70px;}
.fany1 div,.fany1 a,.fany1 i,.fany1 input[type='text'] {float:left;border-radius:3px;}
.fany1 a {border:1px #ccc solid;padding:0 12px;margin:0 2px;background:#fff;cursor:pointer;}
.fany1 a:hover {border:1px #2b76ba solid;background:#2b76ba;color:#fff;}
.fany1 input[type='text'] {border:1px #ccc solid;height:27px;width:60px;margin:0 2px;text-align:center;}
.fany1 font {color:#f00;}
.fany1 .fy1,.fany1 .fy1:hover {border:1px #2b76ba solid;background:#2b76ba;color:#fff;}
.fany1 div a:hover {border:1px #2b76ba solid;background:#fff;color:#2b76ba;}

.wzo {width:820px;margin:0 auto;text-indent:30px;}
.wzo h1 {font-size:22px;font-weight:normal;text-align:center;}
.wzo h2 {font-size:14px;font-weight:normal;text-align:center;color:#999;}
.wzo p {line-height:30px;font-size:15px;color:#666;padding:6px 0;}

#pnr {position:relative;min-height:550px;padding-bottom:50px;}
#links {line-height:50px;height:50px;color:#fff;background:#0074e1;font-size:15px;}
#links ul{width:1200px;margin:0 auto;}
#ymj #end ul{display: inline-block}
#pnr {width:870px;margin:0 auto;}
#pnrs{width:1200px;margin:0 auto;}
#links li {float:left;}
#links li:first-child {padding:0 10px 0 0;}
#links a {float:left;cursor:pointer;margin:0 15px;color:#fff;}
#links a:hover {color:#ffba00;}
#links i {float:left;width:1px;height:10px;margin:20px 0 0;font-size:10px;line-height:10px;background:#fff;opacity:.3;}
#ymj #end {background:#475473;color:rgba(255,255,255,.4);font-size:14px;height:185px;}
#ymj #end li {float:left;}
#ymj #end li:first-child,#end li:nth-child(3) {width:200px;margin-top:50px;}
#ymj #end li:nth-child(2) {width:800px;text-align:center;}
#ymj #end li:nth-child(3) {text-align:right;font-size:0;}
#ymj #end li:nth-child(3) img {display:inline-block;}
#ymj #end div {display:inline-block;font-family:'SimHei';font-size:14px;color:#FFF;line-height:40px;margin:20px 0 10px;}
#ymj #end div img {float:left;margin-right:10px;}

.fenq {text-align:center;font-size:0;margin-top:30px;color:#0074e1;line-height:30px;}
.fenq li {display:inline-block;border:1px #0074e1 solid;border-left:0;font-size:15px;padding:0 15px;cursor:pointer;}
.fenq li:first-child {border-radius:16px 0 0 16px;padding:0 15px 0 20px;border-left:1px #0074e1 solid;}
.fenq li:last-child {border-radius:0 16px 16px 0;padding:0 20px 0 15px;}

.se1 {background:#0393dd;color:#fff;}
.se2 {background:url(../images/se2.png) no-repeat;}
.se3 {color:#0081c4;}
.se3 i {transform:rotate(90deg);}
.se3 span {border-bottom:1px rgba(0,129,196,.3) dotted !important;}
.se3a {background:rgba(0,129,196,1);color:#fff;}
.se4 {background:#0074e1;color:#fff;}
.se5 {height:40px;border-top:1px #8bb8e1 solid !important;border-left:1px #8bb8e1 solid !important;border-right:1px #8bb8e1 solid !important;color:#0074e1;background:#fff;}
.se6 span {color:#0074e1;border-bottom:2px #0074e1 solid;}

.n3y {text-align:center;margin-top:60px;}
.n3y li {display:inline-block;cursor:pointer;width:210px;height:314px;margin:0 25px;background-image:url(../images/n3y.png);}
.n3y li i {display:block;line-height:260px;font-size:80px;color:#46c664;}
.n3y li a {width:80%;color:#fff;background:#46c664;display:block;margin:0 auto;line-height:35px;border-radius:10px;}
.n3y li:nth-child(2) {background-position:-220px;}
.n3y li:nth-child(2) a {background:#43cadd;}
.n3y li:nth-child(2) i {color:#43cadd;}
.n3y li:nth-child(3) {background-position:-440px;}
.n3y li:nth-child(3) a {background:#3893e5;}
.n3y li:nth-child(3) i {color:#3893e5;}
.n3y li:hover {opacity:.8;}

.calogin {position:relative;background:url(../images/logbg.jpg) no-repeat -90px -170px !important;color:#fff;}
.calogin ul {position:absolute;width:360px;height:500px;background:url(../images/upan.png) rgba(0,0,0,.2) no-repeat center 140px;right:35px;top:40px;border-radius:20px;text-align:center;}
.calogin h1 {line-height:59px;width:360px;font-weight:normal;margin:0;background:rgba(0,0,0,.3);border-radius:20px 20px 0 0;font-size:28px;text-align:center;}
.calogin .login-btn {display:block;background:url(../images/logan.png);width:300px;line-height:51px;margin:300px auto 0;cursor:pointer;font-size:22px;color: #fff;
    border: none;}
.calogin .login-btn:hover {opacity:.8;}

.login {position:relative;background:url(../images/logbg.png) no-repeat -90px -170px !important;color:#fff;}
.login ul {position:absolute;width:360px;height:500px;background:rgba(0,0,0,.2);right:35px;top:40px;border-radius:20px;text-align:center;}
.login h1 {line-height:59px;width:360px;font-weight:normal;margin:0 0 80px;background:rgba(0,0,0,.3);border-radius:20px 20px 0 0;font-size:28px;text-align:center;}
.login li {position:relative;width:300px;margin:0 auto 40px;}
.login i {position:absolute;left:0;top:10px;width:50px;line-height:30px;text-align:center;font-size:28px;color:rgba(255,255,255,.6);border-right:1px rgba(255,255,255,.2) solid;}
.login input {width:100%;height:50px;border:0;border-radius:8px;background:rgba(0,0,0,.6);box-shadow:0 2px 2px rgba(0,0,0,.3) inset;color:#fff;font-size:22px;padding:0 10px 0 60px;}
.login input::after {position:absolute;content:'';width:30px;height:30px;background:#f00;top:0;left:0;z-index:999;}
.login div {width:300px;margin:100px auto 0;}
.login a {float:left;background:url(../images/logan2.png);width:140px;line-height:51px;cursor:pointer;font-size:20px;}
.login a:hover {opacity:.8;}
.login a:last-of-type {float:right;}

.j4l {width: 700px;height: 400px;margin: 80px auto;text-align: center;font-size: 16px;color: #3893e5;}
.j4l ul {list-style: none;padding: 0;margin: 0;}
.j4l li {position: relative;height: 100px; display: flex;align-items: center;justify-content: center; cursor: pointer;background-image: url(../images/j4l.png);background-repeat: no-repeat;background-position: 0 0;padding: 0 100px;box-sizing: border-box;}
.j4l li:hover {opacity: 0.8;}
.j4l i {position: absolute;width: 100px;height: 100px;font-size: 45px;color: #fff;display: flex;align-items: center;justify-content: center;}
.j4l li:nth-of-type(2n-1) i {left: 0;}
.j4l li:nth-of-type(2n) i {right: 0;}
.j4l li:nth-child(2) {color: #43cadd;background-position: 0 -100px;}
.j4l li:nth-child(3) {color: #80b12b;background-position: 0 -200px;}
.j4l li:nth-child(4) {color: #556fb5;background-position: 0 -300px;}
.j4l a {color: inherit;text-decoration: none;display: block;}

.jyl {margin:30px 20px;}
.jyl a {display:block;border:1px rgba(56,147,229,.5) solid;cursor:pointer;margin-top:5px;line-height:35px;border-radius:5px;padding-left:15px;color:#1b69af;background:linear-gradient(rgba(56,147,229,.05), rgba(56,147,229,.3));;}
.jyl ul {border:1px rgba(56,147,229,.5) solid;border-top:0;border-radius:0 0 5px 5px;font-size:15px;line-height:26px;padding:0 20px;margin:0 5px;}
.jyl ul>li:first-child {padding:10px;}
.jyl ul>li:nth-child(2) {text-align:center;border-top:1px rgba(56,147,229,.5) dotted;padding:10px;}
.jyl button {outline:none;cursor:pointer;margin:0 5px;border:1px rgba(56,147,229,1) dotted;line-height:26px;font-size:15px;min-width:100px;color:rgba(56,147,229,1);background:rgba(56,147,229,.1);border-radius:3px;}
.jyl button:hover {border:1px rgba(56,147,229,1) solid;}
.jyl font {color:#ff6000;}
.jnone {display:none;}

.infenq {position:relative;height:26px;line-height:26px;color:#999;background:url(../images/infenq.png);}
.infenq li {float:left;padding:0 15px;background:#f6f9fd;cursor:pointer;}
.infenq span {display:block;padding:0 2px;}
.infenq a {float:right;font-size:12px;color:#666;cursor:pointer;background:#f6f9fd;padding:0 5px;}
.infenq a:hover {color:#ff7200;}

.kto1 li {position:relative;float:left;width:50%;height:110px;background:#fff;border:1px #e6e6e6 solid;line-height:18px;cursor:pointer;text-align:center;font-size:14px;color:#666;transition:all .3s ease;}
.kto1 li:hover {background-color:rgba(0,116,225,.03);border:1px rgba(0,116,225,.3) solid;}
.kto1 img {width:50px;height:50px;margin:8px auto 3px;}
.kto1 li:nth-of-type(1) {border-radius:5px 0 0 0;}
.kto1 li:nth-of-type(2) {left:-1px;border-radius:0 5px 0 0;}
.kto1 li:nth-of-type(3) {top:-1px;}
.kto1 li:nth-of-type(4) {top:-1px;left:-1px;}
.kto1 li:nth-of-type(5) {top:-2px;border-radius:0 0 0 5px;}
.kto1 li:nth-of-type(6) {top:-2px;left:-1px;border-radius:0 0 5px 0;}

.kto2 {float:left;background:#fff;border:1px #e6e6e6 solid;border-radius:5px;width:790px;padding:20px 10px;}
.kto2 .infenq li,.kto2 .infenq a {background:#fff;}
.kto2 .libtim {width:96%;margin:20px auto 0;}
.kto2 .libtim li {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.in1 {float:left;width:900px;}
.in2 {float:right;width:280px;padding: 20px 0px 0px 0px;}
.in2 .infenq i {float:left;color:#0074e1;font-size:28px;background:#f6f9fd;}
.in2 .infenq font {float:left;line-height:26px;color:#0074e1;background:#f6f9fd;padding:0 10px 0 5px;}
.in3 {margin-top:30px;}
.in4 {float:right;width:calc(100% - 790px);}
.in4 h1 {font-size:16px;font-weight:normal;color:#0074e1;line-height:30px;margin:19px 0 0;}
.in4 h1 i {float:left;font-size:24px;line-height:26px;margin:0 10px 0 30px;}
.in4 div {/*background:url(../images/in4.png);*/padding:10px 0 10px 30px;color:#666;}
.in4 div li {line-height:67px;cursor:pointer;}
.in4 div i {float:left;height:22px;width:4px;border-radius:2px;margin:24px 10px 0 0;transition:all .3s ease;}
.in4 div li:nth-of-type(1) i {background:#00ade5;}
.in4 div li:nth-of-type(2) i {background:#383957;}
.in4 div li:nth-of-type(3) i {background:#e8472a;}
.in4 div li:nth-of-type(4) i {background:#80b12b;}
.in4 div li:hover {color:#000;}
.in4 div li:hover i {width:22px;height:4px;margin:32px 10px 0 0;}

/*轮播*/
#silder {float:left;position:relative;}
#silder #silder_list {overflow:hidden;border-radius:5px;}
#silder #silder_page {position:absolute;top:100%;width:100%;margin-top:5px;text-align:center;font-size:12px;}
/*#silder #silder_page li {width:22px;line-height:22px;border-radius:100%;margin:0 3px;background:#ddd;display:inline-block;text-align:center;color:#000;cursor:pointer;}数字专用*/
#silder #silder_page li {width:35px;height:4px;border-radius:2px;margin:0 3px;background:#ddd;display:inline-block;cursor:pointer;}
#silder #silder_page li.current {background:#0393dd;color:#fff;}
#silder_desc{color:#fff;font-size:15px;background:rgba(0,0,0,.5);border-radius:0 0 5px 5px;line-height:35px;height:35px;width:100%;overflow:hidden;position:absolute;left:0;bottom:0;text-align:left;text-indent:10px;text-overflow:ellipsis;white-space:nowrap;}

.sildnr {float:right;width:calc(100% - 440px);line-height:35px;color:#333;font-size:14px;}
.sildnr a {float:left;width:calc(100% - 50px);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sildnr a:hover {color:#0162b7;}
.sildnr i {float:right;text-align:center;color:#999;width:45px;}

.libtim {width:96%;margin:30px auto;line-height:40px;color:#333;font-size:14px;}
.libtim li {border-bottom:1px #ccc dotted;clear:both;height:41px;cursor:pointer;}
.libtim li:hover {color:#0162b7;/*background:rgba(0,116,225,.05);*/}
.libtim a {float:left;width:calc(100% - 90px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-indent:10px;}
.libtim i {float:right;text-align:center;color:#999;width:80px;}
.libtim li:last-child {border-bottom:0;}

/*英文版页面排版*/
.en2 {line-height:30px;color:rgba(255,255,255,.8);}
.en2 td {vertical-align:top; width:65%;}
.en2 tr:nth-of-type(2n) td {padding-bottom:6px;border-bottom:1px rgba(255,255,255,.2) dotted;width:65%;}
.en2 input[type='text'],.en2 select {background:rgba(255,255,255,.9);height:30px;border:0 none;border-radius:2px;color:#004287;outline:none;padding-left:5px;margin-bottom:3px;}
.en2 {font-size:15px;line-height:50px;color:#84878e;}

/* 永久居留事务服务中心排版 */
.n_ss {width:750px;margin:50px auto;}
.n_ss div {position:relative;width:100%;margin:20px auto;user-select:none;}
.n_ss div::before {position:absolute;content:'';left:0;border:1px solid #ddd;width:calc(100% - 50px);min-height:80px;border-radius:10px 0 0 10px;box-shadow:0 3px 0 #ddd;}
.n_ss div::after {position:absolute;content:'';right:0;top:-7px;background:url(../images/n_ss.svg) no-repeat;height:95px;width:80px;}
.n_ss ul {position:relative;background:#fff;min-height:82px;width:calc(100% - 180px);margin:0 auto;border:1px #ddd solid;box-shadow:0 3px 0 #ddd;font-size:15px;color:#666;padding:0 20px;}
.n_ss ul::before {position:absolute;content:'';width:4px;height:80px;background:#fff;top:0;left:-2px;}
.n_ss ul::after {position:absolute;content:'';width:4px;height:80px;background:#fff;top:0;right:-2px;}
.n_ss i {position:absolute;background:#fff;width:56px;height:56px;top:12px;left:-65px;padding:3px;border:1px #ddd solid;border-radius:10px;box-shadow:2px 2px 2px #ddd;}
.n_ss i img {width:100%;height:100%;}
.n_ss h1 {color:rgb(29,106,188);font-weight:normal;padding:15px 0 5px 0;font-size:18px;margin:0;letter-spacing:1px;pointer-events:none;}
.n_ss li:nth-of-type(1) {line-height:25px;}
.n_ss a {position:relative;color:#666;}
.n_ss a::after {position:absolute;content:'';left:calc(100% + 5px);top:3px;background:url(../logo/arrow1_085.gif);width:16px;height:9px;}
.n_ss a:hover {color:#0074e1;}
.n_zk {line-height:25px;margin-bottom:10px;display:none;}
.n_ss div:nth-of-type(2)::after {filter:hue-rotate(30deg);}
.n_ss div:nth-of-type(3)::after {filter:hue-rotate(60deg);}
.n_ss div:nth-of-type(4)::after {filter:hue-rotate(90deg);}
.n_ss div:nth-of-type(5)::after {filter:hue-rotate(120deg);}
.n_ss div:nth-of-type(6)::after {filter:hue-rotate(150deg);}
.n_ss div:nth-of-type(7)::after {filter:hue-rotate(180deg);}
.n_ss div:nth-of-type(8)::after {filter:hue-rotate(210deg);}
.n_ss div:nth-of-type(9)::after {filter:hue-rotate(240deg);}
.n_ss div:nth-of-type(10)::after {filter:hue-rotate(270deg);}
.n_ss div:nth-of-type(11)::after {filter:hue-rotate(300deg);}
.n_ss div:nth-of-type(12)::after {filter:hue-rotate(330deg);}
.n_ss div:nth-of-type(13)::after {filter:hue-rotate(30deg);}
.n_ss div:nth-of-type(14)::after {filter:hue-rotate(60deg);}
.n_ss div:nth-of-type(15)::after {filter:hue-rotate(90deg);}
.n_ss div:nth-of-type(16)::after {filter:hue-rotate(120deg);}
.n_ss div:nth-of-type(17)::after {filter:hue-rotate(150deg);}
.n_ss div:nth-of-type(18)::after {filter:hue-rotate(180deg);}
.n_ss div:nth-of-type(19)::after {filter:hue-rotate(210deg);}