You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
4.5 KiB
52 lines
4.5 KiB
@media only screen and (max-width: 750px) {
|
|
.newWindow {width:100%;background: #FFF !important;box-shadow: 0 0 20px 0 rgba(0,0,0,.15);-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,.15);-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.15);border-radius: 2px;overflow: hidden;box-sizing: content-box;}
|
|
}
|
|
@media (min-width:750px) {
|
|
.newWindow {left:50%;top:50%;width:800px;margin-left:-400px;margin-top: -300px;position: absolute;background: #FFF !important;box-shadow: 0 0 20px 0 rgba(0,0,0,.15);-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,.15);-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.15);border-radius: 2px;overflow: hidden;box-sizing: content-box;}
|
|
}
|
|
|
|
.toDeveloper {height: 40px !important;width: 66% !important;background: #FFF !important;bottom: 0 !important;z-index: 66;}
|
|
p,ul,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
|
|
li,ul{list-style: none;}
|
|
* {margin:0;padding:0;tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: rgba(0,0,0,0);line-height: 1.5;box-sizing: border-box;}
|
|
body {margin:0;background-color: #fafafa;overflow: auto;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Helvetica, "PingFang SC", SimSun, sans-serif;}
|
|
html,body {height:100%;}
|
|
input {outline: none;border:none;}
|
|
::-moz-placeholder {font-size: 13px;color: #8DA2B5;letter-spacing: 0.73px;}
|
|
::-webkit-input-placeholder {font-size: 13px;color: #8DA2B5;letter-spacing: 0.73px;}
|
|
:-ms-input-placeholder {font-size: 13px;color: #8DA2B5;letter-spacing: 0.73px;}
|
|
::selection {background:#FC4B4B!important;}
|
|
::-moz-selection {background:#FC4B4B!important;}
|
|
::-webkit-selection {background:#FC4B4B!important;}
|
|
.font12 {font-size: 12px;letter-spacing: 0.6px;}
|
|
.font14 {font-size: 14px;letter-spacing: 1px;}
|
|
.font16 {font-size: 16px;letter-spacing: 1px;}
|
|
.color-grey-deep {color: #28334B;}
|
|
.talk {display:block;position:relative;}
|
|
.pc-visitor-footer {height:160px;width: 100%;}
|
|
.pc-visitor-footer .function-bar {position:relative;background: #F8FAFC;height:40px;border-top:1px solid #E9EEF2;border-bottom:1px solid #E9EEF2;padding-left: 10px;}
|
|
.pc-visitor-footer .function-bar .svgWrap ,.pc-visitor-footer .function-bar .svgWrap svg ,.pc-visitor-footer .function-bar .svgWrap svg:hover .svgColor {fill:#1F8CEB;}
|
|
.pc-visitor-footer .function-bar label.active .svgColor {fill:#1F8CEB;}
|
|
.pc-visitor-footer .function-bar .talk-function-bar {height:100%;width:100%;padding-top: 8px;}
|
|
.pc-visitor-footer .inputArea textarea { width: 100%;height: 75px;padding:8px 5px;font-size: 14px;color: #28334B;letter-spacing: 0.28px;line-height: 19px;border: none;outline: none;resize: none;}
|
|
.submit-btn-wrap{float:right;margin-right:10px;width:80px;height:30px;background-color:#1e89e6;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;text-align:center;line-height:30px;vertical-align: middle;}
|
|
.toDeveloperP {width:460px;font-size: 12px;height: 40px;background: #FFF;padding-top: 10px;line-height: 30px;padding-left: 5px;float:left}
|
|
.toDeveloper{color: #62778C;letter-spacing: 0.6px;text-decoration: none;}
|
|
.toDeveloper:hover{color:#218BFC;text-decoration: underline;}
|
|
.window-header {width: 100%;background: #1F8CEB;height:60px;display:block;padding-left: 15px;padding-top: 6px;}
|
|
.company-name {height:24px;line-height: 24px; color: #FFFFFF; letter-spacing: 0;}
|
|
.autograph {height:24px;line-height:24px;color: #FFFFFF;letter-spacing: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 20px; }
|
|
.newWindow .window-content {height: 100%;width: 100%; }
|
|
.content-left{width:560px;float:left;height:540px}
|
|
.chat-content{overflow-y:auto;width:560px;height:377px}
|
|
.content-right {float:left;width:239px;vertical-align: top;height:540px;border-left:1px solid #DDE5ED;}
|
|
.content-right-top {border-bottom:1px solid #DDE5ED;width:100%;font-size: 14px;height:40px;color: #28334B;text-align:center;line-height:40px;letter-spacing: 0;}
|
|
.company-content {word-wrap:break-word;width:97%;padding-top:10px;padding-left:10px;overflow-y:auto;height:335px;}
|
|
.mysay{width:98%;margin:0;color:#3A3C4C;font-size:13px;float:right;margin-right:10px}
|
|
.heisay{width:98%;margin:0;color:#3A3C4C;font-size:13px;float:left;margin-left:10px}
|
|
.mysay p{text-align:right}
|
|
.heisay p{text-align:left;height:40px;display:table-cell;vertical-align:bottom;}
|
|
.mysay span{max-width:98%;padding-left:10px;padding-right:5px;padding-top:5px;padding-bottom:5px;float:right;background-color:rgb(31, 140, 232);color:fff;border-radius: 2px;}
|
|
.heisay span{max-width:98%;padding-left:5px;padding-right:10px;padding-top:5px;padding-bottom:5px;float:left;background-color:#EFF3F6;border-radius: 2px;}
|
|
.portrait{width:40px;height:40px;float:left}
|
|
.say_content{float:left}
|