@charset "UTF-8";
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .border-1px:after, .border-1px:before {
    -webkit-transform: scaleY(0.7);
    -ms-transform: scaleY(0.7);
        transform: scaleY(0.7); }

  .line-left:after, .line-left:before {
    -webkit-transform: scaleX(0.7) translate(-15%, 0);
    -ms-transform: scaleX(0.7) translate(-15%, 0);
        transform: scaleX(0.7) translate(-15%, 0); }

  .line-right:after, .line-right:before {
    -webkit-transform: scaleX(0.7) translate(15%, 0);
    -ms-transform: scaleX(0.7) translate(15%, 0);
        transform: scaleX(0.7) translate(15%, 0); } }
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .border-1px:after, .border-1px:before {
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
        transform: scaleY(0.5); }

  .line-left:after, .line-left:before {
    -webkit-transform: scaleX(0.5) translate(-25%, 0);
    -ms-transform: scaleX(0.5) translate(-25%, 0);
        transform: scaleX(0.5) translate(-25%, 0); }

  .line-right:after, .line-right:before {
    -webkit-transform: scaleX(0.5) translate(25%, 0);
    -ms-transform: scaleX(0.5) translate(25%, 0);
        transform: scaleX(0.5) translate(25%, 0); } }
/* 初始化样式 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

html {
  background: #fff;
  color: #000;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html,
button,
input,
select,
textarea {
  font-family: microsoft yahei, monospace, serif; }

body {
  margin: 0; }

a {
  text-decoration: none;
  background: transparent;
  outline: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(218, 218, 218, 0.4);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moze-user-select: none; }
  a:focus {
    outline: none; }
  a:hover, a:active {
    outline: none; }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.5em; }

h3 {
  font-size: 1.17em; }

h4 {
  font-size: 1em; }

h5 {
  font-size: 0.83em; }

h6 {
  font-size: 0.75em; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

code,
kbd,
pre,
samp {
  font-family: microsoft yahei, monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

q:before, q:after {
  content: '';
  content: none; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  display: block;
  max-width: 100%;
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0;
  white-space: normal; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: middle; }

button, input {
  line-height: normal; }

input[type=button], input[type=text], input[type=password] {
  -webkit-appearance: none;
  outline: none; }

input {
  border: none;
  outline: none;
  font-family: PingFang-SC-Regular; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: none;
  cursor: pointer; }

button[disabled],
input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow-x: scroll;
  overflow-y: scroll;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important; }

textarea {
  box-shadow: 0px 0px 0px transparent;
  -webkit-appearance: none; }
  textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important; }

select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important; }

ul {
  list-style: none; }

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  /*去除chrome中input输入框的背景色*/
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important; }

/* 
 *
 * 移动端 meta 标签设置
 * 
 * h5 页面窗口自动调整到设备宽度，并禁止用户缩放页面
 * <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
 *
 * 当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对iOS的safari
 * <meta content="yes" name="apple-mobile-web-app-capable">
 *
 * 将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式
 * <meta content="black" name="apple-mobile-web-app-status-bar-style">
 *
 * 忽略将页面中的数字识别为电话号码
 * <meta content="telephone=no" name="format-detection">
 *
 * 忽略Android平台中对邮箱地址的识别
 * <meta content="email=no" name="format-detection">
 * 
 */
.tc {
  text-align: center; }

.tl {
  text-align: left; }

.tr {
  text-align: right; }

.mc {
  margin-left: auto;
  margin-right: auto; }

.clearfix {
  zoom: 1; }
  .clearfix:after {
    content: ' ';
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; }

