@charset "utf-8";
.ui_footer{ margin:0;}
.cards-wrap .gs-card-img-wrap .gs-card-img i{ background: url(../images/ion_0.png) no-repeat;}
/* CSS Document */
.intro-banner { background: url(/home-banner.jpg) center no-repeat; height: 300px; background-position: center }
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.text-overflow-two { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word }
.text-overflow-three { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word }
.cards-wrap { padding:40px 0; background:#f1f1f1; }
.cards-wrap .cards-wrap-w{ width: 1120px; margin:0 auto;}
.cards-wrap .card { display: inline-block; vertical-align: top; width: 359px; height: 330px; background: #fff }
.cards-wrap .about-card { margin: 0 17px }
.cards-wrap .card-title-wrap { height: 90px; text-align: center; color: #fff; font-size: 0 }
.cards-wrap .card-title-wrap.bg1 { background: #a3d59b }
.cards-wrap .card-title-wrap.bg2 { background: #f6aa6c }
.cards-wrap .card-title-wrap.bg3 { background: #8ca8dd }
.cards-wrap .card-title-wrap .card-friend-link { color: #fff }
.cards-wrap .card-title-wrap a.card-friend-link:hover { color: #ff6900 }
.cards-wrap .card-title-wrap .card-friend-link:first-child:before { content: ' '; display: none }
.cards-wrap .card-title { padding-top: 21px; font-size: 20px }
.cards-wrap .card-friend-link { position: relative; margin: 0 16px; font-size: 14px }
.cards-wrap .card-friend-link:before { content: '/'; display: block; position: absolute; left: -19px; height: 14px; top: -1px; color: #fff }
.cards-wrap .card-content-wrap { padding: 25px 30px 24px }
.cards-wrap .normal-link { display: block; line-height: 20px; margin-top: 16px; color: #666 }
.cards-wrap .normal-link:hover { text-decoration: none; color: #338de6 }
.cards-wrap .normal-link .tag { color: #ff6900; margin-right: 4px }
.cards-wrap .gs-card-img-wrap { display: block; width: 100%; height: 68px }
.cards-wrap .gs-card-img-wrap .gs-card-img { height: 48px; display: block; overflow: hidden }
.cards-wrap .gs-card-img-wrap .gs-card-img i{ width:49px; height:49px; display:inline-block;}
.cards-wrap .gs-card-img-wrap .gs-card-img i.gs-card-img-icon1{ background-position: -51px -298px; margin-left:13px;}
.cards-wrap .gs-card-img-wrap .gs-card-img i.gs-card-img-icon2{ background-position: -101px -298px; margin-left:22px;}
.cards-wrap .gs-card-img-wrap .gs-card-img i.gs-card-img-icon3{ background-position: -151px -298px; margin-left:21px;}
.cards-wrap .gs-card-img-wrap .gs-card-img i.gs-card-img-icon4{ background-position: -201px -298px; margin-left:20px;}
.cards-wrap .gs-card-img-wrap .gs-card-img-txt { text-align: left; display: inline-block; width: 100%; font-size: 12px; color: #4e4e4e; height: 18px }
.cards-wrap .gs-card-img-wrap .gs-card-img-txt a { float: left; width: 25%; box-sizing: border-box; padding-left: 0; padding-top: 60px; position: relative; top: -60px; text-decoration: none; text-align:center;}
.cards-wrap .gs-card-img-wrap .gs-card-img-txt a:hover { color: #338de6; text-decoration: none }.cards-wrap .before-point:before { content: ''; display: inline-block; position: relative; top: -3px; margin-right: 10px; width: 1px; height: 1px; border: 1px solid #909090; border-radius: 2px; background: #909090 }
.cards-wrap .border-bottom { padding-bottom: 12px; border-bottom: 1px dashed #e7e7e7; margin-bottom: 18px }
.cards-wrap .first-link { display: block; color: #333 }
.cards-wrap .card-img-wrap { width: 95px; height: 68px; float: left; margin-right: 10px }
.cards-wrap .card-img { width: 100%; height: 100% }
.cards-wrap .card-other-warp { overflow: hidden; height: 68px; position: relative }
.cards-wrap .origin { position: absolute; left: 0; bottom: 0; color: #9c9c9c; font-size: 12px }