body,h1,h2,h3,h4,html,img,li,p,pre,ul{margin:0;padding:0;border:0}body,button,input,pre,textarea{font-family:"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", ΢���ź�, Arial, sans-serif}body,html{font-size:14px;width:100%;height:100%;border:0;overflow:hidden;font-family:"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", ΢���ź�, Arial, sans-serif;}body{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;background:#fff;-webkit-text-size-adjust:none}h1,h2,h3,h4{font-weight:400}ul{list-style:none}a{text-decoration:none;outline:0}img{border:none}textarea{overflow:auto}.clearfix{*zoom:1}.clearfix:after{display:table;line-height:0;content:"";clear:both}.pa{position:absolute}.pr{position:relative}.fl{float:left;display:inline}.fr{float:right;display:inline}.pt3{padding-top:3px}.pt12{padding-top:9pt}.mt5{margin-top:5px}.mt8{margin-top:8px}.mt10{margin-top:10px}.mt20{margin-top:20px}.mt15{margin-top:15px}.mt35{margin-top:35px}.mt50{margin-top:50px}.mb35{margin-bottom:35px}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr20{margin-right:20px}.mr30{margin-right:30px}.mr35{margin-right:35px}.mr50{margin-right:50px}.mr60{margin-right:60px}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml18{margin-left:18px}.ml25{margin-left:25px}.ml30{margin-left:30px}.ml35{margin-left:35px}.ml50{margin-left:55px}.ml60{margin-left:60px}.tr{text-align:right}.tc{text-align:center}.f12{font-size:14px}.f13{font-size:9pt}.f14{font-size:14px}.f16{font-size:1pc}.f18{font-size:18px}.f24{font-size:24px}.fb{font-weight:700}.white{color:#fff}.grey9{color:#999}.grey6{color:#858282}.lh20{line-height:20px}.lh24{line-height:24px}.bgCli{background:#c4e0fd}.bgSer{background:#ffffff}.bgNot{background:#FBF8EA;color:#999}.h{height:100%}.h20{height:20px}.h50{height:50px}.h60{height:60px}.h80{height:105px}.h280{height:280px}.lh50{line-height:50px}.w{width:100%}.w40{width:40px}.w90{width:90px}.bgGrey{background:#edeff2}.img-sm{max-width:200px;max-height:200px;*width:200px;*height:200px;cursor:pointer;vertical-align:bottom}.header{position:relative}.systemBox{width:100%;height:30px;background:#ddecfc;display:none}.cent{text-align:center;font-size:9pt;color:#258efa;padding-top:7px}.colorder{color:#e60d0d}.ie-title{*position:absolute;*top:10px;*left:20px}.footer{background:#fff;display:none;height:105px;position: fixed;bottom: 0px;width: 100%;}.footer-con{box-shadow: 0 -1px 4px rgba(0,0,0,.05);}#online-loading{top:50%;height:1pc;text-align:center;margin-top:-8px;display:none}#online-loading img{border:0}.face-md{width:24px;height:24px;vertical-align:middle}.head-md{width:42px;height:42px;border-radius:50%;vertical-align:middle}.head-big{width:60px;height:60px;border-radius:50%}.chatPanel{color:#333;position:relative}.chatPanel a{color:#4298ba}.chatPanel a:hover{color:#0088ad;text-decoration:none}.chatPanel ul{padding:0 15px}.chatPanel li{margin-top:20px}.chatPanel .msg{margin-top: 5px !important;margin-top:5px;word-wrap:break-word;word-break:break-all;*overflow:hidden}.chatPanel .ser-msg{margin-left:10px}.chatPanel .cli-msg{margin-right:10px}.chatPanel .msg-con{margin-right:10px;max-width:80%;min-width:20px;min-height:18px;color:#5f5e5e;position:relative;padding:8px 10px;display:inline-block;border-radius:5px;font-size:14px;line-height:22px;*top:3px;*min-width:18px;*width:350px}.chatPanel .msg-img-con{padding:2px;font-size:0}.chatPanel .cli-msg .msg-con{border-bottom-right-radius:0}.chatPanel .img-con{min-width:90pt;min-height:30px;_width:75pt;_height:20px}.arrow-br{width:0;border-style:solid;border-color:transparent #c4e0fd;top:9pt;content:"";position:absolute;border-width:0 0 9pt 9pt;right:-10px;_display:none;*display:none}.arrow-tl{width:0;border-style:solid;border-color:transparent #ffffff;top:9pt;content:"";position:absolute;border-width:0 9pt 9pt 0;left:-10px;_display:none;*display:none}.msg-status{display:inline-block;position:absolute;width:20px;height:1pc;bottom:0;left:-25px;margin-top:-8px;line-height:10px}.status-error,.status-success{display:inline-block;width:1pc;height:10px;background-repeat:no-repeat}.status-success{background-position:-1pc 0}.status-error{background-position:-2pc 0}.ipt-status{d
isplay:inline-block;position:absolute;font-size:9pt;width:60px;top:50%;left:100%;margin-top:-10px;margin-left:5px}#success-btn{width:130px}.img-sending{top:0;left:0}.img-sending p{position:absolute;text-align:center;top:50%;width:100%;color:#6F87BB;margin-top:-10px;font-size:14px}.img-file{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0;filter:alpha(opacity=0)}.notice{position:absolute;left:50%;bottom:75pt;padding:5px 10px;z-index:9999999;border-radius:5px;color:#9F9876;background:#FBF8EA;border:1px solid #D5CEAF}#notice_bar{position:absolute;top:0;left:0;width:100%;height:40px;line-height:40px;text-align:center;color:#fff;background:#f6bc66;z-index:90;opacity:.95;filter:alpha(opacity=95);display:none}#leaveTips,#leaveTips .tips-shadow,#leaveTips .tips-title{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;display:none}#leaveTips{z-index:121}#leaveTips .tips-shadow{background:#000;opacity:.08;filter:alpha(opacity=8)}#leaveTips .tips-title{top:50%;height:20px;color:#e66b62;margin-top:-10px;text-align:center;display:none}.chatPanel{overflow-y:scroll;overflow-x:hidden;min-height:65%;*min-height:65%;*height:85%;_height:65%;width:100%;padding:0;margin-right:-20px;color:#333;position:relative;-webkit-overflow-scrolling: touch;}.icon{display:inline-block;vertical-align:middle;background-repeat:no-repeat}.icon-contact,.icon-max,.icon-min,.icon-mute,.icon-voice{width:10px;height:10px}.icon-voice{background-position:-1px 0}a:hover .icon-voice{background-position:-45px 0}.icon-mute{background-position:-33px 0}a:hover .icon-mute{background-position:-77px 0}.icon-max{background-position:-9pt 0}a:hover .icon-max{background-position:-56px 0}.icon-min{background-position:-23px 0}a:hover .icon-min{background-position:-67px 0}.icon-face,.icon-img,.icon-mail,.icon-mail-2,.icon-phone,.icon-qq{width:17px;height:17px}.icon-face{background-position:-1px -25px}.icon-face:hover{background-position:-103px -25px}.icon-img{background-position:-18px -25px}.icon-mail{background-position:-2pc -25px;margin-top:1px;*margin-top:0}.icon-mail-2{background-position:-5pc -24px}.icon-qq{background-position:-3pc -24px;padding-top:3px;*padding-top:0}.icon-phone{background-position:-4pc -24px}.icon-contact{width:1pc;height:14px;display:none;background-position:0 -10px}.oper_btn{display:inline-block;padding:9pt 8px;background:url(/img/open.png) no-repeat;margin-top:18px;margin-right:14px}.infologos{float:right}.infoBarLogos{height:50px;width:100px;}.infoBar{padding:10px 0;margin-left:9pt}.infoBar .infoBarLogo{width:42px;height:42px;border-radius:50%;vertical-align:middle;float:left}.infoBarName .robotName{position:relative;display:inline-block;vertical-align:middle;line-height:24px;z-index:101;height:20px;width:90pt;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.infoBarName .icon-contact{position:absolute;top:50%;right:-20px;margin-top:-8px;cursor:pointer}.infoBarCompany{font-size:9pt;height:20px;line-height:20px;overflow:hidden;*width:140px}.arrow-tc{position:absolute;height:0;width:0;font-size:0;bottom:-10px;right:-22px;margin-left:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;z-index:101;display:none}.iccychat{background-color: #f7fafa;margin:0px auto;position:relative;width:100%;border:1px solid transparent;overflow:hidden;height:100vh;box-shadow:0 0 20px 2px #afb6b8;-moz-box-shadow:0 0 20px 2px #afb6b8;-webkit-box-shadow:0 0 20px 2px #afb6b8;filter: progid:DXImageTransform.Microsoft.Shadow(color='#afb6b8', Direction=125, Strength=1);behavior: url(ie-css3.htc);}.iccychat .arrow-tc{*border-left:10px solid #00c8ab;*border-right:10px solid #00c8ab}.contact{position:absolute;display:inline-block;top:30px;right:-130px;width:200px;padding:5px 0;z-index:100;color:#666;border-radius:8px;background:#fff;box-shadow:0 0 10px #ccc;display:none;*border:1px solid #efefef;border:1px solid #efefef}.contact a{position:relative;display:block;margin:5px 18px;line-height:20px;color:#3a7ea5;cursor:pointer}.contact i{position:absolute;top:2px;left:0;_position:static}.contact span{display:block;
_display:inline-block;margin-left:24px;_margin-left:0;word-wrap:break-word;word-break:break-all}.contact a:hover{text-decoration:none}.text-layout{/*margin:0 10px*/}.text{width:100%;height:40px;margin:5px 0 0;padding:0;border:0;color:#999;resize:none;font-size:9pt}.text:focus{outline:0}.ft-btns{position:relative;height:40px;padding:0 10px;overflow:hidden}.ft-btns a{display:inline-block;margin-top:10px;cursor:pointer;overflow:hidden}.send-btn{position:absolute;right:0px;bottom:25px;margin:0;padding:0;cursor:pointer;border:none;width:75px;height:52px;border-radius:0px;font-size:9pt}.send-btn:hover{background:#2aa48b}.face-con{position:absolute;width:300px;height:102px;left:0;top:-105px;background:#fff;overflow-y:auto;display:none;box-shadow:0 0 8px #1ABC9C;border:1px solid #CCC}.face-con ul{margin:0 6px}.face-con li{float:left;margin:3px}.emoji-face{display:inline-block;width:24px;height:24px;cursor:pointer;background-repeat:no-repeat}.mini-emoji-face{display:inline-block;width:17px;height:17px;background-size:72px 180px;background-repeat:no-repeat;background-position:-1px -1px;vertical-align:top}#paste_img{position:absolute;top:-100%;left:-100%;width:1px;height:1px;z-index:999;overflow:hidden}#chatPanelList{box-sizing:border-box;overflow:hidden;margin:0;padding:0 15px 10px;font-size:14px;min-height:306px;/*background-color:#FFF*/}#chatPanelList .msgData{text-align:center;font-size:14px;margin:10px 0;color:#b1b6b4}#chatPanelList .msgData2{text-align:center;font-size:14px;margin:15px 0 10px 0;color:#b1b6b4;border-top:1px #ccc dashed}#chatPanelList .msgData2 span{z-index:999;margin-top:-7px;display:inline-block;background:#fff;padding:0 10px}#chatPanelList li img{max-width:100%}#chatPanelList li .webchat_img_upload{width:100%;height:auto;font-size:9pt;cursor:pointer;vertical-align:middle}#chatPanelList li .fr{color:#3b3a38}#chatPanelList li .bgCli a{color:#fff;text-decoration:none}.funcPanel{line-height:32px;height:32px;position:relative;padding: 0px 10px;}.funcPanel .addFace,.funcPanel .upImg1{display:inline-block;margin:4px 6px;width:18px;height:18px}.funcPanel .addFace{background-image:url(../../img/bglist.png);display:none;background-position:-46px -1px}.funcPanel .chatSwitch,.funcPanel .voiceCalls{cursor:pointer;color:#258efa;font-size:9pt;position:absolute;top:0;right:15px}.funcPanel .voiceCalls{display:none}.funcPanel .upImg1{background-image:url(../../img/bglist.png);display:none;background-position:1px 0}.funcPanel .addFace:hover{background-position:-68px -1px}.funcPanel .upImg1:hover{background-position:-22px 0}.funcPanel .hover{background-position:-22px 0}.funcPanel a img{vertical-align:middle;display:inline-block;margin-top:5px;display:none}.robotOnlyMode .addFace{display:none}.robotOnlyMode .upImg{display:none}.robotOnlyMode .chatSwitch{display:none}.robotOnlyMode .voiceCalls{display:none}.robotMode .addFace{display:none}.robotMode .upImg{display:none}.robotMode .chatSwitch{display:block}.robotMode .voiceCalls{display:none}.manualMode .addFace{display:inline-block}.manualMode .upImg{display:inline-block}.manualMode .chatSwitch{display:none}.manualMode .voiceCalls{display:block}.voiceMode .addFace{display:inline-block}.voiceMode .upImg{display:inline-block}.voiceMode .chatSwitch{display:none}.voiceMode .voiceCalls{display:none}#ofile{display:none}.qqFace{margin-top:4px;background:#fff;padding:2px;border:1px #dfe6f6 solid}.qqFace table td{padding:0}.qqFace table td img{cursor:pointer;border:1px #fff solid}.qqFace table td img:hover{border:1px #06c solid}.powBox{position:relative;width:100%;height:24px;background-color: #f7fafa;text-align: center;line-height: 24px;}.pow{color:#d5d4d4;font-size:9pt;/*position:absolute;bottom:10px;left:10px;*/display:inline-block}.pow a{text-decoration:none;color:#d5d4d4}.bigImg{position:absolute;width:100%;height:100%;z-index:999;left:0;top:0;padding-top:50px;background:rgba(0,0,0,.6);display:none}.bigImg .imgTop{position:absolute;width:100%;height:50px;left:0;top:0}.bigImg .imgTop .imgReturn{color:#fff;font-size:1pc;line-height:50px;margin-left:20px}.bigImg .bigImgBox{width:100%;he
ight:100%;padding:5px}.bigImg .bigImgBox img{max-width:100%;max-height:100%;vertical-align:middle}.bigImg .imgTop .imgReturn img{vertical-align:middle;width:9pt;margin-right:5px;margin-top:-3px}#header .headBtn{position:absolute;width:5pc;right:5px;top:10px;text-align:right}#header .headBtn a{width:11px;height:11px;background-image:url(../../img/bglist.png);display:inline-block;vertical-align:middle;background-repeat:no-repeat;margin-right:5px}#header .headBtn .zhichiVoice{background-position:0 -30px}#header .headBtn .zhichiClose{background-position:-30px -29px}#header .headBtn .zhichiMin{background-position:-70px -30px}#header .headBtn .zhichiMax{background-position:-85px -30px}#chatPanelList .systemMsg{text-align:center;line-height:26px}#chatPanelList .systemMsg span{display:inline-block;padding:0 10px;border-radius:10px;background-color:#F5F5F5;color:#B1B5B5}#chatPanelList .systemMsg .colorder{margin:0 3px;padding:0 0}#chatPanelList .systemMsg a{color:#e60d0d;text-decoration:none;line-height:26px}#chatPanelList .stripe{padding-top:10px;margin-top:10px;color:#8f8f8f}.loader{position:absolute;text-align:center;width:100%;height:100%;background:#fff;z-index:999;left:0;top:0}.loader img{display:inline-block;width:2pc;height:2pc;position:absolute;left:50%;top:50%;margin:-1pc 0 0 -1pc}.allBlackBox,.surveyBox{width:100%;height:100%;position:absolute;background-color:rgba(0,0,0,0);z-index:999;left:0;top:0;font-family:"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", ΢���ź�, Arial, sans-serif;display:none}.surveyBox .surveyRobot{width:260px;padding:10px;position:absolute;top:50%;left:50%;margin:-75pt 0 0 -140px;border:1px solid #13c9cb;background-color:#fff;-webkit-transition:all .5s cubic-bezier(.86,0,.07,1);transition:all .5s cubic-bezier(.86,0,.07,1);display:none;box-shadow:0 1px 9pt #C7C9CA;border-top:2px solid #13c9cb;border-radius:2px}.surveyBox .surTop .surTip{color:#a4a3a3;margin-right:8px}.surveyBox .surTop a{color:#13c9cb;display:inline-block;margin:0 5px}.surveyBox .surTop{border-bottom:1px solid #e3e5e5;line-height:24px;font-size:9pt;padding-bottom:8px}.surveyBox .surTop .surtipbg{background:url(../../img/bglist.png) no-repeat;width:15px;height:15px;display:inline-block;background-position:-3pc -26px;vertical-align:middle;margin-top:-4px}.surveyBox .surmidQus{font-size:18px;text-align:center;margin:20px 0;line-height:30px}.surveyBox .surmid{text-align:center}.surveyBox .surveyRobot .surmid .chackyes{display:inline-block}.surveyBox .surveyRobot .surmid .chackyes a{width:66px;height:66px;display:inline-block;border-radius:3px;color:#a4a3a3;margin:0 10px}.surveyBox .surveyRobot .surmid .chackyes a span{width:28px;height:18px;display:inline-block;background:url(../../img/bglist.png) no-repeat;margin:15px 15px 6px 15px}.surveyBox .surveyRobot .surmid .chackyes .checked .spanYes{background-position:-183px -2px}.surveyBox .surveyRobot .surmid .chackyes .checked .spanNo{background-position:-90pt -2px}.surveyBox .surveyRobot .surmid .chackyes a .spanYes{background-position:-149px -2px}.surveyBox .surveyRobot .surmid .chackyes a .spanNo{background-position:-1in -2px}.surveyBox .surveyRobot .surmid .chackyes a:hover{background-color:#eef2f2}.surveyBox .surquick{text-align:center;display:none;-webkit-transition:all .5s cubic-bezier(.86,0,.07,1);transition:all .5s cubic-bezier(.86,0,.07,1)}.surveyBox .surquick .surqList span{display:inline-block;padding:3px 8px;border-radius:4px;background-color:#f0f0f0;color:#a4a3a3;margin-bottom:5px;margin-right:10px;cursor:pointer}.surveyBox .surquick .surquickp1{line-height:30px;margin:10px 0}.surveyBox .surquick .surText .surTextInput{resize:none;border:1px solid #e6e6e6;border-radius:4px;color:#a4a3a3;width:254px;height:68px;padding:3px}.surveyBox .surquick .surText{margin:15px 0 10px 0}.surveyBox .surquick .surText .surqBtn{color:#fff;padding:3px 15px;background-color:#13c9cb;margin-top:20px;display:inline-block;border-radius:4px}.surveyBox .surveyPeople{width:260px;padding:10px;position:absolute;top:50%;left:50%;margin:-75pt 0 0 -140px;border:1px solid #13
c9cb;background-color:#fff;-webkit-transition:all .5s cubic-bezier(.86,0,.07,1);transition:all .5s cubic-bezier(.86,0,.07,1);display:none;box-shadow:0 1px 9pt #C7C9CA;border-radius:2px;border-top:2px solid #13c9cb}.surveyBox .surveyPeople .chackStart span{background:url(../../img/bglist.png) no-repeat;width:30px;height:30px;display:inline-block;background-position:-218px 0;cursor:pointer}.surveyBox .surveyPeople .chackStart .chose{background-position:-253px 0}.surveyBox .surveyPeople .chackStart{margin-bottom:10px}.allBlackBox .addCallBox,.allBlackBox .callMsgBox,.surveyBox .isClose,.surveyBox .surThanks{border:1px solid #13c9cb;width:280px;height:62px;background-color:#fff;position:absolute;left:50%;top:50%;margin:-31px 0 0 -140px;display:none;-webkit-transition:all .5s cubic-bezier(.86,0,.07,1);transition:all .5s cubic-bezier(.86,0,.07,1);box-shadow:0 1px 9pt #C7C9CA;border-top:2px solid #13c9cb;border-radius:2px}.surveyBox .surThanks p{text-align:center;font-size:18px;margin-top:15px}.surveyBox .isClose p{text-align:center;font-size:18px;margin:20px 0;line-height:30px}.surveyBox .isClose .iscloseDiv a{display:inline-block;width:88px;height:30px;line-height:30px;background-color:#fff;border-radius:3px;border:1px solid #d6d6d6;color:#5f5e5e;font-size:14px;margin-right:20px}.surveyBox .isClose{height:140px;margin-top:-90px;text-align:center}.surveyBox .isClose .iscloseDiv .surEndBtn{margin-left:20px;background-color:#13c9cb;border:none 0;color:#fff}.allBlackBox .addCallBox{height:75pt}.allBlackBox .addCallBox p{height:30px;margin-bottom:10px;color:#b1b6b4;line-height:30px;text-align:center}.allBlackBox .addCallBox .addCall a{*display:inline;zoom:1}.allBlackBox .addCallBox .addCall input{text-indent:6px;border:1px solid #ccc;border-radius:5px;line-height:26px;width:130px;height:26px;margin-left:15px}.allBlackBox .addCallBox .addCall .sendCallBtn{border-radius:5px;background-color:#09aeb0;color:#fff;padding:5px 10px;margin-left:15px;margin-right:5px}.allBlackBox .addCallBox .addCall .addCallClose{border-radius:5px;background-color:#999;color:#fff;padding:5px 10px}.allBlackBox .addCallBox .addCallMsg{display:none;text-align:left;padding-left:20px;color:#B94545}.allBlackBox .callMsgBox{height:40px}.allBlackBox .callMsgBox p{text-align:center;line-height:30px;height:30px;margin-top:5px}.defaultMode{display:block}.defaultMode .addCallBox{display:block}.defaultMode .addCallBox .addCallMsg{display:none}.defaultMode .callMsgBox{display:none}.failMode{display:block}.failMode .addCallBox{display:block}.failMode .addCallBox .addCallMsg{display:block}.failMode .callMsgBox{display:none}.successMode{display:block}.successMode .addCallBox{display:none}.successMode .addCallBox .addCallMsg{display:none;z-index:-1}.successMode .callMsgBox{display:block}.commonMode{display:block}.commonMode .surveyRobot{display:none}.commonMode .surveyPeople{display:none}.commonMode .surThanks{display:none}.commonMode .isClose{display:block}.robotMode{display:block}.robotMode .surveyRobot{display:block}.robotMode .surveyPeople{display:none}.robotMode .surThanks{display:none}.robotMode .isClose{display:none}.robotMsgMode{display:block}.robotMsgMode .surveyRobot{display:block}.robotMsgMode .surquick{display:block}.robotMsgMode .surveyPeople{display:none}.robotMsgMode .surThanks{display:none}.robotMsgMode .isClose{display:none}.manualMode{display:block}.manualMode .surveyRobot{display:none}.manualMode .surveyPeople{display:block}.manualMode .surThanks{display:none}.manualMode .isClose{display:none}.manualMsgMode{display:block}.manualMsgMode .surveyRobot{display:none}.manualMsgMode .surquick{display:block}.manualMsgMode .surveyPeople{display:block}.manualMsgMode .surThanks{display:none}.manualMsgMode .isClose{display:none}.singlePage{
background-color:#fff;}@-webkit-keyframes animations-shake{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}10%,30%,50%,70%,90%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}20%,40%,60%,80%{-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes animations-shake{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}10%,30%,50%,70%,90%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}20%,40%,60%,80%{-webkit-transform:translateY(20px);transform:translateY(20px)}}.effect-shake{-webkit-animation:animations-shake 2s ease-out;animation:animations-shake 2s ease-out}@-webkit-keyframes animations-rolling{0%{-webkit-transform:rotate(0)}30%{-webkit-transform:rotate(30deg)}70%{-webkit-transform:rotate(-30deg)}100%{-webkit-transform:rotate(0)}}.effect-rolling{-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation:animations-rolling 2s ease-out;animation:animations-rolling 2s ease-out}@-webkit-keyframes animations-flip{0%{-webkit-transform:rotateY(0)}50%{-webkit-transform:rotateY(180deg)}100%{-webkit-transform:rotateY(0)}}.effect-flip{-webkit-animation:animations-flip 2s ease-out;animation:animations-flip 2s ease-out}@-webkit-keyframes animations-zoomIn{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.2)}100%{-webkit-transform:scale(1)}}.effect-zoomIn{-webkit-animation:animations-zoomIn 2s ease-out;animation:animations-zoomIn 2s ease-out}@-webkit-keyframes animations-zoomOut{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(.8)}100%{-webkit-transform:scale(1)}}.effect-zoomOut{-webkit-animation:animations-zoomOut 2s ease-out;animation:animations-zoomOut 2s ease-out}@-webkit-keyframes animations-openDoor{0%{-webkit-transform:rotateY(0)}50%{-webkit-transform:rotateY(-180deg)}100%{-webkit-transform:rotateY(0)}}.effect-openDoor{-webkit-transform-origin:right;-webkit-animation:animations-flip 2s ease-out;animation:animations-flip 2s ease-out}.funcPanel .addFace1,.funcPanel .upImg2,.funcPanel .dc{display:inline-block;margin:4px 6px;width:24px;height:24px;font-size:24px;opacity:.4;color:#333}.label-Blue, .label-blue {
background-color: #6b97f4; } .label-dark{ background-color: #58595B; } .label-lightBlue { background-color: #269abc; } .label-yellow { background-color: #aaa900; } .label-green { background-color: #507d50; } .label-brown { background-color: #763d3d; } .label-red { background-color: #ff7878; } .label-black { background-color: #3f414d; } .label-light-green { background-color: #1fb5ad; }.support-body {
position: absolute;
height: 436px;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.support-body_inner {
position: relative;
overflow: hidden;
}.support-title {
padding: 12px;
line-height: 1em;
}
.support-list {
box-shadow: 0 0 4px rgba(0,0,0,.04);
margin-bottom: 80px;
}
.support-list_item {
position: relative;
background: #fff;
border-bottom: 1px solid #efefef;
}
.support-list_item>a {
display: block;
padding: 16px;
}
.support-list_item>a:hover {
text-decoration:none
}
.waves-effect {
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.support-list_item .chat-type {
position: absolute;
right: 16px;
top: 26px;
height: 30px;
width: 30px;
opacity: .25;
font-size: 18px;
}
.user-pic-group {
float: left;
text-align: center;
width: 50px;
line-height: 0;
}
.user-pic-group img:first-of-type {
z-index: 3;
}
.user-pic-group img {
position: relative;
height: 38px;
width: 38px;
border: 2px solid #fff;
border-radius: 100%;
margin: 0 -12px;
}
.support-list_item_info {
padding: 2px 24px 2px 60px;
}
.support-list_item_info_title {
line-height: 1em;
font-size: 14px;
font-weight: 500;
margin-bottom: 8px;
color: #333;
}
.support-list_item_info_intro {
line-height: 1em;
font-size: 12px;
color: #999;
}
.support-list_item:last-child{border-bottom:none}
.support-list_item:hover{background:hsla(0,0%,100%,.5)}
.chat-panel {
background: #f9f9f9;
overflow: auto;
padding: 16px;
padding-bottom: 0;
}
.chat-panel>:last-child {
margin-bottom: 16px;
}
.chat-card {
background: #fff;
position: relative;
border-radius: 2px;
border: 1px solid #efefef;
margin-bottom: 16px;
-webkit-font-smoothing: antialiased;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
word-break: normal;
}
.chat-card_head {
padding: 8px 12px;
border-bottom: 1px solid #efefef;
}
.chat-card_head h1, .chat-card_head h2, .chat-card_head h3, .chat-card_head h4, .chat-card_head h5, .chat-card_head h6 {
font-size: 14px;
line-height: 1.6em;
}
.hint {
font-size: 12px;
color: #777;
}
.chat-card_body {
padding: 10px 12px;
line-height: 1.6em;
}
.chat-card_foot {
text-align: right;
padding: 12px;
border-top: 1px solid #efefef;
}
.form_item {
margin-bottom: 16px;
}
.form_item_title {
margin-bottom: 4px;
}
.important {
color: #ff595f;
}
[type=date], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], select, textarea {-webkit-appearance: none;position: relative;display: block;width: 100%;-webkit-transition: all .2s ease;transition: all .2s ease;border: 1px solid #dadada;border-radius: 3px;vertical-align: middle;font-size: 14px;line-height: 1.428571429;height: 2.2em;padding: 0 .5em;font: inherit;outline: none;}
.form_item .hint {
font-size: 12px;
color: #777;
margin-top: 4px;
line-height: 1;
}
.text-danger {
color: #ff595f!important;
}
.form_item:last-child {
margin-bottom: 8px;
}
.form_item textarea {
resize: none;
height: 6em;
padding: .25em .5em;
font-size: 13px;
}
.text-danger {
color: #ff595f!important;
}
.btn.disabled, .btn:disabled {
opacity: .6;
}
.btn-success {
background-color: #21d376;
color: #fff;
}

.btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
line-height: 1.428571429;
padding: 5px 10px;
text-align: center;
cursor: pointer;
border: 1px solid transparent;
white-space: nowrap;
outline: none;
vertical-align: middle;
border-radius: 3px;
height: 32px;
}
.disabled, :disabled {
cursor: not-allowed!important;
}
.btn-success:hover{border-color:rgba(0,0,0,.05);background-color:#22dd7c}.btn-success.active{z-index:2;box-shadow:none;border-color:rgba(0,0,0,.08);background-color:#1fc870}.btn-info{background-color:#35b3e1;color:#fff}.btn-info:hover{border-color:rgba(0,0,0,.05);background-color:#40b7e2}.btn-info.active{z-index:2;box-shadow:none;border-color:rgba(0,0,0,.08);background-color:#32aad6}.btn-warning{background-color:#ffa900;color:#fff}.btn-warning:hover{border-color:rgba(0,0,0,.05);background-color:#ffad0a}.btn-warning.active{z-index:2;box-shadow:none;border-color:rgba(0,0,0,.08);background-color:#f2a100}.btn-danger{background-color:#ff595f;color:#fff}.btn-danger:hover{border-color:rgba(0,0,0,.05);background-color:#ff6166}.btn-danger.active{z-index:2;box-shadow:none;border-color:rgba(0,0,0,.08);background-color:#f2555a}.btn-gray{background-color:silver;color:#fff}.btn-gray:hover{border-color:rgba(0,0,0,.05);background-color:#c4c4c4}.btn-gray.active{z-index:2;box-shadow:none;border-color:rgba(0,0,0,.08);background-color:#b6b6b6}.btn-default{background-color:#fff;border-color:#dadada}.btn-default:hover{border-color:#c8c8c8}.btn-default.active{z-index:2;box-shadow:none;color:#fff;border-color:#5d94f3;background-color:#5d94f3}.btn-link{background-color:transparent}.btn-link:active{background:#f9f9f9;box-shadow:none}.btn-primary{background-color:#8190b5;color:#fff}.btn-primary:hover{border-color:rgba(0,0,0,.05);background-color:#8896b9}.btn-primary.active{z-index:2;box-shadow:none;border-color:rgba(0,0,0,.08);background-color:#7b89ac}
.funcPanel .addFace1:hover,.funcPanel .upImg2:hover, .funcPanel .dc:hover{opacity:.8}
.pop-title {
display: none;
position: absolute;
bottom: 100%;
left: 50%!important;
margin-bottom: 5px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
box-shadow: 0 3px 18px 2px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.05);
font-size: 12px;
background: #fff;
line-height: 1em;
}
.pop-title span {
display: block;
padding: 8px 10px;
background: #fff;
position: relative;
z-index: 1;
}
.pop-title:after{content:"";position:absolute;z-index:0;height:12px;width:12px;display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:#fff;box-shadow:0 3px 18px 2px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.05);left:50%;margin-left:-6px;bottom:-4px;border-bottom:none}
.funcPanel_f:hover .pop-title{display:block}
.scroll-wrapper {   
 position: fixed;    
  right: 0;    
  bottom: 0;    
  left: 0;   
  top: 0; 
    -webkit-overflow-scrolling: touch;   
    overflow-y: scroll;   
} 
.scroll-wrapper iframe {   
  height: 100%;   
  width: 100%;   
}
.robotSwitch{
    cursor: pointer;
    color: #258efa;
    font-size: 9pt;
    position: absolute;
    top: 0;
    right: 15px;
}
.dctitle{
    clear: both;
    margin: 30px 0;
    color: #555556;
    font-size: 15px;
}
#dcstar{
    position: relative;
    width: 100%;
    margin: 16px 0 20px;
    text-align: center;


}
#dcstar ul{
    list-style: none;
    margin: auto;
    width: 255px;
    overflow: hidden;
    display: inline-block;

}
#dcstar ul li{
    float: left;
    width: 45px;
    height: 35px;
    cursor: pointer;
    text-indent: -9999px;
    background-image: url(img/bgGroup.png);
    background-repeat: no-repeat;
    background-position: -853px 0;

}
#dcstar ul li.on{
    background-position: -921px 0;

}
.dctip{
    font-size: 14px;
    color: #faba4a;
    text-align: center;

}
.dch2{
    clear: both;
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: #555556;
    margin: 8px 0 20px;

}
.situation{
	width: 300px !important;
    width: 300px;
	margin: auto auto 10px !important;
    margin: auto auto 10px;
	height: 96px;
}
.dctag{
float: left;
    position: relative;
    color: #8b98ad;
    border-radius: 2px;
    width: 142px;
    height: 28px;
    line-height: 28px;
    margin-right: 16px;
    margin-bottom: 20px;
    font-size: 1rem;
    border: 1px solid #e0e9e8;
    text-align: center;
	    cursor: pointer;
}
.situation .active{
	background: rgb(15, 146, 237);
    color: rgb(255, 255, 255);
    border: 1px solid rgb(15, 146, 237);
}
.dcinner{
resize: none;
    width: 300px;
    height: 54px;
    margin: auto auto 16px;
    font-size: 14px;
    color: #8b98ad;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #e0e9e8;

}
.dcsubmit{
background: rgb(15, 146, 237);
    margin: 23px auto;
    font-size: 1em;
    color: #fff;
    border-radius: 4px;
    display: block;
    width: 50%;
    height: 30px;
    line-height: 30px;
    text-align: center;


}
.dcextend{
display:none;
height: 200px !important;
}
}
.dccommit{
display:block;
}
.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;
}
.loading{
	width: 124px;
    height: 124px;
	background-image: url(../../img/loading.gif);
	background-repeat: no-repeat;
	position: absolute;
    top: 40%;
	left: 45%;
	background-size:40% 40%;
}
.grayout { 
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    
    filter: grayscale(0);
	
    filter: grayout;
}
.pulldown-loading {
    display: none;
    width: 18px;
    height: 18px;
    margin: auto;
    background-image: url(../../img/sending.gif);
	background-repeat: no-repeat;
}
.historyTrigger {
    color: #b1b6b4;
    cursor: pointer;
	margin: 10px 0;
    text-align: center;
    font-size: 12px;
}
.chat-panel2 {
background: #f9f9f9;
overflow: auto;
padding: 16px;
padding-bottom: 0;
}
.chat-panel2>:last-child {
margin-bottom: 16px;
}
.yourmodel{
	/*position: relative;*/
}
.tagsBotBox {
    width: 100%;
    background-color: #fff;
    position: fixed;
	top: 60px;
    z-index: 9;
    border-bottom: 1px solid #dadada;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
}
.tagsBotBox li {
    padding-left: 5px;
    font-size: 16px;
    color: #666;

    line-height: 22px;
    background: #fff;
    font-family: "SimHei";
    cursor: default;
}
.tagsBotBox li.current,.tagsBotBox li:hover{ background-color:#1e90ff; color:#fff;}
.preloader {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fefefe;
    z-index: 99999;
    height: 100%;
    margin: 0px auto;
    width: 50%;
    overflow: hidden !important;
}

.loaded {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 40%;
    background-image: url(../../img/preloading.gif);
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    background-size: cover;
    margin: -20px 0 0 -20px;
}
.chatmsgfile{
    background: #fff;
    border-color: #efefef;
    float: left;
	position: relative;
    white-space: nowrap;
	-webkit-font-smoothing: antialiased;
    clear: both;
    padding: 8px 16px;
    border: 1px solid transparent;
    max-width: 500px;
    min-width: 50px;
    min-height: 22px;
    line-height: 1.6em;


}
a.chatmsgfilepic {
    margin: 0;
    position: absolute;
    left: 8px;
    top: 8px;
}
.chatmsgfile a, .link {
    color: #4078c0;
    text-decoration: none;
}
.chatmsgfilepic {
   
}
a.chatmsgfilepic:after {
    content: "";
    display: block;
    height: 35px;
    width: 35px;
}
.chatmsgfilepic:after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    margin: auto;
    background: url(../../img/nfile.png) no-repeat 50%;
    background-size: contain;
}
.chatmsgfileinfo {
    height: 35px;
    padding-left: 40px;
    padding-right: 25px;
    width: 220px;
}
.chatmsgfileinfo h4 {
    margin: 0;
}
.chatmsgfileinfo h4{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	    font-weight: bold;
		  font-size: 14px;
}
.chatmsgfile :last-child {
    margin-bottom: 0;
}
.chatmsgfileinfo p {
    font-size: 14px;
    color: #777 .ellipsis;
}

