@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

label {
    border: none;
    text-decoration: none;
}

@font-face {
    font-family: 'iconfont-k';
    src: url("../fonts/iconfont.eot")/*tpa=http://app.zdwhs.com/huodonghezi/fonts/iconfont.eot*//*tpa=http://app.zdwhs.com/huodonghezi/fonts/iconfont.eot*/;
    src: url("../fonts/iconfont.eot-")/*tpa=http://app.zdwhs.com/huodonghezi/fonts/iconfont.eot?#iefix*/ format("embedded-opentype"), url("../fonts/iconfont.woff")/*tpa=http://app.zdwhs.com/huodonghezi/fonts/iconfont.woff*//*tpa=http://app.zdwhs.com/huodonghezi/fonts/iconfont.woff*/ format("woff"), url("../fonts/iconfont.ttf")/*tpa=http://app.zdwhs.com/huodonghezi/fonts/iconfont.ttf*//*tpa=http://app.zdwhs.com/huodonghezi/fonts/iconfont.ttf*/ format("truetype"), url("../fonts/iconfont.svg")/*tpa=http://app.zdwhs.com/huodonghezi/fonts/iconfont.svg#iconfont*//*tpa=http://app.zdwhs.com/huodonghezi/fonts/iconfont.svg#iconfont*/ format("svg");
}

.icon {
    font-family: "iconfont-k" !important;
    font-style: normal;
    display: inline-block;
    /* vertical-align: middle; */
    background-size: 100% auto;
    background-position: center;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.icon-2x {
    font-size: 2em !important;
}

.icon-3x {
    font-size: 3em !important;
}

.icon-4x {
    font-size: 4em !important;
}

.icon-5x {
    font-size: 5em !important;
}

.icon-logo:before {
    content: '\e609';
}

.icon-kefu:before {
    content: '\e60c';
}

.icon-liuyan:before {
    content: '\e60d';
}

.icon-zixun:before {
    content: '\e610';
}

.icon-xuanxiang:before {
    content: '\e608';
}

.icon-dianhua:before {
    content: '\e611';
}

.icon-close:before {
    content: '\e60b';
}

/** 字体设置 **/
body, button, input, select, textarea {
    font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
    color: #444444;
    font-family: "PingFang SC", arial, "Microsoft YaHei", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

address, i {
    font-style: normal;
}

/* 将斜体扶正 */
/*去除元素轮廓---fbx---*/
div, table, form, input, button, select, textarea, fieldset, legend {
    outline: none;
}

/* for google / safari*/
/** 重置列表元素 **/
ul, ol {
    list-style: none outside none;
}

a, input, button {
    outline: none;
}

::-moz-focus-inner {
    border: 0px;
}

.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
}

/** 重置链接元素 **/
a {
    text-decoration: none;
    color: #999999;
}

a:hover {
    text-decoration: none;
}

/** 重置表单元素 **/
legend {
    text-indent: -9999px;
    height: 0;
}

fieldset, img {
    border: 0;
}

/* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {
    font-size: 100%;
}

/* 使得表单元素在 ie 下能继承字体大小 */
/** 重置表格元素 **/
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/** 重置元素垂直居中 **/
img, input, select, textarea, button {
    vertical-align: middle;
}

input[type="text"], input[type="password"], div, ul, li, input, a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;
}

/* 清除浮动 */
.clearfix:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
}

html, p {
    text-align: justify;
    text-justify: inter-ideograph;
}

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

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

q, blockquote {
    quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none;
}

