body{padding:0;margin:0;background-color:#787878}
        .gridSelect{position:fixed;left:172px;top:0;z-index:99;background-color:#606060;padding:5px;font-size:12px;}
        .gridSelect input{width:40px;height:19px;}
        .gridSelect button{cursor: pointer;}
        .gridSelect #submit{background-color:#4e6ef2;border-color:#4e6ef2;border-radius:3px;color:#fff;}
        .colortab{position:fixed;left:150px;top:0;z-index:1001;background-color:#606060;}
        .colortab .coloritem{width:12px;height:12px;margin:5px;cursor:pointer;}
        .colortab .c1{background-color:#fff;}
        .colortab .c2{background-color:#c8c897;}
        .colortab .c3{background-color:#9e6d4b;}
        .colortab .c4{background-color:#60493D;}
        .colortab .c5{background-color:#050505;}
        .colortab .c6{background-color:#E745FF;}
        .colortab .c7{background-color:#FF2E34;}
        .colortab .c8{background-color:#36A200;}
        .colortab .c9{background-color:#FFED00;}
        
		.SortItem{ width: 60px; height: 67.8px; position: absolute; cursor: pointer;}
		#parent{height: 100vh;position: relative; background-image: url(unit/bg1@4x.png?1);background-size:60px auto;margin-left:150px;background-color:#606060}

		
		.editItem{ float:left;width: 60px; height: 67.8px;cursor: pointer;background-repeat: no-repeat;background-size:contain;background-position: center;}
		
		.gameMapSelect{
			 box-shadow: 0 0 0 2px #cd0000;   
		}
		#edit{ width: 150px; height: 100vh;  position: fixed;left:0;top:0;z-index:999;background-color:#606060;overflow-y:auto;
		    -ms-overflow-style: none;  /* IE 10+ */
            scrollbar-width: none;  /* Firefox */
		}
        .mg{padding:5px;float:left;}
        
        #edit::-webkit-scrollbar {
          display: none; /* 对于Webkit内核的浏览器，隐藏滚动条 */
        }
		
		
		.drags{
			width: 28px;
		}
		
		.drag1_c1{
			background-image: url(unit/c1/1.svg);
		}
		.drag2_c1{
			background-image: url(unit/c1/2.svg);
		}
		.drag3_c1{
			background-image: url(unit/c1/3.svg);
		}
		.drag4_c1{
			background-image: url(unit/c1/4.svg);
		}
		.drag5_c1{
			background-image: url(unit/c1/5.svg);
		}
		.drag6_c1{
			background-image: url(unit/c1/6.svg);
		}
		.drag7_c1{
			background-image: url(unit/c1/7.svg);
		}
		.drag8_c1{
			background-image: url(unit/c1/8.svg);
		}
		.drag9_c1{
			background-image: url(unit/c1/9.svg);
		}
		.drag10_c1{
			background-image: url(unit/c1/10.svg);
		}
		.drag11_c1{
			background-image: url(unit/c1/11.svg);
		}
		.drag12_c1{
			background-image: url(unit/c1/12.svg);
		}
		.drag13_c1{
			background-image: url(unit/c1/13.svg);
		}
		.drag14_c1{
			background-image: url(unit/c1/14.svg);
		}
		.drag15_c1{
			background-image: url(unit/c1/15.svg);
		}
		.drag16_c1{
			background-image: url(unit/c1/16.svg);
		}
		.drag17_c1{
			background-image: url(unit/c1/17.svg);
		}
		.drag18_c1{
			background-image: url(unit/c1/18.svg);
		}
		.drag19_c1{
			background-image: url(unit/c1/19.svg);
		}
		.drag20_c1{
			background-image: url(unit/c1/20.svg);
		}
		.drag21_c1{
			background-image: url(unit/c1/21.svg);
		}
		.drag22_c1{
			background-image: url(unit/c1/22.svg);
		}
		.drag23_c1{
			background-image: url(unit/c1/23.svg);
		}
		.drag24_c1{
			background-image: url(unit/c1/24.svg);
		}
		.drag25_c1{
			background-image: url(unit/c1/25.svg);
		}
		.drag26_c1{
			background-image: url(unit/c1/26.svg);
		}
		.drag27_c1{
			background-image: url(unit/c1/27.svg);
		}
		.drag28_c1{
			background-image: url(unit/c1/28.svg);
		}
		.drag29_c1{
			background-image: url(unit/c1/29.svg);
		}
		.drag30_c1{
			background-image: url(unit/c1/30.svg);
		}
		.drag31_c1{
			background-image: url(unit/c1/31.svg);
		}
		
		
        .drags1_c1{
			background-image: url(unit/c1/u1.svg);
		}
        .drags1_1_c1{
			background-image: url(unit/c1/u1-1.svg);
		}
        .drags2_c1{
			background-image: url(unit/c1/u2.svg);
		}
        .drags2_1_c1{
			background-image: url(unit/c1/u2-1.svg);
		}
        .drags3_c1{
			background-image: url(unit/c1/u3.svg);
		}
        .drags3_1_c1{
			background-image: url(unit/c1/u3-1.svg);
		}
        .drags4_c1{
			background-image: url(unit/c1/u4.svg);
			width:19px;
		}
        .drags4_1_c1{
			background-image: url(unit/c1/u4-1.svg);
			width:19px;
		}
        .drags5_c1{
			background-image: url(unit/c1/u5.svg);
			width:16px;
		}
        .drags5_1_c1{
			background-image: url(unit/c1/u5-1.svg);
			width:16px;
		}
        .drags6_c1{
			background-image: url(unit/c1/u6.svg);
			width:22px;
		}
        .drags6_1_c1{
			background-image: url(unit/c1/u6-1.svg);
			width:22px;
		}
        .drags7_c1{
			background-image: url(unit/c1/u7.svg);
			width:20px;
		}
        .drags7_1_c1{
			background-image: url(unit/c1/u7-1.svg);
			width:20px;
		}
        .drags8_c1{
			background-image: url(unit/c1/u8.svg);
			width:24px;
		}
        .drags8_1_c1{
			background-image: url(unit/c1/u8-1.svg);
			width:24px;
		}
        .drags9_c1{
			background-image: url(unit/c1/u9.svg);
		}
        .drags9_1_c1{
			background-image: url(unit/c1/u9-1.svg);
		}
        .drags10_c1{
			background-image: url(unit/c1/u10.svg);
		}
        .drags10_1_c1{
			background-image: url(unit/c1/u10-1.svg);
		}
        .drags11_c1{
			background-image: url(unit/c1/u11.svg);
		}
        .drags11_1_c1{
			background-image: url(unit/c1/u11-1.svg);
		}
        .drags12_c1{
			background-image: url(unit/c1/u12.svg);
			width:26px;
		}
        .drags12_1_c1{
			background-image: url(unit/c1/u12-1.svg);
			width:26px;
		}
        .drags13_c1{
			background-image: url(unit/c1/u13.svg);
		}
        .drags13_1_c1{
			background-image: url(unit/c1/u13-1.svg);
		}
        .drags14_c1{
			background-image: url(unit/c1/u14.svg);
		}
        .drags14_1_c1{
			background-image: url(unit/c1/u14-1.svg);
		}
		.drags15_c1{
			background-image: url(unit/c1/u15.svg);
			width:23px;
		}
        .drags15_1_c1{
			background-image: url(unit/c1/u15-1.svg);
			width:23px;
		}
		.drags16_c1{
			background-image: url(unit/c1/u16.svg);
		}
        .drags16_1_c1{
			background-image: url(unit/c1/u16-1.svg);
		}
		.drags17_c1{
			background-image: url(unit/c1/u17.svg);
		}
        .drags17_1_c1{
			background-image: url(unit/c1/u17-1.svg);
		}
		.drags18_c1{
			background-image: url(unit/c1/u18.svg);
			width:18px;
		}
        .drags18_1_c1{
			background-image: url(unit/c1/u18-1.svg);
			width:18px;
		}
		.drags19_c1{
			background-image: url(unit/c1/u19.svg);
			width:16px;
		}
        .drags19_1_c1{
			background-image: url(unit/c1/u19-1.svg);
			width:16px;
		}
		.drags20_c1{
			background-image: url(unit/c1/u20.svg);
		}
        .drags20_1_c1{
			background-image: url(unit/c1/u20-1.svg);
		}
		.drags21_c1{
			background-image: url(unit/c1/u21.svg);
		}
        .drags21_1_c1{
			background-image: url(unit/c1/u21-1.svg);
		}
		.drags22_c1{
			background-image: url(unit/c1/u22.svg);
			width:18px;
		}
        .drags22_1_c1{
			background-image: url(unit/c1/u22-1.svg);
			width:18px;
		}
		.drags23_c1{
			background-image: url(unit/c1/u23.svg);
		}
        .drags23_1_c1{
			background-image: url(unit/c1/u23-1.svg);
		}
		.drags24_c1{
			background-image: url(unit/c1/u24.svg);
		}
        .drags24_1_c1{
			background-image: url(unit/c1/u24-1.svg);
		}
		
		.drag1_c2{
			background-image: url(unit/c2/1.svg);
		}
		.drag2_c2{
			background-image: url(unit/c2/2.svg);
		}
		.drag3_c2{
			background-image: url(unit/c2/3.svg);
		}
		.drag4_c2{
			background-image: url(unit/c2/4.svg);
		}
		.drag5_c2{
			background-image: url(unit/c2/5.svg);
		}
		.drag6_c2{
			background-image: url(unit/c2/6.svg);
		}
		.drag7_c2{
			background-image: url(unit/c2/7.svg);
		}
		.drag8_c2{
			background-image: url(unit/c2/8.svg);
		}
		.drag9_c2{
			background-image: url(unit/c2/9.svg);
		}
		.drag10_c2{
			background-image: url(unit/c2/10.svg);
		}
		.drag11_c2{
			background-image: url(unit/c2/11.svg);
		}
		.drag12_c2{
			background-image: url(unit/c2/12.svg);
		}
		.drag13_c2{
			background-image: url(unit/c2/13.svg);
		}
		.drag14_c2{
			background-image: url(unit/c2/14.svg);
		}
		.drag15_c2{
			background-image: url(unit/c2/15.svg);
		}
		.drag16_c2{
			background-image: url(unit/c2/16.svg);
		}
		.drag17_c2{
			background-image: url(unit/c2/17.svg);
		}
		.drag18_c2{
			background-image: url(unit/c2/18.svg);
		}
		.drag19_c2{
			background-image: url(unit/c2/19.svg);
		}
		.drag20_c2{
			background-image: url(unit/c2/20.svg);
		}
		.drag21_c2{
			background-image: url(unit/c2/21.svg);
		}
		.drag22_c2{
			background-image: url(unit/c2/22.svg);
		}
		.drag23_c2{
			background-image: url(unit/c2/23.svg);
		}
		.drag24_c2{
			background-image: url(unit/c2/24.svg);
		}
		.drag31_c2{
			background-image: url(unit/c2/31.svg);
		}
		.drag25_c2{
			background-image: url(unit/c2/25.svg);
		}
		.drag26_c2{
			background-image: url(unit/c2/26.svg);
		}
		.drag27_c2{
			background-image: url(unit/c2/27.svg);
		}
		.drag28_c2{
			background-image: url(unit/c2/28.svg);
		}
		.drag29_c2{
			background-image: url(unit/c2/29.svg);
		}
		.drag30_c2{
			background-image: url(unit/c2/30.svg);
		}
		
		
		
        .drags1_c2{
			background-image: url(unit/c2/u1.svg);
		}
        .drags1_1_c2{
			background-image: url(unit/c2/u1-1.svg);
		}
        .drags2_c2{
			background-image: url(unit/c2/u2.svg);
		}
        .drags2_1_c2{
			background-image: url(unit/c2/u2-1.svg);
		}
        .drags3_c2{
			background-image: url(unit/c2/u3.svg);
		}
        .drags3_1_c2{
			background-image: url(unit/c2/u3-1.svg);
		}
        .drags4_c2{
			background-image: url(unit/c2/u4.svg);
			width:19px;
		}
        .drags4_1_c2{
			background-image: url(unit/c2/u4-1.svg);
			width:19px;
		}
        .drags5_c2{
			background-image: url(unit/c2/u5.svg);
			width:16px;
		}
        .drags5_1_c2{
			background-image: url(unit/c2/u5-1.svg);
			width:16px;
		}
        .drags6_c2{
			background-image: url(unit/c2/u6.svg);
			width:22px;
		}
        .drags6_1_c2{
			background-image: url(unit/c2/u6-1.svg);
			width:22px;
		}
        .drags7_c2{
			background-image: url(unit/c2/u7.svg);
			width:20px;
		}
        .drags7_1_c2{
			background-image: url(unit/c2/u7-1.svg);
			width:20px;
		}
        .drags8_c2{
			background-image: url(unit/c2/u8.svg);
			width:24px;
		}
        .drags8_1_c2{
			background-image: url(unit/c2/u8-1.svg);
			width:24px;
		}
        .drags9_c2{
			background-image: url(unit/c2/u9.svg);
		}
        .drags9_1_c2{
			background-image: url(unit/c2/u9-1.svg);
		}
        .drags10_c2{
			background-image: url(unit/c2/u10.svg);
		}
        .drags10_1_c2{
			background-image: url(unit/c2/u10-1.svg);
		}
        .drags11_c2{
			background-image: url(unit/c2/u11.svg);
		}
        .drags11_1_c2{
			background-image: url(unit/c2/u11-1.svg);
		}
        .drags12_c2{
			background-image: url(unit/c2/u12.svg);
			width:26px;
		}
        .drags12_1_c2{
			background-image: url(unit/c2/u12-1.svg);
			width:26px;
		}
        .drags13_c2{
			background-image: url(unit/c2/u13.svg);
		}
        .drags13_1_c2{
			background-image: url(unit/c2/u13-1.svg);
		}
        .drags14_c2{
			background-image: url(unit/c2/u14.svg);
		}
        .drags14_1_c2{
			background-image: url(unit/c2/u14-1.svg);
		}
		.drags15_c2{
			background-image: url(unit/c2/u15.svg);
			width:23px;
		}
        .drags15_1_c2{
			background-image: url(unit/c2/u15-1.svg);
			width:23px;
		}
		.drags16_c2{
			background-image: url(unit/c2/u16.svg);
		}
        .drags16_1_c2{
			background-image: url(unit/c2/u16-1.svg);
		}
		.drags17_c2{
			background-image: url(unit/c2/u17.svg);
		}
        .drags17_1_c2{
			background-image: url(unit/c2/u17-1.svg);
		}
		.drags18_c2{
			background-image: url(unit/c2/u18.svg);
			width:18px;
		}
        .drags18_1_c2{
			background-image: url(unit/c2/u18-1.svg);
			width:18px;
		}
		.drags19_c2{
			background-image: url(unit/c2/u19.svg);
			width:16px;
		}
        .drags19_1_c2{
			background-image: url(unit/c2/u19-1.svg);
			width:16px;
		}
		.drags20_c2{
			background-image: url(unit/c2/u20.svg);
		}
        .drags20_1_c2{
			background-image: url(unit/c2/u20-1.svg);
		}
		.drags21_c2{
			background-image: url(unit/c2/u21.svg);
		}
        .drags21_1_c2{
			background-image: url(unit/c2/u21-1.svg);
		}
		.drags22_c2{
			background-image: url(unit/c2/u22.svg);
			width:18px;
		}
        .drags22_1_c2{
			background-image: url(unit/c2/u22-1.svg);
			width:18px;
		}
		.drags23_c2{
			background-image: url(unit/c2/u23.svg);
		}
        .drags23_1_c2{
			background-image: url(unit/c2/u23-1.svg);
		}
		.drags24_c2{
			background-image: url(unit/c2/u24.svg);
		}
        .drags24_1_c2{
			background-image: url(unit/c2/u24-1.svg);
		}
		
		.drag1_c3{
			background-image: url(unit/c3/1.svg);
		}
		.drag2_c3{
			background-image: url(unit/c3/2.svg);
		}
		.drag3_c3{
			background-image: url(unit/c3/3.svg);
		}
		.drag4_c3{
			background-image: url(unit/c3/4.svg);
		}
		.drag5_c3{
			background-image: url(unit/c3/5.svg);
		}
		.drag6_c3{
			background-image: url(unit/c3/6.svg);
		}
		.drag7_c3{
			background-image: url(unit/c3/7.svg);
		}
		.drag8_c3{
			background-image: url(unit/c3/8.svg);
		}
		.drag9_c3{
			background-image: url(unit/c3/9.svg);
		}
		.drag10_c3{
			background-image: url(unit/c3/10.svg);
		}
		.drag11_c3{
			background-image: url(unit/c3/11.svg);
		}
		.drag12_c3{
			background-image: url(unit/c3/12.svg);
		}
		.drag13_c3{
			background-image: url(unit/c3/13.svg);
		}
		.drag14_c3{
			background-image: url(unit/c3/14.svg);
		}
		.drag15_c3{
			background-image: url(unit/c3/15.svg);
		}
		.drag16_c3{
			background-image: url(unit/c3/16.svg);
		}
		.drag17_c3{
			background-image: url(unit/c3/17.svg);
		}
		.drag18_c3{
			background-image: url(unit/c3/18.svg);
		}
		.drag19_c3{
			background-image: url(unit/c3/19.svg);
		}
		.drag20_c3{
			background-image: url(unit/c3/20.svg);
		}
		.drag21_c3{
			background-image: url(unit/c3/21.svg);
		}
		.drag22_c3{
			background-image: url(unit/c3/22.svg);
		}
		.drag23_c3{
			background-image: url(unit/c3/23.svg);
		}
		.drag24_c3{
			background-image: url(unit/c3/24.svg);
		}
		.drag31_c3{
			background-image: url(unit/c3/31.svg);
		}
		.drag25_c3{
			background-image: url(unit/c3/25.svg);
		}
		.drag26_c3{
			background-image: url(unit/c3/26.svg);
		}
		.drag27_c3{
			background-image: url(unit/c3/27.svg);
		}
		.drag28_c3{
			background-image: url(unit/c3/28.svg);
		}
		.drag29_c3{
			background-image: url(unit/c3/29.svg);
		}
		.drag30_c3{
			background-image: url(unit/c3/30.svg);
		}
		
		
		
        .drags1_c3{
			background-image: url(unit/c3/u1.svg);
		}
        .drags1_1_c3{
			background-image: url(unit/c3/u1-1.svg);
		}
        .drags2_c3{
			background-image: url(unit/c3/u2.svg);
		}
        .drags2_1_c3{
			background-image: url(unit/c3/u2-1.svg);
		}
        .drags3_c3{
			background-image: url(unit/c3/u3.svg);
		}
        .drags3_1_c3{
			background-image: url(unit/c3/u3-1.svg);
		}
        .drags4_c3{
			background-image: url(unit/c3/u4.svg);
			width:19px;
		}
        .drags4_1_c3{
			background-image: url(unit/c3/u4-1.svg);
			width:19px;
		}
        .drags5_c3{
			background-image: url(unit/c3/u5.svg);
			width:16px;
		}
        .drags5_1_c3{
			background-image: url(unit/c3/u5-1.svg);
			width:16px;
		}
        .drags6_c3{
			background-image: url(unit/c3/u6.svg);
			width:22px;
		}
        .drags6_1_c3{
			background-image: url(unit/c3/u6-1.svg);
			width:22px;
		}
        .drags7_c3{
			background-image: url(unit/c3/u7.svg);
			width:20px;
		}
        .drags7_1_c3{
			background-image: url(unit/c3/u7-1.svg);
			width:20px;
		}
        .drags8_c3{
			background-image: url(unit/c3/u8.svg);
			width:24px;
		}
        .drags8_1_c3{
			background-image: url(unit/c3/u8-1.svg);
			width:24px;
		}
        .drags9_c3{
			background-image: url(unit/c3/u9.svg);
		}
        .drags9_1_c3{
			background-image: url(unit/c3/u9-1.svg);
		}
        .drags10_c3{
			background-image: url(unit/c3/u10.svg);
		}
        .drags10_1_c3{
			background-image: url(unit/c3/u10-1.svg);
		}
        .drags11_c3{
			background-image: url(unit/c3/u11.svg);
		}
        .drags11_1_c3{
			background-image: url(unit/c3/u11-1.svg);
		}
        .drags12_c3{
			background-image: url(unit/c3/u12.svg);
			width:26px;
		}
        .drags12_1_c3{
			background-image: url(unit/c3/u12-1.svg);
			width:26px;
		}
        .drags13_c3{
			background-image: url(unit/c3/u13.svg);
		}
        .drags13_1_c3{
			background-image: url(unit/c3/u13-1.svg);
		}
        .drags14_c3{
			background-image: url(unit/c3/u14.svg);
		}
        .drags14_1_c3{
			background-image: url(unit/c3/u14-1.svg);
		}
		.drags15_c3{
			background-image: url(unit/c3/u15.svg);
			width:23px;
		}
        .drags15_1_c3{
			background-image: url(unit/c3/u15-1.svg);
			width:23px;
		}
		.drags16_c3{
			background-image: url(unit/c3/u16.svg);
		}
        .drags16_1_c3{
			background-image: url(unit/c3/u16-1.svg);
		}
		.drags17_c3{
			background-image: url(unit/c3/u17.svg);
		}
        .drags17_1_c3{
			background-image: url(unit/c3/u17-1.svg);
		}
		.drags18_c3{
			background-image: url(unit/c3/u18.svg);
			width:18px;
		}
        .drags18_1_c3{
			background-image: url(unit/c3/u18-1.svg);
			width:18px;
		}
		.drags19_c3{
			background-image: url(unit/c3/u19.svg);
			width:16px;
		}
        .drags19_1_c3{
			background-image: url(unit/c3/u19-1.svg);
			width:16px;
		}
		.drags20_c3{
			background-image: url(unit/c3/u20.svg);
		}
        .drags20_1_c3{
			background-image: url(unit/c3/u20-1.svg);
		}
		.drags21_c3{
			background-image: url(unit/c3/u21.svg);
		}
        .drags21_1_c3{
			background-image: url(unit/c3/u21-1.svg);
		}
		.drags22_c3{
			background-image: url(unit/c3/u22.svg);
			width:18px;
		}
        .drags22_1_c3{
			background-image: url(unit/c3/u22-1.svg);
			width:18px;
		}
		.drags23_c3{
			background-image: url(unit/c3/u23.svg);
		}
        .drags23_1_c3{
			background-image: url(unit/c3/u23-1.svg);
		}
		.drags24_c3{
			background-image: url(unit/c3/u24.svg);
		}
        .drags24_1_c3{
			background-image: url(unit/c3/u24-1.svg);
		}
		
		.drag1_c4{
			background-image: url(unit/c4/1.svg);
		}
		.drag2_c4{
			background-image: url(unit/c4/2.svg);
		}
		.drag3_c4{
			background-image: url(unit/c4/3.svg);
		}
		.drag4_c4{
			background-image: url(unit/c4/4.svg);
		}
		.drag5_c4{
			background-image: url(unit/c4/5.svg);
		}
		.drag6_c4{
			background-image: url(unit/c4/6.svg);
		}
		.drag7_c4{
			background-image: url(unit/c4/7.svg);
		}
		.drag8_c4{
			background-image: url(unit/c4/8.svg);
		}
		.drag9_c4{
			background-image: url(unit/c4/9.svg);
		}
		.drag10_c4{
			background-image: url(unit/c4/10.svg);
		}
		.drag11_c4{
			background-image: url(unit/c4/11.svg);
		}
		.drag12_c4{
			background-image: url(unit/c4/12.svg);
		}
		.drag13_c4{
			background-image: url(unit/c4/13.svg);
		}
		.drag14_c4{
			background-image: url(unit/c4/14.svg);
		}
		.drag15_c4{
			background-image: url(unit/c4/15.svg);
		}
		.drag16_c4{
			background-image: url(unit/c4/16.svg);
		}
		.drag17_c4{
			background-image: url(unit/c4/17.svg);
		}
		.drag18_c4{
			background-image: url(unit/c4/18.svg);
		}
		.drag19_c4{
			background-image: url(unit/c4/19.svg);
		}
		.drag20_c4{
			background-image: url(unit/c4/20.svg);
		}
		.drag21_c4{
			background-image: url(unit/c4/21.svg);
		}
		.drag22_c4{
			background-image: url(unit/c4/22.svg);
		}
		.drag23_c4{
			background-image: url(unit/c4/23.svg);
		}
		.drag24_c4{
			background-image: url(unit/c4/24.svg);
		}
		.drag31_c4{
			background-image: url(unit/c4/31.svg);
		}
		.drag25_c4{
			background-image: url(unit/c4/25.svg);
		}
		.drag26_c4{
			background-image: url(unit/c4/26.svg);
		}
		.drag27_c4{
			background-image: url(unit/c4/27.svg);
		}
		.drag28_c4{
			background-image: url(unit/c4/28.svg);
		}
		.drag29_c4{
			background-image: url(unit/c4/29.svg);
		}
		.drag30_c4{
			background-image: url(unit/c4/30.svg);
		}
		
		
		
        .drags1_c4{
			background-image: url(unit/c4/u1.svg);
		}
        .drags1_1_c4{
			background-image: url(unit/c4/u1-1.svg);
		}
        .drags2_c4{
			background-image: url(unit/c4/u2.svg);
		}
        .drags2_1_c4{
			background-image: url(unit/c4/u2-1.svg);
		}
        .drags3_c4{
			background-image: url(unit/c4/u3.svg);
		}
        .drags3_1_c4{
			background-image: url(unit/c4/u3-1.svg);
		}
        .drags4_c4{
			background-image: url(unit/c4/u4.svg);
			width:19px;
		}
        .drags4_1_c4{
			background-image: url(unit/c4/u4-1.svg);
			width:19px;
		}
        .drags5_c4{
			background-image: url(unit/c4/u5.svg);
			width:16px;
		}
        .drags5_1_c4{
			background-image: url(unit/c4/u5-1.svg);
			width:16px;
		}
        .drags6_c4{
			background-image: url(unit/c4/u6.svg);
			width:22px;
		}
        .drags6_1_c4{
			background-image: url(unit/c4/u6-1.svg);
			width:22px;
		}
        .drags7_c4{
			background-image: url(unit/c4/u7.svg);
			width:20px;
		}
        .drags7_1_c4{
			background-image: url(unit/c4/u7-1.svg);
			width:20px;
		}
        .drags8_c4{
			background-image: url(unit/c4/u8.svg);
			width:24px;
		}
        .drags8_1_c4{
			background-image: url(unit/c4/u8-1.svg);
			width:24px;
		}
        .drags9_c4{
			background-image: url(unit/c4/u9.svg);
		}
        .drags9_1_c4{
			background-image: url(unit/c4/u9-1.svg);
		}
        .drags10_c4{
			background-image: url(unit/c4/u10.svg);
		}
        .drags10_1_c4{
			background-image: url(unit/c4/u10-1.svg);
		}
        .drags11_c4{
			background-image: url(unit/c4/u11.svg);
		}
        .drags11_1_c4{
			background-image: url(unit/c4/u11-1.svg);
		}
        .drags12_c4{
			background-image: url(unit/c4/u12.svg);
			width:26px;
		}
        .drags12_1_c4{
			background-image: url(unit/c4/u12-1.svg);
			width:26px;
		}
        .drags13_c4{
			background-image: url(unit/c4/u13.svg);
		}
        .drags13_1_c4{
			background-image: url(unit/c4/u13-1.svg);
		}
        .drags14_c4{
			background-image: url(unit/c4/u14.svg);
		}
        .drags14_1_c4{
			background-image: url(unit/c4/u14-1.svg);
		}
		.drags15_c4{
			background-image: url(unit/c4/u15.svg);
			width:23px;
		}
        .drags15_1_c4{
			background-image: url(unit/c4/u15-1.svg);
			width:23px;
		}
		.drags16_c4{
			background-image: url(unit/c4/u16.svg);
		}
        .drags16_1_c4{
			background-image: url(unit/c4/u16-1.svg);
		}
		.drags17_c4{
			background-image: url(unit/c4/u17.svg);
		}
        .drags17_1_c4{
			background-image: url(unit/c4/u17-1.svg);
		}
		.drags18_c4{
			background-image: url(unit/c4/u18.svg);
			width:18px;
		}
        .drags18_1_c4{
			background-image: url(unit/c4/u18-1.svg);
			width:18px;
		}
		.drags19_c4{
			background-image: url(unit/c4/u19.svg);
			width:16px;
		}
        .drags19_1_c4{
			background-image: url(unit/c4/u19-1.svg);
			width:16px;
		}
		.drags20_c4{
			background-image: url(unit/c4/u20.svg);
		}
        .drags20_1_c4{
			background-image: url(unit/c4/u20-1.svg);
		}
		.drags21_c4{
			background-image: url(unit/c4/u21.svg);
		}
        .drags21_1_c4{
			background-image: url(unit/c4/u21-1.svg);
		}
		.drags22_c4{
			background-image: url(unit/c4/u22.svg);
			width:18px;
		}
        .drags22_1_c4{
			background-image: url(unit/c4/u22-1.svg);
			width:18px;
		}
		.drags23_c4{
			background-image: url(unit/c4/u23.svg);
		}
        .drags23_1_c4{
			background-image: url(unit/c4/u23-1.svg);
		}
		.drags24_c4{
			background-image: url(unit/c4/u24.svg);
		}
        .drags24_1_c4{
			background-image: url(unit/c4/u24-1.svg);
		}
		
		.drag1_c5{
			background-image: url(unit/c5/1.svg);
		}
		.drag2_c5{
			background-image: url(unit/c5/2.svg);
		}
		.drag3_c5{
			background-image: url(unit/c5/3.svg);
		}
		.drag4_c5{
			background-image: url(unit/c5/4.svg);
		}
		.drag5_c5{
			background-image: url(unit/c5/5.svg);
		}
		.drag6_c5{
			background-image: url(unit/c5/6.svg);
		}
		.drag7_c5{
			background-image: url(unit/c5/7.svg);
		}
		.drag8_c5{
			background-image: url(unit/c5/8.svg);
		}
		.drag9_c5{
			background-image: url(unit/c5/9.svg);
		}
		.drag10_c5{
			background-image: url(unit/c5/10.svg);
		}
		.drag11_c5{
			background-image: url(unit/c5/11.svg);
		}
		.drag12_c5{
			background-image: url(unit/c5/12.svg);
		}
		.drag13_c5{
			background-image: url(unit/c5/13.svg);
		}
		.drag14_c5{
			background-image: url(unit/c5/14.svg);
		}
		.drag15_c5{
			background-image: url(unit/c5/15.svg);
		}
		.drag16_c5{
			background-image: url(unit/c5/16.svg);
		}
		.drag17_c5{
			background-image: url(unit/c5/17.svg);
		}
		.drag18_c5{
			background-image: url(unit/c5/18.svg);
		}
		.drag19_c5{
			background-image: url(unit/c5/19.svg);
		}
		.drag20_c5{
			background-image: url(unit/c5/20.svg);
		}
		.drag21_c5{
			background-image: url(unit/c5/21.svg);
		}
		.drag22_c5{
			background-image: url(unit/c5/22.svg);
		}
		.drag23_c5{
			background-image: url(unit/c5/23.svg);
		}
		.drag24_c5{
			background-image: url(unit/c5/24.svg);
		}
		.drag31_c5{
			background-image: url(unit/c5/31.svg);
		}
		.drag25_c5{
			background-image: url(unit/c5/25.svg);
		}
		.drag26_c5{
			background-image: url(unit/c5/26.svg);
		}
		.drag27_c5{
			background-image: url(unit/c5/27.svg);
		}
		.drag28_c5{
			background-image: url(unit/c5/28.svg);
		}
		.drag29_c5{
			background-image: url(unit/c5/29.svg);
		}
		.drag30_c5{
			background-image: url(unit/c5/30.svg);
		}
		
		
		
        .drags1_c5{
			background-image: url(unit/c5/u1.svg);
		}
        .drags1_1_c5{
			background-image: url(unit/c5/u1-1.svg);
		}
        .drags2_c5{
			background-image: url(unit/c5/u2.svg);
		}
        .drags2_1_c5{
			background-image: url(unit/c5/u2-1.svg);
		}
        .drags3_c5{
			background-image: url(unit/c5/u3.svg);
		}
        .drags3_1_c5{
			background-image: url(unit/c5/u3-1.svg);
		}
        .drags4_c5{
			background-image: url(unit/c5/u4.svg);
			width:19px;
		}
        .drags4_1_c5{
			background-image: url(unit/c5/u4-1.svg);
			width:19px;
		}
        .drags5_c5{
			background-image: url(unit/c5/u5.svg);
			width:16px;
		}
        .drags5_1_c5{
			background-image: url(unit/c5/u5-1.svg);
			width:16px;
		}
        .drags6_c5{
			background-image: url(unit/c5/u6.svg);
			width:22px;
		}
        .drags6_1_c5{
			background-image: url(unit/c5/u6-1.svg);
			width:22px;
		}
        .drags7_c5{
			background-image: url(unit/c5/u7.svg);
			width:20px;
		}
        .drags7_1_c5{
			background-image: url(unit/c5/u7-1.svg);
			width:20px;
		}
        .drags8_c5{
			background-image: url(unit/c5/u8.svg);
			width:24px;
		}
        .drags8_1_c5{
			background-image: url(unit/c5/u8-1.svg);
			width:24px;
		}
        .drags9_c5{
			background-image: url(unit/c5/u9.svg);
		}
        .drags9_1_c5{
			background-image: url(unit/c5/u9-1.svg);
		}
        .drags10_c5{
			background-image: url(unit/c5/u10.svg);
		}
        .drags10_1_c5{
			background-image: url(unit/c5/u10-1.svg);
		}
        .drags11_c5{
			background-image: url(unit/c5/u11.svg);
		}
        .drags11_1_c5{
			background-image: url(unit/c5/u11-1.svg);
		}
        .drags12_c5{
			background-image: url(unit/c5/u12.svg);
			width:26px;
		}
        .drags12_1_c5{
			background-image: url(unit/c5/u12-1.svg);
			width:26px;
		}
        .drags13_c5{
			background-image: url(unit/c5/u13.svg);
		}
        .drags13_1_c5{
			background-image: url(unit/c5/u13-1.svg);
		}
        .drags14_c5{
			background-image: url(unit/c5/u14.svg);
		}
        .drags14_1_c5{
			background-image: url(unit/c5/u14-1.svg);
		}
		.drags15_c5{
			background-image: url(unit/c5/u15.svg);
			width:23px;
		}
        .drags15_1_c5{
			background-image: url(unit/c5/u15-1.svg);
			width:23px;
		}
		.drags16_c5{
			background-image: url(unit/c5/u16.svg);
		}
        .drags16_1_c5{
			background-image: url(unit/c5/u16-1.svg);
		}
		.drags17_c5{
			background-image: url(unit/c5/u17.svg);
		}
        .drags17_1_c5{
			background-image: url(unit/c5/u17-1.svg);
		}
		.drags18_c5{
			background-image: url(unit/c5/u18.svg);
			width:18px;
		}
        .drags18_1_c5{
			background-image: url(unit/c5/u18-1.svg);
			width:18px;
		}
		.drags19_c5{
			background-image: url(unit/c5/u19.svg);
			width:16px;
		}
        .drags19_1_c5{
			background-image: url(unit/c5/u19-1.svg);
			width:16px;
		}
		.drags20_c5{
			background-image: url(unit/c5/u20.svg);
		}
        .drags20_1_c5{
			background-image: url(unit/c5/u20-1.svg);
		}
		.drags21_c5{
			background-image: url(unit/c5/u21.svg);
		}
        .drags21_1_c5{
			background-image: url(unit/c5/u21-1.svg);
		}
		.drags22_c5{
			background-image: url(unit/c5/u22.svg);
			width:18px;
		}
        .drags22_1_c5{
			background-image: url(unit/c5/u22-1.svg);
			width:18px;
		}
		.drags23_c5{
			background-image: url(unit/c5/u23.svg);
		}
        .drags23_1_c5{
			background-image: url(unit/c5/u23-1.svg);
		}
		.drags24_c5{
			background-image: url(unit/c5/u24.svg);
		}
        .drags24_1_c5{
			background-image: url(unit/c5/u24-1.svg);
		}
		
		.drag1_c6{
			background-image: url(unit/c6/1.svg);
		}
		.drag2_c6{
			background-image: url(unit/c6/2.svg);
		}
		.drag3_c6{
			background-image: url(unit/c6/3.svg);
		}
		.drag4_c6{
			background-image: url(unit/c6/4.svg);
		}
		.drag5_c6{
			background-image: url(unit/c6/5.svg);
		}
		.drag6_c6{
			background-image: url(unit/c6/6.svg);
		}
		.drag7_c6{
			background-image: url(unit/c6/7.svg);
		}
		.drag8_c6{
			background-image: url(unit/c6/8.svg);
		}
		.drag9_c6{
			background-image: url(unit/c6/9.svg);
		}
		.drag10_c6{
			background-image: url(unit/c6/10.svg);
		}
		.drag11_c6{
			background-image: url(unit/c6/11.svg);
		}
		.drag12_c6{
			background-image: url(unit/c6/12.svg);
		}
		.drag13_c6{
			background-image: url(unit/c6/13.svg);
		}
		.drag14_c6{
			background-image: url(unit/c6/14.svg);
		}
		.drag15_c6{
			background-image: url(unit/c6/15.svg);
		}
		.drag16_c6{
			background-image: url(unit/c6/16.svg);
		}
		.drag17_c6{
			background-image: url(unit/c6/17.svg);
		}
		.drag18_c6{
			background-image: url(unit/c6/18.svg);
		}
		.drag19_c6{
			background-image: url(unit/c6/19.svg);
		}
		.drag20_c6{
			background-image: url(unit/c6/20.svg);
		}
		.drag21_c6{
			background-image: url(unit/c6/21.svg);
		}
		.drag22_c6{
			background-image: url(unit/c6/22.svg);
		}
		.drag23_c6{
			background-image: url(unit/c6/23.svg);
		}
		.drag24_c6{
			background-image: url(unit/c6/24.svg);
		}
		.drag31_c6{
			background-image: url(unit/c6/31.svg);
		}
		.drag25_c6{
			background-image: url(unit/c6/25.svg);
		}
		.drag26_c6{
			background-image: url(unit/c6/26.svg);
		}
		.drag27_c6{
			background-image: url(unit/c6/27.svg);
		}
		.drag28_c6{
			background-image: url(unit/c6/28.svg);
		}
		.drag29_c6{
			background-image: url(unit/c6/29.svg);
		}
		.drag30_c6{
			background-image: url(unit/c6/30.svg);
		}
		
		
		
        .drags1_c6{
			background-image: url(unit/c6/u1.svg);
		}
        .drags1_1_c6{
			background-image: url(unit/c6/u1-1.svg);
		}
        .drags2_c6{
			background-image: url(unit/c6/u2.svg);
		}
        .drags2_1_c6{
			background-image: url(unit/c6/u2-1.svg);
		}
        .drags3_c6{
			background-image: url(unit/c6/u3.svg);
		}
        .drags3_1_c6{
			background-image: url(unit/c6/u3-1.svg);
		}
        .drags4_c6{
			background-image: url(unit/c6/u4.svg);
			width:19px;
		}
        .drags4_1_c6{
			background-image: url(unit/c6/u4-1.svg);
			width:19px;
		}
        .drags5_c6{
			background-image: url(unit/c6/u5.svg);
			width:16px;
		}
        .drags5_1_c6{
			background-image: url(unit/c6/u5-1.svg);
			width:16px;
		}
        .drags6_c6{
			background-image: url(unit/c6/u6.svg);
			width:22px;
		}
        .drags6_1_c6{
			background-image: url(unit/c6/u6-1.svg);
			width:22px;
		}
        .drags7_c6{
			background-image: url(unit/c6/u7.svg);
			width:20px;
		}
        .drags7_1_c6{
			background-image: url(unit/c6/u7-1.svg);
			width:20px;
		}
        .drags8_c6{
			background-image: url(unit/c6/u8.svg);
			width:24px;
		}
        .drags8_1_c6{
			background-image: url(unit/c6/u8-1.svg);
			width:24px;
		}
        .drags9_c6{
			background-image: url(unit/c6/u9.svg);
		}
        .drags9_1_c6{
			background-image: url(unit/c6/u9-1.svg);
		}
        .drags10_c6{
			background-image: url(unit/c6/u10.svg);
		}
        .drags10_1_c6{
			background-image: url(unit/c6/u10-1.svg);
		}
        .drags11_c6{
			background-image: url(unit/c6/u11.svg);
		}
        .drags11_1_c6{
			background-image: url(unit/c6/u11-1.svg);
		}
        .drags12_c6{
			background-image: url(unit/c6/u12.svg);
			width:26px;
		}
        .drags12_1_c6{
			background-image: url(unit/c6/u12-1.svg);
			width:26px;
		}
        .drags13_c6{
			background-image: url(unit/c6/u13.svg);
		}
        .drags13_1_c6{
			background-image: url(unit/c6/u13-1.svg);
		}
        .drags14_c6{
			background-image: url(unit/c6/u14.svg);
		}
        .drags14_1_c6{
			background-image: url(unit/c6/u14-1.svg);
		}
		.drags15_c6{
			background-image: url(unit/c6/u15.svg);
			width:23px;
		}
        .drags15_1_c6{
			background-image: url(unit/c6/u15-1.svg);
			width:23px;
		}
		.drags16_c6{
			background-image: url(unit/c6/u16.svg);
		}
        .drags16_1_c6{
			background-image: url(unit/c6/u16-1.svg);
		}
		.drags17_c6{
			background-image: url(unit/c6/u17.svg);
		}
        .drags17_1_c6{
			background-image: url(unit/c6/u17-1.svg);
		}
		.drags18_c6{
			background-image: url(unit/c6/u18.svg);
			width:18px;
		}
        .drags18_1_c6{
			background-image: url(unit/c6/u18-1.svg);
			width:18px;
		}
		.drags19_c6{
			background-image: url(unit/c6/u19.svg);
			width:16px;
		}
        .drags19_1_c6{
			background-image: url(unit/c6/u19-1.svg);
			width:16px;
		}
		.drags20_c6{
			background-image: url(unit/c6/u20.svg);
		}
        .drags20_1_c6{
			background-image: url(unit/c6/u20-1.svg);
		}
		.drags21_c6{
			background-image: url(unit/c6/u21.svg);
		}
        .drags21_1_c6{
			background-image: url(unit/c6/u21-1.svg);
		}
		.drags22_c6{
			background-image: url(unit/c6/u22.svg);
			width:18px;
		}
        .drags22_1_c6{
			background-image: url(unit/c6/u22-1.svg);
			width:18px;
		}
		.drags23_c6{
			background-image: url(unit/c6/u23.svg);
		}
        .drags23_1_c6{
			background-image: url(unit/c6/u23-1.svg);
		}
		.drags24_c6{
			background-image: url(unit/c6/u24.svg);
		}
        .drags24_1_c6{
			background-image: url(unit/c6/u24-1.svg);
		}
		
		.drag1_c7{
			background-image: url(unit/c7/1.svg);
		}
		.drag2_c7{
			background-image: url(unit/c7/2.svg);
		}
		.drag3_c7{
			background-image: url(unit/c7/3.svg);
		}
		.drag4_c7{
			background-image: url(unit/c7/4.svg);
		}
		.drag5_c7{
			background-image: url(unit/c7/5.svg);
		}
		.drag6_c7{
			background-image: url(unit/c7/6.svg);
		}
		.drag7_c7{
			background-image: url(unit/c7/7.svg);
		}
		.drag8_c7{
			background-image: url(unit/c7/8.svg);
		}
		.drag9_c7{
			background-image: url(unit/c7/9.svg);
		}
		.drag10_c7{
			background-image: url(unit/c7/10.svg);
		}
		.drag11_c7{
			background-image: url(unit/c7/11.svg);
		}
		.drag12_c7{
			background-image: url(unit/c7/12.svg);
		}
		.drag13_c7{
			background-image: url(unit/c7/13.svg);
		}
		.drag14_c7{
			background-image: url(unit/c7/14.svg);
		}
		.drag15_c7{
			background-image: url(unit/c7/15.svg);
		}
		.drag16_c7{
			background-image: url(unit/c7/16.svg);
		}
		.drag17_c7{
			background-image: url(unit/c7/17.svg);
		}
		.drag18_c7{
			background-image: url(unit/c7/18.svg);
		}
		.drag19_c7{
			background-image: url(unit/c7/19.svg);
		}
		.drag20_c7{
			background-image: url(unit/c7/20.svg);
		}
		.drag21_c7{
			background-image: url(unit/c7/21.svg);
		}
		.drag22_c7{
			background-image: url(unit/c7/22.svg);
		}
		.drag23_c7{
			background-image: url(unit/c7/23.svg);
		}
		.drag24_c7{
			background-image: url(unit/c7/24.svg);
		}
		.drag31_c7{
			background-image: url(unit/c7/31.svg);
		}
		.drag25_c7{
			background-image: url(unit/c7/25.svg);
		}
		.drag26_c7{
			background-image: url(unit/c7/26.svg);
		}
		.drag27_c7{
			background-image: url(unit/c7/27.svg);
		}
		.drag28_c7{
			background-image: url(unit/c7/28.svg);
		}
		.drag29_c7{
			background-image: url(unit/c7/29.svg);
		}
		.drag30_c7{
			background-image: url(unit/c7/30.svg);
		}
		
		
		
        .drags1_c7{
			background-image: url(unit/c7/u1.svg);
		}
        .drags1_1_c7{
			background-image: url(unit/c7/u1-1.svg);
		}
        .drags2_c7{
			background-image: url(unit/c7/u2.svg);
		}
        .drags2_1_c7{
			background-image: url(unit/c7/u2-1.svg);
		}
        .drags3_c7{
			background-image: url(unit/c7/u3.svg);
		}
        .drags3_1_c7{
			background-image: url(unit/c7/u3-1.svg);
		}
        .drags4_c7{
			background-image: url(unit/c7/u4.svg);
			width:19px;
		}
        .drags4_1_c7{
			background-image: url(unit/c7/u4-1.svg);
			width:19px;
		}
        .drags5_c7{
			background-image: url(unit/c7/u5.svg);
			width:16px;
		}
        .drags5_1_c7{
			background-image: url(unit/c7/u5-1.svg);
			width:16px;
		}
        .drags6_c7{
			background-image: url(unit/c7/u6.svg);
			width:22px;
		}
        .drags6_1_c7{
			background-image: url(unit/c7/u6-1.svg);
			width:22px;
		}
        .drags7_c7{
			background-image: url(unit/c7/u7.svg);
			width:20px;
		}
        .drags7_1_c7{
			background-image: url(unit/c7/u7-1.svg);
			width:20px;
		}
        .drags8_c7{
			background-image: url(unit/c7/u8.svg);
			width:24px;
		}
        .drags8_1_c7{
			background-image: url(unit/c7/u8-1.svg);
			width:24px;
		}
        .drags9_c7{
			background-image: url(unit/c7/u9.svg);
		}
        .drags9_1_c7{
			background-image: url(unit/c7/u9-1.svg);
		}
        .drags10_c7{
			background-image: url(unit/c7/u10.svg);
		}
        .drags10_1_c7{
			background-image: url(unit/c7/u10-1.svg);
		}
        .drags11_c7{
			background-image: url(unit/c7/u11.svg);
		}
        .drags11_1_c7{
			background-image: url(unit/c7/u11-1.svg);
		}
        .drags12_c7{
			background-image: url(unit/c7/u12.svg);
			width:26px;
		}
        .drags12_1_c7{
			background-image: url(unit/c7/u12-1.svg);
			width:26px;
		}
        .drags13_c7{
			background-image: url(unit/c7/u13.svg);
		}
        .drags13_1_c7{
			background-image: url(unit/c7/u13-1.svg);
		}
        .drags14_c7{
			background-image: url(unit/c7/u14.svg);
		}
        .drags14_1_c7{
			background-image: url(unit/c7/u14-1.svg);
		}
		.drags15_c7{
			background-image: url(unit/c7/u15.svg);
			width:23px;
		}
        .drags15_1_c7{
			background-image: url(unit/c7/u15-1.svg);
			width:23px;
		}
		.drags16_c7{
			background-image: url(unit/c7/u16.svg);
		}
        .drags16_1_c7{
			background-image: url(unit/c7/u16-1.svg);
		}
		.drags17_c7{
			background-image: url(unit/c7/u17.svg);
		}
        .drags17_1_c7{
			background-image: url(unit/c7/u17-1.svg);
		}
		.drags18_c7{
			background-image: url(unit/c7/u18.svg);
			width:18px;
		}
        .drags18_1_c7{
			background-image: url(unit/c7/u18-1.svg);
			width:18px;
		}
		.drags19_c7{
			background-image: url(unit/c7/u19.svg);
			width:16px;
		}
        .drags19_1_c7{
			background-image: url(unit/c7/u19-1.svg);
			width:16px;
		}
		.drags20_c7{
			background-image: url(unit/c7/u20.svg);
		}
        .drags20_1_c7{
			background-image: url(unit/c7/u20-1.svg);
		}
		.drags21_c7{
			background-image: url(unit/c7/u21.svg);
		}
        .drags21_1_c7{
			background-image: url(unit/c7/u21-1.svg);
		}
		.drags22_c7{
			background-image: url(unit/c7/u22.svg);
			width:18px;
		}
        .drags22_1_c7{
			background-image: url(unit/c7/u22-1.svg);
			width:18px;
		}
		.drags23_c7{
			background-image: url(unit/c7/u23.svg);
		}
        .drags23_1_c7{
			background-image: url(unit/c7/u23-1.svg);
		}
		.drags24_c7{
			background-image: url(unit/c7/u24.svg);
		}
        .drags24_1_c7{
			background-image: url(unit/c7/u24-1.svg);
		}
		
		
		.drag1_c8{
			background-image: url(unit/c8/1.svg);
		}
		.drag2_c8{
			background-image: url(unit/c8/2.svg);
		}
		.drag3_c8{
			background-image: url(unit/c8/3.svg);
		}
		.drag4_c8{
			background-image: url(unit/c8/4.svg);
		}
		.drag5_c8{
			background-image: url(unit/c8/5.svg);
		}
		.drag6_c8{
			background-image: url(unit/c8/6.svg);
		}
		.drag7_c8{
			background-image: url(unit/c8/7.svg);
		}
		.drag8_c8{
			background-image: url(unit/c8/8.svg);
		}
		.drag9_c8{
			background-image: url(unit/c8/9.svg);
		}
		.drag10_c8{
			background-image: url(unit/c8/10.svg);
		}
		.drag11_c8{
			background-image: url(unit/c8/11.svg);
		}
		.drag12_c8{
			background-image: url(unit/c8/12.svg);
		}
		.drag13_c8{
			background-image: url(unit/c8/13.svg);
		}
		.drag14_c8{
			background-image: url(unit/c8/14.svg);
		}
		.drag15_c8{
			background-image: url(unit/c8/15.svg);
		}
		.drag16_c8{
			background-image: url(unit/c8/16.svg);
		}
		.drag17_c8{
			background-image: url(unit/c8/17.svg);
		}
		.drag18_c8{
			background-image: url(unit/c8/18.svg);
		}
		.drag19_c8{
			background-image: url(unit/c8/19.svg);
		}
		.drag20_c8{
			background-image: url(unit/c8/20.svg);
		}
		.drag21_c8{
			background-image: url(unit/c8/21.svg);
		}
		.drag22_c8{
			background-image: url(unit/c8/22.svg);
		}
		.drag23_c8{
			background-image: url(unit/c8/23.svg);
		}
		.drag24_c8{
			background-image: url(unit/c8/24.svg);
		}
		.drag31_c8{
			background-image: url(unit/c8/31.svg);
		}
		.drag25_c8{
			background-image: url(unit/c8/25.svg);
		}
		.drag26_c8{
			background-image: url(unit/c8/26.svg);
		}
		.drag27_c8{
			background-image: url(unit/c8/27.svg);
		}
		.drag28_c8{
			background-image: url(unit/c8/28.svg);
		}
		.drag29_c8{
			background-image: url(unit/c8/29.svg);
		}
		.drag30_c8{
			background-image: url(unit/c8/30.svg);
		}
		
		
		
        .drags1_c8{
			background-image: url(unit/c8/u1.svg);
		}
        .drags1_1_c8{
			background-image: url(unit/c8/u1-1.svg);
		}
        .drags2_c8{
			background-image: url(unit/c8/u2.svg);
		}
        .drags2_1_c8{
			background-image: url(unit/c8/u2-1.svg);
		}
        .drags3_c8{
			background-image: url(unit/c8/u3.svg);
		}
        .drags3_1_c8{
			background-image: url(unit/c8/u3-1.svg);
		}
        .drags4_c8{
			background-image: url(unit/c8/u4.svg);
			width:19px;
		}
        .drags4_1_c8{
			background-image: url(unit/c8/u4-1.svg);
			width:19px;
		}
        .drags5_c8{
			background-image: url(unit/c8/u5.svg);
			width:16px;
		}
        .drags5_1_c8{
			background-image: url(unit/c8/u5-1.svg);
			width:16px;
		}
        .drags6_c8{
			background-image: url(unit/c8/u6.svg);
			width:22px;
		}
        .drags6_1_c8{
			background-image: url(unit/c8/u6-1.svg);
			width:22px;
		}
        .drags7_c8{
			background-image: url(unit/c8/u7.svg);
			width:20px;
		}
        .drags7_1_c8{
			background-image: url(unit/c8/u7-1.svg);
			width:20px;
		}
        .drags8_c8{
			background-image: url(unit/c8/u8.svg);
			width:24px;
		}
        .drags8_1_c8{
			background-image: url(unit/c8/u8-1.svg);
			width:24px;
		}
        .drags9_c8{
			background-image: url(unit/c8/u9.svg);
		}
        .drags9_1_c8{
			background-image: url(unit/c8/u9-1.svg);
		}
        .drags10_c8{
			background-image: url(unit/c8/u10.svg);
		}
        .drags10_1_c8{
			background-image: url(unit/c8/u10-1.svg);
		}
        .drags11_c8{
			background-image: url(unit/c8/u11.svg);
		}
        .drags11_1_c8{
			background-image: url(unit/c8/u11-1.svg);
		}
        .drags12_c8{
			background-image: url(unit/c8/u12.svg);
			width:26px;
		}
        .drags12_1_c8{
			background-image: url(unit/c8/u12-1.svg);
			width:26px;
		}
        .drags13_c8{
			background-image: url(unit/c8/u13.svg);
		}
        .drags13_1_c8{
			background-image: url(unit/c8/u13-1.svg);
		}
        .drags14_c8{
			background-image: url(unit/c8/u14.svg);
		}
        .drags14_1_c8{
			background-image: url(unit/c8/u14-1.svg);
		}
		.drags15_c8{
			background-image: url(unit/c8/u15.svg);
			width:23px;
		}
        .drags15_1_c8{
			background-image: url(unit/c8/u15-1.svg);
			width:23px;
		}
		.drags16_c8{
			background-image: url(unit/c8/u16.svg);
		}
        .drags16_1_c8{
			background-image: url(unit/c8/u16-1.svg);
		}
		.drags17_c8{
			background-image: url(unit/c8/u17.svg);
		}
        .drags17_1_c8{
			background-image: url(unit/c8/u17-1.svg);
		}
		.drags18_c8{
			background-image: url(unit/c8/u18.svg);
			width:18px;
		}
        .drags18_1_c8{
			background-image: url(unit/c8/u18-1.svg);
			width:18px;
		}
		.drags19_c8{
			background-image: url(unit/c8/u19.svg);
			width:16px;
		}
        .drags19_1_c8{
			background-image: url(unit/c8/u19-1.svg);
			width:16px;
		}
		.drags20_c8{
			background-image: url(unit/c8/u20.svg);
		}
        .drags20_1_c8{
			background-image: url(unit/c8/u20-1.svg);
		}
		.drags21_c8{
			background-image: url(unit/c8/u21.svg);
		}
        .drags21_1_c8{
			background-image: url(unit/c8/u21-1.svg);
		}
		.drags22_c8{
			background-image: url(unit/c8/u22.svg);
			width:18px;
		}
        .drags22_1_c8{
			background-image: url(unit/c8/u22-1.svg);
			width:18px;
		}
		.drags23_c8{
			background-image: url(unit/c8/u23.svg);
		}
        .drags23_1_c8{
			background-image: url(unit/c8/u23-1.svg);
		}
		.drags24_c8{
			background-image: url(unit/c8/u24.svg);
		}
        .drags24_1_c8{
			background-image: url(unit/c8/u24-1.svg);
		}
		
		.drag1_c9{
			background-image: url(unit/c9/1.svg);
		}
		.drag2_c9{
			background-image: url(unit/c9/2.svg);
		}
		.drag3_c9{
			background-image: url(unit/c9/3.svg);
		}
		.drag4_c9{
			background-image: url(unit/c9/4.svg);
		}
		.drag5_c9{
			background-image: url(unit/c9/5.svg);
		}
		.drag6_c9{
			background-image: url(unit/c9/6.svg);
		}
		.drag7_c9{
			background-image: url(unit/c9/7.svg);
		}
		.drag8_c9{
			background-image: url(unit/c9/8.svg);
		}
		.drag9_c9{
			background-image: url(unit/c9/9.svg);
		}
		.drag10_c9{
			background-image: url(unit/c9/10.svg);
		}
		.drag11_c9{
			background-image: url(unit/c9/11.svg);
		}
		.drag12_c9{
			background-image: url(unit/c9/12.svg);
		}
		.drag13_c9{
			background-image: url(unit/c9/13.svg);
		}
		.drag14_c9{
			background-image: url(unit/c9/14.svg);
		}
		.drag15_c9{
			background-image: url(unit/c9/15.svg);
		}
		.drag16_c9{
			background-image: url(unit/c9/16.svg);
		}
		.drag17_c9{
			background-image: url(unit/c9/17.svg);
		}
		.drag18_c9{
			background-image: url(unit/c9/18.svg);
		}
		.drag19_c9{
			background-image: url(unit/c9/19.svg);
		}
		.drag20_c9{
			background-image: url(unit/c9/20.svg);
		}
		.drag21_c9{
			background-image: url(unit/c9/21.svg);
		}
		.drag22_c9{
			background-image: url(unit/c9/22.svg);
		}
		.drag23_c9{
			background-image: url(unit/c9/23.svg);
		}
		.drag24_c9{
			background-image: url(unit/c9/24.svg);
		}
		.drag31_c9{
			background-image: url(unit/c9/31.svg);
		}
		.drag25_c9{
			background-image: url(unit/c9/25.svg);
		}
		.drag26_c9{
			background-image: url(unit/c9/26.svg);
		}
		.drag27_c9{
			background-image: url(unit/c9/27.svg);
		}
		.drag28_c9{
			background-image: url(unit/c9/28.svg);
		}
		.drag29_c9{
			background-image: url(unit/c9/29.svg);
		}
		.drag30_c9{
			background-image: url(unit/c9/30.svg);
		}
		
		
		
        .drags1_c9{
			background-image: url(unit/c9/u1.svg);
		}
        .drags1_1_c9{
			background-image: url(unit/c9/u1-1.svg);
		}
        .drags2_c9{
			background-image: url(unit/c9/u2.svg);
		}
        .drags2_1_c9{
			background-image: url(unit/c9/u2-1.svg);
		}
        .drags3_c9{
			background-image: url(unit/c9/u3.svg);
		}
        .drags3_1_c9{
			background-image: url(unit/c9/u3-1.svg);
		}
        .drags4_c9{
			background-image: url(unit/c9/u4.svg);
			width:19px;
		}
        .drags4_1_c9{
			background-image: url(unit/c9/u4-1.svg);
			width:19px;
		}
        .drags5_c9{
			background-image: url(unit/c9/u5.svg);
			width:16px;
		}
        .drags5_1_c9{
			background-image: url(unit/c9/u5-1.svg);
			width:16px;
		}
        .drags6_c9{
			background-image: url(unit/c9/u6.svg);
			width:22px;
		}
        .drags6_1_c9{
			background-image: url(unit/c9/u6-1.svg);
			width:22px;
		}
        .drags7_c9{
			background-image: url(unit/c9/u7.svg);
			width:20px;
		}
        .drags7_1_c9{
			background-image: url(unit/c9/u7-1.svg);
			width:20px;
		}
        .drags8_c9{
			background-image: url(unit/c9/u8.svg);
			width:24px;
		}
        .drags8_1_c9{
			background-image: url(unit/c9/u8-1.svg);
			width:24px;
		}
        .drags9_c9{
			background-image: url(unit/c9/u9.svg);
		}
        .drags9_1_c9{
			background-image: url(unit/c9/u9-1.svg);
		}
        .drags10_c9{
			background-image: url(unit/c9/u10.svg);
		}
        .drags10_1_c9{
			background-image: url(unit/c9/u10-1.svg);
		}
        .drags11_c9{
			background-image: url(unit/c9/u11.svg);
		}
        .drags11_1_c9{
			background-image: url(unit/c9/u11-1.svg);
		}
        .drags12_c9{
			background-image: url(unit/c9/u12.svg);
			width:26px;
		}
        .drags12_1_c9{
			background-image: url(unit/c9/u12-1.svg);
			width:26px;
		}
        .drags13_c9{
			background-image: url(unit/c9/u13.svg);
		}
        .drags13_1_c9{
			background-image: url(unit/c9/u13-1.svg);
		}
        .drags14_c9{
			background-image: url(unit/c9/u14.svg);
		}
        .drags14_1_c9{
			background-image: url(unit/c9/u14-1.svg);
		}
		.drags15_c9{
			background-image: url(unit/c9/u15.svg);
			width:23px;
		}
        .drags15_1_c9{
			background-image: url(unit/c9/u15-1.svg);
			width:23px;
		}
		.drags16_c9{
			background-image: url(unit/c9/u16.svg);
		}
        .drags16_1_c9{
			background-image: url(unit/c9/u16-1.svg);
		}
		.drags17_c9{
			background-image: url(unit/c9/u17.svg);
		}
        .drags17_1_c9{
			background-image: url(unit/c9/u17-1.svg);
		}
		.drags18_c9{
			background-image: url(unit/c9/u18.svg);
			width:18px;
		}
        .drags18_1_c9{
			background-image: url(unit/c9/u18-1.svg);
			width:18px;
		}
		.drags19_c9{
			background-image: url(unit/c9/u19.svg);
			width:16px;
		}
        .drags19_1_c9{
			background-image: url(unit/c9/u19-1.svg);
			width:16px;
		}
		.drags20_c9{
			background-image: url(unit/c9/u20.svg);
		}
        .drags20_1_c9{
			background-image: url(unit/c9/u20-1.svg);
		}
		.drags21_c9{
			background-image: url(unit/c9/u21.svg);
		}
        .drags21_1_c9{
			background-image: url(unit/c9/u21-1.svg);
		}
		.drags22_c9{
			background-image: url(unit/c9/u22.svg);
			width:18px;
		}
        .drags22_1_c9{
			background-image: url(unit/c9/u22-1.svg);
			width:18px;
		}
		.drags23_c9{
			background-image: url(unit/c9/u23.svg);
		}
        .drags23_1_c9{
			background-image: url(unit/c9/u23-1.svg);
		}
		.drags24_c9{
			background-image: url(unit/c9/u24.svg);
		}
        .drags24_1_c9{
			background-image: url(unit/c9/u24-1.svg);
		}
		
		.color-box{width:20px;height:20px;margin:10px;cursor:pointer;}
		.box-white{background-color:#fff;}
		.box-yellow{background-color:#c8c897;}

        .hide{display: none;}
        
        .toast {
    width: 100px;
    height: 50px;
    background-color: #333;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    line-height: 50px; /* 使文字垂直居中 */
    position: fixed; /* 固定位置 */
    top: 50%; /* 垂直居中 */
    left: 50%; /* 水平居中 */
    transform: translate(-50%, -50%); /* 精确居中 */
    font-size: 16px; /* 字体大小 */
    padding: 0 20px; /* 内边距 */
    z-index:999999;
}