@font-face {

	font-family: MyFontName;
	src: url('/eng/font/HarmonyOS_Sans_SC_Regular.ttf');
	/* IE9 Compat Modes */
	src:
		url('/eng/font/HarmonyOS_Sans_SC_Regular.eot'),
		/* IE6-IE8 */
		url('/eng/font/HarmonyOS_Sans_SC_Regular.eot?#iefix') format('embedded-opentype'),
		/* Modern Browsers */
		url('/eng/font/HarmonyOS_Sans_SC_Regular.woff') format('woff'),
		/* Safari, Android, iOS */
		url('/eng/font/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {

	font-family: MyFontNameB;
	src: url('/eng/font/HarmonyOS_Sans_SC_Bold.ttf');
	/* IE9 Compat Modes */
	src:
		url('/eng/font/HarmonyOS_Sans_SC_Bold.eot'),
		/* IE6-IE8 */
		url('/eng/font/HarmonyOS_Sans_SC_Bold.eot?#iefix') format('embedded-opentype'),
		/* Modern Browsers */
		url('/eng/font/HarmonyOS_Sans_SC_Bold.woff') format('woff'),
		/* Safari, Android, iOS */
		url('/eng/font/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {

	font-family: MyFontNameC;
	src: url('/eng/font/HarmonyOS_Sans_SC_Light.ttf');
	/* IE9 Compat Modes */
	src:
		url('/eng/font/HarmonyOS_Sans_SC_Light.eot'),
		/* IE6-IE8 */
		url('/eng/font/HarmonyOS_Sans_SC_Light.eot?#iefix') format('embedded-opentype'),
		/* Modern Browsers */
		url('/eng/font/HarmonyOS_Sans_SC_Light.woff') format('woff'),
		/* Safari, Android, iOS */
		url('/eng/font/HarmonyOS_Sans_SC_Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

* {
	margin: 0;
	padding: 0;
	font-family: "MyFontName";
}
img {
  display: block;
  outline: 0;
  border: 0;
}
ul li {
  list-style: none;
}
a {
  text-decoration: none;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
table {
  table-layout: fixed;
}
select,
option {
  border: 0;
  outline: none;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
  /*IE/7/6*/
}


.sqs_right {

  position: fixed;

  right: -1.2rem;

  top: calc(50% - 2.02rem);

  width: 1.86rem;

  overflow: hidden;

  z-index: 99;

}



.sqs_right a {

  display: block;

  width: 1.86rem;

  height: 0.66rem;

  background: #002663;

  font-size: 0.1866rem;

  color: #FFFFFF;

  border-top: 0.02rem solid #FFFFFF;

}



.sqs_right a:first-child {

  border-top: 0;

}



.sqs_right a:hover {

  background: #0045ae;

}



.sqs_right img {

  float: left;

  width: 0.26rem;

  height: 0.26rem;

  margin: 0.2rem;

}



.sqs_right span {

  float: left;

  width: 1.1rem;

}



.lineHeightO {

  line-height: 1.2;

  margin-top: 0.08rem;

}



.lineHeightT {

  line-height: 0.66rem;

}




.sqs_top {

  width: 100%;

  height: 2.33rem;

  background-color: #fff;

}



.sqs_top_line {

  width: 84%;

  height: 1.45rem;

  margin: 0 auto;

}



.sqs_top_logo {

float: left;

width: 7.19rem;

height: 0.68rem;

/* margin-top: 0.385rem; */
}



.sqs_top_logo>img {

  width: 100%;

}




.sqs_searchAndLogin {

  float: right;

  height: 0.3rem;

  margin-top: 0.565rem;

}



.search-form {

  width: 2.8rem;

  float: left;

  overflow: hidden;

  position: relative;

}



.search-text {

  width: 2.8rem;

  height: 0.3rem;

  float: left;

  background: #e0e0e0;

  border: none;

  outline: 0;

  font-size: 0.14rem;

  text-indent: 0.15rem;

  color: #666;

}



.search-submit {

  width: 0.16rem;

  height: 0.16rem;

  position: absolute;

  top: 0.08rem;

  right: 0.1rem;

  border: none;

  outline: 0;

  background: url(/eng/images/search.png) no-repeat center center;

  background-size: contain;

  cursor: pointer;

}



.sqs_login {

  float: right;

  width: 1.32rem;

  height: 0.3rem;

  margin-left: 0.15rem;

}



.sqs_login>img {

  width: 100%;

}




.sqs_top_nav {

  width: 100%;

  height: 0.88rem;

  background: #002663;

  border-top: 0.06rem solid #f20018;

}



.sqs_nav {width: 85%;height: 0.88rem;margin: 0 auto;}



.sqs_nav>ul>li {float: left;height: 0.82rem;/* padding: 0 0.2rem; *//* margin-left: 2.03rem; */display: inline-block;width: 16.6%;text-align: center;}



.sqs_nav>ul>li:first-child {

  margin-left: 0px;

}



.sqs_nav>ul>li>a {display: block;color: #FFFFFF;font-size: 0.2rem;height: 0.88rem;line-height: 0.76rem;}



.sqs_tabJs_hover {

box-sizing: border-box;

border-bottom: 0.06rem solid #3649ff;
}





.sqs_nav_tab {width: 100%;position: absolute;right: 0px;top: 2.33rem;z-index: 99;display: none;overflow: unset !important;}





.sqs_opacity_blackBg {
  position: absolute;
  z-index: 66;
  width: 100%;
  background: #050C25;
  filter: alpha(opacity=75);

  /* IE */
  -moz-opacity: 0.75;


  -khtml-opacity: 0.75;


  opacity: 0.7;


}




.sqs_opacity {

  background: #0045ae;

  filter: alpha(opacity=35);

  /* IE */

  -moz-opacity: 0.35;


  -khtml-opacity: 0.35;



  opacity: 0.35;



  position: absolute;

  top: 0;

  left: 0;

  z-index: 10;

}



.sqs_nav_tab_con {

  overflow: hidden;

  position: relative;

  z-index: 101;

  background: #FFFFFF;

}




.newsBox {

  width: 84%;

  overflow: hidden;

  margin: 0.3rem auto;

}



.newsBoxL,

.newsBoxC {

  width: 45%;

  overflow: hidden;

}



.newsBoxL {

  float: left;

}



.newsBoxC {

  float: right;

}



.newsTit {

  width: 100%;

  /*background: url(/eng/images/news-go-to-link.png) no-repeat;

  background-position: 95%;
	background-size: 4% 35%;
	*/

  height: 0.5rem;

  line-height: 0.5rem;

  

}



.newsTit:hover {

  animation: yous 0.5s infinite;



  -webkit-animation: yous 0.5s infinite;

  animation-iteration-count: 3;

  -webkit-animation-iteration-count: 3;

  /*Safari and Chrome*/

}



@keyframes yous {

  from {

    background-position: 95%;

  }



  to {

    background-position: 100%;

  }

}





@-webkit-keyframes yous {

  from {

    background-position: 95%;

  }



  to {

    background-position: 100%;

  }

}





.newsTitSpan {

  float: left;

  font-size: 0.26666667rem;

  font-family: MyFontNameB;

  font-weight: bold;

  color: #020F30;

}



.newsTitMore {

  float: left;

  font-size: 0.2133rem;

  font-family: MyFontNameB;

  font-weight: bold;

  color: #0046ad;

  float: right;

  margin-right: 0.5rem;

}



.newsList {

  width: 100%;

  overflow: hidden;

  margin-top: 0.28rem;

}



.newsList li {

  border-bottom: 0.01rem solid #f0f0f0;

  padding: 0.3rem 0;

}



.newsList li:first-child {

  border-top: 0.01rem solid #f0f0f0;

}



.newsList li a {font-size: 0.2133rem;color: #666666;display: block;line-height: 1.5;text-align: left;word-break: break-word;}



.newsList li>p {

  font-size: 0.16rem;

  color: #999999;

  margin-top: 0.25rem;

  text-align: left;

}



.newsImg {

  width: 100%;

  overflow: hidden;

}



.newsImg img {
  width: 100%;
max-height: 3.61rem;
}



.sqs_Market_NewProduct_more:hover img,

.sqs_Platform_more:hover img,

.sqs_MarketDataVender_more:hover img,

.sqs_CurrentVendor_more:hover img,

.sqs_DataServices_more:hover img,

.sqs_AboutSHFE_more:hover img,

.sqs_Insights_more:hover img {

  animation: mymove 0.2s infinite;

  animation-duration: 0.5s;

  animation-iteration-count: 3;

  /*Safari and Chrome*/

  -webkit-animation: mymove 0.2s infinite;

  -webkit-animation-duration: 0.5s;

  -webkit-animation-iteration-count: 3;

}



@keyframes mymove {

  from {

    left: 0rem;

  }



  to {

    left: 0.45rem;

  }

}



@-webkit-keyframes mymove {



  /*Safari and Chrome*/

  from {

    left: 0rem;

  }



  to {

    left: 0.45rem;

  }

}




.sqs_Market_imgs {

  width: 7.92rem;

  float: left;

  overflow: hidden;

  position: relative;

}



.sqs_Market_topImgs {

  width: 100%;

  overflow: hidden;

}



.sqs_Market_crudeOil {

  background: url(/eng/images/crudeOil.png) no-repeat center center;

}



.sqs_Market_Gold {

  background: url(/eng/images/Copper.png) no-repeat center center;

}



.sqs_Market_crudeOil,

.sqs_Market_Gold {

  width: 3.955rem;

  height: 4rem;

  float: left;

  position: relative;

  background-size: cover;

}



.sqs_Market_crudeOil:hover,

.sqs_Market_Gold:hover,

.sqs_Market_Platform:hover,

.sqs_Services_MarketDataVender:hover,

.sqs_Insights:hover,

.sqs_AboutSHFE:hover,

.sqs_Services_CurrentVendor:hover,

.sqs_Services_DataServices:hover {

  background-size: 105%;

}



.sqs_Market_img {

  width: 3.955rem;

  height: 4rem;

}



.sqs_Market_topImgs_href {display: block;width: 3.955rem;height: 4rem;position: relative;top: 0;left: 0rem;z-index: 11;}











.sqs_Market_NewProduct {

  overflow: hidden;

  float: left;

  margin: 2.66rem 0 0 0.34rem;

  color: #FFFFFF;

  line-height: 1.2;

}



.sqs_newProduct {

  font-size: 0.26666667rem;



}



.sqs_crudeOil {

  font-size: 0.37333333rem;

  margin-top: 0.15rem;

  font-family: MyFontNameB;

}



.sqs_Market_NewProduct_more {

  float: right;

  width: 0.63rem;

  height: 0.3rem;

  margin-top: 3.26rem;

}



.sqs_Market_NewProduct_more img {

  width: 0.15rem;

  height: 0.13rem;

  overflow: hidden;

  position: relative;

  top: 0.09rem;

  left: 0;

}



.sqs_Market_Platform,

.sqs_Platform_img {

  width: 100%;

  height: 2.44rem;

}



.sqs_Market_Platform {

  position: relative;

  background: url(/eng/images/Platform.png) no-repeat center center;

  background-size: cover;

}



.sqs_Platform_tit {

  width: calc(100% - 0.35rem);

  height: 0.5rem;

  position: absolute;

  bottom: 0.41rem;

  left: 0.35rem;

  z-index: 11;

}



.sqs_Platform_txt {

  float: left;

  font-size: 0.37333333rem;

  color: #FFFFFF;

  font-family: MyFontNameB;

}



.sqs_Platform_more {

  float: right;

  width: 0.63rem;

  height: 0.3rem;

}



.sqs_Platform_more img {

  width: 0.15rem;

  height: 0.13rem;

  overflow: hidden;

  position: relative;

  top: 0.25rem;

  left: 0;

}



.sqs_Market_List {width: 10rem;padding: 0.64rem 0 0 0.71rem;overflow: hidden;/* float: right; */margin-bottom: 0.5rem;display: flex;}



.sqs_Market_Futures {

  /* float: left; */

  width: 7.7rem;

  overflow: hidden;

}



.sqs_Futures_mainTit {

  color: #020f30;

  font-size: 0.3rem;

  font-weight: bold;

  display: block;

  font-family: MyFontNameB;

  text-align: left;

}



.isinMar {

  margin-top: 0.2rem;

}
.isinMar a,.sqs_AboutSHFE_list a{
	display:inline
}
.isinMar:hover,.sqs_AboutSHFE_list a:hover{
    color: #0046ad !important;
      text-decoration: underline
}


.sqs_Futures_listBox {

  width: 100%;

  overflow: hidden;

}



.sqs_Futures_list {

  float: left;

  margin-left: 0.35rem;

  width: 2.8rem;

}



.sqs_Futures_list:first-child {

  margin-left: 0px;

}



.sqs_Futures_subTit {

  height: 0.3rem;

  line-height: 0.3rem;

  font-size: 0.2rem;

  color: #B9B9B9;

  margin-top: 0.18rem;

  text-align: left;

}



.sqs_mar {

  margin-top: 0.66rem;

}



.sqs_Futures_list>ul>li,

.sqs_Options_list>ul>li {margin-top: 0.18rem;height: 0.3rem;line-height: 1.3;text-align: left;}



.sqs_Futures_list>ul>li>a,

.sqs_Options_list>ul>li>a {font-size: 0.2133rem;color: #333333;display: inline-block;/* width: 100%; *//* display: inline-block; *//* text-align: left; */}



.sqs_Futures_list a:hover,

.sqs_Options_list a:hover {

  color: #0046ad !important;

  border-bottom: 1px solid #0046ad;

  font-family: MyFontNameB;

  font-weight: bold;

}



.sqs_nav_tab_Options {

  /* min-width: 1.8rem; */

  /* float: right; */

  margin-right: 0.4rem;

}



.sqs_Options_list {

  overflow: hidden;

  width: 2.8rem;

}



.sqs_platform {

  width: 4.69rem;

  height: 0.54rem;

  line-height: 0.54rem;

  background: url(/eng/images/sqs_platform.png) no-repeat;

  position: absolute;

  bottom: 0.6rem;

  right: 0.94rem;

}



.sqs_platform>a {

  display: block;

  color: #ffffff;

  font-size: 0.2133rem;

  text-indent: 0.25rem;

  font-family: MyFontNameB;

  font-weight: bold;

}




.sqs_Services_imgs {

  width: 5.53rem;

  height: 6.7rem;

  float: left;

  overflow: hidden;

}



.sqs_Services_MarketDataVender {

  width: 100%;

  background: url(/eng/images/MarketDataVender.png) no-repeat center center;

  background-size: cover;

  height: 3.5rem;

  position: relative;

}



.sqs_MarketDataVender_img {

  width: 100%;

  height: 3.5rem;

}



.sqs_MarketDataVender_main {

  display: block;

  width: 4.8rem;

  height: 3rem;

  margin: 0 auto;

  overflow: hidden;

  position: absolute;

  top: 0.5rem;

  left: 0.365rem;

  z-index: 11;

}



.sqs_MarketDataVender_tit {

  width: 100%;

  overflow: hidden;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.sqs_MarketDataVender_txt {

  /* float: left; */

  font-size: 0.3rem;

  line-height: 1;

  font-family: MyFontNameB;

  font-weight: bold;

  color: #FFFFFF;

}



.sqs_MarketDataVender_more {

  /* float: right; */

  width: 0.5rem;

  height: 0.3rem;

}



.sqs_MarketDataVender_more img {

  width: 0.15rem;

  height: 0.13rem;

  position: relative;

  top: 0.095rem;

  right: -0.05rem;

}



.sqs_MarketDataVender_con {

  width: 100%;

  overflow: hidden;

  font-size: 0.18666667rem;

  color: #FFFFFF;

  line-height: 0.3rem;

  margin-top: 0.35rem;

  text-align: left;

}



.sqs_MarketDataVender_link {

  width: 100%;

  /* height: 0.54rem; */

  /* line-height: 0.54rem; */

  text-align: center;

  border-radius: 0.02rem;

  background: #0046ad;

  font-size: 0.213333rem;

  font-family: MyFontNameB;

  font-weight: bold;

  color: #FFFFFF;

  /* position: absolute; */

  /* bottom: 0.4rem; */

  padding: 0.12rem;

  margin-top: 0.12rem;

  display: inline-block;

}



.sqs_Services_CurrentVendor {

  background: url(/eng/images/CurrentVendor.png) no-repeat center center;

}



.sqs_Services_CurrentVendor,

.sqs_Services_DataServices {

  display: block;

  width: 100%;

  height: 1.6rem;

  position: relative;

  background-size: cover;

}



.sqs_CurrentVendor_img,

.sqs_DataServices_img {

  width: 100%;

  height: 1.6rem;

}



.sqs_CurrentVendor_tit {

  width: 4.8rem;

  height: 0.3rem;

  line-height: 0.3rem;

  position: absolute;

  bottom: 0.33rem;

  left: 0.365rem;

  z-index: 11;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.sqs_CurrentVendor_txt {

  /* float: left; */

  color: #FFFFFF;

  font-size: 0.3rem;

  font-family: MyFontNameB;

  font-weight: bold;

}



.sqs_CurrentVendor_more {

  float: right;

  width: 0.63rem;

  height: 0.3rem;

}



.sqs_CurrentVendor_more img {

  width: 0.15rem;

  height: 0.13rem;

  position: relative;

  top: 0.095rem;

  left: 0;

}



.sqs_Services_DataServices {

  background: url(/eng/images/OurMarketDataServices.png) no-repeat center center;

  background-size: cover;

}



.sqs_DataServices_tit {

  width: 4.8rem;

  overflow: hidden;

  line-height: 0.37rem;

  position: absolute;

  bottom: 0.33rem;

  left: 0.365rem;

  z-index: 11;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.sqs_DataServices_txt {

  /* float: left; */

  color: #FFFFFF;

  font-size: 0.3rem;

  font-family: MyFontNameB;

  font-weight: bold;

  /* margin-right: 0.1rem; */

  width: 100%;

  text-align: left;

}



.sqs_DataServices_more {

  /* float: right; */

  width: 0.5rem;

  height: 0.3rem;

  text-align: center;

}



.sqs_DataServices_more img {

  width: 0.15rem;

  height: 0.13rem;

  position: relative;

  top: 0.12rem;

  right: 0;

}



.sqs_Services_items {

  width: 12.6rem;

  padding: 0.64rem 0 0.64rem 0;

  float: right;

  overflow: hidden;

}



.itemsA,

.itemsB,

.itemsC,

.itemsD,

.itemsE {

  float: left;

  overflow: hidden;

}



.itemsA {

  width: 2.8rem;

}



.itemsD {

  width: 3rem;

}



.itemsA h2,

.itemsD h2 {

  font-size: 0.2667rem;

  font-family: MyFontNameB;

  font-weight: bold;

  color: #020F30;

  cursor: pointer;

  margin-top: 0.5rem;

  text-align: left;

}



.itemsA h2:first-child,

.itemsD h2:first-child {

  margin-top: 0;

}



.itemsA_Act {

  color: #0046ad !important;

  animation: mymove2 1s;

  animation-iteration-count: 1;

  animation-fill-mode: forwards;


  -webkit-animation: mymove2 1s;

  -webkit-animation-iteration-count: 1;

  -webkit-animation-fill-mode: forwards;

}



@keyframes mymove2 {

  from {

    border-left: 0rem;

    padding-left: 0;

  }



  to {

    border-left: 0.06rem solid #0046ad;

    padding-left: 0.1rem;

  }

}




@-webkit-keyframes mymove2 {

  from {

    border-left: 0rem;

    padding-left: 0;

  }



  to {

    border-left: 0.06rem solid #0046ad;

    padding-left: 0.1rem;

  }

}



.itemsB,

.itemsE {

  width: 4.5rem;

  margin-left: 0.5rem;

  overflow: hidden;

}



.itemsB-H {

  width: 100%;

  overflow: hidden;

  display: none;

}



.itemsB a,

.itemsE a {

  display: block;

  font-size: 0.2133rem;

  color: #333333;

  margin-top: 0.35rem;

  text-align: left;

  line-height: 1.3;

}



.itemsB a:hover,

.itemsE a:hover {

  color: #0046ad !important;

  text-decoration: underline;

  font-family: MyFontNameB;

  font-weight: bold;

}



.itemsB a:first-child,

.itemsE a:first-child {

  margin-top: 0.05rem;

}



.itemsC {

  width: 1px;

  height: 5rem;

  background-color: #999999;

  margin: 0 0.5rem;

}



.itemsE {

  display: none;

}









.sqs_Services_top,

.sqs_Services_bottom {

  width: 100%;

  overflow: hidden;

}



.sqs_Services_bottom {

  margin-top: 0.64rem;

}



.sqs_Services_top_Rules,

.sqs_Services_top_Supervision,

.sqs_Services_top_Trading,

.sqs_Services_top_Settlement,

.sqs_Services_bottom_Delivery,

.sqs_Services_bottom_Technology,

.sqs_Services_bottom_Information,

.sqs_Services_bottom_Members {

  overflow: hidden;

  float: left;

}



.sqs_Services_top_Supervision,

.sqs_Services_top_Trading,

.sqs_Services_top_Settlement,

.sqs_Services_bottom_Technology,

.sqs_Services_bottom_Information,

.sqs_Services_bottom_Members {

  margin-left: 0.7rem;

}



.sqs_Services_top_Rules,

.sqs_Services_bottom_Delivery {

  width: 2.9rem;

}



.sqs_Services_top_Supervision,

.sqs_Services_bottom_Technology {

  width: 2.6rem;

}



.sqs_Services_top_Trading,

.sqs_Services_bottom_Information {

  width: 2.2rem;

}



.sqs_Services_top_Settlement,

.sqs_Services_bottom_Members {

  width: 2.47rem;

}



.sqs_Services_mainTitle {

  font-size: 0.26666667rem;

  font-family: MyFontNameB;

  font-weight: bold;

  color: #020F30;

  line-height: 1.5;

  display: block;

  text-align: left;

}



.sqs_Services_lists {

  width: 100%;

  overflow: hidden;

}



.sqs_Services_lists li {

  margin-top: 0.12rem;

  line-height: 0.25rem;

}



.sqs_Services_lists li a {

  font-size: 0.2133rem;

  color: #333333;

  display: table;



}



.sqs_Services_lists li a:hover {

  color: #0046ad !important;

  text-decoration: underline;

  font-family: MyFontNameB;

  font-weight: bold;

}




.sqs_rili_box {

width: 6.4rem;

height: 6.6rem;

padding: 0;

overflow: hidden;

float: left;

border-right: 1px solid #f3f3f3;
}



.sqs_rili_header {

  width: 100%;

  height: 0.7rem;

  overflow: hidden;

}



.sqs_rili_header button {

  width: 0.18rem;

  height: 0.24rem;

  border: none;

  outline: none;

  cursor: pointer;

  background: transparent;

}



.sqs_rili_box button img {

  width: 0.18rem;

  height: 0.24rem;

}



.sqs_rl_prev {

  float: left;

  margin: 0.23rem 0.4rem;

}



.sqs_rl_next {

  float: right;

  margin: 0.23rem 0.4rem;

}



.sqs_nowTime {

  width: 4.439rem;

  font-size: 0.24rem;

  color: #0046ad;

  float: left;

  line-height: 0.7rem;

  text-align: center;

}



#monthSelect,

#yearSelect {

  font-weight: bold;

  font-family: MyFontNameB;

  font-size: 0.24rem;

  color: #0046ad;

  border: 1px solid #0046ad;

}



#monthSelect {

  width: 1.5rem;

  margin-right: 0.12rem;

}



.sqs_nowTime_month {

  font-weight: bold;

  font-family: MyFontNameB;

  margin-right: 0.12rem;

}



.container {

  width: 5.6rem;

  padding: 0.2rem 0.4rem;

  position: relative;

  border-top: 0.01rem solid #f3f3f3;

  border-bottom: 0.01rem solid #f3f3f3;

}



.container ul {

  width: 100%;

  display: flex;

  flex-wrap: wrap;

}



.container li {

  width: 0.6rem;

  margin: 0.03rem 0.0998rem 0;

  height: 0.5rem;

  line-height: 0.5rem;

  text-align: center;

  color: #0046ad;

  cursor: pointer;

  border-radius: 0.05rem;

  position: relative;

  box-sizing: border-box;

  font-size: 0.213333rem;

}



.sqs_rili_box .container .content li:not(.disabled):hover {

  color: #fff;

  background: #091887;

}



.sqs_rili_box li.disabled {

  background: transparent;

  cursor: not-allowed;

  color: transparent;

}



.sqs_rili_box .content li.click_active {

  background: #091887;

  color: #fff;

}



.sqs_rili_box .content li.active .ac_num_box {

  display: block;

}



.sqs_rili_box .today_li {

  border: 1px solid #005293;

}



.rili_icon {

  width: 0.04rem;

  height: 0.04rem;

  border-radius: 50%;

  background: #3d6e9e;

  position: absolute;

  display: none;

  bottom: 0.08rem;

  left: 50%;

  transform: translateX(-50%);

}



.ac_num_box {

  position: absolute;

  box-sizing: border-box;

  width: 100%;

  bottom: 0;

  left: 0;

  line-height: 1;

  display: none;

}



.ac_num_icon {

  display: inline-block;

  width: 0.05rem;

  height: 0.05rem;

  border-radius: 50%;

  background: #dc1f48;

}



.colr_grey {

  pointer-events: none;

}



.rili_event {

  position: absolute;

  width: 90% !important;

  top: 100%;

  left: 6%;

  display: none;

  width: 95%;

}



.rili_event.active {

  display: block;

}



.event_list_tt {

  text-align: center;

  display: none;

}



.rili_event p {

  line-height: 0.3rem;

  position: relative;

}



.rili_event p.et_l::before {

  content: '';

  width: 0.06rem;

  height: 0.06rem;

  position: absolute;

  left: -0.15rem;

  top: 0.13rem;

  transform: translateY(-50%);

  background-color: #dc1f48;

  border-radius: 50%;

}



.rili_event p span {

  display: block;

}



.event_close {

  position: absolute;

  right: 4%;

  top: 4%;

  font-size: 0.2rem;

  text-align: center;

  color: #eee;

  border-radius: 50%;

  width: 0.3rem;

  height: 0.3rem;

  display: none;

}



.rili_event p a:hover {

  color: #091887;

}



.no_et,

.et_l a {

  font-size: 0.18rem;

  color: #333333;

}



.et_l .rl_hdmc {


  word-break: normal;


  word-break: break-word;

  height: 0.6rem;

  overflow: hidden;

}



.no_et_d {

  display: inline-block !important;

  width: 0.06rem;

  height: 0.06rem;

  background: #E33737;

  border-radius: 50%;

  margin-right: 0.05rem;

}



.day_data {

  width: 100%;

  height: 0.4rem;

  line-height: 0.4rem;

  overflow: hidden;

  margin-top: 0.2rem;

}



.et_box {

  margin-left: 0.2rem;

}



.day_data_j {

  float: left;

}



.day_data_j span {

  margin-right: 0.05rem;

  font-size: 0.2rem;



  color: #333333;

  float: left;

}



.date_numBox {

  float: right;

  margin-right: 0.2rem;

  overflow: hidden;

  font-size: 0.186666rem;

}



.date_numBox span {

  float: left;

  margin-left: 0.15rem;

  font-size: 0.186666rem;

}



.date_num_jt {

  float: left;

  color: #0046ad;

  cursor: pointer;

  margin-left: 0.15rem;

}



.sqs_Data_items {

  width: 11.3rem;

  padding: 0.4rem 0 0 0;

  float: right;

  overflow: hidden;

}



.sqs_Data_top,

.sqs_Data_bottom {

  width: 100%;

  overflow: hidden;

}



.sqs_Data_bottom {

  margin: 0.4rem auto 0.2rem;

}



.sqs_Data_topA,

.sqs_Data_topB,

.sqs_Data_topC {

  overflow: hidden;

  float: left;

}



.sqs_Data_topB,

.sqs_Data_topC {

  margin-left: 1.2rem;

}



.sqs_Data_topA {

  width: 3.45rem;

}



.sqs_Data_topB {

  width: 2.55rem;

}



.sqs_Data_topC {

  width: 2.75rem;

}



.sqs_Data_StatisticalA,

.sqs_Data_StatisticalB,

.sqs_Data_StatisticalC,

.sqs_Data_StatisticalD {

  overflow: hidden;

  float: left;

}



.sqs_Data_StatisticalB,

.sqs_Data_StatisticalC,

.sqs_Data_StatisticalD {

  margin-left: 0.4rem;

}



.sqs_Data_StatisticalA {

  width: 1.9rem;

}



.sqs_Data_StatisticalB {

  width: 2.8rem;

}



.sqs_Data_StatisticalC {

  width: 2.7rem;

}



.sqs_Data_StatisticalD {

  width: 2.3rem;

}



.sqs_Data_mainTitle {

  font-size: 0.26666667rem;

  font-family: MyFontNameB;

  font-weight: bold;

  color: #020F30;

  line-height: 1.5;

  display: block;

  text-align: left;

}



.sqs_Data_lists,

.sqs_Data_Statistical {

  width: 100%;

  overflow: hidden;

}



.sqs_Data_lists li {

  margin-top: 0.15rem;

  line-height: 0.25rem;

}



.sqs_Data_lists li a {

  font-size: 0.2rem;

  color: #333333;

  display: table;

  text-align: left;

}



.sqs_Data_lists li a:hover {

  color: #0046ad !important;

  text-decoration: underline;

  font-family: MyFontNameB;

  font-weight: bold;

  text-align: left;

}




.sqs_Insights {

  width: 8rem;

  height: 4rem;

  float: left;

  background: url(/eng/images/EventsWebinars.png) no-repeat center center;

  background-size: cover;

  position: relative;

}



.sqs_Insights_img {

  width: 8rem;

  height: 4rem;

}



.sqs_Insights_main {

  display: block;

  width: 7.66rem;

  overflow: hidden;

  padding-left: 0.34rem;

  position: absolute;

  z-index: 11;

}



.sqs_Insights_tit {

  width: 100%;

  overflow: hidden;

  margin-top: 2rem;

  display: flex;

  justify-content: space-between;

}



.sqs_Insights_txt {

  /* float: left; */

  width: 6.7rem;

  overflow: hidden;

  font-family: MyFontNameB;

  font-weight: bold;

  color: #FFFFFF;

}



.sqs_Insights_Short {

  font-size: 0.24rem;

  line-height: 0.6rem;

  text-align: left;

}



.sqs_Insights_Long {

  font-size: 0.3rem;

  line-height: 0.42rem;

  font-family: MyFontNameB;

  font-weight: bold;

  text-align: left;

}



.sqs_Insights_more {

  /* float: right; */

  width: 0.63rem;

  height: 0.3rem;

  margin-top: 0.65rem;

}



.sqs_Insights_more img {

  width: 0.15rem;

  height: 0.13rem;

  position: relative;

  top: 0.095rem;

  left: 0.38rem;

}



.sqs_Insights_items {

  width: 10.9rem;

  float: right;

  overflow: hidden;

}



.sqs_Insights_itemsTop,

.sqs_Insights_itemsFoot {

  width: 100%;

  overflow: hidden;

  margin-top: 0.64rem;

}



.sqs_Insights_list {

  width: 4.5rem;

  overflow: hidden;

  float: left;

  margin-left: 0.7rem;

}



.sqs_Insights_mainTitle {

  font-size: 0.26666667rem;

  font-family: MyFontNameB;

  font-weight: bold;

  color: #020F30;

  line-height: 1.5;

  display: block;

}



.sqs_Insights_lists {

  width: 100%;

  overflow: hidden;

}



.sqs_Insights_lists li {

  margin-top: 0.12rem;

  line-height: 0.25rem;

}



.sqs_Insights_lists li a {

  font-size: 0.18666667rem;

  color: #333333;

  display: table;



}



.sqs_Insights_lists li a:hover {

  color: #0046ad !important;

  text-decoration: underline;

  font-family: MyFontNameB;

  font-weight: bold;

}



.sqs_Services_academyTit {

  overflow: hidden;

  float: left;

  margin-left: 0.7rem;

}





/* About SHFE */

.sqs_AboutSHFE {

  width: 7.9rem;

  height: 4.04rem;

  float: left;

  background: url(/eng/images/About_SHFE.png) no-repeat center center;

  background-size: cover;

  position: relative;

}



.sqs_AboutSHFE_img {

  width: 7.9rem;

  height: 4.04rem;

}



.sqs_AboutSHFE_main {

  display: block;

  width: 6.6rem;

  padding: 0.64rem;

  overflow: hidden;

  position: absolute;

  z-index: 11;

}



.sqs_AboutSHFE_tit {

  width: 100%;

  overflow: hidden;

}



.sqs_AboutSHFE_txt {

  float: left;

  font-size: 0.38rem;

  line-height: 1;

  font-family: MyFontNameB;

  font-weight: bold;

  color: #FFFFFF;

}



.sqs_AboutSHFE_more {

  float: right;

  width: 0.63rem;

  height: 0.3rem;

}



.sqs_AboutSHFE_more img {

  width: 0.15rem;

  height: 0.13rem;

  position: relative;

  top: 0.095rem;

  left: 0;

}



.sqs_AboutSHFE_con {

  width: 100%;

  overflow: hidden;

  font-size: 0.2rem;

  color: #FFFFFF;

  line-height: 0.3rem;

  margin-top: 0.35rem;

  text-align: left;

}



.sqs_AboutSHFE_items {

  width: 11.025rem; 

  padding-top: 0.64rem;

  float: right;

  overflow: hidden;

}



.sqs_AboutSHFE_top,

.sqs_AboutSHFE_bottom {

  width: 100%;

  overflow: hidden;

}



.sqs_AboutSHFE_bottom {

  margin-top: 0.64rem;

}



.sqs_AboutSHFE_list {

  width: 2.9rem;

  overflow: hidden;

  float: left;

  margin-left: 0.7rem;

  height: 1rem;

}



.sqs_AboutSHFE_mainTitle {

  font-size: 0.26666667rem;

  font-family: MyFontNameB;

  font-weight: bold;

  color: #020F30;

  line-height: 1.5;

  display: block;

}



.sqs_AboutSHFE_lists {

  width: 100%;

  overflow: hidden;

}



.sqs_AboutSHFE_lists li {

  margin-top: 0.12rem;

  line-height: 0.25rem;

}



.sqs_AboutSHFE_lists li a {

  font-size: 0.18666667rem;

  color: #333333;

  display: table;



}



.sqs_AboutSHFE_lists li a:hover {

  color: #0046ad !important;

  text-decoration: underline;

  font-family: MyFontNameB;

  font-weight: bold;

}




.sqs_cptyxqy_banner {

  width: 100%;

  height: 6.41rem;

  position: relative;

  top: 0rem;

  background: url(/eng/images/oil_banner.png);

  background-size: cover;

}




.sqs_tyxqy_banner {

  width: 100%;

  height: 6.41rem;

  position: relative;

  top: 0rem;

  background: url(/eng/images/new_banner.png);

  background-size: cover;

}

.sqs_navfl ul {

  overflow: hidden;

}



.sqs_column_one {width: 3.7rem !important;line-height: 1.5;text-align: left;padding: 0.15rem 0 0.15rem 0.2rem;margin-top: 0.2rem;}



.sqs_column_one_avtive,

.sqs_column_one:hover {

  background: #0045ae;

}



.sqs_column_one:hover a,

.sqs_column_one_avtive a {

  font-family: MyFontNameB;

  font-weight: bold;

  color: #fff !important;

}



.sqs_column_one a,

.sqs_column_two a {

  color: #333;

  font-size: 0.3rem;

  display: block;
  cursor: pointer;

}



.sqs_column_two {width: 3.3rem !important;line-height: 1.3;margin-top: 0.2rem;float: right;text-align: left;padding-left: 0.2rem;padding-right: 0.1rem;padding: 0.15rem 0.1rem 0.15rem 0.2rem;}



.sqs_column_two_avtive,

.sqs_column_two:hover {

  background: #a2badf;

  border-left: 0.08rem solid #194fb0;

}



.sqs_column_two:hover a,

.sqs_column_two_avtive a {

  font-family: MyFontNameB;

  font-weight: bold;

  color: #fff !important;

}



.nav_showHide {

  overflow: hidden;

  display: none;

}



.tc_QRBox {

  width: 1.6rem;

  overflow: hidden;

  position: absolute;

  top: -1.8rem;

  display: none;

}



.tc_QR {

  width: 1.6rem;

  height: 1.6rem;

  overflow: hidden;

  background: #F9F9F9;

}



.tc_QRafter {

  margin-left: 0.4rem;

  width: 0px;

  height: 0px;

  line-height: 0px;

  border-width: 0.09rem 0.09rem 0;

  border-style: solid dashed dashed dashed;

  border-color: #f9f9f9 transparent transparent transparent;

}



.tc_QR img {

  width: 1.4rem;

  height: 1.4rem;

  margin: 0.1rem auto;

}




.sqs_footerBox {

  width: 100%;

  overflow: hidden;

  background: #002663;

  border-top: 0.1rem solid #e70033;

}



.sqs_accessTheMarket {width: 100%;height: 4.54rem;background: url(/eng/images/AccessTheMarket.png) no-repeat;background-size: cover;overflow: hidden;margin-top: 1rem;}



.sqs_accessTheMarket_link {

  display: block;

  float: right;

  margin: 0.8rem 12% 0 0;

  width: 7.09rem;

  height: 2.18rem;

  border-bottom: 0.02rem solid #FFFFFF;

}



.sqs_accessTheMarket_icon {

  width: 0.43rem;

  height: 0.42rem;

  margin-top: 0.75rem;

}



.sqs_accessTheMarket_icon img,

.sqs_accessTheMarket_nameF img {

  width: 100%;

}



.sqs_accessTheMarket_name {

  width: 100%;

  overflow: hidden;

  font-size: 0.3rem;

  color: #FFFFFF;

  margin-top: 0.2rem;

}



.sqs_accessTheMarket_nameL {

  font-family: MyFontNameB;

  font-weight: bold;

  float: left;

}



.sqs_accessTheMarket_nameF {

  float: right;

  width: 0.15rem;

  height: 0.13rem;

  margin-top: 0.15rem;

}



.sqs_footer {

  width: 84%;

  margin: 1.09rem auto 0;

  overflow: hidden;

}



.sqs_footer_up {

  width: 100%;

  overflow: hidden;

}



.sqs_footer_logo {

  float: left;

}



.sqs_footer_logo,

.sqs_footer_logo img {

  width: 2.25rem;

  height: 0.68rem;

}



.sqs_footer_link {

  line-height: 1;

  float: right;

  margin-top: 0.42rem;

}



.sqs_footer_link a {

  margin-left: 0.25rem;

  float: left;

  color: #FFFFFF;

  font-size: 0.24rem;

}



.sqs_footer_link a:first-child {

  margin-left: 0;

}



.sqs_footer_Company {

  width: 3.8rem;

  overflow: hidden;

  float: left;

}



.sqs_footer_CompanyName {

  font-size: 0.24rem;

  color: #FFFFFF;

}



.sqs_footer_some {

  width: 100%;

  overflow: hidden;

  margin-top: 0.2rem;

}



.sqs_footer_some a,

.sqs_footer_some span {

  float: left;

  font-size: 0.24rem;

  color: #FFFFFF;

  line-height: 1;

  margin: 0 0.1rem;

}



.sqs_footer_some a:first-child {

  margin-left: 0;

}



.sqs_footer_middle {

  width: 84%;

  margin: 1.24rem auto 0.68rem;

  height: 0.8rem;

}



.sqs_footer_middle_icon {

  float: right;

  margin-top: 0.23rem;

  position: relative;

}



.sqs_footer_middle_icon a {

  float: left;

  margin-left: 0.25rem;

  width: 0.52rem;

  height: 0.52rem;

}



.sqs_footer_middle_icon a img {

  width: 0.52rem;

  height: 0.52rem;

}



.sqs_footer_down {

  width: 100%;

  /* height: 1.45rem; */

  /* border-top: 1px solid #FFFFFF; */

  overflow: hidden;

}



.sqs_footer_down_m {

  width: 84%;

  margin: 0 auto 0.33rem;

  color: #FFFFFF;

  font-size: 0.2rem;

  overflow: hidden;

}



.sqs_footer_down_fl {

  float: left;

}
.sqs_footer_down_fl p.beian {

  padding-top: 0.1rem;

}


.sqs_footer_down_fl p.beian a {

  color: #fff;

}


.sqs_footer_down_fl p.beian img {

  display: inline-block;
  vertical-align: bottom;

}



.sqs_footer_down_fl span {

  margin-left: 0.15rem;

}



.sqs_footer_down_fr {

  float: right;

}


.sqs_footer_down_fr p.beian {

  padding-top: 0.1rem;

}


.sqs_footer_down_fr p.beian a {

  color: #fff;

}


.sqs_footer_down_fr p.beian img {

  display: inline-block;
  vertical-align: bottom;

}




/* .sqs_Service_SHFE_banner {

  width: 100%;

  height: 6.4rem;

  position: relative;

  top: 0rem;

  background: url(/eng/images/Services_banner.png) no-repeat center center;

  background-size: cover;

} */

.sqs_serv_con {

	margin-bottom: 0.5rem;

}

@media screen and (max-width: 750px) {

/*   .banner-tit {
    display: block;
    height: 0.36rem;
    position: absolute;
    left: 0;
    top: -0.44rem;
    color: #002562;
    background: #FFFFFF;
    opacity: 0.7;
    font-size: 0.15rem;
    line-height: 0.36rem;
    padding-left: 0.15rem;
    padding-right: 0.5rem;
  }

  .sqs_Service_SHFE_banner {

    width: 100%;

    height: 1.25rem;

    margin-bottom: 0.36rem;

  }

  .banner-pos {

    bottom: -0.32rem;

    height: 0.24rem;

    padding-left: 0.15rem;

  }

  .banner-pos .banner_nav {

    height: 0.24rem;

    line-height: 0.24rem;

    float: left;

    color: #999;

    font-size: 0.1rem;

  }

  .banner-pos .banner_nav a {

    font-size: 0.1rem;

    margin: 0 0.03rem;

    color: #999;

  }

  .banner-pos .banner_nav a.active {

    color: #333;

  } */

  .sqs_dataCon_navfl {

    display: none;

  }

  .sqs_dataCon_fr {

    width: 100%;

    padding: 0 0.15rem;

    margin: 0;

    float: none;

    margin-bottom: 0.3rem;

  }

  .sqs_serviceM_fr_tit {

    font-size: 0.15rem;

    line-height: 0.24rem;

    padding-bottom: 0.05rem;

    border-bottom: 0.02rem solid #ccc;

    /* width: 1rem; */

    display: inline-block;

    margin-bottom: 0.2rem;

  }

  .control {

    background: #fff;

  }

  .sqs_serviceM_Con .sqs_serv_con li {

	padding: 0;

	margin: 0;

	height: 0.28rem;

	line-height: 0.28rem;

	width: 100%;

	display: inline-block;

	}

  .sqs_serviceM_Con .sqs_serv_con li a {

    width: 2.46rem;

	font-size: 0.13rem;

	line-height: 0.2rem;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	white-space: normal;

	word-break: break-all;

	height: 0.28rem;

	line-height: 0.28rem;

	display: inline-block;

	height: 0.28rem;

	line-height: 0.28rem;

	display: inline-block;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

  }

  .sqs_serviceM_Con .sqs_serv_con li span {

    width: 0.69rem;

	height: 0.17rem;

	font-family: ArialMT;

	font-size: 0.11rem;

	color: rgba(51, 51, 51, 0.6);

	line-height: 0.17rem;

	text-align: center;

	font-style: normal;

	height: 0.28rem;

	line-height: 0.28rem;

	display: inline-block;

  }

  .sqs_dataCon_fr #page {

    height: 0.42rem;

    padding-top: 0.1rem;

  }

  .sqs_dataCon_fr #page span {

    font-size: 0.11rem;

    vertical-align: top;

  }

  .sqs_dataCon_fr #page a {

    width: 0.24rem;

    height: 0.24rem;

    display: inline-block;

    padding: 0;

    font-size: 0.11rem;

    margin-left: 0;

    border: none;

    text-align: center;

    line-height: 0.24rem;

  }

  .sqs_dataCon_fr #page a.nowpage {

    background: #ECF0FA;

    border-radius: 50%;

  }

  .sqs_dataCon_fr #page .gotoPage {

    display: none;

  }

  .sqs_serviceM_Con *{

    font-size: 0.12rem !important;

  }

  .sqs_serviceM_Con td img {

    width: 1.1rem;

    padding-right: 0.054rem;

  }



  .sqs_serviceM_Con .sqs_serv_con {

    margin-bottom: 0.1rem;

  }

  .sqs_serviceM_Con .sqs_serv_con li {

    padding: 0;

    margin: 0;

    height: 0.28rem;

    line-height: 0.28rem;

    display: inline-block;

  }
  
  .sqs_accessTheMarket {
      height: 0.88rem;
/*       margin-top: 0.1rem; */
  }
  

}




/* calendar star */
.home_calendar_i .el-input__inner{
  cursor:pointer;
}
#pub_head_cascader .el-calendar__body {
  padding:0;
}
#pub_head_cascader .el-calendar-table {
  height:auto;
  font-size: 0.18rem;
}
#pub_head_cascader .calendar_p {
  font-size:0.2rem;
  display:inline-block;
  width: 0.41rem;
  height: 0.282rem;
}
#pub_head_cascader .current .calendar_p {
  color:#333;
  font-weight:normal;
}
#pub_head_cascader .prev .calendar_p,
#pub_head_cascader .next .calendar_p {
  color:#cecece;
  font-weight:normal;
}
#pub_head_cascader .el-calendar-table .el-calendar-day {
  height:auto;
}
#pub_head_cascader .el-calendar-table__row {
  height: auto;
  width: 100%;
}
#pub_head_cascader .el-calendar__header .el-calendar-table th {
  width: 0.2rem;
  display:inline-block;

}
#pub_head_cascader .el-calendar__header .el-calendar__title {
	position: absolute;
	top: 22%;
	left: 50%;
	transform: translateX(-50%);
	font-size: 0.22rem;
	z-index: 9;
	font-weight: normal;
}
#pub_head_cascader .el-calendar__button-group {
  width: 100%;
  position: relative;
}
#pub_head_cascader .el-button-group .el-button {
  background-color: unset;
  font-size: 0.26rem;
  border:none;
}
#pub_head_cascader .el-button-group > .el-button:not(:first-child):not(:last-child) {
	display: none;
}
#pub_head_cascader .el-button-group {
	width: 100%;
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
	height: 0.32rem;
	cursor: pointer;
}
#pub_head_cascader .el-button-group .el-button {
    position:absolute;
    /* top: -0.03rem; */
}
#pub_head_cascader .el-button-group .el-button:nth-child(1) {
  left: 0;
}
#pub_head_cascader .el-button-group .el-button:nth-child(3) {
  right:0;
}
#pub_head_cascader tbody > tr:nth-child(2n) {
  background-color: unset;
}
#pub_head_cascader .el-calendar__body {
  padding: 0;
}
#pub_head_cascader .el-calendar-table thead th {
  padding:0;
  line-height: 0.5rem;
}
#pub_head_cascader .el-calendar-table td {
  border:none;
  width: 0.644rem;
}
#pub_head_cascader .el-calendar-table td.is-selected {
  background-color: #0437ad;
  border-radius: 0.04rem;
}
#pub_head_cascader .el-calendar-table .el-calendar-day {
    /* width: 1.066rem; */
    /* height: 0.3rem; */
    display: flex;
    justify-content: center;
    align-items: center;
}