a img {
    border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

/* for IE6 IE7 */
/* line 20, ../sass/base.scss */
a:link,
a:visited {
    text-decoration: none;
    color: #999;
}

body {
    min-width: 1200px;
    background-color: #f5f8fb;
}

.content {
    width: 1185px;
    margin: 0 auto;
    height: auto;
}

/* 顶栏logo、导航、登录、注册 */
header {
    height: 70px;
    width: 100%;
    background-color: #FFF;
    position: relative;
}

.logo {
    position: absolute;
    left: 30px;
    top: 0;
    height: 70px;
    line-height: 70px;
    color: #f2445d !important;
    font-size: 32px;
    background: url("../images/logo-r.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/logo-r.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/logo-r.png*/ no-repeat 0 center;
    padding-left: 44px;
}

nav {
    width: 710px;
    height: 70px;
    line-height: 70px;
    position: absolute;
    left: 50%;
    margin-left: -355px;
    top: 0;
}

nav li {
    float: left;
    text-align: center;
    margin: 0 33px;
    position: relative;
}

nav li a {
    font-size: 18px;
    display: block;
}

.current {
    width: 100%;
    height: 63px;
    border-bottom: 3px solid #f2445d;
    color: #f2445d !important;
}

.user {
    position: absolute;
    right: 30px;
    top: 0;
    line-height: 70px;
    font-size: 16px;
}

.user a {
    display: inline-block;
    color: #f2445d !important;
    width: 80px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #f2445d;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    text-align: center;
    margin: 0 5px;
}

.user .Registered {
    background-color: #f2445d;
    color: #fff !important;
}

/* 顶部结束 */
/* 搜索 */
.search_keyw {
    width: 650px;
    margin: 0 auto;
}

.search {
    width: 620px;
    position: relative;
    z-index: 1;
    margin-top: 24px;
}

.search .fsearch {
    width: 620px;
    height: 40px;
}

.search .fsearch .sinp {
    width: 500px;
    height: 40px;
    border: 1px solid #dedede;
    float: left;
    overflow: hidden;
    padding: 10px 0 8px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.search .fsearch .sinp input {
    width: 500px;
    padding-left: 40px;
    color: #999;
    border: none;
    *margin-top: -0.5px \9;
    overflow: hidden;
    font-family: "微软雅黑";
    background: url("../images/icon-bg.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/icon-bg.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/icon-bg.png*/ no-repeat 10px -1px;
}

.search .fsearch .btn {
    height: 40px;
    width: 100px;
    float: right;
    position: relative;
}

.search .fsearch .btn label {
    position: absolute;
    width: 100px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

.search .fsearch .btn input {
    float: right;
    width: 100px;
    height: 40px;
    background-color: #f2445d;
    border: none;
    color: #ffffff;
    font-size: 18px;
}

.search_keyw .hot_keywords {
    width: 500px;
    height: 35px;
    color: #c3c3c3;
    overflow: hidden;
    line-height: 35px;
    padding-left: 10px;
}

.search_keyw .hot_keywords p {
    float: left;
    color: #6c6c6c;
}

.search_keyw .hot_keywords a {
    padding: 0 15px 0 5px;
    color: #6c6c6c;
}

.search_keyw .hot_keywords a:hover {
    color: #f2445d;
}

/* 搜索结束 */
/*位置提示*/
.location {
    margin-top: 20px;
}

.location a:last-of-type {
    color: #666;
}

.location .index {
    width: 17px;
    height: 16px;
    background: url("../images/icon-bg.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/icon-bg.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/icon-bg.png*/ no-repeat 0 -34px;
    padding-left: 17px;
    margin-left: 4px;
}

.location .location_list {
    background: url("../images/icon-bg.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/icon-bg.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/icon-bg.png*/ no-repeat -44px -107px;
    padding-left: 11px;
    margin-left: 7px;
}

.location .location_list:hover {
    color: #f2445d;
}

/*位置提示结束*/
/*精选案例banner图 */
#focus_Box {
    position: relative;
    width: 730px;
    height: 750px;
    margin: 70px auto;
}

#focus_Box ul {
    position: relative;
    width: 730px;
    height: 506px;
}

#focus_Box li {
    z-index: 0;
    position: absolute;
    width: 0px;
    background: #787878;
    height: 0px;
    top: 146px;
    cursor: pointer;
    left: 377px;
    border-radius: 4px;
    box-shadow: 1px 1px 12px #c8c8c8;
    display: inline-block;
}

#focus_Box li a {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
}

#focus_Box li img {
    width: 100%;
    background: url("../images/loading.gif")/*tpa=http://app.zdwhs.com/huodonghezi/images/loading.gif*//*tpa=http://app.zdwhs.com/huodonghezi/images/loading.gif*/ no-repeat center 50%;
    height: 100%;
    vertical-align: top;
}

#focus_Box .prev, #focus_Box .next {
    display: block;
    z-index: 100;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    width: 22px;
    height: 41px;
    top: 230px;
}

#focus_Box .prev {
    background: url("../images/left.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/left.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/left.png*/ no-repeat;
    left: 130px;
}

#focus_Box .next {
    background: url("../images/right.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/right.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/right.png*/ no-repeat;
    right: 130px;
}

.focus_Box .pages {
    margin: 65px auto 0;
    width: 600px;
}

.focus_Box .pages .pagess {
    margin: 0 5px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.focus_Box .pagess span {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
}

.focus_Box .active span {
    display: none;
}

/* 案例导航 */
.case {
    background-color: #FFF;
    margin-top: 20px;
}

.case .title {
    display: block;
    text-align: center;
    float: left;
    display: block;
    line-height: 34px;
}

.holiday, .industry, .mode {
    padding: 20px 28px;
}

.industry, .mode {
    border-top: 1px dashed #d9d9d9;
}

.classify {
    float: left;
    width: 1090px;
}

.classify a {
    padding: 4px 10px;
    margin: 0 9px 0 7px;
    color: #666;
    font-size: 14px;
    line-height: 40px;
}

.classify a:not(.chose):hover {
    color: #f2445d;
}

.classify .chose {
    background-color: #f2445d;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    color: #fff;
}

/* 案例导航结束 */
/* 案列列表 */
.case_list {
    background-color: #FFF;
    margin-top: 24px;
    padding: 10px 10px;
}

.case_list li {
    float: left;
    margin: 10px;
    width: 271px;
    padding: 15px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.case_list li:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.case_list .img_box {
    width: 241px;
    height: 275px;
    line-height: 275px;
    text-align: center;
    overflow: hidden;
    margin-bottom: 12px;
    position: relative;
    z-index: 10;
}

.case_list .img_box a {
    display: block;
}

.case_list .img_box img {
    display: block;
    margin: 0 auto;
    transition: all 1s;
    position: absolute;
    z-index: 9;
}

.case_list .img_box img:hover {
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -webkit-transition: all 2s;
    transition: all 2s;
}

.case_list li div {
    font-size: 14px;
    line-height: 27px;
    display: block;
    overflow: hidden;
    color: #888 !important;
}

.case_list li span {
    display: inline-block;
    float: left;
}

.case_list .zambia {
    width: 18px;
    height: 18px;
    background: url("../images/icon-bg.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/icon-bg.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/icon-bg.png*/ -1px -69px no-repeat;
    display: inline-block;
    float: left;
    margin: 5px 10px 0 0;
    cursor: pointer;
}

.case_list .zambia_on {
    background-position: -1px -104px;
}

#single_list {
    display: none;
}

#single_list .pl {
    width: 168px;
}

.case_list li p {
    width: 196px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 案列列表结束 */
/*案例详情*/
.case_box {
    background-color: #FFF;
    margin-top: 20px;
    padding: 0 20px;
}

.case_right {
    width: 840px;
    float: left;
    display: inline-block;
    padding-bottom: 60px;
}

.case_left {
    width: 328px;
    float: right;
}

.location_title {
    font-size: 22px;
    color: #3f3f3f;
    text-align: center;
    padding-top: 40px;
    font-weight: bold;
}

.case_box .subtitle {
    display: block;
    padding: 36px 0;
    border-bottom: 1px dashed #dcdcdc;
}

.subtitle span:first-of-type {
    float: left;
    margin-left: 95px;
    background: none;
}

.subtitle span {
    float: right;
    margin-right: 12px;
    font-size: 14px;
    color: #888;
    background: url("../images/icon-bg.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/icon-bg.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/icon-bg.png*/ no-repeat;
    display: inline-block;
}

.subtitle span:nth-of-type(4) {
    background-position: -1px -137px;
    padding-left: 20px;
}

.subtitle span:nth-of-type(3) {
    background-position: -1px -169px;
    padding-left: 28px;
}

.subtitle span:nth-of-type(2) {
    background-position: -1px -204px;
    padding-left: 25px;
}

.location_detail {
    padding: 18px 0;
    border-top: 1px solid #dcdcdc;
}

.location_detail span {
    display: block;
    font-size: 14px;
}

.location_detail span i {
    display: inline-block;
    color: #888;
    float: left;
}

.location_detail span p {
    width: 730px;
    color: #333;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

/* 盒子点评 */
.box_comment {
    border-top: 1px solid #dcdcdc;
    padding: 20px 0;
}

.box_comment div:first-of-type {
    float: left;
    width: 88px;
    height: 88px;
    background: #f2445d url("../images/logo-w.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/logo-w.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/logo-w.png*/ center no-repeat;
    border-radius: 50%;
    display: inline-block;
    -webkit-display: inline-block;
    -o-display: inline-block;
    -moz-display: inline-block;
    -ms-display: inline-block;
}

.box_comment .comment {
    float: left;
    width: 695px;
    margin-left: 15px;
    display: inline-block;
}

.box_comment .comment h3 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    display: inline-block;
}

.box_comment .comment p {
    font-size: 14px;
    color: #888;
}

/* 案例翻页 */
.article {
    border-top: 1px solid #dcdcdc;
    padding: 20px 0;
}

.article span {
    display: block;
    line-height: 30px;
    font-size: 14px;
}

.article span i {
    color: #888;
}

.article span a {
    color: #f2445d;
}

.article span a:hover {
    text-decoration: underline;
}

/* 相关推荐 */
.related_recommendation, .new_comment, .commenting, .Relevant_ready {
    padding: 10px 20px 30px;
    background-color: #FFF;
    margin-top: 20px;
    position: relative;
}

.related_recommendation .title, .new_comment .title, .Relevant_ready .title {
    border-bottom: 1px solid #dcdcdc;
    width: 100%;
}

.related_recommendation .title span, .new_comment .title span, .Relevant_ready .title span {
    font-size: 22px;
    color: #3f3f3f;
    display: inline-block;
    border-bottom: 3px solid #f2445d;
    height: 38px;
}

.tj_banner {
    width: 720px;
    height: 153px;
    overflow: hidden;
    display: block;
    position: relative;
    margin: 30px auto 0;
    z-index: 10;
}

.tj_banner ul {
    width: 1687px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.tj_banner ul li {
    float: left;
    margin-right: 13px;
    height: 153px;
    width: 228px;
    background-position: center;
    position: relative;
}

.tj_banner li span {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 208px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: left;
    font-size: 14px;
    display: block;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.related_recommendation .arrow {
    width: 800px;
    height: 153px;
    margin: 0 auto;
    position: absolute;
    top: 82px;
    z-index: 2;
}

.related_recommendation .arrow span {
    position: absolute;
    width: 20px;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    background: url("../images/icon-bg.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/icon-bg.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/icon-bg.png*/ no-repeat;
    display: block;
    cursor: pointer;
}

.related_recommendation .arrow .next {
    right: 12px;
    background-position: -13px -442px;
}

.related_recommendation .arrow .prev {
    left: -10px;
    background-position: -1px -391px;
}

/* 最新评论 */
.new_comment article {
    padding: 20px 12px;
    font-size: 16px;
    color: #888;
    border-top: 1px dashed #cdcdcd;
}

.new_comment article:first-of-type {
    border: none;
}

.new_comment .who span {
    float: left;
    color: #3f3f3f;
}

.new_comment .who time {
    float: right;
    color: #c6c6c6;
}

.new_comment article p {
    line-height: 25px;
    margin-top: 10px;
    font-size: 14px;
}

.new_comment .load_more {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #e0e0e0;
}

.new_comment .load_more a {
    font-size: 16px;
    color: #888;
}

.new_comment .load_more a:hover {
    text-decoration: underline;
}

/* 发表评论 */
.commenting label {
    line-height: 30px;
    height: 30px;
    display: inline-block;
    font-size: 14px;
    color: #888;
}

.commenting input {
    width: 118px;
    height: 28px;
    border: 1px solid #cdcdcd;
    padding: 0 5px;
}

.commenting .commenting_box {
    width: 792px;
    height: 80px;
    margin: 0 auto;
    display: block;
    margin: 20px 0;
}

.commenting .commenting_box textarea {
    width: 670px;
    height: 80px;
    border: none;
    resize: none;
    padding: 10px;
    border: 1px solid #cdcdcd;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.commenting .commenting_box span {
    display: block;
    float: right;
    line-height: 30px;
    color: #999;
}

.commenting .commenting_box span i {
    color: #3f3f3f;
}

.commenting .commenting_box button {
    background-color: #f2445d;
    height: 80px;
    width: 120px;
    line-height: 80px;
    text-align: center;
    color: #fff;
    border: none;
    margin-left: -6px;
    font-size: 16px;
}

/* 案例详情右侧 */
.case_left_top {
    background-color: #FFF;
    padding-top: 120px;
    margin-top: 60px;
}

.right_logo {
    display: block;
    margin: 0 auto 0;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    background: #f2445d url("../images/logo-w.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/logo-w.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/logo-w.png*/ center no-repeat;
    background-size: 54px 80px;
    -webkit-background-size: 54px 80px;
    -o-background-size: 54px 80px;
    -moz-background-size: 54px 80px;
    -ms-background-size: 54px 80px;
}

.case_left .hdhz {
    display: block;
    font-size: 24px;
    color: #3f3f3f;
    text-align: center;
    line-height: 45px;
}

.case_left .wxid, .case_left .share {
    text-align: center;
    color: #888;
    margin-top: 10px;
    line-height: 20px;
}

.case_left .QR_code {
    padding: 15px 0 108px;
    border-bottom: 1px solid #cdcdcd;
}

.case_left .QR_code img {
    width: 253px;
    height: 253px;
    display: block;
    margin: 0 auto;
}

.case_left .QR_code span {
    text-align: center;
    display: block;
}

.case_left .share {
    padding: 35px 0;
}

.case_left .share .share_icon {
    width: 224px;
    text-align: center;
    margin: 26px auto 0;
}

.case_left .share .share_icon span, .share2 .share_icon span {
    margin: 0 10px;
}

.case_left .share .share_icon a:last-of-type, .share2 .share_icon a:last-of-type {
    margin: 0 8px;
}

/* 热门标签 */
.hot_label, .material, .hot_topic, .Rc_reading {
    background-color: #FFF;
    margin-top: 20px;
    padding: 0 20px;
}

.hot_label .title, .material .title, .hot_topic .title, .Rc_reading .title {
    position: relative;
}

.hot_label .title span, .material .title span, .hot_topic .title span, .Rc_reading .title span {
    position: absolute;
    background-color: #f2445d;
    top: 0;
    left: 0;
    height: 3px;
    width: 30px;
    display: block;
}

.hot_label .title p, .material .title p, .hot_topic .title p, .Rc_reading .title p {
    font-size: 16px;
    color: #707070;
    display: inline-block;
    margin: 14px 0 0;
}

.hot_label .title i, .material .title i, .hot_topic .title i, .Rc_reading .title i {
    color: #b5b5b5;
    display: block;
}

.label_classify {
    padding: 10px 0;
}

.label_classify li {
    float: left;
    width: 125px;
    height: 44px;
    line-height: 44px;
    background-color: #efecec;
    margin: 12px 8px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
}

.label_classify li a {
    text-align: center;
    display: block;
    font-size: 14px;
    color: #707070;
}

.label_classify li:hover a {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    color: #f2445d;
    background-color: #e0e0e0;
}

/* 最新素材 */
.material_list {
    padding: 20px 0;
}

.material_list li {
    float: left;
    width: 136px;
    height: 98px;
    position: relative;
    margin: 0 4px 10px;
    overflow: hidden;
}

.material_list li span {
    float: left;
    width: 136px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    font-size: 12px;
    display: block;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    bottom: 0;
    left: 0;
}

/* 运营姿势banner */
.Operate_banner {
    width: 840px;
    height: 460px;
    position: relative;
    background-color: #FFF;
    padding: 20px 0;
    margin-top: 20px;
}

.Operate_banner_in {
    width: 770px;
    height: 400px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.Operate_banner_in ul {
    height: 400px;
    position: absolute;
    top: 0;
    left: 0;
    width: 3080px;
}

.Operate_banner_in ul li {
    width: 770px;
    height: 400px;
    float: left;
    position: relative;
}

.Operate_banner_in li span {
    height: 64px;
    line-height: 64px;
    width: 750px;
    padding: 0 10px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
}

.Operate_banner_left, .Operate_banner_right {
    width: 22px;
    height: 41px;
    display: block;
    position: absolute;
    top: 195px;
}

.Operate_banner_left {
    left: 50px;
    background: url("../images/left.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/left.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/left.png*/ no-repeat;
}

.Operate_banner_right {
    right: 50px;
    background: url("../images/right.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/right.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/right.png*/ no-repeat;
}

.Operate_banner ol {
    position: absolute;
    left: 50%;
    margin-left: -27px;
    bottom: 10px;
}

.Operate_banner ol li {
    width: 10px;
    height: 10px;
    float: left;
    margin: 0 4px;
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #dbdbdb;
}

.Operate_banner .Operate_current {
    background-color: #f2445d;
}

/* 运营姿势文章 */
.article_box {
    background-color: #FFF;
    padding: 20px;
    margin-top: 20px;
}

.article_box .article_list {
    margin-bottom: 20px;
}

.article_box .article_list .artisle_pic {
    width: 260px;
    height: 180px;
    float: left;
    display: block;
}

.article_box .article_word {
    float: left;
    width: 500px;
    margin-left: 20px;
}

.article_box .article_word h3 a {
    font-size: 18px;
    color: #333;
}

.article_box .article_word h3 a:hover {
    color: #f2445d;
}

.article_box .article_word p {
    font-size: 14px;
    color: #888;
    margin-top: 10px;
    width: 500px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    /* text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient: vertical; */
}

/* .article_box .article_word p:after{
    content: "…";
} */
/* for Firefox */
.article_box .article_word .subtitle-two {
    display: block;
    margin-top: 10px;
}

.subtitle-two span:first-of-type {
    float: left;
    background: none;
}

.subtitle-two span {
    float: right;
    margin-right: 12px;
    font-size: 12px;
    color: #888;
    background: url("../images/icon-bg.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/icon-bg.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/icon-bg.png*/ no-repeat;
    display: inline-block;
}

.subtitle-two span:nth-of-type(3) {
    background-position: -1px -169px;
    padding-left: 28px;
}

.subtitle-two span:nth-of-type(2) {
    background-position: -1px -204px;
    padding-left: 25px;
}

.article_page_box {
    background-color: #fff;
}

/* 热门话题 */
.hot_topic_list {
    /* overflow-y:scroll; */
    margin-top: 10px;
}

.hot_topic_list li {
    overflow: hidden;
    padding: 15px 0;
    border-top: 1px dashed #dcdcdc;
    cursor: pointer;
}

.hot_topic_list li:first-of-type {
    border: none;
}

.hot_topic_list li:first-of-type .num, .hot_topic_list li:nth-of-type(2) .num, .hot_topic_list li:nth-of-type(3) .num {
    color: #f29a44;
}

.hot_topic_list .num {
    display: inline-block;
    width: 30px;
    float: left;
    color: #707070;
    text-align: center;
}

.hot_topic_list dl {
    display: inline-block;
    float: left;
    width: 230px;
}

.hot_topic_list dl dt {
    font-size: 14px;
    color: #313131;
}

.hot_topic_list dl dd {
    font-size: 12px;
    color: #707070;
    margin-top: 5px;
    display: none;
}

.hot_topic_list li:hover dd {
    display: block;
}

.hot_topic_list li:hover dl {
    padding: 5px;
    background-color: #efecec;
    width: 200px;
}

.hot_topic_list li:hover .num {
    font-size: 48px;
    width: 60px;
    color: #f29a44;
}

/* 推荐阅读 */
.Rc_reading_list {
    margin-top: 20px;
}

.Rc_reading_pic {
    width: 130px;
    height: 91px;
    display: block;
    float: left;
    overflow: hidden;
}

.Rc_reading_word {
    margin-left: 10px;
    width: 146px;
    float: left;
}

.Rc_reading_word h4 a {
    width: 146px;
    height: 36px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #1b1b1b;
}

.Rc_reading_word h4 a:hover {
    color: #f2445d;
    text-decoration: underline;
}

.Rc_reading_word p {
    width: 146px;
    color: #7d7d7d;
    margin-top: 5px;
    height: 53px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* 文章详情页面 */
.article_details_box {
    padding: 0 27px;
}

.article_details_box .subtitle .Release_time {
    margin-left: 30px;
}

.article_details_box p {
    font-size: 14px;
    color: #888;
    margin-top: 20px;
    line-height: 2;
}

.article_details_box .detail p {
    font-size: 17px;
    color: #2b2f37;
}

.article_details_box .Abstract {
    background-color: #F1F1F1;
    padding: 15px;
}

.article_details_box .Abstract i {
    color: #3f3f3f;
}

.article_details_box .article_img {
    width: 790px;
    height: 400px;
    background: url("../images/operate_banner.jpeg")/*tpa=http://app.zdwhs.com/huodonghezi/images/Operate_banner.jpg*//*tpa=http://app.zdwhs.com/huodonghezi/images/Operate_banner.jpg*/ center no-repeat;
    display: block;
    overflow: hidden;
}

.guanzhu {
    padding: 40px 0 0 0;
}

.guanzhu .wxid_box {
    display: inline-block;
    text-align: center;
    margin-left: 200px;
}

.guanzhu .wxid_box .hezi_logo {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    background: #f2445d url("../images/logo-w.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/logo-w.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/logo-w.png*/ center no-repeat;
    display: block;
    background-size: 37px 56px;
    -webkit-background-size: 37px 56px;
    -o-background-size: 37px 56px;
    -moz-background-size: 37px 56px;
    -ms-background-size: 37px 56px;
    margin: 0 auto;
}

.guanzhu .wxid_box .hdhz {
    font-size: 20px;
    color: #3f3f3f;
}

.guanzhu .wxid_box p {
    text-align: center;
    margin-top: 0;
}

.QR_code_box {
    display: inline-block;
    text-align: center;
    margin-left: 50px;
}

.QR_code_box img {
    display: block;
    width: 150px;
    height: 150px;
}

.QR_code_box span {
    display: block;
    font-size: 14px;
    color: #3f3f3f;
    margin-top: 5px;
}

.share2 {
    border-top: 1px solid #dcdcdc;
    margin-top: 40px;
    padding: 26px 0;
    position: relative;
}

.share2 .share_icon {
    display: inline-block;
    padding-left: 50px;
}

.share2 .zi {
    font-size: 14px;
    color: #888;
    position: absolute;
    top: 32px;
}

.Zambia {
    padding: 46px 0;
}

.Zambia .Zambia_in {
    margin: 0 auto;
    width: 360px;
}

.Zambia .Zambia_in button {
    width: 140px;
    height: 72px;
    border: none;
    border-radius: 10px;
    position: relative;
    background: #c4c4c4 url("../images/icon-bg.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/icon-bg.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/icon-bg.png*/ no-repeat;
    cursor: pointer;
}

.Zambia .Zambia_in .Zambia_up {
    background-color: #f2445d;
    background-position: 46px -232px;
}

.Zambia .Zambia_in .Zambia_down {
    background-position: 46px -308px;
    margin-left: 73px;
}

.Zambia .Zambia_in .Zambia_up i {
    color: #fff;
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 16px;
}

.Zambia .Zambia_in button span {
    width: 140px;
    position: absolute;
    bottom: -45px;
    font-size: 22px;
    color: #888;
    left: 0;
}

/* 相关阅读 */
.Relevant_ready_list {
    margin: 20px 23px 0 0;
    float: left;
}

.Relevant_ready_pic {
    width: 160px;
    height: 109px;
    display: block;
    float: left;
    overflow: hidden;
}

.Relevant_ready_word {
    width: 180px;
    float: left;
    margin-left: 10px;
}

.Relevant_ready_word p {
    margin-top: 0;
}

.Relevant_ready_word h4 a {
    width: 180px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333;
    font-size: 16px;
}

.Relevant_ready_word h4 a:hover {
    text-decoration: underline;
    color: #f2445d;
}

/* 帮助中心开始 */
.right_list {
    float: left;
    width: 360px;
    min-height: 400px;
    background-color: #fff;
    margin: 40px 0 197px;
}

/* .right_list ol{
  padding:0 30px 0 60px;
  box-sizing:border-box;
} */
.right_list li {
    padding: 20px 30px;
    font-size: 14px;
    color: #666;
    /* list-style-type:decimal; */
}

.right_list .Inthis {
    background-color: #f2445d;
    color: #fff;
}

.right_list li:not(.Inthis):hover {
    color: #f2445d;
    background-color: #fff4f6;
}

.left_list {
    float: left;
    width: 804px;
    min-height: 400px;
    background-color: #fff;
    margin: 40px 0 197px 20px;
    padding: 12px 45px;
}

.left_list dl {
    padding: 12px 0 2px;
}

.left_list dl dt {
    color: #f2445d;
    font-size: 14px;
    background: url("../images/icon-bg.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/icon-bg.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/icon-bg.png*/ no-repeat;
    padding-left: 19px;
    cursor: pointer;
    margin-bottom: 10px;
}

.left_list .add {
    background-position: -42px -27px;
}

.left_list .reduction {
    background-position: -42px -63px;
}

.left_list dl dd {
    padding-left: 19px;
    line-height: 25px;
    font-size: 14px;
    color: #888;
    display: none;
}

/* 搜索内容 */
.search_title {
    width: 100%;
    line-height: 30px;
    color: #999;
}

.search_title span {
    color: #f2445d;
}

.search_Result {
    min-height: 800px;
    width: 100%;
    background-color: #fff;
    margin-top: 10px;
    padding: 1px 20px 20px;
}

.search_Result .SR_list {
    margin-top: 20px;
}

.SR_list .SR_list_pic {
    width: 260px;
    height: 180px;
    float: left;
    overflow: hidden;
}

.SR_list .SR_word {
    margin-left: 20px;
    float: left;
}

.SR_list .SR_word h2 {
    font-size: 18px;
    color: #333;
    line-height: 45px;
}

.SR_list .SR_word h2 span {
    float: right;
    font-size: 12px;
}

.SR_list .SR_word p {
    font-size: 14px;
    color: #333;
    line-height: 35px;
}

.SR_list .SR_word span {
    color: #888;
}

.SR_list .SR_word .copywriter {
    width: 860px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-box-orient: vertical;
}

.SR_list .Record {
    display: block;
    margin-top: 10px;
}

.SR_list .Record span {
    margin-right: 5px;
    padding-left: 25px;
    background: url("../images/icon-bg.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/icon-bg.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/icon-bg.png*/ no-repeat;
}

.SR_list .Record span:first-of-type {
    background-position: -1px -171px;
}

.SR_list .Record span:nth-of-type(2) {
    background-position: 1px -206px;
}

/* 搜索完毕 */
/* 关于我们 */
.about_box {
    margin: 30px 0 60px;
    background-color: #FFF;
}

.about_list {
    width: 984px;
    padding: 61px 0 61px;
    margin: 0 auto;
}

.about_list .about_list_left {
    width: 484px;
    float: left;
    overflow: hidden;
}

.about_list .about_list_left article {
    text-align: center;
    width: 360px;
    margin: 0 auto;
}

.about_list .about_list_left h2 {
    font-size: 28px;
    color: #3f3f3f;
    margin-top: 70px;
}

.about_list .about_list_left span {
    height: 42px;
    display: inline-block;
    border-bottom: 2px solid #f2445d;
    margin-bottom: 35px;
}

.about_list .about_list_left h3 {
    line-height: 30px;
    font-size: 14px;
    color: #f2445d;
    font-weight: bold;
}

.about_list .about_list_left p {
    line-height: 25px;
    color: #888;
}

.about_list .about_list_right {
    width: 500px;
    float: left;
    overflow: hidden;
}

.about_list .about_list_right .img_inr {
    width: 500px;
    height: 348px;
    background-color: #f2445d;
    padding: 35px 0;
}

.about_list .img_inr .ablut_logo {
    width: 300px;
    height: 220px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    background: #FFF url("../images/logo-r.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/logo-r.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/logo-r.png*/ center no-repeat;
    background-size: 94px 141px;
    -webkit-background-size: 94px 141px;
    -o-background-size: 94px 141px;
    -moz-background-size: 94px 141px;
    -ms-background-size: 94px 141px;
    margin: 0 auto;
}

.about_list .img_inr p {
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    margin-top: 35px;
    text-align: center;
}

.about_box .line {
    width: 986px;
    height: 1px;
    background-color: #d5d5d5;
    margin: 0 auto;
    position: relative;
}

.about_box .line span {
    height: 3px;
    width: 30px;
    position: absolute;
    top: -1px;
    left: 50%;
    margin-left: -15px;
    background-color: #888;
}

.about_list .img_inl {
    width: 500px;
    height: 348px;
    overflow: hidden;
}

.about_list .contact p {
    text-align: center;
}

/* 关于我们结束 */
footer {
    width: 100%;
    background-color: #3f3f3f;
    padding: 50px 0;
    font-size: 16px;
}

footer a {
    color: #fff !important;
}

.foot_logo {
    height: 49px;
    line-height: 49px;
    font-size: 40px;
    color: #fff !important;
    background: url("../images/logo-w.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/logo-w.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/logo-w.png*/ no-repeat 0 center;
    padding-left: 52px;
    display: inline-block;
}

footer .under {
    text-align: center;
}

.open_box {
    width: 108px;
    height: 40px;
    background-color: #f2445d;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    text-align: center;
    line-height: 40px;
    margin: 36px auto;
}

.open_box a {
    display: block;
}

.us {
    margin: 0 auto;
    width: 752px;
}

.us li {
    float: left;
    margin: 0 62px;
}

.us li a:hover {
    text-decoration: underline;
}

footer address {
    margin-top: 30px;
    color: #fff;
}

footer address p {
    text-align: center;
    line-height: 30px;
}

/* 翻页 */
.page {
    text-align: center;
}

.page ul {
    display: inline-block;
    margin: 40px 0;
    background-color: #eaeaea;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    padding: 13px 0 13px 7px;
}

.page li {
    display: inline;
    font-size: 14px;
}

.page li a {
    color: #606060;
    background-color: #FFF;
    padding: 7px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    margin-right: 6px;
}

.page li span {
    color: #d3cfca;
    background-color: #FFF;
    padding: 7px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    margin-right: 6px;
}

.page li a:hover {
    color: #f2445d;
}

.page .chose {
    color: #f2445d;
}

/*首页加活动页面  合并的CSS*/
/* 专题活动 */
.body {
    background-color: #000;
}

section > div {
    width: 100%;
    background-size: 100%;
}

section > div img {
    width: 100%;
    height: auto;
}

.header {
    width: 100%;
    height: 70px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    overflow: hidden;
}

.header .logo {
    background: url("../images/logo.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/logo.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/logo.png*/ no-repeat;
    width: 171px;
    height: 49px;
    float: left;
    margin: 15px 0 0 32px;
    cursor: pointer;
}

.header .logo a {
    width: 171px;
    height: 49px;
    display: block;
}

.header_menu {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    margin: 0 0 0 -326px;
    overflow: hidden;
    text-align: center;
    width: 652px;
}

.header_menu ul {
    padding-top: 37px;
    overflow: hidden;
}

.header_menu ul li {
    float: left;
    margin-left: 25px;
    text-align: center;
}

.header_menu ul li a {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    margin: 0 50px 0 0;
    padding-bottom: 5px;
    color: rgba(255, 255, 255, 0.6);
}

.header_menu ul li.active a {
    color: #fff !important;
    display: block;
    border-bottom: 2px solid #fff;
}

.landing_cont {
    float: right;
    margin-right: 30px;
    padding-top: 24px;
    width: auto;
    position: relative;
}

.landing_cont a {
    border-radius: 30px;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 75px;
}

.landing_cont .registered {
    background: #fff;
    color: #666;
    margin-right: 14px;
}

.landing_cont .login {
    background: rgba(255, 255, 255, 0.5);
    color: #fff;
}

section > div img {
    margin-top: -2px;
}

/* 首页 */
@-webkit-keyframes rolls {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-moz-keyframes rolls {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-ms-keyframes rolls {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes rolls {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.whole {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.gps {
    position: absolute;
    left: 20px;
    top: 45%;
    z-index: 99999;
}

.gps li {
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-bottom: 10px;
    cursor: pointer;
}

.gps li.current {
    background: #fff;
}

/* 中间内容 */
.center {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.center > div {
    height: 100%;
    width: 100%;
    position: relative;
}

.inner {
    width: 1200px;
    height: 720px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -600px;
    margin-top: -360px;
}

.center .page_in {
    width: 1200px;
    height: 720px;
    margin: 0 auto;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.page_in > * {
    position: absolute;
}

.guodu2 {
    transition: all 2s;
}

.guodu4 {
    transition: all 4s;
}

.guodu6 {
    transition: all 6s;
}

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

.center .page1 {
    background: #F2445D url("../images/1.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/1.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/1.png*/ 0 100% no-repeat;
    background-size: 100%;
    display: table;
    text-align: center;
}

.center .page2 {
    background: #90C419;
    text-align: center;
    display: table;
    text-align: center;
}

.center .page3 {
    background: #25A8FF url("../images/p3.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/p3.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/p3.png*/ 0 100% no-repeat;
    background-size: 100%;
    display: table;
    text-align: center;
}

.center .page4 {
    background: #E271F7;
    background-size: 100%;
    display: table;
    text-align: center;
}

.center .page5 {
    background: #FF9D52;
    background-size: 100%;
    display: table;
    text-align: center;
}

.center .page6 {
    background: #15BD9C;
    background-size: 100%;
    display: table;
    text-align: center;
}

.center .page7 {
    background: #3D4373 url("../images/7.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/7.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/7.png*/ 0 100% no-repeat;
    background-size: 100%;
    display: table;
    text-align: center;
}

/* 第二页 */
.tea {
    position: absolute;
    width: 19%;
    height: 30%;
    background: url("../images/tea.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/tea.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/tea.png*/ no-repeat;
    background-size: 100%;
    top: 0;
    right: 0;
}

.page2 .page_in .p2_hd {
    width: 340px;
    height: 44px;
    top: 5%;
    left: 5%;
}

.page2 .page_in .p2_line {
    width: 1139px;
    height: 458px;
    left: 0;
    bottom: 12%;
    transition: all 5s;
    clip: rect(0 1139px auto 0);
}

.page2.out .p2_line {
    clip: rect(0 0 auto 0);
}

.page2 .page_in .time1 {
    width: 50px;
    height: 65px;
    left: -3%;
    bottom: 48%;
    transition: all 2s;
}

.page2.out .time1 {
    opacity: 0.1;
    transform: rotate(360deg) scale(0.1, 0.1);
}

.page2 .page_in .time2 {
    width: 76px;
    height: 48px;
    left: 16%;
    bottom: 29%;
    transition: all 2s;
}

.page2.out .time2 {
    opacity: 0.1;
    transform: rotate(360deg) scale(0.1, 0.1);
}

.page2 .page_in .time3 {
    width: 78px;
    height: 57px;
    left: 36%;
    top: 23%;
    transition: all 2s;
}

.page2.out .time3 {
    opacity: 0.1;
    transform: rotate(360deg) scale(0.1, 0.1);
}

.page2 .page_in .time4 {
    width: 78px;
    height: 49px;
    right: 38%;
    bottom: 7%;
    transition: all 2s;
}

.page2.out .time4 {
    opacity: 0.1;
    transform: rotate(360deg) scale(0.1, 0.1);
}

.page2 .page_in .time5 {
    width: 78px;
    height: 49px;
    right: 13%;
    top: 44%;
    transition: all 2s;
}

.page2.out .time5 {
    opacity: 0.1;
    transform: rotate(360deg) scale(0.1, 0.1);
}

.page2 .page_in .people1 {
    width: 332px;
    height: 154px;
    left: 2%;
    bottom: 40%;
    transition: all 2s;
}

.page2.out .people1 {
    transform: scale(0, 0);
}

.page2 .page_in .people2 {
    width: 192px;
    height: 278px;
    left: 18%;
    bottom: -8%;
    transition: all 2s linear .5s;
}

.page2.out .people2 {
    transform: scale(0, 0);
}

.page2 .page_in .people3 {
    width: 402px;
    height: 155px;
    left: 42%;
    top: 13%;
    -webkit-transition: all 1.5s linear 0.8s;
    -moz-transition: all 1.5s linear 0.8s;
    -ms-transition: all 1.5s linear 0.8s;
    -o-transition: all 1.5s linear 0.8s;
    transition: all 1.5s linear 0.8s;
}

.page2.out .people3 {
    transform: scale(0, 0);
}

.page2 .page_in .people4 {
    width: 180px;
    height: 239px;
    left: 52%;
    bottom: 14%;
    transition: all 2s linear 1.5s;
}

.page2.out .people4 {
    transform: scale(0, 0);
}

.page2 .page_in .people5 {
    width: 300px;
    height: 268px;
    right: 6%;
    bottom: 12%;
    transition: all 1.5s linear 2s;
}

.page2.out .people5 {
    transform: scale(0, 0);
}

/* 第三页 */
.page3 .page_in .p3_hd {
    width: 968px;
    height: 44px;
    top: 4%;
    left: 7%;
}

.page3 .page_in .p3_phone {
    width: 667px;
    height: 578px;
    left: 28%;
    bottom: -5%;
}

.page3 .page_in .p3_img1 {
    width: 136px;
    height: 136px;
    left: 25%;
    bottom: 50%;
    -webkit-animation: img1 2s ease 0s infinite alternate;
    -moz-animation: img1 2s ease 0s infinite alternate;
    -ms-animation: img1 2s ease 0s infinite alternate;
    -o-animation: img1 2s ease 0s infinite alternate;
    animation: img1 2s ease 0s infinite alternate;
}

@-webkit-keyframes img1 {
    from {
        bottom: 52%;
    }
    to {
        bottom: 50%;
    }
}

@-moz-keyframes img1 {
    from {
        bottom: 52%;
    }
    to {
        bottom: 50%;
    }
}

@-ms-keyframes img1 {
    from {
        bottom: 52%;
    }
    to {
        bottom: 50%;
    }
}

@-o-keyframes img1 {
    from {
        bottom: 52%;
    }
    to {
        bottom: 50%;
    }
}

.page3 .page_in .p3_img2 {
    width: 136px;
    height: 136px;
    left: 46%;
    bottom: 10%;
    -webkit-animation: img2 2s ease 0s infinite alternate;
    -moz-animation: img2 2s ease 0s infinite alternate;
    -ms-animation: img2 2s ease 0s infinite alternate;
    -o-animation: img2 2s ease 0s infinite alternate;
    animation: img2 2s ease 0s infinite alternate;
}

@-webkit-keyframes img2 {
    from {
        bottom: 12%;
    }
    to {
        bottom: 10%;
    }
}

@-moz-keyframes img2 {
    from {
        bottom: 12%;
    }
    to {
        bottom: 10%;
    }
}

@-ms-keyframes img2 {
    from {
        bottom: 12%;
    }
    to {
        bottom: 10%;
    }
}

@-o-keyframes img2 {
    from {
        bottom: 12%;
    }
    to {
        bottom: 10%;
    }
}

.page3 .page_in .p3_img3 {
    width: 136px;
    height: 136px;
    right: 15%;
    bottom: 8%;
    -webkit-animation: img3 2s ease 0s infinite alternate;
    -moz-animation: img3 2s ease 0s infinite alternate;
    -ms-animation: img3 2s ease 0s infinite alternate;
    -o-animation: img3 2s ease 0s infinite alternate;
    animation: img3 2s ease 0s infinite alternate;
}

@-webkit-keyframes img3 {
    from {
        bottom: 10%;
    }
    to {
        bottom: 8%;
    }
}

@-moz-keyframes img3 {
    from {
        bottom: 10%;
    }
    to {
        bottom: 8%;
    }
}

@-ms-keyframes img3 {
    from {
        bottom: 10%;
    }
    to {
        bottom: 8%;
    }
}

@-o-keyframes img3 {
    from {
        bottom: 10%;
    }
    to {
        bottom: 8%;
    }
}

.page3 .page_in .p3_txt1 {
    width: 264px;
    height: 65px;
    left: 7%;
    top: 27%;
}

.page3 .page_in .p3_txt2 {
    width: 268px;
    height: 118px;
    right: 26%;
    bottom: -2%;
}

.page3 .page_in .p3_txt3 {
    width: 274px;
    height: 71px;
    right: -1%;
    bottom: 23%;
}

/* 第四页 */
.page4 .page_in .p4_phone {
    width: 976px;
    height: 738px;
    left: 10%;
    bottom: -10%;
}

.page4 .page_in .p4_img {
    width: 305px;
    height: 540px;
    left: 26.7%;
    bottom: 5.5%;
    background: url("../images/p4_img_bg.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/p4_img_bg.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/p4_img_bg.png*/ no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.page4 .page_in .p4_hd {
    width: 414px;
    height: 112px;
    right: -1%;
    top: 2%;
}

.page4 .page_in .p4_txt01 {
    width: 204px;
    height: 204px;
    left: -4%;
    bottom: 24%;
    border-radius: 50%;
    border: 5px solid #fee230;
    background: #e371f7;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 24px;
    padding-top: 50px;
    font-family: "Microsoft Yahei";
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.page4 .page_in .p4_txt01 hover .p4_img {
    background: url("../images/p5_img1.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/p5_img1.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/p5_img1.png*/ no-repeat;
    -webkit-background-size: 100%;
}

.page4 .page_in .p4_txt02 {
    width: 204px;
    height: 204px;
    right: 20%;
    bottom: 0;
    border-radius: 50%;
    border: 5px solid #fee230;
    background: #e371f7;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 24px;
    padding: 48px 15px 0;
    font-family: "Microsoft Yahei";
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.page4 .page_in .p4_txt03 {
    width: 204px;
    height: 204px;
    right: -3%;
    bottom: 28%;
    border-radius: 50%;
    border: 5px solid #fee230;
    background: #e371f7;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 24px;
    padding: 48px 15px 0;
    font-family: "Microsoft Yahei";
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 第五页 */
.page5 .page_in .p5_hd {
    width: 364px;
    height: 232px;
    left: 0;
    bottom: 30%;
}

.page5 .page_in .p5_phone {
    width: 691px;
    height: 737px;
    right: 0;
    bottom: -8%;
}

.p5_ul {
    width: 306px;
    height: 541px;
    right: 16.3%;
    bottom: 7%;
    overflow: hidden;
}

.bo {
    position: relative;
}

.p5_ul ul {
    position: absolute;
    top: 0;
    left: 0;
}

.p5_ul li img {
    width: 306px;
    height: 541px;
}

/* 第六页 */
.page6 .bom {
    width: 1200px;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -600px;
}

.page6 .page_in .p6_big {
    width: 560px;
    height: 560px;
    left: 0%;
    bottom: 5%;
    -webkit-animation: rolls 8s infinite linear;
    -moz-animation: rolls 8s infinite linear;
    -ms-animation: rolls 8s infinite linear;
    -o-animation: rolls 8s infinite linear;
    animation: rolls 8s infinite linear;
}

.page6 .page_in .p6_small {
    width: 403px;
    height: 403px;
    left: 6%;
    bottom: 15%;
    -webkit-animation: rolls 6s infinite linear;
    -moz-animation: rolls 6s infinite linear;
    -ms-animation: rolls 6s infinite linear;
    -o-animation: rolls 6s infinite linear;
    animation: rolls 6s infinite linear;
}

.page6 .page_in .ziyuan {
    width: 166px;
    height: 166px;
    left: 16%;
    bottom: 32%;
}

.page6 .page_in .meizhuang {
    width: 99px;
    height: 99px;
    left: 3%;
    bottom: 39%;
}

.page6 .page_in .weipin {
    width: 90px;
    height: auto;
    left: 14%;
    bottom: 11%;
}

.page6 .page_in .dianying {
    width: 118px;
    height: 183px;
    left: 32.5%;
    bottom: 37%;
}

.page6 .page_in .youhui {
    width: 129px;
    height: 194px;
    left: 0;
    top: 22%;
}

.page6 .page_in .jingdong {
    width: 128px;
    height: 128px;
    left: 25%;
    top: 9%;
}

.page6 .page_in .huafei {
    width: 100px;
    height: 100px;
    left: 42%;
    bottom: 26%;
}

.page6 .page_in .lipin {
    width: 193px;
    height: 139px;
    left: 25%;
    bottom: -1%;
}

.page6 .page_in .zhoubian {
    width: 129px;
    height: 129px;
    left: 0;
    bottom: 11%;
}

.page6 .page_in .p6_hd {
    width: 467px;
    height: 224px;
    right: 0;
    bottom: 36%;
}

.page6 .page_in .change:hover {
    transform: scale(1.1, 1.1);
}

/* 第七页 */
.page7 .page_in .p7_hd {
    width: 510px;
    height: 159px;
    left: 28%;
    top: 2%;
}

.page7 .page_in .p7_img {
    width: 1000px;
    height: 574px;
    left: 8%;
    bottom: -7%;
}

.page7 .page_in .p7_line {
    width: 575px;
    height: 206px;
    left: 30%;
    bottom: -3%;
    transition: all 2s linear;
    clip: rect(0 575px auto 0);
}

.page7.out .page_in .p7_line {
    clip: rect(0 0 auto 0);
}

.bom_up {
    width: 40px;
    height: 40px;
    background: url("../images/down.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/down.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/down.png*/ 0 0 repeat;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -30px;
    -webkit-animation: updown 2s ease 0s infinite alternate;
    -moz-animation: updown 2s ease 0s infinite alternate;
    -ms-animation: updown 2s ease 0s infinite alternate;
    -o-animation: updown 2s ease 0s infinite alternate;
    animation: updown 2s ease 0s infinite alternate;
}

@-webkit-keyframes updown {
    from {
        bottom: 28px;
    }
    to {
        bottom: 16px;
    }
}

@-moz-keyframes updown {
    from {
        bottom: 28px;
    }
    to {
        bottom: 16px;
    }
}

@-ms-keyframes updown {
    from {
        bottom: 28px;
    }
    to {
        bottom: 16px;
    }
}

@-o-keyframes updown {
    from {
        bottom: 28px;
    }
    to {
        bottom: 16px;
    }
}

/* 首页底部 */
.fdn {
    position: fixed;
    left: 0;
    bottom: 0;
    display: none;
}

/*server */
.about_box .server {
    text-align: center;
    font-size: 20px;
    padding-top: 10px;
}

.about_box .server-detail {
    padding: 0 27px;
    font-size: 17px;
    color: #2b2f37;
    line-height: 2;
}

/*资料总页加列表*/
.article_box_list {
    padding: 5px 20px 20px 20px;
}

.information-title-list {
    width: 800px;
    height: 40px;
    margin-bottom: 20px;
}

.information-title-list li {
    float: left;
    height: 38px;
    line-height: 38px;
    border: 1px solid #999;
    border-right: none;
    width: 129px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.information-title-list li:last-child {
    border-right: 1px solid #999;
}

.information-title-list li a {
    font-size: 16px;
    color: #888;
}

.information-title-list li a:hover {
    color: #f2445d;
}

.information-title-list li:hover {
    border-color: #f2445d;
    border-right: 1px solid #f2445d;
}

.load_more {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #e0e0e0;
}

.load_more a {
    font-size: 16px;
    color: #888;
}

/*20151221*/
.floatbar {
    position: fixed;
    bottom: 20px;
    right: 1px;
    opacity: 1;
    z-index: 100;
    cursor: pointer;
    transition: opacity 0.4s ease-in-out 0s;
}

.floatbar a {
    background: url("../images/wechat.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/Icon/wechat.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/Icon/wechat.png*/ no-repeat scroll center center rgba(0, 0, 0, 0.6);
    border-radius: 2px;
    width: 60px;
    height: 40px;
    display: inline-block;
}

.chat-tips {
    border: 1px solid #d1d2d6;
    position: absolute;
    right: 70px;
    top: -100px;
    background-color: #ffffff;
    display: none;
}

.floatbar .icon-chat:hover .chat-tips {
    display: block;
}

.chat-tips i {
    width: 9px;
    height: 16px;
    display: inline-block;
    position: absolute;
    right: -9px;
    top: 100px;
}

.chat-tips .sl_lazyimg {
    width: 150px;
    height: 150px;
}

.scroll-top {
    width: 60px;
    height: 50px;
    position: fixed;
    right: 1px;
    bottom: 65px;
    background: url("../images/top.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/Icon/top.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/Icon/top.png*/ no-repeat scroll center center rgba(0, 0, 0, 0.6);
    border-radius: 2px;
    z-index: 9999;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
}

/*20160126 底部友情链接*/
footer address .friendly_links {
    margin-top: 10px;
    margin-left: 120px;
}

footer address .friendly_links li {
    float: left;
    border-right: solid 2px #ffffff;
    padding-right: 5px;
    padding-left: 5px;
    text-align: center;
}

footer address .friendly_links li:first-child {
    color: #8a8d96;
    padding-right: 20px;
    border-right: none;
}

/**********************2016-04-21太原市万柏林区九加一科技咨询服务部首页等改版***********************/
.box-sizing {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.nav-v {
    width: 100%;
    height: 70px;
    min-width: 1024px;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0 62px;
}

.nav-v h1 {
    display: inline-block;
    height: 70px;
    width: auto;
}

.nav-v p {
    display: inline-block;
    height: 70px;
    width: auto;
}

.nav-v .logo-v {
    width: 154px;
    height: 36px;
    display: inline-block;
    background: url("../images/logo.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/logo.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/logo.png*/ top center no-repeat;
    margin-top: 17px;
}

.nav-v .navlist {
    float: right;
    height: 70px;
    width: auto;
    text-align: right;
}

.nav-v .navlist ul {
    display: inline-block;
    vertical-align: top;
}

.nav-v .navlist ul li {
    float: left;
}

.nav-v .navlist ul li a {
    font-size: 12px;
    color: #fff;
}

.nav-v .navlist .login-v, .nav-v .navlist .register-v {
    font-size: 12px;
    color: #fff;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin: 0 15px;
}

.nav-v .navlist .register-v {
    background-color: #ed5463;
}

.nav-v .navlist .login-v {
    border: 1px solid #fff;
}

.navlist a:hover {
    color: #ed5463 !important;
}

.navlist .register-v:hover, .navlist .login-v:hover {
    color: #fff !important;
}

.block {
    width: 100%;
    height: 980px;
    overflow: hidden;
    position: relative;
    background-color: #FFF;
}

.block-headBar {
    background: #fff url("../images/indexbg.jpeg")/*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/indexbg.jpg*//*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/indexbg.jpg*/ no-repeat;
    background-color: #FFF;
    min-height: 100vh;
    width: 100%;
    position: relative;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}

.block-headBar .headBarIn {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    margin-top: -5%;
}

.block-headBar .headBarIn .boxtitle {
    width: 1100px;
    margin: 0 auto;
    display: block;
}

.block-headBar .headBarIn .boxtitle h2 {
    font-family: "冬青黑体简体中文";
    font-size: 50px;
    left: 16%;
    bottom: 40%;
    color: #fff;
    letter-spacing: 13px;
    margin-bottom: 20px;
}

.block-headBar .headBarIn .boxtitle .saas {
    font-family: "冬青黑体简体中文";
    font-size: 40px;
    left: 16%;
    bottom: 40%;
    color: #fff;
    letter-spacing: 6px;
    margin-bottom: 7.6%;
}

.block-headBar .headBarIn .boxtitle .headBar-btn {
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 24px;
    color: #fff;
}

.block-headBar .headBarIn .boxtitle .experience {
    border: 1px solid #fff;
    margin-right: 20px;
    -webkit-animation-duration: 2s;
    -o-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 0.7s;
    -o-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    -ms-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.block-headBar .headBarIn .boxtitle .experience span {
    display: none;
    width: 200px;
    height: auto;
    position: relative;
}

.block-headBar .headBarIn .boxtitle .experience span img {
    position: absolute;
    top: -320px;
    left: -1px;
}

.block-headBar .headBarIn .register {
    background-color: #ed5463;
    -webkit-animation-duration: 2s;
    -o-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -ms-animation-delay: 0.2s;
    animation-delay: 0.2s;
    -webkit-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.experience:hover {
    color: #ed5463 !important;
    border-color: #ed5463 !important;
}

.experience:hover span {
    display: block !important;
    -webkit-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animation-time {
    -webkit-animation-duration: 2s;
    -o-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    -ms-animation-delay: 0.2s;
    animation-delay: 0.2s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.block-list {
    width: 100%;
    height: 740px;
    background-color: #FFF;
    overflow: hidden;
}

.block-bgcolor {
    background-color: #f5f8fb !important;
}

.block-borderTop {
    border-top: 1px solid #dbdee0;
}

.nav-fixed {
    position: fixed;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    -o-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    -moz-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    -ms-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
}

.nav-fixed .logo-v {
    background: url("../images/logo.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/logo.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/logo.png*/ bottom center no-repeat;
}

.nav-fixed a {
    color: #333 !important;
}

.nav-fixed .login-v {
    border: 1px solid #333 !important;
}

.nav-fixed .login-v:hover {
    color: #333 !important;
}

.nav-fixed .register-v {
    color: #fff !important;
}

.nav-v-2 {
    display: none;
    width: 100%;
    height: 70px;
    min-width: 1024px;
    z-index: 99;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0 62px;
    position: fixed;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    -o-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    -moz-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    -ms-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
}

.nav-v-2 h1 {
    display: inline-block;
    height: 70px;
    width: auto;
}

.nav-v-2 p {
    display: inline-block;
    height: 70px;
    width: auto;
}

.nav-v-2 .logo-v {
    width: 154px;
    height: 36px;
    display: inline-block;
    margin-top: 17px;
    background: url("../images/logo.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/logo.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/logo.png*/ bottom center no-repeat;
}

.nav-v-2 .navlist {
    float: right;
    height: 70px;
    width: auto;
    text-align: right;
}

.nav-v-2 .navlist ul {
    display: inline-block;
    vertical-align: top;
}

.nav-v-2 .navlist ul li {
    float: left;
}

.nav-v-2 .navlist ul li a {
    font-size: 12px;
    color: #fff;
}

.nav-v-2 .navlist .login-v, .nav-v-2 .navlist .register-v {
    font-size: 12px;
    color: #fff;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin: 0 15px;
}

.nav-v-2 a {
    color: #333 !important;
}

.nav-v-2 .login-v {
    border: 1px solid #333 !important;
}

.nav-v-2 .login-v:hover {
    color: #ed5463 !important;
    border-color: #ed5463 !important;
}

.nav-v-2 .register-v {
    color: #fff !important;
}

.font-style {
    font-family: "冬青黑体3W";
}

.flow {
    width: 100%;
    height: auto;
    background-color: #FFF;
    overflow: hidden;
    position: relative;
}

.flow-bg {
    width: 100%;
    height: auto;
}

.flow-list {
    position: absolute;
    background-color: #FFF;
}

.flow-list .flow-In {
    position: relative;
}

@keyframes ripple {
    to {
        transform: scale(1);
    }
}

.ripple {
    position: absolute;
    left: 50%;
    top: 42%;
    margin: 1.5% 0 0 -7%;
}

.ripple .ripple-box {
    position: relative;
    width: 254px;
    height: 254px;
}

.ripple .ripple-box .ripple-out {
    width: 100%;
    height: 100%;
    background-color: #ef6b78;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    animation: ripple-out 0.9s linear infinite;
    -weblit-transform: scale(0.7);
    -o-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.7);
}

.ripple .ripple-box .ripple-In {
    width: 90%;
    height: 90%;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin: -9.3em 0 0 -9.3em;
    animation: ripple-in 0.8s linear infinite;
    -weblit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

@-webkit-keyframes ripple-out {
    to {
        transform: scale(1.1);
        opacity: 0;
    }
}

@-moz-keyframes ripple-out {
    to {
        transform: scale(1.1);
        opacity: 0;
    }
}

@-o-keyframes ripple-out {
    to {
        transform: scale(1.1);
        opacity: 0;
    }
}

@-ms-keyframes ripple-out {
    to {
        transform: scale(1.1);
        opacity: 0;
    }
}

@keyframes ripple-out {
    to {
        transform: scale(1.1);
        opacity: 0;
    }
}

@-webkit-keyframes ripple-in {
    0% {
        transform: scale(0.97);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.97);
    }
}

@-o-keyframes ripple-in {
    0% {
        transform: scale(0.97);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.97);
    }
}

@-moz-keyframes ripple-in {
    0% {
        transform: scale(0.97);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.97);
    }
}

@-ms-keyframes ripple-in {
    0% {
        transform: scale(0.97);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.97);
    }
}

@keyframes ripple-in {
    0% {
        transform: scale(0.97);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.97);
    }
}

.flow-A {
    top: 0;
    right: 0;
    z-index: 2;
    position: relative;
}

.flow-B {
    left: -2000px;
    top: 0;
    z-index: 3;
}

.flow-C {
    left: 0;
    bottom: -1000px;
    z-index: 4;
}

.flow-D {
    left: 0;
    bottom: -1000px;
    z-index: 5;
}

.flow-E {
    left: 0;
    bottom: -1000px;
    z-index: 6;
}

.flow-F {
    right: -2000px;
    top: 0;
    z-index: 7;
}

.flow-G {
    bottom: -1000px;
    left: 0;
    z-index: 8;
}

.flow-word {
    font-size: 3em;
    color: #333;
    position: absolute;
}

.flow-01 {
    left: 50%;
    top: 22%;
    margin: 0 0 0 -164px;
}

.flow-02 {
    left: 50%;
    bottom: 20%;
    margin-left: -100px;
}

.flow-03 {
    left: 24%;
    top: 24%;
    margin-left: -100px;
}

.flow-04 {
    left: 24%;
    top: 24%;
    margin: 0 0 0 -31.5px;
}

.flow-05 {
    left: 30%;
    top: 20%;
    margin: 0 0 0 -31.5px;
}

.flow-06 {
    left: 30%;
    top: 22%;
    margin: 0 0 0 -31.5px;
}

.flow-07 {
    left: 50%;
    bottom: 28%;
    margin: 0 0 0 -342px;
    font-size: 3.1em;
}

.content-v {
    width: 1024px;
    height: auto;
    margin: 0 auto;
}

.block-left {
    width: 450px;
    float: left;
    height: 740px;
    padding-top: 195px;
}

.block-right {
    width: 574px;
    float: left;
    height: 740px;
    overflow: hidden;
}

.block-right img {
    margin-top: 155px;
    display: inline-block;
}

.tar {
    text-align: right;
}

.tal {
    text-align: left;
}

.tac {
    text-align: center;
}

.display-none {
    display: none;
}

.block-position {
    width: 100%;
    height: 100%;
}

.block-position .block-position-word {
    position: relative;
    height: 210px;
}

.block-position .block-position-word img {
    margin-bottom: 20px;
}

.block-position .block-position-word p {
    font-size: 16px;
    color: #919191;
    line-height: 28px;
}

.block-position .block-position-word .switch-II-word {
    display: none;
}

.block-position .block-switch {
    margin-top: 30px;
    /* .block-switch-list:hover{
    span{
      color:#ed5564;
    }
    .generate{
      background-position:0 -82px !important;
    }
    .special{
        background-position: 0 -246px !important;
    }
    .kuajie{
      background-position: 0 -410px  !important;
    }
    .rich{
      background-position: 0 -492px !important;
    }
    .SDK{
      background-position: 0 -656px !important;
    }
    .chufa{
      background-position: 0 -902px !important;
    }
    .funnel{
      background-position: 0 -1230px !important;
    }
    .html{
      background-position: 0 -1558px !important;
    }
    .label{
      background-position: 0 -1066px !important;
    }
    .subscriber{
      background-position: 0 -1312px !important;
    }
  } */
}

.block-position .block-switch .hover-On span {
    color: #ed5564;
}

.block-position .block-switch .hover-On .generate {
    background-position: 0 -82px !important;
}

.block-position .block-switch .hover-On .special {
    background-position: 0 -246px !important;
}

.block-position .block-switch .hover-On .kuajie {
    background-position: 0 -410px !important;
}

.block-position .block-switch .hover-On .rich {
    background-position: 0 -492px !important;
}

.block-position .block-switch .hover-On .SDK {
    background-position: 0 -656px !important;
}

.block-position .block-switch .hover-On .chufa {
    background-position: 0 -902px !important;
}

.block-position .block-switch .hover-On .funnel {
    background-position: 0 -1230px !important;
}

.block-position .block-switch .hover-On .html {
    background-position: 0 -1558px !important;
}

.block-position .block-switch .hover-On .label {
    background-position: 0 -1066px !important;
}

.block-position .block-switch .hover-On .subscriber {
    background-position: 0 -1312px !important;
}

.block-position .block-switch .block-switch-list {
    width: 96px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    margin: 0 60px 0 0;
}

.block-position .block-switch .block-switch-list .generate {
    background-position: 0 0;
}

.block-position .block-switch .block-switch-list .special {
    background-position: 0 -164px;
}

.block-position .block-switch .block-switch-list .kuajie {
    background-position: 0 -328px;
}

.block-position .block-switch .block-switch-list .rich {
    background-position: 0 -574px;
}

.block-position .block-switch .block-switch-list .SDK {
    background-position: 0 -738px;
}

.block-position .block-switch .block-switch-list .chufa {
    background-position: 0 -820px;
}

.block-position .block-switch .block-switch-list .funnel {
    background-position: 0 -1148px;
}

.block-position .block-switch .block-switch-list .html {
    background-position: 0 -1476px;
}

.block-position .block-switch .block-switch-list .label {
    background-position: 0 -984px;
}

.block-position .block-switch .block-switch-list .subscriber {
    background-position: 0 -1394px;
}

.block-position .block-switch span {
    font-size: 14px;
    color: #b5b5b5;
}

.block-position .block-switch .block-switch-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background: url("../images/cricle-icon.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/cricle-icon.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/cricle-icon.png*/ no-repeat;
    /* -webkit-background-size:80px 1638px;
  -moz-background-size:80px 1638px;
  -ms-background-size:80px 1638px;
  -o-background-size:80px 1638px;
  background-size:80px 1638px; */
    margin-bottom: 30px;
}

/* .switch-I:hover .switch-I-word{
    display:block !important;
}

.switch-II:hover .switch-II-word{
    display: block !important;
} */
.switch-I .block-left .block-position .block-position-word .switch-II-word {
    display: block !important;
}

.switch-I .block-left .block-position .block-position-word .switch-II-word {
    display: none !important;
}

.switch-I .block-left .block-position .block-position-word h2 {
    font-size: 36px;
    color: #ed5463;
    font-family: "微软雅黑";
}

.switch-I .block-right .switch-II-img {
    display: none !important;
}

.switch-I .block-right .switch-I-img {
    display: inline-block !important;
}

.switch-II .block-left .block-position .block-position-word .switch-II-word {
    display: block !important;
}

.switch-II .block-left .block-position .block-position-word .switch-I-word {
    display: none !important;
}

.switch-II .block-right .switch-I-img {
    display: none !important;
}

.switch-II .block-right .switch-II-img {
    display: inline-block !important;
}

.switch-word-I {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    -ms-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 0.15s;
    -o-animation-delay: 0.15s;
    -moz-animation-delay: 0.15s;
    -ms-animation-delay: 0.15s;
    animation-delay: 0.15s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.switch-word-II {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    -ms-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 0.25s;
    -o-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    -ms-animation-delay: 0.25s;
    animation-delay: 0.25s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.switch-word-III {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    -ms-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 0.35s;
    -o-animation-delay: 0.35s;
    -moz-animation-delay: 0.35s;
    -ms-animation-delay: 0.35s;
    animation-delay: 0.35s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.switch-word-IIII {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    -ms-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 0.45s;
    -o-animation-delay: 0.45s;
    -moz-animation-delay: 0.45s;
    -ms-animation-delay: 0.45s;
    animation-delay: 0.45s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@font-face {
    font-family: 'IMPACT';
    src: url("../fonts/IMPACT.TTF")/*tpa=http://app.zdwhs.com/huodonghezi/fonts/IMPACT.TTF*//*tpa=http://app.zdwhs.com/huodonghezi/fonts/IMPACT.TTF*/;
    font-style: normal;
}

/* @font-face {
  font-family: '冬青黑体W3';
  src: url(../fonts/冬青黑体W3.Otf);
  font-style: normal;
} */
.block-num {
    width: 100%;
    height: 600px;
    overflow: hidden;
    background: url("../images/numbg.jpeg")/*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/Numbg.jpg*//*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/Numbg.jpg*/ center no-repeat;
    padding-top: 160px;
}

.block-num .Num-list {
    display: inline-block;
    /* margin-left:40px;
  margin-left:39px\9; */
    margin-left: 76px;
    vertical-align: middle;
}

.block-num .Num-list .Num-title {
    font-size: 18px;
    color: #fff;
    margin-top: 15px;
    display: inline-block;
}

.block-num .Num-list .Num-list-box {
    /* background-color:#ed5463; */
    height: 195px;
    line-height: 195px;
    /* padding:0 36px; */
    /* width: 300px; */
    /* padding-right:30px; */
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.block-num .Num-list .Num-list-box span {
    color: #fff;
    font-size: 82px;
    font-family: "IMPACT";
    font-weight: 100;
}

.block-num .Num-list .Num-list-box span em {
    font-style: normal;
}

.block-num .Num-list .Num-list-box .Num-Box-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 91.5px;
    background: rgba(220, 68, 83, 0.5);
    z-index: 2;
}

.block-num .Num-list .Num-list-box i {
    position: absolute;
    top: 40px;
    right: 20px;
    width: 35px;
    height: 35px;
    background: url("../images/add.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/add.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/add.png*/ no-repeat;
    -webkit-background-size: 29px;
    -moz-background-size: 29px;
    -o-background-size: 29px;
    -ms-background-size: 29px;
    background-size: 29px;
}

.block-num .Num-list:first-of-type {
    margin-left: 0;
}

.block-num .Num-list:first-of-type .Num-list-box {
    /* width: 186px; */
    /* padding-right:30px; */
}

.block-num .Num-list:last-of-type .Num-list-box {
    /* width:209px; */
    /* padding-right:32px; */
}

.block-cooperation {
    width: 100%;
    height: 804px;
    background-color: #FFF;
    padding-top: 100px;
}

.block-cooperation .cooperation-box {
    width: 1024px;
    height: 319px;
    background-color: #f5f8fb;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e4e4e4;
    padding: 29px;
}

.block-cooperation .cooperation-box .cooperation-img {
    overflow: hidden;
    float: left;
    width: 400px;
    height: 100%;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e4e4e4;
    background-color: #FFF;
}

.block-cooperation .cooperation-box .cooperation-word {
    float: left;
    width: 563px;
    height: 259px;
}

.block-cooperation .cooperation-box .cooperation-word .cooperation-word-info {
    width: 100%;
    height: 200px;
    padding: 30px 0 0 50px;
}

.block-cooperation .cooperation-box .cooperation-word .cooperation-word-info p {
    font-size: 20px;
    color: #919191;
}

.block-cooperation .cooperation-box .cooperation-word .cooperation-link-box {
    width: 100%;
    height: 58px;
    padding-left: 50px;
}

.block-cooperation .cooperation-box .cooperation-word .cooperation-link-box .cooperation-link {
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
    width: 349px;
    width: 349px \9;
}

.block-cooperation .cooperation-box .cooperation-word .cooperation-link-box .cooperation-link .link-Icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../images/link-icon.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/link-icon.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/link-icon.png*/ no-repeat;
    vertical-align: middle;
    margin-right: 16px;
}

.block-cooperation .cooperation-box .cooperation-word .cooperation-link-box .cooperation-link .link-url {
    font-size: 20px;
    color: #333;
    vertical-align: middle;
}

.block-cooperation .cooperation-box .cooperation-word .cooperation-link-box .cooperation-link-btn {
    display: inline-block;
    vertical-align: middle;
    width: 160px;
}

.block-cooperation .cooperation-box .cooperation-word .cooperation-link-box .cooperation-link-btn a {
    width: 160px;
    height: 46px;
    display: block;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background-color: #ed5463;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 46px;
}

.cooperation-list-box {
    padding-top: 60px;
}

.cooperation-list-box .cooperation-list {
    width: 256px;
    float: left;
    height: 260px;
}

.cooperation-list-box .cooperation-list .cooperation {
    width: 224px;
    height: 260px;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    overflow: hidden;
    display: inline-block;
    position: relative;
}

.cooperation-list:hover .cooperation {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.2s;
    transition: all 0.01s;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.cooperation-list:hover .cooperation-img {
    display: none;
}

.cooperation-list:hover .cooperation-Info {
    display: block;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    -o-animation-fill-mode: backwards;
    -ms-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

.cooperation-Info-time {
    -webkit-animation-duration: 2s;
    -o-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 0.01s;
    -moz-animation-delay: 0.01s;
    -o-animation-delay: 0.01s;
    -ms-animation-delay: 0.01s;
    animation-delay: 0.01s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.cooperation-Info {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    padding: 50px 28px 0;
    text-align: center;
    display: none;
}

.cooperation-Info h2 {
    font-size: 36px;
    color: #222;
}

.cooperation-Info p {
    font-size: 16px;
    color: #888;
    margin-top: 32px;
}

.block-partner {
    width: 100%;
    min-height: 282px;
    padding-top: 15px;
}

.block-partner .partner-list img {
    float: left;
    margin: 30px 12px 0;
}

.block-AD {
    width: 100%;
    height: 340px;
    background-color: #FFF;
}

.Ad-title {
    font-size: 36px;
    letter-spacing: 5px;
    text-align: center;
    margin: 100px auto 0;
    display: block;
}

.just-register {
    display: block;
    width: 160px;
    height: 44px;
    font-size: 18px;
    text-align: center;
    line-height: 44px;
    margin: 50px auto 0;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.footer-v {
    width: 100%;
    height: 240px;
    background-color: #333;
    padding-top: 66px;
}

.footer-message {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.footer-message ul {
    margin-top: 10px;
    margin-left: -20px;
}

.footer-message ul li {
    float: left;
    width: 80px;
    border-right: 1px solid #afb6c1;
    text-align: center;
}

.footer-message ul li a {
    color: #afb6c1;
    font-size: 12px;
}

.footer-message ul li:last-of-type {
    border: none;
}

.footer-message a:hover {
    color: #ed5463;
}

.footer-QR {
    vertical-align: top;
    display: inline-block;
    width: 90px;
    height: auto;
    margin-left: 50px;
}

.footer-QR .footer-logo {
    margin-top: 10px;
}

.us-info {
    margin-top: 24px;
    font-size: 12px;
    color: #afb6c1;
}

.us-info a {
    color: #afb6c1;
}

.us-info .work-time {
    margin-right: 15px;
}

.us-info .hot-line {
    margin-right: 15px;
}

.footer-copy {
    color: #afb6c1;
    margin-top: 24px;
}

.btn-bgcolor {
    background-color: #ed5463 !important;
    color: #fff !important;
}

.btn-bgcolor:hover {
    background-color: #C82D3C !important;
    color: #fff !important;
}

.btn-bgcolor:active {
    color: rgba(255, 255, 255, 0.3) !important;
}

.Num-time {
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.mt-140 {
    margin-top: 140px !important;
}

.full {
    width: 100%;
    height: 70px;
}

.padding-left {
    padding-left: 68px;
}

/********************关于我们***********************/
.nav-vt {
    width: 100%;
    height: 70px;
    min-width: 1024px;
    z-index: 99;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0 62px;
    position: fixed;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    -o-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    -moz-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    -ms-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
}

.nav-vt h1 {
    height: 70px;
    width: auto;
    position: absolute;
    left: 62px;
    top: 0;
}

.nav-vt h1 a {
    width: 154px;
    height: 36px;
    display: inline-block;
    margin-top: 17px;
    background: url("../images/logo.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/logo.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/logo.png*/ bottom center no-repeat;
}

.nav-vt .navlist {
    position: absolute;
    right: 62px;
    top: 0;
}

.nav-vt .navlist a {
    font-size: 12px;
    color: #fff;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin: 0 15px;
}

.nav-vt .navlist .login-v {
    border: 1px solid #333;
    color: #333;
}

.nav-vt .inc-nav {
    margin: 0 auto;
    width: 1024px;
}

.nav-vt .inc-nav li {
    float: left;
}

.nav-vt .inc-nav li a {
    font-size: 12px;
    color: #333;
}

.inc-nav a:hover {
    color: #ed5463 !important;
}

.navlist .login-v:hover {
    border-color: #ed5463 !important;
    color: #ed5463 !important;
}

.location .location-shaw {
    color: #333 !important;
}

.location .location-shaw i {
    background: url("../images/icon-bg.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/icon-bg.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/icon-bg.png*/ no-repeat -44px -107px;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
}

.location .location-shaw:first-of-type i {
    background: none;
    width: 0;
    height: 0;
}

.location .location-shaw:hover {
    color: #ed5463 !important;
}

.location .location-shaw:last-of-type:hover {
    color: #333 !important;
}

.watermark {
    background: #fff url("../images/watermark.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/watermark.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/watermark.png*/ center -63px no-repeat;
    padding-top: 20px;
}

.watermark .location {
    margin: 0;
}

.watermark-v {
    height: 180px;
    width: 100%;
    background: url("../images/watermark-v.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/watermark-v.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/watermark-v.png*/ center 100px no-repeat;
}

.about-us-article {
    padding-top: 150px;
    text-align: center;
    color: #333;
}

.about-us-article h2 {
    font-size: 54px;
    margin-bottom: 55px;
}

.about-us-article h3 {
    font-size: 30px;
    margin-bottom: 50px;
}

.about-us-article p {
    text-align: center;
    font-size: 18px;
    line-height: 30px;
}

.about-us-article .partner-list img {
    margin: 0 12px 30px;
    float: left;
}

/***************图片放大插件样式***************/
.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none;
}

.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pswp img {
    max-width: none;
}

.pswp--animate_opacity {
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
    display: block;
}

.pswp--zoom-allowed .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.pswp--dragging .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    will-change: transform;
}

.pswp__container, .pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.pswp__container, .pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none;
}

.pswp__container, .pswp__zoom-wrap {
    -webkit-backface-visibility: hidden;
    will-change: transform;
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s;
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden;
}

.pswp__img--placeholder--blank {
    background: #222222;
}

.pswp--ie .pswp__img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

/*************************结束************************/
.about-us-pic figure {
    margin-top: 55px;
    overflow: hidden;
    float: left;
    margin-right: 60.5px;
}

.about-us-pic figure:last-of-type {
    margin-right: 0;
}

.about-us-pic .Img-first {
    width: 1024px;
    height: 398px;
}

.about-us-pic .Img-second {
    width: 301px;
    height: 301px;
}

.block_bg {
    background-color: #FFF;
    width: 100%;
    height: auto;
}

.system_block {
    height: 428px;
    padding-top: 80px;
}

.system_block .product_function {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
}

.system_block .system_list {
    width: 256px;
    height: 258px;
    float: left;
    margin-top: 15px;
}

.system_block .system_list div {
    display: inline-block;
}

.system_block .system_list .system_icon {
    width: 80px;
    height: 65px;
    display: block;
    margin: 0 auto;
    background: url("../images/cricle-icon.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/cricle-icon.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/cricle-icon.png*/ no-repeat;
    margin-bottom: 20px;
}

.system_block .system_list h2 {
    font-size: 22px;
    color: #333;
    margin-bottom: 10px;
    letter-spacing: 2px;
}

.system_block .system_list p {
    font-size: 16px;
    color: #999;
    text-align: center;
    line-height: 30px;
    letter-spacing: 1px;
}

.system_block .system_list .build {
    background-position: 0 -1812px;
}

.system_block .system_list .resources {
    background-position: 0 -1652px;
}

.system_block .system_list .release {
    background-position: 0 -1888px;
}

.system_block .system_list .data {
    background-position: 0 -1732px;
}

.Product_block_top {
    height: 530px;
    padding-top: 105px;
}

.Product_block_top .Product_block_title {
    background: url("../images/cricle-icon.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/cricle-icon.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/new_index/cricle-icon.png*/ no-repeat;
    font-size: 48px;
    color: #ed5463;
    padding-left: 90px;
    letter-spacing: 7px;
}

.Product_block_top .pbt_1 {
    background-position: 0 -1807px;
}

.Product_block_top .pbt_2 {
    background-position: 0 -1652px;
}

.Product_block_top .pbt_3 {
    background-position: 0 -1888px;
}

.Product_block_top .pbt_4 {
    background-position: 0 -1732px;
}

.Product_block_top .produce_block_word {
    padding-left: 90px;
    margin-top: 30px;
}

.Product_block_top .produce_block_word p {
    font-size: 22px;
    color: #919191;
    line-height: 40px;
}

.product-right {
    width: 640px;
    float: left;
    height: 600px;
    overflow: hidden;
}

.product-right .product-img {
    margin-top: 65px;
}

.product-left {
    width: 384px;
    float: left;
    height: 600px;
    padding-top: 165px;
}

.product-left .product_left_title {
    font-size: 36px;
    color: #ed5463;
}

.product-left .product_word_box {
    margin-top: 20px;
}

.product-left .product_word_box p {
    font-size: 18px;
    color: #919191;
    line-height: 35px;
}

/*20160531*/
.snav-bar {
    position: fixed;
    width: 0.04rem;
    height: 0.04rem;
    bottom: 0;
    right: 0;
    z-index: 1002;
}

.snav-bar .snav-bar-in {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1003;
}

.snav-bar .snav-bar-in .snav {
    width: 4.48rem;
    height: 4.48rem;
    background-color: #ed5463;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 4.48rem;
    color: #fff;
    font-size: 1.5rem;
    position: absolute;
    right: 0.96rem;
    bottom: 1.96rem;
    z-index: 1004;
}

.snav-bar .snav-bar-in .snav-list-bar {
    width: 4.48rem;
    height: auto;
    position: absolute;
    bottom: 7.64rem;
    right: 0.96rem;
    z-index: 1004;
    display: block;
}

.snav-bar .snav-bar-in .snav-list-bar .snav-list {
    width: 3.2rem;
    height: 3.2rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    line-height: 3.2rem;
    margin: 1.2rem auto 0;
}

.snav-bar .snav-bar-in .snav-list-bar .snav-list span {
    font-size: 1.2rem;
    color: #fff;
}

.snav-bar .snav-bar-in .snav-list-bar .zixun {
    background-color: #f884b5;
}

.snav-bar .snav-bar-in .snav-list-bar .liuyan {
    background-color: #f8b551;
}

.snav-bar .snav-bar-in .snav-list-bar .tel {
    background-color: #598cf9;
}

/*20160531*/
.snav-bar {
    position: fixed;
    width: 0.04rem;
    height: 0.04rem;
    bottom: 0;
    right: 0;
    z-index: 1002;
}

.snav-bar .snav-bar-in {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1003;
}

.snav-bar .snav-bar-in .snav {
    width: 70px;
    height: 70px;
    background-color: #ed5463;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 70px;
    color: #fff;
    font-size: 30px;
    position: absolute;
    right: 24px;
    bottom: 49px;
    z-index: 1004;
}

.snav-bar .snav-bar-in .snav-list-bar {
    width: 52px;
    height: auto;
    position: absolute;
    bottom: 140px;
    right: 36px;
    z-index: 1004;
    display: block;
}

.snav-bar .snav-bar-in .snav-list-bar .snav-list {
    width: 52px;
    height: 52px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    line-height: 52px;
    margin: 20px auto 0;
    position: relative;
}

.snav-bar .snav-bar-in .snav-list-bar .snav-list span {
    font-size: 20px;
    color: #fff;
}

.snav-bar .snav-bar-in .snav-list-bar .zixun {
    background-color: #f884b5;
}

.snav-bar .snav-bar-in .snav-list-bar .liuyan {
    background-color: #f8b551;
}

.snav-bar .snav-bar-in .snav-list-bar .tel {
    background-color: #598cf9;
}

.snav-bar .wpa {
    position: absolute;
    right: 59px;
    top: 98px;
    display: none;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    background-color: rgba(248, 132, 181, 0.7);
    width: 138px;
    height: 40px;
}

.snav-bar .wpa iframe {
    margin-top: 9px;
    margin-left: 25px;
}

.snav-bar .tel-tel {
    position: absolute;
    right: 60px;
    line-height: 30px;
    width: 120px;
    top: 26px;
    display: none;
    font-size: 16px;
    background-color: rgba(89, 140, 249, 0.7);
    padding: 5px 10px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
}

.snav-bar .tel-tel a {
    color: #fff;
}

/*20160809*/
.nav-v .navlist ul .mobile_login_header_img {
    margin-right: -3rem;
    margin-top: 4.5rem;
}

.nav-v-2 .navlist ul .mobile_login_index_img {
    margin-right: -2.5rem;
    display: none;
}

#qq {
    width: 48px !important;
    height: 48px !important;
    overflow: hidden;
    position: fixed;
    right: 40px;
    bottom: 61px;
    z-index: 999;
}

#qq iframe {
    position: absolute;
    z-index: 2;
    width: 48px !important;
    height: 48px !important;
    background-color: #ec5463 !important;
    border-radius: 50%;
    overflow: hidden;
    padding: 13px;
    opacity: 0;
}

#qq .img-container {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

#qq .img-container .qq-img {
    width: 48px;
    height: 48px;
    z-index: 1;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ec5463;
    padding: 15px 0 0 12px;
}

/*=============2016-07-28运营学院==================*/
.pb80 {
    padding-bottom: 80px;
}

.pt30 {
    padding-top: 30px !important;
}

.pt10 {
    padding-top: 10px;
}

.pt60 {
    padding-top: 60px;
}

.pt80 {
    padding-top: 80px;
}

.bg_f0 {
    background-color: #f0f0f7;
    width: 100%;
    height: auto;
}

.nav-v .navlist ul li.cur a {
    color: #ed5463 !important;
}

.nav-v .navlist ul li.second_pack {
    position: relative;
    z-index: 2000;
}

.nav-v .navlist ul li.second_pack a {
    z-index: 2016;
    position: relative;
}

.nav-v .navlist ul li.second_pack .slide_pack {
    position: absolute;
    background-color: #fff;
    height: auto;
    width: 100px;
    top: 17px;
    left: 50%;
    z-index: 2015;
    margin-left: -50px;
    -webkit-box-shadow: 0 3px 10px rgba(145, 145, 145, 0.2);
    -moz-box-shadow: 0 3px 10px rgba(145, 145, 145, 0.2);
    -o-box-shadow: 0 3px 10px rgba(145, 145, 145, 0.2);
    -ms-box-shadow: 0 3px 10px rgba(145, 145, 145, 0.2);
    box-shadow: 0 3px 10px rgba(145, 145, 145, 0.2);
    padding: 45px 0 5px;
    visibility: hidden;
}

.nav-v .navlist ul li.second_pack .slide_pack .second_link {
    height: 32px;
    line-height: 32px;
    color: #3f3f3f !important;
}

.nav-v .navlist ul li.second_pack .slide_pack .second_link:hover {
    color: #ed5463 !important;
}

.nav-v .navlist ul li.second_pack:hover .slide_pack {
    visibility: visible;
}

.operation_banner {
    width: 100%;
    height: 377px;
    background-color: #FFF;
    padding-top: 30px;
}

.banner {
    width: 763px;
    height: 317px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    float: left;
}

.banner .swiper-container {
    width: 763px;
    height: 317px;
}

.banner .swiper-container .swiper-wrapper .swiper-slide {
    width: 763px;
    height: 317px;
}

.banner .swiper-container .swiper-wrapper .swiper-slide .banner_link {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    cursor: -webkit-grab;
}

.banner .swiper-container .swiper-wrapper .swiper-slide .banner_link .banner_shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 57px;
    background: url("../images/shadow-bg.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/0728/shadow-bg.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/0728/shadow-bg.png*/ center no-repeat;
    padding: 27px 10px 0;
}

.banner .swiper-container .swiper-wrapper .swiper-slide .banner_link .banner_shadow p {
    font-size: 18px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.banner .swiper-container .swiper-pagination {
    text-align: right;
    padding: 0 10px;
    height: 10px;
    bottom: 10px;
}

.banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #FFF;
    -webkit-opacity: 0.5;
    -o-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-opacity: 0.5;
    opacity: 0.5;
    margin: 0 5px;
}

.banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    -webkit-opacity: 1;
    -o-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
}

.content_right {
    float: right;
    width: 241px;
    height: auto;
    margin-left: 20px;
    padding-bottom: 30px;
}

.hezi_QR_block {
    width: 100%;
    height: 317px;
    background-color: #f0f0f7;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.hezi_QR_block .hezi_logo {
    text-align: center;
    padding-top: 30px;
}

.hezi_QR_block .hezi_logo img {
    display: inline-block;
}

.hezi_QR_block .hezi_ID {
    margin-top: 10px;
    font-size: 14px;
    color: #333;
    text-align: center;
}

.hezi_QR_block .heiz_time {
    text-align: center;
    color: #333;
    font-size: 12px;
    margin-top: 16px;
}

.hezi_QR_block .heiz_QR {
    text-align: center;
    margin-top: 16px;
}

.hezi_QR_block .heiz_QR img {
    display: inline-block;
}

.content_left {
    width: 763px;
    float: left;
    height: auto;
}

.content_left .modular_block .operation_bar_head .modular_link {
    float: left;
    background-color: #FFF;
    padding: 4px 10px 3px;
    border-radius: 30px;
    font-size: 14px;
    color: #333;
}

.content_left .modular_block .operation_bar_head .modular_link:hover {
    color: #ed5463;
}

.content_left .modular_block .operation_bar_head .modular_more_bar {
    float: right;
    line-height: 33px;
    color: #919191;
}

.content_left .modular_block .operation_bar_head .modular_more_bar:hover {
    color: #ed5463;
}

.content_left .modular_block .operation_bar_head .modular_more_bar .icon {
    width: 16px;
    height: 16px;
    background: url("../images/modular-more.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/0728/modular-more.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/0728/modular-more.png*/ center no-repeat;
    margin-left: 14px;
}

.content_left .modular_block .operation_bar_head .modular_more_bar span {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.content_left .modular_block .operation_list_block {
    padding-top: 18px;
    padding-bottom: 20px;
}

.content_left .modular_block .operation_list_block .opration_list {
    background-color: #FFF;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    height: 317px;
    width: 241px;
    margin-right: 18px;
    overflow: hidden;
    position: relative;
    float: left;
}

.content_left .modular_block .operation_list_block .opration_list .operation_link {
    width: 100%;
    height: 100%;
    display: block;
}

.content_left .modular_block .operation_list_block .opration_list .operation_link .opration_image {
    width: 241px;
    height: 188px;
    overflow: hidden;
    position: relative;
}

.content_left .modular_block .operation_list_block .opration_list .operation_link .opration_image img {
    position: absolute;
    top: 0;
    left: 0;
    /* -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%); */
}

.content_left .modular_block .operation_list_block .opration_list .operation_link .opration_title {
    height: 82px;
    width: 100%;
    padding: 17px 20px 18px;
}

.content_left .modular_block .operation_list_block .opration_list .operation_link .opration_title span {
    display: block;
    height: 52px;
    width: 100%;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    line-height: 25px;
}

.content_left .modular_block .operation_list_block .opration_list .operation_link .operation_other {
    height: 47px;
    text-align: center;
    padding-top: 10px;
}

.content_left .modular_block .operation_list_block .opration_list .operation_link .operation_other .access_amount {
    padding-left: 22px;
    background-position: 0 30%;
}

.content_left .modular_block .operation_list_block .opration_list .operation_link .operation_other .release_time {
    background-position: -124px 50%;
    padding-left: 20px;
}

.content_left .modular_block .operation_list_block .opration_list .operation_link .operation_other .comments {
    padding-left: 21px;
    background-position: -64px 35%;
}

.content_left .modular_block .operation_list_block .opration_list .operation_link .operation_other span {
    font-size: 12px;
    color: #b5b5b5;
    display: inline-block;
    margin: 0 10px;
    background: url("../images/icons.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/0728/icons.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/0728/icons.png*/ no-repeat;
}

.content_left .modular_block .operation_list_block .opration_list .other_link {
    position: absolute;
    z-index: 10;
    -webkit-background-color: rgba(0, 0, 0, 0.5);
    -moz-background-color: rgba(0, 0, 0, 0.5);
    -o-background-color: rgba(0, 0, 0, 0.5);
    -ms-background-color: rgba(0, 0, 0, 0.5);
    background-color: rgba(0, 0, 0, 0.5);
    top: 20px;
    left: 10px;
    color: #fff;
    padding: 3px 6px 2px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
}

.content_left .modular_block .operation_list_block .opration_list:hover {
    -webkit-box-shadow: 0 0 10px rgba(145, 145, 145, 0.3);
    -moz-box-shadow: 0 0 10px rgba(145, 145, 145, 0.3);
    -o-box-shadow: 0 0 10px rgba(145, 145, 145, 0.3);
    -ms-box-shadow: 0 0 10px rgba(145, 145, 145, 0.3);
    box-shadow: 0 0 10px rgba(145, 145, 145, 0.3);
}

.content_left .modular_block .operation_list_block .opration_list:hover .operation_link img {
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.content_left .modular_block .operation_list_block .opration_list:nth-of-type(3n) {
    margin-right: 0;
}

.content_left .modular_block.activity_block {
    padding-top: 60px;
}

.content_left .modular_block.substance_block {
    padding-top: 18px;
}

.small_pic {
    width: 241px;
    height: 160px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-top: 30px;
}

.small_pic a {
    width: 100%;
    height: 100%;
    display: block;
}

.right_label_block {
    padding-top: 30px;
}

.right_label_block .right_label_title h2 {
    font-size: 14px;
    color: #fff;
    background-color: #b5b5b5;
    display: inline-block;
    padding: 6px 10px 5px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
}

.right_label_block .right_label_title {
    font-size: 14px;
    color: #fff;
    background-color: #b5b5b5;
    display: inline-block;
    padding: 6px 10px 5px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
}

.right_label_block .label_bar {
    padding-top: 10px;
}

.right_label_block .label_bar .label_list {
    background-color: #fff;
    height: 44px;
    padding: 0;
    min-width: 115px;
    margin: 10px 10px 0 0;
    float: left;
    text-align: center;
    line-height: 44px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.right_label_block .label_bar .label_list a {
    font-size: 14px;
    color: #919191;
    display: block;
}

.right_label_block .label_bar .label_list:nth-of-type(2n) {
    margin-right: 0;
}

.right_label_block .label_bar .label_list:hover a {
    color: #ed5463;
}

.right_label_block .article_bar {
    padding-top: 10px;
}

.right_label_block .article_bar .article_bar_list {
    height: 81px;
    width: 241px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background-color: #FFF;
    overflow: hidden;
    margin-top: 10px;
}

.right_label_block .article_bar .article_bar_list .article_img {
    width: 110px;
    height: 81px;
    overflow: hidden;
    text-align: center;
    float: left;
    position: relative;
}

.right_label_block .article_bar .article_bar_list .article_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.right_label_block .article_bar .article_bar_list .article_bar_word {
    width: 131px;
    height: 81px;
    padding: 10px 8px;
    float: left;
    overflow: hidden;
}

.right_label_block .article_bar .article_bar_list .article_bar_word .article_box {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 12px;
    color: #333;
    padding: 0;
    margin: 0;
    line-height: 20px;
}

.right_label_block .article_bar .article_bar_list .article_link {
    width: 100%;
    height: 100%;
    display: block;
}

.right_label_block .article_bar .article_bar_list .article_link:hover .article_box {
    color: #ed5463;
    text-decoration: underline;
}

.location {
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin-top: 20px;
}

.location .index {
    width: 17px;
    height: 20px;
    display: inline-block;
    background: url("../images/icon-bg.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/0728/icon-bg.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/0728/icon-bg.png*/ no-repeat 0 -33px;
    padding-left: 17px;
    margin-left: 4px;
    vertical-align: middle;
}

.location .location_list {
    background: url("../images/icon-bg.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/0728/icon-bg.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/0728/icon-bg.png*/ no-repeat -44px -105px;
    padding-left: 11px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 4px;
}

.location a:last-of-type {
    color: #666;
}

.location a:last-of-type:hover {
    color: #666;
}

.operation_label_list {
    width: 100%;
    height: auto;
    padding: 20px 0 10px;
}

.operation_label_list .operation_label {
    float: left;
    min-width: 78px;
    height: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    text-align: center;
    line-height: 30px;
    background-color: #FFF;
    font-size: 14px;
    color: #333;
    padding: 0 10px;
    margin: 0 30px 10px 0;
}

.operation_label_list .operation_label.cur {
    background-color: #ed5463;
    color: #fff;
}

.operation_label_list .operation_label:hover:not(.cur) {
    color: #ed5463;
}

.operation_case_block {
    padding: 0 20px 30px;
    background-color: #FFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.operation_case_block .operation_case {
    padding-top: 30px;
    padding-bottom: 40px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #e4e4e4;
}

.operation_case_block .operation_case .case_img {
    float: left;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    width: 240px;
    height: 148px;
    position: relative;
}

.operation_case_block .operation_case .case_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.operation_case_block .operation_case .case_img .case_Otherlink {
    position: absolute;
    z-index: 10;
    -webkit-background-color: rgba(0, 0, 0, 0.5);
    -moz-background-color: rgba(0, 0, 0, 0.5);
    -o-background-color: rgba(0, 0, 0, 0.5);
    -ms-background-color: rgba(0, 0, 0, 0.5);
    background-color: rgba(0, 0, 0, 0.5);
    top: 20px;
    left: 10px;
    color: #fff;
    padding: 3px 6px 2px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
}

.operation_case_block .operation_case .operation_case_info {
    height: 148px;
    width: 483px;
    float: left;
    padding: 0 80px 0 15px;
}

.operation_case_block .operation_case .operation_case_info .operation_case_title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;
    font-weight: bold;
    margin-top: 8px;
}

.operation_case_block .operation_case .operation_case_info .operation_case_title a {
    color: #333;
}

.operation_case_block .operation_case .operation_case_info .operation_case_title:hover a {
    color: #ed5463;
    text-decoration: underline;
}

.operation_case_block .operation_case .operation_case_info .operation_case_article {
    height: 80px;
    padding-top: 25px;
}

.operation_case_block .operation_case .operation_case_info .operation_case_article p {
    font-size: 14px;
    color: #919191;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.operation_case_block .operation_case .operation_case_info .operation_case_othder {
    height: 22px;
    line-height: 22px;
    width: 450px;
}

.operation_case_block .operation_case .operation_case_info .operation_case_othder span {
    font-size: 14px;
    color: #b5b5b5;
    margin-right: 28px;
    display: inline-block;
    vertical-align: middle;
    background: url("../images/icon-v.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/0728/icon-v.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/0728/icon-v.png*/ no-repeat;
}

.operation_case_block .operation_case .operation_case_info .operation_case_othder .operation_case_data {
    background-position: 0 50%;
    padding-left: 22px;
}

.operation_case_block .operation_case .operation_case_info .operation_case_othder .operation_case_visit {
    background-position: -123px 50%;
    padding-left: 26px;
}

.operation_case_block .operation_case .operation_case_info .operation_case_othder .operation_case_comment {
    background-position: -202px 50%;
    padding-left: 22px;
}

.operation_case_block .operation_case .operation_case_info .operation_case_othder .operation_case_class {
    background-position: -270px 50%;
    padding-left: 22px;
}

.background_white {
    background-color: #FFF !important;
}

.get_more_case {
    padding: 70px 0 28px;
    text-align: center;
}

.get_more_case .get_more_btn {
    width: 160px;
    height: 40px;
    font-size: 16px;
    color: #ed5463;
    border: 1px solid #ed5463;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
}

.article_thead {
    padding: 24px 0;
}

.article_thead .article_label {
    float: left;
    width: 92px;
    height: 26px;
    background: url("../images/label.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/0728/label.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/0728/label.png*/ no-repeat;
    text-align: left;
    line-height: 26px;
    font-size: 14px;
    color: #fff;
    padding-left: 10px;
    margin-right: 40px;
}

.article_thead .article_label .article_label_a {
    color: #fff;
}

.article_thead .article_title {
    font-size: 18px;
    color: #333;
    float: left;
    width: 580px;
}

.article_otherInfo {
    height: 22px;
    line-height: 22px;
    width: 100%;
    padding: 0 14px;
}

.article_otherInfo span {
    font-size: 14px;
    color: #b5b5b5;
    margin-right: 30px;
    display: inline-block;
    vertical-align: middle;
    background: url("../images/icon-v.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/0728/icon-v.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/0728/icon-v.png*/ no-repeat;
}

.article_otherInfo .articel_data {
    background-position: 0 50%;
    padding-left: 22px;
}

.article_otherInfo .article_visit {
    background-position: -123px 50%;
    padding-left: 26px;
}

.article_otherInfo .article_comment {
    background-position: -202px 50%;
    padding-left: 22px;
}

.article_otherInfo .article_class_label {
    background-position: -270px 50%;
    padding-left: 22px;
}

.tag_language {
    border: 1px solid #e4e4e4;
    width: 695px;
    min-height: 95px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    margin: 30px auto 0;
}

.tag_language .tag_language_bar {
    border-left: 6px solid #ed5463;
    height: 100%;
    padding: 24px 28px;
}

.tag_language .tag_language_bar p {
    font-size: 16px;
    color: #919191;
}

#article_detail {
    margin-top: 30px;
    border-bottom: 1px dashed #e4e4e4;
}

#article_detail img {
    margin: 30px auto;
    max-width: 643px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    position: relative;
}

#article_detail .article_image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#article_detail p {
    padding: 0 6px 15px;
    font-size: 16px;
    color: #919191;
    text-indent: 32px;
    line-height: 28px;
}

#article_detail b {
    color: #333;
}

.article_under {
    padding: 43px 6px 0;
}

.article_under .article_page {
    float: left;
    width: 420px;
}

.article_under .article_page span {
    display: block;
    font-size: 14px;
    color: #919191;
    margin-top: 12px;
}

.article_under .article_page span a {
    color: #ed5463;
}

.article_under .article_page span a:hover {
    text-decoration: underline;
}

.article_under .article_share {
    float: left;
    width: 290px;
    padding-top: 18px;
}

.article_under .article_share .bdsharebuttonbox a {
    width: 132px;
    height: 39px;
    margin-top: 0;
    margin-bottom: 0;
}

.article_under .article_share .bdsharebuttonbox .bds_tsina {
    background: url("../images/weibo.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/0728/weibo.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/0728/weibo.png*/ center no-repeat;
    margin-right: 26px;
}

.article_under .article_share .bdsharebuttonbox .bds_weixin {
    background: url("../images/weixin.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/0728/weixin.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/0728/weixin.png*/ center no-repeat;
    margin-right: 0;
}

.mt30 {
    margin-top: 30px;
}

.operation_article_list {
    float: left;
    width: 214px;
    height: 218px;
    margin-right: 30px;
}

.operation_article_list .article_list_img {
    width: 214px;
    height: 166px;
    overflow: hidden;
    position: relative;
}

.operation_article_list .article_list_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.operation_article_list .article_p {
    height: 52px;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 18px;
}

.operation_article_list:last-of-type {
    margin-right: 0;
}

.article_block_box {
    padding: 20px 30px 0;
    background-color: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 20px;
}

.comment_block {
    background-color: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin: 20px 0 97px;
    padding: 0 30px;
}

.comment_block .input_bar.input_none .please_input {
    visibility: visible;
}

.comment_block .input_bar.input_none .comment_textarea {
    border-color: #ed5463;
}

.comment_block .input_bar.input_none .code_text {
    border-color: #ed5463;
}

.comment_block .input_bar .please_input {
    color: #ed5463;
    font-size: 14px;
    visibility: hidden;
}

.comment_block .commentBar_title {
    padding: 20px 0 5px;
    font-size: 14px;
    color: #333;
}

.comment_block .comment_textarea {
    width: 703px;
    height: 86px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #e4e4e4;
    padding: 10px;
    margin-bottom: 10px;
}

.comment_block .comment_textarea textarea {
    width: 100%;
    height: 100%;
    resize: none;
    border: none;
    font-size: 14px;
}

.comment_block .code_bar {
    float: left;
    width: 360px;
}

.comment_block .code_bar .code_text {
    width: 130px;
    height: 30px;
    padding: 0 10px;
    border: 1px solid #e4e4e4;
    margin-right: 22px;
}

.comment_block .comment_buttons {
    width: 343px;
    float: left;
    line-height: 44px;
    text-align: right;
    margin-top: -10px;
}

.comment_block .comment_buttons .comment_btn {
    display: inline-block;
    vertical-align: middle;
    width: 94px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    border: 1px solid #e4e4e4;
    color: #919191;
    font-size: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.comment_block .comment_buttons .comment_btn.comment_submit {
    margin-left: 18px;
    background-color: #ed5463;
    border-color: #ed5463;
    color: #fff;
}

.comment_block .comment_buttons .comment_btn.comment_submit:hover {
    background-color: #C82D3C;
}

.comment_block .code_submit {
    padding-bottom: 20px;
}

.comment_block .comment_list_block .comment_list {
    position: relative;
    font-size: 14px;
    color: #333;
    padding: 0 0 20px;
    border-bottom: 1px dashed #e4e4e4;
    margin-bottom: 20px;
}

.comment_block .comment_list_block .comment_name {
    font-weight: bold;
    width: 500px;
}

.comment_block .comment_list_block .comment_content {
    margin-top: 5px;
    width: 500px;
}

.comment_block .comment_list_block .comment_time {
    position: absolute;
    right: 0;
    top: 2px;
    font-size: 12px;
    color: #919191;
}

/* 2016-08-19 */
/* =================产品服务新改=================== */
.sn-title {
    font-size: 36px;
    color: #fff;
    height: 102px;
    line-height: 102px;
    background-color: #ed5463;
    text-align: center;
}

.four-list {
    width: 100%;
    height: auto;
}

.four-list.system-List {
    background-color: #FFF;
}

.four-list.prize-list {
    background-color: #f5f8fb;
}

.four-list.prize-list .block-bar-word {
    padding-top: 75px;
}

.four-list.release-list {
    background-color: #FFF;
}

.four-list.data-list {
    background-color: #f5f8fb;
}

.four-list.web-list {
    background-color: #FFF;
}

.pt75 {
    padding-top: 75px;
}

.pt60 {
    padding-top: 60px;
}

.system-content {
    padding-top: 100px;
}

.system-content .block-list-title {
    background: url("../images/cricle-icon.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/cricle-icon.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/cricle-icon.png*/ no-repeat;
    font-size: 32px;
    color: #ed5463;
    padding-left: 90px;
    letter-spacing: 5px;
    line-height: 59px;
}

.system-content .block-list-title.system-list-title {
    background-position: 0 -1816px;
}

.system-content .block-list-title.prize-list-title {
    background-position: 0 -1658px;
}

.system-content .block-list-title.release-list-title {
    background-position: 0 -1888px;
}

.system-content .block-list-title.data-list-title {
    background-position: 0 -1734px;
}

.system-content .block-list-introduce {
    padding-top: 40px;
    padding-left: 90px;
    padding-bottom: 40px;
}

.system-content .block-list-introduce p {
    font-size: 18px;
    color: #999;
    line-height: 38px;
}

.block-bar-pic {
    float: left;
    width: 539px;
    height: auto;
    text-align: left;
}

.block-bar-pic ~ .block-bar-word {
    padding-left: 55px;
    padding-right: 0;
}

.block-bar-pic ~ .block-bar-word .bar-word-title {
    padding-top: 15px;
}

.block-bar-word {
    width: 485px;
    float: left;
    padding-left: 0;
    padding-right: 58px;
}

.block-bar-word .bar-word-title {
    color: #ed5463;
    font-size: 28px;
}

.block-bar-word .bar-word {
    font-size: 18px;
    padding-top: 20px;
}

.block-bar-word .bar-word p {
    color: #999;
    line-height: 32px;
}

.block-bar-word .bar-word p span {
    color: #333;
}

.block-bar-word ~ .block-bar-pic {
    padding-top: 18px;
    text-align: right;
}

.block-bar {
    padding-top: 65px;
    padding-bottom: 90px;
}

.scene-list {
    width: 100%;
    height: auto;
}

.scene-list.web-list {
    background-color: #fff;
}

.scene-list.wechat-list {
    background-color: #f5f8fb;
}

.scene-list-title {
    background: url("../images/icon-2.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/icon-2.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/icon-2.png*/ no-repeat;
    font-size: 32px;
    color: #ed5463;
    padding-left: 120px;
    letter-spacing: 5px;
    line-height: 59px;
    margin-bottom: 50px;
}

.scene-list-title.web-list-title {
    background-position: 0 -195px;
}

.scene-list-title.wechat-list-title {
    background-position: 0 -2px;
}

.summary-list {
    width: 100%;
    height: 300px;
    background-color: #f5f8fb;
}

.summary-list .summary-content {
    text-align: center;
    padding-top: 72px;
}

.summary-list .summary-content div {
    font-size: 40px;
    color: #333;
    letter-spacing: 5px;
}

.summary-list .summary-content .just-register {
    width: 160px;
    height: 44px;
    background-color: #ed5463;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 44px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    margin-top: 45px;
}

.scene-link {
    font-size: 20px;
    margin-top: 30px;
}

.scene-link a {
    color: #5d9cec;
    text-decoration: underline;
}

/* =================2016-09-08==================== */
/* =================友情链接====================== */
.friendship_block {
    width: 100%;
    min-height: calc(100vh - 310px);
    background-color: #FFF;
}

.friendship_block .friendship_inner {
    padding-top: 20px;
}

.friendship_block .friendship_inner .friendship_tab {
    float: left;
    width: 196px;
    width: 182px \9;
    height: auto;
    padding-left: 14px;
}

.friendship_block .friendship_inner .friendship_tab .tab_bar {
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    width: 182px;
    height: auto;
}

.friendship_block .friendship_inner .friendship_tab .tab_bar .tab_list {
    width: 100%;
    font-size: 14px;
    color: #3f3f3f;
    height: 45px;
    line-height: 45px;
    padding-left: 22px;
    border-bottom: 1px solid #e4e4e4;
    cursor: pointer;
    border-left: 2px solid #fff;
}

.friendship_block .friendship_inner .friendship_tab .tab_bar .tab_list:hover {
    color: #ed5463;
}

.friendship_block .friendship_inner .friendship_tab .tab_bar .tab_list.cur {
    color: #ed5463;
    border-left-color: #ed5463;
}

.friendship_block .friendship_inner .friendship_tab .tab_bar .tab_list:last-of-type {
    border-bottom: none;
}

.friendship_block .friendship_inner .friendship_right {
    float: left;
    height: auto;
    padding-left: 14px;
    width: 828px;
    width: 814px \9;
}

.friendship_block .friendship_inner .friendship_right .list_bar {
    float: left;
    width: 195px;
    height: 80px;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 7px;
    margin-bottom: 10px;
}

.friendship_block .friendship_inner .friendship_right .list_bar .tab_link {
    display: block;
    line-height: 80px;
    text-align: center;
    font-size: 18px;
    color: #3f3f3f;
}

.friendship_block .friendship_inner .friendship_right .list_bar img {
    width: 100%;
    height: auto;
}

.friendship_block .friendship_inner .friendship_right .tabin_friendship {
    display: none;
}

.friendship_block .friendship_inner .friendship_right .tabin_friendship .list_bar:hover {
    border-color: #ed5463;
}

.friendship_block .friendship_inner .friendship_right .tabin_friendship .list_bar:hover .tab_link {
    color: #ed5463;
}

.cke_contents_ltr blockquote {
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 5px;
}

blockquote {
    font-style: italic;
    font-family: Georgia, Times, "Times New Roman", serif;
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
    border-left-width: 5px;
    margin-left: 50px;
}

.hot_topic_list .college_hot_topic_dl {
    display: inline-block;
    float: left;
    width: 210px;
}

.hot_topic_list .college_hot_topic_dl .college_hot_topic_dt {
    font-size: 14px;
    color: #313131;
    margin-right: 10px;
}

.hot_topic_list li:hover .college_hot_topic_dl {
    padding: 5px;
    background-color: #efecec;
    width: 160px;
}

.content h1 {
    font-size: 32px;
    margin-top: 20px;
}

.article_otherInfo .article_class_label_notFirst {
    background: none;
}

/* ==============2016-09-20============== */
/* ==============商务合作表单============== */
.cooperation_block {
    background-color: #FFF;
    width: 100%;
    height: auto;
    padding-top: 20px;
}

.cooperation_block .location {
    margin: 0;
}

.cooperation_block .form_cooperation {
    padding-top: 50px;
}

.cooperation_block .form_cooperation .form_title {
    text-align: center;
    font-size: 36px;
    color: #3f3f3f;
}

.cooperation_block .form_cooperation .form_theme {
    text-align: center;
    font-size: 14px;
    color: #3f3f3f;
    margin-top: 5px;
}

.cooperation_block .form_cooperation .cooperation_form {
    width: 755px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 100px;
}

.cooperation_block .form_cooperation .cooperation_form .form_text {
    margin-top: 20px;
}

.cooperation_block .form_cooperation .cooperation_form .form_text .text_prompt {
    float: left;
    font-size: 12px;
    color: #e23b42;
    padding-left: 147px;
    margin-top: 10px;
    display: none;
}

.cooperation_block .form_cooperation .cooperation_form .form_text.no_input .text_prompt {
    display: block;
}

.cooperation_block .form_cooperation .cooperation_form .form_text.no_input .text_inner {
    border-color: #e23b42;
}

.cooperation_block .form_cooperation .cooperation_form .form_text.no_input .long_text_inner {
    border-color: #e23b42;
}

.cooperation_block .form_cooperation .cooperation_form .text_title {
    float: left;
    width: 147px;
    line-height: 60px;
    font-size: 20px;
    color: #3f3f3f;
}

.cooperation_block .form_cooperation .cooperation_form .text_title i {
    color: #dc2619;
}

.cooperation_block .form_cooperation .cooperation_form .text_long_title {
    font-size: 20px;
    color: #3f3f3f;
    padding-top: 10px;
}

.cooperation_block .form_cooperation .cooperation_form .text_long_title i {
    color: #dc2619;
}

.cooperation_block .form_cooperation .cooperation_form .text_long_title ~ .text_prompt {
    padding-left: 0;
}

.cooperation_block .form_cooperation .cooperation_form .long_text_inner {
    width: 755px;
    min-height: 60px;
    border: 1px solid #e0e0e0;
    margin-top: 10px;
}

.cooperation_block .form_cooperation .cooperation_form .long_text_inner .text_input {
    width: 100%;
    height: 58px;
    border: none;
    font-size: 16px;
    color: #666;
    padding: 15px 20px;
}

.cooperation_block .form_cooperation .cooperation_form .long_text_inner .textarea {
    width: 100%;
    height: 158px;
    border: none;
    font-size: 16px;
    color: #666;
    padding: 15px 20px;
    resize: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.cooperation_block .form_cooperation .cooperation_form .text_inner {
    float: left;
    width: 608px;
    height: 60px;
    border: 1px solid #e0e0e0;
    position: relative;
}

.cooperation_block .form_cooperation .cooperation_form .text_inner .text_input {
    width: 100%;
    height: 58px;
    border: none;
    font-size: 16px;
    color: #666;
    padding: 15px 20px;
}

.cooperation_block .form_cooperation .cooperation_form .text_inner .code {
    position: absolute;
    right: 0;
    top: 0;
    height: 58px;
    background-color: #e23b42;
    color: #fff;
    font-size: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    width: 168px;
    border: none;
    cursor: pointer;
}

.cooperation_block .form_cooperation .cooperation_form .text_inner .code ~ .text_input {
    width: 438px;
}

.cooperation_block .form_cooperation .cooperation_form .from_submit {
    width: 608px;
    height: 60px;
    background-color: #e23b42;
    font-size: 20px;
    color: #fff;
    margin: 60px auto 0;
    display: block;
    border: none;
    cursor: pointer;
}

.footer-message .footer-anquan {
    text-align: center;
    margin-top: 15px;
}

.nav-v-2 .nav-v-2-title {
    display: inline-block;
    height: 70px;
    width: auto;
}

.nav-v .nav-v-title {
    display: inline-block;
    height: 70px;
    width: auto;
}

#article_detail h2 {
    font-size: 24px;
}

#article_detail h3 {
    font-size: 18.72px;
}

#article_detail h2 span, #article_detail h3 span {
    display: inline-table;
    margin-bottom: 15px;
}

body, html {
    height: 100%;
    min-height: 100%;
}

.textAlign-center {
    text-align: center;
}

.textAlign-left {
    text-align: left;
}

.textAlign-right {
    text-align: right;
}

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

.index-II-banner {
    background: url("../images/banner.jpeg")/*tpa=http://app.zdwhs.com/huodonghezi/images/banner.jpg*//*tpa=http://app.zdwhs.com/huodonghezi/images/banner.jpg*/ center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100vh;
    height: 100%;
}

.intro-section {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    padding-top: 8%;
}

.firstPage-title {
    text-align: center;
    color: #fff;
}

.firstPage-title p {
    text-align: center;
}

.firstPage-title .plus-p {
    font-size: 48px;
}

.firstPage-title .small-p {
    font-size: 28px;
}

.intro-board {
    width: 90%;
    margin: 5% auto 0;
    height: auto;
    position: relative;
}

.intro-board img {
    width: 100%;
    height: auto;
}

.intro-board #transfer-dot {
    position: absolute;
    width: 2.686%;
    height: auto;
    top: 20.5%;
    left: 71.5%;
}

.intro-board #transfer-dot.animate {
    -webkit-animation: movedot 1.5s linear;
    animation: movedot 1.5s linear;
}

.intro-board #transfer-dot.end {
    top: 20.5%;
    left: 71.5%;
}

.intro-board .carousel-wrap {
    width: 20.5%;
    height: 68%;
    position: absolute;
    right: 4.3%;
    top: 16%;
}

.intro-board .carousel-wrap .carousel-inner {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.intro-board .carousel-wrap .carousel-inner ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.intro-board .carousel-wrap .carousel-inner ul li {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    color: #fff;
}

.intro-board .carousel-wrap .carousel-inner ul li img {
    width: 100%;
}

@media (max-width: 1600px) {
    .intro-section {
        width: 1100px;
    }

    .firstPage-title .plus-p {
        font-size: 40px;
    }

    .firstPage-title .small-p {
        font-size: 20px;
    }
}

@media (max-width: 1366px) {
    .intro-section {
        width: 950px;
    }

    .firstPage-title .plus-p {
        font-size: 28px;
    }

    .firstPage-title .small-p {
        font-size: 16px;
    }

    .intro-board {
        margin: 2% auto 0;
    }
}

@media (max-width: 1280px) {
    .intro-section {
        width: 850px;
    }

    .firstPage-title .plus-p {
        font-size: 24px;
    }

    .firstPage-title .small-p {
        font-size: 12px;
    }
}

@-webkit-keyframes movedot {
    from {
        top: 26%;
        left: 15%;
    }
    to {
        top: 20.5%;
        left: 71.5%;
    }
}

@keyframes movedot {
    from {
        top: 26%;
        left: 15%;
    }
    to {
        top: 20.5%;
        left: 71.5%;
    }
}

.white-block {
    background-color: #FFF;
    width: 100%;
    padding-top: 80px;
}

.white-block .white-block-title {
    font-size: 32px;
    color: #ed5463;
    font-weight: 700;
}

.white-block .active-column {
    padding: 64px 0 100px;
}

.white-block .active-column .column-three {
    text-align: center;
}

.white-block .active-column .column-icon {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
}

.white-block .active-column .column-icon.icon-1 {
    background: url("../images/icon-1.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/icon-1.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/icon-1.png*/ center no-repeat;
}

.white-block .active-column .column-icon.icon-1 ~ .column-p {
    padding-left: 40px;
}

.white-block .active-column .column-icon.icon-2 {
    background: url("../images/icon-22.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/icon-22.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/icon-22.png*/ center no-repeat;
}

.white-block .active-column .column-icon.icon-3 {
    background: url("../images/icon-3.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/icon-3.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/icon-3.png*/ center no-repeat;
}

.white-block .active-column .column-title {
    font-size: 22px;
    color: #333;
    text-align: center;
    margin-top: 22px;
}

.white-block .active-column .text-p-bar {
    display: inline-block;
    margin: 0 auto;
    width: auto;
    margin-top: 5px;
}

.white-block .active-column .column-p {
    font-size: 18px;
    color: #999;
    line-height: 30px;
}

.content-1200 .column-bar {
    width: 100%;
    height: auto;
}

.content-1200 .column-bar .column-two {
    width: 600px;
    float: left;
}

.content-1200 .column-bar .column-three {
    float: left;
    width: 400px;
}

.content-1200 .column-bar .columu-four {
    float: left;
    width: 300px;
}

.f7-block {
    background-color: #f7f7f7;
    width: 100%;
    height: auto;
    padding: 50px 0;
}

.activity-agile {
    width: 100%;
    height: 600px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #FFF;
    padding-top: 70px;
}

.activity-agile .column-two {
    padding: 0 36px;
    height: 530px;
}

.activity-agile .agile-title {
    font-size: 36px;
    color: #ed5463;
}

.activity-agile .agile-article {
    font-size: 18px;
    color: #999;
    padding-right: 136px;
    margin-top: 20px;
}

.activity-agile .agile-article p {
    margin-top: 5px;
}

.activity-agile .phone-swiper {
    width: 229px;
    height: 458px;
    background: url("../images/phone.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/phone.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/phone.png*/ center no-repeat;
    margin-left: auto;
    padding: 54px 21px 63px 17px;
    position: relative;
}

.activity-agile .phone-swiper .swiper-inner {
    width: 192px;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.activity-agile .phone-swiper .swiper-inner .swiper-container {
    width: 100%;
    height: 1705px;
    position: absolute;
    left: 0;
    top: 0;
}

.activity-agile .phone-swiper .swiper-inner .swiper-container li {
    height: 341px;
    width: 100%;
    overflow: hidden;
}

.activity-agile .phone-swiper .swiper-inner .swiper-container li img {
    width: 100%;
    height: auto;
}

.activity-agile .phone-swiper .swiper-pagination {
    position: absolute;
    top: 40px;
    left: -170px;
    width: auto;
    height: 380px;
    border-right: 1px solid #e6e6ed;
    font-size: 16px;
    color: #999;
    padding-top: 20px;
}

.activity-agile .phone-swiper .swiper-pagination ul {
    margin-right: -1px;
}

.activity-agile .phone-swiper .swiper-pagination li {
    height: 42px;
    line-height: 42px;
    margin: 12px 0;
    text-align: right;
    padding-right: 20px;
    border-right: 1px solid #e6e6ed;
    cursor: pointer;
}

.activity-agile .phone-swiper .swiper-pagination li.cur {
    color: #ed5463;
    border-color: #ed5463;
}

.index-II-title {
    font-size: 36px;
    color: #ed5463;
}

.scene-change {
    padding: 0 20px 80px;
}

.scene-change .scene-article {
    font-size: 18px;
    color: #999;
    margin-top: 5px;
    width: 610px;
}

.scene-change .scene-gif-wrap {
    padding-left: 214px;
    padding-top: 20px;
}

.scene-change .scene-gif-wrap .scene-gif {
    width: 847px;
    height: auto;
}

.scene-change .scene-gif-wrap .scene-gif img {
    width: 100%;
    height: auto;
}

.precision-block {
    padding-top: 40px;
}

.precision-block .column-two {
    padding-left: 30px;
}

.precision-block .index-II-title {
    padding-left: 70px;
}

.precision-block .precision-article {
    font-size: 18px;
    color: #999;
    margin-top: 10px;
    padding-left: 70px;
    padding-right: 106px;
}

.under-line-title {
    text-align: center;
}

.under-line-title h2 {
    display: inline-block;
    padding: 0 36px 8px;
    font-size: 32px;
    color: #ed5463;
    font-weight: bold;
    border-bottom: 1px solid #ed5463;
}

.under-line-title p {
    display: inline-block;
    padding: 0 36px 8px;
    font-size: 32px;
    color: #ed5463;
    font-weight: bold;
    border-bottom: 1px solid #ed5463;
}

.user-them-bar {
    padding: 75px 166px 80px;
}

.user-them-bar .user-them-list {
    float: left;
    width: 200px;
    height: 80px;
    margin: 0 44px 30px;
}

.index-II-contact-us {
    width: 100%;
    height: 360px;
    background: url("../images/full-page.jpeg")/*tpa=http://app.zdwhs.com/huodonghezi/images/full-page.jpg*//*tpa=http://app.zdwhs.com/huodonghezi/images/full-page.jpg*/ center no-repeat;
}

.index-II-contact-us .contact-us-inner {
    padding-top: 50px;
}

.index-II-contact-us .contact-us-inner .contact-us-title {
    width: 699px;
    height: 132px;
    background: url("../images/contact-us.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/contact-us.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/contact-us.png*/ center no-repeat;
    padding: 22px 28px;
    margin: 0 auto;
    text-align: center;
    font-size: 32px;
    color: #fff;
}

.index-II-contact-us .contact-us-inner .appointment-btn {
    display: block;
    margin: 60px auto 0;
    width: 156px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #fff;
    cursor: pointer;
}

.app-consultation {
    padding: 90px 0 80px;
}

.app-consultation .tuwen-consultation {
    width: 382px;
    height: auto;
    margin: 0 auto 10px;
}

.app-consultation .tuwen-consultation .consultation-pic {
    overflow: hidden;
    width: 382px;
    height: 230px;
}

.app-consultation .tuwen-consultation .consultation-pic img {
    width: 100%;
    height: auto;
}

.app-consultation .tuwen-consultation .consultation-word {
    width: 382px;
    height: auto;
    border: 1px solid #e6e6ed;
    border-top: none;
    padding: 0 16px 5px;
    background-color: #FFF;
}

.app-consultation .tuwen-consultation .consultation-word a:hover .article-title {
    color: #ed5463;
    text-decoration: underline;
}

.app-consultation .tuwen-consultation .consultation-word a:hover .article-content {
    color: #ed5463;
    text-decoration: underline;
}

.app-consultation .tuwen-consultation .consultation-word .article-title {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #333;
    line-height: 45px;
}

.app-consultation .tuwen-consultation .consultation-word .article-content {
    font-size: 12px;
    color: #666;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 38px;
    width: 100%;
}

.app-consultation .tuwen-consultation .consultation-word .article-time {
    text-align: right;
    font-size: 12px;
    color: #999;
}

.app-consultation .wen-consultation {
    padding: 5px 25px 0 15px;
    font-size: 14px;
    color: #666;
}

.app-consultation .wen-consultation .time {
    font-size: 12px;
    color: #999;
    /*margin-left: 20px;*/
    float: right;
}

.app-consultation .wen-consultation .wen-title {
    width: 270px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
}

.app-consultation .wen-consultation .consultation-link {
    display: block;
}

.app-consultation .wen-consultation .consultation-link:hover .wen-title {
    color: #ed5463;
    text-decoration: underline;
}

.app-consultation .wen-consultation .consultation-link:hover .time {
    color: #ed5463;
    text-decoration: underline;
}

.app-consultation .more-consultation {
    text-align: right;
    font-size: 14px;
    color: #666;
    margin-top: 36px;
    padding-right: 20px;
}

.app-consultation .more-consultation a {
    border-bottom: 1px solid #666;
    padding-bottom: 2px;
}

.app-consultation .more-consultation a:hover {
    color: #ed5463;
    border-color: #ed5463;
}

.footer-v {
    padding-top: 40px;
}

.friends-link {
    font-size: 12px;
    color: #afb6c1;
    margin-top: 20px;
}

.friends-link ul {
    margin-left: 0;
}

.friends-link ul li {
    float: left;
    width: auto;
    line-height: 12px;
    margin-right: 5px;
}

.friends-link ul li a {
    color: #afb6c1;
}

.friends-link ul li a:hover {
    color: #ed5463;
}

.friends-link ul li.rl {
    padding-right: 5px;
    border-right: 1px solid #afb6c1;
}

.friends-link ul li.tlt {
    border-right: none;
}

.leftspan {
    float: left;
}

.footer-message ul li.auto_li {
    width: auto;
    padding: 0 10px;
}

.cooperation_block .form_cooperation .cooperation_form .checkbox_title {
    float: left;
    width: 300px;
    line-height: 60px;
    font-size: 20px;
    color: #3f3f3f;
}

.cooperation_block .form_cooperation .cooperation_form .checkbox_inner {
    float: left;
    width: 500px;
    height: 60px;
    position: relative;
    font-size: 20px;
    padding-top: 14px;
}

.checkbox_inner input {
    width: 20px;
    height: 20px;
    color: #e23b42;
    vertical-align: middle;
    display: inline-block;
    background: url("../images/323.jpeg")/*tpa=http://app.zdwhs.com/huodonghezi/images/323.jpg*//*tpa=http://app.zdwhs.com/huodonghezi/images/323.jpg*/ center no-repeat;
}

#activity_text .text_prompt {
    font-size: 20px;
}

.checkbox_inner input:checked {
    background: url("../images/321.jpeg")/*tpa=http://app.zdwhs.com/huodonghezi/images/321.jpg*//*tpa=http://app.zdwhs.com/huodonghezi/images/321.jpg*/ center no-repeat;
}

.checkbox_inner label {
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
}

.white-block-title h1 {
    display: inline-block;
}

.article_word_tag {
    width: 100%;
    margin-top: 10px;
}

.article_word_tag a {
    display: inline-block;
    padding: 5px 12px;
    color: #707070;
    text-align: center;
    margin-right: 10px;
    font-size: 14px;
    vertical-align: middle;
    background: url("../images/icon-v.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/0728/icon-v.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/0728/icon-v.png*/ no-repeat;
    background-position: -270px 50%;
    padding-left: 22px;
}

/**
 ********************************2016-12-10**********************************
 ********************************首页第一屏轮播改版**************************
 */
.intro-board.intro-board-II {
    width: 93%;
    margin: 4% auto 0;
}

.intro-board.intro-board-II #transfer-dot {
    width: 3.14%;
    top: 15%;
    left: 68.8%;
}

.intro-board.intro-board-II #transfer-dot.animate {
    -webkit-animation: movedot_II 1.5s linear;
    animation: movedot_II 1.5s linear;
}

.intro-board.intro-board-II #transfer-dot.end {
    top: 77%;
    left: 26%;
}

@-webkit-keyframes movedot_II {
    from {
        top: 77%;
        left: 26%;
    }
    to {
        top: 15.5%;
        left: 69%;
    }
}

@keyframes movedot_II {
    from {
        top: 77%;
        left: 26%;
    }
    to {
        top: 15.5%;
        left: 69%;
    }
}

.index-II-banner {
    background: url("../images/page-banner.jpeg")/*tpa=http://app.zdwhs.com/huodonghezi/images/2016-12-10/page-banner.jpg*//*tpa=http://app.zdwhs.com/huodonghezi/images/2016-12-10/page-banner.jpg*/ center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}

.left-circle {
    width: 40%;
    height: 76.95%;
    position: absolute;
    top: 11%;
    left: -7.5%;
    background: url("../images/circle.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/2016-12-10/circle.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/2016-12-10/circle.png*/ center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -ms-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.left-circle .circle-inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.left-circle .circle-inner .dot-list {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    -ms-opacity: 0.9;
    -o-opacity: 0.9;
    opacity: 0.9;
    filter: alpha(opacity=9);
    width: 25%;
    height: 25%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    padding: 5% 0;
    cursor: pointer;
}

.left-circle .circle-inner .dot-list img {
    width: 46%;
    height: auto;
}

.left-circle .circle-inner .dot-list.pay-dot {
    bottom: -13%;
    left: 50%;
    margin-left: -11.5%;
}

.left-circle .circle-inner .dot-list.share-dot {
    right: -12.5%;
    top: 50%;
    margin-top: -11.5%;
}

.left-circle .circle-inner .dot-list.login-dot {
    top: -12.5%;
    left: 50%;
    margin-left: -12.5%;
}

.left-circle .circle-inner .dot-list.register-dot {
    left: -12.5%;
    top: 50%;
    margin-top: -11.5%;
}

.left-circle .circle-inner .dot-list.cur {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=10);
    background-color: #ed5564;
}

.left-circle.rotate-90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.left-circle.rotate-90 .pay-dot {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.left-circle.rotate-90 .share-dot {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.left-circle.rotate-90 .login-dot {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.left-circle.rotate-90 .register-dot {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.left-circle.rotate-180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.left-circle.rotate-180 .pay-dot {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.left-circle.rotate-180 .share-dot {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.left-circle.rotate-180 .login-dot {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.left-circle.rotate-180 .register-dot {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.left-circle.rotate-270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.left-circle.rotate-270 .pay-dot {
    -webkit-transform: rotate(-270deg);
    -moz-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    transform: rotate(-270deg);
}

.left-circle.rotate-270 .share-dot {
    -webkit-transform: rotate(-270deg);
    -moz-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    transform: rotate(-270deg);
}

.left-circle.rotate-270 .login-dot {
    -webkit-transform: rotate(-270deg);
    -moz-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    transform: rotate(-270deg);
}

.left-circle.rotate-270 .register-dot {
    -webkit-transform: rotate(-270deg);
    -moz-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    transform: rotate(-270deg);
}

.left-circle.rotate-360 {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.intro-board-II .carousel-wrap {
    width: 22%;
    height: 75%;
    position: absolute;
    right: 4.9%;
    top: 11.5%;
    display: none;
}

.intro-board-II .carousel-wrap.pay-carousel {
    display: block;
}

@media (max-width: 1366px) {
    .intro-section.intro-section-II {
        width: 850px;
    }
}

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.two-lines-text, .hezi-case-block .case-list .case-introduce, .hezi-operational-skills .operational-skills-inner .skills-card .card-body .hezi-article-detail, .hezi-article-block .article-lists .article-content .article-introduce, .activity-lists-block .activity-card .card-content .card-title {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.btn {
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
}

.btn.border {
    color: #ff4c4e;
    border: 1px solid #ff4c4e;
}

.btn.fill {
    background-color: #ff4c4e;
    color: #fff;
}

.gradient-pink {
    background: #662d91;
    background: -moz-linear-gradient(left, #662d91 0%, #ea545d 100%);
    background: -webkit-linear-gradient(left, #662d91 0%, #ea545d 100%);
    background: linear-gradient(to right, #662d91 0%, #ea545d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#662d91', endColorstr='#ea545d', GradientType=1);
}

.gradient-cyan {
    background: #00baf3;
    background: -moz-linear-gradient(left, #00baf3 0%, #0074fc 100%);
    background: -webkit-linear-gradient(left, #00baf3 0%, #0074fc 100%);
    background: linear-gradient(to right, #00baf3 0%, #0074fc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00baf3', endColorstr='#0074fc', GradientType=1);
}

.gradient-blue {
    background: #3548c4;
    background: -moz-linear-gradient(left, #3548c4 0%, #4623ab 100%);
    background: -webkit-linear-gradient(left, #3548c4 0%, #4623ab 100%);
    background: linear-gradient(to right, #3548c4 0%, #4623ab 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3548c4', endColorstr='#4623ab', GradientType=1);
}

.gradient-orange {
    background: #f77053;
    background: -moz-linear-gradient(left, #f77053 0%, #e44b5d 100%);
    background: -webkit-linear-gradient(left, #f77053 0%, #e44b5d 100%);
    background: linear-gradient(to right, #f77053 0%, #e44b5d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f77053', endColorstr='#e44b5d', GradientType=1);
}

.gradient-purple, .hezi-deeplink-layout .scene-list:hover .scene-title {
    background: #8e4cb8;
    background: -moz-linear-gradient(left, #8e4cb8 0%, #442395 100%);
    background: -webkit-linear-gradient(left, #8e4cb8 0%, #442395 100%);
    background: linear-gradient(to right, #8e4cb8 0%, #442395 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8e4cb8', endColorstr='#442395', GradientType=1);
}

body {
    min-width: 1200px;
    background-color: #f5f8fb;
}

/* .v3{
  min-width: 1200px;
  background-color: #f5f8fb; */
.container {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    position: relative;
}

.h-left {
    float: left !important;
}

.h-right {
    float: right !important;
}

/*****************导航***********************/
.hezi-nav {
    width: 100%;
    height: 60px;
    background-color: #fff;
}

.hezi-nav .nav-content {
    height: 60px;
    padding: 0 10px;
}

.hezi-nav .nav-content .amazing-logo {
    width: 146px;
    height: auto;
    margin-top: 12px;
}

.hezi-nav .nav-content .amazing-logo img {
    width: 100%;
    height: auto;
}

.hezi-nav .nav-content .tool-body {
    height: 60px;
}

.hezi-nav .nav-content .tool-body .tool-item {
    float: right;
    margin-left: 10px;
    line-height: 60px;
}

.hezi-nav .nav-content .tool-body .tool-item .btn {
    width: 76px;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    margin-top: 12px;
}

.hezi-nav .nav-content .menu-body {
    width: auto;
    height: 60px;
    padding-right: 60px;
}

.hezi-nav .nav-content .menu-body .menu-item {
    float: left;
    line-height: 60px;
    position: relative;
}

.hezi-nav .nav-content .menu-body .menu-item:hover .second-level-menu {
    display: block;
}

.hezi-nav .nav-content .menu-body .menu-item a {
    padding: 0 10px;
    font-size: 14px;
    color: #4d4d4d;
}

.hezi-nav .nav-content .menu-body .menu-item a:hover {
    color: #ff4c4e;
}

.hezi-nav .nav-content .menu-body .menu-item.active a {
    color: #ff4c4e;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu {
    width: auto;
    height: auto;
    position: absolute;
    top: 40px;
    z-index: 1000;
    padding-top: 30px;
    display: none;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu.product-menu {
    left: -360px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu.product-menu .level-menu-inner {
    width: 1042px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu.product-menu .hezi-triangle {
    left: 377px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu.case-menu {
    left: -310px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu.case-menu .level-menu-inner {
    width: 702px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu.case-menu .hezi-triangle {
    left: 342px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .level-menu-block {
    position: relative;
    width: 100%;
    height: 100%;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .hezi-triangle {
    width: 18px;
    height: 10px;
    background: url("../images/triangle.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/triangle.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/triangle.png*/ center no-repeat;
    -webkit-background-size: 18px 10px;
    -moz-background-size: 18px 10px;
    background-size: 18px 10px;
    position: absolute;
    top: -10px;
    left: 36px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .level-menu-inner {
    height: auto;
    padding: 8px 10px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(139, 139, 139, 0.8);
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .level-menu-inner .level-menu-item {
    width: 340px;
    float: left;
    height: 198px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .level-menu-inner .level-menu-item.border-right {
    border-right: 1px solid #f2f2f2;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .level-menu-inner .level-menu-item.border-bottom {
    border-bottom: 1px solid #f2f2f2;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    position: relative;
    z-index: 1;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-icon {
    float: left;
    width: 120px;
    height: 61px;
    margin-top: 68px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-icon.active-template {
    background: url("../images/menu-01.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-01.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-01.png*/ center top no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-icon.prize-distribution {
    background: url("../images/menu-02.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-02.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-02.png*/ center top no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-icon.delivery-system {
    background: url("../images/menu-03.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-03.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-03.png*/ center top no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-icon.scene-triggered {
    background: url("../images/menu-04.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-04.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-04.png*/ center top no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-icon.active-push {
    background: url("../images/menu-05.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-05.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-05.png*/ center top no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-icon.deeplink {
    background: url("../images/menu-06.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-06.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-06.png*/ center top no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-icon.saas-icon {
    background: url("../images/menu-07.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-07.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-07.png*/ center top no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-icon.private-cloud {
    background: url("../images/menu-08.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-08.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-08.png*/ center top no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-main {
    float: left;
    width: 218px;
    padding-top: 38px;
    padding-right: 20px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-main .menu-name {
    font-size: 16px;
    color: #666;
    margin-bottom: 16px;
    line-height: 18px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-main p {
    font-size: 12px;
    color: #b3b3b3;
    line-height: 18px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container:hover {
    /* -webkit-box-shadow: 0px 0px 8px rgba(255, 76, 78, 0.3);
              -moz-box-shadow: 0px 0px 8px rgba(255, 76, 78, 0.3);
              box-shadow: 0px 0px 8px rgba(255, 76, 78, 0.3);
              background-color: #f2f2f2;
              -webkit-transform: scale(1.06);
              -moz-transform: scale(1.06);
              transform: scale(1.06);
              -webkit-transition-duration: 0.5s;
              -moz-transition-duration: 0.5s;
              transition-duration: 0.5s;
              z-index: 10;*/
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container:hover .menu-icon.active-template {
    background: url("../images/menu-01.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-01.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-01.png*/ center bottom no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container:hover .menu-icon.prize-distribution {
    background: url("../images/menu-02.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-02.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-02.png*/ center bottom no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container:hover .menu-icon.delivery-system {
    background: url("../images/menu-03.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-03.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-03.png*/ center bottom no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container:hover .menu-icon.scene-triggered {
    background: url("../images/menu-04.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-04.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-04.png*/ center bottom no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container:hover .menu-icon.active-push {
    background: url("../images/menu-05.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-05.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-05.png*/ center bottom no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container:hover .menu-icon.deeplink {
    background: url("../images/menu-06.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-06.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-06.png*/ center bottom no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container:hover .menu-icon.saas-icon {
    background: url("../images/menu-07.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-07.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-07.png*/ center bottom no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container:hover .menu-icon.private-cloud {
    background: url("../images/menu-08.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-08.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-08.png*/ center bottom no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container:hover .menu-main .menu-name {
    color: #ff4c4e;
}

.hezi-nav.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    -o-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    -moz-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    -ms-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
}

.hezi-nav.nav-animation {
    -webkit-animation: slide-bottom 0.5s linear;
    animation: slide-bottom 0.5s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes slide-bottom {
    0% {
        height: 0;
        overflow: hidden;
    }
    100% {
        height: 60px;
        overflow: inherit;
    }
}

@-moz-keyframes slide-bottom {
    0% {
        height: 0;
        overflow: hidden;
    }
    100% {
        height: 60px;
        overflow: inherit;
    }
}

@keyframes slide-bottom {
    0% {
        height: 0;
        overflow: hidden;
    }
    100% {
        height: 60px;
        overflow: inherit;
    }
}

.bg-333 {
    background-color: #333;
}

.bg-f6f6f6 {
    background-color: #f6f6f6;
}

.bg-f2f2f2 {
    background-color: #f2f2f2;
}

.bg-white {
    background-color: #FFF;
}

.bg-d7d7d8 {
    background-color: #d7d7d7;
}

/**
 ********************************banner部分**********************************
 */
.hezi-banner {
    width: 100%;
    height: 620px;
    overflow: hidden;
}

.hezi-banner .banner-content {
    position: relative;
    height: 620px;
    padding: 0 10px;
}

.hezi-banner .banner-content .banner-left {
    height: 620px;
    position: relative;
    z-index: 20;
    color: #fff;
}

.hezi-banner .banner-content .banner-left p {
    font-size: 14px;
    line-height: 22px;
}

.hezi-banner .banner-content .banner-left .left-header {
    position: absolute;
    left: 0;
    top: 80px;
}

.hezi-banner .banner-content .banner-left .left-footer {
    position: absolute;
    left: 0;
    bottom: 100px;
}

.hezi-banner .banner-content .banner-left .left-footer .layer-item {
    width: 170px;
    margin-right: 90px;
}

.hezi-banner .banner-content .banner-left .left-footer.three-item .layer-item {
    margin-right: 36px;
    width: 150px;
}

.hezi-banner .banner-content .banner-left .banner-title {
    font-size: 38px;
    position: relative;
    margin-bottom: 10px;
    line-height: 50px;
    padding-bottom: 8px;
    display: inline-block;
}

.hezi-banner .banner-content .banner-left .banner-title.underline:after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #FFF;
    position: absolute;
    bottom: 0;
    left: 0;
}

.hezi-banner .banner-content .banner-left .banner-title h1 {
    display: inline;
}

.hezi-banner .banner-content .banner-left .banner-stitle {
    font-size: 22px;
    margin-bottom: 10px;
}

.hezi-banner .banner-content .banner-left .banner-stitle h2 {
    display: inline-block;
    position: relative;
    padding-bottom: 10px;
}

.hezi-banner .banner-content .banner-left .banner-stitle h2:after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #FFF;
    position: absolute;
    bottom: 0;
    left: 0;
}

.hezi-banner .banner-content .banner-left .banner-button {
    margin-top: 12px;
}

.hezi-banner .banner-content .banner-left .banner-button .button {
    height: 35px;
    padding: 0 28px;
    line-height: 35px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    font-size: 20px;
    cursor: pointer;
    margin-right: 36px;
}

.hezi-banner .banner-content .banner-left .banner-button .button.bg-btn {
    background-color: #FFF;
}

.hezi-banner .banner-content .banner-left .banner-button .button.border-btn {
    border: 1px solid #fff;
    color: #fff;
}

.hezi-banner .banner-content .banner-left .banner-button.x30 {
    margin-top: 30px;
}

.hezi-banner .banner-content .banner-left .banner-subtitle {
    font-size: 16px;
    position: relative;
    margin-bottom: 5px;
    padding: 8px 0;
    display: inline-block;
}

.hezi-banner .banner-content .banner-left .banner-subtitle:after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #FFF;
    position: absolute;
    bottom: 0;
    left: 0;
}

.hezi-banner .banner-content .banner-right {
    position: absolute;
    right: 10px;
    left: 10px;
    top: 0;
    bottom: 0;
    z-index: 10;
}

.hezi-banner .banner-content .banner-right .right-img-inner {
    z-index: 90;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-animation: enterup 1s;
    -moz-animation: enterup 1s;
    animation: enterup 1s;
}

.hezi-banner .banner-content .banner-right .right-img-inner .banner-row {
    position: relative;
    max-width: 1200px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    zoom: 1;
}

.hezi-banner .banner-content .banner-right .right-img-inner .right-img {
    position: absolute;
    right: 0;
}

.hezi-banner .banner-content .banner-right .right-img-inner .right-img.img-1 {
    -webkit-transform: translateZ(50px);
    -moz-transform: translateZ(50px);
    -ms-transform: translateZ(50px);
    transform: translateZ(50px);
}

.hezi-banner .banner-content .banner-right .right-img-inner .right-img.img-2 {
    -webkit-transform: translateZ(100px);
    -moz-transform: translateZ(100px);
    -ms-transform: translateZ(100px);
    transform: translateZ(100px);
}

.hezi-banner .banner-content .banner-right .right-img-inner .right-img.img-3 {
    -webkit-transform: translateZ(150px);
    -moz-transform: translateZ(150px);
    -ms-transform: translateZ(150px);
    transform: translateZ(150px);
}

.hezi-banner .banner-content .banner-right .right-img-inner .right-img.img-4 {
    -webkit-transform: translateZ(200px);
    -moz-transform: translateZ(200px);
    -ms-transform: translateZ(200px);
    transform: translateZ(200px);
}

.hezi-banner .banner-content .banner-right .right-img-inner .right-img.img-5 {
    -webkit-transform: translateZ(250px);
    -moz-transform: translateZ(250px);
    -ms-transform: translateZ(250px);
    transform: translateZ(250px);
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-push .img-1 {
    top: 136px;
    right: 110px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-push .img-2 {
    top: 150px;
    right: 136px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-push .img-3 {
    top: 198px;
    right: 38px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-delivery .img-1 {
    bottom: 153px;
    right: 152px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-delivery .img-2 {
    bottom: -30px;
    right: 0;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-delivery .img-3 {
    top: 100px;
    right: 0;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-product .img-1 {
    top: 58px;
    right: 38px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-product .img-2 {
    top: 126px;
    right: 65px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-product .img-3 {
    top: 89px;
    right: 176px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-saas .img-1 {
    top: 132px;
    right: 8px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-saas .img-2 {
    top: 235px;
    right: 115px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-saas .img-3 {
    top: 209px;
    right: 220px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-cloud .img-1 {
    bottom: 25px;
    right: 0;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-cloud .img-2 {
    bottom: 59px;
    right: 164px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-cloud .img-3 {
    bottom: 132px;
    right: 230px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-cloud .img-4 {
    top: 68px;
    right: 192px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-template .img-1 {
    top: 60px;
    right: 20px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-template .img-2 {
    bottom: 232px;
    right: 189px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-deeplink .img-1 {
    top: 135px;
    right: 269px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-deeplink .img-2 {
    bottom: 160px;
    right: 0;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-deeplink .img-3 {
    bottom: 166px;
    right: 0;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-deeplink .img-4 {
    top: 140px;
    right: 237px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-prize .img-1 {
    bottom: 107px;
    right: 20px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-prize .img-2 {
    top: 90px;
    right: 126px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-prize .img-3 {
    top: 123px;
    right: 144px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-prize .img-4 {
    top: 159px;
    right: 144px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-case .img-1 {
    bottom: 88px;
    right: 0;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-case .img-2 {
    top: 20px;
    right: 380px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-case .img-3 {
    bottom: 114px;
    right: 110px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-case .img-4 {
    bottom: 17px;
    right: 202px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-index .img-1 {
    bottom: 0;
    right: 14px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-index .img-3 {
    bottom: 110px;
    right: 149px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-index .img-2 {
    bottom: 40px;
    right: 10px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-index .img-4 {
    bottom: 88px;
    right: 127px;
}

.hezi-banner .banner-content .banner-right .right-img-inner.banner-index .img-5 {
    right: 27px;
    bottom: 172px;
}

.hezi-banner.gradient-cyan .banner-button .bg-btn {
    color: #00a3f6;
}

.hezi-banner.gradient-purple .banner-button .bg-btn, .hezi-deeplink-layout .scene-list:hover .hezi-banner.scene-title .banner-button .bg-btn {
    color: #662d91;
}

.hezi-banner.hezi-index-banner {
    width: 100%;
    height: calc(100% - 60px);
    height: calc(100vh - 60px);
    background: url("../images/index-banner-bg.jpeg")/*tpa=http://app.zdwhs.com/huodonghezi/images/index-banner-bg.jpg*//*tpa=http://app.zdwhs.com/huodonghezi/images/index-banner-bg.jpg*/ center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}

.hezi-banner.hezi-index-banner .banner-content {
    height: 100%;
}

.hezi-banner.hezi-index-banner .banner-content .banner-left {
    height: 100%;
}

.hezi-banner.hezi-index-banner .banner-content .banner-left .left-header {
    top: 156px;
}

.hezi-banner.hezi-index-banner .banner-content .banner-left .left-header .banner-button .bg-btn {
    color: #ff4c4e;
    background-color: rgba(255, 255, 255, 0.8);
}

.hezi-banner.hezi-index-banner .banner-content .banner-left .left-footer {
    bottom: 196px;
}

.hezi-banner.hezi-index-banner .banner-content .banner-center {
    width: 494px;
    height: 506px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -253px;
}

@keyframes enterup {
    from {
        -webkit-transform: rotateX(-45deg) rotateY(0deg);
    }
    to {
        transform: rotateX(0deg) rotateY(0deg);
    }
}

@-webkit-keyframes enterup {
    from {
        transform: rotateX(-45deg) rotateY(0deg);
    }
    to {
        transform: rotateX(0deg) rotateY(0deg);
    }
}

@-moz-keyframes enterup {
    from {
        transform: rotateX(-45deg) rotateY(0deg);
    }
    to {
        transform: rotateX(0deg) rotateY(0deg);
    }
}

/**
 * *****************网页底部***************************
 */
.hezi-footer {
    background-color: #333;
    padding: 0;
}

.hezi-footer .container {
    padding: 30px 10px;
}

.hezi-footer .footer-inner {
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 20px;
    position: relative;
}

.hezi-footer .cate-item {
    float: left;
    margin-right: 66px;
}

.hezi-footer .cate-item a {
    color: #fff;
}

.hezi-footer .cate-item a:hover {
    color: #ff4c4e;
}

.hezi-footer .cate-item dt {
    font-size: 14px;
    margin-bottom: 8px;
    color: #fff;
}

.hezi-footer .cate-item dd {
    font-size: 12px;
    line-height: 26px;
    color: #fff;
}

.hezi-footer .contact-layout {
    float: right;
    margin-right: 110px;
}

.hezi-footer .contact-layout .bottom-logo {
    width: 198px;
    height: 46px;
    margin-bottom: 32px;
}

.hezi-footer .contact-layout .bottom-logo img {
    width: 100%;
    height: auto;
}

.hezi-footer .contact-layout .cate-item {
    margin-right: 0px;
}

.hezi-footer .code {
    width: 61px;
    height: auto;
    font-size: 12px;
    color: #fff;
    position: absolute;
    bottom: 20px;
    right: 0;
}

.hezi-footer .code .code-img {
    width: 61px;
    height: 61px;
    overflow: hidden;
    margin-bottom: 10px;
}

.hezi-footer .code .code-img img {
    width: 100%;
    height: auto;
}

.hezi-footer .code p {
    text-align: center;
}

.hezi-footer .footer-bottom {
    text-align: center;
    color: #fff;
    font-size: 12px;
    padding-top: 24px;
}

.hezi-footer .footer-bottom a {
    color: #fff;
}

.hezi-footer .footer-bottom span {
    margin: 0 8px;
}

.layout-title {
    font-size: 34px;
    color: #4d4d4d;
    text-align: center;
}

.hezi-footer.hezi-operate-footer .container {
    padding: 40px 10px 12px;
}

.hezi-footer.hezi-operate-footer .footer-inner {
    padding-bottom: 30px;
}

.hezi-footer.hezi-operate-footer .cate-item {
    margin-right: 128px;
}

.hezi-footer.hezi-operate-footer .cate-item dt {
    margin-bottom: 12px;
}

.hezi-footer.hezi-operate-footer .contact-layout {
    margin-right: 20px;
}

.hezi-footer.hezi-operate-footer .contact-layout .cate-item {
    margin-right: 0;
}

.hezi-footer.hezi-operate-footer .contact-layout .bottom-logo {
    width: 154px;
    height: 36px;
    margin-bottom: 18px;
}

.hezi-footer.hezi-operate-footer .footer-bottom {
    text-align: left;
    padding-top: 14px;
    position: relative;
}

.hezi-footer.hezi-operate-footer .footer-bottom span {
    margin: 0 50px 0 0;
}

.hezi-footer.hezi-operate-footer .footer-bottom .hezi-footer-code {
    z-index: 10;
    position: absolute;
    right: 144px;
    top: 20px;
}

.hezi-footer.hezi-operate-footer .footer-bottom .hezi-footer-code .code-item {
    float: left;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin-right: 20px;
    position: relative;
}

.hezi-footer.hezi-operate-footer .footer-bottom .hezi-footer-code .code-item .hover-code-popup {
    position: absolute;
    top: -110px;
    left: 50%;
    margin-left: -50px;
    display: none;
}

.hezi-footer.hezi-operate-footer .footer-bottom .hezi-footer-code .code-item:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}

.hezi-footer.hezi-operate-footer .footer-bottom .hezi-footer-code .code-item:hover .hover-code-popup {
    display: block;
}

.layout-title {
    font-size: 34px;
    color: #4d4d4d;
    text-align: center;
}

.layout-title.white {
    color: #fff;
}

.layout-subtitle {
    color: #999;
    font-size: 14px;
    text-align: center;
    margin-top: 20px;
}

.layout-subtitle p {
    text-align: center;
}

.layout .container {
    padding-bottom: 60px;
    padding-top: 52px;
}

.layout .layout-item {
    width: 100%;
    position: relative;
    float: left;
}

.layout .layout-item.item-two {
    width: 50%;
}

.layout .layout-item.item-three {
    width: 33.3%;
}

.layout .layout-item.item-four {
    width: 25%;
}

.layout .layout-item.item-five {
    width: 20%;
}

.layout .layout-item.item-six {
    width: 16.666%;
}

.layout .free-trial {
    height: 400px;
    background: url("../images/free-trial-bg.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/free-trial-bg.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/free-trial-bg.png*/ center bottom no-repeat;
    color: #fff;
}

.layout .free-trial .title {
    font-size: 28px;
    text-align: center;
    margin-top: 58px;
    margin-bottom: 20px;
}

.layout .free-trial .subtitle {
    font-size: 18px;
    text-align: center;
}

.layout .free-trial .trial-button {
    width: 202px;
    height: 54px;
    margin: 42px auto 0;
}

.layout .free-trial .trial-button .button {
    display: block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    background-color: #FFF;
    text-align: center;
    font-size: 28px;
    height: 54px;
    line-height: 54px;
    width: 202px;
    cursor: pointer;
}

.layout .free-trial .title-plus {
    font-size: 34px;
    color: #fff;
    text-align: center;
}

.layout.gradient-pink .free-trial .trial-button .button {
    color: #ab4176;
}

.layout.gradient-cyan .free-trial .trial-button .button {
    color: #0095f8;
}

.layout.gradient-blue .free-trial .trial-button .button {
    color: #0095f8;
}

.layout.gradient-orange .free-trial .trial-button .button {
    color: #f15a24;
}

.push-passageway {
    padding-top: 36px;
}

.push-passageway .layout-item {
    text-align: center;
}

.push-passageway .layout-item .item-title {
    font-size: 22px;
    color: #4d4d4d;
    margin-top: 10px;
}

.push-passageway .layout-item .item-subtitle {
    font-size: 14px;
    color: #999;
    margin-top: 5px;
}

.heiz-scene-interaction {
    padding-top: 45px;
}

.heiz-scene-interaction .layout-item {
    padding: 0 10px;
}

.heiz-scene-interaction .layout-item:nth-of-type(2) {
    padding: 0 20px;
}

.heiz-scene-interaction .layout-item:nth-of-type(3) {
    padding: 0 26px;
}

.heiz-scene-interaction .heiz-scene-interaction-title {
    font-size: 22px;
    position: relative;
    padding: 8px 0;
    color: #999;
    display: inline-block;
}

.heiz-scene-interaction .heiz-scene-interaction-title:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #d2d2dd;
}

.heiz-scene-interaction .heiz-scene-interaction-title span {
    display: inline-block;
    vertical-align: middle;
}

.heiz-scene-interaction .heiz-scene-interaction-title .title-number {
    color: #fff;
    width: 28px;
    height: 28px;
    margin-right: 26px;
    line-height: 28px;
    text-align: center;
    background-color: #666;
    color: #fff;
}

.push-hover {
    width: 100%;
    overflow: hidden;
    padding-top: 26px;
}

.push-hover .layout-item {
    padding: 0 10px;
}

.push-hover .layout-item img {
    width: 1180px;
    height: auto;
}

.push-hover .left-to-right-animation {
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 5;
    width: 0;
    height: 100%;
    overflow: hidden;
}

.push-hover.show .left-to-right-animation {
    -webkit-animation: left-to-right 2s linear 1;
    animation: left-to-right 2s linear 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* 从左到右 */
@-webkit-keyframes left-to-right {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

@-moz-keyframes left-to-right {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

@keyframes left-to-right {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

/* 从上往下 */
@-webkit-keyframes top-to-bottom {
    0% {
        height: 0%;
    }
    100% {
        height: 100%;
    }
}

@-moz-keyframes top-to-bottom {
    0% {
        height: 0%;
    }
    100% {
        height: 100%;
    }
}

@keyframes top-to-bottom {
    0% {
        height: 0%;
    }
    100% {
        height: 100%;
    }
}

/*左移放大*/
@-webkit-keyframes left-scale {
    0% {
        left: 0;
        transform: scale(1);
    }
    100% {
        left: 40px;
        transform: scale(1.07);
    }
}

@-moz-keyframes left-scale {
    0% {
        left: 0;
        transform: scale(1);
    }
    100% {
        left: 40px;
        transform: scale(1.07);
    }
}

@keyframes left-scale {
    0% {
        left: 0;
        transform: scale(1);
    }
    100% {
        left: 40px;
        transform: scale(1.07);
    }
}

/*右移放大*/
@-webkit-keyframes right-scale {
    0% {
        right: 0;
        transform: scale(1);
    }
    100% {
        right: 24px;
        transform: scale(1);
    }
}

@-moz-keyframes right-scale {
    0% {
        right: 0;
        transform: scale(1);
    }
    100% {
        right: 24px;
        transform: scale(1);
    }
}

@keyframes right-scale {
    0% {
        right: 0;
        transform: scale(1);
    }
    100% {
        right: 24px;
        transform: scale(1);
    }
}

/* 左移放大 */
@-webkit-keyframes left-scale-I {
    0% {
        left: 0;
        top: 0;
        transform: scale(1);
    }
    100% {
        left: 50px;
        top: -10px;
        transform: scale(1.07);
    }
}

@-moz-keyframes left-scale-I {
    0% {
        left: 0;
        top: 0;
        transform: scale(1);
    }
    100% {
        left: 50px;
        top: -10px;
        transform: scale(1.07);
    }
}

@keyframes left-scale-I {
    0% {
        left: 0;
        top: 0;
        transform: scale(1);
    }
    100% {
        left: 50px;
        top: -10px;
        transform: scale(1.07);
    }
}

@-webkit-keyframes right-scale-I {
    0% {
        right: 0;
        top: 0;
        transform: scale(1);
    }
    100% {
        right: 34px;
        top: -10px;
        transform: scale(1);
    }
}

@-moz-keyframes right-scale-I {
    0% {
        right: 0;
        top: 0;
        transform: scale(1);
    }
    100% {
        right: 34px;
        top: -10px;
        transform: scale(1);
    }
}

@keyframes right-scale-I {
    0% {
        right: 0;
        top: 0;
        transform: scale(1);
    }
    100% {
        right: 34px;
        top: -10px;
        transform: scale(1);
    }
}

.phone-animation {
    background-color: #f6f6f6;
}

.phone-animation .phone-layout {
    margin-top: 100px;
}

.phone-animation .phone-layout.phone-left {
    padding-left: 140px;
}

.phone-animation .phone-layout.phone-left .phone-block {
    float: left;
}

.phone-animation .phone-layout.phone-left .phone-line {
    float: left;
    margin-left: 50px;
}

.phone-animation .phone-layout.phone-left .phone-words {
    float: left;
}

.phone-animation .phone-layout.phone-left .phone-words .title img {
    margin-left: 12px;
}

.phone-animation .phone-layout.phone-left.show .phone-line .phone-line-inner {
    -webkit-animation: left-to-right 0.3s linear 0.4s;
    animation: left-to-right 0.3s linear 0.4s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
}

.phone-animation .phone-layout.phone-left.show .phone-words .words-inner {
    -webkit-animation: top-to-bottom 0.3s linear 0.7s;
    animation: top-to-bottom 0.3s linear 0.7s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
}

.phone-animation .phone-layout.phone-left.show .phone-block .phone-inner .phone-img .img-shadow {
    -webkit-animation: left-scale 0.3s linear;
    animation: left-scale 0.3s linear;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
}

.phone-animation .phone-layout.phone-left.show .phone-block .phone-inner .phone-img .main-img {
    -webkit-animation: left-scale-I 0.3s linear;
    animation: left-scale-I 0.3s linear;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
}

.phone-animation .phone-layout.phone-right {
    padding-right: 140px;
}

.phone-animation .phone-layout.phone-right .phone-block {
    float: right;
}

.phone-animation .phone-layout.phone-right .phone-line {
    float: right;
    margin-right: 50px;
}

.phone-animation .phone-layout.phone-right .phone-line .phone-line-inner {
    float: right;
}

.phone-animation .phone-layout.phone-right .phone-line .phone-line-inner img {
    float: right;
}

.phone-animation .phone-layout.phone-right .phone-words {
    float: right;
    text-align: right;
}

.phone-animation .phone-layout.phone-right .phone-words .title img {
    margin-right: 12px;
}

.phone-animation .phone-layout.phone-right .phone-words p {
    text-align: right;
}

.phone-animation .phone-layout.phone-right.show .phone-line .phone-line-inner {
    -webkit-animation: left-to-right 0.3s linear 0.4s;
    animation: left-to-right 0.3s linear 0.4s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
}

.phone-animation .phone-layout.phone-right.show .phone-words .words-inner {
    -webkit-animation: top-to-bottom 0.3s linear 0.7s;
    animation: top-to-bottom 0.3s linear 0.7s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
}

.phone-animation .phone-layout.phone-right.show .phone-block .phone-inner .phone-img .img-shadow {
    -webkit-animation: right-scale 0.3s linear;
    animation: right-scale 0.3s linear;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
}

.phone-animation .phone-layout.phone-right.show .phone-block .phone-inner .phone-img .main-img {
    -webkit-animation: right-scale-I 0.3s linear;
    animation: right-scale-I 0.3s linear;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
}

.phone-animation .phone-layout .phone-block {
    width: 268px;
    height: 566px;
}

.phone-animation .phone-layout .phone-block.phone-left {
    padding-top: 67px;
    padding-left: 23px;
    background: url("../images/phone-left.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/phone-left.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/phone-left.png*/ left top no-repeat;
}

.phone-animation .phone-layout .phone-block.phone-left .phone-inner .phone-img .img-shadow {
    left: 0;
}

.phone-animation .phone-layout .phone-block.phone-left .phone-inner .phone-img .main-img {
    left: 0;
}

.phone-animation .phone-layout .phone-block.phone-right {
    padding-top: 67px;
    padding-left: 13px;
    background: url("../images/phone-right.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/phone-right.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/phone-right.png*/ left top no-repeat;
}

.phone-animation .phone-layout .phone-block.phone-right .phone-inner .phone-img .img-shadow {
    right: 0;
}

.phone-animation .phone-layout .phone-block.phone-right .phone-inner .phone-img .main-img {
    right: 0;
}

.phone-animation .phone-layout .phone-block.phone-front {
    width: 281px;
    height: 581px;
    background: url("../images/phone-front.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/phone-front.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/phone-front.png*/ left top no-repeat;
    padding: 70px 0 0 14px;
}

.phone-animation .phone-layout .phone-block.phone-front .phone-inner {
    width: 253px;
    height: 435px;
}

.phone-animation .phone-layout .phone-block .phone-inner {
    width: 233px;
    height: 422px;
    position: relative;
}

.phone-animation .phone-layout .phone-block .phone-inner .phone-img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.phone-animation .phone-layout .phone-block .phone-inner .phone-img img {
    width: 100%;
    height: auto;
    top: 0;
}

.phone-animation .phone-layout .phone-block .phone-inner .phone-img img.img-shadow {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
}

.phone-animation .phone-layout .phone-block .phone-inner .phone-img img.main-img {
    position: absolute;
    top: 0;
    z-index: 5;
}

.phone-animation .phone-layout .phone-line {
    width: 170px;
    height: auto;
    padding-top: 170px;
}

.phone-animation .phone-layout .phone-line .phone-line-inner {
    width: 0;
    height: auto;
    overflow: hidden;
}

.phone-animation .phone-layout .phone-line img {
    width: 170px;
    height: auto;
}

.phone-animation .phone-layout .phone-words {
    color: #999;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 150px;
    height: 566px;
    width: 280px;
}

.phone-animation .phone-layout .phone-words .words-inner {
    width: 100%;
    height: 0;
    overflow: hidden;
}

.phone-animation .phone-layout .phone-words .words-inner .title {
    font-size: 28px;
    color: #282828;
}

.phone-animation .phone-layout .phone-words .words-inner .subtitle {
    font-size: 16px;
    margin-top: 14px;
}

.phone-animation .phone-layout .phone-words .words-inner p {
    line-height: 20px;
    font-size: 12px;
}

.saas-layout {
    background: #f6f6f6 url("../images/saas-layout-bg.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/saas-layout-bg.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/saas-layout-bg.png*/ right center no-repeat;
}

.saas-layout .saas-list {
    padding-top: 50px;
}

.saas-layout .saas-list .layout-item {
    padding: 0 10px;
}

.saas-layout .saas-list .saas-list-out {
    margin: 0 auto;
    width: 441px;
    height: auto;
    padding: 12px 0;
    background: url("../images/saas-layout-item-bg.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/saas-layout-item-bg.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/saas-layout-item-bg.png*/ center no-repeat;
}

.saas-layout .saas-list .saas-list-out .saas-list-inner {
    width: 441px;
    height: 301px;
    background-color: #FFF;
    border: 2px solid #d9d9d9;
    padding: 20px;
}

.saas-layout .saas-list .saas-list-out .saas-list-inner .saas-list-title {
    font-size: 22px;
    color: #4d4d4d;
    text-align: center;
}

.saas-layout .saas-list .saas-list-out .saas-list-inner p {
    font-size: 14px;
    color: #999;
    text-align: center;
    margin-top: 5px;
}

.saas-layout .saas-list .saas-list-out .saas-list-inner .saas-list-button {
    width: 173px;
    height: 51px;
    text-align: center;
    line-height: 51px;
    display: block;
    margin: 14px auto 0;
    font-size: 12px;
    color: #fff;
    background: #00b8f3;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    cursor: pointer;
    background: -moz-linear-gradient(-45deg, #00b8f3 0%, #0076fd 100%);
    background: -webkit-linear-gradient(-45deg, #00b8f3 0%, #0076fd 100%);
    background: linear-gradient(135deg, #00b8f3 0%, #0076fd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b8f3', endColorstr='#0076fd', GradientType=1);
}

.saas-layout .saas-list .saas-list-out .saas-list-inner .saas-list-img {
    width: 120px;
    height: 120px;
    margin: 14px auto 0;
    text-align: center;
    line-height: 120px;
}

.saas-frame-animation {
    padding-top: 80px;
}

.saas-frame-animation .layout-item .item-title {
    margin-top: 22px;
}

.deployment-process {
    padding-top: 33px;
}

.deployment-process .deployment-process-img {
    text-align: center;
}

.deployment-process .process {
    margin-top: 22px;
    padding: 0 10px;
}

.deployment-process .process .process-item {
    width: 200px;
    height: 90px;
    border: 1px solid #fff;
    float: left;
}

.deployment-process .process .process-item .process-inner {
    width: 198px;
    height: 88px;
    display: table-cell;
    vertical-align: middle;
}

.deployment-process .process .process-item p {
    color: #fff;
    font-size: 18px;
    text-align: center;
}

.deployment-process .process .triangle_border_right {
    width: 0;
    height: 0;
    border-width: 16px 0 16px 16px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    margin: 29px 14px 0;
    position: relative;
    float: left;
}

.deployment-process .process .triangle_border_right span {
    display: block;
    width: 0;
    height: 0;
    border-width: 14px 0 14px 14px;
    border-style: solid;
    border-color: transparent transparent transparent #3b3cbb;
    position: absolute;
    top: -14px;
    left: -15px;
}

.us-user {
    padding-top: 42px;
}

.us-user .us-user-list {
    margin: 0 auto;
    width: 350px;
    min-height: 200px;
    background-color: #FFF;
    border: 1px solid #a6a6d4;
}

.us-user .us-user-list .us-user-img {
    border-bottom: 2px solid #adadad;
}

.us-user .us-user-list .us-user-introduce {
    padding: 14px;
    color: #999;
    font-size: 14px;
    height: 91px;
}

.submit-form {
    background: #f6f6f6 url("../images/cloud-05.jpeg")/*tpa=http://app.zdwhs.com/huodonghezi/images/cloud-05.jpg*//*tpa=http://app.zdwhs.com/huodonghezi/images/cloud-05.jpg*/ center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.submit-form .container {
    padding-left: 10px;
    padding-right: 10px;
}

.submit-form .form-left {
    display: table-cell;
    vertical-align: baseline;
    padding-top: 80px;
}

.submit-form .form-left .form-title {
    font-size: 36px;
    color: #333;
    line-height: 40px;
    position: relative;
    margin-bottom: 10px;
    padding: 5px 0;
}

.submit-form .form-left .form-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #333;
    width: 100%;
    height: 2px;
}

.submit-form .form-left p {
    color: #bbb;
    font-size: 16px;
}

.submit-form .form-left .us-tel {
    font-size: 60px;
    color: #333;
    margin-top: 20px;
}

.submit-form .form-block {
    float: right;
}

.submit-form .form-block .form-text {
    width: 460px;
    min-height: 40px;
    line-height: 40px;
    border: 1px solid #c7c7c7;
    border-bottom-width: 2px;
    font-size: 14px;
    padding: 0 10px;
    background-color: #FFF;
    margin-bottom: 8px;
}

.submit-form .form-block .form-text span {
    color: #929292;
}

.submit-form .form-block .form-text input {
    border: none;
    height: 38px;
    width: 350px;
    vertical-align: top;
}

.submit-form .form-block .form-text textarea {
    border: none;
    width: 350px;
    vertical-align: top;
    padding: 10px 0;
    resize: none;
}

.submit-form .form-block .form-submit {
    border: none;
    width: 460px;
    height: 40px;
    font-size: 16px;
    margin-top: 16px;
}

.hezi-active-classify {
    padding-top: 20px;
}

.hezi-active-classify .classfiy-card {
    margin: 26px auto 0;
    width: 280px;
    height: 202px;
    background-color: #FFF;
    border: 2px solid #cdd2d3;
}

.hezi-active-classify .classfiy-card .card-head {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: #f6f8f8;
    position: relative;
    padding: 0 50px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hezi-active-classify .classfiy-card .card-head span {
    font-size: 16px;
    color: #4d4d4d;
}

.hezi-active-classify .classfiy-card .card-head .card-label {
    font-size: 12px;
    color: #fff;
    background-color: #4d4d4d;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    padding: 0 6px;
    position: absolute;
    right: 10px;
    line-height: 16px;
    top: 7px;
}

.hezi-active-classify .classfiy-card .card-head .only-label {
    font-size: 12px;
    color: #fff;
    background-color: #4d4d4d;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    padding: 0 6px;
    margin: 0 8px;
    line-height: 16px;
    vertical-align: middle;
    display: inline-block;
}

.hezi-active-classify .classfiy-card .active-animation {
    width: 190px;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
}

.hezi-active-classify .classfiy-card .active-introduce {
    font-size: 12px;
    color: #999;
    padding: 0 20px;
    text-align: center;
}

.hezi-style-template {
    padding-top: 54px;
}

.hezi-style-template .style-list {
    width: 228px;
    margin: 0 auto;
    background-color: #FFF;
}

.hezi-style-template .style-list .style-img {
    width: 228px;
    height: 416px;
    overflow: hidden;
}

.hezi-style-template .style-list .style-img img {
    width: 100%;
    height: auto;
}

.hezi-style-template .style-list .style-introduce {
    padding: 13px 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #4d4d4d;
    text-align: center;
}

.hezi-deeplink-layout {
    padding-top: 60px;
}

.hezi-deeplink-layout .deeplink-list {
    width: 321px;
    height: auto;
    margin: 0 auto;
}

.hezi-deeplink-layout .deeplink-list .deeplink-img img {
    width: 100%;
    height: auto;
}

.hezi-deeplink-layout .deeplink-list .deeplink-introduce {
    margin-top: 10px;
    background-color: #FFF;
    padding: 15px 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #4d4d4d;
    text-align: center;
}

.hezi-deeplink-layout .scene-list {
    width: 598px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.hezi-deeplink-layout .scene-list .scene-title {
    height: 120px;
    line-height: 120px;
    background-color: #e6e6e6;
    font-size: 22px;
    color: #4d4d4d;
    text-align: center;
}

.hezi-deeplink-layout .scene-list .scene-body {
    background-color: #FFF;
    padding: 40px 56px;
}

.hezi-deeplink-layout .scene-list .scene-body .scene-introduce {
    height: 120px;
    overflow: hidden;
    font-size: 14px;
    color: #999;
}

.hezi-deeplink-layout .scene-list .scene-body .scene-icon {
    margin-top: 16px;
}

.hezi-deeplink-layout .scene-list .scene-body .scene-icon .img-2 {
    display: none;
}

.hezi-deeplink-layout .scene-list:hover {
    -webkit-box-shadow: 0px 0px 26px rgba(255, 76, 78, 0.75);
    -moz-box-shadow: 0px 0px 26px rgba(255, 76, 78, 0.75);
    box-shadow: 0px 0px 26px rgba(255, 76, 78, 0.75);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    transform: scale(1.06);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    z-index: 10;
}

.hezi-deeplink-layout .scene-list:hover .scene-title {
    color: #fff;
}

.hezi-deeplink-layout .scene-list:hover .scene-body .scene-icon .img-1 {
    display: none;
}

.hezi-deeplink-layout .scene-list:hover .scene-body .scene-icon .img-2 {
    display: block;
}

.form-page {
    width: 550px;
    height: auto;
    margin: 0 auto;
}

.form-page .form-title-inner {
    text-align: center;
}

.form-page .form-title-inner .form-page-titel {
    font-size: 46px;
    color: #4d4d4d;
    position: relative;
    text-align: center;
    display: inline-block;
    padding: 5px 0;
}

.form-page .form-title-inner .form-page-titel:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 5%;
    width: 90%;
    height: 1px;
    background-color: #4d4d4d;
}

.form-page .form-subtitle {
    font-size: 16px;
    color: #999;
    padding-top: 12px;
}

.form-page .form-subtitle p {
    text-align: center;
}

.form-page .form-subtitle .outline {
    color: #29abe2;
}

.form-page .form-container {
    padding-top: 80px;
}

.form-page .form-container .form-list {
    margin-bottom: 5px;
    min-height: 40px;
}

.form-page .form-container .form-list .item-title {
    float: left;
    width: 140px;
    line-height: 40px;
    font-size: 16px;
    color: #4d4d4d;
}

.form-page .form-container .form-list .item-title i {
    color: #c1272d;
}

.form-page .form-container .form-list .form-text {
    float: left;
    background-color: #FFF;
    width: 360px;
    height: 40px;
    border: 2px solid #e2e2e2;
}

.form-page .form-container .form-list .form-text input {
    width: 100%;
    height: 100%;
    border: none;
    padding: 0 10px;
    font-size: 14px;
}

.form-page .form-container .form-checkbox {
    margin-top: 50px;
}

.form-page .form-container .form-checkbox .item-title {
    float: left;
    line-height: 40px;
    font-size: 16px;
    color: #4d4d4d;
}

.form-page .form-container .form-checkbox .item-title i {
    color: #c1272d;
}

.form-page .form-container .checkbox-list {
    padding: 10px 46px;
}

.form-page .form-container .checkbox-list .checkbox-label {
    float: left;
    font-size: 16px;
    color: #4d4d4d;
    margin-right: 20px;
    display: block;
}

.form-page .form-container .checkbox-list .checkbox-label span {
    display: inline-block;
    vertical-align: middle;
}

.form-page .form-container .checkbox-list .checkbox-label .checkbox {
    width: 17px;
    height: 17px;
    border: 1px solid #4d4d4d;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.form-page .form-container .checkbox-list .checkbox-label .checkbox:checked:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/checked.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/checked.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/checked.png*/ center no-repeat;
    background-size: 15px auto;
}

.form-page .form-container .form-textarea {
    width: 100%;
    height: 120px;
    border: 1px solid #4d4d4d;
    background-color: #fff;
    overflow: hidden;
    padding: 10px;
}

.form-page .form-container .form-textarea textarea {
    border: none;
    width: 100%;
    height: 100%;
    resize: none;
    font-size: 14px;
}

.form-page .form-container .form-page-submit {
    width: 100%;
    height: 30px;
    border: none;
    font-size: 14px;
    color: #fff;
    margin-top: 14px;
    cursor: pointer;
}

.hezi-prompt {
    height: 36px;
    width: 300px;
    padding: 0 20px 0 54px;
    position: fixed;
    z-index: 99999;
    background: rgba(255, 76, 78, 0.8);
    top: 130px;
    font-size: 14px;
    color: #fff;
    text-align: left;
    line-height: 36px;
    left: 50%;
    margin-left: -150px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    visibility: hidden;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    transition-duration: 400ms;
}

.hezi-prompt span {
    display: inline-block;
    vertical-align: middle;
}

.hezi-prompt .prompt-icon {
    width: 30px;
    height: 24px;
    background: url("../images/error.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/error.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/error.png*/ center no-repeat;
    -webkit-background-size: 24px auto;
    -moz-background-size: 24px auto;
    background-size: 24px auto;
    margin-right: 10px;
}

.hezi-prompt.modal-in {
    visibility: visible;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}

.hezi-number-report-bar {
    background-color: #d7d7d8;
}

.hezi-number-report-bar .hezi-number-report {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 10px 0;
}

.hezi-number-report-bar .hezi-number-report .report-card {
    width: 228px;
    background-color: #FFF;
    color: #999;
}

.hezi-number-report-bar .hezi-number-report .report-card .number-inner {
    text-align: center;
    font-size: 56px;
}

.hezi-number-report-bar .hezi-number-report .report-card .report-title {
    text-align: center;
    padding-bottom: 26px;
}

.hezi-number-report-bar .hezi-number-report .report-card .report-title a {
    display: inline-block;
    margin: 5px auto 0;
    font-size: 14px;
    border: 1px solid #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    width: 120px;
    height: 35px;
    line-height: 35px;
}

.hezi-development-process {
    margin-top: 40px;
    text-align: center;
}

.hezi-prize-bank {
    padding-top: 50px;
}

.hezi-prize-bank .prize-list {
    width: 190px;
    margin: 0 auto;
    height: auto;
    background-color: #FFF;
}

.hezi-prize-bank .prize-list .prize-img {
    width: 190px;
    height: 177px;
    border-bottom: 2px solid #d2d2d2;
}

.hezi-prize-bank .prize-list .prize-bottom {
    padding: 18px 10px;
    height: 128px;
    text-align: center;
}

.hezi-prize-bank .prize-list .prize-bottom .prize-label {
    display: inline-block;
    font-size: 14px;
    color: #4d4d4d;
    text-align: center;
    min-width: 130px;
    max-width: 100%;
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #d6d6d6;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    margin: 0 auto;
}

.hezi-prize-bank .prize-list .prize-bottom .prize-introduce {
    text-align: center;
    margin-top: 10px;
    color: #999;
    padding: 0 10px;
}

.hezi-case-block .layout-item {
    margin-top: 26px;
}

.hezi-case-block .case-list {
    background-color: #f2f2f2;
    border: 2px solid #e6e6e6;
    width: 377px;
    height: 360px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 0 48px;
    text-align: center;
}

.hezi-case-block .case-list .case-title {
    font-size: 24px;
    color: #4d4d4d;
    margin-top: 30px;
}

.hezi-case-block .case-list .case-img {
    margin-top: 40px;
    text-align: center;
    position: relative;
    padding-bottom: 17px;
}

.hezi-case-block .case-list .case-img:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 80%;
    height: 2px;
    background-color: #b3b3b3;
}

.hezi-case-block .case-list .case-introduce {
    font-size: 16px;
    color: #999;
    margin-top: 20px;
    height: 50px;
}

.hezi-case-block .case-list .case-icon {
    width: 100%;
    height: 32px;
    margin-top: 10px;
    background: url("../images/index.html")/*tpa=http://app.zdwhs.com/huodonghezi/images/case-list-icon.png*/ center no-repeat;
}

.hezi-case-block .case-list .case-overlay {
    position: absolute;
    width: 377px;
    height: 360px;
    left: 0;
    top: 360px;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hezi-case-block .case-list .case-overlay .case-button {
    display: block;
    width: 276px;
    height: 90px;
    text-align: center;
    line-height: 90px;
    color: #fff;
    font-size: 24px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    margin: 210px auto 0;
}

.hezi-case-block .case-list:hover .case-overlay {
    top: 0;
}

.hezi-head-free-trial {
    width: 1200px;
    height: 288px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}

.hezi-head-free-trial .free-title-bar {
    font-size: 32px;
}

.hezi-head-free-trial .free-title-bar .free-title {
    display: inline-block;
    position: relative;
    padding: 5px 0;
}

.hezi-head-free-trial .free-title-bar .free-title:after {
    content: '';
    position: absolute;
    left: 10%;
    width: 80%;
    bottom: 0;
    height: 1px;
    background-color: #FFF;
}

.hezi-head-free-trial .free-title-bar .free-title h1, .hezi-head-free-trial .free-title-bar .free-title h2 {
    display: inline-block;
    vertical-align: middle;
}

.hezi-head-free-trial p {
    margin-top: 10px;
    text-align: center;
    font-size: 18px;
}

.hezi-crumbs {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 34px;
}

.hezi-crumbs ul li {
    float: left;
    font-size: 12px;
    color: #666;
    margin: 0 2px;
    line-height: 14px;
}

.hezi-crumbs span {
    display: inline-block;
    vertical-align: middle;
}

.hezi-crumbs a {
    display: inline-block;
    vertical-align: middle;
    color: #666;
}

.hezi-crumbs a:hover {
    color: #ff4c4e;
}

.hezi-product-tatol {
    border-bottom: 2px solid #c7c7c7;
}

.hezi-product-tatol:last-of-type {
    border-bottom: none;
}

.hezi-product-tatol .item-left .main-inner {
    text-align: right;
}

.hezi-product-tatol .item-right .main-inner {
    text-align: left;
}

.hezi-product-tatol .main-inner {
    display: table-cell;
    vertical-align: middle;
    width: 600px;
    height: 398px;
    padding: 0 50px;
}

.hezi-product-tatol .main-inner .product-title {
    font-size: 28px;
    color: #666;
}

.hezi-product-tatol .main-inner .product-title h2 {
    position: relative;
    display: inline-block;
    padding: 5px 0;
    cursor: default;
}

.hezi-product-tatol .main-inner .product-title h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #666;
}

.hezi-product-tatol .main-inner .product-title h2 a {
    color: #666;
}

.hezi-product-tatol .main-inner .product-title h2:hover a {
    background: #ff6e28;
    background: -moz-linear-gradient(left, #ff6e28 0%, #f73361 100%);
    background: -webkit-linear-gradient(left, #ff6e28 0%, #f73361 100%);
    background: linear-gradient(to right, #ff6e28 0%, #f73361 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6e28', endColorstr='#f73361', GradientType=1);
    -webkit-background-clip: text;
    /*只有webkit内核支持text的剪切模式*/
    color: transparent;
}

.hezi-product-tatol .main-inner .product-title h2:hover:after {
    background: #ff6e28;
    background: -moz-linear-gradient(left, #ff6e28 0%, #f73361 100%);
    background: -webkit-linear-gradient(left, #ff6e28 0%, #f73361 100%);
    background: linear-gradient(to right, #ff6e28 0%, #f73361 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6e28', endColorstr='#f73361', GradientType=1);
}

.hezi-product-tatol .main-inner .product-introduce {
    font-size: 16px;
    color: #999;
    margin-top: 10px;
    line-height: 22px;
}

.hezi-product-item {
    width: 1200px;
    height: 140px;
    margin: 0 auto;
    position: relative;
}

.hezi-product-item .items {
    width: 240px;
    height: 140px;
    float: left;
    padding: 32px 10px 0;
}

.hezi-product-item .items.items-1 {
    background: #e2e2e2 url("../images/index-01.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/index-01.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/index-01.png*/ no-repeat;
    background-position: 180px 55px;
}

.hezi-product-item .items.items-2 {
    background: #ebebec url("../images/index-02.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/index-02.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/index-02.png*/ no-repeat;
    background-position: right 55px;
}

.hezi-product-item .items.items-3 {
    background: #e2e2e2 url("../images/index-03.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/index-03.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/index-03.png*/ no-repeat;
    background-position: right 45px;
}

.hezi-product-item .items.items-4 {
    background: #ebebec url("../images/index-04.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/index-04.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/index-04.png*/ no-repeat;
    background-position: right 60px;
}

.hezi-product-item .items.items-5 {
    background: #e2e2e2 url("../images/index-05.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/index-05.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/index-05.png*/ no-repeat;
    background-position: 180px 40px;
}

.hezi-product-item .items .items-title {
    font-size: 16px;
    color: #4d4d4d;
}

.hezi-product-item .items .items-title a {
    color: #4d4d4d;
}

.hezi-product-item .items .items-title a:hover {
    background: #ff6e28;
    background: -moz-linear-gradient(left, #ff6e28 0%, #f73361 100%);
    background: -webkit-linear-gradient(left, #ff6e28 0%, #f73361 100%);
    background: linear-gradient(to right, #ff6e28 0%, #f73361 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6e28', endColorstr='#f73361', GradientType=1);
    -webkit-background-clip: text;
    /*只有webkit内核支持text的剪切模式*/
    color: transparent;
}

.hezi-product-item .items p {
    font-size: 12px;
    color: #bbb;
    margin-top: 8px;
}

.hezi-product-item .keep-down {
    width: 60px;
    height: 61px;
    background: url("../images/keep-down.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/keep-down.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/keep-down.png*/ center no-repeat;
    position: absolute;
    left: 50%;
    top: -30px;
    margin-left: -30px;
}

.hezi-annular-animation {
    padding-top: 44px;
}

.hezi-annular-animation .annular-list {
    width: 357px;
    height: 486px;
}

.hezi-annular-animation .annular-list .annular-inner-item {
    width: 357px;
    height: 162px;
}

.hezi-annular-animation .annular-list .annular-inner-item .annular-inner {
    width: 357px;
    height: 162px;
    display: table-cell;
    vertical-align: middle;
}

.hezi-annular-animation .annular-list .annular-inner-item .annular-item {
    display: inline-block;
    vertical-align: middle;
}

.hezi-annular-animation .annular-list .annular-inner-item .annular-item .annular-title {
    font-size: 16px;
    color: #999;
}

.hezi-annular-animation .annular-list .annular-inner-item .annular-item .annular-introduce {
    overflow: hidden;
    height: 0;
    font-size: 12px;
    color: #999;
    line-height: 22px;
}

.hezi-annular-animation .annular-list .annular-inner-item .annular-item.item-img .img-2 {
    display: none;
}

.hezi-annular-animation .annular-list .annular-inner-item.change .annular-item.item-img {
    width: 109px;
    height: 109px;
    text-align: center;
}

.hezi-annular-animation .annular-list .annular-inner-item.change .annular-item.item-img .img-1 {
    display: none;
}

.hezi-annular-animation .annular-list .annular-inner-item.change .annular-item.item-img .img-2 {
    display: block;
    -webkit-animation: img-scale 0.2s linear;
    animation: img-scale 0.2s linear;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
}

.hezi-annular-animation .annular-list .annular-inner-item.change .annular-item .annular-title {
    color: #000;
}

.hezi-annular-animation .annular-list .annular-inner-item.change .annular-item .annular-introduce {
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    transition-duration: 300ms;
    height: 76px;
}

.hezi-annular-animation .annular-list .annular-inner-item.change .annular-item .annular-introduce.two-lines {
    height: 50px;
}

.hezi-annular-animation .annular-list.annular-left .annular-inner-item {
    text-align: right;
}

.hezi-annular-animation .annular-list.annular-left .annular-inner-item .annular-inner {
    padding-right: 24px;
}

.hezi-annular-animation .annular-list.annular-left .annular-inner-item .annular-inner.item-center {
    padding-right: 64px;
}

.hezi-annular-animation .annular-list.annular-left .annular-inner-item .annular-item.item-img {
    margin-left: 14px;
}

.hezi-annular-animation .annular-list.annular-left .annular-inner-item .annular-item .annular-introduce p {
    text-align: right;
}

.hezi-annular-animation .annular-list.annular-left .annular-inner-item.change .annular-inner {
    padding-right: 0px;
}

.hezi-annular-animation .annular-list.annular-left .annular-inner-item.change .annular-inner.item-center {
    padding-right: 34px;
}

.hezi-annular-animation .annular-list.annular-right .annular-inner-item {
    text-align: left;
}

.hezi-annular-animation .annular-list.annular-right .annular-inner-item .annular-inner {
    padding-left: 24px;
}

.hezi-annular-animation .annular-list.annular-right .annular-inner-item .annular-inner.item-center {
    padding-left: 64px;
}

.hezi-annular-animation .annular-list.annular-right .annular-inner-item .annular-item.item-img {
    margin-right: 14px;
}

.hezi-annular-animation .annular-list.annular-right .annular-inner-item .annular-item .annular-introduce p {
    text-align: left;
}

.hezi-annular-animation .annular-list.annular-right .annular-inner-item.change .annular-inner {
    padding-left: 0px;
}

.hezi-annular-animation .annular-list.annular-right .annular-inner-item.change .annular-inner.item-center {
    padding-left: 34px;
}

.hezi-annular-animation .annular-center {
    width: 486px;
    height: 486px;
    text-align: center;
    line-height: 486px;
    background: url("../images/circle.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/circle.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/circle.png*/ center no-repeat;
}

@-webkit-keyframes img-scale {
    0% {
        transform: scale(0.5);
    }
    100% {
        transform: scale(1);
    }
}

@-moz-keyframes img-scale {
    0% {
        transform: scale(0.5);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes img-scale {
    0% {
        transform: scale(0.5);
    }
    100% {
        transform: scale(1);
    }
}

.hezi-launch-process .container {
    padding-bottom: 0;
}

.hezi-launch-process .launch-process {
    overflow: hidden;
    margin-top: 28px;
    height: 604px;
    width: 100%;
    background: url("../images/index-19.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/index-19.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/index-19.png*/ center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    padding-top: 56px;
}

.hezi-launch-process .launch-process .process-item {
    width: 100%;
    height: auto;
    padding: 0 24px;
    margin-top: 60px;
    position: relative;
}

.hezi-launch-process .launch-process .process-item .online {
    position: absolute;
    top: 0;
    left: 24px;
    z-index: 5;
    width: 0;
    overflow: hidden;
}

.hezi-launch-process .launch-process .process-item .new-online {
    position: absolute;
    top: 0;
    left: 24px;
    z-index: 5;
    overflow: hidden;
    width: 100%;
}

.hezi-launch-process .launch-process .process-item .new-online .new-online-inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.hezi-launch-process .launch-process .process-item .new-online .new-online-inner .online-img {
    position: relative;
    width: 0;
    overflow: hidden;
}

.hezi-launch-process .launch-process .process-item .new-online .new-online-inner .online-bounce-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 184px;
    overflow: hidden;
}

.hezi-launch-process .launch-process .process-item .new-online .new-online-inner .online-bounce-bar .bounce-bar-inner {
    position: relative;
    width: 1200px;
    height: 184px;
}

.hezi-launch-process .launch-process .process-item .new-online .new-online-inner .online-bounce-bar .bounce-bar-inner .online-bounce {
    position: absolute;
}

.hezi-launch-process .launch-process .process-item .new-online .new-online-inner .online-bounce-bar .bounce-bar-inner .online-bounce.online-bounce-pc {
    right: 256px;
    top: 12px;
}

.hezi-launch-process .launch-process .process-item .new-online .new-online-inner .online-bounce-bar .bounce-bar-inner .online-bounce.online-bounce-phone {
    top: 47px;
    right: 124px;
}

.hezi-launch-process .launch-process .process-item .online-words {
    position: absolute;
    top: -40px;
    left: 0;
    padding-left: 288px;
    z-index: 10;
}

.hezi-launch-process .launch-process .process-item .online-words .words-item {
    float: left;
    margin-right: 127px;
    font-size: 18px;
    color: #fff;
    width: 63px;
    height: 82px;
    overflow: hidden;
    position: relative;
}

.hezi-launch-process .launch-process .process-item .online-words .words-item .item-inner {
    position: absolute;
    left: 0;
    top: 100%;
    width: 63px;
    height: 82px;
    background: url("../images/index-21.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/index-21.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/index-21.png*/ center bottom no-repeat;
    line-height: 44px;
    text-align: center;
}

.hezi-launch-process .launch-process .process-item .online-pic {
    position: absolute;
    top: 18px;
    left: 0;
    padding-left: 329px;
    height: 101px;
    overflow: hidden;
}

.hezi-launch-process .launch-process .process-item .online-pic .pic-item {
    width: 134px;
    height: 101px;
    position: relative;
    overflow: hidden;
}

.hezi-launch-process .launch-process .process-item .online-pic .pic-item .item-inner {
    position: absolute;
    top: 100%;
    left: 0;
    background: url("../images/index-23.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/index-23.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/index-23.png*/ center bottom no-repeat;
    width: 134px;
    height: 101px;
}

.hezi-launch-process.showtime .launch-process .process-item .originally {
    -webkit-animation: visibility-hidden 0.5s linear;
    animation: visibility-hidden 0.5s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.hezi-launch-process.showtime .launch-process .process-item .online {
    -webkit-animation: left-to-right 0.5s linear;
    animation: left-to-right 0.5s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.hezi-launch-process.showtime .launch-process .process-item .new-online .new-online-inner .online-img {
    -webkit-animation: left-to-right 0.5s linear;
    animation: left-to-right 0.5s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.hezi-launch-process.showtime .launch-process .process-item .new-online .new-online-inner .online-bounce-bar {
    -webkit-animation: left-to-right 0.5s linear;
    animation: left-to-right 0.5s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.hezi-launch-process.showtime .launch-process .process-item .new-online .new-online-inner .online-bounce-bar .bounce-bar-inner .online-bounce-pc {
    -webkit-animation: pc-bounce-left 0.5s linear 1s;
    animation: pc-bounce-left 0.5s linear 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.hezi-launch-process.showtime .launch-process .process-item .new-online .new-online-inner .online-bounce-bar .bounce-bar-inner .online-bounce-phone {
    -webkit-animation: phone-bounce-left 0.5s linear 1s;
    animation: phone-bounce-left 0.5s linear 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.hezi-launch-process.showtime .launch-process .online-words .words-item .item-inner {
    -webkit-animation: bottom-to-top 0.15s linear 0.5s;
    animation: bottom-to-top 0.15s linear 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.hezi-launch-process.showtime .launch-process .online-words .words-item:nth-of-type(2) .item-inner {
    -webkit-animation: bottom-to-top 0.15s linear 0.65s;
    animation: bottom-to-top 0.15s linear 0.65s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.hezi-launch-process.showtime .launch-process .online-words .words-item:nth-of-type(3) .item-inner {
    -webkit-animation: bottom-to-top 0.15s linear 0.8s;
    animation: bottom-to-top 0.15s linear 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.hezi-launch-process.showtime .launch-process .online-words .words-item:nth-of-type(4) .item-inner {
    -webkit-animation: bottom-to-top 0.15s linear 0.95s;
    animation: bottom-to-top 0.15s linear 0.95s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.hezi-launch-process.showtime .launch-process .online-words .words-item:nth-of-type(5) .item-inner {
    -webkit-animation: bottom-to-top 0.15s linear 1.1s;
    animation: bottom-to-top 0.15s linear 1.1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.hezi-launch-process.showtime .launch-process .online-pic .item-inner {
    -webkit-animation: bottom-to-top 0.3s linear 1s;
    animation: bottom-to-top 0.3s linear 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes visibility-hidden {
    0% {
        visibility: visible;
    }
    0% {
        visibility: hidden;
    }
}

@-moz-keyframes visibility-hidden {
    0% {
        visibility: visible;
    }
    0% {
        visibility: hidden;
    }
}

@keyframes visibility-hidden {
    0% {
        visibility: visible;
    }
    100% {
        visibility: hidden;
    }
}

@-webkit-keyframes bottom-to-top {
    0% {
        top: 100%;
    }
    100% {
        top: 0;
    }
}

@-moz-keyframes bottom-to-top {
    0% {
        top: 100%;
    }
    100% {
        top: 0;
    }
}

@keyframes bottom-to-top {
    0% {
        top: 100%;
    }
    100% {
        top: 0;
    }
}

@-webkit-keyframes pc-bounce-left {
    0% {
        right: 256px;
    }
    100% {
        right: 296px;
    }
}

@-moz-keyframes pc-bounce-left {
    0% {
        right: 256px;
    }
    100% {
        right: 296px;
    }
}

@keyframes pc-bounce-left {
    0% {
        right: 256px;
    }
    100% {
        right: 296px;
    }
}

@-webkit-keyframes phone-bounce-left {
    0% {
        right: 124px;
    }
    100% {
        right: 148px;
    }
}

@-moz-keyframes phone-bounce-left {
    0% {
        right: 124px;
    }
    100% {
        right: 148px;
    }
}

@keyframes phone-bounce-left {
    0% {
        right: 124px;
    }
    100% {
        right: 148px;
    }
}

@-webkit-keyframes scale {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.2);
    }
}

@-moz-keyframes scale {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.2);
    }
}

@keyframes scale {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.2);
    }
}

.hezi-deeplink-block {
    background: #f6f6f6 url("../images/index-26.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/index-26.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/index-26.png*/ center no-repeat;
}

.hezi-deeplink-block .deeplink-tab-bar {
    margin-top: 62px;
    width: 1200px;
    height: 32px;
    vertical-align: middle;
    text-align: center;
    background: url("../images/index-29.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/index-29.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/index-29.png*/ center top no-repeat;
}

.hezi-deeplink-block .deeplink-tab-bar .deeplink-tab {
    display: inline-block;
    font-size: 20px;
    color: #4d4d4d;
    text-align: center;
    width: 216px;
    cursor: pointer;
}

.hezi-deeplink-block .deeplink-tab-bar .deeplink-tab.cur {
    color: #fff;
}

.hezi-deeplink-block .deeplink-images {
    margin-top: 62px;
    padding: 0 10px;
    text-align: center;
}

.hezi-deeplink-block .deeplink-images .img-2 {
    display: none;
}

.hezi-user-block {
    margin-top: 80px;
}

.hezi-user-block .user-item {
    width: 232px;
    height: 84px;
    margin: 0 auto 8px;
    background-color: #FFF;
}

.hezi-user-block .user-item img {
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    -ms-opacity: 0.3;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.hezi-user-block .user-item:hover img {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}

.hezi-data-block .hezi-data-head {
    padding-bottom: 20px;
}

.hezi-data-block .hezi-data-body {
    width: 100%;
    height: 444px;
    background: url("../images/index-bg-1.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/index-bg-1.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/index-bg-1.png*/ center no-repeat;
}

.hezi-data-block .hezi-data-body .data-pic-item {
    margin: 0 auto;
    width: 261px;
    height: 272px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}

.hezi-data-block .hezi-data-body .data-pic-name {
    width: 100%;
    height: 61px;
    line-height: 61px;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.hezi-operational-skills {
    padding-top: 56px;
}

.hezi-operational-skills .operational-skills-inner {
    margin: 0 auto;
    width: 370px;
    height: auto;
}

.hezi-operational-skills .operational-skills-inner .skills-card {
    overflow: hidden;
}

.hezi-operational-skills .operational-skills-inner .skills-card .card-images {
    width: 370px;
    height: 197px;
    overflow: hidden;
}

.hezi-operational-skills .operational-skills-inner .skills-card .card-images img:hover {
    /* -webkit-animation: scale 0.3s linear;
          animation: scale 0.3s linear; */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.hezi-operational-skills .operational-skills-inner .skills-card .card-body {
    width: 100%;
    height: 121px;
    background-color: #FFF;
    border: 1px solid #e8e8e8;
    border-top: none;
    padding: 14px 16px 0;
}

.hezi-operational-skills .operational-skills-inner .skills-card .card-body .hezi-article-title {
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hezi-operational-skills .operational-skills-inner .skills-card .card-body .hezi-article-title a {
    color: #4d4d4d;
}

.hezi-operational-skills .operational-skills-inner .skills-card .card-body .hezi-article-title a:hover {
    color: #ff4c4e;
}

.hezi-operational-skills .operational-skills-inner .skills-card .card-body .hezi-article-detail {
    font-size: 12px;
    color: #999;
    height: 36px;
    margin-top: 8px;
}

.hezi-operational-skills .operational-skills-inner .skills-card .card-body .hezi-article-time {
    text-align: right;
    font-size: 12px;
    color: #999;
    margin-top: 6px;
}

.hezi-operational-skills .operational-skills-inner .operational-skills-list {
    padding: 0 16px;
    margin-top: 12px;
}

.hezi-operational-skills .operational-skills-inner .operational-skills-list .hezi-article-link {
    display: block;
    font-size: 12px;
    color: #999;
}

.hezi-operational-skills .operational-skills-inner .operational-skills-list .hezi-article-link .hezi-article-title {
    float: left;
    width: 246px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hezi-operational-skills .operational-skills-inner .operational-skills-list .hezi-article-link .hezi-article-time {
    float: right;
}

.hezi-operational-skills .operational-skills-inner .operational-skills-list .hezi-article-link:hover {
    color: #ff4c4e;
}

.fast-access-block .container {
    padding: 36px 10px 0;
}

.fast-access-block .fast-access-title {
    font-size: 26px;
    color: #4d4d4d;
    position: relative;
    line-height: 30px;
    padding-left: 15px;
}

.fast-access-block .fast-access-title:before {
    content: '';
    width: 7px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #f77053;
    background: -moz-linear-gradient(left, #f77053 0%, #e44b5d 100%);
    background: -webkit-linear-gradient(left, #f77053 0%, #e44b5d 100%);
    background: linear-gradient(to right, #f77053 0%, #e44b5d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f77053', endColorstr='#e44b5d', GradientType=1);
}

.fast-access-block .hezi-system-integration {
    margin-top: 36px;
    border-top: 2px solid #d0d0d0;
    border-bottom: 2px solid #d0d0d0;
    padding: 40px;
    margin-bottom: 40px;
}

.fast-access-block .hezi-system-integration .integration-cards {
    margin-left: 36px;
}

.fast-access-block .hezi-system-integration .integration-cards .integration-card-list {
    width: 939px;
    height: 185px;
    background: url("../images/fast-02.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/fast-02.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/fast-02.png*/ center no-repeat;
    padding: 12px 12px 26px 12px;
}

.fast-access-block .hezi-system-integration .integration-cards .integration-card-list .card-list-item {
    width: 454px;
    height: 146px;
}

.fast-access-block .hezi-system-integration .integration-cards .integration-card-list .card-list-item .card-list-item-inner {
    width: 454px;
    height: 146px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    color: #4d4d4d;
}

.fast-access-block .hezi-system-integration .integration-cards .integration-card-list .card-list-item .card-list-item-inner p {
    text-align: center;
}

.fast-access-block .hezi-system-integration .integration-cards .integration-card-list .card-list-item .card-list-item-inner a {
    color: #4d4d4d;
}

.fast-access-block .hezi-system-integration .integration-cards .integration-card-list .card-list-item .card-list-item-inner a:hover {
    color: #29abe2;
}

.fast-access-block .hezi-system-integration .integration-cards .integration-card-list .card-list-item .card-list-item-inner.hezi-register {
    background: url("../images/fast-03.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/fast-03.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/fast-03.png*/ center no-repeat;
}

.fast-access-block .hezi-system-integration .integration-cards .integration-card-list .card-list-item .card-list-item-inner.hezi-configure {
    background: url("../images/fast-05.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/fast-05.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/fast-05.png*/ center no-repeat;
}

.fast-access-block .hezi-system-integration .integration-cards .integration-card-list .card-list-item .card-list-item-inner.hezi-SDK {
    background: url("../images/fast-06.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/fast-06.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/fast-06.png*/ center no-repeat;
}

.fast-access-block .hezi-system-integration .integration-cards .integration-card-list .card-list-item.h-right {
    padding-left: 100px;
}

.fast-access-block .hezi-system-integration .integration-cards .integration-card-list .card-list-item.h-right .card-list-item-inner p {
    text-align: left;
}

.fast-access-block .hezi-system-integration .integration-cards .integration-card-list.card-bg-sen {
    background: url("../images/fast-04.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/fast-04.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/fast-04.png*/ center no-repeat;
}

.fast-access-block .hezi-system-integration .integration-num {
    padding-top: 68px;
}

.fast-access-block .hezi-last-integration {
    text-align: center;
    font-size: 14px;
    color: #999;
    margin: 20px 0 0;
}

.hezi-download-block {
    text-align: center;
    padding: 34px 0;
}

.hezi-download-block .download-item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 1px;
    width: 362px;
    height: 182px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    padding: 34px;
}

.hezi-download-block .download-item .item-table {
    width: 294px;
    display: table-cell;
    text-align: left;
}

.hezi-download-block .download-item .item-table .hezi-table-center {
    display: inline-block;
    vertical-align: middle;
    margin-left: 14px;
}

.hezi-download-block .download-item .item-table .hezi-table-center .hezi-plus-title {
    font-size: 26px;
    color: #4d4d4d;
    padding-bottom: 10px;
    position: relative;
}

.hezi-download-block .download-item .item-table .hezi-table-center .hezi-plus-title:after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #4d4d4d;
    position: absolute;
    bottom: 0;
    left: 0;
}

.hezi-download-block .download-item .item-table .hezi-table-center .hezi-stitle {
    font-size: 22px;
    color: #333;
}

.hezi-download-block .download-item .item-table .hezi-code-pic {
    display: inline-block;
    vertical-align: middle;
}

.hezi-download-block .download-item .button-table {
    margin-top: 34px;
}

.hezi-download-block .download-item .button-table .download-button {
    font-size: 14px;
    color: #fff;
    background: #f77053;
    background: -moz-linear-gradient(left, #f77053 0%, #e44b5d 100%);
    background: -webkit-linear-gradient(left, #f77053 0%, #e44b5d 100%);
    background: linear-gradient(to right, #f77053 0%, #e44b5d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f77053', endColorstr='#e44b5d', GradientType=1);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    padding: 2px 12px;
    margin: 0 8px;
    cursor: pointer;
    border: none;
}

.hezi-download-block .download-item.item-two {
    width: 545px;
    height: 181px;
}

.hezi-download-block .download-item.item-two .item-table {
    width: 477px;
}

.hezi-download-block .download-item.item-two .item-table .hezi-table-center {
    width: 290px;
}

.hezi-nav-full {
    height: 60px;
    width: 100%;
}

/* === 2017-05-15 运营学院 === */
.hezi-top-bar {
    width: 100%;
    height: 30px;
    background-color: #373d41;
}

.hezi-top-bar .top-bar-list {
    float: right;
    height: 30px;
}

.hezi-top-bar .top-bar-list li {
    float: left;
    height: 30px;
    margin: 0 10px;
}

.hezi-top-bar .top-bar-list li a {
    color: #fff;
    display: block;
    line-height: 30px;
}

.hezi-top-bar .top-bar-list li a:hover {
    color: #ff4c4e;
}

.hezi-top-bar .top-bar-list li.block-button {
    margin-right: 0;
    margin-left: 30px;
}

.hezi-top-bar .top-bar-list li.block-button a {
    width: 120px;
    text-align: center;
}

.hezi-top-bar .top-bar-list li.block-button a:hover {
    color: #fff;
}

.operate-layout {
    padding-bottom: 60px;
}

.operate-layout .operate-left {
    float: left;
    width: 888px;
}

.operate-layout .operate-right {
    float: right;
    width: 282px;
    position: relative;
}

.operate-layout .operate-right .operate-right-inner {
    width: 100%;
    height: auto;
}

.operate-layout .operate-right .operate-right-inner.fixed {
    position: fixed;
    z-index: 10;
}

.operate-layout .operate-right.absolute {
    position: absolute;
    right: 0;
}

.operate-layout .operate-right .block-item {
    width: 282px;
    height: auto;
    background-color: #FFF;
}

.operate-banner .operate-banner-left {
    width: 596px;
    height: 320px;
    float: left;
}

.operate-banner .operate-banner-right {
    float: right;
    width: 282px;
}

.operate-banner .operate-banner-right .banner-item {
    width: 282px;
    height: 155px;
    position: relative;
    overflow: hidden;
}

.operate-banner .operate-banner-right .banner-item img {
    width: 100%;
    height: auto;
}

.operate-banner .operate-banner-right .banner-item .banner-shadow {
    width: 100%;
    height: 38px;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    line-height: 38px;
    padding: 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.operate-banner .operate-banner-right .banner-item.banner-bottom {
    margin-top: 10px;
}

.swiper-container.operate-swiper-banner {
    width: 596px;
    height: 320px;
}

.swiper-container.operate-swiper-banner .swiper-slide {
    width: 100%;
    height: 100%;
}

.swiper-container.operate-swiper-banner .swiper-slide .banner-link {
    display: block;
}

.swiper-container.operate-swiper-banner .swiper-slide .banner-link img {
    width: 100%;
    height: auto;
}

.swiper-container.operate-swiper-banner .swiper-slide .banner-link .banner-shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 48px;
    line-height: 48px;
    padding-right: 140px;
    padding-left: 14px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.swiper-container.operate-swiper-banner .swiper-pagination {
    width: 100%;
    height: 48px;
    line-height: 48px;
    bottom: 0;
    text-align: right;
    padding: 0 13px;
}

.swiper-container.operate-swiper-banner .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border: 1px solid #fff;
    background: none;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}

.swiper-container.operate-swiper-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #FFF;
}

.hezi-article-block {
    width: 888px;
}

.hezi-article-block .label-page-title {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 14px;
    line-height: 50px;
    background-color: #FFF;
}

.hezi-article-block .label-page-title span {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #ff4c4e;
    margin-left: 6px;
}

.hezi-article-block .label-page-title .label-icon {
    width: 14px;
    height: 14px;
    background: url("../images/label-icon.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/label-icon.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/label-icon.png*/ left center no-repeat;
    border-right: 1px solid #999;
    padding-right: 10px;
}

.hezi-article-block .article-lists {
    position: relative;
    padding: 30px 20px;
    background-color: #FFF;
}

.hezi-article-block .article-lists:after {
    content: '';
    position: absolute;
    width: 848px;
    height: 1px;
    background-color: #eee;
    position: absolute;
    bottom: 0;
    left: 20px;
    z-index: 10;
}

.hezi-article-block .article-lists .article-img {
    width: 202px;
    height: 151px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin-right: 22px;
}

.hezi-article-block .article-lists .article-img img {
    width: 100%;
    height: auto;
}

.hezi-article-block .article-lists .article-img ~ .article-content {
    width: 620px;
}

.hezi-article-block .article-lists .article-img + .article-content {
    width: 620px;
}

.hezi-article-block .article-lists .article-content {
    display: inline-block;
    vertical-align: top;
    height: 151px;
    width: 100%;
}

.hezi-article-block .article-lists .article-content .article-title {
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: none;
}

.hezi-article-block .article-lists .article-content .article-title a {
    color: #333;
}

.hezi-article-block .article-lists .article-content .article-author {
    font-size: 12px;
    color: #999;
    margin-top: 10px;
}

.hezi-article-block .article-lists .article-content .article-author .author-avatar {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.hezi-article-block .article-lists .article-content .article-author .author-avatar img {
    width: 100%;
    height: auto;
}

.hezi-article-block .article-lists .article-content .article-author .author-name {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    margin-left: 8px;
}

.hezi-article-block .article-lists .article-content .article-introduce {
    margin-top: 10px;
    font-size: 14px;
    height: 42px;
    color: #333;
}

.hezi-article-block .article-lists .article-content .article-other-link {
    font-size: 12px;
    margin-top: 8px;
    color: #999;
}

.hezi-article-block .article-lists .article-content .article-other-link .article-label {
    font-size: 12px;
    color: #999;
    border: 1px solid #999;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    margin-right: 10px;
}

.hezi-article-block .article-lists .article-content .article-other-link .article-label:hover {
    color: #ff4c4e;
    border-color: #ff4c4e;
}

.hezi-article-block .article-lists .article-content .article-other-link .article-reading {
    margin-left: 20px;
}

.hezi-article-block .article-lists .article-content .article-other-link .article-other {
    float: right;
    color: #2db7f5;
    font-size: 12px;
    margin-left: 8px;
}

.hezi-article-block .article-lists:hover {
    background-color: #fafafc;
}

.hezi-article-block .article-lists:hover .article-content .article-title a {
    color: #ff4c4e;
}

.hezi-article-block .article-lists-block {
    display: none;
}

.hezi-article-block .article-lists-block.active {
    display: block;
}

.article-butotns-tab {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 4px;
    background-color: #FFF;
}

.article-butotns-tab .tab-link {
    float: left;
    height: 50px;
    font-size: 18px;
    margin: 0 14px;
}

.article-butotns-tab .tab-link.active a {
    color: #ff4c4e;
}

.article-butotns-tab .tab-link.active a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #ff4c4e;
}

.article-butotns-tab .tab-link a {
    color: #666;
    line-height: 50px;
    display: block;
    position: relative;
}

.article-butotns-tab.activity-list-tab .tab-link {
    margin: 0 30px;
}

.hezi-advert-block {
    position: relative;
    padding-top: 42px;
    padding-bottom: 34px;
    text-align: center;
    font-size: 12px;
    color: #999;
}

.hezi-advert-block .advert-head {
    width: 84px;
    height: 84px;
    background-color: rgba(255, 255, 255, 0.6);
    position: absolute;
    left: 50%;
    top: -42px;
    margin-left: -42px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.hezi-advert-block .advert-head .advert-head-inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.hezi-advert-block .advert-head .advert-head-inner .advert-head-content {
    position: absolute;
    width: 74px;
    height: 74px;
    background-color: #FFF;
    top: 5px;
    left: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.hezi-advert-block .advert-head .advert-head-inner .advert-head-content img {
    width: 100%;
    height: auto;
}

.hezi-advert-block .advert-title {
    font-size: 16px;
    color: #333;
    margin-top: 10px;
    padding: 0 10px;
}

.hezi-advert-block .advert-content {
    margin-top: 10px;
    line-height: 20px;
}

.hezi-advert-block .advert-content p {
    text-align: center;
}

.hezi-advert-block .advert-btn {
    width: 120px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 14px;
    margin: 34px auto 0;
    color: #ff4c4e;
    border: 1px solid #ff4c4e;
    color: #fff;
    background: #f77053;
    background: -moz-linear-gradient(left, #f77053 0%, #e44b5d 100%);
    background: -webkit-linear-gradient(left, #f77053 0%, #e44b5d 100%);
    background: linear-gradient(to right, #f77053 0%, #e44b5d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f77053', endColorstr='#e44b5d', GradientType=1);
}

.hezi-advert-block .advert-btn:hover {
    color: #fff;
    background: #f77053;
    background: -moz-linear-gradient(left, #f77053 0%, #e44b5d 100%);
    background: -webkit-linear-gradient(left, #f77053 0%, #e44b5d 100%);
    background: linear-gradient(to right, #f77053 0%, #e44b5d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f77053', endColorstr='#e44b5d', GradientType=1);
}

.hezi-advert-block .advert-data {
    padding: 0 31px;
    margin-top: 30px;
}

.hezi-advert-block .advert-data .advert-data-item {
    width: 110px;
    float: left;
    text-align: center;
}

.hezi-advert-block .advert-data .advert-data-item .item-number {
    font-weight: bold;
    font-size: 16px;
    color: #333;
}

.hezi-advert-block .advert-data .advert-data-item .item-label {
    font-size: 12px;
    color: #999;
    margin-top: 12px;
}

.hezi-advert-block .advert-data .advert-data-item.border-right {
    position: relative;
}

.hezi-advert-block .advert-data .advert-data-item.border-right:after {
    content: '';
    position: absolute;
    right: 0;
    height: 16px;
    width: 1px;
    background-color: #e5e5e5;
    top: 20px;
}

.item-title-head {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #e5e5e5;
    padding: 24px 20px 0;
    position: relative;
}

.item-title-head .item-title {
    font-size: 16px;
    color: #333;
    position: relative;
    padding-left: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 16px;
}

.item-title-head .item-title:after {
    content: '';
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #f77053;
    background: -moz-linear-gradient(top, #f77053 0%, #e44b5d 100%);
    background: -webkit-linear-gradient(top, #f77053 0%, #e44b5d 100%);
    background: linear-gradient(to bottom, #f77053 0%, #e44b5d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f77053', endColorstr='#e44b5d', GradientType=0);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    border-radius: 1px;
}

.hezi-item-container {
    padding: 30px 20px 25px;
}

.hezi-item-container .item-label {
    display: inline-block;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    padding: 0 12px;
    color: #999;
    border: 1px solid #999;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    border-radius: 22px;
    margin: 0 10px 15px 0;
    float: left;
}

.hezi-item-container .item-label:hover {
    color: #ff4c4e;
    border-color: #ff4c4e;
}

.hezi-tab-list {
    display: none;
}

.hezi-tab-list.active {
    display: block;
}

.article-item-lists {
    margin-bottom: 15px;
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-item-lists .article-number {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    margin-right: 16px;
    background-color: #999;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

.article-item-lists .article-number.around {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.article-item-lists:first-of-type .article-number, .article-item-lists:nth-of-type(2) .article-number, .article-item-lists:nth-of-type(3) .article-number {
    background-color: #333;
}

.article-item-lists:hover {
    color: #ff4c4e;
}

.article-item-lists:hover .article-number {
    background-color: #ff4c4e;
}

.article-tab-bar {
    position: absolute;
    right: 10px;
    bottom: -1px;
}

.article-tab-bar .bar-button {
    float: left;
    position: relative;
    margin: 0 10px;
    font-size: 12px;
    color: #666;
    padding-bottom: 10px;
    cursor: default;
}

.article-tab-bar .bar-button.active {
    color: #ff4c4e;
}

.article-tab-bar .bar-button.active:after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #ff4c4e;
    position: absolute;
    bottom: 0;
    left: 0;
}

.article-recommend-list {
    display: block;
    padding-bottom: 18px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
}

.article-recommend-list:last-of-type {
    border: none;
    margin-bottom: 0;
}

.article-recommend-list .article-recommend-img {
    float: left;
    width: 100px;
    height: 75px;
    overflow: hidden;
}

.article-recommend-list .article-recommend-content {
    float: left;
    width: 130px;
    margin-left: 12px;
    height: 64px;
    overflow: hidden;
    padding: 8px 0 0;
    font-size: 12px;
    color: #666;
}

.article-recommend-list .article-recommend-content p {
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.article-recommend-list:hover .article-recommend-content {
    color: #ff4c4e;
}

.hezi-solve-case {
    width: 282px;
    height: 232px;
    background: url("../images/solve.jpeg")/*tpa=http://app.zdwhs.com/huodonghezi/images/solve.jpg*//*tpa=http://app.zdwhs.com/huodonghezi/images/solve.jpg*/ center no-repeat;
    text-align: center;
    padding-top: 32px;
}

.hezi-solve-case .solve-case-title {
    color: #fff;
    font-size: 28px;
    line-height: 28px;
}

.hezi-solve-case .solve-case-content {
    width: 242px;
    height: 68px;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin: 19px auto 0;
    padding-top: 12px;
}

.hezi-solve-case .solve-case-content p {
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.hezi-solve-case .solve-case-button {
    width: 120px;
    height: 36px;
    display: block;
    margin: 20px auto 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 36px;
    background: #2e87ff;
    background: -moz-linear-gradient(left, #2e87ff 0%, #00ccff 100%);
    background: -webkit-linear-gradient(left, #2e87ff 0%, #00ccff 100%);
    background: linear-gradient(to right, #2e87ff 0%, #00ccff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e87ff', endColorstr='#00ccff', GradientType=1);
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) inset;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.search-layout {
    display: none;
    background-color: #FFF;
    width: 1200px;
    margin: 0 auto 60px;
    padding: 75px 0;
}

.search-layout .hezi-search-bar {
    width: 644px;
    height: 40px;
    margin: 0 auto 50px;
}

.search-layout .hezi-search-bar .search-input {
    float: left;
    width: 524px;
    height: 40px;
    border: 1px solid #b1b1b7;
    padding: 9px 10px;
    font-size: 16px;
    -webkit-box-shadow: 0 38px 0 #fff inset;
    -moz-box-shadow: 0 38px 0 #fff inset;
    box-shadow: 0 38px 0 #fff inset;
}

.search-layout .hezi-search-bar .search-button {
    float: right;
    width: 120px;
    height: 40px;
    color: #fff;
    border: none;
    font-size: 14px;
    background-color: #b1b1b7;
    cursor: pointer;
}

.search-layout .search-title {
    width: 644px;
    margin: 10px auto 0;
    font-size: 16px;
    color: #333;
    position: relative;
    padding-left: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 16px;
}

.search-layout .search-title:after {
    content: '';
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #f77053;
    background: -moz-linear-gradient(top, #f77053 0%, #e44b5d 100%);
    background: -webkit-linear-gradient(top, #f77053 0%, #e44b5d 100%);
    background: linear-gradient(to bottom, #f77053 0%, #e44b5d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f77053', endColorstr='#e44b5d', GradientType=0);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    border-radius: 1px;
}

.search-layout .search-labels {
    width: 644px;
    margin: 0 auto;
    padding-top: 24px;
}

.search-layout .search-labels .search-label {
    font-size: 14px;
    color: #999;
    margin-right: 56px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
}

.search-layout .search-labels .search-label:nth-of-type(6n) {
    margin-right: 0;
}

.search-layout .search-labels .search-label:hover {
    color: #ff4c4e;
}

.search-layout .search-article-lists {
    width: 666px;
    margin: 20px auto 0;
}

.search-layout .search-article-lists .search-article-list {
    width: 222px;
}

.search-layout .search-article-lists .search-article-list .article-card .card-img {
    height: 128px;
}

.search-layout .search-article-lists .search-article-list .article-card .card-content {
    width: 202px;
    height: 66px;
}

/*.search-layout .search-article-lists .search-article-list .article-card .card-title {*/
/*text-align: center;*/
/*}*/

.operate-article-card {
    float: left;
    padding: 10px 10px 0;
}

.operate-article-card .article-card {
    width: 100%;
    background-color: #FFF;
}

.operate-article-card .article-card .card-img {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.operate-article-card .article-card .card-img img {
    width: 100%;
    height: auto;
}

.operate-article-card .article-card .card-content {
    padding: 16px;
    border: 1px solid #e5e5e5;
    border-top: none;
}

/*.operate-article-card .article-card .card-content .card-title {*/
/*font-size: 14px;*/
/*}*/

.operate-article-card .article-card .card-content .card-title a {
    color: #333;
}

.operate-article-card .article-card .card-content.table-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 0 16px;
    height: 66px;
}

.operate-article-card:hover {
    background-color: #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.operate-article-card:hover .article-card .card-content {
    border: none;
}

.operate-article-card:hover .article-card .card-content .card-title a {
    color: #ff4c4e;
}

.operate-crumbs .hezi-crumbs {
    padding: 30px 0;
}

.operate-crumbs .hezi-crumbs a {
    color: #333;
}

.operate-crumbs .hezi-crumbs a:hover {
    color: #ff4c4e;
}

.operate-crumbs .hezi-crumbs span {
    color: #333;
}

.hezi-pagination {
    padding: 28px;
    border-top: 1px solid #e6e6e6;
}

.hezi-pagination ul {
    width: 600px;
    margin: 0 auto;
}

.hezi-pagination ul li {
    float: left;
    margin: 0 10px;
}

.hezi-pagination ul li a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #cfcfcf;
    color: #666;
    font-size: 14px;
}

.hezi-pagination ul li a:hover {
    color: #ff4c4e;
    border-color: #ff4c4e;
}

.hezi-pagination ul li a.pagination-cur {
    color: #fff;
    background-color: #ff4c4e;
    border-color: #ff4c4e;
}

.hezi-pagination ul li a.pagination-none:hover {
    color: #666;
    border-color: #cfcfcf;
}

.activity-select-tab {
    height: 50px;
    padding-top: 10px;
    padding-right: 10px;
}

.activity-select-tab .hezi-select {
    margin-right: 5px;
}

.hezi-select {
    height: 30px;
    padding: 0 8px;
    border: 1px solid #ccc;
    min-width: 80px;
    font-size: 12px;
    color: #333;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    background: url("../images/select-arrow.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/select-arrow.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/select-arrow.png*/ 88% center no-repeat;
}

.activity-lists-block {
    padding: 20px 10px 10px;
}

.activity-lists-block .activity-card {
    width: 295px;
    height: 322px;
    margin-bottom: 20px;
    overflow: hidden;
}

.activity-lists-block .activity-card .card-img {
    width: 275px;
    height: 178px;
}

.activity-lists-block .activity-card .card-content .card-title {
    height: 48px;
    overflow: hidden;
    font-size: 16px;
    margin-bottom: 8px;
}

.activity-lists-block .activity-card .card-content p {
    font-size: 12px;
    color: #999;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-result-title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 18px;
    font-size: 18px;
    color: #999;
    border-bottom: 1px solid #e5e5e5;
    background-color: #FFF;
}

.search-result-title h1 {
    display: inline;
    color: #ff4c4e;
}

.search-result-title span {
    color: #ff4c4e;
}

.hezi-article-page {
    background-color: #FFF;
    border: 1px solid #eee;
    padding: 28px 0 0;
}

.hezi-article-page .article-layout {
    padding: 0 29px;
}

.hezi-article-page .article-layout .article-title {
    font-size: 24px;
    color: #333;
    line-height: 30px;
}

.hezi-article-page .article-layout .article-subtitle {
    margin-top: 12px;
    font-size: 14px;
    color: #999;
    position: relative;
}

.hezi-article-page .article-layout .article-subtitle a {
    color: #2db7f5;
}

.hezi-article-page .article-layout .article-subtitle span {
    margin-right: 26px;
}

.hezi-article-page .article-layout .article-subtitle .article-classify span {
    margin-right: 8px;
    position: relative;
    padding-right: 8px;
}

.hezi-article-page .article-layout .article-subtitle .article-classify span:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 80%;
    top: 10%;
    right: 0;
    background-color: #e5e5e5;
}

.hezi-article-page .article-layout .article-subtitle .article-classify span:last-of-type {
    padding-right: 0;
    margin-right: 0;
}

.hezi-article-page .article-layout .article-subtitle .article-classify span:last-of-type:after {
    display: none;
}

.hezi-article-page .article-layout .article-subtitle .activity-join-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 78px;
    height: 30px;
    border: 1px solid #ff4c4e;
    color: #ff4c4e;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

.hezi-article-page .article-layout .advertising-words {
    margin-top: 34px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #81d4f9;
    background: #f2fbfe;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 14px;
    color: #666;
}

.hezi-article-page .article-layout .advertising-words .advertising-words-icon {
    width: 12px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    background: url("../images/ling-icon.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/ling-icon.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/ling-icon.png*/ center no-repeat;
    margin-right: 8px;
}

.hezi-article-page .article-layout .advertising-words a {
    color: #2db7f5;
    text-decoration: underline;
}

.hezi-article-page .article-layout .article-abstract {
    background-color: #f6f6f6;
    color: #999;
    font-size: 14px;
    padding: 10px 16px;
    border: 1px solid #eee;
    margin-top: 30px;
}

.hezi-article-page .article-layout .article-container {
    padding: 20px 0;
    font-size: 16px;
    color: #666;
}

.hezi-article-page .article-layout .article-container img {
    display: block;
    width: 100%;
    height: auto !important;
    margin-bottom: 20px;
    margin: 0 auto;
}

.hezi-article-page .article-layout .article-container p {
    margin-bottom: 10px;
    line-height: 28px;
}

.hezi-article-page .article-layout .article-container h2 {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 12px;
    margin-top: 25px;
}

.hezi-article-page .article-layout .article-container h3 {
    font-size: 18px;
    color: #333;
    padding-left: 14px;
    line-height: 18px;
    position: relative;
    margin-top: 30px;
    margin-bottom: 16px;
}

.hezi-article-page .article-layout .article-container h3:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #00baf3;
    background: -moz-linear-gradient(top, #59d6ff 0%, #59b3ff 100%);
    background: -webkit-linear-gradient(top, #59d6ff 0%, #59b3ff 100%);
    background: linear-gradient(to bottom, #59d6ff 0%, #59b3ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59d6ff', endColorstr='#59b3ff', GradientType=0);
}

.hezi-article-page .article-layout .share-and-label {
    margin-top: 20px;
}

.hezi-article-page .article-layout .share-and-label .article-label {
    float: left;
    font-size: 12px;
    color: #999;
    background-color: #f6f6f6;
    padding: 6px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin-right: 20px;
}

.hezi-article-page .article-layout .share-and-label .article-share-btn {
    float: right;
}

.hezi-article-page .article-layout .share-and-label .article-share-btn .bdsharebuttonbox a {
    width: 113px;
    height: 32px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 20px;
}

.hezi-article-page .article-layout .share-and-label .article-share-btn .bdsharebuttonbox .bds_weixin {
    background: url("../images/wechat.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/wechat.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/wechat.png*/ center no-repeat;
    margin-right: 0;
}

.hezi-article-page .article-layout .share-and-label .article-share-btn .bdsharebuttonbox .bds_tsina {
    background: url("../images/sina.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/sina.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/sina.png*/ center no-repeat;
    margin-right: 0;
}

.hezi-article-page .article-layout .article-pagination {
    padding: 23px 0 0;
    border-bottom: 1px solid #e5e5e5;
}

.hezi-article-page .article-layout .article-pagination .pagination-list {
    margin-bottom: 23px;
    font-size: 14px;
    color: #333;
}

.hezi-article-page .article-layout .article-pagination .pagination-list span {
    float: left;
}

.hezi-article-page .article-layout .article-pagination .pagination-list .pagination-name {
    width: 760px;
}

.hezi-article-page .article-layout .article-pagination .pagination-list a {
    color: #333;
}

.hezi-article-page .article-layout .article-pagination .pagination-list a:hover {
    color: #ff4c4e;
}

.hezi-article-page .other-articles {
    padding: 0 20px;
}

.hezi-article-page .other-articles .other-articles-lists {
    padding-top: 20px;
    padding-bottom: 10px;
}

.hezi-article-page .other-articles .other-articles-lists .other-articles-list {
    width: 282px;
}

.hezi-article-page .other-articles .other-articles-lists .other-articles-list .article-card .card-img {
    width: 262px;
    height: 180px;
}

.hezi-article-page .other-articles .other-articles-lists .other-articles-list .article-card .card-content {
    width: 262px;
}

.hezi-article-page .other-articles .other-articles-lists .other-articles-list .article-card .card-content .card-title {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.hezi-article-page .article-comment {
    padding: 0 29px 26px;
}

.comment-block {
    margin-top: 30px;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}

.comment-block .comment-text {
    border-bottom: 1px solid #eee;
    padding: 14px 8px;
    min-height: 46px;
    font-size: 14px;
}

.comment-block .comment-text.bg-full {
    background-color: #eee;
}

.comment-block .comment-text input {
    width: 100%;
    border: none;
}

.comment-block .comment-text textarea {
    width: 100%;
    border: none;
    resize: none;
}

.comment-block .comment-text .code-text {
    width: 120px;
    height: 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    padding: 0 10px;
    margin-right: 10px;
}

.comment-block .comment-text .comment-submit {
    float: right;
    width: 62px;
    height: 30px;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    background-color: #ff4c4e;
    border: none;
    margin-right: 12px;
    cursor: pointer;
}

.comment-lists-block {
    padding: 10px 29px 20px;
}

.comment-lists-block .comment-list {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 26px;
    padding-bottom: 18px;
}

.comment-lists-block .comment-list .commenter-head .commenter-name {
    font-size: 14px;
    color: #2db7f5;
}

.comment-lists-block .comment-list .comment-content {
    margin-top: 12px;
    font-size: 14px;
    color: #333;
}

.comment-lists-block .comment-list .reply-form {
    display: none;
    padding-top: 16px;
}

.comment-lists-block .comment-list .reply-form .reply-text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 68px;
    resize: none;
    border: 1px solid #ff4c4e;
    padding: 10px;
}

.comment-lists-block .comment-list .reply-form .reply-submit {
    width: 62px;
    height: 30px;
    border: 1px solid #ff4c4e;
    color: #ff4c4e;
    font-size: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin-left: auto;
    display: block;
    background-color: #FFF;
    margin-top: 18px;
}

.comment-lists-block .reply-bar {
    text-align: right;
    cursor: default;
}

.comment-lists-block .reply-bar .reply-button:hover {
    color: #ff4c4e;
}

.comment-lists-block .more-comment {
    overflow: hidden;
    display: none;
}

.comment-lists-block .more-btn-bar {
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}

.comment-lists-block .more-btn-bar span {
    display: inline-block;
    vertical-align: middle;
}

.comment-lists-block .more-btn-bar .arrow {
    width: 10px;
    height: 5px;
    background: url("../images/select-arrow.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/select-arrow.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/select-arrow.png*/ center no-repeat;
}

.comment-lists-block .more-btn-bar.more-up .arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.reply-list {
    background-color: #fafafc;
    border: 1px solid #e5e5e5;
    padding: 5px 8px 14px;
    font-size: 12px;
    color: #000;
    position: relative;
    margin-top: 18px;
}

.reply-list .reply-arrow {
    width: 22px;
    height: 11px;
    background: url("../images/up-arrow.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/up-arrow.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/up-arrow.png*/ center no-repeat;
    position: absolute;
    top: -11px;
    left: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.reply-list .user-reply-list {
    position: relative;
    padding-right: 40px;
    margin-top: 10px;
}

.reply-list .user-reply-list .replyer {
    color: #999;
}

.reply-list .user-reply-list .replyer span {
    color: #2db7f5;
}

.reply-list .user-reply-list .content-reply {
    font-size: 12px;
    color: #999;
    cursor: default;
    position: absolute;
    top: 0;
    right: 0;
}

.reply-list .user-reply-list .content-reply:hover {
    color: #ff4c4e;
}

.reply-list .user-reply-list .user-reply-list {
    padding-left: 20px;
    margin-top: 5px;
}

.article-loading-more {
    height: 48px;
    line-height: 48px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    margin-top: 20px;
    background-color: #FFF;
    display: none;
}

.article-loading-more a {
    display: block;
    line-height: 48px;
    color: #999;
}

.hezi-nav.hezi-operate-nav {
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    -o-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    -moz-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    -ms-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
}

.hezi-nav.hezi-operate-nav .nav-content {
    padding-right: 0;
}

.hezi-nav.hezi-operate-nav .nav-content .tool-body {
    width: 282px;
}

.hezi-nav {
    width: 100%;
    height: 60px;
    background-color: #fff;
}

.hezi-nav .nav-content {
    height: 60px;
    padding: 0 10px;
}

.hezi-nav .nav-content .amazing-logo {
    width: 146px;
    height: auto;
    margin-top: 12px;
}

.hezi-nav .nav-content .amazing-logo img {
    width: 100%;
    height: auto;
}

.hezi-nav .nav-content .tool-body {
    height: 60px;
}

.hezi-nav .nav-content .tool-body .tool-item {
    float: right;
    margin-left: 10px;
    line-height: 60px;
}

.hezi-nav .nav-content .tool-body .tool-item .btn {
    width: 78px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    margin-top: 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

.hezi-nav .nav-content .tool-body .tool-item .search-icon {
    display: block;
    width: 36px;
    height: 36px;
    background: url("../images/search-icon.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/search-icon.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/search-icon.png*/ center no-repeat;
    margin-top: 12px;
}

.hezi-nav .nav-content .tool-body .tool-item .search-icon.search-open {
    background: url("../images/search-close.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/search-close.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/search-close.png*/ center no-repeat;
}

.hezi-nav .nav-content .menu-body {
    width: auto;
    height: 60px;
    padding-right: 60px;
}

.hezi-nav .nav-content .menu-body .menu-item {
    float: left;
    line-height: 60px;
    position: relative;
}

.hezi-nav .nav-content .menu-body .menu-item:hover .second-level-menu {
    display: block;
}

.hezi-nav .nav-content .menu-body .menu-item a {
    padding: 0 10px;
    font-size: 14px;
    color: #4d4d4d;
    display: block;
}

.hezi-nav .nav-content .menu-body .menu-item a:hover {
    color: #ff4c4e;
}

.hezi-nav .nav-content .menu-body .menu-item.active a {
    color: #ff4c4e;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu {
    width: auto;
    height: auto;
    position: absolute;
    top: 40px;
    z-index: 1000;
    padding-top: 30px;
    display: none;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu.product-menu {
    left: -360px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu.product-menu .level-menu-inner {
    width: 1042px;
    margin-left: -67px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu.product-menu .hezi-triangle {
    left: 382px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu.case-menu {
    left: -310px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu.case-menu .level-menu-inner {
    width: 702px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu.case-menu .hezi-triangle {
    left: 342px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu.operate-menu {
    left: 0;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu.operate-menu .level-menu-block .level-menu-inner {
    width: 306px;
    padding: 26px 2px 6px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu.operate-menu .level-menu-block .level-menu-inner .level-menu-item {
    width: 100px;
    height: auto;
    margin-bottom: 20px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu.operate-menu .level-menu-block .level-menu-inner .level-menu-item .menu-container .menu-main {
    padding-top: 0;
    padding-right: 0;
    width: 100%;
    text-align: center;
    white-space: nowrap;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu.operate-menu .level-menu-block .level-menu-inner .level-menu-item .menu-container .menu-main .menu-name {
    margin-bottom: 0;
    font-size: 14px;
}

#wpaQQ {
    width: 49px;
    height: 49px;
    position: absolute;
    right: 10px;
    top: 10px;
}

#wpaQQ img {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 5px;
    right: 5px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .level-menu-block {
    position: relative;
    width: 100%;
    height: 100%;
}

/*.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .level-menu-block .hezi-triangle {*/
/*left: 391px;*/
/*}*/

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .level-menu-inner {
    height: auto;
    padding: 8px 10px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0 0 10px rgba(139, 139, 139, 0.3);
    -moz-box-shadow: 0 0 10px rgba(139, 139, 139, 0.3);
    box-shadow: 0 0 10px rgba(139, 139, 139, 0.3);
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .level-menu-inner .level-menu-item {
    width: 340px;
    float: left;
    height: 198px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .level-menu-inner .level-menu-item.border-right {
    border-right: 1px solid #eee;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .level-menu-inner .level-menu-item.border-bottom {
    border-bottom: 1px solid #eee;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    position: relative;
    z-index: 1;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-icon {
    float: left;
    width: 120px;
    height: 61px;
    margin-top: 68px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-icon.active-template {
    background: url("../images/menu-01.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-01.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-01.png*/ center top no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-icon.prize-distribution {
    background: url("../images/menu-02.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-02.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-02.png*/ center top no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-icon.delivery-system {
    background: url("../images/menu-03.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-03.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-03.png*/ center top no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-icon.scene-triggered {
    background: url("../images/menu-04.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-04.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-04.png*/ center top no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-icon.active-push {
    background: url("../images/menu-05.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-05.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-05.png*/ center top no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-icon.deeplink {
    background: url("../images/menu-06.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-06.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-06.png*/ center top no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-icon.saas-icon {
    background: url("../images/menu-07.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-07.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-07.png*/ center top no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-icon.private-cloud {
    background: url("../images/menu-08.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-08.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-08.png*/ center top no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-main {
    float: left;
    width: 218px;
    padding-top: 38px;
    padding-right: 20px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-main .menu-name {
    font-size: 16px;
    color: #666;
    margin-bottom: 16px;
    line-height: 18px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-main p {
    font-size: 12px;
    color: #b3b3b3;
    line-height: 18px;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container:hover {
    /* -webkit-box-shadow: 0px 0px 8px rgba(255, 76, 78, 0.3);
  -moz-box-shadow: 0px 0px 8px rgba(255, 76, 78, 0.3);
  box-shadow: 0px 0px 8px rgba(255, 76, 78, 0.3);
  background-color: #f2f2f2;
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  transform: scale(1.06);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s;
  z-index: 10;*/
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container:hover .menu-icon.active-template {
    background: url("../images/menu-01.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-01.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-01.png*/ center bottom no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container:hover .menu-icon.prize-distribution {
    background: url("../images/menu-02.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-02.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-02.png*/ center bottom no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container:hover .menu-icon.delivery-system {
    background: url("../images/menu-03.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-03.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-03.png*/ center bottom no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container:hover .menu-icon.scene-triggered {
    background: url("../images/menu-04.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-04.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-04.png*/ center bottom no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container:hover .menu-icon.active-push {
    background: url("../images/menu-05.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-05.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-05.png*/ center bottom no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container:hover .menu-icon.deeplink {
    background: url("../images/menu-06.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-06.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-06.png*/ center bottom no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container:hover .menu-icon.saas-icon {
    background: url("../images/menu-07.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-07.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-07.png*/ center bottom no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container:hover .menu-icon.private-cloud {
    background: url("../images/menu-08.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/menu-08.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/menu-08.png*/ center bottom no-repeat;
    -webkit-background-size: 61px auto;
    -moz-background-size: 61px auto;
    background-size: 61px auto;
}

.hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container:hover .menu-main .menu-name {
    color: #ff4c4e;
}

.hezi-nav.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    -o-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    -moz-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    -ms-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
}

.hezi-nav.nav-animation {
    -webkit-animation: slide-bottom 0.5s linear;
    animation: slide-bottom 0.5s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.hezi-nav.hezi-operate-nav {
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    -o-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    -moz-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    -ms-box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
    box-shadow: 0 2px 5px rgba(139, 139, 139, 0.2);
}

.hezi-nav.hezi-operate-nav .nav-content {
    padding-right: 0;
}

.hezi-nav.hezi-operate-nav .nav-content .tool-body {
    width: 282px;
}

#wpaQQ {
    width: 49px;
    height: 49px;
    position: absolute;
    right: 10px;
    top: 10px;
}

#wpaQQ img {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 5px;
    right: 5px;
}

.mt-30 {
    margin-top: 30px;
}

.pt-30 {
    padding-top: 30px;
}

#article-comment {
    float: left;
    width: 830px;
    background-color: #FFF;

}

.marginleft91 {
    margin-left: 91px;
}

a.tiyan_btn {
    margin-left: 40px;
    height: 35px;
    padding: 0 28px;
    line-height: 35px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    margin-right: 36px;
    color: #ff4c4e;
    background-color: rgba(255, 255, 255, 0.8);
    margin-top: 35px;
}

.tiyan_sen_btn {
    height: 35px;
    padding: 0 28px;
    line-height: 35px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    margin-right: 36px;
    color: #ff4c4e;
    background-color: rgba(255, 255, 255, 0.8);
    margin-top: 20px;
}

a.color1 {
    color: #662d91
}

a.color2 {
    color: #3548c4;
}

.submit-form .form-left p.form-title_siyouyun {
    font-size: 36px;
    color: #333;
    line-height: 40px;
    position: relative;
    margin-bottom: 10px;
    padding: 5px 0;
}

.hezi-banner .banner-content .banner-left .margintop25 {
    margin-top: 25px;
}

/* === 2017-06-20 === */
.hezi-tool-bar {
    position: fixed;
    right: 6px;
    top: 50%;
    z-index: 20;
}

.hezi-tool-bar li {
    margin: 2px 0;
}

.hezi-tool-bar .tool-item {
    display: table-cell;
    width: 40px;
    height: 40px;
    background-color: #949494;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    color: #fff;
    font-size: 12px;
    padding: 0 6px;
}

.hezi-tool-bar .tool-item.register {
    background-color: #fbbe90;
}

.hezi-tool-bar .tool-item:hover {
    background-color: #fd6e70;
}

.hezi-tool-bar .tool-item:hover .tool-popup {
    display: block;
}

.hezi-tool-bar .tool-item .tool-popup {
    position: absolute;
    right: 42px;
    background-color: #FFF;
    color: #333;
    top: 0;
    width: auto;
    white-space: nowrap;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: none;
}

.hezi-tool-bar .tool-item .tool-popup img {
    width: 100%;
    height: auto;
}

.hezi-tool-bar .tool-item .tool-popup.phone-popup {
    width: 121px;
    background: url("../images/tool-bg.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/tool-bg.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/tool-bg.png*/ center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.hezi-tool-bar .tool-item .tool-popup.wechat-popup {
    width: 128px;
    height: 133px;
    background: url("../images/tool-bg-2.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/tool-bg-2.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/tool-bg-2.png*/ center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    padding: 8px 8px 9px 4px;
}

.hezi-article-page .article-layout .article-subtitle .disabled {
    color: #999999;
    border: 1px solid #999;

}

/* === 2017-06-22 === */
.btn.gradient {
    color: #fff;
    background: #ff6a32;
    background: -moz-linear-gradient(left, #ff6a32 0%, #f7355f 100%);
    background: -webkit-linear-gradient(left, #ff6a32 0%, #f7355f 100%);
    background: linear-gradient(to right, #ff6a32 0%, #f7355f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6a32', endColorstr='#f7355f', GradientType=1);
}

.hezi-hot-line {
    line-height: 60px;
    font-size: 14px;
    color: #4d4d4d;
    margin-right: 30px;
}

.hezi-form-block .form-head {
    height: 370px;
    position: relative;
    z-index: 10;
}

.hezi-form-block .form-head .container {
    height: 370px;
}

.hezi-form-block .form-head .head-article {
    position: absolute;
    top: 158px;
    left: 10px;
    color: #fff;
}

.hezi-form-block .form-head .head-article .title {
    font-size: 30px;
    position: relative;
    line-height: 36px;
    padding-top: 14px;
}

.hezi-form-block .form-head .head-article .title:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 2px;
    background-color: #FFF;
}

.hezi-form-block .form-head .head-article p {
    font-size: 16px;
    margin-top: 14px;
}

.hezi-form-block .form-bottom {
    height: 546px;
    background-color: #FFF;
}

.hezi-form-block .form-bottom .container {
    height: 546px;
    padding-top: 36px;
}

.hezi-form-block .form-bottom .bottom-title {
    font-size: 20px;
    color: #999;
    margin: 20px 0 16px;
}

.hezi-form-block .form-bottom p {
    font-size: 14px;
    color: #555;
    padding-left: 12px;
    line-height: 30px;
}

.form-layout {
    position: absolute;
    top: 160px;
    right: 0;
    width: 512px;
    height: 656px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px rgba(255, 106, 50, 0.3);
    -moz-box-shadow: 0 0 20px rgba(255, 106, 50, 0.3);
    box-shadow: 0 0 20px rgba(255, 106, 50, 0.3);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    padding: 20px 10px;
}

.form-layout .form-title {
    font-size: 20px;
    color: #555;
    font-weight: bold;
    text-align: center;
    margin-top: 16px;
}

.form-layout .form-container {
    margin-top: 14px;
}

.form-layout .form-container .form-item {
    float: left;
    width: 50%;
    padding: 0 10px;
    height: 90px;
    position: relative;
    margin-top: 10px;
}

.form-layout .form-container .form-item input, .form-layout .form-container .form-item textarea {
    width: 100%;
    height: 30px;
    padding: 0 10px;
    border-top: none;
    border-right: none;
    border-left: none;
    margin-top: 30px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    color: #999;
    resize: none;
    position: relative;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: none;
}

.form-layout .form-container .form-item select {
    width: 100%;
    height: 30px;
    padding: 0 10px;
    border-top: none;
    border-right: none;
    border-left: none;
    margin-top: 30px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    color: #999;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("../images/select-arrow.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/select-arrow.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/select-arrow.png*/ no-repeat;
    background-position: 93% center;
}

.form-layout .form-container .form-item .error {
    line-height: 30px;
    font-size: 12px;
    color: #ff4c4e;
}

.form-layout .form-container .form-item .text-title {
    position: absolute;
    left: 10px;
    top: 30px;
    font-size: 14px;
    color: #ccc;
    line-height: 30px;
    z-index: 1;
}

.form-layout .form-container .form-item .text-title span {
    color: #ff4c4e;
}

.form-layout .form-container .form-item .text-title.hz-sovi {
    top: 0;
    color: #333;
}

.form-layout .form-container .form-item .text-title.hz-ovi {
    color: #333;
    -webkit-animation: hz-slide 0.3s linear;
    -moz-animation: hz-slide 0.3s linear;
    animation: hz-slide 0.3s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.form-layout .form-container .form-item .text-title.hz-ovi ~ textarea {
    height: 127px;
    border: 1px solid #ccc;
    padding: 10px;
}

.form-layout .form-container .form-textarea {
    width: 100%;
}

.form-layout .form-checkbox {
    padding: 0 10px;
    margin-top: 10px;
}

.form-layout .form-checkbox .checkbox-title {
    font-size: 14px;
    color: #333;
    line-height: 30px;
}

.form-layout .form-checkbox .checkbox-bar {
    padding: 0 12px;
}

.form-layout .form-checkbox .checkbox-item {
    float: left;
    width: 33.33%;
    font-size: 14px;
    color: #999;
    line-height: 36px;
}

.form-layout .form-checkbox .checkbox-item input {
    vertical-align: middle;
    display: inline-block;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #999;
    background-color: #fff;
    position: relative;
    z-index: 2;
    margin: 0;
}

.form-layout .form-checkbox .checkbox-item input:checked {
    border-color: #ff4c4e;
}

.form-layout .form-checkbox .checkbox-item input:checked:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    top: 50%;
    left: 50%;
    margin-left: -3px;
    margin-top: -3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #ff4c4e;
}

.form-layout .form-checkbox .checkbox-item span {
    display: inline-block;
    vertical-align: middle;
}

.form-layout .form-submit {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
}

.form-layout .form-submit .submit-button {
    display: block;
    margin: 0 auto;
    width: 178px;
    font-size: 16px;
    height: 40px;
    background-color: #ff4c4e;
    color: #fff;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

.form-layout .form-submit .submit-button:disabled {
    background-color: #cccccc;
}

@-webkit-keyframes hz-slide {
    0% {
        top: 30px;
    }
    100% {
        top: 0;
    }
}

@-moz-keyframes hz-slide {
    0% {
        top: 30px;
    }
    100% {
        top: 0;
    }
}

@keyframes hz-slide {
    0% {
        top: 30px;
    }
    100% {
        top: 0;
    }
}

.popup-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1500;
    visibility: hidden;
    opacity: 0;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
}

.popup-overlay.modal-overlay-visible {
    visibility: visible;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}

.modal {
    width: 520px;
    position: fixed;
    z-index: 2000;
    left: 50%;
    margin-left: -260px;
    top: 50%;
    height: auto;
    background-color: #fff;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0, 0, 0) scale(1.185);
    transform: translate3d(0, 0, 0) scale(1.185);
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    display: none;
}

.modal.modal-in {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}

.modal.modal-out {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0, 0, 0) scale(0.815);
    transform: translate3d(0, 0, 0) scale(0.815);
}

.modal .modal-inner {
    position: relative;
    height: auto;
    width: 100%;
}

.modal .modal-inner .modal-close-btn {
    position: absolute;
    right: 0;
    top: 0;
    color: #3f3f3f;
    font-size: 1.5rem;
    text-align: center;
}

.modal .modal-inner .modal-title {
    font-size: 24px;
    text-align: center;
    letter-spacing: 3px;
}

.modal .modal-inner .modal-content {
    padding: 20px;
    font-size: 14px;
    color: #3f3f3f;
    text-align: center;
}

.modal .modal-inner .modal-buttons {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 3.9rem;
    -webkit-border-radius: 0 0 0.5rem 0.5rem;
    -moz-border-radius: 0 0 0.5rem 0.5rem;
    -ms-border-radius: 0 0 0.5rem 0.5rem;
    border-radius: 0 0 0.5rem 0.5rem;
}

.modal .modal-inner .modal-buttons:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #e6e6ed;
}

.modal .modal-inner .modal-buttons .modal-button {
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    -webkit-flex-shrink: 1;
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    font-size: 1.4rem;
    color: #888;
    position: relative;
}

.modal .modal-inner .modal-buttons .modal-button:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #e6e6ed;
}

.modal .modal-inner .modal-buttons .modal-button:active {
    background-color: #e9e9e9;
}

.modal .modal-inner .modal-buttons .modal-button:last-child {
    color: #ff4c4e;
}

.modal .modal-inner .modal-buttons .modal-button:last-child:after {
    display: none;
}

.form-alert .modal-inner .modal-title {
    height: 96px;
    padding: 0;
    text-align: center;
    line-height: 96px;
    color: #fff;
    font-size: 24px;
}

.form-alert .modal-inner .modal-content {
    background: url("../images/alert-popup-bg.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/alert-popup-bg.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/alert-popup-bg.png*/ center 85% no-repeat;
    padding: 40px 40px 90px 40px;
}

.form-alert .modal-inner .modal-content p {
    margin-bottom: 10px;
}

.form-alert .modal-inner .close-modal {
    width: 26px;
    height: 26px;
    top: -13px;
    right: -13px;
    background: url("../images/close.png")/*tpa=http://app.zdwhs.com/huodonghezi/images/close.png*//*tpa=http://app.zdwhs.com/huodonghezi/images/close.png*/ center no-repeat;
}

.hezi-banner.hezi-index-banner .banner-content .banner-left .left-header .banner-button a.font20, a.font20 {
    font-size: 20px;
}

@media (max-width: 1440px) {
    /*右移放大*/
    @-webkit-keyframes right-scale {
        0% {
            right: 0;
            transform: scale(1);
        }
        100% {
            right: 20px;
            transform: scale(1);
        }
    }
    @-moz-keyframes right-scale {
        0% {
            right: 0;
            transform: scale(1);
        }
        100% {
            right: 20px;
            transform: scale(1);
        }
    }
    @keyframes right-scale {
        0% {
            right: 0;
            transform: scale(1);
        }
        100% {
            right: 20px;
            transform: scale(1);
        }
    }
    @-moz-keyframes right-scale-I {
        0% {
            right: 0;
            top: 0;
            transform: scale(1);
        }
        100% {
            right: 30px;
            top: -10px;
            transform: scale(1);
        }
    }
    @-webkit-keyframes right-scale-I {
        0% {
            right: 0;
            top: 0;
            transform: scale(1);
        }
        100% {
            right: 30px;
            top: -10px;
            transform: scale(1);
        }
    }
    @keyframes right-scale-I {
        0% {
            right: 0;
            top: 0;
            transform: scale(1);
        }
        100% {
            right: 30px;
            top: -10px;
            transform: scale(1);
        }
    }
    /*左移放大*/
    @-webkit-keyframes left-scale {
        0% {
            left: 0;
            transform: scale(1);
        }
        100% {
            left: 20px;
            transform: scale(1);
        }
    }
    @-moz-keyframes left-scale {
        0% {
            left: 0;
            transform: scale(1);
        }
        100% {
            left: 20px;
            transform: scale(1);
        }
    }
    @keyframes left-scale {
        0% {
            left: 0;
            transform: scale(1);
        }
        100% {
            left: 20px;
            transform: scale(1);
        }
    }
    /* 左移放大 */
    @-webkit-keyframes left-scale-I {
        0% {
            left: 0;
            top: 0;
            transform: scale(1);
        }
        100% {
            left: 30px;
            top: -10px;
            transform: scale(1);
        }
    }
    @-moz-keyframes left-scale-I {
        0% {
            left: 0;
            top: 0;
            transform: scale(1);
        }
        100% {
            left: 30px;
            top: -10px;
            transform: scale(1);
        }
    }
    @keyframes left-scale-I {
        0% {
            left: 0;
            top: 0;
            transform: scale(1);
        }
        100% {
            left: 30px;
            top: -10px;
            transform: scale(1);
        }
    }
    .layout-title {
        font-size: 32px;
    }

    .hezi-deeplink-layout .layout-item:first-of-type .deeplink-list {
        margin-left: auto;
        margin-right: 0;
    }

    .hezi-deeplink-layout .layout-item:last-of-type .deeplink-list {
        margin-left: 0;
        margin-right: auto;
    }

    .hezi-deeplink-layout .deeplink-list {
        width: 226px;
    }

    .hezi-deeplink-layout .deeplink-list .deeplink-introduce {
        padding: 10px 0;
    }

    .hezi-deeplink-layout .scene-list {
        width: 450px;
    }

    .hezi-deeplink-layout .scene-list .scene-title {
        height: 70px;
        line-height: 70px;
        font-size: 20px;
    }

    .hezi-deeplink-layout .layout-item:first-of-type .scene-list {
        margin-left: auto;
        margin-right: 2px;
    }

    .hezi-deeplink-layout .layout-item:last-of-type .scene-list {
        margin-right: auto;
        margin-left: 2px;
    }

    .hezi-number-report-bar .hezi-number-report .report-card .number-inner {
        padding-top: 5px;
        font-size: 40px;
    }

    .hezi-number-report-bar .hezi-number-report .report-card .report-title {
        padding-bottom: 18px;
    }

    .hezi-number-report-bar .hezi-number-report .report-card .report-title a {
        font-size: 12px;
        width: 100px;
        height: 30px;
        line-height: 30px;
    }

    .hezi-development-process {
        width: 870px;
        margin: 40px auto 0;
    }

    .hezi-development-process img {
        width: 100%;
        height: auto;
    }

    .hezi-style-template {
        text-align: center;
    }

    .hezi-style-template .layout-item {
        float: none;
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px;
    }

    .hezi-style-template .layout-item.item-five {
        width: auto;
    }

    .hezi-style-template .layout-item .style-list {
        width: 190px;
    }

    .hezi-style-template .layout-item .style-list .style-img {
        width: 190px;
        height: 346px;
    }

    .hezi-style-template .layout-item .style-list .style-introduce {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .phone-animation .phone-layout {
        margin-top: 80px;
    }

    .phone-animation .phone-layout.phone-right {
        padding-right: 200px;
    }

    .phone-animation .phone-layout.phone-right .phone-line {
        margin-right: 20px;
    }

    .phone-animation .phone-layout.phone-left {
        padding-left: 200px;
    }

    .phone-animation .phone-layout.phone-left .phone-line {
        margin-left: 20px;
    }

    .phone-animation .phone-layout .phone-block {
        width: 210px;
        height: 448px;
    }

    .phone-animation .phone-layout .phone-block.phone-right {
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        background-size: 100% auto;
        padding-top: 34px;
        padding-left: 10px;
    }

    .phone-animation .phone-layout .phone-block.phone-left {
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        background-size: 100% auto;
        padding-top: 34px;
        padding-left: 20px;
    }

    .phone-animation .phone-layout .phone-block .phone-inner {
        width: 182px;
        height: 363px;
    }

    .phone-animation .phone-layout .phone-block.phone-front {
        width: 210px;
        height: 436px;
        padding: 52px 0 0 10px;
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        background-size: 100% auto;
    }

    .phone-animation .phone-layout .phone-block.phone-front .phone-inner {
        width: 190px;
        height: 330px;
    }

    .phone-animation .phone-layout .phone-line {
        padding-top: 118px;
    }

    .phone-animation .phone-layout .phone-words {
        padding-top: 100px;
    }

    .hezi-banner .banner-content .banner-left .banner-title {
        font-size: 38px;
    }

    .hezi-banner .banner-content .banner-left .banner-stitle {
        font-size: 20px;
    }

    .hezi-banner .banner-content .banner-left p {
        font-size: 13px;
    }

    .hezi-banner .banner-content .banner-left .banner-subtitle {
        font-size: 15px;
    }

    .hezi-banner .banner-content .banner-left .banner-button .button {
        font-size: 14px;
        height: 32px;
        line-height: 32px;
    }

    .hezi-banner .banner-content .banner-left .banner-button.x30 {
        margin-top: 20px;
    }

    .hezi-banner .banner-content .banner-right .right-img-inner.banner-index img {
        width: 100%;
        height: auto;
    }

    .hezi-banner .banner-content .banner-right .right-img-inner.banner-index .img-1 {
        width: 400px;
    }

    .hezi-banner .banner-content .banner-right .right-img-inner.banner-index .img-2 {
        right: 13px;
        bottom: 27px;
        width: 400px;
    }

    .hezi-banner .banner-content .banner-right .right-img-inner.banner-index .img-3 {
        right: 126px;
        bottom: 90px;
        width: 178px;
    }

    .hezi-banner .banner-content .banner-right .right-img-inner.banner-index .img-4 {
        right: 100px;
        bottom: 76px;
        width: 226px;
    }

    .hezi-banner.hezi-index-banner .banner-content .banner-center {
        width: 438px;
        height: 420px;
        right: 50px;
        margin-top: -210px;
    }

    .hezi-banner.hezi-index-banner .banner-content .banner-left .left-header {
        top: 80px;
    }

    .hezi-banner.hezi-index-banner .banner-content .banner-left .left-footer {
        bottom: 60px;
    }

    .hezi-nav .nav-content .menu-body .menu-item .second-level-menu .level-menu-inner .level-menu-item {
        height: 140px;
    }

    .hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-main {
        padding-top: 20px;
    }

    .hezi-nav .nav-content .menu-body .menu-item .second-level-menu .menu-container .menu-icon {
        margin-top: 40px;
    }

    .hezi-annular-animation .annular-center {
        width: 410px;
        height: 410px;
        line-height: 410px;
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        background-size: 100% auto;
    }

    .hezi-annular-animation .annular-center img {
        width: 160px;
        height: auto;
    }

    .hezi-annular-animation .annular-list {
        height: 410px;
    }

    .hezi-annular-animation .annular-list .annular-inner-item {
        height: 137px;
    }

    .hezi-annular-animation .annular-list .annular-inner-item .annular-inner {
        height: 137px;
    }

    .hezi-annular-animation .annular-list .annular-inner-item.change .annular-item.item-img {
        width: 92px;
        height: 92px;
    }

    .hezi-annular-animation .annular-list .annular-inner-item.change .annular-item.item-img .img-2 {
        width: 100%;
        height: auto;
    }

    .hezi-case-block {
        text-align: center;
    }

    .hezi-case-block .layout-item {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }

    .hezi-case-block .layout-item.item-three {
        width: auto;
    }

    .hezi-case-block .case-list {
        width: 300px;
        height: 312px;
        padding: 0 30px;
        margin: 0 7px;
    }

    .hezi-case-block .case-list .case-overlay {
        width: 300px;
    }

    .hezi-case-block .case-list .case-overlay .case-button {
        width: 200px;
        height: 60px;
        line-height: 60px;
        font-size: 18px;
    }

    .hezi-case-block .case-list .case-title {
        font-size: 22px;
        margin-top: 20px;
    }

    .hezi-case-block .case-list .case-img {
        width: 236px;
        margin-top: 30px;
    }

    .hezi-case-block .case-list .case-img img {
        width: 100%;
        height: auto;
    }

    .hezi-case-block .case-list .case-introduce {
        font-size: 14px;
    }
}

.swiper-pagination {
    position: static;
    padding-top: 15px;
    height: 15px;
}

.swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-pagination-bullet {
    margin-right: 8px;
    width: 10px;
    height: 10px;
    opacity: .5;
}

/*# sourceMappingURL=style.css.map */