/*
Theme Name: AiTu
*/

*{padding:0;margin:0;font:12px "Microsoft YaHei","Microsoft YaCSimSu",Arial,SimSun,"Segoe UI",Tahoma,Helvetica,Sans-Serif;text-decoration:none;color:#777;font-style: normal;list-style: none;line-height: 25px;}


body{background: #eef1f8;}

#hd{
    background: #fff;
    box-shadow: 0 2px 20px rgba(0,0,0,.07);
}
.hd{
    width: 95%;
    max-width: 1500px;
    margin: 0px auto;
    padding: 25px  0;
    line-height: 40px;
    height: 40px;
}

.logo{
    float: LEFT;
}
.logo img{
float: left;
    margin-left: -18px;
    height: 45px;
    width: 45px;
}
.logo a{
    line-height: 40px;
    display: inline-block;
    font-weight: bold;
    font-size: 30px;
    padding: 0 10px;
	
	
  /* 2. Ã¥Â®Å¡Ã¤Â¹â€°Ã¦Â¸ÂÃ¥ÂËœÃ¨Æ’Å’Ã¦â„¢Â¯ (Ã¤Â¾â€¹Ã¥Â¦â€šÃ¯Â¼Å¡Ã¤Â»Å½Ã¥Â·Â¦Ã¥Ë†Â°Ã¥ÂÂ³Ã¯Â¼Å’Ã§ÂºÂ¢Ã¨â€°Â²Ã¥Ë†Â°Ã¨â€œÂÃ¨â€°Â²) */
    background: linear-gradient(to left, #fb7299, #f44336);
  
  /* 3. Ã¥Â°â€ Ã¨Æ’Å’Ã¦â„¢Â¯Ã¨Â£ÂÃ¥â€°ÂªÃ¤Â¸ÂºÃ¦â€“â€¡Ã¥Â­â€”Ã¥Â½Â¢Ã§Å Â¶ */
    -webkit-background-clip: text; /* Ã¥â€¦Â¼Ã¥Â®Â¹ Webkit Ã¥â€ â€¦Ã¦Â Â¸Ã¦ÂµÂÃ¨Â§Ë†Ã¥â„¢Â¨ */
    background-clip: text;         /* Ã¦Â â€¡Ã¥â€¡â€ Ã¥Â±Å¾Ã¦â‚¬Â§ */
  
  /* 4. Ã¥Â°â€ Ã¦â€“â€¡Ã¥Â­â€”Ã©Â¢Å“Ã¨â€°Â²Ã¨Â®Â¾Ã¤Â¸ÂºÃ©â‚¬ÂÃ¦ËœÅ½ */
    color: transparent;            /* Ã¦Â â€¡Ã¥â€¡â€ Ã¥Â±Å¾Ã¦â‚¬Â§ */
    -webkit-text-fill-color: transparent; /* Ã¥â€¦Â¼Ã¥Â®Â¹ Webkit Ã¥â€ â€¦Ã¦Â Â¸Ã¦ÂµÂÃ¨Â§Ë†Ã¥â„¢Â¨ */
}
#nav{
    width: 95%;
    max-width: 1500px;
    margin: 20px auto 0;
}
.nav{background: #fff;box-shadow: 0 2px 20px rgba(0,0,0,.07);padding: 15px;border-radius: 3px;}
.navli{
    line-height: 25px;
}
.navli b a{
    font-weight: bold;
    color: red;
    font-size: 15px;
}
.navli a{
    margin-right: 7px;
}



.hrnv{
    float: right;
    line-height: 40px;
}
.hrnv a{
    margin-left: 12px;
    font-size: 14px;
    color: #555;
}
.hrnv span{
    border-left: 1px solid #ccc;
    margin-left: 12px;
}
.hrnv .sp2 a{color:#fb7299;font-weight:bold}

.fa-solid{margin-right:4px}

#hhhh1{
    background: linear-gradient(to right,#1a187b ,#fb7299);
}
.hhhh1{
    max-width: 1500px;
    margin: 0 auto;
    width: 95%;
    padding: 25px 0;
}
.hhhh1 h1{
    float: left;
    font-size: 20px;
    color: #eee;
    font-weight: bold;
}
.hhhh1 span{
    margin-left: 30px;
    margin-top: 3px;
    display: inline-block;
    color: #999;
}
.hhhh1 h1 .fa-solid{
    font-size: 18px;
    color: #eee;
}


.ac {
    width: 95%;
    max-width: 1500px;
    margin: 0px auto 0;
    overflow: hidden;
}
.lp{
    margin: 0 -10px;
}
.lp1{}
.acli{
    float: left;
    width: calc(25% - 20px);
    margin: 20px 10px 0;
}
.lilp1{}

.acli .img{
    position: relative;
}
.acli .img a{}
.acli .img span{
    height: 0px;
    display: block;
    padding-bottom: 150%;
	background:#aaa;
}
.acli .img img{
    width: 100%;
    height: auto;
}
.acli .img em{
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.5);
    width: calc(100% - 40px);
    padding: 30px 20px 20px 20px;
    height: 50px;
    overflow: hidden;
    display: block;
}
.jigou{
    position: absolute;
    z-index: 4;
    top: 20px;
    left: 20px;
    background: linear-gradient(to left, #fb7299, #f44336);
    border-radius: 2px;
    line-height: 20px;
    padding: 0 5px;
    box-shadow: 0 2px 20px rgba(0,0,0,.07);
    color: #fff;
}
.jigou a{
    color: #eee;
}
.jigou .fa-solid{color:#eee}

.page_navi{clear:both;font-size:14px;overflow:hidden;text-align:center;padding: 15px 0;}
.page_navi a,.page_navi span.page-numbers{background:#fff;border:1px solid #ddd;color:#999;display:inline-block;font-size: 13px;padding: 8px 16px;text-decoration:none;margin: 25px 5px 25px 5px;border-radius:2px;}
.page_navi .fa{margin:0}
.page_navi .current{background: #111!important;color:#fff!important;border-color: #111;}
.page_navi a:hover{background:#eee none repeat scroll 0 0;color:#f17c67}
.prev,.next,.dots{display:none !important}

