@charset "utf-8";
@import url("styles.css");
/*
   * wx: c5h865 *
   * qq: 465320335
   * time: 2021,12,20 *
*/ 

body {
   background-color: #f6f6f6;
}
.wrapper {
   width: 100%;
   height: 100%;
}
.left {
   position: fixed;
   left: 0;
   top: 0;
   width: 18%;
   height: 100%;
   z-index: 99999;
   background-color: #fff;
   box-shadow: 0 0 13px rgba(0,0,0,0.03);
   padding: 3% 1.5%;
}
.left ._tx {
   position: relative;
   margin: 0 auto;
   width: 110px;
   height: 110px;
   padding: 18px;
   border-radius: 110px;
   background-color: #fff;
   box-shadow: 0 0 15px rgba(0,0,0,0.08);
   cursor: pointer;
}
.left ._tx img {
   width: 100%;
   height: 100%;
   object-fit: cover
}
.left ._tx::after {
   content: '';
   display: block;
   position: absolute;
   right: 13px;
   bottom: 3px;
   width: 16px;
   height: 16px;
   border-radius: 20px;
   background-color: #09f175;
}
.left ._name {
   font-family: 'Open Sans';
   font-weight: 300;
   padding: 22px 0 15px;
}
.left ._nav {
   padding-top: 40px;
}
.left ._nav li {
   position: relative;
}
.left ._nav li a {
   display: block;
   color: #666;
}
.left ._nav li a:hover,
.left ._nav li a.on {
   color: #b100d2;
}
.left ._nav li::after {
   content: '';
   display: block;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   opacity: 0;
   border-bottom: 1px solid #b100d2;
   transition: all 0.7s;
   transform: scaleX(0);
}
.left ._nav li:hover::after {
   transform: scaleX(1);
   opacity: 1;
}
.left ._copy {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   color: #aaa;
   text-align: left;
   padding: 8%;
}
.left ._copy a {
   color: #aaa;
}
.left ._copy a:hover {
   color: #b100d2;
}

.right {
   margin-left: 18%;
   width: 82%;
   padding: 2.5% 5% 2.5% 2.6%;
}
.right ._news {
   width: 100%;
}
.right ._news li {
   position: relative;
   background: #fdfdfd;
   padding: 29px 28px;
   border-radius: 3px;
   transition: all 0.5s;
   overflow: hidden;
   margin-bottom: 15px;
}
.right ._news li:hover {
   background-color: #fff;
   box-shadow: 0 0 15px rgba(0,0,0,0.02);
}
.right ._news li h3 {
   font-size: 17px;
}
.right ._news li h6 {
   font-weight: normal;
   color: #888;
   padding: 13px 0 15px;
   line-height: 20px;
}
.right ._news li h3 a {
   display: block;
   color: #333;
}
.right ._news li a:hover,
.content .c_title span a:hover {
   color: #b100d2;
}
.right ._news li span,
.content .c_title span {
   display: block;
   color: #aaa;
}
.right ._news li span a,
.content .c_title span a {
   color: #aaa;
}
.right ._news li span i,
.content .c_title span i {
   display: inline-block;
   margin-right: 7px;
}
.right ._news li span i.fa-ml,
.content .c_title span i.fa-ml {
   margin-left: 10px;
}
.right ._news li::before {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 0;
   border-top: 3px solid #b100d2;
   transition: all 0.7s;
}
.right ._news li:hover::before {
   width: 100%;
}

.content {
   position: relative;
   background-color: #fff;
   padding: 7% 4% 5%;
   border-radius: 3px;
   box-shadow: 0 0 12px rgba(0,0,0,0.02);
}
.content .c_fan {
   position: absolute;
   left: 0;
   top: 0;
   overflow: hidden;
   width: 66px;
   height: 66px;
}
.content .c_fan::after {
   position: absolute;
   display: block;
   content: '';
   top: -45px;
   left: -45px;
   z-index: 0;
   border: 45px solid transparent;
   border-bottom-color: #b100d2;
   transform: rotate(-45deg);
}
.content .c_fan a {
   position: relative;
   z-index: 9;
   color: #fff;
   display: block;
   padding-left: 1px;
   transform: rotate(-45deg);
}
.content .c_title {
   padding: 0 0 22px 1px;
   border-bottom: 1px solid #eee;
}
.content .c_title h2 {
   font-size: 22px;
   color: #444;
}
.content .c_title span {
   margin-top: 20px;
}
.content .c_info {
   padding: 3.5% 0;
   color: #383838;
   overflow: hidden;
}
.content .c_info img {
   max-width: 100%;
}


/* tool */
.search_ico {
   position: fixed;
   top: 5%;
   right: 0;
   width: 48px;
   background-color: #b100d2;
   padding: 5px 0 4px 6px;
   cursor: pointer;
   z-index: 999;
   border-radius: 30px 0 0 30px;
}
.search_ico i {
   font-size: 31px;
   color: #fff;
}

.user_ico {
   position: fixed;
   top: 13%;
   right: 0;
   width: 25px;
   background-color: #b100d2;
   z-index: 999;
   line-height: 15px;
   border-radius: 2px;
   overflow: hidden;
}
.user_ico a {
   padding: 8px 3px 6px;
   color: #fff;
   display: block;
}
.user_ico a:first-child {
   border-bottom: 1px solid rgba(0,0,0,0.07);
}




/* footer */
.footer {
   width: 100%;
   border-top: 8px solid #d8d8d8;
   background-color: #001221;
   color: #567d8f;
   padding: 30px 0 32px
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #aeaeae;
   font-size: 14px;
}
p#back-to-top{
   position: fixed;
   display: none;
   bottom: 20px;
   right: 20px;
}
p#back-to-top i {
   font-size: 22px;
}
p#back-to-top a {
   text-align: center;
   display: block;
   height: 30px;
   width: 30px;
   line-height: 30px;
   border: 1px #b100d2 solid;
   color: #b100d2;
   overflow: hidden;
}
p#back-to-top a:hover {
   color: #fff;
   border-color: #b100d2;
   background-color: #b100d2;
}