@import "swiper.min.css";
.flex{display: flex;flex-wrap:wrap;justify-content:space-between}
.list.flex{justify-content:flex-start;}
body,h1,h2,h3,h4,h5,h6,ul,dl,ol,input,pre,blockquote,p,dd{margin:0}
ul,ol,input,textarea{padding:0}
img,input,select,textarea,video{border:0}
*{outline:none;resize:none;box-sizing:border-box}
li,em{list-style:none;font-style:normal}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
img{font-size:0;display:inline-block;vertical-align:middle;max-width: 100%;border: 0;}
p{word-wrap:break-word}
a,u{text-decoration:none;color:#000000;}
input,textarea,body{font-size:16px;color:#000000;}
a .pic{overflow:hidden}
a .pic img{width:100%;transform: translateZ(0);-webkit-tap-highlight-color: rgba(0, 0, 0, 0);transition-property: transform;transition: all .8s ease;}
a:hover .pic img{transform: scale(1.08);}

body{width:100%;background:url(../images/bg.jpg) no-repeat center center fixed;background-size: cover;}
table{border-collapse:collapse;border-spacing:0;margin:10px 0;display:table;width:100%!important;}
table td,table th{padding:10px;border:1px solid #ddd;color:#333;vertical-align:middle;word-break:normal!important;width:1%!important;}
.fixed_bottom{width:100%;height:60px;background:#FFFFFF;position: fixed;bottom:0;left:0;display:flex;}
.fixed_bottom .item{width:25%;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.fixed_bottom .item a{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.fixed_bottom .item a .i{border-radius:30px;height:30px;width:30px;display:flex;align-items: center;justify-content: center;}
.fixed_bottom .item a .i img{max-width:60%;}
.fixed_bottom .item a .p{font-size:14px;}
.fixed_bottom .item.on a .i{background: linear-gradient(to bottom, #0095FE, #0071FF);}

.logo{text-align:center;padding:40px 0;}
.logo img{max-width:40%;}
.alt{font-size:24px;margin-bottom:30px;text-align:center;font-weight:bold;}
.alt2{font-size:20px;padding:35px 20px;font-weight:bold}

.so{height:45px;border:2px solid #cacaca;border-radius:22px;;margin:0 40px;}
.so form{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.so button{height:100%;cursor: pointer;;background:none;width:45px;border:0;}
.so button img{max-width:70%;}
.so input{height:100%;width:calc(100% - 45px);padding:0 15px;background:none;}
.so2 .so{background:#fff;}
.so2.height{position: fixed;top:0;padding:10px 0;;left: 0;right: 0;z-index: 999;background:#fff;}
.so input::placeholder {color: #cacaca;}

.hot_search{padding:40px;text-align:center;}
.hot_search .t{font-size:24px;margin-bottom:20px;font-weight:bold;color:#000000;}
.hot_search .list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;}
.hot_search .list a{border:2px solid #DCE1EE;padding:0 24px;width:max-content;background:#fff;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#000000;}

.header{position: relative;margin:20px 0;height:100px;display:flex;justify-content: center;align-items: center;}
.header .logo{padding:0;}
.header .logo img{max-width:100px !important;}
.header .back{position: absolute;left: 20px;top:50%;transform: translateY(-50%);}
.header .back img{height:26px;}

.users{padding:0 20px;}
.users .item{width:100%;margin-bottom:20px;}
.users .item label{display:flex;align-items: center;}
.users .item label img{max-height:22px;}
.users .item label span{font-size:15px;margin-left:10px;}
.users .item input{height:45px;width:100%;border-bottom:1px solid #F2F3F4;padding:0 5px;background:none;}
.users .item input:focus{outline: none;}
.users .btn{cursor: pointer;;width:100%;height:45px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;border-radius:22px;border:0;background: linear-gradient(to bottom, #0095FE, #0071FF);}
.users .txt{text-align:center;;font-size:14px;margin-top:25px;color:#666;}
.users .txt p a{color:#0077FF;font-size:14px;}
.users .txt2{margin:20px 0;text-align:left;}

.shop{padding:20px 20px 60px 20px;}
.shop .item{margin-bottom:20px;}
.shop .item a{display:flex;padding:24px 12px;background:#fff;border-radius:12px;}
.shop .item a .pic{width:140px;}
.shop .item a .txt{flex:1;padding-left:20px;display:flex;flex-direction:column;justify-content: space-between;}
.shop .item a .txt h3{font-size:22px}
.shop .item a .txt p{font-size:14px;color:#444;}
.shop .item a .txt span{padding:0 20px;font-size:12px;font-weight:bold;width:max-content;height:30px;background:#EBF3FC;color:#1076FF;border-radius:5px;display:flex;align-items:center;justify-content:center;}
.shop .item a:hover .txt span{background:#0090FE;color:#fff;}

.main{padding:40px 20px 80px;}
.main .content{background:#fff;padding:15px;}
.main .content .btn{display:flex;justify-content:space-between;align-items:center;padding-top:30px;}
.main .content .btn .up span{font-size:24px;font-weight:bold}
.main .content .btn .up{width:68%;height:50px;border-radius:6px;background:#0090FE;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:bold;}
.main .content .btn .down{width:28%;height:50px;border-radius:6px;background:#EBF3FC;color:#1076FF;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:bold;}
.main .content .body{white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;}
.main .content .body::-webkit-scrollbar{display: none;}
.main .content .body{scrollbar-width: none;}
.main .content .body h3{font-size:22px;margin:15px 0 25px;font-weight:bold;}
.main .content .body p{font-size:15px;margin-bottom:10px;}
.main .content .body table tr td{  color: #596670;  font-size: 15px;  text-align: center;  }
.main .content .body table tr:nth-child(1) td,
.main .content .body table tr:nth-child(2) td{  background: #596670;  color: #fff;  border: 1px solid #6a7680;  }
.main .content .title{text-align:center;}
.main .content .title h2{font-size:26px;margin-bottom:10px;font-weight:bold;}
.main .content .title p{font-size:14px;}
.main .content .images{padding:25px 0 35px;overflow: hidden;position: relative;}