/*通用*/


@font-face {
    font-family: MILT_RG;
    src: url('../font/MILT_RG.ttf');
}


* {
    margin: 0px;
    padding: 0px;
    font-family: "MILT_RG","microsoft yahei";
    font-style: normal;
}
.w_auto {
    width: 1180px;
    margin: 0 auto;
    height: 100%;
}
.w_auto:after{
    clear:both;
    display:table;
    content:'';
}
a {
    text-decoration: none;
    color:inherit;
}
hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-color: #949494 !important;
}
    a:hover,a:link,a:active,a:visited {
        color: inherit;
    }
li {
    list-style: none;
}
h1{
    line-height:56px;
}
/*浮动*/
.lft{
    float:left;
}
.rgt{
    float:right;
}
/*对齐方式*/
.text_c{
    text-align:center;
}
.text_l {
    text-align: left;
}
.text_r {
    text-align: right;
}
.w_50{
    width:50%;
}
/*清楚浮动*/
.clear:after {
    display: table;
    content: '';
    clear: both;
}
/*字体大小*/
.ft_style1 {
    font-size: 1rem;
}

.ft_style2 {
    font-size: 14px;
    color: #7B8297;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 20px;
}
.ft_general1{
    font-size:20px;
    color:#444;
}
.ft_general2 {
    font-size: 16px;
    color: #444;
}
.ft_general3 {
    font-size: 14px;
    color: #666!important;
    line-height:24px;
}
.ft_12 {
    font-size: 12px;
}
.ft_14 {
    font-size: 14px;
}
.ft_16 {
    font-size: 16px;
}
.ft_18 {
    font-size: 18px;
}
.ft_20 {
    font-size: 20px;
}
.ft_28{
    font-size:28px;
}
/*字体颜色*/
.ft_white{
    color:#fff;
}
#loadingBox{
    position: fixed;
    left: 50%;
    top: 50%;
    height: 40px;
    background: #fffbfb;
    margin-left: -7.5%;
    margin-top: -20px;
    z-index: 1000000;
    text-align: center;
    line-height: 40px;
    display: none;
    padding:0 15px;
    border: 1px solid #ccc;
    font-size: 18px;
}
#loadingBox p{
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#loadingBox img{
    width:25px;
    height:25px;
    margin-right: 5px;
}
/*共用弹出效果*/
#btn_prompt {
    position: fixed;
    left: 50%;
    top: 50%;
    height: 40px;
    background: #fffbfb;
    margin-left: -7.5%;
    margin-top: -20px;
    z-index: 1000000;
    text-align: center;
    line-height: 40px;
    display: none;
    padding:0 15px;
}
.w_error {
    background: #fffbfb;
    border: 1px solid #ffb6b1;
    color: #ff7b7b !important;
    box-shadow: 3px 3px 6px #ffe3e3;
}

.w_success {
    color: #00c292;
    border: 1px solid #b7dfd5;
    background: #f5fffc;
    box-shadow: 3px 3px 6px #c6f7eb;
}

/*圆角按钮*/
.radius_btn {
    width: 200px;
    height: 56px;
    line-height: 55px;
    border-radius: 100px;
    display: inline-block;
    margin-top: 20px;
    cursor: pointer;
}

/*方角按钮*/
.square_btn {
    width: 45%;
    border: 1px solid #ccc;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: transparent;
    border-radius: 3px;
    cursor:pointer;
}

/*通用按钮*/
.blue_btn {
    background: #3BA2F8;
    padding: 0 25px;
    color: #FFFFFF!important;
    outline: none;
    border: none!important;
    font-size: 16px;
    border-radius:3px;
}

.gray_btn {
    background: #F0F0F0;
    padding: 0 25px;
    color: #494949!important;
    outline: none;
    border: none !important;
    font-size: 16px;
    border-radius: 3px;
}

.square_btn a,.radius_btn a{
    display:inline-block;
    width:100%;
    height:100%;
}


