@charset "UTF-8";

/*
Theme Name: iFoneBox����վ
Theme URI:
Author: gray
Author URI:
Description: ifoneBox��������
Version: 1.0
License:
License URI:
Tags:
*/
*:focus {
  outline: none;
}

* {
  padding: 0;
  margin: 0;
}

em {
  font-style: normal;
}

li {
  list-style: none;
}

img {
  border: 0;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

p {
  word-wrap: break-word;
}

body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

a:focus,
a:hover {
  text-decoration: none;
}

@-webkit-viewport {
  width: device-width;
}

@-moz-viewport {
  width: device-width;
}

@-ms-viewport {
  width: device-width;
}

@-o-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px white inset;
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  border: 1px solid #CCC !important;
  background-color: #fff !important;
  background: #fff !important;
}

/* 清除浮动 */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.clearfix {
  zoom: 1;
}

input,
button,
textarea {
  outline: none;
}

/*body*/
body {
  background: #f2f2f2;
  position: relative;
  font-family: PingFangSC-regular, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", " sans-serif" !important;
}

body.body-software,
body.body-none {
  background: #fff;
}

/*ul,li{list-style: none;}*/
ul {
  padding: 0;
}

.span_time {
  float: right;
  font-size: 14px;
  color: #999;
  margin-right: 20px;
  padding-top: 4px;
}

.article-content ul li pre {
  padding: 20px 0 20px 20px;
  background: #fff;
}

.article-content ul li pre a {
  font-size: 18px;
  color: #4c4c4c;
}

.article-content ul li pre a:hover {
  color: #337ab7;
}

/*Images*/
.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignleft {
  margin: 5px 20px 5px 0;
}

.wp-caption.alignleft {
  margin: 5px 10px 5px 0;
}

img.alignright {
  margin: 5px 0 5px 20px;
}

.wp-caption.alignright {
  margin: 5px 0 5px 10px;
}

img.aligncenter {
  margin: 5px auto;
}

img.alignnone {
  margin: 5px 0;
  width: 100%;
  height: auto;
}

/*colors*/
.color-white,
.color-fff {
  color: #fff;
}

.color-red {
  color: #f00;
}

.color-black {
  color: #000;
}

.color-333 {
  color: #333;
}

.color-444 {
  color: #444;
}

.color-555 {
  color: #555;
}

.color-666 {
  color: #666;
}

.color-777 {
  color: #777;
}

.color-888 {
  color: #888;
}

.color-999 {
  color: #999;
}

.color-ccc {
  color: #ccc;
}

.color-ddd {
  color: #ddd;
}

.color-eee {
  color: #eee;
}

/*text-overflow*/
.text-overflow {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-break: keep-all;
  white-space: nowrap;
}

/*toTop*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border-radius: 4px;
  border: none;
  text-align: center;
  line-height: 50px;
  background: #2a6496;
  color: #fff;
  font-size: 20px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

#toTop:hover,
#toTop:active,
#toTop:focus {
  background: #428bca;
}

#toTop:active,
#toTop:focus {
  outline: none;
}

/*location*/
.location {
  line-height: normal;
  border-radius: 0;
  white-space: nowrap;
  vertical-align: middle;
  margin: 15px 0;
}

.location>a {
  font-size: 13px;
  text-decoration: none;
}

.location>a+a:before {
  display: inline-block;
  padding: 0 2px;
  color: #ccc;
  content: "/\00a0";
}

.location>.active {
  color: #777;
}

.location>a {
  color: #888;
}

.location>a.active {
  color: #999;
}

.location>a:hover,
.location>a:active,
.location>a:focus {
  color: #565656;
}

/*container*/
.main-container {
  background: #fff;
  padding: 12px 15px;
  border: 1px solid #dedede;
  border-radius: 6px;
}

/*breadcrumb*/
.subpage-breadcrumb {
  padding-left: 0;
  padding-right: 0;
  background: none;
  margin-bottom: 10px;
}

.breadcrumb {
  padding-left: 0;
  padding-right: 0;
  background: none;
  margin: 10px 0;
  font-size: 13px;
}

/*header*/
.navbar-default .navbar-nav>li>a {
  color: #999999 !important;
}

.navbar-default .navbar-nav>li.current_page_item>a {
  color: #298AFF !important;
}

.navbar-ifonebox-header {
  background-color: #fff !important;
  margin-bottom: 0;
  border-radius: 0;
  border-left: none;
  border-right: none;
  height: 70px;
  z-index: 9000;
  border: none;
}

.navbar-ifonebox-header .current_page_item a {
  color: #298AFF !important;
}

.navbar-ifonebox-header .current_page_item a:hover {
  color: #298AFF !important;
}

.navbar-ifonebox-header .navbar-nav>li>a:hover {
  color: #298AFF !important;
}

.navbar-ifonebox-header .navbar-nav>li>a:focus {
  background: #fff !important;
  border-bottom: 3px solid transparent;
  border-bottom-color: #298AFF;
}

.navbar {
  border: none !important;
  margin-bottom: 0 !important;
  box-shadow: 0 2px 9px 0 #C9D5F0;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}

.navbar-ifonebox-header .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.navbar-brand {
  padding: 0 !important;
  padding-top: 11px !important;
}

.nav>li {
  margin-left: 43px;
}

.navbar-nav>li>a {
  line-height: 16px !important;
}

.nav>li>a {
  position: relative;
  display: block;
  padding: 27px 0 6px !important;
}

@media (min-width: 768px) {
  .navbar-ifonebox-header .navbar-nav .dropdown-menu {
    border-top: 3px solid #298AFF;
    line-height: 28px;
  }

  .navbar-ifonebox-header .navbar-nav>li>a {
    color: #333;
    background: #fff;
    font-size: 16px;
    padding-top: 23px;
    padding-bottom: 22px;
    border-bottom: 3px solid transparent;
  }

  .navbar-ifonebox-header .navbar-nav>.active>a,
  .navbar-ifonebox-header .navbar-nav>.active>a:hover,
  .navbar-ifonebox-header .navbar-nav>.active>a:active,
  .navbar-ifonebox-header .navbar-nav>.active>a:focus,
  .navbar-ifonebox-header .navbar-nav>li>a:hover,
  .navbar-ifonebox-header .navbar-nav>li>a:active,
  .navbar-ifonebox-header .navbar-nav>li>a:focus {
    color: #4e8a4e;
    background: #fff !important;
    border-bottom-color: #298AFF;
  }

  .navbar-ifonebox-header .navbar-form {
    margin-left: 10px;
    margin-top: 0;
    padding-top: 18px;
    padding-bottom: 18px;
    width: 220px;
    display: none;
  }

  .navbar-ifonebox-header .header-search-icon {
    margin-top: 0;
    margin-left: 15px;
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 18px;
    line-height: normal;
    color: #333;
  }

  .navbar-ifonebox-header .header-search-icon:hover,
  .navbar-ifonebox-header .header-search-icon:active,
  .navbar-ifonebox-header .header-search-icon:focus {
    color: #2a6496;
  }

  .navbar-ifonebox-header .navbar-nav .dropdown-menu li.active a {
    background: #f6f6f6;
    color: #333;
  }

  .navbar-ifonebox-header .navbar-nav .dropdown-menu li a:hover,
  .navbar-ifonebox-header .navbar-nav .dropdown-menu li a:active,
  .navbar-ifonebox-header .navbar-nav .dropdown-menu li a:focus {
    color: #4e8a4e;
  }
}

@media screen and (max-width: 1200px) {
  .navbar-ifonebox-header .navbar-nav>li>a {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {

  .navbar>.container .navbar-brand,
  .navbar>.container-fluid .navbar-brand {
    margin-left: 0 !important;
  }

  .container {
    width: 1200px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #headerform {
    margin-left: 112px;
    border: none !important;
    width: auto;
    padding-right: 0;
  }

  #headerform .search-icon {
    font-size: 16px;
    position: absolute;
    left: 8px;
    top: 50%;
    line-height: 16px;
    z-index: 1001;
    color: #999999;
    margin-top: -8px;
  }

  #headerform .form-control {
    width: 132px;
    height: 32px;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 4px 0 0 4px;
    padding: 6px 12px 6px 30px;
  }

  #headerform .input-group {
    position: relative;
  }

  #headerform .input-group-btn .btn {
    width: 38px;
    height: 32px;
    box-sizing: border-box;
    background: #0483F0;
    font-size: 14px;
    color: #fff;
    padding: 0 !important;
    border: none;
  }
}

/*兼容ipad*/
@media (width: 768px) {
  .nav>li>a {
    padding: 10px 5px;
  }

  .navbar-ifonebox-header .navbar-form {
    width: 170px;
  }

  .navbar-right {
    margin-right: -35px;
  }

  .navbar-ifonebox-header .navbar-nav>li>a {
    font-size: 16px;
  }
}

/*兼容ipadpro*/
@media (width: 1024px) {
  .nav>li>a {
    padding: 10px 12px;
  }

  .navbar-ifonebox-header .navbar-form {
    width: 190px;
  }

  .navbar-right {
    margin-right: -35px;
  }

  .navbar-ifonebox-header .navbar-nav>li>a {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .navbar-ifonebox-header .navbar-toggle {
    margin-top: 18px;
    margin-bottom: 18px;
    border-color: #888;
  }

  .navbar-ifonebox-header .navbar-collapse {
    background: #424242;
  }

  .navbar-ifonebox-header .header-search-icon {
    display: none;
  }

  .navbar-ifonebox-header .navbar-toggle .icon-bar {
    background-color: #777;
  }

  .navbar-ifonebox-header .navbar-form {
    border-color: rgba(255, 255, 255, 0.1);
    display: block;
  }

  .navbar-ifonebox-header .navbar-nav li a {
    color: #fff;
    cursor: pointer;
  }

  .navbar-ifonebox-header .navbar-nav li a:hover,
  .navbar-ifonebox-header .navbar-nav li a:active,
  .navbar-ifonebox-header .navbar-nav li a:focus {
    background: #4e8a4e;
    color: #fff;
  }

  .navbar-ifonebox-header .navbar-nav .active>a {
    color: #fff;
    font-size: 15px;
    background: #5cb85c;
    cursor: pointer;
  }

  .navbar-ifonebox-header .navbar-nav .active>a:hover,
  .navbar-ifonebox-header .navbar-nav .active>a:active,
  .navbar-ifonebox-header .navbar-nav .active>a:focus {
    color: #fff;
    background: #5cb85c;
  }

  .navbar-ifonebox-header .navbar-nav .dropdown-menu li.active a {
    background: #f6f6f6;
    color: #333;
  }

  .navbar-ifonebox-header .navbar-nav .dropdown-menu li a,
  .navbar-ifonebox-header .navbar-nav .open .dropdown-menu li a {
    color: #ccc;
  }

  .navbar-ifonebox-header .navbar-nav .dropdown-menu li a:hover,
  .navbar-ifonebox-header .navbar-nav .dropdown-menu li a:active,
  .navbar-ifonebox-header .navbar-nav .dropdown-menu li a:focus {
    color: #4e8a4e;
    background: #f6f6f6 !important;
  }
}

/*�Ǽ�����*/
.rate-star {
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  width: 90px;
  height: 18px;
  position: relative;
}

.rate-star:before {
  content: "\e006 \e006 \e006 \e006 \e006";
  color: #ccc;
}

.rate-star span {
  display: block;
  max-width: 100%;
  height: 18px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: auto;
}

.rate-star span:before {
  content: "\e006 \e006 \e006 \e006 \e006";
  color: #ff7326;
}

.rate-star.star-lg {
  font-size: 32px;
  width: 160px;
  height: 32px;
}

.rate-star.star-lg span {
  height: 32px;
}

.rate-star.star-md {
  font-size: 24px;
  width: 120px;
  height: 24px;
}

.rate-star.star-md span {
  height: 24px;
}

.rate-star.star-sm {
  font-size: 14px;
  width: 70px;
  height: 14px;
}

.rate-star.star-sm span {
  height: 14px;
}

.rate-star.star-xs {
  font-size: 12px;
  width: 60px;
  height: 12px;
}

.rate-star.star-xs span {
  height: 12px;
}

/*footer*/
footer {
  background: #222;
}

footer .footer-wrapper {
  background: #fff;
  padding: 12px 0;
}

footer .footer-wrapper h5 {
  font-size: 18px;
}

footer .footer-wrapper .site-links {
  display: block;
  margin: 0 -8px;
}

footer .footer-wrapper .site-links li {
  display: inline-block;
  margin: 0 8px;
  line-height: 28px;
}

footer .footer-wrapper .site-links li a {
  color: #666;
  text-decoration: none;
}

footer .footer-wrapper .site-links li a:hover,
footer .footer-wrapper .site-links li a:active,
footer .footer-wrapper .site-links li a:focus {
  color: #428bca;
}

footer .footer-links {
  background: #182039;
  padding: 26px 0 8px;
  border-bottom: 1px solid rgba(151, 151, 151, 0.3);
}

footer .footer-links h5 {
  color: #D1D1D9;
  font-size: 18px;
}

footer .footer-links ul li a {
  color: #888;
  line-height: 24px;
  text-decoration: none;
}

footer .footer-links ul li a:hover,
footer .footer-links ul li a:active,
footer .footer-links ul li a:focus {
  color: #428bca;
}

footer .footer-copyright {
  padding: 19px 0 27px;
  background: #182039;
}

footer .footer-copyright p {
  padding: 0;
  margin: 0;
  color: #747988;
  line-height: 14px;
  font-size: 14px;
}

footer .footer-copyright p.copyright {
  margin-bottom: 16px;
}

footer .footer-copyright p a {
  color: #747988;
  text-decoration: none;
  line-height: 14px;
  font-size: 14px;
  display: inline-block;
}

footer .footer-copyright p small {
  line-height: 14px;
  font-size: 14px;
}

footer .footer-copyright p a:hover,
footer .footer-copyright p a:active,
footer .footer-copyright p a:focus {
  color: #fff;
}

footer .footer-social a {
  line-height: 24px;
  color: #333;
}

footer .footer-social li.weixin_iocn_hover {
  position: relative;
}

footer .footer-social li.weixin_iocn_hover:hover .footer_weixin_icon {
  display: block;
}

footer .footer-social .footer_weixin_icon {
  position: absolute;
  left: -102px;
  top: -305px;
  display: none;
}

footer .footer-social a:hover,
footer .footer-social a:active,
footer .footer-social a:focus {
  color: #428bca;
}

.footer-links .list-unstyled {
  margin-bottom: 0;
}

.footer-links .row {
  width: 1200px;
  margin: 0;
}

.footer-links .link-column {
  float: left;
}

.footer-links .link-column .gswj {
  width: 124px;
}

.footer-links .link-column .gswj img {
  width: 48px;
  height: 48px;
  margin: 0 auto;
  display: block;
}

.footer-links .link-column .gswj span {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 14px;
  display: block;
  text-align: center;
  margin-top: 12px;
}

.footer-links .link-column .aqlm {
  margin-top: 31px;
}

.footer-links .link-column .aqlm img {
  width: 124px;
  height: 47px;
}

.footer-links .link-column::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  clear: both;
}

