body{
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", "Microsoft YaHei";
	text-align: center;
}
a{
	text-decoration:none;
}
h2{
	font-size:2em
}
ul{
	margin:0;
	padding:0
}
p{
	margin-bottom:1.3em;
	line-height:1.7em
}
strong{
	font-weight:bold
}
hr{
	border:0
}

.ih-item.circle.effect{margin:0 auto;-webkit-perspective:900px;-moz-perspective:900px;perspective:900px}
.ih-item.circle.effect .img{z-index:11;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.ih-item.circle.effect .info{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d}

.ih-item.circle.effect .info .info-back{border-radius:50%;width:100%;height:100%;background:#333}

.ih-item.circle.effect .info h2{color:#fff;position:relative;font-size:18px;margin:0 auto;padding-top:40px;height:35px;text-shadow:0 0 1px white,0 1px 2px rgba(0,0,0,0.3)}
.ih-item.circle.effect .info p{color:#bbb;padding:0;font-style:italic;padding-left:0;font-size:10px}
.ih-item.circle.effect.bottom_to_top .img{-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0}
.ih-item.circle.effect.bottom_to_top a:hover .img{-webkit-transform:rotate3d(1,0,0,180deg);-moz-transform:rotate3d(1,0,0,180deg);-ms-transform:rotate3d(1,0,0,180deg);-o-transform:rotate3d(1,0,0,180deg);transform:rotate3d(1,0,0,180deg)}
.ih-item.circle.effect.top_to_bottom .img{-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}
.ih-item.circle.effect.top_to_bottom a:hover .img{-webkit-transform:rotate3d(1,0,0,-180deg);-moz-transform:rotate3d(1,0,0,-180deg);-ms-transform:rotate3d(1,0,0,-180deg);-o-transform:rotate3d(1,0,0,-180deg);transform:rotate3d(1,0,0,-180deg)}
.ih-item.circle.effect.left_to_right .img{-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%}
.ih-item.circle.effect.left_to_right a:hover .img{-webkit-transform:rotate3d(0,1,0,180deg);-moz-transform:rotate3d(0,1,0,180deg);-ms-transform:rotate3d(0,1,0,180deg);-o-transform:rotate3d(0,1,0,180deg);transform:rotate3d(0,1,0,180deg)}
.ih-item.circle.effect.right_to_left .img{-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%}
.ih-item.circle.effect.right_to_left a:hover .img{-webkit-transform:rotate3d(0,1,0,-180deg);-moz-transform:rotate3d(0,1,0,-180deg);-ms-transform:rotate3d(0,1,0,-180deg);-o-transform:rotate3d(0,1,0,-180deg);transform:rotate3d(0,1,0,-180deg)}
.ih-item a{color:#333}
.ih-item a:hover{text-decoration:none}
.ih-item img{width:100%;height:100%}
.ih-item.circle{position:relative;width:120px;height:120px;border-radius:50%}
.ih-item.circle .img{position:relative;width:120px;height:120px;border-radius:50%}
.ih-item.circle .img:before{position:absolute;display:block;content:"";width:100%;height:100%;border-radius:50%;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item.circle .img img{border-radius:50%}
.ih-item.circle .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
/* 
.iUp{opacity:0;-webkit-transform:translate3d(0,80px,0);-moz-transform:translate3d(0,80px,0);-ms-transform:translate3d(0,80px,0);-o-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0);-webkit-transition:all 2s cubic-bezier(0.19,1,0.22,1);-moz-transition:all 2s cubic-bezier(0.19,1,0.22,1);transition:all 2s cubic-bezier(0.19,1,0.22,1)}

.iUp.up{opacity:.8;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)}
*/
.iUp
{
	position:relative;
	animation:myfirst 1.5s;
}
@keyframes myfirst
{
	0%  {top:68px; opacity:0}
	100% {top:0px; opacity:.8}
}
::-webkit-scrollbar{display:none;}
*{scrollbar-width:none;}
*{-ms-overflow-style:none;}
.panel-cover{
	display: grid;
	grid-template-rows: auto 1fr;
	background:#666 url(https://www.lalaliya.cn/picture/W-1920);
	height: 100%;
    width: 100%;
    background-size: cover; /* 背景图片覆盖整个页面 */
	background-attachment: fixed; /* 背景图片固定 */
	background-position: center;
    position: absolute;
}

.panel-cover__divider{
	width:50%;
	margin:20px auto;
	border-top:1px solid rgba(255,255,255,0.14)
}

.panel-main{
	display: grid;
	place-items: center;
	width: 100%; 
	max-height: 100%;
	overflow-y: auto;
}

.panel-main__inner{/*display:table-cell;vertical-align:middle;position:relative;z-index:800*/}
.panel-main__content{
	max-width:860px;
	margin:0 auto;
}

.panel-inverted{font-weight:100;text-align:center;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.4)}
.panel-inverted a{color:#fff}

.cover-navigation{margin-top:28px}
.cover-navigation--social{margin-left:30px}

.btn:hover{color:#4e97d8;border-color:#4e97d8}

.navigation{position:relative;margin:0;list-style-type:none}
.navigation__item{display:inline-block;margin:5px 1px 0 0;line-height:1em}
.navigation__item a{
	display:block;
	position:relative;
	padding:10px 20px;
	border:1px solid #fff;
	border-radius:20px;
	font-size:.9em;
	font-weight:bold;
	letter-spacing:1px;
	text-shadow:none;
	color:#fff;
	-webkit-font-smoothing:antialiased
}
.navigation__item a:hover{
    border-radius:20px;
	background-color: #d9d9d9;
	color:#333;
	}
.navigation--social a{border:0;padding:6px 8px 6px 9px}
.navigation--social a .label{display:none}
.navigation--social a .fa{display:block;font-size:1.5em}

.remark{position:fixed;z-index:900;bottom:0;right:5px;text-align:center;color:#fff;opacity:.6!important;padding-bottom:3px;padding-right:18px;letter-spacing:-3px;font-size:0}
.power{display:inline-block;color:#fff!important;letter-spacing:0;font-size:10px;line-height:16px;margin:0;vertical-align:middle}


.site {
	display: inline-block;
    margin: 10px 6px;
    line-height: 1.1em;
    align-items: center;
    cursor: pointer;
}
.site-title{
    width: 50px;
    height: 18px;
	font-size: 12px;
	font-weight: 400;
	margin: 5px 0 0 0;
    overflow: hidden;
}
.site-title:hover{
	height:16px;
    line-height:16px;
	border-radius:4px;
	background-color: #fff;
	color:#333;
}
.image-container {
	display: inline-block;
	margin: 0px auto;
	text-align: center;
}
.image {
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    display: flex;
	background: #ffffff;
	border-radius: 12px;
	opacity: 0.8;
}
.image:hover {
	opacity: 1;
}
.image IMG {
    margin: 0px 0px;
    max-width: 24px;
    height: 24px;
}

/* 
ul{
    list-style: none;
} */

.dropbtn{
    color: white;
    border: none;
    padding: .8rem 1rem;
    font-size: 1rem;
    text-align: center;
    background-color: #c584b3;
    opacity:0.8;
    cursor: pointer;    
}

.dropdown-content {
    display: none;
}

.dropdown:hover .dropdown-content {
    display: block;
}

nav{
	z-index: 999;
	float:left;
	display: block;
    position: fixed;
    background-color: #c584b3;   
    opacity:0.8; 
}
.menus{
    color: #fff;
}
.li{
    padding: .8rem .4rem;
    /* 动画过渡 */
    transition: 0.3s;
}
.menus li:hover{
    background-color: #d2a6c6;
    opacity:0.8;
}
.li .fa{
    font-size: 20px;
    width: 50px;
    height: 20px;
    text-align: center;
    margin-left: 5px;
}
.li ul{
    width: 0;
    /* min-height: 600px; */
    padding: 1.5rem 0;
    background-color: #a06993;
    position: absolute;
    top: 0;
    left: 60px;
    overflow: hidden;
    transition: 0.3s;
}
.li:hover ul{
    width: 250px;
}
.li ul li{
    /* 文字禁止换行 */
    white-space: nowrap;
    transition: 0.3s;
}
.nav_item-first{
	font-size: 17px;
    font-weight: 600;
	padding:16px 24px;
	background-color: #c28fb4;
}
.nav_item{
	display: inline-block;
    margin: 10px 6px;
    line-height: 1em;
}
.nav_item a{
	display: block;
    position: relative;
    width:100px;
    height:38px;
    line-height:38px;
    border:1px solid #fff;
    border-radius:20px;
    font-size:.9em;
    font-weight:bold;
    letter-spacing:1px;
    text-shadow:none;
    color: #fff;
    -webkit-font-smoothing:antialiased;
    overflow: hidden;
}
.nav_item:hover{
    border-radius:20px;
    background: #c28fb4;
}
.icon {
        width: 24px;
        height: 24px;
}

.icon img{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: none;
}

.site-tag {
    font-size: .9em;
    width: 48px;
    height: 18px;
    overflow: hidden;
}

@media (min-width: 860px) {
    #search-wrap { width: 860px; }
}

@media (max-width: 860px) {
    #search-wrap { width: 100%; }
}

#search-wrap {			
    display: flex;
    flex: 1;
    height: 50px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    border-radius: 25px;
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    transition: transform .3s, opacity .5s;
    z-index: 2;
    opacity: 0.8;
}
#search-type {
    width: 50px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    cursor: pointer;
    transition: all .3s;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.search-type-arrow {
    height: 6px;
    opacity: .4;
    margin-right: 6px;
    user-select: none;
}
#search-menu-box {
    width: 96%;
    position: absolute;
    left: 2%;
    top: 115%;
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    z-index: 4;
    display: none;
    padding: 10px;
    box-sizing: border-box;
}
#search-menu {
    width: 100%;
    user-select: none;
    -ms-user-select: none;
}
.search-engine, .engine-add {
    float: left;
    width: 20%;
    cursor: pointer;
    box-sizing: border-box;
    border: 2px solid white;
    padding: 10px;
    display: flex;
    min-width: 120px;
    font-size: 14px;
    color: #333333;
    transition: all .2s;
    position: relative;
}
.search-engine-img {
    width: 20px;
    height: 20px;
    margin: 0px 8px 0 0px;
}
.search-engine span {
    display: inline-block;
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
}
#search-form {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
#search {
    /* background: cadetblue; */
    border: none;
    height: 98%;
    margin-right: 30px;
    padding: 0 0px 0 2px;
    box-sizing: border-box;
    outline: none;
    font-size: 14px;
    flex: 1;
    color: #333333;
}
#search-btn {
    cursor: pointer;
    width: 68px;
    height: 100%;
    background: url(../img/search.svg) no-repeat;
    background-color: #37a9e1;
    background-size: 28px 28px;
    background-position: center;
    border-radius: 0px 25px 25px 0px;
    outline: none;
    border: 0 none;
}
/* 按钮悬浮时样式 */
#search-btn:hover{
    background-color: #e84227;
}