.d_i{
    display:inline-block;
}
html {
    font-size: 20px;
}
a{
    text-decoration:none!important;
}
a:hover {
    text-decoration: none !important;
}


.h4_style {
    color: #426FB2;
    margin-bottom:20px;
}
.scroll_top {
    background: url('../images/index/top.png') no-repeat;
    background-size:100% 100%;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    position: fixed;
    bottom: 5%;
    right: 1%;
    display: none;
    cursor:pointer;
}

/*rem设置*/
@media only screen and (min-width: 401px) {
    html {
        font-size: 25px !important;
    }
}

@media only screen and (min-width: 428px) {
    html {
        font-size: 26.75px !important;
    }
}

@media only screen and (min-width: 481px) {
    html {
        font-size: 30px !important;
    }
}

@media only screen and (min-width: 569px) {
    html {
        font-size: 35px !important;
    }
}

@media only screen and (min-width: 641px) {
    html {
        font-size: 40px !important;
    }
}


/*layout header*/

.header {
    background: #F2F3F5;
    height:60px;
}
/*上下箭头*/
.i_arrow {
    position:relative;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #444;
    border-right: 1px solid #444;
    transform: rotate(-225deg);
    margin-left: 4px;
    transition:all 500ms;
    top:-2px;
}
.header_arrow:hover .i_arrow {
    transform: rotate(-45deg);
    transition: all 500ms;
    transform-origin: 55% 75%;
    -webkit-transform-origin: 55% 75%;
    -moz-transform-origin: 55% 75%;
}
.header .header_content{
    height:inherit;
    margin:0 auto;
    position:relative;
}
.header_content_left{
    line-height:55px;
}
.header_content_left img{
    width:150px;
}
.header_content_right ul li{
    float:left;
    line-height:60px;
    font-size:14px;
}
.header_li1_active>div>a, .header_li1_active {
    color: #FAFAFA !important;
}

.header2 {
    position:relative;
    z-index:100;
    height: 60px;
    border-bottom: 1px solid #EBEBEB;
    background: #FAFAFA;
    width:100%;
}

.header_li_click ul {
    position: absolute;
    right:10px;
    color: #444;
    z-index: 101;
}
.header_li_click>div>a{
    color:#444;
    display:inline-block;
    height:60px;
    padding:0 21px;
}
.header_arrow>div>a {
    color: #444;
    display: inline-block;
    height: 60px;
    padding: 0 21px;
}
.header_li_click ul li {
    float: left;
    height: 60px;
    line-height:60px;
    padding:0 7px;
    margin-left:25px;
}
.header_arrow ul {
    display: none;
}
    .header_arrow  a {
        color: #444 !important;
    }

    .header_arrow:hover ul {
        display: block;
    }
.header_arrow {
    position: relative;
}
    .header_arrow ul {
        position: absolute;
        left: 0;
        z-index: 102;
        width: 100%;
        background: #FAFAFA;
        box-shadow: 0 2px 4px 0 rgba(197,197,197,0.50);
    }
        .header_arrow ul li {
            width: 100%;
            line-height: 45px;
            height: 45px;
            text-align: center;
            color: #444;
        }
            .header_arrow ul li a {
                display: inline-block;
                width: 100%;
                height: 100%;
            }

.header_ul li a{
    color:#444;
    display:inline-block;
    width:100%;
    height:100%;
}
.buy_icon {
    position: relative;
    padding-left: 30px !important;
}

.buy_icon_bj {
    position: absolute;
    left: 0;
    top: 14px;
    width:25px;
    height:30px;
    background:url('../images/web_purcchase_icon.png') -17px center no-repeat;
}
.lang-en .buy_icon_bj {
    background-position:3px center;
}
.lang-de .buy_icon_bj {
    background-position: -37px center;
}
.lang-es .buy_icon_bj {
    background-position: -57px center;
}
/*共用的白色方块*/
.common_white_div {
    padding: 20px 30px;
    background: #fff;
    box-shadow: 0 0 4px 0 rgba(228,228,228,0.50);
}
.common {
    background: #FAFAFA;
    padding-bottom: 50px;
}

