/* CSS Document */
.content .settings_wrap{ position:absolute; top:0; left:0; right:0; bottom:0;}
.content .settings_wrap .settings_body { position:absolute; top:0; left:0; right:0; bottom:62px; padding:15px; overflow:auto; }
.content .settings_btn { position:absolute; left:0; right:0; bottom:0; padding:15px; }
.content .settings_btn .btn{ margin-right:10px;}

.login_wrap .login_box{ width:1100px; height: 530px; overflow: hidden; zoom: 1; margin:0 auto; padding: 60px 0;}
.login_wrap .login_box .login_img{ width: 500px; height: 530px; float: left; }
.login_wrap .login_box .login_con{ margin:30px 0 0 100px; float: left; background:#fff; width:290px; padding: 60px 70px; border: 1px solid #ccc; }
.login_wrap .login_box .login_con .logo_box img{ max-width: 205px; }
.login_wrap .login_box .login_con h2 { color:#555; height:20px; padding:20px 0 0 0; margin:0 auto; font-size:16px; font-weight:normal;}
.login_wrap .login_box .login_con p.input_bg{ margin:15px auto 0 auto; position:relative;}
.login_wrap .login_box .login_con p.input_bg label{ display:none;}
.login_wrap .login_box .login_con p.input_bg input.text,
.login_wrap .login_box .login_con p.input_bg input.password{ position:relative; z-index:2; display:inline-block; color:#555; font-size:14px; line-height:15px; width:262px; height:20px; padding:13px; vertical-align:middle; background:#ebebeb; border: none;}
.login_wrap .login_box .login_con p.input_bg .captcha_img{ position:absolute; z-index:2; top:8px; right:10px; height:30px;}
.login_wrap .login_box .login_con p.submit{ margin:0 auto; padding-top:20px; }
.login_wrap .login_box .login_con p.submit a{ text-align:center; font-size:20px; color:#fff; display:block; height:45px; line-height:44px; background:url(../images/login_btn_bg1.jpg) repeat;}
.login_wrap .login_box .login_con p.submit a:hover{ background:url(../images/login_btn_bg_hover1.jpg) repeat;}
.login_wrap .login_box .login_con p.tips{ font-size:14px; margin:0 auto; padding-top:22px;}
.login_wrap .login_box .login_con p.tips a{ color: #40bbea; }
.login_wrap .login_box .login_con p.tips a:hover{ text-decoration: underline; }

.login_wrap .login_box_agent{ width:900px; height: 500px; padding: 80px 0;}
.login_wrap .login_box_agent .login_img{ width: 475px; height: 500px; float: left; }
.login_wrap .login_box_agent .login_con { width: 310px; margin-top: 0; border: none; padding: 0; padding-top: 30px;}
.login_wrap .login_box_agent .login_con p.input_bg{ width:310px; }
.login_wrap .login_box_agent .login_con p.input_bg input.text,
.login_wrap .login_box_agent .login_con p.input_bg input.password{ width:282px; background:#fff; border: 1px solid #ccc;}
.login_wrap .login_box_agent .login_con .logo_box span{ font-size: 30px; color: #40bbea; vertical-align: middle; padding-left: 10px; }
.login_wrap .login_box_agent .login_con p.tips{ padding-top:52px;}
.login_wrap .login_box_agent .login_con p.submit{ padding-top:40px; }
/*首页*/
.main .index_con{ overflow:auto; left: 180px; background: #eaedf1;}
.main .index_con .panel{ padding: 20px;}
.index_con .panel .toolbar{ border-bottom: none; padding-bottom: 0; }
.index_con .panel .toolbar h3{ margin: 0; height: auto; line-height: initial; }
.index_con .panel .toolbar .float_right{ height:16px; line-height:16px;}

.index_con .panel .index_today ul { margin:0 -10px;}
.index_con .panel .index_today ul li{ float:left; width:25%; }
.index_con .panel .index_today ul li div{ height:90px; text-align:center; color:#fff; margin:0 10px; }
.index_con .panel .index_today ul li div.yellow{ background:#fea417; }
.index_con .panel .index_today ul li div.green{ background:#8dc63f; }
.index_con .panel .index_today ul li div.blue{ background:#40bbea; }
.index_con .panel .index_today ul li div.red{ background:#ff503f; }
.index_con .panel .index_today ul li strong{ font-size:26px; display:block; padding:17px 0 5px 0;}

.index_con .panel .index_order table { width:100%;}
.index_con .panel .index_order table td { width:16.66%; height:100px; text-align:center; border:1px solid #ddd;}
.index_con .panel .index_order table td:hover { background:#f8f8f8;}
.index_con .panel .index_order table td strong{ color:#ff503f; font-size:26px; display:block; padding:0 0 10px 0;}

.index_con .panel .index_ent { border-top:1px solid #ddd; padding-top:15px;  }
.index_con .panel .index_ent ul li { float:left; width:50%; }
.index_con .panel .index_ent ul li table td{ padding-bottom:15px;}


.index_con .index_total_data ul { overflow: hidden; zoom: 1; padding: 0 5px; padding-top: 15px;}
.index_con .index_total_data ul li{ float: left; width: 33.33%; }
.index_con .index_total_data ul li .box{ height: 110px; background: #fff; margin: 0 10px; }
.index_con .index_total_data ul li .box .pic{ float: left; width: 110px; height: 110px; }
.index_con .index_total_data ul li .box .txt{ float: left; height: 110px; padding: 0 0 0 15px; }
.index_con .index_total_data ul li .box .txt h5{ font-size: 12px; font-weight: normal; padding-top: 15px; color: #999; }
.index_con .index_total_data ul li .box .txt p{ padding-top: 5px; color: #999; }
.index_con .index_total_data ul li .box .txt h3{ font-size: 30px; }
.index_con .index_total_data ul li .box .txt h3 small{ font-size: 14px; }


.index_con .index_fault_wrap { clear: both;}
.index_con .index_fault ul{overflow: hidden; zoom: 1; margin: 0 -10px;}
.index_con .index_fault ul li{ float: left; width: 25%; }
.index_con .index_fault ul li .box{ height: 110px; border: 1px solid #ddd; margin: 0 10px; }
.index_con .index_fault ul li .box .pic{ float: right; padding: 25px 20px 0 0; text-align: right; }
.index_con .index_fault ul li .box .txt{ float: left; height: 110px; padding: 0 0 0 15px; }
.index_con .index_fault ul li .box .txt h3{ font-size: 40px; line-height: 40px; font-weight: normal; padding-top: 23px; }
.index_con .index_fault ul li .box .txt p{ font-size: 14px; padding-top: 5px; color: #999; }

.index_con .index_income_wrap{ width: 410px; float: left;}
.index_con .index_income{ height: 300px;}

.index_con .index_income_details_wrap{ margin-left: 465px; }
.index_con .index_income_details{ height: 300px; overflow: hidden; }
.index_con .index_income_details ul { border-bottom: 1px solid #ddd; padding: 31px 0; }
.index_con .index_income_details ul li { height: 30px; line-height: 30px; position: relative; }
.index_con .index_income_details ul li span{ display: inline-block; }
.index_con .index_income_details ul li span.name{ width: 75px; }
.index_con .index_income_details ul li span.price{ width: 90px; text-align: right; }
.index_con .index_income_details ul li span.bar{ display: block; height: 5px; line-height: 5px; background: #ddd; position: absolute; top: 13px; left: 190px; right: 0; }

.index_con .index_income_details ul li span.inner_bar{ display: block; height: 5px; line-height: 5px; transition: all 1s linear 0s; }
.index_con .index_income_details ul.income li span.inner_bar{ background: #40bbea; }
.index_con .index_income_details ul.expenses li span.inner_bar{ background: #ff6767; }


div.select_city { position:relative; z-index:2;}
div.select_city input.text { width:150px;}
div.select_city label{ padding:5px; background:#fff; position:absolute; top:1px; right:1px; cursor:pointer; }
div.select_city label .icon{ opacity:0.6; filter:alpha(opacity=60); background:url(../images/dialog_close.gif) no-repeat center center;}
div.select_city label:hover .icon{ opacity:1; filter:alpha(opacity=100); }

div.city_box{ width:395px;}
div.city_box .city_list{ padding:10px;}
div.city_box .city_list a{ display:inline-block; height:22px; line-height:22px; padding:0 5px 0 15px;}
div.city_box .city_list a:hover{ color:#fff; background:#ff7568;}
div.city_box .city_list a.selected{ color:#fff; background:#ff503f;}

div.city_box dl.city_list{ border-bottom:1px dashed #ddd;}
div.city_box dl.city_list:hover{ background:#f9f9f9;}
div.city_box dl.city_list dt{ height:44px; width:40px; padding-left:5px; color:#ff503f; font-weight:bold; float:left; line-height:22px; }



/*新建快递员    头像*/
.popup_body .ui_table table tr td .portrait{ width:70px; height:70px;}
.popup_body .ui_table table tr td .portrait a{ display:block; position:relative; background:#000;}
.popup_body .ui_table table tr td .portrait a img{ width:70px; height:70px;}
.popup_body .ui_table table tr td .portrait a span{ display:none; position:absolute; left:0; top:0; right:0; bottom:0; color:#fff; text-align:center; line-height:70px;}
.popup_body .ui_table table tr td .portrait a:hover img{ opacity:0.3; filter:alpha(opacity=30);}
.popup_body .ui_table table tr td .portrait a:hover span{ display:block;}


/*新建logo 图片*/
.popup_body .ui_table table tr td .logopath{ width:100px; height:100px;}
.popup_body .ui_table table tr td .logopath a{ display:block; position:relative; background:transparent;}
.popup_body .ui_table table tr td .logopath a img{ width:100px; height:100px;background-color: transparent;}
.popup_body .ui_table table tr td .logopath a span{ display:none; position:absolute; left:0; top:0; right:0; bottom:0; color:#000; text-align:center; line-height:70px;}
.popup_body .ui_table table tr td .logopath a:hover img{ opacity:0.3; filter:alpha(opacity=30);}
.popup_body .ui_table table tr td .logopath a:hover span{ display:block;}

/*新建关注 图片*/
.popup_body .ui_table table tr td .attentionpath{ width:100px; height:100px;}
.popup_body .ui_table table tr td .attentionpath a{ display:block; position:relative; background:transparent;}
.popup_body .ui_table table tr td .attentionpath a img{ width:200px; height:100px;background-color: transparent;}
.popup_body .ui_table table tr td .attentionpath a span{ display:none; position:absolute; left:0; top:0; right:0; bottom:0; color:#000; text-align:center; line-height:70px;}
.popup_body .ui_table table tr td .attentionpath a:hover img{ opacity:0.3; filter:alpha(opacity=30);}
.popup_body .ui_table table tr td .attentionpath a:hover span{ display:block;}


.popup_body .ui_table table tr td .qrcode{ float:right; position:relative; z-index:2; margin:1px; }
.popup_body .ui_table table tr td .qrcode a{ display:block; position:relative; }
.popup_body .ui_table table tr td .qrcode a .icon_qrcode{ background:url(../images/icon_qrcode.png) no-repeat center center; }
.popup_body .ui_table table tr td .qrcode a .pic{ display:none; background:#fff; border:1px solid #ccc; position:absolute; right:18px; top:-1px;}
.popup_body .ui_table table tr td .qrcode a .pic img{ width:120px; height:120px; }
.popup_body .ui_table table tr td .qrcode a:hover .pic{ display:block; }


.popup_body .step_box{ overflow:hidden;}
.popup_body .step_box ul { margin-left:-10px;}
.popup_body .step_box ul li{ width:25%; float:left; height:35px; line-height:35px; background:#eee url(../images/step_bg.jpg) no-repeat top right;}
.popup_body .step_box ul li p{background:url(../images/step_bg.jpg) no-repeat left -70px;}
.popup_body .step_box ul li i{ display:inline-block; vertical-align:middle; font-size:20px; padding:0 5px 0 20px; margin-top:-2px;}
.popup_body .step_box ul li.selected{ color:#fff; background:#ff503f url(../images/step_bg.jpg) no-repeat right -35px;}
.popup_body .step_box ul li.selected p{ background:url(../images/step_bg.jpg) no-repeat 0 -105px;}

.popup_body .step_box ul li.last{ background-image:none;}
.popup_body .step_box ul li.first p{ background:none;}
.popup_body .step_item { display:none; width:650px; height:320px; padding-top:10px;}



.popup_body .kd_list table { color:#fff; float:left; height:100%; width:250px; border-right:1px solid #ddd; margin-right:5px; }
.popup_body .kd_list table th{ border:1px solid #fff; background:#e28c04; font-size:16px; height:30px; line-height:30px; }
.popup_body .kd_list table td{ border:1px solid #fff; }
.popup_body .kd_list table td div.box{ width:125px; height:100%; min-height:60px; position:relative; }
.popup_body .kd_list table td div.box div.text{ position:absolute; top:50%; left:10px; right:10px; margin-top:-31px; overflow:hidden; }
.popup_body .kd_list table td.red{ background:#f00; }
.popup_body .kd_list table td.green{ background:#37ab1c; }
.popup_body .kd_list table td.gray{ background:#a6a6a6; }

.popup_body .kd_list table td h3{ position:relative; z-index:2; height:24px; font-size:16px; font-weight:normal; }
.popup_body .kd_list table td p{ height:18px; }
.popup_body .kd_list table td .num{ float:right; display:inline-block; margin:4px 4px 0 0; height:18px; line-height:18px; text-align:center; background:#f1f1f1; color:#333; border-radius:50%;  }


.popup_body_full .kd_list{ margin-left: 200px; height: 100%; overflow: auto; white-space: nowrap;}
.kd_list{ margin-top: 10px; overflow: auto; white-space: nowrap; position: relative; text-align: center; }
.kd_list .kd_item{ width: 326px; margin: 0 auto; text-align: left; background: #fff; display: inline-block; vertical-align: top; }
.kd_list .kd_item dt{ text-align: center; font-size: 18px; line-height: 40px; background: #fff; }
.kd_list .kd_item dd{ overflow: hidden; zoom: 1; }
.kd_list .kd_item_box{ cursor: pointer; padding: 5px; overflow: hidden; float: left; width: 150px; margin: 0 0 2px 2px; }
.kd_list .kd_item_box .num{ float: right; background: #fff; text-align: right; padding: 0 4px; border-radius: 2px;  }
.kd_list .kd_item_box p{ height: 20px; color: #fff; }

.kd_list .kd_item_box.box_big{ height: 61px;}
.kd_list .kd_item_box.box_screen_top{ width: 312px; height: 61px; cursor: default;}
.kd_list .kd_item_box.box_medium{ height: 40px;}
.kd_list .kd_item_box.box_small{ height: 16px;}

.kd_list .kd_item_box.box_screen{ cursor: default; font-size: 20px; background: #000; height: 204px; line-height: 200px; text-align: center; color: #555; }


.kd_list .kd_item_box.box_blue{ background: #40bbea;}
.kd_list .kd_item_box.box_red{ background: #ff5a64;}
.kd_list .kd_item_box.box_red2{ background: #CF1E15;}
.kd_list .kd_item_box.box_gray{ background: #838383;}


.kd_list .kd_prev{ cursor: pointer; font-family: "宋体"; font-size: 20px; font-weight: bold; position: absolute; top: 50%; left: 2px; margin-top: -40px; width: 30px; text-align: center; height: 80px; line-height: 80px; background:#fff; border: 1px solid #ccc;}
.kd_list .kd_next{ cursor: pointer; font-family: "宋体"; font-size: 20px; font-weight: bold; position: absolute; top: 50%; right: 2px; margin-top: -40px; width: 30px; text-align: center; height: 80px; line-height: 80px; background:#fff; border: 1px solid #ccc;}


.popup_body.add_templet{ padding: 0;}
.popup_body.add_templet .templet_pic{ float: left; height: 400px; width: 600px; border-right: 1px solid #ddd;}

.popup_body.add_templet .templet_pic .pic_view{ height:100%; width:100%; text-align:center; }
.popup_body.add_templet .templet_pic .pic_view i{ display:inline-block; height:100%; width:1px; vertical-align:middle; }
.popup_body.add_templet .templet_pic .pic_view img{ max-height:95%; max-width:95%; }

.popup_body.add_templet .grid{ float: left; height: 400px; width: 300px;}


/*------------------------------------------节目编辑器*/
#container .bg_img{ position:absolute; top:0; left:0; bottom:0; right:0; z-index:-1; overflow:hidden;}
#container .bg_img img{ min-width:1024px; width:100%; min-height:100%; }
#container .editor_header{ height:50px; background:url(../images/black_30.png) repeat; position:relative; z-index:2; }
#container .editor_header .logo{ height:50px; width:117px; float:left; }

/*------------------------------------------节目编辑器_头部_缩放*/
#container .editor_header .slider_wrap{ float:left; margin:15px 0 0 10px;}
#container .editor_header .slider_wrap a,
#container .editor_header .slider_wrap span{ display:block;}
#container .editor_header .slider_wrap .slider_minus,
#container .editor_header .slider_wrap .slider_plus,
#container .editor_header .slider_wrap .slider_auto,
#container .editor_header .slider_wrap .slider_full,
#container .editor_header .slider_wrap .slider_gray,
#container .editor_header .slider_wrap .slider_range,
#container .editor_header .slider_wrap .slider_handle{ background:url(../images/slider.png) no-repeat;}

#container .editor_header .slider_wrap .slider_minus,
#container .editor_header .slider_wrap .slider_plus,
#container .editor_header .slider_wrap .slider_auto,
#container .editor_header .slider_wrap .slider_full { float:left; width:16px; height:16px; margin:2px 5px 0 0;}

#container .editor_header .slider_wrap .slider_minus{ background-position:0 -24px; }
#container .editor_header .slider_wrap .slider_plus{ background-position:-21px -24px;}

#container .editor_header .slider_wrap .slider_auto { background-position:-42px -24px;}
#container .editor_header .slider_wrap .slider_full { background-position:-63px -24px;}

#container .editor_header .slider_wrap .slider_bg{ float:left; position:relative; height:20px; width:150px; margin:0 10px 0 5px; background:none;}
#container .editor_header .slider_wrap .slider_bg .slider_gray{ position:absolute; top:7px; left:0; z-index:1; height:7px; width:150px; background-position:0 0;}
#container .editor_header .slider_wrap .slider_bg .slider_range{ position:absolute; top:7px; left:0; z-index:2; height:7px; background-position:0 -12px; }
#container .editor_header .slider_wrap .slider_bg .slider_handle{ position:absolute; top:2px; margin-left:-8px; z-index:3; height:18px; width:16px; background-position:-84px -24px; }
#container .editor_header .slider_wrap .slider_num { float:left; margin-left:5px; color:#fff; background:none;}
#container .editor_header .slider_wrap .slider_num input.text{ position:relative; z-index:1; width:25px; height:20px; line-height:20px; padding:0 2px 0 0; text-align:center; border-radius:2px; border:none; margin-right:5px; behavior:url(css/PIE/PIE.htc);}

#container .editor_header .page_manage{ float:left; margin:12px 0 0 15px;}
#container .editor_header .page_manage h3{ float:left; font-size:12px; color:#fff; height:26px; line-height:25px; margin-right:10px; font-size:14px;}
#container .editor_header .page_manage a{ display:inline-block; cursor:pointer; position:relative; z-index:1; height:26px; line-height:25px; width:130px; border-radius:2px; background-color:#fff; background:linear-gradient(#fff, #f2f2f2); -pie-background:linear-gradient(#fff, #f2f2f2); behavior:url(css/PIE/PIE.htc);}
#container .editor_header .page_manage a span.text{ display:inline-block; width:95px; margin-left:6px; overflow:hidden; white-space:nowrap; vertical-align:middle; text-overflow:ellipsis; }
#container .editor_header .page_manage a span.arrow{ display:inline-block; vertical-align:middle; margin:5px 0 0 12px; *margin-top:4px; height:0; width:0; border:5px solid; border-color:#555 transparent transparent;}
#container .editor_header .page_manage a:hover{ background:#fff; -pie-background:#fff;}

/*------------------------------------------节目编辑器_头部_页面管理
#container .editor_header .page_manage_list{ position:absolute; top:12px; left:360px; z-index:999999; display:none; }
#container .editor_header .page_manage_list h4{ position:relative; height:26px; line-height:26px; font-size:14px; font-weight:normal; width:124px; padding:0 0 0 6px; background:#fff; border-radius:3px 3px 0 0; box-shadow:0 0 4px 0 rgba(0,0,0,.4); behavior:url(css/PIE/PIE.htc);}
#container .editor_header .page_manage_list h4 span{ position:absolute; left:0; bottom:0; z-index:3; display:block; height:5px; width:130px; background:#fff;}
#container .editor_header .page_manage_list .list_con{ position:relative; z-index:1; width:210px; padding:6px; background:#fff; border-radius:0 3px 3px 3px; box-shadow:1px 1px 4px 0 rgba(0,0,0,.4); behavior:url(css/PIE/PIE.htc);}
#container .editor_header .page_manage_list .list_con .scroll{ height:178px;}

#container .editor_header .page_manage_list .list_con ul.scroll_con li{ height:28px; border-bottom:1px dashed #e8e8e8; position:relative; }
#container .editor_header .page_manage_list .list_con ul.scroll_con li .li_list{ display:inline-block; float:left; margin:6px 2px 0 0; width:14px; height:14px; background:url(../images/editor_icon.png) no-repeat -22px -4px;}
#container .editor_header .page_manage_list .list_con ul.scroll_con li .li_list_home{ display:inline-block; float:left; margin:6px 2px 0 0; width:14px; height:14px; background:url(../images/editor_icon.png) no-repeat -4px -4px;}
#container .editor_header .page_manage_list .list_con ul.scroll_con li .text{ display:inline-block; float:left; height:28px; line-height:28px;}
#container .editor_header .page_manage_list .list_con ul.scroll_con li:hover{ background:#eaf6ff;}
#container .editor_header .page_manage_list .list_con ul.scroll_con li.selected{ background:#eaf6ff;}

#container .editor_header .page_manage_list .list_con ul.scroll_con li p.icon_btn{ display:none; margin:0; position:absolute; top:0; right:0; padding:0 10px 0 5px; height:28px; background:#eaf6ff; text-align:center; }
#container .editor_header .page_manage_list .list_con ul.scroll_con li p.icon_btn a { display:inline-block; float:left; margin:4px 0 0 0; padding:4px;  border-radius:2px;}
#container .editor_header .page_manage_list .list_con ul.scroll_con li p.icon_btn a span{ display:block; width:14px; height:14px; background:url(../images/editor_icon.png) no-repeat; opacity:0.6;filter: alpha(opacity=60); }
#container .editor_header .page_manage_list .list_con ul.scroll_con li p.icon_btn a.up span{ background-position:-58px -22px;}
#container .editor_header .page_manage_list .list_con ul.scroll_con li p.icon_btn a.down span{ background-position:-76px -22px;}
#container .editor_header .page_manage_list .list_con ul.scroll_con li p.icon_btn a.delete span{ background-position:-94px -22px;}
#container .editor_header .page_manage_list .list_con ul.scroll_con li p.icon_btn a.edit span{ background-position:-112px -22px;}
#container .editor_header .page_manage_list .list_con ul.scroll_con li p.icon_btn a.add span{ background-position:-130px -22px;}
#container .editor_header .page_manage_list .list_con ul.scroll_con li p.icon_btn a.home span{ background-position:-148px -22px;}
#container .editor_header .page_manage_list .list_con ul.scroll_con li p.icon_btn a:hover{ background:#A0DDFF;}
#container .editor_header .page_manage_list .list_con ul.scroll_con li p.icon_btn a:hover span{ opacity:1; filter: alpha(opacity=100);}
#container .editor_header .page_manage_list .list_con ul.scroll_con li:hover p.icon_btn{ display:block;}

#container .editor_header .page_manage_list .list_con p.add_page{ height:28px;}
#container .editor_header .page_manage_list .list_con p.add_page a.add{ display:block; height:28px; font-size:13px; font-weight:bold; line-height:28px; background:#eaf6ff; border:1px solid #cde3f3; color:#149cdb;}
#container .editor_header .page_manage_list .list_con p.add_page a.add:hover{ border:1px solid #149cdb;}
#container .editor_header .page_manage_list .list_con p.add_page a.add span.icon{ display:inline-block; float:left; margin:7px 2px 0 2px; width:14px; height:14px; background:url(../images/editor_icon.png) no-repeat -40px -4px;}
*/

/*----------------------------------------节目编辑器_头部_右侧按钮*/
#container .editor_header .btn_box{ float:right;}
#container .editor_header .btn_box a { float:left; color:#fff; display:block; font-size:13px; height:50px; line-height:50px; padding:0 15px; border-radius:2px; behavior:url(css/PIE/PIE.htc);}
#container .editor_header .btn_box a span.icon{ display:inline-block; width:14px; height:14px; vertical-align:middle; margin:-3px 5px 0 0; background:url(../images/editor_icon.png) no-repeat;}
#container .editor_header .btn_box a span.arrow{ display:inline-block; width:0; height:0; vertical-align:middle; border-width:4px; margin-left:5px; border-style:solid; border-color:#fff transparent transparent;}
#container .editor_header .btn_box a.view span.icon{ background-position:-4px -40px; }
#container .editor_header .btn_box a.save span.icon{ background-position:-22px -40px; }
#container .editor_header .btn_box a.exit span.icon{ background-position:-40px -40px; }
#container .editor_header .btn_box a.publish span.icon{ background-position:-238px -22px; }
#container .editor_header .btn_box a:hover,
#container .editor_header .btn_box a.selected{ background:url(../images/black_40.png);}

#container .editor_header .btn_box div.alignment_wrap{ float:left;}
#container .editor_header .btn_box div.alignment_wrap a.alignment{ float:none; background:none; padding:0; margin-right:15px;}
#container .editor_header .btn_box div.alignment_wrap a.alignment span.icon{ background-position:-238px -76px; }

/*元素对齐*/
#container .editor_header .alignment_con{ position:absolute; top:32px; right:220px; z-index:2; width:120px; display:none; }
#container .editor_header .alignment_con span.arrow{ display:block; margin:0 auto; height:0; width:0; border:10px solid; border-color:transparent transparent #ccc; }
#container .editor_header .alignment_con span.arrow_1{ display:block; margin:-18px auto -1px auto; height:0; width:0; border:9px solid; border-color:transparent transparent #fff; position:relative; z-index:1; }
#container .editor_header .alignment_con ul { background:#fff; padding:5px 0; border-radius:2px; border:1px solid #ddd; box-shadow:0 0 7px 0 rgba(0,0,0,.4);}
#container .editor_header .alignment_con ul li a{ float:none; padding:0; color:#434343; font-size:12px; display:block; height:30px; line-height:30px; text-align:left; border-radius:0;}
#container .editor_header .alignment_con ul li a:hover{ background:#48a9f4; color:#fff;}
#container .editor_header .alignment_con ul li a.disabled{ background:none; color:#757575; cursor:default;}
#container .editor_header .alignment_con ul li a span.icon{ margin:-3px 8px 0 12px;}
#container .editor_header .alignment_con ul li a.align_left span.icon{ background-position:-4px -76px; }
#container .editor_header .alignment_con ul li a.align_right span.icon{ background-position:-22px -76px; }
#container .editor_header .alignment_con ul li a.align_top span.icon{ background-position:-40px -76px; }
#container .editor_header .alignment_con ul li a.align_bottom span.icon{ background-position:-58px -76px; }
#container .editor_header .alignment_con ul li a.horizonta_alignment span.icon{ background-position:-76px -76px; }
#container .editor_header .alignment_con ul li a.vertical_alignment span.icon{ background-position:-94px -76px; }
#container .editor_header .alignment_con ul li a.magnet_left span.icon{ background-position:-112px -76px; }
#container .editor_header .alignment_con ul li a.magnet_right span.icon{ background-position:-130px -76px; }
#container .editor_header .alignment_con ul li a.magnet_top span.icon{ background-position:-148px -76px; }
#container .editor_header .alignment_con ul li a.magnet_bottom span.icon{ background-position:-166px -76px; }

#container .editor_header .alignment_con ul li a.align_left:hover span.icon{ background-position:-184px -76px; }
#container .editor_header .alignment_con ul li a.align_right:hover span.icon{ background-position:-202px -76px; }
#container .editor_header .alignment_con ul li a.align_top:hover span.icon{ background-position:-220px -76px; }
#container .editor_header .alignment_con ul li a.align_bottom:hover span.icon{ background-position:-238px -76px; }
#container .editor_header .alignment_con ul li a.horizonta_alignment:hover span.icon{ background-position:-256px -76px; }
#container .editor_header .alignment_con ul li a.vertical_alignment:hover span.icon{ background-position:-274px -76px; }
#container .editor_header .alignment_con ul li a.magnet_left:hover span.icon{ background-position:-292px -76px; }
#container .editor_header .alignment_con ul li a.magnet_right:hover span.icon{ background-position:-310px -76px; }
#container .editor_header .alignment_con ul li a.magnet_top:hover span.icon{ background-position:-328px -76px; }
#container .editor_header .alignment_con ul li a.magnet_bottom:hover span.icon{ background-position:-346px -76px; }

#container .editor_header .alignment_con ul li a.align_left.disabled span.icon{ background-position:-364px -76px; }
#container .editor_header .alignment_con ul li a.align_right.disabled span.icon{ background-position:-382px -76px; }
#container .editor_header .alignment_con ul li a.align_top.disabled span.icon{ background-position:-400px -76px; }
#container .editor_header .alignment_con ul li a.align_bottom.disabled span.icon{ background-position:-418px -76px; }
#container .editor_header .alignment_con ul li a.horizonta_alignment.disabled span.icon{ background-position:-436px -76px; }
#container .editor_header .alignment_con ul li a.vertical_alignment.disabled span.icon{ background-position:-454px -76px; }
#container .editor_header .alignment_con ul li a.magnet_left.disabled span.icon{ background-position:-472px -76px; }
#container .editor_header .alignment_con ul li a.magnet_right.disabled span.icon{ background-position:-490px -76px; }
#container .editor_header .alignment_con ul li a.magnet_top.disabled span.icon{ background-position:-508px -76px; }
#container .editor_header .alignment_con ul li a.magnet_bottom.disabled span.icon{ background-position:-526px -76px; }

/*保存*/
#container .editor_header .btn_box div.save_wrap{ float:left;}
#container .editor_header .btn_box div.save_wrap a.save{ float:none; }
#container .editor_header .btn_box div.save_wrap .save_con{ position:absolute; top:50px; right:38px; z-index:2; width:125px; display:none; }
#container .editor_header .btn_box div.save_wrap .save_con ul { background:#fff; padding:5px 0; border-radius:0 0 2px 2px; border:1px solid #ddd; box-shadow:0 0 7px 0 rgba(0,0,0,.4);}
#container .editor_header .btn_box div.save_wrap .save_con ul li a{ float:none; padding:0; color:#434343; font-size:12px; display:block; height:30px; line-height:30px; text-align:left; border-radius:0;}
#container .editor_header .btn_box div.save_wrap .save_con ul li a:hover{ background:#48a9f4; color:#fff;}
#container .editor_header .btn_box div.save_wrap .save_con ul li a.disabled{ background:none; color:#757575; cursor:default;}
#container .editor_header .btn_box div.save_wrap .save_con ul li a span.icon{ margin:-3px 8px 0 12px;}

#container .editor_header .btn_box div.save_wrap .save_con ul li a.save_template span.icon{ background-position:-166px -22px; }
#container .editor_header .btn_box div.save_wrap .save_con ul li a.save_page span.icon{ background-position:-184px -22px; }

#container .editor_header .btn_box div.save_wrap .save_con ul li a.save_template:hover span.icon{ background-position:-202px -22px; }
#container .editor_header .btn_box div.save_wrap .save_con ul li a.save_page:hover span.icon{ background-position:-220px -22px; }


/*坐标以及宽高*/
#container .editor_header .coordinate{ float:right; margin:15px 30px 0 0; color:#fff;}
#container .editor_header .coordinate table td{ padding-bottom:3px; letter-spacing:-2px;}
#container .editor_header .coordinate table td input.text{ width:38px;border-radius:2px; height:18px;}

/*编辑器主体画布*/
#container .editor_main{ position:absolute; top:50px; left:20px; right:20px; bottom:0; z-index:1; overflow:hidden;}
#container .editor_main .canvas_wrap{ position:absolute; z-index:1; border:1px dashed #FF8500; background:#fff;}

/*------------------------------------------节目编辑器_左侧五个工具*/
#container .editor_main .toolbar_left{ position:absolute; z-index:2; left:5px; top:20px;}
#container .editor_main .toolbar_left .tool_button { margin:0 0 20px 0; position:relative;}
#container .editor_main .toolbar_left .tool_button a.button_click{ position:relative; display:inline-block; height:56px; width:56px; overflow:hidden; background:url(../images/editor_toolbar_btn_bg.png) repeat-x 0 0; box-shadow:0 1px 7px 0 rgba(0,0,0,0.4); box-shadow:0 1px 4px 0 rgba(0,0,0)\9; border-radius:4px; behavior:url(css/PIE/PIE.htc); transition:width 0.2s linear 0s; }
#container .editor_main .toolbar_left .tool_button a.button_click span.icon{ display:block; float:left; height:42px; width:42px; margin:7px 0 0 7px; background:url(../images/editor_toolbar_icon.png) no-repeat;}
#container .editor_main .toolbar_left .tool_button a.button_click span.text{ position:absolute; top:0; left:58px; font-size:18px; width:55px; height:55px; line-height:55px;}
#container .editor_main .toolbar_left .tool_button a.button_click:hover{ width:110px; border-left-width:3px; border-left-style:solid;}

#container .editor_main .toolbar_left .t_b_add a.button_click span.icon{ background-position:0 0;}
#container .editor_main .toolbar_left .t_b_plugin a.button_click span.icon{ background-position:-50px 0;}
#container .editor_main .toolbar_left .t_b_template a.button_click span.icon{ background-position:-100px 0;}
#container .editor_main .toolbar_left .t_b_touch a.button_click span.icon{ background-position:-150px 0;}
#container .editor_main .toolbar_left .t_b_setting a.button_click span.icon{ background-position:-200px 0;}

/*-----------------------------------------节目编辑器_按钮hover事件*/
#container .editor_main .toolbar_left .t_b_add a.button_click:hover{ border-left-color:#00b700; color:#00b700;}
#container .editor_main .toolbar_left .t_b_plugin a.button_click:hover{ border-left-color:#ff3e0c; color:#ff3e0c;}
#container .editor_main .toolbar_left .t_b_template a.button_click:hover{ border-left-color:#f524da; color:#f524da;}
#container .editor_main .toolbar_left .t_b_touch a.button_click:hover{ border-left-color:#008fe2; color:#008fe2;}
#container .editor_main .toolbar_left .t_b_setting a.button_click:hover{ border-left-color:#9b6546; color:#9b6546;}

#container .editor_main .toolbar_left .t_b_add a.button_click:hover span.icon{ background-position:-250px 0;}
#container .editor_main .toolbar_left .t_b_plugin a.button_click:hover span.icon{ background-position:-300px 0; }
#container .editor_main .toolbar_left .t_b_template a.button_click:hover span.icon{ background-position:-350px 0;}
#container .editor_main .toolbar_left .t_b_touch a.button_click:hover span.icon{ background-position:-400px 0;}
#container .editor_main .toolbar_left .t_b_setting a.button_click:hover span.icon{ background-position:-450px 0;}

/*-----------------------------------------节目编辑器_按钮选中事件*/
#container .editor_main .toolbar_left .tool_button a.selected span.text{ display:none;}
#container .editor_main .toolbar_left .tool_button a.selected,
#container .editor_main .toolbar_left .tool_button a.selected:hover{ width:70px; border:none; border-radius:4px 0 0 4px;}
#container .editor_main .toolbar_left .tool_button a.selected span.icon,
#container .editor_main .toolbar_left .tool_button a.selected:hover span.icon{ margin-left:13px; }

#container .editor_main .toolbar_left .t_b_add a.selected,
#container .editor_main .toolbar_left .t_b_add a.selected:hover{ background-position:0 -60px; }
#container .editor_main .toolbar_left .t_b_add a.selected span.icon,
#container .editor_main .toolbar_left .t_b_add a.selected:hover span.icon{ background-position:-500px 0;}

#container .editor_main .toolbar_left .t_b_plugin a.selected,
#container .editor_main .toolbar_left .t_b_plugin a.selected:hover{ background-position:0 -120px;}
#container .editor_main .toolbar_left .t_b_plugin a.selected span.icon,
#container .editor_main .toolbar_left .t_b_plugin a.selected:hover span.icon{ background-position:-550px 0;}

#container .editor_main .toolbar_left .t_b_template a.selected,
#container .editor_main .toolbar_left .t_b_template a.selected:hover{ background-position:0 -180px; }
#container .editor_main .toolbar_left .t_b_template a.selected span.icon,
#container .editor_main .toolbar_left .t_b_template a.selected:hover span.icon{ background-position:-600px 0;}
/*
#container .editor_main .toolbar_left .t_b_touch a.selected,
#container .editor_main .toolbar_left .t_b_touch a.selected:hover{ background-position:0 -240px; } 
#container .editor_main .toolbar_left .t_b_touch a.selected span.icon,
#container .editor_main .toolbar_left .t_b_touch a.selected:hover span.icon{ background-position:-650px 0;} 
*/
#container .editor_main .toolbar_left .t_b_setting a.selected,
#container .editor_main .toolbar_left .t_b_setting a.selected:hover{ background-position:0 -300px; }
#container .editor_main .toolbar_left .t_b_setting a.selected span.icon,
#container .editor_main .toolbar_left .t_b_setting a.selected:hover span.icon{ background-position:-700px 0;}

/*---------------------------------------节目编辑器_二级菜单*/
#container .editor_main .toolbar_left .tool_button .tool_second { width:0; overflow:hidden; position:absolute; top:0; left:68px; z-index:2; background:url(../images/editor_toolbar_btn_bg.png) repeat-x 0 -360px; box-shadow:1px 1px 5px 0 rgba(0,0,0,.4); border-radius:0 5px 5px 5px; border-top:1px solid #ddd\9; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#b9b9b9')\9;}
#container .editor_main .toolbar_left .tool_button .tool_second ul{ height:75px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li{ display:inline-block; margin-right:-4px; width:65px; height:75px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a{ display:inline-block; height:75px; width:65px; text-align:center; overflow:hidden;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a span.icon{ background:url(../images/editor_toolbar_icon.png) no-repeat; background-color:#f9f9f9\0; *background-color:#f9f9f9; display:block; height:42px; width:42px; margin:8px auto 0 auto; opacity:0.7; filter:alpha(opacity=70);}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.text span.icon{ background-position:0px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.scroll_text span.icon{ background-position:-50px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.image span.icon{ background-position:-100px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.graphic span.icon{ background-position:-150px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.video span.icon{ background-position:-200px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.word span.icon{ background-position:-250px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.excel span.icon{ background-position:-300px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.ppt span.icon{ background-position:-350px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.pdf span.icon{ background-position:-400px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.video_stream span.icon{ background-position:-450px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.webpage span.icon{ background-position:-500px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.process_table span.icon{ background-position:-550px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.process_area span.icon{ background-position:-600px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.variable span.icon{ background-position:-650px -50px;}

#container .editor_main .toolbar_left .tool_button .tool_second ul li a.rss span.icon{ background-position:0 -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.date span.icon{ background-position:-50px -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.time span.icon{ background-position:-100px -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.date_time span.icon{ background-position:-150px -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.count_down span.icon{ background-position:-200px -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.weather span.icon{ background-position:-250px -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.table span.icon{ background-position:-300px -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.data_text span.icon{ background-position:-350px -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.data_img span.icon{ background-position:-400px -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.data_area span.icon{ background-position:-450px -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.progress_bar span.icon{ background-position:-500px -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.signal_lamp span.icon{ background-position:-550px -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.process_user span.icon{ background-position:-600px -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.process_lamp span.icon{ background-position:-650px -100px;}

/*
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.nav span.icon{ background-position:0 -150px;} 
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.image_touch span.icon{ background-position:-50px -150px;} 
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.video_touch span.icon{ background-position:-100px -150px;} 
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.graphic_list span.icon{ background-position:-150px -150px;} 
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.article_list span.icon{ background-position:-200px -150px;} 
*/

#container .editor_main .toolbar_left .tool_button .tool_second ul li a.page_setting span.icon{ background-position:0 -200px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.canvas_setting span.icon{ background-position:-50px -200px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.music span.icon{ background-position:-100px -200px;}

#container .editor_main .toolbar_left .tool_button .tool_second ul li a:hover span.icon{ transition:margin 0.2s linear 0s; margin:15px auto 0 auto; opacity:1;filter:alpha(opacity=100);}

/*-------------------------------------------浮动控件的属性集*/
#container .float_toolbar{ position:absolute; z-index:2; height:28px; padding:0 5px; background:url(../images/editor_toolbar_btn_bg.png) repeat-x 0 -439px; border-radius:2px; box-shadow:1px 1px 4px 0 rgba(0,0,0,.4); behavior:url(css/PIE/PIE.htc);}
#container .float_toolbar a{ display:block; width:22px; height:22px; float:left; margin:3px 1px 0 1px; border-radius:2px;behavior:url(css/PIE/PIE.htc);}
#container .float_toolbar a span.icon{ display:block; width:14px; height:14px; background:url(../images/editor_icon.png) no-repeat; margin:4px 0 0 4px;}

#container .float_toolbar a.up span.icon{ background-position:-58px -40px;}
#container .float_toolbar a.down span.icon{ background-position:-76px -40px;}
#container .float_toolbar a.lock span.icon{ background-position:-94px -40px;}
#container .float_toolbar a.unlock span.icon{ background-position:-112px -40px;}
#container .float_toolbar a.setting span.icon{ background-position:-130px -40px;}
#container .float_toolbar a.delete span.icon{ background-position:-148px -40px;}
#container .float_toolbar a.full span.icon{ background-position:-166px -40px;}
#container .float_toolbar a.cancel_full span.icon{ background-position:-184px -40px;}
#container .float_toolbar a.link span.icon{ background-position:-202px -40px;}
#container .float_toolbar a.top span.icon{ background-position:-220px -40px;}
#container .float_toolbar a.bottom span.icon{ background-position:-238px -40px;}
#container .float_toolbar a.select_group span.icon{ background-position:-256px -40px;}
#container .float_toolbar a.select_group1 span.icon{ background-position:-274px -40px;}

#container .float_toolbar a:hover{ background:url(../images/editor_toolbar_btn_bg.png) repeat-x 0 -471px;}
#container .float_toolbar a:active{ background:url(../images/editor_toolbar_btn_bg.png) repeat-x 0 -497px;}
#container .float_toolbar a:active span.icon{ margin:5px 0 0 5px;}



/*------------------------------------------节目编辑器_控件属性弹出框*/

.property_setting .popup_body{ background:#fff; padding:0; overflow:hidden; zoom:1;}
.property_setting .popup_head{ border-color:#d6d6d6; }

.property_setting .popup_button{ background:#fff; padding-top:0; border-top:none;}
.property_setting fieldset { margin: 13px 12px;}

.property_setting .popup_body fieldset { background:#fff;}
.property_setting .popup_body fieldset .content{ padding:5px 13px;}
.property_setting .popup_body fieldset .content td { padding:6px 0; outline:none; }
.property_setting .popup_body fieldset .content td input.text{ padding:1px 4px; width:92px; }
.property_setting .popup_body fieldset .content td select{ height:26px; line-height:25px; width:102px; padding:0; }
.property_setting .popup_body fieldset .content td textarea{ width:535px; height:100px; }
.property_setting .popup_body fieldset .content td span.radio_box{ top:0;}
.property_setting .popup_body fieldset .content td span.radio_box{ display:inline-block; margin-right:20px; position:relative; top:-1px;}
.property_setting .popup_body fieldset .content td span.radio_box input.radio{ vertical-align:middle; margin-right:3px; width:14px; height:14px;}
.property_setting .popup_body fieldset .content td span.radio_box input.checkbox{ vertical-align:middle; margin-right:3px; width:14px; height:14px;}
.property_setting .popup_body fieldset .content td span.radio_box label{ vertical-align:middle;}

/*背景属性*/
.property_setting .popup_body fieldset .content td .set_bg_color{ height:30px; width:48px; display:inline-block;}
.property_setting .popup_body fieldset .content td .set_bg_color a{ height:30px; width:48px; display:inline-block; background:url(../images/set_bg.jpg) no-repeat;}
.property_setting .popup_body fieldset .content td .set_bg_color a:hover{ background-position:0 -30px; }
.property_setting .popup_body fieldset .content td .set_bg_color a span{ display:block; height:18px; width:18px; margin:6px 0 0 7px; }

.property_setting .popup_body fieldset .content td .set_bg_img{ height:28px; width:28px; display:inline-block; background:url(../images/set_bg.jpg) no-repeat 0 -60px; border:1px solid #ddd;}
.property_setting .popup_body fieldset .content td .set_bg_img img{ height:100%; width:100%; }
.property_setting .popup_body fieldset .content td a.delete_bg{ display:inline-block; height:14px; line-height:14px; color:#3d9ce6; }
.property_setting .popup_body fieldset .content td a.delete_bg:hover{ text-decoration:underline; }
.property_setting .popup_body fieldset .content td a.delete_bg span.icon{ display:inline-block; margin-right:2px; vertical-align:top; width:14px; height:14px; background:url(../images/editor_icon.png) no-repeat -256px -58px; }

/*文字属性*/
.property_setting .popup_body fieldset .content td div.text_style { height:22px; margin-left:-3px;}
.property_setting .popup_body fieldset .content td div.text_style span.border{ display:block; width:2px; height:20px; float:left; margin:1px 6px 0 4px; border-right:1px solid #ccc; }
.property_setting .popup_body fieldset .content td div.text_style a { cursor:default; display:block; float:left; text-align:center; padding:4px 5px; margin:0 3px; border-radius:2px;}
.property_setting .popup_body fieldset .content td div.text_style a:hover { background:#E2F2FF; }
.property_setting .popup_body fieldset .content td div.text_style a.selected { background:#bde1ff; }
.property_setting .popup_body fieldset .content td div.text_style a.disabled { background:none; cursor:default; }
.property_setting .popup_body fieldset .content td div.text_style a.disabled span.icon{ opacity:0.2; filter:alpha(opacity=20);}

.property_setting .popup_body fieldset .content td div.text_style a span.icon{ display:inline-block; vertical-align:middle; width:14px; height:14px; background:url(../images/editor_icon.png) no-repeat; }
.property_setting .popup_body fieldset .content td div.text_style a.bold span.icon{ background-position:-4px -58px;}
.property_setting .popup_body fieldset .content td div.text_style a.italic span.icon{ background-position:-22px -58px;}
.property_setting .popup_body fieldset .content td div.text_style a.underline span.icon{ background-position:-40px -58px;}
.property_setting .popup_body fieldset .content td div.text_style a.clear span.icon{ background-position:-58px -58px;}
.property_setting .popup_body fieldset .content td div.text_style a.align_left span.icon{ background-position:-76px -58px;}
.property_setting .popup_body fieldset .content td div.text_style a.align_center span.icon{ background-position:-94px -58px;}
.property_setting .popup_body fieldset .content td div.text_style a.align_right span.icon{ background-position:-112px -58px;}
.property_setting .popup_body fieldset .content td div.text_style a.valign_top span.icon{ background-position:-130px -58px;}
.property_setting .popup_body fieldset .content td div.text_style a.valign_middle span.icon{ background-position:-148px -58px;}
.property_setting .popup_body fieldset .content td div.text_style a.valign_bottom span.icon{ background-position:-166px -58px;}
.property_setting .popup_body fieldset .content td div.text_style a.text_color span.icon{ height:11px; border-bottom:3px solid #000; background-position:-184px -58px;}
.property_setting .popup_body fieldset .content td div.text_style a.text_color span.arrow{ display:inline-block; vertical-align:middle; margin:-4px -5px -4px 3px; height:22px; width:10px;}
.property_setting .popup_body fieldset .content td div.text_style a.text_color span.arrow b{ display:inline-block; font-family:"宋体"; width:0; height:0; margin-top:9px; border-width:3px; border-style:solid; border-color:#000 transparent transparent; }
.property_setting .popup_body fieldset .content td div.text_style a.text_color:hover span.arrow { background:#bde1ff; }

.property_setting .popup_body fieldset .content td div.text_style a.bg_color span.icon{ height:11px; background-position:-202px -58px; border-bottom-style:solid; border-bottom-width:3px; border-color:transparent;}
.property_setting .popup_body fieldset .content td div.text_style a.bg_color span.arrow{ display:inline-block; vertical-align:middle; margin:-4px -5px -4px 3px; height:22px; width:10px;}
.property_setting .popup_body fieldset .content td div.text_style a.bg_color span.arrow b{ display:inline-block; font-family:"宋体"; width:0; height:0; margin-top:9px; border-width:3px; border-style:solid; border-color:#000 transparent transparent; }
.property_setting .popup_body fieldset .content td div.text_style a.bg_color:hover span.arrow { background:#bde1ff; }

/*文字大小-行高图标*/
.property_setting .popup_body fieldset .content td span.font_size{ display:inline-block; vertical-align:middle; width:14px; height:14px; background:url(../images/editor_icon.png) no-repeat -220px -58px;}
.property_setting .popup_body fieldset .content td span.line_height{ display:inline-block; vertical-align:middle; width:14px; height:14px; background:url(../images/editor_icon.png) no-repeat -238px -58px;}

/*开关*/
.property_setting .popup_body fieldset .content td .switch{ position:relative; height:24px; width:70px; background:#727272; border-radius:2px; behavior:url(css/PIE/PIE.htc); user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -khtml-user-select:none;}
.property_setting .popup_body fieldset .content td .switch .s_bar{ cursor:pointer; position:absolute; top:2px; left:2px; height:20px; width:30px; background:#fff; border-radius:2px; behavior:url(css/PIE/PIE.htc);}
.property_setting .popup_body fieldset .content td .switch .s_text{ color:#fff; display:block; width:35px; text-align:center; height:24px; line-height:25px;}
.property_setting .popup_body fieldset .content td .switch .off{ color:#ddd; position:absolute; top:0; right:0;}
.property_setting .popup_body fieldset .content td .switch .on{ display:none; color:#fff; position:absolute; top:0; left:0;}

.property_setting .popup_body fieldset .content td .switch_on{ background:#48a3ea;}
.property_setting .popup_body fieldset .content td .switch_on .off{ display:none;}
.property_setting .popup_body fieldset .content td .switch_on .s_bar{ left:38px;}
.property_setting .popup_body fieldset .content td .switch_on .on{ display:block;}


/*素材列表-上面按钮*/
/*------------------------------------------工具栏*/
.property_setting .popup_body .toolbar{ padding:0; margin:13px 12px 0 12px; border:1px solid #ddd; border-bottom:1px solid #ccc; height:44px; background:url(../images/popup.png) repeat-x;}
.property_setting .popup_body .toolbar .btn { margin-top:6px; }
.property_setting .popup_body .toolbar a.a_btn { border:1px solid #ccc;}

/*素材列表*/
.property_setting .popup_body .list_pic{ overflow:auto; height:327px; width:630px; position:relative; border:1px solid #ddd; border-top:none; background:#fff; margin:0 12px 13px 12px;}
.property_setting .popup_body .list_pic ul{ margin-left:5px; margin-top:5px;}

.property_setting .popup_body .list_pic ul li{ float:left; position:relative; width:140px; height:150px; border:2px solid #fff; margin:0 0 5px 5px; }
.property_setting .popup_body .list_pic ul li p{ margin:0 10px; text-align:center;}
.property_setting .popup_body .list_pic ul li p.pic{ margin:10px 10px 4px 10px; height:88px; position:relative; }
.property_setting .popup_body .list_pic ul li p.pic b{ display:inline-block; height:88px; width:1px; margin-left:-1px; vertical-align:bottom; }
.property_setting .popup_body .list_pic ul li p.pic img{ max-width:100%; max-height:100%; margin:0 auto; vertical-align:bottom;}
.property_setting .popup_body .list_pic ul li p.text { height:22px; line-height:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.property_setting .popup_body .list_pic ul li p.btn{ display:none; height:26px; line-height:22px; background:#fff; position:absolute; left:0; right:0; bottom:0; margin:0;}
.property_setting .popup_body .list_pic ul li p.btn a{ color:#1c81c8; display:inline-block; margin:0 3px; text-decoration:underline;}
.property_setting .popup_body .list_pic ul li:hover p.btn{ display:block;}



/*表格控件*/
.property_setting .set_table{ position:relative; height:100%;}
.property_setting .set_table .select_box{ position:absolute; top:0; right:0; bottom:12px; width:190px; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.property_setting .set_table .select_box .select_head{ height:35px; border-bottom:1px solid #ddd; margin:0 10px; position:relative;}
.property_setting .set_table .select_box .select_head h3{ font-size:14px; position:absolute; left:0; bottom:4px; }
.property_setting .set_table .select_box .select_head span.msg{ position:absolute; right:0; bottom:4px; color:#ccc; }
.property_setting .set_table .select_box .select_body { position:absolute; top:36px; left:10px; right:10px; bottom:0; overflow:hidden; }
.property_setting .set_table .select_box .select_body ul li { height:30px; line-height:30px; border-bottom:1px dashed #ddd; position:relative;}
.property_setting .set_table .select_box .select_body ul li span.text{ display:block; width:100%; height:100%; overflow:hidden;}
.property_setting .set_table .select_box .select_body ul li:hover { background:#f6f6f6;}

.property_setting .set_table .select_box .select_body ul li p.icon_btn{ display:none; margin:0; position:absolute; top:0; right:0; padding:0 5px; height:30px; background:#e5e5e5; text-align:center; }
.property_setting .set_table .select_box .select_body ul li p.icon_btn a { display:inline-block; float:left; margin:4px 0 0 0; padding:4px;  border-radius:2px;}
.property_setting .set_table .select_box .select_body ul li p.icon_btn a span{ display:block; width:14px; height:14px; background:url(../images/editor_icon.png) no-repeat; opacity:0.6;filter: alpha(opacity=60); }
.property_setting .set_table .select_box .select_body ul li p.icon_btn a.up span{ background-position:-4px -22px;}
.property_setting .set_table .select_box .select_body ul li p.icon_btn a.down span{ background-position:-22px -22px;}
.property_setting .set_table .select_box .select_body ul li p.icon_btn a.delete span{ background-position:-40px -22px;}
.property_setting .set_table .select_box .select_body ul li p.icon_btn a:hover{ background:#ccc;}
.property_setting .set_table .select_box .select_body ul li p.icon_btn a:hover span{ opacity:1; filter: alpha(opacity=100);}

.property_setting .set_table .select_box .select_body ul li:hover p.icon_btn{ display:block;}

.property_setting .set_table .left_wrap{ margin-right:190px; position:relative;}
.property_setting .set_table .left_wrap fieldset{ height:86px;}
.property_setting .set_table .left_wrap .table_con{ width:590px; height:320px; border:1px solid #ddd; margin:13px; padding:0 10px; overflow:auto;}
.property_setting .set_table .left_wrap .table_con table { table-layout:fixed; margin:10px 0; }
.property_setting .set_table .left_wrap .table_con table th{ border:1px solid #ccc; background:#f1f1f1; font-weight:normal; text-align:center; }
.property_setting .set_table .left_wrap .table_con table td{ border:1px solid #ccc; white-space:nowrap; overflow:hidden;}
.property_setting .set_table .left_wrap .table_con table td:hover ,.property_setting .set_table .left_wrap .table_con table td.selected{ background:#bde1ff;}
.property_setting .set_table .left_wrap .table_con table th:hover ,.property_setting .set_table .left_wrap .table_con table th.selected{ background:#bde1ff;}

.property_setting .set_table .left_wrap .select_box{ width:168px; top:113px; right:12px; bottom:0; border:1px solid #ddd; }
.property_setting .set_table .left_wrap .select_box .select_body ul li span.text input.checkbox{ vertical-align:middle; margin:-1px 2px 0 0; }



/*区域控件*/
.property_setting .set_area{ position:relative;}
.property_setting .set_area .select_box{ position:absolute; top:0; right:0; bottom:12px; width:190px; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.property_setting .set_area .select_box .select_head{ height:35px; border-bottom:1px solid #ddd; margin:0 10px; position:relative;}
.property_setting .set_area .select_box .select_head h3{ font-size:14px; position:absolute; left:0; bottom:4px; }
.property_setting .set_area .select_box .select_head span.msg{ position:absolute; right:0; bottom:4px; color:#ccc; }
.property_setting .set_area .select_box .select_body { position:absolute; top:36px; left:10px; right:10px; bottom:0; overflow:hidden; }
.property_setting .set_area .select_box .select_body ul li { height:30px; line-height:30px; border-bottom:1px dashed #ddd; position:relative;}
.property_setting .set_area .select_box .select_body ul li span.text{ display:block; width:100%; height:100%; overflow:hidden;}
.property_setting .set_area .select_box .select_body ul li:hover { background:#f6f6f6;}

.property_setting .set_area .select_box .select_body ul li p.icon_btn{ display:none; margin:0; position:absolute; top:0; right:0; padding:0 5px; height:30px; background:#e5e5e5; text-align:center; }
.property_setting .set_area .select_box .select_body ul li p.icon_btn a { display:inline-block; float:left; margin:4px 0 0 0; padding:4px;  border-radius:2px;}
.property_setting .set_area .select_box .select_body ul li p.icon_btn a span{ display:block; width:14px; height:14px; background:url(../images/editor_icon.png) no-repeat; opacity:0.6;filter: alpha(opacity=60); }
.property_setting .set_area .select_box .select_body ul li p.icon_btn a.up span{ background-position:-4px -22px;}
.property_setting .set_area .select_box .select_body ul li p.icon_btn a.down span{ background-position:-22px -22px;}
.property_setting .set_area .select_box .select_body ul li p.icon_btn a.delete span{ background-position:-40px -22px;}
.property_setting .set_area .select_box .select_body ul li p.icon_btn a:hover{ background:#ccc;}
.property_setting .set_area .select_box .select_body ul li p.icon_btn a:hover span{ opacity:1; filter: alpha(opacity=100);}

.property_setting .set_area .select_box .select_body ul li:hover p.icon_btn{ display:block;}

.property_setting .set_area .left_wrap{ margin-right:190px; position:relative;}
.property_setting .set_area .left_wrap .area_con{ width:590px; height:300px; border:1px solid #ddd; margin:13px; padding:0 0 0 10px; overflow:auto;}
.property_setting .set_area .left_wrap .area_con ul li{ float:left; width:102px; height:60px; border:1px solid #ddd; margin:10px 10px 0 0; overflow:hidden;}
.property_setting .set_area .left_wrap .area_con ul li table{ width:100%; height:100%;}
.property_setting .set_area .left_wrap .area_con ul li table td{ vertical-align:top; width:100%; height:100%;}
.property_setting .set_area .left_wrap .area_con ul li:hover,
.property_setting .set_area .left_wrap .area_con ul li.selected{ border:1px solid #43a4e9;}



.popup_body .upload_toolbar{ width:570px; margin:5px; height:30px;}
.popup_body .upload_toolbar p{ float:left; line-height:30px;}
.popup_body .upload_toolbar p.button a { display:inline-block; font-size:13px; height:32px; line-height:32px; padding:0 18px;  color:#fff; background:#8dc63f; }
.popup_body .upload_toolbar p.button a:hover { background:#75b320;}
.popup_body .upload_toolbar p.path{ margin-left:15px; color:#999;}
.popup_body .upload_toolbar p.tips{ float:right; color:#999;}

.popup_body .upload_list{ width:570px; height:300px; border:1px solid #ddd; background:#f9f9f9; margin:15px 5px 5px 5px; overflow:auto;}
.popup_body .upload_list ul{ margin:-1px 15px 0 15px;}
.popup_body .upload_list ul li{ border-top:1px solid #ddd; padding:8px 0 0 0; height:72px;}
.popup_body .upload_list ul li p{ height:22px; line-height:22px; padding-left:24px;}
.popup_body .upload_list ul li p.name span.tick_icon{ display:inline-block; height:16px; width:16px; vertical-align:middle; margin-left:-24px; margin-right:8px; background: url(../images/icon.png) no-repeat 0px -60px;}
.popup_body .upload_list ul li p.name span.wrong_icon{ display:inline-block; height:16px; width:16px; vertical-align:middle; margin-left:-24px; margin-right:8px; background: url(../images/icon.png) no-repeat -20px -60px;}
.popup_body .upload_list ul li p.name span.f_size{ display:inline-block; float:right; margin-right:20px;}
.popup_body .upload_list ul li p.path, .popup_main .upload_list ul li p.tips { color:#999;}
.popup_body .upload_list ul li p.tips span{ display:inline-block; margin-right:25px;}
.popup_body .upload_list ul li p.progress .progress_box{ margin-top:5px; position:relative; display:inline-block; background:#e7f3eb; height:10px; width:410px; border:1px solid #d9ece0;}
.popup_body .upload_list ul li p.progress .progress_box .progress_bar{ position:absolute; top:-1px; left:-1px; z-index:2; display:inline-block; background:#79d950; height:10px; width:100px; border:1px solid #79d950;}
.popup_body .upload_list ul li p.progress .progress_text{ display:inline-block; position:relative; top:-1px; margin-left:10px; width:40px; }
.popup_body .upload_list ul li p.progress a { position:relative; top:-1px; color:#3083eb; }
.popup_body .upload_list ul li p.progress a:hover { text-decoration:underline; }


.playlist_wrap{ position: relative; height: 100%; width: 100%;}
.playlist_wrap .playlist_nav{ position: relative; float: left; height: 100%; width: 220px; background: #f1f1f1;}
.playlist_wrap .playlist_nav ul{ position: absolute; top: 0; left: 0; bottom: 40px; width: 100%; overflow: auto;}
.playlist_wrap .playlist_nav ul li{ cursor: pointer; height: 40px; line-height: 40px; padding:0 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.playlist_wrap .playlist_nav ul li:hover{ background: #e1e6eb; }
.playlist_wrap .playlist_nav ul li.selected{ background: #fff; }
.playlist_wrap .playlist_nav .add{ position: absolute; left: 0; bottom: 0; width: 100%;}
.playlist_wrap .playlist_nav .add a{ display: block; text-align: center; height: 50px; line-height: 50px; font-size: 14px; background: #e1e6eb; }
.playlist_wrap .playlist_nav .add a:hover{ color: #008ae7;  background: #e1e6eb; }

.playlist_wrap .playlist_con { position: absolute; top: 0; left: 220px; bottom: 0; right: 0;  overflow: auto; }
.playlist_wrap .playlist_con .head{ margin: 20px 30px 10px 30px; height: 82px; }
.playlist_wrap .playlist_con .head .btn{ text-align: right; padding-bottom: 20px; }
.playlist_wrap .playlist_con .head .btn h3{ float: left; line-height: 30px; font-size: 16px; }
.playlist_wrap .playlist_con .head .templet *{ vertical-align: middle; }
.playlist_wrap .playlist_con .head .templet img{ height: 30px; }
.playlist_wrap .playlist_con .head .time{ float: right; line-height: 30px; }
.playlist_wrap .playlist_con .head .time .link{ margin-left: 10px; }
.playlist_wrap .playlist_con dl{ position: relative; padding:10px 30px 10px 130px; }
.playlist_wrap .playlist_con dl dt{ position: absolute; top: 10px; left: 30px; height: 35px; line-height: 35px;}
.playlist_wrap .playlist_con dl dd{ position: relative; height: 35px; line-height: 35px; padding: 0 10px; }
.playlist_wrap .playlist_con dl dd .num{ display: inline-block; text-align: center; color: #fff; height: 16px; line-height: 16px; width: 16px; font-weight: normal; font-style: normal; border-radius: 2px; background: #6fb64c;}

.playlist_wrap .playlist_con dl dd .btn{ display: none; position: absolute; top: 5px; right: 4px;}
.playlist_wrap .playlist_con dl dd .btn i{ display: inline-block; height: 26px; width: 26px; cursor: pointer;}
.playlist_wrap .playlist_con dl dd .btn i:hover{ background: #e1e6eb;}
.playlist_wrap .playlist_con dl dd .btn i:after{ display: block; content: ""; margin: 6px 0 0 6px; height: 14px; width: 14px; background: url(../images/editor_icon.png) no-repeat;}
.playlist_wrap .playlist_con dl dd .btn i.up:after{ background-position: -58px -22px; }
.playlist_wrap .playlist_con dl dd .btn i.down:after{ background-position: -76px -22px; }
.playlist_wrap .playlist_con dl dd .btn i.delete:after{ background-position: -94px -22px; }

.playlist_wrap .playlist_con dl dd:hover{ background: #f1f1f1; }
.playlist_wrap .playlist_con dl dd:hover .btn{ display: block; }
.playlist_wrap .playlist_con dl dd:last-child{ background: none; }
.playlist_wrap .playlist_con .link{ color: #008ae7; cursor: pointer; }
.playlist_wrap .playlist_con .link:hover{ text-decoration:underline;}


.battery_monitor{ position: relative; height: 100%;}
.battery_monitor .battery_count{ font-size: 16px; height: 40px;}
.battery_monitor .battery_count p{ display: inline-block; width: 240px;}
.battery_monitor .battery_count p strong{ font-size: 20px;}
.battery_monitor .battery_count p strong.green{ color: #8dc63f;}
.battery_monitor .battery_count p strong.red{ color: #ff503f;}
.battery_monitor .battery_count p strong.yellow{ color: #fea417;}

.battery_monitor .battery_bar { height: 50px; }
.battery_monitor .battery_bar div{ height: 20px; line-height: 20px; display: block; float: left; color: #fff;}
.battery_monitor .battery_bar div.yellow{ background: #fea417; }
.battery_monitor .battery_bar div.red{ background: #fea417;}
.battery_monitor .battery_bar div.green{ background: #8DC63F;}
.battery_monitor .battery_bar div.blue{ background: #40bbea;}
.battery_monitor .battery_bar div span{ padding-left: 10px;}

.battery_monitor .battery_list { position: absolute; top: 80px; left: 0; right: 0; bottom: 0; overflow:auto;}
.battery_monitor .battery_list li{ float: left; text-align: center; margin: 0 10px 15px 0;}
.battery_monitor .battery_list li .state{ color: #fff; font-size: 30px; height: 100px; line-height: 98px; width: 140px; overflow: hidden; }
.battery_monitor .battery_list li .state.green{ background: #8dc63f; }
.battery_monitor .battery_list li .state.red{ background: #ff503f; }
.battery_monitor .battery_list li .state.gray{ background: #999; }
.battery_monitor .battery_list li .state.yellow{ background: #fea417; }
.battery_monitor .battery_list li .state.blue{ background: #40bbea; }
.battery_monitor .battery_list li .state.border{ background: #eee; border: 2px solid #ccc; width: 136px; height: 96px; color: #999; }

.battery_monitor .battery_list li .state img{ display: block; margin: 15px auto 10px auto; width: 40px; line-height: 1;}
.battery_monitor .battery_list li .state span{ display: block; font-size: 16px; line-height: 16px;}
.battery_monitor .battery_list li .txt{ font-size: 14px; margin-top: 5px;}


.battery_monitor .battery_id{ font-size: 24px; font-weight: bold; color: #8DC63F; height: 40px;}
.battery_monitor .battery_id span{ display: inline-block; vertical-align: middle; margin: -4px 0 0 10px; color: #fff; font-size: 14px; padding: 2px 15px; border-radius: 20px; background: #8DC63F;}



.battery_monitor .battery_usage { overflow: hidden; zoom: 1; margin: 0 -10px; height: 140px;}
.battery_monitor .battery_usage li{ float: left; width: 25%; color: #fff;}
.battery_monitor .battery_usage li div{ padding: 10px 15px; margin: 10px; border-radius: 10px;}
.battery_monitor .battery_usage li div small{ font-size: 14px;}
.battery_monitor .battery_usage li div strong{ font-weight: normal; display: block; text-align: center; font-size: 50px;}
.battery_monitor .battery_usage li div.green{ background: #8dc63f;}
.battery_monitor .battery_usage li div.blue{ background: #40bbea;}
.battery_monitor .battery_usage li div.yellow{ background: #fea417;}
.battery_monitor .battery_usage li div.red{ background: #ff503f;}

.battery_monitor .battery_usage_list { position: absolute; top: 180px; left: 0; right: 0; bottom: 0; overflow: auto; padding:0 10px;  }
.battery_monitor .battery_usage_list li { padding-bottom: 30px; padding-left: 20px; position: relative; border-left: 1px solid #ccc; }
.battery_monitor .battery_usage_list li:before { display: block; content: " "; position: absolute; top: 0; left: -9px; width: 15px; height: 15px; border:1px solid #999; background: #eee; border-radius: 50%; }
.battery_monitor .battery_usage_list li .txt{ font-size: 14px;}
.battery_monitor .battery_usage_list li .txt span{ padding-right: 15px;}

.battery_monitor .battery_usage_list li.green .txt{ color: #8dc63f; font-weight: bold;}
.battery_monitor .battery_usage_list li.green:before { border:1px solid #6da323; background: #8dc63f; }
.battery_monitor .battery_usage_list li.more { border-left: none; text-align: center;  }
.battery_monitor .battery_usage_list li.more:before { display: none;  }
.battery_monitor .battery_usage_list li.more a { font-size: 14px; display: inline-block; height: 35px; line-height: 35px; padding: 0 50px; background: #ddd; }
.battery_monitor .battery_usage_list li.more a:hover { background: #ccc; }


.popup_body_full .battery_monitor .battery_id{ margin-left: 20px; padding-top: 15px; }
.popup_body_full .battery_monitor .battery_usage{ margin: 0 10px;}

.popup_body_full .battery_monitor .battery_usage_list { top: 195px; padding: 0 25px; }



.site_monitor{ position: relative; height: 100%;}

.site_monitor input{ vertical-align: middle; }
.site_monitor .btn{ height: 28px; line-height: 28px; vertical-align: middle; }

.site_count{ overflow: hidden; zoom: 1; font-size: 14px; height: 40px; line-height: 35px; background: #f2f2f2; margin: -15px; margin-bottom: 0; }
.site_count .float_left span{ color: #ff503f;}
.site_count .float_right span{ padding-right: 10px; color: #40bbea;}


.site_list{ position: absolute; top: 40px; left: 0; right: -30px; bottom:-30px; padding-top: 15px; padding-right: 15px; overflow: auto; }
.site_list .site_item{ overflow: hidden; zoom: 1; border: 1px solid #ddd; margin-bottom: 30px; }

.site_info{ width: 300px; text-align: center; float: left; padding: 30px 0 0 50px;}
.site_info .site_pic img{ width: 200px;}
.site_info .site_name{ font-size: 18px; margin: 20px 0;}
.site_info .site_address{ font-size: 14px; text-align: left; padding-left: 30px;}
.site_info .site_address img{ margin: -2px 5px 0 -20px;}


.site_details{ position: relative; margin-left: 400px;}
.site_details .site_battery_count{ overflow: hidden; zoom: 1; padding-top: 20px; padding-bottom: 15px;}
.site_details .site_battery_count li{ float: left; width: 33%; text-align: center;}
.site_details .site_battery_count li strong{ display: block; font-size: 50px;}
.site_details .site_battery_count li small{ font-size: 14px;}
.site_details .site_battery_count li .green{ color: #8dc63f;}
.site_details .site_battery_count li .yellow{ color: #fea417;}
.site_details .site_battery_count li .blue{ color: #40bbea;}

.site_details .grid{ position: static !important; margin: 0 15px 15px 0;}
.site_details .grid .grid_table{ position: static !important; height: 195px; overflow: auto; }

.site_contact{ text-align: center; font-size: 16px; height: 50px; line-height: 50px;  background: #eee;}


.site_list .paging{ text-align: center; padding-bottom: 10px;}
.site_list .paging a{ font-size: 14px; display: inline-block; margin: 0 20px; color: #0078C9;}
.site_list .paging a:hover{ text-decoration: underline;}



.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}
.dropdown-menu a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333333;
    white-space: nowrap;
}
.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    background-color: #0081c2;
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-repeat: repeat-x;
    outline: 0;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.typeahead {
    margin-top: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


.report_table{ overflow: auto; border-top:1px solid #ddd;}
.report_table table{ min-width: 100%; margin-top: -1px; font-size: 12px;}
.report_table th,
.report_table td{ height: 15px; border: 1px solid #ddd; padding: 7px 5px; text-align: left;}
.report_table td span{display: inline-block;}
.report_table thead th{ font-size: 25px; padding: 10px 5px; font-weight: normal;}
.report_table tbody th{ background: #f9f9f9;}

.report_table .tips{ text-align: left;}
.report_table .tips p{ padding: 3px 0;}


.hdg_chart_head{
    margin: 0 !important;
    border-bottom: none !important;
}

.hdg_chart_top{
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 200px;
}
.hdg_chart_top #chart1{
    position: absolute;
    top: 47px;
    left: 15px;
    right: 15px;
    bottom: 15px;
}
.hdg_chart_bottom{
    padding: 0 5px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
}
.hdg_chart_bottom .panel{
    margin: 10px !important;
    height: 150px;
    background: #fff !important;
    position: relative;
}
.hdg_chart_bottom .panel .text{
    position: absolute;
    top: 45px;
    left: 49px;
    z-index: 999;
    width: 90px;
    height: 90px;
    text-align: center;
}
.hdg_chart_bottom .panel .text h3{
    font-size: 18px;
    font-weight: normal;
    margin: 23px 0 5px 0;
}
.hdg_chart_bottom .panel .text p{
    color: #999;
}
.hdg_chart_bottom .panel .chart{
    height: 100%;
}


.battery_monitor_map .panel{
    margin: 0;
    background: none;
    border-bottom: none;
    margin-right: 260px;
}
.battery_monitor_map .battery_total .row{
    margin: 0 -10px;
}
.battery_monitor_map .battery_total .box{
    background: #fff;
    border-radius: 5px;
    margin: 0 10px;
    padding: 15px 20px;
    height: 70px;
}
.battery_monitor_map .battery_total .box .pic{
    float: left;
    margin-top: 12px;
}
.battery_monitor_map .battery_total .box .text{
    padding-left: 70px;
}
.battery_monitor_map .battery_total .box .text p{
    font-size: 14px;
    padding: 10px 0 0 0;
}
.battery_monitor_map .battery_total .box .text h3{
    font-size: 30px;
}

.battery_monitor_map .map_wrap{
    position: absolute;
    top: 150px;
    left: 0;
    right: 0;
    bottom: 0;
}
.battery_monitor_map #allmap{
    position: absolute;
    top: 47px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    background: #fff;
}

.battery_monitor_map .battery_list{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 260px;
}
.battery_monitor_map .battery_list .battery_list_head{
    height: 120px;
    background: #2b2f4a;
}
.battery_monitor_map .battery_list .battery_list_head input{
    color: #fff;
    height: 40px;
    font-size: 14px;
    width: 170px;
    margin: 25px 0 0 25px;
    padding-left: 40px;
    border: none;
    border-radius: 20px;
    background: #3f4569 url(../images/battery_monitor_map_seach.png) no-repeat 15px center;
}
.battery_monitor_map .battery_list .battery_list_head input::-moz-placeholder{
    color: #fff;
}
.battery_monitor_map .battery_list .battery_list_head input::-webkit-input-placeholder{
    color: #fff;
}
.battery_monitor_map .battery_list .battery_list_head p{
    color: #9ba3d0;
    padding-top: 15px;
    text-align: center;
}

.battery_monitor_map .battery_list .battery_list_body{
    position: absolute;
    top: 120px;
    left: 0;
    bottom: 0;
    right: 0;
    background: #1b1e32;
    overflow: auto;
}
.battery_monitor_map .battery_list .battery_list_item{
    overflow: hidden;
    zoom: 1;
    padding: 15px;
    border-bottom: 1px solid #2b2f4a;
}
.battery_monitor_map .battery_list .battery_list_item .pic{
    float: left;
}
.battery_monitor_map .battery_list .battery_list_item .text{
    padding-left: 40px;
    color: #fff;
}
.battery_monitor_map .battery_list .battery_list_item .text h3{
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 5px;
}
.battery_monitor_map .battery_list .battery_list_item .text p .state{
    float: right;
    color: #01e932;
}
.battery_monitor_map .battery_list .battery_list_item .text p .state.off{
    float: right;
    color: #999;
}
.battery_monitor_map .map_info {
    width: 340px;
}
.battery_monitor_map .map_info h4{
    font-size: 16px;
    padding-bottom: 5px;
}
.battery_monitor_map .map_info p{
    font-size: 14px;
    padding-top: 5px;
}

.hdg_monitor{
    overflow: hidden;
    zoom: 1;
    padding-bottom: 20px;
}

.hdg_monitor_box{
    float: left;
    width: 50%;
    margin-bottom: 30px;
}
.hdg_monitor_head{
    background: #41bbea;
    margin: 0 15px;
    text-align: center;
}
.hdg_monitor_head .title{
    color: #fff;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
}
.hdg_monitor_body{
    background: #fff;
    margin: 0 15px;
    padding: 15px 0;
}
.hdg_list{
    padding: 5px 10px;
    overflow: hidden;
}
.hdg_list dt{
    float: left;
    width: 60px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    padding-left: 10px;
}
.hdg_list dd{
    margin-left: 70px;
}
.hdg_item{
    width: 20%;
    float: left;
    display: block;
}
.hdg_item_num{
    display: block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    margin: 0 5px;
    text-align: center;
    border: 1px solid #fff;
}
.hdg_item_num_success{
    color: #fff;
    background: #8ec63f;
    border: 1px solid #77ae29;
}

.hdg_item_num_danger{
    color: #fff;
    background: #ff6767;
    border: 1px solid #d82222;
}

.hdg_item_num_default{
    color: #999;
    background: #f1f1f1;
    border: 1px solid #ccc;
}


.hdg_monitor_body .battery_list{
}
.hdg_monitor_body .battery_item{
    float: left;
    height: 32px;
    width: 78px;
    position: relative;
    border-radius: 4px;
    border-style: solid;
    border-width: 2px;
    margin: 10px 0 10px 20px;
}
.hdg_monitor_body .battery_item:after{
    display: block;
    content: "";
    width: 7px;
    height: 16px;
    position: absolute;
    top: 9px;
    right: -7px;
    z-index: 2;
    border-radius: 0 2px 2px 0;
}
.hdg_monitor_body .battery_num{
    display: block;
    color: #fff;
    position: absolute;
    top: -8px;
    left: -8px;
    z-index: 3;
    width: 18px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #0186b1;
    border-radius: 2px;
}
.hdg_monitor_body .battery_inner{
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px;
}
.hdg_monitor_body .battery_bar{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
}
.hdg_monitor_body .battery_text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.hdg_monitor_body .battery_item_success:after{
    background: #77ae29;
}
.hdg_monitor_body .battery_item_success{
    border-color: #77ae29;
}
.hdg_monitor_body .battery_item_success .battery_bar{
    background: #a5d165;
}
.hdg_monitor_body .battery_item_success .battery_text{
    color: #4f7a12;
}

.hdg_monitor_body .battery_item_danger:after{
    background: #d82222;
}
.hdg_monitor_body .battery_item_danger{
    border-color: #d82222;
}
.hdg_monitor_body .battery_item_danger .battery_bar{
    background: #ff8585;
}
.hdg_monitor_body .battery_item_danger .battery_text{
    color: #d82222;
}

.hdg_monitor_body .battery_item_warning:after{
    background: #d7880e;
}
.hdg_monitor_body .battery_item_warning{
    border-color: #d7880e;
}
.hdg_monitor_body .battery_item_warning .battery_bar{
    background: #ffb645;
}
.hdg_monitor_body .battery_item_warning .battery_text{
    color: #9e6309;
}


.hdg_monitor_body .battery_item_default:after{
    background: #ccc;
}
.hdg_monitor_body .battery_item_default{
    border-color: #ccc;
}
.hdg_monitor_body .battery_item_default .battery_bar{
    background: #f1f1f1;
}
.hdg_monitor_body .battery_item_default .battery_text{
    color: #999;
}


.card-item .operator_info{
    position: relative;
    min-width: 922px;
}
.card-item .operator_info .position-right{
    margin: 20px;
}
.card-item .operator_info .operator_pic{
    height: 120px;
    width: 120px;
    border: 1px solid #ddd;
    margin: 30px 20px 0 30px;
    border-radius: 50%;
    overflow: hidden;
}
.card-item .operator_info .operator_pic img{
    height: 100%;
    width: 100%;
}

.card-item .operator_info .operator_total li{
    float: left;
    text-align: center;
    background: #40bbea;
    padding: 10px;
    width: 90px;
    margin-right: 10px;
    color: #fff;
}
.card-item .operator_info .operator_total li.blue{
    float: left;
    text-align: center;
    background: #40bbea;
    padding: 10px;
    width: 90px;
    margin-right: 10px;
    color: #fff;
}
.card-item .operator_info .operator_total li.green{ background:#8dc63f; }

.card-item .operator_info .operator_total li.red{ background:#ff503f; }

.card-item .operator_info .operator_total li.blue{ background:#40bbea; }
.card-item .operator_info .operator_total li.blue2{ background:#0099cb; }
.card-item .operator_info .operator_total li.purple{ background:#3083EB; }

.card-item .operator_info .operator_total li.yellow{ background:#fea417; }



.card-item .operator_info .operator_total li .num{
    font-size: 16px;
}


.grid_wrap .battery_state_list{
    padding-top: 30px;
    position: absolute;
    top: 50px;
    left: 15px;
    right: 0;
    bottom: 0;
    overflow: auto;
}
.battery_state_list .battery_item{
    float: left;
    margin: 0 15px 20px 0;
}
.battery_state_list .battery_item .battery_item_box{
    width: 155px;
    height: 90px;
    position: relative;
    border: 2px solid #0099cb;
}
.battery_state_list .battery_item .battery_item_box:before{
    display: block;
    content: "";
    position: absolute;
    top: -10px;
    left: 30px;
    width: 20px;
    height: 10px;
    background: #0099cb;
}
.battery_state_list .battery_item .battery_item_box:after{
    display: block;
    content: "";
    position: absolute;
    top: -10px;
    right: 30px;
    width: 20px;
    height: 10px;
    background: #0099cb;
}
.battery_state_list .battery_item .battery_item_title{
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    padding: 2px 0 5px 0;
}
.battery_state_list .battery_item .battery_inner{
    position: absolute;
    left: 1px;
    bottom: 1px;
    right: 1px;
    top: 1px;
}
.battery_state_list .battery_item .battery_inner .battery_text{
    display: none;
}
.battery_state_list .battery_item .battery_inner .battery_bar{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}
.battery_state_list .battery_item .battery_text{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 3;
    padding: 12px;
}
.battery_state_list .battery_item .battery_text p{
    padding-bottom: 8px;
}


.battery_state_list .battery_item.battery_item_danger .battery_item_box{
    border: 2px solid #d82222;
}
.battery_state_list .battery_item.battery_item_danger .battery_item_box:before,
.battery_state_list .battery_item.battery_item_danger .battery_item_box:after{
    background: #d82222;
}
.battery_state_list .battery_item.battery_item_danger .battery_inner .battery_bar{
    background: #ff8585;
}

.battery_state_list .battery_item.battery_item_success .battery_item_box{
    border: 2px solid #77ae29;
}
.battery_state_list .battery_item.battery_item_success .battery_item_box:before,
.battery_state_list .battery_item.battery_item_success .battery_item_box:after{
    background: #77ae29;
}
.battery_state_list .battery_item.battery_item_success .battery_inner .battery_bar{
    background: #a5d165;
}

.battery_state_list .battery_item.battery_item_warning .battery_item_box{
    border: 2px solid #d7880e;
}
.battery_state_list .battery_item.battery_item_warning .battery_item_box:before,
.battery_state_list .battery_item.battery_item_warning .battery_item_box:after{
    background: #d7880e;
}
.battery_state_list .battery_item.battery_item_warning .battery_inner .battery_bar{
    background: #ffb645;
}

.battery_state_list .battery_item.battery_item_default .battery_item_box{
    border: 2px solid #ccc;
}
.battery_state_list .battery_item.battery_item_default .battery_item_box:before,
.battery_state_list .battery_item.battery_item_default .battery_item_box:after{
    background: #ccc;
}
.battery_state_list .battery_item.battery_item_default .battery_inner .battery_bar{
    background: #f1f1f1;
}


.tab_menu li{
    float: left;
    cursor: pointer;
    height: 34px;
    line-height: 34px;
    width: 110px;
    text-align: center;
    color: #0099cb;
    border: 1px solid #0099cb;
    margin-right: -1px;
}
.tab_menu li.selected{
    color: #fff;
    background: #0099cb;
}

.dc_type li{
    cursor: pointer;
    position: relative;
    width: 115px;
    padding: 10px 0;
    float: left;
    text-align: center;
    background: #f5f5f5;
}
.dc_type li.selected{
    color: #fff;
    background: #40bbea;
}
.dc_type li .icon{
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    padding: 2px;
    width: auto;
    height: auto;
}

.zj_list .zj_item{
    position: relative;
    width: 100px;
    height: 28px;
    padding: 15px 0;
    float: left;
    text-align: center;
    margin: 0 10px 10px 0;
    background: #f5f5f5;
}
.zj_list .zj_add{
    cursor: pointer;
    width: 100px;
    height: 28px;
    padding: 15px 0;
    float: left;
    text-align: center;
    margin: 0 10px 10px 0;
    background: #f5f5f5;
}
.zj_list .zj_item .icon{
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    padding: 2px;
    width: auto;
    height: auto;
}
.zj_list .zj_add .icon i{
    color: #999;
    font-size: 16px;
}
.click_item{
    cursor: pointer;
}
.zj_list .zj_item.selected{
    color: #fff;
    background: #40bbea;
}
.form-control{
    display: block;
    width: 100%;
    height: 34px;
    padding: 0 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 5px;
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075); */
}
.message_preview{
    border: 1px solid #ddd;
    float: left;
    width: 280px;
    margin: 10px;
}
.message_preview_hd{
    margin: 0 10px;
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
}
.message_preview_bd{
    padding: 5px 10px;
}
.message_preview_bd p{
    padding-bottom: 2px;
}

.message_preview_ft{
    margin: 0 10px;
    padding: 5px 0;
    border-top: 1px solid #ddd;
}


.s_k_add{
    width: 500px;
    padding: 8px 0;
    padding-left: 10px;
    float: left;
    text-align: left;
    font-size: 12px;
    font-weight:bold;
    background: #f5f5f5;
}