.footer-links .link-column a.qq_contact {
  display: inline-block;
  width: 68px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  background: #298AFF;
  border-radius: 2px;
}

.footer-links .link-column a.qq_contact:hover {
  background: #297EE5;
}

.footer-links .link-column a.qq_contact:active {
  color: #FFFFFF;
}

.footer-links .link-column a.qq_contact:visited {
  color: #FFFFFF;
}

.footer-links .link-column a.qq_contact:link {
  color: #FFFFFF;
}

.footer-links .link-column h5 {
  color: #fff;
  line-height: 18px;
  margin-top: 0;
  margin-bottom: 20px;
}

.footer-links .link-column li {
  line-height: 14px;
  overflow: hidden;
  margin-bottom: 12px;
}

.footer-links .link-column li a {
  color: #D1D1D9;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 14px;
  float: left;
}

.footer-links .link-column li a:active {
  color: #BABCC3;
}

.footer-links .link-column li a:visited {
  color: #BABCC3;
}

.footer-links .link-column li a:link {
  color: #BABCC3;
}

.footer-links .link-column li a:hover {
  color: #fff;
}

.footer-links .link-column.contact_us li {
  margin-bottom: 12px;
  line-height: 16px;
  overflow: hidden;
}

.footer-links .link-column.contact_us li:hover .iconfont {
  color: #fff;
}

.footer-links .link-column.contact_us .iconfont {
  color: #D1D1D9;
  font-size: 15px;
  margin-right: 7px;
  float: left;
}

.footer-links .link-column.contact_us .more_contact {
  position: relative;
}

.footer-links .link-column.contact_us .more_contact .iconfont {
  font-size: 22px;
}

.footer-links .link-column.contact_us .more_contact a {
  overflow: hidden;
  display: inline-block;
}

.footer-links .link-column.contact_us .more_contact .wx {
  margin-right: 14px;
}

.footer-links .link-column.contact_us .more_contact .wx .iconfont {
  margin-right: 0;
  font-size: 22px;
}

.footer-links .link-column.contact_us .more_contact .wx .iconfont:hover {
  color: #fff;
}

.footer-links .link-column.contact_us .more_contact .wx:hover .wx_qrcode {
  display: block;
}

.footer-links .link-column.contact_us .more_contact .wx .wx_qrcode {
  position: absolute;
  top: -159px;
  left: -68px;
  display: none;
}

.footer-links .link-column.contact_us .more_contact .wx .wx_qrcode img {
  width: 160px;
  height: 160px;
}

.index_firends_link {
  overflow: hidden;
  padding: 18px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.21);
  background: #192139;
}

.index_firends_link .link_container {
  width: 1200px;
  margin: 0 auto;
}

.index_firends_link label {
  font-size: 18px;
  color: #8B8F9C;
  line-height: 18px;
  font-weight: normal;
  float: left;
  margin-bottom: 0;
}

.index_firends_link ul {
  overflow: hidden;
  margin-bottom: 0;
  line-height: 18px;
  height: 18px;
  float: left;
}

.index_firends_link ul li {
  float: left;
  line-height: 18px;
  height: 18px;
  margin-left: 52px;
}

.index_firends_link ul li a {
  font-size: 14px;
  color: #8B8F9C !important;
  padding: 2px 0;
  line-height: 20px !important;
}

.index_firends_link ul li a:hover {
  color: #fff !important;
}

/*banner*/
.banner {
  position: relative;
}

.banner .carousel-control {
  background: none;
}

.banner.software-banner {
  margin-bottom: 50px;
}

/*software-downloads*/
.software-downloads {
  margin: 0;
  position: relative;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10px;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}

.software-downloads .btn {
  font-size: 24px;
  white-space: normal;
  line-height: normal;
  padding: 15px 12px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
}

