@charset "utf-8";
body{color:#666;min-width:870px;}
/*img{display:block;border:none;}*/
a{color:#666;}
a:hover{text-decoration:none;}
.icon{background:url(../imagein2/sprite.png) no-repeat;}
.icon{display:inline-block;vertical-align:middle;}
.top_nav{padding:10px 28px 0 18px;height:60px;overflow: hidden;}
.top_nav_r{padding-top:16px;}
.top_nav_r ul li{float:left;margin-left:10px;}
.top_nav_r ul li a{color:#999;text-decoration:underline;}
.top_nav_r ul li .loginOut{font-weight:bold;color:#666;}
.user_icon{background-position:0 -30px;height:18px;width:18px;margin-right: 3px;}
.top_nav_notice{width:50%;position: relative; margin:13px 0 0 5%;}
.top_notice_icon{width:30px;height:30px;}
.top_nav_notice ul {height: 28px; border: 1px solid #d8d8d8; line-height: 30px; overflow: hidden; zoom: 1; background: #F8F8F8; position: relative;}
.top_nav_notice ul li { padding-left: 10px; color: #666; }
.feedBack{position:absolute;right:10px;top:5px;color:#2577e3;text-decoration:underline;}


/*nav*/
.nav{background:#2577e3;height:40px;line-height:40px;overflow:hidden;}
.nav h2{float:left;color:#fff;font-size:12px;font-weight:normal;padding:0 28px;}
.nav li{float:left;}
.nav a{color:#fff;font-size:14px;font-weight:bold;padding:0 30px;display:block;}

.nav ul li.active a, .nav ul a:hover{ background:#1b56a4; /*margin-left:-1px;padding-left:35px;*/ }

.nav .curr{background:#68be39;}
.nav .wx_mang .curr{background:#68be39;}
.nav .control_center .curr{background:#f19149;}
.nav .sck .curr{background:#9759e0;}



/*workArea*/
.workArea{overflow:hidden;zoom:1;position:relative;}
.main_container{width:100%;float:left;}
.main{margin-left:200px;padding-left:40px;margin-right:40px;}
.side_menu{background:#f8f8f8;padding-top:35px;border:1px solid #e2e2e2;border-right-color:#e4e4e4;width:198px;float:left;padding-bottom:10000px;margin-bottom:-10000px;margin-left:-100%;}
.side_menu li{height:50px;line-height:50px;}
.side_menu li.active{background:#cccccc;}
.side_menu li.active a{color:#fff;}
.side_menu li a{padding:0 0 0 48px;color:#666;font-weight: bold;width:150px;display:block;}
.menu_icon{background:url(../imagein2/menu_icon.png) no-repeat;display:inline-block;vertical-align:middle;margin-right:10px;}
.wx_icon{width:20px;height:20px;}
.com_icon{width:20px;height:21px;background-position:0 -27px;}
.pic_icon{width:20px;height:20px;background-position:0 -54px;}
.side_menu li.active .wx_icon{background-position:-28px 0;}
.side_menu li.active .com_icon{background-position:-28px -27px;}
.side_menu li.active .pic_icon{background-position:-28px -54px;}

/*main_container*/
.crumb{padding:10px 0 8px 0;}
.crumb p a,.crumb p span{margin:0 3px;}
.crumb h3{font-weight:normal;}
.search{background:#f0f4f8;float:right;width:200px;height: 22px;}
.search_ipt{border:none;background:none;width:150px;padding:0 0 0 10px;line-height: 21px;height:21px;}
.search_btn{background-color:#f19149;width:40px;height:22px;border:none;}
.search_icon{background-position:0 -48px;width:17px;height:17px;right:2px;top:2px;}


/*main_hd*/
.main_hd{background:#f0f4f8;height:110px;padding: 1px 1000px; margin: 0 -1000px;}
.main_hd strong{font-size:30px;font-family:"Microsoft Yahei";margin-top:27px;display:block;}
.wx_b_icon{background-position:0 -67px;width:50px;height: 51px;margin-right:16px;}
.r_control{float:right;margin-top: 28px;}
.white_btn{display:inline-block;height:40px;line-height:40px;padding:0 18px;border:1px solid #d8d8d8;font-weight:bold;position:relative;background:#fff;margin-left: 15px;}
.red_tip{color:#fff;position:absolute;background-position:0 -147px;width:18px;height:18px;font-weight:normal;line-height:18px;text-align:center;right:-10px;top:-10px;}
.btn,.btn span{background:url(../imagein2/btn_bg.png) no-repeat;height:42px;vertical-align:middle;line-height:42px;font-size:14px;font-weight:bold;color:#fff;}
.btn{padding-left:3px;display:inline-block;margin-left: 10px;}
.btn span{padding-right:18px;display:block;background-position:100% -49px;padding-left: 15px;}

.btnsub{background:url(../imagein2/btn_bg.png) no-repeat;height:42px;vertical-align:middle;line-height:42px;font-size:14px;font-weight:bold;color:#eee;}
.btnsub{padding-left:3px;display:inline-block;margin-left: 10px;}
.btnsub{padding-right:18px;display:block;background-position:100% -49px;padding-left: 15px;}

.yellow_btn{background-position:0 -100px;}
.yellow_btn span{background-position:100% -156px;}
.blue_btn{background-position:0 -208px;}
.blue_btn span{background-position:100% -260px;}
.purple_btn{background-position:0 -311px;}
.purple_btn span{background-position:100% -358px;}


.main_bd{padding:39px 0 200px 0;}
.main_bd_hd{padding:0 18px;height:36px;line-height:36px;background:#f8f8f8;border:1px solid #e2e2e2;*margin-top:10px;}
.main_bd_hd h3{float:left;margin-right:10px;font-size:14px;}

/*分页*/
.pagination{float:right;font-size:10px; font-weight:bold;text-align: center; }

.pagination a{ display: inline-block;width: 18px;height: 18px;vertical-align: middle;margin: 0 3px;line-height: 20px;border: 1px solid #5c5c5c; }
.pagination a:hover{ color:#2577e3; text-decoration:underline; }
.pagination select{margin-right:8px;vertical-align:middle;}
.pagination  span{background: #2577E3;color: #fff;width: 20px;height: 20px;display: inline-block;line-height: 20px;text-align: center;vertical-align: middle}


/*.pagination{float:right;font-size:0;}*/
/*.pageNum_list  {display:inline-block;color:#666;font-size:12px;vertical-align:middle;}*/
/*.pageNum_list li {display:inline-block;}*/
/*.pageNum_list li span,.pageNum_list li a{padding:3px;border:1px solid #d8d8d8;border-radius:2px;}*/
/*.pageNum_list li.omit {border:none;}*/


/*.blue_pagination .pageNum_list li:hover a,.blue_pagination .pageNum_list li.curr a{color:#fff;background:#2577e3}*/
.purple_pagination .pageNum_list li:hover a,.purple_pagination .pageNum_list li.curr a{color:#fff;background:#9759e0}



.pageNum_list li a{color:#666;}
.pageNum_list li a:hover{}
.pagination .prev_page,.pagination .next_page{display:inline-block;width:18px;height:18px;vertical-align:middle;margin-left: 10px;}
.pagination .prev_page{background-position:0 -189px;}
.pagination .prev_page:hover{background-position:-20px -189px;}
.pagination .next_page{background-position:0 -169px;}
.pagination .next_page:hover{background-position:-20px -169px;}
.blue_pagination .prev_page:hover{background-position:-39px -189px;}
.blue_pagination .next_page:hover{background-position:-39px -169px;}

.purple_pagination .prev_page:hover{background-position:-61px -189px;}
.purple_pagination .next_page:hover{background-position:-61px -169px;}


.view_all{font-size:12px;vertical-align:middle;margin-left: 15px;font-weight:bold;}

.top-nav .mail-msg a, /*.header .logo a,*/ .header .notice-icon, .close-notice, #search-btn, .bd-title-op a, .bd-title-op a i, .mo-checkbox span, .upload-file p, .save, .cancel, .sub_btn, .pic_opt_item, .close-btn{ background:url(../images/icon_sprite.png) no-repeat; }
/*操作按钮*/
.opt_btn,.opt_btn input{background:url("../images/opt_btn_bg.png") no-repeat;height:28px;line-height:28px;cursor:pointer;}
.opt_btn{padding-left:2px;text-align:center;color:#666;font-size:14px;}
.opt_btn input{background-position:100% -30px;float:left;padding-right:12px;padding-left:10px;}

input{ border:none; }

.tplb .pagination{top:18px;right:34px;}

.tplb  th,.tplb  td{padding-left:7px;}


.top-nav .user i{ background-position:0 -125px; width:18px; height:18px; position:absolute; top:1px; left:9px; }

.top-nav .mail-msg a{ background-position:0 -156px; width:18px; height:18px; display:inline-block; vertical-align:middle;  }

.top-nav .has-msg{ padding-right:6px; }

.top-nav .has-msg a{ background-position:0 -186px; width:23px; height:21px; margin-top:-5px;  }

/*logo*/
.header-wrap{ width:100%; height:56px; padding-top:12px; overflow:hidden; zoom:1; }

.header{ margin-left:38px; }

.header .logo{ float:left; }

/*首页登录*/
.w1026{ width:1026px; margin:0 auto; }

.w1026 .sit-notice{ margin-right:0; }

.pr{ position:relative; }

.login_form{ width:330px; height:340px; background:#fff; border-radius:5px; position:absolute; top:-344px; right:0; }

.banner{ background:url(../images/banner.png) #2577e3 no-repeat center top; height:380px; }

.psw_icon{ background:url(../images/psw_icon.png) no-repeat 236px 10px; }

/*.login_form form{padding:30px;}*/
.login_form ul li{ margin-bottom:15px; position:relative; }

.login_form .ipts{ border:1px solid #c8c8c8; height:33px; line-height:33px; padding-left:5px; width:263px; border-radius:2px; }
.login_form .iptcode{ border:1px solid #c8c8c8; height:33px; line-height:33px; padding-left:5px; width:93px; border-radius:2px;}
#rem_ac{ vertical-align:middle; margin-right:5px; }

.for_reg{ text-align:right; }

.f_sup{ padding:25px; }

.f_sub{ background:#f8f8f8; border-top:1px solid #e2e2e2; height:87px; text-align:center; position:absolute; bottom:0; left:0; width:100%; border-radius:0 0 5px 5px; }

.save, .cancel{ width:127px; height:38px; font-weight:bold; font-size:16px; color:#fff; cursor:pointer; }
.save{ background-position:-372px -230px; }

.sub_btn{ background-position:-94px -156px; margin-top:23px;
    width:169px;
    height:50px;
}

input[type=submit]{ cursor:pointer; }

.content{ padding-top:1px; }

.content h2{ font-size:16px; margin:0 0 20px; font-weight:normal; }

.list ul{ float:left; background:url(../images/shadow_07.png) no-repeat left bottom; padding-bottom:35px; margin-right:20px; }

.list li{ width:218px; height:136px; float:left; }

.list li .item_inner{ padding:10px 15px; color:#fff; }

.list li h3{ font-size:20px; font-family:"Microsoft Yahei"; font-weight:normal; padding-left:45px; }

.list li p{ margin-top:20px; }

.item_01{ background:url(../images/i_1.png) #65ae00 no-repeat 15px 10px; }

.item_02{ background:url(../images/i_2.png) #00a2b9 no-repeat 15px 10px; }

.item_03{ background:url(../images/i_3.png) #2857a2 no-repeat 15px 3px; }

.list li.item_02 h3{ padding-left:50px; }

.list li.item_03 h3{ padding-left:40px; }

.news{ font-size:16px; padding-left:10px; }

.news h3{ font-weight:normal; }

.news ul{ padding-top:20px; }

.news li{ background:url(../images/point.png) no-repeat left center; padding-left:15px; margin-bottom:9px; }



/*注册*/
.register{ width:100%; background:#2577e3; padding:40px 0; color:#666; font-size:16px; }

.register .f_sup{ padding:20px; }

.register_wrap{ background:#fff; border-radius:5px; position:relative; height:580px; }

.register_wrap .ipts{ width:302px; padding-left:10px; height:33px; line-height:33px; border:1px solid #c8c8c8; border-radius:2px; }
.register_wrap .code span{ font-size:12px; }

.register_wrap .code .ipts{ width:100px; }

.register_wrap .code img{ vertical-align:middle; }

.register_wrap .code span i{ color:#005aa0; cursor:pointer; }

.register_wrap ul{ padding-top:70px; }

.register_wrap li{ padding-left:110px; margin-bottom:30px; }

.register_wrap label{ left:-100px; float:left; width:100px; margin-top:3px; }
.register_wrap .error{ float: none;}

.register_wrap label i{ color:#f00; padding-right:3px; }

.register_wrap .psw_icon{ background-position:273px 10px; }

.register_wrap .sub_btn{ background-position:-273px -157px; }
.border_r_none{border-right: none!important;}

/*footer*/
.footer{ width:100%; height:73px; background:#262626; padding-top:10px; color:#888; min-width:810px; margin-top:10px; }

.footer p{ margin-bottom:5px; text-align:center; }

.footer a{ color:#888; }


/*微信列表*/
.wx_list,.equ_list,.fodder_list{padding-top: 10px;}
.wx_list ul,.equ_list ul,.fodder_list ul{margin-left: -10px;}
.wx_list li,.equ_list li{border:1px solid #e2e2e2;float:left;padding:11px 0 11px 13px;margin-bottom: 10px;margin-left: 10px;width:226px;height: 69px;}
.wx_list li img{display:block;border:none;}
.wx_list dl dt,.equ_list dl dt{float:left;margin-right:12px;}
.wx_list dl dd,.equ_list dl dd{overflow:hidden;zoom:1;}
.wx_list dl dd span,.equ_list dl dd span{display:block;}

/*设备列表*/
.equ_list ul{}
.equ_type, .equ_type2{border:1px solid #d8d8d8;float:left;width:57px;/*height:55px;*/border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.equ_type span{display:block;background:#d8d8d8;width:52px;heigt: 34px;color:#fff;text-align:center;line-height:34px;margin:3px auto;}
.equ_type2 span {
    background: none repeat scroll 0 0 #d8d8d8;
    color: #fff;
    display: block;
    margin: 3px auto;
    text-align: center;
    width: 52px;
}
.equ_list li{padding:16px 03px 16px 13px;height: 207px;}
#clientlistDiv li{height: 69px;}
.blue_equ .equ_type .equ_type2{border-color:#2577e3;}
.blue_equ .equ_type span, .equ_type2 span{background:#2577e3;}
.yellow_equ .equ_type .equ_type2{border-color:#f19149;}
.yellow_equ .equ_type span ,.equ_type2 span{background:#f19149;}

/*我的素材库*/
.fodder_list{}
.fodder_list li{border:1px solid #e2e2e2;float:left;margin:0 0 10px 10px;vertical-align:middle;padding:27px 0 27px 42px;width: 206px;}
.fodder_list li img{padding-right:17px;}
.fodder_list li img,.fodder_list li span{display:inline-block;vertical-align:middle;}
.fodder_list li span{font-size:14px;font-weight:bold;}
.fodder_list li strong{color:#f19149;}


.l_control{float:left;margin-top: 30px;width:350px;}
.l_control a{float:left;width:155px;height:42px;margin-right:7px;color:#fff;text-align:center;line-height:42px;}
.l_control i{width:22px;height:22px;vertical-align:middle;margin-right: 10px;}
.l_control .cloud_icon{background-position:0 -212px;}
.l_control .wx_s_icon{background-position:0 -235px;}
.blue_b_btn{background:#2577e3;}
.green_b_btn{background:#69bd38;}


/*mod_select*/
.mod_select{float:left;padding-left: 11px;height: 26px;line-height: 26px;border:1px solid #d8d8d8;vertical-align:middle;font-weight:bold;background:#fff;border-right:none;margin-right:10px;margin-top: 4px;}
.mod_select span{float:left;}
.select{float:left;position:relative;z-index: 9;}
.select .trigger_handle{background: url(../imagein2/arr_d.jpg) no-repeat 84% 12px; padding-right: 27px;display:block;padding-left:6px;border-left:1px solid #fff;border-right:1px solid #d8d8d8;width: 120px;}
.select:hover .trigger_handle{border-left-color: #d8d8d8;}
.select:hover .select_down{border-left-color: #d8d8d8;display:block;}


.select_down{position:absolute;top:26px;right:0;width:100%;background:#fff;display:none;}
.select_down ul{border:1px solid #D8D8D8;padding:5px 0;border-top:none;}
.select_down li{}
.select_down li a{display:block;padding-left:6px;}
.select_down li a:hover{background:#e2e2e2;}


.form{padding:28px 0;}
.form ul li{margin-bottom: 10px;}
.form ul li label{float:left;margin-top:10px;}
.form ul li label.error{ background-position: 0 1px;
    float: inherit;
    margin-left: 20px;
}
/*.form ul li span{margin:0 5px;}*/
.ipt{border:none;background:url(../imagein2/ipt_bg.png) no-repeat;border-right:1px solid #dbdbdb;height:21px;line-height:21px;padding:8px 0 9px 10px;width:199px;font-size:12px;font-weight:bold;color:#2577e3;}
.ipt{border:none;background:url(../imagein2/ipt_bg.png) no-repeat;border-right:1px solid #dbdbdb;height:21px;line-height:21px;width:199px;font-size:12px;font-weight:bold;color:#2577e3;}
.w30{width:30px!important;}
.w60{width:60px!important;}
.w300{width:300px!important;}
.w380{width:380px!important;}
.submit_btn{width:210px;height:44px;color:#fff;border:none;}
.blue_submit_btn{background:#2577e3;font-size:14px;font-weight:bold;margin-top:30px;}
.blue_text{color:#2577e3;}

.interface_search{margin-right: 20px;}
.interface_search_ipt{color:#999;height:22px;line-height:22px;border:1px solid #dbdbdb;padding:4px 0 4px 4px;width:200px;}
.interface_search_btn{background:#2577e3;width:36px;height:32px;color:#fff;border:none;}

.interface_list ul{margin-left:-10px;}
.interface_list li{width:248px;border:1px solid #e2e2e2;height:139px;text-align:center;line-height:139px;float:left;margin:10px 0 10px 10px;position:relative;}
.interface_list li.selected{background:#000;}
.interface_list li .thumb_img img{opacity:.3;filter:alpha(opacity=30);}
.interface_list li .right_icon{position: absolute;top:50%;left:50%;margin-top:-27px;margin-left:-27px;cursor:pointer;}


.table{padding-bottom:225px;}
.table .ipt,.img_name_set .ipt{background:url(../imagein2/ipt_s_bg.jpg) no-repeat;padding:5px 0 6px 5px;}
.table thead th{height:40px;font-weight:bold;}
.table tbody tr{border:1px solid #d8d8d8;}
.table tbody .space_tr{height:8px;border:none;}
.table tbody .space_tr td{padding:0}
.table td{text-align:center;padding:9px 0;}
.table td img{display:inline-block;}

.overview_img  img{border:1px solid #d8d8d8;padding:3px;}
.print_rule span{margin:0 5px;}
.opts .icon{width:18px;height:18px;}
.opts_delete:hover{background:#2577e3;cursor:pointer;}
.opts_flower:hover{background:#69bd38;cursor:pointer;}
.disanfang .opts:hover{background:#69bd38;cursor:pointer;}
.edit{background-position: 0 -262px;}
.delete{background-position: 0 -285px;}
.flower{background-position: 0 -308px;}
.opts:hover .edit{background-position:-25px -262px;}
.opts:hover .delete{background-position:-25px -285px;}
.opts:hover .flower{background-position:-25px -308px;}
.print_module{position: relative;width:137px;margin:0 auto;}
.print_module:hover .print_module_trigger{border-color:#2577e3;}
/*.print_module:hover .print_module_select{display: block!important;}*/
.print_module a{}
.print_module .print_module_trigger{background:url(../imagein2/arr_b_bg.jpg) no-repeat 169px 8px;width:197px;height:34px;line-height:34px;border:1px solid #d8d8d8;display:block;padding-left:10px;text-align: left;}
.print_module .print_module_trigger1{background:url(../imagein2/arr_b_bg.jpg) no-repeat 167px 8px;width:195px;height:38px;line-height:34px;border:1px solid #d8d8d8;display:block;padding-left:13px;text-align: left;}
.print_module_select{position:absolute;left:0;top:36px;display:none;padding-top:2px;z-index:99;text-align:center;}
.print_module_select ul li{position:relative;width:208px;height:34px;line-height:34px;border:1px solid #d8d8d8;margin-bottom:2px;background:#fff;}
.print_module_select ul li:hover{border:1px solid #2577e3;}
.print_module_select ul li:hover a{color:#2577e3;}
.print_module_select ul li:hover img{display:block;}
.print_module_select ul li img{position:absolute;left:202px;bottom:0;padding:10px;border:1px solid #2577e3;background:#fff;display:none;}
.print_module_select ul li a{display:block;}

.print_module:hover .print_module_select1{display: block!important;}
.print_module_select1{position:absolute;left:0;top:36px;display:none;padding-top:2px;z-index:99;text-align:center;}
.print_module_select1 ul li{position:relative;width:208px;height:34px;line-height:34px;border:1px solid #d8d8d8;margin-bottom:2px;background:#fff;}
.print_module_select1 ul li:hover{border:1px solid #2577e3;}
.print_module_select1 ul li:hover a{color:#2577e3;}
.print_module_select1 ul li:hover img{display:block;}
.print_module_select1 ul li img{position:absolute;left:202px;bottom:0;padding:10px;border:1px solid #2577e3;background:#fff;display:none;}
.print_module_select1 ul li a{display:block;}



/*弹窗样式*/
.pop_wrap{background:#fff;padding-top:56px;position:fixed;top:50%;left:50%;z-index:999999;}
.pop_inner{border-top:1px solid #f2f2f2;}
.pop_overview_img,.pop_upload_bot_img{width:470px;padding:0 20px 10px;}

.pop_close{position:absolute;background-position:-21px -148px;width:18px;height:18px;right:20px;top:30px;}
.pop_close:hover{background-position:-41px -148px;}
.purple_close:hover{background-position:-41px -130px;}
.pop_tab{/*margin-top:-57px;padding-left: 20px;*/margin-top: -37px;}
.pop_tab li{float:left;height:36px;line-height:36px;font-weight:bold;background:#fff;}
.pop_tab li.active{border:1px solid #e2e2e2;border-bottom-color:#fff;height:35px;line-height: 35px;border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;}
.pop_tab li.active a{color:#2577e3;}
.pop_tab a{display:block;padding:0 9px;}
.pop_overview_img_hd,.pop_upload_bot_img_hd{background:#f8f8f8;height:36px;line-height: 36px;padding-left:10px;margin-top: 20px;border:1px solid #e2e2e2;}
.pop_overview_img_bd,.pop_upload_bot_img_bd{background:#f2f2f2;text-align:center;padding:20px 0;}
.pop_overview_img_bd img,.pop_upload_bot_img_bd .inner{padding:10px;border:1px solid #d8d8d8;background:#fff;display:inline-block;}
.mask{position:fixed;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);z-index:99999;top:0;left:0;bottom:0;right:0;}
.form_submit_btn span{padding:0 30px 0 27px;}


.new_account{width:510px;padding:0 20px 10px;}

.new_account_hd{background:#f8f8f8;line-height: 18px;height:18px;padding: 10px 0 8px 0;border:1px solid #e2e2e2;}
.new_account_hd .pagination{float:right;padding-right:12px;}
.new_account_hd .search{margin-top: -2px;background:#fff;}
.new_account_hd .search p .search_btn{background:#ea5064;}
.new_account_hd .search p .search_icon{background-position:-18px -48px;}
.new_account_bd .wx_list li:hover{border-color:#2577e3;}

.new_account_form {display:none;}
.new_account_form label{width:100px;}
#new_account p span{float: left;}
#new_account p strong{overflow:hidden;}

.mod_small_select{float:left;width:92px;background:url(../imagein2/arr_b_d.jpg) no-repeat 66px 15px;cursor:pointer;position:relative;z-index:999;}
.mod_small_select a{color:#2577e3;font-weight:bold;}
.mod_small_select  p{display:none;position:absolute;width:100%;top:37px;border-top:1px solid #dbdbdb;left: 0;}
.mod_small_select  p a{display:block;text-align:center;border:1px solid #dbdbdb;border-top:none;height:22px;line-height:22px;background:#fff;}
.mod_small_select  p a:hover{background:#d8d8d8;}
.mod_small_select:hover  p{display:block;}
.mod_small_select_trigger{height:36px;display:block;border:1px solid #dbdbdb;line-height:36px;}
.mod_small_select_trigger strong{height:36px;display:block;width:51px;border-right:1px solid #dbdbdb;line-height:36px;text-align:center;}

.mod_upload{width:70px;height: 70px;background:url(../imagein2/upload_img_btn.jpg) no-repeat;float:left;}
.upload_ipt{width:70px;height:70px;opacity:0;filter:alpha(opacity=0);top:0;left:0;}


/*统计*/
.tongji{background:#f2f2f2;}
.mod_filter{border:1px solid #d8d8d8;height: 26px;line-height:26px;font-weight:bold;float: left;margin-top:4px;padding-left: 16px;background:#fff;}
.mod_filter label{cursor:pointer;margin-right:5px}
.select_icon{width:18px;height:18px;background-position:-81px -148px;margin-right:5px;}
.selected .select_icon{background-position:-61px -148px;margin-right:5px;}
.date_select input{border:none;border-right:1px solid #D8D8D8;width:100px;height:26px;}
.date_select .trigger_handle:hover{border-left-color:#fff;}
.tongji .main_bd_hd{padding-left:5px; position: relative;
    z-index: 99;}
.tongji .main_bd_bd_hd{padding:10px 0 10px 5px;}
.main_bd_bd_hd_l{margin-top:3px;}
.main_bd_bd_bd table{text-align:center;}
.main_bd_bd_bd .hd td,.main_bd_bd_bd  th,.main_bd_bd_bd .last_tr td{background:#f8f8f8;}
.main_bd_bd_bd  th{background:#f8f8f8;border:1px solid #dbdbdb;}
.main_bd_bd_bd  td{height:36px;border:1px solid #dbdbdb;background:#fff;}


/*第三方规则*/
.disanfang{margin-top:10px;}
.disanfang td,.disanfang th{border:1px solid #dbdbdb;height:36px;text-align:center;}
.disanfang tbody th{font-weight:bold;}
.disanfang .tal{text-align:left;padding-left:10px;}


/*wx_mang_form*/
.wx_mang_form {padding-bottom:250px;}
.wx_mang_form label{width:100px;}
.wx_mang_form input{color:#59aa2d;}
.wx_mang_form .mod_small_select a{color:#59aa2d;}
.wx_mang_form .print_module{width:200px;}
.wx_mang_form .print_module_trigger{padding-left:50px;border:none;color:#fff;font-weight:bold;display:block;width:150px;background: url(../imagein2/arr_d_png.png) no-repeat 157px 16px #59aa2d;;}
.wx_mang_form .print_module_select{margin-top:-2px;}
.wx_mang_form .print_module_select ul li:hover{border-color:#59aa2d}
.wx_mang_form .print_module_select ul li:hover a{color:#59aa2d}

.wx_mang_form .print_module_select ul li img{border-color:#59aa2d}
.wx_mang_form .print_module{float:left;margin:auto;}
.img_box img{margin:30px 100px;padding:10px;border:1px solid #d8d8d8;float:left;}
.wx_mang_btn{margin:0 0 0 90px;clear:both;}


.sort{font-weight:bold;border:1px solid #d8d8d8;height:26px;line-height:26px;float:left;background:#fff;margin-top:4px;padding:0 10px;}
.sort a span{padding-right:6px;}
.sort_icon{background-position:-39px -50px;width:10px;height:11px;}
.asc .sort_icon{background-position:-53px -50px;}

.dengdaitiao{
    position: fixed;
    left:50%;
    top:50%;
    background: #ffffff;
    width: 200px;
    height: 40px;
    text-align: center;
    z-index:999999;
    /*line-height: 1px;*/
}

.pop_upload_bot_img_action .error{padding-top: 2px;
    position: absolute;
    right: -68px;
    top: 16px;
    line-height: 14px;}
.submit_btn_style{background: #2577e3!important;color: #fff!important;border: none;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
/*fodder_img_list*/
.fodder{background:#f2f2f2;padding-bottom:20px;}
.fodder_img_list ul li{float:left;width:175px;position:relative;background:#fff;padding:8px 0 0;text-align:center;margin:20px 0 0 12px;border:1px solid #fff;}
.fodder_img_list ul li:hover{border-color:#d8d8d8;}
.fodder_img_list ul li:hover p{background:#d8d8d8;}
.fodder_img_list ul li:hover .action{display:block;}
.fodder_img_list .fodder_img img{display:inline-block;}
.fodder_img_list p{margin:0 auto;padding:10px 0;word-break:break-all;word-wrap:break-word;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.fodder_img_list .action{position:absolute;width:175px;height:30px;bottom:30px;left:0;text-align:center;display:none;}
.fodder_img_list .action .mask{position:absolute;width:175px;height:30px;background:#000;opacity: .5;filter:alpha(opacity=.5);z-index:9;}
.fodder_img_list .action a{display:inline-block;margin:5px;width:19px;height:19px;position:relative;z-index:99;}
.fodder_img_list .action .edit_name{background-position:-36px 0;}
.fodder_img_list .action .delete_sc{background-position:-60px 0;}
.mr10{margin-right: 10px;}


.pop_upload_bot_img li.active a,.pop_fodder li.active a{color:#9759e0;}
.pop_upload_bot_img_hd .ipt{color:#666;}
.submit_name{border:none;}
.submit_btn{/*width:30px;height:32px;*/color:#fff;background:#9759e0;}
.blue_submit_btn{background:#2577e3;font-size:14px;font-weight:bold;margin-top:30px;}
.img_name_set{margin:2px 10px 0 0;}
.img_name_set .ipt{width:150px;}
.pop_upload_bot_img_bd li{float:left;}
.bot_img_upload{background:url(../imagein2/bot_img_holder.jpg) no-repeat;width:175px;height:48px;position:relative;}
.bot_img_upload input{width:100%;height:100%;opacity:0;filter:alpha(opacity=0);position:absolute;}
.pop_fodder{width:590px;}
.pop_fodder .fodder_img_list ul li{background:#fff;width:177px;margin: 8px 0 0 15px;}
.pop_fodder .new_account_bd{background:#f2f2f2;padding:0 20px 100px;margin:0 -20px -100px;}
.pop_upload_bot_img_action{border:1px solid #d8d8d8;line-height:66px;}
.pop_upload_bot_img_action .pr{width:150px;height:48px;display:inline-block;vertical-align:middle;*display:inline;zoom:1;}
.pop_upload_bot_img_action p{padding-left:10px;}
.pop_upload_bot_img_action i{color:#e94709;}
.pop_upload_bot_img_action .upload_file_btn{width:150px;height:48px;left:0;top:0;opacity:0;filter:alpha(opacity=0);}
.pop_upload_bot_img_action #preview{display: inline-block;vertical-align: middle;margin-right: 10px;}
#new_account{max-height: 300px;overflow-y: auto;}
#add_new2{max-height: 330px;overflow-y: auto;}


.module_interface_list li{position:relative;display:block;}
.module_interface_list .inter_01{display:block;}

.upload_mask{background:#000;opacity:.5;filter:alpha(opacity=50);width:100%;height:100%;top:0;left:0;}

.upload_cell{position: absolute;color:#fff;text-align:center;}
.upload_cell:hover .cell_mask,.upload_cell:hover .cell_text{display:block;}
.cell_mask{position:absolute;background:#2577e3;width:100%;height:100%;top:0;left:0;display:none;}
.cell_text{z-index:9;position:relative;top:0%;display:none;}
.cell_ipt{width:100%;height:100%;z-index:999;opacity:0;filter:alpha(opacity=0);left:0;top:0;}
.inter_01{width:770px;}
.inter_01_01{width: 532px; height: 238px; top: 43px; left: 45px;}
.inter_01_02{width: 172px; height: 98px; top: 288px; left: 45px;}
.inter_01_03{width: 172px; height: 98px; top: 288px; left: 225px;}
.inter_01_04{width: 172px; height: 98px; top: 288px; left: 406px;}
.inter_01_05{width: 134px; height: 36px; top: 43px; right: 46px;}
.inter_01_06{width: 134px; height: 89px; top: 106px; right: 46px;}
.inter_01_07{width: 134px; height: 23px; top: 259px; right: 46px;}
.inter_01_08{width: 134px; height: 23px; top: 288px; right: 46px;}
.inter_01_09{width: 134px; height: 23px; top: 318px; right: 46px;}
.inter_01_10{width: 134px; height: 23px; top: 347px; right: 46px;}
.inter_01_ipt{border:1px solid #2577e3;background:transparent;height:23px;color:#fff;text-align:center;display:none;}
.upload_cell:hover .inter_01_ipt{display:block;}
.inter_02{width:770px;}
.inter_02_01{width: 92px; height: 92px; top: 55px; left: 113px;}
.inter_02_02{width: 134px; height: 19px; top: 243px; left: 100px;}
.inter_02_03{width: 134px; height: 19px; top: 258px; left: 100px;}
.inter_02_04{width: 134px; height: 19px; top: 275px; left: 100px;}
.inter_02_05{width: 134px; height: 19px; top: 289px; left: 100px;}
.inter_02_06{width: 104px; height: 35px; top: 355px; left: 106px;}
.inter_02_07{width: 422px; height: 339px; top: 45px; left: 265px;}
.inter_03_01{width: 278px; height: 367px; top: 5px; left: 5px;}
.inter_03_02{width: 180px; height: 126px; top: 382px; left: 5px;}
.inter_03_03{width: 86px; height: 126px; top: 382px; left: 195px;}

.inter_02 .inter_01_ipt{height:19px;}
.inter_03{width:287px;}




/*弹窗样式*/

.pop_layout{ width:370px;/* height:292px; */border:1px solid #c2c2c2; position:absolute;left:50%;  margin-left:-185px;background:#fff;z-index:9999;box-shadow: 0 0 10px #5c5c5c;-webkit-box-shadow: 0 0 10px #5c5c5c;-moz-box-shadow: 0 0 10px #5c5c5c ; }

.pop_layout1{ width:810px; /*height:670px;*/ border:1px solid #c2c2c2; position:absolute;left:50%;  margin-left:-405px;background:#fff;z-index:9999; }

.pop_layout2{ width:770px; height:500px; border:1px solid #c2c2c2; position:absolute;left:40%;  margin-left:-185px;background:#fff;z-index:9999; }

.pop_layout3{ width:789px; height:553px; border:1px solid #c2c2c2; position:absolute;left:40%;  margin-left:-185px;background:#fff;z-index:9999; }

.pop_layout4{ width:959px; height:670px; border:1px solid #c2c2c2; position:absolute;left:30%;  margin-left:-185px;background:#fff;z-index:9999; }

.pop_hd{ background:url(../images/pop_hd_bg.png) repeat-x; height:50px; position:relative; line-height:50px; }

.pop_hd h2{ padding-left:17px; }

.pop_bd ul{ padding-top:1px; }

/*#selPrinttype{ padding-top:1px; }*/

.pop_bd ul li{ /*text-align:center;*/ margin-bottom:10px; padding-left:20px;}
.pop_bd label{ display:inline-block; vertical-align:middle; width:104px; text-align:left; }

.pop_bd .add_equ_btn_wrap{ border-top:1px solid #d8d8d8; text-align:center; padding-top:20px; margin-top:25px; }
.pop_bd1 .add_equ_btn_wrap{ border-top:1px solid #d8d8d8; text-align:center; padding-top:20px; margin-top:25px; }

.pop_bd .mo-input{ display:inline-block; vertical-align:middle;*display: inline;zoom: 1; }


.header .close-notice, .close-btn{ position:absolute; width:10px; height:10px; background-position:0 -279px; right:10px; top:10px; cursor:pointer; }
.close-btn{ top:20px; }

.qr_code{height:100px;position: relative; }
.qr_code .upload_btn{position: absolute;   left: 99px;  top: 0px;  height: 33px;    z-index: 99;cursor:pointer;}
.qr_code .upload_btn #codeImg{ height: 100px;width: 100px;opacity: 0;filter:alpha(opacity=0);cursor: pointer;}
.qr_code .upload_btn #codeImg1{ height: 100px;width: 100px;opacity: 0;filter:alpha(opacity=0);cursor: pointer;}
/*.mo-input .ipt{ display:block; height:35px; line-height:35px; }*/
/*.mo-input .ipt-l{ background-position:0 -143px; padding-left:4px; }*/
/*214*/
/*.ipt-199{ width:199px; }*/

/*2014.11.23更新*/
.inter_04 .inter_mbox,.inter_05 .inter_vbox{display:inline-block;vertical-align:middle;text-align:center;margin-right:20px;}
.inter_04 .inter_mbox img,.inter_05 .inter_vbox img{display:block;margin-bottom:10px;}
.inter_04 div .radio_icon,.inter_05 div .radio_icon{display:inline-block;vertical-align:middle;background-position:-103px 0;width:14px;height:14px;}
.inter_04 div .checked_icon,.inter_05 div .checked_icon{background-position:-86px 0;}

.inter_05{width:760px;}
.inter_05 .inter_vbox{margin-bottom:20px;}

.mo-checkbox span{ width:18px; height:18px; background-position:-69px -386px; display:block; margin:0 auto; }

.mo-checkbox span.checked{ background-position:-93px -386px; }


/*2015.2.20更新*/
.dayin{width:500px;height:50px;}
#inp a{color:green;}
#inp{border:1px solid #e4e4e4;width:200px;height:400px;line-height:35px;display:none;
    font-size:12px;position:relative;bottom:400px;left:250px;z-index: 999999}
.dayin img{position:relative;bottom:10px;}
.dayin .gallery{position:relative;bottom:10px;}
.dayin label span img{position:relative}/*2015.04.17更新*/

#hd1,#hd2,#hd3{font-size:12px;color:#a6a6a6;margin-bottom:0;width:85px;height:28px;margin-top:30px;}

.checkSettle{
    position:absolute;
    width: 650px;
    height: 380px;
    border:1px solid #ccc;
    background-color:#fff;
    top:15%;
    left:28%;

    padding: 15px;;
}

.modal-title{font-size: 16px;font-weight: 800;color: #333;}
.modal-body{margin-top: 15px;padding:0 15px;font-size: 16px;line-height: 32px;color: #333;}
.modal-div{margin-left: 80px}
.modal-footer{width: 180px; margin: 0 auto;padding:0 15px;padding-top: 20px;}

.modal-footer .btn-cancel ,
.btn-ok{
    display:inline-block;
    background-color: #fff;
    border:1px solid #ccc;
    width: 80px;
    cursor: pointer;
    height: 40px;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
}

.modal-footer .btn-cancel:hover ,
.btn-ok:hover{
    background-color: #ccc;
    border-color: #999;
    /*transition: all .5s;*/
    /*-moz-transition: all .5s;*/
    /*-webkit-transition: all .5s;*/
    /*-o-transition: all .5s;*/
}

.btn-cancel{margin-left: 10px;}

.modal-body input{
    display:inline-block;
    height: 25px;
    border: 1px solid #ccc;
    width:150px;
    line-height:33px;
    font-size: 16px;
    transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
}

.modal-body input:focus{

    box-shadow: 0 0 5px #428bca;
}

/*###未付款###*/

html,body{
    font-family: "Microsoft Yahei" ,"微软雅黑",serif;
}

.img_responsive{
    display: inline-block;
    width: 100%;
    height: auto;
}

.selfBtn{
    display: inline-block;
    padding: 3px 10px;
    font-size: 15px;
    transition: all .5s;
    cursor: pointer;
    margin: 0;
    margin:10px 10px ;
}

.btn_blue{
    background-color:#2577e3;
    color: #fff;
}
.btn_blue:hover{
    background-color: #235de3;
}
.btn_default{
    background-color:#fff;
    color: #333;
    border: 1px solid #ccc;
}

.btn_default:hover{
    background-color: #c3c3c3;
}

.pull_rgt{
    float:right;
}
/*导航右侧俩按钮*/
.side_menu{position: relative;}
.main{position: relative;}

.r_control .tips{
    padding: 8px;
    background-color:#2577e3;
    color: #fff;
    position: relative;
    margin-right: 20px;
}
.r_control .tips i{
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
    height: 0;
    width: 0;
    border-top:16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #2577e3;
}
.btn_dot{
    border: 3px dotted #ccc;
    color: #333 !important;
}

.btn_grp{
    color: #fff;
    display: inline-block;
    border-radius: 8px;
    padding:5px 10px;
    font-size: 20px;
    margin-right:10px ;
}



.btn_grp i{
    float: left;
    position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 5px;
}

.btn_grp_add{
    background-color: #2577e3;
}

.btn_grp_trash{
    background-color: #fd4a33;
}
.btn_grp_top{
    background-color: #fa920b;

}

.btn_grp_add i{
    background-image: url('../images/pay_btn_add.png');

}

.btn_grp_trash i{
    background-image: url('../images/pay_btn_trash.png');
    margin-top:5px ;
}

.btn_grp_top i{
    background-image: url('../images/pay_btn_top.png');
    margin-top:5px ;
}

/*未付费*/
.unpay{position: relative;}
.unpay_tips p{
    font-size:20px;
    line-height: 2;
}
.unpay_info{
    width: 690px;
    height: 490px;
    margin: 0 auto;
}
.unpay>p{
    font-size: 20px;
    color:#bbb;
    text-align: center;
}
/*未付款【分左二维码、客服电话，右具体信息】*/
.info_details{margin-top: 20px;}

/*左侧*/
.info_details_lft
{
    float: left;
    position: relative;
    width:300px;
}
.info_details_lft>img{
    display: block;
    width:300px;
    height: 300px;
}
/*印立得客服*/
.cus_service{
    width: 210px;
    margin: 70px auto 0 auto;
}

.cus_service .service_top img{
    display: block;
    float: left;
    position: relative;
}

.cus_service .service_top .top_info{
    float: left;
    position: relative;
    margin-left: 10px;
}

.top_info>p,
.top_info>strong
{
    font-size:20px;
    color: #000;
}
.top_info>strong
{
    font-weight: bold;
}
.cus_service .service_btm{
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    color: #f19149;
}
/*右侧*/
.info_details_rgt{
    float: right;
    position: relative;
    width: 330px;
    border-left: 1px solid #ccc;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-left: 55px;
}
.info_details_rgt .rgt_top>p{
    font-size: 34px;
    font-weight: bold;
}
.rgt_middle{
    margin-top: 40px;
    margin-bottom: 35px;
}
.rgt_middle>strong{
    font-size: 55px;
    color: #333;
    font-weight: bold;
}
.rgt_middle>span{
    font-size: 20px;
    color: #333;
    font-weight: bold;
}
.rgt_middle .pay_year{
    font-size: 18px;
    margin-bottom: 20px;
}
.rgt_middle .pay_year span{
    color: #f90046;
    font-weight: bold;
}
.rgt_btm{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color:#f90046;
    padding: 10px 20px;
    color: #fff;
}
.rgt_btm span{
    display: inline-block;
    width: 140px;
    margin:7px 0 0 30px;
    font-size: 17px;
    font-weight: bold;

}
.rgt_btm>i{
    display: block;
    float: left;
    position: relative;
    width: 45px;
    height: 63px;
    background-image: url("../images/unpay_mob.png");
    background-repeat: no-repeat;
}

/*###未付款 结束###*/

/*付款*/

.pay *{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.pay input[type=text]{
    height: 30px;
    line-height: 20px;
    padding-left: 5px;
}

/*left*/
.pay_lft{
    float: left;
    width:40%;
    background-color: #1b1a1f;
    padding-bottom: 2%;
}

.pay_lft .model_head{
    width: 100%;
    height:79px;
    background-image: url("../images/pay_phone_head.png");
    background-repeat: no-repeat;
    background-size: 100%;
}

.pay_lft .model_body{
    margin-top: 3%;
    width: 100%;
    overflow: hidden;
}

.model_body .tab_body{
    height: 147px;
    /*width: 100%;*/
    overflow-x: scroll;
    overflow-y: hidden;

}

/*左侧选项卡滚动条样式*/
.model_body .tab_body::-webkit-scrollbar  {
    width:4px;
    height: 4px;
}

.model_body .tab_body::-webkit-scrollbar-thumb{
    border-radius: 4px;
    background-color:#2577e3 ;
}

.model_body .tab_body .tab_content{
    height: 147px;
    display: none;
}

.pay_lft .model_body .img_panel{
    position: relative;
    width: 85%;
    margin: 0 auto;
}

.img_tab{
    width:100%;
}

.img_tab>.tab_head{
    height: 70px;
    overflow-x: scroll;
    overflow-y: hidden;
}

.img_tab>.tab_head::-webkit-scrollbar  {
    width:4px;
    height: 4px;
}

.img_tab>.tab_head::-webkit-scrollbar-thumb{
    border-radius: 4px;
    background-color:#2577e3 ;
}

.img_tab>.tab_head ul{
    margin-bottom: 2%;
    margin-left: 2%;
}
.img_tab>.tab_head ul>li{
    float: left;
    padding:5px 8px;
    text-align: center;
    border-bottom: 2px solid #1b1a1f;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}
.img_tab>.tab_head ul>li.active{
    border-bottom: 2px solid #e94709;

}

.img_panel #img_frame{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}

.model_body .tab_content ul{
    width: auto;
}
.model_body .tab_content ul li{
    float: left;
    position: relative;
    padding: 7px;
    background-color: #000;
    margin-right: 1%;
    height: 148px;
    width: 113px;
    cursor: pointer;
}

.model_body .tab_content ul li:first-child{
    margin-left: 2%;
}
.model_body .tab_content img{
    display: block;
    width: 100px;
    height: 148px;
}

.pay_lft .model_footer{
    width: 100%;
    height:73px;
    background-image: url("../images/pay_phone_footer.png");
    background-repeat: no-repeat;
    background-size: 100%;

    margin-top: 10%;
}

/*right*/
.pay_rgt{
    float: left;
    width: 60%;
    padding-left: 3%;
}
.pay_rgt .panel_head{
    padding: 8px;
    background-color: #2577e3;
    font-size: 16px;
    color: #fff;
}
.pay_rgt .panel_body{
    border:1px solid #ccc;
    box-shadow:0 0 2px #ccc ;
    -webkit-box-shadow:0 0 2px #ccc ;
    -moz-box-shadow:0 0 2px #ccc ;
    width: 100%;
}
.pay_rgt .panel{
    position: relative;
}
.pay_rgt .panel .panel_backdrop,
.pay_rgt .panel .add_back_drop,
.main .unpay_lock_backdrop
{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    filter: alpha(opacity=80);
    display: none;
}

.main .unpay_lock_backdrop
{
    width: 110%;
}

.main  .back_drop_info{
    position:absolute;
    width: 100%;
    top:300px;
    display: none;
}
.main .back_drop_info img{
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.main .back_drop_info p{
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    margin-top: 10px;
}
.main .back_drop_info a{
    display: block;
    width: 215px;
    text-align: center;
    margin: 20px auto 0 auto;
    padding: 2px 10px;
    outline: 0;
    background-color: #2577e3;
    color: #fff;
    font-size: 33px;
    cursor: pointer;
}

.pay_rgt .panel_body .group_name{
    padding-left: 8px;
    margin-top: 2%;
    font-size: 16px;
}
.pay_rgt .panel_body .group_name strong{
    font-weight: 900;
}
.pay_rgt .panel_body .group_name input[type="text"]{
    width: 200px;
    max-width: 200px;
}

.img_group_panel{
    float:left;
    position: relative;
    width: 33.3%;
    padding: 1%;
}

.panel_info{
    margin-top: 10px;
}

.panel_content>.panel_img{
    cursor: pointer;
}
.panel_info .btn_top{
    display: block;
    float: right;
    width: 30%;
    height: 32px;
    background-image: url("../images/pay_top.png");
    background-size:90% 100%;
    background-repeat:no-repeat;
    background-position:top right ;
    cursor: pointer;
}
.panel_info input{
    width: 60%;
}
.panel_content{
    background-color: #fff;
    box-shadow: 2px 2px 3px #ccc;
    position: relative;
}
.panel_group{
    margin-top: 2%;
    position: relative;
}
.panel_group .select_group{
    background-color: #2577e3;
    padding:2px 8px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.panel_group>ul{
    width: 100%;
    position: absolute;
    top:101%;
    left: 0;
    background-color: #fff;
    display: none;
    z-index: 10;
}
.panel_group>ul>li{
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    padding: 5px;
}

.panel_group>ul>li:hover{
    background-color: #2577e3;
    color: #fff;
    cursor: pointer;
}

.panel_group .select_group i{
    display: inline-block;
    width: 14px;
    height: 9px;
    margin-top: 5px;
    background-image: url("../images/pay_down.png");

}
.panel_content .panel_remove
{
    position: absolute;
    top:0;
    right: 0;
    display: none;

}

.panel_content .panel_remove i{
    display: block;
    width: 30px;
    height: 30px;
    font-size: 20px;
    font-weight: 900;
    text-align: center;
    background-color: #efefef;
    cursor: pointer;
}


.pay_rgt .panel_body .add_group_frame{

    width:150px;
    margin: 1% auto;
    padding: 8px 20px;
    background-color: #2577E3;
    color: #fff;
    font-weight: 900;
    font-size: 18px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}


.pay_rgt .panel_body .check_qr .checkme{
    float: right;
    font-size: 16px;
    margin-top: 5px;
}

.pay_rgt .panel_body .check_qr h3{
    font-size: 20px;
}

.modal{
    position: absolute;
    top:300px;
    width: 100%;
    height:auto;
    display: none;
}
.modal .modal_ct{
    background-color: #fff;
    box-shadow: 1px 1px 3px #ccc;
    -webkit-box-shadow: 1px 1px 3px #ccc;
    -moz-box-shadow: 1px 1px 3px #ccc;
    margin: 20px auto 0 auto;
    width: 350px;
    height: 350px;
}
.modal .modal_ct .tabct{
    margin-top: 20px;
}

.modal .modal_ct #netWork{
    padding-left: 10px;
    font-size: 16px;
}

.modal .modal_head{
    background-color:#2577E3;
    padding: 5px 10px;
    color: #fff;
    font-size: 18px;
}
.modal .modal_head i{
    float: right;
    cursor: pointer;
}

.modal .modal_body{
    padding: 5px 10px;
}

.modal_body ul li{
    float: left;
    cursor: pointer;
    font-size: 16px;
    padding: 2px 5px;
}
.modal_body ul li:first-child{
    border-right: 1px solid #ccc;
}
.modal_body ul li.active{
    color: #2577E3;
    font-weight: 900;
}

.modal.frame_add .modal_ct{
    height: auto;
}

.tabct_info span{
    padding: 5px 10px;
    color: #fff;
    font-size: 16px;
    background-color:#2577E3 ;
    margin-top: 10px;
    cursor: pointer;
}

.tabct_info input[type=file]{
    display: none;
}

.tabct_info img{
    display: block;
    margin: 15px auto 15px auto;
    width: 110px;
    height: 148px;
}

.tabct_info:first-child{
    display: block;
}

.carousel{
    background-color: #d8e7fb;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel .carousel_box{
    margin: 0 70px;
    overflow: hidden;
}
.carousel_qr_img{
    position: relative;
    overflow: hidden;
    left: 0;
    /*max-height: 596px;*/
}
.carousel_qr{
    float: left;
    position: relative;
    /*max-width: 823px;*/
}

@media  (max-width: 1366px){
    .carousel_qr{
        /*max-width: 494px;*/
    }
}

@media (min-width: 1367px) and (max-width: 1500px){
    .carousel_qr_img{
        /*max-width: 510px;*/
    }
    .carousel .carousel_box {
        margin: 0 70px;
    }
}

.carousel_qr .qr_info{
    float: left;
    width: 33.33%;
    padding: 15px;
    position: relative;
}

.carousel_qr .qr_info .back_drop{
    position: absolute;
    width: 89.8%;
    height: 90%;
    background-color: #000000;
    opacity: .5;
    filter: alpha(opacity=80);
    z-index: 12;
    top: 5%;
    left: 5%;
    display: none;
}

.carousel_qr .qr_info .check_bg{
    position: absolute;
    width: 89.8%;
    height: 90%;
    background-image:url(../images/qr_check.png);
    background-position: center center;
    background-size: 40% 30%;
    background-repeat: no-repeat;
    z-index: 13;
    top: 5%;
    left: 5%;
    display: none;
}

.carousel_qr .qr_info .back_drop.active{
    display: block;
}

.carousel_qr .qr_info .qr_content{
    background-color: #fff;
    padding: 8px;
    cursor: pointer;
}

.carousel_qr .qr_info p{
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.carousel .carousel_control{
    width: 100%;
}

.carousel .carousel_control .control_lft,
.carousel .carousel_control .control_rgt{
    position: absolute;
    display: block;
    width: 68px;
    height: 68px;
    top:42.56%;
}

.carousel .carousel_control .control_lft{
    background-image: url("../images/pay_left.png");
    left:0;
    cursor: pointer;
}

.carousel .carousel_control .control_rgt{
    background-image: url("../images/pay_right.png");
    right:0;
    cursor: pointer;
}

.carousel .carousel_num{
    height: 35px;
    text-align: center;
    font-size: 16px;
    color: #333;
}