.page_banner {
  position: relative
}

.page_title {
  padding-top: 30px;
  padding-left: 100px;
  overflow: hidden
}

.page_title .title_sign {
  width: 286px;
  height: 286px;
  float: left;
  text-indent: -999em
}

.page_title .title_desc {
  margin-left: 55px;
  width: 450px;
  float: left;
  margin-top: 45px
}

.page_title .title_desc h3 {
  font-size: 60px;
  font-weight: 400;
  font-style: normal
}

.page_title .title_desc .second_title {
  font-size: 18px;
  padding-left: 5px;
  color: #9e9f9f
}

.page_desc_box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endcolorstr='#80000000')
}

.step_inner {
  *zoom: 1
}

.step_inner:after {
  content: "\200B";
  display: block;
  height: 0;
  clear: both
}

.step_content {
  overflow: hidden
}

.step_list_opr {
  float: right;
  text-align: right
}

.step_opr_msg {
  display: block;
  font-weight: 400;
  font-style: normal
}

.step_opr_msg.fail {
  color: #e96262
}

.step_box {
  position: relative;
  margin-top: 36px;
  padding-top: 10px
}

.step_box.no_extra_up {
  margin-top: 0
}

.step_box.no_extra_down {
  margin-bottom: 0
}

.icon_step_wrapper {
  position: absolute
}

.icon_step_list {
  text-align: center;
  display: inline-block;
  font-weight: 400;
  font-style: normal
}

.icon_step_line {
  position: absolute;
  background-color: #cecece
}

.icon_step_line_up {
  height: 47px;
  top: -42px
}

.no_extra_up .icon_step_line_up {
  display: none
}

.icon_step_line_down {
  height: 100%
}

.no_extra_down .icon_step_line_down {
  display: none
}

.icon_step_wrapper {
  left: 0;
  top: 16px
}

.icon_step_line {
  width: 2px;
  left: 0
}

.icon_step_line_down {
  top: 36px
}

.step_box {
  margin-bottom: 36px;
  padding-left: 50px
}

.icon_step_list {
  background: url(../../img/common_z.png) 0 0 no-repeat;
  width: 36px;
  height: 36px;
  vertical-align: middle;
  display: inline-block;
  line-height: 36px;
  color: #a3a3a3
}

.icon_step_line {
  background-color: #b2bdcd
}

.help_box h3 {
  font-size: 18px;
  font-weight: 400;
  font-style: normal
}

.help_box h3 .tips {
  color: #9e9f9f
}

.help_box .help_desc .media {
  padding-top: 1em
}

.help_box .help_desc .media img {
  width: 220px;
  margin-right: 10px
}

.help_box .step_content h4 {
  font-weight: 400;
  font-style: normal
}

.help_box .icon_step_wrapper {
  top: 13px
}

.help_box .step_desc {
  color: #9e9f9f
}

.help_box .icon_step_line {
  width: 1px;
  left: 16px;
  border-color: #afbbca
}

.help_box .icon_step_line_up {
  top: -64px
}

.help_box .icon_step_line_down {
  top: 48px
}

.help_box .icon_step_list {
  font-size: 16px;
  color: #afbbca;
  line-height: 30px
}

.help_box.title_line h3 {
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e7ec
}

.help_area.tj .help_box {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 14px;
  width: 43.35%;
  vertical-align: top;
  text-align: left
}

.help_area.tj .tj_item {
  font-size: 14px;
  text-align: left;
  text-justify: auto;
  -moz-text-align-last: auto;
  text-align-last: auto
}

.icon_app_advance {
  width: 38px;
  height: 38px;
  vertical-align: middle;
  display: inline-block
}

.icon_app_advance.broadcast {
  background: url(../../img/common_z.png) 0 -40px no-repeat
}

.icon_app_advance.pay {
  background: url(../../img/common_z.png) 0 -82px no-repeat
}

.icon_app_advance.collect {
  background: url(../../img/common_z.png) 0 -124px no-repeat
}

.icon_app_advance.wxlogin {
  background: url(../../img/common_z.png) 0 -166px no-repeat
}

.icon_app_advance.user {
  background: url(../../img/common_z.png) 0 -240px no-repeat
}

.icon_app_advance.response {
  background: url(../../img/common_z.png) 0 -282px no-repeat
}

