@charset "utf-8";
/* 初始化样式*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, article, aside, canvas, details, embed, figure, figcaption, footer, header,  menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-family:  微软雅黑 ,"Microsoft YaHei","Helvetica Neue", Helvetica, Arial, sans-serif,"Hiragino Sans GB" , Tahoma , Arial , 宋体;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    list-style: none;
    font-style: normal;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
a:hover, a:focus {
    text-decoration: none;
}
html,body {
    height: 100%;
    width: 100%;
}
body {
    overflow-x: auto;
    padding: 0 !important;
}
.modal-open {
    overflow-y: auto;
    overflow-x: hidden;
}
* {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus{
    box-shadow:0 0 0 60px #fff inset;
    -webkit-text-fill-color:#222;
}
.softFreeExperience{
    cursor: pointer;
}
/*特殊字体*/
@font-face {
    font-family: DINPro;
    src: url("../font/DINPro.eot");
    src: local('DINPro Regular'),
    local('DINPro'),
    url("../font/DINPro.woff") format('woff'),
    url("../font/DINPro.ttf") format('truetype')
}
/* 顶部tab样式 */
.weicar_head_wrap{
    width: 100%;
    background: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 68px;
    z-index: 99;
    background: rgba(45, 46, 51, 0.7);
    min-width: 1200px;
}
.weicar_head{
    min-width: 1200px;
    overflow: hidden;
    height: 100%;
    display: block;
}
.weicar_head .logo{
    float: left;
    height: 52px;
    line-height: 52px;
    width: 15vw;
    position: relative;
    margin-top: 12px;
    margin-left: 7vw;
}
.weicar_head .logo img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.weicar_head .weicar_head_li{
    /*overflow: hidden;*/
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    height: 52px;
}
.weicar_head .weicar_head_li>ul{
    /*overflow: hidden;*/
    display: inline-block;
    vertical-align: middle;
}
.weicar_head .weicar_head_li>ul>li{
    float: left;
    height: 42px;
    padding-bottom: 10px;
    padding-top: 16px;
    position: relative;
}
.weicar_head .weicar_head_li>ul>li:hover{
    background: #2d2e33;
}
.weicar_head .weicar_head_li>ul>li>a{
    color: #fff;
    cursor: pointer;
    line-height: 42px;
    padding: 0 1.2vw;
    height: 100%;
    display: block;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
}
.weicar_head .weicar_head_li>ul>li>a i.head_hot{
    position: absolute;
    width: 14px;
    height: 18px;
    right: 2px;
    top: 1px;
    background: url("../images/head/icon07.png") no-repeat center;
}
.weicar_head .weicar_head_li>ul>li>a i.head_text{
    position: absolute;
    right: -14px;
    top: 2px;
    background: #00b718;
    font-size: 12.5px;
    white-space: nowrap;
    text-align: center;
    line-height: 1;
    letter-spacing: 1.25px;
    padding: 2.76px 3.76px;
    border-radius: 2.5px;
    transform: scale(0.8);
    min-width: 35px;
    box-sizing: border-box;
    z-index: 1;
}
.weicar_head .weicar_head_li>ul>li.current>span{
    width: 75%;
    height: 3px;
    border-radius: 1.5px;
    display: block;
    background: #ffffff;
    margin: 0 auto;
}
.weicar_head .weicar_head_li > div {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3vw;
    height: 24px;
    padding: 25px 0 19px;
}
.weicar_head .weicar_head_li>div a{
    margin-left: 12px;
    color: #fff;
    float: left;
    line-height: 24px;
    cursor: pointer;
}
.weicar_head .weicar_head_li>div a.probation{
    width: 78px;
    height: 24px;
    background: url("../images/head/btn1.png") no-repeat center;
}
.weicar_center_wrap{
    width: 100%;
    height: 100%;
}
.weicar_head .weicar_head_li>div a.telephone{
    background: #ffffff;
    color: #001851;
    padding: 0 15px;
    border-radius: 2px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.weicar_head_right{
    position: absolute;
    text-align: right;
    font-size: 40px;
    height: 68px;
    line-height: 72px;
    right: 6vw;
    top: 0;
}
.weicar_head_right a{
    font-family: DINPro;
    color: #60e1ed;
}
@media only screen and (max-width:1700px){
    .weicar_head_right {
        right: 5.5vw;
    }
    .weicar_head .logo {
        margin-left: 6vw;
    }
}
@media only screen and (max-width:1600px){
    .weicar_head_right {
        right: 4vw;
    }
    .weicar_head .logo {
        margin-left: 5vw;
    }
}
@media only screen and (max-width:1500px){
    .weicar_head_right {
        right: 2.5vw;
    }
    .weicar_head .logo {
        margin-left: 4vw;
    }
    .weicar_head .weicar_head_li > div{
        margin-left: 2vw;
    }
}
@media only screen and (max-width:1420px){
    .weicar_head_right {
        right: 2vw;
    }
    .weicar_head .weicar_head_li > div{
        margin-left: 1vw;
    }
    .weicar_head .logo {
        margin-left: 3vw;
    }
}
@media only screen and (max-width:1366px){
    .weicar_head_right {
        right: 0.5vw;
    }
}
@media only screen and (max-width:1300px){
    .weicar_head_right {
        right: 0;
    }
}
/* 顶部显示 - 产品 */
.navShowlist {
    display: none;
    background-color: #2d2e33;
    position: absolute;
    top: 68px;
    left: 0;
    font-size: 12px;
    padding: 16px 40px 40px;
    text-align: left;
    width: auto;
}
.navShowlist >div{
    width: 140px;
    min-height: 147px;
}
.navShowlist >div>p{
    color: #fff;
    font-size: 14px;
    text-align: left;
    line-height: 40px;
    width: 110px;
    border-bottom: 1px solid #5e606b;
    letter-spacing: 1px;
    margin-bottom: 12px;
    font-weight: bold;
}
.navShowlist >div>div> a{
    display: block;
    color: #919aaf;
    cursor: pointer;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 1px;
}
.navShowlist >div>div> a:hover{
    color: #ffffff;
}
/* 产品 */
.productNavShowWrap{
    padding: 20px 0 60px;
    background-color: #2d2e33;
    position: absolute;
    top: 68px;
    left: 0;
    text-align: left;
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    display: none;
}
.productNavShowWrap .productNavShow{
    width: max-content;
    margin: 0 auto;
    display: flex;
}
.productNavLeft{
    width: 234px;
    height: 723px;
    color: #ffffff;
    font-size: 14px;
    border-right: 1px solid #5e606b;
    float: left;
    overflow: hidden;
}
.productNavLeft ul li{
    height: 40px;
    line-height: 40px;
    margin-top: 12px;
    display: block;
    padding-left: 20px;
    background: url("../images/head/icon10.png") no-repeat right 20px center;
    position: relative;
}
.productNavLeft ul li.allProducts{
    background: url("../images/head/icon09.png") no-repeat right 16px center;
}
.productNavLeft ul li.allProducts.current{
    background: rgba(255,255,255,0.9) url("../images/head/icon12.png") no-repeat right 16px center;
    color: #2d2e33;
}
.productNavLeft ul li a {
    color: #ffffff;
    display: block;
}
.productNavLeft ul li.current{
    background: rgba(255,255,255,0.9) url("../images/head/icon11.png") no-repeat right 20px center;
    color: #2d2e33;
}
.productNavLeft ul li.current a{
    color: #2d2e33;
}
.productNavLeft ul li img{
    position: absolute;
}
.productNavRight{
    float: left;
    width: 1103px;
}
.productNavRight>div{
    overflow: hidden;
    display: flex;
    height: 100%;
}
.productNavRight>div>div{
    padding-left: 20px;
    float: left;
}
.productNavRight>div>div+div{
    border-left: 1px solid #5e606b;
}
.productNavRight>div>div>p{
    color: #fff;
    font-size: 14px;
    text-align: left;
    line-height: 40px;
    border-bottom: 1px solid #5e606b;
    letter-spacing: 1px;
    margin-bottom: 12px;
    font-weight: bold;
    margin-right: 20px;
}
.productNavRight .productNavData a{
    display: block;
    width: 50%;
    float: left;
    margin-top: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    overflow: hidden;
}
.productNavRight .product_allProducts .productNavData a{
    display: block;
    width: 100%;
    float: none;
    margin-top: 0;
    padding-right: 20px;
    box-sizing: border-box;
}
.productNavRight .productNavData a>p{
    display: block;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 1px;
}
.productNavRight .productNavData a:hover>p{
    color: #00bbff;
}
.productNavRight .productNavData a div p{
    color: #aaaaaa;
    font-size: 13px;
    line-height: 32px;
}
.productNavRight .productNavDownload{
    width: 300px;
    padding: 0;
    padding-left: 20px;
}
.productNavRight .productNavDownload>p{
    margin-right: 20px;
}
.productNavRight .productNavDownload > div+div{
    margin-top: 2px;
}
.productNavRight .productNavDownload > div > a{
    display: block;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 1px;
}
.productNavRight .productNavDownload ul {
    overflow: hidden;
}
.productNavRight .productNavDownload ul li {
    float: left;
    width: 100px;
    height: 20px;
    margin: 6px 0;
}
.productNavRight .productNavDownload ul li a{
    line-height: 20px;
    color: #919aaf;
    font-size: 13px;
    overflow: hidden;
    border: 0 none;
}
.productNavRight .productNavDownload ul li a i{
    width: 20px;
    height: 20px;
    float: left;
    background-repeat: no-repeat;
    -ms-background-position-x: 0px;
    background-position-x: 0px;
}
.productNavRight .productNavDownload .productDownload01 ul li a i {
    background-image: url("../images/index/wizardmap.png");
}
.productNavRight .productNavDownload .productDownload01 ul li.Windows a i {
    -ms-background-position-y: 4px;
    background-position-y: 4px;
}
.productNavRight .productNavDownload .productDownload01 ul li.Android a i {
    -ms-background-position-y: -19px;
    background-position-y: -19px;
}
.productNavRight .productNavDownload .productDownload01 ul li.Mac a i {
    -ms-background-position-y: -41px;
    background-position-y: -41px;
}
.productNavRight .productNavDownload .productDownload01 ul li.iPhone a i {
    -ms-background-position-y: -64px;
    background-position-y: -64px;
}
.productNavRight .productNavDownload .productDownload01 ul li.iPad a i {
    -ms-background-position-y: -86px;
    background-position-y: -86px;
}
.productNavRight .productNavDownload .productDownload01 ul li a:hover {
    color:#fff;
}
.productNavRight .productNavDownload .productDownload01 ul li a:hover i{
    -ms-background-position-x: -24px;
    background-position-x: -24px;
}
.productNavRight .product_MPS .productNavData div{
    overflow: hidden;
}
.productNavRight .productNavDownload .productDownload02 ul li a i{
    background-image: url("../images/head/icon-mps.png");
}
.productNavRight .productNavDownload .productDownload02 ul li.carwash a i{
    -ms-background-position-y: 4px;
    background-position-y: 4px;
}
.productNavRight .productNavDownload .productDownload02 ul li.pretty a i{
    -ms-background-position-y: -16px;
    background-position-y: -16px;
}
.productNavRight .productNavDownload .productDownload02 ul li.food a i{
    -ms-background-position-y: -36px;
    background-position-y: -36px;
}
.productNavRight .productNavDownload .productDownload02 ul li.pro a i{
    -ms-background-position-y: -56px;
    background-position-y: -56px;
}
.productNavRight .productNavDownload .productDownload02 ul li.more a i{
    -ms-background-position-y: -76px;
    background-position-y: -76px;
}
.productNavRight .productNavDownload .productDownload02 ul li a:hover {
    color:#fff;
}
.productNavRight .productNavDownload .productDownload02 ul li a:hover i{
    -ms-background-position-x: -20px;
    background-position-x: -20px;
}
.productNavRight .productNavDownload .productDownload03>div{
    text-align: center;
    margin-bottom: 30px;
}
.productNavRight .productNavDownload .productDownload03>div img{
    display: block;
    margin: 0 auto 10px;
}
.productNavRight .productNavDownload .productDownload03>div p{
    display: block;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 3px;
}
.productNavRight .productNavDownload .productDownload04 ul li a i {
    background-image: url("../images/head/icon_foodPos.png");
}
.productNavRight .productNavDownload .productDownload04 ul li.PC a i {
    -ms-background-position-y: 4px;
    background-position-y: 4px;
}
.productNavRight .productNavDownload .productDownload04 ul li.tablerPC a i {
    -ms-background-position-y: -19px;
    background-position-y: -19px;
}
.productNavRight .productNavDownload .productDownload04 ul li.phone a i {
    -ms-background-position-y: -41px;
    background-position-y: -41px;
}
.productNavRight .productNavDownload .productDownload04 ul li.menu a i {
    -ms-background-position-y: -64px;
    background-position-y: -64px;
}
.productNavRight .productNavDownload .productDownload04 ul li.call a i {
    -ms-background-position-y: -86px;
    background-position-y: -86px;
}
.productNavRight .productNavDownload .productDownload04 ul li a:hover {
    color:#fff;
}
.productNavRight .productNavDownload .productDownload04 ul li a:hover i{
    -ms-background-position-x: -24px;
    background-position-x: -24px;
}

.productNavShowWrap .productNavHide{
    width: 40px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: 20px;
    background: url("../images/head/icon13.png") no-repeat center;
    cursor: pointer;
}

/* 底部样式 */
.weicar_bottom_wrap{
    width: 100%;
    background:  #2e3033;
    overflow: hidden;
    padding-bottom: 40px;
}
.weicar_bottom_wrap .weicar_bottom_top{
    width: 1200px;
    margin: 0 auto;
    border-bottom: 1px solid #45484a;
}
.weicar_bottom_wrap .weicar_bottom_top ul{
    overflow: hidden;
    margin: 60px 0 30px;
}
.weicar_bottom_wrap .weicar_bottom_top ul li{
    float: left;
    width: 20%;
}
.weicar_bottom_wrap .weicar_bottom_top ul li a{
    text-align: left;
    color: #fff;
    font-size: 14px;
    display: block;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
}
.weicar_bottom_wrap .weicar_bottom_top ul li a span{
    width: 36px;
    height: 36px;
    vertical-align: middle;
    background-image: url("../images/index/service.png");
    background-repeat: no-repeat;
    background-position-x: 0px;
    float: left;
    margin-right: 10px;
}
.weicar_bottom_wrap .weicar_bottom_top ul li:hover a{
    color: #00a5e0;
}
.weicar_bottom_wrap .weicar_bottom_top ul li:hover a span{
    background-position-x: -46px;
}
.weicar_bottom_wrap .weicar_bottom_top ul li:nth-child(1) a span{
    background-position-y: 0px;
}
.weicar_bottom_wrap .weicar_bottom_top ul li:nth-child(2) a span{
    background-position-y: -46px;
}
.weicar_bottom_wrap .weicar_bottom_top ul li:nth-child(3) a span{
    background-position-y: -92px;
}
.weicar_bottom_wrap .weicar_bottom_top ul li:nth-child(4) a span{
    background-position-y: -138px;
}
.weicar_bottom_wrap .weicar_bottom_top ul li:nth-child(5) a span{
    background-position-y: -184px;
}
.weicar_bottom_bottom{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 14px;
}
.weicar_bottom_bottom .weicar_bottom_left{
    float: left;
    width: 950px;
}
.weicar_bottom_bottom .weicar_bottom_left ul {
    overflow: hidden;
    margin-bottom: 22px;
}
.weicar_bottom_bottom .weicar_bottom_left ul li{
    float: left;
    width: 20%;
    text-align: left;
}
.weicar_bottom_bottom .weicar_bottom_left ul li p{
    display: block;
    color: #FFFFFF;
    font-size: 15px;
    line-height: 34px;
    margin-bottom: 8px;
    letter-spacing: 3px;
}
.weicar_bottom_bottom .weicar_bottom_left ul li span{
    display: block;
    height: 28px;
}
.weicar_bottom_bottom .weicar_bottom_left ul li span a{
    display: block;
    color: #c7c7c7;
    font-size: 12px;
    cursor: pointer;
    line-height: 28px;
}
.weicar_bottom_bottom .weicar_bottom_left ul li span a:hover{
    color: #FFFFFF;
}
.weicar_bottom_bottom .weicar_bottom_left>p{
    color: #c7c7c7;
    font-size:12px;
    line-height: 38px;
    text-align: left;
}
.weicar_bottom_bottom .weicar_bottom_left>p a{
    color: #c7c7c7;
    font-size:12px;
    line-height: 38px;
    margin-left: 24px;
    cursor: pointer;
}
.weicar_bottom_bottom .weicar_bottom_left>p a:hover{
    color: #FFFFFF;
}
.weicar_bottom_bottom .weicar_bottom_left .security_Wrap{
    margin-top: 18px;
    overflow: hidden;
}
.weicar_bottom_bottom .weicar_bottom_left .security_Wrap img{
    float: left;
    margin-right: 10px;
}
.weicar_bottom_right{
    float: left;
    overflow: hidden;
    width: 210px;
    margin-left: 10px;
    margin-top: 10px;
}
.weicar_bottom_right .consult{
    overflow: hidden;
}
.weicar_bottom_right .consult div{
    float: left;
    text-align: center;
}
.weicar_bottom_right .consult div img{
    display: block;
}
.weicar_bottom_right .consult div p{
    display: block;
    line-height: 32px;
    color: #FFFFFF;
    font-size: 12px;
    letter-spacing: 4px;
    padding-left: 4px;
}
.weicar_bottom_right .consult div+div{
    margin-left: 30px;
}
.weicar_bottom_right .hotline{
    width: 210px;
    height: 34px;
    line-height: 34px;
    background: #00a5e0;
    color: #FFFFFF;
    text-align: center;
    font-size: 12px;
    margin-top: 20px;
}
.weicar_bottom_right .hotline span{
    font-family: DINPro;
    font-size: 16px;
}
.weicar_bottom_right .logo,.bottom_logo{
    text-align: center;
    margin-top: 40px;
}
.weicar_bottom_right .logo img{
    display: block;
    margin: 0 auto
}
.weicar_bottom_right .logo p,.bottom_logo p{
    font-size: 13px;
    color: #FFFFFF;
    line-height: 36px;
    letter-spacing: 5px;
    margin: 0 -10px;
}
/*侧边栏样式*/
.weicar_right_wrap{
    position: fixed;
    bottom: 21%;
    right: 0;

}
.weicar_right_wrap ul li{
    height: 66px;
    position: relative;
    padding-left: 10px;
    right: 14px;
}
.weicar_right_wrap ul li a{
    width: 74px;
    height: 36px;
    background-color: #006ad8;
    float: right;
    text-align: center;
    line-height: 36px;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    font-size: 12px;
    padding-top: 30px;
    cursor: pointer;
    position: relative;
    z-index: 10;
}
.weicar_right_wrap ul li:hover a{
    background-color: #005abb;
}
.weicar_right_wrap ul li.right_li1 a{
    background-image: url("../images/head/icon01.png");
}
.weicar_right_wrap ul li.right_li2 a{
    background-image: url("../images/head/icon02.png");
}
.weicar_right_wrap ul li.right_li3 a{
    background-image: url("../images/head/icon19.png");
}
.weicar_right_wrap ul li.right_li4 a{
    cursor: pointer;
    background-image: url("../images/head/icon04.png");
}
.weicar_right_wrap ul li>div{
    background: #fff;
    border-radius: 8px;
    box-shadow: 4px 4px 16px rgba(0,0,0,0.5);
    position: absolute;
    right: -300px;
    display: none;
    z-index: -1;
}
.weicar_right_wrap ul li.right_li1>div{
    padding: 20px 10px 10px;
    overflow: hidden;
    width: 260px;
    top: 0;
    z-index: 9;
}
.weicar_right_wrap ul li.right_li1>div div{
    float: left;
    margin: 0 10px;
}
.weicar_right_wrap ul li.right_li1>div div p{
    text-align: center;
    font-size: 12px;
    color: #222222;
    letter-spacing: 2px;
    line-height: 18px;
    padding-top: 9px
}
.weicar_right_wrap ul li.right_li1>div div p span{
    display: block;
    letter-spacing: 1px;
}
.weicar_right_wrap ul li.right_li3>div{
    width: 300px;
    bottom: -66px;
}
.weicar_right_wrap ul li.right_li3>div .right_li3_top{
    position: relative;
    height: 48px;
    background: #00cae2;
    border-radius: 8px 8px 0 0;
    padding: 8px 0px 8px 90px;
}
.weicar_right_wrap ul li.right_li3>div .right_li3_top img{
    position: absolute;
    left: 13px;
    top: -27px;
}
.weicar_right_wrap ul li.right_li3>div .right_li3_top p{
    color: #fff;
    font-size: 12px;
    line-height: 24px;
}
.weicar_right_wrap ul li.right_li3>div .right_li3_bottom{
    height:120px;
    padding: 10px 20px;
}
.weicar_right_wrap ul li.right_li3>div .right_li3_bottom p:nth-child(1){
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    color: #222222;
    text-align: left;
}
.weicar_right_wrap ul li.right_li3>div .right_li3_bottom p:nth-child(2){
    height: 36px;
    line-height: 36px;
    font-size: 30px;
    font-family: DINPro;
    color: #00a5e0;
    text-align: center;
}
/* 弹窗样式 */
.modal{
    text-align: center;
}
.modal-dialog {
    margin: 18vh auto 0;
    width: auto;
    min-width: 360px;
    display: inline-block;
    text-align: left;
}
#myModal .modal-dialog {
    margin: 260px auto 0;
}
#showImgLargeModal .modal-dialog{
    margin: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
}
#showImgLargeModal #showImageLarge{
    max-width: 100%;
    max-height: 100%;
}
.modal-sign-dialog {
    min-width: 400px;
}
.modal-register-dialog {
    width: 480px;
}
.form-group {
    line-height: 36px;
    overflow: hidden;
    width: 350px;
    display: block;
    margin: 16px auto 0;
}
.form-group-text{
    margin: 0;
    line-height: 36px;
}
.form-group>label{
    float: left;
    font-weight: normal;
    min-width: 82px;
    text-align: right;
}
.form-group>label>i{
    color: #f00;
    line-height: 41px;
    height: 36px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin-right: 4px;
}
.form-group input[type="text"],.form-group input[type="password"]{
    float: left;
    width: 230px;
    height: 22px;
}
.form-group select{
    float: left;
    width: 230px;
    height: 36px;
    box-sizing: border-box;
}
.form-group>p.tips{
    display: block;
    width: 100%;
    float: left;
    text-align: left;
    text-indent: 82px;
    color: #f00;
    font-size: 12px;
    line-height: 14px;
    margin-top: 8px;
    letter-spacing: 1px;
}
.modal-body{
    padding-bottom: 40px;
    max-height: 54vh;
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-body.modal-sign-body{
    display: none;
    min-height: 226px;
}
.modal-body.modal-register-body{
    display: none;
    min-height: 360px;
}
.modal-sign-dialog .modal-sign-body{
    display: block;
}
.modal-register-dialog .modal-register-body{
    display: block;
}
.btn-sign,.btn-register{
    display: none;
}
.modal-sign-dialog .btn-sign{
    display: inline-block;
}
.modal-register-dialog .btn-register{
    display: inline-block;
}
.login_nr_checkbox {
    line-height: 1;
    padding-left: 46px;
    width: 246px;
}
.login_nr_checkbox a#reset{
    cursor: pointer;
}
.login_nr_checkbox input {
    display: none;
}
.login_nr_checkbox label {
    padding-left: 24px;
    background: url(../images/personal/icon09.png) no-repeat left center;
    cursor: pointer;
    color: #222222;
}
.login_nr_checkbox label.current {
    background-image: url(../images/personal/icon10.png);
}
.modal-footer .btn{
    outline: none !important;
}
.btn-primary {
    color: #fff;
    background-color: #009adb;
    border-color: #009adb;
}
.login_nr_right_title{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 36px;
    color: #f40;
    letter-spacing: 1px;
    margin: 0 !important;
}
.form-group>span input[type="radio"]{
    vertical-align: -2px;
    cursor: pointer;
}
.form-group>span label{
    margin-right: 10px;
    cursor: pointer;
}
/*登录页面样式*/
.modalLogin .modal-sign-dialog{
    width: 388px;
}
.modalLogin .modal-header{
    border: 0 none;
}
.modalLogin .form-group>label {
    min-width: 60px;
}
.modalLogin .modal-body {
    padding-bottom: 34px;
}
.modalLogin .modal-body.modal-sign-body{
    min-height: auto;
    margin-top: 0;
}
.modalLogin .modal-body.modal-sign-body>div{
    min-height: auto;
    margin-bottom: 30px;
    text-align: center;
}
.modalLogin .modal-footer{
    border: 0 none;
    text-align: center;
    padding: 20px 40px 50px;
}
.modalLogin .modal-footer .btn-sign{
    width: 202px;
    letter-spacing: 8px;
    font-size: 16px;
    padding-left: 20px;
}
.modalLogin .modal-footer .btn-default{
    display: none;
}
/*验证码提示样式*/
.verifyCodeWrap{
    position: relative;
    display: inline-block;
}
.verifyCodeWrap img{
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0,-50%);
}
/* 店铺注册成功后弹出 */
.registerSuccess{
    position: fixed;
    width: 300px;
    height: 210px;
    background: #fff;
    top: 49%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    border-radius: 5px;
    border: 1px solid #eee;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.registerSuccess img{
    margin: 54px 0 20px;
}
.registerSuccess p {
    color: #333;
}
/*加载动画样式*/
.loading_wrap{
    position: absolute;
    top: 50%;
    left: 50%;
    height: 24px;
    margin-top: -12px;
    margin-left: -84px;
}
.loading_wrap div{
    width: 24px;
    height: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    margin: 0 16px;
    float: left;
}
.loading_wrap div.loading_01{
    -webkit-animation: loading_01 1s linear infinite;
    -o-animation: loading_01 1s linear infinite;
    animation: loading_01 1s linear infinite;
}
.loading_wrap div.loading_02{
    -webkit-animation: loading_02 1s linear infinite;
    -o-animation: loading_02 1s linear infinite;
    animation: loading_02 1s linear infinite;
}
.loading_wrap div.loading_03{
    -webkit-animation: loading_03 1s linear infinite;
    -o-animation: loading_03 1s linear infinite;
    animation: loading_03 1s linear infinite;
}
@-webkit-keyframes loading_01{
    0%,32%{
        border: 0 none;
        background-color: #ffffff;
    }
    33%,100%{
        background-color: initial;
        border: 3px solid #ffffff;
    }
}
@-webkit-keyframes loading_02{
    0%,32%{
        background-color: initial;
        border: 3px solid #ffffff;
    }
    33%,62%{
        background-color: #ffffff;
    }
    63%,100%{
        background-color: initial;
        border: 3px solid #ffffff;
    }
}
@-webkit-keyframes loading_03{
    0% , 64%{
        background-color: initial;
        border: 3px solid #ffffff;
    }
    65% , 100%{
        background-color: #ffffff;
    }
}

