@charset "utf-8";
/* CSS Document */

/* 
.eot IE9 Compat Modes 
.woff format('font-woff') Pretty Modern Browsers
.ttf format('truetype')Safari, Android, iOS
*/
/*@font-face {
    font-family:'凯迪拉克汉仪俊黑50简';
    src:url('../fonts/SourceHanSansCN-Normal.otf.eot'), 
    url('../fonts/SourceHanSansCN-Normal.otf.woff') format('font-woff'),
    url('../fonts/SourceHanSansCN-Normal.otf.ttf') format('truetype'); 
}*/
@font-face{
    font-family: '思源黑体';
    src: url("../css/fonts/SourceHanSansCN-Normal.otf") format("opentype");
}
@font-face{
    font-family: 'EMprint';
    src: url("../css/fonts/EMprint.ttf") format("opentype");
}
/*font-family: 'Beltway Prophecy', "microsoft yahei", Arial, Helvetica, sans-serif;*/

img{ pointer-events: none; -webkit-user-select:none;-moz-user-select:none;user-select:none;}

.kvBox { width:100%; height:100%; }
.kvBox .kv { width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0; z-index:1; display:none; }
.kvBox .kv .txt { width:100%; position:absolute; top:11.458vw; }

.kvBox .kv2Txt { width:21.61%; position: absolute; left:39.11%; top:21.38%; }

.kvBox .kv.active { -webkit-animation:kv_am var(--duration) ease both; z-index:2; }
.kvBox img { width:100%; height:100%; display:block; object-fit:cover; }
.kvBox video { width:100%; height:100%; display:block; object-fit:cover; }

