/*reset*/
body { font: 12px/1.5 microsoft yahei,Arial; background-color: #ffffff; color: #666; }

html, body, p, dl, dt, dd, table, td, th, input, img, form, div, span, ul, ol, li, h1, h2, h3, h4, h5, h6, select, fieldset, button, sub, sup, textarea { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

img { border: 0 none; }

em, i { font-style: normal; }

ul, ol { list-style: none outside none; }

.clearfix:after { content: ""; display: block; clear: both; }

.clearfix { *zoom: 1; }

a { color: #666; text-decoration: none; }

a:hover { color: #298fc6; text-decoration: underline; }

:focus { outline: 0; }

.clear { clear: both; overflow: hidden; font-size: 0; height: 0; line-height: 0; }

input, textarea, select { background-color: #ffffff; }

/* 头部css */
.head-wp { height: 70px; background: #f8fbff; min-width: 1000px; }
.ai .head-wp{min-width: 1200px;}

.headinner { width: 1000px; margin: 0 auto; }
.ai .headinner{width: 1200px;}

.logo { width: 201px; height: 42px; display: inline-block; float: left; margin-left: 3px; margin-top: 15px; }
.logo img { width: 201px; height: 42px; display: block; }

.nav-wp { float: right; margin-top: 27px; margin-right: 36px; }
.ai .nav-wp, .gw .nav-wp{float: left; margin-top: 26px;margin-right: 50px;}
.nav-wp li { display: inline; float: left; margin-left: 24px; position: relative; }
.nav-wp a { display: block; font-size: 14px; color: #9499a0; }
.nav-wp a:hover { text-decoration: none; color: #5d5c5c; }
.nav-wp .curr-wp { font-weight: bold; color: #5d5c5c; }
.nav-wp i.hot { position: absolute; right: -21px; top: -8px; display: block; overflow: hidden; width: 22px; height: 12px; background: url("../images/hot.gif") no-repeat; }

.pc-m { width: 210px; height: 37px; float: right; background: url("../images/pc-m-bg.png") no-repeat; margin-top: 18px; position: relative; }
.ai .pc-m, .gw .pc-m{width: 319px; height: 36px; background: #fff;border-radius: 18px;border: 1px solid #D8E7FC;}
.pc-m a { width: 60px; height: 36px; line-height: 36px; margin-top: 1px; display: inline-block; float: left; color: #4e9cfd; font-size: 16px; padding-left: 44px; position: relative; z-index: 999; background-image: url(../images/pc-m-iconbg.png); background-repeat: no-repeat; }
.pc-m a:hover { text-decoration: none; }
.pc-m .currColor { color: #fff; }
.pc-m .currColor:hover { color: #fff; }
.pc-m .pcIcon-lost { color: #4e9cfd; background-position: 15px -21px; }

.pcIcon-bg, .pcIcon-bg-new { background-position: 15px 7px; }

.pc-m .mIcon-bg, .pc-m .mIcon-bg-new { padding-left: 40px; background-position: 20px -96px; }

.pc-m .mIcon-hover { color: #fff; background-position: 20px -58px; }

#curr-pc-m { width: 104px; height: 35px; display: block; background: url("../images/pc-m-hoverbg.png") no-repeat; position: absolute; left: 1px; top: 1px; }
.ai .head-new #curr-pc-m, .gw .head-new #curr-pc-m{width: 106px; height: 36px; background:#327AFF; border-radius: 18px;left: 0; right: 0;}
.ai .ai #curr-pc-m, .gw .ai #curr-pc-m{left: 106px;}
/*footer*/
.footer { border-top: 1px solid #f2f2f2; zoom: 1; font-family: simsun; min-width: 1000px; }
.ai .footer{min-width: 1200px;border-top: none;font-family: 'microsoft yahei','Arial';}
.footer .inner { border-top: 1px solid #fff; zoom: 1; background: #fff; }
.ai .footer .inner{background: #181A3A;border-top: none;}
.footer .links { overflow: hidden; *zoom: 1; width: 1000px; margin: 0 auto; padding: 27px 0; }
.ai .footer .links{width: 1200px;}
.footer .links dl { float: left; width: 120px; border-left: 1px dotted #d8d4d4; padding: 0 24px; height: 157px; }
.ai .footer .links dl{border-left: 1px solid #2A2B49; padding: 0 85px;}
.footer .links dt { margin-bottom: 8px; font-size: 14px; font-weight: bold; color: #666; }
.ai .footer .links a, .ai .footer .links dd{color: #f0f0f0;}
.ai .footer .links dt{color: #fff;}

.footer .links dd { line-height: 24px; }

.footer .links .lastItem { width: 145px; }
.ai .footer .links .lastItem{padding-right: 0;}
.footer .links .wbItem { position: relative; *zoom: 1; }

.footer .links .wbItem .trig { position: absolute; top: 1px; left: 68px; }

.footer .links .ewm_box { float: left; width: 115px; height: 115px; overflow: hidden; background: url(http://meigong.2345.com/ie.2345.com/web/index/assets/v6/images/ewm_wx.png) no-repeat; }

.footer .copyright { width: 1000px; margin: 0 auto; padding: 15px 0; text-align: center; border-top: 1px solid #e3e7ea; font-family: Arial; }
.ai .footer .copyright{width: 1200px;}
.footer .links .product { width: 444px; overflow: hidden; border-left: 0 none; }
.ai .footer .links .product { border-left: 0 none; padding: 0 50px 0 48px;}
.product-list { width: 480px; }

.product-list li { float: left; _display: inline; width: 160px; height: 26px; line-height: 26px; }

.tip_mod .tips, .tip_mod .tips_skin, .tip_mod .close { background: transparent url(//ie.2345.cc/images/pub_sprite.png) no-repeat scroll 0 0; }

.tip_mod { background-color: #fff1d3; border-bottom: 1px solid #edbf9a; display: none; height: 28px; min-width: 970px; position: relative; }

.tip_mod .inner { height: 100%; margin: 0 auto; width: 970px; }

.tip_mod .tips, .tip_mod .tips_skin { background-position: -944px -77px; color: #c4691f; line-height: 28px; padding-left: 20px; }

.tip_mod .tips a { color: #c4691f; margin-left: 5px; text-decoration: none; }

.tip_mod .tips a:hover { color: #e0873f; }

.tip_mod .tips_skin a { color: #da2128; margin-left: 5px; text-decoration: underline; }

.tip_mod .close { background-position: -83px -76px; cursor: pointer; height: 17px; overflow: hidden; position: absolute; right: 5px; top: 5px; width: 17px; }

.tip_mod .close:hover { background-position: -110px -76px; }

.btn-link {
    display: inline-block;
    width: 78px;
    box-sizing: border-box;
    padding-left: 22px;
    vertical-align: 5%;
    line-height: 19px;
    color: #fff;
    background:url(../images/icon_contact.png) no-repeat;
}

.btn-link:hover {
    color: #fff;
    text-decoration: none
}

/******************* index.css ********************************/
/* banner */
.bannerwarp { height: 490px; margin: 0 auto; background: url("../pic/9.0bg.png") repeat-x; min-width: 1000px; position: relative; overflow: hidden; }

.bannerwarp-box { height: 490px; margin: 0 auto; min-width: 1000px; background: url("../pic/bannerbg_9.0.png") no-repeat center; }

.bannercontents { width: 1000px; height: 490px; margin: 0 auto; position: relative; min-width: 1000px; }

.release { width: 428px; height: 66px; position: absolute; right: 16px; bottom: 141px; }
.release a { width: 126px; padding-left: 88px; height: 112px; color: #fff; font-size: 18px; line-height: 89px; display: inline-block; background-image: url(../images/downloadBtn_bg.png); background-repeat: no-repeat; position: relative; }
.release a:hover { text-decoration: none; color: #fff; }
.release a i { width: 32px; height: 32px; display: block; position: absolute; left: 46px; top: 28px; background: url("../images/dl-arrow.png") no-repeat; overflow: hidden; }
.release p { color: #8b8b8b; font-size: 12px; padding-left: 5px; }
.release p .phone_link { background-image: none; background-color: #fff; color: #454545; border-bottom: 1px solid #abaeb2; width: 72px; height: 14px; line-height: 14px; padding-left: 0px; font-size: 12px; position: relative; }
.release p .phone_link:hover { color: #4e9cfd; border-bottom: 1px solid #4e9cfd; }
.release .beta { float: left; color: #4e9cfd; background: url("../images/downloadBtn_white.png") no-repeat; }
.release .beta:hover { color: #4e9cfd; background-position: left -112px; }
.release .beta:active { color: #4e9cfd; background-position: left -224px; }
.release .beta i { background: url("../images/dl-arrow02.png") no-repeat; }

.group_btn { position: absolute; top: 274px; left: 650px; }
.group_btn .btn { text-decoration: none; background: url(../images/download_btn_bg_03.png) no-repeat; }
.group_btn .text_box { position: relative; }
.group_btn .block_green { *position: relative; font-family: Microsoft Yahei, sans-serif; font-size: 22px; display: block; width: 240px; height: 56px; color: #fff; overflow: hidden; }
.group_btn .block_green:hover { background-position: -248px 0;}
.group_btn .block_green:active { background-position: -497px 0;}
.group_btn .block_green .text { display: block; margin-left: 73px; }
.group_btn .block_green .text01 { line-height: 56px; }
.group_btn .block_green .text02 { padding-bottom: 12px; }
.group_btn .block_green .text02 span { font-size: 16px; }
.group_btn .block_green .text02 em { font-size: 12px; display: block; line-height: 12px; }
.group_btn .border_white_01 { *position: relative; background-position: 0 -66px; margin-right: 10px; overflow: hidden; }
.group_btn .border_white_02 { position: relative; }
.group_btn .border_white_02:hover .erweima img{
    width: 134px;
    height: 127px;
}
.group_btn .border_white_03 { position: relative; overflow: hidden;}
.group_btn dd { margin-top: 10px; }
.group_btn dd .btn { float: left; width: 115px; height: 46px; font-size: 18px; text-align: center; line-height: 46px; color: #fff; background-position: 0 -66px; }
.group_btn dd .btn:hover { background-position: -248px -66px; text-decoration:none;color: #fff;}
.group_btn dd a:hover { text-decoration:none;color: #fff; }
.group_btn dd .btn:active { background-position: -497px -66px; }
.group_btn dd .text02 { *position: relative; *top: 3px; padding: 4px 0; line-height: 0.9; }
.group_btn dd .text02 span { font-size: 18px; }
.group_btn dd .text02 em { font-size: 12px; }

.group_btn dt.dt { margin-top: 10px; }
.group_btn dt.dt{background-color: transparent;}
.group_btn dt.dt{background: none;}
.group_btn dt.dt:hover{background: transparent;}
.group_btn dt.dt .btn { float: left; width: 115px; height: 46px; font-size: 18px; text-align: center; line-height: 46px; color: #fff; background-position: 0 -66px; }
.group_btn dt.dt .btn:hover { background-position: -248px -66px; }
.group_btn dt.dt .btn:active { background-position: -497px -66px; }
.group_btn dt.dt .text02 { *position: relative; *top: 3px; padding: 4px 0; line-height: 0.9; }
.group_btn dt.dt .text02 span { font-size: 18px; }
.group_btn dt.dt .text02 em { font-size: 12px; }

.group_btn .erweima {  position: absolute; left: 100%; bottom: 0; margin-left: 5px; text-indent: 0; }
.group_btn .erweima img {vertical-align: top; width: 0;height: 0}

.officialversion { float: left; }
.officialversion:hover { background-position: left -112px; }
.officialversion:active { background-position: left -224px; }

.classic { float: left; text-decoration: underline !important; }
.release .classic { font-size: 14px; background: none; width: auto; height: auto; padding-left: 0; }

.release .classic i { background: url("../images/dl-arrow2.png") no-repeat; }

/* 当中部分 */
.centerwarp { background: #f7fcff; min-width: 1000px; }

.warpoverflow { width: 1000px; margin: 0 auto; padding-top: 48px; overflow: hidden; }

.toolbox { width: 1200px; }
.toolbox li { width: 417px; height: 137px; margin-left: 26px; display: inline; float: left; margin-right: 108px; padding-bottom: 91px; overflow: hidden; zoom: 1; }

.toolImg { display: inline; float: left; }

.toolContext { margin-left: 162px; overflow: hidden; }
.toolContext h2 { font-size: 18px; color: #1e2a39; font-weight: normal; margin-top: 5px; }
.toolContext h3 { color: #1e2a39; height: 65px; display: table-cell; vertical-align: middle; /* 针对IE的Hack */ *display: block; *font-size: 56px; /*约为高度的0.873，200*0.873 约为175*/ *font-family: Arial; /*防止非utf-8引起的hack失效问题，如gbk编码*/ }
.toolContext h3 img { vertical-align: middle; }
.toolContext p { color: #8f8e8e; font-size: 14px; line-height: 20px; }

.new-browser { width: 283px; height: 23px; display: block; margin: 0 auto; background: url("../pic/words1.jpg") no-repeat; margin-bottom: 25px; overflow: hidden; }

.has-user { padding-left: 150px; }

.has-user .sp-user1, .has-user .count, .has-user .sp-user2 { display: inline-block; float: left; }

.sp-user1, .sp-user2 { height: 22px; margin-top: 10px; overflow: hidden; }

.sp-user1 { width: 170px; background: url("../pic/words2.jpg") no-repeat; }

.sp-user2 { width: 191px; background: url("../pic/words3.jpg") no-repeat; }

.count { margin-left: 8px; margin-right: 3px; }
.count span { width: 36px; height: 53px; display: inline-block; float: left; color: #fff; font-size: 30px; margin-right: 5px; text-align: center; line-height: 44px; background: url("../images/countbg.png") no-repeat; position: relative; }
.count span i { width: 36px; height: 2px; line-height: 0px; font-size: 0px; overflow: hidden; position: absolute; left: 0; top: 21px; background: url("../images/countbg.png") no-repeat left bottom; }

.download { width: 172px; height: 66px; display: block; text-align: center; line-height: 56px; margin-left: 405px; color: #fff; font-size: 18px; background-image: url(../images/downbg.png); background-repeat: no-repeat; margin-top: 45px; margin-bottom: 103px; background-position: left -198px; }
.download:hover { text-decoration: none; color: #fff; background-position: left -264px; }
.download:active { background-position: left -330px; }

.release .mobile-browser { line-height: normal; margin-top: 30px; }

.qr-box { display: none; position: absolute; top: -140px; height: 134px; }

.circle .circle-1 { width: 94px; height: 94px; border-radius: 50%; position: absolute; z-index: 1; top: 10px; left: 50%; margin-left: -548px; animation: sport 3s linear 0s infinite; background-image: linear-gradient(-60deg, #30d3eb 0%, rgba(48, 211, 235, 0) 80%, rgba(48, 211, 235, 0) 100%); opacity: 0.2; }

.circle .circle-2 { width: 330px; height: 330px; border-radius: 50%; position: absolute; top: -120px; right: 50%; margin-right: -810px; animation: sport 3s linear 200ms infinite; background-image: linear-gradient(-60deg, #30d3eb 0%, rgba(48, 211, 235, 0.1) 80%, rgba(48, 211, 235, 0) 100%); opacity: 0.1; }

.circle .circle-3 { width: 210px; height: 210px; border-radius: 50%; position: absolute; z-index: 1; bottom: 45px; left: 50%; margin-left: -800px; animation: sport 3s linear 100ms infinite; background-image: linear-gradient(-60deg, #30d3eb 0%, rgba(48, 211, 235, 0) 80%, rgba(48, 211, 235, 0) 100%); opacity: 0.2; }

.circle .circle-4 { width: 150px; height: 150px; border-radius: 50%; position: absolute; z-index: 1; bottom: -20px; right: 50%; margin-right: -464px; animation: sport 3s linear 300ms infinite; background-image: linear-gradient(-60deg, #30d3eb 0%, rgba(48, 211, 235, 0) 80%, rgba(48, 211, 235, 0) 100%); opacity: 0.3; }

.add_download_btn{
    width: 250px;
	height: 66px;	
	border-radius: 33px;
	border: solid 2px rgb(255, 255, 255); 
    background-color: rgba(255, 255, 255, 0.05);
    background-position: center;
    background-size: 100% 100%;
    text-align: center;
    line-height: 66px;
    font-size: 28px;
    color: #fff;
    cursor: pointer;
    position: relative;
}
.btn_shadow{
    width: 250px;
    height: 56px;
    background: url(../images/shadow_pic.png) no-repeat;
    position: absolute;
    bottom: -58px;
    left: 0;
}
.add_download_btn a{
    display: inline-block;
    width: 250px;
	height: 66px;
    color: #fff;
}
.add_download_btn i{
    display: inline-block;
    width: 23px;
    height: 22px;
    background: url(../images/add_download_icon.png) no-repeat center;
    margin-right: 13px;
}

@keyframes sport { 0%,90%,100% { transform: translateY(0px); }
  30% { transform: translateY(30px); }
  50% { transform: translateY(40px); }
  80% { transform: translateY(10px); } }
  body{
                min-width: 1344px;
            }
            a{
                text-decoration: none;
            }
            .changeName-banner{
                position: relative;
                background: #3c65f1;
                *zoom: 1;
            }
            .changeName-banner .inner-container{
                position: relative;
                width: 1344px;
                height: 40px;
                margin: 0 auto;

            }
            .changeName-banner .link{
                display: block;
                width: 100%;
                height: 100%;
                background: url(../images/changeName_banner.jpg) no-repeat;
            }
            .changeName-banner .close_btn{
                position: absolute;
                top: 10px;
                right: 90px;
                width: 20px;
                height: 20px;
                background: url(../images/changeName_banner.jpg) no-repeat;
                cursor: pointer;
                z-index: 2;
            }
            .changeName-banner .close_btn:hover{
                background-position: 0 -20px;
            }
            .group_btn {
                width: 240px;
            }
            .group_btn dt{
                float: left;
                width: 240px;
                height: 56px;
                background:url("../pic/Left.png") no-repeat 29px 12px;
                background-color: #40c710;
            }
            .group_btn dt:hover{
                background-color: #45d411;
            }
            .group_btn dt:active{
                background-color: #3ab20e;
            }
            .group_btn .rt_btn{
                background-color:transparent;
                border: 1px solid #cee4f5;
            }
            .group_btn .rt_btn:hover{
                background-color: rgba(255,255,255,.15);
                *background-color: #045caf;
                _background-color: #045caf;

            }
            .group_btn .rt_btn:active{
                background-color: rgba(255,255,255,.3);
                *background-color: #0663a7;
                _background-color: #0663a7;
            }
            .ie8  .group_btn .rt_btn:hover{
               background-color: #045caf; 
            }
            .ie8  .group_btn .rt_btn:active{
               background-color: #0663a7; 
            }
            .group_btn .block_green{
                background: none;
                font-size: 22px;
                width: 240px;
            }
            .group_btn .block_green .text{
                margin-left: 74px;
            }
            .group_btn .block_green .text02 span{
                font-size: 16px;
             }
            .ram{
                font-size: 12px !important;
            }
            .group_btn {
                position: absolute;
                top: 272px;
                left: 649px;
            }


/* 20230519 banner样式修改 */
.head-new {
    background: #fff;
}
.head-new .logo{
    display: inline-block;
    width: 197px;
    height: 35px;
    margin-top: 17px;
}
.head-new .nav-wp .curr-wp{
    color: #000;
}
.head-new .nav-wp a{
    color: #777;
}
.head-new #curr-pc-m{
    background: #327AFF;
    border-radius: 20px;
}
.head-new .pc-m a{
    width: 104px;
    padding-left: 0;
    background: transparent;
    text-align: center;
}
.head-new .pcIcon-bg i{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url('../pic/index/icon_pc_hover.png') no-repeat;
    position: relative;
    top: 3px;
    margin-right: 6px;
}
.head-new .pcIcon-lost i {
    background: url('../pic/index/icon_pc.png') no-repeat;
}
.head-new .mIcon-bg i{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url('../pic/index/icon_iPhone.png') no-repeat;
    position: relative;
    top: 3px;
    margin-right: 6px;
}
.head-new .mIcon-hover i{
    background: url('../pic/index/icon_iPhone_hover.png') no-repeat;
}
.head-new .pc-m a:hover .head-new .pcIcon-bg i{
    background: url('../pic/index/icon_pc.png') no-repeat;
}
.head-new .logo img{
    width: 100%;
    height: 100%;
}
.banner_index{
    width: 100%;
    height: 493px;
    padding-top: 1px;
    background: #1248E7;
    background: linear-gradient(180deg, #1248E7 0%, #58AEFF 100%);
    position: relative;
}
.banner_bg{
    width: 1200px;
    height: 494px;
    background: url(../pic/index/banner_bg.png) no-repeat;
    margin: 1px auto 0;
}
.banner_con{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.banner_title{
    width: 961px;
    height: 230px;
    background: url('../pic/index/title.png') no-repeat;
    margin: 53px auto 0;
}
.banner_btns{
    margin: 19px auto 0;
    text-align: center;
}
.banner_btns .official_btn{
    width: 260px;
    height: 62px;
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 40px;
    border: 2px solid rgba(114, 239, 255, 1);
    text-align: center;
    line-height: 60px;
    font-size: 22px;
    color: #222222;
    position: relative;
}
.official_btn{
    display: inline-block;
    width: 260px;
    height: 62px;
    color: #222;
}
.beta_btn{
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #FFF;
    line-height: 19px;
    margin-top: 10px;
}
.official_btn:hover{
    color: #327AFF;
    text-decoration: none;
    font-weight: bold;
}
.official_btn:hover .official_btn_t{
    margin-top: -10px;
    color: #327AFF;
}
.d_text{
    font-size: 12px;
    color: #7FACFF;
    line-height: 16px;
    margin-top: -12px;
    display: none;
}
.official_btn:hover .d_text{
    display: block;
}
.banner_btns > div .d_icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url('../pic/index/icon_download.png') no-repeat;
    margin-right: 6px;
    position: relative;
    top: 1px;
}
.tag_new{
    width: 50px;
    height: 26px;
    background: url('../pic/index/tag_new.png') no-repeat;
    position: absolute;
    top: -13px;
    right: 0;

}
.official_btn:hover .d_icon{
    background: url('../pic/index/icon_download_hover.png') no-repeat;
}
.beta_btn{
    display: block;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    line-height: 19px;
    margin-top: 10px;
    text-decoration: none;
}
.beta_btn:hover{
    cursor: pointer;
    text-decoration: underline;
    color: #FFF;
}