* {
      margin: 0;
      padding: 0;
      outline: none;
}
body {
      min-width: 320px;
      line-height: 1.5;
      /*font-family: Arial, Helvetica, STHeiTi, sans-serif;*/
      font-family: "PingFangSC-Regular", "PingFangSC-Light", "PingFang SC", sans-serif, "Microsoft YaHei";
 
}
ul, ol, li {
      list-style: none;
}
a {
      text-decoration: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover {
      text-decoration: none;
}
html {
      font-size: 75px
}
@media screen and (min-width:320px) {
      html {
            font-size: 21.33px
      }
      body {
            font-size: 12px
      }
}
@media screen and (min-width:360px) {
      html {
            font-size: 24px
      }
      body {
            font-size: 12px
      }
}
@media screen and (min-width:375px) {
      html {
            font-size: 25px
      }
      body {
            font-size: 12px
      }
}
@media screen and (min-width:384px) {
      html {
            font-size: 25.6px
      }
      body {
            font-size: 14px
      }
}
@media screen and (min-width:400px) {
      html {
            font-size: 26.67px
      }
      body {
            font-size: 14px
      }
}
@media screen and (min-width:414px) {
      html {
            font-size: 27.6px
      }
      body {
            font-size: 14px
      }
}
@media screen and (min-width:424px) {
      html {
            font-size: 28.27px
      }
      body {
            font-size: 14px
      }
}
@media screen and (min-width:480px) {
      html {
            font-size: 32px
      }
      body {
            font-size: 15.36px
      }
}
@media screen and (min-width:540px) {
      html {
            font-size: 36px
      }
      body {
            font-size: 17.28px
      }
}
@media screen and (min-width:720px) {
      html {
            font-size: 48px
      }
      body {
            font-size: 23.04px
      }
}
@media screen and (min-width:750px) {
      html {
            font-size: 50px
      }
      body {
            font-size: 24px
      }
}
/*register page style*/
.container {
      width: 100%;
      height: auto;
      max-width: 750px;
      min-width: 320px;
      margin: 0 auto;
      
}
.container1 {
      width: 100%;
      height: auto;
   
      max-width: 750px;
      min-width: 320px;
      margin: 0 auto;
      
}


.swiper_tab_wrap 
{
    position:relative;
      width: 100%;
      height: auto;
      margin: 0 auto;
}
.swiper_tab {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
      line-height: 1.84rem;
      height: auto;
      overflow: hidden;
      text-align: center;
      z-index: 9
}
.swiper_tab ul {
      max-width: 750px;
      margin: 0 auto;
      background: #F7F7F7;
}
.swiper_tab ul {
      display: flex;
      width: 100%;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      margin: 0 auto
}
.swiper_tab ul li {
      width: 33%;
      float: left;
      line-height: 1.84rem;
      color: #434343;
      text-align: center;
      font-size: 0.6rem;
      font-weight: bold;
}
.swiper_tab ul li a.active {
      font-size: 0.6rem;
      /*line-height: 20px;*/
      font-weight: bold;
      overflow: hidden;
      color: #0276E3;
}
.swiper_tab ul li a {
      border-bottom: 2px solid #F7F7F7;
      padding-bottom: 0.2rem;
      color:#282828
}
.swiper_tab ul li a.active {
      border-bottom: 2px solid #0276E3;
      padding-bottom: 0.2rem;
}
#swiperTabCon {
      width: 100%;
      height:auto;
      border-top: 1px solid #E5E5E5;
      margin-top: 1.84rem
}
.swiper-slide {
      width: 100%;
      height: auto;
}
.swiper-slide h2 {
      color: #282828;
      font-size: 0.64rem;
      margin: 0.6rem 0 0.6rem 0.48rem
}
swiper-slide img {
      width: 100%;
      height: auto;
}
img {
      width: 100%;
      height: auto;
      display: block;
}
.swiper-button-disabled {
      display: none;
}
/*.disabled {
      pointer-events: none;
      cursor: default;
}*/
.fixed {
      width: 100%;
      height: auto;
      position: fixed;
      max-width: 750px;
      bottom: 0;
      display: none;
      
}
.fixed img {
      width: 100%;
      height: auto
}
iframe {
      display: block
}
.theme-code{display:none}
.theme-code-mask {
      z-index: 1;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: none;
      opacity: 0.8;
      filter: alpha(opacity=80);
      -moz-opacity: 0.8;
      display: block;
      z-index: 999
}
.theme-popover {
      z-index: 999;
      position: fixed;
      left: 5%;
      top: 8rem;
      width: 90%;
      height: auto;
      display: block;
     
     
          text-align: center;
    line-height: 2rem;
    
}

.theme-popover-text {
     
      width:30%;
      height: auto;
     background-color: rgba(204,204,204,.8);
      border-radius: 5px;
          text-align: center;
    line-height: 2rem;
    margin:0 auto
    
}

.theme-popover a 
{
    display:block;
      width: 1rem;
      height: 1rem;
      line-height: 1rem;
     background-color: ;
      opacity: 0.5;
      filter: alpha(opacity=50);
      border-radius: 1rem;
      color: #000;
      z-index: 999;
    margin:.5rem auto;
}
.main-text{ width:100%; height:1.5rem;overflow:hidden;margin-top:1.84rem; display:block;}
.txtMarquee-left {
	width: 100% !important;
}

.txtMarquee-left .hd {
	overflow: hidden;
	background: #fff;

}


.txtMarquee-left .bd .tempWrap {
	width: 100% !important;
	overflow: hidden;
}

/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul {
	
	overflow: hidden;
	zoom: 1;
	
	
}

.txtMarquee-left .bd ul li {
	float:left;
	line-height: 1.5rem;
	width: 150%;
	font-size: 0.55rem;
	
}

/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */


.txtMarquee-left .bd ul li {
	color: #0276E3;
}


.txtMarquee-left .bd ul li a {
	color: #0276E3;
}


.txtMarquee-left .bd ul li a img{ display: inline-block; width: 0.5rem; height: 0.5rem; vertical-align: middle;}

.main {
	width: 100%;
	height: auto;
	max-width: 750px;
	min-width: 320px;
	margin: 0 auto;
}

.main h2 {
	text-align: center;
	font-size: 0.6rem;
	font-weight: bold;
	margin-top: 0.5rem;
}


.main h3 {
	font-size: 0.55rem;
	font-weight: bold;
	margin-top: 0.5rem;
}

.main p {
	text-indent: 1rem;
	margin-top: 0.5rem;
}

.main p a {
	color: #000;
}