.software-downloads .btn.btn-success {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

@media (max-width: 767px) {
  .software-downloads .btn {
    font-size: 18px;
  }
}

.software-downloads .btn small {
  display: block;
  margin: 5px -5px 0 -5px;
  font-size: 13px;
  color: #999;
}

.software-downloads .btn-success small {
  color: rgba(255, 255, 255, 0.8);
}

.software-downloads .btn small label {
  margin: 0 5px;
}

/*site-article-download*/
.site-article-download {
  padding: 15px 0;
  text-align: center;
}

.site-article-download .btn {
  white-space: normal;
  line-height: normal;
  padding: 15px 12px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
}

.site-article-download .btn.btn-success {
  font-size: 24px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  min-width: 50%;
}

@media (max-width: 767px) {
  .site-article-download btn.btn-success {
    font-size: 18px;
    width: auto;
  }
}

.site-article-download .btn small {
  display: block;
  margin: 5px -5px 0 -5px;
  font-size: 13px;
  color: #999;
}

.site-article-download .btn.btn-success small {
  color: rgba(255, 255, 255, 0.8);
}

.site-article-download .btn small label {
  margin: 0 5px;
}

/*software-features*/
.software-feature {
  padding: 40px 0;
}

.software-feature.gray {
  background: #f3f3f3;
}

.software-feature {
  background: #fff;
}

.software-feature .media-body h2 {
  font-weight: bold;
  color: #63a8fe;
}

.software-feature .media-body {
  font-size: 17px;
  line-height: 30px;
}

.software-feature .media-left,
.software-feature .media-right {
  width: 55%;
  text-align: center;
}

.software-feature .media-left .media-object,
.software-feature .media-right .media-object {
  margin: 0 auto;
}

@media (min-width: 768px) and (max-width: 991px) {
  .software-feature .media-object {
    max-width: 400px;
  }
}

@media (max-width: 767px) {

  .software-feature .media-left,
  .software-feature .media-right {
    width: auto;
  }

  .software-feature .media-left,
  .software-feature .media-right,
  .software-feature .media-body {
    display: block;
    width: auto;
    text-align: center;
  }

  .software-feature .media-object {
    max-width: 100%;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

/*site-article-container*/
.site-article-container .breadcrumb {
  background: none;
}

.site-article-container .well.article-container {
  background: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  line-height: 26px;
}

.site-article-container .well.article-container .article_title {
  margin-top: 0;
  padding: 0;
}

.site-article-container .well.article-container h5 {
  font-size: 16px;
  font-weight: normal;
}

/*purchasecenter-container*/
.purchasecenter-container .breadcrumb {
  background: none;
}

.purchasecenter-container .well.purchasecenter-wrapper {
  background: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  line-height: 26px;
}

.purchasecenter-container .well.purchasecenter-wrapper .page_title {
  margin-top: 0;
  padding: 0;
  color: #777;
  font-size: 24px;
}

.purchasecenter-container .well.purchasecenter-wrapper h5 {
  font-size: 16px;
  font-weight: normal;
}

.purchasecenter-container .well.purchasecenter-wrapper .img-responsive {
  margin: 0 auto;
}

.pay_kinds a.btn-default {
  border-color: #979797;
  color: #1a1a1a;
}

.pay_kinds a.btn-default:hover {
  background-color: #d9534f;
  border-color: #d43f3a;
  color: #fff;
}

.pay_kinds a.btn-default .fa {
  color: #4d4d4d;
}

.pay_kinds a.btn-default:hover .fa {
  color: #fff;
}

.pay_kinds a.btn-default:hover i {
  color: #fff;
}

.pay_kinds a.btn-default i {
  color: #4d4d4d;
}

.purchasecenter-container .well.purchasecenter-wrapper .products-lists li {
  padding: 30px 0;
}

.purchasecenter-container .well.purchasecenter-wrapper .products-lists li:not(:first-child) {
  border-top: 3px solid #eee;
}

.purchasecenter-container .well.purchasecenter-wrapper .products-lists h3 {
  font-size: 28px;
}

.purchasecenter-container .well.purchasecenter-wrapper .products-lists h3 small {
  display: block;
  font-size: 16px;
  line-height: 1;
  padding-top: 20px;
  padding-bottom: 30px;
}

.purchasecenter-container .well.purchasecenter-wrapper .products-lists li .btn-lg {
  position: relative;
  text-align: center;
  font-size: 14px;
  width: 158px;
  height: 54px;
  padding: 10px 0 0 38px;
}

.purchasecenter-container .well.purchasecenter-wrapper .products-lists li .btn-lg small {
  display: block;
  font-size: 12px;
  text-align: center;
}

.purchasecenter-container .well.purchasecenter-wrapper .products-lists li .btn-lg .fa {
  position: absolute;
  left: 10px;
  top: 17px;
  font-size: 28px;
}

.purchase-features {
  background: #fff;
  padding: 15px 0;
  margin-bottom: -15px;
  border-top: 1px solid #ccdae5;
}

.purchase-features .purchase-feature-col:not(:first-child) {
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}

.purchase-features .purchase-feature-col .img-responsive {
  margin: 0 auto 10px auto;
}

.purchase-features .purchase-feature-col p {
  display: block;
  color: #2a6496;
  line-height: 30px;
  margin: 0;
}

.purchase-step {
  list-style: none outside;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 6px;
  display: -moz-box;
  display: -webkit-box;
  display: box;
  width: 100%;
  overflow: hidden;
}

.purchase-step li {
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
  text-align: center;
  font-size: 15px;
  padding: 0;
  position: relative;
  line-height: 36px;
}

.purchase-step li:not(:last-child) {
  border-right: 1px solid #dedede;
}

.purchase-step li:not(:last-child):before {
  display: block;
  content: '';
  width: 12px;
  height: 12px;
  background: #fff;
  position: absolute;
  -webkit-transform: translateY(-50%) translateX(50%) rotate(45deg);
  -ms-transform: translateY(-50%) translateX(50%) rotate(45deg);
  transform: translateY(-50%) translateX(50%) rotate(45deg);
  right: 0;
  top: 50%;
  border-right: 1px solid #dedede;
  border-top: 1px solid #dedede;
  z-index: 10;
}

.purchase-step li.active {
  background: #f6fbff;
  color: #2a6496;
}

.purchase-step li.active:before {
  background: #f6fbff;
}

.purchase-step li.disabled {
  color: #999;
  background: #f6f6f6;
}

.purchase-product {
  margin-bottom: 15px;
  padding: 30px 0;
}

.purchase-product .img-responsive {
  margin: 0 auto;
}

.purchase-product h3 small {
  display: block;
  font-size: 18px;
  line-height: 40px;
}

.purchase-product .purchase-product-feature li {
  line-height: 40px;
  color: #4cae4c;
  font-size: 17px;
}

.purchase-product .purchase-product-feature li .fa-check {
  color: #5cb85c;
  font-size: 20px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.purchase-product .purchase-product-base {
  font-size: 17px;
  line-height: 32px;
}

.purchase-product .purchase-product-base .pay_ways label {
  color: #777;
  font-weight: normal;
  position: relative;
  left: -16px;
  margin-right: 10px;
}

.purchase-product .purchase-product-base .pay_ways .pay_bts {
  color: #777;
  background: #eee url("../ifonebox/images/checked_default.png") no-repeat;
  display: inline-block;
  width: 70px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  cursor: pointer;
  text-decoration: none;
  font-size: 14px;
}

.purchase-product .purchase-product-base .pay_ways .pay_bts.active {
  color: #3490ff;
  background: #fff url("../ifonebox/images/checked_active.png") no-repeat;
}

.purchase-product .purchase-product-base .form-group {
  margin-bottom: 0;
}

.purchase-product .purchase-product-base .control-label {
  color: #777;
  font-weight: normal;
}

.purchase-product .purchase-product-base span {
  display: block;
  padding-top: 7px;
  color: #f60;
}

.purchase-product .purchase-product-base .form-control {
  width: 100px;
}

.purchase-product .purchase-product-infos {
  background: #fff;
}

.purchase-product .purchase-product-infos h2 {
  font-size: 20px;
  margin-top: 0;
}

.purchase-product .purchase-product-infos .form-control {
  width: 50%;
}

.purchase-product .purchase-product-payments h2 {
  font-size: 20px;
}

.purchase-product .purchase-product-payments .radio-inline+.radio-inline {
  margin-top: 0px;
  margin-left: 25px;
}

.purchase-product .purchase-product-payments .radio-inline input[type="radio"] {
  top: 22px;
}

.purchase-product .purchase-product-payments .radio-inline img {
  border: 1px solid #dedede;
}

.purchase-product .purchase-product-payments .radio-inline.selected img {
  border-color: #f60 !important;
}

.purchase-product .purchase-btn {
  border-radius: 0;
  padding: 15px 30px;
}

.purchase-product hr {
  border-color: #dedede;
}

.purchased-banner {
  background: #f2fee8;
  border: 1px solid #83cf11;
  -webkit-box-shadow: 0 1px 6px #c0e67e;
  box-shadow: 0 1px 6px #c0e67e;
  padding: 18px 50px;
  margin: 15px 0;
}

.purchased-banner h1 {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  font-size: 22px;
  line-height: 60px;
  padding-left: 0;
  min-height: 60px;
  font-weight: 400;
}

/*news-container*/
.news-container {
  width: 1200px;
  margin: 0 auto;
}

.news-container .page-header {
  margin-top: 0;
  padding-top: 0;
  border-color: #e0e0e0;
}

.news-container .page-header h1 {
  margin: 0 0 15px;
  padding-top: 0;
  font-size: 28px;
  line-height: normal;
}

.news-container .news-list .media-left {
  width: 200px;
}

.news-container .news-list .media-left a {
  display: block;
  background: #fff;
  border: 1px solid #e0e0e0;
  max-height: 120px;
  overflow: hidden;
  border-radius: 6px;
}

.news-container .news-list .media-left .media-object {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

.news-container .news-list h4.media-heading {
  font-size: 16px;
}

.padding_none {
  padding-right: 0 !important;
}

@media (max-width: 767px) {

  .news-container .news-list .media-left,
  .news-container .news-list .media-body {
    display: block;
    float: none !important;
    width: auto;
  }

  .news-container .news-list .media-left {
    text-align: center;
    margin-bottom: 12px;
  }

  .phone_product {
    top: 0 !important;
    left: 20px;
  }

  .phone_padding_l {
    padding-left: 20px !important;
  }

  .purchase-product .purchase-product-infos .form-control {
    width: 90%;
  }

  .phone_btn_center {
    margin: 15px 0 !important;
  }

  #myModal .phone_dialog {
    width: 96% !important;
    left: 8px !important;
    margin-left: 0 !important;
  }

  #myModal .phone_dialog .phone_w30 {
    width: 30% !important;
  }

  #myModal .phone_dialog .phone_w70 {
    width: 70% !important;
  }
}

/*sidebar-wrapper*/
.sidebar-wrapper .sidebar-software .btn {
  margin-top: 5px;
  margin-bottom: 5px;
}

.sidebar-wrapper .sidebar-news .media-left {
  width: 25px !important;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #999;
}

.sidebar-wrapper .sidebar-news .media-left a {
  display: block;
  overflow: hidden;
  margin-top: 5px;
  max-height: 75px;
  border: 1px solid #e0e0e0;
}

.sidebar-wrapper .sidebar-news .media-left .media-object {
  max-width: 100%;
  margin: 0 auto;
}

.sidebar-wrapper .sidebar-news .media-body a {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 21px;
  font-size: 14px;
  color: #333;
  width: 218px;
  overflow: hidden;
}

.sidebar-wrapper .sidebar-news .media-body a:hover {
  color: #71a7f7;
}

.sidebar-wrapper .sidebar-pro {
  margin-bottom: 20px;
  text-align: center;
}

.sidebar-wrapper .sidebar-pro img {
  max-width: 100%;
  margin: 0 auto;
  border-radius: 4px;
}

.sidebar-wrapper ul li.media {
  margin-top: 5px;
}

/*search-container*/
.pagination>.active>a {
  background: #298AFF;
  border-color: #298AFF;
}

.pagination>.active>a:hover {
  background: #298AFF;
  border-color: #298AFF;
}

.pagination>.active>a:active {
  background: #298AFF;
  border-color: #298AFF;
}

.pagination>.active>a:visited {
  background: #298AFF;
  border-color: #298AFF;
}

.pagination>.active>a:link {
  background: #298AFF;
  border-color: #298AFF;
}

.left-content {
  background: #f2f2f2;
  float: left;
}

.search-container {
  overflow: hidden;
  min-width: 1200px;
  margin-bottom: 30px;
}

.search-container .search-lists_wrapper {
  background: #FFFFFF;
}

.search-container .result-line {
  width: 860px;
  margin-bottom: 20px;
  float: left;
  padding: 0 18px;
  background: #fff;
}

.search-container .right-content {
  float: left;
  margin-left: 20px;
  position: relative;
}

.search-container .search-footer {
  margin-top: 20px;
  box-sizing: border-box;
  width: 860px;
}

.search-container .search-footer .newest-articles {
  padding: 16px 20px;
  box-sizing: border-box;
  overflow: hidden;
  width: 860px;
  background: #FFFFFF;
}

.search-container .search-footer .newest-articles .header {
  font-size: 16px;
  color: #34333C;
  line-height: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #D1D1D9;
  font-weight: bold;
}

.search-container .search-footer .newest-articles ul {
  float: left;
  width: 378px;
}

.search-container .search-footer .newest-articles ul:nth-of-type(1) {
  margin-right: 58px;
}

.search-container .search-footer .newest-articles li {
  max-width: 378px;
  overflow: hidden;
  padding-bottom: 16px;
  padding-top: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.search-container .search-footer .newest-articles li a {
  display: block;
  font-size: 14px;
  color: #6D6C7D;
  line-height: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.search-container .top-banner_ads,
.search-container .bottom-banner_ads {
  width: 320px;
  height: 300px;
  background: url(./images/1106/picture_part1@2x.jpg) no-repeat center center;
  background-size: cover;
  padding-top: 240px;
}

.search-container .top-banner_ads a,
.search-container .bottom-banner_ads a {
  background: #FFAC00;
  box-shadow: 0 2px 12px 0 rgba(0, 35, 255, 0.3);
  width: 184px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  padding: 8px 0;
  display: block;
  margin: 0 auto;
}

.search-container .bottom-banner_ads_wrapper {
  width: 320px;
  height: 300px;
}

.search-container .bottom-banner_ads {
  background: url(./images/1106/picture_part3@2x.jpg) no-repeat center center;
  background-size: cover;
}

.search-container .bottom-banner_ads.scroll_fixed {
  position: fixed;
  top: 90px;
}

.search-container .bottom-banner_ads a {
  color: #509FF5;
  background: #FFFFFF;
}

.search-container .recommend-reads {
  width: 320px;
  background: #FFFFFF;
  margin: 20px 0;
  box-sizing: border-box;
  padding: 0 20px;
}

.search-container .recommend-reads li {
  padding: 10px 0;
  overflow: hidden;
}

.search-container .recommend-reads li a {
  font-size: 14px;
  color: #6D6C7D;
  line-height: 24px;
  overflow: hidden;
  display: block;
}

.search-container .recommend-reads li .img-pic {
  width: 80px;
  float: left;
}

.search-container .recommend-reads li .text {
  float: left;
  width: 172px;
  margin-left: 15px;
  padding: 6px 0;
  border-bottom: 1px solid #E0E0E0;
}

.search-container .recommend-reads li:nth-last-of-type(1) .text {
  border-bottom: 0;
}

.search-container .recommend-reads .header {
  font-size: 16px;
  color: #34333C;
  line-height: 16px;
  padding: 16px 0;
  display: block;
  border-bottom: 1px solid #D1D1D9;
  font-weight: bold;
}

.search-container .page-header {
  margin-top: 0;
  padding-top: 0;
  border-color: #e0e0e0;
  padding: 20px 0;
  margin-bottom: 30px;
}

.search-container .search-result_notice {
  font-size: 14px;
  color: #6D6C7D;
  text-align: center;
  padding: 26px 0;
  line-height: 28px;
}

.search-container .search-result_notice .red-notice {
  color: #B40000;
}

.search-container .page-header h1 {
  margin-top: 0;
  padding-top: 0;
  font-size: 24px;
  line-height: normal;
  line-height: 1;
}

.search-container .search-list .media-left {
  width: 213px;
  height: 120px;
}

.search-container .search-list .article-search_text {
  font-size: 14px;
  color: #6D6C7D;
  line-height: 28px;
  margin-top: 13px;
  overflow: hidden;
  height: 56px;
  position: relative;
}

.search-container .search-list .time-line {
  text-align: left;
  font-size: 14px;
  color: #6D6C7D;
  line-height: 14px;
  margin-top: 13px;
}

.search-container .search-list .read-more {
  float: right;
  font-size: 14px;
  color: #298AFF;
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
}

.search-container .search-list .read-more .iconfont {
  font-size: 12px;
}

.search-container .search-list .media-body {
  width: 560px;
  float: right;
  border-bottom: 1px solid #E0E0E0;
  padding-bottom: 20px;
}

.search-container .search-list .media-left a {
  display: block;
  background: #fff;
  border: 1px solid #e0e0e0;
  max-height: 120px;
  overflow: hidden;
}

.search-container .search-list .media-left .media-object {
  width: 213px;
  height: 120px;
  margin: 0 auto;
}

.search-container .search-list h4.media-heading {
  font-size: 18px;
}

.search-container .search-list h4.media-heading a {
  color: #000000;
  white-space: nowrap;
}

.search-container .search-list .well {
  background: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 5px;
}

.search-container .search-list .well p:last-child {
  margin-bottom: 0;
}

.search-container .sidebar-article .media-left {
  width: 75px !important;
}

.search-container .sidebar-article .media-left a {
  display: block;
  overflow: hidden;
  margin-top: 5px;
  max-height: 75px;
  border: 1px solid #e0e0e0;
}

.search-container .sidebar-article .media-left .media-object {
  max-width: 100%;
  margin: 0 auto;
}

.search-container .sidebar-article .media-body a {
  display: block;
  overflow: hidden;
  height: 75px;
  line-height: 25px;
}

.download_btn {
  display: block;
  width: 100px;
  height: 34px;
  font-size: 14px;
  line-height: 34px;
  text-align: center;
  margin: 0 auto;
  box-sizing: border-box;
  border-radius: 5px;
}

.download_btn.btn_win_ok {
  background: #fff url("images/win_download.png") no-repeat left top;
  color: #333;
  border: 1px solid #ccc;
  margin-bottom: 6px;
}

.download_btn.btn_win_ok:hover {
  background: #e6e6e6 url("images/win_download.png") no-repeat left top;
  color: #333;
  border: 1px solid #adadad;
  text-decoration: none;
}

.download_btn.btn_mac_ok {
  background: #5cb85c url("images/mac_download.png") no-repeat left top;
  color: #fff;
}

.download_btn.btn_mac_ok:hover {
  background: #449d44 url("images/mac_download.png") no-repeat left top;
  color: #fff;
  text-decoration: none;
}

.IE8_width {
  width: 292px !important;
}

/*history-container*/
.history-container .page-header {
  margin-top: 0;
  padding-top: 0;
  border-color: #e0e0e0;
}

.history-container .page-header h1 {
  margin-top: 0;
  padding-top: 0;
  font-size: 32px;
  line-height: normal;
}

.history-container {
  padding-bottom: 15px;
  min-height: 600px;
}

.history-container .history-lists li {
  overflow: visible;
}

.history-container .history-lists li:not(:first-child) {
  margin-top: 15px;
}

.history-container .history-lists li .media-left {
  padding-right: 100px;
  min-width: 210px;
  padding-left: 40px;
  position: relative;
}

.history-container .history-lists li .media-left:before {
  position: absolute;
  display: block;
  content: '';
  width: 5px;
  right: 50px;
  top: 0;
  bottom: -15px;
  background: #5cb85c;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}

.history-container .history-lists li:last-child .media-left:before {
  bottom: 0;
}

.history-container .history-lists li .media-left:after {
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  border: 3px solid #fff;
  border-radius: 10px;
  -webkit-transform: translateY(-50%) translateX(50%);
  -ms-transform: translateY(-50%) translateX(50%);
  transform: translateY(-50%) translateX(50%);
  position: absolute;
  right: 50px;
  top: 50%;
  background: #5cb85c;
}

.history-container .history-lists li h3 {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: normal;
  line-height: 36px;
}

.history-container .history-lists li h3 small {
  display: block;
}

.history-container .history-lists li .media-body {
  overflow: visible;
}

.history-container .history-lists li .well {
  position: relative;
  background: #fff;
  border-color: #dedede;
  margin-bottom: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.history-container .history-lists li .well:before {
  position: absolute;
  display: block;
  z-index: 10;
  content: '';
  left: 0;
  top: 50%;
  background: #fff;
  width: 15px;
  height: 15px;
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(135deg);
  -ms-transform: translateY(-50%) translateX(-50%) rotate(135deg);
  transform: translateY(-50%) translateX(-50%) rotate(135deg);
}

@media (max-width: 767px) {

  .history-container .history-lists li .media-left,
  .history-container .history-lists li .media-body {
    display: block;
    width: auto;
  }

  .history-container .history-lists li .media-left {
    padding: 0 0 12px 50px;
  }

  .history-container .history-lists li .media-left:before {
    left: 25px;
    right: auto;
    top: -15px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .history-container .history-lists li:first-child .media-left:before {
    top: 0;
  }

  .history-container .history-lists li .media-left:after {
    left: 25px;
    right: auto;
    top: 30px;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
  }

  .history-container .history-lists li .well:before {
    position: absolute;
    display: block;
    z-index: 10;
    content: '';
    left: 75px;
    top: 0;
    background: #fff;
    width: 15px;
    height: 15px;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(-135deg);
    -ms-transform: translateY(-50%) translateX(-50%) rotate(-135deg);
    transform: translateY(-50%) translateX(-50%) rotate(-135deg);
  }

  .IE8_width {
    width: 100% !important;
  }

  .phone_h4_hide {
    display: none;
  }

  .phone_margin_top {
    margin-top: 20px;
  }
}

/*tutorial-container*/
.tutorial-container .page-header {
  margin-top: 0;
  padding-top: 0;
  border-color: #e0e0e0;
}

.tutorial-container .page-header h1 {
  margin-top: 0;
  padding-top: 0;
  font-size: 32px;
  line-height: normal;
}

.tutorial-container .tutorial-list .media-left {
  width: 200px;
}

.tutorial-container .tutorial-list .media-left a {
  display: block;
  background: #fff;
  border: 1px solid #e0e0e0;
  max-height: 120px;
  overflow: hidden;
  border-radius: 6px;
}

.tutorial-container .tutorial-list .media-left .media-object {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

.tutorial-container .tutorial-list h4.media-heading {
  font-size: 16px;
}

.tutorial-container .sidebar-software .btn {
  margin-top: 5px;
  margin-bottom: 5px;
}

@media (max-width: 767px) {

  .tutorial-container .tutorial-list .media-left,
  .tutorial-container .tutorial-list .media-body {
    display: block;
    float: none !important;
    width: auto;
  }

  .tutorial-container .tutorial-list .media-left {
    text-align: center;
    margin-bottom: 12px;
    overflow: hidden;
    width: 100%;
  }

  .tutorial-container .tutorial-list .media-left a {
    height: 120px;
  }
}

.tutorial-container .sidebar-tutorial .media-left {
  width: 75px !important;
}

.tutorial-container .sidebar-tutorial .media-left a {
  display: block;
  overflow: hidden;
  margin-top: 5px;
  max-height: 75px;
  border: 1px solid #e0e0e0;
}

.tutorial-container .sidebar-tutorial .media-left .media-object {
  max-width: 100%;
  margin: 0 auto;
}

.tutorial-container .sidebar-tutorial .media-body a {
  display: block;
  overflow: hidden;
  height: 75px;
  line-height: 25px;
}

/*notfound-banner*/
.notfound-banner {
  padding: 12px 0;
  color: #fff;
  background-color: #db6361;
}

.notfound-banner h1 {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  margin-top: 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}

.notfound-banner p {
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  margin: 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}

/*guide-container*/
.guide-container {
  margin: 0;
  padding: 0;
  color: #565656;
}

.guide-container .page-header {
  margin: 0 0 15px 0;
}

.guide-container .page-header h1 {
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 32px;
  font-weight: 500;
}

.guide-sidebar .panel {
  background: #fff;
  border-radius: 0;
  border-color: #eee;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.guide-sidebar .panel .panel-heading {
  background: #fff;
  border-color: #dedede;
  font-size: 18px;
}

.guide-sidebar .guide-lists li {
  padding-left: 95px;
  position: relative;
}

.guide-sidebar .guide-lists li .guide-cover {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 80px;
  overflow: hidden;
}

.guide-sidebar .guide-lists li .guide-cover img {
  position: absolute;
  min-height: 80px;
  min-width: 100%;
  max-width: 150%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  top: 50%;
}

.guide-sidebar .guide-lists li .guide-title {
  display: block;
  font-size: 14px;
  line-height: 20px;
  height: 60px;
  overflow: hidden;
}

.guide-sidebar .guide-lists li p {
  line-height: 20px;
  font-size: 13px;
}

/*article-content*/
.article-content img {
  max-width: 100%;
  height: auto;
}

/*alipay-lists*/
.alipay-lists {
  overflow: hidden;
  max-height: 500px;
}

.alipay-lists ul {
  margin: 0;
  padding: 0;
  list-style: none outside;
}

.alipay-lists ul li {
  padding: 8px 15px;
  color: #333;
  font-size: 15px;
}

.alipay-lists ul li:not(:last-child) {
  border-bottom: 1px solid #dedede;
}

.alipay-lists ul li .label {
  font-size: 13px;
}

.alipay-lists ul li p {
  margin: 0;
}

.alipay-lists ul li small {
  color: #999;
}

.check-text {
  font-size: 13px;
  margin: 0px 65px 0px 10px;
}

.check_list li {
  float: left;
  list-style: none;
  margin-left: 65px;
  width: 200px;
  height: 34px;
}

.time-text {
  font-size: 18px;
}

.contact {
  border: 1px solid #ccc;
  padding: 30px;
  width: 900px;
  margin: 20px auto 0px auto;
}

.btn_mac {
  background: url("../ifonebox/images/banner/btn_mac.png") no-repeat;
  display: inline-block;
  width: 250px;
  height: 75px;
  margin-top: 20px;
  background-size: 100%;
  left: 30%;
  top: 28px;
}

.btn_mac:hover {
  text-decoration: none;
}

.btn_win {
  background: url("../ifonebox/images/banner/btn_win.png") no-repeat;
  display: inline-block;
  width: 250px;
  height: 75px;
  margin-top: 20px;
  background-size: 100%;
  left: 30%;
  top: 28px;
}

.btn_win:hover {
  text-decoration: none;
}

.titles {
  text-align: center;
  margin-top: 10px;
  width: 80%;
  text-shadow: none;
}

.titles label {
  font-family: "Microsoft YaHei";
}

.banner_bg_box {
  width: 100%;
  max-width: 2560px;
  height: 400px;
  margin: 0 auto;
}

.banner_bg_box.banner_box1 {
  background: url("../ifonebox/images/banner/banner1_new.png") no-repeat center;
}

.banner_bg_box.banner_box2 {
  background: url("../ifonebox/images/banner/banner2_new.png") no-repeat center;
}

.banner_bg_box.banner_box3 {
  background: url("../ifonebox/images/banner/banner3_new.png") no-repeat center;
}

.carousel-caption {
  position: absolute;
  z-index: 10;
  padding-top: 0;
  padding-bottom: 0;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption {
  width: 1060px !important;
  height: 395px !important;
  margin: 0 auto;
  bottom: 0 !important;
  position: static !important;
}

.banner_title {
  width: 540px;
  float: right;
  padding-top: 70px;
  font-family: "youyuan";
  color: #fff;
  text-align: center;
}

.banner_title.phone_padding {
  padding-top: 50px;
}

.banner_title .img-responsive {
  width: 100%;
}

.banner_title h1 {
  font-size: 44px;
  font-weight: normal;
  font-family: "Microsoft YaHei";
  position: relative;
  text-shadow: none;
}

.banner_title h1 .pc_span {
  text-shadow: none;
  position: absolute;
  right: 70px;
  top: -18px;
  font-size: 16px;
  font-weight: normal;
  border: 1px solid #fff;
  padding: 5px;
  border-radius: 4px;
  color: #fff;
}

.banner_title h2 {
  font-size: 30px;
  font-weight: normal;
  font-family: "youyuan";
  text-shadow: none;
}

.banner_title h3 {
  font-size: 20px;
  font-weight: normal;
  font-family: "youyuan";
  text-shadow: none;
}

.phone_banner3 {
  bottom: 50px;
}

@media screen and (max-width: 767px) {

  /*当屏幕尺寸小于1200px时，应用下面的CSS样式*/
  .banner_bg_box {
    width: 100%;
  }

  .banner_bg_box.banner_box1 {
    width: 100%;
    background: url("../ifonebox/images/phone/banner1.png") no-repeat center;
    background-size: 100%;
    height: auto;
  }

  .banner_bg_box.banner_box2 {
    width: 100%;
    background: url("../ifonebox/images/phone/banner2.png") no-repeat center;
    background-size: 100%;
    height: auto;
  }

  .banner_bg_box.banner_box3 {
    width: 100%;
    background: url("../ifonebox/images/phone/banner3_phone.png") no-repeat center;
    background-size: 100%;
    height: auto;
  }

  .carousel-caption {
    width: 100% !important;
    overflow: hidden;
    height: 228px !important;
    right: 0;
    left: -10%;
  }

  .phone_banner3 {
    bottom: 20px !important;
  }

  .btn_mac_mobile {
    width: 45%;
    position: static;
    top: 0;
  }

  .banner_title {
    width: 50%;
    padding-top: 60px;
  }

  .banner_title.phone_padding {
    width: 55%;
    padding-top: 40px;
  }

  .banner_title.phone_padding.phone_banner2 {
    width: 45%;
    padding-top: 40px;
  }

  .banner_title h1 {
    font-size: 16px;
  }

  .banner_title h2 {
    font-size: 12px;
    margin: 0;
    width: 100%;
  }

  .banner_title h2 b {
    font-size: 14px !important;
  }

  .banner_title h3 {
    margin: 0;
    font-size: 12px;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
  }

  .banner_title h1 .pc_span {
    right: 15px;
    top: -19px;
    padding: 2px;
    font-size: 10px;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
  }

  .btn_mac_mobile {
    width: 45% !important;
    margin-top: 15px;
    position: static !important;
    height: 40px !important;
  }

  .btn_win_mobile {
    width: 45% !important;
    margin-top: 15px;
    position: static !important;
    height: 40px !important;
  }

  .small-tips {
    width: 100% !important;
    position: relative;
    left: -10px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .carousel-caption {
    width: 550px !important;
    right: 0;
    left: 30%;
    position: absolute !important;
  }

  .banner_title h1 {
    font-size: 45px;
  }

  .banner_title h2 {
    font-size: 25px;
  }

  .banner_title.phone_padding {
    width: 550px !important;
    padding-top: 60px;
  }

  .banner_title.phone_padding h2 {
    font-size: 20px;
  }

  .banner_title.phone_padding h3 {
    font-size: 16px;
  }

  .btn_mac_mobile {
    width: 40% !important;
    margin-top: 15px;
    position: static !important;
    height: 70px !important;
  }

  .btn_win_mobile {
    width: 40% !important;
    margin-top: 15px;
    position: static !important;
    height: 70px !important;
  }
}

@media screen and (width: 1024px) {
  .banner_title {
    padding-top: 0;
  }

  .carousel-caption {
    padding-top: 0 !important;
  }

  .banner_title.phone_padding {
    padding-top: 0 !important;
    position: relative;
    top: -50px;
  }
}

@media screen and (width: 320px) {
  .carousel-caption {
    height: 190px !important;
  }
}

/*@media screen and (max-width: 1200px) { !*当屏幕尺寸小于1200px时，应用下面的CSS样式*!
	.btn_mac{top:55px;}
	.btn_win{top:50px;}
	.purchase-product .purchase-product-infos .form-control { width: 100%; }
}
@media screen and (max-width: 1000px) { !*当屏幕尺寸小于1000px时，应用下面的CSS样式*!
	.btn_mac{top:55px;}
	.btn_win{top:66px;}
	.purchase-product .purchase-product-infos .form-control { width: 100%; }
}
@media screen and (max-width: 800px) { !*当屏幕尺寸小于800px时，应用下面的CSS样式*!
    .btn_mac{top:55px;}
    .btn_win{top:72px;}
	.purchase-product .purchase-product-infos .form-control { width: 100%; }
}

@media screen and (max-width: 600px) { !*当屏幕尺寸小于600px时，应用下面的CSS样式*!
    .btn_mac{top:85px;}
    .btn_win{top:85px;}
	.purchase-product .purchase-product-infos .form-control { width: 100%; }
}

@media screen and (min-width: 1600px){
	.carousel-caption {
		right: 20%;
		left: 20%;
	}
}
@media screen and (max-width: 1920px) and  (min-width:1601px){
	.carousel-caption {
		right: 25%;
		left: 25%;
	}
}
@media screen and (min-width: 1921px){
	.carousel-caption {
		right: 30%;
		left: 30%;
		padding-bottom: 8px;
	}
}
@media screen and (min-width: 2700px){!*当屏幕尺寸小于2700px时，应用下面的CSS样式*!
	.carousel-caption {
		right: 33%;
		left: 30%;
		padding-bottom: 8px;
	}
}*/
/* 兼容iphone6 Plus */
@media (device-height: 736px) and (-webkit-min-device-pixel-ratio: 2) {
  .btn_mac {
    top: 80px;
  }

  .btn_win {
    top: 80px;
  }

  .purchase-product .purchase-product-infos .form-control {
    width: 100%;
  }
}

.text-blue {
  color: #62a8fd;
}

.weixinpay-tips {
  display: none;
  color: red;
}

.purchase-step li {
  width: 50%;
  float: left;
}

.course_title {
  position: relative;
  width: 100%;
  height: 36px;
  line-height: 36px;
  font-size: 20px;
  background: #71a7f7;
  padding: 0px 20px;
  color: #fff;
  margin-bottom: 30px;
  margin-top: 10px;
}

.course_title .title_end {
  position: absolute;
  top: 0px;
  right: 15px;
  color: #fff;
  font-size: 14px;
}

.course_title .title_end:hover {
  color: #fff;
}

.course_title_list {
  border-bottom: 2px solid #ccc;
  font-size: 16px;
  color: #666;
  position: relative;
  padding-bottom: 0px;
}

.title_start {
  font-size: 22px;
  color: #4d4d4d;
  margin-right: 5px;
}

.title_end {
  position: absolute;
  top: 12px;
  right: 5px;
  color: #999;
  font-size: 14px;
}

.title_end:hover {
  color: #71a7f7;
}

.title_line {
  border-bottom: 2px solid #71a7f7;
  padding-bottom: 9px;
  width: 150px;
  display: inline-block;
  position: relative;
  top: 2px;
  font-style: italic;
}

.course_list {
  padding: 5px 15px;
}

.course_list li {
  color: #ccc;
  margin: 9px 0px;
  width: 330px;
  float: left;
  height: 15px;
}

.course_list li a {
  color: #4d4d4d;
  font-size: 14px;
  width: 290px;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  top: 5px;
}

.course_list li a:hover {
  color: #71a7f7;
}

.lists {
  padding: 0px 30px;
}

.lists li {
  float: left;
  margin-right: 60px;
}

.margin_right_0 {
  margin-right: 0px !important;
}

.min_height {
  min-height: 300px;
}

.block80 {
  width: 100%;
  height: 80px;
}

.line {
  border-bottom: 1px solid #bfbfbf;
  margin-bottom: 50px;
}

.line_tow {
  margin-bottom: 0px;
}

.panel-heading {
  border-bottom: 1px solid #ccc;
  padding: 15px 15px 10px 10px;
}

.xgtj {
  color: #666;
  font-size: 14px;
  margin-left: 18px;
  cursor: pointer;
}

.rmwz {
  color: #666;
  font-size: 14px;
  cursor: pointer;
}

.active_hover {
  font-size: 18px;
  color: #23527c;
}

#rmwz,
#xgtj {
  min-height: 244px;
}

.content_banner {
  width: 100%;
  height: 120px;
  background: url(images/content/banner_con.png) no-repeat;
}

.content_banner .content_banner_title {
  float: left;
  font-size: 26px;
  font-style: italic;
  color: #fff;
  position: relative;
  left: 140px;
  top: 30px;
}

.content_banner .content_banner_title span {
  font-size: 12px;
  font-style: italic;
  background: #fff;
  border-radius: 4px;
  padding: 5px;
  color: #000;
  margin-left: 6px;
  position: relative;
  top: -3px;
}

.content_banner .content_banner_text {
  float: left;
  font-size: 14px;
  font-style: italic;
  text-decoration: underline;
  position: relative;
  top: 30px;
  left: 175px;
  color: #fff;
}

.content_banner .content_banner_text p {
  margin: 0px;
}

.content_banner .content_banner_btn {
  position: relative;
  top: 30px;
  left: 195px;
  color: #fff;
}

.content_banner .content_banner_btn a {
  float: left;
  text-align: center;
  display: block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  border-radius: 6px;
  background: #639aec;
  color: #fff;
}

.content_banner .content_banner_btn a:hover {
  text-decoration: none;
  background: #7bb5e6;
}

/*分享*/
.fenxiang {
  float: left;
  width: 100px;
  height: 95px;
  text-align: center;
}

.article-content {
  /*border-bottom: 1px solid #e0e0e0;*/
  margin-bottom: 30px;
}

.article-content p {
  margin-bottom: 30px;
  line-height: 24px;
}

.xinlang {
  display: inline-block !important;
  width: 40px !important;
  height: 36px !important;
  background: url(images/content/xinlang.png) no-repeat !important;
  margin: 10px 30px 5px 30px !important;
}

.tengxun {
  display: inline-block !important;
  width: 40px !important;
  height: 36px !important;
  background: url(images/content/tengxun.png) no-repeat !important;
  margin: 10px 30px 5px 30px !important;
}

.weixin {
  display: inline-block !important;
  width: 45px !important;
  height: 36px !important;
  background: url(images/content/weixin.png) no-repeat !important;
  margin: 10px 30px 5px 30px !important;
}

.tieba {
  display: inline-block !important;
  width: 40px !important;
  height: 36px !important;
  background: url(images/content/tieba.png) no-repeat !important;
  margin: 10px 30px 5px 30px !important;
}

.kongjian {
  display: inline-block !important;
  width: 40px !important;
  height: 36px !important;
  background: url(images/content/kongjian.png) no-repeat !important;
  margin: 10px 30px 5px 30px !important;
}

.gengduo {
  display: inline-block !important;
  width: 40px !important;
  height: 36px !important;
  background: url(images/content/gengduo.png) no-repeat !important;
  margin: 10px 30px 5px 30px !important;
}

.sidebar-news .panel-body {
  padding: 11px 15px 15px 0px;
}

/*过年气氛*/
/*
.navbar-ifonebox-header .navbar-nav > li > a{background: none;}
.year-bg{background:url("images/nav_bg_year.png") no-repeat center center;}
@media (min-width: 768px) {
	.navbar-ifonebox-header .navbar-nav > .active > a,
	.navbar-ifonebox-header .navbar-nav > .active > a:hover,
	.navbar-ifonebox-header .navbar-nav > .active > a:active,
	.navbar-ifonebox-header .navbar-nav > .active > a:focus,
	.navbar-ifonebox-header .navbar-nav > li > a:hover,
	.navbar-ifonebox-header .navbar-nav > li > a:active,
	.navbar-ifonebox-header .navbar-nav > li > a:focus {  background: none !important;  }
}

@media screen and (max-width: 800px) {
	.navbar-ifonebox-header{background: #fff;}
	.year-bg{background: url(images/m_nav_bg_year.png) no-repeat center top;background-size: 100% 70px;}
}

@media screen and (max-width: 600px) {
	.year-bg{background: url(images/m_nav_bg_year.png) no-repeat center top; background-size: 100% 70px;}
}

@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){
	.year-bg{background: url(images/m_nav_bg_year.png) no-repeat center top;background-size: 100% 70px;}
}
!*@media screen and (max-width: 414px) {
	.year-bg{background: url(images/nav_mobile_1111.png) no-repeat center top;background-size: 100% 70px;}
}
@media screen and (max-width: 375px) {
	.year-bg{background: url(images/nav_mobile_1111.png) no-repeat center top; background-size: 100% 70px;}
}
*!
@media screen and (max-width: 320px) {
	.year-bg{background: url(images/m_nav_bg_year.png) no-repeat center 15px;background-size: 90% 55px !important;}
}
*/
.btn_win_mobile {
  background: url(images/phone/button.png) no-repeat;
  display: inline-block;
  position: relative;
  width: 18%;
  height: 150px;
  background-size: 100%;
  left: 20%;
  top: 234px;
}

.btn_win_mobile:hover {
  text-decoration: none;
}

/*.btn_mobile_button{left:20.5%!important;}*/
.btn_mac_mobile {
  background: url(images/phone/button.png) no-repeat;
  display: inline-block;
  position: relative;
  width: 18%;
  height: 150px;
  background-size: 100%;
  left: 20%;
  top: 234px;
}

.btn_mac_mobile:hover {
  text-decoration: none;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  .carousel-control {
    width: 7% !important;
  }
}

@media (device-height: 480px) and (-webkit-min-device-pixel-ratio: 2) {

  /* 兼容iphone4/4s */
  .btn_win_mobile {
    top: 90px;
  }

  .btn_mac_mobile {
    top: 90px;
  }
}

@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {

  /* 兼容iphone5 */
  .btn_win_mobile {
    top: 100px;
  }

  .btn_mac_mobile {
    top: 100px;
  }
}

.text-blue {
  color: #62a8fd;
}

.weixinpay-tips {
  display: none;
  color: red;
}

.purchase-step li {
  width: 50%;
  float: left;
}

.pay-body {
  background: #fff;
  padding: 19px;
  margin-bottom: 20px;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.pay-body h2 {
  margin-top: 0px;
}

/*支付页面选项卡*/
#nav_all {
  width: 806px;
  height: 37px;
  border: 1px solid #808080;
  margin-bottom: 10px;
  border-radius: 2px;
}

#nav_all ul {
  padding: 0px;
  margin: 0px;
}

#nav_all li {
  width: 268px;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  border-bottom: 0px solid white;
  float: left;
  text-align: center;
  list-style: none;
}

.wx-pay {
  border-left: 1px solid #808080;
  border-right: 1px solid #808080;
}

#nav_all li.active {
  background: #62a8fd;
  text-decoration: none;
  color: #fff;
}

#nav_all li:hover {
  /*background:#e5e5e5;*/
  text-decoration: none;
}

#nav_all li {
  background: #fff;
  text-decoration: none;
}

#main_all {
  border: 1px solid #ccc;
  width: 806px;
  height: 100%;
  margin-top: 1px;
  border-radius: 2px;
}

#hide {
  display: none;
}

#tag_1 {
  padding: 10px;
}

#tag_2 {
  padding: 10px;
}