#pub_head_cascader  .el-calendar-table td.is-selected .calendar_p{
  color:#fff;
}

#pub_head_cascader  .el-calendar-table tr td:hover{
  background-color: #0437ad !important;
  color:#fff !important;
  border-radius: 0.04rem;
}
#pub_head_cascader  .el-calendar-table .el-calendar-day:hover{
  background-color: unset !important;
  color:#fff !important;
  border-radius: 0.04rem;
}
#pub_head_cascader  .el-calendar-table tr td:hover .calendar_p {
    color:#fff !important;
}

/* color-point star */
#pub_head_cascader  .el-calendar-table .el-calendar-day {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 0.41rem;
	position: relative;
}
#pub_head_cascader  .point_cont {
	width: 0.5rem;
	position: absolute;
	display: flex;
	justify-content: center;
	bottom: 0.01rem;
	left: 0.072rem;
}
.point_purple,.point_blue,.point_yellow,.point_red {
  width: 0.04rem;
  height: 0.05rem;
  border-radius: 100px;
  margin: 0.02rem;
}
.point_purple {
  background-color:#CD6BFC;
}
.point_blue {
  background-color:#1084f1;
}
.point_yellow {
  background-color:#FFC30A;
}
.point_red {
  background-color:#DF0723;
}
/* color-point end */


