@font-face{
    font-family: "myFirstFont";
    src: url(../../static/media/fontawesome-webfont.912ec66d.svg),
         url(../../static/media/fontawesome-webfont.674f50d2.eot); /* IE9 */
    }

html, body, #root{
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height:100%;
}

body,html,ul,a{
  padding:0px;
  margin: 0px;
}

.App{
    font-family:"myFirstFont"
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

.hand:hover{
  cursor:pointer
}

a{
  text-decoration: none;
}

ul li{
    list-style-type:none;
}
.App{
    display: flex;
    flex-flow: column;
    width: 1000px;
    min-height: 110%;
    background-color:#ffffff;
    margin: auto;
    left: 0;
    right: 0;
    position: relative;
}

.text-imp{
  color:red;
}

.text-tap{
  border-radius: 5px;
  padding:5px 10px;
  margin: auto 5px;
}

.text-tap.blue{
  background:blue;
  color: white;
}

.text-tap.blue2{
  background:#B4efee;
  color: gray;
}

.text-tap.green{
  background:green;
  color: white;
}
.text-tap.red{
  background:red;
  color: white;
}
.text-tap.yellow{
  background:yellow;
  color: gray;
}

.htmlText{
  resize:none;
  overflow:hidden;
  white-space:pre;
  overflow-x:auto;
  font-size:18px;
  border-color: rgb(204, 204, 204);
  background-color: rgb(248, 248, 248);
  border-radius: 3px;
  outline:none;
  padding: 0.6em 0.7em 0.9em 0.7em;
  line-height: 30px;
}
.htmlText:hover{
    cursor:default;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    font-family: ‘Courier New’, Courier, monospace;
    margin-bottom: 5px;
    margin-top: 25px;
}

.main-content{
    background:#ffffff;
    padding: 10px;
}

.main-content>p,.main-content>.htmlText{
    margin-left: 25px;
}

.main-content,ul{
    font-family:  "Helvetica Neue", Helvetica, "PingFang SC", Tahoma, "Hiragino Sans GB", "Heiti SC", Arial, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

.link{
    line-break: normal;
    text-decoration:underline;

}

.slideshowBox{
    overflow:hidden;
    display:flex;
    flex-flow:column;
    border-radius:10px;
    margin: 0 auto;
    position: relative;
  }
  
.slideshowBox>div{
    display: flex;
}

.slideshowImg{
    transition: width 1s , height 1s ;
    -webkit-transition: width 1s , height 1s ; /* Safari */
    margin-left: 5px;
    margin-right: 5px;
}

.slideshowIndex{
    position: absolute;
    bottom:10px;
    align-items: center;
    right:10px;
}

.slideshowBox img{
    width :100%;
    height :100%;
    /* background-repeat : no-repeat; */
}

.myShop,.myShop2{
    text-align: center;
    width:260px;
}

.pageBottom{
    position: fixed;
    bottom : 0 ;
    left:0;
    text-align: center;
    padding: 5px;
    width: 100%;
    background-color: #DCDCDC73;
}

.textMain{
    font-size: 20px;
    font-weight: bold;
    font-family:  "STXinwei"
}
.textMain2{
    font-size: 40px;
    font-weight: bold;
    font-family:  "STXinwei"
}

.tshop-psm-shop-header{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(//img.alicdn.com/tps/TB14UeFKXXXXXc7aXXXXXXXXXXX-1500-130.png) -259px 0 no-repeat;
    margin: 0 4px;
}

.tshop-psm-shop-header2 {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(//img.alicdn.com/tps/TB14UeFKXXXXXc7aXXXXXXXXXXX-1500-130.png) -837px 0 no-repeat;
    margin: 0 4px;
}