hr,
legend {
	border: 0
}

legend,
td,
th {
	padding: 0
}

body,
figure {
	margin: 0
}

.oui-icon,
html {-moz-osx-font-smoothing: grayscale}


.chatSidebarInner{
        width: 60px;
        height: 180px;
        position: fixed;
        top:50%;
        margin:-100px 0;
        right: 20px;
        bottom: 180px;
        z-index: 9999999;
        background: white;
        border-radius: 40px;
        box-shadow: 0 0 50px #ccced2;

    }







.btn-group-stacked>.btn-group:after,
.btn-group-switch .btn-group-stacked>.ui-switch-menu:after,
.btn-toolbar:after,
.clearfix:after,
.container:after,
.dtpicker .dtpicker-menu .calendar-wrapper:after,
.dtpicker .range-wrapper .range-operate:after,
.dtpicker .range-wrapper:after,
.errorPageRoot .cardErrorPage:after,
.footnote .box:after,
.index-comment .define-index:after,
.nav>ul:after,
.navbar-datepicker .ui-datepicker-panel .ui-datepicker-calendars:after,
.navbar-datepicker:after,
.navbar-header:after,
.op-preview-dialog .image-list:after,
.oui-calendar-content .oui-calendar-pannel:after,
.oui-calendar-trigger:after,
.oui-calendar:after,
.oui-carousel .oui-carousel-container .oui-carousel-list:after,
.oui-carousel:after,
.oui-clearfix:after,
.oui-container-fluid:after,
.oui-container:after,
.oui-dialog .oui-dialog-locator .oui-dialog-container .oui-dialog-actions:after,
.oui-dialog .oui-dialog-locator .oui-dialog-container .oui-dialog-content:after,
.oui-dialog .oui-dialog-locator .oui-dialog-container .oui-dialog-header:after,
.oui-dialog .oui-dialog-locator .oui-dialog-container:after,
.oui-dropdown-trigger:after,
.oui-dropdown:after,
.oui-pager:after,
.oui-pagination:after,
.oui-panel .oui-panel-body:after,
.oui-panel-body:after,
.oui-picture:after,
.oui-popover:after,
.oui-row:after,
.oui-select-trigger:after,
.oui-select:after,
.oui-slider .oui-slider-content:after,
.oui-sortable:after,
.oui-tab .oui-tab-head:after,
.oui-tab .oui-tab-head:before,
.oui-tooltip:after,
.panel-header:after,
.sycm-feedback-dialog .ui-dialog-locator .feedback-submit .feedback-actions:after,
.sycm-feedback-dialog .ui-dialog-locator .mod-feedback-list .feedback-list>li>.question:after,
.ui-calendar .ui-calendar-pannel:after,
.ui-carousel .ui-carousel-container .ui-carousel-list:after,
.ui-combopicker .btn-combopicker:after,
.ui-combopicker .ui-combopicker-panel .ui-combopicker-btns:after,
.ui-dialog .ui-dialog-container .ui-dialog-content .ui-dialog-actions:after,
.ui-dialog .ui-dialog-container .ui-dialog-header:after,
.ui-download .btn-dropdown:after,
.ui-dropdown-menu>li>a,
.ui-indexpicker .btn-indexpicker:after,
.ui-indexpicker .ui-indexpicker-panel .ui-indexpicker-btns:after,
.ui-pager:after,
.ui-pagination:after,
.ui-robot:after,
.ui-selector .btn-selector:after,
.ui-slide .ui-slide-content:after {
	clear: both
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

a {
	background-color: transparent
}

a:active,
a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em
}

.mark,
mark {
	background: #ff0;
	color: #000
}

.small,
small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

svg:not(:root) {
	overflow: hidden
}

hr {
	box-sizing: content-box;
	height: 0
}

