html {position:relative; overflow-x:hidden !important;}
* {box-sizing:border-box;}
body {font-family:'Quicksand', sans-serif; color:#324e63; padding:0; margin:0;}
a, a:hover {text-decoration:none;}
.icon {display:inline-block; width:1em; height:1em; stroke-width:0; stroke:currentColor; fill:currentColor;}
.wrapper {width:100%; width:100%; height:auto; min-height:100vh; padding:50px 20px; padding-top:100px; display:flex; background-image:linear-gradient(-20deg, #ff2846 0%, #6944ff 100%); display:flex; background-image:linear-gradient(-20deg, #ff2846 0%, #6944ff 100%);}
@media screen and (max-width:768px) {
.wrapper {height:auto; min-height:100vh; padding-top:100px;}
}
.profile-card {width:100%; min-height:0px; margin:auto; box-shadow:0px 8px 60px -10px rgba(13, 28, 39, 0.6); background:#fff; border-radius:12px; max-width:1024px; position:relative;}
.profile-card.active .profile-card__cnt {filter:blur(6px);}
.profile-card.active .profile-card-message,
.profile-card.active .profile-card__overlay {opacity:1; pointer-events:auto; transition-delay:.1s;}
.profile-card.active .profile-card-form {transform:none; transition-delay:.1s;}
.profile-card__img {width:150px; height:150px; margin-left:auto; margin-right:auto; transform:translateY(-50%); border-radius:50%; overflow:hidden; position:relative; z-index:4; box-shadow:0px 5px 50px 0px #6c44fc, 0px 0px 0px 7px rgba(107, 74, 255, 0.5);}
@media screen and (max-width:576px) {
.profile-card__img {width:120px; height:120px;}
}
.profile-card__img img {display:block; width:100%; height:100%; object-fit:cover; border-radius:50%;}
.profile-card__cnt {margin-top:-35px; text-align:center; padding:0 20px; padding-bottom:40px; transition:all .3s;}
.profile-card__name {font-weight:700; font-size:24px; color:#0043ab; margin-bottom:15px;}
.profile-card__name a {font-weight:700; font-size:24px; color:#F00; margin-bottom:15px;}
.profile-card__txt {font-size:18px; font-weight:500; color:#F00; margin-bottom:15px;}
.profile-card-loc {display:flex; justify-content:center; align-items:center; font-size:18px; font-weight:600;}
.profile-card-loc__icon {display:inline-flex; font-size:27px; margin-right:10px;}
.profile-card-inf {display:flex; justify-content:center; flex-wrap:wrap; align-items:flex-start; margin-top:35px;}
.profile-card-inf__item {padding:10px 35px; min-width:150px;}
@media screen and (max-width:768px) {
.profile-card-inf__item {padding:10px 20px; min-width:120px;}
}
.profile-card-inf__title {font-weight:700; font-size:27px; color:#324e63;}
.profile-card-inf__txt {font-weight:500; margin-top:7px;}
.profile-card-social {margin-top:25px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.profile-card-social__item {display:inline-flex; width:55px; height:55px; margin:15px; border-radius:50%; align-items:center; justify-content:center; color:#fff; background:#405de6; box-shadow:0px 7px 30px rgba(43, 98, 169, 0.5); position:relative; font-size:21px; flex-shrink:0; transition:all .3s;}
@media screen and (max-width:768px) {
.profile-card-social__item {width:50px; height:50px; margin:10px;}
}
@media screen and (min-width:768px) {
.profile-card-social__item:hover {transform:scale(1.2);}
}
.profile-card-social__item.facebook {background:linear-gradient(45deg, #3b5998, #0078d7); box-shadow:0px 4px 30px rgba(43, 98, 169, 0.5);}
.profile-card-social__item.twitter {background:linear-gradient(45deg, #1da1f2, #0e71c8); box-shadow:0px 4px 30px rgba(19, 127, 212, 0.7);}
.profile-card-social__item.instagram {background:linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d); box-shadow:0px 4px 30px rgba(120, 64, 190, 0.6);}
.profile-card-social__item.behance {background:linear-gradient(45deg, #1769ff, #213fca); box-shadow:0px 4px 30px rgba(27, 86, 231, 0.7);}
.profile-card-social__item.github {background:linear-gradient(45deg, #333333, #626b73); box-shadow:0px 4px 30px rgba(63, 65, 67, 0.6);}
.profile-card-social__item.codepen {background:linear-gradient(45deg, #324e63, #414447); box-shadow:0px 4px 30px rgba(55, 75, 90, 0.6);}
.profile-card-social__item.link {background:linear-gradient(45deg, #d5135a, #f05924); box-shadow:0px 4px 30px rgba(223, 45, 70, 0.6);}
.profile-card-social .icon-font {display:inline-flex;}
.profile-card-ctr {display:flex; justify-content:center; align-items:center; margin-top:40px;}
@media screen and (max-width:576px) {
.profile-card-ctr {flex-wrap:wrap;}
}
.profile-card__button {background:none; border:none; font-family:'Quicksand', sans-serif; font-weight:700; font-size:19px; margin:15px 35px; padding:15px 40px; min-width:201px; border-radius:50px; min-height:55px; color:#fff; cursor:pointer; backface-visibility:hidden; transition:all .3s;}
@media screen and (max-width:768px) {
.profile-card__button {min-width:170px; margin:15px 25px;}
}
@media screen and (max-width:576px) {
.profile-card__button {min-width:inherit; margin:0; margin-bottom:16px; width:100%; max-width:300px;}
  .profile-card__button:last-child {margin-bottom:0;}
}
.profile-card__button:focus {outline:none !important;}
@media screen and (min-width:768px) {
.profile-card__button:hover {transform:translateY(-5px);}
}
.profile-card__button:first-child {margin-left:0;}
.profile-card__button:last-child {margin-right:0;}
.profile-card__button.button--blue {background:linear-gradient(45deg, #1da1f2, #0e71c8); box-shadow:0px 4px 30px rgba(19, 127, 212, 0.4);}
.profile-card__button.button--blue:hover {box-shadow:0px 7px 30px rgba(19, 127, 212, 0.75);}
.profile-card__button.button--orange {background:linear-gradient(45deg, #d5135a, #f05924); box-shadow:0px 4px 30px rgba(223, 45, 70, 0.35);}
.profile-card__button.button--orange:hover {box-shadow:0px 7px 30px rgba(223, 45, 70, 0.75);}
.profile-card__button.button--gray {box-shadow:none; background:#dcdcdc; color:#142029;}
.profile-card-message {width:100%; height:100%; position:absolute; top:0; left:0; padding-top:130px; padding-bottom:100px; opacity:0; pointer-events:none; transition:all .3s;}
.profile-card-form {box-shadow:0 4px 30px rgba(15, 22, 56, 0.35); max-width:80%; margin-left:auto; margin-right:auto; height:100%; background:#fff; border-radius:10px; padding:35px; transform:scale(0.8); position:relative; z-index:3; transition:all .3s;}
@media screen and (max-width:768px) {
.profile-card-form {max-width:90%; height:auto;}
}
@media screen and (max-width:576px) {
.profile-card-form {padding:20px;}
}
.profile-card-form__bottom {justify-content:space-between; display:flex;}
@media screen and (max-width:576px) {
.profile-card-form__bottom {flex-wrap:wrap;}
}
.profile-card textarea {width:100%; resize:none; height:210px; margin-bottom:20px; border:2px solid #dcdcdc; border-radius:10px; padding:15px 20px; color:#324e63; font-weight:500; font-family:'Quicksand', sans-serif; outline:none; transition:all .3s;}
.profile-card textarea:focus {outline:none; border-color:#8a979e;}
.profile-card__overlay {width:100%; height:100%; position:absolute; top:0; left:0; pointer-events:none; opacity:0; background:rgba(22, 33, 72, 0.35); border-radius:12px; transition:all .3s;}
.dt_cate{margin-top:30px; margin-bottom:50px;}
.dt_stipe{background-image: linear-gradient(-20deg, #39a7f9 0%, #6944ff 100%); display:block; width:100%; height:40px; line-height:40px; color:#fff; text-align:left; text-indent:20px; margin-bottom:-10px; border-radius:10px 10px 0px 0px; position:relative;}
.dt_stipe a{position:absolute; right:15px; top:0px; color:#fff;}
.profile-card-inf{margin-top:5px;}
.to_top a{color:#fff;}
.dt_btn{background: linear-gradient(-125deg,#783fe6 0,#2f49fd 100%);} 
.beian{position:absolute; bottom:-35px; left:0%;width:100%; text-align:center;}
.beian a{color:#e0dddd;}
.float-text{color:#0056ff}
.float-icon{color:#0056ff}
.float-hover{color:#0056ff}
.flost-hover-bg{background-color:#0056ff}
.float-border{border-color:#ececec!important}
.float-box{width:68px;padding:5px;font-size:14px;position:fixed;right:0;top:75%;z-index:9997;margin-top:-303px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+100))}
.float-vip{text-align:center;line-height:1.2}
.float-vip a{display:block;width:100%;padding:10px 0;border:1px solid #ececec;background-color:#FFF}
.float-vip a:hover{border-color:#0056ff!important;background-color:#0056ff;opacity:1;color:#FFF}
.float-box .layui-icon{font-size:20px!important;}
.float-vip .iconfont{font-size:32px;line-height:32px}
.float-ul,.float-ul li{margin:0;padding:0}
.float-ul{margin-top:5px;text-align:center;line-height:1.2;list-style:none;background-color:#FFF;box-shadow: 0 2px 5px #884ada;border-radius: 5px}
.float-ul .iconfont{font-size:20px;line-height:20px}
.float-ul li a{display:block;width:100%;padding:10px 0;line-height:18px;border-radius:5px;}
.float-ul li a:hover{background:linear-gradient(-125deg,#0295f9 0,#2f49fd 100%);box-shadow:0 8px 10px rgba(32,160,255,.3);color:#FFF}
.float-ul li a.qq{-moz-border-top-left-radius:4px;-moz-border-top-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;position:relative}
.float-ul li a.weixin{position:relative}
.float-ul li a.fankui{-moz-border-bottom-left-radius:4px;-moz-border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.float-ul li a.fankui .iconfont{font-size:22px;line-height:22px}
.float-alert-box{width:180px;height:185px;background-color:#FFF;border:1px solid #ececec;position:absolute;right:60px;top:0;z-index:9998;display:none}
.dbsvip li a:hover{background:linear-gradient(-125deg,#ffab23 0,#ff0036 100%);color:#fff;margin-bottom:20px;box-shadow:0 8px 10px rgba(255,0,12,0.3);color:white;border-radius:50%}
.float-qq-box{padding:20px 15px}
.float-weixin-box{padding:15px}
.float-weixin-box img{margin:0 auto}
.float-weixin-box p{font-weight:600;color:#0056ff;margin-bottom:5px}
.float-alert-box h6{font-size:20px;color:#0056ff}
.float-alert-box p{line-height:24px}
.float-ul li .float-qq-box{color:#666}
.float-ul li .float-weixin-box{color:#666;top:-61px}
.float-qq-btn{padding:10px;background-color:#0056ff;color:#FFF}
@media screen and (max-width:980px){
.dt_cate{margin-bottom: 20px;}
.dt_cate span{width:100%; text-align:left; display:inline-block; margin-bottom:10px;}
.dt_cate a{float:left; width:calc(50% - 10px); margin-bottom:10px;}
.n1{margin-left:10px;}
.dt_wap_hide{display:none;}
}