.icon_app_advance.verify {
  background: url(../../img/common_z.png) 0 -356px no-repeat
}

.icon_app_advance.scan {
  background: url(../../img/common_z.png) 0 -398px no-repeat
}

.icon_app_advance.link {
  background: url(../../img/common_z.png) 0 -472px no-repeat
}

.icon_app_advance.account {
  background: url(../../img/common_z.png) 0 -514px no-repeat
}

.icon_app_advance.more {
  background: url(../../img/common_z.png) 0 -556px no-repeat
}

.icon_app_advance.person {
  background: url(../../img/common_z.png) 0 -598px no-repeat
}

.icon_app_advance.m_apply {
  background: url(../../img/common_z.png) 0 -672px no-repeat
}

.icon_app_advance.in_wxlogin {
  background: url(../../img/common_z.png) 0 -746px no-repeat
}

.app_advance_item {
  position: relative;
  margin: 20px 0 38px 56px
}

.app_advance_item dd {
  color: #9e9f9f
}

.app_advance_item .icon_app_advance {
  position: absolute;
  top: 3px;
  left: -56px
}

.title_sign {
  width: 286px;
  height: 286px;
  vertical-align: middle;
  display: inline-block;
  line-height: 500px;
  overflow: hidden
}

.page_mp .title_sign {
  background: url(../../img/common_z.png) 0 -820px no-repeat
}

.page_app .title_sign {
  background: url(../../img/common_z.png) 0 -1110px no-repeat
}

.page_web .title_sign {
  background: url(../../img/common_z.png) 0 -1402px no-repeat
}

.page_pay .title_sign {
  background: url(../../img/common_z.png) 0 -1692px no-repeat
}

.page_wx_login .title_sign {
  background: url(../../img/common_z.png) 0 -1816px no-repeat
}

.icon_success_case {
  width: 64px;
  height: 64px;
  vertical-align: middle;
  display: inline-block
}

.icon_success_case.dzdp {
  background: url(../../img/common_z.png) 0 -1967px no-repeat
}

.icon_success_case.dzdp.on {
  background: url(../../img/common_z.png) 0 -2035px no-repeat
}

.on .icon_success_case.dzdp {
  background: url(../../img/common_z.png) 0 -2103px no-repeat
}

.icon_success_case.mtxx {
  background: url(../../img/common_z.png) 0 -2171px no-repeat
}

.icon_success_case.mtxx.on {
  background: url(../../img/common_z.png) 0 -2253px no-repeat
}

.on .icon_success_case.mtxx {
  background: url(../../img/common_z.png) 0 -2335px no-repeat
}

.icon_success_case.qqmusic {
  background: url(../../img/common_z.png) 0 -2417px no-repeat
}

.icon_success_case.qqmusic.on {
  background: url(../../img/common_z.png) 0 -2485px no-repeat
}

.on .icon_success_case.qqmusic {
  background: url(../../img/common_z.png) 0 -2553px no-repeat
}

.icon_success_case.txxw {
  background: url(../../img/common_z.png) 0 -2621px no-repeat
}

.icon_success_case.txxw.on {
  background: url(../../img/common_z.png) 0 -2689px no-repeat
}

.on .icon_success_case.txxw {
  background: url(../../img/common_z.png) 0 -2757px no-repeat
}

.icon_success_case.tcly {
  background: url(../../img/common_z.png) 0 -2825px no-repeat
}

.icon_success_case.tcly.on {
  background: url(../../img/common_z.png) 0 -2907px no-repeat
}

.on .icon_success_case.tcly {
  background: url(../../img/common_z.png) 0 -2989px no-repeat
}

.icon_success_case.tcly2 {
  background: url(../../img/common_z.png) 0 -3071px no-repeat
}

.icon_success_case.tcly2.on {
  background: url(../../img/common_z.png) 0 -3139px no-repeat
}

.on .icon_success_case.tcly2 {
  background: url(../../img/common_z.png) 0 -3207px no-repeat
}

.icon_success_case.gdlt {
  background: url(../../img/common_z.png) 0 -3275px no-repeat
}

.icon_success_case.gdlt.on {
  background: url(../../img/common_z.png) 0 -3343px no-repeat
}

.on .icon_success_case.gdlt {
  background: url(../../img/common_z.png) 0 -3411px no-repeat
}