/* select --- star */
#pub_head_cascader .el-picker-panel {
  width: 4rem;
  padding-bottom:0.1rem;
}
#pub_head_cascader .el-picker-panel .el-date-picker__header--bordered {
  line-height: 0.38rem;
  font-size: 0.22rem;
  margin-bottom:0.1rem;
}
#pub_head_cascader .el-picker-panel .el-date-picker__header--bordered button {
  font-size: 0.22rem;
}
#pub_head_cascader .el-picker-panel .el-picker-panel__content {
  width: 4rem;
  margin: 0;
}
#pub_head_cascader .el-picker-panel .el-picker-panel__content table div{
  height:auto;
}
#pub_head_cascader .el-picker-panel .el-month-table td .cell,
#pub_head_cascader .el-picker-panel .el-year-table td .cell {
  	display: block;
  	width: 0.8rem;
  	height: 0.5rem;
  	line-height: 0.5rem;
  	color: #333;
  	border-radius: 0.05rem;
  	font-size: 0.2rem;
}
#pub_head_cascader .el-picker-panel .el-month-table tr,
#pub_head_cascader .el-picker-panel .el-year-table tr{
  width: 100%;
  background-color: unset;
}
#pub_head_cascader .el-picker-panel .el-date-picker__header-label {
  font-size: 0.22rem;
  cursor: pointer;
}
/* select --- end */

