weiyu/visitor/web/h5/css/video.css

body {
	background-color: #e5e5e5;
  margin: 0px;
}
a {
  color: inherit;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
}
li {
  display: list-item;
  text-align: -webkit-match-parent;
}
.page-back {
  display: inline-block;
  top: 12px;
  left: 10px;
  position: absolute;
  width: 40px;
  height: 40px;
  text-align: center;
}
.page-back i {
  font-size: 24px;
  line-height: 40px;
}
.page-title {
  font-size: 20px;
  margin: 20px auto;
  text-align: center;
  display: block;
  line-height: 1;
}
.page-content {
  height: 80%;
  bottom: 80px;
  position: fixed;
  width: 100%;
}
.page-message {
  height: 100%;
}
.page-leavemsg {
  /* margin-right: 20px;
  margin-top: 50px; */
}
.page-form {
  margin-right: 20px;
  margin-top: 50px;
}
.page-rate {
  /* margin-right: 20px;
  margin-top: 50px; */
  overflow-y: scroll;
  height: 90%;
}
.page-footer {
  position: fixed;
  bottom: 0px;
  width: 100%;
  background-color: white;
}
#page-upload-image {
  width: 18px;
  height: 18px;
  font-size: 18px;
  color: gray;
  margin-top: 15px;
  margin-left: 5px;
  cursor: pointer;
  float: left;
  list-style: none;
}
.message-ul {
  font-size: 15px;
  height: 100%;
  overflow-y: auto;
  padding-left: 0px;
}

.message-ul li {
  margin-top: 10px;
  margin-bottom: 15px;
  clear: both;
  list-style: none;
}
.pullrefresh {
  margin-top: 20px;
  text-align: center;
  font-size: 12px;
  color: blue;
  cursor: pointer;
}

.timestamp {
  /* margin: 10px 0; */
  text-align: center;
  font-size: 12px;
}

.timestamp span {
  display: inline-block;
  padding: 0 8px;
  color: #fff;
  border-radius: 5px;
  color: #bbbbbb;
}

.avatar {
  float: left;
  margin: 0 10px 0 0;
  border-radius: 3px;
}

.nickname {
  text-align: left;
  font-size: 13px;
  color: black;
}

.text {
  float: left;
  color: black;
  position: relative;
  padding: 5px 10px 5px;
  max-width: calc(100% - 250px);
  min-height: 30px;
  line-height: 2.5;
  font-size: 12px;
  text-align: left;
  word-break: break-all;
  /* background-color: #dddddd; */
  background-color: #ffffff;
  border-radius: 4px;
  white-space: pre-line;
}

.text:before {
  content: " ";
  position: absolute;
  top: 9px;
  right: 100%;
  border: 6px solid transparent;
  /* border-right-color: #dddddd; */
  background-color: #ffffff;
}

.self {
  text-align: right;
}

.self .avatar {
  float: right;
  margin: 0 0 0 10px;
}

.self .text {
  float: right;
  background-color: #b2e281;
}

.self .text:before {
  right: inherit;
  left: 100%;
  border-right-color: transparent;
  border-left-color: #b2e281;
}

.self .status {
  float: right;
  margin-right: 8px;
}
.avatar-mobile {
  float: left;
  margin: 0 10px 0 5px;
  border-radius: 3px;
}

.self .avatar-mobile {
  float: right;
  margin: 0 10px 0 10px;
}

.text-mobile {
  float: left;
  color: black;
  position: relative;
  padding: 2px 10px 0px;
  max-width: calc(100% - 150px);
  min-height: 30px;
  line-height: 2.5;
  font-size: 15px;
  text-align: left;
  word-break: break-all;
  background-color: #ffffff;
  border-radius: 4px;
  white-space: pre-line;
}

.text-mobile:before {
  content: " ";
  position: absolute;
  top: 9px;
  right: 100%;
  border: 6px solid transparent;
  border-right-color: #dddddd;
  /* background-color: #ffffff; */
}

.self .text-mobile {
  float: right;
  background-color: #b2e281;
}

.self .text-mobile:before {
  right: inherit;
  left: 100%;
  border-right-color: transparent;
  border-left-color: #b2e281;
}

.goods-info {
  background: #e6f9ff;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 80%;
  height: 75px;
  border-radius: 5px;
  font-size: 15px;
  border: 1px solid #c2dfe7;
}

.goods-pic {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
}

.goods-desc {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  width: 70%;
}

.goods-name {
  float: left;
  margin-top: 5px;
  margin-left: 10px;
  width: 90%;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
}

.goods-more {
  clear: both;
  margin-top: 2px;
  margin-left: 2px;
}

