@charset "UTF-8";
/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font - face {
	font - family: FontAwesome;
	src: url(.. / fonts / fontawesome - webfont.eot ? v = 4.5.0);
	src: url(.. / fonts / fontawesome - webfont.eot ? # iefix & v = 4.5.0) format('embedded-opentype'),
	url(.. / fonts / fontawesome - webfont.woff2 ? v = 4.5.0) format('woff2'),
	url(.. / fonts / fontawesome - webfont.woff ? v = 4.5.0) format('woff'),
	url(.. / fonts / fontawesome - webfont.ttf ? v = 4.5.0) format('truetype'),
	url(.. / fonts / fontawesome - webfont.svg ? v = 4.5.0 # fontawesomeregular) format('svg');
	font - weight: 400;
	font - style: normal
}.fa {
	display: inline - block;
	font: normal normal normal 14px / 1 FontAwesome;
	font - size: inherit;
	text - rendering: auto; - webkit - font - smoothing: antialiased; - moz - osx - font - smoothing: grayscale
}.fa - lg {
	font - size: 1.33333333em;
	line - height: .75em;
	vertical - align: -15 %
}.fa - 2x {
	font - size: 2em
}.fa - 3x {
	font - size: 3em
}.fa - 4x {
	font - size: 4em
}.fa - 5x {
	font - size: 5em
}.fa - fw {
	width: 1.28571429em;
	text - align: center
}.fa - ul {
	padding - left: 0;
	margin - left: 2.14285714em;
	list - style - type: none
}.fa - ul > li {
	position: relative
}.fa - li {
	position: absolute;
	left: -2.14285714em;
	width: 2.14285714em;
	top: .14285714em;
	text - align: center
}.fa - li.fa - lg {
	left: -1.85714286em
}.fa - border {
	padding: .2em.25em.15em;
	border: solid.08em # eee;
	border - radius: .1em
}.fa - pull - left {
	float: left
}.fa - pull - right {
	float: right
}.fa.fa - pull - left {
	margin - right: .3em
}.fa.fa - pull - right {
	margin - left: .3em
}.pull - right {
	float: right
}.pull - left {
	float: left
}.fa.pull - left {
	margin - right: .3em
}.fa.pull - right {
	margin - left: .3em
}.fa - spin {
	-webkit - animation: fa - spin 2s infinite linear;
	animation: fa - spin 2s infinite linear
}.fa - pulse {
	-webkit - animation: fa - spin 1s infinite steps(8);
	animation: fa - spin 1s infinite steps(8)
}@ - webkit - keyframes fa - spin {
	0 % {
		-webkit - transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100 % {
		-webkit - transform: rotate(359deg);
		transform: rotate(359deg)
	}
}@keyframes fa - spin {
	0 % {
		-webkit - transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100 % {
		-webkit - transform: rotate(359deg);
		transform: rotate(359deg)
	}
}.fa - rotate - 90 {
	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation = 1); - webkit - transform: rotate(90deg); - ms - transform: rotate(90deg);
	transform: rotate(90deg)
}.fa - rotate - 180 {
	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation = 2); - webkit - transform: rotate(180deg); - ms - transform: rotate(180deg);
	transform: rotate(180deg)
}.fa - rotate - 270 {
	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation = 3); - webkit - transform: rotate(270deg); - ms - transform: rotate(270deg);
	transform: rotate(270deg)
}.fa - flip - horizontal {
	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation = 0, mirror = 1); - webkit - transform: scale(-1, 1); - ms - transform: scale(-1, 1);
	transform: scale(-1, 1)
}.fa - flip - vertical {
	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation = 2, mirror = 1); - webkit - transform: scale(1, -1); - ms - transform: scale(1, -1);
	transform: scale(1, -1)
}: root.fa - rotate - 90,
: root.fa - rotate - 180,
: root.fa - rotate - 270,
: root.fa - flip - horizontal,
: root.fa - flip - vertical {
	filter: none
}.fa - stack {
	position: relative;
	display: inline - block;
	width: 2em;
	height: 2em;
	line - height: 2em;
	vertical - align: middle
}.fa - stack - 1x,
.fa - stack - 2x {
	position: absolute;
	left: 0;
	width: 100 % ;
	text - align: center
}.fa - stack - 1x {
	line - height: inherit
}.fa - stack - 2x {
	font - size: 2em
}.fa - inverse {
	color: # fff
}.fa - glass: before {
	content: "\f000"
}.fa - music: before {
	content: "\f001"
}.fa - search: before {
	content: "\f002"
}.fa - envelope - o: before {
	content: "\f003"
}.fa - heart: before {
	content: "\f004"
}.fa - star: before {
	content: "\f005"
}.fa - star - o: before {
	content: "\f006"
}.fa - user: before {
	content: "\f007"
}.fa - film: before {
	content: "\f008"
}.fa - th - large: before {
	content: "\f009"
}.fa - th: before {
	content: "\f00a"
}.fa - th - list: before {
	content: "\f00b"
}.fa - check: before {
	content: "\f00c"
}.fa - remove: before,
.fa - close: before,
.fa - times: before {
	content: "\f00d"
}.fa - search - plus: before {
	content: "\f00e"
}.fa - search - minus: before {
	content: "\f010"
}.fa - power - off: before {
	content: "\f011"
}.fa - signal: before {
	content: "\f012"
}.fa - gear: before,
.fa - cog: before {
	content: "\f013"
}.fa - trash - o: before {
	content: "\f014"
}.fa - home: before {
	content: "\f015"
}.fa - file - o: before {
	content: "\f016"
}.fa - clock - o: before {
	content: "\f017"
}.fa - road: before {
	content: "\f018"
}.fa - download: before {
	content: "\f019"
}.fa - arrow - circle - o - down: before {
	content: "\f01a"
}.fa - arrow - circle - o - up: before {
	content: "\f01b"
}.fa - inbox: before {
	content: "\f01c"
}.fa - play - circle - o: before {
	content: "\f01d"
}.fa - rotate - right: before,
.fa - repeat: before {
	content: "\f01e"
}.fa - refresh: before {
	content: "\f021"
}.fa - list - alt: before {
	content: "\f022"
}.fa - lock: before {
	content: "\f023"
}.fa - flag: before {
	content: "\f024"
}.fa - headphones: before {
	content: "\f025"
}.fa - volume - off: before {
	content: "\f026"
}.fa - volume - down: before {
	content: "\f027"
}.fa - volume - up: before {
	content: "\f028"
}.fa - qrcode: before {
	content: "\f029"
}.fa - barcode: before {
	content: "\f02a"
}.fa - tag: before {
	content: "\f02b"
}.fa - tags: before {
	content: "\f02c"
}.fa - book: before {
	content: "\f02d"
}.fa - bookmark: before {
	content: "\f02e"
}.fa - print: before {
	content: "\f02f"
}.fa - camera: before {
	content: "\f030"
}.fa - font: before {
	content: "\f031"
}.fa - bold: before {
	content: "\f032"
}.fa - italic: before {
	content: "\f033"
}.fa - text - height: before {
	content: "\f034"
}.fa - text - width: before {
	content: "\f035"
}.fa - align - left: before {
	content: "\f036"
}.fa - align - center: before {
	content: "\f037"
}.fa - align - right: before {
	content: "\f038"
}.fa - align - justify: before {
	content: "\f039"
}.fa - list: before {
	content: "\f03a"
}.fa - dedent: before,
.fa - outdent: before {
	content: "\f03b"
}.fa - indent: before {
	content: "\f03c"
}.fa - video - camera: before {
	content: "\f03d"
}.fa - photo: before,
.fa - image: before,
.fa - picture - o: before {
	content: "\f03e"
}.fa - pencil: before {
	content: "\f040"
}.fa - map - marker: before {
	content: "\f041"
}.fa - adjust: before {
	content: "\f042"
}.fa - tint: before {
	content: "\f043"
}.fa - edit: before,
.fa - pencil - square - o: before {
	content: "\f044"
}.fa - share - square - o: before {
	content: "\f045"
}.fa - check - square - o: before {
	content: "\f046"
}.fa - arrows: before {
	content: "\f047"
}.fa - step - backward: before {
	content: "\f048"
}.fa - fast - backward: before {
	content: "\f049"
}.fa - backward: before {
	content: "\f04a"
}.fa - play: before {
	content: "\f04b"
}.fa - pause: before {
	content: "\f04c"
}.fa - stop: before {
	content: "\f04d"
}.fa - forward: before {
	content: "\f04e"
}.fa - fast - forward: before {
	content: "\f050"
}.fa - step - forward: before {
	content: "\f051"
}.fa - eject: before {
	content: "\f052"
}.fa - chevron - left: before {
	content: "\f053"
}.fa - chevron - right: before {
	content: "\f054"
}.fa - plus - circle: before {
	content: "\f055"
}.fa - minus - circle: before {
	content: "\f056"
}.fa - times - circle: before {
	content: "\f057"
}.fa - check - circle: before {
	content: "\f058"
}.fa - question - circle: before {
	content: "\f059"
}.fa - info - circle: before {
	content: "\f05a"
}.fa - crosshairs: before {
	content: "\f05b"
}.fa - times - circle - o: before {
	content: "\f05c"
}.fa - check - circle - o: before {
	content: "\f05d"
}.fa - ban: before {
	content: "\f05e"
}.fa - arrow - left: before {
	content: "\f060"
}.fa - arrow - right: before {
	content: "\f061"
}.fa - arrow - up: before {
	content: "\f062"
}.fa - arrow - down: before {
	content: "\f063"
}.fa - mail - forward: before,
.fa - share: before {
	content: "\f064"
}.fa - expand: before {
	content: "\f065"
}.fa - compress: before {
	content: "\f066"
}.fa - plus: before {
	content: "\f067"
}.fa - minus: before {
	content: "\f068"
}.fa - asterisk: before {
	content: "\f069"
}.fa - exclamation - circle: before {
	content: "\f06a"
}.fa - gift: before {
	content: "\f06b"
}.fa - leaf: before {
	content: "\f06c"
}.fa - fire: before {
	content: "\f06d"
}.fa - eye: before {
	content: "\f06e"
}.fa - eye - slash: before {
	content: "\f070"
}.fa - warning: before,
.fa - exclamation - triangle: before {
	content: "\f071"
}.fa - plane: before {
	content: "\f072"
}.fa - calendar: before {
	content: "\f073"
}.fa - random: before {
	content: "\f074"
}.fa - comment: before {
	content: "\f075"
}.fa - magnet: before {
	content: "\f076"
}.fa - chevron - up: before {
	content: "\f077"
}.fa - chevron - down: before {
	content: "\f078"
}.fa - retweet: before {
	content: "\f079"
}.fa - shopping - cart: before {
	content: "\f07a"
}.fa - folder: before {
	content: "\f07b"
}.fa - folder - open: before {
	content: "\f07c"
}.fa - arrows - v: before {
	content: "\f07d"
}.fa - arrows - h: before {
	content: "\f07e"
}.fa - bar - chart - o: before,
.fa - bar - chart: before {
	content: "\f080"
}.fa - twitter - square: before {
	content: "\f081"
}.fa - facebook - square: before {
	content: "\f082"
}.fa - camera - retro: before {
	content: "\f083"
}.fa - key: before {
	content: "\f084"
}.fa - gears: before,
.fa - cogs: before {
	content: "\f085"
}.fa - comments: before {
	content: "\f086"
}.fa - thumbs - o - up: before {
	content: "\f087"
}.fa - thumbs - o - down: before {
	content: "\f088"
}.fa - star - half: before {
	content: "\f089"
}.fa - heart - o: before {
	content: "\f08a"
}.fa - sign - out: before {
	content: "\f08b"
}.fa - linkedin - square: before {
	content: "\f08c"
}.fa - thumb - tack: before {
	content: "\f08d"
}.fa - external - link: before {
	content: "\f08e"
}.fa - sign - in : before {
	content: "\f090"
}.fa - trophy: before {
	content: "\f091"
}.fa - github - square: before {
	content: "\f092"
}.fa - upload: before {
	content: "\f093"
}.fa - lemon - o: before {
	content: "\f094"
}.fa - phone: before {
	content: "\f095"
}.fa - square - o: before {
	content: "\f096"
}.fa - bookmark - o: before {
	content: "\f097"
}.fa - phone - square: before {
	content: "\f098"
}.fa - twitter: before {
	content: "\f099"
}.fa - facebook - f: before,
.fa - facebook: before {
	content: "\f09a"
}.fa - github: before {
	content: "\f09b"
}.fa - unlock: before {
	content: "\f09c"
}.fa - credit - card: before {
	content: "\f09d"
}.fa - feed: before,
.fa - rss: before {
	content: "\f09e"
}.fa - hdd - o: before {
	content: "\f0a0"
}.fa - bullhorn: before {
	content: "\f0a1"
}.fa - bell: before {
	content: "\f0f3"
}.fa - certificate: before {
	content: "\f0a3"
}.fa - hand - o - right: before {
	content: "\f0a4"
}.fa - hand - o - left: before {
	content: "\f0a5"
}.fa - hand - o - up: before {
	content: "\f0a6"
}.fa - hand - o - down: before {
	content: "\f0a7"
}.fa - arrow - circle - left: before {
	content: "\f0a8"
}.fa - arrow - circle - right: before {
	content: "\f0a9"
}.fa - arrow - circle - up: before {
	content: "\f0aa"
}.fa - arrow - circle - down: before {
	content: "\f0ab"
}.fa - globe: before {
	content: "\f0ac"
}.fa - wrench: before {
	content: "\f0ad"
}.fa - tasks: before {
	content: "\f0ae"
}.fa - filter: before {
	content: "\f0b0"
}.fa - briefcase: before {
	content: "\f0b1"
}.fa - arrows - alt: before {
	content: "\f0b2"
}.fa - group: before,
.fa - users: before {
	content: "\f0c0"
}.fa - chain: before,
.fa - link: before {
	content: "\f0c1"
}.fa - cloud: before {
	content: "\f0c2"
}.fa - flask: before {
	content: "\f0c3"
}.fa - cut: before,
.fa - scissors: before {
	content: "\f0c4"
}.fa - copy: before,
.fa - files - o: before {
	content: "\f0c5"
}.fa - paperclip: before {
	content: "\f0c6"
}.fa - save: before,
.fa - floppy - o: before {
	content: "\f0c7"
}.fa - square: before {
	content: "\f0c8"
}.fa - navicon: before,
.fa - reorder: before,
.fa - bars: before {
	content: "\f0c9"
}.fa - list - ul: before {
	content: "\f0ca"
}.fa - list - ol: before {
	content: "\f0cb"
}.fa - strikethrough: before {
	content: "\f0cc"
}.fa - underline: before {
	content: "\f0cd"
}.fa - table: before {
	content: "\f0ce"
}.fa - magic: before {
	content: "\f0d0"
}.fa - truck: before {
	content: "\f0d1"
}.fa - pinterest: before {
	content: "\f0d2"
}.fa - pinterest - square: before {
	content: "\f0d3"
}.fa - google - plus - square: before {
	content: "\f0d4"
}.fa - google - plus: before {
	content: "\f0d5"
}.fa - money: before {
	content: "\f0d6"
}.fa - caret - down: before {
	content: "\f0d7"
}.fa - caret - up: before {
	content: "\f0d8"
}.fa - caret - left: before {
	content: "\f0d9"
}.fa - caret - right: before {
	content: "\f0da"
}.fa - columns: before {
	content: "\f0db"
}.fa - unsorted: before,
.fa - sort: before {
	content: "\f0dc"
}.fa - sort - down: before,
.fa - sort - desc: before {
	content: "\f0dd"
}.fa - sort - up: before,
.fa - sort - asc: before {
	content: "\f0de"
}.fa - envelope: before {
	content: "\f0e0"
}.fa - linkedin: before {
	content: "\f0e1"
}.fa - rotate - left: before,
.fa - undo: before {
	content: "\f0e2"
}.fa - legal: before,
.fa - gavel: before {
	content: "\f0e3"
}.fa - dashboard: before,
.fa - tachometer: before {
	content: "\f0e4"
}.fa - comment - o: before {
	content: "\f0e5"
}.fa - comments - o: before {
	content: "\f0e6"
}.fa - flash: before,
.fa - bolt: before {
	content: "\f0e7"
}.fa - sitemap: before {
	content: "\f0e8"
}.fa - umbrella: before {
	content: "\f0e9"
}.fa - paste: before,
.fa - clipboard: before {
	content: "\f0ea"
}.fa - lightbulb - o: before {
	content: "\f0eb"
}.fa - exchange: before {
	content: "\f0ec"
}.fa - cloud - download: before {
	content: "\f0ed"
}.fa - cloud - upload: before {
	content: "\f0ee"
}.fa - user - md: before {
	content: "\f0f0"
}.fa - stethoscope: before {
	content: "\f0f1"
}.fa - suitcase: before {
	content: "\f0f2"
}.fa - bell - o: before {
	content: "\f0a2"
}.fa - coffee: before {
	content: "\f0f4"
}.fa - cutlery: before {
	content: "\f0f5"
}.fa - file - text - o: before {
	content: "\f0f6"
}.fa - building - o: before {
	content: "\f0f7"
}.fa - hospital - o: before {
	content: "\f0f8"
}.fa - ambulance: before {
	content: "\f0f9"
}.fa - medkit: before {
	content: "\f0fa"
}.fa - fighter - jet: before {
	content: "\f0fb"
}.fa - beer: before {
	content: "\f0fc"
}.fa - h - square: before {
	content: "\f0fd"
}.fa - plus - square: before {
	content: "\f0fe"
}.fa - angle - double - left: before {
	content: "\f100"
}.fa - angle - double - right: before {
	content: "\f101"
}.fa - angle - double - up: before {
	content: "\f102"
}.fa - angle - double - down: before {
	content: "\f103"
}.fa - angle - left: before {
	content: "\f104"
}.fa - angle - right: before {
	content: "\f105"
}.fa - angle - up: before {
	content: "\f106"
}.fa - angle - down: before {
	content: "\f107"
}.fa - desktop: before {
	content: "\f108"
}.fa - laptop: before {
	content: "\f109"
}.fa - tablet: before {
	content: "\f10a"
}.fa - mobile - phone: before,
.fa - mobile: before {
	content: "\f10b"
}.fa - circle - o: before {
	content: "\f10c"
}.fa - quote - left: before {
	content: "\f10d"
}.fa - quote - right: before {
	content: "\f10e"
}.fa - spinner: before {
	content: "\f110"
}.fa - circle: before {
	content: "\f111"
}.fa - mail - reply: before,
.fa - reply: before {
	content: "\f112"
}.fa - github - alt: before {
	content: "\f113"
}.fa - folder - o: before {
	content: "\f114"
}.fa - folder - open - o: before {
	content: "\f115"
}.fa - smile - o: before {
	content: "\f118"
}.fa - frown - o: before {
	content: "\f119"
}.fa - meh - o: before {
	content: "\f11a"
}.fa - gamepad: before {
	content: "\f11b"
}.fa - keyboard - o: before {
	content: "\f11c"
}.fa - flag - o: before {
	content: "\f11d"
}.fa - flag - checkered: before {
	content: "\f11e"
}.fa - terminal: before {
	content: "\f120"
}.fa - code: before {
	content: "\f121"
}.fa - mail - reply - all: before,
.fa - reply - all: before {
	content: "\f122"
}.fa - star - half - empty: before,
.fa - star - half - full: before,
.fa - star - half - o: before {
	content: "\f123"
}.fa - location - arrow: before {
	content: "\f124"
}.fa - crop: before {
	content: "\f125"
}.fa - code - fork: before {
	content: "\f126"
}.fa - unlink: before,
.fa - chain - broken: before {
	content: "\f127"
}.fa - question: before {
	content: "\f128"
}.fa - info: before {
	content: "\f129"
}.fa - exclamation: before {
	content: "\f12a"
}.fa - superscript: before {
	content: "\f12b"
}.fa - subscript: before {
	content: "\f12c"
}.fa - eraser: before {
	content: "\f12d"
}.fa - puzzle - piece: before {
	content: "\f12e"
}.fa - microphone: before {
	content: "\f130"
}.fa - microphone - slash: before {
	content: "\f131"
}.fa - shield: before {
	content: "\f132"
}.fa - calendar - o: before {
	content: "\f133"
}.fa - fire - extinguisher: before {
	content: "\f134"
}.fa - rocket: before {
	content: "\f135"
}.fa - maxcdn: before {
	content: "\f136"
}.fa - chevron - circle - left: before {
	content: "\f137"
}.fa - chevron - circle - right: before {
	content: "\f138"
}.fa - chevron - circle - up: before {
	content: "\f139"
}.fa - chevron - circle - down: before {
	content: "\f13a"
}.fa - html5: before {
	content: "\f13b"
}.fa - css3: before {
	content: "\f13c"
}.fa - anchor: before {
	content: "\f13d"
}.fa - unlock - alt: before {
	content: "\f13e"
}.fa - bullseye: before {
	content: "\f140"
}.fa - ellipsis - h: before {
	content: "\f141"
}.fa - ellipsis - v: before {
	content: "\f142"
}.fa - rss - square: before {
	content: "\f143"
}.fa - play - circle: before {
	content: "\f144"
}.fa - ticket: before {
	content: "\f145"
}.fa - minus - square: before {
	content: "\f146"
}.fa - minus - square - o: before {
	content: "\f147"
}.fa - level - up: before {
	content: "\f148"
}.fa - level - down: before {
	content: "\f149"
}.fa - check - square: before {
	content: "\f14a"
}.fa - pencil - square: before {
	content: "\f14b"
}.fa - external - link - square: before {
	content: "\f14c"
}.fa - share - square: before {
	content: "\f14d"
}.fa - compass: before {
	content: "\f14e"
}.fa - toggle - down: before,
.fa - caret - square - o - down: before {
	content: "\f150"
}.fa - toggle - up: before,
.fa - caret - square - o - up: before {
	content: "\f151"
}.fa - toggle - right: before,
.fa - caret - square - o - right: before {
	content: "\f152"
}.fa - euro: before,
.fa - eur: before {
	content: "\f153"
}.fa - gbp: before {
	content: "\f154"
}.fa - dollar: before,
.fa - usd: before {
	content: "\f155"
}.fa - rupee: before,
.fa - inr: before {
	content: "\f156"
}.fa - cny: before,
.fa - rmb: before,
.fa - yen: before,
.fa - jpy: before {
	content: "\f157"
}.fa - ruble: before,
.fa - rouble: before,
.fa - rub: before {
	content: "\f158"
}.fa - won: before,
.fa - krw: before {
	content: "\f159"
}.fa - bitcoin: before,
.fa - btc: before {
	content: "\f15a"
}.fa - file: before {
	content: "\f15b"
}.fa - file - text: before {
	content: "\f15c"
}.fa - sort - alpha - asc: before {
	content: "\f15d"
}.fa - sort - alpha - desc: before {
	content: "\f15e"
}.fa - sort - amount - asc: before {
	content: "\f160"
}.fa - sort - amount - desc: before {
	content: "\f161"
}.fa - sort - numeric - asc: before {
	content: "\f162"
}.fa - sort - numeric - desc: before {
	content: "\f163"
}.fa - thumbs - up: before {
	content: "\f164"
}.fa - thumbs - down: before {
	content: "\f165"
}.fa - youtube - square: before {
	content: "\f166"
}.fa - youtube: before {
	content: "\f167"
}.fa - xing: before {
	content: "\f168"
}.fa - xing - square: before {
	content: "\f169"
}.fa - youtube - play: before {
	content: "\f16a"
}.fa - dropbox: before {
	content: "\f16b"
}.fa - stack - overflow: before {
	content: "\f16c"
}.fa - instagram: before {
	content: "\f16d"
}.fa - flickr: before {
	content: "\f16e"
}.fa - adn: before {
	content: "\f170"
}.fa - bitbucket: before {
	content: "\f171"
}.fa - bitbucket - square: before {
	content: "\f172"
}.fa - tumblr: before {
	content: "\f173"
}.fa - tumblr - square: before {
	content: "\f174"
}.fa - long - arrow - down: before {
	content: "\f175"
}.fa - long - arrow - up: before {
	content: "\f176"
}.fa - long - arrow - left: before {
	content: "\f177"
}.fa - long - arrow - right: before {
	content: "\f178"
}.fa - apple: before {
	content: "\f179"
}.fa - windows: before {
	content: "\f17a"
}.fa - android: before {
	content: "\f17b"
}.fa - linux: before {
	content: "\f17c"
}.fa - dribbble: before {
	content: "\f17d"
}.fa - skype: before {
	content: "\f17e"
}.fa - foursquare: before {
	content: "\f180"
}.fa - trello: before {
	content: "\f181"
}.fa - female: before {
	content: "\f182"
}.fa - male: before {
	content: "\f183"
}.fa - gittip: before,
.fa - gratipay: before {
	content: "\f184"
}.fa - sun - o: before {
	content: "\f185"
}.fa - moon - o: before {
	content: "\f186"
}.fa - archive: before {
	content: "\f187"
}.fa - bug: before {
	content: "\f188"
}.fa - vk: before {
	content: "\f189"
}.fa - weibo: before {
	content: "\f18a"
}.fa - renren: before {
	content: "\f18b"
}.fa - pagelines: before {
	content: "\f18c"
}.fa - stack - exchange: before {
	content: "\f18d"
}.fa - arrow - circle - o - right: before {
	content: "\f18e"
}.fa - arrow - circle - o - left: before {
	content: "\f190"
}.fa - toggle - left: before,
.fa - caret - square - o - left: before {
	content: "\f191"
}.fa - dot - circle - o: before {
	content: "\f192"
}.fa - wheelchair: before {
	content: "\f193"
}.fa - vimeo - square: before {
	content: "\f194"
}.fa - turkish - lira: before,
.fa -
try :before {
	content: "\f195"
}.fa - plus - square - o: before {
	content: "\f196"
}.fa - space - shuttle: before {
	content: "\f197"
}.fa - slack: before {
	content: "\f198"
}.fa - envelope - square: before {
	content: "\f199"
}.fa - wordpress: before {
	content: "\f19a"
}.fa - openid: before {
	content: "\f19b"
}.fa - institution: before,
.fa - bank: before,
.fa - university: before {
	content: "\f19c"
}.fa - mortar - board: before,
.fa - graduation - cap: before {
	content: "\f19d"
}.fa - yahoo: before {
	content: "\f19e"
}.fa - google: before {
	content: "\f1a0"
}.fa - reddit: before {
	content: "\f1a1"
}.fa - reddit - square: before {
	content: "\f1a2"
}.fa - stumbleupon - circle: before {
	content: "\f1a3"
}.fa - stumbleupon: before {
	content: "\f1a4"
}.fa - delicious: before {
	content: "\f1a5"
}.fa - digg: before {
	content: "\f1a6"
}.fa - pied - piper: before {
	content: "\f1a7"
}.fa - pied - piper - alt: before {
	content: "\f1a8"
}.fa - drupal: before {
	content: "\f1a9"
}.fa - joomla: before {
	content: "\f1aa"
}.fa - language: before {
	content: "\f1ab"
}.fa - fax: before {
	content: "\f1ac"
}.fa - building: before {
	content: "\f1ad"
}.fa - child: before {
	content: "\f1ae"
}.fa - paw: before {
	content: "\f1b0"
}.fa - spoon: before {
	content: "\f1b1"
}.fa - cube: before {
	content: "\f1b2"
}.fa - cubes: before {
	content: "\f1b3"
}.fa - behance: before {
	content: "\f1b4"
}.fa - behance - square: before {
	content: "\f1b5"
}.fa - steam: before {
	content: "\f1b6"
}.fa - steam - square: before {
	content: "\f1b7"
}.fa - recycle: before {
	content: "\f1b8"
}.fa - automobile: before,
.fa - car: before {
	content: "\f1b9"
}.fa - cab: before,
.fa - taxi: before {
	content: "\f1ba"
}.fa - tree: before {
	content: "\f1bb"
}.fa - spotify: before {
	content: "\f1bc"
}.fa - deviantart: before {
	content: "\f1bd"
}.fa - soundcloud: before {
	content: "\f1be"
}.fa - database: before {
	content: "\f1c0"
}.fa - file - pdf - o: before {
	content: "\f1c1"
}.fa - file - word - o: before {
	content: "\f1c2"
}.fa - file - excel - o: before {
	content: "\f1c3"
}.fa - file - powerpoint - o: before {
	content: "\f1c4"
}.fa - file - photo - o: before,
.fa - file - picture - o: before,
.fa - file - image - o: before {
	content: "\f1c5"
}.fa - file - zip - o: before,
.fa - file - archive - o: before {
	content: "\f1c6"
}.fa - file - sound - o: before,
.fa - file - audio - o: before {
	content: "\f1c7"
}.fa - file - movie - o: before,
.fa - file - video - o: before {
	content: "\f1c8"
}.fa - file - code - o: before {
	content: "\f1c9"
}.fa - vine: before {
	content: "\f1ca"
}.fa - codepen: before {
	content: "\f1cb"
}.fa - jsfiddle: before {
	content: "\f1cc"
}.fa - life - bouy: before,
.fa - life - buoy: before,
.fa - life - saver: before,
.fa - support: before,
.fa - life - ring: before {
	content: "\f1cd"
}.fa - circle - o - notch: before {
	content: "\f1ce"
}.fa - ra: before,
.fa - rebel: before {
	content: "\f1d0"
}.fa - ge: before,
.fa - empire: before {
	content: "\f1d1"
}.fa - git - square: before {
	content: "\f1d2"
}.fa - git: before {
	content: "\f1d3"
}.fa - y - combinator - square: before,
.fa - yc - square: before,
.fa - hacker - news: before {
	content: "\f1d4"
}.fa - tencent - weibo: before {
	content: "\f1d5"
}.fa - qq: before {
	content: "\f1d6"
}.fa - wechat: before,
.fa - weixin: before {
	content: "\f1d7"
}.fa - send: before,
.fa - paper - plane: before {
	content: "\f1d8"
}.fa - send - o: before,
.fa - paper - plane - o: before {
	content: "\f1d9"
}.fa - history: before {
	content: "\f1da"
}.fa - circle - thin: before {
	content: "\f1db"
}.fa - header: before {
	content: "\f1dc"
}.fa - paragraph: before {
	content: "\f1dd"
}.fa - sliders: before {
	content: "\f1de"
}.fa - share - alt: before {
	content: "\f1e0"
}.fa - share - alt - square: before {
	content: "\f1e1"
}.fa - bomb: before {
	content: "\f1e2"
}.fa - soccer - ball - o: before,
.fa - futbol - o: before {
	content: "\f1e3"
}.fa - tty: before {
	content: "\f1e4"
}.fa - binoculars: before {
	content: "\f1e5"
}.fa - plug: before {
	content: "\f1e6"
}.fa - slideshare: before {
	content: "\f1e7"
}.fa - twitch: before {
	content: "\f1e8"
}.fa - yelp: before {
	content: "\f1e9"
}.fa - newspaper - o: before {
	content: "\f1ea"
}.fa - wifi: before {
	content: "\f1eb"
}.fa - calculator: before {
	content: "\f1ec"
}.fa - paypal: before {
	content: "\f1ed"
}.fa - google - wallet: before {
	content: "\f1ee"
}.fa - cc - visa: before {
	content: "\f1f0"
}.fa - cc - mastercard: before {
	content: "\f1f1"
}.fa - cc - discover: before {
	content: "\f1f2"
}.fa - cc - amex: before {
	content: "\f1f3"
}.fa - cc - paypal: before {
	content: "\f1f4"
}.fa - cc - stripe: before {
	content: "\f1f5"
}.fa - bell - slash: before {
	content: "\f1f6"
}.fa - bell - slash - o: before {
	content: "\f1f7"
}.fa - trash: before {
	content: "\f1f8"
}.fa - copyright: before {
	content: "\f1f9"
}.fa - at: before {
	content: "\f1fa"
}.fa - eyedropper: before {
	content: "\f1fb"
}.fa - paint - brush: before {
	content: "\f1fc"
}.fa - birthday - cake: before {
	content: "\f1fd"
}.fa - area - chart: before {
	content: "\f1fe"
}.fa - pie - chart: before {
	content: "\f200"
}.fa - line - chart: before {
	content: "\f201"
}.fa - lastfm: before {
	content: "\f202"
}.fa - lastfm - square: before {
	content: "\f203"
}.fa - toggle - off: before {
	content: "\f204"
}.fa - toggle - on: before {
	content: "\f205"
}.fa - bicycle: before {
	content: "\f206"
}.fa - bus: before {
	content: "\f207"
}.fa - ioxhost: before {
	content: "\f208"
}.fa - angellist: before {
	content: "\f209"
}.fa - cc: before {
	content: "\f20a"
}.fa - shekel: before,
.fa - sheqel: before,
.fa - ils: before {
	content: "\f20b"
}.fa - meanpath: before {
	content: "\f20c"
}.fa - buysellads: before {
	content: "\f20d"
}.fa - connectdevelop: before {
	content: "\f20e"
}.fa - dashcube: before {
	content: "\f210"
}.fa - forumbee: before {
	content: "\f211"
}.fa - leanpub: before {
	content: "\f212"
}.fa - sellsy: before {
	content: "\f213"
}.fa - shirtsinbulk: before {
	content: "\f214"
}.fa - simplybuilt: before {
	content: "\f215"
}.fa - skyatlas: before {
	content: "\f216"
}.fa - cart - plus: before {
	content: "\f217"
}.fa - cart - arrow - down: before {
	content: "\f218"
}.fa - diamond: before {
	content: "\f219"
}.fa - ship: before {
	content: "\f21a"
}.fa - user - secret: before {
	content: "\f21b"
}.fa - motorcycle: before {
	content: "\f21c"
}.fa - street - view: before {
	content: "\f21d"
}.fa - heartbeat: before {
	content: "\f21e"
}.fa - venus: before {
	content: "\f221"
}.fa - mars: before {
	content: "\f222"
}.fa - mercury: before {
	content: "\f223"
}.fa - intersex: before,
.fa - transgender: before {
	content: "\f224"
}.fa - transgender - alt: before {
	content: "\f225"
}.fa - venus - double: before {
	content: "\f226"
}.fa - mars - double: before {
	content: "\f227"
}.fa - venus - mars: before {
	content: "\f228"
}.fa - mars - stroke: before {
	content: "\f229"
}.fa - mars - stroke - v: before {
	content: "\f22a"
}.fa - mars - stroke - h: before {
	content: "\f22b"
}.fa - neuter: before {
	content: "\f22c"
}.fa - genderless: before {
	content: "\f22d"
}.fa - facebook - official: before {
	content: "\f230"
}.fa - pinterest - p: before {
	content: "\f231"
}.fa - whatsapp: before {
	content: "\f232"
}.fa - server: before {
	content: "\f233"
}.fa - user - plus: before {
	content: "\f234"
}.fa - user - times: before {
	content: "\f235"
}.fa - hotel: before,
.fa - bed: before {
	content: "\f236"
}.fa - viacoin: before {
	content: "\f237"
}.fa - train: before {
	content: "\f238"
}.fa - subway: before {
	content: "\f239"
}.fa - medium: before {
	content: "\f23a"
}.fa - yc: before,
.fa - y - combinator: before {
	content: "\f23b"
}.fa - optin - monster: before {
	content: "\f23c"
}.fa - opencart: before {
	content: "\f23d"
}.fa - expeditedssl: before {
	content: "\f23e"
}.fa - battery - 4: before,
.fa - battery - full: before {
	content: "\f240"
}.fa - battery - 3: before,
.fa - battery - three - quarters: before {
	content: "\f241"
}.fa - battery - 2: before,
.fa - battery - half: before {
	content: "\f242"
}.fa - battery - 1: before,
.fa - battery - quarter: before {
	content: "\f243"
}.fa - battery - 0: before,
.fa - battery - empty: before {
	content: "\f244"
}.fa - mouse - pointer: before {
	content: "\f245"
}.fa - i - cursor: before {
	content: "\f246"
}.fa - object - group: before {
	content: "\f247"
}.fa - object - ungroup: before {
	content: "\f248"
}.fa - sticky - note: before {
	content: "\f249"
}.fa - sticky - note - o: before {
	content: "\f24a"
}.fa - cc - jcb: before {
	content: "\f24b"
}.fa - cc - diners - club: before {
	content: "\f24c"
}.fa - clone: before {
	content: "\f24d"
}.fa - balance - scale: before {
	content: "\f24e"
}.fa - hourglass - o: before {
	content: "\f250"
}.fa - hourglass - 1: before,
.fa - hourglass - start: before {
	content: "\f251"
}.fa - hourglass - 2: before,
.fa - hourglass - half: before {
	content: "\f252"
}.fa - hourglass - 3: before,
.fa - hourglass - end: before {
	content: "\f253"
}.fa - hourglass: before {
	content: "\f254"
}.fa - hand - grab - o: before,
.fa - hand - rock - o: before {
	content: "\f255"
}.fa - hand - stop - o: before,
.fa - hand - paper - o: before {
	content: "\f256"
}.fa - hand - scissors - o: before {
	content: "\f257"
}.fa - hand - lizard - o: before {
	content: "\f258"
}.fa - hand - spock - o: before {
	content: "\f259"
}.fa - hand - pointer - o: before {
	content: "\f25a"
}.fa - hand - peace - o: before {
	content: "\f25b"
}.fa - trademark: before {
	content: "\f25c"
}.fa - registered: before {
	content: "\f25d"
}.fa - creative - commons: before {
	content: "\f25e"
}.fa - gg: before {
	content: "\f260"
}.fa - gg - circle: before {
	content: "\f261"
}.fa - tripadvisor: before {
	content: "\f262"
}.fa - odnoklassniki: before {
	content: "\f263"
}.fa - odnoklassniki - square: before {
	content: "\f264"
}.fa - get - pocket: before {
	content: "\f265"
}.fa - wikipedia - w: before {
	content: "\f266"
}.fa - safari: before {
	content: "\f267"
}.fa - chrome: before {
	content: "\f268"
}.fa - firefox: before {
	content: "\f269"
}.fa - opera: before {
	content: "\f26a"
}.fa - internet - explorer: before {
	content: "\f26b"
}.fa - tv: before,
.fa - television: before {
	content: "\f26c"
}.fa - contao: before {
	content: "\f26d"
}.fa - 500px: before {
	content: "\f26e"
}.fa - amazon: before {
	content: "\f270"
}.fa - calendar - plus - o: before {
	content: "\f271"
}.fa - calendar - minus - o: before {
	content: "\f272"
}.fa - calendar - times - o: before {
	content: "\f273"
}.fa - calendar - check - o: before {
	content: "\f274"
}.fa - industry: before {
	content: "\f275"
}.fa - map - pin: before {
	content: "\f276"
}.fa - map - signs: before {
	content: "\f277"
}.fa - map - o: before {
	content: "\f278"
}.fa - map: before {
	content: "\f279"
}.fa - commenting: before {
	content: "\f27a"
}.fa - commenting - o: before {
	content: "\f27b"
}.fa - houzz: before {
	content: "\f27c"
}.fa - vimeo: before {
	content: "\f27d"
}.fa - black - tie: before {
	content: "\f27e"
}.fa - fonticons: before {
	content: "\f280"
}.fa - reddit - alien: before {
	content: "\f281"
}.fa - edge: before {
	content: "\f282"
}.fa - credit - card - alt: before {
	content: "\f283"
}.fa - codiepie: before {
	content: "\f284"
}.fa - modx: before {
	content: "\f285"
}.fa - fort - awesome: before {
	content: "\f286"
}.fa - usb: before {
	content: "\f287"
}.fa - product - hunt: before {
	content: "\f288"
}.fa - mixcloud: before {
	content: "\f289"
}.fa - scribd: before {
	content: "\f28a"
}.fa - pause - circle: before {
	content: "\f28b"
}.fa - pause - circle - o: before {
	content: "\f28c"
}.fa - stop - circle: before {
	content: "\f28d"
}.fa - stop - circle - o: before {
	content: "\f28e"
}.fa - shopping - bag: before {
	content: "\f290"
}.fa - shopping - basket: before {
	content: "\f291"
}.fa - hashtag: before {
	content: "\f292"
}.fa - bluetooth: before {
	content: "\f293"
}.fa - bluetooth - b: before {
	content: "\f294"
}.fa - percent: before {
	content: "\f295"
}.text - over,
.cut - wechat - list.cut - wechat - item.wechat - name,
.wxapp - content # select.app - info p,
.wxapp - buttom - preview.buttom - list - preview.buttom - preview - title,
.buttom - list - table.select - we7,
.wxapp - finish.app - info p,
.app - allow - list.app - info p,
.wxapp - cut - list.wxapp - item - detail p,
.wxapp - version - table.name,
.modal - dialog.wxapp - module - list.name,
.skin - black.cut - wechat - list.cut - wechat - item.wechat - name,
.keyword - app.keyword - app - info p,
.material - appmsg - item.appmsg - title,
.material - appmsg - item.appmsg - desc,
.material - img - item.appimg - info.appimg - title,
.material - audio - item.audio - info.audio - title,
.material - audio - item.audio - item.audio - title,
.site - template.site - template - title,
.site - template.system - template - title,
.system - template.site - template - title,
.system - template.system - template - title,
.homemenu td.title,
.ext - apply - list.apply - title,
.combo - list.apply - name,
.skin - black.left - menu.related - info.top - view a,
# newUploaderImg.image.img - container.item.name,
.uploader - modal.image.img - container.item.name,
# newUploaderImg.module.col - sm - 2.item.name,
.uploader - modal.module.col - sm - 2.item.name,
# newUploaderImg.video.col - sm - 3.item.name,
# newUploaderImg.voice.col - sm - 3.item.name,
.uploader - modal.video.col - sm - 3.item.name,
.uploader - modal.voice.col - sm - 3.item.name {
	text - overflow: ellipsis;
	overflow: hidden;
	white - space: nowrap
}
body {
	background - color: # f2f2f2;
	font - family: 微软雅黑,
	"Microsoft YaHei";
	min - width: 1230px;
	position: relative
}
body.skin - black {
	background - color: #2b3040}a,a:focus{color:inherit;text-decoration:none}li{list-style:none;padding-left:0}ul{padding-left:0}.container{width:1200px;padding:0;position:relative}.skin-black .container{width:100%;min-width:1024px}.main .container{background-color:# fff
}.text - error {
	color: # a94442
}.color -
default {
	color: #428bca!important}.color-dark{color:# 252424!important
}.color - red {
	color: # cf1010!important
}.color - gray {
	color: #98999a!important}.color-green{color:# 079200!important
}.bg -
default {
	background - color: # e7e8eb!important;
	color: # fff
}.bg - light - gray {
	background - color: # F7F7F7!important
}.font - lg {
	font - size: 16px
}.font -
default {
	font - size: 14px
}.font - sm {
	font - size: 12px
}.we7 - margin - horizontal - none {
	margin - left: 0!important;
	margin - right: 0!important
}.we7 - margin {
	margin: 30px
}.we7 - margin - left {
	margin - left: 30px
}.we7 - margin - right {
	margin - right: 30px
}.we7 - margin - bottom {
	margin - bottom: 30px
}.we7 - margin - top {
	margin - top: 30px
}.we7 - margin - right {
	margin - right: 30px
}.we7 - margin - horizontal {
	padding - left: 30px;
	padding - right: 30px
}.we7 - margin - vertical {
	margin - top: 30px!important;
	margin - bottom: 30px!important
}.we7 - margin - sm {
	margin: 15px
}.we7 - margin - left - sm {
	margin - left: 15px
}.we7 - margin - right - sm {
	margin - right: 15px
}.we7 - margin - bottom - sm {
	margin - bottom: 15px
}.we7 - margin - top - sm {
	margin - top: 15px
}.we7 - margin - horizontal - sm {
	margin - left: 15px;
	margin - right: 15px
}.we7 - margin - vertical - sm {
	margin - top: 15px!important;
	margin - bottom: 15px!important
}.we7 - padding {
	padding: 30px!important
}.we7 - padding - left {
	padding - left: 30px!important
}.we7 - padding - right {
	padding - right: 30px!important
}.we7 - padding - bottom {
	padding - bottom: 30px!important
}.we7 - padding - top {
	padding - top: 30px!important
}.we7 - padding - horizontal {
	padding - left: 30px!important;
	padding - right: 30px!important
}.we7 - padding - vertical {
	padding - top: 30px!important;
	padding - bottom: 30px!important
}.we7 - padding - vertical - none {
	padding - top: 0!important;
	padding - bottom: 0!important
}.we7 - padding - none {
	padding: 0!important
}.text - left {
	text - align: left!important
}.text - right {
	text - align: right!important
}.text - center {
	text - align: center!important
}.label - versions {
	background - color: #98999a;padding:0 15px 0 7px;color:# fff;
	border - radius: 0;
	font - size: 14px
}.label - versions:
hover {
	color: # fff
}.label - primary {
	background - color: #428bca}.btn-default{border-color:# e7e7eb
}.btn - danger {
	background - color: # ca4242
}.btn - gray {
	background - color: #98999a;color:# fff
}.btn - gray: hover {
	color: # fff
}.btn - group.btn + .btn {
	border - left: 0;
	margin - left: 0
}.btn - time {
	width: 240px;
	position: relative;
	border - radius: 0;
	background - color: transparent;
	border: 1px solid # e7e7eb;
	text - align: left;
	box - shadow: none!important;
	text - shadow: none!important;
	outline: 0!important
}.btn - time: after {
	content: url(.. / images / select - arrow.png);
	position: absolute;
	right: 0;
	top: 0
}.btn - time: hover {
	border - color: # e7e7eb
}.btn - time: hover {
	border - color: # e7e7eb
}.btn - time: active {
	border - color: # e7e7eb
}.btn - time: focus {
	border - color: # e7e7eb;
	outline: 0
}.btn - time: visited {
	border - color: # e7e7eb
}.btn - time.date - title {
	background - color: transparent
}.we7 - btn - group.btn {
	border: 1px solid # e7e7eb;
	margin - left: 0;
	margin - right: 0
}.we7 - btn - group.btn: hover {
	background - color: #428bca;color:# fff
}.we7 - btn - group.btn.active,
.we7 - btn - group.head.navbar - left > li.btn: hover,
.head.we7 - btn - group.navbar - left > li.btn: hover,
.we7 - btn - group.panel - menu.btn.list - group - item: not(.list - group - more): hover,
.panel - menu.we7 - btn - group.btn.list - group - item: not(.list - group - more): hover {
	background - color: #428bca;color:# fff
}.we7 - body - alert {
	margin: 10px 0
}.we7 - body - alert.alert - info {
	display: inline - block;
	line - height: 28px;
	padding: 0 30px;
	background - color: # f9edbe;
	border: 1px solid # f0c36d;
	border - radius: 4px;
	font - size: 12px
}.we7 - body - alert.alert - info a {
	color: #6b3612}.we7-body-alert .alert-info .wi,.we7-body-alert .alert-info .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .we7-body-alert .alert-info .ext-apply-item.apply-show:before,.we7-body-alert .alert-info .cut-list .item.apply-show:before,.cut-list .we7-body-alert .alert-info .item.apply-show:before,.we7-body-alert .alert-info .fa{font-size:21px;position:relative;top:5px;margin-top:-5px;margin-left:5px;color:# eae1d0
}.we7 - body - alert.alert - info.tips - close {
	cursor: pointer
}.we7 - body - alert.alert - info.tips - close: hover.wi,
.we7 - body - alert.alert - info.tips - close: hover.ext - apply - list.ext - apply - item.apply - show: before,
.ext - apply - list.we7 - body - alert.alert - info.tips - close: hover.ext - apply - item.apply - show: before,
.we7 - body - alert.alert - info.tips - close: hover.cut - list.item.apply - show: before,
.cut - list.we7 - body - alert.alert - info.tips - close: hover.item.apply - show: before {
	color: # f0c36d
}.tips - danger {
	display: inline - block;
	padding: 0 12px;
	line - height: 28px;
	background - color: # fcd2ca;
	font - size: 12px;
	border: 1px solid # e9b0af;
	border - radius: 4px
}.tips - danger.wi - warning - sign,
.tips - danger a {
	color: # ca4242!important
}.tips - danger.wi - warning - sign {
	font - size: 20px!important;
	top: -1px
}.tips - danger a {
	margin - left: 15px
}.we7 - page - alert {
	margin - bottom: 30px;
	padding - left: 30px;
	padding - right: 30px;
	background - color: # f5f5f9;
	color: #212123;font-size:14px;border-radius:0}.we7-page-alert .wi,.we7-page-alert .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .we7-page-alert .ext-apply-item.apply-show:before,.we7-page-alert .cut-list .item.apply-show:before,.cut-list .we7-page-alert .item.apply-show:before,.we7-page-alert .fa{font-size:24px;position:relative;margin-top:-8px;top:5px;margin-right:5px}.we7-page-alert .wi-info-sign{color:# 428bca
}.right - content.we7 - page - alert {
	margin - top: -30px!important;
	margin - left: -30px;
	margin - right: -30px
}.mask {
	position: absolute;
	width: 100 % ;
	height: 100 % ;
	top: 0;
	left: 0;
	background: rgba(66, 139, 202, .8);
	z - index: 2;
	display: none
}.mask.entry {
	display: block;
	width: 100 % ;
	line - height: 198px;
	text - align: center;
	color: # fff
}.mask.cut - btn,
.mask.stick,
.mask.cut - show,
.mask.home - show {
	position: absolute;
	width: 30px;
	line - height: 30px;
	border - radius: 30px;
	text - align: center;
	background - color: # fff
}.mask.cut - btn i,
.mask.stick i,
.mask.cut - show i,
.mask.home - show i {
	font - size: 18px;
	vertical - align: middle;
	color: #98999a}.mask .cut-btn:hover .wi,.mask .cut-btn:hover .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .mask .cut-btn:hover .ext-apply-item.apply-show:before,.mask .cut-btn:hover .cut-list .item.apply-show:before,.cut-list .mask .cut-btn:hover .item.apply-show:before,.mask .stick:hover .wi,.mask .stick:hover .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .mask .stick:hover .ext-apply-item.apply-show:before,.mask .stick:hover .cut-list .item.apply-show:before,.cut-list .mask .stick:hover .item.apply-show:before,.mask .cut-show:hover .wi,.mask .cut-show:hover .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .mask .cut-show:hover .ext-apply-item.apply-show:before,.mask .cut-show:hover .cut-list .item.apply-show:before,.cut-list .mask .cut-show:hover .item.apply-show:before,.mask .home-show:hover .wi,.mask .home-show:hover .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .mask .home-show:hover .ext-apply-item.apply-show:before,.mask .home-show:hover .cut-list .item.apply-show:before,.cut-list .mask .home-show:hover .item.apply-show:before{color:# 428bca
}.mask.cut - btn {
	bottom: 50px;
	right: 10px
}.mask.stick {
	bottom: 10px;
	right: 10px
}.mask.home - show {
	bottom: 10px;
	left: 10px
}.cover - dark,
.site - template.cover - lock,
.system - template.cover - lock {
	position: absolute;
	top: 0;
	left: 0;
	width: 100 % ;
	height: 100 % ;
	background - color: rgba(64, 64, 64, .75);
	padding: 30px;
	display: none
}.cover - dark.cover - delect,
.site - template.cover - lock.cover - delect,
.system - template.cover - lock.cover - delect {
	position: absolute;
	bottom: 8px;
	right: 30px;
	color: #5e5e5e;font-size:10px;text-align:center}.cover-dark .cover-delect:hover,.site-template .cover-lock .cover-delect:hover,.system-template .cover-lock .cover-delect:hover{color:# 428bca
}.cover - dark.cover - delect i,
.site - template.cover - lock.cover - delect i,
.system - template.cover - lock.cover - delect i {
	display: block;
	font - size: 20px;
	margin - right: 0
}.cover - dark.cover - selected,
.site - template.cover - lock.cover - selected,
.system - template.cover - lock.cover - selected {
	width: 100 % ;
	height: 100 % ;
	text - align: center;
	font - size: 30px;
	color: # fff
}.cover - dark.cover - selected: before,
.site - template.cover - lock.cover - selected: before,
.system - template.cover - lock.cover - selected: before {
	display: inline - block;
	vertical - align: middle
}.cover - dark.cover - selected: after,
.site - template.cover - lock.cover - selected: after,
.system - template.cover - lock.cover - selected: after {
	content: '';
	display: inline - block;
	vertical - align: middle;
	height: 100 %
}.cover - dark.active,
.site - template.cover - lock.active,
.system - template.cover - lock.active,
.cover - dark.head.navbar - left > li: hover,
.head.cover - dark.navbar - left > li: hover,
.site - template.cover - lock.head.navbar - left > li: hover,
.head.site - template.cover - lock.navbar - left > li: hover,
.system - template.cover - lock.head.navbar - left > li: hover,
.head.system - template.cover - lock.navbar - left > li: hover,
.cover - dark.panel - menu.list - group - item: not(.list - group - more): hover,
.panel - menu.cover - dark.list - group - item: not(.list - group - more): hover,
.site - template.cover - lock.panel - menu.list - group - item: not(.list - group - more): hover,
.panel - menu.site - template.cover - lock.list - group - item: not(.list - group - more): hover,
.system - template.cover - lock.panel - menu.list - group - item: not(.list - group - more): hover,
.panel - menu.system - template.cover - lock.list - group - item: not(.list - group - more): hover {
	display: block
}.we7 - table,
.wechat - communication {
	width: 100 % ;
	table - layout: auto;
	margin - bottom: 30px;
	cellpadding: 15px
}.we7 - table > tbody > tr,
.wechat - communication > tbody > tr,
.we7 - table > thead > tr,
.wechat - communication > thead > tr {
	border: 1px solid # e7e7eb;
	padding - left: 15px;
	padding - right: 15px
}.we7 - table > tbody > tr > th,
.wechat - communication > tbody > tr > th,
.we7 - table > thead > tr > th,
.wechat - communication > thead > tr > th {
	vertical - align: middle;
	background: # f4f6f9;
	color: #585858;font-weight:400;border-top:0;border-bottom:0;padding-top:10px;padding-right:0;padding-bottom:10px;padding-left:15px;padding-right:15px}.we7-table>tbody>tr>th:first-child,.wechat-communication>tbody>tr>th:first-child,.we7-table>thead>tr>th:first-child,.wechat-communication>thead>tr>th:first-child{padding-left:30px}.we7-table>tbody>tr>th:last-child,.wechat-communication>tbody>tr>th:last-child,.we7-table>thead>tr>th:last-child,.wechat-communication>thead>tr>th:last-child{padding-right:30px}.we7-table>tbody>tr>td,.wechat-communication>tbody>tr>td{border-width:0;padding:10px 15px 10px 15px;white-space:normal;overflow:hidden;word-break:break-all}.we7-table>tbody>tr>td:first-child,.wechat-communication>tbody>tr>td:first-child{padding-left:30px}.we7-table>tbody>tr>td:last-child,.wechat-communication>tbody>tr>td:last-child{padding-right:30px}.we7-table>tbody>tr>td img,.wechat-communication>tbody>tr>td img{max-width:100%}.we7-table.vertical-middle>tbody>tr>td,.vertical-middle.wechat-communication>tbody>tr>td{vertical-align:middle}.we7-table>tbody+tbody,.wechat-communication>tbody+tbody{border-top:none}.we7-table th.filter,.wechat-communication th.filter{padding:0!important}.we7-table th.filter .dropdown,.wechat-communication th.filter .dropdown{display:inline-block;width:180px;padding:10px 30px;border-right:1px solid # e7e7eb;
	cursor: pointer
}.we7 - table th.filter.dropdown.caret,
.wechat - communication th.filter.dropdown.caret {
	margin - left: 10px
}.we7 - table th.filter.dropdown - menu,
.wechat - communication th.filter.dropdown - menu {
	margin - left: 0;
	min - width: 180px
}.we7 - table th.filter.dropdown - menu a: hover,
.wechat - communication th.filter.dropdown - menu a: hover {
	background - color: #428bca;color:# fff
}.we7 - table td.tip - before,
.wechat - communication td.tip - before {
	padding - left: 40px;
	position: relative
}.we7 - table td.tip - before: before,
.wechat - communication td.tip - before: before {
	content: '';
	width: 6px;
	height: 6px;
	border - radius: 100 % ;
	background - color: # ccc;
	position: absolute;
	top: 50 % ;
	margin - top: -3px;
	left: 15px
}.we7 - table td.tip - before.unread: before,
.wechat - communication td.tip - before.unread: before {
	background - color: #428bca}.we7-table.table-manage,.table-manage.wechat-communication{position:relative}.we7-table.table-manage td.td-link,.table-manage.wechat-communication td.td-link{position:relative;z-index:9}.we7-table.table-manage tbody,.table-manage.wechat-communication tbody{position:relative}.we7-table.table-manage .icon,.table-manage.wechat-communication .icon{width:60px!important;height:60px!important}.we7-table.table-manage td,.table-manage.wechat-communication td{padding-top:20px;padding-bottom:20px}.we7-table.table-manage tr,.table-manage.wechat-communication tr{position:relative}.we7-table.table-manage tr:hover .manage-option,.table-manage.wechat-communication tr:hover .manage-option{opacity:1;bottom:-51px}.we7-table.table-manage .table-manage-td,.table-manage.wechat-communication .table-manage-td{padding-top:0;padding-bottom:0;line-height:100px;height:100px;position:absolute;overflow:visible;text-align:right;left:1px;right:1px}.we7-table .manage-option,.wechat-communication .manage-option{line-height:50px;padding:0 30px;position:absolute;left:0;right:0;bottom:0;background-color:# f4f6f9;
	transition: all.3s;
	box - shadow: 0 4px 10px rgba(220, 220, 220, .8);
	opacity: 0;
	z - index: 10
}.we7 - table.manage - option a,
.wechat - communication.manage - option a {
	color: #98999a}.we7-table .manage-option a:hover,.wechat-communication .manage-option a:hover{color:# 428bca
}.we7 - table.manage - option a + a,
.wechat - communication.manage - option a + a {
	border - left: 1px solid # e7e7eb;
	padding - left: 30px;
	margin - left: 30px
}.we7 - table.related - info,
.wechat - communication.related - info {
	color: #98999a;line-height:1.8;padding:8px 0}.we7-table .icon.icon-api,.wechat-communication .icon.icon-api{width:60px;height:60px;background-color:# f4f6f9;
	text - align: center;
	line - height: 60px
}.we7 - table.icon.icon - api.wi,
.wechat - communication.icon.icon - api.wi,
.we7 - table.icon.icon - api.ext - apply - list.ext - apply - item.apply - show: before,
.ext - apply - list.we7 - table.icon.icon - api.ext - apply - item.apply - show: before,
.wechat - communication.icon.icon - api.ext - apply - list.ext - apply - item.apply - show: before,
.ext - apply - list.wechat - communication.icon.icon - api.ext - apply - item.apply - show: before,
.we7 - table.icon.icon - api.cut - list.item.apply - show: before,
.cut - list.we7 - table.icon.icon - api.item.apply - show: before,
.wechat - communication.icon.icon - api.cut - list.item.apply - show: before,
.cut - list.wechat - communication.icon.icon - api.item.apply - show: before {
	color: #428bca;font-size:40px;vertical-align:middle}.pad-left{padding-left:50px;height:30px;line-height:30px;background:url(../images/bg-repno.gif) no-repeat -245px -545px}.pad-bottom{padding-left:50px;height:30px;line-height:30px;background:url(../images/bg-repno.gif) no-repeat -245px -595px}.table-form>tbody>tr>td,.wechat-communication>tbody>tr>td{height:60px;line-height:40px!important;text-align:left}.table-form .table-label,.wechat-communication .table-label{color:# 98999a
}.table - hover > tbody > tr: hover {
	background - color: # f4f6f9
}.select - all {
	margin - left: 12px
}.vertical - top {
	vertical - align: top!important
}.vertical - middle {
	vertical - align: middle!important
}.we7 - form.form - group,
form.form - group {
	margin - bottom: 30px
}.we7 - form.form - group: before,
form.form - group: before {
	content: '';
	display: table
}.we7 - form.form - group: after,
form.form - group: after {
	display: table;
	clear: both;
	content: ''
}.we7 - form.control - label,
form.control - label {
	padding - top: 7px;
	padding - left: 0;
	padding - right: 0;
	text - align: left;
	color: #252424;font-weight:400}.we7-form .form-controls,form .form-controls{padding-left:0;padding-right:0}.we7-form .form-control,form .form-control{border-color:# e7e7eb;
	border - radius: 0;
	box - shadow: 0 0 0;
	text - shadow: 0 0 0
}.we7 - form.help - block,
form.help - block {
	color: #98999a;padding-top:10px;margin-top:0;margin-bottom:0}.we7-form .checkbox-block input[type= radio] + label,
.we7 - form.checkbox - block input[type = checkbox] + label,
.we7 - form.radio - block input[type = radio] + label,
.we7 - form.radio - block input[type = checkbox] + label,
form.checkbox - block input[type = radio] + label,
form.checkbox - block input[type = checkbox] + label,
form.radio - block input[type = radio] + label,
form.radio - block input[type = checkbox] + label {
	display: block
}.we7 - form label,
form label {
	color: #252424;font-weight:400;vertical-align:middle;margin-bottom:0}.we7-option{display:inline-block;font-family:we7icon;font-size:22px;vertical-align:middle;cursor:pointer}.we7-option+input{display:none}.we7-option:hover{color:# 214665
}.we7 - option + label {
	color: #252424;vertical-align:middle}.we7-option.disabled{opacity:.35;cursor:default}.we7-radio-option:before{content:'\e950';color:# e7e7eb
}.we7 - radio - option.checked: before,
.we7 - radio - option.we7 - check - checked: before {
	content: '\e94f';
	color: #428bca}.we7-checkbox-option:before{content:'\e952';color:# e7e7eb
}.we7 - checkbox - option.checked: before,
.we7 - checkbox - option.we7 - check - checked: before {
	content: '\e951';
	color: #428bca}.we7-form input[type= radio],
.we7 - form input[type = checkbox] {
	display: none;
	cursor: pointer
}.we7 - form input[type = radio]: focus,
.we7 - form input[type = radio]: active,
.we7 - form input[type = checkbox]: focus,
.we7 - form input[type = checkbox]: active {
	outline: 0
}.we7 - form input[type = radio] + label,
.we7 - form input[type = checkbox] + label {
	cursor: pointer;
	display: inline - block;
	position: relative;
	padding - left: 25px;
	margin - right: 3px;
	color: #252424;font-weight:400}.we7-form input[type= radio] + label: before,
.we7 - form input[type = radio] + label: after,
.we7 - form input[type = checkbox] + label: before,
.we7 - form input[type = checkbox] + label: after {
	content: '';
	font - family: helvetica;
	display: inline - block;
	width: 18px;
	height: 18px;
	left: 0;
	top: 50 % ;
	margin - top: -9px;
	text - align: center;
	position: absolute
}.we7 - form input[type = radio] + label: before,
.we7 - form input[type = checkbox] + label: before {
	background - color: # fff;
	border: 1px solid # e7e7eb; - moz - transition: all.3s ease - in -out; - o - transition: all.3s ease - in -out; - webkit - transition: all.3s ease - in -out;
	transition: all.3s ease - in -out
}.we7 - form input[type = radio] + label: after,
.we7 - form input[type = checkbox] + label: after {
	color: # fff
}.we7 - form input[type = radio]: checked + label: before,
.we7 - form input[type = checkbox]: checked + label: before {
	-moz - box - shadow: inset 0 0 0 10px transparent; - webkit - box - shadow: inset 0 0 0 10px transparent;
	box - shadow: inset 0 0 0 10px transparent
}.we7 - form input[type = radio] + label: before {
	-moz - border - radius: 50 % ; - webkit - border - radius: 50 % ;
	border - radius: 50 %
}.we7 - form input[type = radio] + label: hover: after,
.we7 - form input[type = radio]: checked + label: after {
	content: '\2022';
	text - align: center;
	font - size: 40px;
	line - height: 18px;
	margin - left: -.5px
}.we7 - form input[type = radio] + label: hover: after {
	color: # c7c7c7
}.we7 - form input[type = radio]: checked + label: after,
.we7 - form input[type = radio]: checked + label: hover: after {
	color: #428bca}.we7-form input[type= checkbox] + label: before {
	-moz - border - radius: 0; - webkit - border - radius: 0;
	border - radius: 0
}.we7 - form input[type = checkbox] + label: hover: after,
.we7 - form input[type = checkbox]: checked + label: after {
	content: "\2713";
	line - height: 18px;
	font - size: 14px;
	font - weight: 900
}.we7 - form input[type = checkbox] + label: hover: after {
	color: # c7c7c7
}.we7 - form input[type = checkbox]: checked + label: after,
.we7 - form input[type = checkbox]: checked + label: hover: after {
	color: #428bca}.we7-form input[type= checkbox].we7 - toggle {
	display: inline - block; - webkit - appearance: none; - moz - appearance: none;
	appearance: none;
	width: 55px;
	height: 32px;
	background - color: # fff;
	position: relative;
	border: 1px solid # e7e7eb; - moz - border - radius: 30px; - webkit - border - radius: 30px;
	border - radius: 30px;
	box - shadow: 0 0 0; - moz - transition: all.2s ease - in -out; - o - transition: all.2s ease - in -out; - webkit - transition: all.2s ease - in -out;
	transition: all.2s ease - in -out
}.we7 - form input[type = checkbox].we7 - toggle: hover: after {
	background - color: # fff
}.we7 - form input[type = checkbox].we7 - toggle: after {
	content: '';
	display: inline - block;
	position: absolute;
	width: 27px;
	height: 27px;
	background - color: # fff;
	top: 1px;
	left: 1px; - moz - border - radius: 50 % ; - webkit - border - radius: 50 % ;
	border - radius: 50 % ; - moz - transition: all.2s ease - in -out; - o - transition: all.2s ease - in -out; - webkit - transition: all.2s ease - in -out;
	transition: all.2s ease - in -out; - webkit - box - shadow: 0 2px 5px #999;box-shadow:0 2px 5px # 999
}.we7 - form input[type = checkbox]: checked.we7 - toggle {
	-moz - box - shadow: inset 0 0 0 15px #428bca;-webkit-box-shadow:inset 0 0 0 15px # 428bca;
	box - shadow: inset 0 0 0 15px #428bca}.we7-form input[type= checkbox]: checked.we7 - toggle: after {
	left: 26px;
	background - color: # fff
}.btn - submit {
	padding - left: 40px;
	padding - right: 40px
}.input - group {
	border - radius: 0
}.input - group.form - control {
	border - color: # e7e7eb;
	border - radius: 0;
	text - shadow: 0 0 0;
	color: #98999a!important;-webkit-box-shadow:0 0 0;box-shadow:0 0 0}.input-group .form-control:focus{color:# e7e7eb
}.input - group.input - group - addon {
	border - color: # e7e7eb;
	border - radius: 0;
	padding: 5px 10px;
	color: #98999a}.input-group .input-group-addon>.button{margin:-6px -10px;padding:6px 10px}.input-group .input-group-btn .btn{padding-left:12px;padding-right:12px;border-radius:0;border-color:# e7e7eb
}.input - group.fa,
.input - group.wi,
.input - group.ext - apply - list.ext - apply - item.apply - show: before,
.ext - apply - list.input - group.ext - apply - item.apply - show: before,
.input - group.cut - list.item.apply - show: before,
.cut - list.input - group.item.apply - show: before {
	margin - right: 0
}.daterange - date {
	border - radius: 0
}
select.we7 - select,
select {
	height: 34px!important;
	padding: 0 10px;
	color: #252424;border-color:# e7e7eb!important;
	border - style: solid;
	border - width: 1px;
	box - shadow: 0 0 0!important;
	outline: 0;
	border - radius: 0;
	appearance: none; - moz - appearance: none; - webkit - appearance: none;
	background: url(.. / images / select - arrow.png) # fff no - repeat right!important;
	padding - right: 35px
}
select.we7 - select: focus,
select: focus {
	border - color: # e7e7eb!important
}
select.we7 - select: hover,
select: hover {
	border - color: # e7e7eb!important
}
select.we7 - select: active,
select: active {
	border - color: # e7e7eb!important
}
select.we7 - select + .we7 - select,
select + .we7 - select {
	margin - left: 10px
}
select.we7 - select[multiple = multiple],
select[multiple = multiple] {
	height: auto!important;
	background: none!important
}.
switch {
	width: 49px;
	height: 24px;
	background: # e5e5e5;
	z - index: 0;
	margin: 0;
	padding: 0;
	appearance: none;
	border: none;
	cursor: pointer;
	position: relative;
	border - radius: 16px; - moz - border - radius: 16px; - webkit - border - radius: 16px
}.
switch :before {
	content: ' ';
	position: absolute;
	left: 1px;
	top: 1px;
	width: 46px;
	height: 22px;
	background: # fff;
	z - index: 1;
	border - radius: 16px; - moz - border - radius: 16px; - webkit - border - radius: 16px
}.
switch :after {
	content: ' ';
	height: 21px;
	width: 21px;
	border - radius: 25px;
	background: # fff;
	position: absolute;
	z - index: 2;
	top: 1px;
	left: 1px; - webkit - transition - duration: 300ms;
	transition - duration: 300ms; - webkit - box - shadow: 0 2px 5px #999;box-shadow:0 2px 5px # 999
}.switchOn,
.switchOn: before {
	background: #428bca!important}.switchOn:after{left:28px!important}.we7-input-img{border:1px dashed # e7e7eb;
	display: inline - block;
	position: relative;
	width: 150px;
	height: 150px;
	text - align: center
}.we7 - input - img: after {
	content: ''
}.we7 - input - img.active.input - addon,
.head.navbar - left > li.we7 - input - img: hover.input - addon,
.panel - menu.we7 - input - img.list - group - item: not(.list - group - more): hover.input - addon {
	display: none
}.we7 - input - img.active: hover.cover - dark,
.head.navbar - left > li.we7 - input - img: hover.cover - dark,
.panel - menu.we7 - input - img.list - group - item: hover: not(.list - group - more).cover - dark,
.we7 - input - img.active: hover.site - template.cover - lock,
.site - template.we7 - input - img.active: hover.cover - lock,
.head.navbar - left > li.we7 - input - img: hover.site - template.cover - lock,
.site - template.head.navbar - left > li.we7 - input - img: hover.cover - lock,
.panel - menu.we7 - input - img.list - group - item: hover: not(.list - group - more).site - template.cover - lock,
.site - template.panel - menu.we7 - input - img.list - group - item: hover: not(.list - group - more).cover - lock,
.we7 - input - img.active: hover.system - template.cover - lock,
.system - template.we7 - input - img.active: hover.cover - lock,
.head.navbar - left > li.we7 - input - img: hover.system - template.cover - lock,
.system - template.head.navbar - left > li.we7 - input - img: hover.cover - lock,
.panel - menu.we7 - input - img.list - group - item: hover: not(.list - group - more).system - template.cover - lock,
.system - template.panel - menu.we7 - input - img.list - group - item: hover: not(.list - group - more).cover - lock {
	display: block
}.we7 - input - img.active img,
.head.navbar - left > li.we7 - input - img: hover img,
.panel - menu.we7 - input - img.list - group - item: not(.list - group - more): hover img {
	display: block;
	max - width: 100 % ;
	max - height: 100 %
}.we7 - input - img.input - addon {
	width: 100 % ;
	height: 100 % ;
	display: block
}.we7 - input - img.input - addon: before {
	display: inline - block;
	height: 100 % ;
	vertical - align: middle;
	content: ''
}.we7 - input - img.input - addon: after {
	content: '\e6db';
	font - family: we7icon;
	display: inline - block;
	vertical - align: middle;
	font - size: 14px;
	margin - left: -5px;
	color: #98999a;margin-top:-6px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.we7-input-img .input-addon span{display:none;vertical-align:middle;font-size:inherit;color:# 98999a
}.we7 - input - img.cut {
	position: absolute;
	top: 50 % ;
	left: 50 % ;
	margin - top: -25px;
	margin - left: -25px;
	width: 50px;
	height: 50px;
	line - height: 50px;
	text - align: center;
	border - radius: 50 % ;
	background - color: rgba(255, 255, 255, .16);
	font - size: 14px;
	color: # fff
}.we7 - input - img.cut: hover {
	background - color: #428bca}.we7-input-img .del{position:absolute;width:22px;height:22px;border-radius:100%;text-align:center;line-height:22px;background-color:# 428bca;
	top: -11px;
	right: -11px
}.we7 - input - img.del.fa,
.we7 - input - img.del.wi,
.we7 - input - img.del.ext - apply - list.ext - apply - item.apply - show: before,
.ext - apply - list.we7 - input - img.del.ext - apply - item.apply - show: before,
.we7 - input - img.del.cut - list.item.apply - show: before,
.cut - list.we7 - input - img.del.item.apply - show: before {
	color: # fff;
	font - size: 14px;
	font - style: normal;
	margin: 0;
	vertical - align: baseline
}.we7 - input - img.del: hover {
	background - color: #555}.we7-input-img img{display:none;width:100%;height:100%}.we7-breadcrumb{padding:0;margin-top:0;margin-bottom:30px;background-color:transparent;border-radius:0}.we7-breadcrumb li{color:# 252424
}.we7 - breadcrumb li: nth - of - type(1) {
	color: #98999a}.we7-breadcrumb li+li:before{color:# 252424;
	padding: 0
}.we7 - breadcrumb.wi - back - circle {
	font - size: 30px;
	color: #949494;vertical-align:middle}.panel-heading>.we7-breadcrumb{margin-bottom:0}.we7-dropdown .dropdown-menu{border-radius:0;border-color:# e7e7eb;
	margin - left: -15px
}.we7 - dropdown.dropdown - menu a {
	padding: 5px 13px;
	color: #252424}.we7-dropdown .dropdown-menu a:hover{background-color:# f4f6f9
}.we7 - page - title {
	font - size: 16px;
	color: #252424;display:block;margin-bottom:30px;overflow:hidden}.we7-page-title .wi,.we7-page-title .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .we7-page-title .ext-apply-item.apply-show:before,.we7-page-title .cut-list .item.apply-show:before,.cut-list .we7-page-title .item.apply-show:before{font-size:20px;position:relative;top:3px;right:4px}.we7-page-title+.we7-page-tab{margin-top:-17px}.we7-page-hr{margin-left:-30px;margin-right:-30px}.we7-page-tab{min-height:17px;margin-left:-30px;margin-right:-30px;margin-bottom:30px;border-bottom:1px solid # e7e7eb;
	overflow: hidden;
	text - align: left
}.we7 - page - tab li {
	display: inline - block;
	line - height: 3;
	border - bottom: 3px solid transparent;
	padding - right: 20px;
	padding - left: 20px;
	color: #252424}.we7-page-tab li:hover{border-bottom:3px solid # 428bca
}.we7 - page - tab li.active,
.we7 - page - tab.head.navbar - left > li: hover,
.head.we7 - page - tab.navbar - left > li: hover,
.we7 - page - tab.panel - menu li.list - group - item: not(.list - group - more): hover,
.panel - menu.we7 - page - tab li.list - group - item: not(.list - group - more): hover {
	border - bottom: 3px solid #428bca}.letters-list{padding-bottom:30px;display:block;overflow:hidden}.letters-list li{width:3.57143%;text-align:center;float:left}.letters-list li:hover{color:# 428bca
}.letters - list li.active,
.letters - list.head.navbar - left > li: hover,
.head.letters - list.navbar - left > li: hover,
.letters - list.panel - menu li.list - group - item: not(.list - group - more): hover,
.panel - menu.letters - list li.list - group - item: not(.list - group - more): hover {
	color: #428bca}.letters-list li a{display:block}.we7-step{height:30px;line-height:30px;overflow:hidden;margin-bottom:30px;background-color:# f4f5f9;
	display: block
}.we7 - step li {
	float: left;
	text - align: center;
	color: #98999a}.we7-step li.active,.we7-step .head .navbar-left>li:hover,.head .we7-step .navbar-left>li:hover,.we7-step .panel-menu li.list-group-item:not(.list-group-more):hover,.panel-menu .we7-step li.list-group-item:not(.list-group-more):hover{color:# 428bca
}.we7 - step li: first - child: nth - last - child(2),
.we7 - step li: first - child: nth - last - child(2)~li {
	width: 50 %
}.we7 - step li: first - child: nth - last - child(3),
.we7 - step li: first - child: nth - last - child(3)~li {
	width: 33.3333 %
}.we7 - step li: first - child: nth - last - child(4),
.we7 - step li: first - child: nth - last - child(4)~li {
	width: 25 %
}.we7 - step li: first - child: nth - last - child(5),
.we7 - step li: first - child: nth - last - child(5)~li {
	width: 20 %
}.we7 - panel {
	box - shadow: 0 0 0;
	border: 1px solid # e7e7eb;
	border - radius: 0;
	margin - bottom: 0;
	margin - bottom: 30px
}.we7 - panel > .panel - heading {
	width: auto;
	margin: 0 auto;
	background - color: # f4f6f9;
	font - size: 14px;
	color: #585858;border-radius:0;line-height:20px;padding-left:30px;padding-right:30px;border-bottom:1px solid # e7e7eb;
	border - radius: 0
}.we7 - panel > .panel - body {
	padding: 0
}.we7 - panel > .panel - heading + .panel - body {
	margin - top: -1px
}.we7 - panel.panel - heading.tab {
	padding: 0
}.we7 - panel.panel - heading.tab a {
	display: inline - block;
	line - height: 39px;
	padding: 0 30px
}.we7 - panel.panel - heading.tab a.active,
.we7 - panel.panel - heading.tab.panel - menu a.list - group - item: not(.list - group - more): hover,
.panel - menu.we7 - panel.panel - heading.tab a.list - group - item: not(.list - group - more): hover {
	background - color: #428bca;color:# fff
}.we7 - panel.tab - bar - time {
	background - color: # f4f6f9;
	padding: 10px 30px;
	border - bottom: 1px solid # e7e7eb
}.we7 - panel.tab - bar - time.btn -
default:
hover,
.we7 - panel.tab - bar - time.btn -
default:
focus,
.we7 - panel.tab - bar - time.btn -
default.active,
.we7 - panel.tab - bar - time.head.navbar - left > li.btn -
default:
hover,
.head.we7 - panel.tab - bar - time.navbar - left > li.btn -
default:
hover,
.we7 - panel.tab - bar - time.panel - menu.btn -
default.list - group - item:
not(.list - group - more): hover,
.panel - menu.we7 - panel.tab - bar - time.btn -
default.list - group - item:
not(.list - group - more): hover {
	color: #428bca;border-color:# e7e7eb;
	background - color: # fff;
	box - shadow: none
}.we7 - panel.data - view h4 {
	font - size: 14px;
	margin: 30px;
	padding: 0 5px;
	border - left: 2px solid #428bca;color:# 999
}.panel - special {
	overflow: hidden;
	margin - bottom: 0;
	border: 1px solid # c7c7c7
}.panel - special > .panel - heading {
	background - color: # fff!important
}.we7 - list - group {
	margin - top: -15px;
	margin - right: -15px;
	margin - left: -15px
}.we7 - list - group li {
	text - align: center;
	width: 20 % ;
	float: left
}.we7 - list - group.we7 - list - item {
	padding: 30px;
	margin - left: 15px;
	margin - right: 15px;
	margin - bottom: 15px;
	margin - top: 15px;
	border: 1px solid # e7e7eb;
	position: relative
}.we7 - list - group.we7 - list - item: hover.mask {
	display: block
}.we7 - list - group - 4 li {
	width: 25 %
}.we7 - list - group - 3 li {
	width: 33.33 %
}.we7 - list - group - 2 li {
	width: 50 %
}.modal - backdrop {
	z - index: 1020
}.modal - open {
	overflow: inherit;
	padding: 0!important
}.modal.fade.modal - dialog {
	-webkit - transform: translate(0, -75 % ); - ms - transform: translate(0, -75 % ); - o - transform: translate(0, -75 % );
	transform: translate(0, -75 % )
}.modal. in .modal - dialog {
	-webkit - transform: translate(0, -50 % ); - ms - transform: translate(0, -50 % ); - o - transform: translate(0, -50 % );
	transform: translate(0, -50 % )
}.we7 - modal - dialog,
.modal - dialog {
	min - width: 720px!important;
	position: absolute;
	left: 0;
	right: 0;
	top: 50 %
}.we7 - modal - dialog.modal - content,
.modal - dialog.modal - content {
	border - radius: 0
}.we7 - modal - dialog.modal - header,
.modal - dialog.modal - header {
	background - color: # f4f5f9;
	border - bottom: 0
}.we7 - modal - dialog.modal - header.modal - title,
.we7 - modal - dialog.modal - header h3,
.modal - dialog.modal - header.modal - title,
.modal - dialog.modal - header h3 {
	font - size: 14px
}.we7 - modal - dialog.modal - header h3,
.modal - dialog.modal - header h3 {
	margin: 0;
	padding: 0
}.we7 - modal - dialog.modal - body,
.modal - dialog.modal - body {
	padding: 30px;
	max - height: 650px;
	overflow - y: auto;
	overflow - x: hidden
}.we7 - modal - dialog.modal - footer,
.modal - dialog.modal - footer {
	background - color: # f4f5f9;
	border - top: 0;
	text - align: center
}.we7 - modal - dialog.modal - footer.btn,
.modal - dialog.modal - footer.btn {
	display: inline - block;
	min - width: 105px
}.we7 - modal - dialog.nav - pills > li.active > a,
.we7 - modal - dialog.head.navbar - left.nav - pills > li: hover > a,
.head.we7 - modal - dialog.navbar - left.nav - pills > li: hover > a,
.we7 - modal - dialog.panel - menu.nav - pills > li.list - group - item: not(.list - group - more): hover > a,
.panel - menu.we7 - modal - dialog.nav - pills > li.list - group - item: not(.list - group - more): hover > a,
.modal - dialog.nav - pills > li.active > a,
.modal - dialog.head.navbar - left.nav - pills > li: hover > a,
.head.modal - dialog.navbar - left.nav - pills > li: hover > a,
.modal - dialog.panel - menu.nav - pills > li.list - group - item: not(.list - group - more): hover > a,
.panel - menu.modal - dialog.nav - pills > li.list - group - item: not(.list - group - more): hover > a {
	padding: 0;
	color: #428bca;background-color:transparent}.we7-modal-dialog .nav-pills>li>a,.modal-dialog .nav-pills>li>a{padding:0;background-color:transparent;color:# 333
}.we7 - modal - dialog.nav - pills > li > a: hover,
.modal - dialog.nav - pills > li > a: hover {
	background - color: transparent;
	color: #428bca}.we7-modal-dialog .nav-pills>li+li,.modal-dialog .nav-pills>li+li{margin-left:10px}.we7-modal-dialog .we7-select,.modal-dialog .we7-select{width:100%}.we7-modal-dialog .wi,.we7-modal-dialog .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .we7-modal-dialog .ext-apply-item.apply-show:before,.we7-modal-dialog .cut-list .item.apply-show:before,.cut-list .we7-modal-dialog .item.apply-show:before,.we7-modal-dialog .fa,.modal-dialog .wi,.modal-dialog .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .modal-dialog .ext-apply-item.apply-show:before,.modal-dialog .cut-list .item.apply-show:before,.cut-list .modal-dialog .item.apply-show:before,.modal-dialog .fa{font-size:22px;vertical-align:middle;margin-right:3px}.we7-modal-dialog .text-info,.modal-dialog .text-info{color:# 428bca
}.modal - success {
	top: 50 % ;
	left: 50 % ;
	right: auto;
	bottom: auto;
	margin: 0 auto;
	transform: translate(-50 % , -50 % )
}.modal - success. in .modal - dialog {
	min - width: 250px!important;
	width: auto;
	position: relative;
	left: auto;
	right: auto;
	top: 0; - webkit - transform: translate(0, 0); - ms - transform: translate(0, 0); - o - transform: translate(0, 0);
	transform: translate(0, 0)
}.modal - success.modal - content {
	padding: 10px 30px;
	background - color: #51A351;color:# fff;
	border - color: #51a351;font-size:14px;vertical-align:middle;border-radius:3px;box-shadow:0 0 0}.modal-success .modal-body{padding:6px}.modal-success .wi,.modal-success .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .modal-success .ext-apply-item.apply-show:before,.modal-success .cut-list .item.apply-show:before,.cut-list .modal-success .item.apply-show:before,.modal-success .fa{color:# fff!important
}.material - content.material - head {
	padding: 15px 20px;
	border - bottom: 1px solid # e7e7eb;
	clear: both;
	box - sizing: border - box
}.material - content.material - head.wi - search {
	font - size: 18px;
	margin: 0
}.material - content.material - head.filter {
	width: 450px
}.material - content.material - head.filter.we7 - select {
	width: 200px
}.material - content.material - head.filter.we7 - select + .we7 - select {
	margin - left: -1px
}.material - content.material - nav {
	border - bottom: 1px solid # e7e7eb;
	padding: 0 20px
}.material - content.material - nav a {
	display: inline - block;
	padding: 0 30px;
	line - height: 42px;
	font - size: 16px;
	color: #999;border-bottom:3px solid transparent}.material-content .material-nav a:hover,.material-content .material-nav a.active,.material-content .material-nav .panel-menu a.list-group-item:not(.list-group-more):hover,.panel-menu .material-content .material-nav a.list-group-item:not(.list-group-more):hover{color:# 428bca;
	border - color: #428bca}.material-content .material-body{padding:20px;height:460px;overflow-y:auto;border-bottom:1px solid # e7e7eb
}.material - content.material - body.item {
	position: relative
}.material - content.material - body.item: hover {
	outline: 2px solid #428bca}.material-content .material-body .item:hover .del{display:block}.material-content .material-body .item.active .mask,.material-content .material-body .head .navbar-left>li.item:hover .mask,.head .material-content .material-body .navbar-left>li.item:hover .mask,.material-content .material-body .panel-menu .item.list-group-item:not(.list-group-more):hover .mask,.panel-menu .material-content .material-body .item.list-group-item:not(.list-group-more):hover .mask{display:block}.material-content .material-body .mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background-color:rgba(0,0,0,.5);text-align:center;display:none}.material-content .material-body .mask .wi,.material-content .material-body .mask .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .material-content .material-body .mask .ext-apply-item.apply-show:before,.material-content .material-body .mask .cut-list .item.apply-show:before,.cut-list .material-content .material-body .mask .item.apply-show:before{color:# fff;
	font - size: 32px;
	position: absolute;
	top: 50 % ;
	left: 50 % ; - webkit - transform: translate(-50 % , -50 % ); - moz - transform: translate(-50 % , -50 % );
	transform: translate(-50 % , -50 % )
}.material - content.material - body.del {
	position: absolute;
	width: 34px;
	line - height: 34px;
	text - align: center;
	background - color: #428bca;cursor:pointer;bottom:0;right:0;z-index:6;display:none}.material-content .material-body .del .wi,.material-content .material-body .del .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .material-content .material-body .del .ext-apply-item.apply-show:before,.material-content .material-body .del .cut-list .item.apply-show:before,.cut-list .material-content .material-body .del .item.apply-show:before{color:# fff
}.material - content.material - pager {
	padding: 20px;
	height: 79px
}.material - content.tab - content {
	overflow - x: hidden;
	overflow - y: auto;
	height: 310px
}.panel - cut {
	border: 1px solid # c7c7c7;
	border - radius: 0;
	margin - bottom: 0
}.panel - cut > .panel - heading {
	background - color: # f8f8f8;
	padding - left: 30px;
	padding - right: 30px;
	padding - top: 0;
	padding - bottom: 0;
	height: 55px;
	line - height: 55px;
	border - bottom: 1px solid # e7e7eb;
	border - radius: 0;
	font - size: 18px
}.panel - cut > .panel - heading.font -
default a {
	display: inline - block;
	margin - left: 20px
}.panel - cut.panel - del {
	float: right;
	color: #98999a}.panel-cut .cut-header{margin-top:15px;margin-bottom:30px;overflow:hidden}.panel-cut .cut-header .cut-search{width:300px}.panel-cut .cut-header .cut-manage{height:30px;line-height:30px;text-align:right}.panel-cut .cut-manage a{margin-left:30px}.panel-cut .cut-manage a:hover{color:# 428bca
}.panel - cut > .panel - body {
	padding: 15px 30px
}.panel - cut > .panel - footer {
	border - top: 0;
	text - align: right;
	padding - bottom: 30px
}.panel - cut > .panel - footer.fa {
	margin - right: 0
}.panel - cut.cut - page.btn {
	background - color: # f4f4f4
}.panel - cut.cut - page.btn -
default:
hover {
	border - color: # e7e7eb
}.panel - cut.cut - page input {
	outline: 0!important;
	box - shadow: none!important;
	border - color: # e7e7eb!important
}.panel - cut.cut - page.form - control {
	background - color: # f4f4f4;
	width: 75px
}.panel - cut.steps {
	margin - left: 0;
	margin - right: 0
}.roll - div {
	width: 100 % ;
	height: 25px;
	position: fixed;
	z - index: 999;
	top: 65px;
	background - color: # e7e8eb
}.we7 - popover {
	border - radius: 0;
	border - color: # e7e7eb;
	max - width: 400px
}.we7 - popover.popover - content {
	padding: 30px
}.we7 - popover.input - group {
	max - width: 210px
}.we7 - popover.popover - btn {
	text - align: center
}.we7 - popover.popover - btn.btn {
	min - width: 95px
}.we7 - iphone - view {
	height: 524px;
	width: 284px;
	float: left;
	position: relative;
	z - index: 4
}.we7 - iphone - view.iphone - bg {
	position: absolute;
	z - index: -1
}.we7 - iphone - view.iphone - preview {
	width: 284px;
	height: 432px;
	text - align: center;
	padding - top: 40px;
	padding - right: 35px;
	padding - left: 32px
}.we7 - iphone - view.iphone - preview.iphone - content {
	border: 1px solid # e7e7eb;
	height: 100 % ;
	position: relative
}.we7 - iphone - view.iphone - preview img {
	max - width: 100 % ;
	max - height: 100 %
}.we7 - iphone - view.title h1 {
	margin: 0;
	padding: 18px 60px 0 60px;
	height: 64px;
	line - height: 46px;
	font - size: 16px;
	color: # fff;
	text - align: center;
	background: url(.. / images / app / titlebar.png) no - repeat;
	cursor: pointer;
	left: -1px;
	right: -1px
}
# material - Modal # wxcard.table td,
# material - Modal # wxcard.table th {
	text - align: center
}
# material - Modal.material - content.info {
	height: 100px;
	line - height: 100px;
	text - align: center;
	font - size: 14px;
	font - weight: 400
}.material.panel - group {
	position: relative;
	cursor: pointer
}.material.panel - group.panel: first - child {
	margin: 0;
	border - bottom - left - radius: 0;
	border - bottom - right - radius: 0
}.material.panel - group.panel: first - child.img {
	overflow: hidden;
	position: relative;
	height: 160px;
	background - color: # ececec;
	color: silver;
	text - align: center;
	line - height: 132px
}.material.panel - group.panel: first - child.img img {
	max - height: 160px;
	max - width: 100 % ;
	vertical - align: middle
}.material.panel - group.panel: first - child.img span {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 28px;
	line - height: 28px;
	width: 100 % ;
	background: rgba(0, 0, 0, .7);
	color: # fff;
	padding: 0 10px
}.material.panel - group.panel + .panel {
	border - radius: 0;
	margin - top: 0;
	border - top: 0
}.material.panel - group.panel + .panel.panel - body {
	height: 104px;
	padding - right: 105px;
	position: relative;
	overflow: hidden
}.material.panel - group.panel + .panel.img {
	float: right;
	position: absolute;
	right: 15px;
	top: 12px;
	height: 80px;
	width: 80px;
	background - color: # ececec;
	color: silver;
	line - height: 80px;
	text - align: center;
	overflow: hidden
}.material.panel - group.panel + .panel.img img {
	max - width: 80px;
	max - height: 80px;
	vertical - align: middle;
	border: 0
}.material.panel - group.panel + .panel.text h4 {
	word -
	break :break -all;
	font - size: 14px;
	line - height: 1.5em;
	height: 54px;
	overflow: hidden;
	text - overflow: ellipsis
}.material.panel - group.panel - body.
default {
	font - style: normal;
	font - size: 16px
}.material.panel - group.panel:
last - child {
	margin - bottom: 0;
	border - bottom - left - radius: 20px;
	border - bottom - right - radius: 4px
}.material.panel - group.panel: last - child.panel - body {
	padding: 15px
}.material.panel - group img {
	position: absolute;
	left: 0;
	top: 0;
	display: inline - block;
	width: 100 % ;
	height: 100 %
}.material.panel - group.mask {
	position: absolute;
	width: 100 % ;
	height: 100 % ;
	left: 0;
	top: 0;
	z - index: 10;
	background - color: rgba(0, 0, 0, .6)!important;
	text - align: center;
	display: none;
	border - radius: 4px
}.material.panel - group: hover.mask,
.panel - group.selected.mask,
.site - template.panel - group.lock.mask,
.system - template.panel - group.lock.mask {
	display: block
}.material.panel - group > i {
	display: none;
	width: 46px;
	height: 46px;
	color: # fff;
	text - align: center;
	line - height: 46px;
	z - index: 20;
	position: absolute;
	top: 50 % ;
	left: 50 % ;
	margin - top: -23px;
	margin - left: -23px;
	font - size: 46px;
	font - weight: 200
}.material.panel - group.selected > i,
.material.site - template.panel - group.lock > i,
.site - template.material.panel - group.lock > i,
.material.system - template.panel - group.lock > i,
.system - template.material.panel - group.lock > i {
	display: inline - block
}.multi - img - details {
	margin - top: .5em
}.multi - img - details.multi - item {
	height: 150px;
	max - width: 150px;
	position: relative;
	float: left;
	margin - right: 18px
}.multi - img - details.multi - item img {
	max - width: 150px;
	max - height: 150px
}.multi - img - details.multi - item em {
	position: absolute;
	top: 0;
	right: -14px
}.modal - dialog.avatar - browser {
	min - height: 480px;
	line - height: 0;
	color: #428bca}.modal-dialog .avatar-browser .thumbnail{display:block;float:left;width:100px;height:100px;margin-right:13px;cursor:pointer;overflow:hidden}.modal-dialog .avatar-browser .thumbnail:hover{border-color:# 428bca
}.modal - dialog.avatar - browser {
	min - height: 480px;
	line - height: 0;
	color: #428bca}.modal-dialog .avatar-browser .thumbnail{display:block;float:left;width:100px;height:100px;margin-right:13px;cursor:pointer;overflow:hidden}.modal-dialog .avatar-browser .thumbnail:hover{border-color:# 428bca
}.pagination {
	margin: 0
}
# select.btn - info {
	background - color: #428bca}.history-content{text-align:center;height:310px;overflow-y:auto}.history .img-list{margin:4px;display:block;clear:both;list-style:outside none none;padding:0}.history .img-list .img-item{float:left;padding:5px;cursor:pointer;position:relative}.history .img-list .img-item .img-container{position:relative;width:106px;height:106px;text-align:center;background-color:# eee;
	background - size: contain;
	background - repeat: no - repeat;
	background - position: 50 % 50 %
}.history.img - list.img - item.img - container: hover.img - meta {
	display: none
}.history.img - list.img - item.img - container.img - meta {
	width: 100 % ;
	position: absolute;
	bottom: 0;
	z - index: 1;
	background: rgba(0, 0, 0, .5);
	color: # eee
}.history.img - list.img - item.img - container.select - status {
	display: inline - block;
	width: 50px;
	height: 50px;
	position: absolute;
	bottom: 0;
	right: 0;
	z - index: 2
}.history.img - list.img - item - selected.img - container.select - status {
	display: inline - block;
	width: 50px;
	height: 50px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(.. / images / success - small.png) no - repeat right bottom;
	z - index: 2
}.history.img - list.img - item - selected.img - container.img - meta {
	display: none
}.history.img - list.img - item.btnClose {
	text - align: right;
	position: absolute;
	top: -10px;
	right: -5px;
	display: none;
	z - index: 10
}.history.img - list.img - item: hover.btnClose {
	display: block
}.history.img - list.img - item.btnClose a {
	display: inline - block;
	width: 20px;
	height: 20px;
	text - align: center;
	line - height: 20px;
	color: # fff;
	background: rgba(0, 0, 0, .3);
	border - radius: 50 %
}.history.img - list.img - item.btnClose a i.fa - times {
	font - size: 14px;
	padding: 3px;
	margin - top: 0
}.history.img - list.img - item.btnClose a: hover {
	background: #000}.pagination{margin:0}.message-noexist{padding:30px 0}.message-noexist .error-icon{color:# cf1010!important;
	font - size: 100px
}.message - noexist.tips {
	font - size: 40px;
	margin: 40px 0 15px 0
}.message - noexist.state {
	font - size: 24px;
	margin - bottom: 40px
}.message - page {
	padding: 140px 0
}.message - page.icon.wi,
.message - page.icon.ext - apply - list.ext - apply - item.apply - show: before,
.ext - apply - list.message - page.icon.ext - apply - item.apply - show: before,
.message - page.icon.cut - list.item.apply - show: before,
.cut - list.message - page.icon.item.apply - show: before {
	font - size: 98px;
	color: # c2c2c2
}.message - page.message - state {
	font - size: 18px;
	margin: 30px 0 20px 0
}.steps {
	display: flex;
	margin - left: -30px;
	margin - right: -30px;
	padding: 50px 0;
	margin - bottom: 20px;
	border - top: 1px solid # e7e7eb;
	border - bottom: 1px solid # e7e7eb
}.steps.steps - item {
	flex: 1;
	text - align: center
}.steps.steps - line {
	position: relative;
	margin - bottom: 5px
}.steps.steps - line: before,
.steps.steps - line: after {
	content: '';
	width: calc(50 % -45px);
	height: 4px;
	background - color: # f8f8f8;
	position: absolute;
	top: 50 % ;
	margin - top: -2px
}.steps.steps - line: before {
	left: 30px
}.steps.steps - line: after {
	right: 30px
}.steps.steps - num {
	display: inline - block;
	font - size: 16px;
	width: 30px;
	line - height: 30px;
	text - align: center;
	border - radius: 100 % ;
	background - color: # f8f8f8;
	margin: 0 auto
}.steps.steps - state {
	color: #999}.steps .steps-status-finish .steps-line:before,.steps .steps-status-finish .steps-line:after,.steps .steps-status-finish .steps-line .steps-num{background-color:# 428bca
}.steps.steps - status - finish.steps - num {
	color: # fff
}.steps.steps - status - finish.steps - state {
	color: #428bca}.distribution-steps{background-color:# f8f8f8;
	margin - left: -30px;
	margin - right: -30px;
	padding: 30px
}.distribution - steps.steps - container {
	display: flex
}.distribution - steps.steps - container > div {
	flex: 1;
	position: relative;
	padding: 20px 20px 20px 90px
}.distribution - steps.steps - container > div.num {
	position: absolute;
	top: 18px;
	left: 55px;
	font - size: 26px;
	color: #428bca;font-style:italic}.distribution-steps .steps-container>div .title{font-size:18px;color:# 999;
	margin - bottom: 10px
}.distribution - steps.steps - container > div.title.wi,
.distribution - steps.steps - container > div.title.ext - apply - list.ext - apply - item.apply - show: before,
.ext - apply - list.distribution - steps.steps - container > div.title.ext - apply - item.apply - show: before,
.distribution - steps.steps - container > div.title.cut - list.item.apply - show: before,
.cut - list.distribution - steps.steps - container > div.title.item.apply - show: before {
	font - size: 30px;
	margin - right: 10px;
	position: relative;
	top: 2px
}.distribution - steps.steps - container > div.content {
	line - height: 2
}.distribution - steps.steps - container > div.code - container {
	width: 100 % ;
	height: 120px;
	background - color: # f0f0f0
}.we7 - flex {
	display: flex;
	display: -webkit - flex;
	display: -moz - flex;
	display: -ms - flex
}.we7 - flex > div {
	flex: 1
}.reg - system - valid {
	top: 9px;
	right: 12px
}.reg - mobile - valid {
	top: 10px;
	right: 110px
}.pager - total {
	position: relative;
	float: right;
	padding: 6px 12px;
	margin - right: 3px;
	line - height: 1.42857143;
	color: #428bca;text-decoration:none;background-color:# fff;
	border: 1px solid # ddd;
	border - radius: 4px
}.pager - pagination - float {
	display: inline - flex;
	float: right
}@font - face {
	font - family: we7icon;
	src: url(.. / fonts / we7icon.eot ? v = 0718);
	src: url(.. / fonts / we7icon.eot ? v = 0718) format("embedded-opentype"),
	url(.. / fonts / we7icon.ttf ? v = 0718) format("truetype"),
	url(.. / fonts / we7icon.woff ? v = 0718) format("woff"),
	url(.. / fonts / we7icon.svg ? v = 0718) format("svg");
	font - weight: 400;
	font - style: normal
}.wi,
.ext - apply - list.ext - apply - item.apply - show: before,
.cut - list.item.apply - show: before {
	font - family: we7icon!important;
	display: inline - block;
	speak: none;
	font - style: normal;
	font - weight: 400;
	font - variant: normal;
	text - transform: none;
	line - height: 1; - webkit - font - smoothing: antialiased; - moz - osx - font - smoothing: grayscale
}.wi - radioactive: before {
	content: "\e75f"
}.wi - rili: before {
	content: "\e70e"
}.wi - checking: before {
	content: "\e600"
}.wi - app - down: before {
	content: "\e70f"
}.wi - down - sign - s: before {
	content: "\e601"
}.wi - zip: before {
	content: "\e602"
}.wi - warning - cricle: before {
	content: "\e603"
}.wi - wallet: before {
	content: "\e604"
}.wi - warning - sign: before {
	content: "\e605"
}.wi - XML: before {
	content: "\e606"
}.wi - transform: before {
	content: "\e607"
}.wi - coupon: before {
	content: "\e608"
}.wi - upload: before {
	content: "\e609"
}.wi - local: before {
	content: "\e60a"
}.wi - main - apply: before {
	content: "\e60b"
}.wi - wx - circle: before {
	content: "\e60c"
}.wi - star: before {
	content: "\e60d"
}.wi - down: before {
	content: "\e60e"
}.wi - bell: before {
	content: "\e60f"
}.wi - up: before {
	content: "\e610"
}.wi - shopping - cart: before {
	content: "\e611"
}.wi - app - site: before {
	content: "\e612"
}.wi - angle - down: before {
	content: "\e613"
}.wi - angle - up: before {
	content: "\e614"
}.wi - small - routine: before {
	content: "\e615"
}.wi - menu - setting: before {
	content: "\e616"
}.wi - parameter - setting: before {
	content: "\e617"
}.wi - appjurisdiction: before {
	content: "\e618"
}.wi - appsetting: before {
	content: "\e619"
}.wi - system - info: before {
	content: "\e61a"
}.wi - market: before {
	content: "\e61b"
}.wi - distribution: before {
	content: "\e61c"
}.wi - user: before {
	content: "\e61d"
}.wi - message: before {
	content: "\e61e"
}.wi - article: before {
	content: "\e61f"
}.wi - userjurisdiction: before {
	content: "\e620"
}.wi - registersite: before {
	content: "\e621"
}.wi - file: before {
	content: "\e622"
}.wi - systemmenu: before {
	content: "\e623"
}.wi - reply: before {
	content: "\e624"
}.wi - crontab: before {
	content: "\e625"
}.wi - redact: before {
	content: "\e626"
}.wi - fans: before {
	content: "\e627"
}.wi - appstatistics: before {
	content: "\e628"
}.wi - qrcode: before {
	content: "\e629"
}.wi - custommenu: before {
	content: "\e62a"
}.wi - keyword: before {
	content: "\e62b"
}.wi - parameter: before {
	content: "\e62c"
}.wi - card: before {
	content: "\e62d"
}.wi - flow: before {
	content: "\e62e"
}.wi - appmsg: before {
	content: "\e62f"
}.wi - hint: before {
	content: "\e630"
}.wi - search: before {
	content: "\e631"
}.wi - stick: before {
	content: "\e632"
}.wi - cut: before {
	content: "\e633"
}.wi - requirement: before {
	content: "\e634"
}.wi - delete2: before {
	content: "\e635"
}.wi - copyright: before {
	content: "\e636"
}.wi - fansmanage: before {
	content: "\e637"
}.wi - goods: before {
	content: "\e638"
}.wi - order: before {
	content: "\e639"
}.wi - update: before {
	content: "\e63a"
}.wi - notice: before {
	content: "\e63b"
}.wi - skin: before {
	content: "\e63c"
}.wi - home: before {
	content: "\e63d"
}.wi - cache: before {
	content: "\e63e"
}.wi - userstatistics: before {
	content: "\e63f"
}.wi - hide: before {
	content: "\e640"
}.wi - wxapp - pack: before {
	content: "\e641"
}.wi - wxapp - setting: before {
	content: "\e642"
}.wi - system - site: before {
	content: "\e99e"
}.wi - apply: before {
	content: "\e644"
}.wi - changing - over: before {
	content: "\e645"
}.wi - s - template: before {
	content: "\e646"
}.wi - site - setting: before {
	content: "\e647"
}.wi - clock: before {
	content: "\e648"
}.wi - advertisement: before {
	content: "\e649"
}.wi - remove: before {
	content: "\e64a"
}.wi - disabled: before {
	content: "\e64b"
}.wi - iphone: before {
	content: "\e64c"
}.wi - plus: before {
	content: "\e64d"
}.wi - version -
switch :before {
	content: "\e64e"
}.wi - diagnose: before {
	content: "\e64f"
}.wi - setting: before {
	content: "\e650"
}.wi - wechat: before {
	content: "\e651"
}.wi - exploitsetting: before {
	content: "\e652"
}.wi - sql: before {
	content: "\e653"
}.wi - log: before {
	content: "\e654"
}.wi - safety: before {
	content: "\e655"
}.wi - optimize: before {
	content: "\e656"
}.wi - adgroup: before {
	content: "\e657"
}.wi - attachment: before {
	content: "\e658"
}.wi - wechatstatistics: before {
	content: "\e659"
}.wi - img: before {
	content: "\e65a"
}.wi - text: before {
	content: "\e65b"
}.wi - radio: before {
	content: "\e65c"
}.wi - video: before {
	content: "\e65d"
}.wi - navigation: before {
	content: "\e65e"
}.wi - show: before,
.ext - apply - list.ext - apply - item.apply - show: before,
.cut - list.item.apply - show: before {
	content: "\e65f"
}.wi - compose: before {
	content: "\e660"
}.wi - template: before {
	content: "\e661"
}.wi - introduction: before {
	content: "\e662"
}.wi - view: before {
	content: "\e663"
}.wi - blacklist: before {
	content: "\e664"
}.wi - authentication: before {
	content: "\e665"
}.wi - pirate: before {
	content: "\e666"
}.wi - test: before {
	content: "\e667"
}.wi - upload - file: before {
	content: "\e668"
}.wi - download - circle: before {
	content: "\e669"
}.wi - setting - circle: before {
	content: "\e66a"
}.wi - home - nav - circle: before {
	content: "\e66b"
}.wi - branch: before {
	content: "\e66c"
}.wi - plugin: before {
	content: "\e66d"
}.wi - flag - star: before {
	content: "\e66e"
}.wi - direct: before {
	content: "\e66f"
}.wi - home - nav: before {
	content: "\e670"
}.wi - info: before {
	content: "\e671"
}.wi - rocket: before {
	content: "\e672"
}.wi - list: before {
	content: "\e673"
}.wi - manage - menu: before {
	content: "\e674"
}.wi - cover: before {
	content: "\e675"
}.wi - personal: before {
	content: "\e676"
}.wi - independence: before {
	content: "\e677"
}.wi - signal: before {
	content: "\e678"
}.wi - export: before {
	content: "\e679"
}.wi - insert: before {
	content: "\e67a"
}.wi - d - parameter: before {
	content: "\e67b"
}.wi - right - sign - s: before {
	content: "\e67c"
}.wi - limited - time: before {
	content: "\e67d"
}.wi - payment: before {
	content: "\e67e"
}.wi - invoice: before {
	content: "\e67f"
}.wi - folded: before {
	content: "\e680"
}.wi - goods - setting: before {
	content: "\e681"
}.wi - v - bussiness: before {
	content: "\e682"
}.wi - v - authorities: before {
	content: "\e683"
}.wi - free: before {
	content: "\e684"
}.wi - upgrade: before {
	content: "\e685"
}.wi - setting - wxapp: before {
	content: "\e686"
}.wi - sensitive: before {
	content: "\e687"
}.wi - scan: before {
	content: "\e688"
}.wi - refund: before {
	content: "\e689"
}.wi - file - sign: before {
	content: "\e68a"
}.wi - system - work: before {
	content: "\e68b"
}.wi - count - down: before {
	content: "\e68c"
}.wi - waiting: before {
	content: "\e68d"
}.wi - step - arrows: before {
	content: "\e68e"
}.wi - examine: before {
	content: "\e68f"
}.wi - repair: before {
	content: "\e690"
}.wi - wxapp - upload: before {
	content: "\e691"
}.wi - publish: before {
	content: "\e692"
}.wi - clock - sign: before {
	content: "\e693"
}.wi - code: before {
	content: "\e694"
}.wi - help: before {
	content: "\e695"
}.wi - store: before {
	content: "\e696"
}.wi - goods - add: before {
	content: "\e697"
}.wi - statistical: before {
	content: "\e698"
}.wi - account: before {
	content: "\e699"
}.wi - sale - record: before {
	content: "\e69a"
}.wi - pay - setting: before {
	content: "\e69b"
}.wi - co - founder: before {
	content: "\e69c"
}.wi - m - home: before {
	content: "\e69d"
}.wi - m - user: before {
	content: "\e69e"
}.wi - filter: before {
	content: "\e69f"
}.wi - angle - up - circle: before {
	content: "\e6a0"
}.wi - customer - service: before {
	content: "\e6a1"
}.wi - angle - down - circle: before {
	content: "\e6a2"
}.wi - categories: before {
	content: "\e6a3"
}.wi - more: before {
	content: "\e6a4"
}.wi - white - collar: before {
	content: "\e6a5"
}.wi - data - synchro: before {
	content: "\e6a6"
}.wi - wxapp - webpack: before {
	content: "\e6a7"
}.wi - wxapp - download: before {
	content: "\e6a8"
}.wi - advert: before {
	content: "\e6a9"
}.wi - sad: before {
	content: "\e6aa"
}.wi - wxapp: before {
	content: "\e6ab"
}.wi - wxapp - apply: before {
	content: "\e6ac"
}.wi - wx - apply: before {
	content: "\e6ad"
}.wi - wx - template: before {
	content: "\e6ae"
}.wi - user - group: before {
	content: "\e6af"
}.wi - tag: before {
	content: "\e6b0"
}.wi - step - select: before {
	content: "\e6b1"
}.wi - step - down: before {
	content: "\e6b2"
}.wi - step - bottom: before {
	content: "\e6b3"
}.wi - site: before {
	content: "\e6b4"
}.wi - share: before {
	content: "\e6b5"
}.wi - step - project: before {
	content: "\e6b6"
}.wi - send: before {
	content: "\e6b7"
}.wi - s - setting: before {
	content: "\e6b8"
}.wi - service: before {
	content: "\e6b9"
}.wi - select - tem: before {
	content: "\e6ba"
}.wi - s - search: before {
	content: "\e6bb"
}.wi - select - diy: before {
	content: "\e6bc"
}.wi - select - app: before {
	content: "\e6bd"
}.wi - right - circle: before {
	content: "\e6be"
}.wi - s - radio - selected: before {
	content: "\e6bf"
}.wi - right - sign: before {
	content: "\e6c0"
}.wi - right: before {
	content: "\e6c1"
}.wi - s - radio: before {
	content: "\e6c2"
}.wi - qq: before {
	content: "\e6c3"
}.wi - photograph: before {
	content: "\e6c4"
}.wi - pc - apply: before {
	content: "\e6c5"
}.wi - php: before {
	content: "\e6c6"
}.wi - phone: before {
	content: "\e6c7"
}.wi - pc: before {
	content: "\e6c8"
}.wi - pc - support: before {
	content: "\e6c9"
}.wi - s - message: before {
	content: "\e6ca"
}.wi - ip: before {
	content: "\e6cb"
}.wi - info - sign: before {
	content: "\e6cc"
}.wi - info - circle: before {
	content: "\e6cd"
}.wi - we7: before {
	content: "\e6ce"
}.wi - link: before {
	content: "\e6cf"
}.wi - index: before {
	content: "\e6d0"
}.wi - s - img: before {
	content: "\e6d1"
}.wi - s - home: before {
	content: "\e6d2"
}.wi - guarantee: before {
	content: "\e6d3"
}.wi - git: before {
	content: "\e6d4"
}.wi - frozen: before {
	content: "\e6d5"
}.wi - eye: before {
	content: "\e6d6"
}.wi - explain - sign: before {
	content: "\e6d7"
}.wi - forum: before {
	content: "\e6d8"
}.wi - explain: before {
	content: "\e6d9"
}.wi - error - sign: before {
	content: "\e6da"
}.wi - error: before {
	content: "\e6db"
}.wi - up - sign: before {
	content: "\e6dc"
}.wi - error - cricle: before {
	content: "\e6dd"
}.wi - download: before {
	content: "\e6de"
}.wi - delete: before {
	content: "\e6df"
}.wi - developer: before {
	content: "\e6e0"
}.wi - diy: before {
	content: "\e6e1"
}.wi - copy: before {
	content: "\e6e2"
}.wi - telephone: before {
	content: "\e6e3"
}.wi - check: before {
	content: "\e6e4"
}.wi - collect: before {
	content: "\e6e5"
}.wi - bug: before {
	content: "\e6e6"
}.wi - s - card: before {
	content: "\e6e7"
}.wi - check - select: before {
	content: "\e6e8"
}.wi - bom: before {
	content: "\e6e9"
}.wi - go - sign: before {
	content: "\e6ea"
}.wi - back - sign: before {
	content: "\e6eb"
}.wi - back - circle: before {
	content: "\e6ec"
}.wi - go - circle: before {
	content: "\e6ed"
}.wi - avail: before {
	content: "\e6ee"
}.wi - api: before {
	content: "\e6ef"
}.wi - application: before {
	content: "\e6f0"
}.wi - angle - left: before {
	content: "\e6f1"
}.wi - angle - right: before {
	content: "\e6f2"
}.wi - ad: before {
	content: "\e6f3"
}.wi - management - platform: before {
	content: "\e6f4"
}.wi - file - finished: before {
	content: "\e6f5"
}.wi - divergence: before {
	content: "\e6f6"
}.wi - one: before {
	content: "\e6f7"
}.wi - mobile - device: before {
	content: "\e6f8"
}.wi - stick - sign: before {
	content: "\e6f9"
}.wi - four: before {
	content: "\e6fa"
}.wi - three: before {
	content: "\e6fb"
}.wi - two: before {
	content: "\e6fc"
}.wi - down - sign: before {
	content: "\e6fd"
}.wi - pc - circle: before {
	content: "\e6fe"
}.wi - app: before {
	content: "\e6ff"
}.wi - s - view: before {
	content: "\e700"
}.wi - app - apply: before {
	content: "\e701"
}.wi - home - apply: before {
	content: "\e702"
}.wi - desktop: before {
	content: "\e703"
}.wi - warning - complaint: before {
	content: "\e704"
}.wi - info - list: before {
	content: "\e705"
}.wi - thirdlogin: before {
	content: "\e706"
}.wi - oauth: before {
	content: "\e707"
}.wi - job: before {
	content: "\e708"
}.wi - sms: before {
	content: "\e709"
}.wi - bind - domain: before {
	content: "\e70a"
}.wi - sms - sign: before {
	content: "\e70b"
}.wi - ios: before {
	content: "\e70c"
}.wi - android: before {
	content: "\e70d"
}.wi - manage: before {
	content: "\e710"
}.wi - platform: before {
	content: "\e711"
}.wi - refuse: before {
	content: "\e643"
}.wi - action: before {
	content: "\e713"
}.wi - more1: before {
	content: "\e714"
}.wi - diannao: before {
	content: "\e715"
}.wi - xitong: before {
	content: "\e716"
}.wi - weixin: before {
	content: "\e717"
}.wi - xiaochengxu: before {
	content: "\e718"
}.wi - fenquan: before {
	content: "\e712"
}.wi - shouye: before {
	content: "\e719"
}.wi - rewrite: before {
	content: "\e71a"
}.wi - xzapp: before {
	content: "\e722"
}.wi - xzapp - apply: before {
	content: "\e723"
}
a: hover {
	color: #428bca;text-decoration:none}.head{background-color:# fff
}.head.navbar -
default {
	background - color: # fff;
	border - bottom: 1px solid # c7c7c7;
	height: 57px;
	border - radius: 0;
	margin: 0
}.head a:
hover {
	color: #428bca!important}.head .navbar-header{width:235px}.head .navbar-header a{font-size:12px}.head .navbar-header .version{margin-left:6px;margin-top:-4px;background-color:# aeaeae;
	padding: 2px 5px;
	display: block;
	float: right;
	border - radius: 2px;
	color: # fff;
	line - height: 1
}.head.navbar - header.navbar - brand {
	padding: 11px 15px;
	height: 57px
}.head.navbar - left {
	font - size: 16px;
	margin: 0 - 20px
}.head.navbar - left > li > a {
	padding - left: 15px;
	padding - right: 15px;
	height: 52px;
	line - height: 25px
}.head.navbar - left.active,
.head.navbar - left > li: hover,
.head.navbar - left.panel - menu.list - group - item: not(.list - group - more): hover,
.panel - menu.head.navbar - left.list - group - item: not(.list - group - more): hover,
.skin - black.head.navbar - left > li: hover {
	border - bottom: 3px solid #428bca;background-color:transparent}.head .navbar-left .active a,.head .navbar-left>li:hover a,.head .navbar-left .panel-menu .list-group-item:not(.list-group-more):hover a,.panel-menu .head .navbar-left .list-group-item:not(.list-group-more):hover a,.skin-black .head .navbar-left>li:hover a{background-color:transparent!important}.head .navbar-right{font-size:16px}.head .navbar-right .popover{min-width:3em;color:# 4c4c4c
}.head.navbar - right.popover.popover - content {
	padding: 3px 8px
}.head.navbar - right li: hover {
	background - color: transparent;
	color: #428bca}.head .navbar-right .wi,.head .navbar-right .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .head .navbar-right .ext-apply-item.apply-show:before,.head .navbar-right .cut-list .item.apply-show:before,.cut-list .head .navbar-right .item.apply-show:before,.head .navbar-right .fa{font-size:21px;margin-right:2px;vertical-align:middle}.head .navbar-right .navbar-avatar{width:21px;height:21px;border-radius:50%;margin-right:4px}.head .navbar-right .msg .wi-bell{position:relative}.head .navbar-right .msg .badge{position:absolute;color:# fff;
	background - color: # ff0030;
	right: -15px;
	top: -9px
}.head.navbar - right.msg.dropdown - menu {
	width: 300px;
	height: 500px;
	overflow: hidden;
	color: #4c4c4c;padding:0}.head .navbar-right .msg .top{padding:0 10px;line-height:50px;border-bottom:1px solid # e7e7eb
}.head.navbar - right.msg.top a {
	color: #428bca}.head .navbar-right .msg-list-container{padding:0 10px;height:437px;overflow-y:auto}.head .navbar-right .msg .item{font-size:12px;padding:10px 0}.head .navbar-right .msg .item .info{color:# 999;
	margin - bottom: 10px
}.head.navbar - right.msg.item + .item {
	border - top: 1px solid # e7e7eb
}.head.open a {
	background - color: transparent!important
}.head.other {
	margin - left: 10px;
	margin - right: -10px
}.head.other > li: first - child a: before {
	content: '';
	position: absolute;
	border - left: 1px solid # e7e7eb;
	left: -5px;
	left: -5px;
	height: 1em;
	top: 50 % ;
	transform: translateY(-25 % )
}.head + .main {
	min - height: 725px
}.head + .main.panel - cut {
	min - height: 725px
}.head.head - dropdown - menu {
	position: fixed;
	top: auto;
	left: 0;
	right: 0;
	padding: 0;
	border - color: # fafafa;
	border - bottom: 1px solid # e7e7eb;
	border - radius: 0;
	background - color: # fafafa
}.head.head - app - list {
	padding - left: 235px;
	margin: 0 - 20px
}.head.head - app - item {
	display: inline - block
}.head.head - app - item > a {
	height: 90px!important;
	line - height: 90px!important;
	margin: 0 20px;
	display: inline - block
}.head.head - app - item > a: hover {
	color: #428bca}.head .head-app-item>a:hover .wi,.head .head-app-item>a:hover .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .head .head-app-item>a:hover .ext-apply-item.apply-show:before,.head .head-app-item>a:hover .cut-list .item.apply-show:before,.cut-list .head .head-app-item>a:hover .item.apply-show:before{color:# 428bca
}.head.head - app - item > a.wi,
.head.head - app - item > a.ext - apply - list.ext - apply - item.apply - show: before,
.ext - apply - list.head.head - app - item > a.ext - apply - item.apply - show: before,
.head.head - app - item > a.cut - list.item.apply - show: before,
.cut - list.head.head - app - item > a.item.apply - show: before {
	margin - right: 10px;
	font - size: 24px;
	color: # ccc;
	vertical - align: middle
}.head.head - app - item: last - of - type: before {
	content: ' ';
	border - left: 1px solid # e7e7eb
}.main {
	margin: 30px 0
}.system - tips + .main {
	min - height: 725px;
	margin - top: 0
}.main - lg - body.head.container {
	width: auto;
	padding: 0 30px
}.main - lg - body.main.container {
	width: auto;
	margin: 0 30px
}.main - lg - body.main.container > div.panel - content > .panel - body {
	padding - right: 0!important;
	padding - top: 0!important
}.right - content.nav.nav - tabs {
	margin - bottom: 30px
}.right - content > .we7 - page - title {
	display: none
}.right - content.we7 - page - tab: empty {
	display: none
}.button - to - big {
	position: absolute;
	right: -25px;
	width: 25px;
	padding: 15px 0;
	background - color: # fff;
	text - align: center;
	border: 1px solid # c7c7c7;
	border - left: 0
}.panel - content {
	border: 1px solid # c7c7c7;
	border - radius: 0;
	box - shadow: 0 0 0;
	margin - bottom: 0
}.panel - content > .panel - heading {
	height: 57px;
	line - height: 35px;
	border - bottom: 1px solid # e7e7eb;
	background - color: # f8f8f8;
	padding: 10px 30px;
	border - radius: 0
}.panel - content > .panel - body {
	padding: 0;
	margin - bottom: 0
}.main - panel - body {
	width: 100 % ;
	display: -webkit - box;
	display: -moz - box;
	display: -webkit - flex;
	display: -ms - flexbox;
	display: flex;
	min - height: 725px; - webkit - flex - wrap: wrap; - moz - flex - wrap: wrap; - o - flex - wrap: wrap; - ms - flex - wrap: wrap; - flex - wrap: wrap
}.left - menu {
	width: 210px;
	border - right: 1px solid # e7e7eb;
	overflow: hidden!important
}.left - menu.left - menu - content {
	width: 228px;
	overflow - y: scroll
}.left - menu.panel - heading {
	cursor: pointer
}.left - menu.panel - heading span {
	display: block
}.left - menu.panel - heading span.no - collapse {
	padding: 10px 15px;
	line - height: 25px
}.left - menu.panel - heading span: hover {
	color: # a09f9f
}.left - menu.list - group.wi,
.left - menu.list - group.ext - apply - list.ext - apply - item.apply - show: before,
.ext - apply - list.left - menu.list - group.ext - apply - item.apply - show: before,
.left - menu.list - group.cut - list.item.apply - show: before,
.cut - list.left - menu.list - group.item.apply - show: before,
.left - menu.list - group.fa,
.left - menu.panel - heading.wi - wechat,
.left - menu.panel - heading.wi - small - routine,
.left - menu.panel - heading.wi - user,
.left - menu.panel - heading.wi - appjurisdiction,
.left - menu.panel - heading.wi - article,
.left - menu.panel - heading.wi - update {
	font - size: 24px;
	position: relative;
	line - height: 25px;
	margin - right: 5px;
	color: # b2b2b2;
	vertical - align: middle
}.left - menu.setting {
	line - height: 20px
}.left - menu.plugin - menu {
	width: 100 % ;
	height: 100 % ;
	padding - left: 60px
}.left - menu.plugin - menu.plugin - menu - main {
	width: 60px;
	margin - left: -60px;
	background - color: # f8f8f8;
	border - right: 1px solid # e7e7eb;
	margin - bottom: -9999px;
	padding - bottom: 9999px
}.left - menu.plugin - menu.plugin - menu - main.list - group {
	text - align: center
}.left - menu.plugin - menu.plugin - menu - main.list - group.wi,
.left - menu.plugin - menu.plugin - menu - main.list - group.ext - apply - list.ext - apply - item.apply - show: before,
.ext - apply - list.left - menu.plugin - menu.plugin - menu - main.list - group.ext - apply - item.apply - show: before,
.left - menu.plugin - menu.plugin - menu - main.list - group.cut - list.item.apply - show: before,
.cut - list.left - menu.plugin - menu.plugin - menu - main.list - group.item.apply - show: before,
.left - menu.plugin - menu.plugin - menu - main.list - group.fa {
	font - size: 30px;
	color: # b2b2b2;
	margin - bottom: 8px;
	margin - right: 0
}.left - menu.plugin - menu.plugin - menu - main.list - group.img - icon {
	width: 30px;
	height: 30px;
	border - radius: 3px;
	margin - bottom: 8px;
	margin - right: 0; - webkit - filter: grayscale(1); - moz - filter: grayscale(1); - mo - filter: grayscale(1); - o - filter: grayscale(1);
	filter: gray;
	filter: grayscale(1)
}.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item {
	background - color: # f8f8f8;
	color: # b2b2b2;
	padding: 10px 0;
	border - right: 0;
	border - left: 0
}.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item a {
	display: block
}.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item div {
	overflow: hidden;
	text - overflow: ellipsis;
	display: -webkit - box; - webkit - line - clamp: 2; - webkit - box - orient: vertical;
	line - height: 20px;
	max - height: 40px
}.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item: first - child {
	border - top - left - radius: 0;
	border - top - right - radius: 0;
	border - top: none
}.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item: last - child {
	border - bottom - left - radius: 0;
	border - bottom - right - radius: 0
}.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item.active,
.left - menu.plugin - menu.plugin - menu - main.list - group.head.navbar - left > li.list - group - item: hover,
.head.left - menu.plugin - menu.plugin - menu - main.list - group.navbar - left > li.list - group - item: hover,
.left - menu.plugin - menu.plugin - menu - main.list - group.panel - menu.list - group - item: not(.list - group - more): hover,
.panel - menu.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item: not(.list - group - more): hover {
	background - color: # fff;
	border - color: # e7e7eb;
	position: relative
}.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item.active a,
.left - menu.plugin - menu.plugin - menu - main.list - group.head.navbar - left > li.list - group - item: hover a,
.head.left - menu.plugin - menu.plugin - menu - main.list - group.navbar - left > li.list - group - item: hover a,
.left - menu.plugin - menu.plugin - menu - main.list - group.panel - menu.list - group - item: not(.list - group - more): hover a,
.panel - menu.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item: not(.list - group - more): hover a {
	color: #428bca!important}.left-menu .plugin-menu .plugin-menu-main .list-group .list-group-item.active:after,.left-menu .plugin-menu .plugin-menu-main .list-group .head .navbar-left>li.list-group-item:hover:after,.head .left-menu .plugin-menu .plugin-menu-main .list-group .navbar-left>li.list-group-item:hover:after,.left-menu .plugin-menu .plugin-menu-main .list-group .panel-menu .list-group-item:hover:not(.list-group-more):after,.panel-menu .left-menu .plugin-menu .plugin-menu-main .list-group .list-group-item:hover:not(.list-group-more):after{content:'';width:2px;position:absolute;top:0;right:-1px;bottom:0;background-color:# fff;
	z - index: 1
}.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item.active.img - icon,
.left - menu.plugin - menu.plugin - menu - main.list - group.head.navbar - left > li.list - group - item: hover.img - icon,
.head.left - menu.plugin - menu.plugin - menu - main.list - group.navbar - left > li.list - group - item: hover.img - icon,
.left - menu.plugin - menu.plugin - menu - main.list - group.panel - menu.list - group - item: not(.list - group - more): hover.img - icon,
.panel - menu.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item: not(.list - group - more): hover.img - icon {
	-webkit - filter: initial; - moz - filter: initial; - mo - filter: initial; - o - filter: initial;
	filter: initial;
	filter: initial
}.left - menu.plugin - menu.plugin - menu - sub {
	width: 100 %
}.left - menu.plugin - menu.plugin - menu - sub.panel - heading,
.left - menu.plugin - menu.plugin - menu - sub.list - group - item {
	padding - left: 15px
}.menu - fixed.left - menu {
	margin - bottom: 0;
	padding - bottom: 0
}.menu - fixed.left - menu.left - menu - content {
	height: 100 % ;
	overflow - x: hidden
}.right - content {
	flex: 1;
	padding: 30px;
	width: 0
}.right - content > .user - head - info {
	margin - top: 30px
}.content - head {
	position: relative
}.content - head img.head - logo {
	border - radius: 50 % ;
	width: 40px;
	height: 40px;
	margin - right: 20px
}.content - head.head - app - logo {
	width: 33px;
	height: 33px;
	border - radius: 5px;
	margin - right: 20px
}.content - head span {
	margin - right: 20px
}.content - head span: nth - child(1) {
	font - size: 16px
}.content - head span: nth - last - of - type(2) {
	margin - right: 0
}.content - head.label - primary {
	border - radius: 4px
}.content - head.wi,
.content - head.ext - apply - list.ext - apply - item.apply - show: before,
.ext - apply - list.content - head.ext - apply - item.apply - show: before,
.content - head.cut - list.item.apply - show: before,
.cut - list.content - head.item.apply - show: before,
.content - head.fa {
	margin - right: 10px;
	font - size: 24px;
	position: relative;
	color: #949494;vertical-align:middle}.we7-head-back{width:60px;height:55px;line-height:55px;display:inline-block;text-align:center;position:absolute;left:0;margin-top:-10px}.we7-head-back .wi,.we7-head-back .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .we7-head-back .ext-apply-item.apply-show:before,.we7-head-back .cut-list .item.apply-show:before,.cut-list .we7-head-back .item.apply-show:before,.we7-head-back .fa{margin-right:0;font-size:30px}.we7-head-account{display:inline-block;height:55px;line-height:55px;width:149px;border-right:1px solid # e7e7eb;
	white - space: nowrap;
	overflow: hidden;
	text - overflow: ellipsis;
	position: absolute;
	left: 60px;
	margin - top: -10px
}.we7 - head - account a {
	display: block;
	color: #252424}.we7-head-account a:hover{color:# 252424
}.we7 - head - account + .head - app - logo {
	margin - left: 200px
}.main - panel - heading.related - info {
	line - height: 56px;
	margin - top: -10px;
	margin - right: -30px
}.main - panel - heading.related - info span {
	margin: 0;
	display: inline - block
}.main - panel - heading.related - info.wi,
.main - panel - heading.related - info.ext - apply - list.ext - apply - item.apply - show: before,
.ext - apply - list.main - panel - heading.related - info.ext - apply - item.apply - show: before,
.main - panel - heading.related - info.cut - list.item.apply - show: before,
.cut - list.main - panel - heading.related - info.item.apply - show: before {
	color: # b2b2b2
}.main - panel - heading.related - info.top - view {
	border - right: 1px solid # e7e7eb
}.main - panel - heading.related - info.top - view a {
	display: inline - block;
	padding: 0 15px;
	max - width: 160px;
	height: 56px;
	color: # b2b2b2;
	font - size: 14px;
	white - space: nowrap;
	word -
	break :break -all;
	overflow: hidden;
	text - overflow: ellipsis;
	vertical - align: bottom;
	position: relative
}.main - panel - heading.related - info.top - view a: hover {
	color: #428bca!important}.main-panel-heading .related-info .top-view a:hover .wi,.main-panel-heading .related-info .top-view a:hover .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .main-panel-heading .related-info .top-view a:hover .ext-apply-item.apply-show:before,.main-panel-heading .related-info .top-view a:hover .cut-list .item.apply-show:before,.cut-list .main-panel-heading .related-info .top-view a:hover .item.apply-show:before{color:# 428bca
}.main - panel - heading.related - info.top - view a + a: before {
	content: '';
	width: 1px;
	background - color: # e7e7eb;
	position: absolute;
	top: 15px;
	left: 0;
	bottom: 15px
}.main - panel - heading.related - info.dropdown - icon {
	display: block;
	width: 57px;
	text - align: center
}.main - panel - heading.related - info.dropdown - icon.wi,
.main - panel - heading.related - info.dropdown - icon.ext - apply - list.ext - apply - item.apply - show: before,
.ext - apply - list.main - panel - heading.related - info.dropdown - icon.ext - apply - item.apply - show: before,
.main - panel - heading.related - info.dropdown - icon.cut - list.item.apply - show: before,
.cut - list.main - panel - heading.related - info.dropdown - icon.item.apply - show: before {
	font - size: 18px;
	margin: 0
}.main - panel - heading.related - info.dropdown - menu {
	border - radius: 0;
	margin: 0
}.main - panel - heading.related - info.dropdown - menu li {
	font - size: 14px;
	text - align: right;
	padding: 8px 16px
}.main - panel - heading.related - info.dropdown - menu li a {
	color: # b2b2b2
}.main - panel - heading.related - info.dropdown - menu li a: hover {
	background - color: transparent;
	color: #428bca}.main-panel-heading .related-info .dropdown-menu li a:hover .wi,.main-panel-heading .related-info .dropdown-menu li a:hover .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .main-panel-heading .related-info .dropdown-menu li a:hover .ext-apply-item.apply-show:before,.main-panel-heading .related-info .dropdown-menu li a:hover .cut-list .item.apply-show:before,.cut-list .main-panel-heading .related-info .dropdown-menu li a:hover .item.apply-show:before{color:# 428bca
}.main - panel - heading.related - info.dropdown - menu li a.plus {
	margin - left: 10px
}.main - panel - heading.related - info.dropdown - menu li a.plus.wi,
.main - panel - heading.related - info.dropdown - menu li a.plus.ext - apply - list.ext - apply - item.apply - show: before,
.ext - apply - list.main - panel - heading.related - info.dropdown - menu li a.plus.ext - apply - item.apply - show: before,
.main - panel - heading.related - info.dropdown - menu li a.plus.cut - list.item.apply - show: before,
.cut - list.main - panel - heading.related - info.dropdown - menu li a.plus.item.apply - show: before {
	font - size: 12px
}.main - panel - heading.related - info.dropdown - menu li + li {
	border - top: 1px solid # e7e7eb
}.panel - menu {
	padding - left: 0;
	margin - bottom: 0;
	border: 0;
	border - bottom: 1px solid # e7e7eb;
	box - shadow: 0 0 0;
	border - radius: 0
}.panel - menu > .panel - heading {
	background - color: transparent;
	color: # a09f9f;
	padding: 0
}.panel - menu > .panel - heading a {
	display: block;
	padding: 10px 20px
}.panel - menu.list - group - item: not(.list - group - more) {
	border: 0;
	color: #252424;padding-left:30px;padding-top:0;padding-bottom:0;border-radius:0!important}.panel-menu .list-group-item:not(.list-group-more):hover a{color:# fff!important
}.panel - menu.list - group - item: not(.list - group - more): hover.wi,
.panel - menu.list - group - item: not(.list - group - more): hover.ext - apply - list.ext - apply - item.apply - show: before,
.ext - apply - list.panel - menu.list - group - item: not(.list - group - more): hover.ext - apply - item.apply - show: before,
.panel - menu.list - group - item: not(.list - group - more): hover.cut - list.item.apply - show: before,
.cut - list.panel - menu.list - group - item: not(.list - group - more): hover.item.apply - show: before,
.panel - menu.list - group - item: not(.list - group - more): hover.fa {
	color: # fff
}.panel - menu.list - group - item: not(.list - group - more).active,
.panel - menu.list - group - item: not(.list - group - more): hover,
.skin - black.panel - menu.list - group - item: not(.list - group - more): hover,
.panel - menu.skin - black.head.navbar - left > li.list - group - item: not(.list - group - more): hover {
	background - color: #428bca;color:# fff
}.panel - menu.list - group - item: not(.list - group - more).active.wi,
.panel - menu.list - group - item: not(.list - group - more): hover.wi,
.panel - menu.list - group - item: not(.list - group - more).active.ext - apply - list.ext - apply - item.apply - show: before,
.ext - apply - list.panel - menu.list - group - item: not(.list - group - more).active.ext - apply - item.apply - show: before,
.panel - menu.list - group - item: not(.list - group - more): hover.ext - apply - list.ext - apply - item.apply - show: before,
.ext - apply - list.panel - menu.list - group - item: not(.list - group - more): hover.ext - apply - item.apply - show: before,
.panel - menu.list - group - item: not(.list - group - more).active.cut - list.item.apply - show: before,
.cut - list.panel - menu.list - group - item: not(.list - group - more).active.item.apply - show: before,
.panel - menu.list - group - item: not(.list - group - more): hover.cut - list.item.apply - show: before,
.cut - list.panel - menu.list - group - item: not(.list - group - more): hover.item.apply - show: before,
.panel - menu.list - group - item: not(.list - group - more).active.fa,
.panel - menu.list - group - item: not(.list - group - more): hover.fa {
	color: # fff
}.panel - menu.list - group - item: not(.list - group - more).active a,
.panel - menu.list - group - item: not(.list - group - more): hover a,
.skin - black.panel - menu.list - group - item: not(.list - group - more): hover a {
	color: # fff
}.panel - menu.list - group - item: not(.list - group - more) img {
	width: 33px;
	height: 33px;
	border - radius: 3px;
	margin - right: 10px
}.panel - menu.list - group - item: not(.list - group - more) a {
	padding - top: 10px;
	padding - bottom: 10px;
	margin - left: -30px;
	padding - left: 30px;
	display: block;
	color: #252424}.panel-menu .list-group-more{border:0;text-align:center;margin:0}.panel-menu .list-group-more .label-more{border:1px dashed # e7e7eb;
	color: #252424;font-size:14px;padding:0;width:164px;height:34px;line-height:30px;vertical-align:middle;border-radius:0;display:inline-block;position:relative;font-weight:400}.panel-menu .list-group-more .label-more:before{content:'+';color:# 98999a;
	font - size: 25px;
	position: absolute;
	left: 15px
}.panel - menu.list - group - more.label - more: hover {
	color: #428bca}.panel-menu:last-child{border-bottom:10px}.panel-content-plugin .left-menu{width:270px}.panel-content-plugin .we7-head-account{width:209px}.panel-content-plugin .we7-head-account+.head-app-logo{margin-left:260px}.link-group{text-align:right}.link-group a{color:# 428bca;
	margin - left: 10px
}.link - group a: last - child {
	margin - right: 0
}
# js - wesite - display.link - group a {
	margin - right: 5px;
	margin - left: 0
}
# js - system - module.we7 - page - tab {
	margin - top: -17px
}.cut - wechat - list {
	padding: 30px 30px 0
}.cut - wechat - list li {
	width: 25 % ;
	padding - left: 30px;
	padding - right: 30px;
	display: inline - block;
	margin - left: -2px;
	margin - right: -2px;
	margin - bottom: 30px
}.cut - wechat - list.cut - wechat - item {
	padding - top: 30px;
	padding - right: 5px;
	padding - bottom: 30px;
	padding - left: 5px;
	background - color: # fff;
	text - align: center;
	position: relative;
	cursor: pointer
}.cut - wechat - list.cut - wechat - item img {
	width: 107px;
	height: 107px
}.cut - wechat - list.cut - wechat - item.wechat - name {
	margin: 0;
	padding - top: 10px;
	font - size: 14px;
	color: #212121}.cut-wechat-list .cut-wechat-item .wechat-versions{margin:0;padding-top:5px;font-size:12px;color:gray}.cut-wechat-list .cut-wechat-item .cover-dark,.cut-wechat-list .cut-wechat-item .site-template .cover-lock,.site-template .cut-wechat-list .cut-wechat-item .cover-lock,.cut-wechat-list .cut-wechat-item .system-template .cover-lock,.system-template .cut-wechat-list .cut-wechat-item .cover-lock{background-color:rgba(0,0,0,.75)}.cut-wechat-list .cut-wechat-item .cover-dark .manage-fa,.cut-wechat-list .cut-wechat-item .site-template .cover-lock .manage-fa,.site-template .cut-wechat-list .cut-wechat-item .cover-lock .manage-fa,.cut-wechat-list .cut-wechat-item .system-template .cover-lock .manage-fa,.system-template .cut-wechat-list .cut-wechat-item .cover-lock .manage-fa{position:absolute;top:50%;left:50%;margin-top:-66px;margin-left:-46px;display:block;width:85px;height:85px;line-height:85px;text-align:center;border-radius:50%;background-color:rgba(255,255,255,.16);color:# fff;
	font - size: 40px
}.cut - wechat - list.cut - wechat - item.cover - dark.manage - fa.fa,
.cut - wechat - list.cut - wechat - item.site - template.cover - lock.manage - fa.fa,
.site - template.cut - wechat - list.cut - wechat - item.cover - lock.manage - fa.fa,
.cut - wechat - list.cut - wechat - item.system - template.cover - lock.manage - fa.fa,
.system - template.cut - wechat - list.cut - wechat - item.cover - lock.manage - fa.fa {
	margin - right: 0
}.cut - wechat - list.cut - wechat - item.cover - dark.manage - fa: hover,
.cut - wechat - list.cut - wechat - item.site - template.cover - lock.manage - fa: hover,
.site - template.cut - wechat - list.cut - wechat - item.cover - lock.manage - fa: hover,
.cut - wechat - list.cut - wechat - item.system - template.cover - lock.manage - fa: hover,
.system - template.cut - wechat - list.cut - wechat - item.cover - lock.manage - fa: hover {
	background - color: #428bca}.cut-wechat-list .cut-wechat-item .cover-dark .manage,.cut-wechat-list .cut-wechat-item .site-template .cover-lock .manage,.site-template .cut-wechat-list .cut-wechat-item .cover-lock .manage,.cut-wechat-list .cut-wechat-item .system-template .cover-lock .manage,.system-template .cut-wechat-list .cut-wechat-item .cover-lock .manage{position:relative;top:50%;margin-top:30px;display:block;text-align:center;color:# fff
}.cut - wechat - list.cut - wechat - item.cover - dark.stick,
.cut - wechat - list.cut - wechat - item.site - template.cover - lock.stick,
.site - template.cut - wechat - list.cut - wechat - item.cover - lock.stick,
.cut - wechat - list.cut - wechat - item.system - template.cover - lock.stick,
.system - template.cut - wechat - list.cut - wechat - item.cover - lock.stick {
	position: absolute;
	bottom: 15px;
	right: 15px;
	display: block;
	width: 40px;
	height: 40px;
	line - height: 40px;
	text - align: center;
	border - radius: 50 % ;
	background - color: rgba(255, 255, 255, .16);
	color: # fff;
	font - size: 12px
}.cut - wechat - list.cut - wechat - item.cover - dark.stick.wi,
.cut - wechat - list.cut - wechat - item.site - template.cover - lock.stick.wi,
.site - template.cut - wechat - list.cut - wechat - item.cover - lock.stick.wi,
.cut - wechat - list.cut - wechat - item.system - template.cover - lock.stick.wi,
.system - template.cut - wechat - list.cut - wechat - item.cover - lock.stick.wi,
.cut - wechat - list.cut - wechat - item.cover - dark.stick.ext - apply - list.ext - apply - item.apply - show: before,
.ext - apply - list.cut - wechat - list.cut - wechat - item.cover - dark.stick.ext - apply - item.apply - show: before,
.cut - wechat - list.cut - wechat - item.site - template.cover - lock.stick.ext - apply - list.ext - apply - item.apply - show: before,
.ext - apply - list.cut - wechat - list.cut - wechat - item.site - template.cover - lock.stick.ext - apply - item.apply - show: before,
.site - template.cut - wechat - list.cut - wechat - item.cover - lock.stick.ext - apply - list.ext - apply - item.apply - show: before,
.ext - apply - list.site - template.cut - wechat - list.cut - wechat - item.cover - lock.stick.ext - apply - item.apply - show: before,
.cut - wechat - list.cut - wechat - item.system - template.cover - lock.stick.ext - apply - list.ext - apply - item.apply - show: before,
.ext - apply - list.cut - wechat - list.cut - wechat - item.system - template.cover - lock.stick.ext - apply - item.apply - show: before,
.system - template.cut - wechat - list.cut - wechat - item.cover - lock.stick.ext - apply - list.ext - apply - item.apply - show: before,
.ext - apply - list.system - template.cut - wechat - list.cut - wechat - item.cover - lock.stick.ext - apply - item.apply - show: before,
.cut - wechat - list.cut - wechat - item.cover - dark.stick.cut - list.item.apply - show: before,
.cut - list.cut - wechat - list.cut - wechat - item.cover - dark.stick.item.apply - show: before,
.cut - wechat - list.cut - wechat - item.site - template.cover - lock.stick.cut - list.item.apply - show: before,
.cut - list.cut - wechat - list.cut - wechat - item.site - template.cover - lock.stick.item.apply - show: before,
.site - template.cut - wechat - list.cut - wechat - item.cover - lock.stick.cut - list.item.apply - show: before,
.cut - list.site - template.cut - wechat - list.cut - wechat - item.cover - lock.stick.item.apply - show: before,
.cut - wechat - list.cut - wechat - item.system - template.cover - lock.stick.cut - list.item.apply - show: before,
.cut - list.cut - wechat - list.cut - wechat - item.system - template.cover - lock.stick.item.apply - show: before,
.system - template.cut - wechat - list.cut - wechat - item.cover - lock.stick.cut - list.item.apply - show: before,
.cut - list.system - template.cut - wechat - list.cut - wechat - item.cover - lock.stick.item.apply - show: before,
.cut - wechat - list.cut - wechat - item.cover - dark.stick.fa,
.cut - wechat - list.cut - wechat - item.site - template.cover - lock.stick.fa,
.site - template.cut - wechat - list.cut - wechat - item.cover - lock.stick.fa,
.cut - wechat - list.cut - wechat - item.system - template.cover - lock.stick.fa,
.system - template.cut - wechat - list.cut - wechat - item.cover - lock.stick.fa {
	font - size: 18px;
	vertical - align: middle
}.cut - wechat - list.cut - wechat - item.cover - dark.stick: hover,
.cut - wechat - list.cut - wechat - item.site - template.cover - lock.stick: hover,
.site - template.cut - wechat - list.cut - wechat - item.cover - lock.stick: hover,
.cut - wechat - list.cut - wechat - item.system - template.cover - lock.stick: hover,
.system - template.cut - wechat - list.cut - wechat - item.cover - lock.stick: hover {
	background - color: #428bca}.cut-wechat-list .cut-wechat-item:hover .cover-dark,.cut-wechat-list .cut-wechat-item:hover .site-template .cover-lock,.site-template .cut-wechat-list .cut-wechat-item:hover .cover-lock,.cut-wechat-list .cut-wechat-item:hover .system-template .cover-lock,.system-template .cut-wechat-list .cut-wechat-item:hover .cover-lock{display:block}.cut-wechat-letters{margin-left:30px;margin-right:30px}.footer{background-color:# b8b9b9;
	padding: 24px 0;
	color: # fff
}.footer.friend - link a {
	display: inline - block;
	padding: 0 15px
}.system - select - dropdown > span {
	display: block;
	cursor: pointer;
	position: relative
}.system - select - dropdown > span > label {
	max - width: 100 % ;
	white - space: normal;
	work -
	break :break -all
}.system - select - dropdown.open > span {
	color: #428bca;z-index:1001}.system-select-dropdown .dropdown-menu{margin:0;border-radius:0;top:90%;border-color:# e7e7eb;
	padding: 10px;
	margin - left: -12px
}.system - select - dropdown.dropdown - menu.li {
	float: left
}.imgverify {
	border: 1px solid # e7e7eb
}.imgverify img {
	width: 100px;
	height: 38px
}.register {
	width: 960px;
	margin: 0 auto
}.register.panel - body {
	padding: 30px
}.register.login - submit {
	margin - top: 50px
}.login.panel,
.register.panel {
	border - radius: 6px 6px 0 0
}.login.panel.input - group - addon,
.register.panel.input - group - addon {
	background - color: # fff;
	border - color: # e7e7eb;
	border - right: 0
}.login.panel.input - group - addon + input,
.register.panel.input - group - addon + input {
	border - left: 0
}.login - panel.title,
.register.title {
	text - align: center;
	font - size: 16px;
	color: #1a1a1a;margin-bottom:30px;border-bottom:1px solid # e7e7eb
}.login - panel.title a,
.register.title a {
	display: inline - block;
	padding: 10px 20px;
	border - bottom: 2px solid transparent
}.login - panel.title a.active,
.login - panel.title.panel - menu a.list - group - item: not(.list - group - more): hover,
.panel - menu.login - panel.title a.list - group - item: not(.list - group - more): hover,
.register.title a.active,
.register.title.panel - menu a.list - group - item: not(.list - group - more): hover,
.panel - menu.register.title a.list - group - item: not(.list - group - more): hover {
	border - color: #428bca}.login-submit .btn{width:185px;height:38px;line-height:24px;font-size:16px;margin-bottom:15px}.system-login,.system-register{width:100%;background-size:cover;background-position:50% 50%}.system-login .head,.system-register .head{line-height:50px;padding:0 30px;overflow:hidden;background:rgba(255,255,255,.2)}.system-login .head .logo-version,.system-register .head .logo-version{display:inline-block;height:50px}.system-login .head .logo,.system-register .head .logo{width:auto;height:35px}.system-login .head .version,.system-register .head .version{margin-left:6px;margin-top:4px;background-color:# aeaeae;
	padding: 2px 5px;
	display: block;
	float: right;
	border - radius: 2px;
	color: # fff;
	line - height: 1
}.system - login.head.pull - right,
.system - register.head.pull - right {
	color: # fff;
	font - size: 16px
}.system - login.login - panel,
.system - register.login - panel {
	width: 350px
}.system - login.register - panel,
.system - register.register - panel {
	width: 460px;
	max - height: 605px;
	overflow - y: auto
}.system - login.register - panel.input - group - btn.btn,
.system - register.register - panel.input - group - btn.btn {
	height: 40px
}.system - login + .footer,
.system - register + .footer {
	position: fixed;
	width: 100 % ;
	bottom: 0;
	left: 0;
	color: #666;background-color:# fff
}.system - login + .footer.friend - link,
.system - register + .footer.friend - link {
	font - size: 16px
}.system - login + .footer.friend - link a,
.system - register + .footer.friend - link a {
	padding: 0 30px
}.system - login + .footer.friend - link a + a,
.system - register + .footer.friend - link a + a {
	border - left: 1px solid # ccc
}.system - login + .footer.copyright,
.system - register + .footer.copyright {
	color: # ccc;
	margin - top: 20px
}.login - panel,
.register - panel {
	padding: 0 20px 30px 20px;
	background: rgba(255, 255, 255, .7);
	border - radius: 4px;
	position: fixed;
	right: 20 % ;
	top: 20 %
}.login - panel.input - group - vertical input,
.register - panel.input - group - vertical input {
	height: 40px;
	border - radius: 4px
}.login - panel.input - group - vertical > input,
.register - panel.input - group - vertical > input {
	margin - bottom: 15px
}.login - panel.input - group - vertical.input - group,
.register - panel.input - group - vertical.input - group {
	margin - bottom: 15px
}.login - panel.input - group - vertical.input - group input,
.register - panel.input - group - vertical.input - group input {
	border - top - right - radius: 0;
	border - bottom - right - radius: 0
}.login - panel.input - group - vertical.imgverify,
.register - panel.input - group - vertical.imgverify {
	border - top - right - radius: 4px;
	border - bottom - right - radius: 4px
}.system - forget.logo img {
	margin: 40px auto
}.system - forget.container {
	background - color: # fff
}.system - forget.container.steps {
	margin: 0;
	border - top: none
}.system - forget.step - 1,
.system - forget.step - 2,
.system - forget.step - 3 {
	min - height: 400px
}.system - forget.step - 1,
.system - forget.step - 2 {
	width: 350px;
	margin: 80px auto
}.system - forget.form - inline {
	margin - bottom: 15px;
	margin - top: 3px
}.system - forget.text - error {
	color: # e3443e
}.system - forget.step - 3 {
	padding - top: 80px
}.system - forget.step - 3.wi,
.system - forget.step - 3.ext - apply - list.ext - apply - item.apply - show: before,
.ext - apply - list.system - forget.step - 3.ext - apply - item.apply - show: before,
.system - forget.step - 3.cut - list.item.apply - show: before,
.cut - list.system - forget.step - 3.item.apply - show: before {
	font - size: 40px;
	color: #428bca}.system-forget .step-3 .sttus{margin:20px 0;font-size:24px}.system-forget .imgverify img{width:127px;height:32px}.loader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:# 000 50 % 50 % ;
	opacity: .3
}.la - ball - clip - rotate,
.la - ball - clip - rotate > div {
	position: relative;
	left: 50 % ;
	top: 50 % ; - webkit - box - sizing: border - box; - moz - box - sizing: border - box;
	box - sizing: border - box
}.la - ball - clip - rotate {
	display: block;
	font - size: 0;
	color: #428bca;width:64px;height:64px}.la-ball-clip-rotate>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;width:64px;height:64px;border-width:4px;background:0 0;border-bottom-color:transparent;border-radius:100%;-webkit-animation:ball-clip-rotate .5s linear infinite;-moz-animation:ball-clip-rotate .5s linear infinite;-o-animation:ball-clip-rotate .5s linear infinite;animation:ball-clip-rotate .5s linear infinite}@-webkit-keyframes ball-clip-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes ball-clip-rotate{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}50%{-moz-transform:rotate(180deg);transform:rotate(180deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes ball-clip-rotate{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}50%{-o-transform:rotate(180deg);transform:rotate(180deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ball-clip-rotate{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.home{background-color:# f9f9f9
}.home.panel {
	border - radius: 0
}.home.panel -
default {
	border - color: # EEE
}.home.content h4 {
	border - bottom: 1px # E9E9E9 solid;
	padding: 15px 15px 15px 25px;
	margin: 0;
	font - weight: 400;
	font - size: 18px
}.home.content h6 {
	font - size: 16px;
	color: #333}.home .content .con .panel-body .row{text-align:center}.home .content .con .panel-body .row>div{overflow:hidden;text-align:center}.home .content .con .panel-body .row p{color:# 666
}.home.content.con.panel - body.system - announcement {
	margin: 0 10px
}.home.content.con.panel - body.system - announcement li {
	margin: 15px 0;
	height: 40px;
	line - height: 40px;
	background: # f7f7f9
}.home.content.con.panel - body.system - announcement li a {
	display: block;
	float: left;
	text - align: left;
	padding: 0 15px;
	color: #666}.home .content .con .panel-body .system-announcement li span{display:inline-block;float:left;color:# FFF;
	width: 50px
}.home.content.con.panel - body.system - announcement li span.style - 1 {
	background: #6592df}.home .content .con .panel-body .system-announcement li span.style-2{background:# 60bc6a
}.home.content.con.panel - body.system - info > div {
	display: inline - block;
	margin: 20px 0
}.home.content.con.panel - body.system - info.icon {
	display: inline - block;
	width: 100px;
	height: 100px;
	border - radius: 50 % ;
	background: #4eacea}.home .content .con .panel-body .system-info .icon i{font-size:50px;color:# FFF;
	margin - top: 25px
}.home.content.con.panel - body.module - info {
	height: auto
}.home.content.con.panel - body.module - info > div {
	display: inline - block;
	margin: 20px 0
}.home.content.con.panel - body.module - info.icon img {
	width: 62px;
	height: 62px
}.home.content.contact.info {
	font - size: 16px
}.home # head {
	position: absolute;
	z - index: 1;
	text - align: center;
	width: 100 % ;
	top: 10 %
}.home # head.advertisement {
	font - size: 50px;
	color: # FFF;
	margin: 5 % 0 10 % 0
}.home # head.btns.btn {
	margin: 0 10px
}.home # banner {
	width: 100 % ;
	margin: 0 auto
}.home # banner.item {
	width: 100 % ;
	background - size: cover;
	background - position: 50 % 50 %
}.home # banner.carousel - indicators.fa {
	color: # FFF;
	font - size: 50px;
	background: none!important
}.home.content.banner {
	background - image: url(.. / images / banner - bg.png);
	background - size: 990px 380px;
	background - position: center 15px;
	border - top: 1px solid # EEE;
	border - bottom: 1px solid # EEE;
	background - repeat: no - repeat;
	height: 380px;
	background - color: # FFF;
	min - width: 1014px;
	min - height: 180px
}.home.content.con {
	padding - top: 20px
}.home.footer {
	height: 50px;
	line - height: 25px;
	margin - bottom: 30px;
	color: #666}.home .footer a{color:# 666
}.home.footer a:
hover {
	color: #428bca;text-decoration:none}.notice-show{background-color:# fff
}.notice - show.we7 - panel {
	margin - bottom: 0
}.notice - show.news - detail.title {
	padding - bottom: 42px;
	text - align: center;
	font - size: 18px
}.notice - show.news - detail.author {
	padding - top: 28px
}.notice - show.news - detail a {
	color: #428bca}.form-control.edui-default{height:auto;border:0}.table-responsive .table>tbody>tr>td{overflow:visible;white-space:normal}.form-control.edui-default{height:auto;padding:0;border:0}.edui-editor.edui-default,.edui-editor-iframeholder.edui-default{width:100%!important}.panel-app{box-shadow:0 0 0;border:1px solid # e7e7eb;
	border - radius: 0;
	margin - bottom: 0;
	overflow: hidden
}.panel - app > .panel - heading {
	margin: 0 auto;
	background - color: # f4f6f9;
	font - size: 14px;
	color: #98999a;border-radius:0;height:55px;line-height:30px;padding-left:30px;padding-right:30px;border-bottom:1px solid # e7e7eb;
	border - radius: 0
}.panel - app > .panel - body {
	padding: 0
}.caret - wxapp.go - back {
	margin - right: 25px;
	font - weight: 900
}.caret - wxapp.wxapp - head img: first - child {
	border - radius: 50 % ;
	width: 30px;
	height: 30px
}.caret - wxapp.wxapp - head.wxapp - name {
	color: #383838;font-size:16px;margin-left:10px;margin-right:10px}.caret-wxapp .wxapp-head .wxapp-version{color:# 98999a;
	font - size: 12px
}.caret - wxapp.wxapp - head.pull - right a {
	padding - left: 30px;
	padding - right: 30px
}.caret - wxapp.wxapp - head.pull - right a: last - child {
	border - left: 1px solid # e7e7eb;
	display: inline - block;
	height: 55px;
	margin - top: -10px;
	line - height: 55px;
	padding - right: 0
}.caret - wxapp.wxapp - head.pull - right.wi,
.caret - wxapp.wxapp - head.pull - right.ext - apply - list.ext - apply - item.apply - show: before,
.ext - apply - list.caret - wxapp.wxapp - head.pull - right.ext - apply - item.apply - show: before,
.caret - wxapp.wxapp - head.pull - right.cut - list.item.apply - show: before,
.cut - list.caret - wxapp.wxapp - head.pull - right.item.apply - show: before,
.caret - wxapp.wxapp - head.pull - right.fa {
	font - size: 20px;
	vertical - align: middle;
	margin - right: 5px
}.caret - wxapp.panel - body {
	position: relative
}.nav - wxapp {
	width: 175px;
	height: 100 % ;
	background - color: # fff;
	float: left;
	border - right: 1px solid # e7e7eb;
	color: #98999a}.nav-wxapp li{height:168px;border-bottom:1px solid # e7e7eb;
	position: relative;
	background - color: # f1f1f1
}.nav - wxapp li a {
	display: inline - block;
	width: 100 % ;
	height: 100 %
}.nav - wxapp li a: hover {
	background - color: transparent!important
}.nav - wxapp li a: focus {
	background - color: transparent!important
}.nav - wxapp > .finished {
	background - color: # fff
}.nav - wxapp > .active,
.head.navbar - left.nav - wxapp > li: hover,
.panel - menu.nav - wxapp > .list - group - item: not(.list - group - more): hover {
	color: #252424;background-color:# fff
}.nav - wxapp > .active img,
.head.navbar - left.nav - wxapp > li: hover img,
.panel - menu.nav - wxapp > .list - group - item: not(.list - group - more): hover img {
	opacity: 1!important
}.nav - wxapp > .active: before,
.head.navbar - left.nav - wxapp > li: hover: before,
.panel - menu.nav - wxapp > .list - group - item: hover: not(.list - group - more): before {
	content: '';
	position: absolute;
	top: 79px;
	right: -20px;
	width: 0;
	height: 0;
	border - width: 10px;
	border - style: solid;
	border - color: transparent transparent transparent # e7e7eb;
	z - index: 100
}.nav - wxapp > .active: after,
.head.navbar - left.nav - wxapp > li: hover: after,
.panel - menu.nav - wxapp > .list - group - item: hover: not(.list - group - more): after {
	content: '';
	position: absolute;
	top: 79px;
	right: -18px;
	width: 0;
	height: 0;
	border - width: 10px;
	border - style: solid;
	border - color: transparent transparent transparent # fff;
	z - index: 100
}.nav - wxapp.ready.wxapp - step - name: after {
	content: '\f058';
	font - family: FontAwesome;
	color: #28b607;font-size:30px;position:absolute;bottom:10px;right:10px}.nav-wxapp .ban .wxapp-step-name:after{content:"\f06a";font-family:FontAwesome;font-size:30px;color:# cc4646;
	position: absolute;
	bottom: 10px;
	right: 10px
}.nav - wxapp.num {
	font - size: 18px;
	display: block
}.nav - wxapp.wxapp - step - name {
	text - align: center;
	margin: 10px auto
}.nav - wxapp.wxapp - step - name img {
	opacity: .4
}.nav - wxapp.wxapp - step - name p {
	margin - top: 20px
}.wxapp - content {
	width: 1023px;
	float: left;
	position: relative;
	padding: 30px;
	padding - left: 50px
}.wxapp - content # select.app - list {
	width: 830px;
	float: left
}.wxapp - content # select.app - list.select {
	float: left;
	display: table;
	vertical - align: middle;
	text - align: center;
	width: 129px;
	height: 138px;
	border: 1px solid # e7e7eb;
	margin - right: 25px;
	margin - bottom: 30px;
	position: relative
}.wxapp - content # select.app - list.select: last - child {
	margin - right: 0
}.wxapp - content # select.app - list.select: hover.cover - dark,
.wxapp - content # select.app - list.select: hover.site - template.cover - lock,
.site - template.wxapp - content # select.app - list.select: hover.cover - lock,
.wxapp - content # select.app - list.select: hover.system - template.cover - lock,
.system - template.wxapp - content # select.app - list.select: hover.cover - lock {
	display: block
}.wxapp - content # select.app - info {
	display: table - cell;
	vertical - align: middle;
	color: #464646;padding:10px}.wxapp-content # select.app - info img {
		max - width: 56px;
		max - height: 56px
	}.wxapp - content # select.app - info p {
		margin - top: 10px;
		width: 129px
	}.wxapp - content # select.select - more {
		border - style: dashed!important;
		cursor: pointer
	}.wxapp - content # select.select - more: after {
		content: '+';
		font - size: 35px;
		color: #98999a;display:table-cell;vertical-align:middle}.wxapp-content # select.wxapp - name {
			width: 350px
		}.wxapp - content # select.wxapp - version {
			margin - right: 10px
		}.wxapp - content # select input.wxapp - version {
			width: 60px
		}.creat - wxapp - type {
			padding: 75px;
			overflow: hidden
		}.creat - wxapp - type.type - heading {
			text - align: center;
			font - size: 18px;
			color: #98999a;padding-bottom:50px}.creat-wxapp-type .type-footer{text-align:center;font-size:14px;color:# cf1010;
			paddint - top: 20px
		}.creat - wxapp - type.type - list li {
			width: 223px;
			height: 230px;
			margin: 30px;
			padding - top: 50px;
			text - align: center;
			float: left;
			background - color: # f1f1f1;
			color: #252424;font-size:16px}.creat-wxapp-type .type-list li:first-child{margin-left:0}.creat-wxapp-type .type-list li:last-child{margin-right:0}.creat-wxapp-type .type-list li p{margin-top:-20px}.creat-wxapp-type .type-list li .wi,.creat-wxapp-type .type-list li .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .creat-wxapp-type .type-list li .ext-apply-item.apply-show:before,.creat-wxapp-type .type-list li .cut-list .item.apply-show:before,.cut-list .creat-wxapp-type .type-list li .item.apply-show:before{font-size:120px}.creat-wxapp-type .type-list li:hover{background-color:# 428bca;
			color: # fff
		}.creat - wxapp - type.type - list li.ban {
			background: # f1f1f1;
			color: # bebebe
		}.creat - wxapp - type.type - list li.active,
		.creat - wxapp - type.type - list.head.navbar - left > li: hover,
		.head.creat - wxapp - type.type - list.navbar - left > li: hover,
		.creat - wxapp - type.type - list.panel - menu li.list - group - item: not(.list - group - more): hover,
		.panel - menu.creat - wxapp - type.type - list li.list - group - item: not(.list - group - more): hover {
			background - color: #428bca;color:# fff
		}.wxapp - type - cut {
			position: absolute;
			top: 30px;
			left: 30px;
			z - index: 102
		}.wxapp - type - cut.dropdown - toggle {
			font - size: 14px;
			color: #98999a;background-color:transparent;display:inline;border:0;border-radius:0;outline:0!important;cursor:pointer}.wxapp-type-cut .dropdown-toggle:focus{text-decoration:none}.wxapp-type-cut .dropdown-toggle:active{text-decoration:none}.wxapp-type-cut .dropdown-menu{min-width:auto;border:0;border-radius:0;box-shadow:none;background-color:transparent}.wxapp-type-cut .dropdown-menu a{padding-left:5px;color:# 98999a;
			font - size: 14px
		}.wxapp - type - cut.dropdown - menu a: hover {
			background - color: transparent;
			text - decoration: none;
			color: #98999a;cursor:not-allowed}.wxapp-type-cut .dropdown-menu a.active:hover,.wxapp-type-cut .dropdown-menu .panel-menu a.list-group-item:hover:not(.list-group-more),.panel-menu .wxapp-type-cut .dropdown-menu a.list-group-item:hover:not(.list-group-more){color:# 428bca;
			cursor: pointer
		}.wxapp - tem - preview {
			margin - left: -50px;
			margin - top: -30px;
			background - color: # ebebeb;
			padding - bottom: 9999px;
			margin - bottom: -9999px;
			overflow: hidden;
			width: 764px;
			float: left
		}.wxapp - tem - preview.wxapp - phone {
			min - height: 600px;
			width: 538px;
			float: left;
			position: relative;
			padding - top: 142px;
			padding - left: 130px;
			z - index: 99
		}.wxapp - tem - preview.wxapp - phone - bg {
			position: absolute;
			top: 100px;
			left: 100px;
			z - index: -1
		}.wxapp - tem - preview.wxapp - home - preview {
			width: 221px;
			height: 390px;
			text - align: center;
			border: 1px solid #373d41}.wxapp-tem-preview .wxapp-home-preview img{max-width:221px;max-height:386px}.wxapp-tem-preview .wxapp-home-preview .box{padding:10px}.wxapp-tem-preview .wxapp-home-preview .box .item{width:calc(50% - 20px);height:84px;background:# fff;
			padding - bottom: 26px;
			margin: 10px;
			border: 1px solid # e7e7eb;
			border - radius: 4px;
			overflow: hidden;
			float: left;
			position: relative
		}.wxapp - tem - preview.wxapp - home - preview.box.item.name {
			position: absolute;
			bottom: 0;
			left: 0;
			line - height: 26px;
			width: 100 % ;
			color: #999;border-top:1px solid # e7e7eb;
			text - align: center;
			overflow: hidden;
			white - space: nowrap;
			text - overflow: ellipsis
		}.wxapp - tem - preview.wxapp - home - preview.box.item i {
			display: block
		}.wxapp - tem - preview.wxapp - home - preview.box.item.icon i {
			font - size: 34px;
			line - height: 57px
		}.wxapp - tem - preview.wxapp - home - preview.box.item.pic i {
			height: 56px;
			background - repeat: no - repeat;
			background - position: center center;
			background - size: contain
		}.wxapp - tem - preview.tem - detail {
			width: 210px;
			position: absolute;
			top: 160px;
			left: 460px
		}.wxapp - tem - preview.tem - detail.panel - heading {
			color: #252424}.wxapp-tem-preview .tem-detail .panel-body{padding:30px}.wxapp-tem-preview .tem-detail-heading{color:# 98999a;
			padding - bottom: 30px
		}.wxapp - tem - preview.tem - detail - content li {
			line - height: 2;
			color: #252424}.wxapp-tem-preview .tem-detail-content li:before{content:'•';color:# 98999a;
			font - size: 18px;
			margin - right: 5px
		}.creat - select - tem {
			width: 250px;
			margin - right: -25px;
			padding - bottom: 9999px;
			margin - bottom: -9999px;
			overflow: hidden;
			float: right;
			padding - left: 25px;
			padding - right: 25px
		}.creat - select - tem.select - tem - heading {
			color: #252424;padding-bottom:30px}.creat-select-tem .select-we7{width:100%;border:1px solid # e7e7eb
		}.creat - select - tem.select - tem - list {
			padding - top: 30px;
			padding - bottom: 30px;
			overflow: hidden;
			margin - bottom: 30px
		}.creat - select - tem.select - tem - item {
			width: 95px;
			height: 155px;
			margin - bottom: 20px;
			position: relative;
			float: left
		}.creat - select - tem.select - tem - item: hover.cover - dark,
		.creat - select - tem.select - tem - item: hover.site - template.cover - lock,
		.site - template.creat - select - tem.select - tem - item: hover.cover - lock,
		.creat - select - tem.select - tem - item: hover.system - template.cover - lock,
		.system - template.creat - select - tem.select - tem - item: hover.cover - lock {
			display: block
		}.creat - select - tem.select - tem - item: nth - of - type(2n + 1) {
			margin - right: 10px
		}.creat - select - tem.select - tem - item.active.cover - dark,
		.creat - select - tem.head.navbar - left > li.select - tem - item: hover.cover - dark,
		.head.creat - select - tem.navbar - left > li.select - tem - item: hover.cover - dark,
		.creat - select - tem.panel - menu.select - tem - item.list - group - item: not(.list - group - more): hover.cover - dark,
		.panel - menu.creat - select - tem.select - tem - item.list - group - item: not(.list - group - more): hover.cover - dark,
		.creat - select - tem.select - tem - item.active.site - template.cover - lock,
		.site - template.creat - select - tem.select - tem - item.active.cover - lock,
		.creat - select - tem.head.navbar - left > li.select - tem - item: hover.site - template.cover - lock,
		.site - template.creat - select - tem.head.navbar - left > li.select - tem - item: hover.cover - lock,
		.head.creat - select - tem.navbar - left > li.select - tem - item: hover.site - template.cover - lock,
		.site - template.head.creat - select - tem.navbar - left > li.select - tem - item: hover.cover - lock,
		.creat - select - tem.panel - menu.select - tem - item.list - group - item: not(.list - group - more): hover.site - template.cover - lock,
		.site - template.creat - select - tem.panel - menu.select - tem - item.list - group - item: not(.list - group - more): hover.cover - lock,
		.panel - menu.creat - select - tem.select - tem - item.list - group - item: not(.list - group - more): hover.site - template.cover - lock,
		.site - template.panel - menu.creat - select - tem.select - tem - item.list - group - item: not(.list - group - more): hover.cover - lock,
		.creat - select - tem.select - tem - item.active.system - template.cover - lock,
		.system - template.creat - select - tem.select - tem - item.active.cover - lock,
		.creat - select - tem.head.navbar - left > li.select - tem - item: hover.system - template.cover - lock,
		.system - template.creat - select - tem.head.navbar - left > li.select - tem - item: hover.cover - lock,
		.head.creat - select - tem.navbar - left > li.select - tem - item: hover.system - template.cover - lock,
		.system - template.head.creat - select - tem.navbar - left > li.select - tem - item: hover.cover - lock,
		.creat - select - tem.panel - menu.select - tem - item.list - group - item: not(.list - group - more): hover.system - template.cover - lock,
		.system - template.creat - select - tem.panel - menu.select - tem - item.list - group - item: not(.list - group - more): hover.cover - lock,
		.panel - menu.creat - select - tem.select - tem - item.list - group - item: not(.list - group - more): hover.system - template.cover - lock,
		.system - template.panel - menu.creat - select - tem.select - tem - item.list - group - item: not(.list - group - more): hover.cover - lock {
			display: block
		}.creat - select - tem.select - tem - item img {
			width: 95px;
			height: 155px
		}.wxapp - buttom - preview {
			width: 405px
		}.wxapp - buttom - preview.wxapp - phone {
			min - height: 600px;
			width: 100 % ;
			padding - left: 90px
		}.wxapp - buttom - preview.wxapp - phone - bg {
			left: 60px!important
		}.wxapp - buttom - preview.wxapp - home - preview {
			background - color: #98999a;position:relative}.wxapp-buttom-preview .buttom-list-preview{position:absolute;background:# fff;
			width: 100 % ;
			height: 40px;
			bottom: 0;
			left: 0
		}.wxapp - buttom - preview.buttom - list - preview ul {
			position: relative;
			padding - top: 3px
		}.wxapp - buttom - preview.buttom - list - preview li {
			float: left;
			text - align: center
		}.wxapp - buttom - preview.buttom - list - preview li: first - child: nth - last - child(1) {
			width: 100 %
		}.wxapp - buttom - preview.buttom - list - preview li: first - child: nth - last - child(2),
		.wxapp - buttom - preview.buttom - list - preview li: first - child: nth - last - child(2)~li {
			width: 50 %
		}.wxapp - buttom - preview.buttom - list - preview li: first - child: nth - last - child(3),
		.wxapp - buttom - preview.buttom - list - preview li: first - child: nth - last - child(3)~li {
			width: 33.3333 %
		}.wxapp - buttom - preview.buttom - list - preview li: first - child: nth - last - child(4),
		.wxapp - buttom - preview.buttom - list - preview li: first - child: nth - last - child(4)~li {
			width: 25 %
		}.wxapp - buttom - preview.buttom - list - preview li: first - child: nth - last - child(5),
		.wxapp - buttom - preview.buttom - list - preview li: first - child: nth - last - child(5)~li {
			width: 20 %
		}.wxapp - buttom - preview.buttom - list - preview.buttom - preview - img {
			max - width: 100 % ;
			max - height: 20px
		}.creat - buttom {
			width: 585px;
			height: auto;
			margin - bottom: 30px;
			float: right
		}.creat - buttom.form - group {
			height: 60px
		}.creat - buttom.buttom - heading {
			margin - right: -30px;
			border - bottom: 1px solid # e7e7eb;
			padding - bottom: 30px;
			padding - left: 30px;
			font - size: 16px;
			color: #252424}.creat-buttom .creat-buttom-select{padding-left:30px;padding-top:30px}.creat-buttom .creat-buttom-select .control-label{line-height:32px;color:# 252424
		}.creat - buttom.buttom - list {
			padding - left: 30px
		}.creat - buttom.buttom - bg - color.colorpicker,
		.creat - buttom.buttom - boundary - color.colorpicker,
		.creat - buttom.buttom -
	default -color.colorpicker,
		.creat - buttom.buttom - click - color.colorpicker {
			display: none
		}.creat - buttom.buttom - bg - color.colorclean,
		.creat - buttom.buttom - boundary - color.colorclean,
		.creat - buttom.buttom -
	default -color.colorclean,
		.creat - buttom.buttom - click - color.colorclean {
			display: none
		}.creat - buttom.buttom -
	default -color.form - control,
		.creat - buttom.buttom - click - color.form - control {
			display: none
		}.creat - buttom.buttom -
	default -color.input - group - addon,
		.creat - buttom.buttom - click - color.input - group - addon {
			height: 35px;
			display: inline - block;
			border - left: 1px solid # e7e7eb!important;
			border - color: # e7e7eb!important
		}.creat - buttom.nav - img - box {
			position: relative;
			width: 64px;
			height: 64px;
			margin - bottom: 10px;
			background - color: #428bca;border:1px dotted # e7e7eb
		}.creat - buttom.nav - img - box img {
			width: 64px;
			height: 64px
		}.creat - buttom.nav - img - box.select {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			background - color: #797979;color:# fff
		}.buttom - list - table {
			width: 560px;
			padding - left: 30px
		}.buttom - list - table.select - we7 {
			width: 120px;
			border: 1px solid # e7e7eb
		}.buttom - list - table tr th {
			text - align: center
		}.buttom - list - table tr th:
		first - child {
			padding - left: 20px
		}.buttom - list - table tr td {
			text - align: center
		}.buttom - list - table tr td: first - child {
			padding - left: 20px
		}.buttom - list - table.buttom - del {
			color: # cf1010
		}.buttom - list - table.buttom - more {
			text - align: center;
			color: #98999a;font-size:20px}.buttom-add{display:block}.wxapp-finish .control-label{color:# 98999a
		}.wxapp - finish.form - control - static {
			color: #252424}.wxapp-finish .app-list{width:830px;float:left}.wxapp-finish .app-list .select{float:left;display:table;vertical-align:middle;text-align:center;width:129px;height:138px;border:1px solid # e7e7eb;
			margin - right: 25px;
			margin - bottom: 30px;
			position: relative
		}.wxapp - finish.app - list.select: last - child {
			margin - right: 0
		}.wxapp - finish.app - info {
			display: table - cell;
			vertical - align: middle;
			color: #464646;padding:10px}.wxapp-finish .app-info img{max-width:56px;max-height:56px}.wxapp-finish .app-info p{margin-top:10px;width:129px}.wxapp-finish .table-finish-buttom{border:1px solid # e7e7eb;
			width: 590px
		}.wxapp - finish.table - finish - buttom td {
			text - align: center;
			border - right: 1px solid # e7e7eb;
			border - bottom: 1px solid # e7e7eb;
			padding - bottom: 15px;
			padding - top: 15px
		}.wxapp - finish.table - finish - buttom td: last - child {
			padding - left: 35px;
			text - align: left
		}.navbar - wxapp - bottom {
			background - color: # fff;
			border - top: 1px solid # e7e7eb;
			padding - top: 30px;
			padding - bottom: 30px
		}.navbar - wxapp - bottom.pager {
			padding: 0;
			margin: 0
		}.navbar - wxapp - bottom.btn {
			padding - left: 40px;
			padding - right: 40px;
			margin - left: 15px;
			margin - right: 15px
		}.app - allow - list li {
			position: relative;
			float: left;
			display: table;
			vertical - align: middle;
			text - align: center;
			width: 127px;
			height: 138px;
			border: 1px solid # e7e7eb;
			margin - right: 23px;
			margin - bottom: 30px
		}.app - allow - list li: nth - of - type(5n) {
			margin - right: 0
		}.app - allow - list li: last - child {
			margin - right: 0
		}.app - allow - list li: hover.cover - dark,
		.app - allow - list li: hover.site - template.cover - lock,
		.site - template.app - allow - list li: hover.cover - lock,
		.app - allow - list li: hover.system - template.cover - lock,
		.system - template.app - allow - list li: hover.cover - lock {
			display: block
		}.app - allow - list.app - info {
			display: table - cell;
			vertical - align: middle;
			color: #464646;padding:10px}.app-allow-list .app-info img{max-width:56px;max-height:56px}.app-allow-list .app-info p{margin-top:10px;width:123px}.app-allow-list .active .cover-dark,.app-allow-list .head .navbar-left>li:hover .cover-dark,.head .app-allow-list .navbar-left>li:hover .cover-dark,.app-allow-list .panel-menu .list-group-item:not(.list-group-more):hover .cover-dark,.panel-menu .app-allow-list .list-group-item:not(.list-group-more):hover .cover-dark,.app-allow-list .active .site-template .cover-lock,.site-template .app-allow-list .active .cover-lock,.app-allow-list .head .navbar-left>li:hover .site-template .cover-lock,.site-template .app-allow-list .head .navbar-left>li:hover .cover-lock,.head .app-allow-list .navbar-left>li:hover .site-template .cover-lock,.site-template .head .app-allow-list .navbar-left>li:hover .cover-lock,.app-allow-list .panel-menu .list-group-item:not(.list-group-more):hover .site-template .cover-lock,.site-template .app-allow-list .panel-menu .list-group-item:not(.list-group-more):hover .cover-lock,.panel-menu .app-allow-list .list-group-item:not(.list-group-more):hover .site-template .cover-lock,.site-template .panel-menu .app-allow-list .list-group-item:not(.list-group-more):hover .cover-lock,.app-allow-list .active .system-template .cover-lock,.system-template .app-allow-list .active .cover-lock,.app-allow-list .head .navbar-left>li:hover .system-template .cover-lock,.system-template .app-allow-list .head .navbar-left>li:hover .cover-lock,.head .app-allow-list .navbar-left>li:hover .system-template .cover-lock,.system-template .head .app-allow-list .navbar-left>li:hover .cover-lock,.app-allow-list .panel-menu .list-group-item:not(.list-group-more):hover .system-template .cover-lock,.system-template .app-allow-list .panel-menu .list-group-item:not(.list-group-more):hover .cover-lock,.panel-menu .app-allow-list .list-group-item:not(.list-group-more):hover .system-template .cover-lock,.system-template .panel-menu .app-allow-list .list-group-item:not(.list-group-more):hover .cover-lock{display:block}.wxapp-slide-project{padding-bottom:30px;overflow:hidden}.wxapp-slide-project .wxapp-phone{min-height:600px;width:480px;float:left;position:relative;padding-top:142px;padding-left:130px;z-index:99}.wxapp-slide-project .wxapp-phone-bg{position:absolute;top:100px;left:100px;z-index:-1}.wxapp-slide-project .wxapp-home-preview{width:221px;height:386px;text-align:center}.wxapp-slide-project .wxapp-home-preview img{max-width:221px;max-height:386px}.wxapp-slide-project .wxapp-slide{width:447px;min-height:780px;border-left:1px solid # e7e7eb;
			border - bottom: 1px solid # e7e7eb;
			float: left
		}.wxapp - slide - list.slide - heading {
			padding: 30px;
			border - bottom: 1px solid # e7e7eb;
			font - size: 16px;
			color: #252424}.wxapp-slide-list ul{padding:30px}.wxapp-slide-list li{padding-top:15px;padding-bottom:15px;border-top:1px solid # e7e7eb;
			border - left: 1px solid # e7e7eb;
			border - right: 1px solid # e7e7eb;
			border - bottom: 1px solid # e7e7eb;
			margin - top: -1px;
			margin - bottom: -1px
		}.wxapp - slide - list.slide - sort {
			padding - left: 10px;
			color: #585858;width:50px;text-align:center}.wxapp-slide-list .slide-img{width:135px;height:115px;text-align:center;padding-right:20px}.wxapp-slide-list .slide-img img{max-width:115px;max-height:115px}.wxapp-slide-list .media-body{padding-right:30px;position:relative;width:210px}.wxapp-slide-list .slide-title{line-height:1.8;padding-bottom:30px}.wxapp-slide-list .slide-title:before{content:'标题：';color:# 98999a
		}.wxapp - slide - list.slide - son - title: before {
			content: '...子分类：';
			color: #98999a}.wxapp-slide-list .slide-alter{width:100%;text-align:right;position:absolute;bottom:0;right:30px}.wxapp-slide-list .slide-alter a{margin-left:30px}.wxapp-slide-list .slide-list-more{text-align:center;font-size:43.55px;color:# 98999a
		}.wxapp - slide - list.slide - list - more a {
			display: block
		}.wxapp - slide - edit {
			padding: 30px;
			display: block
		}.wxapp - slide - edit.edit - heading {
			padding - bottom: 30px
		}.wxapp - slide - edit.go - back {
			margin - right: 0
		}.wxapp - slide - edit.input - more {
			width: 120px;
			height: 70px;
			display: table - cell;
			vertical - align: middle;
			text - align: center
		}.wxapp - slide - edit.input - more: after {
			top: -4px;
			left: 45px;
			color: #98999a}.wxapp-slide-edit .input-more.active:hover .cover-dark,.wxapp-slide-edit .head .navbar-left>li.input-more:hover .cover-dark,.head .wxapp-slide-edit .navbar-left>li.input-more:hover .cover-dark,.wxapp-slide-edit .panel-menu .input-more.list-group-item:hover:not(.list-group-more) .cover-dark,.panel-menu .wxapp-slide-edit .input-more.list-group-item:hover:not(.list-group-more) .cover-dark,.wxapp-slide-edit .input-more.active:hover .site-template .cover-lock,.site-template .wxapp-slide-edit .input-more.active:hover .cover-lock,.wxapp-slide-edit .head .navbar-left>li.input-more:hover .site-template .cover-lock,.site-template .wxapp-slide-edit .head .navbar-left>li.input-more:hover .cover-lock,.head .wxapp-slide-edit .navbar-left>li.input-more:hover .site-template .cover-lock,.site-template .head .wxapp-slide-edit .navbar-left>li.input-more:hover .cover-lock,.wxapp-slide-edit .panel-menu .input-more.list-group-item:hover:not(.list-group-more) .site-template .cover-lock,.site-template .wxapp-slide-edit .panel-menu .input-more.list-group-item:hover:not(.list-group-more) .cover-lock,.panel-menu .wxapp-slide-edit .input-more.list-group-item:hover:not(.list-group-more) .site-template .cover-lock,.site-template .panel-menu .wxapp-slide-edit .input-more.list-group-item:hover:not(.list-group-more) .cover-lock,.wxapp-slide-edit .input-more.active:hover .system-template .cover-lock,.system-template .wxapp-slide-edit .input-more.active:hover .cover-lock,.wxapp-slide-edit .head .navbar-left>li.input-more:hover .system-template .cover-lock,.system-template .wxapp-slide-edit .head .navbar-left>li.input-more:hover .cover-lock,.head .wxapp-slide-edit .navbar-left>li.input-more:hover .system-template .cover-lock,.system-template .head .wxapp-slide-edit .navbar-left>li.input-more:hover .cover-lock,.wxapp-slide-edit .panel-menu .input-more.list-group-item:hover:not(.list-group-more) .system-template .cover-lock,.system-template .wxapp-slide-edit .panel-menu .input-more.list-group-item:hover:not(.list-group-more) .cover-lock,.panel-menu .wxapp-slide-edit .input-more.list-group-item:hover:not(.list-group-more) .system-template .cover-lock,.system-template .panel-menu .wxapp-slide-edit .input-more.list-group-item:hover:not(.list-group-more) .cover-lock{display:block}.wxapp-slide-edit .cover-dark,.wxapp-slide-edit .site-template .cover-lock,.site-template .wxapp-slide-edit .cover-lock,.wxapp-slide-edit .system-template .cover-lock,.system-template .wxapp-slide-edit .cover-lock{color:# fff;
			font - size: 16px
		}.wxapp - slide - edit.cover - dark.cut,
		.wxapp - slide - edit.site - template.cover - lock.cut,
		.site - template.wxapp - slide - edit.cover - lock.cut,
		.wxapp - slide - edit.system - template.cover - lock.cut,
		.system - template.wxapp - slide - edit.cover - lock.cut {
			position: absolute;
			top: 50 % ;
			left: 50 % ;
			margin - top: -25px;
			margin - left: -25px;
			width: 50px;
			height: 50px;
			line - height: 50px;
			text - align: center;
			border - radius: 50 % ;
			background - color: rgba(111, 111, 111, .9)
		}.wxapp - slide - edit.btn - primary {
			margin - left: 75px;
			padding - left: 25px;
			padding - right: 25px
		}.wxapp - manage {
			text - align: right;
			margin - top: 30px
		}.wxapp - manage a {
			margin - left: 50px
		}.wxapp - manage.wi,
		.wxapp - manage.ext - apply - list.ext - apply - item.apply - show: before,
		.ext - apply - list.wxapp - manage.ext - apply - item.apply - show: before,
		.wxapp - manage.cut - list.item.apply - show: before,
		.cut - list.wxapp - manage.item.apply - show: before,
		.wxapp - manage.fa {
			font - size: 20px;
			vertical - align: middle;
			margin - right: 5px
		}.wxapp - cut - list {
			padding - left: 70px;
			padding - right: 60px;
			padding - top: 35px
		}.wxapp - cut - list.wxapp - cut - item {
			width: 135px;
			height: 330px;
			float: left;
			margin - right: 75px
		}.wxapp - cut - list.wxapp - cut - item: nth - of - type(5n) {
			margin - right: 0
		}.wxapp - cut - list.wxapp - item - iphone {
			background: url(.. / images / iphone6 - samll.png);
			width: 153px;
			height: 275px;
			padding - top: 29px;
			padding - left: 18px;
			position: relative
		}.wxapp - cut - list.wxapp - item - iphone img {
			width: 116px;
			height: 206px
		}.wxapp - cut - list.wxapp - item - iphone: hover.cover - dark,
		.wxapp - cut - list.wxapp - item - iphone: hover.site - template.cover - lock,
		.site - template.wxapp - cut - list.wxapp - item - iphone: hover.cover - lock,
		.wxapp - cut - list.wxapp - item - iphone: hover.system - template.cover - lock,
		.system - template.wxapp - cut - list.wxapp - item - iphone: hover.cover - lock {
			display: block
		}.wxapp - cut - list.wxapp - item - detail {
			text - align: center;
			padding - left: 10px
		}.wxapp - cut - list.wxapp - item - detail p {
			margin - bottom: 5px
		}.wxapp - cut - list.wxapp - item - detail span: first - child {
			margin - right: 5px
		}.wxapp - cut - list.cover - dark,
		.wxapp - cut - list.site - template.cover - lock,
		.site - template.wxapp - cut - list.cover - lock,
		.wxapp - cut - list.system - template.cover - lock,
		.system - template.wxapp - cut - list.cover - lock {
			width: 116px;
			height: 206px;
			margin - top: 29px;
			margin - left: 18px
		}.wxapp - cut - list.cover - dark.manage - fa,
		.wxapp - cut - list.site - template.cover - lock.manage - fa,
		.site - template.wxapp - cut - list.cover - lock.manage - fa,
		.wxapp - cut - list.system - template.cover - lock.manage - fa,
		.system - template.wxapp - cut - list.cover - lock.manage - fa {
			position: absolute;
			top: 35px;
			left: 20px;
			display: block;
			width: 85px;
			height: 85px;
			line - height: 85px;
			text - align: center;
			border - radius: 50 % ;
			background - color: rgba(94, 94, 94, .8);
			color: # fff;
			font - size: 40px
		}.wxapp - cut - list.cover - dark.manage - fa.fa,
		.wxapp - cut - list.site - template.cover - lock.manage - fa.fa,
		.site - template.wxapp - cut - list.cover - lock.manage - fa.fa,
		.wxapp - cut - list.system - template.cover - lock.manage - fa.fa,
		.system - template.wxapp - cut - list.cover - lock.manage - fa.fa {
			margin - right: 0
		}.wxapp - cut - list.cover - dark.manage - fa: hover,
		.wxapp - cut - list.site - template.cover - lock.manage - fa: hover,
		.site - template.wxapp - cut - list.cover - lock.manage - fa: hover,
		.wxapp - cut - list.system - template.cover - lock.manage - fa: hover,
		.system - template.wxapp - cut - list.cover - lock.manage - fa: hover {
			background - color: #428bca}.wxapp-cut-list .cover-dark .manage,.wxapp-cut-list .site-template .cover-lock .manage,.site-template .wxapp-cut-list .cover-lock .manage,.wxapp-cut-list .system-template .cover-lock .manage,.system-template .wxapp-cut-list .cover-lock .manage{position:absolute;top:130px;left:50%;display:inline;margin-left:-1em;text-align:center;color:# fff
		}.wxapp - cut - list.cover - dark.stick,
		.wxapp - cut - list.site - template.cover - lock.stick,
		.site - template.wxapp - cut - list.cover - lock.stick,
		.wxapp - cut - list.system - template.cover - lock.stick,
		.system - template.wxapp - cut - list.cover - lock.stick {
			position: absolute;
			bottom: 5px;
			right: 5px;
			display: block;
			width: 40px;
			height: 40px;
			line - height: 40px;
			text - align: center;
			border - radius: 50 % ;
			background - color: rgba(94, 94, 94, .8);
			color: # fff;
			font - size: 12px
		}.wxapp - cut - list.cover - dark.stick: hover,
		.wxapp - cut - list.site - template.cover - lock.stick: hover,
		.site - template.wxapp - cut - list.cover - lock.stick: hover,
		.wxapp - cut - list.system - template.cover - lock.stick: hover,
		.system - template.wxapp - cut - list.cover - lock.stick: hover {
			background - color: #428bca}.wxapp-version-list{margin-left:-15px;margin-right:-15px;margin-top:15px}.wxapp-version-list .item{width:210px;display:inline-block;margin:15px;border:1px solid # e7e7eb;
			position: relative;
			float: left
		}.wxapp - version - list.item.version - num {
			padding: 10px 0;
			text - align: center
		}.wxapp - version - list.item.version - img img {
			width: 208px;
			height: 315px
		}.wxapp - version - list.item.cover - dark.manage - fa,
		.wxapp - version - list.item.site - template.cover - lock.manage - fa,
		.site - template.wxapp - version - list.item.cover - lock.manage - fa,
		.wxapp - version - list.item.system - template.cover - lock.manage - fa,
		.system - template.wxapp - version - list.item.cover - lock.manage - fa {
			position: absolute;
			top: 50 % ;
			left: 50 % ;
			margin - top: -66px;
			margin - left: -46px;
			display: block;
			width: 85px;
			height: 85px;
			line - height: 85px;
			text - align: center;
			border - radius: 50 % ;
			background - color: rgba(255, 255, 255, .16);
			color: # fff;
			font - size: 40px
		}.wxapp - version - list.item.cover - dark.manage - fa: hover,
		.wxapp - version - list.item.site - template.cover - lock.manage - fa: hover,
		.site - template.wxapp - version - list.item.cover - lock.manage - fa: hover,
		.wxapp - version - list.item.system - template.cover - lock.manage - fa: hover,
		.system - template.wxapp - version - list.item.cover - lock.manage - fa: hover {
			background - color: #428bca}.wxapp-version-list .item .cover-dark .manage,.wxapp-version-list .item .site-template .cover-lock .manage,.site-template .wxapp-version-list .item .cover-lock .manage,.wxapp-version-list .item .system-template .cover-lock .manage,.system-template .wxapp-version-list .item .cover-lock .manage{position:relative;top:50%;margin-top:30px;display:block;text-align:center;color:# fff
		}.wxapp - version - list.item.cover - dark.manage - fa - del,
		.wxapp - version - list.item.site - template.cover - lock.manage - fa - del,
		.site - template.wxapp - version - list.item.cover - lock.manage - fa - del,
		.wxapp - version - list.item.system - template.cover - lock.manage - fa - del,
		.system - template.wxapp - version - list.item.cover - lock.manage - fa - del {
			position: absolute;
			bottom: 40px;
			right: 15px;
			display: block;
			width: 40px;
			height: 40px;
			line - height: 40px;
			text - align: center;
			border - radius: 50 % ;
			background - color: rgba(255, 255, 255, .16);
			color: # fff;
			font - size: 18px
		}.wxapp - version - list.item.cover - dark.manage - fa - del: hover,
		.wxapp - version - list.item.site - template.cover - lock.manage - fa - del: hover,
		.site - template.wxapp - version - list.item.cover - lock.manage - fa - del: hover,
		.wxapp - version - list.item.system - template.cover - lock.manage - fa - del: hover,
		.system - template.wxapp - version - list.item.cover - lock.manage - fa - del: hover {
			background - color: #428bca}.wxapp-version-list .item .cover-dark .manage-del,.wxapp-version-list .item .site-template .cover-lock .manage-del,.site-template .wxapp-version-list .item .cover-lock .manage-del,.wxapp-version-list .item .system-template .cover-lock .manage-del,.system-template .wxapp-version-list .item .cover-lock .manage-del{position:absolute;bottom:15px;right:0;width:70px;text-align:center;color:# fff
		}.wxapp - version - list.item.cover - dark.manage - fa - down,
		.wxapp - version - list.item.site - template.cover - lock.manage - fa - down,
		.site - template.wxapp - version - list.item.cover - lock.manage - fa - down,
		.wxapp - version - list.item.system - template.cover - lock.manage - fa - down,
		.system - template.wxapp - version - list.item.cover - lock.manage - fa - down {
			position: absolute;
			bottom: 40px;
			left: 15px;
			display: block;
			width: 40px;
			height: 40px;
			line - height: 40px;
			text - align: center;
			border - radius: 50 % ;
			background - color: rgba(255, 255, 255, .16);
			color: # fff;
			font - size: 18px
		}.wxapp - version - list.item.cover - dark.manage - fa - down: hover,
		.wxapp - version - list.item.site - template.cover - lock.manage - fa - down: hover,
		.site - template.wxapp - version - list.item.cover - lock.manage - fa - down: hover,
		.wxapp - version - list.item.system - template.cover - lock.manage - fa - down: hover,
		.system - template.wxapp - version - list.item.cover - lock.manage - fa - down: hover {
			background - color: #428bca}.wxapp-version-list .item .cover-dark .manage-down,.wxapp-version-list .item .site-template .cover-lock .manage-down,.site-template .wxapp-version-list .item .cover-lock .manage-down,.wxapp-version-list .item .system-template .cover-lock .manage-down,.system-template .wxapp-version-list .item .cover-lock .manage-down{position:absolute;bottom:15px;left:0;width:70px;text-align:center;color:# fff
		}.wxapp - version - list.item: hover {
			cursor: pointer
		}.wxapp - version - list.item: hover.cover - dark,
		.wxapp - version - list.item: hover.site - template.cover - lock,
		.site - template.wxapp - version - list.item: hover.cover - lock,
		.wxapp - version - list.item: hover.system - template.cover - lock,
		.system - template.wxapp - version - list.item: hover.cover - lock {
			display: block
		}.skin - black.wxapp - manage {
			margin - top: 0
		}.skin - black.wxapp - cut - list {
			padding - top: 30px;
			padding - left: 0;
			padding - right: 0
		}.wxapp - creat - select {
			border: 1px solid # e7e7eb;
			background - color: # fbfbfb
		}.wxapp - creat - select.col - sm - 6 + .col - sm - 6 {
			border - left: 1px solid # e7e7eb;
			padding - left: 30px
		}.wxapp - creat - select.col - sm - 6.title {
			font - size: 20px;
			margin - bottom: 25px
		}.wxapp - creat - select.col - sm - 6.title.wi,
		.wxapp - creat - select.col - sm - 6.title.ext - apply - list.ext - apply - item.apply - show: before,
		.ext - apply - list.wxapp - creat - select.col - sm - 6.title.ext - apply - item.apply - show: before,
		.wxapp - creat - select.col - sm - 6.title.cut - list.item.apply - show: before,
		.cut - list.wxapp - creat - select.col - sm - 6.title.item.apply - show: before {
			font - size: 36px;
			color: # d5e4f0
		}.wxapp - creat - select.col - sm - 6.con {
			margin - bottom: 30px
		}.wxapp - version - table.version,
		.modal - dialog.wxapp - module - list.version {
			font - size: 16px
		}.wxapp - version - table.item,
		.modal - dialog.wxapp - module - list.item {
			text - align: left;
			margin - bottom: 10px;
			padding - left: 0;
			overflow: hidden
		}.wxapp - version - table.name,
		.modal - dialog.wxapp - module - list.name {
			line - height: 28px
		}.wxapp - version - table.icon,
		.modal - dialog.wxapp - module - list.icon {
			width: 50px;
			height: 50px;
			border - radius: 4px;
			float: left;
			margin - right: 10px
		}.modal - dialog.wxapp - module - list.item {
			position: relative;
			line - height: 1.42857143;
			border: 1px solid # e7e7eb;
			height: 70px;
			padding: 10px;
			margin - bottom: 10px
		}.modal - dialog.wxapp - module - list.item.version {
			line - height: 14px
		}.modal - dialog.wxapp - module - list.item.name {
			font - size: 16px
		}.modal - dialog.wxapp - module - list.item: hover.cover - dark,
		.modal - dialog.wxapp - module - list.item: hover.site - template.cover - lock,
		.site - template.modal - dialog.wxapp - module - list.item: hover.cover - lock,
		.modal - dialog.wxapp - module - list.item: hover.system - template.cover - lock,
		.system - template.modal - dialog.wxapp - module - list.item: hover.cover - lock {
			display: block
		}.modal - dialog.wxapp - module - list.add {
			text - align: center;
			border: 1px dashed # e7e7eb;
			line - height: 70px;
			font - size: 35px;
			cursor: pointer;
			color: #98999a;margin-bottom:10px}.modal-dialog .wxapp-module-list .add:hover{color:# 428bca
		}.wxapp - download - procedure {
			border - top: 1px solid # e7e7eb;
			margin - left: -30px;
			margin - right: -30px;
			padding: 30px
		}.wxapp - download - procedure.title {
			font - size: 16px
		}.wxapp - download - procedure.step - lg {
			font - weight: 700;
			margin - bottom: 20px
		}.wxapp - download - procedure.step {
			margin: 20px 0
		}.wxapp - download - procedure.img {
			padding: 10px 10px 30px 10px
		}.wxapp - download - procedure.img img {
			margin - right: 30px
		}
		# myModalDs.we7 - page - alert {
			margin: 0!important
		}.wxapp - examine - tab {
			margin - left: -30px;
			margin - right: -30px;
			margin - top: -30px;
			border - bottom: 1px solid # e7e7eb
		}.wxapp - examine - tab > div {
			line - height: 80px;
			vertical - align: middle;
			text - align: center;
			font - size: 16px;
			position: relative
		}.wxapp - examine - tab > div.wi,
		.wxapp - examine - tab > div.ext - apply - list.ext - apply - item.apply - show: before,
		.ext - apply - list.wxapp - examine - tab > div.ext - apply - item.apply - show: before,
		.wxapp - examine - tab > div.cut - list.item.apply - show: before,
		.cut - list.wxapp - examine - tab > div.item.apply - show: before {
			font - size: 30px;
			margin - right: 15px;
			color: #999;vertical-align:middle}.wxapp-examine-tab>div.active,.panel-menu .wxapp-examine-tab>div.list-group-item:not(.list-group-more):hover{background-color:# f4faff;
			color: #428bca}.wxapp-examine-tab>div.active .wi,.panel-menu .wxapp-examine-tab>div.list-group-item:not(.list-group-more):hover .wi,.wxapp-examine-tab>div.active .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .wxapp-examine-tab>div.active .ext-apply-item.apply-show:before,.panel-menu .wxapp-examine-tab>div.list-group-item:not(.list-group-more):hover .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .panel-menu .wxapp-examine-tab>div.list-group-item:not(.list-group-more):hover .ext-apply-item.apply-show:before,.wxapp-examine-tab>div.active .cut-list .item.apply-show:before,.cut-list .wxapp-examine-tab>div.active .item.apply-show:before,.panel-menu .wxapp-examine-tab>div.list-group-item:not(.list-group-more):hover .cut-list .item.apply-show:before,.cut-list .panel-menu .wxapp-examine-tab>div.list-group-item:not(.list-group-more):hover .item.apply-show:before{color:# 428bca
		}.wxapp - examine - tab > div.active.arrow - up,
		.panel - menu.wxapp - examine - tab > div.list - group - item: not(.list - group - more): hover.arrow - up,
		.wxapp - examine - tab > div.active.arrow - up: after,
		.panel - menu.wxapp - examine - tab > div.list - group - item: not(.list - group - more): hover.arrow - up: after {
			width: 0;
			height: 0;
			border - style: solid;
			border - width: 0 8px 10px 8px;
			border - color: transparent transparent # e7e7eb transparent;
			position: absolute;
			left: 50 % ;
			bottom: 0;
			margin - left: -5px
		}.wxapp - examine - tab > div.active.arrow - up: after,
		.panel - menu.wxapp - examine - tab > div.list - group - item: not(.list - group - more): hover.arrow - up: after {
			content: "";
			border - bottom - color: # fff;
			left: -3px;
			bottom: -11px
		}.wxapp - examine - self.panel - body {
			padding: 15px 30px
		}.wxapp - examine - self.panel - footer {
			padding: 60px 30px
		}.wxapp - examine - self.step {
			padding: 30px 0;
			font - weight: 700
		}.wxapp - examine - self.step > div {
			flex: 1;
			text - align: center
		}.wxapp - examine - self.step.active.wi,
		.wxapp - examine - self.step.head.navbar - left > li: hover.wi,
		.head.wxapp - examine - self.step.navbar - left > li: hover.wi,
		.wxapp - examine - self.step.panel - menu.list - group - item: not(.list - group - more): hover.wi,
		.panel - menu.wxapp - examine - self.step.list - group - item: not(.list - group - more): hover.wi,
		.wxapp - examine - self.step.active.ext - apply - list.ext - apply - item.apply - show: before,
		.ext - apply - list.wxapp - examine - self.step.active.ext - apply - item.apply - show: before,
		.wxapp - examine - self.step.head.navbar - left > li: hover.ext - apply - list.ext - apply - item.apply - show: before,
		.ext - apply - list.wxapp - examine - self.step.head.navbar - left > li: hover.ext - apply - item.apply - show: before,
		.head.wxapp - examine - self.step.navbar - left > li: hover.ext - apply - list.ext - apply - item.apply - show: before,
		.ext - apply - list.head.wxapp - examine - self.step.navbar - left > li: hover.ext - apply - item.apply - show: before,
		.wxapp - examine - self.step.panel - menu.list - group - item: not(.list - group - more): hover.ext - apply - list.ext - apply - item.apply - show: before,
		.ext - apply - list.wxapp - examine - self.step.panel - menu.list - group - item: not(.list - group - more): hover.ext - apply - item.apply - show: before,
		.panel - menu.wxapp - examine - self.step.list - group - item: not(.list - group - more): hover.ext - apply - list.ext - apply - item.apply - show: before,
		.ext - apply - list.panel - menu.wxapp - examine - self.step.list - group - item: not(.list - group - more): hover.ext - apply - item.apply - show: before,
		.wxapp - examine - self.step.active.cut - list.item.apply - show: before,
		.cut - list.wxapp - examine - self.step.active.item.apply - show: before,
		.wxapp - examine - self.step.head.navbar - left > li: hover.cut - list.item.apply - show: before,
		.cut - list.wxapp - examine - self.step.head.navbar - left > li: hover.item.apply - show: before,
		.head.wxapp - examine - self.step.navbar - left > li: hover.cut - list.item.apply - show: before,
		.cut - list.head.wxapp - examine - self.step.navbar - left > li: hover.item.apply - show: before,
		.wxapp - examine - self.step.panel - menu.list - group - item: not(.list - group - more): hover.cut - list.item.apply - show: before,
		.cut - list.wxapp - examine - self.step.panel - menu.list - group - item: not(.list - group - more): hover.item.apply - show: before,
		.panel - menu.wxapp - examine - self.step.list - group - item: not(.list - group - more): hover.cut - list.item.apply - show: before,
		.cut - list.panel - menu.wxapp - examine - self.step.list - group - item: not(.list - group - more): hover.item.apply - show: before {
			color: #428bca}.wxapp-examine-self .step .wi,.wxapp-examine-self .step .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .wxapp-examine-self .step .ext-apply-item.apply-show:before,.wxapp-examine-self .step .cut-list .item.apply-show:before,.cut-list .wxapp-examine-self .step .item.apply-show:before{font-size:32px;color:# 999;
			margin - right: 10px;
			vertical - align: middle
		}.wxapp - examine - self.step.arrow.wi,
		.wxapp - examine - self.step.arrow.ext - apply - list.ext - apply - item.apply - show: before,
		.ext - apply - list.wxapp - examine - self.step.arrow.ext - apply - item.apply - show: before,
		.wxapp - examine - self.step.arrow.cut - list.item.apply - show: before,
		.cut - list.wxapp - examine - self.step.arrow.item.apply - show: before {
			margin: 0;
			color: #428bca}.wxapp-examine-self .waiting .wi,.wxapp-examine-self .waiting .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .wxapp-examine-self .waiting .ext-apply-item.apply-show:before,.wxapp-examine-self .waiting .cut-list .item.apply-show:before,.cut-list .wxapp-examine-self .waiting .item.apply-show:before{font-size:40px;color:# ffce44
		}.wxapp - examine - self.waiting.second {
			font - size: 20px;
			color: #428bca}.wxapp-examine-self .success .wi,.wxapp-examine-self .success .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .wxapp-examine-self .success .ext-apply-item.apply-show:before,.wxapp-examine-self .success .cut-list .item.apply-show:before,.cut-list .wxapp-examine-self .success .item.apply-show:before{font-size:46px;color:# 428bca
		}.wxapp - examine - self.success.status - state {
			font - weight: 700;
			margin - top: 30px;
			margin - bottom: 15px
		}.wxapp - examine - self.success.btns {
			margin - top: 30px
		}.wxapp - examine - self.qr - img {
			max - height: 130px
		}.wxapp - procedure.procedure {
			display: flex;
			display: -webkit - flex;
			display: -moz - flex;
			display: -ms - flex
		}.wxapp - procedure.procedure > div {
			flex: 1;
			align - items: center;
			text - align: center;
			position: relative
		}.wxapp - procedure.procedure.icon {
			width: 60px;
			height: 60px;
			border - radius: 100 % ;
			border: 1px solid # e7e7eb;
			text - align: center;
			line - height: 60px;
			margin: 20px auto
		}.wxapp - procedure.procedure.icon.wi,
		.wxapp - procedure.procedure.icon.ext - apply - list.ext - apply - item.apply - show: before,
		.ext - apply - list.wxapp - procedure.procedure.icon.ext - apply - item.apply - show: before,
		.wxapp - procedure.procedure.icon.cut - list.item.apply - show: before,
		.cut - list.wxapp - procedure.procedure.icon.item.apply - show: before {
			font - size: 30px;
			vertical - align: middle;
			color: #428bca}.wxapp-procedure .procedure .arrow{position:absolute;right:-19px;top:31px}.wxapp-procedure .procedure .arrow .wi,.wxapp-procedure .procedure .arrow .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .wxapp-procedure .procedure .arrow .ext-apply-item.apply-show:before,.wxapp-procedure .procedure .arrow .cut-list .item.apply-show:before,.cut-list .wxapp-procedure .procedure .arrow .item.apply-show:before{font-size:38px;color:# e7e7eb
		}.wxapp - upload - setting.we7 - flex > div {
			padding: 20px
		}.wxapp - upload - setting.we7 - flex > div: first - child {
			border - right: 1px solid # e7e7eb;
			text - align: center;
			width: 417px;
			flex: none
		}.wxapp - upload - setting.we7 - table > tbody > tr > td,
		.wxapp - upload - setting.wechat - communication > tbody > tr > td {
			padding: 10px;
			text - align: center;
			overflow: visible
		}.wxapp - upload - setting.we7 - table > tbody > tr > td: first - child,
		.wxapp - upload - setting.wechat - communication > tbody > tr > td: first - child {
			padding - left: 10px
		}.wxapp - upload - setting.we7 - table > tbody > tr > td: last - child,
		.wxapp - upload - setting.wechat - communication > tbody > tr > td: last - child {
			padding - right: 10px
		}.wxapp - upload - setting.icon {
			display: block;
			width: 46px;
			height: 46px;
			position: relative;
			text - align: center;
			line - height: 46px;
			cursor: pointer
		}.wxapp - upload - setting.icon.add {
			border: 1px dashed # e7e7eb;
			color: #999}.wxapp-upload-setting .icon.add .wi,.wxapp-upload-setting .icon.add .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .wxapp-upload-setting .icon.add .ext-apply-item.apply-show:before,.wxapp-upload-setting .icon.add .cut-list .item.apply-show:before,.cut-list .wxapp-upload-setting .icon.add .item.apply-show:before{font-size:16px}.wxapp-upload-setting .icon:hover .replace{display:block}.wxapp-upload-setting .icon img{max-width:100%}.wxapp-upload-setting .icon .wi,.wxapp-upload-setting .icon .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .wxapp-upload-setting .icon .ext-apply-item.apply-show:before,.wxapp-upload-setting .icon .cut-list .item.apply-show:before,.cut-list .wxapp-upload-setting .icon .item.apply-show:before{font-size:40px;vertical-align:middle}.wxapp-upload-setting .icon .replace{display:inline-block;width:46px;height:46px;background:rgba(0,0,0,.5);color:# fff;
			text - align: center;
			line - height: 46px;
			position: absolute;
			top: 0;
			left: 0;
			display: none
		}.wxapp - upload - setting.color - block {
			display: inline - block;
			width: 34px;
			height: 34px;
			margin - top: 6px;
			cursor: pointer
		}.wxapp - upload - setting input,
		.wxapp - upload - setting.dropdown {
			margin - top: 6px
		}.skin - black.panel - content {
			border: none
		}.skin - black.panel - content > .panel - heading {
			height: 80px;
			line - height: 60px;
			color: # fff;
			background - color: #2b3040;padding:10px 20px;border-radius:0}.skin-black .panel-content>.panel-heading .wi,.skin-black .panel-content>.panel-heading .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .skin-black .panel-content>.panel-heading .ext-apply-item.apply-show:before,.skin-black .panel-content>.panel-heading .cut-list .item.apply-show:before,.cut-list .skin-black .panel-content>.panel-heading .item.apply-show:before,.skin-black .panel-content>.panel-heading .fa{color:# fff
		}.skin - black.panel - content > .panel - body {
			padding: 0;
			margin - bottom: 0;
			margin - left: -1px;
			margin - right: -1px
		}.skin - black.main - panel - body {
			width: 100 % ;
			margin: 0!important
		}.skin - black.right - content {
			width: calc(100 % -221px);
			min - height: 755px;
			padding - bottom: 0
		}.skin - black.right - content > .content {
			position: relative;
			clear: both
		}.skin - black.right - content > .content.we7 - body - alert {
			position: absolute;
			top: -28px;
			right: 0;
			margin: 0
		}.skin - black.right - content > .content > .we7 - page - title {
			display: none
		}.skin - black.we7 - head - back {
			height: 59px;
			line - height: 59px;
			color: # adb4cc
		}.skin - black.we7 - head - back.wi,
		.skin - black.we7 - head - back.ext - apply - list.ext - apply - item.apply - show: before,
		.ext - apply - list.skin - black.we7 - head - back.ext - apply - item.apply - show: before,
		.skin - black.we7 - head - back.cut - list.item.apply - show: before,
		.cut - list.skin - black.we7 - head - back.item.apply - show: before,
		.skin - black.we7 - head - back.fa {
			color: # adb4cc!important
		}.skin - black.panel - menu {
			box - shadow: 0 0 0;
			border - radius: 0;
			border: none;
			border - top: 1px solid #32374a}.skin-black .panel-menu>.panel-heading{background-color:# 3a3f51;
			color: # adb4cc
		}.skin - black.panel - menu.list - group - item: not(.list - group - more) {
			padding - left: 15px
		}.skin - black.panel - menu.list - group - item: not(.list - group - more) img {
			width: 24px;
			height: 24px;
			margin - right: 15px
		}.skin - black.panel - menu.list - group - item: not(.list - group - more): hover a {
			color: # fff!important
		}.skin - black.panel - menu.list - group - item: not(.list - group - more): hover.wi,
		.skin - black.panel - menu.list - group - item: not(.list - group - more): hover.ext - apply - list.ext - apply - item.apply - show: before,
		.ext - apply - list.skin - black.panel - menu.list - group - item: not(.list - group - more): hover.ext - apply - item.apply - show: before,
		.skin - black.panel - menu.list - group - item: not(.list - group - more): hover.cut - list.item.apply - show: before,
		.cut - list.skin - black.panel - menu.list - group - item: not(.list - group - more): hover.item.apply - show: before,
		.skin - black.panel - menu.list - group - item: not(.list - group - more): hover.fa {
			color: # fff
		}.skin - black.panel - menu.list - group - item: not(.list - group - more).active,
		.skin - black.panel - menu.list - group - item: not(.list - group - more): hover {
			background - color: #428bca!important}.skin-black .panel-menu .list-group-item:not(.list-group-more).active .wi,.skin-black .panel-menu .list-group-item:not(.list-group-more):hover .wi,.skin-black .panel-menu .list-group-item:not(.list-group-more).active .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .skin-black .panel-menu .list-group-item:not(.list-group-more).active .ext-apply-item.apply-show:before,.skin-black .panel-menu .list-group-item:not(.list-group-more):hover .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .skin-black .panel-menu .list-group-item:not(.list-group-more):hover .ext-apply-item.apply-show:before,.skin-black .panel-menu .list-group-item:not(.list-group-more).active .cut-list .item.apply-show:before,.cut-list .skin-black .panel-menu .list-group-item:not(.list-group-more).active .item.apply-show:before,.skin-black .panel-menu .list-group-item:not(.list-group-more):hover .cut-list .item.apply-show:before,.cut-list .skin-black .panel-menu .list-group-item:not(.list-group-more):hover .item.apply-show:before,.skin-black .panel-menu .list-group-item:not(.list-group-more).active .fa,.skin-black .panel-menu .list-group-item:not(.list-group-more):hover .fa{color:# fff
		}.skin - black.panel - menu.list - group - item: not(.list - group - more).active a,
		.skin - black.panel - menu.list - group - item: not(.list - group - more): hover a {
			color: # fff!important
		}.skin - black.panel - menu.list - group - more.label - more {
			color: # adb4cc;
			font - size: 14px;
			padding: 0 0 0 42px;
			width: 100 % ;
			height: 34px;
			line - height: 34px;
			vertical - align: middle;
			border - radius: 0;
			border: 0;
			display: inline - block;
			text - align: left;
			position: relative;
			font - weight: 400
		}.skin - black.panel - menu.list - group - more.label - more: before {
			content: '+';
			color: #98999a;font-size:16px;width:26px;height:26px;line-height:24px;text-align:center;position:absolute;left:0;top:4px;bottom:0;border:1px dashed # adb4cc
		}.skin - black.panel - menu.list - group - more.label - more: hover {
			color: #428bca}.skin-black .panel-menu:last-child{border-bottom:10px}.skin-black .panel-content-plugin .left-menu{width:270px}.skin-black .panel-content-plugin .right-content{width:calc(100% - 270px)}.skin-black .panel-content-plugin .we7-head-account{width:209px}.skin-black .panel-content-plugin .we7-head-account+.head-app-logo{margin-left:260px}.skin-black .link-group{line-height:34px;padding:30px 0}.skin-black .link-group>a{display:inline-block;min-width:90px;text-align:center;color:# fff!important;
			border - radius: 4px;
			background - color: #428bca;border:1px solid # 357ebd;
			padding: 0 6px;
			margin - left: 5px;
			margin - bottom: 3px
		}.skin - black.link - group > a: hover {
			background - color: #3071a9;border-color:# 285e8e
		}.skin - black.link - group > a: last - child {
			margin - right: 0
		}.skin - black.link - group > a.del {
			background - color: # ca4242;
			border - color: # d43f3a
		}.skin - black.link - group > a.del: hover {
			background - color: # c9302c;
			border - color: # ac2925
		}.skin - black.cut - wechat - list {
			margin - left: -30px;
			margin - right: -30px
		}.skin - black.cut - wechat - list li {
			width: 16.66 % ;
			padding - left: 30px;
			padding - right: 30px;
			display: inline - block;
			margin - left: -2px;
			margin - right: -2px;
			margin - bottom: 30px
		}.skin - black.cut - wechat - list.cut - wechat - item {
			padding - top: 30px;
			padding - right: 5px;
			padding - bottom: 30px;
			padding - left: 5px;
			background - color: # fff;
			text - align: center;
			position: relative;
			cursor: pointer
		}.skin - black.cut - wechat - list.cut - wechat - item img {
			width: 107px;
			height: 107px
		}.skin - black.cut - wechat - list.cut - wechat - item.wechat - name {
			margin: 0;
			padding - top: 10px;
			font - size: 14px;
			color: #212121}.skin-black .cut-wechat-list .cut-wechat-item .wechat-versions{margin:0;padding-top:5px;font-size:12px;color:gray}.skin-black .cut-wechat-list .cut-wechat-item .cover-dark,.skin-black .cut-wechat-list .cut-wechat-item .site-template .cover-lock,.site-template .skin-black .cut-wechat-list .cut-wechat-item .cover-lock,.skin-black .cut-wechat-list .cut-wechat-item .system-template .cover-lock,.system-template .skin-black .cut-wechat-list .cut-wechat-item .cover-lock{background-color:rgba(0,0,0,.75)}.skin-black .cut-wechat-list .cut-wechat-item .cover-dark .manage-fa,.skin-black .cut-wechat-list .cut-wechat-item .site-template .cover-lock .manage-fa,.site-template .skin-black .cut-wechat-list .cut-wechat-item .cover-lock .manage-fa,.skin-black .cut-wechat-list .cut-wechat-item .system-template .cover-lock .manage-fa,.system-template .skin-black .cut-wechat-list .cut-wechat-item .cover-lock .manage-fa{position:absolute;top:50%;left:50%;margin-top:-66px;margin-left:-46px;display:block;width:85px;height:85px;line-height:85px;text-align:center;border-radius:50%;background-color:rgba(255,255,255,.16);color:# fff;
			font - size: 40px
		}.skin - black.cut - wechat - list.cut - wechat - item.cover - dark.manage - fa.fa,
		.skin - black.cut - wechat - list.cut - wechat - item.site - template.cover - lock.manage - fa.fa,
		.site - template.skin - black.cut - wechat - list.cut - wechat - item.cover - lock.manage - fa.fa,
		.skin - black.cut - wechat - list.cut - wechat - item.system - template.cover - lock.manage - fa.fa,
		.system - template.skin - black.cut - wechat - list.cut - wechat - item.cover - lock.manage - fa.fa {
			margin - right: 0
		}.skin - black.cut - wechat - list.cut - wechat - item.cover - dark.manage - fa: hover,
		.skin - black.cut - wechat - list.cut - wechat - item.site - template.cover - lock.manage - fa: hover,
		.site - template.skin - black.cut - wechat - list.cut - wechat - item.cover - lock.manage - fa: hover,
		.skin - black.cut - wechat - list.cut - wechat - item.system - template.cover - lock.manage - fa: hover,
		.system - template.skin - black.cut - wechat - list.cut - wechat - item.cover - lock.manage - fa: hover {
			background - color: #428bca}.skin-black .cut-wechat-list .cut-wechat-item .cover-dark .manage,.skin-black .cut-wechat-list .cut-wechat-item .site-template .cover-lock .manage,.site-template .skin-black .cut-wechat-list .cut-wechat-item .cover-lock .manage,.skin-black .cut-wechat-list .cut-wechat-item .system-template .cover-lock .manage,.system-template .skin-black .cut-wechat-list .cut-wechat-item .cover-lock .manage{position:relative;top:50%;margin-top:30px;display:block;text-align:center;color:# fff
		}.skin - black.cut - wechat - list.cut - wechat - item.cover - dark.stick,
		.skin - black.cut - wechat - list.cut - wechat - item.site - template.cover - lock.stick,
		.site - template.skin - black.cut - wechat - list.cut - wechat - item.cover - lock.stick,
		.skin - black.cut - wechat - list.cut - wechat - item.system - template.cover - lock.stick,
		.system - template.skin - black.cut - wechat - list.cut - wechat - item.cover - lock.stick {
			position: absolute;
			bottom: 15px;
			right: 15px;
			display: block;
			width: 40px;
			height: 40px;
			line - height: 40px;
			text - align: center;
			border - radius: 50 % ;
			background - color: rgba(255, 255, 255, .16);
			color: # fff;
			font - size: 12px
		}.skin - black.cut - wechat - list.cut - wechat - item.cover - dark.stick.wi,
		.skin - black.cut - wechat - list.cut - wechat - item.site - template.cover - lock.stick.wi,
		.site - template.skin - black.cut - wechat - list.cut - wechat - item.cover - lock.stick.wi,
		.skin - black.cut - wechat - list.cut - wechat - item.system - template.cover - lock.stick.wi,
		.system - template.skin - black.cut - wechat - list.cut - wechat - item.cover - lock.stick.wi,
		.skin - black.cut - wechat - list.cut - wechat - item.cover - dark.stick.ext - apply - list.ext - apply - item.apply - show: before,
		.ext - apply - list.skin - black.cut - wechat - list.cut - wechat - item.cover - dark.stick.ext - apply - item.apply - show: before,
		.skin - black.cut - wechat - list.cut - wechat - item.site - template.cover - lock.stick.ext - apply - list.ext - apply - item.apply - show: before,
		.ext - apply - list.skin - black.cut - wechat - list.cut - wechat - item.site - template.cover - lock.stick.ext - apply - item.apply - show: before,
		.site - template.skin - black.cut - wechat - list.cut - wechat - item.cover - lock.stick.ext - apply - list.ext - apply - item.apply - show: before,
		.ext - apply - list.site - template.skin - black.cut - wechat - list.cut - wechat - item.cover - lock.stick.ext - apply - item.apply - show: before,
		.skin - black.cut - wechat - list.cut - wechat - item.system - template.cover - lock.stick.ext - apply - list.ext - apply - item.apply - show: before,
		.ext - apply - list.skin - black.cut - wechat - list.cut - wechat - item.system - template.cover - lock.stick.ext - apply - item.apply - show: before,
		.system - template.skin - black.cut - wechat - list.cut - wechat - item.cover - lock.stick.ext - apply - list.ext - apply - item.apply - show: before,
		.ext - apply - list.system - template.skin - black.cut - wechat - list.cut - wechat - item.cover - lock.stick.ext - apply - item.apply - show: before,
		.skin - black.cut - wechat - list.cut - wechat - item.cover - dark.stick.cut - list.item.apply - show: before,
		.cut - list.skin - black.cut - wechat - list.cut - wechat - item.cover - dark.stick.item.apply - show: before,
		.skin - black.cut - wechat - list.cut - wechat - item.site - template.cover - lock.stick.cut - list.item.apply - show: before,
		.cut - list.skin - black.cut - wechat - list.cut - wechat - item.site - template.cover - lock.stick.item.apply - show: before,
		.site - template.skin - black.cut - wechat - list.cut - wechat - item.cover - lock.stick.cut - list.item.apply - show: before,
		.cut - list.site - template.skin - black.cut - wechat - list.cut - wechat - item.cover - lock.stick.item.apply - show: before,
		.skin - black.cut - wechat - list.cut - wechat - item.system - template.cover - lock.stick.cut - list.item.apply - show: before,
		.cut - list.skin - black.cut - wechat - list.cut - wechat - item.system - template.cover - lock.stick.item.apply - show: before,
		.system - template.skin - black.cut - wechat - list.cut - wechat - item.cover - lock.stick.cut - list.item.apply - show: before,
		.cut - list.system - template.skin - black.cut - wechat - list.cut - wechat - item.cover - lock.stick.item.apply - show: before,
		.skin - black.cut - wechat - list.cut - wechat - item.cover - dark.stick.fa,
		.skin - black.cut - wechat - list.cut - wechat - item.site - template.cover - lock.stick.fa,
		.site - template.skin - black.cut - wechat - list.cut - wechat - item.cover - lock.stick.fa,
		.skin - black.cut - wechat - list.cut - wechat - item.system - template.cover - lock.stick.fa,
		.system - template.skin - black.cut - wechat - list.cut - wechat - item.cover - lock.stick.fa {
			font - size: 18px;
			vertical - align: middle
		}.skin - black.cut - wechat - list.cut - wechat - item.cover - dark.stick: hover,
		.skin - black.cut - wechat - list.cut - wechat - item.site - template.cover - lock.stick: hover,
		.site - template.skin - black.cut - wechat - list.cut - wechat - item.cover - lock.stick: hover,
		.skin - black.cut - wechat - list.cut - wechat - item.system - template.cover - lock.stick: hover,
		.system - template.skin - black.cut - wechat - list.cut - wechat - item.cover - lock.stick: hover {
			background - color: #428bca}.skin-black .cut-wechat-list .cut-wechat-item:hover .cover-dark,.skin-black .cut-wechat-list .cut-wechat-item:hover .site-template .cover-lock,.site-template .skin-black .cut-wechat-list .cut-wechat-item:hover .cover-lock,.skin-black .cut-wechat-list .cut-wechat-item:hover .system-template .cover-lock,.system-template .skin-black .cut-wechat-list .cut-wechat-item:hover .cover-lock{display:block}.skin-black .cut-wechat-letters{margin:0 auto}.skin-black .we7-body-alert{position:fixed;right:0;top:60px}.skin-black .optimize .contact-service{right:0;left:auto}.skin-black .optimize .contact-service a{border-radius:4px 0 0 4px}.audioBox .desc{display:none;position:absolute;white-space:nowrap;left:90px;top:0}.audio-msg{overflow:hidden}.audio-msg .icon-audio-msg{float:left;margin-right:1em}.icon-audio-msg{cursor:pointer;background:url(../images/media-z2f624f.png) 0 -380px no-repeat;width:60px;height:60px;vertical-align:middle;display:inline-block}.AudioPlaying .icon-audio-msg{background:transparent url(../images/icon-audio2767e5.gif) no-repeat 0 0}.icon-msg-sender{margin-right:3px;margin-top:-2px;*margin-top:2px;width:20px;height:20px;vertical-align:middle;display:inline-block}.tab-text .icon-msg-sender{background:url(../images/msg-tab-z25df2d.png) 0 0 no-repeat}.tab-text.active .icon-msg-sender,.head .navbar-left>li.tab-text:hover .icon-msg-sender,.panel-menu .tab-text.list-group-item:not(.list-group-more):hover .icon-msg-sender,.tab-text:hover .icon-msg-sender{background:url(../images/msg-tab-z25df2d.png) 0 -30px no-repeat}.tab-img .icon-msg-sender{background:url(../images/msg-tab-z25df2d.png) 0 -60px no-repeat}.tab-img.active .icon-msg-sender,.head .navbar-left>li.tab-img:hover .icon-msg-sender,.panel-menu .tab-img.list-group-item:not(.list-group-more):hover .icon-msg-sender,.tab-img:hover .icon-msg-sender{background:url(../images/msg-tab-z25df2d.png) 0 -90px no-repeat}.tab-video .icon-msg-sender{background:url(../images/msg-tab-z25df2d.png) 0 -120px no-repeat}.tab-video.active .icon-msg-sender,.head .navbar-left>li.tab-video:hover .icon-msg-sender,.panel-menu .tab-video.list-group-item:not(.list-group-more):hover .icon-msg-sender,.tab-video:hover .icon-msg-sender{background:url(../images/msg-tab-z25df2d.png) 0 -150px no-repeat}.tab-audio .icon-msg-sender{background:url(../images/msg-tab-z25df2d.png) 0 -180px no-repeat}.tab-audio.active .icon-msg-sender,.head .navbar-left>li.tab-audio:hover .icon-msg-sender,.panel-menu .tab-audio.list-group-item:not(.list-group-more):hover .icon-msg-sender,.tab-audio:hover .icon-msg-sender{background:url(../images/msg-tab-z25df2d.png) 0 -210px no-repeat}.tab-appmsg .icon-msg-sender{background:url(../images/msg-tab-z25df2d.png) 0 -240px no-repeat}.tab-appmsg.active .icon-msg-sender,.head .navbar-left>li.tab-appmsg:hover .icon-msg-sender,.panel-menu .tab-appmsg.list-group-item:not(.list-group-more):hover .icon-msg-sender,.tab-appmsg:hover .icon-msg-sender{background:url(../images/msg-tab-z25df2d.png) 0 -270px no-repeat}.tab-commondity-appmsg .icon-msg-sender{background:url(../images/msg-tab-z25df2d.png) 0 -300px no-repeat}.tab-commondity-appmsg.active .icon-msg-sender,.head .navbar-left>li.tab-commondity-appmsg:hover .icon-msg-sender,.panel-menu .tab-commondity-appmsg.list-group-item:not(.list-group-more):hover .icon-msg-sender,.tab-commondity-appmsg:hover .icon-msg-sender{background:url(../images/msg-tab-z25df2d.png) 0 -330px no-repeat}.tab-cardmsg .icon-msg-sender{background:url(../images/msg-tab-z25df2d.png) 0 -360px no-repeat}.tab-cardmsg.active .icon-msg-sender,.head .navbar-left>li.tab-cardmsg:hover .icon-msg-sender,.panel-menu .tab-cardmsg.list-group-item:not(.list-group-more):hover .icon-msg-sender,.tab-cardmsg:hover .icon-msg-sender{background:url(../images/msg-tab-z25df2d.png) 0 -390px no-repeat}.menu-setting-area{*zoom:1}.menu-setting-area:after{content:"\200B";display:block;height:0;clear:both}.menu-preview-area{float:left;margin-right:12px;position:relative}.menu-preview-area .icon14-menu-add{background:url(../images/index-z2a7519.png) 0 0 no-repeat;width:14px;height:14px;vertical-align:middle;display:inline-block;margin-top:-2px}.menu-preview-area .pre-menu-list{position:absolute;bottom:0;left:0;right:0;border-top:1px solid # e7e7eb;
			background: transparent url(.. / images / bg - mobile - foot - default2968da.png) no - repeat 0 0;
			background - position: 0 0;
			background - repeat: no - repeat;
			padding - left: 43px;
			margin - bottom: 0
		}.menu - preview - area.pre - menu - list > li: first - child: nth - last - child(1) {
			width: 100 %
		}.menu - preview - area.pre - menu - list > li: first - child: nth - last - child(1).pre - menu - link {
			border: 1px solid #079200;color:# 079200
		}.menu - preview - area.pre - menu - list > li: first - child: nth - last - child(1).icon14 - menu - add {
			background: url(.. / images / index - z2a7519.png) 0 - 24px no - repeat
		}.menu - preview - area.pre - menu - list > li: first - child: nth - last - child(2),
		.menu - preview - area.pre - menu - list > li: first - child: nth - last - child(2)~li {
			width: 50 %
		}.menu - preview - area.pre - menu - list > li: first - child: nth - last - child(3),
		.menu - preview - area.pre - menu - list > li: first - child: nth - last - child(3)~li {
			width: 33.3333 %
		}.menu - preview - area.pre - menu - list.no - menu.pre - menu - item.pre - menu - link {
			border: 1px solid # e7e7eb;
			color: # e7e7eb
		}.menu - preview - area.pre - menu - list.no - menu.menu - preview - area.pre - menu - list.sorting.sort - gray {
			display: inline - block
		}.menu - preview - area.pre - menu - list.sorting.icon - menu - dot {
			display: none
		}.menu - preview - area.pre - menu - list.sorting.pre - menu - item.active.pre - menu - link,
		.menu - preview - area.pre - menu - list.sorting.head.navbar - left > li.pre - menu - item: hover.pre - menu - link,
		.head.menu - preview - area.pre - menu - list.sorting.navbar - left > li.pre - menu - item: hover.pre - menu - link,
		.menu - preview - area.pre - menu - list.sorting.panel - menu.pre - menu - item.list - group - item: not(.list - group - more): hover.pre - menu - link,
		.panel - menu.menu - preview - area.pre - menu - list.sorting.pre - menu - item.list - group - item: not(.list - group - more): hover.pre - menu - link {
			border: 0;
			border - left: 1px solid # e7e7eb;
			background - color: transparent;
			line - height: 50px;
			color: #616161}.menu-preview-area .pre-menu-list.sorting .sub-pre-menu-list li.active,.menu-preview-area .pre-menu-list.sorting .sub-pre-menu-list .head .navbar-left>li:hover,.head .menu-preview-area .pre-menu-list.sorting .sub-pre-menu-list .navbar-left>li:hover,.menu-preview-area .pre-menu-list.sorting .sub-pre-menu-list .panel-menu li.list-group-item:not(.list-group-more):hover,.panel-menu .menu-preview-area .pre-menu-list.sorting .sub-pre-menu-list li.list-group-item:not(.list-group-more):hover{background-color:transparent;border-color:transparent}.menu-preview-area .pre-menu-list.sorting .sub-pre-menu-list li.active a,.menu-preview-area .pre-menu-list.sorting .sub-pre-menu-list .head .navbar-left>li:hover a,.head .menu-preview-area .pre-menu-list.sorting .sub-pre-menu-list .navbar-left>li:hover a,.menu-preview-area .pre-menu-list.sorting .sub-pre-menu-list .panel-menu li.list-group-item:not(.list-group-more):hover a,.panel-menu .menu-preview-area .pre-menu-list.sorting .sub-pre-menu-list li.list-group-item:not(.list-group-more):hover a{color:# 616161
		}.menu - preview - area.pre - menu - list.sorting.sub - pre - menu - list li.active.sub - pre - menu - inner,
		.menu - preview - area.pre - menu - list.sorting.sub - pre - menu - list.head.navbar - left > li: hover.sub - pre - menu - inner,
		.head.menu - preview - area.pre - menu - list.sorting.sub - pre - menu - list.navbar - left > li: hover.sub - pre - menu - inner,
		.menu - preview - area.pre - menu - list.sorting.sub - pre - menu - list.panel - menu li.list - group - item: not(.list - group - more): hover.sub - pre - menu - inner,
		.panel - menu.menu - preview - area.pre - menu - list.sorting.sub - pre - menu - list li.list - group - item: not(.list - group - more): hover.sub - pre - menu - inner {
			border - top - width: 1px
		}.menu - preview - area.pre - menu - list.sort - gray {
			margin - top: -4px
		}.menu - preview - area.pre - menu - item {
			line - height: 50px
		}.menu - preview - area.pre - menu - item: first - child.pre - menu - link {
			border - left - width: 0
		}.menu - preview - area.pre - menu - item.active.pre - menu - link,
		.menu - preview - area.head.navbar - left > li.pre - menu - item: hover.pre - menu - link,
		.head.menu - preview - area.navbar - left > li.pre - menu - item: hover.pre - menu - link,
		.menu - preview - area.panel - menu.pre - menu - item.list - group - item: not(.list - group - more): hover.pre - menu - link,
		.panel - menu.menu - preview - area.pre - menu - item.list - group - item: not(.list - group - more): hover.pre - menu - link {
			border: 1px solid #079200;line-height:48px;background-color:# fff;
			color: #079200}.menu-preview-area .pre-menu-item.dragging{border:1px solid # e7e7eb;
			background - color: # fafafa
		}.menu - preview - area.pre - menu - link.add - gray {
			margin - top: -3px
		}.menu - preview - area.sub - pre - menu - box {
			bottom: 60px;
			background - color: # fafafa;
			border - top - width: 0
		}.menu - preview - area.sub - pre - menu - inner {
			display: block;
			border - top: 1px solid # e7e7eb;
			width: auto;
			overflow: hidden;
			text - overflow: ellipsis;
			white - space: nowrap;
			word - wrap: normal;
			cursor: pointer
		}.menu - preview - area.sub - pre - menu - list li {
			line - height: 44px;
			border: 1px solid transparent;
			margin: 0 - 1px - 1px
		}.menu - preview - area.sub - pre - menu - list li: first - child {
			border - top: 1px solid # d0d0d0
		}.menu - preview - area.sub - pre - menu - list li: first - child.sub - pre - menu - inner {
			border - top - width: 0
		}.menu - preview - area.sub - pre - menu - list li: hover {
			background - color: # eee;
			border: 1px solid # d0d0d0;
			line - height: 45px;
			cursor: pointer
		}.menu - preview - area.sub - pre - menu - list li: hover.sub - pre - menu - inner {
			border - top - width: 0
		}.menu - preview - area.sub - pre - menu - list li: hover: first - child {
			line - height: 44px
		}.menu - preview - area.sub - pre - menu - list li.active,
		.menu - preview - area.sub - pre - menu - list.head.navbar - left > li: hover,
		.head.menu - preview - area.sub - pre - menu - list.navbar - left > li: hover,
		.menu - preview - area.sub - pre - menu - list.panel - menu li.list - group - item: not(.list - group - more): hover,
		.panel - menu.menu - preview - area.sub - pre - menu - list li.list - group - item: not(.list - group - more): hover {
			background - color: # fff;
			border: 1px solid #079200;position:relative;z-index:1;line-height:45px;*zoom:1}.menu-preview-area .sub-pre-menu-list li.active .sub-pre-menu-inner,.menu-preview-area .sub-pre-menu-list .head .navbar-left>li:hover .sub-pre-menu-inner,.head .menu-preview-area .sub-pre-menu-list .navbar-left>li:hover .sub-pre-menu-inner,.menu-preview-area .sub-pre-menu-list .panel-menu li.list-group-item:not(.list-group-more):hover .sub-pre-menu-inner,.panel-menu .menu-preview-area .sub-pre-menu-list li.list-group-item:not(.list-group-more):hover .sub-pre-menu-inner{border-top-width:0}.menu-preview-area .sub-pre-menu-list li.active a,.menu-preview-area .sub-pre-menu-list .head .navbar-left>li:hover a,.head .menu-preview-area .sub-pre-menu-list .navbar-left>li:hover a,.menu-preview-area .sub-pre-menu-list .panel-menu li.list-group-item:not(.list-group-more):hover a,.panel-menu .menu-preview-area .sub-pre-menu-list li.list-group-item:not(.list-group-more):hover a{color:# 079200
		}.menu - preview - area.menu - drag - placeholder {
			float: left;
			width: 80px;
			height: 42px;
			margin: 3px;
			border: 1px solid # e7e7eb;
			background - color: # fff
		}.menu - preview - area li.menu - sub - drag - placeholder {
			margin: 3px;
			height: 45px;
			border: 1px solid # e7e7eb;
			background - color: # fff
		}.mobile - menu - preview {
			position: relative;
			width: 317px;
			height: 580px;
			background: transparent url(.. / images / bg - mobile - head - default2968da.png) no - repeat 0 0;
			background - position: 0 0;
			border: 1px solid # e7e7eb
		}.mobile - menu - preview.mobile - hd {
			color: # fff;
			text - align: center;
			padding - top: 30px;
			font - size: 15px;
			width: auto;
			overflow: hidden;
			text - overflow: ellipsis;
			white - space: nowrap;
			word - wrap: normal;
			margin: 0 30px
		}.menu - form - area {
			display: table - cell;
			vertical - align: top;
			float: none;
			width: auto; * display: block; * zoom: 1
		}.menu - form - area: after {
			content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
			visibility: hidden;
			clear: both;
			height: 0!important;
			display: block;
			line - height: 0
		}.menu - form - area.editor - inner {
			min - height: 580px;
			padding - bottom: 20px
		}.menu - form - area.portable - editor.to - left.editor - arrow - wrp {
			top: 545px
		}.menu - form - area.msg - wrp {
			padding: 4px 10px;
			border: 1px solid # e7e7eb;
			word - wrap: break -word;
			word -
			break :break -all
		}.menu - form - area.msg - wrp.richvideo,
		.menu - form - area.msg - wrp.appmsg {
			margin - bottom: 0;
			width: 320px
		}.menu - form - area.msg - wrp img {
			vertical - align: middle
		}.menu - form - area.msg - wrp.wxmImg {
			margin - bottom: -4px
		}.menu - form - area.frm - label {
			width: 5em; * width: 5.5em
		}.menu - form - area.frm - tips,
		.menu - form - area.frm - msg {
			width: auto
		}.menu - form - area.msg - sender - msg {
			padding - top: 10px
		}.menu - form - area.msg - sender - tips {
			padding - top: 10px
		}.menu - form - area.msg - sender.tab - navs - wrp {
			width: 420px
		}.menu - form - area.msg - sender.tab - navs -
		switch -wrp.
		switch -next {
			display: block
		}.menu - form - area.msg - sender.tab - cont - cover {
			padding: 20px
		}.menu - form - area.msg - sender.tab - cont - cover.media - cover,
		.menu - form - area.msg - sender.tab - cont - cover.appmsg - cover {
			width: 47 % ;
			margin - right: 0;
			margin - left: 5.5 %
		}.menu - form - area.msg - sender.tab - cont - cover.media - cover: first - child,
		.menu - form - area.msg - sender.tab - cont - cover.appmsg - cover: first - child {
			margin - left: 0
		}.menu - form - area.msg - sender.tab - cont - cover.create - access {
			padding: 42px 0
		}.menu - form - area.msg - sender.error {
			border - color: # e15f63
		}.menu - form - area.msg - sender.emotion - editor.edit - area {
			height: 151px
		}.menu - form - area.msg - sender.editor - toolbar {
			border - bottom: 0;
			padding - bottom: 0
		}.menu - form - area.msg - sender.upload - file - box {
			text - align: left
		}.menu - form - area.msg - sender.progress - bar {
			display: block;
			margin - top: 10px;
			width: auto
		}.menu - form - hd {
			padding: 9px 0;
			border - bottom: 1px solid # e7e7eb
		}.menu - form - hd h4 {
			font - weight: 400
		}.menu - initial - tips {
			text - align: center;
			padding - top: 200px
		}.menu - content - edit - access {
			float: right
		}.menu - content {
			background - color: # fff;
			padding: 16px 20px;
			border: 1px solid # e7e7eb
		}.menu - content.frm - control - group {
			margin - top: 0
		}.menu - submit {
			margin - top: 30px
		}.menu - content.send {
			border: 0;
			padding: 0
		}.menu - content - tips {
			padding - bottom: 10px
		}.portable - editor.frm - control - group {
			margin - bottom: 10px
		}.pre - menu - item {
			position: relative;
			float: left;
			line - height: 38px;
			text - align: center
		}.pre - menu - item: first - child: nth - last - child(1) {
			width: 100 %
		}.pre - menu - item: first - child: nth - last - child(2),
		.pre - menu - item: first - child: nth - last - child(2)~li {
			width: 50 %
		}.pre - menu - item: first - child: nth - last - child(3),
		.pre - menu - item: first - child: nth - last - child(3)~li {
			width: 33.3333 %
		}.pre - menu - item.icon - menu - dot {
			background: url(.. / images / index - z2a7519.png) 0 - 48px no - repeat;
			width: 7px;
			height: 7px;
			vertical - align: middle;
			display: inline - block;
			margin - right: 2px;
			margin - top: -2px; * margin - top: 0
		}.pre - menu - item a {
			display: block;
			width: auto;
			overflow: hidden;
			text - overflow: ellipsis;
			white - space: nowrap;
			word - wrap: normal;
			color: #616161;text-decoration:none}.pre-menu-link{border-left:1px solid # e7e7eb
		}.pre - menu - link: hover {
			color: #222}.sub-pre-menu-box{position:absolute;bottom:50px;left:0;width:100%;border:1px solid # d0d0d0;
			background - color: # fff
		}.sub - pre - menu - box.arrow {
			position: absolute;
			left: 50 % ;
			top: auto;
			margin - left: -6px
		}.sub - pre - menu - box.arrow - out {
			bottom: -6px;
			display: inline - block;
			width: 0;
			height: 0;
			border - width: 6px;
			border - style: dashed;
			border - color: transparent;
			border - bottom - width: 0;
			border - top - color: # d0d0d0;
			border - top - style: solid
		}.sub - pre - menu - box.arrow - in {
			bottom: -5px;
			display: inline - block;
			width: 0;
			height: 0;
			border - width: 6px;
			border - style: dashed;
			border - color: transparent;
			border - bottom - width: 0;
			border - top - color: # fafafa;
			border - top - style: solid
		}.sub - pre - menu - list li {
			line - height: 30px
		}.sub - pre - menu - list li a {
			padding: 0.5em
		}.portable - editor {
			position: relative
		}.portable - editor.editor - inner {
			padding: 0 20px 5px;
			background - color: # f4f5f9;
			border: 1px solid # e7e7eb;
			border - radius: 0; - moz - border - radius: 0; - webkit - border - radius: 0;
			box - shadow: none; - moz - box - shadow: none; - webkit - box - shadow: none
		}.portable - editor.editor - arrow - wrp,
		.portable - editor.editor - arrow {
			position: absolute
		}.portable - editor.to - left {
			padding - left: 12px
		}.portable - editor.to - left.editor - arrow - wrp {
			left: 0;
			top: 20px
		}.portable - editor.to - left.editor - arrow {
			display: inline - block;
			width: 0;
			height: 0;
			border - width: 12px;
			border - style: dashed;
			border - color: transparent;
			border - left - width: 0;
			border - right - color: # e7e7eb;
			border - right - style: solid
		}.portable - editor.to - left.editor - arrow - out {
			left: 0
		}.portable - editor.to - left.editor - arrow - in {
			left: 1px;
			border - right - color: # f4f5f9
		}.portable - editor.to - right {
			padding - right: 12px
		}.portable - editor.to - right.editor - arrow - wrp {
			right: 0;
			top: 20px
		}.portable - editor.to - right.editor - arrow {
			display: inline - block;
			width: 0;
			height: 0;
			border - width: 12px;
			border - style: dashed;
			border - color: transparent;
			border - right - width: 0;
			border - left - color: # e7e7eb;
			border - left - style: solid
		}.portable - editor.to - right.editor - arrow - out {
			right: 0
		}.portable - editor.to - right.editor - arrow - in {
			right: 1px;
			border - left - color: # f4f5f9
		}.menu - form - hd {
			padding: 9px 0;
			border - bottom: 1px solid # e7e7eb
		}.menu - form - hd h4 {
			font - weight: 400
		}.mobile - preview {
			position: fixed;
			top: 50 % ;
			left: 50 % ;
			width: 327px;
			margin - top: -425px;
			margin - left: -161px;
			z - index: 9999;
			background: transparent url(.. / images / bg - mobile21d289.png) no - repeat 0 0
		}.mobile - preview.modal {
			overflow: hidden!important
		}.mobile - preview.richvideo - content.video - wrp {
			min - height: 0
		}.mobile - preview.richvideo - content.video - player,
		.mobile - preview.richvideo - content.video - shot {
			height: 80px
		}.mobile - preview.vjs -
	default -skin.vjs - time - controls {
			width: 3em
		}.mobile - preview.vjs -
	default -skin.vjs - control - bar {
			overflow: hidden
		}.mobile - preview.vjs -
	default -skin.vjs - big - play - button {
			width: 80px;
			height: 60px;
			background - position: -305px 8px;
			margin - top: -30px;
			margin - left: -40px
		}.mobile - preview.pre - menu - list { * zoom: 1;
			margin - left: 65px;
			margin - right: 36px
		}.mobile - preview.pre - menu - list:
		after {
			content: "\200B";
			display: block;
			height: 0;
			clear: both
		}.mobile - preview - hd {
			height: 150px;
			text - align: center
		}.mobile - preview - hd.nickname {
			display: inline - block;
			font - weight: 400;
			padding - top: 120px;
			width: 122px;
			overflow: hidden;
			text - overflow: ellipsis;
			white - space: nowrap;
			word - wrap: normal;
			font - size: 14px;
			color: # fff
		}.mobile - preview - bd {
			position: relative;
			height: 393px;
			margin - left: 40px;
			margin - right: 28px;
			overflow - y: scroll
		}.show - list {
			padding - right: 1em
		}.show - item { * zoom: 1;
			padding - top: 1.5em
		}.show - item: after {
			content: "\200B";
			display: block;
			height: 0;
			clear: both
		}.show - item.avatar {
			float: left;
			width: 48px;
			margin - right: 5px
		}.show - content {
			overflow: hidden; * zoom: 1
		}.show - content.richvideo {
			width: auto
		}.mobile - preview - ft {
			height: 152px
		}.mobile - preview - closed {
			position: absolute;
			left: 112px
		}.btn - appmsg - wrap {
			margin - top: -10px;
			padding - left: 85px
		}.table - div {
			display: table;
			width: 100 % ;
			margin - bottom: 0
		}.table - div__item {
			display: table - cell;
			vertical - align: middle
		}.table - div - menu.order {
			width: 160px
		}.table - div - menu.name {
			text - align: left
		}.table - div - menu.display {
			width: 60px;
			text - align: center
		}.table - div - menu.action {
			width: 200px;
			text - align: right
		}.system - menu - list.table - div - menu {
			padding: 10px 30px;
			border - bottom: 1px solid # e7e7eb
		}.system - menu - list.order input {
			width: 50px
		}.system - menu - list.order.toggle {
			display: inline - block;
			width: 0;
			height: 0;
			margin - right: 5px;
			vertical - align: middle;
			border - left: 6px solid;
			border - top: 6px solid transparent;
			border - bottom: 6px solid transparent
		}.system - menu - list.order.we7 - form {
			display: inline - block
		}.system - menu - list.order ul {
			margin - left: 15px
		}.system - menu - list.two.order {
			padding - left: 15px
		}.system - menu - list.two.name: before {
			content: '丨—';
			color: # e7e7eb
		}.system - menu - list.three.order {
			padding - left: 30px
		}.system - menu - list.three.name: before {
			content: '丨丨— ';
			color: # e7e7eb
		}.system - menu - list.four.order {
			padding - left: 45px
		}.system - menu - list.four.order: before {
			content: '丨—';
			color: # e7e7eb
		}.system - menu - list.four.name: before {
			content: '丨丨丨— ';
			color: # e7e7eb
		}.system - menu - list.four.toggle {
			display: none
		}.system - menu - list.menu - item > ul {
			display: none
		}.system - menu - list.menu - open > .table - div - menu.toggle {
			border - top: 6px solid;
			border - left: 6px solid transparent;
			border - right: 6px solid transparent;
			border - bottom: unset
		}.system - menu - list.menu - open > ul {
			display: block
		}.keyword - tag {
			display: inline - block;
			background - color: # e7e8eb;
			padding - left: 10px;
			padding - right: 10px;
			padding - top: 2px;
			padding - bottom: 2px;
			margin - right: 5px;
			margin - bottom: 5px;
			min - height: 1em!important;
			white - space: nowrap;
			cursor: default
		}.keyword - tag: hover {
			color: #428bca}.keyword-img{max-width:30px}.keyword-link{margin-right:30px}.keyword-link:last-child{margin-right:0}.reply-item-keyword .control-label{width:90px;float:left;position:absolute}.reply-item-keyword .form-controls{padding-left:90px}.keyword-app .keyword-status{position:absolute;top:5px;right:5px}.keyword-app .keyword-app-info:hover .cover-dark,.keyword-app .keyword-app-info:hover .site-template .cover-lock,.site-template .keyword-app .keyword-app-info:hover .cover-lock,.keyword-app .keyword-app-info:hover .system-template .cover-lock,.system-template .keyword-app .keyword-app-info:hover .cover-lock{display:block}.keyword-app .keyword-app-info img{width:84px;height:84px}.keyword-app .keyword-app-info p{font-size:16px;color:# 252424;
			margin - top: 30px;
			margin - left: -30px;
			margin - right: -30px
		}.keyword - app.keyword - app - info.cover - dark,
		.keyword - app.keyword - app - info.site - template.cover - lock,
		.site - template.keyword - app.keyword - app - info.cover - lock,
		.keyword - app.keyword - app - info.system - template.cover - lock,
		.system - template.keyword - app.keyword - app - info.cover - lock {
			color: # fff;
			background - color: rgba(0, 0, 0, .75)
		}.keyword - app.keyword - app - info.cover - circle {
			position: absolute;
			left: 50 % ;
			top: 50 % ;
			margin - top: -15px;
			margin - left: -15px;
			z - index: 1
		}.keyword - app.keyword - app - info.cover - circle: before {
			content: '';
			width: 60px;
			height: 60px;
			position: absolute;
			left: 50 % ;
			top: 50 % ;
			margin - top: -30px;
			margin - left: -30px;
			border - radius: 100 % ;
			background - color: rgba(255, 255, 255, .24);
			display: table - cell;
			vertical - align: middle;
			text - align: center;
			z - index: -1
		}.keyword - app.keyword - app - info.cover - circle: hover: before {
			background - color: #428bca}.NoKeyword-list .keyword-link{margin-right:30px}.NoKeyword-list .keyword-link:last-child{margin-right:0}.keywords-list li{position:relative;line-height:39px;border-bottom:1px solid # e7e7eb
		}.keywords - list.desc {
			padding: 15px 0;
			line - height: normal
		}.keywords - list.opr {
			position: absolute;
			top: 15px;
			right: 14px;
			line - height: normal
		}.keywords - list.appmsgSendedItem {
			position: relative;
			padding - left: 90px;
			min - height: 80px
		}.keywords - list.appmsgSendedItem.title - wrp { * display: inline; * zoom: 1
		}.keywords - list.appmsgSendedItem.title - wrp.icon {
			position: absolute;
			left: 0;
			background: transparent url() no - repeat 0 0;
			width: 80px;
			height: 80px;
			vertical - align: middle;
			display: inline - block;
			background - color: # d7d8da!important; * zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i></i>')
		}.keywords - list.appmsgSendedItem.title - wrp.cover {
			background - repeat: no - repeat;
			background - position: center center;
			background - size: cover
		}.keywords - list.title {
			display: block;
			font - weight: 400;
			font - style: normal;
			width: auto;
			overflow: hidden;
			text - overflow: ellipsis;
			white - space: nowrap;
			word - wrap: normal
		}.we7 - select - msg.add {
			border: 1px dashed # e7e7eb;
			cursor: pointer;
			line - height: 80px;
			text - align: center
		}.we7 - select - msg.add: hover {
			background - color: # f4f6f9;
			color: #428bca}.we7-select-msg .add:hover .wi,.we7-select-msg .add:hover .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .we7-select-msg .add:hover .ext-apply-item.apply-show:before,.we7-select-msg .add:hover .cut-list .item.apply-show:before,.cut-list .we7-select-msg .add:hover .item.apply-show:before{color:# 428bca
		}.we7 - select - msg ul {
			margin - bottom: 0;
			padding: 14px 7px 0 7px;
			overflow: hidden;
			border: 1px dashed # e7e7eb
		}.we7 - select - msg li {
			line - height: 80px;
			text - align: center
		}.we7 - select - msg li.tab - nav {
			float: left;
			width: 25 %
		}.we7 - select - msg li.tab - nav a {
			display: block;
			border: 1px solid # e7e7eb;
			margin: 0 7px 14px 7px
		}.we7 - select - msg li.tab - nav a: hover {
			background - color: # f4f6f9
		}.we7 - select - msg li: hover.wi,
		.we7 - select - msg li: hover.ext - apply - list.ext - apply - item.apply - show: before,
		.ext - apply - list.we7 - select - msg li: hover.ext - apply - item.apply - show: before,
		.we7 - select - msg li: hover.cut - list.item.apply - show: before,
		.cut - list.we7 - select - msg li: hover.item.apply - show: before,
		.we7 - select - msg li: hover.fa {
			color: #428bca}.we7-select-msg .wi,.we7-select-msg .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .we7-select-msg .ext-apply-item.apply-show:before,.we7-select-msg .cut-list .item.apply-show:before,.cut-list .we7-select-msg .item.apply-show:before,.we7-select-msg .fa{vertical-align:middle;font-size:22px;color:# b2b2b2;
			margin - right: 3px;
			margin - top: -2px
		}.new - keyword.input - group - btn.we7 - select {
			border - right: 0
		}.new - keyword.add - new - keyword {
			display: block;
			height: 60px
		}.new - keyword.add - new - keyword.text {
			height: 100 % ;
			vertical - align: middle
		}.new - keyword.add - icon {
			display: inline - block;
			border: 1px dashed # e7e7eb;
			width: 60px;
			line - height: 58px;
			text - align: center;
			font - size: 32px;
			margin - right: 10px;
			color: # e7e7eb;
			vertical - align: middle
		}.url2qr - content {
			width: 100 % ;
			height: 320px;
			border: 1px solid # e7e7eb;
			padding: 30px 0;
			text - align: center
		}.url2qr - content.qr {
			width: 50 % ;
			float: left;
			margin - left: -1px;
			text - align: center
		}.url2qr - content.qr - img {
			border - right: 1px solid # e7e7eb;
			margin - top: 30px;
			margin - bottom: 30px
		}.url2qr - content.qr - img img {
			width: 130px;
			height: 130px;
			background - color: # f8f8f8
		}.url2qr - content.url {
			width: 50 % ;
			float: left;
			text - align: center
		}.url2qr - content.url - short {
			height: 130px;
			margin - top: 30px;
			margin - bottom: 30px;
			vertical - align: middle;
			text - align: center
		}.url2qr - content.url - short.form - control {
			width: 255px;
			display: inline;
			position: relative;
			top: 50 % ;
			margin - top: -30px;
			background - color: # f8f8f8
		}.mass - list {
			text - align: center
		}.mass - list li {
			width: 25 % ;
			float: left
		}.mass - list.mass - item {
			margin - top: 30px;
			margin - right: 15px;
			margin - bottom: 30px
		}.mass - list.mass - item: hover.mass - item - time {
			color: #428bca}.mass-list .mass-item:hover .mass-content{border-color:# 428bca
		}.mass - list.mass - item - time {
			font - size: 24px;
			color: #98999a;margin-bottom:10px}.mass-list .mass-content{width:210px;height:200px;margin:0 auto;position:relative;border:1px solid # e7e7eb
		}.mass - list.mass - content.news {
			background: #46b8da}.mass-list .mass-content .image{background:# 449d44
		}.mass - list.mass - content.voice {
			background: # eea236
		}.mass - list.mass - content.video {
			background: # fb6a59
		}.mass - list.mass - header {
			padding: 0 5px;
			color: # fff;
			text - align: center;
			border - radius: 3px;
			height: 25px;
			line - height: 25px
		}.mass - list.mass - matter {
			height: 138px;
			padding - top: 10px;
			padding - right: 10px;
			padding - bottom: 10px;
			padding - left: 10px;
			position: relative;
			overflow: hidden
		}.mass - list.mass - matter img {
			width: 100 % ;
			height: 100 %
		}.mass - list.mass - matter.mass - matter - title {
			position: absolute;
			bottom: 0;
			width: 208px;
			height: 30px;
			line - height: 30px;
			margin - left: -10px;
			padding - left: 30px;
			background - color: rgba(98, 99, 101, .7);
			text - align: left;
			color: # fff
		}.mass - list.mass - footer {
			height: 30px;
			margin - top: 5px;
			border - top: 1px solid # e7e7eb;
			line - height: 30px;
			text - align: center
		}.mass - list.mass - footer a {
			width: 31.3 % ;
			display: inline - block;
			text - align: center;
			color: #428bca;font-size:21px}.mass-list .mass-item.active .mass-item-time,.mass-list .head .navbar-left>li.mass-item:hover .mass-item-time,.head .mass-list .navbar-left>li.mass-item:hover .mass-item-time,.mass-list .panel-menu .mass-item.list-group-item:not(.list-group-more):hover .mass-item-time,.panel-menu .mass-list .mass-item.list-group-item:not(.list-group-more):hover .mass-item-time{color:# 428bca
		}.mass - list.mass - add {
			display: block;
			width: 100 % ;
			height: 100 % ;
			position: relative;
			cursor: pointer
		}.mass - list.mass - add: after {
			content: '+';
			font - size: 72px;
			color: #98999a;position:absolute;top:50%;left:50%;margin-left:-30px;margin-top:-60px;opacity:.3}.mass-list .mass-add:hover{border-color:# 428bca
		}.mass - list.mass - add: hover: after {
			color: #428bca}.skin-black .head{background-color:# 3a3f51
		}.skin - black.head.navbar -
	default {
			background - color: #3a3f51;height:50px;line-height:50px;color:# adb4cc;
			border: none
		}.skin - black.head a:
		hover,
		.skin - black.head a: active,
		.skin - black.head a: focus {
			color: # fff
		}.skin - black.head.navbar - nav > li > a: focus,
		.skin - black.head.navbar - nav > li > a: visited,
		.skin - black.head.navbar -
	default.navbar - nav > li > a {
			color: # adb4cc;
			line - height: 50px;
			height: 50px;
			padding: 0 20px
		}.skin - black.head.navbar - header {
			width: 220px
		}.skin - black.head.navbar - header.version {
			background - color: #428bca}.skin-black .head .navbar-header .navbar-brand{padding:10px 15px;margin-left:0;height:50px}.skin-black .head .navbar-header .navbar-brand img{height:30px!important;width:auto!important}.skin-black .head .plugin-head .navbar-header{width:270px}.skin-black .head .navbar-left{font-size:16px}.skin-black .head .navbar-left>li{height:50px;overflow:hidden}.skin-black .head .navbar-left>li a{padding-top:0!important;padding-bottom:0!important;height:50px;line-height:50px}.skin-black .head .navbar-left .active,.panel-menu .skin-black .head .navbar-left .list-group-item:not(.list-group-more):hover,.skin-black .head .navbar-left .panel-menu .list-group-item:not(.list-group-more):hover,.skin-black .panel-menu .head .navbar-left .list-group-item:not(.list-group-more):hover,.skin-black .head .navbar-left>li:hover{background-color:# 2b3040
		}.skin - black.head.navbar - left.active a,
		.panel - menu.skin - black.head.navbar - left.list - group - item:
		not(.list - group - more): hover a,
		.skin - black.head.navbar - left.panel - menu.list - group - item: not(.list - group - more): hover a,
		.skin - black.panel - menu.head.navbar - left.list - group - item: not(.list - group - more): hover a,
		.skin - black.head.navbar - left > li: hover a {
			background - color: transparent!important;
			color: # fff!important;
			position: relative
		}.skin - black.head.navbar - left.active a: hover,
		.panel - menu.skin - black.head.navbar - left.list - group - item: not(.list - group - more): hover a: hover,
		.skin - black.head.navbar - left.panel - menu.list - group - item: not(.list - group - more): hover a: hover,
		.skin - black.panel - menu.head.navbar - left.list - group - item: not(.list - group - more): hover a: hover,
		.skin - black.head.navbar - left > li: hover a: hover {
			color: # fff
		}.skin - black.head.navbar - left.active a: after,
		.panel - menu.skin - black.head.navbar - left.list - group - item: not(.list - group - more): hover a: after,
		.skin - black.head.navbar - left.panel - menu.list - group - item: not(.list - group - more): hover a: after,
		.skin - black.panel - menu.head.navbar - left.list - group - item: not(.list - group - more): hover a: after,
		.skin - black.head.navbar - left > li: hover a: after {
			content: '';
			height: 3px;
			background - color: #428bca;position:absolute;bottom:0;left:0;right:0}.skin-black .head .navbar-right .msg>a{padding:0 30px}.skin-black .head .navbar-right .msg .wi-bell{position:relative}.skin-black .head .navbar-right .msg .badge{position:absolute;color:# fff;
			background - color: # ff0030;
			right: -15px;
			top: -9px
		}.skin - black.head.navbar - right.msg.dropdown - menu {
			width: 300px;
			height: 500px;
			overflow: hidden;
			color: #4c4c4c;padding:0;right:0;left:auto}.skin-black .head .navbar-right .msg .top{padding:0 10px;line-height:50px;border-bottom:1px solid # e7e7eb
		}.skin - black.head.navbar - right.msg.top a {
			color: #428bca}.skin-black .head .navbar-right .msg-list-container{padding:0 10px;height:437px;overflow-y:auto}.skin-black .head .navbar-right .msg .item{font-size:12px;padding:10px 0;line-height:1.6}.skin-black .head .navbar-right .msg .item .info{color:# 999;
			margin - bottom: 10px
		}.skin - black.head.navbar - right.msg.item + .item {
			border - top: 1px solid # e7e7eb
		}.skin - black.head.navbar - right.msg.item: hover a {
			color: #428bca}.skin-black .head .navbar-right li:hover{color:# 2b3040
		}.skin - black.head.navbar - right.wi,
		.skin - black.head.navbar - right.ext - apply - list.ext - apply - item.apply - show: before,
		.ext - apply - list.skin - black.head.navbar - right.ext - apply - item.apply - show: before,
		.skin - black.head.navbar - right.cut - list.item.apply - show: before,
		.cut - list.skin - black.head.navbar - right.item.apply - show: before,
		.skin - black.head.navbar - right.fa {
			color: # fff!important
		}.skin - black.head.navbar - right.dropdown - menu a: link {
			color: #333!important}.skin-black .head .navbar-right .dropdown-menu a .wi,.skin-black .head .navbar-right .dropdown-menu a .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .skin-black .head .navbar-right .dropdown-menu a .ext-apply-item.apply-show:before,.skin-black .head .navbar-right .dropdown-menu a .cut-list .item.apply-show:before,.cut-list .skin-black .head .navbar-right .dropdown-menu a .item.apply-show:before,.skin-black .head .navbar-right .dropdown-menu a .fa{color:# 98999a!important
		}.skin - black.head.dropdown > a {
			padding - top: 0!important;
			padding - bottom: 0!important;
			height: 50px;
			line - height: 50px;
			color: # fff!important
		}.skin - black.head + .main {
			margin: 0!important
		}.skin - black # upgrade - tips + .main {
			margin: 0!important
		}.vm - box {
			display: inline - block;
			height: 100 % ;
			vertical - align: middle
		}.edit - mask - content {
			display: inline - block;
			color: # fff
		}.edit - mask - content.wi - explain - sign {
			font - size: 20px;
			position: relative;
			top: 4px;
			left: 5px
		}.edit - mask - content.wi - eye {
			font - size: 28px
		}.material - list - head.info {
			float: left
		}.material - list - head h3 {
			display: inline - block;
			font - size: 14px;
			font - weight: 400;
			font - style: normal;
			vertical - align: middle
		}.material - list - head.btn - group.btn {
			min - width: 120px
		}.material - list - head.action {
			float: right
		}.material - list - head.bnt {
			margin - top: 10px
		}.material.modal.reply,
		.material.modal.link {
			border: 1px solid # e7e7eb;
			padding: 20px 20px 20px 160px;
			height: 150px;
			position: relative;
			margin - bottom: 20px
		}.material.modal.reply img,
		.material.modal.link img {
			position: absolute;
			width: 110px;
			height: 110px;
			border - radius: 100 % ;
			top: 20px;
			left: 25px
		}.material.modal.reply.title,
		.material.modal.link.title {
			font - size: 16px;
			margin: 20px 0
		}.material.modal.reply.state,
		.material.modal.link.state {
			color: #999}.material-appmsg-list{position:relative;margin-top:30px;margin-left:-30px;margin-right:-30px}.material-appmsg-item{width:286px;display:inline-block;position:relative;border:1px solid # e7e7eb
		}.material - appmsg - item.appmsg - content {
			position: relative
		}.material - appmsg - item.appmsg - item {
			position: relative;
			padding: 12px 14px
		}.material - appmsg - item.appmsg - item: hover.cover - dark,
		.material - appmsg - item.appmsg - item: hover.site - template.cover - lock,
		.site - template.material - appmsg - item.appmsg - item: hover.cover - lock,
		.material - appmsg - item.appmsg - item: hover.system - template.cover - lock,
		.system - template.material - appmsg - item.appmsg - item: hover.cover - lock {
			display: block
		}.material - appmsg - item.cover - appmsg - item: hover.cover - dark,
		.material - appmsg - item.cover - appmsg - item: hover.site - template.cover - lock,
		.site - template.material - appmsg - item.cover - appmsg - item: hover.cover - lock,
		.material - appmsg - item.cover - appmsg - item: hover.system - template.cover - lock,
		.system - template.material - appmsg - item.cover - appmsg - item: hover.cover - lock {
			display: block
		}.material - appmsg - item.cover - dark,
		.material - appmsg - item.site - template.cover - lock,
		.site - template.material - appmsg - item.cover - lock,
		.material - appmsg - item.system - template.cover - lock,
		.system - template.material - appmsg - item.cover - lock {
			text - align: center
		}.material - appmsg - item.appmsg - info {
			font - size: 13px;
			line - height: 20px;
			margin: 0 14px;
			padding: 12px 0;
			border - bottom: 1px solid # e7e7eb
		}.material - appmsg - item.appmsg - date {
			font - weight: 400;
			font - style: normal
		}.material - appmsg - item.undone - tips {
			color: # ffbe00;
			padding - top: 3px
		}.material - appmsg - item.appmsg - title {
			font - weight: 400;
			font - style: normal;
			font - size: 14px;
			line - height: 1.6;
			max - height: 3.2;
			overflow: hidden;
			word - wrap: break -word;
			word -
			break :break -all;
			color: #222}.material-appmsg-item .appmsg-thumb{height:160px;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover}.material-appmsg-item .appmsg-desc{padding:5px 0 10px;word-wrap:break-word;word-break:break-all}.material-appmsg-item .cover-appmsg-item{margin:12px 14px 12px;position:relative}.material-appmsg-item .cover-appmsg-item .appmsg-title{font-size:14px;color:# fff;
			padding - top: 0;
			padding - bottom: 0;
			margin - bottom: 0;
			line - height: 28px;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			background: rgba(0, 0, 0, .6)!important;
			filter: progid: DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = '#99000000', endcolorstr = '#99000000')
		}.material - appmsg - item.cover - appmsg - item.appmsg - desc {
			display: none
		}.material - appmsg - item.appmsg - opr {
			background - color: # f4f4f4;
			border - top: 1px solid # e7e7eb;
			margin - right: -1px
		}.material - appmsg - item.appmsg - opr li: first - child: nth - last - child(1) {
			width: 100 %
		}.material - appmsg - item.appmsg - opr li: first - child: nth - last - child(2),
		.material - appmsg - item.appmsg - opr li: first - child: nth - last - child(2)~li {
			width: 50 %
		}.material - appmsg - item.appmsg - opr li: first - child: nth - last - child(3),
		.material - appmsg - item.appmsg - opr li: first - child: nth - last - child(3)~li {
			width: 33.3333 %
		}.material - appmsg - item.appmsg - opr - item {
			float: left;
			line - height: 44px;
			height: 44px;
			background - color: # f4f4f4
		}.material - appmsg - item.appmsg - opr - item a {
			display: block;
			border - right: 1px solid # e7e7eb;
			text - align: center;
			text - decoration: none;
			color: #98999a}.material-appmsg-item .appmsg-opr-item a:hover{color:# 428bca
		}.material - appmsg - item.appmsg - opr - item a.wi,
		.material - appmsg - item.appmsg - opr - item a.ext - apply - list.ext - apply - item.apply - show: before,
		.ext - apply - list.material - appmsg - item.appmsg - opr - item a.ext - apply - item.apply - show: before,
		.material - appmsg - item.appmsg - opr - item a.cut - list.item.apply - show: before,
		.cut - list.material - appmsg - item.appmsg - opr - item a.item.apply - show: before {
			font - size: 20px;
			vertical - align: middle
		}.material - appmsg - item.appmsg - opr - item a.wi.wi - transform,
		.material - appmsg - item.appmsg - opr - item a.ext - apply - list.wi - transform.ext - apply - item.apply - show: before,
		.ext - apply - list.material - appmsg - item.appmsg - opr - item a.wi - transform.ext - apply - item.apply - show: before,
		.material - appmsg - item.appmsg - opr - item a.cut - list.wi - transform.item.apply - show: before,
		.cut - list.material - appmsg - item.appmsg - opr - item a.wi - transform.item.apply - show: before {
			font - size: 16px
		}.multi.appmsg - item {
			border - top: 1px solid # e7e7eb;
			overflow: hidden
		}.multi.appmsg - item.appmsg - thumb {
			float: right;
			width: 78px;
			height: 78px;
			margin - left: 14px
		}.multi.appmsg - item.appmsg - title {
			line - height: 24px;
			max - height: 48px;
			overflow: hidden; * zoom: 1
		}.material - img - list {
			margin - right: -30px;
			margin - top: 30px
		}.material - img - item {
			float: left;
			width: 209px;
			margin - right: 30px;
			margin - bottom: 30px;
			border: 1px solid # e7e7eb;
			cursor: pointer;
			position: relative
		}.material - img - item: hover {
			outline: 2px solid #428bca}.material-img-item .appimg-info{width:100%;font-size:13px;line-height:20px;padding:6px 12px;border-bottom:1px solid # e7e7eb
		}.material - img - item.appimg - info.appimg - title {
			display: inline - block;
			width: 70 %
		}.material - img - item.img - item {
			position: relative
		}.material - img - item.img - thumb {
			width: 207px;
			height: 169px
		}.material - img - item.img - opr {
			background - color: # f4f4f4;
			border - top: 1px solid # e7e7eb;
			margin - right: -1px
		}.material - img - item.img - opr li: first - child: nth - last - child(1) {
			width: 100 %
		}.material - img - item.img - opr li: first - child: nth - last - child(2),
		.material - img - item.img - opr li: first - child: nth - last - child(2)~li {
			width: 50 %
		}.material - img - item.img - opr li: first - child: nth - last - child(3),
		.material - img - item.img - opr li: first - child: nth - last - child(3)~li {
			width: 33.3333 %
		}.material - img - item.img - opr - item {
			float: left;
			line - height: 30px;
			height: 30px;
			background - color: # f4f4f4
		}.material - img - item.img - opr - item a {
			display: block;
			border - right: 1px solid # e7e7eb;
			text - align: center;
			text - decoration: none;
			color: #98999a}.material-img-item .img-opr-item a:hover{color:# 428bca
		}.material - img - item.img - opr - item a.wi,
		.material - img - item.img - opr - item a.ext - apply - list.ext - apply - item.apply - show: before,
		.ext - apply - list.material - img - item.img - opr - item a.ext - apply - item.apply - show: before,
		.material - img - item.img - opr - item a.cut - list.item.apply - show: before,
		.cut - list.material - img - item.img - opr - item a.item.apply - show: before {
			font - size: 20px;
			vertical - align: middle
		}.material - img - item.img - opr - item a.wi.wi - transform,
		.material - img - item.img - opr - item a.ext - apply - list.wi - transform.ext - apply - item.apply - show: before,
		.ext - apply - list.material - img - item.img - opr - item a.wi - transform.ext - apply - item.apply - show: before,
		.material - img - item.img - opr - item a.cut - list.wi - transform.item.apply - show: before,
		.cut - list.material - img - item.img - opr - item a.wi - transform.item.apply - show: before {
			font - size: 16px
		}.material - audio - list {
			position: relative;
			margin - top: 30px;
			margin - right: -30px
		}.material - audio - item {
			width: 289px;
			float: left;
			margin - right: 30px;
			margin - bottom: 30px;
			border: 1px solid # e7e7eb;
			cursor: pointer
		}.material - audio - item: hover {
			outline: 2px solid #428bca;color:# 428bca
		}.material - audio - item.audio - info {
			width: 100 % ;
			font - size: 13px;
			line - height: 20px;
			padding: 6px 12px;
			border - bottom: 1px solid # e7e7eb
		}.material - audio - item.audio - info.audio - title {
			display: inline - block;
			width: 70 %
		}.material - audio - item.audio - item {
			position: relative;
			padding: 25px;
			overflow: hidden
		}.material - audio - item.audio - item.icon - audio - msg {
			float: left;
			margin - right: 1em
		}.material - audio - item.audio - item.audio - content {
			position: relative
		}.material - audio - item.audio - item.audio - title {
			padding - right: 40px;
			margin - bottom: 10px
		}.material - audio - item.audio - opr {
			background - color: # f4f4f4;
			border - top: 1px solid # e7e7eb;
			margin - right: -1px
		}.material - audio - item.audio - opr li: first - child: nth - last - child(1) {
			width: 100 %
		}.material - audio - item.audio - opr li: first - child: nth - last - child(2),
		.material - audio - item.audio - opr li: first - child: nth - last - child(2)~li {
			width: 50 %
		}.material - audio - item.audio - opr li: first - child: nth - last - child(3),
		.material - audio - item.audio - opr li: first - child: nth - last - child(3)~li {
			width: 33.3333 %
		}.material - audio - item.audio - opr - item {
			float: left;
			line - height: 30px;
			height: 30px;
			background - color: # f4f4f4
		}.material - audio - item.audio - opr - item a {
			display: block;
			border - right: 1px solid # e7e7eb;
			text - align: center;
			text - decoration: none;
			color: #98999a}.material-audio-item .audio-opr-item a:hover{color:# 428bca
		}.material - audio - item.audio - opr - item a.wi,
		.material - audio - item.audio - opr - item a.ext - apply - list.ext - apply - item.apply - show: before,
		.ext - apply - list.material - audio - item.audio - opr - item a.ext - apply - item.apply - show: before,
		.material - audio - item.audio - opr - item a.cut - list.item.apply - show: before,
		.cut - list.material - audio - item.audio - opr - item a.item.apply - show: before {
			font - size: 20px;
			vertical - align: middle
		}.appmsg - edit - box {
			display: -moz - box;
			display: -webkit - box;
			display: box;
			width: 100 % ;
			min - height: 715px
		}.appmsg - preview - area {
			width: 250px;
			min - height: 715px;
			overflow - y: auto;
			background - color: # f8f8f8
		}.appmsg - preview - container {
			width: 250px;
			margin - top: 1px;
			display: inline - block
		}.appmsg - preview - container.appmsg - thumb {
			height: 120px;
			background - color: # ececec;
			background - size: cover;
			background - repeat: no - repeat;
			background - position: center center
		}.appmsg - preview - container.material - appmsg - item {
			width: 100 %
		}.appmsg - preview - container.multi {
			background - color: # fff
		}.appmsg - preview - container.cover - appimg - item.appmsg - edit - mask {
			margin: -14px - 12px
		}.appmsg - preview - container.cover - appimg - item: hover.appmsg - edit - mask {
			display: block
		}.appmsg - preview - container.appmsg - item: hover.appmsg - edit - mask {
			display: block
		}.appmsg - preview - container.appmsg - item.active,
		.appmsg - preview - container.head.navbar - left > li.appmsg - item: hover,
		.head.appmsg - preview - container.navbar - left > li.appmsg - item: hover,
		.appmsg - preview - container.panel - menu.appmsg - item.list - group - item: not(.list - group - more): hover,
		.panel - menu.appmsg - preview - container.appmsg - item.list - group - item: not(.list - group - more): hover {
			border: 2px solid #079200}.appmsg-preview-container .appmsg-add{display:block;border:2px dotted # d9dadc;
			line - height: 60px;
			font - size: 0;
			text - align: center;
			margin - bottom: 20px;
			margin: 0;
			border - top - width: 0
		}.appmsg - preview - container.appmsg - add i {
			cursor: pointer;
			overflow: hidden;
			color: #979797;font-size:60px;font-style:normal;line-height:85px}.appmsg-edit-mask{display:none;position:absolute;top:auto;left:0;right:0;bottom:0;height:40px;line-height:40px;background:rgba(0,0,0,.5)!important;filter:progid:DXImageTransform.Microsoft.gradient(GradientType= 0,
			startColorstr = '#80000000',
			endcolorstr = '#80000000');
		text - align: right
	}.appmsg - edit - mask a {
		color: # fff;
		font - size: 14px;
		margin - left: 10px;
		margin - right: 10px
	}.appmsg - edit - mask.sort - up {
		float: left
	}.appmsg - edit - mask.sort - down {
		float: left
	}.appmsg - edit - mask.del {
		float: right
	}.appmsg - container - hd {
		padding: 10px 20px 0
	}.appmsg - container - title {
		font - weight: 400;
		font - size: 14px
	}.appmsg - container - bd {
		padding: 20px;
		margin - bottom: 30px
	}.appmsg - input - area {
		-moz - box - flex: 1; - webkit - box - flex: 1;
		box - flex: 1;
		border - left: 1px solid # e7e7eb;
		border - right: 1px solid # e7e7eb
	}.appmsg - input - area.nav.nav - tabs {
		border - color: # e7e7eb
	}.appmsg - input - area.nav.nav - tabs li {
		margin: 0
	}.appmsg - input - area.nav.nav - tabs li a {
		border: none;
		padding: 0;
		display: inline - block;
		width: 150px;
		height: 50px;
		line - height: 50px;
		text - align: center
	}.appmsg - input - area.nav.nav - tabs li a: hover {
		border - bottom: 3px solid #428bca;color:# 428bca;
		background - color: transparent
	}.appmsg - input - area.nav.nav - tabs li.active a,
	.appmsg - input - area.nav.nav - tabs.head.navbar - left > li: hover a,
	.head.appmsg - input - area.nav.nav - tabs.navbar - left > li: hover a,
	.appmsg - input - area.nav.nav - tabs.panel - menu li.list - group - item: not(.list - group - more): hover a,
	.panel - menu.appmsg - input - area.nav.nav - tabs li.list - group - item: not(.list - group - more): hover a {
		border - bottom: 3px solid #428bca;color:# 428bca;
		background - color: transparent
	}.appmsg - input - area.input - area - head {
		width: 100 % ;
		height: 55px;
		position: relative;
		z - index: 1000;
		color: transparent;
		background - color: rgba(0, 0, 0, .12)
	}.appmsg - input - area.form - control {
		border: 0
	}.appmsg - input - area.form - control: focus {
		border: 0!important;
		box - shadow: none
	}.appmsg - input - area.form - control - append {
		position: absolute;
		width: 50px;
		top: 20px;
		right: 10px;
		color: #8d8d8d;font-size:14px;font-weight:400;font-style:normal;text-align:right;padding-right:10px;display:none}.appmsg-input-area .editor-area .split-line{border-top:1px solid # e7e7eb
	}.appmsg - input - area.edui - iframe -
	switch -tips {
		padding: 20px 0;
		text - align: center;
		cursor: pointer
	}.appmsg - input - area.edui -
default.edui - editor {
		border: 0
	}.appmsg - edit - highlight - area {
		width: 360px;
		padding: 0;
		background - color: # f8f8f8;
		border - top: 1px solid # e7e7eb
	}.appmsg - edit - highlight - area.appmsg - edit - item {
		position: relative;
		padding - bottom: 1em
	}.appmsg - edit - highlight - area.appmsg - edit - item.form - group {
		padding: 15px 30px;
		margin: 0
	}.appmsg - edit - highlight - area.appmsg - edit - item.form - group:
	nth - child(1) {
		background - color: # fff;
		border - bottom: 1px solid # e7e7eb
	}.appmsg - edit - highlight - area.appmsg - edit - item.control - label {
		margin - bottom: 10px
	}.appmsg - edit - item {
		position: relative;
		padding - bottom: 1em
	}.appmsg - edit - item: hover.form - control - append {
		display: block
	}.appmsg - edit - item: focus.form - control - append {
		display: block
	}.appmsg - edit - item.title {
		width: auto;
		display: block;
		border: 0;
		height: auto;
		line - height: 1.6
	}.appmsg - edit - item.title.form - control {
		font - size: 22px;
		height: 46px;
		line - height: 46px
	}.appmsg - edit - item.form - label {
		width: auto;
		float: none;
		margin - top: .3em;
		margin - right: 0;
		margin - bottom: 4px;
		font - weight: 400
	}.appmsg - edit - item strong.title {
		font - weight: 400;
		font - style: normal;
		float: left
	}.appmsg - edit - item.tips {
		color: #8d8d8d;font-weight:400}.appmsg-edit-item .tips.gap-left{float:left;margin-left:.5em}.appmsg-edit-item .form-textarea-box{position:relative;margin-bottom:27px;display:inline-block;width:100%;padding:4px 0 4px 10px;font-size:14px;border:1px solid # e7e7eb;
		box - shadow: none; - moz - box - shadow: none; - webkit - box - shadow: none;
		border - radius: 0; - moz - border - radius: 0; - webkit - border - radius: 0;
		background - color: # fff
	}.appmsg - edit - item.form - textarea - box.counter_out.frm_counter {
		position: absolute;
		bottom: -27px;
		right: 0
	}.appmsg - edit - item.form - textarea - box.form - control - append {
		display: block;
		top: auto;
		bottom: -30px;
		right: 0
	}.appmsg - edit - item.form - textarea {
		width: 100 % ;
		background - color: transparent;
		border: 0;
		outline: 0;
		resize: none
	}.appmsg - edit -
	function -area {
		margin: 30px
	}.form - control - box.form - control {
		border: 1px solid # e7e7eb!important
	}.form - control - box.form - control: focus {
		border: 1px solid # e7e7eb!important
	}.appmsg - edit - title {
		line - height: 38px;
		padding: 15px;
		background - color: # fff
	}.material - wechat - view a {
		display: block;
		border: 1px solid # e7e7eb;
		line - height: 90px;
		text - align: center
	}.material - wechat - view a.wi,
	.material - wechat - view a.ext - apply - list.ext - apply - item.apply - show: before,
	.ext - apply - list.material - wechat - view a.ext - apply - item.apply - show: before,
	.material - wechat - view a.cut - list.item.apply - show: before,
	.cut - list.material - wechat - view a.item.apply - show: before {
		font - size: 32px;
		vertical - align: middle;
		color: #428bca;margin-right:20px}.site-list .site-item-img{position:relative}.site-list .site-item-img img{width:94px;height:147px}.site-list .site-item-img:hover .cover-dark,.site-list .site-item-img:hover .site-template .cover-lock,.site-template .site-list .site-item-img:hover .cover-lock,.site-list .site-item-img:hover .system-template .cover-lock,.system-template .site-list .site-item-img:hover .cover-lock{display:block}.site-list .site-item-img a{position:absolute;top:50%;left:50%;width:58px;height:58px;background-color:rgba(255,255,255,.21);margin-top:-29px;margin-left:-29px;display:table;vertical-align:middle;text-align:center;border-radius:50%;color:# fff;
		font - size: 14px
	}.site - list.site - item - img a: after {
		content: '预览';
		display: table - cell;
		vertical - align: middle;
		text - align: center
	}.site - list td.we7 - margin - vertical,
	.site - list td.we7 - margin - bottom {
		height: 50px
	}.skin - black td.we7 - margin - vertical,
	.skin - black td.we7 - margin - bottom {
		height: 70px
	}.article - list.label {
		margin - bottom: 5px;
		display: inline - block
	}.article - post.input - more {
		width: 150px;
		height: 235px
	}.article - post.input - img {
		height: 150px
	}.article - post.input - img img {
		height: 150px
	}.site - template.we7 - btn - group.btn,
	.system - template.we7 - btn - group.btn {
		width: 77px;
		padding - left: 0;
		padding - right: 0;
		text - align: center
	}.site - template.site - template - list,
	.site - template.system - template - list,
	.system - template.site - template - list,
	.system - template.system - template - list {
		margin - left: -15px;
		margin - right: -15px;
		margin - top: 15px
	}.site - template.site - template - item,
	.site - template.system - template - item,
	.system - template.site - template - item,
	.system - template.system - template - item {
		width: 205px;
		display: inline - block;
		margin: 15px;
		border: 1px solid # e7e7eb;
		position: relative
	}.site - template.site - template - title,
	.site - template.system - template - title,
	.system - template.site - template - title,
	.system - template.system - template - title {
		font - size: 14px;
		font - weight: 400;
		text - align: center;
		padding: 10px 0;
		margin: 0
	}.site - template.site - template - img,
	.site - template.system - template - img,
	.system - template.site - template - img,
	.system - template.system - template - img {
		position: relative
	}.site - template.site - template - img img,
	.site - template.system - template - img img,
	.system - template.site - template - img img,
	.system - template.system - template - img img {
		width: 203px;
		height: 315px
	}.site - template.site - template - img: hover.cover - dark,
	.site - template.site - template - img: hover.cover - lock,
	.site - template.system - template - img: hover.cover - dark,
	.site - template.system - template - img: hover.cover - lock,
	.system - template.site - template - img: hover.cover - dark,
	.system - template.site - template - img: hover.cover - lock,
	.system - template.system - template - img: hover.cover - dark,
	.system - template.system - template - img: hover.cover - lock {
		display: block
	}.site - template.cover - dark,
	.site - template.cover - lock,
	.system - template.cover - dark,
	.system - template.cover - lock {
		text - align: center
	}.site - template.cover - dark: before,
	.site - template.cover - lock: before,
	.system - template.cover - dark: before,
	.system - template.cover - lock: before {
		content: '';
		display: inline - block;
		height: 100 % ;
		vertical - align: middle
	}.site - template.selected,
	.site - template.lock,
	.system - template.selected,
	.system - template.lock {
		display: inline - block;
		vertical - align: middle;
		font - size: 40px;
		color: # fff
	}.site - template.cover - lock,
	.system - template.cover - lock {
		display: block;
		z - index: 2
	}.site - template.lock,
	.system - template.lock {
		font - size: 14px;
		z - index: 2
	}.site - template.lock.popover - content,
	.system - template.lock.popover - content {
		color: #252424}.site-template .active .cover-dark,.site-template .head .navbar-left>li:hover .cover-dark,.head .site-template .navbar-left>li:hover .cover-dark,.site-template .panel-menu .list-group-item:not(.list-group-more):hover .cover-dark,.panel-menu .site-template .list-group-item:not(.list-group-more):hover .cover-dark,.site-template .active .cover-lock,.site-template .head .navbar-left>li:hover .cover-lock,.head .site-template .navbar-left>li:hover .cover-lock,.site-template .panel-menu .list-group-item:not(.list-group-more):hover .cover-lock,.panel-menu .site-template .list-group-item:not(.list-group-more):hover .cover-lock,.system-template .active .cover-dark,.system-template .head .navbar-left>li:hover .cover-dark,.head .system-template .navbar-left>li:hover .cover-dark,.system-template .panel-menu .list-group-item:not(.list-group-more):hover .cover-dark,.panel-menu .system-template .list-group-item:not(.list-group-more):hover .cover-dark,.system-template .active .cover-lock,.system-template .head .navbar-left>li:hover .cover-lock,.head .system-template .navbar-left>li:hover .cover-lock,.system-template .panel-menu .list-group-item:not(.list-group-more):hover .cover-lock,.panel-menu .system-template .list-group-item:not(.list-group-more):hover .cover-lock{display:block}.site-template .active .selected,.site-template .head .navbar-left>li:hover .selected,.head .site-template .navbar-left>li:hover .selected,.site-template .panel-menu .list-group-item:not(.list-group-more):hover .selected,.panel-menu .site-template .list-group-item:not(.list-group-more):hover .selected,.site-template .active .lock,.site-template .head .navbar-left>li:hover .lock,.head .site-template .navbar-left>li:hover .lock,.site-template .panel-menu .list-group-item:not(.list-group-more):hover .lock,.panel-menu .site-template .list-group-item:not(.list-group-more):hover .lock,.system-template .active .selected,.system-template .head .navbar-left>li:hover .selected,.head .system-template .navbar-left>li:hover .selected,.system-template .panel-menu .list-group-item:not(.list-group-more):hover .selected,.panel-menu .system-template .list-group-item:not(.list-group-more):hover .selected,.system-template .active .lock,.system-template .head .navbar-left>li:hover .lock,.head .system-template .navbar-left>li:hover .lock,.system-template .panel-menu .list-group-item:not(.list-group-more):hover .lock,.panel-menu .system-template .list-group-item:not(.list-group-more):hover .lock{color:# 428bca
	}.site - template.site - template - manage,
	.system - template.site - template - manage {
		background - color: # f4f4f4;
		height: 45px;
		line - height: 45px;
		text - align: center
	}.site - template.site - template - manage.manage - item,
	.system - template.site - template - manage.manage - item {
		font - size: 21px;
		display: inline - block;
		margin: 0 3px;
		text - align: center;
		color: #98999a;width:20%}.site-template .site-template-manage .manage-item:hover,.system-template .site-template-manage .manage-item:hover{color:# 428bca
	}.system - template.cover - lock {
		padding: 0
	}.system - template.system - template - item.active.cover - lock,
	.system - template.head.navbar - left > li.system - template - item: hover.cover - lock,
	.head.system - template.navbar - left > li.system - template - item: hover.cover - lock,
	.system - template.panel - menu.system - template - item.list - group - item: not(.list - group - more): hover.cover - lock,
	.panel - menu.system - template.system - template - item.list - group - item: not(.list - group - more): hover.cover - lock {
		display: none
	}.system - template.system - template - item.active: hover.cover - lock,
	.system - template.head.navbar - left > li.system - template - item: hover.cover - lock,
	.head.system - template.navbar - left > li.system - template - item: hover.cover - lock,
	.system - template.panel - menu.system - template - item.list - group - item: hover: not(.list - group - more).cover - lock,
	.panel - menu.system - template.system - template - item.list - group - item: hover: not(.list - group - more).cover - lock {
		display: block
	}.site - select - tem {
		width: 260px;
		height: 710px;
		overflow - y: scroll;
		background - color: # fff;
		margin - left: -30px;
		margin - top: -15px;
		float: left;
		padding - left: 20px;
		padding - right: 20px
	}.site - select - tem.select - tem - heading {
		color: #252424;padding-top:30px;padding-bottom:30px}.site-select-tem .select-we7{width:100%;border:1px solid # e7e7eb
	}.site - select - tem.select - tem - list {
		padding - top: 30px;
		padding - bottom: 30px;
		overflow: hidden;
		margin - bottom: 30px
	}.site - select - tem.select - tem - item {
		width: 95px;
		height: 155px;
		margin - bottom: 20px;
		position: relative;
		float: left
	}.site - select - tem.select - tem - item: hover.cover - dark,
	.site - select - tem.select - tem - item: hover.site - template.cover - lock,
	.site - template.site - select - tem.select - tem - item: hover.cover - lock,
	.site - select - tem.select - tem - item: hover.system - template.cover - lock,
	.system - template.site - select - tem.select - tem - item: hover.cover - lock {
		display: block
	}.site - select - tem.select - tem - item: nth - of - type(2n + 1) {
		margin - right: 10px
	}.site - select - tem.select - tem - item.active.cover - dark,
	.site - select - tem.head.navbar - left > li.select - tem - item: hover.cover - dark,
	.head.site - select - tem.navbar - left > li.select - tem - item: hover.cover - dark,
	.site - select - tem.panel - menu.select - tem - item.list - group - item: not(.list - group - more): hover.cover - dark,
	.panel - menu.site - select - tem.select - tem - item.list - group - item: not(.list - group - more): hover.cover - dark,
	.site - select - tem.select - tem - item.active.site - template.cover - lock,
	.site - template.site - select - tem.select - tem - item.active.cover - lock,
	.site - select - tem.head.navbar - left > li.select - tem - item: hover.site - template.cover - lock,
	.site - template.site - select - tem.head.navbar - left > li.select - tem - item: hover.cover - lock,
	.head.site - select - tem.navbar - left > li.select - tem - item: hover.site - template.cover - lock,
	.site - template.head.site - select - tem.navbar - left > li.select - tem - item: hover.cover - lock,
	.site - select - tem.panel - menu.select - tem - item.list - group - item: not(.list - group - more): hover.site - template.cover - lock,
	.site - template.site - select - tem.panel - menu.select - tem - item.list - group - item: not(.list - group - more): hover.cover - lock,
	.panel - menu.site - select - tem.select - tem - item.list - group - item: not(.list - group - more): hover.site - template.cover - lock,
	.site - template.panel - menu.site - select - tem.select - tem - item.list - group - item: not(.list - group - more): hover.cover - lock,
	.site - select - tem.select - tem - item.active.system - template.cover - lock,
	.system - template.site - select - tem.select - tem - item.active.cover - lock,
	.site - select - tem.head.navbar - left > li.select - tem - item: hover.system - template.cover - lock,
	.system - template.site - select - tem.head.navbar - left > li.select - tem - item: hover.cover - lock,
	.head.site - select - tem.navbar - left > li.select - tem - item: hover.system - template.cover - lock,
	.system - template.head.site - select - tem.navbar - left > li.select - tem - item: hover.cover - lock,
	.site - select - tem.panel - menu.select - tem - item.list - group - item: not(.list - group - more): hover.system - template.cover - lock,
	.system - template.site - select - tem.panel - menu.select - tem - item.list - group - item: not(.list - group - more): hover.cover - lock,
	.panel - menu.site - select - tem.select - tem - item.list - group - item: not(.list - group - more): hover.system - template.cover - lock,
	.system - template.panel - menu.site - select - tem.select - tem - item.list - group - item: not(.list - group - more): hover.cover - lock {
		display: block
	}.site - select - tem.select - tem - item img {
		width: 95px;
		height: 155px
	}.site - view {
		width: 418px;
		float: left;
		padding - left: 50px;
		padding - top: 60px
	}.site - edit - view {
		width: 520px;
		height: 710px;
		background - color: # fff;
		float: right;
		border - left: 1px solid # e7e7eb;
		margin - top: -15px;
		margin - right: -30px
	}.site - edit - nav {
		width: 41px;
		margin - left: -41px;
		float: left
	}.site - edit - nav.site - edit - item {
		color: #98999a}.site-edit-nav .site-edit-item a{display:inline-block;min-height:90px;background-color:# fff;
		border: 1px solid # e7e7eb;
		border - bottom: 1px solid # e7e7eb;
		border - left: 1px solid # e7e7eb;
		margin: 10px 0;
		padding: 15px 12px;
		text - align: center;
		display: inline - block
	}.site - edit - nav.site - edit - item a: hover {
		color: #428bca}.site-edit-nav .site-edit-item.active,.site-edit-nav .head .navbar-left>li.site-edit-item:hover,.head .site-edit-nav .navbar-left>li.site-edit-item:hover,.site-edit-nav .panel-menu .site-edit-item.list-group-item:not(.list-group-more):hover,.panel-menu .site-edit-nav .site-edit-item.list-group-item:not(.list-group-more):hover{color:# 252424
	}.site - edit - content {
		height: 100 % ;
		padding - left: 30px;
		padding - right: 30px;
		overflow - y: auto;
		overflow - x: hidden
	}.site - edit - content.site - edit - heading {
		margin - left: -30px;
		margin - right: -30px;
		margin - bottom: 30px;
		padding: 20px 0 20px 30px;
		border - bottom: 1px solid # e7e7eb;
		font - size: 16px;
		color: #252424}.site-edit-content .input-more{text-align:center}.site-slide-list{padding-bottom:75px}.site-slide-list .site-slide-item{padding-top:15px;padding-bottom:15px;border:1px solid # e7e7eb;
		margin - top: -1px;
		margin - bottom: -1px
	}.site - slide - list.slide - sort {
		padding - left: 10px;
		color: #585858;width:50px;text-align:center}.site-slide-list .slide-img{width:135px;height:80px;text-align:center;padding-right:20px}.site-slide-list .slide-img img{max-width:115px;max-height:115px}.site-slide-list .slide-img.active .input-addon,.site-slide-list .head .navbar-left>li.slide-img:hover .input-addon,.head .site-slide-list .navbar-left>li.slide-img:hover .input-addon,.site-slide-list .panel-menu .slide-img.list-group-item:not(.list-group-more):hover .input-addon,.panel-menu .site-slide-list .slide-img.list-group-item:not(.list-group-more):hover .input-addon{display:none}.site-slide-list .slide-img.active:hover .cover-dark,.site-slide-list .head .navbar-left>li.slide-img:hover .cover-dark,.head .site-slide-list .navbar-left>li.slide-img:hover .cover-dark,.site-slide-list .panel-menu .slide-img.list-group-item:hover:not(.list-group-more) .cover-dark,.panel-menu .site-slide-list .slide-img.list-group-item:hover:not(.list-group-more) .cover-dark,.site-slide-list .slide-img.active:hover .site-template .cover-lock,.site-template .site-slide-list .slide-img.active:hover .cover-lock,.site-slide-list .head .navbar-left>li.slide-img:hover .site-template .cover-lock,.site-template .site-slide-list .head .navbar-left>li.slide-img:hover .cover-lock,.head .site-slide-list .navbar-left>li.slide-img:hover .site-template .cover-lock,.site-template .head .site-slide-list .navbar-left>li.slide-img:hover .cover-lock,.site-slide-list .panel-menu .slide-img.list-group-item:hover:not(.list-group-more) .site-template .cover-lock,.site-template .site-slide-list .panel-menu .slide-img.list-group-item:hover:not(.list-group-more) .cover-lock,.panel-menu .site-slide-list .slide-img.list-group-item:hover:not(.list-group-more) .site-template .cover-lock,.site-template .panel-menu .site-slide-list .slide-img.list-group-item:hover:not(.list-group-more) .cover-lock,.site-slide-list .slide-img.active:hover .system-template .cover-lock,.system-template .site-slide-list .slide-img.active:hover .cover-lock,.site-slide-list .head .navbar-left>li.slide-img:hover .system-template .cover-lock,.system-template .site-slide-list .head .navbar-left>li.slide-img:hover .cover-lock,.head .site-slide-list .navbar-left>li.slide-img:hover .system-template .cover-lock,.system-template .head .site-slide-list .navbar-left>li.slide-img:hover .cover-lock,.site-slide-list .panel-menu .slide-img.list-group-item:hover:not(.list-group-more) .system-template .cover-lock,.system-template .site-slide-list .panel-menu .slide-img.list-group-item:hover:not(.list-group-more) .cover-lock,.panel-menu .site-slide-list .slide-img.list-group-item:hover:not(.list-group-more) .system-template .cover-lock,.system-template .panel-menu .site-slide-list .slide-img.list-group-item:hover:not(.list-group-more) .cover-lock{display:block}.site-slide-list .slide-img .cut{position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;width:50px;height:50px;line-height:50px;text-align:center;border-radius:50%;background-color:rgba(255,255,255,.16);color:# fff
	}.site - slide - list.slide - img.cut: hover {
		background - color: #428bca}.site-slide-list .slide-img .del{position:absolute;top:-11px;right:-11px;width:22px;height:22px;line-height:22px;border-radius:100%;color:# fff;
		text - align: center;
		background - color: #428bca}.site-slide-list .slide-img .del .fa,.site-slide-list .slide-img .del .wi,.site-slide-list .slide-img .del .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .site-slide-list .slide-img .del .ext-apply-item.apply-show:before,.site-slide-list .slide-img .del .cut-list .item.apply-show:before,.cut-list .site-slide-list .slide-img .del .item.apply-show:before{font-size:14px;color:# fff
	}.site - slide - list.slide - img.del: hover {
		background - color: #555}.site-slide-list .media-body{padding-right:30px;position:relative;width:245px}.site-slide-list .media-body .slide-del{position:absolute;top:30px;right:0}.site-slide-list .slide-title{line-height:1.8;padding-bottom:30px}.site-slide-list .slide-title:before{content:'标题：';color:# 98999a
	}.site - slide - list.slide - alter {
		line - height: 1.8
	}.site - slide - list.slide - alter: before {
		content: '链接：';
		color: #98999a}.site-slide-list .slide-list-more{text-align:center;font-size:43.55px;color:# 98999a
	}.site - slide - list.slide - list - more a {
		display: block
	}.site - slide - edit {
		display: block
	}.site - slide - edit.edit - heading {
		padding: 30px 0
	}.site - slide - edit.go - back {
		margin - right: 0
	}.site - slide - edit.control - label {
		color: #98999a;line-height:30px}.site-slide-edit .form-group{margin-bottom:0}.site-nav-edit{padding-bottom:75px;position:relative}.homemenu table{table-layout:fixed!important}.homemenu td{vertical-align:middle}.homemenu td.icon img{width:30px;height:30px}.homemenu td.icon i{font-size:30px}.homemenu td.edit a{color:# 428bca;
		margin - left: 5px
	}.homemenu td.edit a: first - child {
		margin - left: 0
	}.homemenu tr.more a {
		display: block
	}.homemenu.edit - heading {
		padding: 30px 0
	}.site - btn - bottom {
		position: fixed;
		bottom: 98px;
		width: 442px;
		z - index: 2
	}.shopNav {
		padding - bottom: 75px
	}.shopNav.nav - group ul {
		margin - bottom: 0
	}.shopNav.app - side.card {
		border: 1px solid # e7e7eb;
		position: relative
	}.app - shopNav - edit > .panel - heading {
		height: 50px;
		line - height: 30px
	}.app - shopNav - edit > .panel - body {
		padding: 10px
	}.optimize.contact - service {
		position: fixed;
		top: 50 % ;
		left: calc(50 % +600px);
		margin - top: -66px
	}.optimize.contact - service a {
		display: block;
		width: 38px;
		padding: 10px 6px;
		border: 1px solid # e7e7eb;
		background: # fff;
		text - align: center;
		border - radius: 0 4px 4px 0
	}.optimize.contact - service a.wi,
	.optimize.contact - service a.ext - apply - list.ext - apply - item.apply - show: before,
	.ext - apply - list.optimize.contact - service a.ext - apply - item.apply - show: before,
	.optimize.contact - service a.cut - list.item.apply - show: before,
	.cut - list.optimize.contact - service a.item.apply - show: before {
		margin - bottom: 10px;
		font - size: 22px
	}.optimize.contact - service a: hover {
		color: # fff;
		background: #428bca;border-color:# 428bca
	}.app - side.card.btns {
		display: none
	}.app - side.card: hover.btns {
		display: block
	}.app - side.card.btns {
		text - align: right;
		position: absolute;
		top: -10px;
		right: -10px
	}.app - side.card.btns a {
		display: inline - block;
		width: 20px;
		height: 20px;
		text - align: center;
		line - height: 20px;
		color: # fff;
		background: rgba(0, 0, 0, .3);
		border - radius: 50 %
	}.app - side.card.btns a: hover {
		background: #000}.shopNav .well h3,.publicAd .well h3{margin:0;font-size:16px;line-height:30px;font-weight:700}.shopNav .app-preview{border-radius:18px;padding-bottom:100px;position:relative}.shopNav .app-preview:after{content:"";position:absolute;bottom:20px;left:145px;width:60px;height:60px;border:1px solid # ddd;
		border - radius: 100 %
	}.shopNav.app - content {
		border - bottom: 1px solid # c5c5c5;
		min - height: 430px;
		position: relative;
		background: # fff;
		overflow: hidden
	}.shopNav.nav - menu.nav - menu - wx,
	.shopNav.nav - menu.nav - menu - app,
	.shopNav.nav - menu.nav - menu - cart {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		color: #333;text-align:center}.shopNav .nav-menu a{display:block;height:100%}.shopNav .alert{background:# f8f8f8;
		width: 100 %
	}.shopNav.modal {
		z - index: 1100
	}.shopNav.action - wrap {
		display: none
	}.shopNav.modal.alert div {
		margin - top: 12px
	}.shopNav.modal.wx - example {
		width: 320px;
		height: 50px;
		background: url(.. / images / app / shopNavWx.png) 0 0 no - repeat
	}.shopNav.modal.app - example {
		width: 320px;
		height: 50px;
		background: url(.. / images / app / shopNavWx.png) 0 - 40px no - repeat
	}.shopNav.modal.cart - example {
		width: 360px;
		height: 50px;
		background: url(.. / images / app / shopNavCart.png) 0 0 no - repeat
	}.shopNav.modal.path - example {
		width: 100 % ;
		height: 160px;
		background: url(.. / images / app / shopNavPath.png) 0 0 no - repeat
	}.shopNav.modal.sides - example {
		width: 100 % ;
		height: 160px;
		background: url(.. / images / app / shopNavSides.png) center center no - repeat;
		background - size: auto 125px
	}.shopNav.app - side.shopNav - edit - header {
		height: 44px;
		line - height: 34px;
		padding - bottom: 10px;
		border - bottom: 1px solid # E5E5E5
	}.shopNav.app - side.add - shopNav {
		margin - top: 10px;
		height: 45px;
		line - height: 45px;
		padding: 0 13px;
		border: 1px dashed # ccc;
		background: # fff;
		font - size: 13px;
		cursor: pointer
	}.shopNav.app - side.card {
		margin: 10px 0 5px 0;
		padding: 15px
	}.shopNav.nav - menu.nav - menu - wx {
		background: # FAFAFA;
		border - top: 1px solid # e5e5e5
	}.shopNav.nav - menu.nav - menu - wx.nav - home {
		-webkit - box - sizing: border - box; - moz - box - sizing: border - box;
		box - sizing: border - box;
		height: 100 % ;
		float: left;
		display: block;
		text - align: center;
		line - height: 44px
	}.shopNav.nav - menu.nav - menu - wx.nav - home i {
		color: #737373;font-size:30px;margin-top:4.5px}.shopNav .nav-menu .nav-menu-wx .nav-group i{color:# 888;
		display: inline - block;
		width: 12px;
		height: 12px;
		line - height: 14px;
		text - align: center;
		font - size: 14px;
		margin - right: 5px
	}.shopNav.nav - menu.nav - menu - wx.has - nav - 0.nav - home {
		width: 100 %
	}.shopNav.nav - menu.nav - menu - wx.has - nav - 1.nav - home,
	.shopNav.nav - menu.nav - menu - wx.has - nav - 2.nav - home,
	.shopNav.nav - menu.nav - menu - wx.has - nav - 3.nav - home {
		width: 16 %
	}.shopNav.nav - menu.nav - menu - wx.nav - group {
		width: 84 % ;
		float: left;
		margin - bottom: 0
	}.shopNav.nav - menu.nav - menu - wx.nav - group.nav - group - item {
		position: relative;
		float: left;
		display: block;
		height: 100 % ;
		line - height: 44px;
		text - align: center;
		border - left: 1px solid # e5e5e5
	}.shopNav.nav - menu.nav - menu - wx.nav - group.nav - group - item a {
		color: #333;text-shadow:0 0 2px # f5f5f5;
		text - align: center;
		white - space: nowrap;
		overflow: hidden;
		text - overflow: ellipsis
	}.shopNav.nav - menu.nav - menu - wx.nav - group.nav - group - item.open dl {
		display: block
	}.shopNav.nav - menu.nav - menu - wx.has - nav - 1.nav - group - item {
		width: 100 %
	}.shopNav.nav - menu.nav - menu - wx.has - nav - 2.nav - group - item {
		width: 50 %
	}.shopNav.nav - menu.nav - menu - wx.has - nav - 3.nav - group - item {
		width: 33.3 %
	}.shopNav.nav - menu.nav - menu - wx.nav - group.dropup {
		position: relative
	}.shopNav.nav - menu.nav - menu - wx dl {
		position: absolute;
		z - index: 220;
		bottom: 40px;
		left: 50 % ;
		width: 85px;
		margin - left: -45px;
		min - height: 40px;
		background: # fff;
		border: 1px solid # afaeaf;
		border - radius: 5px; - webkit - box - shadow: inset 0 0 3px # fff
	}.shopNav.nav - menu.nav - menu - wx dl: before,
	.shopNav.nav - menu.nav - menu - wx dl: after {
		content: "";
		display: inline - block;
		position: absolute;
		z - index: 240;
		bottom: 0;
		left: 50 % ;
		width: 0;
		height: 0;
		border: 8px solid red;
		border - color: # afaeaf transparent transparent transparent;
		margin - left: -8px;
		margin - bottom: -16px
	}.shopNav.nav - menu.nav - menu - wx dl: after {
		z - index: 241;
		border - color: # fff transparent transparent transparent;
		margin - bottom: -15px
	}.shopNav.nav - menu.nav - menu - wx dl dd + dd {
		border - top: 1px solid # ddd
	}.shopNav.nav - menu.nav - menu - wx dl dd {
		margin: 0;
		line - height: 40px;
		text - align: center;
		overflow: hidden;
		text - overflow: ellipsis;
		white - space: nowrap
	}.shopNav.nav - menu.nav - menu - wx dl dd: last - of - type {
		background: 0 0
	}.shopNav.nav - menu.nav - menu - wx dl dd a {
		display: block;
		color: #4f4d4f;text-shadow:0 0 1px # fff
	}.shopNav.app - side.app - shopNav - edit.first - nav h3 {
		font - size: 14px;
		font - weight: 700;
		margin - bottom: 10px
	}.shopNav.app - side.app - shopNav - edit.second - nav {
		margin - left: 20px
	}.shopNav.app - side.app - shopNav - edit.second - nav h4 {
		font - size: 12px;
		font - weight: 700
	}.shopNav.app - side.app - shopNav - edit.second - nav.alert {
		position: relative
	}.shopNav.app - side.app - shopNav - edit.del {
		text - align: right;
		position: absolute;
		top: -10px;
		right: -10px;
		display: none
	}.shopNav.app - side.app - shopNav - edit.del a {
		display: inline - block;
		width: 20px;
		height: 20px;
		text - align: center;
		line - height: 20px;
		color: # fff;
		background: rgba(0, 0, 0, .3);
		border - radius: 50 %
	}.shopNav.app - side.app - shopNav - edit.del a: hover {
		background: #000}.shopNav .app-side .app-shopNav-edit .second-nav .alert:hover .del{display:block}.shopNav .nav-menu .nav-menu-app{width:100%;height:50px}.shopNav .nav-menu .nav-menu-app .nav-group{width:100%;height:100%}.shopNav .nav-menu .nav-menu-app .nav-group .nav-group-item{float:left;display:block;height:100%}.shopNav .nav-menu .nav-menu-app .nav-group .nav-group-item a{display:block;height:30px;width:100%;text-align:center;background-size:contain;background-position:center center;background-repeat:no-repeat;color:# fff
	}.shopNav.nav - menu.nav - menu - app.nav - group.nav - group - item a i {
		display: block;
		height: 30px;
		padding - top: 3px;
		line - height: 30px;
		width: 100 % ;
		text - align: center;
		font - size: 25px;
		color: # fff
	}.shopNav.nav - menu.nav - menu - app.nav - group.nav - group - item span {
		display: block;
		height: 20px;
		width: 100 % ;
		line - height: 20px;
		overflow: hidden;
		font - size: 12px;
		color: # fff
	}.shopNav.nav - menu.nav - menu - app.has - nav - 0.nav - group.nav - group - item {
		width: 0
	}.shopNav.nav - menu.nav - menu - app.has - nav - 1.nav - group.nav - group - item {
		width: 100 %
	}.shopNav.nav - menu.nav - menu - app.has - nav - 2.nav - group.nav - group - item {
		width: 50 %
	}.shopNav.nav - menu.nav - menu - app.has - nav - 3.nav - group.nav - group - item {
		width: 33.33 %
	}.shopNav.nav - menu.nav - menu - app.has - nav - 4.nav - group.nav - group - item {
		width: 25 %
	}.shopNav.nav - menu.nav - menu - app.has - nav - 5.nav - group.nav - group - item {
		width: 20 %
	}.shopNav.app - side form {
		margin - top: 15px
	}.shopNav.app - side.app - shopNav - edit.nav - img - group {
		margin - bottom: 10px;
		border - bottom: 1px solid # e5e5e5
	}.shopNav.app - side.app - shopNav - edit.nav - img - group.nav - img - box {
		position: relative;
		width: 64px;
		margin - bottom: 10px
	}.shopNav.app - side.app - shopNav - edit.nav - img - group.nav - img - box.nav - img {
		height: 50px;
		text - align: center;
		background - size: contain;
		background - position: 50 % 50 % ;
		background - repeat: no - repeat
	}.shopNav.app - side.app - shopNav - edit.nav - img - group.nav - img - box.nav - img i {
		display: block;
		width: 100 % ;
		height: 100 % ;
		text - align: center;
		line - height: 50px;
		font - size: 30px;
		color: # fff
	}.shopNav.app - side.app - shopNav - edit.nav - img - group.nav - img - box a {
		display: block;
		height: 15px;
		color: # fff;
		line - height: 17px;
		text - align: center;
		background - color: #797979}.shopNav .app-side .app-shopNav-edit .nav-img-group .nav-img-highlight .nav-img-box:hover .del{display:block}.shopNav .app-side .app-shopNav-edit .nav-img-group .nav-img-highlight{padding-left:15px;margin-left:15px;border-left:1px solid # e5e5e5
	}.shopNav.nav - menu.nav - menu - cart {
		width: 100 % ;
		padding: 0 10px;
		height: 40px;
		text - align: center
	}.shopNav.nav - menu.nav - menu - cart.has - nav - 2.nav - group - item,
	.shopNav.nav - menu.nav - menu - cart.has - nav - 1.nav - group - item,
	.shopNav.nav - menu.nav - menu - cart.has - nav - 0.nav - group - item {
		width: 34 % ;
		height: 40px
	}.shopNav.nav - menu.nav - menu - cart.has - nav - 2.nav - home,
	.shopNav.nav - menu.nav - menu - cart.has - nav - 1.nav - home,
	.shopNav.nav - menu.nav - menu - cart.has - nav - 0.nav - home {
		width: 32 %
	}.shopNav.nav - menu.nav - menu - cart.has - nav - 4.nav - group - item,
	.shopNav.nav - menu.nav - menu - cart.has - nav - 3.nav - group - item {
		width: 17 %
	}.shopNav.nav - menu.nav - menu - cart.has - nav - 4.nav - group - item.nav - home,
	.shopNav.nav - menu.nav - menu - cart.has - nav - 3.nav - group - item.nav - home {
		width: 32 %
	}.shopNav.nav - menu.nav - menu - cart.nav - group - item {
		height: 40px;
		float: left;
		display: block
	}.shopNav.nav - menu.nav - menu - cart.nav - group - item a {
		display: block;
		height: 100 % ;
		width: 100 % ;
		text - align: center;
		background - size: contain;
		background - position: center center;
		background - repeat: no - repeat
	}.shopNav.nav - menu.nav - menu - cart.nav - group - item a i {
		display: block;
		height: 100 % ;
		width: 100 % ;
		text - align: center;
		line - height: 40px;
		color: # fff;
		font - size: 20px
	}.shopNav.nav - menu.nav - menu - cart.nav - home a {
		background - color: # f90;
		height: 40px;
		width: 40px;
		margin: 0 auto;
		margin - top: -10px;
		border - radius: 100 % ;
		border: 5px solid #292929}.shopNav .nav-menu .nav-menu-cart .nav-home a i{line-height:30px}.shopNav .nav-menu .nav-menu-path{position:absolute;left:10px;bottom:10px}.shopNav .nav-menu .nav-menu-path .nav-group-item a{display:block;height:100%;width:100%;border-radius:100%;overflow:hidden;background-color:# E23636;
		background - size: contain;
		background - position: center center;
		background - repeat: no - repeat;
		text - align: center
	}.shopNav.nav - menu.nav - menu - path.nav - group - item a i {
		display: block;
		height: 100 % ;
		width: 100 % ;
		text - align: center;
		color: # fff;
		font - size: 30px;
		line - height: 45px
	}.shopNav.nav - menu.nav - menu - path.nav - home {
		width: 50px;
		height: 50px;
		z - index: 100; - webkit - transition: .2s all ease - in -out; - moz - transition: 200ms all ease - in -out;
		transition: 200ms all ease - in -out;
		position: absolute;
		left: 0;
		bottom: 0
	}.shopNav.nav - menu.nav - menu - path.nav - home.on {
		transform: rotateZ(135deg); - webkit - transform: rotateZ(135deg); - moz - transform: rotateZ(135deg); - o - transform: rotateZ(135deg); - ms - transform: rotateZ(135deg)
	}.shopNav.nav - menu.nav - menu - path.nav - group.nav - group - item {
		width: 45px;
		height: 45px;
		border - radius: 100 % ;
		position: absolute;
		left: 2.5px;
		bottom: 2.5px; - webkit - transition: -webkit - transform 200ms; - moz - transition: -webkit - transform 200ms
	}.shopNav.nav - menu.nav - menu - path.nav - group.nav - group - item a {
		width: 45px;
		height: 45px;
		border - radius: 45px
	}.shopNav.nav - menu.nav - menu - path.has - nav - 1.nav - group.nav - group - item.on {
		transform: translate(50px, -50px) rotate(720deg); - webkit - transform: translate(50px, -50px) rotate(720deg); - moz - transform: translate(50px, -50px) rotate(720deg)
	}.shopNav.nav - menu.nav - menu - path.has - nav - 2.nav - group.nav - group - item.on: nth - of - type(1) {
		transform: translate(3px, -60px) rotate(720deg); - webkit - transform: translate(3px, -60px) rotate(720deg); - moz - transform: translate(3px, -60px) rotate(720deg)
	}.shopNav.nav - menu.nav - menu - path.has - nav - 2.nav - group.nav - group - item.on: nth - of - type(2) {
		transform: translate(60px, -3px) rotate(720deg); - webkit - transform: translate(60px, -3px) rotate(720deg); - moz - transform: translate(60px, -3px) rotate(720deg)
	}.shopNav.nav - menu.nav - menu - path.has - nav - 3.nav - group.nav - group - item.on: nth - of - type(1) {
		transform: translate(3px, -100px) rotate(720deg); - webkit - transform: translate(3px, -100px) rotate(720deg); - moz - transform: translate(3px, -100px) rotate(720deg)
	}.shopNav.nav - menu.nav - menu - path.has - nav - 3.nav - group.nav - group - item.on: nth - of - type(2) {
		transform: translate(72px, -72px) rotate(720deg); - webkit - transform: translate(72px, -72px) rotate(720deg); - moz - transform: translate(72px, -72px) rotate(720deg)
	}.shopNav.nav - menu.nav - menu - path.has - nav - 3.nav - group.nav - group - item.on: nth - of - type(3) {
		transform: translate(100px, -3px) rotate(720deg); - webkit - transform: translate(100px, -3px) rotate(720deg); - moz - transform: translate(100px, -3px) rotate(720deg)
	}.shopNav.nav - menu.nav - menu - path.has - nav - 4.nav - group.nav - group - item.on: nth - of - type(1) {
		transform: translate(3px, -136px) rotate(720deg); - webkit - transform: translate(3px, -136px) rotate(720deg); - moz - transform: translate(3px, -136px) rotate(720deg)
	}.shopNav.nav - menu.nav - menu - path.has - nav - 4.nav - group.nav - group - item.on: nth - of - type(2) {
		transform: translate(119px, -71px) rotate(720deg); - webkit - transform: translate(119px, -71px) rotate(720deg); - moz - transform: translate(119px, -71px) rotate(720deg)
	}.shopNav.nav - menu.nav - menu - path.has - nav - 4.nav - group.nav - group - item.on: nth - of - type(3) {
		transform: translate(71px, -119px) rotate(720deg); - webkit - transform: translate(71px, -119px) rotate(720deg); - moz - transform: translate(71px, -119px) rotate(720deg)
	}.shopNav.nav - menu.nav - menu - path.has - nav - 4.nav - group.nav - group - item.on: nth - of - type(4) {
		transform: translate(136px, -3px) rotate(720deg); - webkit - transform: translate(136px, -3px) rotate(720deg); - moz - transform: translate(136px, -3px) rotate(720deg)
	}.shopNav.nav - menu.nav - menu - sides {
		position: absolute;
		left: 50 % ;
		bottom: 10px
	}.shopNav.nav - menu.nav - menu - sides.main - nav {
		position: relative;
		margin - left: -50 % ;
		padding: 8px 9px 0 9px;
		width: 150px;
		height: 50px;
		background: url(.. / images / app / nav5back.png) center center no - repeat;
		background - size: 150px 50px
	}.shopNav.nav - menu.nav - menu - sides.main - nav > div {
		width: 43px;
		height: 41px;
		overflow: hidden;
		border - radius: 100 %
	}.shopNav.nav - menu.nav - menu - sides.nav - group - item a {
		display: block;
		height: 100 % ;
		width: 100 % ;
		border - radius: 100 % ;
		text - align: center;
		background - color: # E23636;
		background - size: contain;
		background - position: center center;
		background - repeat: no - repeat
	}.shopNav.nav - menu.nav - menu - sides.nav - group - item a i {
		display: block;
		height: 100 % ;
		width: 100 % ;
		border - radius: 100 % ;
		font - size: 25px;
		line - height: 41px;
		color: # fff;
		text - align: center
	}.shopNav.nav - menu.nav - menu - sides.nav - home {
		width: 40px;
		height: 40px;
		border - radius: 100 % ;
		position: relative;
		left: 1px;
		bottom: -6px;
		float: left;
		margin - top: -10px; - webkit - transition: .2s all ease - in -out; - moz - transition: 200ms all ease - in -out;
		transition: 200ms all ease - in -out
	}.shopNav.nav - menu.nav - menu - sides.nav - home.on {
		transform: rotateZ(135deg); - webkit - transform: rotateZ(135deg); - moz - transform: rotateZ(135deg); - o - transform: rotateZ(135deg); - ms - transform: rotateZ(135deg)
	}.shopNav.nav - menu.nav - menu - sides.nav - group.nav - group - item {
		width: 45px;
		height: 45px;
		border - radius: 100 % ;
		position: absolute;
		left: -22px;
		bottom: 3px; - webkit - transition: -webkit - transform 200ms; - moz - transition: -webkit - transform 200ms
	}.shopNav.nav - menu.nav - menu - sides.nav - group.nav - group - item a {
		width: 41px;
		height: 41px;
		border - radius: 100 % ;
		overflow: hidden
	}.shopNav.nav - menu.nav - menu - sides.has - nav - 1.nav - group.nav - group - item.on {
		transform: translate(0px, -60px) rotate(720deg); - webkit - transform: translate(0px, -60px) rotate(720deg); - moz - transform: translate(0px, -60px) rotate(720deg)
	}.shopNav.nav - menu.nav - menu - sides.has - nav - 2.nav - group.nav - group - item.on: nth - of - type(1) {
		transform: translate(-36px, -47px) rotate(720deg); - webkit - transform: translate(-36px, -47px) rotate(720deg); - moz - transform: translate(-36px, -47px) rotate(720deg)
	}.shopNav.nav - menu.nav - menu - sides.has - nav - 2.nav - group.nav - group - item.on: nth - of - type(2) {
		transform: translate(36px, -47px) rotate(720deg); - webkit - transform: translate(36px, -47px) rotate(720deg); - moz - transform: translate(36px, -47px) rotate(720deg)
	}.shopNav.nav - menu.nav - menu - sides.has - nav - 3.nav - group.nav - group - item.on: nth - of - type(1) {
		transform: translate(-54px, -47px) rotate(720deg); - webkit - transform: translate(-54px, -47px) rotate(720deg); - moz - transform: translate(-54px, -47px) rotate(720deg)
	}.shopNav.nav - menu.nav - menu - sides.has - nav - 3.nav - group.nav - group - item.on: nth - of - type(2) {
		transform: translate(0px, -70px) rotate(720deg); - webkit - transform: translate(0px, -70px) rotate(720deg); - moz - transform: translate(0px, -70px) rotate(720deg)
	}.shopNav.nav - menu.nav - menu - sides.has - nav - 3.nav - group.nav - group - item.on: nth - of - type(3) {
		transform: translate(54px, -47px) rotate(720deg); - webkit - transform: translate(54px, -47px) rotate(720deg); - moz - transform: translate(54px, -47px) rotate(720deg)
	}.shopNav.nav - menu.nav - menu - sides.has - nav - 4.nav - group.nav - group - item.on: nth - of - type(1) {
		transform: translate(-57px, -47px) rotate(720deg); - webkit - transform: translate(-57px, -47px) rotate(720deg); - moz - transform: translate(-57px, -47px) rotate(720deg)
	}.shopNav.nav - menu.nav - menu - sides.has - nav - 4.nav - group.nav - group - item.on: nth - of - type(2) {
		transform: translate(-26px, -94px) rotate(720deg); - webkit - transform: translate(-26px, -94px) rotate(720deg); - moz - transform: translate(-26px, -94px) rotate(720deg)
	}.shopNav.nav - menu.nav - menu - sides.has - nav - 4.nav - group.nav - group - item.on: nth - of - type(3) {
		transform: translate(26px, -94px) rotate(720deg); - webkit - transform: translate(26px, -94px) rotate(720deg); - moz - transform: translate(26px, -94px) rotate(720deg)
	}.shopNav.nav - menu.nav - menu - sides.has - nav - 4.nav - group.nav - group - item.on: nth - of - type(4) {
		transform: translate(57px, -47px) rotate(720deg); - webkit - transform: translate(57px, -47px) rotate(720deg); - moz - transform: translate(57px, -47px) rotate(720deg)
	}.article - list - panel.panel - heading {
		display: flex;
		align - items: center;
		justify - content: flex - end
	}.article - list - panel.panel - heading.
	switch {
		margin - left: 5px
	}.article - list - panel.article - list - reply {
		position: relative
	}.article - list - panel.article - list - reply: after {
		content: '';
		width: 10px;
		height: 10px;
		background - color: # cf1010;
		border - radius: 50 % ;
		position: absolute;
		top: 0;
		right: -4px
	}.article - reply - item {
		padding: 30px;
		font - weight: 400;
		border - bottom: 1px solid # e7e7eb
	}.article - reply - item.reply - logo {
		width: 42px;
		height: 42px
	}.article - reply - item.reply - people,
	.article - reply - item.reply - time {
		color: #999;font-size:14px;margin-bottom:5px}.article-reply-item .reply-content{font-size:14px;color:# 4c4c4c;
		margin - bottom: 5px
	}.article - reply - item.media - body {
		width: 10000px;
		overflow: hidden;
		zoom: 1
	}.article - reply - item.media - right a {
		display: inline - block;
		width: 2em
	}.article - reply - item.reply - list {
		margin - left: 82px
	}.article - reply - item.reply - item {
		border - top: 1px solid # e7e7eb;
		padding - top: 20px;
		margin - top: 20px
	}.article - reply - item.reply - item: last - child {
		padding - bottom: 0
	}.article - reply - item.reply - item - head {
		position: relative;
		padding - left: 15px
	}.article - reply - item.reply - item - head: before {
		content: '';
		border - left: 2px solid #428bca;position:absolute;left:0;top:0;bottom:0}.article-reply-item .reply-item-content{padding-left:15px}.article-reply-item .reply-editor{margin-left:82px;margin-top:20px;border-top:1px solid # e7e7eb
	}.article - reply - item.reply - editor - head {
		margin - top: 20px;
		margin - bottom: 10px;
		color: #999;font-size:14px}.article-reply-item .reply-editor textarea{border-radius:0;border-color:# e7e7eb;
		resize: none
	}.article - reply - item.reply - editor textarea: focus {
		box - shadow: none;
		border - radius: 0
	}.article - reply - item.reply - editor - emoji {
		margin - top: -1px;
		border: 1px solid # e7e7eb;
		padding: 8px 15px;
		margin - bottom: 20px
	}.ext - apply - list {
		margin - top: -15px;
		margin - left: -15px;
		margin - right: -15px
	}.ext - apply - list.ext - apply - item {
		width: 160px;
		height: 198px;
		position: relative;
		margin: 15px;
		padding: 30px 0;
		border: 1px solid # e7e7eb;
		float: left;
		text - align: center
	}.ext - apply - list.ext - apply - item: hover.mask {
		display: block
	}.ext - apply - list.ext - apply - item.apply - show: before {
		position: absolute;
		z - index: 2;
		left: 2px;
		bottom: 2px;
		color: # fff;
		font - size: 16px
	}.ext - apply - list.ext - apply - item.apply - show: after {
		content: '';
		position: absolute;
		z - index: 1;
		left: 0;
		bottom: 0;
		border - bottom: 30px solid #428bca;border-right:37px solid transparent}.ext-apply-list .ext-apply-item.apply-show .manage-show{color:# fff
	}.ext - apply - list.ext - apply - item.apply - show.manage - show i {
		color: # fff
	}.ext - apply - list.apply - img {
		width: 83px;
		height: 83px;
		border - radius: 10px
	}.ext - apply - list.apply - title {
		font - size: 16px;
		color: #464646}.ext-apply-list .mask{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(66,139,202,.8);z-index:2;display:none}.ext-apply-list .mask .entry{display:block;width:100%;line-height:198px;text-align:center;color:# fff
	}.ext - apply - list.mask.cut - btn,
	.ext - apply - list.mask.stick,
	.ext - apply - list.mask.cut - show {
		position: absolute;
		width: 30px;
		line - height: 30px;
		border - radius: 30px;
		text - align: center;
		background - color: # fff
	}.ext - apply - list.mask.cut - btn i,
	.ext - apply - list.mask.stick i,
	.ext - apply - list.mask.cut - show i {
		font - size: 18px;
		vertical - align: middle;
		color: #98999a}.ext-apply-list .mask .cut-btn:hover .wi,.ext-apply-list .mask .cut-btn:hover .ext-apply-item.apply-show:before,.ext-apply-list .mask .cut-btn:hover .cut-list .item.apply-show:before,.cut-list .ext-apply-list .mask .cut-btn:hover .item.apply-show:before,.ext-apply-list .mask .stick:hover .wi,.ext-apply-list .mask .stick:hover .ext-apply-item.apply-show:before,.ext-apply-list .mask .stick:hover .cut-list .item.apply-show:before,.cut-list .ext-apply-list .mask .stick:hover .item.apply-show:before,.ext-apply-list .mask .cut-show:hover .wi,.ext-apply-list .mask .cut-show:hover .ext-apply-item.apply-show:before,.ext-apply-list .mask .cut-show:hover .cut-list .item.apply-show:before,.cut-list .ext-apply-list .mask .cut-show:hover .item.apply-show:before{color:# 428bca
	}.ext - apply - list.mask.cut - btn {
		bottom: 50px;
		right: 10px
	}.ext - apply - list.mask.stick {
		bottom: 10px;
		right: 10px
	}.ext - apply - list.cover - dark,
	.ext - apply - list.site - template.cover - lock,
	.site - template.ext - apply - list.cover - lock,
	.ext - apply - list.system - template.cover - lock,
	.system - template.ext - apply - list.cover - lock {
		z - index: 4
	}.ext - apply - list.cover - dark.mange - goto,
	.ext - apply - list.site - template.cover - lock.mange - goto,
	.site - template.ext - apply - list.cover - lock.mange - goto,
	.ext - apply - list.system - template.cover - lock.mange - goto,
	.system - template.ext - apply - list.cover - lock.mange - goto {
		position: absolute;
		top: 30px;
		left: 50 % ;
		margin - left: -39px;
		font - size: 14px;
		color: # fff
	}.ext - apply - list.cover - dark.mange - goto i,
	.ext - apply - list.site - template.cover - lock.mange - goto i,
	.site - template.ext - apply - list.cover - lock.mange - goto i,
	.ext - apply - list.system - template.cover - lock.mange - goto i,
	.system - template.ext - apply - list.cover - lock.mange - goto i {
		display: block;
		vertical - align: middle;
		width: 79px;
		height: 79px;
		border - radius: 50 % ;
		background - color: rgba(255, 255, 255, .16);
		color: # fff;
		font - size: 60px;
		margin - bottom: 3px
	}.ext - apply - list.cover - dark.mange - goto i: before,
	.ext - apply - list.site - template.cover - lock.mange - goto i: before,
	.site - template.ext - apply - list.cover - lock.mange - goto i: before,
	.ext - apply - list.system - template.cover - lock.mange - goto i: before,
	.system - template.ext - apply - list.cover - lock.mange - goto i: before {
		display: inline - block;
		vertical - align: middle
	}.ext - apply - list.cover - dark.mange - goto i: after,
	.ext - apply - list.site - template.cover - lock.mange - goto i: after,
	.site - template.ext - apply - list.cover - lock.mange - goto i: after,
	.ext - apply - list.system - template.cover - lock.mange - goto i: after,
	.system - template.ext - apply - list.cover - lock.mange - goto i: after {
		content: '';
		display: inline - block;
		height: 100 % ;
		vertical - align: middle
	}.ext - apply - list.cover - dark.mange - goto: hover i,
	.ext - apply - list.site - template.cover - lock.mange - goto: hover i,
	.site - template.ext - apply - list.cover - lock.mange - goto: hover i,
	.ext - apply - list.system - template.cover - lock.mange - goto: hover i,
	.system - template.ext - apply - list.cover - lock.mange - goto: hover i {
		background - color: #428bca}.ext-apply-list .cover-dark .manage-show,.ext-apply-list .site-template .cover-lock .manage-show,.site-template .ext-apply-list .cover-lock .manage-show,.ext-apply-list .system-template .cover-lock .manage-show,.system-template .ext-apply-list .cover-lock .manage-show{width:71px;position:absolute;left:12px;bottom:2px;font-size:10px;color:# fff
	}.ext - apply - list.cover - dark.manage - show i,
	.ext - apply - list.site - template.cover - lock.manage - show i,
	.site - template.ext - apply - list.cover - lock.manage - show i,
	.ext - apply - list.system - template.cover - lock.manage - show i,
	.system - template.ext - apply - list.cover - lock.manage - show i {
		margin - left: 18px
	}.ext - apply - list.cover - dark.manage - show i,
	.ext - apply - list.site - template.cover - lock.manage - show i,
	.site - template.ext - apply - list.cover - lock.manage - show i,
	.ext - apply - list.system - template.cover - lock.manage - show i,
	.system - template.ext - apply - list.cover - lock.manage - show i,
	.ext - apply - list.cover - dark.manage - stick i,
	.ext - apply - list.site - template.cover - lock.manage - stick i,
	.site - template.ext - apply - list.cover - lock.manage - stick i,
	.ext - apply - list.system - template.cover - lock.manage - stick i,
	.system - template.ext - apply - list.cover - lock.manage - stick i {
		display: block;
		font - size: 18px;
		width: 32px;
		height: 32px;
		line - height: 32px;
		border - radius: 50 % ;
		background - color: rgba(255, 255, 255, .16);
		vertical - align: middle
	}.ext - apply - list.cover - dark.manage - show span,
	.ext - apply - list.site - template.cover - lock.manage - show span,
	.site - template.ext - apply - list.cover - lock.manage - show span,
	.ext - apply - list.system - template.cover - lock.manage - show span,
	.system - template.ext - apply - list.cover - lock.manage - show span,
	.ext - apply - list.cover - dark.manage - stick span,
	.ext - apply - list.site - template.cover - lock.manage - stick span,
	.site - template.ext - apply - list.cover - lock.manage - stick span,
	.ext - apply - list.system - template.cover - lock.manage - stick span,
	.system - template.ext - apply - list.cover - lock.manage - stick span {
		-webkit - transform: scale(0.8); - o - transform: scale(1);
		display: inline - block;
		letter - spacing: 2px
	}.ext - apply - list.cover - dark.manage - show: hover,
	.ext - apply - list.site - template.cover - lock.manage - show: hover,
	.site - template.ext - apply - list.cover - lock.manage - show: hover,
	.ext - apply - list.system - template.cover - lock.manage - show: hover,
	.system - template.ext - apply - list.cover - lock.manage - show: hover,
	.ext - apply - list.cover - dark.manage - stick: hover,
	.ext - apply - list.site - template.cover - lock.manage - stick: hover,
	.site - template.ext - apply - list.cover - lock.manage - stick: hover,
	.ext - apply - list.system - template.cover - lock.manage - stick: hover,
	.system - template.ext - apply - list.cover - lock.manage - stick: hover {
		color: # fff
	}.ext - apply - list.cover - dark.manage - show: hover i,
	.ext - apply - list.site - template.cover - lock.manage - show: hover i,
	.site - template.ext - apply - list.cover - lock.manage - show: hover i,
	.ext - apply - list.system - template.cover - lock.manage - show: hover i,
	.system - template.ext - apply - list.cover - lock.manage - show: hover i,
	.ext - apply - list.cover - dark.manage - stick: hover i,
	.ext - apply - list.site - template.cover - lock.manage - stick: hover i,
	.site - template.ext - apply - list.cover - lock.manage - stick: hover i,
	.ext - apply - list.system - template.cover - lock.manage - stick: hover i,
	.system - template.ext - apply - list.cover - lock.manage - stick: hover i {
		background - color: #428bca;color:# fff
	}.ext - apply - list.cover - dark.manage - stick,
	.ext - apply - list.site - template.cover - lock.manage - stick,
	.site - template.ext - apply - list.cover - lock.manage - stick,
	.ext - apply - list.system - template.cover - lock.manage - stick,
	.system - template.ext - apply - list.cover - lock.manage - stick {
		position: absolute;
		right: 18px;
		bottom: 2px;
		font - size: 10px;
		color: # fff
	}.ext - apply - list.ext - apply - item.more {
		display: table;
		vertical - align: middle
	}.ext - apply - list.ext - apply - item.more a {
		display: table - cell;
		width: 100 % ;
		height: 100 % ;
		vertical - align: middle;
		font - size: 59px;
		color: # bbb;
		font - weight: 400
	}.ext - apply - list.ext - apply - item.more a: hover {
		color: #428bca}.combo-list .col-sm-3{margin-bottom:15px;height:50px;over-flow:hidden}.combo-list .col-sm-3 img{width:33px}.combo-list .col-sm-3 i.fa{font-size:20px;color:# ABACAE;
		margin - right: 5px
	}.combo - list.apply - name {
		width: 109px;
		display: inline - block;
		margin - left: 5px
	}.combo - list span.img {
		position: relative;
		width: 50px;
		height: 50px;
		display: inline - block
	}.combo - list span.img.plugin - img {
		width: 40px;
		height: 40px;
		border - radius: 4px;
		border: 2px solid # fff;
		position: absolute;
		left: 0;
		top: 0;
		z - index: 1
	}.combo - list span.img.module - img {
		width: 28px;
		height: 28px;
		border - radius: 4px;
		position: absolute;
		right: 0;
		bottom: 0
	}.combo - list - add.form - controls.form - control,
	.combo - list - add.we7 - select {
		width: 350px
	}.combo - list - add.col - sm - 2 {
		height: 40px;
		line - height: 40px;
		padding - left: 60px;
		position: relative;
		margin - bottom: 10px
	}.combo - list - add.col - sm - 2 > img,
	.combo - list - add.col - sm - 2.img {
		position: absolute;
		top: 3px;
		left: 15px;
		width: 33px;
		height: 33px;
		border - radius: 4px
	}.combo - list - add.col - sm - 2.name {
		display: inline - block;
		width: 100 % ;
		overflow: hidden;
		white - space: nowrap;
		text - overflow: ellipsis
	}.combo - list - add.col - sm - 2.add - more {
		padding: 0 15px
	}.combo - list - add.col - sm - 2.input - more {
		width: 100 % ;
		height: 100 % ;
		text - align: center;
		font - size: 25px;
		font - weight: 700
	}.combo - list - add.col - sm - 2.input - more: after {
		content: ''
	}.combo - list - add.col - sm - 2.del {
		display: inline - block;
		width: 100 % ;
		height: 25px;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		line - height: 25px;
		text - align: center;
		color: #98999a;display:none;opacity:.8;cursor:pointer;z-index:2}.combo-list-add .col-sm-2:hover .del{display:block}.account-list-add .we7-panel{background-color:# fbfbfb
	}.account - list - add.we7 - panel.col - lg - 6: last - child {
		border - left: 1px solid # e7e7eb;
		padding - left: 30px
	}.account - list - add.we7 - panel.col - lg - 6.title {
		font - size: 20px;
		margin - bottom: 25px
	}.account - list - add.we7 - panel.col - lg - 6.title.img {
		display: inline - block;
		width: 22px;
		height: 46px
	}.account - list - add.we7 - panel.col - lg - 6.title.img.img - pen {
		background: transparent url(.. / .. / .. / web / resource / images / pen.png) no - repeat
	}.account - list - add.we7 - panel.col - lg - 6.title.img.img - tel {
		background: transparent url(.. / .. / .. / web / resource / images / tel.png) no - repeat
	}.account - list - add.we7 - panel.col - lg - 6.con {
		margin - bottom: 30px
	}.account - list - add - step.we7 - form.form - controls.form - control,
	.account - list - add - step.we7 - form.input - group {
		width: 600px
	}.account - list - add - step.we7 - form tr.form - controls.form - control {
		width: auto
	}.account - list - add - step.we7 - form.col - sm - 6 {
		padding - left: 0
	}.account - list - add - step.we7 - form.we7 - input - img {
		width: 150px;
		height: 60px
	}.account - list - add - step.we7 - form.panel - body.alert {
		padding - left: 30px;
		background: # f8f8f8;
		border: none;
		margin - top: 1px;
		border - radius: none
	}.account - list - add - step.we7 - form.panel - body.form - group {
		padding - left: 30px
	}.account - list - add - step.we7 - form.panel - body.label - copy {
		background - color: # f4f5f9;
		cursor: pointer;
		color: inherit
	}.account - list - add - step.we7 - form.col - sm - 3 {
		margin - bottom: 10px
	}.website - register.panel - heading {
		height: 50px;
		line - height: 30px
	}.website - register.panel - heading.order {
		font - size: 30px
	}.website - register.panel - body.we7 - form {
		width: 100 %
	}.website - register.panel - body.we7 - form > div: last - child {
		border - left: 1px solid # e7e7eb
	}.message - management.table - data td {
		line - height: 32px
	}.message - management.table - data td.data {
		font - size: 20px;
		display: inline - block;
		margin - left: 15px
	}.plugin - name {
		line - height: 20px;
		padding - left: 10px;
		margin: 15px;
		border - left: 2px solid #428bca}.skin-black .left-menu{width:220px;border:none;background-color:# 32374a;
		overflow: hidden; - webkit - transform: translateZ(0);
		transform: translateZ(0);
		z - index: 11
	}.skin - black.left - menu.left - menu - content {
		-ms - overflow - style: none;
		overflow: -moz - scrollbars - none;
		width: 220px
	}.skin - black.left - menu.left - menu - content::-webkit - scrollbar {
		width: 0
	}.skin - black.left - menu.left - menu - top {
		width: 100 % ;
		display: block;
		background - color: #3a3f51;border-top:1px solid # 32374a;
		color: # adb4cc
	}.skin - black.left - menu.left - menu - top.wi - setting,
	.skin - black.left - menu.left - menu - top.wi - ad,
	.skin - black.left - menu.left - menu - top.wi - system - site {
		font - size: 28px;
		position: relative;
		top: 5px;
		margin - right: 10px
	}.skin - black.left - menu.left - menu - top.head - logo {
		border - radius: 100 % ;
		width: 97px;
		height: 97px;
		margin - top: 20px
	}.skin - black.left - menu.left - menu - top.account - name {
		color: # adb4cc;
		margin: 15px 0;
		font - size: 16px
	}.skin - black.left - menu.left - menu - top.operate {
		padding: 20px 0
	}.skin - black.left - menu.left - menu - top.operate a {
		display: inline - block;
		color: # adb4cc
	}.skin - black.left - menu.left - menu - top.operate a: nth - child(2) {
		margin: 0 40px
	}.skin - black.left - menu.left - menu - top.operate a.wi,
	.skin - black.left - menu.left - menu - top.operate a.ext - apply - list.ext - apply - item.apply - show: before,
	.ext - apply - list.skin - black.left - menu.left - menu - top.operate a.ext - apply - item.apply - show: before,
	.skin - black.left - menu.left - menu - top.operate a.cut - list.item.apply - show: before,
	.cut - list.skin - black.left - menu.left - menu - top.operate a.item.apply - show: before {
		font - size: 24px
	}.skin - black.left - menu.left - menu - top.operate a: hover.wi,
	.skin - black.left - menu.left - menu - top.operate a: hover.ext - apply - list.ext - apply - item.apply - show: before,
	.ext - apply - list.skin - black.left - menu.left - menu - top.operate a: hover.ext - apply - item.apply - show: before,
	.skin - black.left - menu.left - menu - top.operate a: hover.cut - list.item.apply - show: before,
	.cut - list.skin - black.left - menu.left - menu - top.operate a: hover.item.apply - show: before {
		color: # fff
	}.skin - black.left - menu.left - menu - top.operate.tooltip.tooltip - arrow {
		border - bottom - color: #428bca}.skin-black .left-menu .left-menu-top .operate .tooltip .tooltip-inner{background-color:# 428bca
	}.skin - black.left - menu.left - menu - top.account - info - name {
		height: 60px;
		line - height: 60px;
		border - bottom: 1px solid #32374a;padding-right:10px;white-space:nowrap;work-break:break-all;overflow:hidden;text-overflow:ellipsis}.skin-black .left-menu .left-menu-top .account-info-name .wi,.skin-black .left-menu .left-menu-top .account-info-name .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .skin-black .left-menu .left-menu-top .account-info-name .ext-apply-item.apply-show:before,.skin-black .left-menu .left-menu-top .account-info-name .cut-list .item.apply-show:before,.cut-list .skin-black .left-menu .left-menu-top .account-info-name .item.apply-show:before{font-size:28px;margin:0 10px;position:relative;top:5px}.skin-black .left-menu .left-menu-top .module-info-name{height:90px;line-height:90px;padding-right:10px;white-space:nowrap;work-break:break-all;overflow:hidden;text-overflow:ellipsis;font-size:16px}.skin-black .left-menu .left-menu-top .module-info-name .head-app-logo{width:45px;height:45px;border-radius:4px;margin:0 10px 0 20px}.skin-black .left-menu .left-menu-top .title-setting,.skin-black .left-menu .left-menu-top .title-ad,.skin-black .left-menu .left-menu-top .title-site{display:block;padding:20px}.skin-black .left-menu .left-menu-top span.label{cursor:pointer}.skin-black .left-menu .left-menu-top .popover{background-color:# fcd2ca;
		border - color: # e9b0af;
		color: #4c4c4c;width:240px}.skin-black .left-menu .left-menu-top .popover .wi,.skin-black .left-menu .left-menu-top .popover .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .skin-black .left-menu .left-menu-top .popover .ext-apply-item.apply-show:before,.skin-black .left-menu .left-menu-top .popover .cut-list .item.apply-show:before,.cut-list .skin-black .left-menu .left-menu-top .popover .item.apply-show:before,.skin-black .left-menu .left-menu-top .popover a{color:# ca4242
	}.skin - black.left - menu.left - menu - top.popover a {
		margin - left: 10px
	}.skin - black.left - menu.left - menu - top.popover.arrow: after {
		border - bottom - color: # fcd2ca
	}.skin - black.left - menu.left - menu - top.popover.popover - content {
		padding: 4px 8px
	}.skin - black.left - menu.panel {
		padding: 0;
		background - color: transparent
	}.skin - black.left - menu.panel - heading span {
		padding: 10px 20px
	}.skin - black.left - menu.panel - heading span.wi - down - sign - s {
		font - size: 20px;
		transition: transform.12s; - o - transition: -o - transform.12s; - ms - transition: -ms - transform.12s; - moz - transition: -moz - transform.12s; - webkit - transition: -webkit - transform.12s
	}.skin - black.left - menu.panel - heading span: hover {
		color: # fff
	}.skin - black.left - menu.list - group.list - group - item {
		background - color: transparent
	}.skin - black.left - menu.list - group.wi,
	.skin - black.left - menu.list - group.ext - apply - list.ext - apply - item.apply - show: before,
	.ext - apply - list.skin - black.left - menu.list - group.ext - apply - item.apply - show: before,
	.skin - black.left - menu.list - group.cut - list.item.apply - show: before,
	.cut - list.skin - black.left - menu.list - group.item.apply - show: before,
	.skin - black.left - menu.list - group.fa {
		margin - right: 15px;
		color: # adb4cc
	}.skin - black.left - menu.list - group a {
		color: # adb4cc!important
	}.skin - black.left - menu.plugin - menu.plugin - menu - main {
		background - color: #3a3f51;border-right:1px solid # 32374a
	}.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.wi,
	.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.ext - apply - list.ext - apply - item.apply - show: before,
	.ext - apply - list.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.ext - apply - item.apply - show: before,
	.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.cut - list.item.apply - show: before,
	.cut - list.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.item.apply - show: before,
	.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.fa {
		color: # adb4cc
	}.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item {
		background - color: #3a3f51;border-color:# 32374a;
		color: # adb4cc
	}.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item: hover {
		background - color: #32374a}.skin-black .left-menu .plugin-menu .plugin-menu-main .list-group .list-group-item:hover a{color:# 428bca
	}.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item.active,
	.head.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.navbar - left > li.list - group - item: hover,
	.panel - menu.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item: not(.list - group - more): hover,
	.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.panel - menu.list - group - item: not(.list - group - more): hover,
	.skin - black.panel - menu.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item: not(.list - group - more): hover,
	.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.head.navbar - left > li.list - group - item: hover,
	.skin - black.head.left - menu.plugin - menu.plugin - menu - main.list - group.navbar - left > li.list - group - item: hover {
		background - color: #32374a}.skin-black .left-menu .plugin-menu .plugin-menu-main .list-group .list-group-item.active a,.head .skin-black .left-menu .plugin-menu .plugin-menu-main .list-group .navbar-left>li.list-group-item:hover a,.panel-menu .skin-black .left-menu .plugin-menu .plugin-menu-main .list-group .list-group-item:not(.list-group-more):hover a,.skin-black .left-menu .plugin-menu .plugin-menu-main .list-group .panel-menu .list-group-item:not(.list-group-more):hover a,.skin-black .panel-menu .left-menu .plugin-menu .plugin-menu-main .list-group .list-group-item:not(.list-group-more):hover a,.skin-black .left-menu .plugin-menu .plugin-menu-main .list-group .head .navbar-left>li.list-group-item:hover a,.skin-black .head .left-menu .plugin-menu .plugin-menu-main .list-group .navbar-left>li.list-group-item:hover a{color:# 428bca!important
	}.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item.active a.wi,
	.head.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.navbar - left > li.list - group - item: hover a.wi,
	.panel - menu.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item: not(.list - group - more): hover a.wi,
	.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.panel - menu.list - group - item: not(.list - group - more): hover a.wi,
	.skin - black.panel - menu.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item: not(.list - group - more): hover a.wi,
	.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.head.navbar - left > li.list - group - item: hover a.wi,
	.skin - black.head.left - menu.plugin - menu.plugin - menu - main.list - group.navbar - left > li.list - group - item: hover a.wi,
	.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item.active a.ext - apply - list.ext - apply - item.apply - show: before,
	.ext - apply - list.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item.active a.ext - apply - item.apply - show: before,
	.head.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.navbar - left > li.list - group - item: hover a.ext - apply - list.ext - apply - item.apply - show: before,
	.ext - apply - list.head.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.navbar - left > li.list - group - item: hover a.ext - apply - item.apply - show: before,
	.panel - menu.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item: not(.list - group - more): hover a.ext - apply - list.ext - apply - item.apply - show: before,
	.ext - apply - list.panel - menu.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item: not(.list - group - more): hover a.ext - apply - item.apply - show: before,
	.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.panel - menu.list - group - item: not(.list - group - more): hover a.ext - apply - list.ext - apply - item.apply - show: before,
	.ext - apply - list.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.panel - menu.list - group - item: not(.list - group - more): hover a.ext - apply - item.apply - show: before,
	.skin - black.panel - menu.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item: not(.list - group - more): hover a.ext - apply - list.ext - apply - item.apply - show: before,
	.ext - apply - list.skin - black.panel - menu.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item: not(.list - group - more): hover a.ext - apply - item.apply - show: before,
	.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.head.navbar - left > li.list - group - item: hover a.ext - apply - list.ext - apply - item.apply - show: before,
	.ext - apply - list.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.head.navbar - left > li.list - group - item: hover a.ext - apply - item.apply - show: before,
	.skin - black.head.left - menu.plugin - menu.plugin - menu - main.list - group.navbar - left > li.list - group - item: hover a.ext - apply - list.ext - apply - item.apply - show: before,
	.ext - apply - list.skin - black.head.left - menu.plugin - menu.plugin - menu - main.list - group.navbar - left > li.list - group - item: hover a.ext - apply - item.apply - show: before,
	.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item.active a.cut - list.item.apply - show: before,
	.cut - list.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item.active a.item.apply - show: before,
	.head.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.navbar - left > li.list - group - item: hover a.cut - list.item.apply - show: before,
	.cut - list.head.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.navbar - left > li.list - group - item: hover a.item.apply - show: before,
	.panel - menu.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item: not(.list - group - more): hover a.cut - list.item.apply - show: before,
	.cut - list.panel - menu.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item: not(.list - group - more): hover a.item.apply - show: before,
	.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.panel - menu.list - group - item: not(.list - group - more): hover a.cut - list.item.apply - show: before,
	.cut - list.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.panel - menu.list - group - item: not(.list - group - more): hover a.item.apply - show: before,
	.skin - black.panel - menu.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item: not(.list - group - more): hover a.cut - list.item.apply - show: before,
	.cut - list.skin - black.panel - menu.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item: not(.list - group - more): hover a.item.apply - show: before,
	.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.head.navbar - left > li.list - group - item: hover a.cut - list.item.apply - show: before,
	.cut - list.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.head.navbar - left > li.list - group - item: hover a.item.apply - show: before,
	.skin - black.head.left - menu.plugin - menu.plugin - menu - main.list - group.navbar - left > li.list - group - item: hover a.cut - list.item.apply - show: before,
	.cut - list.skin - black.head.left - menu.plugin - menu.plugin - menu - main.list - group.navbar - left > li.list - group - item: hover a.item.apply - show: before,
	.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item.active a.fa,
	.head.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.navbar - left > li.list - group - item: hover a.fa,
	.panel - menu.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item: not(.list - group - more): hover a.fa,
	.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.panel - menu.list - group - item: not(.list - group - more): hover a.fa,
	.skin - black.panel - menu.left - menu.plugin - menu.plugin - menu - main.list - group.list - group - item: not(.list - group - more): hover a.fa,
	.skin - black.left - menu.plugin - menu.plugin - menu - main.list - group.head.navbar - left > li.list - group - item: hover a.fa,
	.skin - black.head.left - menu.plugin - menu.plugin - menu - main.list - group.navbar - left > li.list - group - item: hover a.fa {
		color: #428bca!important}.skin-black .left-menu .plugin-menu .plugin-menu-main .list-group .list-group-item.active:after,.head .skin-black .left-menu .plugin-menu .plugin-menu-main .list-group .navbar-left>li.list-group-item:hover:after,.panel-menu .skin-black .left-menu .plugin-menu .plugin-menu-main .list-group .list-group-item:hover:not(.list-group-more):after,.skin-black .left-menu .plugin-menu .plugin-menu-main .list-group .panel-menu .list-group-item:hover:not(.list-group-more):after,.skin-black .panel-menu .left-menu .plugin-menu .plugin-menu-main .list-group .list-group-item:hover:not(.list-group-more):after,.skin-black .left-menu .plugin-menu .plugin-menu-main .list-group .head .navbar-left>li.list-group-item:hover:after,.skin-black .head .left-menu .plugin-menu .plugin-menu-main .list-group .navbar-left>li.list-group-item:hover:after{background-color:# 32374a
	}.skin - black.left - menu.related - info {
		width: 100 % ;
		padding: 10px 20px
	}.skin - black.left - menu.related - info.drop - menu - right {
		margin - bottom: 15px;
		cursor: pointer
	}.skin - black.left - menu.related - info.drop - menu - right: hover {
		color: #428bca}.skin-black .left-menu .related-info .wi,.skin-black .left-menu .related-info .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .skin-black .left-menu .related-info .ext-apply-item.apply-show:before,.skin-black .left-menu .related-info .cut-list .item.apply-show:before,.cut-list .skin-black .left-menu .related-info .item.apply-show:before{font-size:24px;line-height:25px;vertical-align:middle;margin-right:10px}.skin-black .left-menu .related-info .top-view{background-color:# 495066;
		border - radius: 4px;
		padding: 0 15px
	}.skin - black.left - menu.related - info.top - view a {
		display: block;
		line - height: 42px
	}.skin - black.related - info - drop - right {
		border: 1px solid #32374a;position:absolute;display:none;background-color:# 3a3f51;
		z - index: 10
	}.skin - black.related - info - drop - right li {
		padding: 0 25px;
		line - height: 56px
	}.skin - black.related - info - drop - right li a {
		color: # adb4cc
	}.skin - black.related - info - drop - right li a: hover {
		color: #428bca}.skin-black .related-info-drop-right li .wi,.skin-black .related-info-drop-right li .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .skin-black .related-info-drop-right li .ext-apply-item.apply-show:before,.skin-black .related-info-drop-right li .cut-list .item.apply-show:before,.cut-list .skin-black .related-info-drop-right li .item.apply-show:before{font-size:24px;line-height:25px;vertical-align:middle;margin-right:10px}.skin-black .related-info-drop-right li .wi-plus{margin:0 15px}.skin-black .related-info-drop-right li+li{border-top:1px solid # 32374a
	}.fans - content {
		border: 1px solid # e7e7eb;
		overflow: hidden
	}.fans - list {
		width: 77 % ;
		float: left
	}.fans - list.we7 - panel {
		border: 0
	}.fans - list.we7 - table > tbody > tr,
	.fans - list.wechat - communication > tbody > tr {
		border - left: none;
		border - right: none
	}.fans - group - list {
		width: 23 % ;
		float: left;
		border - left: 1px solid # e7e7eb;
		border - bottom: 1px solid # e7e7eb;
		margin - bottom: -9999px;
		padding - bottom: 9999px
	}.fans - group - list dt {
		font - weight: 400
	}.fans - group - list dt a {
		padding - left: 10px
	}.fans - group - list dd a {
		padding - left: 40px
	}.fans - group - list.fans - group - item {
		line - height: 32px
	}.fans - group - list.fans - group - item a {
		color: #252424;display:block}.fans-group-list .fans-group-item.active,.fans-group-list .head .navbar-left>li.fans-group-item:hover,.head .fans-group-list .navbar-left>li.fans-group-item:hover,.fans-group-list .panel-menu .fans-group-item.list-group-item:not(.list-group-more):hover,.panel-menu .fans-group-list .fans-group-item.list-group-item:not(.list-group-more):hover{background-color:# f4f5f9
	}.fans - info td: nth - child(1).we7 - form {
		margin - top: 8px
	}.fans - info td: nth - child(2) {
		padding - left: 0!important
	}.fans - info td: nth - child(3) {
		text - align: left
	}.fans - info th.btn {
		padding - top: 4px;
		padding - bottom: 4px
	}.fans - info p {
		margin - bottom: 3px
	}.fans - info.fans - tel {
		color: #428bca;margin-left:10px;font-size:17px;vertical-align:middle;margin-top:-3px}.fans-info .remark-name{height:20px}.fans-info .send-message{margin-bottom:10px}.notice-fans-info{border:1px solid # e7e7eb;
		padding: 30px;
		margin - bottom: 30px
	}.notice - fans - info.media - heading {
		margin - bottom: 15px;
		font - size: 14px;
		color: #252424}.notice-fans-info p span{font-size:14px;color:# 98999a;
		margin - right: 40px
	}.notice - fans - info p: last - child {
		margin - bottom: 0
	}.notice - fans - list {
		margin - top: 30px
	}.notice - fans - list.notice - list - head {
		margin - bottom: 10px;
		font - size: 14px;
		color: #252424}.notice-fans-list .notice-item{padding:30px;border:1px solid # e7e7eb
	}.notice - fans - list.media - heading {
		font - size: 14px;
		color: #252424}.notice-fans-list .notice-item-time{position:relative;left:475px}.notice-fans-list .notice-item-content{width:475px;color:# 98999a;
		word - wrap: break -word
	}.notice - fans - list.notice - item - content img {
		width: 80px;
		height: 80px
	}.modal - change - group.form - group {
		margin - left: 0
	}.modal - change - group.form - group.help - block {
		margin - left: 25px
	}.credits - count - data: first - child.box {
		border - right: 1px solid # e7e7eb
	}.credits - count - data.box {
		margin: 15px 0
	}.credits - count - data.stat {
		line - height: 1.5
	}.credits - count - data strong {
		font - size: 16px
	}.profile - payment - setting.panel - body {
		padding: 30px
	}.profile - payment - setting.form - group: last - child {
		padding - bottom: 0
	}.user - head - info {
		height: 86px;
		background - color: # f8f8f8;
		border: 1px solid # e7e7eb;
		padding: 14px 15px;
		margin - bottom: 30px
	}.user - head - info.icon {
		display: inline - block;
		line - height: 55px;
		font - size: 28px;
		padding - right: 15px;
		margin - right: 15px;
		border - right: 1px solid # e7e7eb;
		vertical - align: middle;
		color: # b2b2b2
	}.user - head - info: before {
		content: '';
		display: inline - block;
		height: 100 % ;
		vertical - align: middle
	}.user - head - info.user - avatar {
		width: 54px;
		height: 54px;
		margin - right: 35px
	}.user - head - info h3 {
		font - size: 16px;
		font - weight: 400;
		color: #585858;padding:0;margin:0;line-height:54px}.user-head-info .user-edit{line-height:54px}.user-permission .panel-heading{height:55px;line-height:35px}.user-permission .permission-heading{height:40px;line-height:40px;padding-left:30px;border-bottom:1px solid # e7e7eb;
		cursor: pointer
	}.user - permission.we7 - table,
	.user - permission.wechat - communication {
		margin - bottom: 0
	}.user - permission.we7 - table > tbody > tr,
	.user - permission.wechat - communication > tbody > tr {
		border: 0
	}.user - permission.we7 - table > tbody > tr > td,
	.user - permission.wechat - communication > tbody > tr > td {
		background - color: # fff;
		text - align: left;
		border - bottom: 1px solid # e7e7eb;
		position: relative
	}.user - permission.we7 - table > tbody > tr > td: last - child,
	.user - permission.wechat - communication > tbody > tr > td: last - child {
		padding - right: 30px
	}.user - permission.we7 - table.user - self - edit,
	.user - permission.wechat - communication.user - self - edit {
		position: absolute;
		top: 10px;
		right: 30px
	}.user - permission.we7 - table ul,
	.user - permission.wechat - communication ul {
		margin - bottom: -15px;
		overflow: hidden
	}.user - permission.we7 - table li,
	.user - permission.wechat - communication li {
		display: inline - block;
		margin - right: 55px;
		margin - bottom: 15px
	}.user - permission.we7 - table.permission - apply img,
	.user - permission.wechat - communication.permission - apply img {
		margin - right: 5px;
		width: 33px;
		height: 33px;
		border - radius: 4px
	}.user - permission.we7 - table.permission - apply span,
	.user - permission.wechat - communication.permission - apply span {
		line - height: 35px
	}.user - permission.we7 - table.permission - template img,
	.user - permission.wechat - communication.permission - template img {
		margin - right: 5px;
		width: 30px;
		height: 30px
	}.user - permission.we7 - table.permission - template span,
	.user - permission.wechat - communication.permission - template span {
		line - height: 30px
	}.user - permission.permission - heading + .we7 - table > tbody > tr > td,
	.user - permission.permission - heading + .wechat - communication > tbody > tr > td {
		background - color: # f4f6f9;
		text - align: left;
		border - bottom: 1px solid # e7e7eb
	}.user - permission.permission - heading + .we7 - table > tbody > tr > td: first - child,
	.user - permission.permission - heading + .wechat - communication > tbody > tr > td: first - child {
		padding - left: 60px
	}.user - permission.permission - edit {
		width: 185px;
		text - align: left
	}.user - permission.permission - edit a {
		margin - right: 30px
	}.user - group - edit.permission - heading input[type = checkbox] + label {
		height: 28px;
		padding - left: 45px
	}.user - group - edit.permission - heading.permission - edit {
		width: auto
	}.third - bind.name {
		font - size: 16px;
		margin - bottom: 30px
	}.third - bind.name.icon {
		display: inline - block;
		width: 36px;
		height: 36px;
		text - align: center;
		line - height: 36px;
		background: #428bca;border-radius:100%;margin-right:10px}.third-bind .name .icon .wi,.third-bind .name .icon .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .third-bind .name .icon .ext-apply-item.apply-show:before,.third-bind .name .icon .cut-list .item.apply-show:before,.cut-list .third-bind .name .icon .item.apply-show:before{color:# fff
	}.third - bind.bind - qq,
	.third - bind.bind - wechat {
		text - align: center
	}.third - bind.bind - qq.icon,
	.third - bind.bind - wechat.icon {
		width: 100px;
		height: 100px;
		text - align: center;
		border - radius: 100 % ;
		background: #428bca;color:# fff;
		margin: 30px auto
	}.third - bind.bind - qq.icon.wi,
	.third - bind.bind - qq.icon.ext - apply - list.ext - apply - item.apply - show: before,
	.ext - apply - list.third - bind.bind - qq.icon.ext - apply - item.apply - show: before,
	.third - bind.bind - qq.icon.cut - list.item.apply - show: before,
	.cut - list.third - bind.bind - qq.icon.item.apply - show: before,
	.third - bind.bind - wechat.icon.wi,
	.third - bind.bind - wechat.icon.ext - apply - list.ext - apply - item.apply - show: before,
	.ext - apply - list.third - bind.bind - wechat.icon.ext - apply - item.apply - show: before,
	.third - bind.bind - wechat.icon.cut - list.item.apply - show: before,
	.cut - list.third - bind.bind - wechat.icon.item.apply - show: before {
		font - size: 48px;
		margin - top: 26px
	}.third - bind.bind - qq.btn,
	.third - bind.bind - wechat.btn {
		width: 120px;
		margin: 40px 0 30px 0
	}.adhost - income - info {
		height: 82px;
		border: 1px solid # e7e7eb
	}.adhost - income - info span {
		width: 25 % ;
		display: inline - block;
		border - right: 1px solid # e7e7eb;
		margin - right: -4px;
		line - height: 78px;
		font - size: 14px;
		color: #464646;text-align:center}.adhost-income-info span:last-child{border:0}.adhost-income-info span b{font-size:20px;font-weight:400;margin-left:20px}.table-adhost .table-adhost-name{border-right:1px solid # e7e7eb;
		text - align: left;
		padding - left: 30px
	}.table - adhost.table - adhost - income {
		border - left: 1px solid # e7e7eb;
		vertical - align: middle
	}.table - adhost > tbody > tr > th {
		padding - left: 0
	}.table - adhost > tbody > tr > td {
		padding: 15px 0
	}.table - adhost label {
		height: 12px
	}.advertiser - money - info > tbody > tr > td {
		border: 1px solid # e7e7eb;
		vertical - align: middle;
		text - align: center;
		padding - left: 0
	}.advertiser - money - info p {
		margin - bottom: 5px
	}.advertiser - money - info strong {
		color: #428bca}.media-wechat-setting{height:95px;padding:20px 15px;margin-bottom:30px;border:1px solid # e7e7eb;
		background - color: # f8f8f8
	}.media - wechat - setting.media - left {
		height: 55px
	}.media - wechat - setting.icon {
		display: inline - block;
		height: 100 % ;
		line - height: 55px;
		font - size: 28px;
		padding - right: 15px;
		margin - right: 15px;
		border - right: 1px solid # e7e7eb;
		vertical - align: middle;
		color: # b2b2b2
	}.media - wechat - setting.media - body {
		width: 660px
	}.media - wechat - setting.wechat - img {
		width: 55px;
		height: 55px
	}.media - wechat - setting.media - heading {
		font - size: 14px
	}.media - wechat - setting > .media - left {
		padding - right: 15px
	}.wechat - edit - group {
		margin - bottom: 30px
	}.wechat - edit - group.btn {
		width: auto;
		min - width: 110px
	}.wechat - menu {
		border: 1px solid # e7e7eb;
		padding - bottom: 10px
	}.wechat - menu > tbody > tr {
		border - width: 0;
		vertical - align: middle
	}.wechat - communication {
		border: 1px solid # e7e7eb;
		padding - bottom: 10px
	}.wechat - communication > tbody > tr {
		border - width: 0;
		vertical - align: middle
	}.wechat - communication p {
		line - height: 12px;
		margin: 0;
		padding: 0
	}.module - info {
		height: 115px;
		border: 1px solid # e7e7eb;
		background - color: # f4f6f9;
		padding: 16px 20px
	}.module - info.info - logo {
		width: 83px;
		height: 83px;
		border - radius: 5px;
		margin - right: 10px
	}.module - info.info - edit {
		padding - top: 25px
	}.module - info.info - edit.btn {
		width: 103px
	}.module - info.info - edit.btn + .btn {
		margin - left: 20px
	}.module - info.info - edit.data {
		margin - right: 100px
	}.module - info.media - body {
		padding - top: 15px
	}.module - info.media - body h4 {
		color: #4e4e4e;font-size:16px;margin-bottom:10px}.module-info .media-body .info-status{font-size:12px;color:# 9c9c9c
	}.module - description dl {
		margin - top: 20px
	}.module - description dt {
		color: #4e4e4e;font-size:14px;padding-bottom:20px}.module-description dt .wi,.module-description dt .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .module-description dt .ext-apply-item.apply-show:before,.module-description dt .cut-list .item.apply-show:before,.cut-list .module-description dt .item.apply-show:before{margin-right:10px}.module-description dd{margin-left:30px;color:# 989898;
		font - size: 14px;
		text - indent: -19px;
		padding - left: 19px
	}.module - description dd + dd {
		margin - top: 5px
	}.module - description dd: before {
		content: '●';
		margin - right: 5px
	}.module - description.need.need - action {
		width: 100px;
		display: inline - block;
		margin - left: 20px
	}.module - description.copyright span + span {
		margin - left: 20px
	}.module - subscription.subscription -
	switch span {
		display: block;
		float: left;
		line - height: 20px;
		margin - right: 15px
	}.module - subscription.subscription -
	switch.
	switch {
		margin - top: -5px
	}.module - subscription.panel - body {
		padding: 30px 0
	}.module - subscription.panel - body li {
		color: #989898;display:inline-block;margin-left:45px}.module-subscription .panel-body li .label{font-size:12px;transform:scale(0.8333)}# upgrade - info.modal - alert {
			margin: -60px 30px
		}
		# upgrade - info.modal - alert.alert - info {
			border - radius: 0;
			padding - left: 30px
		}
		td.module - img span.img,
		.select - module span.img,
		.combo - list - add span.img {
			display: inline - block
		}
		td.module - img.img,
		.select - module.img,
		.combo - list - add.img {
			position: relative;
			width: 50px;
			height: 50px
		}
		td.module - img.img.plugin - img,
		.select - module.img.plugin - img,
		.combo - list - add.img.plugin - img {
			width: 40px;
			height: 40px;
			border - radius: 5px;
			border: 2px solid # fff;
			position: absolute;
			left: 0;
			top: 0;
			z - index: 1
		}
		td.module - img.img.module - img,
		.select - module.img.module - img,
		.combo - list - add.img.module - img {
			width: 28px;
			height: 28px;
			border - radius: 4px;
			position: absolute;
			right: 0;
			bottom: 0
		}.user - head - info.img {
			position: relative;
			width: 54px;
			height: 54px;
			margin - right: 35px
		}.user - head - info.img.plugin - img {
			width: 44px;
			height: 44px;
			border - radius: 5px;
			border: 2px solid # fff;
			position: absolute;
			left: 0;
			top: 0;
			z - index: 1
		}.user - head - info.img.module - img {
			width: 33px;
			height: 33px;
			border - radius: 4px;
			position: absolute;
			right: 0;
			bottom: 0
		}.details - versions {
			position: relative;
			overflow: hidden;
			padding: 0!important
		}.details - versions.details - version {
			position: relative;
			overflow: hidden
		}.details - versions.details - version.details - version - time {
			width: 85px;
			min - height: 80px;
			float: left;
			margin - right: 51px;
			margin - top: 14px;
			padding - left: 25px;
			padding - right: 15px;
			text - align: center
		}.details - versions.details - version.details - version - time.time - d {
			color: #5c5c5c;font-size:30px;margin-bottom:5px}.details-versions .details-version .details-version-content{position:relative;float:left;width:760px;margin:14px 0}.details-versions .details-version .details-version-content:before{content:'';border-width:11px;border-style:solid;border-color:transparent # f2f2f2 transparent transparent;
			position: absolute;
			left: -21px;
			top: 10px
		}.details - versions.details - version.fa - circle - o {
			color: #428bca;position:absolute;top:26px;left:90px;z-index:101;background-color:# fff;
			font - size: 16px
		}.details - versions.details - version: before {
			content: '';
			width: 3px;
			position: absolute;
			top: 0;
			left: 95px;
			background: # f2f2f2;
			z - index: 100;
			bottom: 0;
			box - sizing: border - box
		}.details - versions.details - version: first - child {
			padding - top: 20px
		}.details - versions.details - version: first - child.fa - circle - o {
			top: 46px
		}.details - versions.panel - version {
			box - shadow: 0 0 0;
			border - radius: 0;
			border: 1px solid # e7e7eb
		}.details - versions.panel - version.panel - heading {
			height: 43px;
			line - height: 43px;
			padding: 0 35px;
			color: #428bca;font-size:16px;background:# f3f3f3;
			border - bottom: 3px solid # eee;
			border - top - right - radius: 0;
			border - top - left - radius: 0;
			text - align: left
		}.details - versions.panel - version.panel - heading.time - h {
			float: right;
			color: # a9a9a9
		}.details - versions.panel - version.panel - body {
			padding: 25px 35px;
			text - align: left
		}.details - versions.panel - version.panel - body img {
			max - width: 100 %
		}.plugin - list.item {
			float: left;
			width: 14.28 % ;
			text - align: center;
			font - size: 12px
		}.plugin - list.item.name {
			width: 100 % ;
			overflow: hidden;
			white - space: nowrap;
			text - overflow: ellipsis;
			font - size: 14px;
			margin - bottom: 15px
		}.plugin - list.item.price {
			color: # d80000;
			margin: 3px 0
		}.plugin - list.item.install {
			color: #9b9b9b}.plugin-list .item .img{position:relative;padding:15px;min-height:107px;width:132px;margin:0 auto}.plugin-list .item .img .plugin-img{width:66px;height:66px;border-radius:10px;border:2px solid # fff;
			position: absolute;
			left: 26px;
			top: 15px;
			z - index: 1
		}.plugin - list.item.img.module - img {
			width: 44px;
			height: 44px;
			border - radius: 10px;
			position: absolute;
			right: 26px;
			top: 48px
		}.upgrade - content.upgrade - heading h2 {
			font - size: 16px;
			color: #252424}.upgrade-content .upgrade-info th{height:74px}.upgrade-content .upgrade-info th:last-child{padding-right:30px}.upgrade-content .upgrade-info td{height:80px}.upgrade-content .upgrade-info td:last-child{padding-right:30px}.upgrade-content .upgrade-info li i{margin-right:8px}.upgrade-content li{margin-bottom:10px}.upgrade-login{text-align:center;width:310px;margin:100px auto}.upgrade-login .logo{margin:10px auto;height:40px}.upgrade-login input{height:40px}.upgrade-login .input-groups{margin-top:40px}.upgrade-login .input-groups input{border-radius:4px;margin-bottom:10px}.upgrade-login .input-group input{margin-bottom:0}.upgrade-login .imgverify{border-top-right-radius:4px;border-bottom-right-radius:4px}.upgrade-login .remember{margin:20px 0}.welcome-container .account-stat .col-sm-3{border-right:1px solid # e7e7eb;
			color: #757575}.welcome-container .account-stat .col-sm-3:last-child{border:none}.welcome-container .account-stat .title{font-size:16px}.welcome-container .account-stat .num{font-size:30px;margin:20px 0;color:# 333
		}.welcome - container.notice li {
			padding: 10px 30px
		}.welcome - container.notice li a {
			width: 80 % ;
			display: inline - block;
			line - height: 1.5;
			vertical - align: middle
		}.welcome - container.notice li.label {
			padding: 0.3em.2em
		}.welcome - container.notice li.time {
			float: right;
			display: inline - block;
			vertical - align: middle;
			text - align: right;
			line - height: 1.5
		}.welcome - container.apply - list.panel - body {
			padding: 0 15px
		}.welcome - container.apply - list.apply - item {
			display: inline - block;
			width: 13.7 % ;
			padding: 15px;
			text - align: center
		}.welcome - container.apply - list.apply - item img {
			width: 80px;
			height: 80px;
			border - radius: 8px;
			margin - bottom: 15px;
			transition: all.3s
		}.welcome - container.apply - list.apply - item span {
			display: block
		}.welcome - container.apply - list.apply - item: hover img {
			transform: scale(1.1, 1.1)
		}.welcome - container.apply - list.apply - item: hover span {
			color: #428bca}.welcome-system-home{padding:30px;border:1px solid # e7e7eb
		}.welcome - system - home.user {
			margin - bottom: 30px
		}.welcome - system - home.user.media - body {
			width: 10000px;
			overflow: hidden;
			zoom: 1
		}.welcome - system - home.user.logo {
			width: 60px;
			height: 60px;
			border - radius: 50 %
		}.welcome - system - home.user.name {
			font - size: 18px;
			color: #4c4c4c;font-weight:700;margin-bottom:10px}.welcome-system-home .user .last-time{color:# 999
		}.welcome - system - home.user.right {
			width: 280px;
			color: #4c4c4c}.welcome-system-home .user .right .switch{display:inline-block;vertical-align:-5px}.welcome-system-home .user .right .wi-info{color:# e64340
		}.welcome - system - home.user.right.wi - help {
			font - size: 36px;
			color: #999;vertical-align:middle;margin-left:40px}.welcome-system-home .create{margin-left:-1px}.welcome-system-home .create-item{border-left:1px solid # e7e7eb;
			font - size: 14px;
			color: #999}.welcome-system-home .create-item .num{font-size:36px;color:# 4c4c4c;
			padding: 0 15px
		}.welcome - system - home.message {
			padding - top: 15px;
			color: #999}.welcome-system-home .message tr{border-top:0;border-left:0;border-right:0}.welcome-system-home .message tr td{padding-left:0!important;padding-right:0!important}.welcome-system-home .message .title{color:# 4c4c4c
		}.welcome - system - home.message.title: before {
			content: '•';
			color: #428bca;margin-right:5px}.welcome-system-home .app{padding:10px}.welcome-system-home .app .app-item{float:left;width:20%;text-align:center;padding:10px}.welcome-system-home .app .app-item .content{border:1px solid # e7e7eb;
			padding: 30px;
			background - color: # f4f4f4;
			position: relative
		}.welcome - system - home.app.app - item.content: hover.mask {
			display: block
		}.welcome - system - home.app.app - item - logo {
			width: 100px;
			height: 100px;
			margin - bottom: 30px
		}.welcome - system - home.app.app - item - footer {
			display: table
		}.welcome - system - home.app.app - item - footer.type {
			display: table - cell;
			vertical - align: middle
		}.welcome - system - home.app.app - item - footer.type i {
			color: # ccc;
			font - size: 32px;
			padding - right: 8px;
			margin - right: 8px;
			border - right: 1px solid # e7e7eb
		}.welcome - system - home.app.app - item - footer.info {
			display: table - cell;
			vertical - align: middle;
			text - align: left;
			max - width: 100px
		}.welcome - system - home.app.app - item - footer.info.version {
			font - size: 10px;
			color: #999}.welcome-system-home .tooltip.right .tooltip-arrow{border-right-color:# fff
		}.welcome - system - home.tooltip.bottom.tooltip - arrow {
			border - bottom - color: # fff
		}.welcome - system - home.tooltip - inner {
			background - color: # fff;
			text - align: left;
			color: #4c4c4c;max-width:250px;border:1px solid # e7e7eb
		}.welcome - container.account - stat.col - sm - 4 {
			color: #757575;min-height:104px}.welcome-container .account-stat .col-sm-4+.col-sm-4{border-left:1px solid # e7e7eb
		}.welcome - container.account - stat.title {
			font - size: 16px;
			color: #98999a}.welcome-container .account-stat .num{font-size:30px;margin:20px 0;color:# 333
		}.welcome - container.account - stat.panel - footer {
			background - color: # fff;
			font - size: 16px
		}.welcome - container.notice.panel - heading.menu {
			font - size: 0
		}.welcome - container.notice.panel - heading.menu.topic {
			display: inline - block;
			width: 100px;
			font - size: 16px;
			text - align: center;
			border - right: 1px solid # e7e7eb;
			cursor: pointer
		}.welcome - container.notice.panel - heading.menu.topic.active,
		.welcome - container.notice.panel - heading.menu.head.navbar - left > li.topic: hover,
		.head.welcome - container.notice.panel - heading.menu.navbar - left > li.topic: hover,
		.welcome - container.notice.panel - heading.menu.panel - menu.topic.list - group - item: not(.list - group - more): hover,
		.panel - menu.welcome - container.notice.panel - heading.menu.topic.list - group - item: not(.list - group - more): hover {
			background - color: # fff
		}.welcome - container.notice.notice - tab.panel - heading {
			padding: 0 15px 0 0;
			line - height: 44px;
			height: 44px
		}.welcome - container.notice.notice - tab.list - group {
			display: none
		}.welcome - container.notice.list - group.active,
		.welcome - container.notice.head.navbar - left > li.list - group: hover,
		.head.welcome - container.notice.navbar - left > li.list - group: hover,
		.welcome - container.notice.panel - menu.list - group.list - group - item: not(.list - group - more): hover,
		.panel - menu.welcome - container.notice.list - group.list - group - item: not(.list - group - more): hover {
			display: block
		}.welcome - container.notice.list - group li: first - child {
			border - top: none
		}.welcome - container.notice.list - group li: last - child {
			border - bottom: none
		}.welcome - container.notice li {
			padding: 10px 30px
		}.welcome - container.notice li a {
			width: 80 % ;
			display: inline - block;
			line - height: 1.5;
			vertical - align: middle
		}.welcome - container.notice li.label {
			padding: 0.3em.2em
		}.welcome - container.notice li.time {
			float: right;
			display: inline - block;
			vertical - align: middle;
			text - align: right;
			line - height: 1.5
		}.welcome - container.apply - list.panel - body,
		.welcome - container.apply - upgrade.panel - body {
			padding: 15px
		}.welcome - container.apply - list.apply - item,
		.welcome - container.apply - upgrade.apply - item {
			display: inline - block;
			padding: 15px 0;
			text - align: center
		}.welcome - container.apply - list.apply - item img,
		.welcome - container.apply - upgrade.apply - item img {
			width: 60px;
			height: 60px;
			border - radius: 8px;
			margin - bottom: 15px;
			transition: all.3s
		}.welcome - container.apply - list.apply - item span,
		.welcome - container.apply - upgrade.apply - item span {
			display: block
		}.welcome - container.apply - list.apply - item: hover img,
		.welcome - container.apply - upgrade.apply - item: hover img {
			transform: scale(1.1, 1.1)
		}.welcome - container.apply - list.apply - item: hover span,
		.welcome - container.apply - upgrade.apply - item: hover span {
			color: #428bca}.welcome-container .apply-list .apply-item{width:12.5%}.welcome-container .apply-upgrade .panel-body{padding:15px 0}.welcome-container .apply-upgrade .apply-item{width:24%}.welcome-container .system-update .panel-body{padding:15px}.welcome-container .system-update .panel-body .btn{width:120px;margin:10px 0}.welcome-container .database .panel-body{padding:15px}.welcome-container .database .panel-body .day{font-size:24px;color:# 428bca
		}.welcome - container.database.panel - body.btn {
			width: 120px
		}.welcome - container.wxapp - target.col - sm - 3,
		.welcome - container.system - update.col - sm - 3,
		.welcome - container.account - stat.col - sm - 3 {
			color: #999;font-size:16px}.welcome-container .wxapp-target .col-sm-3+.col-sm-3,.welcome-container .system-update .col-sm-3+.col-sm-3,.welcome-container .account-stat .col-sm-3+.col-sm-3{border-left:1px solid # e7e7eb
		}.welcome - container.wxapp - target.col - sm - 3.title,
		.welcome - container.system - update.col - sm - 3.title,
		.welcome - container.account - stat.col - sm - 3.title {
			margin - bottom: 10px
		}.welcome - container.wxapp - target.col - sm - 3.today,
		.welcome - container.system - update.col - sm - 3.today,
		.welcome - container.account - stat.col - sm - 3.today {
			color: #4c4c4c;font-size:30px}.welcome-container .wxapp-target .col-sm-3 .yesterday,.welcome-container .wxapp-target .col-sm-3 .pipe,.welcome-container .system-update .col-sm-3 .yesterday,.welcome-container .system-update .col-sm-3 .pipe,.welcome-container .account-stat .col-sm-3 .yesterday,.welcome-container .account-stat .col-sm-3 .pipe{font-size:24px}.welcome-container .wxapp-procedure .panel-body{padding:30px}.welcome-container .wxapp-procedure .title-lg{color:# 428bca;
			font - size: 24px
		}.welcome - container.wxapp - procedure.title - md {
			color: #666;font-size:18px}.welcome-container .wxapp-procedure .procedure-diagram{text-align:center}.welcome-container .wxapp-procedure .procedure-diagram img{margin:30px auto}.we7-welcome .head{background-color:# 3f84bc;
			color: # fff;
			height: 50px
		}.we7 - welcome.head.logo {
			width: 160px;
			float: left
		}.we7 - welcome.head.logo img {
			height: 30px;
			margin - top: 10px
		}.we7 - welcome.head.nav a,
		.we7 - welcome.head.nav - right a {
			display: inline - block;
			width: 100px;
			line - height: 50px;
			text - align: center
		}.we7 - welcome.head.nav a.fa,
		.we7 - welcome.head.nav - right a.fa {
			font - size: 16px
		}.we7 - welcome.head.nav a: hover,
		.we7 - welcome.head.nav - right a: hover {
			color: #3f84bc;background-color:# fff
		}.we7 - welcome.head.nav {
			float: left
		}.we7 - welcome.head.nav - right {
			float: right
		}.we7 - welcome.content {
			background - color: # f5f5f5
		}.we7 - welcome.banner {
			text - align: center;
			position: relative;
			height: 500px;
			width: 100 % ;
			overflow: hidden
		}.we7 - welcome.banner.carousel - banner {
			width: 100 % ;
			height: 500px;
			text - align: center;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			z - index: 0
		}.we7 - welcome.banner.carousel - banner.hd {
			height: 20px;
			line - height: 20px;
			position: absolute;
			bottom: 35px;
			left: 50 % ;
			transform: translate(-50 % , 0); - webkit - transform: translate(-50 % , 0); - moz - transform: translate(-50 % , 0);
			z - index: 10;
			text - align: center
		}.we7 - welcome.banner.carousel - banner.hd li {
			width: 25px;
			height: 5px;
			background: #000;opacity:.3;margin:0 5px;float:left;cursor:pointer}.we7-welcome .banner .carousel-banner .hd li.on{background:# fff;
			opacity: .6
		}.we7 - welcome.banner.carousel - banner.bd {
			zoom: 1
		}.we7 - welcome.banner.carousel - banner.bd ul {
			position: relative
		}.we7 - welcome.banner.carousel - banner.bd ul li {
			position: absolute;
			top: 0;
			left: 0;
			width: 100 % ;
			text - align: center
		}.we7 - welcome.banner.carousel - banner.bd ul li a {
			display: block;
			width: 100 % ;
			height: 500px;
			background - repeat: no - repeat;
			background - position: center center
		}.we7 - welcome.banner.banner - inner {
			position: relative;
			z - index: 5
		}.we7 - welcome.banner.logo {
			margin - top: 125px
		}.we7 - welcome.banner.banner - state {
			font - size: 40px;
			color: # cfdae6;
			line - height: 1em;
			margin - top: 30px
		}.we7 - welcome.banner.btns {
			margin - top: 50px
		}.we7 - welcome.banner.btns a {
			display: inline - block;
			width: 180px;
			line - height: 40px;
			text - align: center;
			color: #3f84bc;font-weight:700;background-color:# fff;
			border - radius: 4px
		}.we7 - welcome.banner.btns a + a {
			margin - left: 30px
		}.we7 - welcome.notice {
			background - color: # fff;
			height: 50px;
			line - height: 50px;
			border - bottom: 1px solid # f0f0f0;
			color: #666}.we7-welcome .notice .title{width:100px;flex:none}.we7-welcome .notice .notice-con{line-height:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.we7-welcome .notice .notice-con .wi,.we7-welcome .notice .notice-con .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .we7-welcome .notice .notice-con .ext-apply-item.apply-show:before,.we7-welcome .notice .notice-con .cut-list .item.apply-show:before,.cut-list .we7-welcome .notice .notice-con .item.apply-show:before,.we7-welcome .notice .notice-con .fa{color:# cfd4e6;
			margin - right: 10px
		}.we7 - welcome.introduction - system.title,
		.we7 - welcome.introduction -
		function.title,
		.we7 - welcome.we7 - trends.title,
		.we7 - welcome.contact.title,
		.we7 - welcome.summary.title {
			padding: 50px 0;
			font - size: 28px;
			font - weight: 700;
			text - align: center
		}.we7 - welcome.introduction - system {
			background: # fff url(.. / images / bg - introduction.png) no - repeat 100 % 100 % ;
			background - size: cover
		}.we7 - welcome.introduction - system.item {
			box - sizing: border - box; - moz - box - sizing: border - box; - webkit - box - sizing: border - box;
			border: 1px solid # f0f0f0;
			width: 270px;
			padding: 10px;
			text - align: center;
			float: left;
			background - color: # fff;
			margin - bottom: 50px;
			cursor: pointer
		}.we7 - welcome.introduction - system.item + .item {
			margin - left: 40px
		}.we7 - welcome.introduction - system.item: hover.icon {
			background - color: #3f84bc}.we7-welcome .introduction-system .item:hover .icon .wi,.we7-welcome .introduction-system .item:hover .icon .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .we7-welcome .introduction-system .item:hover .icon .ext-apply-item.apply-show:before,.we7-welcome .introduction-system .item:hover .icon .cut-list .item.apply-show:before,.cut-list .we7-welcome .introduction-system .item:hover .icon .item.apply-show:before,.we7-welcome .introduction-system .item:hover .icon .fa{color:# fff
		}.we7 - welcome.introduction - system.item.icon {
			height: 150px;
			background - color: # f5f5f5
		}.we7 - welcome.introduction - system.item.icon.wi,
		.we7 - welcome.introduction - system.item.icon.ext - apply - list.ext - apply - item.apply - show: before,
		.ext - apply - list.we7 - welcome.introduction - system.item.icon.ext - apply - item.apply - show: before,
		.we7 - welcome.introduction - system.item.icon.cut - list.item.apply - show: before,
		.cut - list.we7 - welcome.introduction - system.item.icon.item.apply - show: before,
		.we7 - welcome.introduction - system.item.icon.fa {
			font - size: 76px;
			color: #3f84bc;line-height:1em;margin-top:37px}.we7-welcome .introduction-system .item .name{font-size:16px;font-weight:700;margin-top:20px}.we7-welcome .introduction-system .item .state{color:# 999;
			line - height: 1.6em;
			height: 3.2em;
			margin - top: 15px
		}.we7 - welcome.introduction -
		function {
			margin - top: 50px;
			background - color: # fff;
			margin - bottom: 50px
		}.we7 - welcome.introduction -
		function.module - item {
			width: 224px;
			height: 224px;
			box - sizing: border - box; - webkit - box - sizing: border - box; - moz - box - sizing: border - box;
			border: 1px solid # f5f5f5;
			position: relative;
			background - color: # fff;
			cursor: pointer;
			float: left;
			margin: 0 20px 20px 0
		}.we7 - welcome.introduction -
		function.module - item: nth - child(5n + 5) {
			margin - right: 0
		}.we7 - welcome.introduction -
		function.module - item.info {
			text - align: center
		}.we7 - welcome.introduction -
		function.module - item.icon {
			width: 80px;
			height: 80px;
			border - radius: 10px;
			margin: 50px 0 30px 0
		}.we7 - welcome.introduction -
		function.module - item.name {
			font - size: 16px;
			line - height: 1em;
			width: 100 % ;
			overflow: hidden;
			text - overflow: ellipsis;
			white - space: nowrap
		}.we7 - welcome.introduction -
		function.module - item: hover {
			background - color: #3f84bc}.we7-welcome .introduction-function .module-item:hover .info{display:none}.we7-welcome .introduction-function .module-item:hover .description{transition:all .3s;top:0;opacity:1}.we7-welcome .introduction-function .module-item .description{width:224px;height:224px;color:# fff;
			position: absolute;
			top: 20 % ;
			left: 0;
			opacity: 0
		}.we7 - welcome.introduction -
		function.module - item.description.name {
			font - size: 16px;
			font - weight: 700;
			padding: 0 20px
		}.we7 - welcome.introduction -
		function.module - item.description.name span {
			display: inline - block;
			padding: 20px 0;
			border - bottom: 1px solid # fff
		}.we7 - welcome.introduction -
		function.module - item.description.state {
			padding: 20px;
			margin - bottom: 20px;
			height: 140px;
			overflow: hidden
		}.we7 - welcome.carousel: hover.carousel - control {
			display: block
		}.we7 - welcome.carousel - indicators {
			bottom: 0
		}.we7 - welcome.carousel - indicators li {
			border - color: # ebebeb
		}.we7 - welcome.carousel - indicators.active,
		.we7 - welcome.carousel - indicators.head.navbar - left > li: hover,
		.head.we7 - welcome.carousel - indicators.navbar - left > li: hover,
		.we7 - welcome.carousel - indicators.panel - menu.list - group - item: not(.list - group - more): hover,
		.panel - menu.we7 - welcome.carousel - indicators.list - group - item: not(.list - group - more): hover {
			background - color: #428bca;border-color:# 428bca
		}.we7 - welcome.carousel - control {
			background - image: none;
			text - shadow: none;
			width: 36px;
			height: 100px;
			background: rgba(63, 132, 255, .1);
			top: 50 % ;
			opacity: 1;
			margin - top: -50px;
			display: none;
			z - index: 10;
			text - align: center
		}.we7 - welcome.carousel - control: hover,
		.we7 - welcome.carousel - control: focus {
			opacity: 1
		}.we7 - welcome.carousel - control.wi,
		.we7 - welcome.carousel - control.ext - apply - list.ext - apply - item.apply - show: before,
		.ext - apply - list.we7 - welcome.carousel - control.ext - apply - item.apply - show: before,
		.we7 - welcome.carousel - control.cut - list.item.apply - show: before,
		.cut - list.we7 - welcome.carousel - control.item.apply - show: before {
			line - height: 100px;
			font - size: 20px;
			color: #428bca;font-weight:700}.we7-welcome .we7-trends{background:# fff url(.. / images / bg - trends.png) no - repeat 100 % 100 % ;
			background - size: cover;
			margin - bottom: 50px;
			padding - bottom: 50px
		}.we7 - welcome.we7 - trends.trends - item {
			width: 380px;
			height: 330px;
			box - sizing: border - box; - webkit - box - sizing: border - box; - moz - box - sizing: border - box;
			padding: 20px;
			background: rgba(255, 255, 255, .8);
			float: left;
			border: 1px solid # e7eaeb
		}.we7 - welcome.we7 - trends.trends - item + .trends - item {
			margin - left: 30px
		}.we7 - welcome.we7 - trends.trends - item.name {
			height: 150px;
			padding: 20px;
			color: # fff;
			font - size: 18px;
			font - weight: 700;
			background: # fff url(.. / images / bg - trends - title.png) no - repeat 100 % 100 % ;
			background - size: cover
		}.we7 - welcome.we7 - trends.trends - item.state {
			margin: 15px 0;
			height: 3.2em;
			line - height: 1.6em;
			overflow: hidden
		}.we7 - welcome.we7 - trends.trends - item.date {
			color: #999;margin-bottom:15px}.we7-welcome .we7-trends .trends-item .btn-detail{text-align:center}.we7-welcome .we7-trends .trends-item .btn-detail a{display:inline-block;width:100px;text-align:center;background-color:# fff;
			line - height: 30px
		}.we7 - welcome.we7 - trends.trends - item.btn - detail a: hover {
			color: # fff;
			background - color: #3f84bc}.we7-welcome .summary{background-color:# fff;
			padding: 50px 0
		}.we7 - welcome.summary.img - company {
			flex: none;
			width: 480px
		}.we7 - welcome.summary.info {
			width: 720px;
			padding - right: 40px;
			font - size: 16px;
			line - height: 2
		}.we7 - welcome.contact {
			background: # fff url(.. / images / bg - contact.png) no - repeat 100 % 100 % ;
			background - size: cover;
			padding - bottom: 50px
		}.we7 - welcome.contact.map - img {
			flex: none;
			width: 480px;
			height: 360px;
			background - color: # f5f5f5
		}.we7 - welcome.contact.map - img.map {
			width: 100 % ;
			height: 350px
		}.we7 - welcome.contact.info {
			background - color: # fff;
			padding: 5px 50px
		}.we7 - welcome.contact.info > div {
			margin: 25px 0;
			height: 40px;
			line - height: 40px
		}.we7 - welcome.contact.info.icon {
			display: inline - block;
			width: 40px;
			height: 40px;
			border: 1px solid # e6e6e6;
			border - radius: 100 % ;
			text - align: center;
			margin - right: 15px
		}.we7 - welcome.contact.info.icon.wi,
		.we7 - welcome.contact.info.icon.ext - apply - list.ext - apply - item.apply - show: before,
		.ext - apply - list.we7 - welcome.contact.info.icon.ext - apply - item.apply - show: before,
		.we7 - welcome.contact.info.icon.cut - list.item.apply - show: before,
		.cut - list.we7 - welcome.contact.info.icon.item.apply - show: before,
		.we7 - welcome.contact.info.icon.fa {
			font - size: 20px;
			line - height: 1em;
			margin - top: 10px;
			color: #3f84bc}.marbot0{margin-bottom:0}.clear{width:100%;height:0;clear:both}.form-area{margin:1px 0;padding:10px 15px;background:# F5F5F5
		}.card - title {
			background: url(.. / images / card.png) no - repeat scroll 0 - 84px transparent;
			color: # fff;
			font - size: 17px;
			height: 62px;
			line - height: 85px;
			text - align: center
		}.shop - panel {
			padding: 21px 12px 12px;
			color: # FFF;
			position: relative
		}.logo - area {
			margin - bottom: 7px
		}.logo - area.logo {
			width: 38px;
			height: 38px;
			padding - top: 0;
			margin - right: 7px;
			border - radius: 22px;
			border: 1px solid # d3d3d3
		}.logo - area.logo img {
			width: 38px;
			height: 38px;
			border - radius: 22px
		}.tick - msg {
			text - align: center;
			margin - bottom: 6px;
			color: # fff
		}.tick - msg b {
			font - weight: 400;
			font - size: 24px;
			color: # fff
		}.tick - time {
			text - align: center;
			color: # fff
		}.deco {
			position: absolute;
			bottom: -1px;
			left: 0;
			width: 100 % ;
			height: 5px;
			background: url(.. / images / card_tpl.png) repeat - x
		}.card - dispose {
			padding: 15px 0;
			border - bottom: 1px solid # e7e7eb;
			margin - bottom: 15px;
			background: # fff;
			position: relative
		}.unset {
			height: 30px;
			line - height: 30px;
			padding - left: 15px;
			display: none
		}.barcode {
			width: 320px;
			height: 71px;
			margin: 0 auto;
			background: url(.. / images / card.png) 27px - 156px no - repeat
		}.qrcode {
			width: 320px;
			height: 174px;
			margin: 0 auto;
			background: url(.. / images / card.png) 70px - 237px no - repeat
		}.sn - area {
			text - align: center;
			font - size: 25px;
			color: #000}.code_num{font-size:15px;text-align:center;margin-bottom:10px}.list{border-top:1px solid # e7e7eb;
			border - bottom: 1px solid # e7e7eb;
			background: # fff;
			padding: 0
		}.list li {
			padding - left: 15px;
			list - style: none;
			position: relative
		}.li - panel {
			padding: 11px 30px 11px 0;
			display: block;
			border - bottom: 1px solid # e7e7eb
		}.ricon {
			position: absolute;
			right: 20px;
			top: 15px
		}.cicon {
			position: absolute;
			left: 50 % ;
			top: 25 % ;
			display: none
		}.hover {
			background: # E9E9E9;
			opacity: .8
		}.arrow_in {
			position: absolute;
			width: 0;
			height: 0;
			border - width: 12px;
			border - style: dashed;
			border - color: transparent;
			top: 120px;
			left: -13px;
			border - left - width: 0;
			border - right - color: # f4f5f9;
			border - right - style: solid
		}.code_preview {
			display: none
		}
		# newUploaderImg.modal - dialog,
		.uploader - modal.modal - dialog {
			width: 1088px
		}
		# newUploaderImg.modal - header,
		.uploader - modal.modal - header {
			border - bottom: 1px solid # e7e7eb;
			padding: 15px 20px
		}
		# newUploaderImg.modal - header.modal - title,
		.uploader - modal.modal - header.modal - title {
			font - size: 16px
		}
		# newUploaderImg.modal - footer.count,
		.uploader - modal.modal - footer.count {
			display: inline - block;
			height: 34px;
			line - height: 34px
		}
		# newUploaderImg.modal - footer.btn -
	default.disabled,
		.uploader - modal.modal - footer.btn -
	default.disabled {
			background - color: # E7E7EB
		}
		# newUploaderImg.modal - body,
		.uploader - modal.modal - body {
			padding: 0;
			max - height: 710px;
			overflow: hidden
		}
		# newUploaderImg.modal - body.nav.nav - pills,
		.uploader - modal.modal - body.nav.nav - pills {
			float: left;
			width: 150px;
			border - right: 1px solid # e7e7eb;
			padding - bottom: 999px;
			margin - bottom: -999px
		}
		# newUploaderImg.modal - body.nav.nav - pills li,
		.uploader - modal.modal - body.nav.nav - pills li {
			height: 34px;
			line - height: 34px;
			margin: 0;
			padding - left: 15px
		}
		# newUploaderImg.modal - body.nav.nav - pills li a,
		.uploader - modal.modal - body.nav.nav - pills li a {
			color: #252424}# newUploaderImg.modal - body.nav.nav - pills li.active,
			# newUploaderImg.modal - body.nav.nav - pills.head.navbar - left > li: hover,
			.head # newUploaderImg.modal - body.nav.nav - pills.navbar - left > li: hover,
			# newUploaderImg.modal - body.nav.nav - pills.panel - menu li.list - group - item: not(.list - group - more): hover,
			.panel - menu # newUploaderImg.modal - body.nav.nav - pills li.list - group - item: not(.list - group - more): hover,
			# newUploaderImg.modal - body.nav.nav - pills li: hover,
			.uploader - modal.modal - body.nav.nav - pills li.active,
			.uploader - modal.modal - body.nav.nav - pills.head.navbar - left > li: hover,
			.head.uploader - modal.modal - body.nav.nav - pills.navbar - left > li: hover,
			.uploader - modal.modal - body.nav.nav - pills.panel - menu li.list - group - item: not(.list - group - more): hover,
			.panel - menu.uploader - modal.modal - body.nav.nav - pills li.list - group - item: not(.list - group - more): hover,
			.uploader - modal.modal - body.nav.nav - pills li: hover {
				background - color: # f4f5f9
			}
			# newUploaderImg.modal - body.row,
			.uploader - modal.modal - body.row {
				margin: -10px
			}
			# newUploaderImg.modal - body.col - sm - 2,
			# newUploaderImg.modal - body.col - sm - 3,
			# newUploaderImg.modal - body.col - sm - 4,
			.uploader - modal.modal - body.col - sm - 2,
			.uploader - modal.modal - body.col - sm - 3,
			.uploader - modal.modal - body.col - sm - 4 {
				padding: 10px;
				overflow: hidden;
				box - sizing: border - box;
				cursor: pointer
			}
			# newUploaderImg.tab - content,
			.uploader - modal.tab - content {
				width: 935px;
				height: 100 % ;
				float: left
			}
			# newUploaderImg.news.tab - content,
			.uploader - modal.news.tab - content {
				height: 370px;
				overflow: hidden
			}
			# newUploaderImg.news.material - appmsg - item,
			.uploader - modal.news.material - appmsg - item {
				width: 100 %
			}
			# newUploaderImg.news # material - list - pager,
			.uploader - modal.news # material - list - pager {
				float: right;
				height: 64px;
				padding - bottom: 15px;
				padding - right: 15px
			}
			# newUploaderImg.basic.modal - body,
			.uploader - modal.basic.modal - body {
				padding: 30px
			}
			# newUploaderImg.basic.modal - body.tab - content,
			.uploader - modal.basic.modal - body.tab - content {
				width: 100 % ;
				float: none;
				margin - top: 1px
			}
			# newUploaderImg.basic.modal - body.tab - content textarea,
			.uploader - modal.basic.modal - body.tab - content textarea {
				width: 100 %
			}
			# newUploaderImg.music.modal - body,
			.uploader - modal.music.modal - body {
				padding: 30px
			}
			# newUploaderImg.voice.tab - content,
			# newUploaderImg.video.tab - content,
			# newUploaderImg.image.tab - content,
			# newUploaderImg.module.tab - content,
			.uploader - modal.voice.tab - content,
			.uploader - modal.video.tab - content,
			.uploader - modal.image.tab - content,
			.uploader - modal.module.tab - content {
				width: 100 % ;
				padding: 15px;
				float: none
			}
			# newUploaderImg.voice # material - list - pager,
			# newUploaderImg.video # material - list - pager,
			# newUploaderImg.image # material - list - pager,
			# newUploaderImg.module # material - list - pager,
			.uploader - modal.voice # material - list - pager,
			.uploader - modal.video # material - list - pager,
			.uploader - modal.image # material - list - pager,
			.uploader - modal.module # material - list - pager {
				float: right;
				height: 64px;
				padding - bottom: 15px;
				padding - right: 15px
			}
			# newUploaderImg.image.material - body,
			.uploader - modal.image.material - body {
				padding: 0;
				position: relative;
				overflow - y: hidden
			}
			# newUploaderImg.image.material - body.selected - all,
			.uploader - modal.image.material - body.selected - all {
				width: 915px;
				padding: 10px 30px;
				background: # fff;
				position: absolute;
				left: 170px;
				bottom: -1px;
				z - index: 20
			}
			# newUploaderImg.image.tab - content,
			.uploader - modal.image.tab - content {
				height: 460px;
				padding: 15px 7px
			}
			# newUploaderImg.image.tab - content.history.img - list,
			.uploader - modal.image.tab - content.history.img - list {
				margin: 0
			}
			# newUploaderImg.image.category,
			.uploader - modal.image.category {
				width: 170px;
				height: 460px;
				overflow - y: auto;
				border - right: 1px solid # e7e7eb;
				background: # f4f5f9;
				float: left
			}
			# newUploaderImg.image.category.add,
			.uploader - modal.image.category.add {
				line - height: 44px;
				text - align: center;
				background: # fff;
				border - bottom: 1px solid # e7e7eb
			}
			# newUploaderImg.image.category li,
			.uploader - modal.image.category li {
				line - height: 44px;
				background: 0 0
			}
			# newUploaderImg.image.category li: hover.name.setting,
			.uploader - modal.image.category li: hover.name.setting {
				display: block
			}
			# newUploaderImg.image.category li.wi - file,
			.uploader - modal.image.category li.wi - file {
				color: # edce86;
				margin - right: 10px
			}
			# newUploaderImg.image.category li.active,
			# newUploaderImg.image.category.head.navbar - left > li: hover,
			.head # newUploaderImg.image.category.navbar - left > li: hover,
			# newUploaderImg.image.category.panel - menu li.list - group - item: not(.list - group - more): hover,
			.panel - menu # newUploaderImg.image.category li.list - group - item: not(.list - group - more): hover,
			# newUploaderImg.image.category li: hover,
			.uploader - modal.image.category li.active,
			.uploader - modal.image.category.head.navbar - left > li: hover,
			.head.uploader - modal.image.category.navbar - left > li: hover,
			.uploader - modal.image.category.panel - menu li.list - group - item: not(.list - group - more): hover,
			.panel - menu.uploader - modal.image.category li.list - group - item: not(.list - group - more): hover,
			.uploader - modal.image.category li: hover {
				background: # fff
			}
			# newUploaderImg.image.category li.name,
			.uploader - modal.image.category li.name {
				width: 100 % ;
				padding: 0 30px 0 20px;
				overflow: hidden;
				white - space: nowrap;
				text - overflow: ellipsis;
				position: relative;
				cursor: pointer
			}
			# newUploaderImg.image.category li.name.setting,
			.uploader - modal.image.category li.name.setting {
				position: absolute;
				right: 2px;
				top: 0;
				cursor: pointer;
				color: #428bca;display:none}# newUploaderImg.image.category li input,
				.uploader - modal.image.category li input {
					display: inline - block;
					width: 90px
				}
				# newUploaderImg.image.category li.edit,
				.uploader - modal.image.category li.edit {
					padding: 0 20px;
					border - top: 1px solid # f5f5f5;
					display: none
				}
				# newUploaderImg.image.category li.edit.show,
				.uploader - modal.image.category li.edit.show {
					display: block
				}
				# newUploaderImg.image.category li.edit a,
				.uploader - modal.image.category li.edit a {
					display: inline - block;
					margin: 0 5px
				}
				# newUploaderImg.image.category li.edit a.wi,
				# newUploaderImg.image.category li.edit a.ext - apply - list.ext - apply - item.apply - show: before,
				.ext - apply - list # newUploaderImg.image.category li.edit a.ext - apply - item.apply - show: before,
				# newUploaderImg.image.category li.edit a.cut - list.item.apply - show: before,
				.cut - list # newUploaderImg.image.category li.edit a.item.apply - show: before,
				.uploader - modal.image.category li.edit a.wi,
				.uploader - modal.image.category li.edit a.ext - apply - list.ext - apply - item.apply - show: before,
				.ext - apply - list.uploader - modal.image.category li.edit a.ext - apply - item.apply - show: before,
				.uploader - modal.image.category li.edit a.cut - list.item.apply - show: before,
				.cut - list.uploader - modal.image.category li.edit a.item.apply - show: before {
					font - size: 14px
				}
				# newUploaderImg.image.img - container,
				.uploader - modal.image.img - container {
					padding: 10px 10px 41px;
					flex - wrap: wrap;
					margin - left: 171px;
					max - height: 460px;
					overflow - y: auto
				}
				# newUploaderImg.image.img - container.item,
				.uploader - modal.image.img - container.item {
					flex: none;
					position: relative;
					width: calc(20 % -20px);
					margin: 10px;
					text - align: center;
					vertical - align: middle;
					background - color: # eee;
					background - size: contain;
					background - repeat: no - repeat;
					background - position: 50 % 50 %
				}
				# newUploaderImg.image.img - container.item: before,
				.uploader - modal.image.img - container.item: before {
					content: "";
					display: inline - block;
					padding - bottom: 100 % ;
					width: .1px;
					vertical - align: middle
				}
				# newUploaderImg.image.img - container.item.name,
				.uploader - modal.image.img - container.item.name {
					position: absolute;
					bottom: 0;
					left: 0;
					width: 100 % ;
					line - height: 34px;
					background: rgba(0, 0, 0, .5);
					color: # fff;
					padding: 0 20px;
					text - align: left;
					z - index: 2
				}
				# newUploaderImg.image.img - net,
				.uploader - modal.image.img - net {
					font - size: 18px
				}
				# newUploaderImg.image.img - net.img,
				.uploader - modal.image.img - net.img {
					width: auto;
					height: 200px;
					margin: 50px 0 20px 0
				}
				# newUploaderImg.image.img - net input,
				.uploader - modal.image.img - net input {
					width: 500px;
					margin: 10px auto
				}
				# newUploaderImg.image.img - net.btn,
				.uploader - modal.image.img - net.btn {
					width: 120px;
					margin: 10px 0
				}
				# newUploaderImg.keyword.tab - content,
				.uploader - modal.keyword.tab - content {
					width: 100 % ;
					height: 310px;
					padding: 15px;
					float: none
				}
				# newUploaderImg.keyword.material - content,
				.uploader - modal.keyword.material - content {
					padding: 0
				}
				# newUploaderImg.keyword.row,
				.uploader - modal.keyword.row {
					margin: -10px
				}
				# newUploaderImg.keyword.col - sm - 2,
				.uploader - modal.keyword.col - sm - 2 {
					padding: 10px;
					overflow: hidden;
					box - sizing: border - box;
					cursor: pointer
				}
				# newUploaderImg.keyword.col - sm - 2 a,
				.uploader - modal.keyword.col - sm - 2 a {
					display: block;
					width: 100 % ;
					height: 75px;
					position: relative;
					cursor: pointer;
					border: 1px solid # e7e7eb;
					text - align: center
				}
				# newUploaderImg.keyword.col - sm - 2 a span,
				.uploader - modal.keyword.col - sm - 2 a span {
					display: inline - block;
					width: 94 % ;
					padding: 0 3 % ;
					max - height: 54px;
					line - height: 18px;
					overflow: hidden;
					box - sizing: border - box;
					white - space: normal;
					position: absolute;
					top: 50 % ;
					left: 50 % ; - webkit - transform: translate(-50 % , -50 % ); - o - transform: translate(-50 % , -50 % ); - moz - transform: translate(-50 % , -50 % );
					transform: translate(-50 % , -50 % )
				}
				# newUploaderImg.keyword.col - sm - 2.active a,
				# newUploaderImg.keyword.head.navbar - left > li.col - sm - 2: hover a,
				.head # newUploaderImg.keyword.navbar - left > li.col - sm - 2: hover a,
				# newUploaderImg.keyword.panel - menu.col - sm - 2.list - group - item: not(.list - group - more): hover a,
				.panel - menu # newUploaderImg.keyword.col - sm - 2.list - group - item: not(.list - group - more): hover a,
				# newUploaderImg.keyword.col - sm - 2: hover a,
				.uploader - modal.keyword.col - sm - 2.active a,
				.uploader - modal.keyword.head.navbar - left > li.col - sm - 2: hover a,
				.head.uploader - modal.keyword.navbar - left > li.col - sm - 2: hover a,
				.uploader - modal.keyword.panel - menu.col - sm - 2.list - group - item: not(.list - group - more): hover a,
				.panel - menu.uploader - modal.keyword.col - sm - 2.list - group - item: not(.list - group - more): hover a,
				.uploader - modal.keyword.col - sm - 2: hover a {
					background - color: # f4f6f9;
					color: #428bca}# newUploaderImg.module.tab - content,
					.uploader - modal.module.tab - content {
						padding: 15px 7px
					}
					# newUploaderImg.module.img - list,
					.uploader - modal.module.img - list {
						margin: 0
					}
					# newUploaderImg.module.img - list img,
					.uploader - modal.module.img - list img {
						margin: 17px 0 4px 0
					}
					# newUploaderImg.module.col - sm - 2.item,
					.uploader - modal.module.col - sm - 2.item {
						position: relative;
						width: 100 % ;
						text - align: center;
						border: 1px solid # e7e7eb
					}
					# newUploaderImg.module.col - sm - 2.item: before,
					.uploader - modal.module.col - sm - 2.item: before {
						content: "";
						display: inline - block;
						padding - bottom: 100 % ;
						width: .1px;
						vertical - align: middle
					}
					# newUploaderImg.module.col - sm - 2.item.icon,
					.uploader - modal.module.col - sm - 2.item.icon {
						width: 80px;
						height: 80px;
						border - radius: 10px;
						vertical - align: middle
					}
					# newUploaderImg.module.col - sm - 2.item.name,
					.uploader - modal.module.col - sm - 2.item.name {
						position: absolute;
						bottom: 0;
						left: 0;
						width: 100 % ;
						line - height: 34px;
						background: rgba(0, 0, 0, .5);
						color: # fff;
						padding: 0 20px;
						text - align: left;
						z - index: 2
					}
					# newUploaderImg.video.col - sm - 3.item,
					# newUploaderImg.voice.col - sm - 3.item,
					.uploader - modal.video.col - sm - 3.item,
					.uploader - modal.voice.col - sm - 3.item {
						position: relative;
						width: 100 % ;
						height: 150px;
						text - align: center;
						border: 1px solid # e7e7eb
					}
					# newUploaderImg.video.col - sm - 3.item.icon,
					# newUploaderImg.voice.col - sm - 3.item.icon,
					.uploader - modal.video.col - sm - 3.item.icon,
					.uploader - modal.voice.col - sm - 3.item.icon {
						width: 60px;
						height: 60px;
						margin - top: 18px
					}
					# newUploaderImg.video.col - sm - 3.item.time,
					# newUploaderImg.voice.col - sm - 3.item.time,
					.uploader - modal.video.col - sm - 3.item.time,
					.uploader - modal.voice.col - sm - 3.item.time {
						color: #999;line-height:34px}# newUploaderImg.video.col - sm - 3.item.name,
						# newUploaderImg.voice.col - sm - 3.item.name,
						.uploader - modal.video.col - sm - 3.item.name,
						.uploader - modal.voice.col - sm - 3.item.name {
							position: absolute;
							bottom: 0;
							left: 0;
							width: 100 % ;
							line - height: 34px;
							background: rgba(0, 0, 0, .5);
							color: # fff;
							padding: 0 20px;
							text - align: left;
							z - index: 2
						}
						# newUploaderImg.modal - body.image,
						# newUploaderImg.modal - body.thumb {
							height: 459px
						}
						# newUploaderImg.modal - body # wx.tablepanel - top,
						# newUploaderImg.modal - body # local.tablepanel - top {
							padding: 10px 15px;
							line - height: 34px;
							border - bottom: 1px solid # e7e7eb
						}
						# newUploaderImg.modal - body # wx.tablepanel - top span,
						# newUploaderImg.modal - body # local.tablepanel - top span {
							color: #999;display:inline-block;margin-right:20px}# newUploaderImg.modal - body # wx.tablepanel - con,
							# newUploaderImg.modal - body # local.tablepanel - con {
								padding: 15px
							}
							# newUploaderImg.modal - body # wx.tablepanel - con input[type = text].form - control,
							# newUploaderImg.modal - body # local.tablepanel - con input[type = text].form - control {
								border - radius: 4px
							}
							# newUploaderImg.modal - body # wx.tablepanel - con.empty,
							# newUploaderImg.modal - body # local.tablepanel - con.empty {
								height: 330px;
								line - height: 330px;
								text - align: center;
								font - size: 18px
							}
							# newUploaderImg.modal - body # wx.tablepanel - con.fa,
							# newUploaderImg.modal - body # local.tablepanel - con.fa {
								margin: 0
							}
							# newUploaderImg.modal - body # wx.tablepanel - con.item,
							# newUploaderImg.modal - body # local.tablepanel - con.item {
								float: left;
								border: 1px solid # e7e7eb;
								width: 120px;
								height: 150px;
								margin: 0 15px 15px 0
							}
							# newUploaderImg.modal - body # wx.tablepanel - con.item.img,
							# newUploaderImg.modal - body # local.tablepanel - con.item.img {
								position: relative;
								overflow: hidden;
								width: 100 % ;
								height: 114px;
								text - align: center;
								background - color: # f4f5f9;
								background - size: contain;
								background - repeat: no - repeat;
								background - position: 50 % 50 % ;
								cursor: pointer
							}
							# newUploaderImg.modal - body # wx.tablepanel - con.item.img.cover,
							# newUploaderImg.modal - body # local.tablepanel - con.item.img.cover {
								display: none;
								position: absolute;
								top: 0;
								left: 0;
								width: 100 % ;
								height: 100 % ;
								text - align: center;
								line - height: 114px;
								background: rgba(0, 0, 0, .6);
								color: # fff
							}
							# newUploaderImg.modal - body # wx.tablepanel - con.item.img.cover.wi,
							# newUploaderImg.modal - body # wx.tablepanel - con.item.img.cover.ext - apply - list.ext - apply - item.apply - show: before,
							.ext - apply - list # newUploaderImg.modal - body # wx.tablepanel - con.item.img.cover.ext - apply - item.apply - show: before,
							# newUploaderImg.modal - body # wx.tablepanel - con.item.img.cover.cut - list.item.apply - show: before,
							.cut - list # newUploaderImg.modal - body # wx.tablepanel - con.item.img.cover.item.apply - show: before,
							# newUploaderImg.modal - body # local.tablepanel - con.item.img.cover.wi,
							# newUploaderImg.modal - body # local.tablepanel - con.item.img.cover.ext - apply - list.ext - apply - item.apply - show: before,
							.ext - apply - list # newUploaderImg.modal - body # local.tablepanel - con.item.img.cover.ext - apply - item.apply - show: before,
							# newUploaderImg.modal - body # local.tablepanel - con.item.img.cover.cut - list.item.apply - show: before,
							.cut - list # newUploaderImg.modal - body # local.tablepanel - con.item.img.cover.item.apply - show: before {
								font - size: 48px
							}
							# newUploaderImg.modal - body # wx.tablepanel - con.item.img - title,
							# newUploaderImg.modal - body # local.tablepanel - con.item.img - title {
								text - align: center;
								width: 100 % ;
								height: 34px;
								line - height: 34px;
								overflow: hidden;
								white - space: nowrap;
								text - overflow: ellipsis
							}
							# newUploaderImg.modal - body # wx.tablepanel - con.item.selected.cover,
							# newUploaderImg.modal - body # wx.tablepanel - con.site - template.item.lock.cover,
							.site - template # newUploaderImg.modal - body # wx.tablepanel - con.item.lock.cover,
							# newUploaderImg.modal - body # wx.tablepanel - con.system - template.item.lock.cover,
							.system - template # newUploaderImg.modal - body # wx.tablepanel - con.item.lock.cover,
							# newUploaderImg.modal - body # local.tablepanel - con.item.selected.cover,
							# newUploaderImg.modal - body # local.tablepanel - con.site - template.item.lock.cover,
							.site - template # newUploaderImg.modal - body # local.tablepanel - con.item.lock.cover,
							# newUploaderImg.modal - body # local.tablepanel - con.system - template.item.lock.cover,
							.system - template # newUploaderImg.modal - body # local.tablepanel - con.item.lock.cover {
								display: block
							}
							# newUploaderImg.modal - body # link {
								padding: 30px
							}
							# newUploaderImg.modal - body # link.item {
								border: 1px solid # e7e7eb;
								width: 120px;
								height: 150px;
								margin - right: 30px;
								float: left
							}
							# newUploaderImg.modal - body # link.item.img {
								position: relative;
								overflow: hidden;
								width: 100 % ;
								height: 114px;
								text - align: center;
								background - color: # f4f5f9;
								background - size: contain;
								background - repeat: no - repeat;
								background - position: 50 % 50 %
							}
							# newUploaderImg.modal - body # link.item.img.cover {
								display: none;
								position: absolute;
								top: 0;
								left: 0;
								width: 100 % ;
								height: 100 % ;
								text - align: center;
								line - height: 114px;
								background: rgba(0, 0, 0, .6);
								color: # fff
							}
							# newUploaderImg.modal - body # link.item.img.cover.wi,
							# newUploaderImg.modal - body # link.item.img.cover.ext - apply - list.ext - apply - item.apply - show: before,
							.ext - apply - list # newUploaderImg.modal - body # link.item.img.cover.ext - apply - item.apply - show: before,
							# newUploaderImg.modal - body # link.item.img.cover.cut - list.item.apply - show: before,
							.cut - list # newUploaderImg.modal - body # link.item.img.cover.item.apply - show: before {
								font - size: 48px
							}
							# newUploaderImg.modal - body # link.item.img - title {
								text - align: center;
								width: 100 % ;
								height: 34px;
								line - height: 34px;
								overflow: hidden;
								white - space: nowrap;
								text - overflow: ellipsis
							}
							# newUploaderImg.modal - body # link.link {
								float: left;
								width: 450px
							}
							# newUploaderImg.modal - body # link.link.state {
								font - size: 18px;
								color: #999;margin:15px 0}# newUploaderImg.modal - body # link.link button {
									min - width: 105px;
									margin: 15px 0
								}.uploader - modal.tablepanel - top {
									padding: 10px 15px;
									line - height: 34px;
									border - bottom: 1px solid # e7e7eb
								}.uploader - modal.tablepanel - top span {
									color: #999;display:inline-block;margin-right:20px}.uploader-modal .tablepanel-con{padding:15px 0}.uploader-modal .graphic-list{overflow-x:hidden;overflow-y:auto;height:310px}.skin-black .footer{background-color:# fff;
									line - height: 22px;
									padding: 14px 30px;
									color: #6e7799;text-align:center;clear:both;overflow:hidden;position:relative}.skin-black .footer:before{content:'';width:100%;height:1px;background-color:# e7e7eb;
									position: absolute;
									top: 0;
									left: 0;
									right: 0
								}.skin - black.footer.friend - link a {
									padding: 0 10px;
									border - right: 1px solid # e7e7eb
								}.skin - black.right - content.footer {
									margin - left: -29px;
									margin - right: -30px
								}.cut - list {
									margin: 35px - 30px 35px 0
								}.cut - list.apply {
									padding: 0
								}.cut - list.item {
									width: 210px;
									height: 220px;
									border: 1px solid # e7e7eb;
									background - color: # f4f4f4;
									position: relative;
									margin: 0 22px 22px 0;
									float: left;
									cursor: pointer
								}.cut - list.item: hover.mask {
									display: block
								}.cut - list.item.apply - show: before {
									position: absolute;
									z - index: 2;
									left: 2px;
									top: 2px;
									color: # fff;
									font - size: 16px
								}.cut - list.item.apply - show: after {
									content: '';
									position: absolute;
									z - index: 1;
									left: 0;
									top: 0;
									border - top: 30px solid #428bca;border-right:37px solid transparent}.cut-list .content{text-align:center}.cut-list .content .icon{width:90px;height:90px;margin:30px 0 10px 0}.cut-list .content .icon-account{width:110px;height:110px;margin:25px 0 15px 0}.cut-list .content .type{font-size:12px;color:# 98999a;
									margin - top: 5px
								}.cut - list.version {
									background - color: # fff;
									position: absolute;
									bottom: 0;
									left: 0;
									width: 100 % ;
									text - align: center;
									overflow: hidden;
									color: #98999a;padding:5px 0}.cut-list .version .name{display:inline-block;width:34px;height:32px;float:left;padding:0 10px;border-right:1px solid # e7e7eb;
									line - height: 16px
								}.cut - list.version.version - detail {
									padding - left: 35px;
									line - height: 32px
								}.cut - list.mask {
									position: absolute;
									width: 100 % ;
									height: 100 % ;
									top: 0;
									left: 0;
									background: rgba(66, 139, 202, .8);
									z - index: 2;
									display: none
								}.cut - list.mask.entry {
									display: block;
									width: 100 % ;
									line - height: 220px;
									text - align: center;
									color: # fff
								}.cut - list.mask.cut - btn,
								.cut - list.mask.stick,
								.cut - list.mask.cut - show {
									position: absolute;
									width: 30px;
									line - height: 30px;
									border - radius: 30px;
									text - align: center;
									background - color: # fff
								}.cut - list.mask.cut - btn i,
								.cut - list.mask.stick i,
								.cut - list.mask.cut - show i {
									font - size: 18px;
									vertical - align: middle;
									color: #98999a}.cut-list .mask .cut-btn:hover .wi,.cut-list .mask .cut-btn:hover .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .cut-list .mask .cut-btn:hover .ext-apply-item.apply-show:before,.cut-list .mask .cut-btn:hover .item.apply-show:before,.cut-list .mask .stick:hover .wi,.cut-list .mask .stick:hover .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .cut-list .mask .stick:hover .ext-apply-item.apply-show:before,.cut-list .mask .stick:hover .item.apply-show:before,.cut-list .mask .cut-show:hover .wi,.cut-list .mask .cut-show:hover .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .cut-list .mask .cut-show:hover .ext-apply-item.apply-show:before,.cut-list .mask .cut-show:hover .item.apply-show:before{color:# 428bca
								}.cut - list.mask.cut - btn {
									bottom: 50px;
									right: 10px
								}.cut - list.mask.stick {
									bottom: 10px;
									right: 10px
								}.cut - list.mask.cut - show {
									bottom: 10px;
									left: 10px
								}.cut - list.cut - select {
									padding: 20px;
									position: absolute;
									min - height: 220px;
									top: 0;
									right: -142px;
									border: 1px solid # e7e7eb;
									background - color: # fff;
									z - index: 5;
									display: none
								}.cut - list.cut - select.arrow - left,
								.cut - list.cut - select.arrow - left: after {
									width: 0;
									height: 0;
									border - style: solid;
									border - width: 8px 10px 8px 0;
									border - color: transparent # d1d1d1 transparent transparent;
									position: absolute;
									left: -10px;
									top: 145px
								}.cut - list.cut - select.arrow - left: after {
									content: "";
									border - right - color: # fff;
									left: 1px;
									top: -8px
								}.cut - list.cut - select.cut - item {
									width: 100px
								}.cut - list.cut - select.cut - item a {
									display: block
								}.cut - list.cut - select.cut - item.detail {
									position: relative;
									background - color: # f4f4f4;
									line - height: 30px;
									margin - bottom: 10px;
									text - align: center;
									color: #98999a;overflow:hidden}.cut-list .cut-select .cut-item .detail .wi,.cut-list .cut-select .cut-item .detail .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .cut-list .cut-select .cut-item .detail .ext-apply-item.apply-show:before,.cut-list .cut-select .cut-item .detail .item.apply-show:before{font-size:16px;margin-right:3px;vertical-align:middle}.cut-list .cut-select .cut-item .detail:hover .cut-select-mask{left:0!important}.cut-list .cut-select .cut-item .detail .cut-select-mask{position:absolute;width:100%;top:0;bottom:0;left:-100px;background:rgba(66,139,202,.8);-webkit-transition:left .25s;-moz-transition:left .25s;transition:left .25s}.cut-list .cut-select .cut-item .detail .cut-select-mask .entry{position:absolute;width:100%;text-align:center;color:# fff;
									line - height: 30px;
									top: 50 % ;
									left: 0;
									margin - top: -15px
								}.cut - list.cut - select.cut - select - pager {
									text - align: center
								}.cut - list.cut - select.cut - select - pager.next,
								.cut - list.cut - select.cut - select - pager.pre {
									display: inline - block;
									width: 25px;
									line - height: 25px;
									border - radius: 25px;
									background - color: # f4f4f4;
									text - align: center
								}.cut - list.cut - select.cut - select - pager.next.wi,
								.cut - list.cut - select.cut - select - pager.next.ext - apply - list.ext - apply - item.apply - show: before,
								.ext - apply - list.cut - list.cut - select.cut - select - pager.next.ext - apply - item.apply - show: before,
								.cut - list.cut - select.cut - select - pager.next.item.apply - show: before,
								.cut - list.cut - select.cut - select - pager.pre.wi,
								.cut - list.cut - select.cut - select - pager.pre.ext - apply - list.ext - apply - item.apply - show: before,
								.ext - apply - list.cut - list.cut - select.cut - select - pager.pre.ext - apply - item.apply - show: before,
								.cut - list.cut - select.cut - select - pager.pre.item.apply - show: before {
									font - size: 16px;
									vertical - align: middle
								}.cut - list.cut - select.cut - select - pager.next: hover,
								.cut - list.cut - select.cut - select - pager.pre: hover {
									color: #428bca}.cut-list .cut-select .cut-select-pager .pre{margin-right:20px}/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{animation-duration:.75s}@keyframes bounce{from,20%,53%,80%,to{animation-timing-function:cubic-bezier(0.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(0.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(0.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale3d(1,1,1)}}.pulse{animation-name:pulse}@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(0.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{from{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(0.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{transform:scale3d(1,1,1)}}.tada{animation-name:tada}@keyframes wobble{from{transform:none}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{from,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(0.39063deg) skewY(0.39063deg)}88.8%{transform:skewX(-.19531deg) skewY(-.19531deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;transform:scale3d(0.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(0.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(0.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(0.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(0.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{from{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{from{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{from{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{from{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{from{transform:perspective(400px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(0.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{from{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{from{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{from{opacity:0;transform:scale(0.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{from{opacity:0;transform:scale3d(0.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{from{opacity:0;transform:scale3d(0.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(0.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{from{opacity:0;transform:scale3d(0.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(0.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{from{opacity:0;transform:scale3d(0.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(0.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{from{opacity:0;transform:scale3d(0.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(0.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(0.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(0.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}to{opacity:0;transform:scale3d(0.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(0.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(0.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(0.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(0.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(0.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}to{opacity:0;transform:scale3d(0.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp}.skin-classical .first-sidebar{position:fixed;top:0;bottom:0;left:0;width:110px;background-color:# 3a3f51;
									color: # a6a8b1;
									z - index: 10
								}.skin - classical.first - sidebar.logo - wrap {
									display: block;
									padding: 10px;
									height: 50px;
									text - align: center
								}.skin - classical.first - sidebar.logo - wrap.logo {
									max - width: 90px;
									max - height: 30px
								}.skin - classical.first - sidebar.nav > ul > li {
									line - height: 50px
								}.skin - classical.first - sidebar.nav > ul > li > a {
									display: block;
									padding: 0 12px;
									width: 100 % ;
									overflow: hidden;
									white - space: nowrap;
									word -
									break :break -all;
									text - overflow: ellipsis;
									color: # d4d5d9
								}.skin - classical.first - sidebar.nav > ul > li > a: hover {
									background - color: #32374a;color:# fff
								}.skin - classical.first - sidebar.nav > ul > li > a.wi,
								.skin - classical.first - sidebar.nav > ul > li > a.ext - apply - list.ext - apply - item.apply - show: before,
								.ext - apply - list.skin - classical.first - sidebar.nav > ul > li > a.ext - apply - item.apply - show: before,
								.skin - classical.first - sidebar.nav > ul > li > a.cut - list.item.apply - show: before,
								.cut - list.skin - classical.first - sidebar.nav > ul > li > a.item.apply - show: before,
								.skin - classical.first - sidebar.nav > ul > li > a.fa {
									font - size: 18px;
									margin - right: 5px;
									position: relative;
									top: 2px
								}.skin - classical.first - sidebar.nav > ul > li.active a,
								.skin - classical.first - sidebar.head.nav > ul.navbar - left > li: hover a,
								.head.skin - classical.first - sidebar.nav > ul.navbar - left > li: hover a,
								.skin - classical.first - sidebar.panel - menu.nav > ul > li.list - group - item: not(.list - group - more): hover a,
								.panel - menu.skin - classical.first - sidebar.nav > ul > li.list - group - item: not(.list - group - more): hover a {
									color: # fff;
									background - color: #32374a}.skin-classical .first-sidebar .nav .main-nav{margin-top:14px}.skin-classical .first-sidebar .nav .main-nav li:last-child{padding-top:14px;border-top:1px solid # 2e3344
								}.skin - classical.first - sidebar.nav.user - info {
									margin: 0;
									position: fixed;
									top: 0;
									right: 0
								}.skin - classical.first - sidebar.nav.user - info > li {
									display: inline - block
								}.skin - classical.first - sidebar.nav.user - info li {
									line - height: 50px;
									margin: 0
								}.skin - classical.first - sidebar.nav.user - info li a {
									color: #4c4c4c}.skin-classical .first-sidebar .nav .user-info li a:hover{color:# 4c4c4c;
									background - color: # fafafa
								}.skin - classical.first - sidebar.nav.user - info.dropdown - menu {
									border - radius: 0;
									width: 160px
								}.skin - classical.first - sidebar.nav.user - info.dropdown - menu li a {
									background - color: # fff;
									line - height: 46px
								}.skin - classical.first - sidebar.nav.user - info.dropdown - menu li a: hover {
									color: #428bca}.skin-classical .first-sidebar .nav .user-info .msg>a{padding:0 30px}.skin-classical .first-sidebar .nav .user-info .msg .wi-bell{position:relative}.skin-classical .first-sidebar .nav .user-info .msg .badge{position:absolute;color:# fff;
									background - color: # ff0030;
									right: -15px;
									top: -9px
								}.skin - classical.first - sidebar.nav.user - info.msg.dropdown - menu {
									width: 300px;
									height: 500px;
									overflow: hidden;
									color: #4c4c4c;padding:0;right:0;left:auto}.skin-classical .first-sidebar .nav .user-info .msg .top{padding:0 10px;line-height:50px;border-bottom:1px solid # e7e7eb
								}.skin - classical.first - sidebar.nav.user - info.msg.top a {
									color: #428bca}.skin-classical .first-sidebar .nav .user-info .msg-list-container{padding:0 10px;height:437px;overflow-y:auto}.skin-classical .first-sidebar .nav .user-info .msg .item{font-size:12px;padding:10px 0;line-height:1.6}.skin-classical .first-sidebar .nav .user-info .msg .item .info{color:# 999;
									margin - bottom: 10px
								}.skin - classical.first - sidebar.nav.user - info.msg.item + .item {
									border - top: 1px solid # e7e7eb
								}.skin - classical.first - sidebar.nav.user - info.msg.item: hover a {
									color: #428bca}.skin-classical .icon-unfold{width:63px;height:50px;text-align:center;line-height:50px;position:fixed;top:0;left:110px;z-index:11;cursor:pointer}.skin-classical .icon-unfold .wi,.skin-classical .icon-unfold .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .skin-classical .icon-unfold .ext-apply-item.apply-show:before,.skin-classical .icon-unfold .cut-list .item.apply-show:before,.cut-list .skin-classical .icon-unfold .item.apply-show:before{font-size:12px;color:# b2b2b2
								}.skin - classical.main - panel - body.folded.icon - unfold {
									border - right: 1px solid # e7e7eb
								}.skin - classical.main - panel - body.folded.left - menu - container,
								.skin - classical.main - panel - body.folded.slimScrollDiv {
									width: 63px!important
								}.skin - classical.main - panel - body.folded.menu - title,
								.skin - classical.main - panel - body.folded.nav - title {
									display: none!important
								}.skin - classical.main - panel - body.folded.nav - icon {
									display: inline - block;
									width: 63px;
									height: 45px;
									line - height: 45px;
									text - align: center
								}.skin - classical.main - panel - body.folded.panel - menu.panel - heading {
									line - height: 40px;
									height: 40px;
									padding: 0;
									margin: 0
								}.skin - classical.main - panel - body.folded.panel - menu.panel - heading.nav - icon {
									height: 40px;
									line - height: 40px
								}.skin - classical.main - panel - body.folded.panel - menu.list - group - item: not(.list - group - more) {
									padding: 0;
									margin: 0
								}.skin - classical.main - panel - body.folded.panel - menu.list - group - item: not(.list - group - more) a {
									padding: 0;
									margin: 0;
									width: 63px
								}.skin - classical.main - panel - body.folded.account - info,
								.skin - classical.main - panel - body.folded.wxapp - info,
								.skin - classical.main - panel - body.folded.webapp - info {
									padding: 0;
									width: 63px;
									height: 45px;
									text - align: center;
									min - height: 45px
								}.skin - classical.main - panel - body.folded.account - info.head - logo,
								.skin - classical.main - panel - body.folded.wxapp - info.head - logo,
								.skin - classical.main - panel - body.folded.webapp - info.head - logo {
									width: 33px;
									height: 33px;
									top: 6px;
									left: 15px
								}.skin - classical.main - panel - body.folded.account - name,
								.skin - classical.main - panel - body.folded.account - type,
								.skin - classical.main - panel - body.folded.account - operate.h,
								.skin - classical.main - panel - body.folded.wxapp - name,
								.skin - classical.main - panel - body.folded.wxapp - version,
								.skin - classical.main - panel - body.folded.wxapp - operate.h,
								.skin - classical.main - panel - body.folded.webapp - operate.h,
								.skin - classical.main - panel - body.folded.webapp - name {
									display: none
								}.skin - classical.main - panel - body.folded.wxapp - operate,
								.skin - classical.main - panel - body.folded.account - operate,
								.skin - classical.main - panel - body.folded.webapp - operate {
									height: 36px
								}.skin - classical.main - panel - body.folded.wxapp - operate a,
								.skin - classical.main - panel - body.folded.account - operate a,
								.skin - classical.main - panel - body.folded.webapp - operate a {
									margin: 0
								}.skin - classical.left - menu - container {
									width: 210px;
									height: calc(100vh - 51px)!important;
									overflow - y: scroll;
									overflow - x: hidden; - webkit - overflow - scrolling: touch;
									border - right: 1px solid # e7e7eb;
									background - color: # f6f8f8
								}.skin - classical.left - menu {
									width: 100 % ;
									overflow: visible!important;
									border: none
								}.skin - classical.left - menu.menu - title {
									position: fixed;
									left: 110px;
									top: 0;
									width: 210px;
									line - height: 50px;
									text - align: center;
									border - right: 1px solid # e7e7eb;
									background - color: # fff;
									z - index: 10;
									font - size: 16px;
									color: #999}.skin-classical .left-menu .menu-title .wi,.skin-classical .left-menu .menu-title .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .skin-classical .left-menu .menu-title .ext-apply-item.apply-show:before,.skin-classical .left-menu .menu-title .cut-list .item.apply-show:before,.cut-list .skin-classical .left-menu .menu-title .item.apply-show:before{display:none;font-size:20px;vertical-align:middle;margin-right:5px;color:# ccc
								}.skin - classical.left - menu.account - info - name {
									position: fixed;
									top: 0;
									left: 110px;
									display: inline - block;
									width: 210px;
									height: 50px;
									line - height: 50px;
									padding - left: 20px;
									color: #999;background-color:# fff;
									border - right: 1px solid # e7e7eb;
									overflow: hidden;
									white - space: nowrap;
									text - overflow: ellipsis
								}.skin - classical.left - menu.account - info - name.wi,
								.skin - classical.left - menu.account - info - name.ext - apply - list.ext - apply - item.apply - show: before,
								.ext - apply - list.skin - classical.left - menu.account - info - name.ext - apply - item.apply - show: before,
								.skin - classical.left - menu.account - info - name.cut - list.item.apply - show: before,
								.cut - list.skin - classical.left - menu.account - info - name.item.apply - show: before {
									font - size: 30px;
									vertical - align: middle
								}.skin - classical.left - menu.module - info - name {
									cursor: pointer;
									padding: 20px 10px 20px 76px;
									min - height: 86px;
									display: block;
									position: relative;
									background - color: # fff
								}.skin - classical.left - menu.module - info - name.head - app - logo {
									position: absolute;
									width: 46px;
									height: 46px;
									top: 20px;
									left: 15px;
									border: 1px solid # f5f5f5
								}.skin - classical.left - menu.module - related - info {
									height: 36px;
									background - color: # fff;
									color: #999;width:100%;border-bottom:1px solid # e7e7eb
								}.skin - classical.left - menu.module - related - info span {
									display: inline - block;
									float: left
								}.skin - classical.left - menu.module - related - info.top - view {
									width: calc(100 % -30px);
									height: 36px;
									padding: 0 4px;
									line - height: 36px;
									text - align: center;
									overflow: hidden;
									white - space: nowrap;
									text - overflow: ellipsis
								}.skin - classical.left - menu.module - related - info.top - view a {
									font - size: 12px
								}.skin - classical.left - menu.module - related - info.dropdown - icon {
									line - height: 36px;
									padding: 0 6px
								}.skin - classical.left - menu.module - related - info.dropdown - icon.wi,
								.skin - classical.left - menu.module - related - info.dropdown - icon.ext - apply - list.ext - apply - item.apply - show: before,
								.ext - apply - list.skin - classical.left - menu.module - related - info.dropdown - icon.ext - apply - item.apply - show: before,
								.skin - classical.left - menu.module - related - info.dropdown - icon.cut - list.item.apply - show: before,
								.cut - list.skin - classical.left - menu.module - related - info.dropdown - icon.item.apply - show: before {
									font - size: 10px
								}.skin - classical.left - menu.module - related - info.dropdown - menu {
									border - radius: 0;
									width: 210px;
									min - width: 210px
								}.skin - classical.left - menu.module - related - info.dropdown - menu li {
									padding: 3px 6px;
									line - height: 26px
								}.skin - classical.left - menu.module - related - info.dropdown - menu li a {
									color: #999;display:inline-block;padding:3px;font-size:12px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.skin-classical .left-menu .module-related-info .dropdown-menu li a:hover{background-color:transparent;color:# 428bca
								}.skin - classical.left - menu.module - related - info.dropdown - menu li + li {
									border - top: 1px solid # e7e7eb
								}.skin - classical.left - menu.account - info,
								.skin - classical.left - menu.wxapp - info,
								.skin - classical.left - menu.webapp - info {
									cursor: pointer;
									padding: 20px 10px 20px 76px;
									min - height: 86px;
									position: relative;
									background - color: # fff
								}.skin - classical.left - menu.account - info.head - logo,
								.skin - classical.left - menu.wxapp - info.head - logo,
								.skin - classical.left - menu.webapp - info.head - logo {
									position: absolute;
									width: 46px;
									height: 46px;
									top: 20px;
									left: 15px
								}.skin - classical.left - menu.account - info.account - type,
								.skin - classical.left - menu.account - info.account - level,
								.skin - classical.left - menu.account - info.account - isconnect,
								.skin - classical.left - menu.account - info.wxapp - version,
								.skin - classical.left - menu.wxapp - info.account - type,
								.skin - classical.left - menu.wxapp - info.account - level,
								.skin - classical.left - menu.wxapp - info.account - isconnect,
								.skin - classical.left - menu.wxapp - info.wxapp - version,
								.skin - classical.left - menu.webapp - info.account - type,
								.skin - classical.left - menu.webapp - info.account - level,
								.skin - classical.left - menu.webapp - info.account - isconnect,
								.skin - classical.left - menu.webapp - info.wxapp - version {
									color: #999;margin-top:10px;font-size:12px;margin-right:10px}.skin-classical .left-menu .account-operate,.skin-classical .left-menu .wxapp-operate,.skin-classical .left-menu .webapp-operate{line-height:36px;color:# 999;
									font - size: 16px;
									background - color: # fff;
									border - bottom: 1px solid # f5f5f5;
									text - align: center
								}.skin - classical.left - menu.account - operate a,
								.skin - classical.left - menu.wxapp - operate a,
								.skin - classical.left - menu.webapp - operate a {
									display: inline - block
								}.skin - classical.left - menu.account - operate a + a,
								.skin - classical.left - menu.wxapp - operate a + a,
								.skin - classical.left - menu.webapp - operate a + a {
									margin - left: 50px
								}.skin - classical.left - menu.panel - menu {
									border - color: # f5f5f5
								}.skin - classical.left - menu.panel - menu.panel - heading {
									line - height: 40px;
									padding: 0 15px;
									color: #999;background-color:# fff
								}.skin - classical.left - menu.panel - menu.panel - heading.nav - icon {
									display: inline - block
								}.skin - classical.left - menu.panel - menu.panel - heading.wi,
								.skin - classical.left - menu.panel - menu.panel - heading.ext - apply - list.ext - apply - item.apply - show: before,
								.ext - apply - list.skin - classical.left - menu.panel - menu.panel - heading.ext - apply - item.apply - show: before,
								.skin - classical.left - menu.panel - menu.panel - heading.cut - list.item.apply - show: before,
								.cut - list.skin - classical.left - menu.panel - menu.panel - heading.item.apply - show: before {
									font - size: 10px;
									vertical - align: middle;
									color: #999;transition:transform .12s;-webkit-transition:-webkit-transform .12s;-moz-transition:-moz-transform .12s;-o-transition:-o-transform .12s;-ms-transition:-ms-transform .12s}.skin-classical .left-menu .panel-menu .panel-heading:hover{background-color:# fafcfc
								}.skin - classical.left - menu.panel - menu.panel - heading.collapsed.wi,
								.skin - classical.left - menu.panel - menu.panel - heading.collapsed.ext - apply - list.ext - apply - item.apply - show: before,
								.ext - apply - list.skin - classical.left - menu.panel - menu.panel - heading.collapsed.ext - apply - item.apply - show: before,
								.skin - classical.left - menu.panel - menu.panel - heading.collapsed.cut - list.item.apply - show: before,
								.cut - list.skin - classical.left - menu.panel - menu.panel - heading.collapsed.item.apply - show: before {
									transform: rotate(-90deg)
								}.skin - classical.left - menu.panel - menu.panel - heading span span {
									display: inline
								}.skin - classical.left - menu.panel - menu.list - group - item {
									padding: 0 30px;
									background - color: # f6f8f8
								}.skin - classical.left - menu.panel - menu.list - group - item: hover,
								.skin - classical.left - menu.panel - menu.list - group - item.active,
								.skin - classical.left - menu.panel - menu.head.navbar - left > li.list - group - item: hover,
								.head.skin - classical.left - menu.panel - menu.navbar - left > li.list - group - item: hover,
								.skin - classical.left - menu.panel - menu.list - group - item: not(.list - group - more): hover {
									background - color: #428bca}.skin-classical .left-menu .panel-menu .list-group-item:hover a,.skin-classical .left-menu .panel-menu .list-group-item:hover .wi,.skin-classical .left-menu .panel-menu .list-group-item:hover .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .skin-classical .left-menu .panel-menu .list-group-item:hover .ext-apply-item.apply-show:before,.skin-classical .left-menu .panel-menu .list-group-item:hover .cut-list .item.apply-show:before,.cut-list .skin-classical .left-menu .panel-menu .list-group-item:hover .item.apply-show:before,.skin-classical .left-menu .panel-menu .list-group-item.active a,.skin-classical .left-menu .panel-menu .head .navbar-left>li.list-group-item:hover a,.head .skin-classical .left-menu .panel-menu .navbar-left>li.list-group-item:hover a,.skin-classical .left-menu .panel-menu .list-group-item:not(.list-group-more):hover a,.skin-classical .left-menu .panel-menu .list-group-item.active .wi,.skin-classical .left-menu .panel-menu .head .navbar-left>li.list-group-item:hover .wi,.head .skin-classical .left-menu .panel-menu .navbar-left>li.list-group-item:hover .wi,.skin-classical .left-menu .panel-menu .list-group-item:not(.list-group-more):hover .wi,.skin-classical .left-menu .panel-menu .list-group-item.active .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .skin-classical .left-menu .panel-menu .list-group-item.active .ext-apply-item.apply-show:before,.skin-classical .left-menu .panel-menu .head .navbar-left>li.list-group-item:hover .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .skin-classical .left-menu .panel-menu .head .navbar-left>li.list-group-item:hover .ext-apply-item.apply-show:before,.head .skin-classical .left-menu .panel-menu .navbar-left>li.list-group-item:hover .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .head .skin-classical .left-menu .panel-menu .navbar-left>li.list-group-item:hover .ext-apply-item.apply-show:before,.skin-classical .left-menu .panel-menu .list-group-item:not(.list-group-more):hover .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .skin-classical .left-menu .panel-menu .list-group-item:not(.list-group-more):hover .ext-apply-item.apply-show:before,.skin-classical .left-menu .panel-menu .list-group-item.active .cut-list .item.apply-show:before,.cut-list .skin-classical .left-menu .panel-menu .list-group-item.active .item.apply-show:before,.skin-classical .left-menu .panel-menu .head .navbar-left>li.list-group-item:hover .cut-list .item.apply-show:before,.cut-list .skin-classical .left-menu .panel-menu .head .navbar-left>li.list-group-item:hover .item.apply-show:before,.head .skin-classical .left-menu .panel-menu .navbar-left>li.list-group-item:hover .cut-list .item.apply-show:before,.cut-list .head .skin-classical .left-menu .panel-menu .navbar-left>li.list-group-item:hover .item.apply-show:before,.skin-classical .left-menu .panel-menu .list-group-item:not(.list-group-more):hover .cut-list .item.apply-show:before,.cut-list .skin-classical .left-menu .panel-menu .list-group-item:not(.list-group-more):hover .item.apply-show:before{color:# fff!important
								}.skin - classical.left - menu.panel - menu.list - group - item img,
								.skin - classical.left - menu.panel - menu.list - group - item.icon - more {
									width: 33px;
									height: 33px;
									border - radius: 3px;
									margin - right: 5px;
									vertical - align: middle
								}.skin - classical.left - menu.panel - menu.list - group - item.icon - more {
									display: inline - block;
									text - align: center;
									line - height: 32px;
									border: 1px dashed # e7e7eb
								}.skin - classical.left - menu.panel - menu.list - group - item.icon - more.wi,
								.skin - classical.left - menu.panel - menu.list - group - item.icon - more.ext - apply - list.ext - apply - item.apply - show: before,
								.ext - apply - list.skin - classical.left - menu.panel - menu.list - group - item.icon - more.ext - apply - item.apply - show: before,
								.skin - classical.left - menu.panel - menu.list - group - item.icon - more.cut - list.item.apply - show: before,
								.cut - list.skin - classical.left - menu.panel - menu.list - group - item.icon - more.item.apply - show: before {
									display: block;
									margin - right: 0;
									margin - top: 3px;
									font - size: 18px;
									vertical - align: middle
								}.skin - classical.left - menu.account - info - name {
									width: 210px
								}.skin - classical.panel - content - plugin.left - menu {
									overflow: hidden!important;
									width: 270px
								}.skin - classical.panel - content - plugin.left - menu.menu - title {
									width: 270px
								}.skin - classical.panel - content - plugin.left - menu.plugin - menu {
									min - height: calc(100vh - 174px)
								}.skin - classical.panel - content - plugin.left - menu.plugin - menu - main {
									font - size: 12px
								}.skin - classical.panel - content - plugin.left - menu.plugin - menu - main.list - group - item {
									background - color: # f6f8f8
								}.skin - classical.panel - content - plugin.left - menu.plugin - menu - main a {
									font - size: 12px
								}.skin - classical.panel - content - plugin.left - menu.account - info - name {
									width: 270px
								}.skin - classical.panel - content - plugin.we7 - page - tab,
								.skin - classical.panel - content - plugin.we7 - breadcrumb,
								.skin - classical.panel - content - plugin.panel - cut > .panel - heading.pull - right {
									left: 410px!important
								}.skin - classical.main - panel - content {
									border: none
								}.skin - classical.optimize.contact - service {
									right: 0;
									left: auto
								}.skin - classical.optimize.contact - service a {
									border - radius: 4px 0 0 4px
								}.skin - classical.main - classical {
									margin: 51px 0 0 110px;
									height: calc(100vh - 51px);
									min - width: 1400px
								}.skin - classical.main - classical > .container {
									width: 100 % ;
									background - color: transparent;
									position: relative
								}.skin - classical.main - classical.right - fixed - top {
									width: 100 % ;
									height: 51px;
									background - color: # fff;
									border - bottom: 1px solid # e7e7eb;
									position: fixed;
									top: 0;
									left: 0;
									right: 0;
									z - index: 1
								}.skin - classical.main - classical.right - content {
									padding: 10px;
									background - color: # f2f2f2;
									min - width: 990px;
									height: calc(100vh - 51px);
									overflow - y: auto;
									position: relative
								}.skin - classical.main - classical.right - content > .content {
									border: 1px solid # e7e7eb;
									background - color: # fff;
									padding: 30px
								}.skin - classical.main - classical.right - content.we7 - page - title {
									display: none
								}.skin - classical.main - classical.right - content.we7 - page - tab {
									position: fixed;
									top: 0;
									right: 345px;
									left: 350px;
									line - height: 50px;
									border - bottom: 1px solid # e7e7eb;
									padding - left: 15px;
									z - index: 10;
									background - color: # fff;
									margin - top: 0
								}.skin - classical.main - classical.right - content.we7 - breadcrumb {
									left: 350px
								}.skin - classical.main - classical # js - system - module.we7 - page - tab {
									margin - top: 0
								}.skin - classical.main - classical.we7 - breadcrumb {
									position: fixed;
									top: 0;
									right: 229px;
									left: 110px;
									line - height: 50px;
									padding - left: 15px;
									z - index: 11;
									background - color: # fff;
									margin - top: 0
								}.skin - classical.main - classical.panel - cut {
									margin: 10px;
									border - color: # e7e7eb
								}.skin - classical.main - classical.panel - cut > .panel - heading {
									height: 0;
									line - height: 50px
								}.skin - classical.main - classical.panel - cut > .panel - heading.panel - heading - left {
									display: none
								}.skin - classical.main - classical.panel - cut > .panel - heading.pull - right {
									display: block;
									position: fixed;
									top: 0;
									left: 110px;
									z - index: 15
								}.skin - classical.main - classical.footer {
									background - color: transparent;
									color: #999}.api-target .col-sm-4{color:# 999;
									font - size: 16px
								}.api - target.col - sm - 4 + .col - sm - 4 {
									border - left: 1px solid # e7e7eb
								}.api - target.col - sm - 4.title {
									margin - bottom: 10px
								}.api - target.col - sm - 4.today {
									color: #4c4c4c;font-size:30px}.api-target .col-sm-4 .yesterday,.api-target .col-sm-4 .pipe{font-size:24px}.store .container-select{border:1px solid # e7e7eb
								}.store.container - select.item {
									line - height: 50px;
									border - bottom: 1px dashed # e7e7eb;
									display: flex
								}.store.container - select.item.title {
									width: 100px;
									text - align: center;
									background - color: # f8f8f8
								}.store.container - select.item.selected.title,
								.store.container - select.site - template.item.lock.title,
								.site - template.store.container - select.item.lock.title,
								.store.container - select.system - template.item.lock.title,
								.system - template.store.container - select.item.lock.title {
									background - color: transparent
								}.store.container - select.item: last - child {
									border: none
								}.store.container - select.content {
									flex: 1
								}.store.container - select.content span {
									display: inline - block;
									margin - left: 20px;
									color: #999;cursor:pointer}.store .container-select .content span.active,.store .container-select .content .panel-menu span.list-group-item:not(.list-group-more):hover,.panel-menu .store .container-select .content span.list-group-item:not(.list-group-more):hover,.store .container-select .content span:hover{color:# 428bca
								}.store.container - select.content span.tag {
									line - height: 20px;
									color: #4c4c4c;border:1px solid # e7e7eb;
									padding: 3px 6px
								}.store.container - select.content span.tag i {
									color: #999;font-size:12px;margin-left:5px}.store .container-select .content span.tag:hover{color:# 428bca;
									border - color: #428bca}.store .container-select .content span.tag:hover i{color:# 428bca
								}.store.modules,
								.store.api - browse - list {
									margin - left: -30px;
									margin - right: -30px;
									padding: 15px
								}.store.modules.item,
								.store.api - browse - list.item {
									background - color: # fcfcfc;
									margin: 15px;
									padding: 20px 20px 20px 120px;
									width: 448px;
									min - height: 117px;
									float: left;
									position: relative;
									cursor: pointer
								}.store.modules.item.icon,
								.store.api - browse - list.item.icon {
									width: 80px;
									height: 80px;
									border - radius: 10px;
									position: absolute;
									left: 20px;
									top: 20px;
									text - align: center;
									line - height: 80px;
									background - color: # f8f8f8
								}.store.modules.item.icon.wi,
								.store.modules.item.icon.ext - apply - list.ext - apply - item.apply - show: before,
								.ext - apply - list.store.modules.item.icon.ext - apply - item.apply - show: before,
								.store.modules.item.icon.cut - list.item.apply - show: before,
								.cut - list.store.modules.item.icon.item.apply - show: before,
								.store.api - browse - list.item.icon.wi,
								.store.api - browse - list.item.icon.ext - apply - list.ext - apply - item.apply - show: before,
								.ext - apply - list.store.api - browse - list.item.icon.ext - apply - item.apply - show: before,
								.store.api - browse - list.item.icon.cut - list.item.apply - show: before,
								.cut - list.store.api - browse - list.item.icon.item.apply - show: before {
									font - size: 50px;
									vertical - align: middle;
									color: #428bca}.store .modules .item .name,.store .api-browse-list .item .name{font-size:16px;margin-bottom:15px}.store .modules .item .price,.store .api-browse-list .item .price{color:# 428bca
								}.store.modules.item.view,
								.store.api - browse - list.item.view {
									color: #999}.store .modules .item:hover,.store .api-browse-list .item:hover{outline:1px solid # e7e7eb;
									background - color: # fff
								}.store.modules.item: hover.view,
								.store.api - browse - list.item: hover.view {
									color: #428bca}.store .api-browse-list{border:none}.store.module-detail,.store.api-detail,.store.jurisdiction-detail{border:1px solid # e7e7eb
								}.store.module - detail.top,
								.store.api - detail.top,
								.store.jurisdiction - detail.top {
									display: flex;
									padding: 30px
								}.store.module - detail.top.icon,
								.store.api - detail.top.icon,
								.store.jurisdiction - detail.top.icon {
									width: 110px
								}.store.module - detail.top.icon img,
								.store.api - detail.top.icon img,
								.store.jurisdiction - detail.top.icon img {
									width: 80px;
									height: 80px;
									border: 1px solid # e7e7eb;
									border - radius: 10px
								}.store.module - detail.top.icon.icon - box,
								.store.api - detail.top.icon.icon - box,
								.store.jurisdiction - detail.top.icon.icon - box {
									display: inline - block;
									width: 80px;
									height: 80px;
									border - radius: 10px;
									border: 1px solid # e7e7eb;
									text - align: center;
									line - height: 80px
								}.store.module - detail.top.icon.icon - box.wi,
								.store.module - detail.top.icon.icon - box.ext - apply - list.ext - apply - item.apply - show: before,
								.ext - apply - list.store.module - detail.top.icon.icon - box.ext - apply - item.apply - show: before,
								.store.module - detail.top.icon.icon - box.cut - list.item.apply - show: before,
								.cut - list.store.module - detail.top.icon.icon - box.item.apply - show: before,
								.store.api - detail.top.icon.icon - box.wi,
								.store.api - detail.top.icon.icon - box.ext - apply - list.ext - apply - item.apply - show: before,
								.ext - apply - list.store.api - detail.top.icon.icon - box.ext - apply - item.apply - show: before,
								.store.api - detail.top.icon.icon - box.cut - list.item.apply - show: before,
								.cut - list.store.api - detail.top.icon.icon - box.item.apply - show: before,
								.store.jurisdiction - detail.top.icon.icon - box.wi,
								.store.jurisdiction - detail.top.icon.icon - box.ext - apply - list.ext - apply - item.apply - show: before,
								.ext - apply - list.store.jurisdiction - detail.top.icon.icon - box.ext - apply - item.apply - show: before,
								.store.jurisdiction - detail.top.icon.icon - box.cut - list.item.apply - show: before,
								.cut - list.store.jurisdiction - detail.top.icon.icon - box.item.apply - show: before {
									font - size: 50px;
									color: #428bca;vertical-align:middle}.store.module-detail .top .introduce,.store.api-detail .top .introduce,.store.jurisdiction-detail .top .introduce{flex:1}.store.module-detail .top .name,.store.api-detail .top .name,.store.jurisdiction-detail .top .name{font-size:20px;margin:10px 0}.store.module-detail .top .buy,.store.api-detail .top .buy,.store.jurisdiction-detail .top .buy{width:250px;text-align:right}.store.module-detail .top .buy .price,.store.api-detail .top .buy .price,.store.jurisdiction-detail .top .buy .price{font-size:20px;margin-bottom:5px}.store.module-detail .top .buy .price .fee,.store.api-detail .top .buy .price .fee,.store.jurisdiction-detail .top .buy .price .fee{font-size:30px}.store.module-detail .top .buy .btn,.store.api-detail .top .buy .btn,.store.jurisdiction-detail .top .buy .btn{width:140px;padding:8px 16px}.store.module-detail .swiper,.store.module-detail .summary,.store.api-detail .swiper,.store.api-detail .summary,.store.jurisdiction-detail .swiper,.store.jurisdiction-detail .summary{background-color:# f5f5f5;
									padding: 20px
								}.store.module - detail.swiper.swiper - slide,
								.store.api - detail.swiper.swiper - slide,
								.store.jurisdiction - detail.swiper.swiper - slide {
									background - color: # e6e6e6;
									text - align: center;
									line - height: 400px;
									vertical - align: middle
								}.store.module - detail.summary.title,
								.store.api - detail.summary.title,
								.store.jurisdiction - detail.summary.title {
									font - size: 16px;
									font - weight: 700
								}.store.jurisdiction - detail.summary.title {
									margin: 20px 0
								}.store.jurisdiction - detail.item - list.item {
									width: 175px;
									float: left;
									height: 60px;
									line - height: 60px;
									padding - left: 80px;
									margin: 10px 0;
									position: relative; - webkit - box - sizing: border - box; - moz - box - sizing: border - box;
									box - sizing: border - box
								}.store.jurisdiction - detail.item - list.item.icon {
									width: 60px;
									height: 60px;
									position: absolute;
									top: 0;
									left: 0
								}.store.jurisdiction - list.item {
									border: 1px solid # e7e7eb;
									padding: 25px 40px 25px 25px;
									display: flex;
									display: -webkit - flex;
									display: -ms - flex;
									display: -moz - flex;
									margin - bottom: 20px;
									position: relative
								}.store.jurisdiction - list.item.info {
									width: 325px;
									border - right: 1px solid # e7e7eb;
									padding - left: 100px;
									box - sizing: border - box;
									position: relative
								}.store.jurisdiction - list.item.info.icon {
									width: 80px;
									height: 80px;
									border - radius: 10px;
									background - color: # f8f8f8;
									line - height: 80px;
									text - align: center;
									position: absolute;
									top: 0;
									left: 0
								}.store.jurisdiction - list.item.info.icon.wi,
								.store.jurisdiction - list.item.info.icon.ext - apply - list.ext - apply - item.apply - show: before,
								.ext - apply - list.store.jurisdiction - list.item.info.icon.ext - apply - item.apply - show: before,
								.store.jurisdiction - list.item.info.icon.cut - list.item.apply - show: before,
								.cut - list.store.jurisdiction - list.item.info.icon.item.apply - show: before {
									font - size: 60px;
									color: #428bca;vertical-align:center}.store .jurisdiction-list .item .info .name{font-size:18px;line-height:40px}.store .jurisdiction-list .item .info .price{font-size:20px;line-height:40px;color:# 428bca
								}.store.jurisdiction - list.item.datas {
									flex: 1;
									display: flex
								}.store.jurisdiction - list.item.datas > div {
									flex: 1;
									text - align: center;
									line - height: 40px;
									font - size: 16px
								}.store.jurisdiction - list.item.datas.data {
									font - size: 20px;
									font - weight: 400
								}.store.jurisdiction - list.item: after {
									width: 40px;
									position: absolute;
									top: 0;
									right: 0;
									bottom: 0;
									content: '>';
									line - height: 130px;
									background - color: # fafafa;
									text - align: center;
									font - size: 30px
								}.store.jurisdiction - list.item: hover {
									border - color: #428bca}.store .jurisdiction-list .item:hover:after{color:# fff;
									background - color: #428bca}.store .jurisdiction-list a:hover{color:# 1a1a1a
								}
								# myModalBuy.select - btn.btn {
									width: 80px
								}.nav - right - container {
									display: flex;
									border: 1px solid # e7e7eb
								}.nav - right - container.top {
									line - height: 50px;
									padding: 0 30px
								}.nav - right - container.item - list {
									flex: 1;
									border - right: 1px solid # e7e7eb
								}.nav - right - container.item - list table {
									margin: 0
								}.nav - right - container.item - list table tr {
									border - left: none;
									border - right: none
								}.nav - right - container.item - list table tr: last - child {
									border - bottom: none
								}.nav - right - container.categories {
									width: 180px
								}.nav - right - container.categories.top {
									border - bottom: 1px solid # e7e7eb
								}.nav - right - container.categories.content li {
									line - height: 34px;
									padding: 0 30px
								}.nav - right - container.categories.content li.active,
								.nav - right - container.categories.content.head.navbar - left > li: hover,
								.head.nav - right - container.categories.content.navbar - left > li: hover,
								.nav - right - container.categories.content.panel - menu li.list - group - item: not(.list - group - more): hover,
								.panel - menu.nav - right - container.categories.content li.list - group - item: not(.list - group - more): hover,
								.nav - right - container.categories.content li: hover {
									background - color: #428bca}.nav-right-container .categories .content li.active a,.nav-right-container .categories .content .head .navbar-left>li:hover a,.head .nav-right-container .categories .content .navbar-left>li:hover a,.nav-right-container .categories .content .panel-menu li.list-group-item:not(.list-group-more):hover a,.panel-menu .nav-right-container .categories .content li.list-group-item:not(.list-group-more):hover a,.nav-right-container .categories .content li:hover a{color:# fff
								}.batch - img {
									padding: 10px;
									clear: both;
									overflow: hidden
								}.batch - img.img - container {
									width: 60px;
									height: 60px;
									line - height: 60px;
									text - align: center;
									background - color: # f8f8f8;
									position: relative;
									float: left;
									margin - right: 10px;
									overflow: hidden;
									border: 1px solid # f8f8f8;
									cursor: pointer
								}.batch - img.img - container img {
									max - width: 100 %
								}.batch - img.img - container.del {
									position: absolute;
									left: 0;
									bottom: 0;
									background: rgba(255, 255, 255, .7);
									color: #428bca;width:100%;line-height:20px;text-align:center;display:none}.batch-img .img-container:hover .del{display:block}.batch-img .img-container.add{border-radius:5px}.batch-img .img-container.add .wi,.batch-img .img-container.add .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .batch-img .img-container.add .ext-apply-item.apply-show:before,.batch-img .img-container.add .cut-list .item.apply-show:before,.cut-list .batch-img .img-container.add .item.apply-show:before{color:# 428bca;
									font - size: 18px
								}.blacklist - tab {
									color: # fff
								}.blacklist - tab input[type = radio] + label {
									margin - right: 40px;
									margin - bottom: 60px
								}.blacklist - tab input[type = radio] + label span.active: after,
								.blacklist - tab input[type = radio] + label.panel - menu span.list - group - item: hover: not(.list - group - more): after,
								.panel - menu.blacklist - tab input[type = radio] + label span.list - group - item: hover: not(.list - group - more): after {
									content: '开启中';
									background - color: #428bca;color:# fff;
									padding: 3px;
									border - radius: 3px;
									margin - left: 5px;
									font - size: 10px
								}.blacklist - alert {
									display: flex;
									align - items: center
								}.blacklist - alert.info {
									flex: 1
								}.sensitive - list {
									overflow: hidden;
									padding: 20px 20px 10px
								}.sensitive - list.item {
									padding: 6px 20px;
									position: relative;
									border: 1px solid # e7e7eb;
									margin: 0 10px 10px 0;
									display: inline - block;
									float: left;
									white - space: nowrap;
									cursor: pointer
								}.sensitive - list.item: hover {
									background - color: #428bca;color:# fff
								}.sensitive - list.item: hover.del {
									display: block
								}.sensitive - list.del {
									position: absolute;
									right: 3px;
									top: 8px;
									color: #428bca;z-index:10;display:none}.sensitive-list .del .wi,.sensitive-list .del .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .sensitive-list .del .ext-apply-item.apply-show:before,.sensitive-list .del .cut-list .item.apply-show:before,.cut-list .sensitive-list .del .item.apply-show:before{color:# fff
								}
								body.right - content.panel - body.group_menu {
									height: 100px;
									border - bottom: 1px solid # e7e7eb
								}
								body.right - content.panel - body.group_menu.td_1 {
									width: 110px
								}
								body.right - content.panel - body.group_menu.td_1.head {
									display: inline - block;
									width: 60px;
									height: 60px;
									text - align: center;
									border - radius: 10px;
									background: # f7f7f7;
									margin: 0 19px 0 31px
								}
								body.right - content.panel - body.group_menu.td_1.head.wi,
								body.right - content.panel - body.group_menu.td_1.head.ext - apply - list.ext - apply - item.apply - show: before,
								.ext - apply - list body.right - content.panel - body.group_menu.td_1.head.ext - apply - item.apply - show: before,
								body.right - content.panel - body.group_menu.td_1.head.cut - list.item.apply - show: before,
								.cut - list body.right - content.panel - body.group_menu.td_1.head.item.apply - show: before {
									font - size: 28px;
									line - height: 60px;
									color: #428bca}body .right-content .panel-body .group_menu .td_2 span{line-height:30px;display:block}body .right-content .panel-body .group_menu .td_2 span.name{font-size:16px;color:# 1a1a1a
								}
								body.right - content.panel - body.group_menu.td_2 span.price {
									font - size: 20px;
									color: #428bca}body .right-content .panel-body .group_menu .td_3{width:50%;line-height:100px}body .right-content .panel-body .group_menu .td_3 .more{float:right;margin-right:31px;font-size:14px;color:# 428bca
								}
								body.right - content.panel - body.submenu {
									height: 50px;
									background: # f7f7f7;
									color: #4c4c4c;font-size:14px}body .right-content .panel-body .submenu .td_one .tit{padding-left:22px}body .right-content .panel-body .submenu .td_one .icon{display:inline-block}body .right-content .panel-body .submenu .td_one .icon .wi,body .right-content .panel-body .submenu .td_one .icon .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list body .right-content .panel-body .submenu .td_one .icon .ext-apply-item.apply-show:before,body .right-content .panel-body .submenu .td_one .icon .cut-list .item.apply-show:before,.cut-list body .right-content .panel-body .submenu .td_one .icon .item.apply-show:before{font-size:28px;margin-left:30px;color:# ccc;
									vertical - align: middle
								}
								body.right - content.panel - body.submenu.td_two.line {
									color: # e7e7eb;
									margin - right: 31px
								}
								body.right - content.panel - body.submenu.td_two.sum {
									margin - left: 53px
								}
								body {
									overflow - y: scroll
								}
								body.clearfloat: after {
									display: block;
									clear: both;
									content: "";
									visibility: hidden;
									height: 0
								}
								body.clearfloat {
									zoom: 1
								}
								body.right - content.panel - body.page - menu {
									height: 140px;
									border - bottom: 1px solid # e7e7eb
								}
								body.right - content.panel - body.page - menu.td_1 {
									width: 170px
								}
								body.right - content.panel - body.page - menu.td_1.head {
									display: inline - block;
									width: 80px;
									height: 80px;
									text - align: center;
									border: 1px solid # e7e7eb;
									border - radius: 5px;
									margin: 0 20px 0 70px
								}
								body.right - content.panel - body.page - menu.td_1.head.wi,
								body.right - content.panel - body.page - menu.td_1.head.ext - apply - list.ext - apply - item.apply - show: before,
								.ext - apply - list body.right - content.panel - body.page - menu.td_1.head.ext - apply - item.apply - show: before,
								body.right - content.panel - body.page - menu.td_1.head.cut - list.item.apply - show: before,
								.cut - list body.right - content.panel - body.page - menu.td_1.head.item.apply - show: before {
									font - size: 42px;
									line - height: 80px;
									color: #428bca}body .right-content .panel-body .page-menu .td_2 span{line-height:35px;display:block}body .right-content .panel-body .page-menu .td_2 span.name{font-size:20px;color:# 4c4c4c
								}
								body.right - content.panel - body.page - menu.td_2 span.infor {
									color: #999}body .right-content .panel-body .page-menu .td_3{width:140px;padding-right:20px}body .right-content .panel-body .page-menu .td_3 span{display:inline-block;line-height:60px}body .right-content .panel-body .page-menu .td_3 span.price{font-size:20px;color:# 000;
									white - space: nowrap
								}
								body.right - content.panel - body.page - menu.td_3 span.price i {
									font - size: 30px;
									font - style: normal
								}
								body.right - content.panel - body.page - menu.td_3 span.buy {
									width: 140px;
									height: 40px;
									border - radius: 10px;
									background - color: # cf1010;
									font - size: 18px;
									color: # fff;
									text - align: center;
									line - height: 40px;
									float: right
								}
								body.right - content.panel - body.bg - gray {
									background - color: # fcfcfc;
									padding: 30px
								}
								body.right - content.panel - body.bg - gray.txt {
									padding - bottom: 10px
								}
								body.right - content.panel - body.bg - gray.txt p {
									color: #999}body .right-content .panel-body .bg-gray h1{font-size:16px;line-height:30px;color:# 1a1a1a;
									font - weight: 700
								}
								body.right - content.panel - body.bg - gray.creat ul {
									margin - right: -21px
								}
								body.right - content.panel - body.bg - gray.creat ul li {
									width: 200px;
									height: 90px;
									float: left;
									display: table;
									border: 1px solid # e7e7eb;
									background - color: # fff;
									margin - right: 21px;
									margin - bottom: 21px;
									padding: 15px 0;
									text - align: center;
									overflow: hidden;
									color: #4c4c4c}body .right-content .panel-body .bg-gray .creat ul li .type{line-height:30px;width:50%;display:table-cell;border-right:1px solid # ececec;
									vertical - align: middle
								}
								body.right - content.panel - body.bg - gray.creat ul li.type.wi,
								body.right - content.panel - body.bg - gray.creat ul li.type.ext - apply - list.ext - apply - item.apply - show: before,
								.ext - apply - list body.right - content.panel - body.bg - gray.creat ul li.type.ext - apply - item.apply - show: before,
								body.right - content.panel - body.bg - gray.creat ul li.type.cut - list.item.apply - show: before,
								.cut - list body.right - content.panel - body.bg - gray.creat ul li.type.item.apply - show: before {
									display: inline - block;
									font - size: 36px;
									color: # e6e6e6;
									vertical - align: top
								}
								body.right - content.panel - body.bg - gray.creat ul li.num {
									vertical - align: middle;
									display: table - cell;
									font - size: 20px
								}
								body.right - content.panel - body.bg - gray.about.box {
									border: 1px solid # e7e7eb;
									border - bottom: none
								}
								body.right - content.panel - body.bg - gray.about.box.nav {
									margin: 0
								}
								body.right - content.panel - body.bg - gray.about.box.nav: last - child {
									border - bottom: none
								}
								body.right - content.panel - body.bg - gray.about.box.nav.menu {
									height: 50px;
									line - height: 50px;
									background - color: # fff;
									padding: 0 20px
								}
								body.right - content.panel - body.bg - gray.about.box.nav.submenu {
									background - color: # f7f7f7;
									margin - bottom: 0;
									height: 320px
								}
								body.right - content.panel - body.bg - gray.about.box.nav.submenu li {
									padding: 10px 20px 7px 120px;
									border - bottom: 1px solid # e7e7eb;
									position: relative
								}
								body.right - content.panel - body.bg - gray.about.box.nav.submenu li.tit {
									position: absolute;
									left: 20px;
									top: 29px;
									color: #999}body .right-content .panel-body .bg-gray .about .box .nav .submenu li ul{flex-wrap:wrap;padding:0}body .right-content .panel-body .bg-gray .about .box .nav .submenu li ul li{border:none;display:inline-block;padding-right:20px;padding-left:0;width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body .right-content .panel-body .bg-gray .about .box .nav .submenu li ul li .head{display:inline-block;width:40px;height:40px;margin-right:5px;border-radius:10px;background-color:# ccc;
									vertical - align: middle
								}
								body.right - content.panel - body.bg - gray.about.box.nav.submenu li ul li.name {
									color: #4c4c4c}.mixMenu-head .navbar>.container>.navbar-collapse .navbar-right .tooltip.bottom{margin-top:-5px;padding:5px 0}.mixMenu-head .navbar>.container>.navbar-collapse .navbar-right .tooltip.bottom .tooltip-arrow{border-bottom-color:transparent}.mixMenu-head .navbar>.container>.navbar-collapse .navbar-right .tooltip .tooltip-inner{color:# 4c4c4c;
									background - color: # fff;
									border: 1px solid # c7c7c7
								}.mixMenu - head.navbar > .container > .navbar - collapse.navbar - right.tooltip.tooltip - inner: before,
								.mixMenu - head.navbar > .container > .navbar - collapse.navbar - right.tooltip.tooltip - inner: after {
									content: '';
									position: absolute;
									left: 15px;
									display: block;
									width: 0;
									height: 0;
									border: 5px solid transparent
								}.mixMenu - head.navbar > .container > .navbar - collapse.navbar - right.tooltip.tooltip - inner: before {
									top: -4px;
									border - bottom - color: # fff;
									z - index: 1
								}.mixMenu - head.navbar > .container > .navbar - collapse.navbar - right.tooltip.tooltip - inner: after {
									top: -5px;
									border - bottom - color: # c7c7c7;
									z - index: 0
								}.main.mixMenu - panel - heading {
									height: 50px
								}.main.mixMenu - panel - heading.navbar - nav {
									font - size: 16px;
									color: #4c4c4c}.main .mixMenu-panel-heading .navbar-nav li{padding:0 20px;line-height:47px}.main .mixMenu-panel-heading .navbar-nav li:hover{border-bottom:3px solid # 428bca;
									color: #428bca}.main .mixMenu-panel-heading .navbar-nav .on-tab{border-bottom:3px solid # 428bca;
									color: #428bca}.main .mixMenu-panel-body{clear:both;padding-left:50px;padding-right:50px}.main .mixMenu-panel-body .cut-list{margin:0}.main .mixMenu-panel-body .cut-list .cut-search .form-control{width:300px}.main .mixMenu-panel-body .cut-list .cut-search .input-group-btn .btn{width:50px;height:34px;background-color:# 428bca;
									outline: 0;
									padding: 7px 12px;
									border: 1px solid #428bca}.main .mixMenu-panel-body .cut-list .cut-search .input-group-btn .btn .wi-search{color:# fff;
									font - size: 16px
								}.main.mixMenu - panel - body.cut - list.font -
							default {
									line - height: 34px
								}.main.mixMenu - panel - body.cut - list.font -
							default.creat,
								.main.mixMenu - panel - body.cut - list.font -
							default.setting {
									float: left
								}.main.mixMenu - panel - body.cut - list.font -
							default.color -
							default {
									padding - left: 20px
								}.main.mixMenu - panel - body.cut - list.font -
							default.color -
							default.wi,
								.main.mixMenu - panel - body.cut - list.font -
							default.color -
							default.ext - apply - list.ext - apply - item.apply - show:
								before,
								.ext - apply - list.main.mixMenu - panel - body.cut - list.font -
							default.color -
							default.ext - apply - item.apply - show:
								before,
								.main.mixMenu - panel - body.cut - list.font -
							default.color -
							default.item.apply - show:
								before {
									font - size: 20px;
									vertical - align: middle;
									margin - right: 5px
								}.main.mixMenu - panel - body.cut - list.mixMenu - list {
									margin - right: -19px
								}.main.mixMenu - panel - body.cut - list.mixMenu - list.item {
									width: 204px;
									height: 210px;
									margin: 0 19px 19px 0
								}.main.mixMenu - panel - body.cut - list.mixMenu - list.item.content {
									padding: 28px
								}.main.mixMenu - panel - body.cut - list.mixMenu - list.item.content img.item - logo {
									margin - bottom: 20px;
									width: 100px;
									height: 100px
								}.main.mixMenu - panel - body.cut - list.mixMenu - list.item.content.item - footer.item - icon {
									height: 34px;
									width: 42px;
									line - height: 34px;
									font - size: 32px;
									color: # ccc;
									padding - right: 8px;
									margin - right: 8px;
									border - right: 1px solid # e5e5e5;
									float: left
								}.main.mixMenu - panel - body.cut - list.mixMenu - list.item.content.item - footer.info {
									text - align: left;
									font - size: 14px
								}.main.mixMenu - panel - body.cut - list.mixMenu - list.item.content.item - footer.info.name {
									color: #4c4c4c;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px;line-height:14px!important}.main .mixMenu-panel-body .cut-list .mixMenu-list .item .content .item-footer .info .type{font-size:12px;color:# 999
								}.mask - creat ul {
									display: table;
									margin: 0 auto
								}.mask - creat ul li {
									display: table - cell;
									padding: 0 20px;
									text - align: center
								}.mask - creat ul li.wi,
								.mask - creat ul li.ext - apply - list.ext - apply - item.apply - show: before,
								.ext - apply - list.mask - creat ul li.ext - apply - item.apply - show: before,
								.mask - creat ul li.cut - list.item.apply - show: before,
								.cut - list.mask - creat ul li.item.apply - show: before {
									margin - bottom: 5px;
									font - size: 70px;
									color: # ccc
								}.mask - creat ul li.name {
									color: #4c4c4c}.mask-creat ul li .name:before{content:attr(title)}.mask-creat ul li:hover .wi,.mask-creat ul li:hover .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .mask-creat ul li:hover .ext-apply-item.apply-show:before,.mask-creat ul li:hover .cut-list .item.apply-show:before,.cut-list .mask-creat ul li:hover .item.apply-show:before{color:# 428bca
								}.mask - creat ul li: hover.name {
									color: #428bca}.mask-creat ul li:hover .name:before{content:'去创建 >'}.skin-classical .main .mixMenu-panel-body .cut-list .mixMenu-list{margin-right:-15px}.skin-classical .main .mixMenu-panel-body .cut-list .mixMenu-list .item{margin-right:15px}.rewrite{counter-reset:section}.rewrite-head{font-size:16px;color:# 4c4c4c;
									margin - bottom: 20px
								}.rewrite - box {
									background - color: # fafafa;
									margin: 0 - 30px;
									padding: 20px 70px 10px;
									position: relative
								}.rewrite - box: before {
									counter - increment: section;
									content: counter(section);
									color: #428bca;font-size:30px;font-style:italic;position:absolute;top:10px;left:30px}.rewrite-box+.rewrite-box{margin-top:10px}.rewrite-box-head{color:# 999;
									font - size: 18px;
									margin - bottom: 15px
								}.rewrite - box p {
									padding: 0;
									margin - bottom: 0
								}.rewrite - box p + p {
									margin - top: 8px
								}.rewrite.rewrite - rule p {
									color: #4c4c4c;font-size:14px;line-height:1.5;margin-bottom:5px}.rewrite .rewrite-rule span{display:inline-block;color:# 999;
									margin: 10px 0
								}.rewrite.rewrite - rule h4 {
									font - size: 18px;
									color: #4c4c4c}.rewrite .rewrite-rule pre{background-color:# fff;
									color: #999;border-radius:2px;border-color:# e6e6e6
								}.rewrite.rewrite - rule.alert - info {
									background - color: # d9edf7;
									color: #31708f;line-height:1.8}.rewrite .rewrite-rule .alert-info code{padding:0;font-size:inherit;color:inherit;background-color:transparent;border-radius:0}.rewrite .rewrite-rule .alert-info .btn-primary{margin-top:5px;padding:5px 10px}# newUploaderImg.image.img - container.item.name,
									.uploader - modal.image.img - container.item.name,
									# newUploaderImg.module.col - sm - 2.item.name,
									.uploader - modal.module.col - sm - 2.item.name,
									# newUploaderImg.video.col - sm - 3.item.name,
									# newUploaderImg.voice.col - sm - 3.item.name,
									.uploader - modal.video.col - sm - 3.item.name,
									.uploader - modal.voice.col - sm - 3.item.name {
										text - overflow: ellipsis;
										overflow: hidden;
										white - space: nowrap
									}
									# newUploaderImg.modal - dialog,
									.uploader - modal.modal - dialog {
										width: 1088px
									}
									# newUploaderImg.modal - header,
									.uploader - modal.modal - header {
										border - bottom: 1px solid # e7e7eb;
										padding: 15px 20px
									}
									# newUploaderImg.modal - header.modal - title,
									.uploader - modal.modal - header.modal - title {
										font - size: 16px
									}
									# newUploaderImg.modal - footer.count,
									.uploader - modal.modal - footer.count {
										display: inline - block;
										height: 34px;
										line - height: 34px
									}
									# newUploaderImg.modal - footer.btn -
								default.disabled,
									.uploader - modal.modal - footer.btn -
								default.disabled {
										background - color: # E7E7EB
									}
									# newUploaderImg.modal - body,
									.uploader - modal.modal - body {
										padding: 0;
										max - height: 710px;
										overflow: hidden
									}
									# newUploaderImg.modal - body.nav.nav - pills,
									.uploader - modal.modal - body.nav.nav - pills {
										float: left;
										width: 150px;
										border - right: 1px solid # e7e7eb;
										padding - bottom: 999px;
										margin - bottom: -999px
									}
									# newUploaderImg.modal - body.nav.nav - pills li,
									.uploader - modal.modal - body.nav.nav - pills li {
										height: 34px;
										line - height: 34px;
										margin: 0;
										padding - left: 15px
									}
									# newUploaderImg.modal - body.nav.nav - pills li a,
									.uploader - modal.modal - body.nav.nav - pills li a {
										color: #252424}# newUploaderImg.modal - body.nav.nav - pills li.active,
										# newUploaderImg.modal - body.nav.nav - pills li: hover,
										.uploader - modal.modal - body.nav.nav - pills li.active,
										.uploader - modal.modal - body.nav.nav - pills li: hover {
											background - color: # f4f5f9
										}
										# newUploaderImg.modal - body.row,
										.uploader - modal.modal - body.row {
											margin: -10px
										}
										# newUploaderImg.modal - body.col - sm - 2,
										# newUploaderImg.modal - body.col - sm - 3,
										# newUploaderImg.modal - body.col - sm - 4,
										.uploader - modal.modal - body.col - sm - 2,
										.uploader - modal.modal - body.col - sm - 3,
										.uploader - modal.modal - body.col - sm - 4 {
											padding: 10px;
											overflow: hidden;
											box - sizing: border - box;
											cursor: pointer
										}
										# newUploaderImg.tab - content,
										.uploader - modal.tab - content {
											width: 935px;
											height: 100 % ;
											float: left
										}
										# newUploaderImg.news.tab - content,
										.uploader - modal.news.tab - content {
											height: 370px;
											overflow: hidden
										}
										# newUploaderImg.news.material - appmsg - item,
										.uploader - modal.news.material - appmsg - item {
											width: 100 %
										}
										# newUploaderImg.news # material - list - pager,
										.uploader - modal.news # material - list - pager {
											float: right;
											height: 64px;
											padding - bottom: 15px;
											padding - right: 15px
										}
										# newUploaderImg.basic.modal - body,
										.uploader - modal.basic.modal - body {
											padding: 30px
										}
										# newUploaderImg.basic.modal - body.tab - content,
										.uploader - modal.basic.modal - body.tab - content {
											width: 100 % ;
											float: none;
											margin - top: 1px
										}
										# newUploaderImg.basic.modal - body.tab - content textarea,
										.uploader - modal.basic.modal - body.tab - content textarea {
											width: 100 %
										}
										# newUploaderImg.music.modal - body,
										.uploader - modal.music.modal - body {
											padding: 30px
										}
										# newUploaderImg.voice.tab - content,
										# newUploaderImg.video.tab - content,
										# newUploaderImg.image.tab - content,
										# newUploaderImg.module.tab - content,
										.uploader - modal.voice.tab - content,
										.uploader - modal.video.tab - content,
										.uploader - modal.image.tab - content,
										.uploader - modal.module.tab - content {
											width: 100 % ;
											padding: 15px;
											float: none
										}
										# newUploaderImg.voice # material - list - pager,
										# newUploaderImg.video # material - list - pager,
										# newUploaderImg.image # material - list - pager,
										# newUploaderImg.module # material - list - pager,
										.uploader - modal.voice # material - list - pager,
										.uploader - modal.video # material - list - pager,
										.uploader - modal.image # material - list - pager,
										.uploader - modal.module # material - list - pager {
											float: right;
											height: 64px;
											padding - bottom: 15px;
											padding - right: 15px
										}
										# newUploaderImg.image.material - body,
										.uploader - modal.image.material - body {
											padding: 0;
											position: relative;
											overflow - y: hidden
										}
										# newUploaderImg.image.material - body.selected - all,
										.uploader - modal.image.material - body.selected - all {
											width: 915px;
											padding: 10px 30px;
											background: # fff;
											position: absolute;
											left: 170px;
											bottom: -1px;
											z - index: 20
										}
										# newUploaderImg.image.tab - content,
										.uploader - modal.image.tab - content {
											height: 460px;
											padding: 15px 7px
										}
										# newUploaderImg.image.tab - content.history.img - list,
										.uploader - modal.image.tab - content.history.img - list {
											margin: 0
										}
										# newUploaderImg.image.category,
										.uploader - modal.image.category {
											width: 170px;
											height: 460px;
											overflow - y: auto;
											border - right: 1px solid # e7e7eb;
											background: # f4f5f9;
											float: left
										}
										# newUploaderImg.image.category.add,
										.uploader - modal.image.category.add {
											line - height: 44px;
											text - align: center;
											background: # fff;
											border - bottom: 1px solid # e7e7eb
										}
										# newUploaderImg.image.category li,
										.uploader - modal.image.category li {
											line - height: 44px;
											background: 0 0
										}
										# newUploaderImg.image.category li: hover.name.setting,
										.uploader - modal.image.category li: hover.name.setting {
											display: block
										}
										# newUploaderImg.image.category li.wi - file,
										.uploader - modal.image.category li.wi - file {
											color: # edce86;
											margin - right: 10px
										}
										# newUploaderImg.image.category li.active,
										# newUploaderImg.image.category li: hover,
										.uploader - modal.image.category li.active,
										.uploader - modal.image.category li: hover {
											background: # fff
										}
										# newUploaderImg.image.category li.name,
										.uploader - modal.image.category li.name {
											width: 100 % ;
											padding: 0 30px 0 20px;
											overflow: hidden;
											white - space: nowrap;
											text - overflow: ellipsis;
											position: relative;
											cursor: pointer
										}
										# newUploaderImg.image.category li.name.setting,
										.uploader - modal.image.category li.name.setting {
											position: absolute;
											right: 2px;
											top: 0;
											cursor: pointer;
											color: #428bca;display:none}# newUploaderImg.image.category li input,
											.uploader - modal.image.category li input {
												display: inline - block;
												width: 90px
											}
											# newUploaderImg.image.category li.edit,
											.uploader - modal.image.category li.edit {
												padding: 0 20px;
												border - top: 1px solid # f5f5f5;
												display: none
											}
											# newUploaderImg.image.category li.edit.show,
											.uploader - modal.image.category li.edit.show {
												display: block
											}
											# newUploaderImg.image.category li.edit a,
											.uploader - modal.image.category li.edit a {
												display: inline - block;
												margin: 0 5px
											}
											# newUploaderImg.image.category li.edit a.wi,
											.uploader - modal.image.category li.edit a.wi {
												font - size: 14px
											}
											# newUploaderImg.image.img - container,
											.uploader - modal.image.img - container {
												padding: 10px 10px 41px;
												flex - wrap: wrap;
												margin - left: 171px;
												max - height: 460px;
												overflow - y: auto
											}
											# newUploaderImg.image.img - container.item,
											.uploader - modal.image.img - container.item {
												flex: none;
												position: relative;
												width: calc(20 % -20px);
												margin: 10px;
												text - align: center;
												vertical - align: middle;
												background - color: # eee;
												background - size: contain;
												background - repeat: no - repeat;
												background - position: 50 % 50 %
											}
											# newUploaderImg.image.img - container.item: before,
											.uploader - modal.image.img - container.item: before {
												content: "";
												display: inline - block;
												padding - bottom: 100 % ;
												width: .1px;
												vertical - align: middle
											}
											# newUploaderImg.image.img - container.item.name,
											.uploader - modal.image.img - container.item.name {
												position: absolute;
												bottom: 0;
												left: 0;
												width: 100 % ;
												line - height: 34px;
												background: rgba(0, 0, 0, .5);
												color: # fff;
												padding: 0 20px;
												text - align: left;
												z - index: 2
											}
											# newUploaderImg.image.img - net,
											.uploader - modal.image.img - net {
												font - size: 18px
											}
											# newUploaderImg.image.img - net.img,
											.uploader - modal.image.img - net.img {
												width: auto;
												height: 200px;
												margin: 50px 0 20px 0
											}
											# newUploaderImg.image.img - net input,
											.uploader - modal.image.img - net input {
												width: 500px;
												margin: 10px auto
											}
											# newUploaderImg.image.img - net.btn,
											.uploader - modal.image.img - net.btn {
												width: 120px;
												margin: 10px 0
											}
											# newUploaderImg.keyword.tab - content,
											.uploader - modal.keyword.tab - content {
												width: 100 % ;
												height: 310px;
												padding: 15px;
												float: none
											}
											# newUploaderImg.keyword.material - content,
											.uploader - modal.keyword.material - content {
												padding: 0
											}
											# newUploaderImg.keyword.row,
											.uploader - modal.keyword.row {
												margin: -10px
											}
											# newUploaderImg.keyword.col - sm - 2,
											.uploader - modal.keyword.col - sm - 2 {
												padding: 10px;
												overflow: hidden;
												box - sizing: border - box;
												cursor: pointer
											}
											# newUploaderImg.keyword.col - sm - 2 a,
											.uploader - modal.keyword.col - sm - 2 a {
												display: block;
												width: 100 % ;
												height: 75px;
												position: relative;
												cursor: pointer;
												border: 1px solid # e7e7eb;
												text - align: center
											}
											# newUploaderImg.keyword.col - sm - 2 a span,
											.uploader - modal.keyword.col - sm - 2 a span {
												display: inline - block;
												width: 94 % ;
												padding: 0 3 % ;
												max - height: 54px;
												line - height: 18px;
												overflow: hidden;
												box - sizing: border - box;
												white - space: normal;
												position: absolute;
												top: 50 % ;
												left: 50 % ; - webkit - transform: translate(-50 % , -50 % ); - o - transform: translate(-50 % , -50 % ); - moz - transform: translate(-50 % , -50 % );
												transform: translate(-50 % , -50 % )
											}
											# newUploaderImg.keyword.col - sm - 2.active a,
											# newUploaderImg.keyword.col - sm - 2: hover a,
											.uploader - modal.keyword.col - sm - 2.active a,
											.uploader - modal.keyword.col - sm - 2: hover a {
												background - color: # f4f6f9;
												color: #428bca}# newUploaderImg.module.tab - content,
												.uploader - modal.module.tab - content {
													padding: 15px 7px
												}
												# newUploaderImg.module.img - list,
												.uploader - modal.module.img - list {
													margin: 0
												}
												# newUploaderImg.module.img - list img,
												.uploader - modal.module.img - list img {
													margin: 17px 0 4px 0
												}
												# newUploaderImg.module.col - sm - 2.item,
												.uploader - modal.module.col - sm - 2.item {
													position: relative;
													width: 100 % ;
													text - align: center;
													border: 1px solid # e7e7eb
												}
												# newUploaderImg.module.col - sm - 2.item: before,
												.uploader - modal.module.col - sm - 2.item: before {
													content: "";
													display: inline - block;
													padding - bottom: 100 % ;
													width: .1px;
													vertical - align: middle
												}
												# newUploaderImg.module.col - sm - 2.item.icon,
												.uploader - modal.module.col - sm - 2.item.icon {
													width: 80px;
													height: 80px;
													border - radius: 10px;
													vertical - align: middle
												}
												# newUploaderImg.module.col - sm - 2.item.name,
												.uploader - modal.module.col - sm - 2.item.name {
													position: absolute;
													bottom: 0;
													left: 0;
													width: 100 % ;
													line - height: 34px;
													background: rgba(0, 0, 0, .5);
													color: # fff;
													padding: 0 20px;
													text - align: left;
													z - index: 2
												}
												# newUploaderImg.video.col - sm - 3.item,
												# newUploaderImg.voice.col - sm - 3.item,
												.uploader - modal.video.col - sm - 3.item,
												.uploader - modal.voice.col - sm - 3.item {
													position: relative;
													width: 100 % ;
													height: 150px;
													text - align: center;
													border: 1px solid # e7e7eb
												}
												# newUploaderImg.video.col - sm - 3.item.icon,
												# newUploaderImg.voice.col - sm - 3.item.icon,
												.uploader - modal.video.col - sm - 3.item.icon,
												.uploader - modal.voice.col - sm - 3.item.icon {
													width: 60px;
													height: 60px;
													margin - top: 18px
												}
												# newUploaderImg.video.col - sm - 3.item.time,
												# newUploaderImg.voice.col - sm - 3.item.time,
												.uploader - modal.video.col - sm - 3.item.time,
												.uploader - modal.voice.col - sm - 3.item.time {
													color: #999;line-height:34px}# newUploaderImg.video.col - sm - 3.item.name,
													# newUploaderImg.voice.col - sm - 3.item.name,
													.uploader - modal.video.col - sm - 3.item.name,
													.uploader - modal.voice.col - sm - 3.item.name {
														position: absolute;
														bottom: 0;
														left: 0;
														width: 100 % ;
														line - height: 34px;
														background: rgba(0, 0, 0, .5);
														color: # fff;
														padding: 0 20px;
														text - align: left;
														z - index: 2
													}
													# newUploaderImg.modal - body.image,
													# newUploaderImg.modal - body.thumb {
														height: 459px
													}
													# newUploaderImg.modal - body # wx.tablepanel - top,
													# newUploaderImg.modal - body # local.tablepanel - top {
														padding: 10px 15px;
														line - height: 34px;
														border - bottom: 1px solid # e7e7eb
													}
													# newUploaderImg.modal - body # wx.tablepanel - top span,
													# newUploaderImg.modal - body # local.tablepanel - top span {
														color: #999;display:inline-block;margin-right:20px}# newUploaderImg.modal - body # wx.tablepanel - con,
														# newUploaderImg.modal - body # local.tablepanel - con {
															padding: 15px
														}
														# newUploaderImg.modal - body # wx.tablepanel - con input[type = text].form - control,
														# newUploaderImg.modal - body # local.tablepanel - con input[type = text].form - control {
															border - radius: 4px
														}
														# newUploaderImg.modal - body # wx.tablepanel - con.empty,
														# newUploaderImg.modal - body # local.tablepanel - con.empty {
															height: 330px;
															line - height: 330px;
															text - align: center;
															font - size: 18px
														}
														# newUploaderImg.modal - body # wx.tablepanel - con.fa,
														# newUploaderImg.modal - body # local.tablepanel - con.fa {
															margin: 0
														}
														# newUploaderImg.modal - body # wx.tablepanel - con.item,
														# newUploaderImg.modal - body # local.tablepanel - con.item {
															float: left;
															border: 1px solid # e7e7eb;
															width: 120px;
															height: 150px;
															margin: 0 15px 15px 0
														}
														# newUploaderImg.modal - body # wx.tablepanel - con.item.img,
														# newUploaderImg.modal - body # local.tablepanel - con.item.img {
															position: relative;
															overflow: hidden;
															width: 100 % ;
															height: 114px;
															text - align: center;
															background - color: # f4f5f9;
															background - size: contain;
															background - repeat: no - repeat;
															background - position: 50 % 50 % ;
															cursor: pointer
														}
														# newUploaderImg.modal - body # wx.tablepanel - con.item.img.cover,
														# newUploaderImg.modal - body # local.tablepanel - con.item.img.cover {
															display: none;
															position: absolute;
															top: 0;
															left: 0;
															width: 100 % ;
															height: 100 % ;
															text - align: center;
															line - height: 114px;
															background: rgba(0, 0, 0, .6);
															color: # fff
														}
														# newUploaderImg.modal - body # wx.tablepanel - con.item.img.cover.wi,
														# newUploaderImg.modal - body # local.tablepanel - con.item.img.cover.wi {
															font - size: 48px
														}
														# newUploaderImg.modal - body # wx.tablepanel - con.item.img - title,
														# newUploaderImg.modal - body # local.tablepanel - con.item.img - title {
															text - align: center;
															width: 100 % ;
															height: 34px;
															line - height: 34px;
															overflow: hidden;
															white - space: nowrap;
															text - overflow: ellipsis
														}
														# newUploaderImg.modal - body # wx.tablepanel - con.item.selected.cover,
														# newUploaderImg.modal - body # local.tablepanel - con.item.selected.cover {
															display: block
														}
														# newUploaderImg.modal - body # link {
															padding: 30px
														}
														# newUploaderImg.modal - body # link.item {
															border: 1px solid # e7e7eb;
															width: 120px;
															height: 150px;
															margin - right: 30px;
															float: left
														}
														# newUploaderImg.modal - body # link.item.img {
															position: relative;
															overflow: hidden;
															width: 100 % ;
															height: 114px;
															text - align: center;
															background - color: # f4f5f9;
															background - size: contain;
															background - repeat: no - repeat;
															background - position: 50 % 50 %
														}
														# newUploaderImg.modal - body # link.item.img.cover {
															display: none;
															position: absolute;
															top: 0;
															left: 0;
															width: 100 % ;
															height: 100 % ;
															text - align: center;
															line - height: 114px;
															background: rgba(0, 0, 0, .6);
															color: # fff
														}
														# newUploaderImg.modal - body # link.item.img.cover.wi {
															font - size: 48px
														}
														# newUploaderImg.modal - body # link.item.img - title {
															text - align: center;
															width: 100 % ;
															height: 34px;
															line - height: 34px;
															overflow: hidden;
															white - space: nowrap;
															text - overflow: ellipsis
														}
														# newUploaderImg.modal - body # link.link {
															float: left;
															width: 450px
														}
														# newUploaderImg.modal - body # link.link.state {
															font - size: 18px;
															color: #999;margin:15px 0}# newUploaderImg.modal - body # link.link button {
																min - width: 105px;
																margin: 15px 0
															}.uploader - modal.tablepanel - top {
																padding: 10px 15px;
																line - height: 34px;
																border - bottom: 1px solid # e7e7eb
															}.uploader - modal.tablepanel - top span {
																color: #999;display:inline-block;margin-right:20px}.uploader-modal .tablepanel-con{padding:15px 0}.uploader-modal .graphic-list{overflow-x:hidden;overflow-y:auto;height:310px}