/*loading弹框css*/
.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0}
.weui-toast{position:fixed;z-index:5500;font-size:10px;width:13.6em;height:13.6em;top:40%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;border-radius:12px;color:hsla(0,0%,100%,.9);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;background-color:#4c4c4c;box-sizing:border-box;line-height:1.4}
.weui-toast_text{width:auto;height:auto;min-width:152px;max-width:216px;padding:12px 0;border-radius:8px}
.weui-toast__content{font-size:14px;padding:0 1px}
.weui-icon_toast{display:block;margin-bottom:16px}
.weui-icon_toast.weui-icon_toast{width:4em;height:4em}
.weui-icon_toast.weui-icon-success-no-circle,.weui-icon_toast.weui-icon-warn{color:hsla(0,0%,100%,.9)}
.weui-icon_toast.weui-loading{width:1em;height:1em;font-size:40px}
.weui-primary-loading{font-size:16px;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;position:relative;width:1em;height:1em;vertical-align:middle;color:#606060;-webkit-animation:circleLoading 1s steps(60) infinite;animation:circleLoading 1s steps(60) infinite}
.weui-icon_toast.weui-primary-loading{display:-webkit-box;display:-webkit-flex;display:flex;width:1em;height:1em;font-size:40px;color:#ededed}
.weui-primary-loading:after,.weui-primary-loading:before{content:"";display:block;width:80px;height:40px;box-sizing:border-box;border:.0875em solid}
.weui-icon_toast.weui-primary-loading:before{border-width:4px 0 4px 4px}
.weui-icon_toast.weui-primary-loading:after{border-width:4px 4px 4px 0}
.weui-primary-loading:before{border-right-width:0;border-top-left-radius:40px;border-bottom-left-radius:40px;-webkit-mask-image:-webkit-linear-gradient(top,#000 8%,rgba(0,0,0,.3) 95%)}
.weui-primary-loading:after{border-left-width:0;border-top-right-radius:40px;border-bottom-right-radius:40px;-webkit-mask-image:-webkit-linear-gradient(top,transparent 8%,rgba(0,0,0,.3) 95%)}
.weui-icon_toast.weui-primary-loading .weui-primary-loading__dot{width:4px;height:4px;border-top-right-radius:4px;border-bottom-right-radius:4px}
@-webkit-keyframes circleLoading{0%{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
@keyframes circleLoading{0%{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}

.loading-ellipsis:after{overflow:hidden;display:inline-block;vertical-align:bottom;animation:loadingellipsis 2s infinite;content:"\2026";color:#fff}
@keyframes loadingellipsis{from{width:2px}to{width:15px}}
/*loading弹框css end */

/*公共部分*/
a{color: #2679FE;}
.relative{position: relative;}.hand{cursor: pointer;}
.jc-btn .img-icon{position: relative;    top: 2px; width: 14px;}
.bg-gray{background: #F4F5F7;}
.bg-gray2{background: #F0F3F6}
.bg-gray3{background: #E5E6EB}


.red2{color: #FE2626} .bg-red3{background: #FFFAFA}

.flex{display: flex;}
.flex-center{align-items: center;}
.flex-between{  justify-content: space-between;}
.grid2{display: grid;    grid-template-columns: repeat(2, minmax(0, 1fr));}
.grid3{display: grid;    grid-template-columns: repeat(3, minmax(0, 1fr));}
.grid4{display: grid;    grid-template-columns: repeat(4, minmax(0, 1fr));}
.grid5{display: grid;    grid-template-columns: repeat(5, minmax(0, 1fr));}
.grid6{display: grid;    grid-template-columns: repeat(6, minmax(0, 1fr));}

.pdy-10{padding-top: 10px;padding-bottom: 10px;}
.h-20{height: 20px;}
a{transition: all 0.2s ease-in-out;}
.w-main{	width: 1280px;	margin:0 auto ;}
@media only screen and (max-width: 1366px){	.w-main{width: auto; }}
.w-1280{ width: 1280px;	margin:0 auto ;}
.w-296{ width: 296px; }.w-156{ width: 156px; }.w-200{ width: 200px; }
.jc-btn.active{background: #ecf5ff;box-shadow: inset 0 3px 5px rgba(0,0,0,.125);}

.head{background:#fff;height:54px;width:100%;display:flex;align-items:center;background:#fff}
.head>span{position:absolute;left:20px}
.navs{display:flex;transition:all .2s ease-in-out}
.navs .nav-item{height:38px;line-height:38px;width:100px;margin-right:36px;text-align:center;cursor:pointer;position:relative;background:#f0f7ff;border-radius:8px}
.navs .nav-item::after{content:'';width:2px;height:20px;background:#eee;position:absolute;top:8px;right:-18px;display:block}
.navs .nav-item:last-child::after{display:none}
.navs .nav-item:hover{background:#2679fe;color:#fff;border-radius:8px}
.navs .nav-item.active,.navs .nav-item:active{background:#2679fe;color:#fff;border-radius:8px}
.main-wrap{display:flex;flex-direction:column;justify-content:space-between;height:100vh}
.footer{margin-top:30px;padding:40px 0 20px 0;color:#1f2937;font-size:14px}
.drop-list{z-index:2;margin-right:20px;position:relative;display:flex;align-items:center}
.drop-list:hover ul{display:block}
.drop-list:hover .drop-list-current::after{transform:rotate(0)}
.drop-list ul{box-shadow:0 3px 6px 0 rgba(99,110,155,.1);display:none;background:#fff;border-radius:13px;position:absolute;top:38px;padding:3px 10px;color:#4b5563;right:-25px}
.drop-list ul li{height:30px;line-height:30px;list-style:none;cursor:pointer;margin:10px 5px;position:relative;transition:all .2s ease-in-out}
.drop-list ul li:hover{color:#2679fe}
.drop-list ul li:hover::after{content:'';position:absolute;width:4px;height:16px;background:#2679fe;left:-13px;top:7px}
.drop-list ul li.langs-title{color:#9498a0}
.drop-list .drop-list-current{color:#2679fe;cursor:pointer}
.drop-list .drop-list-current::after{content:'';position:absolute;width:20px;height:20px;background:url(../img/arrow.png);background-size:contain;transform:rotate(180deg);transition:all .2s ease-in-out}


/*首页、详情页 部分*/

.index .platforms{font-size:14px;margin-left:-20px;margin-right:-40px}
.index .platforms .item{border-radius:16px;padding:10px;margin:20px;cursor:default}
.index .platforms .item img{width:65px;margin-bottom:10px}
.index .platforms .item:hover{background:#f8fbff;box-shadow:0 2px 12px 0 rgba(0,0,0,.26);color:#2679fe}
.index .platform-detail .item{margin-top:20px;cursor:pointer}
.index .platform-detail .item:hover .thead{color:#2679fe}

.index .detail-btn{width:100%;background-size:contain}
.index .detail-btn>div{height:40px}
.index .detail-btn .bg1{height:100%;background:linear-gradient(#ec8047,#fe3e36);width:100%;border-radius:4px 0 0 4px;transition:all .2s ease-in-out}
.index .detail-btn .bg2{ position:relative}
.index .detail-btn .bg2-trigle{width: 0;    height: 0;    border-top: 20px solid transparent;    border-right: 10px solid #fee575;    border-bottom: 22px solid transparent;position: absolute;    left: -10px;}
.index .platform-detail .item:hover .bg1{width:80%;}

.index .detail-btn .bg3{width:120px;height:100%;background:#fee575;border-radius:0 4px 4px 0}
.index .detail-btn{display:flex;justify-content:space-between;align-items:center;position:relative;cursor:pointer;overflow:hidden}
.index .detail-btn .index-fire{position:absolute;right:69px;width:20px;height:20px;background:url(../img/firee.gif);background-size:contain;bottom:2px}
.index .detail-btn .fire-btn{color:#955b01;margin-right:13px;font-size:13px}
.index .detail-btn .detail-text{position:absolute;width:100%;z-index:1;align-items:center}



/*商品详情*/
.product-detail .play-btn{position:absolute;left:71px;top:70px}
.right-notice a{color:#1f2937}
.right-notice a:hover{color:#5a687c}
.right-notice .item{position:relative; display: flex;margin-bottom: 10px; cursor: pointer;  }
.right-notice .item>img{position: relative;top: 2px;}
.right-notice .item .marquee-content{width:227px; height: 25px; overflow: hidden;}
.buy-num-select .jc-btn{padding: 2px 10px;}

/*------------*/







/*登陆注册页部分*/

.w-full{width:100%}
.h-full{min-height:calc(100vh - 101px)}
.bdr8{border-radius:8px}
.bdr16{border-radius:16px}
.bdr10{border-radius:10px}
.pd30{padding:30px}
.w-395{width:395px;margin-left:auto;margin-right:auto;border-radius:16px}
.form-group.imagecode{position:relative}
.form-group .image{position:absolute;right:10px;top:35px}
.form-sign .form-group label{color:#1f2937;font-size:14px}



/*邮箱列表*/


.email-list{}

.email-list .email-item{ background:#F7F7F7; margin-bottom:20px;padding:20px; } 
.email-list .email-item .email-name{ position:relative; }
.email-list .email-item .email-icon-brand{position: absolute;    top: 14px;    right: -30px;; }
.email-item-child{background:#F7F7F7; margin-bottom:20px;padding-top:20px; font-size: 14px; }
.email-item-child a{color: #1F2937}
.email-item-child>div{padding: 10px }
.email-item-child>div:hover{background: #D1E7FF;}
.email-item-child a:visited{color: #999;}

.right-wrap {margin-left: 20px; width: 360px;} 
.right-wrap .jc-btn:hover{opacity: 0.8}

.wrap-qrcode {border:1px solid #00B42A; border-radius: 8px;padding: 0 0 10px; font-size: 14px; overflow: hidden; margin-top: 20px;}
.wrap-qrcode-head {background: #00B42A; color:#FFF;height: 38px;    line-height: 38px; }


/*客服聊天区域*/
.chats{ display:flex; flex-direction:column; }
.chat-text{max-width: 350px;    min-width: 200px; line-height: 26px;margin-left: 20px;    margin-top: 10px;}
.chat-item{margin-top: 20px;font-size: 14px;}
.chat-item .avatar{position: relative; top: 5px;}

.chat-item.chat-out-message{margin-left: auto; }
.chat-item.chat-out-message .chat-text{ background:#2679FE; color:#FFF; }

.chat-textarea{ position:relative; }
.chat-textarea .img-tool{ position:absolute ; left:10px; top:10px;transition:all .3s ease-in-out }
.chat-textarea .img-tool:hover{transform: scale(1.2);}
.chat-textarea textarea{padding: 30px 10px; resize: none;}
.chat-textarea .jc-btn{position: absolute; right: 10px; bottom: 10px;}
.chat-textarea .imgs{ position: absolute;z-index: 3;width: 100%;    top: -112px;  padding-left: 10px;  }
.chat-textarea .imgs span{  position: relative;}
.chat-textarea .imgs span .chat-img-close{ width: 26px;height: 26px;content: '';position: absolute;right: 3px;background: url('../img/closeicon.png');background-size: contain;  }
.chat-textarea .imgs img{width: 80px;height: 110px;  object-fit:cover; }


/*帮助中心*/
.help-center .left-wrap{width:355px}
.help-center .left-wrap .list-item{padding:10px 0 0 10px;margin:5px 0;color:#4b5563;position:relative}
.help-center .left-wrap .list-item a{color:#4b5563}
.help-center .left-wrap .list-item a:hover{color:#2679fe}
.help-center .left-wrap .list-item::after{content:'';position:absolute;background-image:url(../img/arrow-r2.png);height:20px;width:20px;background-size:contain;right:0;top:21px}
.help-center .left-wrap .list-item.active ul{display:block}
.help-center .left-wrap .list-item p{padding:10px;border-radius:5px}
.help-center .left-wrap .list-item p:hover,.help-center .left-wrap .list-item.active p{background:#f0f7ff;color:#2679fe;cursor:pointer}
.help-center .left-wrap .list-item.active::after{transform:rotate(90deg);background-image:url(../img/arrow-r1.png)}
.help-center .left-wrap .list-item ul{margin-left:20px;display:none}
.help-center .left-wrap .list-item ul li{padding:5px;margin:10px;cursor:pointer}
.help-center .left-wrap .list-item ul li:hover{color:#2679fe}
.help-right-wrap{width:100%;margin-left:20px}
.help-index li{height:64px;line-height:64px;background:#f7f7f7;margin:10px;border-radius:6px;padding-left:10px;cursor:default;position:relative;transition:all .3s ease-in-out}
.help-index-icon li{padding-left:40px}
.help-index-icon li::before{content:'';position:absolute;left:10px;top:17px;background:url(../img/icon-question2.png);width:26px;height:26px;background-size:contain}
.help-index li:hover{background:#ededed;color:#2679fe}
.help-index li img{position:relative;top:6px;margin-right:10px}
.help-center .contents img{max-width:800px}
.help-center .contents iframe{max-width:800px}


/*个人中心*/
.ucenter{}
.ucenter .order-list .tcontent { display:none; }
.ucenter .order-list .item.active .tcontent { display:block; }
.ucenter .order-list .item{border:1px solid #F4F5F7;border-radius: 8px; overflow: hidden;}
.ucenter .order-list .item:hover{ border-color:#D9DDE1 }
.ucenter .drop-list .drop-list-current::after{display: none;}

.fix-help{ position:fixed;right:2px; top: 100px; text-align: center;  width:74px;   background:#038AFE;border-radius:6px;  overflow:hidden;user-select:none; }
.fix-help .item{margin-top: 0px; cursor: pointer; padding: 15px 0; position: relative;}
.fix-help .item::after{content: '';position: absolute;bottom: 0;left: 5px;right: 5px;height: 1px;background:rgba(255,255,255,.5);}
.fix-help .item:first-child{margin-top: 0;}
.fix-help .item:last-child::after{display: none;}
.fix-help .item:hover{background: #067CE2; }



/* 2025-07-3新增 */
/* 邮件内容 */
.ml-auto{margin-left: auto;}
.flex-center2{justify-content: center;}
.emails .btn-active{position: relative; border:1px solid #FF2F2F;cursor:pointer;margin-left:auto;color:#FF2F2F;background-color:#FF2F2F1A;border-radius:17px;font-size:16px;text-align:center;padding:5px 20px}
.emails .btn-active:hover{color: #fff; background-color:#d60303d2 ;}
.emails  .btn-reload-emails{ position: relative;}
.emails  .btn-reload-emails svg{top: 2px;position: relative;}
.emails  .btn-reload-emails:hover path{fill: #fff;}

.emails .buy{position:absolute;left:96px;bottom:72px;width:170px;height:60px;display:block;opacity:0}
.email-title{font-size:20px;border-bottom:1px solid #D9DDE1;padding-bottom:10px}
.email-title .time{margin-left:auto;font-size:16px;color:#1F2937}
.email-content{margin:20px 0px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.email-content img{max-width:100%}
.expand .email-content{-webkit-line-clamp:none}
.email-more{display:flex;justify-content:center;border-top:1px solid #D9DDE1;padding-top:10px}
.email-more span{display:block;width:38px;height:24px;cursor:pointer}
.expand .email-more img{transform: rotate(180deg);}


/* 邮箱下载 */
.emailsoft .setion0{background-color: #E8E9ED; padding: 50px 0; height: 500px;}
.emailsoft .setion0 .s0-img{position: absolute;height: 400px;z-index: 1; top: 0;right: 0;}
.emailsoft .setion0 h1{font-size: 60px;}
.emailsoft .setion0 h1 span{color:#175DFB}
.emailsoft .setion0 .h-text{position: relative;z-index: 3;top: 73px;}

.emailsoft .section1{padding: 50px 0;}
.emailsoft .section2{padding: 50px 0;}
.emailsoft .section3{ text-align: center; height: 400px; display: flex;align-items: center;color: #fff; background: url('../img/image 137.png') #175DFB;background-size: cover;}
.emailsoft .section4{padding: 20px 0; background: #111828;color:#fff; line-height: 28px;}
.emailsoft .section4 a{color: #959DAB;}
.emailsoft .section4 a:hover{text-decoration: underline;}
.emailsoft .section4 .text-desc{color: #959DAB;}
.emailsoft .section4 .bottom-copyrights{border-top: 1px solid #172131; padding: 10px 0;color: #959DAB;}

.emailsoft .download{ display: flex;justify-content: center; margin: 0 10px; cursor: pointer; background-color: #fff;color: #000; padding: 10px 20px;border:1px solid #fff; border-radius: 10px;}
.emailsoft .download.outline{background-color: transparent; border:1px solid #fff;color: #fff;}
.emailsoft .download.outline .icon-win{width: 24px;height: 24px; display: inline-block; background: url('../img/ico-win.png');}
.emailsoft .download.outline .icon-mac{width: 24px;height: 24px; display: inline-block; background: url('../img/ico-mac.png');}

.emailsoft .download .icon-win{width: 24px;height: 24px; display: inline-block; background: url('../img/ico-win-drak.png');}
.emailsoft .download .icon-mac{width: 24px;height: 24px; display: inline-block; background: url('../img/ico-mac-drak.png');}

.emailsoft .download:hover{background-color: transparent; border:1px solid #fff;color: #fff;}
.emailsoft .download:hover .icon-win{background: url('../img/ico-win.png');}
.emailsoft .download:hover .icon-mac{background: url('../img/ico-mac.png');}

.emailsoft .download.outline:hover{background-color: #fff;color: #000;}
.emailsoft .download.outline:hover .icon-win{background: url('../img/ico-win-drak.png');}
.emailsoft .download.outline:hover .icon-mac{background: url('../img/ico-mac-drak.png');}


.emailsoft .setion0 .download-win{ position: relative; display: flex;justify-content: center; margin: 0 10px; cursor: pointer; background-color: #175DFB;color: #fff; padding: 10px 20px;border:1px solid #fff; border-radius: 10px;}
.emailsoft .setion0 .download-mac{display: flex;justify-content: center; margin: 0 10px; cursor: pointer; background-color: #fff;color: #000; padding: 10px 20px;border:1px solid #fff; border-radius: 10px;}
.emailsoft .setion0 .download-win:hover,.emailsoft .setion0 .download-mac:hover{     box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4),
        inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2),        0px 0px 0px 4px rgba(255, 255, 255, 0.2),        0px 0px 10px 0px #175DFB;}

.emailsoft .setion0 .download-win .icon-win{width: 24px;height: 24px; display: inline-block; background: url('../img/ico-win.png');}
.emailsoft .setion0 .download-mac .icon-mac{width: 24px;height: 24px; display: inline-block; background: url('../img/ico-mac-drak.png');}

.emailsoft .download-wins ul{left: 11px;    right: 10px;    top: 46px;height: 115px;}
.emailsoft .download-wins ul li{height: 50px;line-height: 23px;}
.emailsoft .download-wins ul li strong{font-weight: normal; font-size: 14px;color: #666;}
.emailsoft .download-wins.drop-list ul li:hover::after{border-radius: 4px;height: 4px;top: 10px;}
.emailsoft .download-wins.drop-list .drop-list-current::after{display: none;}