.font-hei {font-family: "San Francisco","Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;}
.font-kai {font-family: Baskerville, Georgia, "Liberation Serif", "Kaiti SC", STKaiti, "AR PL UKai CN", "AR PL UKai HK", "AR PL UKai TW", "AR PL UKai TW MBE", "AR PL KaitiM GB", KaiTi, KaiTi_GB2312, "TW\-Kai", serif;}
.font-song {font-family: Georgia, "Nimbus Roman No9 L", "Songti SC", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", serif;}
.font-fang-song {font-family: Baskerville, "Times New Roman", "Liberation Serif", STFangsong, FangSong, FangSong_GB2312, "CWTEX\-F", serif;}
.font-ming {font-family: Georgia, "Nimbus Roman No9 L", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif;}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
*{
    -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
body,html{
    font-size: 12px;
    font-weight: 300;
    font-family: "San Francisco",Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    background: #fcfcfc;
}
html,body,ul,li,div,p,header,footer{
    margin: 0;
    padding:0;
}
body{
    //padding-top: 45px;
    padding-bottom: 45px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

ul{
    list-style: none;
}
a{
    color:inherit;
    text-decoration: none;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}

hr {
    border: 0;
    border-top: 1px #007aff dashed;
    margin: 0 10px;
}

@font-face {
    font-family: 'iconfont';
    src: url('/static/font/iconfont.woff') format('woff');

}

@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1427782392_1788816.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1427782392_1788816.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1427782392_1788816.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1427782392_1788816.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1427782392_1788816.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

.hidden {
    opacity:0;
}
.main {
    display: none;
}
.fade {
    opacity: 0.2 !important;
}
.result-list {
    display: block;
    z-index: 10;
    position: absolute;
    width: 100%;
    min-height: 100%;
    background: #fcfcfc;
}
.result-list.hidden{
    display: none;
}

.result-list .item{
    height: 80px;
}
.result-list h2 {
    font-weight: 300;
    font-size: 2em;
    margin-top: 20px;
    line-height: 100%;
    color: #373737;
}
.result-list h3 {
    font-weight: 300;
    color: #007aff;
    margin-top: 20px;
    margin-bottom: 8px;
    font-size: 1.5em;
}
.result-list p {
    color: #818181;
}
.result-list .right {
    position: absolute;
    right: 10px;
}
.result-list .left {
    position: absolute;
    left: 10px;
}

input[type="search"] {
    -webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button {
  /* Remove default */
  -webkit-appearance: none;

  /* Now your own custom styles */
  height: 10px;
  width: 10px;
  background: #007aff;
  /* Will place small red box on the right of input (positioning carries over) */
}

/******底部版权声明*******/
.copyright{
    padding-top:10px;
    padding-bottom:10px;
}
.copyright p{
    height:18px;
    text-align: center;
    font-size: 12px;
    color:rgb(252,83,155);

}
.footer {
    margin-left:10px;
    margin-top: 23px;
    padding: 0 5px;
    text-align:center;
    color: #818181;
    font-size:0.85em;
}

.footer a{
    color: #007AFF;
}

.help {
    display: block;
    width: 100%;
    margin: 10px;
    text-align: center;
    color: #007AFF;
    font-size:1em;
}

.spinner {
  width: 60px;
  height: 60px;

  position: absolute;
    top: 90px;
    left: 50%;
  margin-left: -30px;
    z-index: 99;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #007aff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;

  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.share-button {
    position: fixed;
    right: 10px;
    bottom: 54px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    background: #ddd;
    text-align: center;
    color: #fff;
    font-size: 21px;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.share-button.hidden {
    right: -40px;
}
#share-bg {
    position: fixed;
    top:0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.85;
}
#share-bg img{
    position: fixed;
    right: 0px;
    top: 0;
    width: 100%;
}

.one {
    -moz-box-flex:1;
    -webkit-box-flex:1;
    box-flex:1;
}

.two {
    -moz-box-flex:2;
    -webkit-box-flex:2;
    box-flex:2;
}

/**
 * box loading animation
 */
.box-loading {
  width: 30px;
  height: 30px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
}
.box-loading:before {
  content: '';
  width: 30px;
  height: 3px;
  background: #000;
  opacity: 0.1;
  position: absolute;
  top: 44px;
  left: 0;
  border-radius: 50%;
  animation: box-loading-shadow 0.5s linear infinite;
}
.box-loading:after {
  content: '';
  width: 30px;
  height: 30px;
  background: #007aff;
  animation: box-loading-animate 0.5s linear infinite;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 2px;
}
@keyframes box-loading-animate {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 20px;
  }
  75% {
    transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    transform: translateY(0) rotate(90deg);
  }
}
@keyframes box-loading-shadow {
  0%,
  100% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1);
  }
}

@media screen and (min-width: 321px) {
    body {
        font-size: 1.2em;
    }

    .share-button {
        bottom: 60px;
    }
}