@font-face {
    font-family: 'icomoon_guobo';
    src:  url('../fonts/icomoon_guobo.eot?qm4pqj');
    src:  url('../fonts/icomoon_guobo.eot?qm4pqj#iefix') format('embedded-opentype'),
    url('../fonts/icomoon_guobo.ttf?qm4pqj') format('truetype'),
    url('../fonts/icomoon_guobo.woff?qm4pqj') format('woff'),
    url('../fonts/icomoon_guobo.svg?qm4pqj#icomoon_guobo') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon_gb-"], [class*=" icon_gb-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon_guobo' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}

.icon_gb-icon_door .path1:before {
    content: "\e93e";
    color: rgb(209, 13, 13);
}
.icon_gb-icon_door .path2:before {
    content: "\e93f";
    margin-left: -1.013671875em;
    color: rgb(209, 13, 13);
}
.icon_gb-icon_door .path3:before {
    content: "\e940";
    margin-left: -1.013671875em;
    color: rgb(19, 34, 122);
}
.icon_gb-icon_door .path4:before {
    content: "\e941";
    margin-left: -1.013671875em;
    color: rgb(209, 13, 13);
}
.icon_gb-icon_door .path5:before {
    content: "\e942";
    margin-left: -1.013671875em;
    color: rgb(19, 34, 122);
}
.icon_gb-icon_door .path6:before {
    content: "\e943";
    margin-left: -1.013671875em;
    color: rgb(36, 201, 213);
}
.icon_gb-icon_door .path7:before {
    content: "\e944";
    margin-left: -1.013671875em;
    color: rgb(18, 150, 219);
}
.icon_gb-icon_door .path8:before {
    content: "\e945";
    margin-left: -1.013671875em;
    color: rgb(36, 201, 213);
}
.icon_gb-icon_door .path9:before {
    content: "\e946";
    margin-left: -1.013671875em;
    color: rgb(18, 150, 219);
}
.icon_gb-icon_door .path10:before {
    content: "\e947";
    margin-left: -1.013671875em;
    color: rgb(36, 202, 213);
}
.icon_gb-icon_door .path11:before {
    content: "\e948";
    margin-left: -1.013671875em;
    color: rgb(19, 151, 219);
}
.icon_gb-icon_door .path12:before {
    content: "\e949";
    margin-left: -1.013671875em;
    color: rgb(37, 202, 213);
}
.icon_gb-icon_door .path13:before {
    content: "\e94a";
    margin-left: -1.013671875em;
    color: rgb(18, 150, 219);
}
.icon_gb-icon_door .path14:before {
    content: "\e94b";
    margin-left: -1.013671875em;
    color: rgb(36, 200, 212);
}
.icon_gb-icon_door .path15:before {
    content: "\e94c";
    margin-left: -1.013671875em;
    color: rgb(18, 150, 219);
}
.icon_gb-icon_door .path16:before {
    content: "\e94d";
    margin-left: -1.013671875em;
    color: rgb(209, 13, 13);
}
.icon_gb-icon_door .path17:before {
    content: "\e94e";
    margin-left: -1.013671875em;
    color: rgb(209, 13, 13);
}
.icon_gb-icon_door .path18:before {
    content: "\e94f";
    margin-left: -1.013671875em;
    color: rgb(209, 13, 13);
}
.icon_gb-icon_door .path19:before {
    content: "\e950";
    margin-left: -1.013671875em;
    color: rgb(209, 13, 13);
}
.icon_gb-icon_door .path20:before {
    content: "\e951";
    margin-left: -1.013671875em;
    color: rgb(209, 13, 13);
}
.icon_gb-icon_door .path21:before {
    content: "\e952";
    margin-left: -1.013671875em;
    color: rgb(255, 198, 16);
}
.icon_gb-icon_fanchuan .path1:before {
    content: "\e953";
    color: rgb(39, 159, 220);
}
.icon_gb-icon_fanchuan .path2:before {
    content: "\e954";
    margin-left: -1.0263671875em;
    color: rgb(36, 201, 213);
}
.icon_gb-icon_fanchuan .path3:before {
    content: "\e955";
    margin-left: -1.0263671875em;
    color: rgb(19, 34, 122);
}
.icon_gb-icon_fanchuan .path4:before {
    content: "\e956";
    margin-left: -1.0263671875em;
    color: rgb(19, 34, 122);
}
.icon_gb-icon_fanchuan .path5:before {
    content: "\e957";
    margin-left: -1.0263671875em;
    color: rgb(19, 34, 122);
}
.icon_gb-icon_fanchuan .path6:before {
    content: "\e958";
    margin-left: -1.0263671875em;
    color: rgb(18, 150, 219);
}
.icon_gb-icon_fanchuan .path7:before {
    content: "\e959";
    margin-left: -1.0263671875em;
    color: rgb(36, 201, 213);
}
.icon_gb-icon_fanchuan .path8:before {
    content: "\e95a";
    margin-left: -1.0263671875em;
    color: rgb(36, 201, 213);
}
.icon_gb-icon_ggwc .path1:before {
    content: "\e95b";
    color: rgb(26, 142, 150);
}
.icon_gb-icon_ggwc .path2:before {
    content: "\e95c";
    margin-left: -1.3447265625em;
    color: rgb(19, 34, 122);
}
.icon_gb-icon_ggwc .path3:before {
    content: "\e95d";
    margin-left: -1.3447265625em;
    color: rgb(24, 177, 188);
}
.icon_gb-icon_ggwc .path4:before {
    content: "\e95e";
    margin-left: -1.3447265625em;
    color: rgb(255, 255, 255);
}
.icon_gb-icon_ggwc .path5:before {
    content: "\e95f";
    margin-left: -1.3447265625em;
    color: rgb(26, 142, 150);
}
.icon_gb-icon_ggwc .path6:before {
    content: "\e960";
    margin-left: -1.3447265625em;
    color: rgb(26, 142, 150);
}
.icon_gb-icon_ggwc .path7:before {
    content: "\e961";
    margin-left: -1.3447265625em;
    color: rgb(19, 34, 122);
}
.icon_gb-icon_ggwc .path8:before {
    content: "\e962";
    margin-left: -1.3447265625em;
    color: rgb(26, 142, 150);
}
.icon_gb-icon_ggwc .path9:before {
    content: "\e963";
    margin-left: -1.3447265625em;
    color: rgb(19, 34, 122);
}
.icon_gb-icon_moodle .path1:before {
    content: "\e964";
    color: rgb(19, 34, 122);
}
.icon_gb-icon_moodle .path2:before {
    content: "\e965";
    margin-left: -0.9912109375em;
    color: rgb(36, 201, 213);
}
.icon_gb-icon_moodle .path3:before {
    content: "\e966";
    margin-left: -0.9912109375em;
    color: rgb(18, 150, 219);
}
.icon_gb-icon_moodle .path4:before {
    content: "\e967";
    margin-left: -0.9912109375em;
    color: rgb(36, 201, 213);
}
.icon_gb-icon_moodle .path5:before {
    content: "\e968";
    margin-left: -0.9912109375em;
    color: rgb(18, 150, 219);
}
.icon_gb-icon_moodle .path6:before {
    content: "\e969";
    margin-left: -0.9912109375em;
    color: rgb(36, 201, 213);
}
.icon_gb-icon_moodle .path7:before {
    content: "\e96a";
    margin-left: -0.9912109375em;
    color: rgb(18, 150, 219);
}
.icon_gb-icon_moodle .path8:before {
    content: "\e96b";
    margin-left: -0.9912109375em;
    color: rgb(36, 201, 213);
}
.icon_gb-icon_moodle .path9:before {
    content: "\e96c";
    margin-left: -0.9912109375em;
    color: rgb(36, 201, 213);
}
.icon_gb-icon_moodle .path10:before {
    content: "\e96d";
    margin-left: -0.9912109375em;
    color: rgb(36, 201, 213);
}
.icon_gb-icon_moodle .path11:before {
    content: "\e96e";
    margin-left: -0.9912109375em;
    color: rgb(237, 237, 238);
}
.icon_gb-icon_moodle .path12:before {
    content: "\e96f";
    margin-left: -0.9912109375em;
    color: rgb(19, 34, 122);
}
.icon_gb-icon_moodle .path13:before {
    content: "\e970";
    margin-left: -0.9912109375em;
    color: rgb(18, 150, 219);
}
.icon_gb-icon_moodle .path14:before {
    content: "\e971";
    margin-left: -0.9912109375em;
    color: rgb(36, 201, 213);
}
.icon_gb-icon_mycar .path1:before {
    content: "\e972";
    color: rgb(24, 177, 188);
}
.icon_gb-icon_mycar .path2:before {
    content: "\e973";
    margin-left: -1.650390625em;
    color: rgb(26, 142, 150);
}
.icon_gb-icon_mycar .path3:before {
    content: "\e974";
    margin-left: -1.650390625em;
    color: rgb(26, 142, 150);
}
.icon_gb-icon_mycar .path4:before {
    content: "\e975";
    margin-left: -1.650390625em;
    color: rgb(26, 142, 150);
}
.icon_gb-icon_mycar .path5:before {
    content: "\e976";
    margin-left: -1.650390625em;
    color: rgb(24, 177, 188);
}
.icon_gb-icon_mycar .path6:before {
    content: "\e977";
    margin-left: -1.650390625em;
    color: rgb(60, 224, 236);
}
.icon_gb-icon_mycar .path7:before {
    content: "\e978";
    margin-left: -1.650390625em;
    color: rgb(24, 177, 188);
}
.icon_gb-icon_mycar .path8:before {
    content: "\e979";
    margin-left: -1.650390625em;
    color: rgb(24, 177, 188);
}
.icon_gb-icon_mycar .path9:before {
    content: "\e97a";
    margin-left: -1.650390625em;
    color: rgb(255, 255, 255);
}
.icon_gb-icon_mycar .path10:before {
    content: "\e97b";
    margin-left: -1.650390625em;
    color: rgb(191, 191, 191);
}
.icon_gb-icon_mycar .path11:before {
    content: "\e97c";
    margin-left: -1.650390625em;
    color: rgb(255, 255, 255);
}
.icon_gb-icon_mycar .path12:before {
    content: "\e97d";
    margin-left: -1.650390625em;
    color: rgb(191, 191, 191);
}
.icon_gb-icon_mycar .path13:before {
    content: "\e97e";
    margin-left: -1.650390625em;
    color: rgb(255, 255, 255);
}
.icon_gb-icon_mycar .path14:before {
    content: "\e97f";
    margin-left: -1.650390625em;
    color: rgb(191, 191, 191);
}
.icon_gb-icon_mycar .path15:before {
    content: "\e980";
    margin-left: -1.650390625em;
    color: rgb(255, 255, 255);
}
.icon_gb-icon_mycar .path16:before {
    content: "\e981";
    margin-left: -1.650390625em;
    color: rgb(255, 255, 255);
}
.icon_gb-icon_mycar .path17:before {
    content: "\e982";
    margin-left: -1.650390625em;
    color: rgb(26, 142, 150);
}
.icon_gb-icon_mycar .path18:before {
    content: "\e983";
    margin-left: -1.650390625em;
    color: rgb(26, 142, 150);
}
.icon_gb-icon_mycar .path19:before {
    content: "\e984";
    margin-left: -1.650390625em;
    color: rgb(24, 177, 188);
}
.icon_gb-icon_mycar .path20:before {
    content: "\e985";
    margin-left: -1.650390625em;
    color: rgb(26, 142, 150);
}
.icon_gb-icon_mycar .path21:before {
    content: "\e986";
    margin-left: -1.650390625em;
    color: rgb(26, 142, 150);
}
.icon_gb-icon_mycar .path22:before {
    content: "\e987";
    margin-left: -1.650390625em;
    color: rgb(24, 177, 188);
}
.icon_gb-icon_mycar .path23:before {
    content: "\e988";
    margin-left: -1.650390625em;
    color: rgb(26, 142, 150);
}
.icon_gb-icon_mycar .path24:before {
    content: "\e989";
    margin-left: -1.650390625em;
    color: rgb(252, 53, 93);
}
.icon_gb-icon_mycar .path25:before {
    content: "\e98a";
    margin-left: -1.650390625em;
    color: rgb(26, 142, 150);
}
.icon_gb-icon_park .path1:before {
    content: "\e98b";
    color: rgb(255, 255, 255);
}
.icon_gb-icon_park .path2:before {
    content: "\e98c";
    margin-left: -1.03125em;
    color: rgb(42, 80, 130);
}
.icon_gb-icon_park .path3:before {
    content: "\e98d";
    margin-left: -1.03125em;
    color: rgb(42, 80, 130);
}
.icon_gb-icon_park .path4:before {
    content: "\e98e";
    margin-left: -1.03125em;
    color: rgb(42, 80, 130);
}
.icon_gb-icon_park .path5:before {
    content: "\e98f";
    margin-left: -1.03125em;
    color: rgb(233, 234, 235);
}
.icon_gb-icon_park .path6:before {
    content: "\e990";
    margin-left: -1.03125em;
    color: rgb(42, 80, 130);
}
.icon_gb-icon_park .path7:before {
    content: "\e991";
    margin-left: -1.03125em;
    color: rgb(233, 234, 235);
}
.icon_gb-icon_park .path8:before {
    content: "\e992";
    margin-left: -1.03125em;
    color: rgb(42, 80, 130);
}
.icon_gb-icon_park .path9:before {
    content: "\e993";
    margin-left: -1.03125em;
    color: rgb(188, 192, 196);
}
.icon_gb-icon_park .path10:before {
    content: "\e994";
    margin-left: -1.03125em;
    color: rgb(36, 201, 213);
}
.icon_gb-icon_park .path11:before {
    content: "\e995";
    margin-left: -1.03125em;
    color: rgb(42, 80, 130);
}
.icon_gb-icon_park .path12:before {
    content: "\e996";
    margin-left: -1.03125em;
    color: rgb(255, 255, 255);
}
.icon_gb-icon_park .path13:before {
    content: "\e997";
    margin-left: -1.03125em;
    color: rgb(42, 80, 130);
}
.icon_gb-icon_parking .path1:before {
    content: "\e998";
    color: rgb(42, 215, 212);
}
.icon_gb-icon_parking .path2:before {
    content: "\e999";
    margin-left: -1.0283203125em;
    color: rgb(18, 172, 155);
}
.icon_gb-icon_parking .path3:before {
    content: "\e99a";
    margin-left: -1.0283203125em;
    color: rgb(255, 255, 255);
}
.icon_gb-icon_rgsp .path1:before {
    content: "\e99b";
    color: rgb(83, 85, 85);
}
.icon_gb-icon_rgsp .path2:before {
    content: "\e99c";
    margin-left: -1em;
    color: rgb(26, 202, 215);
}
.icon_gb-icon_rgsp .path3:before {
    content: "\e99d";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon_gb-icon_rgsp .path4:before {
    content: "\e99e";
    margin-left: -1em;
    color: rgb(24, 177, 188);
}
.icon_gb-icon_rgsp .path5:before {
    content: "\e99f";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon_gb-icon_rgsp .path6:before {
    content: "\e9a0";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon_gb-icon_shouhuo .path1:before {
    content: "\e9a1";
    color: rgb(28, 204, 216);
    opacity: 0.9;
}
.icon_gb-icon_shouhuo .path2:before {
    content: "\e9a2";
    margin-left: -0.7333984375em;
    color: rgb(238, 238, 239);
    opacity: 0.9;
}
.icon_gb-icon_shouhuo .path3:before {
    content: "\e9a3";
    margin-left: -0.7333984375em;
    color: rgb(242, 242, 242);
    opacity: 0.9;
}
.icon_gb-icon_shouhuo .path4:before {
    content: "\e9a4";
    margin-left: -0.7333984375em;
    color: rgb(28, 204, 216);
    opacity: 0.9;
}
.icon_gb-icon_shouhuo .path5:before {
    content: "\e9a5";
    margin-left: -0.7333984375em;
    color: rgb(46, 205, 217);
    opacity: 0.9;
}
.icon_gb-icon_shouhuo .path6:before {
    content: "\e9a6";
    margin-left: -0.7333984375em;
    color: rgb(214, 147, 0);
    opacity: 0.9;
}
.icon_gb-icon_shouhuo .path7:before {
    content: "\e9a7";
    margin-left: -0.7333984375em;
    color: rgb(229, 229, 229);
    opacity: 0.9;
}
.icon_gb-icon_shouhuo .path8:before {
    content: "\e9a8";
    margin-left: -0.7333984375em;
    color: rgb(255, 255, 255);
    opacity: 0.9;
}
.icon_gb-icon_shouhuo .path9:before {
    content: "\e9a9";
    margin-left: -0.7333984375em;
    color: rgb(178, 178, 178);
    opacity: 0.5;
}
.icon_gb-icon_shouhuo .path10:before {
    content: "\e9aa";
    margin-left: -0.7333984375em;
    color: rgb(229, 229, 229);
    opacity: 0.9;
}
.icon_gb-icon_shouhuo .path11:before {
    content: "\e9ab";
    margin-left: -0.7333984375em;
    color: rgb(214, 147, 0);
    opacity: 0.9;
}
.icon_gb-icon_shouhuo .path12:before {
    content: "\e9ac";
    margin-left: -0.7333984375em;
    color: rgb(250, 190, 57);
    opacity: 0.9;
}
.icon_gb-icon_shouhuo .path13:before {
    content: "\e9ad";
    margin-left: -0.7333984375em;
    color: rgb(255, 255, 255);
    opacity: 0.9;
}
.icon_gb-icon_shouhuo .path14:before {
    content: "\e9ae";
    margin-left: -0.7333984375em;
    color: rgb(255, 255, 255);
    opacity: 0.9;
}
.icon_gb-icon_shouhuo .path15:before {
    content: "\e9af";
    margin-left: -0.7333984375em;
    color: rgb(255, 255, 255);
    opacity: 0.9;
}
.icon_gb-icon_shouhuo .path16:before {
    content: "\e9b0";
    margin-left: -0.7333984375em;
    color: rgb(255, 255, 255);
    opacity: 0.9;
}
.icon_gb-icon_shouhuo .path17:before {
    content: "\e9b1";
    margin-left: -0.7333984375em;
    color: rgb(250, 190, 57);
    opacity: 0.9;
}
.icon_gb-icon_shouhuo .path18:before {
    content: "\e9b2";
    margin-left: -0.7333984375em;
    color: rgb(250, 190, 57);
    opacity: 0.9;
}
.icon_gb-icon_shouhuo .path19:before {
    content: "\e9b3";
    margin-left: -0.7333984375em;
    color: rgb(255, 255, 255);
    opacity: 0.9;
}
.icon_gb-icon_shouhuo .path20:before {
    content: "\e9b4";
    margin-left: -0.7333984375em;
    color: rgb(250, 190, 57);
    opacity: 0.9;
}
.icon_gb-icon_shouhuo .path21:before {
    content: "\e9b5";
    margin-left: -0.7333984375em;
    color: rgb(250, 190, 57);
    opacity: 0.9;
}
.icon_gb-icon_shouhuo .path22:before {
    content: "\e9b6";
    margin-left: -0.7333984375em;
    color: rgb(255, 255, 255);
    opacity: 0.9;
}
.icon_gb-icon_shouhuo .path23:before {
    content: "\e9b7";
    margin-left: -0.7333984375em;
    color: rgb(13, 13, 13);
    opacity: 0.9;
}
.icon_gb-icon_shouhuo .path24:before {
    content: "\e9b8";
    margin-left: -0.7333984375em;
    color: rgb(13, 13, 13);
    opacity: 0.9;
}
.icon_gb-icon_tickt .path1:before {
    content: "\e9b9";
    color: rgb(149, 208, 217);
    opacity: 0.5;
}
.icon_gb-icon_tickt .path2:before {
    content: "\e9ba";
    margin-left: -1.17578125em;
    color: rgb(79, 171, 201);
    opacity: 0.4;
}
.icon_gb-icon_tickt .path3:before {
    content: "\e9bb";
    margin-left: -1.17578125em;
    color: rgb(36, 201, 213);
}
.icon_gb-next15_3:before {
    content: "\e9bc";
}
.icon_gb-pause3:before {
    content: "\e9bd";
}
.icon_gb-play3:before {
    content: "\e9be";
}
.icon_gb-prev15_3:before {
    content: "\e9bf";
}
.icon_gb-compass2 .path1:before {
    content: "\e932";
    color: rgb(57, 91, 142);
}
.icon_gb-compass2 .path2:before {
    content: "\e933";
    margin-left: -0.9921875em;
    color: rgb(208, 203, 211);
}
.icon_gb-compass2 .path3:before {
    content: "\e934";
    margin-left: -0.9921875em;
    color: rgb(226, 226, 226);
}
.icon_gb-compass2 .path4:before {
    content: "\e935";
    margin-left: -0.9921875em;
    color: rgb(220, 220, 220);
}
.icon_gb-compass2 .path5:before {
    content: "\e936";
    margin-left: -0.9921875em;
    color: rgb(255, 254, 255);
}
.icon_gb-compass2 .path6:before {
    content: "\e937";
    margin-left: -0.9921875em;
    color: rgb(65, 75, 104);
}
.icon_gb-compass2 .path7:before {
    content: "\e938";
    margin-left: -0.9921875em;
    color: rgb(194, 194, 194);
}
.icon_gb-compass2 .path8:before {
    content: "\e939";
    margin-left: -0.9921875em;
    color: rgb(185, 185, 185);
}
.icon_gb-compass2 .path9:before {
    content: "\e93a";
    margin-left: -0.9921875em;
    color: rgb(240, 66, 71);
}
.icon_gb-compass2 .path10:before {
    content: "\e93b";
    margin-left: -0.9921875em;
    color: rgb(235, 91, 95);
}
.icon_gb-compass2 .path11:before {
    content: "\e93c";
    margin-left: -0.9921875em;
    color: rgb(255, 254, 255);
}
.icon_gb-compass2 .path12:before {
    content: "\e93d";
    margin-left: -0.9921875em;
    color: rgb(65, 75, 104);
}
.icon_gb-around:before {
    content: "\e926";
}
.icon_gb-back:before {
    content: "\e927";
}
.icon_gb-inout:before {
    content: "\e928";
}
.icon_gb-line2:before {
    content: "\e929";
}
.icon_gb-machine:before {
    content: "\e92a";
}
.icon_gb-navi:before {
    content: "\e92b";
}
.icon_gb-parking:before {
    content: "\e92e";
}
.icon_gb-question:before {
    content: "\e92f";
}
.icon_gb-ticket:before {
    content: "\e930";
}
.icon_gb-ticket2:before {
    content: "\e931";
}
.icon_gb-next15_2:before {
    content: "\e925";
}
.icon_gb-prev15_2:before {
    content: "\e924";
}
.icon_gb-startPlay:before {
    content: "\e906";
}
.icon_gb-stopPlay:before {
    content: "\e905";
}
.icon_gb-help:before {
    content: "\e904";
}
.icon_gb-yinshuiji:before {
    content: "\e900";
}
.icon_gb-lanya:before {
    content: "\e901";
}
.icon_gb-box:before {
    content: "\e902";
}
.icon_gb-arrow-right:before {
    content: "\e903";
}
.icon_gb-close4:before {
    content: "\e907";
}
.icon_gb-code:before {
    content: "\e908";
}
.icon_gb-compass3:before {
    content: "\e909";
}
.icon_gb-detail:before {
    content: "\e90a";
}
.icon_gb-exit2:before {
    content: "\e90b";
}
.icon_gb-huan:before {
    content: "\e90c";
}
.icon_gb-zhoubian:before {
    content: "\e90d";
}
.icon_gb-line:before {
    content: "\e90e";
}
.icon_gb-location2:before {
    content: "\e90f";
}
.icon_gb-map2:before {
    content: "\e910";
}
.icon_gb-Microphone:before {
    content: "\e911";
}
.icon_gb-positon:before {
    content: "\e912";
}
.icon_gb-zanlan:before {
    content: "\e913";
}
.icon_gb-next15s:before {
    content: "\e914";
}
.icon_gb-next:before {
    content: "\e915";
}
.icon_gb-prev15s:before {
    content: "\e916";
}
.icon_gb-prev:before {
    content: "\e917";
}
.icon_gb-delete:before {
    content: "\e918";
}
.icon_gb-start:before {
    content: "\e919";
}
.icon_gb-delete2:before {
    content: "\e91a";
}
.icon_gb-down:before {
    content: "\e91b";
}
.icon_gb-pause2:before {
    content: "\e91c";
}
.icon_gb-play2:before {
    content: "\e91d";
}
.icon_gb-sanjiao:before {
    content: "\e91e";
}
.icon_gb-search:before {
    content: "\e91f";
}
.icon_gb-time:before {
    content: "\e920";
}
.icon_gb-canyin:before {
    content: "\e921";
}
.icon_gb-delete21:before {
    content: "\e922";
}
.icon_gb-dianti:before {
    content: "\e923";
}
.icon_gb-toilte:before {
    content: "\e92c";
}
.icon_gb-wenxun:before {
    content: "\e92d";
}



:root {
    --disabled-color: rgb(109, 108, 108);
}

.dxicon {
    /* padding: 4px; */
}

.dxbtn {
    background-color: var(--themeColor, rgb(255, 255, 255));
    border-radius: var(--dxbtn-small-padding, 6px);
    padding: var(--dxbtn-def-radius, 6px);
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
}

.dxbtn.dx-default {
    background-color: #fff;
    border-color: #ccc;
    color: var(--fontColor_dark, #2d2d2d);

}

.dxbtn.dx-blue {
    color: #fff;
    background-color: #1a72bc;
    border-color: #2e6da4;
}

.dxbtn.dx-blue:hover,
.dxbtn.dx-blue:focus {
    background-color: #265a88;
    background-position: 0 -15px;
}

.dxbtn.dx-blue:active,
.dxbtn.dx-blue.active {
    background-color: #265a88;
    border-color: #245580;
}

.dxbtn.dx-lightBlue {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.dxbtn.dx-lightBlue:hover,
.dxbtn.dx-lightBlue:focus {
    background-color: #2aabd2;
    background-position: 0 -15px;
}

.dxbtn.dx-lightBlue:active,
.dxbtn.dx-lightBlue.active {
    background-color: #2aabd2;
    border-color: #28a4c9;
}

.dxbtn.dx-lightGreen {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.dxbtn.dx-green {
    color: #fff;
    background-color: #008a00;
    border-color: #4cae4c;
    font-weight: 600;
}

.btn-success:hover,
.btn-success:focus,
.dxbtn.dx-green:hover, .dxbtn.dx-green:focus,
.dxbtn.dx-lightGreen:hover,
.dxbtn.dx-lightGreen:focus {
    background-color: #419641;
    background-position: 0 -15px;
}

.btn-success:active,
.btn-success.active,
.dxbtn.dx-lightGreen:active, .dxbtn.dx-lightGreen.active,
.dxbtn.dx-green:active, .dxbtn.dx-green.active {
    background-color: #419641;
    border-color: #3e8f3e;
}

.dxbtn.dx-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.dxbtn.dx-warning:hover,
.dxbtn.dx-warning:focus {
    background-color: #eb9316;
    background-position: 0 -15px;
}

.dxbtn.dx-warning:active,
.dxbtn.dx-warning.active {
    background-color: #eb9316;
    border-color: #e38d13;
}

.dxbtn.dx-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.dxbtn.dx-danger:hover,
.dxbtn.dx-danger:focus {
    background-color: #c12e2a;
    background-position: 0 -15px;
}

.dxbtn.dx-danger:active,
.dxbtn.dx-danger.active {
    background-color: #c12e2a;
    border-color: #b92c28;
}

/* .dxbtn.dx-theme{
    color: var(--themeBtnTextColor,--fontColor,rgb(72, 71, 71));
    background-color: var();
} */
.dxbtn.dx-theme {
    color: var(--themeBtnTextColor, var(--fontColor, rgb(72, 71, 71)));
    background-color: var(--bgColor, #fff);
}

.dxbtn.dx-theme.active {
    color: var(--whiteColor, #fff);
    background-color: var(--themeColor, #1089f3);
}

.dxbtn.btn-small {
    padding: 4px;
    line-height: 1.42857143;
    border-radius: 4px;
}

.dxbtn.btn-middle {
    padding: 6px 18px;
    line-height: 1.42857143;
    /* border-radius: 4px; */
    border-radius: 18px;
}

.btn-middle {
    margin-right: 6px;
    margin-top: 4px;
}

.nobg-btn {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid var(--themeColor, #1089f3);
    color: var(--themeColor, #1089f3);
    padding: 6px 18px;
    border-radius: 18px;
}

.text-btn {
    color: var(--themeColor, #1089f3);
}

.dxsearch-component {
    display: flex;
    background-color: var(--whiteColor, #fff);
    border-radius: var(--searchComponentRadius, 1.2rem);
    box-shadow: 1px 1px 2px var(--boxshadowColor, rgb(243, 239, 239));
    padding: 0.4rem;
}

.detailInfo-component, .infocard-component {
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 6px 6px 0px 0px;
    overflow: hidden;
    white-space: nowrap;
    /*min-height: 157px;*/
}

.infocard-component {
    display: flex;
}

.detailInfo-component .img_container, .infocard-component .img_container {
    padding-right: 7px;
}

.detailInfo-component .img_container .info-image, .infocard-component .img_container .info-image {
    /* padding-right: 7px; */
    /* width: 54px; */
    max-width: 62px;
    border-radius: 4px;
    max-height: 68px;
}

.detailInfo-component .info_container, .infocard-component .info_container {
    flex: 1 1;
    display: inline-flex;
    flex-direction: column;
    overflow: hidden;
    font-size: 1.2rem;
    padding-left: 4px;
}

.info_container .title, .infocard-component .info_container .title {
    font-size: 1.4rem;
    font-weight: 500;
}

.info_container .title, .info_container .address, .infocard-component .title, .infocard-component .address {
    line-height: 1.5;
}


.dxcomponent.slider_wrapper {
    display: flex;
    width: max-content;
    padding: 4px 1px 2px 1px;
    flex-direction: column;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 6px;

}

.dxcomponent.slider_wrapper .text {
    font-size: 1rem;
    line-height: 1.2;
    transform: scale(0.8);
    padding: 2px 0px;
}

.dxcomponent.slider_wrapper .slider {
    display: inline-flex;
    width: 70%;
    height: 12px;
    background-color: #bfbfbf;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 1px;
    margin: 0 auto;
    position: relative;
}

.slider_wrapper.active .slider, .slider_wrapper .slider.active {
    background-color: var(--themeColor, #027fe7);
}

.slider_wrapper.active .dxcircle, .slider_wrapper .active .dxcircle {
    position: absolute;
    right: 1px;
}

.dxcomponent.slider_wrapper .dxcircle {
    background-color: #fff;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

/* 标题类字体大小  中等加黑*/
.font-title, .title {
    /* font-size: 1.5rem; */
    font-size:var(--dxmap-theme-fontSize-big,16px);
    font-weight: 500;
}

.font-middle {
    font-size: 1.2rem;
}

.font-small {
    font-size: 1rem;
    transform: scale(0.8);
}

.icon-middle {
    font-size: 1.8rem;
}

.icon-large {
    font-size: 2.5rem;
}

.flex-wrapper, .flex-wrapper-nomal {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.flex-wrapper > .dxbtn + .dxbtn {
    margin-left: 10px;
}

.flex-wrapper-nomal {
    justify-content: initial;
}

.flex-column {
    flex-direction: column;
    align-items: initial;
}

.float-right {
    float: right;
}

.info_container .icon- * {
    padding: 2px 4px;
}

.confirmBox {
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}

.confirmBox .confirmBoxContent {
    position: absolute;
    width: 80%;
    border-radius: 10px;
    box-shadow: 0 0 5px #999;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 20px 0 0;
}

.confirmBox .confirmBoxContent .confirmBoxTitle {
    padding: 10px 0 30px;
    font-size: 14px;
}

.confirmBox .confirmBoxContent .btn {
    width: 100px;
    text-align: center;
    border-radius: 20px;
    margin: 0 10px;
    display: inline-block;
    font-size: 14px;
}

.confirmBox .confirmBoxContent .btn0 {
    color: #fff;
    background: #940f05;
}

.confirmBox .confirmBoxContent .btn1 {
    color: #940f05;
    border: #940f05 solid 1px;
}



.confirmBottomBox {
    position: absolute;
    z-index: 3;
    bottom: 0;
    box-sizing: border-box;
}

.confirmBottomBox .confirmBottomBoxContent {
    overflow: hidden;
    text-align: center;
    background: #fff;
    padding: 0 10px 10px;
}

.confirmBottomBox .confirmBottomBoxContent .confirmBottomBoxTitle {
    padding: 10px 0;
    font-size: var(--dxmap-theme-fontSize-big,16px);
    line-height: 1.8em;
    font-weight: bold;
}

.confirmBottomBox .confirmBottomBoxContent .btn {
    width: 100px;
    height: 40px;
    text-align: center;
    border-radius: 20px;
    margin: 0 10px;
    line-height: 40px;
    display: inline-block;
    font-size: 14px;
}

.confirmBottomBox .confirmBottomBoxContent .btn0 {
    color: #fff;
    background: var(--themeColor);
}

.confirmBottomBox .confirmBottomBoxContent .btn1 {
    color: var(--themeColor);
    border: var(--themeColor) solid 1px;
}


.audioProgressBar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0 0;
}

.prev15 {
    width: 32px;
    height: 32px;
    background: url("../css/images/prev15.png") no-repeat;
    background-size: 100%;
    position: absolute;
    top: 10px;
    left: 0;
    opacity: 0.7;
}

.next15 {
    width: 32px;
    height: 32px;
    background: url("../css/images/next15.png") no-repeat;
    background-size: 100%;
    position: absolute;
    top: 10px;
    right: 0;
    opacity: 0.7;
}

/*.audioProgressBar .progress{
  width:calc(100% - 80px);
  background: #cacaca;
  height: 2px;
}*/
.audioContainer{
    padding: 5px 0;
}
.audioContainer .progressBox {
    width: calc(100% - 40px);
    height: 3px;
    position: relative;
}

.audioContainer .audioProgress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 3px;
    border: none;
    background: #999;
    border-radius: 3px;
    top: 0;
    position: absolute;
}

.audioContainer .audioProgress::-webkit-progress-bar {
    background: #cacaca;
    border-radius: 3px;
}

.audioContainer .audioProgress::-webkit-progress-value {
    background-color: var(--themeColor);
    border-radius: 3px;
}

.audioContainer .audioProgress::-moz-progress-bar {
    background-color:var(--themeColor);
    border-radius: 3px;
}

.audioContainer .progressTime {
    position: absolute;
    color: #fff;
    background-color: var(--themeColor);
    display: inline-block;
    padding: 2px 5px;
    border-radius: 10px;
    top: -8px;
    font-size: 10px;
    z-index: 2;
}

.audioControl {
    padding: 28px 0 22px 0;
    position: relative;
}

.audioSpeed {
    width: 33px;
    float: right;
}

.audioSpeed > span {
    display: block;
    width: 60px;
    height: 30px;
    line-height: 30px;
    background: var(--themeColor);
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    float: left;
}

.audioControl .btn-godetail {
    border-radius: 18px;
    width: 60px;
    height: 30px;
    text-align: center;
    box-sizing: border-box;
    display: block;
    float: right;
    line-height: 30px;
    padding: initial;
}

.audioSpeed .speedBox {
    width: 33px;
    position: absolute;
    right: 50px;
    display: none;
    z-index: 2;
}

.audioSpeed .speedBox.show {
    display: block;
}

.audioSpeed .speedbox2 {
    border-radius: 10px;
    overflow: hidden;
}

.speedBox::before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-right: 4px solid var(--themeColor);
    border-bottom: 3px solid transparent;
    right: -4px;
    top: 7px;
    transform: rotate(180deg);
    position: absolute;
}

.speedBox2 > span {
    display: block;
    width: 60px;
    height: 30px;
    line-height: 30px;
    background: var(--themeColor);
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.speedBox2 > span.on {
    display: none;
}

.speedBox2::after {
    display: block;
    width: 80%;
    content: "";
    height: 1px;
    background: #c98782;
    position: absolute;
    top: 50%;
    left: 10%;
}
.icon_gb-prev15_3:before {
    content: "\e9bf";
}
.icon_gb-next15_3:before {
    content: "\e9bc";
}
.playAndPause {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 2px;
    left: 50%;
    transform: translateX(-50%);
}


.clearFixed::after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
}

.inputCodeBox {
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.inputCodeContent {
    width: 80%;
    margin: 0 auto;
}

.inputCodeBox .close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 40px;
    top: 100px;
    font-size: 28px;
}

.inputCodeBox .inputCodeBoxTitle {
    padding-top: 200px;
    text-align: center;
    font-size: var(--dxmap-theme-fontSize-large,20px);
}

.inputCodeBox .inputCodeBoxDes {
    font-size: 14px;
    text-align: center;
    padding: 10px 0 20px;
}

.inputCodeBoxInputs {
    display: flex;
    justify-content: space-between;
}

.inputCodeBoxInputs input {
    width: 18%;
    border: #383838 solid 2px;
    height: 60px;
    text-align: center;
    font-size: 24px;
}

.inputCodeBox .inputCodeBoxTips {
    color: var(--themeColor);
    font-size: 14px;
    text-align: center;
    padding: 20px;
}

.clearFixed::after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
}

.dxcomboxbtn {
    background-color: #fff;
    color: var(--fontColor, #2d2d2d);
    border-radius: var(--dxbtn-small-padding, 6px);
    padding: var(--dxbtn-def-radius, 4px);
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
}

/* .dxcomboxbtn .dxicon,.dxcomboxbtn .dxtext{

} */
.icon-theme {
    color: var(--themeBtnTextColor, var(--themeColor, #1089f3));
    font-size: 1.8rem;
    padding-bottom: 2px;
}

.disabled {
    border-color: var(--disabled-color, #ccc);
    color: var(--disabled-color, #ccc);
}

.circle-border {
    padding: 2px;
    border: 1px solid var(--themeColor, #1089f3);
    border-radius: 50%;
}

.circle-border.disabled {
    border-color: var(--disabled-color, #ccc);
}

.dx_iconText_btn {
    display: flex;
    width: max-content;
    padding: 4px 1px 2px 1px;
    flex-direction: column;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 6px;
}



.dx_iconText_btn .text {
    font-size: 1rem;
    line-height: 1.2;
    padding: 2px 0px;
    position: relative;
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    width: 120%;
}
.searchTitle,.history_container .nodata{
    padding: 0 10px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: var(--dxmap-color, #666);
}
.searchTitle .titleText{
    float: left;
}
.searchTitle .btns{
    float: right;
}
.searchTitle .btns .deleteConfirm{
    display: none;
}
.searchTitle .btns .deleteConfirm span{
    padding-left: 5px;
    height: 40px;
    display: inline-block;
}
.searchTitle .btns .deleteConfirm .finish{
    color: var(--themeColor);
}
.history_container .history_list li.hidden , .dx_full_frame_container .history_container .history_list li.hidden,.hotSearch_list li.hidden{
    display: none ;
}
.search_input .deleteText{
    padding: 10px;
}
.btn_delete{
    width: 24px;
    height: 40px;
    display: block;
    text-align: center;
}
.btn_delete i{
    line-height: 40px;
}
.poiImg{
    margin-right: 16px;
    line-height: 1.5;
    color: #fff;
    width: auto;
    background: var(--themeColor,#3b99fd);
    border-radius: 16px;
    padding: 4px 10px;
    align-items: center;
    font-weight: 500;
    position: relative;
    bottom: 2px;
    flex-shrink: 0;
}
.swiper .close{
    position: absolute;
    width: 30px;
    height: 30px;
    right: 5px;
    top: 5px;
    z-index: 2;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
}
/* body[data-theme=default] .map-lists-wrapper {
    background-color: #fff;
} */
.map-lists-wrapper {
    background-color: #fff;
    bottom: 0;
    left: 50%;
    max-width: 500px;
    padding-bottom: 80px;
    position: fixed;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    z-index: 12;
}
.map-lists-wrapper>div.map-lists-main {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: 0 12px;
    position: relative;
}
.map-lists-body {
    -webkit-overflow-scrolling: touch;
    height: 100%;
    overflow: auto;
    padding-bottom: 40px;
    scroll-behavior: smooth;
}
/* body[data-theme=default]  */
.map-lists {
    color: #4a4a4a;
    flex: 1 1;
    overflow: hidden;
    padding-bottom: 20px;
    position: relative;
    width: 100%;
    z-index: 2;
}


.map-list-tool {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    font-size:var(--dxmap-theme-fontSize-small,12px);
    justify-content: flex-end;
    padding: 14px 0 14px 12px;
    position: relative;
}
.map-list-tool img,.map-list-title img {
    height: 8px;
    margin-left: 4px;
    vertical-align: middle;
}
.map-list-title {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    font-size:var(--dxmap-theme-fontSize-small,12px);
    justify-content: flex-end;
    padding: 14px 0 14px 12px;
    position: relative;
}
.map-list-title:after {
    border-top: 1px dashed #a3a3a3;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    width: 100%;
    z-index: -1;
}
.map-list-title div{
    padding: 0 4px;
    background-color: #fff;
}

.map-list-item {
    align-items: center;
    border-radius: 100px;
    display: flex;
    flex-direction: row;
    margin: 16px auto;
    max-width: 500px;
    padding: 10px;
    position: relative;
    text-decoration: none;
    width: 99%;
}
body[data-theme=default]
.map-list-item {
    background: #fff;
    /* box-shadow: 2px 2px 4px rgb(0 0 0 / 14%); */
    box-shadow: 2px 2px 4px rgb(0 0 0 / 14%), -1px -1px 4px rgb(0 0 0 / 8%);

}
.map-list-item .distance {
    font-size: 10px;
    text-align: center;
    color: #989898;
    padding-left: 10px;
    padding-right: 10px;
    /* scale: 0.9; */
    line-height: 1.5;
}
 *,body[data-theme=default] :after, body[data-theme=default] :before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box;
}
.map-list-item-icon {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    display: flex;
    height: 40px;
    justify-content: center;
    position: relative;
    width: 40px;
}
.map-list-item-icon img {
    border-radius: 40px;
    max-height: 90%;
    max-width: 90%;
    pointer-events: auto;

}
body[data-theme=black] .map-list-item-icon:after, body .map-list-item-icon:after {
    content: "";
    height: 200%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    width: 200%;
}
body .map-list-item-icon:after {
    border: 1px solid #dcdcdc;
    border-radius: 100px;
}
.map-list-item-name {
    color: #4a4a4a;
}
.map-list-item-name {
    flex: 1 1;
    font-size:var(--dxmap-theme-fontSize-small,12px);
    margin-left: 3vw;
    overflow: hidden;
}
.map-list-item-name p:first-child {
    font-size: var(--dxmap-theme-fontSize-mid,15px);
}
.map-list-item-name p {
    line-height: 150%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.map-list-item-name .hospital-level, .map-list-item-name .hospital-level {
    color: #f5a623;
}
.map-list-item-name .hospital-level {
    padding-right: 6px;
}
.map-list-item-name .hospital-function {
    color: #9a9a9a;
}
.map-list-item:after {
    content: "";
    height: 200%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    width: 200%;
}
/* body[data-theme=default]  */
.map-list-item:after {
    border: 1px solid #dcdcdc;
    border-radius: 100px;
}

.map-list-search {
    align-items: center;
    border-radius: 36px;
    display: flex;
    flex-direction: row;
    height: 36px;
    margin: 12px auto;
    padding-left: 14px;
    padding-right: 10px;
    position: relative;
    transition: width .5s ease;
    width: 100%;
    background: #f4f4f4;
}
.map-list-search-body {
    align-items: center;
    display: flex;
}
.map-list-search-body>img {
    margin-right: 10px;
}
.map-list-search img {
    height: 16px;
    width: 16px;
}
.map-list-search input {
    color: #6c6767;
    background: transparent;
    border: none;
    border-radius: 2px;
    font-size: 14px;
    line-height: 180%;
    width: 100%;
}

/* body[data-theme=default]  */
.map-lists-tool {
    color: #4a4a4a;
}
.map-lists-tool {
    display: flex;
    justify-content: space-between;
    padding: 24px 0px 0px 10px;
}
/* body[data-theme=black] */
 .map-lists-tool>p span,
 /* body[data-theme=default]  */
 .map-lists-tool>p span {
    color: #598bff;
}
.map-lists-tool>p {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAABACAMAAABxwuT6AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACKUExURUxpcZrS/wBz8kmb+ABy8ZrR/5nV/wB08ZrR/wB08Qh38QBz8QN18ZnR/wBy8JrT/5jR/wBy8ABy8JnS/wBy8ABz8ReA8n7D/TqW9gBz8JnR/5nR/wBy8CWJ9Gay+wJ08TqX91Ck+UKb9xR/85TO/1mp+SuN9X3A/YjH/lWn+WCv+gZ28Uee+HC4/BIcwUsAAAAbdFJOUwBnMBKYmDhIhnDYlFnq+yfJweari3Pyr+SNkTZySzIAAAGTSURBVEjH7ZfbcoIwEIYD2FooqKg97nIoUIiA7/96XRgdAyaUYC9a7XfDhflmc/zHZewHMOdyTOs705qtUYljD7ruAgd5fjGU9e1mwMJxAhlp82PKvXvFaqnu2mUbkMMTsgMAQyr7tCyLGaAkJDsEbykrTFM2meWpZYjb0hv5in02VBigQIwyAIm8RXxj7EEcnPXtCpEDSOY9Q7S7chmlPZ22vAC4HyPniPtL5PBvyWFM0NCcPgnXk3nnPeSaciXKsea0i0+Chsb0KbMrOKo4SWaPDdsnU+96Vt1YouhQyvs07z2MqJ9q8cpQyOeQHO8O1HnVHuNqOV4WdoHTurAEz5oit7uStrk0RW5uYtFEyxQZAsRdk8aT5BqxBnifJn8gJgB3VyG3MXRAiKFRsiqGxsmKGBo37TaGDggx9OuPKjuhK2eBsF9RqScXnaMKNCvnQlpV5W08jGJ3QveG8eiCu92Vc933nJzec81v46j+5VGy4/vyvuhI0x31G6ajPInXFf2pcSfK88EWVMR2zxrUi1vfL3/6RFiHmTzrAAAAAElFTkSuQmCC);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 14px auto;
    padding-left: 20px;
    font-size:var(--dxmap-theme-fontSize-small,12px);
}
.map-lists-tool>a>img {
    height: 8px;
    margin-left: 4px;
    vertical-align: middle;
}
/* route header */
.routing-info-wrapper {
    height: 100%;
    pointer-events: none;
    position: relative
}

.routing-info {
    bottom: 0;
    font-size: 14px;
    left: 0;
    margin: 0;
    pointer-events: auto;
    position: absolute;
    width: 100%
}

body[data-theme=black] .routing-info,body[data-theme=default] .routing-info {
    color: #9a9a9a;
    background-color: #fff;
    border-radius: 2px 2px 0px 0px;
    box-shadow: 0px -1px 2px #e7e7e7;
}

.routing-info-tip {
    line-height: 200%;
    margin: 10px auto;
    text-align: center;
    width: 60%
}

body[data-theme=black] .routing-info-tip,body[data-theme=default] .routing-info-tip {
    background-color: rgba(0,0,0,.6);
    color: #fff
}

.routing-info-top {
    margin: 0;
    position: relative;
    background: #fff;
}

.routing-info-top>i {
    left: 0;
    padding: 2px 14px;
    position: absolute;
    top: 10px;
    font-size: 1.5rem;
}

body[data-theme=black] .routing-info-top>i {
    -webkit-filter: brightness(2);
    filter: brightness(2)
}
.routing-info-top-content {
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0,0,0,.24);
    padding: 10px 0;
    position: relative
}

body[data-theme=default] .routing-info-top-content {
    background-color: #fff
}

body[data-theme=black] .routing-info-top-content {
    background-color: #000
}
.routing-info-location {
    background-image: url(data:image/png;base64,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);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: auto 80%;
    flex: 1 1;
    margin: 0 10px;
    overflow: hidden;
    padding-left: 20px;
    pointer-events: auto;
    position: relative;
}
.routing-info-top .routing-info-location {
    background-position-x: 6px;
    flex-grow: 2;
    padding-left: 26px;
    background-color: #f4f4f4;
}

body[data-theme=default] .routing-info-top .routing-info-location {
    background-color: #f4f4f4
}

body[data-theme=black] .routing-info-top .routing-info-location {
    background-color: #242424
}

.routing-info-message{
    font-size: var(--dxmap-theme-fontSize-mid,15px);
    font-weight: 400;
    padding: 8px;
}

.routing-info-message.routing-info-from{
    color: var(--themeLightColor,#659dff);
}
.routing-info-message.routing-info-to{
    color: var(--themeTargetColor,#dd7980);
}
body[data-theme=default] .routing-info-detail-underline {
    border-bottom: 1px solid #dedede
}

body[data-theme=black] .routing-info-detail-underline {
    border-bottom: 1px solid #555
}

.route-detail {
    display: flex;
    flex-direction: row;
    padding: 10px
}
.lv-marquee span{
    margin-right: 10px;
}
body[data-theme=black] .route-detail,body[data-theme=default] .route-detail {
    background-color: rgba(0,0,0,.2);
    color: #fff
}

.route-detail-title {
    align-items: center;
    background-color: rgba(0,0,0,.6);
    border-radius: 30px;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    padding: 0 15px
}

body[data-theme=black] .route-detail-title.active,body[data-theme=default] .route-detail-title.active {
    background-color: #fa6400
}

.route-detail-info {
    flex: 1 1;
    text-align: center
}
.routing-info-message-floor{
    color:#9a9a9a;
}
.route-detail-close,.route-detail-expand {
    font-size: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.route-detail-close img,.route-detail-expand img {
    height: auto;
    width: 16px
}

.route-detail-close {
    right: 10px;
    top: 10px;
    -webkit-transform: none;
    transform: none
}

.route-detail-content {
    -webkit-overflow-scrolling: touch;
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    max-height: 500px;
    overflow-x: auto;
    position: relative
}

.route-detail-content>div {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    justify-content: flex-end
}

.route-detail-content>div:nth-child(2n) .route-detail-list {
    flex-direction: column-reverse;
    justify-content: flex-start
}

.route-detail-content>div:nth-child(2n) .route-detail-list.followed .route-detail-item:last-child:before {
    bottom: 46%;
    display: block
}

.route-detail-content>div:nth-child(2n) .route-detail-item:before {
    bottom: 50%;
    top: auto
}

.route-detail-content>div:nth-child(2n) .route-detail-item:first-child:before {
    display: block
}

.route-detail-content>div:nth-child(2n) .route-detail-item:last-child:before {
    display: none;
}

.route-detail-content>div:nth-child(2n+3) .route-detail-list {
    justify-content: flex-start
}

.route-detail-content p {
    margin: 10px 0;
    max-width: 114px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all
}

.route-detail-list {
    align-items: stretch;
    background-color: hsla(0,0%,100%,.2);
    display: flex;
    flex: 1 1;
    flex-direction: column;
    justify-content: flex-end;
    padding: 10px 0 10px 4px;
    width: 100%
}

.route-detail-item {
    background-color: rgba(0,0,0,.6);
    background-position-x: 88%;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 12px auto;
    border-color: #fff;
    border-radius: 30px;
    border-width: .5px;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 30px;
    justify-content: center;
    line-height: 30px;
    margin: 0 5px;
    min-width: 30px;
    position: relative
}

.route-detail-item.located {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAuCAMAAAB+ruu2AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABLUExURUxpcf///////////////////////////////////////////////////////////////////////////////////////////////1SsvH4AAAAYdFJOUwA4BMP6q9jx4QtmKhJIup99cIXokiJWUVWn7yEAAAEsSURBVDjLlVTZtoMgDIzsKmrFpfz/l16vHkhAsO28hQlZJgSAiHafuBFaja6BAnopfISZWUbbidCny55eV/6GlQQZtC9gbOP9Iu+9DPmVr+B1OUw13ov+TCCqDlcS6R9wSNbSALJrhpehvQLsaOn3JTkpyiQlvkPfHM96Ysgo3EYvYcYOpUVlZhC04gDszAHKPKDDSMQ0ubD/0CQvOps4vc6TsA6NKTRBpmthILrx7bxPeHXoljwGJcfEdl8MK8mRQ501mbrDfDrMVV7ba7zLhzdZDbEE5Zh5qiCTthTgCFHcDPI+oCnwPNnetbI0uP63Vl32Qey5yG3+w6QzE/dfyJqShlDphLPSN4aPT28lHhi/7WBexhJXuoJG1AvAqRkLD1i97p94YHKAH/EHw8JPbDPIu5oAAAAASUVORK5CYII=);
    background-size: 8px auto
}

.route-detail-item em {
    background-color: #787878;
    border-radius: 20px;
    display: block;
    font-style: normal;
    height: 6px;
    left: -12px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 6px
}

.route-detail-item em:after {
    border: 1px solid #fff;
    border-radius: 20px;
    content: "";
    height: 200%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    width: 200%
}

body[data-theme=black] .route-detail-item.active,body[data-theme=default] .route-detail-item.active {
    background-color: #fa6400;
    color: #fff
}

.route-detail-item.multi {
    padding: 0 10px
}

.full-route-select {
    border: 1px solid #c9c9c9;
    border-radius: 15px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 10px;
    margin-left: 20%;
    width: 60%
}

body[data-theme=default] .full-route-select {
    background-color: #fff;
    color: #9a9a9a
}

body[data-theme=black] .full-route-select {
    background-color: #000;
    color: #9a9a9a
}

.full-route-select>div {
    pointer-events: auto
}

.full-route-select-item {
    border-radius: 15px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    text-align: center;
    width: 50%
}

body[data-theme=default] .full-route-select-item {
    background-color: #fff;
    color: #9a9a9a
}

body[data-theme=black] .full-route-select-item {
    background-color: #000;
    color: #9a9a9a
}

body[data-theme=black] .full-route-select .active,body[data-theme=default] .full-route-select .active {
    background-color: #598bff;
    color: #fff
}

.route-tip-wrapper {
    border-bottom: 1px solid #dedede;
    color: #4a4a4a;
    font-size:var(--dxmap-theme-fontSize-small,12px);
    padding: 5px 0
}

.route-tip-wrapper .route-tip {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 5px 10px
}

.route-tip-wrapper .route-tip>div:first-child {
    border-radius: 8px;
    font-size: 8px;
    height: 16px;
    line-height: 16px;
    margin: 0 5px;
    text-align: center;
    width: 16px
}

body[data-theme=black] .route-tip-wrapper .route-tip>div:first-child,body[data-theme=default] .route-tip-wrapper .route-tip>div:first-child {
    background-color: #f5a623;
    color: #fff
}
.routing-info-top-reverse {
    background-image: url(data:image/png;base64,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);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 22px auto;
    cursor: pointer;
    height: 100%;
    pointer-events: auto;
    position: absolute;
    right: 10px;
    top: 0;
    width: 40px;
    z-index: 100
}

.routing-info-title {
    padding: 6px;
    text-align: center
}

.routing-info-navi {
    padding: 14px 15px
}


.routing-info-navi>div>div {
    align-items: center;
    border-radius: 50px;
    display: flex;
    flex-direction: row;
    font-size: var(--dxmap-theme-fontSize-big,16px);
    justify-content: center;
    text-transform: capitalize
}

.routing-info-navi .routing-info-dis {
    font-size: 14px;
    padding: 0 5px;
    font-weight: 400;
    line-height: 1.6;
    width: 50%;
    white-space: nowrap;
}

.routing-info-floors {
    bottom: 110%;
    left: 10px;
    position: absolute
}

.routing-info-tools {
    bottom: 110%;
    position: absolute;
    right: 10px
}

/* .routing-info-simulate {
    font-weight: 700;
    line-height: 46px;
    padding: 0 20px;
    width: 35%
} */

body[data-theme=default] .routing-info-simulate {
    color: #4a4a4a
}

body[data-theme=black] .routing-info-simulate {
    color: #ccc
}

.routing-info-simulate.active {
    background-image: linear-gradient(90deg,#598bff 1%,#2e68f0);
    font-weight: 400
}

body[data-theme=default] .routing-info-simulate.active ,body[data-theme=default] .routing-info-true{
    box-shadow: 1px 2px 3px 0 rgba(0,0,0,.2);
    color: #fff
}

body[data-theme=black] .routing-info-simulate.active,body[data-theme=black] .routing-info-true{
    box-shadow: 1px 2px 3px 0 hsla(0,0%,100%,.2);
    color: #fff
}

.routing-info-come {
    /* background-image: linear-gradient(90deg,#598bff 1%,#2e68f0); */
    background-image: linear-gradient(90deg,#6aaafa 1%,#2f72f7);
    box-shadow: 1px 2px 3px 0 rgba(0,0,0,.2);
    line-height: 46px;
    padding: 0 20px;
    width: 35%;
    white-space: nowrap;

}

body[data-theme=black] .routing-info-come,body[data-theme=default] .routing-info-come {
    color: #fff
}

/* .routing-info-true {
    background-color: #cfcfcf;
    line-height: 46px;
    padding: 0 14px;
    width: 35%
} */

/* body[data-theme=black] .routing-info-true,body[data-theme=default] .routing-info-true {
    color: #fff
}

.routing-info-true.active {
    background-image: linear-gradient(90deg,#598bff 1%,#2e68f0)
} */

body[data-theme=default] .routing-info-true.active {
    box-shadow: 2px 4px 8px 0 rgba(0,0,0,.4)
}

body[data-theme=black] .routing-info-true.active {
    box-shadow: 2px 4px 8px 0 hsla(0,0%,100%,.4)
}

.widget-transfer-horizontal {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    overflow-x: auto;
    overflow-y: visible;
    overflow: hidden;
    padding-top: 10px;
    pointer-events: auto;
    position: relative;
    text-align: center;
    white-space: nowrap;
}
body[data-theme=default] .widget-transfer-horizontal .transfer-item {
    color: #6c6767;
}
.widget-transfer-horizontal .transfer-item {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin: 0 10px;
    padding: 4px 8px;
}
.transfer-item i,.transfer-item span{
    display: inline-block;
    vertical-align: middle;
}
.transfer-item span{
    font-size: 1.1rem;
}
.transfer-item i{
    padding-right: 4px;
    font-size: 1.2rem;
}
body[data-theme=black] .widget-transfer-horizontal .active, body[data-theme=default] .widget-transfer-horizontal .active {
    background-color: #5697f5;
    color: #fff;
    border-radius: 15px;

}


.navigating-bottom {
    border-radius: 6px;
    bottom: 2px;
    left: 14px;
    padding: 40px 12px 12px;
    position: absolute;
    right: 14px
}

body[data-theme=default] .navigating-bottom {
    background-color: #598bff;
    color: #fff
}

body[data-theme=black] .navigating-bottom {
    background-color: #2f5199;
    color: #fff
}

.navigating-bottom-location {
    background-color: rgba(0,0,0,.56);
    border-radius: 2px;
    bottom: 150%;
    left: 50%;
    line-height: 120%;
    max-width: 80%;
    padding: 6px 10px;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body[data-theme=black] .navigating-bottom-location,body[data-theme=default] .navigating-bottom-location {
    color: #fff
}

.navigating-bottom-pause-tip,.navigating-bottom-pause-title {
    margin-right: 10px
}

.navigating-bottom-resume {
    padding-left: 16px
}

.navigating-bottom-mode {
    bottom: 180%;
    display: flex;
    flex-direction: column;
    left: 10px;
    position: absolute
}

.navigating-bottom-mode .widget-logo,.navigating-bottom-mode .widget-scale {
    bottom: 0;
    left: 50px
}

body[data-theme=default] .navigating-bottom-mode .widget-logo,body[data-theme=default] .navigating-bottom-mode .widget-scale {
    color: #000
}

body[data-theme=black] .navigating-bottom-mode .widget-logo,body[data-theme=black] .navigating-bottom-mode .widget-scale {
    color: #fff
}

.navigating-bottom-right {
    align-items: flex-end;
    bottom: 160%;
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 10px
}

.navigating-bottom-main {
    border-radius: 2px;
    margin: 0
}

body[data-theme=default] .navigating-bottom-main {
    color: #000
}

body[data-theme=black] .navigating-bottom-main {
    color: #fff
}

.navigating-bottom-content {
    align-items: center;
    display: flex;
    flex: 1 1;
    justify-content: flex-start;
    line-height: 160%;
    padding: 6px 0;
    position: relative
}

body[data-theme=black] .navigating-bottom-content,body[data-theme=default] .navigating-bottom-content {
    color: #fff
}

.navigating-bottom-content>div {
    padding: 0 6px;
    position: relative;
    width: 33%
}

.navigating-bottom-content>div strong {
    font-size: 1.2rem
}

.navigating-bottom-content>div:after {
    background-color: #9bb9ff;
    content: "";
    display: block;
    height: 20px;
    margin-top: -10px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);
    width: 1px
}

.navigating-bottom-speed {
    color: #f5a623;
    padding: 0 10px
}

body[data-theme=default] .navigating-bottom-info {
    color: #9a9a9a
}

body[data-theme=default] .navigating-bottom-info .em {
    color: #ffb72f
}

body[data-theme=black] .navigating-bottom-info {
    color: #9a9a9a
}

body[data-theme=black] .navigating-bottom-info .em {
    color: #ffb72f
}

.navigating-bottom-place {
    font-size: var(--dxmap-theme-fontSize-big,16px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all
}

.navigating-bottom-btn {
    cursor: pointer;
    line-height: 170%;
    text-align: center
}

body[data-theme=black] .navigating-bottom-btn,body[data-theme=default] .navigating-bottom-btn {
    color: #fff
}

.navigating-bottom-destination,.navigating-bottom-info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all
}

.navigating-bottom-destination {
    align-items: center;
    background-color: #fff;
    border-radius: 6px;
    bottom: 80px;
    box-shadow: 0 20px 2px -10px rgba(0,0,0,.16),0 0 4px rgba(0,0,0,.14);
    display: flex;
    left: 50%;
    line-height: 180%;
    padding: 10px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 94%
}

.navigating-bottom-destination-flag {
    align-items: center;
    color: #999;
    display: flex;
    flex-direction: column;
    font-size:var(--dxmap-theme-fontSize-small,12px);
    justify-content: center;
    margin-right: 10px;
    margin-top: 6px
}

.navigating-bottom-destination-flag img {
    width: 18px
}

.navigating-bottom-destination-flag span {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.navigating-bottom-destination-name {
    color: #4a4a4a;
    flex: 1 1;
    margin-top: 2px;
    overflow: hidden
}

.navigating-bottom-destination-name em {
    font-size: var(--dxmap-theme-fontSize-bigger,18px);
    font-style: normal;
    font-weight: 500;
}

.navigating-top {
    padding-top: .5px;
    position: relative
}

.navigating-top-info {
    align-items: center;
    background-color: #646464;
    border-radius: 6px;
    box-shadow: 0 2px 4px 0 hsla(0,0%,58%,.5);
    color: #fff;
    display: flex;
    font-size: var(--dxmap-theme-fontSize-large,20px);
    margin: 14px;
    padding: 16px 20px;
    position: relative
}


body[data-theme=black] .navigating-top-info {
    background-color: #37558e
}

.navigating-top-info .navigating-progress {
    bottom: 20vh;
    position: fixed;
    right: 10vw;
    top: 20vh
}

.navigating-top-info .navigating-progress .progress {
    height: 100%
}

.navigating-top-info-text {
    flex-grow: 2;
    text-align: center
}

.navigating-top-tip>div {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 6px auto;
    max-width: 80%;
    min-width: 60%;
    padding: 6px
}

body[data-theme=black] .navigating-top-tip>div,body[data-theme=default] .navigating-top-tip>div {
    background-color: rgba(0,0,0,.6);
    color: #fff
}

.navigating-top.has-image .navigating-top-info {
    border-radius: 0;
    box-shadow: none;
    margin: 0
}

.navigating-top.has-image .navigating-top-tip>div {
    background-color: rgba(0,0,0,.8);
    left: 50%;
    padding: 6px 10px;
    position: absolute;
    top: 110%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10000
}
.navigating-top-tip {
    position: absolute;
    top: 80px;
    left: 60px;
    right: 60px;
}
.navigating-top-tip>div>div{
    margin-right: 10px;
}
.navigating-top-image {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 40vh;
    justify-content: center;
    position: relative
}

.navigating-top-image img {
    height: 40%
}

.navigating-top-krpano {
    height: 40vh;
    position: relative
}

.reverse {
    background-color: rgba(0,0,0,.6);
    bottom: 100%;
    display: flex;
    height: 55px;
    left: 0;
    position: absolute;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease;
    width: 100%
}

.reverse-content {
    align-items: center;
    border-right: 1px solid #aeaeae;
    color: #fff;
    display: flex;
    font-size: var(--dxmap-theme-fontSize-big,16px);
    justify-content: center;
    margin: 15px 0 15px 27px;
    width: 80vw
}

.reverse-content-switch {
    background: #f5a623;
    border: none;
    border-radius: 4px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 2px 8px 3px
}

.reverse-ignore {
    align-items: center;
    color: #d3d3d3;
    display: flex;
    font-size: 14px;
    justify-content: center;
    width: 20vw
}

.progress {
    height: 1px;
    margin: 4px 0;
    position: relative;
    width: 100%
}

body[data-theme=default] .progress {
    background-color: #fff
}

body[data-theme=black] .progress {
    background-color: #000
}

.progress>div {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

body[data-theme=black] .progress>div,body[data-theme=default] .progress>div {
    background-color: #598bff
}

.progress-vertical {
    border: 2px solid #fff;
    border-radius: 4px;
    height: 50vh;
    position: fixed;
    right: 20px;
    top: 20vh;
    width: 8px;
    z-index: 30
}

body[data-theme=black] .progress-vertical,body[data-theme=default] .progress-vertical {
    background-color: #5da80c
}

.progress-vertical>div.rate {
    border-radius: 4px;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

body[data-theme=black] .progress-vertical>div.rate,body[data-theme=default] .progress-vertical>div.rate {
    background: #9a9a9a
}

.progress-vertical>div.rate:after {
    background-image: url(/static/media/arrow.29ce05a225bf15e04026.png);
    background-size: cover;
    content: "";
    height: 46px;
    left: 50%;
    position: absolute;
    top: -23px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 46px
}

.progress-vertical .dot {
    background: #fff;
    border-radius: 6px;
    height: 3px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 3px;
    z-index: 3
}

.lv-mask {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: rgba(0,0,0,.6);
    bottom: 0;
    left: 0;
    pointer-events: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2000
}

.about {
    border-radius: 12px;
    left: 50%;
    max-height: 86%;
    padding: 20px;
    position: absolute;
    top: 46%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 86%
}

body[data-theme=default] .about {
    background-color: #fff;
    box-shadow: 1px 1px 2px 0 hsla(0,0%,86%,.5);
    color: #4a4a4a
}

body[data-theme=black] .about {
    background-color: #222;
    box-shadow: 1px 1px 2px 0 hsla(0,0%,40%,.5);
    color: #ccc
}

.about-main {
    max-height: 90vh;
    overflow: auto;
    position: relative
}

.about-content {
    -webkit-overflow-scrolling: touch;
    font-size: var(--dxmap-theme-fontSize-big,16px);
    line-height: 150%;
    max-height: 34vh;
    overflow: auto;
    padding: 10px;
    text-indent: 2em
}

body[data-theme=default] .about-content {
    border-bottom: .5px solid #f0f0f0
}

body[data-theme=black] .about-content {
    border-bottom: .5px solid #555
}

.about-logo {
    margin: 10px;
    text-align: center
}

.about-address {
    font-size:var(--dxmap-theme-fontSize-small,12px);
    line-height: 150%;
    margin: 20px 24px
}

.about-address li {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 10px 11px;
    display: flex;
    margin: 6px 0;
    padding-left: 6px
}

.about-address li i {
    margin-right: 4px
}

.about-address li a {
    color: inherit;
    text-decoration: none
}

.about-co {
    line-height: 120%;
    margin: 24px 0;
    text-align: center
}

.about-co p {
    font-size: var(--dxmap-theme-fontSize-big,16px);
    margin: 0
}

.about-co p:last-child {
    font-size:var(--dxmap-theme-fontSize-small,12px);
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.about-close {
    border-radius: 50%;
    bottom: 0;
    cursor: pointer;
    height: 46px;
    left: 50%;
    padding: 1px;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(120%);
    transform: translateX(-50%) translateY(120%);
    width: 46px;
}



.widget-tools {
    border-radius: 2px;
    font-size:var(--dxmap-theme-fontSize-small,12px);
    position: relative;
    width: 40px
}

body[data-theme=default] .widget-tools {
    background-color: #fff;
    color: #6c6767;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
}

body[data-theme=default] .widget-tools-mask {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: rgba(0,0,0,.6);
    height: 100%;
    position: fixed;
    width: 100vw;
    z-index: 11;
    top: 0;
    left: 0px;
    display: none;
}

body[data-theme=black] .widget-tools {
    background-color: #000;
    color: #aaa
}

body[data-theme=black] .widget-tools-mask {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: rgba(0,0,0,.6);
    height: 100%;
    position: fixed;
    width: 100vw;
    z-index: 10000
}

body[data-theme=black] .widget-tools {
    background-color: #242424
}

body[data-theme=default] .widget-tools .theme-toggle img {
    -webkit-filter: invert(.5);
    filter: invert(.5)
}

.widget-tools:after {
    clear: both
}

.widget-tools.expand {
    border-radius: 4px;
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 200px;
    overflow: hidden;
    padding: 4px 4px 30px;
    position: absolute;
    right: 10px;
    top: 70px;
    width: 152px
}

body[data-theme=default] .widget-tools.expand {
    background-color: #f4f4f4
}

body[data-theme=black] .widget-tools.expand {
    background-color: #242424
}

.widget-tools.expand>i {
    display: inline-block
}

.widget-tools.expand>div {
    margin: 4px;
    padding: 4px 0
}

.widget-tools.expand>div:after {
    display: none
}

body[data-theme=default] .widget-tools.expand>div>.img-icon {
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    margin-bottom: 6px
}

body[data-theme=black] .widget-tools.expand>div>.img-icon {
    background-color: #000;
    box-shadow: 0 1px 2px hsla(0,0%,100%,.2);
    margin-bottom: 6px
}

body[data-theme=black] .widget-tools.expand>div>.img-icon img {
    -webkit-filter: brightness(1.5);
    filter: brightness(1.5)
}

.widget-tools>div {
    cursor: pointer;
    display: inline-block;
    flex: left 1;
    min-height: 46px;
    padding: 2px 0 6px;
    position: relative;
    text-align: center;
    width: 40px
}

.widget-tools>div>.img-icon {
    align-items: center;
    border-radius: 2px;
    display: flex;
    height: 30px;
    justify-content: center;
    margin: 2px auto;
    width: 30px
}
/* .widget-tools-mask  */
.widget-tools .img-icon i{
    width: 18px;
    height: auto;
    pointer-events: none;
    font-size: var(--dxmap-theme-fontSize-bigger,18px);
}
.widget-tools .more .img-icon{
    height: 26px;
}
.widget-tools .more i{
    height: 26px;
    line-height: 26px;
    font-size: 14px;
}
body[data-theme=black] .widget-tools>div>.img-icon img {
    -webkit-filter: brightness(1.5);
    filter: brightness(1.5)
}
.widget-tools .active{
    color:#598bff;
}

.widget-tools>div span {
    margin-top: 4px
}

.widget-tools>div:after {
    background-image: linear-gradient(90deg,hsla(0,0%,80%,0),#cbcbcb,hsla(0,0%,80%,0));
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    width: 100%
}

.widget-tools>div.more {
    font-weight: 700;
    line-height: 240%;
    min-height: 0
}

.widget-tools>div:nth-child(4):after {
    display: none
}

body[data-theme=black] .widget-tools-parkstation,body[data-theme=default] .widget-tools-parkstation {
    color: #598bff
}

.widget-tools>em {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1
}

body[data-theme=default] .widget-tools>em {
    background-color: rgba(0,0,0,.8)
}

body[data-theme=black] .widget-tools>em {
    background-color: hsla(0,0%,100%,.8)
}

.widget-tools>i {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAzUExURUxpcZubm6ysrJycnJ6enry8vJycnJubm5ycnJubm5ubm5ubm52dnZycnKKiopycnJubmwa3qkwAAAAQdFJOUwDlCq5QA2H6Tu+VyD52FtgLn8AMAAABXklEQVRIx51W2baDIAxM2BcR/v9rb9CWAmJtLg+eY5wJkwEDAPMQLsjsrfVZBifgYexG2tINK83+BS6SP1AYZQgy4sH16W4abbB+l6oBhJI1Axq9VBPpW1bTN60yheNC14Y3qY6JcZvDhvSGG7EiUF1mwlMo3buRKN3A2Gzx2ze7N19sB9hxeF0ybMFWuSZ/0tOSJvJKfwoI8DhCK0NgQfFM+MBS78BlIXTv5CF89yW3aPRuxDsfGzUXv59E1WLk3sBw5HfLpk4psgtVQM8YXymdpFpsfa4hE51yWwGuUzSBZnzV5MheO3raYBd8VRNoGpyMrECaVF3wAEjyc4mwYqzwEEsGP9T80krgc5ppkKNgV/uIGCt8LZhPYEtaFK3eRatV0Wxb7xdOrReOvTXYm4+9vfk/EPsXZTcBfpthNzJ+q2Q3Y3675x8o/COLfyjyj13+wc6/OvzjcvLL9ecPVEYandLPcAgAAAAASUVORK5CYII=);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 12px auto;
    bottom: 0;
    display: none;
    height: 26px;
    position: absolute;
    right: 0;
    width: 26px
}

.widget-ar {
    border-radius: 20px;
    font-size: 0;
    height: 60px;
    margin-top: 20px;
    overflow: hidden;
    width: 60px
}

.widget-ar img {
    width: 100%
}

.widget-compass-correct {
    background-image: url(data:image/png;base64,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);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 36px;
    width: 36px
}

.widget-mode {
    cursor: pointer;
    font-size: 0;
    margin-top: 16px;
    position: relative
}

body[data-theme=default] .widget-mode {
    background-color: #f4f4f4;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,.15)
}

body[data-theme=black] .widget-mode {
    background-color: #505050;
    border-radius: 4px;
    box-shadow: 0 1px 2px hsla(0,0%,100%,.15)
}

.widget-mode img {
    height: 36px;
    width: 36px
}

body[data-theme=black] .widget-mode img {
    -webkit-filter: brightness(2);
    filter: brightness(2)
}

.widget-mode-tip {
    background-image: url(data:image/png;base64,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);
    background-position: 0;
    background-size: 100% auto;
    font-size:var(--dxmap-theme-fontSize-small,12px);
    left: 90%;
    line-height: 180%;
    padding-left: 12px;
    padding-right: 10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(.9);
    transform: translateY(-50%) scale(.9);
    white-space: nowrap;
    z-index: 3
}

body[data-theme=black] .widget-mode-tip,body[data-theme=default] .widget-mode-tip {
    color: #fff
}

.widget-spinner {
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 34px;
    justify-content: center;
    margin-top: 16px;
    position: relative;
    width: 34px;
    z-index: 3
}

body[data-theme=default] .widget-spinner {
    background-color: #f4f4f4;
    box-shadow: 1px 1px 3px rgba(0,0,0,.1)
}

body[data-theme=black] .widget-spinner {
    background-color: #242424;
    box-shadow: 1px 1px 3px hsla(0,0%,100%,.1)
}

.widget-spinner>div:first-child {
    height: 22px;
    margin: 0;
    width: 22px
}

.widget-spinner-tip {
    border-radius: 2px;
    font-size: 14px;
    height: auto;
    left: 120%;
    padding: 4px 14px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: nowrap;
    width: auto
}

body[data-theme=black] .widget-spinner-tip,body[data-theme=default] .widget-spinner-tip {
    background-color: rgba(0,0,0,.6);
    color: #fff
}

.widget-spinner-tip:after {
    border: 4px solid transparent;
    border-right-color: rgba(0,0,0,.6);
    content: "";
    height: 0;
    left: -8px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    width: 0
}

.widget-spinner-wrapper {
    height: 36px;
    position: relative;
    width: 36px
}

.widget-spinner-wrapper .opacity {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100
}

.widget-trip-mode {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-right: 10px;
    padding-top: 10px
}

.widget-trip-mode-item {
    align-items: center;
    display: flex;
    font-size: 14px;
    height: 30px;
    justify-content: center;
    margin: 0 20px;
    padding: 0 15px;
    pointer-events: auto
}

body[data-theme=black] .widget-trip-mode-item,body[data-theme=default] .widget-trip-mode-item {
    color: #9a9a9a
}

.widget-trip-mode-item-active {
    align-items: center;
    border-radius: 15px;
    display: flex;
    font-size: 14px;
    height: 30px;
    justify-content: center;
    margin: 0 20px;
    padding: 0 15px;
    pointer-events: auto
}

body[data-theme=black] .widget-trip-mode-item-active,body[data-theme=default] .widget-trip-mode-item-active {
    background-color: #598bff;
    color: #fff
}

.widget-lookat-map {
    pointer-events: auto;
    position: absolute
}

body[data-theme=black] .widget-lookat-map,body[data-theme=default] .widget-lookat-map {
    background-image: linear-gradient(90deg,#598bff,#2667ff);
    border-radius: 3px;
    bottom: 2vh;
    color: #fff;
    font-size: 13px;
    left: 50%;
    padding: 7px 12px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.widget-user {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100px;
    cursor: pointer;
    height: 40px;
    margin-bottom: 10px;
    text-align: center;
    width: 40px
}

.widget-user img {
    border-radius: 100px;
    height: 100%;
    max-width: 100%;
    overflow: hidden
}

body[data-theme=black] .widget-user .default-avatar {
    -webkit-filter: invert(80%);
    filter: invert(80%)
}

.feedback {
    padding: 0 20px;
    pointer-events: auto;
    z-index: 10000
}

.feedback,body[data-theme=default] .feedback {
    background-color: #fff;
    color: #4a4a4a
}

body[data-theme=black] .feedback {
    background-color: #000;
    color: #ccc
}

.feedback textarea {
    background-color: #f5f5f5;
    border: none;
    box-sizing: border-box;
    color: #666;
    height: 5em;
    margin: 1em 0;
    padding: 10px;
    width: 100%
}

body[data-theme=default] .feedback textarea {
    background-color: #f4f4f4;
    color: #6c6767
}

body[data-theme=black] .feedback textarea {
    background-color: #242424;
    color: #aaa
}

.feedback-title {
    align-items: center;
    display: flex;
    font-size: var(--dxmap-theme-fontSize-big,16px);
    font-weight: 500;
    margin: 0 -10px
}

.feedback-title i {
    opacity: .7;
    padding: 10px 20px 10px 10px
}

.feedback-buttons {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size:var(--dxmap-theme-fontSize-small,12px);
    justify-content: flex-start;
    padding-top: 1em
}

.feedback-buttons>div {
    border-radius: 2px;
    cursor: pointer;
    margin: 0 6px 10px 0;
    padding: 6px 0 6px 20px;
    position: relative;
    text-transform: capitalize;
    transition: all .3s ease;
    white-space: nowrap;
    width: 45%
}

.feedback-buttons>div:after {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: .5px solid #ccc;
    border-radius: 2px;
    content: "";
    height: 12px;
    left: 2px;
    margin-top: -7px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 12px
}

body[data-theme=default] .feedback-buttons>div.active {
    color: #598bff
}

body[data-theme=default] .feedback-buttons>div.active:after {
    background-color: #598bff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAAXNSR0IArs4c6QAABBFJREFUaAXtW1lME0EY/rqUcpVC6WHUihrCg+IRookmHi/eN14v+uKLvOmbvEAiIl4xMURjYjQao9Hoi4ooQdQYr4jGO0IwqCFKiNJiW27osc5AS3eitrvtittm/5edf3aO75vvn5l/k1az7sS3VT4/ToPnbUgk02jakjgUcwlJjgpFBKPcuIRTThiFhCQn9BOxrBKMd1VVBVUFFb4CaogqXKCI8FQFIy6RwhuoCipcoIjwEl5BbcQlUEADQxqHkhUmTJugw8OPfTh+3ykaleIVTNdpUFlkQeHkVKQmc1gxQ49ZtpTEIJii1WDfBgvyrDqGUL+HZ/xwjmIV1BJkpWtNmD6BVavmbTdafgyF48S8UyRBTgOUrDRhzuQ0BuyD5l6ceuhi6iI5iiS4e4kRC/LTGewNX/pxrP4nUyfGURzB4sXZWFagZ7C/+zaAQ7UO+MVvvdH+iiK4fb4BGwozR8HRQvP3QVTUOOD1MdWiHcUQLCrUY9u8LAZ4q2MIe2/YMSDh1GQGII7kiz4zlcO62XoMenncft8T0+RBMMsLMrBzsTHoDj/bXR6UXbejZzCKuBSMJJlg6RoTZtpSh4dYRA6CsusdMYFYmJ+GXeRQEZqj24vSa3Y4+/zC6qjKkkM0zxK6dPPH6XBwsxVU1WhsDslO9pAUjNOQeyFg7j4fSolyHd1RbrrgQIGnZGR3GnuZISjhQ5ssMEgkWUDySnqRa5NC5HoH/Sgje67N6WXmiMWRTPDsYxfuNvYwc06lJDdbkEWSYjGWZ0lG+XoLUmi6ErABjx/lN+34YvcEq2R5hmYQORzd8lX3nKj7wJKcYtbhMAlXY3r4IW1GLfZvtCA9JdTO4+Nx4FYnmtrFp2Ai4SI0i9gegXYnyCdLLTlFhZZrSiZK/p2kNTMJB0g4Z6UljXbzkdv7aF0nXn8dGK2TsxA1QQri5AMnaPIrtEk5yTiyxQpTRogEfU+VPbjJCrM+dHDzPD/8bff0U79wCFnLMRGkSGjyW/2GJTnROELSrB8hqSfhWEnCcnx2iBzte+aRC/ea2EOL1stpMROkYE4ToNdedTG4KBmqZG6OFhVFZtA9KrRLDW5Uv2VDXPherrJmddXX2FIFAZIdC7Kwda5BUAOSIPPMPUdf3iCKU/XGwmRRMAj0/FM3rr5glRRe4rRdPblixoocnU9WgnTAC8/cuPzcTYu/2ZOWPtDTdyxNdoIU/KWGLlwkRIX2srV/+DqI5ptOOI7UMnusSe0dpv0VEqouklcunZ6Bzx1DOPfEDW/suXOYGf/8StZD5s9T/N/afxKi/5cSO7tKkF2P+PNUBeNPMxaxqiC7HvHnqQrGn2YsYlVBdj3iz1MVjD/NWMQcyK/T2aoE8gg3jv70PiFJBv5W8AsAFxoyaWR5kwAAAABJRU5ErkJggg==);
    border-color: #598bff
}

body[data-theme=black] .feedback-buttons>div.active {
    color: #598bff
}

body[data-theme=black] .feedback-buttons>div.active:after {
    background-color: #598bff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAAXNSR0IArs4c6QAABBFJREFUaAXtW1lME0EY/rqUcpVC6WHUihrCg+IRookmHi/eN14v+uKLvOmbvEAiIl4xMURjYjQao9Hoi4ooQdQYr4jGO0IwqCFKiNJiW27osc5AS3eitrvtittm/5edf3aO75vvn5l/k1az7sS3VT4/ToPnbUgk02jakjgUcwlJjgpFBKPcuIRTThiFhCQn9BOxrBKMd1VVBVUFFb4CaogqXKCI8FQFIy6RwhuoCipcoIjwEl5BbcQlUEADQxqHkhUmTJugw8OPfTh+3ykaleIVTNdpUFlkQeHkVKQmc1gxQ49ZtpTEIJii1WDfBgvyrDqGUL+HZ/xwjmIV1BJkpWtNmD6BVavmbTdafgyF48S8UyRBTgOUrDRhzuQ0BuyD5l6ceuhi6iI5iiS4e4kRC/LTGewNX/pxrP4nUyfGURzB4sXZWFagZ7C/+zaAQ7UO+MVvvdH+iiK4fb4BGwozR8HRQvP3QVTUOOD1MdWiHcUQLCrUY9u8LAZ4q2MIe2/YMSDh1GQGII7kiz4zlcO62XoMenncft8T0+RBMMsLMrBzsTHoDj/bXR6UXbejZzCKuBSMJJlg6RoTZtpSh4dYRA6CsusdMYFYmJ+GXeRQEZqj24vSa3Y4+/zC6qjKkkM0zxK6dPPH6XBwsxVU1WhsDslO9pAUjNOQeyFg7j4fSolyHd1RbrrgQIGnZGR3GnuZISjhQ5ssMEgkWUDySnqRa5NC5HoH/Sgje67N6WXmiMWRTPDsYxfuNvYwc06lJDdbkEWSYjGWZ0lG+XoLUmi6ErABjx/lN+34YvcEq2R5hmYQORzd8lX3nKj7wJKcYtbhMAlXY3r4IW1GLfZvtCA9JdTO4+Nx4FYnmtrFp2Ai4SI0i9gegXYnyCdLLTlFhZZrSiZK/p2kNTMJB0g4Z6UljXbzkdv7aF0nXn8dGK2TsxA1QQri5AMnaPIrtEk5yTiyxQpTRogEfU+VPbjJCrM+dHDzPD/8bff0U79wCFnLMRGkSGjyW/2GJTnROELSrB8hqSfhWEnCcnx2iBzte+aRC/ea2EOL1stpMROkYE4ToNdedTG4KBmqZG6OFhVFZtA9KrRLDW5Uv2VDXPherrJmddXX2FIFAZIdC7Kwda5BUAOSIPPMPUdf3iCKU/XGwmRRMAj0/FM3rr5glRRe4rRdPblixoocnU9WgnTAC8/cuPzcTYu/2ZOWPtDTdyxNdoIU/KWGLlwkRIX2srV/+DqI5ptOOI7UMnusSe0dpv0VEqouklcunZ6Bzx1DOPfEDW/suXOYGf/8StZD5s9T/N/afxKi/5cSO7tKkF2P+PNUBeNPMxaxqiC7HvHnqQrGn2YsYlVBdj3iz1MVjD/NWMQcyK/T2aoE8gg3jv70PiFJBv5W8AsAFxoyaWR5kwAAAABJRU5ErkJggg==);
    border-color: #598bff
}

.feedback-stars {
    color: #4a4a4a;
    margin: 1em 0 2em;
    padding: 10px;
    position: relative;
    text-align: center
}

.feedback-stars:after {
    border-color: #cecece transparent;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    content: "";
    height: 200%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    width: 200%
}

.feedback-stars h3 {
    margin: 10px 0
}

.feedback-stars ul {
    align-items: center;
    display: flex;
    justify-content: center;
    list-style: none
}

.feedback-stars ul li {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAACICAMAAAALZFNgAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAzUExURUxpca6urp2dnZycnJycnJycnJubm5ubm5ubm5ycnJ2dnaGhoZycnJubm5+fn5ubm5ubm1fevUsAAAAQdFJOUwAHP497Uu/44GQuEqa6H8/cWkdTAAAEQklEQVR42u2b23aEIAxFRUFAUPz/r+04XhAVRRLE1TW8tJ3O5bjNCQkwRfEbv/Ebzw/6Eh2sb94hxPT6JUB63r0DSN9X7wDyDiQDkDcg+QL5IFG5hYhRSHYkctLR1+odQPqevgNIbiQWSF4kKyAfJOQdQHIimYDwavwpciEhE5CK1OMvMjMQVdCsSBYgRaGyIpGrWWZGkhnIBwkf/2CZgRTFZByTGUhRdNmQyE0dkgvJBkg+JHJXmOnxkTYzkA+SacYpMwPJg+QASFE0GZDIw6LseSSHQCySJjOQomjHx/XTQHYVWfkwEukt259F4gVikXSZgcwd+TNIToDYlrzLDGRBUmUG8iQSetHpPoNENUxcdHWJkahSUm3qkNZ/bkPrtqKsQ+t0ulJWawXXba7TmPfc6EqWgBUL0jBatYL3h+NsLYSIoxcYTVlDboYB1a3oTwcNXqtwh2gD8GzD4GScLw4RcfVyH55vGPA+dHAjgxx+Nb54HHOxQBHDlWxe6ru9A1we/KYsVIloB5YqxnFX0bZZRPAo4WLIBQ0sFwz+O409zvx3Z3Q/anL04uFub1guSlpQ/rmNh2+7j0UJf6AvUXqJ1f2nPamEnuh4UonVcVzvWyVp1xaqJS34+o6yfkKJ1eG35RNKQnQ8oUQH6UiuhCw6zFWyalIqIW2wjqRKbulYKcFeIVSLjjZsHrVKUBf5lbmpI5ESq0OH1xUJlHQxOhIo6ZZS5OaSBbISq+N2U9wIRCVNvI71RYCVWLwUhlNm1YGmpISHm1UC2OS2ZbnECPZoJQyn7AMrYVjlJ1CJ7NGmcquEQXQgNAaLkoj30mftS7SSiFaYnrYvt8c4b9YxoYp6woXw6B2yBnX1F/BugGvwh7589q76W7OogJtsg7PgMtXeUQtYFHMruAYclmGIVZ6C7I5h2qaE5AJM21BQ12fwDkFp0A4qom1gqQDRNhx0dgjPNsC4x7MN8JII2pkS6E0WWLZpL8O+bClJM0HcuqJy+CQhSYop8yDB++5xM69GCZagiAhO8I1e7XeYMqltpD/Bd3qzBdQ2CW3jvcWdPth+010y24wJnu9kVJ5dwEolsk19lOCVK8PZWOVUpbBNd1AVKepsWbblJlpqN61IlMXjfYdEXBmTVxz/fNIKVmHlTfBbGcxNbEf/AJWanrqGSOH5tC89s7ljmLYR66rIlXGQS90nzGllRMVBtllnI+bKOJxdiKz3aQXDNjY/u9z9k5wbRN+0gmGbecZyZdRn0/4myXyei2Gb+YszroyrknybVhBs0+7PndCgTbD9C2FH9+vrqcRXPpjdNETACd7KuNNlsa0UgG3Kyzn+PNTdcysMnODjZOy8TMEJfpARyVVR62WAbcxZDRgaZ0taibfNvLgB7KDntMJhCd4gNPJTWok+xcV2M328/wzENpVBPBzwmbyjbYP7zQMi3/Cd/t/4jf80/gDfoKa5DFp82AAAAABJRU5ErkJggg==);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 20px;
    list-style: none;
    margin: 12px 14px;
    width: 20px
}

.feedback-stars ul li.active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAACIBAMAAADOlL5hAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUxpcfanJPeoJPioJfWmI/amI/+xMPanI/WmI/mqJ/amI/amI/WmI/anI/amI/WmIypNGwQAAAAPdFJOUwBYQS3Z5glt+RyGxvGesuoKCc8AAANRSURBVGje7Zk7aFNhFMdv0piSgqVoC+ISnaooWIc6iY9NQYwg6OCQQCmKi49RlNjiYkEiRRdBVBB08UGhxaUEOgjqkG4WBe0gDl2kNdWLvcnf2zxv7uuc7zsXQegZQ/rr//7vOd8534lhbMT/HD1RQNJDEUAy83JGDLflkAQqEVgC867cEuCx3BLITUnYkD9ySwArJ7dEbMq6JcBbuSXAb7klwGpObglwWW4JcEZuidCUdANSjsASoE+f0d1k4IjcEmBZH5JvQfRNSbYsEZjStgR4rQsZdUBW5JYAa7qWZB0Q7JBbom3KaAdkRW4JUI3AEmBIbgmwKLcE+Cm3BFp93W2JVl93WwLMyy3R6ut5D6Qit0THFK8l6n19ZMAH8k4BkNr5Yhq+ce7jbhZh8tq3EkLi1tKWcGtGBr8cAx3W7JUDAW9j/41psMM8+czzYJPbP5egGh8+bW2PLYMvT0AzyktXGwZtgySs2Se1QaYgomCsJmWXiGHWG2y8IBcik2I2m5pEylzrLetLsdrdVV/KaUfK7tVkrDo7WrwkF6Irpdx5KuhJOe4q5INyIYbRpSFlxnMqqUtZ896C1KXM+ByQqlKqftexrqwa5LvvWT2sxAjozGpSggaNYbkQNSnBzZ0vJWQHwZcSdlG+z2SEXnFTWbkQrpQxYsDJ8PtVcNxjQMbJWSuj0ib0pcwxxj7qBVmci09GkiPN4a2gW3rO1CePVoUNUHDr5GyTybfDuCf0khDGXX2TsPpq8Uj7dHXEPhLC2BrkScgpGvKVhPyiIUUSwthfFGQHLC/rOSvrGA2pRpD1jOLpZZyxOXnWM3Y6lxiQPnnWM677eQZkUZ71jA1vkQEhi8c7zb7xfELtuVKev5hKLbg/WlbN+im7nH4oFk+Pl2HfY4pqxePK+qON21Bna6W23gk/hv2UHRQzp5D1Z9ufn88qFM9hJ8P5Dy+W+MWTDmAYxoMCu3hetb743v3gD9nFUwxkGMYhbvE0/Zvwa/17mpCbrKy/4z8+9LOKJx7KMIwBTvHU15aVwDxIXmcUz+ZaaYTkUvI5PfslCIbt2gI5+12wv0BMU+sHg0lkPcWoU0JnvzTNqB0vocXzlPXTViwTOvsxf/ToFv4KvRH/Mv4C8wFRBcaQNb4AAAAASUVORK5CYII=)
}

.feedback-edit {
    border-radius: 10px;
    padding: 14px 20px
}

.feedback-edit .feedback-title {
    display: block;
    font-size: 1.2em;
    text-align: center
}

.feedback-edit .feedback-stars h3 {
    margin: 4px 0
}

.feedback-edit .feedback-stars {
    margin: 10px 0
}

.feedback-edit textarea {
    margin: 2px 0
}

.feedback-edit .feedback-buttons>div {
    margin-bottom: 4px
}

.feedback-edit .feedback-stars ul li {
    margin-bottom: 6px;
    margin-top: 6px
}
.widget-user {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100px;
    cursor: pointer;
    height: 40px;
    margin-bottom: 10px;
    text-align: center;
    width: 40px;
}
.widget-user img {
    border-radius: 100px;
    height: 100%;
    max-width: 100%;
    overflow: hidden;
}
.dx_btn_shadow{
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 3px, rgb(216, 216, 216) 0px 0px 0px 0.5px;
}
.list_component_container.dirction-column .list{
    display: flex;
    flex-direction: column;
}
.list_component_container .item{
    /* border-bottom: 1px solid rgb(182,182,182,0.8); */
    display: inline-block;
}
.list_component_container .item:last-child{
    border-bottom:0px;
}
.list_component_container .item.last_show{
    border-bottom:0px;
}