.icon24_status {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  display: inline-block
}

.unselected .icon24_status {
  background: transparent url(/wxopenres/htmledition/images/icon/advanced/icon24_status_unselected.png?__sprite) no-repeat 0 0
}

.selected .icon24_status {
  background: transparent url(/wxopenres/htmledition/images/icon/advanced/icon24_status_selected.png?__sprite) no-repeat 0 0
}

.icon32_status {
  width: 32px;
  height: 32px;
  vertical-align: middle;
  display: inline-block
}

.on .icon32_status {
  background: transparent url(/wxopenres/htmledition/images/icon/advanced/icon32_status_on.png?__sprite) no-repeat 0 0
}

.off .icon32_status {
  background: transparent url(/wxopenres/htmledition/images/icon/advanced/icon32_status_off.png?__sprite) no-repeat 0 0
}

.unselected .icon32_status {
  background: transparent url(/wxopenres/htmledition/images/icon/advanced/icon32_status_unselected.png?__sprite) no-repeat 0 0
}

.selected .icon32_status {
  background: transparent url(/wxopenres/htmledition/images/icon/advanced/icon32_status_selected.png?__sprite) no-repeat 0 0
}

.icon16_next {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  display: inline-block;
  background: transparent url(/wxopenres/htmledition/images/icon/advanced/icon16_next.png?__sprite) no-repeat 0 0
}

.select_card_list {
  text-align: center
}

.select_card {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  cursor: pointer;
  position: relative;
  text-align: left;
  overflow: hidden;
  width: 300px;
  margin-left: 10px;
  margin-right: 10px;
  border: 1px solid #e7e7eb;
  background-color: #f6f8f9
}

.select_card:hover {
  border-color: #d9dadc
}

.select_card:hover .card_toolbar {
  border-top-color: #d9dadc;
  background-color: #eff0f2
}

.select_card.on,
.select_card.selected {
  border-color: #d9dadc
}

.select_card.on .card_toolbar,
.select_card.selected .card_toolbar {
  border-top-color: #d9dadc;
  background-color: #eff0f2
}

.card_info {
  position: relative;
  padding: 160px 20px 0
}

.card_info dt {
  font-size: 16px;
  padding-bottom: 10px;
  padding-top: 8px
}

.card_info .card_desc {
  height: 110px;
  color: #7b7b7b
}

.card_info .card_pic {
  position: absolute;
  top: 28px;
  left: 50%;
  margin-left: -64px
}

.card_toolbar {
  padding: 10px 20px;
  text-align: left;
  border-top: 1px solid #e7e7eb
}

.card_toolbar .card_access {
  display: none
}

.card_status {
  display: none;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #9a9a9a
}

.card_status i {
  margin-top: -0.2em;
  margin-right: .35em
}

.card_status.on {
  display: none
}

.icon128_account_type {
  width: 128px;
  height: 128px;
  vertical-align: middle;
  display: inline-block
}

.icon128_account_type.subscribe {
  background: transparent url(/wxopenres/htmledition/images/icon/setting/icon128_subscribe.png?__sprite) no-repeat 0 0
}

.selected .icon128_account_type.subscribe {
  background: transparent url(/wxopenres/htmledition/images/icon/setting/icon128_subscribe_selected.png?__sprite) no-repeat 0 0
}

.icon128_account_type.service {
  background: transparent url(/wxopenres/htmledition/images/icon/setting/icon128_service.png?__sprite) no-repeat 0 0
}

.selected .icon128_account_type.service {
  background: transparent url(/wxopenres/htmledition/images/icon/setting/icon128_service_selected.png?__sprite) no-repeat 0 0
}

.icon57_account_type {
  width: 57px;
  height: 57px;
  vertical-align: middle;
  display: inline-block
}

.icon57_account_type.subscribe {
  background: transparent url(/wxopenres/htmledition/images/icon/setting/icon57_subscribe.png?__sprite) no-repeat 0 0
}

.icon57_account_type.service {
  background: transparent url(/wxopenres/htmledition/images/icon/setting/icon57_service.png?__sprite) no-repeat 0 0
}

.account_type .select_card {
  width: 288px
}

.account_upgrade .select_card .card_desc {
  height: 95px
}

.account_upgrade .select_card .card_access {
  padding-bottom: 12px
}

.main_bd .type_box .info {
  padding: 14px 22px 15px
}

.select_card {
  background-color: #fff
}

.select_card:hover {
  background-color: #f4f5f9
}

.select_card:hover .card_toolbar {
  background-color: #f4f5f9;
  border-top-color: #e7e7eb
}

.select_card .card_toolbar {
  background-color: #fbfbfb;
  padding: 10px 4px
}

.card_toolbar {
  text-align: right;
  background-color: #fbfbfb
}

.card_info {
  padding-top: 5px;
  height: 282px
}

.card_info dt {
  font-size: 20px;
  padding-bottom: 35px;
  padding-top: 27px;
  padding-left: 70px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e7e7eb
}