.chatmsgfile p {
    margin: 0 0 0px;
}
.chatmsgfileinfo span:first-child {
    margin-left: 0;
}

.chatmsgfileinfo span {
    margin: 0 5px;
}
.chatmsgfiledown {
    position: absolute;
    right: 2px;
    top: 12px;
    text-align: center;
}
.chatmsgfiledown a {
    margin: 0;
    display: block;
    height: 24px;
    width:33px;
    background: url(../../img/down.png) no-repeat 50%;
}
::-webkit-scrollbar {
    width: 10px;
    height: 5px;
    background: 0 0;
}
::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.15);
    border-radius: 40px;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
}
.loadings {
    width: 54px;
    height: 54px;
    background-image: url(../../img/loading.gif);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;

}
.his-chat{
   margin: 8px auto;
    width: 60%;
    height: 2px;
    text-align: center;
    border-radius: 60%/2px;
    background-color: #cdd4dd;
}
.his-chat:after {
    display: inline-block;
    padding: 3px 8px;
    content: '\4E0A\6B21\804A\5230\8FD9\91CC';
    color: #adb4bc;
    font-size: 12px;
    background-color: #F3F5F7;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.im-chat-help {
    color: #7D838A;
    width: 100%;
    overflow: hidden;
    bottom: 0;
    margin-left: 10px;
    z-index: 2;
}
.im-chat-help ul.empty {
    display: none;
}

