.inner{width:1440px;margin:0 auto;} 
.coding_wrap{display:flex;flex-direction:column;min-width:1440px;min-height:100%;background-color:#333;}

.map_hd{height:120px;color:#333;background-color:#1773e9;}
.map_hd h1{height:70px;line-height:70px;font-size:25px;text-align:center;}
.map_hd h1 .btn{display:inline-block;font-size:14px;line-height:1;color:#1773e9;vertical-align:middle;border-radius:20px;background-color:#fff;padding:6px 10px;margin:0 0 2px 5px;}
.map_hd .map_tit{height:50px;}
.map_hd .map_tit > li{float:left;width:10%;font-size:14px;font-weight:700;line-height:50px;text-align:center;}
.map_hd .map_tit > li.file{width:13%;}
.map_hd .map_tit > li.progress{width:14%;}

.map_cnt{flex:1;width:1440px;min-height:calc(100% - 120px);padding:20px 0;margin:0 auto;}
.map_cnt .common > ul{background-color:rgba(34,34,34,.3);}
.map_cnt .row{display:table;table-layout:fixed;width:100%;height:40px;border-radius:5px;background-color:#222;transition:background-color .5s;padding:7px 0;margin-bottom:7px;}
.map_cnt .row:hover{background-color:#2c73e9;}
.map_cnt .row:hover li{color:#fff;}
.map_cnt .row > li{width:10%;display:table-cell;font-size:12px;color:#aeaeae;word-break:keep-all;padding-left:10px;-webkit-transition:border .2s;transition:border .2s;}
.map_cnt .row > li:first-child{font-weight:bold;padding-left:20px;}
.map_cnt .row > li:last-child{text-align:center;padding-left:0;}
.map_cnt .row .file{width:13%;}
.map_cnt .row .file span{color:#6d96ca;}
.map_cnt .row:hover .file span{color:#fff;}
.map_cnt .row .progress{width:14%;}
.map_cnt .row .progress span{float:left;display:block;width:78%;height:5px;border-radius:10px;background-color:#484848;overflow:hidden;}
.map_cnt .row .progress span em{display:block;height:5px;border-radius:10px;box-shadow:0px 1px 2px 2px rgba(0,0,0,0.05)}
.map_cnt .row .progress p{float:left;width:33px;font-size:11px;font-weight:bold;text-align:right;}
.map_cnt .row .progress [class*="grade"]{display:inline-flex;align-items:center;gap:0 8px;width:100%;}
.map_cnt .row .progress .grade10 p{color:#ccc;}
.map_cnt .row .progress .grade50 p{color:#ff6841;}
.map_cnt .row .progress .grade60 p{color:#ffb400;}
.map_cnt .row .progress .grade70 p{color:#b9e31f;}
.map_cnt .row .progress .grade80 p{color:#39b1d8;}
.map_cnt .row .progress .grade90 p{color:#4ea4e5;}
.map_cnt .row .progress .grade100 p{color:#1c83d0;}
.map_cnt .row:hover .progress [class*="grade"] p{color:#fff;}
.map_cnt .row:hover .tooltip i{filter:contrast(0) brightness(10);}
.map_cnt .row .progress .grade10 span em{background-color:#ccc;}
.map_cnt .row .progress .grade50 span em{background-color:#ff6841;}
.map_cnt .row .progress .grade60 span em{background-color:#ffb400;}
.map_cnt .row .progress .grade70 span em{background-color:#b9e31f;}
.map_cnt .row .progress .grade80 span em{background-color:#39b1d8;}
.map_cnt .row .progress .grade90 span em{background-color:#4ea4e5;}
.map_cnt .row .progress .grade100 span em{background-color:#1c83d0;}
.map_cnt .row:hover .progress [class*="grade"] span em{background-color:#fff;}

.map_cnt .row .link{text-align:center;padding-left:0;}
.map_cnt .row .link_btn{display:inline-block;width:80px;height:25px;line-height:24px;border-radius:40px;color:#737373;background-color:rgba(51,51,51,0.6);font-weight:500;text-align:center;-webkit-transition:background .3s, color .3s;transition:background .3s, color .3s;}
.map_cnt .row .link_btn:hover{background-color:#f7c225;color:#fff;}
.map_cnt .row .link_btn.on{color:#f7c225;}
.map_cnt .row .link_btn.on:before{content:'';display:inline-block;width:6px;height:6px;border-radius:100%;background-color:#ffc822;margin:0 8px 2px 0;}
.map_cnt .row .link_btn.on:hover{color:#fff;}
.map_cnt .row .link_btn.on:hover::before{background-color:#fff;}
.map_cnt .row .link_btn.before{color:#f56842;}
.map_cnt .row .link_btn.before:hover{background-color:rgba(61,61,61,0.6);cursor:default;}

.map_cnt .row .link_area{position:relative;display:inline-block;vertical-align:middle;margin-left:5px;cursor:pointer;}
.map_cnt .row .link_area .link_open{display:block;width:18px;height:18px;background:url(/travel/images/codingmap/ico_pentool.png) no-repeat center/100%;filter:contrast(0) opacity(.5);transition:filter .2s;}
.map_cnt .row .link_area .link_open.on{filter:contrast(0) brightness(10);}
.map_cnt .row .link_area .link_cnt{display:none;position:absolute;top:-1rem;left:100%;transform:translateX(3.5rem);width:180px;border-radius:10px;background-color:#1773e9;padding:12px 15px;}
.map_cnt .row .link_area .link_cnt::before{position:absolute;top:1.4rem;left:-1.2rem;content:'';display:block;border:.6rem solid transparent;border-right:.8rem solid #1773e9;}
.map_cnt .row .link_area .link_cnt ul li + li{margin-top:5px;}
.map_cnt .row .link_area .link_cnt ul li a{position:relative;display:block;font-size:13px;font-weight:600;line-height:1.2;text-align:left;color:rgba(255,255,255,.8);word-break:break-all;padding-left:8px;transition:text-decoration .2s;}
.map_cnt .row .link_area .link_cnt ul li a::before{position:absolute;top:7px;left:0;content:'';display:block;width:3px;height:3px;border-radius:100%;background-color:#fff;}
.map_cnt .row .link_area .link_cnt ul li a:hover{color:rgba(255,255,255,1);text-decoration:underline;}
.map_cnt .row:hover .link_area .link_open{filter:contrast(0) brightness(10);}
.map_cnt > li:last-child .row .link_area .link_cnt{top:initial;bottom:-1rem;}
.map_cnt > li:last-child .row .link_area .link_cnt::before{top:initial;bottom:1.4rem;}