.card_info .card_pic {
  left: 20px;
  top: 20px;
  margin-left: 0
}

.account_upgrade .select_card .card_sub_desc {
  margin-bottom: 5px
}

.select_card .card_sub_desc .title {
  float: left;
  margin-right: 1em
}

.select_card .card_sub_desc .cont {
  overflow: hidden;
  color: #9a9a9a
}

.account_upgrade .select_card .card_access {
  margin: 25px 0 0 4em
}

.card_status {
  color: #353535
}

.card_status i {
  margin-left: .5em
}

.icon57_account_type {
  width: 57px;
  height: 57px;
  vertical-align: middle;
  display: inline-block
}

.icon57_account_type.subscribe {
  background: transparent url(/wxopenres/htmledition/images/icon/setting/icon57_subscribe_selected.png?__sprite) no-repeat 0 0
}

.icon57_account_type.service {
  background: transparent url(/wxopenres/htmledition/images/icon/setting/icon57_service_selected.png?__sprite) no-repeat 0 0
}

.icon57_account_type.company {
  background: transparent url(/wxopenres/htmledition/images/icon/setting/icon57_company_selected.png?__sprite) no-repeat 0 0
}

.tab_navs {
  *zoom: 1;
  text-align: center;
  line-height: 30px;
  border-bottom: 1px solid #a0a3ab;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5)
}

.tab_navs:after {
  content: "\200B";
  display: block;
  height: 0;
  clear: both
}

.tab_nav {
  float: left;
  font-size: 14px
}

.tab_nav a {
  display: block;
  *height: 1%;
  text-decoration: none;
  color: #222;
  outline: 0;
  padding: 0 20px
}

.tab_nav.selected {
  background-color: #d4d5d5
}

.mt .tab_nav a {
  border-right: 1px solid #a0a3ab
}

.mt .tab_nav.selected {
  border-top: 3px solid #757474;
  position: relative;
  top: -1px
}

.mt .tab_nav.selected a {
  position: relative;
  background-color: #d4d5d5;
  line-height: 29px;
  margin-bottom: -2px
}

.mt .tab_nav.no_extra a {
  border-right-width: 0
}

.section_tab .tab_navs {
  border: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  line-height: 14px;
  *line-height: 18px
}

.section_tab .tab_nav {
  border-top: 1px solid #c9cace;
  border-bottom: 1px solid #c9cace;
  border-left: 1px solid #c9cace;
  line-height: 30px
}

.section_tab .tab_nav:hover {
  text-decoration: none
}

.section_tab .tab_nav:last-child a {
  border: 0
}

.section_tab .tab_nav:first-child {
  border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px
}

.section_tab .tab_nav.no_extra {
  border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-right: 1px solid #c9cace
}

.section_tab .tab_nav.selected {
  background-color: #576477;
  border-color: #576477;
  text-decoration: none;
  position: relative;
  margin-right: -1px
}

.section_tab .tab_nav.selected a {
  color: #fff
}

.section_tab.with_table {
  padding: 10px 20px;
  border-bottom: 1px solid #e7e7eb;
  background-color: #f6f8f9
}

.section_tab.gap_bottom {
  padding-bottom: 20px
}

.button_group {
  font-size: 0
}

.button_group .btn {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  margin-right: -1px;
  vertical-align: top
}

.button_group .btn_group_item {
  font-size: 14px;
  margin-right: -1px;
  vertical-align: top
}

.button_group .btn_group_item.no_extra {
  margin-right: 0
}

.button_group .btn_group_item .i_orderd {
  margin-top: -2px;
  *margin-top: 9px
}

.button_group .btn_group_item.simple {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 16px;
  text-align: center;
  border-left: 1px solid #e7e7eb;
  position: relative
}

.button_group .dropdown_menu .btn {
  margin-right: 0
}

.button_group .td_data_container {
  display: inline-block;
  *display: inline;
  *zoom: 1
}

.button_group .btn.selected {
  color: #576b95
}

.button_group.in_info_box {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top
}