.im-chat-help ul {
    /* overflow: hidden; */
    min-height: 18px;
    display: inline-block;
    white-space: nowrap;
    font-size: 14px;
}
#customEntry {
    text-align: center;
    display: none;
}
.im-chat-help li {
    position: relative;
    margin-right: 17px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.im-chat-help li a {
    padding: 0 10px;
    display: inline-block;
    box-shadow: 0px 2px 3px 0px rgba(211, 216, 222, 0.8);
    height: 25px;
    line-height: 25px;
    background: #fff;
    color: #7D838A;
    border-radius: 15px;
}
.jkf_outerCtn {
    border-radius: 5px 5px 0 0;
    background: #fff;
    position: absolute;
    border: 1px solid #d9d9d9;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    z-index: 100000;
    width: 100%;
}
.jkf_innerCtn_focus {
    background: #e3f8ff;
}

.jkf_innerCtn {
    cursor: pointer;
}
.jkf_txt {
    padding: 0 8px;
    line-height: 26px;
}
.jkf_replaceTip {
    color: #f00;
}
.jkf_innerCtn:hover {
    background: #e3f8ff;
}

.editHide {
    display: none;
    position: absolute;
    height: 0.573rem;
    /* padding: 0 0.05rem; */
    box-sizing: border-box;
    left: 0px;
    bottom: 110px;
    width: 100%;
}
.jkf_backCtn {
    position: absolute;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    padding: 10px;
}
.SC_outer {
    overflow: hidden;
}
.jkf_ScrollCtn {
    position: relative;
    overflow: hidden;
 
}
.SC_inner {
    position: absolute;
    top: 0;
    left: 0;
}
.jkf_moodCtn {
   
	float: left;
 
	border: 1px solid #e8e8e8;
    height: 32px;
    width: 32px;
    overflow: hidden;
    margin: -1px 0 0 -1px;
    padding: 4px 2px;
    text-align: center;    background: #fff;
    cursor: pointer;}
.jkf_srcCtn {
 vertical-align: initial;
}
.jkf_moodCtn img {
    vertical-align: initial;
    max-width: 100%;
    max-height: 100%;
}
.xctips{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 24px;
    z-index: 999;
    background: #F93;
    color: #FFF;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    transition: background .2s linear;
    -webkit-transition: background .2s linear;
    font-family: "Microsoft YaHei", "微软细黑", "微软雅黑 Light" , "微软雅黑", "Arial", "SimSun", "宋体";

}

.jkf-actionsheet{
	text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10005;
    background-color: #ffffff;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;


}
.actionsheet-toggle {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.jkf-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 10px;
    position: relative;
}
.jkf-icon-close {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAB/0lEQVRoQ+3aTW7DIBAFYHOz9CRNl5yIZdOTtDcjojKSmxLmh3kQ22QbB+bzGyPbwS0n+7iTeZcJPnriM+GZ8MHOwGzpUqAhhItz7j19F2P88t7/vELwmrrIhNdBv7fAGOOH9/42Eh1CuDrnPh/qeqPC4IBvOd1XQZewm+671oJQg9cJuif9DGsJTtfvn5YelXQNu4LbWzoNxJgInrRVDWRL5zStJtQsdJZzs8GjkrbEJoMI3BttjVWBe6ERWDUYjUZhm8AoNBLbDLZGo7EmYCt0D6wZuBXdC2sK1qJ7Ys3BUnRvLATMRf9O/vA82+OhRHynxb0XptKrjYN8wQADc5IuoZFYWEtvIZKk0dguYG7SPbATzF2QJMedqqUl2HwS0a0NW6U12B5oCJjCphQPc+PBweZ/LSTHStaN2rGmCWsAmt+04M3ALYW3/FaKNwFbFGwxBgffDLYs1HKsZ/gmMKJAxJhbvBqMLAw5tgqMLCingZpDDEYVUrrmEHOJwIgCqJXVek422HpiCip5iSB54GCBR2Ktr2kSXNrF0+PtovKabt/yEEIo7uJJBUlaSdLCtWNr3bbuIcPs4hmBpdrbCvxvF89IbA0dY2xv6fWt42VZltwqN2q3m1X7UuOk9UVaF7loUZPu7fsJ3lti0npnwtIztrfjZ8J7S0xa7+kSvgMcXXJb5Dh3xwAAAABJRU5ErkJggg==);
}
.jkf-icon {
    width: 20px;
    height: 20px;
    display: block;
    border: none;
    float: left;
    background-size: 20px;
    background-repeat: no-repeat;
}
.jkf-flex-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    color: #333;
}
.jkf-flex-box h4 {
    color: #050505;
    font-weight: normal;
    font-size: 1rem;
}
.jkf-line:after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #e2e2e2;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.jkf-coll-share-box {
    position: relative;
    overflow: hidden;
    padding: 1.8rem 0 1rem 0;
}
.jkf-coll-share-box h1 {
    color: #2f2f2f;
    font-size: 0rem;
    font-weight: normal;
}
.jkf-coll-share-box h1 i {
    font-style: normal;
    color: #000000;
    font-size: 1.2rem;
}
.jkf-info-line {
    margin: 2rem 1rem;
}
.jkf-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 10px;
    position: relative;
}
.jkf-line {
    position: relative;
}
.jkf-coll-cancel {
    padding: 1rem;
}
.jkf-coll-cancel a {
    background: #e21a22;
    color: #ffffff;
    font-size: 0.9rem;
    border-radius: 3px;
    border: none;
    width: 100%;
    height: 2.7rem;
    line-height: 2.7rem;
    display: block;
	text-decoration: none;
}
.jkf-info-line .number {
    float: right;
    font-size: 1rem;
    color: #afafaf;
}
.jkf-actionsheet1{
	text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10005;
    background-color: #ffffff;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;


}
.actionsheet-toggle1 {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.jkf-flex1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 10px;
    position: relative;
}
.jkf-icon-close1 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAB/0lEQVRoQ+3aTW7DIBAFYHOz9CRNl5yIZdOTtDcjojKSmxLmh3kQ22QbB+bzGyPbwS0n+7iTeZcJPnriM+GZ8MHOwGzpUqAhhItz7j19F2P88t7/vELwmrrIhNdBv7fAGOOH9/42Eh1CuDrnPh/qeqPC4IBvOd1XQZewm+671oJQg9cJuif9DGsJTtfvn5YelXQNu4LbWzoNxJgInrRVDWRL5zStJtQsdJZzs8GjkrbEJoMI3BttjVWBe6ERWDUYjUZhm8AoNBLbDLZGo7EmYCt0D6wZuBXdC2sK1qJ7Ys3BUnRvLATMRf9O/vA82+OhRHynxb0XptKrjYN8wQADc5IuoZFYWEtvIZKk0dguYG7SPbATzF2QJMedqqUl2HwS0a0NW6U12B5oCJjCphQPc+PBweZ/LSTHStaN2rGmCWsAmt+04M3ALYW3/FaKNwFbFGwxBgffDLYs1HKsZ/gmMKJAxJhbvBqMLAw5tgqMLCingZpDDEYVUrrmEHOJwIgCqJXVek422HpiCip5iSB54GCBR2Ktr2kSXNrF0+PtovKabt/yEEIo7uJJBUlaSdLCtWNr3bbuIcPs4hmBpdrbCvxvF89IbA0dY2xv6fWt42VZltwqN2q3m1X7UuOk9UVaF7loUZPu7fsJ3lti0npnwtIztrfjZ8J7S0xa7+kSvgMcXXJb5Dh3xwAAAABJRU5ErkJggg==);
}
.jkf-show-box1 {
   height: 100%;
}