#pub_head_cascader .el-calendar {
  width: 70%;
  margin: 0 auto;
}
#pub_head_cascader {
  position:relative;
  margin-bottom: 0.1rem;
}
#pub_head_cascader .el-date-editor {
  position:absolute;
  top: 0;
  width: 2rem;
  height: 0.5rem;
}
#pub_head_cascader .el-calendar .el-calendar__header .el-button-group {
	display:flex;
	justify-content: space-between;
}
#pub_head_cascader .el-calendar .el-calendar__header .el-button-group>button {
  border: none;
  background:unset;
  font-size:0.3rem;

}
#pub_head_cascader .el-calendar .el-calendar__header .el-button-group>button span{
  line-height:0.3rem;
  height:0.3rem;
}
#pub_head_cascader .el-calendar .el-calendar__header .el-button-group>button:nth-child(2) {
  display:none;
}
#pub_head_cascader .el-button-group::after, 
#pub_head_cascader .el-button-group::before {
  display:none;
}
#pub_head_cascader .el-calendar .el-calendar__header {
  padding: 0.1rem 0.2rem;
  position: relative;
  /* height: 0.52rem; */
}
/* #pub_head_cascader .el-calendar .el-calendar__header .el-calendar__title {
}
#pub_head_cascader .el-calendar .el-calendar__header .el-calendar__button-group {
} */
#pub_head_cascader .el-date-editor {
  	position:absolute;
  	top: 0.1rem;
  	right: 2rem;
  	opacity:0;
  	z-index: 99;
}
#pub_head_cascader .el-date-editor ,
#pub_head_cascader .el-date-editor .el-input__inner {
	height: 0.32rem;
	line-height:0.5rem;
	cursor: pointer;
}