.pc {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.fl {
  float: left; }

.fr {
  float: right; }

.hand {
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moze-user-select: none; }

.thand {
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(200, 200, 200, 0.3);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moze-user-select: none; }

.nohand {
  cursor: default; }

.slide-fade-enter-active {
  -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out; }

.slide-fade-leave-active {
  -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out; }

.slide-fade-enter {
  -webkit-transform: translate3d(-80%, 0, 0);
          transform: translate3d(-80%, 0, 0);
  opacity: 0; }

.slide-fade-leave-to
 {
  -webkit-transform: translate3d(80%, 0, 0);
          transform: translate3d(80%, 0, 0);
  opacity: 0; }

html, body {
  width: 100%;
  min-width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }

.container {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden; }

.fbox {
  display: block;
  width: 100%;
  height: 100%;
  position: relative; }

.box {
  display: block;
  width: 100%;
  position: relative; }

.lbox {
  display: inline-block; }

.bbox {
  display: block;
  box-sizing: border-box; }

.w5 {
  width: 5%; }

.w10 {
  width: 10%; }

.w15 {
  width: 15%; }

.w20 {
  width: 20%; }

.w25 {
  width: 25%; }

.w30 {
  width: 30%; }

.w35 {
  width: 35%; }

.w40 {
  width: 40%; }

.w45 {
  width: 45%; }

.w50 {
  width: 50%; }

.w55 {
  width: 55.0%; }

.w60 {
  width: 60%; }

.w65 {
  width: 65%; }

.w70 {
  width: 70%; }

.w75 {
  width: 75%; }

.w80 {
  width: 80%; }

.w85 {
  width: 85%; }

.w90 {
  width: 90%; }

.col-1 {
  width: 100%; }

.col-2 {
  width: 50%; }

.col-3 {
  width: 33.33333%; }

.col-4 {
  width: 25%; }

.col-5 {
  width: 20%; }

.col-6 {
  width: 16.66667%; }

.col-7 {
  width: 14.28571%; }

.col-8 {
  width: 12.5%; }

.col-9 {
  width: 11.11111%; }

.col-10 {
  width: 10%; }

.col-11 {
  width: 9.09091%; }

.scroll {
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.scrollfix {
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.noscroll {
  overflow: hidden; }

.scrollbar::-webkit-scrollbar-track-piece {
  background-color: rgba(120, 120, 120, 0);
  border-left: 1px solid rgba(120, 120, 120, 0); }
.scrollbar::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background: #E1E1E1; }
.scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 1px;
  border-radius: 8px; }
.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1); }
.scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 8px; }

.bgc {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

.bgct {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain; }

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currentlynot supported by any browser */
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moze-user-select: none; }

.br {
  word-wrap: break-word;
  word-break: normal; }
.fs10 { font-size:0.06rem}  
.fs12 { font-size:0.075rem}
.fs14 { font-size:0.08rem}
.flex-box {  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;}
		  