pre,
textarea {
	overflow: auto
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

.oui-label,
optgroup {
	font-weight: 700
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

select {
	-moz-appearance: none;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {

	blockquote,
	img,
	pre,
	tr {
		page-break-inside: avoid
	}

	*,
	:after,
	:before {
		background: 0 0 !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important
	}

	a,
	a:visited {
		text-decoration: underline
	}

	a[href]:after {
		content: " (" attr(href) ")"
	}

	abbr[title]:after {
		content: " (" attr(title) ")"
	}

	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: ""
	}

	blockquote,
	pre {
		border: 1px solid #999
	}

	thead {
		display: table-header-group
	}

	img {
		max-width: 100% !important
	}

	h2,
	h3,
	p {
		orphans: 3;
		widows: 3
	}

	h2,
	h3 {
		page-break-after: avoid
	}

	select {
		background: #fff !important
	}

	.navbar {
		display: none
	}

	.btn-group-switch .ui-switch-menu .dropup>.ui-switch-item>.caret,
	.btn-group-switch .ui-switch-menu .ui-switch-item>.caret,
	.btn>.caret,
	.dropup>.btn>.caret {
		border-top-color: #000 !important
	}

	.label {
		border: 1px solid #000
	}

	.table {
		border-collapse: collapse !important
	}

	.table td,
	.table th {
		background-color: #fff !important
	}

	.table-bordered td,
	.table-bordered th {
		border: 1px solid #ddd !important
	}
}

*,
:after,
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

html {
	font-size: 10px;
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: antialiased !important
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

a {
	color: #1987cf;
	text-decoration: none
}

a:focus,
a:hover {
	color: #34a0e7;
	text-decoration: none
}

a:focus {
	outline: dotted thin;
	outline: -webkit-focus-ring-color auto 5px;
	outline-offset: -2px
}

ol,
ul {
	margin: 0;
	padding: 0;
	list-style: none
}

body {
	font-family: "Microsoft YaHei", SimHei, "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
	font-weight: 400;
	line-height: 17px;
	background-color: #fff;
	height: initial;
}

.img-icon {
	background: url(/Public/Images/Home/icon_sprites.png) no-repeat;
}


header .header-wrapper .icon-log-out {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADCSURBVHjarJI9CgIxFIQ/Qxphb2CbakFv4A2sBGGxsPUK3kSsbexsPIYguBAQtvICllsJNlFCyJ/RKRPyvcybGezuDyxdgTHfaSI9hw3QZQIOAD6IBtpMSA8g+INEwsqyBKLfXzTaACegikGkWY4K3CuT1gWYAbcQpM6IVQFnYAUcU3Ziqoy94S+QLTB1dvax0/joVplGwBrYxxarI9NbYJ4qn/BMtpNa5LTXhdSOtWdJ2YokA8vsM98rHySWVEjdawBsXR+1ZG5LugAAAABJRU5ErkJggg==) no-repeat
}

header {
	position: relative;
	height: 72px;
	background-color: #34a0e7
}

header .header-bg-wrapper {
	width: 100%;
	height: 72px
}

header .header-bg-wrapper:after {
	clear: both
}

header .header-bg-wrapper .left-half-part,
header .header-bg-wrapper .right-half-part {
	width: 50%;
	height: 100%
}

header .header-bg-wrapper .left-half-part {
	float: left;
	background: #0088FE
}

header .header-bg-wrapper .right-half-part {
	float: right;
	background: #0088FE
}

header .header-front-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 72px
}

header .header-wrapper {
	position: relative;
	width: 1210px;
	height: 100%;
	margin: 0 auto;
	background: #0088FE
}

header .header-wrapper:after {
	clear: both
}

header .header-wrapper .logo {
	float: left;
	display: inline-block;
	width: 180px;
	height: 49px;
	background: url(/Public/Images/Home/ysk-logo.png) no-repeat;
	background-position: 0 5px;
	margin-top: 10px;
	margin-right: 10px;
}

header .header-wrapper .logo .logo-link {
	display: inline-block;
	width: 136px;
	height: 49px
}

header .header-wrapper .logo.logo-with-tools {
	width: auto
}

header .header-wrapper .logo.logo-with-tools .logo-link {
	float: left
}

header .header-wrapper .logo.logo-with-tools .sub-logo {
	border-left: 1px solid #99cfff;
	padding: 0 34px 0 8px;
	color: #fff;
	float: left;
	font-size: 18px;
	line-height: 18px;
	margin-top: 9px;
	margin-left: 8px
}

header .header-wrapper .product-list {
	float: left;
	width: 900px;
	height: 72px
}

header .header-wrapper .product-list:after,
header .header-wrapper .product-list:before {
	content: " ";
	display: table
}

header .header-wrapper .product-list:after {
	clear: both
}

header .header-wrapper .product-list .product {
	float: left;
	height: 72px;
	line-height: 72px;
	text-align: center;
	width: 100px
}

header .header-wrapper .product-list .product:first-child {
	width: 72px
}

header .header-wrapper .product-list .product:hover {
	background: rgba(0, 0, 0, .08)
}

header .header-wrapper .product-list .product>a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 16px
}

header .header-wrapper .product-list .product:hover .popupMenu {
	display: block
}

header .header-wrapper .product-list .product .popupMenu {
	display: none
}