#pub_head_cascader .el-calendar-table td.is-selected {
  background-color: #0437ad;
  border-radius: 0.08rem;
  color: #fff;
}
#pub_head_cascader .el-calendar-table td.is-selected .calendar_p{
  color:#fff;
}
#pub_head_cascader .el-calendar-table tr td:hover{
  background-color: #0437ad !important;
  color:#fff !important;
  border-radius: 0.08rem;
}
#pub_head_cascader .el-calendar-table .el-calendar-day:hover{
  background-color: unset !important;
  color:#fff !important;
  border-radius: 0.08rem;
}
#pub_head_cascader .el-calendar-table tr td:hover .calendar_p {
    color:#fff !important;
}

.sqs_rili_box .pub_head_text_content {
  height: 3rem;
  overflow-y:scroll;
  text-align: left;
  font-size: 0.18rem;
  line-height: 0.266rem;
  border-top: 1px solid #eaeaea;
  padding-left: 0.3rem;
  padding-right: 0.1rem;
}

.sqs_rili_box .pub_head_text_content::-webkit-scrollbar {
  width: 0.05rem;
  height: 0.05rem;
}
.sqs_rili_box .pub_head_text_content::-webkit-scrollbar-track {
  border-radius: 0.0125rem;
  background: #eceef2;
}
.sqs_rili_box .pub_head_text_content::-webkit-scrollbar-thumb {
  border-radius: 0.0625rem;
  background: #a9b7dd;
}
.sqs_rili_box .pub_head_text_content::-webkit-scrollbar-thumb:hover {
  background: #c5cee7;
}

