[genuitec-file-id="wc1-820"],[genuitec-lp-path="/jscg2.0.0/src/main/webapp/jsAndCss/uc/css/custom_service.css"],[genuitec-lp-enabled=false]{
  /* for codelive */
}

.go-top{
   display:none;
}
.right_left{
 position: fixed;
 right:10px;
 bottom: 60px;
 z-index:99;

}
.icon-liuyan1:before{font-size:16px;}
.cusser{font-size:14px !important;font-weight:bold;}

/* .right_left img{height:50px;margin:10px;} */
.right_left .foot-main-ul{ background: #fff; -webkit-box-shadow: 0 4px 12px 0 rgba(7,17,27,.1); box-shadow: 0 4px 12px 0 rgba(7,17,27,.1);width:100px;margin:10px 7px;}
/* .right_left .foot-main-ul li a.main:hover{
      color:#d43c33;transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -o-transform:rotateY(360deg); -ms-transform:rotateY(360deg); -moz-transform:rotateY(360deg);
} */
.right_left .foot-main-ul li.kefu{height:70px;
	width:100px;
	font-size:16px;
	text-align: center;
    border-bottom: 1px solid #ccc;
	display: inline-block;
	padding: 5px;
	margin: 0;}
	.right_left .foot-main-ul li.kefu span{display:block;margin-top:10px;font-size:14px;}
.right_left .foot-main-ul li a.gotop:hover{color:#d43c33;}
.right_left .foot-main-ul li a.iconfont{
	height:70px;
	width:100px;
	font-size:24px;
	text-align: center;
    border-bottom: 1px solid #ccc;
	display: inline-block;
	padding: 5px;
	margin: 0;

}
.right_left .foot-main-ul li a.gotop{	
	line-height:50px;
	margin-top:-1px;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); /* Internet Explorer */
	-moz-transform:rotate(180deg); /* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 氓鈥櫯� Chrome */
	-o-transform:rotate(180deg); /* Opera */
}
.right_left .foot-main-ul li a.iconfont i{
	font-size:14px;
	display: block;
	font-style: normal;
}
.right_left .foot-main-ul li a:FOCUS {
	text-decoration: none;
}

.user-say-box{
    height:100%;
    border:1px solid #ddd;
    -webkit-transition: visibility 0s linear .3s,-webkit-transform .3s cubic-bezier(.445,.05,.55,.95);
    transition: visibility 0s linear .3s,-webkit-transform .3s cubic-bezier(.445,.05,.55,.95);
    -o-transition: transform .3s cubic-bezier(.445,.05,.55,.95),visibility 0s linear .3s;
    transition: transform .3s cubic-bezier(.445,.05,.55,.95),visibility 0s linear .3s;
    transition: transform .3s cubic-bezier(.445,.05,.55,.95),visibility 0s linear .3s,-webkit-transform .3s cubic-bezier(.445,.05,.55,.95);
    -webkit-transform: translateX(350px);
        -ms-transform: translateX(350px);
            transform: translateX(350px);
    -webkit-box-shadow: 0px 0 0 0 rgba(0,0,0,.1), -1px 0 2px 0 rgba(0,0,0,.1);
            box-shadow: 0px 0 0 0 rgba(0,0,0,.1), -1px 0 2px 0 rgba(0,0,0,.1);
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 2147483600;
    width: 350px;
    height: 100%;
    overflow: hidden;
    outline: 0;
    background-color:#fff;
    overflow: hidden;
}
.user-say-box01{
    height:100%;
    border:1px solid #ddd;
    -webkit-transition: visibility 0s linear .3s,-webkit-transform .3s cubic-bezier(.445,.05,.55,.95);
    transition: visibility 0s linear .3s,-webkit-transform .3s cubic-bezier(.445,.05,.55,.95);
    -o-transition: transform .3s cubic-bezier(.445,.05,.55,.95),visibility 0s linear .3s;
    transition: transform .3s cubic-bezier(.445,.05,.55,.95),visibility 0s linear .3s;
    transition: transform .3s cubic-bezier(.445,.05,.55,.95),visibility 0s linear .3s,-webkit-transform .3s cubic-bezier(.445,.05,.55,.95);
    -webkit-transform: translateX(350px);
        -ms-transform: translateX(350px);
            transform: translateX(350px);
    -webkit-box-shadow: 0px 0 0 0 rgba(0,0,0,.1), -1px 0 2px 0 rgba(0,0,0,.1);
            box-shadow: 0px 0 0 0 rgba(0,0,0,.1), -1px 0 2px 0 rgba(0,0,0,.1);
    position: absolute;
    top: 0px;
    right: 100px;
    z-index: 2147483600;
    width: 271px;
    height: 280px;
    overflow: hidden;
    outline: 0;
    background-color:#fff;
    overflow: hidden;
        padding-top: 15px;
}
.user-say-box.show{
     -webkit-transform: translateX(0px);
         -ms-transform: translateX(0px);
             transform: translateX(0px);
}
.user-say-box01.show{
     -webkit-transform: translateX(0px);
         -ms-transform: translateX(0px);
             transform: translateX(0px);
}
.user-say-box  .say-box-hade{
   line-height:44px;
   color:#333;
   font-size:16px;
   text-align:center;
   width: 100%;
    height: 44px;
    overflow: hidden;
    background-image: -webkit-gradient(linear,left bottom, left top,from(hsla(215,9%,62%,.15)),to(hsla(0,0%,100%,.15)));
    background-image: -webkit-linear-gradient(bottom,hsla(215,9%,62%,.15),hsla(0,0%,100%,.15));
    background-image: -o-linear-gradient(bottom,hsla(215,9%,62%,.15),hsla(0,0%,100%,.15));
    background-image: linear-gradient(0deg,hsla(215,9%,62%,.15),hsla(0,0%,100%,.15));
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.1);
            box-shadow: 0 1px 0 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.1);
     position: relative;
}
.say-box-hade i {
    font-style: normal;
    position: absolute;
    top: 2px;
    right: 25px;
    width: 30px;
    font-size: 30px;
    font-weight: normal;
    opacity: 0.4;
    cursor: pointer;
}
.user-say-box .form-control{
    border-radius:2px;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.user-say-box .form-control:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}
