.bg {
  background: url(../images/loginbg.jpg);
  background-size: cover;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-filter: blur(2px);
  filter: blur(2px); }

.bg-index {
  background: url(../images/mbg.jpg);
  background-size: cover; }

.iphoneNav,
.iphoneNavM {
  width: 100%;
  height: 100%;
  background: #306457;
  position: fixed;
  z-index: 999;
  top: 0;
  padding: 1.3rem .3rem .3rem;
  overflow-y: scroll; }

.iphoneNav {
  left: -100%;
  -webkit-transition: left .5s;
  transition: left .5s; }

.iphoneNav .search-wrap,
.iphoneNavM .search-wrap {
  border-bottom: 1px solid #FFF; }

.iphoneNav-search {
  background: #306457;
  color: #fff;
  font-size: .24rem;
  line-height: .78rem;
  height: .78rem;
  width: 80%; }

.iphoneNav-search input::-webkit-input-placeholder {
  color: #FFF;
  opacity: .5; }

.iphoneNav-search input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #FFF;
  opacity: .5; }

.iphoneNav-search input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #FFF;
  opacity: .5; }

.iphoneNav-search input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #FFF;
  opacity: .5; }

#searchbtn {
  background: transparent;
  color: #fff;
  font-size: .4rem;
  float: right;
  line-height: .78rem;
  height: .78rem; }

.iphoneNav .menu-wrap,
.iphoneNavM .menu-wrap {
  padding-top: .4rem; }

.iphoneNav .accordion,
.iphoneNavM .accordion {
  line-height: .98rem;
  padding-bottom: .9rem; }

.iphoneNav .accordion .submenu,
.iphoneNavM .accordion .submenu {
  display: none;
  background: #FFF; }

.iphoneNav .accordion .submenu li a span[class*=icon-],
.iphoneNavM .accordion .submenu li a span[class*=icon-] {
  padding-left: .6rem;
  padding-right: .6rem; }

.iphoneNav .accordion .submenu a,
.iphoneNavM .accordion .submenu a {
  display: block;
  position: relative;
  color: #306457;
  font-size: .28rem;
  line-height: .9rem;
  height: .9rem; }

.iphoneNav .accordion .link-,
.iphoneNav .accordion .link- a,
.iphoneNavM .accordion .link-,
.iphoneNavM .accordion .link- a {
  color: #FFF;
  font-size: .34rem;
  font-weight: bold; }

.iphoneNav .accordion .link- span[class*=icon-],
.iphoneNavM .accordion .link- span[class*=icon-] {
  padding-right: .4rem; }

.iphoneNav .accordion .link- span.icon-io,
.iphoneNavM .accordion .link- span.icon-io {
  padding-left: .25rem; }

.iphoneNavM {
  left: 0;
  -webkit-transition: left .5s;
  transition: left .5s; }

header.nav {
  height: 1rem;
  width: 100%;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 .3rem;
  z-index: 1000; }

header.nav .m-logo {
  font-size: .8rem;
  padding: .1rem 0; }

header.nav .hamburger {
  position: absolute;
  top: 50%;
  margin-top: -.26rem;
  right: .3rem;
  cursor: pointer;
  z-index: 1000; }

.hamburger .line {
  min-height: 2px;
  min-width: 20px;
  background: #2D594E;
  display: block;
  margin: 7px auto;
  -webkit-transition: transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }

.hamburger:hover {
  cursor: pointer; }

#iphoneMenu.is-active {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

#iphoneMenu.is-active .line:nth-child(1),
#iphoneMenu.is-active .line:nth-child(2) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s; }

#iphoneMenu.is-active .line:nth-child(1) {
  -webkit-transform: translateY(6px);
  transform: translateY(6px); }

#iphoneMenu.is-active .line:nth-child(2) {
  -webkit-transform: translateY(-3px) rotate(90deg);
  transform: translateY(-3px) rotate(90deg); }

.iphoneNav-footer {
  position: fixed;
  bottom: 0;
  line-height: 1.2rem;
  height: 1.2rem;
  width: calc(100% - .6rem);
  background: #306457;
  color: #fff;
  font-size: .24rem; }

.iphoneNav-footer a {
  color: #FFF;
  margin-left: .4rem;
  font-size: .24rem; }

.iphoneNav-footer p span {
  float: left;
  line-height: 1.2rem;
  display: inline-block; }