/*提交工单样式*/
#submittool .submission-work {
    width: 730px;
    display: inline-block;
    margin: 0 80px 10px 20px;
}
#submittool .modal-body input{
    border: 1px solid #cccccc;
    border-radius: 2px;
    padding-left: 6px;
    margin-left: -4px;
}
#submittool .submission-work>ul>li {
    line-height: 32px;
    display: block;
    overflow: hidden;
}
#submittool .submission-work>ul>li+li {
    margin-top: 10px;
}
#submittool .submission-work label {
    text-align: right;
    width: 82px;
    line-height: 34px;
}
#submittool label {
    font-weight: 400;
}
#submittool .submission-work label span {
    display: inline-block;
    margin-right: 4px;
    color: #ff0000;
}
#submittool .submission-work input {
    height: 30px;
    width: 610px;
}
#submittool .submission-work input[readonly='readonly'] {
    outline: none;
    resize: none;
    background: #fafafa;
}
#submittool .submission-work textarea{
    width: 610px;
    height: 112px;
    padding: 0px 0 0 6px;
    resize: none;
    border: 1px solid #cccccc;
    border-radius: 2px;
    float: left;
}
#submittool .submission-work-down{
    width: 818px;
    background: #f5f5f5;
    margin-left: -15px;
}
#submittool .submission-work>p{
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    padding-left: 10px;
    border-left: 1px solid #888888;
    color: #888888;
    margin: 20px 0;
}
#submittool .uploadImgWrap{
    overflow: hidden;
}
#submittool .uploadImgWrap span{
    width: 36px;
    height: 36px;
    background: #eeeeee url("../images/index/icon04.png") no-repeat center;
    float: left;
    cursor: pointer;
}
#submittool .uploadImgWrap ul{
    overflow: hidden;
    float: left;
}
#submittool .uploadImgWrap ul li{
    width: 36px;
    height: 36px;
    float: left;
    position: relative;
    margin-right: 10px;
}
#submittool .uploadImgWrap ul li img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#submittool .uploadImgWrap ul li span{
    width: 36px;
    height: 14px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.6) url("../images/index/icon05.png") no-repeat center;
    cursor: pointer;
    display: none;
}
#submittool .uploadImgWrap ul li:hover span{
    display: block;
}
#submittool .submission-work li.submission-work-li2 {
    float: left;
    width: 33.3%;
    margin: 0;
    margin-bottom: 10px;
}
#submittool .submission-work li.submission-work-li2 input {
    width: 144px;
}
#submittool .submission-work-btn {
    background: #f5f5f5;
    text-align: center;
    color: #009adb;
    font-size: 12px;
    padding-bottom: 10px;
    height: 28px;
    line-height: 28px;
    width: 818px;
    margin-left: -15px;
}
#submittool .submission-work-btn span{
    display: inline-block;
    padding-left: 28px;
    background: url(../images/index/icon04.png) no-repeat center left;
    background-size: 28px;
    cursor: pointer;
}
#submittool .workOrderIndustry {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    margin-left: -4px;
    width: calc(100% - 82px);
}
#submittool .workOrderIndustry ul{
    overflow: hidden;
}
#submittool .workOrderIndustry ul li{
    float: left;
    line-height: 36px;
    height: 36px;
    width: 124px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 5px;
}
#submittool .workOrderIndustry ul li.current{
    border-color: #009adb;
}
#submittool .workOrderIndustry ul li img{
    float: left;
    width: 26px;
    height: 26px;
    margin: 5px;
}
#submittool .workOrderIndustry ul li span{
    float: left;
    margin-left: 5px;
    width: calc(100% - 41px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*免费注册*/
#waves {
    background-color: #4251b6;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%
}
.line-zc {
    width: 100%;
    min-width: 1200px;
    height: 169px;
    background-color: #4251b6;
    position: relative
}
.line-zc-warp {
    width: 900px;
    height: 38px;
    margin-right: auto;
    position: absolute;
    top: 66px;
    left: 50%;
    margin-left: -450px;
    color: #fff;
    font-size: 26px
}
.line-zc-btn {
    color: #4251b6;
    height: 100%;
    width: 176px;
    border-radius: 5px;
    font-size: 20px;
    line-height: 38px;
    background-color: #fff;
    cursor: pointer
}
/* 免费试用 */
.FreeTrialProductListWrap {
    padding: 10px 0;
}
.FreeTrialProductListWrap ul{
    overflow: hidden;
    display: block;
    margin: 0 auto;
}
.FreeTrialProductListWrap ul li {
    border: 1px solid #ccc;
    cursor: pointer;
    overflow: hidden;
    display: block;
    background: url("../images/index/icon06.png") no-repeat right bottom;
}
.FreeTrialProductListWrap ul li.current {
    background: url("../images/index/icon07.png") no-repeat right bottom;
}
.FreeTrialProductListWrap ul li+li {
    border-top: 0 none;
}
.FreeTrialProductListWrap ul li img{
    float: left;
    margin: 0 auto;
    width: 70px;
    padding: 15px 10px;
}
.FreeTrialProductListWrap ul li>div{
    float: left;
    text-align: left;
    padding: 15px 0;
    width: calc(100% - 90px);
}
.FreeTrialProductListWrap ul li>div span{
    display: block;
    text-align: left;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 2px;
    margin-top: 2px;
}
.FreeTrialProductListWrap ul li>div p{
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.modalFreeTrialThree > div > p {
    font-size: 16px;
    line-height: 26px;
}
.modalFreeTrialThree .FreeTrialModeImgWrap {
    overflow: hidden;
    text-align: center;
    padding: 22px 22px 15px;
}
.modalFreeTrialThree .FreeTrialModeImgWrap > div {
    display: inline-block;
    text-align: center;
    width: 166px;
}
.modalFreeTrialThree .FreeTrialModeImgWrap > div img {
    display: block;
    margin: 0 auto;
}
.modalFreeTrialThree .FreeTrialModeImgWrap > div canvas {
    display: block;
    margin: 0 auto;
}
.modalFreeTrialThree .FreeTrialModeImgWrap > div p {
    font-size: 16px;
    line-height: 30px;
    padding-top: 6px;
    letter-spacing: 4px;
    padding-left: 4px;
}
.modalFreeTrialThree .FreeTrialModeImgWrap > div span {
    font-size: 14px;
    display: block;
    line-height: 22px;
    letter-spacing: 1px;
    padding-left: 1px;
}
.FreeTrialPayWrap{
    padding: 15px 15px 0;
}
.FreeTrialPayWrap .FreeTrialPay{
    width: 400px;
    margin: 0 auto;
    height: auto;
    padding: 20px 10px;
    border: 1px solid #ccc;
    overflow: hidden;
}
.FreeTrialPayWrap .FreeTrialPay .FreeTrialPayLeft{
    float: left;
    text-align: center;
}
.FreeTrialPayWrap .FreeTrialPay .FreeTrialPayLeft p canvas{
    display: block;
    margin: 0 auto;
}
.FreeTrialPayWrap .FreeTrialPay .FreeTrialPayLeft span{
    width: 156px;
    height: 34px;
    border-radius: 4px;
    color: #ffffff;
    line-height: 34px;
    display: block;
    letter-spacing: 1px;
    padding-left: 1px;
    margin-top: 20px;
}
.FreeTrialPayWrap .FreeTrialPay .FreeTrialPayLeft.Alipay span{
    background: #0eadf1;
}
.FreeTrialPayWrap .FreeTrialPay .FreeTrialPayLeft.Wxpay span{
    background: #00c800;
}
.FreeTrialPayWrap .FreeTrialPay .FreeTrialPayRight{
    float: left;
    width: 225px;
    line-height: 32px;
    padding-left: 18px;
}
.FreeTrialPayWrap .FreeTrialPay .FreeTrialPayRight>div{
    overflow: hidden;
}
.FreeTrialPayWrap .FreeTrialPay .FreeTrialPayRight>div span{
    float: left;
}
.FreeTrialPayWrap .FreeTrialPay .FreeTrialPayRight>div p{
    float: left;
}
.FreeTrialPayWrap .FreeTrialPay .FreeTrialPayRight>div select{
    width: 153px;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    text-indent: 8px;
}
.FreeTrialPayWrap .FreeTrialPay .FreeTrialPayRight>div p i{
    width: 48px;
    height: 48px;
    float: left;
    margin-right: 10px;
    border: 1px solid #ffffff;
    cursor: pointer;
}
.FreeTrialPayWrap .FreeTrialPay .FreeTrialPayRight>div p i.Alipay{
    background: url("../images/head/alipay-logo.png") no-repeat center;
}
.FreeTrialPayWrap .FreeTrialPay .FreeTrialPayRight>div p i.Wxpay{
    background: url("../images/head/wxpay-logo.png") no-repeat center;
}
.FreeTrialPayWrap .FreeTrialPay .FreeTrialPayRight>div p i.Alipay.current{
    border-color: #0eadf1;
}
.FreeTrialPayWrap .FreeTrialPay .FreeTrialPayRight>div p i.Wxpay.current{
    border-color: #00c800;
}
.FreeTrialPayWrap .FreeTrialPay .FreeTrialPayRight .FreeTrialPayTypeWrap{
    height: 30px;
    margin-bottom: 10px;
    line-height: 30px;
    border: 1px solid #3194ff;
    overflow: hidden;
    display: none;
}
.FreeTrialPayWrap .FreeTrialPay .FreeTrialPayRight .FreeTrialPayTypeWrap a{
    float: left;
    width: 50%;
    text-align: center;
    color: #222;
    cursor: pointer;
}
.FreeTrialPayWrap .FreeTrialPay .FreeTrialPayRight .FreeTrialPayTypeWrap a.current{
    background: #3194ff;
    color: #fff;
}
.FreeTrialPayWrap .FreeTrialPay .FreeTrialPayRight #agelimitWrap .WebAgelimit1{
    display: none;
}
.FreeTrialPayWrap .FreeTrialPayPoney{
    font-size: 28px;
    line-height: 38px;
    margin-top: 15px;
    color: #f40;
    text-align: center;
}
.modalFreeTrialFour>p{
    font-size: 16px;
    line-height: 28px;
}
.modalFreeTrialFour .FoureImgWrap{
    text-align: center;
}
.modalFreeTrialFour .FoureImgWrap img{
    display: block;
    margin: 24px auto 10px;
}
.modalFreeTrialFour .FoureImgWrap p{
    font-size: 16px;
    letter-spacing: 4px;
    padding-left: 4px;
    line-height: 24px;
}
.modalFreeTrialFour .FoureImgWrap span{
    font-size: 16px;
    letter-spacing: 1px;
    padding-left: 1px;
    line-height: 24px;
    display: block;
}
/* 产品价格样式 */
.productPriceWrap{
    position: absolute;
    width: 210px;
    height: 44px;
    z-index: 144;
}