textarea.form-control {
    height: auto;
    resize: none;
}
.say-list {
    margin: 30px;
}
.say-list label {
    margin-bottom: 5px;
    font-style: normal;
   font-weight: normal;
}
.say-btn-box{
    text-align:center;
}
.say-btn-box .btn{
    background-color: #d43c33;
    color: #fff;
    outline:none;
    width: 100%;
    padding: 12px 12px;
}
.say-btn-box .btn:hover{
   color:#fff;
}
.error-show{
    color:red;
    position:relative;
    top:5px;
    display:none;
}
.sub-suc-tips{
    position: absolute;
    right: -133px;
    top: 53px;
    padding: 12px 30px;
    font-size: 12px;
    background-color: #fff;
    border-radius: 4px;
    border-left: 3px solid #08a8ff;
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
            box-shadow: 0 1px 6px rgba(0,0,0,.2);
    letter-spacing: 3px;
}
.sub-suc-tips.toshow{
    right:10px;
    -webkit-transition:right  .3s;
    -o-transition:right  .3s;
    transition:right  .3s;
}
@media screen and (max-width: 760px) {
   .right_left {
    right: 0px;
    bottom: 2px;}
	.user-say-box{
	   overflow: scroll;
	}
	.say-list {
	    margin: 10px 15px;
	}
    .show{
       overflow-x: hidden;
        width:100%;
    }
    .user-say-content {
    height: 120%;
   }
}
.consult_wrap{position:relative;width:100px;height:114px;}
.consult_wrap .tip{    font-size: 14px;display:block;position:absolute;right:95px;top:45px;width:120px; height:auto;   padding: 5px 15px;border-radius:3px;line-height:16px;text-align:center;background:#3091f2;color:#fff;-webkit-transition:display 1s ease;-o-transition:display 1s ease;transition:display 1s ease;}
.consult_wrap .tip:after{position:absolute;right:-8px;top:50%;content:"";width:0;height:0;border-top:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #3091f2;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.consult_wrap img{position:absolute;left:50%;top:50%;width:auto;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);}
.consult_wrap .staff_img{z-index:999;}
@-webkit-keyframes ballRotate{0%{-webkit-transform:rotate(0);transform:rotate(0);}
 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes ballRotate{0%{-webkit-transform:rotate(0);transform:rotate(0);}
 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
.consult_wrap .ball{top:20px;width:auto;-webkit-transform-origin:0 38px;-ms-transform-origin:0 38px;transform-origin:0 38px;-webkit-animation:ballRotate 2.5s infinite linear;animation:ballRotate 2.5s infinite linear;z-index:9999;}
@-webkit-keyframes bg2Animation{0%{opacity:0;}
 50%{opacity:1;}
 100%{opacity:0;}
}
@keyframes bg2Animation{0%{opacity:0;}
 50%{opacity:1;}
 100%{opacity:0;}
}
.consult_wrap .bg-2{-webkit-animation:bg2Animation 2.5s infinite linear;animation:bg2Animation 2.5s infinite linear;}
.helpnav{    height: 75px;
    width: 100px;
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    padding:11px 5px 5px 5px; 
    margin: 0;
    cursor: pointer;
    }

@media(min-width:992px){
 .helptop{
display:none;
}
}
@media screen and (max-width:760px){
 .helptop {
    display:block;
    text-align:center;
    width:80px;
}
}
.kefu_mobile{text-align:center; position: fixed; bottom: 277px;z-index: 8;width: 100%;display:none;}
.kefu_mobile img{height:60px;}
.kefuqq {padding:20px 70px 20px;margin:0 10px;border-bottom:1px solid #ccc;text-align:center;}
.kefuqq a{display:inline-block;border-radius:8px;height:38px;line-height:38px;color:#fff;font-size:16px;background:#3091f2;width:100%;text-align:center;}
.kefuqq p{background:#f2f2f2;height:30px;line-height:30px;color:#fff;color:#333;font-size:14px;margin-top:10px;text-align:left;padding-left:10px;    position: relative;}
.kefuqq p:after{    position: absolute;left: 10px;top: -5px;content: ""; width: 0;height: 0;border-top: 6px solid transparent;border-right: 6px solid transparent;border-left: 6px solid transparent;
    border-bottom: 6px solid #f2f2f2; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
    .kefutel {padding:20px 0 35px 20px;margin:0 17px;border-bottom:1px solid #ccc;}
    .kefutel01{    padding:9px 15px;margin: 0 0px; border-bottom: 0px solid #ccc;}
    .kefutel01 span{display: block; margin-top: 8px;}
.kefutel a{display:inline-block;color:#3091f2;font-size:16px;width:100%;text-align:left;   }
	.kefutel01 a{color:#333333;}
	.kefutel01 a img{    margin-right: 6px; vertical-align: -3px;}
.kefutel p{margin-left:40px;margin-right:70px;background:#f2f2f2;height:30px;line-height:30px;color:#fff;color:#333;font-size:14px;margin-top:10px; padding-left:10px;  position: relative;}
.kefutel p:after{    position: absolute;left: 10px;top: -5px;content: ""; width: 0;height: 0;border-top: 6px solid transparent;border-right: 6px solid transparent;border-left: 6px solid transparent;
    border-bottom: 6px solid #f2f2f2; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.comlpain-tel{margin:0 10px;}

.comlpain-tel a{display:inline-block;color:#fff;border-radius:5px;text-align:center;font-size:16px;width:100%;background:#d43c33;height:44px;line-height:44px;}


 @media screen and (min-width:760px){
.foot-main:#user-say-box1{ -webkit-transform: translateX(0px);
         -ms-transform: translateX(0px);
             transform: translateX(0px);} 
}
@media screen and (max-width:760px){
.comlpain-tel{margin:0;border-radius:0;    position: absolute; bottom: 0;z-index: 9;width: 100%;}
.comlpain-tel a{border-radius:0; }
}