/*
Theme Name: 豆皮
Theme URI: http://www.douco.com/
Description: DouCo 默认模板
Version: 1.0
Author: DouCo Co.,Ltd.
Author URI: http://www.douco.com/
*/

/* 全局通用
----------------------------------------------- */
body {
 font-family: Microsoft YaHei UI, Microsoft Yahei, \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, Arial, Lucida, Verdana, Helvetica, sans-serif;
 color: #555;
 background-color: #F4F4F4;
}
body, button, input, textarea {
 font-size: 14px;
 line-height: 1.531;
 outline: none;
 margin: 0;
 padding: 0;
 border: 0;
}
p, ul, ol, dl, dt, dd, form, blockquote, pre {
 margin: 0;
 padding: 0;
}
ul, ol {
 list-style: none;
}
h1, h2, h3, h4, h5, h6 {
 font-weight: normal;
 margin: 0;
 padding: 0;
 color: #333;
}
em, b, i {
 font-style: normal;
 font-weight: normal;
}
img {
 border: 0;
}
a {
 text-decoration: none;
 color: #333;
}
a:hover {
 text-decoration: none;
}
input, img, select {
 vertical-align: middle;
}
input::-webkit-input-placeholder{
	color: #CCC!important;
}
input:-moz-placeholder{
	color: #CCC!important;
}
input::-moz-placeholder{
	color: #CCC!important;
}
input:-ms-input-placeholder{
	color: #CCC!important;
}
input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0px 1000px #F4F4F4 inset !important;
}
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
*html .clearfix {
 height: 1%;
}
*+html .clearfix {
 height: 1%;
}
.clear {
 clear: both;
 height: 0;
 line-height: 0;
 font-size: 0;
}
.none {
 display: none;
}
.cue {
 color: red;
 font-size: 12px;
}
.cueBox {
 border: 1px solid #E6DB55;
 background: #FFFBCC;
 color: #B58105;
 padding: 1em 1.5em;
}
.cueBox a {
 color: #0072C6;
}
.mb {
 padding-bottom: 50px;
}
.captcha {
 text-transform: uppercase;
}
.captchaImg {
 cursor: pointer;
}
header {
 position: relative;
}
/* 主体框架
----------------------------------------------- */
#wrapper {
}
@media (min-width: 1200px) {
 .container {
  max-width: 1280px;
 }
}
#wrapper .wrap {
 padding: 0 20px;
}
@media (max-width: 992px) {
 #wrapper .wrap {
  padding: 0 10px;
 }
}
#wrapper .bor {
 border-bottom: 1px solid #DDD;
}
#wrapper .bg-white {
 background-color: #FFF;
}
#wrapper .mb {
 margin-bottom: 50px;
}
#contenter {
 margin: 20px auto 50px auto;
}
/* -- page -- */
#pageLeft {
 float: left;
 width: 180px;
 margin-right: 30px;
 padding-top: 30px;
}
#pageIn {
 float: left;
 width: 890px;
 overflow: hidden;
 padding-top: 30px;
}
@media (max-width: 992px) {
 #pageLeft {
  float: none;
  width: auto;
  margin-right: 0;
  padding-top: 0;
 }
 #pageIn {
  float: none;
  width: auto;
  padding-top: 0;
 }
}
/* 头部导航
----------------------------------------------- */
#header.fix {
 background-color: #FFF;
 height: 107px;
 position: fixed;
 top: 0;
 right: 0;
 left: 0;
 z-index: 1030;
}
.place {
 height: 107px;
}
@media (max-width: 992px) {
 #header.fix {
  height: 72px;
 }
 .place {
  height: 72px;
 }
}
/* -- header -- */
#header .head {
 padding: 0 56px;
}
#header .head.mini {
 padding: 0;
}
#header .head .topNav {
 background: #EEE url(images/icon_cloud.png) no-repeat left top;
 padding: 0 15px 0 45px;
 text-align: left;
 float: right;
 height: 26px;
 line-height: 26px;
 font-size: 12px;
}
#header .head .topNav a {
 text-decoration: none;
}
#header .head .topNav a:hover {
 color: #0072C6;
}
#header .head .topNav a.btn-nav {
 display: inline-block;
 padding: 0 8px;
 background-color: #0072C6;
 color: #FFF;
}
#header .head .topNav s {
 display: inline-block;
 font-size: 1px;
 width: 1px;
 height: 10px;
 background-color: #999;
 margin: 0 15px;
}
#header .head .topNav a.partner {
 background-color: #0072C6;
 color: #FFF;
}
#header .head .topNav a.viping {
 background-color: #19B4EA;
 color: #FFF;
}
#header .head .topNav a.viping b {
 color: #FFFF00;
}
/* -- navbar -- */
#header .navbar {
 position: relative;
 z-index: 1000;
 background-color: #FFF;
 border-bottom: 1px solid #DDD;
}
@media (min-width:992px) {
 #header .navbar {
  padding: 0 56px;
 }
}
#header .navbar .logo {
 display: block;
 height: 45px;
}
#header .navbar .logo img {
 height: 100%;
}
#header .navbar button {
 background-color: #FFF;
}
#header .navbar .fa {
 font-size: 30px;
 padding: 0 10px;
}
@media (min-width:992px) {
 /* -- main-nav -- */
 #header .main-nav {
 }
 /* LEVEL ONE */
 #header .main-nav li {
  font-size: 16px;
  float: left;
 }
 #header .main-nav li a.nav-link {
  display: block;
  padding: 0 20px;
  line-height: 80px;
  text-align: center;
  color: #000;
  text-decoration: none;
  position: relative;
 }
 #header .main-nav li a.nav-link::after {
  height: 1px;
  left: 20px;
  width: calc(100% - 40px);
  position: absolute;
  bottom: 0px;
  content: "";
 }
 #header .main-nav li:hover a.nav-link::after {
  display: block;
  background: #7b7b7b;
 }
 #header .main-nav li.active a.nav-link::after {
  display: block;
  background: #000;
 }
 #header .main-nav .dropdown {
  position: static;
 }
 #header .main-nav .dropdown:hover>.dropdown-menu {
  display: block;
  padding: 0;
  margin: 0;
  top: 42px;
  min-width: 10rem;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 0;
 }
 #header .main-nav .dropdown>.dropdown-toggle:active {
  pointer-events: none;
 }
 /* LEVEL TWO */
 #header .main-nav .childBox {
  border-top: 2px solid #FFF;
  background: #EEE;
  border-bottom: 1px solid #DDD;
  width: 100%;
 }
 #header .main-nav .childBox .sub {
  padding: 20px 0;
  font-size: 20px;
  color: #999;
 }
 #header .main-nav .childBox ul {
  zoom: 1;
  overflow: hidden;
  padding-bottom: 30px;
 }
 #header .main-nav .childBox a {
  display: block;
  float: left;
  padding: 8px 25px;
  border: 1px solid #DDD;
  text-decoration: none;
  margin: 0 20px 20px 0;
 }
 #header .main-nav .childBox a strong {
  display: block;
  font-size: 20px;
  color: #333;
 }
 #header .main-nav .childBox a em {
  display: block;
  font-size: 13px;
  color: #999;
 }
 #header .main-nav .childBox a:hover {
  background-color: #DDD;
 }
}
@media (max-width:992px) {
 #header .main-nav li a.nav-link {
  font-size: 16px;
  border-top: 1px solid #EEE;
  padding-top: 15px;
  padding-bottom: 15px;
 }
}
/* 首页样式
----------------------------------------------- */
/* -- slideShow -- */
.carousel-item a {
 display: block;
 background-color: #DDDDDD;
 height: 360px;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: auto 100%;
}
@media (max-width:768px) {
 .carousel .carousel-inner {
 }
 .carousel-item a {
  height: 200px;
 }
}
#index {
 background-color: #EEE;
 padding-bottom: 100px;
}
/* -- inBox -- */
#index .inBox {
 padding-top: 120px;
 zoom: 1;
 overflow: hidden;
}
#index .inBox .head {
 margin-bottom: 40px;
}
#index .inBox .head .name {
 margin-bottom: 5px;
 color: #000;
 font-size: 40px;
 font-weight: bold;
}
@media (max-width: 992px) {
 #index {
  padding-bottom: 30px;
 }
 #index .inBox .head {
  margin-bottom: 15px;
 }
 #index .inBox .head .name {
  font-size: 20px;
 }
 #index .inBox {
  padding-top: 30px;
 }
}
#index .inBox .head .name a {
 color: #000;
 transition: 0.3s all ease;
}
#index .inBox .head .name a:hover {
 text-decoration: none;
 color: #555;
}
#index .inBox .head .name a i {
 margin-left: 30px;
 transition: 0.3s all ease;
 font-weight: bold;
}
#index .inBox .head .name a:hover i {
 margin-left: 40px;
}
#index .inBox .head .name a.down {
 display: inline-block;
 border: 1px solid #19B4EA;
 color: #19B4EA;
 font-size: 14px;
 padding: 1px 20px;
 vertical-align:middle;
 margin-left: 10px;
 text-decoration: none;
}
#index .inBox .head .sub {
 display: block;
 font-size: 13px;
 color: #AAA;
}
#index .inBox .action {
 margin-top: 20px;
}
/* -- dou-brief -- */
#index .dou-brief {
 padding: 90px 0;
 background-color: #FFF;
}
#index .dou-brief h1 {
 color: #000;
 font-size: 60px;
 font-weight: bold;
 letter-spacing: 2px;
 margin-bottom: 10px;
}
#index .dou-brief .sub {
 color: #333;
 font-size: 20px;
 font-weight: bold;
}
@media (max-width: 992px) {
 #index .dou-brief {
  padding: 50px 0;
 }
 #index .dou-brief h1 {
  font-size: 30px;
 }
 #index .dou-brief .sub {
  font-size: 14px;
 }
}
#index .dou-brief .info {
 margin-top: 20px;
 color: #555;
 font-size: 14px;
 line-height: 190%;
}
#index .dou-brief .action {
 margin-top: 28px;
}
#index .dou-brief .action a {
 display: inline-block;
 height: 48px;
 line-height: 48px;
 border-radius: 24px;
 padding: 0 32px;
 font-size: 16px;
 margin-right: 20px;
}
@media (max-width: 992px) {
 #index .dou-brief .action a {
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  padding: 0 15px;
  font-size: 12px;
  margin-right: 6px;
  margin-bottom: 10px;
 }
}
#index .dou-brief .action .btn-hollow {
 border: 1px solid #333;
 color: #333;
}
#index .dou-brief .action .btn-solid {
 background-color: #19B4EA;
 border: 1px solid #19B4EA;
 color: #FFF;
}
#index .dou-brief .action .popup {
 position: relative;
}
#index .dou-brief .action .popup span {
 display: none;
 position: absolute;
 bottom: 130%;
 left: 0;
 width: 167px;
 padding: 10px;
 border: 1px solid #EEE;
 background-color: #FFF;
 box-shadow: rgba(17, 70, 172, 0.1) 0px 3px 10px 1px;
}
#index .dou-brief .action .popup:hover span {
 display: block;
}
#index .dou-brief .action .popup span em {
 display: block;
 color: #999;
 line-height: 100%;
 text-align: center;
 border-bottom: 1px solid #EEE;
 padding-bottom: 10px;
}
#index .dou-brief .action .popup span img {
 width: 100%;
 margin-top: 8px;
}
#index .dou-brief .action a:hover {
 text-decoration: none;
 border: 1px solid #19B4EA;
 background-color: #19B4EA;
 color: #FFF;
}
#index .dou-brief .action a i {
 margin-right: 5px;
 font-size: 14px;
 vertical-align: middle;
}
/* -- a-box -- */
#index .dou-brief .action .a-box {
 position: relative;
 display: inline-block;
 margin-right: 20px;
 width: 148px;
 height: 48px;
}
#index .dou-brief .action .a-box .con {
 position: absolute;
 left: 0;
 top: 0;
}
#index .dou-brief .action .a-box a {
 display: inline-block;
 width: 148px;
 height: 48px;
 text-align: center;
 line-height: 48px;
 border-radius: 24px;
 font-size: 16px;
 margin-bottom: 10px;
}
@media (max-width: 992px) {
 #index .dou-brief .action .a-box {
  margin-right: 6px;
  margin-bottom: 10px;
  width: 98px;
  height: 32px;
 }
 #index .dou-brief .action .a-box a {
  width: 98px;
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  font-size: 12px;
 }
}
/* -- ladder -- */
#index .ladder .item.bottom {
 margin-bottom: 120px;
}
#index .ladder .item .left .title {
 font-size: 40px;
 font-weight: bold;
 color: #000;
 padding: 30px 0 20px 0;
}
@media (max-width: 992px) {
 #index .ladder .item.bottom {
  margin-bottom: 60px;
 }
 #index .ladder .item .left .title {
  font-size: 20px;
  padding: 0 0 20px 0;
 }
}
#index .ladder .item .left .sub {
 font-size: 16px;
 line-height: 180%;
}
#index .ladder .item .left .sub-module {
}
#index .ladder .item .left .sub-module a {
 display: inline-block;
 font-size: 12px;
 padding: 4px 15px;
 border-radius: 14px;
 background-color: #FFF;
 color: #999;
 margin: 0 10px 10px 0;
}
#index .ladder .item .left .sub-module a:hover {
 background-color: #19B4EA;
 color: #FFF;
}
#index .ladder .item .left .action {
 margin-top: 30px;
}
#index .ladder .item .right img {
 width: 100%;
}
@media (max-width: 992px) {
 #index .ladder .item .left .action {
  margin-top: 20px;
 }
 #index .ladder .item .right {
  margin-top: 20px;
 }
}
/* -- route -- */
.route {
 background-color: #18B3EA;
 color: #FFF;
 text-align: center;
 font-size: 14px;
 padding: 7px 0;
}
/* -- theme-list -- */
.theme-list .item {
 margin-bottom: 30px;
 background-color: #FFF;
 padding: 10px 10px 13px 10px;
 color: #999;
}
.theme-list .item .img img {
 width: 100%;
}
.theme-list .item .name {
 color: #333;
 margin-top: 10px;
}
#extend-category {
}
.theme-list .item .sale {
 margin-top: 10px;
}
.theme-list .item .unique {
 margin-top: 5px;
}
.theme-list .item .btnList {
 margin-top: 10px;
}
.theme-list .item .btnList span a {
	color: #0072C6;
	margin-right: 10px;
}
.theme-list .item .btnList span em {
	margin-right: 10px;
}
/* -- module-list -- */
#index .module-list {
}
#index .module-list .item {
 display: block;
 border: 1px solid #DDD;
 margin-bottom: 20px;
 padding: 15px;
 transition: 0.3s all;
}
#index .module-list .item:hover {
 background-color: #FFF;
 border: 1px solid #FFF;
}
#index .module-list .item .name {
 font-size: 16px;
 font-weight: bold;
 margin-bottom: 10px;
}
#index .module-list .item .text {
 color: #999;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
 text-overflow: ellipsis;
}
/* -- cat-article -- */
#index .cat-article .list {
 background-color: #FFF;
 padding: 30px;
}
#index .cat-article .list h2 {
 font-size: 24px;
 margin-bottom: 40px;
 color: #000;
 font-weight: bold;
}
#index .cat-article .list h2 a {
 color: #000;
 transition: 0.3s all ease;
}
#index .cat-article .list h2 a:hover {
 text-decoration: none;
 color: #555;
}
#index .cat-article .list h2 a i {
 margin-left: 30px;
 transition: 0.3s all ease;
 font-weight: bold;
}
#index .cat-article .list h2 a:hover i {
 margin-left: 40px;
}
#index .cat-article .list dl {
 margin-bottom: 20px;
}
#index .cat-article .list dl dt {
 margin-bottom: 5px;
 font-weight: normal;
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap;
}
#index .cat-article .list dl dt a {
 color: #555;
}
#index .cat-article .list dl dd {
 color: #999;
 font-size: 12px;
}
/* 简约框架
----------------------------------------------- */
#miniLeft {
 float: left;
 width: 200px;
 position: fixed;
 top: 0;
 left: 0;
}
#miniMain {
 margin-left: 210px;
 border-left: 1px solid #CCC;
 padding: 0 40px 40px 40px;
 min-height: 800px;
}
@media (max-width: 992px) {
 #miniLeft {
  float: none;
  width: auto;
  position: static;
  top: 0;
  left: 0;
 }
 #miniMain {
  margin-left: 0;
  border-left: 0;
  padding: 10px 15px;
  min-height: 800px;
 }
 #header .head {
  zoom: 1;
  overflow: hidden;
 }
 #header .head .topNav {
  float: none;
 }
}
/* -- logo -- */
#miniLeft .logo a {
 display: block;
 margin: 10px;
 padding: 20px 0;
 text-align: center;
}
#miniLeft .logo img {
 max-width: 100%;
}
#miniLeft .menu {
 border-top: 1px solid #CCC;
 margin: 10px;
}
#miniLeft .menu li {
 border-bottom: 1px solid #DDD;
}
#miniLeft .menu li a {
 display: block;
 padding: 10px 0;
 text-align: center;
 text-decoration: none;
 font-size: 14px;
}
#miniLeft .menu ul li a {
 color: #999;
}
#miniLeft .menu li a:hover {
 background-color: #DDD;
 color: #555;
}
#miniLeft .menu li.cur a {
 background-color: #19B4EA;
 color: #FFF;
}
#miniLeft .menu li.user {
 text-align: center;
 color: #CCC;
}
#miniLeft .menu li.user a {
 display: inline-block;
 margin: 0 5px;
 color: #19B4EA;
 font-weight: bold;
}
/* 产品下载
----------------------------------------------- */
/* -- douDesc -- */
#douDesc {
 border-left: 1px dotted #CCC;
 position: relative;
 width: 1100px;
 margin: 20px auto 40px auto;
}
#douDesc dl {
 float: left;
 width: 234px;
 border-right: 1px dotted #CCC;
 border-bottom: 1px dotted #CCC;
 text-align: center;
 padding: 40px 20px;
}
#douDesc dl:hover {
 background-color: #EEE;
}
#douDesc dl.noBottom {
 border-bottom: 0;
}
#douDesc dt {
 font-size: 16px;
 color: #545454;
 margin-bottom: 20px;
}
#douDesc dd {
 color: #AAAAAA;
 line-height: 180%;
}
#douDesc .title {
 background-color: #AAAAAA;
 position: absolute;
 left: -27px;
 top: 124px;
 padding: 18px 8px;
 width: 11px;
 height: 68px;
 color: #FFF;
}
#douDesc dt i {
 display: block;
 background: url(images/icon_desc.png) no-repeat left top;
 width: 50px;
 height: 50px;
 margin: 0 auto 10px auto;
}
#douDesc dt i.desc02 {
 background-position: left -50px;
}
#douDesc dt i.desc03 {
 background-position: left -100px;
}
#douDesc dt i.desc04 {
 background-position: left -150px;
}
#douDesc dt i.desc05 {
 background-position: left -200px;
}
#douDesc dt i.desc06 {
 background-position: left -250px;
}
#douDesc dt i.desc07 {
 background-position: left -300px;
}
#douDesc dt i.desc08 {
 background-position: left -350px;
}
/* -- textBox -- */
.textBox {
}
.textBox h3 {
 background: url(images/textbox_dt.gif) no-repeat left bottom;
 height: 40px;
 font-size: 16px;
 font-weight: bold;
 margin-bottom: 15px;
}
.textBox ul {
 line-height: 240%;
}
/* 在线教程
----------------------------------------------- */
#help .helpTree {
 border: 1px solid #DFDFDF;
 float: left;
}
#help .helpTree li {
 float: left;
}
#help .helpTree a {
 display: inline-block;
 background-color: #FFF;
 padding: 0 30px;
 height: 40px;
 line-height: 40px;
 font-size: 14px;
}
#help .helpTree a.cur {
 background-color: #19B4EA;
 color: #FFF;
}
/* -- helpList -- */
#help .helpBox {
 position: relative;
}
#help .helpList {
 position: relative;
 margin-top: 10px;
}
#help .helpList dl {
 background-color: #FFF;
 border: 2px dotted #DFDFDF;
 float: left;
 width: 325px;
 display: none; /** Hide items initially to avoid a flicker effect **/
 padding: 15px;
 line-height: 180%;
 overflow: hidden;
 font-family: \5b8b\4f53, Arial;
}
#help .helpList dl dt {
 font-size: 18px;
 color: #19B4EA;
 font-weight: bold;
 margin-bottom: 10px;
}
#help .helpList dl img {
 max-width: 100%;
 display: block;
}
#help .helpList dd pre {
 margin-bottom: 10px;
}
#help .helpList dd .more a {
 display: block;
 color: #555;
 background-color: #EBEBEB;
 margin-top: 10px;
 text-align: center;
 padding: 3px 0;
}
#help .helpList dd .more a:hover {
 background-color: #D9D9D9;
 text-decoration: none;
}
/* -- helpContent -- */
#help .helpContent {
 margin-top: 10px;
 background-color: #FFF;
 border: 2px dotted #DFDFDF;
 padding: 15px;
 line-height: 180%;
 font-family: \5b8b\4f53, Arial;
}
#help .helpContent h1 {
 font-size: 18px;
 color: #19B4EA;
 font-weight: bold;
 margin-bottom: 10px;
}
#help .helpContent .ke-pagebreak {
 display: none;
}
/* 购买
----------------------------------------------- */
#service {
 font-size: 14px;
 padding-top: 50px;
}
#service .wrap {
 zoom: 1;
 overflow: hidden;
}
#service .left {
 width: 70%;
 float: left;
}
#service .right {
 width: 30%;
 float: left;
}
#service .buyContact {
 background: url(images/icon_cart.gif) no-repeat left 50%;
 padding: 5px 0 0 35px;
 margin-bottom: 80px;
 color: #19B4EA;
 font-size: 18px;
}
#service .buyContact em {
 color: #000;
 margin-left: 8px;
}
#service .textBox {
 margin-bottom: 30px;
}
/* -- tableList -- */
#service .tableList {
 border-left: 1px solid #DFDFDF;
 border-top: 1px solid #DFDFDF;
 margin-bottom: 30px;
}
#service .tableList td, #service .tableList th {
 border-bottom: 1px solid #DFDFDF;
 border-right: 1px solid #DFDFDF;
 padding: 10px;
}
#service .tableList th {
 background-color: #EEEEEE;
 color: #19B4EA;
 padding: 15px 10px;
}
#service .tableList .line {
 height: 0;
 padding: 0;
}
#service .tableList .cate {
 background-color: #EEEEEE;
 color: #333;
}
/* -- step -- */
#service .step {
 margin: 15px 0 40px 0;
}
#service .step h2 {
 font-size: 16px;
 margin-bottom: 15px;
}
#service .step dt {
 border: 1px dotted #CCC;
 display: inline-block;
 color: #19B4EA;
 padding-right: 10px;
 font-size: 16px;
 line-height: 35px;
}
#service .step dt em {
 border-right: 1px dotted #DFDFDF;
 display: inline-block;
 padding: 0 15px;
 margin-right: 10px;
}
#service .step dd {
 padding: 8px 20px 15px 20px;
}
/* -- authorize -- */
#authorize {
 background: url(images/authorize.jpg) no-repeat right top;
 height: 340px;
}
#authorize dl {
 float: left;
 width: 620px;
}
@media (max-width: 992px) {
 #authorize {
  background: url();
  height: auto;
 }
 #authorize dl {
  float: none;
  width: auto;
 }
}
#authorize dt {
 color: #19B4EA;
 font-size: 26px;
}
#authorize dd {
 border: 1px solid #19B4EA;
 padding: 15px;
 line-height: 20px;
 font-size: 16px;
}
#authorize dd span {
 color: #666;
}
#authorize dd .input {
 font-size: 16px;
 color: #666;
 border: 1px solid #DBDBDB;
 background-color: #FFF;
 padding: 4px 5px;
 margin-left: 4px;
}
#authorize ul {
 background-color: #EEEEEE;
 padding: 20px;
 font-size: 16px;
 position: relative;
}
#authorize ul .close {
 position: absolute;
 top: 5px;
 right: 5px;
}
@media (max-width: 992px) {
 #authorize dd .input {
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 15px 0;
 }
 #authorize ul {
  padding: 0;
  margin-top: 20px;
 }
 #authorize ul .close {
  position: static;
  top: 5px;
  right: 5px;
 }
}
#authorize .submit {
 display: inline-block;
 background-color: #0072C6;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border: 0;
 color: #FFF;
 padding: 6px 15px;
 font-weight: bold;
 text-transform: capitalize;
 cursor: pointer;
}
#authorize ul p {
 color: #F00;
}
/* 库项目样式
----------------------------------------------- */
/* -- urHere -- */
.urHere {
 padding: 30px 0;
 color: #999999;
 background-color: #FFF;
 border-bottom: 1px solid #DDD;
}
.urHere a {
 color: #999999;
}
.urHere b {
 margin: 0 8px;
}
/* page
----------------------------------------------- */
#page {
 padding: 20px 0;
}
#page h1 {
 color: #333333;
 font-size: 24px;
 font-weight: bold;
}
#page .content {
 color: #666666;
 line-height: 200%;
 padding-top: 10px;
}
#page .alert {
 text-align: center;
 padding: 150px 0 260px 0;
}
#page .alert a {
 padding: 10px 25px;
 color: #FFF;
}
#page .alert a.linkBlue {
 background-color: #0072C6;
 margin-right: 15px;
}
#page .alert a.linkLight {
 background-color: #19B4EA;
}
/* history
----------------------------------------------- */
#history {
 padding: 20px 10px;
}
#history dl {
 border-bottom: 1px solid #DDD;
 padding-bottom: 10px;
 margin-bottom: 15px;
}
#history ul {
 padding-top: 10px;
}
#history dt {
 font-size: 14px;
}
#history dt b {
 margin-right: 15px;
}
@media (max-width: 992px) {
 #history dt span {
  display: block;
  margin-top: 10px;
 }
 #history dt span b {
  margin-right: 0;
 }
}
#history li {
 position: relative;
 line-height: 25px;
 margin-bottom: 10px;
}
#history li em {
 display: block;
 padding-left: 75px;
}
#history li i {
 position: absolute;
 display: block;
 border-radius: 2px;
 height: 25px;
 color: #FFF;
 text-align: center;
 width: 65px;
}
#history li i.x {
 background-color: #E39F0F;
}
#history li i.z {
 background-color: #82CD5C;
}
#history li i.y {
 background-color: #6ABAE3;
}
#history li i.a {
 background-color: #0072C6;
}
/* article_category
----------------------------------------------- */
#articleCat {
 padding: 30px 10px 80px 10px;
}
#articleCat .articleList dl {
 border-bottom: 1px dotted #D1D1D1;
 padding: 20px 0;
}
#articleCat .articleList dl.last {
 border-bottom: 0;
}
#articleCat .articleList dt {
 font-size: 20px;
 margin-bottom: 10px;
 font-weight: bold;
}
#articleCat .articleList .info {
 margin-bottom: 10px;
}
#articleCat .articleList .info span {
 margin-right: 20px;
 color: #999;
}
#articleCat .articleList .info .iconfont {
 color: #999999;
 font-size: 16px;
 margin-right: 5px;
}
#articleCat .articleList dd.desc {
 color: #666;
 line-height: 180%;
 font-size: 13px;
}
/* article
----------------------------------------------- */
#article {
 padding: 20px 0;
}
#article h1 {
 color: #333333;
 font-size: 18px;
 font-weight: bold;
}
#article .info {
 padding: 2px 0 20px 0;
 color: #999999;
 font-size: 13px;
}
#article .content {
 color: #666666;
 line-height: 180%;
}
/* article
----------------------------------------------- */
#article {
 padding: 20px 0;
}
#article h1 {
 font-size: 18px;
 font-weight: bold;
}
#article .info {
 padding: 2px 0 20px 0;
 color: #999999;
 font-size: 13px;
}
#article .content {
 color: #666666;
 line-height: 260%;
 font-size: 14px;
}
#article .content img {
 max-width: 100%;
}
/* case_category
----------------------------------------------- */
#caseList dl {
 border-bottom: 1px dotted #D1D1D1;
 padding: 30px 0;
 zoom: 1;
 overflow: hidden;
}
#caseList dl.last {
 border-bottom: 0;
}
#caseList dt {
 border: 1px solid #DDD;
 float: left;
 width: 250px;
 margin-right: 30px;
 padding: 30px 10px;
}
#caseList dd {
 float: left;
 width: 730px;
 color: #999999;
 line-height: 180%;
}
#caseList dd .title {
 font-size: 14px;
 font-weight: bold;
 color: #666;
}
#caseList dd .desc {
 padding: 5px 0;
}
#caseList dd .url {
 margin-bottom: 15px;
 font-family: Arial;
 font-size: 16px;
}
#caseList dd .keywords {
 color: #666;
}
/* extend
----------------------------------------------- */
#extend {
 zoom: 1;
 overflow: hidden;
}
#extend .left {
 width: 294px;
 text-align: center;
 margin: 15px 30px 0 0;
}
@media (min-width: 992px) {
 #extend .left {
  float: left;
 }
}
@media (max-width: 992px) {
 #extend .left {
  float: none;
  width: auto;
  text-align: center;
  margin: 15px 0 15px 0;
 }
}
#extend .left h1 {
 background-color: #FCFCFC;
 color: #555;
 padding: 40px 10px;
 font-size: 18px;
}
#extend .left .price {
 font-size: 14px;
 margin-top: 10px;
}
#extend .left .demo {
 display: block;
 text-align: center;
 background-color: #DDD;
 color: #333;
 padding: 10px 0;
 margin-top: 10px;
}
#extend .left .demo:hover {
 text-decoration: none;
 background-color: #0072C6;
 color: #FFF;
}
#extend .left .addToCart {
 display: block;
 width: 100%;
 background-color: #FF4400;
 color: #FFF;
 font-weight: bold;
 padding: 10px 0;
 cursor: pointer;
}
#extend .left .addToCart:hover {
 text-decoration: none;
}
#extend .left .process {
 border: 1px solid #DDD;
 background-color: #EEE;
 margin-top: 20px;
}
#extend .left .process.help {
 border: 1px solid #FF0000;
}
#extend .left .process h3 {
 background-color: #FCFCFC;
 border-bottom: 1px solid #DDD;
 font-weight: bold;
 font-size: 13px;
 padding: 10px;
 text-align: left;
 color: #19B4EA;
}
#extend .left .process dt {
 border-bottom: 1px solid #DDD;
 font-weight: bold;
 padding: 10px;
 margin-bottom: 10px;
}
#extend .left .process dt b {
 font-family: Arial, Lucida, Verdana, Helvetica, sans-serif;
 font-weight: bold;
 margin-right: 8px;
 color: #19B4EA;
 font-size: 13px;
}
#extend .left .process dd {
 padding: 5px 0 5px 20px;
}
#extend .left .process dd em {
 display: inline-block;
 background: url(images/icon_process.png) no-repeat right 50%;
 padding-right: 20px;
 margin: 0 10px 15px 0;
 color: #888;
 line-height: 180%;
}
#extend .left .process dd em.last {
 background: none;
}
#extend .left .down {
 border-top: 1px solid #DDD;
 background-color: #F4F4F4;
 padding: 30px 0;
}
/* -- extendContent -- */
#extend .extendContent { /* 之所以加#extend是为了客户端访问时这句无效 */
 margin-left: 330px;
}
@media (max-width: 992px) {
 #extend .extendContent { /* 之所以加#extend是为了客户端访问时这句无效 */
  margin-left: 0;
  padding: 0;
 }
}
.extendContent {
 padding: 10px 0 10px 10px;
 zoom: 1;
 overflow: hidden;
}
.extendContent .content {
 margin-bottom: 30px;
 font-size: 16px;
 color: #666666;
 line-height: 200%;
}
.extendContent .content dd b {
 margin-right: 5px;
 font-weight: bold;
 color: #19B4EA;
}
.extendContent .content dd.desc {
 margin-bottom: 10px;
 font-size: 13px;
}
.extendContent .content dd.need-module {
 margin-bottom: 10px;
 font-size: 13px;
}
.extendContent .content dd.need-module a {
 display: inline-block;
 background-color: #FFF;
 color: #777;
 padding: 5px 10px;
 line-height: 120%;
 margin-right: 10px;
 font-size: 12px;
}
.extendContent .content dd.info {
 border-bottom: 1px solid #DDD;
 padding-bottom: 15px;
 color: #999;
}
.extendContent .content dd.info em {
 margin-right: 15px;
 color: #555;
}
.extendContent .content dd.con {
 padding-top: 20px;
}
.extendContent .content dd.con img {
 border: 3px solid #EEE;
 margin-bottom: 20px;
 max-width: 100%;
}
.extendContent .help {
 border-top: 3px solid #60BBFF;
 background: #EEE;
 padding: 40px 10px;
 text-align: center;
}
.extendContent .help a {
 margin: 0 20px;
 font-size: 18px;
 color: #555;
}
/* -- go-design -- */
.go-design {
 text-align: center;
 font-size: 26px;
 padding: 40px 0 60px 0;
}
.go-design a {
 display: inline-block;
 padding: 5px 40px;
 background-color: #19B4EA;
 color: #FFF;
 margin-left: 30px;
 font-size: 23px;
 border-radius: 24px;
}
.go-design a em {
 font-size: 16px;
}
/* 证书执照 
----------------------------------------------- */
#certificate {
 padding: 50px 0;
}
#certificate .item {
 box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
 margin-top: 20px;
}
#certificate .item img {
 max-width: 100%;
}
/* 付款说明 
----------------------------------------------- */
#pay {
 padding: 50px 0;
}
#pay .item {
 box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
 margin-top: 20px;
}
/* mPage
----------------------------------------------- */
.mPage .mDesc {
 line-height: 220%;
 font-size: 14px;
 color: #555;
 padding-bottom: 15px;
 margin-bottom: 20px;
 border-bottom: 1px solid #DDD;
}
.mPage .mHead {
 margin-bottom: 15px;
}
.mPage .mHead h5 {
 font-size: 18px;
 color: #19B4EA;
 margin-bottom: 10px;
}
.mPage .mHead h5 a {
 float: right;
}
.mPage .mHead p {
 font-size: 14px;
 color: #999;
 padding-right: 200px;
}
@media (max-width:768px) {
 .mPage .mHead p {
  padding-right: 0;
 }
}
.mPage .mBox {
 margin-bottom: 30px;
}
/* -- 另一种分页样式 -- */
/* 分页
----------------------------------------------- */
.pager {
 color: #666;
 margin: 20px 0;
}
.pager a {
 color: #666;
 text-decoration: underline;
}
/* -- pager class two -- */
.pager ul {
 display: inline-block;
 *display: inline;
 border-left: 1px solid #dddddd;
}
.pager ul li {
 display: inline;
}
.pager ul li a, .pager ul li em {
 float: left;
 padding: 0 14px;
 line-height: 38px;
 text-decoration: none;
 background-color: #ffffff;
 border: 1px solid #dddddd;
 border-left-width: 0;
}
.pager ul li a:hover {
 background-color: #f5f5f5;
}
.pager ul li.active a {
 background-color: #f5f5f5;
 color: #999999;
 cursor: default;
}
.pager ul li em.total {
 margin-left: 10px;
 border-left-width: 1px;
 color: #999;
}
/* 通用结构 
----------------------------------------------- */
/* -- lift -- */
.lift {
 margin-top: 60px;
 color: #999;
 font-size: 14px;
}
.lift a {
 color: #999;
}
.lift span {
 margin-right: 15px;
}
.price {
 color: red;
 font-weight: bold;
}
.nc-container .nc_scale span {
 box-sizing: content-box;
}
/* -- form -- */
.btn {
 display: inline-block;
 background-color: #0072C6;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border: 0;
 color: #FFF;
 padding: 6px 20px;
 font-weight: bold;
 text-transform: capitalize;
 cursor: pointer;
 font-size: 13px;
 box-sizing: border-box;
}
.btn:hover {
 color: #FFF;
}
.btnGray {
 display: inline-block;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 background-color: #DDD;
 color: #555;
 padding: 7px 22px;
 text-transform: capitalize;
 cursor: pointer;
 font-size: 13px;
 box-sizing: border-box;
}
.btnGray[disabled], .btnGray:disabled, .btnGray.disabled {
 color: #BBB;
 background-color: #DDD;
 opacity: 1;
 cursor: default;
}
.btn-more {
 display: inline-block;
 height: 48px;
 line-height: 48px;
 border-radius: 24px;
 padding: 0 32px;
 font-size: 16px;
 margin-right: 20px;
 background-color: #000;
 color: #FFF;
}
@media (max-width: 992px) {
 .btn-more {
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  padding: 0 28px;
  font-size: 14px;
 }
}
.btn-more:hover {
 background-color: #333;
 color: #FFF;
}
.btnPayment {
 display: inline-block;
 background-color: #ff4246;
 color: #FFF;
 padding: 7px 28px;
 text-transform: capitalize;
 cursor: pointer;
 font-weight: bold;
 font-size: 14px;
 text-align: center;
 -webkit-appearance: none;
 box-sizing: border-box;
}
.btnCaptcha {
 display: inline-block;
 background-color: #19B4EA;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border: 0;
 color: #FFF;
 padding: 7px 0;
 width: 110px;
 text-align: center;
 text-transform: capitalize;
 cursor: pointer;
 font-size: 13px;
 box-sizing: content-box;
}
.btnCaptcha[disabled], .btnCaptcha:disabled, .btnCaptcha.disabled {
 color: #FFF;
 background-color: #b2b2b2;
 opacity: 1;
}
/* -- input -- */
.textInput {
 padding: 6px;
 font-size: 14px;
 border: 1px solid #DDD;
 background-color: #F4F4F4;
 color: #666;
 -webkit-appearance: none;
 box-sizing: border-box;
}
.textInput[disabled], .textInput:disabled, .textInput.disabled {
 color: #999;
}
.textArea {
 padding: 6px;
 border: 1px solid #DDDDDD;
 background-color: #F4F4F4;
 line-height: 20px;
 -webkit-appearance: none;
 box-sizing: border-box;
}
.textAreaAuto {
 border: 1px solid #DBDBDB;
 background-color: #F4F4F4;
 padding: 0;
 font-size: 12x;
 line-height: 20px;
 resize: none;
 min-height: 40px;
 -webkit-appearance: none;
 box-sizing: border-box;
}
.inpMain {
 border: 1px solid #DBDBDB;
 background-color: #FFF;
 padding: 4px 5px;
 color: #999;
 font-size: 12x;
 line-height: 20px;
 height: 20px;
 box-sizing: border-box;
}
@media (max-width: 992px) {
 .btn, .btnGray, .btnPayment, .btnCaptcha, .textInput, .textArea, .textAreaAuto, .inpMain {
  max-width: 100%;
 }
}
/* -- tree -- */
.treeBox {
 margin-bottom: 15px;
}
.treeBox h3 {
 height: 35px;
 line-height: 35px;
 color: #7A7F81;
 font-weight: bold;
 font-size: 14px;
 border-bottom: 1px solid #CBD1D3;
}
.treeBox li {
 border-left: 4px solid #F4F4F4;
 line-height: 15px;
 margin-top: 15px;
 padding-left: 10px;
}
.treeBox li.cur {
 border-left: 4px solid #19B4EA;
}
.treeBox li a {
 color: #7A7F81;
}
/* -- moduleTree -- */
.moduleTree {
 border-bottom: 1px solid #DDD;
 background-color: #FFF;
 height: 80px;
 line-height: 80px;
 font-size: 16px;
 text-align: center;
}
@media (min-width:992px) {
 .moduleTree .swiper-container {
  display: inline-block;
 }
}
.moduleTree .swiper-slide {
 width: auto!important;
 margin-right: 0;
}
.moduleTree .item {
 height: 80px;
}
.moduleTree a {
 display: inline-block;
 height: 80px;
 padding: 0 20px;
 color: #333;
}
.moduleTree a::after {
 height: 1px;
 left: 20px;
 width: calc(100% - 40px);
 position: absolute;
 bottom: 0px;
 content: "";
}
.moduleTree a:hover::after {
 display: block;
 background: #7b7b7b;
}
.moduleTree a.cur::after {
 display: block;
 background: #000;
}
/* -- classBanner -- */
.classBanner {
 background-color: #FFF;
 border-bottom: 1px solid #DDD;
 text-align: center;
 padding: 30px 0 35px 0;
}
.classBanner h2 {
 font-size: 38px;
 color: #000;
 font-weight: bold;
}
.classBanner .sub {
 padding-top: 10px;
 font-size: 16px;
 color: #999;
}
.classBanner .action {
 padding-top: 10px;
}
.classBanner .action a {
 display: inline-block;
 margin: 0 5px;
 background-color: #DDD;
 color: #555;
 border-radius: 5px;
 padding: 3px 15px;
}
.classBanner .action a.active {
 background-color: #19B4EA;
 color: #FFF;
}
/* -- template-tree -- */
.template-tree {
 font-size: 14px;
 padding: 40px 0 20px 5px;
 zoom: 1;
 overflow: hidden;
}
.template-tree .item {
 width: 20%;
 float: left;
 padding-bottom: 15px;
}
.template-tree .item a {
 color: #777;
}
.template-tree .item a.cur em {
 font-weight: bold;
}
@media(max-width:992px) {
 .template-tree .item {
  width: 50%;
  padding-bottom: 15px;
 }
}
/* -- scale -- */
.scale {
 overflow: hidden;
}
.scale img {
 width: 100%;
 cursor: pointer;
 transition: all 0.6s;
}
.scale img:hover {
 transform: scale(1.1);
}
/* -- color -- */
.red {
 color: #F00;
}
/* -- other -- */
.tick {
 display: block;
 background: url(images/icon_tick.gif) no-repeat 50% 50%;
 width: 16px;
 height: 16px;
 text-indent: -9999px;
}
/* -- kindeditor -- */
pre.prettyprint {
 border: 0;
 border-left: 3px solid rgb(204, 204, 204);
 padding: 0 0.5em;
 font-size: 110%;
 display: block;
 white-space: pre-wrap;
 word-wrap: break-word;
 color: #919191;
}
/*- tableBasic -*/
.tableBasic {
 color: #666666;
 border-left: 1px solid #DDDDDD;
 border-top: 1px solid #DDDDDD;
 border-collapse: collapse;
}
.tableBasic select {
 color: #8F8F8F;
}
.tableBasic td, .tableBasic th {
 border-right: 1px solid #DDDDDD;
 border-bottom: 1px solid #DDDDDD;
}
.tableBasic th {
 background-color: #EFEFEF;
}
.tableBasic .child {
 background-color: #FFFFFF;
}
.tableBasic td label {
 margin-right: 15px;
}
.tableBasic td i {
 color: #F00;
 margin-left: 5px;
 font-weight: bold;
}
.tableBasic .w1 {
 width: 200px;
}
.tableBasic .w2 {
 width: 180px;
}
@media (max-width:768px) {
 .tableBasic .w1 {
  width: 120px;
 }
 .tableBasic .w2 {
  width: 120px;
 }
 .tableBasic .displayNone {
  display: none;
 }
}
/*- tableData -*/
.tableData {
 color: #666666;
}
.tableData select {
 color: #999;
}
.tableData th {
 height: 25px;
 background-color: #DDD;
 border-bottom: 1px solid #DDD;
 color: #333;
}
.tableData td {
 height: 25px;
 border-bottom: 1px solid #DDD;
}
.tableData tr:hover td {
 background-color: #E9E9E9;
}
.tableData a {
 color: #0072C6;
}
.tableData p i {
 margin: 0 8px;
 color: #DDD;
}
/*- tableDiv -*/
.tableDiv dl {
 zoom: 1;
 overflow: hidden;
 margin-bottom: 15px;
}
.tableDiv dl dt {
 float: left;
 width: 90px;
 text-align: right;
 line-height: 34px;
}
.tableDiv dl dd {
 float: left;
 width: 640px;
 padding-left: 10px;
}
.tableDiv dl dd i {
 color: #F00;
 margin-left: 5px;
 font-weight: bold;
}
.tableDiv dl dd label {
 margin-right: 15px;
 line-height: 34px;
}
@media (max-width:768px) {
 .tableDiv dl dt {
  float: none;
 }
}
/*- formBasic -*/
.formBasic {
 color: #666666;
}
.formBasic select {
 color: #999;
}
.formBasic dl {
 margin-bottom: 15px;
}
.formBasic dl dt {
 font-size: 14px;
 margin-bottom: 5px;
}
.formBasic dl dd {
}
.formBasic dl dd select {
 color: #555;
}
/*- divBox -*/
.divBox dl {
 zoom: 1;
 overflow: hidden;
 margin-bottom: 20px;
}
.divBox dl dt {
 font-weight: bold;
 margin-bottom: 5px;
 font-size: 13px;
}
.divBox dl dt i {
 color: #F00;
 margin-left: 5px;
 font-weight: bold;
}
.divBox dl dd label {
 margin-right: 15px;
 line-height: 34px;
}
.divBox dl dd em {
 color: #999;
}
.divBox dl dd .modify {
 margin-left: 10px;
 color: #19B4EA;
}
/*- imgBox -*/
.imgBox {
 width: 80px;
}
.imgBox .imgShow {
 height: 80px;
 line-height: 80px;
 text-align: center;
 color: #555;
 background-color: #EEE;
}
.imgBox .imgShow img {
 width: 100%;
 height: 80px;
}
.imgBox .imgBtn {
 width: 100%;
 background-color: #DDD;
 color: #555;
 line-height: 30px;
 cursor: pointer;
 text-align: center;
 -webkit-appearance: none;
}
/* -- douBox -- */
.nc_scale div.nc_bg {
 background: #19B4EA !important;/* 滑过时的背景色 */
}
.nc_scale .scale_text2 {
 color: #fff !important;/* 滑过时的字体颜色 */
}
/* -- douBox -- */
#douBox .boxBg {
 position: fixed;
 top: 0;
 left: 0;
 z-index: 10000001;
 width: 100%;
 height: 100%;
 background: #000;
 filter: alpha(opacity=15);
 opacity: 0.15
}
#douBox .boxFrame {
 position: absolute;
 z-index: 10000002;
 overflow: hidden;
 padding: 0;
 border: 2px solid #C4C4C4;
 background-color: #FFF;
 width: 360px;
 left: 50%;
 top: 300px;
 margin-left: -180px;
}
#douBox .boxFrame h2 {
 height: 28px;
 padding: 0 10px;
 background: #f5f5f5;
 line-height: 28px;
 color: #666;
 font-size: 14px;
 font-weight: normal;
}
#douBox .boxFrame h2 .close {
 background: url(images/icon_fork.png) no-repeat;
 width: 12px;
 height: 12px;
 display: block;
 float: right;
 text-indent: -9999px;
 margin-top: 8px;
}
#douBox .boxFrame .boxCon {
 background: url(images/icon_exclamation.png) no-repeat 15px 15px;
 padding: 13px 10px 15px 70px;
 height: 100px;
}
#douBox .boxFrame .boxCon dt {
 font-family: Microsoft YaHei;
 font-size: 16px;
 color: #19B4EA;
 font-weight: bold;
}
#douBox .boxFrame .boxCon dd {
 color: #999;
 zoom: 1;
 overflow: hidden;
}
#douBox .boxFrame .boxCon dd a {
 background-color: #F5F5F5;
 border: 1px solid #CBD1D3;
 display: block;
 float: left;
 width: 70px;
 line-height: 26px;
 text-align: center;
 margin: 10px 12px 0 0;
 text-decoration: none;
}
/* 在线客服
----------------------------------------------- */
#onlineService {
 position: fixed;
 _position: absolute;
 _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-380+"px");
 top: 208px;
 right: 0;
 z-index: 999999;
 display: block;
}
#onlineService .onlineIcon {
 display: block;
 cursor: pointer;
 background: url(images/online_service.png) no-repeat;
 width: 34px;
 height: 110px;
 text-indent: -9999px;
}
#onlineService .goTop {
 display: none;
}
#onlineService .goTop .goBtn {
 background: #F2F2F2 url(images/online_service.png) no-repeat left -120px;
 width: 34px;
 height: 34px;
 display: block;
}
/* footer
----------------------------------------------- */
#footer {
 background-color: #EEE;
 padding: 35px 86px 55px 86px;
 color: #555;
}
@media (max-width:768px) {
 #footer {
  padding: 15px 15px;
 }
}
#footer .foot-nav {
 border-bottom: 1px solid #DDD;
 padding-bottom: 40px;
}
#footer .foot-nav .nav-parent {
 margin-bottom: 10px;
}
#footer .foot-nav .nav-parent a {
 font-size: 20px;
 display: block;
}
#footer .foot-nav .nav-child a {
 display: block;
 color: #999;
 margin-bottom: 5px;
}
@media (max-width:768px) {
 #footer .foot-nav .nav-parent a {
  font-size: 16px;
 }
 #footer .foot-nav .nav-child a {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 15px;
 }
}
#footer .link {
 border-bottom: 1px solid #DDD;
 padding: 20px 0;
 color: #555;
 font-size: 14px;
}
#footer .link a {
 color: #555;
}
#footer .info {
 padding-top: 20px;
 font-size: 14px;
}
#footer .info .copy-right .icp {
 margin-left: 10px;
}
#footer .info .copy-right .net-safe-record {
 margin-left: 10px;
}
#footer .info .copy-right .net-safe-record img {
 vertical-align: bottom;
}
#footer .info .keyword {
 color: #999;
 margin-bottom: 10px;
}
#footer .info .keyword a {
 margin-left: 10px;
 color: #999;
}