@charset "utf-8";

/*css重置*/
body,form,div,span,ul,ol,li,p,pre,dl,dt,dd,h1,h2,h3,h4,h5,h6,em,a,fieldset,legend,address,label,textarea,select,input,figure,table,th,td,b,i{margin:0;padding:0;}
html{height: 100%;}
body{font-size: 14px; font-family: "微软雅黑","宋体", Verdana; height: 100%; background: #f1f1f1;}
fieldset,img{border:0;}
ul,li{list-style:none;}
em,i{font-style:normal;}
table{border-collapse:separate;border-spacing:0;}
a{text-decoration:none; color: #000;}

a:focus,input,button,select,textarea{outline:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-variant: normal; font-weight: normal;}
select,img{ vertical-align:middle;}
legend{ display:none;}
textarea{resize:none;}
.fl{float: left;}
.fr{float: right;}
.clear{ clear:both;}
.clearfix{zoom:1;}
.clearfix:after{clear:both; content:"";display:block;height:0;line-height:0;visibility:hidden;}

/*左侧*/
.wrap{width: 100%; height: 100%;}
.all_left{width: 250px; height: 100%; background: #1d1e23; overflow: hidden; overflow-y: auto;}
.all_left .all_h{height: 185px;}
.all_h .all_img{position: relative; left: 64px; top: 10px; width: 93px; height: 93px;}
.all_img .img_bg{position: absolute; z-index: 10; display: inline-block; width: 93px; height: 93px; background: url(../images/bg/img_bg.png) no-repeat; overflow: hidden;cursor: pointer;}
.all_img img{position: absolute; z-index: 5; width: 78px; height: 78px; left: 7px; top: 7px;}
.all_h p{color: #898989; height: 22px; line-height: 22px; font-size: 14px; margin-left:43px; width: 137px; overflow: hidden;}
.all_h p span{display: inline-block; width: 65px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; vertical-align: top; }
.all_h p.upfilebox{margin-top: 15px; position: relative;}
.all_h .upfilebox label {text-decoration: underline; position: absolute; display: inline-block; width: 60px; top: 0px; left: 0px; cursor: pointer; }

.upfilebox input {width: 100px; height: 32px; position: relative; z-index: 9; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter:alpha(opacity=0); -khtml-opacity: 0;   cursor: pointer; outline: none; border: 0;}
.all_h p .quit{color: #898989; text-align: right; text-decoration: underline;}
.all_h p.name span{color: #ffa800; font-weight: bold;vertical-align: middle;}
.all_nav{overflow: hidden;}
.all_nav ul.ite.all_h p.upfilebox{text-decoration: none;}
.all_nav ul.items li.nav_item{}
.all_nav ul.items li.nav_item a{display: block; height: 48px; line-height: 48px; color: #787f8b; font-size: 16px; }
.all_nav ul.items li span{float: left; display: inline-block; width: 20px; height: 20px; margin: 14px 15px 0 43px;}
.all_nav ul.items li i{float: right; margin: 18px 42px 0 0; display: inline-block; width: 7px; height: 14px; *margin-top: -28px;}
.all_nav ul.items li.home span{background: url(../images/bg/nav1.png) no-repeat;}
.all_nav ul.items li.system span{background: url(../images/bg/nav2.png) no-repeat;}
.all_nav ul.items li.user span{background: url(../images/bg/nav3.png) no-repeat;}
.all_nav ul.items li.role span{background: url(../images/bg/nav4.png) no-repeat;}
.all_nav ul.items li.power span{background: url(../images/bg/nav5.png) no-repeat;}
.all_nav ul.items li i{background: url(../images/bg/nav_close.png) no-repeat;}

.all_nav ul.items li.focus{background: #ff8400; padding-left: 3px;}
.all_nav ul.items li.focus>a{background: #ffa800; color: #6b2400;}

.all_nav ul.items li.focus.home span{background: url(../images/bg/nav1_h.png) no-repeat;}
.all_nav ul.items li.focus.system span{background: url(../images/bg/nav2_h.png) no-repeat;}
.all_nav ul.items li.focus.user span{background: url(../images/bg/nav3_h.png) no-repeat;}
.all_nav ul.items li.focus.role span{background: url(../images/bg/nav4_h.png) no-repeat;}
.all_nav ul.items li.focus.power span{background: url(../images/bg/nav5_h.png) no-repeat;}
.all_nav ul.items li i{background: url(../images/bg/nav_close.png) no-repeat;}
.all_nav ul.items li.focus i{width: 14px; height: 7px; background: url(../images/bg/nav_open_h.png) no-repeat;}

ul.sub_list{display: none;}
ul.sub_list li{margin-top: 1px; background: #ffbb4f; color: #6b2400; text-align: center; }
.all_nav ul.items ul.sub_list li a{color: #6b2400; font-size: 16px;}
.all_nav ul.items ul.sub_list>li.on,.all_nav ul.items ul.sub_list>li:hover{background: #ff8400;}
.all_nav ul.items ul.sub_list li.active{background: #ff8400;}
.all_nav ul.items ul.sub_list li i{width: 7px; height: 14px; background: url(../images/bg/nav_close_h.png) no-repeat;}
.all_nav ul.items ul.sub_list li.on i{width: 14px; height: 7px; background: url(../images/bg/nav_open_h.png) no-repeat;}
ul.sub_list li ul.sub{display: none;}
.all_nav ul.sub_list li ul.sub li.on,.all_nav ul.sub_list li ul.sub>li:hover{background: #b35d00;}
.all_nav ul.sub_list li ul.sub li.on>a,.all_nav ul.sub_list li ul.sub>li>a:hover{color: #fff}

.all_b{margin-top: 100px; text-align: center;}
.all_b img{width: 137px; height: 50px; border-bottom:1px dashed #363940; padding-bottom: 7px;}
.all_b p{color: #474a53; font-size: 12px; line-height: 20px;}


/*右侧*/
.all_right{width: auto; overflow: hidden; background: #f1f1f1; padding: 12px 20px 12px 12px;}

.header{position: relative; height: 100px; border-bottom: 2px solid #d3d7d9;}
.header .h_left{margin: 30px 0 0 50px; padding-left: 50px; overflow: hidden; height: 40px; line-height: 40px; color: #5c5d60; font-size: 30px; font-weight: bold;}
.header .system{background: url(../images/bg/system.jpg) no-repeat;}
.header .home{background: url(../images/bg/home.jpg) no-repeat;}
.header .user{background: url(../images/bg/user.jpg) no-repeat;}
.header .role{background: url(../images/bg/role.jpg) no-repeat;}
.header .power{background: url(../images/bg/power.jpg) no-repeat;}
.header .message{background: url(../images/bg/message.jpg) no-repeat 0 12px;}
.header .deal{background: url(../images/bg/deal.jpg) no-repeat 0 5px;}
.header .h_right{position: absolute; top: 30px; right:50px;}
.h_right .tips_wrap{position: relative; width: 146px; border: 1px solid #8b8b8b; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
.h_right .tips_wrap .tips{position: relative; display: inline-block; width: 146px; height: 40px; line-height: 40px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;  background: #fff; color: #323232; font-size: 16px; text-align: center; cursor: pointer;}
.on_bottom{border-bottom: 1px solid #8b8b8b!important;}
.tips span{display: inline-block; width: 15px; height: 9px; background: url(../images/bg/tip_icon.jpg) no-repeat; margin-right: 30px; *margin-top: -13px;}
.tips i{display: inline-block; width: 10px; height: 10px; position: absolute; top: -5px; right: -5px; background: url(../images/bg/circle.png) no-repeat;}
.h_right .on{}
.h_right .tips_wrap ul{display: none; width: 146px; background: #fff; -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -ms-border-bottom-left-radius: 5px;  border-bottom-left-radius: 5px; -moz-border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; -ms-border-bottom-right-radius:5px; border-bottom-right-radius:5px; text-align: center;}
.h_right .tips_wrap ul li{ height: 40px; line-height: 40px; }
.h_right .tips_wrap ul li a{color: #929292; text-decoration: none;}
.h_right .tips_wrap ul li:hover a{color: #323232;}

.wrap .content{padding: 34px 50px 0 62px; min-width: 1100px;}

/*主页*/
.content .home{height: 535px; margin-top: 6px;}
.content .home .home_left{padding-top: 43px; height: 337px; width: 50.14%; background: url(../images/bg/h_line.png) no-repeat left top; }
.content .home .home_right{height: 380px; width: 49.86%; text-align: center;}
.content .home .home_right img{margin: 63px 0 40px 0; width: 141px; height: 141px;}
.content .home .home_right p{font-size: 16px; color: #606060;}
.bg_wrap{height: 45px; padding-top: 5px; position: relative; margin-bottom: 36px;}

.bg_wrap .bg{width: 50%; height: 16px; border: 1px solid #fff2f2; max-width: 78%; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; margin: 0 0 0 44px; float: left;}
.bg_wrap .bg1{background: #90bef5;}
.bg_wrap .bg2{background: #f06d58;}
.bg_wrap .bg3{background: #97d53d;}
.bg_wrap .bg4{background: #ef9836;}
.bg_wrap .bg span{display: inline-block; width: 100%; height: 16px;}
.bg_wrap .home_text{float: left; height: 18px; line-height: 18px; font-size: 19px; padding: 0 10px; border: 1px solid #60636a; margin-left: 9px; color: #5b636b; -moz-border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px;}
.bg_wrap p{float: left; height: 20px; line-height: 20px; clear: left; font-size: 16px; color: #5b636b; margin: 5px 0 0 44px;}
.bg_wrap p span{color: #a6aaae; font-size: 40px; vertical-align: top; margin-right: 10px;}
.bg_wrap .icon{width: 27px; height: 27px; display: inline-block; position: absolute; left: -7px; top: 0;}
.bg_wrap .icon1{background: url(../images/bg/h2.jpg) no-repeat;}
.bg_wrap .icon2{background: url(../images/bg/h3.jpg) no-repeat;}
.bg_wrap .icon3{background: url(../images/bg/h4.jpg) no-repeat;}
.bg_wrap .icon4{background: url(../images/bg/h5.jpg) no-repeat;}

/*申诉列表*/
.system .s_top{width: 100%; height: 160px; min-width: 1083px; border-bottom: 1px solid #dedede;}
.s_top .select{height: 40px;line-height: 40px; float: left; margin:0 26px 17px 0;}
.s_top .road,.s_top .rolename{position: relative;}
.s_top .road{z-index: 100;}
.s_top .rolename{z-index: 50;}
.select span{float: left; font-size: 16px; color: #47474b; margin-right: 15px;}
.select span i{margin: 0 16px;}
.select .s_type{float: left; position: relative; border: 1px solid #8b8b8b; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px;}
.select .s_type .type_text{position: relative; width: 250px; height: 40px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px;}
.select .s_type .text_input{border:0; width: 220px;}
.s_type .type_text .text_icon{position: absolute; right: 12px; top: 17px; width: 13px; height: 7px; background: url(../images/bg/down.png) no-repeat;}
.s_type .type_text .up{background: url(../images/bg/up.png) no-repeat;}
.select .text_input{width: 218px; height: 38px; line-height: 38px; border: 1px solid #8b8b8b; color: #8b8b8b; font-size: 16px;padding:0 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px;}
.w226 .text_input{width: 194px;}
.s_top .w226{margin-right: 0;}
.s_top .w325 .text_input{width: 293px;}
.s_type .date{clear: left;}
.s_type .type_list{display: none; width: 250px; max-height: 150px; overflow-y: auto;  background: #fff; -moz-border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -ms-border-bottom-left-radius: 10px; -moz-border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -ms-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background: #fff; text-indent: 20px;  font-size: 16px;}
.s_type .type_list li{height: 40px; line-height: 40px;}
.s_type .type_list li a{display: block; text-decoration: none; color: #7a7a7a;}
.s_type .type_list li a:hover{color: #323232;}
.date .text_input{float: left; width: 249px;}
.date label{display: inline-block; width: 38px; height: 38px; line-height: 38px; border: 1px solid #8b8b8b; background: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; text-align: center; cursor: pointer; float: left; margin-left: 4px;}
.date label img{width: 20px; height: 20px; margin-top: -5px; *margin-top: 8px;}
.date ._line{float: left; margin: 0 8px 0 10px; color: #8b8b8b;}
.admin .date ._line{font-size: 12px;}
.s_top .search{float: left; background: #343434; color: #fff; border: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; height: 40px; line-height: 40px; width: 225px; font-size: 16px; cursor: pointer; margin-left: 18px;}
.s_top .search:hover{background: #1c1c1c;}
.s_bottom{width: 100%;}
.s_bottom table { width: 100%; border-collapse: collapse; border-spacing: 0; margin-top: 10px; table-layout: fixed;}
.s_bottom tr {height: 49px;}
.s_bottom th {height: 58px; line-height: 58px;overflow: hidden; text-overflow: ellipsis; -o-text-overflow:ellipsis; white-space: nowrap; font-size: 16px; color: #262626!important; font-weight: normal;}
.s_bottom tr td {text-align: center; font-size: 16px; height: 49px; line-height: 49px; overflow: hidden; color: #262626; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.s_bottom .num { width: 4.47%;}
.s_bottom .quest_type { width: 10.25%;}
.s_bottom .dingdan { width: 22.64%;}
.s_bottom .game { width: 11.18%;}
.s_bottom .play_name { width: 12.95%;}
.s_bottom .role_name { width: 11.92%;}
.s_bottom .time { width: 16.6%;}
.s_bottom .status { width: 12.12%; color: #ff8400;}
.s_bottom .status.on{color: #262626;}
.s_bottom .dealing { width: 12.39%;}
.s_bottom .handle { width: 8%;}
.s_bottom .handle a:hover{color: #ff8400; text-decoration: none;}

/*回复模板*/
.system .h100{height: 66px;}
.s_top .add{display: inline-block; float: right; position: relative; width: 147px; height: 40px; background: #343434; line-height: 40px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; color: #fff; text-indent: 20px; font-size: 16px; text-decoration: none;}
.s_top .add span{position: absolute; top: 15px; right: 19px; display: inline-block; background: url(../images/bg/add.png) no-repeat; width: 13px; height: 11px; border-radius: 10px; color: #fff;}
.s_replay tr .num{width: 5.96%;}
.s_replay tr .quest_type{width: 13.97%;}
.s_replay tr .replay{width: 67.19%;}
.s_replay tr .handle{width: 12.86%;}
.s_replay tr .handle span{margin: 0 5px;}


/*分页*/
.fenye div{height: 40px; line-height: 40px; width: 100%; text-align: center; color: #8f9092; margin: 40px auto 46px;}
.fenye a,.fenye span{display: inline-block; width: 40px; color: #8f9092; height: 40px; line-height: 40px; text-align: center; background: #e7ebee; margin: 0 5px; text-decoration: none;}
.fenye .focus,.fenye .current,.fenye a:hover{background: #343434; color: #f0f0f0;}


/*用户列表*/
.user .s_top{width: 100%; height: 66px; border-bottom: 1px solid #dedede;}

.user tr .id,.role tr .id,.power tr .id{width: 4.1%;}
.user tr .name,.role tr .name,.power tr .name{width: 12.76%;}
.user tr .account,.role tr .account,.power tr .account{width: 12.49%;}
.user tr .u_role,.role tr .u_role,.power tr .u_role{width: 13.23%;}
.user tr .status,.role tr .status,.power tr .status{width: 10.71%; color: #262626;}
.newslist td .status{color: #ff8400;}
.user tr .login_time,.role tr .login_time,.power tr .login_time{width: 18.73%;}
.user tr .login_num,.role tr .login_num,.power tr .login_num{width: 11.46%;}

.user tr .handle,.role tr .handle,.power tr .handle{width: 8.57%;}
.user tr .handle span,.role tr .handle span,.power tr .handle span{margin: 0 5px;}

/*添加用户*/
.adduser .s_top{border-bottom: 0; height: auto; position: relative;}
.adduser .s_top .select{float: none;}

.adduser .select .s_type,.adduser .select .s_type .type_text,.adduser .s_type .type_list{width: 278px;}
.adduser .s_top .select .text_input{width: 248px;}
.adduser .select .s_type{position: absolute; left: 95px;}
.adduser .s_top .search{width: 281px; margin-left: 95px;}

/*角色列表*/
.role tr .id{width: 5.59%;}
.role tr .u_role{width: 24.23%;}
.role tr .status{width: 19.57%;}
.role tr .add_time{width: 30.75%; line-height: 49px; height: 49px; overflow: hidden;}
.role tr .handle{width: 19.85%;}

/*管理员列表*/
.admin tr .id{width: 4.66%;}
.admin tr .username{width: 15.37%;}
.admin tr .road{width: 13.05%;}
.admin tr .rolename{width: 15.84%;}
.admin tr .status{width: 12.11%; color: #262626;}
.admin tr .add_time{width: 21.8%; }
.admin tr .handle{width: 16.6%;}
.admin tr .handle span{margin: 0 5px;}


/*提单处理*/
.deal{margin-top: -10px; }
.deal .d_left{width: 45.67%; float: left;}
.d_left .d_tit,.d_right .m_tit{height: 20px; line-height: 20px; width: auto; background:url(../images/bg/bg1.jpg) no-repeat; padding-left:26px; font-size: 16px; color: #47484c; font-weight: bold; margin-bottom: 34px;}
.deal dl{float: left;color: #47484c; font-size: 14px; height: 30px; line-height: 30px; margin-bottom: 20px; width: 49%; overflow: hidden;}
.deal dl dt{float: left; font-weight: bold;}
.deal dl dd{float: left; }
.deal dl.login1,.deal dl.login2,.deal dl.id_num,.deal dl.mobile,.deal dl.repair,.deal dl.pay_num{clear: left;}
.deal dl.login1,.deal dl.login2,.deal dl.id_num,.deal dl.repair,.deal dl.pay_num{width:98%; overflow: hidden;}
.deal dl.dlcomm{white-space: normal; height: auto;}
.dlcomm dd{clear: left; padding: 0 20px;}
.deal .d_right{float: left; width: 52.1%;}
.d_right .m_tit{background: url(../images/bg/bg2.jpg) no-repeat; margin-left: 50px;}
.right_wrap{position: relative; border-left: 1px solid #ddd; padding-left: 50px;}
.mould{width: 100%; border-right: 1px solid #ddd; padding:0 10px 30px 0; margin-bottom: 30px;}

.mould p.vertical,.mould_replay p{font-size: 16px; color: #47484c; border-left: 1px solid #929292; height: 16px; line-height: 16px; padding-left: 8px; margin-bottom: 19px;}

.d_icon{width: 22px; height: 20px; position: absolute; top: 0; left: -12px; background: url(../images/bg/icon.jpg) no-repeat;}
.mould .d_icon1{width: 22px; height: 20px; position: absolute; top: 0; right: -22px; background: url(../images/bg/icon.jpg) no-repeat;}
.m_select a.normal{display: inline-block; height: 38px; line-height: 38px; padding: 0 15px; color: #4a4a4c; font-size: 12px; border: 1px solid #818184; background: #f1f1f1; border-radius: 8px; margin: 0 12px 10px 0; text-decoration: none;}
.m_select .active{background: #1d1e23; height: 40px; line-height: 40px; padding: 0 16px; color: white;}
.mould .m_select{max-height: 200px; overflow: hidden; overflow-y: auto;}
.mould textarea,.mould_replay textarea{width: 96%; height: 162px; overflow-y: auto; border: 1px solid #c1c1c1; border-radius: 10px; font-size: 16px; color: #47484c; padding: 15px; background: #f1f1f1;}
.mould textarea{height: 141px;}
.addreplay{border-right: 0; margin-bottom: 0; padding-right: 0;}
.mould .addreplay_con{width: auto; height: auto;}
.replay_btn{margin: 16px 0; position: relative;}
.replay_btn .re_btn{display: inline-block; width: 147px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #343434; border-radius: 10px; font-size: 16px; float: left; text-decoration: none;}
.replay_btn .send_btn{display: inline-block; width: 147px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #343434; border-radius: 10px; font-size: 16px; position: absolute; text-decoration: none; top: 0; left: 50%; margin-left: -73.5px;}
.replay_btn .back{display: inline-block; width: 145px; height: 38px; line-height: 38px; text-align: center; color: #1d1e23; background: #f1f1f1; border-radius: 10px; font-size: 16px; float: right; border: 1px solid #1d1e23; text-decoration: none;}


/*登录页面*/
.login_bg{width: 100%; height: 100%; background: url(../images/bg/login_bg.jpg) center no-repeat; overflow: hidden;}
.login_box{position: absolute; left: 50%; margin-left: -229.5px; width: 409px; height: 575px; padding: 25px; background: url(../images/bg/bg3.png) no-repeat; *padding-top: 40px;}
.login{position: relative; background:#fff; width: 380px; height: 547px; border-radius: 6px; margin: 14px;}
.l_top,.l_bottom{width: 100%; height: 33px; background: #f4f3f1; clear: left;}
.l_top{border-top-left-radius: 6px; border-top-right-radius: 6px;}
.l_content .logo{width: 219px; height: 79px; margin: 17px auto 10px; display: block;}
.l_content p{color: #ff5600; font-size: 19px; margin-bottom: 20px; text-align: center; font-weight: bold;}
.verify-btn{position: absolute; right: 0; top: 0; height: 39px; padding: 0 8px; background-color: #86ce2f; color: #fff;
    cursor: pointer;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.l_content .error{position: absolute; top: 179px; left: 55px; border: 1px solid #ff9997; color: #ce0000; font-size: 14px; display: block; width: 268px; height: 25px; line-height: 25px; text-align: center; overflow: hidden;}

.login_text{float: left; margin: 0 0 16px 55px; *margin-left: 27px; height: 39px; line-height: 39px;
    position: relative;}

.login_text .l_text{float: left; width: 248px; height: 37px; line-height: 37px; padding: 0 10px; border: 1px solid #c6c5bb; font-size: 14px; color: #000;}
.login_text .on{border:1px solid #f3c686;}
.login_text span{float: left; display: inline-block; margin-left: 8px; height: 39px; line-height: 39px;}
.login_text span.yes{background: url(../images/bg/yes.png) no-repeat 0 center; width: 14px;}
.login_text span.no{background: url(../images/bg/no.png) no-repeat 0 center; width: 11px;}
.code .l_text{width: 74px; margin-right: 17px;}
.code_img{float: left; width: 156px; height: 37px; border: 1px solid #bab9ad;}
.code_img img{width: 137px; height: 37px; float: left;}
.code_img .freshen{float: left; display: block; width: 18px; height: 37px; background: url(../images/bg/freshen.png) 3px 13px no-repeat; border-left: 1px solid #bab9ad;}
.login_btn,.auto_login{clear: left; float: left;}
.login_btn{display: block; margin: 0 0 17px 55px; width: 270px; height: 40px; line-height: 40px; text-align: center; background: #86ce2f; border-radius: 4px; color: #fff; font-size: 17px; border:0; cursor: pointer;}
.login_btn:hover{background: #68aa19;}
.auto_login{width: 270px; margin-left: 55px; height: 16px; line-height: 16px; color: #000; font-size: 12px; margin-bottom: 17px;}
.auto_login span{display: inline-block; width: 16px; height: 16px; background: url(../images/bg/check.jpg) no-repeat; float: left; margin-right: 6px; cursor: pointer;}
.auto_login span.on{background: url(../images/bg/check_on.jpg) no-repeat;}

/*cps统计*/
.cps label{ color: #28282b; font-size: 16px; padding: 15px 0;}
.cps_h label{font-size: 18px;}
.cps label .cps_check{width: 21px; height: 21px; border: 1px solid #8b8b8b; margin-left: 9px;  vertical-align: middle;}
.cps_h{height: 62px; line-height: 62px; border-bottom: 1px solid #dedede;}
.cps_h .cps_btn{float: right; width: 150px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; background: #343434; border-radius: 10px; border: 0;}
.cps ul.cps_list{overflow: hidden;}
.cps ul.cps_list li .cps_line{display: block; border-bottom: 1px solid #dedede; width: 100%;}
.cps ul.cps_list>li .cps_line>label{display: inline-block; padding-left: 40px; }
.cps ul.cps_list li ul li{border-bottom: 1px solid #dedede;}
.cps ul.cps_list li>ul>li{padding-left: 135px;}

.cps ul.cps_list li ul li label{float: left; margin-right: 22px;}

/*遮罩*/
.zhezhao{width:100%; height: 100%; background:#000; opacity:0.7; filter:alpha(opacity=70); position:absolute; top:0; left:0; display:none; z-index:150;}

/*弹窗*/
.del_box{position: absolute; left: 50%; margin-left: -172.5px; top: 284px; width: 345px; height: 200px; background: #f1f1f1; border-radius: 10px; z-index: 99999999999;}
.del_box p{width: 100%; color: #323232; font-size: 24px; height: 39px; line-height: 39px; background: url(../images/bg/trash.png) no-repeat ; margin: 50px 0 32px 60px; padding-left: 47px;}
.del_box .del_btn{width: 100%; text-align: center;}
.del_btn a,.add_btn a{display: inline-block; width: 132px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; border-radius: 10px; text-decoration: none;}
.del_btn a.yes,.add_btn a.yes{background: #343434; color: #fff; margin-right: 10px;}
.del_btn a.no,.add_btn a.no{background: #f1f1f1; color: #343434; width: 130px; height: 38px; line-height: 38px; border: 1px solid #343434;}

.add_box{position: absolute; left: 50%; margin-left: -172.5px; top: 228.5px; z-index: 999999; width: 345px; height: 279px; background: #f1f1f1; border-radius: 10px; text-align: center; padding-top: 32px;}
.add_input{margin-bottom: 16px;}
.add_input input{width: 258px; height: 38px; line-height: 38px; border: 1px solid #8b8b8b; border-radius: 10px; padding: 0 10px; color: #323232; font-size: 16px; outline: none;}
.add_box p{text-align: left; color: #323232; font-size: 16px; height: 21px; line-height: 21px; margin: 0 0 17px 35px; }
.add_box p input{width: 21px; height: 21px; border: 1px solid #8b8b8b; margin-right: 5px; vertical-align: middle; outline: none;}

/*节点管理 start*/
.tc .zk,.tc .sub_class{outline: none; width: 16px; height: 16px; border: 0;}
.tc .show{background: url(../images/bg/bg5.png) no-repeat; width: 17px;}
.tc .hide{background: url(../images/bg/bg4.png) no-repeat;}
.sub_class{background: url(../images/bg/bg6.png) no-repeat;}
.tc .sub_class
.level1{padding-left:0px;}
.level2{padding-left:19px;}
.level3{padding-left:38px;}
.level4{padding-left:57px;}
.level5{padding-left:76px;}
.table{table-layout:fixed; border:0;}
.table tr{border:0;}
.table tr:hover{background-color:#dbdbdb;}
.table th{height:50px; border:0; color:#505053; font-size: 16px;}
.table td{overflow:hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space:nowrap; word-wrap:normal; text-align:center; height:40px; border:0; font-size:16px; color: #28282b;}
.table td a{color:#505053; text-decoration:none;}
.table td.tc span{font-size: 14px; color: #505053; margin: 0 4px;}
.table .add{display:inline-block; height:25px; line-height:25px; border-radius:3px;}
.table .modify{display:inline-block; height:25px; line-height:25px; border-radius:3px;}
.table .delete{display:inline-block; height:25px; line-height:25px; border-radius:3px;}
.table td.tc input{background: #f1f1f1; color: #28282b; height:32px; line-height: 32px; padding:0 8px; font-size: 16px; border: 1px solid #343434;}
.table td.tc input.describe{width:123px;}
.table td.tc input.fenlei{width:221px;}
.table td.tc input.sort{width:31px;}

.table td.tc input[type=checkbox]{margin-left:5px; width: 21px; height: 21px; border: 1px solid #8b8b8b; vertical-align: middle;}
.table td a.save{display:inline-block; text-align:center; height:25px; line-height:25px; border-radius:3px; margin-right:5px;}
.table td a.dontsave{display:inline-block; text-align:center; height:25px; line-height:25px; border-radius:3px;}
div#panl button#ad_submit{display:inline-block; width:60px; text-align:center; height:25px; line-height:25px; border-radius:3px; margin:0 5px 0 68px; border:0;}
div#panl button#ad_qx{display:inline-block; width:60px; text-align:center; height:25px; line-height:25px; border-radius:3px; border:0; margin-top:10px;}
div#panl tr{margin-bottom:5px; display:block;}
div#panl tr span{display:inline-block; width:60px; text-align:right; padding-right:5px;}
div#panl tr input[type=text]{width:160px; height:24px; padding:0 5px; border:1px solid #337AB7; border-radius:2px;}
div#panl tr input[type=checkbox]{vertical-align:-2px;}
#zhezhao{width:100%; display:none; position:absolute; top:0; left:0; z-index:99;}
#zhezhao #bg{width:100%; height:100%; background-color:#000; opacity:0.5; filter:alpha(opacity=50); position:absolute; top:0; left:0; z-index:100;}
#zhezhao div#panl{background-color:#D9EDF7; color:#31708F; font-family:"微软雅黑", "宋体", Verdana; width:260px; height:180px; border:2px solid #337AB7; border-radius:5px; font-size:14px; padding:20px; position:absolute; z-index:101; left:50%; margin-left:-130px;}
/*节点管理 end*/

/*2017.6.9 主页改版*/
.home_tab{position: relative; padding: 34px 0 0 62px;}
.home_tab a{display: inline-block; height: 30px; line-height: 30px; padding: 0 15px; margin-right: 10px; border: 1px solid #343434; border-radius: 20px; color: #343434; font-size: 16px;}
.home_tab a.on,.home_tab a:hover{background: #343434; color: #fff;}
.content .home{width: 70%;}


.other_login{display: block; width: 90%; line-height: 32px; overflow: hidden; padding: 20px; float: left;margin-top: 5px; border: 1px solid #d3d7d9;}
.other_login .other_login_text{height: 32px; line-height: 32px; color: #5b636b;}
.other_login .other_login_btn{width: auto; height: 32px; line-height: 32px;display: inline-block;}
.other_login .other_login_btn a{width: 32px;height: 32px;display: inline-block;margin: 0 8px;background:url(../images/bg/other.png) no-repeat;}
.other_login .other_login_btn a:hover{width: 32px;height: 32px;display: inline-block;background:url(../images/bg/other_h.png) no-repeat;}
.other_login .other_login_btn .qq,.other_login .other_login_btn .qq:hover{background-position: 0 -91px;}
.other_login .other_login_btn .weixin,.other_login .other_login_btn .weixin:hover{background-position: -59px -91px;}
.other_login .other_login_btn .sina,.other_login .other_login_btn .sina:hover{background-position: -119px -91px;}
.other_login .quick_link{margin-right: 20px;}
.diary_list{width: 28%; height: 490px; padding: 0 10px; border: 1px solid #d3d7d9; text-align: center; background: #fff; border-radius: 5px;}
.diary_list .diary_tit{height: 35px; line-height: 35px; border-bottom: 1px solid #d3d7d9; color: #262626; font-size: 20px; font-weight: bold;}
.diary_list ul{height: 455px; overflow-y: auto;padding-left: 15px;}
.diary_list li{height: 32px; line-height: 32px;}
.diary_list li a{display: block; height: 32px; line-height: 32px; color: #888; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;float: left;}
.diary_list li a.s_left{margin-right: 10px;float: right;}
.diary_list li:hover a{color: #000;}
.content .s_bottom .id{width: 5%;}
.content .s_bottom .account{width: 15%;}
.content .s_bottom .server_num{width: 5%;}
.content .s_bottom .u_role{width: 15%;}
.content .s_bottom .login_time{width: 15%;}
.content .s_bottom .detail_question{width: 30%;}
.content .s_bottom .status{width: 5%;}
.content .s_bottom .handle{width: 10%;}


.s_bottom .tab_top div{display: block;float: left;padding: 10px;cursor: pointer;}
.s_bottom .tab_top div.current{color: #0096A7;}

.native_select{width: 200px;height: 40px;}
.native_input{width: 200px;height: 25px;}
.s_tab span{display: block;width: 80px;line-height: 30px;text-align: center;float: left;cursor: pointer}
.s_tab span.current{color: #008B00}
.form_table{width: 100%;}
.form_table td{padding: 10px;}