.productPriceWrap .productPriceTitle{
    width: 200px;
    height: 44px;
    color: #fff;
    background: #3194ff url("../images/product/icon01.png") no-repeat right 7px top 20px;
    cursor: pointer;
    border-radius: 4px;
    text-align: left;
    padding-right: 10px;
    font-size: 16px;
    display: block;
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
}
.productPriceWrap .productPriceTitle em{
    font-size: 24px;
    color: #ffee00;
    font-family: '黑体';
    height: 44px;
    line-height: 44px;
    float: left;
    margin-right: 2px;
}
.productPriceWrap .productPriceTitle strong{
    line-height: 46px;
    height: 44px;
    float: left;
    color: #ffffff;
    margin-right: 4px;
    font-size: 16px;
}
.productPriceWrap .productPriceTitle strong:first-child{
    display: none;
}
.productPriceWrap .productPriceTitle em+strong{
    line-height: 50px;
    height: 44px;
    margin-right: 0;
    font-size: 14px;
    font-weight: normal;
}
.productPriceWrap .productPriceListWrap{
    box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
    border-radius: 0 0 6px 6px;
    overflow: hidden;
    width: 260px;
    display: none;
    position: relative;
    z-index: 1;
}
.productPriceWrap:hover .productPriceTitle{
    border-radius: 4px 4px 0 0;
}
.productPriceWrap:hover .productPriceListWrap{
    display: block;
}
.productPriceWrap .productPriceList{
    width: 250px;
    height: 44px;
    color: #222;
    background: #fff;
    cursor: pointer;
    text-align: left;
    padding-left: 10px;
    font-size: 16px;
    display: flex;
}
.productPriceWrap .productPriceList em{
    font-size: 28px;
    font-family: '黑体';
    height: 44px;
    line-height: 44px;
    float: left;
    margin-right: 2px;
}
.productPriceWrap .productPriceList strong{
    line-height: 48px;
    height: 44px;
    float: left;
    color: #222;
    font-size: 14px;
}
.productPriceWrap .productPriceList:nth-child(odd){
    background: #fafafa;
}
.productPriceWrap .productPriceList:nth-child(even){
    background: #ffffff;
}
.productPriceWrap .productPriceList:hover{
    background: #f1f1f1;
}
.productPriceWrap .productPriceList:nth-child(odd) em{
    color: #ff4400;
}
.productPriceWrap .productPriceList:nth-child(even) em{
    color: #259a00;
}
/* 促销小图标样式 */
.softBadge{
    color: #f72525;
    font-family: 宋体;
    font-size: 12px;
}
.softBadge.softBadge01{
    position: absolute;
    width: 65px;
    height: 38px;
    background: url("../images/index/badge01.png") no-repeat top right;
}
.softBadge.softBadge02{
    position: absolute;
    width: 73px;
    height: 26px;
    background: url("../images/index/badge02.png") no-repeat top left;
}
.softBadge.softBadge03 , .softBadge.softBadge04 , .softBadge.softBadge05{
    position: absolute;
    display: block;
    height: 16px;
    line-height: 16px;
    padding-left: 20px;
    cursor: pointer;
}
.softBadge.softBadge03 {
    background: url("../images/index/icon40.png") no-repeat left center;
}
.softBadge.softBadge04 {
    background: url("../images/index/icon39.png") no-repeat left center;
}
.softBadge.softBadge05 {
    color: #f72525;
    background: url("../images/index/icon38.png") no-repeat left center;
}
/*通知样式*/
.noticeListWrap{
    position: absolute;
    top: 120px;
    right: 20px;
    width: 240px;
    z-index: 9;
}
.noticeList{
    max-height: 576px;
    overflow: hidden;
}
.noticeListWrap ul {
    margin: 0;
}
.noticeListWrap ul li{
    width: 100%;
    height: 100px;
    background-color: rgba(3,15,35,0.8);
    border-radius: 4px;
    padding: 4px 10px;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 10px;
    display: none;
}
.noticeListWrap ul li h4{
    overflow: hidden;
    height: 30px;
    margin: 0;
}
.noticeListWrap ul li h4>p{
    font-size: 14px;
    font-weight: normal;
    float: left;
    line-height: 32px;
    color: #ffc300;
    margin: 0;
}
.noticeListWrap ul li h4>i{
    float: right;
    width: 30px;
    height: 30px;
    background: url("../images/index/icon41.png") no-repeat center;
    margin-right: -10px;
    cursor: pointer;
}
.noticeListWrap ul li>p{
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
}
.noticeListWrap ul li>p#oppeningTime{
    color: #ffc300;
}
.noticeListBtn{
    width: 100%;
    height: 36px;
    background-color: rgba(3,15,35,0.8);
    border-radius: 4px;
    text-align: center;
    position: relative;
}
.noticeListBtn i{
    width: 36px;
    height: 36px;
    cursor: pointer;
}
.noticeListBtn i.noticeListBtnLeft{
    float: left;
    background: url("../images/index/icon42.png") no-repeat center;
}
.noticeListBtn i.noticeListBtnRight{
    float: right;
    background: url("../images/index/icon43.png") no-repeat center;
}
.noticeListBtn p {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    letter-spacing: 6px;
    padding: 0 30px;
    cursor: pointer;
    position: absolute;
    white-space: nowrap;
    top: 0;
    left: 50%;
    margin-left: -44px;
}
/*首页顶部广告*/
.head_advert_wrap{
    height: 58px;
    background: #000000;
    position: relative;
    display: none;
}
.head_advert_wrap .head_advert{
    margin: 0 auto;
    width: 1200px;
    position: relative;
    height: 58px;
}
.head_advert_wrap .head_advert img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.head_advert_wrap .head_advert_close{
    color: #fff;
    width: 18px;
    height: 18px;
    position: absolute;
    border: 1px solid #fff;
    text-align: center;
    line-height: 17px;
    font-size: 18px;
    right: 20px;
    top: 50%;
    margin-top: -10px;
    cursor: pointer;
}