.icon_success_case.gzga {
  background: url(../../img/common_z.png) 0 -3479px no-repeat
}

.icon_success_case.gzga.on {
  background: url(../../img/common_z.png) 0 -3547px no-repeat
}

.on .icon_success_case.gzga {
  background: url(../../img/common_z.png) 0 -3615px no-repeat
}

.icon_success_case.nfhk {
  background: url(../../img/common_z.png) 0 -3683px no-repeat
}

.icon_success_case.nfhk.on {
  background: url(../../img/common_z.png) 0 -3751px no-repeat
}

.on .icon_success_case.nfhk {
  background: url(../../img/common_z.png) 0 -3819px no-repeat
}

.icon_success_case.yxbj {
  background: transparent url(/open/zh_CN/htmledition/res/img/icon/success-case/mp/icon_success_case_yxbj_off.png?__sprite) no-repeat 0 0
}

.icon_success_case.yxbj.on {
  background: transparent url(/open/zh_CN/htmledition/res/img/icon/success-case/mp/icon_success_case_yxbj_on.png?__sprite) no-repeat 0 0
}

.on .icon_success_case.yxbj {
  background: transparent url(/open/zh_CN/htmledition/res/img/icon/success-case/mp/icon_success_case_yxbj_on.png?__sprite) no-repeat 0 0
}

.icon_success_case.zsyh_card {
  background: url(../../img/common_z.png) 0 -3887px no-repeat
}

.icon_success_case.zsyh_card.on {
  background: url(../../img/common_z.png) 0 -3955px no-repeat
}

.on .icon_success_case.zsyh_card {
  background: url(../../img/common_z.png) 0 -4023px no-repeat
}

.icon_success_case.mls {
  background: url(../../img/common_z.png) 0 -4091px no-repeat
}

.icon_success_case.mls.on {
  background: url(../../img/common_z.png) 0 -4159px no-repeat
}

.on .icon_success_case.mls {
  background: url(../../img/common_z.png) 0 -4227px no-repeat
}

.icon_success_case.wph {
  background: url(../../img/common_z.png) 0 -4295px no-repeat
}

.icon_success_case.wph.on {
  background: url(../../img/common_z.png) 0 -4377px no-repeat
}

.on .icon_success_case.wph {
  background: url(../../img/common_z.png) 0 -4459px no-repeat
}

.icon_success_case.zxg {
  background: url(../../img/common_z.png) 0 -4541px no-repeat
}

.icon_success_case.zxg.on {
  background: url(../../img/common_z.png) 0 -4609px no-repeat
}

.on .icon_success_case.zxg {
  background: url(../../img/common_z.png) 0 -4677px no-repeat
}

.icon_success_case.dzdp1 {
  background: url(../../img/common_z.png) 0 -4745px no-repeat
}

.icon_success_case.dzdp1.on {
  background: url(../../img/common_z.png) 0 -4813px no-repeat
}

.on .icon_success_case.dzdp1 {
  background: url(../../img/common_z.png) 0 -4881px no-repeat
}

.icon_success_case.txxw {
  background: url(../../img/common_z.png) 0 -4949px no-repeat
}

.icon_success_case.txxw.on {
  background: url(../../img/common_z.png) 0 -5017px no-repeat
}

.on .icon_success_case.txxw {
  background: url(../../img/common_z.png) 0 -5085px no-repeat
}

.icon_success_case.wxyysb {
  background: url(../../img/common_z.png) 0 -5153px no-repeat
}

.icon_success_case.wxyysb.on {
  background: url(../../img/common_z.png) 0 -5235px no-repeat
}

.on .icon_success_case.wxyysb {
  background: url(../../img/common_z.png) 0 -5317px no-repeat
}

.icon_success_case.soso_map {
  background: url(../../img/common_z.png) 0 -5399px no-repeat
}

.icon_success_case.soso_map.on {
  background: url(../../img/common_z.png) 0 -5467px no-repeat
}

.on .icon_success_case.soso_map {
  background: url(../../img/common_z.png) 0 -5535px no-repeat
}

.icon_success_case.qqyy {
  background: url(../../img/common_z.png) 0 -5603px no-repeat
}

.icon_success_case.qqyy.on {
  background: url(../../img/common_z.png) 0 -5685px no-repeat
}

