body {
  margin: 0 auto;
  padding: 0;
  text-decoration: none;
  font-size: 12px;
  font-family: "\5b8b\4f53" Arial, Verdana, Helvetica, sans-serif;
  color: #666666;
}
* {
  margin: 0;
  padding: 0;
}
a {
  outline: none;
  text-decoration: none;
}
h1,
h2,
h3,
h4 {
  margin: 0;
  padding: 0;
  font-size: 18px;
}
img {
  border: none;
  -ms-interpolation-mode: bicubic;
}
ul,
li,
dl,
dt,
dd,
form {
  margin: 0;
  padding: 0;
  list-style: none;
}
/*导航图标*/
.step-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-image: url("../../images/center/applydancer/step-icon.png");
  _background-image: url("../../images/center/applydancer/step-icon_png8.png");
  background-repeat: no-repeat;
  background-color: #f7f9f8;
}
.step-icon1 {
  background-position: 10px 0;
}
.step-icon2 {
  background-position: -80px 0;
}
.step-icon3 {
  background-position: -170px 0;
}
.step-icon4 {
  background-position: -260px 0;
}
.step-icon5 {
  background-position: -350px 0;
}
.step-arrow {
  float: left;
  _display: inline;
  width: 32px;
  height: 45px;
  background-image: url("../../images/center/applydancer/step-icon.png");
  _background-image: url("../../images/center/applydancer/step-icon_png8.png");
  background-position: -548px -15px;
  background-repeat: no-repeat;
  margin: 25px 20px 0;
}
.btn-primary {
  font: 12px/36px "\5b8b\4f53";
  text-align: center;
  color: #FFF;
  background: #febd4c;
  border-radius: 4px;
  width: 96px;
  height: 36px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  cursor: pointer;
  position: relative;
}
#msgPopUpBox {
  border: 1px solid #e5e5e5;
  width: 795px;
  display: none;
  background: #FFF;
}
.pop-header {
  height: 36px;
  width: 100%;
  background: #fafbfd;
  font: bold 12px/36px "\5b8b\4f53";
  color: #000000;
  text-indent: 18px;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}