#tag_3 {
  padding: 10px;
}

.new-btn {
  background: #62a8fd;
  border: 0px;
  border-radius: 2px !important;
  color: #fff !important;
  box-shadow: 0px 1px 1px #2c8bff;
}

.new-btn:hover {
  background: #3490ff;
  border: 0px;
  color: #fff;
  box-shadow: 0px 1px 1px #0074ff;
}

.new-btn:active {
  background: #3490ff;
  border: 0px;
  color: #fff;
}

/*弹出框样式*/
.modal-header {
  border-bottom: 0px;
}

.close {
  color: #fff;
  background: #656565 !important;
  width: 20px;
  height: 20px;
  font-weight: normal;
  border-radius: 9px;
  opacity: inherit !important;
}

.colse:hover {
  color: #fff !important;
  background: #666 !important;
  text-shadow: 0px;
  opacity: inherit !important;
}

.wancheng {
  background: #62a8fd;
  border: 0px;
  border-radius: 2px !important;
  color: #fff !important;
  box-shadow: 0px 1px 1px #2c8bff;
  padding: 10px 20px;
}

.wancheng:hover {
  background: #3490ff;
  border: 0px;
  color: #fff;
  box-shadow: 0px 1px 1px #0074ff;
}

.wenti {
  background: #999999;
  border: 0px;
  border-radius: 2px !important;
  color: #fff !important;
  box-shadow: 0px 1px 1px #cccccc;
  padding: 10px 20px;
}

