/******WEB端样式******/

@media (max-width: 1024px) {
 .platform_advantage_content {
 margin-left:0;
margin-top: 0.5rem;
}
 .kzf-mod-pic img {
 width: 60%;
}
 .platform_advantage {
 background: #00a0e9 !important;
}
 .pc {
display:none;
}
 .wap {
display:block;
}
h3 {
font-weight:inherit;
}
 *, :after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
list-style:none;
padding:0;
margin:0;
}
html {
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
line-height:1.15;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
margin: 0 auto;
}
body {
margin:0;
font-family: PingFang-SC-Regular, Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", sans-serif;
line-height: 1.42857143;
font-size: 0.7rem;
min-width: 320px;
background-color: #fff;
color: #333;
padding:0;
margin: 0 auto;
}
h1 {
font-size:2em;
margin:.67em 0;
}
figure {
margin:1em 40px;
}
hr {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
height:0;
overflow:visible;
}
a {
-webkit-text-decoration-skip:objects;
background-color:transparent;
}
abbr[title] {
border-bottom:none;
-webkit-text-decoration:underline dotted;
-moz-text-decoration:underline dotted;
text-decoration:underline dotted;
}
b, strong {
font-weight:bolder;
}
dfn {
font-style:italic;
}
mark {
background-color:#ff0;
color:#000;
}
small {
font-size:80%;
}
sub, sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;
}
sub {
bottom:-.25em;
}
sup {
top:-.5em;
}
audio:not([controls]) {
display:none;
height:0;
}
img {
border-style:none;
}
svg:not(:root) {
overflow:hidden;
}
button, input, optgroup, select, textarea {
font-family:sans-serif;
font-size:100%;
line-height:32px;
margin:0;
 height: 30px;
}
body, button, input, select, textarea {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga", "kern";
}
button, input {
overflow:visible;
}
button, select {
text-transform:none;
}
button, html [type=button],/* 1 */ [type=reset], [type=submit] {
-webkit-appearance:button;
}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
border-style:none;
padding:0;
}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
outline:1px dotted ButtonText;
}
fieldset {
padding:.35em .75em .625em;
}
legend {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
color:inherit;
display:table;
max-width:100%;
padding:0;
white-space:normal;
}
progress {
display:inline-block;
vertical-align:baseline;
}
textarea {
overflow:auto;
}
[type=checkbox], [type=radio] {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto;
}
[type=search] {
-webkit-appearance:textfield;
outline-offset:-2px;
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance:none;
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit;
}
summary {
display:list-item;
}
article, aside, footer, header, nav, section, figcaption, figure, main, details,/* 1 */ menu {
display:block;
}
pre, code, kbd, samp {
font-family:monospace, monospace;
font-size:1em;
}
audio, video, canvas {
display:inline-block;
}
template, [hidden] {
display:none;
}
.clearfix {
zoom:1;
}
.clearfix:before, .clearfix:after {
display:table;
line-height:0;
content:"";
}
.clearfix:after {
clear:both;
}
a {
color: #333;
text-decoration: none;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
/* 2017-08-31 èµ"讯、案例分页 */
.detail-body .container img {
max-width: 100% !important;
}
 .home-page .clcyimage {
 width: 100%;
 height: 460px;
 overflow: hidden;
 position: relative;
}
.home-page .center {
 width: 100%;
 margin: 0 auto;
 position: relative;
 height: 425px;
}
.home-page .center .location {
 position: absolute;
 left: -355px;
 height: 425px;
}
.home-page .ban {
 position: relative;
 height: 425px;
 overflow: hidden;
 width: 1920px;
}
.home-page .ban ul.ban-img {
 height: 425px;
 overflow: hidden;
 position: relative;
}
.home-page .clcyimage ul.btn-round {
 overflow: hidden;
 width: 132px;
 height: 12px;
 position: absolute;
 bottom:0;
 left: 50%;
 margin-left: -72px;
}
.home-page .clcyimage ul.btn-round li {
 float: left;
 width: 12px;
 height: 100%;
 margin-right: 12px;
 border-radius: 50%;
 background-color: #c1c1c1;
 cursor: pointer;
}
.home-page .clcyimage ul.btn-round li.last {
 margin-right: 0;
}
.home-page .clcyimage ul.btn-round li.active {
 background-color: #00a0e9;
}
.home-page .ban ul.ban-img li {
 width: 1920px;
 float: left;
}
.home-page .ban .ban-btn {
 width: 1210px;
 height: 120px;
 position: relative;
 display: none;
}
.home-page .ban div {
 width: 50px;
 height: 100%;
 cursor: pointer;
 height:120px;
 position: absolute;
 top:150px;
 opacity: 0.5;
 filter: alpha(opacity=50);
}
.home-page .ban div.l {
 left: 50%;
 margin-left: -600px;
 display: none;
}
.home-page .ban div.r {
 right: 50%;
 margin-right: -600px;
 display: none;
}
.home-page .section-1 .section-wrapper div.list {
 padding: 60px 0;
}
.home-page .section-1 .section-wrapper div.list ul li {
 float: left;
 width: 25%;
}
.home-page .section-1 .section-wrapper div.list ul li img.pad {
 padding: 14px 0 10px 0;
}
.home-page .section-1 .section-wrapper div.list ul li img.pad2 {
 padding: 18px 0 10px 0;
}
.home-page .section-1 .section-wrapper div.list ul li img.pad3 {
 padding: 10px 0;
}
.home-page .section-1 .section-wrapper div.list ul li h3 {
 font-size: 24px;
 font-weight: bold;
 color: #555;
 padding: 20px 0 10px 0;
}
.home-page .section-1 .section-wrapper div.list ul li p {
 width: 220px;
 margin: 0 auto;
 color: #888;
 line-height: 1.8;
}
.home-page .section-2 {
 background: #f5f5f5;
}
.home-page .section-2 .section-wrapper {
 height: 860px;
 position: relative;
 overflow: hidden;
}
.home-page .section-2 .section-wrapper div.ecjia-btn {
 padding: 30px 0 20px 0;
}
.home-page .section-2 .section-wrapper div.ecjia-btn a {
 display: inline-block;
 width: 180px;
 height: 60px;
 background: #00a0e9;
 border-radius: 12px;
 color: white;
 line-height: 60px;
 font-size: 18px;
}
.home-page .section-2 .section-wrapper div.ecjia-btn a img {
 vertical-align: middle;
 padding-right: 8px;
}
.home-page .section-2 .section-wrapper div.ecjia-btn a.red {
 background: #ff3c3c;
 margin-left: 20px;
}
.home-page .section-2 .section-wrapper div.img {
 background:#00a0e9;
 height: 470px;
 width: 805px;
 padding-top: 110px;
}
.home-page .section-2 .section-wrapper div.pos1 {
 position: absolute;
 bottom:365px;
 left: 315px;
 height: 25px;
 width: 100px;
 color:#666;
}
.home-page .section-2 .section-wrapper div.pos2 {
 position: absolute;
 top:310px;
 left: 550px;
 height: 25px;
 width: 100px;
 color:#666;
}
.home-page .section-2 .section-wrapper div.pos3 {
 position: absolute;
 top:250px;
 left: 790px;
 height: 25px;
 width: 100px;
 color:#666;
}
.home-page .section-2 .section-wrapper div.pos4 {
 position: absolute;
 top:170px;
 left: 90px;
 background:#00a0e9;
 height: 52px;
 width: 76px;
}
.home-page .section-2 .section-wrapper div.pos5 {
 position: absolute;
 top:460px;
 left: 0px;
 background:#00a0e9;
 height: 45px;
 width: 150px;
}
.home-page .section-2 .section-wrapper div.pos6 {
 position: absolute;
 top:420px;
 right: 0px;
 background:#00a0e9;
 height: 45px;
 width: 150px;
}
.home-page .section-2 .section-wrapper div.pos7 {
 position: absolute;
 top:20px;
 right: 0px;
 background:#00a0e9;
 height: 270px;
 width: 165px;
}
.home-page .section-2 .section-wrapper div.pos8 {
 position: absolute;
 bottom:300px;
 right: 50px;
 height: 80px;
 width: 100px;
}
.home-page .section-2 .section-wrapper div.pos8 a {
 font-size:12px;
 color:#fee6ce;
 font-weight:600;
}
.home-page .section-3 .section-wrapper div.list {
 padding:0.3rem 0 0.3rem 0;
}
.home-page .section-3 .section-wrapper div.list ul li div.img {
 position: relative;
 width: 100%;
 height: 50%;
}
.home-page .section-3 .section-wrapper div.list ul li div.img div.text {
 position: absolute;
 bottom: 0;
 left: 0;
 height: 0;
 width: 100%;
 background: rgba(0, 0, 0, .8);
 color: #fff;
}
.home-page .section-3 .section-wrapper div.list ul li {
 float: left;
 width: 44%;
 overflow: hidden;
 border-radius:0.15rem;
 box-shadow:0 0.1rem 0.2rem 0.1rem rgba(0, 0, 0, 0.05);
}
.home-page .section-3 .section-wrapper div.list ul li img {
 vertical-align: middle;
 cursor: pointer;
 width: 155px;
}
.home-page .section-3 .section-wrapper div.list ul li div.text1 img {
 padding-top: 150px !important;
}
.home-page .section-3 .section-wrapper div.list ul li div.text1>span {
 padding-top: 180px !important;
}
.home-page .section-3 .section-wrapper div.list ul li div.text img.icon {
 float: left;
 padding: 36px 0 0 24px;
}
.home-page .section-3 .section-wrapper div.list ul li div.text img.ewm {
 width: 30%;
 float: right;
 padding: 36px 24px 0 0;
}
.home-page .section-3 .section-wrapper div.list ul li div.text>span {
 display: inline-block;
 padding-top: 66px;
 font-size: 18px;
 line-height: 1.5;
}
.home-page .section-3 .section-wrapper div.list ul li div.text span {
 font-size: 18px;
}
.home-page .section-3 .section-wrapper div.list ul li div.text>p {
 position: absolute;
 left: 0;
 bottom: 0;
 background: #000;
 height: 0;
 width: 100%;
 line-height: 50px;
 text-align: left;
 padding-left: 20px;
}
.home-page .section-4 {
 background:#00a0e9;
 height:920px;
}
.home-page .section-4 .section-wrapper div.title {
 padding-bottom: 50px;
}
.home-page .section-4 .section-wrapper div.title h2, .home-page .section-4 .section-wrapper div.title p {
 color: #fff;
}
.home-page .section-4 .section-wrapper div.img-bg {
 background:#00a0e9 url(/templets/kefuwb/images/pic4_macbg.png) no-repeat center;
 height:561px;
 width: 975px;
}
.home-page .section-4 .section-wrapper div.img-bg iframe {
 padding-top: 32px;
}
.home-page .section-footer {
 background: #222;
}
.home-page .section-footer .section-wrapper {
 height: 278px;
}
.home-page .section-footer .section-wrapper ul {
 padding-top: 40px;
}
.home-page .section-footer .section-wrapper ul li span {
 float: left;
 height: 170px;
 width: 1px;
 overflow: hidden;
 background: #474747;
 margin: -175px 80px 0px 150px;
}
.home-page .section-footer .section-wrapper ul li span.m-top {
 margin-top: -85px;
}
.home-page .section-footer .section-wrapper ul li {
 float: left;
 text-align: left;
 font-size: 12px;
 line-height: 2.5;
 padding-right: 10px;
}
.home-page .section-footer .section-wrapper ul li a {
 color: #5e6263;
}
.home-page .section-footer .section-wrapper ul li a:hover {
 color: #ccc;
}
.home-page .section-footer .section-wrapper ul li dl dt {
 color: #fff;
 font-size: 18px;
}
.home-page .section-footer .section-wrapper ul li dl dd img {
 vertical-align: middle;
 padding-left:8px;
}
.page-index .section-footer {
 background: #222;
 bottom: 0;
}
.page-index .section-footer .section-wrapper {
 height: 278px;
}
.page-index .section-footer .section-wrapper ul {
 padding-top: 40px;
}
.page-index .section-footer .section-wrapper ul li span {
 float: left;
 height: 170px;
 width: 1px;
 overflow: hidden;
 background:#474747;
 margin: -175px 70px 0px 177px;
}
.page-index .section-footer .section-wrapper ul li span.m-top {
 margin-top: -85px;
}
.page-index .section-footer .section-wrapper ul li {
 float: left;
 text-align: left;
 font-size: 12px;
 line-height: 2.5;
 padding-right: 10px;
}
.page-index .section-footer .section-wrapper ul li a {
 color: #00a0e9;
}
.page-index .section-footer .section-wrapper ul li a:hover {
 color: #ccc;
}
.page-index .section-footer .section-wrapper ul li dl dt {
 color: #fff;
 font-size: 18px;
}
.page-index .section-footer .section-wrapper ul li dl dd img {
 vertical-align: middle;
 padding-left:8px;
}
.zxyy {
 width:20%;
 height:32%;
 float:right;
 text-align:center;
 margin-right:1rem;
 margin-top: 1rem;
}
.zxyy img {
width:100%;
}
.zxyy a {
 float: right;
 height: 50px;
 width: 140px;
 line-height: 50px;
 text-align: center;
 border: 1px solid #474747;
 font-size: 20px;
 color: #666;
 border-radius: 26px;
 margin-top: 12px;
}
.zxyy a:hover {
 background-color: #00a0e9;
 color: #fff;
 border-color: #00a0e9;
}
/*footer*/

.backtage {
 height:1090px;
 position:relative;
 z-index:1;
 background:#00a0e9;
 margin-top:60px;
}
.backtage img {
 display:block;
 margin:0 auto;
}
.backtage_foot {
 background:#181818;
 padding:30px 30px 25px 40px;
 position:relative;
}/* z-index:105;*/
.backtage_foot .wrapper {
 width: 100%;
 margin: 0 auto;
}
.backtage_foot .wrapper>p {
 color: white;
 text-align: right;
 line-height: 1.8;
 font-size: 12px;
 padding:26px 20px 0 0;
}
.backtage_foot .nav_copy ul {
 height:auto;
 overflow:hidden;
 padding-bottom:15px;
}
.backtage_foot .nav_copy ul li {
 height:16px;
 line-height:18px;
 float:left;
 padding-right: 13px;
}
.backtage_foot .nav_copy ul li a {
 float:left;
 line-height:18px;
 color:#fff;
}
.backtage_foot .nav_copy ul li a:hover {
 color:#00a0e9;
}
.backtage_foot .nav_copy ul li a.active {
color:#00a0e9;
}
.backtage_foot .nav_copy ul li span {
 float:left;
 height:13px;
 width:1px;
 overflow:hidden;
 background:#fff;
 margin:3px 0 0 13px;
}
.backtage_foot .nav_copy .copy {
 color:#5e6263;
 line-height:22px;
 font-size:12px;
}
.backtage_foot .tel dl {
 height:auto;
 overflow:hidden;
 width: 280px;
}
.backtage_foot .tel dl dt {
 float:left;
 padding-right:20px;
}
.backtage_foot .tel dl dd {
 height:auto;
 overflow:hidden;
 padding-top:3px;
}
.backtage_foot .tel dl dd h3 {
 font-family:arial;
 font-size:30px;
 color:#0687c2;
 width:200px;
}
.backtage_foot .tel dl dd p {
 color:#888;
 width: 200px;
}
.backtage_foot .nav_copy {
 padding-top: 10px;
}
.backtage_foot .tel {
 padding-top: 20px;
}
.backtage_foot .qq {
 padding: 30px 30px 0 10px;
}
/**

* ECJia 首页 手机端

*/

.mob-home .mob-banner {
 position: relative;
 width: 100%;
 height: 100%;
}
.mob-home .mob-banner img {
 width: 100%;
 vertical-align: middle;
 display: block;
}
.mob-home .mob-banner .swiper-pagination {
 z-index: 2;
}
.mob-home .mob {
 text-align: center;
 background: #fff;
}
.mob-home .mob h2 {
 font-weight: 600;
 font-size: 2.8em;
 color:#000;
 padding-bottom: .2em;
 line-height: 1.3;
}
.mob-home .mob p {
 font-size: 1.5em;
 line-height: 1.5;
 padding-bottom: 1em;
 width: 90%;
 margin:0 auto;
}
.mob-home .mob1 ul li {
 float: left;
 width: 50%;
 height: 30em;
 text-align: center;
}
.mob-home .mob1 ul li.h {
 height: 27em;
}
.mob-home .mob1 ul li img {
 width:16em;
}
.mob-home .mob1 ul li h3 {
 font-size: 2em;
 font-weight: 400;
 padding: 1em 0 .4em 0;
 color: #000;
}
.search .s_btn {
background: #00a0e9;
 border: none;
 height: 2rem;
 padding: 0 0.7rem;
 color: #fff;
}
.search .s_txt {
height: 2rem;
 border: 1px solid #ccc;
 line-height: 2rem;
}
 .mob-home .mob1 ul li p {
 font-size: 1.4em;
 width: 90%;
 margin: 0 auto;
 padding-bottom: 0;
}
.mob-home .mob2 {
 background: #f5f5f5;
}
.mob-home .mob2 div.img {
 position: relative;
 width: 100%;
 height: 43em;
}
.mob-home .mob2 div.img img {
 position: absolute;
 right: 0;
 top: 2em;
 width: 28em;
}
.mob-home .mob2 div.pos1 {
 position: absolute;
 right: 15em;
 top: 7.6em;
 font-size: 1.5em;
}
.mob-home .mob2 div.pos2 {
 position: absolute;
 right: 12.2em;
 top:4.5em;
 font-size: 1.5em;
}
.mob-home .mob2 div.pos3 {
 position: absolute;
 right: 11em;
 top:.6em;
 font-size: 1.5em;
}
.mob-home .mob2 div.pos4 {
 position: absolute;
 text-align: left;
 color: #888;
 line-height: 1.6;
 left: 2em;
 top: 1em;
 font-size: 1.5em;
}
.mob-home .mob2 div.pos5 {
 position: absolute;
 right:1em;
 text-align: left;
 color: #888;
 line-height: 1.6;
 top: 4em;
 font-size: 1.5em;
}
.mob-home .mob2 div.pos6 {
 position: absolute;
 left:4em;
 text-align: left;
 color: #888;
 line-height: 1.6;
 top: 0;
 font-size: 1.5em;
}
.mob-home .mob2 div.pos4 span, .mob-home .mob2 div.pos5 span, .mob-home .mob2 div.pos6 span {
 color:#00a0e9;
 font-size: 2em;
}
.mob-home .mob2 div.pos7 span {
 color:#00a0e9;
 font-size: 2.6em;
}
.mob-home .mob2 div.img2 {
 position: relative;
 width: 100%;
 height: 33em;
}
.mob-home .mob2 div.img2 img {
 position: absolute;
 left: 0;
 top: 1em;
 width: 27em;
}
.mob-home .mob2 div.img3 {
 position: relative;
 width: 100%;
 height: 54em;
}
.mob-home .mob2 div.img3 img {
 position: absolute;
 right: 0;
 top: 10em;
 width: 40em;
}
.mob-home .mob2 div.img4 img {
 padding-top:3em;
 width: 40em;
}
.mob-home .mob2 div.pos11 {
 padding-bottom: 1em;
}
.mob-home .mob2 div.pos11 h2 {
 font-size: 3em;
 padding: 1em 0 .5em 0;
}
.mob-home .mob2 div.pos11 p {
 font-size: 1.8em;
}
.mob-home .mob3 {
 padding-bottom: 6em;
}
.mob-home .mob3 div.img {
 width: 100%;
 position: relative;
 margin-bottom: .3em;
}
.mob-home .mob3 div.img img.img1 {
 position: absolute;
 width: 10em;
 top: 2em;
 left: 2em;
}
.mob-home .mob3 div.img div.pos {
 position: absolute;
 bottom: 0;
 background:rgba(0, 0, 0, .8);
 width: 100%;
 display: block;
}
.mob-home .mob3 div.img img {
 width: 100%;
}
.mob-home .mob3 div.img div.pos p {
 color: #fff;
 font-size: 1.5em;
 padding-top: 1em;
 padding-left: .8em;
 float: left;
 height: 3em;
}
.mob-home .mob3 div.img div.pos p span {
 font-size: 1.4em;
}
.mob-home .mob3 div.img div.pos a {
 font-size: 1.6em;
 float: right;
 background: #53b43a;
 display: inline-block;
 width: 6em;
 height: 2em;
 margin-right: 1em;
 margin-top: .9em;
 color: #fff;
 line-height: 2em;
 text-align: center;
 border-radius: 20px;
}
.mob-home .mob4 {
 position: relative;
 background:#00a0e9;
 height: 50em;
 background-size: 100%;
}
.mob-home .mob4 h2, .mob-home .mob4 p {
 color: #fff;
}
.mob-home .mob4 div.macbg {
 background:#00a0e9 url(/templets/kefuwb/images/pic4_macbg.png) no-repeat center;
 height: 20em;
 padding-top: 10em;
}
.mob-home .mob4 div.macbg iframe {
 position: absolute;
 bottom: 6.3em;
 right: 50%;
 margin-right: -19.6em;
 width: 36.4em;
 height: 23.4em;
}
.mob-home .mob5 {
 background-color: #222;
}
.mob-home .mob5 dl {
 font-size: 1.2em;
 padding: 2em 0 1.5em 2em;
 border-bottom: #8c8c8c .5px solid;
}
.mob-home .mob5 dl dt {
 color: #666;
 font-size: 1.1em;
 position: relative;
}
.mob-home .mob5 dl dt span {
 display: inline-block;
 width: .8em;
 position: absolute;
 right: 1em;
 top: .2em;
}
.mob-home .mob5 dl dt span.show img {
 transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 -webkit-transition: 0.5s ease;
 -moz-transition: 0.5s ease;
 -o-transition: 0.5s ease;
 transition: 0.5s ease;
}
.mob-home .mob5 dl dt span img {
 vertical-align: middle;
 width: 100%;
 transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 -webkit-transition: 0.5s ease;
 -moz-transition: 0.5s ease;
 -o-transition: 0.5s ease;
 transition: 0.5s ease;
}
.mob-home .mob5 dl dd {
 color: #5e6263;
 padding-left: 2em;
 line-height: 1.8;
}
.mob-home .mob5 dl dd a {
 color: #999;
}
.mob-home .mob5 dl div.hide-p {
 display: block;
 padding-top: 1em;
}
 .mob-home .mob6 {
 background:#222;
 color: #fff;
 text-align: center;
}
.mob-home .mob6 div.clearfix {
 width: 55%;
 margin: 0 auto;
 padding: 2em 0;
}
.mob-home .mob6 div.clearfix>img {
 float: left;
 width: 5em;
}
.mob-home .mob6 div.clearfix>p {
 float: right;
 text-align: left;
 color: #999;
 font-size: 1.4em;
}
.mob-home .mob6 div.clearfix>p span {
 font-size: 2em;
 color: #75cc17;
}
.mob-home .mob6>img {
 width: 30%;
}
.mob-home .mob6>p {
 font-size: 1.5em;
 line-height: 1.5;
 padding: 1em;
}
.mob-footer {
 background:#111;
 text-align: center;
}
.mob-footer .copyright {
 padding:2em 0;
 color: #999;
 font-size: .8em;
 line-height: 1.8;
}
/* 20170314 add*/

.container {
 width: 95%;
 margin: 0 auto;
}
.head {
 height: 90px;
 border-bottom: 1px solid #ddd;
}
.head .hd {
 height: 90px;
 margin:0 auto;
 background-color: #fff;
 transition: all 0.6s ease;
 -webkit-transition: all 0.6s ease;
 -moz-transition: all 0.6s ease;
 -ms-transition: all 0.6s ease;
}
.head .logo {
 float: left;
 padding: 10px 0;
 transition: all 0.6s ease;
 -webkit-transition: all 0.6s ease;
 -moz-transition: all 0.6s ease;
 -ms-transition: all 0.6s ease;
}
.head .logo img {
 height: 70px;
 width: auto;
 transition: all 0.6s ease;
 -webkit-transition: all 0.6s ease;
 -moz-transition: all 0.6s ease;
 -ms-transition: all 0.6s ease;
}
.head .menu {
 float: right;
}
.head .menu li {
 float: left;
}
.head .menu li a {
 line-height: 90px;
 display: block;
 font-size: 18px;
 color: #3d3d3d;
 transition: all 0.6s ease;
 -webkit-transition: all 0.6s ease;
 -moz-transition: all 0.6s ease;
 -ms-transition: all 0.6s ease;
 padding: 0 20px;
}
.head .menu li a:hover, .head .menu li a.active {
 color: #00a0e9;
}
.head .menu li.hover {
 background:#00a0e9 url(/templets/kefuwb/images/navArrow.png) no-repeat center bottom;
}
.minNavFixed {
 height: 94px;
}
.head .menu li.hover a {
 color: #00a0e9;
}
.minNavFixed .hd {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 1000;
 border-bottom: 1px solid #e3e3e3;
 height: 70px;
}
/*.minNavFixed .logo {
	padding: 5px 0;
}*/
.minNavFixed .logo img {
 height: 60px;
}
.minNavFixed .menu li a {
 line-height: 70px;
}
.subNav {
 position: relative;
 padding: 30px 0;
 text-align: center;
 background:#fff;
 z-index: 1000;
 display: none;
 border-top: 1px solid #ddd;
}
.subNav .row {
 display: none
}
.normalNav ul, .proNv ul {
 text-align: center
}
.normalNav ul li, .proNv ul>li {
 display: inline-block;
 margin: 0 30px
}
.normalNav ul li, .proNv ul>li {
*display: inline
}
.normalNav ul li a {
 padding-bottom: 8px;
 color: #333;
 font-size:1rem;
}
.normalNav ul li a:hover {
 border-color: #00a0e9;
 color:#00a0e9
}
.normalNav ul li a.active {
 border-color: #00a0e9;
 color:#00a0e9
}
/* 底部广å'Š */

.width1000 {
 position:relative;
 width:1000px;
 margin:0 auto;
 padding-bottom:1px;
}
.asideBanner {
 z-index:9999;
 position:fixed;
 bottom:0;
 left:0;
 width:20px;
 height:133px;
}
.asideBanner .asideBannerIcon {
 position:absolute;
 top:29px;
 left:0%;
 width:120px;
 height:105px;
 background:#00a0e9;
 cursor:pointer;
}
.asideBanner .foorterBanner {
 position:absolute;
 top:0;
 left:-100%;
 width:100%;
 height:134px;
 background:#00a0e9;
}
.asideBanner .foorterBanner div {
 height:134px;
 background:#00a0e9;
}
.asideBanner .foorterBanner a {
 position:absolute;
 top:29px;
 left:0;
 width:951px;
 height:133px;
 font-size:25px;
 color:#fff;
 line-height:52px;
 text-align:center;
 background:none;
 cursor:pointer;
}
.asideBanner a.a2 {
 right:89px;
}
.asideBanner .foorterBanner div>i {
 position:absolute;
 top:29px;
 right:0;
 width:41px;
 height:38px;
 background:#fa9c29 url('/templets/kefuwb/images/close.png');
 cursor:pointer;
}
/* banner广å'Š */

.container_animate {
 width:100%;
 margin: 0 auto;
}
.banner_animate {
 height: 176px;
 position: relative;
 overflow: hidden;
}
.banner_animate ul, .banner_animate li {
 width: 100% !important;
 height: 100% !important;
}
.banner_animate li {
 background: no-repeat center center;
 background-size: cover;
 color: #fff;
}
.banner_animate .container_animate {
 display: table;
 height: 100%;
 position: relative;
}
.banner_animate .info {
 display: table-cell;
 width: 100%;
 height: 100%;
 vertical-align: middle;
 text-align: right;
}
.banner_animate .info h3 {
 font-size: 30px;
 margin-bottom: 15px;
 -webkit-animation: bounceInRight 1.5s 0s ease both;
 -moz-animation: bounceInRight 1.5s 0s ease both;
 animation: bounceInRight 1.5s 0s ease both;
}
 .banner_animate .btn {
 position: absolute;
 top: 50%;
 background:#00a0e9 url(/templets/kefuwb/images/icons.png) no-repeat;
 width: 26px;
 height: 51px;
 left: 50%;
 margin-top: -25px;
 display: none;
}
.banner_animate .prev {
 background-position: 0 -15px;
 margin-left: -601px;
}
.banner_animate .next {
 background-position: -26px -15px;
 margin-left: 575px;
}
.banner_animate .b1-2 {
 position: absolute;
 top: 130px;
 right: 193px;
}
.banner_animate .b1-3 {
 position: absolute;
 top: 80px;
 left: 0px;
 margin-top: 5px;
 margin-right:50px;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .b1-4 {
 position: absolute;
 top: 200px;
 left: 0px;
 margin-top: 15px;
 margin-right:50px;
 -webkit-animation-delay: 0.4s;
 -moz-animation-delay: 0.4s;
 -o-animation-delay: 0.4s;
 animation-delay: 0.4s;
}
.banner_animate .b2-2 {
 position: absolute;
 bottom: 25px;
 right: 50px;
}
.banner_animate .b2-3 {
 margin-top: -30px;
 margin-right:50px;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .b2-4 {
 margin-top: 5px;
 margin-right:50px;
 -webkit-animation-delay: 0.4s;
 -moz-animation-delay: 0.4s;
 -o-animation-delay: 0.4s;
 animation-delay: 0.4s;
}
.banner_animate .b2-5 {
 margin-top: 25px;
 margin-right:50px;
 -webkit-animation-delay: 0.4s;
 -moz-animation-delay: 0.4s;
 -o-animation-delay: 0.4s;
 animation-delay: 0.4s;
}
.banner_animate .b3-2 {
 position: absolute;
 bottom: 9px;
 right: 2px;
}
.banner_animate .b3-3 {
 display: block;
 margin: 0 auto;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .b3-4 {
 display: block;
 margin: 0 auto;
 margin-top: 25px;
 -webkit-animation-delay: 0.4s;
 -moz-animation-delay: 0.4s;
 -o-animation-delay: 0.4s;
 animation-delay: 0.4s;
}
.banner_animate .b3-1 {
 position: absolute;
 bottom: 10px;
 right: 0px;
}
.banner_animate .b4-2 {
 position: absolute;
 right: 55px;
 top: 120px;
}
.banner_animate .b4-3 {
 margin-left:20px;
 margin-bottom: 40px;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .b4-4 {
 margin-left:20px;
 margin-bottom: 20px;
 -webkit-animation-delay: 0.4s;
 -moz-animation-delay: 0.4s;
 -o-animation-delay: 0.4s;
 animation-delay: 0.4s;
}
.banner_animate .b4-5 {
 margin-left: 20px;
 -webkit-animation-delay: 0.4s;
 -moz-animation-delay: 0.4s;
 -o-animation-delay: 0.4s;
 animation-delay: 0.4s;
}
.banner_animate .b5-2 {
 position: absolute;
 right: 0;
 bottom: 120px;
}
.banner_animate .b5-3 {
 margin-left:40px;
 margin-bottom: 40px;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .b5-4 {
 margin-left:80px;
 margin-bottom: 30px;
}
.banner_animate .b5-5 {
 margin-left: 190px;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .b6-2 {
 position: absolute;
 top: 120px;
 left: 30px;
}
.banner_animate .b6-3 {
 position: absolute;
 top: 175px;
 left: 30px;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .b6-4 {
 position: absolute;
 top: 30px;
 right: 70px;
}
.banner_animate .b6-5 {
 position: absolute;
 top: 250px;
 left: 30px;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .b7-2 {
 margin-bottom:10px;
 display: block;
 margin: 0 auto;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .b7-3 {
 margin-bottom:20px;
 display: block;
 margin: 0 auto;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .b7-4 {
 display: block;
 margin: 0 auto;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .s0 {
 position: absolute;
 left: 0;
 top: 130px
}
.banner_animate .s1 {
 position: absolute;
 left: 0;
 top: 215px;
}
.banner_animate .s2 {
 position: absolute;
 left: 0;
 top: 325px;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .s3 {
 position: absolute;
 left: 74%;
 top: 120px;
 z-index: 5;
 -webkit-animation-delay: 0.3s;
 -moz-animation-delay: 0.3s;
 -o-animation-delay: 0.3s;
 animation-delay: 0.3s;
}
.banner_animate .s4 {
 position: absolute;
 right: 0;
 bottom: 0px;
 z-index: 0;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .o1 {
 position: absolute;
 left: 160px;
 top: 90px;
}
.banner_animate .o2 {
 position: absolute;
 left: 40%;
 top: 175px;
}
.banner_animate .o3 {
 position: absolute;
 left: 24%;
 top: 250px;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .o4 {
 position: absolute;
 right: 24%;
 top: 250px;
 z-index: 5;
}
.banner_animate .c1 {
 position: absolute;
 left: 0;
 top: 130px
}
.banner_animate .c2 {
 position: absolute;
 left: 0;
 top: 215px;
}
.banner_animate .c3 {
 position: absolute;
 top: 5.5rem;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
 width:6.5rem;
}
.banner_animate .c6 {
 position: absolute;
 left: 0.1rem;
 top:1.8rem;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
 background: #fe7d47;
 border: 1px solid #f2672c;
 width:2.3rem;
}
.banner_animate .c5 {
 position: absolute;
 left: 6.7rem;
 top: 5.58rem;
 width: 6rem;
}
.banner_animate .c4 {
 right: 0;
 bottom: 0.2rem;
 z-index: 0;
margin-top: 2.5rem;
 padding-right: 0.8rem;
 float: right;
 width: 39%;
}
.banner_animate .hd {
 position: absolute;
 bottom: 20px;
 left: 49%;
}
.banner_animate .hd ul li {
 float: left;
 width: 30px!important;
 height: 14px!important;
 cursor:pointer;
 background:none;
 margin-right: 5px;
 opacity:0.2;
 border-bottom:2px solid #fff;
}
.banner_animate .hd ul li.on {
 opacity:1;
 cursor:pointer;
}
.hr_video {
 width: 100%;
 height: 740px;
 float: left;
 background:#00a0e9;
 margin-bottom: 20px;
}
.hr_video .video_con {
 width: 718px;
 height: 404px;
 margin:0 auto;
 cursor:pointer;
 margin-top: 100px;
 border:20px solid rgba(255, 255, 255, 0.2);
 border-radius: 15px;
}
/*20171107*/

.mod-title {
 padding-bottom: 35px;
 text-align: center;
}
.mod-title h2 {
 font-size: 36px;
 margin-bottom: 17px;
 font-family: "HanHei SC", "PingHei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;;
}
.mod-title p {
 font-size:1rem;
 line-height: 1.7;
 color: #888;
}
.page-index {
 width: 100%;
 float: left;
}
.page-index .section {
 padding:80px 0;
}
.page-index .section-5 {
 background: #F4F4F4;
}
.page-index .section-5 .mode-list {
 height: 484px;
}
.page-index .section-5 .mode-list .mode-item {
 width: 240px;
 height: 484px;
 text-align: center;
 float: left;
 overflow: hidden;
 margin-left: -1px;
 background: #fff;
 transition: width .4s;
}
.page-index .section-5 .mode-list .mode-wrap {
 width: 750px;
 height: 484px;
}
.page-index .section-5 .mode-list .mode-view {
 float: left;
 width: 238px;
 height: 482px;
 border: 1px solid #DCDCDC;
 opacity: 1;
}
.page-index .section-5 .mode-list .mode-view h3 {
 font-size: 28px;
 padding-top: 52px;
 padding-bottom: 11px;
}
.page-index .section-5 .mode-list .mode-view h4 {
 font-size: 14px;
 color: #888;
}
.page-index .section-5 .mode-list .mode-view i {
 display: block;
 width: 120px;
 height: 90px;
 margin: 80px auto 105px;
}
.page-index .section-5 .mode-list .mode-view ul {
 padding-left: 20px;
}
.page-index .section-5 .mode-list .mode-view li {
 float: left;
 width: 90px;
 height: 30px;
 line-height: 30px;
 margin: 0 5px 10px 5px;
 background: #EDEDED;
}
.page-index .section-5 .mode-list .mode-detail {
 float: left;
 color: #fff;
 width: 480px;
 height: 484px;
 background: #00CE52;
 opacity: 0;
}
.page-index .section-5 .mode-list .mode-detail .detail-left, .page-index .section-5 .mode-list .mode-detail .detail-right {
 width: 240px;
 height: 484px;
}
.page-index .section-5 .mode-list .mode-detail .detail-left {
 float: left;
 background: #3598ff;
 overflow: hidden;
}
.page-index .section-5 .mode-list .mode-detail .detail-left i {
 display: block;
 width: 120px;
 height: 90px;
 margin: 112px auto 70px;
}
.page-index .section-5 .mode-list .mode-detail .detail-left h3 {
 font-size: 28px;
 margin-bottom: 19px;
}
.page-index .section-5 .mode-list .mode-detail .detail-left h4 {
 font-size: 14px;
 padding: 0 25px;
 line-height: 1.7;
}
.page-index .section-5 .mode-list .mode-detail .detail-right {
 float: left;
 background: #3fabff;
}
.page-index .section-5 .mode-list .mode-detail .detail-right ul {
 padding: 20px 10px 0 20px;
}
.page-index .section-5 .mode-list .mode-detail .detail-right li {
 margin-bottom: 16px;
}
.page-index .section-5 .mode-list .mode-detail .detail-right li h3 {
 width: 93px;
 height: 28px;
 border: 1px solid #fff;
 line-height: 28px;
 margin-bottom: 11px;
}
.page-index .section-5 .mode-list .mode-detail .detail-right .min h3 {
 width: 93px;
 height: 24px;
 border: 1px solid #fff;
 line-height: 24px;
 margin-bottom: 11px;
}
.page-index .section-5 .mode-list .mode-detail .detail-right .min p {
 text-align: left;
 line-height: 1.2;
 font-size: 13px;
}
.page-index .section-5 .mode-list .mode-detail .detail-right li p {
 text-align: left;
 line-height: 1.7;
 font-size: 13px;
}
.page-index .section-5 .mode-list .mode-detail .detail-right .get {
 width: 100px;
 height: 31px;
 line-height: 31px;
 padding-left: 15px;
 color: #3598ff;
 display: block;
 margin-left: 20px;
 font-size:1rem;
 background: #fff;
 text-align: left;
}
 .page-index .section-5 .mode-list .mode-item.active {
 width: 480px;
}
.page-index .section-5 .mode-list .mode-item.active .mode-wrap {
 margin-left: -240px;
 opacity: 1;
}
.page-index .section-5 .mode-list .mode-item.active .mode-view {
 opacity: 0;
}
.page-index .section-5 .mode-list .mode-item.active .mode-detail {
 opacity: 1;
}
.page-index .section-6 .section-left {
 width: 523px;
 float: left;
 margin-right: 30px;
 margin-top: 80px;
}
.page-index .section-6 .section-left .mod-title {
 text-align: left;
}
.page-index .section-6 .section-left .mod-title h2 {
 color: #333;
}
.page-index .section-6 .section-left li {
 overflow: hidden;
 padding: 20px;
}
.page-index .section-6 .section-left li.on {
 background: #F4F4F4;
}
.page-index .section-6 .section-left li i {
 width: 40px;
 height: 40px;
 margin-top: 13px;
 float: left;
 background:#00a0e9;
}
.page-index .section-6 .section-left .item-1 i {
 background-position: 0 5px;
}
.page-index .section-6 .section-left .item-2 i {
 background-position: 0 -35px;
}
.page-index .section-6 .section-left .item-3 i {
 background-position: 0 -75px;
}
.page-index .section-6 .section-left .item-4 i {
 background-position: 0 -115px;
}
.page-index .section-6 .section-left li .text {
 float: left;
 margin-left: 20px;
 width: 420px;
}
.page-index .section-6 .section-left li .text h3 {
 font-size: 18px;
 margin-bottom: 5px;
}
.page-index .section-6 .section-left li .text p {
 font-size: 14px;
 color: #888;
 line-height: 1.7;
}

/*app*/

.page-buypage .section-1 {
 background: #f6f6f6;
 height: 820px;
 padding: 0;
}
.page-buypage .section-1 .img {
 width: 1120px;
 height: 625px;
 background:#00a0e9;
 margin: 0 auto;
 position: relative;
 top: 10px;
}
.page-buypage .section-2 {
 background: #f6f6f6;
 height: 820px;
 padding: 0;
}
.page-buypage .section-2 .img {
 width: 1120px;
 height: 633px;
 background:#00a0e9;
 margin: 0 auto;
 position: relative;
 top: 10px;
 left: 0;
}
.page-buypage .section-3 .slide .tabs {
 margin: 0 0 40px 230px;
}
.page-buypage .section-3 .slide .tabs li {
 float: left;
 height: 50px;
 width: 200px;
 margin: 0 25px;
 cursor: pointer;
}
 .page-buypage .section-3 .slide .tabs li.on {
 background-position-y: top;
}
.page-buypage .section-3 .slide .items li {
 height: 554px;
}
 .page-buypage .section-pay ul {
 text-align:center;
}
.page-buypage .section-pay li {
 display: inline-block;
 width:156px;
 text-align:center;
 margin:40px;
 font-size:16px;
}
.page-buypage .section-pay li i {
 display:inline-block;
 width:156px;
 height:156px;
 margin-bottom:20px;
}
 .page-buypage .section-pay .img {
 width: 935px;
 height: 520px;
 margin: 0 auto;
 position: relative;
 top: 10px;
}
.page-buypage .section-5 {
 height: 630px;
 margin-top:50px;
}
.page-buypage .section-5 .mod-title {
 text-align: left;
 margin-left: 476px;
 margin-top: 20px;
}
.page-buypage .section-5 .mod-title h2 {
 text-align: left;
}
.page-buypage .section-5 .slide {
 margin-left: 476px;
 position: relative;
 margin-bottom: 130px;
}
.page-buypage .section-5 .slide .tabs li {
 float: left;
 cursor: pointer;
 width: 130px;
 height: 130px;
 transition: all .2s;
 border-radius: 10px;
 background: #BABABA;
 color: #fff;
 text-align: center;
 margin: 0 30px 30px 0;
}
.page-buypage .section-5 .slide .tabs li.on {
 background: #3598ff;
}
 .page-buypage .section-5 .slide .tabs li.item-1 i {
 background-position: 0 0;
}
.page-buypage .section-5 .slide .tabs li.item-2 i {
 background-position: -50px 0;
}
.page-buypage .section-5 .slide .tabs li.item-3 i {
 background-position: -100px 0;
}
.page-buypage .section-5 .slide .tabs li.item-4 i {
 background-position: -150px 0;
}
.page-buypage .section-5 .slide .tabs li.item-5 i {
 background-position: -200px 0;
}
.page-buypage .section-5 .slide .tabs li.item-6 i {
 background-position: 0 -50px;
}
.page-buypage .section-5 .slide .tabs li.item-7 i {
 background-position: -50px -50px;
}
.page-buypage .section-5 .slide .tabs li.item-8 i {
 background-position: -100px -50px;
}
.page-buypage .section-5 .slide .tabs li p {
 font-size:1rem;
}
.page-buypage .section-5 .slide .items {
 position: absolute;
 left: -370px;
 top: -160px;
 overflow: hidden;
 width: 339px;
 height: 572px;
 background:#00a0e9;
}
.page-buypage .section-5 .slide .items li {
 width: 240px;
 height: 426px;
 margin: 61px 0 0 49px;
}
 .page-buypage .section-8 .mod-title {
 clear: both;
 padding-bottom: 0;
}
.page-buypage .section-8 .mod-title h2 {
 color: #fff;
}
.page-buypage .section-8 .mod-title p {
 color: #fff;
}
 .page-buypage .section-account {
 background: #F4F4F4;
 margin-top: -20px;
}
.page-buypage .section-account .container {
 width: 1210px;
}
.page-buypage .section-account .list {
 margin: 50px -10px;
}
.page-buypage .section-account .list li {
 float: left;
 width: 226px;
 height: 320px;
 position: relative;
 margin: 0 10px;
}
.page-buypage .section-account .list li .bg {
 position: absolute;
 z-index: 1;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 background: #fff;
 transition: all .2s;
 box-shadow: 0 0 30px rgba(0, 0, 0, 0)
}
.page-buypage .section-account .list li:hover .bg {
 transform: scaleY(1.2);
 box-shadow: 0 0 30px rgba(0, 0, 0, .1)
}
.page-buypage .section-account .list li a {
 position: relative;
 z-index: 2;
 text-align: center;
 display: block;
 padding: 40px 25px 0 25px;
 height: 277px;
 overflow: hidden;
 transition: all .2s;
 color: #333;
}
.page-buypage .section-account .list li:hover a {
 height: 300px;
}
 .page-buypage .section-account .list li:nth-child(1) i {
 background-position: 0 0;
}
 .page-buypage .section-account .list li:nth-child(2) i {
 background-position: -110px 0;
}
 .page-buypage .section-account .list li:nth-child(3) i {
 background-position: -220px 0;
}
 .page-buypage .section-account .list li:nth-child(4) i {
 background-position: -330px 0;
}
 .page-buypage .section-account .list li:nth-child(5) i {
 background-position: -440px 0;
}
.page-buypage .section-account .list li h3 {
 font-size: 18px;
 margin-bottom: 20px;
}
.page-buypage .section-account .list li p {
 font-size: 14px;
 color: #888;
}
.page-buypage .section-account .list li p:after {
 content: "";
 display: block;
 margin: 25px auto 21px;
 width: 60px;
 border-top: 2px solid #ECEEF1;
}
.page-buypage .section-account .list li span {
 font-size: 14px;
 color: #03c72e;
 opacity: 0;
 transition: all .2s;
}
.page-buypage .section-account .list li:hover span {
 opacity: 1;
}
.page-buypage .section-account .list li em {
 border:1px solid #3399ff;
 padding:3px 10px;
 color: #3399ff;
 border-radius: 3px;
}
.page-managerpage .section-six .slide .tabs {
 margin: 40px 0 20px 50px;
}
.page-managerpage .section-six .slide .tabs li {
 float: left;
 height: 120px;
 width: 80px;
 margin: 0 50px;
 cursor: pointer;
}
 .page-managerpage .section-six .slide .tabs li.on {
 background-position-y: top;
}
.page-managerpage .section-six .slide .items li {
 height: 554px;
}
 .page-managerpage .section-warehouse {
 background: #F7F9FF;
 padding:60px 0 30px 0;
}
.page-managerpage .section-warehouse .section-left {
 float: left;
 width: 460px;
}
.page-managerpage .section-warehouse .mod-title {
 text-align: left;
}
.page-managerpage .section-warehouse .img {
 float: left;
 width: 612px;
 height: 368px;
 margin-left: 100px;
}
.page-managerpage .section-merchants {
 padding:30px 0;
}
.page-managerpage .section-merchants .section-right {
 width: 490px;
 float: right;
 padding-top: 40px;
}
.page-managerpage .section-merchants .mod-title {
 text-align: left;
}
.page-managerpage .section-merchants .img {
 width: 612px;
 height: 368px;
 float: left;
}
.page-managerpage .section-multistage {
 background: #F7F9FF;
 padding:60px 0 30px 0;
}
.page-managerpage .section-multistage .section-left {
 float: left;
 width: 460px;
}
.page-managerpage .section-multistage .mod-title {
 text-align: left;
}
.page-managerpage .section-multistage .img {
 float: left;
 width: 612px;
 height: 368px;
 margin-left: 100px;
}
.mod-shadow-btn {
 font-size:1rem;
 color: #fff;
 text-align: center;
 display: inline-block;
 vertical-align: middle;
 background: #3399ff;
 height: 47px;
 line-height: 47px;
 width: 180px;
 border-radius: 0px;
 -webkit-user-select: none;
 border-radius: 60px;
}
.mod-shadow-btn {
 -webkit-box-shadow: 0 10px 15px -3px rgba(51, 153, 255, .5);
 -moz-box-shadow: 0 10px 15px -3px rgba(51, 153, 255, .5);
 box-shadow: 0 10px 15px -3px rgba(51, 153, 255, .5);
}
.mod-shadow-btn:hover {
 color: #fff;
 -webkit-transform: translate(0, 3px);
 -moz-transform: translate(0, 3px);
 transform: translate(0, 3px);
 -webkit-box-shadow: 0 7px 15px -3px rgba(51, 153, 255, .5);
 -moz-box-shadow: 0 7px 15px -3px rgba(51, 153, 255, .5);
 box-shadow: 0 7px 15px -3px rgba(51, 153, 255, .5);
}
.page-marketing .section-part01 {
 overflow: hidden;
}
.page-marketing .section-part01 ul {
 margin:50px 0;
}
.page-marketing .section-part01 li {
 width: 240px;
 height: 240px;
 float: left;
 margin:20px 31.25px;
 border-radius: 10px;
 box-shadow: 0px 0px 20px #eee;
}
.page-marketing .section-part01 li:hover {
 box-shadow: 0 0 40px rgba(0, 100, 220, .15)
}
.page-marketing .section-part01 li .img {
 margin-top: 30px;
 width: 75px;
 height:75px;
 background-repeat:no-repeat;
}
 .page-marketing .section-part01 li:nth-child(1) .img {
 background-position: 0 0;
}
 .page-marketing .section-part01 li:nth-child(2) .img {
 background-position: -75px 0;
}
 .page-marketing .section-part01 li:nth-child(3) .img {
 background-position: -150px 0;
}
 .page-marketing .section-part01 li:nth-child(4) .img {
 background-position: -225px 0;
}
 .page-marketing .section-part01 li:nth-child(5) .img {
 background-position: -300px 0;
}
 .page-marketing .section-part01 li:nth-child(6) .img {
 background-position: -375px 0;
}
 .page-marketing .section-part01 li:nth-child(7) .img {
 background-position: -450px 0;
}
 .page-marketing .section-part01 li:nth-child(8) .img {
 background-position: -525px 0;
}
.page-marketing .section-part01 li .text {
 padding-top: 10px;
}
.page-marketing .section-part01 li .text h3 {
 font-size: 18px;
}
.page-marketing .section-part01 li .text p {
 font-size: 14px;
 line-height: 180%;
 padding: 10px 20px;
 text-align: justify;
 color: #999;
}
.page-characteristicpage .section-1 {
 background: #f6f6f6;
 height: 750px;
 padding: 0;
}
.page-characteristicpage .section-1 .img {
 width: 1120px;
 height: 540px;
 margin: 0 auto;
 position: relative;
 top: 10px;
}
.page-characteristicpage .section-2 {
 background: #fff;
 height: 500px;
 padding: 0;
}
.page-characteristicpage .section-2 .product-safety .protect-list {
 margin-top:20px;
}
.page-characteristicpage .section-2 .product-safety .protect-list li {
 float: left;
 width: 22%;
 font-size: 18px;
 padding:0px 1.5%;
 text-align: center;
 line-height: 28px;
}
.page-characteristicpage .section-2 .product-safety .protect-list li h2 {
 font-size: 28px;
 margin-bottom: 20px;
 padding-top: 10px;
 line-height: 24px;
}
.page-characteristicpage .section-2 .product-safety .protect-list .icon {
 display: block;
 margin: 0 auto 30px;
 width: 93px;
 height: 92px;
 vertical-align: middle;
}
 .b2c_iphone .section-4 {
 background-color: #fff;
}
.b2c_iphone .section-4 .title {
 padding-top: 0;
 float: left;
 text-align: left;
}
.b2c_iphone .section-4 .t2 {
 margin-top: 70px;
}
.b2c_iphone .section-4 .t2 .up {
 color:#35acff;
}
.b2c_iphone .section-4 ul {
 width: 100%;
 height: 500px;
 overflow: hidden;
 padding-top: 35px;
 padding-bottom:35px;
}
.b2c_iphone .section-4 ul li {
 width: 253px;
 height: 100%;
 float: left;
 margin-right: 65px;
}
.b2c_iphone .section-4 ul li.one {
 background: none;
}
.b2c_iphone .section-4 ul li.two {
 background: none;
}
.b2c_iphone .section-4 ul li.three {
 background: none;
}
.b2c_iphone .section-4 ul li.last {
 margin-right: 0;
 background:none;
}
.b2c_iphone .section-4 ul li p {
 font-size: 18px;
 color: #fff;
 text-align: left;
 padding: 57px 0 0 110px;
}
.b2c_iphone .section-4 .pic-pay {
 width: 100%;
 float: left;
 margin-top: 40px;
}
/* 尾部客服 */

.b_p_con {
 width: 100%;
 background-color:#1d1c48;
 text-align: center;
 padding-bottom:60px;
 padding-top:60px;
 margin-bottom: -20px;
}
/*.b_p_con .b_p_t{

    font-size:24px;color: #8686d6;padding: 20px 0;

}

*/.b_p_con .b_p_b {
 font-size: 28px;
 color: #fff;
 padding-bottom: 10px;
}
.b_p_con .b_p_b i {
 font-size: 24px;
 float: left;
 text-align: center;
 width: 100%;
 margin-bottom: 10px;
}
.b_p_con .btns {
 width: 454px;
 overflow: hidden;
 margin: 30px auto 0;
}
.b_p_con .btns a {
 outline: none;
 display: block;
 width: 205px;
 height: 60px;
 line-height: 60px;
 text-align: center;
 font-size: 18px;
 border-radius: 30px;
 float: left;
 margin-right: 40px;
}
.b_p_con .btns a.l {
 border:1px solid #8686d6;
 color: #8686d6;
}
.b_p_con .btns a.r {
 margin-right: 0;
 border:1px solid #6844c5;
 background-color: #6844c5;
 color: #fff;
}
.b_p_con .btns a.l:hover {
 border-color: #7952df;
}
.b_p_con .btns a.r:hover {
 background-color: #7952df;
}
/* 订货模式-æ ‡å‡†è®¢è´§ */

.page-mode-solution .banner {
 height:425px;
 background:#00a0e9;
 margin-top: 60px;
 margin-bottom: 40px;
}
.page-mode-solution .section {
 padding:80px 0;
}
.page-mode-solution h2 {
 padding-top: 0px;
}
 .page-mode-solution .section-1 .list li {
 float: left;
 width: 200px;
 margin: 0 20px;
 text-align: center;
 list-style: none;
}
 .page-mode-solution .section-1 .list li:nth-child(1) i {
 background-position: 0 0;
}
 .page-mode-solution .section-1 .list li:nth-child(2) i {
 background-position: -154px 0;
}
 .page-mode-solution .section-1 .list li:nth-child(3) i {
 background-position: -308px 0;
}
 .page-mode-solution .section-1 .list li:nth-child(4) i {
 background-position: -462px 0;
}
 .page-mode-solution .section-1 .list li:nth-child(5) i {
 background-position: -616px 0;
}
.page-mode-solution .section-1 .list li h3 {
 font-size: 21px;
 margin: 20px 0;
}
.page-mode-solution .section-1 .list li p {
 font-size: 14px;
 color: #888;
}
.page-mode-solution .section-2 {
 background:#F6F8FB;
}
 .page-mode-solution .section-5 {
 background:#fff;
 height: 650px;
}
.page-mode-solution .section-5 .section-left {
 width: 473px;
 float: left;
 margin-right: 30px;
 margin-top: 40px;
}
.page-mode-solution .section-5 .section-left .mod-title {
 text-align: left;
}
.page-mode-solution .section-5 .section-left .mod-title h2 {
 color: #333;
}
.page-mode-solution .section-5 .section-left li {
 overflow: hidden;
 padding: 12px 20px;
}
.page-mode-solution .section-5 .section-left li.on {
 background: #F4F4F4;
}
.page-mode-solution .section-5 .section-left li i {
 width: 40px;
 height: 40px;
 margin-top: 13px;
 float: left;
 background:#00a0e9;
}
.page-mode-solution .section-5 .section-left .item-1 i {
 background-position: 0 5px;
}
.page-mode-solution .section-5 .section-left .item-2 i {
 background-position: 0 -35px;
}
.page-mode-solution .section-5 .section-left .item-3 i {
 background-position: 0 -75px;
}
.page-mode-solution .section-5 .section-left .item-4 i {
 background-position: 0 -115px;
}
.page-mode-solution .section-5 .section-left .item-5 i {
 background-position: 0 -155px;
}
.page-mode-solution .section-5 .section-left li .text {
 float: left;
 margin-left: 20px;
 width: 370px;
}
.page-mode-solution .section-5 .section-left li .text h3 {
 font-size: 18px;
 margin-bottom: 3px;
}
.page-mode-solution .section-5 .section-left li .text p {
 font-size: 14px;
 color: #888;
 line-height: 1.5;
}
 .page-mode-solution .section-6 {
 padding:30px 0;
 height: 320px;
 background: #F7F9FF;
}
.page-mode-solution .section-6 .section-right {
 width: 600px;
 float: right;
 padding-top: 40px;
}
.page-mode-solution .section-6 .mod-title {
 text-align: left;
}
 .page-mode-solution .section-7 {
 padding:30px 0;
 height: 320px;
 background:#fff;
}
.page-mode-solution .section-7 .section-left {
 width: 600px;
 float: left;
}
.page-mode-solution .section-7 .mod-title {
 text-align: left;
}
 .page-mode-solution .section-8 {
 padding:30px 0;
 height: 320px;
 background: #F7F9FF;
}
.page-mode-solution .section-8 .section-right {
 width: 600px;
 float: right;
}
.page-mode-solution .section-8 .mod-title {
 text-align: left;
}
 .page-mode-solution .section-9 {
 padding:30px 0;
 height: 320px;
 background: #fff;
}
.page-mode-solution .section-9 .section-left {
 width: 600px;
 float: left;
}
.page-mode-solution .section-9 .mod-title {
 text-align: left;
}
 .page-mode-solution .section-10 {
 background:#F6F8FB;
}
.page-mode-solution .section-10 .mod-title h2 {
 margin-left:500px;
}

/* 订货模式-多ä»"配送版 */


.page-mode-MulDepot .mod-floor {
 padding: 40px 0 70px 0;
 color: #333;
}
.page-mode-MulDepot .mod-container {
 width: 1210px;
 margin: 0 auto;
}
.page-mode-MulDepot .section-3 {
 background: #fff
}
.page-mode-MulDepot .section-3 .list {
 margin: 0 -15px;
}
.page-mode-MulDepot .section-3 .list .item {
 float: left;
 width: 220px;
 margin: 0 15px;
 background: #fff;
 padding: 30px;
 text-align: center;
 transition: all .2s;
}
.page-mode-MulDepot .section-3 .list .item:hover {
 box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}
 .page-mode-MulDepot .section-3 .list .item-1 i {
 background-position: 0 0;
}
.page-mode-MulDepot .section-3 .list .item-2 i {
 background-position: -140px 0;
}
.page-mode-MulDepot .section-3 .list .item-3 i {
 background-position: -280px 0;
}
.page-mode-MulDepot .section-3 .list .item-4 i {
 background-position: -420px 0;
}
.page-mode-MulDepot .section-3 .list .item h3 {
 font-size: 24px;
 margin-bottom: 15px;
}
.page-mode-MulDepot .section-3 .list .item p {
 font-size: 14px;
 color: #888;
 margin-bottom: 20px;
}
.page-mode-MulDepot .section-3 .list .item .line {
 width: 80px;
 height: 2px;
 margin: 0 auto;
 background: #DEE2E4;
 transition: all .2s;
}
.page-mode-MulDepot .section-3 .list .item:hover .line {
 background: #19BE42;
}
.page-mode-MulDepot .section-4 {
 background:#F6F8FB;
 height: 650px;
}

/* 订货模式-商家è"营版 */

.page-mode-Retail .banner {
 height:425px;
 background:#00a0e9;
 margin-top: 60px;
 margin-bottom: 40px;
}
.page-mode-Retail .section-1 {
}
.page-mode-Retail .section-1 .img {
 height: 400px;
 background:#00a0e9;
}
.page-mode-Retail .section-2 {
 background:#F6F8FB;
}
.page-mode-Retail .section-2 .img {
 height: 800px;
 background:#00a0e9;
}
.page-mode-Retail .section-3 {
 background:#fff;
}
.page-mode-Retail .section-3 .img {
 height: 640px;
 background:#00a0e9;
}
.page-mode-Retail .mod-floor {
 padding: 40px 0 70px 0;
 color: #333;
}
.page-mode-Retail .mod-container {
 width: 1210px;
 margin: 0 auto;
}
.page-mode-Retail .section-4 {
 background:#F6F8FB;
}
.page-mode-Retail .section-4 .list {
 margin: 0 -15px;
}
.page-mode-Retail .section-4 .list .item {
 float: left;
 width: 220px;
 margin: 0 15px;
 background: #fff;
 padding: 30px;
 text-align: center;
 transition: all .2s;
}
.page-mode-Retail .section-4 .list .item:hover {
 box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}
 .page-mode-Retail .section-4 .list .item-1 i {
 background-position: 0 0;
}
.page-mode-Retail .section-4 .list .item-2 i {
 background-position: -140px 0;
}
.page-mode-Retail .section-4 .list .item-3 i {
 background-position: -280px 0;
}
.page-mode-Retail .section-4 .list .item-4 i {
 background-position: -420px 0;
}
.page-mode-Retail .section-4 .list .item h3 {
 font-size: 24px;
 margin-bottom: 15px;
}
.page-mode-Retail .section-4 .list .item p {
 font-size: 14px;
 color: #888;
 margin-bottom: 20px;
}
.page-mode-Retail .section-4 .list .item .line {
 width: 80px;
 height: 2px;
 margin: 0 auto;
 background: #DEE2E4;
 transition: all .2s;
}
.page-mode-Retail .section-4 .list .item:hover .line {
 background: #19BE42;
}
.page-mode-Retail .section-5 {
 background:#fff;
}
.page-mode-Retail .section-5 .img {
 height: 500px;
 background:#00a0e9;
}
/* 订货模式-å¤šçº§æ¸ é"版 */

.page-mode-Pool .banner {
 height:425px;
 background:#00a0e9;
 margin-top: 60px;
 margin-bottom: 40px;
}
.page-mode-Pool .section-1 {
 background:#fff;
}
 .page-mode-Pool .section-3 {
 background:#fff;
}
 .page-mode-Pool .section-5 {
 padding:30px 0;
 height: 320px;
 background: #F7F9FF;
}
.page-mode-Pool .section-5 .section-right {
 width: 600px;
 float: right;
 padding-top: 40px;
}
.page-mode-Pool .section-5 .mod-title {
 text-align: left;
}
 .page-mode-Pool .section-6 {
 padding:30px 0;
 height: 320px;
 background:#fff;
}
.page-mode-Pool .section-6 .section-left {
 width: 600px;
 float: left;
}
.page-mode-Pool .section-6 .mod-title {
 text-align: left;
}
.page-mode-Pool .section-6 .img {
 width: 500px;
 height: 450px;
 float: right;
 background:#00a0e9;
}
.page-mode-Pool .section-7 {
 padding:30px 0;
 height: 320px;
 background: #F7F9FF;
}
.page-mode-Pool .section-7 .section-right {
 width: 645px;
 float: right;
}
.page-mode-Pool .section-7 .mod-title {
 text-align: left;
 margin-top: -50px;
}
.page-mode-Pool .section-7 .img {
 width: 500px;
 height: 450px;
 float: left;
 background:#00a0e9;
}
.page-mode-Pool .section-8 {
 padding:30px 0;
 height: 320px;
 background: #fff;
}
.page-mode-Pool .section-8 .section-left {
 width: 600px;
 float: left;
}
.page-mode-Pool .section-8 .mod-title {
 text-align: left;
 margin-top: -70px;
}
.page-mode-Pool .section-8 .img {
 width: 500px;
 height: 450px;
 float: right;
 background:#00a0e9;
}
.page-mode-Pool .section-9 {
 padding:30px 0;
 height: 320px;
 background: #F7F9FF;
}
.page-mode-Pool .section-9 .section-right {
 width: 600px;
 float: right;
}
.page-mode-Pool .section-9 .mod-title {
 text-align: left;
}
.page-mode-Pool .section-9 .img {
 width: 500px;
 height: 450px;
 float: left;
 background:#00a0e9;
}
.page-mode-Pool .section-10 {
 background:#fff;
}
.page-mode-Pool .section-10 h2 {
 margin-left: 520px;
 text-align: left;
}
.page-mode-Pool .section-10 .img {
 height: 500px;
 background:#00a0e9;
}
.page-mode-Pool .section-11 {
 height: 520px;
 background:#F6F8FB;
}
.page-mode-Pool .section-11 h2 {
 padding-left: 490px;
}
.page-mode-Pool .section-11 .list {
 margin: 0 -15px;
}
.page-mode-Pool .section-11 .list .item {
 float: left;
 width: 237px;
 margin: 0 15px;
 background: #fff;
 padding: 20px;
 text-align: center;
 transition: all .2s;
}
.page-mode-Pool .section-11 .list .item:hover {
 box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}
.page-mode-Pool .section-11 .list .item i {
 width: 140px;
 height: 140px;
 display: block;
 margin: 0 auto 20px;
 background-repeat: no-repeat;
}
.page-mode-Pool .section-11 .list .item-1 i {
 background-position: 0 0;
}
.page-mode-Pool .section-11 .list .item-2 i {
 background-position: -140px 0;
}
.page-mode-Pool .section-11 .list .item-3 i {
 background-position: -280px 0;
}
.page-mode-Pool .section-11 .list .item-4 i {
 background-position: -420px 0;
}
.page-mode-Pool .section-11 .list .item h3 {
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 15px;
}
.page-mode-Pool .section-11 .list .item p {
 font-size: 14px;
 color: #888;
 margin-bottom: 20px;
}
.page-mode-Pool .section-11 .list .item .line {
 width: 80px;
 height: 2px;
 margin: 0 auto;
 background: #DEE2E4;
 transition: all .2s;
}
.page-mode-Pool .section-11 .list .item:hover .line {
 background: #00a0e9;
}
/* 移动访é"€ç³»ç»ŸSFA */

.page-field-banner {
 width:100%;
 height: 425px;
 position: relative;
 overflow: hidden;
 margin-top: 60px;
}
.page-field-banner ul, .page-field-banner li {
 width: 100% !important;
 height: 100% !important;
}
.page-field-banner li {
 background: no-repeat center center #00a8ff;
 background-size: cover;
 color: #fff;
}
.page-field-banner .container_field {
 width: 1120px;
 margin: 0 auto;
 display: table;
 height: 100%;
 position: relative;
}
.page-field-banner .container_field h1 {
 width: 100%;
 color: #fff;
 float: left;
 text-align: left;
 font-size: 42px;
 font-weight: 600;
 margin-top: 90px;
 margin-bottom:15px;
 text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.7);
}
.page-field-banner .container_field i {
 width: 100%;
 color: #fff;
 float: left;
 font-size: 28px;
 margin-bottom:80px;
}
.page-field-banner .container_field a {
 float: left;
 color: #fff;
 font-size: 18px;
 text-align: center;
 border-radius: 6px;
 border:1px solid #fff;
 padding:8px 22px;
 margin-right: 20px;
}
.page-field-banner .container_field a:hover {
 background:#00a0e9;
 border:1px solid #00a0e9;
}
.page-field-banner .container_field .active {
 background:#0671f7;
 border:1px solid #0269e9;
}
.page-field .section-1 .list li {
 float: left;
 width: 260px;
 margin: 0 20px;
 margin-bottom:30px;
 text-align: center;
 list-style: none;
}
.page-field .section-1 .list i {
 display: block;
 width: 154px;
 height: 154px;
 margin: 0 auto;
 background:#00a0e9;
}
 .page-field .section-1 .list li:nth-child(1) i {
 background-position: 0 0;
}
 .page-field .section-1 .list li:nth-child(2) i {
 background-position: -154px 0;
}
 .page-field .section-1 .list li:nth-child(3) i {
 background-position: -308px 0;
}
 .page-field .section-1 .list li:nth-child(4) i {
 background-position: -462px 0;
}
.page-field .section-1 .list li h3 {
 font-size: 21px;
 margin: 20px 0;
}
.page-field .section-1 .list li p {
 font-size: 14px;
 color: #888;
}
.page-field .section-2 {
 background: #f1f4f9;
 height: 820px;
 padding: 0;
}
.page-field .section-2 .img {
 width: 1120px;
 height: 625px;
 background:#00a0e9;
 margin: 0 auto;
 position: relative;
 top: 10px;
}
/* 订货模式-高端定制版 */

.page-mode-Customized .banner {
 height:425px;
 background:#00a0e9;
 margin-top: 60px;
 margin-bottom: 40px;
}
.page-mode-Customized .section-1 {
 background:#fff;
}
.page-mode-Customized .section-1 .img {
 height: 600px;
 background:#00a0e9;
}
.page-mode-Customized .mod-floor {
 padding: 40px 0 70px 0;
 color: #333;
}
.page-mode-Customized .mod-container {
 width: 1210px;
 margin: 0 auto;
}
.page-mode-Customized .section-2 {
 background: #F6F8FB
}
.page-mode-Customized .section-2 .list {
 margin: 0 -15px;
}
.page-mode-Customized .section-2 .list .item {
 float: left;
 width: 310px;
 margin: 0 21px;
 background: #fff;
 padding: 30px;
 text-align: center;
 transition: all .2s;
}
.page-mode-Customized .section-2 .list .item:hover {
 box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}
.page-mode-Customized .section-2 .list .item i {
 width: 246px;
 height: 245px;
 display: block;
 margin: 0 auto 20px;
 background-repeat: no-repeat;
}
.page-mode-Customized .section-2 .list .item-1 i {
 background-position: 0 0;
}
.page-mode-Customized .section-2 .list .item-2 i {
 background-position: -246px 0;
}
.page-mode-Customized .section-2 .list .item-3 i {
 background-position: -492px 0;
}
.page-mode-Customized .section-2 .list .item h3 {
 font-size: 24px;
 margin-bottom: 15px;
}
.page-mode-Customized .section-2 .list .item p {
 font-size: 14px;
 color: #888;
 margin-bottom: 20px;
}
.page-mode-Customized .section-2 .list .item .line {
 width: 80px;
 height: 2px;
 margin: 0 auto;
 background: #DEE2E4;
 transition: all .2s;
}
.page-mode-Customized .section-2 .list .item:hover .line {
 background: #19BE42;
}
.page-mode-Customized .section-3 {
 background:#fff;
}
.page-mode-Customized .section-3 .container .customer-con {
 margin-left: -15px;
 margin-right: -15px;
 height: 650px;
}
.page-mode-Customized .section-3 .container .customer-con li {
 width: 17.56%;
 float: left;
 padding-left: 15px;
 padding-right: 15px;
 list-style: none;
}
.page-mode-Customized .section-3 .container .customer-con li .logo-item {
 border: 1px solid #ebedf4;
 text-align: center;
 padding: 15px 0px;
 margin: 0px 0px 15px 0px;
 width: 100%;
 height: 100%;
}
.page-mode-Customized .section-3 .container .customer-con li .logo-item:hover {
 box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}
.page-mode-Customized .section-3 .container .customer-con li .logo-item img {
 margin: 0 auto;
 display: block;
 width: 75px;
 height: 75px;
}
.page-mode-Customized .section-3 .container .customer-con li .logo-item h5 {
 margin-top: 10px;
 font-size: 18px;
 color: #555555;
 line-height: 1.1;
 text-align: center;
}
.page-app-shopkeeper-custom {
 color: #fff;
 font-size: 20px;
 padding:10px 35px;
 border:1px solid #fff;
 border-radius: 6px;
 margin-top: 280px;
 float: left;
}
.page-app-shopkeeper-custom:hover {
 color: #fff;
}
.section-continue {
 height: 250px;
 margin-bottom: -20px;
}
.section-continue h1 {
 font-size: 30px;
 color: #fff;
 padding-top: 70px;
 padding-bottom: 20px;
 margin:0px;
}
.section-continue h1 i {
 font-size: 24px;
 margin-right:20px;
}
.section-continue .continue-con {
 width: 100%;
}
.section-continue .continue-con li {
 float: left;
 list-style: none;
 margin:20px;
 padding: 10px 30px 10px 60px;
 border-radius: 50px;
}
.section-continue .continue-con li a {
 color: #fff;
 font-size: 18px;
 float: left;
}
 .banner {
 width: 100%;
 float: left;
}
.page-mobile .banner {
 height:425px;
 background:#00a0e9;
 margin-top: 0;
 margin-bottom: 40px;
}
.page-mobile .section-1 {
 background:#fff;
}
.page-mobile .section-1 .list li {
 float: left;
 width: 300px;
 margin: 0 47px;
 text-align: center;
 list-style: none;
 margin-bottom: 40px;
}
.page-mobile .section-1 .list i {
 display: block;
 width: 200px;
 height: 200px;
 margin: 0 auto;
 background:#00a0e9;
}
 .page-mobile .section-1 .list li:nth-child(1) i {
 background-position: 0 0;
}
 .page-mobile .section-1 .list li:nth-child(2) i {
 background-position: -200px 0;
}
 .page-mobile .section-1 .list li:nth-child(3) i {
 background-position: -400px 0;
}
.page-mobile .section-1 .list li h3 {
 font-size: 21px;
 margin: 20px 0;
}
.page-mobile .section-1 .list li p {
 font-size: 14px;
 color: #888;
}
.page-mobile .section-2 {
 padding:30px 0;
 height: 475px;
 background: #F7F9FF;
}
.page-mobile .section-2 .section-right {
 width: 500px;
 float: right;
 padding-top: 40px;
 margin-right: 100px;
}
.page-mobile .section-2 .mod-title {
 text-align: left;
}
.page-mobile .section-2 .img {
 width: 400px;
 height: 504px;
 float: left;
 margin-left:50px;
 background:#00a0e9;
}
.page-mobile .section-3 {
 padding:30px 0;
 height: 475px;
 background:#fff;
}
.page-mobile .section-3 .section-left {
 width: 500px;
 float: left;
 margin-left:50px;
 margin-top: 50px;
}
.page-mobile .section-3 .mod-title {
 text-align: left;
}
.page-mobile .section-3 .img {
 width: 400px;
 height: 504px;
 float: right;
 margin-right: 100px;
 background:#00a0e9;
}
.page-mobile .section-4 {
 padding:30px 0;
 height: 420px;
 background: #F6F8FB;
}
.page-mobile .section-4 .section-right {
 width: 500px;
 float: right;
 padding-top: 40px;
 margin-right: 100px;
}
.page-mobile .section-4 .mod-title {
 text-align: left;
}
 .page-mobile .section-5 {
 padding:30px 0;
 height: 475px;
 background:#fff;
}
.page-mobile .section-5 .section-left {
 width: 500px;
 float: left;
 margin-left:50px;
 margin-top: 50px;
}
.page-mobile .section-5 .mod-title {
 text-align: left;
}
.page-mobile .section-5 .img {
 width: 400px;
 height: 504px;
 float: right;
 margin-right: 100px;
 background:#00a0e9;
}
.page-mobile .section-6 {
 padding:30px 0;
 height: 420px;
 background: #F6F8FB;
}
.page-mobile .section-6 .section-right {
 width: 500px;
 float: right;
 padding-top: 40px;
 margin-right: 100px;
}
.page-mobile .section-6 .mod-title {
 text-align: left;
}
.page-mobile .section-6 .img {
 width: 400px;
 height: 450px;
 float: left;
 margin-left:50px;
 background:#00a0e9;
}
.page-mobile .section-7 {
 padding:30px 0;
 height: 475px;
 background:#fff;
}
.page-mobile .section-7 .section-left {
 width: 500px;
 float: left;
 margin-left:50px;
 margin-top: 50px;
}
.page-mobile .section-7 .mod-title {
 text-align: left;
}
.page-mobile .section-7 .img {
 width: 400px;
 height: 504px;
 float: right;
 margin-right: 100px;
 background:#00a0e9;
}
.page-mobile .mod-floor {
 padding: 40px 0 70px 0;
 color: #333;
}
.page-mobile .mod-container {
 width: 1210px;
 margin: 0 auto;
}
.page-mobile .section-8 {
 background: #F6F8FB
}
.page-mobile .section-8 .list {
 margin: 0 -15px;
}
.page-mobile .section-8 .list .item {
 float: left;
 width: 310px;
 margin: 0 21px;
 background: #fff;
 padding: 30px;
 text-align: center;
 transition: all .2s;
}
.page-mobile .section-8 .list .item:hover {
 box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}
.page-mobile .section-8 .list .item i {
 width: 246px;
 height: 245px;
 display: block;
 margin: 0 auto 20px;
 background-repeat: no-repeat;
}
.page-mobile .section-8 .list .item-1 i {
 background-position: 0 0;
}
.page-mobile .section-8 .list .item-2 i {
 background-position: -246px 0;
}
.page-mobile .section-8 .list .item-3 i {
 background-position: -492px 0;
}
.page-mobile .section-8 .list .item h3 {
 font-size: 24px;
 margin-bottom: 15px;
}
.page-mobile .section-8 .list .item p {
 font-size: 14px;
 color: #888;
 margin-bottom: 20px;
}
.page-mobile .section-8 .list .item .line {
 width: 80px;
 height: 2px;
 margin: 0 auto;
 background: #DEE2E4;
 transition: all .2s;
}
.page-mobile .section-8 .list .item:hover .line {
 background: #19BE42;
}
/* 行业ä¸"版-ç"Ÿé²œå†œè´¸ */

.page-mode-fresh .banner {
 height:425px;
 background:#00a0e9;
 margin-top: 60px;
 margin-bottom: 40px;
}
.page-mode-fresh .section {
 padding:80px 0;
}
.page-mode-fresh .mod-title {
 padding-bottom: 35px;
 text-align: center;
}
.page-mode-fresh .mod-title i {
 display: block;
 width: 102px;
 height: 3px;
 background: #00b27a;
 margin-left: 548px;
 margin-bottom: 20px;
}
.page-mode-fresh .mod-title h2 {
 font-size: 36px;
 margin-bottom: 17px;
 font-family: "HanHei SC", "PingHei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;;
}
.page-mode-fresh .mod-title p {
 font-size:1rem;
 line-height: 1.7;
 color: #888;
}
.page-mode-fresh .section-1 {
 background:;
}
 .fresh-shadow-btn {
 font-size:1rem;
 color: #fff;
 text-align: center;
 display: inline-block;
 vertical-align: middle;
 background: #00b27a;
 height: 47px;
 line-height: 47px;
 width: 180px;
 border-radius: 0px;
 -webkit-user-select: none;
 border-radius: 60px;
}
.fresh-shadow-btn {
 -webkit-box-shadow: 0 10px 15px -3px rgba(0, 178, 122, .5);
 -moz-box-shadow: 0 10px 15px -3px rgba(0, 178, 122, .5);
 box-shadow: 0 10px 15px -3px rgba(0, 178, 122, .5);
}
.fresh-shadow-btn:hover {
 color: #fff;
 -webkit-transform: translate(0, 3px);
 -moz-transform: translate(0, 3px);
 transform: translate(0, 3px);
 -webkit-box-shadow: 0 7px 15px -3px rgba(0, 178, 122, .5);
 -moz-box-shadow: 0 7px 15px -3px rgba(0, 178, 122, .5);
 box-shadow: 0 7px 15px -3px rgba(0, 178, 122, .5);
}
/* ä¸"ç‰ˆæ¡ˆä¾‹æ ·å¼ */

.page_case_show {
 width: 1200px;
 margin: auto;
}
.page_case_show ul {
 margin: auto;
 margin-top: 30px;
}
.page_case_show ul li {
 background: none repeat scroll 0 0 #fff;
 float: left;
 margin-bottom: 24px;
 margin-right: 13px;
 position: relative;
 width: 285px;
 border:1px solid #ddd;
}
.page_widget-small-case li {
 background: none repeat scroll 0 0 #f8f8f8;
 border-top: 2px solid #d8d8d8;
 float: left;
 margin-bottom: 24px;
 margin-right: 20px;
 padding: 15px 15px 0;
 position: relative;
 width: 240px;
}
.page_widget-small-case li:hover .page_widget-small-case-qrcode-wrap {
 height: 170px;
 opacity: 1;
 top: -20px;
 transition: all 0.3s ease-in-out 0.2s;
}
.page_widget-small-case-image {
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 border: 1px solid #eee;
 border-radius: 50%;
 float: left;
 height: 75px;
 margin-right: 20px;
 overflow: hidden;
 width: 75px;
}
.page_widget-big-case li {
 border-radius:3px;
 background: none repeat scroll 0 0 #f8f8f8;
 float: left;
 height: 260px;
 margin-bottom: 24px;
 margin-right: 20px;
 position: relative;
 width: 270px;
}
.page_widget-big-case-image {
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 height: 140px;
 overflow: hidden;
 width: 100%;
}
/* 食å"é…'æ°´ä¸"版 */

.page-mode-foods .banner {
 height:425px;
 background:#00a0e9;
 margin-top: 60px;
 margin-bottom: 40px;
}
.page-mode-foods .section {
 padding:80px 0;
}
.page-mode-foods .mod-title {
 padding-bottom: 35px;
 text-align: center;
}
.page-mode-foods .mod-title i {
 display: block;
 width: 102px;
 height: 3px;
 background: #f19a53;
 margin-left: 548px;
 margin-bottom: 20px;
}
.page-mode-foods .mod-title h2 {
 font-size: 36px;
 margin-bottom: 17px;
 font-family: "HanHei SC", "PingHei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;;
}
.page-mode-foods .mod-title p {
 font-size:1rem;
 line-height: 1.7;
 color: #888;
}
.page-mode-foods h2 {
 padding-top: 0px;
}
.page-mode-foods .section-1 {
 background:;
}

/* 母婴行业ä¸"版 */

.page-mode-baby .mod-title i {
 display: block;
 width: 102px;
 height: 3px;
 background: #f65976;
 margin-left: 548px;
 margin-bottom: 20px;
}
.page-mode-baby .banner {
 height:425px;
 background:#00a0e9;
 margin-top: 60px;
 margin-bottom: 40px;
}
.page-mode-baby .section-1 {
 background:;
}
.page-mode-baby .section-1 .img {
 height: 480px;
 background:#00a0e9;
}
.page-mode-baby .section-2 {
 padding:30px 0;
 height: 475px;
 background: #F7F9FF;
}
.page-mode-baby .section-2 .section-right {
 width: 500px;
 float: right;
 padding-top: 40px;
 margin-right: 100px;
}
.page-mode-baby .section-2 .mod-title {
 text-align: left;
}
.page-mode-baby .section-2 .img {
 width: 450px;
 height: 504px;
 float: left;
 margin-left:50px;
 background:#00a0e9;
}
.page-mode-baby .section-3 {
 padding:30px 0;
 height: 475px;
 background:#fff;
}
.page-mode-baby .section-3 .section-left {
 width: 500px;
 float: left;
 margin-left:50px;
 margin-top: 50px;
}
.page-mode-baby .section-3 .mod-title {
 text-align: left;
}
.page-mode-baby .section-3 .img {
 width: 500px;
 height: 504px;
 float: right;
 margin-right: 100px;
 background:#00a0e9;
}
.page-mode-baby .section-4 {
 padding:30px 0;
 height: 500px;
 background: #F6F8FB;
}
.page-mode-baby .section-4 .section-right {
 width: 500px;
 float: right;
 padding-top: 20px;
 margin-right: 100px;
}
.page-mode-baby .section-4 .mod-title {
 text-align: left;
}
 .page-mode-baby .section-5 {
 padding:30px 0;
 height: 475px;
 background:#fff;
}
.page-mode-baby .section-5 .section-left {
 width: 500px;
 float: left;
 margin-left:50px;
 margin-top: 50px;
}
.page-mode-baby .section-5 .mod-title {
 text-align: left;
}
.page-mode-baby .section-5 .img {
 width: 500px;
 height: 504px;
 float: right;
 margin-right: 100px;
 background:#00a0e9;
}
.page-mode-baby .section-6 {
 padding:30px 0;
 height: 480px;
 background: #F6F8FB;
}
.page-mode-baby .section-6 .section-right {
 width: 500px;
 float: right;
 margin-right: 100px;
}
.page-mode-baby .section-6 .mod-title {
 text-align: left;
}
.page-mode-baby .section-6 .img {
 width: 500px;
 height: 480px;
 float: left;
 margin-left:50px;
 background:#00a0e9;
}
.page-mode-baby .section-7 {
 padding:30px 0;
 height: 475px;
 background:#fff;
}
.page-mode-baby .section-7 .section-left {
 width: 500px;
 float: left;
 margin-left:50px;
 margin-top: 50px;
}
.page-mode-baby .section-7 .mod-title {
 text-align: left;
}
.page-mode-baby .section-7 .img {
 width: 450px;
 height: 504px;
 float: right;
 margin-right: 100px;
 background:#00a0e9;
}
.page-mode-baby .section-8 {
 padding:30px 0;
 height: 500px;
 background: #F6F8FB;
}
.page-mode-baby .section-8 .section-right {
 width: 500px;
 float: right;
 margin-right: 100px;
}
.page-mode-baby .section-8 .mod-title {
 text-align: left;
}
.page-mode-baby .section-8 .img {
 width: 500px;
 height: 500px;
 float: left;
 margin-left:50px;
 background:#00a0e9;
}
.baby-shadow-btn {
 font-size:1rem;
 color: #fff;
 text-align: center;
 display: inline-block;
 vertical-align: middle;
 background: #f65976;
 height: 47px;
 line-height: 47px;
 width: 180px;
 border-radius: 0px;
 -webkit-user-select: none;
 border-radius: 60px;
}
.baby-shadow-btn {
 -webkit-box-shadow: 0 10px 15px -3px rgba(246, 89, 118, .5);
 -moz-box-shadow: 0 10px 15px -3px rgba(246, 89, 118, .5);
 box-shadow: 0 10px 15px -3px rgba(246, 89, 118, .5);
}
.baby-shadow-btn:hover {
 color: #fff;
 -webkit-transform: translate(0, 3px);
 -moz-transform: translate(0, 3px);
 transform: translate(0, 3px);
 -webkit-box-shadow: 0 7px 15px -3px rgba(246, 89, 118, .5);
 -moz-box-shadow: 0 7px 15px -3px rgba(246, 89, 118, .5);
 box-shadow: 0 7px 15px -3px rgba(246, 89, 118, .5);
}
/* 日化百货ä¸"版 */

.page-mode-daily .mod-title i {
 display: block;
 width: 102px;
 height: 3px;
 background: #3285ff;
 margin-left: 548px;
 margin-bottom: 20px;
}
.page-mode-daily .banner {
 height:425px;
 background:#00a0e9;
 margin-top: 60px;
 margin-bottom: 40px;
}
.page-mode-daily .section-1 {
 background:;
}
.page-mode-daily .section-1 .img {
 height: 520px;
 background:#00a0e9;
}
.page-mode-daily .section-2 {
 padding:30px 0;
 height: 475px;
 background: #F7F9FF;
}
.page-mode-daily .section-2 .section-right {
 width: 500px;
 float: right;
 padding-top: 40px;
 margin-right: 100px;
}
.page-mode-daily .section-2 .mod-title {
 text-align: left;
}
.page-mode-daily .section-2 .img {
 width: 450px;
 height: 504px;
 float: left;
 margin-left:50px;
 background:#00a0e9;
}
.page-mode-daily .section-3 {
 padding:30px 0;
 height: 475px;
 background:#fff;
}
.page-mode-daily .section-3 .section-left {
 width: 500px;
 float: left;
 margin-left:50px;
 margin-top: 50px;
}
.page-mode-daily .section-3 .mod-title {
 text-align: left;
}
.page-mode-daily .section-3 .img {
 width: 500px;
 height: 504px;
 float: right;
 margin-right: 100px;
 background:#00a0e9;
}
.page-mode-daily .section-4 {
 padding:30px 0;
 height: 475px;
 background: #F6F8FB;
}
.page-mode-daily .section-4 .section-right {
 width: 500px;
 float: right;
 padding-top: 20px;
 margin-right: 100px;
}
.page-mode-daily .section-4 .mod-title {
 text-align: left;
}
 .page-mode-daily .section-5 {
 padding:30px 0;
 height: 475px;
 background:#fff;
}
.page-mode-daily .section-5 .section-left {
 width: 500px;
 float: left;
 margin-left:50px;
 margin-top: 50px;
}
.page-mode-daily .section-5 .mod-title {
 text-align: left;
}
.page-mode-daily .section-5 .img {
 width: 500px;
 height: 504px;
 float: right;
 margin-right: 100px;
 background:#00a0e9;
}
.page-mode-daily .section-6 {
 padding:30px 0;
 height: 480px;
 background: #F6F8FB;
}
.page-mode-daily .section-6 .section-right {
 width: 500px;
 float: right;
 margin-right: 100px;
}
.page-mode-daily .section-6 .mod-title {
 text-align: left;
}
.page-mode-daily .section-6 .img {
 width: 500px;
 height: 480px;
 float: left;
 margin-left:50px;
 background:#00a0e9;
}
.page-mode-daily .section-7 {
 padding:30px 0;
 height: 475px;
 background:#fff;
}
.page-mode-daily .section-7 .section-left {
 width: 500px;
 float: left;
 margin-left:50px;
 margin-top: 50px;
}
.page-mode-daily .section-7 .mod-title {
 text-align: left;
}
.page-mode-daily .section-7 .img {
 width: 500px;
 height: 504px;
 float: right;
 margin-right: 100px;
 background:#00a0e9;
}
.page-mode-daily .section-8 {
 padding:30px 0;
 height: 500px;
 background: #F6F8FB;
}
.page-mode-daily .section-8 .section-right {
 width: 500px;
 float: right;
 margin-right: 100px;
}
.page-mode-daily .section-8 .mod-title {
 text-align: left;
}
.page-mode-daily .section-8 .img {
 width: 500px;
 height: 500px;
 float: left;
 margin-left:50px;
 background:#00a0e9;
}
.daily-shadow-btn {
 font-size:1rem;
 color: #fff;
 text-align: center;
 display: inline-block;
 vertical-align: middle;
 background: #3285ff;
 height: 47px;
 line-height: 47px;
 width: 180px;
 border-radius: 0px;
 -webkit-user-select: none;
 border-radius: 60px;
}
.daily-shadow-btn {
 -webkit-box-shadow: 0 10px 15px -3px rgba(50, 133, 255, .5);
 -moz-box-shadow: 0 10px 15px -3px rgba(50, 133, 255, .5);
 box-shadow: 0 10px 15px -3px rgba(50, 133, 255, .5);
}
.daily-shadow-btn:hover {
 color: #fff;
 -webkit-transform: translate(0, 3px);
 -moz-transform: translate(0, 3px);
 transform: translate(0, 3px);
 -webkit-box-shadow: 0 7px 15px -3px rgba(50, 133, 255, .5);
 -moz-box-shadow: 0 7px 15px -3px rgba(50, 133, 255, .5);
 box-shadow: 0 7px 15px -3px rgba(50, 133, 255, .5);
}
/* 餐饮连é"ä¸"版 */
.mask-wraper {
 position: fixed;
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
 background: rgba(0, 0, 0, .5);
 display: none;
 z-index: 999999999999999999999999;
}
.mask {
 position: fixed;
 left: 5%;
 top: 24%;
 width: 90%;
 height: auto;
 background: #fff;
 border-radius: 3px;
 overflow: hidden;
 box-sizing: border-box;
 padding: 1rem;
}
.mask .mask-title {
 height: 26px;
 line-height: 26px;
 color: #333333;
 font-size: 22px;
 text-align: center;
 margin-bottom: 22px;
 font-weight: 700;
}
.mask .input-wraper {
 height: 52px;
 line-height: 52px;
 background: #F3F3F3;
 text-align: left;
 padding-left: 22px;
 margin-bottom: 16px;
}
 .mask .input-wraper input {
 display: inline-block;
 vertical-align: top;
 height: 52px;
 line-height: 52px;
 color: #999999;
 font-size:14px;
 text-align: left;
 width: 200px;
 border: 0;
 outline: none;
 background: transparent;
}
.mask-close {
 position: absolute;
 width: 13px;
 height: 13px;
 background: url(/templets/kefuwb/images/icon_tc_xxc.png) no-repeat center center;
 background-size: 100% 100%;
 top: 18px;
 right: 15px;
}
.bottom-btn {
 margin-top: 20px;
}
.bottom-btn div, .mask-close {
 cursor: pointer;
}
.bottom-btn .ljhm-btn {
 float: left;
 width: 8rem;
 background: #FFA31F;
 text-align: center;
 color: #fff;
 font-size: 18px;
 border-radius: 5px;
 padding: 1.1rem 0rem;
 line-height: 0;
 height: auto;
 border: 1px solid #D8D8D8;
}
.bottom-btn .cancle {
 float: right;
 padding: 1.1rem 0rem;
 line-height: 0;
 background: #fff;
 border: 1px solid #D8D8D8;
 text-align: center;
 color: #fff;
 font-size: 18px;
 color: #333333;
 border-radius:5px;
 width: 8rem;
}
.page-mode-restaurant .mod-title i {
 display: block;
 width: 102px;
 height: 3px;
 background: #e0624c;
 margin-left: 548px;
 margin-bottom: 20px;
}
.page-mode-restaurant .banner {
 height:425px;
 background:#00a0e9;
 margin-top: 60px;
 margin-bottom: 40px;
}
.page-mode-restaurant .section-1 {
 background:;
}
.page-mode-restaurant .section-1 .img {
 height: 480px;
 background:#00a0e9;
}
.page-mode-restaurant .section-2 {
 padding:30px 0;
 height: 475px;
 background: #F7F9FF;
}
.page-mode-restaurant .section-2 .section-right {
 width: 500px;
 float: right;
 padding-top: 40px;
 margin-right: 100px;
}
.page-mode-restaurant .section-2 .mod-title {
 text-align: left;
}
.page-mode-restaurant .section-2 .img {
 width: 500px;
 height: 504px;
 float: left;
 margin-left:50px;
 background:#00a0e9;
}
.page-mode-restaurant .section-3 {
 padding:30px 0;
 height: 475px;
 background:#fff;
}
.page-mode-restaurant .section-3 .section-left {
 width: 500px;
 float: left;
 margin-left:50px;
 margin-top: 20px;
}
.page-mode-restaurant .section-3 .mod-title {
 text-align: left;
}
.page-mode-restaurant .section-3 .img {
 width: 500px;
 height: 504px;
 float: right;
 margin-right: 100px;
 background:#00a0e9;
}
.page-mode-restaurant .section-4 {
 padding:30px 0;
 height: 500px;
 background: #F6F8FB;
}
.page-mode-restaurant .section-4 .section-right {
 width: 500px;
 float: right;
 padding-top: 20px;
 margin-right: 100px;
}
.page-mode-restaurant .section-4 .mod-title {
 text-align: left;
}
 .page-mode-restaurant .section-5 {
 padding:30px 0;
 height: 475px;
 background:#fff;
}
.page-mode-restaurant .section-5 .section-left {
 width: 500px;
 float: left;
 margin-left:50px;
 margin-top: 50px;
}
.page-mode-restaurant .section-5 .mod-title {
 text-align: left;
}
 .page-mode-restaurant .section-6 {
 padding:30px 0;
 height: 500px;
 background: #F6F8FB;
}
.page-mode-restaurant .section-6 .section-right {
 width: 500px;
 float: right;
 margin-right: 100px;
}
.page-mode-restaurant .section-6 .mod-title {
 text-align: left;
}
 .page-mode-restaurant .section-7 {
 padding:30px 0;
 height: 475px;
 background:#fff;
}
.page-mode-restaurant .section-7 .section-left {
 width: 500px;
 float: left;
 margin-left:50px;
 margin-top: 50px;
}
.page-mode-restaurant .section-7 .mod-title {
 text-align: left;
}
 .page-mode-restaurant .section-8 {
 padding:30px 0;
 height: 500px;
 background: #F6F8FB;
}
.page-mode-restaurant .section-8 .section-right {
 width: 500px;
 float: right;
 margin-right: 100px;
}
.page-mode-restaurant .section-8 .mod-title {
 text-align: left;
}
 .restaurant-shadow-btn {
 font-size:1rem;
 color: #fff;
 text-align: center;
 display: inline-block;
 vertical-align: middle;
 background: #e0624c;
 height: 47px;
 line-height: 47px;
 width: 180px;
 border-radius: 0px;
 -webkit-user-select: none;
 border-radius: 60px;
}
.restaurant-shadow-btn {
 -webkit-box-shadow: 0 10px 15px -3px rgba(224, 98, 76, .5);
 -moz-box-shadow: 0 10px 15px -3px rgba(224, 98, 76, .5);
 box-shadow: 0 10px 15px -3px rgba(224, 98, 76, .5);
}
.restaurant-shadow-btn:hover {
 color: #fff;
 -webkit-transform: translate(0, 3px);
 -moz-transform: translate(0, 3px);
 transform: translate(0, 3px);
 -webkit-box-shadow: 0 7px 15px -3px rgba(224, 98, 76, .5);
 -moz-box-shadow: 0 7px 15px -3px rgba(224, 98, 76, .5);
 box-shadow: 0 7px 15px -3px rgba(224, 98, 76, .5);
}
/* è"ç³»æˆ'们-地图 */

.list-contact img {
 width: 100%;
}
.list-contact li {
 float:left;
 width:250px;
 margin-top:50px;
 padding-left:50px;
}
.list-contact li .pic {
 width:80px;
 height:80px;
 text-align:center;
 margin-left:40px;
 margin-bottom:30px;
 line-height:76px;
 border-radius:100%;
 display:inline-block;
 border:solid 2px #3285ff
}
.list-contact li .blue {
 color:#00a0e9
}
.list-contact li:first-child {
 border:0
}
.list-contact .map {
 margin-top:0.8rem;
 position:relative
}
.list-contact .map .box {
 color:#fff;
 padding:10px;
 width:186px;
 line-height:18px;
 border-radius:10px;
 position:relative;
 background-color:#3285ff
}
.list-contact .map .box:after {
 content:"";
 right:-10px;
 bottom:10px;
 position:absolute;
 width:0;
 height:0;
 border-top:10px solid transparent;
 border-bottom:10px solid transparent;
 border-left:10px solid #3285ff
}
.list-contact .map .box-1 {
 top:230px;
 left:581px;
 position:absolute
}
.list-contact .map .box-2 {
 top: 325px;
 left: 542px;
 position:absolute
}
.list-contact .map .box-3 {
 top: 282px;
 right: 146px;
 position:absolute
}
.list-contact .map .box-3:after {
 left:-10px;
 -webkit-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 transform:rotate(45deg);
 border-top:10px solid transparent;
 border-bottom:10px solid transparent;
 border-right:10px solid #3285ff
}
.list-contact .map .box-4 {
 top: 138px;
 right: 184px;
 position:absolute
}
.list-contact .map .box-4:after {
 content:"";
 right:93px;
 bottom:10px;
 top: 69px;
 position:absolute;
 width:0;
 height:0;
 -webkit-transform:rotate(90deg);
 -ms-transform:rotate(90deg);
 transform:rotate(90deg);
 border-top:10px solid transparent;
 border-bottom:10px solid transparent;
 border-left:10px solid #3285ff
}
.list-contact .map .box-5 {
 top: 433px;
 left: 726px;
 position:absolute
}
.list-contact .map .box-6 {
 top:600px;
 right:215px;
 position:absolute
}
.list-contact .map .box-6:after {
 left:-10px;
 bottom:0;
 top:11px;
 -webkit-transform:rotate(-45deg);
 -ms-transform:rotate(-45deg);
 transform:rotate(-45deg);
 border-top:10px solid transparent;
 border-bottom:10px solid transparent;
 border-right:10px solid #3285ff
}
 .list-contact .map .box-5:after {
 content: "";
 right: 88px;
    /* bottom: 10px; */
    top: -14px;
 position: absolute;
 width: 0;
 height: 0;
 -webkit-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 transform: rotate(90deg);
 border-top: 10px solid #3285ff;
 border-right: 10px solid #3285ff;
 border-left: 10px solid transparent;
}
section article {
 text-align:center;
 position:relative;
 margin:0 auto;
 max-width:100%;
/*	font-size:0*/
}
.way {
 margin-top: 0.5rem;
 height: 5rem;
}
.way li {
 display:inline-block;
 width: 47.7%;
 height:5rem;
 border-radius: 0.2rem;
 background-color:#fff;
 box-shadow:0 0 0.2rem 0 rgba(26, 52, 45, .1);
 position:relative;
 margin:0 0.2rem;
 border-left:0px;
 padding-top: 0.5rem;
}
.way li img {
 width: 3rem;
 height: 3rem;
 position: absolute;
 left: 0.5rem;
 top: 0.87rem;
 margin-left: 0px;
}
 .way li p:nth-of-type(1) {
 margin-top: 0.5rem;
 font-weight: 500;
 color: #65bf26;
 font-size: 1rem;
}
.way li p h3 {
 font-size: 1rem;
}
.way li p {
 margin-left:1rem;
 text-align: left;
 font-size: 0.8rem;
}
 .way li p:nth-of-type(2) {
 margin-top: 0.3rem;
 line-height: 1.39;
 /*text-align: justify;*/
 color: #757575;
}
 .way li:nth-of-type(2) p:nth-of-type(1) {
 color: #03a9f4;
}
/* index订货简介*/

.ellipsis {
 text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
 -moz-text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden
}
.f-main-list {
 width:100%;
 margin:0.5rem auto 0 auto;
 text-align:center;
}
.f-main-item {
 display:inline-block;
 margin:0 0.2rem 0.5rem 0.2rem;
 width:40%;
 _zoom:1;
 position:relative;
 height:3rem;
}
.fk-infoBlockWrap .fk-infoBlock {
 width:100%;
 height:100%;
 transform-origin:center center;
 position:relative;
 _overflow:visible;
}
.fk-infoBlockWrap .f-bg {
 width:2.5rem;
 height:2.5rem;
 background:#27c9f8;
 background:linear-gradient(145deg, #06e5f8, #3eb5f8);
 position:absolute;
 z-index:0;
 left:0;
 top:0;
 border-radius:1.8rem;
 transition:all .3s;
 transform-origin:center center;
 overflow:visible
}
.fk-infoBlockWrap .f-infoBlock-normal .f-bg {
 background:transparent
}
.fk-infoBlockWrap .f-infoIcon {
 background:#00a0e9 url(/templets/kefuwb/images/home_ico.png) no-repeat -890px -1191px;
 width:90px;
 height:70px;
 position:absolute;
 left:50%;
 top:50%;
 margin-left:-45px;
 margin-top:-35px;
 transition:opacity .3s
}
.fk-infoBlockWrap .f-infoIcon-listedBrand {
 background-position:-895px -1300px
}
.fk-infoBlockWrap .f-infoIcon-funcRich {
 background-position:-886px -1402px
}
.fk-infoBlockWrap .f-infoIcon-oneKey {
 background-position:-899px -1500px
}
.fk-infoBlockWrap .f-infoIcon-model {
 background-position:-1004px -1497px
}
.fk-infoBlockWrap .f-infoIcon-site3to1 {
 background-position:-1008px -1401px
}
.fk-infoBlockWrap .f-infoIcon-easeMaintain {
 background-position:-1009px -1298px
}
.fk-infoBlockWrap .f-infoIcon-superSevice {
 background-position:-1009px -1194px
}
.f-main-itemHover .fk-infoBlockWrap:hover .f-infoBlock-fasico .f-bg {
 height:159px;
 width:236px;
 left:-45px;
 top:-13px;
 border-radius:20px 20px 0 0/20px 20px 0 0;
 background-color:#06e5f8;
 background:linear-gradient(90deg, #3eb5f8, #06e5f8)
}
.f-main-itemHover .fk-infoBlockWrap-listedBrand:hover .f-infoBlock-fasico .f-bg {
 background-color:#64aaf2;
 background:linear-gradient(90deg, #64edea, #64aaf2)
}
.f-main-itemHover .fk-infoBlockWrap-funcRich:hover .f-infoBlock-fasico .f-bg {
 background-color:#f8788b;
 background:linear-gradient(90deg, #f8c84c, #f8788b)
}
.f-main-itemHover .fk-infoBlockWrap-oneKey:hover .f-infoBlock-fasico .f-bg {
 background-color:#f65589;
 background:linear-gradient(90deg, #f26768, #f65589)
}
.f-main-itemHover .fk-infoBlockWrap-model:hover .f-infoBlock-fasico .f-bg {
 background-color:#c467ff;
 background:linear-gradient(90deg, #fe80fb, #c467ff)
}
.f-main-itemHover .fk-infoBlockWrap-site3to1:hover .f-infoBlock-fasico .f-bg {
 background-color:#38cf7a;
 background:linear-gradient(90deg, #32dab7, #38cf7a)
}
.f-main-itemHover .fk-infoBlockWrap-easeMaintain:hover .f-infoBlock-fasico .f-bg {
 background-color:#b376ff;
 background:linear-gradient(90deg, #44aaf8, #b376ff)
}
.f-main-itemHover .fk-infoBlockWrap-superSevice:hover .f-infoBlock-fasico .f-bg {
 background-color:#6cbaf8;
 background:linear-gradient(90deg, #7ee1f9, #6cbaf8)
}
.f-main-itemHover .fk-infoBlockWrap:hover .f-infoBlock-normal .f-bg {
 height:auto;
 width:auto;
 left:-0.2rem;
 top:0;
 bottom:-0.2rem;
 background:#fff;
 border-radius:0 0 0.2rem 0.2rem/ 0 0 0.2rem 0.2rem;
}
.fk-infoBlockWrap {
 position:relative;
 width:2.5rem;
 height:2.5rem;
 margin: 0 auto;
}
.fk-infoBlockWrap .f-wrapBg {
 position:absolute;
 width:2.5rem;
 height:2.5rem;
 border-radius:0;
 transition:all .3s;
 overflow:visible
}
.f-main-itemHover .fk-infoBlockWrap:hover .f-wrapBg {
 width:236px;
 height:318px;
 box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.15);
 left:-45px;
 top:-13px;
 border-radius:20px
}
.fk-infoBlockWrap .f-infoWrap {
 position:absolute;
 top:0;
 z-index:2;
 text-align:center;
 width:238px;
 left:-45px;
 transition:all .3s;
 opacity:0;
 filter:alpha(opacity=0)
}
.f-infoBlock-fasico .f-infoWrap {
 top:-13px;
 text-align:center
}
.fk-infoBlockWrap-listedBrand .f-bg {
 background-color:#64aaf2;
 background:linear-gradient(145deg, #64edea, #64aaf2)
}
.fk-infoBlockWrap-listedBrand:hover .f-infoBlock-fasico .f-bg {
 background:linear-gradient(90deg, #64edea, #64aaf2)
}
.fk-infoBlockWrap-funcRich .f-bg {
 background-color:#f8788b;
 background:linear-gradient(145deg, #f8c84c, #f8788b)
}
.fk-infoBlockWrap-funcRich:hover .f-infoBlock-fasico .f-bg {
 background:linear-gradient(90deg, #f8c84c, #f8788b)
}
.fk-infoBlockWrap-oneKey .f-bg {
 background-color:#f65589;
 background:linear-gradient(145deg, #f26768, #f65589)
}
.fk-infoBlockWrap-oneKey:hover .f-infoBlock-fasico .f-bg {
 background:linear-gradient(90deg, #f26768, #f65589)
}
.fk-infoBlockWrap-model .f-bg {
 background-color:#c467ff;
 background:linear-gradient(145deg, #fe80fb, #c467ff)
}
.fk-infoBlockWrap-model:hover .f-infoBlock-fasico .f-bg {
 background:linear-gradient(90deg, #fe80fb, #c467ff)
}
.fk-infoBlockWrap-site3to1 .f-bg {
 background-color:#38cf7a;
 background:linear-gradient(145deg, #32dab7, #38cf7a)
}
.fk-infoBlockWrap-site3to1:hover .f-infoBlock-fasico .f-bg {
 background:linear-gradient(90deg, #32dab7, #38cf7a)
}
.fk-infoBlockWrap-easeMaintain .f-bg {
 background-color:#b376ff;
 background:linear-gradient(145deg, #44aaf8, #b376ff)
}
.fk-infoBlockWrap-easeMaintain:hover .f-infoBlock-fasico .f-bg {
 background:linear-gradient(90deg, #44aaf8, #b376ff)
}
.fk-infoBlockWrap-superSevice .f-bg {
 background-color:#6cbaf8;
 background:linear-gradient(145deg, #7ee1f9, #6cbaf8)
}
.fk-infoBlockWrap-superSevice:hover .f-infoBlock-fasico .f-bg {
 background:linear-gradient(90deg, #7ee1f9, #6cbaf8)
}
.fk-infoBlock .f-info-title {
 font-size:16px;
 padding-top:45px;
 padding-bottom:25px;
 line-height:1
}
.fk-infoBlock .f-info-desc {
 font-size:0.2rem;
 padding:0 0.2rem;
 line-height:0.4rem;
 margin-top:-0.2rem;
}
.fk-infoBlock .f-button {
 background:#fff;
 display:inline-block;
 width:100px;
 height:30px;
 line-height:30px;
 border-radius:15px;
 z-index:3;
 color:#2f82ff
}
.f-infoBlock-fasico .f-info-title {
 font-size:16px;
 padding-top:35px;
 padding-bottom:18px;
 line-height:1
}
.f-infoBlock-fasico .f-info-desc {
 font-size:13px;
 padding:0 10px;
 line-height:1.8;
 margin-top:-7px;
 padding-bottom:16px
}
.f-infoBlock-fasico .f-button.raised {
 background:transparent;
 color:#fff;
 display:block;
 margin:0 auto;
 width:100px;
 height:30px;
 line-height:30px;
 border-radius:15px;
 z-index:3;
 font-size:12px
}
.f-infoBlock-fasico-mulLine .f-info-title {
 padding-top:35px;
 padding-bottom:18px
}
.f-infoBlock-fasico-mulLine .f-info-desc {
 font-size:13px;
 padding:0 10px;
 line-height:1.8;
 margin-top:-7px;
 padding-bottom:10px
}
.f-infoBlock-fasico .f-button.raised:hover {
 background-color:#fff;
 color:#666
}
.f-infoBlock-fasico .f-button.raised:hover .anim {
 display:none
}
.f-infoBlock-normal .f-info-title {
 color:#333
}
.f-infoBlock-normal .f-info-desc {
 color:#666;
margin-top: -1rem;
}
.f-infoBlock-fasico .f-info-title, .f-infoBlock-fasico .f-info-desc {
 color:#fff
}
.f-main-itemHover .fk-infoBlockWrap:hover .f-infoIcon {
 opacity:0;
 filter:alpha(opacity=0)
}
.f-main-itemHover .fk-infoBlockWrap:hover .f-infoWrap {
 opacity:1;
 filter:alpha(opacity=100)
}
.f-infoBlock-name {
 padding-top:0.5rem;
 transition:opacity .1s;
 opacity:1;
 text-align:center;
 font-size:0.3rem;
 color:#333;
 line-height:1rem;
 position:absolute;
 top: 2rem;
 width:2.5rem;
 margin: 0 0.2rem 0.5rem 0.2rem;
}
.f-main-itemHover:hover .f-infoBlock-name {
 opacity:0;
 filter:alpha(opacity=0)
}
.set_4_button2 {
 position:relative;
 font-weight:400;
 text-align:center;
 width:auto;
 line-height:70px;
 font-size:21px;
 overflow:hidden;
 position:relative;
 z-index:0;
 cursor:pointer;
 color:#fff;
 border-radius:35px;
 border:solid #fff 1px;
 width:220px;
 text-align:center
}
.set_4_button2.raised {
 -moz-transition:all .1s;
 -o-transition:all .1s;
 -webkit-transition:all .1s;
 transition:all .1s
}
 .trade-content {
 padding: 30px 0;
}
.trade-black {
 height: 400px;
 background-color: #30383e;
}
.trade-box {
 width: 1200px !important;
 margin: 0 auto;
 position: relative;
 transition: all .3s ease;
}
.trade-box-list {
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
}
.trade-box-item {
 flex: 1;
 text-align: center;
 position: relative;
 height: 400px;
 background: no-repeat center;
 background-size: 100% auto;
}
.trade-content .trade-box-item:before {
 content: "";
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 background-color: rgba(0, 0, 0, .6);
 transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.trade-box-item a {
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
}
.item-logo {
 margin: 0 auto;
 display: block;
}
.trade-content .trade-box-item .item-logo {
 position: relative;
 margin-top: 120px;
 transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.item-logo img {
 display: block;
 margin: 0 auto;
 max-width: 100%;
}
.item-title {
 font-size: 20px;
 font-weight: bold;
 color: #fff;
 padding: 20px 0;
 position: relative;
}
.trade-content .item-title:before {
 content: "";
 position: relative;
 display: block;
 width: 20px;
 border-bottom: 2px solid #fff;
 margin: 0 auto 20px;
 transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.item-text {
 position: relative;
 transition: all .4s cubic-bezier(.4, 0, .2, 1);
 opacity: 0;
 margin-top: 10px;
}
.item-text p {
 color: #fff;
 font-size:1rem;
 margin-bottom: 5px;
}
.trade-content .trade-box-item:hover .item-text {
 display: block;
 opacity: 1;
 margin-top: 0;
}
.trade-content .trade-box-item:hover:before {
 background-color: rgba(53, 152, 255, .9);
}
.trade-content .trade-box-item:hover .item-logo {
 margin-top: 80px;
}
.trade-content .trade-box-item:hover .item-title:before {
 opacity: 0;
 margin-bottom: 0;
}
/* 20180623 ä¼ä¸šç®¡ç†ç«¯æ ·å¼ */

.page-mode-manage .section {
 padding:80px 0;
}
.page-mode-manage h2 {
 padding-top: 0px;
 font-size: 36px;
 margin-bottom:30px;
}
.page-mode-manage .section1 {
 padding:50px 0 30px 0;
 height: 370px;
}
.page-mode-manage .section1 .section-left {
 width: 450px;
 float: right;
 margin-top: 50px;
}
.page-mode-manage .section1 .mod-title {
 text-align: left;
}
 .page-mode-Fpoint .list {
 margin: 0 -15px;
 padding-bottom: 50px;
}
.page-mode-Fpoint .list .item {
 float: left;
 width: 194px;
 margin: 0 15px;
 background: #fff;
 padding: 15px 10px;
 text-align: center;
 transition: all .2s;
 border:1px solid #eee;
 border-radius: 6px;
 cursor: pointer;
}
.page-mode-Fpoint .list .item:hover {
 box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}
.page-mode-Fpoint .list .item i {
 width: 120px;
 height: 120px;
 display: block;
 margin: 0 auto 20px;
 background-repeat: no-repeat;
}
.page-mode-Fpoint .list .item-1 i {
 background-position: 0 0;
}
.page-mode-Fpoint .list .item-2 i {
 background-position: -120px 0;
}
.page-mode-Fpoint .list .item-3 i {
 background-position: -240px 0;
}
.page-mode-Fpoint .list .item-4 i {
 background-position: -360px 0;
}
.page-mode-Fpoint .list .item-5 i {
 background-position: -480px 0;
}
.page-mode-Fpoint .list .item-6 i {
 background-position: 0px -120px;
}
.page-mode-Fpoint .list .item-7 i {
 background-position: -120px -120px;
}
.page-mode-Fpoint .list .item-8 i {
 background-position: -240px -120px;
}
.page-mode-Fpoint .list .item-9 i {
 background-position: -360px -120px;
}
.page-mode-Fpoint .list .item-10 i {
 background-position: -480px -120px;
}
.page-mode-Fpoint .list .item-11 i {
 background-position: 0px -240px;
}
.page-mode-Fpoint .list .item-12 i {
 background-position: -120px -240px;
}
.page-mode-Fpoint .list .item-13 i {
 background-position: -240px -240px;
}
.page-mode-Fpoint .list .item-14 i {
 background-position: -360px -240px;
}
.page-mode-Fpoint .list .item-15 i {
 background-position: -480px -240px;
}
.page-mode-Fpoint .list .item-16 i {
 background-position: 0px -360px;
}
.page-mode-Fpoint .list .item-17 i {
 background-position: -120px -360px;
}
.page-mode-Fpoint .list .item-18 i {
 background-position: -240px -360px;
}
.page-mode-Fpoint .list .item-19 i {
 background-position: -360px -360px;
}
.page-mode-Fpoint .list .item-20 i {
 background-position: -480px -360px;
}
.page-mode-Fpoint .list .item-21 i {
 background-position: 0px -480px;
}
.page-mode-Fpoint .list .item-22 i {
 background-position: -120px -480px;
}
.page-mode-Fpoint .list .item-23 i {
 background-position: -240px -480px;
}
.page-mode-Fpoint .list .item-24 i {
 background-position: -360px -480px;
}
.page-mode-Fpoint .list .item-25 i {
 background-position: -480px -480px;
}
.page-mode-Fpoint .list .item-26 i {
 background-position: 0px -600px;
}
.page-mode-Fpoint .list .item-27 i {
 background-position: -120px -600px;
}
.page-mode-Fpoint .list .item-28 i {
 background-position: -240px -600px;
}
.page-mode-Fpoint .list .item-29 i {
 background-position: -360px -600px;
}
.page-mode-Fpoint .list .item-30 i {
 background-position: -480px -600px;
}
.page-mode-Fpoint .list .item-31 i {
 background-position: 0px -720px;
}
.page-mode-Fpoint .list .item-32 i {
 background-position: -120px -720px;
}
.page-mode-Fpoint .list .item-33 i {
 background-position: -240px -720px;
}
.page-mode-Fpoint .list .item-34 i {
 background-position: -360px -720px;
}
.page-mode-Fpoint .list .item-35 i {
 background-position: -480px -720px;
}
.page-mode-Fpoint .list .item-36 i {
 background-position: 0px -840px;
}
.page-mode-Fpoint .list .item-37 i {
 background-position: -120px -840px;
}
.page-mode-Fpoint .list .item-38 i {
 background-position: -240px -840px;
}
.page-mode-Fpoint .list .item-39 i {
 background-position: -360px -840px;
}
.page-mode-Fpoint .list .item-40 i {
 background-position: -480px -840px;
}
.page-mode-Fpoint .list .item h3 {
 font-size: 24px;
 margin-bottom: 15px;
}
.page-mode-Fpoint .list .item p {
 font-size: 14px;
 color: #888;
 margin-bottom: 20px;
}
.page-mode-Fpoint .list .item .line {
 width: 80px;
 height: 2px;
 margin: 0 auto;
 background: #DEE2E4;
 transition: all .2s;
}
.page-mode-Fpoint .list .item:hover .line {
 background: #3399ff;
}
.page-app-shopkeeper .banner {
 height:425px;
 background:#00a0e9;
 float: left;
}
.page-app-shopkeeper .section-1 {
 padding: 0;
}
.page-app-shopkeeper .section-1 .img {
 width: 1223px;
 height: 186px;
 background:#00a0e9;
 margin-top: -70px;
 float: left;
 padding-bottom: 50px;
}
/* 20180625案例banner */

.customer_banner {
 width: 100%;
 position: relative;
 overflow: hidden;
 height: auto;
}
.customer_banner .swiper-wrapper {
 width: 1226px;
 height: 500px;
 text-align: center;
 color: #fff;
}
.customer_banner .swiper-wrapper .title {
 padding-top: 100px;
 font-size: 52px;
}
.customer_banner .swiper-wrapper .content {
 font-size:1rem;
 color: #fff;
 line-height: 28px;
 margin-top: 40px;
}
.customer_banner .swiper-wrapper .m-video {
 display: block;
 width: 88px;
 height: 88px;
 cursor: pointer;
 margin: 25px auto;
 background:#00a0e9;
}
.customer_banner .swiper-wrapper .more a {
 color: #fff
}
code, pre {
 background-color: #f8f8f8;
 -webkit-font-smoothing: initial;
 -moz-osx-font-smoothing: initial;
 padding: 5px 15px;
 white-space: normal;
}
code {
 color: #e96900;
 padding: 3px 5px;
 margin: 0 2px;
 border-radius: 2px;
}
.picture .main .box .customer-filter {
 font-size: 1rem;
 color: #666666;
 text-align: center;
 padding: 0px 0.5rem;
padding-bottom: 0.8rem;
 overflow: hidden;
 box-sizing: border-box;
 border-bottom: 1px solid #d8d8d8;
}
.picture .main .box .customer-filter li {
 float: left;
 width: 50%;
 height: 2rem;
 line-height: 2rem;
 list-style:none;
}
.picture .main .box .customer-filter li.active {
 border-bottom:0.08rem solid #00a0e9;
}
.picture .main .box .customer-filter li.active a {
 color: #00a0e9;
 font-size: 1rem;
}
.location-nav {
 color: #ccc;
 margin-top: 30px;
}
.location-nav i {
 color: #666;
 margin:0 10px;
}
.location-nav a {
 color: #666;
}
.location-nav a:hover {
 color: #00a0e9;
}
.news-banner-item {
 height: 250px;
 background:#00a0e9;
 margin-bottom: 40px;
}
.about-banner-item {
 height: 250px;
 background:#00a0e9 url(/templets/kefuwb/images/about-bg.jpg) no-repeat center;
 margin-bottom: 40px;
}
.head-v3 {
 position:relative;
 z-index:100;
 min-width:1200px
}
.head-v3 .navigation-inner {
 margin:0 auto;
 width:1200px;
 position:relative;
}
.navigation-up {
 height:75px;
 background:#fff;
	/*border-bottom: 1px solid #ededed;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);*/
	transition: all 0.5s ease-in;
}
.navigation-up .navigation-v3 {
 width:100%;
 float:left;
 _margin-left:10px;
}
.navigation-up .navigation-v3 .logo {
 float: left;
 height:75px;
}
.navigation-up .navigation-v3 .logo img {
}
.navigation-up .navigation-v3 ul {
 float:right;
 margin-right: 30px;
}
.navigation-up .navigation-v3 li {
 float:left;
 margin:0 5px;
 font-family: "microsoft yahei";
 color:#333;
 background:#00a0e9 url(/templets/kefuwb/images/navArrow02.png) no-repeat center right #fff;
 background-size: 16px;
}
.navigation-up .navigation-v3 li.none {
 background: none;
}
.navigation-up .navigation-v3 li.none h2 a {
 padding-right: 0px;
}
.navigation-up .navigation-v3 .nav-up-selected {
 background:#00a0e9 url(/templets/kefuwb/images/navArrow03.png) no-repeat center right #fff;
 background-size: 16px;
}
/* 菜单选中背景 */
.navigation-up .navigation-v3 .nav-up-selected a {
 color: #333;
}
.navigation-up .navigation-v3 .nav-up-selected a:hover {
 color: #00a0e9;
}
.navigation-up .navigation-v3 .nav-up-selected-inpage {
 background:#fff;
}
.navigation-up .navigation-v3 li span {
 font-weight:normal;
 padding:0;
 margin:0;
 font-size:1rem;
}
.navigation-up .navigation-v3 li span a {
 padding:0 25px;
 color:#333;
 display:inline-block;
 height:75px;
 font-family:"microsoft yahei";
 line-height: 75px;
 vertical-align: middle;
}
.navigation-up .navigation-v3 li span a:hover {
 color:#00a0e9;
}
.navigation-down {
 position:absolute;
 top:90px;
 left:0px;
 width:100%;
 border-top: 1px solid #ededed;
}
.navigation-down .nav-down-menu {
 width:100%;
 margin:0;
 background:#fff;
 position:absolute;
 top:0px;
 box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
}
.navigation-down .nav-down-menu .navigation-down-inner {
 margin:auto;
 width:1200px;
 position:relative
}
 .navigation-v3 li dl i {
 content: '';
 position: absolute;
 left: 50%;
 top: -8px;
 margin-left: -10px;
 display: block;
 border-style: solid;
 border-width: 0 10px 10px 10px;
 border-color: transparent;
 border-bottom-color: #fff;
 border-bottom-color: rgba(255, 255, 255, 0.95);
}
 .navigation-v3 li dl {
 margin: 0;
 padding: 10px 0;
 list-style: none;
 text-align: center;
 border-radius: 5px;
 position: absolute;
 top: 50px;
 width:135px;
}
.navigation-v3 li dl span {
height: 31px;
 display: block;
}
.navigation-v3 li dl i {
 content: '';
 position: absolute;
 left: 50%;
 top: -8px;
 margin-left: -10px;
 display: block;
 border-style: solid;
 border-width: 0 10px 10px 10px;
 border-color: transparent;
 border-bottom-color: #fff;
 border-bottom-color: rgba(255, 255, 255, 0.95);
}
.navigation-v3 li dl dt {
 text-align: center;
 line-height: 1.42857143;
}
.navigation-v3 li dl dt a {
 color: #333;
 font-size: 14px;
 padding: 10px;
 display: block;
}
.navigation-v3 li dl dt a:hover {
 color: #00a0e9;
}
.nli {
cursor:pointer;
}
.nli:hover>h2>a {
color:#00a0e9;
}
.dl_b {
display:none;
}
 .nli:hover .dl_b {
display: block;
}
 .navigation-v3 li:hover .dl_b {
 display: block;
}
.navigation-v3 li:hover .caret {
 color: #00a0e9;
 top: 36%;
}
 .navigation-down .menu-1 dd a i {
 color: #999;
 float: left;
 width: 100%;
 margin-top: 5px;
 font:normal 12px "microsoft yahei";
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.navigation-down .menu-1 dd a span {
 width: 180px;
 float: left;
}
.navigation-down .menu-1 dd a img {
 width: 40px;
 height: 40px;
 float: left;
 margin-right: 8px;
 margin-top: 2px;
}
.navigation-down .menu-1 dl:first-child dd a i {
}
 .navigation-down .menu-1:nth-child(3) .navigation-down-inner dl {
 width: 150px;
}
 .navigation-down .menu-1:nth-child(3) dl {
 margin:18px 10px 18px 10px;
}
 .navigation-down .menu-1:nth-child(3) dd a {
 float: left;
 width: 130px;
}
 .navigation-down .menu-1:nth-child(3) dd a span {
 width: 100%;
 text-align: center;
}
 .navigation-down .menu-1:nth-child(4) .navigation-down-inner dl {
 width: 150px;
}
 .navigation-down .menu-1:nth-child(4) dl {
 margin:18px 10px 18px 10px;
}
 .navigation-down .menu-1:nth-child(4) dd a {
 float: left;
 width: 130px;
}
 .navigation-down .menu-1:nth-child(4) dd a span {
 width: 100%;
 text-align: center;
}
.navigation-down .menu-2 dd a, .navigation-down .menu-3 dd a {
 color:#333;
 font:normal 16px "microsoft yahei"
}
/* 20180906 åä½œç®¡ç†æ ·å¼ */

.page-collaboration .section {
 padding:80px 0;
}
.page-collaboration h2 {
 padding-top: 0px;
 font-size: 36px;
 margin-bottom:30px;
}
.page-collaboration .section1 {
 padding:50px 0 30px 0;
 height: 576px;
}
.page-collaboration .section1 .section-left {
 width: 550px;
 float: right;
 margin-top: 60px;
}
.page-collaboration .section1 .mod-title {
 text-align: left;
}
.page-collaboration .section1 .img {
 width: 600px;
 height: 576px;
 float: left;
 margin-left:30px;
 background:#00a0e9;
}
.page-collaboration .section2 {
 padding:30px 0 30px 0;
 height: 576px;
 background: #f1f4f9;
}
.page-collaboration .section2 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-collaboration .section2 .mod-title {
 text-align: left;
}
.page-collaboration .section2 .img {
 width: 520px;
 height: 576px;
 float: right;
 margin-right:30px;
 background:#00a0e9;
}
.page-collaboration .section3 {
 padding:30px 0 30px 0;
 height: 576px;
}
.page-collaboration .section3 .section-left {
 width: 550px;
 float: right;
 margin-top: 60px;
}
.page-collaboration .section3 .mod-title {
 text-align: left;
}
.page-collaboration .section3 .img {
 width: 600px;
 height: 576px;
 float: left;
 margin-left:30px;
 background:#00a0e9;
}
.page-collaboration .section4 {
 padding:30px 0 30px 0;
 height: 576px;
 background: #f1f4f9;
}
.page-collaboration .section4 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-collaboration .section4 .mod-title {
 text-align: left;
}
.page-collaboration .section4 .img {
 width: 520px;
 height: 576px;
 float: right;
 margin-right:30px;
 background:#00a0e9;
}
.page-collaboration .section5 {
 padding:30px 0 30px 0;
 height: 576px;
}
.page-collaboration .section5 .section-left {
 width: 550px;
 float: right;
 margin-top: 60px;
}
.page-collaboration .section5 .mod-title {
 text-align: left;
}
.page-collaboration .section5 .img {
 width: 600px;
 height: 576px;
 float: left;
 margin-left:30px;
 background:#00a0e9;
}
 .page-field .mod-floor {
 padding: 40px 0 70px 0;
 color: #333;
}
.page-field .mod-container {
 width: 1210px;
 margin: 0 auto;
}
.page-field .section-3 {
 background: #fff
}
.page-field .section-3 .list {
 margin: 0 -15px;
}
.page-field .section-3 .list .item {
 float: left;
 width: 220px;
 margin: 0 15px;
 background: #fff;
 padding: 30px;
 text-align: center;
 transition: all .2s;
}
.page-field .section-3 .list .item:hover {
 box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}
.page-field .section-3 .list .item i {
 width: 140px;
 height: 140px;
 display: block;
 margin: 0 auto 20px;
 background-repeat: no-repeat;
}
.page-field .section-3 .list .item-1 i {
 background-position: 0 0;
}
.page-field .section-3 .list .item-2 i {
 background-position: -140px 0;
}
.page-field .section-3 .list .item-3 i {
 background-position: -280px 0;
}
.page-field .section-3 .list .item-4 i {
 background-position: -420px 0;
}
.page-field .section-3 .list .item h3 {
 font-size: 24px;
 margin-bottom: 15px;
}
.page-field .section-3 .list .item p {
 font-size: 14px;
 color: #888;
 margin-bottom: 20px;
}
.page-field .section-3 .list .item .line {
 width: 80px;
 height: 2px;
 margin: 0 auto;
 background: #DEE2E4;
 transition: all .2s;
}
.page-field .section-3 .list .item:hover .line {
 background: #19BE42;
}
/* 移动车é"€ç³»ç»Ÿ */

.page-car .section {
 padding:80px 0;
}
.page-car h2 {
 padding-top: 0px;
 font-size: 36px;
 margin-bottom:30px;
}
.page-car .section1 {
 padding:50px 0 30px 0;
 height: 350px;
}
.page-car .section1 .section-left {
 width: 550px;
 float: right;
 margin-top: 20px;
}
.page-car .section1 .mod-title {
 text-align: left;
}
.page-car .section1 .img {
 width: 600px;
 height: 350px;
 float: left;
 margin-left:30px;
 margin-top: 50px;
 background:#00a0e9;
}
.page-car .section2 {
 padding:30px 0 30px 0;
 height: 576px;
 background: #f1f4f9;
}
.page-car .section2 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-car .section2 .mod-title {
 text-align: left;
}
.page-car .section2 .img {
 width: 520px;
 height: 576px;
 float: right;
 margin-right:30px;
 background:#00a0e9;
}
.page-car .section3 {
 padding:30px 0 30px 0;
 height: 576px;
}
.page-car .section3 .section-left {
 width: 550px;
 float: right;
 margin-top: 60px;
}
.page-car .section3 .mod-title {
 text-align: left;
}
.page-car .section3 .img {
 width: 600px;
 height: 576px;
 float: left;
 margin-left:30px;
}
.page-car .section4 {
 padding:30px 0 30px 0;
 height: 576px;
 background: #f1f4f9;
}
.page-car .section4 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-car .section4 .mod-title {
 text-align: left;
}
.page-car .section4 .img {
 width: 520px;
 height: 576px;
 float: right;
 margin-right:30px;
}
.page-car .section5 {
 padding:30px 0 30px 0;
 height: 576px;
}
.page-car .section5 .section-left {
 width: 550px;
 float: right;
 margin-top: 60px;
}
.page-car .section5 .mod-title {
 text-align: left;
}
.page-car .section5 .img {
 width: 600px;
 height: 576px;
 float: left;
 margin-left:30px;
 background:#00a0e9;
}
.page-car .section6 {
 padding:30px 0 30px 0;
 height: 576px;
 background: #f1f4f9;
}
.page-car .section6 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-car .section6 .mod-title {
 text-align: left;
}
.page-car .section6 .img {
 width: 520px;
 height: 576px;
 float: right;
 margin-right:30px;
 background:#00a0e9;
}
/* 导购管理系统 */

.page-shoppers .section {
 padding:80px 0;
}
.page-shoppers h2 {
 padding-top: 0px;
 font-size: 36px;
 margin-bottom:30px;
}
.page-shoppers .mod-title {
 padding-bottom: 35px;
 text-align: center;
}
.page-shoppers .mod-title i {
 display: block;
 width: 102px;
 height: 3px;
 background: #5987ff;
 margin-left: 548px;
 margin-bottom: 20px;
}
.page-shoppers .mod-title h2 {
 font-size: 36px;
 margin-bottom: 17px;
 font-family: "HanHei SC", "PingHei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;;
}
.page-shoppers .mod-title p {
 font-size:1rem;
 line-height: 1.7;
 color: #888;
}
.page-shoppers .section1 {
 padding:50px 0 30px 0;
}
.page-shoppers .section1 .img {
 height: 612px;
 background:#00a0e9;
}
.page-shoppers .section2 {
 padding:30px 0 30px 0;
 height: 576px;
 background: #f1f4f9;
}
.page-shoppers .section2 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-shoppers .section2 .mod-title {
 text-align: left;
}
.page-shoppers .section2 .img {
 width: 520px;
 height: 576px;
 float: right;
 margin-right:30px;
 background:#00a0e9;
}
.page-shoppers .section3 {
 padding:30px 0 30px 0;
 height: 576px;
}
.page-car .section3 .section-left {
 width: 550px;
 float: right;
 margin-top: 60px;
}
.page-shoppers .section3 .mod-title {
 text-align: left;
}
.page-shoppers .section3 .img {
 width: 600px;
 height: 576px;
 float: left;
 margin-left:30px;
 background:#00a0e9;
}
.page-shoppers .section4 {
 padding:30px 0 30px 0;
 height: 576px;
 background: #f1f4f9;
}
.page-shoppers .section4 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-shoppers .section4 .mod-title {
 text-align: left;
}
.page-shoppers .section4 .img {
 width: 520px;
 height: 576px;
 float: right;
 margin-right:30px;
 background:#00a0e9;
}
.page-shoppers .section5 {
 padding:30px 0 30px 0;
 height: 576px;
}
.page-shoppers .section5 .section-left {
 width: 550px;
 float: right;
 margin-top: 60px;
}
.page-shoppers .section5 .mod-title {
 text-align: left;
}
.page-shoppers .section5 .img {
 width: 600px;
 height: 576px;
 float: left;
 margin-left:30px;
 background:#00a0e9;
}
/* 营é"€è´¹æŽ§ç³»ç»Ÿ */

.page-mode-marketing .banner {
 height:425px;
 background:#00a0e9;
 margin-top: 60px;
 margin-bottom: 40px;
}
.page-mode-marketing .section {
 padding:40px 0;
}
.page-mode-marketing h2 {
 padding-top: 0px;
}
.page-mode-marketing .section-1 .mode-logo {
 width: 160px;
 height: 160px;
 background:#00a0e9;
 margin: -80px auto 50px;
}
.page-mode-marketing .section-1 .list li {
 float: left;
 width: 200px;
 margin: 0 20px;
 text-align: center;
 list-style: none;
}
.page-mode-marketing .section-1 .list i {
 display: block;
 width: 154px;
 height: 154px;
 margin: 0 auto;
 background:#00a0e9;
}
 .page-mode-marketing .section-1 .list li:nth-child(1) i {
 background-position: 0 0;
}
 .page-mode-marketing .section-1 .list li:nth-child(2) i {
 background-position: -154px 0;
}
 .page-mode-marketing .section-1 .list li:nth-child(3) i {
 background-position: -308px 0;
}
 .page-mode-marketing .section-1 .list li:nth-child(4) i {
 background-position: -462px 0;
}
 .page-mode-marketing .section-1 .list li:nth-child(5) i {
 background-position: -616px 0;
}
.page-mode-marketing .section-1 .list li h3 {
 font-size: 21px;
 margin: 20px 0;
}
.page-mode-marketing .section-1 .list li p {
 font-size: 14px;
 color: #888;
}
.page-mode-marketing .section-2 {
 background:#F6F8FB;
}
.page-mode-marketing .section-2 .img {
 height: 612px;
 background:#00a0e9;
}
.page-mode-marketing .section-3 {
 padding:30px 0 30px 0;
 height: 320px;
}
.page-mode-marketing .section-3 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-mode-marketing .section-3 .mod-title {
 text-align: left;
}
.page-mode-marketing .section-3 .img {
 width: 520px;
 height: 320px;
 float: right;
 margin-right:30px;
 background:#00a0e9;
}
.page-mode-marketing .section-4 {
 padding:30px 0 30px 0;
 height: 320px;
 background:#F6F8FB;
}
.page-mode-marketing .section-4 .section-left {
 width: 550px;
 float: right;
 margin-top: 60px;
}
.page-mode-marketing .section-4 .mod-title {
 text-align: left;
}
.page-mode-marketing .section-4 .img {
 width: 600px;
 height: 320px;
 float: left;
 margin-left:30px;
 background:#00a0e9;
}
.page-mode-marketing .section-5 {
 padding:30px 0 30px 0;
 height: 320px;
 background:#fff;
}
.page-mode-marketing .section-5 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-mode-marketing .section-5 .mod-title {
 text-align: left;
}
.page-mode-marketing .section-5 .img {
 width: 520px;
 height: 320px;
 float: right;
 margin-right:30px;
 background:#00a0e9;
}
.page-mode-marketing .section-6 {
 padding:30px 0 30px 0;
 height: 320px;
 background:#F6F8FB;
}
.page-mode-marketing .section-6 .section-left {
 width: 550px;
 float: right;
 margin-top: 60px;
}
.page-mode-marketing .section-6 .mod-title {
 text-align: left;
}
.page-mode-marketing .section-6 .img {
 width: 600px;
 height: 320px;
 float: left;
 margin-left:30px;
 background:#00a0e9;
}
.page-mode-marketing .section-7 {
 padding:30px 0 30px 0;
 height: 320px;
 background:#fff;
}
.page-mode-marketing .section-7 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-mode-marketing .section-7 .mod-title {
 text-align: left;
}
.page-mode-marketing .section-7 .img {
 width: 520px;
 height: 320px;
 float: right;
 margin-right:30px;
 background:#00a0e9;
}
.page-mode-marketing .section-8 {
 padding:30px 0 30px 0;
 height: 320px;
 background:#F6F8FB;
}
.page-mode-marketing .section-8 .section-left {
 width: 550px;
 float: right;
 margin-top: 60px;
}
.page-mode-marketing .section-8 .mod-title {
 text-align: left;
}
.page-mode-marketing .section-8 .img {
 width: 600px;
 height: 320px;
 float: left;
 margin-left:30px;
 background:#00a0e9;
}
/* 产å"åŠæ–¹æ¡ˆ-面å'经é"€å•†ä¼ä¸š-ERP */

.page-mode-erp-banner {
 width:100%;
 height: 425px;
 position: relative;
 overflow: hidden;
 margin-top: 60px;
}
.page-mode-erp-banner ul, .page-mode-erp-banner li {
 width: 100% !important;
 height: 100% !important;
}
.page-mode-erp-banner li {
 background: no-repeat center center #00a8ff;
 background-size: cover;
 color: #fff;
}
.page-mode-erp-banner .container_field {
 width: 1120px;
 margin: 0 auto;
 display: table;
 height: 100%;
 position: relative;
}
.page-mode-erp-banner .container_field h1 {
 width: 100%;
 color: #fff;
 float: left;
 text-align: left;
 font-size: 40px;
 margin-top: 120px;
 margin-left:20px;
 margin-bottom:15px;
 line-height: 60px;
}
.page-mode-erp-banner .container_field a {
 float: left;
 color: #fff;
 font-size: 18px;
 text-align: center;
 border-radius: 6px;
 border:1px solid #fff;
 padding:8px 22px;
 margin-right: 20px;
 margin-top: 40px;
 margin-left:20px;
}
.page-mode-erp-banner .container_field a:hover {
 background:#00a0e9;
 border:1px solid #00a0e9;
}
.page-mode-erp-banner .container_field .active {
 background:#fe7d47;
 border:1px solid #f2672c;
}
.page-mode-erp .section {
 padding:80px 0;
}
.page-mode-erp h2 {
 padding-top: 0px;
}
.page-mode-erp .section-1 .mode-logo {
 width: 160px;
 height: 160px;
 background:#00a0e9;
 margin: -80px auto 50px;
}
.page-mode-erp .section-1 .list li {
 float: left;
 width: 200px;
 margin: 0 20px;
 text-align: center;
 list-style: none;
}
.page-mode-erp .section-1 .list i {
 display: block;
 width: 154px;
 height: 154px;
 margin: 0 auto;
 background:#00a0e9;
}
 .page-mode-erp .section-1 .list li:nth-child(1) i {
 background-position: 0 0;
}
 .page-mode-erp .section-1 .list li:nth-child(2) i {
 background-position: -154px 0;
}
 .page-mode-erp .section-1 .list li:nth-child(3) i {
 background-position: -308px 0;
}
 .page-mode-erp .section-1 .list li:nth-child(4) i {
 background-position: -462px 0;
}
 .page-mode-erp .section-1 .list li:nth-child(5) i {
 background-position: -616px 0;
}
.page-mode-erp .section-1 .list li h3 {
 font-size: 21px;
 margin: 20px 0;
}
.page-mode-erp .section-1 .list li p {
 font-size: 14px;
 color: #888;
}
 .page-mode-erp .section-3 {
 padding:50px 0 30px 0;
 height: 400px;
}
.page-mode-erp .section-3 .section-left {
 width: 550px;
 float: right;
 margin-top: 60px;
}
.page-mode-erp .section-3 .mod-title {
 text-align: left;
}
.page-mode-erp .section-3 .img {
 width: 600px;
 height: 400px;
 float: left;
 margin-left:30px;
}
.page-mode-erp .section-4 {
 padding:30px 0 30px 0;
 height: 400px;
 background: #f1f4f9;
}
.page-mode-erp .section-4 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-mode-erp .section-4 .mod-title {
 text-align: left;
}
.page-mode-erp .section-4 .img {
 width: 520px;
 height: 400px;
 float: right;
 margin-right:30px;
 background:#00a0e9;
}
.page-mode-erp .section-5 {
 padding:50px 0 30px 0;
 height: 400px;
 background: #fff;
}
.page-mode-erp .section-5 .section-left {
 width: 550px;
 float: right;
 margin-top: 30px;
}
.page-mode-erp .section-5 .mod-title {
 text-align: left;
}
.page-mode-erp .section-5 .img {
 width: 600px;
 height: 400px;
 float: left;
 margin-left:30px;
 background:#00a0e9;
}
.page-mode-erp .section-6 {
 padding:30px 0 30px 0;
 height: 400px;
 background: #f1f4f9;
}
.page-mode-erp .section-6 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-mode-erp .section-6 .mod-title {
 text-align: left;
}
.page-mode-erp .section-6 .img {
 width: 520px;
 height: 400px;
 float: right;
 margin-right:30px;
 background:#00a0e9;
}
.page-mode-erp .section-7 {
 padding:50px 0 30px 0;
 height: 580px;
}
.page-mode-erp .section-7 .section-left {
 width: 550px;
 float: right;
 margin-top: 60px;
}
.page-mode-erp .section-7 .mod-title {
 text-align: left;
}
.page-mode-erp .section-7 .img {
 width: 600px;
 height: 580px;
 float: left;
 margin-left:30px;
 background:#00a0e9 url(/templets/kefuwb/images/OA&HR.png) no-repeat;
}
.page-mode-erp .section-8 {
 padding:30px 0 30px 0;
 height: 580px;
 background: #f1f4f9;
}
.page-mode-erp .section-8 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-mode-erp .section-8 .mod-title {
 text-align: left;
}
.page-mode-erp .section-8 .img {
 width: 520px;
 height: 580px;
 float: right;
 margin-right:30px;
 background:#00a0e9;
}
/* 产å"åŠæ–¹æ¡ˆ-门店ä¸"柜系统-SPS */

.page-mode-sps-banner {
 width:100%;
 height: 425px;
 position: relative;
 overflow: hidden;
 margin-top: 60px;
}
.page-mode-sps-banner ul, .page-mode-sps-banner li {
 width: 100% !important;
 height: 100% !important;
}
.page-mode-sps-banner li {
 background: no-repeat center center #00a8ff;
 background-size: cover;
 color: #fff;
}
.page-mode-sps-banner .container_field {
 width: 1120px;
 margin: 0 auto;
 display: table;
 height: 100%;
 position: relative;
}
.page-mode-sps-banner .container_field h1 {
 width: 100%;
 color: #fff;
 float: left;
 text-align: left;
 font-size: 42px;
 margin-top: 120px;
 margin-bottom:15px;
 line-height: 60px;
}
.page-mode-sps-banner .container_field i {
 width: 100%;
 color: #fff;
 float: left;
 font-size: 20px;
}
.page-mode-sps-banner .container_field a {
 float: left;
 color: #fff;
 font-size: 18px;
 text-align: center;
 border-radius: 6px;
 border:1px solid #fff;
 padding:8px 22px;
 margin-right: 20px;
 margin-top: 40px;
}
.page-mode-sps-banner .container_field a:hover {
 background:#00a0e9;
 border:1px solid #00a0e9;
}
.page-mode-sps-banner .container_field .active {
 background:#00a0e9;
 border:1px solid #00a0e9;
}
.page-mode-sps .section {
 padding:80px 0;
}
.page-mode-sps h2 {
 padding-top: 0px;
}
.page-mode-sps .section-1 .mode-logo {
 width: 160px;
 height: 160px;
 background:#00a0e9;
 margin: -80px auto 50px;
}
.page-mode-sps .section-1 .list li {
 float: left;
 width: 200px;
 margin: 0 20px;
 text-align: center;
 list-style: none;
}
.page-mode-sps .section-1 .list i {
 display: block;
 width: 154px;
 height: 154px;
 margin: 0 auto;
 background:#00a0e9;
}
 .page-mode-sps .section-1 .list li:nth-child(1) i {
 background-position: 0 0;
}
 .page-mode-sps .section-1 .list li:nth-child(2) i {
 background-position: -154px 0;
}
 .page-mode-sps .section-1 .list li:nth-child(3) i {
 background-position: -308px 0;
}
 .page-mode-sps .section-1 .list li:nth-child(4) i {
 background-position: -462px 0;
}
 .page-mode-sps .section-1 .list li:nth-child(5) i {
 background-position: -616px 0;
}
.page-mode-sps .section-1 .list li h3 {
 font-size: 21px;
 margin: 20px 0;
}
.page-mode-sps .section-1 .list li p {
 font-size: 14px;
 color: #888;
}
 .page-mode-sps .section-3 {
 padding:50px 0 30px 0;
 height: 350px;
}
.page-mode-sps .section-3 .section-left {
 width: 550px;
 float: right;
 margin-top: 20px;
}
.page-mode-sps .section-3 .mod-title {
 text-align: left;
}
 .page-mode-sps .section-4 {
 padding:30px 0 30px 0;
 height: 350px;
 background: #f1f4f9;
}
.page-mode-sps .section-4 .section-left {
 width: 500px;
 float: left;
 margin-top: 20px;
}
.page-mode-sps .section-4 .mod-title {
 text-align: left;
}
 .page-mode-sps .section-5 {
 padding:50px 0 30px 0;
 height: 350px;
 background: #fff;
}
.page-mode-sps .section-5 .section-left {
 width: 550px;
 float: right;
 margin-top: 20px;
}
.page-mode-sps .section-5 .mod-title {
 text-align: left;
}
 .page-mode-sps .section-6 {
 padding:30px 0 30px 0;
 height: 350px;
 background: #f1f4f9;
}
.page-mode-sps .section-6 .section-left {
 width: 500px;
 float: left;
 margin-top: 40px;
}
.page-mode-sps .section-6 .mod-title {
 text-align: left;
}
 .page-mode-sps .section-7 {
 padding:50px 0 30px 0;
 height: 350px;
}
.page-mode-sps .section-7 .section-left {
 width: 550px;
 float: right;
 margin-top: 20px;
}
.page-mode-sps .section-7 .mod-title {
 text-align: left;
}
 .page-mode-sps .section-8 {
 padding:30px 0 30px 0;
 height: 350px;
 background: #f1f4f9;
}
.page-mode-sps .section-8 .section-left {
 width: 500px;
 float: left;
 margin-top: 50px;
}
.page-mode-sps .section-8 .mod-title {
 text-align: left;
}
 .page-mode-sps .section-9 {
 padding:50px 0 30px 0;
 height: 350px;
}
.page-mode-sps .section-9 .section-left {
 width: 565px;
 float: right;
 margin-top: 50px;
}
.page-mode-sps .section-9 .mod-title {
 text-align: left;
}
 .page-mode-sps .section-10 {
 padding:30px 0 30px 0;
 height: 350px;
 background: #f1f4f9;
}
.page-mode-sps .section-10 .section-left {
 width: 515px;
 float: left;
 margin-top: 40px;
}
.page-mode-sps .section-10 .mod-title {
 text-align: left;
}

/*新增服务保障CSS*/
 .work-container {
 width:100%;
 overflow:hidden;
 text-align:center;
 position:relative;
 margin-top: 0.8rem;
}
.work-container .title, .aTit .title, .section-container .title, .cooperat-brand .title, .call-advantage .title, .title-bar .title {
 color: #333;
 text-align: center;
 font-size: 1.2rem;
 font-weight: 800;
 margin-bottom: .8rem;
 margin-top: 0.8rem;
}
/*.work-container .titlep{
	    font-size: 0.2rem;
    line-height:0.5rem;
   
    color: #888;
	}*/
.work-container .white-sjx {
 width:0;
 height:0;
 float:left;
 border-bottom:0.2rem solid #fff;
 border-left:0.2rem solid transparent
}
.work-container .white-bg {
 background-color:#fff;
 width:100%;
 float:left
}
.work-container .work-type {
 margin-top:0.8rem;
 width:100%;
}
.list-3 {
margin-top:0.8rem;
}
 .work-container .work-type .type-list li {
 position:relative;
 flex:1;
 height:11.5rem;
 padding-bottom:0.7rem;
 width: 48%;
 margin: 0 2%;
 float: left;
 margin-bottom: 1rem;
 box-shadow:0 0 0.3rem rgba(0, 54, 91, 0.1);
 -webkit-border-radius:0.1rem;
 -moz-border-radius:0.1rem;
 border-radius:0.1rem;
 background:#fff;
 font-size:0.3rem;
 color:#333;
 cursor:pointer;
transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s
}
.work-container .work-type .type-list li:nth-child(odd) {
 margin-left:0;
}
.work-container .work-type .type-list li:nth-child(even) {
 margin-right:0;
}
 .work-container .work-type .cont {
 position:relative;
 z-index:1
}
.work-container .work-type .cont .img-wrap {
 height: 5.5rem;
 margin: 0.5rem 0;
 margin-top:0.7rem;
}
.work-container .work-type .cont .info {
 -webkit-transition:color .3s;
-moz-transition:color .3s;
-o-transition:color .3s;
transition:color .3s;
 color:#000;
 font-size: 1rem;
}
.work-container .work-type .cont .content {
 color:#888;
 font-size:0.9rem;
 padding: 0.5rem 0.3rem 0.5rem 0.3rem;
 line-height:1.3rem;
/* height: 4.9rem;*/
 text-align: center;
}
.bgf .comtit {
color: #000;
 text-align: center;
 font-size: 1.2rem;
 font-weight: 800;
 margin-bottom: .7rem;
}
.work-container .work-type .cont .btn {
 font-size: 0.8rem;
 display: block;
 width: 7rem;
 height: 2rem;
 margin: auto;
 background: #05c0a5;
 -webkit-border-radius: 0.5rem;
 -moz-border-radius: 20px;
 border-radius: 0.3rem;
 line-height: 2rem;
 color:#fff;
 box-shadow:0 0 0.3rem rgba(199, 234, 229, 0.1);
}
.work-container .work-type .img-box {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 opacity:0;
 background-repeat:no-repeat;
 background-position:center 10px;
-webkit-transition:opacity .3s;
-moz-transition:opacity .3s;
-o-transition:opacity .3s;
transition:opacity .3s
}
.work-container .work-type .img-box:before {
 display:block;
 height:100%;
 background-size:100% 100%;
 content:''
}
/*新增èµ"讯css*/
.b-home {
 border-top: 1px solid #eee;
 padding-bottom: 45px;
 display: -webkit-box;
}
.b-content {
 width: 1200px;
 margin: 0 auto;
}
 .b-home .b__hd {
padding:45px 0;
}
.c-title {
text-align: center;
}
.c-title--center {
text-align: center;
}
.c-title__h {
font-size: 36px;
 color: #333;
 font-weight: normal;
 padding: 10px 0;
}
.c-title__p {
padding: 10px 0;
 color: #888;
 font-size:1rem;
}
.c-title--icon:after {
content: " ";
display: inline-block;
height: 1px;
vertical-align: middle;
width: 100px;
margin-left: 25px;
background: #666;
}
.c-title--icon:before {
content: " ";
display: inline-block;
height: 1px;
vertical-align: middle;
width: 100px;
margin-right: 25px;
background: #666;
}
 .sep-3 {
 width: 31.278%;
float:left;
}
.home-news .sep-3 {
padding-left: 1%;
padding-right: 1%;
}
 .home-news .sep-3+.sep-3 {
border-left: 1px solid #eee;
}
.home-news__hotimg img {
display: block;
width:100%;
height:188px;
}
.home-news__list li {
}
.home-news__tit {
position: relative;
border-bottom: 1px solid #eee;
}
.home-news__tit h5 {
font-size: 20px;
font-weight: normal;
padding:20px 0;
}
.home-news__tit .c-more {
margin-top: 23px;
}
.home-news__list {
margin-top: 15px;
height:168px;
}
.home-news__list li {
padding:6px 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.home-news__list li:before {
display: inline-block;
content: " + ";
margin-right: 15px;
color: #3eaeff
}
.home-news__list li a {
color: #999;
display: inline-block;
position: relative;
left: 0;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
}
.home-news__list li a:hover {
color: #00a0e9;
left: 15px;
}
table dd {
border:#333 2px solid;
}
.index2_b2c_index {
width:100%;
background: #f4f4f4;
}
 .wtite {
color:#a6a6a6;
margin-left:0px;
}
.wtite2 {
color:#fff;
margin-left:8px;
}
 .bannerf, .ydshoutu {
 margin-top: 1.5rem;
 z-index: 0;
 text-align: center;
}
 .bannerf, .bannerfindex {
 margin-top: 2.5rem;
 z-index: 0;
 text-align: left;
}
 .bannerbottom {
font-size:0.9rem;
}
.bannerf span {
line-height:1.5rem;
}
.bannerfindex span {
font-size: 1rem;
 color: #fff;
 line-height: 1.8rem;
 display: table;
 text-align:left;
}
.bannerfindex span:nth-child(1) {
margin-top: 1.8rem;
}
.bannerf span {
 display: table;
 margin-left: 1rem;
}
.bannerfont, .bannerfontindex {
font-size: 1rem;
 color: #fff;
}
.bannerfontsmall {
font-size:1rem;
color:#fff;
}
.bannerh {
color: #ffea01;
font-size:1rem;
}
 .mfsy {
float: left;
 color: #fff;
 font-size: 0.8rem;
 text-align: left;
 border-radius: 0.3rem;
 border: 1px solid #fff;
 padding: 0.3rem 0.8rem;
 margin-right: 0.5rem;
 margin-top: 0.5rem;
 margin-left: 0.5px;
 background: #0ac67c;
 border: 0.1rem solid #03ac69;
}
.mfsylu {
float: left;
 color: #fff;
 font-size: 0.8rem;
 text-align: left;
 border-radius: 0.3rem;
 border: 1px solid #fff;
 padding: 0.3rem 0.8rem;
 margin-right: 0.5rem;
 margin-top: 0.5rem;
 margin-left: 0.5px;
background: #0ac67c;
 border: 0.1rem solid #03ac69;
}
 .hbanner_con {
padding-top:1rem;
z-index: 0;
left:0.5rem;
width:97%;
margin:0 auto;
margin-left:0.5rem;
padding-right: 0.5rem;
}
.hbanner_con p {
font-size:1.2rem;
color:#fff;
line-height:1rem;
margin-top:0.9rem;
margin-bottom: 0.7rem;
}
.hbanner_con span {
font-size:1rem;
color:#fff;
}
.hbannerzx a {
background:#00a0e9;
font-size:1rem;
 padding:0.2rem 0.5rem;
 left: 0;
height:1.5rem;
line-height:1.5rem;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
 border: 0.1rem solid #00a0e9;
 cursor: pointer;
 border-radius:0.3rem;
color:#fff;
}
.aTit h5 {
 color: #000;
 text-align: center;
 font-size: 1.2rem;
 font-weight: 800;
 margin-bottom: .7rem;
}
 .aTit p {
text-align: center;
 font-size: 0.85rem;
}
.kfalbanneran {
float: left;
 color: #fff;
 font-size: 0.8rem;
 text-align: left;
 border-radius: 0.2rem;
 border: 1px solid #fff;
 padding: 0.3rem 0.8rem;
 margin-top: 5rem;
 margin-left: 51%;
 background: #fe7d47;
 border: 1px solid #f2672c;
}
.container_animate .bannerf {
width: 98%;
}
.navclass {
background: #fff;
 border-radius: 13px;
 width: 135px;
 padding: 10px 0;
}
 .bottomwx {
color: #fff;
 text-align: center;
 height: 1.5rem;
 font-size: 0.8rem;
 line-height:1.2rem;
}
.bg-gray {
 background-color: #fafafa;
}
.bg-graycon {
 background-color: #fafafa;
}
.pages li a, .pagelist li a {
font-size: 0.7rem;
border:none;
}
.pages li, .pagelist li {
 list-style: none;
 float: left;
 font-size:0.7rem;
 height:2rem;
 line-height: 2rem;
 color: #bbb;
 border:0.01rem #ccc solid;
 background: #fcfcfc;
 margin-right: 0.3rem;
 cursor: pointer;
 margin-bottom: 0.5rem;
}
.pages li:hover, .pagelist li:hover {
color:#00a0e9;
}
select[name="sldd"] {
 border:none;
}
select[name="sldd"] option:selected {
 background: #00a0e9;
}
.pagelist .thisclass, .pages .thisclass {
color:#fff;
 background: #00a0e9;
 padding: 0px 12px;
 font-size: 0.7rem;
 height: 2rem;
 line-height: 2rem;
}
.pagelist .thisclass:hover, .pages .thisclass:hover {
color:#fff;
/* border: 0.01rem #00a0e9 solid;*/
 background: #00a0e9;
}
.fenye .pages .plist select[name="sldd"] {
 height: 2rem;
 line-height:2rem;
 background: none;
}

/*移动*/

.header_s .logo {
float: left;
}
.header_s .logo img {
height: 1.4rem;
width: auto;
display: block;
}
.header_s .text {
float: left;
font-size: .9rem;
color: #999;
line-height: 1.4rem;
margin-left: .5rem;
border-left: 1px solid #ddd;
padding-left: .5rem
}
.header_s .menu-btn {
float: right;
position: relative;
z-index: 1;
color: #00a0e9;
top: 0.2rem;
font-size: .8rem;
}
.header_s .menu-btn span {
width: 20px;
height: 2px;
background-color: #00a0e9;
display: block;
margin-top: 4px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.header_s {
padding: 12px 0;
transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
position: fixed;
left: 0;
width: 100%;
top: 0;
z-index: 100;
background: rgba(255, 255, 255, 1)
}
.header {
height:1.5rem;
line-height:1.5rem;
vertical-align:middle;
transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
position: absolute;
 width: 100%;
top: 0;
z-index: 100;
background-color: #fff;
}
.header-fix {
background-color: #25282e;
}
.header .logo {
float: left;
 margin-left: 0.5rem;
}
.header .logo img {
height: 1.5rem;
display: block;
}
.header .text {
float: left;
font-size:0.3rem;
color: #999;
line-height: 1.5rem;
margin-left: .7rem;
 padding-left: .3rem
}
.header .menu-btn {
float: right;
position: relative;
z-index: 1;
color: #00a0e9;
font-size: .3rem
}
.header .menu-btn span {
width: 20px;
height: 2px;
background-color: #fff;
display: block;
margin-top: 4px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
 .side_bar {
 overflow-y: auto;
 -webkit-overflow-scrolling: touch;
 position:fixed;
 background: #fff;
 top: 0;
 width: 4.78rem;
 z-index: 300;
 right:0;
 display:none;
 transition: all 400ms;
}
 .side_a {
 color: #fff;
 font-size: .36rem;
 height: 2.25rem;
 position: relative;
 background-size: 100% 100%;
}
 .navMobile dd p a.cur:after {
 transform: rotate(0deg);
}
.side_a img {
 height: .36rem;
 top: 43%;
 left: 24%;
 position: absolute;
}
.msubnav a {
 height: .7rem;
 line-height: .7rem;
 padding-left: .65rem;
 border-bottom: 1px dashed #e9e9e9;
 font-size: .28rem;
 display: block;
}
.side_b {
 background: #fff;
 background-size: 100% auto;
}
 .navMobile {
 padding: 0 .18rem
}
 .navMobile dd p a {
 display: block;
 position: relative;
 border-bottom: 1px solid #e1e1e1;
 height: .96rem;
 line-height: .96rem;
 font-size: .32rem;
}
 /*.navMobile dd p a:after {
 position: absolute;
 content: '';
 background:#00a0e9 url(/templets/kefuwb/images/down.png) no-repeat;
 width: .26rem;
 height: .26rem;
 background-size: 100% 100%;
 right: 0;
 top: 50%;
 background-size: .22rem auto;
 margin-top: -.13rem;
 transform: rotate(-90deg);
}*/
 .navMobile dd p a.cur:after {
 transform: rotate(0deg);
}
 .navMobile dd p a span {
 width: .57rem;
 display: inline-block;
}
 .navMobile dd p a span img {
 width: .33rem;
 height: auto;
}
.fwxm_index {
margin-top: 1rem;
}
.fwxm_index li {
background: #fff no-repeat 95% center;
background-size: 25%;
position: relative;
margin-bottom: .8rem;
padding: .5rem 1rem .5rem 1.5rem;
-webkit-box-shadow: 0 0 12px 0 rgba(96, 163, 240, 0.3);
-moz-box-shadow: 0 0 12px 0 rgba(96, 163, 240, 0.3);
box-shadow: 0 0 12px 0 rgba(96, 163, 240, 0.3);
}
 .fwxm_index li:after {
content: "";
position: absolute;
height: 32%;
width: 2px;
background: #79ABFC;
top: 34%;
left: 0;
}
.fwxm_index li:nth-child(1):after {
background: #79ABFC;
}
.fwxm_index li:nth-child(2):after {
background: #f8b75a;
}
.fwxm_index li:nth-child(3):after {
background: #FD708C;
}
.fwxm_index li h3 {
font-size: .8rem;
margin-bottom: 0rem;
font-weight: normal;
}
.fwxm_index li p {
font-size: .67rem;
color: #888;
margin-top: .3rem;
width: 72%;
}
 .ali {
background-size: 100% 100%;
}
 .map {
text-align: center;
}
.map img {
display: block;
margin: 0 auto;
width: 2.25rem;
height: auto;
}
.map .item {
margin-bottom: 1.75rem;
 display: inline-block;
}
.map h4 {
font-weight: normal;
margin: 0.25rem 0;
}
.map p {
margin: 0;
font-size: 0.85rem;
color: #666;
}
.mapp.tel {
font-size: 0.8rem;
font-weight: bold;
}
.map form {
display: block;
padding: 0.75rem;
-webkit-border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
border-radius: 0.5rem;
-webkit-box-shadow: 0 0 0.35rem 0 rgba(96, 163, 240, 0.3);
-moz-box-shadow: 0 0 0.35rem 0 rgba(96, 163, 240, 0.3);
box-shadow: 0 0 0.35rem 0 rgba(96, 163, 240, 0.3);
margin: 0 0.75rem;
}
.map input {
display: block;
padding: 0 0 0.625rem;
border: 0;
border-bottom: 1px solid #ddd;
width: 100%;
line-height: 1;
margin-bottom: 0.625rem;
outline: none;
font-size: 0.6rem;
}
.map .button {
display: inline-block;
font-size: 0.6rem;
padding: 0.4rem 1rem;
border: 0;
background-color: #75abf3;
color: #fff;
outline: none;
width: auto;
margin-bottom: 0;
-webkit-border-radius: 1.5rem;
-moz-border-radius: 1.5rem;
border-radius: 1.5rem;
}
 .fwxm {
position:relative;
}
.fwxmbz {
margin:0 auto;
text-align:center;
position:absolute;
top:1rem;
color:#fff;
font-size:1rem;
left: 46%;
}
.fwxmbz h3 {
font-size:0.9rem;
margin-top:0.7rem;
}
.zyxm {
width:100%;
margin:0 auto;
text-align: -webkit-center;
}
.zyxmp {
text-align: center;
 width: 100%;
 color: #00a0e9;
 margin-top: 2rem;
 margin-bottom: 1rem;
 height: 2rem;
 line-height: 1rem;
}
.zyxmp {
font-size:1.5rem;
}
.zyxmp span {
font-size:1rem;
}
.zyxmcon {
width:96%;
margin:0 auto;
}
 .zyxmcon ul li {
list-style:none;
text-align:left;
margin-bottom:0.3rem;
}
.zyxmcon ul .zyxmli1 {
background:url(/templets/kefuwb/images/ydli1.png);
height:12.5rem;
width: 100%;
max-width: 640px;
background-size: 100% 100%;
}
.zyxmcon ul .zyxmli2 {
background:url(/templets/kefuwb/images/ydli0.png);
height:12.5rem;
width: 100%;
max-width: 640px;
background-size: 100% 100%;
}
.zyxmcon ul .zyxmli3 {
background:url(/templets/kefuwb/images/ydli2.png);
height:12.5rem;
width: 100%;
max-width: 640px;
background-size: 100% 100%;
}
.zyxmcon ul .zyxmli4 {
background:url(/templets/kefuwb/images/ydli3.png);
height:12.5rem;
width: 100%;
max-width: 640px;
background-size: 100% 100%;
}
.zyxmcon ul .zyxmli5 {
background:url(/templets/kefuwb/images/ydli4.png);
height:12.5rem;
width: 100%;
max-width: 640px;
background-size: 100% 100%;
}
.zyxmcon ul .zyxmli6 {
background:url(/templets/kefuwb/images/ydli5.png);
height:12.5rem;
width: 100%;
max-width: 640px;
background-size: 100% 100%;
}
.ulp {
margin-left:25.5%;
 font-size: 1rem;
 color: #00a0e9;
 padding-top:2rem;
}
.ulcon p {
padding:0;
margin:0;
}
.ulcon {
font-size: 0.9rem;
 color: #666;
 line-height: 1.4rem;
 margin-right:4.5%;
 width: 70%;
 float: right;
height: 5.5rem;
margin-top:0.5rem;
}
.ckxq {
clear: both;
float:right;
margin-right:0.5rem;
}
.ckxq img {
width:120px;
}
.ljzx {
float:right;
}
 .ab_c {
 padding-bottom: 0;
}
 .ab_c li {
 float: left;
 width: 33.3333%;
 text-align: center;
 line-height: 1.8;
 padding: .1rem 0;
}
.item {
font-size:1rem;
}
.aul .num {
 background: url(/templets/kefuwb/images/ai.png) no-repeat center;
 width: 55px;
 height:62px;
 line-height: 62px;
 text-align: center;
 margin: 0 auto;
 background-size: 100% 100%;
}
 .ques li p {
 padding: .2rem 0;
}
.text-center {
 color: #000;
 text-align: center;
 font-size: 0.8rem;
 margin-bottom: .7rem;
}
.bgf {
padding-top:0.8rem;
background: #f4f4f4;
}
.img-responsive {
width:100%;
margin-top: 0.5rem;
}
.bgf p {
text-align:center;
font-size:0.85rem;
}
 .nav {
 width: 100%;
 height: 3rem;
 font-size: 0.9rem;
 color: #666;
 margin: 0 auto;
 padding:1rem;
 overflow: hidden;
}
.wbzncon .nav {
height: auto;
 padding: 1rem;
}
 .naval {
 width: 100%;
 height: 3rem;
 font-size: 0.9rem;
 color: #666;
 margin: 0 auto;
padding:1rem;
 overflow: hidden;
}
.nav a, .naval a {
 font-size:14px;
 color:#666;
}
.nav a:hover, .naval a:hover {
 color:#00a0e9;
 text-decoration: none;
}
.section {
 width:100%;
 height:auto;
 overflow: hidden;
 margin:0 auto;
 padding-top: 0;
}
.section .left_nav {
 width:100%;
 height:auto;
 background:#fff;
 float:left;
 border-top: 1px solid #e1e1e1;
}
.section .left_nav h5 {
 margin: 0;
 text-indent: 0.5rem;
 font-size: 1rem;
 color: #333;
 line-height: 3rem;
 background: #f5f5f5;
 font-weight:400;
}
.section .left_nav ul {
 padding: 0.5rem 0.5rem;
}
.section .left_nav ul li {
 font-size: 1rem;
 color: #666;
 line-height: 2rem;
 cursor: pointer;
}
.section .left_nav ul li a {
font-size:1rem;
 color:#333;
}
.section .left_nav ul li a:hover {
 color:#00a0e9;
}
.section .left_nav ul li a.active {
 color:#00a0e9;
}
.section .left_nav ul li i {
 display: inline-block;
 float:right;
 width:8px;
 height:14px;
 background: url(/templets/kefuwb/images/ruleBlack.png) no-repeat center;
 margin-top:9px;
}
.section .left_nav ul li:hover {
 color:#5ba9ff;
}
.section .left_nav ul li:hover i {
 background: url(/templets/kefuwb/images/ruleBlue.png) no-repeat center;
}
.section .left_nav ul .active {
 color:#5ba9ff;
}
.section .left_nav ul .active i {
 background: url(/templets/kefuwb/images/ruleBlue.png) no-repeat center;
}
.section .left_nav .hr {
 width:100%;
 height: 0.01rem;
 background: #e5e5e5;
}
.section .right_con {
 width:100%;
 height:auto;
 background: #fff;
 overflow: hidden;
 float:right;
 padding-bottom:0.3rem;
}
.section .right_con .title_1 {
 margin-top:0.5rem;
 font-size:1rem;
 color:#555;
 line-height:1.5rem;
 margin-left: 0.5rem;
margin-bottom:0.5rem;
font-weight:bold;
}
 .section .right_con .title_2 {
 font-size:0.9rem;
 color:#1d1d1d;
 line-height:1.3rem;
 font-weight: 600;
}
.section .right_con .h3 {
 font-size:0.9rem;
 color: #1d1d1d;
 line-height:1.3rem;
 font-weight: 600;
}
 .section .right_con span {
 color:#1d1d1d;
 font-weight: 600;
}
.section .right_con a {
 color:#5ba9ff;
}
.section .right_con .package_form {
 width:100%;
 height:auto;
 margin-left:-0.5rem;
}
.clear {
 clear: both;
}
.contact_us {
 width: 100%;
 height: 13rem;
 float: right;
 background: #fff;
 margin: 0 auto;
 margin-top: 0.5rem;
 margin-bottom:0.5rem;
}
.contact_us .title {
 width: 100%;
 height: 3rem;
 font-size:0.9rem;
 font-weight: bold;
 color: rgba(29, 29, 29, 1);
 line-height: 1.5rem;
 text-align: center;
 margin-top: 0.8rem;
}
.online_service {
 width:44%;
 height:10rem;
 float:left;
 position: relative;
}
.online_service .online_service3 {
 display: block;
 width: 5rem;
 height: 3rem;
 background: url(/templets/kefuwb/images/online_service3.png) no-repeat center;
 margin: 0 auto;
}
.contact_us .online_service .word {
 display: inline-block;
 width: 100%;
 height: 2rem;
 font-size: 0.8rem;
 font-weight: 500;
 color: rgba(51, 51, 51, 1);
 line-height: 2.5rem;
 text-align: center;
 margin: 0 auto;
}
.contact_us .online_service .contact_us_a {
 display: block;
 width: 54%;
 height: 2rem;
 background: #00a0e9;
 border-radius: 4px;
 font-size: 0.8rem;
 font-weight: 400;
 color: rgba(255, 255, 255, 255);
 line-height: 2rem;
 margin: 0 auto;
 text-align: center;
 margin-top: 0.5rem;
}
.contact_us .online_service .contact_us_a:hover {
 text-decoration: none;
}
.contact_us .online_service .right_hr {
 width: 0.1rem;
 height: 5rem;
 background: rgba(242, 243, 243, 1);
 position: absolute;
 right: 0;
 top: 0.5rem;
}
.contact_us .make_call {
 width:56%;
 height:10rem;
 float:right;
}
.contact_us .make_call .phone {
 width: 0rem;
 height: 0rem;
 background: url(/templets/kefuwb/images/phonecon.png) no-repeat center;
 margin:0 auto;
 float:left;
}
.contact_us .make_call .phone_num {
 width: 100%;
 height: 1.3rem;
    /* background: url(/templets/kefuwb/images/400-0413-195.png) no-repeat center; */
    margin-top: 0.5rem;
 float: left;
 font-size: 1.2rem;
 font-weight: bold;
 text-align: center;
}
.contact_us .make_call .word2 {
 width: 100%;
 height: 2rem;
 font-size: 0.8rem;
 font-weight: 500;
 color: rgba(51, 51, 51, 1);
 line-height: 20px;
 margin-top: 0.5rem;
 text-align: center;
}
/*表格*/
.packageRule {
 width:946px;
 border-collapse:collapse;
 margin-left:-43px;
 font-size:12px;
 color:#1d1d1d;
 text-align: center;
}
.packageRule tr {
 height:27px;
}
.packageRule tr:nth-child(even) {
 background-color: #fef2cc;
}
.packageRule {
 border:2px solid #ffd861;
 text-align: center;
}
.packageRule th {
 border:2px solid #ffd861;
 text-align: center;
}
.packageRule td {
 border:2px solid #ffd861;
 text-align: center;
}
/*模拟对角线*/
.packageRule .out {
 width: 205px;
 height: 58px;
 position: relative;
}
.packageRule .out::after {
 display: block;
 content: '';
 width:215px;
 height:1px;
 background: #ffd345;
 position: absolute;
 left:-5px;
 top:28px;
 transform:rotate(16deg);
 -ms-transform:rotate(16deg);
 -webkit-transform:rotate(16deg);
 -o-transform:rotate(16deg);
 -moz-transform:rotate(16deg);
}
 em {
 font-style: normal;
 display: block;
 top: 0.3rem;
 left: 0.3rem;
 width: 3rem;
}

/*服务资讯*/
.met_section {
  /*  position: relative;
    padding: 30px 0 50px;*/
	width:100%;
 margin: 0 auto;
}
metinfo-v2.css:267 .mw980 {
 max-width: 100%;
 margin: 0 auto;
}
.met_section aside {
    /*position: relative;*/
    float: left;
 width: 230px;
}
.met_section aside section {
 background: #f5f5f5;
 border: 1px solid #ddd;
 border-radius: 3px;
 margin-bottom: 20px;
}
.met_section aside section h2 {
 padding: 0 20px;
 height: 60px;
 font-size: 18px;
 line-height: 60px;
/* position: relative;*/
}
.met_section aside .met_aside_list {
 background: #fff;
 border-top: 1px solid #ddd;
}
.sidebaran {
 width: 40px;
 height: 40px;
 cursor: pointer;
 color: #999;
 font-size: 22px;
 display: block;
   /* position: absolute;*/
    top: 10px;
 right: 10px;
 text-align: center;
 line-height: 40px;
}
.met_section aside .met_aside dl dt {
 height: 45px;
 line-height: 45px;
 font-weight: normal;
}
.met_section aside .met_aside dl dt a {
 display: block;
 padding: 0 20px;
 color: #333;
}
.met_aside_list>dl>dt>a.active {
background: #efefef;
}
.met_section article {
 float:right;
 width:100%;
 max-width:100%;
}
.met_section article .met_article {
 margin-left: 0px;
}
.met_art_art {
 background-color: #fff;
 border-radius:0.3rem;
 -webkit-box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, .05);
 box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, .05);
}
.met_art_art > .panel-heading {
 color: #333;
 background-color: #f5f5f5;
}
.panel-heading {
 padding: 0.3rem 0.5rem;
 border-bottom: 0.1rem solid transparent;
 border-top-left-radius:0.2rem;
 border-top-right-radius:0.2rem;
}
.met_article_head {
 padding: 0 10px;
 height: 60px;
 border-bottom: 1px solid #ddd;
 line-height: 60px;
 margin-bottom: 30px;
}
.panel-heading h1 {
 font-size: 1rem;
 margin-top: 0.5rem;
 margin-bottom: 10px;
}
.met_source a {
 color:#333;
}
 .text-muted {
 color: #777;
}
.met_article_head h1 {
 color: #555;
 font-weight: normal;
 font-size: 18px;
 height: 60px;
 line-height: 60px;
 text-align: left;
 float:left;
}
.met_editor {
 line-height: 2;
 word-wrap: break-word;
}
.panel-body {
 padding: 0.5rem;
 color: #333;
 padding-left: 0.5rem;
 padding-right: 0.5rem;
}
.panel-body p {
font-size: 1rem;
 line-height: 1.6rem;
 text-align: left;
 color: #333;
 margin-bottom: 0.5rem;
}
 .panel-body a u {
 color: #660000;
}
.panel-body a:hover u {
 color: #009ed6;
}
.panel-body p img {
width:100%;
}
.met_article_head .met_position {
 float:right;
 top: 0;
 right: 10px;
 color: #aaa;
 font-family: '宋体';
 font-size:14px;
}
.met_article_head .met_position a {
 color: #999;
 font-family: 'Microsoft YaHei', Tahoma, Verdana, 'Simsun';
}
.met_section aside .met_aside dl dt a:hover {
background:#efefef;
}
.met_section aside .met_aside dl dd .on a, .met_aside dl dd a:hover {
background:#efefef;
}
.list-group {
 padding-left: 0;
 margin-bottom: 20px;
 font-size:14px;
 text-align:left;
}
.met_pager {
 text-align: center;
 padding: 10px 0 0;
 font-size:14px;
display: inline-block;
background: rgb(243, 244, 244);
width: 100%;
}
.list-group-item:first-child {
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
}
a.list-group-item, button.list-group-item {
 color: #555;
}
.newslist_p15 {
 padding: 15px;
}
.list-group-item {
    /*position: relative;*/
    display: block;
 padding: 15px 15px;
 margin-bottom: -1px;
 background-color: #fff;
 border: 1px solid #ddd;
}
a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
 color: #555;
 text-decoration: none;
 background-color: #f5f5f5;
}
.badge {
 display: inline-block;
 min-width: 10px;
 padding: 3px 7px;
 font-size: 12px;
 font-weight: bold;
 line-height: 1;
 color: #fff;
 text-align: center;
 white-space: nowrap;
 vertical-align: middle;
 background-color: #777;
 border-radius: 10px;
}
.list-group-item > .badge {
 float: right;
}
.met_pager .PreSpan, .met_pager .NextSpan {
 height: 30px;
 line-height: 30px;
 min-width: 60px;
 _width: 60px;
 text-align: center;
 background: #f0f0f0;
 color: #ccc;
 display: inline-block;
}
.met_pager .PreSpan, .met_pager .PreA {
 margin-right: 6px;
}
.met_pager a {
 text-align: center;
 color: #808080;
}
 .met_pager .PreSpan, .met_pager .NextSpan {
height:30px;
line-height:30px;
min-width:60px;
_width:60px;
text-align:center;
background:#f0f0f0;
color:#ccc;
display:inline-block
}
.met_pager .PreA, .met_pager .NextA {
height:28px;
line-height:28px;
min-width:58px;
_width:58px;
color:#aaa
}
.met_pager .PreSpan, .met_pager .PreA {
margin-right:6px
}
.met_pager .NextSpan, .met_pager .NextA {
margin-left:6px
}
.met_pager .firstPage, .met_pager .lastPage {
font-weight:bold;
height:28px;
line-height:28px;
min-width:40px;
_width:40px;
color:#aaa
}
.met_pager .Ahover {
font-weight:bold;
background:#f0f0f0;
color:#aaa
}
.met_pager .PageText {
margin-left:10px;
color:#aaa;
display: none;
}
.met_pager #metPageT, #metPageB {
text-align:center;
border:1px solid #e0e0e0;
color:#aaa
}
.met_pager #metPageT {
width:20px;
padding:6px 5px 5px;
display: none;
}
.met_pager #metPageB {
min-width:40px;
_width:40px;
padding:6px 0 5px;
cursor:pointer;
font-weight:bold;
display: none;
}
 .panel-footer {
 padding: 0.2rem 0.3rem;
 background-color: #f5f5f5;
 border-bottom-right-radius: 0.2rem;
 border-bottom-left-radius: 0.2rem;
 clear:both;
}
.met_tools {
 position: relative;
 height: 4rem;
 line-height: 2rem;
}
.bdshare-button-style1-16 .bds_more {
 color: #333;
 float: left;
}
.bdshare-button-style1-16 a, .bdshare-button-style1-16 .bds_more {
 float: left;
 font-size: 12px;
 padding-left: 17px;
 line-height: 16px;
 height: 16px;
 background-repeat: no-repeat;
 cursor: pointer;
 margin: 6px 6px 6px 0;
}
.bdshare-button-style1-16 .bds_more {
 background-position: 0 0;
}
.bdshare-button-style1-16 .bds_qzone {
 background-position: 0 -52px;
}
.bdshare-button-style1-16 .bds_tsina {
background-position:0 -104px;
}
.bdshare-button-style1-16 .bds_renren {
background-position:0 -208px;
}
.bdshare-button-style1-16 .bds_tqq {
background-position:0 -260px;
}
.bdshare-button-style1-16 .bds_kaixin001 {
background-position:0 -312px;
}
.bdshare-button-style1-16 .bds_tqf {
background-position:0 -364px;
}
.bdshare-button-style1-16 .bds_hi {
background-position:0 -416px;
}
.bdshare-button-style1-16 .bds_douban {
background-position:0 -468px;
}
.bdshare-button-style1-16 .bds_tsohu {
background-position:0 -520px;
}
.bdshare-button-style1-16 .bds_tieba {
background-position:0 -728px;
}
.bdshare-button-style1-16 .bds_hx {
background-position:0 -988px;
}
.bdshare-button-style1-16 .bds_fx {
background-position:0 -1040px;
}
.bdshare-button-style1-16 .bds_ty {
background-position:0 -1196px;
}
.bdshare-button-style1-16 .bds_fbook {
background-position:0 -1352px;
}
.bdshare-button-style1-16 .bds_twi {
background-position:0 -1404px;
}
.bdshare-button-style1-16 .bds_linkedin {
background-position:0 -1664px;
}
.bdshare-button-style1-16 .bds_meilishuo {
background-position:0 -1716px;
}
.bdshare-button-style1-16 .bds_weixin {
 background-position: 0 -1612px;
}
.met_tools .met_page {
 clear: both;
 position: absolute;
 top: 0;
 color: #818181;
}
.met_tools .met_page li {
 text-align: left;
 list-style: none;
 margin-left:0.8rem;
}
.met_tools .met_page li span {
 padding-right: 0.3rem;
}
.met_tools .met_page a {
 color: #00a0e9;
}
/*在线客服外包*/
.zxkfbanner {
 width:100%;
 margin:0 auto;
 margin-top:4.68rem;
}
.zxkfbanner img {
width:100%;
}
/*解决问题*/
.abox_b {
 background: #f4f4f4;
}
.wrap {
 width: 100%;
 margin: 0 auto;
}
/*.wow{width:341px;}*/
.text-center {
 text-align: center;
}
.aTit {
 padding: 0.8rem 0;
 margin-bottom:0;
 padding-top:1rem;
}
 .aTit h2 {
 color: #000;
text-align: center;
font-size: 1.2rem;
font-weight: 800;
}
.left {
 float: left;
 display: inline-block;
}
.gaibanpos-box .left {
float: none !important;
 display: block;
}
.aul {
 text-align: center;
 width:100%;
}
.aimg {
   /* margin-left: 40px;*/
	width:100%;
 margin:0 auto;
 text-align:center;
 margin-bottom:0.8rem;
}
.aimg img {
width:100%;
}
.aul {
 text-align: center;
}
.right {
 float: right;
 display: inline-block;
}
.aul li {
 margin-bottom:0.5rem;
}
.c1 {
 color: #00a0e9;
}
.aul li .num {
 text-align: center;
 background: url(/templets/kefuwb/images/ai.png) no-repeat;
 width: 55px;
 height: 62px;
 line-height: 62px;
 text-align: center;
 margin: 0 auto;
 font-size: 1rem;
}
.aul li p {
 padding: .2rem 0;
 text-align: center;
font-size: 0.85rem;
 display: inline-block;
}
/*客服外包中的优势*/
.main-why {
 background: #fff;
 display: -webkit-box;
}
.main-section .section-container {
 width: 100%;
 margin: 0 auto;
 padding: 0.8rem 0;
}
.main-section .section-container>h5 {
 padding: 0;
 margin: 0;
 color: #000;
 text-align: center;
 font-size: 1.2rem;
 font-weight: 800;
 margin-bottom: .7rem;
}
 .sec_h5_p {
 padding: 0;
 margin: 0;
 text-align: center;
 font-size:0.85rem;
}
 .main-why .why-list {
 margin-top: 0.8rem;
}
.main-why .why-list>li {
 float: left;
 width: 46%;
 box-shadow: 1px 1px 5px #dfdfdf;
 margin-bottom: 0.8rem;
 margin-right: 0%;
 border-radius: 0.2rem;
 height: 6rem;
 text-align: left;
 padding: 0.3rem 0.3rem;
 background: #fff;
 cursor: pointer;
 position: relative;
 margin-left: 2.7%;
 padding-left: 0.5rem;
}
.main-why .why-list>li img {
 position: absolute;
 right: 0.5rem;
 top: 0.5rem;
 width: 2rem;
}
.hui .call-advantage.section-container ul {
 padding: 0 0.5rem;
}
.main-why .why-list>li h6 {
 color: #00a0e9;
 font-size: 1rem;
 margin-top: 0.5rem;
 margin-bottom: 0.3rem;
}
.main-why .why-list>li p {
 color: #666;
 font-size: 0.8rem;
 line-height: 1.3rem;
 width: 87%;
padding: 0;
 margin: 0;
 margin-top:0.5rem;
}
/*合作品牌*/
.cooperat-brand-bg {
 width: 100%;
 padding-bottom:0.8rem;
 background: #f4f4f4;
 text-align:center;
}
.cooperat-brand {
 width:100%;
 margin: 0 auto;
 padding-top:0.8rem;
}
.section-heading {
 padding: 0;
 margin: 0;
 color: #000;
 text-align: center;
 font-size: 1.2rem;
 font-weight: 800;
 margin-bottom: .7rem;
}

/*.cooperat-brand .brand-box .last {
    margin-right: 0px;
}*/
.cooperat-brand .brand-box li {
 float: left;
 margin: 1% 1% 1% 1%;
 width: 31.33333333%;
}
.cooperat-brand .brand-box li img {
 width:100%;
}
.brand-box {
 width: 95%;
 margin:0 auto;
 margin-top:0.5rem;
}

/*服务保障*/
.section-container {
padding-bottom: 0.8rem;
padding-top: 0.8rem;
}
.section-container ul {
 display: table;
 width: 100%;
 margin: 0 auto;
 margin-top:0.8rem;
}
.section-container ul li {
 display: table-cell;
 text-align: center;
 width:33.333%;
}
.section-container ul li img {
 width:40%;
 margin-bottom: 0.5rem;
}
.section-container ul li .title {
 font-size: 1rem;
 color: #2c295d;
 padding: 0;
 margin: 0;
}
.section-container .more {
 display: block;
 color: #00a0e9;
 font-size: 1rem;
 margin-top: 0.8rem;
 text-align: center;
}
.cooperat-brand-bg .more {
 display: inline-block;
height: 38px;
width:auto;
padding:0 30px;
border-radius: 4px;
overflow: auto;
text-align: center;
outline: none;
border: none;
color: #fff;
font-size:1rem;
line-height: 38px;
 background-color: #00a0e9;
}
.section-container ul li .content {
 font-size: 0.8rem;
 color: #787785;
 line-height: 1.3rem;
 width: 88%;
 margin: 0 auto;
 margin-top: 0.5rem;
}
/*服务流程*/
.service-flow-section {
 width: 100%;
 padding: 0.8rem 0;
 background: #f4f4f4;
}
.service_con {
 width:95%;
 margin:0 auto;
}
.title-box {
 text-align: center;
}
.service-flow-section .bar-color {
}
.title-bar {
 position: relative;
 display: inline-block;
 text-align: center;
}
.title-bar .tith1 {
 padding: 0;
 margin: 0;
 color: #000;
 text-align: center;
 font-size: 1.2rem;
 font-weight: 800;
 margin-bottom: .7rem;
}
.title-bar h4 {
 font-size: 14px;
 text-transform: capitalize;
 font-weight: normal;
}
.service-flow-section .bar-color {
}
.describe-info {
 color: rgb(102, 102, 102);
 line-height: 1.5;
 font-size:1rem;
 text-align: center;
}
.swiper-box {
 position: relative;
 height: 5rem;
 margin:0.5rem auto;
}
.swiper-container {
 width: 100%;
 height: 5rem;
 color: rgb(102, 102, 102);
}
.swiper-box .swiper-button-prev {
 left: -0.3rem;
 background-position: 0px 0px !important;
}
.swiper-box .swiper-button-next {
 right: -0.5rem;
 background-position: -30px 0px !important;
}
.swiper-container .swiper-notification {
 position: absolute;
 left: 0;
 top: 0;
 pointer-events: none;
 opacity: 0;
 z-index: -1000;
}
.swiper-container .pro-step-list .pro-item .icons-img {
 position: absolute;
 display: inline-block;
 width: 2.5rem;
 height: 2.5rem;
 left: 0px;
 top: 0px;
 text-align: center;
 padding-top: 1rem;
}
.icons-img img {
width:100%;
}
.swiper-container .pro-step-list .pro-item h3 {
 font-size: 0.8rem;
 font-weight: normal;
 text-align: right;
 margin-right: 0.3rem;
}
.swiper-container .pro-step-list .item-step {
 float: left;
 width: 2rem;
 height: 4rem;
    /* padding-right: 15px; */
    text-align: center;
 line-height: 4rem;
 font-size: 0.8rem;
 color: rgb(102, 102, 102);
 background: url(/templets/kefuwb/images/r_jiantou_arr.png) 0px center no-repeat;
 background-size: 100%;
}
.item-step p {
text-align: left;
 margin-left: 16px;
}
.service-flow-section .pro-list-more {
 color: rgb(51, 51, 51);
 display: table;
 margin: 0 auto;
}
.btn.btn-default {
 background-color:#00a0e9;
}
.pro-list-more .btn {
 width: 140px;
}
.title-bar::before, .title-bar::after {
 width: 36px;
 height: 36px;
 position: absolute;
 top: 10px;
 content: "";
}
.title-bar::after {
 right: 0px;
}
.title-bar::before {
 left: 0px;
}
.swiper-slide {
 opacity:1;
}
.swiper-box .swiper-button-prev {
 left: -0.5rem !important;
 background-position: 0 0 !important;
}
.swiper-box .swiper-button-next, .swiper-box .swiper-button-prev {
 top: 28%;
 margin-top: -0.3rem;
 position: absolute;
 text-align: center;
 font-size: 0.8rem;
 color: #444;
 outline: none;
 background-image: none;
 width: 2rem;
 height: 2rem;
 background: url(/templets/kefuwb/images/btn_ctrl_icons.png) no-repeat;
 cursor: pointer;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
 opacity: .35;
 cursor: auto;
 pointer-events: none;
}
.swiper-box .swiper-button-next {
 right: -0.5rem !important;
 background-position: -30px 0 !important;
}
.swiper-container .pro-step-list .pro-item {
 position: relative;
 float: left;
 width: 6rem;
 height: 4rem;
 border: 1px solid #00a0e9;
 padding-left: 0.5rem;
 font-size: 0.8rem;
 color: #666;
 line-height: 1rem;
 display: table-cell;
 vertical-align: middle;
padding-top: 0.7rem;
}
.pro-list-more .btn {
 display: inline-block;
 height: 2.5rem;
 width: 8rem;
 border-radius: 0.2rem;
 overflow: auto;
 text-align: center;
 outline: none;
 border: none;
 color: #fff;
 font-size: 1rem;
 line-height:2.5rem;
}
.swiper-wrapper ul {
overflow:hidden;
zoom:1;
}
 .swiper-wrapper ul li {
 float:left;
_display:inline;
overflow:hidden;
text-align:center;
}
.swiper-wrapper {
 margin: 0 auto;
 margin-top: 0.8rem;
 width: 90%;
overflow: hidden;
}
/*电话客服外包中的服务范围*/

.demand-list>li {
 float: left;
 width: 48%;
    /* box-shadow: 0.1rem 0.1rem 0.2rem #989898; */
    margin-bottom: 0.7rem;
 margin-right:2%;
 margin-left: 2%;
 border-radius: 0.3rem;
 height: auto;
 text-align: center;
 padding:0.7rem 0.3rem;
 cursor: pointer;
 padding-bottom: 0.5rem;
 border: 0.05rem solid #dfdfdf;
 max-height:11rem;
}
.demand-list>li:nth-child(2), .demand-list>li:nth-child(4), .demand-list>li:nth-child(6) {
box-shadow:0;
margin-right: 0;
}
.demand-list>li:nth-child(1), .demand-list>li:nth-child(3), .demand-list>li:nth-child(5) {
box-shadow:0;
margin-left: 0;
}
.demand-list>li p {
 color: #565656;
 font-size: 0.8rem;
 line-height:1.3rem;
}
.demand-list>li>p:first-child {
 height:3rem;
 line-height:3rem;
}
.demand-list>li h6 {
 color: #00a0e9;
 font-size: 1rem;
 margin-top: 0.3rem;
 margin-bottom: 0.3rem;
}
.demand-list>li .demand-btn {
 display: inline-block;
 background-color: #ff9c01;
 -webkit-border-radius: 0.5rem;
 -moz-border-radius: 0.5rem;
 border-radius: 0.5rem;
 color: #fff;
 font-size:1rem;
 width: 7.3rem;
 height: 2rem;
 line-height: 2rem;
 margin-top: 0.5rem;
 margin-bottom: 0.5rem;
}
.work-container {
 display: block;
/* padding-bottom:400px;*/
}
.demand-box>li {
 width: 336px;
 float: left;
 height: 100px;
 margin-bottom: 20px;
 margin-right: 10px;
 border-radius: 5px;
 text-align: center;
 padding: 20px;
 border: 1px solid #eaeeed;
 box-shadow: 1px 1px 5px #eaeeed;
 cursor: pointer;
}
.demand-box>li+li {
 padding: 0;
 width: 191px;
}
.demand-box>li:first-child {
 position: relative;
 height:auto;
}
.demand-box>li label, .demand-box>li h6 {
 color: #00a0e9;
 font-size: 18px;
 font-weight: 600;
}
.list-ico {
 box-sizing: border-box;
 max-width: 100%;
 height: auto;
 vertical-align: middle;
 border: none;
}
.mt-lg {
 margin-top: 20px;
}
.button-box {
 text-align: center;
 clear: both;
}
.titlep {
 text-align: center;
 font-size: 0.85rem;
 margin-bottom:0.8rem;
 padding: 0 1rem;
}
.demand-zx {
 background: #ff9c01;
 box-shadow: 1px 1px 3px #ccc;
 padding: 10px 60px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 color: #fff;
 font-size: 30px;
 border: none;
}
.met_section .listart {
 text-align: center;
 position: relative;
 margin: 0 auto;
 float: right;
 width: 940px;
 max-width: 1200px;
 margin-left: 30px;
 padding-bottom: 50px;
}
.wbzncon {
width:100%;
height:auto;
background: rgb(243, 244, 244);
 margin-top: 4.68rem;
}
.section .right_con p {
 font-size:0.9rem;
 color: #555;
 line-height:1.3rem;
 font-weight: 100;
margin: 0 auto;
margin-bottom:0.3rem;
 white-space: normal;
 padding: 0 0.3rem;
}
.section .left_nav .navh5 ul {
padding:0rem 0rem;
}
.section .left_nav .navh5 ul li {
float: left;
 width: 33%;
 text-align: center;
 border-right: 1px solid #e1e1e1;
 margin: 0.5rem 0;
 line-height: 1.5rem;
}
.section .left_nav .navh5 ul li:nth-child(3), .section .left_nav .navh5 ul li:nth-child(6), .section .left_nav .navh5 ul li:nth-child(9), .section .left_nav .navh5 ul li:nth-child(12), .section .left_nav .navh5 ul li:nth-child(15), .section .left_nav .navh5 ul li:nth-child(18), .section .left_nav .navh5 ul li:nth-child(21), .section .left_nav .navh5 ul li:nth-child(24), .section .left_nav .navh5 ul li:nth-child(27) {
 border-right:none;
}
.section .left_nav .navh5 ul li a {
font-size:0.9rem;
}
 .section .left_nav .navdh ul {
padding:0rem 0rem;
}
.section .left_nav .navdh ul li {
 float: left;
 width: 50%;
 text-align: center;
 border-right: 1px solid #e1e1e1;
 margin: 0.5rem 0;
 line-height: 1.5rem;
}
.section .left_nav .navh5 ul li:nth-child(3), .section .left_nav .navh5 ul li:nth-child(6), .section .left_nav .navh5 ul li:nth-child(9), .section .left_nav .navh5 ul li:nth-child(12), .section .left_nav .navh5 ul li:nth-child(15), .section .left_nav .navh5 ul li:nth-child(18), .section .left_nav .navh5 ul li:nth-child(21), .section .left_nav .navh5 ul li:nth-child(24), .section .left_nav .navh5 ul li:nth-child(27) {
 border-right:none;
}
.section .left_nav .navdh ul li a {
font-size:0.9rem;
}
 .answer {
background:#d5e8fb;
}
.agreement {
background: #edfeff;
}
.agreement1 {
background: #feffea;
}
 .met_clear {
border-bottom: 1px solid #eee;
}


/*头部*/
.header {
 height: 4.68rem;
 line-height: 4.68rem;
 vertical-align: middle;
 transition: all .5s ease-out;
 -webkit-transition: all .5s ease-out;
 position: absolute;
 width: 100%;
 top: 0;
 z-index: 100;

/* max-width: 640px;*/
 margin: 0 auto;
 background: #fff;
 border-bottom: none !important;
 box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
.header {
 line-height: 4.68rem;
}
 .logoindex {
 width: 119px;
 height: 4.68rem;
 display: block;
}
.header .logo img {
 display: block;
 width: auto;
 height: 4.08rem;
 display: block;
 vertical-align: middle;
 margin-top: 0.3rem;
 margin-left: 0.3rem;
}
.header .text {
 float: left;
 font-size: 0.9rem;
 color: #999;
 line-height: 3rem;
 margin-left: 0.7rem;
 padding-left: 0.2rem;
 height: 3rem;
 margin-top: 0.9rem;
}
.menu-btn2 {
 color: #999;
}
.side_bar {
 overflow-y: auto;
 -webkit-overflow-scrolling: touch;
 position: fixed;
 bottom: 0;
 background: #fff;
 top: 0;
 width: 15rem;
 z-index: 300;
 right: 0;
 display: none;
 transition: all 400ms;
}
/*.side_bar .close {
 position: absolute;
    right: 0.7rem;
    top: 0.5rem;
    color: #fff;
    font-size: .5rem;
    cursor: pointer;
  
    background-size: auto;
    width: 3.5rem;
    height: 1.5rem;
    z-index: 20;
    background-size: 100% 100%;
    line-height: 32px;
    padding: 0 15px;
    color: #fff;
    border-radius: 4px;
    background-color:#00a0e9;
}*/
.side_a {
 background: #f4f4f4;
 background-size: auto;
 color: #fff;
 font-size: .7rem;
 height: 6.25rem;
 position: relative;
 background-size: 100% 100%;
}
.mobile-menu-top {
 display: block;
 border-bottom: 1px solid #ececec;
 padding: 10px 15px;
 background: #f4f4f4;
}
.mobile-menu-top .home-btn {
background:#fff;
padding: 0 15px;
 border-radius: 4px;
}
.float-left {
 float: left!important;
}
.mobile-menu-top .mobile-menu-close {
 line-height: 32px;
 padding: 0 15px;
 color: #fff;
 border-radius: 4px;
}
.float-right {
 float: right!important;
}
.mobile-menu-top .mobile-menu-close {
background-color: #00a0e9;
}
.mobile-menu-top .home-btn>a {
 display: block;
 line-height: 32px;
 font-size: 16px;
 background: url(/templets/kefuwb/images/si1.png) no-repeat center left;
 background-size: 1.5rem;
 text-indent:1.8rem;
 margin-top:1px;
}
.mobile-menu-top .home-btn>a:before {
 display: inline-block;
 margin-right: 5px;
}
.mobile-menu-top .mobile-menu-close:before {
 content: "X";
 font-family: iconfont;
 display: inline-block;
 margin-right: 5px;
}
.mobile-menu-top:after {
 display: block;
 height: 0;
 clear: both;
 content: "";
}
.navMobile {
 padding: 0 .18rem;
}
.side_a img {
 height: auto;
 top: 31.5%;
 left: 26%;
 position: absolute;
 width: 47%;
}
.navMobile dd {
 margin-left: 0.8rem;
}
.navMobile dd:nth-child(1) p a {
 background-size: auto;
 background-size: 1.5rem;
}
.navMobile dd p a {
 display: block;
 position: relative;
 border-bottom: 1px solid #e1e1e1;
 height: 3rem;
 line-height: 3rem;
 font-size: 1.2rem;
}
.navMobile dd p a span {
 width: 2.3rem;
 display: inline-block;
 vertical-align: middle;
}
.navMobile dd:nth-child(1) p a {
 background-size: auto;
 background-size: 1.5rem;
}
 .header .menu-btn {
 float: right;
 position: relative;
 z-index: 1;
 color: #00a0e9;
 font-size: 1rem;
 width: 13%;
 text-align: right;
 line-height: 4.68rem;
 padding: 0;
 margin: 0;
 margin-top: 0px;
 margin-top: 0.1rem;
 padding-right: 0.8rem;
}
.head_left {
 width: 87%;
 float: left;
}
.msubnav1 a, .msubnav2 a, .msubnav3 a {
 height: 2rem;
 line-height: 2rem;
 padding-left: 1.1rem;
 border-bottom: 1px dashed #e9e9e9;
 font-size: 1rem;
 display: block;
}
/*底部*/
.footer {
 background: #262a36;
 height: auto;
 clear: both;
}
.flinks {
 padding: .65rem 0;
 text-align: center;
 font-size: 0.9rem;
}
.flinks a {
 color: #fff;
 width: 4.8em;
 height: 2.3rem;
 line-height: 2.3rem;
 border-radius: 0.7rem;
 display: inline-block;
}
.footerdl {
 width: 100%;
 padding-bottom: 1.2rem;
}
.flinkszhuce {
 padding: 0;
text-align: center;
}
.flinkszhuce a {
 color: #fff;
 width: 2.8em;
 height: 2.3rem;
 line-height: 2.3rem;
 border-radius: 0.7rem;
 display: inline-block;
 font-size: 1rem;
}
.footer dl {
 width: 67%;
 margin: 0 auto;
 margin-left: auto;
 font-size: 1rem;
 height:3.5rem;
 line-height: 4rem;
 float: left;
 margin-left: 1rem;
 margin-bottom: 0.5rem;
}
.zxyy {
 width: 20%;
 height: 32%;
 float: right;
 text-align: center;
 margin-right:1rem;
margin-top: 0.6rem;
}
.copyright {
 text-align: center;
 font-size: .7rem;
 color: #838695;
 padding: .5rem 0;
 line-height: 5rem;
 clear: left;
 margin-left:1rem;
}
.footer dt {
 float: left;
 margin-right: 0.7rem;
 height: 4rem;
}
.footer dd {
 height: 4rem;
 display: block;
}
.footer dd h3, .footer dd .divh3 {
 line-height: 1rem;
 font-size: 1rem;
 color: #ffff;
 margin-top: 0.8rem;
 margin-bottom: 0.3rem;
 text-align:left;
font-weight: bold;
}
.footer p {
 font-size: 0.9rem;
 margin: 0;
 margin-top: 0px;
 margin-left: 0px;
 line-height: 1rem;
 margin-top: 0rem;
 text-align: left;
 color: #a6a6a6;
}
.bottomwx {
 color: #fff;
 text-align: center;
 height: 1.5rem;
 font-size: 0.8rem;
 line-height:1.2rem;
}
.zxyy img {
 width: 100%;
}
.footer p {
 font-size: 0.9rem;
 margin: 0;
 margin-top: 0px;
 margin-left: 0px;
 line-height: 1rem;
 margin-top:0rem;
 text-align: left;
 color: #a6a6a6;
}
.foot-box {
 height: 4rem;
}
.foot-nav ul {
 width: 100%;
}
.foot-nav ul li {
 width: 33.33%;
 line-height: 5rem;
 text-align: center;
 height: 5rem;
 margin-top: 0.2rem;
 float: left;
 margin-bottom: 0.2rem;
}
.foot-nav ul li a.n01 {
 background-image: url(/templets/kefuwb/images/n01.png);
 background-size: auto 1.8rem;
}
.foot-nav ul li a {
 display: block;
 height: 6rem;
 font-size: .9rem;
 width: 100%;
 text-align: center;
 line-height: 6rem;
 background-position: center 0.16rem;
 background-repeat: no-repeat;
}
.foot-nav ul li a.n02 {
 background-image: url(/templets/kefuwb/images/n02.png);
 background-size: auto 1.8rem;
}
.foot-nav ul li a.n03 {
 background-image: url(/templets/kefuwb/images/n03.png);
 background-size: auto 1.8rem;
}
 .lwx_personinfo_content {
padding:50px 0 1rem;
background:#f9f9f9;
width:100%;
padding-top:4.68rem;
}
/*服务项目*/
		.clear {
clear:both;
}
 .mmkfwxm {
width:100%;
margin:0 auto;
padding:1rem;
display: flow-root;
}
 .fwxm_tit {
text-align:center;
margin:0.8rem 1rem;
}
.mmkfwxm .fwxm_tit {
margin:0.8rem 0rem;
}
.fwxm_tit.fuser h3, .fwxm_tit.fuser h1 {
 font-size: 1.2rem;
 color: #2b2b2b;
 margin-bottom:0.5rem;
 font-weight: inherit;
 text-align: left;
}
.fwxm_tit.fuser p {
text-align: left;
}
 .fwxm_tit h3 {
 font-size: 1.2rem;
 color: #2b2b2b;
 margin-bottom:0.5rem;
}
 .fwxm_tit h2 {
color: #333;
 text-align: center;
 font-size: 1.2rem;
 font-weight: 800;
 margin-bottom: .7rem;
}
.fwxm_tit .divh3 {
color: #333;
 text-align: center;
 font-size: 1.2rem;
 font-weight: 800;
 margin-bottom: .5rem;
}
.fwxm_tit.zcjj_tit {
 margin: 0.8rem 0;
}
 .fwxm_tit.zcjj_tit h3, .fwxm_tit.zcjj_tit .divh3 {
 border-bottom: 1px solid #d5dfe7;
 padding-bottom: 0.5rem;
}
.fwxm_tit .title {
 font-size:1.2rem;
 color: #fff;
 margin-bottom:0.5rem;
}
.fwxm_tit p span {
 font-size: 0.9rem;
 color: #666666;
}
.fwxm_tit p .titlespan {
 color: #fff;
}
.mmkfwxm_con_tit {
width:100%;
margin-bottom: 0.8rem;
}
.mmkfwxm_con_tit ul li {
width:15%;
margin:0 1%;
float: left;
}
.mmkfwxm_con_tit ul span.mmkfwxm_conwap_span {
width:15%;
margin-left:1%;
float: left;
}
.mmkfwxm_con_tit ul li:nth-child(1) {
margin-left:0;
}
.mmkfwxm_con_tit ul li:nth-child(6) {
margin-right:0;
}
.mmkfwxm_con_tit ul li a, .mmkfwxm_con_tit ul span a {
 width: 100%;
 text-align: center;
 display: inline-block;
 line-height: 1.3rem;
 border: 0.03rem solid #dcdcdc;
 text-align: center;
 color: #777777;
 font-size: 0.8rem;
 padding: 0.3rem 0;
}
.mmkfwxm_con_tit ul li a:hover {
 border: 0.03rem solid #25a6ff;
 background: #25a6ff;
 color: #fff;
}
 .mmkfwxm_con_con {
margin-top:0.8rem;
display: inline-block;
 margin-bottom: 0.8rem;
}
 .mmkfwxm_con_con ul li {
 float: left;
 width: 48%;
 height: auto;
 margin: 0 1%;
 margin-bottom: 0.5rem;
 border: 1px solid #ddd;
 padding: 0.5rem;
}
 .mmkfwxm_con_con ul li.citem:nth-child(odd) {
 width: 48.9%;
 height: auto;
 margin-right: 1%;
 margin-left:0;
 border: 0.01rem solid #ddd;
 float: left;
}
 .mmkfwxm_con_con ul li.citem:nth-child(even) {
 width: 48.9%;
 height: auto;
 margin-right: 0;
 margin-left:1%;
 border: 0.01rem solid #ddd;
 float: right;
}
 .mmkfwxm_con_con ul li img {
 width: 100%;
 height: 7rem;
 margin-bottom: 0.5rem;
 max-height: 7rem;
}
 .mmkfwxm_con_con ul li.citem .tit {
 font-size: 1rem;
 line-height: 1.5rem;
 color: #333;
 overflow: hidden;
 width: 100%;
 height: 1.5rem;
 padding: 0;
 text-align:center;
}
 .mmkfwxm_con_con ul li.citem .cont {
 font-size: 0.9rem;
 line-height: 1.3rem;
 color: #00a0e9;
 text-align: left;
 word-break: break-all;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 6;
 overflow: hidden;
}
 .mmkfwxm_con_con ul li.citem .cont.yansep {
color: #666;
margin-bottom:0.2rem;
}
.con_con_img {
 width: 100%;
 height: auto;
}
.con_con_tit {
 width: 100%;
 height: 18px;
 color: rgb(31, 40, 53);
 text-align: center;
 font: 18px / 18px 微软雅黑;
 padding: 30px 0px 14px;
}
.con_miaoshu {
 width: 100%;
 font-size: 14px;
 color: #818181;
 height: 104px;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 5;
 overflow: hidden;
 line-height: 26px;
}
.con_jiage {
 color: rgb(0, 160, 233);
 margin-top: 8px;
 font: 14px / 14px 微软雅黑;
}
.con_con_img img {
 width: 100%;
 height: auto;
}
.con_con_tit span {
 display: inline-block;
 cursor: pointer;
}
/*.mmkfwxm_con_con ul li:nth-child(1n+0){ background: url(/templets/kefuwb/images/service1.png) no-repeat center center;
 background-size:100% 100%;}
 .mmkfwxm_con_con ul li:nth-child(2n+0){background: url(/templets/kefuwb/images/service2.png) no-repeat center center;
 background-size:100% 100%;
 margin-right:0;}
.mmkfwxm_con_con ul li:nth-child(3n+0){background: url(/templets/kefuwb/images/service3.png) no-repeat center center;
 background-size:100% 100%;}
 .mmkfwxm_con_con ul li:nth-child(4n+0){ background: url(/templets/kefuwb/images/service4.png) no-repeat center center;
 background-size:100% 100%;
 margin-right:0;}*/
/*  .mmkfwxm_con_con ul li:nth-child(1), .mmkfwxm_con_con ul li:nth-child(5), .mmkfwxm_con_con ul li:nth-child(9), .mmkfwxm_con_con ul li:nth-child(13), .mmkfwxm_con_con ul li:nth-child(17), .mmkfwxm_con_con ul li:nth-child(21), .mmkfwxm_con_con ul li:nth-child(25) {
 background: url(/templets/kefuwb/images/service1.png) no-repeat center center;
 background-size:100% 100%;

}
 .mmkfwxm_con_con ul li:nth-child(2), .mmkfwxm_con_con ul li:nth-child(6), .mmkfwxm_con_con ul li:nth-child(10), .mmkfwxm_con_con ul li:nth-child(14), .mmkfwxm_con_con ul li:nth-child(18), .mmkfwxm_con_con ul li:nth-child(22), .mmkfwxm_con_con ul li:nth-child(26)  {
 background: url(/templets/kefuwb/images/service2.png) no-repeat center center;
 background-size:100% 100%;
 margin-right:0;
}
 .mmkfwxm_con_con ul li:nth-child(3), .mmkfwxm_con_con ul li:nth-child(7), .mmkfwxm_con_con ul li:nth-child(11), .mmkfwxm_con_con ul li:nth-child(15), .mmkfwxm_con_con ul li:nth-child(19), .mmkfwxm_con_con ul li:nth-child(23), .mmkfwxm_con_con ul li:nth-child(27)  {
 background: url(/templets/kefuwb/images/service3.png) no-repeat center center;
 background-size:100% 100%;

}
 .mmkfwxm_con_con ul li:nth-child(4), .mmkfwxm_con_con ul li:nth-child(8), .mmkfwxm_con_con ul li:nth-child(12), .mmkfwxm_con_con ul li:nth-child(16), .mmkfwxm_con_con ul li:nth-child(20), .mmkfwxm_con_con ul li:nth-child(24), .mmkfwxm_con_con ul li:nth-child(28)  {
 background: url(/templets/kefuwb/images/service4.png) no-repeat center center;
 background-size:100% 100%;
 margin-right:0;
}*/
 .mmkfwxm_con_con ul li p {
 font-size: 0.9rem;
 font-family: "苹方";
 color: #4557a5;
}
 .mmkfwxm_con_con ul li:nth-child(2) .con {
 color: #1b8697;
}
 .mmkfwxm_con_con ul li:nth-child(3) .con {
 color: #b66d2e;
}
 .mmkfwxm_con_con ul li:nth-child(4) .con {
 color: #c2513e;
}
 .mmkfwxm_con_con ul li .title {
 font-size: 1rem;
 font-family: "微软雅黑";
 color: #fff;
 padding: 0.5rem 0 0.6rem 0.3466666666666667rem;
}
 .mmkfwxm_con_con ul li:nth-child(3) .title, .mmkfwxm_con_con ul li:nth-child(4) .title {
 padding: 0.52rem 0 0.6rem 0.3466666666666667rem;
}
 .mmkfwxm_con_con ul li .con {
 width: 96%;
 padding-left: 3%;
 line-height: 1.3rem;
 text-align: justify;
 margin-top: 0.8rem;
}
 .kzf-mod-title p {
text-indent:2rem;
}
/*外包攻略*/
.mmkwbgl {
width: 100%;
 padding-bottom: 43px;
 background: #f4f4f4;
 text-align: center;
}
 .mmkwbgl_con {
display:inline-block;
text-align:left;
width:100%;
}
.f_left {
 float: left;
 padding: 0;
 margin: 0;
}
.f_right {
 float: right;
 padding: 0;
 margin: 0;
}
 .news_left, .news_center {
width:440px;
}
.news_left .tab, .news_center .tab, .news_right .tab {
overflow:hidden;
border-bottom: 2px solid #e2e2e2;
}
.news_left .tab .divh3, .news_center .tab .divh3, .news_right .tab .divh3 {
display:block;
padding:10px 18px;
float:left;
text-decoration:none;
color:#333;
font-size: 18px;
cursor:pointer;
}
.news_left .tab .divh3:hover, .news_center .tab .divh3:hover {
border-bottom: 3px solid #E64E3F;
color:#E64E3F;
text-decoration:none;
font-weight:bold;
}
.news_left .tab .divh3.on, .news_center .tab .divh3.on, .news_right .tab .divh3.on {
border-bottom: 3px solid #E64E3F;
color:#E64E3F;
text-decoration:none;
font-weight:bold;
}
.news_left .news_cont, .news_center .news_cont {
overflow:hidden;
padding:10px 0;
}
.news_left .newsleft_one, .news_center .newsleft_one {
overflow: hidden;
 margin: 10px 0;
}
.news_left .news_cont li, .news_center .news_cont li {
display:none;
}
.news_left .news_cont li img {
width: 130px;
height: 84px;
border: 1px solid #f1f1f1;
}
.news_left .news_cont li a:hover .divh4 {
color: #E64E3F;
}
 .right_con {
width: 248px;
margin-left: 20px;
color: #555;
padding: 5px 0;
}
.right_con .divh4 {
color: #333;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
font-weight: bold;
font-size:1.5rem;
}
.right_con p {
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
padding: 5px 0;
font-size:1.5rem;
}
p.news_day span {
/*padding-left: 25px;
background: url(/templets/kefuwb/images/newstime_ico.png) left center no-repeat;
background-size: contain;*/
color: #888;
}
p.news_day font {
padding-left: 20px;
background: url(/templets/kefuwb/images/news_fir.png) left center no-repeat;
background-size: contain;
margin-left: 20px;
color: #888;
}
 .news_center {
width: 320px;
margin-left: 30px;
}
.news_right {
width: 380px;
margin-left: 30px;
}
 .newscenter_li li {
font-size:1rem;
}
.newscenter_li li a {
color: #333;
margin: 15px 0;
display: block;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.newscenter_li li a:hover {
color: #E64E3F;
}
 .anli_one {
overflow: hidden;
padding-bottom: 10px;
}
.index_anli {
width: 378px;
margin: 20px 0 10px;
border: 1px solid #e8e8e8;
}
.anli_one a .divh4 {
color: #333;
font-size:1rem;
}
.anli_one a:hover .divh4 {
color: #E64E3F;
}
 .anli_two {
overflow: hidden;
margin: 10px 0;
}
.anli_two a {
color: #333;
}
.anli_two img {
width: 140px;
height: 85px;
border: 1px solid #e8e8e8;
}
.anli_two a:hover .divh4 {
color: #E64E3F;
}
.two_cont {
width: 218px;
margin-left: 15px;
padding: 5px 0;
}
.two_cont .news_day {
margin-top: 10px;
color: #888;
}
 .news_more {
font-size: 14px;
display: inline-block;
margin-top:14px !important;
color: #888;
}
/*萌萌客行业问答*/
.mmkerhywd {
padding:0.8rem 0;
}

/*外包攻略移动 开始*/
.newsList li p {
padding: 1em 0em 0.3rem 0;
 text-align: left;
}
.newsList li p.news_con {
word-break: break-all;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 4;
 overflow: hidden;
 padding:0;
 font-size:0.9rem;
}
.newsList li p a {
 overflow: hidden;
 text-overflow:ellipsis;
 white-space: nowrap;
}
.newsList li span {
 text-align: left;
 display: block;
}
.newsList .news_day {
padding-top:0;
}
.tabClick {
background: #fff;
overflow: hidden;
}
.newsList {
text-align:left;
font-size: 1rem;
}
.tabClick li {
height:50px;
line-height: 50px;
width: 33.33333%;
float: left;
text-align: center;
font-size:1rem;
}
.tabClick li.active {
color: #00a0e9;
transition: 0.1s;
font-weight: bold;
overflow: hidden;
border-bottom: 1px solid #00a0e9;
}
.tabClick li.on {
color: #00a0e9;
transition: 0.1s;
font-weight: bold;
overflow: hidden;
border-bottom: 1px solid #00a0e9;
}
.tabCon {
overflow: hidden
}
.tabBox {
position: relative;
overflow: hidden;
position: relative;
width:100%;
transform: translate3d(0px, 0px, 0px);
transition: all 0.3s ease-in-out 0s;
}
.tabList {
word-break: break-all;
width:100%;
float:left;
text-align:center;
vertical-align: top;
display: table-cell;
color: #888;
}
.newsList li {
padding:0 1rem;
}
.news_day span {
/*padding-left: 25px;
background: url(/templets/kefuwb/images/newstime_ico.png) left center no-repeat;
background-size: contain;*/
color: #888;
display: inline-block !important;
}
.news_day font {
padding-left: 20px;
background: url(/templets/kefuwb/images/news_fir.png) left center no-repeat;
background-size: contain;
margin-left: 15px;
color: #888;
}
/*外包攻略移动 结束*/

/*客服专题增加内容css*/
.juhe_page {
 color:#2a2a2a;
font-size:1rem;
width:100%;
}
.juhe_page img {
display:block;
width:100%;
height:5rem;
}
.figurejuhelist {
display: inline-block;
}
.juhe_page .figurejuhelist img {
display:block;
width:100%;
height:5.3rem;
 margin-bottom: 0.8rem;
}
.juhe_top {
padding: 0 0rem;
background:#fff;
 margin-bottom: 0.7rem;
}
.juhe_top .jt_left .jt_l_content {
margin-bottom: 0.5rem;
}
.wrap-pagejuhe {
margin-top:4.68rem;
background: #f5f5f5;
}
.jaj_content_top {
position: relative;
}
.jt_left {
width:100%;
position:relative;
 /*   position: absolute;*/
      top: 1rem;
padding-bottom: 1rem;
 z-index: 99;
/*   padding: 0 1rem;*/
}
.jt_right {
width:100%;
 height:10rem;
 position: relative;
}
.jt_right img {
 width:100%;
 height:100%;
 object-fit: cover;
 object-position: center;
}
.jt_l_title {
 font-size: 0.8rem;
    /* margin-bottom: 0.5rem; */
    margin-top: -4.3rem;
    /* z-index: 9999999999999999999; */
    /* position: absolute; */
    padding: 0 1rem;
 background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
 width: 100%;
 height: 2.5rem;
 line-height: 2.5rem;
}
.aj_content_box .jt_l_title {
margin-top: -3.9rem;
}
.jaj_content_top .jt_l_title {
margin-top: -3.3rem;
}
.jt_l_content {
font-size:1rem;
color:#2a2a2a;
 margin-top:0rem;
 padding:0rem 1rem;
 line-height: 180%;
 word-break: break-all;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
 overflow: hidden;
 margin-top: 0.5rem;
 margin-bottom: 0.5rem;
}
.ad_box {
margin-top:0.3rem;
}
.juhe_box {
 padding: 0.7rem 1rem 0rem 1rem;
 background: #fff;
}
.hui .juhe_box {
background: #f4f4f4;
}
.jz {
margin-top: -1.5rem;
}
.jz .fenye .pages {
margin-bottom:0;
padding-bottom:0;
padding-top: 1rem;
}
.article_list {
clear:both;
}
.article_list li {
margin-bottom:0.5rem;
}
.attention {
float: right;
 width:auto;
    /* word-break: break-all; */
    /* text-overflow: ellipsis; */
    /* display: -webkit-box; */
    /* -webkit-box-orient: initial; */
    t: initial;
    /* -webkit-line-clamp: 1; */
    overflow: hidden;
 height: 1rem;
}
.attention .ztrq {
font-size: 0.85rem;
 float: right;
 color: #b2b2b2;
}
.article_list li a {
line-height:1.3rem;
}
.figurearticle_list li a {
word-break: break-all;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;
 overflow: hidden;
}
.juhe_box dt {
 color: #000;
 text-align: left;
 font-size: 1.2rem;
 font-weight: 800;
 margin-bottom: .7rem;
 padding-top: 0.8rem;
}
.juhe_box dt span {
 color: #0098da;
 display: inline-block;
    /* padding: 4.1rem 0.2rem; */
    font-size: 0.9rem;
 background:#effaff;
 vertical-align: middle;
    /* margin: 0 0 0 0.3rem; */
    /* padding-top: 0rem; */
    line-height: 1.3rem;
 line-height: 1rem;
 height: 1.3rem;
 margin-top: -0.15rem;
 margin-left: 0.3rem;
 padding: 0.06rem 0.2rem 0.2rem 0.2rem
}
.guidance.right {
margin-top:0.7rem;
}
.juhe_box dd {
width:100%;
overflow:hidden;
padding-top:0.7rem;
padding-bottom:0;
 border-top: 1px solid #dcdfe1;
}
.jbox_answer {
width:100%;
border-bottom:1px solid #dcdfe1;
float:left;
position:relative;
margin-bottom:0.7rem;
padding-bottom:0.7rem;
}
.jbox_answer_title span {
color:#fff;
display:none;
width: 0.5rem;
 height:0.5rem;
 line-height: 2rem;
 text-align: center;
 margin: -0.2rem 0.3rem 0 0;
vertical-align: middle;
background:#00a0e9;
}
.jbox_answer_content {
padding:0 0 15px 0;
 height: 2.5rem;
overflow: hidden;
}
.jbox_kr_content {
height:4rem;
overflow: hidden;
}
.jbox_answer_content p, .jbox_kr_content p {
display:block;
color:#b2b2b2;
}
.jbox_answer_content, .jbox_kr_content {
 color: #b2b2b2;
 font-size: 12px;
 margin-top: 0.3rem;
 line-height: 1.3rem;
 height: auto;
 padding-bottom: 0;
}
.jt_l_title h1, .jt_l_title .divh {
 font-size: 1.4rem;
 font-weight: 500;
 color: #ffffff;
    /* font: inherit; */
    /* vertical-align: baseline; */
    white-space: nowrap;
 overflow: hidden;
 height: 2.5rem;
 line-height: 2.5rem;
 margin: .67em 0;
}
.jbox_knowledge {
width: 100%;
margin-bottom: 0.8rem;
display: inline-block;
position:relative;
padding:0;
margin:0;
margin-bottom: 0.8rem;
}
.jbox_know_left {
width:40%;
height:auto;
float:left;
background:#000;
}
.jbox_know_left img {
width:100%;
height: 5.2rem;
}
.jbox_know_right {
width:57%;
float:right;
}
.jbox_kr_title, .jbox_answer_title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height:20px;
line-height:20px;
}
.jbox_topic {
margin-bottom:0.7rem;
}
.jbox_topic li {
width:100%;
 overflow:hidden;
}
.jbox_topic li a span.ztriqi {
 font-size: 0.9rem;
 display: block;
 color: #b2b2b2;
    /* float: left; */
    line-height: 1rem;
 clear: both;
 float: inherit;
}
.jbox_topic li a {
display:block;
 line-height: 38px;
padding-left:20px;
color:#2a2a2a;
font-size:18px;
position: relative;
width:100%;
box-sizing: border-box;
overflow:hidden;
}
.jbox_topic li a:after {
content:"";
position: absolute;
display:block;
width:9px;
height:9px;
border-radius:50%;
background:#00a0e9;
left:0;
top:14.5px;
}
 .desc_link i {
color:#00a0e9;
font-style: initial;
}
.high-serve .title {
color: #333;
 text-align: center;
 font-size: 1.2rem;
 font-weight: 800;
 margin-bottom: .7rem;
padding-top:0.8rem;
 line-height: 1.42857143;
}
.pc-com-module-title {
 padding:50px 0 50px 0;
 text-align: center;
 line-height: 52px;
 color: #3e444f;
 font-size: 34px;
 letter-spacing: 2px;
}
.high-serve {
margin-top:0.8rem;
padding-bottom:0.8rem;
}
.high-serve .cbox {
display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 width:100%;
 margin-top:0;
 padding: 0 0.5rem;
}
.high-serve .cbox a {
 width: 50%;
 float:left;
}
.high-serve .cbox .citem {
width: 96%;
 padding: 0.5rem;
 min-height: 19rem;
 margin-right: 0;
 height: auto;
 margin-bottom: 0.5rem;
 text-align: center;
 border: 1px solid #ddd;
 margin: 0 2.5% 0.7rem 2.5%;
 overflow: hidden;
}
.wrap-pagejuhe .juhe_page .w_new .juhe_box dt {
padding-top:0rem;
text-align:left;
}
.juhe_page .w_new .juhe_box dt {
padding-top:0.8rem;
text-align:center;
color:#333;
}
.fig-img {
width:40%;
float:left;
}
.text-summary {
width:57%;
float:right;
}
.text-summary .divh5 a {
font-size:1rem;
height: 26px;
 line-height: 25px;
　word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
 　　-webkit-line-clamp: 1;
overflow: hidden;
overflow:hidden;
}
.high-serve .cbox .citem img {
 width: 100%;
 height: 7rem;
 margin-bottom: 0.5rem;
 max-height: 7rem;
}
.juhe_box p {
font-size: 0.85rem;
 margin-bottom: 0.25rem;
 color: #666;
 line-height: 1.3rem;
 word-break: break-all;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
}
.juhe_box p.ztrq {
color: #b2b2b2;
}
.juhe_box .jbox_answer .jbox_answer_content p {
 text-align: left;
 height:auto;
 overflow: hidden;
 text-overflow: ellipsis;
 word-break: break-all;
    /* text-overflow: ellipsis; */
    display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
 margin-bottom:0.5rem;
}
.juhe_box .jbox_answer .jbox_answer_content p.ztrq {
padding-bottom: 0;
color: #b2b2b2;
 margin-bottom: 0;
height: auto;
line-height: 0.9rem;
}
.high-serve .cbox .citem .tit {
 font-size: 1rem;
 line-height: 1.5rem;
 color: #333;
 overflow: hidden;
 width: 100%;
 height: 1.5rem;
 padding:0;
}
.hui {
 background: #f4f4f4;
 width:100%;
 margin:0 auto;
}
.bai {
background:#fff;
width:100%;
 margin:0 auto;
}
.high-serve .cbox .citem .cont {
font-size:0.9rem;
 line-height:1.3rem;
 color: #666;
 color: #b2b2b2;
 padding: 0 0.3rem;
 text-align:left;
 word-break: break-all;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 6;
 overflow: hidden;
}
.high-serve .cbox .citem .cont.yansep {
color: #666;
}
/*客服专题增加内容css*/
/*外包攻略分类页*/
.news-main {
 padding:0;
}
.gaibanpos {
margin-top:4.68rem;
}
 .gaibanpos-tabs {
 font-size: 0.9rem;
 width: 100%;
 margin: 0 auto;
    /* line-height: 3rem; */
    /* margin-top: 0.8rem; */
    /* margin-bottom: 0.8rem; */
    padding: 1rem 1rem;
 height: auto;
    /* line-height: 1.3rem; */
    margin: 0rem 0 0rem 0;
 display: block;
 color:#666;
}
.share {
margin-top:0.7rem;
}
.gaibanpos-tabs a {
 color: #666;
 text-decoration: none;
 outline: 0;
 line-height:1.3rem;
}
.gaibanpos-tabs.anli {
 margin-top:4.68rem;
 color:#666;
}
.gaibanpos-box {
 width:100%;
 margin:0 auto;
}
.gaibanpos-box-left {
 width:100%;
 margin: 0 auto;
 background: #FFF;
 box-sizing: border-box;
 padding: 0.5rem 1rem;
 margin-bottom: 0.7rem;
}
.gaibanpos-box-con {
 width: 100%;
 float: left;
 background: #FFF;
 padding: 0.5rem 1rem;
 margin-bottom: 0.7rem;
 margin-right:0;
}
.gaibanpos-box-con>h1 {
 color: #4E4E4E;
 font-size: 1rem;
 text-align: center;
 margin: 0.67rem 0;
}
.gaibanpos-box-con .bar {
 font-size:12px;
 color: #989898;
 margin-right: 20px;
 text-align: center;
 margin-top:10px;
}
.gaibanpos-box-con .content {
 border-top: solid 1px #F7F7F7;
 border-bottom: solid 1px #F7F7F7;
 margin: 0.5rem 0;
 font-size: 0.9rem;
 line-height:1.6rem;
 padding-top:0.7rem;
}
.gaibanpos-box-con .content p {
margin-bottom:0.5rem;
 text-indent:2rem;
 
}
.gaibanpos-box-con .content p a u {
color: #00a0e9;
}
.gaibanpos-box-con .content p img {
 width:100% !important;
 height: auto !important;
 margin-left:-2rem;
}
.gaibanpos-box-con .content h3 {
font-weight: bold;
 margin-bottom: 0.7rem;
    /* text-indent: 2rem; */
    font-size: 1rem;
 font-weight: 700;
    /* text-indent: 0; */
    position: relative;
 border-bottom-width: 2px;
 border-bottom-style: solid;
 padding-bottom: 10px;
 border-color: #eaeaea;
 color: #484848;
}
.gaibanpos-box-con .content h2 {
font-weight:bold;
margin-bottom:0.7rem;
text-indent:2rem;
}
.gaibanpos-box-con .content h4 {
font-weight:bold;
 text-indent:2rem;
 color: #484848;
}
.gaibanpos-box-con .content h3:before {
 background-color: #00a0e9;
 box-sizing: border-box;
 width: 50px;
 display: block;
 content: "";
 position: absolute;
 height: 2px;
 bottom: -2px;
 left: 0;
}
.gaibanpos-box-con .content p {
text-indent:2rem;
line-height: 1.5rem;
 color:#484848;
     font-size: medium;
}
.gaibanpos-box-con .content p a u {
color: #00a0e9;
}
/*.gaibanpos-box-con .content p img{    margin: 18px 0 9px 0;}*/
.gaibanpos-box-con .content p img {
margin-left:-2rem;
max-width:100%;
}
.article_next {
 margin-top: 0.5rem;
}
.article_next p {
 line-height:1.3rem;
}
.gairight {
width:100%;
margin: 0 auto;
clear: both;
}
.gaibanpos-box-right {
 width: 100%;
 background: #FFF;
 float: right;
 padding: 0.5rem 1rem;
 box-sizing: border-box;
 margin-bottom:0.7rem;
}
.gaibanpos-box-right .divh3 {
 font-size:1rem;
 color: #4e4e4e;
 font-weight: bold;
 margin-top: 0.4rem;
}
.gaibanpos-box-right ul {
 border-top:1px solid #F1F1F1;
 margin-top:0.8rem;
 margin-bottom:0.8rem;
}
.gaibanpos-box-right ul li {
display:inline-block;
width: 100%;
border-bottom: 1px solid #F1F1F1;
}
.gaibanpos-box-right ul li .himg {
 display: inline-block;
 overflow: hidden;
 float: left;
 height:5.5rem;
}
.gaibanpos-box-right ul li .himg img {
width: 6.2rem;
 height: 4.3rem;
}
.gaibanpos-box-right ul li .txt {
 left: 0.7rem;
 font-size: 0.9rem;
 line-height: 1.3rem;
 height: 3.8rem;
 border: none;
 padding: 0.6rem 0;
}
.gaibanpos-box-right ul li .date {
 color: #666;
 left:0.7rem;
 font-size:0.9rem;
 position: relative;
}
.gaibanpos-box-right ul li a {
 display: block;
 color: #333;
 position: relative;
 z-index: 1;
 padding: 10px 0;
 font-size: 14px;
 overflow: hidden;
}
.gaibanpos-box-left ul {
 border-top: 1px solid #eee;
 margin-bottom:0.5rem;
}
.gaibanpos-box-left ul li {
 padding-top:0.5rem;
 padding-bottom:0.5rem;
 border-bottom: 1px solid #eee;
}
.gaibanpos-box-left .article_relevantser ul li {
 padding-top:0.3rem;
 padding-bottom:0.3rem;
border:none;
}
.left-img {
 float: left;
 padding-right:0.5rem;
}
.left-img a img {
 width: 6.2rem;
 height:4.7rem;
 display: block;
}
.left-text h5, .left-text .divh5 {
 font-size:1rem;
 line-height:1rem;
 margin-top:0rem;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.left-text h5 a, .left-text .divh5 a {
 font-size:1rem;
 line-height: 1rem;
 color:#333;
 text-decoration:none;
}
.left-text .divh5 a span.fr {
font-size:0.7rem;
}
.article_relevant li .left-text p {
 line-height: 1.3rem;
 font-size: 0.9rem;
 height: auto;
 margin-bottom: 0;
 white-space: inherit;
 word-break: break-all;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp:2;
 overflow: hidden;
color:#666;
margin-top:0.3rem;
}
.article_relevant li .left-text.wt p {
 line-height: 1.3rem;
}
.left-text h5, .left-text span.fr {
float: left;
color: #868686;
line-height: 0.9rem;
 margin-top: 0.18rem;
}
.left-text p a b {
font-weight:inherit;
}
.left-text {
height:4rem;
}
.left-text.wt {
display:block;
}
/*.article_relevant li .left-text.wt a{    padding: 5px 0;}*/
.zx_lca li.in .za_tit .fa-angle-down.fa-angle-downxia, .zx_lca li.in .za_tit .fa-angle-down {
background: url(/templets/kefuwb/images/fa-angle-downxia.jpg) no-repeat center center;
 height: 39px;
 width: 13px;
}
 .left-text p.bar {
 color: #999;
 font-size:12px;
 height:0;
 margin-bottom: 0;
 line-height: 0;
}
.left-text span.bar {
clear: both;
 float: left;
 margin-top: -0.8rem;
 margin-left: 6.7rem;
color: #666;
}
.left-text p a {
 height: auto;
 line-height: 1rem;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 display:block;
 font-size: 1rem;
}
.pagination-wrapper {
 margin-top:0.7rem;
}
.pagination {
 text-align: center;
 height:auto;
}
.pages .pagination li:last-child {
display:none;
}
.pagination li {
 display: inline-block;
 margin-right:0.3rem;
 height:2rem;
 line-height:2rem;
 font-size:0.9rem;
 border:1px solid #dddddd;
 color: #555555;
margin-bottom: 0.3rem;
}
.pagination li.thisclass {
 color: #fff;
 background:#009fd9;
 border-color:#009fd9;
 padding: 0 12px;
}
.pagination li a {
 color: #555555;
 text-decoration: none;
}
.article_relevant {
 width: 100%;
 background: #FFF;
 float: right;
 padding:0.5rem 0rem;
 box-sizing: border-box;
 margin-bottom:0.7rem;
 padding-left: 0;
}
.yriqi {
font-size: 14px;
 color: #999;
 line-height: 1.5;
 margin-top: 8px;
}
.article_relevant .tab_contairn {
width: 100%;
 background: #FFF;
 float: right;
 padding: 0.5rem 1rem;
 box-sizing: border-box;
 margin-bottom: 0.7rem;
}
.article_relevant .divh3 {
 font-size: 1rem;
 margin-bottom: 0.8rem;
 font-weight: bold;
 border-bottom: 1px solid #F1F1F1;
 margin-top: 0.8rem;
 padding-bottom: 0.8rem;
}
.article_relevant li {
 line-height:1.3rem;
 float: left;
 width: 100%;
 overflow: hidden;
 /* text-overflow: ellipsis;
 white-space: nowrap;*/
  margin-bottom:0.7rem;
 border-bottom: 1px solid #F1F1F1;
 padding-bottom: 0.7rem;
}
.article_relevant li a {
 display: block;
 color: #4e4e4e;
 position: relative;
 z-index: 1;
 padding: 0px 0;
 font-size: 14px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
 .gaibanpos-box-left ul li:hover {
 background: #FAFAFA;
}
.gaibanpos-box-right ul li:hover {
 background: #FAFAFA;
}
 .pagination li:hover {
 background:#009fd9;
 border-color: #009fd9;
 color: #fff;
}
.pagination li:hover a {
 color: #FFF;
}
 .pagination li.thisclass a, .pagination li.thisclass a:hover {
 background: #009fd9;
 border-color:#009fd9;
 color: #fff;
 cursor: default;
}
.left-text h5 a:hover, .left-text .divh5 a:hover {
 color:#009fd9;
 text-decoration: none;
}
.article_relevant li a:hover {
 color:#009fd9;
 text-decoration: none;
}
.article_next p a:hover {
 color:#009fd9;
 text-decoration: none;
}
/*外包攻略分类页*/

/*萌客问答列表页*/
.wrap-page {
 background: #f5f5f5;
 margin-top:4.68rem;
}
.w-tags {
 color: #666;
 font-size:0.9rem;
/* padding:0.5rem 0;*/
}
.ask_recommend_module .pd10 li a {
width:68%;
}
.lc_rb_n .ask_recommend_module.likeart .pd10 li a {
width: 85%;
}
.ask_recommend_module .pd10 li.hotart a {
width:100%;
}
.wrap {
 width: 100%;
 margin: 0 auto;
}
.w-tags em, .w-tags a {
 color: #666;
}
.buhuanhang {
 display: inline;
}
/*.lc_main {
    margin: 0.5rem 0;
}*/
.lc_main {
 margin: 0 0 0rem 0;
}
.fl {
 float: left;
}
.zx {
 width:100%;
}
.lc_r1 {
 width:100%;
}
.lc_r {
 width:100%;
}
.right {
 float: right;
 display: inline-block;
}
.zx .zx_top {
 border:0.03rem solid #ededed;
 overflow: hidden;
 background: #fff;
}
.zx .zx_bottom {
 margin-top:10px;
 padding: 0px 1rem;
 background: #fff;
}
.zx .zx_top .zx_top_title ul li.on {
 background: #fff;
 transition: all 0.3s ease;
 -webkit-transform: all 0.3s ease;
 border-bottom: 2px solid #00a0e9;
 color: #00a0e9;
 margin-top: -1px;
}
.zx .zx_top .zx_top_title ul li.on a {
color: #00a0e9;
}
.zx .zx_top .zx_top_title ul li:nth-child(1) {
 border-left: 0px;
}
.zx .zx_top .zx_top_title ul li {
 background: #fafafa;
 width: 25%;
 text-align: center;
 line-height: 2.5rem;
 cursor: pointer;
 transition: all 0.3s ease;
 -webkit-transform: all 0.3s ease;
 position: relative;
 color: #333;
 border-left: 1px solid #ededed;
 border-bottom: 1px solid #ededed;
}
 .zx .zx_top {
border: 1px solid #ededed;
overflow: hidden;
background:#fff
}
.zx .zx_top .zx_top_title ul li {
background: #fafafa;
width:25%;
text-align: center;
line-height:2.5rem;
cursor: pointer;
transition: all 0.3s ease;
-webkit-transform: all 0.3s ease;
position: relative;
color: #333;
border-left: 1px solid #ededed;
border-bottom: 1px solid #ededed;
}
.zx .zx_top .zx_top_title ul li:nth-child(1) {
border-left:0px;
}
.zx .zx_top .zx_top_title ul li:hover {
background: #fff;
transition: all 0.3s ease;
-webkit-transform: all 0.3s ease;
border-bottom: 1px solid #fff;
color: #00a0e9;
}
.zx .zx_top .zx_top_title ul li:hover:before {
opacity: 1;
transition: all 0.3s ease;
 -webkit-transform: all 0.3s ease;
}
/*.zx .zx_top .zx_top_title ul li:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: #00a0e9;
height: 2px;
opacity: 0;
transition: all 0.3s ease;
 -webkit-transform: all 0.3s ease;
}*/
.zx .zx_top .zx_top_title ul li.on {
background: #fff;
transition: all 0.3s ease;
-webkit-transform: all 0.3s ease;
 border-bottom: 2px solid #00a0e9;
color: #00a0e9;
 margin-top: -1px;
}
.zx .zx_top .zx_top_title ul li.on:before {
opacity: 1;
}
 .zx .zx_top .zx_top_wen .top_wen_xun {
line-height:1.7rem;
width: 100%;
padding: 0.7rem 1rem;
}
.zx .zx_top .zx_top_wen .top_wen_xun a {
color: #666;
padding-right:0.7rem;
font-size:0.9rem;
display: inline-block;
line-height:1.8rem;
}
.zx .zx_top .zx_top_wen .top_wen_xun a:last-child {
padding-right: 0px;
}
.zx .zx_top .zx_top_wen .top_wen_xun a:hover {
color: #00a0e9;
}
.zx .zx_bottom {
margin-top:10px;
padding: 0px 1rem;
background:#fff;
}
.zx .zx_bottom .zx_bottom_title {
 border-bottom: 1px solid #dcdcdc;
 text-align: right;
 padding-bottom: 0.5rem;
 padding-top: 0.5rem;
 float: right;
 width: 100%;
}
.zx .zx_bottom .zx_bottom_title ul {
 float: right;
}
.zx .zx_bottom .zx_bottom_title ul li {
 display: inline-block;
 width: auto;
 text-align: center;
 line-height: 1.5rem;
 color: #00a0e9;
 transition: all 0.3s ease;
 -webkit-transform: all 0.3s ease;
 position: relative;
 cursor: pointer;
 padding: 0 0.5rem;
 border: 0.01px solid #EFEFEF;
}
.zx .zx_bottom .zx_bottom_title ul li:hover {
color: #fff;
background: #00a0e9;
}
.zx .zx_bottom .zx_bottom_title ul li a:hover {
color: #fff;
background: #00a0e9;
}
.zx .zx_bottom .zx_bottom_title ul li:before {
content: "";
position: absolute;
bottom: -8px;
left: 0;
right: 0;
margin: 0 auto;
 width: 15px;
height: 8px;
display: inline-block;
opacity: 0;
transition: all 0.3s ease;
-webkit-transform: all 0.3s ease;
}
.zx .zx_bottom .zx_bottom_title ul li:hover:before {
opacity: 1;
transition: all 0.3s ease;
-webkit-transform: all 0.3s ease;
}
.zx .zx_bottom .zx_bottom_title ul li.on {
color: #fff;
background: #00a0e9;
}
.zx .zx_bottom .zx_bottom_title ul li.on a {
color: #fff;
background: #00a0e9;
}
.zx .zx_bottom .zx_bottom_title ul li.on:before {
opacity: 1;
}
.zx .zx_bottom .zx_bottom_wen {
padding-bottom:0.7rem;
overflow: hidden;
clear:both;
}
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun {
margin-top:10px;
}
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun {
display: inline-block;
border-bottom: 1px dashed #dcdcdc;
width: 100%;
position: relative;
 padding: 0 0px 20px 0rem;
 margin: 0 0 10px 0;
}
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun:before {
content: "";
width: 8px;
height: 8px;
position: absolute;
left: 5px;
top: 32px;
}
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun dd {
 padding-bottom: 5px;
 padding-top: 5px;
}

/*.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun dd span:nth-child(1){font-size:1rem; color: #333;}
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun dd span:nth-child(2){  font-size: 0.9rem; color: #aea3ab; padding-left: 0.5rem;}
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun dt .wen_xun_xun4 span:nth-child(1){   font-size: 0.9rem;
    color: #00a0e9;
    border: 1px solid #00a0e9;
    padding:0.3rem 0.5rem;}
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun dt span:nth-child(2) i{ color: #00a0e9;font-style:normal;}
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun dt span:nth-child(2){  font-size: 0.9rem; color: #aea3ab; }
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun dt span:nth-child(3){ font-size: 0.9rem;color: #aea3ab; float:right; }*/

.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun div dt {
    /*padding-bottom: 1rem;*/
    padding-top: 0.5rem;
}
 .zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun1 span {
font-size:1rem;
color: #333;
}
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun2 span {
 font-size: 0.9rem;
 color: #00a0e9;
 border: 1px solid #00a0e9;
 padding: 0.2rem 0.3rem;
}
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun4 span:nth-child(1) {
font-size:0.9rem;
color: #333;
margin-left:10px;
}
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun4 span:nth-child(1) i {
color: #00a0e9;
font-style:normal;
}
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun4 span:nth-child(2) {
font-size:0.9rem;
color: #aea3ab;
padding-left:0.5rem;
float:right;
width:auto;
 height: 1rem;
 overflow:hidden;
}
/*<!-- .fenye {
padding-top:1rem;
}-->*/
.fenye b {
font-weight: normal;
margin-right: 5px;
}
.jz .fenye .pages .plist a:last-child, .jz .fenye .pages .plist a:nth-last-child(2) {
display: None;
}
.fenye .pagelistbox {
padding-top: 1.5rem;
 margin: 0 1rem;
 text-align: left;
}
.fenye a {
 display: inline-block;
 padding: 0 0.7rem;
 border: 1px solid #ececec;
 background: #fafafa;
 margin-right: 0.3rem;
 margin-bottom: 0.3rem;
 height: 2rem;
 line-height: 2rem;
 font-size: 0.9rem;
}
.fenye a:hover {
color: #fff;
border: 1px solid #b01f30;
background: #b01f30;
}
.fenye b.on {
display: inline-block;
padding: 0.2rem 0.5rem;
border: 1px solid #ececec;
background: #b01f30;
margin-right: 5px;
color: #fff;
border: 1px solid #b01f30;
}
.fenye span i {
font-style: normal;
color: #b01f30;
}
.fenye strong {
background: #00a0e9;
 border-color: #00a0e9;
 color: #fff;
 height: 2rem;
 line-height: 2rem;
 font-size: 0.9rem;
 display: inline-block;
 margin-right: 0.3rem;
 margin-bottom: 0.3rem;
 padding: 0 0.7rem;
}
.fenye span {
 border: 1px solid #ececec;
 background: #fafafa;
 color: #333;
 height: 2rem;
 line-height: 2rem;
 font-size: 0.9rem;
 display: inline-block;
 margin-right: 0.3rem;
 margin-bottom: 0.3rem;
 padding: 0 0.7rem;
}
.view_ask_content {
 position: static;
 width:100%;
 text-align: center;
 height: auto;
}
.guest_ask_content {
 padding: 0 7px;
 text-align: center;
}
.view_ask_content .ask_hadhelp {
 padding:1rem 0 0 0;
 width: 93%;
 margin: 0 auto;
}
.view_ask_content .ask_hadhelp_p {
 font-size:1rem;
 width: 18rem;
 text-align: center;
 margin: 0 0 0.7rem 0rem;
}
.view_ask_content .ask_hadhelp_p.ask_hadhelp_p1 {
 font-size:1rem;
 margin: 0 0 0.3rem 0rem;
 width: 16rem;
 text-align: center;
}
.ask_hadhelp_ptop {
font-size:1rem;
margin: 0.7rem 0 0.7rem 0px;
color: #fff;
 font-weight: bold;
}
.ask_hadhelp_p {
 margin:0.5rem 0 0.7rem;
 color: #fff;
 font-size:0.9rem;
}
.ask_hadhelp li {
 width: 14.6%;
 height: 5rem;
 float: left;
 color: #2a2a2a;
 font-size: 1.8rem;
 line-height: 3.5rem;
 background: url(/templets/kefuwb/images/ask_num_bak.png) no-repeat;
 background-size: 100% 83%;
 margin: 0 1%;
}
/*<!--.ask_recommend_module .am_tit {
 margin-bottom: 0.7rem;
}-->*/
 .ask_hadhelp_p {
margin:15px 0 20px;
color:#fff;
font-size: 18px;
}
.guest_ask_btn a {
display:block;
width: 217px;
height:54px;
font-size:1rem;
color:#2493ec;
background:url(/templets/kefuwb/images/ask-btn1.png) no-repeat;
line-height: 42px;
margin-left:18px;
}
.view_ask_content .guest_ask_btn a {
 width: 7rem;
 height: 3rem;
 line-height: 2.4rem;
 background-size: cover;
 display: inline-block;
 margin: 0 0.5rem;
 font-size: 0.9rem;
}
.guest_ask_btn a.ianswer {
color:#fff;
background-image:url(/templets/kefuwb/images/ask-btn2.png);
margin-top:3px;
}
.am_tit h2 {
 font-weight: normal;
 font-size:1.2rem;
 color: #363636;
 line-height: 1.5rem;
}
.right .ask_recommend_module h2 span, .right .ask_hot_module h2 span, .ask_related_module h2 span {
 font-size: 1.2rem;
 color: #2a2a2a;
 display: inline-block;
 height: 100%;
 border-bottom: 2px solid #00a0e9;
 padding-left: 0.7rem;
 position: relative;
 left: 0;
}
 .am_tit .divh2 {
 font-weight: normal;
 font-size:1.2rem;
 color: #363636;
 line-height: 1.5rem;
 padding-top: 0.7rem;
}
 .right .ask_recommend_module .divh2 span, .right .ask_hot_module .divh2 span, .ask_related_module .divh2 span {
 font-size: 1.2rem;
 color: #2a2a2a;
 display: inline-block;
 height: 100%;
 border-bottom: 2px solid #00a0e9;
 padding-left: 0.7rem;
 position: relative;
 left: 0;
 line-height:2rem;
}
.ask_lists_wrap .ask_recommend_module li {
 padding: 20px 0 8px;
}
.ask_recommend_module li {
 padding:0;
 font-size: 0.9rem;
 line-height:2.2rem;
 border-bottom: 1px dashed #ededed;
}
.ask_recommend_module li a {
 display: inline-block;
 width: auto;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
 vertical-align: middle;
 margin-right: 5px;
}
 .ask_recommend_module li span {
 font-size: 0.9rem;
 color: #9a9a9a;
 margin-top: 0.1rem;
 float: right;
}
.guest_ask_state_wrap {
 height: auto;
 background: #00a0e9;
}
.right .ask_recommend_module {
 padding: 0.5rem;
 padding-top: 0.7rem;
}
.ask_recommend_module h3 {
margin-top:0.7rem;
}
.ask_lists_wrap .ask_recommend_module li {
 padding: 20px 0 8px;
}
/*萌客问答列表页*/
/*注册登录页*/
.w {
 width: 98%;
 margin: 0 auto;
 margin-top: 4.7rem;
}
#regist {
 width:100%;
 color: #333;
}
#regist .mc {
 padding: 1rem 0;
 display: inline-block;
 margin: 0 auto;
 width: 100%;
}
.fl {
 float: left;
}
.fr {
float:right;
}
.lwx_gg_img {
 padding-top: 24px;
 width:500px;
 display:none;
}
.lwx_gg_img img {
 vertical-align: top;
 width:100%;
}
#regist .regist-title {
 height: 3rem;
 margin-bottom: 0.7rem;
 font-size: 1.3rem;
 font-weight: normal;
 line-height: 3rem;
 text-align: center;
}
#regist .item {
 height: 3rem;
 line-height: 3rem;
 width: 90%;
 margin: 0 auto;
}
.form .item {
 overflow: hidden;
 zoom: 1;
}
#regist .label {
 width: 30%;
 font-size: 0.9rem;
 line-height: 2rem;
}
#regist .item .fl {
 width:auto;
 height: 2.4rem;
 line-height: 2.4rem;
 padding: 0;
}
#regist .btn-regist {
 width: 100%;
 height: 2.5rem;
 line-height: 2.5rem;
 background-color: #00a0e9;
 font-size: 1rem;
 color: #fff;
}
#regist .text {
 width:19.1rem;
 height: 2rem;
 font-size: 0.9rem;
 font-family: arial, 宋体;
 border: none;
 border-bottom: 1px solid rgb(187, 187, 187);
 color:rgb(187, 187, 187);
 line-height:2rem;
}
.verifyCode {
position:relative;
}
.captcha_img_box {
position:absolute;
right: 1.3rem;
}
#regist .regform .text {
width:25rem;
}
#regist .blank {
 width:2rem;
 height:2rem;
 margin:0.2rem 0.5rem 0;
}
.clr {
 display: block;
 overflow: hidden;
 clear: both;
 height: 0;
 line-height: 0;
 font-size: 0;
}
.null, .form .error {
 color: red;
 font-size: 12px;
 line-height: 22px;
 *line-height: 20px;
 height: auto;
}
#regist .label b {
 font-family: 宋体;
 margin-right: 5px;
 font-weight: normal;
 color: #f00;
}
.form label, .form input, .form select, .form textarea, .form button, .form .label {
 float: left;
 font-size: 0.9rem;
 line-height: 2rem;
 height: 2rem;
 vertical-align: middle;
}
#regist .autoentry {
height:4rem;
}
.orange_color {
margin-left:5%;
}
.orange_wjmm {
width: auto;
 float: right;
 margin-right: 5%;
}
#entry .btn-entry {
 width: 100%;
 height: 2.5rem;
 line-height: 2.5rem;
 background-color: #00a0e9;
 font-size: 14px;
 font-size:1rem;
 font-weight: bold;
 color: #fff;
}
 #entry {
width:100%;
}
.captcha_img_box {
 height:auto;
 margin-left:0.5rem;
}
.captcha_img_box a {
display:none;
}
.captcha_img_box a.yanz {
display:block;
}
.captcha_img_box img {
 display: block;
 width: 100%;
 height: 92%;
}
#regist .fr {
 width: 100%;
 padding: 0.5rem 0 0.5rem 0;
 float: none;
 font-size: 0.9rem;
 border:none;
}
button {
border:none;
}
#entry .user-icon {
 background-position: 3px 2px;
}
.login-icon {
 float: left;
 width: 3rem;
 height:2.4rem;
 background: #D2D2D2 url(/templets/kefuwb/images/login.png) no-repeat;
}
#entry .text {
 box-sizing: content-box;
 height: 2.3rem;
 line-height: 2.3rem;
    /* padding: 0.3rem 0.5rem; */
	width: 14rem;
 color: #999;
 padding: 0;
 margin-bottom: 0.5rem;
 padding-left: 0.5rem;
}
#entry .left_white {
 float: right;
}
#entry .fr {
 width: 338px;
 padding: 40px 28px 30px;
 border: 1px solid #D2D2D2;
 font-size: 14px;
}
#entry .password-icon {
 background-position: -33px 3px;
}
/*注册登录页面*/
/*问题标题和回复页*/
.no_answer_tip {
 padding-top: 125px;
  background: url(/templets/kefuwb/images/answer_bg.png) no-repeat center 25px;
}
.no_answer_tip p {
 font-size: 1rem;
 text-align: center;
 color: #aaa;
}
.ask_ques_module li {
 margin-bottom:0.5rem;
}
.ap_af_title {
 font-size: 1rem;
 color: #2a2a2a;
 position: relative;
 line-height:2.5rem;
 height: 2.5rem;
}
.ask_ques_module .ap_af_title h1 {
font-size: 1rem;
 font-weight: inherit;
 margin: 0;
 line-height: 1.3rem;
margin-left:2rem;
}
.ap_af_title span {
 width: 2.5rem;
 height: 2.5rem;
 overflow: hidden;
 background: url(/templets/kefuwb/images/my_ask.png) no-repeat;
 background-size: 100%;
 position: absolute;
 left: -1rem;
}
.ask_ques_module .aqm_info {
 color: #aaa;
}
.answer_write_module {
 margin-top: 0.5rem;
}
 .answer_write_module .aw_btn {
 display: block;
 width: 8rem;
 height: 2rem;
 background: #2290eb;
 color: #fff;
 text-align: center;
 line-height: 2rem;
 font-size: 1rem;
 margin-bottom: 0;
 border: none;
}
a.aw_btn {
 display: block;
 width: 142px;
 margin-bottom: 20px;
 border: 2px solid #1D92F2;
 background: #fff;
 color: #1D92F1;
 text-align: center;
 line-height: 34px;
 font-size:1rem;
}
.clr {
 display: block;
 overflow: hidden;
 clear: both;
 height: 0;
 line-height: 0;
 font-size: 0;
}
.answer_write_module .aw_form_wrap.hidden {
 display: none;
}
.aw_form_wrap {
 padding: 0.5rem;
 background: #f9f9f9;
 display:none;
}
.best_answer h3 {
 color: #000;
 font-size: 1.2rem;
 font-weight: 100;
 position: relative;
 line-height: 3.2rem;
 text-indent:2rem;
}
.best_answer {
 margin-bottom: 0.7rem;
 padding: 0 1rem;
}
.best_answer .bam_content {
 padding-bottom: 2.5rem;
}
.best_answer .like_caina {
 margin-top: -2rem;
}
.aw_form_wrap_title {
 font-size:1rem;
 color: #666;
 height:1.6rem;
 line-height:1.6rem;
}
.aw_form_wrap_title a, .aw_form_wrap_title a span {
 color: #2493ec;
 font-size:1rem;
}
.answer_write_module .aw_form_wrap textarea {
 padding:0.3rem font-family: "microsoft yahei";
 border: none;
}
.answer_write_module .aw_form_wrap .aw_sub_box {
 margin-top: 0.3rem
}
.answer_write_module .aw_form_wrap .af_submit_btn {
 margin-left:0.3rem width: 102px;
 height: 29px;
 line-height: 29px;
 font-size: 12px;
}
 .answer_write_module .aw_form_wrap .aw_sub_box p {
 font-size: 12px;
 line-height: 30px;
}
.cword {
 color: #FF6600;
}
.ask_ques_module, .other_answer_module {
 padding: 0.5rem 1rem;
 background: #fff;
 margin: 0rem 0 0.7rem;
 position: relative;
}
.aam_tit {
 font-size: 1.2rem;
 color: #2a2a2a;
 position: relative;
 font-weight: 400;
 line-height: 3rem;
 text-indent: 1.2rem;
}
.aam_tit .cword h3 {
font-weight: 100;
 line-height:2.4rem;
 text-indent:2rem;
}
.aam_tit_icon {
 display: block;
 width: 2.5rem;
 height: 2.5rem;
 overflow: hidden;
 background: url(/templets/kefuwb/images/other_answer.png) no-repeat center left;
 background-size: 100%;
 position: absolute;
 left: -1rem;
 top: -0.1rem;
}
.other_answer_module dl {
 padding: 10px 0 0;
 border-bottom: 1px dashed #F3F3F3;
}
.other_answer_module dl dt {
 position: relative;
}
.bam_photo {
 overflow: hidden;
 width: 3rem;
 height: 3rem;
 margin-right: 0.5rem;
}
.ask_related_module {
margin-bottom:0.7rem;
padding:0.5rem 1rem;
}
.ask_related_module ul.clearfix {
margin-bottom:0.7rem;
}
.bam_photo img {
 width:100%;
 height: 100%;
}
.bam_user_msg {
 margin: 0.5rem 0;
 position: relative;
 padding-left:0;
}
.bam_user_msg .bam_username {
 display: block;
 font-size: 1rem;
 line-height: 1rem;
}
.bam_user_msg .bam_tit_info {
 color: #aaa;
 font-size: 0;
 display: inline-block;
 margin-top: 0.95rem;
}
.clearfix {
 display: block;
}
 .like_caina {
 height: 1.5rem;
 /*position: absolute;
 right: 0;
 top: 0px;*/
 display: inline-block;
 float:right;
 margin-top:-0.3rem;
}
a.ask_up_btn {
 display: inline-block;
 width: auto;
 height: 1.5rem;
 line-height: 1.5rem;
 border: 1px solid #b2b2b2;
 color: #aaa;
 border-radius: 15px;
 text-align: center;
 padding:0rem 0.3rem;
}
a.ask_up_btn .iconfont {
 background: url(/templets/kefuwb/images/zan.png) no-repeat center left;
 background-size:100%;
 height: 1.5rem;
 width: 22px;
 float: left;
   
    /* margin-top: 0.2rem; */
    line-height: 1.5rem;
}
.ask_related_module li {
 color: #666;
 font-size:0.9rem;
 width: 100%;
 float: left;
 margin-top:0.5rem;
 line-height: 1.3rem;
 border-bottom: 1px dashed #ededed;
 padding-bottom: 0.5rem;
}
.ask_related_module li span {
 color: #aaa;
 font-size:0.9rem;
 margin:0.3rem 0.5rem 0 0;
}
.ask_related_module li span.frriqi {
margin-left: 1.5rem;
 display: block;
 clear: both;
 float: inherit;
}
.ask_related_module li span.xiariqi {
margin-left:1.2rem;
float:left;
}
.ask_related_module li .rqsl {
margin-top: 0.26rem;
line-height:1.3rem;
}
.ask_related_module li a {
 font-size: 0.9rem;
 color: #666;
 display: block;
 width: auto;
 line-height: 1.3rem;
 overflow: hidden;
 margin-top: 0.3rem;
}
.ask_related_module li .list_has_answer {
 font-size:0.9rem;
 color: #2996fc;
 float: left;
}
.ask_related_module li .list_point {
 display: inline-block;
 font-size:0.9rem;
 color: #dcdfe1;
 margin-right: 10px;
}
.bam_user_msg .bam_tit_info span {
 font-size:0.9rem;
padding: 0 0.3rem 0 0.3rem;
 display: inline-block;
 padding-left: 0;
 line-height: 1rem;
}
.ask_list_rb_gg {
width:100%;
}
.ask_list_rb_gg a img {
width:100%;
}
/*问题标题和回复页*/
/*答案聚合页（相关问答专题页面）*/
.weizhi {
color: #666;
 font-size: 0.9rem;
 line-height: 1.3rem;
 padding: 1rem 1rem;
}
.flhong {
color:#f00;
font-weight:bold;
}
.hot_nei {
padding: 0 1rem 0.5rem 1rem;
background: #fff;
}
.hot_nei .hot_title {
 padding: 0.5rem 0 0 0px;
 font-size: 1.2rem;
 color: #2a2a2a;
 display: inline-block;
 height: 100%;
 border-bottom: 2px solid #00a0e9;
 padding-left: 0.7rem;
 position: relative;
    /* left: -24px; */
    line-height: 2rem;
 margin-bottom: 0.5rem;
}
.hot_title h1 {
font-size:1rem;
line-height: 1.5rem;
margin:0;
}
.hot_nei .hot_title span {
font-weight: bolder;
padding-right:0.3rem;
font-size:1.2rem;
float:left;
}
.hot_nei .hot_wen .hot_wen_xun {
padding:0.5rem 0px;
border-bottom: 1px dashed #dcdcdc;
position:relative;
}
.hot_nei .hot_wen .hot_wen_xun .pic_icon {
bottom:0;
top:auto;
}
.pic_icon {
 display: none;
 position: absolute;
 right:0.3rem;
 top: 0.3rem;
 border: 1px solid #ccc;
 line-height: normal;
 width:0.5rem;
 height: 0.5rem;
 text-align: center;
 line-height:0.5rem;
 cursor: pointer;
}
.hot_nei .hot_wen .hot_wen_xun .pic_icon {
 width:auto;
 color: #00a0e9;
 line-height:2.3rem;
 border: 0px solid #00a0e9;
 height: auto;
 display: block;
}
.hot_nei .hot_wen .hot_wen_xun:last-child {
border-bottom: 0px;
}
 .hot_nei .hot_wen .hot_wen_xun .wen_xun_title .xun_title_top dd {
font-size:0.9rem;
color: #4a8cda;
width: 1.6rem;
 height: 1.6rem;
 text-align: center;
 line-height: 1.6rem;
border: 1px solid #4A8CDA;
border-radius:0.3rem;
margin-right:0.3rem;
}
.hot_nei .hot_wen .hot_wen_xun .wen_xun_title .xun_title_top dt {
color: #030102;
font-size:0.9rem;
}
.hot_nei .hot_wen .hot_wen_xun .wen_xun_title .xun_title_top dt span {
color: #f00;
}
.hot_nei .hot_wen .hot_wen_xun .xun_title_bottom {
color: #99989d;
 padding-bottom:0.3rem;
text-indent: 2rem;
}
.hot_nei .hot_wen .hot_wen_xun .xun_title_bottom span {
color: #00a0e9;
font-weight: bolder;
padding-right: 3px;
}
.hot_nei .hot_wen .hot_wen_xun .wen_xun_body {
text-indent: 2.5em;
position: relative;
line-height:1.5rem;
color:#666;
font-size:0.9rem;
}
.hot_nei .hot_wen .hot_wen_xun .wen_xun_body.on {
height:auto !important;
}
.hot_nei .hot_wen .hot_wen_xun .wen_xun_body.in {
height:3.3rem;
overflow:hidden;
margin-bottom:1rem;
}
.hot_nei .hot_wen .hot_wen_xun .wen_xun_body:before {
content: "";
position: absolute;;
left: -0.7rem;
 top: -0.7rem;
width: 3rem;
height: 3rem;
background: url(/templets/kefuwb/images/bg3.jpg) no-repeat 50%;
}
.hot_nei .hot_wen .hot_wen_xun .wen_xun_body p:nth-child(1) {
padding-top:0.3rem;
}
 .hot_img {
margin-top:0.3rem;
padding:0.3rem 0.5rem;
background: #fff;
}
.hot_img .hot_img_title {
font-size:0.9rem;
color: #333;
border-bottom: 2px solid #dcdcdc;
padding:0.3rem 0px;
position: relative;
}
.hot_img .hot_img_title:before {
content: "";
background: #f00;
width:6rem;
height: 0.3rem;
position: absolute;
left: 0;
bottom: -0.2rem;
}
.hot_img .hot_img_wen .img_wen_xun {
margin-top:0.5rem;
margin-right:0.3rem;
width: 6rem;
height:6rem;
overflow: hidden;
}
.hot_img .hot_img_wen .img_wen_xun img {
width: 100%;
min-height: 100%;
}
.hot_img .hot_img_wen .img_wen_xun:nth-child(4n) {
margin-right: 0px;
}

/*答案聚合页（相关问答专题页面）*/

/*关与萌客*/
.hbanner {
background:#00a0e9 url(/templets/kefuwb/images/ydfwzx.jpg) no-repeat center center;
background-size: 100% 100%;
height:7rem;
margin: 0 auto;
width: 100%;
margin-top:4.68rem;
}
.aboutbanner {
background:#00a0e9 url(/templets/kefuwb/images/ydabout-bg.jpg) no-repeat center center;
background-size: 100% 100%;
height:8rem;
margin: 0 auto;
width: 100%;
margin-top:4.68rem;
}
.ywkfhbanner {
background:#00a0e9 url(/templets/kefuwb/images/ydywkfwbbanner.jpg) no-repeat center center;
background-size: 100% 100%;
height:7rem;
margin: 0 auto;
width: 100%;
margin-top:4.68rem;
}
.nrshhbanner {
background:#00a0e9 url(/templets/kefuwb/images/ydnrshfwzx.jpg) no-repeat center center;
background-size: 100% 100%;
height:7rem;
margin: 0 auto;
width: 100%;
margin-top:4.68rem;
}
.bzsjhbanner {
background:#00a0e9 url(/templets/kefuwb/images/ydbzsjfwzx.jpg) no-repeat center center;
background-size: 100% 100%;
height:7rem;
margin: 0 auto;
width: 100%;
margin-top:4.68rem;
}
.hwbjgbanner {
background:#00a0e9 url(/templets/kefuwb/images/ydhwbjgbanner.jpg) no-repeat center center;
background-size: 100% 100%;
height:7rem;
margin: 0 auto;
width: 100%;
margin-top:4.68rem;
}
.wbznbanner {
background:#00a0e9 url(/templets/kefuwb/images/ydwbznhbanner.jpg) no-repeat center center;
background-size: 100% 100%;
height:7rem;
margin: 0 auto;
width: 100%;
margin-top:4.68rem;
}
.newhbanner {
background:#00a0e9 url(/templets/kefuwb/images/ydnewhbanner.jpg) no-repeat center center;
background-size: 100% 100%;
height:7rem;
margin: 0 auto;
width: 100%;
margin-top:4.68rem;
}
.hbanner_con {
padding-top:1rem;
z-index: 0;
left:0.5rem;
width:97%;
margin:0 auto;
margin-left:0.5rem;
padding-right: 0.5rem;
}
.hbanner_con p {
font-size:1.2rem;
color:#fff;
line-height:1rem;
margin-top:0.9rem;
margin-bottom: 0.7rem;
}
.hbanner_con span {
font-size:1rem;
color:#fff;
}
.hbannerzx a {
background:#00a0e9;
font-size:1rem;
 padding:0.2rem 0.5rem;
 left: 0;
height:1.5rem;
line-height:1.5rem;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
 border: 0.1rem solid #00a0e9;
 cursor: pointer;
 border-radius:0.3rem;
color:#fff;
}
.about-menu {
margin-top:0.8rem;
width:100%;
}
 .about-menu div {
height: auto;
overflow: hidden;
}
 .about-menu a {
display: block;
float: left;
width:16.666666%;
height:6.5rem;
text-align: center;
font-size: 0.9rem;
 color: #2c2c30;
 padding: 0 0.2rem;
border: 0.01rem solid #efefef;
 border-left: none;
}
.about-menu a:nth-child(1) {
border-left: 0.01rem solid #efefef;
}
.about-menu a:nth-child(5) {
border: 0.01rem solid #efefef;
border-left:none;
}
.about-menu a:hover, .about-menu a.active {
background-color: #00a0e9;
color: #FFF;
}
 .about-menu a span {
display: block;
 height: 2.7rem;
 width: 2.7rem;
 margin: 0.5rem auto 0rem;
 background:url(/templets/kefuwb/images/icons-about.png) no-repeat;
}
 .about-menu .no1 {
background:url(/templets/kefuwb/images/about1hui.png) no-repeat center;
background-size:83% 83%;
padding-bottom:0.5rem;
}
 .about-menu a:hover .no1, .about-menu a.active .no1 {
background:url(/templets/kefuwb/images/about1bai.png) no-repeat center;
background-size:83% 83%;
padding-bottom:0.5rem;
}
 .about-menu .no2 {
background:url(/templets/kefuwb/images/about6hui.png) no-repeat center;
background-size:76% 74%;
padding-bottom:0.5rem;
}
 .about-menu a:hover .no2, .about-menu a.active .no2 {
background:url(/templets/kefuwb/images/about6bai.png) no-repeat center;
background-size:76% 74%;
padding-bottom:0.5rem;
}
 .about-menu .no3 {
background:url(/templets/kefuwb/images/about2hui.png) no-repeat center;
background-size:88% 88%;
padding-bottom:0.5rem;
}
 .about-menu a:hover .no3, .about-menu a.active .no3 {
background:url(/templets/kefuwb/images/about2bai.png) no-repeat center;
background-size:88% 88%;
padding-bottom:0.5rem;
}
 .about-menu .no4 {
background:url(/templets/kefuwb/images/about3hui.png) no-repeat center;
background-size:88% 88%;
padding-bottom:0.5rem;
}
 .about-menu a:hover .no4, .about-menu a.active .no4 {
background:url(/templets/kefuwb/images/about3bai.png) no-repeat center;
background-size:88% 88%;
padding-bottom:0.5rem;
}
 .about-menu .no5 {
background:url(/templets/kefuwb/images/about4hui.png) no-repeat center;
background-size:88% 88%;
padding-bottom:0.5rem;
}
 .about-menu a:hover .no5, .about-menu a.active .no5 {
background:url(/templets/kefuwb/images/about4bai.png) no-repeat center;
background-size:88% 88%;
padding-bottom:0.5rem;
}
 .about-menu .no6 {
background:url(/templets/kefuwb/images/about5hui.png) no-repeat center;
background-size:88% 88%;
padding-bottom:0.5rem;
}
 .about-menu a:hover .no6, .about-menu a.active .no6 {
background:url(/templets/kefuwb/images/about5bai.png) no-repeat center;
background-size:88% 88%;
padding-bottom:0.5rem;
}
 .about-menu .no7 {
background:url(/templets/kefuwb/images/about6hui.png) no-repeat center;
background-size:88% 88%;
padding-bottom:0.5rem;
}
 .about-menu a:hover .no7, .about-menu a.active .no7 {
background:url(/templets/kefuwb/images/about6bai.png) no-repeat center;
background-size:88% 88%;
padding-bottom:0.5rem;
}
.section-title {
 text-align: center;
 font-size: 1.2rem;
 font-weight: 800;
 margin-bottom: .8rem;
 margin-top: 0.8rem;
 border-bottom: 1px solid #d5dfe7;
 padding-bottom: 0.7rem;
 margin-left: 1rem;
 margin-right: 1rem;
}
.navMobile dd:nth-child(1) p a {
 background: url(/templets/kefuwb/images/si2.png) no-repeat center left;
 background-size: 1.5rem;
}
.navMobile dd:nth-child(2) p a {
 background: url(/templets/kefuwb/images/si2.png) no-repeat center left;
 background-size: 1.5rem;
}
.navMobile dd:nth-child(3) p a {
 background: url(/templets/kefuwb/images/si2.png) no-repeat center left;
 background-size: 1.5rem;
}
.navMobile dd:nth-child(4) p a, .navMobile dd:nth-child(5) p a {
 background: url(/templets/kefuwb/images/si2.png) no-repeat center left;
 background-size: 1.5rem;
}
.navMobile dd:nth-child(6) p a {
 background: url(/templets/kefuwb/images/si4.png) no-repeat center left;
 background-size: 1.5rem;
}
.navMobile dd:nth-child(7) p a {
 background: url(/templets/kefuwb/images/si5.png) no-repeat center left;
 background-size: 1.5rem;
}
.navMobile dd p a:after {
 position: absolute;
 content: '';
 background: url(/templets/kefuwb/images/down.png) no-repeat;
 width: 1rem;
 height:1rem;
 background-size: 100% 100%;
 right: 0;
 top: 50%;
 background-size: 1rem auto;
 margin-top: -0.5rem;
 transform: rotate(-90deg);
}
 .navMobile dd p a.cur:after {
 transform: rotate(0deg);
}
.container {
 width: 100%;
 margin: 0 auto;
 padding: 0 1rem;
}
.floor_01 .container {
 margin-top: 0.7rem !important;
margin-bottom: 0.7rem;
}
.floor_01 {
background: #03a9f4;
color: #fff;
overflow: hidden;
height:auto;
}
 .floor_01 p {
font-size: 0.8rem;
 text-indent: 1.5rem;
 margin-bottom: 0.5rem;
 line-height: 1.5rem;
}
 .floor_01 img {/*margin-top: 30px;max-width: 640px;*/
 height: auto;
 width: 100%;
}
 .floor_02 {
overflow: hidden;
}
 .floor_02 li {
float: left;
 width: 33.333333%;
 margin-bottom: 0.8rem;
 text-align: center;
 color: #9d9d9d;
 line-height: 1.3rem;
 height: auto;
}
 .floor_02 li p {
padding:5.5rem 0 0.3rem;
 font-size: 1rem;
background: center top no-repeat;
line-height: 1.5;
color: #464646;
}
 .floor_02 .no1 p {
background-image: url(/templets/kefuwb/images/i1_2.png);
background-size:5rem;
}
 .floor_02 .no1:hover p {
background-image: url(/templets/kefuwb/images/i1_1.png);
background-size:5rem;
}
 .floor_02 .no2 p {
background-image: url(/templets/kefuwb/images/i2_2.png);
background-size:5rem;
}
 .floor_02 .no2:hover p {
background-image: url(/templets/kefuwb/images/i2_1.png);
background-size:5rem;
}
 .floor_02 .no3 p {
background-image: url(/templets/kefuwb/images/i3_2.png);
background-size:5rem;
}
 .floor_02 .no3:hover p {
background-image: url(/templets/kefuwb/images/i3_1.png);
background-size:5rem;
}
.floor_02 .no4 p {
background-image: url(/templets/kefuwb/images/i4_2.png);
background-size:5rem;
}
 .floor_02 .no4:hover p {
background-image: url(/templets/kefuwb/images/i4_1.png);
background-size:5rem;
}
 .floor_02 .no5 p {
background-image: url(/templets/kefuwb/images/i5_2.png);
background-size:5rem;
}
 .floor_02 .no5:hover p {
background-image: url(/templets/kefuwb/images/i5_1.png);
background-size:5rem;
}
 .floor_02 .no6 p {
background-image: url(/templets/kefuwb/images/i6_2.png);
background-size:5rem;
}
 .floor_02 .no6:hover p {
background-image: url(/templets/kefuwb/images/i6_1.png);
background-size:5rem;
}
 .floor_03 {
background:#03a9f4 url(/templets/kefuwb/images/06_bg.jpg) no-repeat center center;
color: #fff;
height:auto;
width:100%;
background-size: cover;
}
 .floor_03 .section-title {
color: #fff;
border-bottom: 0;
margin-bottom:0.5rem;
padding-bottom: 0;
}
 .floor_03 ul li {
float: left;
 width: 33.3333%;
 height: 3rem;
 margin-bottom: 0.5rem;
line-height: 3rem;
text-align:center;
}
 .floor_03 ul li img {
width:100%;
 vertical-align: middle;
}
 .floor_03 ul li:hover img {
opacity: 1;
}
.section-small {
 text-align: center;
 margin: 0rem auto 0.8rem;
}
.item ul li {
width: 100%;
 margin-top: 0.5rem;
padding:0;
}
 .honor {
 padding-top: 0.8rem;
 border-bottom: 1px solid #76d4ff;
 margin-bottom: 0.8rem;
}
.honor p {
 border-left: 0.3rem solid #03a9f4;
 padding-left: 0.5rem;
 font-size: 1.2rem;
 color: #03a9f4;
 margin-bottom: 0.5rem;
}
.honor p em {
 font: normal 0.3rem Arial;
 display: block;
 color: #999;
}
.info-team {
 height: auto;
 margin-bottom: 0.8rem;
 text-align: center;
}
.info-team img {
 width: 100%;
}
 .box_h {
width:100%;
margin:0.5rem auto 0 auto;
}
 .event_year {
width: 20%;
 border-bottom: 0.01rem solid #ccc;
 text-align: center;
 float: left;
 margin-top: 0.5rem;
}
 .event_year li {
height:2.5rem;
line-height:2.5rem;
background:#e9e9e9;
font-size:1rem;
color:#828282;
cursor:pointer;
padding-left:0.2rem;
border: 0.01rem solid #fff;
}
 .event_year li.current {
width: 100%;
 background: url(/templets/kefuwb/images/jian.png) 0px 0 no-repeat;
 color: #FFF;
 text-align: center;
}
 .event_list {
width: 80%;
 float: right;
 background: url(/templets/kefuwb/images/dian3.png) repeat-y center center;
 margin: 0.2rem 0 0.3rem 0;
 background-position: 2.5rem;
}
 .event_list h3, .event_list .divh3 {
margin: 0 0 0.2rem 2.16rem;
 font-size: 1rem;
 font-family: Georgia;
 color: #03a9f4;
 padding-left: 1.5rem;
 background: url('/templets/kefuwb/images/quanlan.jpg') left center no-repeat;
 height: 2.5rem;
 line-height: 3.3rem;
 font-style: italic;
 font-weight: 600;
}
 .event_list li {
background: url('/templets/kefuwb/images/quanbai.jpg') 2.36rem 1rem no-repeat;
 margin-bottom: 0.3rem;
}
 .event_list li span {
width: 2rem;
 text-align: right;
 display: block;
 float: left;
 margin-top: 0.83rem;
 color: #03a9f4;
 font-size: 0.8rem;
}
 .event_list li p {
width: 75.5%;
 margin-left:1.5rem;
 display: inline-block;
 padding-left: 0.5rem;
 background: url(/templets/kefuwb/images/baijian.png) -1.3rem 0 no-repeat;
 line-height: 1.3rem;
}
 .event_list li p span {
width:100%;
text-align:left;
border-bottom:0.01rem solid #DDD;
padding:0.5rem 0.5rem;
background:#f6f6f6;
margin:0;
color:#666;
}

/*关与萌客*/
/*问答*/
.pages .plist a {
display: inline-block;
 margin-right: 0.3rem;
 height: 2rem;
 line-height: 2rem;
 font-size: 0.9rem;
 border: 1px solid #dddddd;
 color: #555555;
 margin-bottom: 0.3rem;
 padding:0 0.7rem;
}
 .pages .plist a:hover {
 background:#00a0e9;
 border-color: #00a0e9;
 color: #fff;
}
 .pages .plist strong {
 background:#00a0e9;
 border-color: #00a0e9;
 color: #fff;
 height:2rem;
 line-height:2rem;
 font-size: 0.9rem;
 border: 1px solid #00a0e9;
 display: inline-block;
 margin-right: 0.3rem;
 margin-bottom: 0.3rem;
 padding:0 0.7rem;
 text-align: center;
}
/*服务分类页分页cs*/

.tuijianfw {
width:100%;
margin-bottom:1rem;
}
.pages {
margin: 0.8rem 0rem;
display: inline-block;
height:auto;
background-color:#fff;
}
.mmkfwxm_conwap .pages {
display: flex;
}
.met_pager a, .pages a, .pages span {
display: inline-block;
height:2rem;
 line-height:2rem;
font-size: 0.7rem;
}
 .met_pager a:hover, .pages span.current, .pages a:hover {
border-color: #00a0e9;
color:#00a0e9;
height:2rem;
line-height:2rem;
}
.met_pager li:hover, .pagination li:hover {
border-color:#00a0e9;
color:#00a0e9;
}
.pages .pagination {
margin: 0 auto;
width:auto;
}
/*服务分类页分页cs*/

/*案例列表页*/
.picture .main .box {
 margin-top: 0px;
}
.picture {
 width: 100%;
 float: left;
 min-height:5rem;
}
.picture .main .box .customer-filter {
 font-size: 1rem;
 color: #666666;
 text-align: center;
 padding: 0px 0.5rem;
 margin-bottom: 0.8rem;
 overflow: hidden;
 box-sizing: border-box;
 padding-bottom: 0.7rem;
}
.picture .main .box .customer-filter li {
 float: left;
 width: 50%;
 height: 2rem;
 line-height: 2rem;
 list-style:none;
}
.picture .main .box .customer-filter li.active {
 border-bottom:0.08rem solid #00a0e9;
}
.picture .main .box .customer-filter li.active a {
 color: #00a0e9;
 font-size: 1rem;
}
.picture .main .box .div {
width:48%;
float:left;
margin: 0.5rem 1%;
 background: #fff;
padding: 0rem 0.3rem;
height: 14.7rem;
}
 .picture .main .box .div .pic {
height:auto;
}
.picture .main .box .div .pic img {
width:100%;
height:6rem;
}
.picture .main .box .div h3, .picture .main .box .div .divh3 {
font-size: 1rem;
 line-height: 1.5rem;
 font-weight: 500;
 margin-top: 0.5rem;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.picture .main .box .div p {
font-size: 0.9rem;
 line-height: 1.3rem;
 color: #999;
    /* height: 5rem; */
    overflow: hidden;
 word-break: break-all;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp:1;
 overflow: hidden;
}
.picture .main .box .div p.yansep {
font-size: 0.9rem;
 line-height: 1.3rem;
 margin-top: 0.5rem;
 margin-bottom: 0.2rem;
 color: #666;
    
    /* height: 5rem; */
    overflow: hidden;
 word-break: break-all;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 4;
 overflow: hidden;
}
/*案例列表页*/
/*专题页*/
.ask_juhe {
margin-top:4.68rem;
}
.aj_top_img img {
width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: center;
}
.ajc_box_img img {
width:100%;
height:4rem;
}
.aj_top_img {
width:100%;
position:relative;
height:10rem;
}
.aj_top_img h1 {
box-sizing: border-box;
 padding: 0.3rem 1rem;
 color: #fff;
 width: 100%;
 white-space: nowrap;
 overflow: hidden;
 position: absolute;
 left: 0;
 bottom: 0;
 font-size: 1.4rem;
 font-weight: 500;
 background: rgba(0, 0, 0, 0.5);
 background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
 background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
 background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
 background: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
 margin: 0;
}
.aj_content_box {
padding:0.5rem 1rem;
}
.gaibanpos-box .aj_content_box {
padding:0.5rem 0rem;
position:relative;
}
.aj_content_top p {
line-height: 180%;
margin-bottom:0.7rem;
font-size:1rem;
color: #2a2a2a;
}
.aj_c_box, .aj_c_recommend {
width:100%;
position: relative;
}
.aj_c_box:after, .aj_c_recommend:after {
content:"";
display:block;
width:100%;
border-top: 1px solid #ededed;
}
.aj_c_box dd {
display:block;
clear:both;
padding: 10px 0 5px 0;
}
.aj_c_box dt, .aj_c_recommend dt {
height: 50px;
 line-height:60px;
 color: #333;
 font-size: 1.2rem;
}
.aj_c_box dd, .aj_c_recommend dd {
border-top:1px solid #ededed;
}
.aj_c_box .ajc_box_img {
width:100px;
 padding: 0rem 0.3rem 0rem 0;
 display: block;
float:left;
}
.aj_c_box .ajc_box_word {
padding:0.3rem;
color:#333;
display:flex;
align-items: center;
}
.aj_c_box .ajc_box_word p {
width:100%;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height:1.5rem;
font-size:1rem;
}
.aj_c_recommend dd a {
display:block;
width:100%;
box-sizing: border-box;
padding: 10px 0;
}
.ajc_box_title {
font-size:1rem;
margin:0.3rem 0;
color:#333;
}
.ajc_box_content {
color:#8d9499;
line-height:1.3rem;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size:0.9rem;
}
.ask_juhe_wrap .crumb li, .ask_juhe_wrap .crumb li a {
color:#505050;
}
.weui-flex {
display: inline-block;
}
.weui-flex a {
width:25%;
margin:0 auto;
float:left;
text-align:center;
}
.weui-flex a img {
width:80%;
margin:0 auto;
}
/*专题页*/
/*外包攻略列表页*/

/*.lc_main{margin:0.7rem 0;}*/
.lc_r {
width:100%;
}
.lc_ra {
border:1px solid #e1e1e1;
}
.zx_lca li {
border-bottom: 1px solid #E1E1E1;
}
.za_tit {
padding: 0 0.3rem;
height:2.5rem;
line-height:2.5rem;
font-size: 1rem;
}
.za_tit .fa-angle-down {
background:url(/templets/kefuwb/images/wbglrightjt.jpg) no-repeat center center;
height:2rem;
 width:1rem;
}
.za_tit .fa-angle-down.fa-angle-downxia {
background:url(/templets/kefuwb/images/fa-angle-downxia.jpg) no-repeat center center;
height:2rem;
 width:1rem;
}
.sub_za {
display: none;
border-top: 1px solid #E1E1E1;
}
.sub_za a {
display: block;
font-size:0.9rem;
color: #666;
padding:0.3rem 0.5rem;
}
.zx_lca li.in .za_tit {
color: #00a0e9;
}
.zx_lca li.in .za_tit a {
color: #00a0e9;
}
.zx_lca li.in .za_tit .fa-angle-down {
color: #00a0e9;/*transform: rotate(180deg);*/
}
.zx_lca li.in .sub_za {
display: block;
}
.zx_lca li:last-child {
border-bottom: none;
}
/*.lc_rb{margin:0.5rem 0 0;}*/
.lc_rb .xg_div {
background:none;
padding: 0;
margin-top: 0;
}
.lc_rb .xg_div a {
font-size: 0.9rem;
}
.lcPic {
margin:15px 0;
position: relative;
}
.lcPic .hd {
text-align: center;
}
.lcPic .hd li {
display: inline-block;
width: 48px;
height: 5px;
margin:0 5px;
font-size: 0;
background: #737373;
cursor: pointer;
border-radius:3px;
}
.lcPic .hd li.on {
background: #B01F30;
}
 .dhlinks {
 width: 100%;
 display: inline-block;
 border-top: 1px solid #F1F1F1;
 margin-top: 0.5rem;
 margin-bottom:0.5rem;
}
.dhlinks a {
float: left;
line-height:1.8rem;
border:1px solid #d9d9d9;
padding: 0 0.5rem;
margin:0.5rem 0.2rem 0 0rem;
font-size:0.9rem;
}
.lc_l {
width: 810px;
}
.lc_l .lcPic {
width: 383px;
margin-top:0;
}
.lc_l .lcPic .bd li img {
width: 383px;
height: 260px;
}
.p_l, .p_r {
position: absolute;
top:90px;
z-index: 20;
}
.p_r {
right: 0;
}
.p_l {
left: 0;
}
.lcinfo {
width: 383px;
}
.lc_title {
padding: 0 30px;
text-align: center;
font-weight: bold;
font-size: 15px;
background-size:36px auto;
}
.info_txt {
padding: 7px 7px 5px;
text-align: right;
}
.info_txt p {
text-align: left;
}
.info_txt a {
color: #666;
position: relative;
top:-3px
}
.iflist li {
position: relative;
height: 26px;
line-height: 26px;
padding-right: 75px;
}
.iflist {
border-top:1px dashed #999;
padding-top:8px
}
.iflist li span {
position: absolute;
right: 0;
top:0;
font-size: 11px;
color: #666;
}
.iflist li a {
color: #666;
}
.iflist li a:hover {
color: #B01F30;
}
.lc_inv {
width: 100%;
}
.lc_inv .thd {
margin-bottom: 20px;
}
.lc_inv .thd li.right {
float: right;
margin:0;
}
.lc_inv .thd li.right a {
font-size: 12px;
color: #B01F30;
}
.thd_a a {
float: left;
border-left: 1px solid #d9d9d9;
line-height: 20px;
padding: 0 9px;
margin-top:10px;
font-size: 13px;
color: #666;
min-width: 50px;
text-align: center;
}
.sjleft {
width: 384px;
}
.sjimg img {
width: 170px;
height: 122px;
}
.sjleft .iflist {
border-top:none;
}
.cont_inv .lcinfo .iflist {
padding-top:5px;
}
.cont_inv .lcinfo .iflist li {
height: 24px;
line-height: 24px;
}
.lc_inv {
margin-top:15px
}
.thd li.on, .lc_rb .hd li, .thd li.on h3, .lc_rb .hd li h3 {
font-size:1rem;
}
.thd li.on, .lc_rb .hd li, .thd li.on .divh3, .lc_rb .hd li .divh3 {
font-size:1rem;
}
.sec_top {
padding:10px 0;
margin-top:-20px
}
.sec_top a {
float: left;
margin:0 20px;
font-size: 13px;
color: #666;
}
.sec_pic {
margin:0 -6px
}
.sec_pic li {
width: 290px;
float: left;
margin:0 6px
}
.sec_pic li .himg {
display: block;
}
.sec_pic li img {
width: 100%;
height: auto;
}
.sec_pic li a {
position: relative;
margin-bottom: 10px;
}
.sec_pic li a p {
position: absolute;
left: 0;
right:0;
bottom: 0;
background: rgba(0, 0, 0, .5);
z-index: 2;
color:#fff;
text-align: center;
font-size: 14px;
padding:10px 0;
}
.thd_a a.on {
color: #B01F30;
}
.lc_rb, .lc_rc {
background: #fff;
 padding:0.5rem 1rem;
 box-sizing: border-box;
 margin-bottom: 0.7rem;
}
.zx_lca {
margin-top:0.5rem;
}
.zx_bjox {
background: #fff;
}
.zx_bjox .zx_bjia {
padding-bottom: 1px;
}
.ad {
margin: 20px 0;
}
.zx_bdian {
background: #fff;
padding:1rem;
 box-sizing: border-box;
 margin-bottom: 0.7rem;
}
 .zx_bdian .za_tit {
padding: 0;
font-size:1rem;
height:2.5rem;
line-height:2.5rem;
}
.zx_bdian .sub_za {
padding:0.3rem 0;
}
.zx_bdian .sub_za a {
position: relative;
padding:0.2rem 0.5rem;
font-size:0.9rem;
}
.sub_za a:after, .klist_new li i {
position: absolute;
content: '';
display: block;
width: 4px;
height: 4px;
background: #939393;
border-radius:50;
left:0;
top:50%;
margin-top:-2px;
border-radius: 50%;
}
.zx_bdian .sub_za a:hover {
color: #B01F30;
}
.klist_new li {
position:relative;
padding-left: 10px;
}
.klist_new li i {
font-size: 0;
background: #939393 !important;
vertical-align: middle;
}
.klist_new li a {
left: 10px;
}
.lc_rb_n {
background: #fff;
padding:0.5rem 1rem;
width:100%;
margin-bottom:0.7rem;
}
.right.lc_r1 .ask_module.ask_recommend_module {
padding:0 0rem;
}
.wx_details {
width:920px;
}
.wx_details .lc_inv {
background: #fff;
padding: 15px 30px;
width: auto;
}
.wx_details .sec_pic {
margin:0 -5px
}
.wx_details .sec_pic li {
width: 190px;
overflow: hidden;
margin:0 5px;
}
.wx_details .sec_pic li img {
width: 100%;
}
.wx_details .sec_pic li img {
width: 190px;
height: 140px;
}
.wx_details .sec_pic li .himg {
display: block;
}
.thd li h3, .thd li .divh3 {
 color: #4e4e4e;
 font-weight: bold;
 margin-top: 0.2rem;
 font-size:1rem;
}
.zx_lca {
border-top: 1px solid #F1F1F1;
 margin-top: 0.8rem;
 margin-bottom:0.8rem;
}
.con_daodu {
background: #f5f7f9;
 padding:0.5rem;
 margin-bottom:0.7rem;
}
 .con_daodu .intro {
display:inline;
}
.con_daodu span {
font-weight:bold;
}
.artbottom {
margin-top:0.7rem;
}
 .artbottom .keyword a,  .artbottom .keyword span {
 font-size:0.9rem;
 line-height: 1.3rem;
 color: #666666;
 display: block;
 float: left;
 margin-right:0.3rem;
}
 .artbottom .keyword a {
 padding: 0 0.3rem;
 border: 1px solid #eee;
 margin-bottom:0.3rem;
 text-decoration: none;
}
 .artbottom .keyword a:hover {
 border-color: #00a0e9;
 background-color: #00a0e9;
 color: #fff;
}
 .artbottom .share em,  .artbottom .share span {
 font-size:0.9rem;
 line-height:2rem;
 color: #666666;
 display: block;
 float: left;
 margin-right: 10px;
}
 .artbottom .share .embox {
 display: block;
 width: 26px;
 height: 26px;
 text-align: center;
 overflow: hidden;
}
 .artbottom .share .embox .a1,  .artbottom .share .embox .a2,  .artbottom .share .embox .a3 {
 display: block;
 width: 100%;
 height: 100%;
 padding: 0;
 margin: 0;
 background: url(/templets/kefuwb/images/icon_nor_qq.png) no-repeat center;
 background-size: 100%;
}
 .artbottom .share .embox .a1 {
 width: 21px;
 height: 22px;
 margin-top: 4px;
 background-image: url(/templets/kefuwb/images/icon_nor_qq.png);
}
 .artbottom .share .embox .a1:hover {
 background-image: url(/templets/kefuwb/images/icon_qq.png);
}
 .artbottom .share .embox .a2 {
 width: 26px;
 height: 22px;
 margin-top: 4px;
 background-image: url(/templets/kefuwb/images/icon_nor_weibo.png);
}
 .artbottom .share .embox .a2:hover {
 background-image: url(/templets/kefuwb/images/icon_weibo.png);
}
 .artbottom .share .embox .a3 {
 width: 26px;
 height: 20px;
 margin-top: 6px;
 background-image: url(/templets/kefuwb/images/icon_nor_wechat.png);
}
 .artbottom .share .embox .a3:hover {
 background-image: url(/templets/kefuwb/images/icon_wechat.png);
}
 .artbottom .share .line {
 color: #eee;
}
.tab_contairn h2 {
background: #f5f7f9;
margin-bottom: 15px;
}
.tab_contairn h2 a.current {
 border-top: 2px solid #e5e5e5;
 background: #fff;
}
.tab_contairn h2 a {
 display: inline-block;
 font-size: 1rem;
 padding: 0.7rem 1rem;
 color: #474747;
}
.tab_contairn .divh2 {/*background: #f5f7f9;   */
margin-bottom: 15px;
}
.tab_contairn .divh2 a.current {
 border-top: 2px solid #00a0e9;
 background: #fff;
}
.tab_contairn .divh2 a {
 display: inline-block;
 font-size: 1rem;
 padding: 0.7rem 1rem;
 color: #474747;
}
.morebn {
 color: #333;
 display: inline-block;
 padding: 6px 19px;
 text-align: center;
 border: 1px solid #00a0e9;
 border-radius: 15px;
 margin-top:0.5rem;
}
.article-content a {
 color: #4dc47d;
}
.morebn:hover, .article-content a:hover {
 color:#fff;
 background:#4dc47d;
}
/*外包攻略列表页*/

/*问答页*/

/*我的提问*/
.lwx_my_question {
padding-bottom:50px;
}
.lwx_questionlist_title {
font-size:16px;
color:#121212;
padding:20px 0 10px;
border-bottom: 2px solid #eee;
}
.lwx_questionlist_title span {
display: block;
}
.lwx_mq_lwidth {
width:560px;
padding-right:30px;
display: block;
position: relative;
}
.lwx_mq_rwidth {
width:245px;
display: block;
overflow: hidden;
}
.lwx_qst {
font-size:16px;
width:355px;
margin:35px 0 40px;
color:#121212;
}
.lwx_answer {
font-size:14px;
line-height: 180%;
}
.lwx_none_answer {
color:#008cd6;
}
.lwx_qst_time {
display:block;
font-size: 14px;
width: 90px;
position: absolute;
top:35px;
right: 30px;
text-align: center;
}
.lwx_qst_user {
display:inline-block;
font-size: 14px;
top:35px;
right:130px;
position: absolute;
}
.lwx_continu_ask {
text-align: right;
padding:10px 10px 50px 0;
}
.lwx_continu_ask a {
color:#ff5500;
font-size: 14px;
}
.lwx_my_qust_content {
width:100%;
margin-bottom:50px;
}
.lwx_qst_product {
padding:0 15px;
text-align: center;
}
.lwx_qst_product img {
display:block;
width: 100px;
height:100px;
margin:10px auto;
}
.lwx_bot_border {
width:100%;
height:2px;
background: #eee;
position: relative;
top:1px;
}
.lwx_my_qust_content td:nth-child(2n) {
border-bottom:2px solid #d2d2d2;
}
/* 个人中心 */
.ask_personal_module {
 min-height: 850px;
}
.ask_personal_module .am_tit {
 border-bottom: 2px solid #F9F9F9;
}
.ask_personal_module .al_tit {
 font-size:1rem;
}
.ask_personal_module .al_tit a {
 color: #5778b5;
}
.ask_personal_module .al_summary {
 font-size: 14px;
 line-height: 1.5;
 margin: 12px 0 18px;
 overflow: hidden;
}
.ask_personal_module .al_summary .more_msg {
 margin-left: 5px;
 font-size:1rem;
 color: #5778b5;
}
.ask_personal_module .ask_filter_box {
 width: 110px;
 height: 26px;
 margin-top: 25px;
}
.ask_personal_module .ask_state_tag {
 display: inline-block;
 line-height: 1.2;
 font-size: 14px;
 border-radius: 5px;
 padding: 3px 8px;
 color: #fff;
}
.ask_personal_module .accept_tag {
 background: #53DB93;
}
.ask_personal_module .cancel_tag {
 background: #C0C0C0;
}
.al_s_count {
padding:10px 0 0;
}
.ask_personal_module .lwx_paging_box {
 padding: 30px 0 50px;
}
.no_questions_module {
 padding-top: 10px;
 font-size: 20px;
 line-height: 2.5;
 color: #bfbfbf;
 text-align: center;
 display:block;
}
.no_questions_module .aw_btn {
 margin: 10px auto;
}
.no_answer_module {
 padding-top: 230px;
 font-size: 20px;
 line-height: 2.5;
 color: #bfbfbf;
 text-align: center;
}
.ask_person {
background:#f9f9f9;
}
.af_pic_name img {
display:block;
width:100px;
}
.transform {
transform: scale(1);
}
.ask_share {
width:40px;
background: #fff;
padding:15px 5px;
position:absolute;
left:-60px;
top: 56px;
text-align: center;
font-size: 12px;
border-radius:25px;
}
.ask_share dt span {
background-position: -20px -140px;
margin-right:0;
}
.ask_share dt p {
padding:5px 0;
width:30px;
margin:0 auto;
border-bottom:1px solid #e0e0e0;
border-top:none;
}
.ask_wrap .ask_share a {
display:block;
margin: 0 auto;
float:none;
width:40px;
height:40px;
padding:0;
line-height: inherit;
margin-top:7px;
}
 .ask_detail_wrap .ask_share {
width:210px;
padding:15px 5px;
text-align: center;
font-size: 12px;
border-radius:0;
position:relative;
top:-5px;
}
.ask_detail_wrap .ask_share dt {
width:75px;
float:left;
}
.ask_detail_wrap .ask_share dt span {
display:block;
width:20px;
background-position: -20px -140px;
margin-right:0px;
float:left;
margin-top:3px;
}
.ask_detail_wrap .ask_share dt p {
padding:5px 10px;
width:30px;
float:left;
margin:0 auto;
border-right:1px solid #e0e0e0;
border-top:none;
border-bottom:none;
}
.ask_detail_wrap .ask_share a {
display:inline-block;
margin-top:-7px;
}
.ask_wrap .ask_share a.weixin-icon {
background-position:-40px -200px
}
.ask_wrap .ask_share a.sina-icon {
background-position:-80px -200px
}
.ask_wrap .ask_share a.qq-icon {
background-position:0px -200px
}

/*问答个人中心*/
.ask_person_info {
background: #00a0e9;
font-size: 14px;
width:100%;
position: relative;
color:#fff;
}
.ask_person_list {
background:#fff;
font-size: 14px;
}
.ask_person_info dl dt {
padding: 1rem;
 padding-left: 7rem;
padding-bottom: 0.5rem;
}
.dt_bot_line {
height:1px;
overflow:hidden;
background:#b0c4f1;
margin-top:15px;
}
.ask_person_info dl dd {
padding: 1rem 1rem;
color:#333;
vertical-align: middle;
}
.ask_person_info dl dd a {
display:inline-block;
width:68px;
text-align: center;
color:#fff;
}
.ask_person_info dl dd span {
display:inline-block;
width: 1px;
height:30px;
background:#d3d3d3;
}
.ask_person_photo {
width: 5rem;
 height: 5rem;
 border-radius: 50%;
 overflow: hidden;
 -moz-border-radius: 50%;
 -o-border-radius: 50%;
 -webkit-border-radius: 50%;
 position: absolute;
 left: 1rem;
 top: 1rem;
}
.ask_person_photo img {
display:block;
width:100%;
height:100%;
}
.ask_person_info .ask_pi_name {
font-size: 18px;
margin-bottom:5px;
}
.ask_pi_desc {
height: 36px;
 line-height: 20px;
}
.ask_person_list .lh {
height:50px;
border-bottom:2px solid #ededed;
border-top:1px solid #ededed;
}
 .ask_pl_content {
position: relative
}
.ask_pl_content .tabs_content {
padding-bottom: 1rem;
 padding: 0 1rem 1rem 1rem;
}
.ask_pl_content .tabs_content_ul li {
padding:1rem 0rem;
overflow:hidden;
clear: both;
border-bottom:1px solid #ededed;
}
.ask_pl_content .tabs_content_ul li dt {
padding: 3px 8px;
 float: left;
 margin-right: 5px;
 background: #f0f2f6;
 color: #666;
 text-align: center;
 font-size: 12px;
}
.ask_pl_content .tabs_content_ul li dd {
float: revert;
 width: auto;
 position: relative;
}
.ask_pl_content .tabs_content_ul li dd p {
line-height:180%;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow:hidden;
font-size:1rem;
}
.ask_second_info .right {
margin-left: 0.7rem;
 width: 5rem;
 overflow: hidden;
 white-space: nowrap;
}
.ask_pl_content .tabs_content_ul li dd h3 {
font-size:16px;
color:#3297ff;
font-weight: 200;
}
.ask_pl_content .tabs_content_ul li dd h3 a {
color:#333;
font-weight:bolder;
}
.ask_pl_content .tabs_content_ul li dd p {
color:#666;
}
.ask_second_info {
font-size:0.9rem;
 color: #999;
 width: 100%;
}
.tabs_content .lwx_paging_box {
width:100%;
margin-top:15px;
}
.nodata_module {
margin:100px auto 0;
min-height:400px;
min-width:200px;
text-align: center;
}
 #signature {
width:300px;
}
 textarea {
 border: 1px solid #DEDEDE;
}
.ask_wrap {
 padding-bottom: 0.8rem;
}
.ask_wrap .left {
 width:100%;
 overflow:visible;
}
.ask_wrap .right {
 width:100%;
}
.ask_wrap .ask_index_content .left {
width:159px;
overflow:visible;
}
.ask_wrap .ask_index_content .middle {
width:760px;
float:left;
margin-left:21px;
}
.ask_wrap .ask_index_content .right {
width:240px;
}
.ask_module {
 background-color: #fff;
}
.ask_wrap .lwx_paging_box {
 margin: 35px 40px 20px;
}
a.aw_btn {
 display: block;
 width: 142px;
 margin-bottom: 20px;
 border: 2px solid #1D92F2;
 background: #fff;
 color: #1D92F1;
 text-align: center;
 line-height: 34px;
 font-size:1rem;
}
a.aw_btn .larrow_icon {
 margin-top: 2px;
}
.af_submit_btn {
 display: inline-block;
 width: auto;
 height: 2.5rem;
 background: #1C93F1;
 color: #fff;
 text-align: center;
 line-height: 2.5rem;
 font-size: 1rem;
 padding: 0 0.7rem;
 border: none;
 border-box: 2rem;
 border-radius: 0.5rem;
}
.pic_upload_btn {
 display: block;
 width: 82px;
 height: 26px;
 text-align: center;
 line-height: 26px;
 border: 1px solid #9CACCE;
 background: #fff;
 color: #9baccf!important;
 float:left;
}
a.accept_btn {
 display: inline-block;
 width: 88px;
 height: 27px;
 text-align: center;
 line-height: 27px;
 border: 1px solid #3ad16b;
 color: #3ad16b;
 border-radius: 15px;
 font-size: 12px;
 margin-left:10px;
}
/* 弹窗关闭 */
a.alert_close_btn {
 width: 26px;
 height: 26px;
 background-position: -7px -167px;
}
/* 点赞 */

.ask_up_btn.clicked {
border-color:#00a0e9;
background:#00a0e9;
color:#fff;
}
a.ask_up_btn .iconfont {
font-size: 18px;
}
.ask_wrap .w_new {
width:auto;
}
/* 弹窗按é'® */
.acl_btn {
 box-sizing: border-box;
 display: inline-block;
 width: 160px;
 height: 42px;
 text-align: center;
 font-size:1rem;
 line-height: 42px;
}
.acl_btn.acl_ok_btn {
 color: #fff;
 background: #FF4401;
}
.acl_btn.acl_cancel_btn {
 color: #666;
 border: 1px solid #AAAAAA;
}
/* 提问头部æ"ä½œæŒ‰é'® */
.ask_detail_wrap .ask_btn {
 display: inline-block;
 width: 54px;
 height: 21px;
 text-align: center;
 line-height: 21px;
 background: #fff;
 color: #b2b2b2;
 border:1px solid #f8f8f8;
}
.ask_btn.edit_btn {
 margin-right: 10px;
}
 .ask_detail_wrap .ask_btn:hover {
color:#fff;
background:#00a0e9;
border-color: #00a0e9;
}

  /* 首页 */
.ask_index_wrap {
 background: #fff;
}
.ask_index_header {
 position: relative;
 height: 340px;
 margin-bottom: 40px;
 overflow: hidden;
}
.ask_index_wrap .ask_module {
 margin-bottom: 45px;
}
.index_import .ask_module {
 margin-bottom: 0;
}
 .ask_index_wrap .ask_state_wrap {
 position: absolute;
 right: 38px;
 bottom: 20px;
}
/* 列表页 */
.ask_lists_wrap {
 background: #fff;
 border-bottom:1px solid #eee;
}
.ask_detail_wrap {
background:#f8f8f8;
}
.ask_lists_wrap .left .ask_module {
 margin-bottom: 45px;
}
.right .ask_module {
 padding: 0;
 margin-bottom: 0.7rem;
}
.right .ask_module.ask_recommend_module.jiajia {
padding:0 1rem;
}
.ask_tags_lists_wrap .right .ask_module, .ask_detail_wrap .right .ask_recommend_module, .ask_lists_wrap .right .ask_recommend_module {
 padding:15px 12px;
}
.ask_tags_lists_wrap .right .ask_hot_module, .ask_detail_wrap .right .ask_hot_module, .ask_lists_wrap .right .ask_hot_module {
 border:1px solid #dcdfe1;
padding:10px 12px;
 margin-bottom:0;
}
/*.right .ask_module ul li:last-child {
  border: none;
}*/
.right .ask_state_wrap {
 width: 310px;
 padding: 0;
}
.ask_tags_lists_wrap .guest_ask_state_wrap {
position:static;
padding:15px 20px!important;
}
.guest_ask_state_wrap {
width:100%;
height:auto;
background:#00a0e9;
right: 0;
bottom:0;
overflow:hidden;
}
/*.guest_ask_content{padding:0 14px; text-align: center;}


.ask_hadhelp_p{margin:15px 0  20px; color:#fff; font-size: 18px;}
.guest_ask_btn a{display:block; width: 217px; height:54px; font-size:1rem; color:#2493ec; background:url(/templets/kefuwb/images/ask-btn1.png) no-repeat; line-height: 42px; margin-left:18px;}
.guest_ask_btn a.ianswer{color:#fff; background-image:url(/templets/kefuwb/images/ask-btn2.png); margin-top:3px;}*/
/* 登录状态 */
.ask_state_wrap {
 width: 270px;
 height: 293px;
 background-color: rgba(255, 255, 255, 0.9);
}
.ask_state_wrap .asw_not_login {
 height: 221px;
 padding: 7px 10px 0;
}
.ask_state_wrap .slogan {
 padding: 5px 10px;
 color: #788186;
 font-size: 18px;
 line-height: 1.5;
}
.ask_state_wrap .asw_slove {
 height: 140px;
 border-top: 1px dashed #E2E2E2;
 padding: 10px 5px;
 color: #2391ea;
 font-size:1rem;
}
.ask_state_wrap .asw_slove strong {
 font-size: 34px;
 font-weight: normal;
 line-height: 1.5;
}
.ask_state_wrap .asw_login {
 min-height: 190px;
 padding-top: 19px;
}
.ask_state_wrap .user_msg {
 text-align: center;
}
.ask_state_wrap .user_msg img {
 width: 72px;
 height: 72px;
 border-radius: 50%;
}
.ask_state_wrap .user_msg p {
 margin: 13px 0;
 color: #788186;
 font-size:1rem;
}
.ask_state_wrap .user_ask_msg {
 margin: 25px 0 20px;
}
.ask_state_wrap .user_ask_msg li {
 width: 33%;
 border-right: 1px solid #D2D2D2;
 font-size: 14px;
 text-align: center;
}
.ask_state_wrap .user_ask_msg li:last-child {
 border: none;
}
.ask_state_wrap .user_ask_msg li div {
 margin-bottom: 12px;
}
.ask_state_wrap .user_ask_msg li strong {
 font-weight: normal;
 font-size: 22px;
 color: #2391ea;
}
.ask_state_wrap .ask_oper_btn {
 font-size: 0;
 text-align: center;
}
.ask_state_wrap .ask_oper_btn a {
 display: inline-block;
 width: 50%;
 height: 64px;
 background: #2493ec;
 color: #c0e3ff;
 font-size:1rem;
 line-height: 64px;
}
.ask_state_wrap .ask_oper_btn a:hover {
 background-color: #1887E0;
}
 .ask_lists_wrap .right .ask_recommend_module {
border:1px solid #dcdfe1;
padding:10px 12px;
}
.ask_lists_wrap .right .ask_recommend_module h2 span, .ask_lists_wrap .right .ask_hot_module h2 span, .ask_related_module h2 span {
font-size: 1.2rem;
 color: #2a2a2a;
 display: inline-block;
 height: 100%;
 border-bottom: 2px solid #00a0e9;
   /* padding-left: 24px;*/
    position: relative;
/*    left: -12px;*/
    line-height: 2.5rem;
}
.ask_lists_wrap .ask_recommend_module li {
padding:20px 0 8px;
}
.ask_lists_wrap .right .ask_hot_module {
padding-bottom:20px;
}
.ask_list_rb_gg {
margin-top:15px;
}
.ask_list_rb_gg img {
display:block;
width:100%;
}

/* 广å'Š */
.aih_adv {
 position: absolute;
 left: 32px;
 bottom: 20px;
}
.aih_adv li {
 width: 260px;
 margin-right: 10px;
 padding: 5px;
 background: #fff;
}
.aih_adv li p {
 height: 64px;
 margin-left: 110px;
 overflow: hidden;
 font-size:1rem;
 line-height: 2;
 margin-top: 10px;
}
/* 问题列表 */
.am_tit {
 margin-bottom: 0.3rem;
}
.am_tit_padding {
padding-top:40px;
}
.am_tit h2 {
 font-weight: normal;
 font-size:1.2px;
 color: #363636;
 line-height: 2.5rem;
}
.am_tit h3 {
 font-weight: normal;
 font-size:1.2rem;
 line-height: 2;
}
.am_tit .view_more {
 margin-top: 20px;
 font-size:1rem;
 color: #878787;
}
.am_tit .am_info {
 margin: 18px 0 0 10px;
}
.am_tit .am_info a {
 display: inline-block;
 padding: 0 12px;
 border-right: 1px solid #cdcdcd;
 font-size:1rem;
}
.am_tit .am_info a:last-child {
 border: none;
}
.am_tit .am_info a.curr {
 color: #3194ef;
}
.ask_index_wrap .am_tit h2 {
 font-size:1.2rem;
 color:#2a2a2a;
 border:none!important;
 margin:15px 0 0!important;
 line-height:inherit;
}
.ask_index_wrap .right .am_tit, .ask_tags_wrap .am_tit {
 border-bottom: 2px solid #EEEEEE;
}
.ask_index_wrap .right .am_tit h2, .ask_tags_wrap .am_tit h2 {
 margin-bottom: -2px;
 border-bottom: 2px solid #108BEE;
}
.ask_index_wrap .am_tit {
border-bottom:none!important;
margin:0;
}
.ask_list {
padding: 55px 1rem 1rem 1rem;
background: #f2f2f2;
}
.ask_list li {
 padding: 0.7rem;
 border-bottom: 1px dashed #e6e9ea;
 position:relative;
 background: #ffffff;
}
.ask_list .al_tit {
 width:100%;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 font-size:1rem;
 text-align: left;
 line-height: 2;
 color: #363636;
}
.al_summary {
text-align:left;
width:100%;
font-size:0.9rem;
line-height:1.3rem;
}
 .ask_list .al_tit a {
width: 82%;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 display: inline-block;
}
 .ask_list .al_tit * {
vertical-align: middle;
}
.ask_list .al_info {
 margin: 10px 0 0;
 font-size: 12px;
}
.ask_list .al_info .blue_color {
color:#ff6600;
}
.ask_list .al_info .fl span:first-child {
 padding-right: 15px;
 border-right: 1px solid #9B9B9B;
}
.ask_list .al_info .fl span:last-child {
 padding-left: 15px;
}
.ask_lists_wrap .ask_list, .ask_tags_lists_wrap .ask_list {
 padding: 18px;
}
 .ask_lists_wrap .ask_list .lwx_paging_box li {
padding:0;
border:none;
}
.ask_lists_wrap .ask_list .pagination li a, .ask_lists_wrap .ask_list .lwx_paging_box li.disabled {
padding:7px 12px;
}
.ask_lists_wrap .ask_list li strong, .ask_tags_lists_wrap .ask_list li strong {
 font-weight: normal;
}
.ask_lists_wrap .ask_list .al_tit, .ask_tags_lists_wrap .ask_list .al_tit {
 color: #2a2a2a;
 font-size: 20px;
 border-left:4px solid #00a0e9;
 height:25px;
 line-height: 22px;
 padding-left:10px;
 margin:8px 0 15px;
}
.ask_lists_wrap .ask_list .al_tit:hover, .ask_tags_lists_wrap .ask_list .al_tit:hover {
 text-decoration: underline;
}
.ask_lists_wrap .ask_list .al_summary, .ask_tags_lists_wrap .ask_list .al_summary {
 height: 42px;
 overflow: hidden;
 margin: 10px 0 15px;
 font-size: 14px;
 line-height: 1.5;
}
/* 问题分类 */
.ask_cate_module {
 text-align: center;
}
.ask_cate_module li:last-child a {
 margin-right: 0;
}
.ask_cate_module li a {
 display: inline-block;
 width: 104px;
 height: 23px;
 line-height: 23px;
 margin-right: 20px;
 padding: 5px 10px;
 border: 1px solid #3399FF;
 font-size:1rem;
 color: #3194ef;
}
.ask_cate_module li {
margin-bottom:8px;
}
/*é—®ç­"分类导航*/
.ask_category_left dt {
height:47px;
line-height: 47px;
background:#2594eb;
color:#fff;
font-size:1rem;
}
.cate_icon {
display:block;
width:15px;
height:15px;
font-size: 20px;
margin:17px 17px 0 21px;
float:left;
}
.cate_icon img {
display:block;
width:100%;
height:100%;
}
.ask_category_list {
border:1px solid #e8e8e8;
padding:0 12px 0 8px;
}
.ask_category_list dd, .ask_category_list dd a.ask_hover_a {
height:40px;
line-height: 40px;
color:#3a9dfe;
}
.ask_category_list dd {
border-bottom:1px solid #f8f8f8;
position:relative;
}
.ask_sec_class {
width:360px;
padding:10px;
background:#fff;
position: absolute;
top:0px;
right:-393px;
border:1px solid #e8e8e8;
z-index: 20;
display: none;
}
.ask_sec_class a {
display:block;
width:100px;
height:25px;
line-height: 25px;
text-align: center;
margin:5px 10px;
float:left;
color:#666;
font-size: 14px;
}
.ask_sec_class a:hover, .ask_sec_class a.current {
color:#2493ec;
}
.ask_category_list dd em {
display:block;
margin:11px 14px 0 9px;
float:left;
}
.ask_category_list dd em img {
display:block
}
.ask_category_list span {
display:block;
width:80px;
height:40px;
line-height: 40px;
font-size:14px;
color:#666;
float:left;
}
.ask_category_list dd a:hover span, .ask_category_list dd a.current span {
color:#3a9dfe;
}
.ask_category_list dd .iconfont {
font-size:12px;
}
/*搜索框*/
.ask_m_search {
padding:22px;
background:#f8f8f8;
}
.ask_m_sinput {
height:45px;
border:2px solid #2493ec;
line-height: 45px;
color:#dcdfe1;
float:left;
border-right:none;
background:#fff;
}
.ask_m_sinput span {
display:block;
float:left;
width:15px;
height:15px;
float:left;
margin:0 14px 0 16px;
font-size:20px;
}
.ask_m_sinput input {
width:553px;
margin:0;
padding:0;
border:none;
background:none;
color:#b2b2b2;
height:45px;
line-height: 45px;
}
.ask_m_search_content button {
width:116px;
height:49px;
border:2px solid #00a0e9;
color:#fff;
font-size:16px;
padding:0;
margin: 0;
background:#00a0e9;
}
/*é—®ç­"列表*/
.ask_lists_set h3 {
color:#2a2a2a;
font-size: 20px;
border-bottom:1px solid #e0e0e0;
height:32px;
line-height: 32px;
margin:10px 0 26px;
}
.ask_lists_set h3 a {
float:right;
display: inline-block;
height:32px;
line-height: 32px;
color:#b2b2b2;
font-size: 12px;
float:right;
font-weight: lighter
}
.ask_lists_set h3 span {
display:inline-block;
padding:0 15px 0 0;
background:#fff;
font-weight: lighter;
position:relative;
top:7px;
}
.ask_lists_set dd, .jh_top {
position:relative;
}
.ask_lists_set .jinghua h3 {
margin:10px 0 16px;
}
.jinghua dl dt {
width:378px;
height:290px;
float:left;
}
.jinghua dl dt img {
display:block;
width:100%;
height:100%;
}
.jinghua dl dd {
width:364px;
float:right;
}
.jh_top {
padding:0 15px;
background:#f5fcff;
overflow:hidden;
}
.jh_top h4 {
font-size:16px;
color:#2996fc;
margin:20px 0;
font-weight: lighter;
}
.jh_top h4 span {
display:inline-block;
width:45px;
height:20px;
line-height: 20px;
margin-right:10px;
font-size: 12px;
text-align: center;
position:relative;
background:#2594eb;
color:#fff;
}
.jh_top h4 span em {
display:block;
height: 0;
font-size: 0;
line-height: 0;
border-style: solid;
border-width: 5px 0 5px 5px;
background:#fff;
 border-color: transparent #2594eb;
position:absolute;
top:5px;
right:-5px;
}
.syhao {
position:absolute;
top:60px;
color:#2493ec;
left:20px;
font-size: 12px;
}
.jh_p {
text-indent: 25px;
line-height: 21px;
margin-bottom:25px;
height:84px;
overflow:hidden;
position: relative;
}
.jh_p a {
margin-left:10px;
color:#2493ec;
}
.jinghua dl dd ul {
padding-top:4px;
}
.jinghua dl dd ul li {
border-bottom:1px solid #f8f8f8;
}
.jinghua dl dd ul li a {
display:block;
height:38px;
line-height: 40px;
color:#656565;
font-size: 14px;
overflow:hidden;
width:100%;
}
.jinghua dl dd ul li a span {
margin:0 10px 0 5px;
color:#dbdede;
}
.dajiawen, .new_wenda {
width:100%;
overflow:hidden;
}
.dajiawen dl, .new_wenda dl {
width:794px;
}
.dajiawen dd, .new_wenda dd {
width:352px;
float:left;
margin-right:45px;
overflow:hidden;
margin-bottom:20px;
}
.new_wenda dd {
border-bottom:1px solid #f8f8f8;
}
.dj_answers {
width:40px;
height:40px;
float:left;
background:#00a0e9;
color:#fff;
font-size: 12px;
text-align: center;
margin-right:18px;
line-height: 15px;
}
.denghuida .dj_answers {
background:#fff;
color:#b2b2b2;
width:38px;
height:38px;
border:1px solid #dcdfe1;
}
.dj_answers span {
display:block;
font-weight: bold;
padding:5px 0 0;
}
.dj_wenti {
width:290px;
color:#b2b2b2;
}
.dj_wenti p {
font-size: 14px;
color:#656565;
height: 20px;
line-height: 20px;
overflow: hidden;
margin-bottom: 3px;
}
.new_wenda dd h4 {
font-weight: lighter;
font-size: 14px;
height:15px;
line-height: 15px;
overflow: hidden;
border-left:2px solid #00a0e9;
color:#656565;
padding-left:5px;
}
.new_wenda dd h4 span {
color:#2493ec;
}
.new_wenda dd p {
color:#b2b2b2;
height:18px;
line-height: 18px;
overflow:hidden;
margin:8px 0;
}
.huoyue_bang dt {
margin:26px 0 20px;
font-size: 20px;
color:#2a2a2a;
font-weight: lighter;
height:22px;
line-height: 22px;
overflow:hidden;
}
.huoyue_bang dt ul {
width:63px;
height:20px;
float:right;
font-size: 12px;
border:1px solid #dcdfe1;
border-right:none;
}
.huoyue_bang dt ul li {
width:20px;
height:20px;
line-height: 20px;
border-right:1px solid #dcdfe1;
float:left;
text-align: center;
cursor: pointer;
}
.huoyue_bang dt ul li.current {
width:22px;
height:22px;
line-height: 22px;
border-right:none;
margin:-1px 0 0 -1px;
background:#00a0e9;
color:#fff;
position:relative;
z-index: 1;
}
.huoyue_bang dd ul {
padding:0 10px;
border:1px solid #dcdfe1;
}
.huoyue_bang dd ul li {
overflow:hidden;
padding:10px 0;
border-bottom:1px solid #dcdfe1;
}
.huoyue_bang dd ul li:last-child {
border-bottom:none;
}
.paihang_num {
width:36px;
float:left;
height:56px;
font-size: 22px;
color:#2a2a2a;
line-height: 56px;
margin-left:2px;
}
.paihang_user_pic {
width:56px;
height:56px;
float:left;
margin:0 15px 0 8px;
border-radius:50%;
overflow:hidden;
}
.paihang_user_pic img {
display:block;
width:100%;
height:100%;
}
.paihang_name {
font-size:1rem;
color:#2a2a2a;
margin-top:5px;
width:95px;
float:left;
}
.paihang_name h3 {
font-weight: lighter;
height:18px;
line-height: 18px;
overflow: hidden;
}
.paihang_name p {
color:#b2b2b2;
font-size: 12px;
margin-top:10px;
height:15px;
line-height: 15px;
overflow:hidden;
}
.paihang_name p span {
color:#ff5400;
}
.hy_paihang {
display:none;
}
.ph_sm_num {
color:#2493ec;
}
.the_question_state {
color:#2493ec;
width:74px;
height:23px;
display:inline-block;
margin-left:20px;
text-indent: 28px;
overflow:hidden;
font-size:12px;
margin-top:-2px;
}
  /* 推荐 */
/*.ask_recommend_module .am_tit{margin-bottom:0.7rem;}*/

.ask_recommend_module li a {
 display:inline-block;
 width:auto;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 vertical-align: middle;
 margin-right:5px;
}
.ask_recommend_module li span {
font-size: 0.8rem;
 color: #9a9a9a;
 margin-top: 0.1rem;
}
/* 热门 */
.ask_hot_module li {
 padding: 12px 0;
 font-size: 14px;
 border-bottom: 1px dashed #ededed;
}
.ask_hot_module li a {
 margin-right: 10px;
}
.ask_tags a {
 display: inline-block;
 margin-right: 8px;
 margin-top: 15px;
 color: #3593df;
 font-size: 14px;
 padding: 4px 15px;
 background: #DFF5FF;
}
/* 图标 */
.a_icon {
 display: inline-block;
 width: 0px;
 height: 20px;
 margin-right: 5px;
 vertical-align: text-top;
}
.a_icon.tiwen_icon {
 background-position: -100px -79px;
}
.a_icon.huida_icon {
 background-position: -100px -99px;
}
.a_icon.down_arrow_icon {
 background-position: 0 -120px;
}
.a_icon.larrow_icon {
 background-position: -20px -120px;
}
.a_icon.tarrow_icon {
 background-position: -40px -163px;
}
.a_icon.to_up_icon {
 margin-top: -1px;
 background-position: -60px -142px;
}
.a_icon.to_best_up_icon {
 margin-top: -1px;
 background-position: -40px -142px;
}
.alc_icon {
 display: inline-block;
 width: 20px;
 height: 20px;
 border-radius: 50%;
 overflow: hidden;
 margin-right: 5px;
 vertical-align: sub;
}
.alc_icon img {
 width: 20px;
 height: 20px;
}
/* 分类 */
.ask_list_cate_module {
 padding: 30px 15px 0;
}
.ask_list_cate_module .lh li {
margin-bottom:30px;
}
.ask_list_cate_module li a {
 display: inline-block;
 width: 89px;
 padding: 0 24px;
 color: #3a3b3b;
 font-size:1rem;
 text-align: center;
 border-right: 1px solid #E0E0E0;
}
.ask_list_cate_module li:nth-child(6n) a {
border-right:none;
}
.ask_list_cate_module li a:hover {
color:#108bee
}
.ask_list_cate_module li.curr a {
color:#108bee;
}
.ask_list_cate_module li:last-child a {
 border: none;
}
/* 标签 */

.ask_tabs_module ul {
width:253px;
height:31px;
border:1px solid #dcdfe1;
border-right:none;
}
.ask_tabs_module ul li {
width:84px;
float:left;
text-align: center;
}
.ask_tabs_module ul li a {
display:block;
width:100%;
height:31px;
font-size: 14px;
line-height: 31px;
border-right:1px solid #dcdfe1;
color:#2a2a2a;
}
.ask_tabs_module ul li a.curr {
width:86px;
height:33px;
line-height: 33px;
border-right:none;
margin:-1px 0 0 -1px;
color:#2493ec;
background:#c1eaff;
position:relative;
z-index: 1;
}
 .ask_tabs_module .fr a {
 color: #666;
 margin-right: 20px;
 font-size: 14px;
}
.ask_tabs_module .fr a.curr {
 color: #00a0e9;
}
.ask_tabs_module .fr a.curr .down_arrow_icon {
 background-position: 0 -140px;
}
.ask_lists_wrap .ask_list {
border:1px solid #dcdfe1;
margin-top:15px;
padding:58px 24px 18px;
position: relative;
}
._ask_list_tag {
width:124px;
height:36px;
color:#fff;
line-height: 40px;
font-size:1rem;
position:absolute;
left:-5px;
top:13px;
text-align: center;
}
.ask_tabs_module .fr {
margin-top:13px;
}
/* 表单 */


.ask_form_module {
 padding: 1rem 1rem 1rem;
 background:#fff;
 border-bottom: 0.2rem #f5f5f5 solid;
}
.ask_form_module form {
 padding: 0;
}
.ask_form_module .af_item_tit {
 display: inline-block;
 margin-right: 0.5rem;
 font-size:0.9rem;
 height: 2rem;
 line-height:2rem;
 vertical-align: top;
 width: 22%;
}
.ask_form_module li {
 margin-bottom:0.7rem;
}
.ask_form_module .af_item_con {
 display: inline-block;
 width: 100%;
}
.ask_form_module .af_item_con input, .ask_form_module .af_item_con textarea {
 width: 100%;
 height: 28px;
 padding: 5px;
 border: 1px solid #DEDEDE;
 font-size: 14px;
}
.ask_form_module .af_item_con textarea {
 height: 113px;
 font-family:  Microsoft YaHei;
}
.ask_form_module .af_item_con select {
 width:48%;
 height: 2rem;
 padding: 5px;
 margin-right:0.5rem;
 border: 1px solid #DEDEDE;
 font-size:0.9rem;
}
.jiantou {
width:1%;
}
#ClassLevel2 {
width:40%;
}
.ask_form_module .red_color {
 color: #ff1823;
}
.ask_form_module .af_info {
 padding: 10px 0;
}
.pic_upload {
width:500px;
}
.ask_form_module .af_pic_info {
 display: none;
 margin-left: 10px;
 position:relative;
 vertical-align: top;
 width:120px;
 float:left;
}
#imgWarp {
width:100px;
height:100px;
}
.ask_form_module .af_pic_info .af_pic_del {
 vertical-align: top;
 font-size:1rem;
 cursor: pointer;
 position:absolute;
 top: 0;
 right: 5px;
}
.ask_tip_module {
 padding: 18px!important;
}
.ask_tip_module ol {
 padding: 0.7rem 0;
 border-top: 1px solid #108bee;
}
.ask_tip_module ol li {
 position: relative;
 margin-bottom: 0.5rem;
 padding-left: 1.7rem;
 font-size: 1rem;
 line-height: 2;
}
.ask_tip_module .ask_number {
 position: absolute;
 left: 0;
 top: 7px;
 width: 16px;
 height: 16px;
 margin-right: 20px;
 text-align: center;
 line-height: 16px;
 border: 1px solid #108bee;
 color: #108bee;
 border-radius: 50%;
}
button {
 border: none;
 cursor: pointer;
}
::-moz-placeholder {
 color: #aaa;
}
::-webkit-input-placeholder {
 color: #aaa;
}
:-ms-input-placeholder {
 color: #aaa;
}
/* 详情页 */
.ask_detail_wrap .left {
 width: 830px!important;
 padding: 0 0 50px;
}
 .ask_ques_module .aqm_tags {
 padding: 0 10px;
 height: 30px;
 line-height: 30px;
 background-color: #F6FEFF;
 font-size: 12px;
 color: #9baccf;
 margin-top:15px;
}
.ask_ques_module .aqm_tags a {
 margin-left: 15px;
 color: #9baccf;
}
.ask_ques_module .aqm_text {
 font-size: 14px;
 line-height: 2;
}
.ask_ques_module .aqm_img {
 text-align: center;
}
.ask_ques_module .aqm_img img {
 width:600px;
 display:block;
 margin:0 auto;
}
.ask_ques_module .aqm_info {
 color: #aaa;
 margin-top: 0.7rem;
}
.ask_ques_module .aqm_info span {
 margin-right: 0.5rem;
}
.ask_ques_module .aqm_info span:nth-child(3) {
display:block;
}
.ask_related_module li:nth-child(even) {
 margin-left:0;
 margin-right: 0;
}
 .bam_user_msg .bam_tit_info {
 color: #aaa;
 font-size: 0;
}
 .bam_user_msg .bam_tit_info span:first-child {
 padding-left: 0;
/*border-right: 1px solid #c7b292;*/
}
.oam_info {
 color: #aaa;
 overflow: hidden;
 line-height: 30px;
}
.oam_info .ask_up_btn:hover {
 color: #1D92F1;
 border-color: #1D92F1;
}
.oam_info .ask_up_btn:hover .to_up_icon {
 background-position: -60px -121px;
}
.oam_info .ask_up_btn.clicked {
 color: #fff;
 background-color: #1D92F1;
 border-color: #1D92F1;
}
.oam_info .ask_up_btn.clicked .a_icon {
 background-position: -40px -120px;
}
/*.aam_tit {
  font-size: 24px;
  color: #2a2a2a;
  position: relative;
  font-weight:400;
}*/
.bam_content {
 font-size:1rem;
 line-height:1.8rem;
 color:#666;
 padding-bottom:1rem;
}
.best_answer_module {
 padding: 30px 48px;
 background: #fbf9f6;
 border: 1px solid #ded3bd;
 margin-bottom:20px;
}
.best_answer_module h3 {
 color: #a18a68;
 font-size: 24px;
 font-weight: normal;
 position: relative;
}
 .best_answer_module .bam_tit_info {
 color: #c7b292;
}
.best_answer_module .bam_username {
 color: #a08e74;
}
.best_answer_module .bam_content {
 color: #a08e74;
}
.best_answer_module .ask_up_btn {
 color: #C7B392;
 border-color: #C7B392;
}
.best_answer_module .ask_up_btn.clicked {
 color: #fff;
 background-color: #c6b192;
}
.best_answer_module .ask_up_btn.clicked .a_icon {
 background-position: -40px -120px;
}
.other_answer_module dl {
 padding: 10px 0 0;
 border-bottom: 1px dashed #F3F3F3;
}
.other_answer_module dl:last-child {
border-bottom:none;
}
.other_answer_module dl dt {
 position: relative;
}
.other_answer_module dl dt .accept_btn:hover {
 color: #fff;
 border-color: #3ad16b;
 background:#3ad16b;
}
.ask_related_module {
 background:#fff;
 overflow:hidden;
 margin-top: 0.7rem;
}
.ask_related_module .am_tit h2 {
line-height: 220%;
margin-bottom:0;
}
/*.ask_related_module h2 span{left:-24px;}*/
.ask_related_module ul {
width:100%;
}
 .ask_related_module li a:hover {
color:#00a0e9;
}
.ask_related_module li em {
font-style: normal;
}
.ask_related_module li em.list_point {
display:inline-block;
font-size:16px;
color:#dcdfe1;
margin-right:10px;
}
.ask_related_module li em.list_has_answer {
font-size:12px;
color:#2996fc;
}
 .answer_write_module .aw_btn {
 display: block;
 width: 110px;
 height: 36px;
 background: #2290eb;
 color: #fff;
 text-align: center;
 line-height: 36px;
 font-size:1rem;
 margin-bottom:0;
}
.answer_write_module .aw_btn .larrow_icon {
 margin-top: 2px;
}
.answer_write_module .aw_form_wrap.hidden {
 display: none;
}
.answer_write_module .aw_form_wrap textarea {
 padding: 0.3rem;
 font-family: "microsoft yahei";
 border: none;
 width: 100% !important;
}
.answer_write_module .aw_form_wrap .aw_sub_box {
 margin-top: 10px;
}
.answer_write_module .aw_form_wrap .aw_sub_box p {
 font-size: 12px;
 line-height: 30px;
}
.answer_write_module .aw_form_wrap .af_submit_btn {
 margin-left: 15px;
 width:102px;
 height:29px;
 line-height: 29px;
 font-size: 12px;
}
.all_answer_module {
 margin-bottom: 50px;
}
.all_answer_module .no_answer_tip {
 padding-top: 125px;
  background: url(/templets/kefuwb/images/answer_bg.png) no-repeat center 25px;
}
.all_answer_module .no_answer_tip p {
 font-size: 20px;
 text-align: center;
 color: #aaa;
}
.detail_adv {
 margin-bottom: 30px;
}
/* 弹窗 */
.ask_cover_layer {
 display: none;
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.5);
 z-index:10;
}
.ask_cover_layer .alert_box {
 position: absolute;
 left: 50%;
 top: 50%;
 margin-left: -230px;
 margin-top: -150px;
 width: 440px;
 height: 180px;
 padding: 110px 10px 10px;
 text-align: center;
 background: #fff;
}
.ask_cover_layer .alert_close_btn {
 position: absolute;
 right: 5px;
 top: 10px;
}
.ask_cover_layer p {
 font-size: 14px;
 line-height: 2;
}
.ask_cover_layer .acl_tit {
 font-size: 24px;
}
.ask_cover_layer .acl_btn_box {
 margin-top: 25px;
}
.ask_cover_layer .acl_ok_btn {
 margin-right: 8px;
 vertical-align: top;
}
/* 标签页 */
.ask_tags_wrap {
 height: 100%;
 background: #fff;
}
.ask_tags_wrap .ask_module {
 margin-bottom: 30px;
}
.ask_tags_wrap .htm_con {
 padding-top: 10px;
}
.ask_tags_wrap .htm_con a {
 float: left;
 width: 155px;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
 margin-right: 54px;
 font-size: 14px;
 line-height: 2.5;
 color: #5778b5;
}
.ask_tags_wrap .htm_con a:nth-child(6n) {
 margin-right: 0;
}
.atlw_tit {
 padding: 50px 32px 0;
 font-size: 20px;
 line-height: 2;
}
.atlw_tit .atlw_total_num {
 margin-left: 20px;
 font-size:1rem;
}
/* 搜索 */
.ask_search_wrap .ask_lists_module {
 min-height: 922px;
}
.search_noanswer_module {
 width: 632px;
 height: 144px;
 margin: 30px auto;
 padding: 40px 0 40px 150px;
 background: #F9F9F9;
 font-size: 14px;
}
.search_noanswer_module p {
 line-height: 2;
}
.search_noanswer_module a {
 color: #2391ea;
}
.search_noanswer_module .atlw_tit {
 padding: 0;
 margin-bottom: 10px;
}
.ask_search#o-search #i-search {
 width: 373px;
}
.ask_search#o-search #btn-search {
 width: 125px;
 height: 40px;
}
/* 个人中心 */
.ask_personal_module {
 min-height: 850px;
}
.ask_personal_module .am_tit {
 border-bottom: 2px solid #F9F9F9;
}
.ask_personal_module .al_tit {
 font-size:1rem;
}
.ask_personal_module .al_tit a {
 color: #5778b5;
}
.ask_personal_module .al_summary {
 font-size: 14px;
 line-height: 1.5;
 margin: 12px 0 18px;
 overflow: hidden;
}
.ask_personal_module .al_summary .more_msg {
 margin-left: 5px;
 font-size:1rem;
 color: #5778b5;
}
.ask_personal_module .ask_filter_box {
 width: 110px;
 height: 26px;
 margin-top: 25px;
}
.ask_personal_module .ask_state_tag {
 display: inline-block;
 line-height: 1.2;
 font-size: 14px;
 border-radius: 5px;
 padding: 3px 8px;
 color: #fff;
}
.ask_personal_module .accept_tag {
 background: #53DB93;
}
.ask_personal_module .cancel_tag {
 background: #C0C0C0;
}
.al_s_count {
padding:10px 0 0;
}
.ask_personal_module .lwx_paging_box {
 padding: 30px 0 50px;
}
.no_questions_module {
 padding-top: 10px;
 font-size: 20px;
 line-height: 2.5;
 color: #bfbfbf;
 text-align: center;
}
.no_questions_module .aw_btn {
 margin: 10px auto;
}
.no_answer_module {
 padding-top: 230px;
 font-size: 20px;
 line-height: 2.5;
 color: #bfbfbf;
 text-align: center;
}
.ask_person {
background:#f9f9f9;
}
.af_pic_name img {
display:block;
width:100px;
}
.transform {
transform: scale(1);
}
.ask_share {
width:40px;
background: #fff;
padding:15px 5px;
position:absolute;
left:-60px;
top: 56px;
text-align: center;
font-size: 12px;
border-radius:25px;
}
.ask_share dt span {
background-position: -20px -140px;
margin-right:0;
}
.ask_share dt p {
padding:5px 0;
width:30px;
margin:0 auto;
border-bottom:1px solid #e0e0e0;
border-top:none;
}
.ask_wrap .ask_share a {
display:block;
margin: 0 auto;
float:none;
width:40px;
height:40px;
padding:0;
line-height: inherit;
margin-top:7px;
}
 .ask_detail_wrap .ask_share {
width:210px;
padding:15px 5px;
text-align: center;
font-size: 12px;
border-radius:0;
position:relative;
top:-5px;
}
.ask_detail_wrap .ask_share dt {
width:75px;
float:left;
}
.ask_detail_wrap .ask_share dt span {
display:block;
width:20px;
background-position: -20px -140px;
margin-right:0px;
float:left;
margin-top:3px;
}
.ask_detail_wrap .ask_share dt p {
padding:5px 10px;
width:30px;
float:left;
margin:0 auto;
border-right:1px solid #e0e0e0;
border-top:none;
border-bottom:none;
}
.ask_detail_wrap .ask_share a {
display:inline-block;
margin-top:-7px;
}
.ask_wrap .ask_share a.weixin-icon {
background-position:-40px -200px
}
.ask_wrap .ask_share a.sina-icon {
background-position:-80px -200px
}
.ask_wrap .ask_share a.qq-icon {
background-position:0px -200px
}
 .ask_person_info {
background: #00a0e9;
font-size: 14px;
width:100%;
position: relative;
color:#fff;
}
.ask_person_list {
background:#fff;
font-size: 14px;
}
.ask_person_info dl dt {
padding: 1rem;
 padding-left: 7rem;
padding-bottom: 0.5rem;
}
.dt_bot_line {
height:1px;
overflow:hidden;
background:#b0c4f1;
margin-top:15px;
}
.ask_person_info dl dd {
padding: 1rem 1rem;
color:#333;
vertical-align: middle;
}
.ask_person_info dl dd a {
display:inline-block;
width:68px;
text-align: center;
color:#fff;
}
 .ask_person_photo {
width: 5rem;
 height: 5rem;
 border-radius: 50%;
 overflow: hidden;
 -moz-border-radius: 50%;
 -o-border-radius: 50%;
 -webkit-border-radius: 50%;
 position: absolute;
 left: 1rem;
 top: 1rem;
}
.ask_person_photo img {
display:block;
width:100%;
height:100%;
}
.ask_person_info .ask_pi_name {
font-size: 18px;
margin-bottom:5px;
}
.ask_pi_desc {
height: 36px;
 line-height: 20px;
}
.ask_person_list .lh {
height:50px;
border-bottom:2px solid #ededed;
border-top:1px solid #ededed;
}
.ask_person_list .lh li {
width:50px;
height: 50px;
line-height: 50px;
font-size: 18px;
margin:0 30px 0 15px;
text-align: center;
cursor: pointer;
float:left
}
.ask_person_list .lh li.on {
color:#3297ff;
border-bottom:2px solid #3297ff;
}
.ask_pl_content {
position: relative
}
 .ask_second_info {
font-size:0.9rem;
color:#999;
}
.tabs_content .lwx_paging_box {
width:100%;
margin-top:15px;
}
.nodata_module {
margin:100px auto 0;
min-height:400px;
min-width:200px;
text-align: center;
}
 #signature {
width:300px;
}

/*列表页*/
.list_cate_ul {
border-left:1px solid #dcdfe1;
height:39px;
border-bottom: 1px solid #dcdfe1;
}
.list_cate_ul li {
width:86px;
float:left;
}
.list_cate_ul li a {
display:block;
width:85px;
height:38px;
line-height: 38px;
text-align: center;
border:1px solid #dcdfe1;
border-left: none;
border-bottom: none;
color:#2a2a2a;
background:#f8f8f8;
font-size: 14px;
}
.list_cate_ul li:first-child {
width:85px;
}
.list_cate_ul li:first-child a {
width:84px;
}
.list_cate_ul li.current a {
position:relative;
z-index: 1;
border-top-width: 2px;
border-top-color:#00a0e9;
background:#fff;
color:#00a0e9;
}
.list_cate_ul li a:hover {
color:#00a0e9;
}
.list_cate_sec_div {
padding:20px 5px;
border:1px solid #dcdfe1;
margin-bottom:35px;
border-top: none;
}
.hidden_sec_div {
padding:0;
margin-bottom:0;
visibility: hidden;
height:30px;
overflow:hidden;
}
.list_cate_sec_div a {
display:inline-block;
height:30px;
line-height: 30px;
margin:5px 15px;
font-size: 14px;
padding:0 5px;
}
.list_cate_sec_div a:hover {
color:#ff6600;
}
.list_cate_sec_div a.current {
background:#ff6600;
color:#fff;
}

/*详情页*/
.pre_next_ask {
text-align: right;
}
.ask_detail_wrap .top_free_design {
width:830px;
height:149px;
}
.ask_detail_wrap .top_free_design .free_content {
box-sizing: inherit;
height: 80px;
padding: 33px 0 34px 344px;
border: 1px solid #83c7f5;
background: #e7f7ff;
}
.ask_detail_wrap .top_free_design .free_item {
 width: 151px;
 height: 33px;
 margin-right: 14px;
}
.ask_detail_wrap .top_free_design .free_item input, .ask_detail_wrap .top_free_design .free_item select {
 width: 131px;
 height: 33px;
 line-height: 33px;
}
.ask_detail_wrap .top_free_design .free_item select {
 position: relative;
 width: 151px;
 background-color: rgba(255, 255, 255, 0);
 z-index: 10;
 color: #666;
}
.ask_detail_wrap .top_free_design .submit_btn {
width: 110px;
height: 110px;
margin-top: -17px;
margin-left:10px;
}
.ask_detail_wrap .top_free_design .submit_btn button {
 width: 110px;
 height: 110px;
 font-size: 14px;
}
.aw_form_wrap {
padding:0.7rem;
background:#f9f9f9;
}
.aw_form_wrap_title {
font-size:14px;
color:#666;
margin-bottom:14px;
}
.aw_form_wrap_title a, .aw_form_wrap_title a span {
color:#2493ec;
font-size: 12px;
}
 #face {
margin-left:30px;
}
.button2 {
background: #18a9ea;
 padding: 7px 10px;
 border-radius: 10px;
 margin-top: 10px;
 color: #fff;
}
.ni_name {
background: #18a9ea;
 padding: 7px 10px;
 border-radius: 10px;
 margin-top: 10px;
 color: #fff;
border: none;
}
.reply_edit {
border: 1px solid #ccc;
}
.reply_edit textarea {
height:auto;
}
.member_top {
width:100%;
margin:0 auto;
text-align:right;
height:35px;
line-height:35px;
}
 .lwx_personinfo_content .top_personal_banner {
padding:5%;
font-size:16px;
background: url("/templets/kefuwb/images/personal_bg.jpg") no-repeat;
background-size:cover;
color:#fff;
}
.lwx_personinfo_content .top_personal_banner a {
color:#fff;
}
.lwx_personinfo_content .personal_main_operation {
overflow:hidden;
}
.lwx_personinfo_content figure {
width:35%;
margin:5% auto 0;
text-align: center;
}
.lwx_personinfo_content figure .user_photo {
width:100px;
height:100px;
margin:0 auto 10px;
border:3px solid #00A7E5;
border-radius:50%;
overflow:hidden;
}
.user_photo img {
height:100%;
}
 .ask_homepage_module {
font-size: 0;
}
.ask_homepage_module a {
box-sizing:border-box;
position:relative;
display: inline-block;
width:41%;
margin:5% 6%;
padding: 40px 0 10px;
color:#666;
font-size: 16px;
text-align:center;
}
.ask_homepage_module a:before {
content: "";
position:absolute;
top:10px;
left:50%;
margin-left:-15px;
width:30px;
height:30px;
background: url(/templets/kefuwb/images/ask_form_icon.png) no-repeat center;
background-size: 85px;
}
.ask_homepage_module .ques_btn {
margin-right:0;
border:1px solid #00a0e9;
}
.ask_homepage_module .ans_btn {
border:1px solid #00a0e9;
}
.ask_homepage_module .ques_btn:before {
background-position:-1px -23px;
}
.ask_homepage_module .ans_btn:before {
background-position:-32px -23px;
}
 .ask_top_nav {
position: fixed;
top: 4.68rem;
z-index: 300;
width: 100%;
background-color: #fff;
}
.navs_wrap {
 background: #f2f2f2;
 width: 100%;
 overflow-x: scroll;
 white-space: nowrap;
}
.navs_wrap .weui_tabbar_item {
 margin: 0 10px;
 padding: 10px 0 7px;
 border-bottom: none;
 display: inline-block;
}
.navs_wrap .weui_tabbar_item.current {
 border-bottom: 3px solid #00a0e9;
}
 .navs_wrap .weui_tabbar_item.current p {
 color: #00a0e9;
}
.navs_wrap .weui_tabbar_item p {
 font-size: 14px;
}
.navs_wrap .weui_tabbar_label {
 color: #505050;
}
.weui_tabbar_label {
 text-align: center;
 color: #888;
 font-size: 12px;
}
 .chuizhi {
display:inline-block;
}
.zx_bottom_right {
float:right;
display:none;
}
.zx_bottom_right span a {
color: #666;
margin-left: 0.7rem;
font-size:0.9rem;
}
.zx_bottom_right span {
height:2rem;
line-height:2rem;
}
.zx_bottom_right span a:hover {
color: #00a0e9;
}
.chuizhi a {
display: flex;
}
 .kzf-mod-bottom {
 background: #00a0e9;
    /* padding: 10px 20px; */
    width:7rem;
 display: block;
 height: 2.5rem;
 line-height:2.5rem;
 color: #fff;
 font-size:1rem;
 margin: 0 auto;
 margin-top:0.7rem;
 margin-bottom: 1rem;
}
 .col-xs-12 {
width:50%;
float:left;
margin-bottom:0.7rem;
display:block;
}
.platform_advantage_list {
margin: 0 0 0.7rem 0rem;
}
.platform_advantage_brief {
width:68%;
}
.kzf-mod-product-list {
margin-bottom:0rem;
text-align: center;
}
.kzf-mod-product-list img {
width: 53%;
 height: auto;
 margin-top: 0.2rem;
}
.kzf-mod-product-content .span4:nth-child(3) {
 clear:both;
}
.kzf-mod-case-container {
padding-top:0rem;
padding-bottom:0rem;
}
.kzf-mod-case-container.last {
margin-bottom:1rem;
}
.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap {
 margin: 0;
}
.kzf-mod-case-container .rowFluid .container .spanlywm {
padding-top: 0.8rem;
}
.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box {
 margin-left:0px;
}
.col-sm-12 {
margin: 0.8rem 0;
width: auto;
 text-align: center;
 float: none;
margin-bottom: 0;
}
.news_center_list_title a {
float:right;
}
.news_center_list_img {
margin-top:0;
}
.news_center_content .col-sm-12 {
margin:0 0 0.8rem 0;
float:left;
width:33.3333%;
}
 .foot_kefu {
color:#fff;
margin-top:0.5rem;
}
.footer p.foot_kefu {
text-align:center;
margin:0;
}
.foot_kefu span {
margin-left:0.3rem;
}
.foot_kefu span a {
background: #00a0e9;
 font-size:14px;
 padding: 0.2rem 0.5rem;
 height: 2.5rem;
 line-height: 2.5rem;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
 border: 1px solid #00a0e9;
 cursor: pointer;
 border-radius: 1rem;
 color: #fff;
}
 .kzf-mod-bottom a {
color:#fff;
}
.indexmmkfwxm {
padding: 0.8rem 1rem 0 1rem;
}
.kzf-mod-product-list-title {
font-size:1rem;
 margin: 0 0 10px 0;
}
.kzf-mod-product-list p {
 line-height: 2;
 color: #818181;
 transition: 0.3s all;
 -webkit-transition: 0.3s all;
    /* padding-left: 20px; */
    /* padding-right: 20px; */
    text-align: center;
    /* padding-bottom: 10px; */
    width: 90%;
 margin: 0 auto;
}
.hui {
 background: #f4f4f4;
 width:100%;
 margin:0 auto;
}
.bai {
background:#fff;
width:100%;
 margin:0 auto;
}
 .imgcenter {
text-align:center;
}
.gaibanpos-box-con .content p.dimmker {
font-size:0.9rem;
 line-height: 1.5rem;
 color: rgb(153, 153, 153);
text-indent: 0;
}
.gaibanpos-box-left .article_relevantser {
 background:#fff;
 width:100%;
 margin: 0;
}
u {
text-decoration:none;
}
.gaibanpos-box-left .article_relevantser .divh3 {
 font-size: 1rem;
 margin-bottom:0.7rem;
 font-weight: bold;
}
.gaibanpos-box-left .article_relevantser li a {
 float: left;
 width: 45%;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 padding:0;
 margin:0;
 border:none;
 font-size: 1rem;
}
.gaibanpos-box-left .article_relevantser ul {
border:none;
margin-bottom:0;
}
.gaibanpos-box-left .article_relevantser li a u {
width:auto;
overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 display: block;
}
.pagination-wrapper {
 margin-top: 20px;
}
.pagination {
 text-align: center;
}
.met_pager a, .pages a, .pages span {
display: inline-block;
padding: 0 12px;
}
 .pagination table td {
display: inline-block;
 margin-right: 5px;
 height: 32px;
 line-height: 32px;
 font-size: 14px;
 border:1px solid #dddddd;
 color: #555555;
 margin-bottom:10px;
}
 .pagination table td.thisclass {
 color: #fff;
 background:#00a0e9;
 border-color:#00a0e9;
 padding: 0 12px;
}
.pagination table td a {
 color: #555555;
 text-decoration: none;
}
.pagination table td b {
width: auto;
 height: auto;
 clear: both;
 display: inline-block;
 font-size: 14px;
 color: #555;
 position: initial;
 font-weight: 100;
}
 .left-text .tags span {
 display: block;
 float: left;
 font-size:0.9rem;
 line-height:1.3rem;
 color: #666666;
}
 .left-text .tags .hline a {
 font-size:0.9rem;
 line-height:1.2rem;
 color: #666666;
/*	margin-right:0.5rem;
    padding-right:0.5rem;*/
    
	/*background:url(/templets/kefuwb/images/xian.jpg) no-repeat center right;*/
	    display: block;
}
.left-text .tags .hline a:last-child {
 background:none;
}
.left-text p a:hover {
 color: #00a0e9;
}
.left-text .tags {
display: contents;
}
.left-text .tags div {
 position: relative;
 width: auto;
 display: inline-block;
 word-break: break-all;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
 margin-left:6.7rem;
padding-top: 0.3rem;
}
.pages .pcount {
 display: none;
}
}
 @media (max-width:768px) {
 .news_center_content .col-sm-12 {
 width:33.3333%;
 float:left;
}
 .col-sm-6 {
 width:48%;
}
 .news_center_list_title a {
float:right;
margin-top: -1.3rem;
}
 .kzf-mod-pic img {
 width: 100%;
}
.floor_03 ul li img {
width:55% !important;
}
.bannerfindex.ydshoutu {
 text-align:left;
 float: left;
 width: 61%;
 padding-left: 0.8rem;
}
.platform_advantage {
 padding-top:20px;
 padding-bottom:20px;
}
.news_center_list_title {
 font-size: 16px;
 color: #333;
 margin: 0.5rem 0;
 margin-left: -1.2rem;
}
}
 @media (width: 411px) {
 .bannerfindex.ydshoutu {
 text-align:left;
}
.banner_animate .c4 {
 right: 0;
 bottom: 0.2rem;
 z-index: 0;
 margin-top: 2.2rem;
 padding-right: 0.8rem;
 float: right;
 width: 39%;
}
.news_center_content .col-sm-12 {
 width:100%;
}
.news_center_list_title a {
 float: right;
 margin-top:0rem;
}
.news_center_list_title {
 font-size: 16px;
 color: #333;
 margin: 0.5rem 0;
 margin-left: 0rem;
}
.footer dl {
 width: 67%;
 margin: 0 auto;
 margin-left: auto;
 font-size: 1rem;
 height:3.7rem;
 line-height: 4rem;
 float: left;
 margin-left: 1rem;
 margin-bottom: 0.5rem;
}
}
 @media (width: 414px) {
 .bannerfindex.ydshoutu {
 text-align:left;
}
.footer dl {
 width: 67%;
 margin: 0 auto;
 margin-left: auto;
 font-size: 1rem;
 height:3.7rem;
 line-height: 4rem;
 float: left;
 margin-left: 1rem;
 margin-bottom: 0.5rem;
}
.banner_animate .c4 {
 right: 0;
 bottom: 0.2rem;
 z-index: 0;
 margin-top: 2.2rem;
 padding-right: 0.8rem;
 float: right;
 width: 39%;
}
.news_center_content .col-sm-12 {
 width:100%;
}
.news_center_list_title a {
 float: right;
 margin-top:0rem;
}
.news_center_list_title {
 font-size: 16px;
 color: #333;
 margin: 0.5rem 0;
 margin-left: 0rem;
}
}
@media (width: 375px) {
 .bannerfindex.ydshoutu {
 text-align:left;
}
.footer dl {
 width: 67%;
 margin: 0 auto;
 margin-left: auto;
 font-size: 1rem;
 height: 3.3rem;
 line-height: 4rem;
 float: left;
 margin-left: 1rem;
 margin-bottom: 0.5rem;
}
.news_center_content .col-sm-12 {
 width:100%;
}
.news_center_list_title a {
 float: right;
 margin-top:0rem;
}
.news_center_list_title {
 font-size: 16px;
 color: #333;
 margin: 0.5rem 0;
 margin-left: 0rem;
}
}
@media (width:360px) {
.footer dl {
 width: 67%;
 margin: 0 auto;
 margin-left: auto;
 font-size: 1rem;
 height:3.2rem;
 line-height: 4rem;
 float: left;
 margin-left: 1rem;
 margin-bottom: 0.5rem;
}
.news_center_content .col-sm-12 {
 width:100%;
}
.bannerfindex.ydshoutu {
 text-align:left;
}
.news_center_list_title a {
 float: right;
 margin-top: 0rem;
}
.news_center_list_title {
 font-size: 16px;
 color: #333;
 margin: 0.5rem 0;
 margin-left: 0rem;
}
}
@media (width:320px) {
 .news_center_content .col-sm-12 {
 width:100%;
}
.bannerfindex.ydshoutu {
 text-align:left;
}
.footer dl {
 width: 67%;
 margin: 0 auto;
 margin-left: auto;
 font-size: 1rem;
 height: 2.8rem;
 line-height: 4rem;
 float: left;
 margin-left: 1rem;
 margin-bottom: 0.5rem;
}
.header .text {
 float: left;
 font-size: 0.9rem;
 color: #999;
 line-height: 3rem;
 margin-left: 0rem;
 padding-left: 0.2rem;
 height: 3rem;
 margin-top: 0.9rem;
}
.news_center_list_title a {
 float: right;
 margin-top:0rem;
}
.news_center_list_title {
 font-size: 16px;
 color: #333;
 margin: 0.5rem 0;
 margin-left: 0rem;
}
}
 @media (width:540px) {
.banner_animate .c4 {
 right: 0;
 bottom: 0.2rem;
 z-index: 0;
 margin-top: 1rem;
 padding-right: 0.8rem;
 float: right;
 width: 38%;
}
}
@media (width:768px) {
.banner_animate .c4 {
 right: 0;
 bottom: 0.2rem;
 z-index: 0;
 margin-top: 0.9rem;
 padding-right: 0.8rem;
 float: right;
 width: 27%;
}
.zxyy img {
 width: 52%;
}
}
@media (width:1024px) {
 .bannerfindex.ydshoutu {
 text-align: left;
 float: left;
 margin-left: 0.8rem;
}
.zxyy img {
 width: 52%;
}
.banner_animate .c4 {
 right: 0;
 bottom: 0.2rem;
 z-index: 0;
 margin-top: 0.8rem;
 padding-right: 0.8rem;
 float: right;
 width: 21%;
}
.news_center_list_title a {
 float: right;
 margin-top:0rem;
}
.news_center_list_title {
 font-size: 16px;
 color: #333;
 margin: 0.5rem 0;
 margin-left: -3rem;
}
.kzf-mod-product-content .col-sm-6 {
 width: 50%;
}
.kzf-mod-product-list p {
 text-align: center;
}
}
 @media (max-width:640px) {
 .news_center_content .col-sm-12 {
 width:100%;
}
.bannerfindex.ydshoutu {
 text-align:left;
}
.header .text {
 float: left;
 font-size: 0.9rem;
 color: #999;
 line-height: 3rem;
 margin-left: 1rem;
 padding-left: 0.2rem;
 height: 3rem;
 margin-top: 0.9rem;
}
.news_center_list_title a {
 float: right;
 margin-top:0rem;
}
.news_center_list_title {
 font-size: 16px;
 color: #333;
 margin: 0.5rem 0;
 margin-left: 0rem;
}
}
 @media (max-width:320px) {
 .news_center_content .col-sm-12 {
 width:100%;
}
.header .logo img {
 display: block;
 width: auto;
 height: 4rem;
 display: block;
 vertical-align: middle;
 margin-top: 0.3rem;
 margin-left:0;
}
.header .logo {
 float: left;
/* margin-left: 0.5rem; */
}
.header .text {
 float: left;
 font-size: 0.9rem;
 color: #999;
 line-height: 3rem;
 margin-left: 0rem;
 padding-left: 0.5rem;
 height: 3rem;
 margin-top: 0.9rem;
}
.header .menu-btn {
 float: right;
 position: relative;
 z-index: 1;
 color: #00a0e9;
 font-size: 1rem;
 width: 13%;
 text-align: right;
 line-height: 4.68rem;
 padding: 0;
 margin: 0;
 margin-top: 0px;
 margin-top: 0.1rem;
 pad:;
 padding-right: 0.2rem;
}
.bannerfindex.ydshoutu {
 text-align: left;
 float: left;
 width: 63%;
 padding-left: 0.2rem;
}
.banner_animate .c4 {
 right: 0;
 bottom: 0.2rem;
 z-index: 0;
 margin-top: 3rem;
 padding-right: 0.2rem;
 float: right;
 width: 37%;
}
.bannerfindex.ydshoutu {
 text-align:left;
}
.header .text {
 float: left;
 font-size: 0.9rem;
 color: #999;
 line-height: 3rem;
 margin-left: 0rem;
 padding-left: 0.2rem;
 height: 3rem;
 margin-top: 0.9rem;
}
.news_center_list_title a {
 float: right;
 margin-top:0rem;
}
.news_center_list_title {
 font-size: 16px;
 color: #333;
 margin: 0.5rem 0;
 margin-left: 0rem;
}
.ask_second_info {
font-size:12px;
 color: #999;
 width: 100%;
 padding-left: 3.5rem;
 margin-top: -3rem;
}
 .ask_pl_content .tabs_content_ul li dd h3 {
font-size:16px;
color:#3297ff;
font-weight: 200;
padding-left: 3.5rem;
}
}