.button_group.in_info_box .ta_date,
.button_group.in_info_box .btn,
.button_group.in_info_box .btn_group_item {
  background-color: #f6f8f9;
  background-image: -moz-linear-gradient(top, #f6f8f9 0, #f6f8f9 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f8f9), to(#f6f8f9));
  background-image: -webkit-linear-gradient(top, #f6f8f9 0, #f6f8f9 100%);
  background-image: -o-linear-gradient(top, #f6f8f9 0, #f6f8f9 100%);
  background-image: linear-gradient(to bottom, #f6f8f9 0, #f6f8f9 100%);
  line-height: 38px;
  height: 38px;
  border-top: 0;
  border-bottom: 0
}

.button_group.in_info_box .ta_date {
  background-color: #f6f8f9
}

.button_group.in_info_box .ta_date .opt_sel {
  line-height: 38px;
  height: 38px;
  vertical-align: top
}

.button_group.in_info_box .ta_date .i_orderd {
  margin-top: -4px;
  *margin-top: 16px
}

.button_group.in_info_box .ta_date .date_title {
  vertical-align: top;
  margin-top: 0
}

.button_group.in_info_box .ta_date:hover {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border-color: #e4e8eb;
  background-color: #eff0f2;
  background-image: -moz-linear-gradient(top, #eff0f2 0, #eff0f2 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eff0f2), to(#eff0f2));
  background-image: -webkit-linear-gradient(top, #eff0f2 0, #eff0f2 100%);
  background-image: -o-linear-gradient(top, #eff0f2 0, #eff0f2 100%);
  background-image: linear-gradient(to bottom, #eff0f2 0, #eff0f2 100%)
}

.button_group.in_info_box .ta_date:hover .i_orderd {
  border-top-color: #a0a0a0
}

.button_group.in_info_box .btn:hover {
  text-decoration: underline
}

.button_group.in_info_box .no_extra .dropdown_switch,
.button_group.in_info_box .no_extra .ta_date {
  border-right: 0
}

.button_group.in_info_box .dropdown_data_container {
  margin-top: 0
}

.icon_datepicker {
  background: url(/wxopenres/zh_CN/htmledition/comm_htmledition/style/page/register/index_z387451.png) 0 0 no-repeat;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  display: inline-block
}

.datepicker_switch:hover .icon_datepicker {
  background: url(/wxopenres/zh_CN/htmledition/comm_htmledition/style/page/register/index_z387451.png) 0 -24px no-repeat
}

.date_select {
  letter-spacing: -5px;
  font-size: 0
}

.date_select .datepicker_area {
  display: inline-block;
  *display: inline;
  *zoom: 1
}

.date_select .dropdown_menu,
.date_select .datepicker_area {
  vertical-align: middle;
  margin: 0 3px;
  letter-spacing: normal;
  font-size: 14px
}

.date_select.timepicker .datepicker_area:first-child {
  margin-left: 0
}

.date_select_gap {
  vertical-align: middle;
  margin: 0 3px;
  letter-spacing: normal;
  font-size: 14px
}

.datepicker_area {
  line-height: normal
}

.datepicker_area .gap {
  vertical-align: middle;
  margin: 0 3px
}

.datepicker_switch {
  position: relative;
  cursor: pointer
}

.datepicker_switch .frm_input {
  cursor: pointer;
  text-align: center;
  height: auto;
  margin: 0
}

.datepicker_switch .icon_datepicker {
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -9px
}

.btn.datepicker_switch {
  background-color: #fbfbfb;
  background-image: -moz-linear-gradient(top, #fbfbfb 0, #fbfbfb 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbfbfb), to(#fbfbfb));
  background-image: -webkit-linear-gradient(top, #fbfbfb 0, #fbfbfb 100%);
  background-image: -o-linear-gradient(top, #fbfbfb 0, #fbfbfb 100%);
  background-image: linear-gradient(to bottom, #fbfbfb 0, #fbfbfb 100%);
  border-color: #e4e8eb;
  color: #353535;
  height: 30px;
  line-height: 30px;
  *line-height: 28px;
  width: 80px;
  padding-left: 4px;
  padding-right: 4px;
  padding-right: 30px
}

.btn.datepicker_switch button {
  color: #353535
}

.btn.datepicker_switch:hover {
  background-color: #eff0f2;
  background-image: -moz-linear-gradient(top, #eff0f2 0, #eff0f2 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eff0f2), to(#eff0f2));
  background-image: -webkit-linear-gradient(top, #eff0f2 0, #eff0f2 100%);
  background-image: -o-linear-gradient(top, #eff0f2 0, #eff0f2 100%);
  background-image: linear-gradient(to bottom, #eff0f2 0, #eff0f2 100%);
  border-color: #e4e8eb;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  color: #353535
}

.btn.datepicker_switch:hover button {
  color: #8a8b8b
}

.btn.datepicker_switch.disabled {
  background-color: #e7e7eb;
  background-image: -moz-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e7e7eb), to(#e7e7eb));
  background-image: -webkit-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%);
  background-image: -o-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%);
  background-image: linear-gradient(to bottom, #e7e7eb 0, #e7e7eb 100%);
  border-color: #dadbe0;
  color: #a5a6aa;
  cursor: default;
  height: 30px;
  line-height: 30px;
  *line-height: 28px;
  width: 80px;
  padding-left: 4px;
  padding-right: 4px
}

.btn.datepicker_switch.disabled button {
  color: #a5a6aa;
  cursor: default
}

.btn.datepicker_switch.disabled:hover {
  background-color: #e7e7eb;
  background-image: -moz-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e7e7eb), to(#e7e7eb));
  background-image: -webkit-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%);
  background-image: -o-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%);
  background-image: linear-gradient(to bottom, #e7e7eb 0, #e7e7eb 100%);
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border-color: #dadbe0;
  color: #a5a6aa
}

.btn.datepicker_switch.disabled:hover button {
  color: #a5a6aa;
  cursor: default
}

.btn.btn_search_datepicker {
  display: inline-block;
  letter-spacing: normal;
  background-color: #fbfbfb;
  background-image: -moz-linear-gradient(top, #fbfbfb 0, #fbfbfb 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbfbfb), to(#fbfbfb));
  background-image: -webkit-linear-gradient(top, #fbfbfb 0, #fbfbfb 100%);
  background-image: -o-linear-gradient(top, #fbfbfb 0, #fbfbfb 100%);
  background-image: linear-gradient(to bottom, #fbfbfb 0, #fbfbfb 100%);
  border-color: #e4e8eb;
  color: #353535;
  height: 32px;
  line-height: 28px;
  width: auto;
  padding-left: 10px;
  padding-right: 10px
}

.btn.btn_search_datepicker button {
  color: #353535
}

.btn.btn_search_datepicker:hover {
  background-color: #eff0f2;
  background-image: -moz-linear-gradient(top, #eff0f2 0, #eff0f2 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eff0f2), to(#eff0f2));
  background-image: -webkit-linear-gradient(top, #eff0f2 0, #eff0f2 100%);
  background-image: -o-linear-gradient(top, #eff0f2 0, #eff0f2 100%);
  background-image: linear-gradient(to bottom, #eff0f2 0, #eff0f2 100%);
  border-color: #e4e8eb;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  color: #353535
}

.btn.btn_search_datepicker:hover button {
  color: #8a8b8b
}

.region-selector {
  position: relative
}

.region-selector__input__wrp {
  width: 200px;
  border: 1px solid #e7e7eb;
  padding-right: 30px;
  box-sizing: border-box;
  border-radius: 3px;
  position: relative
}

.region-selector__input__wrp:after {
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDggNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDcuMSAoNDU0MjIpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPlRyaWFuZ2xlIDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJDYXNjYWRlci3nuqfogZTpgInmi6nlmagtLeKchSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFydGJvYXJkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDg5LjAwMDAwMCwgLTE0NC4wMDAwMDApIiBmaWxsPSIjOUE5QTlBIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTktQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUxLjAwMDAwMCwgMTMwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IkRyb3Bkb3duLS8tRGVmdWx0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDAuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjM4LjAwMDAwMCwgMTQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJUcmlhbmdsZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC4wMDAwMDAsIDIuMjg1NzE0KSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC00LjAwMDAwMCwgLTIuMjg1NzE0KSAiIHBvaW50cz0iNCAwIDggNC41NzE0Mjg1NyAwIDQuNTcxNDI4NTciPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
  background-size: 8px 5px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer
}

.region-selector__input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 0 10px 15px;
  border: 0;
  outline: 0;
  overflow: hidden;
  text-overflow: ellipsis
}

.region-selector__dropdown-panel {
  position: absolute;
  top: 100%;
  box-shadow: 0 0 20px #e4e8eb;
  background: #fff;
  z-index: 999;
  border-radius: 2px;
  max-height: 200px;
  overflow-y: auto
}

.region-selector__option-group {
  margin-bottom: 14px
}

.region-selector__option-group__title {
  font-size: 13px;
  color: #9a9a9a;
  margin-top: 15px;
  padding: 0 15px;
  margin-bottom: 4px
}

.region-selector__options {
  width: 200px;
  box-sizing: border-box
}

.region-selector__option-list_inline {
  padding: 0 15px
}

.region-selector__option-list_inline:after {
  content: "";
  display: block;
  height: 0;
  clear: both
}

.region-selector__option-list_inline .region-selector__option-item {
  width: 50%;
  float: left
}

.region-selector__option-list_inline .region-selector__option-item__btn {
  display: inline-block;
  line-height: 28px;
  height: 28px;
  padding: 0 6px;
  margin-left: -6px;
  border-radius: 2px
}

.region-selector__option-list_gap {
  padding: 8px 0
}

.region-selector__option-item__btn {
  display: block;
  color: #353535;
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.region-selector__option-item__btn:hover {
  text-decoration: none;
  background-color: #f6f8f9
}

.highlight-tips {
  color: #1aad19
}

.region-selector__empty-tips {
  padding: 32px 15px;
  color: #9a9a9a;
  text-align: center
}

.msg_pre_view .msg {
  width: 55%
}

.frm_control_second {
  padding: 20px;
  border: 1px solid #e7e7eb
}

.frm_control_second .msg_pre_view .title {
  width: 8em;
  text-align: left
}

.frm_control_second .bank_acct_tips {
  padding-top: 5px
}

.frm_control_second .dropdown_data_list {
  height: 15em
}

.frm_control_second .dropdown_data_item {
  margin-bottom: 0
}

.frm_control_second.frm_controls .frm_second_tips,
.frm_control_second.frm_controls .frm_tips {
  width: auto;
  padding-top: 0;
  margin-bottom: 1em
}

.frm_control_second.frm_controls .frm_second_tips a,
.frm_control_second.frm_controls .frm_tips a {
  color: #576b95
}

.frm_control_second.frm_controls .extra_tips {
  margin-left: 22px
}

.frm_control_second .dropdown_data_container {
  width: 150px
}

.frm_control_second .dropdown_data_item a {
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal
}

.frm_control_second .frm_group .title {
  height: 30px;
  line-height: 30px
}

.dot {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: absolute;
  top: 2px;
  left: -39px;
  width: 20px;
  height: 20px;
  margin-right: .5em;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background-color: #d9dadc;
  color: #fff;
  line-height: 20px;
  text-align: center
}

.guide_account .col {
  position: relative
}

.guide_account .col_line {
  display: block;
  height: 100%;
  position: absolute;
  left: 20px;
  top: 5px;
  border-left: 2px solid #d9dadc
}

.guide_account .col_img {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto 20px;
  border: 1px solid #000
}

.guide_account .col_title {
  position: relative;
  color: #353535;
  font-size: 14px;
  font-weight: normal
}

.guide_account .col_content {
  padding: 0 20px 20px 50px;
  color: #9a9a9a
}

.col_step3 .col_content {
  padding-bottom: 0
}

.dropdown_switch {
  margin-right: .5em
}

.dialog_wrp.bank_dialog .dialog_bd {
  padding: 0 0 30px
}

.dialog_wrp.bank_dialog .sub_title_bar {
  padding: 20px 30px 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e7e7eb;
  line-height: 30px
}

.dialog_wrp.bank_dialog .banklist {
  padding: 0 30px;
  min-height: 200px
}

.dialog_wrp.bank_dialog .empty_bank_list {
  padding: 100px 0;
  text-align: center;
  color: #9a9a9a
}

.dialog_wrp.bank_dialog .load_bank {
  padding: 100px 0;
  text-align: center
}

.dialog_wrp.bank_dialog .frm_radio_label {
  position: relative;
  width: 26%;
  margin: 0 0 1em 0;
  padding: 0 24px 0 1.8em;
  vertical-align: top
}

.dialog_wrp.bank_dialog .icon_radio {
  position: absolute;
  top: 5px;
  left: 5px
}

.dialog_wrp.bank_dialog .highlight {
  color: #1aad19
}

.dialog_wrp.bank_dialog .pagination {
  margin-top: .5em;
  padding-right: 30px;
  text-align: right
}

span.warn {
  color: #e15f63
}

.tool_bar.border {
  border-color: #e7e7eb
}

.vcode_input_box {
  width: 196px
}

.page_msg.refill {
  margin-bottom: 50px
}

.page_msg.refill .spacing {
  padding-bottom: 0
}

em.warn {
  font-weight: 400;
  font-style: normal;
  color: #e15f63
}

.page_register_step1.body .mod_default_box {
  padding: 0 0 20px
}

.info_box {
  *zoom: 1;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 10px
}

.info_box:after {
  content: "\200B";
  display: block;
  height: 0;
  clear: both
}

.info_box .form_wrp {
  float: left;
  width: 65%;
  border-right: 1px solid #e7e7eb
}

.info_box .form_wrp .frm_title {
  margin-bottom: 50px
}

.info_box .form {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 75%;
  text-align: left
}

.info_box .frm_fieldset {
  margin-top: 0
}

.info_box .verifycode {
  width: auto
}

.info_box .frm_input_box,
.info_box .frm_msg,
.info_box .frm_tips {
  width: auto;
  display: block
}

.info_box .frm_label {
  width: 6em
}

.info_box .frm_control_group {
  padding-bottom: 40px
}

.info_box .tool_area {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  margin-top: 40px
}

.info_box .tool_area .icon_checkbox {
  float: left;
  margin-top: 3px;
  margin-right: 5px
}

.info_box .tool_area .lbl_content {
  overflow: hidden;
  *zoom: 1;
  display: block
}

.info_box .tool_bar {
  padding-bottom: 0;
  margin: 0;
  text-align: center;
  padding-top: 10px
}

.info_box .tips_show {
  overflow: hidden;
  *zoom: 1;
  padding-top: 25px;
  font-size: 14px
}

.info_box .icon_dot {
  margin-right: .5em
}

.login_info_list {
  padding: 0 60px;
  text-align: left
}

.login_info_list .card_pic {
  float: left;
  margin-right: 1em
}

.login_info_list .login_info_list_dt {
  margin-bottom: 30px
}

.login_info_list .login_info_list_content_t {
  font-weight: normal;
  font-size: 14px
}

.login_info_list .login_info_list_dd {
  margin-bottom: 25px
}

.login_info_list .login_info_list_content p {
  color: #9a9a9a;
  font-size: 14px
}

.login_info_list .tips_show_login_info {
  text-align: left
}

.mail_box {
  padding-top: 100px;
  padding-bottom: 40px
}

.mail_box .qa_list {
  color: #9a9a9a
}

.mail_box .msg_desc {
  text-align: left
}

.overseas_location_box {
  padding: 100px
}

.overseas_location_box .overseas_location_info {
  padding: 0 245px
}

.overseas_location_box .overseas_location_select {
  padding-top: 20px
}

.overseas_location_box .frm_radio_label {
  display: block;
  padding: 9px 0
}

.check_box {
  padding: 60px 90px 20px
}

.check_box .overseas_loacation_wrp {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top
}

.check_box .date_select .frm_checkbox_label {
  font-size: 14px;
  letter-spacing: normal;
  vertical-align: middle
}

.check_box .dropdown_menu {
  margin-top: .1em
}

.check_box .page_msg {
  padding-bottom: 25px
}

.check_box .register_status_tips .inner {
  padding-left: 0
}

.check_box .frm_desc {
  padding-bottom: 40px
}

.check_box .frm_desc h3 {
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  margin-bottom: 20px
}

.check_box .frm_desc .prg {
  padding-bottom: 30px;
  margin-bottom: 0
}

.check_box .frm_tab_split .arrow_in {
  border-bottom-color: #fff
}

.check_box .frm_label {
  width: 8em
}

.check_box .frm_tab_nav {
  border-style: solid;
  border-width: 1px;
  cursor: pointer
}

.check_box .frm_tab_tips {
  padding-left: 9em
}

.check_box .frm_tips em {
  font-weight: 400;
  font-style: normal;
  color: #b11516
}

.check_box .frm_msg,
.check_box .frm_tips {
  width: 512px
}

.check_box .frm_input_box {
  width: 480px
}

.check_box .frm_input_box.vcode {
  width: 359px
}

.check_box .frm_input_box.tips_inline {
  width: 359px
}

.check_box .frm_input_box.tips_inline .frm_input_append.mini_tips {
  right: -150px !important
}

.check_box .upload_tips {
  display: block
}

.check_box .frm_control_group.deadline .frm_checkbox_label {
  margin-left: 1em
}

.check_box .tips_box {
  margin-left: 6em;
  text-align: left
}

.check_box .tips_box.extra_t {
  margin-top: 25px
}

.check_box .qr_pop_check .qrcode_wrp .qrcode_tips {
  width: 405px
}

.check_box .register_type_form_controls.type_wx_verify_only .onecent_wrp.pay_verify_select {
  display: none
}

.check_box .register_type_form_controls.type_wx_verify_only .onecent_wrp.wx_verify_select .icon_radio {
  display: none
}

.check_box .register_type_form_controls.type_wx_verify_only .onecent_wrp.wx_verify_select .frm_radio_label.disabled {
  color: #353535
}

.check_box .register_type_form_controls.type_wx_verify_only .onecent_wrp.wx_verify_select .onecent_tips {
  padding-left: 0
}

.check_box .register_type_form_controls.type_onecent_only .onecent_wrp.pay_verify_select {
  float: none;
  width: auto
}

.check_box .register_type_form_controls.type_onecent_only .onecent_wrp.pay_verify_select .icon_radio {
  display: none
}

.check_box .register_type_form_controls.type_onecent_only .onecent_wrp.pay_verify_select .frm_radio_label.disabled {
  color: #353535
}

.check_box .register_type_form_controls.type_onecent_only .onecent_wrp.wx_verify_select {
  display: none
}

.check_box .onecent_wrp {
  padding-bottom: 12px;
  max-width: 75%
}

.check_box .onecent_wrp.pay_verify_select {
  float: left;
  width: 54%
}

.check_box .onecent_wrp.wx_verify_select {
  overflow: hidden
}

.check_box .onecent_wrp.wx_verify_select .onecent_tips {
  padding-left: 23px
}

.check_box .onecent_wrp .frm_input_box {
  display: block;
  width: auto
}

.check_box .onecent_wrp .frm_msg,
.check_box .onecent_wrp .frm_tips {
  width: auto
}

.check_box .onecent_wrp .frm_label {
  width: 6em;
  color: #353535
}

.check_box .onecent_wrp .register_type_form {
  margin-top: 20px
}

.check_box .onecent_wrp .register_step {
  color: #353535
}

.check_box .onecent_tips {
  padding-left: 30px
}

.check_box .section {
  margin-top: 20px
}

.check_box .section:first-child {
  margin-top: 0
}

.main_bd .type_box .info {
  padding-left: 10px
}

.card_info dt {
  border-bottom: 0 none;
  margin-bottom: 0
}

.card_info .card_desc_hd {
  border-bottom: 1px solid #e7e7eb;
  padding-bottom: 10px;
  margin-bottom: 20px
}

.account_upgrade .select_card {
  width: 320px
}

.account_upgrade .card_status {
  font-size: 14px
}

.account_upgrade .select_card .card_desc {
  height: 80px
}

.account_upgrade .select_card .cont {
  text-align: right
}

.account_upgrade .select_card .card_info {
  padding-left: 1em;
  padding-right: 1em;
  height: 360px
}

.account_upgrade .select_card .card_access {
  margin-top: 15px;
  padding-bottom: 34px;
  margin-left: 1em
}

.reconfirm_dialog .own_name {
  color: #353535
}

.reconfirm_dialog .desc {
  margin-bottom: 20px
}

.account_type_box {
  display: inline-block
}

.type_box {
  padding: 40px 80px
}

.type_box h3 {
  margin-bottom: 5px
}

.type_box .info {
  padding: 14px 0 40px
}

.type_box .info h3 {
  font-weight: 400;
  font-style: normal;
  font-size: 16px
}

.type_box .tips_box {
  width: 598px;
  margin: 20px auto 0
}

.frm_control {
  margin-bottom: 10px
}

.owner_tab_type .frm_controls {
  overflow: hidden
}

.owner_tab_type .button_group {
  margin-top: 10px
}

.section_hd .title {
  font-size: 20px;
  margin-bottom: 25px;
  padding-bottom: 5px;
  font-weight: 400
}

.tips_global.onecent_tips.width_step {
  position: relative
}

.tips_global.onecent_tips.width_step:before {
  content: '';
  position: absolute;
  left: 6px;
  top: 5px;
  bottom: 5px;
  border-left: 2px solid #e7e7eb
}

.tips_global.onecent_tips.width_step .register_step_icon {
  position: absolute;
  left: 0;
  margin-top: 2px;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background-color: #fff;
  color: #353535;
  border: 1px solid #353535;
  font-style: normal;
  text-align: center;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  line-height: 1.3;
  margin-left: -3px
}

.account_box {
  padding: 40px 180px
}

.account_box .page_msg {
  margin-bottom: 15px
}

.account_box .frm_label {
  width: 4em
}

.account_box .frm_fieldset {
  float: left;
  width: 500px
}

.account_box .form {
  padding-bottom: 20px
}

.account_box .form:after {
  content: '';
  display: block;
  clear: both
}

.account_box .tips_show {
  float: left;
  margin-right: 20px;
  width: 310px;
  position: relative
}

.account_box .tips_show .img {
  width: 310px;
  display: block
}

.account_box .tips_show .appname {
  position: absolute;
  top: 95px;
  left: 100px;
  font-weight: normal;
  font-size: 16px;
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal
}

.account_box .tips_show .function_desc {
  padding: 0 15px 0 90px;
  color: #9a9a9a;
  margin-top: -30px;
  min-height: 22px;
  word-wrap: break-word;
  word-break: break-all
}

.account_box .tool_area {
  clear: both;
  padding: 20px 0 0
}

.account_box .file_name {
  word-wrap: break-word;
  word-break: break-all
}

.account_box .file_opr {
  width: 2em;
  padding-left: 1em
}

.upload_dialog_wrp .frm_tips {
  width: auto
}

.upload_dialog_wrp .dialog_bd {
  max-height: 485px;
  overflow-y: auto
}

.frm_radio_control_group .frm_controls {
  padding-top: .3em
}

.info_register_wrp {
  padding: 40px 60px
}

.info_register_wrp .frm_label {
  width: 7em
}

.info_register_wrp.info_register_org_code .frm_label {
  width: 10em
}

.info_register_wrp.info_register_org_code .frm_tips {
  width: 305px
}

.info_register_wrp .tool_bar {
  padding-bottom: 40px
}

.info_register_wrp .frm_msg {
  font-size: 14px
}

.info_register_wrp .dropdown_menu {
  margin-top: .3em
}

.info_register_wrp .tips {
  font-size: 14px
}

.info_register_wrp .upload_box {
  margin-top: .2em
}

.info_register_wrp .tips_box.frm_control_group {
  margin-bottom: 15px;
  border-color: #d4d4d4;
  background-color: #ebebeb
}

.info_register_wrp .tips_box_loadding {
  margin-bottom: 40px
}

.info_register_inner {
  min-height: 445px
}

.info_register_inner .page_msg {
  text-align: center
}

.info_register_inner .page_msg .inner {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: auto;
  margin: 0 auto
}

.info_register_inner .page_msg .inner.qrcode_quth_success {
  width: 190px
}

.info_register_inner .page_msg .msg_content {
  text-align: left
}

.info_register_inner .page_msg .msg_upload_avatar {
  width: 530px
}

.info_register_inner .tips_box_primary {
  border-color: #d4d4d4;
  background-color: #ebebeb
}

.info_register_person .frm_fieldset {
  padding-top: 0
}

.info_register_pay {
  margin-bottom: 34px;
  padding: 10px 0;
  text-align: center
}

.info_register_pay .info_register_pay_inner {
  margin: 0 auto;
  width: 521px;
  overflow: hidden
}

.info_register_pay .info_register_pay_inner p {
  overflow: hidden
}

.info_register_pay .info_register_pay_inner label {
  float: left
}

.info_register_pay .info_register_pay_inner span {
  float: right
}

.info_register_pay .info_register_pay_inner.extra {
  text-align: left;
  width: 765px
}

.info_register_pay .notes {
  margin-top: 10px;
  padding-top: 10px;
  color: #6a6a6a;
  border-top: 1px solid #CCC
}

.qrcode_scan_box .qrcode_scan_hd {
  text-align: center
}

.qrcode_scan_box .qrcode_scan_bd {
  overflow: hidden
}

.qrcode_scan_box .qrcode_scan_detail {
  overflow: hidden;
  margin-top: 10px
}

.qrcode_scan_box .qrcode_scan_d_inner {
  margin: 0 auto;
  width: 521px;
  overflow: hidden
}

.qrcode_scan_box .qrcode_scan_d_inner p {
  overflow: hidden
}

.qrcode_scan_box .qrcode_scan_d_inner label {
  float: left
}

.qrcode_scan_box .qrcode_scan_d_inner span {
  float: right
}

.qrcode_scan_box .qrcode_scan_d_hd {
  text-align: center
}

.qrcode_scan_box .qrcode_scan_d_hd h3 {
  font-size: 30px;
  font-weight: 400;
  font-style: normal;
  line-height: 1
}

.qrcode_scan_box .qrcode_scan_d_hd h4 {
  font-size: 20px;
  font-weight: 400;
  font-style: normal
}

.qrcode_scan_box .qrcode_scan_d_bd,
.qrcode_scan_box .qrcode_scan_d_ft {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #dedede
}

.qrcode_scan_box .qrcode_scan_d_bd label,
.qrcode_scan_box .qrcode_scan_d_ft label {
  color: #6e6e6e
}

.qrcode_scan_box .qrcode_scan_d_ft {
  margin-bottom: 20px
}

.qrcode_scan_box.pay_succ .has_pay {
  display: block
}

.qrcode_scan_box.pay_succ .no_pay {
  display: none
}

.qrcode_scan_box .no_pay {
  display: block;
  width: inherit
}

.qrcode_scan_box .has_pay {
  display: none
}

.qrcode_scan_box .qrcode_scan {
  display: block;
  margin: 0 auto;
  padding-top: 0
}

.qrcode_scan_box .has_pay_desc {
  font-size: 30px
}

.qrcode_scan_box .pay_icon_wrp {
  margin-bottom: 5px
}

.qrcode_authentication_inner {
  overflow: hidden
}

.qrcode_authentication_inner .tips_box_primary {
  margin-top: 10px
}

.qrcode_upload_avatar {
  padding-top: 2em
}

.icon_pay_136 {
  width: 136px;
  height: 136px;
  vertical-align: middle;
  display: inline-block
}

.icon_pay_136.success {
  background: transparent url(/wxopenres/htmledition/images/pay/icon136_pay_success.png?__sprite) no-repeat 0 0
}

.icon_pay_136.waiting {
  background: transparent url(/wxopenres/htmledition/images/pay/icon136_pay_waiting.png?__sprite) no-repeat 0 0
}

.icon_pay_136.fail {
  background: transparent url(/wxopenres/htmledition/images/pay/icon136_pay_fail.png?__sprite) no-repeat 0 0
}

.check_box .frm_input_box.with_prefix_dropdown.vcode {
  width: 380px
}

.frm_input_box.with_prefix_dropdown {
  padding: 0
}

.frm_input_box.with_prefix_dropdown .dropdown_wrp {
  vertical-align: top;
  float: left
}

.frm_input_box.with_prefix_dropdown .dropdown_menu {
  margin-top: 0;
  vertical-align: top
}

.frm_input_box.with_prefix_dropdown .dropdown_switch {
  border: 0;
  height: 34px;
  line-height: 34px;
  background: #fff;
  border-right: 1px solid #e7e7eb;
  border-radius: 0;
  margin-right: 0
}

.frm_input_box.with_prefix_dropdown .dropdown_switch .arrow {
  top: 15px
}

.frm_input_box.with_prefix_dropdown .frm_input_inner {
  vertical-align: top;
  display: block;
  overflow: hidden;
  padding: 0 10px
}

.frm_input_box.with_prefix_dropdown .dropdown_data_container {
  width: 180px
}

.frm_input_box.with_prefix_dropdown .dropdown_data_item a {
  position: relative
}

.frm_input_box.with_prefix_dropdown .dropdown_data_item a:after {
  content: attr(data-mobileprefix);
  position: absolute;
  top: 0;
  right: 10px
}

.frm_input_box.with_prefix_dropdown .input_with_prefix {
  width: 246px;
  margin-left: 10px
}

.with_fixed_width.with_fixed_width {
  width: 512px
}

.frm_input_box.with_prefix_dropdown .dropdown_data_container {
  width: 320px
}