.common_content {
    margin: 0px auto;
    padding-top: 100px
}

/*footer*/
hr {
    border-top: 1px solid #666;
}
footer {
    background: url('../images/share/footer_bj.png') 9% center no-repeat #444;
    background-size: auto 100%;
    font-size: 14px;
    color: #949494;
}
.footer_bj{
    height:369px;
}
.footer_footer .footer_footer{
    margin-bottom:10px;
}
.footer_footer:after{
    clear:both;
    display:table;
    content:'';
}
.footValue{
    margin-left: 10px;
}
.footer_header {
    padding:20px 0;
}
.footer_header img{
    margin-left:1.5%;
}
.footer_content {
    margin: 0 auto;
}

.footer_right .lft:first-child{
    width:47%;
}
.footer_right .rgt{
    float:left;
}
.ewm_line {
    height: 77px;
    border-left: 1px solid #666666;
    margin-top: 30px;
}
.footer_footer {
    padding: 0 15px 10px 15px;
}
footer .footer_content hr {
    margin-left: 15px;
    margin-right: 15px;
}
.footer_div_w50{
    display:inline-block;
}
.footer_content ul li{
    margin-top:20px;
}
.footer_content_content label{
    font-weight:normal;
}
.footer_span {
    font-size: 16px;
    color: #FFFFFF;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom:3px;
}

.footer_right>div{
    margin-top:18px;
}

.header_li_click ul {
    display: none;
}

.weibo_img ,.gzh_img{
    width:75px;
    height:75px;
}

/*about.cshtml support.cshtml a标签样式*/

.other_a a:link,
.other_a a:visited,
.other_a a:active {
    text-decoration: none;
    color: #266392;
}

/*mobile nav*/
.mobile_nav{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    z-index:99999;
    background:rgba(0,0,0,0.85);
    color:#fff;
}
.mobile_close{
    text-align:right;
    height:44px;
    line-height:44px;
    margin-right:11px;
    font-size:15px;
    margin-bottom:0px;
}
.mobile_nav_list1 {
    margin-left: 50px;
    width: 64px;
    padding: 5px 0;
    border-bottom: 2px solid #fff;
    margin-bottom: 18px;
    font-size:16px;
}

.mobile_nav ul {
    margin-left: 66px;
    margin-bottom:12px;
}
.mobile_nav ul li{
    margin-top:15px;
}
.mobile_nav li {
    font-size: 15px;
}
.moblie_nav_display {
    float: right;
    width: 21px;
    height: 15px;
    margin-top: 18px;
    margin-right: 10px;
}
.moblie_nav_display img{
    width:100%;
    height:100%;
}
.moblie_nav_display{
    display:none;
}
.privacy p{
    line-height:26px;
}

.ewm_line{
    display:none;
}
@media screen and (max-width:1200px) {
    .header_content_left {
        margin-left: 10px;
    }
}
@media screen and (max-width:1200px){
    .w_auto {
        width: auto !important;
    }
}

@media screen and (max-width:750px){
    .header_content_left img {
        width: 65%;
    }
    .header{
        height:44px;
    }
    .header_content_left {
        line-height: 40px;
    }
    .moblie_nav_display{
        margin-top:11px;
    }

    .footer_footer > div {
        display: block;
        width: 100%;
        text-align: center;

    }
    .footer_header img {
        width: 108px;
        margin-left: 10px;
    }

    .common_content{
        padding-top:50px;
    }
}

@media screen and (max-width:477px){
    .ewm_line{
        display:none;
    }

    .footer_right > div > div {
        width: 100%;
        margin-top:10px;
    }
}
.ft_style2 .moreInfoHref {
    color: #3BA2F8;
}
.pluginsWelcomePage .headBox {
    color: #202124;
    text-align: center;
}

