html{height:100%;}
body{margin: 0px; padding: 0px;display: block;background: url(http://static.wexiaocheng.com/static/login/login-back.jpg) no-repeat;font-family:Microsoft Yahei;width:100%;height:100%;min-width:1000px;background-size:cover;}
.MrG-BOX{position: absolute;top: 50%;margin-top: -310px;display: flex;justify-content: center;left: 50%;margin-left: -500px;z-index:2;}

.MrG-BOX .left-section{position:relative;}
.MrG-BOX .left-section .back-index{position: absolute;bottom: 30px;left: 30px;cursor:pointer;}
.MrG-BOX .left-section .back-index span{font-size: 16px;color: #fff;margin-left: 25px;display: block;float: right;margin-top: 3px;}
.MrG-BOX .right-section{width: 340px;height: 520px;background-color: #ffffff;border-radius: 0px 10px 10px 0px;padding: 50px;}
.MrG-BOX .right-section .top-section .title-list{display: flex;justify-content: flex-start;flex-direction: row;position:relative;}
.MrG-BOX .right-section .top-section .title-list div{font-size: 16px;color: #333333;margin-right: 20px;cursor: pointer;height: 30px;line-height: 40px;width:60px;text-align:center;}
.MrG-BOX .right-section .top-section .title-list .active{font-size: 20px;font-weight: bold;height: 30px;line-height: 37px;}
.MrG-BOX .right-section .top-section .margic-line-two{width: 340px;height: 4px;background-color: #f1f1f5;border-radius: 2px;margin-top: 10px;position:relative;overflow:hidden;}
.MrG-BOX .right-section .top-section .margic-line-two #xcx-magic-line{height: 4px;border-radius: 4px;background-color: rgb(243, 73, 55);position: absolute;}
.MrG-BOX .right-section .common-box .common-input{margin-top: 30px;text-align: left;height: 40px;border-bottom: 1px solid #f1f1f5;position: relative;}   
.MrG-BOX .right-section .common-box .common-input img{position: absolute;top: 4px;}
.MrG-BOX .right-section .common-box .common-input input{border: none;width: 290px;margin-top: 0px;outline: none;color: #333333;height: 30px;margin-left: 40px;font-size: 14px;}
.MrG-BOX .right-section .common-box .btn-box{width: 340px;height: 46px;background-color: #f1f1f5;border-radius: 6px;font-size: 16px;color: #999999;text-align: center;line-height: 46px;margin-top: 230px;cursor: pointer;transition:all ease 0.5s;}
.MrG-BOX .right-section .common-box .active{background-color: #f34937;color:#fff;}
.MrG-BOX .right-section .reg-box .btn-box{margin-top:30px;}
.MrG-BOX .right-section .industry-box{cursor:pointer;}
.MrG-BOX .right-section .industry-box span{margin-left: 40px;font-size: 14px;color: #999999;display: block;position: absolute;top: 4px;}
.MrG-BOX .right-section .industry-box img.right{right: 10px;top: 10px;}
.MrG-BOX .right-section .industry-box .industry-list{width: 372px;height: 230px;background-color: #ffffff;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);border-radius: 6px;position: absolute;left: -45px;display: flex;justify-content: center;flex-wrap: wrap;z-index: 2;padding:30px 30px 20px 30px;top: 45px;} 
.MrG-BOX .right-section .industry-box .industry-list .indust-child{width: 78px;height: 30px;background-color: #f1f1f5;border-radius: 4px;font-size: 12px;color: #666666;margin-right: 10px;text-align: center;line-height: 30px;transition:all ease 0.5s;}
.MrG-BOX .right-section .industry-box .industry-list .indust-child:hover{background-color: #f34937;color:#fff;} 
.MrG-BOX .right-section .industry-box .industry-list .active{background-color: #f34937;color:#fff;} 
.MrG-BOX .right-section .code-box span{right: 0;font-size: 14px;color: #999999;cursor: pointer;position: absolute;top: 5px;}
.MrG-BOX .right-section .code-box span:hover{color:#c2584e;}
.MrG-BOX .right-section .common-box .pass-box input{width:220px;}
.MrG-BOX .right-section .pass-box span{display: block;float: right;color: #999999;font-size: 14px;cursor: pointer;margin-top:5px;}
.MrG-BOX .right-section .pass-box span:hover{color:#c2584e;}


.MrG-BOX .right-section .top-section .margic-line-forget{width: 340px;height: 4px;background-color: #f1f1f5;border-radius: 2px;margin-top: 10px;position:relative;overflow:hidden;}
.MrG-BOX .right-section .top-section .margic-line-forget #forget-magic-line{height: 4px;border-radius: 4px;background-color: rgb(243, 73, 55);position: absolute;}
.MrG-BOX .right-section .common-box .back-index{font-size: 14px;color: #666666;text-align: center;margin-top: 20px;margin-bottom: 50px;cursor:pointer;}
.MrG-BOX .right-section .common-box .back-index:hover{color:#c2584e;}




 
.copy-right-box{position: absolute;bottom: 50px;width: 100%;text-align: center;font-size:14px;color: rgba(255, 255, 255, 0.8);z-index:1;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;-webkit-text-fill-color: #5d5d5d !important;}
input::-webkit-input-placeholder {color:#999999;}
input::-moz-placeholder {color:#999999;}
input::-moz-placeholder {color:#999;}
input::-ms-input-placeholder {color:#999;}