body {
  min-width: 320px;
  min-height: 100% !important;
}

@media only screen and (max-width: 960px) and (min-width: 320px) {
  .wapMobileHeader .top {
    background-color: #00a0d7;
    height: 3.12889rem;
    padding: 0 0.71111rem;
  }

  .wapMobileHeader .top .logo {
    width: 7.11111rem;
    height: auto;
    margin-top: 0.71111rem;
  }

  .wapMobileHeader .top .navBtn {
    margin-top: 0.71111rem;
    display: block;
    margin-right: 0;
    cursor: pointer;
  }

  .wapMobileHeader .top .navBtn img {
    width: 1.77778rem;
    height: auto;
  }

  .wapMobileHeader .searchBar input {
    height: 1.77778rem;
    color: #929292;
    font-size: 0.85333rem;
  }

  .wapMobileHeader .searchBar .searchBtn {
    width: 4.62222rem;
    height: 1.77778rem;
    line-height: 1.77778rem;
    font-size: 0.85333rem;
  }

  .news h2.colorBlue.trans_up.pull-left.fs16.b {
    font-size: 0.85333rem;
  }

  .moreBtn {
    height: 1.6rem;
    width: 7.11111rem;
  }

  .moreBtn p {
    line-height: 1.6rem;
    font-size: 0.71111rem;
    width: 100%;
    color: #929292;
  }

  .moreBtn i {
    display: none;
  }

  .news .content .contList p.mt10.color999 {
    margin-bottom: 1.5rem;
  }

  .news {
    padding-bottom: 0px;
  }

  .rules {
    background: url(../images/webapp/rule.png) no-repeat;
    background-size: 100% auto;
    height: 4.69333rem;
  }

  .rules .content {
    display: none;
  }

  .sgc .title {
    font-size: 0.85333rem;
  }

  .sgc {
    position: relative;
  }

  .sgc .moreBtn {
    position: absolute;
    right: 1.6rem;
    top: -0.35556rem;
  }

  .sgc .moreBtn p {
    color: #fff;
  }

  .sgeList .infoItem {
    text-transform: uppercase;
    background-size: 0.71111rem;
    background-position: left center;
    padding-left: 1.06667rem;
    color: #666;
    font-size: 0.85333rem;
    line-height: 1.42222rem;
  }

  .sgeList li p span {
    font-size: 0.71111rem;
    line-height: 1.06667rem;
  }

  .market {
    background: none;
  }

  .market .title h2 {
    font-size: 0.85333rem;
    color: #666;
  }

  .list_head {
    background-position: center;
  }

  .warp2 {
    background: none;
  }
  .warp2 h2 {
    font-size: 0.85333rem;
  }
  .warp2 .howCont .list1, .warp2 .howCont .list2, .warp2 .howCont .list3 {
    background-position: 0.71111rem center;
    background-size: 5.15556rem;
  }
  .warp2 .howCont .list p {
    padding-top: 0;
    line-height: 7.11111rem;
    text-align: left;
    padding-left: 6.93333rem;
    font-size: 1.28rem;
  }

  .copy {
    padding: 0;
  }

  .copy p {
    height: 4.44444rem;
    line-height: 4.44444rem;
    font-size: 0.71111rem;
  }

  .wapSubNav.wapSubNav .subNav .btnList {
    background-color: #00a0d7;
  }

  .wapSubNav {
    top: 3.12889rem;
  }

  .wapSubNav .subNav li {
    height: 3.12889rem;
    text-align: center;
    color: #333;
    font-size: 1.28rem;
    border-color: #fff;
  }

  .sgeList i.fs26.pull-left.ml5.colorRed {
    display: none;
  }

  .ipcBtn i {
    display: none;
  }

  .wapSubNav .subNav li {
    padding: 0;
  }

  .wapSubNav .subNav li a {
    color: #333;
  }

  .wapSubNav .subNav li a:focus {
    background: #cda949;
    color: #fff;
  }

  .wapSubNav .subNav li.on a {
    background: #cda949;
    color: #fff;
  }

  .pading-top88 {
    padding-top: 5.15556rem;
  }

  .padding20 {
    padding: 0 0.71111rem;
  }

  .overviewList .compliance_title i img.down_arrow {
    display: block;
  }

  .overviewList .compliance_title i img.up_arrow {
    display: none;
  }

  .overviewList.active .compliance_title i img.down_arrow {
    display: none;
  }

  .overviewList.active .compliance_title i img.up_arrow {
    display: block;
  }

  .trading_table .jzk_table td {
   /*  word-break: break-all; */
  }

  .trading_table h2 {
    line-height: 1.06667rem;
    font-size: 0.85333rem;
  }

  .main_content .thumbnail {
    background: none;
  }

  .main_content .thumbnail:hover {
    background: none;
  }

  .swiper-container .swiper-slide {
    line-height: 2.91556rem;
    color: #fff;
    font-size: 0.85333rem;
    width: auto !important;
    margin-right: 1.06667rem !important;
    margin-left: 1.06667rem;
    height: 2.91556rem;
  }
  .swiper-container .swiper-button-prev, .swiper-container .swiper-container-rtl .swiper-button-next {
    background-image: url("../images/webapp/left_arrow.png");
    width: 2.48889rem;
    height: 2.84444rem;
    background-size: 2.48889rem 2.84444rem;
    top: 0;
    left: 0;
    margin: 0;
  }
  .swiper-container .swiper-button-next, .swiper-container .swiper-container-rtl .swiper-button-prev {
    background-image: url("../images/webapp/right_arrow.png");
    width: 2.48889rem;
    height: 2.84444rem;
    background-size: 2.48889rem 2.84444rem;
    top: 0;
    right: 0;
    margin: 0;
    z-index: 9999;
  }
  .swiper-container .swiper-button-next.swiper-button-disabled, .swiper-container .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
  }
  .swiper-container .swiper-wrapper {
    padding: 0 1.42222rem;
  }

  .swiper-container1 {
    margin-top: 6.32889rem;
    position: relative;
  }
  .swiper-container1 .swiper-slide img {
    width: 100%;
    height: auto;
  }

  .main_head h2 {
    color: #00a0d7;
    font-size: 1.06667rem;
    font-weight: normal;
  }

  .left_sideBar_head, .main_head {
    background: #fff url("../images/webapp/up_arrow.png") no-repeat 98% center;
    background-size: 1.70667rem auto;
  }

  .articleList li .txt {
    background: url(../images/point.png) no-repeat left center;
    background-size: 0.71111rem auto;
    padding-left: 1.06667rem;
    float: left !important;
  }

  .new_ic {
    width: 2.09778rem;
    height: auto;
    float: left;
  }
  .new_ic img {
    width: 2.09778rem;
    height: auto;
  }

  .clear {
    clear: both;
  }

  .doc_img img {
    width: 0.96rem;
    height: auto;
  }

  .load_btn {
    width: 5.29778rem;
    height: auto;
  }

  .downloadBtn {
    padding: 0;
    width: auto;
    height: auto;
  }

  .articleList .subList .item p a {
    width: auto;
  }

  .main_page .page_list {
    display: block;
  }

  .main_page .nextBtn {
    float: left !important;
  }

  .main_page .page_right {
    display: block;
  }

  .main_page .pull-left {
    float: left !important;
  }

  .main_page .page_left {
    width: 73.4%;
  }

  .main_page .page_list li {
    width: 34px;
  }

  .main_nav li a {
    background: #f2f6f7 url("../images/webapp/ab1.png") no-repeat center 0.71111rem;
    background-size: 2.27556rem auto;
    padding-top: 2.84444rem;
  }

  /*.main_nav li .active{background: #f2f6f7 url("../images/webapp/ab1.png") no-repeat center p2r(20); background-size: p2r(64) auto;}*/
  .main_nav li i {
    display: none;
  }

  .main_nav li a p {
    color: #333;
  }

  /* .main_nav li a.active p{color: #333;}*/
  .main_nav li.item2 a {
    background-image: url("../images/webapp/ab2.png");
  }

  .main_nav li.item3 a {
    background-image: url("../images/webapp/ab3.png");
  }

  .main_nav li.item4 a {
    background-image: url("../images/webapp/ab4.png");
  }

  .main_nav li.item5 a {
    background-image: url("../images/webapp/ab5.png");
  }

  .new_searchBar .searchInput.laydate {
    background: #fff url("../images/dateTime_bg.png") no-repeat right center;
    background-size: 1.70667rem auto;
  }

  .page_list li, .main_page .pull-left {
    height: 1.70667rem;
    line-height: 1.70667rem;
  }

  .goBtn {
    height: 1.70667rem;
    line-height: 1.70667rem;
    width: 4rem;
  }

  .gotoPageNum {
    height: 1.70667rem;
    line-height: 1.70667rem;
  }

  .new_searchBar .searchInput {
    height: 1.70667rem;
    line-height: 1.70667rem;
  }

  /*educationCon*/
  .educationCon .ed_list {
    overflow: hidden;
  }
  .educationCon .ed_list li {
    float: left;
    width: 20%;
    background: #f2f6f7;
    height: 4.62222rem;
  }
  .educationCon .ed_list li a {
    border: 1px solid #e5e5e5;
    border-right: none;
    display: block;
    height: 100%;
    text-align: center;
    font-size: 0.64rem;
  }
  .educationCon .ed_list li .img {
    display: inline-block;
    width: 2.41778rem;
    height: 2.16889rem;
    margin-top: 0.85333rem;
  }
  .educationCon .ed_list li .img img {
    width: 100%;
    height: auto;
  }
  .educationCon .ed_list li .img1 {
    display: block;
  }
  .educationCon .ed_list li .img2 {
    display: none;
  }
  .educationCon .ed_list li p {
    font-size: 0.64rem;
    line-height: 0.6rem;
  }
  .educationCon .ed_list .li5 a {
    border-right: 1px solid #e5e5e5;
  }
  .educationCon .ed_list .li1 p {
    color: #1aa1d5;
  }
  .educationCon .ed_list .li2 p {
    color: #d6ae55;
  }
  .educationCon .ed_list .li3 p {
    color: #1dba9c;
  }
  .educationCon .ed_list .li4 p {
    color: #7a458e;
  }
  .educationCon .ed_list .li5 p {
    color: #b7be2c;
  }
  .educationCon .ed_list li.on .img1 {
    display: none;
  }
  .educationCon .ed_list li.on .img2 {
    display: block;
  }
  .educationCon .ed_list li.on p {
    color: #fff;
  }
  .educationCon .ed_list .li1.on {
    background: #00a0d7;
  }
  .educationCon .ed_list .li2.on {
    background: #d7ae55;
  }
  .educationCon .ed_list .li3.on {
    background: #1dba9c;
  }
  .educationCon .ed_list .li4.on {
    background: #79458d;
  }
  .educationCon .ed_list .li5.on {
    background: #b7be2c;
  }
  .educationCon .contentBox {
    margin-top: 1.13778rem;
  }
  .educationCon .contentBox span {
    margin-right: 0.92444rem;
  }
  .educationCon .contentBox .pic img {
    width: 100%;
    height: auto;
  }
  .educationCon .contentBox .swiper-container2 .swiper-slide {
    color: #333;
  }
  .educationCon .contentBox .swiper-button-prev {
    background-color: #fff;
    background-image: url(../images/webapp/pre.png);
    width: 2.77333rem;
    height: 1.38667rem;
    background-size: 100%;
    top: 0;
    left: 0;
    margin: 0;
  }
  .educationCon .contentBox .swiper-button-next {
    background-color: #fff;
    background-image: url(../images/webapp/next.png) !important;
    width: 2.77333rem;
    height: 1.38667rem;
    background-size: 100%;
    top: 0;
    right: 0;
    margin: 0;
  }
  .educationCon .contentBox .swiper-container2 .swiper-slide {
    font-size: 1.28rem;
    color: #333;
  }
  .educationCon .contentBox .swiper-container2 .swiper-slide.swiper-slide-active {
    font-size: 1.70667rem;
    color: #4b698c;
  }
  .educationCon .contentBox .swiper-wrapper {
    padding: 0;
  }
  .educationCon .contentBox .swiper-container2 {
    margin-left: -17rem;
    height: 1.38667rem;
  }
  .educationCon .contentBox.Career {
    margin-top: 0;
    padding-bottom: 20px;
  }
  .educationCon .wapMobileHeader .searchBar.bgfff {
    background: #fff;
    padding: 0.35rem 0;
  }
  .educationCon .Career_con h6.title {
    font-size: 1.70667rem;
    color: #4b698c;
    font-weight: normal;
    line-height: 1.70667rem;
  }
  .educationCon .Career_con .list li {
    display: none;
  }

  .f18px {
    font-size: 0.64rem;
  }

  .f14px {
    font-size: 0.49778rem;
  }

  .c-333 {
    color: #333;
  }

  .c-00a0d7 {
    color: #00a0d7;
  }

  .c-929292 {
    color: #929292;
  }

  .padding2020 {
    padding: 20px;
  }

  /*about*/
  .Uploaded img {
    width: 100%;
    height: auto;
  }

  .main_nav li.item1.on a {
    background-image: url("../images/webapp/About_01_on.png");
    background-color: #d8af4d;
  }

  .main_nav li.on a p {
    color: #fff;
  }

  .main_nav li.item2.on a {
    background-image: url("../images/webapp/About_02_on.png");
    background-color: #b7bf10;
  }

  .main_nav li.item3.on a {
    background-image: url("../images/webapp/About_03_on.png");
    background-color: #ea8010;
  }

  .main_nav li.item4.on a {
    background-image: url("../images/webapp/About_04_on.png");
    background-color: #00bb9c;
  }

  .main_nav li {
    height: 6rem;
  }

  .main_nav li.item5.on a {
    background-image: url("../images/webapp/About_05_on.png");
    background-color: #00a0d7;
  }

  .c-ff0000 {
    color: #ff0000;
  }

  .f24px {
    font-size: 0.85333rem;
  }

  .tips_txt {
    color: #333;
    word-break: break-all;
  }

  .tips_input {
    width: 100%;
    border: 1px solid #d2d2d2;
    height: 2.06222rem;
    line-height: 2.06222rem;
    text-indent: 0.71111rem;
  }

  .tips_area {
    width: 100%;
    border: 1px solid #d2d2d2;
    height: 5.26222rem;
    line-height: 1.35111rem;
    text-indent: 0.71111rem;
    background: #fff;
  }

  .tips_btn {
    overflow: hidden;
  }

  .tips_btn a {
    float: right;
    margin-top: 1.06667rem;
    margin-bottom: 3.2rem;
    display: block;
  }

  .ab5_list li {
    margin-bottom: 1.06667rem;
  }
  .ab5_list em {
    margin-right: 0.35556rem;
  }
  .ab5_list em img {
    width: 0.96rem;
    height: 1.17333rem;
  }

  .ab5_tel {
    text-align: center;
    background: #f2f6f7;
    border: 1px solid #d2d2d2;
    line-height: 2.31111rem;
    height: 2.31111rem;
    font-size: 0.64rem;
    width: 15.00444rem;
    margin: 0 auto;
    color: #333;
    font-weight: bold;
  }
  .ab5_tel em {
    margin-right: 0.35556rem;
  }
  .ab5_tel em img {
    width: 0.88889rem;
    height: auto;
  }

  .contactUsBox {
    padding-bottom: 2.13333rem;
  }

  .articleList li .txt {
    font-size: 12px;
  }

  .bg-f8f8f8 {
    background: #f8f8f8;
  }

  .menuDiv3_list {
    overflow: hidden;
  }
  .menuDiv3_list li {
    float: left;
    margin-right: 2.13333rem;
  }
  .menuDiv3_list li a {
    display: block;
    font-size: 0.64rem;
    height: 2.48889rem;
    line-height: 2.48889rem;
    color: #333;
  }
  .menuDiv3_list li.on {
    background: url(../images/point.png) no-repeat left center;
    background-size: 0.71111rem auto;
  }
  .menuDiv3_list li.on a {
    color: #cda949;
    text-indent: 0.92444rem;
  }

  .f30px {
    font-size: 1.06667rem;
  }

  .xq_title {
    /*word-break: break-all;*/
  }

  .xq_date {
    border-bottom: 1px solid #e5e5e5;
    line-height: 2.13333rem;
  }

  .list_tishi {
    position: absolute;
    height: 10rem;
    overflow: auto;
    left: 0.71111rem;
    right: 0.71111rem;
    z-index: 99;
    background: #fff;
    border: 1px solid #e5e5e5;
  }
  .list_tishi li {
    line-height: 1.42222rem;
    height: 1.42222rem;
    font-size: 0.64rem;
    padding: 0 0.71111rem;
    border-right: 1px solid #e5e5e5;
  }

  /*chart*/
  .hqzsPic {
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #eaeaea;
    width: 24.17778rem;
    height: 20rem;
    position: relative;
    background: #f3f3f3;
  }

  .hqzsPic .select {
    position: absolute;
    top: 15px;
    right: 30px;
    width: 120px;
    height: 30px;
    padding: 0 30px 0 10px;
  }

  .chartpic {
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
  }

  .chartpic.on {
    z-index: 100;
  }

  .dataCon .after {
    content: '';
    height: 23rem;
    display: block;
  }

  .hqzsPic .select {
    position: absolute;
    top: 0.35556rem;
    right: 2.13333rem;
    width: 7.11111rem;
    height: 2.13333rem;
    line-height: 2.20444rem;
    padding: 0;
    font-size: 0.85333rem;
    text-indent: 0.71111rem;
    background: #f2f6f7;
  }

  .hqzsPic {
    background: #fff;
    overflow: visible;
  }

  .dataCon .trading_content {
    position: relative;
  }

  .dataCon h2.c-00a0d7 {
    padding: 0.71111rem 0;
  }

  .selectBar span {
    width: 34%;
    font-size: 0.85333rem;
  }

  .selectYmd {
    width: 65%;
    height: 2.13333rem;
    line-height: 2.13333rem;
    font-size: 0.85333rem;
    color: #333;
    text-indent: 0.71111rem;
  }

  .highcharts-input-group tspan, .highcharts-button tspan, .memberName tspan {
    font-size: 0.64rem !important;
    display: block;
  }
}
/*detail*/
.detailTable {
  padding: 1.06667rem 0.88889rem;
  background: #fff;
}
.detailTable .jzk_swhj_jyHead li h2 {
  line-height: 1rem;
  font-size: 1rem;
  font-weight: bold;
  color: #000;
}
.detailTable .jzk_swhj_jyHead li {
  height: auto;
  width: 25%;
}
.detailTable .jzk_swhj_jyHead li p {
  line-height: 1rem;
  font-size: 12px;
}
.detailTable .jzk_swhj_jyHead {
  padding: 0.8rem 0;
}
.detailTable .jzk_swhj_jyHead ul {
  width: 100%;
}

.detailBox2 .trading_table .content .pic {
  width: 40%;
}
.detailBox2 .trading_table .content .pic img {
  width: 100%;
}
.detailBox2 .trading_table .content .txt {
  width: 60%;
  padding-top: 1.06667rem;
}
.detailBox2 .trading_table h2 {
  padding: 0.49778rem 0;
}
.swiper-slide{height:auto;}

/*20171121*/
.ylchart3 h2 {
  font-size: 1rem;
  background: #fff;
  text-indent: 0.5rem;
}
.ylchart3 .monthList {
  width: 100%;
  line-height: 2.5rem;
}
.ylchart3 .laydate {
  background: #fff url(../images/dateTime_bg.png) no-repeat right center;
  background-size: 1.70667rem auto;
}
.ylchart3 .goto {
  width: 1.5rem;
  margin-top: 0.5rem;
}
.ylchart3 .title h2 {
  border-bottom: 1px solid #ccc;
}

.searchBar {
  width: 75%;
  float: left;
}

.goto-c {
  width: 20%;
  float: left;
  margin-left: 2%;
}
.goto-c a {
  display: block;
  text-align: center;
  font-size: 1rem;
  line-height: 2rem;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-top: 4%;
}