@charset "utf-8";
*{ word-wrap: break-word; word-break: break-all;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0;padding:0;}
body{ font:14px/1.6 Microsoft YaHei, Helvetica, sans-serif; color:#333;-webkit-tap-highlight-color: transparent;height: 100%;}
a{color:inherit;text-decoration:none;}
/*合并边线,边线空间至零.*/
table{border-collapse:collapse;border-spacing:0;}
/*清除边线*/
fieldset, img{border:0;display:block;}
ol,ul{list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
/*添加空字符清除融合*/
q:before, q:after {content:'';}
input, textarea, select {font-family:inherit;font-size:inherit;font-weight:inherit;}
input:focus,select:focus,textarea:focus{outline:none;}
label{ cursor: pointer; }
.clear{clear:both;overflow:hidden; }
.none{display:none;}
.fl{float:left;}
.fr{float:right;}
.margin{margin:0 auto;}
.ov{overflow: hidden;}


.bg{background: url('../images/BG-nen.png') no-repeat center;color: #fff;}
.main{width:100%;max-width: 900px;min-height: 100vh;margin: 0 auto;}
.logo{width: 385px;margin:0 auto;padding-top: 30px;}
.list{text-align: center;}

.list h2{font-weight: 800;font-size: 40px;margin-top: 30px;}
.list h6{background: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%) 0/200%;padding: 8px 0px 8px 0px;border-radius: 10px;font-size: 32px;margin-top: 10px;}
.list h6 a{display: block;}
.list .content{overflow: hidden;margin-top: 15px;}

.list .content a{margin:10px;padding:5px 0;display: inline-block;background: #08204d;color: #fff;font-size: 16px;line-height: 80px;position: relative; text-decoration: none; border-radius: 50px; width: 430px;text-align: center;}
.list .content a span{width: 80px;height: 80px;border-radius: 50%;display: block; line-height: 80px;text-align: center; float: left;margin-left: 5px;margin-right: 10px;background: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);position: relative;}

.list .content a span em{display: block;width: 70px;height: 70px;line-height: 70px;background: #08204d;font-size: 35px;position: absolute;top: 5px;left: 5px;z-index: 999;font-style: normal;border-radius: 50%;}

.list .content a i{background: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);font-style: normal;padding: 4px 8px;border-radius: 14px;transition: all 0.5s;float: right;line-height: 1.5;margin-top: 25px;margin-right: 10px;position: relative;font-size: 14px;}
.list .content a i:after {
    content: '>>';
    position: absolute;
    opacity: 0;
    top: 0;
    right: 10px;
    transition: 0.5s;
    height: 29px;
    line-height: 29px;
}



.list .content a:hover i{padding-right: 30px;}
.list .content a:hover i:after{opacity: 1;right: 5px;}



@media screen and (max-width: 768px) {
  .list{padding: 0 10px;}
  .list h2{font-size: 30px;}
  .list h6{font-size: 22px;}
  .list .content a{width: 100%;margin:5px 0;line-height: 40px;font-size: 14px;}
  .list .content a span{width: 40px;height: 40px;line-height: 40px;}
  .list .content a span em{width: 30px;height: 30px;line-height: 30px;font-size: 16px;}
  .list .content a i{margin-top: 6px;}
}