@charset utf-8;
html,body{
  color:#333;
  background-color:#1C1D21;
}

a:link,a:visited {
  color:#555;
  text-decoration:none
}
a:hover {
  color:#f80;
}
a:active {
  color:#f00;
}

/* 特殊意义的类选择器 */
.frame {
    width: 80%;
    max-width: 12rem;
    margin: 0 auto;
    min-width: 3.2rem;
    overflow: hidden;
}

@font-face {
  font-family: 'iconfont';  /* project id 1080267 */
  src: url('//at.alicdn.com/t/font_1080267_fz0ok5kj53e.eot');
  src: url('//at.alicdn.com/t/font_1080267_fz0ok5kj53e.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1080267_fz0ok5kj53e.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1080267_fz0ok5kj53e.woff') format('woff'),
  url('//at.alicdn.com/t/font_1080267_fz0ok5kj53e.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1080267_fz0ok5kj53e.svg#iconfont') format('svg');
}

.iconfont,.ifont{
	font-family:iconfont;
	font-size:.16rem;
	font-style:normal;
	/*-webkit-font-smoothing:antialiased;
	-webkit-text-stroke-width:.02rem;*/
}
input,select,textarea,button{
  padding: 0 .1rem;
  border: 1px solid #888;
  outline: none;
}
button,
input[type=button],
input[type=submit],
input[type=reset]{
    border: none;
    background-color: #333;
    color: #fff;
}
/*input[type=radio],
input[type=checkbox]{
  vertical-align: middle;
  -webkit-appearance:none;
}
*/button:hover,
input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover{
    background-color: #555;
}
button:active,
input[type=submit]:active,
input[type=button]:active,
input[type=reset]:active{
    background-color: #000;
}
button:disabled,
input[type=submit]:disabled,
input[type=button]:disabled,
input[type=reset]:disabled {
    border: 1px solid #ddd !important;
    background-color: #eee !important;
    color: #888 !important;
}


.btn{
  display: inline-block;
  line-height: 3;
}
.btn1,
.btn1:link,
.btn1:visited{
  background-color: #3E4146;
  color:#fff;
}
.btn1:hover{
  background-color: #f80;
}
.btn1:active{
  background-color: #f00;
}



.link1:link,
.link1:visited{
  text-decoration: underline;
  color:#fff;
}
.link1:hover{
  color:#f80;
}
.link1:active{
  color:#f00;
  margin:0 1rem;
}
.link2:link,
.link2:visited{
  color:#f00;
}
.link2:hover{
  color:#f80;
}
.link2:active{
  color:#f00;
}


.link3:link,
.link3:visited{
  color:#fff;
  background-color: #212121;
}
.link3:hover{
  background-color:#f80;
}
.link3:active{
  background-color:#f00;
}

.link4:link,
.link4:visited{
  color:#fff;
  background-color: #900;
}
.link4:hover{
  background-color:#f80;
}
.link4:active{
  background-color:#f00;
}

@media screen and (max-width: 960px){
  .frame {
      width: auto;
      margin: 0 1.rem;
      min-width: auto;
      overflow: hidden;
  }
}





/**
 *
 * 毛玻璃效果相关
 *
 */
.filter-blur,.filter-blur:before{
    position: relative;
    background-image: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;  
    z-index: 1; 
}        
.filter-blur:before { 
    position: absolute;  
    content: "";   
    top: 0;  
    left: 0;  
    right: 0;  
    bottom: 0;  
    z-index: -1;

} 
      
.blur-1:before { 
    -webkit-filter: blur(.1px);
    -moz-filter: blur(1px);
    -ms-filter: blur(1px);
    -o-filter: blur(1px);
    filter: blur(1px); 
    margin: -2px;
}  
.blur-2:before { 
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    -o-filter: blur(2px);
    filter: blur(2px); 
    margin: -4px;
}  
.blur-3:before { 
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    -o-filter: blur(3px);
    filter: blur(3px); 
    margin: -6px;
}  
.blur-4:before { 
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -ms-filter: blur(4px);
    -o-filter: blur(4px);
    filter: blur(4px); 
    margin: -8px;
}  
.blur-5:before { 
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px); 
    margin: -10px;
}