.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.yui_flex_list {
  padding: 15px 0;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  color: #333;
}
.yui_flex_list:after {
  content: ' ';
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  border-bottom: 1px solid #ebebeb;
}
.yui_flex_list:first-child:after {
  border: none;
}
.yui_flex_list.yui_flex_list_jumpto .yui_flex_list_ft:after {
  content: " ";
  display: inline-block;
  height: 6px;
  width: 6px;
  border-width: 2px 2px 0 0;
  border-color: #c8c8cd;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: relative;
  top: -2px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 2px;
}
.yui_flex_list .yui_flex_list_hd {
  font-size: 14px;
  line-height: 22px;
  color: #666;
}
.yui_flex_list .yui_flex_list_bd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.yui_flex_list .yui_flex_list_bd ul {
  margin-left: 4%;
}
.yui_flex_list .yui_flex_list_bd ul li {
  font-size: 12px;
  line-height: 16px;
  color: #999;
}
.yui_flex_list .yui_flex_list_bd ul li.title {
  font-size: 16px;
  line-height: 26px;
  color: #333;
}
.yui_flex_list .yui_flex_list_ft {
  padding-right: 13px;
  text-align: right;
  position: relative;
  font-size: 14px;
  line-height: 22px;
  color: #666;
}
.thematic_server {
  background: #f0f0f0;
}
.thematic_server .bg_white {
  background: #fff;
}
.thematic_server .w1200 {
  margin: 0 2%;
}
.thematic_server .thematic_title {
  margin: 4% auto;
  text-align: center;
}
.thematic_server .thematic_title a {
  font-size: 24px;
  line-height: 40px;
  color: #333;
  position: relative;
}
.thematic_server .thematic_title a:before {
  content: ' ';
  width: 46px;
  height: 65px;
  background: url('../images/thematic/thematic_04.png') no-repeat center left;
  -webkit-background-size: 46px 65px;
  background-size: 46px 65px;
  position: absolute;
  top: -15px;
  left: -48px;
}
.thematic_server .thematic_title a:after {
  content: ' ';
  width: 39px;
  height: 34px;
  background: url('../images/thematic/thematic_07.png') no-repeat center center;
  -webkit-background-size: 39px 34px;
  background-size: 39px 34px;
  position: absolute;
  top: 7px;
  right: -46px;
}
.thematic_server .top_header {
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
  position: relative;
  font-size: 14px;
  line-height: 48px;
  color: #fff;
}
.thematic_server .top_header .w1200 {
  overflow: hidden;
}
.thematic_server .top_header .logo {
  float: left;
  width: 85px;
  margin-top: 7px;
  margin-left: 2px;
}
.thematic_server .top_header .logo img {
  display: block;
  width: 100%;
}
.thematic_server .top_header .tel {
  float: right;
  margin-left: 20px;
  color: #ffffff;
}
.thematic_server .top_header .login_box {
  float: right;
  vertical-align: middle;
  font-size: 12px;
  line-height: 48px;
  color: #fff;
}
.thematic_server .top_header .login_box a {
  font-size: 12px;
  line-height: 48px;
  color: #fff;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.thematic_server .top_header .login_box a.home {
  margin-right: 15px;
}
.thematic_server .top_header .login_box a.home img {
  width: 15px;
  margin-right: 6px;
}
.thematic_server .top_header .login_box i {
  margin: 0 10px 0;
  background: #fff;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 1px;
  height: 13px;
  top: 2px;
  position: relative;
}
.thematic_server .banner {
  margin-top: -48px;
}
.thematic_server .banner img {
  display: block;
  width: 100%;
}
.thematic_server .register_cost {
  margin: 0 -2%;
  padding-bottom: 3%;
  overflow: hidden;
}
.thematic_server .register_cost .register_cost_list {
  width: 47%;
  margin: 0 1.5% 2%;
  padding: 4% 4%;
  float: left;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.thematic_server .register_cost .register_cost_list .yui_flex_list_bd ul {
  margin-left: 15%;
}
.thematic_server .register_cost .register_cost_list .yui_flex_list_bd ul .title {
  line-height: 77px;
}
.thematic_server .register_cost .register_cost_list .img {
  width: 77px;
  height: 77px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  text-align: center;
  line-height: 77px;
  background: #f15c66;
  overflow: hidden;
}
.thematic_server .register_cost .register_cost_list .img.PaleVioletRed {
  background: #f15c66;
}
.thematic_server .register_cost .register_cost_list .img.Turquoise {
  background: #78dbbc;
}
.thematic_server .register_cost .register_cost_list .img.SandyBrown {
  background: #f1b45c;
}
.thematic_server .register_cost .register_cost_list .img.Gray {
  background: #837a7a;
}
.thematic_server .register_cost .register_cost_list .img.SpringGreen {
  background: #8ec36b;
}
.thematic_server .register_cost .register_cost_list .img.Crimson {
  background: #fa1515;
}
.thematic_server .register_cost .register_cost_list .img.Tomato {
  background: #ff5a00;
}
.thematic_server .register_cost .register_cost_list .img.RoyalBlue {
  background: #0775e8;
}
.thematic_server .register_cost .register_cost_list .img.Orchid {
  background: #c499da;
}
.thematic_server .register_cost .register_cost_list .img.DeepSkyBlue {
  background: #44b8e8;
}
.thematic_server .register_cost .register_cost_list .img img {
  width: 47px;
}
.thematic_server .choose_result {
  padding: 2% 0;
}
.thematic_server .choose_result .choose_result_list {
  margin-top: -2%;
}
.thematic_server .choose_result .choose_result_list .left .yui_flex_list,
.thematic_server .choose_result .choose_result_list .right .yui_flex_list {
  background: #fd4f20;
  margin-bottom: 6%;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.thematic_server .choose_result .choose_result_list .left .yui_flex_list:first-child,
.thematic_server .choose_result .choose_result_list .right .yui_flex_list:first-child {
  margin-top: 6%;
}
.thematic_server .choose_result .choose_result_list .left .yui_flex_list .yui_flex_list_bd,
.thematic_server .choose_result .choose_result_list .right .yui_flex_list .yui_flex_list_bd {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 13px;
}
.thematic_server .choose_result .choose_result_list .left .yui_flex_list .img,
.thematic_server .choose_result .choose_result_list .right .yui_flex_list .img {
  width: 47px;
}
.thematic_server .choose_result .choose_result_list .left .yui_flex_list .img img,
.thematic_server .choose_result .choose_result_list .right .yui_flex_list .img img {
  display: block;
  width: 100%;
}
.thematic_server .choose_result .choose_result_list .left .yui_flex_list ul,
.thematic_server .choose_result .choose_result_list .right .yui_flex_list ul {
  text-align: center;
}
.thematic_server .choose_result .choose_result_list .left .yui_flex_list ul li,
.thematic_server .choose_result .choose_result_list .right .yui_flex_list ul li {
  color: #fff;
}
.thematic_server .choose_result .choose_result_list .left .yui_flex_list ul .title,
.thematic_server .choose_result .choose_result_list .right .yui_flex_list ul .title {
  line-height: 29px;
  font-size: 18px;
  color: #fff;
}
.thematic_server .choose_result .choose_result_list .left .yui_flex_list .yui_flex_list_ft,
.thematic_server .choose_result .choose_result_list .right .yui_flex_list .yui_flex_list_ft {
  margin: 0 15px 0 13px;
  padding-right: 0;
  width: 4px;
  background: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  height: 35px;
}
.thematic_server .choose_result .choose_result_list .left .yui_flex_list .img {
  margin-left: 15px;
}
.thematic_server .choose_result .choose_result_list .left .yui_flex_list.PaleVioletRed {
  background: #fd4f20;
  margin: 6% 23.09859155%;
}
.thematic_server .choose_result .choose_result_list .left .yui_flex_list.DarkOrange {
  background: #ff9524;
  margin: 6% 13.99061033%;
}
.thematic_server .choose_result .choose_result_list .left .yui_flex_list.DeepPink {
  background: #f05479;
  margin: 6% 20.28169014%;
}
.thematic_server .choose_result .choose_result_list .right .yui_flex_list .yui_flex_list_ft {
  margin: 0 13px 0 15px;
}
.thematic_server .choose_result .choose_result_list .right .yui_flex_list .img {
  margin-right: 15px;
}
.thematic_server .choose_result .choose_result_list .right .yui_flex_list .yui_flex_list_bd {
  margin-left: 0;
}
.thematic_server .choose_result .choose_result_list .right .yui_flex_list.DoderBlue {
  background: #20b2fd;
  margin: 6% 23.09859155%;
}
.thematic_server .choose_result .choose_result_list .right .yui_flex_list.ForestGreen {
  background: #759f5f;
  margin: 6% 13.99061033%;
}
.thematic_server .choose_result .choose_result_list .right .yui_flex_list.Crimson {
  background: #f34747;
  margin: 6% 20.28169014%;
}
.thematic_server .settled_procedure {
  padding-bottom: 7%;
}
.thematic_server .settled_procedure .container {
  margin-bottom: 42px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.thematic_server .settled_procedure .container .img {
  margin: 0 18px;
  border: 13px solid #dee4f0;
  background: #5589ff;
  position: relative;
}
.thematic_server .settled_procedure .container .img:after {
  content: ' ';
  width: 16px;
  height: 42px;
  background: url('../images/thematic/thematic_wap_05_03.png') no-repeat center left;
  -webkit-background-size: 16px 42px;
  background-size: 16px 42px;
  position: absolute;
  bottom: -55px;
  left: 43px;
}
.thematic_server .settled_procedure .container.RoyalBlue .img {
  border: 13px solid #dee4f0;
  background: #5589ff;
  position: relative;
}
.thematic_server .settled_procedure .container.RoyalBlue .title {
  background: #5589ff;
}
.thematic_server .settled_procedure .container.RoyalBlue .subtitle {
  background: rgba(85, 137, 255, 0.5);
}
.thematic_server .settled_procedure .container.SlateBlue .img {
  border: 13px solid #e2e1ec;
  background: #766fdb;
  position: relative;
}
.thematic_server .settled_procedure .container.SlateBlue .title {
  background: #766fdb;
}
.thematic_server .settled_procedure .container.SlateBlue .subtitle {
  background: rgba(118, 111, 219, 0.5);
}
.thematic_server .settled_procedure .container.DarkOrange .img {
  border: 13px solid #f0e3da;
  background: #fe842a;
  position: relative;
}
.thematic_server .settled_procedure .container.DarkOrange .title {
  background: #fe842a;
}
.thematic_server .settled_procedure .container.DarkOrange .subtitle {
  background: rgba(254, 132, 42, 0.5);
}
.thematic_server .settled_procedure .container.IndianRed .img {
  border: 13px solid #ecddde;
  background: #df4950;
}
.thematic_server .settled_procedure .container.IndianRed .img:after {
  background: none;
}
.thematic_server .settled_procedure .container.IndianRed .title {
  background: #df4950;
}
.thematic_server .settled_procedure .container.IndianRed .subtitle {
  background: rgba(223, 73, 80, 0.5);
}
.thematic_server .settled_procedure .container .img {
  width: 63px;
  height: 63px;
  border: 13px solid rgba(85, 137, 255, 0.1);
  border: 13px solid #dee4f0;
  background: #5589ff;
  padding: 20px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.thematic_server .settled_procedure .container .img img {
  margin-top: 17%;
  width: 63px;
}
.thematic_server .settled_procedure .container .order {
  font-weight: bold;
  font-size: 60px;
  line-height: 80px;
  color: #dcdcdc;
  margin-bottom: -30px;
}
.thematic_server .settled_procedure .container p {
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  color: #4e4e4e;
}
.thematic_server .settled_procedure .container .title {
  border: none;
  margin: 7px 0% 6px;
  background: #5589ff;
  height: 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.thematic_server .settled_procedure .container .subtitle {
  border: none;
  margin: 0 20%;
  height: 4px;
  background: rgba(85, 137, 255, 0.5);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.thematic_server .thematic_footer {
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 45px;
  background: rgba(0, 0, 0, 0.5);
}
.thematic_server .thematic_footer a {
  background: #f64326;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  margin-top: -22px;
  color: #dcdcdc;
  font-size: 24px;
  line-height: 46px;
  color: #fff;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 51px;
  position: relative;
}
.thematic_server .thematic_footer a:before {
  content: ' ';
  width: 20px;
  height: 18px;
  background: url('../images/thematic/thematic_85.png') no-repeat center left;
  -webkit-background-size: 20px 18px;
  background-size: 20px 18px;
  position: absolute;
  bottom: 0;
  left: -24px;
}
.thematic_server .thematic_footer a:after {
  content: ' ';
  width: 43px;
  height: 48px;
  background: url('../images/thematic/thematic_82.png') no-repeat center center;
  -webkit-background-size: 43px 48px;
  background-size: 43px 48px;
  position: absolute;
  top: -15px;
  right: 0px;
}
@media screen and (max-width: 500px) {
  .thematic_server .register_cost .register_cost_list {
    width: 47%;
    margin: 0 1.5% 2%;
    padding: 3% 2%;
  }
  .thematic_server .register_cost .register_cost_list .yui_flex_list_bd ul {
    margin-left: 10%;
  }
  .thematic_server .register_cost .register_cost_list .yui_flex_list_bd ul .title {
    line-height: 50px;
  }
  .thematic_server .register_cost .register_cost_list .img {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    line-height: 50px;
  }
}