:root{--color:#505050;--primary:#7ca42c;--secondary:#d01817}html{font-size:19.2px}*{padding:0;margin:0;box-sizing:border-box}body{font-family:Arial, Helvetica;color:var(--color)}a{text-decoration:none;color:var(--color)}i{font-style:normal}li{list-style:none}img{vertical-align:middle}icon-font{height:100%;display:flex;align-items:center;justify-content:center}icon-font svg{width:1em;height:1em;vertical-align:middle;fill:currentColor}.container{width:1170px;padding-left:15px;padding-right:15px;margin:auto;max-width:100%}.banner{width:100%;overflow:hidden;text-align:center}.banner img{width:100%;height:100%}h1.title{display:flex;justify-content:center;align-items:center;font-size:1.8229rem;color:var(--color);font-weight:400;margin-bottom:1.0417rem}h1.title::before{content:'';height:.1563rem;flex:1;background-color:var(--color);margin-right:20px;border-radius:.1563rem}h1.title::after{content:'';height:.1563rem;flex:1;background-color:var(--color);margin-left:20px;border-radius:.1563rem}.upload{display:flex;align-items:center}.upload li{width:10.4167rem;height:7.2917rem;border:1px solid #ccc;margin-right:.7813rem;display:none;position:relative}.upload li img{width:100%;height:100%;object-fit:cover}.upload li .mask{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:space-evenly;display:none}.upload li .mask span{color:#fff;font-size:1.25rem;cursor:pointer}.upload li:hover .mask{display:flex}.upload li.upload_box{font-size:2.0833rem;color:#ccc;display:block;cursor:pointer}.upload .preview_dialog{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:9;display:none;align-items:center;justify-content:center;overflow:auto}.upload .preview_dialog img{pointer-events:none;width:40%;height:auto;object-fit:contain}.dialog{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:99999;display:flex;align-items:center;justify-content:center;display:none}.dialog .dialog-card{width:30%;background-color:#fff;padding:20px;box-shadow:0 1px 5px rgba(0,0,0,0.2),0 2px 2px rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12);border-radius:4px;position:relative}.dialog .dialog-card .title{font-size:20px;display:flex;align-items:center;white-space:nowrap}.dialog .dialog-card .title .off{font-style:normal;font-size:1em;position:absolute;top:5px;right:5px;cursor:pointer}.dialog .dialog-card .message{margin-top:20px}.dialog .dialog-card .content{padding:20px 0}.dialog .dialog-card .content img{width:100%;height:auto}.dialog .dialog-card .dialog-btn{text-align:right}.dialog .dialog-card .dialog-btn button{padding:8px 30px;border-radius:3px;cursor:pointer}.dialog .dialog-card .dialog-btn button.cancel{background-color:transparent;border:1px solid #ddd;color:#999;margin-right:15px}.dialog .dialog-card .dialog-btn button.ok{background:var(--primary);border:0;outline:none;color:#fff}.dialog.show{display:flex}#message{position:fixed;top:0;left:50%;transform:translate(-50%, 0);display:flex;align-items:center;flex-direction:column;z-index:999999}#message .content{border:1px solid #eee;border-radius:5px;font-size:14px;min-width:240px;padding:15px 30px;margin-top:20px;display:flex;align-items:center;animation:message 200ms linear}#message .content::before{content:'';display:inline-block;width:15px;height:15px;margin-right:10px;background:url(../images/success.png) no-repeat center / 100% 100%}#message .content.success{background-color:#f0f9eb;color:#67c23a}#message .content.success::before{background-image:url(../images/success.png)}#message .content.error{background-color:#fef0f0;color:#f56c6c}#message .content.error::before{background-image:url(../images/error.png)}#message .content.warning{background-color:#fdf6ec;color:230, 162, 60}#message .content.warning::before{background-image:url(../images/warning.png)}#message .content.info{background-color:#f4f4f5;color:#aaaaaa}#message .content.info::before{background-image:url(../images/info.png)}@keyframes message{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}header{padding:20px 0}header .container{display:flex;align-items:flex-end;justify-content:space-between;position:relative}header .container .logo img{width:4.6875rem;height:auto;object-fit:contain}header .container .open{font-size:30px;color:var(--primary);position:absolute;top:50%;right:15px;transform:translateY(-50%);cursor:pointer;display:none}header .container nav{flex:1;margin-left:2.6042rem}header .container nav .close{font-size:30px;color:var(--primary);position:absolute;top:50%;right:0;transform:translateY(-50%);cursor:pointer;display:none}header .container nav ul{display:flex;align-items:center;justify-content:space-between}header .container nav ul li{color:var(--color)}header .container nav ul li a:hover{color:var(--primary)}header .container nav ul li.active a{color:var(--primary)}footer{background-color:#e5e5e5}footer .container{padding-top:2.6042rem;padding-bottom:2.6042rem;display:flex;align-items:flex-start;justify-content:space-between;color:var(--color)}footer .container .share{display:flex;align-items:center;font-size:2.0833rem}footer .container .share span{margin-left:.5208rem;color:#666}footer .container .share span img{width:2.0833rem;height:2.0833rem;cursor:pointer}footer .container .copyright .subscribe{font-size:0;margin-bottom:1.0417rem}footer .container .copyright .subscribe>p{font-weight:700}footer .container .copyright .subscribe form .form_item{padding:5px 0}footer .container .copyright .subscribe form .form_item.inps{display:grid;grid-template-columns:repeat(auto-fill, calc((100% - 40px) / 5));row-gap:10px;column-gap:10px}footer .container .copyright .subscribe form .form_item.inps input{font-size:16px;padding:3px 6px}footer .container .copyright .subscribe input[type='submit']{border-radius:.2604rem;border:0;padding:3px 6px;color:#fff;cursor:pointer;font-size:16px;background-color:#8e8e8e}footer .container .copyright .subscribe select{font-size:16px}footer .container .copyright p{font-size:16px}footer .container .copyright p.rights{font-size:12px}main#index2 .banner{position:relative}main#index2 .banner ul{height:100%;width:99999999999999999px;display:flex;align-items:center}main#index2 .banner ul li{height:100%;width:100vw}main#index2 .banner .dots{position:absolute;left:50%;bottom:1.0417rem;transform:translateX(-50%)}main#index2 .banner .dots span{display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#ccc;margin:0 .1563rem;cursor:pointer}main#index2 .banner .dots span.on{background-color:var(--primary)}main#index2 .banner .prev{position:absolute;left:0;top:50%;transform:translate(0, -50%);font-size:3.125rem;color:var(--primary);cursor:pointer}main#index2 .banner .next{position:absolute;right:0;top:50%;transform:translate(0, -50%);font-size:3.125rem;color:var(--primary);cursor:pointer}main#index2 .news h1{font-size:1.8229rem;text-align:center;color:var(--primary);padding:2.6042rem 0}main#index2 .news ul{display:grid;grid-template-columns:repeat(auto-fill, calc((100% - 10.4167rem) / 3));row-gap:2.6042rem;column-gap:5.2083rem}main#index2 .news ul li{overflow:hidden;cursor:pointer}main#index2 .news ul li img{width:100%;height:auto;object-fit:cover;aspect-ratio:4/3}main#index2 .new_extend{padding-bottom:2.6042rem}main#index2 .new_extend h1{font-size:1.8229rem;text-align:center;color:var(--primary);padding:2.6042rem 0}main#index2 .new_extend ul{display:grid;grid-template-columns:repeat(auto-fill, calc((100% - 10.4167rem) / 3));row-gap:2.6042rem;column-gap:5.2083rem}main#index2 .new_extend ul li{overflow:hidden;cursor:pointer}main#index2 .new_extend ul li img{width:100%;height:auto;object-fit:cover;aspect-ratio:2/1}main#index2 .new_product{background-color:#deedbc;padding:2.0833rem 0}main#index2 .new_product .container{background-color:#fff;border-radius:1.0417rem;padding:2.6042rem}main#index2 .new_product .container h1.title{padding:2.6042rem 0;color:var(--primary)}main#index2 .new_product .container h1.title::before,main#index2 .new_product .container h1.title::after{background-color:var(--primary)}main#index2 .new_product .container ul{display:grid;grid-template-columns:repeat(auto-fill, calc((100% - 15.625rem) / 4));row-gap:2.6042rem;column-gap:5.2083rem}main#index2 .new_product .container ul li{overflow:hidden;text-align:center}main#index2 .new_product .container ul li img{width:40%;height:auto;cursor:pointer}main#index2 .series{width:60%;padding:2.6042rem 0}main#index2 .series ul{display:grid;grid-template-columns:repeat(auto-fill, calc((100% - 10.4167rem) / 3));row-gap:1.0417vw;column-gap:5.2083rem}main#index2 .series ul li{overflow:hidden;cursor:pointer}main#index2 .series ul li img{width:100%;height:auto;object-fit:contain}main#index h1.title{color:var(--primary)}main#index h1.title::before,main#index h1.title::after{background-color:var(--primary)}main#index .content{min-height:26.0417rem;background:url(../images/index/promote.png) repeat-y left top / 100%}main#index .content .container{padding:1.5625rem 0}main#index .content .container ul li{width:100%;display:grid;grid-auto-flow:column;grid-auto-rows:auto;grid-template-columns:[left] 50% [right] 50%;position:relative;margin-top:20px}main#index .content .container ul li>div{width:100%;height:auto}main#index .content .container ul li .img{padding:15px 2vw;width:100%;grid-row:1 / 3;grid-column:left}main#index .content .container ul li .img img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}main#index .content .container ul li .text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;font-size:1.25rem;padding:15px 2vw;font-size:18pt;position:relative}main#index .content .container ul li .text .close{position:absolute;right:5px;top:5px;cursor:pointer;display:none}main#index .content .container ul li .text .title{padding-bottom:1.0417rem;font-weight:700}main#index .content .container ul li .text .title span:first-of-type{color:#e67e23}main#index .content .container ul li .text .title span:nth-of-type(2){color:#169179}main#index .content .container ul li .text .info h5 span{font-size:.7em !important}main#index .content .container ul li:nth-of-type(2n){position:relative}main#index .content .container ul li:nth-of-type(2n)>div.img{grid-column:right}main#index .content .container ul li .icon-box{display:flex;align-items:center;padding:50px 0}main#index .content .container ul li .icon-box>span{display:flex;align-items:center;flex-direction:column;position:relative}main#index .content .container ul li .icon-box>span>span{position:absolute;top:0;left:50%;white-space:nowrap;font-size:.65em;transform:translate(-50%, -100%)}main#index .content .container ul li .icon-box>span img{width:4.1667rem;height:4.1667rem;margin-top:.5208rem}main#index .content .container ul li .icon-box>i{font-size:2em;color:#00b04f;margin:0 1.0417rem}main#index .content .container ul .landscape li>div.img{right:0;top:0}main#index .content .container .sell_btns{display:grid;grid-template-columns:repeat(auto-fill, 50%)}main#index .content .container .sell_btns p{text-align:center;margin-top:10px}main#index .content .container .primary-btn{padding:0 15px;background:var(--primary);color:#fff;border-radius:10px;height:45px;line-height:45px;display:inline-block;margin-left:10px}main#index .video{margin-top:1.5625rem}main#index .video video{width:100%}main#index iframe{width:100%;aspect-ratio:5/3}main#index .video_box{position:relative;margin-top:2.5rem}main#index .video_box .controls{width:55%;display:flex;align-items:center;justify-content:center;margin:auto;height:12vw;overflow:auto}main#index .video_box .controls::-webkit-scrollbar{display:none}main#index .video_box .controls img{width:6.25rem;height:auto;cursor:pointer;border:2px solid #fff;border-radius:5px;transition:width .2s linear}main#index .video_box .controls img.play{width:10.4167rem;height:auto}main#index .series{position:relative;padding-top:50px;padding-bottom:50px}main#index .series .series_list{width:900px;margin:auto;overflow:hidden;padding:1.5625rem 0}main#index .series .series_list ul{width:99999999999999px;display:flex;align-items:flex-end}main#index .series .series_list ul li{width:225px;text-align:center}main#index .series .series_list ul li>img{width:100%;height:auto;max-height:230px;object-fit:contain;cursor:pointer}main#index .series .series_list ul li .prodcut_dialog{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;display:none}main#index .series .series_list ul li .prodcut_dialog .card{width:30%;background-color:#deedc4;transform:scale(0);position:relative}main#index .series .series_list ul li .prodcut_dialog .card .close{width:30px;height:30px;position:absolute;top:0;right:0;transform:translate(50%, -50%);background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}main#index .series .series_list ul li .prodcut_dialog .card .img{width:100%;padding:1.5625rem}main#index .series .series_list ul li .prodcut_dialog .card .img img{width:20%;height:100%;object-fit:contain}main#index .series .series_list ul li .prodcut_dialog .card .info{background-color:#fff;margin:1.0417rem;padding:1.0417rem}main#index .series .series_list ul li .prodcut_dialog .card .info .name{font-weight:700;margin-bottom:2.6042rem}main#index .series .series_list ul li .prodcut_dialog .card .info .introduce{text-align:left}main#index .series .series_list ul li.on .prodcut_dialog{display:flex}main#index .series .series_list ul li.on .prodcut_dialog .card{transform:scale(1);animation:cardScale 200ms linear}main#index .series .series_list .prev{font-size:28px;position:absolute;left:50px;top:50%;transform:translateY(-30%);color:var(--primary);display:inline-flex;justify-content:center;align-items:center;z-index:2;cursor:no-drop}main#index .series .series_list .next{font-size:28px;color:var(--primary);position:absolute;right:50px;top:50%;transform:translateY(30%);cursor:pointer}@keyframes cardScale{0%{transform:scale(0)}100%{transform:scale(1)}}main#login .login{padding:2.6042rem;min-height:31.25rem}main#login .login .forgot_password_btn{text-align:center;font-size:.7292rem}main#login .login form{width:30%;margin:auto;padding-top:2.6042rem}main#login .login form .form_item{width:100%;display:flex;align-items:center}main#login .login form .form_item label{width:2.6042rem;margin-right:10px;color:#999;font-size:16px}main#login .login form .form_item label[for='password']{font-size:20px}main#login .login form .form_item label icon-font svg{width:2em}main#login .login form .form_item input[type='text'],main#login .login form .form_item input[type='password']{width:100%;height:2.0833rem;border:1px solid #999;border-radius:.1563rem;padding:0 .5208rem;font-size:1rem;flex:1}main#login .login form .form_row{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:1.3021rem}main#login .login form .form_row.form_btn{justify-content:space-evenly}main#login .login form .form_row.form_btn input[type='button'],main#login .login form .form_row.form_btn input[type='submit']{width:7.8125rem;height:2.6042rem;font-size:1rem;border-radius:0833rem;border:0;outline:none;color:#fff;cursor:pointer}main#login .login form .form_row.form_btn input[type='button'].login_btn,main#login .login form .form_row.form_btn input[type='submit'].login_btn{background-color:var(--secondary)}main#login .login form .form_row.form_btn input[type='button'].sign_in_btn,main#login .login form .form_row.form_btn input[type='submit'].sign_in_btn{background-color:#a6a6a6}main#login .sgin_in,main#login .forgot_password{padding:2.6042rem;min-height:31.25rem;display:none}main#login .sgin_in .existing_account,main#login .forgot_password .existing_account{text-align:center;font-size:.7292rem}main#login .sgin_in form,main#login .forgot_password form{margin:auto;padding-top:2.6042rem;width:45%}main#login .sgin_in form .form_item,main#login .forgot_password form .form_item{width:100%;display:flex;align-items:center;padding-bottom:1.3021rem;flex-wrap:wrap;position:relative}main#login .sgin_in form .form_item label,main#login .forgot_password form .form_item label{width:80px;text-align:left;margin-right:.5208rem;color:var(--color)}main#login .sgin_in form .form_item input,main#login .forgot_password form .form_item input{height:2.0833rem;border:1px solid #999;border-radius:.1563rem;padding:0 .5208rem;font-size:1rem;flex:1}main#login .sgin_in form .form_item select,main#login .forgot_password form .form_item select{height:2.0833rem;width:7.8125rem;margin-right:.7813rem;font-size:1rem}main#login .sgin_in form .form_item.address,main#login .forgot_password form .form_item.address{width:100%}main#login .sgin_in form .form_row,main#login .forgot_password form .form_row{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:1.3021rem}main#login .sgin_in form .form_row.form_btn,main#login .forgot_password form .form_row.form_btn{justify-content:center;margin-bottom:1.3021rem}main#login .sgin_in form .form_row.form_btn input[type='button'],main#login .forgot_password form .form_row.form_btn input[type='button']{width:7.8125rem;height:2.6042rem;font-size:1rem;border-radius:0833rem;border:0;outline:none;color:#fff;cursor:pointer;background-color:var(--secondary)}main#login .sgin_in .intensity,main#login .forgot_password .intensity{font-size:12px;white-space:nowrap;position:absolute;right:-5px;transform:translate(100%, 0)}main#login .sgin_in .intensity span,main#login .forgot_password .intensity span{display:inline-block;height:8px;width:40px;border-radius:8px;line-height:3;text-align:center}main#login .sgin_in .intensity span.weak,main#login .forgot_password .intensity span.weak{background-color:red}main#login .sgin_in .intensity span.inthe,main#login .forgot_password .intensity span.inthe{background-color:orange}main#login .sgin_in .intensity span.strong,main#login .forgot_password .intensity span.strong{background-color:green}main#login .sgin_in .intensity meter,main#login .forgot_password .intensity meter{height:15px;width:90px;position:relative;border:0}main#login .sgin_in .intensity meter::-webkit-meter-even-less-good-value,main#login .forgot_password .intensity meter::-webkit-meter-even-less-good-value{background:red}main#login .sgin_in .intensity meter::-webkit-meter-suboptimum-value,main#login .forgot_password .intensity meter::-webkit-meter-suboptimum-value{background:linear-gradient(to right, red 30px, orange 0)}main#login .sgin_in .intensity meter::-webkit-meter-optimum-value,main#login .forgot_password .intensity meter::-webkit-meter-optimum-value{background:linear-gradient(to right, red 30px, orange 0 60px, green 0)}main#login .sgin_in .intensity meter::after,main#login .forgot_password .intensity meter::after{content:'弱 中 强';width:90px;position:absolute;left:calc(14px - .5em);right:calc(14px - .5em);text-align:justify;height:20px;line-height:20px;letter-spacing:8px;overflow:hidden;-webkit-text-fill-color:transparent;background-image:linear-gradient(to right, red 15px, transparent 0 16px, orange 0 50px, transparent 0 60px, green 0);-webkit-background-clip:text}main#login_status .member{padding-top:2.6042rem;padding-bottom:2.6042rem;min-height:31.25rem}main#login_status .member .panel{display:flex;align-items:flex-start;justify-content:space-between}main#login_status .member .panel .left{width:20%;padding-right:15px}main#login_status .member .panel .left ul li{display:flex;align-items:center;padding:.7813rem 0;cursor:pointer;justify-content:space-between}main#login_status .member .panel .left ul li span{margin-right:.5208rem;pointer-events:none}main#login_status .member .panel .left ul li icon-font{pointer-events:none}main#login_status .member .panel .left ul li.on span{color:var(--secondary)}main#login_status .member .panel .right{flex:1}main#login_status .member .panel .right #account form{width:50%;padding:.7813rem 0}main#login_status .member .panel .right #account form .form_row{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:1.3021rem}main#login_status .member .panel .right #account form .form_row .form_item{width:50%;display:flex;align-items:center;position:relative;padding-right:.5208rem}main#login_status .member .panel .right #account form .form_row .form_item label{width:80px;text-align:left;margin-right:.5208rem;color:var(--color)}main#login_status .member .panel .right #account form .form_row .form_item input{width:100%;height:2.5rem;min-height:30px;border:1px solid #999;font-size:1rem;border-radius:.1563rem;padding:0 .5208rem;flex:1}main#login_status .member .panel .right #account form .form_row .form_item select{height:2.5rem;min-height:30px;width:7.8125rem;font-size:1rem;margin-right:.7813rem}main#login_status .member .panel .right #account form .form_row .form_item.address{width:100%}main#login_status .member .panel .right #account form .form_row .form_item .remark{position:absolute;top:50%;right:-0.5208rem;transform:translate(100%, -50%);font-size:.7292rem}main#login_status .member .panel .right #account form .form_row.form_btn{justify-content:start}main#login_status .member .panel .right #account form .form_row.form_btn input[type='button']{width:7.8125rem;height:2.6042rem;font-size:1rem;border-radius:0833rem;border:0;outline:none;color:#fff;cursor:pointer;background-color:var(--secondary)}main#login_status .member .panel .right #reward{display:none}main#login_status .member .panel .right #reward table{width:100%;border:1px solid #c6c6c6}main#login_status .member .panel .right #reward table tr{display:block;border-bottom:1px solid #c6c6c6;display:flex;justify-content:space-between}main#login_status .member .panel .right #reward table tr:last-of-type{border-bottom:0}main#login_status .member .panel .right #reward table tr th,main#login_status .member .panel .right #reward table tr td{width:24%;height:3.9063rem;line-height:3.9063rem;text-align:left;border-right:1px solid #c6c6c6;padding:.2604rem}main#login_status .member .panel .right #reward table tr th:last-of-type,main#login_status .member .panel .right #reward table tr td:last-of-type{border-right:0}main#login_status .member .panel .right #receipt{display:none}main#login_status .member .panel .right #receipt form{width:50%;padding:.7813rem 0}main#login_status .member .panel .right #receipt form .form_row{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:1.3021rem}main#login_status .member .panel .right #receipt form .form_row .form_item{width:100%;display:flex;align-items:center;position:relative;padding-right:.5208rem}main#login_status .member .panel .right #receipt form .form_row .form_item label{width:100px;text-align:left;margin-right:.5208rem;color:var(--color)}main#login_status .member .panel .right #receipt form .form_row .form_item input{height:2.0833rem;border:1px solid #999;font-size:1rem;border-radius:.1563rem;padding:0 .5208rem;flex:1}main#login_status .member .panel .right #receipt form .form_row.form_btn{justify-content:start}main#login_status .member .panel .right #receipt form .form_row.form_btn input[type='button']{width:7.8125rem;height:2.6042rem;font-size:1rem;border-radius:0833rem;border:0;outline:none;color:#fff;cursor:pointer;background-color:var(--secondary)}main#promotion_activity .reserve_procedure{margin-top:2.6042rem}main#promotion_activity .reserve_procedure h1{text-align:center;padding-bottom:20px}main#promotion_activity .reserve_procedure .login_btn{text-align:center;margin-top:20px}main#promotion_activity .reserve_procedure .login_btn>button{background-color:var(--primary);border:0;color:#fff;padding:8px 15px;font-size:18pt;border-radius:5px;cursor:pointer}main#promotion_activity .news_reward{margin-top:2.7083rem;padding-bottom:2.6042rem}main#promotion_activity .news_reward h1.title span{padding:.5208rem;cursor:pointer}main#promotion_activity .news_reward h1.title span.curr{color:var(--primary);border-bottom:2px solid var(--primary)}main#promotion_activity .news_reward ul{display:grid;grid-template-columns:repeat(auto-fill, calc((100% - 2.0833rem) / 3));row-gap:1.0417vw;column-gap:1.0417rem}main#promotion_activity .news_reward ul li a{display:block;width:100%}main#promotion_activity .news_reward ul li img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;pointer-events:none}main#promotion_activity .news_reward .news{display:block}main#promotion_activity .news_reward .news li p{color:var(--primary)}main#promotion_activity .news_reward .news li .news_date{font-size:12px;padding-top:.5208rem}main#promotion_activity .news_reward .news li .content{font-size:12px;padding-top:.5208rem;color:#000}main#promotion_activity .news_reward .reward{display:none}main#promotion_activity .news_reward .reward li .info{position:relative}main#promotion_activity .news_reward .reward li .info .name{color:var(--primary)}main#promotion_activity .news_reward .reward li .info .points>span{color:#ff8d1a;font-weight:700;font-size:1.3em}main#promotion_activity .news_reward .reward li .info>button{padding:8px 10px;background-color:var(--primary);border:0;color:#fff;border-radius:5px;position:absolute;right:0;top:10px;cursor:pointer}main#promotion_activity .news_reward .more a{display:flex;justify-content:end;align-items:center;padding:.5208rem 0}main#promotion_activity .news_reward .control{display:none}main#promotion_activity .promotion_banner{padding:15px;background-color:#ff8d1a;color:#fff;position:sticky;bottom:0}main#promotion_activity .promotion_banner p{text-align:center;overflow:hidden}main#promotion_activity .promotion_banner p span{display:inline-block;white-space:nowrap}@keyframes leftPro{0%{margin-left:-100%}100%{margin-left:100%}}main#product_detail .content{padding-top:2.6042rem;padding-bottom:2.6042rem}main#product_detail .content .prodcut{width:100%;display:flex;align-items:flex-start;justify-content:space-between}main#product_detail .content .prodcut .pic{width:30%;aspect-ratio:1/1;overflow:hidden}main#product_detail .content .prodcut .pic img{width:100%;height:100%;object-fit:cover}main#product_detail .content .prodcut .product_info{flex:1;padding-left:2.3438rem}main#product_detail .content .prodcut .product_info .top{display:flex;justify-content:space-between;align-items:center;padding-bottom:2.6042rem}main#product_detail .content .prodcut .product_info .top .name_points{font-size:1.5625rem}main#product_detail .content .prodcut .product_info .top .name_points .points{color:#ff8d1a;margin-left:.7813rem}main#product_detail .content .prodcut .product_info .top .trade_in_btn input[type='button']{width:7.8125rem;height:2.6042rem;border-radius:0833rem;border:0;outline:none;color:#fff;cursor:pointer;font-size:1rem;background-color:var(--secondary)}main#product_detail .content .prodcut .product_info .description p{line-height:1.5;margin-bottom:20px}main#product_detail .content .back{display:flex;align-items:center;margin-top:2.6042rem;cursor:pointer}main#caricature .content .story_outline{display:flex;align-items:flex-start;justify-content:space-between;padding:2.6042rem 15px 0}main#caricature .content .story_outline .cover{width:45%;aspect-ratio:1/1}main#caricature .content .story_outline .cover img{width:100%;height:100%}main#caricature .content .story_outline .outline{flex:1;padding:1.0417rem}main#caricature .content .story_outline .outline p{padding-top:10px}main#caricature .content .author{display:flex;justify-content:space-between;align-items:flex-start;padding:2.6042rem 15px 0}main#caricature .content .author .intro{padding:1.0417rem;flex:1}main#caricature .content .author .intro h3,main#caricature .content .author .intro p{padding-top:10px}main#caricature .content .author .cover{width:45%;aspect-ratio:1/1}main#caricature .content .author .cover img{width:100%;height:100%}main#caricature .content .story{padding-top:2.6042rem}main#caricature .content .story ul{display:grid;grid-template-columns:repeat(auto-fill, calc((100% - 2.0833rem) / 3));row-gap:1.0417rem;column-gap:1.0417rem}main#caricature .content .story ul li{width:100%;cursor:pointer}main#caricature .content .story ul li img{width:100%;height:auto;aspect-ratio:1/1}main#caricature .content .story ul li>p{padding:10px 0}main#caricature .content .character{padding-top:2.6042rem;padding-bottom:2.6042rem}main#caricature .content .character ul{display:grid;grid-template-columns:repeat(auto-fill, calc((100% - 2.0833rem) / 3));row-gap:1.0417rem;column-gap:1.0417rem}main#caricature .content .character ul li img{width:100%;height:auto;transform:scale(1);cursor:pointer}main#caricature .content .story_list{padding-bottom:2.6042rem;padding-top:2.6042rem}main#caricature .content .story_list h1{padding-bottom:1.0417rem;text-align:center}main#caricature .content .story_list ul li{width:100%;margin-top:1.0417rem}main#caricature .content .story_list ul li img{width:100%;height:auto}main#animation .content{padding-top:2.6042rem;padding-bottom:2.6042rem}main#animation .content iframe{width:100%;aspect-ratio:5/3}main#animation .content .video_box{position:relative;margin-top:2.5rem}main#animation .content .video_box .controls{width:55%;display:flex;align-items:center;justify-content:center;margin:auto;height:12vw;overflow:auto}main#animation .content .video_box .controls::-webkit-scrollbar{display:none}main#animation .content .video_box .controls img{width:6.25rem;height:auto;cursor:pointer;border:2px solid #fff;border-radius:5px;transition:width .2s linear}main#animation .content .video_box .controls img.play{width:10.4167rem;height:auto}main#animation .content .project{display:flex;align-items:flex-start;justify-content:space-between;padding:2.6042rem 15px 0}main#animation .content .project .cover{width:45%;aspect-ratio:1/1}main#animation .content .project .cover img{width:100%;height:100%}main#animation .content .project .intro{flex:1;padding:1.0417rem}main#animation .content .project .intro p{padding-top:10px}main#news_detail h1.title{margin-top:50px;color:var(--primary)}main#news_detail h1.title::before,main#news_detail h1.title::after{display:none}main#news_detail .news_date{font-size:14px;color:#999;text-align:center}main#news_detail .content{margin:20px 0 50px;display:flex;align-items:flex-start;justify-content:space-between}main#news_detail .content .pic{width:45%}main#news_detail .content .pic img{width:100%;height:auto;object-fit:contain}main#news_detail .content .text{flex:1;padding:0 20px}@media screen and (min-width:1920){html{font-size:19.2px}}@media screen and (min-width:992px) and (max-width:1200px){html{font-size:16px}.container{width:980px}.dialog .dialog-card{width:50%}.dialog .dialog-card .dialog-btn button{padding:5px 15px}main#index .series .series_list ul li .prodcut_dialog .card{width:50%}main#login .sgin_in form{width:50%}}@media screen and (min-width:768px) and (max-width:992px){html{font-size:14px}body.open{overflow:hidden}body.open header .container::before{display:block}body.open header .container nav{overflow:visible;max-width:60%;transition:max-width .3s linear}body.open header .container nav .close{display:inline-block}.dialog .dialog-card{width:50%}.dialog .dialog-card .dialog-btn button{padding:5px 10px}.container{width:768px}main#index .content .container ul li .img img{height:auto}main#index .series .series_list{width:600px}main#index .series .series_list ul li{width:150px}main#index .series .series_list ul li .prodcut_dialog .card{width:80%}main#login .sgin_in form{width:60%}main#login .sgin_in form .form_row{flex-direction:column;margin-bottom:0}main#login .sgin_in form .form_row .form_item{width:100%;margin-bottom:1.3021rem;flex-direction:column;align-items:start}main#login .sgin_in form .form_row .form_item label{text-align:left;margin-bottom:.2604rem}main#login .sgin_in form .form_row .form_item select{width:100%;margin-bottom:1.3021rem}main#login_status .member .panel .left{width:22%}main#login_status .member .panel .right #account form{width:60%}main#login_status .member .panel .right #account form .form_row{flex-direction:column;margin-bottom:0}main#login_status .member .panel .right #account form .form_row .form_item{width:100%;margin-bottom:1.3021rem;flex-direction:column;align-items:start}main#login_status .member .panel .right #account form .form_row .form_item label{text-align:left;margin-bottom:.2604rem}main#login_status .member .panel .right #account form .form_row .form_item select{width:100%;margin-bottom:1.3021rem}}@media screen and (max-width:768px){html{font-size:12px}body.open{overflow:hidden}body.open header .container::before{display:block}body.open header .container nav{overflow:visible;max-width:60%;transition:max-width .3s linear}body.open header .container nav .close{display:inline-block}.dialog .dialog-card{width:95%}.dialog .dialog-card .dialog-btn button{padding:5px 10px}header .container .open{display:block}header .container::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;display:none;background:rgba(0,0,0,0.5);z-index:999}header .container nav{position:fixed;top:0;right:0;bottom:0;width:60%;max-width:60%;height:100vh;flex:none;padding:2.6042rem 0;background-color:#f7f7f7;z-index:9999;max-width:0;overflow:hidden;transition:max-width .3s linear}header .container nav .close{width:2.0833rem;display:none;top:0;left:0;transform:translate(-100%, 0);color:#fff;background-color:var(--primary)}header .container nav ul{flex-direction:column;align-items:flex-start}header .container nav ul li{width:100%;height:2.6042rem;line-height:2.6042rem;padding:0 30px;border-bottom:1px solid #eee}header .container nav ul li:nth-of-type(2n){display:none}header .container nav ul li a{display:block;width:100%}.container{width:768px}footer .container{flex-direction:column}footer .container .checkbox-text{font-size:12px !important}footer .container .copyright .subscribe form .form_item.inps input{font-size:12px}footer .container .copyright .subscribe select{font-size:12px}main#index .content{min-height:auto;overflow:hidden;padding-bottom:600px}main#index .content .container{padding-left:15px;padding-right:15px}main#index .content .container ul{position:relative}main#index .content .container ul li{height:auto;flex-wrap:wrap;align-items:flex-start;flex-direction:row;padding:0}main#index .content .container ul li>div.img{height:50vw;padding:0;position:static !important;padding-bottom:15px}main#index .content .container ul li>div.img img{object-fit:cover}main#index .content .container ul li>div.text2{width:100%;grid-column:1/3;text-align:center}main#index .content .container ul li .text{font-size:12px;flex:auto;padding:0;padding:0 15px 15px}main#index .content .container ul li .text .info{width:100%}main#index .content .container ul li .text .info img{width:100px !important;height:50px !important}main#index .content .container ul li .text .info h5 span{font-size:.9em !important}main#index .content .container ul li .icon-box{padding:10px 0}main#index .content .container ul .landscape{width:100%;position:absolute;bottom:-20px;transform:translateY(100%);left:0;padding-top:20px}main#index .content .container ul .landscape .inner{overflow:auto;display:flex}main#index .content .container ul .landscape .inner li{width:80%;display:block;padding:15px;position:static;margin-top:0}main#index .content .container ul .landscape .inner li:last-of-type{padding-right:0}main#index .content .container ul .landscape .inner li:first-of-type{padding-left:0}main#index .content .container ul .landscape .inner li:first-of-type .title{position:absolute;top:0;font-size:1.5em;white-space:nowrap}main#index .content .container ul .landscape .inner li:first-of-type .info p:first-of-type span{background-image:linear-gradient(to right, #e67e23 6em, #169179 6em);-webkit-text-fill-color:transparent;-webkit-background-clip:text}main#index .content .container ul .landscape .inner li .img{width:100%;height:44vw;aspect-ratio:3/2;padding:0;border-radius:8px;overflow:hidden}main#index .content .container ul .landscape .inner li .img img{width:100%;height:100%;object-fit:cover}main#index .content .container ul .landscape .inner li .text{position:static;width:100%;justify-content:flex-start;padding:15px 0}main#index .content .container ul .landscape .inner li .text .title{padding:0;left:0}main#index .content .container ul .landscape .inner li .text .info{width:100%}main#index .content .container .primary-btn{padding:5px;height:auto;line-height:normal}main#index .video_box .controls{width:100%}main#index .video_box .controls img{width:50px}main#index .video_box .controls img.play{width:65px}main#index .series .series_list{width:300px}main#index .series .series_list ul li{width:150px}main#index .series .series_list ul li .prodcut_dialog .card{width:90%}main#index2 .news ul,main#index2 .new_extend ul{grid-template-columns:repeat(auto-fill, 100%)}main#index2 .new_product .container ul li img{width:100%}main#index2 .series{width:90%}main#index2 .series ul{grid-template-columns:repeat(auto-fill, calc((100% - 4.1667rem) / 2));column-gap:4.1667rem}main#login .login form{width:200px}main#login .sgin_in form{width:80%}main#login .sgin_in form .form_row{flex-direction:column;margin-bottom:0}main#login .sgin_in form .form_row .form_item{width:100%;margin-bottom:1.3021rem;flex-direction:column;align-items:start}main#login .sgin_in form .form_row .form_item label{text-align:left;margin-bottom:.2604rem}main#login .sgin_in form .form_row .form_item select{width:100%;margin-bottom:1.3021rem}main#login .sgin_in .intensity{width:100%;text-align:center}main#login_status .member .panel{flex-direction:column}main#login_status .member .panel .left{width:100%;margin-bottom:.7813rem}main#login_status .member .panel .left ul{display:flex;align-items:center;justify-content:space-around}main#login_status .member .panel .left ul li icon-font{display:none}main#login_status .member .panel .left ul li span{margin-right:0}main#login_status .member .panel .left ul li.on{border-bottom:2px solid var(--secondary)}main#login_status .member .panel .right{width:100%}main#login_status .member .panel .right #account form{width:100%}main#login_status .member .panel .right #account form .form_row{flex-direction:column;margin-bottom:0}main#login_status .member .panel .right #account form .form_row .form_item{width:100%;margin-bottom:1.3021rem;flex-direction:column;align-items:start}main#login_status .member .panel .right #account form .form_row .form_item label{text-align:left;margin-bottom:.2604rem}main#login_status .member .panel .right #account form .form_row .form_item select{width:100%;margin-bottom:1.3021rem}main#login_status .member .panel .right #account form .form_row .form_item .remark{position:static;transform:translate(0, 0)}main#login_status .member .panel .right #receipt form{width:100%}main#promotion_activity .reserve_procedure .login_btn>button{font-size:16px}main#promotion_activity .news_reward{overflow:hidden;padding-left:0;padding-right:0;margin-left:15px;margin-right:15px;width:calc(100% - 30px);position:relative}main#promotion_activity .news_reward ul{display:flex !important;flex-wrap:nowrap;width:9999999999px;column-gap:0;row-gap:0}main#promotion_activity .news_reward ul li{width:calc(100vw - 30px)}main#promotion_activity .news_reward .dots{display:flex;align-items:center;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%, 0)}main#promotion_activity .news_reward .dots span{width:8px;height:8px;border-radius:50%;margin:0 2px;border:1px solid var(--primary)}main#promotion_activity .news_reward .dots span.on{background-color:var(--primary)}main#promotion_activity .news_reward .news li p{padding-top:.7813rem;font-size:1.2em}main#promotion_activity .news_reward .news li .news_date{padding:.5208rem 0}main#promotion_activity .news_reward .reward li .info{padding:.7813rem 0}main#promotion_activity .news_reward .reward li .info>button{font-size:1.3em}main#promotion_activity .news_reward .reward li .info .points>span{font-size:2em}main#promotion_activity .news_reward .control{position:absolute;right:0;display:flex;align-items:center}main#promotion_activity .news_reward .control .prev,main#promotion_activity .news_reward .control .next{padding:8px;background-color:#fff;color:var(--primary);border-radius:50%;font-size:18px;margin:15px;cursor:pointer}main#product_detail .content .prodcut{flex-direction:column}main#product_detail .content .prodcut .pic{width:100%}main#product_detail .content .prodcut .product_info{padding-left:0}main#product_detail .content .prodcut .product_info .top{padding:2.6042rem 0}main#caricature .content .story_outline{flex-direction:column;padding-left:0;padding-right:0}main#caricature .content .story_outline .outline{padding-left:0;padding-right:0}main#caricature .content .story_outline .cover{width:100%}main#caricature .content .author{flex-direction:column-reverse;padding-left:0;padding-right:0}main#caricature .content .author .intro{padding-left:0;padding-right:0}main#caricature .content .author .cover{width:100%}main#animation .content .video_box .controls{width:100%}main#animation .content .video_box .controls .small_video{width:50px}main#animation .content .video_box .controls .small_video.play{width:65px;transition:width .2s linear}main#animation .content .project{flex-direction:column;padding-left:0;padding-right:0}main#animation .content .project .cover{width:100%}main#animation .content .project .intro{padding-left:0;padding-right:0}main#news_detail .content{flex-direction:column-reverse}main#news_detail .content .pic{width:100%}main#news_detail .content .text{width:100%;padding:0;margin-bottom:20px}}@media screen and (max-width:560px){main#index .content{padding-bottom:450px}main#index .content .container ul .landscape .inner::-webkit-scrollbar{display:none}}@media screen and (orientation:landscape){.dialog .dialog-card{width:auto !important}.dialog .dialog-card .content img{height:80vh;width:auto}}