.content_file_C {
	display: flex;
	width: 1170px;
	justify-content: space-between;
	margin: 0 auto;
	position: relative;
}

.upload_fileWrap {
	position: absolute;
	width: 940px;
	height: 750px;
	background: #fff;
	right: 0;
	top: 0;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 2;
}

.upload_file {
	border: 2px dashed #DCDCDC;
	width: 100%;
	height: 100%;
	text-align: center;
}

#inp {
	display: none;
}

.inpLabelBtn {
	width: 210px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 280px auto 0;
	background: #0083E9;
	cursor: pointer;
}

.wzxc {
	color: #fff;
	font-size: 16px;
	margin-left: 8px;

}

.scwz {
	margin-top: 20px;
	font-size: 15px;
	color: #737070;
}

.scwzer {
	margin-top: 5px;
	font-size: 15px;
	color: #737070;
}

.content_file_l {
	width: 205px;
	border-radius: 3px;
	border-top: 5px solid #0083e9;
	background: #fff;
	padding-bottom: 20px;
}

.content_file_l li {
	display: flex;
	align-items: center;
	height: 50px;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #222;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.content_file_l a {
	display: flex;
	align-items: center;
	padding-left: 40px;
	height: 40px;
	font-size: 14px;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.content_file_l a.content_file_l_activ {
	background: #f2f5fc;
	color: #0083e9;
}

.content_file_l a i {
	display: block;
	margin-right: 5px;
	width: 22px;
	height: 22px;
}

.content_file_nav_l_0_0 {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAACGElEQVRIS72Vz2vTYBzGn2+6dZ24g4JLtquCVy+C4DZEiq6zib9APIqgMvSoINqmXTIExcvQy/QiqKexOZsqCp4UFD0J/gHiZUnbixOUHtr3kcwNWmq7td32QuDNmycfnveb7/tEsEVDtoiL7QNPZIsHIhrjnq3f72Y3dY6t6aUxKu04KCOiYWYjYAVV7qnGPi5md/2s1deDHf8aIXEI9oJ4R/4rlSasAvInnJPsJ6QnnIuAAA6D8sDL6E+bgsMHJ5ylUQ2R856tX60VnnQL8RCYSw++qV1Puv4NgfbLS+uzLcGWWxwn1VnPNi6FwiPZ77EBbccCwMTqi59i0Whi7ubu5fA+6QQpEIV8xnjcFticLo5AqQ919RY57aX1xe7Ajn8QkC91bkRLrJWkY8ch0Joq3KNwcuU7Cp737dcn585JtSvHl2fZ6weFCQouChgl5YlQeV52eKVLOnKcuOPv6a1o8wRH60uBrxVRp16nhn90BLacwCWQanJQHnm2ccV0g9tUKLbVFaYT5ACY/wMT+Jy3jUOmE9wiUVoXbE75CYiWDA+IlSnuY6R6jNIYVhHK+5e28c10CtcFCHK2/qxlH5tucBTAjCjOU6QMILwah7BPFPopMgbgt4Bvc/bQwzVhQ2xad0sDKFfGFbBzNQvWySI5A2CZlIV8Rn/RFLyRRKvVmI5/QYhSLjP0qmUp2gU302/fH2SzHP8Fp2oSJimSQNgAAAAASUVORK5CYII=") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.content_file_nav_l_0_1 {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAACtUlEQVRIS72VT0hUURTGv3PfPP9WK3EhFNGiRZhU4p8ZzRrv02kftK6FtQiCQDKKykUR7QrBapGRmxZCVkIwNm8s1LlatOkfLQzKrHZtwsZx3jsnnmipOKMu9GzPeb/3ne/d7z7CBhVtEBebA64eGiorYL4LoAqAWuM2DKIJL5s9+ToW+7bwzBLFYdftB8BQqkNls3/YsvJupHxfSKkiH7gIop1Ga50L/JWVahiPRqfWqHZurGFkZCtnMuNG6z25wJ9Dtt043NT0MxhoTCR2eUTNIPpVRPTsRTQ6s9ILq+Lx0lLLGjGOsz8nGECT0fp72HUjAPqIaFhEKgKLCpVypoEym/k6A6F5SJaYu6DUHaN1XU6w8v2Do62tP8LJ5HMC+lPNzd3BcNh1X4LoXiHR0xnm0/gP9sD8iJR6YLSuXdWKsOu+AfNx09LyLhiuTyRuETBtHOfCcjvCqVSxpNNmTOt9q1oRSSavicheYe4gy6qAyG1S6phkMpOw7ZMCWAGEAF+Yn6yqmJU6FJyKuQ8SCn0EsGNexU2j9dlIPF4ultVOSs2Bhdkny+oV5p68VswqVVdiWeRls30AMhAZFaJtBLRC5LFxnMvLrageGCixS0pS+ayYCNl22PO8XjBPGsc5tQBpGBysYMt6RcCllNb3549iTBH5QpSE7z80jlOTy+MPArQT0D3teZVvY7HpxeoirntCRM4YrQ80uG6jT3ReAR5ErgpRl9G6Phf4PRFdgciRlNZty1euTSR2W0Q3zPDwUXR28kJ/LQH5EiQ0CEjOSIsQiGRx//DQ0JYM85jRunJFxRHXHWRgKqvUua3BiitUOp3m4uLifzff7OxsAWy7Q0TCRusgrXO15Paqice3h2y7ByLlAHwE6vIVkQigFNFvIWoz0einFcF5Ietsbs4fZJ2i8o7/BWRgQSbPkTsjAAAAAElFTkSuQmCC") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.content_file_nav_l_0_2 {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAACTElEQVRIS72US2gTURSG/3Mnio2iolbQggW3gkJwJjYbQaSi8VE3pbjQmS4q7Y0VxOKTENy7y0Qr0hspolARBRdufGKlTpKVgusuFCVFEKKNtpkjU402ccZKNb3Lw+E7//3Pg9CgRw3iYuHB5lhmG2ncC6YNABeUIU9aTrofoFMARN1PCYyCisp4NV6j2HyR6chG++6Yjn2cABOEy0Lj+1+1yYnhLQOfLCd9HaBD/vbxB2UkVvuCrZz9kBk3BOgIh6YPqkh/cTbEctJDAFkBfXmrDNniC+7O2Xl2sUJzsf9qm3xdD5g32HLsSQB3lSG7/FT9C7hMhFfMeAbAa8ib0njzxZHOzopXaN5gM5feI1xaB0FLPBAzT7TqxZEUpdwf4D80Dx+VIVf6ejzXsniFiUUvwBoY/BNCEEwoKF2eDxq3EwRu+60AwQXzsIom7s1V3H/cHPslMScZ/Hk2gARtdkE7s7rcVY13j9ntEGh2mViIypcK8O6afmw0CPy4VS/uqHpaTbLy6QgzXcjqcq8XS3FKjOfWnAWw8XuOiAC8Xhlyrb8Vjv0kvBTxzCZZql0MOwbQGWX07fOzwnRsJQgHhnS56r+BDz+/1KKF3KcA3itDxgLBi0Vo95WtR2s8njlIAufqFffkB8NTbuU2Mx55TVdR2RHksYNQJV4qT9dYsUxragO5p5Uh23vyg4vKlanlgmg7AQMgPPDGzMylu7J64maA4swtYm4C0cxC/HpumEGjWUMmLSeTBBBjoETsZoNGcOEP/d8uQlBewxR/A/n3ACYf8QQ4AAAAAElFTkSuQmCC") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.content_file_nav_l_0_3 {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAACSUlEQVRIS72VP2hTURTGv+8moc1LVUTBQRD8gy6KLjqo4NDFTmKlNi8WsQ4OLg7iIIH2JZG6CE5uYnGwDaJodXHSRaggBUEQFyuoIDiUUtO82DTnk1dMrZrUIW0vXC6Xe+7vfvfcc88hVqlxlbhYO3BYHMhKPAtRoKKD3Z+dMUAhgLeiXU+lC68b3fofxeXRwc8ksqzVxpGISeAcq4gjpngdILBb0iCAKVEXU+n82N/wRuBJEBkvnXsVGVeKg7vDkN829gfT9c1hcaAfcj0Qboi6T+pKMp0fXgpvBP4AWR/i9snmE/scdJXQnWQmf7e+cbYYXKB0Prlh6lh5elMXqaKo3qXKG4JF9hC2k+A5QCPO3ERbJnhfB5dHB3oB3iLwVWAIaDvAj54fHKrbNFYMy9SEkgOPkq4TsFHPzz9a9PHTwKuE2IxqlUpgnvOJPaJue35ux7JgmZ0G3BY49JB6o5peps4UJprF/PdisDcmPPb8YNfyig1+ZECqE+S2mjjWkQmeNQOX7gUHnMOD/4JFSzuh3eCOO6os03MvUxhvGQyDL1jNuViXoIKAoZSfy7YMrpEn4rKTAvMLLgGzST8YahlsxlMkDjtnoZmLkbbO8/M3WwfTummxI6SiRySghysBnoQhnUzwXUV2MFLZXnUT7AtmWgy34Atkl6px92J9pfQjgs20d7S5yu8ktOD3eHXxc8VdYr8Jw56f29o0jmdHgmugugnOAWLUoCh9khaNBKNJtPQrrUYHEMITL5O73BS8UhVl7SrISin+Cc94KCZ+m/cyAAAAAElFTkSuQmCC") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.content_file_nav_l_0_4 {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAACu0lEQVRIS72VTYhVdRjGf8//XqwgooIWQZtWQR9EQo0GLirDe05fpBFRQZs2FjnnjBE12jjZMph7jtOHTpBRU9KQlTGdc2QqkYJKFxJREIabgkD6cFWazHnijjjeO83VFupZv+/v/7zv877nFefo0znicn7Bfqq4loZS8G5l8fuLVeW0ug57GrxLWZwsjPmPYifVUuRPMT8AN2OtV956uTvxxMN8jrUHsRIzpTx6sjumB+y0WoH9HmJS7egZD1ZrkKfAibJ4vJPodbuvJ9R7QdPKWo95qLqR2iV4qlt5L3iweA3pccTz1DqovLXTSXF7B4LDfTR8mNpfgN/ohjitJrAfUhZdclJ1L3h0agl/Xrwd6WGCl4MunwtUOETtq7A/xLyuPBo6CfBgMQJ6jqD71W5Vi4LnSh0dDRwZeAu4DfgN8yDN+iizYR/oXWWtdB6alJuAEfDdyuKyb4/nE07AJ7G/pdnYxWz9JeIdtaPBU0rLjYhhau7RluizM05Fj/tJuRyYwUz0lj8HHSF4QGPxgcXGse+COP3kBhy+AU8sMGoYexP4EQK/aCz++n+DPVTcRK0PgB3KouGuno4CT4NXwbHv4cKfMZuVRy+dsRVeO30ZFzQOYo4rj648BS02YG0k1Leofdd3XlfegUJAdYH9ovJ482nNc1qtx+44fwj4lb+ueJSLDg8hvYB0J3V9KwrLED+q3Xp27oHAR5gNyqMtfeZ4T5MjR3/CjHWCnFQHwAG4Goc1ylfNOCl3AqsJXsqsmsqj/U6KDBQpi65ZHJyUq4FtzHoZDWJQZxGWAA8oi76ab0tajGM9gdlKcIW1A7RWWevtPuBqL3gA+AP4G+lV/mm+qVdW/r7QHCflVuBe4FJMqjza1v8nlJQzoOPY26n9scbjY6c7BE7KScy+7t72XemzdVHO7wU5G6r/BcOcLyamhcP7AAAAAElFTkSuQmCC") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.content_file_nav_l_1_0 {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAB1ElEQVRIS8WUv08TYRjHv9/3WoiYGFHgroZEF0mUrSkbMS4YbGwXBxf+BsLCAJHr5WBg9U9gxgRKKyROTiYOhsEoLnVwKL0CCQkMQHv3mJMfgXL6gpfGG9/3/X7e5/nkfY5o08c2cfH/wTm3NiEid8qFlH2VLrUVZwtbAzcHeyqHG/U3IMx00PdqXXmDRdv68rcLtOCcW1sm2BCgDspdQI4o6sGKbT6JBc7OVe8bgXoH4NEJ6IdBji7PmJVY4DD83Nm5ZajGe0I6Egl/ZGm6f0fn+YKKnLs5JERva0gFKlRhkZIk+dNH0NF6xqDaLb42P56ut4LfAkxHVUNIQ6AEkEtQIHy23CjZZjYSHC4+dSTR+xiia/X8/tY38EMBPsiznPZVXOeC82cvgPPu5oKAmUgY0YT87iQZfZl8L9mpl5EqXsx6zyjBvdYgoZpC6YbAILgtCBKX4OR2acYq/9FxVDWOI+qzqpcBudG8vTe6Nv7wUKdI6zjnVHtALoEcPobJuh8Y2VWnrxZrQPKutygIRxkVQLoFDB13lW1rJB54rprp7PK/Huwn5wFYKdMc8zwvXbStT7HAp+H8bG0q/G2W7NSkzm+4r3V8FUj0pP5rUpNrW8W/AD4PkxfChTplAAAAAElFTkSuQmCC") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.content_file_nav_l_1_1 {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAB3ElEQVRIS9WUP2hTURjFz7mPFqGiIl38B1InJ1tM3uuqdBZR6GaaPBw0L5kqroLQSVwSX1rB5iUiOKijbq7alxeLg5UOFaFrhw4daqnvfpJCyo28JtS2Ae92P+53+H33nnOJI1o8Il30X9iNKje0yBy1NRGM3/tuTnZ3oXQ+VlYowEzN9ipJU+9J7IZ+Rog6RaerTrFpNk81S5eUtlYAPgrs/OP9CUfl2yLqLZRcDVKFRbPZjSojIvKDlIfVdOFJT2F3wb8mlCFR0BReBzCtNVP18fyXZGK8EspraihNbNbtwsf2uY6ryDX8dQCnDJFYUY3Op+9/S7jjJQAnjPpGYHu7+w5hNyxdEUsdU2JJq2E7ll+bq8NLbyYn445xRZgLn19Wlhxv1TVjiuZWzfa+JhIfpqf77+OD0veHOPt59qJW8WCbdmAAW/Nj3irIncc0V+bT7DlY8VC7NgjZfuEUf+5ltzUAw6aFRGm7lioudwRksXxW/1ZNAmd2hYj1ato7nSicjZ7dIXhSBJqEA0GmW6SFeA/BBxKtSG0ETr7e027Zhn+LwLuukQYeVG3vac9Imwd26IUvu0f6Hz6hbFi5Scqcopr4O9K5hn8BQCTCmZqTL++L+P/w8UEpzf4/Z4nKF6g4xQ0AAAAASUVORK5CYII=") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.content_file_nav_l_1_2 {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAACF0lEQVRIS72UMWgTURjH//9npLkXW0tFKbqImwpFBwV1UsGhijpIzWVQUMFBqqPVIfcutUJNEargqBDqnQiiU8XNzUHBwU0cpAolIG0hvYRi7z45NR1MYkJC+sbH9/34vf/33iO6tNglLtYXHHjmCikTAAZaPxGLFBmzMu5M3FNjLDOmr7JB5gG8AfC2IZhCRGqtX4hhQoa07Q7WBS8+Mf09SVkQyslUOve6VeOKl70o5CNtu6ka8LLnDJHIEzgBoEjwRyOwiHwiecuyzde4JvCyVwnmdcbtqwGXnzkfIegH8QqCHgKJOmD5EyFHBDKrbTfTHOybZSAa13ZuslkEZd8UANmtbfdAU3DFN0sApizb3KmCF57f3JwMrb1W2rwjEdv+XmXfeQpgl7bdQ22BA9+cJuSFpSsDPHOv1DFYZkd7Vha37IiUnAJ4H5Echlqd1/bEt46MAz97jVDTgMR3VQGICJZIOZhMu5/bjqJUcLYlNnJPBDlG8DaIETAsWr1LHzj8cKVtcDXLwDNnSXlp/Qw28cJU0HHGa2Df2a4gx5ODyudRs/oPeKe23SPxXsU3lwQyrW23t/aB+E4JlJxO5/LN7nHgOY+psF8hPBfXhpK4TMhoA7CZg+ALiQIY/fdLFfA6BPviof6ViAf8QNvujTrG2fOAmgRkazNjAHOE3IXCd4SKkQpLqfT4+2rf+n70Ldg2Lema8S+c7xAmokc/kgAAAABJRU5ErkJggg==") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.content_file_nav_l_2_0 {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAACZElEQVRIS72UT2gTQRjF39uk/5T6F5tt0IOgKLagB089SCm2GGwCKkW8eNFbLyJSipDpZqN4UBSLF2/qRW0PajbFKoqCIBS9qFApHgQV3VBoa1Bbrc4nK4mmZTcNSp3bMDM/3nzvfR+xSIuLxMX/Acdt9wHIZYBUQ1ALwcR3qWq/ba3Ol/4s1v+qJjxV/wTABgDThbNJR5ne/teaozhuu18A1AEyDPIuAZ3/MX3xobV+phRsWWI8Dbk7oBmigQMQHAKQd5S5PAg8DuEoKE0aes+Qij4q50EindsrIpdIZLSgLavMaBB4WgSdJHYC6BFBR7bPvO8HT6Q+dAk5IJSekHBYA48dZdYHgT+Txr5MsmE4brsnARwHEXeSZrYU3mnnDhJyGcRRJ2meS5x4v120cdVR5kZf8G7LbdaoelM0K55y+0F0lyovKgXY56iI7YFaLQmvqZ1cOti76qMv2O/LReUUdgj1SoDXi0rL1b+iHMdt9xSAIx5IKCqbbDy9UGNVBO5MuftJXPNgBtl+Kxm598/g3zWl9EK4AsAxEewKSotvjRN949FZGp+K5s1333vkl5auAQlhdDQ0aDV9C4rbc4BXHBU54+d+8dH8tBTudjvKbA0CvwZxFuBbiNwo5/6ftEibBhtInHeUafqD0+4zb/AA3ApK2gt/OZMKaTkMMEvoloxq3BQEfgFBswAjBnjBm3Jf9ezNO9a6ifnTrXqqfpuGaMBIARIDOOaoyGZ/8+zcoEC2FKbeEu+Spo4NJaMv54Ctd2vDRngEYJ1AZgjUABhzlNlScectlNeg84oa5G/giwb+CRFJEybJfnVjAAAAAElFTkSuQmCC") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.content_file_nav_l_2_1 {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAACRklEQVRIS72VP0wTcRTHv+/XIlbLZFgNdXCAwcS0V2AgYRCMMCixaMTEXqMh9oqDiSEuWoKzDPTHQEKvSVNjKIOJRhL8kyiJSQ+MA8GY4OAqKoMUVKD3zA3XtKWmLRFuu3vvfX7f3/f9fu8I+/TQPnFxMGDVkB8A+kpgrrQTkyCIaUvsHLo21X59rTS/SLFqyBfZo409Lc0fdwoToxQ1rfcoR4X9fTndTO6m7+8JyG7Xb3QnT93ZKKwpAocMORv3hc+BqEhxKBNrY+CY7o88KywOGvINAR0A5rfMXG+q9dZPO74LvP6lsTfd35+zE9TMeDcgZkB4LkiM5rKHPyc61d9WPGhMjAFmO4GOgLGk+7UrFcGB6WmHu2n1LkAjAGwLrAVXmOlewh9OF6pXM/KJ7tfOVwVu8KyOMdNQ2UYSArpPm8nvzIildCUyUBFsJ4QMOcBAEoxZJowLZhcTzhJEi1M4Oie9g9tWrpqRj6qyoqRJfQJwxRUtlVe4GDtdh7pPk97BzZrA4WXp3vxlehLeoaU8bEFehCnWdP/N16X2VK048O6hy+2sfwXCPINfOhh/TKbbIHQxcCmhaE9Lmle9FaoxcRXgZLnmMTCa8IXv22e+asU2LGjIGwQaBvgEkJ8tOQJG4r7wgz2DrQUsWxoczpMQjigzzpCJvnirNleTFcd933rs2VBqQSgTu0CEH1NK5G1NzVMNOacrWlelyVYurhrysa5ol8tfkAW5CKYV5spjcxec4NEVra0seC9K/1VzMH+Q/6n4Lzm4KCawzL8NAAAAAElFTkSuQmCC") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.content_file_nav_l_2_2 {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABw0lEQVRIS+2UPWhUQRSFz5mJS94YOxFiIwha2qlEEESRQPAHLNaMQQtrCxtBguybSdZGWxWLVEp2H2ksxCaNINpqJ0QbhSASO9e3u8Z9c2WFgGyyO2sRRHDaufc79545DLFNh9vExd8Fy5IrtYPcl4DcXPLXh9kyOnE7Sw8GwQKA4wJ6JcXzYkSvjJXd50ECUXCzVrEgawCaAN4AGAeoReQ9KQ+MnXuylUAU3G1q1yqnA/lQgMy0Of99Z2dfKPQkgGsA3iamdZnn7zR+FxgK3G3IH8+Os6T3m4vzrzYAXe9bBZYBlBKNEyy79Y27TeC8nu6FoEriQM+K6wIWhCTArzQFAV+aMVRbDbwG5amx/kZfcLOevgDwheAzMEi/BwpBaRJXBVge0VgKAVky7Q4NALs1AkcS6z7EYpUvplNU8Mb6w41H6Z5dV/zaIPCqopwcnfbvouBa5SzJWWP9RG/tJo+bdbeqdOfUaLm6EgXX3TkCN411x/6D/8SK9BNDZyKZuf0x5vG3xcqkUpwz1h8dxuNuzO6hQIbSj745JnZoFHJLgN3G+gtRcJ65MxS5C0DHJgb5VanOzFYJGvqviIr0FPx74J+CS70XgbdqBQAAAABJRU5ErkJggg==") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.content_file_nav_l_2_3 {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAACBUlEQVRIS7WVPWhTURiGn/fmqhinQqlIaa0/ILo5OLgpCk1SCFQnnSyiCFISOxRxupsgSm4qnbqpKDoJldxIRdEOgjg4VRBFtJOOghZpcj+5kcT8WZJoznru97zvOe93viv6tNQnLv0FWyZII64B8X86gShhuiE/MV9xbNngPdhdzJ4gZx1sKxaLdS2i8l6QJz+5vQr+iMI0pjRoDT+RE7JuwZYt7gB7JT85UgV/wMLTwBbkzAEPKdsD3UytdAO36cIeYnomPzlaD55SfuKFeZ7Dt8PDhOUCOKuYO6X88S+dCLQHS2eUSyxXAXZpcRhzZ0BvgTFczen6+NeNBDoC1wRmHo8QhreAAUrOJIObV+UdLbUT6ApcE5guHCDGJOgU5lxWfvxRM7wncKUtzy/GibuzQJT+EmVW6gPuGVzv0DLBVcQ5zC4qn7pfEW7bFU3hddQFmeAQ0hCyKxgLmPsUrS/LT+2stttnFJ5QbuJ1J8CWu80UTyIOAvNND6T4HCyG2TukvwwmrYGFwLYGsJnh8B2L6rQbs13KJ/f/dpxZGkWlC5gNgKLinw3FInrex4Ah4B7WNBUd20SIi/QDwtvyJ960dWfZYIyS82fPDQ00C7YPONuwFzkYfPlJnhcZqq0WsGWDI8AC4ESHqfu2Ou3KLTkYnvLJOxuCewmvXU1//yD/y2U95xe/beoXdmlsPAAAAABJRU5ErkJggg==") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.content_file_nav_l_2_4 {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAACdElEQVRIS73VT0gUcRQH8O/7zbiGSaxQQokG/bl2CBfH37iVQpmahK5LJFiXOnTpGHQKugTVIQmkY1BguI4ShEEdTHRnTVZSsmtBFGoF0YLJjjO/FxMs6Dbp7EF/x5n3Pr/3fr/HDGGbFm2Ti52BE7Y9AeBgURebbc4MTIxIebm48w1JCdvOgeiGIFpgpZQfTEAZA3rQkTFwHECfJeWxTeEe215a0/VYmeu2M9ABIk0Q3UkZxlQQ3D01ZZAQDy0pY1vCLEQcSvUDaPPb1JS6lGpq+hwE92Qyp5j5XiiYgCYGHjCQZ+YTArgybJrPg+CkbZ9UwP0t4YRtL0OpFqHrVdD1957jtBDwmJiTw6b5qhgvCRbMrSnTnCsgXdPTp4Xr/mRdXxoxjC998/O7f6+sPAVQB2APgFoAHwhYHJbyXCGveCqWleedGY3H59dX1zs5WZXXtFkQ3bUaGx91ZzIXmPkXKZXXdH3NU6oOzP0jprmvJNgPTth2K4BnILoN5g7F3Dtqmt/8dxez2b2O47y1pDxcEtw2Nlb+sr09n8hkroF5AIASmnYk1dDwyYfOz8zU6q47YUl5KDScHB+v9MrLX2jALQXcBOAn5yKRyNnB+vofoWF4XqMVj38s7JwcGtK8mpolMHeu5nLvKqNR8T2fX3vT3OwWYsJUvMpEg1BqcV1Lu0B0VQjRnDKM2aB53hpOpwdAdJQAUQAYKAMQU8yxUdNcCIK70ulqQTT93zMOSvIvriIa/crAdU2IOeW6G0ZU6Dor5gNgfmJJuT/w8oLgzmy2IuI4rwFUg/nvF++fReRvlrOkrA8NB0IhHu7MHyREIaFD/gD/4zAmIsgV8AAAAABJRU5ErkJggg==") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}




.content_file_r {
	width: 940px;
}

.l-btn {
	display: block;
	width: 88px;
	height: 34px;
	margin: 20px 0 20px 50px;
	outline: none;
	resize: none;
	border: none;
	padding: 5px 10px;
	background: #1da2ff;
	color: #fff;
	border: solid 1px #1da2ff;
	border-radius: 3px;
	font-size: 14px;
}

.tailoring-content {
	display: flex;
	justify-content: space-between;
	position: relative;
	width: 100%;
	min-height: 590px;
	background: #fff;
	border-radius: 10px;
	padding: 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.tailoring-content .tailoring-content-two {
	position: relative;
}

.tailoring-content .tailoring-content-two span {
	display: block;
	margin: 0 auto;
}

.tailoring-content .tailoring-content-two .move {
	position: absolute;
	left: 0;
	right: 0;
	transform: translate(-6.8%);
}

.tailoring-content_r {
	width: 250px;
}

.tailoring-content_title {
	width: 200px;
	font-size: 15px;
	color: #222;
	line-height: 60px;
}

.tailoring-content .tailoring-box-parcel {
	display: inline-block;
	width: 570px;
	height: 430px;
	border: solid 1px #ddd;
	vertical-align: top;
}

.tailoring-content .preview-box-parcel {
	width: 250px;
	height: 260px;
	display: block;
}

.preview-box-parcel p {
	color: #555;
}

.previewImg {
	width: 200px;
	height: 260px;
	overflow: hidden;
}

.preview-box-parcel .square {
	border: solid 1px #ddd;
}

.tailoring-content .tailoring-content-three {
	position: absolute;
	right: 140px;
	bottom: -8px;
	transform: translate(-103%);
	height: 40px;
	padding-top: 10px;
}

.maked-area_color_title {
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	color: #222;
	margin-bottom: 5px;
}

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

.iD_colorpickerWrap>div {
	cursor: pointer;
	border-radius: 5px;
	color: #fff;
	position: relative;
}

#iD_colorpicker_0083e9 {
	width: 32px;
	height: 32px;
	background: #0083e9;
}

#iD_colorpicker_f00 {
	width: 32px;
	height: 32px;
	background: #f00;
}

#iD_colorpicker_fff {
	width: 32px;
	height: 32px;
	background: #fff;
	border: 1px solid #e5e5e5;
}

