/* Reset ================================================================================= */

*:not(input) {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

* {margin:0; padding:0;}
html {}
body {font:12px '微软雅黑', microsoft yahei,宋体, Arial; text-align:left; background:#fff;color:#323232;}
img {border:0; vertical-align:top;}

/*div{word-break:break-all;}*/

.mdiv{padding:0 1%;}
.mdiv:hover{background:#a9a9a9; border-radius:5px; color:#fff}

div{box-sizing: border-box}
/* Headings */
h1 {font-size:20px; font-weight:normal; line-height:1.15;}
h2 {font-size:18px; font-weight:normal; line-height:1.25;}
h3 {font-size:16px; font-weight:normal; line-height:1.25;}
h4 {font-size:14px; font-weight:bold;}
h5 {font-size:12px; font-weight:bold;}
h6 {font-size:11px; font-weight:bold;}

/* Forms */
form {display:inline;}
fieldset {border:0;}
legend {display:none;}
.hid{display:none;}
.font10{font-size:10px;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}

.font30{font-size:30px;}

.font40{font-size:40px;}
.fontw{font-weight:bolder;}
.poa{position:absolute;}
.por{position:relative;}
.pof{position:fixed;}
.mr2p{margin-right:2px;}
.bo1cc{border: 1px solid #ccc;}
.ovh{ overflow:hidden;}
.ovh-y{overflow-y:scroll;}
.fll{float:left;}
.flr{float:right;}
.h100{height:100%;}
.h90{height:90%;}
.h85{height:85%;}
.h80{height:80%;}
.h70{height:70%;}
.h60{height:60%;}
.h50{height:50%;}
.h40{height:40%;}
.h36{height:36%;}
.h30{height:30%;}
.h25{height:25%;}
.h20{height:20%;}
.h15{height:15%;}
.h10{height:10%;}
.h5{height:5%;}
.h50p{height:50px;}
.h16p{height:16px; line-height:16px;}
.h22p{height:22px;}
.h20p{height:28px; line-height:20px;}
.w100{width:100%;}
.w100w{ width: 100vw;}
.h100h{ height: 100vh;}
.w99{width:99%;}
.w90{width:90%;}
.w80{width:80%;}
.w74{width:74%;}
.w70{width:70%;}
.w65{width:65%;}
.w60{width:60%;}
.w55{width:55%;}
.w50{width:50%;}
.w45{width:45%;}
.w40{width:40%;}
.w35{width:35%;}
.w33{width:33.333%;}
.w32{width:32%;}
.w30{width:30%;}
.w29{width:29%;}
.w25{width:25%;}
.w22{width:22%;}
.w20{width:20%;}
.w16{width:16.66%;}
.w15{width:15%;}
.w125{width:12.5%;}
.w10{width:10%;}
.w8{width:8%;}
.w5{width:5%;}
.w1428{width:14.28%;}
.wr50{width:49%; margin-right:1%}
.w18p{width:18px;}
.h80p{height:80px;}
.h100p{height:100px;}
.h150p{height:150px;}
.h200p{height:200px;}
.h300p{height:300px;}
.ptb1{padding:1% 0;}
.ptb2{padding:2% 0;}
.ptb05{padding:0.5% 0;}
.mr2{margin-right:2%}
.mr4{margin-right:4%}
.mb1{margin-bottom:1%;}
.mb2{margin-bottom:2%;}
.mb4{margin-bottom:4%;}
.mb2px{margin-bottom:2px;}
.mb4px{margin-bottom:4px;}
.mt2px{margin-top:2px;}
.mt4px{margin-top:4px;}
.mtb2{margin:2% 0;}
.mt1{margin-top:1%}
.mt2{margin-top:2%}
.mt25{margin-top:25%}
.cur{cursor:pointer;}
.c0{color:#000;}
.cr{color:#dd2724;}
.crr{color:#dd2724;}
.cg{color:#3ca43a;}
.cb{color:#489eec;}
.cf{color:#a9a9a9}
.cff{color:#fff;}
.cha{color:#aaa;}
.c32{color:#323232;}
.c64{color:#646464;}
.c7a{color:#7a3100;}
.bc0{background:#000;}
.bcf{background:#fff;}
.bcr2{background:#fe4e4e;}
.bch{background:#ffca27;}
.bcr{background:#dd2724;}
.bcf3{background:#f3f3f3;}
.bcf9{background:#f9f9f9;}
.bb1p{border-bottom:1px solid #f3f3f3;}
.bb4p{border-bottom:4px solid #f3f3f3;}
.bb1pr{border-bottom:1px solid #dd2724;}
.nl{line-height:initial;}
.nob{border:0;}
.disb{display:inline-flex;}
.outdata{overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.tmd0{opacity:0;}
.tr{text-align:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.pd1{padding:1%;}
.pd2{padding:2%;}
.pd4{padding:4%;}
.plb2{padding:0 2%;}
.plb4{padding:0 4%;}
.pt1{padding-top:1%;}
.pt2{padding-top:2%;}
.pt4{padding-top:4%;}
.pb2{padding-bottom:2%;}
.pb4{padding-bottom:4%;}
.pr2{padding-right:2%;}
.ptb8p{padding:8px 0;}
.ptb4{padding:4% 0;}
.ptb2px{padding:2px 0;}
.ptb10p{padding:10px 0;}
.ptb12p{padding:12px 0;}
.ptb18p{padding:18px 0;}
.ptb4p{padding:4px 0;}
.ptb6p{padding:6px 0;}
.lb0{left:0; bottom:0;}
.lt0{left:0; top:0;}
.rt0{right:0; top:0;}
.mlb2{margin:0 2%;}
.ml2{margin-left:2%;}
.ml5{margin-left:5%;}
.disblock{display:block;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1} 
.vih{visibility:hidden;}
.deletetext{text-decoration:line-through;}
.lh14p{height:14px; line-height:14px;}
.lh16p{height:16px; line-height:16px;}
.lh30p{height:30px; line-height:30px;}
.lh36p{height:36px; line-height:36px;}
.lh40p{height:40px; line-height:40px;}
.h14p{height:14px;}
.h12p{height:12px;}
.h18p{height:18px;}
.pb60p{padding-bottom:60px;}
.pb40p{padding-bottom:10px;}
.pd8{padding:8%;}
.pd8p{padding:8px;}
.pd10p{padding:10px;}
.pd14p{padding:14px;}
.pd20p{padding:20px;}
.plb10p{padding:0 10px;}
.imgtc{vertical-align:middle}
.imgc{width:100%; height:100%;}
.mauto{margin:0 auto;}

.btnon{background:url(../img/mbon.png) no-repeat center center; background-size:100% 100%; width:70%; padding:6% 0; color:#cf9d74; margin:0 auto;}
.btnoff{width:70%; padding:6% 0; color:#fff; margin:0 auto;}
.tygc{background: rgba(0,0,0,0.5)}

.picgc{background: rgba(0,0,0,0.5);position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 2}

.xuanzhuan{-webkit-animation:donghua1 30s infinite;-webkit-transform-origin:center center;-webkit-animation-timing-function: linear;}
@-webkit-keyframes donghua1
{
0% {-webkit-transform:rotate(0deg);-webkit-transform-origin:center center;}
100% {-webkit-transform:rotate(360deg);-webkit-transform-origin:center center;}
}

.hsndong{-webkit-animation:donghua2 1s infinite;-webkit-animation-timing-function: linear;}
  @-webkit-keyframes donghua2
  {
  0% {opacity:0.2}
  50% {opacity:1}
  100% {opacity:0.2}
  }

  .hsndongfd{-webkit-animation:donghua3 6s infinite;-webkit-animation-timing-function: linear;}
  @-webkit-keyframes donghua3
  {
  0% {-webkit-transform:scale(1)}
  50% {-webkit-transform:scale(1.02)}
  100% {-webkit-transform:scale(1)}
  }

    .swiper-button-prev {
    background-image: url('../img/page3/up.png');
    top:90% ;
	left:48% ;
    height:14px;
    width:14px;
    background-size: 100% 100%;
	z-index:1001;
    
}
	.swiper-button-next {
    background-image: url('../img/page3/down.png');
    top:90% ;
	left:48% ;
    height:14px;
    width:14px;
    background-size: 100% 100%;
	
}
.swiper-button-next:after{content:normal;}
.swiper-button-prev:after{content:normal;}
	.swiper-button-prev.swiper-button-disabled{
	background-image: none;
	}
	.swiper-button-next.swiper-button-disabled{
	background-image: none;
	}

.menuch{background:url(../img/db.png) no-repeat;background-size:100% 100%;}
.menuimg{height:52%;vertical-align:middle;}

.menurjbox{position: absolute;left: 21%;bottom: 124%;width: 58%;line-height:initial}
.menurjbox img{width: 33%;padding:0;float:left;}
.menurjbox2{position: absolute;left: 7%;top:11%;width: 86%;line-height:initial}
.menurjbox2 img{width: 32%;padding: 1% 0.5%}
.menurjbox3{position: absolute;left: 10%;bottom: 124%;width: 80%;line-height:initial}
.menurjbox3 img{width: 25%;padding: 0.5% 0;float:left}
.menurjbox4{position: absolute;left: 3.5%;bottom: 124%;width: 94%;line-height:initial}
.menurjbox4 img{width: 15.5%;padding: 0.5% 0;float:left;margin-right:0.5%;margin-left:0.5%;}


	.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-containerdss {
        width: 100%;
        height: 100%;
      }
    .swiper-slide {
      text-align: center;
      font-size: 18px;

      /* Center slide text vertically */
      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;
    }
	.swiper-pagination-bullet {
		background:#000 !important;
		margin: 1 0vw !important;
	}
	.swiper-pagination-bullet-active{
		background:#FF7927 !important;
		width: 4vw;
		border-radius: 6px
		}
.swiper-pagination-bullets{
    top:44% !important;
}
		
	.swiper-button-prev {
    background-image: url('../img/page5/left.png');
	top:initial !important;
	bottom:6px;
    left:29.5%;
    height:10px;
    width:10px;
    background-size: 100% 100%;
	z-index:1001;
    
}
	.swiper-button-next {
    background-image: url('../img/page5/right.png');
	top:initial !important;
	bottom:6px;
    left:68%;
    height:10px;
    width:10px;
    background-size: 100% 100%;
	z-index:1001;
}

	.swiper-button-prev.swiper-button-disabled{
	 background-image: url('../img/page5/left.png');
	}
	.swiper-button-next.swiper-button-disabled{
	 background-image: url('../img/page5/right.png');
	}
	
	.swiper_blue{
		-webkit-animation:myfirst 0.8s infinite linear;
		}
	.shine{
	-webkit-animation:myfirst 0.8s infinite linear;
	}
	
@-webkit-keyframes myfirst{
	0% {opacity:1}
	
	50% {opacity:0.3}
	
	100% {opacity:1}
}
/* .btntitle{width:25%; font-size:12px; line-height:35px; color:#fff;  float:left; text-align:center; height:35px}
.btntitle_on{width:25%; font-size:12px; line-height:35px; color:#c5905a;  float:left; text-align:center; height:35px;} */
.btntitle{width:33.3%; font-size:12px;  color:#c5c5c5;  float:left; text-align:center; height:36px;}
.btntitle_on{width:33.3%; font-size:12px; color:#ffffff; font-weight:bold; float:left; text-align:center; height:36px;background-color: #cfb489;}
.divsss{line-height:20px;height: 20px;width: 100%;text-align: center;margin: 8px auto; border-right: 1px solid #989898;}

.device .arrow-left {
  background: url(../img/arrows.png) no-repeat left top;
  position: absolute;
  left: 5px;
  top: 35%;
  width: 10px;
  height: 10px;
   background-size: 100% 100%;
}
.device .arrow-right {
  background: url(../img/arrowsr.png) no-repeat left top;
  position: absolute;
  right: 5px;
  top: 35%;
  width: 10px;
  height: 10px;
   background-size: 100% 100%;
}

.device .swiper-container {
  width: 100%;
  height: 55px;
  padding:0px;
  margin-left:0%;
}

.device.swiper-slide .title {
text-align: center;
height: 12vw;
}
.title {
    text-align: center;
    height: 12vw;
    }
.device .pagination {
  position: absolute;
  z-index: 20;
  left: 10px;
  bottom: 10px;
}
.device .swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.device .swiper-visible-switch {
  background: #aaa;
}
.device .swiper-active-switch {
  background: #fff;
}
.swiper-container2{ width:100%; height:100%; padding:0px; margin:0px; border:0px;}
.swiper-container2 .swiper-wrapper{ width:100%; height:100%; padding:0px; margin:0px; border:0px;}
.swiper-container2 .swiper-wrapper .swiper-slide{ width:100%; height:100%; padding:0px; margin:0px; border:0px; position:relative}
.swiper-container2 .swiper-wrapper .swiper-slide img{ width:100%; height:100%; padding:0px; margin:0px; border:0px;}
.swiper-button-next{width:30vw; position:absolute; bottom:23vw; height:50px; z-index:50; left:35vw; display:none;}
.tshon{width:40vw;background-size:100% auto;}
.tshon img{width:20vw; margin:13.5vw auto auto 12vw}
.tsh{width:30vw;background-size:90% auto;}
.tsh img{width:20vw; margin:13.5vw auto auto 12vw}
.btnlist{width: 100%; text-align: center; line-height: 7vw; color: #c1c5c6;}
.btnlist_on{width: 100%; text-align: center; line-height: 7vw; color: #fff;background-color: rgba(0, 0, 0, 0.65); }

.hxtitles{width:100%;position:absolute;bottom:10%;left:0px;z-index:99999;backdrop-filter: blur(1px);
  background: linear-gradient(to right, rgba(0,0,0,.0) 0%, rgba(0,0,0,.8) 50%, rgba(0,0,0,.0) 100%);}
.hxbtnclass_on{background: rgba(114,114,114,0.9);border-radius: 5px; padding-top: 8px;padding-bottom: 8px; position: relative;}
.hxbtnclass{background: rgba(152,152,152,0.9);border-radius: 5px; padding-top: 8px;padding-bottom: 8px;position: relative;}


.wbps_item_image {
    z-index: 1;
    transform: translateZ(0);
    pointer-events: none;
}
.spreadInRight {
    animation: wbps_spreadInRight 1s ease;
}
@-webkit-keyframes wbps_spreadInRight{
0% {
    opacity: 0.8;
    transition-timing-function: ease-in;
    transform-origin: left;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}
45% {
    opacity: 1;
    transition-timing-function: ease-in;
    transform-origin: left;
    -webkit-transform: scaleX(1.03);
    transform: scaleX(1.03);
}
60% {
    opacity: 1;
    transition-timing-function: ease-in;
    transform-origin: left;
    -webkit-transform: scaleX(0.97);
    transform: scaleX(0.97);
}

75% {
    opacity: 1;
    transition-timing-function: ease-in;
    transform-origin: left;
    -webkit-transform: scaleX(1.02);
    transform: scaleX(1.02);
}
90% {
    opacity: 1;
    transition-timing-function: ease-in;
    transform-origin: left;
    -webkit-transform: scaleX(0.98);
    transform: scaleX(0.98);
}
100% {
    opacity: 1;
    transition-timing-function: ease-in;
    transform-origin: left;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
}

.maskSolid {
    animation: wbps_maskSolid 1s linear;
}
@-webkit-keyframes wbps_maskSolid{
0% {
    -webkit-clip-path: circle(0%);
    clip-path: circle(0%);
}
100% {
    -webkit-clip-path: circle(100%);
    clip-path: circle(100%);
}
}


.spreadInDown {
    animation: wbps_spreadInDown 1s ease;
}
@-webkit-keyframes wbps_spreadInDown{
	
	0% {
    opacity: 0.8;
    transition-timing-function: ease-in;
    transform-origin: top;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}
45% {
    opacity: 1;
    transition-timing-function: ease-in;
    transform-origin: top;
    -webkit-transform: scaleY(1.03);
    transform: scaleY(1.03);
}
60% {
    opacity: 1;
    transition-timing-function: ease-in;
    transform-origin: top;
    -webkit-transform: scaleY(0.97);
    transform: scaleY(0.97);
}
75% {
    opacity: 1;
    transition-timing-function: ease-in;
    transform-origin: top;
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
}
90% {
    opacity: 1;
    transition-timing-function: ease-in;
    transform-origin: top;
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
}
100% {
    opacity: 1;
    transition-timing-function: ease-in;
    transform-origin: top;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

}

.floatX {
    animation: wbps_floatX 1s linear;
}

@-webkit-keyframes wbps_floatX{
	0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
25% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
}
50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
75% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}
100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
	}
	
.floatY {
    animation: wbps_floatY 1s linear;
}
@-webkit-keyframes wbps_floatY{
	0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
25% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}
50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
75% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}	

.spreadInLeft {
    animation: wbps_spreadInLeft 1s ease;
}
@-webkit-keyframes wbps_spreadInLeft{
0% {
    opacity: 0.8;
    transition-timing-function: ease-in;
    transform-origin: right;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}
45% {
    opacity: 1;
    transition-timing-function: ease-in;
    transform-origin: right;
    -webkit-transform: scaleX(1.03);
    transform: scaleX(1.03);
}
60% {
    opacity: 1;
    transition-timing-function: ease-in;
    transform-origin: right;
    -webkit-transform: scaleX(0.97);
    transform: scaleX(0.97);
}
75% {
    opacity: 1;
    transition-timing-function: ease-in;
    transform-origin: right;
    -webkit-transform: scaleX(1.02);
    transform: scaleX(1.02);
}
90% {
    opacity: 1;
    transition-timing-function: ease-in;
    transform-origin: right;
    -webkit-transform: scaleX(0.98);
    transform: scaleX(0.98);
}
100% {
    opacity: 1;
    transition-timing-function: ease-in;
    transform-origin: right;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
}

.leftrightys{-webkit-animation:donghua32 2s infinite;-webkit-animation-timing-function: linear;}
  @-webkit-keyframes donghua32
  {
  0% {-webkit-transform:translateX(0)}
  50% {-webkit-transform:translateX(-12px)}
  100% {-webkit-transform:translateY(0)}
  }
.spreadInDown {
    animation: wbps_spreadInDown 1s ease;
}
@-webkit-keyframes wbps_spreadInDown
  {
  0% {
    opacity: 0.8;
    transition-timing-function: ease-in;
    transform-origin: top;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}
45% {
    opacity: 1;
    transition-timing-function: ease-in;
    transform-origin: top;
    -webkit-transform: scaleY(1.03);
    transform: scaleY(1.03);
}

60% {
    opacity: 1;
    transition-timing-function: ease-in;
    transform-origin: top;
    -webkit-transform: scaleY(0.97);
    transform: scaleY(0.97);
}

75% {
    opacity: 1;
    transition-timing-function: ease-in;
    transform-origin: top;
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
}
90% {
    opacity: 1;
    transition-timing-function: ease-in;
    transform-origin: top;
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
}
100% {
    opacity: 1;
    transition-timing-function: ease-in;
    transform-origin: top;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
  }
  
  
  .updownys{-webkit-animation:donghua36 2s infinite;-webkit-animation-timing-function: linear;}
  @-webkit-keyframes donghua36
  {
  0% {-webkit-transform:translateY(0)}
  50% {-webkit-transform:translateY(-12px)}
  100% {-webkit-transform:translateY(0)}
  }
  
.maskEmptyText {
    animation: wbps_maskEmptyText 1s linear;
}  
@-webkit-keyframes wbps_maskEmptyText
{
 0% {
    -webkit-clip-path: polygon(-10% 0%, 0% 0%, -10% 100%, -20% 100%);
    clip-path: polygon(-10% 0%, 0% 0%, -10% 100%, -20% 100%);
}

 100% {
    -webkit-clip-path: polygon(110% 0%, 120% 0%, 110% 100%, 100% 100%);
    clip-path: polygon(110% 0%, 120% 0%, 110% 100%, 100% 100%);
}
}

.spreadInUp {
    animation: wbps_spreadInUp 1s ease;
}

@-webkit-keyframes wbps_spreadInUp
{
	
}

.msgbox{height: 92%;overflow-y: auto;}
.fbox{overflow: hidden;margin: 2% 0;padding:2%}
.fbox .txbox{float: left;width: 10vw;height: 10vw;border-radius: 10px}
.fbox .infobox{float: left;max-width: 60vw;font-size: 4vw;background: #fff;border-radius: 10px;margin-left: 20px;padding: 16px 16px;color: #000;word-wrap:break-word}

.tbox{overflow: hidden;margin: 2% 0;padding:2%}
.tbox .txbox{float: right;width: 10vw;height: 10vw;border-radius: 10px}
.tbox .infobox{float: right;max-width: 60vw;font-size: 4vw;background: #9eea6a;border-radius: 10px;margin-right: 20px;padding: 16px 16px}

.inpbox{height: 8%;background: #282830;border-top: 1px solid #ccc;padding: 2%;overflow: hidden}
.inpbox .inp{width: 60%;float: left;border: 1px solid #ccc;font-size: 2.2vh;padding: 2% 0;box-sizing: border-box;border-radius: 10px}
.inpbox .btn{background: #16a4df;text-align: center;float: right;width: 18%;border-radius: 10px;font-size: 2.2vh;padding: 2% 0;color:#fff;word-wrap:break-word;margin-left: 2%}

.endbox{font-size: 3.6vw;color: #fff;text-align: center;padding: 3% 0;width: 100%}

.menu2box{top:-100%;left: 25%;border-radius: 10px;padding: 4vw 2vw;font-size: 3.6vw;width: 50%}
.menu2box span{padding: 2vw 0;border-bottom: 1px solid #3181ff;margin: 0 6%}
.menu2box .chmenu2{color: #3181ff}

.hidebtn{position:absolute; bottom:15%; right:3vw; z-index:9999;width:8%;}
.showbtnsd{position:absolute; bottom:10%; right:3vw; z-index:9999;width:8%;-webkit-transform:rotate(180deg);-webkit-transform-origin:center center;}

.ttdd1{
    width: 100%; height: 5vw;background: url(../img/page3/left/hide.png)center center no-repeat;background-size:100% 100%;position: absolute;bottom: 0; left: 0;background-color:#000
}
.ttdd2{
    width: 100%; height: 5vw;background: url(../img/page3/left/hide.png)center center no-repeat;background-size:100% 100%;position: absolute;bottom: 0; left: 0;background-color:#000;-webkit-transform:rotate(180deg);-webkit-transform-origin:center center;
}
::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    display:none;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 0px;
    box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.0);
    background: rgba(235, 235, 235, 0.6);
  }
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.0);
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.0);
  }
.element-with-hidden-scrollbar::-webkit-scrollbar {
  display: none; /* 对于iOS Safari */
}