body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:66.3%;font-weight:normal;}
fieldset,img{border:0;}
ul,ol{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration: none;color:#000;}
small{font-size:12px;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
label,input,select,form img,button,textarea{vertical-align:middle;outline:none}
address,caption,cite,code,dfn,em,strong,th,optgroup{font-style:normal;font-weight:normal;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-block;}
/* Hides from IE-mac \*/
* html .clear{height:1%;}
.clear{display:block;}
/* End hide from IE-mac */
*{-webkit-tap-highlight-color:rgba(0,0,0,0) !important;}
html,body{position: fixed;width: 100%;height: 100vh;left: 0;top: 0;background:white;overflow: hidden;-webkit-user-select: none;user-select: none;overflow: auto;-webkit-overflow-scrolling:touch;}
body,input,select,textarea{}
img{border:none;outline: none}



.container{position: relative;width: 750px;height: 100%;overflow: hidden}

.welcome{position: absolute;width: 100%;height: 100%}
.welcome .bg{display: block;width: 100%}
.welcome .btm{position: absolute;width: 100%;left: 0;bottom: 0}
.welcome .form{position: absolute;left: 50%;top: 285px;transform: translate(-50%,0);width: 590px;}
.welcome .form .grid{position: absolute;width: 100%;height: 88px;left: 0;top: 0}
.welcome .form .grid.btm{top: 88px;}
.welcome .form .grid .label{position: absolute;left: 28px;top: 0;line-height: 88px;color: #01142E;font-size: 28px;}
.welcome .form .grid .ipt1{position: absolute;right: 28px;top: 0;line-height: 88px;color: #01142E;font-size: 28px;width: 400px;text-align: right;box-sizing: border-box;padding-left: 80px;box-sizing: border-box;outline: none;border: none;background: none}


.welcome .btn1{position: absolute;left: 50%;top: 485px;transform: translate(-50%,0);width: 590px;}

.homepage{position: absolute;width: 100%;height: 100%;background: #0071ce;display: none}
.homepage .banner{display: block;width: 100%}
.homepage .btm{position: absolute;left: 0;bottom: 0;width: 100%}
.homepage .txt1{position: absolute;left: 50%;bottom: 38px;transform: translate(-50%,0);}
.homepage .slogan{position: absolute;left: 50%;bottom: 685px;transform: translate(-50%,0);}
.homepage .btn1{position: absolute;left: 24px;bottom: 118px;}
.homepage .btn2{position: absolute;right: 22px;bottom: 118px;}
.homepage .btn3{position: absolute;right: -16px;bottom: 400px;}

.scan_result{position: absolute;width: 100%;height: 100%;background: white;display: none}
.scan_result .top{position: absolute;left: 0;top: 0;width: 100%}
.scan_result .title{position: absolute;left: 0;top: 30px;width: 100%;}
.scan_result .title .back_btn{position: absolute;left: 56px;top: 0}
.scan_result .title .txt{position: absolute;left: 174px;top: 0;line-height: 80px;font-size: 32px;color: #01142E}
.scan_result .inner{position: absolute;left: 50%;top: 150px;transform: translate(-50%,0);}
.scan_result .inner .back{display: block;}
.scan_result .inner .info{position: absolute;left: 0;top: 260px;width: 100%;text-align: center;color: #01142E;height: 624px}
.scan_result .inner .info .name{font-size: 36px;font-weight: bold;}
.scan_result .inner .info .name_en{font-size: 36px;padding: 10px 0 50px 0;font-weight: bold;}
.scan_result .inner .info .company{font-size: 24px;}
.scan_result .inner .info .company_en{color: #6F6F6F;font-size: 24px;}
.scan_result .inner .info .label1{position: absolute;left: 10px;bottom: 176px;width: 309px;text-align: center;font-size: 20px;color: #6f6f6f}
.scan_result .inner .info .label2{position: absolute;right: 10px;bottom: 176px;width: 309px;text-align: center;font-size: 20px;color: #6f6f6f}
.scan_result .inner .info .business_model{position: absolute;left: 10px;bottom: 243px;width: 309px;text-align: center;font-size: 22px;}
.scan_result .inner .info .target_region{position: absolute;right: 10px;bottom: 243px;width: 309px;text-align: center;font-size: 22px;}



.scan_result .inner .like_btn{position: absolute;right: 37px;top: 30px;width: 120px;height: 120px;}
.scan_result .inner .like_btn .off{position: absolute;width: 120px;height: 120px;background: url(../img/like-off.png) center no-repeat;}
.scan_result .inner .like_btn .on{position: absolute;width: 120px;height: 120px;background: url(../img/like-on.png) center no-repeat;opacity: 0}
.scan_result .inner .like_btn.active{animation: btnScale 0.3s linear}
.scan_result .inner .like_btn.active .off{opacity: 0}
.scan_result .inner .like_btn.active .on{opacity: 1}
.scan_result .inner .like_btn .num{position: absolute;left: 0;width: 100%;text-align: center;bottom: 18px;font-size: 20px;color: #01142e}



.scan_result .btn1{position: absolute;left: 50%;top: 1085px;transform: translate(-50%,0);}
.scan_result .btn2{position: absolute;left: 50%;top: 1210px;transform: translate(-50%,0);}

.fav_pop{position: absolute;width: 100%;height: 100%;background: white;display: none}
.fav_pop .top{position: absolute;left: 0;top: 0;width: 100%}
.fav_pop .title{position: absolute;left: 0;top: 30px;width: 100%;}
.fav_pop .title .back_btn{position: absolute;left: 56px;top: 0}
.fav_pop .title .txt{position: absolute;left: 174px;top: 0;line-height: 80px;font-size: 32px;color: #01142E}
.fav_pop .inner{position: absolute;left: 50%;top: 160px;transform: translate(-50%,0);width: 638px;height: calc(100% - 160px - 70px);background: #0072ce}
.fav_pop .inner .headline{position: absolute;left: 0;top: 0;width: 100%;height: 95px;line-height: 95px;}
.fav_pop .inner .headline .row{float: left;font-size: 22px;color: white;line-height: 30px;padding-top: 16px;}
.fav_pop .inner .headline .row:nth-child(1){width: 216px;margin-right: 20px;margin-left: 40px;}
.fav_pop .inner .headline .row:nth-child(2){width: 320px}
.fav_pop .inner .detail{position: absolute;left: 10px;top: 88px;width: 618px;background: white;height: calc(100% - 88px - 10px);overflow-y: scroll;}
.fav_pop .inner .detail .grid{margin: 0 auto;width: 576px;border-bottom: 1px solid #dedede;padding: 20px 0;overflow: auto}
.fav_pop .inner .detail .grid .col{box-sizing: border-box;font-size: 22px;color: #01142e;word-break: break-all;white-space: normal;float: left}
.fav_pop .inner .detail .grid .col:nth-child(1){width: 216px;margin-right: 20px;margin-left: 10px;}
.fav_pop .inner .detail .grid .col:nth-child(2){width: 320px;}
.fav_pop .inner .detail .grid .col:nth-child(3){width: 170px}
.fav_pop .inner .detail .empty{font-size: 24px;color: #01142e;position: absolute;left: 0;top: 50%;transform: translate(0%,-50%);width: 100%;text-align: center;}

.report_pop{position: absolute;width: 100%;height: 100%;background: rgba(121, 121, 121, 0.7);backdrop-filter: blur(10px);display: none}
.report_pop .inner{position: absolute;left: 0;bottom: 0;width: 100%;background: white;height: 70%}
.report_pop .inner .close_icon{position: absolute;left: 50%;top: -120px;transform: translate(-50%,0);padding: 20px;}
.report_pop .inner .option{position: relative;}
.report_pop .inner .option .title{display: block;width: 100%}
.report_pop .inner .option .link1{position: absolute;left: 0;width: 100%;height: 145px;bottom: 153px;}
.report_pop .inner .option .link2{position: absolute;left: 0;width: 100%;height: 145px;bottom: 8px;}

.pop_alert{display: none;z-index: 999;position: fixed;width: 100%;height: 100%;left: 0;top: 0;}
.pop_alert .txt{font-size: 28px;line-height: 66px;height: 66px;padding:0 40px;color: white;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: rgba(0,0,0,0.8);border-radius: 30px;white-space: nowrap;}

.scan_pop{position: absolute;width: 100%;height: 100%;background: rgba(121, 121, 121, 0.7);backdrop-filter: blur(10px);display: none}
.scan_pop .inner{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 622px;}
.scan_pop .inner .bg{display: block;width: 100%}
.scan_pop .inner .check_info{position: absolute;left: 50%;width: 450px;height: 110px;bottom: 50px;transform: translate(-50%,0);}





@media (min-aspect-ratio: 750/1400) {   /* 高度小于1400px的情况 */
.welcome .banner{margin-top: -150px}
.homepage .banner{margin-top: -150px}
}


@keyframes btnScale
{
0%{transform: scale(1);}
50%{transform: scale(1.1);}
100%{transform: scale(1);}
}