xiugai

src/jfw/modules/app/src/web/staticres/jyapp/wx_course/css/applyrefund.css

@@ -0,0 +1,303 @@
+html, body {
+  width: 100%;
+  height: 100%;
+}
+
+.center-vertically {
+  display: flex;
+  align-items: center;
+}
+
+button[disabled] {
+  opacity: .5;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.container .container_body {
+  flex: 1;
+  overflow-y: scroll;
+}
+
+.icon-close {
+  display: block;
+  margin-bottom: 0.04rem;
+}
+
+.pay-count {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.pay-count .yen {
+  margin-right: 0.12rem;
+}
+
+.applydetail {
+  width: 100%;
+  background: #ffffff;
+  padding: 0.32rem;
+}
+
+.applydetail .classname {
+  display: flex;
+  justify-content: space-between;
+}
+
+.applydetail .classname .classlabel {
+  font-size: 0.3rem;
+  color: #5F5E64;
+  white-space: nowrap;
+}
+
+.applydetail .classname .classcontent {
+  font-size: 0.3rem;
+  color: #171826;
+}
+
+.applydetail .meetperson {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.applydetail .meetperson .meetlabel {
+  display: flex;
+  align-items: center;
+  font-size: 0.3rem;
+  color: #5F5E64;
+  width: 1.5rem;
+  height: 0.44rem;
+  white-space: nowrap;
+}
+
+.applydetail .meetperson .meetcontent {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  font-size: 0.3rem;
+  color: #171826;
+}
+
+.applydetail .contactinfor {
+  width: 100%;
+  display: flex;
+  justify-content: flex-start;
+  margin-top: 0.1rem;
+}
+
+.applydetail .contactinfor .contactlabel {
+  font-size: 0.3rem;
+  color: #5F5E64;
+  height: 0.44rem;
+}
+
+.applydetail .contactinfor .contactdetail {
+  width: 4.8rem;
+}
+
+.applydetail .contactinfor .contactdetail .contact_company {
+  width: 100%;
+  font-size: 0.3rem;
+  color: #171826;
+}
+
+.applydetail .contactinfor .contactdetail .contact_name {
+  width: 100%;
+  height: 0.44rem;
+  font-size: 0.3rem;
+  color: #171826;
+}
+
+.applydetail .contactinfor .contactdetail .contact_phone {
+  width: 100%;
+  height: 0.44rem;
+  font-size: 0.3rem;
+  color: #171826;
+}
+
+.applydetail .contactinfor .contactdetail .contact_email {
+  width: 100%;
+  height: 0.44rem;
+  font-size: 0.3rem;
+  color: #171826;
+}
+
+.tips {
+  width: 100%;
+  height: 0.84rem;
+  padding: 0.32rem 0.32rem 0.16rem 0.32rem;
+  font-size: 0.24rem;
+  color: #F06326;
+}
+
+.why-refund .time_conflict,
+.why-refund .informationerror {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+.refundamount {
+  width: 100%;
+  height: 1.08rem;
+  background: #ffffff;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 0.32rem;
+}
+
+.refundamount .amountlabel {
+  height: 0.48rem;
+  font-size: 0.32rem;
+  line-height: 0.48rem;
+  color: #171826;
+}
+
+.refundamount .amountnum {
+  min-width: 1.2rem;
+  height: 0.4rem;
+  font-size: 0.28rem;
+  color: #F06326;
+}
+
+.refundreason {
+  width: 100%;
+  height: 1.08rem;
+  background: #ffffff;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 0.2rem;
+  padding: 0 0.32rem;
+}
+
+.refundreason .reasonlabel {
+  height: 0.48rem;
+  font-size: 0.32rem;
+  line-height: 0.48rem;
+  color: #171826;
+}
+
+.refundreason .reasontype {
+  min-width: 1.4rem;
+  height: 0.4rem;
+  line-height: 0.4rem;
+  font-size: 0.28rem;
+  color: #9B9CA3;
+}
+
+.refundreason .reasontype .icon-arrow {
+  font-size: 0.32rem;
+}
+
+.bottombutton {
+  width: 100%;
+  height: 1.12rem;
+  background: #ffffff;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 0.32rem;
+}
+
+.bottombutton .cancel {
+  width: 3.3rem;
+  height: 0.8rem;
+  background: #EDEFF2;
+  border-radius: 0.08rem;
+  font-size: 0.32rem;
+  color: #5F5E64;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.bottombutton .submission {
+  width: 3.3rem;
+  height: 0.8rem;
+  background: #2ABED1;
+  border-radius: 0.08rem;
+  font-size: 0.32rem;
+  color: #F7F9FA;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.weui-half-screen-dialog {
+  height: 6.24rem;
+}
+
+.weui-half-screen-dialog__hd {
+  width: 100%;
+  height: 1.28rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 0.32rem 0 0;
+}
+
+.weui-half-screen-dialog__hd .weui-half-screen-dialog__hd__side {
+  order: 2;
+}
+
+.weui-half-screen-dialog__hd .weui-half-screen-dialog__hd__main {
+  order: 1;
+  width: 2.4rem;
+  padding: 0;
+  text-align: left;
+}
+
+.weui-half-screen-dialog__hd .weui-half-screen-dialog__hd__main .weui-half-screen-dialog__title {
+  font-size: 0.4rem;
+  color: #171826;
+  font-weight: normal;
+  font-style: normal;
+}
+
+.time_conflict {
+  width: 100%;
+  height: 1.08rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.time_conflict .time_text {
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.time_conflict .icon-duihao {
+  display: flex;
+  width: 0.48rem;
+  height: 0.48rem;
+  font-size: 0.36rem;
+  color: #2ABED1;
+}
+
+.informationerror {
+  width: 100%;
+  height: 1.08rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.informationerror .information_text {
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.informationerror .icon-duihao {
+  display: flex;
+  width: 0.48rem;
+  height: 0.48rem;
+  font-size: 0.36rem;
+  color: #2ABED1;
+}

src/jfw/modules/app/src/web/staticres/jyapp/wx_course/css/base.css

@@ -0,0 +1,125 @@
+* {
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    -webkit-overflow-scrolling: touch;
+    -webkit-tap-highlight-color:rgba(0,0,0,0);
+    -webkit-tap-highlight-color:transparent;
+}
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, sumary {
+    margin: 0;
+    padding: 0;
+}
+html,body {
+    /* max-width: 750px; */
+    -webkit-text-size-adjust: 100%;
+    margin: 0 auto;
+    height: 100%;
+    overflow-x: hidden;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    font-size: .24rem;
+    background:rgba(245,244,249,1);;
+    color: #3d3d3d;
+    font-family:  "Microsoft YaHei","Helvetica Neue", "Roboto", "Segoe UI", "PingFang SC", "Hiragino Sans GB", sans-serif;
+}
+
+ul,ol {
+    list-style: none;
+}
+/*清除输入框内阴影*/
+input,textarea,select,button{
+    outline: none;
+    border: 0;
+    -webkit-appearance: none;
+    appearance:none;
+}
+button,span,div{
+    -webkit-tap-highlight-color:rgba(0,0,0,0);
+	/* -webkit-user-modify:read-only; */
+}
+img {
+    border: 0;
+    vertical-align: middle;
+    max-width: 100%;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+a {
+    text-decoration: none;
+    color: #3d3d3d;
+	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+	-webkit-user-select: none;
+	-moz-user-focus: none;
+	-moz-user-select: none;
+}
+/*禁用长按页面时的弹出菜单(iOS下有效) ,img和a标签都要加*/
+img,a{
+    -webkit-touch-callout:none;
+}
+em,i{
+	font-style: normal;
+}
+/*兼容ios调取h5页面的头部*/
+.ios-head {
+    display: none;
+    position: fixed;
+    top: 0;
+    padding-top: 15px;
+    background: #18974b;
+    width: 100%;
+    z-index: 100;
+}
+/*base*/
+.clearfix{
+    zoom: 1;
+}
+.clearfix:after{
+    clear: both;
+    height: 0;
+    overflow: hidden;
+    display: block;
+    visibility: hidden;
+    content: "";
+}
+
+.left {
+    float: left;
+}
+
+.right {
+    float: right;
+}
+
+.ellipsis {
+    overflow:hidden;
+    text-overflow:ellipsis;
+    white-space:nowrap;
+    text-align: justify
+}
+/* 超过2行省略号显示 */
+.ellipsis-2 {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    text-align: justify
+}
+
+/* 超过3行省略号显示 */
+.ellipsis-3 {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+}
+
+/* 超过一行换行显示 */
+.text-wrap {
+    white-space: pre-wrap;
+}
+
+input, textarea {
+    caret-color: #2ABED1;
+}

src/jfw/modules/app/src/web/staticres/jyapp/wx_course/css/course_detail.css

@@ -0,0 +1,503 @@
+.course-detail {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.course-detail .sticky {
+  position: -webkit-sticky;
+  position: sticky;
+  left: 0;
+  top: -1px;
+  background-color: #fff;
+  z-index: 9;
+}
+
+.course-detail .absolute {
+  position: absolute;
+  width: 100%;
+  left: 0;
+  top: -1px;
+  background-color: #fff;
+  z-index: 9;
+}
+
+.course-detail .wp {
+  padding: 0 0.32rem;
+  background-color: #fff;
+}
+
+.course-detail .detail-content {
+  flex: 1;
+  overflow-y: scroll;
+  height: 100%;
+}
+
+.course-detail .course-info-detail .header-container {
+  padding: 0.4rem 0.32rem;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+.course-detail .course-info-detail .header-container .header-title {
+  margin-bottom: 0.32rem;
+  font-size: 0.4rem;
+  line-height: 0.6rem;
+  color: #171826;
+}
+
+.course-detail .course-info-detail .header-container .header-info {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 0.24rem;
+  color: #5F5E64;
+}
+
+.course-detail .course-info-detail .header-container .header-info .info-l {
+  display: flex;
+}
+
+.course-detail .course-info-detail .header-container .header-info .course-state,
+.course-detail .course-info-detail .header-container .header-info .course-city,
+.course-detail .course-info-detail .header-container .header-info .course-date {
+  display: flex;
+  align-items: center;
+  margin-right: 0.1rem;
+  padding: 0 0.1rem;
+  background-color: #F7F9FA;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  border-radius: 0.08rem;
+}
+
+.course-detail .course-info-detail .header-container .header-info .in-progress {
+  color: #fff;
+  background-color: #FF9F40;
+  border: 1px solid #FF9F40;
+}
+
+.course-detail .course-info-detail .header-container .header-info.ended .item-title {
+  color: #9B9CA3;
+}
+
+.course-detail .course-info-detail .header-container .header-info.ended .course-state,
+.course-detail .course-info-detail .header-container .header-info.ended .course-city,
+.course-detail .course-info-detail .header-container .header-info.ended .course-date {
+  color: #9B9CA3;
+}
+
+.course-detail .course-info-detail .header-container .header-info.ended .course-price {
+  color: #9B9CA3;
+}
+
+.course-detail .course-info-detail .header-container .header-info.ended .in-progress {
+  color: #9B9CA3;
+  background-color: #F7F9FA;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+.course-detail .course-info-detail .course-time-quantum {
+  display: flex;
+  margin-bottom: 0.2rem;
+  align-items: center;
+  height: 0.88rem;
+}
+
+.course-detail .course-info-detail .course-time-quantum .time-label {
+  margin-right: 0.32rem;
+  font-size: 0.28rem;
+  color: #5F5E64;
+}
+
+.course-detail .course-info-detail .course-time-quantum .time-content {
+  font-size: 0.26rem;
+  color: #171826;
+}
+
+.course-detail .course-info-detail .course-discount {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 0.2rem;
+  padding-top: 0.32rem;
+  padding-bottom: 0.32rem;
+  font-size: 0.28rem;
+  color: #5F5E64;
+}
+
+.course-detail .course-info-detail .course-discount .icon-arrow {
+  color: #C0C4CC;
+}
+
+.course-detail .course-info-detail .course-discount .discount-content {
+  display: flex;
+  flex-direction: column;
+  min-width: 4.2rem;
+  max-width: 5.2rem;
+}
+
+.course-detail .course-info-detail .course-discount .discount-content .discount-item {
+  display: flex;
+  align-items: center;
+  margin-top: 0.08rem;
+}
+
+.course-detail .course-info-detail .course-discount .discount-content .discount-item:first-of-type {
+  margin-top: 0;
+}
+
+.course-detail .course-info-detail .course-discount .discount-content .item-l {
+  margin-right: 0.12rem;
+  padding: 0.02rem 0.12rem;
+  color: #FB483D;
+  font-size: 0.2rem;
+  white-space: nowrap;
+  border: 1px solid rgba(251, 72, 61, 0.5);
+  border-radius: 0.08rem;
+}
+
+.course-detail .course-info-detail .course-discount .discount-content .item-r {
+  font-size: 0.28rem;
+}
+
+.course-detail .course-info-detail .info-detail-content .tabs-wrap {
+  display: flex;
+  height: 0.96rem;
+  font-size: 0.28rem;
+  color: #5F5E64;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  box-shadow: 0px 2px 8px rgba(54, 147, 179, 0.051);
+}
+
+.course-detail .course-info-detail .info-detail-content .tabs-wrap .tab {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  flex: 1;
+  height: 100%;
+}
+
+.course-detail .course-info-detail .info-detail-content .tabs-wrap .tab.active {
+  color: #2ABED1;
+}
+
+.course-detail .course-info-detail .info-detail-content .tabs-wrap .tab.active:after {
+  content: '';
+  position: absolute;
+  left: 50%;
+  bottom: 0;
+  width: 0.48rem;
+  height: 0.04rem;
+  background-color: #2ABED1;
+  transform: translateX(-50%);
+}
+
+.course-detail .course-info-detail .info-detail-content .box {
+  padding-top: 0.2rem;
+  padding-bottom: 0.32rem;
+  border: 1px solid transparent;
+}
+
+.course-detail .course-info-detail .info-detail-content .box h2.c-title {
+  position: relative;
+  display: flex;
+  align-items: center;
+  margin-top: 0.32rem;
+  margin-bottom: 0.12rem;
+  padding-left: 0.22rem;
+  font-size: 0.36rem;
+  color: #171826;
+}
+
+.course-detail .course-info-detail .info-detail-content .box h2.c-title:before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-45%);
+  width: 0.06rem;
+  height: 0.32rem;
+  background-color: #2ABED1;
+}
+
+.course-detail .course-info-detail .info-detail-content .box p {
+  line-height: 0.52rem;
+  font-size: 0.3rem;
+}
+
+.course-detail .course-info-detail .copyright-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.32rem 0.32rem;
+  height: 1rem;
+  color: #9B9CA3;
+}
+
+.course-detail .course-info-detail .copyright-container .line {
+  width: 0.48rem;
+  height: 1px;
+  background-color: #9B9CA3;
+}
+
+.course-detail .course-info-detail .copyright-container .copyright-info {
+  margin: 0 0.1rem;
+  text-align: center;
+}
+
+.course-detail .bottom-container {
+  padding: 0 0.32rem;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 1.12rem;
+  background-color: #fff;
+}
+
+.course-detail .bottom-container .course-price {
+  font-size: 0.4rem;
+  white-space: nowrap;
+  color: #FB483D;
+}
+
+.course-detail .bottom-container .course-price .yen,
+.course-detail .bottom-container .course-price .unit {
+  font-size: 0.32rem;
+}
+
+.course-detail .bottom-container .button-container {
+  display: flex;
+  justify-content: space-between;
+  flex: 1;
+  margin-left: 0.2rem;
+}
+
+.course-detail .bottom-container .button-container .icon-box {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-around;
+  height: 0.76rem;
+  color: #9B9CA3;
+}
+
+.course-detail .bottom-container .button-container .icon-box .iconfont {
+  font-size: 0.4rem;
+}
+
+.course-detail .bottom-container .button-container .reserve-now {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  margin-left: 0.2rem;
+  height: 0.8rem;
+  font-size: 0.32rem;
+  color: #fff;
+  background-color: #2ABED1;
+  border-radius: 0.4rem;
+  white-space: nowrap;
+}
+
+.course-detail .bottom-container.ended {
+  color: #9B9CA3;
+}
+
+.course-detail .bottom-container.ended .course-price {
+  color: #9B9CA3;
+}
+
+.course-detail .bottom-container.ended button[disabled] {
+  color: #C0C4CC;
+  background-color: #EDEFF2;
+}
+
+.weui-mask {
+  position: fixed;
+  z-index: 99;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.6);
+}
+
+.weui-dialog {
+  position: fixed;
+  z-index: 5000;
+  top: 50%;
+  left: 16px;
+  right: 16px;
+  -webkit-transform: translateY(-50%);
+  transform: translateY(-50%);
+  background-color: #fff;
+  text-align: center;
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+.weui-dialog__bd:first-child {
+  color: rgba(0, 0, 0, 0.9);
+}
+
+.weui-dialog__bd {
+  min-height: 40px;
+  font-size: 17px;
+  word-wrap: break-word;
+  word-break: break-all;
+  color: rgba(0, 0, 0, 0.5);
+}
+
+.weui-dialog__ft {
+  position: relative;
+  font-size: 17px;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+}
+
+.weui-dialog__ft:after {
+  content: " ";
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  height: 1px;
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+  color: rgba(0, 0, 0, 0.1);
+  -webkit-transform-origin: 0 0;
+  transform-origin: 0 0;
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+}
+
+.weui-dialog__btn {
+  display: block;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  color: #576b95;
+  font-weight: 700;
+  text-decoration: none;
+  -webkit-tap-highlight-color: transparent;
+  position: relative;
+}
+
+.discount-picker {
+  display: none;
+}
+
+.discount-picker .weui-mask {
+  bottom: 1.12rem;
+}
+
+.discount-picker .weui-picker {
+  box-sizing: border-box;
+  padding: 0 0.32rem;
+  position: fixed;
+  width: 100%;
+  left: 0;
+  right: 0;
+  max-height: 75%;
+  bottom: 1.12rem;
+  z-index: 100;
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+  overflow: hidden;
+  background-color: #fff;
+  transition: transform .3s;
+}
+
+.discount-picker .weui-dialog__hd {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 1.1rem;
+}
+
+.discount-picker .weui-dialog__hd .weui-dialog__hd__left {
+  font-weight: 700;
+  font-size: 0.36rem;
+}
+
+.discount-picker .weui-dialog__hd .weui-dialog__hd__right {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  height: 100%;
+  width: 0.4rem;
+}
+
+.discount-picker .weui-dialog__hd .weui-picker__btn {
+  background-color: #fff;
+}
+
+.discount-picker .weui-dialog__hd .weui-picker__btn.icon-close {
+  color: #C0C4CC;
+}
+
+.discount-picker .weui-dialog__bd {
+  margin-bottom: 0.5rem;
+  word-wrap: break-word;
+  overflow-y: auto;
+}
+
+.discount-picker .weui-dialog__bd .discount-item {
+  margin-bottom: 0.32rem;
+}
+
+.discount-picker .weui-dialog__bd .discount-item .item-tip {
+  display: flex;
+  align-items: center;
+  height: 0.64rem;
+}
+
+.discount-picker .weui-dialog__bd .discount-item .item-tip .tip-l {
+  margin-right: 0.12rem;
+  padding: 0.02rem 0.12rem;
+  color: #FB483D;
+  font-size: 0.2rem;
+  white-space: nowrap;
+  border: 1px solid rgba(251, 72, 61, 0.5);
+  border-radius: 0.08rem;
+}
+
+.discount-picker .weui-dialog__bd .discount-item .item-tip .tip-r {
+  font-size: 0.24rem;
+}
+
+.discount-picker .weui-dialog__bd .discount-item .item-content {
+  font-size: 0.28rem;
+  color: #171826;
+  line-height: 0.44rem;
+}
+
+.jy-alert .weui-dialog {
+  margin-left: -2.8rem;
+  width: 5.6rem;
+  height: 2.49rem;
+  left: 50%;
+  border-radius: .08rem;
+}
+
+.jy-alert .weui-dialog__bd {
+  padding: 0;
+  height: 1.49rem;
+  line-height: 1.49rem;
+}
+
+.jy-alert .weui-dialog__ft {
+  height: 1rem;
+  line-height: 1rem;
+}
+
+.jy-alert .weui-dialog__ft .weui-dialog__btn {
+  color: #2CB7CA;
+  font-weight: 400;
+}
+
+.c_state {
+    color: #fff !important;
+    background-color: #C0C4CC !important;
+    border: 1px solid rgba(0, 0, 0, 0.05) !important;
+}

src/jfw/modules/app/src/web/staticres/jyapp/wx_course/css/course_index.css

@@ -0,0 +1,167 @@
+.sticky {
+  position: -webkit-sticky;
+  position: sticky;
+  left: 0;
+  top: -1px;
+  background-color: #fff;
+  z-index: 9;
+}
+
+button[disabled] {
+  opacity: 0.5;
+}
+
+.course-index {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  background-color: #fff;
+}
+
+.course-index .course-header {
+  padding: 0.2rem 0.32rem;
+  background-color: #F5F6F7;
+}
+
+.course-index .course-header .swiper-container,
+.course-index .course-header .swiper-container .swiper-slide,
+.course-index .course-header .swiper-container img {
+  width: 100%;
+  border-radius: 0.16rem;
+  overflow: hidden;
+}
+
+.course-index .course-header .swiper-container-horizontal > .swiper-pagination-bullets {
+  bottom: 0.12rem;
+}
+
+.course-index .course-header .swiper-pagination .swiper-pagination-bullet {
+  width: 0.08rem;
+  height: 0.08rem;
+  background-color: #fff;
+  opacity: 0.5;
+}
+
+.course-index .course-header .swiper-pagination .swiper-pagination-bullet-active {
+  opacity: 1;
+}
+
+.course-index .tabs {
+  border-top: 1px solid transparent;
+}
+
+.course-index .tabs .tabs-wrap {
+  display: flex;
+  height: 0.96rem;
+  font-size: 0.28rem;
+  color: #5F5E64;
+  border-bottom: 1px solid #f3f3f3;
+  box-shadow: 0px 2px 8px rgba(54, 147, 179, 0.051);
+}
+
+.course-index .tabs .tabs-wrap .tab {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  flex: 1;
+  height: 100%;
+  background-color: #fff;
+}
+
+.course-index .tabs .tabs-wrap .tab.active {
+  color: #2ABED1;
+}
+
+.course-index .tabs .tabs-wrap .tab.active:after {
+  content: '';
+  position: absolute;
+  left: 50%;
+  bottom: 0;
+  width: 0.48rem;
+  height: 0.04rem;
+  background-color: #2ABED1;
+  transform: translateX(-50%);
+}
+
+.course-index .tabs .tabs-content {
+  background-color: #fff;
+}
+
+.course-index .tabs .tabs-content .tab-pane {
+  display: none;
+  padding: 0 0.32rem;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+.course-index .tabs .course-list .list-item {
+  display: block;
+  padding: 0.32rem 0;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+.course-index .tabs .course-list .list-item:last-of-type {
+  border-bottom: none;
+}
+
+.course-index .tabs .course-list .list-item .item-title {
+  margin-bottom: 0.32rem;
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.course-index .tabs .course-list .list-item .item-info {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 0.24rem;
+  color: #5F5E64;
+}
+
+.course-index .tabs .course-list .list-item .item-info .info-l {
+  display: flex;
+}
+
+.course-index .tabs .course-list .list-item .item-info .course-state,
+.course-index .tabs .course-list .list-item .item-info .course-city,
+.course-index .tabs .course-list .list-item .item-info .course-date {
+  display: flex;
+  align-items: center;
+  margin-right: 0.1rem;
+  padding: 0 0.1rem;
+  background-color: #F7F9FA;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  border-radius: 0.08rem;
+}
+
+.course-index .tabs .course-list .list-item .item-info .course-price {
+  font-size: 0.36rem;
+  color: #FB483D;
+}
+
+.course-index .tabs .course-list .list-item .item-info .in-progress {
+  color: #fff;
+  background-color: #FF9F40;
+  border: 1px solid #FF9F40;
+}
+
+.course-index .tabs .course-list .list-item.ended .item-title {
+  color: #9B9CA3;
+}
+
+.course-index .tabs .course-list .list-item.ended .course-state,
+.course-index .tabs .course-list .list-item.ended .course-city,
+.course-index .tabs .course-list .list-item.ended .course-date {
+  color: #9B9CA3;
+}
+
+.course-index .tabs .course-list .list-item.ended .course-price {
+  color: #9B9CA3;
+}
+
+.course-index .tabs .course-list .list-item.ended .in-progress {
+  color: #9B9CA3;
+  background-color: #F7F9FA;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+}

src/jfw/modules/app/src/web/staticres/jyapp/wx_course/css/drawabill.css

@@ -0,0 +1,604 @@
+html, body {
+  width: 100%;
+  height: 100%;
+}
+
+input, textarea {
+  caret-color: #2ABED1;
+}
+
+.err_tips {
+  display: none;
+  font-size: 0.24rem;
+  color: #FB483D;
+  margin: 0.16rem 0 0.24rem 0;
+}
+
+button[disabled] {
+  opacity: .5;
+}
+
+.textfield {
+  margin-top: 0.3rem;
+}
+
+.icon-close {
+  display: block;
+  margin-bottom: 0.04rem;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.container .container_body {
+  flex: 1;
+  overflow-y: scroll;
+}
+
+.draw {
+  width: 100%;
+  background: #ffffff;
+}
+
+.draw .draw_tips {
+  width: 100%;
+  padding: 0.32rem 0.32rem 0.16rem 0.32rem;
+  font-size: 0.26rem;
+  color: #FB483D;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+
+.draw .draw_type {
+  width: 100%;
+  height: 1.08rem;
+  padding-left: 0.32rem;
+}
+
+.draw .draw_type .type_inside {
+  width: 100%;
+  height: 100%;
+  padding-right: 0.32rem;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.draw .draw_type .type_inside .type_label {
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.draw .draw_type .type_inside .type_content {
+  min-width: 2.4rem;
+  display: flex;
+  justify-content: space-between;
+}
+
+.draw .draw_type .type_inside .type_content .content_text {
+  font-size: 0.28rem;
+  color: #9B9CA3;
+}
+
+.draw .draw_type .type_inside .type_content .icon-arrow {
+  color: #9B9CA3;
+  font-size: 0.28rem;
+}
+
+.draw .draw_main {
+  width: 100%;
+  height: 1.08rem;
+  padding-left: 0.32rem;
+}
+
+.draw .draw_main .main_inside {
+  width: 100%;
+  height: 100%;
+  padding-right: 0.32rem;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.draw .draw_main .main_inside .main_label {
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.draw .draw_main .main_inside .main_right {
+  font-size: 0.28rem;
+  color: #9B9CA3;
+}
+
+.commoninput {
+  width: 100%;
+  min-height: 1.08rem;
+  display: flex;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+}
+
+.commoninput .commoninput_label {
+  margin-top: 0.3rem;
+  width: 1.6rem;
+  height: 0.48rem;
+  font-size: 0.3rem;
+  line-height: 0.44rem;
+  color: #171826;
+}
+
+.commoninput .commoninput_ipt {
+  width: 5.26rem;
+  height: 0.48rem;
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.invoice {
+  width: 100%;
+  background: #ffffff;
+  margin-top: 0.2rem;
+  padding-left: 0.32rem;
+}
+
+.invoice .invoice_rise {
+  width: 100%;
+  height: 100%;
+}
+
+.invoice .invoice_rise .abill_rise {
+  width: 100%;
+  height: 1.08rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-right: 0.32rem;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+}
+
+.invoice .invoice_rise .abill_rise .rise_label {
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.invoice .invoice_rise .abill_rise .rise_companys {
+  width: 1rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.invoice .invoice_rise .abill_rise .rise_companys .company_text {
+  font-size: 0.28rem;
+  color: #9B9CA3;
+}
+
+.invoice .invoice_rise .abill_rise .rise_companys .icon-arrow {
+  font-size: 0.28rem;
+  color: #9B9CA3;
+}
+
+.invoice .Taxpayer {
+  width: 100%;
+  min-height: 1.08rem;
+  display: flex;
+  align-items: center;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+}
+
+.invoice .Taxpayer .Taxpayer_label {
+  width: 1.6rem;
+  height: 0.48rem;
+  padding-right: 0.44rem;
+  font-size: 0.3rem;
+  display: flex;
+  align-items: center;
+  color: #171826;
+}
+
+.invoice .Taxpayer .Taxpayer_ipt {
+  width: 5.26rem;
+  height: 0.48rem;
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.invoice .manyperson {
+  display: none;
+}
+
+.invoice .oneperson .private_name {
+  width: 100%;
+  min-height: 1.08rem;
+  display: flex;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+}
+
+.invoice .oneperson .private_name .private_label {
+  width: 1.6rem;
+  height: 0.48rem;
+  font-size: 0.3rem;
+  display: flex;
+  align-items: center;
+  color: #171826;
+}
+
+.invoice .oneperson .private_name .private_ipt {
+  width: 5.26rem;
+  height: 0.48rem;
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.receive_way {
+  width: 100%;
+  background: #ffffff;
+  margin: 0.2rem 0 0.4rem 0;
+  padding-left: 0.32rem;
+}
+
+.receive_way .receive_inside {
+  width: 100%;
+  height: 100%;
+}
+
+.receive_way .receive_inside .way_text {
+  width: 100%;
+  height: 1.08rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-right: 0.32rem;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+}
+
+.receive_way .receive_inside .way_text .way_label {
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.receive_way .receive_inside .way_text .way_main {
+  min-width: 1rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.receive_way .receive_inside .way_text .way_main .way_mail {
+  font-size: 0.28rem;
+  color: #9B9CA3;
+  margin-right: 0.16rem;
+}
+
+.receive_way .receive_inside .way_text .way_main .icon-arrow {
+  font-size: 0.28rem;
+  color: #9B9CA3;
+}
+
+.receive_way .receive_inside .location_text {
+  width: 100%;
+  height: 1.08rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-right: 0.32rem;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+}
+
+.receive_way .receive_inside .location_text .location_label {
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.receive_way .receive_inside .location_text .location_main {
+  min-width: 1rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.receive_way .receive_inside .location_text .location_main .location_option {
+  font-size: 0.28rem;
+  color: #9B9CA3;
+  margin-right: 0.16rem;
+}
+
+.receive_way .receive_inside .location_text .location_main .icon-arrow {
+  font-size: 0.28rem;
+  color: #9B9CA3;
+}
+
+.bottom_btn {
+  width: 100%;
+  height: 1.12rem;
+  background: #ffffff;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 0.32rem;
+}
+
+.bottom_btn .vieworder {
+  width: 3.3rem;
+  height: 0.8rem;
+  background: #EDEFF2;
+  border-radius: 0.08rem;
+  font-size: 0.32rem;
+  color: #5F5E64;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.bottom_btn .confirm {
+  width: 3.3rem;
+  height: 0.8rem;
+  background: #2ABED1;
+  border-radius: 0.08rem;
+  font-size: 0.32rem;
+  color: #F7F9FA;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.bottom_btn .Determine {
+  width: 6.86rem;
+  height: 0.92rem;
+  border-radius: 0.16rem;
+  background: #2ABED1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 0.36rem;
+  color: #ffffff;
+}
+
+.bottom-container .submit-container {
+  padding-bottom: 0.24rem;
+  display: flex;
+  flex-direction: column;
+}
+
+.bottom-container .submit-container .statement {
+  display: flex;
+  align-items: center;
+  min-height: 1rem;
+  font-size: 0.24rem;
+  color: #5f5e64;
+}
+
+.bottom-container .submit-container .statement .state {
+  height: 100%;
+}
+
+.bottom-container .submit-container .statement .iconfont {
+  margin-right: 0.14rem;
+  font-size: 0.4rem;
+}
+
+.bottom-container .submit-container .statement a {
+  color: #2abed1;
+}
+
+.bottom-container .submit-container .statement .i-agree:before {
+  content: "\e631";
+}
+
+.bottom-container .submit-container .statement .i-agree.checked {
+  color: #2abed1;
+}
+
+.bottom-container .submit-container .statement .i-agree.checked:before {
+  content: "\e62d";
+}
+
+.bottom-container .submit-container .submit-confirm {
+  height: 0.92rem;
+  color: #fff;
+  font-size: 0.36rem;
+  background-color: #2abed1;
+  border-radius: 0.16rem;
+}
+
+.bottom-container .submit-container .submit-confirm[disabled] {
+  opacity: 0.5;
+}
+
+.wp {
+  padding: 0 0.32rem;
+  background-color: #fff;
+}
+
+.weui-half-screen-dialog {
+  height: 6.24rem;
+}
+
+.weui-half-screen-dialog__hd {
+  width: 100%;
+  height: 1.28rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 0.32rem 0 0;
+}
+
+.weui-half-screen-dialog__hd .weui-half-screen-dialog__hd__side {
+  order: 2;
+}
+
+.weui-half-screen-dialog__hd .weui-half-screen-dialog__hd__main {
+  order: 1;
+  width: 2.4rem;
+  padding: 0;
+  text-align: left;
+}
+
+.weui-half-screen-dialog__hd .weui-half-screen-dialog__hd__main .weui-half-screen-dialog__title {
+  font-size: 0.4rem;
+  color: #171826;
+  font-weight: normal;
+  font-style: normal;
+}
+
+.time_conflict {
+  width: 100%;
+  height: 1.08rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+}
+
+.time_conflict .time_text {
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.time_conflict .icon-duihao {
+  display: flex;
+  width: 0.48rem;
+  height: 0.48rem;
+  font-size: 0.36rem;
+  color: #2ABED1;
+}
+
+.informationerror {
+  width: 100%;
+  height: 1.08rem;
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+  align-items: center;
+}
+
+.informationerror .information_text {
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.informationerror .icon-duihao {
+  display: flex;
+  width: 0.48rem;
+  height: 0.48rem;
+  font-size: 0.36rem;
+  color: #2ABED1;
+}
+
+.rise_company {
+  width: 100%;
+  height: 1.08rem;
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+  align-items: center;
+}
+
+.rise_company .time_text {
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.rise_company .icon-duihao {
+  display: flex;
+  width: 0.48rem;
+  height: 0.48rem;
+  font-size: 0.36rem;
+  color: #2ABED1;
+}
+
+.rise_person {
+  width: 100%;
+  height: 1.08rem;
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+  align-items: center;
+}
+
+.rise_person .information_text {
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.rise_person .icon-duihao {
+  display: flex;
+  width: 0.48rem;
+  height: 0.48rem;
+  font-size: 0.36rem;
+  color: #2ABED1;
+}
+
+.mail {
+  width: 100%;
+  height: 1.08rem;
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+  align-items: center;
+}
+
+.mail .mail_text {
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.mail .icon-duihao {
+  display: flex;
+  width: 0.48rem;
+  height: 0.48rem;
+  font-size: 0.36rem;
+  color: #2ABED1;
+}
+
+.scene {
+  width: 100%;
+  height: 1.08rem;
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+  align-items: center;
+}
+
+.scene .scene_text {
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.scene .icon-duihao {
+  display: flex;
+  width: 0.48rem;
+  height: 0.48rem;
+  font-size: 0.36rem;
+  color: #2ABED1;
+}
+
+.option_city {
+  height: 7.6rem;
+}
+
+.option_city .weui-half-screen-dialog__ft {
+  padding: 0;
+}
+
+.option_city .weui-half-screen-dialog__ft .weui-btn {
+  width: 100%;
+  height: 0.92rem;
+  background: #2ABED1;
+  font-size: 0.36rem;
+  border-radius: 0.16rem;
+  color: #F7F9FA;
+  margin: 0;
+}
+
+.option_city .weui-picker__item {
+  font-size: 0.3rem;
+}

src/jfw/modules/app/src/web/staticres/jyapp/wx_course/css/inpayment.css

@@ -0,0 +1,386 @@
+html, body {
+  width: 100%;
+  height: 100%;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.container .container-body {
+  flex: 1;
+  overflow-y: scroll;
+}
+
+.weui-icon-warn {
+  display: none !important;
+}
+
+button[disabled] {
+  opacity: .5;
+}
+
+.paynum {
+  width: 100%;
+  height: 1.6rem;
+  background: #ffffff;
+  overflow: hidden;
+}
+
+.paynum .needpaynum {
+  width: 100%;
+  height: 0.36rem;
+  font-size: 0.24rem;
+  color: #9B9CA3;
+  text-align: center;
+  line-height: 0.36rem;
+  margin-top: 0.32rem;
+}
+
+.paynum .needmoney {
+  width: 100%;
+  height: 0.6rem;
+  font-size: 0.4rem;
+  color: #FB483D;
+  line-height: 0.6rem;
+  text-align: center;
+}
+
+.payments {
+  width: 100%;
+  background: #ffffff;
+  margin-top: 0.2rem;
+}
+
+.payments .payments_ul {
+  width: 100%;
+  padding-left: 0.32rem;
+}
+
+.payments .payments_ul li:nth-child(1) {
+  width: 100%;
+  height: 1.08rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.payments .payments_ul li:nth-child(1) .icon-zhifubaozhifu {
+  font-size: 0.56rem;
+  color: #1296DB;
+}
+
+.payments .payments_ul li:nth-child(1) .Alipay {
+  width: 6.38rem;
+  height: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-right: 0.32rem;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+.payments .payments_ul li:nth-child(1) .Alipay .zhifubao {
+  font-size: 0.3rem;
+  color: #171826;
+}
+
+.payments .payments_ul li:nth-child(1) .Alipay .icon-duihao {
+  font-size: 0.48rem;
+  color: #2ABED1;
+}
+
+.payments .payments_ul li:nth-child(2) {
+  width: 100%;
+  height: 1.08rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.payments .payments_ul li:nth-child(2) .icon-weixinzhifu {
+  font-size: 0.56rem;
+  color: #09BB07;
+}
+
+.payments .payments_ul li:nth-child(2) .WeChat {
+  width: 6.38rem;
+  height: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-right: 0.32rem;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+.payments .payments_ul li:nth-child(2) .WeChat .weixin {
+  font-size: 0.3rem;
+  color: #171826;
+}
+
+.payments .payments_ul li:nth-child(2) .WeChat .icon-duihao {
+  font-size: 0.48rem;
+  color: #2ABED1;
+}
+
+.payments .payments_ul li:nth-child(3) {
+  width: 100%;
+  height: 1.08rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.payments .payments_ul li:nth-child(3) .icon-gongduigongzhuanzhang {
+  font-size: 0.56rem;
+  color: #FF8D35;
+}
+
+.payments .payments_ul li:nth-child(3) .public_transfer {
+  width: 6.38rem;
+  height: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-right: 0.32rem;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+.payments .payments_ul li:nth-child(3) .public_transfer .gongduigong {
+  font-size: 0.3rem;
+  color: #171826;
+}
+
+.payments .payments_ul li:nth-child(3) .public_transfer .icon-duihao {
+  font-size: 0.48rem;
+  color: #2ABED1;
+}
+
+.payments .public_ul {
+  width: 100%;
+  background: #ffffff;
+  padding-left: 0.32rem;
+}
+
+.payments .public_ul li {
+  width: 100%;
+  height: 1.08rem;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+}
+
+.payments .public_ul li span:nth-child(1) {
+  width: 1.6rem;
+  height: 0.44rem;
+  font-size: 0.3rem;
+  color: #5F5E64;
+}
+
+.payments .public_ul li span:nth-child(2) {
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.payments .public_ul .voucher {
+  width: 100%;
+  padding-right: 0.32rem;
+}
+
+.payments .public_ul .voucher .voucher_tips {
+  width: 100%;
+  height: 1.6rem;
+  font-size: 0.26rem;
+  color: #FB483D;
+  margin-top: 0.32rem;
+}
+
+.payments .public_ul .voucher .weui-cells .weui-cell {
+  padding: 0.32rem 0;
+}
+
+.payments .public_ul .voucher .weui-cells .weui-cell .weui-cell__bd .weui-uploader .weui-uploader__bd {
+  overflow: initial;
+  margin: 0;
+}
+
+.payments .public_ul .voucher .weui-cells .weui-cell .weui-cell__bd .weui-uploader .weui-uploader__bd .weui-uploader__file.weui-uploader__file_status {
+  position: relative;
+  width: 3.2rem;
+  height: 2.08rem;
+  border-radius: 0.16rem;
+}
+
+.payments .public_ul .voucher .weui-cells .weui-cell .weui-cell__bd .weui-uploader .weui-uploader__bd .weui-uploader__file.weui-uploader__file_status .icon-delete_gray {
+  position: absolute;
+  top: -0.2rem;
+  right: -0.2rem;
+  display: flex;
+  width: 0.48rem;
+  height: 0.48rem;
+  justify-content: center;
+  align-items: center;
+  font-size: 0.4rem;
+  color: #C0C4CC;
+}
+
+.payments .public_ul .voucher .weui-cells .weui-cell .weui-cell__bd .weui-uploader .weui-uploader__bd .weui-uploader__file_status:before {
+  border-radius: 0.16rem;
+  display: none;
+}
+
+.payments .public_ul .voucher .weui-cells .weui-cell .weui-cell__bd .weui-uploader .weui-uploader__bd .weui-uploader__input-box {
+  width: 3.2rem;
+  height: 2.08rem;
+  border-radius: 0.16rem;
+  border: 1px dashed rgba(0, 0, 0, 0.3);
+  background: #FFFFFF;
+}
+
+.payments .public_ul .voucher .weui-cells .weui-cell .weui-cell__bd .weui-uploader .weui-uploader__bd .weui-uploader__input-box .transfer {
+  position: absolute;
+  bottom: 20%;
+  width: 100%;
+  text-align: center;
+  font-size: 0.28rem;
+  color: #5F5E64;
+}
+
+.payments .public_ul .voucher .weui-cells .weui-cell .weui-cell__bd .weui-uploader .weui-uploader__bd .weui-uploader__input-box:before,
+.payments .public_ul .voucher .weui-cells .weui-cell .weui-cell__bd .weui-uploader .weui-uploader__bd .weui-uploader__input-box:after {
+  background: #171826;
+  top: 33%;
+}
+
+.payments .public_ul .voucher .weui-cells .weui-cell .weui-cell__bd .weui-uploader .weui-uploader__bd .weui-uploader__input-box:before {
+  width: 0.04rem;
+  height: 0.36rem;
+  background: #171826;
+}
+
+.payments .public_ul .voucher .weui-cells .weui-cell .weui-cell__bd .weui-uploader .weui-uploader__bd .weui-uploader__input-box:after {
+  width: 0.36rem;
+  height: 0.04rem;
+  background: #171826;
+}
+
+.payments .public_ul .voucher .weui-cells:before {
+  border: 0;
+}
+
+.payments .example {
+  overflow: hidden;
+  width: 100%;
+  height: 4.34rem;
+  background: #F5F6F7;
+  padding: 0 0.32rem;
+}
+
+.payments .example .example_text {
+  margin: 0.32rem 0 0.08rem 0;
+  font-size: 0.24rem;
+  color: #9B9CA3;
+}
+
+.payments .example .example_img {
+  width: 6.86rem;
+  height: 3.1rem;
+}
+
+.payments .example .example_img img {
+  width: 100%;
+  height: 100%;
+}
+
+.bottom_btn {
+  width: 100%;
+  height: 1.32rem;
+  background: #ffffff;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 0.32rem;
+}
+
+.bottom_btn .Determine {
+  width: 6.86rem;
+  height: 0.92rem;
+  border-radius: 0.16rem;
+  background: #2ABED1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 0.36rem;
+  color: #ffffff;
+}
+
+.jy-dialog .weui-dialog {
+  left: 0.72rem;
+  right: 0.72rem;
+}
+
+.jy-dialog .weui-dialog__hd {
+  margin-bottom: 0.16rem;
+  padding: 0.48rem 0 0 0;
+  color: #171826;
+  font-size: 0.34rem;
+  text-align: center;
+  background: #fff;
+}
+
+.jy-dialog .weui-dialog__title {
+  font-size: 0.36rem;
+}
+
+.jy-dialog .weui-dialog__bd {
+  color: #5F5E64;
+  font-size: 0.32rem;
+  text-align: center;
+  font-size: 0.3rem;
+}
+
+.jy-dialog .weui-dialog__ft {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  text-align: center;
+  height: 0.92rem;
+  padding: 0;
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.jy-dialog .weui-dialog__btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  padding: 0;
+  margin: 0;
+  font-weight: 400;
+  font-size: 0.36rem;
+}
+
+.jy-dialog .weui-dialog__btn:first-of-type {
+  border-right: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.jy-dialog .weui-dialog__btn:last-child {
+  margin: 0;
+}
+
+.jy-dialog .weui-dialog__btn_primary {
+  color: #FB483D;
+}
+
+.jy-dialog .weui-dialog__btn_default {
+  color: #171826;
+}
+
+.jy-dialog .weui-dialog__btn:after,
+.jy-dialog .weui-dialog__ft:after {
+  border: 0;
+}

src/jfw/modules/app/src/web/staticres/jyapp/wx_course/css/optionpay.css

@@ -0,0 +1,386 @@
+html,
+body {
+  width: 100%;
+  height: 100%;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.container .container-body {
+  flex: 1;
+  overflow-y: scroll;
+}
+
+button[disabled] {
+  opacity: 0.5;
+}
+
+.weui-icon-warn {
+  display: none !important;
+}
+
+.paynum {
+  width: 100%;
+  height: 1.6rem;
+  background: #ffffff;
+  overflow: hidden;
+}
+
+.paynum .needpaynum {
+  width: 100%;
+  height: 0.36rem;
+  font-size: 0.24rem;
+  color: #9b9ca3;
+  text-align: center;
+  line-height: 0.36rem;
+  margin-top: 0.32rem;
+}
+
+.paynum .needmoney {
+  width: 100%;
+  height: 0.6rem;
+  font-size: 0.4rem;
+  color: #fb483d;
+  line-height: 0.6rem;
+  text-align: center;
+}
+
+.payments {
+  width: 100%;
+  background: #ffffff;
+}
+
+.payments .payments_ul {
+  width: 100%;
+  padding-left: 0.32rem;
+}
+
+.payments .payments_ul li:nth-child(1) {
+  width: 100%;
+  height: 1.08rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.payments .payments_ul li:nth-child(1) .icon-zhifubaozhifu {
+  font-size: 0.56rem;
+  color: #1296db;
+}
+
+.payments .payments_ul li:nth-child(1) .ali-pay {
+  width: 6.38rem;
+  height: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-right: 0.32rem;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+}
+
+.payments .payments_ul li:nth-child(1) .ali-pay .zhifubao {
+  font-size: 0.3rem;
+  color: #171826;
+}
+
+.payments .payments_ul li:nth-child(1) .ali-pay .icon-duihao {
+  font-size: 0.48rem;
+  color: #2abed1;
+}
+
+.payments .payments_ul li:nth-child(2) {
+  width: 100%;
+  height: 1.08rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.payments .payments_ul li:nth-child(2) .icon-weixinzhifu {
+  font-size: 0.56rem;
+  color: #09bb07;
+}
+
+.payments .payments_ul li:nth-child(2) .we-chat {
+  width: 6.38rem;
+  height: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-right: 0.32rem;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+}
+
+.payments .payments_ul li:nth-child(2) .we-chat .weixin {
+  font-size: 0.3rem;
+  color: #171826;
+}
+
+.payments .payments_ul li:nth-child(2) .we-chat .icon-duihao {
+  font-size: 0.48rem;
+  color: #2abed1;
+}
+
+.payments .payments_ul li:nth-child(3) {
+  width: 100%;
+  height: 1.08rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.payments .payments_ul li:nth-child(3) .icon-gongduigongzhuanzhang {
+  font-size: 0.56rem;
+  color: #ff8d35;
+}
+
+.payments .payments_ul li:nth-child(3) .third-party {
+  width: 6.38rem;
+  height: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-right: 0.32rem;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+}
+
+.payments .payments_ul li:nth-child(3) .third-party .gongduigong {
+  font-size: 0.3rem;
+  color: #171826;
+}
+
+.payments .payments_ul li:nth-child(3) .third-party .icon-duihao {
+  font-size: 0.48rem;
+  color: #2abed1;
+}
+
+.payments .public_ul {
+  display: none;
+  width: 100%;
+  background: #ffffff;
+  padding-left: 0.32rem;
+}
+
+.payments .public_ul li {
+  width: 100%;
+  height: 1.08rem;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+}
+
+.payments .public_ul li span:nth-child(1) {
+  width: 1.6rem;
+  height: 0.44rem;
+  font-size: 0.3rem;
+  color: #5f5e64;
+}
+
+.payments .public_ul li span:nth-child(2) {
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.payments .public_ul .voucher {
+  width: 100%;
+  padding-right: 0.32rem;
+}
+
+.payments .public_ul .voucher .voucher_tips {
+  width: 100%;
+  height: 1.6rem;
+  font-size: 0.26rem;
+  color: #fb483d;
+  margin-top: 0.32rem;
+}
+
+.payments .public_ul .voucher .weui-cells .weui-cell {
+  padding: 0.32rem 0;
+}
+
+.payments .public_ul .voucher .weui-cells .weui-cell .weui-cell__bd .weui-uploader .weui-uploader__hd {
+  display: none;
+}
+
+.payments .public_ul .voucher .weui-cells .weui-cell .weui-cell__bd .weui-uploader .weui-uploader__bd {
+  overflow: initial;
+  margin: 0;
+}
+
+.payments .public_ul .voucher .weui-cells .weui-cell .weui-cell__bd .weui-uploader .weui-uploader__bd .weui-uploader__file.weui-uploader__file_status {
+  position: relative;
+  width: 3.2rem;
+  height: 2.08rem;
+  border-radius: 0.16rem;
+}
+
+.payments .public_ul .voucher .weui-cells .weui-cell .weui-cell__bd .weui-uploader .weui-uploader__bd .weui-uploader__file.weui-uploader__file_status .icon-delete_gray {
+  position: absolute;
+  top: -0.2rem;
+  right: -0.2rem;
+  display: flex;
+  width: 0.48rem;
+  height: 0.48rem;
+  justify-content: center;
+  align-items: center;
+  font-size: 0.4rem;
+  color: #c0c4cc;
+}
+
+.payments .public_ul .voucher .weui-cells .weui-cell .weui-cell__bd .weui-uploader .weui-uploader__bd .weui-uploader__file:before {
+  display: none;
+}
+
+.payments .public_ul .voucher .weui-cells .weui-cell .weui-cell__bd .weui-uploader .weui-uploader__bd .weui-uploader__input-box {
+  width: 3.2rem;
+  height: 2.08rem;
+  border-radius: 0.16rem;
+  border: 1px dashed rgba(0, 0, 0, 0.3);
+  background: #ffffff;
+}
+
+.payments .public_ul .voucher .weui-cells .weui-cell .weui-cell__bd .weui-uploader .weui-uploader__bd .weui-uploader__input-box .transfer {
+  position: absolute;
+  bottom: 20%;
+  width: 100%;
+  text-align: center;
+  font-size: 0.28rem;
+  color: #5f5e64;
+}
+
+.payments .public_ul .voucher .weui-cells .weui-cell .weui-cell__bd .weui-uploader .weui-uploader__bd .weui-uploader__input-box:before,
+.payments .public_ul .voucher .weui-cells .weui-cell .weui-cell__bd .weui-uploader .weui-uploader__bd .weui-uploader__input-box:after {
+  background: #171826;
+  top: 33%;
+}
+
+.payments .public_ul .voucher .weui-cells .weui-cell .weui-cell__bd .weui-uploader .weui-uploader__bd .weui-uploader__input-box:before {
+  width: 0.04rem;
+  height: 0.36rem;
+}
+
+.payments .public_ul .voucher .weui-cells .weui-cell .weui-cell__bd .weui-uploader .weui-uploader__bd .weui-uploader__input-box:after {
+  width: 0.4rem;
+  height: 0.04rem;
+}
+
+.payments .public_ul .voucher .weui-cells:before {
+  border: 0;
+}
+
+.payments .example {
+  display: none;
+  overflow: hidden;
+  width: 100%;
+  background: #f5f6f7;
+  padding: 0 0.32rem;
+}
+
+.payments .example .example_text {
+  margin: 0.32rem 0 0.08rem 0;
+  font-size: 0.24rem;
+  color: #9b9ca3;
+}
+
+.payments .example .example_img img {
+  width: 100%;
+}
+
+.bottom_btn {
+  width: 100%;
+  height: 1.32rem;
+  background: #ffffff;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 0.32rem;
+}
+
+.bottom_btn .Determine {
+  width: 6.86rem;
+  height: 0.92rem;
+  border-radius: 0.16rem;
+  background: #2abed1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 0.36rem;
+  color: #ffffff;
+}
+
+.weui-gallery .weui-gallery__opr {
+  display: none;
+}
+
+.jy-dialog .weui-dialog {
+  left: 0.72rem;
+  right: 0.72rem;
+}
+
+.jy-dialog .weui-dialog__hd {
+  margin-bottom: 0.16rem;
+  padding: 0.48rem 0 0 0;
+  color: #171826;
+  font-size: 0.34rem;
+  text-align: center;
+  background: #fff;
+}
+
+.jy-dialog .weui-dialog__title {
+  font-size: 0.36rem;
+}
+
+.jy-dialog .weui-dialog__bd {
+  color: #5F5E64;
+  font-size: 0.32rem;
+  text-align: center;
+  font-size: 0.3rem;
+}
+
+.jy-dialog .weui-dialog__ft {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  text-align: center;
+  height: 0.92rem;
+  padding: 0;
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.jy-dialog .weui-dialog__btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  padding: 0;
+  margin: 0;
+  font-weight: 400;
+  font-size: 0.36rem;
+}
+
+.jy-dialog .weui-dialog__btn:first-of-type {
+  border-right: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.jy-dialog .weui-dialog__btn:last-child {
+  margin: 0;
+}
+
+.jy-dialog .weui-dialog__btn_primary {
+  color: #FB483D;
+}
+
+.jy-dialog .weui-dialog__btn_default {
+  color: #171826;
+}
+
+.jy-dialog .weui-dialog__btn:after,
+.jy-dialog .weui-dialog__ft:after {
+  border: 0;
+}

src/jfw/modules/app/src/web/staticres/jyapp/wx_course/css/order_detail.css

@@ -0,0 +1,147 @@
+#order_detail {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  height: 100%;
+  overflow-y: scroll;
+}
+
+#order_detail .lists {
+  padding: 0 0.3rem;
+  width: 100%;
+}
+
+#order_detail .lists .card .card-header {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.4rem 0;
+}
+
+#order_detail .lists .card .card-header .header-text {
+  margin: 0 0.2rem;
+  color: #1d1d1d;
+  font-size: 0.36rem;
+  white-space: nowrap;
+}
+
+#order_detail .lists .card .card-header .header-line {
+  width: 100%;
+  height: 1px;
+  background-color: #e0e0e0;
+}
+
+#order_detail .lists .card .card-content {
+  font-size: 0.28rem;
+  color: #686868;
+  line-height: 0.42rem;
+}
+
+#order_detail .lists .card .card-content .content-item {
+  margin-bottom: 0.2rem;
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
+}
+
+#order_detail .lists .card .card-content .content-item .item-label {
+  white-space: nowrap;
+}
+
+#order_detail .lists .card .card-content .content-item .item-text,
+#order_detail .lists .card .card-content .content-item .item-box,
+#order_detail .lists .card .card-content .content-item .item-oneline {
+  display: flex;
+  justify-content: flex-start;
+  flex: 1;
+  width: 100%;
+  white-space: pre-wrap;
+}
+
+#order_detail .lists .card .card-content .content-item .item-oneline {
+  flex-direction: row;
+}
+
+#order_detail .lists .card .card-content .content-item .item-box {
+  flex-wrap: nowrap;
+  flex-direction: column;
+}
+
+#order_detail .lists .buy-info .user-info .ellipsis {
+  line-height: 0.46rem;
+}
+
+#order_detail .lists .audit-progress .pay-mode {
+  height: .5rem;
+  align-items: center !important;
+}
+
+#order_detail .lists .audit-progress .pay-mode .item-oneline {
+  height: 100%;
+  align-items: center !important;
+}
+
+#order_detail .lists .audit-progress .pay-mode .view-voucher {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: .1rem;
+  padding: 0 0.1rem;
+  font-size: 0.28rem;
+  color: #fff;
+  background-color: #2cb7ca;
+  border-radius: 0.06rem;
+}
+
+#order_detail .lists .audit-progress .invoice .to-invoice {
+  flex: none !important;
+  width: auto !important;
+  padding: 0 0.1rem;
+  font-size: 0.28rem;
+  color: #2cb7ca;
+  border: 1px solid #2cb7ca;
+  border-radius: 0.06rem;
+}
+
+@keyframes ballRotate {
+  0% {
+    transform: rotate(0);
+  }
+  50% {
+    transform: rotate(180deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.ball-clip-rotate {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  z-index: 2;
+  transform: translate(-50%, -50%);
+}
+
+.ball-clip-rotate .ball {
+  display: inline-block;
+  width: 26px;
+  height: 26px;
+  border-radius: 50%;
+  border: 2px solid #fff;
+  border-bottom-color: transparent;
+  background: 0 0;
+  -webkit-animation: ballRotate 0.75s 0s linear infinite;
+  animation: ballRotate 0.75s 0s linear infinite;
+}
+
+.image-viewer .viewer-wrapper {
+  position: relative;
+  z-index: 6;
+}
+
+.image-viewer .image-body .ball-clip-rotate {
+  z-index: 3;
+}

src/jfw/modules/app/src/web/staticres/jyapp/wx_course/css/paymentresult.css

@@ -0,0 +1,190 @@
+html, body {
+  width: 100%;
+  height: 100%;
+  background: #ffffff;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.container .container_body {
+  flex: 1;
+  overflow-y: scroll;
+}
+
+.pay-count {
+  color: #171826;
+  font-size: 0.32rem;
+}
+
+.refund_process {
+  width: 100%;
+  background: #ffffff;
+}
+
+.refund_process .refund_inaudit {
+  padding: 0.8rem 1.2rem;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.refund_process .refund_inaudit .inaudit_img {
+  width: 1.6rem;
+  height: 1.6rem;
+  font-size: 1.2rem;
+  color: #FF9F40;
+  text-align: center;
+}
+
+.refund_process .refund_inaudit .inaudit_text {
+  font-size: 0.36rem;
+  color: #FF9F40;
+  margin-top: 0.16rem;
+}
+
+.refund_process .refund_inaudit .inaudit_time {
+  width: 5.58rem;
+  text-align: center;
+  line-height: 0.4rem;
+  font-size: 0.26rem;
+  color: #5F5E64;
+  margin-top: 0.32rem;
+}
+
+.interval {
+  width: 100%;
+  height: 0.2rem;
+  background: #F5F6F7;
+}
+
+.refund_price {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  height: 1.08rem;
+  padding: 0 0.32rem;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+}
+
+.refund_price .price_label {
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.refund_price .price_num {
+  font-size: 0.28rem;
+  color: #9B9CA3;
+}
+
+.refund_account {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  height: 1.08rem;
+  padding: 0 0.32rem;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+}
+
+.refund_account .account_label {
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.refund_account .account_num {
+  font-size: 0.28rem;
+  color: #9B9CA3;
+}
+
+.refund_reason {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  height: 1.08rem;
+  padding: 0 0.32rem;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+}
+
+.refund_reason .reason_label {
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.refund_reason .reason_num {
+  font-size: 0.28rem;
+  color: #9B9CA3;
+}
+
+.refund_time {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  height: 1.08rem;
+  padding: 0 0.32rem;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+}
+
+.refund_time .time_label {
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.refund_time .time_num {
+  font-size: 0.28rem;
+  color: #9B9CA3;
+}
+
+.bottom_btn {
+  width: 100%;
+  height: 1.12rem;
+  background: #ffffff;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 0.32rem;
+}
+
+.bottom_btn .vieworder {
+  width: 3.3rem;
+  height: 0.8rem;
+  background: #EDEFF2;
+  border-radius: 0.08rem;
+  font-size: 0.32rem;
+  color: #5F5E64;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.bottom_btn .confirm {
+  width: 3.3rem;
+  height: 0.8rem;
+  background: #2ABED1;
+  border-radius: 0.08rem;
+  font-size: 0.32rem;
+  color: #F7F9FA;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.bottom_btn .Determine {
+  width: 6.86rem;
+  height: 0.92rem;
+  border-radius: 0.16rem;
+  background: #2ABED1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 0.36rem;
+  color: #ffffff;
+}

src/jfw/modules/app/src/web/staticres/jyapp/wx_course/css/payprocess.css

@@ -0,0 +1,177 @@
+html, body {
+  width: 100%;
+  height: 100%;
+  background: #ffffff;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.container .container_body {
+  flex: 1;
+  overflow-y: scroll;
+}
+
+.refund_process {
+  width: 100%;
+  padding: 0.8rem 0 1.28rem;
+  background: #ffffff;
+}
+
+.refund_process .refund_inaudit {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.refund_process .refund_inaudit .icon-choose {
+  width: 1.6rem;
+  height: 1.6rem;
+  font-size: 1.2rem;
+  color: #2ABED1;
+  text-align: center;
+}
+
+.refund_process .refund_inaudit .inaudit_text {
+  height: 0.52rem;
+  width: 1.8rem;
+  font-size: 0.36rem;
+  color: #2ABED1;
+  text-align: center;
+  margin-top: 0.16rem;
+}
+
+.refund_process .refund_inaudit .pay-count {
+  color: #171826;
+  font-size: 0.52rem;
+}
+
+.refund_process .refund_inaudit .pay-count .yen {
+  font-size: 0.4rem;
+}
+
+.refund_process .refund_inaudit .inaudit_time {
+  width: 5.58rem;
+  text-align: center;
+  line-height: 0.4rem;
+  font-size: 0.26rem;
+  color: #5F5E64;
+  margin-top: 0.32rem;
+}
+
+.interval {
+  width: 100%;
+  height: 0.2rem;
+  background: #F5F6F7;
+}
+
+.refund_price {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  height: 1.08rem;
+  padding: 0 0.32rem;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+}
+
+.refund_price .price_label {
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.refund_price .price_num {
+  font-size: 0.28rem;
+  color: #9B9CA3;
+}
+
+.refund_account {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  height: 1.08rem;
+  padding: 0 0.32rem;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+}
+
+.refund_account .account_label {
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.refund_account .account_num {
+  font-size: 0.28rem;
+  color: #9B9CA3;
+}
+
+.refund_reason {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  height: 1.08rem;
+  padding: 0 0.32rem;
+  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
+}
+
+.refund_reason .reason_label {
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.refund_reason .reason_num {
+  font-size: 0.28rem;
+  color: #9B9CA3;
+}
+
+.bottom_btn {
+  width: 100%;
+  height: 1.12rem;
+  background: #ffffff;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 0.32rem;
+}
+
+.bottom_btn .vieworder {
+  width: 3.3rem;
+  height: 0.8rem;
+  background: #EDEFF2;
+  border-radius: 0.08rem;
+  font-size: 0.32rem;
+  color: #5F5E64;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.bottom_btn .confirm {
+  width: 3.3rem;
+  height: 0.8rem;
+  background: #2ABED1;
+  border-radius: 0.08rem;
+  font-size: 0.32rem;
+  color: #F7F9FA;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.bottom_btn .Determine {
+  width: 6.86rem;
+  height: 0.92rem;
+  border-radius: 0.16rem;
+  background: #2ABED1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 0.36rem;
+  color: #ffffff;
+}

src/jfw/modules/app/src/web/staticres/jyapp/wx_course/css/payprocess_audit.css

@@ -0,0 +1,129 @@
+html, body {
+  width: 100%;
+  height: 100%;
+  background: #ffffff;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.container .container_body {
+  flex: 1;
+  overflow-y: scroll;
+}
+
+.audit_process {
+  width: 100%;
+  height: 5.08rem;
+  background: #ffffff;
+  margin-top: 2.2rem;
+}
+
+.audit_process .audit_inaudit {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.audit_process .audit_inaudit .icon-shenhezhong {
+  margin-top: 0.8rem;
+  width: 1.6rem;
+  height: 1.6rem;
+  font-size: 1.2rem;
+  color: #FF9F40;
+  text-align: center;
+}
+
+.audit_process .audit_inaudit .icon-delete_gray {
+  margin-top: 0.8rem;
+  width: 1.6rem;
+  height: 1.6rem;
+  font-size: 1.2rem;
+  color: #FB483D;
+  text-align: center;
+}
+
+.audit_process .audit_inaudit .inaudit_text {
+  height: 0.52rem;
+  font-size: 0.36rem;
+  color: #FB483D;
+  text-align: center;
+  margin-top: 0.16rem;
+}
+
+.audit_process .audit_inaudit .inaudit_time {
+  margin-top: 0.32rem;
+  width: 5.58rem;
+  text-align: center;
+  line-height: 0.4rem;
+  font-size: 0.26rem;
+  color: #5F5E64;
+  white-space: pre-wrap;
+}
+
+.custom-classname .weui-toast.weui-animate-fade-in {
+  width: 1.6rem;
+  height: 1.6rem;
+  min-height: 1.6rem;
+  top: 6.2rem;
+}
+
+.custom-classname .weui-toast.weui-animate-fade-in .weui-icon_toast.weui-icon-success-no-circle:before {
+  margin: 0;
+  font-size: 0.64rem;
+}
+
+.custom-classname .weui-toast.weui-animate-fade-in .weui-icon_toast.weui-icon-success-no-circle {
+  margin-top: 0.24rem;
+}
+
+.bottom_btn {
+  width: 100%;
+  height: 1.12rem;
+  background: #ffffff;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 0.32rem;
+}
+
+.bottom_btn .vieworder {
+  width: 3.3rem;
+  height: 0.8rem;
+  background: #EDEFF2;
+  border-radius: 0.08rem;
+  font-size: 0.32rem;
+  color: #5F5E64;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.bottom_btn .confirm {
+  width: 3.3rem;
+  height: 0.8rem;
+  background: #2ABED1;
+  border-radius: 0.08rem;
+  font-size: 0.32rem;
+  color: #F7F9FA;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.bottom_btn .Determine {
+  width: 6.86rem;
+  height: 0.92rem;
+  border-radius: 0.16rem;
+  background: #2ABED1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 0.36rem;
+  color: #ffffff;
+}

src/jfw/modules/app/src/web/staticres/jyapp/wx_course/css/public.css

@@ -0,0 +1,244 @@
+@charset "UTF-8";
+.main {
+  width: 100%;
+}
+
+.main::-webkit-scrollbar {
+  display: none;
+}
+
+.layout_top-bottom {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  height: 100%;
+}
+
+.layout_top-bottom .layou_top {
+  flex: 1;
+  overflow: scroll;
+}
+
+.bottom_button {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  height: .94rem;
+}
+
+.bottom_button .left_btn,
+.bottom_button .right_btn {
+  flex: 1;
+  height: 100%;
+  font-size: .34rem;
+}
+
+.bottom_button .left_btn {
+  color: #2cb7ca;
+  background-color: #fff;
+  border-top: 1px solid #e0e0e0;
+}
+
+.bottom_button .right_btn {
+  color: #fff;
+  background-color: #2cb7ca;
+  border-top: 1px solid #2cb7ca;
+}
+
+.bottom_button button[disabled] {
+  opacity: .5;
+}
+
+/*禁止长按复制 加给body*/
+.no-touch {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+/* 弹性盒子布局 */
+.flex_alginC {
+  display: flex;
+  align-items: center;
+}
+
+.flex_alginC_justB {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.flex_alginC_justC {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.flex_column {
+  display: flex;
+  flex-direction: column;
+}
+
+.flex_column_alignC {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+/* 自定义弹窗*/
+@-webkit-keyframes c {
+  0% {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes c {
+  0% {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+.custom-dialog .weui-animate-fade-in {
+  -webkit-animation: c ease 0s forwards;
+  animation: c ease 0s forwards;
+}
+
+@-webkit-keyframes d {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes d {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+.custom-dialog .weui-animate-fade-out {
+  -webkit-animation: d ease 0s forwards;
+  animation: d ease 0s forwards;
+}
+
+.custom-dialog .weui-dialog__hd {
+  background: #F5F4F9;
+  padding: .17rem 0;
+  color: #000;
+  font-size: .34rem;
+  text-align: center;
+}
+
+.custom-dialog .weui-dialog__bd {
+  padding: .37rem 0;
+  color: #1D1D1D;
+  font-size: .32rem;
+  text-align: center;
+}
+
+.custom-dialog .weui-dialog__ft:after {
+  border: 0;
+}
+
+.custom-dialog .weui-dialog__btn:after {
+  border: 0;
+}
+
+.custom-dialog .weui-dialog__ft {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding-bottom: .38rem;
+  box-sizing: border-box;
+  text-align: center;
+}
+
+.custom-dialog .weui-dialog__btn {
+  display: block;
+  width: 1.72rem;
+  height: .72rem;
+  line-height: .72rem;
+  color: #fff;
+  padding: 0;
+  flex: none;
+  text-align: center;
+  border-radius: 3px;
+}
+
+.custom-dialog .weui-dialog__btn_primary {
+  background-color: #2CB7CA;
+  margin-right: 1rem;
+}
+
+.custom-dialog .weui-dialog__btn_default {
+  background-color: #BFBFC3;
+}
+
+.custom-toast .weui-toast {
+  font-size: .3rem;
+  padding: 0.2rem;
+  width: auto;
+  max-width: 6rem;
+  min-height: 0;
+  height: auto;
+  top: 50%;
+  left: 50%;
+  margin-left: 0;
+  margin-top: -0.47rem;
+  transform: translateX(-50%) translateY(-50%);
+}
+
+.custom-toast .weui-icon_toast {
+  display: none;
+}
+
+.custom-toast .weui-toast__content {
+  margin: 0;
+}
+
+.jymobile-tab-triangle {
+  position: relative;
+}
+
+.jymobile-tab-triangle:after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  right: 0;
+  width: 0;
+  height: 0;
+  font-size: 0;
+  line-height: 0;
+  border-style: solid;
+  border-width: .1rem;
+  border-color: #aaa transparent transparent transparent;
+  transform: translate(140%, -30%);
+}
+
+.jymobile-tab-triangle.active:after {
+  border-color: transparent transparent #2cb7ca transparent;
+  transform: translate(140%, -70%);
+}
+
+.jymobile-tab-triangle.current {
+  color: #2cb7ca;
+}
+
+.jymobile-tab-triangle.current:after {
+  border-color: #2cb7ca transparent transparent transparent;
+}

src/jfw/modules/app/src/web/staticres/jyapp/wx_course/css/reserve_index.css

@@ -0,0 +1,368 @@
+input, textarea {
+  caret-color: #2ABED1;
+}
+
+.reserve {
+  display: flex;
+  flex-direction: column;
+}
+
+.wp {
+  padding: 0 0.32rem;
+  background-color: #fff;
+}
+
+.course-info {
+  height: 6rem;
+  font-size: 0.28rem;
+  color: #fff;
+  font-size: 0.28rem;
+  font-weight: 600;
+  line-height: 0.42rem;
+  background: linear-gradient(180deg, #2abed1 0%, rgba(42, 190, 209, 0) 100%);
+}
+
+.course-info .course-item {
+  margin-bottom: 0.2rem;
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
+}
+
+.course-info .course-item .item-label {
+  white-space: nowrap;
+}
+
+.course-info .course-item .item-text {
+  flex: 1;
+  width: 100%;
+}
+
+.card {
+  margin: 0 0.24rem;
+  background-color: #fff;
+  border-radius: 0.16rem;
+  box-shadow: inset 0px -0.5px 0px rgba(0, 0, 0, 0.05), inset 16px 0px 0px #ffffff, inset -16px 0px 0px #ffffff;
+}
+
+.card .card-cell-title,
+.card .card-cell,
+.card .sub-cell {
+  display: flex;
+  align-items: flex-start;
+  padding: 0.32rem;
+}
+
+.card .card-cell-title .card-cell__hd,
+.card .card-cell .card-cell__hd,
+.card .sub-cell .card-cell__hd {
+  display: flex;
+  align-items: center;
+  font-size: 0.3rem;
+  color: #171826;
+}
+
+.card .card-cell-title .card-cell__bd,
+.card .card-cell .card-cell__bd,
+.card .sub-cell .card-cell__bd {
+  display: flex;
+  align-items: center;
+  font-size: 0.32rem;
+  color: #9b9ca3;
+}
+
+.card .card-cell-title {
+  padding-bottom: 0.12rem;
+}
+
+.card .card-cell-title .card-cell__hd {
+  margin-right: 0.16rem;
+  font-size: 0.36rem;
+  font-weight: 700;
+}
+
+.card .card-cell-title .card-cell__bd {
+  font-size: 0.24rem;
+}
+
+.card .card-cell {
+  border-bottom: 1px solid #f2f2f2;
+}
+
+.card .card-cell:last-of-type {
+  border-bottom: none;
+}
+
+.card .card-cell .card-cell__hd {
+  width: 1.6rem;
+  height: 0.4rem;
+}
+
+.card .card-cell .card-cell__bd {
+  justify-content: flex-end;
+  flex: 1;
+}
+
+.card .card-cell .card-cell__bd .card-input {
+  display: flex;
+  align-items: center;
+  height: 0.44rem;
+  width: 100%;
+  font-size: 0.32rem;
+  color: #171826;
+}
+
+.card .card-cell .card-cell__bd .cell__bd_left,
+.card .card-cell .card-cell__bd .cell__bd_right {
+  font-size: 0.28rem;
+  color: #9b9ca3;
+}
+
+.card .card-cell .card-cell__bd .cell__bd_right {
+  margin-left: 0.12rem;
+}
+
+.card .sub-cell {
+  justify-content: space-between;
+  padding-top: 0.12rem;
+  padding-bottom: 0.12rem;
+  font-size: 0.26rem;
+}
+
+.card .sub-cell .card-cell__hd {
+  color: #5F5E64;
+}
+
+.card .sub-cell .card-cell__bd {
+  color: #FB483D;
+}
+
+.card .company-name .card-cell__bd,
+.card .user-name .card-cell__bd,
+.card .user-tel .card-cell__bd,
+.card .user-email .card-cell__bd {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.card .company-name .card-cell__bd .error-tip,
+.card .user-name .card-cell__bd .error-tip,
+.card .user-tel .card-cell__bd .error-tip,
+.card .user-email .card-cell__bd .error-tip {
+  display: none;
+  margin-top: 0.2rem;
+  color: #FB483D;
+  font-size: 0.24rem;
+}
+
+.top-container .course-info {
+  padding: 0.4rem 0.32rem;
+  padding-bottom: 0;
+}
+
+.top-container .contact-info,
+.top-container .buy-info,
+.top-container .subtotal {
+  margin-bottom: 0.2rem;
+}
+
+.top-container .contact-info {
+  margin-top: -2.4rem;
+}
+
+.top-container .subtotal .pay-mode .sub-total-count {
+  color: #171826;
+}
+
+.bottom-container .total {
+  display: flex;
+  padding-top: 0.18rem;
+  padding-bottom: 0.18rem;
+  justify-content: space-between;
+}
+
+.bottom-container .total .total-label,
+.bottom-container .total .total-price {
+  height: 100%;
+}
+
+.bottom-container .total .total-label {
+  font-size: 0.28rem;
+  color: #9b9ca3;
+}
+
+.bottom-container .total .total-price {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+
+.bottom-container .total .total-price .current-price {
+  font-size: 0.4rem;
+  font-weight: 700;
+  color: #fb483d;
+}
+
+.bottom-container .total .total-price .former-price {
+  font-size: 0.22rem;
+  color: #9b9ca3;
+}
+
+.bottom-container .submit-container {
+  padding-bottom: 0.24rem;
+  display: flex;
+  flex-direction: column;
+}
+
+.bottom-container .submit-container .statement {
+  display: flex;
+  align-items: center;
+  margin-bottom: 0.16rem;
+  min-height: 0.64rem;
+  font-size: 0.24rem;
+  color: #5f5e64;
+}
+
+.bottom-container .submit-container .statement .state {
+  height: 100%;
+}
+
+.bottom-container .submit-container .statement .iconfont {
+  margin-right: 0.14rem;
+  font-size: 0.4rem;
+}
+
+.bottom-container .submit-container .statement a {
+  color: #2abed1;
+}
+
+.bottom-container .submit-container .statement .i-agree:before {
+  content: "\e631";
+}
+
+.bottom-container .submit-container .statement .i-agree.checked {
+  color: #2abed1;
+}
+
+.bottom-container .submit-container .statement .i-agree.checked:before {
+  content: "\e62d";
+}
+
+.bottom-container .submit-container .submit-confirm {
+  height: 0.92rem;
+  color: #fff;
+  font-size: 0.36rem;
+  background-color: #2abed1;
+  border-radius: 0.16rem;
+}
+
+.bottom-container .submit-container .submit-confirm[disabled] {
+  opacity: 0.5;
+}
+
+.weui-half-screen-dialog__hd {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 1.28rem;
+}
+
+.weui-half-screen-dialog__hd .weui-half-screen-dialog__hd__main {
+  flex: none;
+  order: 1;
+  padding: 0;
+}
+
+.weui-half-screen-dialog__hd .weui-half-screen-dialog__hd__main .weui-half-screen-dialog__title {
+  font-size: 0.4rem;
+  font-weight: 400;
+  color: #171826;
+}
+
+.weui-half-screen-dialog__hd .weui-half-screen-dialog__hd__side {
+  order: 2;
+}
+
+.weui-half-screen-dialog__hd .weui-half-screen-dialog__hd__side .weui-icon-btn {
+  font-size: 0.4rem;
+  color: gray;
+  transform: translate(-80%, -50%);
+}
+
+.pay-mode-picker {
+  display: none;
+}
+
+.pay-mode-picker .weui-icon-btn {
+  background-image: none;
+}
+
+.pay-mode-picker .payments_ul {
+  display: block !important;
+  width: 100%;
+}
+
+.pay-mode-picker .payments_ul .payment-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 1.08rem;
+}
+
+.pay-mode-picker .payments_ul .payment-item .iconfont {
+  font-size: 0.56rem;
+}
+
+.pay-mode-picker .payments_ul .payment-item .item-r {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex: 1;
+  margin-left: 0.24rem;
+  height: 100%;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+.pay-mode-picker .payments_ul .payment-item .item-r .item-text {
+  font-size: 0.3rem;
+  color: #171826;
+}
+
+.pay-mode-picker .payments_ul .payment-item .item-r .iconfont {
+  display: none;
+  font-size: 0.48rem;
+}
+
+.pay-mode-picker .payments_ul .payment-item.active .item-r .iconfont {
+  display: block;
+  color: #2ABED1;
+}
+
+.pay-mode-picker .payments_ul .icon-zhifubaozhifu {
+  color: #1296db;
+}
+
+.pay-mode-picker .payments_ul .icon-weixinzhifu {
+  color: #09bb07;
+}
+
+.pay-mode-picker .payments_ul .icon-gongduigongzhuanzhang {
+  color: #ff8d35;
+}
+
+.user-count-picker .weui-half-screen-dialog__bd {
+  font-size: 0.32rem;
+}
+
+.user-count-picker .weui-half-screen-dialog__ft {
+  padding: 0.1rem 0 0.3rem;
+}
+
+.user-count-picker .weui-half-screen-dialog__ft .weui-btn_primary {
+  margin: 0;
+  width: 100%;
+  color: #fff;
+  background-color: #2ABED1;
+  border-radius: 0.16rem;
+}

src/jfw/modules/app/src/web/staticres/jyapp/wx_course/js/drawabill.js

@@ -0,0 +1,585 @@
+$(function () {
+    scrollView('textfield')
+
+    // 首先判断是普发还是专发
+    if ($('.content_text').text() == "增值税普通发票") {
+        $('.identity').hide()
+    } else if ($('.content_text').text() == "增值税专用发票") {
+        $('.identity').show()
+    }
+    
+    // 发票类型弹窗
+    $('.type_inside').on("click", function () {
+        weui.picker([{}], {
+            className: 'invoice-type',
+            container: 'body',
+            defaultValue: [3],
+            onChange: function (result) {},
+            onConfirm: function (result) {},
+            id: 'singleLinePicker'
+        });
+        $('.weui-half-screen-dialog__title').html('选择发票类型')
+        $('.weui-picker__group').children().remove()
+        $('.weui-half-screen-dialog').children('.weui-half-screen-dialog__ft').remove()
+        // 添加标签
+        var html =  "<div class='time_conflict'>";
+        html += "<span class='time_text'>增值税普通发票</span>"
+        html += "<span class='iconfont gouxuantime'></span>"
+        html += "</div>"
+        html += "<div class='informationerror'>";
+        html += "<span class='information_text'>增值税专用发票</span>"
+        html += "<span class='iconfont gouxuaninfor'></span>"
+        html += "</div>"
+        $('.weui-picker__group').append(html)
+        // 根据已选择的判断 哪个应该添加对号
+        if ($('.content_text').text() == "增值税普通发票") {
+            $('.gouxuantime').addClass('icon-duihao')
+            $('.identity').hide()
+        } else if ($('.content_text').text() == "增值税专用发票") {
+            $('.gouxuaninfor').addClass('icon-duihao')
+            $('.identity').show()
+        }
+        $('.time_conflict').on("click", function () {
+            abill()
+            $('.abill_rise .company_text').text('个人')
+            $('.manyperson').hide()
+            $('.oneperson').show()
+
+            $('.gouxuantime').addClass('icon-duihao')
+            $(this).siblings('.informationerror').children('.gouxuaninfor').removeClass('icon-duihao')
+            $('.content_text').text($('.time_text').html())
+            $('.identity').hide()
+            invalidate()
+            // 添加类名用来关闭picker
+            $(this).addClass('weui-picker__btn')
+        })
+        $('.informationerror').on("click", function () {
+            $('.abill_rise').off("click")
+            $('.company_text').text('单位')
+            $('.gouxuantime').addClass('icon-duihao')
+            $('.manyperson').show()
+            $('.oneperson').hide()
+            $('.gouxuaninfor').addClass('icon-duihao')
+            $(this).siblings('.time_conflict').children('.gouxuantime').removeClass('icon-duihao')
+            $('.content_text').text($('.information_text').html())
+            $('.identity').show()
+            invalidate()
+            // 添加类名用来关闭picker
+            $(this).addClass('weui-picker__btn')
+        })
+        $('.weui-icon-btn').removeClass('weui-icon-btn_close')
+        var span = "<span class='iconfont icon-close' style='color:#C0C4CC'></span>"
+        $('.weui-icon-btn').append(span)
+    })
+    // 发票抬头弹窗
+    abill()
+
+    // 领取方式弹窗
+    $('.way_text').on("click", function () {
+        weui.picker([{}], {
+            className: 'custom-classname',
+            container: 'body',
+            defaultValue: [3],
+            onChange: function (result) {
+                // console.log(result)
+            },
+            onConfirm: function (result) {
+                // console.log(result)
+            },
+            id: 'singleLinePicker'
+        });
+        $('.weui-half-screen-dialog__title').html('选择领取方式')
+        $('.weui-picker__group').children().remove()
+        $('.weui-half-screen-dialog').children('.weui-half-screen-dialog__ft').remove()
+        // 添加标签
+        var html = ''
+        html += "<div class='mail'>";
+        html += "<span class='mail_text'>邮寄</span>"
+        html += "<span class='iconfont gouxuantime'></span>"
+        html += "</div>"
+        html += "<div class='scene'>";
+        html += "<span class='scene_text'>现场领取</span>"
+        html += "<span class='iconfont gouxuaninfor'></span>"
+        html += "</div>"
+        $('.weui-picker__group').append(html)
+        if ($('.way_mail').text() == "邮寄") {
+            $('.gouxuantime').addClass('icon-duihao')
+            $('.reception').css("display","block")
+        } else if ($('.way_mail').text() == "现场领取") {
+            $('.gouxuaninfor').addClass('icon-duihao')
+            $('.reception').css("display","none")
+        }
+        $('.mail').on("click", function () {
+            $('.gouxuantime').addClass('icon-duihao')
+            $('.mail').siblings('.scene').children('.gouxuaninfor').removeClass('icon-duihao')
+            $('.way_mail').text($('.mail_text').html())
+            $('.reception').css("display","block")
+            $('.mail').addClass('weui-picker__btn')
+            invalidate()
+        })
+        $('.scene').on("click", function () {
+            $('.gouxuaninfor').addClass('icon-duihao')
+            $('.scene').siblings('.mail').children('.gouxuantime').removeClass('icon-duihao')
+            $('.way_mail').text($('.scene_text').html())
+            $('.reception').css("display","none")
+            $('.scene').addClass('weui-picker__btn')
+            invalidate()
+        })
+        $('.weui-icon-btn').removeClass('weui-icon-btn_close')
+        var span = "<span class='iconfont icon-close' style='color:#C0C4CC'></span>"
+        $('.weui-icon-btn').append(span)
+    })
+
+    // 选择地区
+    $('.location_text').on("click", function () {
+        // 级联picker
+        var provinces = []
+        var removeProID = [36]
+        chinaMapJSON.forEach(function(province, index, array) {
+            var citys = []
+            province.city.forEach(function(city, iindex) {
+                var areas = []
+                city.area.forEach(function(area, iiindex) {
+                    areas.push({
+                        label: area,
+                        value: iiindex
+                    })
+                })
+                citys.push({
+                    label: city.name,
+                    value: iindex,
+                    children: areas
+                })
+            })
+            if (removeProID.indexOf(province.ProID) === -1) {
+                provinces.push({
+                    label: province.name,
+                    value: index,
+                    children: citys
+                })
+            }
+        })
+        
+        weui.picker(provinces, {
+            className: 'custom-classname',
+            container: 'body',
+            defaultValue: [1, 3],
+            onChange: function (result) {},
+            onConfirm: function (result) {
+                var addressArr = result.map(function(item, i) {
+                    return item.label
+                })
+                var address = distinct(addressArr, [])
+                $('.location_option').text(address.join(' '))
+                invalidate()
+            },
+            id: 'doubleLinePicker'
+        });
+        $('.weui-half-screen-dialog__title').html('选择所在地区')
+        $('.weui-half-screen-dialog').addClass('option_city')
+        $('.weui-icon-btn').removeClass('weui-icon-btn_close')
+        var span = "<span class='iconfont icon-close' style='color:#C0C4CC'></span>"
+        $('.weui-icon-btn').append(span)
+    })
+
+    // 校验输入框格式
+    // 开票单位验证
+    // 正则对象
+    var pattern = {
+        //不能为空
+        reg: /^\S+$/,
+        //纳税人识别号
+        regArr:  /(^[A-Za-z0-9]{15}$)|(^[A-Za-z0-9]{17,18}$)|(^[A-Za-z0-9]{20}$)/,
+        //只能是中文
+        chinaReg: /^[a-zA-Z\u4e00-\u9fa5]+$/,
+        //手机号
+        telReg: /^(0|86|17951)?(13[0-9]|15[012356789]|166|17[3678]|18[0-9]|14[57])[0-9]{8}$/,
+        // 手机号或者固话
+        telOrfixedReg: /^1\d{10}$|^(0\d{2,3}\-)?(\d{7,8})+(\-\d{1,4})?$/,
+        //银行账号
+        bankreg: /^(\d{16}|\d{19})$/,
+    }
+    
+    $('.company_ipt').on('blur',function(){
+        var companyabill = $('.company_ipt').val()//开票单位
+        var result = pattern.reg.test(companyabill);
+        if (result) {
+            $('.abill_empty').slideUp(200)
+        } else {
+            $('.abill_empty').slideDown(200)
+        }
+        invalidate()
+    })
+
+    // 注册地址验证
+    $('.registered_ipt').on('blur',function(){
+        var registeradd = $('.registered_ipt').val()//注册地址
+        var result = pattern.reg.test(registeradd);
+        if (result) {
+            $('.register_empty').slideUp(200)
+        } else {
+            $('.register_empty').slideDown(200)
+        }
+        invalidate()
+    })
+    // 详细地址验证
+    $('.detailaddress_ipt').on('blur',function(){
+        var detailadd = $('.detailaddress_ipt').val()//注册地址
+        var result = pattern.reg.test(detailadd);
+        if (result) {
+            $('.detailadd_empty').slideUp(200)
+        } else {
+            $('.detailadd_empty').slideDown(200)
+        }
+        invalidate()
+    })
+    // 真实姓名验证
+    $('.private_ipt').on('blur',function(){
+        var truename = $('.private_ipt').val()
+        var result = pattern.reg.test(truename);
+        if (result) {
+            $('.private_empty').slideUp(200)
+        } else {
+            $('.private_empty').slideDown(200)
+        }
+        invalidate()
+    })
+
+    // 开户银行验证
+    var chinaReg = /^[a-zA-Z\u4e00-\u9fa5]+$/;
+    $('.bank_ipt').on('blur',function(){
+        var accountbank = $('.bank_ipt').val()//开户银行
+        var result = chinaReg.test(accountbank);
+        if (result) {
+            $('.bank_tip').slideUp(200);
+        } else {
+            $('.bank_tip').slideDown(200);
+        }
+        invalidate()
+    })
+
+    // 纳税人识别号 不可为空，15位、17位、18位或者20位码(字符型)，18位的排除字母IOZSV
+    $('.Taxpayer_ipt').on('blur',function(){
+        var taxpayernum = $('.Taxpayer_ipt').val()//纳税人识别号
+        var reg = pattern.regArr
+        if (reg.test(taxpayernum)) {
+            $('.Taxpayer_tip').slideUp(200)
+        } else {
+            $('.Taxpayer_tip').slideDown(200)
+        }
+        invalidate()
+    })
+
+    // 手机号验证
+    var telReg = pattern.telReg
+    $('.addresseephone_ipt').on('blur', function(e) {
+        var tel = $('.addresseephone_ipt').val();
+        var result = telReg.test(tel);
+        if (result) {
+            $('.addressphone_tip').html('手机号格式错误')
+            $('.addressphone_tip').slideUp(200);
+        } else {
+            $('.addressphone_tip').slideDown(200);
+        }
+        invalidate()
+    })
+
+    // 手机号+固话验证
+    var fixedReg = pattern.telOrfixedReg
+    $('.registeredphone_ipt').on('blur',function(){
+        var registerphone = $('.registeredphone_ipt').val()//注册电话
+        var resultfixed = fixedReg.test(registerphone)
+        if(resultfixed){
+            $('.regphone_tip').slideUp(200)
+        }else{
+            $('.regphone_tip').slideDown(200)
+        }
+        invalidate()
+    })
+
+    // 银行账号验证
+    var bankreg = pattern.bankreg
+    $('.banknum_ipt').on('blur',function(){
+        var bankaccount = $('.banknum_ipt').val()
+        var result = bankreg.test(bankaccount)
+        if(result){
+            $('.banknum_tip').slideUp(200)
+        }else{
+            $('.banknum_tip').slideDown(200)
+        }
+        invalidate()
+    })
+    
+    // 收件人验证
+    $('.addressee_ipt').on('blur',function(){
+        var addresseeperson = $('.addressee_ipt').val()//收件人
+        var result = pattern.reg.test(addresseeperson);
+        if (result) {
+            $('.addressee_empty').slideUp(200)
+        } else {
+            $('.addressee_empty').slideDown(200)
+        }
+        invalidate()
+    })
+
+    // 判断Verification数组，如果数组中有false，让按钮置灰
+    invalidate()
+    $('input').on('input', function(){
+        invalidate()
+    })
+    function invalidate() {
+        var isInvoicePass = true
+        $('.need-pattern').each(function(index, dom) {
+            var $dom = $(dom)
+            if (!$dom.is(':hidden')) {
+                $dom.find('input').each(function(iindex, input) {
+                    var $input = $(input)
+                    var pat = $input.attr('data-pattern')
+                    if (!pattern[pat].test(input.value)) {
+                        isInvoicePass = false
+                        return false
+                    }
+                })
+            }
+        })
+        
+        // 是否为邮寄
+        var receptionPass = true
+        if (!$('.reception').is(':hidden')) {
+            if ($('.location_option').text() === '选择地区') {
+                receptionPass = false
+            } else {
+                receptionPass = true
+            }
+            $('.reception').find('input').each(function(iindex, input) {
+                var $input = $(input)
+                var pat = $input.attr('data-pattern')
+                if (!pattern[pat].test(input.value)) {
+                    receptionPass = false
+                    return false
+                }else{
+                    return true
+                }
+            })
+        }
+		// 是否同意协议
+		var isAllPass = true
+		var iAgree = $('.submit-container .statement .i-agree').hasClass('checked')
+		$('.i-agree').each(function(index, dom){
+			$dom = $(dom)
+			if(!iAgree){
+				isAllPass = false
+			}else{
+				isAllPass = true
+			}
+		})
+		
+        // 是否解锁button
+        if(isInvoicePass && receptionPass && isAllPass) {
+            $('.bottom_btn .confirm').prop('disabled', false)
+        } else {
+            $('.bottom_btn .confirm').prop('disabled', true)
+        }
+    }
+
+    // 发票抬头弹窗
+    function abill() {
+        $('.abill_rise').on("click", function () {
+            weui.picker([{}], {
+                className: 'abill-rise',
+                container: 'body',
+                defaultValue: [3],
+                onChange: function (result) {
+                    // console.log(result)
+                },
+                onConfirm: function (result) {
+                    // console.log(result)
+                },
+                id: 'singleLinePicker'
+            });
+            $('.weui-half-screen-dialog__title').html('选择发票抬头')
+            $('.weui-picker__group').children().remove()
+            $('.weui-half-screen-dialog').children('.weui-half-screen-dialog__ft').remove()
+            // 添加标签
+            var html = ''
+            html += "<div class='rise_company'>";
+            html += "<span class='time_text'>单位</span>"
+            html += "<span class='iconfont gouxuantime'></span>"
+            html += "</div>"
+            html += "<div class='rise_person'>";
+            html += "<span class='information_text'>个人</span>"
+            html += "<span class='iconfont gouxuaninfor'></span>"
+            html += "</div>"
+            $('.weui-picker__group').append(html)
+            if ($('.company_text').text() == "单位") {
+                $('.gouxuantime').addClass('icon-duihao')
+                $('.manyperson').css('display',"block")
+                $('.oneperson').css("display",'none')
+            } else if ($('.company_text').text() == "个人") {
+                $('.gouxuaninfor').addClass('icon-duihao')
+                $('.manyperson').css('display',"none")
+                $('.oneperson').css("display",'block')
+            }
+            $('.rise_company').on("click", function () {
+                $('.gouxuantime').addClass('icon-duihao')
+                $('.rise_company').siblings('.rise_person').children('.gouxuaninfor').removeClass('icon-duihao')
+                $('.company_text').text($('.time_text').html())
+                $('.manyperson').css('display',"block")
+                $('.oneperson').css("display",'none')
+                $('.rise_company').addClass('weui-picker__btn')
+                invalidate()
+            })
+            $('.rise_person').on("click", function () {
+                $('.gouxuaninfor').addClass('icon-duihao')
+                $('.rise_person').siblings('.rise_company').children('.gouxuantime').removeClass('icon-duihao')
+                $('.company_text').text($('.information_text').html())
+                $('.manyperson').css('display',"none")
+                $('.oneperson').css("display",'block')
+                $('.rise_person').addClass('weui-picker__btn')
+                invalidate()
+            })
+            $('.weui-icon-btn').removeClass('weui-icon-btn_close')
+            var span = "<span class='iconfont icon-close' style='color:#C0C4CC'></span>"
+            $('.weui-icon-btn').append(span)
+        })
+    }
+	
+    // 我已阅读并了解xxx前面的 图标的选中与取消
+    $('.submit-container .statement .iconfont').on('click', function () {
+    	if($(this).hasClass("checked")){
+    		sessionStorage.setItem("course_checkA_", "flase");
+    	}else{
+    		sessionStorage.setItem("course_checkA_", "true");
+    	}
+        $(this).toggleClass('checked');
+        invalidate();
+    });
+    
+    if(sessionStorage.getItem("course_checkA_")==="true"){
+    	$(".i-agree").addClass("checked");
+    	invalidate();
+    }else{
+    	$(".i-agree").removeClass("checked");
+    	invalidate();
+    }
+    
+    $(".state a").on("click", function(){
+    	var invoiceType = $(".content_text").text();//发票类型
+    	var invoiceRise = $(".company_text").text();//发票抬头
+    	var rcWay = $(".way_mail").text();//领取方式
+    	var address = $("#address").text();
+    	sessionStorage.course_invoice_type = invoiceType;
+    	sessionStorage.course_invoice_rise = invoiceRise;
+    	sessionStorage.course_invoice_rcWay = rcWay;
+    	sessionStorage.course_invoice_address = address;
+    })
+    
+    if(sessionStorage.course_invoice_type!==undefined){
+    	$(".content_text").text(sessionStorage.course_invoice_type);
+    	if ($('.content_text').text() == "增值税普通发票") {
+    		$('.gouxuantime').addClass('icon-duihao')
+    		$('.identity').hide()
+    	} else if ($('.content_text').text() == "增值税专用发票") {
+    		$('.abill_rise').off("click")
+    		$('.gouxuaninfor').addClass('icon-duihao')
+    		$('.identity').show()
+    	}
+        invalidate();
+    }
+    if(sessionStorage.course_invoice_rise!==undefined){
+    	$(".company_text").text(sessionStorage.course_invoice_rise);
+    	if ($('.company_text').text() == "单位") {
+    		$('.gouxuantime').addClass('icon-duihao')
+    		$('.manyperson').show()
+    		$('.oneperson').hide()
+    		$('.gouxuaninfor').addClass('icon-duihao')
+    		$(this).siblings('.time_conflict').children('.gouxuantime').removeClass('icon-duihao')
+    		$('.content_text').text($('.information_text').html())
+    	} else if ($('.company_text').text() == "个人") {
+    		$('.manyperson').hide()
+    		$('.oneperson').show()
+    		$('.gouxuantime').addClass('icon-duihao')
+    		$(this).siblings('.informationerror').children('.gouxuaninfor').removeClass('icon-duihao')
+    		$('.content_text').text($('.time_text').html())
+    		$('.identity').hide()
+    	}
+        invalidate();
+    }
+    if(sessionStorage.course_invoice_rcWay!==undefined){
+    	$(".way_mail").text(sessionStorage.course_invoice_rcWay);
+    	if ($('.way_mail').text() == "邮寄") {
+    	    $('.gouxuantime').addClass('icon-duihao')
+    	    $('.reception').css("display","block")
+    	} else if ($('.way_mail').text() == "现场领取") {
+    	    $('.gouxuaninfor').addClass('icon-duihao')
+    	    $('.reception').css("display","none")
+    	}
+        invalidate();
+    }
+    if(sessionStorage.course_invoice_address!==undefined){
+    	$("#address").text(sessionStorage.course_invoice_address);
+        invalidate();
+    }
+
+    // 解决移动端软键盘弹起遮挡输入框及ios下软键盘关闭后底部留白问题
+    function scrollView(obj) {
+        var u = navigator.userAgent, app = navigator.appVersion;
+        var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;
+
+        var view_height = $(document.body).height()
+        function change() {
+            $(document.body).height(view_height)
+        }
+        // 给所有input绑定一个focus事件，用来判断键盘弹起。执行完成就解绑该事件
+        function focusOnce() {
+            $('.' + obj).on('focus', function(e) {
+                e.target.scrollIntoView({"block": "center"})
+                $('.' + obj).off('focus')
+            })
+        }
+
+        if (isAndroid) {
+            // 在安卓中键盘弹起会触发window.onresize事件
+            // ios中则不会触发window.resize事件
+            change();
+            window.addEventListener('resize', change);
+        } else {
+            // 进入页面绑定，触发一次就解绑
+            focusOnce()
+        }
+        
+        $('.' + obj).on('blur', function (e) {
+            setTimeout(function() {
+                var dom = document.activeElement;
+                if (dom.className.includes(obj)) {
+                    if (isAndroid) {
+                        dom.scrollIntoView({"block": "center"})
+                    } else {
+                        // dom.scrollIntoView({"block": "bottom"})
+                    }
+                } else {
+                    window.scroll(0, 0)
+                    // 当页面上没有获得焦点的input时候就说明键盘收起来了。
+                    // 给input绑定focus事件用来监听其弹起
+                    focusOnce()
+                }
+            }, 50)
+        })
+    }
+
+    // 数组去重
+    function distinct(a, b) {
+        let arr = a.concat(b);
+        for (let i=0, len=arr.length; i<len; i++) {
+            for (let j=i+1; j<len; j++) {
+                if (arr[i] == arr[j]) {
+                    arr.splice(j, 1);
+                    // splice 会改变数组长度，所以要将数组长度 len 和下标 j 减一
+                    len--;
+                    j--;
+                }
+            }
+        }
+        return arr
+    } 
+})

src/jfw/modules/app/src/web/staticres/jyapp/wx_course/js/fastclick.js

@@ -0,0 +1,841 @@
+;(function () {
+	'use strict';
+
+	/**
+	 * @preserve FastClick: polyfill to remove click delays on browsers with touch UIs.
+	 *
+	 * @codingstandard ftlabs-jsv2
+	 * @copyright The Financial Times Limited [All Rights Reserved]
+	 * @license MIT License (see LICENSE.txt)
+	 */
+
+	/*jslint browser:true, node:true*/
+	/*global define, Event, Node*/
+
+
+	/**
+	 * Instantiate fast-clicking listeners on the specified layer.
+	 *
+	 * @constructor
+	 * @param {Element} layer The layer to listen on
+	 * @param {Object} [options={}] The options to override the defaults
+	 */
+	function FastClick(layer, options) {
+		var oldOnClick;
+
+		options = options || {};
+
+		/**
+		 * Whether a click is currently being tracked.
+		 *
+		 * @type boolean
+		 */
+		this.trackingClick = false;
+
+
+		/**
+		 * Timestamp for when click tracking started.
+		 *
+		 * @type number
+		 */
+		this.trackingClickStart = 0;
+
+
+		/**
+		 * The element being tracked for a click.
+		 *
+		 * @type EventTarget
+		 */
+		this.targetElement = null;
+
+
+		/**
+		 * X-coordinate of touch start event.
+		 *
+		 * @type number
+		 */
+		this.touchStartX = 0;
+
+
+		/**
+		 * Y-coordinate of touch start event.
+		 *
+		 * @type number
+		 */
+		this.touchStartY = 0;
+
+
+		/**
+		 * ID of the last touch, retrieved from Touch.identifier.
+		 *
+		 * @type number
+		 */
+		this.lastTouchIdentifier = 0;
+
+
+		/**
+		 * Touchmove boundary, beyond which a click will be cancelled.
+		 *
+		 * @type number
+		 */
+		this.touchBoundary = options.touchBoundary || 10;
+
+
+		/**
+		 * The FastClick layer.
+		 *
+		 * @type Element
+		 */
+		this.layer = layer;
+
+		/**
+		 * The minimum time between tap(touchstart and touchend) events
+		 *
+		 * @type number
+		 */
+		this.tapDelay = options.tapDelay || 200;
+
+		/**
+		 * The maximum time for a tap
+		 *
+		 * @type number
+		 */
+		this.tapTimeout = options.tapTimeout || 700;
+
+		if (FastClick.notNeeded(layer)) {
+			return;
+		}
+
+		// Some old versions of Android don't have Function.prototype.bind
+		function bind(method, context) {
+			return function() { return method.apply(context, arguments); };
+		}
+
+
+		var methods = ['onMouse', 'onClick', 'onTouchStart', 'onTouchMove', 'onTouchEnd', 'onTouchCancel'];
+		var context = this;
+		for (var i = 0, l = methods.length; i < l; i++) {
+			context[methods[i]] = bind(context[methods[i]], context);
+		}
+
+		// Set up event handlers as required
+		if (deviceIsAndroid) {
+			layer.addEventListener('mouseover', this.onMouse, true);
+			layer.addEventListener('mousedown', this.onMouse, true);
+			layer.addEventListener('mouseup', this.onMouse, true);
+		}
+
+		layer.addEventListener('click', this.onClick, true);
+		layer.addEventListener('touchstart', this.onTouchStart, false);
+		layer.addEventListener('touchmove', this.onTouchMove, false);
+		layer.addEventListener('touchend', this.onTouchEnd, false);
+		layer.addEventListener('touchcancel', this.onTouchCancel, false);
+
+		// Hack is required for browsers that don't support Event#stopImmediatePropagation (e.g. Android 2)
+		// which is how FastClick normally stops click events bubbling to callbacks registered on the FastClick
+		// layer when they are cancelled.
+		if (!Event.prototype.stopImmediatePropagation) {
+			layer.removeEventListener = function(type, callback, capture) {
+				var rmv = Node.prototype.removeEventListener;
+				if (type === 'click') {
+					rmv.call(layer, type, callback.hijacked || callback, capture);
+				} else {
+					rmv.call(layer, type, callback, capture);
+				}
+			};
+
+			layer.addEventListener = function(type, callback, capture) {
+				var adv = Node.prototype.addEventListener;
+				if (type === 'click') {
+					adv.call(layer, type, callback.hijacked || (callback.hijacked = function(event) {
+						if (!event.propagationStopped) {
+							callback(event);
+						}
+					}), capture);
+				} else {
+					adv.call(layer, type, callback, capture);
+				}
+			};
+		}
+
+		// If a handler is already declared in the element's onclick attribute, it will be fired before
+		// FastClick's onClick handler. Fix this by pulling out the user-defined handler function and
+		// adding it as listener.
+		if (typeof layer.onclick === 'function') {
+
+			// Android browser on at least 3.2 requires a new reference to the function in layer.onclick
+			// - the old one won't work if passed to addEventListener directly.
+			oldOnClick = layer.onclick;
+			layer.addEventListener('click', function(event) {
+				oldOnClick(event);
+			}, false);
+			layer.onclick = null;
+		}
+	}
+
+	/**
+	* Windows Phone 8.1 fakes user agent string to look like Android and iPhone.
+	*
+	* @type boolean
+	*/
+	var deviceIsWindowsPhone = navigator.userAgent.indexOf("Windows Phone") >= 0;
+
+	/**
+	 * Android requires exceptions.
+	 *
+	 * @type boolean
+	 */
+	var deviceIsAndroid = navigator.userAgent.indexOf('Android') > 0 && !deviceIsWindowsPhone;
+
+
+	/**
+	 * iOS requires exceptions.
+	 *
+	 * @type boolean
+	 */
+	var deviceIsIOS = /iP(ad|hone|od)/.test(navigator.userAgent) && !deviceIsWindowsPhone;
+
+
+	/**
+	 * iOS 4 requires an exception for select elements.
+	 *
+	 * @type boolean
+	 */
+	var deviceIsIOS4 = deviceIsIOS && (/OS 4_\d(_\d)?/).test(navigator.userAgent);
+
+
+	/**
+	 * iOS 6.0-7.* requires the target element to be manually derived
+	 *
+	 * @type boolean
+	 */
+	var deviceIsIOSWithBadTarget = deviceIsIOS && (/OS [6-7]_\d/).test(navigator.userAgent);
+
+	/**
+	 * BlackBerry requires exceptions.
+	 *
+	 * @type boolean
+	 */
+	var deviceIsBlackBerry10 = navigator.userAgent.indexOf('BB10') > 0;
+
+	/**
+	 * Determine whether a given element requires a native click.
+	 *
+	 * @param {EventTarget|Element} target Target DOM element
+	 * @returns {boolean} Returns true if the element needs a native click
+	 */
+	FastClick.prototype.needsClick = function(target) {
+		switch (target.nodeName.toLowerCase()) {
+
+		// Don't send a synthetic click to disabled inputs (issue #62)
+		case 'button':
+		case 'select':
+		case 'textarea':
+			if (target.disabled) {
+				return true;
+			}
+
+			break;
+		case 'input':
+
+			// File inputs need real clicks on iOS 6 due to a browser bug (issue #68)
+			if ((deviceIsIOS && target.type === 'file') || target.disabled) {
+				return true;
+			}
+
+			break;
+		case 'label':
+		case 'iframe': // iOS8 homescreen apps can prevent events bubbling into frames
+		case 'video':
+			return true;
+		}
+
+		return (/\bneedsclick\b/).test(target.className);
+	};
+
+
+	/**
+	 * Determine whether a given element requires a call to focus to simulate click into element.
+	 *
+	 * @param {EventTarget|Element} target Target DOM element
+	 * @returns {boolean} Returns true if the element requires a call to focus to simulate native click.
+	 */
+	FastClick.prototype.needsFocus = function(target) {
+		switch (target.nodeName.toLowerCase()) {
+		case 'textarea':
+			return true;
+		case 'select':
+			return !deviceIsAndroid;
+		case 'input':
+			switch (target.type) {
+			case 'button':
+			case 'checkbox':
+			case 'file':
+			case 'image':
+			case 'radio':
+			case 'submit':
+				return false;
+			}
+
+			// No point in attempting to focus disabled inputs
+			return !target.disabled && !target.readOnly;
+		default:
+			return (/\bneedsfocus\b/).test(target.className);
+		}
+	};
+
+
+	/**
+	 * Send a click event to the specified element.
+	 *
+	 * @param {EventTarget|Element} targetElement
+	 * @param {Event} event
+	 */
+	FastClick.prototype.sendClick = function(targetElement, event) {
+		var clickEvent, touch;
+
+		// On some Android devices activeElement needs to be blurred otherwise the synthetic click will have no effect (#24)
+		if (document.activeElement && document.activeElement !== targetElement) {
+			document.activeElement.blur();
+		}
+
+		touch = event.changedTouches[0];
+
+		// Synthesise a click event, with an extra attribute so it can be tracked
+		clickEvent = document.createEvent('MouseEvents');
+		clickEvent.initMouseEvent(this.determineEventType(targetElement), true, true, window, 1, touch.screenX, touch.screenY, touch.clientX, touch.clientY, false, false, false, false, 0, null);
+		clickEvent.forwardedTouchEvent = true;
+		targetElement.dispatchEvent(clickEvent);
+	};
+
+	FastClick.prototype.determineEventType = function(targetElement) {
+
+		//Issue #159: Android Chrome Select Box does not open with a synthetic click event
+		if (deviceIsAndroid && targetElement.tagName.toLowerCase() === 'select') {
+			return 'mousedown';
+		}
+
+		return 'click';
+	};
+
+
+	/**
+	 * @param {EventTarget|Element} targetElement
+	 */
+	FastClick.prototype.focus = function(targetElement) {
+		var length;
+
+		// Issue #160: on iOS 7, some input elements (e.g. date datetime month) throw a vague TypeError on setSelectionRange. These elements don't have an integer value for the selectionStart and selectionEnd properties, but unfortunately that can't be used for detection because accessing the properties also throws a TypeError. Just check the type instead. Filed as Apple bug #15122724.
+		if (deviceIsIOS && targetElement.setSelectionRange && targetElement.type.indexOf('date') !== 0 && targetElement.type !== 'time' && targetElement.type !== 'month') {
+			length = targetElement.value.length;
+			targetElement.setSelectionRange(length, length);
+		} else {
+			targetElement.focus();
+		}
+	};
+
+
+	/**
+	 * Check whether the given target element is a child of a scrollable layer and if so, set a flag on it.
+	 *
+	 * @param {EventTarget|Element} targetElement
+	 */
+	FastClick.prototype.updateScrollParent = function(targetElement) {
+		var scrollParent, parentElement;
+
+		scrollParent = targetElement.fastClickScrollParent;
+
+		// Attempt to discover whether the target element is contained within a scrollable layer. Re-check if the
+		// target element was moved to another parent.
+		if (!scrollParent || !scrollParent.contains(targetElement)) {
+			parentElement = targetElement;
+			do {
+				if (parentElement.scrollHeight > parentElement.offsetHeight) {
+					scrollParent = parentElement;
+					targetElement.fastClickScrollParent = parentElement;
+					break;
+				}
+
+				parentElement = parentElement.parentElement;
+			} while (parentElement);
+		}
+
+		// Always update the scroll top tracker if possible.
+		if (scrollParent) {
+			scrollParent.fastClickLastScrollTop = scrollParent.scrollTop;
+		}
+	};
+
+
+	/**
+	 * @param {EventTarget} targetElement
+	 * @returns {Element|EventTarget}
+	 */
+	FastClick.prototype.getTargetElementFromEventTarget = function(eventTarget) {
+
+		// On some older browsers (notably Safari on iOS 4.1 - see issue #56) the event target may be a text node.
+		if (eventTarget.nodeType === Node.TEXT_NODE) {
+			return eventTarget.parentNode;
+		}
+
+		return eventTarget;
+	};
+
+
+	/**
+	 * On touch start, record the position and scroll offset.
+	 *
+	 * @param {Event} event
+	 * @returns {boolean}
+	 */
+	FastClick.prototype.onTouchStart = function(event) {
+		var targetElement, touch, selection;
+
+		// Ignore multiple touches, otherwise pinch-to-zoom is prevented if both fingers are on the FastClick element (issue #111).
+		if (event.targetTouches.length > 1) {
+			return true;
+		}
+
+		targetElement = this.getTargetElementFromEventTarget(event.target);
+		touch = event.targetTouches[0];
+
+		if (deviceIsIOS) {
+
+			// Only trusted events will deselect text on iOS (issue #49)
+			selection = window.getSelection();
+			if (selection.rangeCount && !selection.isCollapsed) {
+				return true;
+			}
+
+			if (!deviceIsIOS4) {
+
+				// Weird things happen on iOS when an alert or confirm dialog is opened from a click event callback (issue #23):
+				// when the user next taps anywhere else on the page, new touchstart and touchend events are dispatched
+				// with the same identifier as the touch event that previously triggered the click that triggered the alert.
+				// Sadly, there is an issue on iOS 4 that causes some normal touch events to have the same identifier as an
+				// immediately preceeding touch event (issue #52), so this fix is unavailable on that platform.
+				// Issue 120: touch.identifier is 0 when Chrome dev tools 'Emulate touch events' is set with an iOS device UA string,
+				// which causes all touch events to be ignored. As this block only applies to iOS, and iOS identifiers are always long,
+				// random integers, it's safe to to continue if the identifier is 0 here.
+				if (touch.identifier && touch.identifier === this.lastTouchIdentifier) {
+					event.preventDefault();
+					return false;
+				}
+
+				this.lastTouchIdentifier = touch.identifier;
+
+				// If the target element is a child of a scrollable layer (using -webkit-overflow-scrolling: touch) and:
+				// 1) the user does a fling scroll on the scrollable layer
+				// 2) the user stops the fling scroll with another tap
+				// then the event.target of the last 'touchend' event will be the element that was under the user's finger
+				// when the fling scroll was started, causing FastClick to send a click event to that layer - unless a check
+				// is made to ensure that a parent layer was not scrolled before sending a synthetic click (issue #42).
+				this.updateScrollParent(targetElement);
+			}
+		}
+
+		this.trackingClick = true;
+		this.trackingClickStart = event.timeStamp;
+		this.targetElement = targetElement;
+
+		this.touchStartX = touch.pageX;
+		this.touchStartY = touch.pageY;
+
+		// Prevent phantom clicks on fast double-tap (issue #36)
+		if ((event.timeStamp - this.lastClickTime) < this.tapDelay) {
+			event.preventDefault();
+		}
+
+		return true;
+	};
+
+
+	/**
+	 * Based on a touchmove event object, check whether the touch has moved past a boundary since it started.
+	 *
+	 * @param {Event} event
+	 * @returns {boolean}
+	 */
+	FastClick.prototype.touchHasMoved = function(event) {
+		var touch = event.changedTouches[0], boundary = this.touchBoundary;
+
+		if (Math.abs(touch.pageX - this.touchStartX) > boundary || Math.abs(touch.pageY - this.touchStartY) > boundary) {
+			return true;
+		}
+
+		return false;
+	};
+
+
+	/**
+	 * Update the last position.
+	 *
+	 * @param {Event} event
+	 * @returns {boolean}
+	 */
+	FastClick.prototype.onTouchMove = function(event) {
+		if (!this.trackingClick) {
+			return true;
+		}
+
+		// If the touch has moved, cancel the click tracking
+		if (this.targetElement !== this.getTargetElementFromEventTarget(event.target) || this.touchHasMoved(event)) {
+			this.trackingClick = false;
+			this.targetElement = null;
+		}
+
+		return true;
+	};
+
+
+	/**
+	 * Attempt to find the labelled control for the given label element.
+	 *
+	 * @param {EventTarget|HTMLLabelElement} labelElement
+	 * @returns {Element|null}
+	 */
+	FastClick.prototype.findControl = function(labelElement) {
+
+		// Fast path for newer browsers supporting the HTML5 control attribute
+		if (labelElement.control !== undefined) {
+			return labelElement.control;
+		}
+
+		// All browsers under test that support touch events also support the HTML5 htmlFor attribute
+		if (labelElement.htmlFor) {
+			return document.getElementById(labelElement.htmlFor);
+		}
+
+		// If no for attribute exists, attempt to retrieve the first labellable descendant element
+		// the list of which is defined here: http://www.w3.org/TR/html5/forms.html#category-label
+		return labelElement.querySelector('button, input:not([type=hidden]), keygen, meter, output, progress, select, textarea');
+	};
+
+
+	/**
+	 * On touch end, determine whether to send a click event at once.
+	 *
+	 * @param {Event} event
+	 * @returns {boolean}
+	 */
+	FastClick.prototype.onTouchEnd = function(event) {
+		var forElement, trackingClickStart, targetTagName, scrollParent, touch, targetElement = this.targetElement;
+
+		if (!this.trackingClick) {
+			return true;
+		}
+
+		// Prevent phantom clicks on fast double-tap (issue #36)
+		if ((event.timeStamp - this.lastClickTime) < this.tapDelay) {
+			this.cancelNextClick = true;
+			return true;
+		}
+
+		if ((event.timeStamp - this.trackingClickStart) > this.tapTimeout) {
+			return true;
+		}
+
+		// Reset to prevent wrong click cancel on input (issue #156).
+		this.cancelNextClick = false;
+
+		this.lastClickTime = event.timeStamp;
+
+		trackingClickStart = this.trackingClickStart;
+		this.trackingClick = false;
+		this.trackingClickStart = 0;
+
+		// On some iOS devices, the targetElement supplied with the event is invalid if the layer
+		// is performing a transition or scroll, and has to be re-detected manually. Note that
+		// for this to function correctly, it must be called *after* the event target is checked!
+		// See issue #57; also filed as rdar://13048589 .
+		if (deviceIsIOSWithBadTarget) {
+			touch = event.changedTouches[0];
+
+			// In certain cases arguments of elementFromPoint can be negative, so prevent setting targetElement to null
+			targetElement = document.elementFromPoint(touch.pageX - window.pageXOffset, touch.pageY - window.pageYOffset) || targetElement;
+			targetElement.fastClickScrollParent = this.targetElement.fastClickScrollParent;
+		}
+
+		targetTagName = targetElement.tagName.toLowerCase();
+		if (targetTagName === 'label') {
+			forElement = this.findControl(targetElement);
+			if (forElement) {
+				this.focus(targetElement);
+				if (deviceIsAndroid) {
+					return false;
+				}
+
+				targetElement = forElement;
+			}
+		} else if (this.needsFocus(targetElement)) {
+
+			// Case 1: If the touch started a while ago (best guess is 100ms based on tests for issue #36) then focus will be triggered anyway. Return early and unset the target element reference so that the subsequent click will be allowed through.
+			// Case 2: Without this exception for input elements tapped when the document is contained in an iframe, then any inputted text won't be visible even though the value attribute is updated as the user types (issue #37).
+			if ((event.timeStamp - trackingClickStart) > 100 || (deviceIsIOS && window.top !== window && targetTagName === 'input')) {
+				this.targetElement = null;
+				return false;
+			}
+
+			this.focus(targetElement);
+			this.sendClick(targetElement, event);
+
+			// Select elements need the event to go through on iOS 4, otherwise the selector menu won't open.
+			// Also this breaks opening selects when VoiceOver is active on iOS6, iOS7 (and possibly others)
+			if (!deviceIsIOS || targetTagName !== 'select') {
+				this.targetElement = null;
+				event.preventDefault();
+			}
+
+			return false;
+		}
+
+		if (deviceIsIOS && !deviceIsIOS4) {
+
+			// Don't send a synthetic click event if the target element is contained within a parent layer that was scrolled
+			// and this tap is being used to stop the scrolling (usually initiated by a fling - issue #42).
+			scrollParent = targetElement.fastClickScrollParent;
+			if (scrollParent && scrollParent.fastClickLastScrollTop !== scrollParent.scrollTop) {
+				return true;
+			}
+		}
+
+		// Prevent the actual click from going though - unless the target node is marked as requiring
+		// real clicks or if it is in the whitelist in which case only non-programmatic clicks are permitted.
+		if (!this.needsClick(targetElement)) {
+			event.preventDefault();
+			this.sendClick(targetElement, event);
+		}
+
+		return false;
+	};
+
+
+	/**
+	 * On touch cancel, stop tracking the click.
+	 *
+	 * @returns {void}
+	 */
+	FastClick.prototype.onTouchCancel = function() {
+		this.trackingClick = false;
+		this.targetElement = null;
+	};
+
+
+	/**
+	 * Determine mouse events which should be permitted.
+	 *
+	 * @param {Event} event
+	 * @returns {boolean}
+	 */
+	FastClick.prototype.onMouse = function(event) {
+
+		// If a target element was never set (because a touch event was never fired) allow the event
+		if (!this.targetElement) {
+			return true;
+		}
+
+		if (event.forwardedTouchEvent) {
+			return true;
+		}
+
+		// Programmatically generated events targeting a specific element should be permitted
+		if (!event.cancelable) {
+			return true;
+		}
+
+		// Derive and check the target element to see whether the mouse event needs to be permitted;
+		// unless explicitly enabled, prevent non-touch click events from triggering actions,
+		// to prevent ghost/doubleclicks.
+		if (!this.needsClick(this.targetElement) || this.cancelNextClick) {
+
+			// Prevent any user-added listeners declared on FastClick element from being fired.
+			if (event.stopImmediatePropagation) {
+				event.stopImmediatePropagation();
+			} else {
+
+				// Part of the hack for browsers that don't support Event#stopImmediatePropagation (e.g. Android 2)
+				event.propagationStopped = true;
+			}
+
+			// Cancel the event
+			event.stopPropagation();
+			event.preventDefault();
+
+			return false;
+		}
+
+		// If the mouse event is permitted, return true for the action to go through.
+		return true;
+	};
+
+
+	/**
+	 * On actual clicks, determine whether this is a touch-generated click, a click action occurring
+	 * naturally after a delay after a touch (which needs to be cancelled to avoid duplication), or
+	 * an actual click which should be permitted.
+	 *
+	 * @param {Event} event
+	 * @returns {boolean}
+	 */
+	FastClick.prototype.onClick = function(event) {
+		var permitted;
+
+		// It's possible for another FastClick-like library delivered with third-party code to fire a click event before FastClick does (issue #44). In that case, set the click-tracking flag back to false and return early. This will cause onTouchEnd to return early.
+		if (this.trackingClick) {
+			this.targetElement = null;
+			this.trackingClick = false;
+			return true;
+		}
+
+		// Very odd behaviour on iOS (issue #18): if a submit element is present inside a form and the user hits enter in the iOS simulator or clicks the Go button on the pop-up OS keyboard the a kind of 'fake' click event will be triggered with the submit-type input element as the target.
+		if (event.target.type === 'submit' && event.detail === 0) {
+			return true;
+		}
+
+		permitted = this.onMouse(event);
+
+		// Only unset targetElement if the click is not permitted. This will ensure that the check for !targetElement in onMouse fails and the browser's click doesn't go through.
+		if (!permitted) {
+			this.targetElement = null;
+		}
+
+		// If clicks are permitted, return true for the action to go through.
+		return permitted;
+	};
+
+
+	/**
+	 * Remove all FastClick's event listeners.
+	 *
+	 * @returns {void}
+	 */
+	FastClick.prototype.destroy = function() {
+		var layer = this.layer;
+
+		if (deviceIsAndroid) {
+			layer.removeEventListener('mouseover', this.onMouse, true);
+			layer.removeEventListener('mousedown', this.onMouse, true);
+			layer.removeEventListener('mouseup', this.onMouse, true);
+		}
+
+		layer.removeEventListener('click', this.onClick, true);
+		layer.removeEventListener('touchstart', this.onTouchStart, false);
+		layer.removeEventListener('touchmove', this.onTouchMove, false);
+		layer.removeEventListener('touchend', this.onTouchEnd, false);
+		layer.removeEventListener('touchcancel', this.onTouchCancel, false);
+	};
+
+
+	/**
+	 * Check whether FastClick is needed.
+	 *
+	 * @param {Element} layer The layer to listen on
+	 */
+	FastClick.notNeeded = function(layer) {
+		var metaViewport;
+		var chromeVersion;
+		var blackberryVersion;
+		var firefoxVersion;
+
+		// Devices that don't support touch don't need FastClick
+		if (typeof window.ontouchstart === 'undefined') {
+			return true;
+		}
+
+		// Chrome version - zero for other browsers
+		chromeVersion = +(/Chrome\/([0-9]+)/.exec(navigator.userAgent) || [,0])[1];
+
+		if (chromeVersion) {
+
+			if (deviceIsAndroid) {
+				metaViewport = document.querySelector('meta[name=viewport]');
+
+				if (metaViewport) {
+					// Chrome on Android with user-scalable="no" doesn't need FastClick (issue #89)
+					if (metaViewport.content.indexOf('user-scalable=no') !== -1) {
+						return true;
+					}
+					// Chrome 32 and above with width=device-width or less don't need FastClick
+					if (chromeVersion > 31 && document.documentElement.scrollWidth <= window.outerWidth) {
+						return true;
+					}
+				}
+
+			// Chrome desktop doesn't need FastClick (issue #15)
+			} else {
+				return true;
+			}
+		}
+
+		if (deviceIsBlackBerry10) {
+			blackberryVersion = navigator.userAgent.match(/Version\/([0-9]*)\.([0-9]*)/);
+
+			// BlackBerry 10.3+ does not require Fastclick library.
+			// https://github.com/ftlabs/fastclick/issues/251
+			if (blackberryVersion[1] >= 10 && blackberryVersion[2] >= 3) {
+				metaViewport = document.querySelector('meta[name=viewport]');
+
+				if (metaViewport) {
+					// user-scalable=no eliminates click delay.
+					if (metaViewport.content.indexOf('user-scalable=no') !== -1) {
+						return true;
+					}
+					// width=device-width (or less than device-width) eliminates click delay.
+					if (document.documentElement.scrollWidth <= window.outerWidth) {
+						return true;
+					}
+				}
+			}
+		}
+
+		// IE10 with -ms-touch-action: none or manipulation, which disables double-tap-to-zoom (issue #97)
+		if (layer.style.msTouchAction === 'none' || layer.style.touchAction === 'manipulation') {
+			return true;
+		}
+
+		// Firefox version - zero for other browsers
+		firefoxVersion = +(/Firefox\/([0-9]+)/.exec(navigator.userAgent) || [,0])[1];
+
+		if (firefoxVersion >= 27) {
+			// Firefox 27+ does not have tap delay if the content is not zoomable - https://bugzilla.mozilla.org/show_bug.cgi?id=922896
+
+			metaViewport = document.querySelector('meta[name=viewport]');
+			if (metaViewport && (metaViewport.content.indexOf('user-scalable=no') !== -1 || document.documentElement.scrollWidth <= window.outerWidth)) {
+				return true;
+			}
+		}
+
+		// IE11: prefixed -ms-touch-action is no longer supported and it's recomended to use non-prefixed version
+		// http://msdn.microsoft.com/en-us/library/windows/apps/Hh767313.aspx
+		if (layer.style.touchAction === 'none' || layer.style.touchAction === 'manipulation') {
+			return true;
+		}
+
+		return false;
+	};
+
+
+	/**
+	 * Factory method for creating a FastClick object
+	 *
+	 * @param {Element} layer The layer to listen on
+	 * @param {Object} [options={}] The options to override the defaults
+	 */
+	FastClick.attach = function(layer, options) {
+		return new FastClick(layer, options);
+	};
+
+
+	if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {
+
+		// AMD. Register as an anonymous module.
+		define(function() {
+			return FastClick;
+		});
+	} else if (typeof module !== 'undefined' && module.exports) {
+		module.exports = FastClick.attach;
+		module.exports.FastClick = FastClick;
+	} else {
+		window.FastClick = FastClick;
+	}
+}());

src/jfw/modules/app/src/web/staticres/jyapp/wx_course/js/mapJSON.js

@@ -0,0 +1,2429 @@
+/**
+ * @file china-map.json
+ * @author zhangyuhan2016 <hi_zhangyuhan@163.com>
+ */
+var chinaMapJSON = [{
+  "ProID": 1,
+  "name": "北京市",
+  "ProSort": 1,
+  "ProRemark": "直辖市",
+  "city": [{
+    "CityID": 1,
+    "name": "北京市",
+    "ProID": 1,
+    "CitySort": 1,
+    "area": ["东城区", "西城区", "崇文区", "宣武区", "朝阳区", "丰台区", "石景山区", "海淀区", "门头沟区", "房山区", "通州区", "顺义区", "昌平区", "大兴区", "怀柔区", "平谷区", "密云县", "延庆县"]
+  }]
+}, {
+  "ProID": 2,
+  "name": "天津市",
+  "ProSort": 2,
+  "ProRemark": "直辖市",
+  "city": [{
+    "CityID": 2,
+    "name": "天津市",
+    "ProID": 2,
+    "CitySort": 2,
+    "area": ["和平区", "河东区", "河西区", "南开区", "河北区", "红桥区", "塘沽区", "汉沽区", "大港区", "东丽区", "西青区", "津南区", "北辰区", "武清区", "宝坻区", "宁河县", "静海县", "蓟县"]
+  }]
+}, {
+  "ProID": 3,
+  "name": "河北省",
+  "ProSort": 5,
+  "ProRemark": "省份",
+  "city": [{
+    "CityID": 5,
+    "name": "邯郸市",
+    "ProID": 3,
+    "CitySort": 5,
+    "area": ["邯山区", "丛台区", "复兴区", "峰峰矿区", "邯郸县", "临漳县", "成安县", "大名县", "涉县", "磁县", "肥乡县", "永年县", "邱县", "鸡泽县", "广平县", "馆陶县", "魏县", "曲周县", "武安市"]
+  }, {
+    "CityID": 6,
+    "name": "石家庄市",
+    "ProID": 3,
+    "CitySort": 6,
+    "area": ["长安区", "桥东区", "桥西区", "新华区", "井陉矿区", "裕华区", "井陉县", "正定县", "栾城县", "行唐县", "灵寿县", "高邑县", "深泽县", "赞皇县", "无极县", "平山县", "元氏县", "赵县", "辛集市", "藁城市", "晋州市", "新乐市", "鹿泉市"]
+  }, {
+    "CityID": 666,
+    "name": "秦皇岛市",
+    "ProID": 3,
+    "CitySort": 666,
+    "area": ["海港区", "山海关区", "北戴河区", "抚宁区", "青龙满族自治县", "昌黎县", "卢龙县"]
+  }, {
+    "CityID": 7,
+    "name": "保定市",
+    "ProID": 3,
+    "CitySort": 7,
+    "area": ["新市区", "北市区", "南市区", "满城县", "清苑县", "涞水县", "阜平县", "徐水县", "定兴县", "唐县", "高阳县", "容城县", "涞源县", "望都县", "安新县", "易县", "曲阳县", "蠡县", "顺平县", "博野县", "雄县", "涿州市", "定州市", "安国市", "高碑店市"]
+  }, {
+    "CityID": 8,
+    "name": "张家口市",
+    "ProID": 3,
+    "CitySort": 8,
+    "area": ["桥东区", "桥西区", "宣化区", "下花园区", "宣化县", "张北县", "康保县", "沽源县", "尚义县", "蔚县", "阳原县", "怀安县", "万全县", "怀来县", "涿鹿县", "赤城县", "崇礼县"]
+  }, {
+    "CityID": 9,
+    "name": "承德市",
+    "ProID": 3,
+    "CitySort": 9,
+    "area": ["双桥区", "双滦区", "鹰手营子矿区", "承德县", "兴隆县", "平泉县", "滦平县", "隆化县", "丰宁满族自治县", "宽城满族自治县", "围场满族蒙古族自治县"]
+  }, {
+    "CityID": 10,
+    "name": "唐山市",
+    "ProID": 3,
+    "CitySort": 10,
+    "area": ["路南区", "路北区", "古冶区", "开平区", "丰南区", "丰润区", "滦县", "滦南县", "乐亭县", "迁西县", "玉田县", "唐海县", "遵化市", "迁安市"]
+  }, {
+    "CityID": 11,
+    "name": "廊坊市",
+    "ProID": 3,
+    "CitySort": 11,
+    "area": ["安次区", "广阳区", "固安县", "永清县", "香河县", "大城县", "文安县", "大厂回族自治县", "霸州市", "三河市"]
+  }, {
+    "CityID": 12,
+    "name": "沧州市",
+    "ProID": 3,
+    "CitySort": 12,
+    "area": ["新华区", "运河区", "沧县", "青县", "东光县", "海兴县", "盐山县", "肃宁县", "南皮县", "吴桥县", "献县", "孟村回族自治县", "泊头市", "任丘市", "黄骅市", "河间市"]
+  }, {
+    "CityID": 13,
+    "name": "衡水市",
+    "ProID": 3,
+    "CitySort": 13,
+    "area": ["桃城区", "枣强县", "武邑县", "武强县", "饶阳县", "安平县", "故城县", "景县", "阜城县", "冀州市", "深州市"]
+  }, {
+    "CityID": 14,
+    "name": "邢台市",
+    "ProID": 3,
+    "CitySort": 14,
+    "area": ["桥东区", "桥西区", "邢台县", "临城县", "内丘县", "柏乡县", "隆尧县", "任县", "南和县", "宁晋县", "巨鹿县", "新河县", "广宗县", "平乡县", "威县", "清河县", "临西县", "南宫市", "沙河市"]
+  }]
+}, {
+  "ProID": 4,
+  "name": "山西省",
+  "ProSort": 6,
+  "ProRemark": "省份",
+  "city": [{
+    "CityID": 16,
+    "name": "朔州市",
+    "ProID": 4,
+    "CitySort": 16,
+    "area": ["朔城区", "平鲁区", "山阴县", "应县", "右玉县", "怀仁县"]
+  }, {
+    "CityID": 17,
+    "name": "忻州市",
+    "ProID": 4,
+    "CitySort": 17,
+    "area": ["忻府区", "定襄县", "五台县", "代县", "繁峙县", "宁武县", "静乐县", "神池县", "五寨县", "岢岚县", "河曲县", "保德县", "偏关县", "原平市"]
+  }, {
+    "CityID": 18,
+    "name": "太原市",
+    "ProID": 4,
+    "CitySort": 18,
+    "area": ["小店区", "迎泽区", "杏花岭区", "尖草坪区", "万柏林区", "晋源区", "清徐县", "阳曲县", "娄烦县", "古交市"]
+  }, {
+    "CityID": 19,
+    "name": "大同市",
+    "ProID": 4,
+    "CitySort": 19,
+    "area": ["矿区", "南郊区", "新荣区", "阳高县", "天镇县", "广灵县", "灵丘县", "浑源县", "左云县", "大同县"]
+  }, {
+    "CityID": 20,
+    "name": "阳泉市",
+    "ProID": 4,
+    "CitySort": 20,
+    "area": ["矿区", "平定县", "盂县"]
+  }, {
+    "CityID": 21,
+    "name": "晋中市",
+    "ProID": 4,
+    "CitySort": 21,
+    "area": ["榆次区", "榆社县", "左权县", "和顺县", "昔阳县", "寿阳县", "太谷县", "祁县", "平遥县", "灵石县", "介休市"]
+  }, {
+    "CityID": 22,
+    "name": "长治市",
+    "ProID": 4,
+    "CitySort": 22,
+    "area": ["城区", "长治县", "襄垣县", "屯留县", "平顺县", "黎城县", "壶关县", "长子县", "武乡县", "沁县", "沁源县", "潞城市"]
+  }, {
+    "CityID": 23,
+    "name": "晋城市",
+    "ProID": 4,
+    "CitySort": 23,
+    "area": ["沁水县", "阳城县", "陵川县", "泽州县", "高平市"]
+  }, {
+    "CityID": 24,
+    "name": "临汾市",
+    "ProID": 4,
+    "CitySort": 24,
+    "area": ["尧都区", "曲沃县", "翼城县", "襄汾县", "洪洞县", "古县", "安泽县", "浮山县", "吉县", "乡宁县", "大宁县", "隰县", "永和县", "蒲县", "汾西县", "侯马市", "霍州市"]
+  }, {
+    "CityID": 25,
+    "name": "吕梁市",
+    "ProID": 4,
+    "CitySort": 25,
+    "area": ["离石区", "文水县", "交城县", "兴县", "临县", "柳林县", "石楼县", "岚县", "方山县", "中阳县", "交口县", "孝义市", "汾阳市"]
+  }, {
+    "CityID": 26,
+    "name": "运城市",
+    "ProID": 4,
+    "CitySort": 26,
+    "area": ["盐湖区", "临猗县", "万荣县", "闻喜县", "稷山县", "新绛县", "绛县", "垣曲县", "夏县", "平陆县", "芮城县", "永济市", "河津市"]
+  }]
+}, {
+  "ProID": 5,
+  "name": "内蒙古自治区",
+  "ProSort": 32,
+  "ProRemark": "自治区",
+  "city": [{
+    "CityID": 351,
+    "name": "呼伦贝尔市",
+    "ProID": 5,
+    "CitySort": 351,
+    "area": ["海拉尔区", "阿荣旗", "莫力达瓦达斡尔族自治旗", "鄂伦春自治旗", "鄂温克族自治旗", "陈巴尔虎旗", "新巴尔虎左旗", "新巴尔虎右旗", "满洲里市", "牙克石市", "扎兰屯市", "额尔古纳市", "根河市"]
+  }, {
+    "CityID": 352,
+    "name": "呼和浩特市",
+    "ProID": 5,
+    "CitySort": 352,
+    "area": ["新城区", "回民区", "玉泉区", "赛罕区", "土默特左旗", "托克托县", "和林格尔县", "清水河县", "武川县"]
+  }, {
+    "CityID": 353,
+    "name": "包头市",
+    "ProID": 5,
+    "CitySort": 353,
+    "area": ["东河区", "昆都仑区", "青山区", "石拐区", "白云鄂博矿区", "九原区", "土默特右旗", "固阳县", "达尔罕茂明安联合旗"]
+  }, {
+    "CityID": 354,
+    "name": "乌海市",
+    "ProID": 5,
+    "CitySort": 354,
+    "area": ["海勃湾区", "海南区", "乌达区"]
+  }, {
+    "CityID": 355,
+    "name": "乌兰察布市",
+    "ProID": 5,
+    "CitySort": 355,
+    "area": ["集宁区", "卓资县", "化德县", "商都县", "兴和县", "凉城县", "察哈尔右翼前旗", "察哈尔右翼中旗", "察哈尔右翼后旗", "四子王旗", "丰镇市"]
+  }, {
+    "CityID": 356,
+    "name": "通辽市",
+    "ProID": 5,
+    "CitySort": 356,
+    "area": ["科尔沁区", "科尔沁左翼中旗", "科尔沁左翼后旗", "开鲁县", "库伦旗", "奈曼旗", "扎鲁特旗", "霍林郭勒市"]
+  }, {
+    "CityID": 357,
+    "name": "赤峰市",
+    "ProID": 5,
+    "CitySort": 357,
+    "area": ["红山区", "元宝山区", "松山区", "阿鲁科尔沁旗", "巴林左旗", "巴林右旗", "林西县", "克什克腾旗", "翁牛特旗", "喀喇沁旗", "宁城县", "敖汉旗"]
+  }, {
+    "CityID": 358,
+    "name": "鄂尔多斯市",
+    "ProID": 5,
+    "CitySort": 358,
+    "area": ["东胜区", "达拉特旗", "准格尔旗", "鄂托克前旗", "鄂托克旗", "杭锦旗", "乌审旗", "伊金霍洛旗"]
+  }, {
+    "CityID": 359,
+    "name": "巴彦淖尔市",
+    "ProID": 5,
+    "CitySort": 359,
+    "area": ["临河区", "五原县", "磴口县", "乌拉特前旗", "乌拉特中旗", "乌拉特后旗", "杭锦后旗"]
+  }, {
+    "CityID": 360,
+    "name": "锡林郭勒盟",
+    "ProID": 5,
+    "CitySort": 360,
+    "area": ["二连浩特市", "锡林浩特市", "阿巴嘎旗", "苏尼特左旗", "苏尼特右旗", "东乌珠穆沁旗", "西乌珠穆沁旗", "太仆寺旗", "镶黄旗", "正镶白旗", "正蓝旗", "多伦县"]
+  }, {
+    "CityID": 361,
+    "name": "兴安盟",
+    "ProID": 5,
+    "CitySort": 361,
+    "area": ["乌兰浩特市", "阿尔山市", "科尔沁右翼前旗", "科尔沁右翼中旗", "扎赉特旗", "突泉县"]
+  }, {
+    "CityID": 362,
+    "name": "阿拉善盟",
+    "ProID": 5,
+    "CitySort": 362,
+    "area": ["阿拉善左旗", "阿拉善右旗", "额济纳旗"]
+  }]
+}, {
+  "ProID": 6,
+  "name": "辽宁省",
+  "ProSort": 8,
+  "ProRemark": "省份",
+  "city": [{
+    "CityID": 27,
+    "name": "沈阳市",
+    "ProID": 6,
+    "CitySort": 27,
+    "area": ["和平区", "沈河区", "大东区", "皇姑区", "铁西区", "苏家屯区", "东陵区", "沈北新区", "于洪区", "辽中县", "康平县", "法库县", "新民市"]
+  }, {
+    "CityID": 28,
+    "name": "铁岭市",
+    "ProID": 6,
+    "CitySort": 28,
+    "area": ["银州区", "清河区", "铁岭县", "西丰县", "昌图县", "调兵山市", "开原市"]
+  }, {
+    "CityID": 29,
+    "name": "大连市",
+    "ProID": 6,
+    "CitySort": 29,
+    "area": ["长海县", "旅顺口区", "中山区", "西岗区", "沙河口区", "甘井子区", "金州区", "普兰店市", "瓦房店市", "庄河市"]
+  }, {
+    "CityID": 30,
+    "name": "鞍山市",
+    "ProID": 6,
+    "CitySort": 30,
+    "area": ["铁东区", "铁西区", "立山区", "千山区", "台安县", "岫岩满族自治县", "海城市"]
+  }, {
+    "CityID": 31,
+    "name": "抚顺市",
+    "ProID": 6,
+    "CitySort": 31,
+    "area": ["新抚区", "东洲区", "望花区", "顺城区", "抚顺县", "新宾满族自治县", "清原满族自治县"]
+  }, {
+    "CityID": 32,
+    "name": "本溪市",
+    "ProID": 6,
+    "CitySort": 32,
+    "area": ["平山区", "溪湖区", "明山区", "南芬区", "本溪满族自治县", "桓仁满族自治县"]
+  }, {
+    "CityID": 33,
+    "name": "丹东市",
+    "ProID": 6,
+    "CitySort": 33,
+    "area": ["元宝区", "振兴区", "振安区", "宽甸满族自治县", "东港市", "凤城市"]
+  }, {
+    "CityID": 34,
+    "name": "锦州市",
+    "ProID": 6,
+    "CitySort": 34,
+    "area": ["古塔区", "凌河区", "太和区", "黑山县", "义县", "凌海市", "北镇市"]
+  }, {
+    "CityID": 35,
+    "name": "营口市",
+    "ProID": 6,
+    "CitySort": 35,
+    "area": ["站前区", "西市区", "鮁鱼圈区", "老边区", "盖州市", "大石桥市"]
+  }, {
+    "CityID": 36,
+    "name": "阜新市",
+    "ProID": 6,
+    "CitySort": 36,
+    "area": ["海州区", "新邱区", "太平区", "清河门区", "细河区", "阜新蒙古族自治县", "彰武县"]
+  }, {
+    "CityID": 37,
+    "name": "辽阳市",
+    "ProID": 6,
+    "CitySort": 37,
+    "area": ["白塔区", "文圣区", "宏伟区", "弓长岭区", "太子河区", "辽阳县", "灯塔市"]
+  }, {
+    "CityID": 38,
+    "name": "朝阳市",
+    "ProID": 6,
+    "CitySort": 38,
+    "area": ["双塔区", "龙城区", "朝阳县", "建平县", "喀喇沁左翼蒙古族自治县", "北票市", "凌源市"]
+  }, {
+    "CityID": 39,
+    "name": "盘锦市",
+    "ProID": 6,
+    "CitySort": 39,
+    "area": ["双台子区", "兴隆台区", "大洼县", "盘山县"]
+  }, {
+    "CityID": 40,
+    "name": "葫芦岛市",
+    "ProID": 6,
+    "CitySort": 40,
+    "area": ["连山区", "龙港区", "南票区", "绥中县", "建昌县", "兴城市"]
+  }]
+}, {
+  "ProID": 7,
+  "name": "吉林省",
+  "ProSort": 9,
+  "ProRemark": "省份",
+  "city": [{
+    "CityID": 41,
+    "name": "长春市",
+    "ProID": 7,
+    "CitySort": 41,
+    "area": ["南关区", "宽城区", "朝阳区", "二道区", "绿园区", "双阳区", "农安县", "九台市", "榆树市", "德惠市"]
+  }, {
+    "CityID": 42,
+    "name": "吉林市",
+    "ProID": 7,
+    "CitySort": 42,
+    "area": ["昌邑区", "龙潭区", "船营区", "丰满区", "永吉县", "蛟河市", "桦甸市", "舒兰市", "磐石市"]
+  }, {
+    "CityID": 43,
+    "name": "延边朝鲜族自治州",
+    "ProID": 7,
+    "CitySort": 43,
+    "area": ["延吉市", "图们市", "敦化市", "珲春市", "龙井市", "和龙市", "汪清县", "安图县"]
+  }, {
+    "CityID": 44,
+    "name": "四平市",
+    "ProID": 7,
+    "CitySort": 44,
+    "area": ["铁西区", "铁东区", "梨树县", "伊通满族自治县", "公主岭市", "双辽市"]
+  }, {
+    "CityID": 45,
+    "name": "通化市",
+    "ProID": 7,
+    "CitySort": 45,
+    "area": ["东昌区", "二道江区", "通化县", "辉南县", "柳河县", "梅河口市", "集安市"]
+  }, {
+    "CityID": 46,
+    "name": "白城市",
+    "ProID": 7,
+    "CitySort": 46,
+    "area": ["洮北区", "镇赉县", "通榆县", "洮南市", "大安市"]
+  }, {
+    "CityID": 47,
+    "name": "辽源市",
+    "ProID": 7,
+    "CitySort": 47,
+    "area": ["龙山区", "西安区", "东丰县", "东辽县"]
+  }, {
+    "CityID": 48,
+    "name": "松原市",
+    "ProID": 7,
+    "CitySort": 48,
+    "area": ["宁江区", "前郭尔罗斯蒙古族自治县", "长岭县", "乾安县", "扶余县"]
+  }, {
+    "CityID": 49,
+    "name": "白山市",
+    "ProID": 7,
+    "CitySort": 49,
+    "area": ["八道江区", "江源区", "抚松县", "靖宇县", "长白朝鲜族自治县", "临江市"]
+  }]
+}, {
+  "ProID": 8,
+  "name": "黑龙江省",
+  "ProSort": 10,
+  "ProRemark": "省份",
+  "city": [{
+    "CityID": 50,
+    "name": "哈尔滨市",
+    "ProID": 8,
+    "CitySort": 50,
+    "area": ["道里区", "南岗区", "道外区", "平房区", "松北区", "香坊区", "呼兰区", "阿城区", "依兰县", "方正县", "宾县", "巴彦县", "木兰县", "通河县", "延寿县", "双城市", "尚志市", "五常市"]
+  }, {
+    "CityID": 51,
+    "name": "齐齐哈尔市",
+    "ProID": 8,
+    "CitySort": 51,
+    "area": ["龙沙区", "建华区", "铁锋区", "昂昂溪区", "富拉尔基区", "碾子山区", "梅里斯达翰尔族区", "龙江县", "依安县", "泰来县", "甘南县", "富裕县", "克山县", "克东县", "拜泉县", "讷河市"]
+  }, {
+    "CityID": 52,
+    "name": "鸡西市",
+    "ProID": 8,
+    "CitySort": 52,
+    "area": ["鸡冠区", "恒山区", "滴道区", "梨树区", "城子河区", "麻山区", "鸡东县", "虎林市", "密山市"]
+  }, {
+    "CityID": 53,
+    "name": "牡丹江市",
+    "ProID": 8,
+    "CitySort": 53,
+    "area": ["东安区", "阳明区", "爱民区", "西安区", "东宁县", "林口县", "绥芬河市", "海林市", "宁安市", "穆棱市"]
+  }, {
+    "CityID": 54,
+    "name": "七台河市",
+    "ProID": 8,
+    "CitySort": 54,
+    "area": ["新兴区", "桃山区", "茄子河区", "勃利县"]
+  }, {
+    "CityID": 55,
+    "name": "佳木斯市",
+    "ProID": 8,
+    "CitySort": 55,
+    "area": ["向阳区", "前进区", "东风区", "桦南县", "桦川县", "汤原县", "抚远县", "同江市", "富锦市"]
+  }, {
+    "CityID": 56,
+    "name": "鹤岗市",
+    "ProID": 8,
+    "CitySort": 56,
+    "area": ["向阳区", "工农区", "南山区", "兴安区", "东山区", "兴山区", "萝北县", "绥滨县"]
+  }, {
+    "CityID": 57,
+    "name": "双鸭山市",
+    "ProID": 8,
+    "CitySort": 57,
+    "area": ["尖山区", "岭东区", "四方台区", "宝山区", "集贤县", "友谊县", "宝清县", "饶河县"]
+  }, {
+    "CityID": 58,
+    "name": "绥化市",
+    "ProID": 8,
+    "CitySort": 58,
+    "area": ["北林区", "望奎县", "兰西县", "青冈县", "庆安县", "明水县", "绥棱县", "安达市", "肇东市", "海伦市"]
+  }, {
+    "CityID": 59,
+    "name": "黑河市",
+    "ProID": 8,
+    "CitySort": 59,
+    "area": ["爱辉区", "嫩江县", "逊克县", "孙吴县", "北安市", "五大连池市"]
+  }, {
+    "CityID": 60,
+    "name": "大兴安岭地区",
+    "ProID": 8,
+    "CitySort": 60,
+    "area": ["呼玛县", "塔河县", "漠河县"]
+  }, {
+    "CityID": 61,
+    "name": "伊春市",
+    "ProID": 8,
+    "CitySort": 61,
+    "area": ["伊春区", "南岔区", "友好区", "西林区", "翠峦区", "新青区", "美溪区", "金山屯区", "五营区", "乌马河区", "汤旺河区", "带岭区", "乌伊岭区", "红星区", "上甘岭区", "嘉荫县", "铁力市"]
+  }, {
+    "CityID": 62,
+    "name": "大庆市",
+    "ProID": 8,
+    "CitySort": 62,
+    "area": ["萨尔图区", "龙凤区", "让胡路区", "红岗区", "大同区", "肇州县", "肇源县", "林甸县", "杜尔伯特蒙古族自治县"]
+  }]
+}, {
+  "ProID": 9,
+  "name": "上海市",
+  "ProSort": 3,
+  "ProRemark": "直辖市",
+  "city": [{
+    "CityID": 3,
+    "name": "上海市",
+    "ProID": 9,
+    "CitySort": 3,
+    "area": ["黄浦区", "卢湾区", "徐汇区", "长宁区", "静安区", "普陀区", "闸北区", "虹口区", "杨浦区", "闵行区", "宝山区", "嘉定区", "浦东新区", "金山区", "松江区", "青浦区", "南汇区", "奉贤区", "崇明县"]
+  }]
+}, {
+  "ProID": 10,
+  "name": "江苏省",
+  "ProSort": 11,
+  "ProRemark": "省份",
+  "city": [{
+    "CityID": 63,
+    "name": "南京市",
+    "ProID": 10,
+    "CitySort": 63,
+    "area": ["江宁区", "浦口区", "玄武区", "白下区", "秦淮区", "建邺区", "鼓楼区", "下关区", "栖霞区", "雨花台区", "六合区", "溧水县", "高淳县"]
+  }, {
+    "CityID": 64,
+    "name": "无锡市",
+    "ProID": 10,
+    "CitySort": 64,
+    "area": ["崇安区", "南长区", "北塘区", "锡山区", "惠山区", "滨湖区", "江阴市", "宜兴市"]
+  }, {
+    "CityID": 65,
+    "name": "镇江市",
+    "ProID": 10,
+    "CitySort": 65,
+    "area": ["京口区", "润州区", "丹徒区", "丹阳市", "扬中市", "句容市"]
+  }, {
+    "CityID": 66,
+    "name": "苏州市",
+    "ProID": 10,
+    "CitySort": 66,
+    "area": ["沧浪区", "常熟市", "平江区", "金阊区", "虎丘区", "昆山市", "太仓市", "吴江市", "吴中区", "相城区", "张家港市"]
+  }, {
+    "CityID": 67,
+    "name": "南通市",
+    "ProID": 10,
+    "CitySort": 67,
+    "area": ["崇川区", "港闸区", "海安县", "如东县", "启东市", "如皋市", "通州市", "海门市"]
+  }, {
+    "CityID": 68,
+    "name": "扬州市",
+    "ProID": 10,
+    "CitySort": 68,
+    "area": ["高邮市", "广陵区", "邗江区", "维扬区", "宝应县", "江都市", "仪征市"]
+  }, {
+    "CityID": 69,
+    "name": "盐城市",
+    "ProID": 10,
+    "CitySort": 69,
+    "area": ["亭湖区", "盐都区", "响水县", "滨海县", "阜宁县", "射阳县", "建湖县", "东台市", "大丰市"]
+  }, {
+    "CityID": 70,
+    "name": "徐州市",
+    "ProID": 10,
+    "CitySort": 70,
+    "area": ["鼓楼区", "云龙区", "九里区", "贾汪区", "泉山区", "丰县", "沛县", "铜山县", "睢宁县", "新沂市", "邳州市"]
+  }, {
+    "CityID": 71,
+    "name": "淮安市",
+    "ProID": 10,
+    "CitySort": 71,
+    "area": ["清河区", "楚州区", "淮阴区", "清浦区", "涟水县", "洪泽县", "盱眙县", "金湖县"]
+  }, {
+    "CityID": 72,
+    "name": "连云港市",
+    "ProID": 10,
+    "CitySort": 72,
+    "area": ["连云区", "新浦区", "海州区", "赣榆县", "东海县", "灌云县", "灌南县"]
+  }, {
+    "CityID": 73,
+    "name": "常州市",
+    "ProID": 10,
+    "CitySort": 73,
+    "area": ["天宁区", "钟楼区", "戚墅堰区", "新北区", "武进区", "溧阳市", "金坛市"]
+  }, {
+    "CityID": 74,
+    "name": "泰州市",
+    "ProID": 10,
+    "CitySort": 74,
+    "area": ["海陵区", "高港区", "兴化市", "靖江市", "泰兴市", "姜堰市"]
+  }, {
+    "CityID": 75,
+    "name": "宿迁市",
+    "ProID": 10,
+    "CitySort": 75,
+    "area": ["宿城区", "宿豫区", "沭阳县", "泗阳县", "泗洪县"]
+  }]
+}, {
+  "ProID": 11,
+  "name": "浙江省",
+  "ProSort": 12,
+  "ProRemark": "省份",
+  "city": [{
+    "CityID": 76,
+    "name": "舟山市",
+    "ProID": 11,
+    "CitySort": 76,
+    "area": ["定海区", "普陀区", "岱山县", "嵊泗县"]
+  }, {
+    "CityID": 77,
+    "name": "衢州市",
+    "ProID": 11,
+    "CitySort": 77,
+    "area": ["柯城区", "衢江区", "常山县", "开化县", "龙游县", "江山市"]
+  }, {
+    "CityID": 78,
+    "name": "杭州市",
+    "ProID": 11,
+    "CitySort": 78,
+    "area": ["上城区", "下城区", "江干区", "拱墅区", "西湖区", "滨江区", "余杭区", "桐庐县", "淳安县", "建德市", "富阳市", "临安市", "萧山区"]
+  }, {
+    "CityID": 79,
+    "name": "湖州市",
+    "ProID": 11,
+    "CitySort": 79,
+    "area": ["吴兴区", "南浔区", "德清县", "长兴县", "安吉县"]
+  }, {
+    "CityID": 80,
+    "name": "嘉兴市",
+    "ProID": 11,
+    "CitySort": 80,
+    "area": [" 南湖区", " 秀洲区", " 嘉善县", " 海盐县", " 海宁市", " 平湖市", " 桐乡市 "]
+  }, {
+    "CityID": 81,
+    "name": "宁波市",
+    "ProID": 11,
+    "CitySort": 81,
+    "area": ["海曙区", "江东区", "江北区", "北仑区", "镇海区", "鄞州区", "象山县", "宁海县", "余姚市", "慈溪市", "奉化市"]
+  }, {
+    "CityID": 82,
+    "name": "绍兴市",
+    "ProID": 11,
+    "CitySort": 82,
+    "area": ["越城区", "绍兴县", "新昌县", "诸暨市", "上虞市", "嵊州市"]
+  }, {
+    "CityID": 83,
+    "name": "温州市",
+    "ProID": 11,
+    "CitySort": 83,
+    "area": ["鹿城区", "龙湾区", "瓯海区", "洞头县", "永嘉县", "平阳县", "苍南县", "文成县", "泰顺县", "瑞安市", "乐清市"]
+  }, {
+    "CityID": 84,
+    "name": "丽水市",
+    "ProID": 11,
+    "CitySort": 84,
+    "area": ["莲都区", "青田县", "缙云县", "遂昌县", "松阳县", "云和县", "庆元县", "景宁畲族自治县", "龙泉市"]
+  }, {
+    "CityID": 85,
+    "name": "金华市",
+    "ProID": 11,
+    "CitySort": 85,
+    "area": ["婺城区", "金东区", "武义县", "浦江县", "磐安县", "兰溪市", "义乌市", "东阳市", "永康市"]
+  }, {
+    "CityID": 86,
+    "name": "台州市",
+    "ProID": 11,
+    "CitySort": 86,
+    "area": ["椒江区", "黄岩区", "路桥区", "玉环县", "三门县", "天台县", "仙居县", "温岭市", "临海市"]
+  }]
+}, {
+  "ProID": 12,
+  "name": "安徽省",
+  "ProSort": 13,
+  "ProRemark": "省份",
+  "city": [{
+    "CityID": 87,
+    "name": "合肥市",
+    "ProID": 12,
+    "CitySort": 87,
+    "area": ["瑶海区", "庐阳区", "蜀山区", "包河区", "长丰县", "肥东县", "肥西县"]
+  }, {
+    "CityID": 88,
+    "name": "芜湖市",
+    "ProID": 12,
+    "CitySort": 88,
+    "area": ["镜湖区", "弋江区", "鸠江区", "三山区", "芜湖县", "繁昌县", "南陵县"]
+  }, {
+    "CityID": 89,
+    "name": "蚌埠市",
+    "ProID": 12,
+    "CitySort": 89,
+    "area": ["龙子湖区", "蚌山区", "禹会区", "淮上区", "怀远县", "五河县", "固镇县"]
+  }, {
+    "CityID": 90,
+    "name": "淮南市",
+    "ProID": 12,
+    "CitySort": 90,
+    "area": ["大通区", "田家庵区", "谢家集区", "八公山区", "潘集区", "凤台县"]
+  }, {
+    "CityID": 91,
+    "name": "马鞍山市",
+    "ProID": 12,
+    "CitySort": 91,
+    "area": ["金家庄区", "花山区", "雨山区", "当涂县"]
+  }, {
+    "CityID": 92,
+    "name": "淮北市",
+    "ProID": 12,
+    "CitySort": 92,
+    "area": ["杜集区", "相山区", "烈山区", "濉溪县 "]
+  }, {
+    "CityID": 93,
+    "name": "铜陵市",
+    "ProID": 12,
+    "CitySort": 93,
+    "area": ["铜官山区", "狮子山区", "铜陵县"]
+  }, {
+    "CityID": 94,
+    "name": "安庆市",
+    "ProID": 12,
+    "CitySort": 94,
+    "area": ["迎江区", "大观区", "宜秀区", "怀宁县", "枞阳县", "潜山县", "太湖县", "宿松县", "望江县", "岳西县", "桐城市"]
+  }, {
+    "CityID": 95,
+    "name": "黄山市",
+    "ProID": 12,
+    "CitySort": 95,
+    "area": ["屯溪区", "黄山区", "徽州区", "歙县", "休宁县", "黟县", "祁门县"]
+  }, {
+    "CityID": 96,
+    "name": "滁州市",
+    "ProID": 12,
+    "CitySort": 96,
+    "area": ["琅琊区", "南谯区", "来安县", "全椒县", "定远县", "凤阳县", "天长市", "明光市"]
+  }, {
+    "CityID": 97,
+    "name": "阜阳市",
+    "ProID": 12,
+    "CitySort": 97,
+    "area": ["颍州区", "颍东区", "颍泉区", "临泉县", "太和县", "阜南县", "颍上县", "界首市"]
+  }, {
+    "CityID": 98,
+    "name": "宿州市",
+    "ProID": 12,
+    "CitySort": 98,
+    "area": ["埇桥区", "砀山县", "萧县", "灵璧县", "泗县 "]
+  }, {
+    "CityID": 99,
+    "name": "巢湖市",
+    "ProID": 12,
+    "CitySort": 99,
+    "area": ["居巢区", "庐江县", "无为县", "含山县", "和县 "]
+  }, {
+    "CityID": 100,
+    "name": "六安市",
+    "ProID": 12,
+    "CitySort": 100,
+    "area": ["金安区", "裕安区", "寿县", "霍邱县", "舒城县", "金寨县", "霍山县"]
+  }, {
+    "CityID": 101,
+    "name": "亳州市",
+    "ProID": 12,
+    "CitySort": 101,
+    "area": ["谯城区", "涡阳县", "蒙城县", "利辛县"]
+  }, {
+    "CityID": 102,
+    "name": "池州市",
+    "ProID": 12,
+    "CitySort": 102,
+    "area": ["贵池区", "东至县", "石台县", "青阳县"]
+  }, {
+    "CityID": 103,
+    "name": "宣城市",
+    "ProID": 12,
+    "CitySort": 103,
+    "area": ["宣州区", "郎溪县", "广德县", "泾县", "绩溪县", "旌德县", "宁国市"]
+  }]
+}, {
+  "ProID": 13,
+  "name": "福建省",
+  "ProSort": 14,
+  "ProRemark": "省份",
+  "city": [{
+    "CityID": 104,
+    "name": "福州市",
+    "ProID": 13,
+    "CitySort": 104,
+    "area": ["鼓楼区", "台江区", "仓山区", "马尾区", "晋安区", "闽侯县", "连江县", "罗源县", "闽清县", "永泰县", "平潭县", "福清市", "长乐市"]
+  }, {
+    "CityID": 105,
+    "name": "厦门市",
+    "ProID": 13,
+    "CitySort": 105,
+    "area": ["思明区", "海沧区", "湖里区", "集美区", "同安区", "翔安区"]
+  }, {
+    "CityID": 106,
+    "name": "宁德市",
+    "ProID": 13,
+    "CitySort": 106,
+    "area": ["蕉城区", "霞浦县", "古田县", "屏南县", "寿宁县", "周宁县", "柘荣县", "福安市", "福鼎市"]
+  }, {
+    "CityID": 107,
+    "name": "莆田市",
+    "ProID": 13,
+    "CitySort": 107,
+    "area": ["城厢区", "涵江区", "荔城区", "秀屿区", "仙游县"]
+  }, {
+    "CityID": 108,
+    "name": "泉州市",
+    "ProID": 13,
+    "CitySort": 108,
+    "area": ["鲤城区", "丰泽区", "洛江区", "泉港区", "惠安县", "安溪县", "永春县", "德化县", "石狮市", "晋江市", "南安市"]
+  }, {
+    "CityID": 109,
+    "name": "漳州市",
+    "ProID": 13,
+    "CitySort": 109,
+    "area": ["芗城区", "龙文区", "云霄县", "漳浦县", "诏安县", "长泰县", "东山县", "南靖县", "平和县", "华安县", "龙海市"]
+  }, {
+    "CityID": 110,
+    "name": "龙岩市",
+    "ProID": 13,
+    "CitySort": 110,
+    "area": ["新罗区", "长汀县", "永定县", "上杭县", "武平县", "连城县", "漳平市"]
+  }, {
+    "CityID": 111,
+    "name": "三明市",
+    "ProID": 13,
+    "CitySort": 111,
+    "area": ["梅列区", "三元区", "明溪县", "清流县", "宁化县", "大田县", "尤溪县", "沙县", "将乐县", "泰宁县", "建宁县", "永安市"]
+  }, {
+    "CityID": 112,
+    "name": "南平市",
+    "ProID": 13,
+    "CitySort": 112,
+    "area": ["延平区", "顺昌县", "浦城县", "光泽县", "松溪县", "政和县", "邵武市", "武夷山市", "建瓯市", "建阳市"]
+  }]
+}, {
+  "ProID": 14,
+  "name": "江西省",
+  "ProSort": 15,
+  "ProRemark": "省份",
+  "city": [{
+    "CityID": 113,
+    "name": "鹰潭市",
+    "ProID": 14,
+    "CitySort": 113,
+    "area": ["月湖区", "余江县", "贵溪市"]
+  }, {
+    "CityID": 114,
+    "name": "新余市",
+    "ProID": 14,
+    "CitySort": 114,
+    "area": ["渝水区", "分宜县"]
+  }, {
+    "CityID": 115,
+    "name": "南昌市",
+    "ProID": 14,
+    "CitySort": 115,
+    "area": ["东湖区", "西湖区", "青云谱区", "湾里区", "青山湖区", "南昌县", "新建县", "安义县", "进贤县"]
+  }, {
+    "CityID": 116,
+    "name": "九江市",
+    "ProID": 14,
+    "CitySort": 116,
+    "area": ["庐山区", "浔阳区", "九江县", "武宁县", "修水县", "永修县", "德安县", "星子县", "都昌县", "湖口县", "彭泽县", "瑞昌市"]
+  }, {
+    "CityID": 117,
+    "name": "上饶市",
+    "ProID": 14,
+    "CitySort": 117,
+    "area": ["信州区", "上饶县", "广丰县", "玉山县", "铅山县", "横峰县", "弋阳县", "余干县", "鄱阳县", "万年县", "婺源县", "德兴市"]
+  }, {
+    "CityID": 118,
+    "name": "抚州市",
+    "ProID": 14,
+    "CitySort": 118,
+    "area": ["临川区", "南城县", "黎川县", "南丰县", "崇仁县", "乐安县", "宜黄县", "金溪县", "资溪县", "东乡县", "广昌县"]
+  }, {
+    "CityID": 119,
+    "name": "宜春市",
+    "ProID": 14,
+    "CitySort": 119,
+    "area": ["袁州区", "奉新县", "万载县", "上高县", "宜丰县", "靖安县", "铜鼓县", "丰城市", "樟树市", "高安市"]
+  }, {
+    "CityID": 120,
+    "name": "吉安市",
+    "ProID": 14,
+    "CitySort": 120,
+    "area": ["吉州区", "青原区", "吉安县", "吉水县", "峡江县", "新干县", "永丰县", "泰和县", "遂川县", "万安县", "安福县", "永新县", "井冈山市"]
+  }, {
+    "CityID": 121,
+    "name": "赣州市",
+    "ProID": 14,
+    "CitySort": 121,
+    "area": ["章贡区", "赣县", "信丰县", "大余县", "上犹县", "崇义县", "安远县", "龙南县", "定南县", "全南县", "宁都县", "于都县", "兴国县", "会昌县", "寻乌县", "石城县", "瑞金市", "南康市"]
+  }, {
+    "CityID": 122,
+    "name": "景德镇市",
+    "ProID": 14,
+    "CitySort": 122,
+    "area": ["昌江区", "珠山区", "浮梁县", "乐平市"]
+  }, {
+    "CityID": 123,
+    "name": "萍乡市",
+    "ProID": 14,
+    "CitySort": 123,
+    "area": ["安源区", "湘东区", "莲花县", "上栗县", "芦溪县"]
+  }]
+}, {
+  "ProID": 15,
+  "name": "山东省",
+  "ProSort": 16,
+  "ProRemark": "省份",
+  "city": [{
+    "CityID": 124,
+    "name": "菏泽市",
+    "ProID": 15,
+    "CitySort": 124,
+    "area": ["牡丹区", "曹县", "单县", "成武县", "巨野县", "郓城县", "鄄城县", "定陶县", "东明县"]
+  }, {
+    "CityID": 125,
+    "name": "济南市",
+    "ProID": 15,
+    "CitySort": 125,
+    "area": ["历下区", "市中区", "槐荫区", "天桥区", "历城区", "长清区", "平阴县", "济阳县", "商河县", "章丘市"]
+  }, {
+    "CityID": 126,
+    "name": "青岛市",
+    "ProID": 15,
+    "CitySort": 126,
+    "area": ["市南区", "市北区", "四方区", "黄岛区", "崂山区", "李沧区", "城阳区", "胶州市", "即墨市", "平度市", "胶南市", "莱西市"]
+  }, {
+    "CityID": 127,
+    "name": "淄博市",
+    "ProID": 15,
+    "CitySort": 127,
+    "area": ["淄川区", "张店区", "博山区", "临淄区", "周村区", "桓台县", "高青县", "沂源县"]
+  }, {
+    "CityID": 128,
+    "name": "德州市",
+    "ProID": 15,
+    "CitySort": 128,
+    "area": ["德城区", "陵县", "宁津县", "庆云县", "临邑县", "齐河县", "平原县", "夏津县", "武城县", "乐陵市", "禹城市"]
+  }, {
+    "CityID": 129,
+    "name": "烟台市",
+    "ProID": 15,
+    "CitySort": 129,
+    "area": ["芝罘区", "福山区", "牟平区", "莱山区", "长岛县", "龙口市", "莱阳市", "莱州市", "蓬莱市", "招远市", "栖霞市", "海阳市"]
+  }, {
+    "CityID": 130,
+    "name": "潍坊市",
+    "ProID": 15,
+    "CitySort": 130,
+    "area": ["潍城区", "寒亭区", "坊子区", "奎文区", "临朐县", "昌乐县", "青州市", "诸城市", "寿光市", "安丘市", "高密市", "昌邑市"]
+  }, {
+    "CityID": 131,
+    "name": "济宁市",
+    "ProID": 15,
+    "CitySort": 131,
+    "area": ["市中区", "任城区", "微山县", "鱼台县", "金乡县", "嘉祥县", "汶上县", "泗水县", "梁山县", "曲阜市", "兖州市", "邹城市"]
+  }, {
+    "CityID": 132,
+    "name": "泰安市",
+    "ProID": 15,
+    "CitySort": 132,
+    "area": ["泰山区", "岱岳区", "宁阳县", "东平县", "新泰市", "肥城市"]
+  }, {
+    "CityID": 133,
+    "name": "临沂市",
+    "ProID": 15,
+    "CitySort": 133,
+    "area": ["兰山区", "罗庄区", "河东区", "沂南县", "郯城县", "沂水县", "苍山县", "费县", "平邑县", "莒南县", "蒙阴县", "临沭县"]
+  }, {
+    "CityID": 134,
+    "name": "滨州市",
+    "ProID": 15,
+    "CitySort": 134,
+    "area": ["滨城区", "惠民县", "阳信县", "无棣县", "沾化县", "博兴县", "邹平县"]
+  }, {
+    "CityID": 135,
+    "name": "东营市",
+    "ProID": 15,
+    "CitySort": 135,
+    "area": ["东营区", "河口区", "垦利县", "利津县", "广饶县"]
+  }, {
+    "CityID": 136,
+    "name": "威海市",
+    "ProID": 15,
+    "CitySort": 136,
+    "area": ["环翠区", "文登市", "荣成市", "乳山市"]
+  }, {
+    "CityID": 137,
+    "name": "枣庄市",
+    "ProID": 15,
+    "CitySort": 137,
+    "area": ["市中区", "薛城区", "峄城区", "台儿庄区", "山亭区", "滕州市"]
+  }, {
+    "CityID": 138,
+    "name": "日照市",
+    "ProID": 15,
+    "CitySort": 138,
+    "area": ["东港区", "岚山区", "五莲县", "莒县"]
+  }, {
+    "CityID": 139,
+    "name": "莱芜市",
+    "ProID": 15,
+    "CitySort": 139,
+    "area": ["莱城区", "钢城区"]
+  }, {
+    "CityID": 140,
+    "name": "聊城市",
+    "ProID": 15,
+    "CitySort": 140,
+    "area": ["东昌府区", "阳谷县", "莘县", "茌平县", "东阿县", "冠县", "高唐县", "临清市"]
+  }]
+}, {
+  "ProID": 16,
+  "name": "河南省",
+  "ProSort": 17,
+  "ProRemark": "省份",
+  "city": [{
+    "CityID": 141,
+    "name": "商丘市",
+    "ProID": 16,
+    "CitySort": 141,
+    "area": ["梁园区", "睢阳区", "民权县", "睢县", "宁陵县", "柘城县", "虞城县", "夏邑县", "永城市"]
+  }, {
+    "CityID": 142,
+    "name": "郑州市",
+    "ProID": 16,
+    "CitySort": 142,
+    "area": ["中原区", "高新区", "经济技术开发区", "航空港区", "郑东新区", "二七区", "管城回族区", "金水区", "上街区", "惠济区", "中牟县", "巩义市", "荥阳市", "新密市", "新郑市", "登封市"]
+  }, {
+    "CityID": 143,
+    "name": "安阳市",
+    "ProID": 16,
+    "CitySort": 143,
+    "area": ["文峰区", "北关区", "殷都区", "龙安区", "安阳县", "汤阴县", "滑县", "内黄县", "林州市"]
+  }, {
+    "CityID": 144,
+    "name": "新乡市",
+    "ProID": 16,
+    "CitySort": 144,
+    "area": ["红旗区", "卫滨区", "凤泉区", "牧野区", "新乡县", "获嘉县", "原阳县", "延津县", "封丘县", "长垣县", "卫辉市", "辉县市"]
+  }, {
+    "CityID": 145,
+    "name": "许昌市",
+    "ProID": 16,
+    "CitySort": 145,
+    "area": ["魏都区", "许昌县", "鄢陵县", "襄城县", "禹州市", "长葛市"]
+  }, {
+    "CityID": 146,
+    "name": "平顶山市",
+    "ProID": 16,
+    "CitySort": 146,
+    "area": ["新华区", "卫东区", "石龙区", "湛河区", "宝丰县", "叶县", "鲁山县", "郏县", "舞钢市", "汝州市"]
+  }, {
+    "CityID": 147,
+    "name": "信阳市",
+    "ProID": 16,
+    "CitySort": 147,
+    "area": ["浉河区", "平桥区", "罗山县", "光山县", "新县", "商城县", "固始县", "潢川县", "淮滨县", "息县"]
+  }, {
+    "CityID": 148,
+    "name": "南阳市",
+    "ProID": 16,
+    "CitySort": 148,
+    "area": ["宛城区", "卧龙区", "南召县", "方城县", "西峡县", "镇平县", "内乡县", "淅川县", "社旗县", "唐河县", "新野县", "桐柏县", "邓州市"]
+  }, {
+    "CityID": 149,
+    "name": "开封市",
+    "ProID": 16,
+    "CitySort": 149,
+    "area": ["龙亭区", "顺河回族区", "鼓楼区", "禹王台区", "金明区", "杞县", "通许县", "尉氏县", "开封县", "兰考县"]
+  }, {
+    "CityID": 150,
+    "name": "洛阳市",
+    "ProID": 16,
+    "CitySort": 150,
+    "area": ["老城区", "西工区", "瀍河回族区", "涧西区", "吉利区", "洛龙区", "孟津县", "新安县", "栾川县", "嵩县", "汝阳县", "宜阳县", "洛宁县", "伊川县", "偃师市"]
+  }, {
+    "CityID": 151,
+    "name": "济源市",
+    "ProID": 16,
+    "CitySort": 151,
+    "area": ['其他']
+  }, {
+    "CityID": 152,
+    "name": "焦作市",
+    "ProID": 16,
+    "CitySort": 152,
+    "area": ["解放区", "中站区", "马村区", "山阳区", "修武县", "博爱县", "武陟县", "温县", "沁阳市", "孟州市"]
+  }, {
+    "CityID": 153,
+    "name": "鹤壁市",
+    "ProID": 16,
+    "CitySort": 153,
+    "area": ["鹤山区", "山城区", "淇滨区", "浚县", "淇县"]
+  }, {
+    "CityID": 154,
+    "name": "濮阳市",
+    "ProID": 16,
+    "CitySort": 154,
+    "area": ["华龙区", "清丰县", "南乐县", "范县", "台前县", "濮阳县"]
+  }, {
+    "CityID": 155,
+    "name": "周口市",
+    "ProID": 16,
+    "CitySort": 155,
+    "area": ["川汇区", "扶沟县", "西华县", "商水县", "沈丘县", "郸城县", "淮阳县", "太康县", "鹿邑县", "项城市"]
+  }, {
+    "CityID": 156,
+    "name": "漯河市",
+    "ProID": 16,
+    "CitySort": 156,
+    "area": ["源汇区", "郾城区", "召陵区", "舞阳县", "临颍县"]
+  }, {
+    "CityID": 157,
+    "name": "驻马店市",
+    "ProID": 16,
+    "CitySort": 157,
+    "area": ["驿城区", "西平县", "上蔡县", "平舆县", "正阳县", "确山县", "泌阳县", "汝南县", "遂平县", "新蔡县"]
+  }, {
+    "CityID": 158,
+    "name": "三门峡市",
+    "ProID": 16,
+    "CitySort": 158,
+    "area": ["湖滨区", "渑池县", "陕县", "卢氏县", "义马市", "灵宝市"]
+  }]
+}, {
+  "ProID": 17,
+  "name": "湖北省",
+  "ProSort": 18,
+  "ProRemark": "省份",
+  "city": [{
+    "CityID": 159,
+    "name": "武汉市",
+    "ProID": 17,
+    "CitySort": 159,
+    "area": ["江岸区", "江汉区", "硚口区", "汉阳区", "武昌区", "青山区", "洪山区", "东西湖区", "汉南区", "蔡甸区", "江夏区", "黄陂区", "新洲区"]
+  }, {
+    "CityID": 160,
+    "name": "襄阳市",
+    "ProID": 17,
+    "CitySort": 160,
+    "area": ["襄城区", "樊城区", "襄阳区", "南漳县", "谷城县", "保康县", "老河口市", "枣阳市", "宜城市"]
+  }, {
+    "CityID": 161,
+    "name": "鄂州市",
+    "ProID": 17,
+    "CitySort": 161,
+    "area": ["梁子湖区", "华容区", "鄂城区"]
+  }, {
+    "CityID": 162,
+    "name": "孝感市",
+    "ProID": 17,
+    "CitySort": 162,
+    "area": ["孝南区", "孝昌县", "大悟县", "云梦县", "应城市", "安陆市", "汉川市"]
+  }, {
+    "CityID": 163,
+    "name": "黄冈市",
+    "ProID": 17,
+    "CitySort": 163,
+    "area": ["黄州区", "团风县", "红安县", "罗田县", "英山县", "浠水县", "蕲春县", "黄梅县", "麻城市", "武穴市"]
+  }, {
+    "CityID": 164,
+    "name": "黄石市",
+    "ProID": 17,
+    "CitySort": 164,
+    "area": ["黄石港区", "西塞山区", "下陆区", "铁山区", "阳新县", "大冶市"]
+  }, {
+    "CityID": 165,
+    "name": "咸宁市",
+    "ProID": 17,
+    "CitySort": 165,
+    "area": ["咸安区", "嘉鱼县", "通城县", "崇阳县", "通山县", "赤壁市"]
+  }, {
+    "CityID": 166,
+    "name": "荆州市",
+    "ProID": 17,
+    "CitySort": 166,
+    "area": ["沙市区", "荆州区", "公安县", "监利县", "江陵县", "石首市", "洪湖市", "松滋市"]
+  }, {
+    "CityID": 167,
+    "name": "宜昌市",
+    "ProID": 17,
+    "CitySort": 167,
+    "area": ["西陵区", "伍家岗区", "点军区", "猇亭区", "夷陵区", "远安县", "兴山县", "秭归县", "长阳土家族自治县", "五峰土家族自治县", "宜都市", "当阳市", "枝江市"]
+  }, {
+    "CityID": 168,
+    "name": "恩施土家族苗族自治州",
+    "ProID": 17,
+    "CitySort": 168,
+    "area": ["恩施市", "利川市", "建始县", "巴东县", "宣恩县", "咸丰县", "来凤县", "鹤峰县"]
+  }, {
+    "CityID": 169,
+    "name": "神农架林区",
+    "ProID": 17,
+    "CitySort": 169,
+    "area": ['其他']
+  }, {
+    "CityID": 170,
+    "name": "十堰市",
+    "ProID": 17,
+    "CitySort": 170,
+    "area": ["茅箭区", "张湾区", "郧县", "郧西县", "竹山县", "竹溪县", "房县", "丹江口市"]
+  }, {
+    "CityID": 171,
+    "name": "随州市",
+    "ProID": 17,
+    "CitySort": 171,
+    "area": ["曾都区", "广水市"]
+  }, {
+    "CityID": 172,
+    "name": "荆门市",
+    "ProID": 17,
+    "CitySort": 172,
+    "area": ["东宝区", "掇刀区", "京山县", "沙洋县", "钟祥市"]
+  }, {
+    "CityID": 173,
+    "name": "仙桃市",
+    "ProID": 17,
+    "CitySort": 173,
+    "area": ['其他']
+  }, {
+    "CityID": 174,
+    "name": "天门市",
+    "ProID": 17,
+    "CitySort": 174,
+    "area": ['其他']
+  }, {
+    "CityID": 175,
+    "name": "潜江市",
+    "ProID": 17,
+    "CitySort": 175,
+    "area": ['其他']
+  }]
+}, {
+  "ProID": 18,
+  "name": "湖南省",
+  "ProSort": 19,
+  "ProRemark": "省份",
+  "city": [{
+    "CityID": 176,
+    "name": "岳阳市",
+    "ProID": 18,
+    "CitySort": 176,
+    "area": ["岳阳楼区", "云溪区", "君山区", "岳阳县", "华容县", "湘阴县", "平江县", "汨罗市", "临湘市"]
+  }, {
+    "CityID": 177,
+    "name": "长沙市",
+    "ProID": 18,
+    "CitySort": 177,
+    "area": ["芙蓉区", "天心区", "岳麓区", "开福区", "雨花区", "长沙县", "望城县", "宁乡县", "浏阳市"]
+  }, {
+    "CityID": 178,
+    "name": "湘潭市",
+    "ProID": 18,
+    "CitySort": 178,
+    "area": ["雨湖区", "岳塘区", "湘潭县", "湘乡市", "韶山市"]
+  }, {
+    "CityID": 179,
+    "name": "株洲市",
+    "ProID": 18,
+    "CitySort": 179,
+    "area": ["荷塘区", "芦淞区", "石峰区", "天元区", "株洲县", "攸县", "茶陵县", "炎陵县", "醴陵市"]
+  }, {
+    "CityID": 180,
+    "name": "衡阳市",
+    "ProID": 18,
+    "CitySort": 180,
+    "area": ["珠晖区", "雁峰区", "石鼓区", "蒸湘区", "南岳区", "衡阳县", "衡南县", "衡山县", "衡东县", "祁东县", "耒阳市", "常宁市"]
+  }, {
+    "CityID": 181,
+    "name": "郴州市",
+    "ProID": 18,
+    "CitySort": 181,
+    "area": ["北湖区", "苏仙区", "桂阳县", "宜章县", "永兴县", "嘉禾县", "临武县", "汝城县", "桂东县", "安仁县", "资兴市"]
+  }, {
+    "CityID": 182,
+    "name": "常德市",
+    "ProID": 18,
+    "CitySort": 182,
+    "area": ["武陵区", "鼎城区", "安乡县", "汉寿县", "澧县", "临澧县", "桃源县", "石门县", "津市市"]
+  }, {
+    "CityID": 183,
+    "name": "益阳市",
+    "ProID": 18,
+    "CitySort": 183,
+    "area": ["资阳区", "赫山区", "南县", "桃江县", "安化县", "沅江市"]
+  }, {
+    "CityID": 184,
+    "name": "娄底市",
+    "ProID": 18,
+    "CitySort": 184,
+    "area": ["娄星区", "双峰县", "新化县", "冷水江市", "涟源市"]
+  }, {
+    "CityID": 185,
+    "name": "邵阳市",
+    "ProID": 18,
+    "CitySort": 185,
+    "area": ["双清区", "大祥区", "北塔区", "邵东县", "新邵县", "邵阳县", "隆回县", "洞口县", "绥宁县", "新宁县", "城步苗族自治县", "武冈市"]
+  }, {
+    "CityID": 186,
+    "name": "湘西土家族苗族自治州",
+    "ProID": 18,
+    "CitySort": 186,
+    "area": ["吉首市", "泸溪县", "凤凰县", "花垣县", "保靖县", "古丈县", "永顺县", "龙山县"]
+  }, {
+    "CityID": 187,
+    "name": "张家界市",
+    "ProID": 18,
+    "CitySort": 187,
+    "area": ["永定区", "武陵源区", "慈利县", "桑植县"]
+  }, {
+    "CityID": 188,
+    "name": "怀化市",
+    "ProID": 18,
+    "CitySort": 188,
+    "area": ["鹤城区", "中方县", "沅陵县", "辰溪县", "溆浦县", "会同县", "麻阳苗族自治县", "新晃侗族自治县", "芷江侗族自治县", "靖州苗族侗族自治县", "通道侗族自治县", "洪江市"]
+  }, {
+    "CityID": 189,
+    "name": "永州市",
+    "ProID": 18,
+    "CitySort": 189,
+    "area": ["零陵区", "冷水滩区", "祁阳县", "东安县", "双牌县", "道县", "江永县", "宁远县", "蓝山县", "新田县", "江华瑶族自治县"]
+  }]
+}, {
+  "ProID": 19,
+  "name": "广东省",
+  "ProSort": 20,
+  "ProRemark": "省份",
+  "city": [{
+    "CityID": 190,
+    "name": "广州市",
+    "ProID": 19,
+    "CitySort": 190,
+    "area": ["从化市", "荔湾区", "越秀区", "海珠区", "天河区", "白云区", "花都区", "黄埔区", "萝岗区", "南沙区", "番禺区", "增城市"]
+  }, {
+    "CityID": 191,
+    "name": "汕尾市",
+    "ProID": 19,
+    "CitySort": 191,
+    "area": ["海丰县", "陆河县", "陆丰市"]
+  }, {
+    "CityID": 192,
+    "name": "阳江市",
+    "ProID": 19,
+    "CitySort": 192,
+    "area": ["江城区", "阳西县", "阳东县", "阳春市"]
+  }, {
+    "CityID": 193,
+    "name": "揭阳市",
+    "ProID": 19,
+    "CitySort": 193,
+    "area": ["榕城区", "揭东县", "揭西县", "惠来县", "普宁市"]
+  }, {
+    "CityID": 194,
+    "name": "茂名市",
+    "ProID": 19,
+    "CitySort": 194,
+    "area": ["茂南区", "茂港区", "电白县", "高州市", "化州市", "信宜市"]
+  }, {
+    "CityID": 195,
+    "name": "惠州市",
+    "ProID": 19,
+    "CitySort": 195,
+    "area": ["惠城区", "惠阳区", "博罗县", "惠东县", "龙门县"]
+  }, {
+    "CityID": 196,
+    "name": "江门市",
+    "ProID": 19,
+    "CitySort": 196,
+    "area": ["蓬江区", "江海区", "新会区", "台山市", "开平市", "鹤山市", "恩平市"]
+  }, {
+    "CityID": 197,
+    "name": "韶关市",
+    "ProID": 19,
+    "CitySort": 197,
+    "area": ["武江区", "浈江区", "曲江区", "始兴县", "仁化县", "翁源县", "乳源瑶族自治县", "新丰县", "乐昌市", "南雄市"]
+  }, {
+    "CityID": 198,
+    "name": "梅州市",
+    "ProID": 19,
+    "CitySort": 198,
+    "area": ["梅江区", "梅县", "大埔县", "丰顺县", "五华县", "平远县", "蕉岭县", "兴宁市"]
+  }, {
+    "CityID": 199,
+    "name": "汕头市",
+    "ProID": 19,
+    "CitySort": 199,
+    "area": ["龙湖区", "金平区", "濠江区", "潮阳区", "潮南区", "澄海区", "南澳县"]
+  }, {
+    "CityID": 200,
+    "name": "深圳市",
+    "ProID": 19,
+    "CitySort": 200,
+    "area": ["罗湖区", "福田区", "南山区", "宝安区", "龙岗区", "盐田区"]
+  }, {
+    "CityID": 201,
+    "name": "珠海市",
+    "ProID": 19,
+    "CitySort": 201,
+    "area": ["香洲区", "斗门区", "金湾区"]
+  }, {
+    "CityID": 202,
+    "name": "佛山市",
+    "ProID": 19,
+    "CitySort": 202,
+    "area": ["禅城区", "南海区", "顺德区", "三水区", "高明区"]
+  }, {
+    "CityID": 203,
+    "name": "肇庆市",
+    "ProID": 19,
+    "CitySort": 203,
+    "area": ["端州区", "鼎湖区", "广宁县", "怀集县", "封开县", "德庆县", "高要市", "四会市"]
+  }, {
+    "CityID": 204,
+    "name": "湛江市",
+    "ProID": 19,
+    "CitySort": 204,
+    "area": ["赤坎区", "霞山区", "坡头区", "麻章区", "遂溪县", "徐闻县", "廉江市", "雷州市", "吴川市"]
+  }, {
+    "CityID": 205,
+    "name": "中山市",
+    "ProID": 19,
+    "CitySort": 205,
+    "area": ['其他']
+  }, {
+    "CityID": 206,
+    "name": "河源市",
+    "ProID": 19,
+    "CitySort": 206,
+    "area": ["源城区", "紫金县", "龙川县", "连平县", "和平县", "东源县"]
+  }, {
+    "CityID": 207,
+    "name": "清远市",
+    "ProID": 19,
+    "CitySort": 207,
+    "area": ["清城区", "佛冈县", "阳山县", "连山壮族瑶族自治县", "连南瑶族自治县", "清新县", "英德市", "连州市"]
+  }, {
+    "CityID": 208,
+    "name": "云浮市",
+    "ProID": 19,
+    "CitySort": 208,
+    "area": ["云城区", "新兴县", "郁南县", "云安县", "罗定市"]
+  }, {
+    "CityID": 209,
+    "name": "潮州市",
+    "ProID": 19,
+    "CitySort": 209,
+    "area": ["湘桥区", "潮安县", "饶平县"]
+  }, {
+    "CityID": 210,
+    "name": "东莞市",
+    "ProID": 19,
+    "CitySort": 210,
+    "area": ['其他']
+  }]
+}, {
+  "ProID": 20,
+  "name": "海南省",
+  "ProSort": 24,
+  "ProRemark": "省份",
+  "city": [{
+    "CityID": 255,
+    "name": "海口市",
+    "ProID": 20,
+    "CitySort": 255,
+    "area": ["秀英区", "龙华区", "琼山区", "美兰区"]
+  }, {
+    "CityID": 256,
+    "name": "三亚市",
+    "ProID": 20,
+    "CitySort": 256,
+    "area": ['其他']
+  }, {
+    "CityID": 257,
+    "name": "五指山市",
+    "ProID": 20,
+    "CitySort": 257,
+    "area": ['其他']
+  }, {
+    "CityID": 258,
+    "name": "琼海市",
+    "ProID": 20,
+    "CitySort": 258,
+    "area": ['其他']
+  }, {
+    "CityID": 259,
+    "name": "儋州市",
+    "ProID": 20,
+    "CitySort": 259,
+    "area": ['其他']
+  }, {
+    "CityID": 260,
+    "name": "文昌市",
+    "ProID": 20,
+    "CitySort": 260,
+    "area": ['其他']
+  }, {
+    "CityID": 261,
+    "name": "万宁市",
+    "ProID": 20,
+    "CitySort": 261,
+    "area": ['其他']
+  }, {
+    "CityID": 262,
+    "name": "东方市",
+    "ProID": 20,
+    "CitySort": 262,
+    "area": ['其他']
+  }, {
+    "CityID": 263,
+    "name": "澄迈县",
+    "ProID": 20,
+    "CitySort": 263,
+    "area": ['其他']
+  }, {
+    "CityID": 264,
+    "name": "定安县",
+    "ProID": 20,
+    "CitySort": 264,
+    "area": ['其他']
+  }, {
+    "CityID": 265,
+    "name": "屯昌县",
+    "ProID": 20,
+    "CitySort": 265,
+    "area": ['其他']
+  }, {
+    "CityID": 266,
+    "name": "临高县",
+    "ProID": 20,
+    "CitySort": 266,
+    "area": ['其他']
+  }, {
+    "CityID": 267,
+    "name": "白沙黎族自治县",
+    "ProID": 20,
+    "CitySort": 267,
+    "area": ['其他']
+  }, {
+    "CityID": 268,
+    "name": "昌江黎族自治县",
+    "ProID": 20,
+    "CitySort": 268,
+    "area": ['其他']
+  }, {
+    "CityID": 269,
+    "name": "乐东黎族自治县",
+    "ProID": 20,
+    "CitySort": 269,
+    "area": ['其他']
+  }, {
+    "CityID": 270,
+    "name": "陵水黎族自治县",
+    "ProID": 20,
+    "CitySort": 270,
+    "area": ['其他']
+  }, {
+    "CityID": 271,
+    "name": "保亭黎族苗族自治县",
+    "ProID": 20,
+    "CitySort": 271,
+    "area": ['其他']
+  }, {
+    "CityID": 272,
+    "name": "琼中黎族苗族自治县",
+    "ProID": 20,
+    "CitySort": 272,
+    "area": ['其他']
+  },{
+    "CityID": 272,
+    "name": "三沙市",
+    "ProID": 20,
+    "CitySort": 272,
+    "area": ['其他']
+  }]
+}, {
+  "ProID": 21,
+  "name": "广西壮族自治区",
+  "ProSort": 28,
+  "ProRemark": "自治区",
+  "city": [{
+    "CityID": 307,
+    "name": "防城港市",
+    "ProID": 21,
+    "CitySort": 307,
+    "area": ["港口区", "防城区", "上思县", "东兴市"]
+  }, {
+    "CityID": 308,
+    "name": "南宁市",
+    "ProID": 21,
+    "CitySort": 308,
+    "area": ["兴宁区", "青秀区", "江南区", "西乡塘区", "良庆区", "邕宁区", "武鸣县", "隆安县", "马山县", "上林县", "宾阳县", "横县"]
+  }, {
+    "CityID": 309,
+    "name": "崇左市",
+    "ProID": 21,
+    "CitySort": 309,
+    "area": ["江洲区", "扶绥县", "宁明县", "龙州县", "大新县", "天等县", "凭祥市"]
+  }, {
+    "CityID": 310,
+    "name": "来宾市",
+    "ProID": 21,
+    "CitySort": 310,
+    "area": ["兴宾区", "忻城县", "象州县", "武宣县", "金秀瑶族自治县", "合山市"]
+  }, {
+    "CityID": 311,
+    "name": "柳州市",
+    "ProID": 21,
+    "CitySort": 311,
+    "area": ["城中区", "鱼峰区", "柳南区", "柳北区", "柳江县", "柳城县", "鹿寨县", "融安县", "融水苗族自治县", "三江侗族自治县"]
+  }, {
+    "CityID": 312,
+    "name": "桂林市",
+    "ProID": 21,
+    "CitySort": 312,
+    "area": ["秀峰区", "叠彩区", "象山区", "七星区", "雁山区", "阳朔县", "临桂县", "灵川县", "全州县", "兴安县", "永福县", "灌阳县", "龙胜各族自治县", "资源县", "平乐县", "荔浦县", "恭城瑶族自治县"]
+  }, {
+    "CityID": 313,
+    "name": "梧州市",
+    "ProID": 21,
+    "CitySort": 313,
+    "area": ["万秀区", "碟山区", "长洲区", "苍梧县", "藤县", "蒙山县", "岑溪市"]
+  }, {
+    "CityID": 314,
+    "name": "贺州市",
+    "ProID": 21,
+    "CitySort": 314,
+    "area": ["八步区", "昭平县", "钟山县", "富川瑶族自治县"]
+  }, {
+    "CityID": 315,
+    "name": "贵港市",
+    "ProID": 21,
+    "CitySort": 315,
+    "area": ["港北区", "港南区", "覃塘区", "平南县", "桂平市"]
+  }, {
+    "CityID": 316,
+    "name": "玉林市",
+    "ProID": 21,
+    "CitySort": 316,
+    "area": ["玉州区", "容县", "陆川县", "博白县", "兴业县", "北流市"]
+  }, {
+    "CityID": 317,
+    "name": "百色市",
+    "ProID": 21,
+    "CitySort": 317,
+    "area": ["右江区", "田阳县", "田东县", "平果县", "德保县", "靖西县", "那坡县", "凌云县", "乐业县", "田林县", "西林县", "隆林各族自治县"]
+  }, {
+    "CityID": 318,
+    "name": "钦州市",
+    "ProID": 21,
+    "CitySort": 318,
+    "area": ["钦南区", "钦北区", "灵山县", "浦北县"]
+  }, {
+    "CityID": 319,
+    "name": "河池市",
+    "ProID": 21,
+    "CitySort": 319,
+    "area": ["金城江区", "南丹县", "天峨县", "凤山县", "东兰县", "罗城仫佬族自治县", "环江毛南族自治县", "巴马瑶族自治县", "都安瑶族自治县", "大化瑶族自治县", "宜州市"]
+  }, {
+    "CityID": 320,
+    "name": "北海市",
+    "ProID": 21,
+    "CitySort": 320,
+    "area": ["海城区", "银海区", "铁山港区", "合浦县"]
+  }]
+}, {
+  "ProID": 22,
+  "name": "甘肃省",
+  "ProSort": 21,
+  "ProRemark": "省份",
+  "city": [{
+    "CityID": 211,
+    "name": "兰州市",
+    "ProID": 22,
+    "CitySort": 211,
+    "area": ["城关区", "七里河区", "西固区", "安宁区", "红古区", "永登县", "皋兰县", "榆中县"]
+  }, {
+    "CityID": 212,
+    "name": "金昌市",
+    "ProID": 22,
+    "CitySort": 212,
+    "area": ["金川区", "永昌县"]
+  }, {
+    "CityID": 213,
+    "name": "白银市",
+    "ProID": 22,
+    "CitySort": 213,
+    "area": ["白银区", "平川区", "靖远县", "会宁县", "景泰县"]
+  }, {
+    "CityID": 214,
+    "name": "天水市",
+    "ProID": 22,
+    "CitySort": 214,
+    "area": ["秦州区", "麦积区", "清水县", "秦安县", "甘谷县", "武山县", "张家川回族自治县"]
+  }, {
+    "CityID": 215,
+    "name": "嘉峪关市",
+    "ProID": 22,
+    "CitySort": 215,
+    "area": ['其他']
+  }, {
+    "CityID": 216,
+    "name": "武威市",
+    "ProID": 22,
+    "CitySort": 216,
+    "area": ["凉州区", "民勤县", "古浪县", "天祝藏族自治县"]
+  }, {
+    "CityID": 217,
+    "name": "张掖市",
+    "ProID": 22,
+    "CitySort": 217,
+    "area": ["甘州区", "肃南裕固族自治县", "民乐县", "临泽县", "高台县", "山丹县"]
+  }, {
+    "CityID": 218,
+    "name": "平凉市",
+    "ProID": 22,
+    "CitySort": 218,
+    "area": ["崆峒区", "泾川县", "灵台县", "崇信县", "华亭县", "庄浪县", "静宁县"]
+  }, {
+    "CityID": 219,
+    "name": "酒泉市",
+    "ProID": 22,
+    "CitySort": 219,
+    "area": ["肃州区", "金塔县", "瓜州县", "肃北蒙古族自治县", "阿克塞哈萨克族自治县", "玉门市", "敦煌市"]
+  }, {
+    "CityID": 220,
+    "name": "庆阳市",
+    "ProID": 22,
+    "CitySort": 220,
+    "area": ["西峰区", "庆城县", "环县", "华池县", "合水县", "正宁县", "宁县", "镇原县"]
+  }, {
+    "CityID": 221,
+    "name": "定西市",
+    "ProID": 22,
+    "CitySort": 221,
+    "area": ["安定区", "通渭县", "陇西县", "渭源县", "临洮县", "漳县", "岷县"]
+  }, {
+    "CityID": 222,
+    "name": "陇南市",
+    "ProID": 22,
+    "CitySort": 222,
+    "area": ["武都区", "成县", "文县", "宕昌县", "康县", "西和县", "礼县", "徽县", "两当县"]
+  }, {
+    "CityID": 223,
+    "name": "临夏回族自治州",
+    "ProID": 22,
+    "CitySort": 223,
+    "area": ["临夏市", "临夏县", "康乐县", "永靖县", "广河县", "和政县", "东乡族自治县", "积石山保安族东乡族撒拉族自治县"]
+  }, {
+    "CityID": 224,
+    "name": "甘南藏族自治州",
+    "ProID": 22,
+    "CitySort": 224,
+    "area": ["合作市", "临潭县", "卓尼县", "舟曲县", "迭部县", "玛曲县", "碌曲县", "夏河县"]
+  }]
+}, {
+  "ProID": 23,
+  "name": "陕西省",
+  "ProSort": 27,
+  "ProRemark": "省份",
+  "city": [{
+    "CityID": 297,
+    "name": "西安市",
+    "ProID": 23,
+    "CitySort": 297,
+    "area": ["新城区", "碑林区", "莲湖区", "灞桥区", "未央区", "雁塔区", "阎良区", "临潼区", "长安区", "蓝田县", "周至县", "户县", "高陵县"]
+  }, {
+    "CityID": 298,
+    "name": "咸阳市",
+    "ProID": 23,
+    "CitySort": 298,
+    "area": ["秦都区", "杨陵区", "渭城区", "三原县", "泾阳县", "乾县", "礼泉县", "永寿县", "彬县", "长武县", "旬邑县", "淳化县", "武功县", "兴平市"]
+  }, {
+    "CityID": 299,
+    "name": "延安市",
+    "ProID": 23,
+    "CitySort": 299,
+    "area": ["宝塔区", "延长县", "延川县", "子长县", "安塞县", "志丹县", "吴起县", "甘泉县", "富县", "洛川县", "宜川县", "黄龙县", "黄陵县"]
+  }, {
+    "CityID": 300,
+    "name": "榆林市",
+    "ProID": 23,
+    "CitySort": 300,
+    "area": ["榆阳区", "神木县", "府谷县", "横山县", "靖边县", "定边县", "绥德县", "米脂县", "佳县", "吴堡县", "清涧县", "子洲县"]
+  }, {
+    "CityID": 301,
+    "name": "渭南市",
+    "ProID": 23,
+    "CitySort": 301,
+    "area": ["临渭区", "华县", "潼关县", "大荔县", "合阳县", "澄城县", "蒲城县", "白水县", "富平县", "韩城市", "华阴市"]
+  }, {
+    "CityID": 302,
+    "name": "商洛市",
+    "ProID": 23,
+    "CitySort": 302,
+    "area": ["商州区", "洛南县", "丹凤县", "商南县", "山阳县", "镇安县", "柞水县"]
+  }, {
+    "CityID": 303,
+    "name": "安康市",
+    "ProID": 23,
+    "CitySort": 303,
+    "area": ["汉滨区", "汉阴县", "石泉县", "宁陕县", "紫阳县", "岚皋县", "平利县", "镇坪县", "旬阳县", "白河县"]
+  }, {
+    "CityID": 304,
+    "name": "汉中市",
+    "ProID": 23,
+    "CitySort": 304,
+    "area": ["汉台区", "南郑县", "城固县", "洋县", "西乡县", "勉县", "宁强县", "略阳县", "镇巴县", "留坝县", "佛坪县"]
+  }, {
+    "CityID": 305,
+    "name": "宝鸡市",
+    "ProID": 23,
+    "CitySort": 305,
+    "area": ["渭滨区", "金台区", "陈仓区", "凤翔县", "岐山县", "扶风县", "眉县", "陇县", "千阳县", "麟游县", "凤县", "太白县"]
+  }, {
+    "CityID": 306,
+    "name": "铜川市",
+    "ProID": 23,
+    "CitySort": 306,
+    "area": ["王益区", "印台区", "耀州区", "宜君县"]
+  }]
+}, {
+  "ProID": 24,
+  "name": "新疆维吾尔自治区",
+  "ProSort": 31,
+  "ProRemark": "自治区",
+  "city": [{
+    "CityID": 333,
+    "name": "塔城地区",
+    "ProID": 24,
+    "CitySort": 333,
+    "area": ["塔城市", "乌苏市", "额敏县", "沙湾县", "托里县", "裕民县", "和布克赛尔蒙古自治县"]
+  }, {
+    "CityID": 334,
+    "name": "哈密地区",
+    "ProID": 24,
+    "CitySort": 334,
+    "area": ["哈密市", "巴里坤哈萨克自治县", "伊吾县"]
+  }, {
+    "CityID": 335,
+    "name": "和田地区",
+    "ProID": 24,
+    "CitySort": 335,
+    "area": ["和田市", "和田县", "墨玉县", "皮山县", "洛浦县", "策勒县", "于田县", "民丰县"]
+  }, {
+    "CityID": 336,
+    "name": "阿勒泰地区",
+    "ProID": 24,
+    "CitySort": 336,
+    "area": ["阿勒泰市", "布尔津县", "富蕴县", "福海县", "哈巴河县", "青河县", "吉木乃县"]
+  }, {
+    "CityID": 337,
+    "name": "克孜勒苏柯尔克孜自治州",
+    "ProID": 24,
+    "CitySort": 337,
+    "area": ["阿图什市", "阿克陶县", "阿合奇县", "乌恰县"]
+  }, {
+    "CityID": 338,
+    "name": "博尔塔拉蒙古自治州",
+    "ProID": 24,
+    "CitySort": 338,
+    "area": ["博乐市", "精河县", "温泉县"]
+  }, {
+    "CityID": 339,
+    "name": "克拉玛依市",
+    "ProID": 24,
+    "CitySort": 339,
+    "area": ["独山子区", "克拉玛依区", "白碱滩区", "乌尔禾区"]
+  }, {
+    "CityID": 340,
+    "name": "乌鲁木齐市",
+    "ProID": 24,
+    "CitySort": 340,
+    "area": ["天山区", "沙依巴克区", "新市区", "水磨沟区", "头屯河区", "达坂城区", "米东区", "乌鲁木齐县"]
+  }, {
+    "CityID": 341,
+    "name": "石河子市",
+    "ProID": 24,
+    "CitySort": 341,
+    "area": ['其他']
+  }, {
+    "CityID": 342,
+    "name": "昌吉回族自治州",
+    "ProID": 24,
+    "CitySort": 342,
+    "area": ["昌吉市", "阜康市", "呼图壁县", "玛纳斯县", "奇台县", "吉木萨尔县", "木垒哈萨克自治县"]
+  }, {
+    "CityID": 343,
+    "name": "五家渠市",
+    "ProID": 24,
+    "CitySort": 343,
+    "area": ['其他']
+  }, {
+    "CityID": 344,
+    "name": "吐鲁番市",
+    "ProID": 24,
+    "CitySort": 344,
+    "area": ["吐鲁番市", "鄯善县", "托克逊县"]
+  }, {
+    "CityID": 345,
+    "name": "巴音郭楞蒙古自治州",
+    "ProID": 24,
+    "CitySort": 345,
+    "area": ["库尔勒市", "轮台县", "尉犁县", "若羌县", "且末县", "焉耆回族自治县", "和静县", "和硕县", "博湖县"]
+  }, {
+    "CityID": 346,
+    "name": "阿克苏地区",
+    "ProID": 24,
+    "CitySort": 346,
+    "area": ["阿克苏市", "温宿县", "库车县", "沙雅县", "新和县", "拜城县", "乌什县", "阿瓦提县", "柯坪县"]
+  }, {
+    "CityID": 347,
+    "name": "阿拉尔市",
+    "ProID": 24,
+    "CitySort": 347,
+    "area": ['其他']
+  }, {
+    "CityID": 348,
+    "name": "喀什地区",
+    "ProID": 24,
+    "CitySort": 348,
+    "area": ["喀什市", "疏附县", "疏勒县", "英吉沙县", "泽普县", "莎车县", "叶城县", "麦盖提县", "岳普湖县", "伽师县", "巴楚县", "塔什库尔干塔吉克自治县"]
+  }, {
+    "CityID": 349,
+    "name": "图木舒克市",
+    "ProID": 24,
+    "CitySort": 349,
+    "area": ['其他']
+  }, {
+    "CityID": 350,
+    "name": "伊犁哈萨克自治州",
+    "ProID": 24,
+    "CitySort": 350,
+    "area": ["伊宁市", "奎屯市", "伊宁县", "察布查尔锡伯自治县", "霍城县", "巩留县", "新源县", "昭苏县", "特克斯县", "尼勒克县"]
+  }]
+}, {
+  "ProID": 25,
+  "name": "青海省",
+  "ProSort": 26,
+  "ProRemark": "省份",
+  "city": [{
+    "CityID": 289,
+    "name": "海北藏族自治州",
+    "ProID": 25,
+    "CitySort": 289,
+    "area": ["门源回族自治县", "祁连县", "海晏县", "刚察县"]
+  }, {
+    "CityID": 290,
+    "name": "西宁市",
+    "ProID": 25,
+    "CitySort": 290,
+    "area": ["城东区", "城中区", "城西区", "城北区", "大通回族土族自治县", "湟中县", "湟源县"]
+  }, {
+    "CityID": 291,
+    "name": "海东市",
+    "ProID": 25,
+    "CitySort": 291,
+    "area": ["平安县", "民和回族土族自治县", "乐都县", "互助土族自治县", "化隆回族自治县", "循化撒拉族自治县"]
+  }, {
+    "CityID": 292,
+    "name": "黄南藏族自治州",
+    "ProID": 25,
+    "CitySort": 292,
+    "area": ["同仁县", "尖扎县", "泽库县", "河南蒙古族自治县"]
+  }, {
+    "CityID": 293,
+    "name": "海南藏族自治州",
+    "ProID": 25,
+    "CitySort": 293,
+    "area": ["共和县", "同德县", "贵德县", "兴海县", "贵南县"]
+  }, {
+    "CityID": 294,
+    "name": "果洛藏族自治州",
+    "ProID": 25,
+    "CitySort": 294,
+    "area": ["玛沁县", "班玛县", "甘德县", "达日县", "久治县", "玛多县"]
+  }, {
+    "CityID": 295,
+    "name": "玉树藏族自治州",
+    "ProID": 25,
+    "CitySort": 295,
+    "area": ["玉树县", "杂多县", "称多县", "治多县", "囊谦县", "曲麻莱县"]
+  }, {
+    "CityID": 296,
+    "name": "海西蒙古族藏族自治州",
+    "ProID": 25,
+    "CitySort": 296,
+    "area": ["格尔木市", "德令哈市", "乌兰县", "都兰县", "天峻县"]
+  }]
+}, {
+  "ProID": 26,
+  "name": "宁夏回族自治区",
+  "ProSort": 30,
+  "ProRemark": "自治区",
+  "city": [{
+    "CityID": 328,
+    "name": "银川市",
+    "ProID": 26,
+    "CitySort": 328,
+    "area": ["兴庆区", "西夏区", "金凤区", "永宁县", "贺兰县", "灵武市"]
+  }, {
+    "CityID": 329,
+    "name": "石嘴山市",
+    "ProID": 26,
+    "CitySort": 329,
+    "area": ["大武口区", "惠农区", "平罗县"]
+  }, {
+    "CityID": 330,
+    "name": "吴忠市",
+    "ProID": 26,
+    "CitySort": 330,
+    "area": ["利通区", "盐池县", "同心县", "青铜峡市"]
+  }, {
+    "CityID": 331,
+    "name": "固原市",
+    "ProID": 26,
+    "CitySort": 331,
+    "area": ["原州区", "西吉县", "隆德县", "泾源县", "彭阳县"]
+  }, {
+    "CityID": 332,
+    "name": "中卫市",
+    "ProID": 26,
+    "CitySort": 332,
+    "area": ["沙坡头区", "中宁县", "海原县"]
+  }]
+}, {
+  "ProID": 27,
+  "name": "重庆市",
+  "ProSort": 4,
+  "ProRemark": "直辖市",
+  "city": [{
+    "CityID": 4,
+    "name": "重庆市",
+    "ProID": 27,
+    "CitySort": 4,
+    "area": ["万州区", "涪陵区", "渝中区", "大渡口区", "江北区", "沙坪坝区", "九龙坡区", "南岸区", "北碚区", "万盛区", "双桥区", "渝北区", "巴南区", "黔江区", "长寿区", "江津区", "合川区", "永川区", "南川区", "綦江县", "潼南县", "铜梁县", "大足县", "荣昌县", "璧山县", "梁平县", "城口县", "丰都县", "垫江县", "武隆县", "忠县", "开县", "云阳县", "奉节县", "巫山县", "巫溪县", "石柱土家族自治县", "秀山土家族苗族自治县", "酉阳土家族苗族自治县", "彭水苗族土家族自治县"]
+  }]
+}, {
+  "ProID": 28,
+  "name": "四川省",
+  "ProSort": 22,
+  "ProRemark": "省份",
+  "city": [{
+    "CityID": 225,
+    "name": "成都市",
+    "ProID": 28,
+    "CitySort": 225,
+    "area": ["锦江区", "青羊区", "金牛区", "武侯区", "成华区", "龙泉驿区", "青白江区", "新都区", "温江区", "金堂县", "双流县", "郫县", "大邑县", "蒲江县", "新津县", "都江堰市", "彭州市", "邛崃市", "崇州市"]
+  }, {
+    "CityID": 226,
+    "name": "攀枝花市",
+    "ProID": 28,
+    "CitySort": 226,
+    "area": ["东区", "西区", "仁和区", "米易县", "盐边县"]
+  }, {
+    "CityID": 227,
+    "name": "自贡市",
+    "ProID": 28,
+    "CitySort": 227,
+    "area": ["自流井区", "贡井区", "大安区", "沿滩区", "荣县", "富顺县"]
+  }, {
+    "CityID": 228,
+    "name": "绵阳市",
+    "ProID": 28,
+    "CitySort": 228,
+    "area": ["涪城区", "游仙区", "三台县", "盐亭县", "安县", "梓潼县", "北川羌族自治县", "平武县", "江油市"]
+  }, {
+    "CityID": 229,
+    "name": "南充市",
+    "ProID": 28,
+    "CitySort": 229,
+    "area": ["顺庆区", "高坪区", "嘉陵区", "南部县", "营山县", "蓬安县", "仪陇县", "西充县", "阆中市"]
+  }, {
+    "CityID": 230,
+    "name": "达州市",
+    "ProID": 28,
+    "CitySort": 230,
+    "area": ["通川区", "达县", "宣汉县", "开江县", "大竹县", "渠县", "万源市"]
+  }, {
+    "CityID": 231,
+    "name": "遂宁市",
+    "ProID": 28,
+    "CitySort": 231,
+    "area": ["船山区", "安居区", "蓬溪县", "射洪县", "大英县"]
+  }, {
+    "CityID": 232,
+    "name": "广安市",
+    "ProID": 28,
+    "CitySort": 232,
+    "area": ["广安区", "岳池县", "武胜县", "邻水县", "华蓥市"]
+  }, {
+    "CityID": 233,
+    "name": "巴中市",
+    "ProID": 28,
+    "CitySort": 233,
+    "area": ["巴州区", "通江县", "南江县", "平昌县"]
+  }, {
+    "CityID": 234,
+    "name": "泸州市",
+    "ProID": 28,
+    "CitySort": 234,
+    "area": ["江阳区", "纳溪区", "龙马潭区", "泸县", "合江县", "叙永县", "古蔺县"]
+  }, {
+    "CityID": 235,
+    "name": "宜宾市",
+    "ProID": 28,
+    "CitySort": 235,
+    "area": ["翠屏区", "宜宾县", "南溪县", "江安县", "长宁县", "高县", "珙县", "筠连县", "兴文县", "屏山县"]
+  }, {
+    "CityID": 236,
+    "name": "资阳市",
+    "ProID": 28,
+    "CitySort": 236,
+    "area": ["雁江区", "安岳县", "乐至县", "简阳市"]
+  }, {
+    "CityID": 237,
+    "name": "内江市",
+    "ProID": 28,
+    "CitySort": 237,
+    "area": ["市中区", "东兴区", "威远县", "资中县", "隆昌县"]
+  }, {
+    "CityID": 238,
+    "name": "乐山市",
+    "ProID": 28,
+    "CitySort": 238,
+    "area": ["市中区", "沙湾区", "五通桥区", "金口河区", "犍为县", "井研县", "夹江县", "沐川县", "峨边彝族自治县", "马边彝族自治县", "峨眉山市"]
+  }, {
+    "CityID": 239,
+    "name": "眉山市",
+    "ProID": 28,
+    "CitySort": 239,
+    "area": ["东坡区", "仁寿县", "彭山县", "洪雅县", "丹棱县", "青神县"]
+  }, {
+    "CityID": 240,
+    "name": "凉山彝族自治州",
+    "ProID": 28,
+    "CitySort": 240,
+    "area": ["西昌市", "木里藏族自治县", "盐源县", "德昌县", "会理县", "会东县", "宁南县", "普格县", "布拖县", "金阳县", "昭觉县", "喜德县", "冕宁县", "越西县", "甘洛县", "美姑县", "雷波县"]
+  }, {
+    "CityID": 241,
+    "name": "雅安市",
+    "ProID": 28,
+    "CitySort": 241,
+    "area": ["雨城区", "名山县", "荥经县", "汉源县", "石棉县", "天全县", "芦山县", "宝兴县"]
+  }, {
+    "CityID": 242,
+    "name": "甘孜藏族自治州",
+    "ProID": 28,
+    "CitySort": 242,
+    "area": ["康定县", "泸定县", "丹巴县", "九龙县", "雅江县", "道孚县", "炉霍县", "甘孜县", "新龙县", "德格县", "白玉县", "石渠县", "色达县", "理塘县", "巴塘县", "乡城县", "稻城县", "得荣县"]
+  }, {
+    "CityID": 243,
+    "name": "阿坝藏族羌族自治州",
+    "ProID": 28,
+    "CitySort": 243,
+    "area": ["汶川县", "理县", "茂县", "松潘县", "九寨沟县", "金川县", "小金县", "黑水县", "马尔康县", "壤塘县", "阿坝县", "若尔盖县", "红原县"]
+  }, {
+    "CityID": 244,
+    "name": "德阳市",
+    "ProID": 28,
+    "CitySort": 244,
+    "area": ["旌阳区", "中江县", "罗江县", "广汉市", "什邡市", "绵竹市"]
+  }, {
+    "CityID": 245,
+    "name": "广元市",
+    "ProID": 28,
+    "CitySort": 245,
+    "area": ["市中区", "元坝区", "朝天区", "旺苍县", "青川县", "剑阁县", "苍溪县"]
+  }]
+}, {
+  "ProID": 29,
+  "name": "贵州省",
+  "ProSort": 23,
+  "ProRemark": "省份",
+  "city": [{
+    "CityID": 246,
+    "name": "贵阳市",
+    "ProID": 29,
+    "CitySort": 246,
+    "area": ["南明区", "云岩区", "花溪区", "乌当区", "白云区", "小河区", "开阳县", "息烽县", "修文县", "清镇市"]
+  }, {
+    "CityID": 247,
+    "name": "遵义市",
+    "ProID": 29,
+    "CitySort": 247,
+    "area": ["红花岗区", "汇川区", "遵义县", "桐梓县", "绥阳县", "正安县", "道真仡佬族苗族自治县", "务川仡佬族苗族自治县", "凤冈县", "湄潭县", "余庆县", "习水县", "赤水市", "仁怀市"]
+  }, {
+    "CityID": 248,
+    "name": "安顺市",
+    "ProID": 29,
+    "CitySort": 248,
+    "area": ["西秀区", "平坝县", "普定县", "镇宁布依族苗族自治县", "关岭布依族苗族自治县", "紫云苗族布依族自治县"]
+  }, {
+    "CityID": 249,
+    "name": "黔南布依族苗族自治州",
+    "ProID": 29,
+    "CitySort": 249,
+    "area": ["都匀市", "福泉市", "荔波县", "贵定县", "瓮安县", "独山县", "平塘县", "罗甸县", "长顺县", "龙里县", "惠水县", "三都水族自治县"]
+  }, {
+    "CityID": 250,
+    "name": "黔东南苗族侗族自治州",
+    "ProID": 29,
+    "CitySort": 250,
+    "area": ["凯里市", "黄平县", "施秉县", "三穗县", "镇远县", "岑巩县", "天柱县", "锦屏县", "剑河县", "台江县", "黎平县", "榕江县", "从江县", "雷山县", "麻江县", "丹寨县"]
+  }, {
+    "CityID": 251,
+    "name": "铜仁市",
+    "ProID": 29,
+    "CitySort": 251,
+    "area": ["铜仁市", "江口县", "玉屏侗族自治县", "石阡县", "思南县", "印江土家族苗族自治县", "德江县", "沿河土家族自治县", "松桃苗族自治县", "万山特区"]
+  }, {
+    "CityID": 252,
+    "name": "毕节市",
+    "ProID": 29,
+    "CitySort": 252,
+    "area": ["毕节市", "大方县", "黔西县", "金沙县", "织金县", "纳雍县", "威宁彝族回族苗族自治县", "赫章县"]
+  }, {
+    "CityID": 253,
+    "name": "六盘水市",
+    "ProID": 29,
+    "CitySort": 253,
+    "area": ["钟山区", "六枝特区", "水城县", "盘县"]
+  }, {
+    "CityID": 254,
+    "name": "黔西南布依族苗族自治州",
+    "ProID": 29,
+    "CitySort": 254,
+    "area": ["兴义市", "兴仁县", "普安县", "晴隆县", "贞丰县", "望谟县", "册亨县", "安龙县"]
+  }]
+}, {
+  "ProID": 30,
+  "name": "云南省",
+  "ProSort": 25,
+  "ProRemark": "省份",
+  "city": [{
+    "CityID": 273,
+    "name": "西双版纳傣族自治州",
+    "ProID": 30,
+    "CitySort": 273,
+    "area": ["景洪市", "勐海县", "勐腊县"]
+  }, {
+    "CityID": 274,
+    "name": "德宏傣族景颇族自治州",
+    "ProID": 30,
+    "CitySort": 274,
+    "area": ["瑞丽市", "潞西市", "梁河县", "盈江县", "陇川县"]
+  }, {
+    "CityID": 275,
+    "name": "昭通市",
+    "ProID": 30,
+    "CitySort": 275,
+    "area": ["昭阳区", "鲁甸县", "巧家县", "盐津县", "大关县", "永善县", "绥江县", "镇雄县", "彝良县", "威信县", "水富县"]
+  }, {
+    "CityID": 276,
+    "name": "昆明市",
+    "ProID": 30,
+    "CitySort": 276,
+    "area": ["五华区", "盘龙区", "官渡区", "西山区", "东川区", "呈贡县", "晋宁县", "富民县", "宜良县", "石林彝族自治县", "嵩明县", "禄劝彝族苗族自治县", "寻甸回族彝族自治县", "安宁市"]
+  }, {
+    "CityID": 277,
+    "name": "大理白族自治州",
+    "ProID": 30,
+    "CitySort": 277,
+    "area": ["大理市", "漾濞彝族自治县", "祥云县", "宾川县", "弥渡县", "南涧彝族自治县", "巍山彝族回族自治县", "永平县", "云龙县", "洱源县", "剑川县", "鹤庆县"]
+  }, {
+    "CityID": 278,
+    "name": "红河哈尼族彝族自治州",
+    "ProID": 30,
+    "CitySort": 278,
+    "area": ["个旧市", "开远市", "蒙自县", "屏边苗族自治县", "建水县", "石屏县", "弥勒县", "泸西县", "元阳县", "红河县", "金平苗族瑶族傣族自治县", "绿春县", "河口瑶族自治县"]
+  }, {
+    "CityID": 279,
+    "name": "曲靖市",
+    "ProID": 30,
+    "CitySort": 279,
+    "area": ["麒麟区", "马龙县", "陆良县", "师宗县", "罗平县", "富源县", "会泽县", "沾益县", "宣威市"]
+  }, {
+    "CityID": 280,
+    "name": "保山市",
+    "ProID": 30,
+    "CitySort": 280,
+    "area": ["隆阳区", "施甸县", "腾冲县", "龙陵县", "昌宁县"]
+  }, {
+    "CityID": 281,
+    "name": "文山壮族苗族自治州",
+    "ProID": 30,
+    "CitySort": 281,
+    "area": ["文山县", "砚山县", "西畴县", "麻栗坡县", "马关县", "丘北县", "广南县", "富宁县"]
+  }, {
+    "CityID": 282,
+    "name": "玉溪市",
+    "ProID": 30,
+    "CitySort": 282,
+    "area": ["红塔区", "江川县", "澄江县", "通海县", "华宁县", "易门县", "峨山彝族自治县", "新平彝族傣族自治县", "元江哈尼族彝族傣族自治县"]
+  }, {
+    "CityID": 283,
+    "name": "楚雄彝族自治州",
+    "ProID": 30,
+    "CitySort": 283,
+    "area": ["楚雄市", "双柏县", "牟定县", "南华县", "姚安县", "大姚县", "永仁县", "元谋县", "武定县", "禄丰县"]
+  }, {
+    "CityID": 284,
+    "name": "普洱市",
+    "ProID": 30,
+    "CitySort": 284,
+    "area": ["思茅区", "宁洱哈尼族彝族自治县", "墨江哈尼族自治县", "景东彝族自治县", "景谷傣族彝族自治县", "镇沅彝族哈尼族拉祜族自治县", "江城哈尼族彝族自治县", "孟连傣族拉祜族佤族自治县", "澜沧拉祜族自治县", "西盟佤族自治县"]
+  }, {
+    "CityID": 285,
+    "name": "临沧市",
+    "ProID": 30,
+    "CitySort": 285,
+    "area": ["临翔区", "凤庆县", "云县", "永德县", "镇康县", "双江拉祜族佤族布朗族傣族自治县", "耿马傣族佤族自治县", "沧源佤族自治县"]
+  }, {
+    "CityID": 286,
+    "name": "怒江傈傈族自治州",
+    "ProID": 30,
+    "CitySort": 286,
+    "area": ["泸水县", "福贡县", "贡山独龙族怒族自治县", "兰坪白族普米族自治县"]
+  }, {
+    "CityID": 287,
+    "name": "迪庆藏族自治州",
+    "ProID": 30,
+    "CitySort": 287,
+    "area": ["香格里拉县", "德钦县", "维西傈僳族自治县"]
+  }, {
+    "CityID": 288,
+    "name": "丽江市",
+    "ProID": 30,
+    "CitySort": 288,
+    "area": ["古城区", "玉龙纳西族自治县", "永胜县", "华坪县", "宁蒗彝族自治县"]
+  }]
+}, {
+  "ProID": 31,
+  "name": "西藏自治区",
+  "ProSort": 29,
+  "ProRemark": "自治区",
+  "city": [{
+    "CityID": 321,
+    "name": "拉萨市",
+    "ProID": 31,
+    "CitySort": 321,
+    "area": ["城关区", "林周县", "当雄县", "尼木县", "曲水县", "堆龙德庆县", "达孜县", "墨竹工卡县"]
+  }, {
+    "CityID": 322,
+    "name": "日喀则市",
+    "ProID": 31,
+    "CitySort": 322,
+    "area": ["日喀则市", "南木林县", "江孜县", "定日县", "萨迦县", "拉孜县", "昂仁县", "谢通门县", "白朗县", "仁布县", "康马县", "定结县", "仲巴县", "亚东县", "吉隆县", "聂拉木县", "萨嘎县", "岗巴县"]
+  }, {
+    "CityID": 323,
+    "name": "山南市",
+    "ProID": 31,
+    "CitySort": 323,
+    "area": ["乃东县", "扎囊县", "贡嘎县", "桑日县", "琼结县", "曲松县", "措美县", "洛扎县", "加查县", "隆子县", "错那县", "浪卡子县"]
+  }, {
+    "CityID": 324,
+    "name": "林芝市",
+    "ProID": 31,
+    "CitySort": 324,
+    "area": ["林芝县", "工布江达县", "米林县", "墨脱县", "波密县", "察隅县", "朗县"]
+  }, {
+    "CityID": 325,
+    "name": "昌都市",
+    "ProID": 31,
+    "CitySort": 325,
+    "area": ["昌都县", "江达县", "贡觉县", "类乌齐县", "丁青县", "察雅县", "八宿县", "左贡县", "芒康县", "洛隆县", "边坝县"]
+  }, {
+    "CityID": 326,
+    "name": "那曲地区",
+    "ProID": 31,
+    "CitySort": 326,
+    "area": ["那曲县", "嘉黎县", "比如县", "聂荣县", "安多县", "申扎县", "索县", "班戈县", "巴青县", "尼玛县"]
+  }, {
+    "CityID": 327,
+    "name": "阿里地区",
+    "ProID": 31,
+    "CitySort": 327,
+    "area": ["普兰县", "札达县", "噶尔县", "日土县", "革吉县", "改则县", "措勤县"]
+  }]
+}, {
+  "ProID": 32,
+  "name": "台湾省",
+  "ProSort": 7,
+  "ProRemark": "省份",
+  "city": [{
+    "CityID": 327,
+    "name": "台湾",
+    "ProID": 31,
+    "CitySort": 327,
+    "area": ["台北市","高雄市","台北县","桃园县","新竹县","苗栗县","台中县","彰化县","南投县","云林县","嘉义县","台南县","高雄县","屏东县","宜兰县","花莲县","台东县","澎湖县","基隆市","新竹市","台中市","嘉义市","台南市","其他"]
+  }]
+}, {
+  "ProID": 33,
+  "name": "澳门特别行政区",
+  "ProSort": 33,
+  "ProRemark": "特别行政区",
+  "city": [{
+    "CityID": 370,
+    "name": "澳门",
+    "ProID": 33,
+    "CitySort": 370,
+    "area": ["花地玛堂区","圣安多尼堂区","大堂区","望德堂区","风顺堂区","嘉模堂区","圣方济各堂区","路凼","其他"]
+  }]
+}, {
+  "ProID": 34,
+  "name": "香港特别行政区",
+  "ProSort": 34,
+  "ProRemark": "特别行政区",
+  "city": [{
+    "CityID": 371,
+    "name": "香港",
+    "ProID": 34,
+    "CitySort": 371,
+    "area": ["中西区","湾仔区","东区","南区","深水埗区","油尖旺区","九龙城区","黄大仙区","观塘区","北区","大埔区","沙田区","西贡区","元朗区","屯门区","荃湾区","葵青区","离岛区","其他"]
+  },]
+},{
+  "ProID": 35,
+  "name": "钓鱼岛",
+  "ProSort": 35,
+  "ProRemark": "特别行政区",
+  "city": [{
+    "CityID": 372,
+    "name": "钓鱼岛",
+    "ProID": 35,
+    "CitySort": 372,
+    "area": ["钓鱼岛"]
+  },]
+},{
+  "ProID": 36,
+  "name": " 海外",
+  "ProSort": 35,
+  "ProRemark": "特别行政区",
+  "city": [{
+    "CityID": 372,
+    "name": "海外",
+    "ProID": 35,
+    "CitySort": 372,
+    "area": ['美国','加拿大','澳大利亚','新西兰','英国','法国','德国','捷克','荷兰','瑞士','希腊','挪威','瑞典','丹麦','芬兰','爱尔兰','奥地利','意大利','乌克兰','俄罗斯','西班牙','韩国','新加坡','马来西亚','印度','泰国','日本','巴西','阿根廷','南非','埃及','其他']
+  },]
+}]

src/jfw/modules/app/src/web/staticres/jyapp/wx_course/js/optionpay.js

@@ -0,0 +1,121 @@
+$(function () {
+    var voucher = "<p class='transfer'>上传转账凭证</p>"
+    $('.weui-uploader__input-box').append(voucher)
+    // 切换支付方式
+    $('.payments_ul li').on('click', function () {
+        $(this).children('div').children('.iconfont').addClass('icon-duihao')
+        $(this).siblings('li').children('div').children('.iconfont').removeClass('icon-duihao')
+        if ($(this).hasClass('thirdpay')) {
+            $('.public_ul').show()
+            $('.example').show()
+            if($("#uploaderFiles").html() === ""){
+                $('.bottom_btn .Determine').prop('disabled',  true)
+            }
+        } else {
+            $('.public_ul').hide()
+            $('.example').hide()
+            $('.bottom_btn .Determine').prop('disabled',  false)
+        }
+    })
+
+
+    $('.example_img img').on('click', function() {
+        weui.gallery(this.src);
+        $('.weui-gallery .weui-gallery__opr').remove()
+    })
+
+    // 上传转账凭证
+    //文档: https://www.kancloud.cn/ywfwj2008/weuijs/274310
+    // var uploader =  weui.uploader('#uploader', {
+    //     url: '/api/upload?type=base64',
+    //     auto: true,
+    //     type: 'file',
+    //     fileVal: 'data',
+    //     compress: {
+    //         width: 1600,
+    //         height: 1600,
+    //         quality: .8
+    //     },
+    //     onBeforeQueued: function (files) {
+    //         if (["image/jpg", "image/jpeg", "image/png", "image/gif"].indexOf(this.type) < 0) {
+    //             weui.alert('请上传图片');
+    //             return false; // 阻止文件添加
+    //         }
+    //         if (this.size > 10 * 1024 * 1024) {
+    //             weui.alert('请上传不超过10M的图片');
+    //             return false;
+    //         }
+    //         // 防止一下子选择过多文件
+    //         if (files.length > 1) {
+    //             weui.alert('最多只能上传1张图片，请重新选择');
+    //             return false;
+    //         }
+    //         // return true; // 阻止默认行为，不插入预览图的框架
+    //     },
+    //     onQueued: function () {
+    //         var that = this
+    //         var close = "<span class='iconfont icon-delete_gray'></span>"
+    //         $('.weui-uploader__file').append(close)
+    //         $('.weui-uploader__input-box').hide()
+    //         $('.weui-uploader__file').on('click', function () {
+    //             weui.gallery(that.url);
+    //             $('.weui-gallery .weui-gallery__opr').remove()
+    //         })
+    //         $('.icon-delete_gray').on('click', function (event) {
+    //             event.stopPropagation()
+    //             weui.dialog({
+    //                 title: '确定删除',
+    //                 content: '删除后，需要重新上传凭证',
+    //                 className: 'jy-dialog',
+    //                 buttons: [{
+    //                     label: '取消',
+    //                     type: 'default',
+    //                     onClick: function () { }
+    //                 }, {
+    //                     label: '确定',
+    //                     type: 'primary',
+    //                     onClick: function () {
+    //                         $('.Determine').prop('disabled', true)
+    //                         $('.weui-uploader__file').remove()
+    //                         $('.weui-uploader__input-box').show()
+    //                     }
+    //                 }]
+    //             });
+
+    //             // 主动关闭
+    //             // var $dialog = weui.dialog({...});
+    //             // $dialog.hide(function(){
+    //             //      console.log('`dialog` has been hidden');
+    //             // });
+    //         })
+    //         // console.log(this.status); // 文件的状态：'ready', 'progress', 'success', 'fail'
+    //         // console.log(this.base64); // 如果是base64上传，file.base64可以获得文件的base64
+
+    //         //    this.upload(); // 如果是手动上传，这里可以通过调用upload来实现；也可以用它来实现重传。
+    //         // this.stop(); // 中断上传
+
+    //         // return true; // 阻止默认行为，不显示预览图的图像
+    //     },
+    //     onBeforeSend: function (data, headers) {
+    //         console.log(this, data, headers);
+    //         // $.extend(data, { test: 1 }); // 可以扩展此对象来控制上传参数
+    //         //    $.extend(headers, { Origin: 'http://192.168.20.240' }); // 可以扩展此对象来控制上传头部
+
+    //         // return false; // 阻止文件上传
+    //     },
+    //     onProgress: function (procent) {
+    //         console.log(this, procent);
+    //         // return true; // 阻止默认行为，不使用默认的进度显示
+    //     },
+    //     onSuccess: function (ret) {
+    //         console.log(this, ret);
+    //         $('.bottom_btn .Determine').prop('disabled',  false)
+    //         // return true; // 阻止默认行为，不使用默认的成功态
+    //     },
+    //     onError: function (err) {
+    //         console.log(this, err);
+    //         // return true; // 阻止默认行为，不使用默认的失败态
+    //         //    $('.weui-uploader__input-box').hide()
+    //     }
+    // });
+})

src/jfw/modules/app/src/web/staticres/jyapp/wx_course/js/rem.js

@@ -0,0 +1,13 @@
+(function(doc, win) {
+	var docEl = doc.documentElement,
+		resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
+		recalc = function() {
+			var clientWidth = docEl.clientWidth;
+			if(!clientWidth) return;
+			if(clientWidth > 750) clientWidth = 750;
+			docEl.style.fontSize = clientWidth / 7.5 + 'px';
+		};
+	if(!doc.addEventListener) return;
+	win.addEventListener(resizeEvt, recalc, false);
+	doc.addEventListener('DOMContentLoaded', recalc, false);
+})(document, window);

src/jfw/modules/app/src/web/templates/course/course_detail.html

@@ -106,6 +106,7 @@
 	    </div> -->
 	    
     </div>
+	<script src="{{Msg "seo" "cdn"}}/jyapp/course/js/imageViewer.min.js?v={{Msg "seo" "version"}}"></script>
     <script>
         $(function () {
         	var isPageHide = false;   
@@ -384,6 +385,45 @@
 		function datefunc(d){
 			return d.replace("-","年").replace("-","月")+"日";
 		}
+		
+		
+		// 图片预览，支持缩放 ==============
+        var imageViewer = null;
+        function initImageViewer(images) {
+            function getElement(index) {
+                return document.getElementById('img' + (index + 1));
+            }
+            imageViewer = new ImageViewer(images, {
+                container: 'body',
+                enableScale: true,
+                enableTapClose: true,
+                duration: 0,
+                startIndex: 0,
+                fadeInFn: getElement,
+                fadeOutFn: getElement,
+            });
+        }
+		
+		// 图片放大
+		$('.info-detail-content').on('click', '.box img',function() {
+			var _this = $(this)
+			var images = [
+                {
+                    url: this.src,
+                },
+            ];
+            var s = initImageViewer(images)
+			
+			imageViewer.open(0)
+            var ball = '<div class="ball-clip-rotate"><div class="ball"></div></div>';
+            $('.image-viewer .image-body').append(ball);
+
+            // 在页面上创建dom后对图片是否加载完成进行监听
+            $(imageViewer.itemList[1]).find('img').on('load', function () {
+                $('.image-viewer .image-body > .ball-clip-rotate').remove();
+                console.log('image loaded');
+            })
+		})
     </script>
 	{{include "/common/baiducc.html"}}
 </body>

src/jfw/modules/app/src/web/templates/course/orderDetail.html

@@ -10,9 +10,10 @@
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <script src="/wx_course/js/rem.js?v={{Msg "seo" "venrsion"}}"></script>
-    <link rel="stylesheet" type="text/css" href="/wx_course/css/base.css?v={{Msg "seo" "venrsion"}}" />
-    <link rel="stylesheet" href="/wx_course/css/order_detail.css?v={{Msg "seo" "venrsion"}}">
+    <meta name = "format-detection" content = "telephone=no">
+    <script src="jyapp/wx_course/js/rem.js?v={{Msg "seo" "venrsion"}}"></script>
+    <link rel="stylesheet" type="text/css" href="/jyapp/wx_course/css/base.css?v={{Msg "seo" "venrsion"}}" />
+    <link rel="stylesheet" href="/jyapp/wx_course/css/order_detail.css?v={{Msg "seo" "venrsion"}}">
 	<link rel="stylesheet" type="text/css" href="/jyapp/css/layout.css?v={{Msg "seo" "version"}}"/>
 	<link rel="stylesheet" type="text/css" href="/jyapp/css/font.css?v={{Msg "seo" "version"}}"/>
 </head>
@@ -169,8 +170,8 @@
         </div>
     </div>
 	</div>
-    <script src="/wx_course/js/jquery.min.js?v={{Msg "seo" "venrsion"}}"></script>
-    <script src="/wx_course/js/imageViewer.min.js?v={{Msg "seo" "venrsion"}}"></script>
+    <script src="/jyapp/wx_course/js/jquery.min.js?v={{Msg "seo" "venrsion"}}"></script>
+    <script src="/jyapp/wx_course/js/imageViewer.min.js?v={{Msg "seo" "venrsion"}}"></script>
 	<script src="/jyapp/js/common.js?v={{Msg "seo" "venrsion"}}"></script>
     <script>
         // imageViewer文档地址: https://github.com/KyLeoHC/ImageViewer

src/jfw/modules/app/src/web/templates/course/reseverCourse.html

@@ -4,84 +4,87 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport"
-        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
+          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>立即预定-详情</title>
     <script src="/jyapp/course/js/rem.js?v={{Msg "seo" "venrsion"}}"></script>
-    <link rel="stylesheet" type="text/css" href="/jyapp/course/css/weui.min.css?v={{Msg "seo" "venrsion"}}" />
-    <link rel="stylesheet" type="text/css" href="/jyapp/course/css/base.css?v={{Msg "seo" "venrsion"}}" />
-    <link rel="stylesheet" type="text/css" href="/jyapp/course/iconfont/iconfont.css?v={{Msg "seo" "venrsion"}}" />
+    <link rel="stylesheet" type="text/css" href="/jyapp/course/css/weui.min.css?v={{Msg "seo" "venrsion"}}"/>
+    <link rel="stylesheet" type="text/css" href="/jyapp/course/css/base.css?v={{Msg "seo" "venrsion"}}"/>
+    <link rel="stylesheet" type="text/css" href="/jyapp/course/iconfont/iconfont.css?v={{Msg "seo" "venrsion"}}"/>
     <link rel="stylesheet" href="/jyapp/course/css/reserve_index.css?v={{Msg "seo" "venrsion"}}">
-	<link rel="stylesheet" type="text/css" href="/jyapp/css/layout.css?v={{Msg "seo" "version"}}"/>
-	<link rel="stylesheet" type="text/css" href="/jyapp/css/font.css?v={{Msg "seo" "version"}}"/>
+    <link rel="stylesheet" type="text/css" href="/jyapp/css/layout.css?v={{Msg "seo" "version"}}"/>
+    <link rel="stylesheet" type="text/css" href="/jyapp/css/font.css?v={{Msg "seo" "version"}}"/>
 </head>
 <style type="text/css">
-	.jy-alert .weui-dialog__hd {
-	  padding: 0.48rem 0 0.32rem;
-	  color: #1d1d1d;
-	  text-align: center;
-	}
-	
-	.jy-alert .weui-dialog {
-	    left: 50px;
-	    right: 50px;
-	}
-	
-	.jy-alert .weui-dialog__hd .weui-dialog__title {
-	  font-size: 0.34rem;
-	  font-weight: 700;
-	}
-	
-	.jy-alert .weui-dialog__bd {
-	  padding: 0 0.4rem 0.48rem;
-	  font-size: 0.28rem;
-	  color: #686868;
-	  text-align: left;
-	  text-indent: 2em;
-	}
-	
-	.jy-alert .weui-dialog__ft {
-	  padding: 0;
-	  height: 0.99rem;
-	  border-top: 1px solid #efeffe;
-	}
-	
-	.jy-alert .weui-dialog__ft .weui-dialog__btn {
-	  display: flex;
-	  align-items: center;
-	  justify-content: center;
-	  margin: 0;
-	  width: 100%;
-	  height: 100%;
-	  color: #2cb7ca;
-	}
-	.reserve {
-	    height: 100%;
-	}
-	.top-container{
-		flex: 1;
-		overflow-y: scroll;
-	}
+    .jy-alert .weui-dialog__hd {
+        padding: 0.48rem 0 0.32rem;
+        color: #1d1d1d;
+        text-align: center;
+    }
+
+    .jy-alert .weui-dialog {
+        left: 50px;
+        right: 50px;
+    }
+
+    .jy-alert .weui-dialog__hd .weui-dialog__title {
+        font-size: 0.34rem;
+        font-weight: 700;
+    }
+
+    .jy-alert .weui-dialog__bd {
+        padding: 0 0.4rem 0.48rem;
+        font-size: 0.28rem;
+        color: #686868;
+        text-align: left;
+        text-indent: 2em;
+    }
+
+    .jy-alert .weui-dialog__ft {
+        padding: 0;
+        height: 0.99rem;
+        border-top: 1px solid #efeffe;
+    }
+
+    .jy-alert .weui-dialog__ft .weui-dialog__btn {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin: 0;
+        width: 100%;
+        height: 100%;
+        color: #2cb7ca;
+    }
+
+    .reserve {
+        height: 100%;
+    }
+
+    .top-container {
+        flex: 1;
+        overflow-y: scroll;
+    }
+
     .weui-picker {
-    	padding: 0 .48rem;
+        padding: 0 .48rem;
     }
 </style>
 <body>
-	<div class="app-layout-header">
-        <span class="app-back jyapp-icon jyapp-icon-zuojiantou"></span>
-        <p class="courseTitle">课程预定</p>
-    </div>
-    <div class="app-layout-content-b">
+<div class="app-layout-header">
+    <span class="app-back jyapp-icon jyapp-icon-zuojiantou"></span>
+    <p class="courseTitle">课程预定</p>
+</div>
+<div class="app-layout-content-b">
     <div class="reserve">
         <div class="top-container">
             <div class="course-info">
                 <p class="course-item course-name">
                     <span class="item-label">课程名称：</span>
                     <span class="item-text ellipsis-3 courseName">优化招投标市场营商环境与国企采购人主体责任、采购与招标培训班、采购与招标培训班、采购与招标培训班</span>
-                </p> 
+                </p>
                 <p class="course-item course-type">
                     <span class="item-label">课程类型：</span>
                     <span class="item-text ellipsis courseType">投标</span>
@@ -117,7 +120,8 @@
                 <div class="card-cell user-tel">
                     <div class="card-cell__hd">手机号</div>
                     <div class="card-cell__bd">
-                        <input class="card-input phone" placeholder="输入手机号" type="number" pattern="[0-9]*" data-pattern="telReg">
+                        <input class="card-input phone" placeholder="输入手机号" type="number" pattern="[0-9]*"
+                               data-pattern="telReg">
                         <div class="error-tip">手机号格式错误</div>
                     </div>
                 </div>
@@ -183,7 +187,9 @@
             <div class="submit-container">
                 <div class="statement">
                     <i class="iconfont i-agree"></i>
-                    <p class="state">我已阅读，理解并接受<a href="/jyapp/front/staticPage/service_rules.html">《剑鱼标讯第三方招投标课程用户服务协议》</a>、<a href="/jyapp/front/staticPage/payment_rules.html">《剑鱼标讯第三方招投标课程付款授权协议》</a></p>
+                    <p class="state">我已阅读，理解并接受<a
+                                href="/jyapp/front/staticPage/service_rules.html">《剑鱼标讯第三方招投标课程用户服务协议》</a>、<a
+                                href="/jyapp/front/staticPage/payment_rules.html">《剑鱼标讯第三方招投标课程付款授权协议》</a></p>
                 </div>
                 <button class="submit-confirm" disabled>提交订单</button>
             </div>
@@ -230,578 +236,594 @@
             </div>
         </div>
     </div>
-	</div>
-    <script src="/jyapp/course/js/jquery.min.js?v={{Msg "seo" "venrsion"}}"></script>
-    <script src="/jyapp/course/js/weui.min.js?v={{Msg "seo" "venrsion"}}"></script>
-	<script src="/jyapp/js/common.js?v={{Msg "seo" "venrsion"}}"></script>
-    <script>
-		$(function () {
-			var isPageHide = false;   
-			window.addEventListener('pageshow', function () {      
-			    if (isPageHide) {
-		            location.reload();
-			    }    
-			});    
-			window.addEventListener('pagehide', function () {
-			    isPageHide = true;
-			});
-		});
-        $(function () {
-            // 解决移动端软键盘弹起遮挡输入框及ios下软键盘关闭后底部留白问题
-            scrollView('.card-input','.reserve')
-            function scrollView(className,container) {
-                var u = navigator.userAgent, app = navigator.appVersion;
-                var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;
-
-                var view_height = $(container).height()
-                function change() {
-                    $(container).height(view_height)
-                }
-                // 给所有input绑定一个focus事件，用来判断键盘弹起。执行完成就解绑该事件
-                function focusOnce() {
-                    $(className).on('focus', function(e) {
-                        e.target.scrollIntoView({"block": "center"})
-                        $(className).off('focus')
-                    })
-                }
+</div>
+<script src="/jyapp/course/js/jquery.min.js?v={{Msg "seo" "venrsion"}}"></script>
+<script src="/jyapp/course/js/weui.min.js?v={{Msg "seo" "venrsion"}}"></script>
+<script src="/jyapp/js/common.js?v={{Msg "seo" "venrsion"}}"></script>
+<script>
+    $(function () {
+        var isPageHide = false;
+        window.addEventListener('pageshow', function () {
+            if (isPageHide) {
+                location.reload();
+            }
+        });
+        window.addEventListener('pagehide', function () {
+            isPageHide = true;
+        });
+    });
+    $(function () {
+        // 解决移动端软键盘弹起遮挡输入框及ios下软键盘关闭后底部留白问题
+        scrollView('.card-input', '.reserve')
 
-                if (isAndroid) {
-                    // 在安卓中键盘弹起会触发window.onresize事件
-                    // ios中则不会触发window.resize事件
-                    change();
-                    window.addEventListener('resize', change);
-                } else {
-                    // 进入页面绑定，触发一次就解绑
-                    focusOnce()
-                }
-                
-                
-                $(className).on('blur', function (e) {
-                    setTimeout(function() {
-                        var dom = document.activeElement;
-                        if (dom.className.includes(className.replace(/\./g, ''))) {
-                            if (isAndroid) {
-                                dom.scrollIntoView({"block": "center"})
-                            } else {
-                                // dom.scrollIntoView({"block": "bottom"})
-                            }
+        function scrollView(className, container) {
+            var u = navigator.userAgent, app = navigator.appVersion;
+            var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;
+
+            var view_height = $(container).height()
+
+            function change() {
+                $(container).height(view_height)
+            }
+
+            // 给所有input绑定一个focus事件，用来判断键盘弹起。执行完成就解绑该事件
+            function focusOnce() {
+                $(className).on('focus', function (e) {
+                    e.target.scrollIntoView({"block": "center"})
+                    $(className).off('focus')
+                })
+            }
+
+            if (isAndroid) {
+                // 在安卓中键盘弹起会触发window.onresize事件
+                // ios中则不会触发window.resize事件
+                change();
+                window.addEventListener('resize', change);
+            } else {
+                // 进入页面绑定，触发一次就解绑
+                focusOnce()
+            }
+
+
+            $(className).on('blur', function (e) {
+                setTimeout(function () {
+                    var dom = document.activeElement;
+                    if (dom.className.includes(className.replace(/\./g, ''))) {
+                        if (isAndroid) {
+                            dom.scrollIntoView({"block": "center"})
                         } else {
-                            window.scroll(0, 0)
-                            // 当页面上没有获得焦点的input时候就说明键盘收起来了。
-                            // 给input绑定focus事件用来监听其弹起
-                            focusOnce()
+                            // dom.scrollIntoView({"block": "bottom"})
                         }
-                    }, 50)
-                })
+                    } else {
+                        window.scroll(0, 0)
+                        // 当页面上没有获得焦点的input时候就说明键盘收起来了。
+                        // 给input绑定focus事件用来监听其弹起
+                        focusOnce()
+                    }
+                }, 50)
+            })
+        }
+
+
+        // picker的显示隐藏
+        function pickerShow(className, f) {
+            if (f) {
+                // 添加进场动画，并显示
+                $(className).find('.weui-mask').removeClass('weui-animate-fade-out').addClass('weui-animate-fade-in')
+                $(className).find('.weui-picker').removeClass('weui-animate-slide-down').addClass('weui-animate-slide-up')
+                $(className).show(300);
+            } else {
+                // 添加离场动画，并隐藏
+                $(className).find('.weui-mask').removeClass('weui-animate-fade-in').addClass('weui-animate-fade-out')
+                $(className).find('.weui-picker').removeClass('weui-animate-slide-up').addClass('weui-animate-slide-down')
+                $(className).hide(300);
             }
+        }
 
+        // 我已阅读并了解xxx前面的 图标的选中与取消
+        $('.submit-container .statement .iconfont').on('click', function () {
+            if ($(this).hasClass("checked")) {
+                sessionStorage.setItem("course_checkB_" + courseId, "flase");
+            } else {
+                sessionStorage.setItem("course_checkB_" + courseId, "true");
+            }
+            $(this).toggleClass('checked');
+            checkButton()
+        });
 
-            // picker的显示隐藏
-            function pickerShow(className, f) {
-                if (f) {
-                    // 添加进场动画，并显示
-                    $(className).find('.weui-mask').removeClass('weui-animate-fade-out').addClass('weui-animate-fade-in')
-                    $(className).find('.weui-picker').removeClass('weui-animate-slide-down').addClass('weui-animate-slide-up')
-                    $(className).show(300);
-                } else {
-                    // 添加离场动画，并隐藏
-                    $(className).find('.weui-mask').removeClass('weui-animate-fade-in').addClass('weui-animate-fade-out')
-                    $(className).find('.weui-picker').removeClass('weui-animate-slide-up').addClass('weui-animate-slide-down')
-                    $(className).hide(300);
-                }
+        // 点击遮罩关闭picker
+        $('.weui-mask').on('click', function () {
+            pickerShow('.pay-mode-picker', false);
+        });
+        // 人数选择器数据
+        var maximumOfPicker = 50;
+
+        function getSingleRowPickerData(maximumOfPicker) {
+            var singleRowPickerData = [];
+            for (var i = 0; i < maximumOfPicker; i++) {
+                var number = i + 1
+                singleRowPickerData.push({
+                    label: number + '人',
+                    value: number,
+                    disabled: false
+                })
             }
+            return singleRowPickerData;
+        }
 
-            // 我已阅读并了解xxx前面的 图标的选中与取消
-            $('.submit-container .statement .iconfont').on('click', function () {
-                if($(this).hasClass("checked")){
-                	sessionStorage.setItem("course_checkB_"+courseId, "flase");
-                }else{
-                	sessionStorage.setItem("course_checkB_"+courseId, "true");
+        // 打开人数选择picker
+        $('.user-count .card-cell__bd').on('click', function () {
+            weui.picker(getSingleRowPickerData(maximumOfPicker), {
+                id: 'user-count',
+                className: 'user-count-picker',
+                title: '选择购买人数',
+                container: 'body',
+                defaultValue: [1],
+                onChange: function (result) {
+                    // var c = $('.user-count-picker .weui-picker__content').attr('style')
+                    // if (!c) {
+                    // console.log(c.match(/\s+px/));
+                    // }
+                },
+                onConfirm: function (result) {
+                    var price = coursePrice;
+                    var formerPrice = price * result[0].value;
+                    //多人立减
+                    if (discounts !== "" && pCount !== "") {
+                        manyReduce = 0;
+                        if (result[0].value >= pCount[1] && result[0].value < pCount[0]) {
+                            var dPrice = price * result[0].value / 10 * discounts[1];
+                            manyReduce = parseFloat(price * result[0].value - dPrice);
+                        } else if (result[0].value >= pCount[0]) {
+                            var dPrice = price * result[0].value / 10 * discounts[0];
+                            manyReduce = parseFloat(price * result[0].value - dPrice);
+                        }
+                    }
+                    $(".many_reduce").text("￥" + formatMoney(manyReduce));
+                    var finallyPrice = price * result[0].value - oneReduce - manyReduce; //最终价格
+                    $(".current-price").text("￥" + formatMoney(finallyPrice));
+                    $(".former-count").text("￥" + formatMoney(formerPrice));
+                    $('.buy-info .user-count .count').text(result[0].label)
+                    $('.subtotal .multiple').text('x' + result[0].value)
                 }
-                $(this).toggleClass('checked');
-                checkButton()
             });
+            // 改变图标样式
+            $('.user-count-picker .weui-half-screen-dialog__hd .weui-icon-btn').text('').css({backgroundImage: 'none'}).addClass('iconfont icon-delete_gray')
+        });
 
-            // 点击遮罩关闭picker
-            $('.weui-mask').on('click', function () {
-                pickerShow('.pay-mode-picker', false);
-            });
-            // 人数选择器数据
-            var maximumOfPicker = 50;
-            function getSingleRowPickerData(maximumOfPicker) {
-                var singleRowPickerData = [];
-                for (var i = 0; i < maximumOfPicker; i++) {
-                    var number = i + 1
-                    singleRowPickerData.push({
-                        label: number + '人',
-                        value: number,
-                        disabled: false
-                    })
+        // 支付方式picker: 打开
+        $('.pay-mode .card-cell__bd').on('click', function () {
+            pickerShow('.pay-mode-picker', true);
+        });
+        // 支付方式picker: 点击右上图标关闭
+        $('.pay-mode-picker .weui-icon-btn_close').on('click', function () {
+            pickerShow('.pay-mode-picker', false);
+        });
+        // 支付方式picker: 点击切换支付方式
+        $('.pay-mode-picker').on('click', 'li.payment-item', function () {
+            $(this).addClass('active').siblings().removeClass('active');
+            $('.pay-mode .pay-mode-text').text($(this).find('.item-text').text())
+            pickerShow('.pay-mode-picker', false);
+            console.log($(this).attr('data-mode'));
+        });
+
+
+        // 表单验证 -----------
+        var pattern = {
+            comName: /^[\u4e00-\u9fa5]{2,}$/,
+            userName: /^[\u4e00-\u9fa5]{2,6}$/,
+            telReg: /^(0|86|17951)?(13[0-9]|15[012356789]|166|17[3678]|18[0-9]|14[57])[0-9]{8}$/,
+            emailReg: /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/
+        }
+        // 公司名
+        $('.card .company-name input').on('blur', function (e) {
+            var comName = this.value;
+            var result = pattern.comName.test(comName);
+            if (result) {
+                $(this).siblings('.error-tip').slideUp(200);
+            } else {
+                $(this).siblings('.error-tip').slideDown(200);
+            }
+        })
+        $('.card .user-name input').on('blur', function (e) {
+            var userName = this.value;
+            var result = pattern.userName.test(userName);
+            if (result) {
+                $(this).siblings('.error-tip').slideUp(200);
+            } else {
+                $(this).siblings('.error-tip').slideDown(200);
+            }
+        })
+        // 手机号验证
+        $('.card .user-tel input').on('blur', function (e) {
+            var tel = this.value;
+            var result = pattern.telReg.test(tel);
+
+            if (result) {
+                $(this).siblings('.error-tip').slideUp(200);
+            } else {
+                $(this).siblings('.error-tip').slideDown(200);
+            }
+        })
+        // 邮箱验证
+        $('.card .user-email input').on('blur', function () {
+            var email = this.value;
+            var result = pattern.emailReg.test(email);
+            if (result) {
+                $(this).siblings('.error-tip').slideUp(200);
+            } else {
+                $(this).siblings('.error-tip').slideDown(200);
+            }
+        })
+
+        $('input').on('input', function () {
+            checkButton()
+        })
+
+        function checkButton() {
+            var isAllPass = true
+            var iAgree = $('.submit-container .statement .i-agree').hasClass('checked')
+            $('input').each(function (index, dom) {
+                $dom = $(dom)
+                var value = $dom.val()
+                var pat = $dom.attr('data-pattern')
+
+                if (!pattern[pat].test(value)) {
+                    isAllPass = false
                 }
-                return singleRowPickerData;
+            })
+
+            if (isAllPass && iAgree) {
+                $('.submit-confirm').prop('disabled', false)
+            } else {
+                $('.submit-confirm').prop('disabled', true)
             }
-            
-            // 打开人数选择picker
-            $('.user-count .card-cell__bd').on('click', function () {
-                weui.picker(getSingleRowPickerData(maximumOfPicker), {
-                    id: 'user-count',
-                    className: 'user-count-picker',
-                    title: '选择购买人数',
-                    container: 'body',
-                    defaultValue: [1],
-                    onChange: function (result) {
-                        // var c = $('.user-count-picker .weui-picker__content').attr('style')
-                        // if (!c) {
-                            // console.log(c.match(/\s+px/));
-                        // }
-                    },
-                    onConfirm: function (result) {
-						var price = coursePrice;
-						var formerPrice = price * result[0].value;
-						//多人立减
-						if(discounts !== "" && pCount !== ""){
-							manyReduce = 0;
-							if(result[0].value >= pCount[1] && result[0].value < pCount[0]){
-								var dPrice = price * result[0].value / 10 * discounts[1];
-								manyReduce = parseFloat(price * result[0].value - dPrice);
-							}else if(result[0].value >= pCount[0]){
-								var dPrice = price * result[0].value / 10 * discounts[0];
-								manyReduce = parseFloat(price * result[0].value - dPrice);
-							}
-						}
-						$(".many_reduce").text("￥"+ formatMoney(manyReduce));
-						var finallyPrice = price * result[0].value - oneReduce - manyReduce; //最终价格
-						$(".current-price").text("￥"+ formatMoney(finallyPrice));
-						$(".former-count").text("￥"+ formatMoney(formerPrice));
-                        $('.buy-info .user-count .count').text(result[0].label)
-                        $('.subtotal .multiple').text('x' + result[0].value)
+        }
+
+        //课程id
+        var courseId = {{.T.courseId}}
+        var oneReduce = 0; //每单立减
+        var manyReduce = 0; //多人立减
+        var discounts = "";
+        var pCount = "";
+        var courseName = "";
+        var courseType = "";
+        var courseArea = "";
+        var dateHtml = "";
+        var coursePrice = 0; //单价
+        //授权弹窗
+        if (sessionStorage.getItem("course_warrant_" + courseId) === null || sessionStorage.getItem("course_warrant_" + courseId) === undefined) {
+            var str = '本人授权北京拓普丰联信息工程有限公司及剑鱼标讯作为招投标课程学习的代付业务，由剑鱼标讯付款给中国招投标采购培训网，招投标课程的服务及发票开取由北京汇智众诚教育咨询有限公司及中国招投标采购培训网提供。详情见下方《剑鱼标讯第三方招投标课程付款授权协议》。'
+            weui.alert(str, {
+                title: '授权函',
+                className: 'jy-alert',
+                buttons: [{
+                    label: '确认授权',
+                    onClick: function () {
+                        sessionStorage.setItem("course_warrant_" + courseId, "true");
                     }
-                });
-                // 改变图标样式
-                $('.user-count-picker .weui-half-screen-dialog__hd .weui-icon-btn').text('').css({backgroundImage: 'none'}).addClass('iconfont icon-delete_gray')
+                }]
             });
+        }
+        if (courseId !== "") {
+            $.ajax({
+                type: 'get',
+                url: '/jypay/course/free/content?t=' + new Date().getTime(),
+                data: {"_id": courseId},
+                async: false,
+                dataType: 'json',
+                success: function (r) {
+                    if (r.success) {
+                        // console.log(r)
+                        var courseDetail = r.data.detail;
+                        var discount = r.data.discount;
+                        try {
+                            var starttime = courseDetail.l_starttime.split(" ")[0].split("-");
+                            var endtime = courseDetail.l_endtime.split("-");
+                            dateHtml = starttime[0] + "年" + starttime[1] + "月" + starttime[2] + "日-" + endtime[0] + "年" + endtime[1] + "月" + endtime[2] + "日";
 
-            // 支付方式picker: 打开
-            $('.pay-mode .card-cell__bd').on('click', function () {
-                pickerShow('.pay-mode-picker', true);
-            });
-            // 支付方式picker: 点击右上图标关闭
-            $('.pay-mode-picker .weui-icon-btn_close').on('click', function () {
-                pickerShow('.pay-mode-picker', false);
-            });
-            // 支付方式picker: 点击切换支付方式
-            $('.pay-mode-picker').on('click', 'li.payment-item', function() {
-                $(this).addClass('active').siblings().removeClass('active');
-                $('.pay-mode .pay-mode-text').text($(this).find('.item-text').text())
-                pickerShow('.pay-mode-picker', false);
-                console.log($(this).attr('data-mode'));
-            });
+                            if (courseDetail.i_type === 1) {
+                                courseType = "招标管理课程";
+                                $(".courseTitle").text("招标管理课程");
+                            } else {
+                                courseType = "投标实务课程";
+                                $(".onlyDiscount").show();
+                                $(".courseTitle").text("投标实务课程");
+                            }
+                            courseName = courseDetail.s_name;
+                            coursePrice = courseDetail.i_price / 100;
+                            courseArea = courseDetail.s_address;
+                            $(".ellipsis-3").text(courseName);
+                            $(".courseType").text(courseType);
+                            $(".courseArea").text(courseArea);
+                            $(".courseTime").text(dateHtml);
+                            $("#unit_price").text("￥" + coursePrice);
+                            if (discount.discountMap !== undefined && discount.discountMap !== "") {
+                                discounts = discount.discountMap.discount;
+                                pCount = discount.discountMap.peopleNum;
+                            }
+
+                            var endTime = discount.endTime * 1000;
+                            var nowTime = new Date().getTime();
+                            if (nowTime <= endTime) {
+                                oneReduce = discount.reduceAmount / 100;
+                            }
+                            $(".one_reduce").text("￥" + formatMoney(oneReduce));
+                            var finallyPrice = coursePrice - oneReduce; //最终价格
+                            $(".current-price").text("￥" + formatMoney(finallyPrice));
+                            $(".former-count").text("￥" + formatMoney(coursePrice));
+                        } catch (e) {
+                            console.log(e);
+                        }
+                    }
+                }
+            })
+        }
+        getSessionStorage();
 
+        // 表单验证 -----------
+        var pattern = {
+            comName: /^[\u4e00-\u9fa5]{2,}$/,
+            userName: /^[\u4e00-\u9fa5]{2,}$/,
+            telReg: /^(0|86|17951)?(13[0-9]|15[012356789]|166|17[3678]|18[0-9]|14[57])[0-9]{8}$/,
+            emailReg: /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/
 
-            // 表单验证 -----------
-            var pattern = {
-                comName: /^[\u4e00-\u9fa5]{2,}$/,
-                userName: /^[\u4e00-\u9fa5]{2,}$/,
-                telReg: /^(0|86|17951)?(13[0-9]|15[012356789]|166|17[3678]|18[0-9]|14[57])[0-9]{8}$/,
-                emailReg: /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/
+        $('.submit-confirm').on('click', function () {
+            $(".submit-confirm").attr("disabled", "disabled");
+            setTimeout(function () {
+                $(".submit-confirm").removeAttr("disabled");
+            }, 1000)
+            var company = $(".company").val();
+            var name = $(".username").val();
+            var phone = $(".phone").val();
+            var email = $(".email").val();
+            var peopleNum = $('.buy-info .user-count .count').text().replace("人", "");
+            var pay_way = "";
+            var payHtml = $(".pay-mode-text").text();
+            if (payHtml === "公对公转账") {
+                pay_way = "transferAccounts";
+            } else if (payHtml === "微信支付") {
+                pay_way = "wx_app";
+            } else if (payHtml === "支付宝支付") {
+                pay_way = "ali_app";
             }
-            // 公司名
-            $('.card .company-name input').on('blur', function(e) {
-                var comName = this.value;
-                var result = pattern.comName.test(comName);
-                if (result) {
-                    $(this).siblings('.error-tip').slideUp(200);
-                } else {
-                    $(this).siblings('.error-tip').slideDown(200);
+            var allprice = $('.current-price').text().replace("￥", "").replace(/,/g, "");
+            if ($(".i-agree").hasClass("checked")) {
+                setSessionStorage(company, name, phone, email, pay_way, peopleNum);
+            } else {
+                setSessionStorage(company, name, phone, email, pay_way, peopleNum);
+            }
+
+            var param = {
+                "company": company,
+                "name": name,
+                "phone": phone,
+                "email": email,
+                "pay_way": pay_way,
+                "courseId": courseId,
+                "peopleNum": peopleNum,
+                "price": Math.round(Number(allprice) * 100),
+                "courseName": courseName,
+                "courseType": courseType,
+                "courseAddress": courseArea,
+                "courseTime": dateHtml,
+                "coursePrice": coursePrice,
+            }
+            // console.log(param);
+            $.ajax({
+                type: 'post',
+                url: '/jypay/course/reserve/add?t=' + new Date().getTime(),
+                data: param,
+                async: false,
+                dataType: 'json',
+                success: function (r) {
+                    if (r.success) {
+                        try {
+                            if (pay_way === "wx_app") {
+                                JyObj.wxPay(r.data.res);
+                            } else if (pay_way === "ali_app") {
+                                JyObj.aliPay(r.data.res)
+                            } else {
+                                window.location.href = '/jyapp/course/publicToPublic?code=' + r.data.code;
+                                return
+                            }
+                            //校验是否支付完成
+                            checkpay(r.data.code);
+                        } catch (e) {
+                            alert(e)
+                        }
+                    }
+                    $(".submit-confirm").removeAttr("disabled");
                 }
             })
-            $('.card .user-name input').on('blur', function(e) {
-                var userName = this.value;
-                var result = pattern.userName.test(userName);
-                if (result) {
-                    $(this).siblings('.error-tip').slideUp(200);
+        })
+        //校验是否支付
+        var interval;
+
+        function checkpay(orderCode) {
+            if (interval) {
+                clearInterval(interval);
+            }
+            interval = setInterval(function () {
+                $.post("/jypay/isPaySuccess", {code: orderCode}, function (r) {
+                    if (r.success) {
+                        clearInterval(interval);
+                        $(".submit-confirm").attr("disabled", "disabled");
+                        window.location.replace("/jyapp/course/paySuccess?code=" + orderCode);
+                    }
+                });
+            }, 2000)
+        }
+
+        function setSessionStorage(company, name, phone, email, pay_way, peopleNum) {
+            sessionStorage.setItem("course_company_" + courseId, company);
+            sessionStorage.setItem("course_name_" + courseId, name);
+            sessionStorage.setItem("course_phone_" + courseId, phone);
+            sessionStorage.setItem("course_email_" + courseId, email);
+            sessionStorage.setItem("course_pay_way_" + courseId, pay_way);
+            sessionStorage.setItem("course_peopleNum_" + courseId, peopleNum);
+        }
+
+        function getSessionStorage() {
+            if (sessionStorage.getItem("course_company_" + courseId) !== undefined && sessionStorage.getItem("course_company_" + courseId) !== null) {
+                var company = sessionStorage.getItem("course_company_" + courseId);
+                $(".company").val(company);
+            }
+            if (sessionStorage.getItem("course_name_" + courseId) !== undefined && sessionStorage.getItem("course_name_" + courseId) !== null) {
+                var name = sessionStorage.getItem("course_name_" + courseId);
+                $(".username").val(name);
+            }
+            if (sessionStorage.getItem("course_phone_" + courseId) !== undefined && sessionStorage.getItem("course_phone_" + courseId) !== null) {
+                var phone = sessionStorage.getItem("course_phone_" + courseId);
+                $(".phone").val(phone);
+            }
+            if (sessionStorage.getItem("course_email_" + courseId) !== undefined && sessionStorage.getItem("course_email_" + courseId) !== null) {
+                var email = sessionStorage.getItem("course_email_" + courseId);
+                $(".email").val(email);
+            }
+            if (sessionStorage.getItem("course_pay_way_" + courseId) !== undefined && sessionStorage.getItem("course_pay_way_" + courseId) !== null) {
+                var pay_way = sessionStorage.getItem("course_pay_way_" + courseId);
+                var payHtml = "";
+                if (pay_way === "wx_app") {
+                    payHtml = "微信支付";
+                } else if (pay_way === "ali_app") {
+                    payHtml = "支付宝支付";
                 } else {
-                    $(this).siblings('.error-tip').slideDown(200);
+                    payHtml = "公对公转账";
                 }
-            })
-            // 手机号验证
-            $('.card .user-tel input').on('blur', function(e) {
-                var tel = this.value;
-                var result = pattern.telReg.test(tel);
-                
-                if (result) {
-                    $(this).siblings('.error-tip').slideUp(200);
-                } else {
-                    $(this).siblings('.error-tip').slideDown(200);
+                $(".pay-mode-text").text(payHtml);
+                $('.pay-mode-picker li.payment-item').each(function () {
+                    if ($(this).find('.item-text').text() === payHtml) {
+                        $(this).addClass('active').siblings().removeClass('active');
+                    }
+                });
+            }
+            if (sessionStorage.getItem("course_peopleNum_" + courseId) !== undefined && sessionStorage.getItem("course_peopleNum_" + courseId) !== null) {
+                var peopleNum = sessionStorage.getItem("course_peopleNum_" + courseId);
+                $('.buy-info .user-count .count').text(peopleNum + "人");
+                $('.subtotal .multiple').text('x' + peopleNum);
+                if (discounts !== "" && pCount !== "") {
+                    manyReduce = 0;
+                    // peopleNum = Number(peopleNum);
+                    var price = coursePrice;
+                    if (peopleNum >= pCount[1] && peopleNum < pCount[0]) {
+                        var dPrice = price * peopleNum / 10 * discounts[1];
+                        manyReduce = parseFloat(price * peopleNum - dPrice);
+                    } else if (peopleNum >= pCount[0]) {
+                        var dPrice = price * peopleNum / 10 * discounts[0];
+                        manyReduce = parseFloat(price * peopleNum - dPrice);
+                    }
                 }
-            })
-            // 邮箱验证
-            $('.card .user-email input').on('blur', function() {
-                var email = this.value;
-                var result = pattern.emailReg.test(email);
-                if (result) {
-                    $(this).siblings('.error-tip').slideUp(200);
+                $(".many_reduce").text("￥" + formatMoney(manyReduce));
+                var formerPrice = coursePrice * peopleNum;
+                var finallyPrice = coursePrice * peopleNum - oneReduce - manyReduce; //最终价格
+                $(".current-price").text("￥" + formatMoney(finallyPrice));
+                $(".former-count").text("￥" + formatMoney(formerPrice));
+            }
+            if (sessionStorage.getItem("course_checkB_" + courseId) === "true") {
+                $(".i-agree").addClass("checked");
+                checkButton();
+            } else {
+                $(".i-agree").removeClass("checked");
+                checkButton();
+            }
+        }
+
+        $(".state a").click(function () {
+            var company = $(".company").val();
+            var name = $(".username").val();
+            var phone = $(".phone").val();
+            var email = $(".email").val();
+            var peopleNum = $('.buy-info .user-count .count').text().replace("人", "");
+            var pay_way = "";
+            var payHtml = $(".pay-mode-text").text();
+            if (payHtml === "公对公转账") {
+                pay_way = "transferAccounts";
+            } else if (payHtml === "微信支付") {
+                pay_way = "wx_app";
+            } else if (payHtml === "支付宝支付") {
+                pay_way = "ali_app";
+            }
+            setSessionStorage(company, name, phone, email, pay_way, peopleNum);
+        })
+
+        // 格式化金钱的函数
+        // s: 金额(number) 必传
+        // n: 保留小数的位数(int:0-100)
+        function formatMoney(s, n) {
+            if (n === undefined) {
+                n = -1
+            } else {
+                n = n > 0 && n <= 20 ? n : 2;
+            }
+            var intS = parseInt(s)
+            var point = '.'
+            var left;
+            var right;
+            s = parseFloat((s + '').replace(/[^\d\.-]/g, ''))
+            // 没传n，默认(如果为整数，则不保留小数。如果为浮点数，则保留两位小数)
+            if (n === -1) {
+                if (s === intS) {
+                    n = 0
+                    right = ''
+                    point = ''
                 } else {
-                    $(this).siblings('.error-tip').slideDown(200);
+                    n = 2
+                    s = s.toFixed(n);
+                    right = s.split('.')[1];
                 }
-            })
+                s = s + ''
+                left = s.split('.')[0].split("").reverse();
+            } else {
+                s = parseFloat((s + '').replace(/[^\d\.-]/g, '')).toFixed(n) + '';
+                left = s.split('.')[0].split('').reverse();
+                right = s.split('.')[1];
+            }
 
-            $('input').on('input', function () {
-                checkButton()
-            })
+            t = "";
+            for (i = 0; i < left.length; i++) {
+                t += left[i] + ((i + 1) % 3 == 0 && (i + 1) != left.length ? ',' : '');
+            }
 
-            function checkButton() {
-                var isAllPass = true
-                var iAgree = $('.submit-container .statement .i-agree').hasClass('checked')
-                $('input').each(function(index, dom){
-                    $dom = $(dom)
-                    var value = $dom.val()
-                    var pat = $dom.attr('data-pattern')
+            var money = t.split('').reverse().join('') + point + right;
+            return money;
+        }
 
-                    if (!pattern[pat].test(value)) {
-                        isAllPass = false
-                    }
-                })
-                
-                if (isAllPass && iAgree) {
-                    $('.submit-confirm').prop('disabled', false)
-                } else {
-                    $('.submit-confirm').prop('disabled', true)
-                }
+    })
+
+    //提示框
+    var EasyAlert = {
+        timeout: null,
+        waitTime: 1000,
+        show: function (text, css, waitTime) {
+            if (this.timeout != null) {
+                clearTimeout(this.timeout);
+                this.hide();
+                this.timeout = null;
             }
-			
-			//课程id
-			var courseId = {{.T.courseId}}
-			var oneReduce = 0; //每单立减
-			var manyReduce = 0; //多人立减
-			var discounts = "";
-			var pCount = "";
-			var courseName = "";
-			var courseType = "";
-			var courseArea = "";
-			var dateHtml = "";
-			var coursePrice = 0; //单价
-			//授权弹窗
-			if(sessionStorage.getItem("course_warrant_"+ courseId) === null || sessionStorage.getItem("course_warrant_"+ courseId) === undefined){
-				var str = '本人授权北京拓普丰联信息工程有限公司及剑鱼标讯作为招投标课程学习的代付业务，由剑鱼标讯付款给中国招投标采购培训网，招投标课程的服务及发票开取由北京汇智众诚教育咨询有限公司及中国招投标采购培训网提供。详情见下方《剑鱼标讯第三方招投标课程付款授权协议》。'
-				weui.alert(str, {
-					title: '授权函',
-					className: 'jy-alert',
-					buttons: [{
-						label: '确认授权',
-						onClick: function() {
-							sessionStorage.setItem("course_warrant_"+ courseId, "true");
-						}
-					}]
-				});
-			}
-			if(courseId !== ""){
-				$.ajax({
-					type: 'get',
-					url: '/jypay/course/free/content?t='+new Date().getTime(),
-					data: {"_id":courseId},
-					async: false,
-					dataType: 'json',
-					success: function(r){
-						if(r.success){
-							// console.log(r)
-							var courseDetail = r.data.detail;
-							var discount = r.data.discount;
-							try{
-								var starttime = courseDetail.l_starttime.split(" ")[0].split("-");
-								var endtime = courseDetail.l_endtime.split("-");
-								dateHtml = starttime[0] + "年" + starttime[1] + "月" + starttime[2] + "日-" + endtime[0] + "年" + endtime[1] + "月" + endtime[2] + "日";
-								
-								if(courseDetail.i_type === 1){
-									courseType = "招标管理课程";
-									$(".courseTitle").text("招标管理课程"); 
-								}else{
-									courseType = "投标实务课程";
-									$(".onlyDiscount").show();
-									$(".courseTitle").text("投标实务课程");
-								}
-								courseName = courseDetail.s_name;
-								coursePrice = courseDetail.i_price/100;
-								courseArea = courseDetail.s_address;
-								$(".ellipsis-3").text(courseName);
-								$(".courseType").text(courseType);
-								$(".courseArea").text(courseArea);
-								$(".courseTime").text(dateHtml);
-								$("#unit_price").text("￥"+ coursePrice);
-								if(discount.discountMap !== undefined && discount.discountMap !== ""){
-									discounts = discount.discountMap.discount;
-									pCount = discount.discountMap.peopleNum;
-								}
-								
-								var endTime = discount.endTime * 1000;
-								var nowTime = new Date().getTime();
-								if(nowTime <= endTime){
-									oneReduce = discount.reduceAmount / 100;
-								}
-								$(".one_reduce").text("￥"+ formatMoney(oneReduce));
-								var finallyPrice = coursePrice - oneReduce; //最终价格
-								$(".current-price").text("￥"+ formatMoney(finallyPrice));
-								$(".former-count").text("￥"+ formatMoney(coursePrice));
-							}catch(e){
-								console.log(e);
-							}
-						}
-					}
-				})
-			}
-			getSessionStorage();
-
-            $('.submit-confirm').on('click',function(){
-				$(".submit-confirm").attr("disabled","disabled");
-				var company = $(".company").val();
-				var name = $(".username").val();
-				var phone = $(".phone").val();
-				var email = $(".email").val();
-				var peopleNum = $('.buy-info .user-count .count').text().replace("人","");
-				var pay_way = "";
-				var payHtml = $(".pay-mode-text").text();
-				if(payHtml === "公对公转账"){
-					pay_way = "transferAccounts";
-				}else if(payHtml === "微信支付"){
-					pay_way = "wx_app";
-				}else if(payHtml === "支付宝支付"){
-					pay_way = "ali_app";
-				}
-				var allprice = $('.current-price').text().replace("￥","").replace(/,/g,"");
-				if($(".i-agree").hasClass("checked")){
-					setSessionStorage(company,name,phone,email,pay_way,peopleNum);
-				}else{
-					setSessionStorage(company,name,phone,email,pay_way,peopleNum);
-				}
-				
-				var param = {
-					"company": company,
-					"name": name,
-					"phone": phone,
-					"email": email,
-					"pay_way": pay_way,
-					"courseId": courseId,
-					"peopleNum": peopleNum,
-					"price": Math.round(Number(allprice) * 100),
-					"courseName": courseName,
-					"courseType": courseType,
-					"courseAddress": courseArea,
-					"courseTime": dateHtml,
-					"coursePrice": coursePrice, 
-				}
-				// console.log(param);
-				$.ajax({
-					type: 'post',
-					url: '/jypay/course/reserve/add?t='+new Date().getTime(),
-					data: param,
-					async: false,
-					dataType: 'json',
-					success: function(r){
-						if(r.success){
-							try {
-							    if (pay_way === "wx_app") {
-							        JyObj.wxPay(r.data.res);
-							    } else if(pay_way === "ali_app") {
-							        JyObj.aliPay(r.data.res)
-							    } else{
-									window.location.href = '/jyapp/course/publicToPublic?code=' + r.data.code;
-									return
-								}
-							    //校验是否支付完成
-							    checkpay(r.data.code);
-							} catch (e) {
-							    alert(e)
-							}
-						}
-						$(".submit-confirm").removeAttr("disabled");
-					}
-				})
-            })
-			//校验是否支付
-			var interval;
-				
-			function checkpay(orderCode) {
-			    if (interval) {
-			        clearInterval(interval);
-			    }
-			    interval = setInterval(function () {
-			        $.post("/jypay/isPaySuccess", {code: orderCode}, function (r) {
-			            if (r.success) {
-			                clearInterval(interval);
-							$(".submit-confirm").attr("disabled","disabled");
-			                window.location.replace("/jyapp/course/paySuccess?code=" + orderCode);
-			            }
-			        });
-			    }, 2000)
-			}
-			function setSessionStorage(company,name,phone,email,pay_way,peopleNum){
-				sessionStorage.setItem("course_company_"+courseId, company);
-				sessionStorage.setItem("course_name_"+courseId, name);
-				sessionStorage.setItem("course_phone_"+courseId, phone);
-				sessionStorage.setItem("course_email_"+courseId, email);
-				sessionStorage.setItem("course_pay_way_"+courseId, pay_way);
-				sessionStorage.setItem("course_peopleNum_"+courseId, peopleNum);
-			}
-			
-			function getSessionStorage(){
-				if(sessionStorage.getItem("course_company_"+courseId)!==undefined&&sessionStorage.getItem("course_company_"+courseId)!==null){
-					var company = sessionStorage.getItem("course_company_"+courseId);
-					$(".company").val(company);
-				}
-				if(sessionStorage.getItem("course_name_"+courseId)!==undefined&&sessionStorage.getItem("course_name_"+courseId)!==null){
-					var name = sessionStorage.getItem("course_name_"+courseId);
-					$(".username").val(name);
-				}
-				if(sessionStorage.getItem("course_phone_"+courseId)!==undefined&&sessionStorage.getItem("course_phone_"+courseId)!==null){
-					var phone = sessionStorage.getItem("course_phone_"+courseId);
-					$(".phone").val(phone);
-				}
-				if(sessionStorage.getItem("course_email_"+courseId)!==undefined&&sessionStorage.getItem("course_email_"+courseId)!==null){
-					var email = sessionStorage.getItem("course_email_"+courseId);
-					$(".email").val(email);
-				}
-				if(sessionStorage.getItem("course_pay_way_"+courseId)!==undefined&&sessionStorage.getItem("course_pay_way_"+courseId)!==null){
-					var pay_way = sessionStorage.getItem("course_pay_way_"+courseId);
-					var payHtml = "";
-					if(pay_way === "wx_app"){
-						payHtml = "微信支付";
-					}else if(pay_way === "ali_app"){
-						payHtml = "支付宝支付";
-					}else{
-						payHtml = "公对公转账";
-					}
-					$(".pay-mode-text").text(payHtml);
-					$('.pay-mode-picker li.payment-item').each(function(){
-						if($(this).find('.item-text').text() === payHtml){
-							$(this).addClass('active').siblings().removeClass('active');
-						}
-					});
-				}
-				if(sessionStorage.getItem("course_peopleNum_"+courseId)!==undefined&&sessionStorage.getItem("course_peopleNum_"+courseId)!==null){
-					var peopleNum = sessionStorage.getItem("course_peopleNum_"+courseId);
-					$('.buy-info .user-count .count').text(peopleNum +"人");
-					$('.subtotal .multiple').text('x' + peopleNum);
-					if(discounts !== "" && pCount !== ""){
-						manyReduce = 0;
-						// peopleNum = Number(peopleNum);
-						var price = coursePrice;
-						if(peopleNum >= pCount[1] && peopleNum < pCount[0]){
-							var dPrice = price * peopleNum / 10 * discounts[1];
-							manyReduce = parseFloat(price * peopleNum - dPrice);
-						}else if(peopleNum >= pCount[0]){
-							var dPrice = price * peopleNum / 10 * discounts[0];
-							manyReduce = parseFloat(price * peopleNum - dPrice);
-						}
-					}
-					$(".many_reduce").text("￥"+ formatMoney(manyReduce));
-					var formerPrice = coursePrice * peopleNum;
-					var finallyPrice = coursePrice * peopleNum - oneReduce - manyReduce; //最终价格
-					$(".current-price").text("￥"+ formatMoney(finallyPrice));
-					$(".former-count").text("￥"+ formatMoney(formerPrice));
-				}
-				if(sessionStorage.getItem("course_checkB_"+courseId)==="true"){
-					$(".i-agree").addClass("checked");
-					checkButton();
-				}else{
-					$(".i-agree").removeClass("checked");
-					checkButton();
-				}
-			}
-			
-			$(".state a").click(function(){
-				var company = $(".company").val();
-				var name = $(".username").val();
-				var phone = $(".phone").val();
-				var email = $(".email").val();
-				var peopleNum = $('.buy-info .user-count .count').text().replace("人","");
-				var pay_way = "";
-				var payHtml = $(".pay-mode-text").text();
-				if(payHtml === "公对公转账"){
-					pay_way = "transferAccounts";
-				}else if(payHtml === "微信支付"){
-					pay_way = "wx_app";
-				}else if(payHtml === "支付宝支付"){
-					pay_way = "ali_app";
-				}
-				setSessionStorage(company,name,phone,email,pay_way,peopleNum);
-			})
-			
-			// 格式化金钱的函数
-			// s: 金额(number) 必传
-			// n: 保留小数的位数(int:0-100)
-			function formatMoney(s, n) {
-			    if (n === undefined) {
-			        n = -1
-			    } else {
-			        n = n > 0 && n <= 20 ? n : 2;
-			    }
-			    var intS = parseInt(s)
-			    var point = '.'
-			    var left;
-			    var right;
-			    s = parseFloat((s + '').replace(/[^\d\.-]/g, ''))
-			    // 没传n，默认(如果为整数，则不保留小数。如果为浮点数，则保留两位小数)
-			    if (n === -1) {
-			        if (s === intS) {
-			            n = 0
-			            right = ''
-			            point = ''
-			        } else {
-			            n = 2
-			            s = s.toFixed(n);
-			            right = s.split('.')[1];
-			        }
-			        s = s + ''
-			        left = s.split('.')[0].split("").reverse();
-			    } else {
-			        s = parseFloat((s + '').replace(/[^\d\.-]/g, '')).toFixed(n) + '';
-			        left = s.split('.')[0].split('').reverse();
-			        right = s.split('.')[1];
-			    }
-			    
-			    t = "";
-			    for (i = 0; i < left.length; i++) {
-			        t += left[i] + ((i + 1) % 3 == 0 && (i + 1) != left.length ? ',' : '');
-			    }
-			
-			    var money = t.split('').reverse().join('') + point + right;
-			    return money;
-			}
-			
-        })
-		
-		//提示框
-		var EasyAlert = {
-			timeout: null,
-			waitTime: 1000,
-			show: function(text, css, waitTime) {
-				if (this.timeout != null) {
-					clearTimeout(this.timeout);
-					this.hide();
-					this.timeout = null;
-				}
-				var thisClass = this;
-				this.timeout = setTimeout(function() {
-					thisClass.hide();
-					thisClass.timeout = null;
-				}, waitTime ? waitTime : this.waitTime);
-				$("body").append('<div class="easyalert" id="easyAlert">' + text + '</div>');
-				$("#easyAlert").css({
-					"left": "50%",
-					"margin-top": -($("#easyAlert").outerHeight() / 2),
-					"margin-left": -($("#easyAlert").outerWidth() / 2)
-				}).show();
-			},
-			hide: function() {
-				$("#easyAlert").remove();
-			}
-		}
-		//
-		function showToast (content) {
-		  EasyAlert.show(content,"",3000);
-		}
-    </script>
-	{{include "/common/baiducc.html"}}
+            var thisClass = this;
+            this.timeout = setTimeout(function () {
+                thisClass.hide();
+                thisClass.timeout = null;
+            }, waitTime ? waitTime : this.waitTime);
+            $("body").append('<div class="easyalert" id="easyAlert">' + text + '</div>');
+            $("#easyAlert").css({
+                "left": "50%",
+                "margin-top": -($("#easyAlert").outerHeight() / 2),
+                "margin-left": -($("#easyAlert").outerWidth() / 2)
+            }).show();
+        },
+        hide: function () {
+            $("#easyAlert").remove();
+        }
+    }
+
+    //
+    function showToast(content) {
+        EasyAlert.show(content, "", 3000);
+    }
+</script>
+{{include "/common/baiducc.html"}}
 </body>
 
 </html>

src/jfw/modules/app/src/web/templates/dataExport/dataExport_toMyOrder.html

@@ -1703,14 +1703,7 @@
 								}else{
 									//公对公
 									if(orderStatus === 0){
-										if(courseStatus === 1){
-											orderStatusHtml = "待付款";
-											orderStatusHtmls = "notpay";
-											lastHtml = `<div class="card-footer">
-															<a  class="btn cancle" onclick="cancelOrder(${id},this)">取消订单</a>
-															<a onclick="setSessionStorage()" href="/jyapp/course/optionPay?code=${orderCode}" class="btn pay">去支付</a>
-														</div>`;
-										}else if(courseStatus === 2){
+										if(courseStatus === 2){
 											orderStatusHtml = "转账审核中";
 											orderStatusHtmls = "refund";
 											orderUrl = "/jyapp/course/transferVerify?code="+ orderCode;
@@ -1726,7 +1719,7 @@
                                             orderStatusHtml = "待付款";
                                             orderStatusHtmls = "notpay";
                                             lastHtml = `<div class="card-footer">
-                                            				<a  class="btn cancle" onclick="cancelOrder(${id},this)">取消订单</a>
+                                            				<a class="btn cancle" onclick="cancelOrder(${id},this)">取消订单</a>
                                             				<a onclick="setSessionStorage()" href="/jyapp/course/optionPay?code=${orderCode}" class="btn pay">去支付</a>
                                             			</div>`;
                                         }

src/web/staticres/course/js/course_detail.js

@@ -250,7 +250,7 @@ function getCourseContent() {
                     for (var i = 0; i < r["aboutList"].length; i++) {
                         var t = ""
                         t = '<div class="recommend_con"><ul><li><a href="/front/course/detail?aboutFlag=true&_id=' + r["aboutList"][i]._id + '" class="clearfix c_body"><div class="ellipsis list_left"><span class="c_status status_go">'
-                        if (i.i_status == 1) {
+                        if (r["aboutList"][i].i_status == 1) {
                             t += "报名中"
                         } else {
                             t += "已结束"

src/web/templates/course/weixin/course_detail.html

@@ -102,6 +102,7 @@
             </div>
         </div>
     </div> -->
+	<script src="{{Msg "seo" "cdn"}}/course/js/imageViewer.min.js?v={{Msg "seo" "version"}}"></script>
     <script>
 		initShare({{.T.signature}},{{.T.openid}},2,"jy_extend",{{.T.nickname}},{{.T.avatar}});
         $(function () {
@@ -195,7 +196,48 @@
                     $(className).hide();
                 }
             }
+			
+			
+			// 图片预览，支持缩放 ==============
+	        var imageViewer =null;
+	        function initImageViewer(images) {
+	            function getElement(index) {
+	                return document.getElementById('img' + (index + 1));
+	            }
+	            imageViewer = new ImageViewer(images, {
+	                container: 'body',
+	                enableScale: true,
+	                enableTapClose: true,
+	                duration: 0,
+	                startIndex: 0,
+	                fadeInFn: getElement,
+	                fadeOutFn: getElement,
+	            });
+         	}
+			
+			// 图片放大
+			$('.info-detail-content').on('click', '.box img',function() {
+				console.log(this)
+				var _this = $(this)
+				var images = [
+	                {
+	                    url: this.src,
+	                },
+	            ];
+	            var s = initImageViewer(images)
+				
+				imageViewer.open(0)
+                var ball = '<div class="ball-clip-rotate"><div class="ball"></div></div>';
+                $('.image-viewer .image-body').append(ball);
 
+                // 在页面上创建dom后对图片是否加载完成进行监听
+                $(imageViewer.itemList[1]).find('img').on('load', function () {
+                    $('.image-viewer .image-body > .ball-clip-rotate').remove();
+                    console.log('image loaded');
+                })
+			})
+			// 图片预览，支持缩放 end ===================
+			
             $('.weui-mask').on('click', function() {
                 pickerShow('.discount-picker', false);
             });
@@ -373,6 +415,7 @@
 		function datefunc(d){
 			return d.replace("-","年").replace("-","月")+"日";
 		}
+		
     </script>
 	{{include "/common/baiducc.html"}}
 </body>

src/web/templates/weixin/dataExport/dataExport_toMyOrder.html

@@ -1739,14 +1739,7 @@
 							}else{
 								//公对公
 								if(orderStatus === 0){
-									if(courseStatus === 1){
-										orderStatusHtml = "待付款";
-										orderStatusHtmls = "notpay";
-										lastHtml = `<div class="card-footer">
-														<a  class="btn cancle" onclick="cancelOrder(${id},this)">取消订单</a>
-														<a onclick="setSessionStorage()" href="/weixin/pay/optionPay?code=${orderCode}" class="btn pay">去支付</a>
-													</div>`;
-									}else if(courseStatus === 2){
+									if(courseStatus === 2){
 										orderStatusHtml = "转账审核中";
 										orderUrl = "/swordfish/course/transferVerify?code="+ orderCode;
 										orderStatusHtmls = "refund";