header .header-wrapper .product-list .productlist-popupmenu-root {
	background: #fff;
	/*width: 340px;*/
	position: absolute;
	z-index: 1111;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
	border: none
}

header .header-wrapper .product-list .productlist-popupmenu-root.popupMenu {
	padding: 10px 0 14px 10px;
	margin-top: -1px;
	width: 340px;
}

header .header-wrapper .product-list .productlist-popupmenu-root .productlist-popupmenu-level2Item {
	text-align: left;
	margin-bottom: 10px;
	line-height: 34px
}

header .header-wrapper .product-list .productlist-popupmenu-root .productlist-popupmenu-level2Item .productlist-popupmenu-level2Name {
	margin-left: 10px;
	line-height: 34px;
	font-size: 14px;
	vertical-align: middle;
	color: #999
}

header .header-wrapper .product-list .productlist-popupmenu-root .productlist-popupmenu-level2Item .productlist-popupmenu-level3List:after,
header .header-wrapper .product-list .productlist-popupmenu-root .productlist-popupmenu-level2Item .productlist-popupmenu-level3List:before {
	content: " ";
	display: table
}

header .header-wrapper .product-list .productlist-popupmenu-root .productlist-popupmenu-level2Item .productlist-popupmenu-level3List:after {
	clear: both
}

header .header-wrapper .product-list .productlist-popupmenu-root .productlist-popupmenu-level2Item .productlist-popupmenu-level3List .productlist-popupmenu-level3Item {
	width: 100px;
	margin-left: 10px;
	height: 24px;
	line-height: 24px;
	display: block;
	float: left
}

header .header-wrapper .product-list .productlist-popupmenu-root .productlist-popupmenu-level2Item .productlist-popupmenu-level3List .productlist-popupmenu-level3Item span {
	font-size: 12px;
	margin-left: 8px;
	color: #fff;
	background: #00c49f;
	padding: 0 2px;
	border-radius: 2px;
	line-height: 16px;
}

header .header-wrapper .product-list .productlist-popupmenu-root .productlist-popupmenu-level2Item .productlist-popupmenu-level3List .productlist-popupmenu-level3Item .productlist-popupmenu-level3Name {
	line-height: 24px;
	font-size: 12px;
	vertical-align: middle;
	color: #333;
	cursor: pointer;
	background: 0 0
}

header .header-wrapper .product-list .productlist-popupmenu-root .productlist-popupmenu-level2Item .productlist-popupmenu-level3List .productlist-popupmenu-level3Item .productlist-popupmenu-level3Name.selected {
	color: #00c49f;
	cursor: default
}

header .header-wrapper .product-list .product-market {
	position: relative
}

header .header-wrapper .product-list .product-market .force-show.dropdown-menu {
	display: block
}

header .header-wrapper .product-list .product-market .market-badge {
	position: absolute;
	width: 14px;
	height: 14px;
	top: 10px;
	right: 6px;
	background: url(/Public/Images/Home/TB148f1JVXXXXbLXpXXXXXXXXXX-200-200.png) no-repeat
}

header .header-wrapper .product-list .product-market .market-badge.pro {
	background-position: -20px -20px
}

header .header-wrapper .product-list .product-market .market-badge.std {
	background-position: 0 -20px
}

header .header-wrapper .product-list .product-market>a {
	background: 0 0;
	position: relative
}

header .header-wrapper .product-list .product-market .dropdown-menu {
	display: none;
	position: absolute;
	top: 72px;
	left: 0;
	width: 170px;
	z-index: 1041;
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
	border: 1px solid #d5d5d5;
	padding: 15px 0;
	list-style: none;
	line-height: 24px;
	font-size: 12px
}

header .header-wrapper .product-list .product-market .dropdown-menu .menu-item {
	text-indent: -2px;
	text-align: center;
	font: 14px/26px "Microsoft YaHei", SimHei, "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
	cursor: pointer;
	display: inline-block;
	width: 70px
}

header .header-wrapper .product-list .product-market .dropdown-menu .menu-item.active {
	color: #00C09C
}

header .header-wrapper .product-list .product-market .dropdown-menu .menu-item.disabled {
	color: #bababa;
	cursor: default
}

header .header-wrapper .product-list .product.active,
header .header-wrapper .product-list .product.active:hover {
	background: rgba(0, 0, 0, .1)
}

header .header-wrapper .log-out,
header .header-wrapper .nick {
	display: none
}

header .header-wrapper .personal-center-wrapper {
	float: right;
	color: #fff
}

header .header-wrapper .personal-center-wrapper a {
	color: #fff
}

