@charset "utf-8";
body {margin:0 auto; padding:0; background:url(../images/bg.jpg) no-repeat center center; background-size:100% 100%; background-color:#fff; position:relative;}/* */
body,html{ padding-top:0px; overflow-x:hidden;}
* {font-size:15px; line-height:25px; color:#606060; font-family:'微软雅黑';}
*:focus {outline:none;}
img { border:0px;}
ul {margin:0px; *margin-left:0px; margin-left:-40px;}
li {list-style-type:none;}
a { outline:none; outline:0;text-decoration:none;outline-style:none;}
a:link {font-size: 14px;color: #858585;text-decoration: none; transition:color 0.3s linear;}/* */
a:visited {font-size: 14px;color: #858585;text-decoration: none; transition:color 0.3s linear;}/* transition:color 0.3s linear;*/
a:hover {font-size: 14px;color:#0774F2;text-decoration:none; transition:color 0.3s linear;}/* transition:color 0.3s linear;*/
p { margin:0px; padding:0px;}
form { margin:0px; padding:0px;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}
*{-webkit-tap-highlight-color: transparent;}

.top { margin:0 auto; width:710px; height:45px; top:10px; margin-left:-356px; left:50%; padding:5px 0; text-align:center; position:fixed; z-index:15; border-radius:40px;}/* border:1px solid #E1E3E4;background:rgba(255,255,255,.6); backdrop-filter:blur(10px);*/
.flogo { display:none; margin:0 auto; width:44px; height:44px; overflow:hidden; border-radius:50%;}
.flogo img { width:44px; height:44px; overflow:hidden; border-radius:50%;}
.icon-gengduo { position:absolute; right:10px; top:10px; display:block; font-size:33px !important; height:33px !important; line-height:33px !important; border:1px solid #E1E3E4; background-color:#F1F1F1; color:#000; border-radius:50%; cursor:pointer;}
.logoarea { margin:0 auto; width:50%; margin-top:80px; text-align:center; overflow:hidden;}
.logoarea .logo { margin:0 auto; width:96px; height:96px; overflow:hidden; border-radius:50%;}
.logoarea .logo img { width:96px; height:96px; overflow:hidden; border-radius:50%;}
.logoarea .pname { margin:0 auto; width:100%; text-align:center; margin-top:15px; font-size:21px; color:#000; line-height:30px; font-weight:bold;}
.logoarea .notes { margin:0 auto; width:100%; text-align:center; margin-top:5px; font-size:15px; line-height:22px; color:#000;} 

.listarea { display:none; margin:0 auto; width:710px; margin-top:30px; display:flex; flex-direction:column; margin-bottom:130px;}
.listarea .data { width:710px; height:70px; margin-bottom:10px; display:flex; justify-content:center; align-items:center;}
.listarea .data .list { margin:0 auto; width:680px; height:40px; display:flex; justify-content:space-between; padding:10px 0; transition:.2s; position:relative; z-index:1; background-color:#fff; border-radius:5px; box-shadow:0 0 5px rgb(0,0,0,0.2);}
.listarea .data .list a { width:92%;}
.listarea .data .list a .lico { position:relative; float:left; width:40px; height:40px; left:10px; overflow:hidden;}
.listarea .data .list a .lico img { width:40px; height:40px; overflow:hidden; border-radius:5px;}
.listarea .data .list a .dname { margin:0 auto; width:90%; margin-left:10%; text-align:center; transition:.2s; font-size:17px; color:#000; line-height:40px; height:40px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.listarea .data .list .more { position:absolute; z-index:2; transition:.2s; right:10px; top:10px; text-align:center; cursor:pointer; width:40px; height:40px; background-color:#fff; border-radius:50%;} 
.listarea .data .list .more .icon-shuxianggengduo { width:20px !important; height:20px !important; font-size:20px !important; line-height:40px !important; color:#000;}

.listarea .data .list:hover { width:710px; padding:11px 0;}
.listarea .data .list:hover .dname { font-size:18px;}
.listarea .data .list:hover .more { background-color:#EBEBEB;}
.listarea .sitecopy { margin:0 auto; width:100%; text-align:center; margin-top:50px; font-size:12px; color:#666; line-height:20px;}


.floatw { display:none; position:fixed; width:100%; height:100%; z-index:20; background:rgba(0,0,0,.5); backdrop-filter:blur(5px);}
.floatw .showwin { width:400px; height:400px; position:fixed; z-index:21; margin-left:-200px; left:50%; margin-top:-200px; top:50%; background-color:#fff; border-radius:10px;}
.floatw .showwin .icon-guanbi { position:absolute; right:20px; top:20px; cursor:pointer; font-size:15px !important; width:15px !important; height:15px !important; color:#000;}
.floatw .showwin .titlew { margin:0 auto; width:90%; text-align:center; margin-top:25px; font-size:18px; color:#000; font-weight:bold;}
.floatw .showwin .qrcodew { margin:0 auto; width:90%; text-align:center; margin-top:20px;}
.floatw .showwin .qrcodew img { width:55%; border:1px solid #eee;}
.floatw .showwin .tipw { margin:0 auto; width:90%; margin-top:10px; text-align:center; font-size:15px; color:#666;}
.floatw .showwin .linkshare { margin:0 auto; position:relative; width:85%; padding:10px 8px; margin-top:20px; border:1px solid #E0E2D9; border-radius:10px; display:flex; justify-content:left;}
.floatw .showwin .linkshare .slogo { position:relative; width:22px; height:22px; border-radius:5px; overflow:hidden;}
.floatw .showwin .linkshare .slogo img { width:22px; height:22px;}
.floatw .showwin .linkshare .linkw { position:relative;width:80%; margin-left:10px; text-align:left; font-size:15px; height:22px; line-height:22px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; color:#000;}
.floatw .showwin .linkshare .copyw { cursor:pointer; width:20%; text-align:right; margin-right:10px; font-size:15px; color:#000; line-height:22px;}
.floatw .showwin .linkshare .copyw font { font-size:15px; color:#B8860B; line-height:22px;}

@media screen and (max-width:750px){
	.top { width:95%; margin-left:-48%;}
	.listarea { width:93%; margin-bottom:80px;}
	.listarea .data { width:100%; margin-bottom:5px;}
	.listarea .data .list { width:100%;}
	.listarea .data .list a .dname { width:78%; margin-left:16%; font-size:16px;}
	.listarea .data .list:hover { width:100%; padding:10px 0;}
	.listarea .data .list:hover .dname { font-size:16px;}
	.floatw .showwin { width:90%; height:98vw; margin-left:-45%; margin-top:-49vw;}
}