/*联系我们弹窗样式*/
#contactInformation .contactInformationWrap .codeImgWrap{
    padding: 20px 0 0;
    overflow: hidden;
    width: 100%;
    text-align: center;
}
#contactInformation .contactInformationWrap .codeImgWrap div{
    margin: 0 40px;
    display: inline-block;
}
#contactInformation .contactInformationWrap .codeImgWrap div p{
    text-align: center;
    font-size: 14px;
    color: #222222;
    letter-spacing: 4px;
    padding-left: 4px;
    line-height: 24px;
    margin-top: 6px;
}
#contactInformation .contactInformationWrap .codeImgWrap div p span{
    display: block;
    letter-spacing: 1px;
}
#contactInformation .contactInformationWrap .telephone {
    font-size: 14px;
    line-height: 32px;
}
#contactInformation .contactInformationWrap .telephone span{
    font-family: DINPro;
    color: #60e1ed;
    font-size: 34px;
    display: block;
    text-align: center;
    line-height: 50px;
}
#contactInformation .contactInformationWrap>p {
    font-size: 14px;
    color: #555;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    letter-spacing: 2px;
    padding-left: 2px;
    text-align: center;
}
.contact_information_show{
    cursor: pointer;
}
/*解决中心样式*/
.programmerNavShow{
    padding: 20px 20px 48px;
    background-color: #2d2e33;
    position: absolute;
    top: 68px;
    left: 0;
    text-align: left;
    overflow: hidden;
    width: max-content;
    height: auto;
    display: none;
}
.programmerNav{
    width: 220px;
    float: left;
}
.programmerNav>div>p{
    color: #fff;
    font-size: 14px;
    text-align: left;
    line-height: 40px;
    border-bottom: 1px solid #5e606b;
    letter-spacing: 1px;
    font-weight: bold;
    width: 76%;
}
.programmerNav .navList a{
    color: #919aaf;
    display: block;
    line-height: 40px;
}
.programmerNav .navList a:hover{
    color: #fff;
}
.programmerNav .navList.shopkeep a{
     width: 50%;
    display: inline-block;
    float: left;
}
.programmerImgWarp{
    margin-top: 26px;
    margin-left: 26px;
    margin-right: 64px;
    float: left;
}
.programmerImgWarp>div p{
    color: #fff;
    text-align: center;
    line-height: 34px;
}
/*右侧弹窗样式*/
.right-popups {
    position: fixed;
    right: 14px;
    top: 60%;
    z-index: 100;
    width: 219px;
    height: 161px;
    background: #FFFFFF;
    box-shadow: 0px 3px 13px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    box-sizing: border-box;
    padding: 6px;
    text-align: center;
    margin-top: 212px;
}
.right-popups .user-img {
    position: absolute;
    left: 50%;
    top: -34px;
    transform: translateX(-50%)
}
.popups-show {
    display:none
}
.right-popups .close-img {
    position: absolute;
    right:14px;
    top: 14px;
    cursor:pointer;
}
.popupsShow {
    display:none;
}
.right-popups > p {
    padding-top: 45px;
    color: #333;
    font-size:14px;
}
.right-popups .popups-phone {
    width:77%;
    font-weight: bold;
    color: #2680EB;
    margin-top: 12px;
    font-size: 18px;
    margin-left:27px
}
/*动态微信图*/
@keyframes my_second {
    0%{
        transform: scale(1,1);
        border:1px #160098 solid;
    }
    100%{
        transform: scale(1.2,1.2);
        border:1px #16009800 solid;
    }
}
@keyframes my_first {
    0%{
        transform: scale(1,1);
    }
    100%{
        transform: scale(0.8,0.8);
    }
}
.weicar_right_wrap ul li.weicar_dynamic_border_box{
    cursor: pointer;
    top: -10px;
    right: 10px;
    width: 87px;
    height: 87px;
    border-radius: 10rem;
    animation: my_second 1s linear 0s infinite;
    background: #f7fdff;
    margin-bottom: 30px;
    box-sizing: border-box;
}
.weicar_right_wrap ul li.weicar_dynamic_li_box{
    cursor: pointer;
    position: absolute;
    box-sizing: border-box;
    top: -10px;
    right: 10px;
    margin: 0;
    padding: 0;
}
.weicar_dynamic_portrait_box{
    position: relative;
    margin: 0 auto;
    width: 85px;
    height: 85px;
    margin-top: 3px;
    margin-left: 3px;
    padding: 0;
    box-sizing: border-box;
}
.weicar_dynamic_portrait_box img{
    width: 100%;
    object-fit: cover;
    animation: my_first 0.5s linear 0s infinite alternate;
}
.portrait_box_text{
    color: #2680EB;
    list-style: none;
    border: 1px #fff solid;
    background: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    position: absolute;
    top: 85px;
    width: 80px;
    margin-left: 5px;
}
.weicar_right_wrap ul li.weicar_dynamic_li_box>div {
    padding: 20px 10px 10px;
    overflow: hidden;
    width: 150px;
    top: 0;
    z-index: 9;
    text-align: center;
}
.weicar_right_wrap ul li.weicar_dynamic_li_box>div div p {
    text-align: center;
    font-size: 12px;
    color: #222222;
    letter-spacing: 2px;
    line-height: 18px;
    padding-top: 9px;
}
/*左侧扫码*/
.weicar_left_wrap {
    position: fixed;
    bottom: 17vh;
    left: 0;
    text-align: right;
}
.experience_ewm{
    text-align: center;
    margin-bottom: 30px;
    cursor: pointer;
    background: #fff;
    padding: 0 10px;
}
.experience_ewm>img{
    width: 100px;
}
.experience_ewm>p{
    font-size: 14px;
    line-height: 28px;
    font-weight: 600;
    color: #2680EB;
    letter-spacing: 1px;
}
/*右侧二维码*/
.right_ewm {
    position: fixed;
    top: 50%;
    right: 10px;
    width: 200px;
    height: 252px;
    background: #fff;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 9px;
    text-align: center;
}

.right_ewm > img {
    margin: 30px 29px;
}

.right_ewm > p {
    font-size: 14px;
    background: #0052cc;
    color: #fff;
    height: 44px;
    border-radius: 0px 0px 8px 8px;
    padding-top: 6px;
}
/*放大二维码效果*/
.img_boost_warp{
    width: 100%;
    height: 100%;
    z-index: 5;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
}
.overload{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}
.img_boost_warp .img_warp{
    width: 400px;
    height: 400px;
    background: #fff;
    position: absolute;
    border-radius: 10px;
    left: 50%;
    margin-left: -200px;
    top: 50%;
    margin-top: -200px;
    text-align: center;
}
.img_boost_warp .img_warp>img{
    width:280px;
    margin-top: 40px;
}
.img_boost_warp .img_warp>p{
    text-align: center;
    font-size: 28px;
    color: #0052cc;
    line-height: 56px;
}