.scroll {
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;}		  
/*首页*/
.content-box { padding:0.075rem 0.075rem 0.28133rem 0.075rem;}
.tip-box { padding:0.07rem; background:#666; color:#fff;} 
.news-box { margin-bottom:0.075rem}
.text-box { color:#fff; position:absolute; top:0.1rem; left:0.1rem; font-size:0.09rem;} 
.text-num-box { position:absolute; bottom:0.2rem; font-size:0.2rem; color:#fff; padding:0 0.08rem; left:0.1rem;}
.text-un-box { color:#fff; position:absolute; bottom:0.1rem; left:0.1rem; font-size:0.07rem;} 
.card-box { background:#fff; box-shadow:0 0 8px rgba(100, 100, 100, 0.1); border-radius:6px; padding:0.07rem; margin-bottom:0.075rem}	
.obj-info-box { justify-content: flex-start; padding-bottom:0.07rem;}
.obj-info-box img  { width:0.22rem; height:0.22rem;}
.obj-info-box span { font-size:0.09rem; padding-left:0.08rem; font-weight:500; color:#333;}
.obj-info-box label { color:#FFA000; border:solid 1px #FFA000; background:#FFF0E1; padding:0 0.03rem; border-radius:5px; margin-right:0.05rem; white-space: nowrap; }
.obj-info-box .tit-info {  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:500; color:#333;}
.msg-box { justify-content: space-between; padding:0.07rem 0;}
.msg-box .time { color:#999;}
.msg-box .fq-name { color:#999; padding-left:0.05rem;}
.msg-box .check-a { color:#3CB4FA; padding-right:0.075rem; background:url(../images/icon-ckxq@2x.png) no-repeat right center; background-size: 0.05rem auto;}
.no-news-box { text-align:center; padding-top:0.5rem;}
.no-news-box img { margin:0 auto;}
.no-news-box p { color:#666; padding:0.05rem 0;}
.news-container { padding-top:0.24rem; padding-bottom:0.28133rem;}
.top-nav { position: fixed; background:#fff; z-index:2; line-height:0.24rem; height:0.24rem; top:0; left:0; box-shadow:0px 2px 5px rgba(100, 100, 100, 0.1)}
.top-nav a {text-align: center; float: left; width: 50%; height: 0.24rem; line-height: 0.24rem; text-decoration: none; color: #666; }
.top-nav a.active { color:#000; background-image: url(../images/active-m.png); background-repeat: no-repeat; background-position: center bottom; color: #323643; background-size: 20% auto; font-weight:500; }
.child-box { padding:0.05rem 0; box-shadow:0px 2px 5px rgba(100, 100, 100, 0.1); }
.child-box .child-list { height:0.14rem}
.child-box .child-list ul { width: 100%; overflow-x: scroll; overflow-y: hidden; white-space: nowrap;}
.child-box .child-list ul li { display:inline-block; padding:0 0.09rem; line-height:0.14rem; margin:0 0.075rem; color:#666;}
.child-box .child-list ul li.cur { background:#3CB4FA; border-radius:0.14rem; color:#fff;}
.news-list-box { padding:0 0.075rem;}
.news-list-box .news-item { border-bottom:solid 1px #F0F0F0; justify-content: space-between;}
.news-list-box .news-item .arrow-box img { width:0.05rem;}
.news-list-box .news-item .status-box {}
.news-list-box .news-item .status-box .status-wd { padding:1px 0.02rem; background:#3CB4FA; color:#fff; border-radius:3px; }
.news-list-box .news-item .status-box .status-yd { padding:1px 0.02rem; background:#DCDCDC; color:#fff; border-radius:3px; }
.news-list-box .news-item .news-content-box { padding:0.1rem 0;}
.news-list-box .news-item .news-content-box .news-top { justify-content: flex-start; padding-bottom:0.07rem;}
.news-list-box .news-item .news-content-box .news-top .news-tx-box { width:0.22rem; height:0.22rem;}
.news-list-box .news-item .news-content-box .news-top .news-tx-box label { position:absolute; right:0; top:0; font-size:0.01rem; border-radius:100%; padding:0 0.02rem; background:#F76260; color:#fff;}
.news-list-box .news-item .news-content-box .news-top .news-msg-box { padding-left:0.075rem; }
.news-list-box .news-item .news-content-box .news-top .news-msg-box .news-msg-name { padding-bottom:0.05rem; color:#333;}
.news-list-box .news-item .news-content-box .news-top .news-msg-box .news-msg-name .t1 { padding-right:0.03rem; color:#999;}
.news-list-box .news-item .news-content-box .news-top .news-msg-box .news-msg-time { color:#999;} 
.news-list-box .news-item .news-content-box .news-info-box label { color:#FFA000; border:solid 1px #FFA000; background:#FFF0E1; padding:0 0.03rem; border-radius:5px; margin-right:0.05rem; white-space: nowrap; }
.news-list-box .news-item .news-content-box .news-info-box .tit-info {  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:500; color:#333;}
.message-box .message-item {padding-bottom:0.07rem;}
.message-box .re-message-item { background:#F5F5F5; padding:0.07rem; border-radius:4px; color:#666;}
.message-box .re-message-item span { color:#A0A0A0;}
.detail-top-box { justify-content: space-between; margin-bottom:0.15rem;}
.detail-top-box .detail-top { justify-content: flex-start; }
.detail-top-box .detail-top .detail-tx-box { width:0.22rem; height:0.22rem;}
.detail-top-box .detail-top .detail-tx-box label { position:absolute; right:0; top:0; font-size:0.01rem; border-radius:100%; padding:0 0.02rem; background:#F76260; color:#fff;}
.detail-top-box .detail-top .detail-msg-box { padding-left:0.075rem; }
.detail-top-box .detail-top .detail-msg-box .detail-msg-name { padding-bottom:0.05rem; color:#333;}
.detail-top-box .detail-top .detail-msg-box .detail-msg-name .t1 { padding-right:0.03rem; color:#999;}
.detail-top-box .status-wd { padding:1px 0.02rem; background:#3CB4FA; color:#fff; border-radius:3px; }
.detail-top-box .status-yd { padding:1px 0.02rem; background:#DCDCDC; color:#fff; border-radius:3px; }
.detail-top-box .detail-type { color:#FFA000; border:solid 1px #FFA000; background:#FFF0E1; padding:0 0.03rem; border-radius:5px; white-space: nowrap;}
.detail-content { font-size:0.075rem; color:#333; line-height:0.12rem;}
.detail-content p { padding-bottom:0.075rem; }
.reply-btn-box { position:fixed; right:0.075rem; bottom:0.1rem; width:0.35rem; height:0.35rem; border-radius:100%; overflow:hidden}
.pop-reply-box { width: 100%; height: 100%; position: fixed; z-index: 111; left: 0; top: 0; right: 0; bottom: 0; display: none; }
.pop-reply-box .pop-mask-box { width: 100%; height: 100%; background: #111; opacity: 0.5; z-index: 111; }
.pop-reply-box .reply-content { position: absolute; bottom: 0; width: 100%; background: #fff; height: 2rem; border-radius: 0.09rem 0.09rem 0 0; z-index: 112; padding:0 0.075rem; }
.pop-reply-box .reply-content .title { padding:0.12rem 0; font-size:0.1rem; text-align:center;}
.pop-reply-box .reply-content .reply-text { padding:0.05rem; line-height:0.1rem; font-size:0.075rem; height:1.0rem; border:solid 1px #F0F0F0; border-radius:5px;}
.pop-reply-box .reply-content textarea::-webkit-input-placeholder {
color:#B4B4B4;
}
.pop-reply-box .reply-content .btn-box { justify-content: space-between; padding-top:0.2rem;}
.pop-reply-box .reply-content .btn-box a { display:block; text-align:center; width:42%; line-height:0.24rem; height:0.24rem; border-radius:0.24rem;}
.pop-reply-box .reply-content .btn-box a.btn-qx { border:solid 1px #3CB4FA; color:#3CB4FA; background:#fff;}
.pop-reply-box .reply-content .btn-box a.btn-qd { border:solid 1px #3CB4FA; color:#fff; background:#3CB4FA;}
.reply-msg-box01 { padding-bottom:0.09rem; line-height:0.12rem;}
.reply-msg-box02 { background:#F5F5F5; padding:0.07rem; border-radius:4px; color:#666;}
.reply-msg-box02 span { color:#A0A0A0;}
.my-info-box { justify-content: flex-start; padding:0.075rem 0; margin-bottom:0.075rem}
.my-info-box .my-info-tx-box { width:0.35rem; height:0.35rem;}
.my-info-box .my-info-msg-box { padding-left:0.075rem; }
.my-info-box .my-info-msg-box .my-info-msg-name { padding-bottom:0.075rem; font-weight:500; color:#333; font-size:0.1rem;}
.my-info-box .my-info-msg-box .my-info-msg-phone { color:#999;}
.my-content { background:#fff; box-shadow:0 0 8px rgba(100, 100, 100, 0.1); border-radius:6px; padding:0.07rem; margin-bottom:0.15rem}
.my-content .c-title-box { justify-content: flex-start; margin-bottom:0.075rem;}
.my-content .c-title-box img { width:0.18rem; margin-right:0.05rem;}
.my-content .child-info-box {background:#FAFAFA; padding:0 0.07rem; border-radius:4px; color:#666;}
.my-content .child-info-box ul li { padding:0.075rem 0; border-bottom:solid 1px #f0f0f0;}
.my-content .child-info-box ul li:last-child { border-bottom:none;} 
.my-content .child-info-box .c-name { padding-bottom:0.09rem; color:#333}
.my-content .child-info-box .c-orther { padding-bottom:0.075rem;}
.my-content .child-info-box .c-orther span, .my-content .child-info-box .c-school span { padding-left:0.05rem; }
.my-content .aboutus-box a { justify-content: space-between; color:#333; margin:0.075rem 0;}
.my-content .aboutus-box a .icon-box img {width:0.18rem; margin-right:0.05rem;}
.my-content .aboutus-box a .arrow-box img { width:0.05rem;}
.loginout-btn {border:solid 1px #F0F0F0; color:#3CB4FA; background:#fff; border-radius:6px; height:0.26rem; line-height:0.26rem;text-align:center; font-size:0.09rem;}
.text-aboutus { padding:0.05rem 0;}
.text-aboutus p { padding-bottom:0.075rem; text-indent:0.13rem; line-height:0.13rem;}

/*登录*/
.login-msg-box { padding-top:0.35rem; text-align:center;}
.login-msg-box img { width:28%; margin: 0 auto;}
.login-msg-box p { font-size:0.12rem; padding-top:0.1rem;}
.login-input-box { padding-top:0.2rem; padding-bottom:0.2rem;}
.login-input-box .login-input { height:0.26rem; line-height:0.26rem; border-radius:0.26rem; margin-bottom:0.15rem; background:#F5F5F5; padding:0.07rem 0.12rem;}
.login-input-box .login-input input { background:#F5F5F5; border:none; line-height:0.12rem; color:#666}
.login-input-box .login-input input::-webkit-input-placeholder { color:#B4B4B4;}
.login-input-box .login-input.code-box { justify-content: space-between;}
.login-input-box .login-input.code-box .code { color:#3CB4FA;}
.login-btn {border:solid 1px #3CB4FA; color:#fff; background:#3CB4FA; border-radius:0.26rem; height:0.26rem; line-height:0.26rem;text-align:center; font-size:0.09rem;}
/*底部*/
.footer-box {
  box-sizing: border-box;
  height: 0.28133rem;
  padding: 0 0.22933rem;
  background-color: #ffffff;
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  box-shadow:0px -2px 2px rgba(100, 100, 100, 0.1);
  }
  .footer-box .item-box {
    display: block; }
    .footer-box .item-box .img-box {
      width: 0.112rem;
      height: 0.112rem;
      margin: 0 auto 0.02133rem auto; }
    .footer-box .item-box p {
      font-size: 0.05333rem;
      color: #666666; }
    .footer-box .item-box:nth-child(1) .img-box {
      background-image: url(../images/home@2x.png); }
    .footer-box .item-box:nth-child(2) .img-box {
      background-image: url(../images/xiaoxi@2x.png); }
    .footer-box .item-box:nth-child(3) .img-box {
      background-image: url(../images/wode@2x.png); }
    .footer-box .item-box.active:nth-child(1) .img-box {
      background-image: url(../images/home-dj@2x.png); }
    .footer-box .item-box.active:nth-child(1) p {
      color: #3CB4FA; }
    .footer-box .item-box.active:nth-child(2) .img-box {
      background-image: url(../images/xiaoxi-dj@2x.png); }
    .footer-box .item-box.active:nth-child(2) p {
      color: #3CB4FA; }
    .footer-box .item-box.active:nth-child(3) .img-box {
      background-image: url(../images/wode-dj@2x.png); }
    .footer-box .item-box.active:nth-child(3) p {
      color: #3CB4FA; }

/*# sourceMappingURL=free-ui.css.map */