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



/**********************************趋势页面**********************************/ 
.dowebok { margin-top:15px; overflow: hidden; width: 100%; height:100px !important; background: none !important;}
.dowebok table { display: inline; }
.dowebok table tr{ float: left; width: 328px; height: 75px; border: 1px solid #eeeeee; background: #ffffff; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15); margin: 15px 0px 0px 20px;}
.dowebok table tr td.left{ float: left; width: 40px; margin: 17px 0px 0px 15px;}
.dowebok table tr td.right{ float: right; width:calc(100% - 85px) !important ; margin: 15px 15px 0px 0px; overflow: hidden;}
.dowebok table tr td.left span a{ display: block; width: 40px; height: 40px; }
.dowebok table tr td.left span a img{  width: 100%; height: 100%; object-fit: cover; border-radius: 100px;}
.dowebok table tr td.right dl{ float: left; }
.dowebok table tr td.right dl dt a{ display: block; height: 20px; line-height: 20px; overflow: hidden; font-size:16px; font-weight: bold; color: #333333; text-decoration: none;}
.dowebok table tr td.right dl dd{ height: 18px; line-height: 18px; overflow: hidden; margin-top:5px; margin-left:0px;} 
.dowebok table tr td.right dl dd em{ color: #eb4b4e; font-style: normal; display: inline-block; margin-left:10px;}
.dowebok table tr td.right dd em.green{ color: #00cc33;}


 @media screen and (max-width:768px){
.dowebok{ margin-top:10px;}
.zhzMain{ width: 100%;}
 }


.qsDogeBox{ width:100%; margin-top:50px;}
.qsDogeBox h1{ font-size: 20px; font-weight: bold; color: #333333;}
.qsDogeIn{ width: 100%; margin-top:10px; color: #333333; line-height: 20px;}
.qsDogeCont{ width: 100%; margin-top:10px; line-height: 20px;}
.qsDogeCont span{ display:inline-block; color: #333333;}
.qsDogeCont em{ display:inline-block;}
.qsDogeCont em.green{ color:#00cc33;}
.qsDogeCont em.green b{ display:block;  width: 9px; height: 5px; background: url(../images/zhobg3.png) no-repeat -40px -105px; background-size: 200px 200px; margin:7px 5px 0px 5px; float: left;}
.qsDogeCont em i{ display:inline-block; font-style: normal;}
.qsDogeCont em.red{ color:#eb4b4e;}
.qsDogeCont em.red b{ display: block; float: left; width: 9px; height: 5px; background: url(../images/zhobg3.png) no-repeat -25px -105px; background-size: 200px 200px; margin:7px 5px 0px 5px;}
.qsDogeCont span a{ color:#0099ff;}

@media screen and (max-width:768px){
.qsDogeBox{ width: 94%; margin-left:3%; margin-top:20px;}

}

.qsMainIn{ float: left; width:540px; margin-top:50px;}
.qssggbTable{ width: 100%; border: 1px solid #eeeeee; }

.qssggbTable thead,.qsMainIn1 thead,.qsMainIn2 thead,.qsMainIn3 thead{ 
	position: sticky;
    top: 0px;
    z-index: 101!important; 
}


.qssggbTable thead tr th{ border: 1px solid #eeeeee; height: 40px; }
.qssggbTable thead tr th span{ display: block; height: 40px; background: #0099ff; color: #ffffff; font-weight: bold; display: flex; align-items: center; justify-content: center;}
.qssggbTable thead tr th span.width1{ width: 107px; word-wrap:break-word;}
.qssggbTable thead tr th span.width2{ width: 107px; word-wrap:break-word;}
.qssggbTable thead tr th span.width3{ width: 107px; word-wrap:break-word;}
.qssggbTable thead tr th span.width4{ width: 107px; word-wrap:break-word;}
.qssggbTable thead tr th span.width5{ width: 107px; word-wrap:break-word;}
.qssggbTable tbody{ width: 100%;}
.qssggbTable tbody tr td{ border: 1px solid  #eeeeee; height: 40px;}
.qssggbTable tbody tr td span{ display: block; height: 40px;  color: #ffffff;  line-height: 40px; overflow: hidden; color: #333333; text-align: center;}
.qssggbTable tbody tr td span.width1{ background: #ebf6fe; width: 107px;}
.qssggbTable tbody tr td span.width2{ width: 107px;}
.qssggbTable tbody tr td span.width3{ width: 107px;}
.qssggbTable tbody tr td span.width4{ width: 108px;}
.qssggbTable tbody tr td span.width5{ width: 108px;}
.qssggbTable tbody tr td span.width5 em{ display: block;}
.qssggbTable tbody tr td span.width5 em i{ font-style: normal;}
.qssggbTable tbody tr td span.width5 em.green{ color: #00cc33;}
.qssggbTable tbody tr td span.width5 em.green b{ display:inline-block; width: 9px; height: 5px; background: url(../images/zhobg3.png) no-repeat -40px -105px; background-size: 200px 200px;}
.qssggbTable tbody tr td span.width5 em.red{ color: #eb4b4e;}
.qssggbTable tbody tr td span.width5 em.red b{ display:inline-block; width: 9px; height: 5px; background: url(../images/zhobg3.png) no-repeat -25px -105px; background-size: 200px 200px;}

.qsQushitu{ float: right; width: 800px; border: 1px solid #eeeeee; height: 410px; margin-top:50px;}

@media screen and (max-width:768px){
  .qsMainIn{ 
	width: 94%; 
	aoverflow: hidden; 
	padding: 0px; 
	overflow-x: scroll; 
	cursor: grab; user-select:none; margin-top:20px; margin-left:3%; float:inherit;
  }
  
  .sggbMainIn{ width: 100%; overflow: hidden; padding: 0px; overflow-x: scroll; cursor: grab; user-select:none;}
  .sggbMainIn::-webkit-scrollbar { width: 4px; /* Chrome, Safari, Opera */height: 4px;}
  .sggbMainIn::-webkit-scrollbar-thumb {background-color: #cbcbcb; /* 滚动条thumb颜色 */ border-radius: 4px; /* 滚动条thumb圆角 */ }
  .sggbMainIn::-webkit-scrollbar-track { background-color: #ebebeb; /* 滚动条track颜色 */}
  .sggbMainIn::-ms-scrollbar {width: px;height: 4px; /* Edge, IE */}
  .sggbMainIn::-ms-scrollbar-thumb { background-color: #cbcbcb; /* 滚动条thumb颜色 */ border-radius: 4px; /* 滚动条thumb圆角 */}
  .sggbMainIn::-ms-scrollbar-track {background-color: #ebebeb; /* 滚动条track颜色 */}
  
  
  .qsMainIn::-webkit-scrollbar { width: 4px; /* Chrome, Safari, Opera */height: 4px;}
  .qsMainIn::-webkit-scrollbar-thumb {background-color: #cbcbcb; /* 滚动条thumb颜色 */ border-radius: 4px; /* 滚动条thumb圆角 */ }
  .qsMainIn::-webkit-scrollbar-track { background-color: #ebebeb; /* 滚动条track颜色 */}
  .qsMainIn::-ms-scrollbar {width: px;height: 4px; /* Edge, IE */}
  .qsMainIn::-ms-scrollbar-thumb { background-color: #cbcbcb; /* 滚动条thumb颜色 */ border-radius: 4px; /* 滚动条thumb圆角 */}
  .qsMainIn::-ms-scrollbar-track {background-color: #ebebeb; /* 滚动条track颜色 */}
  .qssggbTable thead tr th:nth-child(1){ position:sticky; left: 0px; z-index: 101; background: #ffffff; }
  .qssggbTable tbody tr td:nth-child(1){ position:sticky; left: 0px;  z-index: 100; background: #ffffff; }
  .table-cell-shadow-right:before{ box-shadow: inset 10px 0 8px -8px #00000026;position: absolute; top: 0; right: 0;  bottom: -1px; width: 30px; transform: translate(100%); transition: box-shadow .3s; content: ""; pointer-events: none}
  .qsQushitu{ width: 94%; margin: auto; margin-top:20px; float:inherit;}
  }


  .qsOrdinary{ width:100%; margin-top:50px;}
  .qsOrdinaryTitle{ width: 100%;}
  .qsOrdinaryTitle h2{ font-size: 20px; font-weight: bold; color: #333333;} 
  .qsOrdinaryTitle p{ color: #333333; margin-top:10px;}
  .qsOrdinaryTitle p a{ color: #0099ff; cursor: pointer;}
  .qsOrdinaryIn{ width: 100%; margin-top:20px;}
  .qsOrdinaryIn span{ display: block; float: left; width: 240px; height: 54px; line-height: 54px; overflow: hidden; background: #f2f2f2; font-weight: bold; color: #333333; font-size: 20px; text-align: center; border-radius: 5px; margin: 0px 0px 0px 30px; cursor: pointer;}
  .qsOrdinaryIn span.hover{ background: #0099ff; color: #ffffff;}
  .qsOrdinaryIn span:first-of-type{ margin-left:0px;}
  .qsOrdinaryCont{ width:100%; margin-top:30px;}
  .qsOrdinarySumBox{ float: left; width: 390px; height: 410px; border: 5px solid #eeeeee;}
  .qsOrdinarySumList{ width: 80%; margin: auto;}
  .qsOrdinarySumList li{ margin-top:45px;}
  .qsOrdinarySumTitle{ width: 100%; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; color: #333333;}
  .qsOrdinarySumText{ width: 100%; margin-top:20px;}
  .qsOrdinarySumText input.text1{ width: 100%; height: 44px; border: none; background:none; border: 1px solid #eeeeee; background:#fafafa; text-align: center; border-radius: 5px;}
  .qsOrdinarySumText input::placeholder{ color: #333333 !important;}
  .qsOrdinarySumWeek{ margin-top:20px;}
  .qsOrdinarySumWeek span{ display: block; float:left;  margin-left:4.7%; width: 30%;}
  .qsOrdinarySumWeek span input.submit1{ width:100%; height: 44px; border: 1px solid #eeeeee; background: #fafafa; border-radius: 5px; line-height: 44px; overflow: hidden; text-align: center; color: #333333;cursor: pointer;}
  .qsOrdinarySumWeek span:first-of-type{ margin-left:0px; }
  .qsOrdinarySumWeek span input.hover{ background: #0099ff; border: 1px solid #0099ff; color: #ffffff;}
  .qsOrdinarySumWeek span.hover{ background: #0099ff; color: #ffffff; border: 1px solid #0099ff;}


  @media screen and (max-width:768px){
    .qsOrdinary{ width: 94%; margin-left:3%; margin-top:30px;}
    .qsOrdinaryIn span{ width: auto; padding: 0px 20px;}
    .qsOrdinarySumBox{ width:97%; float:inherit;}

  }

  .qsOrdinarySumSubmit{ width: 100%;}
  .qsOrdinarySumSubmit input.submit1{ width: 100%; height: 52px; border: none; background: none; background: #0099ff; border-radius: 5px; font-weight: bold; color: #ffffff; font-size: 16px; transition:all .3s; cursor: pointer;}
  .qsOrdinarySumSubmit input.submit1:hover{ box-shadow: 0px 15px 25px -5px rgba(darken(dodgerblue, 40%)); transform:scale(1.03);}
  .qsOrdinarySumSubmit input.submit1:active{ box-shadow:0px 4px 8px rgba(darken(dodgerblue, 30%)); transform:scale(.98);}


.qsMainIn1{ float: right; width:940px;}

.qssggbTable1{ width: 100%; border: 1px solid #eeeeee; }
.qssggbTable1 thead tr th{ border: 1px solid #eeeeee; height: 45px; }
.qssggbTable1 thead tr th span{ display: block; height: 45px; background: #0099ff; color: #ffffff; font-weight: bold; display: flex; align-items: center; justify-content: center;}
.qssggbTable1 thead tr th span.width1{ width: 105px; word-wrap:break-word;}
.qssggbTable1 thead tr th span.width2{ width: 152px; word-wrap:break-word;}
.qssggbTable1 thead tr th span.width3{ width: 152px; word-wrap:break-word;}
.qssggbTable1 thead tr th span.width4{ width: 116px; word-wrap:break-word;}
.qssggbTable1 thead tr th span.width5{ width: 152px; word-wrap:break-word;}
.qssggbTable1 thead tr th span.width6{ width: 152px; word-wrap:break-word;}
.qssggbTable1 thead tr th span.width7{ width: 106; word-wrap:break-word;}
.qssggbTable1 tbody{ width: 100%;}
.qssggbTable1 tbody tr td{ border: 1px solid  #eeeeee; height: 40px;}
.qssggbTable1 tbody tr td span{ display: block; height: 40px;  color: #ffffff;  line-height: 40px; overflow: hidden; color: #333333; text-align: center;}
.qssggbTable1 tbody tr td span.width1{ background: #ebf6fe; width: 105px;}
.qssggbTable1 tbody tr td span.width2{ width: 152px;}
.qssggbTable1 tbody tr td span.width3{ width: 152px;}
.qssggbTable1 tbody tr td span.width4{ width: 116px;}
.qssggbTable1 tbody tr td span.width4 em.green{ color: #00cc33;}
.qssggbTable1 tbody tr td span.width5{ width: 152px;}
.qssggbTable1 tbody tr td span.width6{ width: 152px;}
.qssggbTable1 tbody tr td span.width7{ width: 106px;}
.qssggbTable1 tbody tr td span.width7 em.red{ color: #eb4b4e;}


@media screen and (max-width:768px){
  .qsMainIn1{ 
	width: 100%; 
	aoverflow: hidden; 
	padding: 0px; 
	overflow-x: scroll; 
	cursor: grab; user-select:none; margin-top:20px; float:inherit;
  }
  .qsMainIn1::-webkit-scrollbar { width: 4px; /* Chrome, Safari, Opera */height: 4px;}
  .qsMainIn1::-webkit-scrollbar-thumb {background-color: #cbcbcb; /* 滚动条thumb颜色 */ border-radius: 4px; /* 滚动条thumb圆角 */ }
  .qsMainIn1::-webkit-scrollbar-track { background-color: #ebebeb; /* 滚动条track颜色 */}
  .qsMainIn1::-ms-scrollbar {width: px;height: 4px; /* Edge, IE */}
  .qsMainIn1::-ms-scrollbar-thumb { background-color: #cbcbcb; /* 滚动条thumb颜色 */ border-radius: 4px; /* 滚动条thumb圆角 */}
  .qsMainIn1::-ms-scrollbar-track {background-color: #ebebeb; /* 滚动条track颜色 */}

  .qssggbTable1 thead tr th:nth-child(1){ position:sticky; left: 0px; z-index: 101; background: #ffffff; }
  .qssggbTable1 tbody tr td:nth-child(1){ position:sticky; left: 0px;  z-index: 100; background: #ffffff; }
  .table-cell-shadow-right:before{ box-shadow: inset 10px 0 8px -8px #00000026;position: absolute; top: 0; right: 0;  bottom: -1px; width: 30px; transform: translate(100%); transition: box-shadow .3s; content: ""; pointer-events: none}

}

.qsOrdinaryContIn{ float: left; width: 640px; height: 410px; border: 5px solid #eeeeee;}
.qsMarketBoxIn{ margin: 0px 0px; max-height: 285px; overflow: hidden; overflow-y: scroll;}
.qsMarketBoxIn::-webkit-scrollbar { width: 4px; /* Chrome, Safari, Opera */height: 4px;}
.qsMarketBoxIn::-webkit-scrollbar-thumb {background-color: #cbcbcb; /* 滚动条thumb颜色 */ border-radius: 4px; /* 滚动条thumb圆角 */ }
.qsMarketBoxIn::-webkit-scrollbar-track { background-color: #ebebeb; /* 滚动条track颜色 */}
.qsMarketBoxIn::-ms-scrollbar {width: px;height: 4px; /* Edge, IE */}
.qsMarketBoxIn::-ms-scrollbar-thumb { background-color: #cbcbcb; /* 滚动条thumb颜色 */ border-radius: 4px; /* 滚动条thumb圆角 */}
.qsMarketBoxIn::-ms-scrollbar-track {background-color: #ebebeb; /* 滚动条track颜色 */}

.qsMarketTitle{ margin: 15px 20px 0px 20px; background: #ffffff; position:sticky; left: 0px; top: 0px; height: 35px; z-index: 100;}
.qsMarketTitle span{ display: block; float: left; font-size: 16px; font-weight: bold; color: #333333; position:sticky; left: 0px; top: 0px; z-index: 100;}
.qsMarketTitle span.width1{ width: 6%; height: 35px; display: flex; align-items: center; }  
.qsMarketTitle span.width2{ width: 20%; margin-left:2%; display: flex; align-items: center; justify-content: center; height: 35px;}  
.qsMarketTitle span.width3{ width: 20%; margin-left:2%; display: flex; align-items: center; justify-content: center; height: 35px;} 
.qsMarketTitle span.width4{ width: 20%; margin-left:2%; display: flex; align-items: center; justify-content: center; height: 35px;} 
.qsMarketTitle span.width5{ width: 12%; margin-left:2%; display: flex; align-items: center; justify-content: center; height: 35px;}  

.qsMarketList{ margin:0px 20px 0px 20px;}
.qsMarketList li{ margin-top:14px;}
.qsMarketName{ width: 6%; height: 35px; line-height: 35px; overflow: hidden; float: left;  color: #333333;}
.qsMarketText{ width: 20%; margin-left:2%; float: left;}
.qsMarketText input.text1{ width: 100%; height: 33px; border: none; background: none; background: #fafafa; border: 1px solid #eeeeee; border-radius: 5px; line-height: 33px; box-sizing:border-box; text-align: center;}
.qsMarketText input::placeholder{ color: #333333;}

.qsMarketText2{ width: 10%; margin-left:2%; float: left;}
.qsMarketText2 input.text1{ width: 100%; height: 33px; border: none; background: none; background: #fafafa; border: 1px solid #eeeeee; border-radius: 5px; line-height: 33px; box-sizing:border-box; text-align: center; cursor: pointer;}
.qsMarketText2 input::placeholder{ color: #333333;}

.qsMarketSelect{ width: 12%; margin-left:2%; float: left; position: relative;}
.qsMarketSelectTitle{ width: 100%; height: 33px; border: 1px solid #eeeeee; box-sizing: border-box; border-radius:5px; background: #fafafa;}
.qsMarketSelectTitle span{ display: block; float: left; width:calc(100% - 29px); height: 33px; line-height: 33px; padding-left: 10px; box-sizing: border-box;}
.qsMarketSelectTitle b{ display: block; float:right; width: 9px; height: 6px; background: url(../images/zhobg3.png) no-repeat -65px -70px; background-size: 200px 200px; margin: 13px 10px 0px 0px;}
.qsMarketSub{ width: 100%; background: #ffffff; border: 1px solid #eeeeee; box-sizing: border-box; position:absolute; left: 0px; top: 33px; z-index: 10; border-radius: 5px;}
.qsMarketSub span{ display: block; height: 30px; line-height: 30px; text-align: center; overflow: hidden; }
.qsMarketSub span:hover{ background: #fafafa;}
.qsMarkeSubmit1{ margin: 14px 20px 0px 20px; width:22.5%; padding-left:7.5%;}
.qsMarkeSubmit1 input.submit1{ width: 100%; height: 33px; border: none; background: none;  background: #fafafa; border: 1px solid #eeeeee; border-radius: 5px; font-size: 20px; cursor: pointer;}

.qsMarkeSubmit2{ display:flex; align-items:center; justify-content: center; margin-top:14px; }
.qsMarkeSubmit2 input.submit2{ width: 200px; height: 50px; border: none; background: none;  background: #0099ff; border: 1px solid #0099ff; border-radius: 5px; font-size: 16px; color: #ffffff; font-weight: bold; cursor: pointer; transition:all .3s;}
.qsMarkeSubmit2 input.submit2:hover{ box-shadow: 0px 15px 25px -5px rgba(darken(dodgerblue, 40%)); transform:scale(1.03);}
.qsMarkeSubmit2 input.submit2:active{ box-shadow:0px 4px 8px rgba(darken(dodgerblue, 30%)); transform:scale(.98);}


@media screen and (max-width:768px){
.qsOrdinaryContIn{ float:inherit; width: 97%; overflow: hidden; overflow-x: auto;}
.qsMarkeSubmit1{ width: 19%;}
.qsMarketBoxIn{ width: 150%;}
.qsMarkeSubmit1{ width:34%; padding-left:11%;}

}

.qsCalcuBox{ width: 685px; height: 410px; border: 5px solid #eeeeee; float: right;}
.qsCalcuBox dl{ margin:20px 20px 0px 20px;}
.qsCalcuBox dl dt{ font-size: 20px; font-weight: bold; color: #333333;}
.qsCalcuBox dl dd{ line-height: 20px; color: #333333; margin-top:20px;}
.qsCalcuBox span{ display: block; width: 218px; height: 219px; background: url(../images/zhobg5.png) no-repeat; margin: auto; margin-top:30px;}

@media screen and (max-width:768px){
  .qsCalcuBox{ float:inherit; width: 97%; margin-top:30px;}
  .qsCalcuBox2{ float:inherit; width: 94%; margin-top:30px;}


}


.qsCalcuBox2{ width: 685px; height: 410px; border: 5px solid #eeeeee; float: right;}
.qsCalcuBox2 p{ margin: 25px 20px 0px 20px; line-height: 22px; font-weight: bold}
.qsCalcuBox2 p em{ display:inline-block; font-weight: bold;}
.qsCalcuBox2 p em.green{ color:#00cc33;}
.qsCalcuBox2 p em.green b{ display:inline-block;  width: 9px; height: 5px; background: url(../images/zhobg3.png) no-repeat -40px -105px; background-size: 200px 200px; margin:8px 5px 0px 5px;}
.qsCalcuBox2 p em i{ display:inline-block; font-style: normal;}
.qsCalcuBox2 p em.red{ color:#eb4b4e;}
.qsCalcuBox2 p em.red b{ display: block; float: left; width: 9px; height: 5px; background: url(../images/zhobg3.png) no-repeat -25px -105px; background-size: 200px 200px; margin:8px 5px 0px 5px;}

@media screen and (max-width:768px){
  .qsCalcuBox2{ float:inherit; width: 97%; margin-top:30px; height: auto; padding-bottom: 20px;}
  .qsCalcuBox2 p{ font-size: 12px;}


}


.qsUsdBox{ width: 100%; margin-top:50px;}
.qsUsdTitle{ width: 100%;}
.qsUsdTitle h2{ font-size: 20px; font-weight: bold; color: #333333;}
.qsUsdTitle p{ color: #333333; line-height: 20px; margin-top:15px;}
.qsUsdMenu{ margin-top:20px;}
.qsUsdMenu a{ display: block; float: left; padding: 0px 10px; height: 35px; line-height: 35px; border-radius: 5px; cursor: pointer;} 
.qsUsdMenu a.hover{ background: #0099ff; color: #ffffff; font-weight: bold;}
.qsUsdIn{ width: 100%;}

.qsUsdInCont1{ width: 398px; height:400px; float: left; margin-left:30px; margin-top:30px; position: relative;}
.qsUsdInCont2{ width:518px; height:400px; float: left; margin-left:30px; margin-top:30px; position: relative;}
.qsUsdCont1{ width:398px; height:220px;}
.qsUsdCont2{ width:518px; height:300px;}
.qsUsdInCont1:first-of-type{ margin-left:0px;}
.qsUsdInCont1In{ position:relative; width:398px; height:220px; margin: auto;}
.qsUsdInCont2In{ position:relative; width:518px; height:300px; margin: auto;}


@media screen and (max-width:768px){
  .qsUsdBox{ width: 94%; margin-top:30px; margin-left:3%;} 
  .qsUsdInCont1{ width: 100%; float:inherit; margin-top:20px; margin-left:0px;}
  .qsUsdInCont2{ width: 100%; float:inherit; margin-top:20px; margin-left:0px;}
  .qsUsdCont1{ margin-left:-10px; } 

}

.qsOscillBox{ width: 100%; margin-top:50px;}
.qsOscillLeft{ float: left; width:670px;}
.qsOscillTitle{ width: 100%;}
.qsOscillTitle h2{ float: left; font-size: 20px; font-weight:bold; color: #333333;}
.qsOscillTitle b{ display: block; float: left; width: 6px; height: 11px; background: url(../images/zhobg3.png) no-repeat -65px -140px; background-size:200px 200px; margin: 7px 0px 0px 10px;}

.qsMainIn2{ float: right; width:670px; margin-top:30px;}
.qssggbTable2{ width: 100%; border-top: 1px solid #eeeeee;}
.qssggbTable2 thead {height: 45px; border-bottom: 1px solid #eeeeee; background: #ffffff; position: sticky; left: 0px; top:0px; z-index:200;}
.qssggbTable2 thead tr th span{ display: block; height: 45px; color: #333333; font-weight: bold; line-height: 45px; overflow: hidden;  position: sticky; left: 0px; top:0px; z-index: 100; border-bottom: 1px solid #eeeeee;}
.qssggbTable2 thead tr th span.width1{ text-align: left; width: 450px;}
.qssggbTable2 thead tr th span.width2{ text-align: left; width: 90px; padding-left:20px;}
.qssggbTable2 thead tr th span.width3{text-align:center; width: 90px; padding-left:20px;}
.qssggbTable2 tbody{ width: 100%;}
.qssggbTable2 tbody tr{ border-bottom: 1px solid #eeeeee; height:45px;}
.qssggbTable2 tbody tr td span{ display: block; height: 45px;  color: #333333; line-height: 45px; overflow: hidden;}
.qssggbTable2 tbody tr td span.width1{ width:450px;}
.qssggbTable2 tbody tr td span.width2{ width: 90px; margin-left:20px;}
.qssggbTable2 tbody tr td span.width3{ width: 90px; margin-left:20px; text-align:center;}
.qssggbTable2 tbody tr td span.gray{ color: #999999;}
.qssggbTable2 tbody tr td span.red{ color: #eb4b4e;}
.qssggbTable2 tbody tr td span.blue{ color: #0099ff;}

@media screen and (max-width:768px){
  .qsOscillBox{ margin-top:30px;}
  .qsOscillLeft{ width: 94%; margin-left:3%; float:inherit;}
  .qsMainIn2{ 
		width: 100%; 
		aoverflow: hidden;
		padding: 0px; 
		overflow-x: scroll; 
		cursor: grab; 
		user-select:none; margin-top:20px; float:inherit;}
  .qsMainIn2::-webkit-scrollbar { width: 4px; /* Chrome, Safari, Opera */height: 4px;}
  .qsMainIn2::-webkit-scrollbar-thumb {background-color: #cbcbcb; /* 滚动条thumb颜色 */ border-radius: 4px; /* 滚动条thumb圆角 */ }
  .qsMainIn2::-webkit-scrollbar-track { background-color: #ebebeb; /* 滚动条track颜色 */}
  .qsMainIn2::-ms-scrollbar {width: px;height: 4px; /* Edge, IE */}
  .qsMainIn2::-ms-scrollbar-thumb { background-color: #cbcbcb; /* 滚动条thumb颜色 */ border-radius: 4px; /* 滚动条thumb圆角 */}
  .qsMainIn2::-ms-scrollbar-track {background-color: #ebebeb; /* 滚动条track颜色 */}
  .table-cell-shadow-right:before{ box-shadow: inset 10px 0 8px -8px #00000026;position: absolute; top: 0; right: 0;  bottom: -1px; width: 30px; transform: translate(100%); transition: box-shadow .3s; content: ""; pointer-events: none}


  .qsMainIn2 thead tr th:nth-child(1){ position:sticky; left: 0px; z-index: 101; background: #ffffff; }
  .qsMainIn2 tbody tr td:nth-child(1){ position:sticky; left: 0px;  z-index: 100; background: #ffffff; }
  .table-cell-shadow-right:before{ box-shadow: inset 10px 0 8px -8px #00000026;position: absolute; top: 0; right: 0;  bottom: -1px; width: 30px; transform: translate(100%); transition: box-shadow .3s; content: ""; pointer-events: none}

  .qssggbTable2 thead tr th span.width1{ width: 270px;}
  .qssggbTable2 tbody tr td span.width1{ width:270px;}
}

.qsOscillRight{ float: right;}

@media screen and (max-width:768px){
  .qsOscillRight{ float:inherit; width: 94%; margin-left:3%; margin-top:30px;}

}


.qsMainIn3{width:1380px; margin-top:30px;}
.qssggbTable3{ width: 100%; border-top: 1px solid #eeeeee; }
.qssggbTable3 thead {height: 45px; background: #ffffff;}
.qssggbTable3 thead tr{ height: 45px;}
.qssggbTable3 thead tr th span{ display: block; height: 45px; color: #333333; font-weight: bold; line-height: 45px; overflow: hidden; border-bottom: 1px solid #eeeeee;}
.qssggbTable3 thead tr th span.width1{ text-align: left; width:180px;}
.qssggbTable3 thead tr th span.width2{ text-align: right; width: 130px; padding-left:20px;}
.qssggbTable3 thead tr th span.width3{text-align:right; width:240px; padding-left:20px;}
.qssggbTable3 thead tr th span.width4{text-align:right; width:240px; padding-left:20px;}
.qssggbTable3 thead tr th span.width5{text-align:right; width:240px; padding-left:20px;}
.qssggbTable3 thead tr th span.width6{text-align:right; width:240px; padding-left:20px;}
.qssggbTable3 tbody{ width: 100%;}
.qssggbTable3 tbody tr{ border-bottom: 1px solid #eeeeee; height:45px;}
.qssggbTable3 tbody tr td span{ display: block; height: 45px;  color: #333333;  line-height: 45px; overflow: hidden;}
.qssggbTable3 tbody tr td span.width1{ width:180px;}
.qssggbTable3 tbody tr td span.width2{ width: 130px; margin-left:20px; text-align: right;}
.qssggbTable3 tbody tr td span.width3{ width: 240px; margin-left:20px; text-align: right;}
.qssggbTable3 tbody tr td span.width4{ width: 240px; margin-left:20px; text-align: right;}
.qssggbTable3 tbody tr td span.width5{ width: 240px; margin-left:20px; text-align: right;}
.qssggbTable3 tbody tr td span.width6{ width: 240px; margin-left:20px; text-align: right;}



@media screen and (max-width:768px){
  .qsOscillTitle1{ width: 94%; margin: auto;}
  .qsMainIn3{ 
	width: 94%; 
	aoverflow: hidden; 
	padding: 0px; 
	overflow-x: scroll; 
	cursor: grab; user-select:none; margin-top:20px; float:inherit; margin-left:3%;}
  .qsMainIn3::-webkit-scrollbar { width: 4px; /* Chrome, Safari, Opera */height: 4px;}
  .qsMainIn3::-webkit-scrollbar-thumb {background-color: #cbcbcb; /* 滚动条thumb颜色 */ border-radius: 4px; /* 滚动条thumb圆角 */ }
  .qsMainIn3::-webkit-scrollbar-track { background-color: #ebebeb; /* 滚动条track颜色 */}
  .qsMainIn3::-ms-scrollbar {width: px;height: 4px; /* Edge, IE */}
  .qsMainIn3::-ms-scrollbar-thumb { background-color: #cbcbcb; /* 滚动条thumb颜色 */ border-radius: 4px; /* 滚动条thumb圆角 */}
  .qsMainIn3::-ms-scrollbar-track {background-color: #ebebeb; /* 滚动条track颜色 */}
  .table-cell-shadow-right:before{ box-shadow: inset 10px 0 8px -8px #00000026;position: absolute; top: 0; right: 0;  bottom: -1px; width: 30px; transform: translate(100%); transition: box-shadow .3s; content: ""; pointer-events: none}

  .qsMainIn3 thead tr th:nth-child(1){ position:sticky; left: 0px; z-index: 101; background: #ffffff; }
  .qsMainIn3 tbody tr td:nth-child(1){ position:sticky; left: 0px;  z-index: 100; background: #ffffff; }
  .table-cell-shadow-right:before{ box-shadow: inset 10px 0 8px -8px #00000026;position: absolute; top: 0; right: 0;  bottom: -1px; width: 30px; transform: translate(100%); transition: box-shadow .3s; content: ""; pointer-events: none}

}

.qsDiscBox{ width: 100%; margin-top:50px;}
.qsDiscBox h2{ font-size: 18px; font-weight: bold; color: #333333;}
.qsDiscBox p{ color: #333333; margin-top:10px; font-size: 16px; } 

@media screen and (max-width:768px){
  .qsDiscBox{ width: 94%; margin-left:3%; margin-top:20px;}
} 



.qsUsdCont1Title{ color: #333333; text-align: center; margin-top:30px; font-size: 18px; font-weight: bold;}
.qsUsdCont1Msg{ margin-top:30px; display: flex; align-items: center; justify-content: center;}
.qsUsdCont1Msg span{ display: block; float: left; text-align: center; margin: 0px 10px;}
.qsUsdCont1Msg span i{ display: block; font-style: normal; font-weight: bold;}
.qsUsdCont1Msg span em{ display: block; margin-top:10px; font-weight: bold;}
.qsUsdCont1{ margin-top:15px;}
.qsUsdCont2{ margin-top:-48px;}


.qsDingWeiYi span{ display: block; font-weight: bold; color: #999999;}
.qsDingWeiYi span.Strongsell{ position:absolute; left:-10px; top:180px; width: 90px; word-break: break-all; font-size: 12px; text-align: right;}
.qsDingWeiYi span.Sell{ position:absolute; left:28px; top:120px; width: 80px; word-break: break-all; text-align:right; font-size: 12px;}
.qsDingWeiYi span.Neutral{ position:absolute; left:180px; top:75px; width: 80px; word-break: break-all; font-size: 12px;}
.qsDingWeiYi span.Buy{ position:absolute; left:290px; top:120px;  width: 80px; word-break: break-all; font-size: 12px;}
.qsDingWeiYi span.StrongBuy{ position:absolute; left:320px; top:180px; width: 80px; word-break: break-all; font-size: 12px; text-align: left;}
.qsDingWeiYi span.NeutralTwo{ font-size: 20px; color: #333333; display: flex; align-items: center; justify-content: center; position:absolute; top:220px; width: 100%;}
.qsDingWeiYi span.black{ color: #333333;}
.qsDingWeiYi span.red{ color: #eb4b4e;}
.qsDingWeiYi span.blue{ color: #0099ff;}

.qsUsdCont1Msg2{ margin-top:12px;}
.qsDingWeiYi2 span.Strongsell{ left: 10px; top:180px;}
.qsDingWeiYi2 span.Sell{ left:52px; top:100px; width: 80px;}
.qsDingWeiYi2 span.Neutral{ left:230px; top:37px;}
.qsDingWeiYi2 span.Buy{ left:385px; top:100px;}
.qsDingWeiYi2 span.StrongBuy{left:418px; top:180px;}
.qsDingWeiYi2 span.NeutralTwo{  position:absolute; top:220px;}



@media screen and (max-width:768px){
  .qsDingWeiYi span.Strongsell{ position:absolute; left:-15px; top:180px; font-size: 12px;}
  .qsDingWeiYi span.Sell{ position:absolute; left:25px; top:110px; font-size: 12px;}  
  .qsDingWeiYi span.Neutral{ position:absolute; left:170px; top:75px; font-size: 12px;}
  .qsDingWeiYi span.Buy{ position:absolute; left:275px; top:115px; font-size: 12px;}
  .qsDingWeiYi span.StrongBuy{ position:absolute; left:305px; top:180px; font-size: 12px;}
  .qsDingWeiYi span.NeutralTwo{ font-size: 20px; color: #333333; display: flex; align-items: center; justify-content: center; position:absolute; top:220px; width: 100%;}

.qsUsdCont2{ width:398px; height:220px;  margin-top:20px;}
.qsUsdInCont2In{ position:relative; width:398px !important; height:220px; margin: auto;}
.qsDingWeiYi2 span.Strongsell{ left:-10px; top:180px;}
.qsDingWeiYi2 span.Sell{ left:40px; top:110px; width: 80px;}
.qsDingWeiYi2 span.Neutral{ left:180px; top:80px;}
.qsDingWeiYi2 span.Buy{ left:278px; top:110px;}
.qsDingWeiYi2 span.StrongBuy{left:315px; top:180px;}
.qsDingWeiYi2 span.NeutralTwo{  position:absolute; top:220px;}
.qsDingWeiYi span.red{ color: #eb4b4e;}
.qsDingWeiYi span.blue{ color: #0099ff;}

}

.qsDingWeiYi span.NeutralTwo{ top: 235px;}