﻿

/*头部菜单 开始*/
       .yhead
       {
           position:absolute;top:0px;
       }
        .xhead
       {
           position:fixed;background:#3A3431;top:0px;opacity:0.9;
       }
       .keyword
       {vertical-align:middle;padding: 0;margin: 0;height:50px;width:700px;border-top-left-radius:8px;border-bottom-left-radius:8px;outline:none;font-size:16px;text-indent:10px;border-right:none;
       } 
       .search-btn
       {
           width:120px;height:54px;background:#EA2C19;color:#fff;border-top-right-radius:5px;border-bottom-right-radius:5px;outline:none;border:none;font-size:16px;
       }
       .fl{float:left;}
       input::-webkit-input-placeholder {
       /* placeholder颜色  */
       color: #AEAEAE;
       /* placeholder字体大小  */
       font-size:16px;
    }
    /*头部菜单 开始*/
        
    
/*电话提示弹框 开始*/
.fadeInUp{animation-name:fadeInUp;
animation-duration:.8s;
animation-fill-mode:both;
}
.fade{
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
}
/*弹出层*/ 
.succ-pop{
    width: 200px;
    height: 130px;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: -65px;
    z-index: 999;
    border-radius: 5px;
    border:1px solid #ececec;
}   
.succ-pop h3.title{
    text-align: center;
    font-size: 12px;
    color: #000;
}
/*电话提示弹框 结束*/


/*右下角弹框 开始*/
.btn-web-right {
    position: fixed;
    right: 100px;
    cursor: pointer;
    width: 62px;
    height: 62px;
    z-index: 2;
}
.btn-web-icon {
    bottom: 208px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url('/images/saas-free-icon.png');
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/images/saas-free-icon.png', sizingMethod='scale');
}
.btn-web-sim{
    bottom: 130px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url('/images/saas-free-connect.png');
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/images/saas-free-connect.png', sizingMethod='scale');
}
.btn-web-icon:hover,.btn-web-sim:hover{
    opacity: 1.1;
}

.btn-web-sim:hover > .btn-web-sim-hover {display:block;}
.btn-web-sim-hover {
    display: none;
    position: fixed;
    bottom: 130px;
    right: 160px;
    background-color: #FFF;
    box-shadow: 0 2px 47px 0 rgba(159,159,159,0.50);
    border-radius: 5px;
}
.web-sim-div
{width:210px;height:140px;color:#000;font-size:16px;text-align:center;padding-top:10px; border-radius: 4px;  box-shadow:-2px 0px 2px #F1EFEF,0px -2px 2px #F1EFEF,2px 0px 2px #F1EFEF,0px 2px 2px #F1EFEF;
}
.web-sim-divli
{line-height:44px;border-bottom:1px solid #E8E8EE;width:172px;text-align:center;margin-left:19px;
}

.btn-pc-sim-task {
        position: fixed;
        display: none;
        top: 0;
        left: 0;
        right: 0;
        height: 100vh;
        height: 100% \9;
        z-index: 999;
        _position: absolute;
        _top: expression(eval(document.documentElement.scrollTop));
    }
    .applet-popup {
        display: none;
        margin: auto;
        width: 900px;
        height: 607px;
        background: #FFFFFF;
        border-radius: 16px;
        max-height: 95%;
        border: #CCCCCC solid 1px \9;
        overflow-y: auto; overflow-x: hidden;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        top: 5% \9;
        transform: scale(0.9) \9;
    }

    .close-it-popup {
        position: sticky;
        position: absolute \9;
        cursor: pointer;
        float: right;
        cursor: pointer;
        right: 30px;
        top: 30px;
        width: 32px;
        height: 32px;
        z-index: 999;
    }
    .close-it-popup:hover{
        opacity: .9;
        transform: scale(1.1);
    }

    .close-it-popup img {
        height: 100%;
        width: 100%;
        color: #666666;
    }
    .popup-header-login-bj{
        position: absolute;
        top: 0;
        left: 0;
        background: url("/images/saas-popup2.jpg");
        background-size: auto 235px;
        background-position: center;
        /*针对IE8的hack，目的是除掉之前background*/
        background: none\9;
        /*下一行为关键设置*/
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/saas-popup2.jpg', sizingMethod='scale');
        height: 235px;
        width: 100%;
    }
    .popup-header-login-bj img{
        position: absolute;
        top: 0;
        left: 0;
        width: 900px;
        height: 235px;
        z-index: -1;
    }
    .popup-header-login-bj .popup-title{
        text-align: center;
        padding-top: 30px;
        font-size: 54px;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 75px;
    }
    .popup-header-login-bj .popup-desc{
        padding-top: 20px;
        font-weight: bold;
        font-size: 22px;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 30px;
        text-align: center;
    }

    .applet-popup .popup-form {
        width: 440px;
        text-align: center;
        margin: 0px auto 42px;
    }


    .applet-popup .popup-form  {
        color: #6B6C6E;
    }

    .applet-popup .popup-form .popup-bto {
        cursor: pointer;
        width: 440px;
        height: 52px;
        background: #007AFF;
        border-radius: 12px;
        text-align: center;
        margin: 40px auto 0;
        font-size: 17px;
        font-weight: bold;
        color: #FFFFFF;
    }


    .applet-popup .popup-form .popup-bto.active {
        background: rgb(38, 114, 248);
        border-radius: 28px;
    }

    .input_title {
        width: 65px;
        font-size: 17px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: bold;
        color: #666666;
        line-height: 54px;
    }
    input:disabled {
        color: #A3A3A3 !important;
    }
    .user-tel {
        width: 440px;
        height: 54px;
        overflow: hidden;
    }
    .applet-popup .popup-form input {
        width: 352px;
        padding-left: 10px;
        height: 50px;
        border-radius: 6px;
        border: 1px solid #DDDDDD;
        font-size: 17px;
        color: #000000;
        line-height: 50px;
    }
    .inline{
     float : left;
     display: block;
    }
    .applet-popup .popup-form input:focus {
        outline: -webkit-focus-ring-color auto 0px;
    }
   input::placeholder{
        color: #AEAEAE;
    }

    input:-internal-autofill-selected {
        background: #ffffff;
    }
    .popup-try-bto{
        cursor: pointer;
        width: 440px;
        height: 52px;
        line-height: 52px;
        background: #EA2C19;
        border-radius: 12px;
        text-align: center;
        margin: 113px auto 0;
        font-size: 17px;
        font-weight: bold;
        color: #FFFFFF !important;
        border:none;
    }
     .popup-try-bto:focus {
       border:none;
        outline :0;
    }
      button:foucs{
	  outline :0;
     }
    .show {
        display: block !important;
    }
     .hidden {
        display: none !important;
    }
    /*右下角弹框 结束*/