.page1 .pointBox { width:100%; top:94%; position: absolute; display:flex; justify-content:center; z-index:11; }
.page1 .pointBox .point { width:12px; height:2px; background-color:#fff; margin:0 5px; overflow:hidden; }
.page1 .pointBox .point div { width:0; height:10px; background-color:#c8a893; visibility: hidden;
    transition:width 3s linear; }
.page1 .pointBox .point.active { width:90px; }
.page1 .pointBox .point.active div { width:90px; visibility:visible; }


.iFlot { width:6.71vw;position: fixed;z-index: 30; min-width:80px; right:15px; bottom:7.4%; }
.iFlotBg { width:100%;height: auto; position:relative; pointer-events:none; }
.iFlotItem5 {position: absolute; width:100%; left:0; top:82.77%; cursor: pointer; }
.iFlotItem4 {position: absolute; width:100%; left:0; top:62.2%; cursor: pointer; }
.iFlotItem3 {position: absolute; width:100%; left:0; top:41.62%; cursor: pointer; }
.iFlotItem2 {position: absolute; width:100%; left:0; top:20.57%; cursor: pointer; }
.iFlotItem1 {position: absolute; width:100%; left:0; top:0; cursor: pointer; }
.iFlotItem{transition:transform ease 0.7s;height: 17.22%;display: block;}

.iFlotDk{width: 100%;position: absolute;top: 0;left: 0;transition:opacity ease 0.5s;}
.iFlotMk{width: 100%;position: absolute;top: 0;left: 0;opacity: 0;transition:opacity ease 0.5s;}



.login { width:26.04%; left:36.97%; top:39.81%; position: fixed;z-index: 30;display: none;}
.login .close { width:8.59%; left:91.4%; top:0; position: absolute;cursor: pointer;}
.login .reset { width:21.2%; left:25.4%; top:77.74%;position: absolute;cursor: pointer; }
.login .submit { width:21.2%; left:53.2%; top:77.74%;position: absolute;cursor: pointer; }
.login .phone { width:51.6%; left:12.6%; top:26.01%;position: absolute; }
.login .yzm { width:51.6%; left:12.6%; top:46.82%;position: absolute; }
.login .yzmbtn { width:14.6%; left:72.6%; top:58.38%;position: absolute; cursor: pointer;}

.login .phone input,.login .yzm input{width: 100%;height: 100%;position: absolute;top: 0;left: 0;border:0;font-size: 0.833vw;text-indent: 2px;color: #fff;font-weight: normal; line-height: 100%;box-sizing:border-box;background: 0;}

.login .yzmbtnt{width: 100%;padding: 3px 0 2px;box-sizing: border-box; display: block; position: absolute;bottom: 0;left: 0;font-size: 0.833vw;color: #c5c5c5;text-align: center;border: 1px solid #959595;}

/* page2 */
.page2 .kvs { width:100%; height:100%; }
.page2 .kvs .kv { width:100%; height:100%; position:absolute; top:0; z-index:1; display:none; }
.page2 .kvs .kv.active { -webkit-animation:kv_am var(--duration) ease both; z-index:2; }
.page2 .kvs img { width:100%; height:100%; display:block; object-fit:cover; }
.page2 .kvs .txt { width:100%; position:absolute; left:0; top:10.052vw; animation-delay:0.5s; animation-duration:1.1s; }
.page2 .kvs .txt2 { width:100%; position:absolute; left:0; top:10.052vw; animation-delay:0.7s; animation-duration:1.1s; }


.page2 .page2Menu { position: absolute; left: 50%; top:6.666vw; z-index: 10;
    display:flex; transform:translateX(-50%); }
.page2 .page2Menu ul { width:100%; display:flex; justify-content: space-between;  }
.page2 .page2Menu ul li { margin:0 1.484vw; white-space: nowrap; cursor:pointer;  }
.page2 .page2Menu ul li a { padding-bottom:5%; display:block; }
.page2 .page2Menu ul li .line { width:0; height:1px; border-bottom:1px solid #c7a893; }

.page2 .page2Menu ul li.active a { color:#c7a893; }
.page2 .page2Menu ul li.active .line { width:100%; }


.page2 .moreBtn { position: absolute;width: 45%; right:0; top:0; opacity: 0;}
.page2 .yuyueBtn {  position: absolute; width: 45%; left:0; top:0; opacity: 0;}


.page3 .p3Txt { width:100%; position: absolute; left:0%; top:13.61%; display:none; animation-delay:0.6s; }
.page3 .p3Btn {cursor: pointer; width:4.58%; position: absolute; left:47.7%; top:88.7%; display:none; animation-delay:0.8s; }
.page3 .full { position:absolute; top:0; display:none; }


.iP2Btn { width:20.729vw; position:absolute; left:39.635vw; top:89.62%; z-index:5; 
    animation-delay:0.5s; }
.iP3Btn { width:15.26vw; position:absolute; left:42.343vw; top:88%; z-index:5; 
    cursor: pointer; animation-delay:0.8s; display:none; }

.page3 .pointBox { width:100%; top:96%; position: absolute; display:flex; justify-content:center; z-index:11; }
.page3 .pointBox .point { width:12px; height:2px; background-color:#fff; margin:0 5px; overflow:hidden; }
.page3 .pointBox .point div { width:0; height:10px; background-color:#c8a893; visibility: hidden;
    transition:width 4s linear; }
.page3 .pointBox .point.active { width:90px; }
.page3 .pointBox .point.active div { width:90px; visibility:visible; }


.kk_am { -webkit-animation:kk_am 1.2s ease-in-out infinite alternate; }
@-webkit-keyframes kk_am   {  
    0% { opacity:0.1; } 90% { opacity:1; } 100% { opacity:1; }  
}
.p4Card_toL { -webkit-animation:p4Card_toL 0.6s ease both; z-index:1; }
@-webkit-keyframes p4Card_toL   {
    0% { transform:translate3d(0, 0, 0) scale(1); } 
    100% { transform:translate3d(-89.5%, -4%, 0) scale(0.65); }  
}
.p4Card_toR { -webkit-animation:p4Card_toR 0.6s ease both; z-index:1; }
@-webkit-keyframes p4Card_toR   {
    0% { transform:translate3d(0, 0, 0) scale(1); } 
    100% { transform:translate3d(89.5%, -4%, 0) scale(0.65); }  
}
.p4Card_LtoM { -webkit-animation:p4Card_LtoM 0.6s ease both; z-index:1; }
@-webkit-keyframes p4Card_LtoM   {
    0% { transform:translate3d(-89.5%, -4%, 0) scale(0.65); }  
    100% { transform:translate3d(0, 0, 0) scale(1); } 
}
.p4Card_RtoM { -webkit-animation:p4Card_RtoM 0.6s ease both; z-index:2; }
@-webkit-keyframes p4Card_RtoM   {
    0% { transform:translate3d(89.5%, -4%, 0) scale(0.65); }  
    100% { transform:translate3d(0, 0, 0) scale(1); } 
}
.page4 div { position:absolute; }
.page4 .full { position:relative; }
.page4 .p4Title { width:100%; left:0; top:13.33%; display:none; animation-delay:0.6s; }
.page4 .p4Card { width:35.625%; left:32.1875%; top:28.88%; transition:transform 0.6s ease; }
/*.page4 .p4CardM {  }
.page4 .p4CardM .p4Video video { opacity:1; }*/
.page4 .txt { width:100%; left:0; top:70.14%; text-align:center; }
.page4 .txt span { display:block; }
.page4 .p4Shadow { width:81.29%; left:13.34%; top:0; display: none;
    mix-blend-mode: screen; pointer-events:none; }
.page4 .p4VideoMasker { width:97.93%; left:0.96%; top:46.6%; }
.page4 .p4Video { width:97.79%; left:0.96%; top:1.57%; }
.page4 .p4Card video { width:100%; display:block; 
    opacity:0.5; transition:opcity 0.5s ease; }
.page4 .p4Btn { width:12.1%; left:44.01%; top:82.62%;cursor: pointer; }
.page4 .p4Kk { width:100%; height:100%; top:0; left:0; pointer-events:none; }

.page4 .p4CardM { transform:translate3d(0, 0, 0) scale(1); }
.page4 .p4CardM video { opacity:1; }
.page4 .p4CardL { transform:translate3d(-89.5%, -4%, 0) scale(0.65); }
.page4 .p4CardR { transform:translate3d(89.5%, -4%, 0) scale(0.65); }
.page4 .p4CardO { transform:translate3d(189.5%, -4%, 0) scale(0.65); }

.p4right { width:0.78%; right:3%; top:54.37%; position: absolute;cursor: pointer; z-index: 5; }
.p4left { width:0.72%; left:3%; top:54.55%; position: absolute;cursor: pointer; z-index: 5;}



.swiper-container { width: 100%; height: 100%; overflow: hidden; }
/* Center slide text vertically */ 
.swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
    display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; 
    justify-content: center; -webkit-box-align: center; -ms-flex-align: center; 
    -webkit-align-items: center; align-items: center; transition: 300ms;
}


.iP4Btn { width:24.29%; position: absolute; left:37.78%; top:84.07%;cursor: pointer; }


.page5 { display:flex; }
.page5 .left, .page5 .right { position:relative; flex-basis:50%; }
.page5 .p5Btn { width:7.916vw; left:20.989vw; top:48.42%; position:absolute; display:none; animation-delay:0.8s; }
.page5 .p5Txt { width:10.05vw; left:19.84%; top:37.59%; position:absolute; display:none; animation-delay:0.6s; }

/*.iP5Btn { width:15.83%; left:41.97%; top:; }*/
.iP5Btn { width:7.916vw; left:20.989vw; top:27.239vw; }

.footer { height:auto !important; }


.foot_ewm { width:9.53%; left:5.93%; top:47.05%;position:absolute; z-index: 5;opacity:0; transition:opacity ease 0.5s;}
.foot_ewm:hover { opacity:1; cursor:pointer; }
.foot_tit { width:15.72%; left:42.13%; top:16.28%;position:absolute; }
.foot_logo3 {cursor:pointer; width:7.86%; left:38.12%; top:49.17%;position:absolute; }
.foot_logo1 {cursor:pointer; width:9.63%; left:5.88%; top:52.48%; position:absolute;}
.foot_logo2 {cursor:pointer; width:7.81%; left:22.5%; top:50.67%; position:absolute;}
.foot_logo6 {cursor:pointer; width:11.45%; left:83.33%; top:52.18%;position:absolute; }
.foot_logo5 {cursor:pointer; width:11.4%; left:67.7%; top:52.18%;position:absolute; }
.foot_logo4 {cursor:pointer; width:7.81%; left:53.85%; top:51.43%; position:absolute;}

.foot_logo6 { width:9.16%; left:83.8%; top:52.18%; position:absolute;cursor:pointer;}
.foot_logo7 { width:9.16%; left:68.22%; top:52.18%; position:absolute;cursor:pointer;}
.foot_logo5 { width:7.5%; left:54.27%; top:52.18%; position:absolute;cursor:pointer;}
.foot_logo4 { width:4.27%; left:43.48%; top:51.43%; position:absolute;cursor:pointer;}
.foot_logo3 { width:4.94%; left:31.77%; top:49.17%; position:absolute;cursor:pointer;}
.foot_logo2 { width:5.31%; left:19.68%; top:50.67%; position:absolute;cursor:pointer;}
.foot_logo1 { width:5.88%; left:7.08%; top:52.48%; position:absolute;cursor:pointer;}

.btm{background: #000;width: 100%;display: flex;flex-direction: row; position: relative;overflow: hidden;}
.btmbox {width: 70%;margin: 0 auto; display: flex;flex-direction: row;align-items: center;justify-content: space-around; padding-top: 50px;padding-bottom: 30px;}
.btmlogo{width:4.47vw;}
.btmlefttit p{font-size: 0.833vw;color: #fff;margin-bottom: 5px;text-align: center;}
.btmlefttit p a{ font-size: 0.677vw; }
.btmrighttel{}


/*diamond*/
.kvVideo { width:100%; display:block; }
.dP1Txt { width:100%; position: absolute; left:0; top:22.75%; animation-delay:0.5s; }
.dLabel { width:9.53%; position:absolute; left:3.38%; top:39.41%; background-color:rgba(0, 0, 0, 0.7); }
.dLabel ul { width:90%; left:10.38%; top:24%; position:absolute; }
.dLabel ul li { height:10%; margin-bottom:7%; padding-bottom:1%; position:relative; cursor:pointer; }
.dLabel ul li:nth-child(1) { width:81.42%; }
.dLabel ul li:nth-child(2) { width:69.4%; }
.dLabel ul li .b { position:absolute; top:0; opacity:0; transition:opacity 0.3s ease; }
.dLabel ul li .line { width:0; height:1px; border-bottom:1px solid #00aaeb; transition:width 0.3s ease; }

.dLabel ul li.active .b { opacity:1; }
.dLabel ul li.active .line { width:100%; }


.dPart2 { display:flex; border-top:1px solid #000; }
.dPart2 .left, .dPart2 .right { position:relative; }
.dPart2 .txtBox { width:100%; height: 100%; left:0; top:0; position:absolute; }
.dPart2 .dP2TxtBg { width:100%; position:relative; pointer-events:none; }
.dPart2 .txt { width:81.35%; position: absolute; left:4.843vw; top:26.562vw; 
    font-size:1.093vw; line-height:3; display:none; animation-delay:0.5s; }
.dPart2 .title { width:21.25%; position: absolute; left:19.895vw; top:15.104vw; display:none; animation-delay:0.3s; }

.dPart2 .picBox { width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; }
.dPart2 .picBox .pic { width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; display:none; }
.dPart2 .picBox .pic.active { -webkit-animation:kv_am var(--duration) ease both; z-index:2; }

.dKvTxt3 { width:24.166vw; position: absolute; left:37.916vw; top:21.093vw; animation-delay:0.5s; }
.dKvTxt2 { width:5.885vw; position: absolute; left:47.031vw; top:13.385vw; animation-delay:0.3s; }
.dKvTxt1 { width:17.395vw; position: absolute; left:41.302vw; top:10.833vw; animation-delay:0.1s; }


.dPart3 { width:100%; height:48.645vw; position:relative; background-color:#fff; }
.dPart3 .txtBox { width:100%; height:100%; display:none; position:absolute; top:0; }
.dPart3 .title { width:6.354vw; position: absolute; left:9.843vw; top:8.854vw;
    pointer-events:none; animation-delay:0.3s; }
.dPart3 .txt { width:38.75vw; position: absolute; left:9.895vw; top:14.479vw;
    pointer-events:none; animation-delay:0.5s; }
.dPart3 .sel { width:38.958vw; position: absolute; left:9.843vw; top:25.416vw;
    animation-delay:0.7s; }
.dPart3 .pic { width:35.26vw; position: absolute; left:57.968vw; top:14.27vw;
    animation-delay:0.9s; display:none; }

.dPart4 { width:100%; height:48.645vw; position:relative; background-color:#fff; }
.dPart4 .dP4Box { width:100vw; height: 100%; 
    position: absolute; left:0; top:0; display:none; }
.dPart4 .dP4Box div { position:absolute; }
.p4T3 { width:22.187vw; left:67.968vw; top:33.75vw; animation-delay:0.7s; }
.p4T2 { width:22.187vw; left:38.906vw; top:33.697vw; animation-delay:0.5s; }
.p4T1 { width:22.187vw; left:10.677vw; top:33.697vw; animation-delay:0.3s; }
.p4Pic1 { width:24.687vw; left:9.375vw; top:0; animation-delay:0.3s; }
.p4Pic2 { width:24.635vw; left:38.02vw; top:0; animation-delay:0.5s; }
.p4Pic3 { width:24.687vw; left:66.614vw; top:0; animation-delay:0.7s; }


.dFooter { width:100%; }

.part{display: block;}

.show_alpha_slow { -webkit-animation:show_alpha 1.6s ease both; }
@-webkit-keyframes show_alpha   {  
    0% { opacity:0;  } 
    100% { opacity:1; }  
}

.hKv div { position:absolute; }
.hKvT2 { width:6.197vw; left:46.875vw; top:19.635vw; }
.hKvT1 { width:16.406vw; left:41.77vw; top:17.187vw; animation-delay:0.3s; }

.hBg { width:100%; }
.hBg img { margin-top:-1px; }

.hPart2 { position:relative; }
.hYears { height: 100%; position:absolute; top:0; }
.hYears div { position:absolute; display:none; animation-duration:2s; }
.h2003 { width:36.614vw; left:13.541vw; top:76.041vw; }
.h1933 { width:31.093vw; left:19.375vw; top:21.51vw; }
.h1980 { width:35.364vw; left:15.416vw; top:47.135vw; }
.h1958 { width:34.062vw; left:50.625vw; top:32.395vw; }
.h1995 { width:33.489vw; left:50.781vw; top:56.302vw; }
.hNow { width:35.625vw; left:50.625vw; top:82.031vw; }
.h1925 { width:34.166vw; left:50.572vw; top:12.343vw; }
.h1870 { width:29.791vw; left:21.145vw; top:6.302vw; }

input::-webkit-input-placeholder {
color: #b7b7b7;
}
input::-moz-input-placeholder {
color: #b7b7b7;
}
input::-ms-input-placeholder {
color: #b7b7b7;
}

.msgBox { width:100%; height:100%; top:0; background-color:rgba(0,0,0,0.3); position:fixed; display:none; z-index:999; }
.msgBox .msg { width:30%; left:35%; top:38%; background-color:#fff; 
  position:absolute; border-radius:14px; text-align:center; }
.msgBox .title { font-size:16px; color:#000; padding-top:7%; display:none; }
.msgBox .disc { font-size:16px; color:#333; margin-top:7%;  }
.msgBox .bt { font-size:16px; color:#007aff; margin-top:7%; padding:5% 0;  display:block; border-top:1px solid #eeeeee;cursor: pointer; }


.loading{
    width: 100%;height: 100%;background: #fff; position: fixed;top: 0;left: 0;z-index: 9999;
}

.loadicon{
    width: 9.375%;position: absolute;top: 45%;left: 45%;
}

@media screen and (min-width:1024px){

::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: #9e7d67;
  border-radius: 5px;
}

}





/* wap端 */
@media screen and (max-width:1024px){

    .page1 .pointBox{top: 90%;}

    /* wap端 */
    .kvBox .kv2Txt {
        width: 55.61%;
        left: 22.11%;
        top: 9.38%;
    }
    .kvBox .kvTxtLogo { width:22.33%; margin:0 auto 4vw; }

    .iFlot { width:21.46%; left:74.66%; bottom:20%; }

    .iP2Btn { width:66.66%; left:16.66%; top:83%; }
    .iP2Btn .btn { width:100%; height:9.6vw; margin-bottom:4vw; opacity: 1; font-size:0.28rem;
        box-sizing:border-box; border:0.01rem solid #fff; position:relative; }
    .iP2Btn .btn a { color:#fff; }    

    .page2 .kvs .txt,.page2 .kvs .txt2 { font-size:0.42rem; text-align:center; top:71%; letter-spacing:0.05rem; }
    .page2 .kvs .txt2 { top:76%; }

    .page2 .page2Menu { top: 9%; z-index: 10; font-size: 0.24rem;width: 100%; }
    .page2 .page2Menu ul{justify-content: center;flex-wrap: wrap;}
    .page2 .page2Menu ul li { margin: 0.1rem 0.3rem;}
    .page2 .page2Menu ul li a{ padding-bottom: 0%;}

    .page3 .iP3Btn { width: 66.66%; height:9.6vw; position:absolute; left: 16.66%; top: 83%; 
        margin-bottom:4vw; opacity: 1; font-size:0.28rem; line-height: 9.6vw;
        box-sizing:border-box; border:0.01rem solid #fff; text-align:center; }
    .page3 .iP3Btn a { width:100%; height:100%; color:#fff; }    
    .page3 .p3Txt { top:70.7%; font-size:0.42rem; text-align:center; }
    .page3 .p3Txt span { font-size:0.22rem; display:block; }
    .page3 .p3Logo { width:13.33%; left:43.33%; top:63.48%; }
    
    .page4 .p4Title { width:100%; position:absolute; top:18.16%; text-align:center; font-size:0.42rem; }
    .page4 .p4Title span { font-size:0.22rem; display:block;  }

    .page4 .p4Card { width:91.33%; left:4.26%; top:27.92%; }
    .page4 .txt { width:100%; left:0; top:103%; text-align:center; font-size:0.3rem; letter-spacing:0.05rem; }
    .page4 .txt span { font-size:0.32rem; letter-spacing:0rem; }
    .page4 .iP4Btn { width:72.99%; height:9.6vw; left:13.57%; top:123.46%; text-align: center;
        box-sizing:border-box; border:0.01rem solid #fff; font-size:0.28rem; line-height:9.6vw; }
    .page4 .iP4Btn a { width:100%; height:100%; color:#fff; }

    .page4 .p4CardM { transform:translate3d(0, 0, 0) scale(1); }
    .page4 .p4CardM video { opacity:1; }
    .page4 .p4CardL { transform:translate3d(-89.5%, -4%, 0) scale(0.65); }
    .page4 .p4CardR { transform:translate3d(89.5%, -4%, 0) scale(0.65); }
    .page4 .p4CardO { transform:translate3d(189.5%, -4%, 0) scale(0.65); }
    
    .page4 .pointBox { width:100%; height:0.03rem; position:absolute; top:94%;
        display:flex !important; justify-content:center; flex-direction: row-reverse; }
    .page4 .pointBox .point { width:4.8%; height:100%; margin:0 0.66%; position: relative;
        background-color:rgba(255,255,255,0.36); }
    .page4 .pointBox .point.active { background-color:#fff; }

    .page5 .p5Btn { width:66.66%; height:9.6vw; left:16.66%; top:79.74%;  text-align: center;
        box-sizing:border-box; border:0.01rem solid #fff; font-size:0.28rem; line-height:9.6vw; }
    .page5 .p5Btn a { width:100%; height:100%; color:#fff; }
    .page5 .p5Txt { width:100%; position: absolute; left:0%; top:72.29%; 
        text-align:center; font-size:0.42rem; }
    .page5 .p5Txt span { display:block; font-size:0.22rem; }
    .page5 .p5Logo { width:13.2%; position: absolute; left:43.46%; top:65.39%; }

    .wapFooter { width:100%; height:93.33vw; background-color:#fff; padding-bottom:8%; 
        position:relative; border-top:1px solid #fff; color:#000; }
    .wapFooter .title { width:100%; text-align:center; font-size:0.42rem; margin:0.4rem auto 0.3rem; }

    .wapFooter .footIconBox { display: flex; flex-wrap: wrap; }
    .wapFooter .footIconBox .icons { flex:0 0 33.33%; position:relative; }
    .wapFooter .foot_ewm { width: 43.53%; left: 38.93%; top: 4.05%; }

    .btmbox { width:100%; justify-content: space-around; padding-top: 23px; padding-bottom: 30px; flex-direction: column; }
    .btmlogo { width:13%; margin-bottom: 5%; }

    .iconArrDown { width:4.26%; position:absolute; left:47.86%; bottom:2%; z-index:3; }

    .btmlefttit p { font-size:0.24rem; }
    .btmlefttit p a { display:block; font-size:0.24rem; }
    .btmrighttel p { font-size:0.24rem; }

    .loadicon{
        width: 24%;position: absolute;top: 45%;left: 38%;
    }
    .login {width: 80%;left: 10%;top: 19.81%;position: fixed;z-index: 30;display: none;}
    .login .phone input, .login .yzm input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    font-size: 0.18rem;
    text-indent: 2px;
    color: #fff;
    font-weight: normal;
    line-height: 100%;
    box-sizing: border-box;
    background: 0;
}

.login .yzmbtnt {
    width: 100%;
    padding: 3px 0 2px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 0.18rem;
    color: #c5c5c5;
    text-align: center;
    border: 1px solid #959595;
}
}

.arrAm { animation:arrAm 0.5s ease-in-out infinite alternate; }
@keyframes arrAm   {  
    0% { transform:translateY(-40%); } 100% { transform:translateY(20%); }  
}