.otips::after {
  content: "9+";
  position: absolute;
  top: 50%;
  left: 3rem;
  margin-top: -10px;
  background: red;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  -webkit-transform-origin-x: 0;
  -webkit-transform: scale(0.9);
  text-align: center;
  line-height: 18px;
  height: 18px;
  width: 18px; }

.copy-icon {
  font-size: 20px !important; }

.main {
  position: relative;
  margin: 1.3rem .3rem .3rem; }

.login-box {
  background: #fff;
  text-align: center;
  padding: 0 .3rem;
  height: 11.7rem;
  width: 6.9rem;
  margin: 0 auto; }

.login-box-inner {
  position: relative;
  height: 100%;
  width: 100%; }

.login-box-title {
  color: #333;
  font-size: .36rem;
  font-weight: bold;
  text-align: center;
  padding-top: .8rem;
  padding-bottom: .8rem; }

.login-box form {
  text-align: left; }

.login-title {
  color: #999;
  font-size: .22rem;
  line-height: .3rem;
  height: .3rem;
  margin-bottom: .3rem; }

.login-box input {
  display: inline-block;
  font-size: .28rem;
  width: 100%;
  height: .4rem;
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: .6rem; }

.button {
  font-size: .36rem;
  width: 2.88rem;
  height: .9rem;
  cursor: pointer;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #fff;
  border: none;
  border-radius: 25px;
  outline: none;
  background-color: #306457;
  -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); }

#wjmm {
  color: #666;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  margin: .4rem 0; }

.login-box-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center; }

.login-links {
  padding-bottom: .1rem; }

.login-links li {
  float: left;
  padding: 0 .3rem; }

.login-links li a {
  color: #666;
  font-size: .24rem;
  line-height: .33rem;
  height: .33rem; }

.login-copyright {
  color: #A0A0A0;
  font-size: .2rem;
  line-height: .22rem;
  height: .82rem;
  padding: .3rem 0; }

.login-copyright .copy-icon {
  display: inline-block;
  font-size: 12px !important;
  font-family: Arial,Helvetica,sans-serif; }

.tabWrap .tabCont {
  display: none; }

.tabWrap > .active {
  display: block; }

.tabWrap1 .tabgrup .tab {
  /* float: left;
  width: 3.3rem;
  margin-bottom: .3rem; */
  float: right;
  width: 3.2rem;
  margin-bottom: .5rem;
  
  height: 2.1rem;
  padding: .2rem;
  text-align: center;
  color: #fff;
  font-size: .36rem;
  font-weight: bold;
  line-height: .5rem; }

.tabWrap1 .tabgrup .tab p:first-child {
  height: 1.2rem;
  padding-bottom: .2rem; }

.tabWrap1 .tabgrup .tab span,
.tabWrap1 .tabgrup .tab span img {
  display: inline-block;
  height: 1rem;
  width: 1rem; }

.tabWrap1 .tabgrup .tab span[class*=icon-] {
  font-size: 1rem; }

.tabWrap1 .tabgrup .tab:nth-child(2n+1) {
  /* margin-right: .3rem;  */
   float: left;
  }

.tabWrap1 .tabgrup #xzjt {
  background: #2D594E; }

.tabWrap1 .tabgrup #sjjt {
  background: #2D594E; }

.tabWrap1 .tabgrup #tzgg {
  background: #6AA5C6; }

.tabWrap1 .tabgrup #ywgl {
  background: #ECA4B5; }

.tabWrap1 .tabgrup #yzbg {
  background: #E97D25; }

.tabWrap1 .tabgrup #news {
  background: #94247A; }

