.white{color:#FFFFFF;}

/*????*/
body{font-family:"Microsoft YaHei";margin:0 auto;min-width: 320px;max-width: 640px;}
ol,ul{list-style:none;padding: 0;margin: 0;}
img{border:0;vertical-align:top;display:block;}
a{text-decoration:none;color:#090606;}
.body {background: #000;text-align:center;padding: 5% 0;}

/*Main-P-QQ*/
#Main-P-QQ {text-align:center;color:#fff;overflow: hidden;}
#Main-P-QQ  h1 {color: white;margin: 0 0 0.2em;font-size: 1.8em;line-height: 1.6em;}
/*toolBar*/
#toolBar {overflow: hidden;}
#toolBar .left{float:left;}
#toolBar .right{float:right;}
#toolBar li {float:left;font-size: 1em;padding-right:7px;line-height: 36px;color:#9A9A9A;padding-left:10px;}

/*Main-A*/
#Main-A {text-align:center;margin: 3% 0;}
#Main-A ul{margin: 0;padding: 0;align-items: center;}
#Main-A li{height: auto;padding: 0 0 2em;position: relative;}
#Main-A .small{display: none}
#Main-A img{width: 100%;}
#Main-A span {text-align:left;color:#B4B4B4;font-size: 1.2em;line-height:2em;position: absolute;bottom: 0;left: 0;right: 0;width: 100%;text-align: center;}
#Main-A .button_con .swiper-button-prev::after,#Main-A .button_con .swiper-button-next::after{content: " ";position: absolute;left: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.3);width: 60px;height: 60px;margin: auto -17px;z-index: -1;}

/*Main-B*/
#Main-B{margin: 3% auto;text-align:left;color:#B4B4B4;text-indent:2em;width: 96%;}
#Main-B p{margin:0;padding:0;font-size: 1.2em;line-height:1.6em;}

/*Main-C*/
#Main-C {border:1px solid #212121;background:#0D0D0D;/* margin: 5% auto; */padding: 0 36px;box-sizing: border-box;}
#Main-C  li{float: left;width: auto;margin: 1%;height: auto;border: 1px  solid transparent;padding: 1%;}
#Main-C  li img{width: 70px;}
#Main-C  span {display:block;color:#fff;font-size:0.8em;text-align: right;margin: 5px 5px 0 0;}
#Main-C  .active {border: 1px  solid #000;padding: 1%;background: #333;}

@media screen and (min-width: 320px) and (max-width: 452px){
.position{font-size: 1.25em;}
#Main-P-QQ  h1 {font-size: 1.6em;}
#Main-B p{font-size: 1em;}
#Main-A span {font-size: 1em;}
#toolBar li {font-size: 0.9em;}
}

@media only screen and (max-width:349px) and (min-width:320px){
.position{font-size: 1.1em;}
#Main-P-QQ  h1 {font-size: 1.4em}
#Main-B p{font-size:0.8em;}
#Main-A span {font-size: 0.8em;}
#toolBar li {font-size: 0.8em;}
}