/* salesDeepLogin的登录弹窗 */
   #salesDeepLoginModal {
     position: fixed;
     background-color: rgba(0, 0, 0, 0.4);
     overflow: auto;
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
   }

   #salesDeepLoginModal .main-diolog {
     margin: auto;
     padding: 20px;
     border-radius: 5px;
     background-color: #fff;
   }

   #salesDeepLoginModal .salesDeepLogin-close {
     padding: 5px;
     line-height: 24px;
     font-size: 24px;
     cursor: pointer;
     border-radius: 100%;
     border: 1px solid #ededed;
   }

   #salesDeepLoginModal .salesDeepLogin>div {
     text-align: left;
   }

   #salesDeepLoginModal .salesDeepLogin p,
   #salesDeepLoginModal .salesDeepLogin span {
     color: red;
   }

   #salesDeepLoginModal .salesDeepLogin .password-switch {
     position: relative;
   }

   #salesDeepLoginModal .salesDeepLogin .password-switch input {

     padding-right: 40px;
   }

   #salesDeepLoginModal .salesDeepLogin .password-switch .ico-append {
     position: absolute;
     right: 15px;
     top: 38px;
     cursor: pointer;
     z-index: 9;
   }

   .dialog-box {
     position: fixed;
     background-color: rgba(0, 0, 0, 0.4);
     overflow: auto;
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
   }

   .dialog-box .main-diolog {
     margin: auto;
     padding: 20px;
     border-radius: 5px;
     background-color: #fff;
   }

   .right-content .right-login-form .clause-box input[type="checkbox"] {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     width: 20px;
     height: 20px;
     border: 1px solid #888;
     border-radius: 4px;
     background: white;
     display: inline-block;
     vertical-align: middle;
     cursor: pointer;
   }

   .right-content .right-login-form .clause-box input[type="checkbox"]:checked {
     background: #2196F3;
     border-color: #2196F3;
   }

   .right-content .right-login-form .clause-box input[type="checkbox"]:checked::after {
     content: "✓";
     display: block;
     color: white;
     text-align: center;
     line-height: 18px;
   }

   .right-content .right-login-form input[type="password"]::-ms-reveal {
     display: none;
   }

   .right-content .right-login-form input[type=text]::-ms-clear {
     display: none;
   }

   .right-content .right-login-form .openCountry-i {
     pointer-events: none;
     position: absolute;
     right: 20px;
     top: 50%;
     transform: translateY(-50%);
   }

   .right-content .right-login-form .country-ul {
     position: absolute;
     max-height: 280px;
     min-height: 40px;
     overflow: auto;
     background: #fff;
     top: 100%;
     left: 0;
     right: 0;
     border: 1px solid #0000001a;
     box-shadow: 0px 0px 10px 0px #0000001a;
     z-index: 99;
     border-radius: 5px;
   }

   .right-content .right-login-form .country-ul li {
     padding: 5px 10px;
     cursor: pointer;
   }

   .right-content .right-login-form .country-ul .country-li-active-footer {
     color: #2196F3;
     /* background-color: #2196F3;
  color: #fff !important; */
   }

   .right-content .right-login-form .country-ul li:hover {
     background-color: #2196F3;
     color: #fff !important;

   }

   .right-content .right-login-form .country-ul .nodata {
     margin: 15px 0px;
     text-align: center;
     color: #757575;
   }

   /* 登录弹窗 */
   .login-dialog {
     position: fixed;
     background-color: rgba(0, 0, 0, 0.4);
     overflow: auto;
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
     z-index: 999999;
     font-size: 14px;
   }

   .login-dialog .main-diolog {
     width: 420px;
     margin: auto;
     padding: 20px;
     border-radius: 5px;
     background-color: #fff;
   }

   /*@media screen and (max-width: 600px) {
     .login-dialog .main-diolog {
       width: 90% !important;
       height: 90% !important;
     }
   }*/

   .login-dialog .main-diolog .close-x {
     align-self: end;
     font-size: 24px;
   }

   .login-dialog .right-content {
     margin: auto 20px;
     color: #333;

   }

   .login-dialog .right-content .right-title {
     text-align: center;
     margin-bottom: 40px;
     font-size: 24px;
     font-weight: 600;
   }

   .login-dialog .right-content .right-login-form {
     row-gap: 20px;
   }

   .login-dialog .right-content .right-login-form input {
    width: 100%;
    font-size: 14px;
   }

   .login-dialog .right-content .right-login-form .rule-span {
     font-size: 14px;
     color: #FF7E00;
     position: absolute;
     top: 100%;
     left: 0;
   }

   .login-dialog .right-content .right-login-form .checkbox-box input[type="checkbox"] {
     cursor: pointer;
     display: inline-block;
     width: 20px;
     height: 20px;
     border: 1px solid #888;
   }

   .login-dialog .right-content .right-login-form .form-input {
     border: 1px solid #0000001a;
     border-radius: 5px;
     padding: 0px 20px;
     width: 100%;
     height: 42px;
   }

   .login-dialog .right-content .right-login-form .form-input-warn,
   .login-dialog .right-content .right-login-form .checkbox-box-warn {
     border-color: var(--theme-color) !important;
   }

   .login-dialog .right-content .right-login-form .remember-forget {
     color: #888;
   }

   .login-dialog .right-content .right-login-form .remember-forget .remember-box {
     font-size: 16px;
   }

   .login-dialog .right-content .right-login-form .remember-forget .forget-a {
     color: #0D79DE;
     text-decoration: underline;
   }

   .login-dialog .right-content .right-login-form .clause-box {
     color: #888;
     align-items: start;
   }

   .login-dialog .right-content .right-login-form .clause-box a {
     color: #0D79DE;
     text-decoration: underline;
   }

   .login-dialog .right-content .right-login-form .code-but {
     cursor: pointer;
     padding: 0px 10px;
     background-color: #1FA738;
     color: #fff;
     margin-left: 15px;
     border-radius: 5px;
     height: 42px;
   }

   .login-dialog .right-content .right-login-form .login-but {
     font-weight: 600;
     font-size: 16px;
     background-color: var(--theme-color);
     color: #fff;
     width: 100%;
     /* padding: 12px; */
     border-radius: 40px;
     margin-top: 40px;
     height: 42px;
   }

   .login-dialog .right-content .right-login-form .line-text {
     display: flex;
     align-items: center;
     color: #888;
   }

   .login-dialog .right-content .right-login-form .line-text::before,
   .login-dialog .right-content .right-login-form .line-text::after {
     content: "";
     border-top: 1px solid #0000001a;
     flex-grow: 1;
   }

   .login-dialog .right-content .right-login-form .line-text::before {
     margin-right: 30px;
   }

   .login-dialog .right-content .right-login-form .line-text::after {
     margin-left: 30px;
   }

   .login-dialog .right-content .right-login-form .img-card-box {
     column-gap: 20px;
     margin: 0px auto;
   }

   .login-dialog .right-content .right-login-form .img-card-box .img-card {
     padding: 6px 20px;
     /* box-shadow: 0px 0px 10px 0px #0000001A; */
     color: #333;
     cursor: pointer;
     background: #f2f2f2;
     border-radius: 5px;
   }

   .login-dialog .right-content .right-login-form .img-card-box .img-card>img {
     width: 24px;
     height: 24px;
   }

   .login-dialog .right-bottom {
     color: #333;
     text-align: center;
   }

   .login-dialog .right-bottom span {
     color: #0D79DE;
     cursor: pointer;
   }

   /* 忘记密码弹窗 */
   .forget-password-dialog .forget-PW-title {
     color: #333;
     font-size: 20px;
     font-weight: 700;
   }

   .forget-password-dialog .forget-PW-content .content-form input {
     width: 100%;
   }

   .forget-password-dialog .forget-PW-content .content-form .rule-span {
     font-size: 14px;
     color: #FF7E00;
     position: absolute;
     top: 100%;
     left: 0;
   }

   .forget-password-dialog .forget-PW-content .content-form .form-item {
     margin-top: 20px;
     margin-bottom: 20px;
   }

   .forget-password-dialog .forget-PW-content .content-form .form-item label {
     font-weight: 700;
     margin-bottom: 8px;
   }

   .forget-password-dialog .forget-PW-content .content-form .form-item .code-but {
     cursor: pointer;
     padding: 0px 10px;
     background-color: #1FA738;
     color: #fff;
     margin-left: 15px;
     border-radius: 5px;
     height: 42px;
   }

   .forget-password-dialog .forget-PW-content .content-form .form-input {
     border: 1px solid #0000001a;
     border-radius: 5px;
     padding: 0px 10px;
     width: 100%;
     height: 42px;
   }

   .forget-password-dialog .forget-PW-content .content-form .form-input-warn {
     border-color: #FF7E00;
   }

   .forget-password-dialog .forget-PW-bottom {
     margin-top: 30px;
     flex-direction: row-reverse;
     column-gap: 10px;
   }

   .forget-password-dialog .forget-PW-bottom button {
     min-width: 80px;
     padding: 5px 10px;
     border-radius: 30px;
     font-size: 16px;
     font-weight: 600;
   }

   .forget-password-dialog .forget-PW-bottom .pw-save-but {
     background-color: var(--theme-color);
     color: #fff;
   }

   .forget-password-dialog .forget-PW-bottom .pw-cancel-but {
     color: var(--theme-color);
     background-color: #fff;
     border: 1px solid var(--theme-color);
   }
   .main-diolog{
       /*height: 600px;*/
       width: 450px;
       padding:0px;
   }
   @media screen and (max-width: 767px) {
       .login-dialog .main-diolog {
           /*width: 90% !important;*/
           width: calc(100% - 30px);
           height: unset;
       }
       #salesDeepLoginModal .main-diolog{
           width: calc(100% - 30px);
           padding: 10px;
       }
   }