.tabContinner .group {
  background: #fff; }

.tabContinner .group-header {
  background: #2D594E;
  color: #fff;
  font-size: .36rem;
  font-weight: bold;
  line-height: .7rem;
  padding: 0 .15rem;
  position: relative; }

.tabContinner .group1 .group-header {
  background: #6AA5C6; }

.tabContinner .group2 .group-header {
  background: #ECA4B5; }

.tabContinner .group3 .group-header {
  background: #E97D25; }

.tabContinner .group4 .group-header {
  background: #94247A; }

.tabContinner .group .tabgrup {
  min-height: .75rem; }

.tabContinner .group .tabgrup a {
  float: left;
  line-height: .75rem;
  padding: 0 .54rem;
  font-size: .32rem;
  font-weight: bold;
  border: none !important; }

.tabContinner .group1 .tabgrup a {
  color: #6AA5C6; }

.tabContinner .group1 .tabgrup a.ac,
.tabContinner .group1 .tabgrup a:hover,
.tabContinner .group1 .tabgrup a:active {
  color: #FFF;
  background: #518AAA; }

.tabContinner .group4 .tabgrup a {
  color: #94247A; }

.tabContinner .group4 .tabgrup a.ac,
.tabContinner .group4 .tabgrup a:hover,
.tabContinner .group4 .tabgrup a:active {
  color: #FFF;
  background: #7B1864; }

.tabContinner .group .tabgrup a.ac {
  position: relative; }

.tabContinner .group .tabgrup a.ac::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  border-bottom: 6px solid #FFF;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  margin-left: -3px; }

.tabContinner .group-header > * {
  float: left; }

.tabContinner .group-header-icon {
  width: .6rem;
  height: .6rem;
  margin-top: .05rem;
  margin-bottom: .05rem;
  margin-right: .15rem; }

.tabContinner .group-header-icon img {
  width: 100%; }

.tabContinner .group-header-icon [class*="icon-"] {
  font-size: .6rem; }

.tabContinner .group .section a {
  display: block;
  color: #333;
  font-size: .28rem;
  border-bottom: 1px solid #D8D8D8; }

.tabContinner .group .section a div {
  padding: .15rem; }

.tabContinner .group .section a div p {
  line-height: .4rem;
  min-height: .4rem; }

.tabContinner .group .section a div span.time,
.tabContinner .group .section a div span.bumen {
  margin-top: .04rem;
  display: inline-block;
  color: #666;
  font-size: .18rem;
  line-height: .25rem;
  height: .25rem;
  padding-right: .2rem; }

.tabContinner .group-section-icon {
  padding: .3rem;
  padding-bottom: 0;
  text-align: left; }

.tabContinner .group-section-icon a {
  text-align: center;
  margin: 0 .03rem;
  margin-bottom: .5rem;
  width: 1.45rem; }

.tabContinner .group-section-icon a span[class^="icon-"],
.tabContinner .group-section-icon a span[class*="icon-"] {
  font-size: 1rem; }

.tabContinner .group-section-icon a p {
  color: #333;
  font-size: .28rem;
  line-height: .4rem;
  margin-top: .1rem; }

.group-section-icon a span.tuanwei {
  position: relative; }

.group-section-icon a span.tuanwei::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -.5rem;
  margin-left: -.5rem;
  width: 1rem;
  height: 1rem;
  background: url(../images/tw.png);
  background-size: cover; }

.main-page {
  padding-top: 1rem; }

.main-page > .tabgrup {
  background: #F2F2F2; }

.main-page > .tabgrup .tab {
  float: left;
  text-align: center;
  color: #333;
  font-size: .32rem;
  font-weight: bold;
  border: 1px solid #FFF;
  line-height: 1rem;
  height: 1rem;
  width: 33.33%; }

#tabWrap2 {
  background: #FFF;
  padding: .2rem .3rem; }

.tabWrap2 .tabgrup .tab {
  text-align: center;
  color: #EE8026;
  font-size: .32rem;
  font-weight: bold;
  line-height: .75rem;
  height: .75rem;
  width: 24%; }

.tabWrap2 .tabgrup .active {
  background: #EE8026;
  color: #fff; }

.tabWrap2 .tabContinner .title {
  color: #333;
  font-size: .28rem;
  font-weight: bold;
  line-height: .4rem;
  padding: .4rem 0;
  text-align: center; }

.tabWrap2 .tabContinner .cont {
  font-size: .24rem;
  line-height: .33rem; }

/* iphone plus */
/* iphone X */
@media only screen and (max-width: 375px) and (device-height: 812px) {
  .login-box {
    position: absolute;
    top: 0%;
    left: 50%;
    margin-top: 1.5rem;
    margin-left: -3.45rem; } }
/* iphone 5/SE */
@media only screen and (max-width: 320px) and (device-height: 568px) {
  .login-links li {
    padding: 0 .2rem; }

  .tabContinner .group-section-icon a {
    margin: 0 .02rem; }

  .tabWrap2 .tabgrup .tab {
    width: 23%; } }

/*# sourceMappingURL=mobile.css.map */