.goods-price {
  float: left;
  margin-top: 2px;
  margin-left: 2px;
  color: red;
}

.goods-sendlink {
  float: left;
  margin-top: 2px;
  margin-left: 50px;
  cursor: pointer;
}

.toptip {
  text-align: center;
  width: 95%;
  font-size: 15px;
  display: inline-block;
  padding: 0 8px;
  border-radius: 5px;
  color: red;
}

#transfer-to-agent {
  width: 38px;
  height: 38px;
  margin-top: 5px;
  margin-left: 5px;
  cursor: pointer;
  float: left;
}

#transfer-to-agent-icon {
  width: 28px;
  height: 38px;
  float: left;
}

#transfer-to-agent-text {
  font-size: 4px;
}

#plus-button {
  width: 30px;
  float: right;
  margin-right: 15px;
  margin-top: 10px;
  list-style: none;
}

#plus-button-icon {
  font-size: 25px;
}

#send-button {
  width: 30px;
  float: right;
  margin-right: 15px;
  margin-top: 10px;
  list-style: none;
}

#send-button-icon {
  font-size: 25px;
}

#plus-panel {
  float: left;
  width: 100%;
  height: 80px;
  list-style: none;
  text-align: center;
}

#plus-panel-rate{
  float: left;
  /* margin-left: 20px; */
  width: 30%;
}

#plus-panel-rate-icon{
  font-size: 40px;
}

#plus-panel-upload{
  float: left;
  /* margin-left: 20px; */
  width: 30%;
}

#plus-panel-upload-icon{
  font-size: 40px;
}

#plus-panel-leavemsg{
  float: left;
  /* margin-left: 20px; */
  width: 30%;
}

#plus-panel-leavemsg-icon{
  font-size: 40px;
}

#restart-panel-rate{
  float: left;
  /* margin-left: 30px; */
  width: 30%;
}

#restart-panel-rate-icon{
  font-size: 40px;
}

#restart-panel-leavemsg, #restart-panel-restart{
  float: left;
  width: 30%;
}

#restart-panel-leavemsg-icon, #restart-panel-restart-icon{
  height: 60px;
  width: 50px;
}

#input-with-transfer {
  background-color: #D9e2e3;
  float: left;
  width: calc(100% - 130px);
  margin: 8px 5px 5px 5px;
  height: 30px;
  border-radius: 18px;
  /* border: 1px solid #DBDBDB; */
  border-style:none;
}

#input-without-transfer {
  background-color: #D9e2e3;
  float: left; 
  width: calc(100% - 75px);
  margin: 8px 5px 5px 10px;
  height: 30px;
  border-radius: 18px;
  /* border: 1px solid #DBDBDB; */
  border-style:none;
}

.mint-radiolist-title {
  color: #11822c;
  font-size: 15px;
}

.mint-radio-input:checked + .mint-radio-core {
  background-color: #11822c;
  border-color:#11822c;
}

#input-rate-comment{
  background-color: #D9e2e3;
  width: 95%;
  height: 100px;
  margin: 8px 5px 15px 5px;
  border-radius: 8px;
  border-style:none;
}

#input-leavemsg-mobile{
  background-color: #D9e2e3;
  width: 95%;
  height: 35px;
  margin: 8px 5px 15px 5px;
  border-radius: 8px;
  border-style:none;
}

#input-leavemsg-content{
  background-color: #D9e2e3;
  width: 95%;
  height: 120px;
  margin: 8px 5px 15px 5px;
  border-radius: 8px;
  border-style:none;
}

::-webkit-input-placeholder {
  text-align: center;  
}

:-moz-placeholder { /* Firefox 18- */
   text-align: center;  
}

::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;  
}

:-ms-input-placeholder {  
   text-align: center; 
}

/* #restart-panel-restart{
  float: left;
  width: 30%;
} */

/* #restart-panel-restart-icon{
  height: 50px;
  width: 45px;
} */

#byteDesk-quick-question {
  position: absolute;
  right: 0;
  bottom: 55px;
  left: 0;
  width: 100%;
  /* display: none; */
}

#byteDesk-quick-question-arrow {
  font-size: 12px;
  margin-left: 5px;
  background: white;
  padding: 6px 6px 6px 6px;
  border-radius: 15px;
  border: solid;
  border-color: #bbbbbb;
  border-width: thin;
  cursor: pointer;
}

.byteDesk-quick-question-item {
  font-size: 12px;
  margin-left: 5px;
  background: white;
  padding: 6px 6px 6px 6px;
  border-radius: 15px;
  border: solid;
  border-color: #bbbbbb;
  border-width: thin;
  cursor: pointer;
}