.wenti:hover {
  background: #666666;
  border: 0px;
  color: #fff;
  box-shadow: 0px 1px 1px #cccccc;
}

.title-foot {
  clear: both;
  margin: 15px auto;
  width: 95%;
}

.text-p p {
  font-size: 16px;
  color: #666;
}

#tag_3 .radio-inline {
  margin: 0px 19px 15px 19px;
}

#tag_3 .radio-inline input {
  top: 22px;
}

/* 兼容iphone6 Plus */
@media (device-height: 736px) and (-webkit-min-device-pixel-ratio: 2) {
  .btn_mac {
    top: 80px;
  }

  .btn_win {
    top: 80px;
  }

  #tag-click_3 {
    display: none;
  }

  #nav_all {
    width: 96%;
  }

  #nav_all ul li {
    width: 50%;
  }

  #main_all {
    width: 96%;
  }

  .location {
    display: none;
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
  .btn_mac {
    top: 80px;
  }

  .btn_win {
    top: 80px;
  }

  #tag-click_3 {
    display: none;
  }

  #nav_all {
    width: 96%;
  }

  #nav_all ul li {
    width: 50%;
  }

  #main_all {
    width: 96%;
  }

  .location {
    display: none;
  }

  .panel {
    margin-top: 10px;
  }
}

/**
 *  iPhone 5/5s landscape & portrait
 */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  .btn_mac {
    top: 80px;
  }

  .btn_win {
    top: 80px;
  }

  #tag-click_3 {
    display: none;
  }

  #nav_all {
    width: 96%;
  }

  #nav_all ul li {
    width: 50%;
  }

  #main_all {
    width: 96%;
  }

  .location {
    display: none;
  }

  .panel {
    margin-top: 10px;
  }
}

/**
 * iPhone 4/4s landscape & portrait
 */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2 / 3) {
  .btn_mac {
    top: 80px;
  }

  .btn_win {
    top: 80px;
  }

  #tag-click_3 {
    display: none;
  }

  #nav_all {
    width: 96%;
  }

  #nav_all ul li {
    width: 50%;
  }

  #main_all {
    width: 96%;
  }

  .location {
    display: none;
  }

  .panel {
    margin-top: 10px;
  }
}

.block20 {
  height: 20px;
  clear: both;
  overflow: hidden;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track-piece {
  background-color: #E0E0E0;
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: #676869;
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: #676869;
  border-radius: 6px;
}

/*相关阅读*/
.interfix_reader {
  overflow: hidden;
  width: 100%;
  border-top: 1px solid #e0e0e0;
}

.interfix_reader .reader_title {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  margin-bottom: 25px;
  color: #4c4c4c;
  font-weight: bold;
}

.interfix_reader ul {
  overflow: hidden;
  padding-left: 0;
}

.interfix_reader ul li {
  margin: 6px 30px 6px 0px;
  float: left;
  list-style: none;
}

.interfix_reader ul li span {
  color: #a6a3a3;
  font-size: 12px;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  float: right;
}

.interfix_reader ul li a {
  float: left;
  font-size: 12px;
  color: #666;
  display: inline-block;
  width: 276px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 20px;
}

.interfix_reader ul li a:hover {
  color: #00A8EF;
}

.interfix_reader ul li a:hover i {
  /*background: #00A8EF; */
}

.interfix_reader ul li a i {
  /*display: inline-block;*/
  /*height: 10px;*/
  /*width: 3px;*/
  /*background: #999;*/
  /*margin-right: 6px;*/
  /*float: left;*/
  /*margin-top: 2px; */
}

.page_article {
  padding: 0;
  margin-top: 20px;
  margin-bottom: 30px;
  overflow: hidden;
  border-top: 1px solid #e0e0e0;
}

.page_article ul {
  overflow: hidden;
}

.page_article ul li {
  float: left;
  list-style: none;
  padding-top: 20px;
  height: 170px;
}

.page_article ul li span {
  display: block;
  width: 2px;
  height: 80px;
  background: #d8d8d8;
  margin-top: 30px;
}

.page_article ul li h3 {
  margin-top: 16px;
}

.page_article ul li h3 a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #666;
  font-size: 14px;
}

.page_article ul li p {
  font-size: 14px;
}

.page_article ul li a {
  display: block;
  color: #888;
  text-decoration: none;
  font-size: 12px;
}

.page_article ul li a:hover {
  color: #337ab7;
}

.page_article ul li.buttons {
  display: block;
  width: 379px;
}

/*文章区域广告*/
.slider_fixed.scroll_fixed {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}

.advice_box {
  display: block;
  width: 100%;
  border-radius: 4px;
  background: url("images/html_pic_advertising1.1.jpg") no-repeat;
  background-size: 100% 100%;
  padding: 10px;
  margin-bottom: 30px;
  margin-top: 30px;
  height: 380px;
  color: #fff;
  text-align: center;
}

.advice_box img {
  animation: arrow1 2s infinite;
  -webkit-animation: arrow1 2s infinite;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@keyframes arrow1 {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(6px);
  }
}

@-webkit-keyframes arrow1 {
  0% {
    -webkit-transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(6px);
  }
}

.advice_box h2 {
  margin-bottom: 8px;
}

.advice_box h3 {
  margin-top: 8px;
  margin-bottom: 20px;
}

.advice_box h4 {
  line-height: 30px;
}

.advice_box h4 span {
  color: #eab941;
}

.advice_box h5 b {
  font-size: 18px;
  font-weight: normal;
}

.download_shiyong {
  width: 100%;
  height: 250px;
  border-radius: 4px;
  background: url("images/html_pic_advertising2.png") no-repeat -2px center;
  background-size: 100%;
  position: relative;
}

.download_shiyong a {
  position: absolute;
  left: 0;
  top: 113px;
  right: 0;
  margin: auto;
  width: 140px;
  height: 42px;
  color: #fff;
  background: #71EB29;
  text-decoration: none;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  line-height: 42px;
}

.advice_btn_down_a {
  display: block;
  border-radius: 5px;
  font-size: 20px;
  text-align: center;
  line-height: 50px;
}

.advice_btn_down_a:hover {
  background: #58c817;
}

.advice_btn_down_a img {
  margin-right: 6px;
}

.free_download {
  width: 100%;
  height: 330px;
  text-align: center;
  border-radius: 4px;
  background: url("images/html_pic_advertising3.jpg?v=1") no-repeat center center;
  background-size: 100% 100%;
  color: #fff;
  position: relative;
  margin-bottom: 40px;
  margin-top: 30px;
}

.free_download h2 {
  font-weight: normal;
  padding-top: 20px;
  font-size: 20px;
}

.free_download a {
  position: absolute;
  bottom: 40px;
  background: #fff;
  width: 170px;
  height: 50px;
  color: #3B77E3;
  margin: auto;
  left: 0;
  right: 0;
  text-decoration: none;
  font-size: 18px;
}

.hover_show {
  display: none;
}

.free_download a:hover {
  background: #97bbf0;
  color: #fff;
}

.free_download a:hover .hover_show {
  display: inline-block;
}

.free_download a:hover .normal_show {
  display: none;
}

/*文章底部banner*/
.single_advice_foot {
  width: 100%;
  height: 240px;
  background: url("images/html_pic_background.png") no-repeat;
  text-align: center;
  background-size: cover;
}

.single_advice_foot h2 {
  font-size: 30px;
  color: #fff;
  padding-top: 50px;
  margin: 0;
  padding-bottom: 50px;
}

.single_advice_foot a {
  display: block;
  width: 180px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin: 0 auto;
  font-size: 24px;
  color: #3F93E4;
  background: #fff;
  border-radius: 4px;
  text-decoration: none;
  border: none;
}

.single_advice_foot a:hover,
.single_advice_foot a:focus {
  background: #7FCBFF;
  color: #fff;
}

.index-banner_wrapper {
  height: 480px;
  position: relative;
  z-index: 1;
}

.index-banner_wrapper .btn_detault_style {
  width: 180px;
  height: 58px;
  line-height: 58px;
}

.index-banner_wrapper .swiper-container {
  width: 100%;
  height: 480px;
  min-width: 1200px;
  overflow: hidden;
}

.index-banner_wrapper .swiper-slide {
  height: 480px;
  width: 100%;
  background-size: cover;
}

.index-banner_wrapper .banner-slide_one {
  background: url("./images/0717/index_banner_1.jpg") no-repeat center center;
}

.index-banner_wrapper .banner-slide_one .banner_content {
  background: url("./images/0717/index_pic_1.png") no-repeat center center;
  background-size: cover;
  width: 855px;
  height: 443px;
  margin: 37px auto 0;
  line-height: 1;
  text-align: center;
}

.index-banner_wrapper .banner-slide_one .banner_content .banner_green {
  margin: 30px auto 0;
}

.index-banner_wrapper .banner-slide_one .banner_content .version-decoration {
  font-size: 12px;
  color: #1A1A1A;
  line-height: 12px;
  margin-top: 11px;
}

.index-banner_wrapper .banner-slide_one .banner_content .version-decoration label {
  font-weight: normal;
  margin-bottom: 0;
}

.index-banner_wrapper .banner-slide_one .banner_content .version-decoration p {
  line-height: 12px;
  margin-bottom: 8px;
}

.index-banner_wrapper .banner-slide_one .banner_content .version-decoration .a_zsx {
  color: #1A1A1A;
  text-decoration: underline;
}

.index-banner_wrapper .banner-slide_one .banner_content .content_title {
  padding-top: 120px;
  font-size: 46px;
  color: #1A1A1A;
  letter-spacing: 8px;
}

