body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img, h1, h2, h3, h4, h5, h6{margin:0;padding:0;}
html{font-family:Microsoft YaHei ,Helvetica Neue, Helvetica , Roboto , Heiti SC, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; height:100%;}
body{background:#fafafa none;color:#333;font-size:100%;font-style:normal;font-weight:normal; min-height: 100%;}
em, b, i{font-style:normal;}
p{line-height:1.25em;}
a{color:#000;text-decoration:none;}
a:link, a:visited{}
a:hover, a:active{text-decoration:underline;}
a.on:hover, a.cur:hover, .on a:hover, .cur a:hover{text-decoration:none;}
img, a img{border:0 none;}
ul, ol{list-style-type:none;}
ul:after, ol:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.vspace{height:10px;font-size:0px;line-height:0px;width:99%;clear:both;}
body .l, body .left{float:left;clear:none;}
body .r, body .right{float:right;clear:none;}
body .c, body .c{text-align:center;}
.clear_float, .clear{clear:both;font-size:1px;line-height:1px;height:1px;overflow:hidden;}
.column_wrapper{clear:both;margin:0 auto;text-align:left;width:1200px; position:relative; height:100%;}
.column_wrapper:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
a:hover{text-decoration: none;}
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"],textarea{-webkit-appearance: none;}
.text_left{text-align: left;}
.text_right{text-align: right;}
.show{ display:block;}
.hide{ display:none;}
.ovfl{ overflow:hidden}

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1495075093119'); /* IE9*/
  src: url('iconfont.eot?t=1495075093119#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff?t=1495075093119') format('woff'), /* chrome, firefox */
  url('iconfont.ttf?t=1495075093119') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1495075093119#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {  font-family:"iconfont" !important;  font-size:16px;  font-style:normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  }
.icon-desc:before { content: "\e60c"; }
.icon-desc1:before { content: "\e601"; }

.main_bg{ width: 100%; min-width: 1200px; _width:12000px; background: url(img/main_bg.jpg) top center no-repeat;}
/*login*/
.login_box{ width: 700px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);}
.login_title{ font-size: 30px; line-height: 50px; color: #FFFFFF;}
.login_content { width: 410px; clear: both; background: #FFFFFF; padding: 30px 145px; position: relative;}
.login_content .user_name{ width:408px; height: 32px; border: 1px solid #d5d5d5; clear: both; overflow: hidden;border-radius: 6px;}
.login_content .user_name label{ float: left; width: 64px; height: 32px;}
.login_content .user_name input{ background: transparent; font-size: 14px; line-height: 20px; padding: 6px 0; border: 0 none; border-radius: 0; outline: none; color: #666;}
.login_content .user_name input.w344{ float: left; width: 344px;}
.login_content .user_name input.w408{ float: left; width: 293px; padding-left: 15px;}
.login_content .user_name input.w278{ float: left; width: 263px; padding-left: 15px;}
.login_content .user_name label.name{ background: url(img/user_name.png) center center no-repeat;}
.login_content .user_name label.pwd{ background: url(img/user_pwd.png) center center no-repeat;}

.user_img{ width: 410px; overflow: hidden; clear: both;}
.user_img span{ width: 65px; font-size: 16px; line-height: 32px; float: left;}
.user_img input{ width: 238px; border: 1px solid #D5D5D5; border-radius: 6px; background: transparent; font-size: 14px; line-height: 20px; padding: 6px 0; padding-left:20px; outline: none; float: left;}
.user_img img{ float: right; width: 74px; height: 32px; border: 1px solid #D5D5D5; border-radius: 6px; cursor: pointer;}
.login_btn{ width: 100%; text-align: center; height: 32px; line-height: 32px; background: #2775c6; color: #FFFFFF; font-size: 12px; display: block; border-radius: 6px; margin-bottom: 15px;}
.login_more_btn{ text-align: right; font-size: 12px; line-height: 26px; color: #999999;}
.login_more_btn a{ margin: 0 10px;}

.find_pwd_title{ font-weight: normal; font-size: 18px; line-height: 24px; color: #666;}
.find_pwd_fn{ overflow: hidden; clear: both; width: 100%;}
.find_pwd_fn a{ width: 198px; height: 28px; line-height: 28px; font-size: 12px; color: #999; border: 1px solid #D5D5D5; border-radius: 6px; text-align: center;}
.find_pwd_fn a:hover{ background: #2775c6; color: #FFFFFF; border-color: #2775c6;}
.login_error_title{ font-size: 12px; color: #2775c6; line-height: 20px; height: 20px;}
.login_content .user_name input.code_btn{ width: 118px;}
.tel_code_box{overflow: hidden; clear: both; width: 410px;}
.tel_code_box input{ background: transparent; font-size: 14px; line-height: 20px; padding: 6px 0; border: 1px solid #D5D5D5; border-radius: 6px; outline: none; color: #666;}
.tel_code_box input.w278{ width: 263px; float: left; padding-left: 15px;}
.tel_code_box input.code_btn{ width: 118px; text-align: center; cursor: pointer;}


/*------------*/
.top_wrapper{ width: 100%; min-width: 1200px; _width:12000px; background: #2775c6; height: 120px;}
.top_wrapper h3{ background: url(img/logo_137x54.png) 0 26px no-repeat; padding-left: 158px; font-size: 30px; line-height: 120px; color: #FFFFFF; float: left; font-weight: normal;}
.top_wrapper a{ float: right; font-size: 18px; line-height: 30px; color: #fff; margin-left: 35px; margin-top:50px;}
.top_wrapper a.person{ background: url(img/person.png) right center no-repeat; padding-right: 28px;}
.top_wrapper a.out{ background: url(img/out.png) right center no-repeat; padding-right: 30px;}

.bread_nav{ overflow: hidden; clear: both; margin: 10px 0; color: #666; font-size: 18px; line-height: 24px;}
.bread_nav a{ color: #666;}

.nav_add{ clear: both; width: 100%; background:#f5f5f5; padding:10px 0;}
.nav_add .add_pro{ margin-left:30px; background: url(img/add_project.png) 20px 8px no-repeat #2775c6; padding: 0 20px 0 50px; font-size: 14px; line-height: 34px; color: #FFFFFF; float: left; border-radius: 6px;}
.nav_add .search_title{ float: left; font-size: 16px; line-height: 34px; color: #666;}
.nav_add .search_title i,.nav_add .search_title .search-span1201{ color: #2775c6; margin: 0 10px;}
/*1201修改*/
.nav_add .search-span1201 i{margin: 0;}
.search_box{ width: 500px; float: right;}
.search_box .search_text{ border: 1px solid #8c8c8c; width: 429px; height: 32px; border-radius:0; clear: both; font-size: 16px; color: #666; float: left; margin-right: 11px; position: relative;}
.search_box .search_text span{ float: left; width: 88px; line-height: 32px; background: url(img/search_down.png) right center no-repeat; padding-right: 20px; cursor: pointer; text-align: right; position: relative;}
.search_box .search_text input{ float: left; width: 311px; border: 0 none; border-radius: 0; font-size: 14px; line-height: 20px; padding: 6px 0 0 10px; outline: none; color: #666; background: transparent;}
.search_box .search_btn{ float: left; width: 34px; height: 34px; background: url(img/search_btn_no.png) 0 0 no-repeat;}
.search_box .search_btn:hover{background: url(img/search_btn.png) 0 0 no-repeat;}
.search_box .search_text span .search_class{ position: absolute; left: -1px; top: 32px; width: 110px; background: #fafafa; display: none;}
.search_box .search_text .search_class li{ width: 108px; border: 1px solid #8c8c8c; border-top: 0; text-align: center; font-size: 16px; line-height: 32px; color: #666; cursor: pointer;}
.search_box .search_text .search_class li:hover{ background: #2775c6; color: #fff;}
.nav_add .robot_scene_sync{ padding: 0 20px; display: block; font-size: 16px; line-height: 32px; border: 1px solid #e4e4e4; background: #FFFFFF; color: #666; margin-right: 30px; border-radius: 6px; margin-top:18px;}
.nav_add .robot_scene_del{ padding: 0 20px 0 48px; display: block; font-size: 16px; line-height: 32px; border: 1px solid #e4e4e4; background: url(img/sence_del.png) 22px 7px no-repeat #FFFFFF; color: #666; margin-right: 30px; border-radius: 6px;}

.project_list{ width: 1200px; border-collapse: collapse; display:none; background:#ffffff;}
.project_list tr{ height: 65px;}
.project_list tr td{ text-align: center; border: 1px solid #e4e4e4;}
.project_list tr td span{ display: block; font-size: 14px; line-height: 34px; color: #666;}
.project_list tr td span a{ color:#666; display: block; width:100%; height:100%;}
.project_list tr td span.time{ width: 175px; font-family:"Arial";}
.project_list tr td span.name{ width: 810px;}
.project_list tr td span.operation{ width: 210px;}
.project_list tr.header td span{ color: #2775c6;}
.project_list tr td span.operation .mod{ background: url(img/sence_modify_25x25.png) center center no-repeat; width: 34px; height: 34px; display: inline-block; margin: 0 12px; vertical-align: middle;}
.project_list tr td span.operation .del{ background: url(img/sence_del_25x25.png) center center no-repeat; width: 34px; height: 34px; display: inline-block; margin: 0 12px; vertical-align: middle;}
.project_list tr td span.operation .mod:hover{ background: url(img/sence_modify_25x25_cur.png) center center no-repeat; }
.project_list tr td span.operation .del:hover{ background: url(img/sence_del_25x25_cur.png) center center no-repeat; }
.no_project_title{ font-size:20px; line-height:24px; color:#666; margin-top:270px; text-align:center; display:none;}
#project_list_body tr:hover{ background:#f5f5f5}
/**/
.cover{ background: #000; opacity: 0.4; filter:alpha(opacity=40); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index:8;}
.alert_box{ background: #fff; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); width: 420px; padding: 80px; z-index:9;}
.alert_box h3{ font-weight: normal; font-size: 18px; color: #666; line-height: 30px; margin-bottom: 20px;}
.alert_box input{ width: 334px; border: 0 none; border-bottom: 1px solid #8c8c8c; color: #999999; border-radius: 0; padding: 0 20px; font-size: 13px; line-height: 26px; outline: none;}
.alert_box textarea{color: #999999;font-size: 13px;font-family: Microsoft YaHei ,Helvetica Neue, Helvetica , Roboto , Heiti SC, STHeiTi, Arial, sans-serif;}
.alert_box .text-time{margin-left: 2px;position: absolute;  top: 239px; }
.alert_box .error_text{ font-size: 13px; line-height: 26px; color: #93bae2; height: 26px;}
.alert_box .del_title{  font-size: 13px; line-height: 26px; color: #999;}
.alert_box .del_title i{ color: #93bae2;}
.alert_box .alert_btn{ overflow: hidden; clear: both;}
.alert_box .alert_btn a{ padding: 0 25px; float: left; margin-right: 10px; font-size: 15px; line-height: 34px; background: #f5f5f5; color: #666; border-radius: 6px;}
.alert_box .alert_btn a:nth-child(1){ background: #2775c6; color: #fff;}

/*-----*/
.col_270{ width: 270px; float:left; background: #F5F5F5; margin-bottom: -99999px;padding-bottom: 99999px;}
.col_930{ width: 930px;float:left; background: #fff;}
.mg_10{ margin-right: 10px; margin-bottom: 10px;}

.col_270 .fixedBox{ position:fixed; top:319px; width:270px; background:#f5f5f5;}

input[type='checkbox']{ display: none;}
.nav_secend{ background:#ffffff; height:70px;}
.all_check{ overflow: hidden; width:100px; margin-right:20px;}
.all_check .checkall{ display: block; margin: 25px 0 15px 30px; width: 50px; cursor:pointer;}
.all_check .checkall span{ display: inline-block; background: url(img/checkbox_f.png) right center no-repeat; font-size: 14px; line-height: 20px; color: #666; width: 50px;}
.all_check .checkall span.cur{ background-image: url(img/checkbox_t.png);}
.scene_list{ overflow: hidden; clear: both;}
.scene_list li{ border-bottom: 1px solid #ededed; float: left; width: 100%; padding: 15px 0; cursor:pointer;}
.scene_list li.cur{ background:#fff;}
.scene_list li label{ width: 15px; height: 24px; background: url(img/checkbox_f.png) left center no-repeat; float: left; margin-left: 30px; margin-right: 15px;cursor: pointer;}
.scene_list li label.cur{ background-image: url(img/checkbox_t.png);}
.scene_list li span{ float: left; width: 100px; font-size: 14px; color: #666; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.scene_list li .scene_list_mod{ background: url(img/sence_modify_25x25.png) 0 0 no-repeat; width: 25px; height: 25px; float: left; margin-right: 10px;}
.scene_list li .scene_list_del{ background: url(img/sence_del_25x25.png) 0 0 no-repeat; width: 25px; height: 25px; float: left; margin-right: 10px;}
.scene_list li .scene_list_copy{ background: url("img/scene_copy.png") 0 0 no-repeat; width: 25px; height: 25px; float: left; background-size: 25px 25px;}
.scene_list li .scene_list_mod:hover{ background: url(img/sence_modify_25x25_cur.png) 0 0 no-repeat;}
.scene_list li .scene_list_del:hover{ background: url(img/sence_del_25x25_cur.png) 0 0 no-repeat;}
.scene_list li .scene_list_copy:hover{ background: url("img/scene_copy_cur.png") 0 0 no-repeat; background-size: 25px 25px;}


.scene_btn_com{ padding: 0 20px; background: #e6e6e6; color: #666; font-size: 16px; line-height: 34px; border-radius: 6px; cursor:pointer;}
.scene_btn_com:hover{ background: #2775c6; color: #fff;}
.scene_btn_com.unclick{cursor: default;}
.scene_btn_com.unclick:hover{background: #e6e6e6; color: #666;}

.torobot_btn_1228{ border-bottom: 1px solid #e6e6e6; overflow:hidden; clear:both; margin-bottom:10px; padding-bottom:9px; margin-left:25px;}

/**/
.scene_main{ overflow: hidden; clear: both; padding:0 30px 10px 80px; border-bottom:1px solid #e6e6e6; margin-bottom:10px;}
.scene_main .conversation-index{font-size: 16px; float: left; line-height: 2;}
.scene_main .scene_top{ /*min-height: 255px;*/ border-bottom: 1px solid #e6e6e6; position: relative; padding-top: 20px; overflow:hidden; clear:both;}
.scene_main .scene_bottom{ min-height: 220px; position: relative; padding-top: 20px; overflow:hidden; clear:both;}
.scene_main .title{ font-weight: normal; font-size: 15px; width: 112px; text-align: center; color: #2775c6;}
.scene_main .scene_content{ float: left; width: 708px;}
/* .scene_main .scene_content  */.robot_scene_msg_del{ padding: 0 20px 0 48px; font-size: 16px; line-height: 32px; border: 1px solid #e4e4e4; background: url(img/sence_del.png) 22px 7px no-repeat; color: #666; border-radius: 6px;}


/**/
.jh_content{ overflow: hidden; clear: both; margin-bottom:15px;}
.wenbeninput{ font-size: 14px; line-height: 30px;}
.wenbeninput label{ float: left; width: 30px;}
.wenbeninput .t{ float: left; width: 60px; font-weight:normal; text-align:right;}
.wenbeninput .text{ float: left; width: 548px; border: 1px solid #e6e6e6; line-height: 18px; padding: 5px 20px; margin-right: 10px; outline:none; border-radius: 6px; color: #666; cursor: pointer;word-wrap: break-word; min-height: 18px;}
.wenbeninput .text.width510{width: 502px;}
.wenbeninput a.del{ background: url(img/sence_del.png) center center no-repeat; width: 18px; height: 30px; float: right;}
.wenbeninput a.del.sortDel{margin-left: 14px;}
.wenbeninput a.sort{width: 16px; height: 30px; line-height: 30px; float: right; color: #8c8c8c; font-size: 26px; cursor: default;}
.wenbeninput a.sort.sortdown{line-height: 34px;}
.wenbeninput a.sort.sortable{color: #2775c6; cursor: pointer; }
.wenbeninput i{ margin-right:5px; float: left; cursor: pointer;}
.wenbeninput span{cursor:pointer;float: left; border: 1px solid #E6E6E6; line-height: 28px; margin-right: 5px; padding: 0 10px;}
.wenbeninput .time{ color: #666;}

/* 时间日期设置对话框 */
.weekSet{ padding:20px; border: 1px solid #e6e6e6; border-radius: 6px; overflow: hidden; clear: both; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); background:#fafafa; z-index:9;}
.weekSet .weekSet_style{width:535px;margin:0 auto;margin-bottom:44px;color:#666;}
.weekSet .weekSet_style .date_btn,.weekSet .dateSet_ret0811 .weektime_btn0811{width:100%;height:39px;line-height:39px;margin-bottom:12px; clear:both; overflow:hidden;}
/* .weekSet .weekSet_style .date_btn a,.weekSet .dateSet_ret0811 .weektime_btn0811 a{width:105px;height:100%;font-size: 17px;color:#fff;background:#22a3ab;border-radius: 8px;display:inline-block;text-align: center;} */
.weekSet .weekSet_style .week_sty{width:100%;height:55px;line-height:55px;}
.weekSet .weekSet_style .week_list li{float:left; margin-right:18px;width:61px;height:100%;}
.weekSet .weekSet_style .week_list li a{width:100%;height:100%;font-size:16px;color:#666;text-align: center;display: inline-block;}
.weekSet .weekSet_style .week_list li.cur a{ color:#fff; background:#2775c6;}
.weekSet_style .week_list .li_last{margin-right:0 !important;}
.weekSet .weekSet_style .week_time,.weekSet .dateSet_ret0811 .date_time0811{margin-top:2px;}
.weekSet .date_list0811 .date_txt,.week_sty .week_txt{font-size:17px;margin:0px 16px 0px 19px;}
.date_list0811 .testdate select,.weekSet .time_sel0811 select{width:80px;height:32px;font-size:15px; border:1px solid #e8e8e8; outline:none;}
.date_list0811 .testdate span,.weekSet .time_sel0811 span{font-size:17px;margin:0px 17px 0px 5px;}
.weekSet .rep_btn{font-size:15px; padding: 16px 0;}
.weekSet .rep_btn span{float: left; line-height: 24px;}
.weekSet .rep_btn .rep_btn_input{width: 15px; height: 24px; background: url(img/checkbox_f.png) left center no-repeat; float: left; margin-left: 8px; margin-right: 6px;cursor: pointer;}
.weekSet .rep_btn .rep_btn_input.cur{background: url("img/checkbox_t.png") left center no-repeat;}

/*动作表情弹出*/
.action_box{ width: 800px; background: #FFFFFF; position: fixed; top: 50%; left: 50%; padding: 50px 100px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); z-index:9;}
.action_box h3{ font-weight: normal; font-size: 18px; color: #666; line-height: 30px; margin-bottom: 20px;}
.action_box i{ font-size:14px;}
.action_box .choice_title{ color: #333; line-height: 22px; clear: both; margin-bottom: 20px;}
.action_box .choice_title i{ font-size: 14px; margin-right: 5px; display: inline-block;}
.action_box .choice_title span{ font-size: 12px; margin-right: 5px; display: inline-block;}
.action_box .choice_title span a{ width: 13px; height: 13px; background: url(img/close.png) 0 0 no-repeat; display: inline-block;}
.action_box .choice_title span a:hover{ background-image:url(img/close_hover.png)}
.action_list{ overflow: hidden; clear: both; width: 100%;}
.action_list li{ border: 1px solid #e6e6e6; width: 78px; height: 28px; line-height: 28px; text-align: center; color: #666666; font-size: 12px; cursor: pointer; border-radius: 6px; float: left; margin-right: 10px; margin-bottom: 10px;}
.action_list li.last{ margin-right: 0;}
.action_list li:hover{ background: #2775c6; color: #fff; border-color: #2775c6;}
.action_list .error_text{ font-size: 13px; line-height: 26px; color: #93bae2; height: 26px;}
.add_custom_action{ position: absolute; right: 90px; top: 50px;}
.custom_action_return{ position: absolute; right: 38px; top: 24px; display: inline-block; background: url("img/custom_action_return20170213.png") no-repeat; width: 15px; height: 13px;}
.action_content{ margin: 10px 0;}
.action_content > ul>li{position: relative; margin-bottom: 10px;}
.action_content > ul>li:after{ content:""; display: block; clear:both; }
.action_content > ul > li .custom_action_content_delete{display: inline-block; background: url("img/close.png") no-repeat center right; width: 13px; height: 13px;
  position: absolute; right: 0; top: 8px;}
.custom_action_type_title{ float: left; line-height: 28px; margin-right: 10px; font-size: 16px;}
.custom_action_type:after{ content:""; display: block; clear:both;}
.custom_action_type>a{float: left; width: 84px; height: 34px; text-align: center;}
.custom_action_select_title{ float: left; margin-right: 8px; line-height: 28px; font-size: 12px;}
.custom_action_select{width: 127px; height: 28px; line-height: 28px; border: 1px solid #c2c2c2; border-radius: 5px; float: left; margin-right: 28px; position:relative; cursor: pointer;}
.custom_action_select.display{border-radius: 5px 5px 0 0;}
.custom_action_display{height: 28px; line-height: 28px; background: url("img/custom_action_select_icon.png") no-repeat center right; margin: 0 16px 0 12px; display: block; font-size: 12px;}
.custom_action_display.down{ background: url("img/custom_action_select_icon_down.png") no-repeat center right;}
.custom_action_select > ul{ border: 1px solid #c9c9c9; border-radius: 0 0 5px 5px; position:absolute; width: 127px; left:-1px; display: none; background: #ffffff; z-index: 1;}
.custom_action_select > ul>li{ }
.custom_action_select > ul>li a{display:block; line-height: 18px; padding: 5px 12px;font-size: 12px;}
.custom_action_select > ul>li a:hover{background: #2775c6;}
.custom_action_unselect{ width: 115px; height: 28px; line-height: 28px; border: 1px solid #c2c2c2; border-radius: 5px; float:left; margin-right: 28px; padding-left: 12px;
  color: #c2c2c2;}
.custom_action_btn{ margin-bottom: 20px;}
.custom_action_btn:after{ content:""; display: block; clear:both;}
.custom_action_btn > a{ float: left; width: 80px; text-align: center;}
.custom_action_line{border-bottom: 1px solid #e6e6e6; margin-bottom: 24px;}
.custom_action_list{}
.custom_action_list > li{float:left; margin-right: 18px; margin-bottom: 8px;}
.custom_action_list > li .custom_action_tag{border: 1px solid #e6e6e6; border-radius: 5px; padding: 6px 16px; margin-right: 4px; display: inline-block;}
.custom_action_list > li .custom_action_tag:hover{background: #2775c6; color: #ffffff;}
.custom_action_list > li.cur .custom_action_tag{background: #2775c6; color: #ffffff;}
.custom_action_list > li .custom_action_delete{ display: inline-block; background: url("img/close.png") no-repeat center right; width: 13px; height: 13px;}
.timeIsNullTip{text-align:left;font-size: 13px;line-height: 26px;color: #2775c6;height: 26px; padding-left: 14px; margin-bottom: 6px;}

/*顺序播放*/
.order_box{ position:relative; width:104px; padding: 0; text-align: center;}
.order_box i{ cursor:pointer;}
.order_box .playorder{ width:100%; position:absolute; left:0px; top:34px; display:none; }
.order_box .playorder li{ float:left; cursor:pointer; background:#fff; /*padding: 0 19px;*/color: #666;font-size: 16px;line-height: 34px;border-radius: 0; border:1px solid #8c8c8c; border-top:0 none; width:102px; text-align: center;}
.order_box .playorder li:hover{background: #2775c6;color: #fff; border-color:#2775c6;}
.order_box:hover{ border-bottom-right-radius:0;border-bottom-left-radius:0;}
.order_box:hover .playorder{ display:block;}
/*同步机器人*/
.col_240{ width: 240px; float: left;margin-bottom: -99999px;padding-bottom: 99999px; background: #F5F5F5;}
.col_460{ width: 460px; float: left;margin-bottom: -99999px;padding-bottom: 99999px; background: #F5F5F5; margin-left: 10px;}
.col_480{ width: 480px; float: left;margin-bottom: -99999px;padding-bottom: 99999px; background: #F5F5F5; margin-left: 10px;}
.search_section{height: 60px;background:#F5F5F5;}
.search_section .search_box{height: 60px;}
.search_section .search_box .input_item{width: 270px; height: 32px; border: 1px solid #e4e4e4; border-radius:6px; margin-top: 14px;margin-right: 5px;}
.search_section .search_box .input_item input{outline:none;border:0; line-height: 32px; width: 270px; background:transparent;padding-left:12px;}
.search_section .search_box .btn_bind{margin-top: 14px; margin-right:36px;}
.search_section .search_box .btn_all_import{position: relative;margin-top: 14px;}
.col_header{height: 53px;line-height:54px;border-bottom: 1px solid #ededed;text-align: center;color: #646464;font-size: 18px;position: relative;}
.btn{float: left;border: 1px solid #e4e4e4;padding: 0 10px;height: 28px;line-height: 28px;border-radius: 6px;background: #ffffff;font-size: 13px;}
.btn-large{padding: 0 16px;height: 32px;line-height: 32px;}
.btn_syned_robot{position: absolute;right: 28px;top: 12px;}
.col_480 .add-robot1130{right: 100px;}
.chosed_scene_list li{text-align:center;cursor:default;}
.chosed_scene_list li span{float:none;}
/*.chosed_scene_list li span:hover{color:#2775c6;}*/
.syned_robot_list li{position:relative; cursor:default; border-bottom: none;}
.syned_robot_list li a:hover{color:#2775c6;}
.syned_robot_list span{padding-left:50px;}
.syned_robot_list .delete, .robot_id_list .delete{position:absolute;right: 50px;top: 20px;display:inline-block;width: 13px;height: 13px;background:url(img/close.png) no-repeat;cursor:pointer;}
.syned_robot_list .delete:hover, .robot_id_list .delete:hover{background:url(img/close_hover.png) no-repeat;}
.btn_robot_id{position:absolute;right: 28px;top: 12px;}
.commentTitle{position: absolute; right: 230px; top: 12px; font-size: 15px; line-height: 32px;}
.col_header .checkall{margin:0;}
.col_header .checkall{width: 70px;    cursor: pointer;}
.col_header .checkall span{width: 70px;}
.robot_id_list li{position:relative; cursor:default; padding: 12px 0;}
.robot_id_list li span{line-height: 30px;}
.robot_id_list li a.status{float: left;width: 60px; padding-left: 39px;font-size: 14px;color: #666;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.robot_id_list li span.comment{width: 74px; padding-left: 10px; height: 30px;}
.robot_id_list li a.editComment{float: left; width: 16px; height: 30px; line-height: 30px; background: url("img/edit_comment.png") no-repeat center center; margin-left:16px;}
.robot_id_list .delete{right: 20px;}
.robot_id_list .btn{margin-left: 9px;}
/*批量导入*/
.search_section .file{width: 86px;height:36px;position: absolute;z-index: 100;font-size: 36px;opacity: 0;filter: alpha(opacity=0);right: 0;top: 0;cursor: pointer;}
.search_section .btn_all_import{cursor: pointer;position: absolute;left: 0;top: 0;}
/*loading*/
@-webkit-keyframes ball-spin-fade-loader{50%{opacity: 0.3; -webkit-transform: scale(0.4); transform: scale(0.4);} 100%{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} }
@keyframes ball-spin-fade-loader{50%{opacity: 0.3; -webkit-transform: scale(0.4); transform: scale(0.4);} 100%{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} }
.ball-spin-fade-loader{position:fixed;z-index:10; width:50px; height:50px; top:50%;left:50%;margin-left:-25px;margin-top:-25px;}
.ball-spin-fade-loader > div:nth-child(1){top: 25px; left: 0; -webkit-animation: ball-spin-fade-loader 1s 0s infinite linear; animation: ball-spin-fade-loader 1s 0s infinite linear;}
.ball-spin-fade-loader > div:nth-child(2){top: 17.04545px; left: 17.04545px; -webkit-animation: ball-spin-fade-loader 1s 0.12s infinite linear; animation: ball-spin-fade-loader 1s 0.12s infinite linear;}
.ball-spin-fade-loader > div:nth-child(3){top: 0; left: 25px; -webkit-animation: ball-spin-fade-loader 1s 0.24s infinite linear; animation: ball-spin-fade-loader 1s 0.24s infinite linear;}
.ball-spin-fade-loader > div:nth-child(4){top: -17.04545px; left: 17.04545px; -webkit-animation: ball-spin-fade-loader 1s 0.36s infinite linear; animation: ball-spin-fade-loader 1s 0.36s infinite linear;}
.ball-spin-fade-loader > div:nth-child(5){top: -25px; left: 0; -webkit-animation: ball-spin-fade-loader 1s 0.48s infinite linear; animation: ball-spin-fade-loader 1s 0.48s infinite linear;}
.ball-spin-fade-loader > div:nth-child(6){top: -17.04545px; left: -17.04545px; -webkit-animation: ball-spin-fade-loader 1s 0.6s infinite linear; animation: ball-spin-fade-loader 1s 0.6s infinite linear;}
.ball-spin-fade-loader > div:nth-child(7){top: 0; left: -25px; -webkit-animation: ball-spin-fade-loader 1s 0.72s infinite linear; animation: ball-spin-fade-loader 1s 0.72s infinite linear;}
.ball-spin-fade-loader > div:nth-child(8){top: 17.04545px; left: -17.04545px; -webkit-animation: ball-spin-fade-loader 1s 0.84s infinite linear; animation: ball-spin-fade-loader 1s 0.84s infinite linear;}
.ball-spin-fade-loader > div{background-color: #2775c6; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute;}


/**/
.light_area{ width: 100%; clear: both; color: #666;}
.light_area i{ float: left; margin-right: 10px; line-height: 30px; height:30px; font-size: 12px;}
.light_area .num{ line-height: 30px; height:30px; float: left; width: 80px; border: 1px solid #e6e6e6; height: 28px; position: relative; margin-right: 20px;}
.light_area .num span{ line-height: 30px; height:30px; display: block; padding-right: 13px; line-height: 28px; background: url(img/search_down.png) right center no-repeat; text-align: center; margin-right: 10px; cursor: pointer;}
.num_list{ display:none; position: absolute; left: -1px; top: 30px; width: 80px; overflow: hidden; clear: both; border: 1px solid #e6e6e6; border-top:0 none; background: #fff;}
.num_list li{ float: left; width: 100%; text-align: center; height: 28px; border-bottom: 1px solid #e6e6e6; cursor: pointer;}
.num_list li:hover{ background:#2775c6; color:#fff;}
.options{ float: left;}
.options .opt_list{ overflow: hidden; clear: both;}
.options .opt_list li{ float: left; width: 30px; margin-right: 20px; padding-left: 20px; cursor: pointer; background: url(img/checkbox_c_f.png) left center no-repeat; font-size:14px; line-height:30px;}
.options .opt_list li.cur{ background-image: url(img/checkbox_c_t.png);}

.machine{ overflow: hidden; clear: both;}
.machine .btn_1130{ background: url(img/select_f.png) 0 50% no-repeat; width: 44px; height: 30px; display: block; cursor: pointer;}
.machine .cur{ background: url(img/select_t.png) 0 50% no-repeat; width: 44px; height: 30px; display: block; cursor: pointer;}
/*根据id查询表格*/
.search-list1201{background-color: #fff;}
.search-list1201 tr .scene1201,.search-list1201 tr .project1201{cursor: pointer;}
.search-list1201 .tr1201:hover,.search-list1201 tr.cur-tr1201,.project_list .tr1201:hover{background-color: #F5F5F5;}
.search-list1201 tr td span{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.search-list1201 tr td span.time{width: 325px;}
.search-list1201 tr td span.name{width: 334px;}
.search-list1201 tr td span.operation{width: 195px;}
.search-list1201 tr td span.operation .release-sync1201{display:inline-block;vertical-align: middle; width: 100px;height:34px;line-height: 34px;font-size: 15px;color: #646464;text-align: center;background-color: #F5F5F5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.search-list1201 tr td span.operation .release-sync1201:hover,.project_list tr td span.operation .sync-cur1201{color:#ffffff;background-color: #2775c6;}
.search-list1201 .tr1201:hover td span.operation .release-sync1201,.search-list1201 tr.cur-tr1201 td span.operation .release-sync1201{color:#ffffff;background-color: #2775c6;}
/*消息提示框*/
.info-mask1201{ position: fixed; overflow:hidden; width:200px; padding:40px 40px 0px 40px;}
/* .info-mask1201  h3{position: relative;font-size:16px;line-height: 40px;padding-left: 20px;background-color: #F5F5F5;margin-bottom: 40px;} */
.info-mask1201 .close1201{position: absolute;right: 10px;top: 5px;display: block;width: 30px;height: 30px;background: url("img/close.png") center center no-repeat; cursor: pointer;}
.info-mask1201 .del_title{font-size: 14px;color: #232020;line-height: 20px;}
.info-mask1201 .alert_btn{margin: 20px 0;}
.info-mask1201 .alert_btn a{float: right;}
.info-mask1201 .alert_btn a.sure-btn1201{color: #ffffff;background-color: #2775c6;}
.info-mask1201 .alert_btn a:nth-child(1){color: #666;background-color: #f5f5f5;}


.jh_more{ width: 800px; background: #FFFFFF; position: fixed; top: 50%; left: 50%; padding: 50px 100px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); z-index:2;}
.jh_more_cover{background: #000; opacity: 0.4; filter:alpha(opacity=40); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index:1;}
.jh_more .jh_more_close{ background:url(img/close.png) center center no-repeat; width:18px; height:18px; display:block; position:absolute; right:30px; top:30px;}
.jh_more .jh_more_close:hover{ background-image:url(img/close_hover.png)}
.jh_more_btn_list{ overflow:hidden; clear:both;}
.jh_more_span{line-height: 34px;  font-size: 16px;  padding-left: 20px;}
.jh_more_input{height: 34px;  line-height: 34px;  font-size: 16px;  width: 50px;  outline: none;  border: 1px solid #e6e6e6; padding:0 5px;}
.jh_more_save{ position: absolute; right: 90px; top: 50px;}

/*------*/
.slider_box{ width: 602px; padding: 50px 99px 20px 150px; clear:both; position:relative;}
#slider{ width:600px; position:relative;}
#slider.ui-slider{border-radius: 5px;background: transparent;border: 1px solid #666;height: 10px;}
#slider .ui-slider-handle{border-radius: 23px;height: 16px;width: 7px;top: -4px;margin-left: -4px;border: 1px solid #fffaf7; z-index:20;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background: blue;}
#slider .ui-slider-pip{top: -1px; z-index:5; height:12px;}
#slider .ui-slider-pip.ui-slider-pip-last , #slider .ui-slider-pip.ui-slider-pip-first{top: -7px;}
#slider .ui-slider-pip.ui-slider-pip-last .ui-slider-line , #slider .ui-slider-pip.ui-slider-pip-first .ui-slider-line{display: none;}
#slider .ui-slider-pip.ui-slider-pip-last .ui-slider-label{left: 22px;margin: 0; font-size:14px;}
#slider .ui-slider-pip.ui-slider-pip-first .ui-slider-label{left:-32px;margin: 0; font-size:14px;}
#slider .ui-slider-pip .ui-slider-line{ top:4px;}
.num_box{width: 600px; clear: both; position: absolute; height: 10px; left:150px; top:50px; z-index:10; border: 1px solid transparent; margin-bottom:10px;}
.num_box span{position: absolute; left: 0px; top: 0px; display: block;height:10px; color: #000; cursor: pointer;}
/*.num_box span:nth-of-type(odd){background: #2775c6;}*/
/*.num_box span:nth-of-type(even){background: #93bae2;}*/
.ui-button{display: inline-block;width: 100px;height: 30px;border: 1px solid #eee;border-radius: 4px;line-height: 30px;text-align: center; font-size:16px;}
.ui-delete{float: right;}
.ui-slider-pips .ui-slider-pip-selected-1{color: #2775c6;}
.slider_box .media_box{ position:absolute; right:0px; top:0px; width:50px;height:20px; line-height:20px;font-size:14px; background:red;}
.timeTips{color: #ff0000;padding-left: 10px; font-size:14px;}
.more_audio_explain{float: left; width: 25px; height: 25px; background: url("img/explain_normal.png") no-repeat; margin-top: 4px;}
.more_audio_explain:hover{background: url("img/explain_press.png") no-repeat;}
.more_audio_explain_content{display:none; float: left; line-height: 34px; color: #2775c6; margin-left: 4px;font-size: 14px;}
.more-img-list{float:left; width: 200px;}
.more-img-list > li{  max-width: 190px; color: #8c8c8c; font-size: 14px; line-height: 24px; padding: 4px 0;overflow: hidden;}
.more-img-list > li span{float: left; width: 172px; text-overflow: ellipsis;overflow: hidden; height: 24px;}
.more-img-list > li .more-delete-img{background:url(img/close.png) center center no-repeat; width:18px; height:18px; display:inline-block; float: left; margin-top: 3px;}
.more-img-upload{ width: 72px; height: 72px; background: url("img/more-img-upload20170627.png") no-repeat center center; cursor:pointer; display: inline-block;margin-right: 12px; background-size: contain;}
.timeAxis i{float: left; margin-right: 10px; line-height: 34px; font-size: 14px;}
.timeAxis .time{ line-height: 34px; height:32px; float: left; width: 80px; border: 1px solid #e6e6e6; position: relative; margin-right: 20px;}
.timeAxis .time span{  height:34px; display: block; padding-right: 13px; line-height: 32px; background: url(img/search_down.png) right center no-repeat; text-align: center; margin-right: 10px; cursor: pointer;font-size: 14px;}
.time_list{ display:none; position: absolute; left: -1px; top: 34px; width: 80px; overflow: hidden; clear: both; border: 1px solid #e6e6e6; border-top:0 none; background: #fff; z-index: 1;}
.time_list li{ float: left; width: 100%; text-align: center; height: 28px; border-bottom: 1px solid #e6e6e6; cursor: pointer; line-height: 28px;}
.time_list li:hover{ background:#2775c6; color:#fff;}
.slider_box .slider-move-left{width: 24px; height: 24px; display: inline-block; background: url("img/time-axix-left.png") no-repeat center;  position: absolute; left: 38px; top: 45px;}
.slider_box .slider-move-right{width: 24px; height: 24px;  display: inline-block;background: url("img/time-axix-right.png") no-repeat center;  position: absolute; left: 70px; top: 45px;}
.slider_box i{font-size: 14px;  position: absolute;  left: 0px; top: 45px; line-height: 24px;}

.dance li{float: left; width: 190px;background: url(img/checkbox_c_f.png) left center no-repeat;line-height: 18px; padding: 5px 0 5px 20px; font-size: 14px; cursor: pointer;}
.dance li.cur{background-image: url(img/checkbox_c_t.png);}
.plumb li{background: url(img/checkbox_c_f.png) left center no-repeat;line-height: 18px; font-size: 14px; cursor: pointer;line-height: 18px; padding: 5px 0 5px 20px;}
.plumb li.cur{background-image: url(img/checkbox_c_t.png);}
.plumbtip{ line-height: 18px; padding: 5px 0 5px 2px; color: #93bae2;}

.export-block{display: inline-block; margin: 0 50px;}
.tubiao{display: block; width: 70px; height: 70px; margin: 0 auto;}
.tubiao.zip{background: url("img/export-zip.png") no-repeat center;}
.tubiao.excel{background: url("img/export-excel.png") no-repeat center;}
.tubiao-text{margin-top: 10px; display: block; text-align: center; width: 110px; font-size: 15px;}
.export-block:hover .zip{background: url("img/export-zip-hover.png") no-repeat center;}
.export-block:hover .excel{background: url("img/export-excel-hover.png") no-repeat center;}
.export-block:hover .tubiao-text{color: #2775c6;}
.close0822{position: absolute;right: 10px;top: 5px;display: block;width: 30px;height: 30px;background: url("img/close.png") center center no-repeat; cursor: pointer;}

.mouse_box{height: 100px; padding: 1px;}
.mouse_left{ width: 260px;}
.mouse_left img{width: 100%;}
.mouse_right{margin-left: 30px;}
.mouse_right .mouse_list{overflow: hidden;}
.mouse_right input{display: none;}
.mouse_right .mouseRadio{width: 15px; height: 30px; background: url(img/checkbox_f.png) left center no-repeat; float: left; margin-left: 15px; margin-right: 15px; cursor: pointer;}
.mouse_right .mouseRadio.cur{ background-image: url(img/checkbox_t.png);}
.mouse_right p{line-height: 30px; font-size: 14px;}