.jkf-footer-flex1{
   height: 100%;
}
.jkf-icon1 {
    width: 20px;
    height: 20px;
    display: block;
    border: none;
    float: left;
    background-size: 20px;
    background-repeat: no-repeat;
}
.jkf-flex-box1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    color: #333;
	height: 100%;
}
.jkf-flex-box1 h4 {
    color: #050505;
    font-weight: normal;
    font-size: 1rem;
}
.jkf-line1:after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #e2e2e2;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.jkf-coll-share-box1 {
    position: relative;
    overflow: hidden;
    padding: 1.8rem 0 1rem 0;
}
.jkf-coll-share-box1 h1 {
    color: #2f2f2f;
    font-size: 0rem;
    font-weight: normal;
}
.jkf-coll-share-box1 h1 i {
    font-style: normal;
    color: #000000;
    font-size: 1.2rem;
}
.jkf-info-line1 {
    margin: 1rem 1rem 5rem 1rem;
	height: 100%;
}

.jkf-line1 {
    position: relative;
}
.jkf-coll-cancel1 {
    padding: 1rem;
}
.jkf-coll-cancel1 a {
    background: #e21a22;
    color: #ffffff;
    font-size: 0.9rem;
    border-radius: 3px;
    border: none;
    width: 100%;
    height: 2.7rem;
    line-height: 2.7rem;
    display: block;
	text-decoration: none;
}
.jkf-info-line1 .number {
    float: right;
    font-size: 1rem;
    color: #afafaf;
}
.iframebox{
	position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    height: 100%;
}