/*logOrReg_bg*/
.logOrReg_bg {position: fixed;width: 100%;height: 100%;top:0px;left:0px;background: rgba(0,0,0,0.3);z-index:99999;}
.logOrReg_box {width: 410px;height: 300px;background: #fff;position: absolute;border-radius: 5px;top:calc((100% - 300px)/2);left:calc((100% - 410px)/2);}
.logOrReg_box .close {position: absolute;top:0px;right:-45px;width: 35px;height: 35px;fill: #fff;cursor: pointer;}
.logOrReg_box .svglog {width: 200px!important;height: 140px;margin:0 auto;display: block;fill: #5605fb;margin-top:-10px;}
.logOrReg_box .tag {position: relative;text-align: center;margin-top:-30px;font-size: 12px;color:#ccc;}
.logOrReg_box .tag:after {content: '';display: block;position: absolute;width: 100px;height: 1px;background: #f4f4f4;top:8px;left:35px;}
.logOrReg_box .tag:before {content: '';display: block;position: absolute;width: 100px;height: 1px;background: #f4f4f4;top:8px;right:35px;}
.logOrReg_method {text-align: center;}
.logOrReg_method .a {width: 70px;display: inline-block;margin:0 20px;margin-top:20px;}
.logOrReg_method .a a {display: inline-block;width: 68px;height: 68px;border:1px solid #eaeaea;border-radius: 50%;line-height: 68px;cursor: pointer;}
.logOrReg_method .a a svg {width: 35px;height: 35px;vertical-align: -13px;}
.logOrReg_method .a p {font-size: 12px;color:#555555;margin-top:10px;}
.logOrReg_method .a:nth-child(1) a svg {fill:#23bf36;}
.logOrReg_method .a:nth-child(3) a svg {fill:#5605fb;}
.logOrReg_clause {text-align: center;color:#c2c2c2;font-size: 14px;margin-top:20px;cursor: pointer;}
.logOrReg_clause a {color:#c2c2c2;cursor: pointer;}
.logOrReg_clause button {display: inline-block;width: 12px;height: 12px;border:1px solid #5605fb;background: #fff;border-radius: 2px;vertical-align: -3px;margin-right:5px;}
.logOrReg_clause button svg {width: 10px;height: 10px;vertical-align: 3px;fill: #5605fb;opacity: 1;}
.logOrReg_box1 {width: 420px;height: 490px;background: #fff;position: absolute;border-radius: 5px;top:calc((100% - 490px)/2);left:calc((100% - 420px)/2);}
.logOrReg_box1 .close {position: absolute;top:0px;right:-45px;width: 35px;height: 35px;fill: #fff;cursor: pointer;}
.logOrReg_box1 h6 {text-align: center;height: 80px;line-height: 80px;}
.logOrReg_box1 h6 span {font-weight: normal;font-size: 18px;}
.logOrReg_box1 h6 svg {vertical-align: -8px;}
.logOrReg_box1 h6 .wxLog {fill: #23bf36;width: 30px;height:30px;}
.logOrReg_box1 .twoCode {width: 230px;height: 230px;display: flex;justify-content: center;margin:0 auto;border:1px solid #e8e8e8;align-items: center;border-radius: 5px;}
.logOrReg_box1 .twoCode img {width: 207px;height: 207px;}
.logOrReg_box1 .twoCode .imgLd {width: 120px;height: 120px;}
.logOrReg_box1 .otherMtd  {font-size: 14px;color:#cdcdcd;position: relative;width: 310px;margin:0 auto;text-align: center;margin-top:20px;}
.logOrReg_box1 .otherMtd:after {content: '';display: block;position: absolute;height: 1px;width: 90px;top:10px;background: #f4f4f4;left:0px;}
.logOrReg_box1 .otherMtd:before {content: '';display: block;position: absolute;height: 1px;width: 90px;top:10px;background: #f4f4f4;right:0px;}
.logOrReg_box1 .otherSvg {text-align: center;}
.logOrReg_box1 .otherSvg .a {width: 80px;display: inline-block;margin:0 20px;margin-top:15px;}
.logOrReg_box1 .otherSvg .a a {display: inline-block;width: 68px;height: 68px;border:1px solid #eaeaea;border-radius: 50%;line-height: 68px;cursor: pointer;}
.logOrReg_box1 .otherSvg .a a svg {width: 40px;height: 40px;vertical-align: -15px;}
.logOrReg_box1 .otherSvg .a p {font-size: 12px;color:#555555;margin-top:10px;}
.logOrReg_box1 .otherSvg .a:nth-child(2) a svg {fill:#5605fb;}
.logOrReg_box2 {width:420px;height: 490px;background: #fff;position: absolute;border-radius: 5px;top:calc((100% - 490px)/2);left:calc((100% - 420px)/2);}
.logOrReg_box2 .close {position: absolute;top:0px;right:-45px;width: 35px;height: 35px;fill: #fff;cursor: pointer;}
.logOrReg_box2 h6 {text-align: center;height: 70px;line-height: 70px;}
.logOrReg_box2 h6 span {font-weight: normal;font-size: 18px;}
.logOrReg_box2 h6 svg {vertical-align: -8px;}
.logOrReg_box2 h6 .wxLog {fill: #5605fb;width: 30px;height:30px;}
.logOrReg_box2 .otherMtd  {font-size: 14px;color:#cdcdcd;position: relative;width: 310px;margin:0 auto;text-align: center;margin-top:20px;}
.logOrReg_box2 .otherMtd:after {content: '';display: block;position: absolute;height: 1px;width: 90px;top:10px;background: #f4f4f4;left:0px;}
.logOrReg_box2 .otherMtd:before {content: '';display: block;position: absolute;height: 1px;width: 90px;top:10px;background: #f4f4f4;right:0px;}
.logOrReg_box2 .otherSvg {text-align: center;}
.logOrReg_box2 .otherSvg .a {width: 60px;display: inline-block;margin:0 20px;margin-top:10px;}
.logOrReg_box2 .otherSvg .a a {display: inline-block;width: 58px;height: 58px;border:1px solid #eaeaea;border-radius: 50%;line-height: 68px;cursor: pointer;}
.logOrReg_box2 .otherSvg .a a svg {width: 35px;height: 35px;vertical-align: -8px;}
.logOrReg_box2 .otherSvg .a p {font-size: 12px;color:#555555;margin-top:10px;}
.logOrReg_box2 .otherSvg .a:nth-child(1) a svg {fill:#23bf36;}
.logOrReg_box2 .group-form {width: 320px;height: 40px;margin:0 auto;margin-bottom:25px;position: relative;display:block;}
.logOrReg_box2 .group-form input {width: 258px;height: 38px;border:1px solid #e8e8e8;border-radius: 5px;padding-left:60px;font-size: 14px;}
.logOrReg_box2 .group-form .codIpt {width: 180px;padding-left:20px;}
.logOrReg_box2 .group-form .button {width: 110px;height: 40px;border:1px solid #e8e8e8;background: #f7f8f9;float:right;border-radius: 5px;color:#333;font-size: 12px;text-align: center;line-height: 40px;}
.logOrReg_box2 .group-form .errors {color:red;font-size: 14px;opacity: 0;}
.logOrReg_box2 .autoLog {display: block;width:320px;margin:0 auto;background: none;text-align: left;color:#b1b1b1;}
.logOrReg_box2 .autoLog span {display: inline-block;width: 12px;height: 12px;border:1px solid #5605fb;background: #fff;border-radius: 2px;vertical-align: -3px;margin-right:5px;text-align: center;vertical-align: -1px;}
.logOrReg_box2 .autoLog span svg {width: 10px;height: 10px;vertical-align: 2px;fill: #5605fb;display: none;}
.logOrReg_box2 .logBtn {width: 270px;height: 40px;text-align: center;line-height: 40px;margin:0 auto;display: block;border-radius: 30px;color:#fff;font-size: 14px;font-weight: bold;background-image: linear-gradient(to right, #7f23ff , #6807f9);margin-top:20px;}
.logOrReg_box2 .group-form input::-webkit-input-placeholder {color:#b1b1b1;}
.logOrReg_box2 .group-form .users {position: absolute;fill: #d9d9d9;width: 25px;height: 25px;top:7px;left:20px;}
.logOrReg_box3 {width: 420px;height: 490px;background: #fff;position: absolute;border-radius: 5px;top:calc((100% - 490px)/2);left:calc((100% - 420px)/2);}
.logOrReg_box3 .close {position: absolute;top:0px;right:-45px;width: 35px;height: 35px;fill: #fff;cursor: pointer;}
.logOrReg_box3 h6 {text-align: center;height: 80px;line-height: 80px;}
.logOrReg_box3 h6 span {font-weight: normal;font-size: 18px;}
.logOrReg_box3 h6 svg {vertical-align: -8px;}
.logOrReg_box3 h6 .wxLog {width: 30px;height:30px;}
.logOrReg_box3 .twoCode {width: 230px;height: 230px;display: flex;justify-content: center;margin:0 auto;border:1px solid #e8e8e8;align-items: center;border-radius: 5px;}
.logOrReg_box3 .twoCode img {width: 207px;height: 207px;}
.logOrReg_box3 .otherMtd  {font-size: 14px;color:#cdcdcd;position: relative;width: 310px;margin:0 auto;text-align: center;margin-top:20px;}
.logOrReg_box3 .otherMtd:after {content: '';display: block;position: absolute;height: 1px;width: 90px;top:10px;background: #f4f4f4;left:0px;}
.logOrReg_box3 .otherMtd:before {content: '';display: block;position: absolute;height: 1px;width: 90px;top:10px;background: #f4f4f4;right:0px;}
.logOrReg_box3 .otherSvg {text-align: center;}
.logOrReg_box3 .otherSvg .a {width: 80px;display: inline-block;margin:0 20px;margin-top:15px;}
.logOrReg_box3 .otherSvg .a a {display: inline-block;width: 68px;height: 68px;border:1px solid #eaeaea;border-radius: 50%;line-height: 68px;cursor: pointer;}
.logOrReg_box3 .otherSvg .a a svg {width: 40px;height: 40px;vertical-align: -15px;}
.logOrReg_box3 .otherSvg .a p {font-size: 12px;color:#555555;margin-top:10px;}
.logOrReg_box3 .otherSvg .a:nth-child(1) a svg {fill:#23bf36;}
.logOrReg_box3 .otherSvg .a:nth-child(2) a svg {fill:#5605fb;}