.index-banner_wrapper .banner-slide_one .banner_content .slogen {
  font-size: 24px;
  color: #1a1a1a;
  letter-spacing: 0;
  margin-top: 24px;
  font-family: PingFangSC-regular, "Hiragino Sans GB", "Microsoft JhengHei", "Microsoft YaHei", "WenQuanYi Micro Hei", " sans-serif" !important;
}

.index-banner_wrapper .banner-slide_one .banner_content .sub_slogen {
  font-size: 18px;
  color: #1A1A1A;
  margin-top: 8px;
}

.index-banner_wrapper .banner-slide_two {
  background: url("./images/0717/index_banner_2.jpg") no-repeat center center;
}

.index-banner_wrapper .banner-slide_two .left_content {
  float: left;
  padding-left: 130px;
}

.index-banner_wrapper .banner-slide_two .left_content img {
  width: 417px;
  margin-top: 51px;
  height: 375px;
}

.index-banner_wrapper .banner-slide_two .banner_orange {
  margin: 0 auto;
}

.index-banner_wrapper .banner-slide_three {
  background: url("./images/0717/index_banner_3.jpg?v=3") no-repeat center center;
}

.index-banner_wrapper .banner-slide_three .content_title {
  letter-spacing: 8px;
}

.index-banner_wrapper .banner-slide_three .left_content {
  float: left;
}

.index-banner_wrapper .banner-slide_three .left_content img {
  width: 524px;
  margin-top: 110px;
  height: 305px;
}

.index-banner_wrapper .banner-slide_three .banner_white {
  margin: 0 auto;
}

.index-banner_wrapper .pagination {
  position: absolute;
  z-index: 20;
  bottom: 10px;
  width: 100%;
  text-align: center;
  margin: 0;
}

.index-banner_wrapper .pagination .pagination-bar_wrapper {
  display: inline-block;
  line-height: 40px;
  width: 50px;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
  overflow: hidden;
  vertical-align: middle;
}

.index-banner_wrapper .swiper-pagination_wrapper {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 20px;
  margin: 0 5px;
}

.index-banner_wrapper .swiper-pagination-switch {
  width: 50px;
  cursor: pointer;
  background: transparent;
  box-sizing: content-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  font-size: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.index-banner_wrapper .banner_content {
  width: 1200px;
  margin: 0 auto;
}

.index-banner_wrapper .banner_content .banner_green,
.index-banner_wrapper .banner_content .banner_orange,
.index-banner_wrapper .banner_content .banner_white {
  margin-top: 40px;
  position: relative;
}

.index-banner_wrapper .banner_content .banner_green .version_icon,
.index-banner_wrapper .banner_content .banner_orange .version_icon,
.index-banner_wrapper .banner_content .banner_white .version_icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 56px;
  height: 54px;
}

.index-banner_wrapper .banner_content .right_content,
.index-banner_wrapper .banner_content .center_content {
  width: 500px;
  float: right;
  line-height: 1;
  text-align: center;
}

.index-banner_wrapper .banner_content .right_content .content_title,
.index-banner_wrapper .banner_content .center_content .content_title {
  margin-top: 110px;
  font-size: 46px;
  color: #FFFFFF;
  font-weight: normal;
}

.index-banner_wrapper .banner_content .right_content .slogen,
.index-banner_wrapper .banner_content .center_content .slogen {
  font-size: 24px;
  color: #FFFFFF;
  margin-top: 24px;
  font-family: PingFangSC-regular, "Hiragino Sans GB", "Microsoft JhengHei", "Microsoft YaHei", "WenQuanYi Micro Hei", " sans-serif" !important;
}

.index-banner_wrapper .banner_content .right_content .sub_slogen,
.index-banner_wrapper .banner_content .center_content .sub_slogen {
  font-size: 18px;
  color: #FFFFFF;
  margin-top: 8px;
}

.index-banner_wrapper .banner_content .right_content .version-decoration,
.index-banner_wrapper .banner_content .center_content .version-decoration {
  font-size: 12px;
  color: #fff;
  line-height: 12px;
  margin-top: 11px;
}

.index-banner_wrapper .banner_content .right_content .version-decoration label,
.index-banner_wrapper .banner_content .center_content .version-decoration label {
  font-weight: normal;
  margin-bottom: 0;
}

.index-banner_wrapper .banner_content .right_content .version-decoration p,
.index-banner_wrapper .banner_content .center_content .version-decoration p {
  line-height: 12px;
  margin-bottom: 8px;
}

.index-banner_wrapper .banner_content .right_content .version-decoration .a_zsx,
.index-banner_wrapper .banner_content .center_content .version-decoration .a_zsx {
  color: #fff;
  text-decoration: underline;
}

.index-banner_wrapper .banner_content .right_content .text-overflow,
.index-banner_wrapper .banner_content .center_content .text-overflow {
  font-size: 12px;
  color: #FFFFFF;
  text-align: left;
  margin-top: 17px;
}

.index-banner_wrapper .banner_content .right_content .text-overflow label,
.index-banner_wrapper .banner_content .center_content .text-overflow label {
  font-weight: normal;
}

.index-banner_wrapper .banner_content .right_content .text-overflow .a_zsx,
.index-banner_wrapper .banner_content .center_content .text-overflow .a_zsx {
  color: #fff;
  text-decoration: underline;
}

.index-banner_wrapper .banner_content .right_content .text-overflow .a_zsx:hover,
.index-banner_wrapper .banner_content .center_content .text-overflow .a_zsx:hover {
  text-decoration: underline !important;
}

.index-banner_wrapper .banner_content .center_content {
  float: none;
  width: 488px;
  margin: 0 auto;
}

.index-banner_wrapper .banner_content .center_content .slogen {
  margin-top: 20px;
}

.index-banner_wrapper .banner_content .center_content .slogen em {
  font-size: 36px;
  color: #FFC510;
  font-family: Arial;
  padding-bottom: 5px;
  font-weight: bold;
  line-height: 1;
}

.index-banner_wrapper .banner_content .center_content .banner_green {
  margin: 40px auto 0;
}

.index-banner_wrapper .banner_content .center_content .sub_slogen {
  background: url(../ifonebox/images/0717/index_banner_pic_1@2x.png) no-repeat center center;
  background-size: cover;
  font-size: 18px;
  color: #0483F0;
  padding: 6.4px 0 6.3px;
}

.index-banner_wrapper .banner_content .center_content .sub_slogen em {
  font-weight: bold;
}

.btn_detault_style {
  display: block;
  width: 166px;
  height: 44px;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  line-height: 44px;
  font-size: 16px;
  box-shadow: 0 1px 12px 0 rgba(0, 125, 240, 0.3);
  background-color: #298AFF;
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.btn_detault_style:hover {
  background: #297EE5;
}

.btn_detault_style:active {
  background: #2A73CC;
}

.btn_detault_style:active {
  color: #fff;
}

.btn_detault_style:link {
  color: #fff;
}

.btn_detault_style:hover {
  color: #fff;
  transform: translateY(-2px);
}

.btn_detault_style.banner_white {
  background: #FFF;
  color: #6F45D5;
}

.btn_detault_style.banner_white:hover {
  color: #4E17E4;
}

.btn_detault_style.banner_white:active {
  color: #432292;
}

.btn_detault_style.banner_orange {
  background-color: #FFC510;
  box-shadow: 0 1px 12px 0 rgba(31, 26, 152, 0.4);
}

.btn_detault_style.banner_orange:hover {
  background: #E5B00E;
}

.btn_detault_style.banner_orange:active {
  background: #CC9D0C;
}

.btn_detault_style.banner_green {
  background-color: #48D555;
}

.btn_detault_style.banner_green:hover {
  background-color: #40BF4C;
}

.btn_detault_style.banner_green:active {
  background-color: #39AA44;
}

.content-container_wrapper .content_title {
  padding-top: 80px;
  text-align: center;
  font-size: 30px;
  line-height: 30px;
  color: #1A1A1A;
  margin-bottom: 0;
}

.content-container_wrapper .content_container {
  width: 1200px;
  margin: 0 auto;
}

.content-container_wrapper.feature-lists_wrapper .feature_lists {
  overflow: hidden;
  margin-top: 80px;
  padding: 0 50px;
}

.content-container_wrapper.feature-lists_wrapper .feature_lists li {
  float: left;
}

.content-container_wrapper.feature-lists_wrapper .feature_lists li img {
  display: block;
  margin: 0 auto;
}

.content-container_wrapper.feature-lists_wrapper .feature_lists li span {
  font-size: 18px;
  color: #1A1A1A;
  line-height: 1;
  display: block;
  text-align: center;
  margin-top: 30px;
}

.content-container_wrapper.feature-lists_wrapper .feature_lists li p {
  font-size: 14px;
  color: #666666;
  line-height: 1;
  margin-top: 20px;
  text-align: center;
}

.devices-lists_wrapper .content_container {
  padding: 60px 95px 0;
  text-align: center;
}

.devices-lists_wrapper .device_lists li {
  width: 110px;
  display: inline-block;
  margin-right: 64px;
  padding: 13px 0 16px;
}

.devices-lists_wrapper .device_lists li a {
  display: block;
  width: 100%;
}

.devices-lists_wrapper .device_lists li img {
  display: block;
  width: 68px;
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
}

.devices-lists_wrapper .device_lists li span {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #1A1A1A;
  line-height: 14px;
  margin-top: 16px;
}

.devices-lists_wrapper .device_lists li.last_li {
  margin-right: 0;
}

.devices-lists_wrapper .device_lists li:hover {
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

.devices-lists_wrapper .device_lists li:hover img {
  transform: scale(1.1);
}

.devices-lists_wrapper .show-all_wrapper {
  padding-top: 53px;
  line-height: 18px;
}

.devices-lists_wrapper .show-all_wrapper:hover .showAll {
  color: #4194FF;
}

.devices-lists_wrapper .show-all_wrapper:hover .iconfont {
  color: #4194FF;
  cursor: pointer;
}

.devices-lists_wrapper .show-all_wrapper .iconfont {
  font-size: 12px;
  margin-left: 15px;
  line-height: 18px;
  color: #297EE5;
  display: inline-block;
  vertical-align: middle;
}

.devices-lists_wrapper .show-all_wrapper span {
  line-height: 1;
  display: inline-block;
  height: 18px;
  vertical-align: middle;
}

.devices-lists_wrapper .showAll {
  font-size: 18px;
  color: #298AFF;
  line-height: 18px;
  display: inline-block;
  vertical-align: middle;
}

.devices-lists_wrapper .showAllBtn {
  font-size: 0;
}

.devices-lists_wrapper .show-more_devices {
  display: none;
}

.operation-lists_wrapper .content_title {
  padding-bottom: 71px;
}

.operation-lists_wrapper .content_container {
  overflow: hidden;
}

.operation-lists_wrapper .step_item {
  float: left;
}

.operation-lists_wrapper .step_item img {
  width: 335px;
  padding-bottom: 3px;
}

.operation-lists_wrapper .step_item p {
  font-size: 18px;
  color: #1A1A1A;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
  margin-bottom: 17px;
}

.operation-lists_wrapper .btn_wrapper {
  margin-top: 23px;
}

.operation-lists_wrapper .btn_wrapper .btn_detault_style {
  margin: 0 auto;
}

.operation-lists_wrapper .btn_wrapper p {
  font-size: 14px;
  color: #298AFF;
  letter-spacing: 0;
  line-height: 14px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 49px;
}

.operation-lists_wrapper .arrow {
  margin: 107px 38px;
  float: left;
}

.operation-lists_wrapper .arrow .iconfont {
  color: #D0D2D2;
  font-size: 21px;
}

.software-lists_wrapper {
  background: #F7F8FA;
}

.software-lists_wrapper .content_title {
  padding-bottom: 80px;
}

.software-lists_wrapper .content_container {
  overflow: hidden;
}

.software-lists_wrapper .content_container .content_wrapper {
  overflow: hidden;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 20px;
  height: 191px;
  box-sizing: border-box;
}

.software-lists_wrapper .attactment_wrapper {
  width: 560px;
  height: 342px;
  background: #FFFFFF;
  padding: 30px 50px;
  box-sizing: border-box;
  float: left;
  margin-bottom: 80px;
}

.software-lists_wrapper .attactment_wrapper .title {
  font-size: 18px;
  color: #1A1A1A;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 30px;
  position: relative;
  padding-left: 12px;
}

.software-lists_wrapper .attactment_wrapper .title::before {
  content: "";
  display: block;
  width: 4px;
  height: 20px;
  background: #298AFF;
  position: absolute;
  left: 0;
  top: 0;
}

.software-lists_wrapper .attactment_wrapper.scope-style {
  margin-right: 80px;
}

.software-lists_wrapper .article_lists {
  float: left;
  margin-bottom: 0;
}

.software-lists_wrapper .article_lists li {
  margin-bottom: 20px;
  line-height: 14px;
  overflow: hidden;
  width: 330px;
}

.software-lists_wrapper .article_lists li .list-sub_title {
  font-size: 14px;
  color: #2A2A2A;
  letter-spacing: 0;
  line-height: 14px;
  height: 14px;
  font-weight: bold;
}

.software-lists_wrapper .article_lists li a {
  font-size: 14px;
  color: #666666;
  letter-spacing: 0;
  line-height: 14px;
  float: left;
}

.software-lists_wrapper .article_lists li a.article-li {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.software-lists_wrapper .article_lists li a .iconfont {
  font-size: 10px;
  padding-right: 8px;
  color: #999;
}

.software-lists_wrapper .article_lists li a.article-name {
  overflow: hidden;
  width: 285px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.software-lists_wrapper .article_lists li a:hover {
  color: #298AFF;
}

.software-lists_wrapper .item_icon {
  float: right;
}

.software-lists_wrapper .item_icon img {
  width: 120px;
  height: 117px;
}

.software-lists_wrapper .content_footer {
  text-align: right;
  padding-top: 23px;
}

.software-lists_wrapper .content_footer a {
  font-size: 14px;
  color: #999999;
  letter-spacing: 0;
  line-height: 14px;
}

.software-lists_wrapper .content_footer a:hover {
  color: #298AFF;
}

.software-lists_wrapper .block-container {
  overflow: hidden;
}

.evaluate-lists_wrapper {
  padding-bottom: 80px;
}

.evaluate-lists_wrapper .content_container {
  overflow: hidden;
  margin-top: 60px;
}

.evaluate-lists_wrapper .evaluate_item {
  height: 274px;
  width: 380px;
  position: relative;
  padding-top: 30px;
  box-sizing: border-box;
  float: left;
}

.evaluate-lists_wrapper .evaluate_item.scope-style {
  margin: 0 29px;
}

.evaluate-lists_wrapper .evalute_container {
  border: 1px solid #F0F0F0;
  padding: 20px 29px;
  height: 242px;
  box-sizing: border-box;
}

.evaluate-lists_wrapper .evalute_container .evaluate_title {
  font-size: 18px;
  color: #666666;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 5px;
}

.evaluate-lists_wrapper .evalute_container .user_info {
  font-size: 20px;
  color: #1A1A1A;
  letter-spacing: 0;
  line-height: 22px;
  padding-right: 105px;
  text-align: right;
}

.evaluate-lists_wrapper .evalute_container .content {
  font-size: 14px;
  color: #666666;
  letter-spacing: 0;
  line-height: 26px;
  width: 282px;
  height: 95px;
}

.evaluate-lists_wrapper .evalute_container .iconfont_wrapper {
  color: #d8d8d8;
  margin-bottom: 18px;
  font-size: 19px;
  line-height: 19px;
}

.evaluate-lists_wrapper .evalute_container .iconfont_wrapper.scope-style {
  text-align: right;
  margin-bottom: 0;
}

.evaluate-lists_wrapper .userIcon {
  position: absolute;
  width: 84px;
  height: 82px;
  top: 0;
  right: 24px;
}

.footer-download_wrapper {
  height: 150px;
  background: url("./images/0717/index_banner_foot.jpg") no-repeat center center;
  background-size: cover;
  text-align: center;
}

.footer-download_wrapper p {
  font-size: 22px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 22px;
  padding: 30px 0 24px;
  margin-bottom: 0;
}

.footer-download_wrapper .btn_detault_style {
  margin: 0 auto;
}

.pc-header {
  position: fixed;
  top: 0;
  left: 0;
  widtH: 100%;
  margin: 0 auto;
  z-index: 1000;
  background: #FFFFFF;
  box-shadow: 0 2px 9px 0 #C9D5F0;
}

.pc-header .navbar-logo {
  float: left;
  margin-top: 11px;
}

.pc-header .header-contianer {
  width: 1200px;
  margin: 0 auto;
  height: 70px;
}

.pc-header .header-contianer .nav-item {
  margin-left: 380px;
  margin-right: 0;
}

.pc-header .header-contianer .nav-item li {
  float: left;
  margin-right: 42px;
  padding-bottom: 6px;
  height: 70px;
  line-height: 70px;
}

.pc-header .header-contianer .nav-item li a {
  font-size: 16px;
  color: #1a1a1a;
  display: inline-block;
  height: 100%;
  position: relative;
}

.pc-header .header-contianer .nav-item li a::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #298AFF;
  margin-top: 10px;
  display: none;
  position: absolute;
  left: 0;
  bottom: 5px;
}

.pc-header .header-contianer .nav-item li.active,
.pc-header .header-contianer .nav-item li:hover {
  position: relative;
}

.pc-header .header-contianer .nav-item li.active a,
.pc-header .header-contianer .nav-item li:hover a {
  font-size: 16px;
  color: #298AFF;
}

.pc-header .header-contianer .nav-item li.active a::after,
.pc-header .header-contianer .nav-item li:hover a::after {
  display: block;
}

.pc-header #search-form {
  float: right;
  margin-top: 19px;
}

.pc-header #search-form .search-icon {
  font-size: 16px;
  position: absolute;
  left: 8px;
  top: 50%;
  line-height: 16px;
  z-index: 1001;
  color: #999999;
  margin-top: -8px;
}

.pc-header #search-form .form-control {
  width: 132px;
  height: 32px;
  box-sizing: border-box;
  font-size: 14px;
  border-radius: 4px 0 0 4px;
  padding: 6px 12px 6px 30px;
  float: left;
}