.pop-header span {
  cursor: pointer;
  display: block;
  width: 10px;
  height: 9px;
  background: url("../../images/center/applydancer/close-btn.png") no-repeat;
  position: absolute;
  right: 18px;
  top: 14px;
}
.pop-content {
  width: 795px;
  overflow: hidden;
  /*part1*/

  /*part2*/

  /*step3-step5*/

}
.pop-content .nav {
  padding: 17px 0;
  width: 759px;
  letter-spacing: -4px;
  font-size: 0;
  padding-left: 50px;
  margin: 0 18px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
}
.pop-content .nav:before,
.pop-content .nav:after {
  content: " ";
  display: table;
}
.pop-content .nav:after {
  clear: both;
}
.pop-content .nav .step-item {
  float: left;
  _display: inline;
  width: 80px;
  letter-spacing: normal;
}
.pop-content .nav .step-item p {
  font: 12px/24px "\5FAE\8F6F\96C5\9ED1";
  text-align: center;
  color: #e5e5e5;
}
.pop-content .nav .step-done p {
  color: #a5d4bc;
}
.pop-content .nav .step-done .step-icon {
  background-color: #4baa7a;
}
.pop-content .nav .step-done + .step-arrow {
  background-position: -464px -15px;
}
.pop-content .nav .step-current p {
  color: #4baa7a;
}
.pop-content .nav .step-current .step-icon {
  background-color: #a5d4bc;
}
.pop-content .nav .step-refuse p {
  color: #ff8400;
}
.pop-content .nav .step-refuse .step-icon {
  background-position: -615px 0;
  background-color: #ff8400;
}
.pop-content .nav .step-refuse + .step-arrow,
.pop-content .nav .step-current + .step-arrow {
  background-position: -548px -15px;
}
.pop-content .scroll {
  width: 753px;
  height: 310px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-left: 42px;
  padding-top: 24px;
  font: 12px/18px "\5FAE\8F6F\96C5\9ED1";
}
.pop-content .scroll .part {
  margin-bottom: 26px;
}
.pop-content .scroll .content {
  text-indent: 18px;
}
.pop-content .scroll h1 {
  font: 24px/48px "\5FAE\8F6F\96C5\9ED1";
  text-align: center;
}
.pop-content .scroll .section {
  margin-bottom: 35px;
}
.pop-content .scroll .section p {
  text-indent: 28px;
}
.pop-content .scroll ul {
  padding-left: 18px;
}
.pop-content .user-info {
  height: 80px;
  background: #e8ebf0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}
.pop-content .user-info .info-item {
  margin-top: 12px;
}
.pop-content .user-info input[type="text"] {
  width: 156px;
  height: 24px;
  text-align: left;
}
.pop-content .user-info input[type="checkbox"] {
  vertical-align: text-bottom;
}
.pop-content .user-info label {
  color: #1b8d53;
}
.pop-content .video-info {
  padding: 15px 0;
  padding-left: 362px;
  width: 433px;
}
.pop-content .video-info .video-text {
  float: left;
  margin-left: -362px;
  width: 242px;
  padding-left: 36px;
  font: 12px/16px "\5b8b\4f53";
  color: #000;
}
.pop-content .video-info .video-text strong.title {
  font-size: 12px;
  color: #4baa7a;
  font-weight: bold;
}
.pop-content .video-info .video-text p {
  margin-bottom: 5px;
}
.pop-content .video-info .figure {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 182px;
  height: 136px;
  border: 1px solid #e5e5e5;
  margin-right: 24px;
  letter-spacing: -4px;
  font-size: 0;
  position: relative;
}
.pop-content .video-info .figure p {
  letter-spacing: normal;
  font-size: 12px;
  line-height: 33px;
  height: 33px;
  background: rgba(127, 127, 127, 0.75);
  _background: #7f7f7f;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  color: #FFF;
  width: 182px;
}
.pop-content .video-info img {
  width: 182px;
  height: 136px;
}
.pop-content .upload-video {
  margin: 0 18px;
  padding: 27px 0;
  border-top: 1px solid #dbeee4;
}
.pop-content .upload-video label {
  color: #4baa7a;
  padding-left: 15px;
}
.pop-content .upload-video label sub {
  color: #F00;
  vertical-align: middle;
}
.pop-content .upload-video input[type="file"] {
  margin-left: 7px;
  background: transparent;
  color: #4baa7a;
  vertical-align: middle;
  border: 0;
  border: 1px solid #d7d8da\9;
  width: 210px\9;
  height: 36px\9;
}
.pop-content .upload-video .upload-status {
  padding-top: 10px;
}
.pop-content .upload-video .upload-status div {
  display: block;
  width: 42px;
  height: 42px;
  background: #4baa7a url("../../images/center/applydancer/suc.png") center center no-repeat;
  border-radius: 50%;
  margin: 0 auto;
}
.pop-content .upload-video .upload-status p {
  text-align: center;
  font: 18px/28px "\5FAE\8F6F\96C5\9ED1";
  color: #4baa7a;
}
.pop-content .upload-video .upload-status p span {
  font-size: 12px;
  font-family: "\5b8b\4f53";
  color: #999999;
}
.pop-content .status-box {
  margin: 73px 43px;
  border: 1px solid #f8f8f8;
  height: 181px;
  width: 618px;
  padding: 40px 0 0 90px;
}
.pop-content .status-box img {
  width: 144px;
  float: left;
  display: inline;
  margin-right: 35px;
}
.pop-content .status-box p {
  width: 430px;
  color: #999999;
  line-height: 35px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.pop-content .status-box p.p1 {
  width:500px;
  font-size: 14px;
}
.pop-content .status-box p.p2 {
  font-size: 27px;
  color: #4baa7a;
}
.pop-content .status-box p.p3 {
  font-size: 18px;
}
.pop-content .status-box p.p4 {
  font-size: 12px;
  color: #ff8a00;
  margin-top: 10px;
}
.pop-content .status-box p.p5 {
  font-size: 18px;
}
.pop-content .status-box p.p6 {
  font-size: 27px;
  color: #ff8400;
}
.pop-content .status-box p.p7 {
  font-size: 12px;
}
.pop-content .status-box p.p8 {
  font-size: 12px;
  color: #ff8400;
  margin-top: 10px;
}
.pop-content .btn-group {
  text-align: center;
  height: 33px;
  border-top: 1px solid #e5e5e5;
  margin-top: 1px;
  background: #f2f2f2;
}
.pop-content .btn-group a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: url("../../images/center/applydancer/primary-btn.png") no-repeat;
  width: 72px;
  height: 30px;
  text-align: center;
  font: 12px/30px "\5b8b\4f53";
  color: #FFF;
  cursor: pointer;
  margin: 2px 8px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.pop-content .btn-group .confirm-btn {
  display: none;
  opacity: 1;
  filter: alpha(opacity=100);
}
#step0,
#step1,
#step2,
#step3 {
  display: none;
}
#msgPopUpBox.step0 #step0,
#msgPopUpBox.step1 #step1,
#msgPopUpBox.step2 #step2 {
  display: block;
}
#msgPopUpBox.step0 .btn-group .preview-btn,
#msgPopUpBox.step1 .btn-group .preview-btn,
#msgPopUpBox.step2 .btn-group .preview-btn,
#msgPopUpBox.step0 .btn-group .next-btn,
#msgPopUpBox.step1 .btn-group .next-btn,
#msgPopUpBox.step2 .btn-group .next-btn {
  opacity: 1;
  filter: alpha(opacity=100);
}
#msgPopUpBox.step3 #step3,
#msgPopUpBox.step4 #step3,
#msgPopUpBox.step5 #step3 {
  display: block;
}
#msgPopUpBox.step3 .btn-group .preview-btn,
#msgPopUpBox.step4 .btn-group .preview-btn,
#msgPopUpBox.step5 .btn-group .preview-btn,
#msgPopUpBox.step3 .btn-group .next-btn,
#msgPopUpBox.step4 .btn-group .next-btn,
#msgPopUpBox.step5 .btn-group .next-btn {
  display: none;
}
#msgPopUpBox.step3 .btn-group .confirm-btn,
#msgPopUpBox.step4 .btn-group .confirm-btn,
#msgPopUpBox.step5 .btn-group .confirm-btn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