header .header-wrapper .personal-center-wrapper .userTopBar {
	position: absolute;
	right: 0;
	height: 30px;
	line-height: 30px
}

header .header-wrapper .personal-center-wrapper .userTopBar a:hover {
	text-decoration: underline;
}

header .header-wrapper .personal-center-wrapper .shopName {
	font-size: 12px;
	color: #99CFFF
}

header .header-wrapper .personal-center-wrapper .logout {
	margin-left: 16px;
	padding-right: 13px;
	border-right: 1px solid #5CABEC
}

header .header-wrapper .personal-center-wrapper .shopActions .link-item {
	margin-left: 13px
}

header .header-wrapper .personal-center-wrapper .shopActions .link-disabled {
	color: #99CFFF;
	cursor: default
}

header .header-wrapper .personal-center-wrapper .changeShopWrapper {
	position: absolute;
	top: 24px;
	right: 1px;
	cursor: pointer;
	height: 42px;
	line-height: 42px
}

header .header-wrapper .personal-center-wrapper .change-shop-popover {
	position: absolute;
	top: 64px;
	right: 0;
	width: 244px;
	background: #fff;
	color: #4A4A4A;
	z-index: 1999;
	border: 1px solid #E9EFF4;
	box-shadow: 2px 0 4px rgba(0, 0, 0, .07)
}

header .header-wrapper .personal-center-wrapper .change-shop-popover .shop-item-title {
	width: 166px
}

header .header-wrapper .personal-center-wrapper .no-sub-shops {
	padding: 16px 18px
}

header .header-wrapper .personal-center-wrapper .active,
header .header-wrapper .personal-center-wrapper .shop-item:hover {
	background: #ebf6ff
}

header .header-wrapper .personal-center-wrapper .single-shop {
	float: left;
	margin-right: 8px;
	width: 38px
}

header .header-wrapper .personal-center-wrapper .single-shop-img {
	width: 20px;
	border-radius: 10px;
	margin-left: 9px
}

header .header-wrapper .personal-center-wrapper .shop-item {
	padding: 6px 8px;
	height: 32px;
	line-height: 20px;
	cursor: pointer
}

header .header-wrapper .personal-center-wrapper .current-shop-item-title {
	display: block;
	float: left;
	max-width: 166px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: middle;
	font-size: 16px
}

header .header-wrapper .personal-center-wrapper .shop-item-title {
	display: block;
	float: left;
	max-width: 154px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: middle
}

header .header-wrapper .personal-center-wrapper .current-shop-item-type,
header .header-wrapper .personal-center-wrapper .shop-item-type {
	display: block;
	float: left
}

header .header-wrapper .personal-center-wrapper .current-shop-item-type .img-circle {
	margin-right: 10px;
}

header .header-wrapper .personal-center-wrapper .switch-shop-disabled .change-shop-popover,
header .header-wrapper .personal-center-wrapper .switch-shop-disabled .icon-angle-down-white,
header .header-wrapper .personal-center-wrapper .switch-shop-disabled .icon-angle-up-white {
	display: none !important
}

header .header-wrapper .personal-center-wrapper .switch-shop-disabled .changeShopWrapper {
	cursor: default !important
}

.ebase-Frame__wrapper .ebase-Frame__pageTopHeader {
	position: relative;
	z-index: 99;
	margin: 0 auto;
	transition: width .5s;
}

.container {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1210px;
}

#container {
	margin-top: 20px;
	width: 1210px;
	border-right: 1px solid #EBEBEB;
	position: relative;
	overflow: hidden;
	padding: 0
}

#container nav {
	float: left;
}

#container article.main {
	float: right;
	width: 1050px;
	min-height: 780px;
	border: 1px solid #EBEBEB;
	border-right: none;
	margin: -1px 0;
	padding-top: 24px;
	background-color: #fff;
	padding-bottom: 20px;
	position: relative;
}



nav {
	position: relative;
	width: 150px;
	border-right: none;
	background-color: #f8f9fb;
	z-index: 1040
}

nav .menu-list {
	padding-top: 10px
}

nav .menu-list .icon-new {
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -5px
}

nav .sub-menu-top-logo {
	background: #00c49f;
	color: #fff;
	font-size: 16px;
	line-height: 50px;
	vertical-align: middle;
	text-align: center
}

nav .sub-menu-top-logo .sub-menu-top-logo-icon {
	font-size: 20px;
	margin-right: 8px
}

nav .fixed-nav {
	position: fixed;
	top: 0
}

nav .special-nav .menu-list {
	width: 150px;
	padding: 0 12px
}