.pluginsWelcomePage .title {
    font-size: 40px;
    margin-top: 10px;
    margin-bottom: 14px;
    font-weight: bold;
}

.pluginsWelcomePage .description {
    font-size: 18px;
    margin-bottom: 40px;
}

.pluginsWelcomePage .benefitUl {
    margin-top: 48px;
}

.pluginsWelcomePage .benefitLi {
    color: rgba(32, 33, 36, 0.67);
    font-size: 16px;
    padding: 10px 0;
    line-height: 1;
    text-align: center;
    margin-bottom: 6px;
    width: 196px;
    border: 2px solid transparent;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: border-color 0.15s ease-in-out;
    -webkit-transition: border-color 0.15s ease-in-out;
    -moz-transition: border-color 0.15s ease-in-out;
    -ms-transition: border-color 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out;
}

.pluginsWelcomePage .mainBox {
    display: flex;
    justify-content: center;
}

.pluginsWelcomePage .benefitLi.activeBenefitLi {
    border: 2px solid #202124;
    color: #202124;
    font-weight: bold;
}

.pluginsWelcomePage .detailtext {
    color: #202124;
    font-size: 14px;
    margin-top: 36px;
    display: flex;
    align-items: center;
}
.pluginsWelcomePage .detailtext.guideInfo{
    margin-top: 0;
}

.pluginsWelcomePage .common {
    background-color: #EAF9FF;
}
.guideInfo .dot,
.pluginsWelcomePage .detailtext .dot {
    display: inline-block;
    background-color: #202124;
    width: 4px;
    height: 4px;
    margin-right: 8px;
    border-radius: 30px;
}

.pluginsWelcomePage .leftBox {
    margin-right: 64px;
}

.pluginsWelcomePage .detailImg {
    width: 778px;
    height: 430px;
}
.pluginsPageBox .common{
    background-color: #ffffff;
}
.lang-fr .downloadAppInfo a {
    color: #127AC1;
}
.lang-de .downloadAppInfo a {
    color: #2E9F14;
}
.lang-es .downloadAppInfo a {
    color: #C64E64;
}
.lang-en .downloadAppInfo a {
    color: #3BA2F8;
}
.pluginsPageBox .common_content {
    padding-top: 60px;
}
@media screen and (max-width:1000px){
    .pluginsWelcomePage .detailImg{
        width: 95%;
        height: auto;
        min-width:540px;
    }
    .pluginsWelcomePage .leftBox {
        margin-right: 34px;
    }
    .pluginsWelcomePage .benefitLi {
        width: 150px;
        font-size: 14px;
        padding: 6px 0;
    }
    .pluginsWelcomePage .benefitUl {
        margin-top: 0;
    }
}
@media screen and (max-width:477px){
    .pluginsWelcomePage .mainBox{
        flex-direction: column;
    }
    .pluginsWelcomePage .detailImg{
        min-width:300px;
    }
    .pluginsWelcomePage .title {
        font-size: 20px;
    }
    .pluginsWelcomePage .benefitUl {
        margin-top: 8px;
    }
    .pluginsWelcomePage .leftBox {
        margin-right: 0;
        display: flex;
        justify-content: center;
    }
    .pluginsWelcomePage .benefitLi {
        font-size: 14px;
        padding: 4px 0;
        width: 196px;
        border: 2px solid transparent;
    }
    .pluginsWelcomePage .benefitLi.activeBenefitLi {
        border: 1px solid #202124;
    }
    .pluginsWelcomePage .rightBox{
        text-align: center;
    }
    .pluginsWelcomePage .detailtext {
        font-size: 12px;
        margin-top: 26px;
        max-width: 95%;
        justify-content: center;
    }
    .pluginsPageBox .common_content {
        padding-top: 30px;
    }
    .pluginsPageBox .downloadAppInfo{
        display: block;
    }
}