*{margin:0;padding:0;box-sizing:border-box;}
body{background:#fff;}
img{display:block;max-width:100%;}
.wap{width:100%;max-width:640px;margin:auto;padding:15px;}
.header{display:flex;align-items:center;justify-content:space-between;}
.header .col1{display:flex;align-items:center;}
.header .col1 .ico{}
.header .col1 .ico img{height:32px;}
.header .col1 .txt{font-size:16px;color:#1c1d1f;font-weight:bold;margin-left:10px;padding-left:10px;border-left:1px solid #ddd;}
.header .col2{}
.header .col2 .ico{}
.header .col2 .ico img{}
.ind-block1{}
.ind-block1 .row1{}
.ind-block1 .row1 .txt1{text-align:center;font-size:44px;font-weight:bold;line-height:58px;padding-top:30px;color:#1c1d1f;}
.ind-block1 .row1 .txt2{text-align:center;font-size:18px;color:#939599;padding-top:10px;}
.ind-block1 .row2{width:253px;margin:auto;border:1px solid #ddd;border-radius:24px;margin-top:30px;}
.ind-block1 .row2 video.video{border-radius:24px;height:100%;object-fit:cover;width:100%;display:block;}
.ind-block1 .row3{}
.ind-block1 .row3 .btn-up{width:253px;height:52px;background:#16171a;border-radius:16px;margin:auto;margin-top:30px;display:flex;align-items:center;justify-content:center;color:#fff;}
.ind-block1 .row3 .btn-up .ico{}
.ind-block1 .row3 .btn-up .ico img{display:block;margin-right:10px;}
.ind-block1 .row3 .btn-up .txt{line-height:1em;font-weight:bold;font-size:16px;}
.ind-block1 .row4{display:flex;align-items:center;justify-content:center;margin-top:20px;}
.ind-block1 .row4 .line{background:linear-gradient(-90deg,rgba(0,0,0,.08),rgba(54,54,54,.05) 53.18%,hsla(0,0%,40%,0));height:1px;width:57px;}
.ind-block1 .row4 .line2{height:1px;width:57px;background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(54,54,54,.05) 53.18%,hsla(0,0%,40%,0));}
.ind-block1 .row4 .txt{font-size:12px;color:#999;margin:0 5px;}
.ind-block1 .row5{display:flex;align-items:center;justify-content:center;margin-top:15px;}
.ind-block1 .row5 .item{width:40px;height:40px;margin:0 3px;}
.ind-block1 .row5 .item img{border-radius:6px;height:100%;object-fit:cover;width:100%;}
.ind-block2{margin-top:50px;}
.ind-block2 .row1{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.ind-block2 .row1 .item{border-radius:10px;overflow:hidden;position:relative;}
.item{}
.ind-block2 .row1 .item .pic{}
.ind-block2 .row1 .item .pic img{width:100%;}
.ind-block2 .row1 .item .con{position:absolute;bottom:0;left:0;width:100%;color:#fff;display:flex;align-items:center;font-size:10px;padding:10px;}
.ind-block2 .row1 .item .con .ico{width:32px;height:32px;background:rgba(255,255,255,0.5);display:flex;align-items:center;justify-content:center;border-radius:5px;margin-right:5px;}
.ind-block2 .row1 .item .con .ico img{filter:invert(1);}
.ind-block2 .row1 .item .con .txt{flex:1;}
.ind-block2 .row1 .item .con .txt .txt1{}
.ind-block2 .row1 .item .con .txt .txt2{}
/**/
.detail{background:#f5f6f7;max-width:640px;width:100%;}
.res-block0{display:flex;align-items:center;justify-content:space-between;padding:10px;}
.res-block0 .col1{}
.res-block0 .col1 .btn{display:flex;align-items:center;}
.res-block0 .col1 .btn .ico{margin-right:10px;}
.res-block0 .col1 .btn .ico img{width:18px;}
.res-block0 .col1 .btn .txt{font-size:16px;font-weight:bold;}
.res-block0 .col2{}
.res-block0 .col2 .btn{display:flex;align-items:center;justify-content:center;background:#000;height:36px;padding:0 30px;border-radius:5px;}
.res-block0 .col2 .btn .ico{margin-right:6px;}
.res-block0 .col2 .btn .ico img{width:15px;}
.res-block0 .col2 .btn .txt{font-size:14px;color:#fff;}
.res-block1-bg{/* padding-top:50px;*/
}
.res-block1{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:calc(100vh - 56px);/* overflow:hidden;*/
 max-width:640px;}
.res-block1 .row1{display:none;}
.res-block1 .row1 .col1{width:100%;display:flex;align-items:center;justify-content:center;}
.res-block1 .row1 .col1 .toggle{display:flex;align-items:center;justify-content:center;background:#f5f5f5;padding:3px;border-radius:5px;}
.res-block1 .row1 .col1 .toggle .item.active{background:#fff;border-radius:5px;}
.res-block1 .row1 .col1 .toggle .item{width:120px;height:32px;line-height:32px;text-align:center;cursor:pointer;}
.res-block1 .row1 .col2{}
.res-block1 .row2{display:flex;align-items:center;justify-content:center;/* margin-top:10px;*/
flex:1;}
.res-block1 .row2 .col1{width:100%;/* height:520px;*/
background:#f8f8f8;display:flex;align-items:center;justify-content:center;position:relative;}
.res-block1 .row2 .col1 .imgBox{/* background:url(../img/result/bg.png);*/
display:flex;align-items:center;justify-content:center;position:relative;background-color:rgb(255,255,255);background-image:linear-gradient(45deg,rgb(235,235,235) 25%,transparent 25%,transparent 75%,rgb(235,235,235) 75%,rgb(235,235,235)),linear-gradient(45deg,rgb(235,235,235) 25%,transparent 25%,transparent 75%,rgb(235,235,235) 75%,rgb(235,235,235));background-size:32px 32px;background-position:0px 0px,16px 16px;}
.res-block1 .row2 .col1 img{width:90%;}
.res-block1 .row2 .col1 img.picBefore{position:absolute;display:none;}
.res-block1 .row2 .col1 .yuantu{position:absolute;bottom:0px;right:20px;width:32px;height:32px;background:url(../img/yuantu.png) no-repeat 100%/100%;z-index:999;}
.res-block1 .row2 .col2{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.res-block1 .row2 .col2 .btn.active{background:#9664fa;color:#fff;}
.res-block1 .row2 .col2 .btn.active img{}
.res-block1 .row2 .col2 .btn{display:flex;align-items:center;justify-content:center;width:260px;height:52px;border:1px solid #ddd;border-radius:10px;margin:10px 0;font-weight:bold;font-size:16px;cursor:pointer;}
.res-block1 .row2 .col2 .btn img{width:25px;margin-right:5px;}
.res-block1 .row3G{position:relative;margin-top:15px;background:#fff;overflow:hidden;width:100%;padding-bottom:30px;}
.res-block1 .row3G .row3-0{display:flex;align-items:center;justify-content:center;padding:15px 0;}
.res-block1 .row3G .row3-0 .item{font-size:14px;margin:0 20px;color:#999;}
.res-block1 .row3G .row3-0 .item.active{color:#000;font-weight:bold;border-bottom:3px solid #38f;padding-bottom:5px;}
.res-block1 .row3G .btn{width:30px;height:30px;background:#fff url(../img/right-btn.png) no-repeat center center;background-size:14px 14px;border-radius:200px;box-shadow:0 0 15px rgba(0,0,0,0.1);cursor:pointer;position:absolute;top:30px;}
.res-block1 .row3G .btn.btn-prev{left:-15px;transform:scale(-1);}
.res-block1 .row3G .btn.btn-next{right:-15px;}
.res-block1 .row3{height:88px;overflow:auto;width:100%;max-width:640px;}
.res-block1 .row3 .itemG{display:flex;overflow:auto;white-space:nowrap;padding-bottom:10px;scroll-behavior:smooth;}
.res-block1 .row3 .item.active{background:#f9f9f9;border:2px solid #000;}
.res-block1 .row3 .item:hover{background:#f6f2ff;}
.res-block1 .row3 .item{width:72px;height:72px;margin-right:6px;cursor:pointer;flex-shrink:0;border:2px solid transparent;box-sizing:border-box;border-radius:3px;background:#f3f5f7;border-radius:10px;}
.res-block1 .row3 .item .ico{padding-top:4px;}
.res-block1 .row3 .item .ico img{width:32px;height:32px;margin:auto;}
.res-block1 .row3 .item .txt{text-align:center;font-size:12px;padding-top:2px;}