.pub_head_text_detail_title {
  display:flex;
  align-items:center;
}
.pub_head_text_detail_content p {
	overflow-wrap: break-word;
}
.pub_head_text_detail_title>div {
  margin-right: 0.1rem;
}
.pub_head_text_detail_content>div>p:last-child {
  padding-left:0.22rem;
}
.pub_head_text_content_item:first-child {
  margin: 0.15rem 0 0 0;
}
.pub_head_text_content_item {
  margin: 0.1rem 0 0 0;
}

/* calendar end */


.sqs_top_line {
  /* height: 1.2rem; */
  display:flex;
  justify-content:space-between;
  align-items:center;
}
#search_idNew {
  	display: flex;
  	align-items: center;
  	justify-content:flex-start;
  	/* margin-right: 0.3750rem; */
  	/* margin-left: auto; */
  	font-size: 0.2rem;
}
#search_idNew .input-box, #height_btn {
  display: inline-block;
  margin-right:0.2rem;
}
#height_btn ,
#search_idNew .language,
#search_idNew .language a
{
  color: #002663;
  cursor:pointer;
}



/* nav index, only */
.banner-pos {
  width: 100%;
  padding: 0 8%;
  height: 1.07rem;
  line-height: 1.07rem;
  position: absolute;
  bottom: 0;
  background: url(banner-navBg.png) repeat-x;
  background-size: cover;
  /* box-sizing: revert; */
}
.banner-tit {
  float: left;
  font-size: 0.4533rem;
  font-family: MyFontNameB;
  font-weight: bold;
  color: #002663;
}
.banner_nav {
  float: right;
  font-size: 0.1867rem;
  color: #333;
}
.banner_nav > a {
  font-size: 0.1867rem;
  color: #333;
  margin: 0 0.1rem;
}
.sqs_Service_SHFE_banner {
  width: 100%;
  height: 6.4rem;
  position: relative;
  top: 0rem;
  background-size: cover;
}
.banner-pos {
	width: 100%;
	padding: 0 8%;
	height: 1.07rem;
	line-height: 1.07rem;
	position: absolute;
	bottom: 0;
	background: url(banner-navBg.png) repeat-x;
	background-size: cover;
}


