/* 重置样式 */
*{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border:0; padding:0; margin:0;}
body,html{ overflow-y:hidden; width:100%; height:100%;}
body{ font:12px Arial,Helvetica,sans-serif; color:#000; background:#f2f2f2;}
body.bgwhite{ background-color:#fff;}
body.minwidth{ min-width:1200px;}
img,a img{ font-size: 0; line-height: 0;}
h1,h2,h3,h4,h5,h6{ font-size:12px; font-weight:normal;}
ul,li,ol,dt,dl,dd{ list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
address,cite,pre,code,em,th,i{font-weight:normal; font-style:normal;}
pre,code{ display:block;}
label,input,textarea,select,button{ vertical-align:middle; outline:none;}
input,button,select,img{line-height:normal;}
img{ vertical-align: middle;}
a{ color:#000; text-decoration:none; outline:none;}
.danger{ color:#f56c35 !important;}
.tc{ text-align: center;}



/* 按钮 */
.btn{ display:inline-block; padding:2px 3px; border:1px solid #e6e6e6; border-radius:3px; background-color:#faf6f7; cursor:pointer;}
.btn em{ padding:0 2px; font-size:12px; color:#333; vertical-align:middle}
.btn i{ display:inline-block; margin:0 2px; font-size:12px; color:#333; vertical-align:middle;}
.btn:hover em,.btn:hover i{ color:#f56c35;}
.btn_danger{ border-color:#f56c35; background-color:#f56c35;}
.btn_danger em,.btn_danger i{ font-size:12px; color:#fff;}
.btn_danger:hover{ background-color:#f86125;}
.btn_danger:hover em,.btn_danger:hover i{ color:#fff;}
.btn_transparent{ background-color:#fff;}
.btn_bornone{ background-color:#fff; border:0 none;}
.btn_disable{ border:1px solid #e6e6e6; border-radius:3px; background-color:#faf6f7; opacity:0.5; cursor:not-allowed;}
.btn_disable:hover em{ background-color:#faf6f7; color:#333;}

/* 字体颜色 */
.normal{ color:#333 !important;}
.successed{ color:#26b02a !important;}
.failed{ color:#f02425 !important;}
.danger{ color:#f56c35 !important;}
.disabled{ color:#666 !important;}

/* 背景颜色 */
.successed_bg{ background-color:#26b02a !important;}
.failed_bg{ background-color:#f02425 !important;}
.danger_bg{ background-color:#f56c35 !important;}

/* 表单 */
.text,.date,.select,.textarea{ border:1px solid #ddd; border-radius:2px; font-size:12px; color:#000;}
.text,.date,.select{ height:27px; line-height:27px; padding:0 5px;}
.select{ padding-right:0;}
.textarea{ height:50px; padding:5px;}
.text:focus,.date:focus,.select:focus,.textarea:focus{ border-color:#428bca;}
.to{ display:inline-block; width:14px; line-height:27px; text-align:center; font-size:12px; vertical-align:middle;}
.checkbox{ line-height:16px; cursor:pointer;}
.checkbox i{ width:16px; height:16px; vertical-align:middle;}
.checkbox em{ padding-left:5px; vertical-align:middle;}
.checkbox:hover i{ background-position-y:-23px;}
.checkbox.checked i{ background-position-y:-46px;}

/* 图标 */
.icon{ display:inline-block; background:url("../images/login_icon.png") no-repeat; vertical-align:middle;}
.icon.checkbox_icon{ background-position:0 0;}

/* 登录 */
.login_wrapper{ width:100%; height:100%; background:url("../images/login_bg.jpg") no-repeat; background-size:cover;}
.login_wrapper .head{ padding:30px 65px;}
.login_wrapper .head .name{ display:inline; float:left; font-size:25px; color:#fff;}
.login_wrapper .head .con{ display:inline; float:right; font-size:14px; color:#fff;}
.login_wrapper .head .con a{ padding:2px 5px; font-size:12px; color:#fe970a;}
.login_wrapper .head .con a.inlineblock{ display:inline-block; border-radius:3px; background-color:#fb7818; color:#fff;}
.login_wrapper .body{ position:absolute; top:50%; left:50%; margin-top:-255px; margin-left:-643px; width:1286px; height:510px; background:url("../images/login_box.png?v=2.0") no-repeat;}
.login_wrapper .body .slide_box{ display:inline; float:left; height:405px; margin:102px 0 0 99px;}
.slide_box .slide_nav{ overflow:hidden; position:relative; width:457px; height:345px;}
.slide_box .slide_nav ul{ position:absolute; top:0; left:0; height:345px;}
.slide_box .slide_nav li{ overflow:hidden; display:inline; float:left; width:457px; padding: 0 0 0 8px;}
.slide_box .radius_nav{ width:100%; padding-top:10px; text-align:center;}
.slide_box .radius_nav li{ display:inline-block; margin:0 6px;}
.slide_box .radius_nav li a{ display:inline-block; width:10px; height:10px; border-radius:50%; background-color:#ffd0ae;}
.slide_box .radius_nav li.active a{ background-color:#fb7818;}
.login_wrapper .body .login_box{ display:inline; float:right;}
.login_wrapper .body .login_box h2{ padding-bottom:10px;}
.login_box h2 a{ display:inline-block; height:50px; line-height:50px; margin-right:42px; font-size:18px; color:#333; transition:all 0.3s ease 0s;}
.login_box h2 a.active{ border-bottom:2px solid #fb7818; color:#fb7818;}
.login_box h2 a:hover{ color:#000;}
.login_box h2 a.active:hover{ color:#fb7818;}
.login_box .con{ display: inline; float: left; margin-top: 60px;}
.login_box .con.static{ width:400px; padding: 0 0 0 30px; border-left: 1px solid #ededed;}
.login_box .con.quick{ overflow: hidden; width:260px; height: 420px;}
.login_box .con.quick .bd{ padding-right: 0;}
.login_box .hd{ height:61px; padding:14px 92px 0 0;}
.login_box .hd .tips{ position:relative; display:inline; float:right; width:96px; height:34px; line-height:34px; margin-right:15px; padding:0 6px; border:1px solid #f3d995; border-radius:2px; background-color:#fefdf1; font-size:15px; color:#df9c1f;}
.login_box .hd .tips:after{ position:absolute; top:50%; right:-9px; margin-top:-8px; content:""; display:inline-block; width:9px; height:16px; background:url("../images/login_icon.png") no-repeat -26px 0;}
.login_box .hd .tips span{ font-size:15px;}
.login_box .hd .tips i{ margin-right:6px;}
.login_box .bd{ padding: 0 90px 0 0;}
.login_box .bd .error{ padding-top:15px; font-size:12px; color:#f12525; text-align:center;}
.login_box .bd .text_con,.login_box .bd .code_con{ position:relative; width:100%; height:40px; margin-top:20px;}
.login_box .bd .text_con span{ position:absolute; top:0; left:0; display:inline-block; width:38px; height:40px; line-height:40px; text-align:center;}
.login_box .bd .text_con span i{ font-size:14px; color:#d7d7d7; vertical-align:middle;}
.login_box .bd .text_con .text,.login_box .bd .code_con .text{ height:40px; line-height:38px; padding:0 12px 0 38px; border:1px solid #c5cddb; border-radius:3px; font-size:14px; color:#000;}
.login_box .bd .text_con .text{ width:100%;}
.login_box .bd .code_con .text{ float:left; width:168px; padding-left:12px;}
.login_box .bd .code_con .btn{ overflow:hidden; float:right; width:100px; height:40px; padding:8px 7px; border:1px solid #c5cddb; border-radius:3px; vertical-align:middle; text-align:center;}
.login_box .bd .code_con .btn em{ font-size:15px;}
.login_box .bd .code_con .btn:hover em{ color:#fb7818;}
.login_box .bd .code_con img{ float:right; width:100px; height:40px; border:1px solid #c5cddb; border-radius:2px; cursor:pointer;}
.login_box .bd .code_con .lightbox{ position:absolute; top:15px; left:145px;}
.login_box .bd .code_con .lightbox span{ font-size:14px;}
.login_box .bd .forget_con{ padding:16px 0 12px;}
.login_box .bd .checkbox{ float:left; height:16px; line-height:16px; cursor:pointer;}
.login_box .bd .checkbox .checkbox_icon{ width:16px; height:16px; margin-right:5px; vertical-align:top;}
.login_box .bd .checkbox em{ font-size:12px; color:#666;}
.login_box .bd .checkbox:hover .checkbox_icon{ background-position-y:-23px;}
.login_box .bd .checkbox.checked .checkbox_icon{ background-position-y:-46px;}
.forget_con .forget{ float:right; font-size:12px; color:#fb7818;}
.login_box .bd .btn_con{ margin-top:20px;}
.login_box .bd .btn_con .btn{ width:100%; height:40px; border-radius:2px; background-color:#fb7818; font-size:18px; color:#fff;}
.login_box .bd .txt{ line-height: 18px; padding-top:19px; font-size:12px; color:#999; text-align:center;}
.qrcode_con iframe{ width: 100%; margin-top: 5px;}
.qrcode_con p{ padding-top:16px; font-size:16px; text-align:center;}
.qrcode_con p i{ margin-right:8px; color:#fc984e; vertical-align:middle;}
.login_wrapper .footer{ position:fixed; left:0; bottom:0; width:100%; height:36px; line-height:36px; background-color:#fff;}
.login_wrapper .footer p{ text-align:center; font-size:12px; color:#939393;}
.model_quick .quick{ display:block;}
.model_static .static{ display:block;}

.main_con{ overflow:auto; position:absolute; top:10px; left:10px; bottom:10px; right:10px;}
.main_con.gapnone{ top:0; left:0; bottom:0; right:0;}
.main_con.minwidth{ min-width:1200px;}
.main_con.bgwhite{ border:1px solid #ddd; background-color:#fff;}
.main_con.hidden{ overflow:hidden;}
.main_con.auto{ overflow:auto;}
.main_con.bgfff{ background-color:#fff;}


.group{ overflow:hidden; padding:10px 20px; clear:both;}
.group .tit{ overflow:hidden; padding:10px; border-bottom:1px solid #e6e6e6;}
.group .tit.bordernone{ border:0 none;}
.group .tit h2{ display:inline; float:left; font-size:14px; font-weight:bold; color:#333;}
.group .tit h2:before{ display:inline-block; width:3px; content:""; height:14px; margin-right:10px; background-color:#f56c35; vertical-align:middle;}
.group .tit .fr{ display:inline; float:right;}
.group .con{ clear:both; max-width:1200px; padding:20px 0 0;}
.group .con.maxnone{ max-width:none;}
.group .con.padding0{ padding:0;}
.group .con .nav{ clear: both;}
.group .con .nav > ul > li{ width:100%; min-height:40px; position:relative;}
.group .con .nav > ul > li>.label{ position:absolute; top:0; left:0; display:block; width:165px; height:27px; line-height:27px; font-size:12px; color:#333; text-align:right;}
.group .con .nav > ul > li>.label em{ padding-right:5px;}
.group .con .nav > ul > li .content{ margin-bottom:5px; padding-left:170px; font-size:0;}
.group .con .nav > ul > li .content .num_box .text{ padding:0 50px; text-align:center;}
.group .con .nav > ul > li .content .text,.group .con .nav > ul > li .content .select,.group .con .nav > ul > li .content .textarea{ width:280px;}
.group .con .nav > ul > li .content .num_box span{ position:absolute; top:1px; display:inline-block; height:25px; line-height:25px; padding:0 10px; background-color:#f2f2f2; font-size:16px; color:#333; cursor:pointer;}
.group .con .nav.col_2 > ul > li{ display:inline; float:left; width:50%;}
.group .btn_con{ padding-left:170px;}
.group .btn_con .btn{ margin-right:10px; padding:5px 15px;}
.group .con .promptinfo_box{ margin:0 35px 20px;}

/* 提示信息 */
.promptinfo_box{ margin-bottom:10px; padding:4px 20px; border:1px solid #f3d995; background-color:#fefcee; text-align:left;}
.promptinfo_box p{ line-height:20px; font-size:12px; color:#c58100;}
.promptinfo_box p a{ display:inline-block; line-height:15px; margin-left:3px; padding:0 2px; border-radius:2px; color:#ff4900; text-decoration:underline; vertical-align:middle}
.promptinfo_box p a:hover{ background-color:#ff4900; color:#fff; text-decoration:none;}
.promptinfo_box .close{ position:absolute; top:7px; right:15px; display:inline-block; width:18px; height:18px; line-height:18px; font-size:14px; font-weight:bold; color:#666; text-align:center;}