.pc-header #search-form .search-btn {
  width: 38px;
  height: 32px;
  box-sizing: border-box;
  background: #298AFF;
  font-size: 14px;
  color: #fff;
  padding: 0 !important;
  border: none;
  float: right;
  border-radius: 0px 4px 4px 0;
}

.pc-header #search-form .search-form_wrapper {
  width: 170px;
  position: relative;
  overflow: hidden;
}

.bd_weixin_popup {
  box-sizing: content-box;
}

.index-banner_wrapper .banner-slide_four {
  background: url(./images/cj/chunjie.png) no-repeat center center;
  background-size: cover;
}

.index-banner_wrapper .banner-slide_four .pic-left {
  margin-top: 154px;
  margin-left: 27px;
  height: 290px;
  float: left;
}

.index-banner_wrapper .banner-slide_four .banner_content {
  position: relative;
}

.index-banner_wrapper .banner-slide_four .middle-content {
  float: left;
  position: relative;
  z-index: 2;
}

.index-banner_wrapper .banner-slide_four .middle-content .pic-top {
  height: 77px;
  margin-top: 154px;
}

.index-banner_wrapper .banner-slide_four .middle-content p {
  font-size: 24px;
  color: #FFFFFF;
  letter-spacing: 28px;
  text-align: center;
  margin-top: 10px;
  font-size: 18px;
}

.index-banner_wrapper .banner-slide_four .middle-content .time-container {
  height: 37px;
  background: url("../ifonebox/images/gq/banner_pic_national-day_3@2x.png") no-repeat center center;
  background-size: cover;
  color: #FFFFFF;
  line-height: 39px;
  text-align: center;
  margin-top: 13px;
  width: 534px;
  letter-spacing: 2px;
}

.index-banner_wrapper .banner-slide_four .pic-right {
  height: 339px;
  position: absolute;
  z-index: 1;
  top: 42px;
  right: 140px;
}

.pagination>li>a {
  margin-right: 8px;
}

.result-line_wrapper {
  overflow: hidden;
  position: relative;
  width: 1200px;
}

.search-no_result {
  text-align: center;
  padding-top: 186px;
  padding-bottom: 300px;
  height: 783px;
  box-sizing: border-box;
}

.search-no_result .no-result-pic {
  width: 244px;
  display: block;
  margin: 0 auto;
}

.search-no_result .text-introduce {
  padding-top: 52px;
  font-size: 16px;
  color: #6D6C7D;
  line-height: 26px;
}

.search-no_result a {
  color: #0483F0;
  font-size: 16px;
}

.search-footer_banner {
  background: url("./images/0717/index_banner_foot.jpg") no-repeat center center;
  background-size: cover;
  width: 100%;
  text-align: center;
  font-size: 22px;
  color: #FFFFFF;
  padding: 30px 0;
}

.search-footer_banner p {
  padding-bottom: 24px;
}

.search-footer_banner a {
  background: #FFAC00;
  box-shadow: 0 2px 12px 0 rgba(0, 35, 255, 0.3);
  width: 160px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  padding: 10px 0;
  display: block;
  margin: 0 auto;
}

/*nav二级菜单*/
.dropdown-menu {
  width: 145px;
  box-sizing: border-box;
  background-color: transparent;
  background: url("./images/hover_link_bg.png") no-repeat center center;
  border: none;
  box-shadow: none;
  background-size: 175px auto;
  padding: 10px 11px 5px;
  left: -62px;
}

.dropdown-menu li {
  padding: 8px 0px !important;
  margin-right: 0px !important;
  height: auto !important;
  line-height: normal !important;
  border-top: 1px solid #F2F2F2 !important;
  width: 100%;
}

.dropdown-menu li:first-child {
  border-top: 1px solid transparent !important;
  background: url("./images/win.png") no-repeat 90% center;
  background-size: 15px auto;
}

.dropdown-menu li:last-child {
  background: url("./images/mac.png") no-repeat 90% center;
  background-size: 15px auto;
}

.dropdown-menu li a {
  text-align: left;
  padding: 0 11px;
  width: 100% !important;
  font-size: 12px !important;
  color: #0468FF !important;
  box-sizing: border-box;
}

.dropdown-menu li a::after {
  display: none !important;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
  background-color: transparent;
}

/*非当前系统购买链接提示*/
.modal_wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  z-index: 10001;
  display: none;
}

.modal_wrapper .el-message-box {
  padding: 10px;
  display: inline-block;
  width: 420px;
  padding-bottom: 10px;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ebeef5;
  font-size: 18px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  text-align: left;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -81px;
  margin-left: -210px;
}

.modal_wrapper .el-message-box__title {
  font-size: 18px;
  line-height: 1;
  color: #303133;
}

.modal_wrapper .el-message-box .msg-content {
  font-size: 14px;
  color: #666666;
  padding: 10px 20px;
}

.modal_wrapper .el-message-box .el-message-box__btns {
  padding: 5px 15px 0;
  text-align: right;
}

.modal_wrapper .el-message-box .el-message-box__btns .el-button--small {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 3px;
  border: none;
  outline: none;
  background: #fff;
  border: 1px solid #dcdfe6;
}

.modal_wrapper .el-message-box .el-message-box__btns .el-button--primary {
  background: #0468FF;
  color: #fff;
}

/*首页使用场景修改*/
.evaluate-lists_wrapper .content_title {
  padding-bottom: 60px;
}

.evaluate-lists_wrapper .module-content_title {
  opacity: 0.9;
  font-size: 28px;
  color: #1A1A1A;
  line-height: 28px;
  text-align: center;
  margin: 50px 0px 80px;
}

.evaluate-lists_wrapper #swiperContent {
  width: 1066px;
  position: relative;
  margin: 0 auto;
}

.evaluate-lists_wrapper #swiperContent .swiper2 {
  width: 1034px;
  padding: 5px 0;
}

.evaluate-lists_wrapper .swiper-button-prev {
  left: -60px;
}

.evaluate-lists_wrapper .swiper-button-next {
  right: -60px;
}

.evaluate-lists_wrapper .swiper-slide {
  width: 240px;
  height: 184px;
  border: 1px solid #D6D4D4;
  background: white;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.evaluate-lists_wrapper .swiper-slide img {
  width: 240px;
  height: 131px;
}

.evaluate-lists_wrapper .swiper-slide p {
  height: 53px;
  width: 100%;
  box-sizing: border-box;
  padding-left: 12px;
  line-height: 53px;
  font-size: 14px;
  color: #333;
}

.pagination .swiper-pagination-bullet {
  display: inline-block;
  line-height: 40px;
  width: 50px;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  border-radius: 0;
  margin-top: -1px;
  overflow: hidden;
  vertical-align: middle;
  margin: 0 5px;
  opacity: 1;
  border: none;
  position: relative;
}

.swiper-pagination-bullet:first-child .pagination_bar {
  left: 0;
}

.pagination_bar {
  display: block;
  width: 50px;
  height: 3px;
  background: #FFFFFF;
  position: absolute;
  left: -50px;
  top: 0;
}

/**/
.index-banner_wrapper .banner-slide_one {
  background: url("./images/0717/home_banner-a.png") no-repeat center center;
  background-size: cover;
}

.index-banner_wrapper .banner-slide_one .banner_content {
  background: none;
  margin: 0 auto;
}

.index-banner_wrapper .banner-slide_one .banner_content .content_title {
  padding-top: 0;
  color: #fff;
}

.index-banner_wrapper .banner-slide_one .banner_content .slogen {
  color: #fff;
}

.index-banner_wrapper .banner-slide_one .banner_content .sub_slogen {
  color: #fff;
}

.index-banner_wrapper .banner-slide_one .banner_content .version-decoration .a_zsx {
  color: #fff;
}

.index-banner_wrapper .banner-slide_one .banner_content .version-decoration {
  color: #fff;
}

.btn_detault_style.banner_green {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 1px 12px 0px rgba(28, 0, 255, 0.3);
  color: #645CF3;
}

.btn_detault_style.banner_green:hover {
  background: #645CF3;
  color: #fff;
}

.new_article_screen {
  height: 70px;
  background: #F7F8FA;
  color: #35343D;
  font-size: 14px;
}

.new_article_screen_con {
  width: 1200px;
  height: 70px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.new_article_screen_left span:first-child {
  display: inline-block;
  height: 28px;
  line-height: 28px;
}

.new_article_screen_date {
  border-right: 1px solid #35343D;
  margin-right: 24px;
  padding-right: 24px;
  display: inline-block;
  height: 28px;
  line-height: 28px;
}

.new_article_screen_left {
  display: flex;
  align-items: center;
}

.swiper_article {
  height: 70px;
}

.swiper_article .swiper-wrapper {
  height: 70px;
}

.swiper_article .swiper-wrapper .swiper-slide {
  height: 70px;
  line-height: 70px;
}

.swiper_article .swiper-wrapper .swiper-slide a {
  color: #35343D;
}

.swiper_article .swiper-wrapper .swiper-slide a:hover {
  color: #298AFF;
}

.swiper_article .swiper-wrapper .swiper-slide a:hover .new_article_screen_date {
  border-color: #298AFF;
}

.chat_recover {
  background: #F7F8FA;
  padding-bottom: 76px;
}

.chat_recover .content_container {
  width: 1200px;
  margin: 23px auto 0;
}

.computer_video {
  position: relative;
  width: 612px;
  height: 389px;
  background: url("./images/0717/home_bg_mac@2x.png") no-repeat center center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
}

.computer_video .controls_box {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
}

.none {
  display: none !important;
}

.computer_video .controls_box img {
  position: relative;
  top: 180px;
  width: 44px;
  height: 44px;
}

#myVideo {
  width: 456px;
  height: 256px;
}

#product_list {
  display: flex;
  width: 1200px;
  margin: 80px auto 80px;
}

#product_list .product_mes {
  width: 360px;
  height: 480px;
  background: rgba(255, 255, 255, 1);
  border-radius: 6px;
  border: 1px solid rgba(211, 211, 211, 1);
  padding: 65px 51px 61px;
  box-sizing: border-box;
  text-align: center;
}

#product_list .product_mes:hover {
  box-shadow: 0px 2px 16px 0px rgba(42, 125, 237, 0.3);
  border-color: transparent;
}

#product_list .product_mes:not(:last-child) {
  margin-right: 60px;
}

#product_list .product_mes img {
  width: 90px;
  height: 90px;
}

#product_list .product_mes .p_18 {
  font-size: 18px;
  color: #1A1A1A;
  margin: 28px 0;
}

#product_list .product_mes .p_14 {
  font-size: 14px;
  color: #606060;
  text-align: left;
  line-height: 28px;
  margin-bottom: 32px;
  height: 112px;
}

.product_btn_box a {
  display: inline-block;
  width: 122px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 2px;
  border: 1px solid rgba(41, 138, 255, 1);
}

.product_btn_box a:first-child {
  margin-right: 7px;
}

.product_btn_box a.for_more {
  background: rgba(41, 138, 255, 1);
  color: #fff;
}

.product_btn_box a.for_more:hover {
  background: #4B9DFF;
}

.software-lists_wrapper {
  background: #fff;
}

.relevant_software_nav {
  display: flex;
  justify-content: space-between;
  margin: 60px 0;
  padding: 0 253px;
  position: relative;
}

.relevant_software_nav_sty {
  font-size: 18px;
  display: flex;
  align-items: center;
  color: #6A6A6A;
  cursor: pointer;
}

