* { margin: 0px; padding: 0px; }

html { font-size: 62.5%; height: 100%; }

body { width: 100%; overflow-x: hidden; font-family: arial, helvetica, sans-serif; font-size: 16px; font-size: 1.6rem; color: black; }

a { color: #333; text-decoration: none; outline: none; tap-highlight-color: transparent; focus-ring-color: transparent; -webkit-tap-highlight-color: transparent; -webkit-focus-ring-color: transparent; -moz-tap-highlight-color: transparent; -moz-focus-ring-color: transparent; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

a:hover { color: #0058a2; }

ol, ul, li { list-style: none; }

img { max-width: 100%; border: 0px solid #ccc; }

table, embed, video { max-width: 100%; }

input, textarea { border: none; background: none; font-family: inherit; }

input[type="submit"], textarea[type="submit"] { cursor: pointer; }

input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; }

input[type="radio"], textarea[type="radio"] { cursor: pointer; }

input:focus, textarea:focus { outline: none; }

textarea { resize: none; }

button { border: none; background: none; cursor: pointer; }

em, i { font-style: normal; }

/* 客服 */
.kf { position: fixed; *position: absolute; z-index: 999999; right: 0; top: 30%; width: 56px; }

.kf-item { position: relative; height: 56px; }

.kf-item a { position: absolute; right: -217px; top: 0; display: block; width: 272px; height: 55px; line-height: 55px; padding-left: 55px; font-size: 14px; font-size: 1.4rem; color: #1c1e84; background-color: #1c1e84; background-repeat: no-repeat; background-position: left center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.kf-item a:hover { right: 0; background-color:#1c1e84;color: #fff; }

.kf-item-1 a { background-image: url("../images/kf_03.png"); }

.kf-item-2 a { background-image: url("../images/kf_06.png"); }

.kf-item-3 a { background-image: url("../images/kf_09.png"); }

.kf-item-4 a { background-image: url("../images/kf_12.png"); }

.kf-item-4 a:hover { right: -217px; }

.wap-kf { position: fixed; z-index: 10; bottom: 0; display: none; width: 100%; height: 60px; background-color: #1c1e84; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }

.wap-kf-item {color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column wrap; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.wap-kf-item .fa { font-size: 20px; font-size: 2rem; color: white; }

.wap-kf-item span { line-height: 2; font-size: 12px; font-size: 1.2rem; color: white; }

@media screen and (max-width: 767px) { .kf { display: none; }
  .wap-kf { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }
  .ft { padding-bottom: 60px; } }