.m_red_icon {
  position: relative;
}

.m_red_icon::after {
  content: '';
  position: absolute;
  top: 0.08rem;
  right: 0.02rem;
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.04rem;
  background-color: red;
}

@media screen and (max-width: 750px) {

  .circularnews_index .banner-pos .banner-tit {
    display: block;
    height: 0.36rem;
    position: absolute;
    left: 0;
    top: -0.36rem;
    color: #002562;
    background: #FFFFFF;
    opacity: 0.7;
    font-size: 0.15rem;
    line-height: 0.36rem;
    padding-left: 0.15rem;
    padding-right: 0.5rem;
  }
  .circularnews_index .banner-pos {
    background: #fff;
    height: unset;
  }
  .circularnews_index .banner-pos .banner_nav a.active {
    color: #333333;
  }
  .circularnews_index .banner-pos .banner-tit {
    display: block;
    height: 0.36rem;
    position: absolute;
    left: 0;
    top: -0.36rem;
    color: #002562;
    background: #FFFFFF;
    opacity: 0.7;
    font-size: 0.15rem;
    line-height: 0.36rem;
    padding-left: 0.15rem;
    padding-right: 0.5rem;
  }
  .banner-pos {
  width: 100%;
  padding: 0 8%;
  height: 1.07rem;
  line-height: 1.07rem;
  position: absolute;
  bottom: 0;
  background: url(banner-navBg.png) repeat-x;
  background-size: cover;
  box-sizing: revert;
}
.banner-tit {
  float: left;
  font-size: 0.4533rem;
  font-family: MyFontNameB;
  font-weight: bold;
  color: #002663;
}
.banner_nav {
  float: right;
  font-size: 0.1867rem;
  color: #333;
}
.banner_nav > a {
  font-size: 0.1867rem;
  color: #333;
  margin: 0 0.1rem;
}
  .sqs_Service_SHFE_banner {
  	margin-bottom: 0.5rem !important;
  	height: 1.25rem !important;
  }
  .sqs_Service_SHFE_banner .banner-pos {
	position: absolute;
    bottom: 0;
    padding: 0 0.15rem;
    background: #fff;
    height: unset;
    line-height: unset;
  }
  .sqs_Service_SHFE_banner .banner-pos .banner_nav {
  	width: 3.46rem;
    line-height: unset;
    height: unset;
    position: absolute;
    margin-top: 0.1rem;
  }
  .sqs_Service_SHFE_banner .banner-pos .banner_nav,
  .sqs_Service_SHFE_banner .banner-pos .banner_nav>span,
  .sqs_Service_SHFE_banner .banner-pos .banner_nav>a,
  .sqs_Service_SHFE_banner .banner-pos .banner_nav .m_text_icon, 
  .sqs_Service_SHFE_banner .banner-pos .banner_nav .m_text_info {
    color: #999;
    font-size:0.13rem;
    line-height: 0.2rem;
    transform: none;
    /* margin-left: 0.05rem; */
    margin-right: 0.05rem;
  }
  .sqs_Service_SHFE_banner .banner-pos .banner_nav>a:last-child {
  	color: #555;
  }
  .sqs_Service_SHFE_banner .banner-pos .banner_nav_index {
  	position: absolute;
	top: -0.3rem;
	left: 0.1rem;
  }
  .sqs_Service_SHFE_banner .banner-pos .banner_nav .m_text_icon {
  	margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
  .sqs_Service_SHFE_banner .banner-pos .banner_nav>a:first-child {
  	margin-left: 0;
  }
  .banner-pos .banner-tit {

    height: 0.36rem;
    position: absolute;
    left: 0;
    top: -0.36rem;
    color: #002562;
    background: #FFFFFF;
    opacity: 0.7;
    font-size: 0.15rem;
    line-height: 0.36rem;
    padding-left: 0.15rem;
    padding-right: 0.15rem;
    min-width: 1.68rem;
  }

}