.on .icon_success_case.qqyy {
  background: url(../../img/common_z.png) 0 -5767px no-repeat
}

.icon_success_case.zhkysb {
  background: url(../../img/common_z.png) 0 -5849px no-repeat
}

.icon_success_case.zhkysb.on {
  background: url(../../img/common_z.png) 0 -5931px no-repeat
}

.on .icon_success_case.zhkysb {
  background: url(../../img/common_z.png) 0 -6013px no-repeat
}

.icon_success_case.wxshb {
  background: url(../../img/common_z.png) 0 -6095px no-repeat
}

.icon_success_case.wxshb.on {
  background: url(../../img/common_z.png) 0 -6177px no-repeat
}

.on .icon_success_case.wxshb {
  background: url(../../img/common_z.png) 0 -6259px no-repeat
}

.icon_success_case.wxfm {
  background: url(../../img/common_z.png) 0 -6341px no-repeat
}

.icon_success_case.wxfm.on {
  background: url(../../img/common_z.png) 0 -6409px no-repeat
}

.on .icon_success_case.wxfm {
  background: url(../../img/common_z.png) 0 -6477px no-repeat
}

.icon_success_case.qq_music {
  background: url(../../img/common_z.png) 0 -6545px no-repeat
}

.icon_success_case.qq_music.on {
  background: url(../../img/common_z.png) 0 -6613px no-repeat
}

.on .icon_success_case.qq_music {
  background: url(../../img/common_z.png) 0 -6681px no-repeat
}

.icon_success_case.dddc {
  background: url(../../img/common_z.png) 0 -6749px no-repeat
}

.icon_success_case.dddc.on {
  background: url(../../img/common_z.png) 0 -6817px no-repeat
}

.on .icon_success_case.dddc {
  background: url(../../img/common_z.png) 0 -6885px no-repeat
}

.case_list {
  position: relative;
  *zoom: 1;
  text-align: center
}

.case_item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 30px;
  width: 90px;
  padding-bottom: 20px
}

.case_item.on .case_detail {
  display: block
}

.case_overview {
  text-decoration: none;
  color: #222
}

.case_overview strong {
  display: block;
  font-weight: 400;
  font-style: normal
}

.case_overview:hover {
  text-decoration: none
}

.case_detail {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  text-align: left
}

.case_detail .inner {
  position: relative;
  min-height: 568px;
  border: 1px solid #e6e7ec;
  padding: 14px 14px 14px 675px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #f6f6f6
}

.case_detail dd {
  color: #9e9f9f
}

.case_detail .media {
  position: absolute;
  top: 14px;
  left: 14px
}

.case_detail .media img {
  width: 320px;
  height: 568px;
  margin-right: 5px
}

.case_detail .arrow {
  position: absolute;
  top: -10px;
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: dashed;
  border-color: transparent;
  border-top-width: 0;
  border-bottom-color: #e6e7ec;
  border-bottom-style: solid
}

.case_detail .arrow_in {
  top: -9px;
  border-bottom-color: #f6f6f6
}

.simple_case dt {
  display: none
}

.simple_case .desc {
  padding-top: 14px;
  padding-bottom: 10px
}

.simple_case .media {
  padding-top: 8px
}

.simple_case .media img {
  width: 320px;
  height: 568px
}

.step_list_wrp {
  margin-top: 10px
}

.wrp_page {
  background: transparent url(../../img/bg_inner_page_bg.png) repeat-x 0 0
}

.help_area {
  padding-top: 50px
}

.page_app .foot, .page_mp .foot {
  margin-top: 670px
}

.case_list {
  padding-top: 30px
}

.wrp_page {
  width: 100%;
  height: 410px
}

.wrp_page .page_nav, .wrp_page .page_banner {
  width: 100%;
  margin: 0 auto
}

.wrp_page .page_nav {
  padding-top: 18px
}

.page_nav {
  font-size: 14px
}

.step_box {
  margin-top: 26px;
  margin-bottom: 32px
}

.page_title .title_desc .btn {
  margin-left: 8px;
  margin-top: 30px
}

.page_introduction.page_wx_login .foot, .page_introduction.page_smart .foot {
  margin-top: 670px
}

.help_box .icon_step_line_up {
  top: -33px
}

.help_box .icon_step_list {
  line-height: 36px
}

.help_box .icon_step_line {
  left: 17px
}