/* 当前位置 */
.position{
    font-size: 14px;
    color: #7e7e7e;
    margin-top: 30px;
}
.position a{
    color: #7e7e7e;
}
.mapIcons{
    background: url("../images/map.png");
}
.mapList dl{
    width: 100%;
    border: 1px solid #ececec;
    border-radius: 10px;
    position: relative;
    margin-top: 60px;
}
.mapList dl dt{
    background: #fff;
    position: absolute;
    top: -15px;
    left: 20px;
}
.mapList dl dt::before{
    content: '|';
    color: #ececec;
    margin-right: 7px;
}
.mapList dl dt::after{
    content: '|';
    color: #ececec;
    margin-left: 7px;
}
.mapList h2{
    display: inline-block;
    font-size: 26px;
    color: #434343;
    font-weight: bold;
    vertical-align: middle;
    margin-left: 6px;
}
.mapList dl dd{
    padding: 25px 20px 20px 20px;
}
.mapList dl dd a{
    margin-top: 20px;
    display: inline-block;
    padding: 10px 12px;
    font-size: 16px;
    color: #8b8b8b;
}
/* 美女图片 */
.mapList .mn{
    width: 35px;
    height: 35px;
    display: inline-block;
    background-position: 0 0;
    vertical-align: middle;
}
.mapList dl.mnBox dd a:hover{
    font-size: 16px;
    color: #ff5591 !important;
    font-weight: bold;
    background: linear-gradient(left,#ffeff4,#ffd7e5);
    background: -webkit-linear-gradient(left,#ffeff4,#ffd7e5);
    background: -moz-linear-gradient(left,#ffeff4,#ffd7e5);
    background: -m-linear-gradient(left,#ffeff4,#ffd7e5);
    background: -o-linear-gradient(left,#ffeff4,#ffd7e5);
    border-radius: 30px;
}
/* 帅哥图片 */
.mapList .sg{
    width: 33px;
    height: 35px;
    display: inline-block;
    background-position: -50px 0;
    vertical-align: middle;
}
.mapList dl.sgBox dd a:hover{
    font-size: 16px;
    color: #0985ff !important;
    font-weight: bold;
    background: linear-gradient(left,#eaf7ff,#d6efff);
    background: -webkit-linear-gradient(left,#eaf7ff,#d6efff);
    background: -moz-linear-gradient(left,#eaf7ff,#d6efff);
    background: -m-linear-gradient(left,#eaf7ff,#d6efff);
    background: -o-linear-gradient(left,#eaf7ff,#d6efff);
    border-radius: 30px;
}
/* 风景图片 */
.mapList .fj{
    width: 41px;
    height: 35px;
    display: inline-block;
    background-position: -104px 0;
    vertical-align: middle;
}
.mapList dl.fjBox dd a:hover{
    font-size: 16px;
    color: #33cecc !important;
    font-weight: bold;
    background: linear-gradient(left,#ebfcfc,#cefafa);
    background: -webkit-linear-gradient(left,#ebfcfc,#cefafa);
    background: -moz-linear-gradient(left,#ebfcfc,#cefafa);
    background: -m-linear-gradient(left,#ebfcfc,#cefafa);
    background: -o-linear-gradient(left,#ebfcfc,#cefafa);
    border-radius: 30px;
}
/* 卡通图片 */
.mapList .kt{
    width: 35px;
    height: 35px;
    display: inline-block;
    background-position: -171px 0;
    vertical-align: middle;
}
.mapList dl.ktBox dd a:hover{
    font-size: 16px;
    color: #884bee !important;
    font-weight: bold;
    background: linear-gradient(left,#f9f3ff,#ead8ff);
    background: -webkit-linear-gradient(left,#f9f3ff,#ead8ff);
    background: -moz-linear-gradient(left,#f9f3ff,#ead8ff);
    background: -m-linear-gradient(left,#f9f3ff,#ead8ff);
    background: -o-linear-gradient(left,#f9f3ff,#ead8ff);
    border-radius: 30px;
}
/* 漫画图片 */
.mapList .mh{
    width: 37px;
    height: 35px;
    display: inline-block;
    background-position: -227px 0;
    vertical-align: middle;
}
.mapList dl.mhBox dd a:hover{
    font-size: 16px;
    color: #fab32c !important;
    font-weight: bold;
    background: linear-gradient(left,#fffaed,#ffecbf);
    background: -webkit-linear-gradient(left,#fffaed,#ffecbf);
    background: -moz-linear-gradient(left,#fffaed,#ffecbf);
    background: -m-linear-gradient(left,#fffaed,#ffecbf);
    background: -o-linear-gradient(left,#fffaed,#ffecbf);
    border-radius: 30px;
}
/* 插画图片 */
.mapList .ch{
    width: 38px;
    height: 35px;
    display: inline-block;
    background-position: -284px 0;
    vertical-align: middle;
}
.mapList dl.chBox dd a:hover{
    font-size: 16px;
    color: #f36f23 !important;
    font-weight: bold;
    background: linear-gradient(left,#fff5ed,#ffdcbd);
    background: -webkit-linear-gradient(left,#fff5ed,#ffdcbd);
    background: -moz-linear-gradient(left,#fff5ed,#ffdcbd);
    background: -m-linear-gradient(left,#fff5ed,#ffdcbd);
    background: -o-linear-gradient(left,#fff5ed,#ffdcbd);
    border-radius: 30px;
}
/* 体育图片 */
.mapList .ty{
    width: 36px;
    height: 36px;
    display: inline-block;
    background-position: -341px 0;
    vertical-align: middle;
}
.mapList dl.tyBox dd a:hover{
    font-size: 16px;
    color: #f93c48 !important;
    font-weight: bold;
    background: linear-gradient(left,#fff0f0,#ffcdcd);
    background: -webkit-linear-gradient(left,#fff0f0,#ffcdcd);
    background: -moz-linear-gradient(left,#fff0f0,#ffcdcd);
    background: -m-linear-gradient(left,#fff0f0,#ffcdcd);
    background: -o-linear-gradient(left,#fff0f0,#ffcdcd);
    border-radius: 30px;
}
/* 汽车图片 */
.mapList .qc{
    width: 44px;
    height: 34px;
    display: inline-block;
    background-position: 0 -54px;
    vertical-align: middle;
}
.mapList dl.qcBox dd a:hover{
    font-size: 16px;
    color: #21c13e !important;
    font-weight: bold;
    background: linear-gradient(left,#e7feea,#c3ffca);
    background: -webkit-linear-gradient(left,#e7feea,#c3ffca);
    background: -moz-linear-gradient(left,#e7feea,#c3ffca);
    background: -m-linear-gradient(left,#e7feea,#c3ffca);
    background: -o-linear-gradient(left,#e7feea,#c3ffca);
    border-radius: 30px;
}
/* 动物图片 */
.mapList .dw{
    width: 39px;
    height: 35px;
    display: inline-block;
    background-position: -64px -54px;
    vertical-align: middle;
}
.mapList dl.dwBox dd a:hover{
    font-size: 16px;
    color: #9f5921 !important;
    font-weight: bold;
    background: linear-gradient(left,#fcf0e6,#fcdbc1);
    background: -webkit-linear-gradient(left,#fcf0e6,#fcdbc1);
    background: -moz-linear-gradient(left,#fcf0e6,#fcdbc1);
    background: -m-linear-gradient(left,#fcf0e6,#fcdbc1);
    background: -o-linear-gradient(left,#fcf0e6,#fcdbc1);
    border-radius: 30px;
}
/* 美食图片 */
.mapList .ms{
    width: 32px;
    height: 35px;
    display: inline-block;
    background-position: -122px -53px;
    vertical-align: middle;
}
.mapList dl.msBox dd a:hover{
    font-size: 16px;
    color: #f83d75 !important;
    font-weight: bold;
    background: linear-gradient(left,#fff5ec,#ffd2db);
    background: -webkit-linear-gradient(left,#fff5ec,#ffd2db);
    background: -moz-linear-gradient(left,#fff5ec,#ffd2db);
    background: -m-linear-gradient(left,#fff5ec,#ffd2db);
    background: -o-linear-gradient(left,#fff5ec,#ffd2db);
    border-radius: 30px;
}
/* 生活图片 */
.mapList .sh{
    width: 38px;
    height: 35px;
    display: inline-block;
    background-position: -169px -53px;
    vertical-align: middle;
}
.mapList dl.shBox dd a:hover{
    font-size: 16px;
    color: #de35d0 !important;
    font-weight: bold;
    background: linear-gradient(left,#ffeffd,#ffcdf9);
    background: -webkit-linear-gradient(left,#ffeffd,#ffcdf9);
    background: -moz-linear-gradient(left,#ffeffd,#ffcdf9);
    background: -m-linear-gradient(left,#ffeffd,#ffcdf9);
    background: -o-linear-gradient(left,#ffeffd,#ffcdf9);
    border-radius: 30px;
}
/* 手绘图片 */
.mapList .shouh{
    width: 34px;
    height: 35px;
    display: inline-block;
    background-position: -227px -50px;
    vertical-align: middle;
}
.mapList dl.shouhBox dd a:hover{
    font-size: 16px;
    color: #0596d9 !important;
    font-weight: bold;
    background: linear-gradient(left,#dffff9,#bbefff);
    background: -webkit-linear-gradient(left,#dffff9,#bbefff);
    background: -moz-linear-gradient(left,#dffff9,#bbefff);
    background: -m-linear-gradient(left,#dffff9,#bbefff);
    background: -o-linear-gradient(left,#dffff9,#bbefff);
    border-radius: 30px;
}
/* 内容图片 */
.mapList .nr{
    width: 32px;
    height: 35px;
    display: inline-block;
    background-position: -284px -50px;
    vertical-align: middle;
}
.mapList dl.nrBox dd a:hover{
    font-size: 16px;
    color: #2d35d8 !important;
    font-weight: bold;
    background: linear-gradient(left,#f6f1ff,#e2e3ff);
    background: -webkit-linear-gradient(left,#f6f1ff,#e2e3ff);
    background: -moz-linear-gradient(left,#f6f1ff,#e2e3ff);
    background: -m-linear-gradient(left,#f6f1ff,#e2e3ff);
    background: -o-linear-gradient(left,#f6f1ff,#e2e3ff);
    border-radius: 30px;
}
/* 旅行图片 */
.mapList .lx{
    width: 26px;
    height: 35px;
    display: inline-block;
    background-position: -341px -50px;
    vertical-align: middle;
}
.mapList dl.lxBox dd a:hover{
    font-size: 16px;
    color: #0fb4c3 !important;
    font-weight: bold;
    background: linear-gradient(left,#fefae0,#c7ffeb);
    background: -webkit-linear-gradient(left,#fefae0,#c7ffeb);
    background: -moz-linear-gradient(left,#fefae0,#c7ffeb);
    background: -m-linear-gradient(left,#fefae0,#c7ffeb);
    background: -o-linear-gradient(left,#fefae0,#c7ffeb);
    border-radius: 30px;
}
/* 二次元图片 */
.mapList .ercy{
    width: 27px;
    height: 34px;
    display: inline-block;
    background-position: 0px -108px;
    vertical-align: middle;
}
.mapList dl.ercyBox dd a:hover{
    font-size: 16px;
    color: #704af5 !important;
    font-weight: bold;
    background: linear-gradient(left,#f4ecff,#e4d0ff);
    background: -webkit-linear-gradient(left,#f4ecff,#e4d0ff);
    background: -moz-linear-gradient(left,#f4ecff,#e4d0ff);
    background: -m-linear-gradient(left,#f4ecff,#e4d0ff);
    background: -o-linear-gradient(left,#f4ecff,#e4d0ff);
    border-radius: 30px;
}
/* 建筑图片 */
.mapList .jz{
    width: 35px;
    height: 34px;
    display: inline-block;
    background-position: -44px -108px;
    vertical-align: middle;
}
.mapList dl.jzBox dd a:hover{
    font-size: 16px;
    color: #d72412 !important;
    font-weight: bold;
    background: linear-gradient(left,#fff1f0,#ffc3bc);
    background: -webkit-linear-gradient(left,#fff1f0,#ffc3bc);
    background: -moz-linear-gradient(left,#fff1f0,#ffc3bc);
    background: -m-linear-gradient(left,#fff1f0,#ffc3bc);
    background: -o-linear-gradient(left,#fff1f0,#ffc3bc);
    border-radius: 30px;
}
/* 卡通图片 */
.mapList .kat{
    width: 35px;
    height: 35px;
    display: inline-block;
    background-position: -101px -108px;
    vertical-align: middle;
}
.mapList dl.katBox dd a:hover{
    font-size: 16px;
    color: #1c7fe4 !important;
    font-weight: bold;
    background: linear-gradient(left,#e7f6ff,#c8ecff);
    background: -webkit-linear-gradient(left,#e7f6ff,#c8ecff);
    background: -moz-linear-gradient(left,#e7f6ff,#c8ecff);
    background: -m-linear-gradient(left,#e7f6ff,#c8ecff);
    background: -o-linear-gradient(left,#e7f6ff,#c8ecff);
    border-radius: 30px;
}
.footer{
    margin-top: 55px;
}