/* 产品页-云邮件2023 */
.product-cloud-banner2023-1 { background: #181931 url(../img/product/banner-product-cloud2023-1.jpg) center center no-repeat; }
.product-cloud-banner2023-2 { background: #181931 url(../img/product/banner-product-cloud2023-2.jpg) center center no-repeat; }
.product-cloud-banner2023-3 { background: #181931 url(../img/product/banner-product-cloud2023-3.jpg) center center no-repeat; }
.product-banner .info a.btn-free-modal1 { width: 140px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #3986ee; font-size: 16px; display: block; border-radius: 20px;}
.product-banner .info a.product-bd—btn-c {background: linear-gradient(90deg, #F8AF54 0%, #F68050 100%)!important;border:none;color:#fff!important;}
.product-banner .info a.product-bd—btn-c:hover{background: linear-gradient(90deg, #f3b46d 0%, #ff9569 100%)!important;}
.product-yy-warp{width:100%;height: 102px;margin-top:-50px;}
.product-yy-warp .product-yy-item{background: linear-gradient(0deg, #E7F0FF 0%, #FFFFFF 60%);border-radius:10px;height: 102px;border-radius:0px;outline:1px solid #fff;padding:20px 80px;box-sizing: content-box;box-sizing: border-box;}
.product-yy-warp .product-yy-item:hover{background: linear-gradient(0deg, #E7F0FF 0%, #FFFFFF 100%);}
.product-yy-warp .product-yy-item:first-child{border-radius: 10px 0px 0px 10px;}
.product-yy-warp .product-yy-item:last-child{border-radius: 0px 10px 10px 0px;-moz-outline-radius-topright:none;}
.product-yy-warp .product-yy-item a{padding:7px 20px;background: #FFFFFF;color: #181931;border-radius: 5px;}
.product-yy-warp .product-yy-item:hover a{background: linear-gradient(90deg, #F8AF54 0%, #F68050 100%);color: #FEFEFE;}
.product-yy-warp .product-yy-item h3{font-size:20px;margin-bottom:10px;}
.product-yy-warp .product-yy-item h3 span.red{color:#ff0000;}
.product-cloudMailbox-desc .list .txtButtonColor4{background: linear-gradient(270deg, #C5DEFC, #E9F3FD);color:#2F6BE1;position: relative;}
.product-cloudMailbox-desc .list .txtButtonColor4 p{color:#567FB9;}
.product-cloudMailbox-desc .list .txtButtonColor4 img.more{position: absolute;top:-5px;right:25px;height:50px;}
.product-cloudMailbox-desc .list .txtButtonColor5{background: linear-gradient(90deg, #FBF6D0, #F1BD76);color:#965328;box-shadow: 0px 16px 16px 0px rgba(55,69,103,0.02);}
.product-cloudMailbox-desc .list .txtButtonColor5 p{color:#934816;}
.product-cloudMailbox-desc .list .txtButtonColor4 h4,.product-cloudMailbox-desc .list .txtButtonColor5 h4{position: relative;}
.product-cloudMailbox-desc .list .txtButtonColor4 h4 img,.product-cloudMailbox-desc .list .txtButtonColor5 h4 img{position: absolute;top:-22px;}
.product-cloudMailbox-desc .list .txtButtonColor6{background: linear-gradient(90deg, #3CCAFF, #4285EC);padding: 20px 40px;}
.product-cloudMailbox-desc .list620{min-height:620px; border-radius: 10px;}
.product-cloudMailbox-desc .list620 .txt .txtBottom{min-height:250px;}
.product-cloudMailbox-desc .list620 .txt dl{line-height: 30px;}
.product-cloudMailbox-desc .list620 .txt .txtButton{margin-top:40px;position: relative;}
.product-cloudMailbox-desc .list620 .txt .txtButton span{position: absolute;background: #FE5D1B;border-radius: 10px 0px 10px 0px;color: #FEFFFF;right:0px;top:-12px;font-size:14px;line-height: 22px;padding:0 15px;}
.product-cloudMailbox-desc .list620 .txt .txtButton a,.product-cloudMailbox-desc .list300 .txt .txtButton a,.product-cloudMailbox-desc .list260 .txt .txtButton a{width: 100%;}
.txtButton4 a { border: 1px solid #2F6BE1; color: #2F6BE1; }
.txtButton4 a:hover { color: #fff; background:#2F6BE1;}
.txtButton5 a { border: 1px solid #F19100; color: #F19100; }
.txtButton5 a:hover { color: #fff; background:#F19100;}
.txtButton6 a { border: 1px solid #4285EC; color: #4285EC; }
.txtButton6 a:hover { color: #fff; background:#4285EC;}
.product-cloudMailbox-desc .list300{min-height:300px; border-radius: 10px;}
.product-cloudMailbox-desc .list260{min-height:260px; border-radius: 10px;margin-top:24px;}
.product-cloudMailbox-desc .list300 h4,.product-cloudMailbox-desc .list260 h4{font-weight:500;}


 /* 邮箱-登录页*/
 .yx-login .iframe{width:100%; max-width:500px;margin: 0 auto;position: relative;}
 .yx-login .iframe h2{font-size: 21px;background:url(../img/product/01login-bg.jpg) left center no-repeat;text-align: center;color: #FEFEFF;border-top-left-radius: 10px;border-top-right-radius: 10px;padding:10px 0;font-weight: 800;height:50px;line-height:1.4;background-size: 100%;}
 .yx-login .iframe h2 span{font-size:14px;display:block;font-weight:400;}
 .yx-login .iframe h2 span em{font-weight:800;font-size:16px;color:#FFDE00;font-style: normal;}
 .yx-login .iframe iframe{width:100%;border: 0;padding: 0;}
 .yx-login .iframe form{margin:10px 30px 20px 30px;font-size:14px;}
 .yx-login .iframe form input[type="text"],form input[type="password"]{border:none;border: 1px solid #E1E6ED;border-radius:5px;width:calc(100% - 22px);height: 40px;line-height: 40px;margin-top: 15px;font-size: 14px;padding:0 10px;}
 .yx-login .iframe form input:focus{border-color: #3986ee;}
 .yx-login .iframe form .submit_btn{background:#3986ee; height:40px;display: block;line-height:40px;width:100%;margin:30px auto 20px auto;border: none;color: #ffffff;font-size: 16px;border-radius:0px;border-radius: 5px;cursor:pointer;}
 .yx-login .iframe form .submit_btn:active{background-color: #0066CC;}
 .yx-login .iframe form .submit_btn[disabled]{background-color: #f0f0f0;border: #c8c8c8;color: #cccccc;}
 .yx-login .iframe form .btn-getcode{border-radius: 5px;border:1px solid #3986ee;display: block;float: right;padding:5px 10px;font-size: 12px;color: #3986ee;margin-top:30px;text-decoration: none;background: #ffffff;}
 .yx-login .iframe form .btn-getcode[disabled]{border-radius: 5px;border:1px solid #E1E6ED;float: right;padding:4px 10px;font-size: 12px;color: #aaaaaa;}
 .yx-login .iframe form input.code{width: 50%;}
 .yx-login .iframe .error{color: #ffffff;height:30px;line-height: 30px;text-align: center;}
 .yx-login .iframe .error div{background-color: #f4780b;width: 100%;display:none;}
 .yx-login .iframe .tipsBox{ position: absolute;width: 100%; margin-top:-10px;top: 40%;left: 0; text-align: center; display:none}
 .yx-login .iframe .tipsBox span{background:rgba(0, 0, 0, 0.7) none repeat scroll 0 0; height:40px; display: inline-block;padding:0 20px;line-height:40px;color:#ffffff; border-radius:40px;z-index: 10000;font-size:14px;}
 .yx-login .result{text-align: center;font-size: 14px;padding:10px;}
 .yx-login .result .icon{width: 48px;height: 48px;display: inline-block;border-radius: 48px;}
 .yx-login .result .icon img{width: 100%;}
 .yx-login .result .success h3{color: #39cd9d;font-size: 24px;font-weight: normal;}
 .yx-login .result .success .icon {background-color: #c2f6e9}
 .yx-login .result .fail h3{color: #f56506;font-size: 24px;font-weight: normal;}
 .yx-login .result .fail .icon {background-color: #ffe3d0}
 .yx-login .result p{display: block;padding-top: 10px;}
 .yx-login .result p font{color: #ff3300;font-size: 18px;}
 .yx-login .result .qr{margin-top:10px;}