#iD_colorpicker_default_color {
	width: 32px;
	height: 32px;
	background: #fff;
	border: 1px solid #e5e5e5;
	background: url(img/iD_colorpicker_default_color.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	border-radius: 5px;
}

.iD_colorpickerWrap>div#iD_colorpicker_fff {
	color: #e5e5e5;
}

.iD_colorpickerWrap>div#iD_colorpicker_default_color {
	color: #f00;
}

.layui-colorpicker-trigger-span {
	opacity: 0;
}

.layui-colorpicker {
	width: 32px !important;
	height: 32px !important;
	padding: 0 !important;
	border: none !important;
	background: url(img/iD_colorpicker.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	border-radius: 5px;
}

.iD_colorpickerActive .layui-colorpicker {
	background: url(img/iD_colorpickerActive.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.iD_colorpickerWrap>div .layui-icon {
	margin: 4px auto;
	font-weight: bold;
	display: none;
}

.iD_colorpickerWrap>div.iD_colorpickerActive .layui-icon {
	display: block !important;
}

#iD_colorpicker {
	position: relative;
}

.layui-form-select dl dd {
	text-align: left;
}

.layui-form-select dl dd.layui-this {
	background-color: #0083e9;
}

.layui-form-item .layui-input-inline {
	width: 100%;
}

.viphg {
	display: inline-block;
	width: 22px;
	height: 15px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAPCAYAAADgbT9oAAAC5ElEQVQ4T4WTW0hUURSGv3WOM+MkKZITU2E3R7uaaYVB0Es3oiLCbg8VRdeHioJ66SGCkB6kSIiu1Ev2YEUQFEUPUdBF6KI13Rs0ki4zljZqjTPO7B1nzmhjWW04cPZZa33n3/9eS/ht6VoqcWauJ8+rME3QGtDgctuZ0QggIAKJhPA1qOiKHJaVVKWjJH2jL1CFYhcKyDAhzwNON7gyIcNpp8a7IRa1ny9B6O4GIxnZKyvY38NLgvU+DCZwEMUOSxxigmSBywH5+WColPKUUgv+/g1E4mDaB0itA7KCPda76BM4yOYQsDUZVCaUH4dhi0H/ANMJodMQOgNmDqg4xNogdwnkrYNoEOrWQiRkKxeqCbNb9NXMY0SNLb1/FQd4poK3HEZX2kIiAfAvAG3Z8B0GlsDka9B8BBprIBwAFbNzLfUJdVL007KNoKsB+3YMA0KN8KkN5twBzwy74E4FNF2CzCyY9wDCL+F2BQwbBINHgLI8tE5sRBnYudP22F+yEIwakJzkbVud8LIehm+A8pN2wYcrcGMRzDwD3llwdTJkdEJhMRjSA24HtUYmNVzutV03jppJR24tor3JNvvWAp+7YH4DuL0Qa4XGs+DbCDdnQ/A++AogJxfiCTBVEFd0pRS+utXjSO+V6idTypDEBZDRSUsCfhhTBWO39+bwcBs8PwKeHBjhA2V1jNGEM7ZMxvkf9Wm3X1WgG0qKcOiLaGcxnS0QHgqzbtnd8e4c3F0NGQIFY8A9AHT8GUovlZKnr9M5fQakJ6D9E/PRjvOYxnSam6D0CmR54fpUiLSCdzAMHW5ZUIfRvVyKnzWnQ/+woo/yx6UenFJDV3gu8WnQGYJPN8HtgIKx4DBvEJNVUlbf8jv0n+Bkt7z1ZaOyTvGxZTkfPtoDMCQfhuTVYnZsksJAe3/Q/4JTcBeR7GoCLzYnx71o/FGM6E6Z8Dw1Ef2j+/W4v1R9b+QhjISS6c27/qYy/ftPPvT8ZnP2zKkAAAAASUVORK5CYII=) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	margin-left: 10px;
	position: relative;
	top: 4px;
}

.keep_id_photoBtn {
	width: 227px;
	height: 47px;
	position: absolute;
	bottom: 0;
	left: 0;
}

/*气泡样式*/
.ts {
	display: none;
	position: absolute;
	top: 2px;
	/*left: 79px;*/
	z-index: 100;
}

.tsnr {
	width: 180px;
	background: #000;
	padding: 5px 8px;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
}

/*自定义的气泡*/
.zdy_ts {
	display: none;
	position: absolute;
	top: 2px;
	left: 155px;
	z-index: 100;
}

.zdy_tsnr {
	width: 180px;
	background: #000;
	padding: 5px 8px;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
}

.lodoing {
	position: absolute;
	width: 100%;
	height: 800px;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center;
}

body .look_overWrap_layui .layui-layer-title {
	background: #17a1ff !important;
	color: #fff;
	border: none;
}

.look_overWrap_layui .layui-layer-ico.layui-layer-close {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABB0lEQVQ4T6WTsUoDQRRFz/0JFQsLWy2EgF0QETRFiLUkCpLSVOIf2Nn6IyoSCKYQbGwsQz4hkDLYXxnZCZvN7CbiNAPDu2fuu/NG/HMp6G2HfUvSZB2e7Q1J01AbAdvAB9CSNKqC2L4CriUdzwGZiz3gpQqSiW+AE0nfC4BVkJR4CVAGKRMnAUUIUAMWbOcz+g0xtWzvA+9ASPsw9lysrQI8AnVgB+hI6qcuSgJs3wNN4AjYBd6AC0nDlQ5s3wHtIJY0yzI5AAbAuaTP0gxs94BuXhyLbQfIawb5iufzFmxfArcpcQHyDDQkjfOjvAk8AWfRdsXrBCcPkk5L52CdD7XUwl9E+dofk31tEVThDHIAAAAASUVORK5CYII=") no-repeat;
	background-position: 0 0 !important;
}

.look_overWrap {
	display: none;
	padding: 30px;
}

.look_overPicWrap {
	display: flex;
	align-items: center;
	height: 430px;
	text-align: center;
}

.look_overWrap img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.look_overBtnWrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
}

.look_overBtnWrap button {
	margin: 0 20px;
	width: 118px;
	height: 38px;
	background-color: #1e9fff;
	border: 1px solid #1e9fff;
	outline: 0;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
}

.look_overBtnWrap button:nth-child(2) {
	background-color: #fe625f;
	border-color: #fe625f;
}

@media all and (max-width: 768px) {
	.tailoring-container .tailoring-content {
		width: 100%;
		min-width: 320px;
		height: 460px;
	}

	.tailoring-content .tailoring-content-two {
		height: 360px;
	}

	.tailoring-content .tailoring-box-parcel {
		height: 350px;
	}

	.tailoring-container .tailoring-box-parcel {
		width: 100%;
	}

	.tailoring-container .preview-box-parcel {
		display: none;
	}

}