@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;}

/*登录*/
.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 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 .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 .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:#1a87c2; 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:#1a87c2;}
.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:#1a87c2;}
.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:#1a87c2;}
.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:100px; 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:100px; display:block; overflow:hidden;}
.left strong img{ width:100%; display:block;}
.left ul{ display:block; width:100px; padding-top:20px;}
.left ul li{ display:block; height:60px;}
.left ul li a{ width:60px; display:block; height:60px; position:relative; transition:width .5s; -moz-transition:width .5s; -webkit-transition:width .5s; -o-transition:width .5s; overflow:hidden;}
.left ul li a b{ width:4px; height:60px; background-color:#118bd8; position:absolute; left:0; top:0; display:none;}
.left ul li a span{ display:block; margin-left:40px; width:20px; height:60px; background-position:center; background-repeat:no-repeat;}
.left ul li a p{ display:block; position:absolute; left:70px; top:0; width:100px; height:16px; color:#118bd8; 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.on a,.left ul li:hover a{ width:180px; background-color:#fff;}
.left ul li.on.l01 span,.left ul li:hover.l01 span{ background-image:url(../images/n01h.png);}
.left ul li.on.l02 span,.left ul li:hover.l02 span{ background-image:url(../images/n02h.png);}
.left ul li.on.l03 span,.left ul li:hover.l03 span{ background-image:url(../images/n02h.png);}
.left ul li.on.l04 span,.left ul li:hover.l04 span{ background-image:url(../images/n03h.png);}
.left ul li.on.l05 span,.left ul li:hover.l05 span{ background-image:url(../images/n05h.png);}
.left ul li.on.l06 span,.left ul li:hover.l06 span{ background-image:url(../images/n05h.png);}
.left ul li.on.l07 span,.left ul li:hover.l07 span{ background-image:url(../images/n06h.png);}

.header{ width:100%; padding-left:100px; 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:#118bd8;}
.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:#118bd8;}

section{ width:100%; height:100%; padding-left:100px; padding-top:60px; display:block; box-sizing:border-box; overflow:auto;}
.con{ width:100%; height:100%;}
.content{ width:86%; 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:#118bd8;}
.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:#118bd8; 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:#118bd8;}

/*账户管理*/
.con .tit{ width:100%; height:32px;}
.con .tit p{ display:block; float:left; height:20px; margin-top:6px; border-left:4px solid #118bd8; 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:#118bd8; color:#fff; font-size:14px; border-radius:5px; margin-left:20px;}

.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:#118bd8;}

.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:#118bd8; 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:#118bd8;}
.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 #118bd8; 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:#118bd8;}

.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{ width:100%; display:block; 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:#118bd8; color:#fff; font-size:14px; border-radius:5px;}

/*员工信息*/
.con .tit span{ display:block; float:right; width:178px; height:30px; border:1px solid #118bd8; 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:50%; display:block; float:left; margin-top:3.5%;}
.kuang .xin01 dd input{ margin-left:28%; width:120px; display:block; cursor:pointer; height:32px; line-height:32px; text-align:center; background-color:#118bd8; color:#fff; font-size:14px; border-radius:5px;}
.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;}

/*广告*/
.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:#118bd8;}

/*公告内页*/
.bt{ width:86%; margin:auto; margin-top:2%; font-size:18px; height:36px; line-height:36px; color:#118bd8;}
.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;}
.wen ul{ width:100%; display:block; overflow:hidden;}
.wen ul li{ float:left; width:22%; margin-left:4%; margin-top:20px; overflow:hidden; text-align:center;}
.wen ul li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.wen ul li span{ display:block; width:100%; height:230px; overflow:hidden; margin-bottom:10px;}
.wen ul li img{ width:100% !important; display:block;}
.wen ul li p{ 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;}