@charset "utf-8";
/* CSS Document */
@import url("../layout.css");
@import url("../base.css");
@import url("cstyle.css");
/* =========================全局样式.开始========================= */
.hidden{display:none}
.hide{display:none!important;}
a{ color:#686f7f; text-decoration:none; }
a:link, a:visited{ color:#2A72C5; text-decoration:none; }
a:active, a:hover{ color:#0065D9; text-decoration:underline; }
.relative{ position:relative;}
.center{ text-align:center !important;}
input:focus{outline:0;}
table{ table-layout:fixed; }
td{ overflow :hidden; white-space:nowrap; text-overflow:ellipsis; }
/* =========================全局样式.结束========================= */

/* =========================登录页样式.开始======================= */
.login-wrap{ position:absolute; top:50%; left:50%; margin:-150px auto auto -140px; width:280px; text-align:center; }
	.login-logo{ float: left; text-indent:-9999em; width:160px; height:42px; background:url(logo.png) no-repeat;margin-top:10px; }

.login-header { width: 100%; height: 60px; line-height: 1;overflow:hidden;}
.login-header .container { width: 1200px;height: 100%; margin: 0 auto;}
.login-title { float: left;font-size: 20px;color: #0471AA;}
.login-title p { height: 60px;line-height: 80px; padding-left: 5px;}
.login-tel { float: right;background: url(tel.png) no-repeat left center;font-size: 20px;color: #0471AA;}
.login-tel p { height: 60px;line-height: 60px; padding-left: 40px;}

.login-main { margin: 0; padding: 0;width: 100%;height: 570px; position:relative; background-image:url(banbg.jpg);background-repeat:no-repeat;background-position:top center;background-color: #20b4ea;}
.login-banner { top:90px;left: 12%; z-index:1; position:absolute;}
.login-wrapper { width: 360px;height: 400px;z-index: 2;position:absolute; right: 7.5%;top: 80px;background-color: #fff;border-radius:3px;}
.loginBox-title { height: 90px;text-align: center;overflow: hidden;margin: 0px auto;}
.loginBox-title .titleLine { position: relative;width: 320px;height: 1px;background-color: #E0E0E0;margin: 0px auto;margin-top: 60px;}
.loginBox-title .titleText { margin-top: -15px;}
.loginBox-title .titleText span { position: relative;display: inline-block;z-index: 1;width: 220px;height: 30px;font-size: 18px;background-color: #FFFFFF;}
.login-main .inner {width: 360px; margin: 0 auto;}
.inner .login-form { width: 300px; margin: 0px auto;}
.login-form .col{ position:relative; width: 100%;height: 44px;margin-top: 20px;box-sizing: border-box; }
	.login-form .col .icon{ position:absolute; display:block; top:15px; left:10px; width:14px; height:14px; background:url(skin_icons.png) no-repeat; cursor:pointer; }
	.login-form .col .icon.user{ background-position:0 -140px; }
	.login-form .col .icon.pwd{ background-position:-28px -140px; }
	.login-form .col .login-input{ display:block; padding:5px 10px 5px 34px; background:#fff; border: 1px solid #e0e0e0;border-radius: 3px; font-size:14px; line-height:32px; *line-height:30px; height:32px; width:254px; color:#333;transition: border-color ease-in-out .15s; }
	.login-form .col .login-input:focus{border-color:#7BBFF2;}
	.login-form .col .login-btn{ display:block; padding:5px 0; font-size:18px; color:#fff; width:100%; line-height:28px; height:42px; background:#08A7EC; border:0; border-radius:3px; letter-spacing:.5em; cursor:pointer;transition: background ease-in-out .15s; }
	.login-form .col .login-btn:hover { background-color: #098fc9;}
	.login-form .col .reg-btn{ display: inline-block;width:100%; padding: 8px 0; line-height: 28px;border:0;border-radius: 3px; color: #fff; font-size: 13px;cursor:pointer;background: #67c53c;vertical-align: baseline; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;transition: all 0.2s ease; }
	.login-form .col .reg-btn:hover { background-color: #61ac20;}
	.login-form .col i.svg-wecha { position:absolute;top:12px;left:60px; width: 20px; height: 18px; display: inline-block; vertical-align: middle; background: url(http://s.res.zydsp.com.cn/lib/login/images/ico_01.png) no-repeat;background-position: 0px 0;}

.login-tips{ display:block; margin:10px auto 0; height:14px; vertical-align:middle; }
	.login-tips i{ display:inline-block; margin-right:5px; width:14px; height:14px; background:url(skin_icons.png) -56px -140px no-repeat; text-indent:-9999px; vertical-align:middle; zoom:1; *display:inline; *text-indent:0; }
	.login-tips p{ display:inline-block;height:14px; line-height:14px; font-size:14px; font-weight:normal; color:#FF0000; vertical-align:middle; zoom:1; *display:inline; }
.copy-right{ display:block;padding:10px 0;text-align:center; }
	.copy-right p{ font-size:14px; color: #6A6969; line-height:1.8em; }
/* ==========================登录页样式.结束======================== */

/* =========================管理首页样式.开始======================= */
/*顶部样式*/
.main-top{ background:#fafafa; border-bottom:1px solid #eee;}
	/*顶部主菜单*/
	.icon-menu{ display:block; float:left; width:42px; height:42px; background:url(skin_icons.png) 11px -239px no-repeat; border-right:1px solid #eee; cursor:pointer; text-indent:-9999px; overflow:hidden; }
	.main-nav{ display:block; float:left;height:42px; overflow:hidden; overflow-x:auto; width:70%; }
		.main-nav a{ display:inline; float:left; margin:0; padding:0 20px; border-right:1px solid #eee; height:42px; line-height:42px; color:#686f7f; font-size:14px; cursor:pointer;position:relative; }
		.main-nav a.selected,.main-nav a:hover{ color:#686f7f; text-decoration:none; background:#fff; }
		.main-nav{ }
		.main-nav a i{ position:absolute; display:none; right:0px; top:0px; width:20px; height:20px; background:url(icon_closed1e5b3a.png); background-size:40px 20px;}
		.main-nav a:hover i{ display:block;}
		
	/*顶部右边导航*/
	.nav-right{ position:absolute; right:0px; top:0px; }
		.nav-right .info{ float:left; padding-right:10px; height:42px; line-height:42px; }
		.nav-right .info i{ display:block; float:left; margin:6px 10px 0 0; width:30px; height:30px; border:1px solid #eee; border-radius:30px; background:url(skin_icons.png) no-repeat 0 -330px; overflow:hidden; }
		.nav-right .info i img{ width:30px; height:30px; }
		.nav-right .info span{ display:block; float:left; padding-top:6px; color:#686f7f; font-size:14px; line-height:1.2em; }
		.nav-right .main-fullscreen{float:left; padding-right:10px;height:42px;}
		.nav-right .main-fullscreen a{ display:block;height:100%;padding:0 10px;}
		.nav-right .main-fullscreen span{ display: inline-block;background: url(ico_fullscreen.png) no-repeat left;font-size: 14px;color: #686f7f;padding-left: 25px;line-height: 42px; }
		.nav-right .main-fullscreen a:hover{ background: #fff;}
		
		.nav-right .main-appbtn{float:left; padding-right:10px;height:42px;}
		.nav-right .main-appbtn a{ display:block;height:100%;padding:0 10px;}
		.nav-right .main-appbtn span{ display: inline-block;background:url(icon-img.png) -0px -732px no-repeat; background-size: 60% auto; font-size: 14px; color: #686f7f;padding-left: 25px;line-height: 42px; }
		.nav-right .main-appbtn a:hover{ background: #fff;}
		
		@media screen and (max-width:450px) {
            .main-fullscreen { display:none; }
        }
		
		
		/*右边导航菜单项*/
		.nav-right .option{ position:relative; cursor:pointer; float:left; padding:0 11px; border-left:1px solid #eee; }
		.nav-right .option i{ display:block; width:20px; height:42px; background:url(skin_icons.png) -40px -239px no-repeat; }
		.nav-right .option:hover{ background:#fff; }
		.nav-right .option:hover .drop-wrap{ display:block; }
		.drop-wrap{ display:none; position:absolute; top:42px; right:1px; }
		.drop-wrap .arrow{ position:absolute; display:block; top:0; right:11px; width:21px; height:11px; text-indent:-9999em; background:url(skin_icons.png) no-repeat 0 -290px; }
		.drop-wrap .item{ margin-top:10px; padding:10px; border:1px solid #dbdbdb; background:#fff; box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.1); }
		.drop-wrap .item li a{ display:block; padding:8px 15px; color:#686f7f; font-size:14px; line-height:1em; text-align:center; white-space:nowrap; }
		.drop-wrap .item li a:hover{ color:#fff; text-decoration:none; background:#16a0d3; }

/*左边样式*/
.main-left{ background:#267cb7; }
	.logo{ display:block; height:42px; background:url(logo.png) no-repeat center #fafafa; border:1px solid #eee; border-top:0; border-left:0; text-indent:-9999px; overflow:hidden; }
	.sidebar-nav{ }
		.sidebar-nav .list-group{ display:none; }
		.sidebar-nav .list-group .list-wrap{ position:absolute; top:43px; right:0; bottom:0; left:0; padding:0 10px; width:160px; overflow:auto; }
		.sidebar-nav .list-group h1{ display:none; }
		.sidebar-nav .list-group h2{ position:relative; display:block; color:#fff; font-size:14px; font-weight:normal; line-height:40px; border-bottom:1px solid #468dbd; }
		.sidebar-nav .list-group h2 i{ position:absolute; display:block; top:10px; right:0; width:20px; height:20px; background:url(skin_icons.png) -109px -165px no-repeat; }
		.sidebar-nav .list-group ul li{ padding:1px 0; }
		.sidebar-nav .list-group ul li a{ position:relative; display:block; padding:6px 20px 6px 5px; color:#fff; font-size:14px; height:20px; line-height:20px; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
		.sidebar-nav .list-group ul li a:hover{ text-decoration:none; background:#2e84bf; border-radius:3px; }
		.sidebar-nav .list-group ul li a.selected{ text-decoration:none; background:#16a0d3; border-radius:3px; }
		.sidebar-nav .list-group ul li a .icon{ display:block; float:left; margin:3px 3px 3px 0; width:14px; height:14px; overflow:hidden; *display:inline-block; *float:none; *vertical-align:middle; }
		.sidebar-nav .list-group ul li a .icon.folder{ background:url(skin_icons.png) 0 -168px no-repeat; }
		.sidebar-nav .list-group ul li a .icon.file{ background:url(skin_icons.png) -28px -168px no-repeat; }
		.sidebar-nav .list-group ul li a .icon img{ width:14px; height:14px; }
		.sidebar-nav .list-group ul li a .expandable{ position:absolute; display:block; top:10px; right:4px; width:12px; height:12px; background:url(skin_icons.png) no-repeat; }
		.sidebar-nav .list-group ul li a .expandable.open{ background-position:-84px -168px; }
		.sidebar-nav .list-group ul li a .expandable.close{ background-position:-56px -168px; }
/*迷你界面样式*/
.lay-mini .main-top{ left:0; }
	.lay-mini .main-nav{ display:none; }
.lay-mini .main-container{ left:43px;-webkit-overflow-scrolling:touch; overflow: scroll;  }
.lay-mini .main-left{ background:#0C4B77; width:43px; }
	.lay-mini .sidebar-nav .list-group{ display:block!important; margin:0; padding:6px; width:30px; height:30px; }
		.lay-mini .sidebar-nav .list-group h1{ display:block; margin:0; padding:8px; width:14px; height:14px; cursor:pointer; overflow:hidden; }
		.lay-mini .sidebar-nav .list-group.selected h1,.sidebar-nav .list-group:hover h1{ background:#16a0d3; border-radius:3px; }
		.lay-mini .sidebar-nav .list-group h1 img{ width:14px; height:14px; }
		.lay-mini .sidebar-nav .list-group .list-wrap{ display:none; position:absolute; top:43px; left:42px; bottom:0; padding:0 10px; width:160px; background:#267cb7; }
		.lay-mini .sidebar-nav .list-group:hover .list-wrap{ display:block; }

/*右边框架*/
.main-container{ background:#fff; }
/*快捷导航*/
.btn-paograms{ display:block; position:absolute; bottom:15px; right:25px; z-index:12; cursor:pointer; width:20px; height:20px; background:url(skin_icons.png) -80px -250px no-repeat; }
	.btn-paograms:hover{ background-position:-120px -250px; }
.pop-menu{ /*visibility:hidden;*/ display:none; position:absolute; right:20px; bottom:40px; z-index:12; background:#09F; }
	.pop-menu .arrow{ position:absolute; display:block; right:5px; bottom:0; width:21px; height:11px; text-indent:-999em; background:url(skin_icons.png) 0 -300px no-repeat; }
	.pop-menu .pop-box{ position:absolute; display:block; right:0; bottom:10px; padding:30px 10px 10px 11px; border:1px solid #dbdbdb; background:#fff; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.1); overflow:hidden; }
	.pop-menu .pop-box .list-box{ display:block; width:100%; height:100%; overflow:auto; }
	.pop-menu .pop-box .list-box .list-group{ display:block; float:left; margin-left:-1px; padding:0; width:120px; height:auto; border:1px solid #f2f2f2; overflow:hidden; }
	.pop-menu .pop-box .list-box .list-group:first-child{ margin-left:0; }
	.pop-menu .pop-box .list-box .list-group h1{ display:none; }
	.pop-menu .pop-box .list-box .list-group h2{ padding:8px; font-size:14px; color:#555; font-weight:bold; line-height:1.0em; background:#f9f9f9; }
	.pop-menu .pop-box .list-box .list-group ul{ margin-left:10px; }
	.pop-menu .pop-box .list-box ul li a{ display:block; padding:8px 10px; font-size:14px; color:#686f7f; line-height:1.0em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.pop-menu .pop-box .list-box ul li a:hover{ text-decoration:none; }
	.pop-menu .pop-box .list-box ul li a.nolink{ font-weight:bold; cursor:default; }
	.pop-menu .pop-box .list-box ul li a.link{ cursor:pointer; }
	.pop-menu .pop-box .list-box ul li a.link:hover{ color:#fff; background:#55afeb; }
	.pop-menu .pop-box h1.title{ position:absolute; top:8px; left:10px; line-height:14px; font-size:13px; font-weight:bold; color:#333; }
	.pop-menu .pop-box h1.title i{ display:inline-block; margin-right:2px; width:14px; height:16px; background:url(skin_icons.png) -56px -112px no-repeat; vertical-align:middle; }
	.pop-menu .pop-box .close{ position:absolute; display:block; top:5px; right:5px; width:14px; height:14px; text-indent:-999em; background:url(skin_icons.png) -56px -196px no-repeat; cursor:pointer; }

.nlist-renew{ position:relative;}
.nlist-renew p{ float:right;display:inline-block;padding-left: 10px;font-size:13px;text-align: right;line-height: 27px;border: 1px solid #ef4040;color: #ef4040;background-color:#fafafa;}
.nlist-renew a{ display:inline-block;margin-left: 30px;padding:0 8px;color: #fff; background-color: #ef4040;font-size: 12px;height: 30px;line-height: 30px;transition: background-color ease-in-out .15s;}
.nlist-renew a:hover{ background-color:#dc1f1f;text-decoration:none;}
.nlist-1{ line-height:45px; color:#444; font-size:14px;background-color:#fff;margin-bottom:10px; }
	.nlist-1 ul{ padding:0 0 0 20px; }
	.nlist-1 ul:after{ clear:both;content:".";display:block;height:0;visibility:hidden; }
	.nlist-1 ul li{ float:left; margin-right:10px; width:32%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.nlist-2{ line-height:30px; border:1px solid #ebebeb; color:#444; font-size:14px; }
	.nlist-2 h3{  margin:0; padding:0 0 0 20px; font-size:14px; font-weight:bold; color:#333; line-height:34px; height:34px; }
	.nlist-2 h3 i{ display:inline-block; margin-right:3px; width:14px; height:16px; vertical-align:middle; background:url(skin_icons.png) -56px -112px no-repeat; overflow:hidden; }
	.nlist-2 ul{ padding:0 0 10px 20px; }
	.nlist-2 ul:after{ clear:both;content:".";display:block;height:0;visibility:hidden; }
	.nlist-2 ul li{ float:left; margin-right:10px; width:32%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.nlist-3{ float:left; width:350px; overflow:hidden; }
	.nlist-3 ul{ float:left; width:344px; }
	.nlist-3 ul:after{ clear:both;content:".";display:block;height:0;visibility:hidden; }
	.nlist-3 ul li{ display:inline; float:left; margin-right:20px; height:108px; }
	.nlist-3 ul li a{ display:block; width:64px; height:64px; border:1px solid #fff; background:url(skin_icons.png) no-repeat #fff; filter:alpha(opacity=60); opacity:0.6; }
	.nlist-3 ul li a:hover{ filter:alpha(opacity=100); opacity:1; }
	.nlist-3 ul li a.icon-setting{ background-position:0 -527px; }
	.nlist-3 ul li a.icon-channel{ background-position:-128px -527px; }
	.nlist-3 ul li a.icon-templet{ background-position:-256px -527px; }
	.nlist-3 ul li a.icon-mark{ background-position:-384px -527px; }
	.nlist-3 ul li a.icon-plugin{ background-position:0 -656px; }
	.nlist-3 ul li a.icon-user{ background-position:-128px -656px; }
	.nlist-3 ul li a.icon-manaer{ background-position:-256px -656px; }
	.nlist-3 ul li a.icon-log{ background-position:-384px -656px; }
	.nlist-3 ul li span{ display:block; width:64px; height:24px; line-height:24px; text-align:center; font-size:14px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.nlist-4{ margin-left:350px; border:1px solid #eee; font-size:14px; height:192px; overflow:hidden; }
	.nlist-4 h3{ margin:0; padding:0 10px; line-height:34px; font-size:14px; color:#333; }
	.nlist-4 h3 i{ display:inline-block; margin-right:3px; width:14px; height:16px; vertical-align:middle; background:url(skin_icons.png) no-repeat; overflow:hidden;}
	.nlist-4 h3 i.site{ background-position:-56px -112px; }
	.nlist-4 h3 i.msg{ background-position:-84px -112px; }
	.nlist-4 ul{ padding:0 10px; }
	.nlist-4 ul li{ color:#005eac; line-height:22px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

.mcol{width: 100%;margin:auto;}
.mrow:before { display: table; content: " ";}
.mcol-xs-4, .mcol-xs-5, .mcol-xs-6, .mcol-xs-7, .mcol-xs-8 { position: relative; min-height: 1px; float:left;box-sizing: border-box; margin-bottom:10px;  }
.mcol-xs-4 { width: 33.33333333%;min-width:300px;}
.mcol-xs-5 { width: 40.66666667%;min-width:300px;}
.mcol-xs-6 { width: 50%;min-width:320px;}
.mcol-xs-7 { width: 58.33333333%;min-width:300px;}
.mcol-xs-8 { width: 66.66666667%;min-width:300px;}
.mcol-xs-12 { width: 100%;}
.m-t-sm{}
.p-l-sm{padding-left:10px;}
.m-l-sm{margin-bottom:10px;}
.p-l-none, .p-l-r-none { margin-left: 1%;}
.clear-padding { padding-right: 0!important; padding-left: 0!important;}
.clear-p-l{padding-right:15px;}
.wait-do, .minfo { background: #fff;}
.wait-do-title { height: 40px;line-height: 40px;margin:0 20px;border-bottom: 1px solid #f1f1f1; color: #58666e;font-size: 16px; font-weight: 700;position:relative;}
.wait-do-title a{position:absolute;top:0;right:0;font-size:14px;color: #58666e;font-weight:500;}
.wait-do-title a:hover { color: #428bca;text-decoration: none;}
.wait-do-list { height: 110px;}
.wait-do-list ul li { float: left;width: 25%;text-align: center;padding:15px 0;}
.wait-do-list ul li a { overflow: hidden;display: block;height: 80px;margin-right: 20px;margin-left: 20px; padding-top: 9px;color: #58666e;}
.wait-do-list ul li a:hover { background: #fcfcfc; border-radius: 4px; text-decoration:none;}
.wait-num-big { font-size: 36px; line-height: 40px;color: #30a5ff;}
.wait-return-num, .wait-thing { font-size: 14px; line-height: 24px;}
.wait-return-num { color: #30a5ff;font-size: 18px;position: relative; top: 1px;}
.wait-thing{color: #999;}
.wait-return { width: 100%;height: 60px; background: #FCFCFD;overflow:hidden;}
.wait-return ul li { float: left;width: 50%;text-align: center; height: 100%;}
.wait-return ul li a { display: block; overflow: hidden; line-height:60px;}
.wait-return ul li a:hover { background: #edf1f2;text-decoration:none;}
.about-minfo { height: 179px;font-size:14px;padding:0 20px;}
.about-minfo .txt{margin-top: 5px;color: #999;font-size: 14px;line-height: 25px; width:50%;}
.about-minfo .txt span{ color: #58666e;}
.about-minfo .mbtns{margin-top:10px; padding:5px 22px;}
.preview {padding-top: 15px; width:50%;}
.preview>div{ padding: 15px 0; background: #FCFCFD;}
.preview>div a { display: block;width: 100%;height: 100%;text-align: center;color: #999;line-height: 29px;position:relative;}
.preview>div a{ width: 120px; margin: auto;}
.mobile_view, .pc_view { display: inline-block;float: left;width: 29px;height: 26px; background-image:url(index2.png);background-repeat: no-repeat;background-position: 0 0;}
.preview>div .mobile_view { height: 29px; background-position: 0 -67px;}
.preview>div a:hover { color: #999;text-decoration:none;}
.preview div:hover{ background: #EDF1F2;}
.preview .mobile{position:relative;margin-top:20px;}
.hover_mobile_preview {display: none;position: absolute;z-index: 50;top: 75px;left:0;text-align: center;padding: 10px;background: #fff;border: 2px solid #fff;width: 160px;}
.hover_mobile_preview .san { display: none; position: absolute;z-index: 2;top: -12px;width: 20px;height: 20px;left: 45%;background: #fff;transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);}
.hover_mobile_preview p {margin-top: 15px; margin-bottom: 10px;}
.hover_mobile_preview img { width: 100%;}
.preview .mobile:hover .hover_mobile_preview { display: block; border: 2px solid #f1f1f1;}
.preview .mobile:hover .hover_mobile_preview .san { display: block; border-top: 2px solid #f1f1f1;border-left: 2px solid #f1f1f1;background: #fff;transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg); -o-transform: rotate(45deg);}
.compare-achievement{width:100%;height:237px;padding:0 20px 15px;box-sizing: border-box;}
.compare-achievement li{width:22.5%;text-align:center;float:left;position:relative;}
.compare-achievement li.three{width:10%;height:100%;}
.compare-achievement .circle-spe { position:absolute;top:50%;left:50%; width: 1px;height: 120px; background-color: #f1f1f1;margin-top:-60px;}
.compare-achievement .easypiechart { position: relative;text-align: center;width: 120px;height: 110px; margin: 30px auto 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.compare-achievement .easypiechart .percent { display: block;position: absolute;font-size: 26px;top: 43px; width: 120px;}
.compare-achievement .easypiechart canvas { display: inline-block; vertical-align: baseline;}
#easypiechart-blue .percent { color: #30a5ff;}
#easypiechart-orange .percent { color: #ffb53e;}
#easypiechart-teal .percent { color: #1ebfae;}
#easypiechart-red .percent { color: #ef4040;}
.compare-achievement .count-circle-number { margin-top: 25px;}
.compare-achievement .count-circle-number .circle-num { font-size: 20px;line-height: 1.42857; color: #58666e;}
.compare-achievement .count-circle-number .circle-thing { margin-top: 5px;font-size: 15px;color: #999;line-height: 1.42857; margin-bottom: 15px;}
.compare-achievement .count-circle-number .circle-thing span{padding:0 10px;}
.official-notice{background-color:#fff;}
.official-notice ul{padding:0 20px;padding-top: 16.5px; padding-bottom:15px; counter-reset: count;box-sizing: border-box;}
.official-notice ul>li { margin-bottom: 10px;}
.official-notice ul>li:before {content: "•";color: rgb(88, 102, 110);box-sizing: border-box;}
.official-notice ul>li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.official-notice ul>li a{color: #58666e;font-size:13px;line-height: 1.42857;}
.official-notice ul>li p{font-size:14px;line-height: 24px;color: #999; float:right;}
.official-notice ul>li a:hover { color: #428bca; text-decoration: none;}
.score-info{width:100%;height:427px;padding:20px 20px 0;box-sizing: border-box;}
.fllowus .app, .fllowus .weixin { padding-top: 20px; padding-bottom: 20px;text-align:center;background-color:#fff;}
.fllowus .index-share-img { display: block;margin: auto; width: 118px; height: 118px;}
.fllowus .app p, .fllowus .weixin p { font-size: 13px;color: #58666e;line-height: 30px; height: 30px;}
.yqregin{width:100%;padding-bottom: 20px;font-size:13px;line-height: 1.42857; color: #58666e;background-color:#fff;box-sizing: border-box;}
.yqregin .receipt{ margin-top: 35px;padding:0 20px;}
.yqregin .receipt .txt{ width:70px;line-height: 30px; height: 30px;text-align:right;float:left;}
.receipt tr td {line-height: 30px; height: 30px; font-size: 14px; word-break: break-all;}
.receipt .user-input { display: block;min-width: 50px;width: 100%;height:30px;padding: 0;border: 1px solid #dde6e9;border-radius: 0; font-size: 12px;color: #555;line-height: 1.42857143;text-indent: 10px; vertical-align: middle;outline:0;box-sizing: border-box;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.receipt .user-input:focus { border-color: #66afe9;}
.receipt .btn-sm, .about-minfo .btn-sm { outline:0; box-shadow: 1px 1px 1px #f1f1f1;border-radius: 2px;border: 1px solid #dee5e7;font-size: 12px; line-height: 25px;color: #58666e;display: inline-block;padding: 0 7px;height: 30px;background-color: #fff;text-align: center; white-space: nowrap;vertical-align: middle; cursor: pointer;}
.receipt .btn-sm:hover, .about-minfo .btn-sm:hover { color: #58666e;background-color: #edf1f2; border-color: #c7d3d6;}
.about-minfo .btn-sj{margin-left:15px; background-color: #23b7e5;border-color: #23b7e5;color: #fff;}
.about-minfo .btn-sj:hover{ color: #fff;background-color: #189ec8;border-color: #189ec8;}
.receipt .shaewm{margin-top:-15px;text-align: center;line-height: 30px;}
.receipt .shaewm img { border: 1px solid #f7f7f7;}
/* =========================管理首页样式.结束======================= */

/* =========================内页通用样式.开始======================= */
.location{ padding-bottom:9px; border-bottom:solid 1px #eee; height:22px; line-height:22px; font-size:14px; color:#686f7f; white-space:nowrap; text-overflow:ellipsis;  }
	.location a{ display:inline-block; color:#686f7f; text-decoration:none; }
	.location a:hover{ color:#0065D9; text-decoration:none; }
	.location a i{ display:inline-block; margin-right:5px; width:14px; height:14px; text-indent:-9999px; background:url(skin_icons.png) no-repeat; vertical-align:middle; *text-indent:0; }
	.location a.back{ margin-right:15px; }
	.location a.back i{ background-position:0 0; }
	.location a.home i{ background-position:-28px 0; }
	
	.location span{ display:inline-block; vertical-align:middle; }
	.location .arrow{ display:inline-block; margin:auto 3px; width:7px; height:14px; background:url(skin_icons.png) no-repeat -56px 0; vertical-align:middle; }
textarea{ overflow:auto; }
textarea.input{ width:300px; height:65px; }
.input{ padding:5px 4px; min-height:32px; line-height:20px; border:1px solid #eee; background:#fff;outline:0; vertical-align:middle; color:#333; font-size:100%;transition: border-color ease-in-out .15s; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *min-height:20px; }
	.input.normal{ width:300px; }
	.input.txt{ width:200px; }
	.input.small{ width:50px; }
	.input:focus{ background:#FFFBDE; border-color:#7BBFF2; }
textarea.input1{ width:95%; height:40px; }
.MoneyPiccss{width: auto; height:100px;}
/*日期样式*/
.date-input{ position:relative; display:inline-block; width:170px; height:32px; vertical-align:middle; *display:inline; }
	.date-input i{ display:block; position:absolute; top:10px; left:8px; width:14px; height:14px; background:url(skin_icons.png) no-repeat -308px -28px; }
.select{ margin:1px; padding:4px; min-height:20px; line-height:20px; border:1px solid #eee; background:#fff; vertical-align:middle; color:#333; font-size:100%; }
	.date-input input{ padding-left:25px; width:170px; }
.select1{ padding:1px; min-height:20px; line-height:20px; border:1px solid #eee; background:#fff; vertical-align:middle; color:#333; font-size:100%; }
/* =========================内页通用样式.结束======================= */

/* ==========================列表页样式.开始======================== */
.toolbar-wrap{ padding:10px 0; width:100%; *position:relative; *z-index:1; top: 0px; left: 0px; }
.toolbar{ top:0; right:15px; left:15px; bottom:auto; padding:10px 0 5px; min-height:32px; background:#fff; z-index:2; font-size:14px; color:#333; }
	.toolbar:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
	.toolbar .box-wrap{ position:relative; clear:both; }
	.toolbar .menu-btn{ display:none; width:30px; height:30px; border:solid 1px #eee; background:url(skin_icons.png) no-repeat -384px -20px #fafafa; cursor:pointer; }
	.toolbar .l-list{ display:block; }
	.toolbar .l-list .icon-list{ float:left; display:block; margin:0 10px 0 1px; padding-bottom:5px; }
	.toolbar .l-list .icon-list:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
	.toolbar .l-list .icon-list li{ float:left; }
	.toolbar .l-list .icon-list li a{ display:inline-block; margin-left:-1px; padding:5px 10px 5px 8px; line-height:20px; height:20px; border:solid 1px #eee; color:#333; font-size:14px; text-decoration:none; background:#fafafa; white-space:nowrap; word-break:break-all; }
	.toolbar .l-list .icon-list li a:hover{ color:#2A72C5; }
	.toolbar .l-list .icon-list li a span{ display:inline-block; vertical-align:middle; }
	.toolbar .l-list .icon-list li a i{ display:inline-block; margin-right:3px; width:14px; height:14px; text-indent:-999em; background:url(skin_icons.png) no-repeat; vertical-align:middle; *text-indent:0; }
	.toolbar .l-list .icon-list li a.add i{ background-position:0 -28px; }
	.toolbar .l-list .icon-list li a.edit i{ background-position:-140px -84px; }
	.toolbar .l-list .icon-list li a.save i{ background-position:-28px -28px; }
	.toolbar .l-list .icon-list li a.all i{ background-position:-56px -28px; }
	.toolbar .l-list .icon-list li a.del i{ background-position:-84px -28px; }
	.toolbar .l-list .icon-list li a.folder i{ background-position:-112px -28px; }
	.toolbar .l-list .icon-list li a.list i{ background-position:-140px -28px; }
	.toolbar .l-list .icon-list li a.move i{ background-position:-252px -28px; }
	.toolbar .l-list .icon-list li a.copy i{ background-position:-280px -28px; }
	.toolbar .l-list .icon-list li a.date i{ background-position:-308px -28px; }
	.toolbar .l-list .icon-list li a.lock i{ background-position:-336px -28px; }
	.toolbar .l-list .icon-list li a.msg i{ background-position:-364px -28px; }
	.toolbar .l-list .menu-list{ display:block; margin:0; padding-bottom:5px; }
	.toolbar .l-list .menu-list .rule-single-select{ float:left;}
	.toolbar .l-list .menu-list .rule-single-date{ float:left;}
	
	.toolbar .l-list .menu-list:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
	.toolbar .l-list .keyword{ display:block; float:left; margin:0; padding:0 5px; width:110px; height:30px; line-height:28px; font-size:14px; border:1px solid #eee; color:#444; }
	
	.toolbar .r-list{ display:block; position:absolute; top:0; right:0; }
	.toolbar .r-list span{ line-height: 32px;padding-right: 5px;float: left; }
	.toolbar .r-list .keyword{ display:block; float:left; margin:0; padding:0 5px; width:150px; height:30px; line-height:28px; font-size:14px; border:1px solid #eee; color:#444; }
	.toolbar .r-list .btn-search{ display:block; float:left; margin:0 0 0 -1px; padding:0; width:30px; height:30px; line-height:30px; border:1px solid #eee; background:url(skin_icons.png) -160px -20px no-repeat #fafafa; cursor:pointer; text-indent:-9999px; }
	.toolbar .r-list .img-view{ display:block; float:left; margin-left:10px; width:30px; height:30px; border:1px solid #eee; background:url(skin_icons.png) -187px -20px no-repeat #fafafa; text-indent:-9999px; }
	.toolbar .r-list .txt-view{ display:block; float:left; width:30px; height:30px; border:1px solid #eee; border-left:none; background:url(skin_icons.png) -216px -20px no-repeat #fafafa; text-indent:-9999px; }
/*迷你样式*/
.toolbar.mini .menu-btn{ display:block; }


.toolbar.mini .l-list{ display:none; position:absolute; top:37px; left:0; float:none; padding:5px; padding-bottom:0; border:1px solid #eee; background:#fafafa; z-index:1; width:60%; }
.toolbar.mini .nofloat{padding:0px; padding-bottom:0; border:none; background:none; display:block !important; position:inherit; float:left; top:0px;  }
.toolbar.mini .nofloat .menu-btn{ position:inherit; float:left; margin-right:5px;}
.toolbar.mini .menu-list .rule-single-select{}
.toolbar.mini .menu-list .select-tit{}
.toolbar.list .menu-list{ float:none; }
.toolbar .total{ clear:both; position:relative;}
.ltable{ width:100%; min-width:600px; border:1px solid #eee; font-size:14px; }
	.ltable th{ padding:8px 10px; color:#333; font-size:14px; text-align:left; font-weight:bold; background:#fafafa; border-bottom:1px solid #eee; line-height:1.5em; }
	.ltable th.tcenter{ text-align:center;}
	.ltable td{ padding:8px 10px; border-bottom:1px solid #eee; line-height:1.5em; color:#666; }
	.ltable td .sort{ display:inline-block; padding:0 3px; border:1px solid #eee; width:40px; height:20px; line-height:18px; color:#666; font-size:14px; background:#fff; vertical-align:middle; }
	.ltable td .btn-tools{ display:inline-block; height:22px;  vertical-align:middle; }
		.ltable td .btn-tools a{ display:block; float:left; margin:0; padding:0; width:20px; height:20px; border:1px solid #eee; border-left:none; text-indent:-99999px; background:url(skin_icons.png) no-repeat #fff; overflow:hidden; }
		.ltable td .btn-tools a:first-child{ border-left:1px solid #eee; }
		.ltable td .btn-tools a.msg{ background-position:3px -53px; }
		.ltable td .btn-tools a.msg.selected{ background-position:3px -81px; }
		.ltable td .btn-tools a.top{ background-position:-25px -53px; }
		.ltable td .btn-tools a.top.selected{ background-position:-25px -81px; }
		.ltable td .btn-tools a.red{ background-position:-53px -53px; }
		.ltable td .btn-tools a.red.selected{ background-position:-53px -81px; }
		.ltable td .btn-tools a.hot{ background-position:-81px -53px; }
		.ltable td .btn-tools a.hot.selected{ background-position:-81px -81px; }
		.ltable td .btn-tools a.pic{ background-position:-109px -53px; }
		.ltable td .btn-tools a.pic.selected{ background-position:-109px -81px; }
		.ltable td .folder-open{ display:inline-block; margin-right:2px; width:20px; height:20px; background:url(skin_icons.png) -160px -250px no-repeat; vertical-align:middle; text-indent:-999em; *text-indent:0; }
		.ltable td .folder-line{display:inline-block; margin-right:2px; width:20px; height:20px; background:url(skin_icons.png) -200px -250px no-repeat; vertical-align:middle; text-indent:-999em; *text-indent:0; }
		.ltable td .txt-box{ display:inline-block; margin:0 2px 0 auto; padding:0 5px; border:1px solid #eee; line-height:20px; background:#fff; }
		.ltable td .img-box{ display:inline-block; margin:0 2px 0 auto; padding:0; height:32px; vertical-align: middle; }
		.ltable td .img-box img{ padding:1px; width:30px; height:30px; border:1px solid #eee; }
	.ltable tr:hover{ background:#f7f7f7; }
	.ltable .odd_bg{ background:#fafafa; }
	.ltable td .user-avatar{ display:block; width:64px; height:64px; background:url(skin_icons.png) 3px -398px no-repeat #fff;}
	.ltable td .user-box{ padding-left:10px; }
		.ltable td .user-box h4{ margin:0; padding:0; display:block; font-weight:normal; font-size:14px; height:16px; line-height:14px;}
		.ltable td .user-box h4 b{ color:#06F;}
		.ltable td .user-box i{ display:block; color:#999; font-style:normal; line-height:24px; height:24px; }
		.ltable td .user-box span{ display:block; padding:2px 0 0 0; height:14px; }
		.ltable td .user-box span a{ display:block; float:left; margin-right:5px; width:20px; height:20px; background:url(skin_icons.png) no-repeat #fff; border:1px solid #E1E1E1; text-indent:-999em;}
		.ltable td .user-box span a.amount{ background-position:-109px -109px;}
		.ltable td .user-box span a.card{ background-position:-249px -109px;}
		.ltable td .user-box span a.point{ background-position:3px -109px; }
		.ltable td .user-box span a.msg{ background-position:-81px -109px;}
		.ltable td .user-box span a.sms{ background-position:-221px -110px;}
		
	.ltable td.comment{ padding:10px; line-height:1em; }
		.ltable td.comment .title{ margin-bottom:5px; line-height:180%; font-weight:bold; }
		.ltable td.comment .title .note{ float:right; font-weight:normal; }
		.ltable td.comment .title .note i{ margin-left:10px; font-style:normal; font-family:'Microsoft YaHei'; color:#999; }
		.ltable td.comment .title .note i.reply{ padding-left:18px; }
		.ltable td.comment .ask{ line-height:180%; font-family:'Microsoft YaHei'; }
		.ltable td.comment .ask .audit{ margin-right:3px; display:inline-block; vertical-align:middle; width:14px; height:14px; background:url(skin_icons.png) -362px -112px  no-repeat; }
		.ltable td.comment .ask .answer{ margin-top:10px; padding:6px 10px; border:1px solid #f6e8b9; background:#fbf8e7; color:#666; }
		.ltable td.comment .ask .answer b{ color:#090; }
		.ltable td.comment .ask .answer .time{ display:block; float:right; color:#999; }
		
		.ltable th.td-ckb,.ltable th.td-index { width: 40px; }
		.ltable th.td-operate { width:120px; }
		.ltable th.checkth{ width: 50px; }
		.ltable .td-ckb,.ltable .td-index { text-align: center; }
		.ltable .td-operate { }
		.ltable .checkth{ text-align: center; }

/*分页样式*/
.pagelist{ clear:both; display:block; margin:0 0 20px 1px; }
	.pagelist:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
	.pagelist .l-btns{ display:block; float:left; margin:2px 5px 0 -1px; padding:0 10px; border:1px solid #dbdbdb; height:28px; overflow:hidden; }
	.pagelist .l-btns span{ font-size:14px; color:#333; line-height:28px; }
	.pagelist .l-btns .pagenum{ display:inline-block; margin:0 5px; padding:0 5px; border:1px solid #dbdbdb; border-top:0; border-bottom:0; width:30px; height:28px; line-height:28px; font-size:14px; color:#333; text-align:center; vertical-align:top; overflow:hidden; }

/*图文列表*/
.imglist{ width:100%; overflow:hidden; }
	.imglist ul{ margin:0 0 0 -15px; padding:0; *padding-bottom:15px; *display:inline-block }
	.imglist ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
	.imglist ul li{ float:left; margin:0 0 15px 15px; min-width:220px; }
	.imglist ul li .details{ position:relative; border:1px solid #eee; box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1); background:#fff; }
	.imglist ul li .details .check{ position:absolute; top:0px; right:0px; padding:5px; border-left:1px solid #eee; border-bottom:1px solid #eee; background:#fff; }
	.imglist ul li .details .absbg{ position:absolute; left:0px; top:95px; width:100%; height:70px; background:#000; filter:alpha(opacity=20); opacity:0.2; }
	.imglist ul li .details .pic{ width:100%; height:165px; overflow:hidden; }
		.imglist ul li .details .pic img{ width:100%; min-width:100%; min-height:100%; cursor:pointer; }
	.imglist ul li .details h1{ position:absolute; display:block; padding:10px 20px; left:0px; top:95px; right:0; height:50px; border-bottom:1px solid #eee; }
		.imglist ul li .details h1 span{ display:block; color:#fff; font-size:14px; font-weight:bold; height:50px; line-height:25px; text-overflow:ellipsis; overflow:hidden; }
		.imglist ul li .details h1 span a{ color:#fff; text-decoration:none; }
	.imglist ul li .details .remark{ display:block; margin:10px 15px; padding:0; height:60px; color:#666; font-size:14px; line-height:20px; text-overflow:ellipsis; overflow:hidden; }
	.imglist ul li .details .foot{ clear:both; display:block; padding:10px 15px; height:20px; }
		.imglist ul li .details .foot .time{ float:left; color:#838383; font-size:10px; line-height:20px; }
		.imglist ul li .details .foot .edit{ display:block; float:right; margin:0 0 0 3px; padding:0; width:20px; height:20px; text-indent:-9999em; background:url(skin_icons.png) no-repeat -137px -81px; overflow:hidden; }
		.imglist ul li .details .foot .copy{ display:block; float:right; margin:0 0 0 3px; padding:0; width:20px; height:20px; text-indent:-9999em; background:url(skin_icons.png) no-repeat -165px -81px; overflow:hidden; }
		.imglist ul li .details .foot .delete{ display:block; float:right; margin:0 0 0 3px; padding:0; width:20px; height:20px; text-indent:-9999em; background:url(skin_icons.png) no-repeat -82px -25px; overflow:hidden; }
	.imglist ul li .details .tools{ display:block; position:relative; padding:0 15px; }
		.imglist ul li .details .tools:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
		.imglist ul li .details .tools a{ display:block; float:left; margin:0; padding:0; width:28px; height:28px; border:1px solid #e8e8e8; border-left:none; text-indent:-99999px; background:url(skin_icons.png) no-repeat #fff; overflow:hidden; }
		.imglist ul li .details .tools a:first-child{ border-left:1px solid #e8e8e8; }
		.imglist ul li .details .tools a.msg{ background-position:6px -50px; }
		.imglist ul li .details .tools a.msg.selected{ background-position:6px -78px; }
		.imglist ul li .details .tools a.top{ background-position:-22px -50px; }
		.imglist ul li .details .tools a.top.selected{ background-position:-22px -78px; }
		.imglist ul li .details .tools a.red{ background-position:-50px -50px; }
		.imglist ul li .details .tools a.red.selected{ background-position:-50px -78px; }
		.imglist ul li .details .tools a.hot{ background-position:-78px -50px; }
		.imglist ul li .details .tools a.hot.selected{ background-position:-78px -78px; }
		.imglist ul li .details .tools a.pic{ background-position:-106px -50px; }
		.imglist ul li .details .tools a.pic.selected{ background-position:-106px -78px; }
		.imglist ul li .details .tools .sort{ float:right; margin:0; margin-left:-1px; padding:0 2px; border:1px solid #e8e8e8; width:39px; height:28px; line-height:28px; text-align:center; color:#66; font-size:14px; }
	.imglist ul li .details.nopic h1{ display:block; position:static; top:0px; padding:17px 20px; }
		.imglist ul li .details.nopic h1 span a{ color:#2a72c5 }
	.imglist ul li .details.nopic .remark{ display:block; margin:10px 15px; padding:0; height:140px; color:#666; font-size:14px; line-height:20px; text-overflow:ellipsis; overflow:hidden; }

/*生成静态列表样式*/
.builder-box{ position:absolute; right:20px; bottom:20px; margin:0; padding:0; width:300px; height:201px; border:1px solid #dbdbdb; border-radius:3px; color:#333; font-size:14px; background:#fff; overflow:hidden; }
	.builder-box .title{ position:relative; padding:0 10px; height:40px; border-bottom:1px solid #dbdbdb; background:#fafafa; }
	.builder-box .title h2{ color:#444; font-size:14px; font-weight:700; line-height:40px; text-overflow:ellipsis; overflow:hidden; }
	.builder-box .title .close{ position:absolute; top:5px; right:3px; display:block; width:30px; height:30px; background:url(skin_icons.png) -48px -188px no-repeat; cursor:pointer; }
	.builder-box .content{ padding:10px; width:280px; height:140px; text-align:center; vertical-align:middle; color:#333; font-size:14px; line-height:120px; overflow:auto; }
	.builder-box .content .list{ text-align:left; line-height:24px; font-size:13px; }
	.builder-box .content span{ margin-right:5px; font-weight:bold; }
	.builder-box .content .suc{ color:#060; }
	.builder-box .content .error{ color:#F00; }
/* ==========================列表页样式.结束======================== */

/* ==========================编辑页样式.开始======================== */
/*Tab选项卡*/
.content-tab-wrap{ height:42px; }
.content-tab{ z-index:3; top:0; left:15px; right:15px; bottom:auto; height:41px; background:#fff; border-bottom:1px solid #eee; }
	.content-tab-ul-wrap{ position:relative;}
	.content-tab-ul-wrap:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.content-tab ul{ position:absolute; left:0; top:10px; }
	.content-tab ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.content-tab ul li{ position:relative; display:block; float:left; margin-right:-1px; }
	.content-tab ul li a{ display:block; float:left; padding:0 25px; border-top:1px solid #eee; border-right:1px solid #eee; border-left:1px solid #eee; height:30px; line-height:31px; font-size:14px; color:#333; text-align:center; background:#fff; white-space:nowrap; word-break:break-all; }
	.content-tab ul li a:hover{ color:#2A72C5; text-decoration:none; }
	.content-tab ul li a.selected{ color:#2A72C5; background:#fff; height:31px; }
	.content-tab .tab-title{ display:none; }
	/*迷你样式*/
	.content-tab.mini .tab-title{ position:relative; display:block; float:left; margin-top:10px; padding:0 25px; border-top:1px solid #eee; border-right:1px solid #eee; border-left:1px solid #eee; height:31px; line-height:31px; font-size:14px; color:#2A72C5; text-align:center; background:#fff; cursor:pointer; }
	.content-tab.mini .tab-title i{ position:absolute; display:block; top:8px; right:8px; width:14px; height:14px; background:url(skin_icons.png) no-repeat scroll 0 -196px; }
	.content-tab.mini .content-tab-ul-wrap{ display:inline-block; height:42px; }
	.content-tab.mini .content-tab-ul-wrap ul{ display:none; background:#fff; }
	.content-tab.mini .content-tab-ul-wrap:hover ul{ display:block; top:41px; border:1px solid #eee; z-index:1; }
	.content-tab.mini .content-tab-ul-wrap:hover ul li{ display:block; float:none; margin:0; }
	.content-tab.mini .content-tab-ul-wrap:hover ul li a{ float:none; border:0;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	
/*Tab选项卡内容*/
.div-content{ padding:10px 0; font-size:14px; color:#666; }
	.div-content dl dt{ display:block; float:left; width:130px; text-align:right; color:#333; }
	.div-content dl dd{ margin-left:150px; }
.tab-content{ padding:20px 15px; font-size:14px; color:#666; border:1px solid #eee; border-top:none; box-sizing:border-box;}
	.tab-content:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
	.tab-content dl,.div-content dl{ clear:both; display:block; padding:5px 0; line-height:30px; }
	.tab-content dl.line,.div-content dl.line{ border-bottom:1px #ddd solid; }
	.tab-content dl:after,.div-content dl:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
	.tab-content dl:first-child{ border-top:none; }
	.tab-content dl dt{ display:block; float:left; width:130px; text-align:right; color:#6d7e86; }
	.tab-content dl dd{ position:relative; margin-left:150px; *position:static; }
	/*迷你样式*/
	.tab-content.mini dl dt{ display:block; float:none; text-align:left; }
	.tab-content.mini dl dd{ margin-left:0; }
	.tab-content.mini dl dd .input{ max-width:100%; }
	.tab-content .hrimg{position:absolute;top:30px;left:600px;}
	
/*内容*/
.tab-content .fixed-group { }
.tab-content .fixed-group h2{ }
.tab-content .fixed-group>div>dl { float: left;}
.tab-content .input-item { clear: none; width: 100%; }
.tab-content .input-item>dl { clear:none; line-height:30px;}
.tab-content .input-item3>dl { clear:none;}

/*分享*/
.diy{width:100%;}
.diy:after { display: block;height: 0;content: " ";clear: both;visibility: hidden;}
.diy-phone { float: left; width: 326px;height: 620px;background-image: url(phone.png); background-color: #fff;position:relative;overflow:hidden;}
.diy-phone .name { padding-top: 60px;width: 100%;text-align: center; font-size: 18px;color: #fff;font-weight: 400;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; height: 20px;}
.diy-phone .wechat-share{position:absolute; top: 97px;left: 3px;width:100%;height:100%;background-color:#48424F;z-index:2;background:url(phone-view.png) no-repeat;}
.diy-phone .wechat-share em{font-size:14px;position:absolute;color:#333;line-height:14px;font-style:normal;}
.diy-phone .wechat-share .scene-title-box{position:absolute;top:94px;left:80px;width:180px;height:40px;display:table;}
.diy-phone .wechat-share .scene-title{display:table-cell;vertical-align:middle;word-break:break-all;position:static;}
.diy-phone .wechat-share .scene-des{top:134px;left:135px;width:120px;height:60px;word-break:break-all;overflow:hidden;line-height: 15px;color:#8e8e8e;}
.diy-phone .wechat-share .scene-talk{top:220px;left:80px;}
.diy-phone .wechat-share .scene-talk2{top:283px;left:60px;}
.diy-phone .wechat-share .scene-img{position:absolute;top:137px;height:44px;width:44px;left:82px;}

.diy-ctrl {float: left; margin-left: 25px;}
.diy-ctrl-item { position: relative; width: 550px; border: 1px solid #ccc; border-radius: 5px;margin-top:85px;padding: 10px; background-color: #F8F8F8;}
.diy-ctrl-item::after, .diy-ctrl-item::before { position: absolute;top: 25px;left: -11px;display: block;content:"";width:11px;height:19px;background:url(icon.png) no-repeat;z-index: 2;}
.basic-info{width:100%;overflow:hidden;}
.cover-img { position: relative;float: left;margin-left:10px; height: 200px;}
.cover-img img { border-radius: 4px;height: 180px;width: 180px;background-image: url(diy_nobgimg.png);background-size:150px;background-repeat: no-repeat;
background-color: #fff;background-position: top center;}
.cover-img .upload-img { position: absolute;left: 45px;bottom: 25px;height: 30px;width: 90px;text-align: center;}
.cover-img .img_size{ position: absolute;width: 100%;left: 0;bottom: 0px;text-align:center;}
.setting-group{ float: left; margin-left: 20px;}
.setting-group em{font-style: normal;}
.setting-desc{margin-top:10px;}
.setting-value{margin-top:11px;}

/*weixin*/
.mgt15 { margin-top: 15px;}
.mgt20 { margin-top: 20px !important;}
.pd10 { padding: 10px !important;}
.mt10 { margin-top: 10px;}
.mb10 { margin-bottom: 10px;}
.mgl90 { margin-left: 90px;}
.mgb10 { margin-bottom: 10px;}
.pd5_0 { padding: 5px 0 !important;}
.tc { text-align: center;}
#diy-phone { float: left; width: 345px; border: 1px solid #ccc; border-radius: 15px;background: #fff;}
.diy-phone-receiver, .diy-phone-title, .diy-phone-footer { display: block; margin: 0 auto; background: url(diy_phone_modules.png) no-repeat;}
.diy-phone-receiver { margin: 13px auto;width: 98px;height: 34px;background-position: 0 -74px;}
.diy-phone-title { width: 320px;height: 32px;padding-top: 32px;background-position: 0 0;color: #fff;font-size: 18px;text-align: center;overflow: hidden;border: 1px solid #22292C;border-bottom: 0;cursor: pointer;}
.diy-phone-title.pt0{padding-top:0;}
.diy-phone-footer { margin: 10px auto; width: 62px;height: 61px; background-position: -253px -70px;}
.diy-phone-contain { margin: 0 auto; width: 320px;min-height: 400px;background-color: #F9F9F9;border: 1px solid #ccc;overflow: hidden;}
#diy-ctrl { width:554px;float:left;margin-left:40px; border: 1px solid #e7e7eb;background-color: #f4f5f9;padding: 30px 4px 16px 12px;border-radius: 4px;}
.clearfix:after,.formitems:after{content:" ";clear:both;visibility:hidden;}
.fi-help-text,.fi-name,.formitems{display:block;}
.formitems{line-height:20px;padding:0 0 8px;}
.clearfix:after,.fi-imgslist:after,.formitems:after{display:block;height:0;}
.fi-name{line-height:28px;font-weight:700;}
.formitems .fi-name{width:110px;text-align:left;color:#333;}
.fi-text{margin-right:5px;}
.formitems legend{padding:20px 0 10px 10px;font-weight:700;}
.checkbox-group,.radio-group{display:inline-block;margin-right:5px;padding-top:5px;}
.checkbox-group label,.radio-group label{line-height:20px;margin-right:20px;cursor:pointer;}
.checkbox-group input,.formitems input[type=radio],.formitems input[type=checkbox],.radio-group input,.tables-form input[type=radio],.tables-form input[type=checkbox],.tables-searchbox input[type=radio],.tables-searchbox input[type=checkbox],.wxtables input[type=radio],.wxtables input[type=checkbox],input.checkbox,input.radio{width:auto;border:none;box-shadow:none;background:0 0;margin:0 2px 0 0;cursor:pointer}
.checkbox-group input,.radio-group input,input.checkbox,input.radio{vertical-align:-2px;}
.fi-requisite{color:red;}
.fi-help-text{font-size:14px;color:#666;}
.ptrd_box input{ display:inline-block; margin-top:-10px; display:none;}
.ptrd_box span{ width:60px; min-height:44px; display:inline-block; text-align:center;}
.ptrd_box .pt_ico{width:50px; height:44px; background:url(icon_big.png) no-repeat; display:inline-block; margin-bottom:-6px;}
.ptrd_box .wenb{background-position: -210px -46px;}
.ptrd_box .wenb.act{background-position: -210px 0 !important;}
.ptrd_box .wenb:hover{background-position: -210px 0;}
.ptrd_box .onewenb{background-position: -260px -46px;}
.ptrd_box .onewenb.act{background-position: -260px 0 !important;}
.ptrd_box .onewenb:hover{background-position: -260px 0;}
.ptrd_box .morewenb{background-position: -310px -46px;}
.ptrd_box .morewenb.act{background-position: -310px 0 !important;}
.ptrd_box .morewenb:hover{background-position: -310px 0;}

.panel_border{border: 1px solid #ddd;}
.materialPrePanel { margin-left: auto; margin-right: auto; width: 290px; overflow: hidden;}
.materialPrePanel li { padding: 0px; background-color: #fff;}
.single-summary { padding: 10px 0;line-height: 18px;color: #666;text-align:left;word-break: break-word;border: 1px solid #E7E7EB;font-size: 14px;}

.materialPrePanel li>a{ display: block; position: relative; min-height: 32px; text-align: center;}
.single-title { font-size: 16px; line-height: 22px;max-height: 46px;overflow: hidden;word-wrap: break-word;word-break: break-all;font-weight: normal;padding-top: 10px;color: #666;}
.single-datetime { padding: 10px 0;color: #999;}
.cover-wrap { width: 262px; height: 110px; overflow: hidden; border: 1px solid #ddd; margin: 0 auto;}
.materialPrePanel li .cover-wrap img { width: 262px; height: auto;}
.single-link { display: block; padding-top: 10px; border-top: 1px solid #ddd; color: #666!important; font-size: 14px;}
.single-link .symbol { font-family: simsun;}
.materialPrePanel li .first-p { width: 262px; height: auto; margin: 0 auto; border: 0; padding: 10px 5px;}
.materialPrePanel li .first-a { width: 262px; margin: 0 auto; padding: 10px 8px;}
.materialPrePanel li h2{position: absolute; bottom: 0; left: 0; display: block; width: 248px; color: #fff; background: rgba(0,0,0,.8);}
.materialPrePanel li h2, .materialPrePanel .dd h3{width: 290px; min-height: 22px; font-weight: normal; line-height: 22px; font-size: 14px; margin: 0px; padding: 5px 0px 5px 5px; letter-spacing: 1px; text-align: left; max-height: 42px; overflow: hidden;}
.materialPrePanel .dd h3{font-size: 15px; letter-spacing: 1px; padding-left: 0px; width: 200px; float: left; height: 46px; line-height: 21px; padding: 30px 0 0 5px; word-break: break-word; color: #8d8d8d; font-family: "微软雅黑"; overflow: hidden;}
.materialPrePanel li .w262{width: 262px; left: 13px; padding-left: 2px;}
.materialPrePanel .dd{height: 112px; padding: 0; margin: 0; border-top: 1px solid #ddd; border: 0; position: relative; background-color: #fff;}
.materialPrePanel .dd:last-child{border-bottom: 0;}
.materialPrePanel .newWidth{width: 262px; margin: 0 auto; padding: 0 13px 0; border-top: 1px solid #ddd;}
.materialPrePanel .newWidth a{width: 100%; border: 0;}
.materialPrePanel .newWidth h3{width: 175px; padding-left: 2px;}
.materialPrePanel .pic{overflow: hidden; width: 78px; height: 78px; float: right; padding-top: 13px;}
.materialPrePanel .dd img{width: 78px; height: 78px;}
.first-t, .first-d { margin: 0 auto; width: 262px;}
.ftsize{ width: 90%; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.form-controls input.xxlarge { width: 95%; margin-bottom: 6px; border-radius: 4px;}

.ng{width: 250px;border-radius: 5px;border: 1px solid #eee;background-color: #fff;margin-bottom: 5px;overflow: hidden;}
.ng .ng_item{border-bottom: 1px solid #eee;padding: 5px 9px;}
.ng .ng_item:first-child{padding-top: 14px;padding-bottom: 14px;}
.ng .ng_item .td_cont{margin-bottom: 0px;}
.ng .ng_item .td_cont.with_label{position: relative;padding-left: 46px;}
.ng .ng_item .td_cont > .label{position: absolute;top: 0px;left: 0px;}
.label{display: inline-block;margin: 3px 3px 3px 0;background: #333;padding: 1px 4px 2px;font-size: 10.998px;font-weight: bold;line-height: 13px;color: #ffffff;vertical-align: middle;
white-space: nowrap;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background-color: #999999;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.label-success{background-color: #468847;}
.ng .ng_item .text{display: block !important;overflow: hidden !important;white-space: nowrap !important;text-overflow: ellipsis !important;line-height: 16px;min-height: 16px;}
.ng .ng_item .text a{color: #1C89D5;}
.ng .ng_item{border-bottom: 1px solid #eee;padding: 5px 9px;}
.ng .ng_item.view_more, .ng .ng_item.view_more a{color: #666;}
.ng .ng_item:last-child{margin-bottom: 0px;border-bottom: none;}
.ng .ng_item .td_cont{margin-bottom: 0px;}
.ng .ng_item.view_more, .ng .ng_item.view_more a{color: #666!important;}

.menu_notes { padding: 30px 80px;}
.frm_label { display: block; width: auto; margin-top: .3em; margin-right: 1em; font-size: 14px; margin-bottom: .5em;color:#000;}
.frm_input_box{display: inline-block; position: relative; height: 30px; line-height: 30px; vertical-align: middle; width: 278px; font-size: 14px; padding: 0 10px; 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;}
.frm_input{width: 100%;background-color: transparent;border: 0;outline: 0;height: 22px;margin: 4px 0;color: #222;font-family: inherit;font-size: 100%;padding: 0;}
.mask-area{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;filter: alpha(opacity = 75);-moz-opacity: .75;-khtml-opacity: .75;opacity: .75;background-color: #000;z-index: 9998;}
.mobile_preview{position: fixed;display: none;top: 50%;left: 50%;width: 322px;margin-top: -315px;margin-left: -161px;z-index: 9999;background: transparent url(iphones.png) no-repeat 0 0;}
.mobile_preview_hd{height: 168px;text-align: center;}
.mobile_preview_hd .nickname{display: inline-block;padding-top: 140px;width: 140px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;font-size: 12px;color: #fff;}
.mobile_preview_bd{position: relative;height: 310px;margin-left: 40px;margin-right: 28px;overflow-y: scroll;}
.show_list{padding-right: 1em;}
.mobile_preview_ft{height: 152px;}
.size1of3{width: 33.33%;}
.pre_menu_item{position: relative;float: left;line-height: 38px;background: transparent url(bg_menu_split_v1e5b3a.png) no-repeat 100% 50%;}
.pre_menu_item a{display: block;width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;color: #fff !important;margin-right: 12px;text-align: center;text-decoration: none;text-shadow: 0 1px 1px #000;}
.mobile_preview_closed{position: absolute;top: -10px;right: -16px;cursor: pointer;line-height: 200px;overflow: hidden;background: transparent url(icon_closed1e5b3a.png) no-repeat 0 0;width: 65px;height: 65px;vertical-align: middle;display: inline-block;color: #494949;}
.mobile_preview_closed:hover{background-position: -65px 0;}

/*sucai*/
.new-tit{height: 40px; line-height: 40px; font-size: 14px;color:#000; }
#main-water { position: relative;}
.new-lst { width: 990px; height: auto;padding: 10px 0;overflow: hidden;}
.new-lst .new-first{width: 293px;height: 80px;border: 2px dotted #D9DADC;}
.new-first a{display: block;width: 100%;height: 100%;position: relative;z-index: 2;}
.new-first s{display: block;width: 35px;height: 35px;background: url(icon-i.png) 0 -97px no-repeat;position: absolute;left:129px;top:34px;}
.hover s{display: none;}
.new-lst-item{width: 295px;height: auto;overflow: hidden;border: 1px solid #E7E7EB;float: left;margin-right: 25px;margin-bottom: 20px;}
.moudle-more, .moudle-one{width: 90px;height: 66px;overflow: hidden;display: none;}
.moudle-more>a, .moudle-one>a{display: block;width: 100%;height: 100%;position: relative;z-index: 5;}
.moudle-one-img, .moudle-more-img{display: block;width: 38px;height: 38px;margin: 0 auto;background: url(icon-img.png) 0 0 no-repeat;}
.moudle-more-img{background-position: 0 -96px;}
.moudle-one p, .moudle-more p{text-align: center;line-height: 20px;color: #DCDCE3;}
.moudle-one>a p, .moudle-more>a p{color: #DCDCE3;}
.moudle-one{padding: 14px 0 0 50px;}
.moudle-more { padding: 14px 50px 0 0;}
.moudle-one>a:hover p,.moudle-more>a:hover p{ color: #B3B3B3; text-decoration: underline;}
.moudle-one>a:hover .moudle-one-img{ background-position: 0 -48px;}
.moudle-more>a:hover .moudle-more-img{ background-position: 0 -144px;}
.hover .moudle-one,.hover .moudle-more{ display: block;}
.new-lst-item{width: 295px; height: auto; overflow: hidden; border: 1px solid #E7E7EB; float: left; margin-right:18px; margin-bottom: 20px;}
.lst-item-infos{padding: 14px 14px 0; border:0; position: relative; z-index: 2;}
.lst-item-info h3{font-weight: 400; font-style: normal; font-size: 16px; padding-top: 10px; line-height: 28px; max-height: 56px; overflow: hidden; word-wrap: break-word; word-break: break-all;}
.img-show { width: 267px; height: 148px;overflow: hidden; margin-bottom: 14px;}
.single-summary { padding: 10px 0;line-height: 18px;color: #666;word-break: break-word; border: 1px solid #E7E7EB;font-size: 14px;}
a.single-link:hover{text-decoration: underline;}
p.text-wrap{height: auto; overflow: hidden; word-wrap: break-word;}
.lst-else-con { height: 50px; border-top: 1px solid #ddd; padding: 14px;}
.lst-else-left{height: 50px; width: 176px; line-height: 22px; overflow: hidden;}
.lst-else-left h5{padding: 15px 0; word-break: break-word; color: #666; font-weight: normal;}
.lst-else-img{width: 50px; height: 50px;}
.lst-else-img img{display: block; width: 50px; height: 50px;}
.lst-edit-btn{height: 44px; line-height: 44px; border-top: 1px solid #E7E7EB; background-color: #F4F4F4;}
.lst-edit-btn a{display: block; width: 49%; height: 100%; text-align: center; float: left; position: relative; z-index: 2;}
.lst-edit-btn a i.btn-text{display: block; width: 16px; height: 17px; position: absolute; left:68px; top:14px; background-image: url(icon-i.png); background-repeat: no-repeat; background-position: 0 -50px; overflow: hidden; text-indent: -999px;}
.lst-edit-btn a:hover i.btn-text{background-position: 0 -78px;}
.lst-edit-btn a.single-l i.btn-text{background-position: 0 0;}
.lst-edit-btn a.single-l:hover i.btn-text{background-position: 0 -29px ;}
.single-l{border-right: 1px solid #E7E7EB;}
.absolute { position: absolute;bottom: 14px;left: 13px;background: rgba(0,0,0,.6);color: #fff;width: 255px;padding: 10px 5px;}
.w257 { width: 257px;}
.bottom0 { bottom: 0;}
.border-top_0 { border-top: 0;}
.txtRight{text-align:right;}
.materialPanel { position: relative;height: auto;overflow: hidden;padding-bottom: 30px;}
.material-item{position: relative; padding-top: 30px; padding-left: 24px; width: 570px; border: 1px solid #e7e7eb; background-color: #f4f5f9; padding-bottom: 20px; border-radius: 2px;}
.form-controls .input{border: 1px solid #ccc;}
.form-controls .j-texterea{ width: 526px; height: 60px;}
.edit_content { position: relative;}
.edit_html{min-height: 300px;width: 375px;border: solid 1px #ceced3;background: #fff;padding: 10px;margin-right: 22px;}
.edit_tip{position: absolute;top: 0;left: 0;height: 300px;width: 396px;text-align: center;line-height: 300px;color: #ccc;font-size: 20px;}
.fx-links{height: 30px;line-height: 30px;margin-bottom: 10px;}
.fx-links .fi-name{display: inline-block;float: left;height: 30px;line-height: 30px;width: auto;margin: 0;padding-right: 20px;padding-left: 10px;position: relative;z-index: 2;background-color: #ECECEC;color: #0077DD;}
.formitems .j-show-btn a{margin-top: 5px;float: left;}
.formitems .j-show-btn b{display: inline-block; float: left; font-weight: normal; padding-right: 4px;}
.formitems .j-show-btn em{display: inline-block; float: left; font-style: normal; max-width: 260px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;}
.caret-up{display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-bottom: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;border-bottom-color: #000;position: absolute;right: 5px;top: 12px;}
.badge{min-width: 10px;padding: 3px 7px;font-size: 12px;line-height: 1;color: #fff;vertical-align: baseline;background-color: #777;border-radius: 10px;}
.badge.badge-success{color: #fff;background-color: #5cb85c;}
.fx-links .fx-reset, #getLinks span.fx-reset{float: right;display: inline-block;position: relative;z-index: 200;padding-left: 10px;}
.disi { display: inline-block;padding-left: 20px;color: #999;}
.arrows{position: absolute;z-index: 2;}
.arrow_in{display: inline-block;width: 0;height: 0;border-width: 12px;border-style: dashed;border-color: transparent;border-left-width: 0;border-right-color: #f4f5f9;border-right-style: solid;margin-top: 0px;left: -12px;top: 50px;}
.arrow_out{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;margin-top: 0px;left: -13px;top: 50px;}
#materialPre{position: absolute; top: 0; left: 0; width: 318px; border: 1px solid #E7E7EB;}
.new-mater { border: 0;}
.new-contain{min-height:200px;width:auto;border:0;background:#fff;}
.materialPrePanel .dt { padding: 0px; background-color: #fff;}
.cor8d { color: #8d8d8d;}
.b0 { border: 0;}
.w1000{width:1000px;}
.border-top_1 { border-top: 1px solid #ddd;}
.materialActions { width: 600px; padding-top: 15px;}
.w_all { width: 100%;}
.coer_img { width: 290px;height: 160px; overflow: hidden;}
.materialPrePanel .dt .coer_img img { display: block; width: 290px; border: 0;}
.add_moudle_top{width: 290px;margin: 0 auto 14px;}
.materialPrePanel .dt{padding: 0px; background-color: #fff;}
.materialPrePanel .dt img{width: 290px;}
.materialPrePanel .dt h2 { position: absolute;bottom: 0;left: 0;display: block;width: 248px;color: #fff; background: rgba(0,0,0,.8);}
.materialPrePanel .dt h2, .materialPrePanel .dd h3 { width: 290px; min-height: 22px; font-weight: normal;line-height: 22px;font-size: 14px;margin: 0px;
padding: 5px 0px 5px 5px;letter-spacing: 1px;text-align: left; max-height: 42px;overflow: hidden;}
.text-mark{display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 200; background: rgba(229,229,229,0.85); text-align: center;}
.text-mark a{width: 18px; height: 18px; vertical-align: middle; display: inline-block; line-height: 100px; overflow: hidden; margin-left: 8px; margin-right: 8px; background: url(icon-i.png) 0 9px no-repeat; position: absolute; left: 134px; top: 60px;}

.diy-phone-contain:hover .text-mark { display: block;}
.text-mark a:hover { background-position: 0 -18px;}
.materialPrePanel .dd{height: 112px; padding: 0; margin: 0; border-top: 1px solid #ddd; border: 0; position: relative; background-color: #fff;}
.add_moudle{height: 112px; padding: 4px 14px; margin: 0px auto 0; border-top: 1px solid #ddd; border: 0; position: relative; background-color: #fff;}
.materialPrePanel .dd h3{font-size: 15px; letter-spacing: 1px; padding-left: 0px; width: 200px; float: left; height: 46px; line-height: 21px; padding: 30px 0 0 5px; word-break: break-word; color: #8d8d8d; overflow: hidden;}
.materialPrePanel .pic{overflow: hidden; width: 78px; height: 78px; float: right; padding-top: 13px;}
.materialPrePanel dd img{width: 78px; height: 78px;}
.edit-item{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(229,229,229,0.85); display: none;}
.materialPrePanel .dd .edit-item a{display: block; width: 17px; min-height: 17px; background-image: url(icon-i.png); background-repeat: no-repeat; position: absolute; top: 46px;}
.j_del_btn{background-position: 0 -50px; left: 170px;}
.j_del_btn:hover { background-position: 0 -78px;}
.j_edit_btn{background-position: 0 0px; left: 130px;}
.j_edit_btn:hover { background-position: 0 -28px;}
.materialPrePanel .dd:hover .edit-item{display: block;}
.material-item-add{display: block; width: 266px; border: 2px dotted #d9dadc; font: bold 40px/1 "arial"; color: #999!important; padding: 10px; text-align: center; margin-top: 10px; margin-bottom: 0px; cursor: pointer; background-color: #fff; position: absolute; bottom: 20px; left: 14px;}
.material-item-add:hover{color: #666!important; border: 2px dotted #999;text-decoration:none;}
.uploadstyle{display: inline-block;width:68px;}

/*App*/
.alert { position: relative; padding: 7px 10px;margin-bottom: 10px;border: 1px solid transparent;line-height: 20px;}
.alert-info { background-color: #d9edf7; border-color: #bce8f1;color: #31708f;}
.alert h4 { font-size: 14px; margin-top: 0; margin-bottom: 5px;color: inherit;}
.red { color: red;}
.alert .alert-delete { position: absolute;right: 5px;top: 9px;}
[class*=" gicon-"], [class^=gicon-] { display: inline-block; width: 14px; height: 14px;margin-right: .3em;line-height: 14px;vertical-align: -2px;background-image: url(gicon_black.png);background-position: 14px 14px;background-repeat: no-repeat;}
.gicon-remove { background-position: -312px 0;}
.wxtables { width: 100%; margin-left: auto; margin-right: auto; border: 1px solid #e7e7eb;}
.wxtables td { padding: 8px 10px; font-size: 12px;line-height: 1.5em;border-bottom: 1px solid #eee;color: #333;}
.wxtables td.tdborder { border-right: 1px solid #e7e7e7;}
.wxtables thead td { font-weight: 700; background: #eee;color: #555;border-left: none;border-right: none;}
.wxtables thead tr td:first-child { border-left: 1px solid #e7e7eb;}
.wxtables .app_dow_tr td.tdborder i { width: 200px; height: 194px; display: block;}
.wxtables .app_dow_tr .android .remo { background: url(android.png) no-repeat;}
.wxtables .app_dow_tr .android .hed { background: url(android_on.png) no-repeat;}
.wxtables .app_dow_tr .iphone .remo { background: url(iosapp.png) no-repeat;}
.wxtables .app_dow_tr .iphone .hed { background: url(iosapp_on.png) no-repeat;}
.fl{ float: left;}
.fr{ float: right;}
.codeimg { display: inline-block; width: auto;}
.linkadd { width: 710px; padding-left: 20px;}
.linkadd p { height: 30px;line-height: 30px;font-size: 15px;color: #000;}
.btnlst { margin-top: 35px;}
.btn-primary { position: relative;display: inline-block;padding: 0 12px;height: 22px;line-height: 22px;font-size: 12px;cursor: pointer;color: #fff!important;
background-color: #5cb85c;border-radius: 2px;border: 1px solid #4cae4c;vertical-align: baseline;margin-top: -5px;margin-left: 5px;margin-bottom: 2px;}
.btn-primary:hover{background-color:#449d44;border-color:#398439;text-decoration:none;}
.btn-primary.appload { border: 1px solid #357ebd;background-color: #428bca; }
.btn-primary.appload:hover { background-color: #3071a9; border-color: #285e8e;}

/*WeixinMenu*/
.inner_container_box{background-color: #fff;border: 1px solid #e7e7eb;width: 1060px;overflow: hidden;}
.inner_container_box .inner_side { width: 250px;}
.inner_container_box .bd { min-height: 530px;}
.inner_container_box .sub_title_bar{height: 36px;line-height: 36px; padding: 0 12px;}
.sub_title_bar.light{background-color: #f4f5f9; border-bottom: 1px solid #e7e7eb;}
.sub_title_bar h4{float: left;font-weight: 400;font-style: normal;font-size: 14px;color:#000;}
.inner_container_box .sub_title_bar .opr_wrp{text-align: right;}
.icon16_common{width: 16px;height: 16px;vertical-align: middle;display: inline-block;line-height: 100px;overflow: hidden;background-image: url(icon-btn-meta.png);background-repeat: no-repeat;color: #494949 !important;}
.icon16_common.add_gray{background-position: 0 -51px;}
.icon16_common.sort_gray{background-position: 0 2px;}
.inner_container_box .sub_title_bar .opr_wrp .opr_meta{margin-left: 14px;}
.inner_menu{border-top: 1px solid #e7e7eb;position: relative;line-height: 32px;}
.inner_menu:first-child{border-top-width: 0;}
.inner_menu_item{position: relative; line-height: 32px;}
.inner_menu_link{display: block; color: #222 !important; padding-left: 1em; text-decoration: none;}
.inner_menu_box.with_switch div .inner_menu_link{padding-left: 20px;}
.inner_menu_link strong{display: inline-block; margin-top: -2px; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; max-width: 80px; font-weight: 400; font-style: normal; vertical-align: middle; cursor: pointer; font-size: 14px;}
.inner_menu .menu_opr{display: none; position: absolute; top: 10px; right: 16px;}
.icon14_common{width: 14px; height: 14px; vertical-align: middle; display: inline-block; line-height: 100px; overflow: hidden; background-image: url(icon-btn-meta.png); background-repeat: no-repeat; color: #494949 !important;}
.icon14_common.jsAddBt{background-position: 0 -93px;}
.icon14_common.jsEditBt{background-position: 0 -140px;}
.icon14_common.jsDelBt{background-position: 0 -188px;}
.inner_menu .menu_opr .jsSortup{background-position: 0 -278px;}
.inner_menu .menu_opr .jsSortdown{background-position: 0 -297px;}
.inner_menu .menu_opr .edit_gray { background-position: 0 -140px;}
.inner_menu .menu_opr .del_gray { background-position: 0 -188px;}
.inner_menu .menu_opr a{display: inline-block; margin-left: 5px; margin-top: -2px;}
.icon_dot{display: inline-block; font-weight: 400; font-style: normal; vertical-align: middle; font-size: 8px; color: #d5d5d5;}
.inner_menu_box.with_switch .icon_dot{position: absolute; top: 50%; left: 25px; margin-top: -14px; -webkit-transform: scale(0.8); font-size: 10px;}
.inner_menu_box.with_switch .dd .inner_menu_link{padding-left: 36px;}
.inner_menu_box.gray .inner_menu_item:hover .menu_opr{display: block;}
.inner_container_box .inner_main { width: 809px; border-left: 1px solid #e7e7eb;}
.action_content.default .action_tips { padding-top: 200px; text-align: center; font-size: 14px;color: #222;}
.action_content.init { padding: 20px; text-align: center;}
.action_content.init .action_tips { padding-top: 40px; text-align: center; padding-bottom: 60px; font-size: 14px;color:#000;}
.action_content.init a{color: #222; text-decoration: none; display: inline-block; margin-left: 15px; margin-right: 15px;}
.action_content.init a strong{display: block; font-weight: 400; font-style: normal; padding-top: 5px; font-size: 14px; line-height: 24px;}
.icon_menu_action{width: 114px; height: 114px; vertical-align: middle; display: inline-block; background-image: url(icon-big-btn.png); background-repeat: no-repeat;}
.icon_menu_action.send{background-position: 0 -248px;}
.icon_menu_action.url{background-position: 0 -496px;}
.action_content.url { padding: 64px 86px;}
.action_content.url .action_tips{padding: 0 0 20px;color:#000;}
#getLinks{width: 166px; height: 26px; line-height: 24px; position: relative; z-index: 100; background-color: #F8F8F8; color: #0077DD; margin-bottom: 20px; font-size: 14px; text-indent: 8px; cursor: default;}
#getLinks span{display: block; width: 10px; height: 10px; position: absolute; right: 8px; top: 11px;}
.caret-down{display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top-color: #000; position: absolute; top: 0; right: 0;}
.setLinks{display: none; width: 116px; height: auto; overflow: hidden; box-shadow: 0 0 3px rgba(0,0,0,.4); position: absolute; left: 0; top: 26px; background-color: #fff; border: 1px solid #C7C7C7; border-radius: 4px;}
.setLinks ul{display: block;}
.setLinks ul li a{display: block; height: 26px; line-height: 26px; padding: 0 10px; color: #494949;}
.setLinks ul li a:hover{color: #fff;background-image: linear-gradient(to bottom, #648bf5,#2866f2);-webkit-box-shadow: #5a82eb 0px 1px 0px inset,#1758e7 0px -1px 0px inset;
-moz-box-shadow: #5a82eb 0px 1px 0px inset,#1758e7 0px -1px 0px inset;box-shadow: #5a82eb 0px 1px 0px inset,#1758e7 0px -1px 0px inset;}
.frm_control_group{padding-bottom: 25px;}
.frm_input_box{display: inline-block;position: relative;height: 30px;line-height: 30px;vertical-align: middle;width: 278px;font-size: 14px;padding: 0 10px;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;}
.action_content.url .frm_input_box{width: 340px;}
.frm_input{width: 100%;background-color: transparent;border: 0;outline: 0;height: 22px;margin: 4px 0;color: #222;font-family: inherit;font-size: 100%;padding: 0;}
.tool_bar { padding-bottom: 50px; padding-top: 20px;}
.btns{position: relative; display: inline-block; padding: 0 12px; height: 26px;line-height: 26px; font-size: 12px; text-align: center; cursor: pointer; color: #333!important;
 background-color: #fff; border-radius: 2px; border: 1px solid #ccc; vertical-align: baseline; margin-top: 1px; margin-bottom: 2px;}
.btns.btn-primarys,.btns.cblue { color: #fff!important;background-color: #428bca; border-color: #357ebd;}
.btns.btn-primarys:hover,.btns.cblue:hover { background-color: #3071a9; border-color: #285e8e; text-decoration:none;}
.btns:hover { background-color: #e6e6e6; border-color: #adadad;text-decoration:none;}
.btns.cgreen { color: #fff!important;background-color: #5cb85c; border-color: #4cae4c;}
.btns.cgreen:hover { background-color: #449d44; border-color: #398439;}
.action_content.send .action_tips { padding: 20px; font-size: 14px;color:#000;}
.msg_sender{border: 1px solid #e7e7eb;width: 766px;margin: 0 auto 20px;}
.tab_navs{text-align: center;height: 38px;line-height: 38px;background-color: #fff;border-bottom: 1px solid #e7e7eb;box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5);-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5);-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5);}
.tab_nav{float: left;font-size: 14px;height: 38px;}
.icon_msg_sender { margin-right: 3px; margin-top: -2px;width: 20px;height: 20px; vertical-align: middle;display: inline-block;  background-image: url(icon-img.png);background-repeat: no-repeat;}
.tab_navs .tab_nav a{display: block;text-decoration: none;color: #222;outline: 0;padding: 0 10px;}
.tab_text .icon_msg_sender{background: url(icon-i.png) 0 1px no-repeat;}
.tab_img .icon_msg_sender { background-position: 0 -384px;}
.tab_appmsg .icon_msg_sender { background-position: 0 -440px;}
.tab_navs .imgnav .audio { background: url(auto.png) 0 -180px no-repeat;}
.tab_navs .imgnav .video { background: url(auto.png) 0 -120px no-repeat;}
.tab_img a:hover .icon_msg_sender { background-position: 0 -412px;}
.tab_appmsg a:hover .icon_msg_sender { background-position: 0 -468px;}
.selected .imgnav .audio, .tab_navs .imgnav:hover .audio { background-position: 0 -210px;}
.selected .imgnav .video, .tab_navs .imgnav:hover .video { background-position: 0 -150px;}
.msg_sender .selected{display: block;}
.tab_navs .tab_nav.selected{background-color: #fff;}
.tab_text.selected .icon_msg_sender{background-position: 0 -27px;}
.action_content.send .tool_bar{padding-top: 0;padding-left: 20px;margin-top: 0;border-top-width: 0;text-align: left;}
.tab_content .inner { width: 100%;  padding: 14px 20px;}

/*素材样式*/
.albums-cr-actions{position: relative; padding: 7px 10px 0; height: 38px;}
.albums-cl-actions, .albums-cr-actions, .albums-title{border-bottom: 1px solid #e5e5e5;}
#albums .uploadify-queue{width: 360px!important; right: 10px!important; top: 50px!important; left: auto!important; z-index: 999;}
.uploadify-button { background-color: transparent;border: none;border-radius:0;padding: 0; } 
.uploadify:hover .uploadify-button { background-color: transparent; }
#albums .uploadify-button {text-indent:0px!important; background: #5cb85c!important; border: 1px solid #4cae4c!important; border-radius: 2px!important;}
.btns.btn-danger{background-color: #d9534f; border-color: #d43f3a;color:#fff!important;}
.mgl10{margin-left: 10px;}
.albums-cr-imgs ul { padding: 10px; margin-right: -10px;}
.albums-cr-imgs li{position: relative;width: 100px;height: 120px;padding: 2px;margin: 0 10px 10px 0;border: 1px solid #e5e5e5;cursor: pointer;overflow: hidden;background: #fafafa;}
.albums-cr-imgs img{width: 100px;height: auto;margin: 0;padding: 0;border: 0;}
.albums-cr-imgs-selected{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;background: rgba(0,0,0,.5);}
.albums-cr-imgs-selected i{position: absolute;width: 30px;height: 30px;line-height: 30px;left: 50%;top: 50%;margin: -15px 0 0 -15px;background: url(icon_xz.png) center center no-repeat #1C89D5;border-radius: 30px;z-index: 999;}
.albums-cr-imgs li.selected .albums-cr-imgs-selected { display: block;}
.albums-edit{width: 100px;height: 22px;background-color: #fff;position: absolute;z-index: 99;left: 2px;bottom: 0;}
.albums-edit span{display: none;height: 100%;left: 0;background-color: #ccc;}
.albums-edit span, .img-name-edit{width: 100%;position: absolute;bottom: 0;}
.albums-edit i{display: block;margin: 4px auto 0;}
.gicon-pencil{background-position: 0 -72px;}
.albums-edit p{font-size: 12px;height: 22px;line-height: 22px;overflow: hidden;text-align: center;color: #666;}
.albums-cr-imgs-noPic{position:absolute;padding-top:100px;top:50%;left:50%;margin:-70px 0 0 -45px;width:90px;height:90px;text-align:center;font-size:14px;color:#D8D8D8;background:url(no-pic.jpg) no-repeat;}


/*上传样式*/
.upload-box{ position:relative; display:inline-block; height:32px; vertical-align:middle; zoom:1; *display:inline;}
	.upload-box .upload-btn{ display:inline-block; height:32px; zoom:1; *display:inline; }
	.upload-box .upload-progress{ position:absolute; top:0; left:0; padding:2px 5px; width:115px; height:26px; border:1px solid #d7d7d7; background:#fff; overflow:hidden; }
	.upload-box .upload-progress .txt{ display:block; padding-right:10px; font-weight:normal; font-style:normal; font-size:11px; line-height:18px; height:18px; text-overflow:ellipsis; overflow:hidden; }
	.upload-box .upload-progress .bar{ position:relative; display:block; width:112px; height:4px; border:1px solid #1da76b; }
	.upload-box .upload-progress .bar b{ display:block; width:0%; height:4px; font-weight:normal; text-indent:-99em; background:#28B779; overflow:hidden; }
	.upload-box .upload-progress .close{ position:absolute; display:block; top:1px; right:1px; width:14px; height:14px; text-indent:-99em; background:url(skin_icons.png) -56px -196px no-repeat; cursor:pointer; overflow:hidden; }
	
/*图片相册样式*/
.photo-list, .photos-list{ margin:0; padding:10px 0 0 0; }
	.photo-list ul, .photos-list ul{ margin:0 0 0 -15px; }
	.photo-list ul li, .photos-list ul li{ float:left; margin-left:15px; text-align:center; *width:118px; }
	.photo-list ul li .img-box{ position:relative; margin:5px auto; width:112px; height:112px; border:3px #efefed solid; cursor:pointer; overflow:hidden; }
	.photo-list ul li .img-box.selected{ border:3px #f60 solid; }
	.photo-list ul li .img-box img, .photos-list ul li .img-box img{ width:100%; height:100%; opacity:1; }
	.photo-list ul li .img-box .remark{ position:absolute; display:block; left:0; right:0; bottom:0; margin:0; padding:3px 2px; height:18px; line-height:18px; background:#000; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; text-align:left; overflow:hidden;}
	.photo-list ul li .img-box .remark:hover{ top:0; bottom:0; height:100%; }
	.photo-list ul li .img-box .remark i{ position:relative; font-size:14px; color:#fff; font-style:normal; line-height:18px; }
	.photo-list ul li .img-box .sort{position:absolute;top:0;right:0;padding:2px 5px;height:16px; line-height:16px; background:#000; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; text-align:left; overflow:hidden;}
	.photo-list ul li .img-box .sort i{font-size:14px;color:#fff;line-height:16px;font-style:normal;}
	.photo-list ul li a, .photos-list ul li a{ padding-right:1em; }
	.photos-list ul li .img-box{ position:relative; margin:5px auto; width:112px; height:112px; border:3px #efefed solid; cursor:move; overflow:hidden; }
	
/*附件列表样式*/
.attach-list{ margin:0; padding:10px 0 0 0; }
	.attach-list ul{ margin:0 0 0 -15px; list-style:none; }
	.attach-list ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
	.attach-list ul li{ position:relative; float:left; margin:0 0 15px 15px; padding:5px 18px 8px 18px; border:1px solid #eee; box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1); width:215px; }
	.attach-list ul li .icon{ position:absolute; display:block; top:8px; left:2px; width:14px; height:14px; text-indent:-999em; background:url(skin_icons.png) no-repeat -84px -140px; overflow:hidden; }
	.attach-list ul li .del{ position:absolute; display:block; top:0; right:0; width:20px; height:20px; text-indent:-99em; background:url(skin_icons.png) no-repeat -53px -193px; cursor:pointer; overflow:hidden; }
	.attach-list ul li .edit{ position:absolute; display:block; bottom:6px; right:5px; width:20px; height:20px; text-indent:-99em; background:url(skin_icons.png) -137px -81px no-repeat; cursor:pointer; overflow:hidden; }
	.attach-list ul li .title{ display:block; margin-bottom:3px; border-bottom:1px solid #ccc; line-height:24px; height:26px; font-weight:bold; white-space:nowrap; word-break:break-all; overflow:hidden; }
	.attach-list ul li .info,.attach-list ul li .btns{ display:block; line-height:24px; }
	.attach-list ul li .btns input{ display:inline-block; padding:0 3px; border:1px solid #d7d7d7; width:40px; height:20px; line-height:18px; color:#666; font-size:14px; background:#fff; vertical-align:middle; }

/*规格列表样式*/
.spec-item{ }
	.spec-item li{ float:left; position:relative; margin:0 8px 8px 0; padding:1px; line-height:20px; vertical-align:middle; }
	.spec-item li a{ display:block; padding:1px; color:#666; min-width:10px; width:auto !important;  text-align:center; text-decoration:none; border:1px solid #eee; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle; }
	.spec-item li a i{ display:inline-block; padding:3px 9px; font-style:normal; line-height:20px; }
	.spec-item li a img{ width:32px; height:32px; vertical-align:middle; }
	.spec-item li:after{ content:"."; display:none; position:absolute; right:0; bottom:0; width:12px; height:12px; text-indent:-99em; background:url(skin_icons.png) -169px -85px no-repeat; overflow:hidden; }
	.spec-item li.selected a{ margin:-1px; color:#333; border:2px solid #1e99c7; }
	.spec-item li.selected:after{ display:block; background-position:-84px -196px; }
	
/*表格样式*/
.border-table{ min-width:500px; border-width:1px; margin:0; background:#fff; }
	.border-table th,.border-table td{ margin:0; padding:2px 10px; line-height:26px; height:28px; border:1px solid #eee; vertical-align:middle; white-space:nowrap; word-break:keep-all; }
	.border-table td input{ vertical-align:middle; }
	.border-table td .position{ position:relative; min-height:100%; }
	.border-table td .ibtn{ position:absolute;top:0; right:-7px; background:#cc; border:none; color:#666; cursor:pointer; font-family:"Microsoft Yahei"; font-size:14px; height:25px; line-height:25px; padding:0 12px; }
	.border-table td .ibtn:hover{ color:#fff; background:#FF9C30; }
	.border-table thead th{ color:#333; font-weight:normal; white-space:nowrap; text-align:center; background:#f9f9f9; }
	.border-table tbody th{padding-right:5px; text-align:right;color:#707070;background-color:#f9f9f9}
	.border-table tr.td_c td{ text-align:center; }
	.border-table td .cbllist input{ vertical-align:middle; }
	.border-table td .cbllist label{ margin-right:5px; vertical-align:middle; }
	.border-table td .folder-open{ display:inline-block; margin-right:2px; width:20px; height:20px; background:url(skin_icons.png) -160px -250px no-repeat; vertical-align:middle; text-indent:-999em; }
	.border-table td .folder-line{display:inline-block; margin-right:2px; width:20px; height:20px; background:url(skin_icons.png) -200px -250px no-repeat; vertical-align:middle; text-indent:-999em; }
	.border-table td .img-box{ display:inline-block; height:32px; vertical-align:middle; }
		.border-table td .img-box img{ padding:1px; width:30px; height:30px; border:1px solid #eee; }

/*订单状态样式*/
.order-flow{ margin:0 auto; padding:0; font-size:14px; font-weight:normal; padding-bottom:4px; }
    .order-flow-left, .order-flow-arrive, .order-flow-wait, .order-flow-right-arrive, .order-flow-right-wait{ margin:0; padding:0; background: url(order_speed.gif) no-repeat scroll 0 0; float:left; font-family:Arial; line-height:16px; text-align:center; width:140px; }
    .order-flow div span{ margin:0; padding:0; background:none repeat scroll 0 0 #fff; display:block;}
    .order-flow div span p{ margin:0; padding:0; }
    .order-flow .name { margin:0; padding:0 0 4px 0; }
    .order-flow-arrive { background-position: 0 -40px; }
    .order-flow-wait{ background-position:0 -20px; color:#878787; }
    .order-flow-right-arrive{ background-position: 0 -80px; }
    .order-flow-right-wait{ background-position:0 -60px; color:#878787; }
    .order-flow-input{ display:block; margin:2px auto; padding:0; width:18px; height:18px; text-indent:-999px; cursor:inherit; overflow:hidden;}

/*按钮样式*/
.td-input{ display:inline-block; padding:0 3px; border:1px solid #d7d7d7; width:92%; height:20px; line-height:18px; color:#666; font-size:14px; background:#fff; vertical-align:middle; }
.btn{ background:#16a0d3; border:none; color:#fff;-webkit-appearance: none;  cursor:pointer; display:inline-block; font-family:"Microsoft Yahei"; font-size:14px; height:32px; line-height:32px; margin:0 1px 0 0; padding:0 20px;outline:0;transition: background ease-in-out .15s; }
	.btn:hover{ background:#117ea6; }
	.btn.green{ background:#52A152; }
	.btn.green:hover{ background:#328032; }
	.btn.yellow{ background:#FF9C30;}
	.btn.yellow:hover{ background:#c87316; }
	.btn.violet{ background:#993333 ; }
	.btn.violet:hover{ background:#990033;}
.icon-btn{ display:inline-block; margin:0; padding:4px 10px 4px 8px; line-height:20px; height:20px; border:solid 1px #e1e1e1; color:#333; font-size:14px; text-decoration:none; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; }
	.icon-btn:hover{ color:#2A72C5; }
	.icon-btn span{ display:inline-block; vertical-align:middle; }
	.icon-btn i{ display:inline-block; margin-right:3px; width:14px; height:14px; text-indent:-9999em; background:url(skin_icons.png) no-repeat; vertical-align:middle; *text-indent:0; }
	.icon-btn.add i{ background-position:0 -28px; }
.img-btn{ display:inline-block; margin:0px 2px; width:14px; height:14px; background:url(skin_icons.png) no-repeat; vertical-align:middle; white-space:nowrap; word-break:break-all; cursor:pointer; overflow:hidden; text-indent:-9999px; *text-indent:0; *font-size:0; }
	.img-btn.edit{ background-position:-140px -84px; }
	.img-btn.del{ background-position:-84px -28px; }

.btn-success { position: relative;display: inline-block;padding: 0 12px;height: 22px;line-height: 22px;font-size: 12px;cursor: pointer;color: #fff!important;
background-color: #5cb85c;border-radius: 2px;border: 1px solid #4cae4c;vertical-align: baseline;margin-top: -5px;margin-left: 5px;margin-bottom: 2px;}
.btn-success:hover{background-color:#449d44;border-color:#398439;text-decoration:none;}
.hint{position:fixed;top:0;left:50%;margin-left:-310px;width:600px;padding:10px;border:1px solid transparent;text-align:center;font-size:14px;line-height:22px;font-weight:700;border-radius:5px;box-shadow:2px 2px 2px rgba(0,0,0,.3);z-index:999;}
.hint-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d;}
.hint-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b;}
.hint-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442;}
.loading{display:none; position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.3); z-index: 999;}
.loading::after{display:block;position:absolute;top:50%;left:50%;content:"请稍后，数据加载中...";width:300px;height:30px;margin:36px 0 0 -150px;line-height:30px;text-align:center;color:#fff;font-size:14px;text-shadow:1px 1px 3px rgba(0,0,0,.5);}
.loading i{display:block;position:fixed;top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;background:url(loading.gif) center rgba(0,0,0,.5) no-repeat;background-size:40px auto;border-radius:10px;}
.albums-cr-imgs .loading { position: absolute; width: 100%; top: 0;left: 0;}


/*多项单选*/
.multi-radio{ display:inline-block; vertical-align:middle; *display:inline; }
	.multi-radio:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
	.multi-radio .boxwrap{ display:inline-block; vertical-align:middle; *display:inline;}
	.multi-radio a{ display:inline-block; margin-right:-1px; float:left; padding:5px 15px; height:20px; line-height:20px; border:1px solid #eee; vertical-align:middle; color:#333; font-size:100%; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; }
	.multi-radio a:hover{ background:#C9E1EF; text-decoration:none; }
	.multi-radio a:active{ text-decoration:none; }
	.multi-radio a.selected{ background:#16a0d3; border-color:#1096c7; color:#fff; }
/*单项选择*/
.single-checkbox{ display:inline-block; vertical-align:middle; cursor:pointer; *display:inline; }
	.single-checkbox a,.single-checkbox a:visited{ display:inline-block; border:1px solid #d4d4d4; background:#d4d4d4; width:80px; vertical-align:middle; text-decoration:none; }
	.single-checkbox a i{ display:block; width:50%; height:28px; line-height:28px; font-style:normal; background:#fff; color:#333; text-align:center; }
	.single-checkbox a i.on{ float:right; display:none; }
	.single-checkbox a i.off{ float:left; display:block; }
	.single-checkbox a.selected{ border:1px solid #16a0d3; background:#16a0d3; }
	.single-checkbox a.selected i.on{ display:block; }
	.single-checkbox a.selected i.off{ display:none; }
/*多项选择*/
.multi-checkbox{ display:inline-block; vertical-align:middle; }
	.multi-checkbox:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
	.multi-checkbox .boxwrap{ display:inline-block; vertical-align:middle; }
	.multi-checkbox a{ display:inline-block; float:left; margin-right:-1px; padding:5px 15px; height:20px; line-height:20px; border:1px solid #eee; vertical-align:middle; color:#333; font-size:100%; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; }
	.multi-checkbox a:hover{ background:#C9E1EF; text-decoration:none; }
	.multi-checkbox a:active{ text-decoration:none; }
	.multi-checkbox a.selected{ background:#16a0d3; border-color:#1096c7; color:#fff; }
	.multi-checkbox a:last-child{ /*border-right:1px solid #d4d4d4;*/ }
/*多项选择PORP*/
.multi-porp{ }
	.multi-porp ul li{ float:left; position:relative; margin:0 8px 8px 0; padding:1px; line-height:20px; vertical-align:middle; }
	.multi-porp ul li a{ display:block; padding:4px 10px; color:#666; min-width:10px; width:auto !important;  text-align:center; text-decoration:none; border:1px solid #eee; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; }
	.multi-porp ul li i{ display:none; position:absolute; right:0; bottom:0; width:12px; height:12px; text-indent:-99em; background:url(skin_icons.png) -169px -85px no-repeat; overflow:hidden; }
	.multi-porp ul li.sys{ background:#FFFFD0; }
	.multi-porp ul li.selected a{ margin:-1px; color:#333; border:2px solid #1e99c7; }
	.multi-porp ul li.selected i{ display:block; background-position:-84px -196px; }
/*下拉菜单*/
.single-select{ position:relative; display:inline-block; margin-right:5px; vertical-align:middle; cursor:pointer; *float:left; }
	.single-select .boxwrap{ display:inline-block; vertical-align:middle; }
	.single-select .select-tit{ position:relative; display:block; padding:5px 38px 5px 10px; min-width:40px; line-height:20px; height:20px; border:solid 1px #eee; text-decoration:none; background:#fff; white-space:nowrap; word-break:break-all; }
	.single-select .select-tit span{ display:inline-block; color:#333; font-size:14px; vertical-align:middle; }
	.single-select .select-tit i{ position:absolute; right:0; top:0; display:block; width:28px; height:100%; border-left:1px solid #eee; background:url(skin_icons.png) 7px -189px no-repeat #fafafa; }
	.single-select .select-items{ display:none; position:absolute; left:0; top:45px; /*overflow:hidden;*/ }
	.single-select .select-items ul{ position:relative; padding:5px; min-width:120px; max-height:280px; border:1px solid #eee; background:#fff; overflow-y:auto; overflow-x:hidden; }
	.single-select .select-items ul li{ display:block; padding:4px 10px; line-height:20px; font-size:14px; color:#666; white-space:nowrap; cursor:pointer; }
	.single-select .select-items ul li:hover{ color:#fff; text-decoration:none; background:#16a0d3; }
	.single-select .select-items ul li.selected{ color:#fff; background:#16a0d3; }
	.single-select .arrow{ display:none; position:absolute; left:15px; top:35px; width:21px; height:11px; text-indent:-9999px; background:url(skin_icons.png) 0 -290px no-repeat; }
    .single-select.up .select-items{ top:auto; bottom:45px; }
    .single-select.up .arrow{ top:-13px; background:url(skin_icons.png) 0 -300px no-repeat; }

.page-footer{ padding:10px 0; height:32px; font-size:14px; }
	.page-footer .btn-wrap{ position:fixed; margin:0; padding:10px 0; top:auto; left:15px; right:15px; bottom:0; background:#fff; z-index:1000; }
	.page-footer .btn-wrap:after{ clear:both;content:".";display:block;height:0;visibility:hidden; }

.prokeybtn{margin-top:10px;}	
.prokeybtn a{ display:inline-block; float:left; margin-right:-1px; padding:5px 15px; height:20px; line-height:20px; border:1px solid #eee; vertical-align:middle; color:#333; font-size:100%; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; }
	.prokeybtn a:hover{ background:#C9E1EF; text-decoration:none; }
	.prokeybtn a:active{ text-decoration:none; }
/* ==========================编辑页样式.结束======================== */

/*=====================以下部分是Validform必须的====================*/
.Validform_checktip{ margin-left:8px; line-height:20px; height:20px; overflow:hidden; color:#999; font-size:14px; }
.Validform_right{ color:#71b83d; padding-left:20px; background:url(valid_icons.png) no-repeat -40px -20px; }
.Validform_wrong{ color:red; padding-left:20px; white-space:nowrap; background:url(valid_icons.png) no-repeat -20px -40px; }
.Validform_loading{ padding-left:20px; background:url(icon_onload.gif) no-repeat left center; }
.Validform_error{ background:#FEFBD3; }

#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);}
#Validform_msg .iframe{ position:absolute; left:0px; top:-1px; z-index:-1; }
#Validform_msg .Validform_title{ position:relative; line-height:35px; height:35px; text-align:left; font-weight:bold; padding:0 10px; color:#fff; background:#33B5E5; }
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{ line-height:30px; position:absolute; right:10px; top:0px; color:#fff; text-decoration:none; }
#Validform_msg a.Validform_close:hover{color:#ccc;}
#Validform_msg .Validform_info{padding:10px;border:1px solid #bbb; border-top:none; text-align:left;}
/*=====================以上部分是Validform必须的====================*/

/*=====================以下部分是WebUploader必须的====================*/
.webuploader-container{ position:relative; }
.webuploader-element-invisible{ position:absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); }
.webuploader-pick{ position:relative; display:inline-block; width:65px; line-height:30px; height:30px; border:1px solid #e1e1e1; cursor:pointer; background:#fff; color:#333; text-align:center; overflow:hidden; zoom:1; *display:inline; }
.webuploader-pick-hover{ background:#fafafa; }
.webuploader-pick-disable{ opacity:0.6; pointer-events:none; }
/*=====================以上部分是WebUploader必须的====================*/

/***优化*****/
.w750{ width:750px !important;}
.w900{ width:900px !important;}
.w1000{ width:1000px !important;}
.min-w750{ min-width:750px;}
.min-w600{ min-width:600px;}
.min-w800{ min-width:800px;}
.min-w900{ min-width:900px;}
.min-w1000{ min-width:1000px;}
.min-w1200{ min-width:1200px;}
.m-all-0{ margin:0px !important;}
.f-size-12{ font-size:12px !important;}
.clear-both{ clear:both ;}
.tab-content .clear-both  > dl{ clear:inherit;}
.w-100{ width:100% !important;}
.min-w-auto{ min-width: auto !important;}
.min-w-auto .ltable{ min-width:auto;}
.tab-content .clear-both > dl{ width:100%;}
.m-tb-20{ margin: 20px 0px;}
.t-w-b{ min-width:200px; display:block;}
.ltable .td-goods .imgbox span{ display:block; overflow :hidden;}
.upload__Div{ background: url(auto.png) 0 -60px no-repeat; width:30px; height:30px;}
.upload__Div:hover{background: url(auto.png) 0 -90px no-repeat;}
.upload__Div .imgview{ position:relative;}
.upload__Div .imgview img{ position:absolute; top:0px; left:0px;}
.upload__input,.upload__url{ width:150px; margin-right:5px; margin-bottom:5px;}


/*=====================后台列表统一样式====================*/
.w50{ width:50px;}
.w80{ width:80px;}
.w100{ width:100px;}
.w120{ width:120px;}
.w150{ width:150px;}
.w200{ width:200px;}
.w300{ width:300px;}
.red { color: #FF0000; }
.green{ color:#52A152;}
.orange { color: #FF8A5C; }
.word-wrap{ word-wrap:break-word; word-break:break-all; text-overflow: ellipsis; white-space: nowrap; }

/*列表页，内页和弹框页公用样式*/
.ltable{ min-width:1000px; }
.ltable th { white-space: nowrap; overflow:hidden;  }
.ltable .show{ display:block !important; }
.ltable .item{ overflow:hidden; display:block; width:100%; }
.ltable .item-detail{ overflow:hidden; display:none; width:100%; color:#999; }
.ltable .input{ width:100%; }
.ltable textarea.input{ height:32px; }
.ltable .input-l{ text-align:left; }
.ltable .input-c{ text-align:center; }
.ltable .input-r{ text-align:right; }
.ltable .td-l{ text-align:left; }
.ltable .td-c{ text-align:center; }
.ltable .td-r{ text-align:right; }
.ltable .td-p-r30{ padding-right:30px; }
.ltable .td-p-r50{ padding-right:50px; }
/**商品**/
.ltable .td-goods { overflow: hidden; width:250px; }
.ltable .td-goods .l { float: left; }
.ltable .td-goods .pic-box { overflow:hidden; width: 40px; height: 40px; margin-right: 10px; }
.ltable .td-goods .pic-box .pic{ overflow:hidden; display:block; width:100%; height:100%; }
.ltable .td-goods .pic-box .pic img { max-width:100%; height: 40px; border: 0; vertical-align: top; }
.ltable .td-goods .name-box { width:180px; line-height:20px; text-align:left; }
.ltable .td-goods .name-box a{ text-decoration:none; }


.moneyPic{ height:300px;}
.p-t-b{ padding :10px 0px;}
/*内页公用样式*/
.mainbanner .ltable th{ border:1px solid #eee; }
.mainbanner .ltable td{ border:1px solid #eee; }

/*弹框列表公用样式*/
.maindialog{ margin:0 15px !important; }
.maindialog .ltable{ min-width:500px; }


/*下拉公用样式*/
.searchbar-box{ border:1px #ddd solid;position:absolute; background:#fff;z-index: 1;}
.searchbar-result ul{ max-height:300px; overflow-y:auto;}
.searchbar-result ul li{ border-bottom:1px #ddd solid; cursor:pointer; padding:0px 10px; line-height:30px;}
.searchbar-result ul li:hover{ background:#f5f5f5;}
.searchbar-btn{ text-align:center;}



/*小程序样式*/
.wxapp_box { padding:30px; }
.wxapp_box h2{ font-size:20px; font-weight:bold; line-height:50px; color:#666; }
.wxapp_box ul { overflow:hidden;padding:10px; background:#f5f5f5 }
.wxapp_box ul li { float:left; width:32%; text-align:center; background:#fff; margin:0.5%; min-height:400px; }
.wxapp_box ul li h3 { font-size:16px; line-height:30px; }