.relevant_software_nav_sty.on {
  color: #298AFF;
}

.relevant_software_nav_sty i {
  font-size: 28px;
  margin-right: 6px;
}

.relevant_software_nav_more {
  position: absolute;
  right: 0;
  top: 10px;
  color: #666;
  font-size: 14px;
  cursor: pointer;
}

.relevant_software_nav_more:hover {
  color: #298AFF;
}

.relevant_software_con_box {
  display: flex;
  margin-bottom: 95px;
}

.relevant_software_post_list {
  display: flex;
  align-items: center;
}

.relevant_software_post_list_left {
  margin-right: 44px;
}

.relevant_software_post_list img {
  width: 250px;
  height: 141px;
  margin-right: 16px;
}

.no_img_box a {
  width: 312px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 16px;
  color: #666666;
  cursor: pointer;
}

.no_img_box a:hover {
  color: #298AFF;
}

.no_img_box a:not(:last-child) {
  margin-bottom: 10px;
}

.no_img_box a i {
  font-size: 10px;
  margin-right: 16px;
}



/*导航产品中心*/
.product_menu .dropdown-menu {
  background: url("./images/0717/hover_link_bg_a@2x.png") center no-repeat;
  background-size: 174px 154px;
}

.product_menu .dropdown-menu li {
  background: none;

}

.product_menu .dropdown-menu li a {}


.help_page_left_box .small_box {
  width: 320px;
  background: rgba(255, 255, 255, 1);
  border-radius: 2px;
  border: 1px solid rgba(224, 231, 238, 1);
  padding: 18px 18px 28px;
  margin-bottom: 20px;
}

.help_page_left_box .small_box .small_box_title {
  color: #35343D;
  font-size: 16px;
  padding-bottom: 18px;
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 18px;
}

.help_page_left_box .small_box ul li {
  width: 284px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
  margin-bottom: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 10px;
  box-sizing: border-box;
}

.help_page_left_box .small_box ul li a {
  color: #666666;
}

.help_page_left_box .small_box ul li {
  text-align: left;
}

.help_page_left_box .small_box_li_bg ul li {
  background: #F7F8FA;
  text-align: center;
}

.help_page_left_box .small_box_li_bg ul li a {
  display: block;
  width: 100%;
  height: 100%;
}

.help_page_left_box .small_box_li_bg ul li:hover {
  background: rgba(41, 138, 255, 0.23);
}

.help_page_left_box .small_box_li_bg ul li.on {
  background: rgba(41, 138, 255, 0.23);
}

.help_page_left_box .small_box_li_bg ul li.on a {
  color: #298AFF;
}

.help_page_left_box .small_box ul li:hover a {
  color: #298AFF;
}

.single_con {
  margin-left: 22px;
  flex: 1;
}

.single_top_con {
  border: 1px solid rgba(224, 231, 238, 1);
  border-radius: 2px;
  padding: 30px 40px 37px;
  background: #fff;
}

.content_banner_btn {
  display: flex;
  flex-direction: column;
}

.dl_btn_sty {
  background: #FFAC00 !important;
  margin-top: 7px;
}

.dl_btn_sty:hover {
  background: #FFC140 !important;
}

.poster_box a:hover {
  background: #FFC140;
}

.content_banner .content_banner_btn {
  top: 10px;
}


.poster_box {
  width: 780px;
  height: 190px;
  background: url("./images/new_version/xiangqingye_guangao_bg.jpg") center no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.poster_box .p_22 {
  font-size: 22px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 33px;
  margin-bottom: 7px;
}

.poster_box .p_16 {
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  line-height: 22px;
  margin-bottom: 0;
}

.poster_box .btn_box {
  display: flex;
  justify-content: center;
  margin-top: 29px;
}

.poster_box .btn_box a {
  width: 134px;
  height: 44px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.poster_box .btn_box a:first-child {
  background: linear-gradient(270deg, #00AFF3 0%, #0EFBDC 100%);
  margin-right: 58px;
}

.poster_box .btn_box a:first-child:hover {
  background: linear-gradient(270deg, #0097D1 0%, #0EE4C8 100%);
}

.poster_box .btn_box a:last-child {
  background: linear-gradient(270deg, #FF9047 0%, #FFBA1B 100%);
}

.poster_box .btn_box a:last-child:hover {
  background: linear-gradient(270deg, #F1701B 0%, #DFA112 100%);
}

.single_tip span {
  height: 34px;
  display: inline-block;
  background: rgba(238, 246, 255, 1);
  border-radius: 4px;
  font-size: 14px;
  color: #298AFF;
  line-height: 34px;
  text-align: center;
  margin-top: 18px;
  margin-right: 16px;
  padding: 0 10px;
}

.page_article {
  border: none;
  margin-top: 26px;
}

.page_article ul {
  display: flex;
  justify-content: space-between;
}

.page_article ul .buttons {
  width: 343px;
  height: 143px;
  background: rgba(250, 250, 251, 1);
  border-radius: 2px;
  border: 1px solid rgba(221, 220, 229, 1);
  padding: 14px 15px 20px 15px;
}

.page_article ul .buttons .btn_box {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 25px;
}

.page_article ul .buttons .btn_box h3 {
  margin-top: 0;
  flex: 1;
  margin-left: 19px;
  line-height: 23px;
}

.page_article ul .buttons .btn_box h3 a {
  white-space: pre-wrap;
}

.page_article ul .buttons .btn_box .prev_btn_sty {
  width: 70px;
  height: 30px;
  display: block;
  border-radius: 7px;
  border: 1px solid rgba(229, 229, 229, 1);
  text-align: center;
  line-height: 30px;
}

.page_article ul .buttons:hover .btn_box .prev_btn_sty {
  background: rgba(41, 138, 255, 1);
  color: #fff !important;
  border-color: rgba(41, 138, 255, 1);
}

.page_article ul .buttons:hover {
  box-shadow: 0px 3px 12px 3px rgba(0, 0, 0, 0.13);
}

.two_line_text {
  margin-top: 9px;
}

.interfix_reader {
  width: 860px;
  border: 1px solid rgba(224, 231, 238, 1);
  border-radius: 2px;
  padding-bottom: 40px;
  background: #fff;
  padding-left: 38px;
  box-sizing: border-box;
  margin-top: 21px;
}

.interfix_reader .reader_title {
  text-align: center;
  margin-top: 40px;
}

.interfix_reader ul li a {
  width: 322px;
}

.interfix_reader ul li a i {
  margin-right: 12px;
  font-size: 10px;
}

.interfix_reader ul li {
  margin: 6px 108px 6px 0px;
}

.interfix_reader ul li:nth-of-type(2n) {
  margin-right: 0;
}


/*新建下载页面*/
.new_download {
  background: #fff;
}

.new_download .new_download_banner {
  width: 100%;
  height: 470px;
  background: url("./images/0717/download_banner_a@2x.png") center no-repeat;
  background-size: cover;
}

.new_download .new_download_banner .banner_con {
  width: 1200px;
  margin: 0 auto;
  color: #fff;
  padding-top: 46px;
}

.new_download .new_download_banner .banner_con p {
  width: 554px;
}

.new_download .new_download_banner .banner_con .p_46 {
  font-size: 46px;
}

.new_download .new_download_banner .banner_con .p_24 {
  font-size: 24px;
  margin: 23px 0;
}

.new_download .new_download_banner .banner_con .p_18 {
  font-size: 18px;
}

.new_download .new_download_banner .banner_con a {
  width: 180px;
  height: 58px;
  display: block;
  background: rgba(72, 213, 85, 1);
  box-shadow: 0px 1px 12px 0px rgba(0, 255, 24, 0.3);
  border-radius: 4px;
  margin-top: 24px;
  text-align: center;
  line-height: 58px;
  color: #fff;
  font-size: 16px;
  position: relative;
}

.new_download .new_download_banner .banner_con a:hover {
  background: #42CA4E;
}

.new_download .new_download_banner .banner_con a .version_icon {
  width: 56px;
  height: 54px;
  position: absolute;
  right: 0;
  top: 0;
}

.dl_module {
  width: 1200px;
  margin: 81px auto 0;
  text-align: center;
}

.dl_module .new_dl_title {
  color: #1A1A1A;
  font-size: 30px;
  font-weight: normal;
}

.dl_module .dl_module_desc {
  color: #606060;
  font-size: 16px;
  line-height: 32px;
  margin: 24px auto 29px;
  text-align: left;
  width: 1000px;
}

.dl_module .computer_img {
  width: 552px;
  height: 325px;
}

.dl_module .pk_img {
  width: 343px;
  height: 325px;
  margin-right: 62px;
}

.dl_module .table_img {
  width: 790px;
  height: 388px;
}

.dl_module .img_box {
  margin-top: 70px;
}

.dl_module_gray {
  background: #F7F8FA;
  width: 100%;
  padding: 51px 0 79px;
}

.dl_module_gray_img_box {
  display: flex;
  justify-content: center;
  margin-top: 70px;
}

.dl_module_gray_img_box_bg {
  width: 280px;
  height: 150px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dl_module_gray_img_box_bg:not(:last-child) {
  margin-right: 27px;
}

.dl_module_gray_img_box img {
  width: 228px;
  height: 82px;
}

/* .pc-header .navbar-logo {
  width: 200px;
  height: 55px;
  background: url('./images/chunjie_toubu_01.png');
  background-size: 200px 55px;
}

.pc-header .navbar-logo {
  display: flex;
  align-items: center;
  margin-top: 0;
}

.pc-header .navbar-logo img {
  width: 26px;
  height: 26px;
  margin-right: 10px;
}

.pc-header .navbar-logo span {
  display: flex;
  align-items: center;
  color: #FFE5C7;
  font-size: 18px;
  font-weight: bold;
  padding-left: 46px;
  padding-top: 8px;
} */

.pc-header .navbar-logo {
  margin-top: 21px;
}

.btn_detault_style.banner_two.banner_two:hover {
  background: #F5F4FF;
  color: #645CF3;
}

.new_article_screen_right {
  color: #666;
}

.new_article_screen_right:hover {
  color: #298AFF;
}

body {
  background: #F6F9FC;
}

.help_page_box {
  width: 1200px;
  margin: 0 auto;
}

.margin_top_10 {
  margin-top: 10px;
}

.index-banner_wrapper .banner-slide_one .banner_content {
  width: 1200px;
}

.index-banner_wrapper .banner-slide_one .banner_content .left_content {
  float: left !important;
  margin-top: 70px;
}

.index-banner_wrapper .banner-slide_one .banner_content .left_content img {
  width: 661px;
  height: 329px;
}

.content_banner .content_banner_btn {
  left: 170px;
}

.content_banner .content_banner_text {
  left: 160px;
}


.index-banner_wrapper .banner-slide_new {
  background: url(./images/new_version/banner_bg.jpg) no-repeat center center;
  background-size: cover;
}

.index-banner_wrapper .banner-slide_new .right_content {
  text-align: left;
}

.index-banner_wrapper .banner-slide_new .p_24 {
  font-size: 24px;
  color: #FFFFFF;
  line-height: 24px;
  margin: 24px 0 6px;
}

.index-banner_wrapper .banner-slide_new .p_18 {
  font-size: 18px;
  color: #FFFFFF;
  line-height: 24px;
}

.index-banner_wrapper .banner-slide_new .banner_blue {
  width: 180px;
  height: 58px;
  background: #FFFFFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 75, 255, 0.3);
  border-radius: 4px;
  font-size: 20px;
  font-weight: 500;
  color: #008EFF;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.index-banner_wrapper .banner-slide_new .banner_blue:hover {
  background: #F3F8FF;
  box-shadow: 0px 4px 12px 0px rgba(0, 75, 255, 0.3);
}

.index-banner_wrapper .banner-slide_new .banner_blue .version_icon {
  width: 46px;
  height: 44px;
}




.fixed_dlb {
  position: fixed;
  bottom: -1px;
  left: 0;
  background: url("./images/rukou_bg.jpg") center no-repeat;
  background-size: cover;
  height: 100px;
  width: 100%;
  z-index: 10000;
}

.fixed_dlb>div {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.fixed_dlb>div>span {
  font-size: 20px;
  color: #F95729;
  position: fixed;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  padding-left: 47px;
}

.fixed_dlb>div p {
  background: url("./images/rukou_btn@2x.png") center no-repeat;
  background-size: 197px 52px;
  width: 197px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  color: #8B4D07;
  position: absolute;
  right: 36px;
  top: 26px;
  box-sizing: border-box;
  animation-name: likes;
  animation-direction: alternate;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-duration: 1s;
}

@keyframes likes {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(0.95);
  }

  50% {
    transform: scale(0.9);
  }

  75% {
    transform: scale(0.95);
  }

  100% {
    transform: scale(1);
  }
}

.fixed_dlb>div .close_btn {
  position: absolute;
  right: 10px;
  top: 11px;
  width: 21px;
  height: 21px;
  cursor: pointer;
  z-index: 2;
}


/* 下落动画 */
#leafContainer {
  position: fixed;
  width: 100%;
  top: -80px;
  z-index: 1001;
}

#leafContainer>div {
  position: fixed;
  width: 60px;
  height: 60px;
  z-index: 999;
  -webkit-animation-iteration-count: 1, 1;
  -webkit-animation-direction: normal, normal;
  -webkit-animation-timing-function: linear, ease-in;
}

#leafContainer>div>img {
  position: absolute;
  width: 60px;
  height: 60px;
  -webkit-user-drag: none;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-transform-origin: 50% - 100%;
}

@-webkit-keyframes fade {
  0% {
    opacity: 1;
  }

  95% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes drop {

  /* 在动画开始时，在y轴上将叶子移动到-300像素 */
  0% {
    -webkit-transform: translate(0px, -50px);
  }

  /* 在动画结束时，在y轴上将叶子移动到600像素 */
  100% {
    -webkit-transform: translate(0px, 850px);
  }
}

/* 在二维空间中将叶子从-50度旋转到50度 */
@-webkit-keyframes clockwiseSpin {

  /* 在动画开始时，在2D空间中将树叶旋转-50度 */
  0% {
    -webkit-transform: rotate(-50deg);
  }

  /*  在动画结束时，在2D空间中将树叶旋转50度 */
  100% {
    -webkit-transform: rotate(50deg);
  }
}


/* 翻转树叶并在二维空间中将其从50度旋转到-50度 */
@-webkit-keyframes counterclockwiseSpinAndFlip {

  /* 在动画开始时翻转树叶并在2D空间中将其旋转50度 */
  0% {
    -webkit-transform: scale(-1, 1) rotate(50deg);
  }

  /* 在动画结束时，翻转树叶并在2D空间中将其旋转-50度 */
  100% {
    -webkit-transform: scale(-1, 1) rotate(-50deg);
  }
}