/*云商Erp头部*/
body.erp_body{background-color: #141181;min-width: 1200px;background-position: center 0;background-repeat: no-repeat;}
textarea,input{ word-wrap:break-word; word-break:break-all; padding:0px;}
* html body{ overflow:visible;}
* html iframe, * html frame{ overflow:auto;}
* html frameset{ overflow:hidden;}
body{background-size:cover; font:12px/22px "微软雅黑";background:#f0f0f0;}
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset,table, legend, input, button, textarea, p, blockquote, th, td,img,div,tr{margin:0; padding:0;font-size: 12px}
input,select{ font-size:12px; vertical-align:middle;}
textarea,input{ word-wrap:break-word; word-break:break-all; padding:0px;}
li{ list-style-type:none;}
img{ border:0 none; max-width:100%}
a{ outline:none; star:expression(this.onFocus=this.blur());font-family: "微软雅黑";-webkit-tap-highlight-color: transparent;}
a:hover{color:#1f89d3}
div:focus{outline:none;}
h1{ font-size:24px;}
h2{ font-size:20px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
.wrap{ width:1200px; margin:0 auto; }

/*头部*/
.erp_body .header{height: 100px;border-bottom: 1px solid #ddd;color: #fff;font-size: 18px;}
.erp_body .header .erp_logo{float: left;height: 100px;overflow: hidden;}
.erp_body .header .erp_logo .erp_logoback{cursor: pointer; width: 240px;background-repeat: no-repeat;background-position: left center; float: left;background-size: 100% auto; height: 100px}
.erp_body .header .erp_logo .erp_logoback a{display: inline-block;width: 100%;height: 100%;}
.erp_body .header .erp_logo .erp_logotitle{font-size: 18px;font-weight: bold;text-align: center; line-height: 100px;float: right;width: 100px;}
.erp_body .header .erp_hotline{float: right;font-size: 16px;font-weight: bold;text-align: left;padding: 28px 0;}
.erp_body .header .erp_hotline a{color: #fff;text-decoration: none;}

/*公共样式*/
.erp_body .box_title{font-size: 22px;line-height: 44px;height: 44px;text-align: center;color: #333;font-weight: bold;padding-top: 30px}
.erp_body .box_div{padding: 12px 0;position: relative;}
.erp_body .box_div .s_name{width: 100px;display: inline-block;text-align: right;font-size: 16px;}
.erp_body .box_div input:not([type=checkbox]){border-top:none;width: 230px;position: absolute;top: 5px; border-left: none;border-right: none;margin: 0 10px;padding: 10px 10px; border-bottom: 1px solid #ddd;outline: none;background-color: rgba(0,0,0,0);font-size: 14px;}
.erp_body .box_div label{text-align: center;margin-left: 100px;cursor: pointer;font-size: 14px;}
.erp_body .box_div label input{width: 14px;height: 14px;background: red;position: relative;top: -2px;left: -5px;}
.erp_body .box_div label input:before{background:#fff;content: '';top: 0;left: 0;width: 100%;height: 100%;position: absolute;border: 1px solid #000;}
.erp_body .box_div label input[type=checkbox]:checked::after{background: #fff;content: '✓';position: absolute;top: 0;left: 0;line-height: 14px; font-weight: bold; width: 100%;height: 100%;text-align: center;border: 1px solid #000;}
.erp_body .go_findpass a{margin-left: 20px;font-size: 14px;color: #1f89d3;text-decoration:none;}
.erp_body .go_findpass a:hover{text-decoration: underline;color: blue;}
.erp_body .verify_box input:not([type=checkbox]){width: 130px;}
.erp_body .verify_box img{position: absolute;right: 30px;cursor: pointer;}
.erp_body .code_box input:not([type=checkbox]){width: 130px;}
.erp_body .code_box button{position: absolute;right: 30px;cursor: pointer;width: 83px; height: 30px;line-height: 30px;border: 1px solid #2099f4;background: #2099f4;color: #fff;}
.erp_body .btn_box{text-align: center;padding: 0;}
.erp_body .btn_box button{width: 300px;height: 40px;line-height: 40px;margin-top:10px;background: #fff;border: 1px solid #ddd;font-size: 14px;outline: none;cursor: pointer;}
.erp_body .btn_box button:first-child{margin-top:0px;}
.erp_body .brief_box {text-align: center;}
.erp_body .erp_main{ position:relative; min-height:600px;}
.erp_body .erp_main .wrap>div.login_box{position: absolute;left:60%;top: 50%;}
.erp_body .erp_main .wrap>div.register_box{position: absolute;left:60%;top: 50%;}
.erp_body .erp_main .wrap>div.findpass_box{position: absolute;left:60%;top: 50%;}

.erp_body .erp_main .wrap div.erp_left_back{background-repeat: no-repeat;position: fixed;right: 50%;top: 55%;width: 730px;height: 550px;margin-top: -220px;}
/*登录样式*/
.erp_body .erp_main .login_box{width: 390px;height: 490px;margin-top:-245px;background: #fff;float: right;margin-right: 10px;border-radius: 5px;box-shadow: 0 0 5px #000;}
.erp_body .erp_main .login_box .btn_box button:first-child{background: #2099f4;color: #fff;border-radius: 3px;letter-spacing: 10px; border: 1px solid #2099f4}
.erp_body .erp_main .login_box .btn_box button:first-child:hover{background:#1c83d1 }
.erp_body .erp_main .login_box .btn_box button:last-child{background: #fff;color:#2099f4;border: 1px solid #2099f4;letter-spacing: 2px;border-radius: 3px}
.erp_body .erp_main .login_box .btn_box button:last-child:hover{background:#1c83d1;color: #fff;}
.erp_body .erp_main .login_box .registerP{font-size: 14px;}
.erp_body .erp_main .login_box .registerP a{text-decoration: none;color: #1f89d3;}
.erp_body .erp_main .login_box .registerP a:hover{text-decoration: underline;color: blue;}
.erp_body .erp_main .login_box .registerP span:first-child{font-size: 16px; line-height: 32px;}
/*注册样式*/
.erp_body .erp_main .register_box{width: 390px;height: 630px;margin-top: -265px; background: #fff;float: right;margin-right: 10px;border-radius: 5px;box-shadow: 0 0 5px #000;}
.erp_body .erp_main .register_box .go_findpass label{margin-left: 50px;}
.erp_body .erp_main .register_box .btn_box button:first-child{background: #2099f4;color: #fff;border-radius: 3px;letter-spacing: 2px; border: 1px solid #2099f4}
.erp_body .erp_main .register_box .btn_box button:first-child:hover{background:#1c83d1 }

/*找回密码样式*/
.erp_body .erp_main .findpass_box{width: 390px;height: 390px;margin-top: -195px; background: #fff;float: right;margin-right: 10px;border-radius: 5px;box-shadow: 0 0 5px #000;}
.erp_body .erp_main .findpass_box .go_findpass a{margin-left: 50px;}
.erp_body .erp_main .findpass_box .btn_box button:first-child{background: #2099f4;color: #fff;border-radius: 3px;letter-spacing: 2px; border: 1px solid #2099f4}
.erp_body .erp_main .findpass_box .btn_box button:first-child:hover{background:#1c83d1 }

/*右侧链接提示*/
.right_link{position: fixed;right: 0px;top: 50%;z-index: 4;margin-top: -146.5px;}
.right_link ul{height: 293px;margin: 0;padding: 0;}
.right_link ul li{width: 60px;text-align: center;background: #fff;font-size: 12px; list-style-type:none;border: 1px solid #ddd;border-top: 0px; padding-bottom: 10px;position: relative;}
.right_link ul li a{color: #818181;text-decoration: none;}
.right_link ul li:first-child{border-top: 1px solid #ddd}
.right_link ul li:first-child:hover{border-top: 1px solid #1f89d3}
.right_link ul li .fa{font-size: 30px;display: block;color: #1f89d3;padding-top: 10px;}
.right_link ul li:nth-of-type(3):before{position: absolute;content: attr(data-before);height: 30px;line-height: 30px;top: -6px;right: 8px; font-size: 10px;color: red;}
.right_link ul li:last-child{display: none;}
.right_link ul li div.div_code{position: absolute;right: 60px;top: 0;width: 80px;padding: 20px;background: #fff;display: none;}
.right_link ul li div.div_code img{position: relative;border:0 none; max-width:100%}
.right_link ul li div.div_code:before{content: '';position: absolute;top: 18px;right: -14px;height: 0;border-left: 14px solid #fff;border-top: 8px solid transparent;border-bottom: 8px solid transparent;}
.right_link ul li:hover{background: #1f89d3;color: #fff;border: 1px solid #1f89d3;cursor: pointer;border-top: 0px;}
.right_link ul li:hover:before{color: #fff;}
.right_link ul li:hover .fa{color: #fff;}
.right_link ul li:hover a{color: #fff;}
.right_link ul li:hover .div_code{right: 60px;animation: mydiv_code 0.5s;display: block;-moz-animation: mydiv_code 0.5s;-webkit-animation: mydiv_code 0.5s;-o-animation: mydiv_code 0.5s;}
@keyframes mydiv_code { from {right: 100px;opacity: 0;} to {right: 60px;opacity: 1} }
@-moz-keyframes mydiv_code { from {right: 100px;opacity: 0;} to {right: 60px;opacity: 1} }
@-webkit-keyframes  mydiv_code { from {right: 100px;opacity: 0;} to {right: 60px;opacity: 1} }
@-o-keyframes mydiv_code { from {right: 100px;opacity: 0;} to {right: 60px;opacity: 1} }




/*手机端*/
@media (max-width: 1200px) {
    body.erp_body{width: 100%;min-width: 100%;}
    .erp_body .header{width: 100%}
    .erp_body .header .wrap{width: 100%;display: flex;justify-content: center;}
    .erp_body .header .erp_logo{margin: 0 auto;}
    .erp_body .header .erp_hotline{display: none;}


    .erp_body .erp_main .wrap>div.register_box{left: 50%;margin-left: -195px;}
    .erp_body .erp_main .wrap>div.findpass_box{left: 50%;margin-left: -195px;}
    .erp_body .erp_main .wrap>div.login_box{left: 50%;margin-left: -195px;}
    .erp_body .erp_main .wrap div.erp_left_back{display: none;}
}
@media (max-width: 530px) {
    .right_link{display: none;}
}
/*@media (max-height: 800px) {*/
/*    .erp_body .erp_main .wrap>div.login_box{top: 400px;}*/
/*    .erp_body .erp_main .wrap>div.register_box{top: 400px;}*/
/*    .erp_body .erp_main .wrap>div.findpass_box{top: 400px;}*/
/*    .right_link{top: 400px}*/
/*}*/
@media (max-width: 450px) {
    .erp_body .erp_main .wrap>div.login_box{top: 55%;width: 90%;left: 5%;margin-left: 0}
    .erp_body .erp_main .wrap>div.register_box{top: 57%;width: 90%;left: 5%;margin-left: 0}
    .erp_body .erp_main .wrap>div.findpass_box{top: 55%;width: 90%;left: 5%;margin-left: 0}
    .erp_body .box_div input:not([type=checkbox]){width: 50%}
    .erp_body .box_div label{margin-left: 20%}
    #verify{width: 35%;}
    .erp_body .verify_box img{right: 7%;height: 25px;}
    .erp_body .erp_main .login_box .registerP span:first-child{font-size: 12px;}
    .erp_body .btn_box button{width: 80%}
    .erp_body .code_box button{width: 66px;right: 7%;top:15%;}

    .erp_body .register_box .box_title{font-size: 18px;padding-top: 0}
}
@media (max-width: 360px) {
    .erp_body .erp_main .wrap>div.register_box{top: 60%;width: 90%;left: 5%;margin-left: 0}
    .erp_body .register_box .box_div{padding: 6px 0;}
    .erp_body .register_box input:not([type=checkbox]){font-size: 10px;}
    .erp_body .register_box .s_name{width: 25%;font-size: 12px;font-weight: bold;line-height: 20px;padding-top: 6px;}
    .erp_body .register_box .brief_box p{color: #1a86d1}
    .erp_body .register_box .go_findpass a{display: inline-block;width: 80%;margin-left: 10%}
    .erp_body .erp_main .register_box{height: 450px;}
}
@media (max-width: 320px) {
    .erp_body .register_box .box_title{font-size: 15px;line-height: 26px;height: 15px;}
    .erp_body .erp_main .wrap>div.register_box{top: 65%;}
    .erp_body .erp_main .wrap>div.findpass_box{height: 360px;}
    .erp_body .box_div input:not([type=checkbox]){font-size: 10px;}
    .erp_body .erp_main .wrap>div.login_box{height: 370px;}
    .erp_body .box_div .s_name{width: 25%;font-size: 12px;font-weight: bold;}
    .erp_body .box_title{font-size: 18px;padding-top: 0}
    .erp_body .header .erp_logo .erp_logotitle{display: none;}
    .erp_body .erp_main .wrap>div.login_box{top: 62%;}
    .erp_body .erp_main .login_box .registerP span:first-child{color: #fff;}
    .erp_body .erp_main .brief_box  p{color: #fff;}
    .erp_body .erp_main .login_box .registerP a:active{color: #fff;}
    .erp_body .erp_main .findpass_box .brief_box p{color: #2099f4;}


    .erp_body .register_box .box_div{padding: 6px 0;}
    .erp_body .register_box input:not([type=checkbox]){font-size: 10px;}
    .erp_body .erp_main .wrap>div.login_box{height: 370px;}
    .erp_body .register_box .s_name{width: 25%;font-size: 12px;font-weight: bold;line-height: 20px;padding-top: 6px;}
    .erp_body .register_box .brief_box p{color: #1a86d1}
    .erp_body .register_box .go_findpass a{display: inline-block;width: 80%;margin-left: 10%}
    .erp_body .erp_main .register_box{height: 430px;}

}