nav .special-nav .menu-list>.menu {
	border-top: 1px solid #e6e6e6;
	padding-bottom: 12px
}

nav .special-nav .menu-list>.menu>a {
	position: relative;
	display: block;
	padding-top: 12px;
	line-height: 38px;
	border-top: 1px solid #fdfdfd;
	font-size: 16px;
	color: #a6a6a6
}

nav .special-nav .menu-list>.menu>a>span {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding-left: 25px
}

nav .special-nav .menu-list>.menu>a>.icon-new {
	margin-top: 0
}

nav .special-nav .menu-list>.menu>.sub-menu>li {
	position: relative;
	padding-left: 30px;
	height: 50px;
	line-height: 50px
}

nav .special-nav .menu-list>.menu>.sub-menu>li>a {
	color: #333;
	font-family: "Microsoft YaHei", SimHei, "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
	font-size: 14px
}

nav .special-nav .menu-list>.menu>.sub-menu>li.current {
	position: relative
}

nav .special-nav .menu-list>.menu>.sub-menu>li.current a {
	color: #34a0e7
}

nav .common-nav .menu-list>.menu .sub-menu>li>a,
nav .common-nav .menu-list>.menu>a {
	color: #555;
	font-family: "Microsoft YaHei", SimHei, "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif
}

nav .special-nav .menu-list>.menu>.sub-menu>li.current:after {
	content: "";
	position: absolute;
	top: 21px;
	left: 20px;
	border: solid transparent;
	height: 0;
	width: 0;
	border-width: 4px;
	border-left-color: #34a0e7
}

nav .special-nav .menu-list>.menu:first-child,
nav .special-nav .menu-list>.menu:first-child>a {
	border-top: none
}

nav .common-nav .menu-list>.menu {
	position: relative;
	border: 1px solid #f8f9fb;
	border-left: none;
	border-right: none;
	height: 50px;
	line-height: 50px;
	z-index: 1041
}

nav .common-nav .menu-list>.menu>a {
	display: block;
	width: 150px;
	height: 48px;
	line-height: 48px;
	padding-left: 20px;
	font-size: 16px
}

nav .common-nav .menu-list>.menu>a>span {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding-left: 32px
}

nav .common-nav .menu-list>.menu.active>a {
	padding-left: 19px
}

nav .common-nav .menu-list>.menu .sub-menu {
	display: none;
	position: absolute;
	top: -1px;
	padding: 10px;
	width: 120px;
	left: 150px;
	border: 1px solid #34a0e7;
	background-color: #fff;
	z-index: 1042;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}

nav .common-nav .menu-list>.menu .sub-menu>li {
	height: 50px;
	line-height: 50px;
	text-align: center
}

nav .common-nav .menu-list>.menu .sub-menu>li>a {
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 14px
}

nav .common-nav .menu-list>.menu .sub-menu>li>a:hover {
	color: #34a0e7
}

nav .common-nav .menu-list>.menu .sub-menu>.current a {
	color: #34a0e7;
	background-position: 0 50%
}

nav .common-nav .menu-list>.selected {
	width: 154px;
	border-left: 4px solid #96cd67;
	margin-left: -4px;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	color: #34a0e7;
	background-color: #fff
}

nav .common-nav .menu-list>.active {
	border: 1px solid #34a0e7;
	color: #34a0e7;
	background-color: #fff;
	width: 152px;
	border-radius: 3px
}

nav .common-nav .menu-list>.active[data-has-sub=true] {
	border-right: none;
	width: auto;
	border-radius: 3px 0 0 3px
}

nav .common-nav .menu-list>.active[data-has-sub=true]>a {
	position: relative;
	width: 151px;
	border-right: 1px solid #fff;
	z-index: 1043
}

nav .common-nav .menu-list>.active[data-has-sub=true] .sub-menu {
	display: block
}

nav .common-nav .menu-list>.active>a,
nav .common-nav .menu-list>.selected>a {
	color: #34a0e7
}

nav .nav-container {
	margin-bottom: -99999px;
	padding-bottom: 99999px;
	background-color: #f8f9fb
}

