@charset "utf-8";
/* CSS Document */

body{ background:#e6e6e6;}

.left{ float:left;}
.right{ float:right;}
.wrap{ height:100vh; box-sizing:border-box; background:#024ad9; position:relative; overflow:hidden; margin:0 auto;}
.clear{ height:0; clear:both;}

/*登录*/
.login{ height:100vh; background:url(../images/login_bg.jpg) top center no-repeat; background-size:cover; position:relative;}
.login .l_logo{ width:480px; height:196px; margin:0 auto; padding:20px 0 0 0;}
.login form{ display:block; width:744px; background:#fff; padding:0 58px; overflow:hidden; border-radius:15px; position:absolute; left:50%; top:50%; margin:-128px 0 0 -430px;}
.login form h2{ display:block; line-height:90px; color:#b32829; font-size:30px; font-weight:normal; text-align:center;}
.login form img.pic{ display:block; width:334px; height:330px; float:left; margin:0 38px 0 -32px;}
.login form p{ display:block; overflow:hidden; padding:15px 0;position:relative;}
.login form input.text{ display:block; width:282px; height:54px; color:#6f7e90; font-size:16px; padding:0 60px; border:1px solid #ddd;   border-radius:10px; }
.login form ::placeholder{ color:#6f7e90;}
.login form input.user{ background:url(../images/mobile.png) no-repeat 18px center;}
.login form input.pwd{ background:url(../images/password.png) no-repeat 18px center;}
.login form p img{ display:block; width:128px; height:35px; background:#fff; padding:7px 3px 8px; border:2px solid #f0f3f8; border-radius:27px; overflow:hidden; margin-left:16px;}
.login form a.btn{ display:block; width:404px; height:54px; line-height:54px; color:#fff; font-size:22px; letter-spacing:3px; text-align:center; border:0; background:#b32829; border-radius:10px; cursor:pointer; margin:0px 0 40px;}
/*.login form input.btn{ display:block; width:404px; height:54px; color:#fff; font-size:22px; letter-spacing:3px; text-align:center; border:0; background:#b32829; border-radius:10px; cursor:pointer; margin:0px 0 40px;}
*/
/*左侧*/
.leftMenu{ width:17.36%; min-width:250px; height:100vh;  position:relative; float:left; overflow-x:visible; overflow-y:auto;
    background: #024ad9; background:url(../images/leftbg.jpg) no-repeat top center;}
.leftMenu::-webkit-scrollbar{ width:7px; height:2px;}
.leftMenu::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.8);}
.leftMenu::-webkit-scrollbar-track{ background:none;}
.leftMenu h1.logo{ display:block; text-align:center; font-weight:normal;}
.leftMenu h1.logo a{ display:block; line-height:36px; color:#fff; font-size:24px; padding:38px 0 34px;}
.leftMenu h1.logo img{ display:block; height:60px; margin:0 auto 12px;}
.leftMenu ul{ display:block; border-top:1px solid rgba(255,255,255,0.1);}
.leftMenu ul li{ display:block; background:url(../images/li_bg.png) right 36px center no-repeat; border-bottom:1px solid rgba(255,255,255,0.1);}
.leftMenu ul li a{ display:block; line-height:68px; color:#fff; font-size:16px; padding:0 0 0 72px;}
.leftMenu ul li a.left_icon1{ background:url(../images/left_icon1.png) 32px center no-repeat;}
.leftMenu ul li a.left_icon2{ background:url(../images/left_icon2.png) 32px center no-repeat;}
.leftMenu ul li a.left_icon3{ background:url(../images/left_icon3.png) 32px center no-repeat;}
.leftMenu ul li a.left_icon4{ background:url(../images/left_icon4.png) 32px center no-repeat;}
.leftMenu ul li a.left_icon5{ background:url(../images/left_icon5.png) 32px center no-repeat;}
.leftMenu ul li:hover,
.leftMenu ul li.cur{ background-color:#39c9fe;}
.leftMenu ul li:hover a,
.leftMenu ul li.cur a{ color:#fff;}

/*右侧*/
.main{ height:100vh; background:#edeff3; padding:0 16px;overflow:hidden; overflow-y:auto;}
.topTitle{ line-height:70px; color:#666; font-size:14px; text-align:right; background:#fff; box-shadow:0 0 10px #b8b8b8; padding:0 40px; margin:0 -16px 24px;}
.topTitle em{ display:block; color:#333; font-size:20px; float:left;}
.topTitle a{ color:#ee0a0a;}
.topTitle a:hover{ text-decoration:underline;}

.ibox{ overflow:hidden;}
.ibox .con{ background:#fff; padding:0 20px; border-radius:5px; overflow:hidden; margin:0 16px;}
.ibox h2{ display:block; line-height:32px; color:#333; font-size:20px; font-weight:normal; padding:26px 0 0;}

.search{ padding:0 0 20px;}
.search .con{ padding:6px 14px; padding-right:0;}
.search .con p{ display:block; float:left; padding:6px 10px;}
.search .con p label{ display:block; line-height:32px; color:#333; font-size:14px; float:left; margin:0 8px 0 0;}
.search .con p span{ display:block; line-height:32px; color:#333; font-size:14px; float:left; margin:0 9px;}
.search .con p input.text{ display:block; width:90px; height:30px; color:#333; font-size:14px; padding:0 8px; background:#fff; border:1px solid #e5e5e5; border-radius:4px; float:left;}
.search .con p input.date{ width:80px;font-size:13px; padding-left:30px; background:url(../images/riqi.png) left 8px center no-repeat; cursor:pointer;}
.search .con p input.name{ width:185px;}
.search .con p select{ display:block; min-width:48px; height:32px; color:#333; font-size:14px; padding:0 4px; background:#fff; border:1px solid #e5e5e5; border-radius:4px; float:left; cursor:pointer;}
.search .con p button{ display:block; width:106px; height:32px; color:#fff; font-size:14px; background:#b32829; border:0; border-radius:5px; float:left; cursor:pointer;}
.search .con p button img{ margin-right:10px;}

.attr{ min-height:calc(100vh - 126px); background:#fff; padding:0 24px; border-radius:10px; overflow:hidden; margin:0 16px 32px;}
/*table.list{ width:100%; border:1px solid #ddd; border-collapse:collapse; margin:20px 0 0;}
table.list tr th{ line-height:42px; color:#333; font-size:14px; text-align:center; white-space:nowrap; border-bottom:1px solid #ddd; border-collapse:collapse;}
table.list tr td{ line-height:24px; color:#333; font-size:13px; text-align:center; padding:10px 0; border-bottom:1px solid #ddd; border-collapse:collapse;}
table.list tr:hover td{ background:#f6f6f6;}
table.list tr td:first-child{ padding:10px 4px;}
table.list tr td span.red{ color:#ee0a0a;}
table.list tr td span.date{ color:#999; font-size:13px;}
table.list tr td .wei{ color:#b32829; font-weight:bold;}
table.list tr td .fa{ color:#0C6; font-weight:bold;}
table.list tr td .dao{ color:#63C; font-weight:bold;}
table.list tr td a img{ width:18px; height:18px; margin:0 5px;}*/

.list{margin:20px auto 0px; height:auto;}
.list li{ height:auto; overflow:hidden; margin-bottom:15px; border-bottom:1px dotted #999; padding-bottom:15px;}
.list li p{ width:100%; float:left;}
.list li i{ float:left; padding:4px 0; color:#b32829; font-size:15px;}
.list li em{ float:left; padding:4px 0; color:#888; font-size:13px; margin-left:5px;}
.list li .del{ float:right; border:1px solid #ccc; border-radius:60px; padding:4px 20px; color:#999; font-size:13px; margin-left:10px; }
.list li .wei{ float:right; border:1px solid #b32829; border-radius:60px; padding:4px 20px; color:#b32829;font-size:13px;}
.list li a.list_p{ width:100%; float:left; line-height:24px; font-size:13px; color:#333; margin-top:5px;}
.list li a.list_p span{ width:33%; float:left;}


/*页码样式*/
.pages{ line-height:50px; margin-bottom:30px; color:#6f7e90; font-size:14px; text-align:center;}
.pages span,
.pages a{ color:#6f7e90; text-align:center; background:#fff; padding:0 6px; margin:0 0px;}
.pages a:hover{ color:#b32829;}
.pages span{ color:#b32829;}
.pages input{ width:36px; height:20px; line-height:10px; color:#6f7e90; font-size:13px; text-align:center; border:1px solid #ddd; margin:0 2px;}



/*添加录入样本信息*/
.piliang{ position:relative; width:120px; float:right; top:20px;}
.piliang a{ background:#f00; padding:5px 20px; color:#fff; border-radius:5px; font-size:15px;border:2px solid #fff;}
.piliang a:hover{ background:#fff; color:#f00; font-weight:bold; border:2px solid #f00;}
form.add{ margin:20px auto; }
form.add h3{ height:40px; line-height:40px; padding:0px 25px; font-size:16px;}
form.add p{ padding:5px 25px; height:40px; line-height:40px; font-size: 14px; }
form.add p label{ float:left; display:block; width:120px; text-align:right; margin-right:15px;}
form.add p select{ width:500px;height:36px; font-size:14px; border:1px solid #ddd; border-radius:4px; outline:none; color:#010101; background:none;white-space:nowrap; text-indent:10px;}
form.add p input.text{width:500px;height:36px; font-size:14px; border:1px solid #ddd; border-radius:4px; outline:none; color:#010101; background:none; text-indent:10px;}
.red{ color:#f00;}
form.add .fenge{ width:100%; height:5px; background:#eff1f4; margin:30px 0 10px; clear:both;}

form.add p input.sm_bnt{width:360px;}
form.add p input.saomiao{ width:40px; height:40px; border:none; background:url(../images/saomiao.png) no-repeat; outline:none;}
form.add p input.riqi{ background:url(../images/riqi.png) no-repeat 10px center; text-indent:35px;}

form.add .wu{ padding:5px 25px; height:80px; line-height:40px;}
form.add p.short{ width:300px; float:left; padding-right:0;}
form.add p input.text_short{width:116px; border:none; height:36px; outline:none; border-bottom:1px solid #ccc; float:left; background:none;}

form.add p.duanxuan{ width:204px; float:left; padding:0;}
form.add p .check{ float:left; width:18px; height:18px; margin:11px 10px 0 0; border:1px solid #ccc;}
form.add p.duanxuan label{ width:auto;}

form.add p.add_bnt{ height:40px;margin:20px auto 40px; text-align:center;}
form.add p.add_bnt input{ width:300px; height:40px; line-height:40px; text-align:center;border-radius:5px; background:#b32829; color:#fff; font-size:18px;letter-spacing:3px; border:none; outline:none;}

/*销售人员管理*/
.addxs{text-decoration:underline; line-height:80px;}
.addxs a{ color:#f00; font-size:15px;}

.main ul.person{ display:block; overflow:hidden; background:#fff; margin:0px -16px -16px;}
.main ul.person li{ display:block; width:20%; overflow:hidden; float:left; padding:5px 14px 11px; border:1px solid #ddd; margin:0 10px 20px;text-align:center;}
.main ul.person li:hover { border-color:#1589ff;}
.main ul.person li p{ display:block; line-height:30px; font-size:15px; overflow:hidden; }
.main ul.person li p img{ width:50px; height:50px; border-radius:50%; margin:10px 0}
.main ul.person li span{ display:block; height:30px; line-height:24px; float:left; font-size:13px; color:#999; width:50%; float:left;}
.main ul.person li a.edit{ display:block; width:50%; height:30px; line-height:24px; color:#999; font-size:13px; text-decoration:underline;float:left;}
.main ul.person li a.edit:hover{ color:#00F;}

/*修改密码*/
form.mima{ margin:50px auto; }
form.mima p{ padding:15px 25px; height:40px; line-height:40px; font-size: 14px; }
form.mima p label{ float:left; display:block; width:150px; text-align:right; margin-right:15px;}
form.mima p input.text{width:500px;height:36px; font-size:14px; border:1px solid #ddd; border-radius:4px; outline:none; color:#999; background:none; text-indent:10px;}
form.mima p.add_bnt{ height:40px;margin:20px auto 40px; padding-left:295px;}
form.mima p.add_bnt input{ width:300px; height:40px; line-height:40px; text-align:center;border-radius:5px; background:#b32829; color:#fff; font-size:18px;letter-spacing:3px; border:none; outline:none;}






















/**/