/**
* 通用CSS
* @author 梦幻(qwerty) <guoyyyy@qq.com>
* Date 2015-5-13
*/
@charset "utf-8";
::selection{ background:#6ecb25;color:#fff}
*{margin:0px; padding:0px;}
img{border:none;}
.fl { float:left !important; }
.fr { float:right !important; }
.cl{width:100%; clear:both; float:left;}
.cl97{ width: 97%; float: left; clear: both; margin-left: 1.5%;}
.wc{width:100%; clear:both;}
table{border-collapse:collapse;border-spacing:0;}
ul,li{list-style:none;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
body{font-size:12px; color:#333333; margin:0px auto; font-family: "Microsoft YaHei"; }
input,select{ font-family: "Microsoft YaHei";}
.tc,.center{ text-align:center;}
.align_right{ text-align: right;}

.nobold{ font-weight: normal;}

.inline-block{ display: inline-block !important;}
.text-indent0{ text-indent: 0px !important;}

.col000{ color: #000 !important;}
.col333{ color: #333 !important;}
.col666{ color: #666 !important;}
.col999{ color: #999 !important;}

.size_10{ font-size: 10px;}
.size_12{ font-size: 12px;}
.size_14{ font-size: 14px;}
.size_16{ font-size: 16px;}
.size_18{ font-size: 18px;}
.size_20{ font-size: 20px;}
.size_22{ font-size: 22px;}

.wd20{ width: 20px !important;}
.wd30{ width: 30px !important;}
.wd50{ width: 50px !important;}
.wd80{ width: 80px !important;}
.wd100{ width: 100px !important;}
.wd180{ width: 180px !important;}
.wd200{ width: 200px !important;}
.wd300{ width: 300px !important;}
.wd700{ width: 700px !important;}

.ht100{ height: 100px !important;}
.ht150{ height: 150px !important;}
.ht200{ height: 200px !important;}
.ht400{ height: 400px !important;}

.pointer{ cursor: pointer;}

.dashed_line{ border-top: 1px dashed #ccc;}
.none{ display: none;}

a{ color:#333; text-decoration:underline;}
a:hover{ text-decoration:underline; color: #6ecb25;}

.mt_2{ margin-top:2px;}
.mt_3{ margin-top:3px;}
.mt_5{ margin-top:5px;}
.mt_7{ margin-top:7px;}
.mt_8{ margin-top:8px;}
.mt_10{ margin-top:10px;}
.mt_15{ margin-top:15px;}
.mt_20{ margin-top:20px;}
.mt_30{ margin-top:30px;}

.mb_2{ margin-bottom:2px;}
.mb_3{ margin-bottom:3px;}
.mb_5{ margin-bottom:5px;}
.mb_10{ margin-bottom:10px;}
.mb_15{ margin-bottom:15px;}
.mb_20{ margin-bottom:20px;}
.mb_30{ margin-bottom:30px;}
.mb_50{ margin-bottom:50px;}
.mb_100{ margin-bottom:100px;}
.mb_200{ margin-bottom:200px;}

.mr_2{ margin-right:2px;}
.mr_3{ margin-right:3px;}
.mr_5{ margin-right:5px;}
.mr_10{ margin-right:10px;}
.mr_15{ margin-right:15px;}
.mr_20{ margin-right:20px;}

.ml_2{ margin-left:2px;}
.ml_3{ margin-left:3px;}
.ml_5{ margin-left:5px;}
.ml_10{ margin-left:10px;}
.ml_15{ margin-left:15px;}
.ml_20{ margin-left:20px;}
.ml_100{ margin-left:100px !important;}
.ml_130{ margin-left:130px !important;}
.ml_180{ margin-left:180px !important;}
.ml_200{ margin-left:200px !important;}
.ml_300{ margin-left:300px !important;}


.bg_grey{ background: #808080 !important;}
.bg_fff{ background: #fff !important;}

.red{ color: #c00 !important;}
.gray{  color: #868686 !important;}
.grey{  color: #868686 !important;}
.green{  color: green !important;}
.yellow{ color: #ffff00 !important;}
.gold{ color: #fced00 !important;}
.orange{ color: #d4690d !important;}


body{ float: left; width: 100%; height: 100%;}
.wd1200{ width: 970px; margin: 0px auto; clear: both; float: left;}/* iframe中调用 */
.old_wd1200{ width: 1200px; margin: 0px auto; clear: both;}/* iframe外调用 */
.top{ height: 63px; border-bottom: 2px solid #6bcd00; background: #FFFFFF; margin-bottom: 37px;} /*border-bottom: 1px solid #e6e6e7;*/
.top .top_info{ height: 30px; line-height: 30px; font-size: 14px; margin-top: 13px;}
.top .top_info a{ float: left; color: #666666; margin-left: 20px; text-decoration: none;}
.top .top_info a.logout_btn{ color: #df4800;}
.top .top_info a.logout_btn img{ width: 20px; float: left; margin-top: 6px; margin-right: 2px;}
.top .top_info a.logout_btn span{ float: left;}
/*top css end*/

.footer{ padding: 24px 0; color: #f1f1f1; text-align: center; margin-top: 90px; background-color: #b8b9b9;}
/*footer css end*/

.submit{ min-width: 126px; padding-left: 6px; padding-right: 6px; height: 30px; cursor: pointer; line-height: 30px; float: left; text-align: center; border: none; background: #6bcd00;  color: #FFFFFF; font-size: 15px; font-weight: 500; border-radius: 5px;}
.reset{ min-width: 126px; padding-left: 6px; padding-right: 6px; height: 30px; cursor: pointer; margin-top: 20px; line-height: 30px; text-align: center; float: left; border: none; background: #bbbbbb;  color: #FFFFFF; font-size: 15px; font-weight: 500; border-radius: 5px;}

.out_right{ float: left; width: 968px; min-height: 920px; background: #fff;}

.con_box{ /*border: 1px solid #e6e6e7;*/ background: #FFFFFF; position: relative; min-height: 920px;}
.con_box .left{ width: 230px;padding-top:20px;float: left; background: #FFFFFF; border-right: 1px solid #e6e6e7; height: 100%; min-height: 900px;}
.left ul li{ float: left; clear: both; width: 100%;}
.left ul li .first{ float: left; width: 100%; clear: both; font-size: 14px; text-decoration: none; color: #929292; height: 34px; line-height: 35px; overflow: hidden;}
.left ul li .first i{ float: left; margin-left: 28px; width: 16px; height: 16px; margin-top: 10px; margin-right: 12px; background: url("../images/device_icon.png") no-repeat top center; background-size: 100% auto;}
.left ul li i.store_icon{ background: url("../images/appointment_normal.png") no-repeat top center; background-size: 100% auto;}
.left ul li i.device_icon{ background: url("../images/device_normal.png") no-repeat top center; background-size: 100% auto;}
.left ul li i.order_icon{ background: url("../images/oder_normal.png") no-repeat top center; background-size: 100% auto;}
.left ul li i.money_icon{ background: url("../images/financial_normal.png") no-repeat top center; background-size: 100% auto;}
.left ul li i.user_icon{ background: url("../images/user_icon.png") no-repeat top center; background-size: 100% auto;}
.left ul li i.view_icon{ background: url("../images/view_icon.png") no-repeat top center; background-size: 100% auto;}
.left ul li i.lock_icon{ background: url("../images/user_02_icon.png") no-repeat top center; background-size: 100% auto;}
.left ul li i.after_sale_icon{ background: url("../images/after-sales_normal.png") no-repeat top center; background-size: 100% auto;}
.left ul li i.four_icon{ background: url("../images/device_icon.png") no-repeat top center; background-size: 100% auto;}
.left ul li .first span{ float: right; width: 15px; height: 15px; margin-top: 10px; margin-right: 30px; background: url("../images/left_close_icon.png") no-repeat top center; background-size: 100% auto;}
.left ul li a.first span{ display: none;}
.left ul li .li_son a{ float: left; width: 75%; padding-left: 25%; text-decoration: none; clear: both; font-size: 14px; color: #929292;/* height: 34px;*/ line-height: 35px;}
.left ul li a:hover{ background: #e2e3e6;}
.left ul li a.hover{ background: #6ecb25; color: #FFFFFF;}
/*left css end*/

.right{ float: left; width: 969px; min-height: 920px; background: #fff;}
.brand_nav{ height: 23px; line-height: 23px; padding-top: 18px; padding-bottom: 18px; border-bottom: 1px solid #e6e6e7; color: #555555;}
.brand_nav img{ height: 18px; float: left; margin-top: 2px; margin-left: 25px;}
.brand_nav span,.brand_nav font{ float: left; margin-left: 5px;}

.search_box{ margin-bottom: 15px; color: #555555;}
.search_box li{ float: left; white-space: nowrap; margin-top: 15px; width: 23%; margin-left: 1%; margin-right: 1%;}
.search_box li .se_left{ width: 75px; text-align: right; float: left; padding-right: 3px; line-height: 27px;}
.search_box li .input{ outline: none; border: 1px solid #cccccc; width: 132px; text-indent: 4px; float: left; height: 27px; line-height: 27px;}
.search_box li .select{ outline: none; border: 1px solid #cccccc; width: 132px; text-indent: 4px; float: left; height: 29px; line-height: 29px;}
.search_right_box{ float: right; margin-top: 15px; margin-right: 20px;}

.submit{ float: left; min-width: 96px; padding-left: 6px; padding-right: 6px; border-radius: 3px; margin-right: 10px;}
.export{ padding: 0px 6px; height: 30px; min-width: 96px; line-height: 30px; font-size: 15px; text-align: center; background: #bfd028; text-decoration: none; border-radius: 3px; color: #FFF; outline: none; border: none; cursor: pointer; float: left;}
.export:hover{ text-decoration: none; color: #fff;}

.search_label_box{ margin-top: 20px; float: left;}
.search_label_box label{ float: left; margin-left: 35px;}
.search_label_box label input{ float: left; margin-top: 3px; margin-right: 2px;}
/*search css end*/

.table_box{ float: left; width: 95%; clear: both; padding-left: 2.5%; padding-right: 2.5%; background-color: #fff;}
.table_box tr{ height: 35px; line-height: 35px;}
.table_box tr th{ background: #dadcd8;}
.table_box tr td,.table_box tr th{ text-indent: 5px; text-align: center; border: 1px solid #e6e6e8; display: table-cell; line-height: 18px;}
.table_box tr .checkbox{ margin-left: 7px;}
/*table css end*/

.page_box{ margin-top: 15px; margin-bottom: 15px;}
.page_box .page_box2{ float: right;}
.page_box2 a{ float: left; padding: 4px 8px; border-radius: 3px; border: 1px solid #6ecb25; margin-left: 10px;}
.page_box2 a:hover{ background: #e2e3e6;}
.page_box2 a.next,.page_box2 a.pre,.page_box2 a.hover{ background: #6ecb25; color: #FFFFFF;}
.page_box2 font{ float: left; padding-top: 5px; padding-left: 8px; padding-right: 8px; }
.pager_count_text{ float: left; margin-left: 2px;}
/*pager css end*/

.daosanjiao{ width: 0px; height: 0px; border-top: 12px solid #333; border-left: 6px solid transparent; border-right: 6px solid transparent; display: inline-block;}

.add_box{ width: 95%; padding-left: 2.5%; padding-right: 2.5%; background: #fff; margin-top: 30px; float: left; clear: both;}
.add_box .add_tt{ height: 55px; line-height: 55px; text-align: center; background: #e4e5e3; font-size: 18px; font-weight: bold; color: #333333;}
.add_box .add_tt a{ color: #333; text-decoration: none;}
.add_form_box{ font-size: 14px; background: #FFF; padding-bottom: 20px;}
.add_form_box table{ width: 650px; float: left; clear: both; margin-left: 124px; margin-top: 20px; color: #555555;}
.add_form_box td{ height: 29px; line-height: 27px; padding: 10px 2px; width: 50%;}
.add_form_box td .tip_msg{ color: #999999;}
.add_form_box .readonly{ color: #999;}
.add_form_box .auto_take{ float: left; margin-left: 5px; color: #999;}
.add_form_box td .td_left{ margin-right: 10px; float: left; width: 100px; text-align: right;}
.add_form_box .input.date{ cursor: pointer;}
.add_form_box .input,.add_form_box .select{ border: 1px solid #cccccc; outline: none; float: left; outline: none; height: 27px; line-height: 27px; text-indent: 3px; width: 160px;}
.add_form_box .select{ height: 29px; line-height: 29px;}
.add_form_box .submit{ margin-top: 20px; margin-left: 120px; height: 30px; line-height: 30px;}
.add_form_box .reset{ width: 126px; height: 30px; cursor: pointer; margin-top: 20px; line-height: 30px; text-align: center; float: left; margin-left: 35px; border: none; background: #bbbbbb;  color: #FFFFFF; font-size: 15px; font-weight: 500; border-radius: 5px;}
.add_form_box .textarea{ width: 482px; padding-left: 3px; line-height: 22px; float: left; height: 100px; border: 1px solid #cccccc; outline: none;}
.add_form_box .form_line{ border-bottom: 1px dashed #CCC; height: 10px;}
.add_form_box .form_line td{ height: 0px; padding: 0px;}
.add_form_box .form_line2{ height: 10px;}
.add_form_box .form_line2 td{ height: 0px; padding: 0px;}
/*add box css end*/

.edit_icon{ width: 17px; height: 17px; display: inline-block; background: url("../images/edit_icon.png") no-repeat; background-size: 100%;}
.edit_icon:hover{ background: url("../images/edit_icon_hover.png") no-repeat; background-size: 100%;}

.view_icon{ width: 17px; height: 17px; display: inline-block; background: url("../images/view_icon.png") no-repeat; background-size: 100%;}
.view_icon:hover{ background: url("../images/view_icon_hover.png") no-repeat; background-size: 100%;}

.device_type_box{ float: left; margin-left: 400px; height: 30px; width: 500px; margin-top: 20px; clear: both;}
.device_type_box label{ float: left; margin-right: 15px;}
.device_type_box input{ float: left; margin-top: 2px;}
.device_type_box span{ float: left; margin-top: 0px;}

.store_table .th1,.store_table .td1{ width: 25%;}
.store_table .th2,.store_table .td2{ width: 25%; text-align: center;}
.store_table .td2 a{ text-decoration: underline;}

.store_table .td2 span{ margin-left: 205px; float: left; margin-top: 4px; text-indent: 0px;}
.store_table .td2 i{ float: left; margin-left: 3px; font-style: normal; margin-top: 4px; text-indent: 0px;}
/*.store_table .td2 i{ margin-left: 5px; float: left; margin-top:7px; width: 18px; height: 19px; background: url("../images/store_appoint_btn.png") no-repeat;}
.store_table .td2:hover i{ background: url("../images/store_appoint_btn_hover.png") no-repeat;}*/

.add_tt{ position: relative;}
.switch_type{ position: absolute; z-index: 9999; left: 405px; top: 70px; width: 140px; border: 1px solid #cccccc; background-color: #f3f3f3;}
.switch_type .shangsanjiao{ width: 15px; height: 15px; position: absolute; background-color: #f3f3f3; left: 78px; top: -8px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.switch_type li{ float: left; width: 100%; overflow: hidden; clear: both; text-indent: 30px; text-align: left; height: 50px; line-height: 50px; font-weight: normal; font-size: 16px; border-bottom: 1px solid #ccc;}
.switch_type li a{ float: left; width: 100%; clear: both; overflow: hidden;}
.switch_type li.bt_none{ border-bottom: none;}
.switch_type li.hover{ color: #72cf1b; background: url("../images/gou_hover.png") no-repeat 110px center;}
.switch_type li.hover a{ color: #72cf1b;}

/* 下拉国家 */
.country_box{ width: 162px; float: left; position: relative;}
.country_box ul{ position: absolute; top: 29px; left: 0px; z-index: 11; right: 0px; height: 160px; overflow-x: hidden; overflow-y: scroll; background: #fff; border: 1px solid #799bd2; border-top: none;}
.country_box ul li{ width: 100%; float: left; line-height: 27px; margin-top: 0px; margin-bottom: 0px; clear: both; cursor: pointer; text-indent: 5px;}
.country_box ul li:hover{ background: #1e90ff; color: #FFF;}

.select_country_box,.select_return_box{ float: left; line-height: 25px; clear: both;}
.select_country_box span,.select_return_box span{ float: left; border: 1px solid #cccccc; margin-right: 10px; padding-left: 3px; margin-top: 2px; margin-bottom: 6px;}
.select_country_box i,.select_return_box i{ font-style: normal; font-size: 16px; cursor: pointer; height: 25px; line-height: 25px; border-left: 1px solid #ccc; float: right; padding-right: 2px; padding-left: 4px; margin-left: 4px;}

.package_more_box{ position: relative; float: left; width: 100%; height: 100%;}
.package_more_box .minfo_box{ display: none; position: absolute; z-index: 888; left: -30%; top: 23px; text-align: left; width: 235px; padding:8px; background: #cdcdcd; border-radius: 6px; line-height: 22px;}
.package_more_box .top_triangle{ position: absolute; top: -8px; width: 16px; height: 16px; left: 45%; background: #cdcdcd; transform: rotate(45deg);}
.package_more_box .minfo_box p{ float: left; width: 100%; clear: both; text-indent: 0px;}

/*列表页 国家下拉*/
.table_box .daosanjiao{ width: 0px; height: 0px; margin-left: 3px; cursor: pointer; border-top: 8px solid #333; border-left: 4px solid transparent; border-right: 4px solid transparent; display: inline-block;}
.xiala_td{ position: relative;}
.xiala_td .show_more{ border: 1px solid transparent;}
.xiala_td .xiala_box{ position: absolute; z-index: 1000; float: left; top: 0px; left: 0px; right: 0px; height: 33px; overflow: hidden;}
.xiala_td .xiala_box span{ float: left; width: 100%; clear: both; background: #FFF; height: 25px; line-height: 25px;}
.xiala_td .xiala_box span.first_show{ height: 34px; line-height: 34px;}

/*预警*/
.sim_ss_box{ float: left; margin-top: 15px; margin-left: 25px;}
.td_checkbox{ float: left; margin-left: 10px; margin-top: 4px;}
.td_checkbox_right{ float: left; margin-left: 1px; text-indent: 0px;}
.sim_start_btn{ width: 86px; text-decoration: none; height: 30px; margin-right: 15px; cursor: pointer; line-height: 30px; float: left; text-align: center; border: none; background: #bfd028;  color: #FFFFFF; font-size: 15px; font-weight: 500; border-radius: 4px;}
.sim_start_btn:hover{ color: #FFF;}
.sim_stop_btn{ width: 86px; height: 30px; text-decoration: none; cursor: pointer; line-height: 30px; float: left; text-align: center; border: none; background: #ed7401;  color: #FFFFFF; font-size: 15px; font-weight: 500; border-radius: 4px;}
.sim_stop_btn:hover{ color: #FFF;}
.sim_syn_btn{ width: 86px; text-decoration: none; height: 30px; margin-left: 15px; cursor: pointer; line-height: 30px; float: left; text-align: center; border: none; background: #bfd028;  color: #FFFFFF; font-size: 15px; font-weight: 500; border-radius: 4px;}
.sim_syn_btn:hover{ color: #FFF;}

/*table上标题*/
.table_top_tt{ margin-top: 30px; font-size: 14px; background: #dadcd8; height: 30px; line-height: 30px; text-indent: 10px;}

.add_form_box table.one_table{ margin-left: 200px; width: 580px;}
.add_form_box table.one_table td{ margin-left: 200px; width: 100%;}
.add_form_box table .submit{ margin-left: 60px; height: 37px; line-height: 37px; background: #6bcc00;}
.add_form_box table .reset{ margin-left: 40px; height: 37px; line-height: 37px;}

.btn_tr a{ float: left; padding: 5px 22px; font-size: 13px; border-radius: 4px; font-weight: normal; text-align: center; font-weight: bold;}
.btn_tr a.batch_import_btn{ background: #bfd028; color: #FFF; margin-left:120px;}
.btn_tr a.import_tpl_btn{ background: #d7d2d9; color: #e8750a; margin-left: 30px;}
.add_form_box td .td_left{ width: 170px;}
.sim_type_tr{ display: none;}

.add_form_box table.two_table{ width: 770px; margin-left: 80px;}


/* tip content css */
.socket_tip_box{ position: fixed; z-index: 9999; width: 287px; right: 12px; font-size: 12px; bottom: 0px; overflow: hidden; background: #fff; box-shadow: -2px 0px 2px #c9c9c9; border-radius: 3px 3px 0px 0px;}
.socket_tip_box2{ float: left; width: 285px; box-shadow: 2px 0px 2px #c9c9c9;}
.socket_tip_box .stip_tt{ width: 100%; height: 35px; line-height: 35px; overflow: hidden; float: left; clear: both; background: #6ecb25; border-radius: 3px 3px 0px 0px;}
.socket_tip_box .stip_tt font{ float: left; color: #fff; font-size: 14px; margin-left: 5px;}
.socket_tip_box .stip_tt img.stip_logo{ float: left; height: 20px; margin-top: 7px; margin-left: 5px;}
.socket_tip_box .stip_tt img.stip_close_btn{ float: right; height: 13px; margin-top: 8px; margin-right: 7px;}

.socket_tip_box .stip_content{ float: left; color: #333; width: 92%; padding-left: 4%; padding-right: 4%; clear: both; padding-top: 35px; padding-bottom: 35px;}
.socket_tip_box .stip_content p{ float: left; width: 100%; clear: both; line-height: 20px; margin-bottom: 5px;}
.socket_tip_box .stip_content p span.sc_50{ float: left; width: 50%;}
.socket_tip_box .stip_content p span.sc_100{ float: left; width: 100%; clear: both;}
.socket_tip_box .stip_bottom{ float: left; width: 100%; clear: both; height: 30px; line-height: 30px; background: url("../images/stip_bottom_line.png") no-repeat top left;}
.socket_tip_box .stip_bottom a.view_btn{ float: right; text-decoration: none; line-height: 30px; margin-right: 10px; color: #001a2e;}

/* swf_upload css */
.upimage_box .fileupload-new{ width: 200px; height: 150px;}
.thumbnail{ max-width: 200px; max-height: 150px; line-height: 20px; overflow: hidden; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out;}
.thumbnail > img, .thumbnail a > img { margin-right: auto; margin-left: auto; vertical-align: middle; display: block; max-width: 100%; height: auto;}
.upimage_box .btn-file{ position: relative; border-radius: 2px; float: left; cursor: pointer; clear: both; margin-top: 10px; background: #e8e8e8; text-shadow: 0 1px 1px rgba(255,255,255,0.75); overflow: hidden; padding: 4px 12px; border: 1px solid #ccc; }
.upimage_box .btn-file input{ position: absolute; left: 0px; cursor: pointer; top: 0px; bottom: 0px; right: 0px; opacity: 0;}
.upimage_box .fileupload-exists,.upimage_box .fileupload-edit,.upimage_box .fileupload-del{ display: none;}
.upimage_box .fileupload-del{ float: left; margin-top: 10px; margin-left: 5px; border-radius: 2px; background: #e8e8e8; text-shadow: 0 1px 1px rgba(255,255,255,0.75); padding: 4px 12px; border: 1px solid #ccc; cursor: pointer;  color: #333;}
.thumbnail{ max-width: 200px; max-height: 152px; float: left; line-height: 20px; position: relative;}
.thumbnail .del_one_image_btn{ display: none; position: absolute; right: 13px; top: 6px; font-size: 22px; width: 5px; height: 5px; float: left; color: #000; line-height: 5px; cursor: pointer;}
.thumbnail:hover .del_one_image_btn{ display: block;}

.menu_div{ margin-bottom: 20px;}
.menu_div .checkbox{ float: left; margin-top: 7.5px; margin-right: 2px;}
.menu_div .sub_li{ padding-left: 20px;}
.menu_div label{ float: left;}
.menu_div .sub_li span{ float: left; margin-right: 20px;}