nav .nav-container .new-special-nav {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

nav .nav-container .new-special-nav .nav-item {
	position: relative;
	cursor: pointer
}

nav .nav-container .new-special-nav .nav-item .icon-triangle-down,
nav .nav-container .new-special-nav .nav-item .icon-triangle-right {
	position: absolute;
	top: 14px;
	left: 20px
}

nav .nav-container .new-special-nav .nav-item .icon-triangle-down {
	left: 18px;
	top: 15px
}

nav .nav-container .new-special-nav .nav-item .name {
	color: #9f9f9f;
	background: 0 0;
	vertical-align: middle;
	font: 16px/19px "Microsoft YaHei", SimHei, "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif
}

nav .nav-container .new-special-nav .sub-menu-list-level-2 {
	margin-top: 15px
}

nav .nav-container .new-special-nav .sub-menu-list-level-2>.nav-item {
	cursor: default;
	padding: 15px 0 0
}

nav .nav-container .new-special-nav .sub-menu-list-level-2>.nav-item:first-child {
	padding-top: 0
}

nav .nav-container .new-special-nav .sub-menu-list-level-2>.nav-item>a {
	cursor: default
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 {
	margin-top: 10px
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 .name-wrapper {
	display: block;
	margin-left: -50px;
	padding-left: 50px
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 .name-wrapper .name {
	position: relative
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 .name-wrapper .name .icon-new-mini {
	position: absolute;
	left: 110%;
	top: -5px
}

nav .nav-container .new-special-nav .sub-menu-list-level-4 {
	display: none;
	background: #f7f7f7
}

nav .nav-container .new-special-nav .sub-menu-list-level-4 .name-wrapper {
	display: block;
	margin-left: -50px;
	padding-left: 50px
}

nav .nav-container .new-special-nav .sub-menu-list-level-4 .name-wrapper .name {
	position: relative
}

nav .nav-container .new-special-nav .sub-menu-list-level-4 .name-wrapper .name .icon-new-mini {
	position: absolute;
	left: 110%;
	top: -5px
}

nav .nav-container .new-special-nav .active .sub-menu-list,
nav .nav-container .new-special-nav .expanded .sub-menu-list {
	display: block
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 .nav-item {
	padding-left: 50px
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 .nav-item.is-leaf:hover {
	background: #d6efff
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 .nav-item.selected.is-leaf:hover,
nav .nav-container .new-special-nav .sub-menu-list-level-4 .nav-item.selected.is-leaf:hover {
	background: #fff
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 .nav-item.selected.is-leaf {
	box-shadow: 0 2px 3px rgba(0, 0, 0, .075);
	border-left: 5px #34a0e7 solid;
	padding-left: 44px;
	background: #fff
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 .nav-item.selected.is-leaf>a>.name {
	color: #34a0e7;
	font-weight: 700
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 .nav-item.selected>a>.name {
	color: #34a0e7
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 .nav-item.selected .icon-triangle-down {
	border-top-color: #34a0e7
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 .nav-item.selected .icon-triangle-right {
	border-left-color: #34a0e7
}

nav .nav-container .new-special-nav .sub-menu-list-level-3 .nav-item>a>.name {
	font: 14px/36px "Microsoft YaHei", SimHei, "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
	color: #2c2c30
}

nav .nav-container .new-special-nav .sub-menu-list-level-4 .nav-item {
	margin-left: -50px;
	padding-left: 50px
}

nav .nav-container .new-special-nav .sub-menu-list-level-4 .nav-item.selected.is-leaf {
	margin-left: -50px;
	padding-left: 45px
}

nav .nav-container .new-special-nav .sub-menu-list-level-4 .nav-item.is-leaf:hover,
nav .nav-container.tools_common .new-special-nav .sub-menu-list-level-2>.nav-item:hover {
	background: #d6efff
}

nav .nav-container .new-special-nav .sub-menu-list-level-4 .nav-item.selected.is-leaf>a>.name {
	color: #333
}

nav .nav-container .new-special-nav .sub-menu-list-level-4 .nav-item>a>.name {
	color: #666
}

nav .nav-container .new-special-nav .left-nav-icon {
	display: inline-block;
	width: 19px;
	height: 19px;
	margin: 0 6px 0 25px;
	vertical-align: middle
}

nav .nav-container .new-special-nav .icon-triangle-right {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4.5px 0 4.5px 5px;
	border-color: transparent transparent transparent #868787
}

nav .nav-container .new-special-nav .icon-triangle-down {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 4.5px 0;
	border-color: #868787 transparent transparent
}

nav .nav-container.tools_common .new-special-nav .sub-menu-list-level-2>.nav-item>a {
	cursor: pointer
}

nav .nav-container.tools_common .new-special-nav .nav-item.selected,
nav .nav-container.tools_common .new-special-nav .sub-menu-list-level-2>.nav-item.selected>a {
	cursor: default
}

nav .nav-container.tools_common .new-special-nav .nav-item.selected .name {
	color: #00c49f
}

nav .nav-container.tools_common .new-special-nav .sub-menu-list-level-2>.nav-item {
	line-height: 36px;
	padding: 0
}

nav .nav-container.tools_common .new-special-nav .sub-menu-list-level-2 {
	margin-top: 10px
}


.page-header {
	position: relative;
	z-index: 1030;
	min-height: 20px;
	float: left;
	width: 100%;
	padding: 0;
	border: 0;
	margin: 0;
}

.page-header .text-desc {
	color: #666;
	line-height: 1.5;
	float: right;
	margin-right: 20px;
	margin-top: 4px;
}

#container article.main h3.article-title {
	font-size: 20px;
	color: #34a0e7;
	margin: 0 0 30px 20px;
	float: left;
}

.navbar {
	height: 60px;
	padding: 0 20px 0 20px;
	background-color: #f0f0f0;
	margin-bottom: 0;
	width: 100%;
	float: left;
}

.navbar:after {
	clear: both
}

.navbar .navbar-header {
	float: left;
	margin-top: 20px;
	font-size: 16px;
	color: #333
}

.navbar .navbar-header>.icon-title {
	height: 20px;
	vertical-align: middle;
	margin-right: 6px
}

.navbar .sub-title {
	float: right;
	margin-top: 20px;
}

.navbar .operation:after {
	clear: both
}

.navbar .operation>div {
	float: left;
	margin-left: 10px
}

.navbar .operation label {
	font-size: 10px;
	margin-right: 10px
}

.navbar .navbar-header>.icon-title {
	height: 17px;
	vertical-align: middle;
	margin-right: 6px;
	background: #34a0e7;
	width: 4px;
	float: left;
}

.device-group {
	position: absolute;
	top: 4px;
	right: 30px;
	z-index: 1031;
	margin: 12px;
}

.device-group .ui-switch-item {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 12px;
	line-height: 1.42857;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: middle;
	position: relative;
	float: left;
	outline: 0;
}

.device-group .ui-switch-menu .ui-switch-item {
	border-color: #d9d9d9;
	background: #fff;
	padding: 0;
	min-width: 60px;
	border-left: 0;
	border-left: 1px solid #d9d9d9;
}

.device-group .ui-switch-menu .ui-switch-item a {
	color: #333;
	padding: 5px 10px;
	display: inline-block;
	width: 100%;
}

.device-group .ui-switch-menu .ui-switch-item:hover {
	background: #ECECEC;
}

.device-group .ui-switch-menu .ui-switch-item:first-child {
	border-right: 0;
	border-left: 1px solid #d9d9d9;
}

.device-group .ui-switch-menu .ui-switch-item:last-child {
	border-left: 0;
}

.device-group .ui-switch-menu .ui-switch-item.active {
	border: 1px solid #929292;
	background: #a9a9a9;
	background-image: none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.device-group .ui-switch-menu .ui-switch-item.active:first-child {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.device-group .ui-switch-menu .ui-switch-item.active:last-child {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.device-group .ui-switch-menu .ui-switch-item.active a {
	color: #fff;
	cursor: default;
}

/*按钮*/
.SLiveIndexSLiveIndex__indexIcon {
	height: 46px;
	width: 46px;
	border-radius: 25px;
	text-align: center;
	background-color: #33a0fe;
	line-height: 60px;
	position: absolute;
	margin: 0;
	left: 42px;
	top: 35px;
}

.SLiveIndexSLiveIndex__indexIcon i {
	font-size: 32px;
	color: #fff;
}

.project-list {
	border-top: 1px solid #ddd;
	margin-top: 15px;
}

.height50 {
	height: 50px;
}

.notwidth {
	width: inherit;
	padding-left: 15px;
	float: left;
}

.notwidth .input-group-addon {
	padding: 8px 3px;
}

.fright {
	float: right;
	padding-right: 15px;
}

/*编辑添加*/
.form-style-new {}

.form-style-new .icon-tps {
	background: url(/Public/Images/Shops/icon_109_297.png) no-repeat;
}

.form-style-new .form-group label.name {
	float: left;
	font-size: 15px;
	height: 34px;
	line-height: 34px;
	padding: 0 10px;
	text-align: right;
	min-width: 120px;
}

.form-style-new .form-group span.red {
	color: red;
}

.form-style-new .form-group .width300 {
	width: 300px;
}

.form-style-new .form-group .width400 {
	width: 400px;
}

.form-style-new .form-group .width500 {
	width: 500px;
}

.form-style-new .form-group .width70 {
	width: 70px;
}

.form-style-new .form-group .form-control {
	float: left;
	margin-bottom: 15px;
}

.form-style-new .form-group span.txt {
	height: 34px;
	line-height: 34px;
	margin-left: 10px;
}

.form-style-new .form-group select {
	width: initial;
	float: left;
	height: 30px;
	margin-right: 10px;
}

.form-style-new .form-group .about {
	float: left;
	height: 34px;
	line-height: 34px;
	padding: 0 10px;
	border-top: 1px solid #e5e6e7;
	border-bottom: 1px solid #e5e6e7;
}

.form-style-new .form-group .date-info {
	position: relative;
}

.form-style-new .form-group .date-info input {
	width: 150px;
	background: white;
	float: left;
}

.form-style-new .form-group .date-info i {
	position: absolute;
	right: 8px;
	top: 8px;
}

.form-style-new .form-group span.radio {
	display: inline-block;
	cursor: pointer;
	margin-right: 20px;
	line-height: 16px;
}

.form-style-new .form-group span.radio .option {
	text-align: center;
	width: 16px;
	height: 16px;
	background-position: -20px -90px;
	display: inline-block;
	vertical-align: bottom;
}

.form-style-new .form-group span.radio.selected .option {
	background-position: 0 -90px;
}

.form-style-new .form-group span.checkbox {
	display: inline-block;
	cursor: pointer;
	margin-right: 20px;
	line-height: 16px;
}

.form-style-new .form-group span.checkbox .option {
	text-align: center;
	width: 16px;
	height: 16px;
	background-position: -53px -70px;
	display: inline-block;
	vertical-align: bottom;
}

.form-style-new .form-group span.checkbox.selected .option {
	background-position: -35px -70px;
}

/*店铺到期通知*/
#distri {
	display: none;
}

.distri_content {
	padding: 20px 20px 10px;
	text-align: center;
}

.distri_content h3 {
	font-size: 16px;
	color: black;
	font-weight: bold;
}

.distri_content .img {
	width: 209px;
	margin: 0 auto;
}

.distri_content .title {
	width: 175px;
	color: #5D5A5A;
	margin: 0 auto;
	font-size: 14px;
	text-align: center;
	line-height: 24px;
}

.distri_content .info {
	color: #F36666
}

.distri_content .gosub {
	background: #34a0e7;
	border: 0;
	color: white;
	padding: 8px 10px;
	border-radius: 3px;
	margin: 10px auto;
	display: block;
}

/*返回顶部相关*/
.right-navbar {
	width: auto;
	height: auto;
	position: fixed;
	right: 5px;
	bottom: 180px;
	z-index: 9999999;
}

.right-navbar ul {
	width: auto;
	height: 290px;
}

.right-navbar ul li {
	border-bottom: 1px solid #eaeaea;
	position: relative;
}

.right-navbar ul li a {
	display: block;
	width: 65px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	padding-top: 50px;
	background: url(/Public/Images/Shops/right-navbar-icon.png) #34a0e7 18px 16px no-repeat;
}

.right-navbar ul li a.service-phone {
	background-position: -36px 16px;
}

.right-navbar ul li a.opinion {
	background-position: -90px 16px;
}

.right-navbar ul li a:hover {
	opacity: 0.85;
}

.right-navbar ul li a.go-top {
	padding-top: 20px;
	background-color: #e3e5e8;
	border-bottom: 0;
	background-position: -137px 4px;
	color: #374552;
	display: none;
	cursor: pointer;
}

.right-navbar ul li .phone-num {
	width: 170px;
	height: 50px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	right: 75px;
	display: none;
}

.right-navbar ul li .phone-num div {
	width: 100%;
	height: 100%;
	line-height: 50px;
	text-align: center;
	background-color: #34a0e7;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
}

.right-navbar ul li .phone-num span {
	position: absolute;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-left: 10px solid #34a0e7;
	border-bottom: 8px solid transparent;
	right: -10px;
	top: 50%;
	margin-top: -8px;
}

.right-navbar ul li:nth-child(2):hover .phone-num {
	display: block;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	background-color: #0088FE;
	border-radius: 10px;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #4DACFF;
}

.copyright {
	width: 100%;
	padding: 12px 0;
	overflow: hidden;
	background: #D6DDE8;
	color: #666;
}

.copyright .copycon {
	width: 1210px;
	position: relative;
	margin: 0 auto;
}

.copyright .con {
	width: 1170px;
	margin: 0 auto;
	line-height: 24px;
	font-size: 12px;
	font-family: 'Microsoft YaHei';
}

.copyright img {
	width: 200px;
	margin-top: 5px;
}