@charset "utf-8";

/* CSS Document */



*{ margin:0; padding:0; border:none; outline:none; font-family:"微软雅黑";}

html,body{ width:100%; height:100%; color:#333; background-color:#f1f1f1;}

a{ text-decoration:none; color:#333;}

dl,dt,dd,ul,ol,li{ list-style:none;}



.fl{ float:left;}

.fr{ float:right;}

.ov{ overflow:hidden;}



.con .table img{ max-width:100%;}



/*登录*/

.plp-bg{ position:fixed; width:100%; height:100%; top:0; background:url(../images/bg_login_bg.jpg) center center no-repeat; background-size:cover;}

.dlbox{ width:380px; position:absolute; top:13%; left:50%; margin-left:-190px;}

.dlbox .tou{ width:100%; height:31px;}

.dlbox .tou img{ display:block; height:31px; margin:auto;}

.dlbox .dl{ width:100%; background-color:#fff; margin-top:5%; padding-top:2%; padding-bottom:6%;}

.dlbox .dl .title{ text-align:center; font-size:24px; color:#666; padding:4% 0;}

.dlbox .dl .name{ width:270px; margin:auto; margin-bottom:5%; height:40px;}

.dlbox .dl .name strong{ display:block; width:7px; height:40px; float:left;}

.dlbox .dl .name input{ width:262px; padding:0 10px; border:1px solid #cacaca; border-left:none; display:block; float:left; font-size:14px; height:40px; line-height:40px;}

.dlbox .dl .name select{ width:262px; padding:0 10px; border:1px solid #cacaca; border-left:none; display:block; float:left; font-size:14px; height:40px; line-height:40px;}

.dlbox .dl .yanz{ width:270px; margin:auto; margin-bottom:5%; height:40px;}

.dlbox .dl .yanz strong{ display:block; width:7px; height:40px; float:left;}

.dlbox .dl .yanz input{ width:132px; padding:0 10px; border:1px solid #cacaca; border-left:none; display:block; float:left; font-size:14px; height:40px; line-height:40px;}

.dlbox .dl .yanz a{ width:118px; display:block; border:1px solid #cacaca; float:right; height:38px; overflow:hidden;}

.dlbox .dl .yanz a img{ width:118px; display:block; height:38px;}

.dlbox .dl .deng{ width:270px; height:40px; margin:auto;}

.dlbox .dl .deng input{ width:100%; display:block; text-align:center; color:#fff; background-color:#d60008; font-size:16px; cursor:pointer; height:40px; line-height:40px;}

.dlbox .dl .zc{ width:100%; display:block; text-align:center; font-size:14px; height:32px; line-height:32px; margin-top:2%;}

.dlbox .dl .zc a{ color:#666;}

.dlbox .dl .zc a:hover{ color:#d60008;}

.dlbox .dl p{ width:270px; margin:auto; text-align:center; display:block; margin-bottom:1%; font-size:14px; text-align:center; height:32px; line-height:32px;}

.dlbox .dl p a{ color:#d60008;}

.dlbox .dl .deng01{ width:270px; height:40px; margin:auto; position:relative;}

.dlbox .dl .deng01 span{ text-align:center; display:block; width:100%; height:40px; line-height:40px; font-size:16px; color:#fff; background-color:#d60008;}

.dlbox .dl .deng01 input{ width:270px; display:block; opacity:0; cursor:pointer; height:40px; position:absolute; left:0; bottom:0; z-index:99;}



.foot{ width:100%; position:absolute; left:0; bottom:3%; font-size:14px; text-align:center; color:#fff;}

.foot a{ color:#fff;}



.dlbox01{ width:860px; position:absolute; top:13%; left:50%; margin-left:-380px;}

.dlbox01 .tou{ width:100%; height:31px;}

.dlbox01 .tou img{ display:block; height:31px; margin:auto;}

.dlbox01 .dl{ width:750px; background-color:#fff; margin-top:5%; padding:2% 55px; padding-bottom:6%;}

.dlbox01 .dl .title{ text-align:center; font-size:24px; color:#666; padding:4% 0;}

.dlbox01 .dl .name{ width:230px; float:left; margin:0 10px; margin-bottom:2%; height:40px;}

.dlbox01 .dl .name strong{ display:block; width:7px; height:40px; float:left;}

.dlbox01 .dl .name input{ width:222px; padding:0 10px; border:1px solid #cacaca; border-left:none; display:block; float:left; font-size:14px; height:40px; line-height:40px;}

.dlbox01 .dl .name select{ width:222px; text-indent:10px; border:1px solid #cacaca; border-left:none; display:block; float:left; font-size:14px; height:40px; line-height:40px;}

.dlbox01 .dl .deng01{ width:490px; margin-left:10px; margin-bottom:2%; float:left;}

.dlbox01 .dl .deng01 img{ display:block; float:left; height:100px;}

.dlbox01 .dl .deng01 input{ display:block; float:left; margin-left:10px; margin-top:40px; width:380px;}

.dlbox01 .dl .deng01 span{ display:block; float:left; margin-left:10px; font-size:14px; line-height:24px; margin-top:10px;}

.dlbox01 .dl .deng{ float:none; width:230px; height:40px; margin:auto; margin-top:2%;}

.dlbox01 .dl .deng input{ width:100%; display:block; text-align:center; color:#fff; background-color:#d60008; font-size:16px; cursor:pointer; height:40px; line-height:40px;}

.dlbox01 .dl .text{ width:730px; margin-left:10px;}

.dlbox01 .dl .text strong{ display:block; width:7px; height:120px; float:left;}

.dlbox01 .dl .text textarea{ display:block; width:722px; padding:10px; height:120px; line-height:24px; font-size:14px; border:1px solid #cacaca; border-left:none; float:left;}



/*main*/

.left{ width:170px; height:100%; position:fixed; left:0; top:0; box-shadow:3px 3px 3px rgba(221,221,221,0.75); background-color:#f7f7f7; z-index:11;}

.left strong{ width:170px; display:block; overflow:hidden; background-color:#d60008;}

.left strong img{ margin:auto; display:block;}

.left ul{ display:block; width:100%;}

.left ul li{ display:block; position:relative;}

.left ul li a{ width:100%; display:block; height:60px; position:relative; overflow:hidden;}

.left ul li a b{ width:4px; height:60px; background-color:#d60008; position:absolute; left:0; top:0; display:none;}

.left ul li a span{ display:block; margin-left:20px; width:20px; height:60px; background-position:center; background-repeat:no-repeat;}

.left ul li a p{ display:block; position:absolute; left:50px; top:0; width:120px; height:16px; line-height:60px; height:60px;}

.left ul li.l01 span{ background-image:url(../images/n01.png);}

.left ul li.l02 span{ background-image:url(../images/n02.png);}

.left ul li.l03 span{ background-image:url(../images/n02.png);}

.left ul li.l04 span{ background-image:url(../images/n03.png);}

.left ul li.l05 span{ background-image:url(../images/n05.png);}

.left ul li.l06 span{ background-image:url(../images/n05.png);}

.left ul li.l07 span{ background-image:url(../images/n06.png);}

.left ul li.l08 span{ background-image:url(../images/n06.png);}

.left ul li.on,.left ul li.cur,.left ul li:hover{ background-color:#fff;}

.left ul li.on a,.left ul li.cur a,.left ul li:hover a{ color:#d60008;}

.left ul li.on.l01 span,.left ul li.cur.l01 span,.left ul li:hover.l01 span{ background-image:url(../images/n01h.png);}

.left ul li.on.l02 span,.left ul li.cur.l02 span,.left ul li:hover.l02 span{ background-image:url(../images/n02h.png);}

.left ul li.on.l03 span,.left ul li.cur.l03 span,.left ul li:hover.l03 span{ background-image:url(../images/n02h.png);}

.left ul li.on.l04 span,.left ul li.cur.l04 span,.left ul li:hover.l04 span{ background-image:url(../images/n03h.png);}

.left ul li.on.l05 span,.left ul li.cur.l05 span,.left ul li:hover.l05 span{ background-image:url(../images/n05h.png);}

.left ul li.on.l06 span,.left ul li.cur.l06 span,.left ul li:hover.l06 span{ background-image:url(../images/n05h.png);}

.left ul li.on.l07 span,.left ul li.cur.l07 span,.left ul li:hover.l07 span{ background-image:url(../images/n06h.png);}

.left ul li.on.l08 span,.left ul li.cur.l08 span,.left ul li:hover.l08 span{ background-image:url(../images/n06h.png);}

.left ul dl{ display:none; overflow:hidden; z-index:999; padding-left:50px; background-color:#fff; margin-top:-10px; padding-bottom:10px;}

.left ul dl a{ width:100% !important; display:block; height:30px; line-height:30px; font-size:14px; overflow:hidden; color:#666 !important;}

.left ul li.cur dl{ display:block;}

.left ul dl .on a{ color:#d60008 !important;}

.left ul dl a:hover,.left ul dl a.on{ color:#d60008 !important;}



.header{ width:100%; padding-left:170px; box-sizing:border-box; height:60px; position:fixed; left:0; top:0; z-index:12;}

.header .head{ width:100%; height:60px; background-color:#fff; box-shadow:3px 3px 3px rgba(221,221,221,0.75);}

.header .head strong{ height:60px; display:block; float:left; overflow:hidden;}

.header .head strong img{ height:60px; display:block;}

.header .head p{ display:block; float:left; height:60px; line-height:60px; margin-left:30px; padding-left:22px; background-image:url(../images/wei.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px;}

.header .head p a{ color:#333;}

.header .head p a:hover{ color:#d60008;}

.header .head ul{ display:block; float:right; height:16px; padding:22px 10px; overflow:hidden;}

.header .head ul li{ display:block; float:left; margin-right:50px; height:16px; overflow:hidden;}

.header .head ul li span{ width:16px; height:16px; display:inline-block; overflow:hidden; margin-right:5px;}

.header .head ul li a{ height:16px; line-height:16px; font-size:14px; color:#333; display:inline-block; overflow:hidden;}

.header .head ul li:hover a{ color:#d60008;}



section,.section{ width:100%; height:100%; padding-left:170px; padding-top:60px; display:block; box-sizing:border-box; overflow:auto;}

.con{ width:100%; height:100%;}

.content{ width:86%; min-height:50%; padding:3% 7%; overflow:hidden;}



/*首页*/

.con .top{ width:100%; height:100px; background-color:#fff; background-position:left center; background-repeat:no-repeat; background-image:url(../images/top.jpg);}

.con .top p{ display:block; float:left; margin-left:550px; padding-top:22px;}

.con .top p span{ height:36px; line-height:36px; display:block; color:#666; font-size:14px;}

.con .top p span b{ font-weight:normal; font-size:36px; color:#d60008;}

.con .top p strong{ font-weight:normal; display:block; height:22px; line-height:22px; font-size:14px; color:#999;}

.con .top a{ display:block; float:right; margin-right:20px; margin-top:34px; width:140px; height:32px; line-height:32px; text-align:center; font-size:14px; color:#fff; background-color:#d60008; border-radius:5px;}



.con .nav{ width:100%; display:block; margin-top:1.5%;}

.con .nav dt{ width:23.95%; display:block; float:left; overflow:hidden;}

.con .nav dd{ margin-left:1.4%; width:23.95%; display:block; float:left; overflow:hidden;}

.con .nav img{ width:100%; display:block;}



.con .tab{ width:100%; background-color:#cacaca; margin-top:1.5%; color:#333;}

.con .tab th{ font-weight:normal; font-size:16px; background-color:#f7f7f7;}

.con .tab td{ font-size:14px; background-color:#fff;}

.con .tab td a{ color:#333; min-width:35%; display:inline-block;}

.con .tab td a:hover{ color:#d60008;}



/*账户管理*/

.con .tit{ width:100%; margin-top:-10px;}

.con .tit p{ display:block; float:left; height:20px; margin-top:16px; margin-bottom:8px; border-left:4px solid #d60008; padding-left:10px; font-size:18px; line-height:20px; color:#333;}

.con .tit a{ display:block; float:right; width:140px; height:32px; line-height:32px; text-align:center; background-color:#d60008; color:#fff; font-size:14px; border-radius:5px; margin-left:20px; margin-top:10px;}

.con .tit form{ display:block; float:right;}

.con .tit input{display: block;float: right;width: 140px;height: 32px;line-height: 32px;text-align: center;font-size: 14px;border-radius: 5px;margin-left: 20px;margin-top: 10px;}

.con .tit select{display: block;float: right;width: 140px;height: 32px;line-height: 32px;text-align: center;font-size: 14px;border-radius: 5px;margin-left: 20px;margin-top: 10px;}



.con .table{ width:100%; background-color:#cacaca; margin-top:1.5%; color:#333;}

.con .table th{ font-weight:normal; font-size:16px; background-color:#f7f7f7;}

.con .table td{ font-size:14px; background-color:#fff;}

.con .table td a{ color:#333; min-width:35%; display:inline-block;}

.con .table td a:hover{ color:#d60008;}



.con .fanye{ text-align:right; width:100%; margin-top:1.5%; font-size:14px;}

.con .fanye span{ width:18px; height:18px; line-height:18px; border-radius:20px; background-color:#d60008; color:#fff; margin-left:5px;}

.con .fanye a{ width:18px; height:18px; line-height:18px; border-radius:20px; color:#333; margin-left:5px;}

.con .fanye a:hover{ color:#d60008;}

.kuang{ width:100%; min-height:84%; padding-bottom:3%; background-color:#fff;}



/*账户管理内页*/

.kuang .biao{ width:86%; margin:auto; margin-top:3%; height:40px; border-bottom:1px solid #cacaca;}

.kuang .biao p{ display:block; float:left; height:20px; margin-top:10px; border-left:4px solid #d60008; padding-left:10px; font-size:18px; line-height:20px; color:#333;}

.kuang .biao a{ display:block; float:right; height:40px; line-height:46px; text-align:right; color:#666; font-size:14px;}

.kuang .biao a:hover{ color:#d60008;}



.kuang .xin{ width:86%; margin:auto; margin-top:1.5%; display:block;}

.kuang .xin dt{ width:100%; min-height:40px; display:block; margin-top:2%; overflow:hidden;}

.kuang .xin dt span{ width:23%; display:block; float:left; font-size:16px; line-height:40px; height:40px; text-align:right; color:#333;}

.kuang .xin dt p{ display:block; float:left; margin-left:2%; width:39%; height:38px; border:1px solid #cacaca; overflow:hidden; position:relative;}

.kuang .xin dt b{ display:block; float:left; margin-left:2%; min-height:22px; padding-top:9px; overflow:hidden; position:relative;}

.kuang .xin dt .img{ width:20%; display:block; float:left; margin-left:2%;}

.kuang .xin dt p input{ display:block;width:100%; padding:0 3%; font-size:14px; line-height:38px; height:38px; overflow:hidden;}

.kuang .xin dt p select{ width:100%;  display:block; padding:0 3%; font-size:14px; line-height:38px; height:38px; overflow:hidden;}

.kuang .xin dt p strong{ display:none;}

.kuang .xin dd{ width:39%; display:block; float:left; margin-left:25%; margin-top:3.5%;}

.kuang .xin dd input{ width:120px; display:block; cursor:pointer; height:32px; line-height:32px; text-align:center; background-color:#d60008; color:#fff; font-size:14px; border-radius:5px;}



/*员工信息*/

.con .tit span{ display:block; float:right; width:178px; height:30px; border:1px solid #d60008; overflow:hidden; position:relative; border-radius:5px; background-color:#fff;}

.con .tit span select{ width:100%; display:block; padding:0 3%; font-size:14px; line-height:30px; height:30px; overflow:hidden;}

.con .tit span strong{ display:none;}



/*员工信息内页*/

.kuang .xin01{ width:86%; margin:auto; margin-top:1.5%; display:block;}

.kuang .xin01 dt{ width:50%; float:left; min-height:40px; display:block; margin-top:2%; overflow:hidden;}

.kuang .xin01 dt span{ width:26%; display:block; float:left; font-size:16px; line-height:40px; height:40px; text-align:right; color:#333;}

.kuang .xin01 dt p{ display:block; float:left; margin-left:2%; width:50%; height:38px; border:1px solid #cacaca; overflow:hidden; position:relative;}

.kuang .xin01 dt p input{ display:block; padding:0 3%; font-size:14px; line-height:38px; height:38px; overflow:hidden;}

.kuang .xin01 dd{ width:100%; display:block; float:left; margin-top:3.5%;}

.kuang .xin01 dd input{ margin-left:14%; width:120px; display:block; cursor:pointer; height:32px; line-height:32px; text-align:center; background-color:#d60008; color:#fff; font-size:14px; border-radius:5px; float:left;}

.kuang .xin01 dt p select{ width:100%; display:block; padding:0 3%; font-size:14px; line-height:38px; height:38px; overflow:hidden;}

.kuang .xin01 dt p strong{ display:none;}

.upload{ width:120px; height:30px; border:1px solid #ddd; background-color:#f2f2f2; text-align:center; font-size:14px; line-height:30px; display:block; overflow:hidden; float:left; margin-left:20px; cursor:pointer; margin-top:130px;}



/*广告*/

.list{ width:86%; margin:auto; margin-top:1%; display:block;}

.list li{ display:block; line-height:36px; height:36px; font-size:14px;}

.list li a{ padding-left:10px; background-image:url(../images/li.jpg); background-position:center left; background-repeat:no-repeat; width:70%; display:block; float:left; overflow:hidden;}

.list li span{ width:25%; display:block; float:right; text-align:right; color:#999;}

.list li a:hover{ color:#d60008;}



/*公告内页*/

.bt{ width:86%; margin:auto; margin-top:2%; font-size:18px; height:36px; line-height:36px; color:#d60008;}

.wen{ width:86%; margin:auto; margin-top:1%; font-size:14px; line-height:24px; color:#333;}

.bm{ width:350px; margin:auto; margin-top:2%;}

.bm img{ width:100%; display:block;}



/*弹出框*/

#btn1{ cursor: pointer;}

.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}

.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; width: 570px; margin-left: -285px; margin-top: -160px; border-radius: 5px; font-weight: bold; color: #535e66;}

.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px; border-bottom: solid 1px #eef0f1;}

.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}

.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;}

.xcConfirm .popBox .txtBox{margin: 40px 100px; overflow: hidden;}

.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(__PUBLIC__/Home/PC/images/icons.png); background-repeat: no-repeat; background-position: 48px 0;}

.xcConfirm .popBox .txtBox p{ margin-top: 16px; line-height: 26px; overflow-x: hidden; overflow-y: auto;}

.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}

.xcConfirm .popBox .btnGroup{float: right;}

.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}

.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}

.xcConfirm .popBox .sgBtn.ok{background-color: #0095d9; color: #FFFFFF;}

.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}