@charset "UTF-8";
/* CSS Document */
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /*兼容低版本的浏览器*/
  -webkit-box-sizing: border-box;
  /*为了兼容低版本的web*/
  color: #000; }

body {
  font-size: 12px;
  font-family: Arial,Verdana,Tahoma,"微软雅黑","黑体";
  line-height: 120%;
  background: #fff;
  margin: 0;
  overflow-x: hidden;
  /*溢出隐藏，去掉水平方向的，直接剪裁*/ }

p, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, form, table {
  margin: 0;
  padding: 0; }

a, img {
  border: none;
  /*兼容ie浏览器*/ }

img {
  vertical-align: middle;
  border: 0; }

li {
  list-style: none; }

i, em {
  font-style: normal; }

a {
  text-decoration: none;
  color: #000000;
  border: 0; }

a:link {
  text-decoration: none;
  color: #000000; }

a:visited {
  text-decoration: none;
  color: #000000; }

a:hover {
  text-decoration: none;
  color: #000000; }

a:active {
  text-decoration: none;
  color: #000000; }

.clearfix:before, .clearfix:after {
  display: table;
  content: ""; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/*兼容ie浏览器*/
table {
  border-collapse: collapse; }

[v-cloak] {
  display: none; }

.theme {
  color: #ed4c18; }

#app {
  width: 100%;
  height: 100vh;
  background: #f4f4f4; }
  #app #main {
    width: 100%;
    max-width: 430px;
    height: 100%;
    display: flex;
    flex-direction: column;
    margin: auto; }
    #app #main .scroll {
      flex: 1;
      height: 0;
      overflow: auto;
      padding: 15px 10px; }
    #app #main .header-block {
      display: flex;
      align-items: center;
      justify-items: center;
      border-radius: 10px;
      background: white;
      padding: 10px; }
      #app #main .header-block-logo {
        width: 100px;
        height: 100px;
        margin-right: 15px; }
        #app #main .header-block-logo img {
          width: 100%;
          border-radius: 10px; }
      #app #main .header-block-row {
        display: flex;
        align-items: center;
        justify-items: center; }
      #app #main .header-block .name-title {
        color: #000;
        font-weight: bolder;
        font-size: 16px; }
      #app #main .header-block .name-btn {
        background-color: #ed4c18;
        color: white;
        border-radius: 5px;
        margin-left: 8px;
        padding: 2px 5px; }
      #app #main .header-block .option {
        padding: 5px 0; }
        #app #main .header-block .option-logo i {
          font-size: 16px; }
        #app #main .header-block .option-text {
          color: #969696; }
      #app #main .header-block .btn-block {
        color: #ed4c18;
        border: 1px solid #ed4c18;
        padding: 2px 5px;
        border-radius: 3px;
        margin: 0 10px 5px 0; }
      #app #main .header-block .remark-block {
        color: #969696; }
      #app #main .header-block-main {
        display: flex;
        flex-direction: column;
        flex: 1; }
    #app #main .main .ask {
      display: flex;
      padding: 10px 0; }
      #app #main .main .ask-left {
        margin-right: 10px; }
        #app #main .main .ask-left img {
          width: 40px;
          height: 40px;
          border-radius: 50%; }
      #app #main .main .ask-right {
        flex: 1; }
        #app #main .main .ask-right-top {
          display: flex;
          align-items: center; }
          #app #main .main .ask-right-top-name, #app #main .main .ask-right-top-position, #app #main .main .ask-right-top-time {
            color: #666;
            margin-right: 5px; }
        #app #main .main .ask-right-main {
          word-break: break-all;
          background: #fff;
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
          border-radius: 10px;
          padding: 15px;
          margin-top: 10px;
          font-size: 15px;
          line-height: 1.6em; }
        #app #main .main .ask-right-problem {
          font-size: 15px; }
        #app #main .main .ask-right-option {
          width: 100%; }
          #app #main .main .ask-right-option .ask-right-btn {
            display: inline-block;
            background-color: #ed4c18;
            border-radius: 20px;
            padding: 10px 15px;
            width: 100%;
            color: white;
            cursor: pointer;
            margin-top: 10px; }
      #app #main .main .ask .btn {
        background-color: #ff8435;
        margin-top: 15px;
        border-radius: 10px;
        width: 100%;
        font-size: 16px;
        color: white;
        padding: 15px;
        text-align: center;
        cursor: pointer; }
    #app #main .main .askTwo {
      display: flex;
      justify-content: flex-end; }
      #app #main .main .askTwo-right {
        background-color: #ed4c18;
        color: white;
        border-radius: 10px;
        display: inline-block;
        padding: 15px; }
    #app #main .footer {
      padding: 10px;
      margin: auto;
      font-size: 13px;
      text-align: center;
      width: 100%; }
      #app #main .footer-main-div {
        color: #969696;
        line-height: 1.6em; }
      #app #main .footer-main-btn {
        background-color: #ed4c18;
        color: white;
        padding: 15px;
        border-radius: 10px;
        cursor: pointer;
        font-size: 16px;
        text-align: center;
        animation: pulse 1.5s infinite;
        transition: all 0.2s; }

@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(237, 76, 24, 0.7); }
  70% {
    transform: scale(1.05);
    box-shadow: 0 0 0 8px rgba(237, 76, 24, 0); }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(237, 76, 24, 0); } }

/*# sourceMappingURL=index.css.map */